mada-design-system 0.5.11 → 0.5.12

package/index.es16.js

@@ -1,53 +1,189 @@
-import { jsxs as l, jsx as s } from "react/jsx-runtime";
-import * as r from "@radix-ui/react-accordion";
-import * as d from "react";
-import { cn as n } from "./index.es85.js";
-const c = d.createContext({
-  size: "default",
-  isLeading: !1
-}), p = d.forwardRef(({ children: e, size: t, isLeading: a, ...i }, o) => /* @__PURE__ */ l(r.Root, { ref: o, ...i, children: [
-  /* @__PURE__ */ s(c.Provider, { value: { size: t, isLeading: a }, children: e }),
-  " "
-] }));
-p.displayName = "Accordion";
-const f = d.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ s(r.Item, { ref: a, className: n("flex flex-col border-b border-b-border-neutral-primary", e), ...t }));
-f.displayName = "AccordionItem";
-const m = d.forwardRef(({ className: e, children: t, ...a }, i) => {
-  const o = d.useContext(c);
-  return /* @__PURE__ */ s(r.Header, { className: "flex", children: /* @__PURE__ */ s(
-    r.Trigger,
-    {
-      ref: i,
-      className: n(
-        "group flex flex-1 items-center gap-space-04 border-2 border-transparent px-space-04  text-body-02 text-text-default transition-all hover:bg-button-background-neutral-hovered focus:border-border-black focus:bg-transparent focus:outline-none active:bg-button-background-neutral-pressed disabled:text-disabled-text-default-disabled [&>svg]:size-space-04",
-        {
-          "py-space-04 font-bold": o.size === "default",
-          "py-space-03 font-semibold": o.size === "sm",
-          "py-space-02 font-semibold": o.size === "xs",
-          "justify-between ": !o.isLeading,
-          "flex-row-reverse justify-end": o.isLeading
-        },
-        e
-      ),
-      ...a,
-      children: t
+import { jsx as t, jsxs as l } from "react/jsx-runtime";
+import { useSortable as R } from "./index.es107.js";
+import { cva as I } from "./index.es105.js";
+import * as n from "react";
+import { cn as d } from "./index.es86.js";
+import { strings as m } from "./index.es98.js";
+import { ComboboxControlNoForm as T } from "./index.es8.js";
+import { Button as N } from "./index.es23.js";
+import { DropdownMenu as V, DropdownMenuTrigger as k, DropdownMenuContent as A, DropdownMenuItem as j } from "./index.es33.js";
+import B from "./index.es115.js";
+import M from "./index.es116.js";
+import { Stack as S } from "./index.es43.js";
+import H from "./index.es117.js";
+const F = I("flex gap-space-04 flex-grow", {
+  variants: {
+    direction: {
+      col: "flex-col",
+      row: "flex-row"
     }
-  ) });
-});
-m.displayName = r.Trigger.displayName;
-const b = d.forwardRef(({ className: e, children: t, ...a }, i) => /* @__PURE__ */ s(
-  r.Content,
-  {
-    ref: i,
-    className: "overflow-hidden text-body-02 text-text-paragraph-primary transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down data-[disabled]:text-disabled-text-default-disabled",
-    ...a,
-    children: /* @__PURE__ */ s("div", { className: n("pb-space-05 pe-space-08 ps-space-04 pt-space-02", e), children: t })
+  },
+  defaultVariants: {
+    direction: "col"
   }
-));
-b.displayName = r.Content.displayName;
+}), L = n.forwardRef(
+  ({ className: r, onConfigChange: e, isDragOverlay: s, isEditMode: a, config: o, isOver: i, children: p, ...u }, f) => {
+    const [c, b] = n.useState(!1), { attributes: w, listeners: g, setNodeRef: z, isDragging: x, transform: h, transition: W } = R({
+      id: o.alias,
+      disabled: !a || c
+    }), y = {
+      transform: h ? `translate3d(${h.x}px, ${h.y}px, 0)` : void 0,
+      transition: W
+    };
+    return /* @__PURE__ */ t(
+      "div",
+      {
+        ref: z,
+        ...w,
+        ...a && !s ? g : {},
+        className: d(
+          "cursor-auto rounded-3 border-2 transition-all duration-200",
+          a && !s && ["border-dashed", i ? "border-2 border-primary" : "border-border", x && "opacity-50"],
+          s && ["border border-solid border-primary"],
+          !a && "border-transparent",
+          o.size === "full" ? "sm:col-span-2" : "sm:col-span-1",
+          a && "cursor-move"
+        ),
+        children: /* @__PURE__ */ t(
+          "div",
+          {
+            style: y,
+            className: d(
+              "rounded-3 bg-background shadow-card-shadow transition-all duration-200",
+              x && "invisible",
+              a && "hover:shadow-card-hover-02"
+            ),
+            children: /* @__PURE__ */ l("div", { className: "flex flex-col", children: [
+              a && /* @__PURE__ */ t(
+                v,
+                {
+                  isResizable: o.isResizable,
+                  isMandatory: o.isMandatory,
+                  size: o.size,
+                  onSizeChange: (D) => e == null ? void 0 : e({ alias: o.alias, size: D }),
+                  onDelete: () => {
+                    e == null || e({ alias: o.alias, isVisible: !1 });
+                  },
+                  onButtonHover: b
+                }
+              ),
+              /* @__PURE__ */ t(
+                "div",
+                {
+                  ref: f,
+                  className: d(
+                    "flex h-[380px] flex-col gap-space-04 rounded-3 border border-border-secondary bg-card p-space-04 transition-all duration-200",
+                    { "pointer-events-none": a },
+                    r
+                  ),
+                  ...u,
+                  children: p
+                }
+              )
+            ] })
+          }
+        )
+      }
+    );
+  }
+);
+L.displayName = "Widget";
+const $ = n.forwardRef(({ className: r, ...e }, s) => /* @__PURE__ */ t("div", { ref: s, className: d("flex items-center justify-between bg-card", r), ...e }));
+$.displayName = "WidgetHeader";
+const P = n.forwardRef(({ className: r, children: e, ...s }, a) => /* @__PURE__ */ t("h3", { ref: a, className: d("flex items-center gap-space-02 text-subtitle-01 font-bold text-card-foreground", r), ...s, children: e }));
+P.displayName = "WidgetTitle";
+const q = ({ actions: r }) => {
+  if (r.length === 1) {
+    const { label: e, icon: s, onClick: a, "data-testid": o, ...i } = r[0];
+    return /* @__PURE__ */ l(
+      N,
+      {
+        onClick: a,
+        variant: i.variant,
+        "data-testid": o,
+        size: i.size,
+        ...i,
+        className: d(i.className),
+        children: [
+          s,
+          e
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ l(V, { children: [
+    /* @__PURE__ */ t(k, { asChild: !0, children: /* @__PURE__ */ t(N, { variant: "text", colors: "neutral", size: "icon", children: /* @__PURE__ */ t(B, { className: "h-5 w-5" }) }) }),
+    /* @__PURE__ */ t(A, { className: "min-w-[232px]", children: r.map((e) => {
+      const { label: s, icon: a, "data-testid": o, onClick: i } = e;
+      return /* @__PURE__ */ l(j, { onClick: i, className: "cursor-pointer", "data-testid": o, children: [
+        a && /* @__PURE__ */ t("span", { className: "mr-2", children: a }),
+        s
+      ] }, e == null ? void 0 : e.label);
+    }) })
+  ] });
+};
+q.displayName = "WidgetActions";
+const G = n.forwardRef(
+  ({ className: r, direction: e, ...s }, a) => /* @__PURE__ */ t("div", { ref: a, className: d(F({ direction: e }), "overflow-hidden", r), ...s })
+);
+G.displayName = "WidgetContent";
+const J = (r) => ({
+  onMouseEnter: () => r(!0),
+  onMouseLeave: () => r(!1),
+  onTouchStart: () => r(!0),
+  onTouchEnd: () => {
+    setTimeout(() => r(!1), 100);
+  }
+}), v = n.forwardRef(
+  ({ onSizeChange: r, isMandatory: e, isResizable: s, onDelete: a, size: o, className: i, onButtonHover: p, ...u }, f) => {
+    const c = J(p ?? (() => {
+    }));
+    return /* @__PURE__ */ l(
+      "div",
+      {
+        ref: f,
+        className: d(
+          "relative z-50 flex min-h-space-09 items-center justify-between gap-space-01 rounded-3 bg-background p-space-02",
+          i
+        ),
+        ...u,
+        children: [
+          /* @__PURE__ */ t(M, { className: "size-[18px]" }),
+          /* @__PURE__ */ l(S, { gap: 2, alignItems: "center", children: [
+            s && /* @__PURE__ */ t("div", { ...c, children: /* @__PURE__ */ t(
+              T,
+              {
+                className: "hidden sm:flex",
+                rounded: "default",
+                size: "sm",
+                options: [
+                  { Name: m.DragAndDrop.Half, Value: "half" },
+                  { Name: m.DragAndDrop.Full, Value: "full" }
+                ],
+                optionLabel: "Name",
+                optionValue: "Value",
+                placeholder: m.DragAndDrop.Width,
+                onChange: (b) => {
+                  r && r(b);
+                },
+                value: o ?? ""
+              }
+            ) }),
+            !e && /* @__PURE__ */ t("div", { ...c, children: /* @__PURE__ */ l(N, { variant: "outline", size: "sm", onClick: a, className: "gap-space-01", rounded: "default", children: [
+              /* @__PURE__ */ t(H, { className: "size-[20px]" }),
+              m.DragAndDrop.Delete
+            ] }) })
+          ] })
+        ]
+      }
+    );
+  }
+);
+v.displayName = "WidgetEditMode";
 export {
-  p as Accordion,
-  b as AccordionContent,
-  f as AccordionItem,
-  m as AccordionTrigger
+  L as Widget,
+  q as WidgetActions,
+  G as WidgetContent,
+  $ as WidgetHeader,
+  P as WidgetTitle
 };

package/index.es160.js

@@ -1,10 +1,10 @@
-import H from "./index.es191.js";
-const o = H("Link", [
+import C from "./index.es182.js";
+const o = C("Lock", [
   [
     "path",
     {
-      d: "M17 7H13V9H17C18.65 9 20 10.35 20 12C20 13.65 18.65 15 17 15H13V17H17C19.76 17 22 14.76 22 12C22 9.24 19.76 7 17 7ZM11 15H7C5.35 15 4 13.65 4 12C4 10.35 5.35 9 7 9H11V7H7C4.24 7 2 9.24 2 12C2 14.76 4.24 17 7 17H11V15ZM8 11H16V13H8V11Z",
-      key: "1okia1"
+      d: "M18 8.5H17V6.5C17 3.74 14.76 1.5 12 1.5C9.24 1.5 7 3.74 7 6.5V8.5H6C4.9 8.5 4 9.4 4 10.5V20.5C4 21.6 4.9 22.5 6 22.5H18C19.1 22.5 20 21.6 20 20.5V10.5C20 9.4 19.1 8.5 18 8.5ZM9 6.5C9 4.84 10.34 3.5 12 3.5C13.66 3.5 15 4.84 15 6.5V8.5H9V6.5ZM18 20.5H6V10.5H18V20.5ZM12 17.5C13.1 17.5 14 16.6 14 15.5C14 14.4 13.1 13.5 12 13.5C10.9 13.5 10 14.4 10 15.5C10 16.6 10.9 17.5 12 17.5Z",
+      key: "bjbiuz"
     }
   ]
 ]);

package/index.es161.js

@@ -1,13 +1,13 @@
-import C from "./index.es191.js";
-const o = C("Lock", [
+import L from "./index.es182.js";
+const t = L("StarBorder", [
   [
     "path",
     {
-      d: "M18 8.5H17V6.5C17 3.74 14.76 1.5 12 1.5C9.24 1.5 7 3.74 7 6.5V8.5H6C4.9 8.5 4 9.4 4 10.5V20.5C4 21.6 4.9 22.5 6 22.5H18C19.1 22.5 20 21.6 20 20.5V10.5C20 9.4 19.1 8.5 18 8.5ZM9 6.5C9 4.84 10.34 3.5 12 3.5C13.66 3.5 15 4.84 15 6.5V8.5H9V6.5ZM18 20.5H6V10.5H18V20.5ZM12 17.5C13.1 17.5 14 16.6 14 15.5C14 14.4 13.1 13.5 12 13.5C10.9 13.5 10 14.4 10 15.5C10 16.6 10.9 17.5 12 17.5Z",
-      key: "bjbiuz"
+      d: "M22 9.74L14.81 9.12L12 2.5L9.19 9.13L2 9.74L7.46 14.47L5.82 21.5L12 17.77L18.18 21.5L16.55 14.47L22 9.74ZM12 15.9L8.24 18.17L9.24 13.89L5.92 11.01L10.3 10.63L12 6.6L13.71 10.64L18.09 11.02L14.77 13.9L15.77 18.18L12 15.9Z",
+      key: "1ikdht"
     }
   ]
 ]);
 export {
-  o as default
+  t as default
 };

package/index.es162.js

@@ -1,13 +1,13 @@
-import L from "./index.es191.js";
-const t = L("StarBorder", [
+import L from "./index.es182.js";
+const a = L("Star", [
   [
     "path",
     {
-      d: "M22 9.74L14.81 9.12L12 2.5L9.19 9.13L2 9.74L7.46 14.47L5.82 21.5L12 17.77L18.18 21.5L16.55 14.47L22 9.74ZM12 15.9L8.24 18.17L9.24 13.89L5.92 11.01L10.3 10.63L12 6.6L13.71 10.64L18.09 11.02L14.77 13.9L15.77 18.18L12 15.9Z",
-      key: "1ikdht"
+      d: "M12 17.77L18.18 21.5L16.54 14.47L22 9.74L14.81 9.13L12 2.5L9.19 9.13L2 9.74L7.46 14.47L5.82 21.5L12 17.77Z",
+      key: "15w0m1"
     }
   ]
 ]);
 export {
-  t as default
+  a as default
 };

package/index.es163.js

@@ -1,13 +1,13 @@
-import L from "./index.es191.js";
-const a = L("Star", [
+import e from "./index.es182.js";
+const c = e("Check", [
   [
     "path",
     {
-      d: "M12 17.77L18.18 21.5L16.54 14.47L22 9.74L14.81 9.13L12 2.5L9.19 9.13L2 9.74L7.46 14.47L5.82 21.5L12 17.77Z",
-      key: "15w0m1"
+      d: "M8.79508 15.8749L4.62508 11.7049L3.20508 13.1149L8.79508 18.7049L20.7951 6.70492L19.3851 5.29492L8.79508 15.8749Z",
+      key: "5stcsf"
     }
   ]
 ]);
 export {
-  a as default
+  c as default
 };

package/index.es164.js

@@ -1,13 +1,24 @@
-import e from "./index.es191.js";
-const c = e("Check", [
-  [
-    "path",
-    {
-      d: "M8.79508 15.8749L4.62508 11.7049L3.20508 13.1149L8.79508 18.7049L20.7951 6.70492L19.3851 5.29492L8.79508 15.8749Z",
-      key: "5stcsf"
-    }
-  ]
-]);
+import { useRef as l, useState as f, useCallback as p, useEffect as c } from "react";
+import { areOptionsEqual as E, arePluginsEqual as O, canUseDOM as w } from "./index.es189.js";
+import m from "./index.es190.js";
+function b(e = {}, r = []) {
+  const t = l(e), n = l(r), [u, s] = f(), [a, d] = f(), o = p(() => {
+    u && u.reInit(t.current, n.current);
+  }, [u]);
+  return c(() => {
+    E(t.current, e) || (t.current = e, o());
+  }, [e, o]), c(() => {
+    O(n.current, r) || (n.current = r, o());
+  }, [r, o]), c(() => {
+    if (w() && a) {
+      m.globalOptions = b.globalOptions;
+      const i = m(a, t.current, n.current);
+      return s(i), () => i.destroy();
+    } else
+      s(void 0);
+  }, [a, s]), [d, u];
+}
+b.globalOptions = void 0;
 export {
-  c as default
+  b as default
 };

package/index.es165.js

@@ -1,24 +1,13 @@
-import { useRef as l, useState as f, useCallback as p, useEffect as c } from "react";
-import { areOptionsEqual as E, arePluginsEqual as O, canUseDOM as w } from "./index.es185.js";
-import m from "./index.es186.js";
-function b(e = {}, r = []) {
-  const t = l(e), n = l(r), [u, s] = f(), [a, d] = f(), o = p(() => {
-    u && u.reInit(t.current, n.current);
-  }, [u]);
-  return c(() => {
-    E(t.current, e) || (t.current = e, o());
-  }, [e, o]), c(() => {
-    O(n.current, r) || (n.current = r, o());
-  }, [r, o]), c(() => {
-    if (w() && a) {
-      m.globalOptions = b.globalOptions;
-      const i = m(a, t.current, n.current);
-      return s(i), () => i.destroy();
-    } else
-      s(void 0);
-  }, [a, s]), [d, u];
-}
-b.globalOptions = void 0;
+import r from "./index.es182.js";
+const e = r("KeyboardArrowUp", [
+  [
+    "path",
+    {
+      d: "M7.41 15.7049L12 11.1249L16.59 15.7049L18 14.2949L12 8.29492L6 14.2949L7.41 15.7049Z",
+      key: "1jcnwk"
+    }
+  ]
+]);
 export {
-  b as default
+  e as default
 };

package/index.es166.js

@@ -1,13 +1,24 @@
-import r from "./index.es191.js";
-const e = r("KeyboardArrowUp", [
-  [
-    "path",
-    {
-      d: "M7.41 15.7049L12 11.1249L16.59 15.7049L18 14.2949L12 8.29492L6 14.2949L7.41 15.7049Z",
-      key: "1jcnwk"
-    }
-  ]
-]);
+import { createStore as s } from "./index.es191.js";
+import u from "react";
+import a from "./index.es192.js";
+const { useDebugValue: E } = u, { useSyncExternalStoreWithSelector: l } = a;
+const c = (t) => t;
+function d(t, e = c, o) {
+  const n = l(
+    t.subscribe,
+    t.getState,
+    t.getServerState || t.getInitialState,
+    e,
+    o
+  );
+  return E(n), n;
+}
+const r = (t) => {
+  const e = typeof t == "function" ? s(t) : t, o = (n, i) => d(e, n, i);
+  return Object.assign(o, e), o;
+}, I = (t) => t ? r(t) : r;
 export {
-  e as default
+  I as create,
+  s as createStore,
+  d as useStore
 };

package/index.es167.js

@@ -1,24 +1,13 @@
-import { createStore as s } from "./index.es187.js";
-import u from "react";
-import a from "./index.es188.js";
-const { useDebugValue: E } = u, { useSyncExternalStoreWithSelector: l } = a;
-const c = (t) => t;
-function d(t, e = c, o) {
-  const n = l(
-    t.subscribe,
-    t.getState,
-    t.getServerState || t.getInitialState,
-    e,
-    o
-  );
-  return E(n), n;
-}
-const r = (t) => {
-  const e = typeof t == "function" ? s(t) : t, o = (n, i) => d(e, n, i);
-  return Object.assign(o, e), o;
-}, I = (t) => t ? r(t) : r;
+import V from "./index.es182.js";
+const e = V("ViewSidebar", [
+  [
+    "path",
+    {
+      d: "M2 4V20H22V4H2ZM20 8.67H17.5V6H20V8.67ZM17.5 10.67H20V13.34H17.5V10.67ZM4 6H15.5V18H4V6ZM17.5 18V15.33H20V18H17.5Z",
+      key: "mhap71"
+    }
+  ]
+]);
 export {
-  I as create,
-  s as createStore,
-  d as useStore
+  e as default
 };

package/index.es168.js

@@ -1,13 +1,13 @@
-import V from "./index.es191.js";
-const e = V("ViewSidebar", [
+import t from "./index.es182.js";
+const V = t("WidthFull", [
   [
     "path",
     {
-      d: "M2 4V20H22V4H2ZM20 8.67H17.5V6H20V8.67ZM17.5 10.67H20V13.34H17.5V10.67ZM4 6H15.5V18H4V6ZM17.5 18V15.33H20V18H17.5Z",
-      key: "mhap71"
+      d: "M20 4H4C2.9 4 2 4.9 2 6V18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V6C22 4.9 21.1 4 20 4ZM4 18V6H5V18H4ZM7 18V6H17V18H7ZM20 18H19V6H20V18Z",
+      key: "xybwpn"
     }
   ]
 ]);
 export {
-  e as default
+  V as default
 };

package/index.es169.js

@@ -1,13 +1,14 @@
-import t from "./index.es191.js";
-const V = t("WidthFull", [
-  [
-    "path",
-    {
-      d: "M20 4H4C2.9 4 2 4.9 2 6V18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V6C22 4.9 21.1 4 20 4ZM4 18V6H5V18H4ZM7 18V6H17V18H7ZM20 18H19V6H20V18Z",
-      key: "xybwpn"
-    }
-  ]
-]);
+import * as o from "react";
+const e = 1280;
+function r() {
+  const [s, n] = o.useState(void 0);
+  return o.useEffect(() => {
+    const t = window.matchMedia(`(max-width: ${e - 1}px)`), i = () => {
+      n(window.innerWidth < e);
+    };
+    return t.addEventListener("change", i), n(window.innerWidth < e), () => t.removeEventListener("change", i);
+  }, []), !!s;
+}
 export {
-  V as default
+  r as useIsMobile
 };

package/index.es17.js

@@ -1,72 +1,53 @@
-import { jsx as n } from "react/jsx-runtime";
-import { cva as c } from "./index.es105.js";
-import * as a from "react";
-import { cn as o } from "./index.es85.js";
-const l = c(
-  "relative w-full rounded-2 border p-space-03 [&>svg~*]:ps-11 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:start-[1.2rem] [&>svg]:top-[1.2rem] [&>svg]:text-foreground [&>svg]:w-8 [&>svg]:h-8",
-  {
-    variants: {
-      variant: {
-        default: "border-none",
-        outline: "border-current",
-        ghost: "border-none"
-      },
-      colors: {
-        default: "text-foreground bg-background [&>svg]:text-foreground",
-        primary: "text-primary-oncontainer bg-primary-container [&>svg]:text-primary-oncontainer",
-        error: "text-error-oncontainer bg-error-container [&>svg]:text-error-oncontainer",
-        warning: "text-warning-oncontainer bg-warning-container [&>svg]:text-warning-oncontainer",
-        info: "text-info-oncontainer bg-info-container [&>svg]:text-info-oncontainer",
-        secondary: "text-secondary-oncontainer bg-secondary-container [&>svg]:text-secondary-oncontainer"
-      }
-    },
-    compoundVariants: [
-      {
-        variant: "outline",
-        colors: "default",
-        className: "bg-transparent text-foreground [&>svg]:text-foreground"
-      },
-      {
-        variant: "outline",
-        colors: "primary",
-        className: "bg-transparent text-primary [&>svg]:text-primary"
-      },
-      {
-        variant: "outline",
-        colors: "error",
-        className: "bg-transparent text-error [&>svg]:text-error"
-      },
-      {
-        variant: "outline",
-        colors: "warning",
-        className: "bg-transparent text-warning [&>svg]:text-warning"
-      },
-      {
-        variant: "outline",
-        colors: "info",
-        className: "bg-transparent text-info [&>svg]:text-info"
-      },
-      {
-        variant: "outline",
-        colors: "secondary",
-        className: "bg-transparent text-secondary [&>svg]:text-secondary"
-      }
-    ],
-    defaultVariants: {
-      variant: "default",
-      colors: "default"
+import { jsxs as l, jsx as s } from "react/jsx-runtime";
+import * as r from "@radix-ui/react-accordion";
+import * as d from "react";
+import { cn as n } from "./index.es86.js";
+const c = d.createContext({
+  size: "default",
+  isLeading: !1
+}), p = d.forwardRef(({ children: e, size: t, isLeading: a, ...i }, o) => /* @__PURE__ */ l(r.Root, { ref: o, ...i, children: [
+  /* @__PURE__ */ s(c.Provider, { value: { size: t, isLeading: a }, children: e }),
+  " "
+] }));
+p.displayName = "Accordion";
+const f = d.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ s(r.Item, { ref: a, className: n("flex flex-col border-b border-b-border-neutral-primary", e), ...t }));
+f.displayName = "AccordionItem";
+const m = d.forwardRef(({ className: e, children: t, ...a }, i) => {
+  const o = d.useContext(c);
+  return /* @__PURE__ */ s(r.Header, { className: "flex", children: /* @__PURE__ */ s(
+    r.Trigger,
+    {
+      ref: i,
+      className: n(
+        "group flex flex-1 items-center gap-space-04 border-2 border-transparent px-space-04  text-body-02 text-text-default transition-all hover:bg-button-background-neutral-hovered focus:border-border-black focus:bg-transparent focus:outline-none active:bg-button-background-neutral-pressed disabled:text-disabled-text-default-disabled [&>svg]:size-space-04",
+        {
+          "py-space-04 font-bold": o.size === "default",
+          "py-space-03 font-semibold": o.size === "sm",
+          "py-space-02 font-semibold": o.size === "xs",
+          "justify-between ": !o.isLeading,
+          "flex-row-reverse justify-end": o.isLeading
+        },
+        e
+      ),
+      ...a,
+      children: t
     }
+  ) });
+});
+m.displayName = r.Trigger.displayName;
+const b = d.forwardRef(({ className: e, children: t, ...a }, i) => /* @__PURE__ */ s(
+  r.Content,
+  {
+    ref: i,
+    className: "overflow-hidden text-body-02 text-text-paragraph-primary transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down data-[disabled]:text-disabled-text-default-disabled",
+    ...a,
+    children: /* @__PURE__ */ s("div", { className: n("pb-space-05 pe-space-08 ps-space-04 pt-space-02", e), children: t })
   }
-), g = a.forwardRef(
-  ({ className: r, variant: t, colors: e, ...s }, i) => /* @__PURE__ */ n("div", { ref: i, role: "alert", className: o(l({ variant: t, colors: e }), r), ...s })
-);
-g.displayName = "Alert";
-const d = a.forwardRef(({ className: r, ...t }, e) => /* @__PURE__ */ n("h5", { ref: e, className: o("text-subtitle-01 font-bold", r), ...t }));
-d.displayName = "AlertTitle";
-const v = a.forwardRef(({ className: r, ...t }, e) => /* @__PURE__ */ n("div", { ref: e, className: o("text-body-01 font-normal", r), ...t }));
-v.displayName = "AlertDescription";
+));
+b.displayName = r.Content.displayName;
 export {
-  g as Alert,
-  v as AlertDescription,
-  d as AlertTitle
+  p as Accordion,
+  b as AccordionContent,
+  f as AccordionItem,
+  m as AccordionTrigger
 };