@orion-ds/react 4.8.0 → 4.9.1

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.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;

package/dist/components/KanbanBoard/KanbanBoard.mjs

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

package/dist/components/Link/Link.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),w=require("react"),L=require("lucide-react"),e=require("./Link.module.css.cjs"),u=w.forwardRef(({variant:c="default",size:n="md",external:t=!1,underline:o=!0,showExternalIcon:d=!0,icon:a,iconRight:l,iconAnimation:s,className:f,children:h,...m},x)=>{const g=[e.default.link,e.default[c],e.default[n],o&&e.default.underline,f].filter(Boolean).join(" "),j=t?{target:"_blank",rel:"noopener noreferrer"}:{},p=()=>{switch(n){case"sm":return 12;case"lg":return 16;default:return 14}},i=k=>{if(!s)return k==="right"&&t?e.default.iconExternal:"";switch(s){case"arrow":return e.default.iconArrow;case"arrow-left":return e.default.iconArrowLeft;case"external":return e.default.iconExternal;default:return""}},$=()=>l?r.jsx("span",{className:`${e.default.icon} ${e.default.iconRight} ${i("right")}`,"aria-hidden":"true",children:l}):t&&d?r.jsx("span",{className:`${e.default.icon} ${e.default.iconRight} ${e.default.iconExternal}`,"aria-hidden":"true",children:r.jsx(L.ExternalLink,{size:p()})}):null;return r.jsxs("a",{ref:x,className:g,...j,...m,children:[a&&r.jsx("span",{className:`${e.default.icon} ${i("left")}`,"aria-hidden":"true",children:a}),r.jsx("span",{children:h}),$()]})});u.displayName="Link";exports.Link=u;

package/dist/components/Link/Link.mjs

@@ -0,0 +1,82 @@
+import { jsxs as N, jsx as e } from "react/jsx-runtime";
+import { forwardRef as k } from "react";
+import { ExternalLink as E } from "lucide-react";
+import r from "./Link.module.css.mjs";
+const L = k(
+  ({
+    variant: c = "default",
+    size: t = "md",
+    external: n = !1,
+    underline: l = !0,
+    showExternalIcon: u = !0,
+    icon: a,
+    iconRight: i,
+    iconAnimation: s,
+    className: f,
+    children: d,
+    ...m
+  }, h) => {
+    const p = [
+      r.link,
+      r[c],
+      r[t],
+      l && r.underline,
+      f
+    ].filter(Boolean).join(" "), g = n ? {
+      target: "_blank",
+      rel: "noopener noreferrer"
+    } : {}, $ = () => {
+      switch (t) {
+        case "sm":
+          return 12;
+        case "lg":
+          return 16;
+        default:
+          return 14;
+      }
+    }, o = (x) => {
+      if (!s)
+        return x === "right" && n ? r.iconExternal : "";
+      switch (s) {
+        case "arrow":
+          return r.iconArrow;
+        case "arrow-left":
+          return r.iconArrowLeft;
+        case "external":
+          return r.iconExternal;
+        default:
+          return "";
+      }
+    }, w = () => i ? /* @__PURE__ */ e(
+      "span",
+      {
+        className: `${r.icon} ${r.iconRight} ${o("right")}`,
+        "aria-hidden": "true",
+        children: i
+      }
+    ) : n && u ? /* @__PURE__ */ e(
+      "span",
+      {
+        className: `${r.icon} ${r.iconRight} ${r.iconExternal}`,
+        "aria-hidden": "true",
+        children: /* @__PURE__ */ e(E, { size: $() })
+      }
+    ) : null;
+    return /* @__PURE__ */ N("a", { ref: h, className: p, ...g, ...m, children: [
+      a && /* @__PURE__ */ e(
+        "span",
+        {
+          className: `${r.icon} ${o("left")}`,
+          "aria-hidden": "true",
+          children: a
+        }
+      ),
+      /* @__PURE__ */ e("span", { children: d }),
+      w()
+    ] });
+  }
+);
+L.displayName = "Link";
+export {
+  L as Link
+};

package/dist/components/List/List.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),h=require("react"),y=require("lucide-react"),a=require("./List.module.css.cjs"),N=({item:s,size:c,interactive:e,selectable:d,onClick:o})=>{const i=h.useCallback(()=>{!s.disabled&&(e||d)&&s.onClick&&s.onClick(),o?.()},[s,e,d,o]),t=h.useCallback(u=>{(u.key==="Enter"||u.key===" ")&&(e||d)&&(u.preventDefault(),i())},[e,d,i]),f=[a.default.item,a.default[c],e&&a.default.interactive,d&&a.default.selectable,s.selected&&a.default.selected,s.disabled&&a.default.disabled,s.className].filter(Boolean).join(" "),r=!s.disabled&&(e||d||s.onClick);return l.jsxs("li",{className:f,role:d?"option":e?"button":void 0,tabIndex:r?0:void 0,"aria-selected":d?s.selected:void 0,"aria-disabled":s.disabled,onClick:r?i:void 0,onKeyDown:r?t:void 0,children:[s.leading&&l.jsx("span",{className:a.default.leading,"aria-hidden":"true",children:s.leading}),l.jsxs("div",{className:a.default.content,children:[l.jsx("span",{className:a.default.primary,children:s.primary}),s.secondary&&l.jsx("span",{className:a.default.secondary,children:s.secondary})]}),s.trailing&&l.jsx("span",{className:a.default.trailing,children:s.trailing}),d&&s.selected&&l.jsx("span",{className:a.default.checkmark,"aria-hidden":"true",children:l.jsx(y.Check,{size:c==="sm"?14:c==="lg"?20:16})})]})},j=h.forwardRef(({items:s,size:c="md",variant:e="default",interactive:d=!1,selectable:o=!1,onSelect:i,renderItem:t,emptyContent:f,className:r,...u},k)=>{const x=h.useCallback(n=>{i&&!n.disabled&&i(n)},[i]),p=[a.default.list,a.default[e],r].filter(Boolean).join(" ");return s.length===0&&f?l.jsx("div",{className:a.default.empty,children:f}):l.jsx("ul",{ref:k,className:p,role:o?"listbox":"list",...u,children:s.map((n,C)=>t?l.jsx("li",{className:a.default.customItem,children:t(n,C)},n.id):l.jsx(N,{item:n,size:c,interactive:d,selectable:o,onClick:()=>x(n)},n.id))})});j.displayName="List";exports.List=j;