@orion-ds/react 4.2.14 → 4.3.1

package/dist/components/Popover/Popover.mjs

@@ -0,0 +1,191 @@
+import { jsxs as x, jsx as B, Fragment as Q } from "react/jsx-runtime";
+import { forwardRef as U, useState as F, useRef as g, useImperativeHandle as Z, useCallback as X, useEffect as L, isValidElement as _, cloneElement as D } from "react";
+import { createPortal as R } from "react-dom";
+import f from "./Popover.module.css.mjs";
+const tt = (e, a, c, l) => {
+  const u = window.scrollX, d = window.scrollY;
+  let r = 0, o = 0;
+  const t = {
+    top: e.top + d - a.height - l,
+    bottom: e.bottom + d + l,
+    left: e.left + u - a.width - l,
+    right: e.right + u + l,
+    centerX: e.left + u + (e.width - a.width) / 2,
+    centerY: e.top + d + (e.height - a.height) / 2,
+    startX: e.left + u,
+    endX: e.right + u - a.width,
+    startY: e.top + d,
+    endY: e.bottom + d - a.height
+  };
+  switch (c) {
+    case "top":
+      r = t.top, o = t.centerX;
+      break;
+    case "top-start":
+      r = t.top, o = t.startX;
+      break;
+    case "top-end":
+      r = t.top, o = t.endX;
+      break;
+    case "bottom":
+      r = t.bottom, o = t.centerX;
+      break;
+    case "bottom-start":
+      r = t.bottom, o = t.startX;
+      break;
+    case "bottom-end":
+      r = t.bottom, o = t.endX;
+      break;
+    case "left":
+      r = t.centerY, o = t.left;
+      break;
+    case "left-start":
+      r = t.startY, o = t.left;
+      break;
+    case "left-end":
+      r = t.endY, o = t.left;
+      break;
+    case "right":
+      r = t.centerY, o = t.right;
+      break;
+    case "right-start":
+      r = t.startY, o = t.right;
+      break;
+    case "right-end":
+      r = t.endY, o = t.right;
+      break;
+  }
+  return { top: r, left: o };
+}, et = U(
+  ({
+    trigger: e,
+    content: a,
+    placement: c = "bottom",
+    triggerType: l = "click",
+    open: u,
+    defaultOpen: d = !1,
+    onOpenChange: r,
+    showArrow: o = !0,
+    offset: t = 8,
+    closeOnClickOutside: N = !0,
+    closeOnEscape: W = !0,
+    openDelay: P = 0,
+    closeDelay: T = 150,
+    fullWidth: M = !1,
+    className: I,
+    ...$
+  }, z) => {
+    const [A, q] = F(d), [j, y] = F({ top: 0, left: 0 }), m = g(null), p = g(null), b = g(null), v = g(null);
+    Z(z, () => m.current);
+    const C = u !== void 0, s = C ? u : A, i = X(
+      (n) => {
+        C || q(n), r?.(n);
+      },
+      [C, r]
+    ), h = X(() => {
+      if (!m.current || !p.current) return;
+      const n = m.current.getBoundingClientRect(), E = p.current.getBoundingClientRect(), Y = tt(
+        n,
+        E,
+        c,
+        t
+      );
+      y(Y);
+    }, [c, t]);
+    L(() => {
+      if (s)
+        return requestAnimationFrame(h), window.addEventListener("resize", h), window.addEventListener("scroll", h, !0), () => {
+          window.removeEventListener("resize", h), window.removeEventListener("scroll", h, !0);
+        };
+    }, [s, h]), L(() => {
+      if (!s || !N) return;
+      const n = (E) => {
+        const Y = E.target;
+        m.current && !m.current.contains(Y) && p.current && !p.current.contains(Y) && i(!1);
+      };
+      return document.addEventListener("mousedown", n), () => document.removeEventListener("mousedown", n);
+    }, [s, N, i]), L(() => {
+      if (!s || !W) return;
+      const n = (E) => {
+        E.key === "Escape" && i(!1);
+      };
+      return document.addEventListener("keydown", n), () => document.removeEventListener("keydown", n);
+    }, [s, W, i]), L(() => () => {
+      b.current && clearTimeout(b.current), v.current && clearTimeout(v.current);
+    }, []);
+    const w = X(() => {
+      v.current && clearTimeout(v.current), P > 0 ? b.current = setTimeout(() => i(!0), P) : i(!0);
+    }, [P, i]), k = X(() => {
+      b.current && clearTimeout(b.current), T > 0 ? v.current = setTimeout(
+        () => i(!1),
+        T
+      ) : i(!1);
+    }, [T, i]), H = X(() => {
+      s ? k() : w();
+    }, [s, w, k]), S = () => {
+      const n = {
+        "aria-expanded": s,
+        "aria-haspopup": !0
+      };
+      switch (l) {
+        case "click":
+          return { ...n, onClick: H };
+        case "hover":
+          return {
+            ...n,
+            onMouseEnter: w,
+            onMouseLeave: k
+          };
+        case "focus":
+          return {
+            ...n,
+            onFocus: w,
+            onBlur: k
+          };
+        case "manual":
+          return n;
+        default:
+          return n;
+      }
+    }, V = _(e) ? D(
+      e,
+      S()
+    ) : e, G = () => c.startsWith("top") ? "bottom" : c.startsWith("bottom") ? "top" : c.startsWith("left") ? "right" : c.startsWith("right") ? "left" : "top", J = [f.popover, s && f.visible, I].filter(Boolean).join(" "), K = /* @__PURE__ */ x(
+      "div",
+      {
+        ref: p,
+        className: J,
+        style: {
+          top: j.top,
+          left: j.left
+        },
+        role: "dialog",
+        "aria-modal": "false",
+        onMouseEnter: l === "hover" ? w : void 0,
+        onMouseLeave: l === "hover" ? k : void 0,
+        ...$,
+        children: [
+          o && /* @__PURE__ */ B(
+            "div",
+            {
+              className: `${f.arrow} ${f[`arrow-${G()}`]}`,
+              "aria-hidden": "true"
+            }
+          ),
+          /* @__PURE__ */ B("div", { className: f.content, children: a })
+        ]
+      }
+    ), O = [
+      f.trigger,
+      M && f.triggerFullWidth
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ x(Q, { children: [
+      /* @__PURE__ */ B("div", { ref: m, className: O, children: V }),
+      s && R(K, document.body)
+    ] });
+  }
+);
+et.displayName = "Popover";
+export {
+  et as Popover
+};

package/dist/components/ProgressBar/ProgressBar.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("./ProgressBar.module.css.cjs"),d=({value:t,max:i=100,variant:n="primary",size:c="md",showLabel:o=!1,label:r,indeterminate:s=!1,className:u,...f})=>{const l=t!==void 0?Math.min(Math.max(t/i*100,0),100):0,m=[a.default.container,a.default[c],a.default[n],s&&a.default.indeterminate,u].filter(Boolean).join(" ");return e.jsxs("div",{className:m,...f,children:[(o||r)&&e.jsxs("div",{className:a.default.labelWrapper,children:[r&&e.jsx("span",{children:r}),o&&!s&&e.jsxs("span",{className:a.default.percentage,children:[Math.round(l),"%"]})]}),e.jsx("div",{className:a.default.track,role:"progressbar","aria-valuenow":s?void 0:t,"aria-valuemin":0,"aria-valuemax":i,"aria-label":r||`Progress: ${Math.round(l)}%`,children:e.jsx("div",{className:a.default.bar,style:{width:s?void 0:`${l}%`}})})]})};d.displayName="ProgressBar";exports.ProgressBar=d;

package/dist/components/ProgressBar/ProgressBar.mjs

@@ -0,0 +1,54 @@
+import { jsxs as o, jsx as n } from "react/jsx-runtime";
+import a from "./ProgressBar.module.css.mjs";
+const v = ({
+  value: e,
+  max: c = 100,
+  variant: t = "primary",
+  size: d = "md",
+  showLabel: l = !1,
+  label: r,
+  indeterminate: s = !1,
+  className: m,
+  ...p
+}) => {
+  const i = e !== void 0 ? Math.min(Math.max(e / c * 100, 0), 100) : 0, h = [
+    a.container,
+    a[d],
+    a[t],
+    s && a.indeterminate,
+    m
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ o("div", { className: h, ...p, children: [
+    (l || r) && /* @__PURE__ */ o("div", { className: a.labelWrapper, children: [
+      r && /* @__PURE__ */ n("span", { children: r }),
+      l && !s && /* @__PURE__ */ o("span", { className: a.percentage, children: [
+        Math.round(i),
+        "%"
+      ] })
+    ] }),
+    /* @__PURE__ */ n(
+      "div",
+      {
+        className: a.track,
+        role: "progressbar",
+        "aria-valuenow": s ? void 0 : e,
+        "aria-valuemin": 0,
+        "aria-valuemax": c,
+        "aria-label": r || `Progress: ${Math.round(i)}%`,
+        children: /* @__PURE__ */ n(
+          "div",
+          {
+            className: a.bar,
+            style: {
+              width: s ? void 0 : `${i}%`
+            }
+          }
+        )
+      }
+    )
+  ] });
+};
+v.displayName = "ProgressBar";
+export {
+  v as ProgressBar
+};

package/dist/components/QuickActions/QuickActions.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),i=require("react"),r=require("lucide-react"),s=require("./QuickActions.module.css.cjs"),p=i.forwardRef(({actions:o,variant:t="fab",position:N="bottom-right",primaryAction:h,triggerIcon:x,showLabels:k,fixed:$=!0,offset:y=24,className:v,style:A,...f},g)=>{const[a,n]=i.useState(!1),u=i.useRef(null),j=k??t==="bar";i.useEffect(()=>{if(!a)return;const e=d=>{u.current&&!u.current.contains(d.target)&&n(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[a]),i.useEffect(()=>{if(!a)return;const e=d=>{d.key==="Escape"&&n(!1)};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[a]);const c=e=>{e.disabled||(e.onClick(),(t==="fab"||t==="menu")&&n(!1))},b=[s.default.quickActions,s.default[`variant-${t}`],s.default[`position-${N}`],$&&s.default.fixed,a&&s.default.open,v].filter(Boolean).join(" "),m={...A,"--offset":`${y}px`};return t==="fab"?l.jsxs("div",{ref:u,className:b,style:m,...f,children:[l.jsx("div",{className:s.default.fabActions,children:o.map((e,d)=>l.jsxs("button",{type:"button",className:`${s.default.fabAction} ${e.variant?s.default[`action-${e.variant}`]:""} ${e.disabled?s.default.actionDisabled:""}`,onClick:()=>c(e),disabled:e.disabled,style:{transitionDelay:a?`${d*50}ms`:"0ms"},title:e.label,children:[l.jsx("span",{className:s.default.fabActionIcon,children:e.icon}),j&&l.jsx("span",{className:s.default.fabActionLabel,children:e.label})]},e.id))}),l.jsx("button",{type:"button",className:s.default.fabTrigger,onClick:()=>{h&&!a?c(h):n(!a)},"aria-expanded":a,"aria-label":a?"Close actions":"Open actions",children:l.jsx("span",{className:`${s.default.fabTriggerIcon} ${a?s.default.fabTriggerIconRotate:""}`,children:a?l.jsx(r.X,{size:24}):x||l.jsx(r.Plus,{size:24})})})]}):t==="bar"?l.jsx("div",{ref:g,className:b,style:m,...f,children:l.jsx("div",{className:s.default.bar,children:o.map(e=>l.jsxs("button",{type:"button",className:`${s.default.barAction} ${e.variant?s.default[`action-${e.variant}`]:""} ${e.disabled?s.default.actionDisabled:""}`,onClick:()=>c(e),disabled:e.disabled,title:e.label,children:[l.jsx("span",{className:s.default.barActionIcon,children:e.icon}),j&&l.jsx("span",{className:s.default.barActionLabel,children:e.label}),e.shortcut&&l.jsx("kbd",{className:s.default.shortcut,children:e.shortcut})]},e.id))})}):l.jsxs("div",{ref:u,className:b,style:m,...f,children:[a&&l.jsx("div",{className:s.default.menu,children:o.map(e=>l.jsxs("button",{type:"button",className:`${s.default.menuAction} ${e.variant?s.default[`action-${e.variant}`]:""} ${e.disabled?s.default.actionDisabled:""}`,onClick:()=>c(e),disabled:e.disabled,children:[l.jsx("span",{className:s.default.menuActionIcon,children:e.icon}),l.jsx("span",{className:s.default.menuActionLabel,children:e.label}),e.shortcut&&l.jsx("kbd",{className:s.default.shortcut,children:e.shortcut})]},e.id))}),l.jsx("button",{type:"button",className:s.default.menuTrigger,onClick:()=>n(!a),"aria-expanded":a,"aria-label":a?"Close menu":"Open menu",children:a?l.jsx(r.X,{size:20}):x||l.jsx(r.Plus,{size:20})})]})});p.displayName="QuickActions";exports.QuickActions=p;

package/dist/components/QuickActions/QuickActions.mjs

@@ -0,0 +1,148 @@
+import { jsxs as r, jsx as n } from "react/jsx-runtime";
+import { forwardRef as x, useState as E, useRef as D, useEffect as N } from "react";
+import { X as $, Plus as k } from "lucide-react";
+import s from "./QuickActions.module.css.mjs";
+const I = x(
+  ({
+    actions: o,
+    variant: a = "fab",
+    position: y = "bottom-right",
+    primaryAction: f,
+    triggerIcon: h,
+    showLabels: v,
+    fixed: A = !0,
+    offset: C = 24,
+    className: g,
+    style: L,
+    ...b
+  }, w) => {
+    const [l, t] = E(!1), d = D(null), p = v ?? a === "bar";
+    N(() => {
+      if (!l) return;
+      const e = (i) => {
+        d.current && !d.current.contains(i.target) && t(!1);
+      };
+      return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+    }, [l]), N(() => {
+      if (!l) return;
+      const e = (i) => {
+        i.key === "Escape" && t(!1);
+      };
+      return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+    }, [l]);
+    const c = (e) => {
+      e.disabled || (e.onClick(), (a === "fab" || a === "menu") && t(!1));
+    }, m = [
+      s.quickActions,
+      s[`variant-${a}`],
+      s[`position-${y}`],
+      A && s.fixed,
+      l && s.open,
+      g
+    ].filter(Boolean).join(" "), u = {
+      ...L,
+      "--offset": `${C}px`
+    };
+    return a === "fab" ? /* @__PURE__ */ r(
+      "div",
+      {
+        ref: d,
+        className: m,
+        style: u,
+        ...b,
+        children: [
+          /* @__PURE__ */ n("div", { className: s.fabActions, children: o.map((e, i) => /* @__PURE__ */ r(
+            "button",
+            {
+              type: "button",
+              className: `${s.fabAction} ${e.variant ? s[`action-${e.variant}`] : ""} ${e.disabled ? s.actionDisabled : ""}`,
+              onClick: () => c(e),
+              disabled: e.disabled,
+              style: { transitionDelay: l ? `${i * 50}ms` : "0ms" },
+              title: e.label,
+              children: [
+                /* @__PURE__ */ n("span", { className: s.fabActionIcon, children: e.icon }),
+                p && /* @__PURE__ */ n("span", { className: s.fabActionLabel, children: e.label })
+              ]
+            },
+            e.id
+          )) }),
+          /* @__PURE__ */ n(
+            "button",
+            {
+              type: "button",
+              className: s.fabTrigger,
+              onClick: () => {
+                f && !l ? c(f) : t(!l);
+              },
+              "aria-expanded": l,
+              "aria-label": l ? "Close actions" : "Open actions",
+              children: /* @__PURE__ */ n(
+                "span",
+                {
+                  className: `${s.fabTriggerIcon} ${l ? s.fabTriggerIconRotate : ""}`,
+                  children: l ? /* @__PURE__ */ n($, { size: 24 }) : h || /* @__PURE__ */ n(k, { size: 24 })
+                }
+              )
+            }
+          )
+        ]
+      }
+    ) : a === "bar" ? /* @__PURE__ */ n("div", { ref: w, className: m, style: u, ...b, children: /* @__PURE__ */ n("div", { className: s.bar, children: o.map((e) => /* @__PURE__ */ r(
+      "button",
+      {
+        type: "button",
+        className: `${s.barAction} ${e.variant ? s[`action-${e.variant}`] : ""} ${e.disabled ? s.actionDisabled : ""}`,
+        onClick: () => c(e),
+        disabled: e.disabled,
+        title: e.label,
+        children: [
+          /* @__PURE__ */ n("span", { className: s.barActionIcon, children: e.icon }),
+          p && /* @__PURE__ */ n("span", { className: s.barActionLabel, children: e.label }),
+          e.shortcut && /* @__PURE__ */ n("kbd", { className: s.shortcut, children: e.shortcut })
+        ]
+      },
+      e.id
+    )) }) }) : /* @__PURE__ */ r(
+      "div",
+      {
+        ref: d,
+        className: m,
+        style: u,
+        ...b,
+        children: [
+          l && /* @__PURE__ */ n("div", { className: s.menu, children: o.map((e) => /* @__PURE__ */ r(
+            "button",
+            {
+              type: "button",
+              className: `${s.menuAction} ${e.variant ? s[`action-${e.variant}`] : ""} ${e.disabled ? s.actionDisabled : ""}`,
+              onClick: () => c(e),
+              disabled: e.disabled,
+              children: [
+                /* @__PURE__ */ n("span", { className: s.menuActionIcon, children: e.icon }),
+                /* @__PURE__ */ n("span", { className: s.menuActionLabel, children: e.label }),
+                e.shortcut && /* @__PURE__ */ n("kbd", { className: s.shortcut, children: e.shortcut })
+              ]
+            },
+            e.id
+          )) }),
+          /* @__PURE__ */ n(
+            "button",
+            {
+              type: "button",
+              className: s.menuTrigger,
+              onClick: () => t(!l),
+              "aria-expanded": l,
+              "aria-label": l ? "Close menu" : "Open menu",
+              children: l ? /* @__PURE__ */ n($, { size: 20 }) : h || /* @__PURE__ */ n(k, { size: 20 })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+I.displayName = "QuickActions";
+export {
+  I as QuickActions
+};

package/dist/components/Radio/Radio.cjs

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

package/dist/components/Radio/Radio.mjs

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

package/dist/components/SearchInput/SearchInput.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),r=require("react"),u=require("lucide-react"),e=require("./SearchInput.module.css.cjs"),p=r.forwardRef(({size:l="md",value:a,onClear:d,onSearch:t,showClear:j=!0,showSearchButton:m=!1,searchIcon:C,clearLabel:b="Clear search",searchLabel:x="Search",loading:n=!1,fullWidth:y=!1,disabled:f=!1,className:k,onKeyDown:h,...I},N)=>{const S=a!==void 0&&a!=="",g=r.useCallback(o=>{o.key==="Enter"&&t&&t(o.currentTarget.value),h?.(o)},[t,h]),B=r.useCallback(()=>{d?.()},[d]),q=r.useCallback(()=>{t&&typeof a=="string"&&t(a)},[t,a]),z=[e.default.container,e.default[l],y&&e.default.fullWidth,n&&e.default.loading,f&&e.default.disabled,k].filter(Boolean).join(" "),i={sm:"Sm",md:"Md",lg:"Lg",xl:"Xl"}[l],M=[e.default.input,e.default[`input${i}`]].join(" "),R=[e.default.searchIcon,e.default[`searchIcon${i}`]].join(" "),$=[e.default.clearButton,e.default[`clearButton${i}`]].join(" "),c=l==="sm"?16:l==="lg"?22:l==="xl"?26:18;return s.jsxs("div",{className:z,children:[s.jsx("span",{className:R,"aria-hidden":"true",children:n?s.jsx(u.Loader2,{size:c,className:e.default.spinner}):C||s.jsx(u.Search,{size:c})}),s.jsx("input",{ref:N,type:"search",className:M,value:a,disabled:f,onKeyDown:g,...I}),j&&S&&!n&&s.jsx("button",{type:"button",className:$,onClick:B,"aria-label":b,children:s.jsx(u.X,{size:c-2})}),m&&s.jsx("button",{type:"button",className:e.default.searchButton,onClick:q,"aria-label":x,disabled:n,children:s.jsx(u.Search,{size:c})})]})});p.displayName="SearchInput";exports.SearchInput=p;

package/dist/components/SearchInput/SearchInput.mjs

@@ -0,0 +1,87 @@
+import { jsxs as L, jsx as e } from "react/jsx-runtime";
+import { forwardRef as S, useCallback as i } from "react";
+import { Loader2 as X, Search as u, X as D } from "lucide-react";
+import s from "./SearchInput.module.css.mjs";
+const E = S(
+  ({
+    size: n = "md",
+    value: t,
+    onClear: m,
+    onSearch: a,
+    showClear: h = !0,
+    showSearchButton: f = !1,
+    searchIcon: C,
+    clearLabel: y = "Clear search",
+    searchLabel: b = "Search",
+    loading: l = !1,
+    fullWidth: N = !1,
+    disabled: p = !1,
+    className: j,
+    onKeyDown: d,
+    ...k
+  }, x) => {
+    const B = t !== void 0 && t !== "", I = i(
+      (o) => {
+        o.key === "Enter" && a && a(o.currentTarget.value), d?.(o);
+      },
+      [a, d]
+    ), z = i(() => {
+      m?.();
+    }, [m]), g = i(() => {
+      a && typeof t == "string" && a(t);
+    }, [a, t]), M = [
+      s.container,
+      s[n],
+      N && s.fullWidth,
+      l && s.loading,
+      p && s.disabled,
+      j
+    ].filter(Boolean).join(" "), r = { sm: "Sm", md: "Md", lg: "Lg", xl: "Xl" }[n], $ = [s.input, s[`input${r}`]].join(" "), w = [
+      s.searchIcon,
+      s[`searchIcon${r}`]
+    ].join(" "), K = [
+      s.clearButton,
+      s[`clearButton${r}`]
+    ].join(" "), c = n === "sm" ? 16 : n === "lg" ? 22 : n === "xl" ? 26 : 18;
+    return /* @__PURE__ */ L("div", { className: M, children: [
+      /* @__PURE__ */ e("span", { className: w, "aria-hidden": "true", children: l ? /* @__PURE__ */ e(X, { size: c, className: s.spinner }) : C || /* @__PURE__ */ e(u, { size: c }) }),
+      /* @__PURE__ */ e(
+        "input",
+        {
+          ref: x,
+          type: "search",
+          className: $,
+          value: t,
+          disabled: p,
+          onKeyDown: I,
+          ...k
+        }
+      ),
+      h && B && !l && /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          className: K,
+          onClick: z,
+          "aria-label": y,
+          children: /* @__PURE__ */ e(D, { size: c - 2 })
+        }
+      ),
+      f && /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          className: s.searchButton,
+          onClick: g,
+          "aria-label": b,
+          disabled: l,
+          children: /* @__PURE__ */ e(u, { size: c })
+        }
+      )
+    ] });
+  }
+);
+E.displayName = "SearchInput";
+export {
+  E as SearchInput
+};

package/dist/components/Select/Select.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),$=require("react"),e=require("./Select.module.css.cjs"),n=$.forwardRef(({label:i,error:a,helperText:d,options:o,placeholder:r="Select an option...",fullWidth:u=!1,size:f="md",optional:m=!1,className:h,id:j,disabled:p,required:c,children:b,...x},N)=>{const s=j||`select-${Math.random().toString(36).substr(2,9)}`,v=[e.default.selectContainer,u&&e.default.fullWidth,a&&e.default.error,h].filter(Boolean).join(" "),S=[e.default.select,e.default[f]].filter(Boolean).join(" ");return l.jsxs("div",{className:v,children:[i&&l.jsxs("label",{htmlFor:s,className:e.default.label,children:[i,m&&l.jsx("span",{className:e.default.optional,children:"(optional)"}),c&&l.jsx("span",{"aria-label":"required",children:"*"})]}),l.jsx("div",{className:e.default.selectWrapper,children:l.jsxs("select",{ref:N,id:s,className:S,disabled:p,required:c,"aria-invalid":a?"true":"false","aria-describedby":a?`${s}-error`:d?`${s}-helper`:void 0,...x,children:[r&&l.jsx("option",{value:"",disabled:!0,className:e.default.placeholder,children:r}),o?.map(t=>l.jsx("option",{value:t.value,disabled:t.disabled,children:t.label},t.value)),b]})}),d&&!a&&l.jsx("span",{id:`${s}-helper`,className:e.default.helperText,children:d}),a&&l.jsxs("span",{id:`${s}-error`,className:e.default.errorMessage,role:"alert",children:[l.jsx("span",{className:e.default.errorIcon,"aria-hidden":"true",children:"⚠"}),a]})]})});n.displayName="Select";exports.Select=n;

package/dist/components/Select/Select.mjs

@@ -0,0 +1,78 @@
+import { jsxs as i, jsx as a } from "react/jsx-runtime";
+import { forwardRef as y } from "react";
+import e from "./Select.module.css.mjs";
+const C = y(
+  ({
+    label: n,
+    error: l,
+    helperText: c,
+    options: o,
+    placeholder: t = "Select an option...",
+    fullWidth: m = !1,
+    size: h = "md",
+    optional: p = !1,
+    className: f,
+    id: u,
+    disabled: N,
+    required: d,
+    children: b,
+    ...v
+  }, $) => {
+    const s = u || `select-${Math.random().toString(36).substr(2, 9)}`, j = [
+      e.selectContainer,
+      m && e.fullWidth,
+      l && e.error,
+      f
+    ].filter(Boolean).join(" "), S = [e.select, e[h]].filter(Boolean).join(" ");
+    return /* @__PURE__ */ i("div", { className: j, children: [
+      n && /* @__PURE__ */ i("label", { htmlFor: s, className: e.label, children: [
+        n,
+        p && /* @__PURE__ */ a("span", { className: e.optional, children: "(optional)" }),
+        d && /* @__PURE__ */ a("span", { "aria-label": "required", children: "*" })
+      ] }),
+      /* @__PURE__ */ a("div", { className: e.selectWrapper, children: /* @__PURE__ */ i(
+        "select",
+        {
+          ref: $,
+          id: s,
+          className: S,
+          disabled: N,
+          required: d,
+          "aria-invalid": l ? "true" : "false",
+          "aria-describedby": l ? `${s}-error` : c ? `${s}-helper` : void 0,
+          ...v,
+          children: [
+            t && /* @__PURE__ */ a("option", { value: "", disabled: !0, className: e.placeholder, children: t }),
+            o?.map((r) => /* @__PURE__ */ a(
+              "option",
+              {
+                value: r.value,
+                disabled: r.disabled,
+                children: r.label
+              },
+              r.value
+            )),
+            b
+          ]
+        }
+      ) }),
+      c && !l && /* @__PURE__ */ a("span", { id: `${s}-helper`, className: e.helperText, children: c }),
+      l && /* @__PURE__ */ i(
+        "span",
+        {
+          id: `${s}-error`,
+          className: e.errorMessage,
+          role: "alert",
+          children: [
+            /* @__PURE__ */ a("span", { className: e.errorIcon, "aria-hidden": "true", children: "⚠" }),
+            l
+          ]
+        }
+      )
+    ] });
+  }
+);
+C.displayName = "Select";
+export {
+  C as Select
+};

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;