@orion-ds/react 4.8.0 → 4.9.1

package/dist/index59.mjs

@@ -1,190 +0,0 @@
-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 "./index184.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/index6.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index111.cjs"),t=require("./index113.cjs"),a=require("./index120.cjs"),r=require("./index124.cjs"),n=require("./index132.cjs"),o=require("./index133.cjs"),l=require("./index137.cjs"),g=require("./index139.cjs");exports.AgentEditor=e.AgentEditor;exports.AgentWorkspace=t.AgentWorkspace;exports.ChatPageTemplate=a.ChatPageTemplate;exports.DashboardTemplate=r.DashboardTemplate;exports.KanbanPageTemplate=n.KanbanPageTemplate;exports.LoginTemplate=o.LoginTemplate;exports.ProfilePageTemplate=l.ProfilePageTemplate;exports.SettingsTemplate=g.SettingsTemplate;

package/dist/index6.mjs

@@ -1,18 +0,0 @@
-import { AgentEditor as r } from "./index111.mjs";
-import { AgentWorkspace as a } from "./index113.mjs";
-import { ChatPageTemplate as m } from "./index120.mjs";
-import { DashboardTemplate as x } from "./index124.mjs";
-import { KanbanPageTemplate as l } from "./index132.mjs";
-import { LoginTemplate as T } from "./index133.mjs";
-import { ProfilePageTemplate as P } from "./index137.mjs";
-import { SettingsTemplate as b } from "./index139.mjs";
-export {
-  r as AgentEditor,
-  a as AgentWorkspace,
-  m as ChatPageTemplate,
-  x as DashboardTemplate,
-  l as KanbanPageTemplate,
-  T as LoginTemplate,
-  P as ProfilePageTemplate,
-  b as SettingsTemplate
-};

package/dist/index60.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("./index88.cjs"),s=require("./index66.cjs"),t=require("./index26.cjs"),n=require("./index75.cjs"),i=require("./index41.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/index60.mjs

@@ -1,106 +0,0 @@
-import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import { ThemeProvider as o } from "./index88.mjs";
-import { Navbar as l } from "./index66.mjs";
-import { Button as t } from "./index26.mjs";
-import { Section as n } from "./index75.mjs";
-import { Container as r } from "./index41.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/index61.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),w=require("react"),L=require("lucide-react"),e=require("./index202.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/index61.mjs

@@ -1,82 +0,0 @@
-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 "./index202.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/index62.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),h=require("react"),y=require("lucide-react"),a=require("./index200.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/index62.mjs

@@ -1,95 +0,0 @@
-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 "./index200.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/index63.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),M=require("react"),b=require("lucide-react"),s=require("./index206.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/index63.mjs

@@ -1,125 +0,0 @@
-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 "./index206.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/index64.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),n=require("react"),o=require("./index195.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;