@orion-ds/react 4.2.14 → 4.3.7

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;

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

@@ -1 +1 @@
-{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAIH,OAAO,KAAK,EAAE,SAAS,EAA2B,MAAM,cAAc,CAAC;AAiFvE,eAAO,MAAM,IAAI,wGA2DhB,CAAC"}
+{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAE,SAAS,EAA2B,MAAM,cAAc,CAAC;AAiFvE,eAAO,MAAM,IAAI,wGA2DhB,CAAC"}

package/dist/components/List/List.mjs

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

package/dist/components/MetricCards/MetricCards.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),M=require("react"),b=require("lucide-react"),s=require("./MetricCards.module.css.cjs"),y=({data:a})=>{if(!a||a.length<2)return null;const c=Math.max(...a),d=Math.min(...a),u=c-d||1,t=a[0],l=a[a.length-1],i=24,r=64,n=r/(a.length-1),o=a.map((f,h)=>{const m=h*n,j=i-(f-d)/u*i;return`${m},${j}`}).join(" "),x=t!==void 0&&l!==void 0&&l>=t;return e.jsx("svg",{className:s.default.sparkline,width:r,height:i,viewBox:`0 0 ${r} ${i}`,children:e.jsx("polyline",{fill:"none",stroke:x?"var(--text-success)":"var(--text-error)",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",points:o})})},N=M.forwardRef(({metric:a,variant:c="default",loading:d=!1,className:u,...t},l)=>{const{label:i,value:r,change:n,icon:o,sparkline:x,href:f,onClick:h,description:m,loading:j}=a,p=d||j,C=f||h,v=[s.default.card,s.default[`variant-${c}`],C&&s.default.interactive,p&&s.default.loading,u].filter(Boolean).join(" "),g=e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:s.default.cardHeader,children:[o&&e.jsx("span",{className:s.default.cardIcon,children:o}),e.jsx("span",{className:s.default.label,children:i})]}),e.jsx("div",{className:s.default.cardBody,children:p?e.jsx("div",{className:s.default.skeleton}):e.jsxs(e.Fragment,{children:[e.jsx("span",{className:s.default.value,children:r}),x&&c==="detailed"&&e.jsx(y,{data:x})]})}),(n||m)&&!p&&e.jsxs("div",{className:s.default.cardFooter,children:[n&&e.jsxs("span",{className:`${s.default.change} ${n.positive?s.default.positive:s.default.negative}`,children:[n.positive?e.jsx(b.TrendingUp,{size:12}):e.jsx(b.TrendingDown,{size:12}),e.jsx("span",{children:n.value}),n.label&&e.jsx("span",{className:s.default.changeLabel,children:n.label})]}),m&&c==="detailed"&&e.jsx("span",{className:s.default.description,children:m})]})]});return f?e.jsx("a",{ref:l,href:f,className:v,...t,children:g}):h?e.jsx("button",{ref:l,type:"button",onClick:h,className:v,...t,children:g}):e.jsx("div",{ref:l,className:v,...t,children:g})});N.displayName="MetricCard";const k=M.forwardRef(({metrics:a,columns:c=4,variant:d="default",loading:u=!1,className:t,...l},i)=>{const r=[s.default.metricCards,s.default[`cols-${c}`],t].filter(Boolean).join(" ");return e.jsx("div",{ref:i,className:r,...l,children:a.map((n,o)=>e.jsx(N,{metric:n,variant:d,loading:u},n.id||n.label||o))})});k.displayName="MetricCards";exports.MetricCard=N;exports.MetricCards=k;

package/dist/components/MetricCards/MetricCards.mjs

@@ -0,0 +1,125 @@
+import { jsxs as u, Fragment as b, jsx as n } from "react/jsx-runtime";
+import { forwardRef as $ } from "react";
+import { TrendingUp as C, TrendingDown as M } from "lucide-react";
+import e from "./MetricCards.module.css.mjs";
+const L = ({ data: s }) => {
+  if (!s || s.length < 2) return null;
+  const r = Math.max(...s), o = Math.min(...s), m = r - o || 1, a = s[0], l = s[s.length - 1], c = 24, t = 64, i = t / (s.length - 1), d = s.map((h, p) => {
+    const v = p * i, g = c - (h - o) / m * c;
+    return `${v},${g}`;
+  }).join(" "), N = a !== void 0 && l !== void 0 && l >= a;
+  return /* @__PURE__ */ n(
+    "svg",
+    {
+      className: e.sparkline,
+      width: t,
+      height: c,
+      viewBox: `0 0 ${t} ${c}`,
+      children: /* @__PURE__ */ n(
+        "polyline",
+        {
+          fill: "none",
+          stroke: N ? "var(--text-success)" : "var(--text-error)",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          points: d
+        }
+      )
+    }
+  );
+}, y = $(
+  ({ metric: s, variant: r = "default", loading: o = !1, className: m, ...a }, l) => {
+    const {
+      label: c,
+      value: t,
+      change: i,
+      icon: d,
+      sparkline: N,
+      href: h,
+      onClick: p,
+      description: v,
+      loading: g
+    } = s, f = o || g, j = h || p, k = [
+      e.card,
+      e[`variant-${r}`],
+      j && e.interactive,
+      f && e.loading,
+      m
+    ].filter(Boolean).join(" "), x = /* @__PURE__ */ u(b, { children: [
+      /* @__PURE__ */ u("div", { className: e.cardHeader, children: [
+        d && /* @__PURE__ */ n("span", { className: e.cardIcon, children: d }),
+        /* @__PURE__ */ n("span", { className: e.label, children: c })
+      ] }),
+      /* @__PURE__ */ n("div", { className: e.cardBody, children: f ? /* @__PURE__ */ n("div", { className: e.skeleton }) : /* @__PURE__ */ u(b, { children: [
+        /* @__PURE__ */ n("span", { className: e.value, children: t }),
+        N && r === "detailed" && /* @__PURE__ */ n(L, { data: N })
+      ] }) }),
+      (i || v) && !f && /* @__PURE__ */ u("div", { className: e.cardFooter, children: [
+        i && /* @__PURE__ */ u(
+          "span",
+          {
+            className: `${e.change} ${i.positive ? e.positive : e.negative}`,
+            children: [
+              i.positive ? /* @__PURE__ */ n(C, { size: 12 }) : /* @__PURE__ */ n(M, { size: 12 }),
+              /* @__PURE__ */ n("span", { children: i.value }),
+              i.label && /* @__PURE__ */ n("span", { className: e.changeLabel, children: i.label })
+            ]
+          }
+        ),
+        v && r === "detailed" && /* @__PURE__ */ n("span", { className: e.description, children: v })
+      ] })
+    ] });
+    return h ? /* @__PURE__ */ n(
+      "a",
+      {
+        ref: l,
+        href: h,
+        className: k,
+        ...a,
+        children: x
+      }
+    ) : p ? /* @__PURE__ */ n(
+      "button",
+      {
+        ref: l,
+        type: "button",
+        onClick: p,
+        className: k,
+        ...a,
+        children: x
+      }
+    ) : /* @__PURE__ */ n("div", { ref: l, className: k, ...a, children: x });
+  }
+);
+y.displayName = "MetricCard";
+const w = $(
+  ({
+    metrics: s,
+    columns: r = 4,
+    variant: o = "default",
+    loading: m = !1,
+    className: a,
+    ...l
+  }, c) => {
+    const t = [
+      e.metricCards,
+      e[`cols-${r}`],
+      a
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ n("div", { ref: c, className: t, ...l, children: s.map((i, d) => /* @__PURE__ */ n(
+      y,
+      {
+        metric: i,
+        variant: o,
+        loading: m
+      },
+      i.id || i.label || d
+    )) });
+  }
+);
+w.displayName = "MetricCards";
+export {
+  y as MetricCard,
+  w as MetricCards
+};

package/dist/components/Modal/Modal.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),n=require("react"),o=require("./Modal.module.css.cjs"),r=({open:e,onClose:a,size:t="md",closeOnBackdrop:m=!0,closeOnEscape:s=!0,showCloseButton:f=!0,children:y,className:v})=>{if(n.useEffect(()=>{if(!e||!s)return;const d=b=>{b.key==="Escape"&&a()};return document.addEventListener("keydown",d),()=>document.removeEventListener("keydown",d)},[e,s,a]),n.useEffect(()=>(e?document.body.style.overflow="hidden":document.body.style.overflow="",()=>{document.body.style.overflow=""}),[e]),!e)return null;const N=[o.default.modal,o.default[t],v].filter(Boolean).join(" "),j=d=>{m&&d.target===d.currentTarget&&a()};return l.jsx("div",{className:o.default.backdrop,onClick:j,role:"dialog","aria-modal":"true",children:l.jsxs("div",{className:N,children:[f&&l.jsx("button",{type:"button",className:o.default.closeButton,onClick:a,"aria-label":"Close modal",style:{position:"absolute",top:"var(--spacing-4)",right:"var(--spacing-4)"},children:"×"}),y]})})},i=({className:e,children:a})=>{const t=[o.default.header,e].filter(Boolean).join(" ");return l.jsx("div",{className:t,children:a})},c=({className:e,children:a})=>{const t=[o.default.body,e].filter(Boolean).join(" ");return l.jsx("div",{className:t,children:a})},u=({className:e,children:a})=>{const t=[o.default.footer,e].filter(Boolean).join(" ");return l.jsx("div",{className:t,children:a})};r.Header=i;r.Body=c;r.Footer=u;r.displayName="Modal";i.displayName="Modal.Header";c.displayName="Modal.Body";u.displayName="Modal.Footer";exports.Modal=r;

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

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,KAAK,EACV,UAAU,EACV,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EACjB,MAAM,eAAe,CAAC;AAIvB,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAAC,GAAG;IACzC,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC;IACnC,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC;IAC/B,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC;CA+EpC,CAAC"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,KAAK,EACV,UAAU,EACV,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EACjB,MAAM,eAAe,CAAC;AAIvB,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAAC,GAAG;IACzC,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC;IACnC,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC;IAC/B,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC;CA+EpC,CAAC"}

package/dist/components/Modal/Modal.mjs

@@ -0,0 +1,72 @@
+import { jsx as l, jsxs as B } from "react/jsx-runtime";
+import { useEffect as n } from "react";
+import t from "./Modal.module.css.mjs";
+const s = ({
+  open: e,
+  onClose: o,
+  size: a = "md",
+  closeOnBackdrop: u = !0,
+  closeOnEscape: d = !0,
+  showCloseButton: y = !0,
+  children: f,
+  className: v
+}) => {
+  if (n(() => {
+    if (!e || !d) return;
+    const r = (b) => {
+      b.key === "Escape" && o();
+    };
+    return document.addEventListener("keydown", r), () => document.removeEventListener("keydown", r);
+  }, [e, d, o]), n(() => (e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
+    document.body.style.overflow = "";
+  }), [e]), !e) return null;
+  const N = [t.modal, t[a], v].filter(Boolean).join(" "), p = (r) => {
+    u && r.target === r.currentTarget && o();
+  };
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      className: t.backdrop,
+      onClick: p,
+      role: "dialog",
+      "aria-modal": "true",
+      children: /* @__PURE__ */ B("div", { className: N, children: [
+        y && /* @__PURE__ */ l(
+          "button",
+          {
+            type: "button",
+            className: t.closeButton,
+            onClick: o,
+            "aria-label": "Close modal",
+            style: {
+              position: "absolute",
+              top: "var(--spacing-4)",
+              right: "var(--spacing-4)"
+            },
+            children: "×"
+          }
+        ),
+        f
+      ] })
+    }
+  );
+}, i = ({ className: e, children: o }) => {
+  const a = [t.header, e].filter(Boolean).join(" ");
+  return /* @__PURE__ */ l("div", { className: a, children: o });
+}, c = ({ className: e, children: o }) => {
+  const a = [t.body, e].filter(Boolean).join(" ");
+  return /* @__PURE__ */ l("div", { className: a, children: o });
+}, m = ({ className: e, children: o }) => {
+  const a = [t.footer, e].filter(Boolean).join(" ");
+  return /* @__PURE__ */ l("div", { className: a, children: o });
+};
+s.Header = i;
+s.Body = c;
+s.Footer = m;
+s.displayName = "Modal";
+i.displayName = "Modal.Header";
+c.displayName = "Modal.Body";
+m.displayName = "Modal.Footer";
+export {
+  s as Modal
+};

package/dist/components/NavTree/NavTree.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),N=require("react"),d=require("lucide-react"),z=require("../../hooks/useLocalStorage.cjs"),s=require("./NavTree.module.css.cjs"),S=require("../Button/Button.cjs"),B=require("../Dropdown/Dropdown.cjs"),y=require("../Collapsible/Collapsible.cjs"),A=N.createContext(void 0);function R(){const n=N.useContext(A);if(!n)throw new Error("useNavTreeContext must be used within NavTree");return n}const k=N.forwardRef(({sections:n,activeNodeId:h,onNodeClick:f,actions:p,persistKey:m="orion-nav-tree",header:r,footer:u,width:l=240,className:a,headless:c=!1},i)=>{const j=N.useMemo(()=>n.filter(t=>t.defaultExpanded!==!1).map(t=>t.id),[n]),[x,C]=z.useLocalStorage(`${m}-sections`,j),[v,b]=z.useLocalStorage(`${m}-nodes`,[]),I={activeNodeId:h,openSectionIds:x,openNodeIds:v,toggleSection:t=>{C(g=>g.includes(t)?g.filter($=>$!==t):[...g,t])},toggleNode:t=>{b(g=>g.includes(t)?g.filter($=>$!==t):[...g,t])},isOpen:t=>t.startsWith("section-")?x.includes(t.replace("section-","")):v.includes(t),onNodeClick:f,actionConfig:p},w={width:typeof l=="number"?`${l}px`:l},O=c?n.flatMap(t=>t.nodes):[],M=c?O.length===0:n.length===0,q=c?"No nodes":"No sections";return e.jsxs("div",{ref:i,className:`${s.default.navTree} ${a||""}`,style:w,role:"tree",children:[r&&e.jsx("div",{className:s.default.header,children:r}),e.jsx("div",{className:s.default.treeContent,children:e.jsx(A.Provider,{value:I,children:M?e.jsx("div",{className:s.default.empty,children:q}):c?O.map(t=>e.jsx(T,{node:t,depth:0,sectionId:""},t.id)):n.map(t=>e.jsx(P,{section:t},t.id))})}),u&&e.jsx("div",{className:s.default.footer,children:u})]})});k.displayName="NavTree";function P({section:n}){const{isOpen:h,toggleSection:f,actionConfig:p}=R(),m=`section-${n.id}`,r=h(m),u=n.variant??"node",l=i=>{i.stopPropagation(),p?.onAdd?.(null,n.id)},a=u==="node"?s.default.sectionTitleNode:s.default.sectionTitle,c=`${s.default.sectionHeader} ${u==="node"?s.default.sectionHeaderNode:""}`.trim();return e.jsx("div",{className:s.default.section,role:"group",children:e.jsxs(y.Collapsible,{open:r,onOpenChange:()=>f(n.id),disabled:n.nodes.length===0,children:[e.jsx(y.Collapsible.Trigger,{asChild:!0,children:e.jsxs("div",{className:c,children:[n.icon?e.jsxs("div",{className:s.default.iconSlot,children:[e.jsx("span",{className:s.default.slotIcon,children:n.icon}),n.nodes.length>0&&e.jsx("div",{className:`${s.default.slotChevron} ${r?s.default.slotChevronOpen:""}`,children:e.jsx(d.ChevronRight,{size:16})})]}):n.nodes.length>0&&e.jsx(d.ChevronRight,{size:12,className:`${s.default.sectionChevron} ${r?s.default.sectionChevronOpen:""}`}),e.jsx("span",{className:a,children:n.title}),n.badge!==void 0&&e.jsx("span",{className:s.default.sectionBadge,children:n.badge}),e.jsx("div",{className:s.default.sectionActions,children:e.jsx(S.Button,{variant:"ghost",size:"sm",iconOnly:!0,icon:e.jsx(d.Plus,{size:12}),onClick:l,"aria-label":`Agregar página en ${n.title}`,title:`Agregar página en ${n.title}`})})]})}),e.jsx(y.Collapsible.Content,{children:e.jsx("div",{className:s.default.sectionBody,children:n.nodes.map(i=>e.jsx(T,{node:i,depth:0,sectionId:n.id},i.id))})})]})})}function T({node:n,depth:h,sectionId:f}){const{activeNodeId:p,isOpen:m,toggleNode:r,onNodeClick:u,actionConfig:l}=R(),a=n.type==="folder",c=a&&n.children&&n.children.length>0,i=m(n.id),j=p===n.id,x=()=>{a?r(n.id):u&&u(n)},C=o=>{o.stopPropagation(),l?.onAdd?.(a?n.id:null,f)},v=[{id:"rename",label:"Renombrar",icon:e.jsx(d.Pencil,{size:14}),onClick:()=>l?.onRename?.(n.id)},{id:"duplicate",label:"Duplicar",icon:e.jsx(d.Copy,{size:14}),onClick:()=>l?.onDuplicate?.(n.id)},{id:"move",label:"Mover a…",icon:e.jsx(d.FolderSymlink,{size:14}),onClick:()=>l?.onMove?.(n.id)},{id:"delete",label:"Eliminar",icon:e.jsx(d.Trash2,{size:14}),danger:!0,onClick:()=>l?.onDelete?.(n.id)}];if(l?.getCustomActions){const o=l.getCustomActions(n);v.push(...o)}const b={paddingLeft:`calc(var(--spacing-2) * ${h+1})`};return e.jsxs("div",{className:s.default.node,role:"treeitem","aria-expanded":a&&i,children:[e.jsxs("div",{className:`${s.default.nodeRow} ${j?s.default.nodeRowActive:""} ${h>0?s.default.nodeNested:""}`,onClick:x,style:b,tabIndex:0,onKeyDown:o=>{(o.key==="Enter"||o.key===" ")&&(o.preventDefault(),x())},children:[n.icon?a?e.jsxs("div",{className:s.default.iconSlot,children:[e.jsx("span",{className:s.default.slotIcon,children:n.icon}),c&&e.jsx("div",{className:`${s.default.slotChevron} ${i?s.default.slotChevronOpen:""}`,children:e.jsx(d.ChevronRight,{size:16})})]}):e.jsx("div",{className:s.default.iconSlot,children:e.jsx("span",{className:s.default.slotIcon,children:n.icon})}):a?e.jsx(d.ChevronRight,{size:12,className:`${s.default.nodeChevron} ${i?s.default.nodeChevronOpen:""}`}):e.jsx("div",{className:s.default.nodeChevronHidden}),e.jsx("span",{className:s.default.nodeLabel,children:n.label}),n.badge!==void 0&&e.jsx("span",{className:s.default.nodeBadge,children:n.badge}),e.jsxs("div",{className:s.default.nodeActions,children:[e.jsx(S.Button,{variant:"ghost",size:"sm",iconOnly:!0,icon:e.jsx(d.Plus,{size:14}),onClick:C,"aria-label":`Agregar página en ${n.label}`,title:`Agregar página en ${n.label}`}),e.jsx(B.Dropdown,{trigger:e.jsx(S.Button,{variant:"ghost",size:"sm",iconOnly:!0,icon:e.jsx(d.MoreHorizontal,{size:14}),"aria-label":"Más acciones",title:"Más acciones"}),items:v,placement:"bottom-end",minWidth:160})]})]}),a&&i&&c&&e.jsx("div",{className:s.default.nodeChildren,children:n.children.map(o=>e.jsx(T,{node:o,depth:h+1,sectionId:f},o.id))})]})}exports.NavTree=k;

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

@@ -1 +1 @@
-{"version":3,"file":"NavTree.d.ts","sourceRoot":"","sources":["../../../src/components/NavTree/NavTree.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AAsBH,OAAO,KAAK,EACV,YAAY,EAIb,MAAM,iBAAiB,CAAC;AAwBzB;;GAEG;AACH,eAAO,MAAM,OAAO,yGAiHnB,CAAC"}
+{"version":3,"file":"NavTree.d.ts","sourceRoot":"","sources":["../../../src/components/NavTree/NavTree.tsx"],"names":[],"mappings":"AAkEA,OAAO,KAAK,EACV,YAAY,EAIb,MAAM,iBAAiB,CAAC;AAwBzB;;GAEG;AACH,eAAO,MAAM,OAAO,yGAiHnB,CAAC"}