asma-ui-core 3.34.0 → 3.36.0

package/dist/components/mui-compat/Popper.js

@@ -0,0 +1,35 @@
+import { useState as P } from "react";
+import { jsx as r } from "react/jsx-runtime";
+import { FloatingPortal as y, autoUpdate as E, flip as F, shift as h, useFloating as w, useMergeRefs as M } from "@floating-ui/react";
+var j = ({ open: e = !1, anchorEl: s, id: l, placement: a = "bottom", transition: f, disablePortal: d, className: m, style: c, children: t }) => {
+  const [o, n] = P(!0);
+  e && o && n(!1);
+  const { refs: p, floatingStyles: u, placement: g } = w({
+    open: e,
+    placement: a,
+    whileElementsMounted: E,
+    elements: { reference: s ?? void 0 },
+    middleware: [F({ padding: 8 }), h({ padding: 8 })]
+  }), x = M([p.setFloating]);
+  if (!(e || f && !o)) return null;
+  const v = typeof t == "function" ? t({
+    TransitionProps: {
+      in: e,
+      onExited: () => n(!0)
+    },
+    placement: g
+  }) : t, i = /* @__PURE__ */ r("div", {
+    ref: x,
+    id: l,
+    style: {
+      ...u,
+      ...c
+    },
+    className: m,
+    children: v
+  });
+  return d ? i : /* @__PURE__ */ r(y, { children: i });
+};
+export {
+  j as Popper
+};

package/dist/components/mui-compat/Skeleton.js

@@ -0,0 +1,26 @@
+import { resolveSx as p } from "../../helpers/sx.js";
+import u from "clsx";
+import "react";
+import { jsx as d } from "react/jsx-runtime";
+var i = {
+  text: "rounded-[4px] origin-[0_55%] scale-y-[0.6] my-0",
+  circular: "rounded-full",
+  rectangular: "",
+  rounded: "rounded-[4px]"
+}, b = ({ variant: e = "text", width: o, height: r, animation: t = "pulse", className: s, sx: l, style: a, children: n, classes: x, component: g, ...m }) => {
+  const c = {
+    width: o,
+    height: r ?? (e === "text" ? "auto" : void 0),
+    ...p(l),
+    ...a
+  };
+  return /* @__PURE__ */ d("span", {
+    className: u("block bg-[rgba(0,0,0,0.11)]", t !== !1 && "animate-pulse", i[e] ?? "", s),
+    style: c,
+    ...m,
+    children: n
+  });
+};
+export {
+  b as Skeleton
+};

package/dist/components/mui-compat/Stack.js

@@ -0,0 +1,24 @@
+import { resolveSx as c } from "../../helpers/sx.js";
+import n from "clsx";
+import { Children as p, Fragment as u, createElement as i, isValidElement as w } from "react";
+import { jsxs as y } from "react/jsx-runtime";
+var S = {
+  row: "flex-row",
+  "row-reverse": "flex-row-reverse",
+  column: "flex-col",
+  "column-reverse": "flex-col-reverse"
+}, C = (l, e) => p.toArray(l).map((r, o) => /* @__PURE__ */ y(u, { children: [o > 0 && e, r] }, o)), D = ({ direction: l = "column", spacing: e, divider: r, className: o, sx: s, style: f, component: a = "div", children: t, useFlexGap: E, ...x }) => {
+  const m = typeof e == "number" ? e * 8 : typeof e == "string" ? e : void 0, v = {
+    ...m !== void 0 ? { gap: m } : {},
+    ...c(s),
+    ...f
+  };
+  return i(a, {
+    className: n("flex", S[l] ?? "flex-col", o),
+    style: v,
+    ...x
+  }, r && w(r) ? C(t, r) : t);
+};
+export {
+  D as Stack
+};

package/dist/components/navigation/drawer/StyledDrawer.js

@@ -1,6 +1,44 @@
-import { Drawer as o } from "@mui/material";
-import { jsx as e } from "react/jsx-runtime";
-var a = (r) => /* @__PURE__ */ e(o, { ...r });
+import { cn as s } from "../../../helpers/cn.js";
+import { resolveSx as n } from "../../../helpers/sx.js";
+import { useEffect as v } from "react";
+import { jsx as f, jsxs as x } from "react/jsx-runtime";
+import { FloatingPortal as p } from "@floating-ui/react";
+var w = {
+  left: "inset-y-0 left-0 h-full",
+  right: "inset-y-0 right-0 h-full",
+  top: "inset-x-0 top-0 w-full",
+  bottom: "inset-x-0 bottom-0 w-full"
+}, g = {
+  left: "-translate-x-full",
+  right: "translate-x-full",
+  top: "-translate-y-full",
+  bottom: "translate-y-full"
+}, D = ({ open: t = !1, onClose: l, anchor: o = "left", variant: m = "temporary", hideBackdrop: d, className: u, sx: c, PaperProps: a, children: y }) => {
+  const e = m === "temporary";
+  return v(() => {
+    if (!t || !e) return;
+    const r = (i) => {
+      i.key === "Escape" && l?.(i, "escapeKeyDown");
+    };
+    return document.addEventListener("keydown", r), () => document.removeEventListener("keydown", r);
+  }, [
+    t,
+    e,
+    l
+  ]), /* @__PURE__ */ x(p, { children: [e && !d && t && /* @__PURE__ */ f("div", {
+    className: "fixed inset-0 z-[1200] bg-black/50",
+    onClick: (r) => l?.(r, "backdropClick")
+  }), /* @__PURE__ */ f("div", {
+    role: e ? "dialog" : void 0,
+    "aria-hidden": !t,
+    className: s("fixed z-[1200] overflow-auto bg-white shadow-lg transition-transform duration-300", w[o], !t && s(g[o], "pointer-events-none"), u, a?.className),
+    style: {
+      ...n(c),
+      ...n(a?.sx)
+    },
+    children: y
+  })] });
+};
 export {
-  a as StyledDrawer
+  D as StyledDrawer
 };

package/dist/components/navigation/listbox/Listbox.js

@@ -1,13 +1,13 @@
-import { createContext as p, useContext as x, useEffect as d, useMemo as b, useState as v } from "react";
-import { ClickAwayListener as m } from "@mui/material";
+import { ClickAwayListener as p } from "../../mui-compat/ClickAwayListener.js";
+import { createContext as x, useContext as d, useEffect as b, useMemo as v, useState as m } from "react";
 import { jsx as s } from "react/jsx-runtime";
-var a = p(null), l = () => {
-  const t = x(a);
+var a = x(null), l = () => {
+  const t = d(a);
   if (!t) throw new Error("Listbox.Button/Options/Option must be rendered inside <Listbox>");
   return t;
 }, f = (t, e) => typeof t == "function" ? t(e) : t;
 function L({ value: t, onChange: e, children: r }) {
-  const [o, n] = v(!1), u = b(() => ({
+  const [o, n] = m(!1), u = v(() => ({
     open: o,
     select: (i) => {
       e(i), n(!1);
@@ -19,7 +19,7 @@ function L({ value: t, onChange: e, children: r }) {
     t,
     e
   ]);
-  return d(() => {
+  return b(() => {
     if (!o) return;
     const i = (c) => {
       c.key === "Escape" && n(!1);
@@ -27,7 +27,7 @@ function L({ value: t, onChange: e, children: r }) {
     return document.addEventListener("keydown", i), () => document.removeEventListener("keydown", i);
   }, [o]), /* @__PURE__ */ s(a.Provider, {
     value: u,
-    children: /* @__PURE__ */ s(m, {
+    children: /* @__PURE__ */ s(p, {
       onClickAway: () => n(!1),
       children: /* @__PURE__ */ s("div", {
         className: "relative w-full",

package/dist/components/navigation/menu/StyledMenu.js

@@ -1,14 +1,31 @@
-import e from "clsx";
-import { Menu as r } from "@mui/material";
-import { jsx as a } from "react/jsx-runtime";
-var d = (s) => /* @__PURE__ */ a(r, {
-  ...s,
-  classes: {
-    paper: e("border border-solid border-delta-300 shadow-[0px_2px_4px_0px_rgba(34,_33,_51,_0.15)]", s.classes?.paper),
-    list: e("py-1", s.classes?.list),
-    ...s.classes
-  }
+import { cn as y } from "../../../helpers/cn.js";
+import { StyledPopover as S } from "../../utils/popover/StyledPopover.js";
+import { StyledMenuList as f } from "./StyledMenuList.js";
+import { jsx as p } from "react/jsx-runtime";
+var u = {
+  border: "1px solid var(--colors-delta-300)",
+  boxShadow: "0px 2px 4px 0px rgba(34, 33, 51, 0.15)"
+}, M = ({ open: a, anchorEl: o, onClose: t, anchorOrigin: l, transformOrigin: m, id: d, className: s, sx: x, classes: e, slotProps: r, autoFocus: i = !0, onClick: c, children: n }) => /* @__PURE__ */ p(S, {
+  open: a,
+  anchorEl: o,
+  onClose: t,
+  anchorOrigin: l,
+  transformOrigin: m,
+  id: d,
+  className: s,
+  sx: x,
+  slotProps: { paper: {
+    className: y("rounded", e?.paper, r?.paper?.className),
+    sx: [u, r?.paper?.sx],
+    style: r?.paper?.style
+  } },
+  children: /* @__PURE__ */ p(f, {
+    autoFocus: i,
+    className: e?.list,
+    onClick: c,
+    children: n
+  })
 });
 export {
-  d as StyledMenu
+  M as StyledMenu
 };

package/dist/components/navigation/menu/StyledMenuItem.js

@@ -1,22 +1,20 @@
-import o from "clsx";
-import { MenuItem as t } from "@mui/material";
-import { jsx as r } from "react/jsx-runtime";
-var m = (e) => /* @__PURE__ */ r(t, {
-  ...e,
-  classes: {
-    selected: "bg-gama-50",
-    root: o("px-3 py-2.5 hover:bg-delta-50", e.classes?.root),
-    ...e.classes
+import { cn as a } from "../../../helpers/cn.js";
+import { resolveSx as s } from "../../../helpers/sx.js";
+import { jsx as y } from "react/jsx-runtime";
+var D = ({ children: n, onClick: o, disabled: e, selected: l, dense: i, className: m, classes: r, sx: d, "data-test": u, "data-testid": p, value: f }) => /* @__PURE__ */ y("li", {
+  role: "menuitem",
+  "aria-disabled": e ? !0 : void 0,
+  tabIndex: -1,
+  "data-test": u,
+  "data-testid": p,
+  onClick: e ? void 0 : o,
+  onKeyDown: (t) => {
+    e || (t.key === "Enter" || t.key === " ") && (t.preventDefault(), o?.(t));
   },
-  sx: {
-    "&.Mui-disabled": {
-      pointerEvents: "auto",
-      cursor: "not-allowed",
-      "&:hover": { backgroundColor: "transparent !important" }
-    },
-    ...e.sx
-  }
+  className: a("flex items-center px-3 outline-none", i ? "py-1.5" : "py-2.5", e ? "cursor-not-allowed" : "cursor-pointer hover:bg-delta-50", l && a("bg-gama-50", r?.selected), r?.root, m),
+  style: s(d),
+  children: n
 });
 export {
-  m as StyledMenuItem
+  D as StyledMenuItem
 };

package/dist/components/navigation/menu/StyledMenuList.js

@@ -1,6 +1,34 @@
-import { MenuList as t } from "@mui/material";
-import { jsx as o } from "react/jsx-runtime";
-var m = (r) => /* @__PURE__ */ o(t, { ...r });
+import { cn as y } from "../../../helpers/cn.js";
+import { useEffect as p, useRef as w } from "react";
+import { jsx as h } from "react/jsx-runtime";
+var i = (o) => o ? Array.from(o.querySelectorAll('[role="menuitem"]:not([aria-disabled="true"])')) : [], k = ({ children: o, className: s, autoFocus: f, disablePadding: u, onClick: m, onKeyDown: c }) => {
+  const t = w(null);
+  p(() => {
+    f && i(t.current)[0]?.focus();
+  }, [f]);
+  const a = (e) => {
+    if (c?.(e), ![
+      "ArrowDown",
+      "ArrowUp",
+      "Home",
+      "End"
+    ].includes(e.key)) return;
+    e.preventDefault();
+    const r = i(t.current);
+    if (r.length === 0) return;
+    const l = r.findIndex((d) => d === document.activeElement);
+    let n = l;
+    e.key === "ArrowDown" ? n = (l + 1) % r.length : e.key === "ArrowUp" ? n = (l - 1 + r.length) % r.length : e.key === "Home" ? n = 0 : e.key === "End" && (n = r.length - 1), r[n]?.focus();
+  };
+  return /* @__PURE__ */ h("ul", {
+    ref: t,
+    role: "menu",
+    className: y("m-0 list-none outline-none", u ? "py-0" : "py-1", s),
+    onClick: m,
+    onKeyDown: a,
+    children: o
+  });
+};
 export {
-  m as StyledMenuList
+  k as StyledMenuList
 };

package/dist/components/navigation/tabs/StyledTab.js

@@ -1,15 +1,27 @@
-import { Tab as o } from "@mui/material";
-import { jsx as a } from "react/jsx-runtime";
-var e = (r) => /* @__PURE__ */ a(o, {
-  ...r,
-  sx: {
-    textTransform: "none",
-    letterSpacing: "normal",
-    "&.MuiTab-textColorPrimary.Mui-selected": { color: "var(--colors-gama-500)" },
-    "&.MuiTab-textColorPrimary": { color: "var(--colors-gray-600)" },
-    "&.MuiTab-textColorPrimary.Mui-disabled": { color: "var(--colors-gray-300)" }
-  }
-});
+import { cn as l } from "../../../helpers/cn.js";
+import { resolveSx as p } from "../../../helpers/sx.js";
+import { useTabsContext as f } from "./TabsContext.js";
+import { useCallback as x } from "react";
+import { jsx as u } from "react/jsx-runtime";
+var d = ({ value: n, label: i, disabled: r, className: s, sx: m, index: c }) => {
+  const e = f(), t = n !== void 0 ? n : c, o = e ? e.value === t : !1;
+  return /* @__PURE__ */ u("button", {
+    ref: x((a) => {
+      e?.register(t, a);
+    }, [e, t]),
+    type: "button",
+    role: "tab",
+    "aria-selected": o,
+    "aria-disabled": r ? !0 : void 0,
+    disabled: r,
+    tabIndex: o ? 0 : -1,
+    "data-tab-value": typeof t == "string" || typeof t == "number" ? String(t) : void 0,
+    onClick: (a) => !r && e?.onSelect(a, t),
+    className: l("inline-flex min-h-12 shrink-0 items-center justify-center whitespace-nowrap px-4 py-3 text-sm font-medium normal-case tracking-normal transition-colors", e?.size === "small" && "min-h-9 px-3 py-2", o ? "text-gama-500" : "text-gray-600", r && "text-gray-300", !r && "cursor-pointer hover:text-gama-500", s),
+    style: p(m),
+    children: i
+  });
+};
 export {
-  e as StyledTab
+  d as StyledTab
 };

package/dist/components/navigation/tabs/StyledTabs.js

@@ -1,68 +1,116 @@
-import { cn as s } from "../../../helpers/cn.js";
-import { Tabs as e } from "@mui/material";
-import { jsx as l } from "react/jsx-runtime";
-function n(r) {
-  return Array.isArray(r);
-}
-function d(r) {
-  return r != null && !Array.isArray(r);
-}
-var c = {
-  "& .MuiTabs-scroller": { borderBottom: "1px solid var(--colors-delta-200)" },
-  "& .MuiTabs-scrollButtons": {
-    border: "1px solid var(--colors-delta-500)",
-    width: 40,
-    height: 40,
-    borderRadius: "10%",
-    display: "none",
-    justifyContent: "center",
-    alignItems: "center",
-    alignSelf: "center",
-    "& svg": {
-      fontSize: 24,
-      color: "var(--colors-delta-700)"
-    },
-    "&:hover": { backgroundColor: "var(--colors-gama-50)" },
-    "&:first-of-type": { marginRight: "8px" },
-    "&:last-of-type": { marginLeft: "8px" },
-    transition: "opacity 0.3s ease, transform 0.3s ease",
-    opacity: 0,
-    transform: "scale(0)"
-  },
-  "& .MuiTabs-scrollButtons.Mui-disabled": { display: "none" },
-  "& .MuiTabs-scrollButtons:not(.Mui-disabled)": {
-    display: "flex",
-    opacity: 1,
-    transform: "scale(1)"
-  }
-}, p = {
-  minHeight: 36,
-  "& .MuiTab-root": {
-    height: 36,
-    minHeight: 36,
-    paddingLeft: "12px",
-    paddingRight: "12px",
-    paddingTop: "8px",
-    paddingBottom: "8px"
-  }
-}, f = ({ className: r, size: i = "default", sx: o, ...t }) => {
-  const a = [c];
-  return i === "small" && a.push(p), n(o) ? a.push(...o) : d(o) && a.push(o), /* @__PURE__ */ l(e, {
-    ...t,
-    className: s("relative rounded-t-lg bg-white px-4", r),
-    slotProps: {
-      ...t.slotProps,
-      indicator: {
-        style: {
-          background: "var(--colors-gama-500)",
-          color: "var(--colors-gama-500)"
-        },
-        ...t.slotProps?.indicator ?? {}
-      }
-    },
-    sx: a
+import { cn as d } from "../../../helpers/cn.js";
+import { resolveSx as T } from "../../../helpers/sx.js";
+import { ChevronRightIcon as H } from "../../icons/chevron-right-icon/ChevronRightIcon.js";
+import { ChevronLeftIcon as K } from "../../icons/chevron-left-icon/ChevronLeftIcon.js";
+import { TabsContext as M } from "./TabsContext.js";
+import { Children as P, cloneElement as V, isValidElement as _, useCallback as u, useLayoutEffect as q, useMemo as z, useRef as R, useState as S } from "react";
+import { jsx as o, jsxs as E } from "react/jsx-runtime";
+var I = 120, Z = ({ value: n, onChange: m, variant: b = "standard", scrollButtons: w = "auto", centered: A, size: h = "default", className: N, sx: j, children: g }) => {
+  const i = R(null), a = R(/* @__PURE__ */ new Map()), [x, W] = S({
+    left: 0,
+    width: 0
+  }), [c, B] = S({
+    left: !1,
+    right: !1
+  }), y = b === "scrollable", p = u((e, t) => {
+    t ? a.current.set(e, t) : a.current.delete(e);
+  }, []), v = u((e, t) => m?.(e, t), [m]), f = u(() => {
+    const e = a.current.get(n), t = i.current;
+    if (e && W({
+      left: e.offsetLeft,
+      width: e.offsetWidth
+    }), t) {
+      const { scrollLeft: l, scrollWidth: r, clientWidth: s } = t;
+      B({
+        left: l > 1,
+        right: l + s < r - 1
+      });
+    }
+  }, [n]);
+  q(() => {
+    f();
+    const e = i.current;
+    if (!e) return;
+    const t = new ResizeObserver(f);
+    return t.observe(e), () => t.disconnect();
+  }, [f, g]);
+  const k = (e) => {
+    i.current?.scrollBy({
+      left: e,
+      behavior: "smooth"
+    });
+  }, D = (e) => {
+    if (![
+      "ArrowRight",
+      "ArrowLeft",
+      "Home",
+      "End"
+    ].includes(e.key)) return;
+    e.preventDefault();
+    const t = Array.from(a.current.values()).filter((s) => !s.disabled);
+    if (t.length === 0) return;
+    const l = t.findIndex((s) => s === document.activeElement);
+    let r = l;
+    e.key === "ArrowRight" ? r = (l + 1) % t.length : e.key === "ArrowLeft" ? r = (l - 1 + t.length) % t.length : e.key === "Home" ? r = 0 : e.key === "End" && (r = t.length - 1), t[r]?.focus();
+  }, C = y && w !== !1 && (w === !0 || c.left || c.right), O = z(() => ({
+    value: n,
+    size: h,
+    onSelect: v,
+    register: p
+  }), [
+    n,
+    h,
+    v,
+    p
+  ]), L = "flex h-10 w-10 shrink-0 items-center justify-center self-center rounded-[10%] border border-delta-500 text-delta-700 transition-colors hover:bg-gama-50 disabled:invisible";
+  return /* @__PURE__ */ o(M.Provider, {
+    value: O,
+    children: /* @__PURE__ */ E("div", {
+      className: d("relative flex items-center rounded-t-lg bg-white px-4", N),
+      style: T(j),
+      children: [
+        C && /* @__PURE__ */ o("button", {
+          type: "button",
+          "aria-label": "scroll tabs left",
+          className: d(L, "mr-2"),
+          disabled: !c.left,
+          onClick: () => k(-I),
+          children: /* @__PURE__ */ o(K, {
+            width: 24,
+            height: 24
+          })
+        }),
+        /* @__PURE__ */ E("div", {
+          ref: i,
+          role: "tablist",
+          "aria-orientation": "horizontal",
+          onKeyDown: D,
+          onScroll: f,
+          className: d("relative flex border-b border-delta-200 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden", y ? "flex-1 overflow-x-auto" : "w-full", b === "fullWidth" && "[&>*]:flex-1", A && "justify-center", h === "small" && "min-h-9"),
+          children: [P.map(g, (e, t) => _(e) ? V(e, { index: t }) : e), /* @__PURE__ */ o("span", {
+            "aria-hidden": !0,
+            className: "absolute bottom-0 h-0.5 bg-gama-500 transition-all duration-300",
+            style: {
+              left: x.left,
+              width: x.width
+            }
+          })]
+        }),
+        C && /* @__PURE__ */ o("button", {
+          type: "button",
+          "aria-label": "scroll tabs right",
+          className: d(L, "ml-2"),
+          disabled: !c.right,
+          onClick: () => k(I),
+          children: /* @__PURE__ */ o(H, {
+            width: 24,
+            height: 24
+          })
+        })
+      ]
+    })
   });
 };
 export {
-  f as StyledTabs
+  Z as StyledTabs
 };

package/dist/components/navigation/tabs/TabsContext.js

@@ -0,0 +1,6 @@
+import { createContext as t, useContext as e } from "react";
+var o = t(null), a = () => e(o);
+export {
+  o as TabsContext,
+  a as useTabsContext
+};

package/dist/components/utils/accordion/base-ui/AccordionContext.js

@@ -0,0 +1,10 @@
+import { createContext as r, useContext as t } from "react";
+var o = r(null), c = () => {
+  const e = t(o);
+  if (!e) throw new Error("StyledAccordionSummary/Details must be rendered inside StyledAccordion");
+  return e;
+};
+export {
+  o as AccordionContext,
+  c as useAccordionContext
+};

package/dist/components/utils/accordion/base-ui/StyledAccordion.js

@@ -1,26 +1,33 @@
-import { cn as u } from "../../../../helpers/cn.js";
-import s from "./StyledAccordion.module.js";
-import "react";
-import { jsx as t } from "react/jsx-runtime";
-import { Accordion as e } from "@base-ui/react/accordion";
-var g = ({ className: c, children: i, expanded: r, defaultExpanded: l, onChange: m, ...n }) => {
-  const o = "item", d = {
-    ...n,
-    type: "single",
-    className: u(s.AccordionRoot, c),
-    onValueChange: (a) => {
-      m?.(a.includes(o));
-    },
-    ...r !== void 0 ? { value: r ? [o] : [] } : { defaultValue: l ? [o] : [] }
-  };
-  return /* @__PURE__ */ t(e.Root, {
-    ...d,
-    children: /* @__PURE__ */ t(e.Item, {
-      value: o,
-      children: i
+import { cn as A } from "../../../../helpers/cn.js";
+import I from "./StyledAccordion.module.js";
+import { AccordionContext as S } from "./AccordionContext.js";
+import { useId as l, useMemo as y, useState as C } from "react";
+import { jsx as s } from "react/jsx-runtime";
+var N = ({ className: d, children: m, expanded: t, defaultExpanded: p, disabled: e, onChange: u, ...f }) => {
+  const n = l(), r = l(), c = t !== void 0, [a, v] = C(!!p), o = c ? !!t : a, g = () => {
+    const i = !o;
+    c || v(i), u?.(i);
+  }, x = y(() => ({
+    open: o,
+    toggle: g,
+    disabled: e,
+    triggerId: n,
+    panelId: r
+  }), [
+    o,
+    e,
+    n,
+    r
+  ]);
+  return /* @__PURE__ */ s("div", {
+    ...f,
+    className: A(I.AccordionRoot, d),
+    children: /* @__PURE__ */ s(S.Provider, {
+      value: x,
+      children: m
     })
   });
 };
 export {
-  g as StyledAccordion
+  N as StyledAccordion
 };

package/dist/components/utils/accordion/base-ui/StyledAccordion.module.js

@@ -1,12 +1,12 @@
-var r = "_AccordionRoot_wzlmo_1", o = "_Trigger_wzlmo_9", _ = "_Header_wzlmo_18", e = "_TriggerIcon_wzlmo_40", a = "_TriggerIconRight_wzlmo_48", g = "_Panel_wzlmo_56", l = "_Content_wzlmo_67", n = {
+var r = "_AccordionRoot_p579g_1", _ = "_Trigger_p579g_9", g = "_Header_p579g_18", e = "_TriggerIcon_p579g_40", o = "_TriggerIconRight_p579g_48", a = "_Panel_p579g_56", n = "_Content_p579g_64", t = {
   AccordionRoot: r,
-  Trigger: o,
-  Header: _,
+  Trigger: _,
+  Header: g,
   TriggerIcon: e,
-  TriggerIconRight: a,
-  Panel: g,
-  Content: l
+  TriggerIconRight: o,
+  Panel: a,
+  Content: n
 };
 export {
-  n as default
+  t as default
 };