blunt-ui 0.2.1 → 0.2.2

package/README.md

@@ -71,11 +71,7 @@ Sizes: `sm`, `md`, `lg`, `fullscreen`.
 A card with a clickable header that shows/hides its content. Supports controlled and uncontrolled modes, an optional subtitle, a slot for header actions, and an `accentColor` prop to tint the border and chevron.
 
 ```tsx
-<CollapsibleCard
-  title="blunt-ui"
-  subtitle="Subtitle"
-  defaultOpen
->
+<CollapsibleCard title="blunt-ui" subtitle="Subtitle" defaultOpen>
   React component library in neo-brutalism style.
 </CollapsibleCard>
 ```

package/dist/index.cjs

@@ -10,6 +10,10 @@
   letter-spacing: 0.04em;
   cursor: default;
   border-radius: ${({theme:o})=>o.radius.md};
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 20ch;
 
   ${({$size:o,theme:s})=>({sm:r.css`
         padding: 2px 8px;
@@ -170,7 +174,7 @@
     cursor: not-allowed;
     opacity: 0.6;
   }
-`,R=r.div`
+`,N=r.div`
   display: inline-flex;
   align-items: center;
   margin: 0 ${({theme:o})=>o.spacing[1]};
@@ -187,16 +191,16 @@
   &:hover {
     opacity: 0.8;
   }
-`;function H({ref:o,type:s="text",size:n="md",variant:e="default",label:c,helperText:l,error:i,leftElement:d,rightElement:p,clearable:u,onClear:x,fullWidth:w,id:g,value:$,defaultValue:m,onChange:h,...C}){const k=a.useId(),j=g??k,S=`${j}-hint`,[z,f]=a.useState(m??""),b=$!==void 0,y=b?$:z,v=typeof i=="string"?i:void 0,T=!!(l||i),O=N=>{b||f(N.target.value),h?.(N)},ro=()=>{b||f(""),x?.()};return t.jsxs(eo,{$fullWidth:w,children:[c&&t.jsx(ao,{htmlFor:j,children:c}),t.jsxs(lo,{$size:n,$variant:e,$error:!!i,children:[d&&t.jsx(R,{children:d}),t.jsx(co,{id:j,ref:o,type:s,value:y,onChange:O,...C,"aria-invalid":!!i,"aria-describedby":T?S:void 0}),u&&y&&t.jsx(uo,{type:"button",onClick:ro,"aria-label":"Clear input",children:"✕"}),p&&t.jsx(R,{children:p})]}),T&&t.jsx(io,{id:S,$error:!!i,children:v??l})]})}H.displayName="Input";const fo=r.keyframes`
+`;function H({ref:o,type:s="text",size:n="md",variant:e="default",label:c,helperText:l,error:i,leftElement:d,rightElement:p,clearable:u,onClear:x,fullWidth:v,id:b,value:$,defaultValue:m,onChange:C,...h}){const k=a.useId(),j=b??k,S=`${j}-hint`,[z,f]=a.useState(m??""),g=$!==void 0,y=g?$:z,w=typeof i=="string"?i:void 0,T=!!(l||i),O=R=>{g||f(R.target.value),C?.(R)},ro=()=>{g||f(""),x?.()};return t.jsxs(eo,{$fullWidth:v,children:[c&&t.jsx(ao,{htmlFor:j,children:c}),t.jsxs(lo,{$size:n,$variant:e,$error:!!i,children:[d&&t.jsx(N,{children:d}),t.jsx(co,{id:j,ref:o,type:s,value:y,onChange:O,...h,"aria-invalid":!!i,"aria-describedby":T?S:void 0}),u&&y&&t.jsx(uo,{type:"button",onClick:ro,"aria-label":"Clear input",children:"✕"}),p&&t.jsx(N,{children:p})]}),T&&t.jsx(io,{id:S,$error:!!i,children:w??l})]})}H.displayName="Input";const fo=r.keyframes`
   from { opacity: 0; }
   to { opacity: 1; }
 `,po=r.keyframes`
   from { opacity: 1; }
   to { opacity: 0; }
-`,bo=r.keyframes`
+`,go=r.keyframes`
   from { opacity: 0; transform: scale(0.95) translateY(-8px); }
   to { opacity: 1; transform: scale(1) translateY(0); }
-`,go=r.keyframes`
+`,bo=r.keyframes`
   from { opacity: 1; transform: scale(1) translateY(0); }
   to { opacity: 0; transform: scale(0.95) translateY(-8px); }
 `,$o=r.div`
@@ -218,7 +222,7 @@
   display: flex;
   flex-direction: column;
   max-height: 90vh;
-  animation: ${({$closing:o})=>o?go:bo} 0.15s ease
+  animation: ${({$closing:o})=>o?bo:go} 0.15s ease
     forwards;
 
   ${({$size:o})=>o==="sm"&&r.css`
@@ -248,7 +252,7 @@
   font-size: ${({theme:o})=>o.fontSizes.lg};
   font-weight: 600;
   margin: 0;
-`,vo=r.button`
+`,wo=r.button`
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -273,7 +277,7 @@
     outline: 2px solid ${({theme:o})=>o.colors.primary[500]};
     outline-offset: 2px;
   }
-`,wo=r.div`
+`,vo=r.div`
   padding: ${({theme:o})=>o.spacing[4]};
   overflow-y: auto;
   flex: 1;
@@ -285,7 +289,7 @@
   padding: ${({theme:o})=>o.spacing[4]};
   border-top: 1px solid ${({theme:o})=>o.colors.neutral[200]};
   flex-shrink: 0;
-`,Co=["button:not([disabled])","input:not([disabled])","select:not([disabled])","textarea:not([disabled])","a[href]",'[tabindex]:not([tabindex="-1"])'].join(", ");function V(o){return Array.from(o.querySelectorAll(Co))}function q({open:o,onClose:s,title:n,children:e,footer:c,size:l="md",closeOnBackdrop:i=!0,closeOnEscape:d=!0,ariaLabelledBy:p,ariaDescribedBy:u}){const x=a.useRef(null),w=a.useId(),g=p??(n?w:void 0),[$,m]=a.useState(o),[h,C]=a.useState(!1);return a.useEffect(()=>{if(o)m(!0),C(!1);else if($){C(!0);const k=setTimeout(()=>{m(!1),C(!1)},150);return()=>clearTimeout(k)}},[o,$]),a.useEffect(()=>{if(!o)return;const k=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=k}},[o]),a.useEffect(()=>{if(!o||!x.current)return;const k=x.current,j=document.activeElement;(V(k)[0]??k).focus();const z=f=>{if(f.key==="Escape"&&d){s();return}if(f.key!=="Tab")return;const b=V(k);if(b.length===0){f.preventDefault();return}const y=b[0],v=b[b.length-1];f.shiftKey?document.activeElement===y&&(f.preventDefault(),v.focus()):document.activeElement===v&&(f.preventDefault(),y.focus())};return document.addEventListener("keydown",z),()=>{document.removeEventListener("keydown",z),j?.focus()}},[o,d,s,$]),$?A.createPortal(t.jsx($o,{$closing:h,onClick:i?s:void 0,children:t.jsxs(xo,{ref:x,role:"dialog","aria-modal":"true","aria-labelledby":g,"aria-describedby":u,$size:l,$closing:h,tabIndex:-1,onClick:k=>k.stopPropagation(),children:[t.jsxs(yo,{children:[n&&t.jsx(mo,{id:w,children:n}),t.jsx(vo,{onClick:s,"aria-label":"Close modal",children:"×"})]}),t.jsx(wo,{children:e}),c&&t.jsx(ko,{children:c})]})}),document.body):null}q.displayName="Modal";const _=(...o)=>o.filter((s,n,e)=>!!s&&s.trim()!==""&&e.indexOf(s)===n).join(" ").trim();const ho=o=>o.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase();const jo=o=>o.replace(/^([A-Z])|[\s-_]+(\w)/g,(s,n,e)=>e?e.toUpperCase():n.toLowerCase());const M=o=>{const s=jo(o);return s.charAt(0).toUpperCase()+s.slice(1)};var F={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 So=o=>{for(const s in o)if(s.startsWith("aria-")||s==="role"||s==="title")return!0;return!1},zo=a.createContext({}),Io=()=>a.useContext(zo),To=a.forwardRef(({color:o,size:s,strokeWidth:n,absoluteStrokeWidth:e,className:c="",children:l,iconNode:i,...d},p)=>{const{size:u=24,strokeWidth:x=2,absoluteStrokeWidth:w=!1,color:g="currentColor",className:$=""}=Io()??{},m=e??w?Number(n??x)*24/Number(s??u):n??x;return a.createElement("svg",{ref:p,...F,width:s??u??F.width,height:s??u??F.height,stroke:o??g,strokeWidth:m,className:_("lucide",$,c),...!l&&!So(d)&&{"aria-hidden":"true"},...d},[...i.map(([h,C])=>a.createElement(h,C)),...Array.isArray(l)?l:[l]])});const K=(o,s)=>{const n=a.forwardRef(({className:e,...c},l)=>a.createElement(To,{ref:l,iconNode:s,className:_(`lucide-${ho(M(o))}`,`lucide-${o}`,e),...c}));return n.displayName=M(o),n};const Wo=[["path",{d:"m6 9 6 6 6-6",key:"qrunsl"}]],U=K("chevron-down",Wo);const Bo=[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]],Z=K("x",Bo),Oo=r.keyframes`
+`,ho=["button:not([disabled])","input:not([disabled])","select:not([disabled])","textarea:not([disabled])","a[href]",'[tabindex]:not([tabindex="-1"])'].join(", ");function V(o){return Array.from(o.querySelectorAll(ho))}function q({open:o,onClose:s,title:n,children:e,footer:c,size:l="md",closeOnBackdrop:i=!0,closeOnEscape:d=!0,ariaLabelledBy:p,ariaDescribedBy:u}){const x=a.useRef(null),v=a.useId(),b=p??(n?v:void 0),[$,m]=a.useState(o),[C,h]=a.useState(!1);return a.useEffect(()=>{if(o)m(!0),h(!1);else if($){h(!0);const k=setTimeout(()=>{m(!1),h(!1)},150);return()=>clearTimeout(k)}},[o,$]),a.useEffect(()=>{if(!o)return;const k=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=k}},[o]),a.useEffect(()=>{if(!o||!x.current)return;const k=x.current,j=document.activeElement;(V(k)[0]??k).focus();const z=f=>{if(f.key==="Escape"&&d){s();return}if(f.key!=="Tab")return;const g=V(k);if(g.length===0){f.preventDefault();return}const y=g[0],w=g[g.length-1];f.shiftKey?document.activeElement===y&&(f.preventDefault(),w.focus()):document.activeElement===w&&(f.preventDefault(),y.focus())};return document.addEventListener("keydown",z),()=>{document.removeEventListener("keydown",z),j?.focus()}},[o,d,s,$]),$?A.createPortal(t.jsx($o,{$closing:C,onClick:i?s:void 0,children:t.jsxs(xo,{ref:x,role:"dialog","aria-modal":"true","aria-labelledby":b,"aria-describedby":u,$size:l,$closing:C,tabIndex:-1,onClick:k=>k.stopPropagation(),children:[t.jsxs(yo,{children:[n&&t.jsx(mo,{id:v,children:n}),t.jsx(wo,{onClick:s,"aria-label":"Close modal",children:"×"})]}),t.jsx(vo,{children:e}),c&&t.jsx(ko,{children:c})]})}),document.body):null}q.displayName="Modal";const _=(...o)=>o.filter((s,n,e)=>!!s&&s.trim()!==""&&e.indexOf(s)===n).join(" ").trim();const Co=o=>o.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase();const jo=o=>o.replace(/^([A-Z])|[\s-_]+(\w)/g,(s,n,e)=>e?e.toUpperCase():n.toLowerCase());const M=o=>{const s=jo(o);return s.charAt(0).toUpperCase()+s.slice(1)};var F={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 So=o=>{for(const s in o)if(s.startsWith("aria-")||s==="role"||s==="title")return!0;return!1},zo=a.createContext({}),Io=()=>a.useContext(zo),To=a.forwardRef(({color:o,size:s,strokeWidth:n,absoluteStrokeWidth:e,className:c="",children:l,iconNode:i,...d},p)=>{const{size:u=24,strokeWidth:x=2,absoluteStrokeWidth:v=!1,color:b="currentColor",className:$=""}=Io()??{},m=e??v?Number(n??x)*24/Number(s??u):n??x;return a.createElement("svg",{ref:p,...F,width:s??u??F.width,height:s??u??F.height,stroke:o??b,strokeWidth:m,className:_("lucide",$,c),...!l&&!So(d)&&{"aria-hidden":"true"},...d},[...i.map(([C,h])=>a.createElement(C,h)),...Array.isArray(l)?l:[l]])});const K=(o,s)=>{const n=a.forwardRef(({className:e,...c},l)=>a.createElement(To,{ref:l,iconNode:s,className:_(`lucide-${Co(M(o))}`,`lucide-${o}`,e),...c}));return n.displayName=M(o),n};const Wo=[["path",{d:"m6 9 6 6 6-6",key:"qrunsl"}]],U=K("chevron-down",Wo);const Bo=[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]],Z=K("x",Bo),Oo=r.keyframes`
   from { opacity: 0; transform: translateY(12px); }
   to   { opacity: 1; transform: translateY(0); }
 `,Eo=r.keyframes`
@@ -330,7 +334,7 @@
   border: ${o.brutalism.borderWidth} solid ${n};
   box-shadow: ${o.brutalism.shadowOffset} ${o.brutalism.shadowOffset}
     0 ${n};
-`,No=r(Lo)`
+`,Ro=r(Lo)`
   ${({$variant:o,theme:s})=>s.brutalism?{success:W(s,s.colors.success[50],s.colors.success[500]),error:W(s,s.colors.error[50],s.colors.error[500]),warning:W(s,s.colors.warning[50],s.colors.warning[500]),info:W(s,s.colors.info[50],s.colors.info[500])}[o]:{success:r.css`
         background: ${s.colors.success[50]};
         border-left: 4px solid ${s.colors.success[500]};
@@ -348,7 +352,7 @@
         border-left: 4px solid ${s.colors.info[500]};
         box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
       `}[o]}
-`,Ro=r.p`
+`,No=r.p`
   flex: 1;
   margin: 0;
   font-size: ${({theme:o})=>o.fontSizes.sm};
@@ -377,7 +381,7 @@
     outline: 2px solid ${({theme:o})=>o.colors.primary[500]};
     outline-offset: 2px;
   }
-`;function L({open:o,onClose:s,message:n,variant:e="info",duration:c=4e3,position:l="bottom-right"}){const[i,d]=a.useState(o),[p,u]=a.useState(!1);return a.useEffect(()=>{if(o)d(!0),u(!1);else if(i){u(!0);const x=setTimeout(()=>{d(!1),u(!1)},200);return()=>clearTimeout(x)}},[o,i]),a.useEffect(()=>{if(!o||c===0)return;const x=setTimeout(s,c);return()=>clearTimeout(x)},[o,c,s]),i?A.createPortal(t.jsxs(No,{$position:l,$variant:e,$closing:p,role:"alert","aria-live":"polite",children:[t.jsx(Ro,{children:n}),t.jsx(Vo,{onClick:s,"aria-label":"Close notification",children:t.jsx(Z,{size:14,strokeWidth:2.5})})]}),document.body):null}L.displayName="Toast";const Mo=r.form`
+`;function L({open:o,onClose:s,message:n,variant:e="info",duration:c=4e3,position:l="bottom-right"}){const[i,d]=a.useState(o),[p,u]=a.useState(!1);return a.useEffect(()=>{if(o)d(!0),u(!1);else if(i){u(!0);const x=setTimeout(()=>{d(!1),u(!1)},200);return()=>clearTimeout(x)}},[o,i]),a.useEffect(()=>{if(!o||c===0)return;const x=setTimeout(s,c);return()=>clearTimeout(x)},[o,c,s]),i?A.createPortal(t.jsxs(Ro,{$position:l,$variant:e,$closing:p,role:"alert","aria-live":"polite",children:[t.jsx(No,{children:n}),t.jsx(Vo,{onClick:s,"aria-label":"Close notification",children:t.jsx(Z,{size:14,strokeWidth:2.5})})]}),document.body):null}L.displayName="Toast";const Mo=r.form`
   display: flex;
   flex-direction: column;
   gap: ${({theme:o})=>o.spacing[4]};
@@ -492,7 +496,7 @@
   display: flex;
   align-items: center;
   color: ${({theme:o})=>o.colors.neutral[500]};
-`;function J({options:o,placeholder:s,size:n="md",variant:e="default",error:c,fullWidth:l,clearable:i,onClear:d,id:p,value:u,defaultValue:x,onChange:w,...g}){const $=a.useId(),m=p??$,h=`${m}-hint`,C=typeof c=="string"?c:void 0,[k,j]=a.useState(x??""),S=u!==void 0,z=S?u:k,f=v=>{S||j(v.target.value),w?.(v)},b=()=>{S||j(""),d?.()},y=i&&!!z;return t.jsxs(Ho,{$fullWidth:l,children:[t.jsxs(qo,{children:[t.jsxs(Ko,{id:m,$size:n,$variant:e,$error:!!c,"aria-invalid":!!c,"aria-describedby":C?h:void 0,value:z,onChange:f,...g,children:[s&&t.jsx("option",{value:"",disabled:!0,children:s}),o.map(v=>t.jsx("option",{value:v.value,disabled:v.disabled,children:v.label},v.value))]}),y?t.jsx(Uo,{type:"button",onClick:b,"aria-label":"Clear selection",children:t.jsx(Z,{size:14})}):t.jsx(Zo,{"aria-hidden":"true",children:t.jsx(U,{size:14})})]}),C&&t.jsx(_o,{id:h,$error:!0,children:C})]})}J.displayName="Select";const Xo=r.a`
+`;function J({options:o,placeholder:s,size:n="md",variant:e="default",error:c,fullWidth:l,clearable:i,onClear:d,id:p,value:u,defaultValue:x,onChange:v,...b}){const $=a.useId(),m=p??$,C=`${m}-hint`,h=typeof c=="string"?c:void 0,[k,j]=a.useState(x??""),S=u!==void 0,z=S?u:k,f=w=>{S||j(w.target.value),v?.(w)},g=()=>{S||j(""),d?.()},y=i&&!!z;return t.jsxs(Ho,{$fullWidth:l,children:[t.jsxs(qo,{children:[t.jsxs(Ko,{id:m,$size:n,$variant:e,$error:!!c,"aria-invalid":!!c,"aria-describedby":h?C:void 0,value:z,onChange:f,...b,children:[s&&t.jsx("option",{value:"",disabled:!0,children:s}),o.map(w=>t.jsx("option",{value:w.value,disabled:w.disabled,children:w.label},w.value))]}),y?t.jsx(Uo,{type:"button",onClick:g,"aria-label":"Clear selection",children:t.jsx(Z,{size:14})}):t.jsx(Zo,{"aria-hidden":"true",children:t.jsx(U,{size:14})})]}),h&&t.jsx(_o,{id:C,$error:!0,children:h})]})}J.displayName="Select";const Xo=r.a`
   text-decoration: underline;
   text-underline-offset: 2px;
   transition: color 0.15s;
@@ -532,7 +536,7 @@
 `,Jo=r.button`
   width: 100%;
   display: flex;
-  align-items: center;
+  align-items: flex-start;
   gap: ${({theme:o})=>o.spacing[3]};
   padding: ${({theme:o})=>o.spacing[4]};
   background: ${({theme:o})=>o.brutalism?o.colors.neutral[100]:o.colors.neutral[0]};
@@ -561,12 +565,23 @@
   display: block;
   font-size: ${({theme:o})=>o.fontSizes.sm};
   color: ${({theme:o})=>o.colors.neutral[500]};
-  margin-top: ${({theme:o})=>o.spacing[1]};
 `,rs=r.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  margin-top: ${({theme:o})=>o.spacing[1]};
+
+  @media (max-width: 640px) {
+    flex-direction: column;
+    align-items: flex-start;
+    gap: ${({theme:o})=>o.spacing[2]};
+  }
+`,ns=r.div`
   display: flex;
   align-items: center;
   gap: ${({theme:o})=>o.spacing[2]};
-`,ns=r.span`
+`,ts=r.span`
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -574,13 +589,13 @@
   transition: transform 0.2s ease;
   transform: ${({$open:o})=>o?"rotate(180deg)":"rotate(0deg)"};
   color: ${({theme:o,$accentColor:s})=>s??o.colors.neutral[500]};
-`,ts=r.div`
+`,es=r.div`
   display: grid;
   grid-template-rows: ${({$open:o})=>o?"1fr":"0fr"};
   transition: grid-template-rows 0.2s ease;
-`,es=r.div`
-  overflow: hidden;
 `,as=r.div`
+  overflow: hidden;
+`,is=r.div`
   padding: ${({theme:o})=>o.spacing[4]};
   border-top: 1px solid ${({theme:o})=>o.colors.neutral[200]};
-`;function oo({title:o,children:s,defaultOpen:n=!1,open:e,onToggle:c,subtitle:l,headerActions:i,accentColor:d}){const[p,u]=a.useState(n),x=a.useId(),w=e!==void 0,g=w?e:p,$=()=>{const m=!g;w||u(m),c?.(m)};return t.jsxs(Go,{$accentColor:d,children:[t.jsxs(Jo,{type:"button",$open:g,$accentColor:d,"aria-expanded":g,"aria-controls":x,onClick:$,children:[t.jsxs(Qo,{children:[t.jsx(os,{children:o}),l&&t.jsx(ss,{children:l})]}),i&&t.jsx(rs,{onClick:m=>m.stopPropagation(),children:i}),t.jsx(ns,{$open:g,$accentColor:d,"aria-hidden":"true",children:t.jsx(U,{size:18,strokeWidth:2.5})})]}),t.jsx(ts,{$open:g,children:t.jsx(es,{id:x,role:"region","aria-label":o,children:t.jsx(as,{children:s})})})]})}oo.displayName="CollapsibleCard";const so=a.createContext(null);function is({children:o}){const[s,n]=a.useState(null),e=a.useCallback(l=>{n({...l,id:Date.now()})},[]),c=a.useMemo(()=>{const l=i=>e(i);return l.success=(i,d)=>e({...d,message:i,variant:"success"}),l.error=(i,d)=>e({...d,message:i,variant:"error"}),l.warning=(i,d)=>e({...d,message:i,variant:"warning"}),l.info=(i,d)=>e({...d,message:i,variant:"info"}),l},[e]);return t.jsxs(so.Provider,{value:{toast:c},children:[o,s&&t.jsx(L,{open:!0,onClose:()=>n(null),message:s.message,variant:s.variant,duration:s.duration,position:s.position},s.id)]})}function ls(){const o=a.useContext(so);if(!o)throw new Error("useToast must be used within a ToastProvider");return o}function cs({initialValues:o,validate:s,onSubmit:n,onError:e}){const[c,l]=a.useState(o),[i,d]=a.useState({}),[p,u]=a.useState({}),[x,w]=a.useState(!1),g=a.useRef(c);g.current=c;const $=a.useCallback(f=>{if(!s)return{};const b=s(f);return Object.fromEntries(Object.entries(b).filter(([,y])=>y!==void 0))},[s]),m=a.useRef(p);m.current=p;const h=a.useCallback(f=>{const{name:b,value:y}=f.target,v={...g.current,[b]:y};l(v),m.current[b]&&d($(v))},[$]),C=a.useCallback(f=>{const{name:b}=f.target;u(y=>({...y,[b]:!0})),d($(g.current))},[$]),k=a.useCallback(f=>{f?.preventDefault();const b=Object.keys(g.current).reduce((T,O)=>({...T,[O]:!0}),{});u(b);const y=$(g.current);if(d(y),Object.keys(y).length>0){e?.(y);return}(async()=>{w(!0);try{await n?.(g.current)}finally{w(!1)}})()},[$,n,e]),j=a.useCallback((f,b)=>{l(y=>({...y,[f]:b}))},[]),S=a.useCallback(()=>{l(o),d({}),u({}),w(!1)},[o]),z=Object.fromEntries(Object.entries(i).filter(([f])=>p[f]));return{values:c,errors:z,touched:p,handleChange:h,handleBlur:C,handleSubmit:k,setFieldValue:j,reset:S,isSubmitting:x}}const P={primary:{50:"#f0f8ff",500:"#0070f3",700:"#005bb5"},neutral:{0:"#ffffff",100:"#f5f5f5",200:"#eaeaea",300:"#cacaca",400:"#cccccc",500:"#666666",600:"#333333",900:"#111111"},error:{50:"#fef2f2",500:"#d32f2f"},success:{50:"#f0fdf4",500:"#16a34a"},warning:{50:"#fffbeb",500:"#d97706"},info:{50:"#eff6ff",500:"#2563eb"}},ds={1:"4px",2:"8px",3:"12px",4:"16px",5:"20px",6:"24px"},us={md:"6px"},fs={modal:1e3,toast:1100},ps={xs:"12px",sm:"14px",md:"16px",lg:"18px"},bs={colors:{...P,primary:{...P.primary,contrast:"#ffffff"}},spacing:ds,fontSizes:ps,radius:us,zIndex:fs,shadows:{focusRing:"0 0 0 2px rgba(0, 112, 243, 0.25)"}};function gs(o){const s=parseInt(o.slice(1,3),16)/255,n=parseInt(o.slice(3,5),16)/255,e=parseInt(o.slice(5,7),16)/255,c=i=>i<=.03928?i/12.92:((i+.055)/1.055)**2.4;return .2126*c(s)+.7152*c(n)+.0722*c(e)>.179?"#111111":"#ffffff"}const B={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 $s(o){return{...B,colors:{...B.colors,primary:{50:"#fffff0",500:o,700:o,contrast:gs(o)}}}}function xs({theme:o=B,children:s}){return t.jsx(r.ThemeProvider,{theme:o,children:s})}exports.Badge=D;exports.Button=Y;exports.CollapsibleCard=oo;exports.Form=X;exports.FormField=G;exports.Input=H;exports.Link=Q;exports.Modal=q;exports.Select=J;exports.ThemeProvider=xs;exports.Toast=L;exports.ToastProvider=is;exports.createNeoBrutalTheme=$s;exports.defaultTheme=bs;exports.neoBrutalTheme=B;exports.useForm=cs;exports.useToast=ls;
+`;function oo({title:o,children:s,defaultOpen:n=!1,open:e,onToggle:c,subtitle:l,headerActions:i,accentColor:d}){const[p,u]=a.useState(n),x=a.useId(),v=e!==void 0,b=v?e:p,$=()=>{const m=!b;v||u(m),c?.(m)};return t.jsxs(Go,{$accentColor:d,children:[t.jsxs(Jo,{type:"button",$open:b,$accentColor:d,"aria-expanded":b,"aria-controls":x,onClick:$,children:[t.jsxs(Qo,{children:[t.jsx(os,{children:o}),(l||i)&&t.jsxs(rs,{children:[l&&t.jsx(ss,{children:l}),i&&t.jsx(ns,{onClick:m=>m.stopPropagation(),children:i})]})]}),t.jsx(ts,{$open:b,$accentColor:d,"aria-hidden":"true",children:t.jsx(U,{size:18,strokeWidth:2.5})})]}),t.jsx(es,{$open:b,children:t.jsx(as,{id:x,role:"region","aria-label":o,children:t.jsx(is,{children:s})})})]})}oo.displayName="CollapsibleCard";const so=a.createContext(null);function ls({children:o}){const[s,n]=a.useState(null),e=a.useCallback(l=>{n({...l,id:Date.now()})},[]),c=a.useMemo(()=>{const l=i=>e(i);return l.success=(i,d)=>e({...d,message:i,variant:"success"}),l.error=(i,d)=>e({...d,message:i,variant:"error"}),l.warning=(i,d)=>e({...d,message:i,variant:"warning"}),l.info=(i,d)=>e({...d,message:i,variant:"info"}),l},[e]);return t.jsxs(so.Provider,{value:{toast:c},children:[o,s&&t.jsx(L,{open:!0,onClose:()=>n(null),message:s.message,variant:s.variant,duration:s.duration,position:s.position},s.id)]})}function cs(){const o=a.useContext(so);if(!o)throw new Error("useToast must be used within a ToastProvider");return o}function ds({initialValues:o,validate:s,onSubmit:n,onError:e}){const[c,l]=a.useState(o),[i,d]=a.useState({}),[p,u]=a.useState({}),[x,v]=a.useState(!1),b=a.useRef(c);b.current=c;const $=a.useCallback(f=>{if(!s)return{};const g=s(f);return Object.fromEntries(Object.entries(g).filter(([,y])=>y!==void 0))},[s]),m=a.useRef(p);m.current=p;const C=a.useCallback(f=>{const{name:g,value:y}=f.target,w={...b.current,[g]:y};l(w),m.current[g]&&d($(w))},[$]),h=a.useCallback(f=>{const{name:g}=f.target;u(y=>({...y,[g]:!0})),d($(b.current))},[$]),k=a.useCallback(f=>{f?.preventDefault();const g=Object.keys(b.current).reduce((T,O)=>({...T,[O]:!0}),{});u(g);const y=$(b.current);if(d(y),Object.keys(y).length>0){e?.(y);return}(async()=>{v(!0);try{await n?.(b.current)}finally{v(!1)}})()},[$,n,e]),j=a.useCallback((f,g)=>{l(y=>({...y,[f]:g}))},[]),S=a.useCallback(()=>{l(o),d({}),u({}),v(!1)},[o]),z=Object.fromEntries(Object.entries(i).filter(([f])=>p[f]));return{values:c,errors:z,touched:p,handleChange:C,handleBlur:h,handleSubmit:k,setFieldValue:j,reset:S,isSubmitting:x}}const P={primary:{50:"#f0f8ff",500:"#0070f3",700:"#005bb5"},neutral:{0:"#ffffff",100:"#f5f5f5",200:"#eaeaea",300:"#cacaca",400:"#cccccc",500:"#666666",600:"#333333",900:"#111111"},error:{50:"#fef2f2",500:"#d32f2f"},success:{50:"#f0fdf4",500:"#16a34a"},warning:{50:"#fffbeb",500:"#d97706"},info:{50:"#eff6ff",500:"#2563eb"}},us={1:"4px",2:"8px",3:"12px",4:"16px",5:"20px",6:"24px"},fs={md:"6px"},ps={modal:1e3,toast:1100},gs={xs:"12px",sm:"14px",md:"16px",lg:"18px"},bs={colors:{...P,primary:{...P.primary,contrast:"#ffffff"}},spacing:us,fontSizes:gs,radius:fs,zIndex:ps,shadows:{focusRing:"0 0 0 2px rgba(0, 112, 243, 0.25)"}};function $s(o){const s=parseInt(o.slice(1,3),16)/255,n=parseInt(o.slice(3,5),16)/255,e=parseInt(o.slice(5,7),16)/255,c=i=>i<=.03928?i/12.92:((i+.055)/1.055)**2.4;return .2126*c(s)+.7152*c(n)+.0722*c(e)>.179?"#111111":"#ffffff"}const B={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 xs(o){return{...B,colors:{...B.colors,primary:{50:"#fffff0",500:o,700:o,contrast:$s(o)}}}}function ys({theme:o=B,children:s}){return t.jsx(r.ThemeProvider,{theme:o,children:s})}exports.Badge=D;exports.Button=Y;exports.CollapsibleCard=oo;exports.Form=X;exports.FormField=G;exports.Input=H;exports.Link=Q;exports.Modal=q;exports.Select=J;exports.ThemeProvider=ys;exports.Toast=L;exports.ToastProvider=ls;exports.createNeoBrutalTheme=xs;exports.defaultTheme=bs;exports.neoBrutalTheme=B;exports.useForm=ds;exports.useToast=cs;

package/dist/index.js

@@ -1,6 +1,6 @@
 import { jsx as l, jsxs as h } from "react/jsx-runtime";
 import i, { css as s, keyframes as O, ThemeProvider as eo } from "styled-components";
-import H, { useId as F, useState as z, useRef as R, useEffect as j, useContext as Z, createContext as X, forwardRef as G, createElement as P, useCallback as B, useMemo as ao } from "react";
+import H, { useId as F, useState as z, useRef as M, useEffect as j, useContext as Z, createContext as X, forwardRef as G, createElement as P, useCallback as B, useMemo as ao } from "react";
 import { createPortal as J } from "react-dom";
 const L = (o, r, n) => s`
   background: ${r};
@@ -14,6 +14,10 @@ const L = (o, r, n) => s`
   letter-spacing: 0.04em;
   cursor: default;
   border-radius: ${({ theme: o }) => o.radius.md};
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 20ch;
 
   ${({ $size: o, theme: r }) => ({
   sm: s`
@@ -298,7 +302,7 @@ const po = i.div`
     opacity: 0.8;
   }
 `;
-function vo({
+function wo({
   ref: o,
   type: r = "text",
   size: n = "md",
@@ -313,11 +317,11 @@ function vo({
   fullWidth: m,
   id: $,
   value: x,
-  defaultValue: v,
+  defaultValue: w,
   onChange: S,
   ...C
 }) {
-  const k = F(), I = $ ?? k, T = `${I}-hint`, [W, f] = z(v ?? ""), g = x !== void 0, y = g ? x : W, w = typeof e == "string" ? e : void 0, E = !!(a || e), V = (D) => {
+  const k = F(), I = $ ?? k, T = `${I}-hint`, [W, f] = z(w ?? ""), g = x !== void 0, y = g ? x : W, v = typeof e == "string" ? e : void 0, E = !!(a || e), V = (D) => {
     g || f(D.target.value), S?.(D);
   }, io = () => {
     g || f(""), b?.();
@@ -350,11 +354,11 @@ function vo({
       ),
       p && /* @__PURE__ */ l(_, { children: p })
     ] }),
-    E && /* @__PURE__ */ l($o, { id: T, $error: !!e, children: w ?? a })
+    E && /* @__PURE__ */ l($o, { id: T, $error: !!e, children: v ?? a })
   ] });
 }
-vo.displayName = "Input";
-const wo = O`
+wo.displayName = "Input";
+const vo = O`
   from { opacity: 0; }
   to { opacity: 1; }
 `, mo = O`
@@ -374,7 +378,7 @@ const wo = O`
   align-items: center;
   justify-content: center;
   z-index: ${({ theme: o }) => o.zIndex.modal};
-  animation: ${({ $closing: o }) => o ? mo : wo} 0.15s ease
+  animation: ${({ $closing: o }) => o ? mo : vo} 0.15s ease
     forwards;
 `, zo = i.div`
   position: relative;
@@ -477,14 +481,14 @@ function Lo({
   ariaLabelledBy: p,
   ariaDescribedBy: u
 }) {
-  const b = R(null), m = F(), $ = p ?? (n ? m : void 0), [x, v] = z(o), [S, C] = z(!1);
+  const b = M(null), m = F(), $ = p ?? (n ? m : void 0), [x, w] = z(o), [S, C] = z(!1);
   return j(() => {
     if (o)
-      v(!0), C(!1);
+      w(!0), C(!1);
     else if (x) {
       C(!0);
       const k = setTimeout(() => {
-        v(!1), C(!1);
+        w(!1), C(!1);
       }, 150);
       return () => clearTimeout(k);
     }
@@ -512,8 +516,8 @@ function Lo({
         f.preventDefault();
         return;
       }
-      const y = g[0], w = g[g.length - 1];
-      f.shiftKey ? document.activeElement === y && (f.preventDefault(), w.focus()) : document.activeElement === w && (f.preventDefault(), y.focus());
+      const y = g[0], v = g[g.length - 1];
+      f.shiftKey ? document.activeElement === y && (f.preventDefault(), v.focus()) : document.activeElement === v && (f.preventDefault(), y.focus());
     };
     return document.addEventListener("keydown", W), () => {
       document.removeEventListener("keydown", W), I?.focus();
@@ -562,7 +566,7 @@ const K = (o) => {
   const r = Fo(o);
   return r.charAt(0).toUpperCase() + r.slice(1);
 };
-var M = {
+var R = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -586,16 +590,16 @@ const Eo = (o) => {
       absoluteStrokeWidth: m = !1,
       color: $ = "currentColor",
       className: x = ""
-    } = Vo() ?? {}, v = t ?? m ? Number(n ?? b) * 24 / Number(r ?? u) : n ?? b;
+    } = Vo() ?? {}, w = t ?? m ? Number(n ?? b) * 24 / Number(r ?? u) : n ?? b;
     return P(
       "svg",
       {
         ref: p,
-        ...M,
-        width: r ?? u ?? M.width,
-        height: r ?? u ?? M.height,
+        ...R,
+        width: r ?? u ?? R.width,
+        height: r ?? u ?? R.height,
         stroke: o ?? $,
-        strokeWidth: v,
+        strokeWidth: w,
         className: Q("lucide", x, c),
         ...!a && !Eo(d) && { "aria-hidden": "true" },
         ...d
@@ -622,11 +626,11 @@ const oo = (o, r) => {
   );
   return n.displayName = K(o), n;
 };
-const Mo = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]], ro = oo("chevron-down", Mo);
-const Ro = [
+const Ro = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]], ro = oo("chevron-down", Ro);
+const Mo = [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-], no = oo("x", Ro), Po = O`
+], no = oo("x", Mo), Po = O`
   from { opacity: 0; transform: translateY(12px); }
   to   { opacity: 1; transform: translateY(0); }
 `, Yo = O`
@@ -968,10 +972,10 @@ function ar({
   onChange: m,
   ...$
 }) {
-  const x = F(), v = p ?? x, S = `${v}-hint`, C = typeof c == "string" ? c : void 0, [k, I] = z(
+  const x = F(), w = p ?? x, S = `${w}-hint`, C = typeof c == "string" ? c : void 0, [k, I] = z(
     b ?? ""
-  ), T = u !== void 0, W = T ? u : k, f = (w) => {
-    T || I(w.target.value), m?.(w);
+  ), T = u !== void 0, W = T ? u : k, f = (v) => {
+    T || I(v.target.value), m?.(v);
   }, g = () => {
     T || I(""), d?.();
   }, y = e && !!W;
@@ -980,7 +984,7 @@ function ar({
       /* @__PURE__ */ h(
         tr,
         {
-          id: v,
+          id: w,
           $size: n,
           $variant: t,
           $error: !!c,
@@ -991,7 +995,7 @@ function ar({
           ...$,
           children: [
             r && /* @__PURE__ */ l("option", { value: "", disabled: !0, children: r }),
-            o.map((w) => /* @__PURE__ */ l("option", { value: w.value, disabled: w.disabled, children: w.label }, w.value))
+            o.map((v) => /* @__PURE__ */ l("option", { value: v.value, disabled: v.disabled, children: v.label }, v.value))
           ]
         }
       ),
@@ -1070,7 +1074,7 @@ const dr = i.div`
 `, ur = i.button`
   width: 100%;
   display: flex;
-  align-items: center;
+  align-items: flex-start;
   gap: ${({ theme: o }) => o.spacing[3]};
   padding: ${({ theme: o }) => o.spacing[4]};
   background: ${({ theme: o }) => o.brutalism ? o.colors.neutral[100] : o.colors.neutral[0]};
@@ -1099,12 +1103,23 @@ const dr = i.div`
   display: block;
   font-size: ${({ theme: o }) => o.fontSizes.sm};
   color: ${({ theme: o }) => o.colors.neutral[500]};
-  margin-top: ${({ theme: o }) => o.spacing[1]};
 `, $r = i.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  margin-top: ${({ theme: o }) => o.spacing[1]};
+
+  @media (max-width: 640px) {
+    flex-direction: column;
+    align-items: flex-start;
+    gap: ${({ theme: o }) => o.spacing[2]};
+  }
+`, br = i.div`
   display: flex;
   align-items: center;
   gap: ${({ theme: o }) => o.spacing[2]};
-`, br = i.span`
+`, xr = i.span`
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -1112,17 +1127,17 @@ const dr = i.div`
   transition: transform 0.2s ease;
   transform: ${({ $open: o }) => o ? "rotate(180deg)" : "rotate(0deg)"};
   color: ${({ theme: o, $accentColor: r }) => r ?? o.colors.neutral[500]};
-`, xr = i.div`
+`, yr = i.div`
   display: grid;
   grid-template-rows: ${({ $open: o }) => o ? "1fr" : "0fr"};
   transition: grid-template-rows 0.2s ease;
-`, yr = i.div`
+`, wr = i.div`
   overflow: hidden;
 `, vr = i.div`
   padding: ${({ theme: o }) => o.spacing[4]};
   border-top: 1px solid ${({ theme: o }) => o.colors.neutral[200]};
 `;
-function wr({
+function mr({
   title: o,
   children: r,
   defaultOpen: n = !1,
@@ -1143,17 +1158,19 @@ function wr({
         "aria-expanded": $,
         "aria-controls": b,
         onClick: () => {
-          const v = !$;
-          m || u(v), c?.(v);
+          const w = !$;
+          m || u(w), c?.(w);
         },
         children: [
           /* @__PURE__ */ h(fr, { children: [
             /* @__PURE__ */ l(pr, { children: o }),
-            a && /* @__PURE__ */ l(gr, { children: a })
+            (a || e) && /* @__PURE__ */ h($r, { children: [
+              a && /* @__PURE__ */ l(gr, { children: a }),
+              e && /* @__PURE__ */ l(br, { onClick: (w) => w.stopPropagation(), children: e })
+            ] })
           ] }),
-          e && /* @__PURE__ */ l($r, { onClick: (v) => v.stopPropagation(), children: e }),
           /* @__PURE__ */ l(
-            br,
+            xr,
             {
               $open: $,
               $accentColor: d,
@@ -1164,12 +1181,12 @@ function wr({
         ]
       }
     ),
-    /* @__PURE__ */ l(xr, { $open: $, children: /* @__PURE__ */ l(yr, { id: b, role: "region", "aria-label": o, children: /* @__PURE__ */ l(vr, { children: r }) }) })
+    /* @__PURE__ */ l(yr, { $open: $, children: /* @__PURE__ */ l(wr, { id: b, role: "region", "aria-label": o, children: /* @__PURE__ */ l(vr, { children: r }) }) })
   ] });
 }
-wr.displayName = "CollapsibleCard";
+mr.displayName = "CollapsibleCard";
 const to = X(null);
-function Br({ children: o }) {
+function Or({ children: o }) {
   const [r, n] = z(null), t = B((a) => {
     n({ ...a, id: Date.now() });
   }, []), c = ao(() => {
@@ -1192,13 +1209,13 @@ function Br({ children: o }) {
     )
   ] });
 }
-function Or() {
+function Lr() {
   const o = Z(to);
   if (!o)
     throw new Error("useToast must be used within a ToastProvider");
   return o;
 }
-function Lr({
+function jr({
   initialValues: o,
   validate: r,
   onSubmit: n,
@@ -1206,7 +1223,7 @@ function Lr({
 }) {
   const [c, a] = z(o), [e, d] = z(
     {}
-  ), [p, u] = z({}), [b, m] = z(!1), $ = R(c);
+  ), [p, u] = z({}), [b, m] = z(!1), $ = M(c);
   $.current = c;
   const x = B(
     (f) => {
@@ -1218,12 +1235,12 @@ function Lr({
       );
     },
     [r]
-  ), v = R(p);
-  v.current = p;
+  ), w = M(p);
+  w.current = p;
   const S = B(
     (f) => {
-      const { name: g, value: y } = f.target, w = { ...$.current, [g]: y };
-      a(w), v.current[g] && d(x(w));
+      const { name: g, value: y } = f.target, v = { ...$.current, [g]: y };
+      a(v), w.current[g] && d(x(v));
     },
     [x]
   ), C = B(
@@ -1306,34 +1323,34 @@ const U = {
     50: "#eff6ff",
     500: "#2563eb"
   }
-}, mr = {
+}, kr = {
   1: "4px",
   2: "8px",
   3: "12px",
   4: "16px",
   5: "20px",
   6: "24px"
-}, kr = {
-  md: "6px"
 }, hr = {
+  md: "6px"
+}, Cr = {
   modal: 1e3,
   toast: 1100
-}, Cr = {
+}, zr = {
   xs: "12px",
   sm: "14px",
   md: "16px",
   lg: "18px"
-}, jr = {
+}, Fr = {
   colors: { ...U, primary: { ...U.primary, contrast: "#ffffff" } },
-  spacing: mr,
-  fontSizes: Cr,
-  radius: kr,
-  zIndex: hr,
+  spacing: kr,
+  fontSizes: zr,
+  radius: hr,
+  zIndex: Cr,
   shadows: {
     focusRing: "0 0 0 2px rgba(0, 112, 243, 0.25)"
   }
 };
-function zr(o) {
+function Sr(o) {
   const r = parseInt(o.slice(1, 3), 16) / 255, n = parseInt(o.slice(3, 5), 16) / 255, t = parseInt(o.slice(5, 7), 16) / 255, c = (e) => e <= 0.03928 ? e / 12.92 : ((e + 0.055) / 1.055) ** 2.4;
   return 0.2126 * c(r) + 0.7152 * c(n) + 0.0722 * c(t) > 0.179 ? "#111111" : "#ffffff";
 }
@@ -1367,7 +1384,7 @@ const Y = {
   shadows: { focusRing: "3px 3px 0 #111111" },
   brutalism: { borderWidth: "2px", shadowOffset: "4px" }
 };
-function Fr(o) {
+function Er(o) {
   return {
     ...Y,
     colors: {
@@ -1376,12 +1393,12 @@ function Fr(o) {
         50: "#fffff0",
         500: o,
         700: o,
-        contrast: zr(o)
+        contrast: Sr(o)
       }
     }
   };
 }
-function Er({
+function Nr({
   theme: o = Y,
   children: r
 }) {
@@ -1390,19 +1407,19 @@ function Er({
 export {
   co as Badge,
   fo as Button,
-  wr as CollapsibleCard,
+  mr as CollapsibleCard,
   Qo as Form,
   or as FormField,
-  vo as Input,
+  wo as Input,
   cr as Link,
   Lo as Modal,
   ar as Select,
-  Er as ThemeProvider,
+  Nr as ThemeProvider,
   so as Toast,
-  Br as ToastProvider,
-  Fr as createNeoBrutalTheme,
-  jr as defaultTheme,
+  Or as ToastProvider,
+  Er as createNeoBrutalTheme,
+  Fr as defaultTheme,
   Y as neoBrutalTheme,
-  Lr as useForm,
-  Or as useToast
+  jr as useForm,
+  Lr as useToast
 };

package/package.json

@@ -1,17 +1,10 @@
 {
   "name": "blunt-ui",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs",
-      "types": "./dist/index.d.ts"
-    }
-  },
   "files": [
     "dist"
   ],