blunt-ui 0.3.5 → 1.0.0

package/dist/index.cjs

@@ -1,12 +1,12 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),s=require("styled-components"),a=require("react"),bo=require("react-dom"),B=(o,r,n)=>s.css`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),s=require("styled-components"),a=require("react"),co=require("react-dom"),Q=(o,r,n)=>s.css`
   background: ${r};
   color: ${n};
   border: ${o.brutalism.borderWidth} solid ${o.colors.neutral[900]};
   box-shadow: 2px 2px 0 ${o.colors.neutral[900]};
-`,Oo=s.span`
+`,fr=s.span`
   display: inline-flex;
   align-items: center;
-  font-weight: 700;
+  font-weight: ${({theme:o})=>o.fontWeights.bold};
   letter-spacing: 0.04em;
   cursor: default;
   border-radius: ${({theme:o})=>o.radius.md};
@@ -16,14 +16,14 @@
   max-width: 20ch;
 
   ${({$size:o,theme:r})=>({sm:s.css`
-        padding: 2px 8px;
+        padding: ${r.spacing[.5]} ${r.spacing[2]};
         font-size: ${r.fontSizes.xs};
       `,md:s.css`
-        padding: 4px 10px;
+        padding: ${r.spacing[1]} ${r.spacing[3]};
         font-size: ${r.fontSizes.sm};
       `})[o]}
 
-  ${({$variant:o,theme:r})=>r.brutalism?{primary:B(r,r.colors.primary[500],r.colors.primary.contrast),neutral:B(r,r.colors.neutral[200],r.colors.neutral[900]),success:B(r,r.colors.success[50],r.colors.success[500]),error:B(r,r.colors.error[50],r.colors.error[500]),warning:B(r,r.colors.warning[50],r.colors.warning[500]),info:B(r,r.colors.info[50],r.colors.info[500])}[o]:{primary:s.css`
+  ${({$variant:o,theme:r})=>r.brutalism?{primary:Q(r,r.colors.primary[500],r.colors.primary.contrast),neutral:Q(r,r.colors.neutral[200],r.colors.neutral[900]),success:Q(r,r.colors.success[50],r.colors.success[500]),error:Q(r,r.colors.error[50],r.colors.error[500]),warning:Q(r,r.colors.warning[50],r.colors.warning[500]),info:Q(r,r.colors.info[50],r.colors.info[500])}[o]:{primary:s.css`
         background: ${r.colors.primary[50]};
         color: ${r.colors.primary[500]};
       `,neutral:s.css`
@@ -42,7 +42,7 @@
         background: ${r.colors.info[50]};
         color: ${r.colors.info[500]};
       `}[o]}
-`;function go({variant:o="primary",size:r="md",children:n,...e}){return t.jsx(Oo,{$variant:o,$size:r,...e,children:n})}go.displayName="Badge";const J=(o,r,n)=>s.css`
+`;function No({variant:o="primary",size:r="md",children:n,...e}){return t.jsx(fr,{$variant:o,$size:r,...e,children:n})}No.displayName="Badge";const $o=(o,r,n)=>s.css`
   background-color: ${r};
   color: ${n};
   border: ${o.brutalism.borderWidth} solid ${o.colors.neutral[900]};
@@ -55,12 +55,12 @@
     transform: translate(2px, 2px);
     box-shadow: 2px 2px 0 ${o.colors.neutral[900]};
   }
-`,No=s.button`
+`,pr=s.button`
   display: inline-flex;
   align-items: center;
   justify-content: center;
   border-radius: ${({theme:o})=>o.radius.md};
-  font-weight: 600;
+  font-weight: ${({theme:o})=>o.fontWeights.semibold};
   cursor: pointer;
   text-decoration: none;
 
@@ -74,7 +74,7 @@
     cursor: not-allowed;
   }
 
-  ${({$variant:o,theme:r})=>r.brutalism?{primary:J(r,r.colors.primary[500],r.colors.primary.contrast),secondary:J(r,r.colors.neutral[100],r.colors.neutral[900]),outline:J(r,r.colors.neutral[0],r.colors.neutral[900])}[o]:{primary:s.css`
+  ${({$variant:o,theme:r})=>r.brutalism?{primary:$o(r,r.colors.primary[500],r.colors.primary.contrast),secondary:$o(r,r.colors.neutral[100],r.colors.neutral[900]),outline:$o(r,r.colors.neutral[0],r.colors.neutral[900])}[o]:{primary:s.css`
         background-color: ${r.colors.primary[500]};
         color: ${r.colors.neutral[0]};
         border: none;
@@ -107,18 +107,18 @@
         padding: ${r.spacing[3]} ${r.spacing[6]};
         font-size: ${r.fontSizes.lg};
       `})[o]}
-`;function H({ref:o,as:r,href:n,variant:e="primary",size:l="md",isLoading:i,disabled:c,children:d,...p}){const b=r??(n?"a":"button");return t.jsx(No,{ref:o,as:b,href:n,$variant:e,$size:l,disabled:i||c,...p,children:i?"Loading...":d})}H.displayName="Button";const Fo=s.div`
+`;function ao({ref:o,as:r,href:n,variant:e="primary",size:i="md",isLoading:l,disabled:d,children:f,...u}){const p=r??(n?"a":"button");return t.jsx(pr,{ref:o,as:p,href:n,$variant:e,$size:i,disabled:l||d,...u,children:l?"Loading...":f})}ao.displayName="Button";const $r=s.div`
   display: flex;
   flex-direction: column;
   gap: ${({theme:o})=>o.spacing[1]};
   width: ${({$fullWidth:o})=>o?"100%":"auto"};
-`,Lo=s.label`
+`,gr=s.label`
   font-size: ${({theme:o})=>o.fontSizes.sm};
-  font-weight: ${({theme:o})=>o.brutalism?"700":"500"};
-`,Bo=s.span`
+  font-weight: ${({theme:o})=>o.brutalism?o.fontWeights.bold:o.fontWeights.medium};
+`,br=s.span`
   font-size: ${({theme:o})=>o.fontSizes.xs};
   color: ${({$error:o,theme:r})=>o?r.colors.error[500]:r.colors.neutral[500]};
-`,Vo=s.div`
+`,xr=s.div`
   display: flex;
   align-items: center;
   border-radius: ${({theme:o})=>o.radius.md};
@@ -160,7 +160,7 @@
   &:focus-within {
     box-shadow: ${({theme:o})=>o.shadows.focusRing};
   }
-`,_o=s.input`
+`,yr=s.input`
   flex: 1;
   border: none;
   outline: none;
@@ -171,11 +171,11 @@
     cursor: not-allowed;
     opacity: 0.6;
   }
-`,to=s.div`
+`,Co=s.div`
   display: inline-flex;
   align-items: center;
   margin: 0 ${({theme:o})=>o.spacing[1]};
-`,Ro=s.button`
+`,hr=s.button`
   display: inline-flex;
   align-items: center;
   margin: 0 ${({theme:o})=>o.spacing[1]};
@@ -188,18 +188,18 @@
   &:hover {
     opacity: 0.8;
   }
-`;function xo({ref:o,type:r="text",size:n="md",variant:e="default",label:l,helperText:i,error:c,leftElement:d,rightElement:p,clearable:b,onClear:g,fullWidth:h,id:y,value:f,defaultValue:x,onChange:v,...k}){const T=a.useId(),$=y??T,C=`${$}-hint`,[S,j]=a.useState(x??""),w=f!==void 0,z=w?f:S,I=typeof c=="string"?c:void 0,M=!!(i||c),D=E=>{w||j(E.target.value),v?.(E)},V=()=>{w||j(""),g?.()};return t.jsxs(Fo,{$fullWidth:h,children:[l&&t.jsx(Lo,{htmlFor:$,children:l}),t.jsxs(Vo,{$size:n,$variant:e,$error:!!c,children:[d&&t.jsx(to,{children:d}),t.jsx(_o,{id:$,ref:o,type:r,value:z,onChange:D,...k,"aria-invalid":!!c,"aria-describedby":M?C:void 0}),b&&z&&t.jsx(Ro,{type:"button",onClick:V,"aria-label":"Clear input",children:"✕"}),p&&t.jsx(to,{children:p})]}),M&&t.jsx(Bo,{id:C,$error:!!c,children:I??i})]})}xo.displayName="Input";const Ao=s.div`
+`;function Po({ref:o,type:r="text",size:n="md",variant:e="default",label:i,helperText:l,error:d,leftElement:f,rightElement:u,clearable:p,onClear:$,fullWidth:m,id:w,value:y,defaultValue:v,onChange:S,...W}){const L=a.useId(),E=w??L,g=`${E}-hint`,[j,h]=a.useState(v??""),x=y!==void 0,C=x?y:j,I=typeof d=="string"?d:void 0,z=!!(l||d),D=F=>{x||h(F.target.value),S?.(F)},P=()=>{x||h(""),$?.()};return t.jsxs($r,{$fullWidth:m,children:[i&&t.jsx(gr,{htmlFor:E,children:i}),t.jsxs(xr,{$size:n,$variant:e,$error:!!d,children:[f&&t.jsx(Co,{children:f}),t.jsx(yr,{id:E,ref:o,type:r,value:C,onChange:D,...W,"aria-invalid":!!d,"aria-describedby":z?g:void 0}),p&&C&&t.jsx(hr,{type:"button",onClick:P,"aria-label":"Clear input",children:"✕"}),u&&t.jsx(Co,{children:u})]}),z&&t.jsx(br,{id:g,$error:!!d,children:I??l})]})}Po.displayName="Input";const mr=s.div`
   display: flex;
   flex-direction: column;
   gap: ${({theme:o})=>o.spacing[1]};
   width: ${({$fullWidth:o})=>o?"100%":"auto"};
-`,Yo=s.label`
+`,wr=s.label`
   font-size: ${({theme:o})=>o.fontSizes.sm};
-  font-weight: ${({theme:o})=>o.brutalism?"700":"500"};
-`,Ho=s.span`
+  font-weight: ${({theme:o})=>o.brutalism?o.fontWeights.bold:o.fontWeights.medium};
+`,vr=s.span`
   font-size: ${({theme:o})=>o.fontSizes.xs};
   color: ${({$error:o,theme:r})=>o?r.colors.error[500]:r.colors.neutral[500]};
-`,qo=s.div`
+`,kr=s.div`
   display: flex;
   border-radius: ${({theme:o})=>o.radius.md};
   transition:
@@ -240,7 +240,7 @@
   &:focus-within {
     box-shadow: ${({theme:o})=>o.shadows.focusRing};
   }
-`,Uo=s.textarea`
+`,Sr=s.textarea`
   flex: 1;
   border: none;
   outline: none;
@@ -253,25 +253,32 @@
     cursor: not-allowed;
     opacity: 0.6;
   }
-`;function yo({ref:o,size:r="md",variant:n="default",label:e,helperText:l,error:i,fullWidth:c,id:d,value:p,defaultValue:b,onChange:g,...h}){const y=a.useId(),f=d??y,x=`${f}-hint`,[v,k]=a.useState(b??""),T=p!==void 0,$=T?p:v,C=typeof i=="string"?i:void 0,S=!!(l||i),j=w=>{T||k(w.target.value),g?.(w)};return t.jsxs(Ao,{$fullWidth:c,children:[e&&t.jsx(Yo,{htmlFor:f,children:e}),t.jsx(qo,{$size:r,$variant:n,$error:!!i,children:t.jsx(Uo,{id:f,ref:o,value:$,onChange:j,...h,"aria-invalid":!!i,"aria-describedby":S?x:void 0})}),S&&t.jsx(Ho,{id:x,$error:!!i,children:C??l})]})}yo.displayName="Textarea";const ho=(...o)=>o.filter((r,n,e)=>!!r&&r.trim()!==""&&e.indexOf(r)===n).join(" ").trim();const Ko=o=>o.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase();const Go=o=>o.replace(/^([A-Z])|[\s-_]+(\w)/g,(r,n,e)=>e?e.toUpperCase():n.toLowerCase());const eo=o=>{const r=Go(o);return r.charAt(0).toUpperCase()+r.slice(1)};var X={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};const Jo=o=>{for(const r in o)if(r.startsWith("aria-")||r==="role"||r==="title")return!0;return!1},Xo=a.createContext({}),Zo=()=>a.useContext(Xo),Qo=a.forwardRef(({color:o,size:r,strokeWidth:n,absoluteStrokeWidth:e,className:l="",children:i,iconNode:c,...d},p)=>{const{size:b=24,strokeWidth:g=2,absoluteStrokeWidth:h=!1,color:y="currentColor",className:f=""}=Zo()??{},x=e??h?Number(n??g)*24/Number(r??b):n??g;return a.createElement("svg",{ref:p,...X,width:r??b??X.width,height:r??b??X.height,stroke:o??y,strokeWidth:x,className:ho("lucide",f,l),...!i&&!Jo(d)&&{"aria-hidden":"true"},...d},[...c.map(([v,k])=>a.createElement(v,k)),...Array.isArray(i)?i:[i]])});const N=(o,r)=>{const n=a.forwardRef(({className:e,...l},i)=>a.createElement(Qo,{ref:i,iconNode:r,className:ho(`lucide-${Ko(eo(o))}`,`lucide-${o}`,e),...l}));return n.displayName=eo(o),n};const or=[["path",{d:"M12 5v14",key:"s699le"}],["path",{d:"m19 12-7 7-7-7",key:"1idqje"}]],rr=N("arrow-down",or);const sr=[["path",{d:"m21 16-4 4-4-4",key:"f6ql7i"}],["path",{d:"M17 20V4",key:"1ejh1v"}],["path",{d:"m3 8 4-4 4 4",key:"11wl7u"}],["path",{d:"M7 4v16",key:"1glfcx"}]],nr=N("arrow-up-down",sr);const tr=[["path",{d:"m5 12 7-7 7 7",key:"hav0vg"}],["path",{d:"M12 19V5",key:"x0mq9r"}]],er=N("arrow-up",tr);const ir=[["path",{d:"M8 2v4",key:"1cmpym"}],["path",{d:"M16 2v4",key:"4m81vk"}],["rect",{width:"18",height:"18",x:"3",y:"4",rx:"2",key:"1hopcy"}],["path",{d:"M3 10h18",key:"8toen8"}]],ar=N("calendar",ir);const lr=[["path",{d:"m6 9 6 6 6-6",key:"qrunsl"}]],wo=N("chevron-down",lr);const cr=[["path",{d:"m15 18-6-6 6-6",key:"1wnfg3"}]],dr=N("chevron-left",cr);const ur=[["path",{d:"m9 18 6-6-6-6",key:"mthhwq"}]],pr=N("chevron-right",ur);const fr=[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]],Q=N("x",fr),$r=s.div`
+`;function Fo({ref:o,size:r="md",variant:n="default",label:e,helperText:i,error:l,fullWidth:d,id:f,value:u,defaultValue:p,onChange:$,...m}){const w=a.useId(),y=f??w,v=`${y}-hint`,[S,W]=a.useState(p??""),L=u!==void 0,E=L?u:S,g=typeof l=="string"?l:void 0,j=!!(i||l),h=x=>{L||W(x.target.value),$?.(x)};return t.jsxs(mr,{$fullWidth:d,children:[e&&t.jsx(wr,{htmlFor:y,children:e}),t.jsx(kr,{$size:r,$variant:n,$error:!!l,children:t.jsx(Sr,{id:y,ref:o,value:E,onChange:h,...m,"aria-invalid":!!l,"aria-describedby":j?v:void 0})}),j&&t.jsx(vr,{id:v,$error:!!l,children:g??i})]})}Fo.displayName="Textarea";const Vo=(...o)=>o.filter((r,n,e)=>!!r&&r.trim()!==""&&e.indexOf(r)===n).join(" ").trim();const jr=o=>o.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase();const Cr=o=>o.replace(/^([A-Z])|[\s-_]+(\w)/g,(r,n,e)=>e?e.toUpperCase():n.toLowerCase());const zo=o=>{const r=Cr(o);return r.charAt(0).toUpperCase()+r.slice(1)};var go={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};const zr=o=>{for(const r in o)if(r.startsWith("aria-")||r==="role"||r==="title")return!0;return!1},Ir=a.createContext({}),Tr=()=>a.useContext(Ir),Dr=a.forwardRef(({color:o,size:r,strokeWidth:n,absoluteStrokeWidth:e,className:i="",children:l,iconNode:d,...f},u)=>{const{size:p=24,strokeWidth:$=2,absoluteStrokeWidth:m=!1,color:w="currentColor",className:y=""}=Tr()??{},v=e??m?Number(n??$)*24/Number(r??p):n??$;return a.createElement("svg",{ref:u,...go,width:r??p??go.width,height:r??p??go.height,stroke:o??w,strokeWidth:v,className:Vo("lucide",y,i),...!l&&!zr(f)&&{"aria-hidden":"true"},...f},[...d.map(([S,W])=>a.createElement(S,W)),...Array.isArray(l)?l:[l]])});const U=(o,r)=>{const n=a.forwardRef(({className:e,...i},l)=>a.createElement(Dr,{ref:l,iconNode:r,className:Vo(`lucide-${jr(zo(o))}`,`lucide-${o}`,e),...i}));return n.displayName=zo(o),n};const Wr=[["path",{d:"M12 5v14",key:"s699le"}],["path",{d:"m19 12-7 7-7-7",key:"1idqje"}]],Er=U("arrow-down",Wr);const Mr=[["path",{d:"m21 16-4 4-4-4",key:"f6ql7i"}],["path",{d:"M17 20V4",key:"1ejh1v"}],["path",{d:"m3 8 4-4 4 4",key:"11wl7u"}],["path",{d:"M7 4v16",key:"1glfcx"}]],Or=U("arrow-up-down",Mr);const Lr=[["path",{d:"m5 12 7-7 7 7",key:"hav0vg"}],["path",{d:"M12 19V5",key:"x0mq9r"}]],Rr=U("arrow-up",Lr);const Nr=[["path",{d:"M8 2v4",key:"1cmpym"}],["path",{d:"M16 2v4",key:"4m81vk"}],["rect",{width:"18",height:"18",x:"3",y:"4",rx:"2",key:"1hopcy"}],["path",{d:"M3 10h18",key:"8toen8"}]],Pr=U("calendar",Nr);const Fr=[["path",{d:"m6 9 6 6 6-6",key:"qrunsl"}]],Bo=U("chevron-down",Fr);const Vr=[["path",{d:"m15 18-6-6 6-6",key:"1wnfg3"}]],Br=U("chevron-left",Vr);const Ar=[["path",{d:"m9 18 6-6-6-6",key:"mthhwq"}]],_r=U("chevron-right",Ar);const Hr=[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]],uo=U("x",Hr),Yr=s.div`
   display: inline-flex;
   flex-direction: column;
   gap: ${({theme:o})=>o.spacing[1]};
   width: ${({$fullWidth:o})=>o?"100%":"auto"};
-`,br=s.div`
   position: relative;
+  min-width: 0;
+`,Ur=s.div`
+  height: 0;
+  overflow: hidden;
+  visibility: hidden;
+  pointer-events: none;
   display: flex;
-  width: 100%;
-`,gr=s.span`
-  font-size: ${({theme:o})=>o.fontSizes.xs};
-  color: ${({$error:o,theme:r})=>o?r.colors.error[500]:r.colors.neutral[500]};
-`,xr=s.select`
+  flex-direction: column;
+`,qr=s.button`
   appearance: none;
   width: 100%;
   border-radius: ${({theme:o})=>o.radius.md};
-  cursor: pointer;
+  cursor: ${({$disabled:o})=>o?"not-allowed":"pointer"};
   font: inherit;
   color: ${({theme:o})=>o.colors.neutral[900]};
+  display: flex;
+  align-items: center;
+  gap: ${({theme:o})=>o.spacing[2]};
+  text-align: left;
+  background: none;
   transition:
     border-color 0.2s,
     box-shadow 0.2s;
@@ -287,8 +294,6 @@
         font-size: ${r.fontSizes.lg};
       `})[o]}
 
-  padding-right: 2.5rem;
-
   ${({$variant:o,theme:r})=>r.brutalism?s.css`
         border: ${r.brutalism.borderWidth} solid
           ${r.colors.neutral[900]};
@@ -306,22 +311,106 @@
       border-color: ${r.colors.error[500]};
     `}
 
-  &:focus {
+  ${({$disabled:o})=>o&&s.css`
+      opacity: 0.6;
+    `}
+
+  &:focus-visible {
     outline: none;
     box-shadow: ${({theme:o})=>o.shadows.focusRing};
   }
+`,bo=s.span`
+  flex: 1;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  color: ${({$placeholder:o,theme:r})=>o?r.colors.neutral[400]:r.colors.neutral[900]};
+`,Kr=s.span`
+  display: flex;
+  align-items: center;
+  gap: ${({theme:o})=>o.spacing[1]};
+  flex-shrink: 0;
+  color: ${({theme:o})=>o.colors.neutral[500]};
+`,Gr=s.span`
+  display: inline-flex;
+  align-items: center;
+  transition: transform 0.15s;
+  transform: ${({$open:o})=>o?"rotate(180deg)":"rotate(0deg)"};
+`,Xr=s.ul`
+  z-index: ${({theme:o})=>o.zIndex.modal};
+  margin: 0;
+  padding: ${({theme:o})=>o.spacing[1]} 0;
+  list-style: none;
+  background-color: ${({theme:o})=>o.colors.neutral[0]};
+  border-radius: ${({theme:o})=>o.radius.md};
+  max-height: 240px;
+  overflow-y: auto;
 
-  &:disabled {
-    cursor: not-allowed;
-    opacity: 0.6;
+  ${({theme:o})=>o.brutalism?s.css`
+          border: ${o.brutalism.borderWidth} solid
+            ${o.colors.neutral[900]};
+          box-shadow: ${o.brutalism.shadowOffset}
+            ${o.brutalism.shadowOffset} 0 ${o.colors.neutral[900]};
+        `:s.css`
+          border: 1px solid ${o.colors.neutral[300]};
+          box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
+        `}
+`,Jr=s.div`
+  padding: ${({theme:o})=>o.spacing[2]};
+  border-bottom: 1px solid ${({theme:o})=>o.colors.neutral[200]};
+`,Qr=s.input`
+  width: 100%;
+  border: 1px solid ${({theme:o})=>o.colors.neutral[300]};
+  border-radius: ${({theme:o})=>o.radius.md};
+  padding: ${({theme:o})=>`${o.spacing[1]} ${o.spacing[2]}`};
+  font: inherit;
+  font-size: ${({theme:o})=>o.fontSizes.sm};
+  color: ${({theme:o})=>o.colors.neutral[900]};
+  background: ${({theme:o})=>o.colors.neutral[0]};
+  outline: none;
+
+  &:focus {
+    border-color: ${({theme:o})=>o.colors.primary[500]};
+    box-shadow: ${({theme:o})=>o.shadows.focusRing};
   }
-`,yr=s.button`
-  position: absolute;
-  right: ${({theme:o})=>o.spacing[3]};
-  top: 50%;
-  transform: translateY(-50%);
+
+  ${({theme:o})=>o.brutalism&&s.css`
+      border: ${o.brutalism.borderWidth} solid ${o.colors.neutral[900]};
+      &:focus {
+        box-shadow: ${o.shadows.focusRing};
+      }
+    `}
+`,Zr=s.li`
+  padding: ${({theme:o})=>`${o.spacing[2]} ${o.spacing[3]}`};
+  font-size: ${({theme:o})=>o.fontSizes.sm};
+  color: ${({theme:o})=>o.colors.neutral[400]};
+  list-style: none;
+`,os=s.li`
   display: flex;
   align-items: center;
+  padding: ${({theme:o})=>`${o.spacing[2]} ${o.spacing[3]}`};
+  font-size: ${({theme:o})=>o.fontSizes.md};
+  cursor: ${({$disabled:o})=>o?"not-allowed":"pointer"};
+  color: ${({$disabled:o,theme:r})=>o?r.colors.neutral[400]:r.colors.neutral[900]};
+
+  background-color: ${({$selected:o,$focused:r,theme:n})=>o?n.colors.primary[50]:r?n.colors.neutral[100]:"transparent"};
+
+  font-weight: ${({$selected:o,theme:r})=>o?r.fontWeights.semibold:r.fontWeights.normal};
+
+  ${({$selected:o,theme:r})=>o&&s.css`
+      border-left: ${r.spacing[1]} solid ${r.colors.primary[500]};
+      padding-left: ${r.spacing[2]};
+    `}
+
+  &:hover {
+    background-color: ${({$disabled:o,$selected:r,theme:n})=>o?"transparent":r?n.colors.primary[50]:n.colors.neutral[100]};
+  }
+`,rs=s.span`
+  font-size: ${({theme:o})=>o.fontSizes.xs};
+  color: ${({$error:o,theme:r})=>o?r.colors.error[500]:r.colors.neutral[500]};
+`,ss=s.button`
+  display: inline-flex;
+  align-items: center;
   padding: 0;
   background: none;
   border: none;
@@ -337,18 +426,9 @@
     outline-offset: 2px;
     border-radius: 2px;
   }
-`,hr=s.span`
-  position: absolute;
-  right: ${({theme:o})=>o.spacing[3]};
-  top: 50%;
-  transform: translateY(-50%);
-  pointer-events: none;
-  display: flex;
-  align-items: center;
-  color: ${({theme:o})=>o.colors.neutral[500]};
-`;function mo({options:o,placeholder:r,size:n="md",variant:e="default",error:l,fullWidth:i,clearable:c,onClear:d,id:p,value:b,defaultValue:g,onChange:h,...y}){const f=a.useId(),x=p??f,v=`${x}-hint`,k=typeof l=="string"?l:void 0,[T,$]=a.useState(g??""),C=b!==void 0,S=C?b:T,j=I=>{C||$(I.target.value),h?.(I)},w=()=>{C||$(""),d?.()},z=c&&!!S;return t.jsxs($r,{$fullWidth:i,children:[t.jsxs(br,{children:[t.jsxs(xr,{id:x,$size:n,$variant:e,$error:!!l,"aria-invalid":!!l,"aria-describedby":k?v:void 0,value:S,onChange:j,...y,children:[r&&t.jsx("option",{value:"",disabled:!0,children:r}),o.map(I=>t.jsx("option",{value:I.value,disabled:I.disabled,children:I.label},I.value))]}),z?t.jsx(yr,{type:"button",onClick:w,"aria-label":"Clear selection",children:t.jsx(Q,{size:14})}):t.jsx(hr,{"aria-hidden":"true",children:t.jsx(wo,{size:14})})]}),k&&t.jsx(gr,{id:v,$error:!0,children:k})]})}mo.displayName="Select";const io=s.span`
+`;function Ao({options:o,placeholder:r,size:n="md",variant:e="default",error:i,fullWidth:l,clearable:d,onClear:f,id:u,name:p,value:$,defaultValue:m,onChange:w,disabled:y,searchable:v,"aria-label":S,"aria-describedby":W}){const L=a.useId(),E=u??L,g=`${E}-list`,j=`${E}-search`,h=typeof i=="string"?i:void 0,[x,C]=a.useState(!1),[I,z]=a.useState(-1),[D,P]=a.useState(""),[F,O]=a.useState({top:0,left:0,width:0}),[V,q]=a.useState(m??""),N=$!==void 0,_=N?$:V,K=a.useRef(null),H=a.useRef(null),G=a.useRef(null),X=a.useRef(null),k=o.find(c=>c.value===_),M=v&&D?o.filter(c=>c.label.toLowerCase().includes(D.toLowerCase())):o,B=a.useCallback(()=>{if(!H.current)return;const c=H.current.getBoundingClientRect();O({top:c.bottom+4,left:c.left,width:c.width})},[]);a.useEffect(()=>{if(x)return B(),window.addEventListener("scroll",B,!0),window.addEventListener("resize",B),()=>{window.removeEventListener("scroll",B,!0),window.removeEventListener("resize",B)}},[x,B]),a.useEffect(()=>{if(!x)return;const c=T=>{const Y=K.current?.contains(T.target),to=G.current?.contains(T.target);!Y&&!to&&C(!1)};return document.addEventListener("mousedown",c),()=>document.removeEventListener("mousedown",c)},[x]),a.useEffect(()=>{x&&v&&setTimeout(()=>X.current?.focus(),0),x||(P(""),z(-1))},[x,v]),a.useEffect(()=>{z(-1)},[D]),a.useEffect(()=>{if(I<0)return;const c=document.getElementById(`${g}-option-${I}`);c&&typeof c.scrollIntoView=="function"&&c.scrollIntoView({block:"nearest"})},[I,g]);function A(c,T){let Y=c+T;for(;Y>=0&&Y<M.length;){if(!M[Y].disabled)return Y;Y+=T}return c}function oo(){return M.findIndex(c=>!c.disabled)}function no(){for(let c=M.length-1;c>=0;c--)if(!M[c].disabled)return c;return-1}function ro(c){if(c.disabled)return;N||q(c.value);const T={target:{name:p??"",value:c.value},currentTarget:{name:p??"",value:c.value}};w?.(T),C(!1),H.current?.focus()}function J(c){c.stopPropagation(),N||q(""),w?.({target:{name:p??"",value:""},currentTarget:{name:p??"",value:""}}),f?.(),H.current?.focus()}function fo(c){if(!y){if(!x){["ArrowDown","ArrowUp","Enter"," "].includes(c.key)&&(c.preventDefault(),C(!0),v||z(oo()));return}if(c.key==="Escape"){c.preventDefault(),C(!1);return}if(!v){if(c.key==="ArrowDown"){c.preventDefault(),z(T=>A(T,1));return}if(c.key==="ArrowUp"){c.preventDefault(),z(T=>A(T,-1));return}if(c.key==="Home"){c.preventDefault(),z(oo());return}if(c.key==="End"){c.preventDefault(),z(no());return}(c.key==="Enter"||c.key===" ")&&I>=0&&(c.preventDefault(),ro(M[I]))}}}function po(c){if(c.key==="Escape"){C(!1),H.current?.focus();return}if(c.key==="ArrowDown"){c.preventDefault(),z(T=>T<0?oo():A(T,1));return}if(c.key==="ArrowUp"){c.preventDefault(),z(T=>T<0?no():A(T,-1));return}c.key==="Enter"&&I>=0&&(c.preventDefault(),ro(M[I]))}const b=d&&!!_&&!y,R=I>=0?`${g}-option-${I}`:void 0;return t.jsxs(Yr,{ref:K,$fullWidth:l,children:[t.jsxs(Ur,{"aria-hidden":"true",children:[r&&t.jsx(bo,{children:r}),o.map(c=>t.jsx(bo,{children:c.label},c.value))]}),t.jsxs(qr,{ref:H,id:E,type:"button",role:"combobox","aria-expanded":x,"aria-haspopup":"listbox","aria-controls":x?g:void 0,"aria-activedescendant":x&&!v?R:void 0,"aria-invalid":!!i,"aria-label":S,"aria-describedby":W,$size:n,$variant:e,$error:!!i,$disabled:y,$open:x,disabled:y,onClick:()=>!y&&C(c=>!c),onKeyDown:fo,children:[t.jsx(bo,{$placeholder:!k,children:k?.label??r??"Select..."}),t.jsxs(Kr,{children:[b&&t.jsx(ss,{type:"button",onClick:J,"aria-label":"Clear selection",children:t.jsx(uo,{size:14})}),t.jsx(Gr,{$open:x,"aria-hidden":"true",children:t.jsx(Bo,{size:14})})]})]}),x&&co.createPortal(t.jsxs(Xr,{ref:G,id:g,role:"listbox","aria-label":r??"Options",style:{position:"fixed",top:F.top,left:F.left,width:F.width},children:[v&&t.jsx(Jr,{children:t.jsx(Qr,{ref:X,id:j,type:"text",placeholder:"Search...",value:D,onChange:c=>P(c.target.value),onKeyDown:po,"aria-label":"Search options","aria-controls":g,"aria-activedescendant":R})}),M.length===0&&t.jsx(Zr,{children:"No options found"}),M.map((c,T)=>t.jsx(os,{id:`${g}-option-${T}`,role:"option","aria-selected":c.value===_,"aria-disabled":c.disabled,$selected:c.value===_,$focused:T===I,$disabled:c.disabled,onClick:()=>ro(c),onMouseEnter:()=>!c.disabled&&z(T),children:c.label},c.value))]}),document.body),h&&t.jsx(rs,{$error:!0,children:h})]})}Ao.displayName="Select";const Io=s.span`
   display: inline-block;
-`,wr=s.span`
+`,ns=s.span`
   display: inline-block;
   min-width: 60px;
   padding: ${({theme:o})=>`${o.spacing[1]} ${o.spacing[2]}`};
@@ -386,7 +466,7 @@
             box-shadow: ${r.shadows.focusRing};
           }
         `}
-`,mr=s.input`
+`,ts=s.input`
   display: inline-block;
   min-width: 60px;
   padding: ${({theme:o})=>`${o.spacing[1]} ${o.spacing[2]}`};
@@ -405,7 +485,7 @@
           border: 1px solid ${o.colors.primary[500]};
           box-shadow: ${o.shadows.focusRing};
         `}
-`;function vo({value:o,defaultValue:r="",onChange:n,onSubmit:e,onCancel:l,placeholder:i="Click to edit",disabled:c=!1}){const d=o!==void 0,[p,b]=a.useState(r),g=d?o:p,[h,y]=a.useState(!1),[f,x]=a.useState(""),v=a.useRef(null),k=()=>{c||(x(g),y(!0),setTimeout(()=>{v.current?.focus(),v.current?.select()},0))},T=()=>{d||b(f),n?.(f),e?.(f),y(!1)},$=()=>{l?.(g),y(!1)},C=S=>{S.key==="Enter"?T():S.key==="Escape"&&$()};return h?t.jsx(io,{children:t.jsx(mr,{ref:v,value:f,size:Math.max(f.length,i.length,10),onChange:S=>x(S.target.value),onBlur:T,onKeyDown:C,"aria-label":"Edit value"})}):t.jsx(io,{children:t.jsx(wr,{role:c?void 0:"button",tabIndex:c?void 0:0,$disabled:c,$empty:!g,onClick:k,onKeyDown:S=>S.key==="Enter"&&k(),children:g||i})})}vo.displayName="Editable";const vr=s.a`
+`;function _o({value:o,defaultValue:r="",onChange:n,onSubmit:e,onCancel:i,placeholder:l="Click to edit",disabled:d=!1}){const f=o!==void 0,[u,p]=a.useState(r),$=f?o:u,[m,w]=a.useState(!1),[y,v]=a.useState(""),S=a.useRef(null),W=()=>{d||(v($),w(!0),setTimeout(()=>{S.current?.focus(),S.current?.select()},0))},L=()=>{f||p(y),n?.(y),e?.(y),w(!1)},E=()=>{i?.($),w(!1)},g=j=>{j.key==="Enter"?L():j.key==="Escape"&&E()};return m?t.jsx(Io,{children:t.jsx(ts,{ref:S,value:y,size:Math.max(y.length,l.length,10),onChange:j=>v(j.target.value),onBlur:L,onKeyDown:g,"aria-label":"Edit value"})}):t.jsx(Io,{children:t.jsx(ns,{role:d?void 0:"button",tabIndex:d?void 0:0,$disabled:d,$empty:!$,onClick:W,onKeyDown:j=>j.key==="Enter"&&W(),children:$||l})})}_o.displayName="Editable";const es=s.a`
   text-decoration: underline;
   text-underline-offset: 2px;
   transition: color 0.15s;
@@ -427,30 +507,30 @@
           color: ${r.colors.neutral[900]};
         }
       `})[o]}
-`;function oo({variant:o="default",external:r,children:n,...e}){return t.jsx(vr,{$variant:o,...r&&{target:"_blank",rel:"noreferrer"},...e,children:n})}oo.displayName="Link";const kr=s.div`
+`;function mo({variant:o="default",external:r,children:n,...e}){return t.jsx(es,{$variant:o,...r&&{target:"_blank",rel:"noreferrer"},...e,children:n})}mo.displayName="Link";const is=s.div`
   display: flex;
   flex-direction: column;
   gap: ${({theme:o})=>o.spacing[1]};
-`,Sr=s.span`
+`,as=s.span`
   font-size: ${({theme:o})=>o.fontSizes.xs};
   color: ${({theme:o})=>o.colors.neutral[500]};
-  font-weight: ${({theme:o})=>o.brutalism?"700":"500"};
-`,jr=s.span`
+  font-weight: ${({theme:o})=>o.brutalism?o.fontWeights.bold:o.fontWeights.medium};
+`,ls=s.span`
   font-size: ${({theme:o})=>o.fontSizes.md};
   color: ${({theme:o})=>o.colors.neutral[900]};
-`;function ko({label:o,value:r,href:n}){return t.jsxs(kr,{children:[t.jsx(Sr,{children:o}),n?t.jsx(oo,{href:n,external:!0,children:r}):t.jsx(jr,{children:r??"—"})]})}ko.displayName="Field";const Cr=s.keyframes`
+`;function Ho({label:o,value:r,href:n}){return t.jsxs(is,{children:[t.jsx(as,{children:o}),n?t.jsx(mo,{href:n,external:!0,children:r}):t.jsx(ls,{children:r??"—"})]})}Ho.displayName="Field";const cs=s.keyframes`
   from { opacity: 0; }
   to { opacity: 1; }
-`,zr=s.keyframes`
+`,ds=s.keyframes`
   from { opacity: 1; }
   to { opacity: 0; }
-`,Tr=s.keyframes`
+`,us=s.keyframes`
   from { opacity: 0; transform: scale(0.95) translateY(-8px); }
   to { opacity: 1; transform: scale(1) translateY(0); }
-`,Ir=s.keyframes`
+`,fs=s.keyframes`
   from { opacity: 1; transform: scale(1) translateY(0); }
   to { opacity: 0; transform: scale(0.95) translateY(-8px); }
-`,Mr=s.div`
+`,ps=s.div`
   position: fixed;
   inset: 0;
   background-color: rgba(0, 0, 0, 0.5);
@@ -458,9 +538,9 @@
   align-items: center;
   justify-content: center;
   z-index: ${({theme:o})=>o.zIndex.modal};
-  animation: ${({$closing:o})=>o?zr:Cr} 0.15s ease
+  animation: ${({$closing:o})=>o?ds:cs} 0.15s ease
     forwards;
-`,Dr=s.div`
+`,$s=s.div`
   position: relative;
   background: ${({theme:o})=>o.colors.neutral[0]};
   border-radius: ${({theme:o})=>o.radius.md};
@@ -469,7 +549,7 @@
   display: flex;
   flex-direction: column;
   max-height: 90vh;
-  animation: ${({$closing:o})=>o?Ir:Tr} 0.15s ease
+  animation: ${({$closing:o})=>o?fs:us} 0.15s ease
     forwards;
 
   ${({$size:o})=>o==="sm"&&s.css`
@@ -487,19 +567,19 @@
       max-height: 100vh;
       border-radius: 0;
     `}
-`,Er=s.div`
+`,gs=s.div`
   display: flex;
   align-items: center;
   gap: ${({theme:o})=>o.spacing[2]};
   padding: ${({theme:o})=>o.spacing[4]};
   border-bottom: 1px solid ${({theme:o})=>o.colors.neutral[200]};
   flex-shrink: 0;
-`,Pr=s.h2`
+`,bs=s.h2`
   flex: 1;
   font-size: ${({theme:o})=>o.fontSizes.lg};
-  font-weight: 600;
+  font-weight: ${({theme:o})=>o.fontWeights.semibold};
   margin: 0;
-`,Wr=s.button`
+`,xs=s.button`
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -524,11 +604,11 @@
     outline: 2px solid ${({theme:o})=>o.colors.primary[500]};
     outline-offset: 2px;
   }
-`,Or=s.div`
+`,ys=s.div`
   padding: ${({theme:o})=>o.spacing[4]};
   overflow-y: auto;
   flex: 1;
-`,Nr=s.div`
+`,hs=s.div`
   display: flex;
   align-items: center;
   justify-content: flex-end;
@@ -536,18 +616,37 @@
   padding: ${({theme:o})=>o.spacing[4]};
   border-top: 1px solid ${({theme:o})=>o.colors.neutral[200]};
   flex-shrink: 0;
-`,Fr=["button:not([disabled])","input:not([disabled])","select:not([disabled])","textarea:not([disabled])","a[href]",'[tabindex]:not([tabindex="-1"])'].join(", ");function ao(o){return Array.from(o.querySelectorAll(Fr))}function ro({open:o,onClose:r,title:n,children:e,footer:l,size:i="md",closeOnBackdrop:c=!0,closeOnEscape:d=!0,ariaLabelledBy:p,ariaDescribedBy:b}){const g=a.useRef(null),h=a.useRef(null),y=a.useId(),f=p??(n?y:void 0),[x,v]=a.useState(o),[k,T]=a.useState(!1);return a.useEffect(()=>{if(o)v(!0),T(!1);else if(x){T(!0);const $=setTimeout(()=>{v(!1),T(!1)},150);return()=>clearTimeout($)}},[o,x]),a.useEffect(()=>{if(!o)return;const $=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=$}},[o]),a.useEffect(()=>{if(!o||!g.current)return;const $=g.current,C=document.activeElement;(ao($)[0]??$).focus();const j=w=>{if(w.key==="Escape"&&d){r();return}if(w.key!=="Tab")return;const z=ao($);if(z.length===0){w.preventDefault();return}const I=z[0],M=z[z.length-1];w.shiftKey?document.activeElement===I&&(w.preventDefault(),M.focus()):document.activeElement===M&&(w.preventDefault(),I.focus())};return document.addEventListener("keydown",j),()=>{document.removeEventListener("keydown",j),C?.focus()}},[o,d,r,x]),x?bo.createPortal(t.jsx(Mr,{$closing:k,onMouseDown:$=>{h.current=$.target},onClick:$=>{c&&h.current===$.currentTarget&&r()},children:t.jsxs(Dr,{ref:g,role:"dialog","aria-modal":"true","aria-labelledby":f,"aria-describedby":b,$size:i,$closing:k,tabIndex:-1,onClick:$=>$.stopPropagation(),children:[t.jsxs(Er,{children:[n&&t.jsx(Pr,{id:y,children:n}),t.jsx(Wr,{onClick:r,"aria-label":"Close modal",children:"×"})]}),t.jsx(Or,{children:e}),l&&t.jsx(Nr,{children:l})]})}),document.body):null}ro.displayName="Modal";const Lr=s.keyframes`
+`,ms=["button:not([disabled])","input:not([disabled])","select:not([disabled])","textarea:not([disabled])","a[href]",'[tabindex]:not([tabindex="-1"])'].join(", ");function To(o){return Array.from(o.querySelectorAll(ms))}function wo({open:o,onClose:r,title:n,children:e,footer:i,size:l="md",closeOnBackdrop:d=!0,closeOnEscape:f=!0,ariaLabelledBy:u,ariaDescribedBy:p}){const $=a.useRef(null),m=a.useRef(null),w=a.useRef(r);w.current=r;const y=a.useId(),v=u??(n?y:void 0),[S,W]=a.useState(o),[L,E]=a.useState(!1);return a.useEffect(()=>{if(o)W(!0),E(!1);else if(S){E(!0);const g=setTimeout(()=>{W(!1),E(!1)},150);return()=>clearTimeout(g)}},[o,S]),a.useEffect(()=>{if(!o)return;const g=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=g}},[o]),a.useEffect(()=>{if(!o||!$.current)return;const g=$.current,j=document.activeElement;(To(g)[0]??g).focus();const x=C=>{if(C.key==="Escape"&&f){w.current();return}if(C.key!=="Tab")return;const I=To(g);if(I.length===0){C.preventDefault();return}const z=I[0],D=I[I.length-1];C.shiftKey?document.activeElement===z&&(C.preventDefault(),D.focus()):document.activeElement===D&&(C.preventDefault(),z.focus())};return document.addEventListener("keydown",x),()=>{document.removeEventListener("keydown",x),j?.focus()}},[o,f,S]),S?co.createPortal(t.jsx(ps,{$closing:L,onMouseDown:g=>{m.current=g.target},onClick:g=>{d&&m.current===g.currentTarget&&r()},children:t.jsxs($s,{ref:$,role:"dialog","aria-modal":"true","aria-labelledby":v,"aria-describedby":p,$size:l,$closing:L,tabIndex:-1,onClick:g=>g.stopPropagation(),children:[t.jsxs(gs,{children:[n&&t.jsx(bs,{id:y,children:n}),t.jsx(xs,{onClick:r,"aria-label":"Close modal",children:"×"})]}),t.jsx(ys,{children:e}),i&&t.jsx(hs,{children:i})]})}),document.body):null}wo.displayName="Modal";const Yo=s.keyframes`
   from { opacity: 0; transform: translateY(12px); }
   to   { opacity: 1; transform: translateY(0); }
-`,Br=s.keyframes`
+`,Uo=s.keyframes`
   from { opacity: 0; transform: translateY(-12px); }
   to   { opacity: 1; transform: translateY(0); }
-`,Vr=s.keyframes`
+`,qo=s.keyframes`
   from { opacity: 1; }
   to   { opacity: 0; }
-`,_r=s.div`
-  position: fixed;
-  z-index: ${({theme:o})=>o.zIndex.toast};
+`,eo=(o,r,n)=>s.css`
+  background: ${r};
+  border: ${o.brutalism.borderWidth} solid ${n};
+  box-shadow: ${o.brutalism.shadowOffset} ${o.brutalism.shadowOffset}
+    0 ${n};
+`;function Ko(o,r){return r.brutalism?{success:eo(r,r.colors.success[50],r.colors.success[500]),error:eo(r,r.colors.error[50],r.colors.error[500]),warning:eo(r,r.colors.warning[50],r.colors.warning[500]),info:eo(r,r.colors.info[50],r.colors.info[500])}[o]:{success:s.css`
+      background: ${r.colors.success[50]};
+      border-left: ${r.spacing[1]} solid ${r.colors.success[500]};
+      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
+    `,error:s.css`
+      background: ${r.colors.error[50]};
+      border-left: ${r.spacing[1]} solid ${r.colors.error[500]};
+      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
+    `,warning:s.css`
+      background: ${r.colors.warning[50]};
+      border-left: ${r.spacing[1]} solid ${r.colors.warning[500]};
+      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
+    `,info:s.css`
+      background: ${r.colors.info[50]};
+      border-left: ${r.spacing[1]} solid ${r.colors.info[500]};
+      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
+    `}[o]}const Go=s.css`
   display: flex;
   align-items: center;
   gap: ${({theme:o})=>o.spacing[3]};
@@ -555,58 +654,79 @@
   max-width: 400px;
   padding: ${({theme:o})=>`${o.spacing[3]} ${o.spacing[4]}`};
   border-radius: ${({theme:o})=>o.radius.md};
+`,ws={"bottom-right":s.css`
+    bottom: 24px;
+    right: 24px;
+  `,"bottom-left":s.css`
+    bottom: 24px;
+    left: 24px;
+  `,"top-right":s.css`
+    top: 24px;
+    right: 24px;
+  `,"top-left":s.css`
+    top: 24px;
+    left: 24px;
+  `},vs=s.div`
+  position: fixed;
+  z-index: ${({theme:o})=>o.zIndex.toast};
+  ${Go}
+
   animation: ${({$closing:o,$position:r})=>o?s.css`
-          ${Vr} 0.2s ease forwards
+          ${qo} 0.2s ease forwards
         `:r.startsWith("top")?s.css`
-            ${Br} 0.2s ease forwards
+            ${Uo} 0.2s ease forwards
+          `:s.css`
+            ${Yo} 0.2s ease forwards
+          `};
+
+  ${({$position:o})=>ws[o]}
+  ${({$variant:o,theme:r})=>Ko(o,r)}
+`,ks=s.div`
+  ${Go}
+  pointer-events: all;
+
+  animation: ${({$closing:o,$isTop:r})=>o?s.css`
+          ${qo} 0.2s ease forwards
+        `:r?s.css`
+            ${Uo} 0.2s ease forwards
           `:s.css`
-            ${Lr} 0.2s ease forwards
+            ${Yo} 0.2s ease forwards
           `};
 
+  ${({$variant:o,theme:r})=>Ko(o,r)}
+`,Ss=s.div`
+  position: fixed;
+  z-index: ${({theme:o})=>o.zIndex.toast};
+  display: flex;
+  flex-direction: column;
+  gap: ${({theme:o})=>o.spacing[2]};
+  pointer-events: none;
+
   ${({$position:o,theme:r})=>({"bottom-right":s.css`
         bottom: ${r.spacing[6]};
         right: ${r.spacing[6]};
+        align-items: flex-end;
       `,"bottom-left":s.css`
         bottom: ${r.spacing[6]};
         left: ${r.spacing[6]};
+        align-items: flex-start;
       `,"top-right":s.css`
         top: ${r.spacing[6]};
         right: ${r.spacing[6]};
+        align-items: flex-end;
       `,"top-left":s.css`
         top: ${r.spacing[6]};
         left: ${r.spacing[6]};
+        align-items: flex-start;
       `})[o]}
-`,A=(o,r,n)=>s.css`
-  background: ${r};
-  border: ${o.brutalism.borderWidth} solid ${n};
-  box-shadow: ${o.brutalism.shadowOffset} ${o.brutalism.shadowOffset}
-    0 ${n};
-`,Rr=s(_r)`
-  ${({$variant:o,theme:r})=>r.brutalism?{success:A(r,r.colors.success[50],r.colors.success[500]),error:A(r,r.colors.error[50],r.colors.error[500]),warning:A(r,r.colors.warning[50],r.colors.warning[500]),info:A(r,r.colors.info[50],r.colors.info[500])}[o]:{success:s.css`
-        background: ${r.colors.success[50]};
-        border-left: 4px solid ${r.colors.success[500]};
-        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
-      `,error:s.css`
-        background: ${r.colors.error[50]};
-        border-left: 4px solid ${r.colors.error[500]};
-        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
-      `,warning:s.css`
-        background: ${r.colors.warning[50]};
-        border-left: 4px solid ${r.colors.warning[500]};
-        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
-      `,info:s.css`
-        background: ${r.colors.info[50]};
-        border-left: 4px solid ${r.colors.info[500]};
-        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
-      `}[o]}
-`,Ar=s.p`
+`,Xo=s.p`
   flex: 1;
   margin: 0;
   font-size: ${({theme:o})=>o.fontSizes.sm};
-  font-weight: ${({theme:o})=>o.brutalism?600:400};
+  font-weight: ${({theme:o})=>o.brutalism?o.fontWeights.semibold:o.fontWeights.normal};
   line-height: 1.5;
   color: ${({theme:o})=>o.colors.neutral[900]};
-`,Yr=s.button`
+`,Jo=s.button`
   flex-shrink: 0;
   display: inline-flex;
   align-items: center;
@@ -628,25 +748,214 @@
     outline: 2px solid ${({theme:o})=>o.colors.primary[500]};
     outline-offset: 2px;
   }
-`;function so({open:o,onClose:r,message:n,variant:e="info",duration:l=4e3,position:i="bottom-right"}){const[c,d]=a.useState(o),[p,b]=a.useState(!1);return a.useEffect(()=>{if(o)d(!0),b(!1);else if(c){b(!0);const g=setTimeout(()=>{d(!1),b(!1)},200);return()=>{clearTimeout(g)}}},[o,c]),a.useEffect(()=>{if(!o||l===0)return;const g=setTimeout(r,l);return()=>{clearTimeout(g)}},[o,l,r]),c?bo.createPortal(t.jsxs(Rr,{$position:i,$variant:e,$closing:p,role:"alert","aria-live":"polite",children:[t.jsx(Ar,{children:n}),t.jsx(Yr,{onClick:r,"aria-label":"Close notification",children:t.jsx(Q,{size:14,strokeWidth:2.5})})]}),document.body):null}so.displayName="Toast";const So=a.createContext(null);function Hr({children:o}){const[r,n]=a.useState(null),e=a.useCallback(i=>{n({...i,id:Date.now()})},[]),l=a.useMemo(()=>Object.assign(i=>e(i),{success:(i,c)=>e({...c,message:i,variant:"success"}),error:(i,c)=>e({...c,message:i,variant:"error"}),warning:(i,c)=>e({...c,message:i,variant:"warning"}),info:(i,c)=>e({...c,message:i,variant:"info"})}),[e]);return t.jsxs(So.Provider,{value:{toast:l},children:[o,r&&t.jsx(so,{open:!0,onClose:()=>n(null),message:r.message,variant:r.variant,duration:r.duration,position:r.position},r.id)]})}function qr(){const o=a.useContext(So);if(!o)throw new Error("useToast must be used within a ToastProvider");return o}const Ur=s.form`
+`;function Qo({open:o,onClose:r,message:n,variant:e="info",duration:i=4e3,position:l="bottom-right"}){const[d,f]=a.useState(o),[u,p]=a.useState(!1);return a.useEffect(()=>{if(o)f(!0),p(!1);else if(d){p(!0);const $=setTimeout(()=>{f(!1),p(!1)},200);return()=>{clearTimeout($)}}},[o,d]),a.useEffect(()=>{if(!o||i===0)return;const $=setTimeout(r,i);return()=>{clearTimeout($)}},[o,i,r]),d?co.createPortal(t.jsxs(vs,{$position:l,$variant:e,$closing:u,role:"alert","aria-live":"polite",children:[t.jsx(Xo,{children:n}),t.jsx(Jo,{onClick:r,"aria-label":"Close notification",children:t.jsx(uo,{size:14,strokeWidth:2.5})})]}),document.body):null}Qo.displayName="Toast";const Zo=a.createContext(null),Do=5,js="bottom-right";function Cs({toast:o,isTop:r,onClose:n}){return a.useEffect(()=>{const e=o.duration??4e3;if(e===0)return;const i=setTimeout(()=>n(o.id),e);return()=>clearTimeout(i)},[o.id,o.duration,n]),t.jsxs(ks,{$variant:o.variant??"info",$closing:o.closing,$isTop:r,role:"alert","aria-live":"polite",children:[t.jsx(Xo,{children:o.message}),t.jsx(Jo,{onClick:()=>n(o.id),"aria-label":"Close notification",children:t.jsx(uo,{size:14,strokeWidth:2.5})})]})}function zs({children:o}){const[r,n]=a.useState([]),e=a.useCallback(u=>{n(p=>p.map($=>$.id===u?{...$,closing:!0}:$)),setTimeout(()=>{n(p=>p.filter($=>$.id!==u))},200)},[]),i=a.useCallback(u=>{const p=Date.now();n($=>{const m=[...$,{...u,id:p,closing:!1}];return m.length>Do?m.slice(m.length-Do):m})},[]),l=a.useMemo(()=>Object.assign(u=>i(u),{success:(u,p)=>i({...p,message:u,variant:"success"}),error:(u,p)=>i({...p,message:u,variant:"error"}),warning:(u,p)=>i({...p,message:u,variant:"warning"}),info:(u,p)=>i({...p,message:u,variant:"info"})}),[i]),d=r[r.length-1]?.position??js,f=d.startsWith("top");return t.jsxs(Zo.Provider,{value:{toast:l},children:[o,r.length>0&&co.createPortal(t.jsx(Ss,{$position:d,children:r.map(u=>t.jsx(Cs,{toast:u,isTop:f,onClose:e},u.id))}),document.body)]})}function Is(){const o=a.useContext(Zo);if(!o)throw new Error("useToast must be used within a ToastProvider");return o}const Ts=s.form`
   display: flex;
   flex-direction: column;
   gap: ${({theme:o})=>o.spacing[4]};
-`,Kr=s.div`
+`;function or({onSubmit:o,children:r,...n}){return t.jsx(Ts,{onSubmit:e=>{e.preventDefault(),o?.(e)},noValidate:!0,...n,children:r})}or.displayName="Form";const Ds=s.div`
   display: flex;
   flex-direction: column;
   gap: ${({theme:o})=>o.spacing[1]};
-`,Gr=s.label`
+`,Ws=s.label`
   font-size: ${({theme:o})=>o.fontSizes.sm};
-  font-weight: 500;
+  font-weight: ${({theme:o})=>o.fontWeights.medium};
   color: ${({theme:o})=>o.colors.neutral[900]};
-`,Jr=s.span`
+`,Es=s.span`
   color: ${({theme:o})=>o.colors.error[500]};
-  margin-left: 2px;
-`,Xr=s.span`
+  margin-left: ${({theme:o})=>o.spacing[.5]};
+`,Ms=s.span`
+  font-size: ${({theme:o})=>o.fontSizes.xs};
+  color: ${({$error:o,theme:r})=>o?r.colors.error[500]:r.colors.neutral[500]};
+`;function vo({label:o,error:r,helperText:n,required:e,children:i}){const l=a.useId(),d=`${l}-hint`,f=!!(r||n),u=typeof r=="string"?r:void 0,p=a.isValidElement(i)?a.cloneElement(i,{id:l,...f&&{"aria-describedby":d},...r&&{"aria-invalid":!0}}):i;return t.jsxs(Ds,{children:[o&&t.jsxs(Ws,{htmlFor:l,children:[o,e&&t.jsx(Es,{"aria-hidden":"true",children:" *"})]}),p,f&&t.jsx(Ms,{id:d,$error:!!r,children:u??n})]})}vo.displayName="FormField";function Os({initialValues:o,validate:r,onSubmit:n,onError:e}){const[i,l]=a.useState(o),[d,f]=a.useState({}),[u,p]=a.useState({}),[$,m]=a.useState(!1),w=a.useRef(i);w.current=i;const y=a.useCallback(h=>{if(!r)return{};const x=r(h);return Object.fromEntries(Object.entries(x).filter(([,C])=>C!==void 0))},[r]),v=a.useRef(u);v.current=u;const S=a.useCallback(h=>{const{name:x,value:C}=h.target;process.env.NODE_ENV!=="production"&&!x&&console.warn("[useForm] handleChange: field is missing a `name` attribute — value will not be tracked.");const I={...w.current,[x]:C};l(I),v.current[x]&&f(y(I))},[y]),W=a.useCallback(h=>{const{name:x}=h.target;process.env.NODE_ENV!=="production"&&!x&&console.warn("[useForm] handleBlur: field is missing a `name` attribute — touched state will not be tracked."),p(C=>({...C,[x]:!0})),f(y(w.current))},[y]),L=a.useCallback(h=>{h?.preventDefault();const x=Object.keys(w.current).reduce((z,D)=>({...z,[D]:!0}),{});p(x);const C=y(w.current);if(f(C),Object.keys(C).length>0){e?.(C);return}(async()=>{m(!0);try{await n?.(w.current)}finally{m(!1)}})()},[y,n,e]),E=a.useCallback((h,x)=>{l(C=>({...C,[h]:x}))},[]),g=a.useCallback(h=>{l(h??o),f({}),p({}),m(!1)},[o]),j=Object.fromEntries(Object.entries(d).filter(([h])=>u[h]));return{values:i,errors:j,touched:u,handleChange:S,handleBlur:W,handleSubmit:L,setFieldValue:E,reset:g,isSubmitting:$}}const Ls=(o="Required")=>r=>{if(!r.trim())return o},Rs=(o,r)=>n=>{if(n.length<o)return r??`Must be at least ${o} characters`},Ns=(o,r)=>n=>{if(n.length>o)return r??`Must be at most ${o} characters`},Ps=(o="Enter a valid email")=>r=>{if(!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(r))return o},Fs=(o="Enter a valid URL")=>r=>{try{new URL(r);return}catch{return o}},Vs=(o,r)=>n=>{if(!o.test(n))return r};function Bs(...o){return r=>{for(const n of o){const e=n(r);if(e!==void 0)return e}}}const As=s.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${({theme:o})=>o.spacing[1]};
+`,_s=s.label`
+  display: inline-flex;
+  align-items: center;
+  gap: ${({theme:o})=>o.spacing[2]};
+  cursor: ${({$disabled:o})=>o?"not-allowed":"pointer"};
+  opacity: ${({$disabled:o})=>o?.6:1};
+`,Hs=s.input`
+  position: absolute;
+  opacity: 0;
+  width: 0;
+  height: 0;
+  margin: 0;
+  padding: 0;
+
+  &:focus-visible + div {
+    box-shadow: ${({theme:o})=>o.shadows.focusRing};
+  }
+`,Ys=s.div`
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  border-radius: ${({theme:o})=>o.radius.md};
+  border: ${({theme:o})=>o.brutalism?.borderWidth??"2px"} solid
+    ${({$error:o,$borderColor:r,theme:n})=>o?n.colors.error[500]:r??n.colors.neutral[900]};
+  background-color: ${({$checked:o,$color:r,theme:n})=>o?r??n.colors.primary[500]:n.colors.neutral[0]};
+  transition:
+    background-color 0.1s,
+    border-color 0.1s;
+
+  ${({$size:o="md",theme:r})=>({sm:s.css`
+        width: ${r.spacing[4]};
+        height: ${r.spacing[4]};
+      `,md:s.css`
+        width: ${r.spacing[5]};
+        height: ${r.spacing[5]};
+      `})[o]}
+
+  ${({$checked:o,$checkColor:r})=>o&&s.css`
+      &::after {
+        content: "";
+        display: block;
+        width: 5px;
+        height: 9px;
+        border: 2px solid ${r??"currentColor"};
+        border-top: none;
+        border-left: none;
+        transform: rotate(45deg) translate(-1px, -1px);
+      }
+    `}
+`,Us=s.span`
+  font-size: ${({$size:o="md",theme:r})=>o==="sm"?r.fontSizes.sm:r.fontSizes.md};
+  font-weight: ${({theme:o})=>o.fontWeights.medium};
+`,qs=s.span`
+  font-size: ${({theme:o})=>o.fontSizes.xs};
+  color: ${({$error:o,theme:r})=>o?r.colors.error[500]:r.colors.neutral[500]};
+`;function rr({ref:o,label:r,size:n="md",error:e,helperText:i,disabled:l,checked:d,id:f,color:u,borderColor:p,checkColor:$,...m}){const w=a.useId(),y=f??w,v=typeof e=="string"?e:void 0,S=!!(i||e);return t.jsxs(As,{children:[t.jsxs(_s,{htmlFor:y,$disabled:l,children:[t.jsx(Hs,{id:y,ref:o,type:"checkbox",checked:d,disabled:l,"aria-invalid":!!e,...m}),t.jsx(Ys,{$checked:d,$error:!!e,$disabled:l,$size:n,$color:u,$borderColor:p,$checkColor:$}),r&&t.jsx(Us,{$size:n,children:r})]}),S&&t.jsx(qs,{$error:!!e,children:v??i})]})}rr.displayName="Checkbox";const Ks=s.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${({theme:o})=>o.spacing[1]};
+`,Gs=s.label`
+  display: inline-flex;
+  align-items: center;
+  gap: ${({theme:o})=>o.spacing[2]};
+  cursor: ${({$disabled:o})=>o?"not-allowed":"pointer"};
+  opacity: ${({$disabled:o})=>o?.6:1};
+`,Xs=s.input`
+  position: absolute;
+  opacity: 0;
+  width: 0;
+  height: 0;
+  margin: 0;
+  padding: 0;
+
+  &:focus-visible + div {
+    box-shadow: ${({theme:o})=>o.shadows.focusRing};
+  }
+`,Js=s.div`
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  border-radius: 50%;
+  border: ${({theme:o})=>o.brutalism?.borderWidth??"2px"} solid
+    ${({$error:o,$borderColor:r,theme:n})=>o?n.colors.error[500]:r??n.colors.neutral[900]};
+  background-color: ${({theme:o})=>o.colors.neutral[0]};
+  transition:
+    background-color 0.1s,
+    border-color 0.1s;
+
+  ${({$size:o="md",theme:r})=>({sm:s.css`
+        width: ${r.spacing[4]};
+        height: ${r.spacing[4]};
+      `,md:s.css`
+        width: ${r.spacing[5]};
+        height: ${r.spacing[5]};
+      `})[o]}
+
+  ${({$checked:o,$color:r,theme:n})=>o&&s.css`
+      &::after {
+        content: "";
+        display: block;
+        width: 8px;
+        height: 8px;
+        border-radius: 50%;
+        background-color: ${r??n.colors.primary[500]};
+      }
+    `}
+`,Qs=s.span`
+  font-size: ${({$size:o="md",theme:r})=>o==="sm"?r.fontSizes.sm:r.fontSizes.md};
+  font-weight: ${({theme:o})=>o.fontWeights.medium};
+`,Zs=s.span`
   font-size: ${({theme:o})=>o.fontSizes.xs};
   color: ${({$error:o,theme:r})=>o?r.colors.error[500]:r.colors.neutral[500]};
-`;function jo({onSubmit:o,children:r,...n}){return t.jsx(Ur,{onSubmit:e=>{e.preventDefault(),o?.(e)},noValidate:!0,...n,children:r})}jo.displayName="Form";function Co({label:o,error:r,helperText:n,required:e,children:l}){const i=a.useId(),c=`${i}-hint`,d=!!(r||n),p=typeof r=="string"?r:void 0,b=a.isValidElement(l)?a.cloneElement(l,{id:i,...d&&{"aria-describedby":c},...r&&{"aria-invalid":!0}}):l;return t.jsxs(Kr,{children:[o&&t.jsxs(Gr,{htmlFor:i,children:[o,e&&t.jsx(Jr,{"aria-hidden":"true",children:" *"})]}),b,d&&t.jsx(Xr,{id:c,$error:!!r,children:p??n})]})}Co.displayName="FormField";function Zr({initialValues:o,validate:r,onSubmit:n,onError:e}){const[l,i]=a.useState(o),[c,d]=a.useState({}),[p,b]=a.useState({}),[g,h]=a.useState(!1),y=a.useRef(l);y.current=l;const f=a.useCallback(j=>{if(!r)return{};const w=r(j);return Object.fromEntries(Object.entries(w).filter(([,z])=>z!==void 0))},[r]),x=a.useRef(p);x.current=p;const v=a.useCallback(j=>{const{name:w,value:z}=j.target;process.env.NODE_ENV!=="production"&&!w&&console.warn("[useForm] handleChange: field is missing a `name` attribute — value will not be tracked.");const I={...y.current,[w]:z};i(I),x.current[w]&&d(f(I))},[f]),k=a.useCallback(j=>{const{name:w}=j.target;process.env.NODE_ENV!=="production"&&!w&&console.warn("[useForm] handleBlur: field is missing a `name` attribute — touched state will not be tracked."),b(z=>({...z,[w]:!0})),d(f(y.current))},[f]),T=a.useCallback(j=>{j?.preventDefault();const w=Object.keys(y.current).reduce((M,D)=>({...M,[D]:!0}),{});b(w);const z=f(y.current);if(d(z),Object.keys(z).length>0){e?.(z);return}(async()=>{h(!0);try{await n?.(y.current)}finally{h(!1)}})()},[f,n,e]),$=a.useCallback((j,w)=>{i(z=>({...z,[j]:w}))},[]),C=a.useCallback(j=>{i(j??o),d({}),b({}),h(!1)},[o]),S=Object.fromEntries(Object.entries(c).filter(([j])=>p[j]));return{values:l,errors:S,touched:p,handleChange:v,handleBlur:k,handleSubmit:T,setFieldValue:$,reset:C,isSubmitting:g}}const Qr=s.div`
+`;function sr({ref:o,label:r,size:n="md",error:e,helperText:i,disabled:l,checked:d,id:f,color:u,borderColor:p,...$}){const m=a.useId(),w=f??m,y=!!(i||e);return t.jsxs(Ks,{children:[t.jsxs(Gs,{htmlFor:w,$disabled:l,children:[t.jsx(Xs,{id:w,ref:o,type:"radio",checked:d,disabled:l,"aria-invalid":!!e,...$}),t.jsx(Js,{$checked:d,$error:e,$disabled:l,$size:n,$color:u,$borderColor:p}),r&&t.jsx(Qs,{$size:n,children:r})]}),y&&t.jsx(Zs,{$error:e,children:i})]})}sr.displayName="Radio";const on=s.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${({theme:o})=>o.spacing[1]};
+`,rn=s.label`
+  display: inline-flex;
+  align-items: center;
+  gap: ${({theme:o})=>o.spacing[2]};
+  cursor: ${({$disabled:o})=>o?"not-allowed":"pointer"};
+  opacity: ${({$disabled:o})=>o?.6:1};
+`,sn=s.input`
+  position: absolute;
+  opacity: 0;
+  width: 0;
+  height: 0;
+  margin: 0;
+  padding: 0;
+
+  &:focus-visible + div {
+    box-shadow: ${({theme:o})=>o.shadows.focusRing};
+  }
+`,nn=s.div`
+  position: relative;
+  flex-shrink: 0;
+  border-radius: 9999px;
+  border: ${({theme:o})=>o.brutalism?.borderWidth??"2px"} solid
+    ${({$borderColor:o,theme:r})=>o??r.colors.neutral[900]};
+  background-color: ${({$checked:o,$color:r,theme:n})=>o?r??n.colors.primary[500]:n.colors.neutral[200]};
+  transition:
+    background-color 0.15s,
+    box-shadow 0.15s;
+
+  ${({$checked:o,theme:r})=>o&&s.css`
+      box-shadow: ${r.brutalism?.shadowOffset??"4px"}
+        ${r.brutalism?.shadowOffset??"4px"} 0 ${r.colors.neutral[900]};
+    `}
+
+  ${({$size:o="md"})=>({sm:s.css`
+        width: 36px;
+        height: 20px;
+      `,md:s.css`
+        width: 44px;
+        height: 24px;
+      `})[o]}
+
+  &::after {
+    content: "";
+    position: absolute;
+    top: 50%;
+    border-radius: 50%;
+    background-color: ${({theme:o})=>o.colors.neutral[0]};
+    border: 2px solid ${({theme:o})=>o.colors.neutral[900]};
+    transition: transform 0.15s;
+
+    ${({$size:o="md",$checked:r})=>{const n=s.css`
+        width: 12px;
+        height: 12px;
+        margin-top: -6px;
+        transform: translateX(${r?"calc(100% + 4px)":"2px"});
+      `,e=s.css`
+        width: 16px;
+        height: 16px;
+        margin-top: -8px;
+        transform: translateX(${r?"calc(100% + 4px)":"2px"});
+      `;return o==="sm"?n:e}}
+  }
+`,tn=s.span`
+  font-size: ${({$size:o="md",theme:r})=>o==="sm"?r.fontSizes.sm:r.fontSizes.md};
+  font-weight: ${({theme:o})=>o.fontWeights.medium};
+`;function nr({ref:o,label:r,size:n="md",disabled:e,checked:i,id:l,color:d,borderColor:f,...u}){const p=a.useId(),$=l??p;return t.jsx(on,{children:t.jsxs(rn,{htmlFor:$,$disabled:e,children:[t.jsx(sn,{id:$,ref:o,type:"checkbox",role:"switch",checked:i,disabled:e,...u}),t.jsx(nn,{$checked:i,$size:n,$color:d,$borderColor:f}),r&&t.jsx(tn,{$size:n,children:r})]})})}nr.displayName="Switch";const en=s.div`
   border-radius: ${({theme:o})=>o.radius.md};
   background: ${({theme:o})=>o.colors.neutral[0]};
   overflow: hidden;
@@ -661,7 +970,7 @@
           border: 1px solid ${r??o.colors.neutral[200]};
           box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
         `}
-`,os=s.button`
+`,an=s.button`
   width: 100%;
   display: flex;
   align-items: flex-start;
@@ -681,19 +990,19 @@
       ${({theme:o,$accentColor:r})=>r??o.colors.primary[500]};
     outline-offset: -2px;
   }
-`,rs=s.div`
+`,ln=s.div`
   flex: 1;
   min-width: 0;
-`,ss=s.span`
+`,cn=s.span`
   display: block;
   font-size: ${({theme:o})=>o.fontSizes.md};
-  font-weight: 600;
+  font-weight: ${({theme:o})=>o.fontWeights.semibold};
   color: ${({theme:o})=>o.colors.neutral[900]};
-`,ns=s.span`
+`,dn=s.span`
   display: block;
   font-size: ${({theme:o})=>o.fontSizes.sm};
   color: ${({theme:o})=>o.colors.neutral[500]};
-`,ts=s.div`
+`,un=s.div`
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -705,11 +1014,11 @@
     align-items: flex-start;
     gap: ${({theme:o})=>o.spacing[2]};
   }
-`,es=s.div`
+`,fn=s.div`
   display: flex;
   align-items: center;
   gap: ${({theme:o})=>o.spacing[2]};
-`,is=s.span`
+`,pn=s.span`
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -717,29 +1026,29 @@
   transition: transform 0.2s ease;
   transform: ${({$open:o})=>o?"rotate(180deg)":"rotate(0deg)"};
   color: ${({theme:o,$accentColor:r})=>r??o.colors.neutral[500]};
-`,as=s.div`
+`,$n=s.div`
   display: grid;
   grid-template-rows: ${({$open:o})=>o?"1fr":"0fr"};
   transition: grid-template-rows 0.2s ease;
-`,ls=s.div`
+`,gn=s.div`
   overflow: hidden;
-`,cs=s.div`
+`,bn=s.div`
   padding: ${({theme:o})=>o.spacing[4]};
   border-top: 1px solid ${({theme:o})=>o.colors.neutral[200]};
-`;function zo({title:o,children:r,defaultOpen:n=!1,open:e,onToggle:l,subtitle:i,headerActions:c,accentColor:d}){const[p,b]=a.useState(n),g=a.useId(),h=e!==void 0,y=h?e:p,f=()=>{const x=!y;h||b(x),l?.(x)};return t.jsxs(Qr,{$accentColor:d,children:[t.jsxs(os,{type:"button",$open:y,$accentColor:d,"aria-expanded":y,"aria-controls":g,onClick:f,children:[t.jsxs(rs,{children:[t.jsx(ss,{children:o}),(i||c)&&t.jsxs(ts,{children:[i&&t.jsx(ns,{children:i}),c&&t.jsx(es,{onClick:x=>x.stopPropagation(),children:c})]})]}),t.jsx(is,{$open:y,$accentColor:d,"aria-hidden":"true",children:t.jsx(wo,{size:18,strokeWidth:2.5})})]}),t.jsx(as,{$open:y,children:t.jsx(ls,{id:g,role:"region","aria-label":o,children:t.jsx(cs,{children:r})})})]})}zo.displayName="CollapsibleCard";const ds=s.keyframes`
+`;function tr({title:o,children:r,defaultOpen:n=!1,open:e,onToggle:i,subtitle:l,headerActions:d,accentColor:f}){const[u,p]=a.useState(n),$=a.useId(),m=e!==void 0,w=m?e:u,y=()=>{const v=!w;m||p(v),i?.(v)};return t.jsxs(en,{$accentColor:f,children:[t.jsxs(an,{type:"button",$open:w,$accentColor:f,"aria-expanded":w,"aria-controls":$,onClick:y,children:[t.jsxs(ln,{children:[t.jsx(cn,{children:o}),(l||d)&&t.jsxs(un,{children:[l&&t.jsx(dn,{children:l}),d&&t.jsx(fn,{onClick:v=>v.stopPropagation(),children:d})]})]}),t.jsx(pn,{$open:w,$accentColor:f,"aria-hidden":"true",children:t.jsx(Bo,{size:18,strokeWidth:2.5})})]}),t.jsx($n,{$open:w,children:t.jsx(gn,{id:$,role:"region","aria-label":o,children:t.jsx(bn,{children:r})})})]})}tr.displayName="CollapsibleCard";const xn=s.keyframes`
   to { transform: rotate(360deg); }
-`,us={sm:"16px",md:"24px",lg:"40px"},ps={thin:"2px",normal:"3px",bold:"5px"},fs=s.span`
+`,yn={sm:"16px",md:"24px",lg:"40px"},hn={thin:"2px",normal:"3px",bold:"5px"},mn=s.span`
   display: inline-block;
   border-radius: 50%;
-  animation: ${ds} 0.7s linear infinite;
+  animation: ${xn} 0.7s linear infinite;
 
-  ${({$size:o="md",$weight:r="normal",$color:n,theme:e})=>{const l=us[o],i=ps[r],c=e.colors.neutral[200],d=n??e.colors.primary[500];return s.css`
-      width: ${l};
-      height: ${l};
-      border: ${i} solid ${c};
-      border-top-color: ${d};
+  ${({$size:o="md",$weight:r="normal",$color:n,theme:e})=>{const i=yn[o],l=hn[r],d=e.colors.neutral[200],f=n??e.colors.primary[500];return s.css`
+      width: ${i};
+      height: ${i};
+      border: ${l} solid ${d};
+      border-top-color: ${f};
     `}}
-`;function To({size:o="md",weight:r="normal",color:n,label:e="Loading..."}){return t.jsx(fs,{$size:o,$weight:r,$color:n,role:"status","aria-label":e})}To.displayName="Spinner";function $s(o,r){return o?.key!==r?{key:r,direction:"asc"}:o.direction==="asc"?{key:r,direction:"desc"}:null}function bs({data:o,sort:r,defaultSort:n,onSortChange:e}){const l=r!==void 0,[i,c]=a.useState(n??null),d=l?r??null:i,p=g=>{const h=$s(d,g);return l||c(h),e?.(h),h},b=a.useMemo(()=>l||!d?o:[...o].sort((g,h)=>{const y=g[d.key],f=h[d.key],x=y<f?-1:y>f?1:0;return d.direction==="asc"?x:-x}),[o,d,l]);return{activeSort:d,sortedData:b,handleSort:p}}const gs=7,lo=3,co=1;function xs(o,r){if(r<=gs)return Array.from({length:r},(e,l)=>l+1);const n=[1];o>lo&&n.push("...");for(let e=Math.max(2,o-co);e<=Math.min(r-1,o+co);e++)n.push(e);return o<r-lo+1&&n.push("..."),n.push(r),n}function ys({data:o,pageSize:r,page:n,defaultPage:e,totalRows:l,onPageChange:i}){const c=n!==void 0,[d,p]=a.useState(e??1),b=c?n:d,g=v=>{c||p(v),i?.(v)},h=c||l!==void 0,y=l??o.length,f=r?Math.max(1,Math.ceil(y/r)):1,x=a.useMemo(()=>{if(!r||h)return o;const v=(b-1)*r;return o.slice(v,v+r)},[o,r,b,h]);return{activePage:b,totalPages:f,displayData:x,handlePageChange:g}}const Io=(o,r)=>o==="sm"?`${r.spacing[1]} ${r.spacing[2]}`:o==="lg"?`${r.spacing[3]} ${r.spacing[4]}`:`${r.spacing[2]} ${r.spacing[3]}`,hs=s.div`
+`;function er({size:o="md",weight:r="normal",color:n,label:e="Loading..."}){return t.jsx(mn,{$size:o,$weight:r,$color:n,role:"status","aria-label":e})}er.displayName="Spinner";const wn=7,Wo=3,Eo=1;function vn({defaultSort:o,defaultPage:r=1}={}){const[n,e]=a.useState(o??null),[i,l]=a.useState(r);return{sort:n,page:i,onSortChange:u=>{e(u),l(1)},onPageChange:u=>{l(u)}}}function kn(o,r){return o?.key!==r?{key:r,direction:"asc"}:o.direction==="asc"?{key:r,direction:"desc"}:null}function Sn({data:o,sort:r,defaultSort:n,onSortChange:e}){const i=r!==void 0,[l,d]=a.useState(n??null),f=i?r??null:l,u=$=>{const m=kn(f,$);return i||d(m),e?.(m),m},p=a.useMemo(()=>i||!f?o:[...o].sort(($,m)=>{const w=$[f.key],y=m[f.key],v=w<y?-1:w>y?1:0;return f.direction==="asc"?v:-v}),[o,f,i]);return{activeSort:f,sortedData:p,handleSort:u}}function jn(o,r){if(r<=wn)return Array.from({length:r},(e,i)=>i+1);const n=[1];o>Wo&&n.push("...");for(let e=Math.max(2,o-Eo);e<=Math.min(r-1,o+Eo);e++)n.push(e);return o<r-Wo+1&&n.push("..."),n.push(r),n}function Cn({data:o,pageSize:r,page:n,defaultPage:e,totalRows:i,onPageChange:l}){const d=n!==void 0,[f,u]=a.useState(e??1),p=d?n:f,$=S=>{d||u(S),l?.(S)},m=d||i!==void 0,w=i??o.length,y=r?Math.max(1,Math.ceil(w/r)):1,v=a.useMemo(()=>{if(!r||m)return o;const S=(p-1)*r;return o.slice(S,S+r)},[o,r,p,m]);return{activePage:p,totalPages:y,displayData:v,handlePageChange:$}}const ir=(o,r)=>o==="sm"?`${r.spacing[1]} ${r.spacing[2]}`:o==="lg"?`${r.spacing[3]} ${r.spacing[4]}`:`${r.spacing[2]} ${r.spacing[3]}`,zn=s.div`
   width: 100%;
 
   ${({theme:o,$borderColor:r})=>o.brutalism?s.css`
@@ -758,15 +1067,15 @@
   ${({$stickyHeader:o})=>o&&s.css`
       overflow-y: auto;
     `}
-`,ws=s.table`
+`,In=s.table`
   width: 100%;
   border-collapse: collapse;
   font-size: ${({$size:o,theme:r})=>({sm:r.fontSizes.sm,md:r.fontSizes.md,lg:r.fontSizes.lg})[o]};
 
   caption {
-    padding: 8px 0;
+    padding: ${({theme:o})=>o.spacing[2]} 0;
   }
-`,ms=s.thead`
+`,Tn=s.thead`
   ${({$stickyHeader:o})=>o&&s.css`
       position: sticky;
       top: 0;
@@ -786,7 +1095,7 @@
             --th-text: ${o.colors.neutral[600]};
             --th-sep: ${n??o.colors.neutral[300]};
           `}
-`,vs=s.tbody`
+`,Dn=s.tbody`
   ${({$rowColor:o})=>o&&s.css`
       tr {
         background-color: ${o};
@@ -806,7 +1115,7 @@
   tr:hover td {
     background-color: rgba(0, 0, 0, 0.04);
   }
-`,Y=s.tr``,ks=s(Y)`
+`,io=s.tr``,Wn=s(io)`
   cursor: pointer;
 
   td {
@@ -823,14 +1132,14 @@
     box-shadow: inset 4px 0 0
       ${({$accentColor:o,theme:r})=>o??r.colors.neutral[900]};
   }
-`,Ss=s.th`
+`,En=s.th`
   background-color: var(--th-bg);
   color: var(--th-text);
   text-align: left;
-  font-weight: 700;
+  font-weight: ${({theme:o})=>o.fontWeights.bold};
   white-space: nowrap;
 
-  padding: ${({$size:o,theme:r})=>Io(o,r)};
+  padding: ${({$size:o,theme:r})=>ir(o,r)};
 
   ${({theme:o,$bordered:r})=>o.brutalism?s.css``:s.css`
           border-bottom: 2px solid var(--th-sep);
@@ -841,7 +1150,7 @@
             }
           `}
         `}
-`,js=s.button`
+`,Mn=s.button`
   display: inline-flex;
   align-items: center;
   gap: ${({theme:o})=>o.spacing[1]};
@@ -850,7 +1159,7 @@
   cursor: pointer;
   font: inherit;
   color: inherit;
-  font-weight: 700;
+  font-weight: ${({theme:o})=>o.fontWeights.bold};
   padding: 0;
   width: 100%;
   text-align: left;
@@ -860,12 +1169,12 @@
     outline-offset: 2px;
     border-radius: 2px;
   }
-`,Cs=s.span`
+`,On=s.span`
   opacity: 0.5;
   display: inline-flex;
   align-items: center;
-`,Mo=s.td`
-  padding: ${({$size:o,theme:r})=>Io(o,r)};
+`,ar=s.td`
+  padding: ${({$size:o,theme:r})=>ir(o,r)};
 
   ${({$bordered:o,$borderColor:r,theme:n})=>n.brutalism?s.css`
           border-bottom: ${n.brutalism.borderWidth} solid
@@ -883,16 +1192,16 @@
             border-bottom: 1px solid
               ${r??n.colors.neutral[200]};
           `}
-`,zs=s.td`
+`,Ln=s.td`
   text-align: center;
   color: ${({theme:o})=>o.colors.neutral[400]};
   padding: ${({theme:o})=>`${o.spacing[4]} ${o.spacing[3]}`};
   font-size: ${({theme:o})=>o.fontSizes.sm};
   border-bottom: none;
-`,Ts=s.keyframes`
+`,Rn=s.keyframes`
   0% { background-position: -400px 0; }
   100% { background-position: 400px 0; }
-`,Is=s(Mo)``,Ms=s.div`
+`,Nn=s(ar)``,Pn=s.div`
   height: 14px;
   border-radius: 4px;
   background: linear-gradient(
@@ -902,8 +1211,8 @@
     ${({theme:o})=>o.colors.neutral[200]} 75%
   );
   background-size: 800px 100%;
-  animation: ${Ts} 1.6s ease-in-out infinite;
-`,Ds=s.div`
+  animation: ${Rn} 1.6s ease-in-out infinite;
+`,Fn=s.div`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -916,7 +1225,7 @@
         `:s.css`
           border-top: 1px solid ${o.colors.neutral[200]};
         `}
-`,Z=s.button`
+`,xo=s.button`
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -959,17 +1268,17 @@
     outline: 2px solid ${({theme:o})=>o.colors.primary[500]};
     outline-offset: 2px;
   }
-`,Es=4;function Ps(o,r){return o?.key!==r?t.jsx(nr,{size:14}):o.direction==="asc"?t.jsx(er,{size:14}):t.jsx(rr,{size:14})}function Do({columns:o,data:r,rowKey:n,size:e="md",striped:l,bordered:i,stickyHeader:c,caption:d,emptyMessage:p="No data",loading:b,sort:g,defaultSort:h,onSortChange:y,pageSize:f,page:x,defaultPage:v,totalRows:k,onPageChange:T,onChange:$,onRowClick:C,borderColor:S,headerColor:j,rowColor:w,stripeColor:z,className:I,style:M}){const{activeSort:D,sortedData:V,handleSort:E}=bs({data:r,sort:g,defaultSort:h,onSortChange:y}),{activePage:P,totalPages:_,displayData:u,handlePageChange:O}=ys({data:V,pageSize:f,page:x,defaultPage:v,totalRows:k,onPageChange:T}),F=m=>{const W=E(m);$?.({sort:W,page:P})},L=m=>{O(m),$?.({sort:D,page:m})},U=(m,W)=>String(n?m[n]:W),K=!b&&u.length===0,Wo=f??Es;return t.jsxs(hs,{$borderColor:S,$stickyHeader:c,className:I,style:M,children:[t.jsxs(ws,{$size:e,children:[d&&t.jsx("caption",{children:d}),t.jsx(ms,{$headerColor:j,$borderColor:S,$stickyHeader:c,children:t.jsx(Y,{children:o.map(m=>t.jsx(Ss,{$size:e,$bordered:i,scope:"col",style:m.width?{width:m.width}:void 0,children:m.sortable?t.jsxs(js,{type:"button",onClick:()=>F(m.key),"aria-label":`Sort by ${m.header}${D?.key===m.key?`, ${D.direction}ending`:""}`,children:[m.header,t.jsx(Cs,{"aria-hidden":"true",children:Ps(D,m.key)})]}):m.header},m.key))})}),t.jsx(vs,{$striped:l,$rowColor:w,$stripeColor:z,children:b?Array.from({length:Wo}).map((m,W)=>t.jsx(Y,{children:o.map(G=>t.jsx(Is,{$size:e,$bordered:i,$borderColor:S,children:t.jsx(Ms,{})},G.key))},W)):K?t.jsx("tr",{children:t.jsx(zs,{colSpan:o.length,children:p})}):u.map((m,W)=>{const G=C?ks:Y;return t.jsx(G,{onClick:C?()=>C(m):void 0,$accentColor:C?S:void 0,children:o.map(R=>t.jsx(Mo,{$size:e,$bordered:i,$borderColor:S,children:R.render?R.render(m[R.key],m,W):String(m[R.key]??"")||" "},R.key))},U(m,W))})})]}),f&&_>1&&t.jsxs(Ds,{children:[t.jsx(Z,{type:"button",onClick:()=>L(P-1),disabled:P<=1,"aria-label":"Previous page",children:"←"}),xs(P,_).map((m,W)=>m==="..."?t.jsx("span",{"aria-hidden":"true",style:{padding:"0 4px"},children:"…"},`e${W}`):t.jsx(Z,{type:"button",$active:m===P,onClick:()=>L(m),"aria-label":`Page ${m}`,"aria-current":m===P?"page":void 0,children:m},m)),t.jsx(Z,{type:"button",onClick:()=>L(P+1),disabled:P>=_,"aria-label":"Next page",children:"→"})]})]})}Do.displayName="Table";function Ws({defaultSort:o,defaultPage:r=1}={}){const[n,e]=a.useState(o??null),[l,i]=a.useState(r);return{sort:n,page:l,onSortChange:p=>{e(p),i(1)},onPageChange:p=>{i(p)}}}const Os=s.p`
+`,Vn=4;function Bn(o,r){return o?.key!==r?t.jsx(Or,{size:14}):o.direction==="asc"?t.jsx(Rr,{size:14}):t.jsx(Er,{size:14})}function lr({columns:o,data:r,rowKey:n,size:e="md",striped:i,bordered:l,stickyHeader:d,caption:f,emptyMessage:u="No data",loading:p,sort:$,defaultSort:m,onSortChange:w,pageSize:y,page:v,defaultPage:S,totalRows:W,onPageChange:L,onChange:E,onRowClick:g,borderColor:j,headerColor:h,rowColor:x,stripeColor:C,className:I,style:z}){const{activeSort:D,sortedData:P,handleSort:F}=Sn({data:r,sort:$,defaultSort:m,onSortChange:w}),{activePage:O,totalPages:V,displayData:q,handlePageChange:N}=Cn({data:P,pageSize:y,page:v,defaultPage:S,totalRows:W,onPageChange:L}),_=k=>{const M=F(k);E?.({sort:M,page:O})},K=k=>{N(k),E?.({sort:D,page:k})},H=(k,M)=>String(n?k[n]:M),G=!p&&q.length===0,X=y??Vn;return t.jsxs(zn,{$borderColor:j,$stickyHeader:d,className:I,style:z,children:[t.jsxs(In,{$size:e,children:[f&&t.jsx("caption",{children:f}),t.jsx(Tn,{$headerColor:h,$borderColor:j,$stickyHeader:d,children:t.jsx(io,{children:o.map(k=>t.jsx(En,{$size:e,$bordered:l,scope:"col",style:k.width?{width:k.width}:void 0,children:k.sortable?t.jsxs(Mn,{type:"button",onClick:()=>_(k.key),"aria-label":`Sort by ${k.header}${D?.key===k.key?`, ${D.direction}ending`:""}`,children:[k.header,t.jsx(On,{"aria-hidden":"true",children:Bn(D,k.key)})]}):k.header},k.key))})}),t.jsx(Dn,{$striped:i,$rowColor:x,$stripeColor:C,children:p?Array.from({length:X}).map((k,M)=>t.jsx(io,{children:o.map(B=>t.jsx(Nn,{$size:e,$bordered:l,$borderColor:j,children:t.jsx(Pn,{})},B.key))},M)):G?t.jsx("tr",{children:t.jsx(Ln,{colSpan:o.length,children:u})}):q.map((k,M)=>{const B=g?Wn:io;return t.jsx(B,{onClick:g?()=>g(k):void 0,$accentColor:g?j:void 0,children:o.map(A=>t.jsx(ar,{$size:e,$bordered:l,$borderColor:j,children:A.render?A.render(k[A.key],k,M):String(k[A.key]??"")||" "},A.key))},H(k,M))})})]}),y&&V>1&&t.jsxs(Fn,{children:[t.jsx(xo,{type:"button",onClick:()=>K(O-1),disabled:O<=1,"aria-label":"Previous page",children:"←"}),jn(O,V).map((k,M)=>k==="..."?t.jsx("span",{"aria-hidden":"true",style:{padding:"0 4px"},children:"…"},`e${M}`):t.jsx(xo,{type:"button",$active:k===O,onClick:()=>K(k),"aria-label":`Page ${k}`,"aria-current":k===O?"page":void 0,children:k},k)),t.jsx(xo,{type:"button",onClick:()=>K(O+1),disabled:O>=V,"aria-label":"Next page",children:"→"})]})]})}lr.displayName="Table";const An=s.p`
   margin: 0;
   font-size: ${({theme:o})=>o.fontSizes.md};
   color: ${({theme:o})=>o.colors.neutral[600]};
   line-height: 1.5;
-`,Ns=s.button`
+`,_n=s.button`
   display: inline-flex;
   align-items: center;
   justify-content: center;
   border-radius: ${({theme:o})=>o.radius.md};
-  font-weight: 600;
+  font-weight: ${({theme:o})=>o.fontWeights.semibold};
   cursor: pointer;
   padding: ${({theme:o})=>o.spacing[2]} ${({theme:o})=>o.spacing[4]};
   font-size: ${({theme:o})=>o.fontSizes.md};
@@ -1004,12 +1313,12 @@
         box-shadow: 2px 2px 0 ${o.colors.neutral[900]};
       }
     `}
-`;function no({open:o,title:r="Are you sure?",message:n,confirmLabel:e="Confirm",cancelLabel:l="Cancel",variant:i="default",size:c="sm",onConfirm:d,onCancel:p}){return t.jsx(ro,{open:o,onClose:p,title:r,size:c,closeOnBackdrop:!1,footer:t.jsxs(t.Fragment,{children:[t.jsx(H,{variant:"outline",onClick:p,children:l}),i==="danger"?t.jsx(Ns,{type:"button",onClick:d,children:e}):t.jsx(H,{variant:"primary",onClick:d,children:e})]}),children:t.jsx(Os,{children:n})})}no.displayName="ConfirmDialog";const Eo=a.createContext(null);function Fs({children:o}){const[r,n]=a.useState(null),e=a.useCallback(c=>new Promise(d=>{n({...c,resolve:d})}),[]),l=()=>{r?.resolve(!0),n(null)},i=()=>{r?.resolve(!1),n(null)};return t.jsxs(Eo.Provider,{value:{confirm:e},children:[o,r&&t.jsx(no,{open:!0,title:r.title,message:r.message,confirmLabel:r.confirmLabel,cancelLabel:r.cancelLabel,variant:r.variant,size:r.size,onConfirm:l,onCancel:i})]})}function Ls(){const o=a.useContext(Eo);if(!o)throw new Error("useConfirm must be used within a ConfirmProvider");return o.confirm}const Bs=s.div`
+`;function ko({open:o,title:r="Are you sure?",message:n,confirmLabel:e="Confirm",cancelLabel:i="Cancel",variant:l="default",size:d="sm",onConfirm:f,onCancel:u}){return t.jsx(wo,{open:o,onClose:u,title:r,size:d,closeOnBackdrop:!1,footer:t.jsxs(t.Fragment,{children:[t.jsx(ao,{variant:"outline",onClick:u,children:i}),l==="danger"?t.jsx(_n,{type:"button",onClick:f,children:e}):t.jsx(ao,{variant:"primary",onClick:f,children:e})]}),children:t.jsx(An,{children:n})})}ko.displayName="ConfirmDialog";const cr=a.createContext(null);function Hn({children:o}){const[r,n]=a.useState(null),e=a.useCallback(d=>new Promise(f=>{n({...d,resolve:f})}),[]),i=()=>{r?.resolve(!0),n(null)},l=()=>{r?.resolve(!1),n(null)};return t.jsxs(cr.Provider,{value:{confirm:e},children:[o,r&&t.jsx(ko,{open:!0,title:r.title,message:r.message,confirmLabel:r.confirmLabel,cancelLabel:r.cancelLabel,variant:r.variant,size:r.size,onConfirm:i,onCancel:l})]})}function Yn(){const o=a.useContext(cr);if(!o)throw new Error("useConfirm must be used within a ConfirmProvider");return o.confirm}const Un=s.div`
   position: relative;
   display: inline-flex;
   flex-direction: column;
   gap: ${({theme:o})=>o.spacing[1]};
-`,Vs=s.div`
+`,qn=s.div`
   display: flex;
   align-items: center;
   border-radius: ${({theme:o})=>o.radius.md};
@@ -1054,19 +1363,19 @@
     outline: none;
     box-shadow: ${({theme:o})=>o.shadows.focusRing};
   }
-`,_s=s.span`
+`,Kn=s.span`
   flex: 1;
   color: ${({$hasValue:o,theme:r})=>o?r.colors.neutral[900]:r.colors.neutral[400]};
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-`,Rs=s.span`
+`,Gn=s.span`
   display: inline-flex;
   align-items: center;
   margin-left: ${({theme:o})=>o.spacing[2]};
   color: ${({theme:o})=>o.colors.neutral[500]};
   flex-shrink: 0;
-`,As=s.button`
+`,Xn=s.button`
   display: inline-flex;
   align-items: center;
   margin-left: ${({theme:o})=>o.spacing[2]};
@@ -1086,10 +1395,10 @@
     outline-offset: 2px;
     border-radius: 2px;
   }
-`,Ys=s.span`
+`;s.span`
   font-size: ${({theme:o})=>o.fontSizes.xs};
   color: ${({$error:o,theme:r})=>o?r.colors.error[500]:r.colors.neutral[500]};
-`,Hs=s.div`
+`;const Jn=s.div`
   position: absolute;
   top: calc(100% + 4px);
   left: 0;
@@ -1108,12 +1417,12 @@
       border: 1px solid ${o.colors.neutral[200]};
       box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
     `}
-`,qs=s.div`
+`,Qn=s.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: ${({theme:o})=>o.spacing[3]};
-`,uo=s.button`
+`,Mo=s.button`
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -1143,24 +1452,24 @@
         transform: translate(1px, 1px);
       }
     `}
-`,Us=s.span`
-  font-weight: 600;
+`,Zn=s.span`
+  font-weight: ${({theme:o})=>o.fontWeights.semibold};
   font-size: ${({theme:o})=>o.fontSizes.md};
   color: ${({theme:o})=>o.colors.neutral[900]};
-`,Ks=s.div`
+`,ot=s.div`
   display: grid;
   grid-template-columns: repeat(7, 1fr);
-  gap: 2px;
-`,Gs=s.span`
+  gap: ${({theme:o})=>o.spacing[.5]};
+`,rt=s.span`
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: ${({theme:o})=>o.fontSizes.xs};
-  font-weight: 600;
+  font-weight: ${({theme:o})=>o.fontWeights.semibold};
   color: ${({theme:o})=>o.colors.neutral[500]};
   padding: ${({theme:o})=>o.spacing[1]};
-  margin-bottom: 2px;
-`,po=s.button`
+  margin-bottom: ${({theme:o})=>o.spacing[.5]};
+`,yo=s.button`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -1171,15 +1480,15 @@
   cursor: pointer;
   font-size: ${({theme:o})=>o.fontSizes.sm};
   padding: ${({theme:o})=>o.spacing[1]};
-  font-weight: ${({$today:o,$selected:r})=>o||r?"600":"400"};
+  font-weight: ${({$today:o,$selected:r,$rangeStart:n,$rangeEnd:e,$inRange:i,theme:l})=>o||r||n||e?l.fontWeights.semibold:l.fontWeights.normal};
   pointer-events: ${({$currentMonth:o})=>o?"auto":"none"};
 
-  color: ${({$currentMonth:o,$selected:r,$today:n,theme:e})=>o?r?e.colors.primary.contrast:n?e.colors.primary[500]:e.colors.neutral[900]:e.colors.neutral[300]};
+  color: ${({$currentMonth:o,$selected:r,$today:n,$rangeStart:e,$rangeEnd:i,theme:l})=>o?r||e||i?l.colors.primary.contrast:n?l.colors.primary[500]:l.colors.neutral[900]:l.colors.neutral[300]};
 
-  background-color: ${({$selected:o,theme:r})=>o?r.colors.primary[500]:"transparent"};
+  background-color: ${({$selected:o,$rangeStart:r,$rangeEnd:n,$inRange:e,$currentMonth:i,theme:l})=>i?o||r||n?l.colors.primary[500]:e?l.colors.primary[50]:"transparent":"transparent"};
 
   &:hover:not(:disabled) {
-    background-color: ${({$selected:o,theme:r})=>o?r.colors.primary[700]:r.colors.neutral[100]};
+    background-color: ${({$selected:o,$rangeStart:r,$rangeEnd:n,theme:e})=>o||r||n?e.colors.primary[700]:e.colors.neutral[100]};
   }
 
   &:disabled {
@@ -1192,13 +1501,13 @@
     outline-offset: 1px;
   }
 
-  ${({$selected:o,$today:r,theme:n})=>n.brutalism&&(o||r)&&s.css`
-      border: ${n.brutalism.borderWidth} solid ${n.colors.neutral[900]};
-      ${o&&s.css`
-        box-shadow: 2px 2px 0 ${n.colors.neutral[900]};
+  ${({$selected:o,$rangeStart:r,$rangeEnd:n,$today:e,theme:i})=>i.brutalism&&(o||r||n||e)&&s.css`
+      border: ${i.brutalism.borderWidth} solid ${i.colors.neutral[900]};
+      ${(o||r||n)&&s.css`
+        box-shadow: 2px 2px 0 ${i.colors.neutral[900]};
       `}
     `}
-`,Js=["January","February","March","April","May","June","July","August","September","October","November","December"],Xs=["Su","Mo","Tu","We","Th","Fr","Sa"];function fo(o,r){return new Date(o,r+1,0).getDate()}function Zs(o,r){return new Date(o,r,1).getDay()}function $o(o,r){return o.getFullYear()===r.getFullYear()&&o.getMonth()===r.getMonth()&&o.getDate()===r.getDate()}function Qs(o,r,n){if(r){const e=new Date(r.getFullYear(),r.getMonth(),r.getDate());if(o<e)return!0}if(n){const e=new Date(n.getFullYear(),n.getMonth(),n.getDate());if(o>e)return!0}return!1}function on(o){return o.toLocaleDateString("en-US",{month:"short",day:"numeric",year:"numeric"})}function rn(o){return o.toLocaleDateString("en-US",{weekday:"long",month:"long",day:"numeric",year:"numeric"})}function Po({value:o=null,onChange:r,placeholder:n="Select date...",size:e="md",disabled:l=!1,clearable:i=!1,minDate:c,maxDate:d,formatDate:p,id:b,error:g}){const h=a.useId(),y=b??h,f=new Date,[x,v]=a.useState(!1),[k,T]=a.useState(()=>(o??f).getFullYear()),[$,C]=a.useState(()=>(o??f).getMonth()),S=a.useRef(null);a.useEffect(()=>{if(!x)return;const u=O=>{S.current&&!S.current.contains(O.target)&&v(!1)};return document.addEventListener("mousedown",u),()=>document.removeEventListener("mousedown",u)},[x]),a.useEffect(()=>{o&&(T(o.getFullYear()),C(o.getMonth()))},[o]);const j=o?p?p(o):on(o):"",w=u=>{r?.(new Date(k,$,u)),v(!1)},z=u=>{u.stopPropagation(),r?.(null)},I=()=>{$===0?(C(11),T(u=>u-1)):C(u=>u-1)},M=()=>{$===11?(C(0),T(u=>u+1)):C(u=>u+1)},D=fo(k,$),V=Zs(k,$),E=[],P=fo($===0?k-1:k,$===0?11:$-1);for(let u=V-1;u>=0;u--)E.push({day:P-u,currentMonth:!1});for(let u=1;u<=D;u++)E.push({day:u,currentMonth:!0});const _=42-E.length;for(let u=1;u<=_;u++)E.push({day:u,currentMonth:!1});return t.jsxs(Bs,{ref:S,children:[t.jsxs(Vs,{id:y,$size:e,$error:!!g,$disabled:l,role:"combobox","aria-haspopup":"true","aria-expanded":x,tabIndex:l?-1:0,onClick:()=>{l||v(u=>!u)},onKeyDown:u=>{(u.key==="Enter"||u.key===" ")&&!l&&(u.preventDefault(),v(O=>!O)),u.key==="Escape"&&v(!1)},children:[t.jsx(_s,{$hasValue:!!o,children:j||n}),i&&o?t.jsx(As,{type:"button",onClick:z,"aria-label":"Clear date",children:t.jsx(Q,{size:14})}):t.jsx(Rs,{"aria-hidden":"true",children:t.jsx(ar,{size:14})})]}),typeof g=="string"&&t.jsx(Ys,{$error:!0,children:g}),x&&t.jsxs(Hs,{role:"dialog","aria-label":"Calendar",children:[t.jsxs(qs,{children:[t.jsx(uo,{type:"button",onClick:I,"aria-label":"Previous month",children:t.jsx(dr,{size:16})}),t.jsxs(Us,{children:[Js[$]," ",k]}),t.jsx(uo,{type:"button",onClick:M,"aria-label":"Next month",children:t.jsx(pr,{size:16})})]}),t.jsxs(Ks,{children:[Xs.map(u=>t.jsx(Gs,{children:u},u)),E.map((u,O)=>{if(!u.currentMonth)return t.jsx(po,{type:"button",$currentMonth:!1,$selected:!1,$today:!1,disabled:!0,tabIndex:-1,children:u.day},O);const F=new Date(k,$,u.day),L=o?$o(F,o):!1,U=$o(F,f),K=Qs(F,c,d);return t.jsx(po,{type:"button",$currentMonth:!0,$selected:L,$today:U,disabled:K,"aria-label":rn(F),"aria-pressed":L,onClick:()=>w(u.day),children:u.day},O)})]})]})]})}Po.displayName="DatePicker";function sn(o){const r=parseInt(o.slice(1,3),16)/255,n=parseInt(o.slice(3,5),16)/255,e=parseInt(o.slice(5,7),16)/255,l=c=>c<=.03928?c/12.92:((c+.055)/1.055)**2.4;return .2126*l(r)+.7152*l(n)+.0722*l(e)>.179?"#111111":"#ffffff"}const q={colors:{primary:{50:"#fffde6",500:"#ffd000",700:"#ffd000",contrast:"#111111"},neutral:{0:"#ffffff",100:"#f5f0e8",200:"#e8e3db",300:"#ccc8c0",400:"#a8a49c",500:"#706c64",600:"#3c3830",900:"#111111"},error:{50:"#fff0f0",500:"#ff3333"},success:{50:"#f0fff4",500:"#00cc44"},warning:{50:"#fffbe6",500:"#ff9900"},info:{50:"#f0f0ff",500:"#3333ff"}},spacing:{1:"4px",2:"8px",3:"12px",4:"16px",5:"20px",6:"24px"},radius:{md:"2px"},zIndex:{modal:1e3,toast:1100},fontSizes:{xs:"12px",sm:"14px",md:"16px",lg:"18px"},shadows:{focusRing:"3px 3px 0 #111111"},brutalism:{borderWidth:"2px",shadowOffset:"4px"}};function nn(o){return{...q,colors:{...q.colors,primary:{50:"#fffff0",500:o,700:o,contrast:sn(o)}}}}function tn({theme:o=q,children:r}){return t.jsx(s.ThemeProvider,{theme:o,children:r})}const en=s.createGlobalStyle`
+`,st=["January","February","March","April","May","June","July","August","September","October","November","December"],nt=["Su","Mo","Tu","We","Th","Fr","Sa"];function Oo(o,r){return new Date(o,r+1,0).getDate()}function tt(o,r){return new Date(o,r,1).getDay()}function so(o,r){return o.getFullYear()===r.getFullYear()&&o.getMonth()===r.getMonth()&&o.getDate()===r.getDate()}function et(o,r,n){if(r){const e=new Date(r.getFullYear(),r.getMonth(),r.getDate());if(o<e)return!0}if(n){const e=new Date(n.getFullYear(),n.getMonth(),n.getDate());if(o>e)return!0}return!1}function Lo(o){return o.toLocaleDateString("en-US",{month:"short",day:"numeric",year:"numeric"})}function Ro(o){return o.toLocaleDateString("en-US",{weekday:"long",month:"long",day:"numeric",year:"numeric"})}function ho(o){if(!o)return null;const r=o.split("-");if(r.length!==3)return null;const n=parseInt(r[0],10),e=parseInt(r[1],10),i=parseInt(r[2],10);return isNaN(n)||isNaN(e)||isNaN(i)?null:new Date(n,e-1,i)}function Z(o){const r=o.getFullYear(),n=String(o.getMonth()+1).padStart(2,"0"),e=String(o.getDate()).padStart(2,"0");return`${r}-${n}-${e}`}function dr({name:o,label:r,value:n,onChange:e,placeholder:i="Select date...",size:l="md",disabled:d=!1,clearable:f=!1,minDate:u,maxDate:p,formatDate:$,error:m,required:w,helperText:y,mode:v="single",nameFrom:S,nameTo:W,valueFrom:L,valueTo:E}){const g=v==="range",j=ho(n??""),h=ho(L??""),x=ho(E??""),C=new Date,I=()=>g?h??x??C:j??C,[z,D]=a.useState(!1),[P,F]=a.useState(()=>I().getFullYear()),[O,V]=a.useState(()=>I().getMonth()),[q,N]=a.useState("from"),_=a.useRef(null);a.useEffect(()=>{if(!z)return;const b=R=>{_.current&&!_.current.contains(R.target)&&(D(!1),g&&N("from"))};return document.addEventListener("mousedown",b),()=>document.removeEventListener("mousedown",b)},[z,g]),a.useEffect(()=>{!g&&j&&(F(j.getFullYear()),V(j.getMonth()))},[n,g]),a.useEffect(()=>{g&&h&&(F(h.getFullYear()),V(h.getMonth()))},[L,g]);const H=(()=>{if(!g)return j?$?$(j):Lo(j):"";if(!h&&!x)return"";const b=$??Lo;return h&&x?`${b(h)} - ${b(x)}`:h?`${b(h)} - ...`:""})(),G=g?!!(h||x):!!j,X=b=>{const R=new Date(P,O,b);if(!g){e(o??"",Z(R)),D(!1);return}if(q==="from"){e(S??"",Z(R)),N("to");return}if(!h){e(S??"",Z(R)),N("to");return}if(so(R,h)){e(S??"",""),e(W??"",""),N("from");return}if(R>=h){e(W??"",Z(R)),N("from"),D(!1);return}e(W??"",Z(h)),e(S??"",Z(R)),N("from"),D(!1)},k=b=>{b.stopPropagation(),g?(e(S??"",""),e(W??"",""),N("from")):e(o??"","")},M=()=>{if(d)return;const b=!z;D(b),!b&&g&&N("from")},B=b=>{if((b.key==="Enter"||b.key===" ")&&!d){b.preventDefault();const R=!z;D(R),!R&&g&&N("from")}b.key==="Escape"&&(D(!1),g&&N("from"))},A=()=>{O===0?(V(11),F(b=>b-1)):V(b=>b-1)},oo=()=>{O===11?(V(0),F(b=>b+1)):V(b=>b+1)},no=Oo(P,O),ro=tt(P,O),J=[],fo=Oo(O===0?P-1:P,O===0?11:O-1);for(let b=ro-1;b>=0;b--)J.push({day:fo-b,currentMonth:!1});for(let b=1;b<=no;b++)J.push({day:b,currentMonth:!0});const po=42-J.length;for(let b=1;b<=po;b++)J.push({day:b,currentMonth:!1});return t.jsx(vo,{label:r,error:m,helperText:y,required:w,children:t.jsxs(Un,{ref:_,children:[t.jsxs(qn,{$size:l,$error:!!m,$disabled:d,role:"combobox","aria-haspopup":"true","aria-expanded":z,tabIndex:d?-1:0,onClick:M,onKeyDown:B,children:[t.jsx(Kn,{$hasValue:G,children:H||i}),f&&G?t.jsx(Xn,{type:"button",onClick:k,"aria-label":"Clear date",children:t.jsx(uo,{size:14})}):t.jsx(Gn,{"aria-hidden":"true",children:t.jsx(Pr,{size:14})})]}),z&&t.jsxs(Jn,{role:"dialog","aria-label":"Calendar",children:[t.jsxs(Qn,{children:[t.jsx(Mo,{type:"button",onClick:A,"aria-label":"Previous month",children:t.jsx(Br,{size:16})}),t.jsxs(Zn,{children:[st[O]," ",P]}),t.jsx(Mo,{type:"button",onClick:oo,"aria-label":"Next month",children:t.jsx(_r,{size:16})})]}),t.jsxs(ot,{children:[nt.map(b=>t.jsx(rt,{children:b},b)),J.map((b,R)=>{if(!b.currentMonth)return t.jsx(yo,{type:"button",$currentMonth:!1,$selected:!1,$today:!1,disabled:!0,tabIndex:-1,children:b.day},R);const c=new Date(P,O,b.day),T=so(c,C),Y=et(c,u,p);if(g){const So=h?so(c,h):!1,jo=x?so(c,x):!1,ur=h&&x?c>h&&c<x:!1;return t.jsx(yo,{type:"button",$currentMonth:!0,$selected:!1,$today:T,$rangeStart:So,$rangeEnd:jo,$inRange:ur,disabled:Y,"aria-label":Ro(c),"aria-pressed":So||jo,onClick:()=>X(b.day),children:b.day},R)}const to=j?so(c,j):!1;return t.jsx(yo,{type:"button",$currentMonth:!0,$selected:to,$today:T,disabled:Y,"aria-label":Ro(c),"aria-pressed":to,onClick:()=>X(b.day),children:b.day},R)})]})]})]})})}dr.displayName="DatePicker";function it(o){const r=parseInt(o.slice(1,3),16)/255,n=parseInt(o.slice(3,5),16)/255,e=parseInt(o.slice(5,7),16)/255,i=d=>d<=.03928?d/12.92:((d+.055)/1.055)**2.4;return .2126*i(r)+.7152*i(n)+.0722*i(e)>.179?"#111111":"#ffffff"}const lo={colors:{primary:{50:"#fffde6",500:"#ffd000",700:"#ffd000",contrast:"#111111"},neutral:{0:"#ffffff",100:"#f5f0e8",200:"#e8e3db",300:"#ccc8c0",400:"#a8a49c",500:"#706c64",600:"#3c3830",900:"#111111"},error:{50:"#fff0f0",500:"#ff3333"},success:{50:"#f0fff4",500:"#00cc44"},warning:{50:"#fffbe6",500:"#ff9900"},info:{50:"#f0f0ff",500:"#3333ff"}},spacing:{.5:"2px",1:"4px",2:"8px",3:"12px",4:"16px",5:"20px",6:"24px",8:"32px",10:"40px"},radius:{md:"2px"},zIndex:{modal:1e3,toast:1100},fontSizes:{xs:"12px",sm:"14px",md:"16px",lg:"18px"},fontWeights:{normal:"400",medium:"500",semibold:"600",bold:"700"},shadows:{focusRing:"3px 3px 0 #111111"},brutalism:{borderWidth:"2px",shadowOffset:"4px"}};function at(o){return{...lo,colors:{...lo.colors,primary:{50:"#fffff0",500:o,700:o,contrast:it(o)}}}}function lt({theme:o=lo,children:r}){return t.jsx(s.ThemeProvider,{theme:o,children:r})}const ct=s.createGlobalStyle`
   *, *::before, *::after {
     box-sizing: border-box;
     margin: 0;
@@ -1215,4 +1524,4 @@
   button, input, select, textarea {
     font-family: inherit;
   }
-`;exports.Badge=go;exports.Button=H;exports.CollapsibleCard=zo;exports.ConfirmDialog=no;exports.ConfirmProvider=Fs;exports.DatePicker=Po;exports.Editable=vo;exports.Field=ko;exports.Form=jo;exports.FormField=Co;exports.GlobalStyles=en;exports.Input=xo;exports.Link=oo;exports.Modal=ro;exports.Select=mo;exports.Spinner=To;exports.Table=Do;exports.Textarea=yo;exports.ThemeProvider=tn;exports.Toast=so;exports.ToastProvider=Hr;exports.createNeoBrutalTheme=nn;exports.neoBrutalTheme=q;exports.useConfirm=Ls;exports.useForm=Zr;exports.useTable=Ws;exports.useToast=qr;
+`;exports.Badge=No;exports.Button=ao;exports.Checkbox=rr;exports.CollapsibleCard=tr;exports.ConfirmDialog=ko;exports.ConfirmProvider=Hn;exports.DatePicker=dr;exports.Editable=_o;exports.Field=Ho;exports.Form=or;exports.FormField=vo;exports.GlobalStyles=ct;exports.Input=Po;exports.Link=mo;exports.Modal=wo;exports.Radio=sr;exports.Select=Ao;exports.Spinner=er;exports.Switch=nr;exports.Table=lr;exports.Textarea=Fo;exports.ThemeProvider=lt;exports.Toast=Qo;exports.ToastProvider=zs;exports.composeValidators=Bs;exports.createNeoBrutalTheme=at;exports.isEmail=Ps;exports.isUrl=Fs;exports.maxLength=Ns;exports.minLength=Rs;exports.neoBrutalTheme=lo;exports.pattern=Vs;exports.required=Ls;exports.useConfirm=Yn;exports.useForm=Os;exports.useTable=vn;exports.useToast=Is;