@orion-ds/react 4.6.5 → 4.7.0

package/dist/components/Stack/Stack.mjs

@@ -1,32 +0,0 @@
-"use client";
-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

@@ -1,2 +0,0 @@
-"use client";
-"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

@@ -1,134 +0,0 @@
-"use client";
-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

@@ -1,2 +0,0 @@
-"use client";
-"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

@@ -1,81 +0,0 @@
-"use client";
-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

@@ -1,2 +0,0 @@
-"use client";
-"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;

package/dist/components/Table/Table.mjs

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

package/dist/components/Tabs/Tabs.cjs

@@ -1,2 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),r=require("react"),t=require("./Tabs.module.css.cjs"),g=({tabs:i,defaultTab:T,activeTab:f,onChange:m,fullWidth:x=!1,noPanelPadding:v=!1,className:j})=>{const b=f!==void 0,[k,y]=r.useState(T||i[0]?.id||""),u=r.useRef(new Map),d=b?f:k,C=e=>{b||y(e),m?.(e)},o=r.useCallback(()=>i.filter(e=>!e.disabled),[i]),c=r.useCallback(e=>{const a=o();if(a.length===0)return;const l=(e%a.length+a.length)%a.length,n=a[l];if(!n)return;u.current.get(n.id)?.focus()},[o]),w=r.useCallback((e,a)=>{const l=o(),n=l.findIndex(p=>p.id===a);switch(e.key){case"ArrowLeft":e.preventDefault(),c(n-1);break;case"ArrowRight":e.preventDefault(),c(n+1);break;case"Home":e.preventDefault(),c(0);break;case"End":e.preventDefault(),c(l.length-1);break}},[o,c]),h=i.find(e=>e.id===d),D=[t.default.container,x&&t.default.fullWidth,v&&t.default.noPanelPadding,j].filter(Boolean).join(" ");return s.jsxs("div",{className:D,children:[s.jsx("div",{className:t.default.tabList,role:"tablist",children:i.map(e=>{const a=e.id===d,l=[t.default.tab,a&&t.default.active].filter(Boolean).join(" ");return s.jsxs("button",{ref:n=>{n?u.current.set(e.id,n):u.current.delete(e.id)},type:"button",role:"tab","aria-selected":a,"aria-controls":`panel-${e.id}`,id:`tab-${e.id}`,className:l,onClick:()=>C(e.id),onKeyDown:n=>w(n,e.id),disabled:e.disabled,tabIndex:a?0:-1,children:[e.icon&&s.jsx("span",{className:t.default.icon,children:e.icon}),s.jsx("span",{children:e.label}),e.badge!==void 0&&s.jsx("span",{className:t.default.badge,children:e.badge})]},e.id)})}),h&&s.jsx("div",{className:t.default.panel,role:"tabpanel",id:`panel-${d}`,"aria-labelledby":`tab-${d}`,children:h.content},d)]})};g.displayName="Tabs";exports.Tabs=g;

package/dist/components/Tabs/Tabs.mjs

@@ -1,98 +0,0 @@
-"use client";
-import { jsxs as m, jsx as c } from "react/jsx-runtime";
-import { useState as I, useRef as j, useCallback as b } from "react";
-import t from "./Tabs.module.css.mjs";
-const A = ({
-  tabs: i,
-  defaultTab: g,
-  activeTab: f,
-  onChange: T,
-  fullWidth: v = !1,
-  noPanelPadding: x = !1,
-  className: y
-}) => {
-  const p = f !== void 0, [k, w] = I(
-    g || i[0]?.id || ""
-  ), d = j(/* @__PURE__ */ new Map()), l = p ? f : k, D = (e) => {
-    p || w(e), T?.(e);
-  }, o = b(() => i.filter((e) => !e.disabled), [i]), r = b(
-    (e) => {
-      const n = o();
-      if (n.length === 0) return;
-      const s = (e % n.length + n.length) % n.length, a = n[s];
-      if (!a) return;
-      d.current.get(a.id)?.focus();
-    },
-    [o]
-  ), N = b(
-    (e, n) => {
-      const s = o(), a = s.findIndex(
-        (h) => h.id === n
-      );
-      switch (e.key) {
-        case "ArrowLeft":
-          e.preventDefault(), r(a - 1);
-          break;
-        case "ArrowRight":
-          e.preventDefault(), r(a + 1);
-          break;
-        case "Home":
-          e.preventDefault(), r(0);
-          break;
-        case "End":
-          e.preventDefault(), r(s.length - 1);
-          break;
-      }
-    },
-    [o, r]
-  ), u = i.find((e) => e.id === l), C = [
-    t.container,
-    v && t.fullWidth,
-    x && t.noPanelPadding,
-    y
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ m("div", { className: C, children: [
-    /* @__PURE__ */ c("div", { className: t.tabList, role: "tablist", children: i.map((e) => {
-      const n = e.id === l, s = [t.tab, n && t.active].filter(Boolean).join(" ");
-      return /* @__PURE__ */ m(
-        "button",
-        {
-          ref: (a) => {
-            a ? d.current.set(e.id, a) : d.current.delete(e.id);
-          },
-          type: "button",
-          role: "tab",
-          "aria-selected": n,
-          "aria-controls": `panel-${e.id}`,
-          id: `tab-${e.id}`,
-          className: s,
-          onClick: () => D(e.id),
-          onKeyDown: (a) => N(a, e.id),
-          disabled: e.disabled,
-          tabIndex: n ? 0 : -1,
-          children: [
-            e.icon && /* @__PURE__ */ c("span", { className: t.icon, children: e.icon }),
-            /* @__PURE__ */ c("span", { children: e.label }),
-            e.badge !== void 0 && /* @__PURE__ */ c("span", { className: t.badge, children: e.badge })
-          ]
-        },
-        e.id
-      );
-    }) }),
-    u && /* @__PURE__ */ c(
-      "div",
-      {
-        className: t.panel,
-        role: "tabpanel",
-        id: `panel-${l}`,
-        "aria-labelledby": `tab-${l}`,
-        children: u.content
-      },
-      l
-    )
-  ] });
-};
-A.displayName = "Tabs";
-export {
-  A as Tabs
-};

package/dist/components/Textarea/Textarea.cjs

@@ -1,2 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),c=require("react"),_=require("lucide-react"),e=require("./Textarea.module.css.cjs"),$=c.forwardRef(({label:o,helperText:d,error:t,size:T="md",resize:p="vertical",showCounter:u=!1,maxLength:r,className:q,id:A,value:s,defaultValue:f,onChange:m,disabled:j,required:h,optional:g=!1,"aria-label":x,"aria-describedby":N,...B},E)=>{const R=c.useId(),n=A||`textarea-${R}`,b=`${n}-error`,v=`${n}-helper`,C=`${n}-counter`,[S,I]=c.useState(()=>s!==void 0?String(s).length:f!==void 0?String(f).length:0);c.useEffect(()=>{s!==void 0&&I(String(s).length)},[s]);const w=c.useCallback(l=>{I(l.target.value.length),m?.(l)},[m]),i=[];t&&i.push(b),d&&!t&&i.push(v),u&&r&&i.push(C),N&&i.push(N);const M=i.length>0?i.join(" "):void 0;!(o||x)&&process.env.NODE_ENV==="development"&&console.warn("Textarea: Missing accessible name. Provide either a `label` prop or `aria-label` for screen reader users.");const y=(()=>{if(!r)return"normal";const l=S/r*100;return l>=100?"error":l>=90?"warning":"normal"})(),F=[e.default.counter,y==="warning"&&e.default.counterWarning,y==="error"&&e.default.counterError].filter(Boolean).join(" "),O=[e.default.container,e.default[T],e.default[`resize${p.charAt(0).toUpperCase()}${p.slice(1)}`],t&&e.default.error,j&&e.default.disabled,q].filter(Boolean).join(" "),P=u||d&&!t;return a.jsxs("div",{className:O,children:[o&&a.jsxs("label",{htmlFor:n,className:e.default.label,children:[a.jsx("span",{className:e.default.labelText,children:o}),g&&a.jsx("span",{className:e.default.optional,"aria-hidden":"true",children:"(optional)"}),h&&!g&&a.jsx("span",{className:e.default.required,"aria-hidden":"true",children:"*"})]}),a.jsx("textarea",{ref:E,id:n,className:e.default.textarea,value:s,defaultValue:f,maxLength:r,onChange:w,disabled:j,required:h,"aria-required":h||void 0,"aria-invalid":t?"true":"false","aria-describedby":M,"aria-label":o?void 0:x,...B}),P&&a.jsxs("div",{className:e.default.footer,children:[d&&!t&&a.jsx("p",{id:v,className:e.default.helperText,children:d}),u&&r&&a.jsxs("span",{id:C,className:F,"aria-live":"polite","aria-atomic":"true",children:[S,"/",r]})]}),t&&a.jsxs("p",{id:b,className:e.default.errorMessage,role:"alert","aria-live":"assertive",children:[a.jsx(_.AlertCircle,{size:14,"aria-hidden":"true"}),a.jsx("span",{children:t})]})]})});$.displayName="Textarea";exports.Textarea=$;

package/dist/components/Textarea/Textarea.mjs

@@ -1,119 +0,0 @@
-"use client";
-import { jsxs as c, jsx as a } from "react/jsx-runtime";
-import { forwardRef as O, useId as P, useState as R, useEffect as U, useCallback as W } from "react";
-import { AlertCircle as _ } from "lucide-react";
-import e from "./Textarea.module.css.mjs";
-const q = O(
-  ({
-    label: l,
-    helperText: d,
-    error: r,
-    size: x = "md",
-    resize: f = "vertical",
-    showCounter: p = !1,
-    maxLength: s,
-    className: A,
-    id: B,
-    value: t,
-    defaultValue: u,
-    onChange: m,
-    disabled: N,
-    required: h,
-    optional: g = !1,
-    "aria-label": b,
-    "aria-describedby": v,
-    ...E
-  }, w) => {
-    const F = P(), n = B || `textarea-${F}`, C = `${n}-error`, I = `${n}-helper`, S = `${n}-counter`, [$, j] = R(() => t !== void 0 ? String(t).length : u !== void 0 ? String(u).length : 0);
-    U(() => {
-      t !== void 0 && j(String(t).length);
-    }, [t]);
-    const M = W(
-      (o) => {
-        j(o.target.value.length), m?.(o);
-      },
-      [m]
-    ), i = [];
-    r && i.push(C), d && !r && i.push(I), p && s && i.push(S), v && i.push(v);
-    const T = i.length > 0 ? i.join(" ") : void 0;
-    !(l || b) && process.env.NODE_ENV === "development" && console.warn(
-      "Textarea: Missing accessible name. Provide either a `label` prop or `aria-label` for screen reader users."
-    );
-    const y = (() => {
-      if (!s) return "normal";
-      const o = $ / s * 100;
-      return o >= 100 ? "error" : o >= 90 ? "warning" : "normal";
-    })(), k = [
-      e.counter,
-      y === "warning" && e.counterWarning,
-      y === "error" && e.counterError
-    ].filter(Boolean).join(" "), z = [
-      e.container,
-      e[x],
-      e[`resize${f.charAt(0).toUpperCase()}${f.slice(1)}`],
-      r && e.error,
-      N && e.disabled,
-      A
-    ].filter(Boolean).join(" "), D = p || d && !r;
-    return /* @__PURE__ */ c("div", { className: z, children: [
-      l && /* @__PURE__ */ c("label", { htmlFor: n, className: e.label, children: [
-        /* @__PURE__ */ a("span", { className: e.labelText, children: l }),
-        g && /* @__PURE__ */ a("span", { className: e.optional, "aria-hidden": "true", children: "(optional)" }),
-        h && !g && /* @__PURE__ */ a("span", { className: e.required, "aria-hidden": "true", children: "*" })
-      ] }),
-      /* @__PURE__ */ a(
-        "textarea",
-        {
-          ref: w,
-          id: n,
-          className: e.textarea,
-          value: t,
-          defaultValue: u,
-          maxLength: s,
-          onChange: M,
-          disabled: N,
-          required: h,
-          "aria-required": h || void 0,
-          "aria-invalid": r ? "true" : "false",
-          "aria-describedby": T,
-          "aria-label": l ? void 0 : b,
-          ...E
-        }
-      ),
-      D && /* @__PURE__ */ c("div", { className: e.footer, children: [
-        d && !r && /* @__PURE__ */ a("p", { id: I, className: e.helperText, children: d }),
-        p && s && /* @__PURE__ */ c(
-          "span",
-          {
-            id: S,
-            className: k,
-            "aria-live": "polite",
-            "aria-atomic": "true",
-            children: [
-              $,
-              "/",
-              s
-            ]
-          }
-        )
-      ] }),
-      r && /* @__PURE__ */ c(
-        "p",
-        {
-          id: C,
-          className: e.errorMessage,
-          role: "alert",
-          "aria-live": "assertive",
-          children: [
-            /* @__PURE__ */ a(_, { size: 14, "aria-hidden": "true" }),
-            /* @__PURE__ */ a("span", { children: r })
-          ]
-        }
-      )
-    ] });
-  }
-);
-q.displayName = "Textarea";
-export {
-  q as Textarea
-};

package/dist/components/ThemeController/ThemeController.cjs

@@ -1,2 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),b=require("../../contexts/ThemeContext.cjs"),S=require("../../hooks/useTheme.cjs"),h=require("../Switch/Switch.cjs"),l=require("../Button/Button.cjs"),d=require("../Card/Card.cjs"),i=require("../Badge/Badge.cjs"),z=require("../Radio/Radio.cjs"),T=require("../Alert/Alert.cjs"),n={orion:{accent:"#1B5BFF",radius:"12px",description:"Blue accent • 12px radius"},red:{accent:"#D7282F",radius:"9999px",description:"Red accent • Pill buttons"},deepblue:{accent:"#006FBA",radius:"12px",description:"Deep Blue accent • 12px radius"},orange:{accent:"#F15D22",radius:"9999px",description:"Red-Orange accent • Pill buttons"},ember:{accent:"#F15D22",radius:"12px",description:"Orange accent • Black buttons • 12px radius"},lemon:{accent:"#72FF43",radius:"9999px",description:"Lime green accent • Highly rounded"}},v=({showBrandSelector:o=!0,showThemeToggle:p=!0,showSummary:y=!0,compact:m=!1,className:x,style:u,onThemeChange:j,onBrandChange:f})=>{const k=S.useTheme();let g=null;try{g=b.useThemeContext()}catch{}const{theme:t,brand:a,setTheme:B,setBrand:C}=g??k,s=r=>{B(r),j?.(r)},c=r=>{C(r),f?.(r)};return m?e.jsxs("div",{className:x,style:{display:"flex",gap:"var(--spacing-3)",alignItems:"center",flexWrap:"wrap"},children:[p&&e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"var(--spacing-2)"},children:[e.jsx("span",{style:{fontSize:"20px"},children:"☀️"}),e.jsx(h.Switch,{checked:t==="dark",onChange:r=>s(r.target.checked?"dark":"light")}),e.jsx("span",{style:{fontSize:"20px"},children:"🌙"})]}),o&&e.jsx("div",{style:{display:"flex",gap:"var(--spacing-2)"},children:Object.keys(n).map(r=>e.jsx(l.Button,{variant:a===r?"primary":"secondary",size:"sm",onClick:()=>c(r),children:r.charAt(0).toUpperCase()+r.slice(1)},r))})]}):e.jsxs(d.Card,{variant:"elevated",className:x,style:{background:"var(--interactive-primary)",color:"var(--interactive-primary-text)",...u},children:[e.jsx(d.Card.Header,{children:e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"var(--spacing-2)"},children:[e.jsx("span",{style:{fontSize:"24px"},children:"🎨"}),e.jsxs("div",{children:[e.jsx("h3",{style:{margin:0,color:"var(--interactive-primary-text)"},children:"Theme & Brand Settings"}),e.jsx("p",{style:{margin:0,fontSize:"var(--text-sm)",opacity:.9,color:"var(--interactive-primary-text)"},children:"Customize the appearance in real-time"})]})]})}),e.jsx(d.Card.Body,{style:{background:"var(--surface-base)",color:"var(--text-primary)"},children:e.jsxs("div",{style:{display:"grid",gap:"var(--spacing-6)"},children:[p&&e.jsxs("div",{children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:"var(--spacing-3)"},children:[e.jsxs("div",{children:[e.jsx("label",{style:{display:"block",fontSize:"var(--text-lg)",fontWeight:"var(--font-weight-bold)",color:"var(--text-primary)",marginBottom:"var(--spacing-1)"},children:"Color Mode"}),e.jsx("p",{style:{fontSize:"var(--text-sm)",color:"var(--text-secondary)",margin:0},children:"Switch between light and dark themes"})]}),e.jsx(i.Badge,{variant:t==="light"?"warning":"primary",size:"lg",children:t==="light"?"☀️ Light":"🌙 Dark"})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"var(--spacing-3)",padding:"var(--spacing-4)",background:"var(--surface-subtle)",borderRadius:"var(--radius-control)",border:"2px solid var(--border-subtle)"},children:[e.jsx("span",{style:{fontSize:"32px"},children:"☀️"}),e.jsx(h.Switch,{checked:t==="dark",onChange:r=>s(r.target.checked?"dark":"light"),size:"lg"}),e.jsx("span",{style:{fontSize:"32px"},children:"🌙"}),e.jsxs("div",{style:{marginLeft:"auto",display:"flex",gap:"var(--spacing-2)"},children:[e.jsx(l.Button,{variant:t==="light"?"primary":"ghost",size:"sm",onClick:()=>s("light"),children:"Light"}),e.jsx(l.Button,{variant:t==="dark"?"primary":"ghost",size:"sm",onClick:()=>s("dark"),children:"Dark"})]})]})]}),o&&e.jsxs("div",{children:[e.jsxs("div",{style:{marginBottom:"var(--spacing-3)"},children:[e.jsx("label",{style:{display:"block",fontSize:"var(--text-lg)",fontWeight:"var(--font-weight-bold)",color:"var(--text-primary)",marginBottom:"var(--spacing-1)"},children:"Brand Identity"}),e.jsx("p",{style:{fontSize:"var(--text-sm)",color:"var(--text-secondary)",margin:0},children:"Select a brand to see different accent colors and styling"})]}),e.jsx("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(250px, 1fr))",gap:"var(--spacing-3)"},children:Object.keys(n).map(r=>e.jsxs("div",{onClick:()=>c(r),style:{padding:"var(--spacing-4)",background:a===r?"var(--interactive-primary)":"var(--surface-subtle)",color:a===r?"white":"var(--text-primary)",borderRadius:"var(--radius-control)",border:`2px solid ${a===r?"var(--interactive-primary)":"var(--border-subtle)"}`,cursor:"pointer",transition:"all 150ms ease"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:"var(--spacing-2)"},children:[e.jsx(z.Radio,{name:"brand",value:r,checked:a===r,onChange:()=>c(r),label:r.charAt(0).toUpperCase()+r.slice(1),size:"lg"}),a===r&&e.jsx(i.Badge,{variant:"success",children:"Active"})]}),e.jsx("p",{style:{fontSize:"var(--text-sm)",margin:0,opacity:.8},children:n[r].description})]},r))})]}),y&&e.jsx(T.Alert,{variant:"info",title:"Current Settings",children:e.jsxs("div",{style:{display:"flex",gap:"var(--spacing-2)",flexWrap:"wrap"},children:[e.jsxs(i.Badge,{variant:"primary",children:["Theme: ",t]}),e.jsxs(i.Badge,{variant:"secondary",children:["Brand: ",a]}),e.jsxs(i.Badge,{variant:"secondary",children:["Accent: ",n[a].accent]}),e.jsxs(i.Badge,{variant:"secondary",children:["Radius:"," ",n[a].radius==="9999px"?"9999px (pills)":n[a].radius]})]})})]})})]})};v.displayName="ThemeController";exports.ThemeController=v;