@orion-ds/react 4.6.5 → 4.7.0

package/dist/index44 2.mjs

@@ -0,0 +1,205 @@
+import { jsx as o, jsxs as t } from "react/jsx-runtime";
+import { useState as d, useMemo as m, useCallback as C } from "react";
+import { icons as g, Search as N } from "lucide-react";
+import r from "./index169.mjs";
+const f = {
+  Navigation: [
+    "Menu",
+    "X",
+    "ChevronDown",
+    "ChevronUp",
+    "ChevronLeft",
+    "ChevronRight",
+    "ArrowDown",
+    "ArrowUp",
+    "ArrowLeft",
+    "ArrowRight",
+    "Home",
+    "Settings",
+    "Bell",
+    "User",
+    "LogOut",
+    "LogIn",
+    "Search",
+    "MapPin",
+    "Navigation"
+  ],
+  Actions: [
+    "Plus",
+    "Minus",
+    "Check",
+    "Copy",
+    "Download",
+    "Upload",
+    "Share2",
+    "Trash2",
+    "Edit",
+    "Eye",
+    "EyeOff",
+    "Lock",
+    "Unlock",
+    "Zap",
+    "Refresh",
+    "RotateCw",
+    "Save",
+    "Send",
+    "Archive",
+    "Flag"
+  ],
+  Status: [
+    "AlertCircle",
+    "CheckCircle",
+    "XCircle",
+    "Info",
+    "HelpCircle",
+    "AlertTriangle",
+    "CheckCircle2",
+    "Circle",
+    "Loader",
+    "Loader2",
+    "Clock",
+    "Calendar"
+  ],
+  Media: [
+    "Image",
+    "Video",
+    "Music",
+    "FileText",
+    "File",
+    "Folder",
+    "FolderOpen",
+    "Camera",
+    "Paperclip",
+    "Play",
+    "Pause",
+    "Volume2",
+    "VolumeX"
+  ],
+  Communication: [
+    "Mail",
+    "MessageSquare",
+    "Heart",
+    "Star",
+    "Share",
+    "MessageCircle",
+    "Phone",
+    "Smartphone",
+    "Gift",
+    "ThumbsUp",
+    "ThumbsDown"
+  ],
+  Commerce: [
+    "ShoppingCart",
+    "DollarSign",
+    "CreditCard",
+    "Tag",
+    "Briefcase",
+    "TrendingUp",
+    "TrendingDown",
+    "BarChart",
+    "PieChart",
+    "Activity"
+  ]
+}, w = ({ className: h }) => {
+  const [n, v] = d(""), [l, u] = d(null), [S, p] = d(null), c = m(() => Object.keys(g).sort(), []), s = m(() => {
+    let e = c;
+    if (l) {
+      const a = f[l];
+      a && (e = e.filter((i) => a.includes(i)));
+    }
+    if (n) {
+      const a = n.toLowerCase();
+      e = e.filter((i) => i.toLowerCase().includes(a));
+    }
+    return e.sort();
+  }, [c, n, l]), y = C((e) => {
+    const a = `import { ${e} } from 'lucide-react';`;
+    navigator.clipboard.writeText(a), p(e), setTimeout(() => p(null), 1500);
+  }, []), I = C((e) => {
+    const a = g[e];
+    return a ? /* @__PURE__ */ o(a, { size: 24 }) : null;
+  }, []);
+  return /* @__PURE__ */ t("div", { className: `${r.gallery}${h ? ` ${h}` : ""}`, children: [
+    /* @__PURE__ */ t("div", { className: r.header, children: [
+      /* @__PURE__ */ o("h1", { children: "Icon Browser" }),
+      /* @__PURE__ */ t("p", { children: [
+        c.length.toLocaleString(),
+        " icons available"
+      ] })
+    ] }),
+    /* @__PURE__ */ t("div", { className: r.searchContainer, children: [
+      /* @__PURE__ */ o(N, { size: 20, className: r.searchIcon }),
+      /* @__PURE__ */ o(
+        "input",
+        {
+          type: "text",
+          placeholder: "Search icons...",
+          value: n,
+          onChange: (e) => v(e.target.value),
+          className: r.searchInput
+        }
+      ),
+      n && /* @__PURE__ */ t("span", { className: r.resultCount, children: [
+        s.length,
+        " results"
+      ] })
+    ] }),
+    /* @__PURE__ */ t("div", { className: r.categories, children: [
+      /* @__PURE__ */ o(
+        "button",
+        {
+          className: `${r.categoryBtn} ${l ? "" : r.active}`,
+          onClick: () => u(null),
+          type: "button",
+          children: "All"
+        }
+      ),
+      Object.keys(f).map((e) => /* @__PURE__ */ o(
+        "button",
+        {
+          className: `${r.categoryBtn} ${l === e ? r.active : ""}`,
+          onClick: () => u(e),
+          type: "button",
+          children: e
+        },
+        e
+      ))
+    ] }),
+    /* @__PURE__ */ o("div", { className: r.iconGrid, children: s.map((e) => /* @__PURE__ */ t(
+      "button",
+      {
+        className: r.iconItem,
+        onClick: () => y(e),
+        title: e,
+        type: "button",
+        children: [
+          /* @__PURE__ */ o("span", { className: r.iconDisplay, children: I(e) }),
+          /* @__PURE__ */ o("span", { className: r.iconName, children: e }),
+          S === e && /* @__PURE__ */ o("span", { className: r.copiedBadge, children: "Copied!" })
+        ]
+      },
+      e
+    )) }),
+    s.length === 0 && /* @__PURE__ */ o("div", { className: r.noResults, children: /* @__PURE__ */ t("p", { children: [
+      'No icons found for "',
+      n,
+      '"'
+    ] }) }),
+    /* @__PURE__ */ t("div", { className: r.usageInfo, children: [
+      /* @__PURE__ */ o("h3", { children: "Usage" }),
+      /* @__PURE__ */ o(
+        "pre",
+        {
+          className: r.codeBlock,
+          children: `import { Search, Download } from 'lucide-react';
+
+<Button icon={<Search size={20} />}>Search</Button>`
+        }
+      )
+    ] })
+  ] });
+};
+w.displayName = "IconGallery";
+export {
+  w as IconGallery
+};

package/dist/index44 3.cjs

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),s=require("react"),d=require("lucide-react"),a=require("./index169.cjs"),C={Navigation:["Menu","X","ChevronDown","ChevronUp","ChevronLeft","ChevronRight","ArrowDown","ArrowUp","ArrowLeft","ArrowRight","Home","Settings","Bell","User","LogOut","LogIn","Search","MapPin","Navigation"],Actions:["Plus","Minus","Check","Copy","Download","Upload","Share2","Trash2","Edit","Eye","EyeOff","Lock","Unlock","Zap","Refresh","RotateCw","Save","Send","Archive","Flag"],Status:["AlertCircle","CheckCircle","XCircle","Info","HelpCircle","AlertTriangle","CheckCircle2","Circle","Loader","Loader2","Clock","Calendar"],Media:["Image","Video","Music","FileText","File","Folder","FolderOpen","Camera","Paperclip","Play","Pause","Volume2","VolumeX"],Communication:["Mail","MessageSquare","Heart","Star","Share","MessageCircle","Phone","Smartphone","Gift","ThumbsUp","ThumbsDown"],Commerce:["ShoppingCart","DollarSign","CreditCard","Tag","Briefcase","TrendingUp","TrendingDown","BarChart","PieChart","Activity"]},m=({className:u})=>{const[r,f]=s.useState(""),[n,h]=s.useState(null),[g,p]=s.useState(null),c=s.useMemo(()=>Object.keys(d.icons).sort(),[]),o=s.useMemo(()=>{let e=c;if(n){const l=C[n];l&&(e=e.filter(i=>l.includes(i)))}if(r){const l=r.toLowerCase();e=e.filter(i=>i.toLowerCase().includes(l))}return e.sort()},[c,r,n]),j=s.useCallback(e=>{const l=`import { ${e} } from 'lucide-react';`;navigator.clipboard.writeText(l),p(e),setTimeout(()=>p(null),1500)},[]),x=s.useCallback(e=>{const l=d.icons[e];return l?t.jsx(l,{size:24}):null},[]);return t.jsxs("div",{className:`${a.default.gallery}${u?` ${u}`:""}`,children:[t.jsxs("div",{className:a.default.header,children:[t.jsx("h1",{children:"Icon Browser"}),t.jsxs("p",{children:[c.length.toLocaleString()," icons available"]})]}),t.jsxs("div",{className:a.default.searchContainer,children:[t.jsx(d.Search,{size:20,className:a.default.searchIcon}),t.jsx("input",{type:"text",placeholder:"Search icons...",value:r,onChange:e=>f(e.target.value),className:a.default.searchInput}),r&&t.jsxs("span",{className:a.default.resultCount,children:[o.length," results"]})]}),t.jsxs("div",{className:a.default.categories,children:[t.jsx("button",{className:`${a.default.categoryBtn} ${n?"":a.default.active}`,onClick:()=>h(null),type:"button",children:"All"}),Object.keys(C).map(e=>t.jsx("button",{className:`${a.default.categoryBtn} ${n===e?a.default.active:""}`,onClick:()=>h(e),type:"button",children:e},e))]}),t.jsx("div",{className:a.default.iconGrid,children:o.map(e=>t.jsxs("button",{className:a.default.iconItem,onClick:()=>j(e),title:e,type:"button",children:[t.jsx("span",{className:a.default.iconDisplay,children:x(e)}),t.jsx("span",{className:a.default.iconName,children:e}),g===e&&t.jsx("span",{className:a.default.copiedBadge,children:"Copied!"})]},e))}),o.length===0&&t.jsx("div",{className:a.default.noResults,children:t.jsxs("p",{children:['No icons found for "',r,'"']})}),t.jsxs("div",{className:a.default.usageInfo,children:[t.jsx("h3",{children:"Usage"}),t.jsx("pre",{className:a.default.codeBlock,children:`import { Search, Download } from 'lucide-react';
+
+<Button icon={<Search size={20} />}>Search</Button>`})]})]})};m.displayName="IconGallery";exports.IconGallery=m;

package/dist/index44.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),a=require("react"),P=require("lucide-react"),e=require("./index163.cjs"),u=a.forwardRef(({open:t,onClose:s,title:f,description:m,subtitle:d,children:v,size:h="md",position:y="right",headerActions:j,footer:n,overlay:N=!0,closeOnOverlayClick:x=!0,closeOnEscape:r=!0,loading:b=!1,className:p,...w},D)=>{const c=a.useRef(null),o=m??d;if(a.useEffect(()=>{d&&process.env.NODE_ENV==="development"&&console.warn('[DetailPanel] The "subtitle" prop is deprecated. Use "description" instead. subtitle will be removed in v3.0.')},[d]),a.useEffect(()=>{if(!t||!r)return;const i=k=>{k.key==="Escape"&&s()};return document.addEventListener("keydown",i),()=>document.removeEventListener("keydown",i)},[t,r,s]),a.useEffect(()=>{if(t){const i=document.body.style.overflow;return document.body.style.overflow="hidden",setTimeout(()=>{c.current?.focus()},0),()=>{document.body.style.overflow=i}}},[t]),!t)return null;const E=()=>{x&&s()},g=[e.default.panel,e.default[`size-${h}`],e.default[`position-${y}`],p].filter(Boolean).join(" ");return l.jsxs("div",{className:e.default.container,children:[N&&l.jsx("div",{className:e.default.overlay,onClick:E,"aria-hidden":"true"}),l.jsxs("div",{ref:D||c,className:g,role:"dialog","aria-modal":"true","aria-labelledby":"detail-panel-title",tabIndex:-1,...w,children:[l.jsxs("div",{className:e.default.header,children:[l.jsxs("div",{className:e.default.headerContent,children:[l.jsx("h2",{id:"detail-panel-title",className:e.default.title,children:f}),o&&l.jsx("p",{className:e.default.subtitle,children:o})]}),l.jsxs("div",{className:e.default.headerActions,children:[j,l.jsx("button",{type:"button",className:e.default.closeButton,onClick:s,"aria-label":"Close panel",children:l.jsx(P.X,{size:20})})]})]}),l.jsx("div",{className:e.default.body,children:b?l.jsx("div",{className:e.default.loading,children:l.jsx("div",{className:e.default.spinner})}):v}),n&&l.jsx("div",{className:e.default.footer,children:n})]})]})});u.displayName="DetailPanel";exports.DetailPanel=u;

package/dist/index44.mjs

@@ -0,0 +1,103 @@
+import { jsxs as a, jsx as i } from "react/jsx-runtime";
+import { forwardRef as P, useRef as R, useEffect as s } from "react";
+import { X as z } from "lucide-react";
+import e from "./index163.mjs";
+const B = P(
+  ({
+    open: l,
+    onClose: t,
+    title: f,
+    description: u,
+    subtitle: n,
+    children: v,
+    size: h = "md",
+    position: p = "right",
+    headerActions: y,
+    footer: d,
+    overlay: N = !0,
+    closeOnOverlayClick: b = !0,
+    closeOnEscape: o = !0,
+    loading: w = !1,
+    className: k,
+    ...D
+  }, E) => {
+    const c = R(null), m = u ?? n;
+    if (s(() => {
+      n && process.env.NODE_ENV === "development" && console.warn(
+        '[DetailPanel] The "subtitle" prop is deprecated. Use "description" instead. subtitle will be removed in v3.0.'
+      );
+    }, [n]), s(() => {
+      if (!l || !o) return;
+      const r = (j) => {
+        j.key === "Escape" && t();
+      };
+      return document.addEventListener("keydown", r), () => document.removeEventListener("keydown", r);
+    }, [l, o, t]), s(() => {
+      if (l) {
+        const r = document.body.style.overflow;
+        return document.body.style.overflow = "hidden", setTimeout(() => {
+          c.current?.focus();
+        }, 0), () => {
+          document.body.style.overflow = r;
+        };
+      }
+    }, [l]), !l) return null;
+    const g = () => {
+      b && t();
+    }, x = [
+      e.panel,
+      e[`size-${h}`],
+      e[`position-${p}`],
+      k
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ a("div", { className: e.container, children: [
+      N && /* @__PURE__ */ i(
+        "div",
+        {
+          className: e.overlay,
+          onClick: g,
+          "aria-hidden": "true"
+        }
+      ),
+      /* @__PURE__ */ a(
+        "div",
+        {
+          ref: E || c,
+          className: x,
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-labelledby": "detail-panel-title",
+          tabIndex: -1,
+          ...D,
+          children: [
+            /* @__PURE__ */ a("div", { className: e.header, children: [
+              /* @__PURE__ */ a("div", { className: e.headerContent, children: [
+                /* @__PURE__ */ i("h2", { id: "detail-panel-title", className: e.title, children: f }),
+                m && /* @__PURE__ */ i("p", { className: e.subtitle, children: m })
+              ] }),
+              /* @__PURE__ */ a("div", { className: e.headerActions, children: [
+                y,
+                /* @__PURE__ */ i(
+                  "button",
+                  {
+                    type: "button",
+                    className: e.closeButton,
+                    onClick: t,
+                    "aria-label": "Close panel",
+                    children: /* @__PURE__ */ i(z, { size: 20 })
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ i("div", { className: e.body, children: w ? /* @__PURE__ */ i("div", { className: e.loading, children: /* @__PURE__ */ i("div", { className: e.spinner }) }) : v }),
+            d && /* @__PURE__ */ i("div", { className: e.footer, children: d })
+          ]
+        }
+      )
+    ] });
+  }
+);
+B.displayName = "DetailPanel";
+export {
+  B as DetailPanel
+};

package/dist/index45.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),c=require("react"),e=require("./index164.cjs"),l=c.forwardRef(({orientation:s="horizontal",variant:t="solid",spacing:d="md",label:r,className:o,...n},u)=>{const i=[e.default.divider,e.default[s],e.default[t],e.default[`spacing-${d}`],r&&e.default.withLabel,o].filter(Boolean).join(" ");return r&&s==="horizontal"?a.jsxs("div",{className:i,role:"separator","aria-orientation":s,children:[a.jsx("span",{className:e.default.line}),a.jsx("span",{className:e.default.label,children:r}),a.jsx("span",{className:e.default.line})]}):a.jsx("hr",{ref:u,className:i,role:"separator","aria-orientation":s,...n})});l.displayName="Divider";exports.Divider=l;

package/dist/index45.mjs

@@ -0,0 +1,48 @@
+import { jsxs as c, jsx as s } from "react/jsx-runtime";
+import { forwardRef as d } from "react";
+import a from "./index164.mjs";
+const p = d(
+  ({
+    orientation: r = "horizontal",
+    variant: o = "solid",
+    spacing: l = "md",
+    label: e,
+    className: m,
+    ...n
+  }, t) => {
+    const i = [
+      a.divider,
+      a[r],
+      a[o],
+      a[`spacing-${l}`],
+      e && a.withLabel,
+      m
+    ].filter(Boolean).join(" ");
+    return e && r === "horizontal" ? /* @__PURE__ */ c(
+      "div",
+      {
+        className: i,
+        role: "separator",
+        "aria-orientation": r,
+        children: [
+          /* @__PURE__ */ s("span", { className: a.line }),
+          /* @__PURE__ */ s("span", { className: a.label, children: e }),
+          /* @__PURE__ */ s("span", { className: a.line })
+        ]
+      }
+    ) : /* @__PURE__ */ s(
+      "hr",
+      {
+        ref: t,
+        className: i,
+        role: "separator",
+        "aria-orientation": r,
+        ...n
+      }
+    );
+  }
+);
+p.displayName = "Divider";
+export {
+  p as Divider
+};

package/dist/index46 2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),t=require("react"),n=require("./index171.cjs"),b=t.createContext(null);function M(){const e=t.useContext(b);if(!e)throw new Error("InputOTP.Slot/Group/Separator must be used within an InputOTP");return e}const k=t.forwardRef(({className:e,children:s,...r},o)=>{const l=[n.default.group,e].filter(Boolean).join(" ");return u.jsx("div",{ref:o,className:l,...r,children:s})});k.displayName="InputOTP.Group";const w=t.forwardRef(({index:e,className:s,...r},o)=>{const{value:l,activeIndex:d,size:O,disabled:c,isFocused:I,focusInput:T}=M(),p=l[e],m=I&&e===d,P=p!==void 0&&p!=="",x=[n.default.slot,m&&n.default.slotActive,P&&n.default.slotFilled,c&&n.default.slotDisabled,s].filter(Boolean).join(" ");return u.jsx("div",{ref:o,className:x,onClick:T,...r,children:P?p:m?u.jsx("span",{className:n.default.caret}):null})});w.displayName="InputOTP.Slot";const R=t.forwardRef(({className:e,children:s,...r},o)=>{const l=[n.default.separator,e].filter(Boolean).join(" ");return u.jsx("div",{ref:o,className:l,role:"separator",...r,children:s??u.jsx("span",{"aria-hidden":"true",children:"–"})})});R.displayName="InputOTP.Separator";const g=t.forwardRef(({maxLength:e,value:s,defaultValue:r="",onChange:o,onComplete:l,type:d="numeric",size:O="md",disabled:c=!1,autoFocus:I=!1,className:T,children:p,...m},P)=>{const[x,y]=t.useState(r),[D,h]=t.useState(!1),j=t.useRef(null),N=s!==void 0,f=N?s:x,B=Math.min(f.length,e-1),F=d==="numeric"?"[0-9]":"[a-zA-Z0-9]",C=d==="numeric"?/[^0-9]/g:/[^a-zA-Z0-9]/g;t.useEffect(()=>{I&&j.current?.focus()},[I]);const v=t.useCallback(a=>{const i=a.replace(C,"").slice(0,e);N||y(i),o?.(i),i.length===e&&l?.(i)},[e,C,N,o,l]),A=t.useCallback(a=>{v(a.target.value)},[v]),G=t.useCallback(a=>{a.key==="Backspace"&&f.length===0&&a.preventDefault()},[f]),V=t.useCallback(a=>{a.preventDefault();const i=a.clipboardData.getData("text/plain");v(i)},[v]),S=t.useCallback(()=>{c||j.current?.focus()},[c]),q=[n.default.root,n.default[O],T].filter(Boolean).join(" "),z={value:f,activeIndex:B,size:O,disabled:c,isFocused:D,focusInput:S};return u.jsx(b.Provider,{value:z,children:u.jsxs("div",{ref:P,className:q,onClick:S,"data-otp-container":!0,...m,children:[u.jsx("input",{ref:j,className:n.default.hiddenInput,type:"text",inputMode:d==="numeric"?"numeric":"text",pattern:`${F}*`,maxLength:e,value:f,disabled:c,autoComplete:"one-time-code","aria-label":`OTP input, ${e} digits`,onChange:A,onKeyDown:G,onPaste:V,onFocus:()=>h(!0),onBlur:()=>h(!1),tabIndex:0}),p]})})});g.displayName="InputOTP";const E=Object.assign(g,{Group:k,Slot:w,Separator:R});exports.InputOTP=E;

package/dist/index46 4.mjs

@@ -0,0 +1,143 @@
+import { jsx as c, jsxs as Z } from "react/jsx-runtime";
+import { forwardRef as O, useState as D, useRef as $, useEffect as _, useCallback as f, createContext as q, useContext as H } from "react";
+import e from "./index171.mjs";
+const g = q(null);
+function J() {
+  const t = H(g);
+  if (!t)
+    throw new Error(
+      "InputOTP.Slot/Group/Separator must be used within an InputOTP"
+    );
+  return t;
+}
+const w = O(
+  ({ className: t, children: o, ...r }, s) => {
+    const a = [e.group, t].filter(Boolean).join(" ");
+    return /* @__PURE__ */ c("div", { ref: s, className: a, ...r, children: o });
+  }
+);
+w.displayName = "InputOTP.Group";
+const B = O(
+  ({ index: t, className: o, ...r }, s) => {
+    const {
+      value: a,
+      activeIndex: i,
+      size: N,
+      disabled: l,
+      isFocused: m,
+      focusInput: T
+    } = J(), p = a[t], I = m && t === i, v = p !== void 0 && p !== "", h = [
+      e.slot,
+      I && e.slotActive,
+      v && e.slotFilled,
+      l && e.slotDisabled,
+      o
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ c("div", { ref: s, className: h, onClick: T, ...r, children: v ? p : I ? /* @__PURE__ */ c("span", { className: e.caret }) : null });
+  }
+);
+B.displayName = "InputOTP.Slot";
+const b = O(
+  ({ className: t, children: o, ...r }, s) => {
+    const a = [e.separator, t].filter(Boolean).join(" ");
+    return /* @__PURE__ */ c("div", { ref: s, className: a, role: "separator", ...r, children: o ?? /* @__PURE__ */ c("span", { "aria-hidden": "true", children: "–" }) });
+  }
+);
+b.displayName = "InputOTP.Separator";
+const k = O(
+  ({
+    maxLength: t,
+    value: o,
+    defaultValue: r = "",
+    onChange: s,
+    onComplete: a,
+    type: i = "numeric",
+    size: N = "md",
+    disabled: l = !1,
+    autoFocus: m = !1,
+    className: T,
+    children: p,
+    ...I
+  }, v) => {
+    const [h, F] = D(r), [A, C] = D(!1), x = $(null), S = o !== void 0, d = S ? o : h, G = Math.min(d.length, t - 1), R = i === "numeric" ? "[0-9]" : "[a-zA-Z0-9]", j = i === "numeric" ? /[^0-9]/g : /[^a-zA-Z0-9]/g;
+    _(() => {
+      m && x.current?.focus();
+    }, [m]);
+    const P = f(
+      (n) => {
+        const u = n.replace(j, "").slice(0, t);
+        S || F(u), s?.(u), u.length === t && a?.(u);
+      },
+      [t, j, S, s, a]
+    ), V = f(
+      (n) => {
+        P(n.target.value);
+      },
+      [P]
+    ), z = f(
+      (n) => {
+        n.key === "Backspace" && d.length === 0 && n.preventDefault();
+      },
+      [d]
+    ), E = f(
+      (n) => {
+        n.preventDefault();
+        const u = n.clipboardData.getData("text/plain");
+        P(u);
+      },
+      [P]
+    ), y = f(() => {
+      l || x.current?.focus();
+    }, [l]), K = [e.root, e[N], T].filter(Boolean).join(" "), M = {
+      value: d,
+      activeIndex: G,
+      size: N,
+      disabled: l,
+      isFocused: A,
+      focusInput: y
+    };
+    return /* @__PURE__ */ c(g.Provider, { value: M, children: /* @__PURE__ */ Z(
+      "div",
+      {
+        ref: v,
+        className: K,
+        onClick: y,
+        "data-otp-container": !0,
+        ...I,
+        children: [
+          /* @__PURE__ */ c(
+            "input",
+            {
+              ref: x,
+              className: e.hiddenInput,
+              type: "text",
+              inputMode: i === "numeric" ? "numeric" : "text",
+              pattern: `${R}*`,
+              maxLength: t,
+              value: d,
+              disabled: l,
+              autoComplete: "one-time-code",
+              "aria-label": `OTP input, ${t} digits`,
+              onChange: V,
+              onKeyDown: z,
+              onPaste: E,
+              onFocus: () => C(!0),
+              onBlur: () => C(!1),
+              tabIndex: 0
+            }
+          ),
+          p
+        ]
+      }
+    ) });
+  }
+);
+k.displayName = "InputOTP";
+const X = Object.assign(k, {
+  Group: w,
+  Slot: B,
+  Separator: b
+});
+export {
+  X as InputOTP
+};

package/dist/index46.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),s=require("react"),g=require("react-dom"),a=require("./index207.cjs"),u=s.forwardRef(({children:e,className:r,...o},d)=>t.jsx("div",{ref:d,className:`${a.default.header} ${r||""}`,...o,children:e}));u.displayName="Drawer.Header";const f=s.forwardRef(({children:e,className:r,...o},d)=>t.jsx("div",{ref:d,className:`${a.default.body} ${r||""}`,...o,children:e}));f.displayName="Drawer.Body";const w=s.forwardRef(({children:e,className:r,...o},d)=>t.jsx("div",{ref:d,className:`${a.default.footer} ${r||""}`,...o,children:e}));w.displayName="Drawer.Footer";const m=s.forwardRef(({open:e,onClose:r,placement:o="right",size:d="md",closeOnBackdrop:n=!0,closeOnEscape:c=!0,showCloseButton:y=!0,children:v,className:b,...h},j)=>{const l=s.useCallback(i=>{c&&i.key==="Escape"&&r()},[c,r]),k=s.useCallback(()=>{n&&r()},[n,r]);if(s.useEffect(()=>{if(e){const i=document.body.style.overflow;return document.body.style.overflow="hidden",document.addEventListener("keydown",l),()=>{document.body.style.overflow=i,document.removeEventListener("keydown",l)}}},[e,l]),!e)return null;const x=[a.default.overlay,e&&a.default.overlayVisible].filter(Boolean).join(" "),D=[a.default.drawer,a.default[o],a.default[`size-${d}`],e&&a.default.drawerVisible,b].filter(Boolean).join(" "),N=t.jsxs("div",{className:x,children:[t.jsx("div",{className:a.default.backdrop,onClick:k,"aria-hidden":"true"}),t.jsxs("div",{ref:j,className:D,role:"dialog","aria-modal":"true",...h,children:[y&&t.jsx("button",{type:"button",className:a.default.closeButton,onClick:r,"aria-label":"Close drawer",children:t.jsx("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t.jsx("path",{d:"M15 5L5 15M5 5L15 15",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}),v]})]});return g.createPortal(N,document.body)});m.displayName="Drawer";const p=Object.assign(m,{Header:u,Body:f,Footer:w});exports.Drawer=p;

package/dist/index46.mjs

@@ -0,0 +1,132 @@
+import { jsxs as m, jsx as d } from "react/jsx-runtime";
+import { forwardRef as s, useCallback as u, useEffect as j } from "react";
+import { createPortal as L } from "react-dom";
+import o from "./index207.mjs";
+const w = s(
+  ({ children: e, className: r, ...t }, a) => /* @__PURE__ */ d(
+    "div",
+    {
+      ref: a,
+      className: `${o.header} ${r || ""}`,
+      ...t,
+      children: e
+    }
+  )
+);
+w.displayName = "Drawer.Header";
+const y = s(
+  ({ children: e, className: r, ...t }, a) => /* @__PURE__ */ d("div", { ref: a, className: `${o.body} ${r || ""}`, ...t, children: e })
+);
+y.displayName = "Drawer.Body";
+const f = s(
+  ({ children: e, className: r, ...t }, a) => /* @__PURE__ */ d(
+    "div",
+    {
+      ref: a,
+      className: `${o.footer} ${r || ""}`,
+      ...t,
+      children: e
+    }
+  )
+);
+f.displayName = "Drawer.Footer";
+const v = s(
+  ({
+    open: e,
+    onClose: r,
+    placement: t = "right",
+    size: a = "md",
+    closeOnBackdrop: n = !0,
+    closeOnEscape: c = !0,
+    showCloseButton: h = !0,
+    children: b,
+    className: k,
+    ...p
+  }, N) => {
+    const i = u(
+      (l) => {
+        c && l.key === "Escape" && r();
+      },
+      [c, r]
+    ), D = u(() => {
+      n && r();
+    }, [n, r]);
+    if (j(() => {
+      if (e) {
+        const l = document.body.style.overflow;
+        return document.body.style.overflow = "hidden", document.addEventListener("keydown", i), () => {
+          document.body.style.overflow = l, document.removeEventListener("keydown", i);
+        };
+      }
+    }, [e, i]), !e)
+      return null;
+    const g = [o.overlay, e && o.overlayVisible].filter(Boolean).join(" "), B = [
+      o.drawer,
+      o[t],
+      o[`size-${a}`],
+      e && o.drawerVisible,
+      k
+    ].filter(Boolean).join(" "), $ = /* @__PURE__ */ m("div", { className: g, children: [
+      /* @__PURE__ */ d(
+        "div",
+        {
+          className: o.backdrop,
+          onClick: D,
+          "aria-hidden": "true"
+        }
+      ),
+      /* @__PURE__ */ m(
+        "div",
+        {
+          ref: N,
+          className: B,
+          role: "dialog",
+          "aria-modal": "true",
+          ...p,
+          children: [
+            h && /* @__PURE__ */ d(
+              "button",
+              {
+                type: "button",
+                className: o.closeButton,
+                onClick: r,
+                "aria-label": "Close drawer",
+                children: /* @__PURE__ */ d(
+                  "svg",
+                  {
+                    width: "20",
+                    height: "20",
+                    viewBox: "0 0 20 20",
+                    fill: "none",
+                    xmlns: "http://www.w3.org/2000/svg",
+                    children: /* @__PURE__ */ d(
+                      "path",
+                      {
+                        d: "M15 5L5 15M5 5L15 15",
+                        stroke: "currentColor",
+                        strokeWidth: "1.5",
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round"
+                      }
+                    )
+                  }
+                )
+              }
+            ),
+            b
+          ]
+        }
+      )
+    ] });
+    return L($, document.body);
+  }
+);
+v.displayName = "Drawer";
+const H = Object.assign(v, {
+  Header: w,
+  Body: y,
+  Footer: f
+});
+export {
+  H as Drawer
+};

package/dist/index47 2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),v=require("react"),r=require("lucide-react"),a=require("./index152.cjs"),b=({priority:s})=>!s||s==="low"?null:e.jsx("span",{className:`${a.default.priority} ${a.default[`priority-${s}`]}`,children:e.jsx(r.AlertCircle,{size:12})}),g=({card:s,compact:t,onClick:n,draggable:d})=>e.jsxs("div",{className:`${a.default.card} ${t?a.default.cardCompact:""}`,onClick:n,draggable:d,role:"button",tabIndex:0,onKeyDown:l=>{(l.key==="Enter"||l.key===" ")&&(l.preventDefault(),n?.())},children:[s.coverImage&&!t&&e.jsx("div",{className:a.default.cardCover,children:e.jsx("img",{src:s.coverImage,alt:""})}),e.jsxs("div",{className:a.default.cardContent,children:[s.labels&&s.labels.length>0&&!t&&e.jsx("div",{className:a.default.labels,children:s.labels.map(l=>e.jsx("span",{className:`${a.default.label} ${a.default[`label-${l.color}`]}`,children:l.text},l.id))}),e.jsxs("div",{className:a.default.cardTitle,children:[e.jsx(b,{priority:s.priority}),e.jsx("span",{children:s.title})]}),s.description&&!t&&e.jsx("p",{className:a.default.cardDescription,children:s.description}),(s.dueDate||s.assignees&&s.assignees.length>0)&&e.jsxs("div",{className:a.default.cardFooter,children:[s.dueDate&&e.jsxs("span",{className:a.default.dueDate,children:[e.jsx(r.Clock,{size:12}),e.jsx("span",{children:s.dueDate})]}),s.assignees&&s.assignees.length>0&&e.jsxs("div",{className:a.default.assignees,children:[s.assignees.slice(0,3).map(l=>e.jsx("div",{className:a.default.assignee,title:l.name,children:l.avatar?e.jsx("img",{src:l.avatar,alt:l.name}):e.jsx("span",{children:l.name.charAt(0)})},l.id)),s.assignees.length>3&&e.jsxs("div",{className:a.default.assigneeMore,children:["+",s.assignees.length-3]})]})]})]})]}),C=({column:s,compact:t,showCardCount:n,draggable:d,onCardClick:l,onAddCard:i,onColumnMenu:u})=>{const m=s.limit&&s.cards.length>s.limit;return e.jsxs("div",{className:a.default.column,children:[e.jsxs("div",{className:a.default.columnHeader,children:[e.jsxs("div",{className:a.default.columnTitleWrapper,children:[s.color&&s.color!=="default"&&e.jsx("span",{className:`${a.default.columnDot} ${a.default[`dot-${s.color}`]}`}),e.jsx("h3",{className:a.default.columnTitle,children:s.title}),n&&e.jsxs("span",{className:`${a.default.columnCount} ${m?a.default.columnCountOver:""}`,children:[s.cards.length,s.limit&&`/${s.limit}`]})]}),e.jsxs("div",{className:a.default.columnActions,children:[i&&e.jsx("button",{type:"button",className:a.default.columnAction,onClick:i,"aria-label":"Add card",children:e.jsx(r.Plus,{size:16})}),u&&e.jsx("button",{type:"button",className:a.default.columnAction,onClick:u,"aria-label":"Column menu",children:e.jsx(r.MoreHorizontal,{size:16})})]})]}),e.jsxs("div",{className:a.default.columnCards,children:[s.cards.map(c=>e.jsx(g,{card:c,compact:t,draggable:d,onClick:()=>l?.(c)},c.id)),s.cards.length===0&&e.jsx("div",{className:a.default.emptyColumn,children:"No cards yet"})]}),i&&e.jsxs("button",{type:"button",className:a.default.addCardButton,onClick:i,children:[e.jsx(r.Plus,{size:16}),e.jsx("span",{children:"Add card"})]})]})},j=v.forwardRef(({columns:s,onCardMove:t,onCardClick:n,onAddCard:d,onAddColumn:l,onColumnMenu:i,compact:u=!1,showCardCount:m=!0,draggable:c=!0,className:x,...f},h)=>{const N=[a.default.kanbanBoard,x].filter(Boolean).join(" ");return e.jsx("div",{ref:h,className:N,...f,children:e.jsxs("div",{className:a.default.columns,children:[s.map(o=>e.jsx(C,{column:o,compact:u,showCardCount:m,draggable:c,onCardClick:p=>n?.(p,o.id),onAddCard:d?()=>d(o.id):void 0,onColumnMenu:i?()=>i(o.id):void 0},o.id)),l&&e.jsxs("button",{type:"button",className:a.default.addColumnButton,onClick:l,children:[e.jsx(r.Plus,{size:20}),e.jsx("span",{children:"Add column"})]})]})})});j.displayName="KanbanBoard";exports.KanbanBoard=j;