@emeraldemperaur/vector-sigma 1.4.1 → 1.4.2

package/lib/index.esm.js

@@ -9091,163 +9091,167 @@ function requireClassnames () {
 var classnamesExports = requireClassnames();
 var classNames = /*@__PURE__*/getDefaultExportFromCjs(classnamesExports);
 
-const o$e={asChild:{type:"boolean"}};
+const o$f={asChild:{type:"boolean"}};
 
 const t$h={width:{type:"string",className:"rt-r-w",customProperties:["--width"],responsive:true},minWidth:{type:"string",className:"rt-r-min-w",customProperties:["--min-width"],responsive:true},maxWidth:{type:"string",className:"rt-r-max-w",customProperties:["--max-width"],responsive:true}};
 
-const e$k={height:{type:"string",className:"rt-r-h",customProperties:["--height"],responsive:true},minHeight:{type:"string",className:"rt-r-min-h",customProperties:["--min-height"],responsive:true},maxHeight:{type:"string",className:"rt-r-max-h",customProperties:["--max-height"],responsive:true}};
+const e$l={height:{type:"string",className:"rt-r-h",customProperties:["--height"],responsive:true},minHeight:{type:"string",className:"rt-r-min-h",customProperties:["--min-height"],responsive:true},maxHeight:{type:"string",className:"rt-r-max-h",customProperties:["--max-height"],responsive:true}};
 
-const o$d=["gray","gold","bronze","brown","yellow","amber","orange","tomato","red","ruby","crimson","pink","plum","purple","violet","iris","indigo","blue","cyan","teal","jade","green","grass","lime","mint","sky"],e$j=["auto","gray","mauve","slate","sage","olive","sand"],r$l={color:{type:"enum",values:o$d,default:void 0}},s$8={color:{type:"enum",values:o$d,default:""}};
+const o$e=["gray","gold","bronze","brown","yellow","amber","orange","tomato","red","ruby","crimson","pink","plum","purple","violet","iris","indigo","blue","cyan","teal","jade","green","grass","lime","mint","sky"],e$k=["auto","gray","mauve","slate","sage","olive","sand"],r$m={color:{type:"enum",values:o$e,default:void 0}},s$8={color:{type:"enum",values:o$e,default:""}};
 
-const o$c={highContrast:{type:"boolean",className:"rt-high-contrast",default:void 0}};
+const o$d={highContrast:{type:"boolean",className:"rt-high-contrast",default:void 0}};
 
-const e$i=["normal","start","end","both"],r$k={trim:{type:"enum",className:"rt-r-lt",values:e$i,responsive:true}};
+const e$j=["normal","start","end","both"],r$l={trim:{type:"enum",className:"rt-r-lt",values:e$j,responsive:true}};
 
-const e$h=["left","center","right"],t$g={align:{type:"enum",className:"rt-r-ta",values:e$h,responsive:true}};
+const e$i=["left","center","right"],t$g={align:{type:"enum",className:"rt-r-ta",values:e$i,responsive:true}};
 
-const e$g=["wrap","nowrap","pretty","balance"],r$j={wrap:{type:"enum",className:"rt-r-tw",values:e$g,responsive:true}};
+const e$h=["wrap","nowrap","pretty","balance"],r$k={wrap:{type:"enum",className:"rt-r-tw",values:e$h,responsive:true}};
 
-const e$f={truncate:{type:"boolean",className:"rt-truncate"}};
+const e$g={truncate:{type:"boolean",className:"rt-truncate"}};
 
-const e$e=["light","regular","medium","bold"],t$f={weight:{type:"enum",className:"rt-r-weight",values:e$e,responsive:true}};
+const e$f=["light","regular","medium","bold"],t$f={weight:{type:"enum",className:"rt-r-weight",values:e$f,responsive:true}};
 
-const m$4=["h1","h2","h3","h4","h5","h6"],a$f=["1","2","3","4","5","6","7","8","9"],n$8={as:{type:"enum",values:m$4,default:"h1"},...o$e,size:{type:"enum",className:"rt-r-size",values:a$f,default:"6",responsive:true},...t$f,...t$g,...r$k,...e$f,...r$j,...r$l,...o$c};
+const m$4=["h1","h2","h3","h4","h5","h6"],a$g=["1","2","3","4","5","6","7","8","9"],n$8={as:{type:"enum",values:m$4,default:"h1"},...o$f,size:{type:"enum",className:"rt-r-size",values:a$g,default:"6",responsive:true},...t$f,...t$g,...r$l,...e$g,...r$k,...r$m,...o$d};
 
-const e$d=["initial","xs","sm","md","lg","xl"],r$i=new Set(e$d);
+const e$e=["initial","xs","sm","md","lg","xl"],r$j=new Set(e$e);
 
-function e$c(n,r){return Object.prototype.hasOwnProperty.call(n,r)}
+function e$d(n,r){return Object.prototype.hasOwnProperty.call(n,r)}
 
-function r$h(e){return typeof e=="object"&&e!==null&&Object.keys(e).some(s=>r$i.has(s))}
+function r$i(e){return typeof e=="object"&&e!==null&&Object.keys(e).some(s=>r$j.has(s))}
 
-function R$1({className:r,customProperties:s,...i}){const p=g$1({allowArbitraryValues:true,className:r,...i}),n=m$3({customProperties:s,...i});return [p,n]}function g$1({allowArbitraryValues:r,value:s,className:i,propValues:p,parseValue:n=e=>e}){const e=[];if(s){if(typeof s=="string"&&p.includes(s))return l$6(i,s,n);if(r$h(s)){const t=s;for(const o in t){if(!e$c(t,o)||!r$i.has(o))continue;const u=t[o];if(u!==void 0){if(p.includes(u)){const f=l$6(i,u,n),v=o==="initial"?f:`${o}:${f}`;e.push(v);}else if(r){const f=o==="initial"?i:`${o}:${i}`;e.push(f);}}}return e.join(" ")}if(r)return i}}function l$6(r,s,i){const p=r?"-":"",n=i(s),e=n?.startsWith("-"),t=e?"-":"",o=e?n?.substring(1):n;return `${t}${r}${p}${o}`}function m$3({customProperties:r,value:s,propValues:i,parseValue:p=n=>n}){let n={};if(!(!s||typeof s=="string"&&i.includes(s))){if(typeof s=="string"&&(n=Object.fromEntries(r.map(e=>[e,s]))),r$h(s)){const e=s;for(const t in e){if(!e$c(e,t)||!r$i.has(t))continue;const o=e[t];if(!i.includes(o))for(const u of r)n={[t==="initial"?u:`${u}-${t}`]:o,...n};}}for(const e in n){const t=n[e];t!==void 0&&(n[e]=p(t));}return n}}
+function R$1({className:r,customProperties:s,...i}){const p=g$1({allowArbitraryValues:true,className:r,...i}),n=m$3({customProperties:s,...i});return [p,n]}function g$1({allowArbitraryValues:r,value:s,className:i,propValues:p,parseValue:n=e=>e}){const e=[];if(s){if(typeof s=="string"&&p.includes(s))return l$6(i,s,n);if(r$i(s)){const t=s;for(const o in t){if(!e$d(t,o)||!r$j.has(o))continue;const u=t[o];if(u!==void 0){if(p.includes(u)){const f=l$6(i,u,n),v=o==="initial"?f:`${o}:${f}`;e.push(v);}else if(r){const f=o==="initial"?i:`${o}:${i}`;e.push(f);}}}return e.join(" ")}if(r)return i}}function l$6(r,s,i){const p=r?"-":"",n=i(s),e=n?.startsWith("-"),t=e?"-":"",o=e?n?.substring(1):n;return `${t}${r}${p}${o}`}function m$3({customProperties:r,value:s,propValues:i,parseValue:p=n=>n}){let n={};if(!(!s||typeof s=="string"&&i.includes(s))){if(typeof s=="string"&&(n=Object.fromEntries(r.map(e=>[e,s]))),r$i(s)){const e=s;for(const t in e){if(!e$d(e,t)||!r$j.has(t))continue;const o=e[t];if(!i.includes(o))for(const u of r)n={[t==="initial"?u:`${u}-${t}`]:o,...n};}}for(const e in n){const t=n[e];t!==void 0&&(n[e]=p(t));}return n}}
 
 function l$5(...t){let e={};for(const n of t)n&&(e={...e,...n});return Object.keys(e).length?e:void 0}
 
-function N$1(...r){return Object.assign({},...r)}function v$3(r,...m){let t,l;const a={...r},f=N$1(...m);for(const n in f){let s=a[n];const e=f[n];if(e.default!==void 0&&s===void 0&&(s=e.default),e.type==="enum"&&![e.default,...e.values].includes(s)&&!r$h(s)&&(s=e.default),a[n]=s,"className"in e&&e.className){delete a[n];const u="responsive"in e;if(!s||r$h(s)&&!u)continue;if(r$h(s)&&(e.default!==void 0&&s.initial===void 0&&(s.initial=e.default),e.type==="enum"&&([e.default,...e.values].includes(s.initial)||(s.initial=e.default))),e.type==="enum"){const i=g$1({allowArbitraryValues:false,value:s,className:e.className,propValues:e.values,parseValue:e.parseValue});t=classNames(t,i);continue}if(e.type==="string"||e.type==="enum | string"){const i=e.type==="string"?[]:e.values,[d,y]=R$1({className:e.className,customProperties:e.customProperties,propValues:i,parseValue:e.parseValue,value:s});l=l$5(l,y),t=classNames(t,d);continue}if(e.type==="boolean"&&s){t=classNames(t,e.className);continue}}}return a.className=classNames(t,r.className),a.style=l$5(l,r.style),a}
+function N$1(...r){return Object.assign({},...r)}function v$3(r,...m){let t,l;const a={...r},f=N$1(...m);for(const n in f){let s=a[n];const e=f[n];if(e.default!==void 0&&s===void 0&&(s=e.default),e.type==="enum"&&![e.default,...e.values].includes(s)&&!r$i(s)&&(s=e.default),a[n]=s,"className"in e&&e.className){delete a[n];const u="responsive"in e;if(!s||r$i(s)&&!u)continue;if(r$i(s)&&(e.default!==void 0&&s.initial===void 0&&(s.initial=e.default),e.type==="enum"&&([e.default,...e.values].includes(s.initial)||(s.initial=e.default))),e.type==="enum"){const i=g$1({allowArbitraryValues:false,value:s,className:e.className,propValues:e.values,parseValue:e.parseValue});t=classNames(t,i);continue}if(e.type==="string"||e.type==="enum | string"){const i=e.type==="string"?[]:e.values,[d,y]=R$1({className:e.className,customProperties:e.customProperties,propValues:i,parseValue:e.parseValue,value:s});l=l$5(l,y),t=classNames(t,d);continue}if(e.type==="boolean"&&s){t=classNames(t,e.className);continue}}}return a.className=classNames(t,r.className),a.style=l$5(l,r.style),a}
 
-const e$b=["0","1","2","3","4","5","6","7","8","9","-1","-2","-3","-4","-5","-6","-7","-8","-9"],r$g={m:{type:"enum | string",values:e$b,responsive:true,className:"rt-r-m",customProperties:["--m"]},mx:{type:"enum | string",values:e$b,responsive:true,className:"rt-r-mx",customProperties:["--ml","--mr"]},my:{type:"enum | string",values:e$b,responsive:true,className:"rt-r-my",customProperties:["--mt","--mb"]},mt:{type:"enum | string",values:e$b,responsive:true,className:"rt-r-mt",customProperties:["--mt"]},mr:{type:"enum | string",values:e$b,responsive:true,className:"rt-r-mr",customProperties:["--mr"]},mb:{type:"enum | string",values:e$b,responsive:true,className:"rt-r-mb",customProperties:["--mb"]},ml:{type:"enum | string",values:e$b,responsive:true,className:"rt-r-ml",customProperties:["--ml"]}};
+const e$c=["0","1","2","3","4","5","6","7","8","9","-1","-2","-3","-4","-5","-6","-7","-8","-9"],r$h={m:{type:"enum | string",values:e$c,responsive:true,className:"rt-r-m",customProperties:["--m"]},mx:{type:"enum | string",values:e$c,responsive:true,className:"rt-r-mx",customProperties:["--ml","--mr"]},my:{type:"enum | string",values:e$c,responsive:true,className:"rt-r-my",customProperties:["--mt","--mb"]},mt:{type:"enum | string",values:e$c,responsive:true,className:"rt-r-mt",customProperties:["--mt"]},mr:{type:"enum | string",values:e$c,responsive:true,className:"rt-r-mr",customProperties:["--mr"]},mb:{type:"enum | string",values:e$c,responsive:true,className:"rt-r-mb",customProperties:["--mb"]},ml:{type:"enum | string",values:e$c,responsive:true,className:"rt-r-ml",customProperties:["--ml"]}};
 
-const r$f=React.forwardRef((p,t)=>{const{children:e,className:s,asChild:a,as:n="h1",color:i,...m}=v$3(p,n$8,r$g);return React.createElement(Slot$2,{"data-accent-color":i,...m,ref:t,className:classNames("rt-Heading",s)},a?e:React.createElement(n,null,e))});r$f.displayName="Heading";
+const r$g=React.forwardRef((p,t)=>{const{children:e,className:s,asChild:a,as:n="h1",color:i,...m}=v$3(p,n$8,r$h);return React.createElement(Slot$2,{"data-accent-color":i,...m,ref:t,className:classNames("rt-Heading",s)},a?e:React.createElement(n,null,e))});r$g.displayName="Heading";
 
-const m$2=["span","div","label","p"],a$e=["1","2","3","4","5","6","7","8","9"],n$7={as:{type:"enum",values:m$2,default:"span"},...o$e,size:{type:"enum",className:"rt-r-size",values:a$e,responsive:true},...t$f,...t$g,...r$k,...e$f,...r$j,...r$l,...o$c};
+const m$2=["span","div","label","p"],a$f=["1","2","3","4","5","6","7","8","9"],n$7={as:{type:"enum",values:m$2,default:"span"},...o$f,size:{type:"enum",className:"rt-r-size",values:a$f,responsive:true},...t$f,...t$g,...r$l,...e$g,...r$k,...r$m,...o$d};
 
-const p$d=React.forwardRef((t,r)=>{const{children:e,className:s,asChild:m,as:a="span",color:n,...P}=v$3(t,n$7,r$g);return React.createElement(Slot$2,{"data-accent-color":n,...P,ref:r,className:classNames("rt-Text",s)},m?e:React.createElement(a,null,e))});p$d.displayName="Text";
+const p$d=React.forwardRef((t,r)=>{const{children:e,className:s,asChild:m,as:a="span",color:n,...P}=v$3(t,n$7,r$h);return React.createElement(Slot$2,{"data-accent-color":n,...P,ref:r,className:classNames("rt-Text",s)},m?e:React.createElement(a,null,e))});p$d.displayName="Text";
 
-function a$d(e){switch(e){case "tomato":case "red":case "ruby":case "crimson":case "pink":case "plum":case "purple":case "violet":return "mauve";case "iris":case "indigo":case "blue":case "sky":case "cyan":return "slate";case "teal":case "jade":case "mint":case "green":return "sage";case "grass":case "lime":return "olive";case "yellow":case "amber":case "orange":case "brown":case "gold":case "bronze":return "sand";case "gray":return "gray"}}
+function a$e(e){switch(e){case "tomato":case "red":case "ruby":case "crimson":case "pink":case "plum":case "purple":case "violet":return "mauve";case "iris":case "indigo":case "blue":case "sky":case "cyan":return "slate";case "teal":case "jade":case "mint":case "green":return "sage";case "grass":case "lime":return "olive";case "yellow":case "amber":case "orange":case "brown":case "gold":case "bronze":return "sand";case "gray":return "gray"}}
 
-const e$a=["none","small","medium","large","full"],r$e={radius:{type:"enum",values:e$a,default:void 0}};
+const e$b=["none","small","medium","large","full"],r$f={radius:{type:"enum",values:e$b,default:void 0}};
 
-const t$e=["solid","translucent"],n$6=["90%","95%","100%","105%","110%"],s$7={hasBackground:{default:true},appearance:{default:"inherit"},accentColor:{values:o$d,default:"indigo"},grayColor:{values:e$j,default:"auto"},panelBackground:{values:t$e,default:"translucent"},radius:{values:e$a,default:"medium"},scaling:{values:n$6,default:"100%"}};
+const t$e=["solid","translucent"],n$6=["90%","95%","100%","105%","110%"],s$7={hasBackground:{default:true},appearance:{default:"inherit"},accentColor:{values:o$e,default:"indigo"},grayColor:{values:e$k,default:"auto"},panelBackground:{values:t$e,default:"translucent"},radius:{values:e$b,default:"medium"},scaling:{values:n$6,default:"100%"}};
 
-const d$3=()=>{},P$2=React.createContext(void 0);function H(){const a=React.useContext(P$2);if(a===void 0)throw new Error("`useThemeContext` must be used within a `Theme`");return a}const R=React.forwardRef((a,s)=>React.useContext(P$2)===void 0?React.createElement(Provider,{delayDuration:200},React.createElement(Provider$1,{dir:"ltr"},React.createElement(I$2,{...a,ref:s}))):React.createElement(A,{...a,ref:s}));R.displayName="Theme";const I$2=React.forwardRef((a,s)=>{const{appearance:r=s$7.appearance.default,accentColor:c=s$7.accentColor.default,grayColor:l=s$7.grayColor.default,panelBackground:p=s$7.panelBackground.default,radius:n=s$7.radius.default,scaling:t=s$7.scaling.default,hasBackground:i=s$7.hasBackground.default,...u}=a,[h,m]=React.useState(r);React.useEffect(()=>m(r),[r]);const[y,g]=React.useState(c);React.useEffect(()=>g(c),[c]);const[v,C]=React.useState(l);React.useEffect(()=>C(l),[l]);const[k,f]=React.useState(p);React.useEffect(()=>f(p),[p]);const[B,x]=React.useState(n);React.useEffect(()=>x(n),[n]);const[T,b]=React.useState(t);return React.useEffect(()=>b(t),[t]),React.createElement(A,{...u,ref:s,isRoot:true,hasBackground:i,appearance:h,accentColor:y,grayColor:v,panelBackground:k,radius:B,scaling:T,onAppearanceChange:m,onAccentColorChange:g,onGrayColorChange:C,onPanelBackgroundChange:f,onRadiusChange:x,onScalingChange:b})});I$2.displayName="ThemeRoot";const A=React.forwardRef((a,s)=>{const r=React.useContext(P$2),{asChild:c,isRoot:l,hasBackground:p,appearance:n=r?.appearance??s$7.appearance.default,accentColor:t=r?.accentColor??s$7.accentColor.default,grayColor:i=r?.resolvedGrayColor??s$7.grayColor.default,panelBackground:u=r?.panelBackground??s$7.panelBackground.default,radius:h=r?.radius??s$7.radius.default,scaling:m=r?.scaling??s$7.scaling.default,onAppearanceChange:y=d$3,onAccentColorChange:g=d$3,onGrayColorChange:v=d$3,onPanelBackgroundChange:C=d$3,onRadiusChange:k=d$3,onScalingChange:f=d$3,...B}=a,x=c?Slot$2:"div",T=i==="auto"?a$d(t):i,b=a.appearance==="light"||a.appearance==="dark",S=p===void 0?l||b:p;return React.createElement(P$2.Provider,{value:React.useMemo(()=>({appearance:n,accentColor:t,grayColor:i,resolvedGrayColor:T,panelBackground:u,radius:h,scaling:m,onAppearanceChange:y,onAccentColorChange:g,onGrayColorChange:v,onPanelBackgroundChange:C,onRadiusChange:k,onScalingChange:f}),[n,t,i,T,u,h,m,y,g,v,C,k,f])},React.createElement(x,{"data-is-root-theme":l?"true":"false","data-accent-color":t,"data-gray-color":T,"data-has-background":S?"true":"false","data-panel-background":u,"data-radius":h,"data-scaling":m,ref:s,...B,className:classNames("radix-themes",{light:n==="light",dark:n==="dark"},B.className)}))});A.displayName="ThemeImpl";
+const d$3=()=>{},P$2=React.createContext(void 0);function H(){const a=React.useContext(P$2);if(a===void 0)throw new Error("`useThemeContext` must be used within a `Theme`");return a}const R=React.forwardRef((a,s)=>React.useContext(P$2)===void 0?React.createElement(Provider,{delayDuration:200},React.createElement(Provider$1,{dir:"ltr"},React.createElement(I$2,{...a,ref:s}))):React.createElement(A,{...a,ref:s}));R.displayName="Theme";const I$2=React.forwardRef((a,s)=>{const{appearance:r=s$7.appearance.default,accentColor:c=s$7.accentColor.default,grayColor:l=s$7.grayColor.default,panelBackground:p=s$7.panelBackground.default,radius:n=s$7.radius.default,scaling:t=s$7.scaling.default,hasBackground:i=s$7.hasBackground.default,...u}=a,[h,m]=React.useState(r);React.useEffect(()=>m(r),[r]);const[y,g]=React.useState(c);React.useEffect(()=>g(c),[c]);const[v,C]=React.useState(l);React.useEffect(()=>C(l),[l]);const[k,f]=React.useState(p);React.useEffect(()=>f(p),[p]);const[B,x]=React.useState(n);React.useEffect(()=>x(n),[n]);const[T,b]=React.useState(t);return React.useEffect(()=>b(t),[t]),React.createElement(A,{...u,ref:s,isRoot:true,hasBackground:i,appearance:h,accentColor:y,grayColor:v,panelBackground:k,radius:B,scaling:T,onAppearanceChange:m,onAccentColorChange:g,onGrayColorChange:C,onPanelBackgroundChange:f,onRadiusChange:x,onScalingChange:b})});I$2.displayName="ThemeRoot";const A=React.forwardRef((a,s)=>{const r=React.useContext(P$2),{asChild:c,isRoot:l,hasBackground:p,appearance:n=r?.appearance??s$7.appearance.default,accentColor:t=r?.accentColor??s$7.accentColor.default,grayColor:i=r?.resolvedGrayColor??s$7.grayColor.default,panelBackground:u=r?.panelBackground??s$7.panelBackground.default,radius:h=r?.radius??s$7.radius.default,scaling:m=r?.scaling??s$7.scaling.default,onAppearanceChange:y=d$3,onAccentColorChange:g=d$3,onGrayColorChange:v=d$3,onPanelBackgroundChange:C=d$3,onRadiusChange:k=d$3,onScalingChange:f=d$3,...B}=a,x=c?Slot$2:"div",T=i==="auto"?a$e(t):i,b=a.appearance==="light"||a.appearance==="dark",S=p===void 0?l||b:p;return React.createElement(P$2.Provider,{value:React.useMemo(()=>({appearance:n,accentColor:t,grayColor:i,resolvedGrayColor:T,panelBackground:u,radius:h,scaling:m,onAppearanceChange:y,onAccentColorChange:g,onGrayColorChange:v,onPanelBackgroundChange:C,onRadiusChange:k,onScalingChange:f}),[n,t,i,T,u,h,m,y,g,v,C,k,f])},React.createElement(x,{"data-is-root-theme":l?"true":"false","data-accent-color":t,"data-gray-color":T,"data-has-background":S?"true":"false","data-panel-background":u,"data-radius":h,"data-scaling":m,ref:s,...B,className:classNames("radix-themes",{light:n==="light",dark:n==="dark"},B.className)}))});A.displayName="ThemeImpl";
 
-const a$c=t=>{if(!React.isValidElement(t))throw Error(`Expected a single React Element child, but got: ${React.Children.toArray(t).map(e=>typeof e=="object"&&"type"in e&&typeof e.type=="string"?e.type:typeof e).join(", ")}`);return t};
+const a$d=t=>{if(!React.isValidElement(t))throw Error(`Expected a single React Element child, but got: ${React.Children.toArray(t).map(e=>typeof e=="object"&&"type"in e&&typeof e.type=="string"?e.type:typeof e).join(", ")}`);return t};
 
 const i$9=Root$7;
 
 function d$2(i,e){const{asChild:r,children:c}=i;if(!r)return typeof e=="function"?e(c):e;const t=React.Children.only(c);return React.cloneElement(t,{children:typeof e=="function"?e(t.props.children):e})}
 
-const t$d=["1","2","3"],a$b=["solid","soft","surface","outline"],p$c={...o$e,size:{type:"enum",className:"rt-r-size",values:t$d,default:"1",responsive:true},variant:{type:"enum",className:"rt-variant",values:a$b,default:"soft"},...s$8,...o$c,...r$e};
+const t$d=["1","2","3"],a$c=["solid","soft","surface","outline"],p$c={...o$f,size:{type:"enum",className:"rt-r-size",values:t$d,default:"1",responsive:true},variant:{type:"enum",className:"rt-variant",values:a$c,default:"soft"},...s$8,...o$d,...r$f};
 
-const e$9=React.forwardRef((r,p)=>{const{asChild:t,className:s,color:a,radius:m,...n}=v$3(r,p$c,r$g),d=t?Slot$2:"span";return React.createElement(d,{"data-accent-color":a,"data-radius":m,...n,ref:p,className:classNames("rt-reset","rt-Badge",s)})});e$9.displayName="Badge";
+const e$a=React.forwardRef((r,p)=>{const{asChild:t,className:s,color:a,radius:m,...n}=v$3(r,p$c,r$h),d=t?Slot$2:"span";return React.createElement(d,{"data-accent-color":a,"data-radius":m,...n,ref:p,className:classNames("rt-reset","rt-Badge",s)})});e$a.displayName="Badge";
 
-const e$8=Slot$2;
+const e$9=Slot$2;
 
-const s$6=["div","span"],o$b=["none","inline","inline-block","block","contents"],p$b={as:{type:"enum",values:s$6,default:"div"},...o$e,display:{type:"enum",className:"rt-r-display",values:o$b,responsive:true}};
+const s$6=["div","span"],o$c=["none","inline","inline-block","block","contents"],p$b={as:{type:"enum",values:s$6,default:"div"},...o$f,display:{type:"enum",className:"rt-r-display",values:o$c,responsive:true}};
 
-const e$7=["0","1","2","3","4","5","6","7","8","9"],p$a={p:{type:"enum | string",className:"rt-r-p",customProperties:["--p"],values:e$7,responsive:true},px:{type:"enum | string",className:"rt-r-px",customProperties:["--pl","--pr"],values:e$7,responsive:true},py:{type:"enum | string",className:"rt-r-py",customProperties:["--pt","--pb"],values:e$7,responsive:true},pt:{type:"enum | string",className:"rt-r-pt",customProperties:["--pt"],values:e$7,responsive:true},pr:{type:"enum | string",className:"rt-r-pr",customProperties:["--pr"],values:e$7,responsive:true},pb:{type:"enum | string",className:"rt-r-pb",customProperties:["--pb"],values:e$7,responsive:true},pl:{type:"enum | string",className:"rt-r-pl",customProperties:["--pl"],values:e$7,responsive:true}};
+const e$8=["0","1","2","3","4","5","6","7","8","9"],p$a={p:{type:"enum | string",className:"rt-r-p",customProperties:["--p"],values:e$8,responsive:true},px:{type:"enum | string",className:"rt-r-px",customProperties:["--pl","--pr"],values:e$8,responsive:true},py:{type:"enum | string",className:"rt-r-py",customProperties:["--pt","--pb"],values:e$8,responsive:true},pt:{type:"enum | string",className:"rt-r-pt",customProperties:["--pt"],values:e$8,responsive:true},pr:{type:"enum | string",className:"rt-r-pr",customProperties:["--pr"],values:e$8,responsive:true},pb:{type:"enum | string",className:"rt-r-pb",customProperties:["--pb"],values:e$8,responsive:true},pl:{type:"enum | string",className:"rt-r-pl",customProperties:["--pl"],values:e$8,responsive:true}};
 
-const r$d=["visible","hidden","clip","scroll","auto"],i$8=["static","relative","absolute","fixed","sticky"],e$6=["0","1","2","3","4","5","6","7","8","9","-1","-2","-3","-4","-5","-6","-7","-8","-9"],p$9=["0","1"],n$5=["0","1"],a$a=["start","center","end","baseline","stretch"],u$4=["start","center","end","baseline","stretch"],l$4={...p$a,...t$h,...e$k,position:{type:"enum",className:"rt-r-position",values:i$8,responsive:true},inset:{type:"enum | string",className:"rt-r-inset",customProperties:["--inset"],values:e$6,responsive:true},top:{type:"enum | string",className:"rt-r-top",customProperties:["--top"],values:e$6,responsive:true},right:{type:"enum | string",className:"rt-r-right",customProperties:["--right"],values:e$6,responsive:true},bottom:{type:"enum | string",className:"rt-r-bottom",customProperties:["--bottom"],values:e$6,responsive:true},left:{type:"enum | string",className:"rt-r-left",customProperties:["--left"],values:e$6,responsive:true},overflow:{type:"enum",className:"rt-r-overflow",values:r$d,responsive:true},overflowX:{type:"enum",className:"rt-r-ox",values:r$d,responsive:true},overflowY:{type:"enum",className:"rt-r-oy",values:r$d,responsive:true},flexBasis:{type:"string",className:"rt-r-fb",customProperties:["--flex-basis"],responsive:true},flexShrink:{type:"enum | string",className:"rt-r-fs",customProperties:["--flex-shrink"],values:p$9,responsive:true},flexGrow:{type:"enum | string",className:"rt-r-fg",customProperties:["--flex-grow"],values:n$5,responsive:true},gridArea:{type:"string",className:"rt-r-ga",customProperties:["--grid-area"],responsive:true},gridColumn:{type:"string",className:"rt-r-gc",customProperties:["--grid-column"],responsive:true},gridColumnStart:{type:"string",className:"rt-r-gcs",customProperties:["--grid-column-start"],responsive:true},gridColumnEnd:{type:"string",className:"rt-r-gce",customProperties:["--grid-column-end"],responsive:true},gridRow:{type:"string",className:"rt-r-gr",customProperties:["--grid-row"],responsive:true},gridRowStart:{type:"string",className:"rt-r-grs",customProperties:["--grid-row-start"],responsive:true},gridRowEnd:{type:"string",className:"rt-r-gre",customProperties:["--grid-row-end"],responsive:true},alignSelf:{type:"enum",className:"rt-r-as",values:a$a,responsive:true},justifySelf:{type:"enum",className:"rt-r-js",values:u$4,responsive:true}};
+const r$e=["visible","hidden","clip","scroll","auto"],i$8=["static","relative","absolute","fixed","sticky"],e$7=["0","1","2","3","4","5","6","7","8","9","-1","-2","-3","-4","-5","-6","-7","-8","-9"],p$9=["0","1"],n$5=["0","1"],a$b=["start","center","end","baseline","stretch"],u$4=["start","center","end","baseline","stretch"],l$4={...p$a,...t$h,...e$l,position:{type:"enum",className:"rt-r-position",values:i$8,responsive:true},inset:{type:"enum | string",className:"rt-r-inset",customProperties:["--inset"],values:e$7,responsive:true},top:{type:"enum | string",className:"rt-r-top",customProperties:["--top"],values:e$7,responsive:true},right:{type:"enum | string",className:"rt-r-right",customProperties:["--right"],values:e$7,responsive:true},bottom:{type:"enum | string",className:"rt-r-bottom",customProperties:["--bottom"],values:e$7,responsive:true},left:{type:"enum | string",className:"rt-r-left",customProperties:["--left"],values:e$7,responsive:true},overflow:{type:"enum",className:"rt-r-overflow",values:r$e,responsive:true},overflowX:{type:"enum",className:"rt-r-ox",values:r$e,responsive:true},overflowY:{type:"enum",className:"rt-r-oy",values:r$e,responsive:true},flexBasis:{type:"string",className:"rt-r-fb",customProperties:["--flex-basis"],responsive:true},flexShrink:{type:"enum | string",className:"rt-r-fs",customProperties:["--flex-shrink"],values:p$9,responsive:true},flexGrow:{type:"enum | string",className:"rt-r-fg",customProperties:["--flex-grow"],values:n$5,responsive:true},gridArea:{type:"string",className:"rt-r-ga",customProperties:["--grid-area"],responsive:true},gridColumn:{type:"string",className:"rt-r-gc",customProperties:["--grid-column"],responsive:true},gridColumnStart:{type:"string",className:"rt-r-gcs",customProperties:["--grid-column-start"],responsive:true},gridColumnEnd:{type:"string",className:"rt-r-gce",customProperties:["--grid-column-end"],responsive:true},gridRow:{type:"string",className:"rt-r-gr",customProperties:["--grid-row"],responsive:true},gridRowStart:{type:"string",className:"rt-r-grs",customProperties:["--grid-row-start"],responsive:true},gridRowEnd:{type:"string",className:"rt-r-gre",customProperties:["--grid-row-end"],responsive:true},alignSelf:{type:"enum",className:"rt-r-as",values:a$b,responsive:true},justifySelf:{type:"enum",className:"rt-r-js",values:u$4,responsive:true}};
 
-const p$8=React.forwardRef((r,s)=>{const{className:t,asChild:e,as:m="div",...a}=v$3(r,p$b,l$4,r$g);return React.createElement(e?e$8:m,{...a,ref:s,className:classNames("rt-Box",t)})});p$8.displayName="Box";
+const p$8=React.forwardRef((r,s)=>{const{className:t,asChild:e,as:m="div",...a}=v$3(r,p$b,l$4,r$h);return React.createElement(e?e$9:m,{...a,ref:s,className:classNames("rt-Box",t)})});p$8.displayName="Box";
 
-const t$c=["1","2","3","4"],a$9=["classic","solid","soft","surface","outline","ghost"],i$7={...o$e,size:{type:"enum",className:"rt-r-size",values:t$c,default:"2",responsive:true},variant:{type:"enum",className:"rt-variant",values:a$9,default:"solid"},...s$8,...o$c,...r$e,loading:{type:"boolean",className:"rt-loading",default:false}};
+const t$c=["1","2","3","4"],a$a=["classic","solid","soft","surface","outline","ghost"],i$7={...o$f,size:{type:"enum",className:"rt-r-size",values:t$c,default:"2",responsive:true},variant:{type:"enum",className:"rt-variant",values:a$a,default:"solid"},...s$8,...o$d,...r$f,loading:{type:"boolean",className:"rt-loading",default:false}};
 
-const e$5=["0","1","2","3","4","5","6","7","8","9"],p$7={gap:{type:"enum | string",className:"rt-r-gap",customProperties:["--gap"],values:e$5,responsive:true},gapX:{type:"enum | string",className:"rt-r-cg",customProperties:["--column-gap"],values:e$5,responsive:true},gapY:{type:"enum | string",className:"rt-r-rg",customProperties:["--row-gap"],values:e$5,responsive:true}};
+const e$6=["0","1","2","3","4","5","6","7","8","9"],p$7={gap:{type:"enum | string",className:"rt-r-gap",customProperties:["--gap"],values:e$6,responsive:true},gapX:{type:"enum | string",className:"rt-r-cg",customProperties:["--column-gap"],values:e$6,responsive:true},gapY:{type:"enum | string",className:"rt-r-rg",customProperties:["--row-gap"],values:e$6,responsive:true}};
 
-const t$b=["div","span"],p$6=["none","inline-flex","flex"],a$8=["row","column","row-reverse","column-reverse"],o$a=["start","center","end","baseline","stretch"],n$4=["start","center","end","between"],l$3=["nowrap","wrap","wrap-reverse"],u$3={as:{type:"enum",values:t$b,default:"div"},...o$e,display:{type:"enum",className:"rt-r-display",values:p$6,responsive:true},direction:{type:"enum",className:"rt-r-fd",values:a$8,responsive:true},align:{type:"enum",className:"rt-r-ai",values:o$a,responsive:true},justify:{type:"enum",className:"rt-r-jc",values:n$4,parseValue:f$4,responsive:true},wrap:{type:"enum",className:"rt-r-fw",values:l$3,responsive:true},...p$7};function f$4(e){return e==="between"?"space-between":e}
+const t$b=["div","span"],p$6=["none","inline-flex","flex"],a$9=["row","column","row-reverse","column-reverse"],o$b=["start","center","end","baseline","stretch"],n$4=["start","center","end","between"],l$3=["nowrap","wrap","wrap-reverse"],u$3={as:{type:"enum",values:t$b,default:"div"},...o$f,display:{type:"enum",className:"rt-r-display",values:p$6,responsive:true},direction:{type:"enum",className:"rt-r-fd",values:a$9,responsive:true},align:{type:"enum",className:"rt-r-ai",values:o$b,responsive:true},justify:{type:"enum",className:"rt-r-jc",values:n$4,parseValue:f$4,responsive:true},wrap:{type:"enum",className:"rt-r-fw",values:l$3,responsive:true},...p$7};function f$4(e){return e==="between"?"space-between":e}
 
-const p$5=React.forwardRef((r,e)=>{const{className:s,asChild:t,as:m="div",...l}=v$3(r,u$3,l$4,r$g);return React.createElement(t?e$8:m,{...l,ref:e,className:classNames("rt-Flex",s)})});p$5.displayName="Flex";
+const p$5=React.forwardRef((r,e)=>{const{className:s,asChild:t,as:m="div",...l}=v$3(r,u$3,l$4,r$h);return React.createElement(t?e$9:m,{...l,ref:e,className:classNames("rt-Flex",s)})});p$5.displayName="Flex";
 
-const e$4=["1","2","3"],s$5={size:{type:"enum",className:"rt-r-size",values:e$4,default:"2",responsive:true},loading:{type:"boolean",default:true}};
+const e$5=["1","2","3"],s$5={size:{type:"enum",className:"rt-r-size",values:e$5,default:"2",responsive:true},loading:{type:"boolean",default:true}};
 
-const s$4=React.forwardRef((i,o)=>{const{className:a,children:e,loading:t,...m}=v$3(i,s$5,r$g);if(!t)return e;const r=React.createElement("span",{...m,ref:o,className:classNames("rt-Spinner",a)},React.createElement("span",{className:"rt-SpinnerLeaf"}),React.createElement("span",{className:"rt-SpinnerLeaf"}),React.createElement("span",{className:"rt-SpinnerLeaf"}),React.createElement("span",{className:"rt-SpinnerLeaf"}),React.createElement("span",{className:"rt-SpinnerLeaf"}),React.createElement("span",{className:"rt-SpinnerLeaf"}),React.createElement("span",{className:"rt-SpinnerLeaf"}),React.createElement("span",{className:"rt-SpinnerLeaf"}));return e===void 0?r:React.createElement(p$5,{asChild:true,position:"relative",align:"center",justify:"center"},React.createElement("span",null,React.createElement("span",{"aria-hidden":true,style:{display:"contents",visibility:"hidden"},inert:void 0},e),React.createElement(p$5,{asChild:true,align:"center",justify:"center",position:"absolute",inset:"0"},React.createElement("span",null,r))))});s$4.displayName="Spinner";
+const s$4=React.forwardRef((i,o)=>{const{className:a,children:e,loading:t,...m}=v$3(i,s$5,r$h);if(!t)return e;const r=React.createElement("span",{...m,ref:o,className:classNames("rt-Spinner",a)},React.createElement("span",{className:"rt-SpinnerLeaf"}),React.createElement("span",{className:"rt-SpinnerLeaf"}),React.createElement("span",{className:"rt-SpinnerLeaf"}),React.createElement("span",{className:"rt-SpinnerLeaf"}),React.createElement("span",{className:"rt-SpinnerLeaf"}),React.createElement("span",{className:"rt-SpinnerLeaf"}),React.createElement("span",{className:"rt-SpinnerLeaf"}),React.createElement("span",{className:"rt-SpinnerLeaf"}));return e===void 0?r:React.createElement(p$5,{asChild:true,position:"relative",align:"center",justify:"center"},React.createElement("span",null,React.createElement("span",{"aria-hidden":true,style:{display:"contents",visibility:"hidden"},inert:void 0},e),React.createElement(p$5,{asChild:true,align:"center",justify:"center",position:"absolute",inset:"0"},React.createElement("span",null,r))))});s$4.displayName="Spinner";
 
 const d$1=Root$8;
 
-function s$3(e,t){if(e!==void 0)return typeof e=="string"?t(e):Object.fromEntries(Object.entries(e).map(([n,o])=>[n,t(o)]))}function r$c(e){switch(e){case "1":return "1";case "2":case "3":return "2";case "4":return "3"}}
+function s$3(e,t){if(e!==void 0)return typeof e=="string"?t(e):Object.fromEntries(Object.entries(e).map(([n,o])=>[n,t(o)]))}function r$d(e){switch(e){case "1":return "1";case "2":case "3":return "2";case "4":return "3"}}
 
-const n$3=React.forwardRef((t,p)=>{const{size:i=i$7.size.default}=t,{className:a,children:e,asChild:m,color:d,radius:l,disabled:s=t.loading,...u}=v$3(t,i$7,r$g),f=m?Slot$2:"button";return React.createElement(f,{"data-disabled":s||void 0,"data-accent-color":d,"data-radius":l,...u,ref:p,className:classNames("rt-reset","rt-BaseButton",a),disabled:s},t.loading?React.createElement(React.Fragment,null,React.createElement("span",{style:{display:"contents",visibility:"hidden"},"aria-hidden":true},e),React.createElement(d$1,null,e),React.createElement(p$5,{asChild:true,align:"center",justify:"center",position:"absolute",inset:"0"},React.createElement("span",null,React.createElement(s$4,{size:s$3(i,r$c)})))):e)});n$3.displayName="BaseButton";
+const n$3=React.forwardRef((t,p)=>{const{size:i=i$7.size.default}=t,{className:a,children:e,asChild:m,color:d,radius:l,disabled:s=t.loading,...u}=v$3(t,i$7,r$h),f=m?Slot$2:"button";return React.createElement(f,{"data-disabled":s||void 0,"data-accent-color":d,"data-radius":l,...u,ref:p,className:classNames("rt-reset","rt-BaseButton",a),disabled:s},t.loading?React.createElement(React.Fragment,null,React.createElement("span",{style:{display:"contents",visibility:"hidden"},"aria-hidden":true},e),React.createElement(d$1,null,e),React.createElement(p$5,{asChild:true,align:"center",justify:"center",position:"absolute",inset:"0"},React.createElement("span",null,React.createElement(s$4,{size:s$3(i,r$d)})))):e)});n$3.displayName="BaseButton";
 
-const o$9=React.forwardRef(({className:e,...n},r)=>React.createElement(n$3,{...n,ref:r,className:classNames("rt-Button",e)}));o$9.displayName="Button";
+const o$a=React.forwardRef(({className:e,...n},r)=>React.createElement(n$3,{...n,ref:r,className:classNames("rt-Button",e)}));o$a.displayName="Button";
+
+const e$4=["1","2","3","4","5"],r$c=["surface","classic","ghost"],a$8={...o$f,size:{type:"enum",className:"rt-r-size",values:e$4,default:"1",responsive:true},variant:{type:"enum",className:"rt-variant",values:r$c,default:"surface"}};
+
+const o$9=React.forwardRef((p,e)=>{const{asChild:t,className:s,...a}=v$3(p,a$8,r$h),m=t?Slot$2:"div";return React.createElement(m,{ref:e,...a,className:classNames("rt-reset","rt-BaseCard","rt-Card",s)})});o$9.displayName="Card";
 
 // src/internal.ts
 var Primitive = Primitive$1;
 Primitive.dispatchDiscreteCustomEvent = dispatchDiscreteCustomEvent;
 Primitive.Root = Primitive$1;
 
-const a$7=["div","span"],o$8=["none","inline-grid","grid"],u$2=["1","2","3","4","5","6","7","8","9"],p$4=["1","2","3","4","5","6","7","8","9"],l$2=["row","column","dense","row-dense","column-dense"],i$6=["start","center","end","baseline","stretch"],c$3=["start","center","end","between"],f$3=["start","center","end","baseline","between","around","evenly","stretch"],m$1=["start","center","end","baseline","stretch"],s$2={as:{type:"enum",values:a$7,default:"div"},...o$e,display:{type:"enum",className:"rt-r-display",values:o$8,responsive:true},areas:{type:"string",className:"rt-r-gta",customProperties:["--grid-template-areas"],responsive:true},columns:{type:"enum | string",className:"rt-r-gtc",customProperties:["--grid-template-columns"],values:u$2,parseValue:t$a,responsive:true},rows:{type:"enum | string",className:"rt-r-gtr",customProperties:["--grid-template-rows"],values:p$4,parseValue:t$a,responsive:true},flow:{type:"enum",className:"rt-r-gaf",values:l$2,responsive:true},align:{type:"enum",className:"rt-r-ai",values:i$6,responsive:true},justify:{type:"enum",className:"rt-r-jc",values:c$3,parseValue:y$2,responsive:true},alignContent:{type:"enum",className:"rt-r-ac",values:f$3,parseValue:d,responsive:true},justifyItems:{type:"enum",className:"rt-r-ji",values:m$1,responsive:true},...p$7};function t$a(e){return s$2.columns.values.includes(e)?e:e?.match(/^\d+$/)?`repeat(${e}, minmax(0, 1fr))`:e}function y$2(e){return e==="between"?"space-between":e}function d(e){switch(e){case "between":return "space-between";case "around":return "space-around";case "evenly":return "space-evenly";default:return e}}
+const a$7=["div","span"],o$8=["none","inline-grid","grid"],u$2=["1","2","3","4","5","6","7","8","9"],p$4=["1","2","3","4","5","6","7","8","9"],l$2=["row","column","dense","row-dense","column-dense"],i$6=["start","center","end","baseline","stretch"],c$3=["start","center","end","between"],f$3=["start","center","end","baseline","between","around","evenly","stretch"],m$1=["start","center","end","baseline","stretch"],s$2={as:{type:"enum",values:a$7,default:"div"},...o$f,display:{type:"enum",className:"rt-r-display",values:o$8,responsive:true},areas:{type:"string",className:"rt-r-gta",customProperties:["--grid-template-areas"],responsive:true},columns:{type:"enum | string",className:"rt-r-gtc",customProperties:["--grid-template-columns"],values:u$2,parseValue:t$a,responsive:true},rows:{type:"enum | string",className:"rt-r-gtr",customProperties:["--grid-template-rows"],values:p$4,parseValue:t$a,responsive:true},flow:{type:"enum",className:"rt-r-gaf",values:l$2,responsive:true},align:{type:"enum",className:"rt-r-ai",values:i$6,responsive:true},justify:{type:"enum",className:"rt-r-jc",values:c$3,parseValue:y$2,responsive:true},alignContent:{type:"enum",className:"rt-r-ac",values:f$3,parseValue:d,responsive:true},justifyItems:{type:"enum",className:"rt-r-ji",values:m$1,responsive:true},...p$7};function t$a(e){return s$2.columns.values.includes(e)?e:e?.match(/^\d+$/)?`repeat(${e}, minmax(0, 1fr))`:e}function y$2(e){return e==="between"?"space-between":e}function d(e){switch(e){case "between":return "space-between";case "around":return "space-around";case "evenly":return "space-evenly";default:return e}}
 
-const r$b=["1","2","3"],o$7=["classic","surface","soft"],t$9={size:{type:"enum",className:"rt-r-size",values:r$b,default:"2",responsive:true},variant:{type:"enum",className:"rt-variant",values:o$7,default:"surface"},...r$l,...o$c};
+const r$b=["1","2","3"],o$7=["classic","surface","soft"],t$9={size:{type:"enum",className:"rt-r-size",values:r$b,default:"2",responsive:true},variant:{type:"enum",className:"rt-variant",values:o$7,default:"surface"},...r$m,...o$d};
 
-const o$6=React.forwardRef((p,s)=>{const{className:t,asChild:e,as:i="div",...m}=v$3(p,s$2,l$4,r$g);return React.createElement(e?e$8:i,{...m,ref:s,className:classNames("rt-Grid",t)})});o$6.displayName="Grid";
+const o$6=React.forwardRef((p,s)=>{const{className:t,asChild:e,as:i="div",...m}=v$3(p,s$2,l$4,r$h);return React.createElement(e?e$9:i,{...m,ref:s,className:classNames("rt-Grid",t)})});o$6.displayName="Grid";
 
 const r$a=React__default.forwardRef((e,n)=>React__default.createElement("svg",{width:"9",height:"9",viewBox:"0 0 9 9",fill:"currentcolor",xmlns:"http://www.w3.org/2000/svg",...e,ref:n},React__default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0.75 4.5C0.75 4.08579 1.08579 3.75 1.5 3.75H7.5C7.91421 3.75 8.25 4.08579 8.25 4.5C8.25 4.91421 7.91421 5.25 7.5 5.25H1.5C1.08579 5.25 0.75 4.91421 0.75 4.5Z"})));r$a.displayName="ThickDividerHorizontalIcon";const t$8=React__default.forwardRef((e,n)=>React__default.createElement("svg",{width:"9",height:"9",viewBox:"0 0 9 9",fill:"currentcolor",xmlns:"http://www.w3.org/2000/svg",...e,ref:n},React__default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.53547 0.62293C8.88226 0.849446 8.97976 1.3142 8.75325 1.66099L4.5083 8.1599C4.38833 8.34356 4.19397 8.4655 3.9764 8.49358C3.75883 8.52167 3.53987 8.45309 3.3772 8.30591L0.616113 5.80777C0.308959 5.52987 0.285246 5.05559 0.563148 4.74844C0.84105 4.44128 1.31533 4.41757 1.62249 4.69547L3.73256 6.60459L7.49741 0.840706C7.72393 0.493916 8.18868 0.396414 8.53547 0.62293Z"})));t$8.displayName="ThickCheckIcon";const i$5=React__default.forwardRef((e,n)=>React__default.createElement("svg",{width:"9",height:"9",viewBox:"0 0 9 9",fill:"currentcolor",xmlns:"http://www.w3.org/2000/svg",...e,ref:n},React__default.createElement("path",{d:"M0.135232 3.15803C0.324102 2.95657 0.640521 2.94637 0.841971 3.13523L4.5 6.56464L8.158 3.13523C8.3595 2.94637 8.6759 2.95657 8.8648 3.15803C9.0536 3.35949 9.0434 3.67591 8.842 3.86477L4.84197 7.6148C4.64964 7.7951 4.35036 7.7951 4.15803 7.6148L0.158031 3.86477C-0.0434285 3.67591 -0.0536285 3.35949 0.135232 3.15803Z"})));i$5.displayName="ChevronDownIcon";const l$1=React__default.forwardRef((e,n)=>React__default.createElement("svg",{width:"9",height:"9",viewBox:"0 0 9 9",fill:"currentcolor",xmlns:"http://www.w3.org/2000/svg",...e,ref:n},React__default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.23826 0.201711C3.54108 -0.0809141 4.01567 -0.0645489 4.29829 0.238264L7.79829 3.98826C8.06724 4.27642 8.06724 4.72359 7.79829 5.01174L4.29829 8.76174C4.01567 9.06455 3.54108 9.08092 3.23826 8.79829C2.93545 8.51567 2.91909 8.04108 3.20171 7.73826L6.22409 4.5L3.20171 1.26174C2.91909 0.958928 2.93545 0.484337 3.23826 0.201711Z"})));l$1.displayName="ThickChevronRightIcon";
 
-const c$2=React.forwardRef((p,i)=>{const{className:s,color:h,checked:a,defaultChecked:o,onCheckedChange:m,...n}=v$3(p,t$9,r$g),[r,k]=useControllableState({prop:a,defaultProp:o,onChange:m});return React.createElement(Checkbox,{"data-accent-color":h,...n,defaultChecked:o,checked:r,onCheckedChange:k,asChild:false,ref:i,className:classNames("rt-reset","rt-BaseCheckboxRoot","rt-CheckboxRoot",s)},React.createElement(CheckboxIndicator,{asChild:true,className:"rt-BaseCheckboxIndicator rt-CheckboxIndicator"},React.createElement(r==="indeterminate"?r$a:t$8,null)))});c$2.displayName="Checkbox";
+const c$2=React.forwardRef((p,i)=>{const{className:s,color:h,checked:a,defaultChecked:o,onCheckedChange:m,...n}=v$3(p,t$9,r$h),[r,k]=useControllableState({prop:a,defaultProp:o,onChange:m});return React.createElement(Checkbox,{"data-accent-color":h,...n,defaultChecked:o,checked:r,onCheckedChange:k,asChild:false,ref:i,className:classNames("rt-reset","rt-BaseCheckboxRoot","rt-CheckboxRoot",s)},React.createElement(CheckboxIndicator,{asChild:true,className:"rt-BaseCheckboxIndicator rt-CheckboxIndicator"},React.createElement(r==="indeterminate"?r$a:t$8,null)))});c$2.displayName="Checkbox";
 
-const r$9=["1","2","3","4"],t$7=["none","initial"],p$3=["left","center","right"],n$2={...o$e,size:{type:"enum",className:"rt-r-size",values:r$9,default:"4",responsive:true},display:{type:"enum",className:"rt-r-display",values:t$7,parseValue:a$6,responsive:true},align:{type:"enum",className:"rt-r-ai",values:p$3,parseValue:i$4,responsive:true}};function a$6(e){return e==="initial"?"flex":e}function i$4(e){return e==="left"?"start":e==="right"?"end":e}
+const r$9=["1","2","3","4"],t$7=["none","initial"],p$3=["left","center","right"],n$2={...o$f,size:{type:"enum",className:"rt-r-size",values:r$9,default:"4",responsive:true},display:{type:"enum",className:"rt-r-display",values:t$7,parseValue:a$6,responsive:true},align:{type:"enum",className:"rt-r-ai",values:p$3,parseValue:i$4,responsive:true}};function a$6(e){return e==="initial"?"flex":e}function i$4(e){return e==="left"?"start":e==="right"?"end":e}
 
-const p$2=React.forwardRef(({width:n,minWidth:s,maxWidth:i,height:m,minHeight:a,maxHeight:f,...P},l)=>{const{asChild:r,children:C,className:c,...y}=v$3(P,n$2,l$4,r$g),{className:d,style:h}=v$3({width:n,minWidth:s,maxWidth:i,height:m,minHeight:a,maxHeight:f},t$h,e$k),u=r?Slot$2:"div";return React.createElement(u,{...y,ref:l,className:classNames("rt-Container",c)},d$2({asChild:r,children:C},v=>React.createElement("div",{className:classNames("rt-ContainerInner",d),style:h},v)))});p$2.displayName="Container";
+const p$2=React.forwardRef(({width:n,minWidth:s,maxWidth:i,height:m,minHeight:a,maxHeight:f,...P},l)=>{const{asChild:r,children:C,className:c,...y}=v$3(P,n$2,l$4,r$h),{className:d,style:h}=v$3({width:n,minWidth:s,maxWidth:i,height:m,minHeight:a,maxHeight:f},t$h,e$l),u=r?Slot$2:"div";return React.createElement(u,{...y,ref:l,className:classNames("rt-Container",c)},d$2({asChild:r,children:C},v=>React.createElement("div",{className:classNames("rt-ContainerInner",d),style:h},v)))});p$2.displayName="Container";
 
-const r$8=["1","2","3"],t$6={...o$e,size:{values:r$8,default:"1"},...r$e,scrollbars:{default:"both"}};
+const r$8=["1","2","3"],t$6={...o$f,size:{values:r$8,default:"1"},...r$f,scrollbars:{default:"both"}};
 
 function a$5(r){const{m:t,mx:m,my:o,mt:p,mr:n,mb:s,ml:e,...i}=r;return {m:t,mx:m,my:o,mt:p,mr:n,mb:s,ml:e,rest:i}}
 
-const r$7=r$g.m.values;function S$1(s){const[e,t]=R$1({className:"rt-r-m",customProperties:["--margin"],propValues:r$7,value:s.m}),[a,o]=R$1({className:"rt-r-mx",customProperties:["--margin-left","--margin-right"],propValues:r$7,value:s.mx}),[l,i]=R$1({className:"rt-r-my",customProperties:["--margin-top","--margin-bottom"],propValues:r$7,value:s.my}),[p,u]=R$1({className:"rt-r-mt",customProperties:["--margin-top"],propValues:r$7,value:s.mt}),[n,c]=R$1({className:"rt-r-mr",customProperties:["--margin-right"],propValues:r$7,value:s.mr}),[g,P]=R$1({className:"rt-r-mb",customProperties:["--margin-bottom"],propValues:r$7,value:s.mb}),[N,C]=R$1({className:"rt-r-ml",customProperties:["--margin-left"],propValues:r$7,value:s.ml});return [classNames(e,a,l,p,n,g,N),l$5(t,o,i,u,c,P,C)]}
+const r$7=r$h.m.values;function S$1(s){const[e,t]=R$1({className:"rt-r-m",customProperties:["--margin"],propValues:r$7,value:s.m}),[a,o]=R$1({className:"rt-r-mx",customProperties:["--margin-left","--margin-right"],propValues:r$7,value:s.mx}),[l,i]=R$1({className:"rt-r-my",customProperties:["--margin-top","--margin-bottom"],propValues:r$7,value:s.my}),[p,u]=R$1({className:"rt-r-mt",customProperties:["--margin-top"],propValues:r$7,value:s.mt}),[n,c]=R$1({className:"rt-r-mr",customProperties:["--margin-right"],propValues:r$7,value:s.mr}),[g,P]=R$1({className:"rt-r-mb",customProperties:["--margin-bottom"],propValues:r$7,value:s.mb}),[N,C]=R$1({className:"rt-r-ml",customProperties:["--margin-left"],propValues:r$7,value:s.ml});return [classNames(e,a,l,p,n,g,N),l$5(t,o,i,u,c,P,C)]}
 
 const c$1=React.forwardRef((n,S)=>{const{rest:f,...P}=a$5(n),[u,A]=S$1(P),{asChild:a,children:d,className:y,style:v,type:t,scrollHideDelay:N=t!=="scroll"?0:void 0,dir:V,size:i=t$6.size.default,radius:p=t$6.radius.default,scrollbars:l=t$6.scrollbars.default,...b}=f;return React.createElement(Root$4,{type:t,scrollHideDelay:N,className:classNames("rt-ScrollAreaRoot",u,y),style:l$5(A,v),asChild:a},d$2({asChild:a,children:d},g=>React.createElement(React.Fragment,null,React.createElement(Viewport$1,{...b,ref:S,className:"rt-ScrollAreaViewport"},g),React.createElement("div",{className:"rt-ScrollAreaViewportFocusRing"}),l!=="vertical"?React.createElement(Scrollbar,{"data-radius":p,orientation:"horizontal",className:classNames("rt-ScrollAreaScrollbar",g$1({className:"rt-r-size",value:i,propValues:t$6.size.values}))},React.createElement(Thumb$2,{className:"rt-ScrollAreaThumb"})):null,l!=="horizontal"?React.createElement(Scrollbar,{"data-radius":p,orientation:"vertical",className:classNames("rt-ScrollAreaScrollbar",g$1({className:"rt-r-size",value:i,propValues:t$6.size.values}))},React.createElement(Thumb$2,{className:"rt-ScrollAreaThumb"})):null,l==="both"?React.createElement(Corner,{className:"rt-ScrollAreaCorner"}):null)))});c$1.displayName="ScrollArea";
 
 const o$5=React.forwardRef(({className:e,...n},r)=>React.createElement(n$3,{...n,ref:r,className:classNames("rt-IconButton",e)}));o$5.displayName="IconButton";
 
-const e$3=["1","2","3","4","5","6","7","8","9"],r$6=["classic","soft"],t$5={...o$e,size:{type:"enum",className:"rt-r-size",values:e$3,responsive:true},variant:{type:"enum",className:"rt-variant",values:r$6,default:"classic"}};
+const e$3=["1","2","3","4","5","6","7","8","9"],r$6=["classic","soft"],t$5={...o$f,size:{type:"enum",className:"rt-r-size",values:e$3,responsive:true},variant:{type:"enum",className:"rt-variant",values:r$6,default:"classic"}};
 
-const r$5=React.forwardRef((p,e)=>{const{asChild:t,className:s,...m}=v$3(p,t$5,r$g),d=t?Slot$2:"kbd";return React.createElement(d,{...m,ref:e,className:classNames("rt-reset","rt-Kbd",s)})});r$5.displayName="Kbd";
+const r$5=React.forwardRef((p,e)=>{const{asChild:t,className:s,...m}=v$3(p,t$5,r$h),d=t?Slot$2:"kbd";return React.createElement(d,{...m,ref:e,className:classNames("rt-reset","rt-Kbd",s)})});r$5.displayName="Kbd";
 
-const p$1=["1","2","3","4"],r$4={...o$e,size:{type:"enum",className:"rt-r-size",values:p$1,default:"2",responsive:true},width:t$h.width,minWidth:t$h.minWidth,maxWidth:{...t$h.maxWidth,default:"480px"},...e$k};
+const p$1=["1","2","3","4"],r$4={...o$f,size:{type:"enum",className:"rt-r-size",values:p$1,default:"2",responsive:true},width:t$h.width,minWidth:t$h.minWidth,maxWidth:{...t$h.maxWidth,default:"480px"},...e$l};
 
-const P$1=e=>React.createElement(Root2$2,{...e});P$1.displayName="Popover.Root";const s$1=React.forwardRef(({children:e,...r},t)=>React.createElement(Trigger$2,{...r,ref:t,asChild:true},a$c(e)));s$1.displayName="Popover.Trigger";const i$3=React.forwardRef((e,r)=>{const{className:t,forceMount:a,container:f,...l}=v$3(e,r$4);return React.createElement(Portal$2,{container:f,forceMount:a},React.createElement(R,{asChild:true},React.createElement(Content2$2,{align:"start",sideOffset:8,collisionPadding:10,...l,ref:r,className:classNames("rt-PopperContent","rt-PopoverContent",t)})))});i$3.displayName="Popover.Content";const v$2=React.forwardRef(({children:e,...r},t)=>React.createElement(Close,{...r,ref:t,asChild:true},a$c(e)));v$2.displayName="Popover.Close";const m=React.forwardRef(({children:e,...r},t)=>React.createElement(Anchor2,{...r,ref:t}));m.displayName="Popover.Anchor";
+const P$1=e=>React.createElement(Root2$2,{...e});P$1.displayName="Popover.Root";const s$1=React.forwardRef(({children:e,...r},t)=>React.createElement(Trigger$2,{...r,ref:t,asChild:true},a$d(e)));s$1.displayName="Popover.Trigger";const i$3=React.forwardRef((e,r)=>{const{className:t,forceMount:a,container:f,...l}=v$3(e,r$4);return React.createElement(Portal$2,{container:f,forceMount:a},React.createElement(R,{asChild:true},React.createElement(Content2$2,{align:"start",sideOffset:8,collisionPadding:10,...l,ref:r,className:classNames("rt-PopperContent","rt-PopoverContent",t)})))});i$3.displayName="Popover.Content";const v$2=React.forwardRef(({children:e,...r},t)=>React.createElement(Close,{...r,ref:t,asChild:true},a$d(e)));v$2.displayName="Popover.Close";const m=React.forwardRef(({children:e,...r},t)=>React.createElement(Anchor2,{...r,ref:t}));m.displayName="Popover.Anchor";
 
-const o$4=["1","2","3"],t$4=["classic","surface","soft"],a$4={...o$e,size:{type:"enum",className:"rt-r-size",values:o$4,default:"2",responsive:true},variant:{type:"enum",className:"rt-variant",values:t$4,default:"surface"},...r$l,...o$c};
+const o$4=["1","2","3"],t$4=["classic","surface","soft"],a$4={...o$f,size:{type:"enum",className:"rt-r-size",values:o$4,default:"2",responsive:true},variant:{type:"enum",className:"rt-variant",values:t$4,default:"surface"},...r$m,...o$d};
 
-const f$2="RadioGroup",[v$1]=createContextScope(f$2,[createRadioGroupScope]),P=createRadioGroupScope(),[S,l]=v$1(f$2),I$1=React.forwardRef(({color:a=a$4.color.default,highContrast:e=a$4.highContrast.default,size:r=a$4.size.default,variant:t=a$4.variant.default,...i},s)=>{const{__scopeRadioGroup:p,className:m,...x}=v$3(i,r$g),C=P(p);return React.createElement(S,{scope:p,color:a,highContrast:e,size:r,variant:t},React.createElement(Root2$1,{...C,...x,ref:s,className:classNames("rt-RadioGroupRoot",m)}))});I$1.displayName="RadioGroup.Root";const y$1=React.forwardRef((a,e)=>{const{__scopeRadioGroup:r,children:t,className:i,style:s,...p}=a,{size:m}=l("RadioGroupItem",r);return t?React.createElement(p$d,{as:"label",size:m,className:classNames("rt-RadioGroupItem",i),style:s},React.createElement(n$1,{__scopeRadioGroup:r,...p,ref:e}),t&&React.createElement("span",{className:"rt-RadioGroupItemInner"},t)):React.createElement(n$1,{__scopeRadioGroup:r,...p,ref:e,className:i,style:s})});y$1.displayName="RadioGroup.Item";const n$1=React.forwardRef(({__scopeRadioGroup:a,...e},r)=>{const t=l("RadioGroupItemRadio",a),i=P(a),{color:s,className:p}=v$3({...e,...t},a$4,r$g);return React.createElement(Item2,{...i,"data-accent-color":s,...e,asChild:false,ref:r,className:classNames("rt-reset","rt-BaseRadioRoot",p)})});n$1.displayName="RadioGroup.ItemRadio";
+const f$2="RadioGroup",[v$1]=createContextScope(f$2,[createRadioGroupScope]),P=createRadioGroupScope(),[S,l]=v$1(f$2),I$1=React.forwardRef(({color:a=a$4.color.default,highContrast:e=a$4.highContrast.default,size:r=a$4.size.default,variant:t=a$4.variant.default,...i},s)=>{const{__scopeRadioGroup:p,className:m,...x}=v$3(i,r$h),C=P(p);return React.createElement(S,{scope:p,color:a,highContrast:e,size:r,variant:t},React.createElement(Root2$1,{...C,...x,ref:s,className:classNames("rt-RadioGroupRoot",m)}))});I$1.displayName="RadioGroup.Root";const y$1=React.forwardRef((a,e)=>{const{__scopeRadioGroup:r,children:t,className:i,style:s,...p}=a,{size:m}=l("RadioGroupItem",r);return t?React.createElement(p$d,{as:"label",size:m,className:classNames("rt-RadioGroupItem",i),style:s},React.createElement(n$1,{__scopeRadioGroup:r,...p,ref:e}),t&&React.createElement("span",{className:"rt-RadioGroupItemInner"},t)):React.createElement(n$1,{__scopeRadioGroup:r,...p,ref:e,className:i,style:s})});y$1.displayName="RadioGroup.Item";const n$1=React.forwardRef(({__scopeRadioGroup:a,...e},r)=>{const t=l("RadioGroupItemRadio",a),i=P(a),{color:s,className:p}=v$3({...e,...t},a$4,r$h);return React.createElement(Item2,{...i,"data-accent-color":s,...e,asChild:false,ref:r,className:classNames("rt-reset","rt-BaseRadioRoot",p)})});n$1.displayName="RadioGroup.ItemRadio";
 
-const r$3=["1","2","3"],o$3={size:{type:"enum",className:"rt-r-size",values:r$3,default:"2",responsive:true}},a$3=["classic","surface","soft","ghost"],i$2={variant:{type:"enum",className:"rt-variant",values:a$3,default:"surface"},...r$l,...r$e,placeholder:{type:"string"}},n=["solid","soft"],p={variant:{type:"enum",className:"rt-variant",values:n,default:"solid"},...r$l,...o$c};
+const r$3=["1","2","3"],o$3={size:{type:"enum",className:"rt-r-size",values:r$3,default:"2",responsive:true}},a$3=["classic","surface","soft","ghost"],i$2={variant:{type:"enum",className:"rt-variant",values:a$3,default:"surface"},...r$m,...r$f,placeholder:{type:"string"}},n=["solid","soft"],p={variant:{type:"enum",className:"rt-variant",values:n,default:"solid"},...r$m,...o$d};
 
-const f$1=React.createContext({}),C$1=r=>{const{children:o,size:t=o$3.size.default,...s}=r;return React.createElement(Root2,{...s},React.createElement(f$1.Provider,{value:React.useMemo(()=>({size:t}),[t])},o))};C$1.displayName="Select.Root";const u$1=React.forwardRef((r,o)=>{const t=React.useContext(f$1),{children:s,className:p,color:n,radius:m,placeholder:c,...S}=v$3({size:t?.size,...r},{size:o$3.size},i$2,r$g);return React.createElement(Trigger$1,{asChild:true},React.createElement("button",{"data-accent-color":n,"data-radius":m,...S,ref:o,className:classNames("rt-reset","rt-SelectTrigger",p)},React.createElement("span",{className:"rt-SelectTriggerInner"},React.createElement(Value,{placeholder:c},s)),React.createElement(Icon$1,{asChild:true},React.createElement(i$5,{className:"rt-SelectIcon"}))))});u$1.displayName="Select.Trigger";const g=React.forwardRef((r,o)=>{const t=React.useContext(f$1),{className:s,children:p$1,color:n,container:m,...c}=v$3({size:t?.size,...r},{size:o$3.size},p),S=H(),T=n||S.accentColor;return React.createElement(Portal$1,{container:m},React.createElement(R,{asChild:true},React.createElement(Content2$1,{"data-accent-color":T,sideOffset:4,...c,asChild:false,ref:o,className:classNames({"rt-PopperContent":c.position==="popper"},"rt-SelectContent",s)},React.createElement(Root$4,{type:"auto",className:"rt-ScrollAreaRoot"},React.createElement(Viewport,{asChild:true,className:"rt-SelectViewport"},React.createElement(Viewport$1,{className:"rt-ScrollAreaViewport",style:{overflowY:void 0}},p$1)),React.createElement(Scrollbar,{className:"rt-ScrollAreaScrollbar rt-r-size-1",orientation:"vertical"},React.createElement(Thumb$2,{className:"rt-ScrollAreaThumb"}))))))});g.displayName="Select.Content";const v=React.forwardRef((r,o)=>{const{className:t,children:s,...p}=r;return React.createElement(Item,{...p,asChild:false,ref:o,className:classNames("rt-SelectItem",t)},React.createElement(ItemIndicator,{className:"rt-SelectItemIndicator"},React.createElement(t$8,{className:"rt-SelectItemIndicatorIcon"})),React.createElement(ItemText,null,s))});v.displayName="Select.Item";const y=React.forwardRef(({className:r,...o},t)=>React.createElement(Group,{...o,asChild:false,ref:t,className:classNames("rt-SelectGroup",r)}));y.displayName="Select.Group";const h=React.forwardRef(({className:r,...o},t)=>React.createElement(Label,{...o,asChild:false,ref:t,className:classNames("rt-SelectLabel",r)}));h.displayName="Select.Label";const I=React.forwardRef(({className:r,...o},t)=>React.createElement(Separator,{...o,asChild:false,ref:t,className:classNames("rt-SelectSeparator",r)}));I.displayName="Select.Separator";
+const f$1=React.createContext({}),C$1=r=>{const{children:o,size:t=o$3.size.default,...s}=r;return React.createElement(Root2,{...s},React.createElement(f$1.Provider,{value:React.useMemo(()=>({size:t}),[t])},o))};C$1.displayName="Select.Root";const u$1=React.forwardRef((r,o)=>{const t=React.useContext(f$1),{children:s,className:p,color:n,radius:m,placeholder:c,...S}=v$3({size:t?.size,...r},{size:o$3.size},i$2,r$h);return React.createElement(Trigger$1,{asChild:true},React.createElement("button",{"data-accent-color":n,"data-radius":m,...S,ref:o,className:classNames("rt-reset","rt-SelectTrigger",p)},React.createElement("span",{className:"rt-SelectTriggerInner"},React.createElement(Value,{placeholder:c},s)),React.createElement(Icon$1,{asChild:true},React.createElement(i$5,{className:"rt-SelectIcon"}))))});u$1.displayName="Select.Trigger";const g=React.forwardRef((r,o)=>{const t=React.useContext(f$1),{className:s,children:p$1,color:n,container:m,...c}=v$3({size:t?.size,...r},{size:o$3.size},p),S=H(),T=n||S.accentColor;return React.createElement(Portal$1,{container:m},React.createElement(R,{asChild:true},React.createElement(Content2$1,{"data-accent-color":T,sideOffset:4,...c,asChild:false,ref:o,className:classNames({"rt-PopperContent":c.position==="popper"},"rt-SelectContent",s)},React.createElement(Root$4,{type:"auto",className:"rt-ScrollAreaRoot"},React.createElement(Viewport,{asChild:true,className:"rt-SelectViewport"},React.createElement(Viewport$1,{className:"rt-ScrollAreaViewport",style:{overflowY:void 0}},p$1)),React.createElement(Scrollbar,{className:"rt-ScrollAreaScrollbar rt-r-size-1",orientation:"vertical"},React.createElement(Thumb$2,{className:"rt-ScrollAreaThumb"}))))))});g.displayName="Select.Content";const v=React.forwardRef((r,o)=>{const{className:t,children:s,...p}=r;return React.createElement(Item,{...p,asChild:false,ref:o,className:classNames("rt-SelectItem",t)},React.createElement(ItemIndicator,{className:"rt-SelectItemIndicator"},React.createElement(t$8,{className:"rt-SelectItemIndicatorIcon"})),React.createElement(ItemText,null,s))});v.displayName="Select.Item";const y=React.forwardRef(({className:r,...o},t)=>React.createElement(Group,{...o,asChild:false,ref:t,className:classNames("rt-SelectGroup",r)}));y.displayName="Select.Group";const h=React.forwardRef(({className:r,...o},t)=>React.createElement(Label,{...o,asChild:false,ref:t,className:classNames("rt-SelectLabel",r)}));h.displayName="Select.Label";const I=React.forwardRef(({className:r,...o},t)=>React.createElement(Separator,{...o,asChild:false,ref:t,className:classNames("rt-SelectSeparator",r)}));I.displayName="Select.Separator";
 
-const e$2=["horizontal","vertical"],r$2=["1","2","3","4"],t$3={orientation:{type:"enum",className:"rt-r-orientation",values:e$2,default:"horizontal",responsive:true},size:{type:"enum",className:"rt-r-size",values:r$2,default:"1",responsive:true},color:{...r$l.color,default:"gray"},decorative:{type:"boolean",default:true}};
+const e$2=["horizontal","vertical"],r$2=["1","2","3","4"],t$3={orientation:{type:"enum",className:"rt-r-orientation",values:e$2,default:"horizontal",responsive:true},size:{type:"enum",className:"rt-r-size",values:r$2,default:"1",responsive:true},color:{...r$m.color,default:"gray"},decorative:{type:"boolean",default:true}};
 
-const o$2=React.forwardRef((p,e)=>{const{className:t,color:a,decorative:s,...m}=v$3(p,t$3,r$g);return React.createElement("span",{"data-accent-color":a,role:s?void 0:"separator",...m,ref:e,className:classNames("rt-Separator",t)})});o$2.displayName="Separator";
+const o$2=React.forwardRef((p,e)=>{const{className:t,color:a,decorative:s,...m}=v$3(p,t$3,r$h);return React.createElement("span",{"data-accent-color":a,role:s?void 0:"separator",...m,ref:e,className:classNames("rt-Separator",t)})});o$2.displayName="Separator";
 
 const r$1=parseFloat(React.version)>=19||"";
 
-const o$1=["1","2","3"],t$2=["classic","surface","soft"],a$2={size:{type:"enum",className:"rt-r-size",values:o$1,default:"2",responsive:true},variant:{type:"enum",className:"rt-variant",values:t$2,default:"surface"},...r$l,...o$c,...r$e};
+const o$1=["1","2","3"],t$2=["classic","surface","soft"],a$2={size:{type:"enum",className:"rt-r-size",values:o$1,default:"2",responsive:true},variant:{type:"enum",className:"rt-variant",values:t$2,default:"surface"},...r$m,...o$d,...r$f};
 
-const s=React.forwardRef((i,a)=>{const{className:d,color:l,radius:m,tabIndex:t,...r}=v$3(i,a$2,r$g);return React.createElement(Root$3,{"data-accent-color":l,"data-radius":m,ref:a,...r,asChild:false,className:classNames("rt-SliderRoot",d)},React.createElement(Track,{className:"rt-SliderTrack"},React.createElement(Range,{className:classNames("rt-SliderRange",{"rt-high-contrast":i.highContrast}),"data-inverted":r.inverted?"":void 0})),(r.value??r.defaultValue??[]).map((S,n)=>React.createElement(Thumb$1,{key:n,className:"rt-SliderThumb",...t!==void 0?{tabIndex:t}:void 0})))});s.displayName="Slider";
+const s=React.forwardRef((i,a)=>{const{className:d,color:l,radius:m,tabIndex:t,...r}=v$3(i,a$2,r$h);return React.createElement(Root$3,{"data-accent-color":l,"data-radius":m,ref:a,...r,asChild:false,className:classNames("rt-SliderRoot",d)},React.createElement(Track,{className:"rt-SliderTrack"},React.createElement(Range,{className:classNames("rt-SliderRange",{"rt-high-contrast":i.highContrast}),"data-inverted":r.inverted?"":void 0})),(r.value??r.defaultValue??[]).map((S,n)=>React.createElement(Thumb$1,{key:n,className:"rt-SliderThumb",...t!==void 0?{tabIndex:t}:void 0})))});s.displayName="Slider";
 
-const o=["1","2","3"],t$1=["classic","surface","soft"],a$1={size:{type:"enum",className:"rt-r-size",values:o,default:"2",responsive:true},variant:{type:"enum",className:"rt-variant",values:t$1,default:"surface"},...r$l,...o$c,...r$e};
+const o=["1","2","3"],t$1=["classic","surface","soft"],a$1={size:{type:"enum",className:"rt-r-size",values:o,default:"2",responsive:true},variant:{type:"enum",className:"rt-variant",values:t$1,default:"surface"},...r$m,...o$d,...r$f};
 
-const i$1=React.forwardRef((o,p)=>{const{className:s,color:m,radius:c,...a}=v$3(o,a$1,r$g);return React.createElement(Root$2,{"data-accent-color":m,"data-radius":c,...a,asChild:false,ref:p,className:classNames("rt-reset","rt-SwitchRoot",s)},React.createElement(Thumb,{className:classNames("rt-SwitchThumb",{"rt-high-contrast":o.highContrast})}))});i$1.displayName="Switch";
+const i$1=React.forwardRef((o,p)=>{const{className:s,color:m,radius:c,...a}=v$3(o,a$1,r$h);return React.createElement(Root$2,{"data-accent-color":m,"data-radius":c,...a,asChild:false,ref:p,className:classNames("rt-reset","rt-SwitchRoot",s)},React.createElement(Thumb,{className:classNames("rt-SwitchThumb",{"rt-high-contrast":o.highContrast})}))});i$1.displayName="Switch";
 
-const r=["1","2","3"],t=["classic","surface","soft"],f={size:{type:"enum",className:"rt-r-size",values:r,default:"2",responsive:true},variant:{type:"enum",className:"rt-variant",values:t,default:"surface"},...r$l,...r$e},a=["left","right"],i={side:{type:"enum",values:a},...r$l,gap:u$3.gap,px:p$a.px,pl:p$a.pl,pr:p$a.pr};
+const r=["1","2","3"],t=["classic","surface","soft"],f={size:{type:"enum",className:"rt-r-size",values:r,default:"2",responsive:true},variant:{type:"enum",className:"rt-variant",values:t,default:"surface"},...r$m,...r$f},a=["left","right"],i={side:{type:"enum",values:a},...r$m,gap:u$3.gap,px:p$a.px,pl:p$a.pl,pr:p$a.pr};
 
-const u=React.forwardRef((r,s)=>{const e=React.useRef(null),{children:l,className:i,color:p,radius:f$1,style:x,...P}=v$3(r,f,r$g);return React.createElement("div",{"data-accent-color":p,"data-radius":f$1,style:x,className:classNames("rt-TextFieldRoot",i),onPointerDown:T=>{const n=T.target;if(n.closest("input, button, a"))return;const o=e.current;if(!o)return;const a=n.closest(`
+const u=React.forwardRef((r,s)=>{const e=React.useRef(null),{children:l,className:i,color:p,radius:f$1,style:x,...P}=v$3(r,f,r$h);return React.createElement("div",{"data-accent-color":p,"data-radius":f$1,style:x,className:classNames("rt-TextFieldRoot",i),onPointerDown:T=>{const n=T.target;if(n.closest("input, button, a"))return;const o=e.current;if(!o)return;const a=n.closest(`
             .rt-TextFieldSlot[data-side='right'],
             .rt-TextFieldSlot:not([data-side='right']) ~ .rt-TextFieldSlot:not([data-side='left'])
           `)?o.value.length:0;requestAnimationFrame(()=>{try{o.setSelectionRange(a,a);}catch{}o.focus();});}},React.createElement("input",{spellCheck:"false",...P,ref:composeRefs(e,s),className:"rt-reset rt-TextFieldInput"}),l)});u.displayName="TextField.Root";const c=React.forwardRef((r,s)=>{const{className:e,color:l,side:i$1,...p}=v$3(r,i);return React.createElement("div",{"data-accent-color":l,"data-side":i$1,...p,ref:s,className:classNames("rt-TextFieldSlot",e)})});c.displayName="TextField.Slot";
 
-const N=React.forwardRef(({defaultOpen:n=true,...a},l)=>{const[c,h]=React.useState(n);return React.createElement(z,{...a,ref:l,open:c,onOpenChange:h})});N.displayName="ThemePanel";const z=React.forwardRef((n,a)=>{const{open:l,onOpenChange:c,onAppearanceChange:h,...v}=n,G=H(),{appearance:d,onAppearanceChange:B,accentColor:g,onAccentColorChange:$,grayColor:f,onGrayColorChange:F,panelBackground:T,onPanelBackgroundChange:O,radius:w,onRadiusChange:D,scaling:x,onScalingChange:j}=G,[k,P]=React.useState(d==="inherit"?null:d),E=h!==void 0,K=useCallbackRef$1(h),M=React.useCallback(t=>{const o=a9();if(d!=="inherit"){B(t);return}E?K(t):(P(t),l9(t)),o();},[d,B,E,K]),Z=a$d(g),S=f==="auto"?Z:f,[W,H$1]=React.useState("idle");async function U(){const t={appearance:d===s$7.appearance.default?void 0:d,accentColor:g===s$7.accentColor.default?void 0:g,grayColor:f===s$7.grayColor.default?void 0:f,panelBackground:T===s$7.panelBackground.default?void 0:T,radius:w===s$7.radius.default?void 0:w,scaling:x===s$7.scaling.default?void 0:x},o=Object.keys(t).filter(i=>t[i]!==void 0).map(i=>`${i}="${t[i]}"`).join(" "),m=o?`<Theme ${o}>`:"<Theme>";H$1("copying"),await navigator.clipboard.writeText(m),H$1("copied"),setTimeout(()=>H$1("idle"),2e3);}const b=`
+const N=React.forwardRef(({defaultOpen:n=true,...a},l)=>{const[c,h]=React.useState(n);return React.createElement(z,{...a,ref:l,open:c,onOpenChange:h})});N.displayName="ThemePanel";const z=React.forwardRef((n,a)=>{const{open:l,onOpenChange:c,onAppearanceChange:h,...v}=n,G=H(),{appearance:d,onAppearanceChange:B,accentColor:g,onAccentColorChange:$,grayColor:f,onGrayColorChange:F,panelBackground:T,onPanelBackgroundChange:O,radius:w,onRadiusChange:D,scaling:x,onScalingChange:j}=G,[k,P]=React.useState(d==="inherit"?null:d),E=h!==void 0,K=useCallbackRef$1(h),M=React.useCallback(t=>{const o=a9();if(d!=="inherit"){B(t);return}E?K(t):(P(t),l9(t)),o();},[d,B,E,K]),Z=a$e(g),S=f==="auto"?Z:f,[W,H$1]=React.useState("idle");async function U(){const t={appearance:d===s$7.appearance.default?void 0:d,accentColor:g===s$7.accentColor.default?void 0:g,grayColor:f===s$7.grayColor.default?void 0:f,panelBackground:T===s$7.panelBackground.default?void 0:T,radius:w===s$7.radius.default?void 0:w,scaling:x===s$7.scaling.default?void 0:x},o=Object.keys(t).filter(i=>t[i]!==void 0).map(i=>`${i}="${t[i]}"`).join(" "),m=o?`<Theme ${o}>`:"<Theme>";H$1("copying"),await navigator.clipboard.writeText(m),H$1("copied"),setTimeout(()=>H$1("idle"),2e3);}const b=`
       [contenteditable],
       [role="combobox"],
       [role="listbox"],
@@ -9255,7 +9259,7 @@ const N=React.forwardRef(({defaultOpen:n=true,...a},l)=>{const[c,h]=React.useSta
       input:not([type="radio"], [type="checkbox"]),
       select,
       textarea
-    `;return React.useEffect(()=>{function t(o){const m=o.altKey||o.ctrlKey||o.shiftKey||o.metaKey,i=document.activeElement?.closest(b);o.key?.toUpperCase()==="T"&&!m&&!i&&c(!l);}return document.addEventListener("keydown",t),()=>document.removeEventListener("keydown",t)},[c,l,b]),React.useEffect(()=>{function t(o){const m=o.altKey||o.ctrlKey||o.shiftKey||o.metaKey,i=document.activeElement?.closest(b);o.key?.toUpperCase()==="D"&&!m&&!i&&M(k==="light"?"dark":"light");}return document.addEventListener("keydown",t),()=>document.removeEventListener("keydown",t)},[M,k,b]),React.useEffect(()=>{const t=document.documentElement,o=document.body;function m(){const y=t.classList.contains("dark")||t.classList.contains("dark-theme")||o.classList.contains("dark")||o.classList.contains("dark-theme");P(d==="inherit"?y?"dark":"light":d);}const i=new MutationObserver(function(y){y.forEach(function(X){X.attributeName==="class"&&m();});});return m(),d==="inherit"&&(i.observe(t,{attributes:true}),i.observe(o,{attributes:true})),()=>i.disconnect()},[d]),React.createElement(R,{asChild:true,radius:"medium",scaling:"100%"},React.createElement(p$5,{direction:"column",position:"fixed",top:"0",right:"0",mr:"4",mt:"4",inert:l?void 0:r$1,...v,ref:a,style:{zIndex:9999,overflow:"hidden",maxHeight:"calc(100vh - var(--space-4) - var(--space-4))",borderRadius:"var(--radius-4)",backgroundColor:"var(--color-panel-solid)",transformOrigin:"top center",transitionProperty:"transform, box-shadow",transitionDuration:"200ms",transitionTimingFunction:l?"ease-out":"ease-in",transform:l?"none":"translateX(105%)",boxShadow:l?"var(--shadow-5)":"var(--shadow-2)",...n.style}},React.createElement(c$1,null,React.createElement(p$8,{flexGrow:"1",p:"5",position:"relative"},React.createElement(p$8,{position:"absolute",top:"0",right:"0",m:"2"},React.createElement(e,{content:"Press T to show/hide the Theme Panel",side:"bottom",sideOffset:6},React.createElement(r$5,{asChild:true,size:"3",tabIndex:0,className:"rt-ThemePanelShortcut"},React.createElement("button",{onClick:()=>c(!l)},"T")))),React.createElement(r$f,{size:"5",trim:"both",as:"h3",mb:"5"},"Theme"),React.createElement(p$d,{id:"accent-color-title",as:"p",size:"2",weight:"medium",mt:"5"},"Accent color"),React.createElement(o$6,{columns:"10",gap:"2",mt:"3",role:"group","aria-labelledby":"accent-color-title"},s$7.accentColor.values.map(t=>React.createElement("label",{key:t,className:"rt-ThemePanelSwatch",style:{backgroundColor:`var(--${t}-9)`}},React.createElement(e,{content:`${C(t)}${g==="gray"&&S!=="gray"?` (${C(S)})`:""}`},React.createElement("input",{className:"rt-ThemePanelSwatchInput",type:"radio",name:"accentColor",value:t,checked:g===t,onChange:o=>$(o.target.value)}))))),React.createElement(p$5,{asChild:true,align:"center",justify:"between"},React.createElement(p$d,{as:"p",id:"gray-color-title",size:"2",weight:"medium",mt:"5"},"Gray color")),React.createElement(o$6,{columns:"10",gap:"2",mt:"3",role:"group","aria-labelledby":"gray-color-title"},s$7.grayColor.values.map(t=>React.createElement(p$5,{key:t,asChild:true,align:"center",justify:"center"},React.createElement("label",{className:"rt-ThemePanelSwatch",style:{backgroundColor:t==="auto"?`var(--${Z}-9)`:t==="gray"?"var(--gray-9)":`var(--${t}-9)`,filter:t==="gray"?"saturate(0)":void 0}},React.createElement(e,{content:`${C(t)}${t==="auto"?` (${C(Z)})`:""}`},React.createElement("input",{className:"rt-ThemePanelSwatchInput",type:"radio",name:"grayColor",value:t,checked:f===t,onChange:o=>F(o.target.value)})))))),React.createElement(p$d,{id:"appearance-title",as:"p",size:"2",weight:"medium",mt:"5"},"Appearance"),React.createElement(o$6,{columns:"2",gap:"2",mt:"3",role:"group","aria-labelledby":"appearance-title"},["light","dark"].map(t=>React.createElement("label",{key:t,className:"rt-ThemePanelRadioCard"},React.createElement("input",{className:"rt-ThemePanelRadioCardInput",type:"radio",name:"appearance",value:t,checked:k===t,onChange:o=>M(o.target.value)}),React.createElement(p$5,{align:"center",justify:"center",height:"32px",gap:"2"},t==="light"?React.createElement("svg",{width:"15",height:"15",viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{margin:"0 -1px"}},React.createElement("path",{d:"M7.5 0C7.77614 0 8 0.223858 8 0.5V2.5C8 2.77614 7.77614 3 7.5 3C7.22386 3 7 2.77614 7 2.5V0.5C7 0.223858 7.22386 0 7.5 0ZM2.1967 2.1967C2.39196 2.00144 2.70854 2.00144 2.90381 2.1967L4.31802 3.61091C4.51328 3.80617 4.51328 4.12276 4.31802 4.31802C4.12276 4.51328 3.80617 4.51328 3.61091 4.31802L2.1967 2.90381C2.00144 2.70854 2.00144 2.39196 2.1967 2.1967ZM0.5 7C0.223858 7 0 7.22386 0 7.5C0 7.77614 0.223858 8 0.5 8H2.5C2.77614 8 3 7.77614 3 7.5C3 7.22386 2.77614 7 2.5 7H0.5ZM2.1967 12.8033C2.00144 12.608 2.00144 12.2915 2.1967 12.0962L3.61091 10.682C3.80617 10.4867 4.12276 10.4867 4.31802 10.682C4.51328 10.8772 4.51328 11.1938 4.31802 11.3891L2.90381 12.8033C2.70854 12.9986 2.39196 12.9986 2.1967 12.8033ZM12.5 7C12.2239 7 12 7.22386 12 7.5C12 7.77614 12.2239 8 12.5 8H14.5C14.7761 8 15 7.77614 15 7.5C15 7.22386 14.7761 7 14.5 7H12.5ZM10.682 4.31802C10.4867 4.12276 10.4867 3.80617 10.682 3.61091L12.0962 2.1967C12.2915 2.00144 12.608 2.00144 12.8033 2.1967C12.9986 2.39196 12.9986 2.70854 12.8033 2.90381L11.3891 4.31802C11.1938 4.51328 10.8772 4.51328 10.682 4.31802ZM8 12.5C8 12.2239 7.77614 12 7.5 12C7.22386 12 7 12.2239 7 12.5V14.5C7 14.7761 7.22386 15 7.5 15C7.77614 15 8 14.7761 8 14.5V12.5ZM10.682 10.682C10.8772 10.4867 11.1938 10.4867 11.3891 10.682L12.8033 12.0962C12.9986 12.2915 12.9986 12.608 12.8033 12.8033C12.608 12.9986 12.2915 12.9986 12.0962 12.8033L10.682 11.3891C10.4867 11.1938 10.4867 10.8772 10.682 10.682ZM5.5 7.5C5.5 6.39543 6.39543 5.5 7.5 5.5C8.60457 5.5 9.5 6.39543 9.5 7.5C9.5 8.60457 8.60457 9.5 7.5 9.5C6.39543 9.5 5.5 8.60457 5.5 7.5ZM7.5 4.5C5.84315 4.5 4.5 5.84315 4.5 7.5C4.5 9.15685 5.84315 10.5 7.5 10.5C9.15685 10.5 10.5 9.15685 10.5 7.5C10.5 5.84315 9.15685 4.5 7.5 4.5Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"})):React.createElement("svg",{width:"15",height:"15",viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{margin:"0 -1px"}},React.createElement("path",{d:"M2.89998 0.499976C2.89998 0.279062 2.72089 0.0999756 2.49998 0.0999756C2.27906 0.0999756 2.09998 0.279062 2.09998 0.499976V1.09998H1.49998C1.27906 1.09998 1.09998 1.27906 1.09998 1.49998C1.09998 1.72089 1.27906 1.89998 1.49998 1.89998H2.09998V2.49998C2.09998 2.72089 2.27906 2.89998 2.49998 2.89998C2.72089 2.89998 2.89998 2.72089 2.89998 2.49998V1.89998H3.49998C3.72089 1.89998 3.89998 1.72089 3.89998 1.49998C3.89998 1.27906 3.72089 1.09998 3.49998 1.09998H2.89998V0.499976ZM5.89998 3.49998C5.89998 3.27906 5.72089 3.09998 5.49998 3.09998C5.27906 3.09998 5.09998 3.27906 5.09998 3.49998V4.09998H4.49998C4.27906 4.09998 4.09998 4.27906 4.09998 4.49998C4.09998 4.72089 4.27906 4.89998 4.49998 4.89998H5.09998V5.49998C5.09998 5.72089 5.27906 5.89998 5.49998 5.89998C5.72089 5.89998 5.89998 5.72089 5.89998 5.49998V4.89998H6.49998C6.72089 4.89998 6.89998 4.72089 6.89998 4.49998C6.89998 4.27906 6.72089 4.09998 6.49998 4.09998H5.89998V3.49998ZM1.89998 6.49998C1.89998 6.27906 1.72089 6.09998 1.49998 6.09998C1.27906 6.09998 1.09998 6.27906 1.09998 6.49998V7.09998H0.499976C0.279062 7.09998 0.0999756 7.27906 0.0999756 7.49998C0.0999756 7.72089 0.279062 7.89998 0.499976 7.89998H1.09998V8.49998C1.09998 8.72089 1.27906 8.89997 1.49998 8.89997C1.72089 8.89997 1.89998 8.72089 1.89998 8.49998V7.89998H2.49998C2.72089 7.89998 2.89998 7.72089 2.89998 7.49998C2.89998 7.27906 2.72089 7.09998 2.49998 7.09998H1.89998V6.49998ZM8.54406 0.98184L8.24618 0.941586C8.03275 0.917676 7.90692 1.1655 8.02936 1.34194C8.17013 1.54479 8.29981 1.75592 8.41754 1.97445C8.91878 2.90485 9.20322 3.96932 9.20322 5.10022C9.20322 8.37201 6.82247 11.0878 3.69887 11.6097C3.45736 11.65 3.20988 11.6772 2.96008 11.6906C2.74563 11.702 2.62729 11.9535 2.77721 12.1072C2.84551 12.1773 2.91535 12.2458 2.98667 12.3128L3.05883 12.3795L3.31883 12.6045L3.50684 12.7532L3.62796 12.8433L3.81491 12.9742L3.99079 13.089C4.11175 13.1651 4.23536 13.2375 4.36157 13.3059L4.62496 13.4412L4.88553 13.5607L5.18837 13.6828L5.43169 13.7686C5.56564 13.8128 5.70149 13.8529 5.83857 13.8885C5.94262 13.9155 6.04767 13.9401 6.15405 13.9622C6.27993 13.9883 6.40713 14.0109 6.53544 14.0298L6.85241 14.0685L7.11934 14.0892C7.24637 14.0965 7.37436 14.1002 7.50322 14.1002C11.1483 14.1002 14.1032 11.1453 14.1032 7.50023C14.1032 7.25044 14.0893 7.00389 14.0623 6.76131L14.0255 6.48407C13.991 6.26083 13.9453 6.04129 13.8891 5.82642C13.8213 5.56709 13.7382 5.31398 13.6409 5.06881L13.5279 4.80132L13.4507 4.63542L13.3766 4.48666C13.2178 4.17773 13.0353 3.88295 12.8312 3.60423L12.6782 3.40352L12.4793 3.16432L12.3157 2.98361L12.1961 2.85951L12.0355 2.70246L11.8134 2.50184L11.4925 2.24191L11.2483 2.06498L10.9562 1.87446L10.6346 1.68894L10.3073 1.52378L10.1938 1.47176L9.95488 1.3706L9.67791 1.2669L9.42566 1.1846L9.10075 1.09489L8.83599 1.03486L8.54406 0.98184ZM10.4032 5.30023C10.4032 4.27588 10.2002 3.29829 9.83244 2.40604C11.7623 3.28995 13.1032 5.23862 13.1032 7.50023C13.1032 10.593 10.596 13.1002 7.50322 13.1002C6.63646 13.1002 5.81597 12.9036 5.08355 12.5522C6.5419 12.0941 7.81081 11.2082 8.74322 10.0416C8.87963 10.2284 9.10028 10.3497 9.34928 10.3497C9.76349 10.3497 10.0993 10.0139 10.0993 9.59971C10.0993 9.24256 9.84965 8.94373 9.51535 8.86816C9.57741 8.75165 9.63653 8.63334 9.6926 8.51332C9.88358 8.63163 10.1088 8.69993 10.35 8.69993C11.0403 8.69993 11.6 8.14028 11.6 7.44993C11.6 6.75976 11.0406 6.20024 10.3505 6.19993C10.3853 5.90487 10.4032 5.60464 10.4032 5.30023Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"})),React.createElement(p$d,{size:"1",weight:"medium"},C(t)))))),React.createElement(p$d,{id:"radius-title",as:"p",size:"2",weight:"medium",mt:"5"},"Radius"),React.createElement(o$6,{columns:"5",gap:"2",mt:"3",role:"group","aria-labelledby":"radius-title"},s$7.radius.values.map(t=>React.createElement(p$5,{key:t,direction:"column",align:"center"},React.createElement("label",{className:"rt-ThemePanelRadioCard"},React.createElement("input",{className:"rt-ThemePanelRadioCardInput",type:"radio",name:"radius",id:`theme-panel-radius-${t}`,value:t,checked:w===t,onChange:o=>D(o.target.value)}),React.createElement(R,{asChild:true,radius:t},React.createElement(p$8,{m:"3",width:"32px",height:"32px",style:{borderTopLeftRadius:t==="full"?"80%":"var(--radius-5)",backgroundImage:"linear-gradient(to bottom right, var(--accent-3), var(--accent-4))",borderTop:"2px solid var(--accent-a8)",borderLeft:"2px solid var(--accent-a8)"}}))),React.createElement(p$8,{asChild:true,pt:"2"},React.createElement(p$d,{asChild:true,size:"1",color:"gray"},React.createElement("label",{htmlFor:`theme-panel-radius-${t}`},C(t))))))),React.createElement(p$d,{id:"scaling-title",as:"p",size:"2",weight:"medium",mt:"5"},"Scaling"),React.createElement(o$6,{columns:"5",gap:"2",mt:"3",role:"group","aria-labelledby":"scaling-title"},s$7.scaling.values.map(t=>React.createElement("label",{key:t,className:"rt-ThemePanelRadioCard"},React.createElement("input",{className:"rt-ThemePanelRadioCardInput",type:"radio",name:"scaling",value:t,checked:x===t,onChange:o=>j(o.target.value)}),React.createElement(p$5,{align:"center",justify:"center",height:"32px"},React.createElement(R,{asChild:true,scaling:t},React.createElement(p$5,{align:"center",justify:"center"},React.createElement(p$d,{size:"1",weight:"medium"},C(t)))))))),React.createElement(p$5,{mt:"5",align:"center",gap:"2"},React.createElement(p$d,{id:"panel-background-title",as:"p",size:"2",weight:"medium"},"Panel background"),React.createElement(P$1,null,React.createElement(s$1,null,React.createElement(o$5,{size:"1",variant:"ghost",color:"gray"},React.createElement(s$9,{label:"Learn more about panel background options"},React.createElement("svg",{width:"15",height:"15",viewBox:"0 0 15 15",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},React.createElement("path",{d:"M7.49991 0.876892C3.84222 0.876892 0.877075 3.84204 0.877075 7.49972C0.877075 11.1574 3.84222 14.1226 7.49991 14.1226C11.1576 14.1226 14.1227 11.1574 14.1227 7.49972C14.1227 3.84204 11.1576 0.876892 7.49991 0.876892ZM1.82707 7.49972C1.82707 4.36671 4.36689 1.82689 7.49991 1.82689C10.6329 1.82689 13.1727 4.36671 13.1727 7.49972C13.1727 10.6327 10.6329 13.1726 7.49991 13.1726C4.36689 13.1726 1.82707 10.6327 1.82707 7.49972ZM8.24992 4.49999C8.24992 4.9142 7.91413 5.24999 7.49992 5.24999C7.08571 5.24999 6.74992 4.9142 6.74992 4.49999C6.74992 4.08577 7.08571 3.74999 7.49992 3.74999C7.91413 3.74999 8.24992 4.08577 8.24992 4.49999ZM6.00003 5.99999H6.50003H7.50003C7.77618 5.99999 8.00003 6.22384 8.00003 6.49999V9.99999H8.50003H9.00003V11H8.50003H7.50003H6.50003H6.00003V9.99999H6.50003H7.00003V6.99999H6.50003H6.00003V5.99999Z",fillRule:"evenodd",clipRule:"evenodd"}))))),React.createElement(i$3,{size:"1",style:{maxWidth:220},side:"top",align:"center"},React.createElement(p$d,{as:"p",size:"2"},"Whether Card and Table panels are translucent, showing some of\xA0the background behind them.")))),React.createElement(o$6,{columns:"2",gap:"2",mt:"3",role:"group","aria-labelledby":"panel-background-title"},s$7.panelBackground.values.map(t=>React.createElement("label",{key:t,className:"rt-ThemePanelRadioCard"},React.createElement("input",{className:"rt-ThemePanelRadioCardInput",type:"radio",name:"panelBackground",value:t,checked:T===t,onChange:o=>O(o.target.value)}),React.createElement(p$5,{align:"center",justify:"center",height:"32px",gap:"2"},t==="solid"?React.createElement("svg",{width:"15",height:"15",viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{margin:"0 -2px"}},React.createElement("path",{d:"M0.877075 7.49988C0.877075 3.84219 3.84222 0.877045 7.49991 0.877045C11.1576 0.877045 14.1227 3.84219 14.1227 7.49988C14.1227 11.1575 11.1576 14.1227 7.49991 14.1227C3.84222 14.1227 0.877075 11.1575 0.877075 7.49988ZM7.49991 1.82704C4.36689 1.82704 1.82708 4.36686 1.82708 7.49988C1.82708 10.6329 4.36689 13.1727 7.49991 13.1727C10.6329 13.1727 13.1727 10.6329 13.1727 7.49988C13.1727 4.36686 10.6329 1.82704 7.49991 1.82704Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"})):React.createElement("svg",{width:"15",height:"15",viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{margin:"0 -2px"}},React.createElement("path",{opacity:".05",d:"M6.78296 13.376C8.73904 9.95284 8.73904 5.04719 6.78296 1.62405L7.21708 1.37598C9.261 4.95283 9.261 10.0472 7.21708 13.624L6.78296 13.376Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}),React.createElement("path",{opacity:".1",d:"M7.28204 13.4775C9.23929 9.99523 9.23929 5.00475 7.28204 1.52248L7.71791 1.2775C9.76067 4.9119 9.76067 10.0881 7.71791 13.7225L7.28204 13.4775Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}),React.createElement("path",{opacity:".15",d:"M7.82098 13.5064C9.72502 9.99523 9.72636 5.01411 7.82492 1.50084L8.26465 1.26285C10.2465 4.92466 10.2451 10.085 8.26052 13.7448L7.82098 13.5064Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}),React.createElement("path",{opacity:".2",d:"M8.41284 13.429C10.1952 9.92842 10.1957 5.07537 8.41435 1.57402L8.85999 1.34729C10.7139 4.99113 10.7133 10.0128 8.85841 13.6559L8.41284 13.429Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}),React.createElement("path",{opacity:".25",d:"M9.02441 13.2956C10.6567 9.8379 10.6586 5.17715 9.03005 1.71656L9.48245 1.50366C11.1745 5.09919 11.1726 9.91629 9.47657 13.5091L9.02441 13.2956Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}),React.createElement("path",{opacity:".3",d:"M9.66809 13.0655C11.1097 9.69572 11.1107 5.3121 9.67088 1.94095L10.1307 1.74457C11.6241 5.24121 11.6231 9.76683 10.1278 13.2622L9.66809 13.0655Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}),React.createElement("path",{opacity:".35",d:"M10.331 12.7456C11.5551 9.52073 11.5564 5.49103 10.3347 2.26444L10.8024 2.0874C12.0672 5.42815 12.0659 9.58394 10.7985 12.9231L10.331 12.7456Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}),React.createElement("path",{opacity:".4",d:"M11.0155 12.2986C11.9938 9.29744 11.9948 5.71296 11.0184 2.71067L11.4939 2.55603C12.503 5.6589 12.502 9.35178 11.4909 12.4535L11.0155 12.2986Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}),React.createElement("path",{opacity:".45",d:"M11.7214 11.668C12.4254 9.01303 12.4262 5.99691 11.7237 3.34116L12.2071 3.21329C12.9318 5.95292 12.931 9.05728 12.2047 11.7961L11.7214 11.668Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}),React.createElement("path",{opacity:".5",d:"M12.4432 10.752C12.8524 8.63762 12.8523 6.36089 12.4429 4.2466L12.9338 4.15155C13.3553 6.32861 13.3554 8.66985 12.9341 10.847L12.4432 10.752Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}),React.createElement("path",{d:"M0.877075 7.49988C0.877075 3.84219 3.84222 0.877045 7.49991 0.877045C11.1576 0.877045 14.1227 3.84219 14.1227 7.49988C14.1227 11.1575 11.1576 14.1227 7.49991 14.1227C3.84222 14.1227 0.877075 11.1575 0.877075 7.49988ZM7.49991 1.82704C4.36689 1.82704 1.82708 4.36686 1.82708 7.49988C1.82708 10.6329 4.36689 13.1727 7.49991 13.1727C10.6329 13.1727 13.1727 10.6329 13.1727 7.49988C13.1727 4.36686 10.6329 1.82704 7.49991 1.82704Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"})),React.createElement(p$d,{size:"1",weight:"medium"},C(t)))))),React.createElement(o$9,{mt:"5",style:{width:"100%"},onClick:U},W==="copied"?"Copied":"Copy Theme")))))});z.displayName="ThemePanelImpl";function a9(){const n=document.createElement("style");return n.appendChild(document.createTextNode("*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}")),document.head.appendChild(n),()=>{window.getComputedStyle(document.body),setTimeout(()=>{document.head.removeChild(n);},1);}}function C(n){return n.charAt(0).toUpperCase()+n.slice(1)}function l9(n){const a=document.documentElement,l=a.classList.contains("light-theme"),c=a.classList.contains("dark-theme"),h=a.classList.contains("light"),v=a.classList.contains("dark");(l||c)&&(a.classList.remove("light-theme","dark-theme"),a.style.colorScheme=n,a.classList.add(`${n}-theme`)),(h||v)&&(a.classList.remove("light","dark"),a.style.colorScheme=n,a.classList.add(n)),!l&&!c&&!h&&!v&&(a.style.colorScheme=n,a.classList.add(n));}
+    `;return React.useEffect(()=>{function t(o){const m=o.altKey||o.ctrlKey||o.shiftKey||o.metaKey,i=document.activeElement?.closest(b);o.key?.toUpperCase()==="T"&&!m&&!i&&c(!l);}return document.addEventListener("keydown",t),()=>document.removeEventListener("keydown",t)},[c,l,b]),React.useEffect(()=>{function t(o){const m=o.altKey||o.ctrlKey||o.shiftKey||o.metaKey,i=document.activeElement?.closest(b);o.key?.toUpperCase()==="D"&&!m&&!i&&M(k==="light"?"dark":"light");}return document.addEventListener("keydown",t),()=>document.removeEventListener("keydown",t)},[M,k,b]),React.useEffect(()=>{const t=document.documentElement,o=document.body;function m(){const y=t.classList.contains("dark")||t.classList.contains("dark-theme")||o.classList.contains("dark")||o.classList.contains("dark-theme");P(d==="inherit"?y?"dark":"light":d);}const i=new MutationObserver(function(y){y.forEach(function(X){X.attributeName==="class"&&m();});});return m(),d==="inherit"&&(i.observe(t,{attributes:true}),i.observe(o,{attributes:true})),()=>i.disconnect()},[d]),React.createElement(R,{asChild:true,radius:"medium",scaling:"100%"},React.createElement(p$5,{direction:"column",position:"fixed",top:"0",right:"0",mr:"4",mt:"4",inert:l?void 0:r$1,...v,ref:a,style:{zIndex:9999,overflow:"hidden",maxHeight:"calc(100vh - var(--space-4) - var(--space-4))",borderRadius:"var(--radius-4)",backgroundColor:"var(--color-panel-solid)",transformOrigin:"top center",transitionProperty:"transform, box-shadow",transitionDuration:"200ms",transitionTimingFunction:l?"ease-out":"ease-in",transform:l?"none":"translateX(105%)",boxShadow:l?"var(--shadow-5)":"var(--shadow-2)",...n.style}},React.createElement(c$1,null,React.createElement(p$8,{flexGrow:"1",p:"5",position:"relative"},React.createElement(p$8,{position:"absolute",top:"0",right:"0",m:"2"},React.createElement(e,{content:"Press T to show/hide the Theme Panel",side:"bottom",sideOffset:6},React.createElement(r$5,{asChild:true,size:"3",tabIndex:0,className:"rt-ThemePanelShortcut"},React.createElement("button",{onClick:()=>c(!l)},"T")))),React.createElement(r$g,{size:"5",trim:"both",as:"h3",mb:"5"},"Theme"),React.createElement(p$d,{id:"accent-color-title",as:"p",size:"2",weight:"medium",mt:"5"},"Accent color"),React.createElement(o$6,{columns:"10",gap:"2",mt:"3",role:"group","aria-labelledby":"accent-color-title"},s$7.accentColor.values.map(t=>React.createElement("label",{key:t,className:"rt-ThemePanelSwatch",style:{backgroundColor:`var(--${t}-9)`}},React.createElement(e,{content:`${C(t)}${g==="gray"&&S!=="gray"?` (${C(S)})`:""}`},React.createElement("input",{className:"rt-ThemePanelSwatchInput",type:"radio",name:"accentColor",value:t,checked:g===t,onChange:o=>$(o.target.value)}))))),React.createElement(p$5,{asChild:true,align:"center",justify:"between"},React.createElement(p$d,{as:"p",id:"gray-color-title",size:"2",weight:"medium",mt:"5"},"Gray color")),React.createElement(o$6,{columns:"10",gap:"2",mt:"3",role:"group","aria-labelledby":"gray-color-title"},s$7.grayColor.values.map(t=>React.createElement(p$5,{key:t,asChild:true,align:"center",justify:"center"},React.createElement("label",{className:"rt-ThemePanelSwatch",style:{backgroundColor:t==="auto"?`var(--${Z}-9)`:t==="gray"?"var(--gray-9)":`var(--${t}-9)`,filter:t==="gray"?"saturate(0)":void 0}},React.createElement(e,{content:`${C(t)}${t==="auto"?` (${C(Z)})`:""}`},React.createElement("input",{className:"rt-ThemePanelSwatchInput",type:"radio",name:"grayColor",value:t,checked:f===t,onChange:o=>F(o.target.value)})))))),React.createElement(p$d,{id:"appearance-title",as:"p",size:"2",weight:"medium",mt:"5"},"Appearance"),React.createElement(o$6,{columns:"2",gap:"2",mt:"3",role:"group","aria-labelledby":"appearance-title"},["light","dark"].map(t=>React.createElement("label",{key:t,className:"rt-ThemePanelRadioCard"},React.createElement("input",{className:"rt-ThemePanelRadioCardInput",type:"radio",name:"appearance",value:t,checked:k===t,onChange:o=>M(o.target.value)}),React.createElement(p$5,{align:"center",justify:"center",height:"32px",gap:"2"},t==="light"?React.createElement("svg",{width:"15",height:"15",viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{margin:"0 -1px"}},React.createElement("path",{d:"M7.5 0C7.77614 0 8 0.223858 8 0.5V2.5C8 2.77614 7.77614 3 7.5 3C7.22386 3 7 2.77614 7 2.5V0.5C7 0.223858 7.22386 0 7.5 0ZM2.1967 2.1967C2.39196 2.00144 2.70854 2.00144 2.90381 2.1967L4.31802 3.61091C4.51328 3.80617 4.51328 4.12276 4.31802 4.31802C4.12276 4.51328 3.80617 4.51328 3.61091 4.31802L2.1967 2.90381C2.00144 2.70854 2.00144 2.39196 2.1967 2.1967ZM0.5 7C0.223858 7 0 7.22386 0 7.5C0 7.77614 0.223858 8 0.5 8H2.5C2.77614 8 3 7.77614 3 7.5C3 7.22386 2.77614 7 2.5 7H0.5ZM2.1967 12.8033C2.00144 12.608 2.00144 12.2915 2.1967 12.0962L3.61091 10.682C3.80617 10.4867 4.12276 10.4867 4.31802 10.682C4.51328 10.8772 4.51328 11.1938 4.31802 11.3891L2.90381 12.8033C2.70854 12.9986 2.39196 12.9986 2.1967 12.8033ZM12.5 7C12.2239 7 12 7.22386 12 7.5C12 7.77614 12.2239 8 12.5 8H14.5C14.7761 8 15 7.77614 15 7.5C15 7.22386 14.7761 7 14.5 7H12.5ZM10.682 4.31802C10.4867 4.12276 10.4867 3.80617 10.682 3.61091L12.0962 2.1967C12.2915 2.00144 12.608 2.00144 12.8033 2.1967C12.9986 2.39196 12.9986 2.70854 12.8033 2.90381L11.3891 4.31802C11.1938 4.51328 10.8772 4.51328 10.682 4.31802ZM8 12.5C8 12.2239 7.77614 12 7.5 12C7.22386 12 7 12.2239 7 12.5V14.5C7 14.7761 7.22386 15 7.5 15C7.77614 15 8 14.7761 8 14.5V12.5ZM10.682 10.682C10.8772 10.4867 11.1938 10.4867 11.3891 10.682L12.8033 12.0962C12.9986 12.2915 12.9986 12.608 12.8033 12.8033C12.608 12.9986 12.2915 12.9986 12.0962 12.8033L10.682 11.3891C10.4867 11.1938 10.4867 10.8772 10.682 10.682ZM5.5 7.5C5.5 6.39543 6.39543 5.5 7.5 5.5C8.60457 5.5 9.5 6.39543 9.5 7.5C9.5 8.60457 8.60457 9.5 7.5 9.5C6.39543 9.5 5.5 8.60457 5.5 7.5ZM7.5 4.5C5.84315 4.5 4.5 5.84315 4.5 7.5C4.5 9.15685 5.84315 10.5 7.5 10.5C9.15685 10.5 10.5 9.15685 10.5 7.5C10.5 5.84315 9.15685 4.5 7.5 4.5Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"})):React.createElement("svg",{width:"15",height:"15",viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{margin:"0 -1px"}},React.createElement("path",{d:"M2.89998 0.499976C2.89998 0.279062 2.72089 0.0999756 2.49998 0.0999756C2.27906 0.0999756 2.09998 0.279062 2.09998 0.499976V1.09998H1.49998C1.27906 1.09998 1.09998 1.27906 1.09998 1.49998C1.09998 1.72089 1.27906 1.89998 1.49998 1.89998H2.09998V2.49998C2.09998 2.72089 2.27906 2.89998 2.49998 2.89998C2.72089 2.89998 2.89998 2.72089 2.89998 2.49998V1.89998H3.49998C3.72089 1.89998 3.89998 1.72089 3.89998 1.49998C3.89998 1.27906 3.72089 1.09998 3.49998 1.09998H2.89998V0.499976ZM5.89998 3.49998C5.89998 3.27906 5.72089 3.09998 5.49998 3.09998C5.27906 3.09998 5.09998 3.27906 5.09998 3.49998V4.09998H4.49998C4.27906 4.09998 4.09998 4.27906 4.09998 4.49998C4.09998 4.72089 4.27906 4.89998 4.49998 4.89998H5.09998V5.49998C5.09998 5.72089 5.27906 5.89998 5.49998 5.89998C5.72089 5.89998 5.89998 5.72089 5.89998 5.49998V4.89998H6.49998C6.72089 4.89998 6.89998 4.72089 6.89998 4.49998C6.89998 4.27906 6.72089 4.09998 6.49998 4.09998H5.89998V3.49998ZM1.89998 6.49998C1.89998 6.27906 1.72089 6.09998 1.49998 6.09998C1.27906 6.09998 1.09998 6.27906 1.09998 6.49998V7.09998H0.499976C0.279062 7.09998 0.0999756 7.27906 0.0999756 7.49998C0.0999756 7.72089 0.279062 7.89998 0.499976 7.89998H1.09998V8.49998C1.09998 8.72089 1.27906 8.89997 1.49998 8.89997C1.72089 8.89997 1.89998 8.72089 1.89998 8.49998V7.89998H2.49998C2.72089 7.89998 2.89998 7.72089 2.89998 7.49998C2.89998 7.27906 2.72089 7.09998 2.49998 7.09998H1.89998V6.49998ZM8.54406 0.98184L8.24618 0.941586C8.03275 0.917676 7.90692 1.1655 8.02936 1.34194C8.17013 1.54479 8.29981 1.75592 8.41754 1.97445C8.91878 2.90485 9.20322 3.96932 9.20322 5.10022C9.20322 8.37201 6.82247 11.0878 3.69887 11.6097C3.45736 11.65 3.20988 11.6772 2.96008 11.6906C2.74563 11.702 2.62729 11.9535 2.77721 12.1072C2.84551 12.1773 2.91535 12.2458 2.98667 12.3128L3.05883 12.3795L3.31883 12.6045L3.50684 12.7532L3.62796 12.8433L3.81491 12.9742L3.99079 13.089C4.11175 13.1651 4.23536 13.2375 4.36157 13.3059L4.62496 13.4412L4.88553 13.5607L5.18837 13.6828L5.43169 13.7686C5.56564 13.8128 5.70149 13.8529 5.83857 13.8885C5.94262 13.9155 6.04767 13.9401 6.15405 13.9622C6.27993 13.9883 6.40713 14.0109 6.53544 14.0298L6.85241 14.0685L7.11934 14.0892C7.24637 14.0965 7.37436 14.1002 7.50322 14.1002C11.1483 14.1002 14.1032 11.1453 14.1032 7.50023C14.1032 7.25044 14.0893 7.00389 14.0623 6.76131L14.0255 6.48407C13.991 6.26083 13.9453 6.04129 13.8891 5.82642C13.8213 5.56709 13.7382 5.31398 13.6409 5.06881L13.5279 4.80132L13.4507 4.63542L13.3766 4.48666C13.2178 4.17773 13.0353 3.88295 12.8312 3.60423L12.6782 3.40352L12.4793 3.16432L12.3157 2.98361L12.1961 2.85951L12.0355 2.70246L11.8134 2.50184L11.4925 2.24191L11.2483 2.06498L10.9562 1.87446L10.6346 1.68894L10.3073 1.52378L10.1938 1.47176L9.95488 1.3706L9.67791 1.2669L9.42566 1.1846L9.10075 1.09489L8.83599 1.03486L8.54406 0.98184ZM10.4032 5.30023C10.4032 4.27588 10.2002 3.29829 9.83244 2.40604C11.7623 3.28995 13.1032 5.23862 13.1032 7.50023C13.1032 10.593 10.596 13.1002 7.50322 13.1002C6.63646 13.1002 5.81597 12.9036 5.08355 12.5522C6.5419 12.0941 7.81081 11.2082 8.74322 10.0416C8.87963 10.2284 9.10028 10.3497 9.34928 10.3497C9.76349 10.3497 10.0993 10.0139 10.0993 9.59971C10.0993 9.24256 9.84965 8.94373 9.51535 8.86816C9.57741 8.75165 9.63653 8.63334 9.6926 8.51332C9.88358 8.63163 10.1088 8.69993 10.35 8.69993C11.0403 8.69993 11.6 8.14028 11.6 7.44993C11.6 6.75976 11.0406 6.20024 10.3505 6.19993C10.3853 5.90487 10.4032 5.60464 10.4032 5.30023Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"})),React.createElement(p$d,{size:"1",weight:"medium"},C(t)))))),React.createElement(p$d,{id:"radius-title",as:"p",size:"2",weight:"medium",mt:"5"},"Radius"),React.createElement(o$6,{columns:"5",gap:"2",mt:"3",role:"group","aria-labelledby":"radius-title"},s$7.radius.values.map(t=>React.createElement(p$5,{key:t,direction:"column",align:"center"},React.createElement("label",{className:"rt-ThemePanelRadioCard"},React.createElement("input",{className:"rt-ThemePanelRadioCardInput",type:"radio",name:"radius",id:`theme-panel-radius-${t}`,value:t,checked:w===t,onChange:o=>D(o.target.value)}),React.createElement(R,{asChild:true,radius:t},React.createElement(p$8,{m:"3",width:"32px",height:"32px",style:{borderTopLeftRadius:t==="full"?"80%":"var(--radius-5)",backgroundImage:"linear-gradient(to bottom right, var(--accent-3), var(--accent-4))",borderTop:"2px solid var(--accent-a8)",borderLeft:"2px solid var(--accent-a8)"}}))),React.createElement(p$8,{asChild:true,pt:"2"},React.createElement(p$d,{asChild:true,size:"1",color:"gray"},React.createElement("label",{htmlFor:`theme-panel-radius-${t}`},C(t))))))),React.createElement(p$d,{id:"scaling-title",as:"p",size:"2",weight:"medium",mt:"5"},"Scaling"),React.createElement(o$6,{columns:"5",gap:"2",mt:"3",role:"group","aria-labelledby":"scaling-title"},s$7.scaling.values.map(t=>React.createElement("label",{key:t,className:"rt-ThemePanelRadioCard"},React.createElement("input",{className:"rt-ThemePanelRadioCardInput",type:"radio",name:"scaling",value:t,checked:x===t,onChange:o=>j(o.target.value)}),React.createElement(p$5,{align:"center",justify:"center",height:"32px"},React.createElement(R,{asChild:true,scaling:t},React.createElement(p$5,{align:"center",justify:"center"},React.createElement(p$d,{size:"1",weight:"medium"},C(t)))))))),React.createElement(p$5,{mt:"5",align:"center",gap:"2"},React.createElement(p$d,{id:"panel-background-title",as:"p",size:"2",weight:"medium"},"Panel background"),React.createElement(P$1,null,React.createElement(s$1,null,React.createElement(o$5,{size:"1",variant:"ghost",color:"gray"},React.createElement(s$9,{label:"Learn more about panel background options"},React.createElement("svg",{width:"15",height:"15",viewBox:"0 0 15 15",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},React.createElement("path",{d:"M7.49991 0.876892C3.84222 0.876892 0.877075 3.84204 0.877075 7.49972C0.877075 11.1574 3.84222 14.1226 7.49991 14.1226C11.1576 14.1226 14.1227 11.1574 14.1227 7.49972C14.1227 3.84204 11.1576 0.876892 7.49991 0.876892ZM1.82707 7.49972C1.82707 4.36671 4.36689 1.82689 7.49991 1.82689C10.6329 1.82689 13.1727 4.36671 13.1727 7.49972C13.1727 10.6327 10.6329 13.1726 7.49991 13.1726C4.36689 13.1726 1.82707 10.6327 1.82707 7.49972ZM8.24992 4.49999C8.24992 4.9142 7.91413 5.24999 7.49992 5.24999C7.08571 5.24999 6.74992 4.9142 6.74992 4.49999C6.74992 4.08577 7.08571 3.74999 7.49992 3.74999C7.91413 3.74999 8.24992 4.08577 8.24992 4.49999ZM6.00003 5.99999H6.50003H7.50003C7.77618 5.99999 8.00003 6.22384 8.00003 6.49999V9.99999H8.50003H9.00003V11H8.50003H7.50003H6.50003H6.00003V9.99999H6.50003H7.00003V6.99999H6.50003H6.00003V5.99999Z",fillRule:"evenodd",clipRule:"evenodd"}))))),React.createElement(i$3,{size:"1",style:{maxWidth:220},side:"top",align:"center"},React.createElement(p$d,{as:"p",size:"2"},"Whether Card and Table panels are translucent, showing some of\xA0the background behind them.")))),React.createElement(o$6,{columns:"2",gap:"2",mt:"3",role:"group","aria-labelledby":"panel-background-title"},s$7.panelBackground.values.map(t=>React.createElement("label",{key:t,className:"rt-ThemePanelRadioCard"},React.createElement("input",{className:"rt-ThemePanelRadioCardInput",type:"radio",name:"panelBackground",value:t,checked:T===t,onChange:o=>O(o.target.value)}),React.createElement(p$5,{align:"center",justify:"center",height:"32px",gap:"2"},t==="solid"?React.createElement("svg",{width:"15",height:"15",viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{margin:"0 -2px"}},React.createElement("path",{d:"M0.877075 7.49988C0.877075 3.84219 3.84222 0.877045 7.49991 0.877045C11.1576 0.877045 14.1227 3.84219 14.1227 7.49988C14.1227 11.1575 11.1576 14.1227 7.49991 14.1227C3.84222 14.1227 0.877075 11.1575 0.877075 7.49988ZM7.49991 1.82704C4.36689 1.82704 1.82708 4.36686 1.82708 7.49988C1.82708 10.6329 4.36689 13.1727 7.49991 13.1727C10.6329 13.1727 13.1727 10.6329 13.1727 7.49988C13.1727 4.36686 10.6329 1.82704 7.49991 1.82704Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"})):React.createElement("svg",{width:"15",height:"15",viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{margin:"0 -2px"}},React.createElement("path",{opacity:".05",d:"M6.78296 13.376C8.73904 9.95284 8.73904 5.04719 6.78296 1.62405L7.21708 1.37598C9.261 4.95283 9.261 10.0472 7.21708 13.624L6.78296 13.376Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}),React.createElement("path",{opacity:".1",d:"M7.28204 13.4775C9.23929 9.99523 9.23929 5.00475 7.28204 1.52248L7.71791 1.2775C9.76067 4.9119 9.76067 10.0881 7.71791 13.7225L7.28204 13.4775Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}),React.createElement("path",{opacity:".15",d:"M7.82098 13.5064C9.72502 9.99523 9.72636 5.01411 7.82492 1.50084L8.26465 1.26285C10.2465 4.92466 10.2451 10.085 8.26052 13.7448L7.82098 13.5064Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}),React.createElement("path",{opacity:".2",d:"M8.41284 13.429C10.1952 9.92842 10.1957 5.07537 8.41435 1.57402L8.85999 1.34729C10.7139 4.99113 10.7133 10.0128 8.85841 13.6559L8.41284 13.429Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}),React.createElement("path",{opacity:".25",d:"M9.02441 13.2956C10.6567 9.8379 10.6586 5.17715 9.03005 1.71656L9.48245 1.50366C11.1745 5.09919 11.1726 9.91629 9.47657 13.5091L9.02441 13.2956Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}),React.createElement("path",{opacity:".3",d:"M9.66809 13.0655C11.1097 9.69572 11.1107 5.3121 9.67088 1.94095L10.1307 1.74457C11.6241 5.24121 11.6231 9.76683 10.1278 13.2622L9.66809 13.0655Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}),React.createElement("path",{opacity:".35",d:"M10.331 12.7456C11.5551 9.52073 11.5564 5.49103 10.3347 2.26444L10.8024 2.0874C12.0672 5.42815 12.0659 9.58394 10.7985 12.9231L10.331 12.7456Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}),React.createElement("path",{opacity:".4",d:"M11.0155 12.2986C11.9938 9.29744 11.9948 5.71296 11.0184 2.71067L11.4939 2.55603C12.503 5.6589 12.502 9.35178 11.4909 12.4535L11.0155 12.2986Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}),React.createElement("path",{opacity:".45",d:"M11.7214 11.668C12.4254 9.01303 12.4262 5.99691 11.7237 3.34116L12.2071 3.21329C12.9318 5.95292 12.931 9.05728 12.2047 11.7961L11.7214 11.668Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}),React.createElement("path",{opacity:".5",d:"M12.4432 10.752C12.8524 8.63762 12.8523 6.36089 12.4429 4.2466L12.9338 4.15155C13.3553 6.32861 13.3554 8.66985 12.9341 10.847L12.4432 10.752Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}),React.createElement("path",{d:"M0.877075 7.49988C0.877075 3.84219 3.84222 0.877045 7.49991 0.877045C11.1576 0.877045 14.1227 3.84219 14.1227 7.49988C14.1227 11.1575 11.1576 14.1227 7.49991 14.1227C3.84222 14.1227 0.877075 11.1575 0.877075 7.49988ZM7.49991 1.82704C4.36689 1.82704 1.82708 4.36686 1.82708 7.49988C1.82708 10.6329 4.36689 13.1727 7.49991 13.1727C10.6329 13.1727 13.1727 10.6329 13.1727 7.49988C13.1727 4.36686 10.6329 1.82704 7.49991 1.82704Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"})),React.createElement(p$d,{size:"1",weight:"medium"},C(t)))))),React.createElement(o$a,{mt:"5",style:{width:"100%"},onClick:U},W==="copied"?"Copied":"Copy Theme")))))});z.displayName="ThemePanelImpl";function a9(){const n=document.createElement("style");return n.appendChild(document.createTextNode("*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}")),document.head.appendChild(n),()=>{window.getComputedStyle(document.body),setTimeout(()=>{document.head.removeChild(n);},1);}}function C(n){return n.charAt(0).toUpperCase()+n.slice(1)}function l9(n){const a=document.documentElement,l=a.classList.contains("light-theme"),c=a.classList.contains("dark-theme"),h=a.classList.contains("light"),v=a.classList.contains("dark");(l||c)&&(a.classList.remove("light-theme","dark-theme"),a.style.colorScheme=n,a.classList.add(`${n}-theme`)),(h||v)&&(a.classList.remove("light","dark"),a.style.colorScheme=n,a.classList.add(n)),!l&&!c&&!h&&!v&&(a.style.colorScheme=n,a.classList.add(n));}
 
 const e$1={content:{type:"ReactNode",required:true},width:t$h.width,minWidth:t$h.minWidth,maxWidth:{...t$h.maxWidth,default:"360px"}};
 
@@ -12143,8 +12147,8 @@ const getStyles$1 = (inputtype, shape, hasError) => {
     }
     return Object.assign(Object.assign(Object.assign({}, base), { borderRadius }), designStyles);
 };
-const xAvatar = (_a) => {
-    var { inputtype = 'avatar', alias, readOnly, width, placeholder = '', value, shape = 'circle', size = 120, style, accept = 'image/*' } = _a, props = __rest$1(_a, ["inputtype", "alias", "readOnly", "width", "placeholder", "value", "shape", "size", "style", "accept"]);
+const AvatarInput = (_a) => {
+    var { inputtype = 'avatar-outline', alias, readOnly, width, placeholder = '', value, shape = 'circle', size = 120, style, accept = 'image/*' } = _a, props = __rest$1(_a, ["inputtype", "alias", "readOnly", "width", "placeholder", "value", "shape", "size", "style", "accept"]);
     const [field, meta, helpers] = useField(alias);
     const { setTouched } = useFormikContext();
     const inputRef = useRef(null);
@@ -12274,6 +12278,10 @@ const ACCEPTED_FORMATS = [
     "application/json", // JSON
     ".zip", "application/zip", "application/x-zip-compressed" // ZIP
 ].join(',');
+const ACCEPTED_EXTENSIONS = [
+    ".jpeg", ".jpg", ".pdf", ".png", ".gif",
+    ".docx", ".xlsx", ".csv", ".txt", ".json", ".zip"
+].join(",");
 // Byte Formatter
 const formatBytes = (bytes, decimals = 2) => {
     if (!+bytes)
@@ -12285,8 +12293,8 @@ const formatBytes = (bytes, decimals = 2) => {
     return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}`;
 };
 
-const xButton = (_a) => {
-    var { inputtype = 'button', alias, readOnly, style, width, children } = _a, props = __rest$1(_a, ["inputtype", "alias", "readOnly", "style", "width", "children"]);
+const ButtonInput = (_a) => {
+    var { inputtype = 'button-outline', alias, readOnly, style, width, children } = _a, props = __rest$1(_a, ["inputtype", "alias", "readOnly", "style", "width", "children"]);
     const buttonRef = useRef(null);
     const [neumorphicVars, setNeumorphicVars] = useState({});
     const [bgColor, setBgColor] = useState('#ffffff');
@@ -12308,7 +12316,7 @@ const xButton = (_a) => {
         display: 'inline-flex',
         alignItems: 'center',
         justifyContent: 'center',
-        gap: '8px', // Space between icon and text
+        gap: '8px',
     };
     const materialStyle = {
         textTransform: 'uppercase',
@@ -12324,13 +12332,11 @@ const xButton = (_a) => {
         background: 'transparent',
     };
     const neumorphicStyle = {
-        // CSS variables injection
         backgroundColor: bgColor,
-        color: 'var(--gray-12)', // Default text color
+        color: 'var(--gray-12)',
         border: 'none',
         borderRadius: '12px',
         fontWeight: 600,
-        // The Standard State
         boxShadow: '6px 6px 12px var(--neu-shadow-dark), -6px -6px 12px var(--neu-shadow-light)',
         transition: 'all 0.2s ease-in-out',
     };
@@ -12355,7 +12361,6 @@ const xButton = (_a) => {
                 return {
                     variant: 'ghost',
                     className: 'neumorphic-btn',
-                    // Merge custom vars with styles
                     style: Object.assign(Object.assign(Object.assign({}, neumorphicStyle), neumorphicVars), style)
                 };
             default:
@@ -12373,7 +12378,7 @@ const xButton = (_a) => {
             transform: translateY(-2px);
           }
         ` } })),
-            React__default.createElement(o$9, Object.assign({ name: alias, disabled: readOnly, id: `${alias}FormInput`, "aria-describedby": `${alias}InputLabel`, ref: buttonRef, onClick: handler }, props, getVariantProps()),
+            React__default.createElement(o$a, Object.assign({ name: alias, disabled: readOnly, id: `${alias}FormInput`, "aria-describedby": `${alias}InputLabel`, ref: buttonRef, onClick: handler }, props, getVariantProps()),
                 props.icon && (React__default.createElement("span", { style: { display: 'flex', alignItems: 'center' } }, props.icon)),
                 children),
             React__default.createElement("div", null, props.isHinted ?
@@ -12383,15 +12388,14 @@ const xButton = (_a) => {
                             React__default.createElement(Icon, { name: 'questionmarkcircled', height: "16", width: "16", style: { cursor: 'pointer', color: 'gray' } })))) : null))));
 };
 
-const CheckboxGroup = (_a) => {
-    var { inputtype = 'checkbox', alias, readOnly, width, placeholder = '', style, value, inputoptions, direction = 'column', columns, className } = _a, props = __rest$1(_a, ["inputtype", "alias", "readOnly", "width", "placeholder", "style", "value", "inputoptions", "direction", "columns", "className"]);
+const CheckboxGroupInput = (_a) => {
+    var { inputtype = 'checkbox-outline', alias, readOnly, width, placeholder = '', style, value, inputoptions, direction = 'column', columns, className } = _a, props = __rest$1(_a, ["inputtype", "alias", "readOnly", "width", "placeholder", "style", "value", "inputoptions", "direction", "columns", "className"]);
     const { setFieldValue, setFieldTouched } = useFormikContext();
     const [field, meta] = useField(alias);
     const currentValues = (Array.isArray(field.value) ? field.value : []);
     const hasError = Boolean(meta.touched && meta.error);
     const containerRef = useRef(null);
     const [neuVars, setNeuVars] = useState({});
-    // Add/Remove Checked Values
     const handleCheckedChange = (checked, value) => {
         let newValues = [...currentValues];
         if (checked) {
@@ -12417,7 +12421,6 @@ const CheckboxGroup = (_a) => {
     return (React__default.createElement(Column, { span: width, newLine: props.newRow },
         React__default.createElement(p$5, { direction: "column", gap: "2", width: "100%", ref: containerRef, style: style, className: className },
             inputtype === 'checkbox-neumorphic' && (React__default.createElement("style", { dangerouslySetInnerHTML: { __html: `
-          /* Hide default Radix checkbox appearance to replace with our own */
           .neu-checkbox .rt-CheckboxButton { 
             background-color: var(--neu-bg);
             border: none;
@@ -12432,14 +12435,13 @@ const CheckboxGroup = (_a) => {
             box-shadow: inset 3px 3px 6px var(--neu-shadow-dark), inset -3px -3px 6px var(--neu-shadow-light);
             background-color: var(--neu-bg); /* Keep bg same, let icon show color */
           }
-          /* The Check Icon Color */
           .neu-checkbox .rt-CheckboxIndicator {
             color: var(--neu-check-color);
           }
         ` } })),
             React__default.createElement(o$6, { columns: columns || (direction === 'row' ? 'repeat(auto-fit, minmax(100px, 1fr))' : '1'), gap: "3", style: neuVars }, inputoptions.map((inputoption) => {
                 const isChecked = currentValues.some(val => String(val) === String(inputoption.optionvalue));
-                return (React__default.createElement(p$d, { as: "label", key: inputoption.optionvalue, size: "2", style: {
+                return (React__default.createElement(p$d, { as: "label", key: inputoption.optionvalue || crypto.randomUUID(), size: "2", style: {
                         display: 'flex',
                         alignItems: 'center',
                         gap: '8px',
@@ -12491,7 +12493,7 @@ const getDesignStyles = (inputtype, isOpen) => {
     return Object.assign(Object.assign({}, base), { backgroundColor: 'transparent', border: '1px solid var(--gray-6)', borderLeft: isOpen ? '4px solid var(--accent-9)' : '1px solid var(--gray-6)' });
 };
 const ConditionalTrigger = (_a) => {
-    var { alias, readOnly, width, placeholder = '', value, inputtype = 'conditionaltoggle', triggerValue = true, inputoptions = [], toggledinputtype = inputtype, children, style, className } = _a, props = __rest$1(_a, ["alias", "readOnly", "width", "placeholder", "value", "inputtype", "triggerValue", "inputoptions", "toggledinputtype", "children", "style", "className"]);
+    var { alias, readOnly, width, placeholder = '', value, inputtype = 'conditionaltoggle-outline', triggerValue = true, inputoptions = [], toggledinputtype = "conditionaltoggle-outline", children, style, className } = _a, props = __rest$1(_a, ["alias", "readOnly", "width", "placeholder", "value", "inputtype", "triggerValue", "inputoptions", "toggledinputtype", "children", "style", "className"]);
     const [field, meta, helpers] = useField(alias);
     const { setTouched } = useFormikContext();
     const inputId = `${alias}FormInput` || crypto.randomUUID();
@@ -12515,7 +12517,7 @@ const ConditionalTrigger = (_a) => {
                     React__default.createElement(p$d, { as: "label", size: "2", weight: "bold" }, props.inputLabel),
                     React__default.createElement(C$1, { name: alias, disabled: readOnly, value: field.value, defaultValue: placeholder || String(value) || "", onValueChange: handleChange },
                         React__default.createElement(u$1, { id: inputId, variant: isNeumorphic ? 'soft' : 'surface', style: { width: '100%' } }),
-                        React__default.createElement(g, null, inputoptions.map((inputoption) => (React__default.createElement(v, { key: inputoption.optionvalue, value: inputoption.optionvalue }, inputoption.text)))))));
+                        React__default.createElement(g, null, inputoptions.map((inputoption) => (React__default.createElement(v, { key: inputoption.optionvalue || crypto.randomUUID(), value: inputoption.optionvalue }, inputoption.text)))))));
             case inputtype.includes('conditionaltoggle'):
             default:
                 return (React__default.createElement(p$5, { justify: "between", align: "center", style: { width: '100%' } },
@@ -20822,7 +20824,7 @@ const ensureDate = (date) => {
 };
 
 const DatePicker = (_a) => {
-    var { inputtype = 'datepicker', alias, readOnly, width, placeholder = 'Pick a date', value, minvalue, maxvalue, className, style } = _a, props = __rest$1(_a, ["inputtype", "alias", "readOnly", "width", "placeholder", "value", "minvalue", "maxvalue", "className", "style"]);
+    var { inputtype = 'datepicker-outline', alias, readOnly, width, placeholder = 'Pick a date', value, minvalue, maxvalue, className, style } = _a, props = __rest$1(_a, ["inputtype", "alias", "readOnly", "width", "placeholder", "value", "minvalue", "maxvalue", "className", "style"]);
     const { setFieldValue, setFieldTouched } = useFormikContext();
     const [field, meta] = useField(alias);
     const hasError = Boolean(meta.touched && meta.error);
@@ -20939,7 +20941,7 @@ const DatePicker = (_a) => {
 
 const DateRangePicker = (_a) => {
     var _b, _c;
-    var { inputtype = 'daterangepicker', alias, readOnly, width, placeholder = '', value, minvalue, maxvalue, className, style } = _a, props = __rest$1(_a, ["inputtype", "alias", "readOnly", "width", "placeholder", "value", "minvalue", "maxvalue", "className", "style"]);
+    var { inputtype = 'daterangepicker-outline', alias, readOnly, width, placeholder = '', value, minvalue, maxvalue, className, style } = _a, props = __rest$1(_a, ["inputtype", "alias", "readOnly", "width", "placeholder", "value", "minvalue", "maxvalue", "className", "style"]);
     const { setFieldValue, setFieldTouched } = useFormikContext();
     const [field, meta] = useField(alias);
     const hasError = Boolean(meta.touched && meta.error);
@@ -21044,7 +21046,7 @@ const DateRangePicker = (_a) => {
 };
 
 const DateTimePicker = (_a) => {
-    var { inputtype = 'datetimepicker', alias, readOnly, width, placeholder = '', value, minvalue, maxvalue, className, style } = _a, props = __rest$1(_a, ["inputtype", "alias", "readOnly", "width", "placeholder", "value", "minvalue", "maxvalue", "className", "style"]);
+    var { inputtype = 'datetimepicker-outline', alias, readOnly, width, placeholder = '', value, minvalue, maxvalue, className, style } = _a, props = __rest$1(_a, ["inputtype", "alias", "readOnly", "width", "placeholder", "value", "minvalue", "maxvalue", "className", "style"]);
     const { setFieldValue, setFieldTouched } = useFormikContext();
     const [field, meta] = useField(alias);
     const hasError = Boolean(meta.touched && meta.error);
@@ -21161,7 +21163,7 @@ const DateTimePicker = (_a) => {
                             React__default.createElement("input", { type: "number", className: "time-input", min: "0", max: "23", value: selectedDate ? format$2(selectedDate, 'HH') : '12', onChange: (e) => handleTimeChange('hours', e.target.value) }),
                             React__default.createElement(p$d, null, ":"),
                             React__default.createElement("input", { type: "number", className: "time-input", min: "0", max: "59", value: selectedDate ? format$2(selectedDate, 'mm') : '00', onChange: (e) => handleTimeChange('minutes', e.target.value) }),
-                            React__default.createElement(o$9, { size: "1", variant: "soft", onClick: () => setIsOpen(false) }, "Done"))))),
+                            React__default.createElement(o$a, { size: "1", variant: "soft", onClick: () => setIsOpen(false) }, "Done"))))),
             React__default.createElement("div", null,
                 React__default.createElement(p$d, { id: `${alias}InputLabel`, as: "label", size: "2", weight: "bold", htmlFor: alias }, props.inputLabel),
                 hasError ?
@@ -21175,7 +21177,7 @@ const DateTimePicker = (_a) => {
 };
 
 const Dropdown = (_a) => {
-    var { inputtype = 'dropdown-material', alias, readOnly, width, placeholder, value, inputoptions, style } = _a, props = __rest$1(_a, ["inputtype", "alias", "readOnly", "width", "placeholder", "value", "inputoptions", "style"]);
+    var { inputtype = 'dropdown-outline', alias, readOnly, width, placeholder, value, inputoptions, style } = _a, props = __rest$1(_a, ["inputtype", "alias", "readOnly", "width", "placeholder", "value", "inputoptions", "style"]);
     const triggerRef = useRef(null);
     const [neuVars, setNeuVars] = useState({});
     const { setFieldValue, setFieldTouched } = useFormikContext();
@@ -21267,10 +21269,9 @@ const Dropdown = (_a) => {
                         }
                     } },
                     React__default.createElement(u$1, { id: `${alias}FormInput`, ref: triggerRef, variant: "ghost", placeholder: placeholder, className: `${inputtype === 'dropdown-neumorphic' ? 'neu-select-trigger' : ''} ${props.className || ''}`, style: Object.assign(Object.assign({}, activeTriggerStyle), style) }),
-                    React__default.createElement(g, { position: "popper", sideOffset: 5, style: activeContentStyle }, inputoptions.map((inputoption) => (React__default.createElement(React__default.Fragment, null, inputoption.optionurl ?
-                        React__default.createElement(React__default.Fragment, null,
-                            React__default.createElement("a", { href: inputoption.optionurl || "", target: "_blank", rel: "noopener noreferrer" },
-                                React__default.createElement(v, { id: String(inputoption.optionid) || '', key: inputoption.optionid, value: inputoption.optionvalue, className: inputtype === 'dropdown-neumorphic' ? 'neu-select-item' : '' }, inputoption.text)))
+                    React__default.createElement(g, { position: "popper", sideOffset: 5, style: activeContentStyle }, inputoptions.map((inputoption) => (React__default.createElement(React__default.Fragment, { key: inputoption.optionid || crypto.randomUUID() }, inputoption.optionurl ?
+                        React__default.createElement(v, { id: String(inputoption.optionid) || '', key: inputoption.optionid, value: inputoption.optionvalue, className: inputtype === 'dropdown-neumorphic' ? 'neu-select-item' : '' },
+                            React__default.createElement("a", { style: { textDecoration: 'none' }, href: inputoption.optionurl || "", target: "_blank", rel: "noopener noreferrer" }, inputoption.text))
                         :
                             React__default.createElement(React__default.Fragment, null,
                                 React__default.createElement(v, { id: String(inputoption.optionid) || '', key: inputoption.optionid, value: inputoption.optionvalue, className: inputtype === 'dropdown-neumorphic' ? 'neu-select-item' : '' }, inputoption.text))))))),
@@ -21286,7 +21287,7 @@ const Dropdown = (_a) => {
                                     React__default.createElement(Icon, { name: "questionmarkcircled", height: "16", width: "16", style: { cursor: 'pointer', color: 'gray' } })))) : null)))));
 };
 
-const getFileIcon = (type, name) => {
+const getFileIcon$1 = (type, name) => {
     if (type.includes('image'))
         return React__default.createElement(Icon, { name: 'image', width: "24", height: "24" });
     if (type.includes('pdf'))
@@ -21301,10 +21302,9 @@ const getFileIcon = (type, name) => {
 };
 const File$1 = (_a) => {
     var _b;
-    var { inputtype = 'fileinput', alias, readOnly, width, placeholder = '', value, preview = false, className, style } = _a, props = __rest$1(_a, ["inputtype", "alias", "readOnly", "width", "placeholder", "value", "preview", "className", "style"]);
+    var { inputtype = 'fileinput-outline', alias, readOnly, width, placeholder = '', value, preview = false, className, style } = _a, props = __rest$1(_a, ["inputtype", "alias", "readOnly", "width", "placeholder", "value", "preview", "className", "style"]);
     const { setFieldValue, setFieldTouched } = useFormikContext();
     const [field, meta] = useField(alias);
-    // File object or null
     const selectedFile = field.value;
     const hasError = Boolean(meta.touched && meta.error);
     const inputRef = useRef(null);
@@ -21327,7 +21327,7 @@ const File$1 = (_a) => {
         if (inputRef.current)
             inputRef.current.value = '';
     };
-    // Generate Preview URL
+    // Preview URL generator
     useEffect(() => {
         if (!selectedFile || !selectedFile.type.startsWith('image/')) {
             setPreviewUrl(null);
@@ -21387,7 +21387,7 @@ const File$1 = (_a) => {
                 React__default.createElement(p$8, { style: { padding: 8, borderRadius: '50%', backgroundColor: 'var(--gray-3)' } },
                     React__default.createElement(Icon, { name: 'upload', width: "18", height: "18" })),
                 React__default.createElement(p$5, { direction: "column" },
-                    React__default.createElement(p$d, { size: "2", weight: "bold", color: "gray" }, "Click to Upload"),
+                    React__default.createElement(p$d, { size: "2", weight: "bold", color: "gray" }, "Upload File"),
                     React__default.createElement(p$d, { size: "1", color: "gray" }, "Supports PDF, Images, Excel, JSON...")))) : (
             // --- SELECTED STATE ---
             React__default.createElement(p$5, { align: "center", gap: "4", style: { width: '100%' } },
@@ -21397,12 +21397,12 @@ const File$1 = (_a) => {
                         display: 'flex', alignItems: 'center', justifyContent: 'center',
                         backgroundColor: 'var(--accent-3)', color: 'var(--accent-9)',
                         borderRadius: 6, flexShrink: 0
-                    } }, getFileIcon(selectedFile.type, selectedFile.name))),
+                    } }, getFileIcon$1(selectedFile.type, selectedFile.name))),
                 React__default.createElement(p$5, { direction: "column", style: { flexGrow: 1, overflow: 'hidden' } },
                     React__default.createElement(p$d, { size: "2", weight: "bold", style: { whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' } }, selectedFile.name),
                     React__default.createElement(p$5, { gap: "2", align: "center" },
                         React__default.createElement(p$d, { size: "1", color: "gray" }, formatBytes(selectedFile.size)),
-                        React__default.createElement(e$9, { size: "1", color: "gray", variant: "soft" }, (_b = selectedFile.name.split('.').pop()) === null || _b === void 0 ? void 0 : _b.toUpperCase()))),
+                        React__default.createElement(e$a, { size: "1", color: "gray", variant: "soft" }, (_b = selectedFile.name.split('.').pop()) === null || _b === void 0 ? void 0 : _b.toUpperCase()))),
                 React__default.createElement(o$5, { size: "1", variant: "ghost", color: "red", onClick: handleClear, style: { borderRadius: '50%', padding: 4 } },
                     React__default.createElement(Icon, { name: 'close', width: "16", height: "16" }))))),
             React__default.createElement("div", null,
@@ -21417,6 +21417,174 @@ const File$1 = (_a) => {
                                 React__default.createElement(Icon, { name: "questionmarkcircled", height: "16", width: "16", style: { cursor: 'pointer', color: 'gray' } })))) : null))));
 };
 
+const getFileIcon = (fileOrUrl) => {
+    var _a, _b, _c, _d, _e;
+    if (typeof fileOrUrl === 'string') {
+        const ext = (_a = fileOrUrl.split('.').pop()) === null || _a === void 0 ? void 0 : _a.toLowerCase();
+        if (['jpg', 'jpeg', 'png', 'gif'].includes(ext || ''))
+            return React__default.createElement(Icon, { name: 'image' });
+        if (ext === 'pdf')
+            return React__default.createElement(Icon, { name: 'filetext', color: "red" });
+        return React__default.createElement(Icon, { name: 'file' });
+    }
+    if ((_b = fileOrUrl.type) === null || _b === void 0 ? void 0 : _b.startsWith('image/'))
+        return React__default.createElement(Icon, { name: 'image' });
+    if ((_c = fileOrUrl.type) === null || _c === void 0 ? void 0 : _c.includes('pdf'))
+        return React__default.createElement(Icon, { name: 'filetext', color: "red" });
+    if (((_d = fileOrUrl.type) === null || _d === void 0 ? void 0 : _d.includes('sheet')) || ((_e = fileOrUrl.type) === null || _e === void 0 ? void 0 : _e.includes('csv')))
+        return React__default.createElement(Icon, { name: 'filetext', color: "green" });
+    return React__default.createElement(Icon, { name: 'filetext' });
+};
+// --- Styles ---
+const styles = {
+    'filemultiple': {
+        border: '2px dashed var(--gray-a8)',
+        borderRadius: 'var(--radius-3)',
+        background: 'transparent',
+    },
+    // Outline 
+    'filemultiple-outline': {
+        border: '2px dashed var(--gray-a8)',
+        borderRadius: 'var(--radius-3)',
+        background: 'transparent',
+    },
+    // Material
+    'filemultiple-material': {
+        border: 'none',
+        borderBottom: '2px solid var(--accent-9)',
+        background: 'var(--gray-a3)',
+        borderRadius: '4px 4px 0 0',
+    },
+    // Neumorphic
+    'filemultiple-neumorphic': {
+        border: 'none',
+        borderRadius: '16px',
+        background: '#e0e0e0',
+        boxShadow: '6px 6px 12px #b8b9be, -6px -6px 12px #ffffff',
+    }
+};
+const FileMultiple = (_a) => {
+    var { inputtype = 'filemultiple-outline', alias, readOnly, width, placeholder = '', value, preview = true, className, style } = _a, props = __rest$1(_a, ["inputtype", "alias", "readOnly", "width", "placeholder", "value", "preview", "className", "style"]);
+    const [field, meta] = useField(alias);
+    const { setFieldValue, setFieldTouched } = useFormikContext();
+    const inputRef = useRef(null);
+    const [objectUrls, setObjectUrls] = useState({});
+    const inputId = `${alias}FormInput` || crypto.randomUUID();
+    const errorId = `${alias}-error`;
+    const currentFiles = Array.isArray(field.value) ? field.value : [];
+    useEffect(() => {
+        if (!preview)
+            return;
+        const newUrls = {};
+        let changed = false;
+        currentFiles.forEach((file) => {
+            if (file instanceof File && file.type.startsWith('image/')) {
+                if (!objectUrls[file.name]) {
+                    newUrls[file.name] = URL.createObjectURL(file);
+                    changed = true;
+                }
+                else {
+                    newUrls[file.name] = objectUrls[file.name];
+                }
+            }
+        });
+        if (changed || Object.keys(newUrls).length !== Object.keys(objectUrls).length) {
+            setObjectUrls(newUrls);
+        }
+    }, [currentFiles, preview]);
+    const handleFileChange = (e) => {
+        if (e.target.files && e.target.files.length > 0) {
+            const newFiles = Array.from(e.target.files);
+            // Append new files to extants
+            setFieldValue(alias, [...currentFiles, ...newFiles]);
+            setFieldTouched(alias, true);
+        }
+        // Reset input value to allow file reselection
+        if (inputRef.current)
+            inputRef.current.value = '';
+    };
+    const handleRemove = (indexToRemove) => {
+        const fileToRemove = currentFiles[indexToRemove];
+        const updatedFiles = currentFiles.filter((_, index) => index !== indexToRemove);
+        setFieldValue(alias, updatedFiles);
+        if (fileToRemove instanceof File && objectUrls[fileToRemove.name]) {
+            URL.revokeObjectURL(objectUrls[fileToRemove.name]);
+        }
+    };
+    const isNeumorphic = inputtype === 'filemultiple-neumorphic';
+    const hasError = meta.touched && meta.error;
+    return (React__default.createElement(Column, { span: width, newLine: props.newRow },
+        React__default.createElement(p$8, { className: className, style: style },
+            React__default.createElement(p$8, { onClick: () => { var _a; return (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.click(); }, p: "4", style: Object.assign(Object.assign({}, styles[inputtype]), { cursor: 'pointer', transition: 'all 0.2s', borderColor: hasError ? 'var(--red-9)' : (styles[inputtype].borderBottom ? 'var(--accent-9)' : 'var(--gray-a8)'), position: 'relative' }) },
+                React__default.createElement(p$5, { align: "center", gap: "4" },
+                    React__default.createElement(p$8, { style: {
+                            background: isNeumorphic ? '#e0e0e0' : 'var(--accent-3)',
+                            borderRadius: '50%',
+                            padding: '10px',
+                            boxShadow: isNeumorphic ? 'inset 3px 3px 6px #b8b9be, inset -3px -3px 6px #ffffff' : 'none'
+                        } },
+                        React__default.createElement(Icon, { name: 'upload', width: "20", height: "20", color: isNeumorphic ? '#555' : 'var(--accent-9)' })),
+                    React__default.createElement(p$5, { direction: "column" },
+                        React__default.createElement(p$d, { weight: "bold", style: { color: isNeumorphic ? '#444' : 'inherit' } }, currentFiles.length > 0
+                            ? `${currentFiles.length} file${currentFiles.length !== 1 ? 's' : ''} selected`
+                            : "Choose files..."),
+                        React__default.createElement(p$d, { size: "1", color: "gray", style: { opacity: 0.8 } }, "PDF, Images, Office Docs, JSON, ZIP"))),
+                React__default.createElement("input", { id: inputId || alias, ref: inputRef, readOnly: readOnly, name: alias, type: "file", multiple: true, accept: ACCEPTED_EXTENSIONS, onChange: handleFileChange, style: { display: 'none' }, "aria-describedby": hasError ? errorId : undefined })),
+            preview && currentFiles.length > 0 && (React__default.createElement(o$6, { columns: "repeat(auto-fill, minmax(220px, 1fr))", gap: "3", mt: "3" }, currentFiles.map((file, index) => {
+                // Detect preview URL:
+                // If string (URL from DB), use urlpath
+                // If File (blob), use objectUrl
+                let previewUrl = null;
+                let fileName = 'Unknown File';
+                let fileSize = '';
+                if (typeof file === 'string') {
+                    previewUrl = file;
+                    fileName = file.split('/').pop() || file;
+                }
+                else {
+                    previewUrl = objectUrls[file.name] || null;
+                    fileName = file.name;
+                    fileSize = (file.size / 1024 / 1024).toFixed(2) + ' MB';
+                }
+                return (React__default.createElement(o$9, { key: `${fileName}-${index}`, style: isNeumorphic ? {
+                        background: '#e0e0e0',
+                        border: 'none',
+                        boxShadow: '4px 4px 8px #b8b9be, -4px -4px 8px #ffffff'
+                    } : {} },
+                    React__default.createElement(p$5, { align: "center", gap: "3" },
+                        React__default.createElement(p$8, { style: {
+                                width: 40,
+                                height: 40,
+                                borderRadius: '6px',
+                                overflow: 'hidden',
+                                background: 'var(--gray-a3)',
+                                display: 'flex',
+                                alignItems: 'center',
+                                justifyContent: 'center'
+                            } }, previewUrl && (fileName.match(/\.(jpeg|jpg|png|gif|webp)$/i) || (file instanceof File && file.type.startsWith('image/'))) ? (React__default.createElement("img", { src: previewUrl, alt: "preview", style: { width: '100%', height: '100%', objectFit: 'cover' } })) : (getFileIcon(file))),
+                        React__default.createElement(p$5, { direction: "column", style: { flex: 1, overflow: 'hidden' } },
+                            React__default.createElement(p$d, { size: "1", weight: "bold", style: { whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis', color: isNeumorphic ? '#444' : 'inherit' } }, fileName),
+                            fileSize && React__default.createElement(p$d, { size: "1", color: "gray" }, fileSize)),
+                        React__default.createElement(o$5, { size: "1", variant: "ghost", color: "red", type: "button", onClick: (e) => {
+                                e.stopPropagation();
+                                handleRemove(index);
+                            } },
+                            React__default.createElement(Icon, { name: 'close' })))));
+            }))),
+            React__default.createElement("div", null,
+                React__default.createElement(p$d, { id: `${alias}InputLabel`, as: "label", size: "2", weight: "bold", htmlFor: alias }, props.inputLabel),
+                hasError ?
+                    React__default.createElement(React__default.Fragment, null,
+                        React__default.createElement("p", { id: errorId, className: 'core-input-label-error' }, typeof meta.error === 'string' ?
+                            React__default.createElement(React__default.Fragment, null, props.errorText || "Required field")
+                            : 'Invalid file selection')) : null,
+                props.isHinted ?
+                    React__default.createElement(React__default.Fragment, null,
+                        React__default.createElement(e, { content: props.hintText || "No hint available", align: "start", sideOffset: 5, className: "core-input-tooltip" },
+                            React__default.createElement("a", { href: props.hintUrl || "", target: "_blank", rel: "noopener noreferrer" },
+                                React__default.createElement(Icon, { name: "questionmarkcircled", height: "16", width: "16", style: { cursor: 'pointer', color: 'gray' } })))) : null))));
+};
+
 var _excluded$6 = ["title"],
     _excluded2 = ["title"],
     _excluded3 = ["title"],
@@ -41842,7 +42010,7 @@ const StockInput = (_a) => {
                     const input = document.getElementById(`${alias}FormInput`);
                     input === null || input === void 0 ? void 0 : input.focus();
                 } },
-                React__default.createElement(e$9, { size: "2", variant: "soft", color: "gray", style: {
+                React__default.createElement(e$a, { size: "2", variant: "soft", color: "gray", style: {
                         height: '100%',
                         padding: '0 10px',
                         borderRadius: 'var(--radius-1)',
@@ -41875,8 +42043,8 @@ const StockInput = (_a) => {
                         React__default.createElement(Icon, { name: "questionmarkcircled", height: "16", width: "16", style: { cursor: 'pointer', color: 'gray' } }))))))));
 };
 
-const xRadioGroup = (_a) => {
-    var { inputtype = 'radio', alias, readOnly, width, placeholder = '', style, value, inputoptions, direction = 'column', columns, className } = _a, props = __rest$1(_a, ["inputtype", "alias", "readOnly", "width", "placeholder", "style", "value", "inputoptions", "direction", "columns", "className"]);
+const RadioGroupInput = (_a) => {
+    var { inputtype = 'radio-outline', alias, readOnly, width, placeholder = '', style, value, inputoptions, direction = 'column', columns, className } = _a, props = __rest$1(_a, ["inputtype", "alias", "readOnly", "width", "placeholder", "style", "value", "inputoptions", "direction", "columns", "className"]);
     const { setFieldValue, setFieldTouched } = useFormikContext();
     const [field, meta] = useField(alias);
     const hasError = Boolean(meta.touched && meta.error);
@@ -41956,7 +42124,7 @@ const xRadioGroup = (_a) => {
 };
 
 const OptionSelect = (_a) => {
-    var { inputtype = 'select', alias, readOnly, width, placeholder = '', style, value, inputoptions, className } = _a, props = __rest$1(_a, ["inputtype", "alias", "readOnly", "width", "placeholder", "style", "value", "inputoptions", "className"]);
+    var { inputtype = 'select-outline', alias, readOnly, width, placeholder = '', style, value, inputoptions, className } = _a, props = __rest$1(_a, ["inputtype", "alias", "readOnly", "width", "placeholder", "style", "value", "inputoptions", "className"]);
     const triggerRef = useRef(null);
     const [neuVars, setNeuVars] = useState({});
     const { setFieldValue, setFieldTouched } = useFormikContext();
@@ -42041,7 +42209,7 @@ const OptionSelect = (_a) => {
 
 const MultipleSelect = (_a) => {
     var _b;
-    var { inputtype = 'multiselect', alias, readOnly, width, placeholder = '', style, value, inputoptions, className } = _a, props = __rest$1(_a, ["inputtype", "alias", "readOnly", "width", "placeholder", "style", "value", "inputoptions", "className"]);
+    var { inputtype = 'multiselect-outline', alias, readOnly, width, placeholder = '', style, value, inputoptions, className } = _a, props = __rest$1(_a, ["inputtype", "alias", "readOnly", "width", "placeholder", "style", "value", "inputoptions", "className"]);
     const { setFieldValue, setFieldTouched } = useFormikContext();
     const [field, meta] = useField(alias);
     const selectedValues = (Array.isArray(field.value) ? field.value : []);
@@ -42136,8 +42304,8 @@ const MultipleSelect = (_a) => {
                                 React__default.createElement(Icon, { name: "questionmarkcircled", height: "16", width: "16", style: { cursor: 'pointer', color: 'gray' } })))) : null))));
 };
 
-const xSlider = (_a) => {
-    var { inputtype = 'slider', alias, readOnly, width, placeholder = '', value, minvalue = 0, maxvalue = 100, stepvalue = 1, className, style } = _a, props = __rest$1(_a, ["inputtype", "alias", "readOnly", "width", "placeholder", "value", "minvalue", "maxvalue", "stepvalue", "className", "style"]);
+const SliderInput = (_a) => {
+    var { inputtype = 'slider-outline', alias, readOnly, width, placeholder = '', value, minvalue = 0, maxvalue = 100, stepvalue = 1, className, style } = _a, props = __rest$1(_a, ["inputtype", "alias", "readOnly", "width", "placeholder", "value", "minvalue", "maxvalue", "stepvalue", "className", "style"]);
     const { setFieldValue, setFieldTouched } = useFormikContext();
     const [field, meta] = useField(alias);
     const fieldValue = Array.isArray(field.value) ? field.value : [field.value || minvalue];
@@ -42235,7 +42403,7 @@ const xSlider = (_a) => {
 };
 
 const RangeSlider = (_a) => {
-    var { inputtype = 'range', alias, readOnly, width, placeholder = '', value, minvalue = 0, maxvalue = 100, stepvalue = 1, minStepsBetweenThumbs = 0, className, style } = _a, props = __rest$1(_a, ["inputtype", "alias", "readOnly", "width", "placeholder", "value", "minvalue", "maxvalue", "stepvalue", "minStepsBetweenThumbs", "className", "style"]);
+    var { inputtype = 'range-outline', alias, readOnly, width, placeholder = '', value, minvalue = 0, maxvalue = 100, stepvalue = 1, minStepsBetweenThumbs = 0, className, style } = _a, props = __rest$1(_a, ["inputtype", "alias", "readOnly", "width", "placeholder", "value", "minvalue", "maxvalue", "stepvalue", "minStepsBetweenThumbs", "className", "style"]);
     const { setFieldValue, setFieldTouched } = useFormikContext();
     const [field, meta] = useField(alias);
     // Range Formik Logic 
@@ -42313,7 +42481,7 @@ const RangeSlider = (_a) => {
 };
 
 const Toggle = (_a) => {
-    var { inputtype = 'toggle', alias, readOnly, width, pressed, defaultPressed, onPressedChange, style, children } = _a, props = __rest$1(_a, ["inputtype", "alias", "readOnly", "width", "pressed", "defaultPressed", "onPressedChange", "style", "children"]);
+    var { inputtype = 'toggle-outline', alias, readOnly, width, pressed, defaultPressed, onPressedChange, style, children } = _a, props = __rest$1(_a, ["inputtype", "alias", "readOnly", "width", "pressed", "defaultPressed", "onPressedChange", "style", "children"]);
     const buttonRef = useRef(null);
     const [neumorphicVars, setNeumorphicVars] = useState({});
     useEffect(() => {
@@ -42358,7 +42526,7 @@ const Toggle = (_a) => {
     };
     return (React__default.createElement(Column, { span: width, newLine: props.newRow },
         React__default.createElement(Root$1, { pressed: pressed, defaultPressed: defaultPressed, onPressedChange: onPressedChange, name: alias, disabled: readOnly, id: `${alias}FormInput`, "aria-describedby": `${alias}InputLabel`, asChild: true },
-            React__default.createElement(o$9, Object.assign({ disabled: readOnly, ref: buttonRef }, props, { className: `design-toggle ${inputtype}`, style: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, style), (inputtype === 'toggle' ? materialStyle : {})), (inputtype === 'toggle-material' ? materialStyle : {})), (inputtype === 'toggle-outline' ? outlineStyle : {})), (inputtype === 'toggle-neumorphic' ? Object.assign(Object.assign({}, neumorphicStyle), neumorphicVars) : {})) }),
+            React__default.createElement(o$a, Object.assign({ disabled: readOnly, ref: buttonRef }, props, { className: `design-toggle ${inputtype}`, style: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, style), (inputtype === 'toggle' ? materialStyle : {})), (inputtype === 'toggle-material' ? materialStyle : {})), (inputtype === 'toggle-outline' ? outlineStyle : {})), (inputtype === 'toggle-neumorphic' ? Object.assign(Object.assign({}, neumorphicStyle), neumorphicVars) : {})) }),
                 React__default.createElement("style", { dangerouslySetInnerHTML: { __html: `
           /* --- MATERIAL --- */
           .design-toggle.toggle-material[data-state='on'] {
@@ -42413,7 +42581,7 @@ const Row = ({ children, className, gap = "4" }) => {
     return (React__default.createElement(o$6, { columns: "12", gap: gap, width: "auto", className: className }, children));
 };
 
-const xTitle = (_a) => {
+const SectionTitle = (_a) => {
     var { title, iconname, textColor = "#FFFFFF", backgroundColor = "#000000", fontFamily } = _a, props = __rest$1(_a, ["title", "iconname", "textColor", "backgroundColor", "fontFamily"]);
     return (React__default.createElement(React__default.Fragment, null,
         React__default.createElement(Row, null,
@@ -46936,4 +47104,4 @@ const xFormSchema = object({
     model: array(SectionSchema),
 });
 
-export { CURRENCIES, CheckboxGroup, Column, ConditionalTrigger, Container, CreditCardInput, CurrencyInput, DatePicker, DateRangePicker, DateTimePicker, Dropdown, File$1 as File, FlagIcon, Icon, Image, Input$1 as Input, MultipleSelect, OptionSelect, PasswordInput, PhoneInput, RangeSlider, Row, StockInput, R as Theme, N as ThemePanel, Toggle, UUIDInput, parseUuidFormat, primeMatrix, vectorSigma, xAvatar, xButton, xFormSchema, xRadioGroup, xSlider, xTitle };
+export { AvatarInput, ButtonInput, CURRENCIES, CheckboxGroupInput, Column, ConditionalTrigger, Container, CreditCardInput, CurrencyInput, DatePicker, DateRangePicker, DateTimePicker, Dropdown, File$1 as File, FileMultiple, FlagIcon, Icon, Image, Input$1 as Input, MultipleSelect, OptionSelect, PasswordInput, PhoneInput, RadioGroupInput, RangeSlider, Row, SectionTitle, SliderInput, StockInput, R as Theme, N as ThemePanel, Toggle, UUIDInput, parseUuidFormat, primeMatrix, vectorSigma, xFormSchema };