@orion-ds/react 4.2.14 → 4.3.7

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/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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/Stepper.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAIH,OAAO,KAAK,EAAE,YAAY,EAAyB,MAAM,iBAAiB,CAAC;AAkG3E,eAAO,MAAM,OAAO,yGAkGnB,CAAC"}
+{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/Stepper.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,YAAY,EAAyB,MAAM,iBAAiB,CAAC;AAkG3E,eAAO,MAAM,OAAO,yGAkGnB,CAAC"}

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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAIH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGlD,eAAO,MAAM,MAAM,0GAkHlB,CAAC"}
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGlD,eAAO,MAAM,MAAM,0GAkHlB,CAAC"}

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;

package/dist/components/Table/Table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AAGH,OAAO,KAAK,EAAE,UAAU,EAA8B,MAAM,eAAe,CAAC;AAG5E,eAAO,MAAM,KAAK;KAAI,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,wJAehD,UAAU,CAAC,CAAC,CAAC;;CA4Lf,CAAC"}
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AA0CA,OAAO,KAAK,EAAE,UAAU,EAA8B,MAAM,eAAe,CAAC;AAG5E,eAAO,MAAM,KAAK;KAAI,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,wJAehD,UAAU,CAAC,CAAC,CAAC;;CA4Lf,CAAC"}

package/dist/components/Table/Table.mjs

@@ -0,0 +1,101 @@
+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

@@ -0,0 +1 @@
+"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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAEH,OAAO,KAAwC,MAAM,OAAO,CAAC;AAC7D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG9C,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA6JpC,CAAC"}
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAEH,OAAO,KAAwC,MAAM,OAAO,CAAC;AAC7D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG9C,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA6JpC,CAAC"}

package/dist/components/Tabs/Tabs.mjs

@@ -0,0 +1,97 @@
+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

@@ -0,0 +1 @@
+"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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAEH,OAAO,KAMN,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGtD,eAAO,MAAM,QAAQ,2FA0LpB,CAAC"}
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAEH,OAAO,KAMN,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGtD,eAAO,MAAM,QAAQ,2FA0LpB,CAAC"}