@orion-ds/react 4.6.5 → 4.7.0

package/dist/index279.mjs

@@ -0,0 +1,176 @@
+import { jsx as p, jsxs as D, Fragment as J } from "react/jsx-runtime";
+import { forwardRef as K, useState as y, useRef as L, useImperativeHandle as M, useCallback as v, useEffect as C, isValidElement as T, cloneElement as $ } from "react";
+import { createPortal as Q } from "react-dom";
+import l from "./index287.mjs";
+const Z = (e, o, m) => {
+  const a = window.scrollX, s = window.scrollY, d = 4;
+  let r = 0, u = 0;
+  switch (m) {
+    case "bottom-start":
+      r = e.bottom + s + d, u = e.left + a;
+      break;
+    case "bottom":
+      r = e.bottom + s + d, u = e.left + a + (e.width - o.width) / 2;
+      break;
+    case "bottom-end":
+      r = e.bottom + s + d, u = e.right + a - o.width;
+      break;
+    case "top-start":
+      r = e.top + s - o.height - d, u = e.left + a;
+      break;
+    case "top":
+      r = e.top + s - o.height - d, u = e.left + a + (e.width - o.width) / 2;
+      break;
+    case "top-end":
+      r = e.top + s - o.height - d, u = e.right + a - o.width;
+      break;
+  }
+  return { top: r, left: u };
+}, _ = ({
+  item: e,
+  onSelect: o,
+  onNavigate: m
+}) => {
+  const a = () => {
+    e.disabled || (e.onClick?.(), o());
+  }, s = (r) => {
+    r.key === "Enter" || r.key === " " ? (r.preventDefault(), a()) : r.key === "ArrowDown" ? (r.preventDefault(), m?.("down")) : r.key === "ArrowUp" && (r.preventDefault(), m?.("up"));
+  }, d = [
+    l.item,
+    e.disabled && l.disabled,
+    e.danger && l.danger
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ D(
+    "div",
+    {
+      className: d,
+      role: "menuitem",
+      tabIndex: e.disabled ? -1 : 0,
+      "aria-disabled": e.disabled,
+      onClick: a,
+      onKeyDown: s,
+      children: [
+        e.icon && /* @__PURE__ */ p("span", { className: l.icon, "aria-hidden": "true", children: e.icon }),
+        /* @__PURE__ */ p("span", { className: l.label, children: e.label }),
+        e.shortcut && /* @__PURE__ */ p("span", { className: l.shortcut, "aria-hidden": "true", children: e.shortcut })
+      ]
+    }
+  );
+}, ee = K(
+  ({
+    trigger: e,
+    items: o = [],
+    groups: m = [],
+    placement: a = "bottom-start",
+    open: s,
+    onOpenChange: d,
+    onSelect: r,
+    minWidth: u = 180,
+    closeOnSelect: S = !0,
+    className: F,
+    ...I
+  }, q) => {
+    const [z, H] = y(!1), [j, O] = y({ top: 0, left: 0 }), [b, k] = y(-1), f = L(null), g = L(null), E = L(/* @__PURE__ */ new Map());
+    M(q, () => f.current);
+    const N = s !== void 0, c = N ? s : z, x = (m.length > 0 ? m : [{ items: o }]).flatMap((t) => t.items).filter((t) => !t.disabled), h = v(
+      (t) => {
+        N || H(t), d?.(t), t || k(-1);
+      },
+      [N, d]
+    ), w = v(() => {
+      if (!f.current || !g.current) return;
+      const t = f.current.getBoundingClientRect(), i = g.current.getBoundingClientRect(), n = Z(t, i, a);
+      O(n);
+    }, [a]);
+    C(() => {
+      if (c)
+        return requestAnimationFrame(w), window.addEventListener("resize", w), window.addEventListener("scroll", w, !0), requestAnimationFrame(() => {
+          const t = E.current.get(0);
+          t && (t.focus(), k(0));
+        }), () => {
+          window.removeEventListener("resize", w), window.removeEventListener("scroll", w, !0);
+        };
+    }, [c, w]), C(() => {
+      if (!c) return;
+      const t = (i) => {
+        const n = i.target;
+        f.current && !f.current.contains(n) && g.current && !g.current.contains(n) && h(!1);
+      };
+      return document.addEventListener("mousedown", t), () => document.removeEventListener("mousedown", t);
+    }, [c, h]), C(() => {
+      if (!c) return;
+      const t = (i) => {
+        i.key === "Escape" && h(!1);
+      };
+      return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
+    }, [c, h]);
+    const P = v(() => {
+      h(!c);
+    }, [c, h]), U = v(
+      (t) => {
+        r?.(t), S && h(!1);
+      },
+      [S, r, h]
+    ), V = v(
+      (t) => {
+        const i = x.length;
+        if (i === 0) return;
+        let n;
+        t === "down" ? n = b < i - 1 ? b + 1 : 0 : n = b > 0 ? b - 1 : i - 1, k(n), E.current.get(n)?.focus();
+      },
+      [b, x.length]
+    ), W = T(e) ? $(e, {
+      onClick: P,
+      "aria-expanded": c,
+      "aria-haspopup": "menu"
+    }) : e, A = m.length > 0 ? m : [{ items: o }], X = [l.menu, c && l.visible, F].filter(Boolean).join(" ");
+    let B = 0;
+    const Y = /* @__PURE__ */ p(
+      "div",
+      {
+        ref: g,
+        className: X,
+        style: {
+          top: j.top,
+          left: j.left,
+          minWidth: u
+        },
+        role: "menu",
+        "aria-orientation": "vertical",
+        ...I,
+        children: A.map((t, i) => /* @__PURE__ */ D("div", { className: l.group, children: [
+          t.label && /* @__PURE__ */ p("div", { className: l.groupLabel, children: t.label }),
+          t.items.map((n) => {
+            const G = B;
+            return n.disabled || B++, /* @__PURE__ */ p(
+              "div",
+              {
+                ref: (R) => {
+                  R && !n.disabled && E.current.set(G, R);
+                },
+                children: /* @__PURE__ */ p(
+                  _,
+                  {
+                    item: n,
+                    onSelect: () => U(n),
+                    onNavigate: V
+                  }
+                )
+              },
+              n.id
+            );
+          }),
+          i < A.length - 1 && /* @__PURE__ */ p("div", { className: l.separator, role: "separator" })
+        ] }, i))
+      }
+    );
+    return /* @__PURE__ */ D(J, { children: [
+      /* @__PURE__ */ p("div", { ref: f, className: l.trigger, children: W }),
+      c && Q(Y, document.body)
+    ] });
+  }
+);
+ee.displayName = "Dropdown";
+export {
+  ee as Dropdown
+};

package/dist/index28 2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),n=require("react"),w=require("lucide-react"),a=require("./index102.cjs"),S=n.forwardRef(({open:d,onOpenChange:c,commands:m,recentCommands:i,onSelect:D,placeholder:E="Type a command or search...",emptyMessage:C="No results found.",footer:N,className:L,...R},M)=>{const[r,b]=n.useState(""),[o,u]=n.useState(0),v=n.useRef(null),y=n.useRef(null),k=n.useMemo(()=>{if(!r)return m;const e=r.toLowerCase();return m.filter(t=>{const l=t.label.toLowerCase().includes(e),h=t.description?.toLowerCase().includes(e),j=t.keywords?.some(K=>K.toLowerCase().includes(e));return l||h||j})},[m,r]),p=n.useMemo(()=>{const e=[],t=[];return k.forEach(l=>{if(l.category){const h=e.find(j=>j.title===l.category);h?h.commands.push(l):e.push({title:l.category,commands:[l]})}else t.push(l)}),t.length>0&&e.unshift({title:"",commands:t}),e},[k]),f=n.useMemo(()=>{const e=[];return i&&i.length>0&&!r&&e.push(...i),p.forEach(t=>{e.push(...t.commands)}),e},[p,i,r]);n.useEffect(()=>{d&&(b(""),u(0),setTimeout(()=>v.current?.focus(),0))},[d]);const $=n.useCallback(e=>{switch(e.key){case"ArrowDown":e.preventDefault(),u(t=>Math.min(t+1,f.length-1));break;case"ArrowUp":e.preventDefault(),u(t=>Math.max(t-1,0));break;case"Enter":{e.preventDefault();const t=f[o];t&&!t.disabled&&x(t);break}case"Escape":e.preventDefault(),c(!1);break}},[f,o,c]),x=e=>{D?.(e),e.onSelect(),c(!1)};if(n.useEffect(()=>{const e=y.current;if(!e)return;const t=e.querySelector(`[data-index="${o}"]`);t&&t.scrollIntoView({block:"nearest"})},[o]),n.useEffect(()=>{const e=t=>{(t.metaKey||t.ctrlKey)&&t.key==="k"&&(t.preventDefault(),c(!d))};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[d,c]),!d)return null;const I=[a.default.commandBar,L].filter(Boolean).join(" ");let g=0;return s.jsx("div",{className:a.default.overlay,onClick:()=>c(!1),children:s.jsxs("div",{ref:M,className:I,onClick:e=>e.stopPropagation(),onKeyDown:$,...R,children:[s.jsxs("div",{className:a.default.inputWrapper,children:[s.jsx(w.Search,{size:18,className:a.default.searchIcon}),s.jsx("input",{ref:v,type:"text",className:a.default.input,placeholder:E,value:r,onChange:e=>{b(e.target.value),u(0)},autoComplete:"off",autoCorrect:"off",spellCheck:!1}),s.jsx("kbd",{className:a.default.shortcutHint,children:"ESC"})]}),s.jsx("div",{ref:y,className:a.default.results,children:f.length===0?s.jsx("div",{className:a.default.empty,children:C}):s.jsxs(s.Fragment,{children:[i&&i.length>0&&!r&&s.jsxs("div",{className:a.default.group,children:[s.jsx("div",{className:a.default.groupTitle,children:"Recent"}),i.map(e=>{const t=g++;return s.jsxs("button",{type:"button","data-index":t,className:`${a.default.item} ${t===o?a.default.itemSelected:""} ${e.disabled?a.default.itemDisabled:""}`,onClick:()=>!e.disabled&&x(e),onMouseEnter:()=>u(t),children:[e.icon&&s.jsx("span",{className:a.default.itemIcon,children:e.icon}),s.jsxs("span",{className:a.default.itemContent,children:[s.jsx("span",{className:a.default.itemLabel,children:e.label}),e.description&&s.jsx("span",{className:a.default.itemDescription,children:e.description})]}),e.shortcut&&s.jsx("kbd",{className:a.default.itemShortcut,children:e.shortcut})]},`recent-${e.id}`)})]}),p.map(e=>s.jsxs("div",{className:a.default.group,children:[e.title&&s.jsx("div",{className:a.default.groupTitle,children:e.title}),e.commands.map(t=>{const l=g++;return s.jsxs("button",{type:"button","data-index":l,className:`${a.default.item} ${l===o?a.default.itemSelected:""} ${t.disabled?a.default.itemDisabled:""}`,onClick:()=>!t.disabled&&x(t),onMouseEnter:()=>u(l),children:[t.icon&&s.jsx("span",{className:a.default.itemIcon,children:t.icon}),s.jsxs("span",{className:a.default.itemContent,children:[s.jsx("span",{className:a.default.itemLabel,children:t.label}),t.description&&s.jsx("span",{className:a.default.itemDescription,children:t.description})]}),t.shortcut&&s.jsx("kbd",{className:a.default.itemShortcut,children:t.shortcut})]},t.id)})]},e.title||"ungrouped"))]})}),N?s.jsx("div",{className:a.default.footer,children:N}):s.jsxs("div",{className:a.default.footer,children:[s.jsxs("span",{className:a.default.footerHint,children:[s.jsx(w.Command,{size:12})," ",s.jsx("span",{children:"K to toggle"})]}),s.jsxs("span",{className:a.default.footerHint,children:[s.jsx("span",{children:"↑↓"})," to navigate"]}),s.jsxs("span",{className:a.default.footerHint,children:[s.jsx("span",{children:"↵"})," to select"]})]})]})})});S.displayName="CommandBar";exports.CommandBar=S;

package/dist/index28 2.mjs

@@ -0,0 +1,193 @@
+import { jsx as a, jsxs as n, Fragment as j } from "react/jsx-runtime";
+import { forwardRef as z, useState as E, useRef as C, useMemo as v, useEffect as y, useCallback as A } from "react";
+import { Search as q, Command as F } from "lucide-react";
+import s from "./index102.mjs";
+const G = z(
+  ({
+    open: u,
+    onOpenChange: o,
+    commands: p,
+    recentCommands: i,
+    onSelect: L,
+    placeholder: $ = "Type a command or search...",
+    emptyMessage: I = "No results found.",
+    footer: k,
+    className: K,
+    ...M
+  }, R) => {
+    const [r, w] = E(""), [c, d] = E(0), g = C(null), x = C(null), D = v(() => {
+      if (!r) return p;
+      const e = r.toLowerCase();
+      return p.filter((t) => {
+        const l = t.label.toLowerCase().includes(e), m = t.description?.toLowerCase().includes(e), b = t.keywords?.some(
+          (T) => T.toLowerCase().includes(e)
+        );
+        return l || m || b;
+      });
+    }, [p, r]), f = v(() => {
+      const e = [], t = [];
+      return D.forEach((l) => {
+        if (l.category) {
+          const m = e.find((b) => b.title === l.category);
+          m ? m.commands.push(l) : e.push({ title: l.category, commands: [l] });
+        } else
+          t.push(l);
+      }), t.length > 0 && e.unshift({ title: "", commands: t }), e;
+    }, [D]), h = v(() => {
+      const e = [];
+      return i && i.length > 0 && !r && e.push(...i), f.forEach((t) => {
+        e.push(...t.commands);
+      }), e;
+    }, [f, i, r]);
+    y(() => {
+      u && (w(""), d(0), setTimeout(() => g.current?.focus(), 0));
+    }, [u]);
+    const B = A(
+      (e) => {
+        switch (e.key) {
+          case "ArrowDown":
+            e.preventDefault(), d((t) => Math.min(t + 1, h.length - 1));
+            break;
+          case "ArrowUp":
+            e.preventDefault(), d((t) => Math.max(t - 1, 0));
+            break;
+          case "Enter": {
+            e.preventDefault();
+            const t = h[c];
+            t && !t.disabled && N(t);
+            break;
+          }
+          case "Escape":
+            e.preventDefault(), o(!1);
+            break;
+        }
+      },
+      [h, c, o]
+    ), N = (e) => {
+      L?.(e), e.onSelect(), o(!1);
+    };
+    if (y(() => {
+      const e = x.current;
+      if (!e) return;
+      const t = e.querySelector(`[data-index="${c}"]`);
+      t && t.scrollIntoView({ block: "nearest" });
+    }, [c]), y(() => {
+      const e = (t) => {
+        (t.metaKey || t.ctrlKey) && t.key === "k" && (t.preventDefault(), o(!u));
+      };
+      return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+    }, [u, o]), !u) return null;
+    const H = [s.commandBar, K].filter(Boolean).join(" ");
+    let S = 0;
+    return /* @__PURE__ */ a("div", { className: s.overlay, onClick: () => o(!1), children: /* @__PURE__ */ n(
+      "div",
+      {
+        ref: R,
+        className: H,
+        onClick: (e) => e.stopPropagation(),
+        onKeyDown: B,
+        ...M,
+        children: [
+          /* @__PURE__ */ n("div", { className: s.inputWrapper, children: [
+            /* @__PURE__ */ a(q, { size: 18, className: s.searchIcon }),
+            /* @__PURE__ */ a(
+              "input",
+              {
+                ref: g,
+                type: "text",
+                className: s.input,
+                placeholder: $,
+                value: r,
+                onChange: (e) => {
+                  w(e.target.value), d(0);
+                },
+                autoComplete: "off",
+                autoCorrect: "off",
+                spellCheck: !1
+              }
+            ),
+            /* @__PURE__ */ a("kbd", { className: s.shortcutHint, children: "ESC" })
+          ] }),
+          /* @__PURE__ */ a("div", { ref: x, className: s.results, children: h.length === 0 ? /* @__PURE__ */ a("div", { className: s.empty, children: I }) : /* @__PURE__ */ n(j, { children: [
+            i && i.length > 0 && !r && /* @__PURE__ */ n("div", { className: s.group, children: [
+              /* @__PURE__ */ a("div", { className: s.groupTitle, children: "Recent" }),
+              i.map((e) => {
+                const t = S++;
+                return /* @__PURE__ */ n(
+                  "button",
+                  {
+                    type: "button",
+                    "data-index": t,
+                    className: `${s.item} ${t === c ? s.itemSelected : ""} ${e.disabled ? s.itemDisabled : ""}`,
+                    onClick: () => !e.disabled && N(e),
+                    onMouseEnter: () => d(t),
+                    children: [
+                      e.icon && /* @__PURE__ */ a("span", { className: s.itemIcon, children: e.icon }),
+                      /* @__PURE__ */ n("span", { className: s.itemContent, children: [
+                        /* @__PURE__ */ a("span", { className: s.itemLabel, children: e.label }),
+                        e.description && /* @__PURE__ */ a("span", { className: s.itemDescription, children: e.description })
+                      ] }),
+                      e.shortcut && /* @__PURE__ */ a("kbd", { className: s.itemShortcut, children: e.shortcut })
+                    ]
+                  },
+                  `recent-${e.id}`
+                );
+              })
+            ] }),
+            f.map((e) => /* @__PURE__ */ n(
+              "div",
+              {
+                className: s.group,
+                children: [
+                  e.title && /* @__PURE__ */ a("div", { className: s.groupTitle, children: e.title }),
+                  e.commands.map((t) => {
+                    const l = S++;
+                    return /* @__PURE__ */ n(
+                      "button",
+                      {
+                        type: "button",
+                        "data-index": l,
+                        className: `${s.item} ${l === c ? s.itemSelected : ""} ${t.disabled ? s.itemDisabled : ""}`,
+                        onClick: () => !t.disabled && N(t),
+                        onMouseEnter: () => d(l),
+                        children: [
+                          t.icon && /* @__PURE__ */ a("span", { className: s.itemIcon, children: t.icon }),
+                          /* @__PURE__ */ n("span", { className: s.itemContent, children: [
+                            /* @__PURE__ */ a("span", { className: s.itemLabel, children: t.label }),
+                            t.description && /* @__PURE__ */ a("span", { className: s.itemDescription, children: t.description })
+                          ] }),
+                          t.shortcut && /* @__PURE__ */ a("kbd", { className: s.itemShortcut, children: t.shortcut })
+                        ]
+                      },
+                      t.id
+                    );
+                  })
+                ]
+              },
+              e.title || "ungrouped"
+            ))
+          ] }) }),
+          k ? /* @__PURE__ */ a("div", { className: s.footer, children: k }) : /* @__PURE__ */ n("div", { className: s.footer, children: [
+            /* @__PURE__ */ n("span", { className: s.footerHint, children: [
+              /* @__PURE__ */ a(F, { size: 12 }),
+              " ",
+              /* @__PURE__ */ a("span", { children: "K to toggle" })
+            ] }),
+            /* @__PURE__ */ n("span", { className: s.footerHint, children: [
+              /* @__PURE__ */ a("span", { children: "↑↓" }),
+              " to navigate"
+            ] }),
+            /* @__PURE__ */ n("span", { className: s.footerHint, children: [
+              /* @__PURE__ */ a("span", { children: "↵" }),
+              " to select"
+            ] })
+          ] })
+        ]
+      }
+    ) });
+  }
+);
+G.displayName = "CommandBar";
+export {
+  G as CommandBar
+};

package/dist/index28.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),o=require("./index160.cjs"),x=e=>({top:o.default.gradientTop,center:o.default.gradientCenter,bottom:o.default.gradientBottom})[e]||o.default.gradientBottom,r=({variant:e="base",interactive:a=!1,imageUrl:t,imagePosition:s="bottom",aspectRatio:y="16/9",className:I,children:l,style:i,...d})=>{const c=e==="outlined"?"base":e;process.env.NODE_ENV!=="production"&&e==="outlined"&&console.warn('[Orion] Card variant="outlined" is deprecated. Use variant="base" instead. It will be removed in the next major version.');const m=c==="image",u=[o.default.card,o.default[c],a&&o.default.interactive,I].filter(Boolean).join(" "),B=m?{...i,backgroundImage:t?`url(${t})`:void 0,aspectRatio:y}:i;return m?n.jsx("div",{className:u,style:B,...d,children:n.jsx("div",{className:`${o.default.imageOverlay} ${x(s)}`,children:l})}):n.jsx("div",{className:u,style:i,...d,children:l})},f=({className:e,children:a,...t})=>{const s=[o.default.header,e].filter(Boolean).join(" ");return n.jsx("div",{className:s,...t,children:a})},N=({className:e,children:a,...t})=>{const s=[o.default.body,e].filter(Boolean).join(" ");return n.jsx("div",{className:s,...t,children:a})},g=({className:e,children:a,...t})=>{const s=[o.default.footer,e].filter(Boolean).join(" ");return n.jsx("div",{className:s,...t,children:a})},p=({className:e,children:a,...t})=>{const s=[o.default.imageContent,e].filter(Boolean).join(" ");return n.jsx("div",{className:s,...t,children:a})},j=({className:e,children:a,...t})=>{const s=[o.default.imageTitle,e].filter(Boolean).join(" ");return n.jsx("h3",{className:s,...t,children:a})},C=({className:e,children:a,...t})=>{const s=[o.default.imageDescription,e].filter(Boolean).join(" ");return n.jsx("p",{className:s,...t,children:a})},v=({className:e,children:a,...t})=>{const s=[o.default.imageMeta,e].filter(Boolean).join(" ");return n.jsx("span",{className:s,...t,children:a})};r.Header=f;r.Body=N;r.Footer=g;r.ImageContent=p;r.ImageTitle=j;r.ImageDescription=C;r.ImageMeta=v;r.displayName="Card";f.displayName="Card.Header";N.displayName="Card.Body";g.displayName="Card.Footer";p.displayName="Card.ImageContent";j.displayName="Card.ImageTitle";C.displayName="Card.ImageDescription";v.displayName="Card.ImageMeta";exports.Card=r;

package/dist/index28.mjs

@@ -0,0 +1,106 @@
+import { jsx as n } from "react/jsx-runtime";
+import s from "./index160.mjs";
+const b = (e) => ({
+  top: s.gradientTop,
+  center: s.gradientCenter,
+  bottom: s.gradientBottom
+})[e] || s.gradientBottom, r = ({
+  variant: e = "base",
+  interactive: a = !1,
+  imageUrl: t,
+  imagePosition: o = "bottom",
+  aspectRatio: y = "16/9",
+  className: B,
+  children: l,
+  style: i,
+  ...m
+}) => {
+  const d = e === "outlined" ? "base" : e;
+  process.env.NODE_ENV !== "production" && e === "outlined" && console.warn(
+    '[Orion] Card variant="outlined" is deprecated. Use variant="base" instead. It will be removed in the next major version.'
+  );
+  const c = d === "image", N = [
+    s.card,
+    s[d],
+    a && s.interactive,
+    B
+  ].filter(Boolean).join(" "), j = c ? {
+    ...i,
+    backgroundImage: t ? `url(${t})` : void 0,
+    aspectRatio: y
+  } : i;
+  return c ? /* @__PURE__ */ n("div", { className: N, style: j, ...m, children: /* @__PURE__ */ n(
+    "div",
+    {
+      className: `${s.imageOverlay} ${b(o)}`,
+      children: l
+    }
+  ) }) : /* @__PURE__ */ n("div", { className: N, style: i, ...m, children: l });
+}, g = ({
+  className: e,
+  children: a,
+  ...t
+}) => {
+  const o = [s.header, e].filter(Boolean).join(" ");
+  return /* @__PURE__ */ n("div", { className: o, ...t, children: a });
+}, p = ({
+  className: e,
+  children: a,
+  ...t
+}) => {
+  const o = [s.body, e].filter(Boolean).join(" ");
+  return /* @__PURE__ */ n("div", { className: o, ...t, children: a });
+}, C = ({
+  className: e,
+  children: a,
+  ...t
+}) => {
+  const o = [s.footer, e].filter(Boolean).join(" ");
+  return /* @__PURE__ */ n("div", { className: o, ...t, children: a });
+}, u = ({
+  className: e,
+  children: a,
+  ...t
+}) => {
+  const o = [s.imageContent, e].filter(Boolean).join(" ");
+  return /* @__PURE__ */ n("div", { className: o, ...t, children: a });
+}, I = ({
+  className: e,
+  children: a,
+  ...t
+}) => {
+  const o = [s.imageTitle, e].filter(Boolean).join(" ");
+  return /* @__PURE__ */ n("h3", { className: o, ...t, children: a });
+}, f = ({
+  className: e,
+  children: a,
+  ...t
+}) => {
+  const o = [s.imageDescription, e].filter(Boolean).join(" ");
+  return /* @__PURE__ */ n("p", { className: o, ...t, children: a });
+}, v = ({
+  className: e,
+  children: a,
+  ...t
+}) => {
+  const o = [s.imageMeta, e].filter(Boolean).join(" ");
+  return /* @__PURE__ */ n("span", { className: o, ...t, children: a });
+};
+r.Header = g;
+r.Body = p;
+r.Footer = C;
+r.ImageContent = u;
+r.ImageTitle = I;
+r.ImageDescription = f;
+r.ImageMeta = v;
+r.displayName = "Card";
+g.displayName = "Card.Header";
+p.displayName = "Card.Body";
+C.displayName = "Card.Footer";
+u.displayName = "Card.ImageContent";
+I.displayName = "Card.ImageTitle";
+f.displayName = "Card.ImageDescription";
+v.displayName = "Card.ImageMeta";
+export {
+  r as Card
+};

package/dist/index280.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const _="_avatar_mufx3_8",x="_image_mufx3_30",e="_initials_mufx3_38",u="_icon_mufx3_48",l="_xs_mufx3_64",a="_sm_mufx3_75",i="_md_mufx3_86",f="_lg_mufx3_97",m="_xl_mufx3_108",n="_xxl_mufx3_119",t="_profile_mufx3_130",r="_xxxl_mufx3_141",o="_xxxxl_mufx3_152",s="_xxxxxl_mufx3_163",g="_interactive_mufx3_178",d="_statusIndicator_mufx3_200",p="_online_mufx3_212",c="_offline_mufx3_216",b="_away_mufx3_220",v="_busy_mufx3_224",y="_blue_mufx3_232",k="_green_mufx3_237",w="_purple_mufx3_242",I="_orange_mufx3_247",j="_red_mufx3_252",M="_teal_mufx3_257",S="_pink_mufx3_262",h={avatar:_,image:x,initials:e,icon:u,xs:l,sm:a,md:i,lg:f,xl:m,xxl:n,profile:t,xxxl:r,xxxxl:o,xxxxxl:s,interactive:g,statusIndicator:d,online:p,offline:c,away:b,busy:v,blue:y,green:k,purple:w,orange:I,red:j,teal:M,pink:S};exports.avatar=_;exports.away=b;exports.blue=y;exports.busy=v;exports.default=h;exports.green=k;exports.icon=u;exports.image=x;exports.initials=e;exports.interactive=g;exports.lg=f;exports.md=i;exports.offline=c;exports.online=p;exports.orange=I;exports.pink=S;exports.profile=t;exports.purple=w;exports.red=j;exports.sm=a;exports.statusIndicator=d;exports.teal=M;exports.xl=m;exports.xs=l;exports.xxl=n;exports.xxxl=r;exports.xxxxl=o;exports.xxxxxl=s;

package/dist/index280.mjs

@@ -0,0 +1,59 @@
+const _ = "_avatar_mufx3_8", x = "_image_mufx3_30", a = "_initials_mufx3_38", s = "_icon_mufx3_48", e = "_xs_mufx3_64", l = "_sm_mufx3_75", u = "_md_mufx3_86", f = "_lg_mufx3_97", i = "_xl_mufx3_108", m = "_xxl_mufx3_119", n = "_profile_mufx3_130", t = "_xxxl_mufx3_141", r = "_xxxxl_mufx3_152", o = "_xxxxxl_mufx3_163", p = "_interactive_mufx3_178", g = "_statusIndicator_mufx3_200", c = "_online_mufx3_212", d = "_offline_mufx3_216", b = "_away_mufx3_220", v = "_busy_mufx3_224", y = "_blue_mufx3_232", k = "_green_mufx3_237", w = "_purple_mufx3_242", I = "_orange_mufx3_247", h = "_red_mufx3_252", j = "_teal_mufx3_257", q = "_pink_mufx3_262", z = {
+  avatar: _,
+  image: x,
+  initials: a,
+  icon: s,
+  xs: e,
+  sm: l,
+  md: u,
+  lg: f,
+  xl: i,
+  xxl: m,
+  profile: n,
+  xxxl: t,
+  xxxxl: r,
+  xxxxxl: o,
+  interactive: p,
+  statusIndicator: g,
+  online: c,
+  offline: d,
+  away: b,
+  busy: v,
+  blue: y,
+  green: k,
+  purple: w,
+  orange: I,
+  red: h,
+  teal: j,
+  pink: q
+};
+export {
+  _ as avatar,
+  b as away,
+  y as blue,
+  v as busy,
+  z as default,
+  k as green,
+  s as icon,
+  x as image,
+  a as initials,
+  p as interactive,
+  f as lg,
+  u as md,
+  d as offline,
+  c as online,
+  I as orange,
+  q as pink,
+  n as profile,
+  w as purple,
+  h as red,
+  l as sm,
+  g as statusIndicator,
+  j as teal,
+  i as xl,
+  e as xs,
+  m as xxl,
+  t as xxxl,
+  r as xxxxl,
+  o as xxxxxl
+};

package/dist/index284.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react/jsx-runtime"),e=require("react"),f=require("./index285.cjs"),h=e.createContext(null);function j(){const n=e.useContext(h);if(!n)throw new Error("Collapsible.Trigger/Content must be used within a Collapsible");return n}const x=e.forwardRef(({asChild:n,className:c,children:l,onClick:t,...u},o)=>{const{open:r,disabled:i,toggle:s,contentId:b,triggerId:d}=j(),a=e.useCallback(C=>{s(),t?.(C)},[s,t]);if(n&&e.isValidElement(l))return e.cloneElement(l,{id:d,"aria-expanded":r,"aria-controls":b,disabled:i,onClick:a});const p=[f.default.trigger,c].filter(Boolean).join(" ");return g.jsx("button",{ref:o,id:d,type:"button",className:p,"aria-expanded":r,"aria-controls":b,disabled:i,onClick:a,...u,children:l})});x.displayName="Collapsible.Trigger";const N=e.forwardRef(({forceMount:n,className:c,children:l,...t},u)=>{const{open:o,triggerId:r,contentId:i}=j();if(!n&&!o)return null;const s=[f.default.content,o&&f.default.contentOpen,c].filter(Boolean).join(" ");return g.jsx("div",{ref:u,id:i,role:"region","aria-labelledby":r,className:s,...t,children:g.jsx("div",{className:f.default.contentInner,children:l})})});N.displayName="Collapsible.Content";const I=e.forwardRef(({open:n,defaultOpen:c=!1,onOpenChange:l,disabled:t=!1,className:u,children:o,...r},i)=>{const[s,b]=e.useState(c),d=n!==void 0,a=d?n:s,p=e.useId(),C=e.useId(),v=e.useCallback(()=>{if(t)return;const m=!a;d||b(m),l?.(m)},[a,d,t,l]),y=[f.default.collapsible,u].filter(Boolean).join(" "),w={open:a,disabled:t,toggle:v,contentId:p,triggerId:C};return g.jsx(h.Provider,{value:w,children:g.jsx("div",{ref:i,className:y,"data-state":a?"open":"closed",...r,children:o})})});I.displayName="Collapsible";const k=Object.assign(I,{Trigger:x,Content:N});exports.Collapsible=k;

package/dist/index284.mjs

@@ -0,0 +1,114 @@
+import { jsx as g } from "react/jsx-runtime";
+import { forwardRef as m, useState as T, useId as h, useCallback as N, isValidElement as B, cloneElement as E, createContext as z, useContext as M } from "react";
+import p from "./index285.mjs";
+const I = z(null);
+function v() {
+  const e = M(I);
+  if (!e)
+    throw new Error(
+      "Collapsible.Trigger/Content must be used within a Collapsible"
+    );
+  return e;
+}
+const j = m(({ asChild: e, className: d, children: n, onClick: l, ...c }, t) => {
+  const { open: r, disabled: i, toggle: a, contentId: u, triggerId: s } = v(), o = N(
+    (b) => {
+      a(), l?.(b);
+    },
+    [a, l]
+  );
+  if (e && B(n))
+    return E(
+      n,
+      {
+        id: s,
+        "aria-expanded": r,
+        "aria-controls": u,
+        disabled: i,
+        onClick: o
+      }
+    );
+  const f = [p.trigger, d].filter(Boolean).join(" ");
+  return /* @__PURE__ */ g(
+    "button",
+    {
+      ref: t,
+      id: s,
+      type: "button",
+      className: f,
+      "aria-expanded": r,
+      "aria-controls": u,
+      disabled: i,
+      onClick: o,
+      ...c,
+      children: n
+    }
+  );
+});
+j.displayName = "Collapsible.Trigger";
+const x = m(
+  ({ forceMount: e, className: d, children: n, ...l }, c) => {
+    const { open: t, triggerId: r, contentId: i } = v();
+    if (!e && !t)
+      return null;
+    const a = [
+      p.content,
+      t && p.contentOpen,
+      d
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ g(
+      "div",
+      {
+        ref: c,
+        id: i,
+        role: "region",
+        "aria-labelledby": r,
+        className: a,
+        ...l,
+        children: /* @__PURE__ */ g("div", { className: p.contentInner, children: n })
+      }
+    );
+  }
+);
+x.displayName = "Collapsible.Content";
+const y = m(
+  ({
+    open: e,
+    defaultOpen: d = !1,
+    onOpenChange: n,
+    disabled: l = !1,
+    className: c,
+    children: t,
+    ...r
+  }, i) => {
+    const [a, u] = T(d), s = e !== void 0, o = s ? e : a, f = h(), b = h(), k = N(() => {
+      if (l) return;
+      const C = !o;
+      s || u(C), n?.(C);
+    }, [o, s, l, n]), w = [p.collapsible, c].filter(Boolean).join(" "), O = {
+      open: o,
+      disabled: l,
+      toggle: k,
+      contentId: f,
+      triggerId: b
+    };
+    return /* @__PURE__ */ g(I.Provider, { value: O, children: /* @__PURE__ */ g(
+      "div",
+      {
+        ref: i,
+        className: w,
+        "data-state": o ? "open" : "closed",
+        ...r,
+        children: t
+      }
+    ) });
+  }
+);
+y.displayName = "Collapsible";
+const V = Object.assign(y, {
+  Trigger: j,
+  Content: x
+});
+export {
+  V as Collapsible
+};

package/dist/index285.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_collapsible_1swsf_3",n="_trigger_1swsf_8",t="_content_1swsf_32",o="_contentOpen_1swsf_38",s="_contentInner_1swsf_42",_={collapsible:e,trigger:n,content:t,contentOpen:o,contentInner:s};exports.collapsible=e;exports.content=t;exports.contentInner=s;exports.contentOpen=o;exports.default=_;exports.trigger=n;