@orion-ds/react 4.6.5 → 4.7.0

package/dist/index5 2.mjs

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

package/dist/index5.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index110.cjs"),t=require("./index111.cjs"),r=require("./index112.cjs"),o=require("./index113.cjs"),a=require("./index114.cjs"),i=require("./index115.cjs"),n=require("./index116.cjs"),s=require("./index117.cjs"),l=require("./index118.cjs"),c=require("./index119.cjs"),u=require("./index120.cjs"),g=require("./index121.cjs"),p=require("./index122.cjs"),m=require("./index123.cjs"),q=require("./index124.cjs"),T=require("./index125.cjs"),C=require("./index126.cjs"),d=require("./index127.cjs"),S=require("./index128.cjs"),A=require("./index129.cjs"),P=require("./index130.cjs"),h=require("./index131.cjs"),F=require("./index132.cjs"),y=require("./index133.cjs"),b=require("./index134.cjs"),H=require("./index135.cjs"),L=require("./index136.cjs"),f=require("./index137.cjs"),w=require("./index138.cjs"),B=require("./index139.cjs"),D=require("./index140.cjs"),E=require("./index141.cjs"),v=require("./index142.cjs"),k=require("./index143.cjs"),G=require("./index144.cjs"),K=require("./index145.cjs");exports.ActivityFeed=e.ActivityFeed;exports.AgentEditor=t.AgentEditor;exports.AgentFolder=r.AgentFolder;exports.AgentWorkspace=o.AgentWorkspace;exports.AppDownload=a.AppDownload;exports.Blog=i.Blog;exports.Breadcrumbs=n.Breadcrumbs;exports.CTA=s.CTA;exports.CarouselCard=l.CarouselCard;exports.CarouselSection=c.CarouselSection;exports.ChatPageTemplate=u.ChatPageTemplate;exports.ChatSection=g.ChatSection;exports.Comparison=p.Comparison;exports.Contact=m.Contact;exports.DashboardTemplate=q.DashboardTemplate;exports.EmptyState=T.EmptyState;exports.FAQ=C.FAQ;exports.Features=d.Features;exports.Footer=S.Footer;exports.Gallery=A.Gallery;exports.Hero=P.Hero;exports.HeroHighlight=h.HeroHighlight;exports.KanbanPageTemplate=F.KanbanPageTemplate;exports.LoginTemplate=y.LoginTemplate;exports.LogoCloud=b.LogoCloud;exports.Newsletter=H.Newsletter;exports.Pricing=L.Pricing;exports.ProfilePageTemplate=f.ProfilePageTemplate;exports.SettingsLayout=w.SettingsLayout;exports.SettingsTemplate=B.SettingsTemplate;exports.SocialProof=D.SocialProof;exports.Stats=E.Stats;exports.Stepper=v.Stepper;exports.Team=k.Team;exports.Testimonials=G.Testimonials;exports.Timeline=K.Timeline;

package/dist/index5.mjs

@@ -0,0 +1,74 @@
+import { ActivityFeed as e } from "./index110.mjs";
+import { AgentEditor as p } from "./index111.mjs";
+import { AgentFolder as f } from "./index112.mjs";
+import { AgentWorkspace as a } from "./index113.mjs";
+import { AppDownload as i } from "./index114.mjs";
+import { Blog as g } from "./index115.mjs";
+import { Breadcrumbs as T } from "./index116.mjs";
+import { CTA as c } from "./index117.mjs";
+import { CarouselCard as S } from "./index118.mjs";
+import { CarouselSection as u } from "./index119.mjs";
+import { ChatPageTemplate as h } from "./index120.mjs";
+import { ChatSection as y } from "./index121.mjs";
+import { Comparison as H } from "./index122.mjs";
+import { Contact as w } from "./index123.mjs";
+import { DashboardTemplate as D } from "./index124.mjs";
+import { EmptyState as k } from "./index125.mjs";
+import { FAQ as G } from "./index126.mjs";
+import { Features as N } from "./index127.mjs";
+import { Footer as W } from "./index128.mjs";
+import { Gallery as q } from "./index129.mjs";
+import { Hero as I } from "./index130.mjs";
+import { HeroHighlight as M } from "./index131.mjs";
+import { KanbanPageTemplate as R } from "./index132.mjs";
+import { LoginTemplate as V } from "./index133.mjs";
+import { LogoCloud as Y } from "./index134.mjs";
+import { Newsletter as _ } from "./index135.mjs";
+import { Pricing as oo } from "./index136.mjs";
+import { ProfilePageTemplate as eo } from "./index137.mjs";
+import { SettingsLayout as po } from "./index138.mjs";
+import { SettingsTemplate as fo } from "./index139.mjs";
+import { SocialProof as ao } from "./index140.mjs";
+import { Stats as io } from "./index141.mjs";
+import { Stepper as go } from "./index142.mjs";
+import { Team as To } from "./index143.mjs";
+import { Testimonials as co } from "./index144.mjs";
+import { Timeline as Ao } from "./index145.mjs";
+export {
+  e as ActivityFeed,
+  p as AgentEditor,
+  f as AgentFolder,
+  a as AgentWorkspace,
+  i as AppDownload,
+  g as Blog,
+  T as Breadcrumbs,
+  c as CTA,
+  S as CarouselCard,
+  u as CarouselSection,
+  h as ChatPageTemplate,
+  y as ChatSection,
+  H as Comparison,
+  w as Contact,
+  D as DashboardTemplate,
+  k as EmptyState,
+  G as FAQ,
+  N as Features,
+  W as Footer,
+  q as Gallery,
+  I as Hero,
+  M as HeroHighlight,
+  R as KanbanPageTemplate,
+  V as LoginTemplate,
+  Y as LogoCloud,
+  _ as Newsletter,
+  oo as Pricing,
+  eo as ProfilePageTemplate,
+  po as SettingsLayout,
+  fo as SettingsTemplate,
+  ao as SocialProof,
+  io as Stats,
+  go as Stepper,
+  To as Team,
+  co as Testimonials,
+  Ao as Timeline
+};

package/dist/index50 2.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 "./index155.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/index50 3.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("./index155.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/index50.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),x=require("react"),b=require("lucide-react"),e=require("./index151.cjs"),v=x.forwardRef(({label:i,error:s,helperText:t,leftIcon:r,rightIcon:d,fullWidth:I=!1,size:c="md",optional:u=!1,className:g,id:$,disabled:f,required:o,"aria-label":h,"aria-describedby":p,...y},F)=>{const C=x.useId(),n=$||`field-${C}`,m=`${n}-error`,j=`${n}-helper`,N=s&&!d,l=[];s&&l.push(m),t&&!s&&l.push(j),p&&l.push(p);const R=l.length>0?l.join(" "):void 0;!(i||h)&&process.env.NODE_ENV==="development"&&console.warn("Field: Missing accessible name. Provide either a `label` prop or `aria-label` for screen reader users.");const q=[e.default.fieldContainer,I&&e.default.fullWidth,s&&e.default.error,f&&e.default.disabled,g].filter(Boolean).join(" "),A=[e.default.input,e.default[c],r&&e.default.hasLeftIcon,(d||N)&&e.default.hasRightIcon].filter(Boolean).join(" "),B=c==="sm"?14:c==="lg"?20:16;return a.jsxs("div",{className:q,children:[i&&a.jsxs("label",{htmlFor:n,className:e.default.label,children:[a.jsx("span",{className:e.default.labelText,children:i}),u&&a.jsx("span",{className:e.default.optional,"aria-hidden":"true",children:"(optional)"}),o&&!u&&a.jsx("span",{className:e.default.required,"aria-hidden":"true",children:"*"})]}),a.jsxs("div",{className:e.default.inputWrapper,children:[r&&a.jsx("span",{className:e.default.leftIcon,"aria-hidden":"true",children:r}),a.jsx("input",{ref:F,id:n,className:A,disabled:f,required:o,"aria-required":o||void 0,"aria-invalid":s?"true":"false","aria-describedby":R,"aria-label":i?void 0:h,...y}),d&&a.jsx("span",{className:`${e.default.rightIcon} ${e.default.rightIconInteractive}`,children:d}),N&&a.jsx("span",{className:`${e.default.rightIcon} ${e.default.errorIconInline}`,"aria-hidden":"true",children:a.jsx(b.AlertCircle,{size:B})})]}),t&&!s&&a.jsx("p",{id:j,className:e.default.helperText,children:t}),s&&a.jsxs("p",{id:m,className:e.default.errorMessage,role:"alert","aria-live":"assertive",children:[a.jsx(b.AlertCircle,{size:14,"aria-hidden":"true",className:e.default.errorIconMessage}),a.jsx("span",{children:s})]})]})});v.displayName="Field";exports.Field=v;

package/dist/index50.mjs

@@ -0,0 +1,107 @@
+import { jsxs as c, jsx as s } from "react/jsx-runtime";
+import { forwardRef as E, useId as M } from "react";
+import { AlertCircle as b } from "lucide-react";
+import e from "./index151.mjs";
+const R = E(
+  ({
+    label: n,
+    error: a,
+    helperText: d,
+    leftIcon: o,
+    rightIcon: r,
+    fullWidth: g = !1,
+    size: t = "md",
+    optional: h = !1,
+    className: $,
+    id: j,
+    disabled: m,
+    required: p,
+    "aria-label": f,
+    "aria-describedby": u,
+    ...y
+  }, B) => {
+    const C = M(), l = j || `field-${C}`, N = `${l}-error`, v = `${l}-helper`, I = a && !r, i = [];
+    a && i.push(N), d && !a && i.push(v), u && i.push(u);
+    const F = i.length > 0 ? i.join(" ") : void 0;
+    !(n || f) && process.env.NODE_ENV === "development" && console.warn(
+      "Field: Missing accessible name. Provide either a `label` prop or `aria-label` for screen reader users."
+    );
+    const w = [
+      e.fieldContainer,
+      g && e.fullWidth,
+      a && e.error,
+      m && e.disabled,
+      $
+    ].filter(Boolean).join(" "), x = [
+      e.input,
+      e[t],
+      o && e.hasLeftIcon,
+      (r || I) && e.hasRightIcon
+    ].filter(Boolean).join(" "), A = t === "sm" ? 14 : t === "lg" ? 20 : 16;
+    return /* @__PURE__ */ c("div", { className: w, children: [
+      n && /* @__PURE__ */ c("label", { htmlFor: l, className: e.label, children: [
+        /* @__PURE__ */ s("span", { className: e.labelText, children: n }),
+        h && /* @__PURE__ */ s("span", { className: e.optional, "aria-hidden": "true", children: "(optional)" }),
+        p && !h && /* @__PURE__ */ s("span", { className: e.required, "aria-hidden": "true", children: "*" })
+      ] }),
+      /* @__PURE__ */ c("div", { className: e.inputWrapper, children: [
+        o && /* @__PURE__ */ s("span", { className: e.leftIcon, "aria-hidden": "true", children: o }),
+        /* @__PURE__ */ s(
+          "input",
+          {
+            ref: B,
+            id: l,
+            className: x,
+            disabled: m,
+            required: p,
+            "aria-required": p || void 0,
+            "aria-invalid": a ? "true" : "false",
+            "aria-describedby": F,
+            "aria-label": n ? void 0 : f,
+            ...y
+          }
+        ),
+        r && /* @__PURE__ */ s(
+          "span",
+          {
+            className: `${e.rightIcon} ${e.rightIconInteractive}`,
+            children: r
+          }
+        ),
+        I && /* @__PURE__ */ s(
+          "span",
+          {
+            className: `${e.rightIcon} ${e.errorIconInline}`,
+            "aria-hidden": "true",
+            children: /* @__PURE__ */ s(b, { size: A })
+          }
+        )
+      ] }),
+      d && !a && /* @__PURE__ */ s("p", { id: v, className: e.helperText, children: d }),
+      a && /* @__PURE__ */ c(
+        "p",
+        {
+          id: N,
+          className: e.errorMessage,
+          role: "alert",
+          "aria-live": "assertive",
+          children: [
+            /* @__PURE__ */ s(
+              b,
+              {
+                size: 14,
+                "aria-hidden": "true",
+                className: e.errorIconMessage
+              }
+            ),
+            /* @__PURE__ */ s("span", { children: a })
+          ]
+        }
+      )
+    ] });
+  }
+);
+R.displayName = "Field";
+export {
+  R as Field
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),n=require("react"),o=require("lucide-react"),s=require("./index178.cjs"),G=t=>t.startsWith("image/")?o.FileImage:t.startsWith("video/")?o.FileVideo:t.startsWith("audio/")?o.FileAudio:t.includes("pdf")||t.includes("document")?o.FileText:o.File,z=t=>{if(t===0)return"0 B";const i=1024,c=["B","KB","MB","GB"],h=Math.floor(Math.log(t)/Math.log(i));return`${parseFloat((t/Math.pow(i,h)).toFixed(1))} ${c[h]}`},$=n.forwardRef(({accept:t,maxFiles:i,maxSize:c,multiple:h=!0,onFilesAdded:C,onFileRemove:D,files:p=[],disabled:l=!1,dropzoneContent:M,placeholder:B="Drag and drop files here, or click to browse",showFileList:E=!0,compact:v=!1,variant:R="default",error:g,helperText:k,className:S,...W},y)=>{const x=n.useRef(null),[A,N]=n.useState(!1),[m,w]=n.useState(null),F=n.useCallback(e=>{const u=[],r=[],I=Array.from(e);return i&&p.length+I.length>i?(r.push(`Maximum ${i} files allowed`),{valid:u,errors:r}):(I.forEach(d=>{if(c&&d.size>c){r.push(`${d.name} exceeds maximum size of ${z(c)}`);return}if(t&&t.length>0&&!t.some(f=>f.startsWith(".")?d.name.toLowerCase().endsWith(f.toLowerCase()):f.endsWith("/*")?d.type.startsWith(f.replace("/*","/")):d.type===f)){r.push(`${d.name} is not an accepted file type`);return}u.push(d)}),{valid:u,errors:r})},[t,i,c,p.length]),j=n.useCallback(e=>{if(l)return;const{valid:u,errors:r}=F(e);r.length>0&&r[0]&&(w(r[0]),setTimeout(()=>w(null),3e3)),u.length>0&&C?.(u)},[l,F,C]),L=n.useCallback(e=>{e.preventDefault(),l||N(!0)},[l]),U=n.useCallback(e=>{e.preventDefault(),N(!1)},[]),b=n.useCallback(e=>{e.preventDefault(),N(!1),j(e.dataTransfer.files)},[j]),T=n.useCallback(e=>{e.target.files&&j(e.target.files),e.target.value=""},[j]),q=()=>{l||x.current?.click()},H=e=>{(e.key==="Enter"||e.key===" ")&&!l&&(e.preventDefault(),x.current?.click())},P=t?.join(","),K=[s.default.fileUploader,s.default[R],v&&s.default.compact,S].filter(Boolean).join(" "),O=[s.default.dropzone,A&&s.default.dropzoneDragging,l&&s.default.dropzoneDisabled,(g||m)&&s.default.dropzoneError].filter(Boolean).join(" ");return a.jsxs("div",{ref:y,className:K,...W,children:[a.jsxs("div",{className:O,onDragOver:L,onDragLeave:U,onDrop:b,onClick:q,onKeyDown:H,role:"button",tabIndex:l?-1:0,"aria-disabled":l,children:[a.jsx("input",{ref:x,type:"file",className:s.default.input,accept:P,multiple:h,onChange:T,disabled:l,"aria-hidden":"true"}),M||a.jsxs("div",{className:s.default.dropzoneContent,children:[a.jsx("div",{className:s.default.dropzoneIcon,children:a.jsx(o.Upload,{size:v?20:24})}),a.jsx("p",{className:s.default.dropzonePlaceholder,children:B}),!v&&a.jsxs("div",{className:s.default.dropzoneHints,children:[t&&a.jsxs("span",{className:s.default.dropzoneHint,children:["Accepted: ",t.join(", ")]}),c&&a.jsxs("span",{className:s.default.dropzoneHint,children:["Max size: ",z(c)]}),i&&a.jsxs("span",{className:s.default.dropzoneHint,children:["Max files: ",i]})]})]})]}),(g||m||k)&&a.jsx("div",{className:`${s.default.helperText} ${g||m?s.default.helperTextError:""}`,children:g||m||k}),E&&p.length>0&&a.jsx("ul",{className:s.default.fileList,children:p.map(e=>{const u=G(e.type);return a.jsxs("li",{className:s.default.fileItem,children:[a.jsx("div",{className:s.default.fileIcon,children:e.preview?a.jsx("img",{src:e.preview,alt:"",className:s.default.filePreview}):a.jsx(u,{size:20})}),a.jsxs("div",{className:s.default.fileInfo,children:[a.jsx("span",{className:s.default.fileName,children:e.name}),a.jsx("span",{className:s.default.fileSize,children:z(e.size)})]}),a.jsxs("div",{className:s.default.fileStatus,children:[e.status==="uploading"&&a.jsxs(a.Fragment,{children:[a.jsx("div",{className:s.default.progressBar,children:a.jsx("div",{className:s.default.progressFill,style:{width:`${e.progress||0}%`}})}),a.jsx(o.Loader2,{size:16,className:s.default.fileStatusIcon})]}),e.status==="completed"&&a.jsx(o.CheckCircle,{size:16,className:s.default.fileStatusSuccess}),e.status==="error"&&a.jsx(o.AlertCircle,{size:16,className:s.default.fileStatusError})]}),D&&a.jsx("button",{type:"button",className:s.default.fileRemove,onClick:r=>{r.stopPropagation(),D(e.id)},"aria-label":`Remove ${e.name}`,children:a.jsx(o.X,{size:16})})]},e.id)})})]})});$.displayName="FileUploader";exports.FileUploader=$;