@orion-ds/react 4.7.0 → 4.8.0

package/dist/index281.mjs

@@ -1,31 +1,176 @@
-const _ = "_badge_1vgzi_8", s = "_primary_1vgzi_32", a = "_secondary_1vgzi_38", r = "_success_1vgzi_44", i = "_error_1vgzi_50", g = "_warning_1vgzi_56", e = "_info_1vgzi_62", n = "_brand_1vgzi_68", d = "_inverse_1vgzi_75", v = "_sm_1vgzi_85", o = "_md_1vgzi_91", z = "_lg_1vgzi_97", c = "_dot_1vgzi_107", m = {
-  badge: _,
-  primary: s,
-  secondary: a,
-  success: r,
-  error: i,
-  warning: g,
-  info: e,
-  brand: n,
-  inverse: d,
-  sm: v,
-  md: o,
-  lg: z,
-  dot: c
-};
+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 "./index289.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 {
-  _ as badge,
-  n as brand,
-  m as default,
-  c as dot,
-  i as error,
-  e as info,
-  d as inverse,
-  z as lg,
-  o as md,
-  s as primary,
-  a as secondary,
-  v as sm,
-  r as success,
-  g as warning
+  ee as Dropdown
 };

package/dist/index282.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const _="_button_g3h5h_9",n="_primary_g3h5h_49",h="_secondary_g3h5h_63",e="_secondaryInverse_g3h5h_100",g="_ghost_g3h5h_118",o="_ghostInverse_g3h5h_133",i="_danger_g3h5h_147",s="_inverse_g3h5h_166",t="_sm_g3h5h_193",r="_md_g3h5h_200",d="_lg_g3h5h_207",l="_fullWidth_g3h5h_219",a="_iconOnly_g3h5h_224",c="_loading_g3h5h_242",u="_spinner_g3h5h_247",y="_spin_g3h5h_247",v="_loadingContent_g3h5h_325",m="_icon_g3h5h_224",p="_iconRight_g3h5h_423",I={button:_,primary:n,secondary:h,secondaryInverse:e,ghost:g,ghostInverse:o,danger:i,inverse:s,sm:t,md:r,lg:d,fullWidth:l,iconOnly:a,loading:c,spinner:u,spin:y,loadingContent:v,icon:m,iconRight:p};exports.button=_;exports.danger=i;exports.default=I;exports.fullWidth=l;exports.ghost=g;exports.ghostInverse=o;exports.icon=m;exports.iconOnly=a;exports.iconRight=p;exports.inverse=s;exports.lg=d;exports.loading=c;exports.loadingContent=v;exports.md=r;exports.primary=n;exports.secondary=h;exports.secondaryInverse=e;exports.sm=t;exports.spin=y;exports.spinner=u;
+"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/index282.mjs

@@ -1,43 +1,59 @@
-const _ = "_button_g3h5h_9", n = "_primary_g3h5h_49", s = "_secondary_g3h5h_63", h = "_secondaryInverse_g3h5h_100", g = "_ghost_g3h5h_118", a = "_ghostInverse_g3h5h_133", e = "_danger_g3h5h_147", o = "_inverse_g3h5h_166", i = "_sm_g3h5h_193", r = "_md_g3h5h_200", t = "_lg_g3h5h_207", d = "_fullWidth_g3h5h_219", l = "_iconOnly_g3h5h_224", c = "_loading_g3h5h_242", y = "_spinner_g3h5h_247", p = "_spin_g3h5h_247", m = "_loadingContent_g3h5h_325", v = "_icon_g3h5h_224", u = "_iconRight_g3h5h_423", I = {
-  button: _,
-  primary: n,
-  secondary: s,
-  secondaryInverse: h,
-  ghost: g,
-  ghostInverse: a,
-  danger: e,
-  inverse: o,
-  sm: i,
-  md: r,
-  lg: t,
-  fullWidth: d,
-  iconOnly: l,
-  loading: c,
-  spinner: y,
-  spin: p,
-  loadingContent: m,
-  icon: v,
-  iconRight: u
+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 button,
-  e as danger,
-  I as default,
-  d as fullWidth,
-  g as ghost,
-  a as ghostInverse,
-  v as icon,
-  l as iconOnly,
-  u as iconRight,
-  o as inverse,
-  t as lg,
-  c as loading,
-  m as loadingContent,
-  r as md,
-  n as primary,
-  s as secondary,
-  h as secondaryInverse,
-  i as sm,
-  p as spin,
-  y as spinner
+  _ 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/index283.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_card_rge7d_8",_="_base_rge7d_27",r="_glass_rge7d_32",t="_elevated_rge7d_39",a="_outlined_rge7d_44",i="_image_rge7d_49",g="_inverse_rge7d_59",d="_header_rge7d_66",n="_body_rge7d_67",o="_footer_rge7d_68",m="_imageOverlay_rge7d_73",l="_gradientBottom_rge7d_83",s="_gradientTop_rge7d_93",v="_gradientCenter_rge7d_103",c="_imageContent_rge7d_116",u="_imageTitle_rge7d_123",b="_imageDescription_rge7d_134",p="_imageMeta_rge7d_145",y="_interactive_rge7d_193",T={card:e,base:_,glass:r,elevated:t,outlined:a,image:i,inverse:g,header:d,body:n,footer:o,imageOverlay:m,gradientBottom:l,gradientTop:s,gradientCenter:v,imageContent:c,imageTitle:u,imageDescription:b,imageMeta:p,interactive:y};exports.base=_;exports.body=n;exports.card=e;exports.default=T;exports.elevated=t;exports.footer=o;exports.glass=r;exports.gradientBottom=l;exports.gradientCenter=v;exports.gradientTop=s;exports.header=d;exports.image=i;exports.imageContent=c;exports.imageDescription=b;exports.imageMeta=p;exports.imageOverlay=m;exports.imageTitle=u;exports.interactive=y;exports.inverse=g;exports.outlined=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const _="_badge_1vgzi_8",r="_primary_1vgzi_32",e="_secondary_1vgzi_38",i="_success_1vgzi_44",g="_error_1vgzi_50",s="_warning_1vgzi_56",n="_info_1vgzi_62",a="_brand_1vgzi_68",d="_inverse_1vgzi_75",o="_sm_1vgzi_85",v="_md_1vgzi_91",z="_lg_1vgzi_97",c="_dot_1vgzi_107",t={badge:_,primary:r,secondary:e,success:i,error:g,warning:s,info:n,brand:a,inverse:d,sm:o,md:v,lg:z,dot:c};exports.badge=_;exports.brand=a;exports.default=t;exports.dot=c;exports.error=g;exports.info=n;exports.inverse=d;exports.lg=z;exports.md=v;exports.primary=r;exports.secondary=e;exports.sm=o;exports.success=i;exports.warning=s;

package/dist/index283.mjs

@@ -1,43 +1,31 @@
-const e = "_card_rge7d_8", a = "_base_rge7d_27", _ = "_glass_rge7d_32", r = "_elevated_rge7d_39", t = "_outlined_rge7d_44", g = "_image_rge7d_49", i = "_inverse_rge7d_59", d = "_header_rge7d_66", s = "_body_rge7d_67", n = "_footer_rge7d_68", o = "_imageOverlay_rge7d_73", m = "_gradientBottom_rge7d_83", l = "_gradientTop_rge7d_93", v = "_gradientCenter_rge7d_103", c = "_imageContent_rge7d_116", p = "_imageTitle_rge7d_123", b = "_imageDescription_rge7d_134", y = "_imageMeta_rge7d_145", C = "_interactive_rge7d_193", T = {
-  card: e,
-  base: a,
-  glass: _,
-  elevated: r,
-  outlined: t,
-  image: g,
-  inverse: i,
-  header: d,
-  body: s,
-  footer: n,
-  imageOverlay: o,
-  gradientBottom: m,
-  gradientTop: l,
-  gradientCenter: v,
-  imageContent: c,
-  imageTitle: p,
-  imageDescription: b,
-  imageMeta: y,
-  interactive: C
+const _ = "_badge_1vgzi_8", s = "_primary_1vgzi_32", a = "_secondary_1vgzi_38", r = "_success_1vgzi_44", i = "_error_1vgzi_50", g = "_warning_1vgzi_56", e = "_info_1vgzi_62", n = "_brand_1vgzi_68", d = "_inverse_1vgzi_75", v = "_sm_1vgzi_85", o = "_md_1vgzi_91", z = "_lg_1vgzi_97", c = "_dot_1vgzi_107", m = {
+  badge: _,
+  primary: s,
+  secondary: a,
+  success: r,
+  error: i,
+  warning: g,
+  info: e,
+  brand: n,
+  inverse: d,
+  sm: v,
+  md: o,
+  lg: z,
+  dot: c
 };
 export {
-  a as base,
-  s as body,
-  e as card,
-  T as default,
-  r as elevated,
-  n as footer,
-  _ as glass,
-  m as gradientBottom,
-  v as gradientCenter,
-  l as gradientTop,
-  d as header,
-  g as image,
-  c as imageContent,
-  b as imageDescription,
-  y as imageMeta,
-  o as imageOverlay,
-  p as imageTitle,
-  C as interactive,
-  i as inverse,
-  t as outlined
+  _ as badge,
+  n as brand,
+  m as default,
+  c as dot,
+  i as error,
+  e as info,
+  d as inverse,
+  z as lg,
+  o as md,
+  s as primary,
+  a as secondary,
+  v as sm,
+  r as success,
+  g as warning
 };

package/dist/index284.cjs

@@ -1 +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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const _="_button_g3h5h_9",n="_primary_g3h5h_49",h="_secondary_g3h5h_63",e="_secondaryInverse_g3h5h_100",g="_ghost_g3h5h_118",o="_ghostInverse_g3h5h_133",i="_danger_g3h5h_147",s="_inverse_g3h5h_166",t="_sm_g3h5h_193",r="_md_g3h5h_200",d="_lg_g3h5h_207",l="_fullWidth_g3h5h_219",a="_iconOnly_g3h5h_224",c="_loading_g3h5h_242",u="_spinner_g3h5h_247",y="_spin_g3h5h_247",v="_loadingContent_g3h5h_325",m="_icon_g3h5h_224",p="_iconRight_g3h5h_423",I={button:_,primary:n,secondary:h,secondaryInverse:e,ghost:g,ghostInverse:o,danger:i,inverse:s,sm:t,md:r,lg:d,fullWidth:l,iconOnly:a,loading:c,spinner:u,spin:y,loadingContent:v,icon:m,iconRight:p};exports.button=_;exports.danger=i;exports.default=I;exports.fullWidth=l;exports.ghost=g;exports.ghostInverse=o;exports.icon=m;exports.iconOnly=a;exports.iconRight=p;exports.inverse=s;exports.lg=d;exports.loading=c;exports.loadingContent=v;exports.md=r;exports.primary=n;exports.secondary=h;exports.secondaryInverse=e;exports.sm=t;exports.spin=y;exports.spinner=u;

package/dist/index284.mjs

@@ -1,114 +1,43 @@
-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
-});
+const _ = "_button_g3h5h_9", n = "_primary_g3h5h_49", s = "_secondary_g3h5h_63", h = "_secondaryInverse_g3h5h_100", g = "_ghost_g3h5h_118", a = "_ghostInverse_g3h5h_133", e = "_danger_g3h5h_147", o = "_inverse_g3h5h_166", i = "_sm_g3h5h_193", r = "_md_g3h5h_200", t = "_lg_g3h5h_207", d = "_fullWidth_g3h5h_219", l = "_iconOnly_g3h5h_224", c = "_loading_g3h5h_242", y = "_spinner_g3h5h_247", p = "_spin_g3h5h_247", m = "_loadingContent_g3h5h_325", v = "_icon_g3h5h_224", u = "_iconRight_g3h5h_423", I = {
+  button: _,
+  primary: n,
+  secondary: s,
+  secondaryInverse: h,
+  ghost: g,
+  ghostInverse: a,
+  danger: e,
+  inverse: o,
+  sm: i,
+  md: r,
+  lg: t,
+  fullWidth: d,
+  iconOnly: l,
+  loading: c,
+  spinner: y,
+  spin: p,
+  loadingContent: m,
+  icon: v,
+  iconRight: u
+};
 export {
-  V as Collapsible
+  _ as button,
+  e as danger,
+  I as default,
+  d as fullWidth,
+  g as ghost,
+  a as ghostInverse,
+  v as icon,
+  l as iconOnly,
+  u as iconRight,
+  o as inverse,
+  t as lg,
+  c as loading,
+  m as loadingContent,
+  r as md,
+  n as primary,
+  s as secondary,
+  h as secondaryInverse,
+  i as sm,
+  p as spin,
+  y as spinner
 };

package/dist/index285.cjs

@@ -1 +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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_card_rge7d_8",_="_base_rge7d_27",r="_glass_rge7d_32",t="_elevated_rge7d_39",a="_outlined_rge7d_44",i="_image_rge7d_49",g="_inverse_rge7d_59",d="_header_rge7d_66",n="_body_rge7d_67",o="_footer_rge7d_68",m="_imageOverlay_rge7d_73",l="_gradientBottom_rge7d_83",s="_gradientTop_rge7d_93",v="_gradientCenter_rge7d_103",c="_imageContent_rge7d_116",u="_imageTitle_rge7d_123",b="_imageDescription_rge7d_134",p="_imageMeta_rge7d_145",y="_interactive_rge7d_193",T={card:e,base:_,glass:r,elevated:t,outlined:a,image:i,inverse:g,header:d,body:n,footer:o,imageOverlay:m,gradientBottom:l,gradientTop:s,gradientCenter:v,imageContent:c,imageTitle:u,imageDescription:b,imageMeta:p,interactive:y};exports.base=_;exports.body=n;exports.card=e;exports.default=T;exports.elevated=t;exports.footer=o;exports.glass=r;exports.gradientBottom=l;exports.gradientCenter=v;exports.gradientTop=s;exports.header=d;exports.image=i;exports.imageContent=c;exports.imageDescription=b;exports.imageMeta=p;exports.imageOverlay=m;exports.imageTitle=u;exports.interactive=y;exports.inverse=g;exports.outlined=a;

package/dist/index285.mjs

@@ -1,15 +1,43 @@
-const n = "_collapsible_1swsf_3", t = "_trigger_1swsf_8", e = "_content_1swsf_32", s = "_contentOpen_1swsf_38", o = "_contentInner_1swsf_42", _ = {
-  collapsible: n,
-  trigger: t,
-  content: e,
-  contentOpen: s,
-  contentInner: o
+const e = "_card_rge7d_8", a = "_base_rge7d_27", _ = "_glass_rge7d_32", r = "_elevated_rge7d_39", t = "_outlined_rge7d_44", g = "_image_rge7d_49", i = "_inverse_rge7d_59", d = "_header_rge7d_66", s = "_body_rge7d_67", n = "_footer_rge7d_68", o = "_imageOverlay_rge7d_73", m = "_gradientBottom_rge7d_83", l = "_gradientTop_rge7d_93", v = "_gradientCenter_rge7d_103", c = "_imageContent_rge7d_116", p = "_imageTitle_rge7d_123", b = "_imageDescription_rge7d_134", y = "_imageMeta_rge7d_145", C = "_interactive_rge7d_193", T = {
+  card: e,
+  base: a,
+  glass: _,
+  elevated: r,
+  outlined: t,
+  image: g,
+  inverse: i,
+  header: d,
+  body: s,
+  footer: n,
+  imageOverlay: o,
+  gradientBottom: m,
+  gradientTop: l,
+  gradientCenter: v,
+  imageContent: c,
+  imageTitle: p,
+  imageDescription: b,
+  imageMeta: y,
+  interactive: C
 };
 export {
-  n as collapsible,
-  e as content,
-  o as contentInner,
-  s as contentOpen,
-  _ as default,
-  t as trigger
+  a as base,
+  s as body,
+  e as card,
+  T as default,
+  r as elevated,
+  n as footer,
+  _ as glass,
+  m as gradientBottom,
+  v as gradientCenter,
+  l as gradientTop,
+  d as header,
+  g as image,
+  c as imageContent,
+  b as imageDescription,
+  y as imageMeta,
+  o as imageOverlay,
+  p as imageTitle,
+  C as interactive,
+  i as inverse,
+  t as outlined
 };

package/dist/index286.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_folder_vmfz9_8",t="_dropTarget_vmfz9_21",_="_dropCompleted_vmfz9_30",o="_header_vmfz9_36",r="_trigger_vmfz9_44",d="_chevron_vmfz9_69",n="_expanded_vmfz9_75",m="_title_vmfz9_84",a="_badge_vmfz9_94",p="_actions_vmfz9_99",i="_content_vmfz9_106",f="_grid_vmfz9_112",v="_badgeLabel_vmfz9_131",g="_sortDropdown_vmfz9_136",l="_emptyState_vmfz9_147",z="_emptyText_vmfz9_152",s="_insertionLine_vmfz9_160",c="_emptyDropZone_vmfz9_182",b={folder:e,dropTarget:t,dropCompleted:_,header:o,trigger:r,chevron:d,expanded:n,title:m,badge:a,actions:p,content:i,grid:f,badgeLabel:v,sortDropdown:g,emptyState:l,emptyText:z,insertionLine:s,emptyDropZone:c};exports.actions=p;exports.badge=a;exports.badgeLabel=v;exports.chevron=d;exports.content=i;exports.default=b;exports.dropCompleted=_;exports.dropTarget=t;exports.emptyDropZone=c;exports.emptyState=l;exports.emptyText=z;exports.expanded=n;exports.folder=e;exports.grid=f;exports.header=o;exports.insertionLine=s;exports.sortDropdown=g;exports.title=m;exports.trigger=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react/jsx-runtime"),e=require("react"),f=require("./index287.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;