blunt-ui 0.2.0 → 0.2.2

package/dist/index.js

@@ -1,19 +1,23 @@
-import { jsx as d, jsxs as S } from "react/jsx-runtime";
-import l, { css as s, keyframes as L, ThemeProvider as so } from "styled-components";
-import D, { useId as E, useState as C, useRef as M, useEffect as j, useContext as U, createContext as Z, forwardRef as X, createElement as R, useCallback as W, useMemo as to } from "react";
-import { createPortal as G } from "react-dom";
-const F = (o, r, n) => s`
+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 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};
   color: ${n};
   border: ${o.brutalism.borderWidth} solid ${o.colors.neutral[900]};
   box-shadow: 2px 2px 0 ${o.colors.neutral[900]};
-`, eo = l.span`
+`, lo = i.span`
   display: inline-flex;
   align-items: center;
   font-weight: 700;
   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`
@@ -27,32 +31,32 @@ const F = (o, r, n) => s`
 })[o]}
 
   ${({ $variant: o, theme: r }) => r.brutalism ? {
-  primary: F(
+  primary: L(
     r,
     r.colors.primary[500],
     r.colors.primary.contrast
   ),
-  neutral: F(
+  neutral: L(
     r,
     r.colors.neutral[200],
     r.colors.neutral[900]
   ),
-  success: F(
+  success: L(
     r,
     r.colors.success[50],
     r.colors.success[500]
   ),
-  error: F(
+  error: L(
     r,
     r.colors.error[50],
     r.colors.error[500]
   ),
-  warning: F(
+  warning: L(
     r,
     r.colors.warning[50],
     r.colors.warning[500]
   ),
-  info: F(r, r.colors.info[50], r.colors.info[500])
+  info: L(r, r.colors.info[50], r.colors.info[500])
 }[o] : {
   primary: s`
         background: ${r.colors.primary[50]};
@@ -80,16 +84,16 @@ const F = (o, r, n) => s`
       `
 }[o]}
 `;
-function io({
+function co({
   variant: o = "primary",
   size: r = "md",
   children: n,
   ...t
 }) {
-  return /* @__PURE__ */ d(eo, { $variant: o, $size: r, ...t, children: n });
+  return /* @__PURE__ */ l(lo, { $variant: o, $size: r, ...t, children: n });
 }
-io.displayName = "Badge";
-const N = (o, r, n) => s`
+co.displayName = "Badge";
+const A = (o, r, n) => s`
   background-color: ${r};
   color: ${n};
   border: ${o.brutalism.borderWidth} solid ${o.colors.neutral[900]};
@@ -102,7 +106,7 @@ const N = (o, r, n) => s`
     transform: translate(2px, 2px);
     box-shadow: 2px 2px 0 ${o.colors.neutral[900]};
   }
-`, ao = l.button`
+`, uo = i.button`
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -122,17 +126,17 @@ const N = (o, r, n) => s`
   }
 
   ${({ $variant: o, theme: r }) => r.brutalism ? {
-  primary: N(
+  primary: A(
     r,
     r.colors.primary[500],
     r.colors.primary.contrast
   ),
-  secondary: N(
+  secondary: A(
     r,
     r.colors.neutral[100],
     r.colors.neutral[900]
   ),
-  outline: N(
+  outline: A(
     r,
     r.colors.neutral[0],
     r.colors.neutral[900]
@@ -179,44 +183,44 @@ const N = (o, r, n) => s`
       `
 })[o]}
 `;
-function lo({
+function fo({
   ref: o,
   as: r,
   href: n,
   variant: t = "primary",
-  size: a = "md",
-  isLoading: i,
+  size: c = "md",
+  isLoading: a,
   disabled: e,
-  children: c,
-  ...g
+  children: d,
+  ...p
 }) {
-  return /* @__PURE__ */ d(
-    ao,
+  return /* @__PURE__ */ l(
+    uo,
     {
       ref: o,
       as: r ?? (n ? "a" : "button"),
       href: n,
       $variant: t,
-      $size: a,
-      disabled: i || e,
-      ...g,
-      children: i ? "Loading..." : c
+      $size: c,
+      disabled: a || e,
+      ...p,
+      children: a ? "Loading..." : d
     }
   );
 }
-lo.displayName = "Button";
-const co = l.div`
+fo.displayName = "Button";
+const po = i.div`
   display: flex;
   flex-direction: column;
   gap: ${({ theme: o }) => o.spacing[1]};
   width: ${({ $fullWidth: o }) => o ? "100%" : "auto"};
-`, uo = l.label`
+`, go = i.label`
   font-size: ${({ theme: o }) => o.fontSizes.sm};
   font-weight: ${({ theme: o }) => o.brutalism ? "700" : "500"};
-`, fo = l.span`
+`, $o = i.span`
   font-size: ${({ theme: o }) => o.fontSizes.xs};
   color: ${({ $error: o, theme: r }) => o ? r.colors.error[500] : r.colors.neutral[500]};
-`, po = l.div`
+`, bo = i.div`
   display: flex;
   align-items: center;
   border-radius: ${({ theme: o }) => o.radius.md};
@@ -269,7 +273,7 @@ const co = l.div`
   &:focus-within {
     box-shadow: ${({ theme: o }) => o.shadows.focusRing};
   }
-`, go = l.input`
+`, xo = i.input`
   flex: 1;
   border: none;
   outline: none;
@@ -280,11 +284,11 @@ const co = l.div`
     cursor: not-allowed;
     opacity: 0.6;
   }
-`, _ = l.div`
+`, _ = i.div`
   display: inline-flex;
   align-items: center;
   margin: 0 ${({ theme: o }) => o.spacing[1]};
-`, $o = l.button`
+`, yo = i.button`
   display: inline-flex;
   align-items: center;
   margin: 0 ${({ theme: o }) => o.spacing[1]};
@@ -298,75 +302,75 @@ const co = l.div`
     opacity: 0.8;
   }
 `;
-function bo({
+function wo({
   ref: o,
   type: r = "text",
   size: n = "md",
   variant: t = "default",
-  label: a,
-  helperText: i,
+  label: c,
+  helperText: a,
   error: e,
-  leftElement: c,
-  rightElement: g,
-  clearable: f,
-  onClear: x,
-  fullWidth: k,
-  id: v,
-  value: b,
-  defaultValue: h,
-  onChange: z,
-  ...w
+  leftElement: d,
+  rightElement: p,
+  clearable: u,
+  onClear: b,
+  fullWidth: m,
+  id: $,
+  value: x,
+  defaultValue: w,
+  onChange: S,
+  ...C
 }) {
-  const m = E(), I = v ?? m, T = `${I}-hint`, [B, u] = C(h ?? ""), p = b !== void 0, $ = p ? b : B, y = typeof e == "string" ? e : void 0, O = !!(i || e), V = (Y) => {
-    p || u(Y.target.value), z?.(Y);
-  }, no = () => {
-    p || u(""), x?.();
+  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?.();
   };
-  return /* @__PURE__ */ S(co, { $fullWidth: k, children: [
-    a && /* @__PURE__ */ d(uo, { htmlFor: I, children: a }),
-    /* @__PURE__ */ S(po, { $size: n, $variant: t, $error: !!e, children: [
-      c && /* @__PURE__ */ d(_, { children: c }),
-      /* @__PURE__ */ d(
-        go,
+  return /* @__PURE__ */ h(po, { $fullWidth: m, children: [
+    c && /* @__PURE__ */ l(go, { htmlFor: I, children: c }),
+    /* @__PURE__ */ h(bo, { $size: n, $variant: t, $error: !!e, children: [
+      d && /* @__PURE__ */ l(_, { children: d }),
+      /* @__PURE__ */ l(
+        xo,
         {
           id: I,
           ref: o,
           type: r,
-          value: $,
+          value: y,
           onChange: V,
-          ...w,
+          ...C,
           "aria-invalid": !!e,
-          "aria-describedby": O ? T : void 0
+          "aria-describedby": E ? T : void 0
         }
       ),
-      f && $ && /* @__PURE__ */ d(
-        $o,
+      u && y && /* @__PURE__ */ l(
+        yo,
         {
           type: "button",
-          onClick: no,
+          onClick: io,
           "aria-label": "Clear input",
           children: "✕"
         }
       ),
-      g && /* @__PURE__ */ d(_, { children: g })
+      p && /* @__PURE__ */ l(_, { children: p })
     ] }),
-    O && /* @__PURE__ */ d(fo, { id: T, $error: !!e, children: y ?? i })
+    E && /* @__PURE__ */ l($o, { id: T, $error: !!e, children: v ?? a })
   ] });
 }
-bo.displayName = "Input";
-const xo = L`
+wo.displayName = "Input";
+const vo = O`
   from { opacity: 0; }
   to { opacity: 1; }
-`, yo = L`
+`, mo = O`
   from { opacity: 1; }
   to { opacity: 0; }
-`, mo = L`
+`, ko = O`
   from { opacity: 0; transform: scale(0.95) translateY(-8px); }
   to { opacity: 1; transform: scale(1) translateY(0); }
-`, vo = L`
+`, ho = O`
   from { opacity: 1; transform: scale(1) translateY(0); }
   to { opacity: 0; transform: scale(0.95) translateY(-8px); }
-`, wo = l.div`
+`, Co = i.div`
   position: fixed;
   inset: 0;
   background-color: rgba(0, 0, 0, 0.5);
@@ -374,9 +378,9 @@ const xo = L`
   align-items: center;
   justify-content: center;
   z-index: ${({ theme: o }) => o.zIndex.modal};
-  animation: ${({ $closing: o }) => o ? yo : xo} 0.15s ease
+  animation: ${({ $closing: o }) => o ? mo : vo} 0.15s ease
     forwards;
-`, ko = l.div`
+`, zo = i.div`
   position: relative;
   background: ${({ theme: o }) => o.colors.neutral[0]};
   border-radius: ${({ theme: o }) => o.radius.md};
@@ -385,7 +389,7 @@ const xo = L`
   display: flex;
   flex-direction: column;
   max-height: 90vh;
-  animation: ${({ $closing: o }) => o ? vo : mo} 0.15s ease
+  animation: ${({ $closing: o }) => o ? ho : ko} 0.15s ease
     forwards;
 
   ${({ $size: o }) => o === "sm" && s`
@@ -403,19 +407,19 @@ const xo = L`
       max-height: 100vh;
       border-radius: 0;
     `}
-`, ho = l.div`
+`, So = i.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;
-`, zo = l.h2`
+`, Io = i.h2`
   flex: 1;
   font-size: ${({ theme: o }) => o.fontSizes.lg};
   font-weight: 600;
   margin: 0;
-`, Co = l.button`
+`, To = i.button`
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -440,11 +444,11 @@ const xo = L`
     outline: 2px solid ${({ theme: o }) => o.colors.primary[500]};
     outline-offset: 2px;
   }
-`, So = l.div`
+`, Wo = i.div`
   padding: ${({ theme: o }) => o.spacing[4]};
   overflow-y: auto;
   flex: 1;
-`, Io = l.div`
+`, Bo = i.div`
   display: flex;
   align-items: center;
   justify-content: flex-end;
@@ -452,7 +456,7 @@ const xo = L`
   padding: ${({ theme: o }) => o.spacing[4]};
   border-top: 1px solid ${({ theme: o }) => o.colors.neutral[200]};
   flex-shrink: 0;
-`, To = [
+`, Oo = [
   "button:not([disabled])",
   "input:not([disabled])",
   "select:not([disabled])",
@@ -460,89 +464,89 @@ const xo = L`
   "a[href]",
   '[tabindex]:not([tabindex="-1"])'
 ].join(", ");
-function H(o) {
+function q(o) {
   return Array.from(
-    o.querySelectorAll(To)
+    o.querySelectorAll(Oo)
   );
 }
-function Bo({
+function Lo({
   open: o,
   onClose: r,
   title: n,
   children: t,
-  footer: a,
-  size: i = "md",
+  footer: c,
+  size: a = "md",
   closeOnBackdrop: e = !0,
-  closeOnEscape: c = !0,
-  ariaLabelledBy: g,
-  ariaDescribedBy: f
+  closeOnEscape: d = !0,
+  ariaLabelledBy: p,
+  ariaDescribedBy: u
 }) {
-  const x = M(null), k = E(), v = g ?? (n ? k : void 0), [b, h] = C(o), [z, w] = C(!1);
+  const b = M(null), m = F(), $ = p ?? (n ? m : void 0), [x, w] = z(o), [S, C] = z(!1);
   return j(() => {
     if (o)
-      h(!0), w(!1);
-    else if (b) {
-      w(!0);
-      const m = setTimeout(() => {
-        h(!1), w(!1);
+      w(!0), C(!1);
+    else if (x) {
+      C(!0);
+      const k = setTimeout(() => {
+        w(!1), C(!1);
       }, 150);
-      return () => clearTimeout(m);
+      return () => clearTimeout(k);
     }
-  }, [o, b]), j(() => {
+  }, [o, x]), j(() => {
     if (!o)
       return;
-    const m = document.body.style.overflow;
+    const k = document.body.style.overflow;
     return document.body.style.overflow = "hidden", () => {
-      document.body.style.overflow = m;
+      document.body.style.overflow = k;
     };
   }, [o]), j(() => {
-    if (!o || !x.current)
+    if (!o || !b.current)
       return;
-    const m = x.current, I = document.activeElement;
-    (H(m)[0] ?? m).focus();
-    const B = (u) => {
-      if (u.key === "Escape" && c) {
+    const k = b.current, I = document.activeElement;
+    (q(k)[0] ?? k).focus();
+    const W = (f) => {
+      if (f.key === "Escape" && d) {
         r();
         return;
       }
-      if (u.key !== "Tab")
+      if (f.key !== "Tab")
         return;
-      const p = H(m);
-      if (p.length === 0) {
-        u.preventDefault();
+      const g = q(k);
+      if (g.length === 0) {
+        f.preventDefault();
         return;
       }
-      const $ = p[0], y = p[p.length - 1];
-      u.shiftKey ? document.activeElement === $ && (u.preventDefault(), y.focus()) : document.activeElement === y && (u.preventDefault(), $.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", B), () => {
-      document.removeEventListener("keydown", B), I?.focus();
+    return document.addEventListener("keydown", W), () => {
+      document.removeEventListener("keydown", W), I?.focus();
     };
-  }, [o, c, r, b]), b ? G(
-    /* @__PURE__ */ d(
-      wo,
+  }, [o, d, r, x]), x ? J(
+    /* @__PURE__ */ l(
+      Co,
       {
-        $closing: z,
+        $closing: S,
         onClick: e ? r : void 0,
-        children: /* @__PURE__ */ S(
-          ko,
+        children: /* @__PURE__ */ h(
+          zo,
           {
-            ref: x,
+            ref: b,
             role: "dialog",
             "aria-modal": "true",
-            "aria-labelledby": v,
-            "aria-describedby": f,
-            $size: i,
-            $closing: z,
+            "aria-labelledby": $,
+            "aria-describedby": u,
+            $size: a,
+            $closing: S,
             tabIndex: -1,
-            onClick: (m) => m.stopPropagation(),
+            onClick: (k) => k.stopPropagation(),
             children: [
-              /* @__PURE__ */ S(ho, { children: [
-                n && /* @__PURE__ */ d(zo, { id: k, children: n }),
-                /* @__PURE__ */ d(Co, { onClick: r, "aria-label": "Close modal", children: "×" })
+              /* @__PURE__ */ h(So, { children: [
+                n && /* @__PURE__ */ l(Io, { id: m, children: n }),
+                /* @__PURE__ */ l(To, { onClick: r, "aria-label": "Close modal", children: "×" })
               ] }),
-              /* @__PURE__ */ d(So, { children: t }),
-              a && /* @__PURE__ */ d(Io, { children: a })
+              /* @__PURE__ */ l(Wo, { children: t }),
+              c && /* @__PURE__ */ l(Bo, { children: c })
             ]
           }
         )
@@ -551,17 +555,91 @@ function Bo({
     document.body
   ) : null;
 }
-Bo.displayName = "Modal";
-const Wo = L`
+Lo.displayName = "Modal";
+const Q = (...o) => o.filter((r, n, t) => !!r && r.trim() !== "" && t.indexOf(r) === n).join(" ").trim();
+const jo = (o) => o.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+const Fo = (o) => o.replace(
+  /^([A-Z])|[\s-_]+(\w)/g,
+  (r, n, t) => t ? t.toUpperCase() : n.toLowerCase()
+);
+const K = (o) => {
+  const r = Fo(o);
+  return r.charAt(0).toUpperCase() + r.slice(1);
+};
+var R = {
+  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 Eo = (o) => {
+  for (const r in o)
+    if (r.startsWith("aria-") || r === "role" || r === "title")
+      return !0;
+  return !1;
+}, No = X({}), Vo = () => Z(No), Ao = G(
+  ({ color: o, size: r, strokeWidth: n, absoluteStrokeWidth: t, className: c = "", children: a, iconNode: e, ...d }, p) => {
+    const {
+      size: u = 24,
+      strokeWidth: b = 2,
+      absoluteStrokeWidth: m = !1,
+      color: $ = "currentColor",
+      className: x = ""
+    } = Vo() ?? {}, w = t ?? m ? Number(n ?? b) * 24 / Number(r ?? u) : n ?? b;
+    return P(
+      "svg",
+      {
+        ref: p,
+        ...R,
+        width: r ?? u ?? R.width,
+        height: r ?? u ?? R.height,
+        stroke: o ?? $,
+        strokeWidth: w,
+        className: Q("lucide", x, c),
+        ...!a && !Eo(d) && { "aria-hidden": "true" },
+        ...d
+      },
+      [
+        ...e.map(([S, C]) => P(S, C)),
+        ...Array.isArray(a) ? a : [a]
+      ]
+    );
+  }
+);
+const oo = (o, r) => {
+  const n = G(
+    ({ className: t, ...c }, a) => P(Ao, {
+      ref: a,
+      iconNode: r,
+      className: Q(
+        `lucide-${jo(K(o))}`,
+        `lucide-${o}`,
+        t
+      ),
+      ...c
+    })
+  );
+  return n.displayName = K(o), n;
+};
+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", Mo), Po = O`
   from { opacity: 0; transform: translateY(12px); }
   to   { opacity: 1; transform: translateY(0); }
-`, Lo = L`
+`, Yo = O`
   from { opacity: 0; transform: translateY(-12px); }
   to   { opacity: 1; transform: translateY(0); }
-`, Fo = L`
+`, Do = O`
   from { opacity: 1; }
   to   { opacity: 0; }
-`, jo = l.div`
+`, Ho = i.div`
   position: fixed;
   z-index: ${({ theme: o }) => o.zIndex.toast};
   display: flex;
@@ -571,14 +649,12 @@ const Wo = L`
   max-width: 400px;
   padding: ${({ theme: o }) => `${o.spacing[3]} ${o.spacing[4]}`};
   border-radius: ${({ theme: o }) => o.radius.md};
-  border-left: 4px solid transparent;
-  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
   animation: ${({ $closing: o, $position: r }) => o ? s`
-          ${Fo} 0.2s ease forwards
+          ${Do} 0.2s ease forwards
         ` : r.startsWith("top") ? s`
-            ${Lo} 0.2s ease forwards
+            ${Yo} 0.2s ease forwards
           ` : s`
-            ${Wo} 0.2s ease forwards
+            ${Po} 0.2s ease forwards
           `};
 
   ${({ $position: o, theme: r }) => ({
@@ -599,32 +675,59 @@ const Wo = L`
         left: ${r.spacing[6]};
       `
 })[o]}
-`, Oo = l(jo)`
-  ${({ $variant: o, theme: r }) => ({
+`, N = (o, r, n) => s`
+  background: ${r};
+  border: ${o.brutalism.borderWidth} solid ${n};
+  box-shadow: ${o.brutalism.shadowOffset} ${o.brutalism.shadowOffset}
+    0 ${n};
+`, _o = i(Ho)`
+  ${({ $variant: o, theme: r }) => r.brutalism ? {
+  success: N(
+    r,
+    r.colors.success[50],
+    r.colors.success[500]
+  ),
+  error: N(
+    r,
+    r.colors.error[50],
+    r.colors.error[500]
+  ),
+  warning: N(
+    r,
+    r.colors.warning[50],
+    r.colors.warning[500]
+  ),
+  info: N(r, r.colors.info[50], r.colors.info[500])
+}[o] : {
   success: s`
         background: ${r.colors.success[50]};
-        border-left-color: ${r.colors.success[500]};
+        border-left: 4px solid ${r.colors.success[500]};
+        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
       `,
   error: s`
         background: ${r.colors.error[50]};
-        border-left-color: ${r.colors.error[500]};
+        border-left: 4px solid ${r.colors.error[500]};
+        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
       `,
   warning: s`
         background: ${r.colors.warning[50]};
-        border-left-color: ${r.colors.warning[500]};
+        border-left: 4px solid ${r.colors.warning[500]};
+        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
       `,
   info: s`
         background: ${r.colors.info[50]};
-        border-left-color: ${r.colors.info[500]};
+        border-left: 4px solid ${r.colors.info[500]};
+        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
       `
-})[o]}
-`, Eo = l.p`
+}[o]}
+`, qo = i.p`
   flex: 1;
   margin: 0;
   font-size: ${({ theme: o }) => o.fontSizes.sm};
+  font-weight: ${({ theme: o }) => o.brutalism ? 600 : 400};
   line-height: 1.5;
   color: ${({ theme: o }) => o.colors.neutral[900]};
-`, Vo = l.button`
+`, Ko = i.button`
   flex-shrink: 0;
   display: inline-flex;
   align-items: center;
@@ -635,8 +738,6 @@ const Wo = L`
   background: none;
   cursor: pointer;
   border-radius: ${({ theme: o }) => o.radius.md};
-  font-size: 18px;
-  line-height: 1;
   color: ${({ theme: o }) => o.colors.neutral[500]};
 
   &:hover {
@@ -649,72 +750,72 @@ const Wo = L`
     outline-offset: 2px;
   }
 `;
-function J({
+function so({
   open: o,
   onClose: r,
   message: n,
   variant: t = "info",
-  duration: a = 4e3,
-  position: i = "bottom-right"
+  duration: c = 4e3,
+  position: a = "bottom-right"
 }) {
-  const [e, c] = C(o), [g, f] = C(!1);
+  const [e, d] = z(o), [p, u] = z(!1);
   return j(() => {
     if (o)
-      c(!0), f(!1);
+      d(!0), u(!1);
     else if (e) {
-      f(!0);
-      const x = setTimeout(() => {
-        c(!1), f(!1);
+      u(!0);
+      const b = setTimeout(() => {
+        d(!1), u(!1);
       }, 200);
-      return () => clearTimeout(x);
+      return () => clearTimeout(b);
     }
   }, [o, e]), j(() => {
-    if (!o || a === 0)
+    if (!o || c === 0)
       return;
-    const x = setTimeout(r, a);
-    return () => clearTimeout(x);
-  }, [o, a, r]), e ? G(
-    /* @__PURE__ */ S(
-      Oo,
+    const b = setTimeout(r, c);
+    return () => clearTimeout(b);
+  }, [o, c, r]), e ? J(
+    /* @__PURE__ */ h(
+      _o,
       {
-        $position: i,
+        $position: a,
         $variant: t,
-        $closing: g,
+        $closing: p,
         role: "alert",
         "aria-live": "polite",
         children: [
-          /* @__PURE__ */ d(Eo, { children: n }),
-          /* @__PURE__ */ d(Vo, { onClick: r, "aria-label": "Close notification", children: "×" })
+          /* @__PURE__ */ l(qo, { children: n }),
+          /* @__PURE__ */ l(Ko, { onClick: r, "aria-label": "Close notification", children: /* @__PURE__ */ l(no, { size: 14, strokeWidth: 2.5 }) })
         ]
       }
     ),
     document.body
   ) : null;
 }
-J.displayName = "Toast";
-const No = l.form`
+so.displayName = "Toast";
+const Uo = i.form`
   display: flex;
   flex-direction: column;
   gap: ${({ theme: o }) => o.spacing[4]};
-`, Ao = l.div`
+`, Zo = i.div`
   display: flex;
   flex-direction: column;
   gap: ${({ theme: o }) => o.spacing[1]};
-`, Mo = l.label`
+`, Xo = i.label`
   font-size: ${({ theme: o }) => o.fontSizes.sm};
   font-weight: 500;
   color: ${({ theme: o }) => o.colors.neutral[900]};
-`, Ro = l.span`
+`, Go = i.span`
   color: ${({ theme: o }) => o.colors.error[500]};
   margin-left: 2px;
   aria-hidden: true;
-`, Po = l.span`
+`, Jo = i.span`
   font-size: ${({ theme: o }) => o.fontSizes.xs};
   color: ${({ $error: o, theme: r }) => o ? r.colors.error[500] : r.colors.neutral[500]};
 `;
-function Yo({ onSubmit: o, children: r, ...n }) {
-  return /* @__PURE__ */ d(
-    No,
+function Qo({ onSubmit: o, children: r, ...n }) {
+  return /* @__PURE__ */ l(
+    Uo,
     {
       onSubmit: (t) => {
         t.preventDefault(), o?.(t);
@@ -725,119 +826,45 @@ function Yo({ onSubmit: o, children: r, ...n }) {
     }
   );
 }
-Yo.displayName = "Form";
-function Do({
+Qo.displayName = "Form";
+function or({
   label: o,
   error: r,
   helperText: n,
   required: t,
-  children: a
+  children: c
 }) {
-  const i = E(), e = `${i}-hint`, c = !!(r || n), g = typeof r == "string" ? r : void 0, f = D.isValidElement(a) ? D.cloneElement(
-    a,
+  const a = F(), e = `${a}-hint`, d = !!(r || n), p = typeof r == "string" ? r : void 0, u = H.isValidElement(c) ? H.cloneElement(
+    c,
     {
-      id: i,
-      ...c && { "aria-describedby": e },
+      id: a,
+      ...d && { "aria-describedby": e },
       ...r && { "aria-invalid": !0 }
     }
-  ) : a;
-  return /* @__PURE__ */ S(Ao, { children: [
-    o && /* @__PURE__ */ S(Mo, { htmlFor: i, children: [
+  ) : c;
+  return /* @__PURE__ */ h(Zo, { children: [
+    o && /* @__PURE__ */ h(Xo, { htmlFor: a, children: [
       o,
-      t && /* @__PURE__ */ d(Ro, { "aria-hidden": "true", children: " *" })
+      t && /* @__PURE__ */ l(Go, { "aria-hidden": "true", children: " *" })
     ] }),
-    f,
-    c && /* @__PURE__ */ d(Po, { id: e, $error: !!r, children: g ?? n })
+    u,
+    d && /* @__PURE__ */ l(Jo, { id: e, $error: !!r, children: p ?? n })
   ] });
 }
-Do.displayName = "FormField";
-const Q = (...o) => o.filter((r, n, t) => !!r && r.trim() !== "" && t.indexOf(r) === n).join(" ").trim();
-const _o = (o) => o.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
-const Ho = (o) => o.replace(
-  /^([A-Z])|[\s-_]+(\w)/g,
-  (r, n, t) => t ? t.toUpperCase() : n.toLowerCase()
-);
-const q = (o) => {
-  const r = Ho(o);
-  return r.charAt(0).toUpperCase() + r.slice(1);
-};
-var A = {
-  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 qo = (o) => {
-  for (const r in o)
-    if (r.startsWith("aria-") || r === "role" || r === "title")
-      return !0;
-  return !1;
-}, Ko = Z({}), Uo = () => U(Ko), Zo = X(
-  ({ color: o, size: r, strokeWidth: n, absoluteStrokeWidth: t, className: a = "", children: i, iconNode: e, ...c }, g) => {
-    const {
-      size: f = 24,
-      strokeWidth: x = 2,
-      absoluteStrokeWidth: k = !1,
-      color: v = "currentColor",
-      className: b = ""
-    } = Uo() ?? {}, h = t ?? k ? Number(n ?? x) * 24 / Number(r ?? f) : n ?? x;
-    return R(
-      "svg",
-      {
-        ref: g,
-        ...A,
-        width: r ?? f ?? A.width,
-        height: r ?? f ?? A.height,
-        stroke: o ?? v,
-        strokeWidth: h,
-        className: Q("lucide", b, a),
-        ...!i && !qo(c) && { "aria-hidden": "true" },
-        ...c
-      },
-      [
-        ...e.map(([z, w]) => R(z, w)),
-        ...Array.isArray(i) ? i : [i]
-      ]
-    );
-  }
-);
-const oo = (o, r) => {
-  const n = X(
-    ({ className: t, ...a }, i) => R(Zo, {
-      ref: i,
-      iconNode: r,
-      className: Q(
-        `lucide-${_o(q(o))}`,
-        `lucide-${o}`,
-        t
-      ),
-      ...a
-    })
-  );
-  return n.displayName = q(o), n;
-};
-const Xo = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]], Go = oo("chevron-down", Xo);
-const Jo = [
-  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
-  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-], Qo = oo("x", Jo), or = l.div`
+or.displayName = "FormField";
+const rr = i.div`
   display: inline-flex;
   flex-direction: column;
   gap: ${({ theme: o }) => o.spacing[1]};
   width: ${({ $fullWidth: o }) => o ? "100%" : "auto"};
-`, rr = l.div`
+`, nr = i.div`
   position: relative;
   display: flex;
   width: 100%;
-`, nr = l.span`
+`, sr = i.span`
   font-size: ${({ theme: o }) => o.fontSizes.xs};
   color: ${({ $error: o, theme: r }) => o ? r.colors.error[500] : r.colors.neutral[500]};
-`, sr = l.select`
+`, tr = i.select`
   appearance: none;
   width: 100%;
   border-radius: ${({ theme: o }) => o.radius.md};
@@ -898,7 +925,7 @@ const Jo = [
     cursor: not-allowed;
     opacity: 0.6;
   }
-`, tr = l.button`
+`, ir = i.button`
   position: absolute;
   right: ${({ theme: o }) => o.spacing[3]};
   top: 50%;
@@ -920,7 +947,7 @@ const Jo = [
     outline-offset: 2px;
     border-radius: 2px;
   }
-`, er = l.span`
+`, er = i.span`
   position: absolute;
   right: ${({ theme: o }) => o.spacing[3]};
   top: 50%;
@@ -930,63 +957,63 @@ const Jo = [
   align-items: center;
   color: ${({ theme: o }) => o.colors.neutral[500]};
 `;
-function ir({
+function ar({
   options: o,
   placeholder: r,
   size: n = "md",
   variant: t = "default",
-  error: a,
-  fullWidth: i,
+  error: c,
+  fullWidth: a,
   clearable: e,
-  onClear: c,
-  id: g,
-  value: f,
-  defaultValue: x,
-  onChange: k,
-  ...v
+  onClear: d,
+  id: p,
+  value: u,
+  defaultValue: b,
+  onChange: m,
+  ...$
 }) {
-  const b = E(), h = g ?? b, z = `${h}-hint`, w = typeof a == "string" ? a : void 0, [m, I] = C(
-    x ?? ""
-  ), T = f !== void 0, B = T ? f : m, u = (y) => {
-    T || I(y.target.value), k?.(y);
-  }, p = () => {
-    T || I(""), c?.();
-  }, $ = e && !!B;
-  return /* @__PURE__ */ S(or, { $fullWidth: i, children: [
-    /* @__PURE__ */ S(rr, { children: [
-      /* @__PURE__ */ S(
-        sr,
+  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 = (v) => {
+    T || I(v.target.value), m?.(v);
+  }, g = () => {
+    T || I(""), d?.();
+  }, y = e && !!W;
+  return /* @__PURE__ */ h(rr, { $fullWidth: a, children: [
+    /* @__PURE__ */ h(nr, { children: [
+      /* @__PURE__ */ h(
+        tr,
         {
-          id: h,
+          id: w,
           $size: n,
           $variant: t,
-          $error: !!a,
-          "aria-invalid": !!a,
-          "aria-describedby": w ? z : void 0,
-          value: B,
-          onChange: u,
-          ...v,
+          $error: !!c,
+          "aria-invalid": !!c,
+          "aria-describedby": C ? S : void 0,
+          value: W,
+          onChange: f,
+          ...$,
           children: [
-            r && /* @__PURE__ */ d("option", { value: "", disabled: !0, children: r }),
-            o.map((y) => /* @__PURE__ */ d("option", { value: y.value, disabled: y.disabled, children: y.label }, y.value))
+            r && /* @__PURE__ */ l("option", { value: "", disabled: !0, children: r }),
+            o.map((v) => /* @__PURE__ */ l("option", { value: v.value, disabled: v.disabled, children: v.label }, v.value))
           ]
         }
       ),
-      $ ? /* @__PURE__ */ d(
-        tr,
+      y ? /* @__PURE__ */ l(
+        ir,
         {
           type: "button",
-          onClick: p,
+          onClick: g,
           "aria-label": "Clear selection",
-          children: /* @__PURE__ */ d(Qo, { size: 14 })
+          children: /* @__PURE__ */ l(no, { size: 14 })
         }
-      ) : /* @__PURE__ */ d(er, { "aria-hidden": "true", children: /* @__PURE__ */ d(Go, { size: 14 }) })
+      ) : /* @__PURE__ */ l(er, { "aria-hidden": "true", children: /* @__PURE__ */ l(ro, { size: 14 }) })
     ] }),
-    w && /* @__PURE__ */ d(nr, { id: z, $error: !0, children: w })
+    C && /* @__PURE__ */ l(sr, { id: S, $error: !0, children: C })
   ] });
 }
-ir.displayName = "Select";
-const ar = l.a`
+ar.displayName = "Select";
+const lr = i.a`
   text-decoration: underline;
   text-underline-offset: 2px;
   transition: color 0.15s;
@@ -1012,14 +1039,14 @@ const ar = l.a`
       `
 })[o]}
 `;
-function lr({
+function cr({
   variant: o = "default",
   external: r,
   children: n,
   ...t
 }) {
-  return /* @__PURE__ */ d(
-    ar,
+  return /* @__PURE__ */ l(
+    lr,
     {
       $variant: o,
       ...r && { target: "_blank", rel: "noreferrer" },
@@ -1028,19 +1055,148 @@ function lr({
     }
   );
 }
-lr.displayName = "Link";
-const ro = Z(null);
-function yr({ children: o }) {
-  const [r, n] = C(null), t = W((i) => {
-    n({ ...i, id: Date.now() });
-  }, []), a = to(() => {
-    const i = (e) => t(e);
-    return i.success = (e, c) => t({ ...c, message: e, variant: "success" }), i.error = (e, c) => t({ ...c, message: e, variant: "error" }), i.warning = (e, c) => t({ ...c, message: e, variant: "warning" }), i.info = (e, c) => t({ ...c, message: e, variant: "info" }), i;
+cr.displayName = "Link";
+const dr = i.div`
+  border-radius: ${({ theme: o }) => o.radius.md};
+  background: ${({ theme: o }) => o.colors.neutral[0]};
+  overflow: hidden;
+
+  ${({ theme: o, $accentColor: r }) => o.brutalism ? s`
+          border: ${o.brutalism.borderWidth} solid
+            ${r ?? o.colors.neutral[900]};
+          box-shadow: ${o.brutalism.shadowOffset}
+            ${o.brutalism.shadowOffset} 0
+            ${r ?? o.colors.neutral[900]};
+        ` : s`
+          border: 1px solid ${r ?? o.colors.neutral[200]};
+          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
+        `}
+`, ur = i.button`
+  width: 100%;
+  display: flex;
+  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]};
+  border: none;
+  cursor: pointer;
+  text-align: left;
+
+  &:hover {
+    background: ${({ theme: o }) => o.colors.neutral[100]};
+  }
+
+  &:focus-visible {
+    outline: 2px solid
+      ${({ theme: o, $accentColor: r }) => r ?? o.colors.primary[500]};
+    outline-offset: -2px;
+  }
+`, fr = i.div`
+  flex: 1;
+  min-width: 0;
+`, pr = i.span`
+  display: block;
+  font-size: ${({ theme: o }) => o.fontSizes.md};
+  font-weight: 600;
+  color: ${({ theme: o }) => o.colors.neutral[900]};
+`, gr = i.span`
+  display: block;
+  font-size: ${({ theme: o }) => o.fontSizes.sm};
+  color: ${({ theme: o }) => o.colors.neutral[500]};
+`, $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]};
+`, xr = i.span`
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  transition: transform 0.2s ease;
+  transform: ${({ $open: o }) => o ? "rotate(180deg)" : "rotate(0deg)"};
+  color: ${({ theme: o, $accentColor: r }) => r ?? o.colors.neutral[500]};
+`, yr = i.div`
+  display: grid;
+  grid-template-rows: ${({ $open: o }) => o ? "1fr" : "0fr"};
+  transition: grid-template-rows 0.2s ease;
+`, 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 mr({
+  title: o,
+  children: r,
+  defaultOpen: n = !1,
+  open: t,
+  onToggle: c,
+  subtitle: a,
+  headerActions: e,
+  accentColor: d
+}) {
+  const [p, u] = z(n), b = F(), m = t !== void 0, $ = m ? t : p;
+  return /* @__PURE__ */ h(dr, { $accentColor: d, children: [
+    /* @__PURE__ */ h(
+      ur,
+      {
+        type: "button",
+        $open: $,
+        $accentColor: d,
+        "aria-expanded": $,
+        "aria-controls": b,
+        onClick: () => {
+          const w = !$;
+          m || u(w), c?.(w);
+        },
+        children: [
+          /* @__PURE__ */ h(fr, { children: [
+            /* @__PURE__ */ l(pr, { children: o }),
+            (a || e) && /* @__PURE__ */ h($r, { children: [
+              a && /* @__PURE__ */ l(gr, { children: a }),
+              e && /* @__PURE__ */ l(br, { onClick: (w) => w.stopPropagation(), children: e })
+            ] })
+          ] }),
+          /* @__PURE__ */ l(
+            xr,
+            {
+              $open: $,
+              $accentColor: d,
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ l(ro, { size: 18, strokeWidth: 2.5 })
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ l(yr, { $open: $, children: /* @__PURE__ */ l(wr, { id: b, role: "region", "aria-label": o, children: /* @__PURE__ */ l(vr, { children: r }) }) })
+  ] });
+}
+mr.displayName = "CollapsibleCard";
+const to = X(null);
+function Or({ children: o }) {
+  const [r, n] = z(null), t = B((a) => {
+    n({ ...a, id: Date.now() });
+  }, []), c = ao(() => {
+    const a = (e) => t(e);
+    return a.success = (e, d) => t({ ...d, message: e, variant: "success" }), a.error = (e, d) => t({ ...d, message: e, variant: "error" }), a.warning = (e, d) => t({ ...d, message: e, variant: "warning" }), a.info = (e, d) => t({ ...d, message: e, variant: "info" }), a;
   }, [t]);
-  return /* @__PURE__ */ S(ro.Provider, { value: { toast: a }, children: [
+  return /* @__PURE__ */ h(to.Provider, { value: { toast: c }, children: [
     o,
-    r && /* @__PURE__ */ d(
-      J,
+    r && /* @__PURE__ */ l(
+      so,
       {
         open: !0,
         onClose: () => n(null),
@@ -1053,89 +1209,89 @@ function yr({ children: o }) {
     )
   ] });
 }
-function mr() {
-  const o = U(ro);
+function Lr() {
+  const o = Z(to);
   if (!o)
     throw new Error("useToast must be used within a ToastProvider");
   return o;
 }
-function vr({
+function jr({
   initialValues: o,
   validate: r,
   onSubmit: n,
   onError: t
 }) {
-  const [a, i] = C(o), [e, c] = C(
+  const [c, a] = z(o), [e, d] = z(
     {}
-  ), [g, f] = C({}), [x, k] = C(!1), v = M(a);
-  v.current = a;
-  const b = W(
-    (u) => {
+  ), [p, u] = z({}), [b, m] = z(!1), $ = M(c);
+  $.current = c;
+  const x = B(
+    (f) => {
       if (!r)
         return {};
-      const p = r(u);
+      const g = r(f);
       return Object.fromEntries(
-        Object.entries(p).filter(([, $]) => $ !== void 0)
+        Object.entries(g).filter(([, y]) => y !== void 0)
       );
     },
     [r]
-  ), h = M(g);
-  h.current = g;
-  const z = W(
-    (u) => {
-      const { name: p, value: $ } = u.target, y = { ...v.current, [p]: $ };
-      i(y), h.current[p] && c(b(y));
+  ), w = M(p);
+  w.current = p;
+  const S = B(
+    (f) => {
+      const { name: g, value: y } = f.target, v = { ...$.current, [g]: y };
+      a(v), w.current[g] && d(x(v));
     },
-    [b]
-  ), w = W(
-    (u) => {
-      const { name: p } = u.target;
-      f(($) => ({ ...$, [p]: !0 })), c(b(v.current));
+    [x]
+  ), C = B(
+    (f) => {
+      const { name: g } = f.target;
+      u((y) => ({ ...y, [g]: !0 })), d(x($.current));
     },
-    [b]
-  ), m = W(
-    (u) => {
-      u?.preventDefault();
-      const p = Object.keys(v.current).reduce(
-        (O, V) => ({ ...O, [V]: !0 }),
+    [x]
+  ), k = B(
+    (f) => {
+      f?.preventDefault();
+      const g = Object.keys($.current).reduce(
+        (E, V) => ({ ...E, [V]: !0 }),
         {}
       );
-      f(p);
-      const $ = b(v.current);
-      if (c($), Object.keys($).length > 0) {
-        t?.($);
+      u(g);
+      const y = x($.current);
+      if (d(y), Object.keys(y).length > 0) {
+        t?.(y);
         return;
       }
       (async () => {
-        k(!0);
+        m(!0);
         try {
-          await n?.(v.current);
+          await n?.($.current);
         } finally {
-          k(!1);
+          m(!1);
         }
       })();
     },
-    [b, n, t]
-  ), I = W((u, p) => {
-    i(($) => ({ ...$, [u]: p }));
-  }, []), T = W(() => {
-    i(o), c({}), f({}), k(!1);
-  }, [o]), B = Object.fromEntries(
-    Object.entries(e).filter(([u]) => g[u])
+    [x, n, t]
+  ), I = B((f, g) => {
+    a((y) => ({ ...y, [f]: g }));
+  }, []), T = B(() => {
+    a(o), d({}), u({}), m(!1);
+  }, [o]), W = Object.fromEntries(
+    Object.entries(e).filter(([f]) => p[f])
   );
   return {
-    values: a,
-    errors: B,
-    touched: g,
-    handleChange: z,
-    handleBlur: w,
-    handleSubmit: m,
+    values: c,
+    errors: W,
+    touched: p,
+    handleChange: S,
+    handleBlur: C,
+    handleSubmit: k,
     setFieldValue: I,
     reset: T,
-    isSubmitting: x
+    isSubmitting: b
   };
 }
-const K = {
+const U = {
   primary: {
     50: "#f0f8ff",
     500: "#0070f3",
@@ -1167,38 +1323,38 @@ const K = {
     50: "#eff6ff",
     500: "#2563eb"
   }
-}, cr = {
+}, kr = {
   1: "4px",
   2: "8px",
   3: "12px",
   4: "16px",
   5: "20px",
   6: "24px"
-}, dr = {
+}, hr = {
   md: "6px"
-}, ur = {
+}, Cr = {
   modal: 1e3,
   toast: 1100
-}, fr = {
+}, zr = {
   xs: "12px",
   sm: "14px",
   md: "16px",
   lg: "18px"
-}, wr = {
-  colors: { ...K, primary: { ...K.primary, contrast: "#ffffff" } },
-  spacing: cr,
-  fontSizes: fr,
-  radius: dr,
-  zIndex: ur,
+}, Fr = {
+  colors: { ...U, primary: { ...U.primary, contrast: "#ffffff" } },
+  spacing: kr,
+  fontSizes: zr,
+  radius: hr,
+  zIndex: Cr,
   shadows: {
     focusRing: "0 0 0 2px rgba(0, 112, 243, 0.25)"
   }
 };
-function pr(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, a = (e) => e <= 0.03928 ? e / 12.92 : ((e + 0.055) / 1.055) ** 2.4;
-  return 0.2126 * a(r) + 0.7152 * a(n) + 0.0722 * a(t) > 0.179 ? "#111111" : "#ffffff";
+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";
 }
-const P = {
+const Y = {
   colors: {
     primary: {
       50: "#fffde6",
@@ -1228,41 +1384,42 @@ const P = {
   shadows: { focusRing: "3px 3px 0 #111111" },
   brutalism: { borderWidth: "2px", shadowOffset: "4px" }
 };
-function kr(o) {
+function Er(o) {
   return {
-    ...P,
+    ...Y,
     colors: {
-      ...P.colors,
+      ...Y.colors,
       primary: {
         50: "#fffff0",
         500: o,
         700: o,
-        contrast: pr(o)
+        contrast: Sr(o)
       }
     }
   };
 }
-function hr({
-  theme: o = P,
+function Nr({
+  theme: o = Y,
   children: r
 }) {
-  return /* @__PURE__ */ d(so, { theme: o, children: r });
+  return /* @__PURE__ */ l(eo, { theme: o, children: r });
 }
 export {
-  io as Badge,
-  lo as Button,
-  Yo as Form,
-  Do as FormField,
-  bo as Input,
-  lr as Link,
-  Bo as Modal,
-  ir as Select,
-  hr as ThemeProvider,
-  J as Toast,
-  yr as ToastProvider,
-  kr as createNeoBrutalTheme,
-  wr as defaultTheme,
-  P as neoBrutalTheme,
-  vr as useForm,
-  mr as useToast
+  co as Badge,
+  fo as Button,
+  mr as CollapsibleCard,
+  Qo as Form,
+  or as FormField,
+  wo as Input,
+  cr as Link,
+  Lo as Modal,
+  ar as Select,
+  Nr as ThemeProvider,
+  so as Toast,
+  Or as ToastProvider,
+  Er as createNeoBrutalTheme,
+  Fr as defaultTheme,
+  Y as neoBrutalTheme,
+  jr as useForm,
+  Lr as useToast
 };