@orion-ds/react 4.9.0 → 4.9.1

package/dist/components/Sidebar/Sidebar.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),u=require("react"),S=require("lucide-react"),s=require("./Sidebar.module.css.cjs"),y=u.forwardRef(({className:e,...d},i)=>a.jsx("hr",{ref:i,className:`${s.default.divider} ${e||""}`,...d}));y.displayName="Sidebar.Divider";const b=u.forwardRef(({item:e,active:d=!1,collapsed:i=!1,depth:t=0,className:r,...c},l)=>{const[f,h]=u.useState(!1),n=e.children&&e.children.length>0,m=[s.default.item,d&&s.default.itemActive,e.disabled&&s.default.itemDisabled,t>0&&s.default.itemNested,r].filter(Boolean).join(" "),x=o=>{n&&(o.preventDefault(),h(!f)),e.onClick&&!e.disabled&&e.onClick()},j=a.jsxs(a.Fragment,{children:[e.icon&&a.jsx("span",{className:s.default.itemIcon,children:e.icon}),!i&&a.jsxs(a.Fragment,{children:[a.jsx("span",{className:s.default.itemLabel,children:e.label}),e.badge&&a.jsx("span",{className:s.default.itemBadge,children:e.badge}),n&&a.jsx(S.ChevronDown,{size:16,className:`${s.default.itemChevron} ${f?s.default.chevronExpanded:""}`})]})]}),v=e.href&&!n?"a":"button",N=e.href&&!n?{href:e.href}:{type:"button",onClick:x};return a.jsxs("li",{className:s.default.itemWrapper,children:[a.jsx(v,{ref:l,className:m,"aria-current":d?"page":void 0,"aria-disabled":e.disabled,title:i?e.label:void 0,style:{paddingLeft:!i&&t>0?`calc(var(--spacing-3) + ${t*12}px)`:void 0},...N,...c,children:j}),n&&f&&!i&&a.jsx("ul",{className:s.default.subItems,children:e.children.map(o=>a.jsx(b,{item:o,active:!1,collapsed:i,depth:t+1},o.id))})]})});b.displayName="Sidebar.Item";const g=u.forwardRef(({section:e,activeItem:d,collapsed:i=!1,className:t,...r},c)=>a.jsxs("div",{ref:c,className:`${s.default.section} ${t||""}`,...r,children:[e.title&&!i&&a.jsx("div",{className:s.default.sectionTitle,children:e.title}),a.jsx("ul",{className:s.default.sectionItems,children:e.items.map(l=>a.jsx(b,{item:l,active:d===l.id,collapsed:i},l.id))})]}));g.displayName="Sidebar.Section";const C=u.forwardRef(({sections:e,activeItem:d,collapsed:i=!1,onCollapsedChange:t,header:r,footer:c,variant:l="default",width:f=240,collapsedWidth:h=64,className:n,style:m,...x},j)=>{const v=[s.default.sidebar,s.default[`variant-${l}`],i&&s.default.collapsed,n].filter(Boolean).join(" "),N={...m,"--sidebar-width":`${i?h:f}px`},o=()=>{t&&t(!i)};return a.jsxs("nav",{ref:j,className:v,style:N,...x,children:[r&&a.jsx("div",{className:s.default.header,children:r}),a.jsx("div",{className:s.default.content,children:e.map((p,$)=>a.jsx(g,{section:p,activeItem:d,collapsed:i},p.title||$))}),c&&a.jsx("div",{className:s.default.footer,children:c}),t&&a.jsx("button",{type:"button",className:s.default.collapseToggle,onClick:o,"aria-label":i?"Expand sidebar":"Collapse sidebar",children:i?a.jsx(S.ChevronRight,{size:16}):a.jsx(S.ChevronLeft,{size:16})})]})});C.displayName="Sidebar";const R=Object.assign(C,{Item:b,Section:g,Divider:y});exports.Sidebar=R;

package/dist/components/Sidebar/Sidebar.mjs

@@ -0,0 +1,153 @@
+import { jsxs as b, jsx as i, Fragment as C } from "react/jsx-runtime";
+import { forwardRef as h, useState as j } from "react";
+import { ChevronRight as k, ChevronLeft as B, ChevronDown as T } from "lucide-react";
+import a from "./Sidebar.module.css.mjs";
+const $ = h(
+  ({ className: e, ...r }, s) => /* @__PURE__ */ i(
+    "hr",
+    {
+      ref: s,
+      className: `${a.divider} ${e || ""}`,
+      ...r
+    }
+  )
+);
+$.displayName = "Sidebar.Divider";
+const f = h(
+  ({ item: e, active: r = !1, collapsed: s = !1, depth: n = 0, className: d, ...c }, t) => {
+    const [m, v] = j(!1), l = e.children && e.children.length > 0, N = [
+      a.item,
+      r && a.itemActive,
+      e.disabled && a.itemDisabled,
+      n > 0 && a.itemNested,
+      d
+    ].filter(Boolean).join(" "), p = (o) => {
+      l && (o.preventDefault(), v(!m)), e.onClick && !e.disabled && e.onClick();
+    }, g = /* @__PURE__ */ b(C, { children: [
+      e.icon && /* @__PURE__ */ i("span", { className: a.itemIcon, children: e.icon }),
+      !s && /* @__PURE__ */ b(C, { children: [
+        /* @__PURE__ */ i("span", { className: a.itemLabel, children: e.label }),
+        e.badge && /* @__PURE__ */ i("span", { className: a.itemBadge, children: e.badge }),
+        l && /* @__PURE__ */ i(
+          T,
+          {
+            size: 16,
+            className: `${a.itemChevron} ${m ? a.chevronExpanded : ""}`
+          }
+        )
+      ] })
+    ] }), u = e.href && !l ? "a" : "button", S = e.href && !l ? { href: e.href } : { type: "button", onClick: p };
+    return /* @__PURE__ */ b("li", { className: a.itemWrapper, children: [
+      /* @__PURE__ */ i(
+        u,
+        {
+          ref: t,
+          className: N,
+          "aria-current": r ? "page" : void 0,
+          "aria-disabled": e.disabled,
+          title: s ? e.label : void 0,
+          style: {
+            paddingLeft: !s && n > 0 ? `calc(var(--spacing-3) + ${n * 12}px)` : void 0
+          },
+          ...S,
+          ...c,
+          children: g
+        }
+      ),
+      l && m && !s && /* @__PURE__ */ i("ul", { className: a.subItems, children: e.children.map((o) => /* @__PURE__ */ i(
+        f,
+        {
+          item: o,
+          active: !1,
+          collapsed: s,
+          depth: n + 1
+        },
+        o.id
+      )) })
+    ] });
+  }
+);
+f.displayName = "Sidebar.Item";
+const y = h(
+  ({ section: e, activeItem: r, collapsed: s = !1, className: n, ...d }, c) => /* @__PURE__ */ b(
+    "div",
+    {
+      ref: c,
+      className: `${a.section} ${n || ""}`,
+      ...d,
+      children: [
+        e.title && !s && /* @__PURE__ */ i("div", { className: a.sectionTitle, children: e.title }),
+        /* @__PURE__ */ i("ul", { className: a.sectionItems, children: e.items.map((t) => /* @__PURE__ */ i(
+          f,
+          {
+            item: t,
+            active: r === t.id,
+            collapsed: s
+          },
+          t.id
+        )) })
+      ]
+    }
+  )
+);
+y.displayName = "Sidebar.Section";
+const D = h(
+  ({
+    sections: e,
+    activeItem: r,
+    collapsed: s = !1,
+    onCollapsedChange: n,
+    header: d,
+    footer: c,
+    variant: t = "default",
+    width: m = 240,
+    collapsedWidth: v = 64,
+    className: l,
+    style: N,
+    ...p
+  }, g) => {
+    const u = [
+      a.sidebar,
+      a[`variant-${t}`],
+      s && a.collapsed,
+      l
+    ].filter(Boolean).join(" "), S = {
+      ...N,
+      "--sidebar-width": `${s ? v : m}px`
+    }, o = () => {
+      n && n(!s);
+    };
+    return /* @__PURE__ */ b("nav", { ref: g, className: u, style: S, ...p, children: [
+      d && /* @__PURE__ */ i("div", { className: a.header, children: d }),
+      /* @__PURE__ */ i("div", { className: a.content, children: e.map((x, I) => /* @__PURE__ */ i(
+        y,
+        {
+          section: x,
+          activeItem: r,
+          collapsed: s
+        },
+        x.title || I
+      )) }),
+      c && /* @__PURE__ */ i("div", { className: a.footer, children: c }),
+      n && /* @__PURE__ */ i(
+        "button",
+        {
+          type: "button",
+          className: a.collapseToggle,
+          onClick: o,
+          "aria-label": s ? "Expand sidebar" : "Collapse sidebar",
+          children: s ? /* @__PURE__ */ i(k, { size: 16 }) : /* @__PURE__ */ i(B, { size: 16 })
+        }
+      )
+    ] });
+  }
+);
+D.displayName = "Sidebar";
+const R = Object.assign(D, {
+  Item: f,
+  Section: y,
+  Divider: $
+});
+export {
+  R as Sidebar
+};

package/dist/components/Skeleton/Skeleton.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),x=require("react"),e=require("./Skeleton.module.css.cjs"),m=x.forwardRef(({variant:a="text",animation:f="pulse",width:t,height:l,lines:n=1,borderRadius:o,className:p,style:y,...u},i)=>{const d=[e.default.skeleton,e.default[a],e.default[f],p].filter(Boolean).join(" "),r={width:typeof t=="number"?`${t}px`:t,height:typeof l=="number"?`${l}px`:l,borderRadius:typeof o=="number"?`${o}px`:o,...y};return a==="text"&&n>1?s.jsx("div",{ref:i,className:e.default.lines,...u,children:Array.from({length:n}).map((S,c)=>s.jsx("div",{className:d,style:{...r,width:c===n-1?"80%":r.width},"aria-hidden":"true"},c))}):s.jsx("div",{ref:i,className:d,style:r,"aria-hidden":"true",...u})});m.displayName="Skeleton";exports.Skeleton=m;

package/dist/components/Skeleton/Skeleton.mjs

@@ -0,0 +1,54 @@
+import { jsx as m } from "react/jsx-runtime";
+import { forwardRef as u } from "react";
+import e from "./Skeleton.module.css.mjs";
+const x = u(
+  ({
+    variant: n = "text",
+    animation: y = "pulse",
+    width: t,
+    height: o,
+    lines: r = 1,
+    borderRadius: l,
+    className: c,
+    style: d,
+    ...a
+  }, i) => {
+    const p = [
+      e.skeleton,
+      e[n],
+      e[y],
+      c
+    ].filter(Boolean).join(" "), s = {
+      width: typeof t == "number" ? `${t}px` : t,
+      height: typeof o == "number" ? `${o}px` : o,
+      borderRadius: typeof l == "number" ? `${l}px` : l,
+      ...d
+    };
+    return n === "text" && r > 1 ? /* @__PURE__ */ m("div", { ref: i, className: e.lines, ...a, children: Array.from({ length: r }).map((N, f) => /* @__PURE__ */ m(
+      "div",
+      {
+        className: p,
+        style: {
+          ...s,
+          // Last line is shorter for visual variety
+          width: f === r - 1 ? "80%" : s.width
+        },
+        "aria-hidden": "true"
+      },
+      f
+    )) }) : /* @__PURE__ */ m(
+      "div",
+      {
+        ref: i,
+        className: p,
+        style: s,
+        "aria-hidden": "true",
+        ...a
+      }
+    );
+  }
+);
+x.displayName = "Skeleton";
+export {
+  x as Skeleton
+};

package/dist/components/Slider/Slider.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),n=require("react"),e=require("./Slider.module.css.cjs"),v=n.forwardRef(({value:l,onChange:o,min:s=0,max:t=100,step:M=1,size:S="md",disabled:f=!1,showValue:k=!1,formatValue:d,showLabels:x=!1,showTicks:w=!1,tickValues:h,label:D,id:R,onChangeStart:p,onChangeEnd:j,className:T,...q},C)=>{const I=n.useId(),$=R||I,i=n.useRef(!1),N=(l-s)/(t-s)*100,g=d?d(l):l.toString(),U=n.useCallback(r=>{const c=parseFloat(r.target.value);o(c)},[o]),b=n.useCallback(()=>{i.current=!0,p?.()},[p]),y=n.useCallback(()=>{i.current&&(i.current=!1,j?.(l))},[j,l]),B=()=>{if(h)return h;const r=[],c=(t-s)/4;for(let u=s;u<=t;u+=c)r.push(Math.round(u*100)/100);return r},F=[e.default.container,e.default[S],f&&e.default.disabled,T].filter(Boolean).join(" ");return a.jsxs("div",{ref:C,className:F,...q,children:[k&&a.jsx("div",{className:e.default.valueDisplay,style:{left:`${N}%`},"aria-hidden":"true",children:g}),a.jsxs("div",{className:e.default.track,children:[a.jsx("div",{className:e.default.fill,style:{width:`${N}%`},"aria-hidden":"true"}),a.jsx("input",{id:$,type:"range",className:e.default.input,value:l,onChange:U,onMouseDown:b,onMouseUp:y,onTouchStart:b,onTouchEnd:y,min:s,max:t,step:M,disabled:f,"aria-label":D,"aria-valuemin":s,"aria-valuemax":t,"aria-valuenow":l,"aria-valuetext":g})]}),w&&a.jsx("div",{className:e.default.ticks,"aria-hidden":"true",children:B().map(r=>a.jsx("div",{className:e.default.tick,style:{left:`${(r-s)/(t-s)*100}%`}},r))}),x&&a.jsxs("div",{className:e.default.labels,"aria-hidden":"true",children:[a.jsx("span",{className:e.default.labelMin,children:d?d(s):s}),a.jsx("span",{className:e.default.labelMax,children:d?d(t):t})]})]})});v.displayName="Slider";exports.Slider=v;

package/dist/components/Slider/Slider.mjs

@@ -0,0 +1,109 @@
+import { jsxs as o, jsx as l } from "react/jsx-runtime";
+import { forwardRef as z, useId as A, useRef as E, useCallback as u } from "react";
+import e from "./Slider.module.css.mjs";
+const G = z(
+  ({
+    value: t,
+    onChange: p,
+    min: s = 0,
+    max: a = 100,
+    step: b = 1,
+    size: k = "md",
+    disabled: h = !1,
+    showValue: D = !1,
+    formatValue: n,
+    showLabels: S = !1,
+    showTicks: j = !1,
+    tickValues: f,
+    label: I,
+    id: T,
+    onChangeStart: N,
+    onChangeEnd: g,
+    className: $,
+    ...R
+  }, U) => {
+    const B = A(), C = T || B, i = E(!1), y = (t - s) / (a - s) * 100, v = n ? n(t) : t.toString(), F = u(
+      (r) => {
+        const c = parseFloat(r.target.value);
+        p(c);
+      },
+      [p]
+    ), M = u(() => {
+      i.current = !0, N?.();
+    }, [N]), w = u(() => {
+      i.current && (i.current = !1, g?.(t));
+    }, [g, t]), m = () => {
+      if (f)
+        return f;
+      const r = [], c = (a - s) / 4;
+      for (let d = s; d <= a; d += c)
+        r.push(Math.round(d * 100) / 100);
+      return r;
+    }, q = [
+      e.container,
+      e[k],
+      h && e.disabled,
+      $
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ o("div", { ref: U, className: q, ...R, children: [
+      D && /* @__PURE__ */ l(
+        "div",
+        {
+          className: e.valueDisplay,
+          style: { left: `${y}%` },
+          "aria-hidden": "true",
+          children: v
+        }
+      ),
+      /* @__PURE__ */ o("div", { className: e.track, children: [
+        /* @__PURE__ */ l(
+          "div",
+          {
+            className: e.fill,
+            style: { width: `${y}%` },
+            "aria-hidden": "true"
+          }
+        ),
+        /* @__PURE__ */ l(
+          "input",
+          {
+            id: C,
+            type: "range",
+            className: e.input,
+            value: t,
+            onChange: F,
+            onMouseDown: M,
+            onMouseUp: w,
+            onTouchStart: M,
+            onTouchEnd: w,
+            min: s,
+            max: a,
+            step: b,
+            disabled: h,
+            "aria-label": I,
+            "aria-valuemin": s,
+            "aria-valuemax": a,
+            "aria-valuenow": t,
+            "aria-valuetext": v
+          }
+        )
+      ] }),
+      j && /* @__PURE__ */ l("div", { className: e.ticks, "aria-hidden": "true", children: m().map((r) => /* @__PURE__ */ l(
+        "div",
+        {
+          className: e.tick,
+          style: { left: `${(r - s) / (a - s) * 100}%` }
+        },
+        r
+      )) }),
+      S && /* @__PURE__ */ o("div", { className: e.labels, "aria-hidden": "true", children: [
+        /* @__PURE__ */ l("span", { className: e.labelMin, children: n ? n(s) : s }),
+        /* @__PURE__ */ l("span", { className: e.labelMax, children: n ? n(a) : a })
+      ] })
+    ] });
+  }
+);
+G.displayName = "Slider";
+export {
+  G as Slider
+};

package/dist/components/Spinner/Spinner.cjs

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

@@ -0,0 +1,28 @@
+import { jsxs as c, jsx as a } from "react/jsx-runtime";
+import s from "./Spinner.module.css.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/components/Stack/Stack.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),S=require("react"),e=require("./Stack.module.css.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/components/Stack/Stack.mjs

@@ -0,0 +1,31 @@
+import { jsx as n } from "react/jsx-runtime";
+import d from "react";
+import a from "./Stack.module.css.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/components/Stepper/Stepper.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("./Stepper.module.css.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/components/Stepper/Stepper.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 "./Stepper.module.css.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/components/Switch/Switch.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),f=require("react"),g=require("lucide-react"),e=require("./Switch.module.css.cjs"),m=f.forwardRef(({label:t,size:b="sm",helperText:l,error:a,className:j,id:N,disabled:d,required:r,checked:n,"aria-label":o,"aria-describedby":u,...v},x)=>{const w=f.useId(),c=N||`switch-${w}`,h=`${c}-error`,p=`${c}-helper`,i=[];a&&i.push(h),l&&!a&&i.push(p),u&&i.push(u);const y=i.length>0?i.join(" "):void 0;!(t||o)&&process.env.NODE_ENV==="development"&&console.warn("Switch: Missing accessible name. Provide either a `label` prop or `aria-label` for screen reader users.");const S=[e.default.container,e.default[b],a&&e.default.error,d&&e.default.disabled,j].filter(Boolean).join(" ");return s.jsxs("div",{className:S,children:[s.jsx("input",{ref:x,type:"checkbox",role:"switch",id:c,className:e.default.input,disabled:d,required:r,checked:n,"aria-checked":n,"aria-required":r||void 0,"aria-invalid":a?"true":void 0,"aria-describedby":y,"aria-label":t?void 0:o,...v}),s.jsxs("label",{htmlFor:c,className:e.default.labelWrapper,children:[s.jsx("span",{className:e.default.track,"aria-hidden":"true",children:s.jsx("span",{className:e.default.thumb})}),t&&s.jsxs("span",{className:e.default.label,children:[t,r&&s.jsx("span",{className:e.default.required,"aria-hidden":"true",children:"*"})]})]}),l&&!a&&s.jsx("p",{id:p,className:e.default.helperText,children:l}),a&&s.jsxs("p",{id:h,className:e.default.errorMessage,role:"alert","aria-live":"assertive",children:[s.jsx(g.AlertCircle,{size:14,"aria-hidden":"true"}),s.jsx("span",{children:a})]})]})});m.displayName="Switch";exports.Switch=m;

package/dist/components/Switch/Switch.mjs

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

package/dist/components/Table/Table.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),j=require("react"),t=require("./Table.module.css.cjs"),y=({columns:n,data:f,size:p="md",striped:x=!1,hoverable:N=!0,bordered:g=!1,borderless:v=!1,caption:h,emptyMessage:k="No data available",onRowClick:d,onSortChange:u,sortState:c,getRowKey:C=(b,o)=>o,className:S})=>{const[b,o]=j.useState(null),i=c||b,B=j.useCallback(e=>{if(!e.sortable)return;const s=e.key;let l="asc";i?.columnKey===s&&(i.direction==="asc"?l="desc":i.direction==="desc"&&(l=null)),c||o(l?{columnKey:s,direction:l}:null),u?.(s,l)},[i,c,u]),K=e=>{if(!e.sortable)return null;const s=i?.columnKey===e.key,l=s?i?.direction:null,r=[t.default.sortIndicator,s&&t.default.active].filter(Boolean).join(" ");return l==="asc"?a.jsx("span",{className:r,children:"▲"}):l==="desc"?a.jsx("span",{className:r,children:"▼"}):a.jsx("span",{className:r,children:"⇅"})},T=()=>a.jsx("thead",{className:t.default.thead,children:a.jsx("tr",{children:n.map(e=>{const s=[t.default.th,e.align&&t.default[`align${e.align.charAt(0).toUpperCase()}${e.align.slice(1)}`],e.sortable&&t.default.sortable].filter(Boolean).join(" "),l=e.sortable?()=>B(e):void 0;return a.jsxs("th",{className:s,style:{width:e.width},onClick:l,tabIndex:e.sortable?0:void 0,role:e.sortable?"button":void 0,"aria-sort":i?.columnKey===e.key?i.direction==="asc"?"ascending":"descending":void 0,...e.headerProps,children:[e.header,K(e)]},e.key)})})}),$=()=>f.length===0?a.jsx("tbody",{children:a.jsx("tr",{children:a.jsx("td",{colSpan:n.length,className:t.default.empty,children:k})})}):a.jsx("tbody",{className:t.default.tbody,children:f.map((e,s)=>{const l=C(e,s);return a.jsx("tr",{className:t.default.tr,onClick:d?()=>d(e,s):void 0,children:n.map(r=>{const A=[t.default.td,r.align&&t.default[`align${r.align.charAt(0).toUpperCase()}${r.align.slice(1)}`]].filter(Boolean).join(" "),P=r.cell?r.cell(e,s):e[r.key];return a.jsx("td",{className:A,...r.cellProps,children:P},r.key)})},l)})}),q=[t.default.container,t.default[p],x&&t.default.striped,N&&t.default.hoverable,d&&t.default.clickable,g&&t.default.bordered,v&&t.default.borderless,S].filter(Boolean).join(" ");return a.jsx("div",{className:q,children:a.jsxs("table",{className:t.default.table,children:[h&&a.jsx("caption",{className:t.default.caption,children:h}),T(),$()]})})};y.displayName="Table";exports.Table=y;