bsm-design-system 1.0.0 → 1.0.1

package/index.d.mts

@@ -23,6 +23,10 @@ declare const buttonVariants: tailwind_variants.TVReturnType<{
         true: string;
         false: string;
     };
+    rounded: {
+        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", {
     variant: {
         fill: string;
@@ -44,6 +48,10 @@ declare const buttonVariants: tailwind_variants.TVReturnType<{
         true: string;
         false: string;
     };
+    rounded: {
+        true: string;
+        false: string;
+    };
 }, undefined, tailwind_variants.TVReturnType<{
     variant: {
         fill: string;
@@ -65,6 +73,10 @@ declare const buttonVariants: tailwind_variants.TVReturnType<{
         true: string;
         false: string;
     };
+    rounded: {
+        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>>;
 
 type ButtonVariant = keyof typeof buttonVariants.variants.variant;
@@ -103,9 +115,13 @@ interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
   loading?: boolean;
   /**
   /**
-   * Button Loading State
+   * Button Icon Only
    */
   iconOnly?: boolean;
+  /**
+   * Button Icon Only
+   */
+  rounded?: boolean;
   /**
    * Button Click Event
    */
@@ -115,6 +131,6 @@ interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
 /**
  * A button component
  */
-declare function Button({ className, variant, size, children, color, traillingIcon, loading, disabled, iconOnly, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
+declare function Button({ className, variant, size, children, color, traillingIcon, loading, disabled, iconOnly, rounded, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
 
 export { Button };

package/index.d.ts

@@ -23,6 +23,10 @@ declare const buttonVariants: tailwind_variants.TVReturnType<{
         true: string;
         false: string;
     };
+    rounded: {
+        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", {
     variant: {
         fill: string;
@@ -44,6 +48,10 @@ declare const buttonVariants: tailwind_variants.TVReturnType<{
         true: string;
         false: string;
     };
+    rounded: {
+        true: string;
+        false: string;
+    };
 }, undefined, tailwind_variants.TVReturnType<{
     variant: {
         fill: string;
@@ -65,6 +73,10 @@ declare const buttonVariants: tailwind_variants.TVReturnType<{
         true: string;
         false: string;
     };
+    rounded: {
+        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>>;
 
 type ButtonVariant = keyof typeof buttonVariants.variants.variant;
@@ -103,9 +115,13 @@ interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
   loading?: boolean;
   /**
   /**
-   * Button Loading State
+   * Button Icon Only
    */
   iconOnly?: boolean;
+  /**
+   * Button Icon Only
+   */
+  rounded?: boolean;
   /**
    * Button Click Event
    */
@@ -115,6 +131,6 @@ interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
 /**
  * A button component
  */
-declare function Button({ className, variant, size, children, color, traillingIcon, loading, disabled, iconOnly, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
+declare function Button({ className, variant, size, children, color, traillingIcon, loading, disabled, iconOnly, rounded, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
 
 export { Button };

package/index.js

@@ -1 +1 @@
-"use strict";var l=Object.defineProperty,B=Object.defineProperties,V=Object.getOwnPropertyDescriptor,k=Object.getOwnPropertyDescriptors,M=Object.getOwnPropertyNames,a=Object.getOwnPropertySymbols;var c=Object.prototype.hasOwnProperty,b=Object.prototype.propertyIsEnumerable;var u=(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)&&u(r,t,e[t]);if(a)for(var t of a(e))b.call(e,t)&&u(r,t,e[t]);return r},f=(r,e)=>B(r,k(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 P=(r,e)=>{for(var t in e)l(r,t,{get:e[t],enumerable:!0})},j=(r,e,t,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of M(e))!c.call(r,o)&&o!==t&&l(r,o,{get:()=>e[o],enumerable:!(i=V(e,o))||i.enumerable});return r};var C=r=>j(l({},"__esModule",{value:!0}),r);var L={};P(L,{Button:()=>d});module.exports=C(L);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:""}},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(S){var p=S,{className:r,variant:e,size:t="md",children:i,color:o,traillingIcon:g,loading:v,disabled:N,iconOnly:n}=p,O=h(p,["className","variant","size","children","color","traillingIcon","loading","disabled","iconOnly"]);let _=(0,z.useMemo)(()=>{let w=["md","lg"].includes(t);return n||!w?"*: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}),disabled:N||v},O),{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 ${_}`,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 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});

package/index.mjs

@@ -1 +1 @@
-var w=Object.defineProperty,B=Object.defineProperties;var V=Object.getOwnPropertyDescriptors;var o=Object.getOwnPropertySymbols;var g=Object.prototype.hasOwnProperty,v=Object.prototype.propertyIsEnumerable;var d=(r,e,t)=>e in r?w(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t,p=(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},u=(r,e)=>B(r,V(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 k}from"tailwind-variants";var m=k({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:""}},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 M}from"react";import{Fragment as h,jsx as i,jsxs as f}from"react/jsx-runtime";function x(P){var c=P,{className:r,variant:e,size:t="md",children:s,color:y,traillingIcon:l,loading:n,disabled:z,iconOnly:a}=c,N=b(c,["className","variant","size","children","color","traillingIcon","loading","disabled","iconOnly"]);let O=M(()=>{let _=["md","lg"].includes(t);return a||!_?"*:size-1.5":"*:size-2"},[a]);return i("button",u(p({className:m({variant:e,size:t,className:r,color:y,iconOnly:a}),disabled:z||n},N),{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 ${O}`,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 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};

package/package.json

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

package/styles.css

@@ -1,859 +1,2 @@
 /*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */
-@layer properties;
-@layer theme, base, components, utilities;
-@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: 0.25rem;
-    --text-xs: 0.75rem;
-    --text-xs--line-height: calc(1 / 0.75);
-    --text-sm: 0.875rem;
-    --text-sm--line-height: calc(1.25 / 0.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: 0.5rem;
-    --radius-xl: 0.75rem;
-    --default-transition-duration: 150ms;
-    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    --default-font-family: var(--font-sans);
-    --default-mono-font-family: var(--font-mono);
-  }
-}
-@layer base {
-  *, ::after, ::before, ::backdrop, ::file-selector-button {
-    box-sizing: border-box;
-    margin: 0;
-    padding: 0;
-    border: 0 solid;
-  }
-  html, :host {
-    line-height: 1.5;
-    -webkit-text-size-adjust: 100%;
-    tab-size: 4;
-    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;
-    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 {
-    font-size: 75%;
-    line-height: 0;
-    position: relative;
-    vertical-align: baseline;
-  }
-  sub {
-    bottom: -0.25em;
-  }
-  sup {
-    top: -0.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 {
-    display: block;
-    vertical-align: middle;
-  }
-  img, video {
-    max-width: 100%;
-    height: auto;
-  }
-  button, input, select, optgroup, textarea, ::file-selector-button {
-    font: inherit;
-    font-feature-settings: inherit;
-    font-variation-settings: inherit;
-    letter-spacing: inherit;
-    color: inherit;
-    border-radius: 0;
-    background-color: transparent;
-    opacity: 1;
-  }
-  :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)) {
-        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, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-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"]), ::file-selector-button {
-    appearance: button;
-  }
-  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
-    height: auto;
-  }
-  [hidden]:where(:not([hidden="until-found"])) {
-    display: none !important;
-  }
-}
-@layer utilities {
-  .absolute {
-    position: absolute;
-  }
-  .relative {
-    position: relative;
-  }
-  .top-1\/2 {
-    top: calc(1/2 * 100%);
-  }
-  .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);
-  }
-  .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);
-  }
-  .space-y-8 {
-    :where(& > :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-\[10px\] {
-    border-radius: 10px;
-  }
-  .rounded-full {
-    border-radius: calc(infinity * 1px);
-  }
-  .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: transparent;
-  }
-  .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 , #ffffff);
-  }
-  .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));
-  }
-  .outline-none {
-    --tw-outline-style: none;
-    outline-style: none;
-  }
-  .select-none {
-    -webkit-user-select: none;
-    user-select: none;
-  }
-  .\*\:size-1\.5 {
-    :is(& > *) {
-      width: calc(var(--spacing) * 1.5);
-      height: calc(var(--spacing) * 1.5);
-    }
-  }
-  .\*\:size-2 {
-    :is(& > *) {
-      width: calc(var(--spacing) * 2);
-      height: calc(var(--spacing) * 2);
-    }
-  }
-  .\*\:rounded-full {
-    :is(& > *) {
-      border-radius: calc(infinity * 1px);
-    }
-  }
-  .\*\:bg-icon {
-    :is(& > *) {
-      background-color: var(--bsm-icon-color  , #F5F5F5);
-    }
-  }
-  .hover\:bg-error-hover {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--bsm-error-hover , #FF868A);
-      }
-    }
-  }
-  .hover\:bg-error-light {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--bsm-error-light , #fff0f0);
-      }
-    }
-  }
-  .hover\:bg-error-light-hover {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--bsm-error-light-hover , #ffd2d3);
-      }
-    }
-  }
-  .hover\:bg-outline-hover {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--bsm-outline-hover  , #F5F5F5);
-      }
-    }
-  }
-  .hover\:bg-primary-hover {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--bsm-primary-hover , #505358);
-      }
-    }
-  }
-  .hover\:bg-primary-light {
-    &:hover {
-      @media (hover: 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 , #ffffff);
-    }
-  }
-  .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 , rgba(234, 16, 23, 0.25));
-    }
-  }
-  .active\:bg-outline-active {
-    &:active {
-      background-color: var(--bsm-outline-active  , #E9E9EA);
-    }
-  }
-  .active\:bg-primary-active {
-    &:active {
-      background-color: var(--bsm-primary-active , #000000);
-    }
-  }
-  .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: #000000;
-  --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: #ffffff;
-  --bsm-info: #1677ff;
-  --bsm-info-hover: #69b1ff;
-  --bsm-info-focus: #1677ff;
-  --bsm-info-active: #124ab3;
-  --bsm-info-foreground: #ffffff;
-  --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: #ffffff;
-  --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: #ffffff;
-  --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: #ffffff;
-  --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: #ffffff;
-  --bsm-outline: #ffffff;
-  --bsm-outline-hover: #f5f5f5;
-  --bsm-outline-active: #e9e9ea;
-  --bsm-icon-color: #25282d;
-  --bsm-background: #ffffff;
-}
-.dark, [data-theme="dark"] {
-  --bsm-primary: #f5f5f5;
-  --bsm-primary-hover: #c7c8c9;
-  --bsm-primary-focus: #505358;
-  --bsm-primary-active: #b6b7b9;
-  --bsm-primary-light: rgba(161, 189, 217, 0.08);
-  --bsm-primary-light-hover: rgba(3, 4, 3, 0.25);
-  --bsm-primary-light-active: rgba(3, 4, 3, 0.25);
-  --bsm-primary-border: rgba(166, 197, 226, 0.16);
-  --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: rgba(234, 16, 23, 0.15);
-  --bsm-error-light-hover: rgba(234, 16, 23, 0.2);
-  --bsm-error-light-active: rgba(234, 16, 23, 0.25);
-  --bsm-error-foreground: #ffffff;
-  --bsm-error-secondary-foreground: #460103;
-  --bsm-error-light-foreground: #5c0003;
-  --bsm-error-light-secondary-foreground: #ea1017;
-  --bsm-error-light-tertiary-foreground: #25282d;
-  --bsm-outline: #ffffff;
-  --bsm-outline-hover: rgba(3, 4, 3, 0.12);
-  --bsm-outline-active: rgba(3, 4, 3, 0.25);
-  --bsm-disabled: #3d444c;
-  --bsm-disabled-light: #3d444c;
-  --bsm-disabled-foreground: rgb(195, 222, 254, 0.15);
-  --bsm-inverse-text: #25282d;
-  --bsm-icon-color: #ffffff;
-  --bsm-background: #1b1e22;
-}
-@keyframes dotBounce {
-  0%, 80%, 100% {
-    transform: scale(0.4) translateY(0);
-    opacity: 0.6;
-  }
-  40% {
-    transform: scale(0.8) translateY(-5px);
-    opacity: 1;
-  }
-}
-.dot {
-  animation: dotBounce 1.4s infinite ease-in-out both;
-}
-.delay-02 {
-  animation-delay: 0.2s;
-}
-.delay-04 {
-  animation-delay: 0.4s;
-}
-.delay-06 {
-  animation-delay: 0.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-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-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: 0px;
-}
-@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-space-y-reverse: 0;
-      --tw-border-style: solid;
-      --tw-font-weight: initial;
-      --tw-outline-style: solid;
-      --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 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}

package/theme.css

@@ -1,138 +0,0 @@
-/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */
-:root {
-  --bsm-primary: #1b1e22;
-  --bsm-primary-hover: #505358;
-  --bsm-primary-focus: #1b1e22;
-  --bsm-primary-active: #000000;
-  --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: #ffffff;
-  --bsm-info: #1677ff;
-  --bsm-info-hover: #69b1ff;
-  --bsm-info-focus: #1677ff;
-  --bsm-info-active: #124ab3;
-  --bsm-info-foreground: #ffffff;
-  --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: #ffffff;
-  --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: #ffffff;
-  --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: #ffffff;
-  --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: #ffffff;
-  --bsm-outline: #ffffff;
-  --bsm-outline-hover: #f5f5f5;
-  --bsm-outline-active: #e9e9ea;
-  --bsm-icon-color: #25282d;
-  --bsm-background: #ffffff;
-}
-.dark, [data-theme="dark"] {
-  --bsm-primary: #f5f5f5;
-  --bsm-primary-hover: #c7c8c9;
-  --bsm-primary-focus: #505358;
-  --bsm-primary-active: #b6b7b9;
-  --bsm-primary-light: rgba(161, 189, 217, 0.08);
-  --bsm-primary-light-hover: rgba(3, 4, 3, 0.25);
-  --bsm-primary-light-active: rgba(3, 4, 3, 0.25);
-  --bsm-primary-border: rgba(166, 197, 226, 0.16);
-  --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: rgba(234, 16, 23, 0.15);
-  --bsm-error-light-hover: rgba(234, 16, 23, 0.2);
-  --bsm-error-light-active: rgba(234, 16, 23, 0.25);
-  --bsm-error-foreground: #ffffff;
-  --bsm-error-secondary-foreground: #460103;
-  --bsm-error-light-foreground: #5c0003;
-  --bsm-error-light-secondary-foreground: #ea1017;
-  --bsm-error-light-tertiary-foreground: #25282d;
-  --bsm-outline: #ffffff;
-  --bsm-outline-hover: rgba(3, 4, 3, 0.12);
-  --bsm-outline-active: rgba(3, 4, 3, 0.25);
-  --bsm-disabled: #3d444c;
-  --bsm-disabled-light: #3d444c;
-  --bsm-disabled-foreground: rgb(195, 222, 254, 0.15);
-  --bsm-inverse-text: #25282d;
-  --bsm-icon-color: #ffffff;
-  --bsm-background: #1b1e22;
-}
-@keyframes dotBounce {
-  0%, 80%, 100% {
-    transform: scale(0.4) translateY(0);
-    opacity: 0.6;
-  }
-  40% {
-    transform: scale(0.8) translateY(-5px);
-    opacity: 1;
-  }
-}
-.dot {
-  animation: dotBounce 1.4s infinite ease-in-out both;
-}
-.delay-02 {
-  animation-delay: 0.2s;
-}
-.delay-04 {
-  animation-delay: 0.4s;
-}
-.delay-06 {
-  animation-delay: 0.6s;
-}