import{a as J,g as Q,i as O,dY as _,dZ as K,j as o,cA as f,l as n,h as t,cs as ee,cD as re,f as oe,bG as te,cu as se,cv as ae,cm as le,aX as de,cl as ie}from"./main-634.js";import{c as ne}from"./bf-982-242.js";import{S as be}from"./bf-723-244.js";import{S as E}from"./bf-692-111.js";import"./bf-25-81.js";import"./bf-497-246.js";import"./bf-641-107.js";import"./bf-400-72.js";import"./bf-438-114.js";import"./bf-486-243.js";import"./bf-299-245.js";import"./bf-534-247.js";import"./bf-962-248.js";import"./bf-343-249.js";import"./bf-791-250.js";import"./bf-570-251.js";import"./bf-838-80.js";import"./bf-297-103.js";import"./bf-284-252.js";import"./bf-17-106.js";import"./bf-671-253.js";import"./bf-334-254.js";function Ee({objectPaths:s,hslaPaths:R,id:y}){var B;const{css:l}=J(),{"*":F}=Q(),[b,I]=O(le),[m,P]=O(de),[V,$]=O(ie),[k,v,c]=F.split("/"),T=(B=m==null?void 0:m.fields)==null?void 0:B[c],W=_(v==="multi-step"?c:v,c);let a;try{if(!T&&k==="theme-customize")a=K[W].properties.border;else{const{fieldType:e}=T;a=K[e][W].properties.border}}catch(e){return o.jsx(o.Fragment,{})}const w=Object.keys(a),i=e=>ee(e,{themeVars:b,styles:m,themeColors:V});let p,u,h,x;const r={border:"",borderColor:"",borderWidth:"",borderRadius:""};if(Array.isArray(s)){const[e,d]=s;r.border=e.object,r.borderColor=d.object,r.borderWidth=e.object,r.borderRadius=e.object,p=e.paths[w[0]],u=d.paths["border-color"],h=e.paths["border-width"],x=e.paths["border-radius"]}else{const{paths:e}=s;p=e[w[0]],u=e["border-color"],h=e["border-width"],x=e["border-radius"],r.border=s.object,r.borderColor=s.object,r.borderWidth=s.object,r.borderRadius=s.object}const G=f(b,n(i(r.border),p)),H=f(V,n(i(r.borderColor),u)),N=f(b,n(i(r.borderWidth),h)),z=f(b,n(i(r.borderRadius),x)),C=(e,d,S,M)=>{var A;const D=((A=n(i(e),d))==null?void 0:A.indexOf("!important"))>=0?`${S} !important`:S;if(re(e,d,D,{setThemeVars:I,setThemeColors:$,setStyles:P}),M==="borderColor"&&R){const g=S.match(/[+-]?([0-9]+([.][0-9]*)?|[.][0-9]+)/gi),{h:U,s:X,l:Y,a:Z}=R;$(q=>oe(q,j=>{j[U]=g[0],j[X]=`${g[1]}%`,j[Y]=`${g[2]}%`,j[Z]=`${g[3]}%`}))}te(se(v,c,d,D,{[e]:ae(e)}))},L=[{label:"Solid",value:"solid"},{label:"Dashed",value:"dashed"},{label:"Dotted",value:"dotted"},{label:"Double",value:"double"},{label:"Groove",value:"groove"},{label:"Ridge",value:"ridge"},{label:"Inset",value:"inset"},{label:"Outset",value:"outset"},{label:"None",value:"none"}];return o.jsxs(o.Fragment,{children:[a[w[0]]&&o.jsxs("div",{className:l(t.flxcb,t.mb2),children:[o.jsx("span",{className:l(t.fs12,t.fw500),children:"Type"}),o.jsx(ne,{options:L,value:G.replace("!important","").trim(),onChange:e=>C(r.border,p,e),w:130,h:30,id:`${y}-style`})]}),a["border-color"]&&o.jsxs("div",{className:l(t.flxcb,t.mb2),children:[o.jsx("span",{className:l(t.fs12,t.fs12,t.fw500),children:"Color"}),o.jsx(be,{action:{onChange:e=>C(r.borderColor,u,e,"borderColor")},value:H})]}),a["border-width"]&&o.jsx(E,{value:N,className:l(t.mb2),onChange:e=>C(r.borderWidth,h,e),title:"Width",unitOption:["px","em","rem"],min:"0",max:"10",width:"128px",dataTestId:`${y}-wdth`}),a["border-radius"]&&o.jsx(E,{value:z,className:l(t.mb2),onChange:e=>C(r.borderRadius,x,e),title:"Radius",unitOption:["px","em","rem","%"],min:"0",max:"20",width:"128px",dataTestId:`${y}-rdus`,radius:!0})]})}export{Ee as default};
