@orion-ds/react 5.0.1 → 5.1.0

package/dist/components/CollapsibleFolder/CollapsibleFolder.mjs

@@ -1,80 +1,98 @@
-import { jsx as a, jsxs as n } from "react/jsx-runtime";
-import re, { useState as h, useRef as ne } from "react";
-import { useDroppable as le } from "@dnd-kit/core";
-import { ChevronDown as R, MoreHorizontal as oe } from "lucide-react";
-import t from "./CollapsibleFolder.module.css.mjs";
+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 r from "./CollapsibleFolder.module.css.mjs";
 import { Collapsible as v } from "../Collapsible/Collapsible.mjs";
-import { Badge as ie } from "../Badge/Badge.mjs";
-import { Dropdown as z } from "../Dropdown/Dropdown.mjs";
-import { Button as k } from "../Button/Button.mjs";
-function se(w) {
+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;
+try {
+  A = require("@dnd-kit/core").useDroppable;
+} catch (l) {
+  O = l instanceof Error ? l : new Error("@dnd-kit/core not found");
+}
+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"
+      }
+    );
   const {
-    id: m,
-    title: A,
-    itemCount: u,
-    items: o,
-    renderItem: O,
-    itemLabel: B = "Item",
-    itemLabelPlural: j = "Items",
-    emptyText: $ = "No items in this folder",
-    sortLabel: D = "Sort",
-    defaultExpanded: Y = !0,
-    sortOptions: s,
-    selectedSort: q,
+    id: p,
+    title: B,
+    itemCount: D,
+    items: i,
+    renderItem: j,
+    itemLabel: K = "Item",
+    itemLabelPlural: $ = "Items",
+    emptyText: q = "No items in this folder",
+    sortLabel: b = "Sort",
+    defaultExpanded: M = !0,
+    sortOptions: d,
+    selectedSort: Y,
     onSortChange: H,
-    onDrop: b,
-    onFolderEdit: N,
-    onFolderDelete: C,
+    onDrop: N,
+    onFolderEdit: C,
+    onFolderDelete: k,
     onFolderInvite: T,
-    isDropTarget: M = !1,
-    isDropCompleted: P = !1,
+    isDropTarget: P = !1,
+    isDropCompleted: U = !1,
     onDragEnter: Z,
     onDragLeaveFolder: x,
     className: G,
     ...J
-  } = w, [p, K] = h(Y), [g, d] = h(null), [I, f] = h(!1), L = ne(null), { setNodeRef: Q } = le({ id: m }), U = (e) => {
-    if (e.preventDefault(), e.dataTransfer.dropEffect = "move", I || (f(!0), Z?.()), !p || o.length === 0) {
-      d(0);
+  } = 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) {
+      c(0);
       return;
     }
-    const r = L.current;
-    if (!r) return;
-    const l = Array.from(
-      r.querySelectorAll("[data-item-id]")
+    const n = I.current;
+    if (!n) return;
+    const o = Array.from(
+      n.querySelectorAll("[data-item-id]")
     ), ae = e.clientY;
-    let S = l.length;
-    for (let c = 0; c < l.length; c++) {
-      const E = l[c];
-      if (!E) continue;
-      const F = E.getBoundingClientRect();
-      if (ae < F.top + F.height / 2) {
-        S = c;
+    let E = 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;
         break;
       }
     }
-    d(S);
-  }, V = (e) => {
-    e.currentTarget.contains(e.relatedTarget) || (f(!1), d(null), x?.());
-  }, W = (e) => {
+    c(E);
+  }, X = (e) => {
+    e.currentTarget.contains(e.relatedTarget) || (h(!1), c(null), x?.());
+  }, _ = (e) => {
     e.preventDefault();
-    const r = e.dataTransfer.getData("text/plain") || e.dataTransfer.getData("itemId");
-    if (r && b) {
-      const l = g ?? o.length;
-      b(r, m, l);
+    const n = e.dataTransfer.getData("text/plain") || e.dataTransfer.getData("itemId");
+    if (n && N) {
+      const o = f ?? i.length;
+      N(n, p, o);
     }
-    f(!1), d(null), x?.();
-  }, X = (e, r) => {
-    e.dataTransfer.effectAllowed = "move", e.dataTransfer.setData("text/plain", r);
-  }, _ = s?.map((e) => ({
+    h(!1), c(null), x?.();
+  }, ee = (e, n) => {
+    e.dataTransfer.effectAllowed = "move", e.dataTransfer.setData("text/plain", n);
+  }, te = d?.map((e) => ({
     id: e.value,
     label: e.label,
     onClick: () => H?.(e.value)
-  })), y = [
-    ...N ? [
+  })), L = [
+    ...C ? [
       {
         id: "rename",
         label: "Rename",
-        onClick: N
+        onClick: C
       }
     ] : [],
     ...T ? [
@@ -84,113 +102,113 @@ function se(w) {
         onClick: T
       }
     ] : [],
-    ...C ? [
+    ...k ? [
       {
         id: "delete",
         label: "Delete folder",
         danger: !0,
-        onClick: C
+        onClick: k
       }
     ] : []
-  ], i = M || I, ee = [
-    t.folder,
-    i && t.dropTarget,
-    P && t.dropCompleted,
+  ], s = P || y, re = [
+    r.folder,
+    s && r.dropTarget,
+    U && r.dropCompleted,
     G
-  ].filter(Boolean).join(" "), te = u === 1 ? B : j;
-  return /* @__PURE__ */ a(
+  ].filter(Boolean).join(" "), ne = D === 1 ? K : $;
+  return /* @__PURE__ */ t(
     "div",
     {
-      ref: Q,
-      className: ee,
-      "data-folder-id": m,
-      "data-drop-active": i,
-      onDragOver: U,
-      onDragLeave: V,
-      onDrop: W,
+      ref: V,
+      className: re,
+      "data-folder-id": p,
+      "data-drop-active": s,
+      onDragOver: W,
+      onDragLeave: X,
+      onDrop: _,
       ...J,
-      children: /* @__PURE__ */ n(v, { open: p, onOpenChange: K, children: [
-        /* @__PURE__ */ n("div", { className: t.header, children: [
-          /* @__PURE__ */ n(v.Trigger, { className: t.trigger, children: [
-            /* @__PURE__ */ a(
+      children: /* @__PURE__ */ a(v, { open: g, onOpenChange: Q, children: [
+        /* @__PURE__ */ a("div", { className: r.header, children: [
+          /* @__PURE__ */ a(v.Trigger, { className: r.trigger, children: [
+            /* @__PURE__ */ t(
               R,
               {
                 size: 20,
-                className: `${t.chevron} ${p ? t.expanded : ""}`
+                className: `${r.chevron} ${g ? r.expanded : ""}`
               }
             ),
-            /* @__PURE__ */ a("h2", { className: t.title, children: A }),
-            /* @__PURE__ */ n(ie, { variant: "secondary", className: t.badge, children: [
-              u,
-              /* @__PURE__ */ n("span", { className: t.badgeLabel, children: [
+            /* @__PURE__ */ t("h2", { className: r.title, children: B }),
+            /* @__PURE__ */ a(de, { variant: "secondary", className: r.badge, children: [
+              D,
+              /* @__PURE__ */ a("span", { className: r.badgeLabel, children: [
                 " ",
-                te
+                ne
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ n("div", { className: t.actions, children: [
-            s && s.length > 0 && /* @__PURE__ */ a("div", { className: t.sortDropdown, children: /* @__PURE__ */ a(
-              z,
+          /* @__PURE__ */ a("div", { className: r.actions, children: [
+            d && d.length > 0 && /* @__PURE__ */ t("div", { className: r.sortDropdown, children: /* @__PURE__ */ t(
+              w,
               {
-                trigger: /* @__PURE__ */ a(
-                  k,
+                trigger: /* @__PURE__ */ t(
+                  z,
                   {
                     variant: "ghost",
                     size: "sm",
-                    iconRight: /* @__PURE__ */ a(R, { size: 16 }),
-                    "aria-label": `Sort by ${D}`,
-                    children: s.find((e) => e.value === q)?.label || D
+                    iconRight: /* @__PURE__ */ t(R, { size: 16 }),
+                    "aria-label": `Sort by ${b}`,
+                    children: d.find((e) => e.value === Y)?.label || b
                   }
                 ),
-                items: _,
+                items: te,
                 placement: "bottom-end"
               }
             ) }),
-            y.length > 0 && /* @__PURE__ */ a(
-              z,
+            L.length > 0 && /* @__PURE__ */ t(
+              w,
               {
-                trigger: /* @__PURE__ */ a(
-                  k,
+                trigger: /* @__PURE__ */ t(
+                  z,
                   {
                     variant: "ghost",
                     size: "sm",
                     iconOnly: !0,
-                    icon: /* @__PURE__ */ a(oe, { size: 20 }),
+                    icon: /* @__PURE__ */ t(ie, { size: 20 }),
                     "aria-label": "Folder actions"
                   }
                 ),
-                items: y,
+                items: L,
                 placement: "bottom-end"
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ a(v.Content, { children: /* @__PURE__ */ a("div", { className: t.content, children: o.length === 0 ? i ? /* @__PURE__ */ a("div", { className: t.emptyDropZone, children: /* @__PURE__ */ a("div", { className: t.insertionLine, role: "presentation" }) }) : /* @__PURE__ */ a("div", { className: t.emptyState, children: /* @__PURE__ */ a("p", { className: t.emptyText, children: $ }) }) : /* @__PURE__ */ n("div", { className: t.grid, ref: L, children: [
-          o.map((e, r) => /* @__PURE__ */ n(re.Fragment, { children: [
-            i && g === r && /* @__PURE__ */ a(
+        /* @__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(
               "div",
               {
-                className: t.insertionLine,
+                className: r.insertionLine,
                 role: "presentation"
               }
             ),
-            /* @__PURE__ */ a(
+            /* @__PURE__ */ t(
               "div",
               {
                 "data-item-id": e.id,
                 draggable: e.draggable,
-                onDragStart: (l) => X(l, e.id),
-                children: O(e, r)
+                onDragStart: (o) => ee(o, e.id),
+                children: j(e, n)
               }
             )
           ] }, e.id)),
-          i && g === o.length && /* @__PURE__ */ a("div", { className: t.insertionLine, role: "presentation" })
+          s && f === i.length && /* @__PURE__ */ t("div", { className: r.insertionLine, role: "presentation" })
         ] }) }) })
       ] })
     }
   );
 }
-se.displayName = "CollapsibleFolder";
+ce.displayName = "CollapsibleFolder";
 export {
-  se as CollapsibleFolder
+  ce 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"),r=require("react"),d=require("date-fns"),O=require("lucide-react"),l=require("./DatePicker.module.css.cjs"),h=require("../Calendar/Calendar.cjs"),R=require("../Popover/Popover.cjs"),F=require("../Button/Button.cjs"),x=e=>{const{mode:a="single",min:S,max:b,disabledDates:v,placeholder:m="Pick a date",presets:i,format:c="PPP",disabled:C=!1,triggerClassName:P,className:N}=e,[k,o]=r.useState(!1),f=r.useMemo(()=>a==="single"&&e.mode!=="range"?e.selected?d.format(e.selected,c):null:a==="range"&&e.mode==="range"&&e.selected?.from?e.selected.to?`${d.format(e.selected.from,c)} - ${d.format(e.selected.to,c)}`:d.format(e.selected.from,c):null,[a,e,c]),g=r.useCallback(n=>{if(a==="single"&&e.mode!=="range"){const s=e.onSelect;s?.(n),o(!1)}else if(a==="range"&&e.mode==="range"){const s=e.onSelect,u=n;s?.(u),u?.from&&u?.to&&o(!1)}},[a,e]),q=r.useCallback(n=>{if(a==="single"&&e.mode!=="range"){const s=e.onSelect;s?.(n.value)}else if(a==="range"&&e.mode==="range"){const s=e.onSelect;s?.(n.value)}o(!1)},[a,e]),y=[l.default.trigger,P].filter(Boolean).join(" "),B=[l.default.wrapper,N].filter(Boolean).join(" "),j={min:S,max:b,disabled:v},D=t.jsxs("div",{className:l.default.popoverContent,children:[i&&i.length>0&&t.jsx("div",{className:l.default.presets,children:i.map(n=>t.jsx("button",{type:"button",className:l.default.presetButton,onClick:()=>q(n),children:n.label},n.label))}),a==="single"?t.jsx(h.Calendar,{mode:"single",selected:e.mode!=="range"?e.selected:void 0,onSelect:g,...j}):t.jsx(h.Calendar,{mode:"range",selected:e.mode==="range"?e.selected:void 0,onSelect:g,...j})]}),w=t.jsx(F.Button,{variant:"secondary",className:y,disabled:C,"aria-label":m,icon:t.jsx(O.Calendar,{size:16,className:l.default.triggerIcon}),children:f?t.jsx("span",{children:f}):t.jsx("span",{className:l.default.placeholder,children:m})});return t.jsx("div",{className:B,children:t.jsx(R.Popover,{trigger:w,content:D,placement:"bottom-start",open:k,onOpenChange:o,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"),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;

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;AAG5E,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAwJhD,CAAC"}
+{"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;AAc5E,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAsKhD,CAAC"}

package/dist/components/DatePicker/DatePicker.mjs

@@ -1,63 +1,81 @@
-import { jsxs as $, jsx as n } from "react/jsx-runtime";
-import { useState as O, useMemo as z, useCallback as h } from "react";
-import { format as c } from "date-fns";
-import { Calendar as A } from "lucide-react";
-import a from "./DatePicker.module.css.mjs";
-import { Calendar as S } from "../Calendar/Calendar.mjs";
-import { Popover as F } from "../Popover/Popover.mjs";
-import { Button as I } from "../Button/Button.mjs";
-const M = (e) => {
+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 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;
+try {
+  s = require("date-fns").format;
+} catch (e) {
+  C = e instanceof Error ? e : new Error("date-fns not found");
+}
+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 {
     mode: t = "single",
-    min: v,
-    max: C,
-    disabledDates: N,
+    min: N,
+    max: S,
+    disabledDates: b,
     placeholder: m = "Pick a date",
-    presets: i,
+    presets: d,
     format: r = "PPP",
-    disabled: b = !1,
-    triggerClassName: P,
-    className: k
-  } = e, [x, s] = O(!1), f = z(() => t === "single" && e.mode !== "range" ? e.selected ? c(e.selected, r) : null : t === "range" && e.mode === "range" && e.selected?.from ? e.selected.to ? `${c(e.selected.from, r)} - ${c(e.selected.to, r)}` : c(e.selected.from, r) : null, [t, e, r]), g = h(
-    (l) => {
+    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?.(l), s(!1);
+        o?.(a), c(!1);
       } else if (t === "range" && e.mode === "range") {
-        const o = e.onSelect, d = l;
-        o?.(d), d?.from && d?.to && s(!1);
+        const o = e.onSelect, i = a;
+        o?.(i), i?.from && i?.to && c(!1);
       }
     },
     [t, e]
-  ), y = h(
-    (l) => {
+  ), w = h(
+    (a) => {
       if (t === "single" && e.mode !== "range") {
         const o = e.onSelect;
-        o?.(l.value);
+        o?.(a.value);
       } else if (t === "range" && e.mode === "range") {
         const o = e.onSelect;
-        o?.(l.value);
+        o?.(a.value);
       }
-      s(!1);
+      c(!1);
     },
     [t, e]
-  ), j = [a.trigger, P].filter(Boolean).join(" "), w = [a.wrapper, k].filter(Boolean).join(" "), u = {
-    min: v,
-    max: C,
-    disabled: N
-  }, B = /* @__PURE__ */ $("div", { className: a.popoverContent, children: [
-    i && i.length > 0 && /* @__PURE__ */ n("div", { className: a.presets, children: i.map((l) => /* @__PURE__ */ n(
+  ), x = [l.trigger, k].filter(Boolean).join(" "), j = [l.wrapper, y].filter(Boolean).join(" "), u = {
+    min: N,
+    max: S,
+    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(
       "button",
       {
         type: "button",
-        className: a.presetButton,
-        onClick: () => y(l),
-        children: l.label
+        className: l.presetButton,
+        onClick: () => w(a),
+        children: a.label
       },
-      l.label
+      a.label
     )) }),
     t === "single" ? /* @__PURE__ */ n(
-      S,
+      v,
       {
         mode: "single",
         selected: e.mode !== "range" ? e.selected : void 0,
@@ -65,7 +83,7 @@ const M = (e) => {
         ...u
       }
     ) : /* @__PURE__ */ n(
-      S,
+      v,
       {
         mode: "range",
         selected: e.mode === "range" ? e.selected : void 0,
@@ -73,32 +91,32 @@ const M = (e) => {
         ...u
       }
     )
-  ] }), D = /* @__PURE__ */ n(
-    I,
+  ] }), E = /* @__PURE__ */ n(
+    A,
     {
       variant: "secondary",
-      className: j,
-      disabled: b,
+      className: x,
+      disabled: P,
       "aria-label": m,
-      icon: /* @__PURE__ */ n(A, { size: 16, className: a.triggerIcon }),
-      children: f ? /* @__PURE__ */ n("span", { children: f }) : /* @__PURE__ */ n("span", { className: a.placeholder, children: 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 })
     }
   );
-  return /* @__PURE__ */ n("div", { className: w, children: /* @__PURE__ */ n(
-    F,
+  return /* @__PURE__ */ n("div", { className: j, children: /* @__PURE__ */ n(
+    z,
     {
-      trigger: D,
+      trigger: E,
       content: B,
       placement: "bottom-start",
-      open: x,
-      onOpenChange: s,
+      open: D,
+      onOpenChange: c,
       showArrow: !1,
       offset: 4,
-      className: a.popover
+      className: l.popover
     }
   ) });
 };
-M.displayName = "DatePicker";
+I.displayName = "DatePicker";
 export {
-  M as DatePicker
+  I as DatePicker
 };

package/dist/components/MissingDependencyError.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=({componentName:s,depName:r,installCommand:t,pnpmCommand:a,docsUrl:d})=>{const o=Array.isArray(r)?r:[r];return e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"12px",padding:"20px",border:"2px solid var(--status-error, #ef4444)",borderRadius:"var(--radius-control, 12px)",backgroundColor:"var(--surface-layer, #f3f4f6)",fontFamily:"var(--font-secondary, sans-serif)",fontSize:"14px",color:"var(--text-primary, #000)"},children:[e.jsxs("div",{style:{display:"flex",gap:"8px",alignItems:"flex-start"},children:[e.jsx("span",{style:{fontSize:"18px",fontWeight:"bold",color:"var(--status-error, #ef4444)",marginTop:"2px"},children:"🔴"}),e.jsxs("div",{children:[e.jsxs("div",{style:{fontWeight:"600",marginBottom:"4px"},children:[s," component requires"," ",o.length===1?"a dependency":"dependencies"]}),e.jsx("div",{style:{color:"var(--text-secondary, #666)"},children:o.map((n,l)=>e.jsxs("div",{children:[o.length>1&&e.jsxs("span",{children:[l+1,". "]}),e.jsx("code",{style:{backgroundColor:"var(--surface-base, #fff)",padding:"2px 6px",borderRadius:"4px",fontFamily:"monospace"},children:n})]},n))})]})]}),e.jsxs("div",{style:{marginTop:"8px"},children:[e.jsx("div",{style:{fontWeight:"500",marginBottom:"8px"},children:"Install with npm:"}),e.jsx("code",{style:{display:"block",backgroundColor:"var(--surface-base, #fff)",padding:"8px 12px",borderRadius:"4px",fontFamily:"monospace",fontSize:"12px",overflow:"auto",border:"1px solid var(--border-subtle, #e5e7eb)"},children:t})]}),e.jsxs("div",{children:[e.jsx("div",{style:{fontWeight:"500",marginBottom:"8px"},children:"Or with pnpm:"}),e.jsx("code",{style:{display:"block",backgroundColor:"var(--surface-base, #fff)",padding:"8px 12px",borderRadius:"4px",fontFamily:"monospace",fontSize:"12px",overflow:"auto",border:"1px solid var(--border-subtle, #e5e7eb)"},children:a})]}),e.jsxs("div",{style:{marginTop:"4px",fontSize:"13px",color:"var(--text-secondary, #666)"},children:["Learn more:"," ",e.jsxs("a",{href:d,style:{color:"var(--text-brand, #1b5bff)",textDecoration:"underline"},children:["Orion ",s," Documentation"]})]})]})};i.displayName="MissingDependencyError";exports.MissingDependencyError=i;

package/dist/components/MissingDependencyError.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { OptionalDepError } from '../utils/optionalDeps';
+
+export declare const MissingDependencyError: React.FC<OptionalDepError>;
+//# sourceMappingURL=MissingDependencyError.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MissingDependencyError.d.ts","sourceRoot":"","sources":["../../src/components/MissingDependencyError.tsx"],"names":[],"mappings":"AAEA;;;;;GAKG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAE9D,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAwH7D,CAAC"}