@orion-ds/react 4.6.5 → 4.7.0

package/dist/index80 2.mjs

@@ -0,0 +1,161 @@
+import { jsxs as l, jsx as n, Fragment as S } from "react/jsx-runtime";
+import { forwardRef as D, useState as U, useRef as N, useEffect as g } from "react";
+import { ChevronDown as F } from "lucide-react";
+import e from "./index175.mjs";
+const $ = {
+  online: "var(--text-success)",
+  away: "var(--text-warning)",
+  busy: "var(--text-error)",
+  offline: "var(--text-tertiary)"
+}, z = D(
+  ({
+    user: s,
+    sections: h,
+    open: d,
+    onOpenChange: b,
+    trigger: p,
+    align: C = "end",
+    placement: w = "bottom",
+    showHeader: I = !0,
+    compact: f = !1,
+    fullWidth: k = !1,
+    className: y,
+    ...x
+  }, E) => {
+    const [j, B] = U(!1), m = N(null), o = N(null), t = d !== void 0 ? d : j, c = (r) => {
+      d === void 0 && B(r), b?.(r);
+    };
+    g(() => {
+      const r = (i) => {
+        m.current && !m.current.contains(i.target) && o.current && !o.current.contains(i.target) && c(!1);
+      };
+      if (t)
+        return document.addEventListener("mousedown", r), () => document.removeEventListener("mousedown", r);
+    }, [t]), g(() => {
+      const r = (i) => {
+        i.key === "Escape" && t && (c(!1), o.current?.focus());
+      };
+      return document.addEventListener("keydown", r), () => document.removeEventListener("keydown", r);
+    }, [t]);
+    const L = (r) => {
+      r.disabled || (r.onClick?.(), c(!1));
+    }, u = (r) => r.split(" ").map((i) => i[0]).join("").toUpperCase().slice(0, 2), O = [
+      e.userMenu,
+      k && e.userMenuFullWidth,
+      y
+    ].filter(Boolean).join(" "), R = [e.trigger, f && e.triggerCompact].filter(Boolean).join(" "), M = [
+      e.dropdown,
+      t && e.dropdownOpen,
+      C === "start" && e.dropdownStart,
+      w === "top" && e.dropdownTop
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ l("div", { ref: E, className: O, ...x, children: [
+      p ? /* @__PURE__ */ n("div", { onClick: () => c(!t), children: p }) : /* @__PURE__ */ l(
+        "button",
+        {
+          ref: o,
+          type: "button",
+          className: R,
+          onClick: () => c(!t),
+          "aria-expanded": t,
+          "aria-haspopup": "true",
+          children: [
+            /* @__PURE__ */ l("div", { className: e.avatar, children: [
+              s.avatar ? /* @__PURE__ */ n(
+                "img",
+                {
+                  src: s.avatar,
+                  alt: s.name,
+                  className: e.avatarImage
+                }
+              ) : /* @__PURE__ */ n("span", { className: e.avatarInitials, children: s.initials || u(s.name) }),
+              s.status && /* @__PURE__ */ n(
+                "span",
+                {
+                  className: e.statusIndicator,
+                  style: { backgroundColor: $[s.status] }
+                }
+              )
+            ] }),
+            !f && /* @__PURE__ */ l(S, { children: [
+              /* @__PURE__ */ l("div", { className: e.triggerInfo, children: [
+                /* @__PURE__ */ n("span", { className: e.triggerName, children: s.name }),
+                s.role && /* @__PURE__ */ n("span", { className: e.triggerRole, children: s.role })
+              ] }),
+              /* @__PURE__ */ n(
+                F,
+                {
+                  size: 16,
+                  className: `${e.chevron} ${t ? e.chevronOpen : ""}`
+                }
+              )
+            ] })
+          ]
+        }
+      ),
+      /* @__PURE__ */ l("div", { ref: m, className: M, role: "menu", children: [
+        I && /* @__PURE__ */ l("div", { className: e.header, children: [
+          /* @__PURE__ */ n("div", { className: e.headerAvatar, children: s.avatar ? /* @__PURE__ */ n(
+            "img",
+            {
+              src: s.avatar,
+              alt: s.name,
+              className: e.avatarImage
+            }
+          ) : /* @__PURE__ */ n("span", { className: e.avatarInitials, children: s.initials || u(s.name) }) }),
+          /* @__PURE__ */ l("div", { className: e.headerInfo, children: [
+            /* @__PURE__ */ n("span", { className: e.headerName, children: s.name }),
+            s.email && /* @__PURE__ */ n("span", { className: e.headerEmail, children: s.email })
+          ] })
+        ] }),
+        h.map((r, i) => /* @__PURE__ */ l("div", { className: e.section, children: [
+          r.label && /* @__PURE__ */ n("div", { className: e.sectionLabel, children: r.label }),
+          r.items.map((a) => {
+            const v = [
+              e.item,
+              a.danger && e.itemDanger,
+              a.disabled && e.itemDisabled
+            ].filter(Boolean).join(" ");
+            return a.href && !a.disabled ? /* @__PURE__ */ l(
+              "a",
+              {
+                href: a.href,
+                className: v,
+                role: "menuitem",
+                onClick: () => c(!1),
+                children: [
+                  a.icon && /* @__PURE__ */ n("span", { className: e.itemIcon, children: a.icon }),
+                  /* @__PURE__ */ n("span", { children: a.label }),
+                  a.badge !== void 0 && /* @__PURE__ */ n("span", { className: e.itemBadge, children: a.badge }),
+                  a.shortcut && /* @__PURE__ */ n("span", { className: e.itemShortcut, children: a.shortcut })
+                ]
+              },
+              a.id
+            ) : /* @__PURE__ */ l(
+              "button",
+              {
+                type: "button",
+                className: v,
+                role: "menuitem",
+                disabled: a.disabled,
+                onClick: () => L(a),
+                children: [
+                  a.icon && /* @__PURE__ */ n("span", { className: e.itemIcon, children: a.icon }),
+                  /* @__PURE__ */ n("span", { children: a.label }),
+                  a.badge !== void 0 && /* @__PURE__ */ n("span", { className: e.itemBadge, children: a.badge }),
+                  a.shortcut && /* @__PURE__ */ n("span", { className: e.itemShortcut, children: a.shortcut })
+                ]
+              },
+              a.id
+            );
+          }),
+          i < h.length - 1 && /* @__PURE__ */ n("div", { className: e.divider })
+        ] }, r.id))
+      ] })
+    ] });
+  }
+);
+z.displayName = "UserMenu";
+export {
+  z as UserMenu
+};

package/dist/index80.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),e=require("./index185.cjs"),s=({size:i="md",variant:l="primary",label:a="Loading...",showLabel:r=!1,className:t,...o})=>{const d=[e.default.container,t].filter(Boolean).join(" "),c=[e.default.spinner,e.default[i],e.default[l]].filter(Boolean).join(" ");return n.jsxs("div",{className:d,...o,children:[n.jsx("div",{className:c,role:"status","aria-label":a,"aria-live":"polite"}),r&&n.jsx("span",{className:e.default.label,children:a})]})};s.displayName="Spinner";exports.Spinner=s;

package/dist/index80.mjs

@@ -0,0 +1,28 @@
+import { jsxs as c, jsx as a } from "react/jsx-runtime";
+import s from "./index185.mjs";
+const m = ({
+  size: n = "md",
+  variant: i = "primary",
+  label: e = "Loading...",
+  showLabel: r = !1,
+  className: l,
+  ...o
+}) => {
+  const t = [s.container, l].filter(Boolean).join(" "), p = [s.spinner, s[n], s[i]].filter(Boolean).join(" ");
+  return /* @__PURE__ */ c("div", { className: t, ...o, children: [
+    /* @__PURE__ */ a(
+      "div",
+      {
+        className: p,
+        role: "status",
+        "aria-label": e,
+        "aria-live": "polite"
+      }
+    ),
+    r && /* @__PURE__ */ a("span", { className: s.label, children: e })
+  ] });
+};
+m.displayName = "Spinner";
+export {
+  m as Spinner
+};

package/dist/index81 3.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),i=require("lucide-react"),s=require("./index162.cjs"),n=require("./index10.cjs"),B=require("./index11.cjs"),r=require("./index14.cjs"),k=require("./index33.cjs"),q=require("./index58.cjs"),l=c.forwardRef(({currentOrg:t,organizations:o,onSettings:d,onParticipants:u,onCreateOrganization:m,onOrgChange:j,fullWidth:v=!0,className:x,...h},f)=>{const[p,N]=c.useState(!1),g=e.jsxs("button",{className:s.default.trigger,children:[e.jsx(n.Avatar,{size:"xs",icon:e.jsx(i.Building2,{size:16})}),e.jsx("span",{className:s.default.triggerName,children:t.name}),e.jsx(i.ChevronDown,{size:16,className:`${s.default.chevron} ${p?s.default.chevronOpen:""}`})]}),z=e.jsxs("div",{className:s.default.content,children:[e.jsxs("div",{className:s.default.activeWorkspace,children:[e.jsx(n.Avatar,{size:"lg",icon:e.jsx(i.Building2,{size:20})}),e.jsx(B.Badge,{variant:"secondary",size:"sm",children:t.role}),e.jsxs("div",{children:[e.jsx("div",{className:s.default.orgName,children:t.name}),e.jsxs("div",{className:s.default.orgMeta,children:[t.memberCount," participantes"]})]})]}),e.jsxs("div",{className:s.default.actionButtons,children:[e.jsx(r.Button,{variant:"secondary",size:"sm",icon:e.jsx(i.Settings,{size:16}),onClick:d,children:"Configuración"}),e.jsx(r.Button,{variant:"secondary",size:"sm",icon:e.jsx(i.Users,{size:16}),onClick:u,children:"Participantes"})]}),e.jsx("div",{className:s.default.dividerWrapper,children:e.jsx(k.Divider,{})}),e.jsx("div",{className:s.default.sectionLabel,children:"Otras organizaciones"}),e.jsx("div",{className:s.default.orgList,children:o.map(a=>e.jsxs("div",{className:s.default.orgItem,onClick:()=>j?.(a.name),children:[e.jsx(n.Avatar,{size:"xs",initials:a.name.slice(0,2).toUpperCase()}),e.jsxs("div",{children:[e.jsx("div",{className:s.default.orgItemName,children:a.name}),e.jsx("div",{className:s.default.orgItemRole,children:a.role})]})]},a.name))}),e.jsx(r.Button,{variant:"ghost",size:"sm",icon:e.jsx(i.Plus,{size:16}),fullWidth:!0,onClick:m,children:"Nueva organización"})]});return e.jsx("div",{ref:f,className:[x].filter(Boolean).join(" ")||void 0,...h,children:e.jsx(q.Popover,{trigger:g,content:z,onOpenChange:N,placement:"bottom-start",showArrow:!1,fullWidth:v})})});l.displayName="WorkspaceSwitcher";exports.WorkspaceSwitcher=l;

package/dist/index81 3.mjs

@@ -0,0 +1,119 @@
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { forwardRef as k, useState as w } from "react";
+import { Building2 as c, ChevronDown as x, Settings as y, Users as B, Plus as W } from "lucide-react";
+import i from "./index162.mjs";
+import { Avatar as n } from "./index10.mjs";
+import { Badge as b } from "./index11.mjs";
+import { Button as o } from "./index14.mjs";
+import { Divider as I } from "./index33.mjs";
+import { Popover as S } from "./index58.mjs";
+const j = k(
+  ({
+    currentOrg: r,
+    organizations: t,
+    onSettings: l,
+    onParticipants: m,
+    onCreateOrganization: d,
+    onOrgChange: h,
+    fullWidth: p = !0,
+    className: v,
+    ...N
+  }, f) => {
+    const [z, g] = w(!1), u = /* @__PURE__ */ s("button", { className: i.trigger, children: [
+      /* @__PURE__ */ e(n, { size: "xs", icon: /* @__PURE__ */ e(c, { size: 16 }) }),
+      /* @__PURE__ */ e("span", { className: i.triggerName, children: r.name }),
+      /* @__PURE__ */ e(
+        x,
+        {
+          size: 16,
+          className: `${i.chevron} ${z ? i.chevronOpen : ""}`
+        }
+      )
+    ] }), C = /* @__PURE__ */ s("div", { className: i.content, children: [
+      /* @__PURE__ */ s("div", { className: i.activeWorkspace, children: [
+        /* @__PURE__ */ e(n, { size: "lg", icon: /* @__PURE__ */ e(c, { size: 20 }) }),
+        /* @__PURE__ */ e(b, { variant: "secondary", size: "sm", children: r.role }),
+        /* @__PURE__ */ s("div", { children: [
+          /* @__PURE__ */ e("div", { className: i.orgName, children: r.name }),
+          /* @__PURE__ */ s("div", { className: i.orgMeta, children: [
+            r.memberCount,
+            " participantes"
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ s("div", { className: i.actionButtons, children: [
+        /* @__PURE__ */ e(
+          o,
+          {
+            variant: "secondary",
+            size: "sm",
+            icon: /* @__PURE__ */ e(y, { size: 16 }),
+            onClick: l,
+            children: "Configuración"
+          }
+        ),
+        /* @__PURE__ */ e(
+          o,
+          {
+            variant: "secondary",
+            size: "sm",
+            icon: /* @__PURE__ */ e(B, { size: 16 }),
+            onClick: m,
+            children: "Participantes"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e("div", { className: i.dividerWrapper, children: /* @__PURE__ */ e(I, {}) }),
+      /* @__PURE__ */ e("div", { className: i.sectionLabel, children: "Otras organizaciones" }),
+      /* @__PURE__ */ e("div", { className: i.orgList, children: t.map((a) => /* @__PURE__ */ s(
+        "div",
+        {
+          className: i.orgItem,
+          onClick: () => h?.(a.name),
+          children: [
+            /* @__PURE__ */ e(n, { size: "xs", initials: a.name.slice(0, 2).toUpperCase() }),
+            /* @__PURE__ */ s("div", { children: [
+              /* @__PURE__ */ e("div", { className: i.orgItemName, children: a.name }),
+              /* @__PURE__ */ e("div", { className: i.orgItemRole, children: a.role })
+            ] })
+          ]
+        },
+        a.name
+      )) }),
+      /* @__PURE__ */ e(
+        o,
+        {
+          variant: "ghost",
+          size: "sm",
+          icon: /* @__PURE__ */ e(W, { size: 16 }),
+          fullWidth: !0,
+          onClick: d,
+          children: "Nueva organización"
+        }
+      )
+    ] });
+    return /* @__PURE__ */ e(
+      "div",
+      {
+        ref: f,
+        className: [v].filter(Boolean).join(" ") || void 0,
+        ...N,
+        children: /* @__PURE__ */ e(
+          S,
+          {
+            trigger: u,
+            content: C,
+            onOpenChange: g,
+            placement: "bottom-start",
+            showArrow: !1,
+            fullWidth: p
+          }
+        )
+      }
+    );
+  }
+);
+j.displayName = "WorkspaceSwitcher";
+export {
+  j as WorkspaceSwitcher
+};

package/dist/index81.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),S=require("react"),e=require("./index205.cjs"),t=S.forwardRef(({direction:a="vertical",gap:r="md",align:s="stretch",justify:l="flex-start",wrap:c="nowrap",as:u="div",className:o,children:i,...d},n)=>{const f=[e.default.stack,e.default[a],e.default[`gap-${r}`],e.default[`align-${s}`],e.default[`justify-${l}`],e.default[`wrap-${c}`],o].filter(Boolean).join(" ");return m.jsx(u,{ref:n,className:f,...d,children:i})});t.displayName="Stack";exports.Stack=t;

package/dist/index81.mjs

@@ -0,0 +1,31 @@
+import { jsx as n } from "react/jsx-runtime";
+import d from "react";
+import a from "./index205.mjs";
+const $ = d.forwardRef(
+  ({
+    direction: t = "vertical",
+    gap: r = "md",
+    align: s = "stretch",
+    justify: o = "flex-start",
+    wrap: e = "nowrap",
+    as: c = "div",
+    className: i,
+    children: m,
+    ...l
+  }, f) => {
+    const p = [
+      a.stack,
+      a[t],
+      a[`gap-${r}`],
+      a[`align-${s}`],
+      a[`justify-${o}`],
+      a[`wrap-${e}`],
+      i
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ n(c, { ref: f, className: p, ...l, children: m });
+  }
+);
+$.displayName = "Stack";
+export {
+  $ as Stack
+};

package/dist/index82 2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index83.cjs"),c=require("./index97.cjs"),u=require("./index98.cjs");function i(t){const r=t.split(".");let n=s.primitives;for(const e of r)if(n=n[e],n===void 0)throw new Error(`Token path "${t}" not found`);return n}function f(t,r){const n=r.split(".");let e=c.themes[t].semantic;for(const o of n)if(e=e[o],e===void 0)throw new Error(`Semantic token path "${r}" not found in ${t} theme`);if(typeof e=="string"&&e.startsWith("{")&&e.endsWith("}")){const o=e.slice(1,-1);return i(o)}return e}function a(t){return u.brands[t]}exports.getBrand=a;exports.getSemanticToken=f;exports.getToken=i;

package/dist/index82 3.mjs

@@ -0,0 +1,33 @@
+import { primitives as i } from "./index83.mjs";
+import { themes as s } from "./index97.mjs";
+import { brands as f } from "./index98.mjs";
+function c(o) {
+  const e = o.split(".");
+  let n = i;
+  for (const t of e)
+    if (n = n[t], n === void 0)
+      throw new Error(`Token path "${o}" not found`);
+  return n;
+}
+function k(o, e) {
+  const n = e.split(".");
+  let t = s[o].semantic;
+  for (const r of n)
+    if (t = t[r], t === void 0)
+      throw new Error(
+        `Semantic token path "${e}" not found in ${o} theme`
+      );
+  if (typeof t == "string" && t.startsWith("{") && t.endsWith("}")) {
+    const r = t.slice(1, -1);
+    return c(r);
+  }
+  return t;
+}
+function p(o) {
+  return f[o];
+}
+export {
+  p as getBrand,
+  k as getSemanticToken,
+  c as getToken
+};

package/dist/index82.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),c=require("react"),x=require("lucide-react"),r=require("./index155.cjs"),R=({step:e,index:o,status:n,size:u,showNumber:b,showCheckmark:m,clickable:s,onClick:i,labelPosition:j})=>{const N=c.useCallback(()=>{s&&!e.disabled&&i&&i()},[s,e.disabled,i]),f=c.useCallback(d=>{(d.key==="Enter"||d.key===" ")&&s&&!e.disabled&&(d.preventDefault(),i?.())},[s,e.disabled,i]),v=[r.default.step,r.default[n],r.default[u],r.default[`label-${j}`],s&&!e.disabled&&r.default.clickable,e.disabled&&r.default.disabled].filter(Boolean).join(" "),h=u==="sm"?14:u==="lg"?20:16,g=()=>n==="error"||e.error?a.jsx(x.AlertCircle,{size:h}):e.icon?e.icon:n==="complete"&&m?a.jsx(x.Check,{size:h}):b?a.jsx("span",{className:r.default.number,children:o+1}):null;return a.jsxs("div",{className:v,role:s?"button":void 0,tabIndex:s&&!e.disabled?0:void 0,"aria-current":n==="current"?"step":void 0,"aria-disabled":e.disabled,onClick:N,onKeyDown:f,children:[a.jsx("div",{className:r.default.indicator,children:g()}),a.jsxs("div",{className:r.default.content,children:[a.jsxs("span",{className:r.default.title,children:[e.title,e.optional&&a.jsx("span",{className:r.default.optional,children:"(Optional)"})]}),e.description&&a.jsx("span",{className:r.default.description,children:e.description}),(e.error||n==="error")&&e.errorMessage&&a.jsx("span",{className:r.default.errorMessage,children:e.errorMessage})]})]})},p=c.forwardRef(({steps:e,currentStep:o=0,onStepClick:n,clickable:u=!1,orientation:b="horizontal",size:m="md",showNumbers:s=!0,showConnectors:i=!0,showCheckmarks:j=!0,labelPosition:N="bottom",scrollable:f=!1,className:v,...h},g)=>{const d=c.useRef(null);c.useEffect(()=>{if(f&&d.current){const l=d.current.children[o];l&&l.scrollIntoView({behavior:"smooth",block:"nearest",inline:"center"})}},[o,f]);const y=t=>e[t]?.error?"error":t<o?"complete":t===o?"current":"upcoming",w=c.useCallback(t=>{const l=e[t];n&&l&&!l.disabled&&n(t,l)},[n,e]),C=[r.default.stepper,r.default[b],r.default[m],i&&r.default.withConnectors,f&&r.default.scrollable,v].filter(Boolean).join(" ");return a.jsx("div",{ref:g,className:C,role:"navigation","aria-label":"Progress",...h,children:a.jsx("ol",{ref:d,className:r.default.list,children:e.map((t,l)=>a.jsxs("li",{className:r.default.item,children:[a.jsx(R,{step:t,index:l,status:y(l),size:m,showNumber:s,showCheckmark:j,clickable:u,onClick:()=>w(l),labelPosition:N}),i&&l<e.length-1&&a.jsx("div",{className:`${r.default.connector} ${l<o?r.default.complete:""}`,"aria-hidden":"true"})]},t.id))})})});p.displayName="Stepper";exports.Stepper=p;

package/dist/index82.mjs

@@ -0,0 +1,133 @@
+import { jsx as i, jsxs as h } from "react/jsx-runtime";
+import { forwardRef as I, useRef as D, useEffect as M, useCallback as w } from "react";
+import { AlertCircle as R, Check as $ } from "lucide-react";
+import e from "./index155.mjs";
+const B = ({
+  step: r,
+  index: t,
+  status: a,
+  size: d,
+  showNumber: b,
+  showCheckmark: f,
+  clickable: l,
+  onClick: s,
+  labelPosition: N
+}) => {
+  const v = w(() => {
+    l && !r.disabled && s && s();
+  }, [l, r.disabled, s]), m = w(
+    (c) => {
+      (c.key === "Enter" || c.key === " ") && l && !r.disabled && (c.preventDefault(), s?.());
+    },
+    [l, r.disabled, s]
+  ), g = [
+    e.step,
+    e[a],
+    e[d],
+    e[`label-${N}`],
+    l && !r.disabled && e.clickable,
+    r.disabled && e.disabled
+  ].filter(Boolean).join(" "), u = d === "sm" ? 14 : d === "lg" ? 20 : 16, p = () => a === "error" || r.error ? /* @__PURE__ */ i(R, { size: u }) : r.icon ? r.icon : a === "complete" && f ? /* @__PURE__ */ i($, { size: u }) : b ? /* @__PURE__ */ i("span", { className: e.number, children: t + 1 }) : null;
+  return /* @__PURE__ */ h(
+    "div",
+    {
+      className: g,
+      role: l ? "button" : void 0,
+      tabIndex: l && !r.disabled ? 0 : void 0,
+      "aria-current": a === "current" ? "step" : void 0,
+      "aria-disabled": r.disabled,
+      onClick: v,
+      onKeyDown: m,
+      children: [
+        /* @__PURE__ */ i("div", { className: e.indicator, children: p() }),
+        /* @__PURE__ */ h("div", { className: e.content, children: [
+          /* @__PURE__ */ h("span", { className: e.title, children: [
+            r.title,
+            r.optional && /* @__PURE__ */ i("span", { className: e.optional, children: "(Optional)" })
+          ] }),
+          r.description && /* @__PURE__ */ i("span", { className: e.description, children: r.description }),
+          (r.error || a === "error") && r.errorMessage && /* @__PURE__ */ i("span", { className: e.errorMessage, children: r.errorMessage })
+        ] })
+      ]
+    }
+  );
+}, E = I(
+  ({
+    steps: r,
+    currentStep: t = 0,
+    onStepClick: a,
+    clickable: d = !1,
+    orientation: b = "horizontal",
+    size: f = "md",
+    showNumbers: l = !0,
+    showConnectors: s = !0,
+    showCheckmarks: N = !0,
+    labelPosition: v = "bottom",
+    scrollable: m = !1,
+    className: g,
+    ...u
+  }, p) => {
+    const c = D(null);
+    M(() => {
+      if (m && c.current) {
+        const n = c.current.children[t];
+        n && n.scrollIntoView({
+          behavior: "smooth",
+          block: "nearest",
+          inline: "center"
+        });
+      }
+    }, [t, m]);
+    const y = (o) => r[o]?.error ? "error" : o < t ? "complete" : o === t ? "current" : "upcoming", j = w(
+      (o) => {
+        const n = r[o];
+        a && n && !n.disabled && a(o, n);
+      },
+      [a, r]
+    ), C = [
+      e.stepper,
+      e[b],
+      e[f],
+      s && e.withConnectors,
+      m && e.scrollable,
+      g
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ i(
+      "div",
+      {
+        ref: p,
+        className: C,
+        role: "navigation",
+        "aria-label": "Progress",
+        ...u,
+        children: /* @__PURE__ */ i("ol", { ref: c, className: e.list, children: r.map((o, n) => /* @__PURE__ */ h("li", { className: e.item, children: [
+          /* @__PURE__ */ i(
+            B,
+            {
+              step: o,
+              index: n,
+              status: y(n),
+              size: f,
+              showNumber: l,
+              showCheckmark: N,
+              clickable: d,
+              onClick: () => j(n),
+              labelPosition: v
+            }
+          ),
+          s && n < r.length - 1 && /* @__PURE__ */ i(
+            "div",
+            {
+              className: `${e.connector} ${n < t ? e.complete : ""}`,
+              "aria-hidden": "true"
+            }
+          )
+        ] }, o.id)) })
+      }
+    );
+  }
+);
+E.displayName = "Stepper";
+export {
+  E as Stepper
+};

package/dist/index83 2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={project:{name:"Orion",description:"AI-First Design System Primitives"},color:{brand:{orion:{50:"#e8f0ff",100:"#c7daff",200:"#a3c2ff",300:"#7ea9ff",400:"#5990ff",500:"#1B5BFF",600:"#1850e6",700:"#1544cc",800:"#1139b3",900:"#0d2d99",950:"#071a5c"},deepblue:{50:"#e6f2ff",100:"#b3d9ff",200:"#80bfff",300:"#4da6ff",400:"#1a8cff",500:"#006FBA",600:"#0062a6",700:"#005592",800:"#00487d",900:"#003b69",950:"#002540"},red:{50:"#fdf2f2",100:"#fde8e8",200:"#fbd5d5",300:"#f8b4b4",400:"#f08282",500:"#D7282F",600:"#b91c22",700:"#93151b",800:"#7a151b",900:"#661619",950:"#3b090b"},orange:{50:"#fef0eb",100:"#fdd5c9",200:"#fcb9a5",300:"#fa9d80",400:"#f87d52",500:"#F15D22",600:"#d9531f",700:"#c0491b",800:"#a63f17",900:"#8c3513",950:"#59220c"},ember:{50:"#fef0eb",100:"#fdd5c9",200:"#fcb9a5",300:"#fa9d80",400:"#f87d52",500:"#F15D22",600:"#d9531f",700:"#c0491b",800:"#a63f17",900:"#8c3513",950:"#59220c"},lemon:{50:"#F4FFE6",100:"#E5FFCC",200:"#CCFFAA",300:"#A8FF77",400:"#8DFF5C",500:"#72FF43",600:"#5CE629",700:"#47B31A",800:"#358C14",900:"#266B0F",950:"#1A4A0A"}},neutral:{0:"#ffffff",50:"#f8fafc",100:"#f1f5f9",200:"#e2e8f0",300:"#cbd5e1",400:"#94a3b8",500:"#64748b",600:"#475569",700:"#334155",800:"#1e293b",900:"#0f172a",950:"#020617",1e3:"#000000"},neutralPure:{0:"#ffffff",50:"#fafafa",100:"#f5f5f5",200:"#e5e5e5",300:"#d4d4d4",400:"#a3a3a3",500:"#737373",600:"#525252",700:"#404040",800:"#262626",900:"#171717",950:"#0a0a0a",1e3:"#000000"},error:{500:"#ef4444"},success:{500:"#22c55e"},warning:{500:"#eab308"},info:{500:"#3b82f6"}},typography:{family:{primary:"Libre Baskerville, system-ui, sans-serif",secondary:"Inter, system-ui, sans-serif",mono:"JetBrains Mono, monospace"},weight:{regular:"400",medium:"500",bold:"700"},size:{10:"10px",11:"11px",12:"12px",13:"13px",14:"14px",16:"16px",18:"18px",20:"20px",24:"24px",32:"32px",48:"48px",64:"64px",80:"80px",96:"96px"},lineHeight:{none:"1",tight:"1.25",snug:"1.375",normal:"1.5",relaxed:"1.625",loose:"2"}},spacing:{0:"0px",1:"4px",2:"8px",3:"12px",4:"16px",5:"20px",6:"24px",7:"28px",8:"32px",9:"36px",10:"40px",11:"44px",12:"48px",16:"64px",20:"80px",24:"96px",32:"128px",px:"1px","05":"2px"},radius:{0:"0px",sm:"8px",md:"12px",lg:"16px","lg-2":"20px",xl:"24px","2xl":"32px",full:"9999px"},radiusScale:{0:"0",xs:"sm",sm:"lg",md:"xl",lg:"2xl","lg-2":"3xl",xl:"3xl","2xl":"3xl",full:"3xl"},blur:{sm:"4px",md:"8px",lg:"12px",xl:"24px"},zIndex:{base:"0",dropdown:"50",sticky:"100",overlay:"200",modal:"300",popover:"400",tooltip:"500",toast:"600"},transition:{fast:"150ms ease",normal:"300ms ease",slow:"500ms ease"},icon:{library:"lucide",cdn:"https://unpkg.com/lucide@latest",size:{sm:"16px",md:"20px",lg:"24px",xl:"32px"},stroke:"2"}},{color:f,typography:p,spacing:a,radius:x,blur:s,icon:r}=e;exports.blur=s;exports.color=f;exports.icon=r;exports.primitives=e;exports.radius=x;exports.spacing=a;exports.typography=p;