@orion-ds/react 4.6.5 → 4.7.0

package/dist/index47 2.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 "./index152.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/index47.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),s=require("react"),U=require("react-dom"),i=require("./index184.cjs"),V=(e,l,m)=>{const r=window.scrollX,c=window.scrollY,u=4;let n=0,h=0;switch(m){case"bottom-start":n=e.bottom+c+u,h=e.left+r;break;case"bottom":n=e.bottom+c+u,h=e.left+r+(e.width-l.width)/2;break;case"bottom-end":n=e.bottom+c+u,h=e.right+r-l.width;break;case"top-start":n=e.top+c-l.height-u,h=e.left+r;break;case"top":n=e.top+c-l.height-u,h=e.left+r+(e.width-l.width)/2;break;case"top-end":n=e.top+c-l.height-u,h=e.right+r-l.width;break}return{top:n,left:h}},_=({item:e,onSelect:l,onNavigate:m})=>{const r=()=>{e.disabled||(e.onClick?.(),l())},c=n=>{n.key==="Enter"||n.key===" "?(n.preventDefault(),r()):n.key==="ArrowDown"?(n.preventDefault(),m?.("down")):n.key==="ArrowUp"&&(n.preventDefault(),m?.("up"))},u=[i.default.item,e.disabled&&i.default.disabled,e.danger&&i.default.danger].filter(Boolean).join(" ");return a.jsxs("div",{className:u,role:"menuitem",tabIndex:e.disabled?-1:0,"aria-disabled":e.disabled,onClick:r,onKeyDown:c,children:[e.icon&&a.jsx("span",{className:i.default.icon,"aria-hidden":"true",children:e.icon}),a.jsx("span",{className:i.default.label,children:e.label}),e.shortcut&&a.jsx("span",{className:i.default.shortcut,"aria-hidden":"true",children:e.shortcut})]})},P=s.forwardRef(({trigger:e,items:l=[],groups:m=[],placement:r="bottom-start",open:c,onOpenChange:u,onSelect:n,minWidth:h=180,closeOnSelect:y=!0,className:F,...S},A)=>{const[B,M]=s.useState(!1),[C,z]=s.useState({top:0,left:0}),[v,E]=s.useState(-1),w=s.useRef(null),k=s.useRef(null),x=s.useRef(new Map);s.useImperativeHandle(A,()=>w.current);const j=c!==void 0,f=j?c:B,I=(m.length>0?m:[{items:l}]).flatMap(t=>t.items).filter(t=>!t.disabled),b=s.useCallback(t=>{j||M(t),u?.(t),t||E(-1)},[j,u]),p=s.useCallback(()=>{if(!w.current||!k.current)return;const t=w.current.getBoundingClientRect(),d=k.current.getBoundingClientRect(),o=V(t,d,r);z(o)},[r]);s.useEffect(()=>{if(f)return requestAnimationFrame(p),window.addEventListener("resize",p),window.addEventListener("scroll",p,!0),requestAnimationFrame(()=>{const t=x.current.get(0);t&&(t.focus(),E(0))}),()=>{window.removeEventListener("resize",p),window.removeEventListener("scroll",p,!0)}},[f,p]),s.useEffect(()=>{if(!f)return;const t=d=>{const o=d.target;w.current&&!w.current.contains(o)&&k.current&&!k.current.contains(o)&&b(!1)};return document.addEventListener("mousedown",t),()=>document.removeEventListener("mousedown",t)},[f,b]),s.useEffect(()=>{if(!f)return;const t=d=>{d.key==="Escape"&&b(!1)};return document.addEventListener("keydown",t),()=>document.removeEventListener("keydown",t)},[f,b]);const K=s.useCallback(()=>{b(!f)},[f,b]),T=s.useCallback(t=>{n?.(t),y&&b(!1)},[y,n,b]),X=s.useCallback(t=>{const d=I.length;if(d===0)return;let o;t==="down"?o=v<d-1?v+1:0:o=v>0?v-1:d-1,E(o),x.current.get(o)?.focus()},[v,I.length]),Y=s.isValidElement(e)?s.cloneElement(e,{onClick:K,"aria-expanded":f,"aria-haspopup":"menu"}):e,D=m.length>0?m:[{items:l}],H=[i.default.menu,f&&i.default.visible,F].filter(Boolean).join(" ");let N=0;const O=a.jsx("div",{ref:k,className:H,style:{top:C.top,left:C.left,minWidth:h},role:"menu","aria-orientation":"vertical",...S,children:D.map((t,d)=>a.jsxs("div",{className:i.default.group,children:[t.label&&a.jsx("div",{className:i.default.groupLabel,children:t.label}),t.items.map(o=>{const L=N;return o.disabled||N++,a.jsx("div",{ref:q=>{q&&!o.disabled&&x.current.set(L,q)},children:a.jsx(_,{item:o,onSelect:()=>T(o),onNavigate:X})},o.id)}),d<D.length-1&&a.jsx("div",{className:i.default.separator,role:"separator"})]},d))});return a.jsxs(a.Fragment,{children:[a.jsx("div",{ref:w,className:i.default.trigger,children:Y}),f&&U.createPortal(O,document.body)]})});P.displayName="Dropdown";exports.Dropdown=P;

package/dist/index47.mjs

@@ -0,0 +1,176 @@
+import { jsx as m, jsxs as L, Fragment as O } from "react/jsx-runtime";
+import { forwardRef as Q, useState as N, useRef as C, useImperativeHandle as W, useCallback as k, useEffect as x, isValidElement as Z, cloneElement as _ } from "react";
+import { createPortal as $ } from "react-dom";
+import r from "./index184.mjs";
+const g = (e, s, u) => {
+  const a = window.scrollX, i = window.scrollY, d = 4;
+  let n = 0, f = 0;
+  switch (u) {
+    case "bottom-start":
+      n = e.bottom + i + d, f = e.left + a;
+      break;
+    case "bottom":
+      n = e.bottom + i + d, f = e.left + a + (e.width - s.width) / 2;
+      break;
+    case "bottom-end":
+      n = e.bottom + i + d, f = e.right + a - s.width;
+      break;
+    case "top-start":
+      n = e.top + i - s.height - d, f = e.left + a;
+      break;
+    case "top":
+      n = e.top + i - s.height - d, f = e.left + a + (e.width - s.width) / 2;
+      break;
+    case "top-end":
+      n = e.top + i - s.height - d, f = e.right + a - s.width;
+      break;
+  }
+  return { top: n, left: f };
+}, R = ({
+  item: e,
+  onSelect: s,
+  onNavigate: u
+}) => {
+  const a = () => {
+    e.disabled || (e.onClick?.(), s());
+  }, i = (n) => {
+    n.key === "Enter" || n.key === " " ? (n.preventDefault(), a()) : n.key === "ArrowDown" ? (n.preventDefault(), u?.("down")) : n.key === "ArrowUp" && (n.preventDefault(), u?.("up"));
+  }, d = [
+    r.item,
+    e.disabled && r.disabled,
+    e.danger && r.danger
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ L(
+    "div",
+    {
+      className: d,
+      role: "menuitem",
+      tabIndex: e.disabled ? -1 : 0,
+      "aria-disabled": e.disabled,
+      onClick: a,
+      onKeyDown: i,
+      children: [
+        e.icon && /* @__PURE__ */ m("span", { className: r.icon, "aria-hidden": "true", children: e.icon }),
+        /* @__PURE__ */ m("span", { className: r.label, children: e.label }),
+        e.shortcut && /* @__PURE__ */ m("span", { className: r.shortcut, "aria-hidden": "true", children: e.shortcut })
+      ]
+    }
+  );
+}, ee = Q(
+  ({
+    trigger: e,
+    items: s = [],
+    groups: u = [],
+    placement: a = "bottom-start",
+    open: i,
+    onOpenChange: d,
+    onSelect: n,
+    minWidth: f = 180,
+    closeOnSelect: D = !0,
+    className: q,
+    ...z
+  }, K) => {
+    const [X, Y] = N(!1), [F, H] = N({ top: 0, left: 0 }), [b, E] = N(-1), p = C(null), v = C(null), I = C(/* @__PURE__ */ new Map());
+    W(K, () => p.current);
+    const y = i !== void 0, c = y ? i : X, P = (u.length > 0 ? u : [{ items: s }]).flatMap((t) => t.items).filter((t) => !t.disabled), h = k(
+      (t) => {
+        y || Y(t), d?.(t), t || E(-1);
+      },
+      [y, d]
+    ), w = k(() => {
+      if (!p.current || !v.current) return;
+      const t = p.current.getBoundingClientRect(), l = v.current.getBoundingClientRect(), o = g(t, l, a);
+      H(o);
+    }, [a]);
+    x(() => {
+      if (c)
+        return requestAnimationFrame(w), window.addEventListener("resize", w), window.addEventListener("scroll", w, !0), requestAnimationFrame(() => {
+          const t = I.current.get(0);
+          t && (t.focus(), E(0));
+        }), () => {
+          window.removeEventListener("resize", w), window.removeEventListener("scroll", w, !0);
+        };
+    }, [c, w]), x(() => {
+      if (!c) return;
+      const t = (l) => {
+        const o = l.target;
+        p.current && !p.current.contains(o) && v.current && !v.current.contains(o) && h(!1);
+      };
+      return document.addEventListener("mousedown", t), () => document.removeEventListener("mousedown", t);
+    }, [c, h]), x(() => {
+      if (!c) return;
+      const t = (l) => {
+        l.key === "Escape" && h(!1);
+      };
+      return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
+    }, [c, h]);
+    const S = k(() => {
+      h(!c);
+    }, [c, h]), T = k(
+      (t) => {
+        n?.(t), D && h(!1);
+      },
+      [D, n, h]
+    ), U = k(
+      (t) => {
+        const l = P.length;
+        if (l === 0) return;
+        let o;
+        t === "down" ? o = b < l - 1 ? b + 1 : 0 : o = b > 0 ? b - 1 : l - 1, E(o), I.current.get(o)?.focus();
+      },
+      [b, P.length]
+    ), V = Z(e) ? _(e, {
+      onClick: S,
+      "aria-expanded": c,
+      "aria-haspopup": "menu"
+    }) : e, j = u.length > 0 ? u : [{ items: s }], G = [r.menu, c && r.visible, q].filter(Boolean).join(" ");
+    let A = 0;
+    const J = /* @__PURE__ */ m(
+      "div",
+      {
+        ref: v,
+        className: G,
+        style: {
+          top: F.top,
+          left: F.left,
+          minWidth: f
+        },
+        role: "menu",
+        "aria-orientation": "vertical",
+        ...z,
+        children: j.map((t, l) => /* @__PURE__ */ L("div", { className: r.group, children: [
+          t.label && /* @__PURE__ */ m("div", { className: r.groupLabel, children: t.label }),
+          t.items.map((o) => {
+            const B = A;
+            return o.disabled || A++, /* @__PURE__ */ m(
+              "div",
+              {
+                ref: (M) => {
+                  M && !o.disabled && I.current.set(B, M);
+                },
+                children: /* @__PURE__ */ m(
+                  R,
+                  {
+                    item: o,
+                    onSelect: () => T(o),
+                    onNavigate: U
+                  }
+                )
+              },
+              o.id
+            );
+          }),
+          l < j.length - 1 && /* @__PURE__ */ m("div", { className: r.separator, role: "separator" })
+        ] }, l))
+      }
+    );
+    return /* @__PURE__ */ L(O, { children: [
+      /* @__PURE__ */ m("div", { ref: p, className: r.trigger, children: V }),
+      c && $(J, document.body)
+    ] });
+  }
+);
+ee.displayName = "Dropdown";
+export {
+  ee as Dropdown
+};

package/dist/index48 2.mjs

@@ -0,0 +1,106 @@
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { ThemeProvider as o } from "./index75.mjs";
+import { Navbar as l } from "./index54.mjs";
+import { Button as t } from "./index14.mjs";
+import { Section as n } from "./index63.mjs";
+import { Container as r } from "./index29.mjs";
+function m() {
+  return /* @__PURE__ */ e(o, { children: /* @__PURE__ */ i(
+    "div",
+    {
+      style: { minHeight: "100vh", display: "flex", flexDirection: "column" },
+      children: [
+        /* @__PURE__ */ e(l, { children: /* @__PURE__ */ i(
+          "div",
+          {
+            style: {
+              display: "flex",
+              justifyContent: "space-between",
+              alignItems: "center",
+              width: "100%",
+              padding: "0 24px"
+            },
+            children: [
+              /* @__PURE__ */ e("strong", { children: "Orion" }),
+              /* @__PURE__ */ i("div", { style: { display: "flex", gap: "24px" }, children: [
+                /* @__PURE__ */ e(t, { variant: "ghost", children: "Features" }),
+                /* @__PURE__ */ e(t, { variant: "ghost", children: "Pricing" }),
+                /* @__PURE__ */ e(t, { variant: "ghost", children: "Docs" }),
+                /* @__PURE__ */ e(t, { variant: "primary", children: "Get Started" })
+              ] })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(r, { children: /* @__PURE__ */ i(
+          "div",
+          {
+            style: {
+              textAlign: "center",
+              paddingTop: "60px",
+              paddingBottom: "60px"
+            },
+            children: [
+              /* @__PURE__ */ e(
+                "h1",
+                {
+                  style: {
+                    fontSize: "48px",
+                    marginBottom: "16px",
+                    fontWeight: "bold"
+                  },
+                  children: "Welcome to Orion Design System"
+                }
+              ),
+              /* @__PURE__ */ e(
+                "p",
+                {
+                  style: {
+                    fontSize: "18px",
+                    marginBottom: "32px",
+                    color: "var(--text-secondary)"
+                  },
+                  children: "The AI-first design system for building beautiful, accessible interfaces"
+                }
+              ),
+              /* @__PURE__ */ e(t, { variant: "primary", size: "lg", children: "Start Building" })
+            ]
+          }
+        ) }) }),
+        /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(r, { children: /* @__PURE__ */ i("div", { style: { textAlign: "center" }, children: [
+          /* @__PURE__ */ e(
+            "h2",
+            {
+              style: {
+                fontSize: "32px",
+                marginBottom: "16px",
+                fontWeight: "bold"
+              },
+              children: "Premium Sections Available"
+            }
+          ),
+          /* @__PURE__ */ i(
+            "p",
+            {
+              style: { marginBottom: "24px", color: "var(--text-secondary)" },
+              children: [
+                "For pre-built marketing and app sections, templates, and advanced components, install ",
+                /* @__PURE__ */ e("strong", { children: "@orion-ds/blocks" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ e(
+            t,
+            {
+              variant: "secondary",
+              onClick: () => window.open("https://github.com/anthropics/orion", "_blank"),
+              children: "Learn More"
+            }
+          )
+        ] }) }) })
+      ]
+    }
+  ) });
+}
+export {
+  m as LandingPageExample
+};

package/dist/index48 3.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("./index75.cjs"),s=require("./index54.cjs"),t=require("./index14.cjs"),n=require("./index63.cjs"),i=require("./index29.cjs");function o(){return e.jsx(r.ThemeProvider,{children:e.jsxs("div",{style:{minHeight:"100vh",display:"flex",flexDirection:"column"},children:[e.jsx(s.Navbar,{children:e.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",width:"100%",padding:"0 24px"},children:[e.jsx("strong",{children:"Orion"}),e.jsxs("div",{style:{display:"flex",gap:"24px"},children:[e.jsx(t.Button,{variant:"ghost",children:"Features"}),e.jsx(t.Button,{variant:"ghost",children:"Pricing"}),e.jsx(t.Button,{variant:"ghost",children:"Docs"}),e.jsx(t.Button,{variant:"primary",children:"Get Started"})]})]})}),e.jsx(n.Section,{children:e.jsx(i.Container,{children:e.jsxs("div",{style:{textAlign:"center",paddingTop:"60px",paddingBottom:"60px"},children:[e.jsx("h1",{style:{fontSize:"48px",marginBottom:"16px",fontWeight:"bold"},children:"Welcome to Orion Design System"}),e.jsx("p",{style:{fontSize:"18px",marginBottom:"32px",color:"var(--text-secondary)"},children:"The AI-first design system for building beautiful, accessible interfaces"}),e.jsx(t.Button,{variant:"primary",size:"lg",children:"Start Building"})]})})}),e.jsx(n.Section,{children:e.jsx(i.Container,{children:e.jsxs("div",{style:{textAlign:"center"},children:[e.jsx("h2",{style:{fontSize:"32px",marginBottom:"16px",fontWeight:"bold"},children:"Premium Sections Available"}),e.jsxs("p",{style:{marginBottom:"24px",color:"var(--text-secondary)"},children:["For pre-built marketing and app sections, templates, and advanced components, install ",e.jsx("strong",{children:"@orion-ds/blocks"})]}),e.jsx(t.Button,{variant:"secondary",onClick:()=>window.open("https://github.com/anthropics/orion","_blank"),children:"Learn More"})]})})})]})})}exports.LandingPageExample=o;

package/dist/index48.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),f=require("react"),e=require("./index165.cjs"),r=f.forwardRef(({icon:a,title:i,description:s,action:l,secondaryAction:d,size:c="md",className:m,...u},n)=>{const o=[e.default.emptyState,e.default[c],m].filter(Boolean).join(" ");return t.jsxs("div",{ref:n,className:o,...u,children:[a&&t.jsx("div",{className:e.default.icon,"aria-hidden":"true",children:a}),t.jsx("h3",{className:e.default.title,children:i}),s&&t.jsx("p",{className:e.default.description,children:s}),(l||d)&&t.jsxs("div",{className:e.default.actions,children:[l,d]})]})});r.displayName="EmptyState";exports.EmptyState=r;

package/dist/index48.mjs

@@ -0,0 +1,30 @@
+import { jsxs as i, jsx as s } from "react/jsx-runtime";
+import { forwardRef as h } from "react";
+import e from "./index165.mjs";
+const N = h(
+  ({
+    icon: a,
+    title: l,
+    description: t,
+    action: r,
+    secondaryAction: m,
+    size: d = "md",
+    className: c,
+    ...o
+  }, n) => {
+    const p = [e.emptyState, e[d], c].filter(Boolean).join(" ");
+    return /* @__PURE__ */ i("div", { ref: n, className: p, ...o, children: [
+      a && /* @__PURE__ */ s("div", { className: e.icon, "aria-hidden": "true", children: a }),
+      /* @__PURE__ */ s("h3", { className: e.title, children: l }),
+      t && /* @__PURE__ */ s("p", { className: e.description, children: t }),
+      (r || m) && /* @__PURE__ */ i("div", { className: e.actions, children: [
+        r,
+        m
+      ] })
+    ] });
+  }
+);
+N.displayName = "EmptyState";
+export {
+  N as EmptyState
+};

package/dist/index49 2.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("./index176.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/index49 2.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 "./index176.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/index49.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),a=require("lucide-react"),t=require("./index209.cjs");class i extends o.Component{constructor(r){super(r),this.reset=()=>{this.setState({hasError:!1,error:null})},this.state={hasError:!1,error:null}}static getDerivedStateFromError(r){return{hasError:!0,error:r}}componentDidCatch(r,s){this.props.onError?.(r,s)}componentDidUpdate(r){this.state.hasError&&this.props.resetKey!==void 0&&r.resetKey!==this.props.resetKey&&this.reset()}render(){if(this.state.hasError&&this.state.error){const{fallback:r}=this.props;return typeof r=="function"?r(this.state.error,this.reset):r||e.jsxs("div",{className:t.default.errorBoundary,role:"alert",children:[e.jsx(a.AlertCircle,{size:32,className:t.default.icon}),e.jsx("p",{className:t.default.title,children:"Something went wrong"}),e.jsx("p",{className:t.default.message,children:this.state.error.message}),e.jsx("button",{className:t.default.resetButton,onClick:this.reset,type:"button",children:"Try again"})]})}return this.props.children}}exports.ErrorBoundary=i;

package/dist/index49.mjs

@@ -0,0 +1,43 @@
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import i from "react";
+import { AlertCircle as a } from "lucide-react";
+import e from "./index209.mjs";
+class m extends i.Component {
+  constructor(r) {
+    super(r), this.reset = () => {
+      this.setState({ hasError: !1, error: null });
+    }, this.state = { hasError: !1, error: null };
+  }
+  static getDerivedStateFromError(r) {
+    return { hasError: !0, error: r };
+  }
+  componentDidCatch(r, s) {
+    this.props.onError?.(r, s);
+  }
+  componentDidUpdate(r) {
+    this.state.hasError && this.props.resetKey !== void 0 && r.resetKey !== this.props.resetKey && this.reset();
+  }
+  render() {
+    if (this.state.hasError && this.state.error) {
+      const { fallback: r } = this.props;
+      return typeof r == "function" ? r(this.state.error, this.reset) : r || /* @__PURE__ */ o("div", { className: e.errorBoundary, role: "alert", children: [
+        /* @__PURE__ */ t(a, { size: 32, className: e.icon }),
+        /* @__PURE__ */ t("p", { className: e.title, children: "Something went wrong" }),
+        /* @__PURE__ */ t("p", { className: e.message, children: this.state.error.message }),
+        /* @__PURE__ */ t(
+          "button",
+          {
+            className: e.resetButton,
+            onClick: this.reset,
+            type: "button",
+            children: "Try again"
+          }
+        )
+      ] });
+    }
+    return this.props.children;
+  }
+}
+export {
+  m as ErrorBoundary
+};

package/dist/index5 2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),c=require("react"),y=require("lucide-react"),e=require("./index112.cjs"),A=({item:a,isExpanded:s,onToggle:i,variant:f,animated:r})=>{const t=c.useId(),u=c.useId(),h=[e.default.item,e.default[f],s&&e.default.expanded,a.disabled&&e.default.disabled].filter(Boolean).join(" "),x=[e.default.content,r&&e.default.animated,s&&e.default.contentExpanded].filter(Boolean).join(" ");return n.jsxs("div",{className:h,children:[n.jsxs("button",{id:u,type:"button",className:e.default.header,onClick:i,disabled:a.disabled,"aria-expanded":s,"aria-controls":t,children:[a.icon&&n.jsx("span",{className:e.default.icon,"aria-hidden":"true",children:a.icon}),n.jsx("span",{className:e.default.title,children:a.title}),n.jsx("span",{className:`${e.default.chevron} ${s?e.default.chevronExpanded:""}`,"aria-hidden":"true",children:n.jsx(y.ChevronDown,{size:20})})]}),n.jsx("div",{id:t,role:"region","aria-labelledby":u,className:x,hidden:!s,children:n.jsx("div",{className:e.default.contentInner,children:a.content})})]})},p=c.forwardRef(({items:a,variant:s="default",allowMultiple:i=!1,defaultExpanded:f=[],expanded:r,onChange:t,animated:u=!0,className:h,...x},b)=>{const[N,v]=c.useState(f),j=r!==void 0,l=j?r:N,m=c.useCallback(d=>{let o;l.includes(d)?o=l.filter(g=>g!==d):i?o=[...l,d]:o=[d],j||v(o),t?.(o)},[l,i,j,t]),C=[e.default.accordion,e.default[s],h].filter(Boolean).join(" ");return n.jsx("div",{ref:b,className:C,...x,children:a.map(d=>n.jsx(A,{item:d,isExpanded:l.includes(d.id),onToggle:()=>m(d.id),variant:s,animated:u},d.id))})});p.displayName="Accordion";exports.Accordion=p;