@orion-ds/react 5.3.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/utils/optionalDeps.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function a(o){return(Array.isArray(o)?o:[o]).every(r=>{try{return require(r),!0}catch{return!1}})}function s(o,e,r){const n=(Array.isArray(e)?e:[e]).join(" ");return{available:a(e),componentName:o,depName:e,installCommand:`npm install ${n}`,pnpmCommand:`pnpm add ${n}`,docsUrl:r}}const d={Chart:{depName:"recharts",docsUrl:"https://docs.orion-ds.dev/components/chart"},Calendar:{depName:"date-fns",docsUrl:"https://docs.orion-ds.dev/components/calendar"},DatePicker:{depName:"date-fns",docsUrl:"https://docs.orion-ds.dev/components/date-picker"},CodeEditor:{depName:"react-syntax-highlighter",docsUrl:"https://docs.orion-ds.dev/components/code-editor"},Chat:{depName:["react-markdown","remark-gfm"],docsUrl:"https://docs.orion-ds.dev/components/chat"},CollapsibleFolder:{depName:["@dnd-kit/core","@dnd-kit/sortable","@dnd-kit/utilities"],docsUrl:"https://docs.orion-ds.dev/components/collapsible-folder"}};function c(o){const e=d[o],r=Array.isArray(e.depName)?[...e.depName]:e.depName,t=s(o,r,e.docsUrl);return t.available?void 0:t}exports.OPTIONAL_DEP_COMPONENTS=d;exports.checkComponent=c;exports.getOptionalDepError=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=new Map,a=new Map;async function d(t){const e=Array.isArray(t)?t:[t];return(await Promise.all(e.map(async r=>{if(o.has(r))return o.get(r)??!1;if(a.has(r))return a.get(r);const n=(async()=>{try{return await import(r),o.set(r,!0),!0}catch{return o.set(r,!1),!1}})();a.set(r,n);const c=await n;return a.delete(r),c}))).every(Boolean)}function p(t){return(Array.isArray(t)?t:[t]).every(s=>o.has(s)?o.get(s)??!1:!0)}async function i(t,e,s){const n=(Array.isArray(e)?e:[e]).join(" ");return{available:await d(e),componentName:t,depName:e,installCommand:`npm install ${n}`,pnpmCommand:`pnpm add ${n}`,docsUrl:s}}const l={Chart:{depName:"recharts",docsUrl:"https://docs.orion-ds.dev/components/chart"},Calendar:{depName:"date-fns",docsUrl:"https://docs.orion-ds.dev/components/calendar"},DatePicker:{depName:"date-fns",docsUrl:"https://docs.orion-ds.dev/components/date-picker"},CodeEditor:{depName:"react-syntax-highlighter",docsUrl:"https://docs.orion-ds.dev/components/code-editor"},Chat:{depName:["react-markdown","remark-gfm"],docsUrl:"https://docs.orion-ds.dev/components/chat"},CollapsibleFolder:{depName:["@dnd-kit/core","@dnd-kit/sortable","@dnd-kit/utilities"],docsUrl:"https://docs.orion-ds.dev/components/collapsible-folder"}};function u(t){const e=l[t],s=Array.isArray(e.depName)?[...e.depName]:e.depName;if(!p(s))return i(t,s,e.docsUrl).then(n=>n.available?void 0:n)}exports.OPTIONAL_DEP_COMPONENTS=l;exports.checkComponent=u;exports.getOptionalDepError=i;

package/dist/utils/optionalDeps.d.ts

@@ -1,9 +1,14 @@
 /**
- * Optional Dependency Error Handling
+ * Optional Dependency Error Handling (ESM-Safe v5.3.1+)
  *
  * Provides helpful error messages when users try to use components
  * that require optional peer dependencies (recharts, date-fns, etc.)
  * without having them installed.
+ *
+ * Uses async import() instead of require() for ESM spec compliance.
+ * Results are cached for performance (cache hit = O(1) lookup).
+ *
+ * @see V5_3_0_ESM_REQUIRE_BUG_ANALYSIS.md for RCA of v5.3.0 regression
  */
 /**
  * Metadata for an optional dependency error
@@ -17,13 +22,14 @@ export interface OptionalDepError {
     docsUrl: string;
 }
 /**
- * Get error information for a missing optional dependency
+ * Get error information for a missing optional dependency (async)
+ *
  * @param componentName - Name of the Orion component
  * @param depName - NPM package name or array of package names
  * @param docsUrl - URL to component documentation
- * @returns OptionalDepError with installation instructions
+ * @returns Promise<OptionalDepError> with installation instructions
  */
-export declare function getOptionalDepError(componentName: string, depName: string | string[], docsUrl: string): OptionalDepError;
+export declare function getOptionalDepError(componentName: string, depName: string | string[], docsUrl: string): Promise<OptionalDepError>;
 /**
  * Registry of all optional-dependency components
  * Used to validate component registrations
@@ -56,8 +62,20 @@ export declare const OPTIONAL_DEP_COMPONENTS: {
 };
 /**
  * Type-safe way to get optional dependency info
+ *
+ * Returns synchronously if result is cached (dependency already checked).
+ * Returns Promise if result needs async validation.
+ *
  * @param componentName - One of the optional-dependency component names
- * @returns Error info if dependency is missing, undefined if available
+ * @returns Error info if dependency is missing, undefined if available,
+ *          or Promise for async validation
+ *
+ * @example
+ * // Sync usage (cache hit or assumed available)
+ * const error = checkComponent('Calendar');
+ * if (error instanceof Promise) {
+ *   const resolvedError = await error;
+ * }
  */
-export declare function checkComponent(componentName: keyof typeof OPTIONAL_DEP_COMPONENTS): OptionalDepError | undefined;
+export declare function checkComponent(componentName: keyof typeof OPTIONAL_DEP_COMPONENTS): OptionalDepError | Promise<OptionalDepError | undefined> | undefined;
 //# sourceMappingURL=optionalDeps.d.ts.map

package/dist/utils/optionalDeps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"optionalDeps.d.ts","sourceRoot":"","sources":["../../src/utils/optionalDeps.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC3B,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;CACjB;AAmBD;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CACjC,aAAa,EAAE,MAAM,EACrB,OAAO,EAAE,MAAM,GAAG,MAAM,EAAE,EAC1B,OAAO,EAAE,MAAM,GACd,gBAAgB,CAYlB;AAGD;;;GAGG;AACH,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;CAyB1B,CAAC;AAEX;;;;GAIG;AACH,wBAAgB,cAAc,CAC5B,aAAa,EAAE,MAAM,OAAO,uBAAuB,GAClD,gBAAgB,GAAG,SAAS,CAS9B"}
+{"version":3,"file":"optionalDeps.d.ts","sourceRoot":"","sources":["../../src/utils/optionalDeps.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC3B,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;CACjB;AAyFD;;;;;;;GAOG;AACH,wBAAsB,mBAAmB,CACvC,aAAa,EAAE,MAAM,EACrB,OAAO,EAAE,MAAM,GAAG,MAAM,EAAE,EAC1B,OAAO,EAAE,MAAM,GACd,OAAO,CAAC,gBAAgB,CAAC,CAa3B;AAED;;;GAGG;AACH,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;CAyB1B,CAAC;AAEX;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,cAAc,CAC5B,aAAa,EAAE,MAAM,OAAO,uBAAuB,GAClD,gBAAgB,GAAG,OAAO,CAAC,gBAAgB,GAAG,SAAS,CAAC,GAAG,SAAS,CAiBtE"}