@orion-ds/react 4.6.5 → 4.7.0

package/dist/index25.mjs

@@ -0,0 +1,84 @@
+import { jsx as a, jsxs as i } from "react/jsx-runtime";
+import p from "react";
+import { Home as j } from "lucide-react";
+import s from "./index182.mjs";
+const I = ({
+  items: l,
+  separator: c = "chevron",
+  customSeparator: t,
+  showHomeIcon: d = !1,
+  maxItems: n,
+  size: h = "md",
+  className: f,
+  linkProps: b
+}) => {
+  const o = p.useMemo(() => {
+    if (!n || l.length <= n)
+      return l;
+    const r = l[0], e = l.slice(-(n - 1));
+    return [
+      ...r ? [r] : [],
+      { label: "...", href: void 0 },
+      // Ellipsis
+      ...e
+    ];
+  }, [l, n]), N = (r) => {
+    const e = [
+      s.separator,
+      c === "chevron" && s.chevron,
+      c === "slash" && s.slash
+    ].filter(Boolean).join(" ");
+    return c === "custom" && t ? /* @__PURE__ */ a(
+      "span",
+      {
+        className: s.separator,
+        "aria-hidden": "true",
+        children: t
+      },
+      `sep-${r}`
+    ) : /* @__PURE__ */ a(
+      "span",
+      {
+        className: e,
+        "aria-hidden": "true"
+      },
+      `sep-${r}`
+    );
+  }, g = () => {
+    switch (h) {
+      case "sm":
+        return 14;
+      case "lg":
+        return 18;
+      default:
+        return 16;
+    }
+  }, m = () => d ? /* @__PURE__ */ a("span", { className: s.homeIcon, "aria-label": "Home", children: /* @__PURE__ */ a(j, { size: g() }) }) : null, v = (r, e) => {
+    const u = e === o.length - 1;
+    return r.label === "..." ? /* @__PURE__ */ a("li", { className: s.item, children: /* @__PURE__ */ a("span", { className: s.ellipsis, "aria-label": "More items", children: "…" }) }, `ellipsis-${e}`) : u || !r.href ? /* @__PURE__ */ a(
+      "li",
+      {
+        className: s.item,
+        "aria-current": u ? "page" : void 0,
+        children: /* @__PURE__ */ i("span", { className: s.current, children: [
+          e === 0 && m(),
+          r.icon && /* @__PURE__ */ a("span", { className: s.icon, children: r.icon }),
+          r.label
+        ] })
+      },
+      e
+    ) : /* @__PURE__ */ a("li", { className: s.item, children: /* @__PURE__ */ i("a", { href: r.href, className: s.link, ...b, children: [
+      e === 0 && m(),
+      r.icon && /* @__PURE__ */ a("span", { className: s.icon, children: r.icon }),
+      r.label
+    ] }) }, e);
+  }, B = [s.breadcrumb, s[h], f].filter(Boolean).join(" ");
+  return /* @__PURE__ */ a("nav", { "aria-label": "Breadcrumb", children: /* @__PURE__ */ a("ol", { className: B, children: o.map((r, e) => /* @__PURE__ */ i(p.Fragment, { children: [
+    v(r, e),
+    e < o.length - 1 && N(e)
+  ] }, e)) }) });
+};
+I.displayName = "Breadcrumb";
+export {
+  I as Breadcrumb
+};

package/dist/index255.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("./index256.cjs"),t=({name:n,price:u,period:s,description:l,features:r,action:i,popular:c,className:o})=>e.jsxs("div",{className:`${a.default.card} ${c?a.default.cardPopular:""} ${o||""}`,children:[c&&e.jsx("span",{className:a.default.popularBadge,children:"Most Popular"}),e.jsx("h3",{className:a.default.cardName,children:n}),e.jsxs("div",{className:a.default.cardPrice,children:[e.jsx("span",{className:a.default.priceValue,children:u}),s&&e.jsx("span",{className:a.default.pricePeriod,children:s})]}),l&&e.jsx("p",{className:a.default.cardDescription,children:l}),r.length>0&&e.jsx("ul",{className:a.default.featureList,children:r.map(d=>e.jsxs("li",{className:a.default.featureItem,children:[e.jsx("svg",{className:a.default.featureCheck,width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:e.jsx("polyline",{points:"20 6 9 17 4 12"})}),d]},d))}),i&&e.jsx("div",{className:a.default.cardAction,children:i})]});t.displayName="PricingCard";exports.PricingCard=t;

package/dist/index255.mjs

@@ -0,0 +1,49 @@
+import { jsxs as a, jsx as r } from "react/jsx-runtime";
+import e from "./index256.mjs";
+const h = ({
+  name: o,
+  price: t,
+  period: s,
+  description: c,
+  features: i,
+  action: l,
+  popular: n,
+  className: m
+}) => /* @__PURE__ */ a(
+  "div",
+  {
+    className: `${e.card} ${n ? e.cardPopular : ""} ${m || ""}`,
+    children: [
+      n && /* @__PURE__ */ r("span", { className: e.popularBadge, children: "Most Popular" }),
+      /* @__PURE__ */ r("h3", { className: e.cardName, children: o }),
+      /* @__PURE__ */ a("div", { className: e.cardPrice, children: [
+        /* @__PURE__ */ r("span", { className: e.priceValue, children: t }),
+        s && /* @__PURE__ */ r("span", { className: e.pricePeriod, children: s })
+      ] }),
+      c && /* @__PURE__ */ r("p", { className: e.cardDescription, children: c }),
+      i.length > 0 && /* @__PURE__ */ r("ul", { className: e.featureList, children: i.map((d) => /* @__PURE__ */ a("li", { className: e.featureItem, children: [
+        /* @__PURE__ */ r(
+          "svg",
+          {
+            className: e.featureCheck,
+            width: "16",
+            height: "16",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            children: /* @__PURE__ */ r("polyline", { points: "20 6 9 17 4 12" })
+          }
+        ),
+        d
+      ] }, d)) }),
+      l && /* @__PURE__ */ r("div", { className: e.cardAction, children: l })
+    ]
+  }
+);
+h.displayName = "PricingCard";
+export {
+  h as PricingCard
+};

package/dist/index257.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("./index258.cjs"),s=({icon:r,title:d,description:t,className:c})=>e.jsxs("div",{className:`${a.default.card} ${c||""}`,children:[r&&e.jsx("div",{className:a.default.cardIcon,children:r}),e.jsx("h3",{className:a.default.cardTitle,children:d}),e.jsx("p",{className:a.default.cardDescription,children:t})]});s.displayName="FeatureCard";exports.FeatureCard=s;

package/dist/index257.mjs

@@ -0,0 +1,16 @@
+import { jsxs as i, jsx as a } from "react/jsx-runtime";
+import r from "./index258.mjs";
+const l = ({
+  icon: e,
+  title: s,
+  description: c,
+  className: d
+}) => /* @__PURE__ */ i("div", { className: `${r.card} ${d || ""}`, children: [
+  e && /* @__PURE__ */ a("div", { className: r.cardIcon, children: e }),
+  /* @__PURE__ */ a("h3", { className: r.cardTitle, children: s }),
+  /* @__PURE__ */ a("p", { className: r.cardDescription, children: c })
+] });
+l.displayName = "FeatureCard";
+export {
+  l as FeatureCard
+};

package/dist/index26 3.mjs

@@ -0,0 +1,271 @@
+import { jsx as s, jsxs as v, Fragment as fe } from "react/jsx-runtime";
+import { forwardRef as me, useId as he, useRef as M, useState as R, useMemo as Y, useEffect as z, useCallback as h } from "react";
+import { createPortal as pe } from "react-dom";
+import { Loader2 as be, X as we, ChevronDown as ve, Check as ge } from "lucide-react";
+import t from "./index104.mjs";
+const Ne = (d, l) => {
+  const o = l.toLowerCase().trim();
+  return o ? d.label.toLowerCase().includes(o) || d.value.toLowerCase().includes(o) || (d.description?.toLowerCase().includes(o) ?? !1) : !0;
+}, xe = me(
+  ({
+    options: d,
+    value: l,
+    onChange: o,
+    onInputChange: T,
+    size: B = "md",
+    label: I,
+    helperText: V,
+    error: k,
+    loading: G = !1,
+    clearable: J = !0,
+    allowFreeInput: u = !1,
+    filterFn: A = Ne,
+    openOnFocus: H = !0,
+    minChars: C = 0,
+    emptyText: Q = "No results found",
+    renderOption: W,
+    maxHeight: Z = 300,
+    fullWidth: _ = !1,
+    placeholder: X,
+    disabled: g,
+    className: F,
+    id: ee,
+    onFocus: q,
+    onBlur: K,
+    onKeyDown: U,
+    ...te
+  }, L) => {
+    const ne = he(), O = ee || ne, P = `${O}-listbox`, N = M(null), y = M(null), p = M(null), [i, f] = R(!1), [E, a] = R(""), [c, x] = R(-1), [S, se] = R({
+      top: 0,
+      left: 0,
+      width: 0
+    }), r = Y(
+      () => d.find((e) => e.value === l) ?? null,
+      [d, l]
+    );
+    z(() => {
+      r ? a(r.label) : u || a("");
+    }, [r, u]);
+    const b = Y(() => E.length < C ? [] : d.filter((e) => A(e, E)), [d, E, C, A]), w = h(() => {
+      if (!N.current) return;
+      const e = N.current.getBoundingClientRect();
+      se({
+        top: e.bottom + window.scrollY + 4,
+        left: e.left + window.scrollX,
+        width: e.width
+      });
+    }, []);
+    z(() => {
+      if (i)
+        return w(), window.addEventListener("resize", w), window.addEventListener("scroll", w, !0), () => {
+          window.removeEventListener("resize", w), window.removeEventListener("scroll", w, !0);
+        };
+    }, [i, w]), z(() => {
+      if (!i) return;
+      const e = (n) => {
+        const m = n.target;
+        N.current && !N.current.contains(m) && p.current && !p.current.contains(m) && (f(!1), !u && !l ? a("") : r && a(r.label));
+      };
+      return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+    }, [i, u, l, r]);
+    const re = h(
+      (e) => {
+        const n = e.target.value;
+        a(n), x(-1), T?.(n), !i && n.length >= C && f(!0), r && n !== r.label && !u && o?.(null, null);
+      },
+      [
+        i,
+        C,
+        T,
+        r,
+        u,
+        o
+      ]
+    ), ie = h(
+      (e) => {
+        H && !g && f(!0), q?.(e);
+      },
+      [H, g, q]
+    ), le = h(
+      (e) => {
+        setTimeout(() => {
+          p.current?.contains(document.activeElement) || (f(!1), !u && !l ? a("") : r && a(r.label));
+        }, 200), K?.(e);
+      },
+      [u, l, r, K]
+    ), j = h(
+      (e) => {
+        e.disabled || (o?.(e.value, e), a(e.label), f(!1), x(-1), y.current?.focus());
+      },
+      [o]
+    ), oe = h(
+      (e) => {
+        e.stopPropagation(), o?.(null, null), a(""), y.current?.focus();
+      },
+      [o]
+    ), ae = h(
+      (e) => {
+        switch (e.key) {
+          case "ArrowDown":
+            e.preventDefault(), i ? x(
+              (n) => Math.min(n + 1, b.length - 1)
+            ) : f(!0);
+            break;
+          case "ArrowUp":
+            e.preventDefault(), x((n) => Math.max(n - 1, 0));
+            break;
+          case "Enter":
+            e.preventDefault(), i && c >= 0 && b[c] && j(b[c]);
+            break;
+          case "Escape":
+            e.preventDefault(), f(!1), a(r ? r.label : "");
+            break;
+          case "Tab":
+            f(!1);
+            break;
+        }
+        U?.(e);
+      },
+      [
+        i,
+        c,
+        b,
+        j,
+        r,
+        U
+      ]
+    );
+    z(() => {
+      c >= 0 && p.current && p.current.querySelectorAll('[role="option"]')[c]?.scrollIntoView({ block: "nearest" });
+    }, [c]);
+    const ce = [
+      t.container,
+      t[B],
+      _ && t.fullWidth,
+      g && t.disabled,
+      k && t.error,
+      F
+    ].filter(Boolean).join(" "), D = B === "sm" ? 14 : B === "lg" ? 20 : 16, de = (e, n) => {
+      const m = e.value === l, $ = n === c;
+      return W ? W(e, m, $) : /* @__PURE__ */ v(fe, { children: [
+        e.icon && /* @__PURE__ */ s("span", { className: t.optionIcon, "aria-hidden": "true", children: e.icon }),
+        /* @__PURE__ */ v("div", { className: t.optionContent, children: [
+          /* @__PURE__ */ s("span", { className: t.optionLabel, children: e.label }),
+          e.description && /* @__PURE__ */ s("span", { className: t.optionDescription, children: e.description })
+        ] }),
+        m && /* @__PURE__ */ s(
+          ge,
+          {
+            size: D,
+            className: t.checkIcon,
+            "aria-hidden": "true"
+          }
+        )
+      ] });
+    }, ue = /* @__PURE__ */ s(
+      "div",
+      {
+        ref: p,
+        className: `${t.dropdown} ${i && t.visible}`,
+        style: {
+          top: S.top,
+          left: S.left,
+          width: S.width,
+          maxHeight: Z
+        },
+        role: "listbox",
+        id: P,
+        "aria-label": I || X,
+        children: G ? /* @__PURE__ */ v("div", { className: t.loading, children: [
+          /* @__PURE__ */ s(be, { size: D, className: t.spinner }),
+          /* @__PURE__ */ s("span", { children: "Loading..." })
+        ] }) : b.length === 0 ? /* @__PURE__ */ s("div", { className: t.empty, children: Q }) : b.map((e, n) => {
+          const m = n === c, $ = e.value === l;
+          return /* @__PURE__ */ s(
+            "div",
+            {
+              className: [
+                t.option,
+                m && t.highlighted,
+                $ && t.selected,
+                e.disabled && t.disabled
+              ].filter(Boolean).join(" "),
+              role: "option",
+              "aria-selected": $,
+              "aria-disabled": e.disabled,
+              onClick: () => j(e),
+              onMouseEnter: () => x(n),
+              children: de(e, n)
+            },
+            e.value
+          );
+        })
+      }
+    );
+    return /* @__PURE__ */ v("div", { className: ce, children: [
+      I && /* @__PURE__ */ s("label", { htmlFor: O, className: t.label, children: I }),
+      /* @__PURE__ */ v(
+        "div",
+        {
+          ref: N,
+          className: t.inputWrapper,
+          onClick: () => y.current?.focus(),
+          children: [
+            /* @__PURE__ */ s(
+              "input",
+              {
+                ...te,
+                ref: (e) => {
+                  typeof L == "function" ? L(e) : L && (L.current = e), y.current = e;
+                },
+                id: O,
+                type: "text",
+                className: t.input,
+                value: E,
+                onChange: re,
+                onFocus: ie,
+                onBlur: le,
+                onKeyDown: ae,
+                disabled: g,
+                placeholder: X,
+                role: "combobox",
+                "aria-expanded": i,
+                "aria-haspopup": "listbox",
+                "aria-controls": P,
+                "aria-autocomplete": "list",
+                "aria-activedescendant": c >= 0 ? `${P}-option-${c}` : void 0
+              }
+            ),
+            /* @__PURE__ */ v("div", { className: t.actions, children: [
+              J && l && !g && /* @__PURE__ */ s(
+                "button",
+                {
+                  type: "button",
+                  className: t.clearButton,
+                  onClick: oe,
+                  "aria-label": "Clear selection",
+                  tabIndex: -1,
+                  children: /* @__PURE__ */ s(we, { size: D })
+                }
+              ),
+              /* @__PURE__ */ s(
+                "span",
+                {
+                  className: `${t.chevron} ${i ? t.open : ""}`,
+                  "aria-hidden": "true",
+                  children: /* @__PURE__ */ s(ve, { size: D })
+                }
+              )
+            ] })
+          ]
+        }
+      ),
+      (V || k) && /* @__PURE__ */ s("span", { className: k ? t.errorText : t.helperText, children: k || V }),
+      i && pe(ue, document.body)
+    ] });
+  }
+);
+xe.displayName = "Combobox";
+export {
+  xe as Combobox
+};

package/dist/index26 4.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),l=require("react"),oe=require("react-dom"),R=require("lucide-react"),t=require("./index104.cjs"),de=(u,i)=>{const c=i.toLowerCase().trim();return c?u.label.toLowerCase().includes(c)||u.value.toLowerCase().includes(c)||(u.description?.toLowerCase().includes(c)??!1):!0},X=l.forwardRef(({options:u,value:i,onChange:c,onInputChange:P,size:D="md",label:S,helperText:z,error:g,loading:K=!1,clearable:U=!0,allowFreeInput:f=!1,filterFn:B=de,openOnFocus:I=!0,minChars:C=0,emptyText:Y="No results found",renderOption:T,maxHeight:_=300,fullWidth:G=!1,placeholder:V,disabled:w,className:J,id:Q,onFocus:A,onBlur:H,onKeyDown:W,...Z},k)=>{const F=l.useId(),$=Q||F,q=`${$}-listbox`,v=l.useRef(null),N=l.useRef(null),b=l.useRef(null),[r,h]=l.useState(!1),[E,o]=l.useState(""),[d,j]=l.useState(-1),[M,ee]=l.useState({top:0,left:0,width:0}),a=l.useMemo(()=>u.find(e=>e.value===i)??null,[u,i]);l.useEffect(()=>{a?o(a.label):f||o("")},[a,f]);const p=l.useMemo(()=>E.length<C?[]:u.filter(e=>B(e,E)),[u,E,C,B]),x=l.useCallback(()=>{if(!v.current)return;const e=v.current.getBoundingClientRect();ee({top:e.bottom+window.scrollY+4,left:e.left+window.scrollX,width:e.width})},[]);l.useEffect(()=>{if(r)return x(),window.addEventListener("resize",x),window.addEventListener("scroll",x,!0),()=>{window.removeEventListener("resize",x),window.removeEventListener("scroll",x,!0)}},[r,x]),l.useEffect(()=>{if(!r)return;const e=n=>{const m=n.target;v.current&&!v.current.contains(m)&&b.current&&!b.current.contains(m)&&(h(!1),!f&&!i?o(""):a&&o(a.label))};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[r,f,i,a]);const te=l.useCallback(e=>{const n=e.target.value;o(n),j(-1),P?.(n),!r&&n.length>=C&&h(!0),a&&n!==a.label&&!f&&c?.(null,null)},[r,C,P,a,f,c]),se=l.useCallback(e=>{I&&!w&&h(!0),A?.(e)},[I,w,A]),le=l.useCallback(e=>{setTimeout(()=>{b.current?.contains(document.activeElement)||(h(!1),!f&&!i?o(""):a&&o(a.label))},200),H?.(e)},[f,i,a,H]),O=l.useCallback(e=>{e.disabled||(c?.(e.value,e),o(e.label),h(!1),j(-1),N.current?.focus())},[c]),ne=l.useCallback(e=>{e.stopPropagation(),c?.(null,null),o(""),N.current?.focus()},[c]),ae=l.useCallback(e=>{switch(e.key){case"ArrowDown":e.preventDefault(),r?j(n=>Math.min(n+1,p.length-1)):h(!0);break;case"ArrowUp":e.preventDefault(),j(n=>Math.max(n-1,0));break;case"Enter":e.preventDefault(),r&&d>=0&&p[d]&&O(p[d]);break;case"Escape":e.preventDefault(),h(!1),o(a?a.label:"");break;case"Tab":h(!1);break}W?.(e)},[r,d,p,O,a,W]);l.useEffect(()=>{d>=0&&b.current&&b.current.querySelectorAll('[role="option"]')[d]?.scrollIntoView({block:"nearest"})},[d]);const re=[t.default.container,t.default[D],G&&t.default.fullWidth,w&&t.default.disabled,g&&t.default.error,J].filter(Boolean).join(" "),L=D==="sm"?14:D==="lg"?20:16,ie=(e,n)=>{const m=e.value===i,y=n===d;return T?T(e,m,y):s.jsxs(s.Fragment,{children:[e.icon&&s.jsx("span",{className:t.default.optionIcon,"aria-hidden":"true",children:e.icon}),s.jsxs("div",{className:t.default.optionContent,children:[s.jsx("span",{className:t.default.optionLabel,children:e.label}),e.description&&s.jsx("span",{className:t.default.optionDescription,children:e.description})]}),m&&s.jsx(R.Check,{size:L,className:t.default.checkIcon,"aria-hidden":"true"})]})},ce=s.jsx("div",{ref:b,className:`${t.default.dropdown} ${r&&t.default.visible}`,style:{top:M.top,left:M.left,width:M.width,maxHeight:_},role:"listbox",id:q,"aria-label":S||V,children:K?s.jsxs("div",{className:t.default.loading,children:[s.jsx(R.Loader2,{size:L,className:t.default.spinner}),s.jsx("span",{children:"Loading..."})]}):p.length===0?s.jsx("div",{className:t.default.empty,children:Y}):p.map((e,n)=>{const m=n===d,y=e.value===i;return s.jsx("div",{className:[t.default.option,m&&t.default.highlighted,y&&t.default.selected,e.disabled&&t.default.disabled].filter(Boolean).join(" "),role:"option","aria-selected":y,"aria-disabled":e.disabled,onClick:()=>O(e),onMouseEnter:()=>j(n),children:ie(e,n)},e.value)})});return s.jsxs("div",{className:re,children:[S&&s.jsx("label",{htmlFor:$,className:t.default.label,children:S}),s.jsxs("div",{ref:v,className:t.default.inputWrapper,onClick:()=>N.current?.focus(),children:[s.jsx("input",{...Z,ref:e=>{typeof k=="function"?k(e):k&&(k.current=e),N.current=e},id:$,type:"text",className:t.default.input,value:E,onChange:te,onFocus:se,onBlur:le,onKeyDown:ae,disabled:w,placeholder:V,role:"combobox","aria-expanded":r,"aria-haspopup":"listbox","aria-controls":q,"aria-autocomplete":"list","aria-activedescendant":d>=0?`${q}-option-${d}`:void 0}),s.jsxs("div",{className:t.default.actions,children:[U&&i&&!w&&s.jsx("button",{type:"button",className:t.default.clearButton,onClick:ne,"aria-label":"Clear selection",tabIndex:-1,children:s.jsx(R.X,{size:L})}),s.jsx("span",{className:`${t.default.chevron} ${r?t.default.open:""}`,"aria-hidden":"true",children:s.jsx(R.ChevronDown,{size:L})})]})]}),(z||g)&&s.jsx("span",{className:g?t.default.errorText:t.default.helperText,children:g||z}),r&&oe.createPortal(ce,document.body)]})});X.displayName="Combobox";exports.Combobox=X;

package/dist/index26.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),C=require("react"),e=require("./index147.cjs"),B=r=>r.replace(/-([a-z])/g,d=>d[1]?.toUpperCase()||""),c=C.forwardRef(({variant:r="primary",size:d="md",isLoading:t=!1,loadingText:u,fullWidth:i=!1,icon:s,iconRight:o,iconOnly:l=!1,className:f,children:m,disabled:p,type:h="button",...j},N)=>{const b=e.default[B(r)],$=[e.default.button,b,e.default[d],i&&e.default.fullWidth,l&&e.default.iconOnly,t&&e.default.loading,f].filter(Boolean).join(" "),x=p||t,n=t?e.default.loadingContent:void 0;return a.jsxs("button",{ref:N,type:h,className:$,disabled:x,...j,children:[t&&a.jsx("span",{className:e.default.spinner,"aria-hidden":"true"}),s&&!l&&a.jsx("span",{className:`${e.default.icon} ${n||""}`,"aria-hidden":"true",children:s}),l&&s?a.jsx("span",{className:`${e.default.icon} ${n||""}`,"aria-hidden":"true",children:s}):a.jsx("span",{className:n,children:t&&u?u:m}),o&&!l&&a.jsx("span",{className:`${e.default.icon} ${e.default.iconRight} ${n||""}`,"aria-hidden":"true",children:o})]})});c.displayName="Button";exports.Button=c;

package/dist/index26.mjs

@@ -0,0 +1,71 @@
+import { jsxs as j, jsx as e } from "react/jsx-runtime";
+import { forwardRef as B } from "react";
+import a from "./index147.mjs";
+const v = (l) => l.replace(/-([a-z])/g, (o) => o[1]?.toUpperCase() || ""), x = B(
+  ({
+    variant: l = "primary",
+    size: o = "md",
+    isLoading: s = !1,
+    loadingText: c,
+    fullWidth: i = !1,
+    icon: t,
+    iconRight: d,
+    iconOnly: r = !1,
+    className: m,
+    children: p,
+    disabled: u,
+    type: f = "button",
+    ...h
+  }, N) => {
+    const $ = a[v(l)], C = [
+      a.button,
+      $,
+      a[o],
+      i && a.fullWidth,
+      r && a.iconOnly,
+      s && a.loading,
+      m
+    ].filter(Boolean).join(" "), b = u || s, n = s ? a.loadingContent : void 0;
+    return /* @__PURE__ */ j(
+      "button",
+      {
+        ref: N,
+        type: f,
+        className: C,
+        disabled: b,
+        ...h,
+        children: [
+          s && /* @__PURE__ */ e("span", { className: a.spinner, "aria-hidden": "true" }),
+          t && !r && /* @__PURE__ */ e(
+            "span",
+            {
+              className: `${a.icon} ${n || ""}`,
+              "aria-hidden": "true",
+              children: t
+            }
+          ),
+          r && t ? /* @__PURE__ */ e(
+            "span",
+            {
+              className: `${a.icon} ${n || ""}`,
+              "aria-hidden": "true",
+              children: t
+            }
+          ) : /* @__PURE__ */ e("span", { className: n, children: s && c ? c : p }),
+          d && !r && /* @__PURE__ */ e(
+            "span",
+            {
+              className: `${a.icon} ${a.iconRight} ${n || ""}`,
+              "aria-hidden": "true",
+              children: d
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+x.displayName = "Button";
+export {
+  x as Button
+};

package/dist/index266.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),t=require("./index267.cjs"),l=({stat:e})=>a.jsxs("div",{className:t.default.statItem,children:[e.icon&&a.jsx("div",{className:t.default.statIcon,children:e.icon}),a.jsx("p",{className:t.default.statValue,children:e.value}),a.jsx("p",{className:t.default.statLabel,children:e.label}),e.trend&&a.jsx("p",{className:`${t.default.statTrend} ${e.trend.positive?t.default.trendPositive:t.default.trendNegative}`,children:e.trend.value})]});l.displayName="StatItemCard";exports.StatItemCard=l;

package/dist/index266.mjs

@@ -0,0 +1,18 @@
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import a from "./index267.mjs";
+const l = ({ stat: e }) => /* @__PURE__ */ t("div", { className: a.statItem, children: [
+  e.icon && /* @__PURE__ */ r("div", { className: a.statIcon, children: e.icon }),
+  /* @__PURE__ */ r("p", { className: a.statValue, children: e.value }),
+  /* @__PURE__ */ r("p", { className: a.statLabel, children: e.label }),
+  e.trend && /* @__PURE__ */ r(
+    "p",
+    {
+      className: `${a.statTrend} ${e.trend.positive ? a.trendPositive : a.trendNegative}`,
+      children: e.trend.value
+    }
+  )
+] });
+l.displayName = "StatItemCard";
+export {
+  l as StatItemCard
+};

package/dist/index269.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("./index270.cjs"),o=({filled:s})=>e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:s?"currentColor":"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:s?a.default.starFilled:a.default.starEmpty,children:e.jsx("polygon",{points:"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"})}),i=({quote:s,author:l,rating:r,variant:n="default",className:d})=>e.jsxs("div",{className:`${a.default.card} ${n==="minimal"?a.default.cardMinimal:""} ${d||""}`,children:[r!=null&&r>0&&e.jsx("div",{className:a.default.stars,children:Array.from({length:5},(c,t)=>e.jsx(o,{filled:t<r},t))}),e.jsxs("p",{className:a.default.quote,children:["“",s,"”"]}),e.jsxs("div",{className:a.default.author,children:[l.avatar&&e.jsx("div",{className:a.default.authorAvatar,children:l.avatar}),e.jsxs("div",{className:a.default.authorInfo,children:[e.jsx("p",{className:a.default.authorName,children:l.name}),(l.role||l.company)&&e.jsx("p",{className:a.default.authorRole,children:[l.role,l.company].filter(Boolean).join(", ")})]})]})]});i.displayName="TestimonialCard";exports.TestimonialCard=i;

package/dist/index269.mjs

@@ -0,0 +1,47 @@
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
+import e from "./index270.mjs";
+const t = ({ filled: l }) => /* @__PURE__ */ r(
+  "svg",
+  {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 24 24",
+    fill: l ? "currentColor" : "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className: l ? e.starFilled : e.starEmpty,
+    children: /* @__PURE__ */ r("polygon", { points: "12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" })
+  }
+), d = ({
+  quote: l,
+  author: a,
+  rating: o,
+  variant: n = "default",
+  className: c
+}) => /* @__PURE__ */ s(
+  "div",
+  {
+    className: `${e.card} ${n === "minimal" ? e.cardMinimal : ""} ${c || ""}`,
+    children: [
+      o != null && o > 0 && /* @__PURE__ */ r("div", { className: e.stars, children: Array.from({ length: 5 }, (m, i) => /* @__PURE__ */ r(t, { filled: i < o }, i)) }),
+      /* @__PURE__ */ s("p", { className: e.quote, children: [
+        "“",
+        l,
+        "”"
+      ] }),
+      /* @__PURE__ */ s("div", { className: e.author, children: [
+        a.avatar && /* @__PURE__ */ r("div", { className: e.authorAvatar, children: a.avatar }),
+        /* @__PURE__ */ s("div", { className: e.authorInfo, children: [
+          /* @__PURE__ */ r("p", { className: e.authorName, children: a.name }),
+          (a.role || a.company) && /* @__PURE__ */ r("p", { className: e.authorRole, children: [a.role, a.company].filter(Boolean).join(", ") })
+        ] })
+      ] })
+    ]
+  }
+);
+d.displayName = "TestimonialCard";
+export {
+  d as TestimonialCard
+};

package/dist/index27 2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),s=require("react"),H=require("react-dom"),K=require("lucide-react"),r=require("./index172.cjs"),U=require("./index33.cjs"),B=s.createContext(null);function S(){const e=s.useContext(B);if(!e)throw new Error("Command compound components must be used within <Command>");return e}const $=(e,t)=>t?e.toLowerCase().includes(t.toLowerCase())?1:0:1,d=({value:e,onValueChange:t,filter:n=$,children:i,className:c,...l})=>{const[C,b]=s.useState(""),[v,p]=s.useState(0),y=s.useRef(new Map),[,j]=s.useState(0),x=s.useId(),m=e!==void 0?e:C,I=s.useCallback(o=>{e!==void 0?t?.(o):b(o),p(0)},[e,t]),N=s.useCallback((o,u)=>{y.current.set(o,u),j(f=>f+1)},[]),w=s.useCallback(o=>{y.current.delete(o),j(u=>u+1)},[]),g=s.useCallback(()=>{const o=[];for(const[u,f]of y.current)n(f,m)>0&&o.push(u);return o},[n,m]),h=s.useMemo(()=>({search:m,setSearch:I,filter:n,activeIndex:v,setActiveIndex:p,registerItem:N,unregisterItem:w,items:y.current,getVisibleItems:g,listId:x}),[m,I,n,v,p,N,w,g,x]),k=s.useRef(null),E=s.useCallback(o=>{const u=g();if(u.length){if(o.key==="ArrowDown")o.preventDefault(),p(f=>(f+1)%u.length);else if(o.key==="ArrowUp")o.preventDefault(),p(f=>(f-1+u.length)%u.length);else if(o.key==="Enter"){o.preventDefault();const f=u[v];f&&k.current?.querySelector(`[data-command-id="${f}"]`)?.click()}}},[g,v,p]),T=[r.default.command,c].filter(Boolean).join(" ");return a.jsx(B.Provider,{value:h,children:a.jsx("div",{ref:k,className:T,onKeyDown:E,...l,children:i})})},R=({className:e,...t})=>{const{search:n,setSearch:i,listId:c}=S(),l=s.useRef(null);s.useEffect(()=>{l.current?.focus()},[]);const C=[r.default.inputWrapper,e].filter(Boolean).join(" ");return a.jsxs("div",{className:C,children:[a.jsx(K.Search,{size:16,className:r.default.searchIcon,"aria-hidden":"true"}),a.jsx("input",{ref:l,className:r.default.input,value:n,onChange:b=>i(b.target.value),type:"text",role:"combobox","aria-expanded":"true","aria-autocomplete":"list","aria-controls":c,...t})]})};R.displayName="Command.Input";const q=({children:e,className:t,...n})=>{const{listId:i}=S(),c=[r.default.list,t].filter(Boolean).join(" ");return a.jsx("div",{id:i,className:c,role:"listbox",...n,children:e})};q.displayName="Command.List";const L=({children:e,className:t})=>{const{getVisibleItems:n}=S();if(n().length>0)return null;const c=[r.default.empty,t].filter(Boolean).join(" ");return a.jsx("div",{className:c,role:"status","aria-live":"polite",children:e})};L.displayName="Command.Empty";const A=({heading:e,children:t,className:n})=>{const i=[r.default.group,n].filter(Boolean).join(" ");return a.jsxs("div",{className:i,role:"group","aria-label":e,children:[e&&a.jsx("div",{className:r.default.groupHeading,children:e}),t]})};A.displayName="Command.Group";let z=0;const V=({onSelect:e,disabled:t=!1,value:n,children:i,className:c,...l})=>{const{filter:C,search:b,activeIndex:v,getVisibleItems:p,registerItem:y,unregisterItem:j}=S(),x=s.useRef("");x.current||(x.current=`cmd-item-${++z}`);const m=x.current,I=n||D(i);s.useEffect(()=>(y(m,I),()=>j(m)),[m,I,y,j]);const N=C(I,b)>0,h=p().indexOf(m)===v,k=()=>{t||e?.()},E=[r.default.item,t&&r.default.itemDisabled,!N&&r.default.itemHidden,c].filter(Boolean).join(" ");return a.jsx("div",{className:E,"data-command-id":m,"data-active":h,role:"option","aria-selected":h,"aria-disabled":t,onClick:k,...l,children:i})};V.displayName="Command.Item";const G=({className:e})=>{const t=[r.default.separator,e].filter(Boolean).join(" ");return a.jsx(U.Divider,{spacing:"none",className:t})};G.displayName="Command.Separator";const M=({children:e,className:t})=>{const n=[r.default.shortcut,t].filter(Boolean).join(" ");return a.jsx("span",{className:n,children:e})};M.displayName="Command.Shortcut";const P=({open:e,onOpenChange:t,children:n,className:i})=>{if(s.useEffect(()=>{if(!e)return;const l=C=>{C.key==="Escape"&&t(!1)};return document.addEventListener("keydown",l),()=>document.removeEventListener("keydown",l)},[e,t]),s.useEffect(()=>(e?document.body.style.overflow="hidden":document.body.style.overflow="",()=>{document.body.style.overflow=""}),[e]),!e)return null;const c=l=>{l.target===l.currentTarget&&t(!1)};return H.createPortal(a.jsx("div",{className:r.default.dialogBackdrop,onClick:c,children:a.jsx("div",{className:[r.default.dialogContent,i].filter(Boolean).join(" "),children:a.jsx(d,{children:n})})}),document.body)};P.displayName="Command.Dialog";d.Input=R;d.List=q;d.Empty=L;d.Group=A;d.Item=V;d.Separator=G;d.Shortcut=M;d.Dialog=P;d.displayName="Command";function D(e){return typeof e=="string"?e:typeof e=="number"?String(e):Array.isArray(e)?e.map(D).join(" "):s.isValidElement(e)&&e.props?D(e.props.children):""}exports.Command=d;