bsm-design-system 1.0.1 → 1.0.2

package/index.d.mts

@@ -1,6 +1,7 @@
 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';
 
 declare const buttonVariants: tailwind_variants.TVReturnType<{
     variant: {
@@ -27,7 +28,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 +78,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 +132,53 @@ 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 = React.ComponentProps<typeof Root>;
+
+type SwitchSize = keyof typeof switchVariants.variants.size;
+
+interface SwitchProps extends DefaultType {
+  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;
+
+export { Button, Switch };

package/index.d.ts

@@ -1,6 +1,7 @@
 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';
 
 declare const buttonVariants: tailwind_variants.TVReturnType<{
     variant: {
@@ -27,7 +28,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 +78,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 +132,53 @@ 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 = React.ComponentProps<typeof Root>;
+
+type SwitchSize = keyof typeof switchVariants.variants.size;
+
+interface SwitchProps extends DefaultType {
+  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;
+
+export { Button, 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 ye=Object.create;var _=Object.defineProperty,we=Object.defineProperties,Se=Object.getOwnPropertyDescriptor,Ce=Object.getOwnPropertyDescriptors,ze=Object.getOwnPropertyNames,O=Object.getOwnPropertySymbols,Pe=Object.getPrototypeOf,A=Object.prototype.hasOwnProperty,H=Object.prototype.propertyIsEnumerable;var q=(e,t,r)=>t in e?_(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,l=(e,t)=>{for(var r in t||(t={}))A.call(t,r)&&q(e,r,t[r]);if(O)for(var r of O(t))H.call(t,r)&&q(e,r,t[r]);return e},h=(e,t)=>we(e,Ce(t));var v=(e,t)=>{var r={};for(var n in e)A.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(e!=null&&O)for(var n of O(e))t.indexOf(n)<0&&H.call(e,n)&&(r[n]=e[n]);return r};var Ee=(e,t)=>{for(var r in t)_(e,r,{get:t[r],enumerable:!0})},X=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of ze(t))!A.call(e,o)&&o!==r&&_(e,o,{get:()=>t[o],enumerable:!(n=Se(t,o))||n.enumerable});return e};var y=(e,t,r)=>(r=e!=null?ye(Pe(e)):{},X(t||!e||!e.__esModule?_(r,"default",{value:e,enumerable:!0}):r,e)),_e=e=>X(_({},"__esModule",{value:!0}),e);var He={};Ee(He,{Button:()=>T,Switch:()=>Re});module.exports=_e(He);var Y=require("tailwind-variants"),Z=(0,Y.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 G=require("react");var b=require("react/jsx-runtime");function T(f){var x=f,{className:e,variant:t,size:r="md",children:n,color:o,traillingIcon:s,loading:c,disabled:i,iconOnly:a,rounded:d,type:u="button"}=x,p=v(x,["className","variant","size","children","color","traillingIcon","loading","disabled","iconOnly","rounded","type"]);let S=(0,G.useMemo)(()=>{let g=["md","lg"].includes(r);return a||!g?"*:size-1.5":"*:size-2"},[a]);return(0,b.jsx)("button",h(l({className:Z({variant:t,size:r,className:e,color:o,iconOnly:a,rounded:d}),disabled:i||c,type:u},p),{children:(0,b.jsx)(b.Fragment,{children:c?(0,b.jsx)("div",{className:"flex items-center justify-center",children:(0,b.jsxs)("div",{className:`*:bg-icon flex rounded-full bg-blue-50 *:rounded-full ${S}`,children:[(0,b.jsx)("span",{className:"dot"}),(0,b.jsx)("span",{className:"dot delay-02"}),(0,b.jsx)("span",{className:"dot delay-04"}),(0,b.jsx)("span",{className:"dot delay-06"})]})}):(0,b.jsxs)(b.Fragment,{children:[n,s&&(0,b.jsx)("span",{className:"absolute top-1/2 -translate-y-1/2 ltr:right-3 rtl:left-3",children:s})]})})}))}var w=y(require("react"),1);var Ke=!!(typeof window!="undefined"&&window.document&&window.document.createElement);function J(e,t,{checkForDefaultPrevented:r=!0}={}){return function(o){if(e==null||e(o),r===!1||!o.defaultPrevented)return t==null?void 0:t(o)}}var Q=y(require("react"),1);function K(e,t){if(typeof e=="function")return e(t);e!=null&&(e.current=t)}function I(...e){return t=>{let r=!1,n=e.map(o=>{let s=K(o,t);return!r&&typeof s=="function"&&(r=!0),s});if(r)return()=>{for(let o=0;o<n.length;o++){let s=n[o];typeof s=="function"?s():K(e[o],null)}}}}function j(...e){return Q.useCallback(I(...e),e)}var C=y(require("react"),1),ee=require("react/jsx-runtime");function te(e,t=[]){let r=[];function n(s,c){let i=C.createContext(c),a=r.length;r=[...r,c];let d=p=>{var k;let z=p,{scope:f,children:x}=z,S=v(z,["scope","children"]),g=((k=f==null?void 0:f[e])==null?void 0:k[a])||i,E=C.useMemo(()=>S,Object.values(S));return(0,ee.jsx)(g.Provider,{value:E,children:x})};d.displayName=s+"Provider";function u(p,f){var g;let x=((g=f==null?void 0:f[e])==null?void 0:g[a])||i,S=C.useContext(x);if(S)return S;if(c!==void 0)return c;throw new Error(`\`${p}\` must be used within \`${s}\``)}return[d,u]}let o=()=>{let s=r.map(c=>C.createContext(c));return function(i){let a=(i==null?void 0:i[e])||s;return C.useMemo(()=>({[`__scope${e}`]:h(l({},i),{[e]:a})}),[i,a])}};return o.scopeName=e,[n,ke(o,...t)]}function ke(...e){let t=e[0];if(e.length===1)return t;let r=()=>{let n=e.map(o=>({useScope:o(),scopeName:o.scopeName}));return function(s){let c=n.reduce((i,{useScope:a,scopeName:d})=>{let p=a(s)[`__scope${d}`];return l(l({},i),p)},{});return C.useMemo(()=>({[`__scope${t.scopeName}`]:c}),[c])}};return r.scopeName=t.scopeName,r}var R=y(require("react"),1);var re=y(require("react"),1),M=globalThis!=null&&globalThis.document?re.useLayoutEffect:()=>{};var $=y(require("react"),1);var Ne=R[" useInsertionEffect ".trim().toString()]||M;function oe({prop:e,defaultProp:t,onChange:r=()=>{},caller:n}){let[o,s,c]=Oe({defaultProp:t,onChange:r}),i=e!==void 0,a=i?e:o;{let u=R.useRef(e!==void 0);R.useEffect(()=>{let p=u.current;p!==i&&console.warn(`${n} 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.`),u.current=i},[i,n])}let d=R.useCallback(u=>{var p;if(i){let f=Me(u)?u(e):u;f!==e&&((p=c.current)==null||p.call(c,f))}else s(u)},[i,e,s,c]);return[a,d]}function Oe({defaultProp:e,onChange:t}){let[r,n]=R.useState(e),o=R.useRef(r),s=R.useRef(t);return Ne(()=>{s.current=t},[t]),R.useEffect(()=>{var c;o.current!==r&&((c=s.current)==null||c.call(s,r),o.current=r)},[r,o]),[r,n,s]}function Me(e){return typeof e=="function"}var st=Symbol("RADIX:SYNC_STATE");var B=y(require("react"),1);function ne(e){let t=B.useRef({value:e,previous:e});return B.useMemo(()=>(t.current.value!==e&&(t.current.previous=t.current.value,t.current.value=e),t.current.previous),[e])}var se=y(require("react"),1);function ie(e){let[t,r]=se.useState(void 0);return M(()=>{if(e){r({width:e.offsetWidth,height:e.offsetHeight});let n=new ResizeObserver(o=>{if(!Array.isArray(o)||!o.length)return;let s=o[0],c,i;if("borderBoxSize"in s){let a=s.borderBoxSize,d=Array.isArray(a)?a[0]:a;c=d.inlineSize,i=d.blockSize}else c=e.offsetWidth,i=e.offsetHeight;r({width:c,height:i})});return n.observe(e,{box:"border-box"}),()=>n.unobserve(e)}else r(void 0)},[e]),t}var ae=y(require("react"),1),Te=y(require("react-dom"),1);var m=y(require("react"),1);var D=require("react/jsx-runtime");function ce(e){let t=$e(e),r=m.forwardRef((n,o)=>{let d=n,{children:s}=d,c=v(d,["children"]),i=m.Children.toArray(s),a=i.find(De);if(a){let u=a.props.children,p=i.map(f=>f===a?m.Children.count(u)>1?m.Children.only(null):m.isValidElement(u)?u.props.children:null:f);return(0,D.jsx)(t,h(l({},c),{ref:o,children:m.isValidElement(u)?m.cloneElement(u,void 0,p):null}))}return(0,D.jsx)(t,h(l({},c),{ref:o,children:s}))});return r.displayName=`${e}.Slot`,r}function $e(e){let t=m.forwardRef((r,n)=>{let c=r,{children:o}=c,s=v(c,["children"]);if(m.isValidElement(o)){let i=Ae(o),a=Ve(s,o.props);return o.type!==m.Fragment&&(a.ref=n?I(n,i):i),m.cloneElement(o,a)}return m.Children.count(o)>1?m.Children.only(null):null});return t.displayName=`${e}.SlotClone`,t}var Be=Symbol("radix.slottable");function De(e){return m.isValidElement(e)&&typeof e.type=="function"&&"__radixId"in e.type&&e.type.__radixId===Be}function Ve(e,t){let r=l({},t);for(let n in t){let o=e[n],s=t[n];/^on[A-Z]/.test(n)?o&&s?r[n]=(...i)=>{let a=s(...i);return o(...i),a}:o&&(r[n]=o):n==="style"?r[n]=l(l({},o),s):n==="className"&&(r[n]=[o,s].filter(Boolean).join(" "))}return l(l({},e),r)}function Ae(e){var n,o;let t=(n=Object.getOwnPropertyDescriptor(e.props,"ref"))==null?void 0:n.get,r=t&&"isReactWarning"in t&&t.isReactWarning;return r?e.ref:(t=(o=Object.getOwnPropertyDescriptor(e,"ref"))==null?void 0:o.get,r=t&&"isReactWarning"in t&&t.isReactWarning,r?e.props.ref:e.props.ref||e.ref)}var le=require("react/jsx-runtime");var Ie=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","select","span","svg","ul"],L=Ie.reduce((e,t)=>{let r=ce(`Primitive.${t}`),n=ae.forwardRef((o,s)=>{let d=o,{asChild:c}=d,i=v(d,["asChild"]),a=c?r:t;return typeof window!="undefined"&&(window[Symbol.for("radix-ui")]=!0),(0,le.jsx)(a,h(l({},i),{ref:s}))});return n.displayName=`Primitive.${t}`,h(l({},e),{[t]:n})},{});var P=require("react/jsx-runtime");var V="Switch",[je,Ct]=te(V),[Le,We]=je(V),ue=w.forwardRef((e,t)=>{let U=e,{__scopeSwitch:r,name:n,checked:o,defaultChecked:s,required:c,disabled:i,value:a="on",onCheckedChange:d,form:u}=U,p=v(U,["__scopeSwitch","name","checked","defaultChecked","required","disabled","value","onCheckedChange","form"]),[f,x]=w.useState(null),S=j(t,N=>x(N)),g=w.useRef(!1),E=f?u||!!f.closest("form"):!0,[z,k]=oe({prop:o,defaultProp:s!=null?s:!1,onChange:d,caller:V});return(0,P.jsxs)(Le,{scope:r,checked:z,disabled:i,children:[(0,P.jsx)(L.button,h(l({type:"button",role:"switch","aria-checked":z,"aria-required":c,"data-state":me(z),"data-disabled":i?"":void 0,disabled:i,value:a},p),{ref:S,onClick:J(e.onClick,N=>{k(xe=>!xe),E&&(g.current=N.isPropagationStopped(),g.current||N.stopPropagation())})})),E&&(0,P.jsx)(pe,{control:f,bubbles:!g.current,name:n,value:a,checked:z,required:c,disabled:i,form:u,style:{transform:"translateX(-100%)"}})]})});ue.displayName=V;var fe="SwitchThumb",de=w.forwardRef((e,t)=>{let s=e,{__scopeSwitch:r}=s,n=v(s,["__scopeSwitch"]),o=We(fe,r);return(0,P.jsx)(L.span,h(l({"data-state":me(o.checked),"data-disabled":o.disabled?"":void 0},n),{ref:t}))});de.displayName=fe;var Fe="SwitchBubbleInput",pe=w.forwardRef((c,s)=>{var i=c,{__scopeSwitch:e,control:t,checked:r,bubbles:n=!0}=i,o=v(i,["__scopeSwitch","control","checked","bubbles"]);let a=w.useRef(null),d=j(a,s),u=ne(r),p=ie(t);return w.useEffect(()=>{let f=a.current;if(!f)return;let x=window.HTMLInputElement.prototype,g=Object.getOwnPropertyDescriptor(x,"checked").set;if(u!==r&&g){let E=new Event("click",{bubbles:n});g.call(f,r),f.dispatchEvent(E)}},[u,r,n]),(0,P.jsx)("input",h(l({type:"checkbox","aria-hidden":!0,defaultChecked:r},o),{tabIndex:-1,ref:d,style:h(l(l({},o.style),p),{position:"absolute",pointerEvents:"none",opacity:0,margin:0})}))});pe.displayName=Fe;function me(e){return e?"checked":"unchecked"}var he=ue,ve=de;var W=require("tailwind-variants"),be=(0,W.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"}}),ge=(0,W.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 F=require("react/jsx-runtime");function qe(c){var i=c,{className:e,size:t,disabled:r,iconOff:n,iconOn:o}=i,s=v(i,["className","size","disabled","iconOff","iconOn"]);return(0,F.jsx)(he,h(l({"data-slot":"switch",className:be({className:e,size:t,disabled:r}),disabled:r},s),{children:(0,F.jsx)(ve,{"data-slot":"switch-thumb",className:ge({size:t,disabled:r}),children:s.checked?o:n})}))}var Re=qe;0&&(module.exports={Button,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 he=Object.defineProperty,ve=Object.defineProperties;var be=Object.getOwnPropertyDescriptors;var _=Object.getOwnPropertySymbols;var I=Object.prototype.hasOwnProperty,j=Object.prototype.propertyIsEnumerable;var T=(e,t,r)=>t in e?he(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,l=(e,t)=>{for(var r in t||(t={}))I.call(t,r)&&T(e,r,t[r]);if(_)for(var r of _(t))j.call(t,r)&&T(e,r,t[r]);return e},h=(e,t)=>ve(e,be(t));var v=(e,t)=>{var r={};for(var n in e)I.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(e!=null&&_)for(var n of _(e))t.indexOf(n)<0&&j.call(e,n)&&(r[n]=e[n]);return r};import{tv as ge}from"tailwind-variants";var L=ge({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 Re}from"react";import{Fragment as F,jsx as S,jsxs as W}from"react/jsx-runtime";function U(f){var R=f,{className:e,variant:t,size:r="md",children:n,color:o,traillingIcon:s,loading:c,disabled:i,iconOnly:a,rounded:d,type:u="button"}=R,p=v(R,["className","variant","size","children","color","traillingIcon","loading","disabled","iconOnly","rounded","type"]);let y=Re(()=>{let b=["md","lg"].includes(r);return a||!b?"*:size-1.5":"*:size-2"},[a]);return S("button",h(l({className:L({variant:t,size:r,className:e,color:o,iconOnly:a,rounded:d}),disabled:i||c,type:u},p),{children:S(F,{children:c?S("div",{className:"flex items-center justify-center",children:W("div",{className:`*:bg-icon flex rounded-full bg-blue-50 *:rounded-full ${y}`,children:[S("span",{className:"dot"}),S("span",{className:"dot delay-02"}),S("span",{className:"dot delay-04"}),S("span",{className:"dot delay-06"})]})}):W(F,{children:[n,s&&S("span",{className:"absolute top-1/2 -translate-y-1/2 ltr:right-3 rtl:left-3",children:s})]})})}))}import*as x from"react";var Ze=!!(typeof window!="undefined"&&window.document&&window.document.createElement);function q(e,t,{checkForDefaultPrevented:r=!0}={}){return function(o){if(e==null||e(o),r===!1||!o.defaultPrevented)return t==null?void 0:t(o)}}import*as X from"react";function H(e,t){if(typeof e=="function")return e(t);e!=null&&(e.current=t)}function B(...e){return t=>{let r=!1,n=e.map(o=>{let s=H(o,t);return!r&&typeof s=="function"&&(r=!0),s});if(r)return()=>{for(let o=0;o<n.length;o++){let s=n[o];typeof s=="function"?s():H(e[o],null)}}}}function D(...e){return X.useCallback(B(...e),e)}import*as w from"react";import{jsx as xe}from"react/jsx-runtime";function Y(e,t=[]){let r=[];function n(s,c){let i=w.createContext(c),a=r.length;r=[...r,c];let d=p=>{var P;let C=p,{scope:f,children:R}=C,y=v(C,["scope","children"]),b=((P=f==null?void 0:f[e])==null?void 0:P[a])||i,z=w.useMemo(()=>y,Object.values(y));return xe(b.Provider,{value:z,children:R})};d.displayName=s+"Provider";function u(p,f){var b;let R=((b=f==null?void 0:f[e])==null?void 0:b[a])||i,y=w.useContext(R);if(y)return y;if(c!==void 0)return c;throw new Error(`\`${p}\` must be used within \`${s}\``)}return[d,u]}let o=()=>{let s=r.map(c=>w.createContext(c));return function(i){let a=(i==null?void 0:i[e])||s;return w.useMemo(()=>({[`__scope${e}`]:h(l({},i),{[e]:a})}),[i,a])}};return o.scopeName=e,[n,ye(o,...t)]}function ye(...e){let t=e[0];if(e.length===1)return t;let r=()=>{let n=e.map(o=>({useScope:o(),scopeName:o.scopeName}));return function(s){let c=n.reduce((i,{useScope:a,scopeName:d})=>{let p=a(s)[`__scope${d}`];return l(l({},i),p)},{});return w.useMemo(()=>({[`__scope${t.scopeName}`]:c}),[c])}};return r.scopeName=t.scopeName,r}import*as g from"react";import*as Z from"react";var k=globalThis!=null&&globalThis.document?Z.useLayoutEffect:()=>{};import*as N from"react";var we=g[" useInsertionEffect ".trim().toString()]||k;function G({prop:e,defaultProp:t,onChange:r=()=>{},caller:n}){let[o,s,c]=Se({defaultProp:t,onChange:r}),i=e!==void 0,a=i?e:o;{let u=g.useRef(e!==void 0);g.useEffect(()=>{let p=u.current;p!==i&&console.warn(`${n} 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.`),u.current=i},[i,n])}let d=g.useCallback(u=>{var p;if(i){let f=Ce(u)?u(e):u;f!==e&&((p=c.current)==null||p.call(c,f))}else s(u)},[i,e,s,c]);return[a,d]}function Se({defaultProp:e,onChange:t}){let[r,n]=g.useState(e),o=g.useRef(r),s=g.useRef(t);return we(()=>{s.current=t},[t]),g.useEffect(()=>{var c;o.current!==r&&((c=s.current)==null||c.call(s,r),o.current=r)},[r,o]),[r,n,s]}function Ce(e){return typeof e=="function"}var ot=Symbol("RADIX:SYNC_STATE");import*as O from"react";function J(e){let t=O.useRef({value:e,previous:e});return O.useMemo(()=>(t.current.value!==e&&(t.current.previous=t.current.value,t.current.value=e),t.current.previous),[e])}import*as K from"react";function Q(e){let[t,r]=K.useState(void 0);return k(()=>{if(e){r({width:e.offsetWidth,height:e.offsetHeight});let n=new ResizeObserver(o=>{if(!Array.isArray(o)||!o.length)return;let s=o[0],c,i;if("borderBoxSize"in s){let a=s.borderBoxSize,d=Array.isArray(a)?a[0]:a;c=d.inlineSize,i=d.blockSize}else c=e.offsetWidth,i=e.offsetHeight;r({width:c,height:i})});return n.observe(e,{box:"border-box"}),()=>n.unobserve(e)}else r(void 0)},[e]),t}import*as re from"react";import*as Ne from"react-dom";import*as m from"react";import{Fragment as ft,jsx as ee}from"react/jsx-runtime";function te(e){let t=ze(e),r=m.forwardRef((n,o)=>{let d=n,{children:s}=d,c=v(d,["children"]),i=m.Children.toArray(s),a=i.find(Ee);if(a){let u=a.props.children,p=i.map(f=>f===a?m.Children.count(u)>1?m.Children.only(null):m.isValidElement(u)?u.props.children:null:f);return ee(t,h(l({},c),{ref:o,children:m.isValidElement(u)?m.cloneElement(u,void 0,p):null}))}return ee(t,h(l({},c),{ref:o,children:s}))});return r.displayName=`${e}.Slot`,r}function ze(e){let t=m.forwardRef((r,n)=>{let c=r,{children:o}=c,s=v(c,["children"]);if(m.isValidElement(o)){let i=ke(o),a=_e(s,o.props);return o.type!==m.Fragment&&(a.ref=n?B(n,i):i),m.cloneElement(o,a)}return m.Children.count(o)>1?m.Children.only(null):null});return t.displayName=`${e}.SlotClone`,t}var Pe=Symbol("radix.slottable");function Ee(e){return m.isValidElement(e)&&typeof e.type=="function"&&"__radixId"in e.type&&e.type.__radixId===Pe}function _e(e,t){let r=l({},t);for(let n in t){let o=e[n],s=t[n];/^on[A-Z]/.test(n)?o&&s?r[n]=(...i)=>{let a=s(...i);return o(...i),a}:o&&(r[n]=o):n==="style"?r[n]=l(l({},o),s):n==="className"&&(r[n]=[o,s].filter(Boolean).join(" "))}return l(l({},e),r)}function ke(e){var n,o;let t=(n=Object.getOwnPropertyDescriptor(e.props,"ref"))==null?void 0:n.get,r=t&&"isReactWarning"in t&&t.isReactWarning;return r?e.ref:(t=(o=Object.getOwnPropertyDescriptor(e,"ref"))==null?void 0:o.get,r=t&&"isReactWarning"in t&&t.isReactWarning,r?e.props.ref:e.props.ref||e.ref)}import{jsx as Oe}from"react/jsx-runtime";var Me=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","select","span","svg","ul"],V=Me.reduce((e,t)=>{let r=te(`Primitive.${t}`),n=re.forwardRef((o,s)=>{let d=o,{asChild:c}=d,i=v(d,["asChild"]),a=c?r:t;return typeof window!="undefined"&&(window[Symbol.for("radix-ui")]=!0),Oe(a,h(l({},i),{ref:s}))});return n.displayName=`Primitive.${t}`,h(l({},e),{[t]:n})},{});import{jsx as M,jsxs as $e}from"react/jsx-runtime";var $="Switch",[Be,Pt]=Y($),[De,Ve]=Be($),oe=x.forwardRef((e,t)=>{let A=e,{__scopeSwitch:r,name:n,checked:o,defaultChecked:s,required:c,disabled:i,value:a="on",onCheckedChange:d,form:u}=A,p=v(A,["__scopeSwitch","name","checked","defaultChecked","required","disabled","value","onCheckedChange","form"]),[f,R]=x.useState(null),y=D(t,E=>R(E)),b=x.useRef(!1),z=f?u||!!f.closest("form"):!0,[C,P]=G({prop:o,defaultProp:s!=null?s:!1,onChange:d,caller:$});return $e(De,{scope:r,checked:C,disabled:i,children:[M(V.button,h(l({type:"button",role:"switch","aria-checked":C,"aria-required":c,"data-state":ce(C),"data-disabled":i?"":void 0,disabled:i,value:a},p),{ref:y,onClick:q(e.onClick,E=>{P(me=>!me),z&&(b.current=E.isPropagationStopped(),b.current||E.stopPropagation())})})),z&&M(ie,{control:f,bubbles:!b.current,name:n,value:a,checked:C,required:c,disabled:i,form:u,style:{transform:"translateX(-100%)"}})]})});oe.displayName=$;var ne="SwitchThumb",se=x.forwardRef((e,t)=>{let s=e,{__scopeSwitch:r}=s,n=v(s,["__scopeSwitch"]),o=Ve(ne,r);return M(V.span,h(l({"data-state":ce(o.checked),"data-disabled":o.disabled?"":void 0},n),{ref:t}))});se.displayName=ne;var Ae="SwitchBubbleInput",ie=x.forwardRef((c,s)=>{var i=c,{__scopeSwitch:e,control:t,checked:r,bubbles:n=!0}=i,o=v(i,["__scopeSwitch","control","checked","bubbles"]);let a=x.useRef(null),d=D(a,s),u=J(r),p=Q(t);return x.useEffect(()=>{let f=a.current;if(!f)return;let R=window.HTMLInputElement.prototype,b=Object.getOwnPropertyDescriptor(R,"checked").set;if(u!==r&&b){let z=new Event("click",{bubbles:n});b.call(f,r),f.dispatchEvent(z)}},[u,r,n]),M("input",h(l({type:"checkbox","aria-hidden":!0,defaultChecked:r},o),{tabIndex:-1,ref:d,style:h(l(l({},o.style),p),{position:"absolute",pointerEvents:"none",opacity:0,margin:0})}))});ie.displayName=Ae;function ce(e){return e?"checked":"unchecked"}var ae=oe,le=se;import{tv as ue}from"tailwind-variants";var fe=ue({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"}}),de=ue({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 pe}from"react/jsx-runtime";function Ie(c){var i=c,{className:e,size:t,disabled:r,iconOff:n,iconOn:o}=i,s=v(i,["className","size","disabled","iconOff","iconOn"]);return pe(ae,h(l({"data-slot":"switch",className:fe({className:e,size:t,disabled:r}),disabled:r},s),{children:pe(le,{"data-slot":"switch-thumb",className:de({size:t,disabled:r}),children:s.checked?o:n})}))}var je=Ie;export{U as Button,je as Switch};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bsm-design-system",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "private": false,
   "main": "index.js",
   "module": "index.mjs",

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%}.contents{display:contents}.flex{display:flex}.inline-flex{display:inline-flex}.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)}.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-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-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-error-light{border-color:var(--bsm-error-light,#fff0f0)}.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-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)}}.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)}.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\]\: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]{--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]{--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)}.\[\&_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}