@orion-ds/react 4.6.5 → 4.7.0

package/dist/index61 2.mjs

@@ -0,0 +1,76 @@
+import { jsxs as o, jsx as s } from "react/jsx-runtime";
+import { forwardRef as j, useId as R } from "react";
+import { AlertCircle as A } from "lucide-react";
+import e from "./index179.mjs";
+const B = j(
+  ({
+    label: r,
+    helperText: n,
+    error: a,
+    size: N = "md",
+    className: f,
+    id: u,
+    disabled: c,
+    required: l,
+    "aria-label": t,
+    "aria-describedby": p,
+    ...b
+  }, v) => {
+    const y = R(), d = u || `radio-${y}`, m = `${d}-error`, h = `${d}-helper`, i = [];
+    a && i.push(m), n && !a && i.push(h), p && i.push(p);
+    const I = i.length > 0 ? i.join(" ") : void 0;
+    !(r || t) && process.env.NODE_ENV === "development" && console.warn(
+      "Radio: Missing accessible name. Provide either a `label` prop or `aria-label` for screen reader users."
+    );
+    const g = [
+      e.container,
+      e[N],
+      a && e.error,
+      c && e.disabled,
+      f
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ o("div", { className: g, children: [
+      /* @__PURE__ */ s(
+        "input",
+        {
+          ref: v,
+          type: "radio",
+          id: d,
+          className: e.input,
+          disabled: c,
+          required: l,
+          "aria-required": l || void 0,
+          "aria-invalid": a ? "true" : "false",
+          "aria-describedby": I,
+          "aria-label": r ? void 0 : t,
+          ...b
+        }
+      ),
+      /* @__PURE__ */ o("label", { htmlFor: d, className: e.labelWrapper, children: [
+        /* @__PURE__ */ s("span", { className: e.radio, "aria-hidden": "true", children: /* @__PURE__ */ s("span", { className: e.dot }) }),
+        r && /* @__PURE__ */ o("span", { className: e.label, children: [
+          r,
+          l && /* @__PURE__ */ s("span", { className: e.required, "aria-hidden": "true", children: "*" })
+        ] })
+      ] }),
+      n && !a && /* @__PURE__ */ s("p", { id: h, className: e.helperText, children: n }),
+      a && /* @__PURE__ */ o(
+        "p",
+        {
+          id: m,
+          className: e.errorMessage,
+          role: "alert",
+          "aria-live": "assertive",
+          children: [
+            /* @__PURE__ */ s(A, { size: 14, "aria-hidden": "true" }),
+            /* @__PURE__ */ s("span", { children: a })
+          ]
+        }
+      )
+    ] });
+  }
+);
+B.displayName = "Radio";
+export {
+  B as Radio
+};

package/dist/index61.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("./index157.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

@@ -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 "./index157.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 2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),r=require("react"),u=require("lucide-react"),e=require("./index150.cjs"),p=r.forwardRef(({size:l="md",value:a,onClear:d,onSearch:t,showClear:j=!0,showSearchButton:m=!1,searchIcon:C,clearLabel:b="Clear search",searchLabel:x="Search",loading:n=!1,fullWidth:y=!1,disabled:f=!1,className:k,onKeyDown:h,...I},N)=>{const S=a!==void 0&&a!=="",g=r.useCallback(o=>{o.key==="Enter"&&t&&t(o.currentTarget.value),h?.(o)},[t,h]),B=r.useCallback(()=>{d?.()},[d]),q=r.useCallback(()=>{t&&typeof a=="string"&&t(a)},[t,a]),z=[e.default.container,e.default[l],y&&e.default.fullWidth,n&&e.default.loading,f&&e.default.disabled,k].filter(Boolean).join(" "),i={sm:"Sm",md:"Md",lg:"Lg",xl:"Xl"}[l],M=[e.default.input,e.default[`input${i}`]].join(" "),R=[e.default.searchIcon,e.default[`searchIcon${i}`]].join(" "),$=[e.default.clearButton,e.default[`clearButton${i}`]].join(" "),c=l==="sm"?16:l==="lg"?22:l==="xl"?26:18;return s.jsxs("div",{className:z,children:[s.jsx("span",{className:R,"aria-hidden":"true",children:n?s.jsx(u.Loader2,{size:c,className:e.default.spinner}):C||s.jsx(u.Search,{size:c})}),s.jsx("input",{ref:N,type:"search",className:M,value:a,disabled:f,onKeyDown:g,...I}),j&&S&&!n&&s.jsx("button",{type:"button",className:$,onClick:B,"aria-label":b,children:s.jsx(u.X,{size:c-2})}),m&&s.jsx("button",{type:"button",className:e.default.searchButton,onClick:q,"aria-label":x,disabled:n,children:s.jsx(u.Search,{size:c})})]})});p.displayName="SearchInput";exports.SearchInput=p;

package/dist/index62 2.mjs

@@ -0,0 +1,87 @@
+import { jsxs as L, jsx as e } from "react/jsx-runtime";
+import { forwardRef as S, useCallback as i } from "react";
+import { Loader2 as X, Search as u, X as D } from "lucide-react";
+import s from "./index150.mjs";
+const E = S(
+  ({
+    size: n = "md",
+    value: t,
+    onClear: m,
+    onSearch: a,
+    showClear: h = !0,
+    showSearchButton: f = !1,
+    searchIcon: C,
+    clearLabel: y = "Clear search",
+    searchLabel: b = "Search",
+    loading: l = !1,
+    fullWidth: N = !1,
+    disabled: p = !1,
+    className: j,
+    onKeyDown: d,
+    ...k
+  }, x) => {
+    const B = t !== void 0 && t !== "", I = i(
+      (o) => {
+        o.key === "Enter" && a && a(o.currentTarget.value), d?.(o);
+      },
+      [a, d]
+    ), z = i(() => {
+      m?.();
+    }, [m]), g = i(() => {
+      a && typeof t == "string" && a(t);
+    }, [a, t]), M = [
+      s.container,
+      s[n],
+      N && s.fullWidth,
+      l && s.loading,
+      p && s.disabled,
+      j
+    ].filter(Boolean).join(" "), r = { sm: "Sm", md: "Md", lg: "Lg", xl: "Xl" }[n], $ = [s.input, s[`input${r}`]].join(" "), w = [
+      s.searchIcon,
+      s[`searchIcon${r}`]
+    ].join(" "), K = [
+      s.clearButton,
+      s[`clearButton${r}`]
+    ].join(" "), c = n === "sm" ? 16 : n === "lg" ? 22 : n === "xl" ? 26 : 18;
+    return /* @__PURE__ */ L("div", { className: M, children: [
+      /* @__PURE__ */ e("span", { className: w, "aria-hidden": "true", children: l ? /* @__PURE__ */ e(X, { size: c, className: s.spinner }) : C || /* @__PURE__ */ e(u, { size: c }) }),
+      /* @__PURE__ */ e(
+        "input",
+        {
+          ref: x,
+          type: "search",
+          className: $,
+          value: t,
+          disabled: p,
+          onKeyDown: I,
+          ...k
+        }
+      ),
+      h && B && !l && /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          className: K,
+          onClick: z,
+          "aria-label": y,
+          children: /* @__PURE__ */ e(D, { size: c - 2 })
+        }
+      ),
+      f && /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          className: s.searchButton,
+          onClick: g,
+          "aria-label": b,
+          disabled: l,
+          children: /* @__PURE__ */ e(u, { size: c })
+        }
+      )
+    ] });
+  }
+);
+E.displayName = "SearchInput";
+export {
+  E as SearchInput
+};

package/dist/index62.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("./index173.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

@@ -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 "./index173.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 2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),e=require("./index183.cjs"),o=t.forwardRef(({as:a="section",spacing:n="lg",background:l="none",borderTop:r=!1,borderBottom:c=!1,className:s,children:i,...d},u)=>{const f=[e.default.section,e.default[`spacing-${n}`],e.default[`bg-${l}`],r&&e.default.borderTop,c&&e.default.borderBottom,s].filter(Boolean).join(" ");return t.createElement(a,{ref:u,className:f,...d},i)});o.displayName="Section";exports.Section=o;

package/dist/index63 2.mjs

@@ -0,0 +1,36 @@
+import { forwardRef as f, createElement as p } from "react";
+import e from "./index183.mjs";
+const d = f(
+  ({
+    as: o = "section",
+    spacing: t = "lg",
+    background: r = "none",
+    borderTop: s = !1,
+    borderBottom: n = !1,
+    className: a,
+    children: c,
+    ...i
+  }, l) => {
+    const m = [
+      e.section,
+      e[`spacing-${t}`],
+      e[`bg-${r}`],
+      s && e.borderTop,
+      n && e.borderBottom,
+      a
+    ].filter(Boolean).join(" ");
+    return p(
+      o,
+      {
+        ref: l,
+        className: m,
+        ...i
+      },
+      c
+    );
+  }
+);
+d.displayName = "Section";
+export {
+  d as Section
+};

package/dist/index63.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("./index213.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

@@ -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 "./index213.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 2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),$=require("react"),e=require("./index133.cjs"),n=$.forwardRef(({label:i,error:a,helperText:d,options:o,placeholder:r="Select an option...",fullWidth:u=!1,size:f="md",optional:m=!1,className:h,id:j,disabled:p,required:c,children:b,...x},N)=>{const s=j||`select-${Math.random().toString(36).substr(2,9)}`,v=[e.default.selectContainer,u&&e.default.fullWidth,a&&e.default.error,h].filter(Boolean).join(" "),S=[e.default.select,e.default[f]].filter(Boolean).join(" ");return l.jsxs("div",{className:v,children:[i&&l.jsxs("label",{htmlFor:s,className:e.default.label,children:[i,m&&l.jsx("span",{className:e.default.optional,children:"(optional)"}),c&&l.jsx("span",{"aria-label":"required",children:"*"})]}),l.jsx("div",{className:e.default.selectWrapper,children:l.jsxs("select",{ref:N,id:s,className:S,disabled:p,required:c,"aria-invalid":a?"true":"false","aria-describedby":a?`${s}-error`:d?`${s}-helper`:void 0,...x,children:[r&&l.jsx("option",{value:"",disabled:!0,className:e.default.placeholder,children:r}),o?.map(t=>l.jsx("option",{value:t.value,disabled:t.disabled,children:t.label},t.value)),b]})}),d&&!a&&l.jsx("span",{id:`${s}-helper`,className:e.default.helperText,children:d}),a&&l.jsxs("span",{id:`${s}-error`,className:e.default.errorMessage,role:"alert",children:[l.jsx("span",{className:e.default.errorIcon,"aria-hidden":"true",children:"⚠"}),a]})]})});n.displayName="Select";exports.Select=n;

package/dist/index64 3.mjs

@@ -0,0 +1,78 @@
+import { jsxs as i, jsx as a } from "react/jsx-runtime";
+import { forwardRef as y } from "react";
+import e from "./index133.mjs";
+const C = y(
+  ({
+    label: n,
+    error: l,
+    helperText: c,
+    options: o,
+    placeholder: t = "Select an option...",
+    fullWidth: m = !1,
+    size: h = "md",
+    optional: p = !1,
+    className: f,
+    id: u,
+    disabled: N,
+    required: d,
+    children: b,
+    ...v
+  }, $) => {
+    const s = u || `select-${Math.random().toString(36).substr(2, 9)}`, j = [
+      e.selectContainer,
+      m && e.fullWidth,
+      l && e.error,
+      f
+    ].filter(Boolean).join(" "), S = [e.select, e[h]].filter(Boolean).join(" ");
+    return /* @__PURE__ */ i("div", { className: j, children: [
+      n && /* @__PURE__ */ i("label", { htmlFor: s, className: e.label, children: [
+        n,
+        p && /* @__PURE__ */ a("span", { className: e.optional, children: "(optional)" }),
+        d && /* @__PURE__ */ a("span", { "aria-label": "required", children: "*" })
+      ] }),
+      /* @__PURE__ */ a("div", { className: e.selectWrapper, children: /* @__PURE__ */ i(
+        "select",
+        {
+          ref: $,
+          id: s,
+          className: S,
+          disabled: N,
+          required: d,
+          "aria-invalid": l ? "true" : "false",
+          "aria-describedby": l ? `${s}-error` : c ? `${s}-helper` : void 0,
+          ...v,
+          children: [
+            t && /* @__PURE__ */ a("option", { value: "", disabled: !0, className: e.placeholder, children: t }),
+            o?.map((r) => /* @__PURE__ */ a(
+              "option",
+              {
+                value: r.value,
+                disabled: r.disabled,
+                children: r.label
+              },
+              r.value
+            )),
+            b
+          ]
+        }
+      ) }),
+      c && !l && /* @__PURE__ */ a("span", { id: `${s}-helper`, className: e.helperText, children: c }),
+      l && /* @__PURE__ */ i(
+        "span",
+        {
+          id: `${s}-error`,
+          className: e.errorMessage,
+          role: "alert",
+          children: [
+            /* @__PURE__ */ a("span", { className: e.errorIcon, "aria-hidden": "true", children: "⚠" }),
+            l
+          ]
+        }
+      )
+    ] });
+  }
+);
+C.displayName = "Select";
+export {
+  C as Select
+};

package/dist/index64.cjs

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