@orion-ds/react 4.6.5 → 4.7.0

package/dist/components/Radio/Radio.cjs

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

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

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

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

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

package/dist/components/Select/Select.mjs

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

package/dist/components/Sidebar/Sidebar.cjs

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

package/dist/components/Sidebar/Sidebar.mjs

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

package/dist/components/Skeleton/Skeleton.cjs

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

package/dist/components/Skeleton/Skeleton.mjs

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

package/dist/components/Slider/Slider.cjs

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

package/dist/components/Slider/Slider.mjs

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

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

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

package/dist/components/Stack/Stack.cjs

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