| 1 |
import{a as T,g as V,i as O,cz as z,k as B,j as t,h as e,cJ as c,cK as u,cL as I,bI as F,cB as K,cC as P,cM as k,cN as L,cs as M,at as A}from"./main-762.js";import{s as D}from"./bf-874-177.js";import{S as x}from"./bf-775-182.js";import{S as E}from"./bf-517-178.js";import"./bf-685-46.js";import"./bf-81-43.js";import"./bf-871-60.js";/* empty css */import"./bf-435-62.js";import"./bf-653-63.js";import"./bf-734-179.js";import"./bf-610-181.js";function ts({objectPaths:h,id:o}){const{css:r}=T(),{fieldKey:b,element:j}=V(),[w,S]=O(M),[g,C]=O(A),{object:d,paths:y}=h,H=z(d,{themeColors:w,styles:g}),$=B(H,y.shadow),n=J($),N=(s,a,i)=>s==="color"?a||"hsla(0, 0%, 0%, 100)":s==="inset"?a||"":`${a||"0"}${i===void 0?"px":i}`,l=(s,{value:a,unit:i})=>{const p=Object.entries(n).map(([f,v])=>f===s?N(s,a,i):N(f,v,"")).join(" ");I(d,y.shadow,p,{setThemeColors:S,setStyles:C}),F(K(j,b,y.shadow,p,{[d]:P(d)}))},m=(s,a,i,p)=>{if(i){const f=c(p),v=k(a,i,f);l(s,{value:v,unit:a})}};return t.jsxs("div",{children:[t.jsxs("div",{className:r(e.flxcb,e.mb2,e.pt1),children:[t.jsx("span",{className:r(e.fs12,e.fw500),children:"X"}),t.jsx(x,{width:"128px",value:Number(u(n.xOffset)||0),unit:c(n.xOffset)||"px",inputHandler:s=>l("xOffset",s),sizeHandler:({unitKey:s,unitValue:a})=>m("xOffset",s,a,n.xOffset),options:["px","em","rem"],min:"-10",max:"20",dataTestId:`${o}-x-offset`})]}),t.jsxs("div",{className:r(e.flxcb,e.mb2),children:[t.jsx("span",{className:r(e.fs12,e.fw500),children:"Y"}),t.jsx(x,{width:"128px",value:Number(u(n.yOffset)||0),unit:c(n.yOffset)||"px",inputHandler:s=>l("yOffset",s),sizeHandler:({unitKey:s,unitValue:a})=>m("yOffset",s,a,n.yOffset),options:["px","em","rem"],min:"-10",max:"20",dataTestId:`${o}-y-offset`})]}),t.jsxs("div",{className:r(e.flxcb,e.mb2),children:[t.jsx("span",{className:r(e.fs12,e.fw500),children:"Blur"}),t.jsx(x,{width:"128px",value:Number(u(n.blur)||0),unit:c(n.blur)||"px",inputHandler:s=>l("blur",s),sizeHandler:({unitKey:s,unitValue:a})=>m("blur",s,a,n.blur),options:["px","em","rem"],min:"0",max:"10",dataTestId:`${o}-blur`})]}),t.jsxs("div",{className:r(e.flxcb,e.mb2),children:[t.jsx("span",{className:r(e.fs12,e.fw500),children:"Spread"}),t.jsx(x,{width:"128px",value:Number(u(n.spread)||0),unit:c(n.spread)||"px",inputHandler:s=>l("spread",s),sizeHandler:({unitKey:s,unitValue:a})=>m("spread",s,a,n.spread),options:["px","em","rem"],min:"-5",max:"20",dataTestId:`${o}-spread`})]}),t.jsxs("div",{className:r(e.flxcb,e.mb2),children:[t.jsx("span",{className:r(e.fs12,e.fw500),children:"Color"}),t.jsx(E,{action:{onChange:s=>l("color",{value:s})},value:n.color})]}),t.jsxs("div",{className:r(e.flxcb,e.mb2),children:[t.jsx("span",{className:r(e.fs12,e.fw500),children:"Inset"}),t.jsxs("select",{className:r(D.select),value:n.inset||"",onChange:s=>l("inset",{value:s.target.value}),"data-testid":`${o}-inset`,children:[t.jsx("option",{value:"",children:"outset"}),t.jsx("option",{value:"inset",children:"inset"})]})]})]})}const J=h=>{const[o,r,b,j,w,S]=L(h);return{xOffset:o,yOffset:r,blur:b,spread:j,color:w,inset:S}};export{ts as default}; |
