blunt-ui 0.3.6 → 1.1.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"),fo=require("react-dom"),no=(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:no(r,r.colors.primary[500],r.colors.primary.contrast),neutral:no(r,r.colors.neutral[200],r.colors.neutral[900]),success:no(r,r.colors.success[50],r.colors.success[500]),error:no(r,r.colors.error[50],r.colors.error[500]),warning:no(r,r.colors.warning[50],r.colors.warning[500]),info:no(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 Lo({variant:o="primary",size:r="md",children:n,...e}){return t.jsx(fr,{$variant:o,$size:r,...e,children:n})}Lo.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 $=r??(n?"a":"button");return t.jsx(No,{ref:o,as:$,href:n,$variant:e,$size:l,disabled:i||c,...p,children:i?"Loading...":d})}H.displayName="Button";const Fo=s.div`
+`;function co({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})}co.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]};
-`,Ro=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};
   }
-`,Vo=s.input`
+`,yr=s.input`
   flex: 1;
   border: none;
   outline: none;
@@ -171,11 +171,11 @@
     cursor: not-allowed;
     opacity: 0.6;
   }
-`,to=s.div`
+`,zo=s.div`
   display: inline-flex;
   align-items: center;
   margin: 0 ${({theme:o})=>o.spacing[1]};
-`,_o=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:$,onClear:b,fullWidth:w,id:x,value:f,defaultValue:y,onChange:h,...j}){const I=a.useId(),v=x??I,g=`${v}-hint`,[k,z]=a.useState(y??""),S=f!==void 0,C=S?f:k,T=typeof c=="string"?c:void 0,D=!!(i||c),M=E=>{S||z(E.target.value),h?.(E)},R=()=>{S||z(""),b?.()};return t.jsxs(Fo,{$fullWidth:w,children:[l&&t.jsx(Lo,{htmlFor:v,children:l}),t.jsxs(Ro,{$size:n,$variant:e,$error:!!c,children:[d&&t.jsx(to,{children:d}),t.jsx(Vo,{id:v,ref:o,type:r,value:C,onChange:M,...j,"aria-invalid":!!c,"aria-describedby":D?g:void 0}),$&&C&&t.jsx(_o,{type:"button",onClick:R,"aria-label":"Clear input",children:"✕"}),p&&t.jsx(to,{children:p})]}),D&&t.jsx(Bo,{id:g,$error:!!c,children:T??i})]})}xo.displayName="Input";const Ao=s.div`
+`;function No({ref:o,type:r="text",size:n="md",variant:e="default",label:i,helperText:l,error:d,leftElement:f,rightElement:u,clearable:p,onClear:g,fullWidth:w,id:v,value:y,defaultValue:k,onChange:j,...W}){const O=a.useId(),E=v??O,x=`${E}-hint`,[z,m]=a.useState(k??""),b=y!==void 0,S=b?y:z,I=typeof d=="string"?d:void 0,C=!!(l||d),M=F=>{b||m(F.target.value),j?.(F)},L=()=>{b||m(""),g?.()};return t.jsxs($r,{$fullWidth:w,children:[i&&t.jsx(gr,{htmlFor:E,children:i}),t.jsxs(xr,{$size:n,$variant:e,$error:!!d,children:[f&&t.jsx(zo,{children:f}),t.jsx(yr,{id:E,ref:o,type:r,value:S,onChange:M,...W,"aria-invalid":!!d,"aria-describedby":C?x:void 0}),p&&S&&t.jsx(hr,{type:"button",onClick:L,"aria-label":"Clear input",children:"✕"}),u&&t.jsx(zo,{children:u})]}),C&&t.jsx(br,{id:x,$error:!!d,children:I??l})]})}No.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:$,onChange:b,...w}){const x=a.useId(),f=d??x,y=`${f}-hint`,[h,j]=a.useState($??""),I=p!==void 0,v=I?p:h,g=typeof i=="string"?i:void 0,k=!!(l||i),z=S=>{I||j(S.target.value),b?.(S)};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:v,onChange:z,...w,"aria-invalid":!!i,"aria-describedby":k?y:void 0})}),k&&t.jsx(Ho,{id:y,$error:!!i,children:g??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:$=24,strokeWidth:b=2,absoluteStrokeWidth:w=!1,color:x="currentColor",className:f=""}=Zo()??{},y=e??w?Number(n??b)*24/Number(r??$):n??b;return a.createElement("svg",{ref:p,...X,width:r??$??X.width,height:r??$??X.height,stroke:o??x,strokeWidth:y,className:ho("lucide",f,l),...!i&&!Jo(d)&&{"aria-hidden":"true"},...d},[...c.map(([h,j])=>a.createElement(h,j)),...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:g,...w}){const v=a.useId(),y=f??v,k=`${y}-hint`,[j,W]=a.useState(p??""),O=u!==void 0,E=O?u:j,x=typeof l=="string"?l:void 0,z=!!(i||l),m=b=>{O||W(b.target.value),g?.(b)};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:m,...w,"aria-invalid":!!l,"aria-describedby":z?k:void 0})}),z&&t.jsx(vr,{id:k,$error:!!l,children:x??i})]})}Fo.displayName="Textarea";const Bo=(...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 zr=o=>o.replace(/^([A-Z])|[\s-_]+(\w)/g,(r,n,e)=>e?e.toUpperCase():n.toLowerCase());const Co=o=>{const r=zr(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 Cr=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:g=2,absoluteStrokeWidth:w=!1,color:v="currentColor",className:y=""}=Tr()??{},k=e??w?Number(n??g)*24/Number(r??p):n??g;return a.createElement("svg",{ref:u,...go,width:r??p??go.width,height:r??p??go.height,stroke:o??v,strokeWidth:k,className:Bo("lucide",y,i),...!l&&!Cr(f)&&{"aria-hidden":"true"},...f},[...d.map(([j,W])=>a.createElement(j,W)),...Array.isArray(l)?l:[l]])});const G=(o,r)=>{const n=a.forwardRef(({className:e,...i},l)=>a.createElement(Dr,{ref:l,iconNode:r,className:Bo(`lucide-${jr(Co(o))}`,`lucide-${o}`,e),...i}));return n.displayName=Co(o),n};const Wr=[["path",{d:"M12 5v14",key:"s699le"}],["path",{d:"m19 12-7 7-7-7",key:"1idqje"}]],Er=G("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=G("arrow-up-down",Mr);const Rr=[["path",{d:"m5 12 7-7 7 7",key:"hav0vg"}],["path",{d:"M12 19V5",key:"x0mq9r"}]],Pr=G("arrow-up",Rr);const Lr=[["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"}]],Nr=G("calendar",Lr);const Fr=[["path",{d:"m6 9 6 6 6-6",key:"qrunsl"}]],Vo=G("chevron-down",Fr);const Br=[["path",{d:"m15 18-6-6 6-6",key:"1wnfg3"}]],Vr=G("chevron-left",Br);const Ar=[["path",{d:"m9 18 6-6-6-6",key:"mthhwq"}]],_r=G("chevron-right",Ar);const Hr=[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]],po=G("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:$,defaultValue:b,onChange:w,...x}){const f=a.useId(),y=p??f,h=`${y}-hint`,j=typeof l=="string"?l:void 0,[I,v]=a.useState(b??""),g=$!==void 0,k=g?$:I,z=T=>{g||v(T.target.value),w?.(T)},S=()=>{g||v(""),d?.()},C=c&&!!k;return t.jsxs($r,{$fullWidth:i,children:[t.jsxs(br,{children:[t.jsxs(xr,{id:y,$size:n,$variant:e,$error:!!l,"aria-invalid":!!l,"aria-describedby":j?h:void 0,value:k,onChange:z,...x,children:[r&&t.jsx("option",{value:"",disabled:!0,children:r}),o.map(T=>t.jsx("option",{value:T.value,disabled:T.disabled,children:T.label},T.value))]}),C?t.jsx(yr,{type:"button",onClick:S,"aria-label":"Clear selection",children:t.jsx(Q,{size:14})}):t.jsx(hr,{"aria-hidden":"true",children:t.jsx(wo,{size:14})})]}),j&&t.jsx(gr,{id:h,$error:!0,children:j})]})}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:g,defaultValue:w,onChange:v,disabled:y,searchable:k,"aria-label":j,"aria-describedby":W}){const O=a.useId(),E=u??O,x=`${E}-list`,z=`${E}-search`,m=typeof i=="string"?i:void 0,[b,S]=a.useState(!1),[I,C]=a.useState(-1),[M,L]=a.useState(""),[F,P]=a.useState({top:0,left:0,width:0}),[A,oo]=a.useState(w??""),D=g!==void 0,V=D?g:A,ro=a.useRef(null),_=a.useRef(null),X=a.useRef(null),U=a.useRef(null),so=o.find(c=>c.value===V),B=k&&M?o.filter(c=>c.label.toLowerCase().includes(M.toLowerCase())):o,H=a.useCallback(()=>{if(!_.current)return;const c=_.current.getBoundingClientRect();P({top:c.bottom+4,left:c.left,width:c.width})},[]);a.useEffect(()=>{if(b)return H(),window.addEventListener("scroll",H,!0),window.addEventListener("resize",H),()=>{window.removeEventListener("scroll",H,!0),window.removeEventListener("resize",H)}},[b,H]),a.useEffect(()=>{if(!b)return;const c=T=>{const Y=ro.current?.contains(T.target),io=X.current?.contains(T.target);!Y&&!io&&S(!1)};return document.addEventListener("mousedown",c),()=>document.removeEventListener("mousedown",c)},[b]),a.useEffect(()=>{b&&k&&setTimeout(()=>U.current?.focus(),0),b||(L(""),C(-1))},[b,k]),a.useEffect(()=>{C(-1)},[M]),a.useEffect(()=>{if(I<0)return;const c=document.getElementById(`${x}-option-${I}`);c&&typeof c.scrollIntoView=="function"&&c.scrollIntoView({block:"nearest"})},[I,x]);function q(c,T){let Y=c+T;for(;Y>=0&&Y<B.length;){if(!B[Y].disabled)return Y;Y+=T}return c}function K(){return B.findIndex(c=>!c.disabled)}function J(){for(let c=B.length-1;c>=0;c--)if(!B[c].disabled)return c;return-1}function Q(c){if(c.disabled)return;D||oo(c.value);const T={target:{name:p??"",value:c.value},currentTarget:{name:p??"",value:c.value}};v?.(T),S(!1),_.current?.focus()}function h(c){c.stopPropagation(),D||oo(""),v?.({target:{name:p??"",value:""},currentTarget:{name:p??"",value:""}}),f?.(),_.current?.focus()}function N(c){if(!y){if(!b){["ArrowDown","ArrowUp","Enter"," "].includes(c.key)&&(c.preventDefault(),S(!0),k||C(K()));return}if(c.key==="Escape"){c.preventDefault(),S(!1);return}if(!k){if(c.key==="ArrowDown"){c.preventDefault(),C(T=>q(T,1));return}if(c.key==="ArrowUp"){c.preventDefault(),C(T=>q(T,-1));return}if(c.key==="Home"){c.preventDefault(),C(K());return}if(c.key==="End"){c.preventDefault(),C(J());return}(c.key==="Enter"||c.key===" ")&&I>=0&&(c.preventDefault(),Q(B[I]))}}}function Z(c){if(c.key==="Escape"){S(!1),_.current?.focus();return}if(c.key==="ArrowDown"){c.preventDefault(),C(T=>T<0?K():q(T,1));return}if(c.key==="ArrowUp"){c.preventDefault(),C(T=>T<0?J():q(T,-1));return}c.key==="Enter"&&I>=0&&(c.preventDefault(),Q(B[I]))}const $=d&&!!V&&!y,R=I>=0?`${x}-option-${I}`:void 0;return t.jsxs(Yr,{ref:ro,$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:_,id:E,type:"button",role:"combobox","aria-expanded":b,"aria-haspopup":"listbox","aria-controls":b?x:void 0,"aria-activedescendant":b&&!k?R:void 0,"aria-invalid":!!i,"aria-label":j,"aria-describedby":W,$size:n,$variant:e,$error:!!i,$disabled:y,$open:b,disabled:y,onClick:()=>!y&&S(c=>!c),onKeyDown:N,children:[t.jsx(bo,{$placeholder:!so,children:so?.label??r??"Select..."}),t.jsxs(Kr,{children:[$&&t.jsx(ss,{type:"button",onClick:h,"aria-label":"Clear selection",children:t.jsx(po,{size:14})}),t.jsx(Gr,{$open:b,"aria-hidden":"true",children:t.jsx(Vo,{size:14})})]})]}),b&&fo.createPortal(t.jsxs(Xr,{ref:X,id:x,role:"listbox","aria-label":r??"Options",style:{position:"fixed",top:F.top,left:F.left,width:F.width},children:[k&&t.jsx(Jr,{children:t.jsx(Qr,{ref:U,id:z,type:"text",placeholder:"Search...",value:M,onChange:c=>L(c.target.value),onKeyDown:Z,"aria-label":"Search options","aria-controls":x,"aria-activedescendant":R})}),B.length===0&&t.jsx(Zr,{children:"No options found"}),B.map((c,T)=>t.jsx(os,{id:`${x}-option-${T}`,role:"option","aria-selected":c.value===V,"aria-disabled":c.disabled,$selected:c.value===V,$focused:T===I,$disabled:c.disabled,onClick:()=>Q(c),onMouseEnter:()=>!c.disabled&&C(T),children:c.label},c.value))]}),document.body),m&&t.jsx(rs,{$error:!0,children:m})]})}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,$]=a.useState(r),b=d?o:p,[w,x]=a.useState(!1),[f,y]=a.useState(""),h=a.useRef(null),j=()=>{c||(y(b),x(!0),setTimeout(()=>{h.current?.focus(),h.current?.select()},0))},I=()=>{d||$(f),n?.(f),e?.(f),x(!1)},v=()=>{l?.(b),x(!1)},g=k=>{k.key==="Enter"?I():k.key==="Escape"&&v()};return w?t.jsx(io,{children:t.jsx(mr,{ref:h,value:f,size:Math.max(f.length,i.length,10),onChange:k=>y(k.target.value),onBlur:I,onKeyDown:g,"aria-label":"Edit value"})}):t.jsx(io,{children:t.jsx(wr,{role:c?void 0:"button",tabIndex:c?void 0:0,$disabled:c,$empty:!b,onClick:j,onKeyDown:k=>k.key==="Enter"&&j(),children:b||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),g=f?o:u,[w,v]=a.useState(!1),[y,k]=a.useState(""),j=a.useRef(null),W=()=>{d||(k(g),v(!0),setTimeout(()=>{j.current?.focus(),j.current?.select()},0))},O=()=>{f||p(y),n?.(y),e?.(y),v(!1)},E=()=>{i?.(g),v(!1)},x=z=>{z.key==="Enter"?O():z.key==="Escape"&&E()};return w?t.jsx(Io,{children:t.jsx(ts,{ref:j,value:y,size:Math.max(y.length,l.length,10),onChange:z=>k(z.target.value),onBlur:O,onKeyDown:x,"aria-label":"Edit value"})}):t.jsx(Io,{children:t.jsx(ns,{role:d?void 0:"button",tabIndex:d?void 0:0,$disabled:d,$empty:!g,onClick:W,onKeyDown:z=>z.key==="Enter"&&W(),children:g||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:$}){const b=a.useRef(null),w=a.useRef(null),x=a.useRef(r);x.current=r;const f=a.useId(),y=p??(n?f:void 0),[h,j]=a.useState(o),[I,v]=a.useState(!1);return a.useEffect(()=>{if(o)j(!0),v(!1);else if(h){v(!0);const g=setTimeout(()=>{j(!1),v(!1)},150);return()=>clearTimeout(g)}},[o,h]),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||!b.current)return;const g=b.current,k=document.activeElement;(ao(g)[0]??g).focus();const S=C=>{if(C.key==="Escape"&&d){x.current();return}if(C.key!=="Tab")return;const T=ao(g);if(T.length===0){C.preventDefault();return}const D=T[0],M=T[T.length-1];C.shiftKey?document.activeElement===D&&(C.preventDefault(),M.focus()):document.activeElement===M&&(C.preventDefault(),D.focus())};return document.addEventListener("keydown",S),()=>{document.removeEventListener("keydown",S),k?.focus()}},[o,d,h]),h?bo.createPortal(t.jsx(Mr,{$closing:I,onMouseDown:g=>{w.current=g.target},onClick:g=>{c&&w.current===g.currentTarget&&r()},children:t.jsxs(Dr,{ref:b,role:"dialog","aria-modal":"true","aria-labelledby":y,"aria-describedby":$,$size:i,$closing:I,tabIndex:-1,onClick:g=>g.stopPropagation(),children:[t.jsxs(Er,{children:[n&&t.jsx(Pr,{id:f,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 g=a.useRef(null),w=a.useRef(null),v=a.useRef(r);v.current=r;const y=a.useId(),k=u??(n?y:void 0),[j,W]=a.useState(o),[O,E]=a.useState(!1);return a.useEffect(()=>{if(o)W(!0),E(!1);else if(j){E(!0);const x=setTimeout(()=>{W(!1),E(!1)},150);return()=>clearTimeout(x)}},[o,j]),a.useEffect(()=>{if(!o)return;const x=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=x}},[o]),a.useEffect(()=>{if(!o||!g.current)return;const x=g.current,z=document.activeElement;(To(x)[0]??x).focus();const b=S=>{if(S.key==="Escape"&&f){v.current();return}if(S.key!=="Tab")return;const I=To(x);if(I.length===0){S.preventDefault();return}const C=I[0],M=I[I.length-1];S.shiftKey?document.activeElement===C&&(S.preventDefault(),M.focus()):document.activeElement===M&&(S.preventDefault(),C.focus())};return document.addEventListener("keydown",b),()=>{document.removeEventListener("keydown",b),z?.focus()}},[o,f,j]),j?fo.createPortal(t.jsx(ps,{$closing:O,onMouseDown:x=>{w.current=x.target},onClick:x=>{d&&w.current===x.currentTarget&&r()},children:t.jsxs($s,{ref:g,role:"dialog","aria-modal":"true","aria-labelledby":k,"aria-describedby":p,$size:l,$closing:O,tabIndex:-1,onClick:x=>x.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); }
-`,Rr=s.keyframes`
+`,qo=s.keyframes`
   from { opacity: 1; }
   to   { opacity: 0; }
-`,Vr=s.div`
-  position: fixed;
-  z-index: ${({theme:o})=>o.zIndex.toast};
+`,ao=(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:ao(r,r.colors.success[50],r.colors.success[500]),error:ao(r,r.colors.error[50],r.colors.error[500]),warning:ao(r,r.colors.warning[50],r.colors.warning[500]),info:ao(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`
-          ${Rr} 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};
-`,_r=s(Vr)`
-  ${({$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,$]=a.useState(!1);return a.useEffect(()=>{if(o)d(!0),$(!1);else if(c){$(!0);const b=setTimeout(()=>{d(!1),$(!1)},200);return()=>{clearTimeout(b)}}},[o,c]),a.useEffect(()=>{if(!o||l===0)return;const b=setTimeout(r,l);return()=>{clearTimeout(b)}},[o,l,r]),c?bo.createPortal(t.jsxs(_r,{$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 g=setTimeout(()=>{f(!1),p(!1)},200);return()=>{clearTimeout(g)}}},[o,d]),a.useEffect(()=>{if(!o||i===0)return;const g=setTimeout(r,i);return()=>{clearTimeout(g)}},[o,i,r]),d?fo.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(po,{size:14,strokeWidth:2.5})})]}),document.body):null}Qo.displayName="Toast";const Zo=a.createContext(null),Do=5,js="bottom-right";function zs({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(po,{size:14,strokeWidth:2.5})})]})}function Cs({children:o}){const[r,n]=a.useState([]),e=a.useCallback(u=>{n(p=>p.map(g=>g.id===u?{...g,closing:!0}:g)),setTimeout(()=>{n(p=>p.filter(g=>g.id!==u))},200)},[]),i=a.useCallback(u=>{const p=Date.now();n(g=>{const w=[...g,{...u,id:p,closing:!1}];return w.length>Do?w.slice(w.length-Do):w})},[]),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&&fo.createPortal(t.jsx(Ss,{$position:d,children:r.map(u=>t.jsx(zs,{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({}),[g,w]=a.useState(!1),v=a.useRef(i);v.current=i;const y=a.useCallback(m=>{if(!r)return{};const b=r(m);return Object.fromEntries(Object.entries(b).filter(([,S])=>S!==void 0))},[r]),k=a.useRef(u);k.current=u;const j=a.useCallback(m=>{const{name:b,value:S}=m.target;process.env.NODE_ENV!=="production"&&!b&&console.warn("[useForm] handleChange: field is missing a `name` attribute — value will not be tracked.");const I={...v.current,[b]:S};l(I),k.current[b]&&f(y(I))},[y]),W=a.useCallback(m=>{const{name:b}=m.target;process.env.NODE_ENV!=="production"&&!b&&console.warn("[useForm] handleBlur: field is missing a `name` attribute — touched state will not be tracked."),p(S=>({...S,[b]:!0})),f(y(v.current))},[y]),O=a.useCallback(m=>{m?.preventDefault();const b=Object.keys(v.current).reduce((C,M)=>({...C,[M]:!0}),{});p(b);const S=y(v.current);if(f(S),Object.keys(S).length>0){e?.(S);return}(async()=>{w(!0);try{await n?.(v.current)}finally{w(!1)}})()},[y,n,e]),E=a.useCallback((m,b)=>{l(S=>({...S,[m]:b}))},[]),x=a.useCallback(m=>{l(m??o),f({}),p({}),w(!1)},[o]),z=Object.fromEntries(Object.entries(d).filter(([m])=>u[m]));return{values:i,errors:z,touched:u,handleChange:j,handleBlur:W,handleSubmit:O,setFieldValue:E,reset:x,isSubmitting:g}}const Rs=(o="Required")=>r=>{if(!r.trim())return o},Ps=(o,r)=>n=>{if(n.length<o)return r??`Must be at least ${o} characters`},Ls=(o,r)=>n=>{if(n.length>o)return r??`Must be at most ${o} characters`},Ns=(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}},Bs=(o,r)=>n=>{if(!o.test(n))return r};function Vs(...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:g,...w}){const v=a.useId(),y=f??v,k=typeof e=="string"?e:void 0,j=!!(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,...w}),t.jsx(Ys,{$checked:d,$error:!!e,$disabled:l,$size:n,$color:u,$borderColor:p,$checkColor:g}),r&&t.jsx(Us,{$size:n,children:r})]}),j&&t.jsx(qs,{$error:!!e,children:k??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,$=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:" *"})]}),$,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,$]=a.useState({}),[b,w]=a.useState(!1),x=a.useRef(l);x.current=l;const f=a.useCallback(z=>{if(!r)return{};const S=r(z);return Object.fromEntries(Object.entries(S).filter(([,C])=>C!==void 0))},[r]),y=a.useRef(p);y.current=p;const h=a.useCallback(z=>{const{name:S,value:C}=z.target;process.env.NODE_ENV!=="production"&&!S&&console.warn("[useForm] handleChange: field is missing a `name` attribute — value will not be tracked.");const T={...x.current,[S]:C};i(T),y.current[S]&&d(f(T))},[f]),j=a.useCallback(z=>{const{name:S}=z.target;process.env.NODE_ENV!=="production"&&!S&&console.warn("[useForm] handleBlur: field is missing a `name` attribute — touched state will not be tracked."),$(C=>({...C,[S]:!0})),d(f(x.current))},[f]),I=a.useCallback(z=>{z?.preventDefault();const S=Object.keys(x.current).reduce((D,M)=>({...D,[M]:!0}),{});$(S);const C=f(x.current);if(d(C),Object.keys(C).length>0){e?.(C);return}(async()=>{w(!0);try{await n?.(x.current)}finally{w(!1)}})()},[f,n,e]),v=a.useCallback((z,S)=>{i(C=>({...C,[z]:S}))},[]),g=a.useCallback(z=>{i(z??o),d({}),$({}),w(!1)},[o]),k=Object.fromEntries(Object.entries(c).filter(([z])=>p[z]));return{values:l,errors:k,touched:p,handleChange:h,handleBlur:j,handleSubmit:I,setFieldValue:v,reset:g,isSubmitting:b}}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,...g}){const w=a.useId(),v=f??w,y=!!(i||e);return t.jsxs(Ks,{children:[t.jsxs(Gs,{htmlFor:v,$disabled:l,children:[t.jsx(Xs,{id:v,ref:o,type:"radio",checked:d,disabled:l,"aria-invalid":!!e,...g}),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(),g=l??p;return t.jsx(on,{children:t.jsxs(rn,{htmlFor:g,$disabled:e,children:[t.jsx(sn,{id:g,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,$]=a.useState(n),b=a.useId(),w=e!==void 0,x=w?e:p,f=()=>{const y=!x;w||$(y),l?.(y)};return t.jsxs(Qr,{$accentColor:d,children:[t.jsxs(os,{type:"button",$open:x,$accentColor:d,"aria-expanded":x,"aria-controls":b,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:y=>y.stopPropagation(),children:c})]})]}),t.jsx(is,{$open:x,$accentColor:d,"aria-hidden":"true",children:t.jsx(wo,{size:18,strokeWidth:2.5})})]}),t.jsx(as,{$open:x,children:t.jsx(ls,{id:b,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),g=a.useId(),w=e!==void 0,v=w?e:u,y=()=>{const k=!v;w||p(k),i?.(k)};return t.jsxs(en,{$accentColor:f,children:[t.jsxs(an,{type:"button",$open:v,$accentColor:f,"aria-expanded":v,"aria-controls":g,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:k=>k.stopPropagation(),children:d})]})]}),t.jsx(pn,{$open:v,$accentColor:f,"aria-hidden":"true",children:t.jsx(Vo,{size:18,strokeWidth:2.5})})]}),t.jsx($n,{$open:v,children:t.jsx(gn,{id:g,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=b=>{const w=$s(d,b);return l||c(w),e?.(w),w},$=a.useMemo(()=>l||!d?o:[...o].sort((b,w)=>{const x=b[d.key],f=w[d.key],y=x<f?-1:x>f?1:0;return d.direction==="asc"?y:-y}),[o,d,l]);return{activeSort:d,sortedData:$,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),$=c?n:d,b=h=>{c||p(h),i?.(h)},w=c||l!==void 0,x=l??o.length,f=r?Math.max(1,Math.ceil(x/r)):1,y=a.useMemo(()=>{if(!r||w)return o;const h=($-1)*r;return o.slice(h,h+r)},[o,r,$,w]);return{activePage:$,totalPages:f,displayData:y,handlePageChange:b}}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=g=>{const w=kn(f,g);return i||d(w),e?.(w),w},p=a.useMemo(()=>i||!f?o:[...o].sort((g,w)=>{const v=g[f.key],y=w[f.key],k=v<y?-1:v>y?1:0;return f.direction==="asc"?k:-k}),[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 zn({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,g=j=>{d||u(j),l?.(j)},w=i!==void 0,v=i??o.length,y=r?Math.max(1,Math.ceil(v/r)):1,k=a.useMemo(()=>{if(!r||w)return o;const j=(p-1)*r;return o.slice(j,j+r)},[o,r,p,w]);return{activePage:p,totalPages:y,displayData:k,handlePageChange:g}}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]}`,Cn=s.div`
   width: 100%;
 
   ${({theme:o,$borderColor:r})=>o.brutalism?s.css`
@@ -754,19 +1063,24 @@
           overflow: hidden;
         `}
 
-  overflow-x: auto;
-  ${({$stickyHeader:o})=>o&&s.css`
-      overflow-y: auto;
-    `}
-`,ws=s.table`
+  ${({$stickyPagination:o})=>o?s.css`
+          display: flex;
+          flex-direction: column;
+        `:s.css`
+          overflow-x: auto;
+        `}
+`,In=s.div`
+  overflow: auto;
+  min-height: 0;
+`,Tn=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`
+`,Dn=s.thead`
   ${({$stickyHeader:o})=>o&&s.css`
       position: sticky;
       top: 0;
@@ -786,7 +1100,7 @@
             --th-text: ${o.colors.neutral[600]};
             --th-sep: ${n??o.colors.neutral[300]};
           `}
-`,vs=s.tbody`
+`,Wn=s.tbody`
   ${({$rowColor:o})=>o&&s.css`
       tr {
         background-color: ${o};
@@ -806,7 +1120,7 @@
   tr:hover td {
     background-color: rgba(0, 0, 0, 0.04);
   }
-`,Y=s.tr``,ks=s(Y)`
+`,lo=s.tr``,En=s(lo)`
   cursor: pointer;
 
   td {
@@ -823,14 +1137,14 @@
     box-shadow: inset 4px 0 0
       ${({$accentColor:o,theme:r})=>o??r.colors.neutral[900]};
   }
-`,Ss=s.th`
+`,Mn=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 +1155,7 @@
             }
           `}
         `}
-`,js=s.button`
+`,On=s.button`
   display: inline-flex;
   align-items: center;
   gap: ${({theme:o})=>o.spacing[1]};
@@ -850,7 +1164,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 +1174,12 @@
     outline-offset: 2px;
     border-radius: 2px;
   }
-`,Cs=s.span`
+`,Rn=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 +1197,16 @@
             border-bottom: 1px solid
               ${r??n.colors.neutral[200]};
           `}
-`,zs=s.td`
+`,Pn=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`
+`,Ln=s.keyframes`
   0% { background-position: -400px 0; }
   100% { background-position: 400px 0; }
-`,Is=s(Mo)``,Ms=s.div`
+`,Nn=s(ar)``,Fn=s.div`
   height: 14px;
   border-radius: 4px;
   background: linear-gradient(
@@ -902,13 +1216,14 @@
     ${({theme:o})=>o.colors.neutral[200]} 75%
   );
   background-size: 800px 100%;
-  animation: ${Ts} 1.6s ease-in-out infinite;
-`,Ds=s.div`
+  animation: ${Ln} 1.6s ease-in-out infinite;
+`,Bn=s.div`
   display: flex;
   align-items: center;
-  justify-content: center;
+  justify-content: ${({$hasPageSizeOptions:o})=>o?"space-between":"center"};
   gap: ${({theme:o})=>o.spacing[1]};
   padding: ${({theme:o})=>`${o.spacing[2]} ${o.spacing[3]}`};
+  flex-shrink: 0;
 
   ${({theme:o})=>o.brutalism?s.css`
           border-top: ${o.brutalism.borderWidth} solid
@@ -916,7 +1231,44 @@
         `:s.css`
           border-top: 1px solid ${o.colors.neutral[200]};
         `}
-`,Z=s.button`
+`,Vn=s.label`
+  display: flex;
+  align-items: center;
+  gap: ${({theme:o})=>o.spacing[2]};
+  font-size: ${({theme:o})=>o.fontSizes.sm};
+  color: ${({theme:o})=>o.colors.neutral[500]};
+  white-space: nowrap;
+
+  select {
+    padding: ${({theme:o})=>`${o.spacing[1]} ${o.spacing[2]}`};
+    font-size: ${({theme:o})=>o.fontSizes.sm};
+    font-family: inherit;
+    color: ${({theme:o})=>o.colors.neutral[900]};
+    background-color: ${({theme:o})=>o.colors.neutral[0]};
+    cursor: pointer;
+
+    ${({theme:o})=>o.brutalism?s.css`
+            border: ${o.brutalism.borderWidth} solid
+              ${o.colors.neutral[900]};
+          `:s.css`
+            border: 1px solid ${o.colors.neutral[300]};
+            border-radius: ${o.radius.md};
+
+            &:hover {
+              border-color: ${o.colors.neutral[400]};
+            }
+
+            &:focus {
+              outline: 2px solid ${o.colors.primary[500]};
+              outline-offset: 1px;
+            }
+          `}
+  }
+`,An=s.div`
+  display: flex;
+  align-items: center;
+  gap: ${({theme:o})=>o.spacing[1]};
+`,xo=s.button`
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -959,17 +1311,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:$,sort:b,defaultSort:w,onSortChange:x,pageSize:f,page:y,defaultPage:h,totalRows:j,onPageChange:I,onChange:v,onRowClick:g,borderColor:k,headerColor:z,rowColor:S,stripeColor:C,className:T,style:D}){const{activeSort:M,sortedData:R,handleSort:E}=bs({data:r,sort:b,defaultSort:w,onSortChange:x}),{activePage:P,totalPages:V,displayData:u,handlePageChange:O}=ys({data:R,pageSize:f,page:y,defaultPage:h,totalRows:j,onPageChange:I}),F=m=>{const W=E(m);v?.({sort:W,page:P})},L=m=>{O(m),v?.({sort:M,page:m})},U=(m,W)=>String(n?m[n]:W),K=!$&&u.length===0,Wo=f??Es;return t.jsxs(hs,{$borderColor:k,$stickyHeader:c,className:T,style:D,children:[t.jsxs(ws,{$size:e,children:[d&&t.jsx("caption",{children:d}),t.jsx(ms,{$headerColor:z,$borderColor:k,$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}${M?.key===m.key?`, ${M.direction}ending`:""}`,children:[m.header,t.jsx(Cs,{"aria-hidden":"true",children:Ps(M,m.key)})]}):m.header},m.key))})}),t.jsx(vs,{$striped:l,$rowColor:S,$stripeColor:C,children:$?Array.from({length:Wo}).map((m,W)=>t.jsx(Y,{children:o.map(G=>t.jsx(Is,{$size:e,$bordered:i,$borderColor:k,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=g?ks:Y;return t.jsx(G,{onClick:g?()=>g(m):void 0,$accentColor:g?k:void 0,children:o.map(_=>t.jsx(Mo,{$size:e,$bordered:i,$borderColor:k,children:_.render?_.render(m[_.key],m,W):String(m[_.key]??"")||" "},_.key))},U(m,W))})})]}),f&&V>1&&t.jsxs(Ds,{children:[t.jsx(Z,{type:"button",onClick:()=>L(P-1),disabled:P<=1,"aria-label":"Previous page",children:"←"}),xs(P,V).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>=V,"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`
+`,_n=4;function Hn(o,r){return o?.key!==r?t.jsx(Or,{size:14}):o.direction==="asc"?t.jsx(Pr,{size:14}):t.jsx(Er,{size:14})}function lr({columns:o,data:r,rowKey:n,size:e="md",striped:i,bordered:l,stickyHeader:d,stickyPagination:f,caption:u,emptyMessage:p="No data",loading:g,sort:w,defaultSort:v,onSortChange:y,pageSize:k,page:j,defaultPage:W,totalRows:O,onPageChange:E,pageSizeOptions:x,onPageSizeChange:z,onChange:m,onRowClick:b,borderColor:S,headerColor:I,rowColor:C,stripeColor:M,className:L,style:F}){const{activeSort:P,sortedData:A,handleSort:oo}=Sn({data:r,sort:w,defaultSort:v,onSortChange:y}),{activePage:D,totalPages:V,displayData:ro,handlePageChange:_}=zn({data:A,pageSize:k,page:j,defaultPage:W,totalRows:O,onPageChange:E}),X=h=>{const N=oo(h);m?.({sort:N,page:D})},U=h=>{_(h),m?.({sort:P,page:h})},so=(h,N)=>String(n?h[n]:N),B=!g&&ro.length===0,H=k??_n,q=!!k&&V>1,K=!!x?.length,J=t.jsxs(Tn,{$size:e,children:[u&&t.jsx("caption",{children:u}),t.jsx(Dn,{$headerColor:I,$borderColor:S,$stickyHeader:d,children:t.jsx(lo,{children:o.map(h=>t.jsx(Mn,{$size:e,$bordered:l,scope:"col",style:h.width?{width:h.width}:void 0,children:h.sortable?t.jsxs(On,{type:"button",onClick:()=>X(h.key),"aria-label":`Sort by ${h.header}${P?.key===h.key?`, ${P.direction}ending`:""}`,children:[h.header,t.jsx(Rn,{"aria-hidden":"true",children:Hn(P,h.key)})]}):h.header},h.key))})}),t.jsx(Wn,{$striped:i,$rowColor:C,$stripeColor:M,children:g?Array.from({length:H}).map((h,N)=>t.jsx(lo,{children:o.map(Z=>t.jsx(Nn,{$size:e,$bordered:l,$borderColor:S,children:t.jsx(Fn,{})},Z.key))},N)):B?t.jsx("tr",{children:t.jsx(Pn,{colSpan:o.length,children:p})}):ro.map((h,N)=>{const Z=b?En:lo;return t.jsx(Z,{onClick:b?()=>b(h):void 0,$accentColor:b?S:void 0,children:o.map($=>t.jsx(ar,{$size:e,$bordered:l,$borderColor:S,children:$.render?$.render(h[$.key],h,N):String(h[$.key]??"")||" "},$.key))},so(h,N))})})]}),Q=(q||K)&&t.jsxs(Bn,{$hasPageSizeOptions:K,children:[K&&t.jsxs(Vn,{children:["Rows per page:",t.jsx("select",{value:k,onChange:h=>z?.(Number(h.target.value)),"aria-label":"Rows per page",children:x.map(h=>t.jsx("option",{value:h,children:h},h))})]}),q&&t.jsxs(An,{children:[t.jsx(xo,{type:"button",onClick:()=>U(D-1),disabled:D<=1,"aria-label":"Previous page",children:"←"}),jn(D,V).map((h,N)=>h==="..."?t.jsx("span",{"aria-hidden":"true",style:{padding:"0 4px"},children:"…"},`e${N}`):t.jsx(xo,{type:"button",$active:h===D,onClick:()=>U(h),"aria-label":`Page ${h}`,"aria-current":h===D?"page":void 0,children:h},h)),t.jsx(xo,{type:"button",onClick:()=>U(D+1),disabled:D>=V,"aria-label":"Next page",children:"→"})]})]});return t.jsxs(Cn,{$borderColor:S,$stickyPagination:f,className:L,style:F,children:[f?t.jsx(In,{children:J}):J,Q]})}lr.displayName="Table";const Yn=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`
+`,Un=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 +1356,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(co,{variant:"outline",onClick:u,children:i}),l==="danger"?t.jsx(Un,{type:"button",onClick:f,children:e}):t.jsx(co,{variant:"primary",onClick:f,children:e})]}),children:t.jsx(Yn,{children:n})})}ko.displayName="ConfirmDialog";const cr=a.createContext(null);function qn({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 Kn(){const o=a.useContext(cr);if(!o)throw new Error("useConfirm must be used within a ConfirmProvider");return o.confirm}const Gn=s.div`
   position: relative;
   display: inline-flex;
   flex-direction: column;
   gap: ${({theme:o})=>o.spacing[1]};
-`,Rs=s.div`
+`,Xn=s.div`
   display: flex;
   align-items: center;
   border-radius: ${({theme:o})=>o.radius.md};
@@ -1054,19 +1406,19 @@
     outline: none;
     box-shadow: ${({theme:o})=>o.shadows.focusRing};
   }
-`,Vs=s.span`
+`,Jn=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;
-`,_s=s.span`
+`,Qn=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`
+`,Zn=s.button`
   display: inline-flex;
   align-items: center;
   margin-left: ${({theme:o})=>o.spacing[2]};
@@ -1086,10 +1438,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 ot=s.div`
   position: absolute;
   top: calc(100% + 4px);
   left: 0;
@@ -1108,12 +1460,12 @@
       border: 1px solid ${o.colors.neutral[200]};
       box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
     `}
-`,qs=s.div`
+`,rt=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 +1495,24 @@
         transform: translate(1px, 1px);
       }
     `}
-`,Us=s.span`
-  font-weight: 600;
+`,st=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`
+`,nt=s.div`
   display: grid;
   grid-template-columns: repeat(7, 1fr);
-  gap: 2px;
-`,Gs=s.span`
+  gap: ${({theme:o})=>o.spacing[.5]};
+`,tt=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 +1523,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 +1544,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:$,error:b}){const w=a.useId(),x=$??w,f=new Date,[y,h]=a.useState(!1),[j,I]=a.useState(()=>(o??f).getFullYear()),[v,g]=a.useState(()=>(o??f).getMonth()),k=a.useRef(null);a.useEffect(()=>{if(!y)return;const u=O=>{k.current&&!k.current.contains(O.target)&&h(!1)};return document.addEventListener("mousedown",u),()=>document.removeEventListener("mousedown",u)},[y]),a.useEffect(()=>{o&&(I(o.getFullYear()),g(o.getMonth()))},[o]);const z=o?p?p(o):on(o):"",S=u=>{r?.(new Date(j,v,u)),h(!1)},C=u=>{u.stopPropagation(),r?.(null)},T=()=>{v===0?(g(11),I(u=>u-1)):g(u=>u-1)},D=()=>{v===11?(g(0),I(u=>u+1)):g(u=>u+1)},M=fo(j,v),R=Zs(j,v),E=[],P=fo(v===0?j-1:j,v===0?11:v-1);for(let u=R-1;u>=0;u--)E.push({day:P-u,currentMonth:!1});for(let u=1;u<=M;u++)E.push({day:u,currentMonth:!0});const V=42-E.length;for(let u=1;u<=V;u++)E.push({day:u,currentMonth:!1});return t.jsxs(Bs,{ref:k,children:[t.jsxs(Rs,{id:x,$size:e,$error:!!b,$disabled:l,role:"combobox","aria-haspopup":"true","aria-expanded":y,tabIndex:l?-1:0,onClick:()=>{l||h(u=>!u)},onKeyDown:u=>{(u.key==="Enter"||u.key===" ")&&!l&&(u.preventDefault(),h(O=>!O)),u.key==="Escape"&&h(!1)},children:[t.jsx(Vs,{$hasValue:!!o,children:z||n}),i&&o?t.jsx(As,{type:"button",onClick:C,"aria-label":"Clear date",children:t.jsx(Q,{size:14})}):t.jsx(_s,{"aria-hidden":"true",children:t.jsx(ar,{size:14})})]}),typeof b=="string"&&t.jsx(Ys,{$error:!0,children:b}),y&&t.jsxs(Hs,{role:"dialog","aria-label":"Calendar",children:[t.jsxs(qs,{children:[t.jsx(uo,{type:"button",onClick:T,"aria-label":"Previous month",children:t.jsx(dr,{size:16})}),t.jsxs(Us,{children:[Js[v]," ",j]}),t.jsx(uo,{type:"button",onClick:D,"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(j,v,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:()=>S(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`
+`,et=["January","February","March","April","May","June","July","August","September","October","November","December"],it=["Su","Mo","Tu","We","Th","Fr","Sa"];function Oo(o,r){return new Date(o,r+1,0).getDate()}function at(o,r){return new Date(o,r,1).getDay()}function eo(o,r){return o.getFullYear()===r.getFullYear()&&o.getMonth()===r.getMonth()&&o.getDate()===r.getDate()}function lt(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 Ro(o){return o.toLocaleDateString("en-US",{month:"short",day:"numeric",year:"numeric"})}function Po(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 to(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:g,error:w,required:v,helperText:y,mode:k="single",nameFrom:j,nameTo:W,valueFrom:O,valueTo:E}){const x=k==="range",z=ho(n??""),m=ho(O??""),b=ho(E??""),S=new Date,I=()=>x?m??b??S:z??S,[C,M]=a.useState(!1),[L,F]=a.useState(()=>I().getFullYear()),[P,A]=a.useState(()=>I().getMonth()),[oo,D]=a.useState("from"),V=a.useRef(null);a.useEffect(()=>{if(!C)return;const $=R=>{V.current&&!V.current.contains(R.target)&&(M(!1),x&&D("from"))};return document.addEventListener("mousedown",$),()=>document.removeEventListener("mousedown",$)},[C,x]),a.useEffect(()=>{!x&&z&&(F(z.getFullYear()),A(z.getMonth()))},[n,x]),a.useEffect(()=>{x&&m&&(F(m.getFullYear()),A(m.getMonth()))},[O,x]);const _=(()=>{if(!x)return z?g?g(z):Ro(z):"";if(!m&&!b)return"";const $=g??Ro;return m&&b?`${$(m)} - ${$(b)}`:m?`${$(m)} - ...`:""})(),X=x?!!(m||b):!!z,U=$=>{const R=new Date(L,P,$);if(!x){e(o??"",to(R)),M(!1);return}if(oo==="from"){e(j??"",to(R)),D("to");return}if(!m){e(j??"",to(R)),D("to");return}if(eo(R,m)){e(j??"",""),e(W??"",""),D("from");return}if(R>=m){e(W??"",to(R)),D("from"),M(!1);return}e(W??"",to(m)),e(j??"",to(R)),D("from"),M(!1)},so=$=>{$.stopPropagation(),x?(e(j??"",""),e(W??"",""),D("from")):e(o??"","")},B=()=>{if(d)return;const $=!C;M($),!$&&x&&D("from")},H=$=>{if(($.key==="Enter"||$.key===" ")&&!d){$.preventDefault();const R=!C;M(R),!R&&x&&D("from")}$.key==="Escape"&&(M(!1),x&&D("from"))},q=()=>{P===0?(A(11),F($=>$-1)):A($=>$-1)},K=()=>{P===11?(A(0),F($=>$+1)):A($=>$+1)},J=Oo(L,P),Q=at(L,P),h=[],N=Oo(P===0?L-1:L,P===0?11:P-1);for(let $=Q-1;$>=0;$--)h.push({day:N-$,currentMonth:!1});for(let $=1;$<=J;$++)h.push({day:$,currentMonth:!0});const Z=42-h.length;for(let $=1;$<=Z;$++)h.push({day:$,currentMonth:!1});return t.jsx(vo,{label:r,error:w,helperText:y,required:v,children:t.jsxs(Gn,{ref:V,children:[t.jsxs(Xn,{$size:l,$error:!!w,$disabled:d,role:"combobox","aria-haspopup":"true","aria-expanded":C,tabIndex:d?-1:0,onClick:B,onKeyDown:H,children:[t.jsx(Jn,{$hasValue:X,children:_||i}),f&&X?t.jsx(Zn,{type:"button",onClick:so,"aria-label":"Clear date",children:t.jsx(po,{size:14})}):t.jsx(Qn,{"aria-hidden":"true",children:t.jsx(Nr,{size:14})})]}),C&&t.jsxs(ot,{role:"dialog","aria-label":"Calendar",children:[t.jsxs(rt,{children:[t.jsx(Mo,{type:"button",onClick:q,"aria-label":"Previous month",children:t.jsx(Vr,{size:16})}),t.jsxs(st,{children:[et[P]," ",L]}),t.jsx(Mo,{type:"button",onClick:K,"aria-label":"Next month",children:t.jsx(_r,{size:16})})]}),t.jsxs(nt,{children:[it.map($=>t.jsx(tt,{children:$},$)),h.map(($,R)=>{if(!$.currentMonth)return t.jsx(yo,{type:"button",$currentMonth:!1,$selected:!1,$today:!1,disabled:!0,tabIndex:-1,children:$.day},R);const c=new Date(L,P,$.day),T=eo(c,S),Y=lt(c,u,p);if(x){const So=m?eo(c,m):!1,jo=b?eo(c,b):!1,ur=m&&b?c>m&&c<b:!1;return t.jsx(yo,{type:"button",$currentMonth:!0,$selected:!1,$today:T,$rangeStart:So,$rangeEnd:jo,$inRange:ur,disabled:Y,"aria-label":Po(c),"aria-pressed":So||jo,onClick:()=>U($.day),children:$.day},R)}const io=z?eo(c,z):!1;return t.jsx(yo,{type:"button",$currentMonth:!0,$selected:io,$today:T,disabled:Y,"aria-label":Po(c),"aria-pressed":io,onClick:()=>U($.day),children:$.day},R)})]})]})]})})}dr.displayName="DatePicker";function ct(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 uo={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 dt(o){return{...uo,colors:{...uo.colors,primary:{50:"#fffff0",500:o,700:o,contrast:ct(o)}}}}function ut({theme:o=uo,children:r}){return t.jsx(s.ThemeProvider,{theme:o,children:r})}const ft=s.createGlobalStyle`
   *, *::before, *::after {
     box-sizing: border-box;
     margin: 0;
@@ -1215,4 +1567,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=Lo;exports.Button=co;exports.Checkbox=rr;exports.CollapsibleCard=tr;exports.ConfirmDialog=ko;exports.ConfirmProvider=qn;exports.DatePicker=dr;exports.Editable=_o;exports.Field=Ho;exports.Form=or;exports.FormField=vo;exports.GlobalStyles=ft;exports.Input=No;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=ut;exports.Toast=Qo;exports.ToastProvider=Cs;exports.composeValidators=Vs;exports.createNeoBrutalTheme=dt;exports.isEmail=Ns;exports.isUrl=Fs;exports.maxLength=Ls;exports.minLength=Ps;exports.neoBrutalTheme=uo;exports.pattern=Bs;exports.required=Rs;exports.useConfirm=Kn;exports.useForm=Os;exports.useTable=vn;exports.useToast=Is;