bsm-design-system 1.0.1 → 1.1.0

package/index.d.mts

@@ -1,6 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ButtonHTMLAttributes } from 'react';
 import * as tailwind_variants from 'tailwind-variants';
+import { Root } from '@radix-ui/react-switch';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import { Root as Root$1 } from '@radix-ui/react-radio-group';
 
 declare const buttonVariants: tailwind_variants.TVReturnType<{
     variant: {
@@ -27,7 +30,7 @@ declare const buttonVariants: tailwind_variants.TVReturnType<{
         true: string;
         false: string;
     };
-}, undefined, "inline-flex items-center relative focus-visible:ring-offset-background focus-visible:ring-offset-2 focus-visible:ring-2  active:scale-95 [&_svg]:text-current cursor-pointer disabled:text-disabled-foreground justify-center gap-2 whitespace-nowrap font-normal transition-all disabled:pointer-events-none select-none [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none", {
+}, undefined, "inline-flex items-center relative focus-visible:ring-offset-ring-offset focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-2  active:scale-95 [&_svg]:text-current cursor-pointer disabled:text-disabled-foreground justify-center gap-2 whitespace-nowrap font-normal transition-all disabled:pointer-events-none select-none [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none", {
     variant: {
         fill: string;
         ghost: string;
@@ -77,7 +80,7 @@ declare const buttonVariants: tailwind_variants.TVReturnType<{
         true: string;
         false: string;
     };
-}, undefined, "inline-flex items-center relative focus-visible:ring-offset-background focus-visible:ring-offset-2 focus-visible:ring-2  active:scale-95 [&_svg]:text-current cursor-pointer disabled:text-disabled-foreground justify-center gap-2 whitespace-nowrap font-normal transition-all disabled:pointer-events-none select-none [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none", unknown, unknown, undefined>>;
+}, undefined, "inline-flex items-center relative focus-visible:ring-offset-ring-offset focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-2  active:scale-95 [&_svg]:text-current cursor-pointer disabled:text-disabled-foreground justify-center gap-2 whitespace-nowrap font-normal transition-all disabled:pointer-events-none select-none [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none", unknown, unknown, undefined>>;
 
 type ButtonVariant = keyof typeof buttonVariants.variants.variant;
 
@@ -131,6 +134,98 @@ interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
 /**
  * A button component
  */
-declare function Button({ className, variant, size, children, color, traillingIcon, loading, disabled, iconOnly, rounded, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
+declare function Button({ className, variant, size, children, color, traillingIcon, loading, disabled, iconOnly, rounded, type, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
 
-export { Button };
+declare const switchVariants: tailwind_variants.TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    disabled: {
+        true: string;
+        false: string;
+    };
+}, undefined, "group cursor-pointer border-2 border-transparent  inline-flex shrink-0 items-center rounded-full shadow-xs transition-all outline-none focus-visible:ring-offset-ring-offset focus-visible:ring-offset-3 focus-visible:ring-2 focus-visible:ring-ring", {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    disabled: {
+        true: string;
+        false: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    disabled: {
+        true: string;
+        false: string;
+    };
+}, undefined, "group cursor-pointer border-2 border-transparent  inline-flex shrink-0 items-center rounded-full shadow-xs transition-all outline-none focus-visible:ring-offset-ring-offset focus-visible:ring-offset-3 focus-visible:ring-2 focus-visible:ring-ring", unknown, unknown, undefined>>;
+
+type DefaultType$1 = React.ComponentProps<typeof Root>;
+
+type SwitchSize = keyof typeof switchVariants.variants.size;
+
+interface SwitchProps extends DefaultType$1 {
+  size?: SwitchSize;
+  iconOn?: React.ReactNode;
+  iconOff?: React.ReactNode;
+}
+
+/**
+ * A switch component
+ */
+declare function Switch({ className, size, disabled, iconOff, iconOn, ...props }: SwitchProps): react_jsx_runtime.JSX.Element;
+
+declare const radioVariants: tailwind_variants.TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    disabled: {
+        true: string;
+        false: string;
+    };
+}, undefined, "grid gap-3", {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    disabled: {
+        true: string;
+        false: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    disabled: {
+        true: string;
+        false: string;
+    };
+}, undefined, "grid gap-3", unknown, unknown, undefined>>;
+
+type DefaultType = React.ComponentProps<typeof Root$1>;
+
+type RadioSize = keyof typeof radioVariants.variants.size;
+
+interface RadioProps extends DefaultType {
+  size?: RadioSize;
+}
+
+declare function RadioGroup({ className, size, disabled, ...props }: RadioProps): react_jsx_runtime.JSX.Element;
+declare namespace RadioGroup {
+    var Item: ({ className, disabled, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Item>) => react_jsx_runtime.JSX.Element;
+}
+
+export { Button, RadioGroup, Switch };

package/index.d.ts

@@ -1,6 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ButtonHTMLAttributes } from 'react';
 import * as tailwind_variants from 'tailwind-variants';
+import { Root } from '@radix-ui/react-switch';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import { Root as Root$1 } from '@radix-ui/react-radio-group';
 
 declare const buttonVariants: tailwind_variants.TVReturnType<{
     variant: {
@@ -27,7 +30,7 @@ declare const buttonVariants: tailwind_variants.TVReturnType<{
         true: string;
         false: string;
     };
-}, undefined, "inline-flex items-center relative focus-visible:ring-offset-background focus-visible:ring-offset-2 focus-visible:ring-2  active:scale-95 [&_svg]:text-current cursor-pointer disabled:text-disabled-foreground justify-center gap-2 whitespace-nowrap font-normal transition-all disabled:pointer-events-none select-none [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none", {
+}, undefined, "inline-flex items-center relative focus-visible:ring-offset-ring-offset focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-2  active:scale-95 [&_svg]:text-current cursor-pointer disabled:text-disabled-foreground justify-center gap-2 whitespace-nowrap font-normal transition-all disabled:pointer-events-none select-none [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none", {
     variant: {
         fill: string;
         ghost: string;
@@ -77,7 +80,7 @@ declare const buttonVariants: tailwind_variants.TVReturnType<{
         true: string;
         false: string;
     };
-}, undefined, "inline-flex items-center relative focus-visible:ring-offset-background focus-visible:ring-offset-2 focus-visible:ring-2  active:scale-95 [&_svg]:text-current cursor-pointer disabled:text-disabled-foreground justify-center gap-2 whitespace-nowrap font-normal transition-all disabled:pointer-events-none select-none [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none", unknown, unknown, undefined>>;
+}, undefined, "inline-flex items-center relative focus-visible:ring-offset-ring-offset focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-2  active:scale-95 [&_svg]:text-current cursor-pointer disabled:text-disabled-foreground justify-center gap-2 whitespace-nowrap font-normal transition-all disabled:pointer-events-none select-none [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none", unknown, unknown, undefined>>;
 
 type ButtonVariant = keyof typeof buttonVariants.variants.variant;
 
@@ -131,6 +134,98 @@ interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
 /**
  * A button component
  */
-declare function Button({ className, variant, size, children, color, traillingIcon, loading, disabled, iconOnly, rounded, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
+declare function Button({ className, variant, size, children, color, traillingIcon, loading, disabled, iconOnly, rounded, type, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
 
-export { Button };
+declare const switchVariants: tailwind_variants.TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    disabled: {
+        true: string;
+        false: string;
+    };
+}, undefined, "group cursor-pointer border-2 border-transparent  inline-flex shrink-0 items-center rounded-full shadow-xs transition-all outline-none focus-visible:ring-offset-ring-offset focus-visible:ring-offset-3 focus-visible:ring-2 focus-visible:ring-ring", {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    disabled: {
+        true: string;
+        false: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    disabled: {
+        true: string;
+        false: string;
+    };
+}, undefined, "group cursor-pointer border-2 border-transparent  inline-flex shrink-0 items-center rounded-full shadow-xs transition-all outline-none focus-visible:ring-offset-ring-offset focus-visible:ring-offset-3 focus-visible:ring-2 focus-visible:ring-ring", unknown, unknown, undefined>>;
+
+type DefaultType$1 = React.ComponentProps<typeof Root>;
+
+type SwitchSize = keyof typeof switchVariants.variants.size;
+
+interface SwitchProps extends DefaultType$1 {
+  size?: SwitchSize;
+  iconOn?: React.ReactNode;
+  iconOff?: React.ReactNode;
+}
+
+/**
+ * A switch component
+ */
+declare function Switch({ className, size, disabled, iconOff, iconOn, ...props }: SwitchProps): react_jsx_runtime.JSX.Element;
+
+declare const radioVariants: tailwind_variants.TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    disabled: {
+        true: string;
+        false: string;
+    };
+}, undefined, "grid gap-3", {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    disabled: {
+        true: string;
+        false: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    disabled: {
+        true: string;
+        false: string;
+    };
+}, undefined, "grid gap-3", unknown, unknown, undefined>>;
+
+type DefaultType = React.ComponentProps<typeof Root$1>;
+
+type RadioSize = keyof typeof radioVariants.variants.size;
+
+interface RadioProps extends DefaultType {
+  size?: RadioSize;
+}
+
+declare function RadioGroup({ className, size, disabled, ...props }: RadioProps): react_jsx_runtime.JSX.Element;
+declare namespace RadioGroup {
+    var Item: ({ className, disabled, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Item>) => react_jsx_runtime.JSX.Element;
+}
+
+export { Button, RadioGroup, Switch };

package/index.js

@@ -1 +1 @@
-"use strict";var l=Object.defineProperty,V=Object.defineProperties,k=Object.getOwnPropertyDescriptor,M=Object.getOwnPropertyDescriptors,P=Object.getOwnPropertyNames,a=Object.getOwnPropertySymbols;var c=Object.prototype.hasOwnProperty,b=Object.prototype.propertyIsEnumerable;var p=(r,e,t)=>e in r?l(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t,m=(r,e)=>{for(var t in e||(e={}))c.call(e,t)&&p(r,t,e[t]);if(a)for(var t of a(e))b.call(e,t)&&p(r,t,e[t]);return r},f=(r,e)=>V(r,M(e));var h=(r,e)=>{var t={};for(var i in r)c.call(r,i)&&e.indexOf(i)<0&&(t[i]=r[i]);if(r!=null&&a)for(var i of a(r))e.indexOf(i)<0&&b.call(r,i)&&(t[i]=r[i]);return t};var j=(r,e)=>{for(var t in e)l(r,t,{get:e[t],enumerable:!0})},C=(r,e,t,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of P(e))!c.call(r,o)&&o!==t&&l(r,o,{get:()=>e[o],enumerable:!(i=k(e,o))||i.enumerable});return r};var L=r=>C(l({},"__esModule",{value:!0}),r);var S={};j(S,{Button:()=>d});module.exports=L(S);var x=require("tailwind-variants"),y=(0,x.tv)({base:"inline-flex items-center relative focus-visible:ring-offset-background focus-visible:ring-offset-2 focus-visible:ring-2  active:scale-95 [&_svg]:text-current cursor-pointer disabled:text-disabled-foreground justify-center gap-2 whitespace-nowrap font-normal transition-all disabled:pointer-events-none select-none [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none",variants:{variant:{fill:"disabled:bg-disabled",ghost:"disabled:bg-disabled-light ",outlined:"border-2 disabled:border-disabled",text:"bg-transparent"},color:{primary:"",error:""},size:{xs:"rounded-lg [&_svg:not([class*='size-'])]:size-4",sm:"rounded-lg [&_svg:not([class*='size-'])]:size-5",md:"rounded-[10px] [&_svg:not([class*='size-'])]:size-6",lg:"rounded-xl [&_svg:not([class*='size-'])]:size-6"},iconOnly:{true:"",false:""},rounded:{true:" rounded-full",false:""}},compoundVariants:[{size:"xs",iconOnly:!0,class:"size-8"},{size:"xs",iconOnly:!1,class:"h-8 px-8 text-xs min-w-[84px]"},{size:"sm",iconOnly:!0,class:"size-10"},{size:"sm",iconOnly:!1,class:"h-10 px-10 py-2  text-sm min-w-[104px]"},{size:"md",iconOnly:!0,class:"size-12"},{size:"md",iconOnly:!1,class:"h-12 px-12 text-base min-w-[122px]"},{size:"lg",iconOnly:!0,class:"size-14"},{size:"lg",iconOnly:!1,class:"h-14 px-14 text-lg min-w-36"},{variant:"fill",color:"primary",class:"bg-primary text-primary-foreground hover:bg-primary-hover active:bg-primary-active focus-visible:ring-primary"},{variant:"fill",color:"error",class:"bg-error text-error-foreground hover:bg-error-hover active:bg-error-active focus-visible:ring-error"},{variant:"outlined",color:"primary",class:"border-primary-border text-primary  hover:bg-outline-hover active:bg-outline-active"},{variant:"outlined",color:"error",class:"border-error-light text-error hover:bg-error-light active:bg-error-light-active"},{variant:"ghost",color:"primary",class:" text-primary bg-primary-light hover:bg-outline-hover active:bg-outline-active"},{variant:"ghost",color:"error",class:" text-error bg-error-light hover:bg-error-light-hover active:bg-error-light-active"},{variant:"text",color:"primary",class:" text-primary hover:bg-primary-light active:bg-outline-active"},{variant:"text",color:"error",class:" text-error hover:bg-error-light active:bg-error-light-active"}],defaultVariants:{variant:"fill",color:"primary"}});var z=require("react");var s=require("react/jsx-runtime");function d($){var u=$,{className:r,variant:e,size:t="md",children:i,color:o,traillingIcon:g,loading:v,disabled:N,iconOnly:n,rounded:O}=u,_=h(u,["className","variant","size","children","color","traillingIcon","loading","disabled","iconOnly","rounded"]);let w=(0,z.useMemo)(()=>{let B=["md","lg"].includes(t);return n||!B?"*:size-1.5":"*:size-2"},[n]);return(0,s.jsx)("button",f(m({className:y({variant:e,size:t,className:r,color:o,iconOnly:n,rounded:O}),disabled:N||v},_),{children:(0,s.jsx)(s.Fragment,{children:v?(0,s.jsx)("div",{className:"flex items-center justify-center",children:(0,s.jsxs)("div",{className:`*:bg-icon flex rounded-full bg-blue-50 *:rounded-full ${w}`,children:[(0,s.jsx)("span",{className:"dot"}),(0,s.jsx)("span",{className:"dot delay-02"}),(0,s.jsx)("span",{className:"dot delay-04"}),(0,s.jsx)("span",{className:"dot delay-06"})]})}):(0,s.jsxs)(s.Fragment,{children:[i,g&&(0,s.jsx)("span",{className:"absolute top-1/2 -translate-y-1/2 ltr:right-3 rtl:left-3",children:g})]})})}))}0&&(module.exports={Button});
+"use strict";var Tt=Object.create;var J=Object.defineProperty,zt=Object.defineProperties,Dt=Object.getOwnPropertyDescriptor,Ft=Object.getOwnPropertyDescriptors,Gt=Object.getOwnPropertyNames,oe=Object.getOwnPropertySymbols,Lt=Object.getPrototypeOf,ve=Object.prototype.hasOwnProperty,Oe=Object.prototype.propertyIsEnumerable;var Ae=(e,t,o)=>t in e?J(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,d=(e,t)=>{for(var o in t||(t={}))ve.call(t,o)&&Ae(e,o,t[o]);if(oe)for(var o of oe(t))Oe.call(t,o)&&Ae(e,o,t[o]);return e},R=(e,t)=>zt(e,Ft(t));var y=(e,t)=>{var o={};for(var r in e)ve.call(e,r)&&t.indexOf(r)<0&&(o[r]=e[r]);if(e!=null&&oe)for(var r of oe(e))t.indexOf(r)<0&&Oe.call(e,r)&&(o[r]=e[r]);return o};var jt=(e,t)=>{for(var o in t)J(e,o,{get:t[o],enumerable:!0})},_e=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of Gt(t))!ve.call(e,n)&&n!==o&&J(e,n,{get:()=>t[n],enumerable:!(r=Dt(t,n))||r.enumerable});return e};var C=(e,t,o)=>(o=e!=null?Tt(Lt(e)):{},_e(t||!e||!e.__esModule?J(o,"default",{value:e,enumerable:!0}):o,e)),Bt=e=>_e(J({},"__esModule",{value:!0}),e);var Fo={};jt(Fo,{Button:()=>Re,RadioGroup:()=>At,Switch:()=>Ze});module.exports=Bt(Fo);var Me=require("tailwind-variants"),ke=(0,Me.tv)({base:"inline-flex items-center relative focus-visible:ring-offset-ring-offset focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-2  active:scale-95 [&_svg]:text-current cursor-pointer disabled:text-disabled-foreground justify-center gap-2 whitespace-nowrap font-normal transition-all disabled:pointer-events-none select-none [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none",variants:{variant:{fill:"disabled:bg-disabled",ghost:"disabled:bg-disabled-light ",outlined:"border-2 disabled:border-disabled",text:"bg-transparent"},color:{primary:"",error:""},size:{xs:"rounded-lg [&_svg:not([class*='size-'])]:size-4",sm:"rounded-lg [&_svg:not([class*='size-'])]:size-5",md:"rounded-[10px] [&_svg:not([class*='size-'])]:size-6",lg:"rounded-xl [&_svg:not([class*='size-'])]:size-6"},iconOnly:{true:"",false:""},rounded:{true:" rounded-full",false:""}},compoundVariants:[{size:"xs",iconOnly:!0,class:"size-8"},{size:"xs",iconOnly:!1,class:"h-8 px-8 text-xs min-w-[84px]"},{size:"sm",iconOnly:!0,class:"size-10"},{size:"sm",iconOnly:!1,class:"h-10 px-10 py-2  text-sm min-w-[104px]"},{size:"md",iconOnly:!0,class:"size-12"},{size:"md",iconOnly:!1,class:"h-12 px-12 text-base min-w-[122px]"},{size:"lg",iconOnly:!0,class:"size-14"},{size:"lg",iconOnly:!1,class:"h-14 px-14 text-lg min-w-36"},{variant:"fill",color:"primary",class:"bg-primary text-primary-foreground hover:bg-primary-hover active:bg-primary-active "},{variant:"fill",color:"error",class:"bg-error text-error-foreground hover:bg-error-hover active:bg-error-active "},{variant:"outlined",color:"primary",class:"border-primary-border text-primary  hover:bg-outline-hover active:bg-outline-active"},{variant:"outlined",color:"error",class:"border-error-light text-error hover:bg-error-light active:bg-error-light-active"},{variant:"ghost",color:"primary",class:" text-primary bg-primary-light hover:bg-outline-hover active:bg-outline-active"},{variant:"ghost",color:"error",class:" text-error bg-error-light hover:bg-error-light-hover active:bg-error-light-active"},{variant:"text",color:"primary",class:" text-primary hover:bg-primary-light active:bg-outline-active"},{variant:"text",color:"error",class:" text-error hover:bg-error-light active:bg-error-light-active"}],defaultVariants:{variant:"fill",color:"primary"}});var Te=require("react");var N=require("react/jsx-runtime");function Re(f){var g=f,{className:e,variant:t,size:o="md",children:r,color:n,traillingIcon:s,loading:c,disabled:i,iconOnly:a,rounded:u,type:l="button"}=g,p=y(g,["className","variant","size","children","color","traillingIcon","loading","disabled","iconOnly","rounded","type"]);let h=(0,Te.useMemo)(()=>{let v=["md","lg"].includes(o);return a||!v?"*:size-1.5":"*:size-2"},[a]);return(0,N.jsx)("button",R(d({className:ke({variant:t,size:o,className:e,color:n,iconOnly:a,rounded:u}),disabled:i||c,type:l},p),{children:(0,N.jsx)(N.Fragment,{children:c?(0,N.jsx)("div",{className:"flex items-center justify-center",children:(0,N.jsxs)("div",{className:`*:bg-icon flex rounded-full bg-blue-50 *:rounded-full ${h}`,children:[(0,N.jsx)("span",{className:"dot"}),(0,N.jsx)("span",{className:"dot delay-02"}),(0,N.jsx)("span",{className:"dot delay-04"}),(0,N.jsx)("span",{className:"dot delay-06"})]})}):(0,N.jsxs)(N.Fragment,{children:[r,s&&(0,N.jsx)("span",{className:"absolute top-1/2 -translate-y-1/2 ltr:right-3 rtl:left-3",children:s})]})})}))}var z=C(require("react"),1);var $o=!!(typeof window!="undefined"&&window.document&&window.document.createElement);function O(e,t,{checkForDefaultPrevented:o=!0}={}){return function(n){if(e==null||e(n),o===!1||!n.defaultPrevented)return t==null?void 0:t(n)}}var De=C(require("react"),1);function ze(e,t){if(typeof e=="function")return e(t);e!=null&&(e.current=t)}function ge(...e){return t=>{let o=!1,r=e.map(n=>{let s=ze(n,t);return!o&&typeof s=="function"&&(o=!0),s});if(o)return()=>{for(let n=0;n<r.length;n++){let s=r[n];typeof s=="function"?s():ze(e[n],null)}}}}function A(...e){return De.useCallback(ge(...e),e)}var G=C(require("react"),1),Fe=require("react/jsx-runtime");function F(e,t=[]){let o=[];function r(s,c){let i=G.createContext(c),a=o.length;o=[...o,c];let u=p=>{var x;let m=p,{scope:f,children:g}=m,h=y(m,["scope","children"]),v=((x=f==null?void 0:f[e])==null?void 0:x[a])||i,b=G.useMemo(()=>h,Object.values(h));return(0,Fe.jsx)(v.Provider,{value:b,children:g})};u.displayName=s+"Provider";function l(p,f){var v;let g=((v=f==null?void 0:f[e])==null?void 0:v[a])||i,h=G.useContext(g);if(h)return h;if(c!==void 0)return c;throw new Error(`\`${p}\` must be used within \`${s}\``)}return[u,l]}let n=()=>{let s=o.map(c=>G.createContext(c));return function(i){let a=(i==null?void 0:i[e])||s;return G.useMemo(()=>({[`__scope${e}`]:R(d({},i),{[e]:a})}),[i,a])}};return n.scopeName=e,[r,Vt(n,...t)]}function Vt(...e){let t=e[0];if(e.length===1)return t;let o=()=>{let r=e.map(n=>({useScope:n(),scopeName:n.scopeName}));return function(s){let c=r.reduce((i,{useScope:a,scopeName:u})=>{let p=a(s)[`__scope${u}`];return d(d({},i),p)},{});return G.useMemo(()=>({[`__scope${t.scopeName}`]:c}),[c])}};return o.scopeName=t.scopeName,o}var k=C(require("react"),1);var Ge=C(require("react"),1),L=globalThis!=null&&globalThis.document?Ge.useLayoutEffect:()=>{};var re=C(require("react"),1);var Ut=k[" useInsertionEffect ".trim().toString()]||L;function Y({prop:e,defaultProp:t,onChange:o=()=>{},caller:r}){let[n,s,c]=$t({defaultProp:t,onChange:o}),i=e!==void 0,a=i?e:n;{let l=k.useRef(e!==void 0);k.useEffect(()=>{let p=l.current;p!==i&&console.warn(`${r} is changing from ${p?"controlled":"uncontrolled"} to ${i?"controlled":"uncontrolled"}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`),l.current=i},[i,r])}let u=k.useCallback(l=>{var p;if(i){let f=Kt(l)?l(e):l;f!==e&&((p=c.current)==null||p.call(c,f))}else s(l)},[i,e,s,c]);return[a,u]}function $t({defaultProp:e,onChange:t}){let[o,r]=k.useState(e),n=k.useRef(o),s=k.useRef(t);return Ut(()=>{s.current=t},[t]),k.useEffect(()=>{var c;n.current!==o&&((c=s.current)==null||c.call(s,o),n.current=o)},[o,n]),[o,r,s]}function Kt(e){return typeof e=="function"}var Zo=Symbol("RADIX:SYNC_STATE");var ne=C(require("react"),1);function se(e){let t=ne.useRef({value:e,previous:e});return ne.useMemo(()=>(t.current.value!==e&&(t.current.previous=t.current.value,t.current.value=e),t.current.previous),[e])}var Le=C(require("react"),1);function ie(e){let[t,o]=Le.useState(void 0);return L(()=>{if(e){o({width:e.offsetWidth,height:e.offsetHeight});let r=new ResizeObserver(n=>{if(!Array.isArray(n)||!n.length)return;let s=n[0],c,i;if("borderBoxSize"in s){let a=s.borderBoxSize,u=Array.isArray(a)?a[0]:a;c=u.inlineSize,i=u.blockSize}else c=e.offsetWidth,i=e.offsetHeight;o({width:c,height:i})});return r.observe(e,{box:"border-box"}),()=>r.unobserve(e)}else o(void 0)},[e]),t}var je=C(require("react"),1),Zt=C(require("react-dom"),1);var w=C(require("react"),1);var ce=require("react/jsx-runtime");function Q(e){let t=Wt(e),o=w.forwardRef((r,n)=>{let u=r,{children:s}=u,c=y(u,["children"]),i=w.Children.toArray(s),a=i.find(Ht);if(a){let l=a.props.children,p=i.map(f=>f===a?w.Children.count(l)>1?w.Children.only(null):w.isValidElement(l)?l.props.children:null:f);return(0,ce.jsx)(t,R(d({},c),{ref:n,children:w.isValidElement(l)?w.cloneElement(l,void 0,p):null}))}return(0,ce.jsx)(t,R(d({},c),{ref:n,children:s}))});return o.displayName=`${e}.Slot`,o}function Wt(e){let t=w.forwardRef((o,r)=>{let c=o,{children:n}=c,s=y(c,["children"]);if(w.isValidElement(n)){let i=Xt(n),a=Yt(s,n.props);return n.type!==w.Fragment&&(a.ref=r?ge(r,i):i),w.cloneElement(n,a)}return w.Children.count(n)>1?w.Children.only(null):null});return t.displayName=`${e}.SlotClone`,t}var qt=Symbol("radix.slottable");function Ht(e){return w.isValidElement(e)&&typeof e.type=="function"&&"__radixId"in e.type&&e.type.__radixId===qt}function Yt(e,t){let o=d({},t);for(let r in t){let n=e[r],s=t[r];/^on[A-Z]/.test(r)?n&&s?o[r]=(...i)=>{let a=s(...i);return n(...i),a}:n&&(o[r]=n):r==="style"?o[r]=d(d({},n),s):r==="className"&&(o[r]=[n,s].filter(Boolean).join(" "))}return d(d({},e),o)}function Xt(e){var r,n;let t=(r=Object.getOwnPropertyDescriptor(e.props,"ref"))==null?void 0:r.get,o=t&&"isReactWarning"in t&&t.isReactWarning;return o?e.ref:(t=(n=Object.getOwnPropertyDescriptor(e,"ref"))==null?void 0:n.get,o=t&&"isReactWarning"in t&&t.isReactWarning,o?e.props.ref:e.props.ref||e.ref)}var Be=require("react/jsx-runtime");var Jt=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","select","span","svg","ul"],T=Jt.reduce((e,t)=>{let o=Q(`Primitive.${t}`),r=je.forwardRef((n,s)=>{let u=n,{asChild:c}=u,i=y(u,["asChild"]),a=c?o:t;return typeof window!="undefined"&&(window[Symbol.for("radix-ui")]=!0),(0,Be.jsx)(a,R(d({},i),{ref:s}))});return r.displayName=`Primitive.${t}`,R(d({},e),{[t]:r})},{});var W=require("react/jsx-runtime");var ae="Switch",[Qt,vr]=F(ae),[eo,to]=Qt(ae),Ve=z.forwardRef((e,t)=>{let E=e,{__scopeSwitch:o,name:r,checked:n,defaultChecked:s,required:c,disabled:i,value:a="on",onCheckedChange:u,form:l}=E,p=y(E,["__scopeSwitch","name","checked","defaultChecked","required","disabled","value","onCheckedChange","form"]),[f,g]=z.useState(null),h=A(t,S=>g(S)),v=z.useRef(!1),b=f?l||!!f.closest("form"):!0,[m,x]=Y({prop:n,defaultProp:s!=null?s:!1,onChange:u,caller:ae});return(0,W.jsxs)(eo,{scope:o,checked:m,disabled:i,children:[(0,W.jsx)(T.button,R(d({type:"button",role:"switch","aria-checked":m,"aria-required":c,"data-state":We(m),"data-disabled":i?"":void 0,disabled:i,value:a},p),{ref:h,onClick:O(e.onClick,S=>{x(P=>!P),b&&(v.current=S.isPropagationStopped(),v.current||S.stopPropagation())})})),b&&(0,W.jsx)(Ke,{control:f,bubbles:!v.current,name:r,value:a,checked:m,required:c,disabled:i,form:l,style:{transform:"translateX(-100%)"}})]})});Ve.displayName=ae;var Ue="SwitchThumb",$e=z.forwardRef((e,t)=>{let s=e,{__scopeSwitch:o}=s,r=y(s,["__scopeSwitch"]),n=to(Ue,o);return(0,W.jsx)(T.span,R(d({"data-state":We(n.checked),"data-disabled":n.disabled?"":void 0},r),{ref:t}))});$e.displayName=Ue;var oo="SwitchBubbleInput",Ke=z.forwardRef((c,s)=>{var i=c,{__scopeSwitch:e,control:t,checked:o,bubbles:r=!0}=i,n=y(i,["__scopeSwitch","control","checked","bubbles"]);let a=z.useRef(null),u=A(a,s),l=se(o),p=ie(t);return z.useEffect(()=>{let f=a.current;if(!f)return;let g=window.HTMLInputElement.prototype,v=Object.getOwnPropertyDescriptor(g,"checked").set;if(l!==o&&v){let b=new Event("click",{bubbles:r});v.call(f,o),f.dispatchEvent(b)}},[l,o,r]),(0,W.jsx)("input",R(d({type:"checkbox","aria-hidden":!0,defaultChecked:o},n),{tabIndex:-1,ref:u,style:R(d(d({},n.style),p),{position:"absolute",pointerEvents:"none",opacity:0,margin:0})}))});Ke.displayName=oo;function We(e){return e?"checked":"unchecked"}var qe=Ve,He=$e;var be=require("tailwind-variants"),Ye=(0,be.tv)({base:"group cursor-pointer border-2 border-transparent  inline-flex shrink-0 items-center rounded-full shadow-xs transition-all outline-none focus-visible:ring-offset-ring-offset focus-visible:ring-offset-3 focus-visible:ring-2 focus-visible:ring-ring",variants:{size:{sm:"w-11 h-6",md:"w-12 h-7",lg:"w-13 h-8"},disabled:{true:"bg-disabled pointer-events-none data-[state=unchecked]:border-transparent",false:"data-[state=checked]:bg-secondary data-[state=unchecked]:bg-background"}},defaultVariants:{size:"md"}}),Xe=(0,be.tv)({base:" rounded-full ring-0 transition-transform data-[state=checked]:-translate-x-0.5 flex items-center justify-center group-hover:ring-8 group-hover:data-[state=unchecked]:ring-background-focus group-hover:data-[state=checked]:ring-background-focus-checked",variants:{size:{sm:"size-4 data-[state=unchecked]:-translate-x-[calc(100%+6px)] [&_svg]:size-3",md:"size-5 data-[state=unchecked]:-translate-x-[calc(100%+2px)] [&_svg]:size-3",lg:"size-6 data-[state=unchecked]:-translate-x-[calc(100%-2px)] [&_svg]:size-4"},disabled:{true:"bg-disabled-secondary",false:"bg-white"}},defaultVariants:{size:"md"}});var ye=require("react/jsx-runtime");function no(c){var i=c,{className:e,size:t,disabled:o,iconOff:r,iconOn:n}=i,s=y(i,["className","size","disabled","iconOff","iconOn"]);return(0,ye.jsx)(qe,R(d({"data-slot":"switch",className:Ye({className:e,size:t,disabled:o}),disabled:o},s),{children:(0,ye.jsx)(He,{"data-slot":"switch-thumb",className:Xe({size:t,disabled:o}),children:s.checked?n:r})}))}var Ze=no;var j=C(require("react"),1);var I=C(require("react"),1);var B=C(require("react"),1);var ue=require("react/jsx-runtime"),so=C(require("react"),1);var io=require("react/jsx-runtime");function Je(e){let t=e+"CollectionProvider",[o,r]=F(t),[n,s]=o(t,{collectionRef:{current:null},itemMap:new Map}),c=v=>{let{scope:b,children:m}=v,x=B.default.useRef(null),E=B.default.useRef(new Map).current;return(0,ue.jsx)(n,{scope:b,itemMap:E,collectionRef:x,children:m})};c.displayName=t;let i=e+"CollectionSlot",a=Q(i),u=B.default.forwardRef((v,b)=>{let{scope:m,children:x}=v,E=s(i,m),S=A(b,E.collectionRef);return(0,ue.jsx)(a,{ref:S,children:x})});u.displayName=i;let l=e+"CollectionItemSlot",p="data-radix-collection-item",f=Q(l),g=B.default.forwardRef((v,b)=>{let $=v,{scope:m,children:x}=$,E=y($,["scope","children"]),S=B.default.useRef(null),P=A(b,S),H=s(l,m);return B.default.useEffect(()=>(H.itemMap.set(S,d({ref:S},E)),()=>void H.itemMap.delete(S))),(0,ue.jsx)(f,{[p]:"",ref:P,children:x})});g.displayName=l;function h(v){let b=s(e+"CollectionConsumer",v);return B.default.useCallback(()=>{let x=b.collectionRef.current;if(!x)return[];let E=Array.from(x.querySelectorAll(`[${p}]`));return Array.from(b.itemMap.values()).sort((H,$)=>E.indexOf(H.ref.current)-E.indexOf($.ref.current))},[b.collectionRef,b.itemMap])}return[{Provider:c,Slot:u,ItemSlot:g},h,r]}var xe=C(require("react"),1);var co=xe[" useId ".trim().toString()]||(()=>{}),ao=0;function Qe(e){let[t,o]=xe.useState(co());return L(()=>{e||o(r=>r!=null?r:String(ao++))},[e]),e||(t?`radix-${t}`:"")}var X=C(require("react"),1);function et(e){let t=X.useRef(e);return X.useEffect(()=>{t.current=e}),X.useMemo(()=>(...o)=>{var r;return(r=t.current)==null?void 0:r.call(t,...o)},[])}var le=C(require("react"),1),uo=require("react/jsx-runtime"),lo=le.createContext(void 0);function fe(e){let t=le.useContext(lo);return e||t||"ltr"}var V=require("react/jsx-runtime");var Se="rovingFocusGroup.onEntryFocus",fo={bubbles:!1,cancelable:!0},ee="RovingFocusGroup",[Ce,tt,po]=Je(ee),[mo,we]=F(ee,[po]),[ho,vo]=mo(ee),ot=I.forwardRef((e,t)=>(0,V.jsx)(Ce.Provider,{scope:e.__scopeRovingFocusGroup,children:(0,V.jsx)(Ce.Slot,{scope:e.__scopeRovingFocusGroup,children:(0,V.jsx)(Ro,R(d({},e),{ref:t}))})}));ot.displayName=ee;var Ro=I.forwardRef((e,t)=>{let Pe=e,{__scopeRovingFocusGroup:o,orientation:r,loop:n=!1,dir:s,currentTabStopId:c,defaultCurrentTabStopId:i,onCurrentTabStopIdChange:a,onEntryFocus:u,preventScrollOnEntryFocus:l=!1}=Pe,p=y(Pe,["__scopeRovingFocusGroup","orientation","loop","dir","currentTabStopId","defaultCurrentTabStopId","onCurrentTabStopIdChange","onEntryFocus","preventScrollOnEntryFocus"]),f=I.useRef(null),g=A(t,f),h=fe(s),[v,b]=Y({prop:c,defaultProp:i!=null?i:null,onChange:a,caller:ee}),[m,x]=I.useState(!1),E=et(u),S=tt(o),P=I.useRef(!1),[H,$]=I.useState(0);return I.useEffect(()=>{let M=f.current;if(M)return M.addEventListener(Se,E),()=>M.removeEventListener(Se,E)},[E]),(0,V.jsx)(ho,{scope:o,orientation:r,dir:h,loop:n,currentTabStopId:v,onItemFocus:I.useCallback(M=>b(M),[b]),onItemShiftTab:I.useCallback(()=>x(!0),[]),onFocusableItemAdd:I.useCallback(()=>$(M=>M+1),[]),onFocusableItemRemove:I.useCallback(()=>$(M=>M-1),[]),children:(0,V.jsx)(T.div,R(d({tabIndex:m||H===0?-1:0,"data-orientation":r},p),{ref:g,style:d({outline:"none"},e.style),onMouseDown:O(e.onMouseDown,()=>{P.current=!0}),onFocus:O(e.onFocus,M=>{let Ot=!P.current;if(M.target===M.currentTarget&&Ot&&!m){let Ne=new CustomEvent(Se,fo);if(M.currentTarget.dispatchEvent(Ne),!Ne.defaultPrevented){let he=S().filter(K=>K.focusable),_t=he.find(K=>K.active),Mt=he.find(K=>K.id===v),kt=[_t,Mt,...he].filter(Boolean).map(K=>K.ref.current);st(kt,l)}}P.current=!1}),onBlur:O(e.onBlur,()=>x(!1))}))})}),rt="RovingFocusGroupItem",nt=I.forwardRef((e,t)=>{let b=e,{__scopeRovingFocusGroup:o,focusable:r=!0,active:n=!1,tabStopId:s,children:c}=b,i=y(b,["__scopeRovingFocusGroup","focusable","active","tabStopId","children"]),a=Qe(),u=s||a,l=vo(rt,o),p=l.currentTabStopId===u,f=tt(o),{onFocusableItemAdd:g,onFocusableItemRemove:h,currentTabStopId:v}=l;return I.useEffect(()=>{if(r)return g(),()=>h()},[r,g,h]),(0,V.jsx)(Ce.ItemSlot,{scope:o,id:u,focusable:r,active:n,children:(0,V.jsx)(T.span,R(d({tabIndex:p?0:-1,"data-orientation":l.orientation},i),{ref:t,onMouseDown:O(e.onMouseDown,m=>{r?l.onItemFocus(u):m.preventDefault()}),onFocus:O(e.onFocus,()=>l.onItemFocus(u)),onKeyDown:O(e.onKeyDown,m=>{if(m.key==="Tab"&&m.shiftKey){l.onItemShiftTab();return}if(m.target!==m.currentTarget)return;let x=yo(m,l.orientation,l.dir);if(x!==void 0){if(m.metaKey||m.ctrlKey||m.altKey||m.shiftKey)return;m.preventDefault();let S=f().filter(P=>P.focusable).map(P=>P.ref.current);if(x==="last")S.reverse();else if(x==="prev"||x==="next"){x==="prev"&&S.reverse();let P=S.indexOf(m.currentTarget);S=l.loop?xo(S,P+1):S.slice(P+1)}setTimeout(()=>st(S))}}),children:typeof c=="function"?c({isCurrentTabStop:p,hasTabStop:v!=null}):c}))})});nt.displayName=rt;var go={ArrowLeft:"prev",ArrowUp:"prev",ArrowRight:"next",ArrowDown:"next",PageUp:"first",Home:"first",PageDown:"last",End:"last"};function bo(e,t){return t!=="rtl"?e:e==="ArrowLeft"?"ArrowRight":e==="ArrowRight"?"ArrowLeft":e}function yo(e,t,o){let r=bo(e.key,o);if(!(t==="vertical"&&["ArrowLeft","ArrowRight"].includes(r))&&!(t==="horizontal"&&["ArrowUp","ArrowDown"].includes(r)))return go[r]}function st(e,t=!1){let o=document.activeElement;for(let r of e)if(r===o||(r.focus({preventScroll:t}),document.activeElement!==o))return}function xo(e,t){return e.map((o,r)=>e[(t+r)%e.length])}var it=ot,ct=nt;var D=C(require("react"),1);var _=C(require("react"),1);var at=C(require("react"),1);function Co(e,t){return at.useReducer((o,r)=>{let n=t[o][r];return n!=null?n:o},e)}var Ie=e=>{let{present:t,children:o}=e,r=wo(t),n=typeof o=="function"?o({present:r.isPresent}):_.Children.only(o),s=A(r.ref,Io(n));return typeof o=="function"||r.isPresent?_.cloneElement(n,{ref:s}):null};Ie.displayName="Presence";function wo(e){let[t,o]=_.useState(),r=_.useRef(null),n=_.useRef(e),s=_.useRef("none"),c=e?"mounted":"unmounted",[i,a]=Co(c,{mounted:{UNMOUNT:"unmounted",ANIMATION_OUT:"unmountSuspended"},unmountSuspended:{MOUNT:"mounted",ANIMATION_END:"unmounted"},unmounted:{MOUNT:"mounted"}});return _.useEffect(()=>{let u=de(r.current);s.current=i==="mounted"?u:"none"},[i]),L(()=>{let u=r.current,l=n.current;if(l!==e){let f=s.current,g=de(u);e?a("MOUNT"):g==="none"||(u==null?void 0:u.display)==="none"?a("UNMOUNT"):a(l&&f!==g?"ANIMATION_OUT":"UNMOUNT"),n.current=e}},[e,a]),L(()=>{var u;if(t){let l,p=(u=t.ownerDocument.defaultView)!=null?u:window,f=h=>{let b=de(r.current).includes(CSS.escape(h.animationName));if(h.target===t&&b&&(a("ANIMATION_END"),!n.current)){let m=t.style.animationFillMode;t.style.animationFillMode="forwards",l=p.setTimeout(()=>{t.style.animationFillMode==="forwards"&&(t.style.animationFillMode=m)})}},g=h=>{h.target===t&&(s.current=de(r.current))};return t.addEventListener("animationstart",g),t.addEventListener("animationcancel",f),t.addEventListener("animationend",f),()=>{p.clearTimeout(l),t.removeEventListener("animationstart",g),t.removeEventListener("animationcancel",f),t.removeEventListener("animationend",f)}}else a("ANIMATION_END")},[t,a]),{isPresent:["mounted","unmountSuspended"].includes(i),ref:_.useCallback(u=>{r.current=u?getComputedStyle(u):null,o(u)},[])}}function de(e){return(e==null?void 0:e.animationName)||"none"}function Io(e){var r,n;let t=(r=Object.getOwnPropertyDescriptor(e.props,"ref"))==null?void 0:r.get,o=t&&"isReactWarning"in t&&t.isReactWarning;return o?e.ref:(t=(n=Object.getOwnPropertyDescriptor(e,"ref"))==null?void 0:n.get,o=t&&"isReactWarning"in t&&t.isReactWarning,o?e.props.ref:e.props.ref||e.ref)}var U=require("react/jsx-runtime"),q=require("react/jsx-runtime");var Ee="Radio",[Eo,ut]=F(Ee),[Po,No]=Eo(Ee),lt=D.forwardRef((e,t)=>{let b=e,{__scopeRadio:o,name:r,checked:n=!1,required:s,disabled:c,value:i="on",onCheck:a,form:u}=b,l=y(b,["__scopeRadio","name","checked","required","disabled","value","onCheck","form"]),[p,f]=D.useState(null),g=A(t,m=>f(m)),h=D.useRef(!1),v=p?u||!!p.closest("form"):!0;return(0,U.jsxs)(Po,{scope:o,checked:n,disabled:c,children:[(0,U.jsx)(T.button,R(d({type:"button",role:"radio","aria-checked":n,"data-state":mt(n),"data-disabled":c?"":void 0,disabled:c,value:i},l),{ref:g,onClick:O(e.onClick,m=>{n||a==null||a(),v&&(h.current=m.isPropagationStopped(),h.current||m.stopPropagation())})})),v&&(0,U.jsx)(pt,{control:p,bubbles:!h.current,name:r,value:i,checked:n,required:s,disabled:c,form:u,style:{transform:"translateX(-100%)"}})]})});lt.displayName=Ee;var ft="RadioIndicator",dt=D.forwardRef((e,t)=>{let c=e,{__scopeRadio:o,forceMount:r}=c,n=y(c,["__scopeRadio","forceMount"]),s=No(ft,o);return(0,U.jsx)(Ie,{present:r||s.checked,children:(0,U.jsx)(T.span,R(d({"data-state":mt(s.checked),"data-disabled":s.disabled?"":void 0},n),{ref:t}))})});dt.displayName=ft;var Ao="RadioBubbleInput",pt=D.forwardRef((c,s)=>{var i=c,{__scopeRadio:e,control:t,checked:o,bubbles:r=!0}=i,n=y(i,["__scopeRadio","control","checked","bubbles"]);let a=D.useRef(null),u=A(a,s),l=se(o),p=ie(t);return D.useEffect(()=>{let f=a.current;if(!f)return;let g=window.HTMLInputElement.prototype,v=Object.getOwnPropertyDescriptor(g,"checked").set;if(l!==o&&v){let b=new Event("click",{bubbles:r});v.call(f,o),f.dispatchEvent(b)}},[l,o,r]),(0,U.jsx)(T.input,R(d({type:"radio","aria-hidden":!0,defaultChecked:o},n),{tabIndex:-1,ref:u,style:R(d(d({},n.style),p),{position:"absolute",pointerEvents:"none",opacity:0,margin:0})}))});pt.displayName=Ao;function mt(e){return e?"checked":"unchecked"}var Oo=["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"],pe="RadioGroup",[_o,an]=F(pe,[we,ut]),ht=we(),vt=ut(),[Mo,ko]=_o(pe),Rt=j.forwardRef((e,t)=>{let m=e,{__scopeRadioGroup:o,name:r,defaultValue:n,value:s,required:c=!1,disabled:i=!1,orientation:a,dir:u,loop:l=!0,onValueChange:p}=m,f=y(m,["__scopeRadioGroup","name","defaultValue","value","required","disabled","orientation","dir","loop","onValueChange"]),g=ht(o),h=fe(u),[v,b]=Y({prop:s,defaultProp:n!=null?n:null,onChange:p,caller:pe});return(0,q.jsx)(Mo,{scope:o,name:r,required:c,disabled:i,value:v,onValueChange:b,children:(0,q.jsx)(it,R(d({asChild:!0},g),{orientation:a,dir:h,loop:l,children:(0,q.jsx)(T.div,R(d({role:"radiogroup","aria-required":c,"aria-orientation":a,"data-disabled":i?"":void 0,dir:h},f),{ref:t}))}))})});Rt.displayName=pe;var gt="RadioGroupItem",bt=j.forwardRef((e,t)=>{let g=e,{__scopeRadioGroup:o,disabled:r}=g,n=y(g,["__scopeRadioGroup","disabled"]),s=ko(gt,o),c=s.disabled||r,i=ht(o),a=vt(o),u=j.useRef(null),l=A(t,u),p=s.value===n.value,f=j.useRef(!1);return j.useEffect(()=>{let h=b=>{Oo.includes(b.key)&&(f.current=!0)},v=()=>f.current=!1;return document.addEventListener("keydown",h),document.addEventListener("keyup",v),()=>{document.removeEventListener("keydown",h),document.removeEventListener("keyup",v)}},[]),(0,q.jsx)(ct,R(d({asChild:!0},i),{focusable:!c,active:p,children:(0,q.jsx)(lt,R(d(d({disabled:c,required:s.required,checked:p},a),n),{name:s.name,ref:l,onCheck:()=>s.onValueChange(n.value),onKeyDown:O(h=>{h.key==="Enter"&&h.preventDefault()}),onFocus:O(n.onFocus,()=>{var h;f.current&&((h=u.current)==null||h.click())})}))}))});bt.displayName=gt;var To="RadioGroupIndicator",yt=j.forwardRef((e,t)=>{let s=e,{__scopeRadioGroup:o}=s,r=y(s,["__scopeRadioGroup"]),n=vt(o);return(0,q.jsx)(dt,R(d(d({},n),r),{ref:t}))});yt.displayName=To;var xt=Rt,St=bt,Ct=yt;var me=require("tailwind-variants"),wt=(0,me.tv)({base:"grid gap-3",variants:{size:{sm:"[&_button]:size-4",md:"[&_button]:size-4.5",lg:"[&_button]:size-5"},disabled:{true:"pointer-events-none",false:""}}}),It=(0,me.tv)({base:"relative cursor-pointer transition-colors hover:ring-8 data-[state=unchecked]:hover:ring-background-focus data-[state=checked]:hover:ring-background-focus-checked active:ring-8 active:ring-background-focus-checked  aspect-square shrink-0 rounded-full border-2 shadow-xs outline-none  focus-visible:ring-offset-ring-offset focus-visible:ring-offset-3 focus-visible:ring-2 focus-visible:ring-ring",variants:{disabled:{true:"border-disabled pointer-events-none",false:"data-[state=checked]:border-secondary border-primary"}}}),Et=(0,me.tv)({base:"rounded-full absolute top-1/2 left-1/2 flex -translate-x-1/2 -translate-y-1/2 items-center justify-center ",variants:{size:{sm:"size-2",md:"size-[9.9px]",lg:"size-3"},disabled:{true:"bg-disabled",false:"data-[state=checked]:bg-secondary"}}});var Z=require("react");var te=require("react/jsx-runtime"),Pt=(0,Z.createContext)({});function Nt(n){var s=n,{className:e,size:t="md",disabled:o}=s,r=y(s,["className","size","disabled"]);return(0,te.jsx)(Pt.Provider,{value:{size:t,disabled:o},children:(0,te.jsx)(xt,d({"data-slot":"radio-group",className:wt({className:e,size:t,disabled:o})},r))})}function Do(r){var n=r,{className:e,disabled:t}=n,o=y(n,["className","disabled"]);let{size:s,disabled:c}=(0,Z.useContext)(Pt),i=(0,Z.useMemo)(()=>t||c,[t||c]);return(0,te.jsx)(St,R(d({"data-slot":"radio-group-item",className:It({className:e,disabled:i})},o),{children:(0,te.jsx)(Ct,{"data-slot":"radio-group-indicator",className:Et({size:s,disabled:i})})}))}Nt.Item=Do;var At=Nt;0&&(module.exports={Button,RadioGroup,Switch});

package/index.mjs

@@ -1 +1 @@
-var B=Object.defineProperty,V=Object.defineProperties;var k=Object.getOwnPropertyDescriptors;var o=Object.getOwnPropertySymbols;var g=Object.prototype.hasOwnProperty,v=Object.prototype.propertyIsEnumerable;var d=(r,e,t)=>e in r?B(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t,u=(r,e)=>{for(var t in e||(e={}))g.call(e,t)&&d(r,t,e[t]);if(o)for(var t of o(e))v.call(e,t)&&d(r,t,e[t]);return r},p=(r,e)=>V(r,k(e));var b=(r,e)=>{var t={};for(var s in r)g.call(r,s)&&e.indexOf(s)<0&&(t[s]=r[s]);if(r!=null&&o)for(var s of o(r))e.indexOf(s)<0&&v.call(r,s)&&(t[s]=r[s]);return t};import{tv as M}from"tailwind-variants";var m=M({base:"inline-flex items-center relative focus-visible:ring-offset-background focus-visible:ring-offset-2 focus-visible:ring-2  active:scale-95 [&_svg]:text-current cursor-pointer disabled:text-disabled-foreground justify-center gap-2 whitespace-nowrap font-normal transition-all disabled:pointer-events-none select-none [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none",variants:{variant:{fill:"disabled:bg-disabled",ghost:"disabled:bg-disabled-light ",outlined:"border-2 disabled:border-disabled",text:"bg-transparent"},color:{primary:"",error:""},size:{xs:"rounded-lg [&_svg:not([class*='size-'])]:size-4",sm:"rounded-lg [&_svg:not([class*='size-'])]:size-5",md:"rounded-[10px] [&_svg:not([class*='size-'])]:size-6",lg:"rounded-xl [&_svg:not([class*='size-'])]:size-6"},iconOnly:{true:"",false:""},rounded:{true:" rounded-full",false:""}},compoundVariants:[{size:"xs",iconOnly:!0,class:"size-8"},{size:"xs",iconOnly:!1,class:"h-8 px-8 text-xs min-w-[84px]"},{size:"sm",iconOnly:!0,class:"size-10"},{size:"sm",iconOnly:!1,class:"h-10 px-10 py-2  text-sm min-w-[104px]"},{size:"md",iconOnly:!0,class:"size-12"},{size:"md",iconOnly:!1,class:"h-12 px-12 text-base min-w-[122px]"},{size:"lg",iconOnly:!0,class:"size-14"},{size:"lg",iconOnly:!1,class:"h-14 px-14 text-lg min-w-36"},{variant:"fill",color:"primary",class:"bg-primary text-primary-foreground hover:bg-primary-hover active:bg-primary-active focus-visible:ring-primary"},{variant:"fill",color:"error",class:"bg-error text-error-foreground hover:bg-error-hover active:bg-error-active focus-visible:ring-error"},{variant:"outlined",color:"primary",class:"border-primary-border text-primary  hover:bg-outline-hover active:bg-outline-active"},{variant:"outlined",color:"error",class:"border-error-light text-error hover:bg-error-light active:bg-error-light-active"},{variant:"ghost",color:"primary",class:" text-primary bg-primary-light hover:bg-outline-hover active:bg-outline-active"},{variant:"ghost",color:"error",class:" text-error bg-error-light hover:bg-error-light-hover active:bg-error-light-active"},{variant:"text",color:"primary",class:" text-primary hover:bg-primary-light active:bg-outline-active"},{variant:"text",color:"error",class:" text-error hover:bg-error-light active:bg-error-light-active"}],defaultVariants:{variant:"fill",color:"primary"}});import{useMemo as P}from"react";import{Fragment as h,jsx as i,jsxs as f}from"react/jsx-runtime";function x(j){var c=j,{className:r,variant:e,size:t="md",children:s,color:y,traillingIcon:l,loading:n,disabled:z,iconOnly:a,rounded:N}=c,O=b(c,["className","variant","size","children","color","traillingIcon","loading","disabled","iconOnly","rounded"]);let _=P(()=>{let w=["md","lg"].includes(t);return a||!w?"*:size-1.5":"*:size-2"},[a]);return i("button",p(u({className:m({variant:e,size:t,className:r,color:y,iconOnly:a,rounded:N}),disabled:z||n},O),{children:i(h,{children:n?i("div",{className:"flex items-center justify-center",children:f("div",{className:`*:bg-icon flex rounded-full bg-blue-50 *:rounded-full ${_}`,children:[i("span",{className:"dot"}),i("span",{className:"dot delay-02"}),i("span",{className:"dot delay-04"}),i("span",{className:"dot delay-06"})]})}):f(h,{children:[s,l&&i("span",{className:"absolute top-1/2 -translate-y-1/2 ltr:right-3 rtl:left-3",children:l})]})})}))}export{x as Button};
+var Et=Object.defineProperty,Pt=Object.defineProperties;var Nt=Object.getOwnPropertyDescriptors;var Z=Object.getOwnPropertySymbols;var Se=Object.prototype.hasOwnProperty,Ce=Object.prototype.propertyIsEnumerable;var xe=(e,t,o)=>t in e?Et(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,d=(e,t)=>{for(var o in t||(t={}))Se.call(t,o)&&xe(e,o,t[o]);if(Z)for(var o of Z(t))Ce.call(t,o)&&xe(e,o,t[o]);return e},R=(e,t)=>Pt(e,Nt(t));var y=(e,t)=>{var o={};for(var r in e)Se.call(e,r)&&t.indexOf(r)<0&&(o[r]=e[r]);if(e!=null&&Z)for(var r of Z(e))t.indexOf(r)<0&&Ce.call(e,r)&&(o[r]=e[r]);return o};import{tv as At}from"tailwind-variants";var we=At({base:"inline-flex items-center relative focus-visible:ring-offset-ring-offset focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-2  active:scale-95 [&_svg]:text-current cursor-pointer disabled:text-disabled-foreground justify-center gap-2 whitespace-nowrap font-normal transition-all disabled:pointer-events-none select-none [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none",variants:{variant:{fill:"disabled:bg-disabled",ghost:"disabled:bg-disabled-light ",outlined:"border-2 disabled:border-disabled",text:"bg-transparent"},color:{primary:"",error:""},size:{xs:"rounded-lg [&_svg:not([class*='size-'])]:size-4",sm:"rounded-lg [&_svg:not([class*='size-'])]:size-5",md:"rounded-[10px] [&_svg:not([class*='size-'])]:size-6",lg:"rounded-xl [&_svg:not([class*='size-'])]:size-6"},iconOnly:{true:"",false:""},rounded:{true:" rounded-full",false:""}},compoundVariants:[{size:"xs",iconOnly:!0,class:"size-8"},{size:"xs",iconOnly:!1,class:"h-8 px-8 text-xs min-w-[84px]"},{size:"sm",iconOnly:!0,class:"size-10"},{size:"sm",iconOnly:!1,class:"h-10 px-10 py-2  text-sm min-w-[104px]"},{size:"md",iconOnly:!0,class:"size-12"},{size:"md",iconOnly:!1,class:"h-12 px-12 text-base min-w-[122px]"},{size:"lg",iconOnly:!0,class:"size-14"},{size:"lg",iconOnly:!1,class:"h-14 px-14 text-lg min-w-36"},{variant:"fill",color:"primary",class:"bg-primary text-primary-foreground hover:bg-primary-hover active:bg-primary-active "},{variant:"fill",color:"error",class:"bg-error text-error-foreground hover:bg-error-hover active:bg-error-active "},{variant:"outlined",color:"primary",class:"border-primary-border text-primary  hover:bg-outline-hover active:bg-outline-active"},{variant:"outlined",color:"error",class:"border-error-light text-error hover:bg-error-light active:bg-error-light-active"},{variant:"ghost",color:"primary",class:" text-primary bg-primary-light hover:bg-outline-hover active:bg-outline-active"},{variant:"ghost",color:"error",class:" text-error bg-error-light hover:bg-error-light-hover active:bg-error-light-active"},{variant:"text",color:"primary",class:" text-primary hover:bg-primary-light active:bg-outline-active"},{variant:"text",color:"error",class:" text-error hover:bg-error-light active:bg-error-light-active"}],defaultVariants:{variant:"fill",color:"primary"}});import{useMemo as Ot}from"react";import{Fragment as Ee,jsx as L,jsxs as Ie}from"react/jsx-runtime";function Pe(f){var g=f,{className:e,variant:t,size:o="md",children:r,color:n,traillingIcon:s,loading:c,disabled:i,iconOnly:a,rounded:u,type:l="button"}=g,p=y(g,["className","variant","size","children","color","traillingIcon","loading","disabled","iconOnly","rounded","type"]);let h=Ot(()=>{let v=["md","lg"].includes(o);return a||!v?"*:size-1.5":"*:size-2"},[a]);return L("button",R(d({className:we({variant:t,size:o,className:e,color:n,iconOnly:a,rounded:u}),disabled:i||c,type:l},p),{children:L(Ee,{children:c?L("div",{className:"flex items-center justify-center",children:Ie("div",{className:`*:bg-icon flex rounded-full bg-blue-50 *:rounded-full ${h}`,children:[L("span",{className:"dot"}),L("span",{className:"dot delay-02"}),L("span",{className:"dot delay-04"}),L("span",{className:"dot delay-06"})]})}):Ie(Ee,{children:[r,s&&L("span",{className:"absolute top-1/2 -translate-y-1/2 ltr:right-3 rtl:left-3",children:s})]})})}))}import*as k from"react";var Bo=!!(typeof window!="undefined"&&window.document&&window.document.createElement);function N(e,t,{checkForDefaultPrevented:o=!0}={}){return function(n){if(e==null||e(n),o===!1||!n.defaultPrevented)return t==null?void 0:t(n)}}import*as Ae from"react";function Ne(e,t){if(typeof e=="function")return e(t);e!=null&&(e.current=t)}function le(...e){return t=>{let o=!1,r=e.map(n=>{let s=Ne(n,t);return!o&&typeof s=="function"&&(o=!0),s});if(o)return()=>{for(let n=0;n<r.length;n++){let s=r[n];typeof s=="function"?s():Ne(e[n],null)}}}}function P(...e){return Ae.useCallback(le(...e),e)}import*as D from"react";import{jsx as _t}from"react/jsx-runtime";function z(e,t=[]){let o=[];function r(s,c){let i=D.createContext(c),a=o.length;o=[...o,c];let u=p=>{var x;let m=p,{scope:f,children:g}=m,h=y(m,["scope","children"]),v=((x=f==null?void 0:f[e])==null?void 0:x[a])||i,b=D.useMemo(()=>h,Object.values(h));return _t(v.Provider,{value:b,children:g})};u.displayName=s+"Provider";function l(p,f){var v;let g=((v=f==null?void 0:f[e])==null?void 0:v[a])||i,h=D.useContext(g);if(h)return h;if(c!==void 0)return c;throw new Error(`\`${p}\` must be used within \`${s}\``)}return[u,l]}let n=()=>{let s=o.map(c=>D.createContext(c));return function(i){let a=(i==null?void 0:i[e])||s;return D.useMemo(()=>({[`__scope${e}`]:R(d({},i),{[e]:a})}),[i,a])}};return n.scopeName=e,[r,Mt(n,...t)]}function Mt(...e){let t=e[0];if(e.length===1)return t;let o=()=>{let r=e.map(n=>({useScope:n(),scopeName:n.scopeName}));return function(s){let c=r.reduce((i,{useScope:a,scopeName:u})=>{let p=a(s)[`__scope${u}`];return d(d({},i),p)},{});return D.useMemo(()=>({[`__scope${t.scopeName}`]:c}),[c])}};return o.scopeName=t.scopeName,o}import*as _ from"react";import*as Oe from"react";var F=globalThis!=null&&globalThis.document?Oe.useLayoutEffect:()=>{};import*as J from"react";var kt=_[" useInsertionEffect ".trim().toString()]||F;function K({prop:e,defaultProp:t,onChange:o=()=>{},caller:r}){let[n,s,c]=Tt({defaultProp:t,onChange:o}),i=e!==void 0,a=i?e:n;{let l=_.useRef(e!==void 0);_.useEffect(()=>{let p=l.current;p!==i&&console.warn(`${r} is changing from ${p?"controlled":"uncontrolled"} to ${i?"controlled":"uncontrolled"}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`),l.current=i},[i,r])}let u=_.useCallback(l=>{var p;if(i){let f=zt(l)?l(e):l;f!==e&&((p=c.current)==null||p.call(c,f))}else s(l)},[i,e,s,c]);return[a,u]}function Tt({defaultProp:e,onChange:t}){let[o,r]=_.useState(e),n=_.useRef(o),s=_.useRef(t);return kt(()=>{s.current=t},[t]),_.useEffect(()=>{var c;n.current!==o&&((c=s.current)==null||c.call(s,o),n.current=o)},[o,n]),[o,r,s]}function zt(e){return typeof e=="function"}var Yo=Symbol("RADIX:SYNC_STATE");import*as Q from"react";function ee(e){let t=Q.useRef({value:e,previous:e});return Q.useMemo(()=>(t.current.value!==e&&(t.current.previous=t.current.value,t.current.value=e),t.current.previous),[e])}import*as _e from"react";function te(e){let[t,o]=_e.useState(void 0);return F(()=>{if(e){o({width:e.offsetWidth,height:e.offsetHeight});let r=new ResizeObserver(n=>{if(!Array.isArray(n)||!n.length)return;let s=n[0],c,i;if("borderBoxSize"in s){let a=s.borderBoxSize,u=Array.isArray(a)?a[0]:a;c=u.inlineSize,i=u.blockSize}else c=e.offsetWidth,i=e.offsetHeight;o({width:c,height:i})});return r.observe(e,{box:"border-box"}),()=>r.unobserve(e)}else o(void 0)},[e]),t}import*as ke from"react";import*as Bt from"react-dom";import*as C from"react";import{Fragment as rr,jsx as Me}from"react/jsx-runtime";function H(e){let t=Dt(e),o=C.forwardRef((r,n)=>{let u=r,{children:s}=u,c=y(u,["children"]),i=C.Children.toArray(s),a=i.find(Gt);if(a){let l=a.props.children,p=i.map(f=>f===a?C.Children.count(l)>1?C.Children.only(null):C.isValidElement(l)?l.props.children:null:f);return Me(t,R(d({},c),{ref:n,children:C.isValidElement(l)?C.cloneElement(l,void 0,p):null}))}return Me(t,R(d({},c),{ref:n,children:s}))});return o.displayName=`${e}.Slot`,o}function Dt(e){let t=C.forwardRef((o,r)=>{let c=o,{children:n}=c,s=y(c,["children"]);if(C.isValidElement(n)){let i=jt(n),a=Lt(s,n.props);return n.type!==C.Fragment&&(a.ref=r?le(r,i):i),C.cloneElement(n,a)}return C.Children.count(n)>1?C.Children.only(null):null});return t.displayName=`${e}.SlotClone`,t}var Ft=Symbol("radix.slottable");function Gt(e){return C.isValidElement(e)&&typeof e.type=="function"&&"__radixId"in e.type&&e.type.__radixId===Ft}function Lt(e,t){let o=d({},t);for(let r in t){let n=e[r],s=t[r];/^on[A-Z]/.test(r)?n&&s?o[r]=(...i)=>{let a=s(...i);return n(...i),a}:n&&(o[r]=n):r==="style"?o[r]=d(d({},n),s):r==="className"&&(o[r]=[n,s].filter(Boolean).join(" "))}return d(d({},e),o)}function jt(e){var r,n;let t=(r=Object.getOwnPropertyDescriptor(e.props,"ref"))==null?void 0:r.get,o=t&&"isReactWarning"in t&&t.isReactWarning;return o?e.ref:(t=(n=Object.getOwnPropertyDescriptor(e,"ref"))==null?void 0:n.get,o=t&&"isReactWarning"in t&&t.isReactWarning,o?e.props.ref:e.props.ref||e.ref)}import{jsx as Vt}from"react/jsx-runtime";var Ut=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","select","span","svg","ul"],M=Ut.reduce((e,t)=>{let o=H(`Primitive.${t}`),r=ke.forwardRef((n,s)=>{let u=n,{asChild:c}=u,i=y(u,["asChild"]),a=c?o:t;return typeof window!="undefined"&&(window[Symbol.for("radix-ui")]=!0),Vt(a,R(d({},i),{ref:s}))});return r.displayName=`Primitive.${t}`,R(d({},e),{[t]:r})},{});import{jsx as oe,jsxs as $t}from"react/jsx-runtime";var re="Switch",[Kt,gr]=z(re),[Wt,qt]=Kt(re),Te=k.forwardRef((e,t)=>{let I=e,{__scopeSwitch:o,name:r,checked:n,defaultChecked:s,required:c,disabled:i,value:a="on",onCheckedChange:u,form:l}=I,p=y(I,["__scopeSwitch","name","checked","defaultChecked","required","disabled","value","onCheckedChange","form"]),[f,g]=k.useState(null),h=P(t,S=>g(S)),v=k.useRef(!1),b=f?l||!!f.closest("form"):!0,[m,x]=K({prop:n,defaultProp:s!=null?s:!1,onChange:u,caller:re});return $t(Wt,{scope:o,checked:m,disabled:i,children:[oe(M.button,R(d({type:"button",role:"switch","aria-checked":m,"aria-required":c,"data-state":Ge(m),"data-disabled":i?"":void 0,disabled:i,value:a},p),{ref:h,onClick:N(e.onClick,S=>{x(E=>!E),b&&(v.current=S.isPropagationStopped(),v.current||S.stopPropagation())})})),b&&oe(Fe,{control:f,bubbles:!v.current,name:r,value:a,checked:m,required:c,disabled:i,form:l,style:{transform:"translateX(-100%)"}})]})});Te.displayName=re;var ze="SwitchThumb",De=k.forwardRef((e,t)=>{let s=e,{__scopeSwitch:o}=s,r=y(s,["__scopeSwitch"]),n=qt(ze,o);return oe(M.span,R(d({"data-state":Ge(n.checked),"data-disabled":n.disabled?"":void 0},r),{ref:t}))});De.displayName=ze;var Ht="SwitchBubbleInput",Fe=k.forwardRef((c,s)=>{var i=c,{__scopeSwitch:e,control:t,checked:o,bubbles:r=!0}=i,n=y(i,["__scopeSwitch","control","checked","bubbles"]);let a=k.useRef(null),u=P(a,s),l=ee(o),p=te(t);return k.useEffect(()=>{let f=a.current;if(!f)return;let g=window.HTMLInputElement.prototype,v=Object.getOwnPropertyDescriptor(g,"checked").set;if(l!==o&&v){let b=new Event("click",{bubbles:r});v.call(f,o),f.dispatchEvent(b)}},[l,o,r]),oe("input",R(d({type:"checkbox","aria-hidden":!0,defaultChecked:o},n),{tabIndex:-1,ref:u,style:R(d(d({},n.style),p),{position:"absolute",pointerEvents:"none",opacity:0,margin:0})}))});Fe.displayName=Ht;function Ge(e){return e?"checked":"unchecked"}var Le=Te,je=De;import{tv as Be}from"tailwind-variants";var Ve=Be({base:"group cursor-pointer border-2 border-transparent  inline-flex shrink-0 items-center rounded-full shadow-xs transition-all outline-none focus-visible:ring-offset-ring-offset focus-visible:ring-offset-3 focus-visible:ring-2 focus-visible:ring-ring",variants:{size:{sm:"w-11 h-6",md:"w-12 h-7",lg:"w-13 h-8"},disabled:{true:"bg-disabled pointer-events-none data-[state=unchecked]:border-transparent",false:"data-[state=checked]:bg-secondary data-[state=unchecked]:bg-background"}},defaultVariants:{size:"md"}}),Ue=Be({base:" rounded-full ring-0 transition-transform data-[state=checked]:-translate-x-0.5 flex items-center justify-center group-hover:ring-8 group-hover:data-[state=unchecked]:ring-background-focus group-hover:data-[state=checked]:ring-background-focus-checked",variants:{size:{sm:"size-4 data-[state=unchecked]:-translate-x-[calc(100%+6px)] [&_svg]:size-3",md:"size-5 data-[state=unchecked]:-translate-x-[calc(100%+2px)] [&_svg]:size-3",lg:"size-6 data-[state=unchecked]:-translate-x-[calc(100%-2px)] [&_svg]:size-4"},disabled:{true:"bg-disabled-secondary",false:"bg-white"}},defaultVariants:{size:"md"}});import{jsx as $e}from"react/jsx-runtime";function Xt(c){var i=c,{className:e,size:t,disabled:o,iconOff:r,iconOn:n}=i,s=y(i,["className","size","disabled","iconOff","iconOn"]);return $e(Le,R(d({"data-slot":"switch",className:Ve({className:e,size:t,disabled:o}),disabled:o},s),{children:$e(je,{"data-slot":"switch-thumb",className:Ue({size:t,disabled:o}),children:s.checked?n:r})}))}var Zt=Xt;import*as G from"react";import*as w from"react";import V from"react";import{jsx as fe}from"react/jsx-runtime";import zr from"react";import{jsx as Fr}from"react/jsx-runtime";function Ke(e){let t=e+"CollectionProvider",[o,r]=z(t),[n,s]=o(t,{collectionRef:{current:null},itemMap:new Map}),c=v=>{let{scope:b,children:m}=v,x=V.useRef(null),I=V.useRef(new Map).current;return fe(n,{scope:b,itemMap:I,collectionRef:x,children:m})};c.displayName=t;let i=e+"CollectionSlot",a=H(i),u=V.forwardRef((v,b)=>{let{scope:m,children:x}=v,I=s(i,m),S=P(b,I.collectionRef);return fe(a,{ref:S,children:x})});u.displayName=i;let l=e+"CollectionItemSlot",p="data-radix-collection-item",f=H(l),g=V.forwardRef((v,b)=>{let j=v,{scope:m,children:x}=j,I=y(j,["scope","children"]),S=V.useRef(null),E=P(b,S),$=s(l,m);return V.useEffect(()=>($.itemMap.set(S,d({ref:S},I)),()=>void $.itemMap.delete(S))),fe(f,{[p]:"",ref:E,children:x})});g.displayName=l;function h(v){let b=s(e+"CollectionConsumer",v);return V.useCallback(()=>{let x=b.collectionRef.current;if(!x)return[];let I=Array.from(x.querySelectorAll(`[${p}]`));return Array.from(b.itemMap.values()).sort(($,j)=>I.indexOf($.ref.current)-I.indexOf(j.ref.current))},[b.collectionRef,b.itemMap])}return[{Provider:c,Slot:u,ItemSlot:g},h,r]}import*as de from"react";var Jt=de[" useId ".trim().toString()]||(()=>{}),Qt=0;function We(e){let[t,o]=de.useState(Jt());return F(()=>{e||o(r=>r!=null?r:String(Qt++))},[e]),e||(t?`radix-${t}`:"")}import*as W from"react";function qe(e){let t=W.useRef(e);return W.useEffect(()=>{t.current=e}),W.useMemo(()=>(...o)=>{var r;return(r=t.current)==null?void 0:r.call(t,...o)},[])}import*as ne from"react";import{jsx as $r}from"react/jsx-runtime";var eo=ne.createContext(void 0);function se(e){let t=ne.useContext(eo);return e||t||"ltr"}import{jsx as U}from"react/jsx-runtime";var pe="rovingFocusGroup.onEntryFocus",to={bubbles:!1,cancelable:!0},Y="RovingFocusGroup",[me,He,oo]=Ke(Y),[ro,he]=z(Y,[oo]),[no,so]=ro(Y),Ye=w.forwardRef((e,t)=>U(me.Provider,{scope:e.__scopeRovingFocusGroup,children:U(me.Slot,{scope:e.__scopeRovingFocusGroup,children:U(io,R(d({},e),{ref:t}))})}));Ye.displayName=Y;var io=w.forwardRef((e,t)=>{let be=e,{__scopeRovingFocusGroup:o,orientation:r,loop:n=!1,dir:s,currentTabStopId:c,defaultCurrentTabStopId:i,onCurrentTabStopIdChange:a,onEntryFocus:u,preventScrollOnEntryFocus:l=!1}=be,p=y(be,["__scopeRovingFocusGroup","orientation","loop","dir","currentTabStopId","defaultCurrentTabStopId","onCurrentTabStopIdChange","onEntryFocus","preventScrollOnEntryFocus"]),f=w.useRef(null),g=P(t,f),h=se(s),[v,b]=K({prop:c,defaultProp:i!=null?i:null,onChange:a,caller:Y}),[m,x]=w.useState(!1),I=qe(u),S=He(o),E=w.useRef(!1),[$,j]=w.useState(0);return w.useEffect(()=>{let O=f.current;if(O)return O.addEventListener(pe,I),()=>O.removeEventListener(pe,I)},[I]),U(no,{scope:o,orientation:r,dir:h,loop:n,currentTabStopId:v,onItemFocus:w.useCallback(O=>b(O),[b]),onItemShiftTab:w.useCallback(()=>x(!0),[]),onFocusableItemAdd:w.useCallback(()=>j(O=>O+1),[]),onFocusableItemRemove:w.useCallback(()=>j(O=>O-1),[]),children:U(M.div,R(d({tabIndex:m||$===0?-1:0,"data-orientation":r},p),{ref:g,style:d({outline:"none"},e.style),onMouseDown:N(e.onMouseDown,()=>{E.current=!0}),onFocus:N(e.onFocus,O=>{let St=!E.current;if(O.target===O.currentTarget&&St&&!m){let ye=new CustomEvent(pe,to);if(O.currentTarget.dispatchEvent(ye),!ye.defaultPrevented){let ue=S().filter(B=>B.focusable),Ct=ue.find(B=>B.active),wt=ue.find(B=>B.id===v),It=[Ct,wt,...ue].filter(Boolean).map(B=>B.ref.current);Je(It,l)}}E.current=!1}),onBlur:N(e.onBlur,()=>x(!1))}))})}),Xe="RovingFocusGroupItem",Ze=w.forwardRef((e,t)=>{let b=e,{__scopeRovingFocusGroup:o,focusable:r=!0,active:n=!1,tabStopId:s,children:c}=b,i=y(b,["__scopeRovingFocusGroup","focusable","active","tabStopId","children"]),a=We(),u=s||a,l=so(Xe,o),p=l.currentTabStopId===u,f=He(o),{onFocusableItemAdd:g,onFocusableItemRemove:h,currentTabStopId:v}=l;return w.useEffect(()=>{if(r)return g(),()=>h()},[r,g,h]),U(me.ItemSlot,{scope:o,id:u,focusable:r,active:n,children:U(M.span,R(d({tabIndex:p?0:-1,"data-orientation":l.orientation},i),{ref:t,onMouseDown:N(e.onMouseDown,m=>{r?l.onItemFocus(u):m.preventDefault()}),onFocus:N(e.onFocus,()=>l.onItemFocus(u)),onKeyDown:N(e.onKeyDown,m=>{if(m.key==="Tab"&&m.shiftKey){l.onItemShiftTab();return}if(m.target!==m.currentTarget)return;let x=uo(m,l.orientation,l.dir);if(x!==void 0){if(m.metaKey||m.ctrlKey||m.altKey||m.shiftKey)return;m.preventDefault();let S=f().filter(E=>E.focusable).map(E=>E.ref.current);if(x==="last")S.reverse();else if(x==="prev"||x==="next"){x==="prev"&&S.reverse();let E=S.indexOf(m.currentTarget);S=l.loop?lo(S,E+1):S.slice(E+1)}setTimeout(()=>Je(S))}}),children:typeof c=="function"?c({isCurrentTabStop:p,hasTabStop:v!=null}):c}))})});Ze.displayName=Xe;var co={ArrowLeft:"prev",ArrowUp:"prev",ArrowRight:"next",ArrowDown:"next",PageUp:"first",Home:"first",PageDown:"last",End:"last"};function ao(e,t){return t!=="rtl"?e:e==="ArrowLeft"?"ArrowRight":e==="ArrowRight"?"ArrowLeft":e}function uo(e,t,o){let r=ao(e.key,o);if(!(t==="vertical"&&["ArrowLeft","ArrowRight"].includes(r))&&!(t==="horizontal"&&["ArrowUp","ArrowDown"].includes(r)))return co[r]}function Je(e,t=!1){let o=document.activeElement;for(let r of e)if(r===o||(r.focus({preventScroll:t}),document.activeElement!==o))return}function lo(e,t){return e.map((o,r)=>e[(t+r)%e.length])}var Qe=Ye,et=Ze;import*as T from"react";import*as A from"react";import*as tt from"react";function po(e,t){return tt.useReducer((o,r)=>{let n=t[o][r];return n!=null?n:o},e)}var ve=e=>{let{present:t,children:o}=e,r=mo(t),n=typeof o=="function"?o({present:r.isPresent}):A.Children.only(o),s=P(r.ref,ho(n));return typeof o=="function"||r.isPresent?A.cloneElement(n,{ref:s}):null};ve.displayName="Presence";function mo(e){let[t,o]=A.useState(),r=A.useRef(null),n=A.useRef(e),s=A.useRef("none"),c=e?"mounted":"unmounted",[i,a]=po(c,{mounted:{UNMOUNT:"unmounted",ANIMATION_OUT:"unmountSuspended"},unmountSuspended:{MOUNT:"mounted",ANIMATION_END:"unmounted"},unmounted:{MOUNT:"mounted"}});return A.useEffect(()=>{let u=ie(r.current);s.current=i==="mounted"?u:"none"},[i]),F(()=>{let u=r.current,l=n.current;if(l!==e){let f=s.current,g=ie(u);e?a("MOUNT"):g==="none"||(u==null?void 0:u.display)==="none"?a("UNMOUNT"):a(l&&f!==g?"ANIMATION_OUT":"UNMOUNT"),n.current=e}},[e,a]),F(()=>{var u;if(t){let l,p=(u=t.ownerDocument.defaultView)!=null?u:window,f=h=>{let b=ie(r.current).includes(CSS.escape(h.animationName));if(h.target===t&&b&&(a("ANIMATION_END"),!n.current)){let m=t.style.animationFillMode;t.style.animationFillMode="forwards",l=p.setTimeout(()=>{t.style.animationFillMode==="forwards"&&(t.style.animationFillMode=m)})}},g=h=>{h.target===t&&(s.current=ie(r.current))};return t.addEventListener("animationstart",g),t.addEventListener("animationcancel",f),t.addEventListener("animationend",f),()=>{p.clearTimeout(l),t.removeEventListener("animationstart",g),t.removeEventListener("animationcancel",f),t.removeEventListener("animationend",f)}}else a("ANIMATION_END")},[t,a]),{isPresent:["mounted","unmountSuspended"].includes(i),ref:A.useCallback(u=>{r.current=u?getComputedStyle(u):null,o(u)},[])}}function ie(e){return(e==null?void 0:e.animationName)||"none"}function ho(e){var r,n;let t=(r=Object.getOwnPropertyDescriptor(e.props,"ref"))==null?void 0:r.get,o=t&&"isReactWarning"in t&&t.isReactWarning;return o?e.ref:(t=(n=Object.getOwnPropertyDescriptor(e,"ref"))==null?void 0:n.get,o=t&&"isReactWarning"in t&&t.isReactWarning,o?e.props.ref:e.props.ref||e.ref)}import{jsx as X,jsxs as vo}from"react/jsx-runtime";import{jsx as q}from"react/jsx-runtime";var Re="Radio",[Ro,ot]=z(Re),[go,bo]=Ro(Re),rt=T.forwardRef((e,t)=>{let b=e,{__scopeRadio:o,name:r,checked:n=!1,required:s,disabled:c,value:i="on",onCheck:a,form:u}=b,l=y(b,["__scopeRadio","name","checked","required","disabled","value","onCheck","form"]),[p,f]=T.useState(null),g=P(t,m=>f(m)),h=T.useRef(!1),v=p?u||!!p.closest("form"):!0;return vo(go,{scope:o,checked:n,disabled:c,children:[X(M.button,R(d({type:"button",role:"radio","aria-checked":n,"data-state":ct(n),"data-disabled":c?"":void 0,disabled:c,value:i},l),{ref:g,onClick:N(e.onClick,m=>{n||a==null||a(),v&&(h.current=m.isPropagationStopped(),h.current||m.stopPropagation())})})),v&&X(it,{control:p,bubbles:!h.current,name:r,value:i,checked:n,required:s,disabled:c,form:u,style:{transform:"translateX(-100%)"}})]})});rt.displayName=Re;var nt="RadioIndicator",st=T.forwardRef((e,t)=>{let c=e,{__scopeRadio:o,forceMount:r}=c,n=y(c,["__scopeRadio","forceMount"]),s=bo(nt,o);return X(ve,{present:r||s.checked,children:X(M.span,R(d({"data-state":ct(s.checked),"data-disabled":s.disabled?"":void 0},n),{ref:t}))})});st.displayName=nt;var yo="RadioBubbleInput",it=T.forwardRef((c,s)=>{var i=c,{__scopeRadio:e,control:t,checked:o,bubbles:r=!0}=i,n=y(i,["__scopeRadio","control","checked","bubbles"]);let a=T.useRef(null),u=P(a,s),l=ee(o),p=te(t);return T.useEffect(()=>{let f=a.current;if(!f)return;let g=window.HTMLInputElement.prototype,v=Object.getOwnPropertyDescriptor(g,"checked").set;if(l!==o&&v){let b=new Event("click",{bubbles:r});v.call(f,o),f.dispatchEvent(b)}},[l,o,r]),X(M.input,R(d({type:"radio","aria-hidden":!0,defaultChecked:o},n),{tabIndex:-1,ref:u,style:R(d(d({},n.style),p),{position:"absolute",pointerEvents:"none",opacity:0,margin:0})}))});it.displayName=yo;function ct(e){return e?"checked":"unchecked"}var xo=["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"],ce="RadioGroup",[So,Cn]=z(ce,[he,ot]),at=he(),ut=ot(),[Co,wo]=So(ce),lt=G.forwardRef((e,t)=>{let m=e,{__scopeRadioGroup:o,name:r,defaultValue:n,value:s,required:c=!1,disabled:i=!1,orientation:a,dir:u,loop:l=!0,onValueChange:p}=m,f=y(m,["__scopeRadioGroup","name","defaultValue","value","required","disabled","orientation","dir","loop","onValueChange"]),g=at(o),h=se(u),[v,b]=K({prop:s,defaultProp:n!=null?n:null,onChange:p,caller:ce});return q(Co,{scope:o,name:r,required:c,disabled:i,value:v,onValueChange:b,children:q(Qe,R(d({asChild:!0},g),{orientation:a,dir:h,loop:l,children:q(M.div,R(d({role:"radiogroup","aria-required":c,"aria-orientation":a,"data-disabled":i?"":void 0,dir:h},f),{ref:t}))}))})});lt.displayName=ce;var ft="RadioGroupItem",dt=G.forwardRef((e,t)=>{let g=e,{__scopeRadioGroup:o,disabled:r}=g,n=y(g,["__scopeRadioGroup","disabled"]),s=wo(ft,o),c=s.disabled||r,i=at(o),a=ut(o),u=G.useRef(null),l=P(t,u),p=s.value===n.value,f=G.useRef(!1);return G.useEffect(()=>{let h=b=>{xo.includes(b.key)&&(f.current=!0)},v=()=>f.current=!1;return document.addEventListener("keydown",h),document.addEventListener("keyup",v),()=>{document.removeEventListener("keydown",h),document.removeEventListener("keyup",v)}},[]),q(et,R(d({asChild:!0},i),{focusable:!c,active:p,children:q(rt,R(d(d({disabled:c,required:s.required,checked:p},a),n),{name:s.name,ref:l,onCheck:()=>s.onValueChange(n.value),onKeyDown:N(h=>{h.key==="Enter"&&h.preventDefault()}),onFocus:N(n.onFocus,()=>{var h;f.current&&((h=u.current)==null||h.click())})}))}))});dt.displayName=ft;var Io="RadioGroupIndicator",pt=G.forwardRef((e,t)=>{let s=e,{__scopeRadioGroup:o}=s,r=y(s,["__scopeRadioGroup"]),n=ut(o);return q(st,R(d(d({},n),r),{ref:t}))});pt.displayName=Io;var mt=lt,ht=dt,vt=pt;import{tv as ge}from"tailwind-variants";var Rt=ge({base:"grid gap-3",variants:{size:{sm:"[&_button]:size-4",md:"[&_button]:size-4.5",lg:"[&_button]:size-5"},disabled:{true:"pointer-events-none",false:""}}}),gt=ge({base:"relative cursor-pointer transition-colors hover:ring-8 data-[state=unchecked]:hover:ring-background-focus data-[state=checked]:hover:ring-background-focus-checked active:ring-8 active:ring-background-focus-checked  aspect-square shrink-0 rounded-full border-2 shadow-xs outline-none  focus-visible:ring-offset-ring-offset focus-visible:ring-offset-3 focus-visible:ring-2 focus-visible:ring-ring",variants:{disabled:{true:"border-disabled pointer-events-none",false:"data-[state=checked]:border-secondary border-primary"}}}),bt=ge({base:"rounded-full absolute top-1/2 left-1/2 flex -translate-x-1/2 -translate-y-1/2 items-center justify-center ",variants:{size:{sm:"size-2",md:"size-[9.9px]",lg:"size-3"},disabled:{true:"bg-disabled",false:"data-[state=checked]:bg-secondary"}}});import{createContext as Po,useContext as No,useMemo as Ao}from"react";import{jsx as ae}from"react/jsx-runtime";var yt=Po({});function xt(n){var s=n,{className:e,size:t="md",disabled:o}=s,r=y(s,["className","size","disabled"]);return ae(yt.Provider,{value:{size:t,disabled:o},children:ae(mt,d({"data-slot":"radio-group",className:Rt({className:e,size:t,disabled:o})},r))})}function Oo(r){var n=r,{className:e,disabled:t}=n,o=y(n,["className","disabled"]);let{size:s,disabled:c}=No(yt),i=Ao(()=>t||c,[t||c]);return ae(ht,R(d({"data-slot":"radio-group-item",className:gt({className:e,disabled:i})},o),{children:ae(vt,{"data-slot":"radio-group-indicator",className:bt({size:s,disabled:i})})}))}xt.Item=Oo;var _o=xt;export{Pe as Button,_o as RadioGroup,Zt as Switch};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bsm-design-system",
-  "version": "1.0.1",
+  "version": "1.1.0",
   "private": false,
   "main": "index.js",
   "module": "index.mjs",
@@ -24,6 +24,9 @@
   "author": "",
   "license": "ISC",
   "description": "",
+  "dependencies": {
+    "radix-ui": "^1.4.3"
+  },
   "peerDependencies": {
     "react": "^19.0.0 || ^18.0.0",
     "react-dom": "^19.0.0 || ^18.0.0",

package/styles.css

@@ -1,2 +1,2 @@
 /*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */
-@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-outline-style:solid;--tw-ease:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25/1.875);--font-weight-normal:400;--font-weight-semibold:600;--font-weight-bold:700;--radius-lg:.5rem;--radius-xl:.75rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute}.relative{position:relative}.top-1\/2{top:50%}.mb-8{margin-bottom:calc(var(--spacing)*8)}.contents{display:contents}.flex{display:flex}.inline-flex{display:inline-flex}.size-8{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}.size-10{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10)}.size-12{width:calc(var(--spacing)*12);height:calc(var(--spacing)*12)}.size-14{width:calc(var(--spacing)*14);height:calc(var(--spacing)*14)}.h-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-14{height:calc(var(--spacing)*14)}.min-w-36{min-width:calc(var(--spacing)*36)}.min-w-\[84px\]{min-width:84px}.min-w-\[104px\]{min-width:104px}.min-w-\[122px\]{min-width:122px}.shrink-0{flex-shrink:0}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing)*2)}.gap-4{gap:calc(var(--spacing)*4)}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))}.rounded{border-radius:.25rem}.rounded-\[10px\]{border-radius:10px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-error-light{border-color:var(--bsm-error-light,#fff0f0)}.border-primary-border{border-color:var(--bsm-primary-border,#d8d9da)}.bg-error{background-color:var(--bsm-error,#ff585e)}.bg-error-light{background-color:var(--bsm-error-light,#fff0f0)}.bg-primary{background-color:var(--bsm-primary,#1b1e22)}.bg-primary-light{background-color:var(--bsm-primary-light,#e9e9ea)}.bg-transparent{background-color:#0000}.px-8{padding-inline:calc(var(--spacing)*8)}.px-10{padding-inline:calc(var(--spacing)*10)}.px-12{padding-inline:calc(var(--spacing)*12)}.px-14{padding-inline:calc(var(--spacing)*14)}.py-2{padding-block:calc(var(--spacing)*2)}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-nowrap{white-space:nowrap}.text-error{color:var(--bsm-error,#ff585e)}.text-error-foreground{color:var(--bsm-error-foreground,#fff)}.text-primary{color:var(--bsm-primary,#1b1e22)}.text-primary-foreground{color:var(--bsm-primary-foreground,#fff)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}:is(.\*\:size-1\.5>*){width:calc(var(--spacing)*1.5);height:calc(var(--spacing)*1.5)}:is(.\*\:size-2>*){width:calc(var(--spacing)*2);height:calc(var(--spacing)*2)}:is(.\*\:rounded-full>*){border-radius:3.40282e38px}:is(.\*\:bg-icon>*){background-color:var(--bsm-icon-color,#f5f5f5)}@media (hover:hover){.hover\:bg-error-hover:hover{background-color:var(--bsm-error-hover,#ff868a)}.hover\:bg-error-light:hover{background-color:var(--bsm-error-light,#fff0f0)}.hover\:bg-error-light-hover:hover{background-color:var(--bsm-error-light-hover,#ffd2d3)}.hover\:bg-outline-hover:hover{background-color:var(--bsm-outline-hover,#f5f5f5)}.hover\:bg-primary-hover:hover{background-color:var(--bsm-primary-hover,#505358)}.hover\:bg-primary-light:hover{background-color:var(--bsm-primary-light,#e9e9ea)}}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-error:focus-visible{--tw-ring-color:var(--bsm-error,#ff585e)}.focus-visible\:ring-primary:focus-visible{--tw-ring-color:var(--bsm-primary,#1b1e22)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:var(--bsm-background,#fff)}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.active\:bg-error-active:active{background-color:var(--bsm-error-active,#820004)}.active\:bg-error-light-active:active{background-color:var(--bsm-error-light-active,#ea101740)}.active\:bg-outline-active:active{background-color:var(--bsm-outline-active,#e9e9ea)}.active\:bg-primary-active:active{background-color:var(--bsm-primary-active,#000)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:border-disabled:disabled{border-color:var(--bsm-disabled,#d8d9da)}.disabled\:bg-disabled:disabled{background-color:var(--bsm-disabled,#d8d9da)}.disabled\:bg-disabled-light:disabled{background-color:var(--bsm-disabled-light,#f5f5f5)}.disabled\:text-disabled-foreground:disabled{color:var(--bsm-disabled-foreground,#c7c8c9)}.ltr\:right-3:where(:dir(ltr),[dir=ltr],[dir=ltr] *){right:calc(var(--spacing)*3)}.rtl\:left-3:where(:dir(rtl),[dir=rtl],[dir=rtl] *){left:calc(var(--spacing)*3)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\]\:text-current svg{color:currentColor}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-5 svg:not([class*=size-]){width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 svg:not([class*=size-]){width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}}:root{--bsm-primary:#1b1e22;--bsm-primary-hover:#505358;--bsm-primary-focus:#1b1e22;--bsm-primary-active:#000;--bsm-primary-light:#e9e9ea;--bsm-primary-light-hover:#d8d9da;--bsm-primary-light-active:#c7c8c9;--bsm-primary-border:#d8d9da;--bsm-primary-foreground:#fff;--bsm-tertiary:#f7941d;--bsm-tertiary-hover:#ffb991;--bsm-tertiary-focus:#f7941d;--bsm-tertiary-active:#bb5115;--bsm-tertiary-light:#fff2eb;--bsm-tertiary-light-hover:#ffe7d9;--bsm-tertiary-light-active:#ffd6be;--bsm-tertiary-border:#ffd6be;--bsm-tertiary-foreground:#fff;--bsm-info:#1677ff;--bsm-info-hover:#69b1ff;--bsm-info-focus:#1677ff;--bsm-info-active:#124ab3;--bsm-info-foreground:#fff;--bsm-info-light:#e6f4ff;--bsm-info-border:#bae0ff;--bsm-info-light-hover:#bae0ff;--bsm-info-light-active:#91caff;--bsm-info-secondary-foreground:#141d33;--bsm-info-light-foreground:#124ab3;--bsm-info-light-secondary-foreground:#1677ff;--bsm-info-light-tertiary-foreground:#141d33;--bsm-success:#1ac475;--bsm-success-hover:#64dea5;--bsm-success-focus:#1ac475;--bsm-success-active:#047842;--bsm-success-light:#edfff7;--bsm-success-border:#bef7dc;--bsm-success-light-hover:#bef7dc;--bsm-success-light-active:#8febc0;--bsm-success-foreground:#fff;--bsm-success-secondary-foreground:#142a20;--bsm-success-light-foreground:#047842;--bsm-success-light-secondary-foreground:#0d9e5a;--bsm-success-light-tertiary-foreground:#0f1f17;--bsm-error:#ea1017;--bsm-error-hover:#ff868a;--bsm-error-focus:#ea1017;--bsm-error-active:#b20006;--bsm-error-border:#ffd2d3;--bsm-error-light:#fff0f0;--bsm-error-light-hover:#ffd2d3;--bsm-error-light-active:#ffacae;--bsm-error-foreground:#fff;--bsm-error-secondary-foreground:#460103;--bsm-error-light-foreground:#5c0003;--bsm-error-light-secondary-foreground:#ea1017;--bsm-error-light-tertiary-foreground:#25282d;--bsm-warning:#fcaf17;--bsm-warning-hover:#ffd666;--bsm-warning-focus:#fcaf17;--bsm-warning-active:#ad6800;--bsm-warning-border:#fff1b8;--bsm-warning-light:#fffbe6;--bsm-warning-light-havor:#fff1b8;--bsm-warning-light-active:#ffe58f;--bsm-warning-foreground:#fff;--bsm-warning-secondary-foreground:#772c01;--bsm-warning-light-foreground:#bb5115;--bsm-warning-light-secondary-foreground:#ff8037;--bsm-warning-light-tertiary-foreground:#25282d;--bsm-disabled:#d8d9da;--bsm-disabled-light:#f5f5f5;--bsm-disabled-foreground:#b6b7b9;--bsm-inverse-border:#1b1e22;--bsm-inverse-text:#fff;--bsm-outline:#fff;--bsm-outline-hover:#f5f5f5;--bsm-outline-active:#e9e9ea;--bsm-icon-color:#25282d;--bsm-background:#fff}.dark,[data-theme=dark]{--bsm-primary:#f5f5f5;--bsm-primary-hover:#c7c8c9;--bsm-primary-focus:#505358;--bsm-primary-active:#b6b7b9;--bsm-primary-light:#a1bdd914;--bsm-primary-light-hover:#03040340;--bsm-primary-light-active:#03040340;--bsm-primary-border:#a6c5e229;--bsm-primary-foreground:#000;--bsm-error:#ea1017;--bsm-error-hover:#ff585e;--bsm-error-focus:#ff585e;--bsm-error-active:#820004;--bsm-error-border:#ff585e;--bsm-error-light:#ea101726;--bsm-error-light-hover:#ea101733;--bsm-error-light-active:#ea101740;--bsm-error-foreground:#fff;--bsm-error-secondary-foreground:#460103;--bsm-error-light-foreground:#5c0003;--bsm-error-light-secondary-foreground:#ea1017;--bsm-error-light-tertiary-foreground:#25282d;--bsm-outline:#fff;--bsm-outline-hover:#0304031f;--bsm-outline-active:#03040340;--bsm-disabled:#3d444c;--bsm-disabled-light:#3d444c;--bsm-disabled-foreground:#c3defe26;--bsm-inverse-text:#25282d;--bsm-icon-color:#fff;--bsm-background:#1b1e22}@keyframes dotBounce{0%,80%,to{opacity:.6;transform:scale(.4)translateY(0)}40%{opacity:1;transform:scale(.8)translateY(-5px)translate(1px)}}.dot{animation:1.4s ease-in-out infinite both dotBounce}.delay-02{animation-delay:.2s}.delay-04{animation-delay:.4s}.delay-06{animation-delay:.6s}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ease{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--font-weight-normal:400;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.absolute{position:absolute}.relative{position:relative}.top-1\/2{top:50%}.left-1\/2{left:50%}.contents{display:contents}.flex{display:flex}.grid{display:grid}.inline-flex{display:inline-flex}.aspect-square{aspect-ratio:1}.size-2{width:calc(var(--spacing)*2);height:calc(var(--spacing)*2)}.size-3{width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-5{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.size-6{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.size-8{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}.size-10{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10)}.size-12{width:calc(var(--spacing)*12);height:calc(var(--spacing)*12)}.size-14{width:calc(var(--spacing)*14);height:calc(var(--spacing)*14)}.size-\[9\.9px\]{width:9.9px;height:9.9px}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-14{height:calc(var(--spacing)*14)}.w-11{width:calc(var(--spacing)*11)}.w-12{width:calc(var(--spacing)*12)}.w-13{width:calc(var(--spacing)*13)}.min-w-36{min-width:calc(var(--spacing)*36)}.min-w-\[84px\]{min-width:84px}.min-w-\[104px\]{min-width:104px}.min-w-\[122px\]{min-width:122px}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))}.rounded{border-radius:.25rem}.rounded-\[10px\]{border-radius:10px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-disabled{border-color:var(--bsm-disabled,#e9e9ea)}.border-error-light{border-color:var(--bsm-error-light,#fff0f0)}.border-primary{border-color:var(--bsm-primary,#1b1e22)}.border-primary-border{border-color:var(--bsm-primary-border,#d8d9da)}.border-transparent{border-color:#0000}.bg-disabled{background-color:var(--bsm-disabled,#e9e9ea)}.bg-disabled-secondary{background-color:var(--bsm-disabled-secondary,#f5f5f5)}.bg-error{background-color:var(--bsm-error,#ff585e)}.bg-error-light{background-color:var(--bsm-error-light,#fff0f0)}.bg-gray-1200{background-color:#25282d}.bg-primary{background-color:var(--bsm-primary,#1b1e22)}.bg-primary-light{background-color:var(--bsm-primary-light,#e9e9ea)}.bg-transparent{background-color:#0000}.bg-white{background-color:#fff}.p-8{padding:calc(var(--spacing)*8)}.px-8{padding-inline:calc(var(--spacing)*8)}.px-10{padding-inline:calc(var(--spacing)*10)}.px-12{padding-inline:calc(var(--spacing)*12)}.px-14{padding-inline:calc(var(--spacing)*14)}.py-2{padding-block:calc(var(--spacing)*2)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.whitespace-nowrap{white-space:nowrap}.text-error{color:var(--bsm-error,#ff585e)}.text-error-foreground{color:var(--bsm-error-foreground,#fff)}.text-primary{color:var(--bsm-primary,#1b1e22)}.text-primary-foreground{color:var(--bsm-primary-foreground,#fff)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-0{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}:is(.\*\:size-1\.5>*){width:calc(var(--spacing)*1.5);height:calc(var(--spacing)*1.5)}:is(.\*\:size-2>*){width:calc(var(--spacing)*2);height:calc(var(--spacing)*2)}:is(.\*\:rounded-full>*){border-radius:3.40282e38px}:is(.\*\:bg-icon>*){background-color:var(--bsm-icon-color,#f5f5f5)}@media (hover:hover){.group-hover\:ring-8:is(:where(.group):hover *){--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(8px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:bg-error-hover:hover{background-color:var(--bsm-error-hover,#ff868a)}.hover\:bg-error-light:hover{background-color:var(--bsm-error-light,#fff0f0)}.hover\:bg-error-light-hover:hover{background-color:var(--bsm-error-light-hover,#ffd2d3)}.hover\:bg-outline-hover:hover{background-color:var(--bsm-outline-hover,#f5f5f5)}.hover\:bg-primary-hover:hover{background-color:var(--bsm-primary-hover,#505358)}.hover\:bg-primary-light:hover{background-color:var(--bsm-primary-light,#e9e9ea)}.hover\:ring-8:hover{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(8px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:var(--bsm-ring,#000)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:ring-offset-3:focus-visible{--tw-ring-offset-width:3px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:ring-offset-ring-offset:focus-visible{--tw-ring-offset-color:var(--bsm-ring-offset,#fff)}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.active\:bg-error-active:active{background-color:var(--bsm-error-active,#820004)}.active\:bg-error-light-active:active{background-color:var(--bsm-error-light-active,#ea101740)}.active\:bg-outline-active:active{background-color:var(--bsm-outline-active,#e9e9ea)}.active\:bg-primary-active:active{background-color:var(--bsm-primary-active,#000)}.active\:ring-8:active{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(8px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.active\:ring-background-focus-checked:active{--tw-ring-color:var(--bsm-background-focus-checked,#ff9c641a)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:border-disabled:disabled{border-color:var(--bsm-disabled,#e9e9ea)}.disabled\:bg-disabled:disabled{background-color:var(--bsm-disabled,#e9e9ea)}.disabled\:bg-disabled-light:disabled{background-color:var(--bsm-disabled-light,#f5f5f5)}.disabled\:text-disabled-foreground:disabled{color:var(--bsm-disabled-foreground,#c7c8c9)}.data-\[state\=checked\]\:-translate-x-0\.5[data-state=checked]{--tw-translate-x:calc(var(--spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[state\=checked\]\:border-secondary[data-state=checked]{border-color:var(--bsm-secondary,#ff8037)}.data-\[state\=checked\]\:bg-secondary[data-state=checked]{background-color:var(--bsm-secondary,#ff8037)}@media (hover:hover){.group-hover\:data-\[state\=checked\]\:ring-background-focus-checked:is(:where(.group):hover *)[data-state=checked],.data-\[state\=checked\]\:hover\:ring-background-focus-checked[data-state=checked]:hover{--tw-ring-color:var(--bsm-background-focus-checked,#ff9c641a)}}.data-\[state\=unchecked\]\:-translate-x-\[calc\(100\%\+2px\)\][data-state=unchecked]{--tw-translate-x:calc(calc(100% + 2px)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[state\=unchecked\]\:-translate-x-\[calc\(100\%\+6px\)\][data-state=unchecked]{--tw-translate-x:calc(calc(100% + 6px)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[state\=unchecked\]\:-translate-x-\[calc\(100\%-2px\)\][data-state=unchecked]{--tw-translate-x:calc(calc(100% - 2px)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[state\=unchecked\]\:border-transparent[data-state=unchecked]{border-color:#0000}.data-\[state\=unchecked\]\:bg-background[data-state=unchecked]{background-color:var(--bsm-background,#c7c8c9)}@media (hover:hover){.group-hover\:data-\[state\=unchecked\]\:ring-background-focus:is(:where(.group):hover *)[data-state=unchecked],.data-\[state\=unchecked\]\:hover\:ring-background-focus[data-state=unchecked]:hover{--tw-ring-color:var(--bsm-background-focus,#d8d9da4d)}}.ltr\:right-3:where(:dir(ltr),[dir=ltr],[dir=ltr] *){right:calc(var(--spacing)*3)}.rtl\:left-3:where(:dir(rtl),[dir=rtl],[dir=rtl] *){left:calc(var(--spacing)*3)}.\[\&_button\]\:size-4 button{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&_button\]\:size-4\.5 button{width:calc(var(--spacing)*4.5);height:calc(var(--spacing)*4.5)}.\[\&_button\]\:size-5 button{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-3 svg{width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\]\:text-current svg{color:currentColor}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-5 svg:not([class*=size-]){width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 svg:not([class*=size-]){width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}}:root{--bsm-primary:#1b1e22;--bsm-primary-hover:#505358;--bsm-primary-focus:#1b1e22;--bsm-primary-active:#000;--bsm-primary-light:#e9e9ea;--bsm-primary-light-hover:#d8d9da;--bsm-primary-light-active:#c7c8c9;--bsm-primary-border:#d8d9da;--bsm-primary-foreground:#fff;--bsm-secondary:#ff8037;--bsm-secondary-hover:#ffb991;--bsm-secondary-active:#bb5115;--bsm-secondary-light:#fff2eb;--bsm-secondary-border:#ffd6be;--bsm-secondary-foreground:#fff;--bsm-info:#1677ff;--bsm-info-hover:#69b1ff;--bsm-info-focus:#1677ff;--bsm-info-active:#124ab3;--bsm-info-foreground:#fff;--bsm-info-light:#e6f4ff;--bsm-info-border:#bae0ff;--bsm-info-light-hover:#bae0ff;--bsm-info-light-active:#91caff;--bsm-info-secondary-foreground:#141d33;--bsm-info-light-foreground:#124ab3;--bsm-info-light-secondary-foreground:#1677ff;--bsm-info-light-tertiary-foreground:#141d33;--bsm-success:#1ac475;--bsm-success-hover:#64dea5;--bsm-success-focus:#1ac475;--bsm-success-active:#047842;--bsm-success-light:#edfff7;--bsm-success-border:#bef7dc;--bsm-success-light-hover:#bef7dc;--bsm-success-light-active:#8febc0;--bsm-success-foreground:#fff;--bsm-success-secondary-foreground:#142a20;--bsm-success-light-foreground:#047842;--bsm-success-light-secondary-foreground:#0d9e5a;--bsm-success-light-tertiary-foreground:#0f1f17;--bsm-error:#ea1017;--bsm-error-hover:#ff868a;--bsm-error-focus:#ea1017;--bsm-error-active:#b20006;--bsm-error-border:#ffd2d3;--bsm-error-light:#fff0f0;--bsm-error-light-hover:#ffd2d3;--bsm-error-light-active:#ffacae;--bsm-error-foreground:#fff;--bsm-error-secondary-foreground:#460103;--bsm-error-light-foreground:#5c0003;--bsm-error-light-secondary-foreground:#ea1017;--bsm-error-light-tertiary-foreground:#25282d;--bsm-warning:#fcaf17;--bsm-warning-hover:#ffd666;--bsm-warning-focus:#fcaf17;--bsm-warning-active:#ad6800;--bsm-warning-border:#fff1b8;--bsm-warning-light:#fffbe6;--bsm-warning-light-havor:#fff1b8;--bsm-warning-light-active:#ffe58f;--bsm-warning-foreground:#fff;--bsm-warning-secondary-foreground:#772c01;--bsm-warning-light-foreground:#bb5115;--bsm-warning-light-secondary-foreground:#ff8037;--bsm-warning-light-tertiary-foreground:#25282d;--bsm-disabled:#e9e9ea;--bsm-disabled-light:#f5f5f5;--bsm-disabled-foreground:#b6b7b9;--bsm-disabled-secondary:#f5f5f5;--bsm-disabled-tertiary:#f5f5f5;--bsm-inverse-border:#1b1e22;--bsm-inverse-text:#fff;--bsm-outline:#fff;--bsm-outline-hover:#f5f5f5;--bsm-outline-active:#e9e9ea;--bsm-icon-color:#25282d;--bsm-background:#c7c8c9;--bsm-background-checked:#ff8037;--bsm-background-focus-checked:#ff9c641a;--bsm-background-focus:#d8d9da4d;--bsm-switch-border:#c7c8c9;--bsm-switch-handle:#fff;--bsm-ring:#000;--bsm-ring-offset:#fff}.dark,[data-theme=dark]{--bsm-primary:#f5f5f5;--bsm-primary-hover:#c7c8c9;--bsm-primary-focus:#505358;--bsm-primary-active:#b6b7b9;--bsm-primary-light:#a1bdd914;--bsm-primary-light-hover:#03040340;--bsm-primary-light-active:#03040340;--bsm-primary-border:#a6c5e229;--bsm-primary-foreground:#000;--bsm-secondary:#ff9c64;--bsm-secondary-hover:#ffb991;--bsm-secondary-active:#ffb991;--bsm-secondary-light:#ff8037;--bsm-secondary-border:#ff9c64;--bsm-secondary-foreground:#fff;--bsm-error:#ea1017;--bsm-error-hover:#ff585e;--bsm-error-focus:#ff585e;--bsm-error-active:#820004;--bsm-error-border:#ff585e;--bsm-error-light:#ea101726;--bsm-error-light-hover:#ea101733;--bsm-error-light-active:#ea101740;--bsm-error-foreground:#fff;--bsm-error-secondary-foreground:#460103;--bsm-error-light-foreground:#5c0003;--bsm-error-light-secondary-foreground:#ea1017;--bsm-error-light-tertiary-foreground:#25282d;--bsm-outline:#fff;--bsm-outline-hover:#0304031f;--bsm-outline-active:#03040340;--bsm-disabled:#b6b7b933;--bsm-disabled-light:#3d444c;--bsm-disabled-secondary:#94969933;--bsm-disabled-tertiary:#6d6e711a;--bsm-disabled-foreground:#c3defe26;--bsm-inverse-text:#25282d;--bsm-icon-color:#fff;--bsm-background:#c3defe33;--bsm-background-checked:#ff9c64;--bsm-background-focus-checked:#ff9c641a;--bsm-background-focus:#a1bdd914;--bsm-switch-border:#505358;--bsm-switch-handle:#fff;--bsm-ring-offset:#000;--bsm-ring:#fff}@keyframes dotBounce{0%,80%,to{opacity:.6;transform:scale(.4)translateY(0)}40%{opacity:1;transform:scale(.8)translateY(-5px)translate(1px)}}.dot{animation:1.4s ease-in-out infinite both dotBounce}.delay-02{animation-delay:.2s}.delay-04{animation-delay:.4s}.delay-06{animation-delay:.6s}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}