@orion-ds/react 5.2.0 → 5.3.1

package/dist/components/CollapsibleFolder/CollapsibleFolder.mjs

@@ -1,98 +1,102 @@
 import { jsx as t, jsxs as a } from "react/jsx-runtime";
-import oe, { useState as u, useRef as le } from "react";
-import { ChevronDown as R, MoreHorizontal as ie } from "lucide-react";
-import { MissingDependencyError as se } from "../MissingDependencyError.mjs";
+import se, { useState as s, useRef as de, useEffect as ce } from "react";
+import { ChevronDown as z, MoreHorizontal as me } from "lucide-react";
+import { MissingDependencyError as pe } from "../MissingDependencyError.mjs";
+import { checkComponent as fe } from "../../utils/optionalDeps.mjs";
 import r from "./CollapsibleFolder.module.css.mjs";
-import { Collapsible as v } from "../Collapsible/Collapsible.mjs";
-import { Badge as de } from "../Badge/Badge.mjs";
-import { Dropdown as w } from "../Dropdown/Dropdown.mjs";
-import { Button as z } from "../Button/Button.mjs";
-let A, O = null;
+import { Collapsible as D } from "../Collapsible/Collapsible.mjs";
+import { Badge as ge } from "../Badge/Badge.mjs";
+import { Dropdown as A } from "../Dropdown/Dropdown.mjs";
+import { Button as O } from "../Button/Button.mjs";
+let B;
 try {
-  A = require("@dnd-kit/core").useDroppable;
-} catch (l) {
-  O = l instanceof Error ? l : new Error("@dnd-kit/core not found");
+  B = require("@dnd-kit/core").useDroppable;
+} catch {
 }
-function ce(l) {
-  if (O)
-    return /* @__PURE__ */ t(
-      se,
-      {
-        available: !1,
-        componentName: "CollapsibleFolder",
-        depName: ["@dnd-kit/core", "@dnd-kit/sortable", "@dnd-kit/utilities"],
-        installCommand: "npm install @dnd-kit/core @dnd-kit/sortable @dnd-kit/utilities",
-        pnpmCommand: "pnpm add @dnd-kit/core @dnd-kit/sortable @dnd-kit/utilities",
-        docsUrl: "https://docs.orion-ds.dev/components/collapsible-folder"
-      }
-    );
+function he(p) {
   const {
-    id: p,
-    title: B,
-    itemCount: D,
+    id: f,
+    title: j,
+    itemCount: b,
     items: i,
-    renderItem: j,
-    itemLabel: K = "Item",
-    itemLabelPlural: $ = "Items",
-    emptyText: q = "No items in this folder",
-    sortLabel: b = "Sort",
-    defaultExpanded: M = !0,
+    renderItem: $,
+    itemLabel: q = "Item",
+    itemLabelPlural: K = "Items",
+    emptyText: M = "No items in this folder",
+    sortLabel: N = "Sort",
+    defaultExpanded: P = !0,
     sortOptions: d,
     selectedSort: Y,
     onSortChange: H,
-    onDrop: N,
-    onFolderEdit: C,
-    onFolderDelete: k,
+    onDrop: C,
+    onFolderEdit: y,
+    onFolderDelete: I,
     onFolderInvite: T,
-    isDropTarget: P = !1,
-    isDropCompleted: U = !1,
-    onDragEnter: Z,
+    isDropTarget: Z = !1,
+    isDropCompleted: G = !1,
+    onDragEnter: J,
     onDragLeaveFolder: x,
-    className: G,
-    ...J
-  } = l, [g, Q] = u(M), [f, c] = u(null), [y, h] = u(!1), I = le(null), { setNodeRef: V } = A({ id: p }), W = (e) => {
-    if (e.preventDefault(), e.dataTransfer.dropEffect = "move", y || (h(!0), Z?.()), !g || i.length === 0) {
+    className: Q,
+    ...U
+  } = p, [L, g] = s(), [V, W] = s(!0), [h, X] = s(P), [u, c] = s(null), [E, v] = s(!1), k = de(null), { setNodeRef: _ } = B({ id: f });
+  if (ce(() => {
+    (async () => {
+      try {
+        const n = fe("CollapsibleFolder");
+        n instanceof Promise ? g(await n) : g(n);
+      } catch {
+        g(void 0);
+      } finally {
+        W(!1);
+      }
+    })();
+  }, []), L)
+    return /* @__PURE__ */ t(pe, { ...L });
+  if (V)
+    return /* @__PURE__ */ t("div", { children: "Loading folder..." });
+  const ee = (e) => {
+    if (e.preventDefault(), e.dataTransfer.dropEffect = "move", E || (v(!0), J?.()), !h || i.length === 0) {
       c(0);
       return;
     }
-    const n = I.current;
+    const n = k.current;
     if (!n) return;
     const o = Array.from(
       n.querySelectorAll("[data-item-id]")
-    ), ae = e.clientY;
-    let E = o.length;
+    ), le = e.clientY;
+    let S = o.length;
     for (let m = 0; m < o.length; m++) {
-      const F = o[m];
-      if (!F) continue;
-      const S = F.getBoundingClientRect();
-      if (ae < S.top + S.height / 2) {
-        E = m;
+      const R = o[m];
+      if (!R) continue;
+      const w = R.getBoundingClientRect();
+      if (le < w.top + w.height / 2) {
+        S = m;
         break;
       }
     }
-    c(E);
-  }, X = (e) => {
-    e.currentTarget.contains(e.relatedTarget) || (h(!1), c(null), x?.());
-  }, _ = (e) => {
+    c(S);
+  }, te = (e) => {
+    e.currentTarget.contains(e.relatedTarget) || (v(!1), c(null), x?.());
+  }, re = (e) => {
     e.preventDefault();
     const n = e.dataTransfer.getData("text/plain") || e.dataTransfer.getData("itemId");
-    if (n && N) {
-      const o = f ?? i.length;
-      N(n, p, o);
+    if (n && C) {
+      const o = u ?? i.length;
+      C(n, f, o);
     }
-    h(!1), c(null), x?.();
-  }, ee = (e, n) => {
+    v(!1), c(null), x?.();
+  }, ne = (e, n) => {
     e.dataTransfer.effectAllowed = "move", e.dataTransfer.setData("text/plain", n);
-  }, te = d?.map((e) => ({
+  }, ae = d?.map((e) => ({
     id: e.value,
     label: e.label,
     onClick: () => H?.(e.value)
-  })), L = [
-    ...C ? [
+  })), F = [
+    ...y ? [
       {
         id: "rename",
         label: "Rename",
-        onClick: C
+        onClick: y
       }
     ] : [],
     ...T ? [
@@ -102,90 +106,90 @@ function ce(l) {
         onClick: T
       }
     ] : [],
-    ...k ? [
+    ...I ? [
       {
         id: "delete",
         label: "Delete folder",
         danger: !0,
-        onClick: k
+        onClick: I
       }
     ] : []
-  ], s = P || y, re = [
+  ], l = Z || E, oe = [
     r.folder,
-    s && r.dropTarget,
-    U && r.dropCompleted,
-    G
-  ].filter(Boolean).join(" "), ne = D === 1 ? K : $;
+    l && r.dropTarget,
+    G && r.dropCompleted,
+    Q
+  ].filter(Boolean).join(" "), ie = b === 1 ? q : K;
   return /* @__PURE__ */ t(
     "div",
     {
-      ref: V,
-      className: re,
-      "data-folder-id": p,
-      "data-drop-active": s,
-      onDragOver: W,
-      onDragLeave: X,
-      onDrop: _,
-      ...J,
-      children: /* @__PURE__ */ a(v, { open: g, onOpenChange: Q, children: [
+      ref: _,
+      className: oe,
+      "data-folder-id": f,
+      "data-drop-active": l,
+      onDragOver: ee,
+      onDragLeave: te,
+      onDrop: re,
+      ...U,
+      children: /* @__PURE__ */ a(D, { open: h, onOpenChange: X, children: [
         /* @__PURE__ */ a("div", { className: r.header, children: [
-          /* @__PURE__ */ a(v.Trigger, { className: r.trigger, children: [
+          /* @__PURE__ */ a(D.Trigger, { className: r.trigger, children: [
             /* @__PURE__ */ t(
-              R,
+              z,
               {
                 size: 20,
-                className: `${r.chevron} ${g ? r.expanded : ""}`
+                className: `${r.chevron} ${h ? r.expanded : ""}`
               }
             ),
-            /* @__PURE__ */ t("h2", { className: r.title, children: B }),
-            /* @__PURE__ */ a(de, { variant: "secondary", className: r.badge, children: [
-              D,
+            /* @__PURE__ */ t("h2", { className: r.title, children: j }),
+            /* @__PURE__ */ a(ge, { variant: "secondary", className: r.badge, children: [
+              b,
               /* @__PURE__ */ a("span", { className: r.badgeLabel, children: [
                 " ",
-                ne
+                ie
               ] })
             ] })
           ] }),
           /* @__PURE__ */ a("div", { className: r.actions, children: [
             d && d.length > 0 && /* @__PURE__ */ t("div", { className: r.sortDropdown, children: /* @__PURE__ */ t(
-              w,
+              A,
               {
                 trigger: /* @__PURE__ */ t(
-                  z,
+                  O,
                   {
                     variant: "ghost",
                     size: "sm",
-                    iconRight: /* @__PURE__ */ t(R, { size: 16 }),
-                    "aria-label": `Sort by ${b}`,
-                    children: d.find((e) => e.value === Y)?.label || b
+                    iconRight: /* @__PURE__ */ t(z, { size: 16 }),
+                    "aria-label": `Sort by ${N}`,
+                    children: d.find((e) => e.value === Y)?.label || N
                   }
                 ),
-                items: te,
+                items: ae,
                 placement: "bottom-end"
               }
             ) }),
-            L.length > 0 && /* @__PURE__ */ t(
-              w,
+            F.length > 0 && /* @__PURE__ */ t(
+              A,
               {
                 trigger: /* @__PURE__ */ t(
-                  z,
+                  O,
                   {
                     variant: "ghost",
                     size: "sm",
                     iconOnly: !0,
-                    icon: /* @__PURE__ */ t(ie, { size: 20 }),
+                    icon: /* @__PURE__ */ t(me, { size: 20 }),
                     "aria-label": "Folder actions"
                   }
                 ),
-                items: L,
+                items: F,
                 placement: "bottom-end"
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ t(v.Content, { children: /* @__PURE__ */ t("div", { className: r.content, children: i.length === 0 ? s ? /* @__PURE__ */ t("div", { className: r.emptyDropZone, children: /* @__PURE__ */ t("div", { className: r.insertionLine, role: "presentation" }) }) : /* @__PURE__ */ t("div", { className: r.emptyState, children: /* @__PURE__ */ t("p", { className: r.emptyText, children: q }) }) : /* @__PURE__ */ a("div", { className: r.grid, ref: I, children: [
-          i.map((e, n) => /* @__PURE__ */ a(oe.Fragment, { children: [
-            s && f === n && /* @__PURE__ */ t(
+        /* @__PURE__ */ t(D.Content, { children: /* @__PURE__ */ t("div", { className: r.content, children: i.length === 0 ? l ? /* @__PURE__ */ t("div", { className: r.emptyDropZone, children: /* @__PURE__ */ t("div", { className: r.insertionLine, role: "presentation" }) }) : /* @__PURE__ */ t("div", { className: r.emptyState, children: /* @__PURE__ */ t("p", { className: r.emptyText, children: M }) }) : /* @__PURE__ */ a("div", { className: r.grid, ref: k, children: [
+          i.map((e, n) => /* @__PURE__ */ a(se.Fragment, { children: [
+            l && u === n && /* @__PURE__ */ t(
               "div",
               {
                 className: r.insertionLine,
@@ -197,18 +201,18 @@ function ce(l) {
               {
                 "data-item-id": e.id,
                 draggable: e.draggable,
-                onDragStart: (o) => ee(o, e.id),
-                children: j(e, n)
+                onDragStart: (o) => ne(o, e.id),
+                children: $(e, n)
               }
             )
           ] }, e.id)),
-          s && f === i.length && /* @__PURE__ */ t("div", { className: r.insertionLine, role: "presentation" })
+          l && u === i.length && /* @__PURE__ */ t("div", { className: r.insertionLine, role: "presentation" })
         ] }) }) })
       ] })
     }
   );
 }
-ce.displayName = "CollapsibleFolder";
+he.displayName = "CollapsibleFolder";
 export {
-  ce as CollapsibleFolder
+  he as CollapsibleFolder
 };

package/dist/components/DatePicker/DatePicker.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),d=require("react"),F=require("lucide-react"),M=require("../MissingDependencyError.cjs"),l=require("./DatePicker.module.css.cjs"),j=require("../Calendar/Calendar.cjs"),O=require("../Popover/Popover.cjs"),R=require("../Button/Button.cjs");let o,v=null;try{o=require("date-fns").format}catch(e){v=e instanceof Error?e:new Error("date-fns not found")}const x=e=>{if(v)return t.jsx(M.MissingDependencyError,{available:!1,componentName:"DatePicker",depName:"date-fns",installCommand:"npm install date-fns",pnpmCommand:"pnpm add date-fns",docsUrl:"https://docs.orion-ds.dev/components/date-picker"});const{mode:n="single",min:C,max:b,disabledDates:P,placeholder:u="Pick a date",presets:i,format:r="PPP",disabled:S=!1,triggerClassName:N,className:k}=e,[D,c]=d.useState(!1),f=d.useMemo(()=>n==="single"&&e.mode!=="range"?e.selected?o(e.selected,r):null:n==="range"&&e.mode==="range"&&e.selected?.from?e.selected.to?`${o(e.selected.from,r)} - ${o(e.selected.to,r)}`:o(e.selected.from,r):null,[n,e,r]),g=d.useCallback(a=>{if(n==="single"&&e.mode!=="range"){const s=e.onSelect;s?.(a),c(!1)}else if(n==="range"&&e.mode==="range"){const s=e.onSelect,m=a;s?.(m),m?.from&&m?.to&&c(!1)}},[n,e]),q=d.useCallback(a=>{if(n==="single"&&e.mode!=="range"){const s=e.onSelect;s?.(a.value)}else if(n==="range"&&e.mode==="range"){const s=e.onSelect;s?.(a.value)}c(!1)},[n,e]),y=[l.default.trigger,N].filter(Boolean).join(" "),w=[l.default.wrapper,k].filter(Boolean).join(" "),h={min:C,max:b,disabled:P},B=t.jsxs("div",{className:l.default.popoverContent,children:[i&&i.length>0&&t.jsx("div",{className:l.default.presets,children:i.map(a=>t.jsx("button",{type:"button",className:l.default.presetButton,onClick:()=>q(a),children:a.label},a.label))}),n==="single"?t.jsx(j.Calendar,{mode:"single",selected:e.mode!=="range"?e.selected:void 0,onSelect:g,...h}):t.jsx(j.Calendar,{mode:"range",selected:e.mode==="range"?e.selected:void 0,onSelect:g,...h})]}),E=t.jsx(R.Button,{variant:"secondary",className:y,disabled:S,"aria-label":u,icon:t.jsx(F.Calendar,{size:16,className:l.default.triggerIcon}),children:f?t.jsx("span",{children:f}):t.jsx("span",{className:l.default.placeholder,children:u})});return t.jsx("div",{className:w,children:t.jsx(O.Popover,{trigger:E,content:B,placement:"bottom-start",open:D,onOpenChange:c,showArrow:!1,offset:4,className:l.default.popover})})};x.displayName="DatePicker";exports.DatePicker=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("react"),R=require("lucide-react"),I=require("../MissingDependencyError.cjs"),T=require("../../utils/optionalDeps.cjs"),l=require("./DatePicker.module.css.cjs"),C=require("../Calendar/Calendar.cjs"),$=require("../Popover/Popover.cjs"),z=require("../Button/Button.cjs");let o;try{o=require("date-fns").format}catch{}const S=e=>{const{mode:a="single",min:k,max:v,disabledDates:P,placeholder:m="Pick a date",presets:d,format:c="PPP",disabled:b=!1,triggerClassName:D,className:y}=e,[g,u]=r.useState(),[N,q]=r.useState(!0),[w,i]=r.useState(!1),h=r.useMemo(()=>a==="single"&&e.mode!=="range"?e.selected?o(e.selected,c):null:a==="range"&&e.mode==="range"&&e.selected?.from?e.selected.to?`${o(e.selected.from,c)} - ${o(e.selected.to,c)}`:o(e.selected.from,c):null,[a,e,c]),j=r.useCallback(s=>{if(a==="single"&&e.mode!=="range"){const n=e.onSelect;n?.(s),i(!1)}else if(a==="range"&&e.mode==="range"){const n=e.onSelect,f=s;n?.(f),f?.from&&f?.to&&i(!1)}},[a,e]),B=r.useCallback(s=>{if(a==="single"&&e.mode!=="range"){const n=e.onSelect;n?.(s.value)}else if(a==="range"&&e.mode==="range"){const n=e.onSelect;n?.(s.value)}i(!1)},[a,e]);if(r.useEffect(()=>{(async()=>{try{const n=T.checkComponent("DatePicker");n instanceof Promise?u(await n):u(n)}catch{u(void 0)}finally{q(!1)}})()},[]),g)return t.jsx(I.MissingDependencyError,{...g});if(N)return t.jsx("div",{children:"Loading date picker..."});const E=[l.default.trigger,D].filter(Boolean).join(" "),M=[l.default.wrapper,y].filter(Boolean).join(" "),x={min:k,max:v,disabled:P},F=t.jsxs("div",{className:l.default.popoverContent,children:[d&&d.length>0&&t.jsx("div",{className:l.default.presets,children:d.map(s=>t.jsx("button",{type:"button",className:l.default.presetButton,onClick:()=>B(s),children:s.label},s.label))}),a==="single"?t.jsx(C.Calendar,{mode:"single",selected:e.mode!=="range"?e.selected:void 0,onSelect:j,...x}):t.jsx(C.Calendar,{mode:"range",selected:e.mode==="range"?e.selected:void 0,onSelect:j,...x})]}),O=t.jsx(z.Button,{variant:"secondary",className:E,disabled:b,"aria-label":m,icon:t.jsx(R.Calendar,{size:16,className:l.default.triggerIcon}),children:h?t.jsx("span",{children:h}):t.jsx("span",{className:l.default.placeholder,children:m})});return t.jsx("div",{className:M,children:t.jsx($.Popover,{trigger:O,content:F,placement:"bottom-start",open:w,onOpenChange:i,showArrow:!1,offset:4,className:l.default.popover})})};S.displayName="DatePicker";exports.DatePicker=S;

package/dist/components/DatePicker/DatePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAyC,MAAM,OAAO,CAAC;AAO9D,OAAO,KAAK,EAAE,eAAe,EAAoB,MAAM,oBAAoB,CAAC;AAe5E,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAsKhD,CAAC"}
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAoD,MAAM,OAAO,CAAC;AAWzE,OAAO,KAAK,EAAE,eAAe,EAAoB,MAAM,oBAAoB,CAAC;AAc5E,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA0LhD,CAAC"}

package/dist/components/DatePicker/DatePicker.mjs

@@ -1,114 +1,118 @@
-import { jsxs as F, jsx as n } from "react/jsx-runtime";
-import { useState as $, useMemo as M, useCallback as h } from "react";
-import { Calendar as O } from "lucide-react";
-import { MissingDependencyError as q } from "../MissingDependencyError.mjs";
+import { jsx as n, jsxs as O } from "react/jsx-runtime";
+import { useState as f, useMemo as q, useCallback as k, useEffect as z } from "react";
+import { Calendar as A } from "lucide-react";
+import { MissingDependencyError as L } from "../MissingDependencyError.mjs";
+import { checkComponent as T } from "../../utils/optionalDeps.mjs";
 import l from "./DatePicker.module.css.mjs";
-import { Calendar as v } from "../Calendar/Calendar.mjs";
-import { Popover as z } from "../Popover/Popover.mjs";
-import { Button as A } from "../Button/Button.mjs";
-let s, C = null;
+import { Calendar as S } from "../Calendar/Calendar.mjs";
+import { Popover as G } from "../Popover/Popover.mjs";
+import { Button as H } from "../Button/Button.mjs";
+let s;
 try {
   s = require("date-fns").format;
-} catch (e) {
-  C = e instanceof Error ? e : new Error("date-fns not found");
+} catch {
 }
-const I = (e) => {
-  if (C)
-    return /* @__PURE__ */ n(
-      q,
-      {
-        available: !1,
-        componentName: "DatePicker",
-        depName: "date-fns",
-        installCommand: "npm install date-fns",
-        pnpmCommand: "pnpm add date-fns",
-        docsUrl: "https://docs.orion-ds.dev/components/date-picker"
-      }
-    );
+const J = (e) => {
   const {
-    mode: t = "single",
+    mode: a = "single",
     min: N,
-    max: S,
+    max: P,
     disabledDates: b,
-    placeholder: m = "Pick a date",
-    presets: d,
-    format: r = "PPP",
-    disabled: P = !1,
-    triggerClassName: k,
-    className: y
-  } = e, [D, c] = $(!1), f = M(() => t === "single" && e.mode !== "range" ? e.selected ? s(e.selected, r) : null : t === "range" && e.mode === "range" && e.selected?.from ? e.selected.to ? `${s(e.selected.from, r)} - ${s(e.selected.to, r)}` : s(e.selected.from, r) : null, [t, e, r]), g = h(
-    (a) => {
-      if (t === "single" && e.mode !== "range") {
-        const o = e.onSelect;
-        o?.(a), c(!1);
-      } else if (t === "range" && e.mode === "range") {
-        const o = e.onSelect, i = a;
-        o?.(i), i?.from && i?.to && c(!1);
+    placeholder: g = "Pick a date",
+    presets: i,
+    format: o = "PPP",
+    disabled: y = !1,
+    triggerClassName: D,
+    className: w
+  } = e, [u, d] = f(), [x, j] = f(!0), [B, c] = f(!1), h = q(() => a === "single" && e.mode !== "range" ? e.selected ? s(e.selected, o) : null : a === "range" && e.mode === "range" && e.selected?.from ? e.selected.to ? `${s(e.selected.from, o)} - ${s(e.selected.to, o)}` : s(e.selected.from, o) : null, [a, e, o]), C = k(
+    (r) => {
+      if (a === "single" && e.mode !== "range") {
+        const t = e.onSelect;
+        t?.(r), c(!1);
+      } else if (a === "range" && e.mode === "range") {
+        const t = e.onSelect, m = r;
+        t?.(m), m?.from && m?.to && c(!1);
       }
     },
-    [t, e]
-  ), w = h(
-    (a) => {
-      if (t === "single" && e.mode !== "range") {
-        const o = e.onSelect;
-        o?.(a.value);
-      } else if (t === "range" && e.mode === "range") {
-        const o = e.onSelect;
-        o?.(a.value);
+    [a, e]
+  ), E = k(
+    (r) => {
+      if (a === "single" && e.mode !== "range") {
+        const t = e.onSelect;
+        t?.(r.value);
+      } else if (a === "range" && e.mode === "range") {
+        const t = e.onSelect;
+        t?.(r.value);
       }
       c(!1);
     },
-    [t, e]
-  ), x = [l.trigger, k].filter(Boolean).join(" "), j = [l.wrapper, y].filter(Boolean).join(" "), u = {
+    [a, e]
+  );
+  if (z(() => {
+    (async () => {
+      try {
+        const t = T("DatePicker");
+        t instanceof Promise ? d(await t) : d(t);
+      } catch {
+        d(void 0);
+      } finally {
+        j(!1);
+      }
+    })();
+  }, []), u)
+    return /* @__PURE__ */ n(L, { ...u });
+  if (x)
+    return /* @__PURE__ */ n("div", { children: "Loading date picker..." });
+  const F = [l.trigger, D].filter(Boolean).join(" "), $ = [l.wrapper, w].filter(Boolean).join(" "), v = {
     min: N,
-    max: S,
+    max: P,
     disabled: b
-  }, B = /* @__PURE__ */ F("div", { className: l.popoverContent, children: [
-    d && d.length > 0 && /* @__PURE__ */ n("div", { className: l.presets, children: d.map((a) => /* @__PURE__ */ n(
+  }, I = /* @__PURE__ */ O("div", { className: l.popoverContent, children: [
+    i && i.length > 0 && /* @__PURE__ */ n("div", { className: l.presets, children: i.map((r) => /* @__PURE__ */ n(
       "button",
       {
         type: "button",
         className: l.presetButton,
-        onClick: () => w(a),
-        children: a.label
+        onClick: () => E(r),
+        children: r.label
       },
-      a.label
+      r.label
     )) }),
-    t === "single" ? /* @__PURE__ */ n(
-      v,
+    a === "single" ? /* @__PURE__ */ n(
+      S,
       {
         mode: "single",
         selected: e.mode !== "range" ? e.selected : void 0,
-        onSelect: g,
-        ...u
+        onSelect: C,
+        ...v
       }
     ) : /* @__PURE__ */ n(
-      v,
+      S,
       {
         mode: "range",
         selected: e.mode === "range" ? e.selected : void 0,
-        onSelect: g,
-        ...u
+        onSelect: C,
+        ...v
       }
     )
-  ] }), E = /* @__PURE__ */ n(
-    A,
+  ] }), M = /* @__PURE__ */ n(
+    H,
     {
       variant: "secondary",
-      className: x,
-      disabled: P,
-      "aria-label": m,
-      icon: /* @__PURE__ */ n(O, { size: 16, className: l.triggerIcon }),
-      children: f ? /* @__PURE__ */ n("span", { children: f }) : /* @__PURE__ */ n("span", { className: l.placeholder, children: m })
+      className: F,
+      disabled: y,
+      "aria-label": g,
+      icon: /* @__PURE__ */ n(A, { size: 16, className: l.triggerIcon }),
+      children: h ? /* @__PURE__ */ n("span", { children: h }) : /* @__PURE__ */ n("span", { className: l.placeholder, children: g })
     }
   );
-  return /* @__PURE__ */ n("div", { className: j, children: /* @__PURE__ */ n(
-    z,
+  return /* @__PURE__ */ n("div", { className: $, children: /* @__PURE__ */ n(
+    G,
     {
-      trigger: E,
-      content: B,
+      trigger: M,
+      content: I,
       placement: "bottom-start",
-      open: D,
+      open: B,
       onOpenChange: c,
       showArrow: !1,
       offset: 4,
@@ -116,7 +120,7 @@ const I = (e) => {
     }
   ) });
 };
-I.displayName = "DatePicker";
+J.displayName = "DatePicker";
 export {
-  I as DatePicker
+  J as DatePicker
 };

package/dist/components/ThemeController/ThemeController.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),b=require("../../contexts/ThemeContext.cjs"),S=require("../../hooks/useTheme.cjs"),h=require("../Switch/Switch.cjs"),l=require("../Button/Button.cjs"),d=require("../Card/Card.cjs"),i=require("../Badge/Badge.cjs"),z=require("../Radio/Radio.cjs"),T=require("../Alert/Alert.cjs"),n={orion:{accent:"#1B5BFF",radius:"12px",description:"Blue accent • 12px radius"},red:{accent:"#D7282F",radius:"9999px",description:"Red accent • Pill buttons"},deepblue:{accent:"#006FBA",radius:"12px",description:"Deep Blue accent • 12px radius"},orange:{accent:"#F15D22",radius:"9999px",description:"Red-Orange accent • Pill buttons"},ember:{accent:"#F15D22",radius:"12px",description:"Orange accent • Black buttons • 12px radius"},lemon:{accent:"#72FF43",radius:"9999px",description:"Lime green accent • Highly rounded"}},v=({showBrandSelector:o=!0,showThemeToggle:p=!0,showSummary:y=!0,compact:m=!1,className:x,style:u,onThemeChange:j,onBrandChange:f})=>{const k=S.useTheme();let g=null;try{g=b.useThemeContext()}catch{}const{theme:t,brand:a,setTheme:B,setBrand:C}=g??k,s=r=>{B(r),j?.(r)},c=r=>{C(r),f?.(r)};return m?e.jsxs("div",{className:x,style:{display:"flex",gap:"var(--spacing-3)",alignItems:"center",flexWrap:"wrap"},children:[p&&e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"var(--spacing-2)"},children:[e.jsx("span",{style:{fontSize:"20px"},children:"☀️"}),e.jsx(h.Switch,{checked:t==="dark",onChange:r=>s(r.target.checked?"dark":"light")}),e.jsx("span",{style:{fontSize:"20px"},children:"🌙"})]}),o&&e.jsx("div",{style:{display:"flex",gap:"var(--spacing-2)"},children:Object.keys(n).map(r=>e.jsx(l.Button,{variant:a===r?"primary":"secondary",size:"sm",onClick:()=>c(r),children:r.charAt(0).toUpperCase()+r.slice(1)},r))})]}):e.jsxs(d.Card,{variant:"elevated",className:x,style:{background:"var(--interactive-primary)",color:"var(--interactive-primary-text)",...u},children:[e.jsx(d.Card.Header,{children:e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"var(--spacing-2)"},children:[e.jsx("span",{style:{fontSize:"24px"},children:"🎨"}),e.jsxs("div",{children:[e.jsx("h3",{style:{margin:0,color:"var(--interactive-primary-text)"},children:"Theme & Brand Settings"}),e.jsx("p",{style:{margin:0,fontSize:"var(--text-sm)",opacity:.9,color:"var(--interactive-primary-text)"},children:"Customize the appearance in real-time"})]})]})}),e.jsx(d.Card.Body,{style:{background:"var(--surface-base)",color:"var(--text-primary)"},children:e.jsxs("div",{style:{display:"grid",gap:"var(--spacing-6)"},children:[p&&e.jsxs("div",{children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:"var(--spacing-3)"},children:[e.jsxs("div",{children:[e.jsx("label",{style:{display:"block",fontSize:"var(--text-lg)",fontWeight:"var(--font-weight-bold)",color:"var(--text-primary)",marginBottom:"var(--spacing-1)"},children:"Color Mode"}),e.jsx("p",{style:{fontSize:"var(--text-sm)",color:"var(--text-secondary)",margin:0},children:"Switch between light and dark themes"})]}),e.jsx(i.Badge,{variant:t==="light"?"warning":"primary",size:"lg",children:t==="light"?"☀️ Light":"🌙 Dark"})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"var(--spacing-3)",padding:"var(--spacing-4)",background:"var(--surface-subtle)",borderRadius:"var(--radius-control)",border:"2px solid var(--border-subtle)"},children:[e.jsx("span",{style:{fontSize:"32px"},children:"☀️"}),e.jsx(h.Switch,{checked:t==="dark",onChange:r=>s(r.target.checked?"dark":"light"),size:"lg"}),e.jsx("span",{style:{fontSize:"32px"},children:"🌙"}),e.jsxs("div",{style:{marginLeft:"auto",display:"flex",gap:"var(--spacing-2)"},children:[e.jsx(l.Button,{variant:t==="light"?"primary":"ghost",size:"sm",onClick:()=>s("light"),children:"Light"}),e.jsx(l.Button,{variant:t==="dark"?"primary":"ghost",size:"sm",onClick:()=>s("dark"),children:"Dark"})]})]})]}),o&&e.jsxs("div",{children:[e.jsxs("div",{style:{marginBottom:"var(--spacing-3)"},children:[e.jsx("label",{style:{display:"block",fontSize:"var(--text-lg)",fontWeight:"var(--font-weight-bold)",color:"var(--text-primary)",marginBottom:"var(--spacing-1)"},children:"Brand Identity"}),e.jsx("p",{style:{fontSize:"var(--text-sm)",color:"var(--text-secondary)",margin:0},children:"Select a brand to see different accent colors and styling"})]}),e.jsx("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(250px, 1fr))",gap:"var(--spacing-3)"},children:Object.keys(n).map(r=>e.jsxs("div",{onClick:()=>c(r),style:{padding:"var(--spacing-4)",background:a===r?"var(--interactive-primary)":"var(--surface-subtle)",color:a===r?"white":"var(--text-primary)",borderRadius:"var(--radius-control)",border:`2px solid ${a===r?"var(--interactive-primary)":"var(--border-subtle)"}`,cursor:"pointer",transition:"all 150ms ease"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:"var(--spacing-2)"},children:[e.jsx(z.Radio,{name:"brand",value:r,checked:a===r,onChange:()=>c(r),label:r.charAt(0).toUpperCase()+r.slice(1),size:"lg"}),a===r&&e.jsx(i.Badge,{variant:"success",children:"Active"})]}),e.jsx("p",{style:{fontSize:"var(--text-sm)",margin:0,opacity:.8},children:n[r].description})]},r))})]}),y&&e.jsx(T.Alert,{variant:"info",title:"Current Settings",children:e.jsxs("div",{style:{display:"flex",gap:"var(--spacing-2)",flexWrap:"wrap"},children:[e.jsxs(i.Badge,{variant:"primary",children:["Theme: ",t]}),e.jsxs(i.Badge,{variant:"secondary",children:["Brand: ",a]}),e.jsxs(i.Badge,{variant:"secondary",children:["Accent: ",n[a].accent]}),e.jsxs(i.Badge,{variant:"secondary",children:["Radius:"," ",n[a].radius==="9999px"?"9999px (pills)":n[a].radius]})]})})]})})]})};v.displayName="ThemeController";exports.ThemeController=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),S=require("../../contexts/ThemeContext.cjs"),z=require("../../hooks/useTheme.cjs"),h=require("../Switch/Switch.cjs"),c=require("../Button/Button.cjs"),d=require("../Card/Card.cjs"),i=require("../Badge/Badge.cjs"),T=require("../Radio/Radio.cjs"),w=require("../Alert/Alert.cjs"),n={orion:{accent:"#1B5BFF",radius:"12px",description:"Blue accent • 12px radius"},red:{accent:"#D7282F",radius:"9999px",description:"Red accent • Pill buttons"},deepblue:{accent:"#006FBA",radius:"12px",description:"Deep Blue accent • 12px radius"},orange:{accent:"#F15D22",radius:"9999px",description:"Red-Orange accent • Pill buttons"},lemon:{accent:"#72FF43",radius:"9999px",description:"Lime green accent • Highly rounded"}},v=({showBrandSelector:o=!0,showThemeToggle:p=!0,showSummary:y=!0,compact:m=!1,className:g,style:u,onThemeChange:j,onBrandChange:f})=>{const B=z.useTheme();let x=null;try{x=S.useThemeContext()}catch{}const{theme:t,brand:C,setTheme:k,setBrand:b}=x??B,a=C,s=r=>{k(r),j?.(r)},l=r=>{b(r),f?.(r)};return m?e.jsxs("div",{className:g,style:{display:"flex",gap:"var(--spacing-3)",alignItems:"center",flexWrap:"wrap"},children:[p&&e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"var(--spacing-2)"},children:[e.jsx("span",{style:{fontSize:"20px"},children:"☀️"}),e.jsx(h.Switch,{checked:t==="dark",onChange:r=>s(r.target.checked?"dark":"light")}),e.jsx("span",{style:{fontSize:"20px"},children:"🌙"})]}),o&&e.jsx("div",{style:{display:"flex",gap:"var(--spacing-2)"},children:Object.keys(n).map(r=>e.jsx(c.Button,{variant:a===r?"primary":"secondary",size:"sm",onClick:()=>l(r),children:r.charAt(0).toUpperCase()+r.slice(1)},r))})]}):e.jsxs(d.Card,{variant:"elevated",className:g,style:{background:"var(--interactive-primary)",color:"var(--interactive-primary-text)",...u},children:[e.jsx(d.Card.Header,{children:e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"var(--spacing-2)"},children:[e.jsx("span",{style:{fontSize:"24px"},children:"🎨"}),e.jsxs("div",{children:[e.jsx("h3",{style:{margin:0,color:"var(--interactive-primary-text)"},children:"Theme & Brand Settings"}),e.jsx("p",{style:{margin:0,fontSize:"var(--text-sm)",opacity:.9,color:"var(--interactive-primary-text)"},children:"Customize the appearance in real-time"})]})]})}),e.jsx(d.Card.Body,{style:{background:"var(--surface-base)",color:"var(--text-primary)"},children:e.jsxs("div",{style:{display:"grid",gap:"var(--spacing-6)"},children:[p&&e.jsxs("div",{children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:"var(--spacing-3)"},children:[e.jsxs("div",{children:[e.jsx("label",{style:{display:"block",fontSize:"var(--text-lg)",fontWeight:"var(--font-weight-bold)",color:"var(--text-primary)",marginBottom:"var(--spacing-1)"},children:"Color Mode"}),e.jsx("p",{style:{fontSize:"var(--text-sm)",color:"var(--text-secondary)",margin:0},children:"Switch between light and dark themes"})]}),e.jsx(i.Badge,{variant:t==="light"?"warning":"primary",size:"lg",children:t==="light"?"☀️ Light":"🌙 Dark"})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"var(--spacing-3)",padding:"var(--spacing-4)",background:"var(--surface-subtle)",borderRadius:"var(--radius-control)",border:"2px solid var(--border-subtle)"},children:[e.jsx("span",{style:{fontSize:"32px"},children:"☀️"}),e.jsx(h.Switch,{checked:t==="dark",onChange:r=>s(r.target.checked?"dark":"light"),size:"lg"}),e.jsx("span",{style:{fontSize:"32px"},children:"🌙"}),e.jsxs("div",{style:{marginLeft:"auto",display:"flex",gap:"var(--spacing-2)"},children:[e.jsx(c.Button,{variant:t==="light"?"primary":"ghost",size:"sm",onClick:()=>s("light"),children:"Light"}),e.jsx(c.Button,{variant:t==="dark"?"primary":"ghost",size:"sm",onClick:()=>s("dark"),children:"Dark"})]})]})]}),o&&e.jsxs("div",{children:[e.jsxs("div",{style:{marginBottom:"var(--spacing-3)"},children:[e.jsx("label",{style:{display:"block",fontSize:"var(--text-lg)",fontWeight:"var(--font-weight-bold)",color:"var(--text-primary)",marginBottom:"var(--spacing-1)"},children:"Brand Identity"}),e.jsx("p",{style:{fontSize:"var(--text-sm)",color:"var(--text-secondary)",margin:0},children:"Select a brand to see different accent colors and styling"})]}),e.jsx("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(250px, 1fr))",gap:"var(--spacing-3)"},children:Object.keys(n).map(r=>e.jsxs("div",{onClick:()=>l(r),style:{padding:"var(--spacing-4)",background:a===r?"var(--interactive-primary)":"var(--surface-subtle)",color:a===r?"white":"var(--text-primary)",borderRadius:"var(--radius-control)",border:`2px solid ${a===r?"var(--interactive-primary)":"var(--border-subtle)"}`,cursor:"pointer",transition:"all 150ms ease"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:"var(--spacing-2)"},children:[e.jsx(T.Radio,{name:"brand",value:r,checked:a===r,onChange:()=>l(r),label:r.charAt(0).toUpperCase()+r.slice(1),size:"lg"}),a===r&&e.jsx(i.Badge,{variant:"success",children:"Active"})]}),e.jsx("p",{style:{fontSize:"var(--text-sm)",margin:0,opacity:.8},children:n[r].description})]},r))})]}),y&&e.jsx(w.Alert,{variant:"info",title:"Current Settings",children:e.jsxs("div",{style:{display:"flex",gap:"var(--spacing-2)",flexWrap:"wrap"},children:[e.jsxs(i.Badge,{variant:"primary",children:["Theme: ",t]}),e.jsxs(i.Badge,{variant:"secondary",children:["Brand: ",a]}),e.jsxs(i.Badge,{variant:"secondary",children:["Accent: ",n[a].accent]}),e.jsxs(i.Badge,{variant:"secondary",children:["Radius:"," ",n[a].radius==="9999px"?"9999px (pills)":n[a].radius]})]})})]})})]})};v.displayName="ThemeController";exports.ThemeController=v;

package/dist/components/ThemeController/ThemeController.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeController.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeController/ThemeController.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAmDpE,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAuU1D,CAAC"}
+{"version":3,"file":"ThemeController.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeController/ThemeController.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AA8CpE,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAwU1D,CAAC"}