@orion-ds/react 4.2.14 → 4.3.7

package/dist/components/FormSection/FormSection.mjs

@@ -0,0 +1,84 @@
+import { jsxs as c, jsx as a } from "react/jsx-runtime";
+import { forwardRef as p, useState as B } from "react";
+import { ChevronDown as H } from "lucide-react";
+import e from "./FormSection.module.css.mjs";
+const h = p(
+  ({ label: o, helpText: n, children: i, columns: r = 1, className: s, ...d }, t) => {
+    const m = [e.group, e[`columns-${r}`], s].filter(Boolean).join(" ");
+    return /* @__PURE__ */ c("div", { ref: t, className: m, ...d, children: [
+      o && /* @__PURE__ */ a("div", { className: e.groupLabel, children: o }),
+      /* @__PURE__ */ a("div", { className: e.groupFields, children: i }),
+      n && /* @__PURE__ */ a("div", { className: e.groupHelp, children: n })
+    ] });
+  }
+);
+h.displayName = "FormSection.Group";
+const f = p(
+  ({ children: o, align: n = "end", className: i, ...r }, s) => {
+    const d = [e.actions, e[`align-${n}`], i].filter(Boolean).join(" ");
+    return /* @__PURE__ */ a("div", { ref: s, className: d, ...r, children: o });
+  }
+);
+f.displayName = "FormSection.Actions";
+const u = p(
+  ({
+    title: o,
+    description: n,
+    children: i,
+    actions: r,
+    collapsible: s = !1,
+    defaultCollapsed: d = !1,
+    divider: t = !1,
+    variant: m = "default",
+    icon: N,
+    disabled: v = !1,
+    className: g,
+    ...S
+  }, F) => {
+    const [l, j] = B(d), y = [
+      e.formSection,
+      e[`variant-${m}`],
+      t && e.divider,
+      v && e.disabled,
+      s && e.collapsible,
+      l && e.collapsed,
+      g
+    ].filter(Boolean).join(" "), C = () => {
+      s && j(!l);
+    }, $ = s ? "button" : "div", x = s ? {
+      type: "button",
+      onClick: C,
+      "aria-expanded": !l
+    } : {};
+    return /* @__PURE__ */ c("div", { ref: F, className: y, ...S, children: [
+      (o || N || s) && /* @__PURE__ */ c($, { className: e.header, ...x, children: [
+        /* @__PURE__ */ c("div", { className: e.headerContent, children: [
+          N && /* @__PURE__ */ a("span", { className: e.icon, children: N }),
+          (o || n) && /* @__PURE__ */ c("div", { className: e.headerText, children: [
+            o && /* @__PURE__ */ a("h3", { className: e.title, children: o }),
+            n && /* @__PURE__ */ a("p", { className: e.description, children: n })
+          ] })
+        ] }),
+        s && /* @__PURE__ */ a(
+          H,
+          {
+            size: 20,
+            className: `${e.collapseIcon} ${l ? e.iconCollapsed : ""}`
+          }
+        )
+      ] }),
+      (!s || !l) && /* @__PURE__ */ c("div", { className: e.content, children: [
+        /* @__PURE__ */ a("div", { className: e.fields, children: i }),
+        r && /* @__PURE__ */ a("div", { className: e.actionsWrapper, children: r })
+      ] })
+    ] });
+  }
+);
+u.displayName = "FormSection";
+const z = Object.assign(u, {
+  Group: h,
+  Actions: f
+});
+export {
+  z as FormSection
+};

package/dist/components/Icon/Icon.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const I=require("react/jsx-runtime"),t=require("react"),n=require("./Icon.module.css.cjs"),S={xs:12,sm:16,md:20,lg:24,xl:32},l=t.forwardRef(({icon:i,size:e="md",color:s="current",strokeWidth:d=2,label:a,decorative:c=!1,disabled:f=!1,className:o,style:u,...m},p)=>{const h=t.useMemo(()=>typeof e=="number"?e:S[e],[e]),g=t.useMemo(()=>{const r=[n.default.icon];return typeof e=="string"&&r.push(n.default[e]),r.push(n.default[s]),f&&r.push(n.default.disabled),o&&r.push(o),r.filter(Boolean).join(" ")},[e,s,f,o]),y=t.useMemo(()=>c?{"aria-hidden":!0,role:"presentation"}:{"aria-label":a,role:"img"},[c,a]),M=t.useMemo(()=>typeof e=="number"?{width:e,height:e,...u}:u,[e,u]);return I.jsx(i,{ref:p,className:g,size:h,strokeWidth:d,style:M,...y,...m})});l.displayName="Icon";exports.Icon=l;

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

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AAGH,OAAO,KAAK,EAAE,SAAS,EAAY,MAAM,cAAc,CAAC;AAexD,eAAO,MAAM,IAAI,qGA0FhB,CAAC"}
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAsCA,OAAO,KAAK,EAAE,SAAS,EAAY,MAAM,cAAc,CAAC;AAexD,eAAO,MAAM,IAAI,qGA0FhB,CAAC"}

package/dist/components/Icon/Icon.mjs

@@ -0,0 +1,54 @@
+import { jsx as x } from "react/jsx-runtime";
+import { forwardRef as I, useMemo as n } from "react";
+import o from "./Icon.module.css.mjs";
+const S = {
+  xs: 12,
+  sm: 16,
+  md: 20,
+  lg: 24,
+  xl: 32
+}, b = I(
+  ({
+    icon: i,
+    size: r = "md",
+    color: f = "current",
+    strokeWidth: a = 2,
+    label: u,
+    decorative: m = !1,
+    disabled: p = !1,
+    className: e,
+    style: s,
+    ...c
+  }, l) => {
+    const d = n(() => typeof r == "number" ? r : S[r], [r]), h = n(() => {
+      const t = [o.icon];
+      return typeof r == "string" && t.push(o[r]), t.push(o[f]), p && t.push(o.disabled), e && t.push(e), t.filter(Boolean).join(" ");
+    }, [r, f, p, e]), y = n(() => m ? {
+      "aria-hidden": !0,
+      role: "presentation"
+    } : {
+      "aria-label": u,
+      role: "img"
+    }, [m, u]), g = n(() => typeof r == "number" ? {
+      width: r,
+      height: r,
+      ...s
+    } : s, [r, s]);
+    return /* @__PURE__ */ x(
+      i,
+      {
+        ref: l,
+        className: h,
+        size: d,
+        strokeWidth: a,
+        style: g,
+        ...y,
+        ...c
+      }
+    );
+  }
+);
+b.displayName = "Icon";
+export {
+  b as Icon
+};

package/dist/components/IconGallery/IconGallery.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("./IconGallery.module.css.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/components/IconGallery/IconGallery.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconGallery.d.ts","sourceRoot":"","sources":["../../../src/components/IconGallery/IconGallery.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAyC,MAAM,OAAO,CAAC;AAG9D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAuG5D,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA8HlD,CAAC"}
+{"version":3,"file":"IconGallery.d.ts","sourceRoot":"","sources":["../../../src/components/IconGallery/IconGallery.tsx"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AAEH,OAAO,KAAyC,MAAM,OAAO,CAAC;AAG9D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAuG5D,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA8HlD,CAAC"}

package/dist/components/IconGallery/IconGallery.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 "./IconGallery.module.css.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/components/InputOTP/InputOTP.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),t=require("react"),n=require("./InputOTP.module.css.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/components/InputOTP/InputOTP.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputOTP.d.ts","sourceRoot":"","sources":["../../../src/components/InputOTP/InputOTP.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EACV,aAAa,EACb,kBAAkB,EAClB,iBAAiB,EACjB,sBAAsB,EAEvB,MAAM,kBAAkB,CAAC;AA2M1B,eAAO,MAAM,QAAQ;;;;CAInB,CAAC"}
+{"version":3,"file":"InputOTP.d.ts","sourceRoot":"","sources":["../../../src/components/InputOTP/InputOTP.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EACV,aAAa,EACb,kBAAkB,EAClB,iBAAiB,EACjB,sBAAsB,EAEvB,MAAM,kBAAkB,CAAC;AA2M1B,eAAO,MAAM,QAAQ;;;;CAInB,CAAC"}

package/dist/components/InputOTP/InputOTP.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 "./InputOTP.module.css.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/components/KanbanBoard/KanbanBoard.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("./KanbanBoard.module.css.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;