@spark-ui/components 13.1.3 → 13.1.4

package/dist/accordion/index.mjs

@@ -1,685 +1,207 @@
-import { jsx as O, jsxs as Ne } from "react/jsx-runtime";
-import { a as F } from "../index-BmAFn37q.mjs";
-import * as s from "react";
-import { createContext as Re, useContext as Ee } from "react";
-import { a as ee } from "../Slot-C98rL4yy.mjs";
-import { w as te, d as ve, c as Ie, u as Me, C as Oe, a as ne, t as Ae, b as Pe } from "../useCollapsiblePanel-kbMNl4Z4.mjs";
-import { c as V, m as J, a as P, f as oe, j as L, d as we, n as ye, i as Se, g as De, k as ke, l as Te } from "../useOpenChangeComplete-RUbg6RBw.mjs";
-import { a as Q } from "../useTransitionStatus-CktVVKxz.mjs";
-import { ArrowHorizontalDown as _e } from "@spark-ui/icons/ArrowHorizontalDown";
-import { I as Ve } from "../Icon-D1RueiPY.mjs";
-import { s as Ue, A as re, a as se, b as ie, c as ae, H as Fe, E as He } from "../composite-Br3kM5N9.mjs";
-const W = /* @__PURE__ */ s.createContext({
-  register: () => {
-  },
-  unregister: () => {
-  },
-  subscribeMapChange: () => () => {
-  },
-  elementsRef: {
-    current: []
-  },
-  nextIndexRef: {
-    current: 0
-  }
-});
-process.env.NODE_ENV !== "production" && (W.displayName = "CompositeListContext");
-function Le() {
-  return s.useContext(W);
-}
-function ze(e) {
-  const {
-    children: o,
-    elementsRef: n,
-    labelsRef: i,
-    onMapChange: m
-  } = e, r = V(m), l = s.useRef(0), h = J(Be).current, b = J(We).current, [R, N] = s.useState(0), p = s.useRef(R), E = V((t, u) => {
-    b.set(t, u ?? null), p.current += 1, N(p.current);
-  }), f = V((t) => {
-    b.delete(t), p.current += 1, N(p.current);
-  }), d = s.useMemo(() => {
-    const t = /* @__PURE__ */ new Map();
-    return Array.from(b.keys()).filter((c) => c.isConnected).sort(je).forEach((c, x) => {
-      const a = b.get(c) ?? {};
-      t.set(c, {
-        ...a,
-        index: x
-      });
-    }), t;
-  }, [b, R]);
-  P(() => {
-    if (typeof MutationObserver != "function" || d.size === 0)
-      return;
-    const t = new MutationObserver((u) => {
-      const c = /* @__PURE__ */ new Set(), x = (a) => c.has(a) ? c.delete(a) : c.add(a);
-      u.forEach((a) => {
-        a.removedNodes.forEach(x), a.addedNodes.forEach(x);
-      }), c.size === 0 && (p.current += 1, N(p.current));
-    });
-    return d.forEach((u, c) => {
-      c.parentElement && t.observe(c.parentElement, {
-        childList: !0
-      });
-    }), () => {
-      t.disconnect();
-    };
-  }, [d]), P(() => {
-    p.current === R && (n.current.length !== d.size && (n.current.length = d.size), i && i.current.length !== d.size && (i.current.length = d.size), l.current = d.size), r(d);
-  }, [r, d, n, i, R]), P(() => () => {
-    n.current = [];
-  }, [n]), P(() => () => {
-    i && (i.current = []);
-  }, [i]);
-  const g = V((t) => (h.add(t), () => {
-    h.delete(t);
-  }));
-  P(() => {
-    h.forEach((t) => t(d));
-  }, [h, d]);
-  const v = s.useMemo(() => ({
-    register: E,
-    unregister: f,
-    subscribeMapChange: g,
-    elementsRef: n,
-    labelsRef: i,
-    nextIndexRef: l
-  }), [E, f, g, n, i, l]);
-  return /* @__PURE__ */ O(W.Provider, {
-    value: v,
-    children: o
-  });
-}
-function We() {
-  return /* @__PURE__ */ new Map();
-}
-function Be() {
-  return /* @__PURE__ */ new Set();
-}
-function je(e, o) {
-  const n = e.compareDocumentPosition(o);
-  return n & Node.DOCUMENT_POSITION_FOLLOWING || n & Node.DOCUMENT_POSITION_CONTAINED_BY ? -1 : n & Node.DOCUMENT_POSITION_PRECEDING || n & Node.DOCUMENT_POSITION_CONTAINS ? 1 : 0;
-}
-const ce = /* @__PURE__ */ s.createContext(void 0);
-process.env.NODE_ENV !== "production" && (ce.displayName = "DirectionContext");
-function Ge() {
-  return s.useContext(ce)?.direction ?? "ltr";
-}
-const B = /* @__PURE__ */ s.createContext(void 0);
-process.env.NODE_ENV !== "production" && (B.displayName = "AccordionRootContext");
-function j() {
-  const e = s.useContext(B);
-  if (e === void 0)
-    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: AccordionRootContext is missing. Accordion parts must be placed within <Accordion.Root>." : oe(10));
-  return e;
-}
-const Ke = {
-  value: () => null
-}, de = /* @__PURE__ */ s.forwardRef(function(o, n) {
-  const {
-    render: i,
-    className: m,
-    disabled: r = !1,
-    hiddenUntilFound: l,
-    keepMounted: h,
-    loopFocus: b = !0,
-    onValueChange: R,
-    multiple: N = !1,
-    orientation: p = "vertical",
-    value: E,
-    defaultValue: f,
-    ...d
-  } = o, g = Ge();
-  process.env.NODE_ENV !== "production" && P(() => {
-    l && h === !1 && te("The `keepMounted={false}` prop on a Accordion.Root will be ignored when using `hiddenUntilFound` since it requires Panels to remain mounted when closed.");
-  }, [l, h]);
-  const v = s.useMemo(() => {
-    if (E === void 0)
-      return f ?? [];
-  }, [E, f]), t = V(R), u = s.useRef([]), [c, x] = ve({
-    controlled: E,
-    default: v,
-    name: "Accordion",
-    state: "value"
-  }), a = V((S, _) => {
-    const I = we(ye);
-    if (N)
-      if (_) {
-        const C = c.slice();
-        if (C.push(S), t(C, I), I.isCanceled)
-          return;
-        x(C);
-      } else {
-        const C = c.filter((A) => A !== S);
-        if (t(C, I), I.isCanceled)
-          return;
-        x(C);
-      }
-    else {
-      const C = c[0] === S ? [] : [S];
-      if (t(C, I), I.isCanceled)
-        return;
-      x(C);
-    }
-  }), y = s.useMemo(() => ({
-    value: c,
-    disabled: r,
-    orientation: p
-  }), [c, r, p]), T = s.useMemo(() => ({
-    accordionItemRefs: u,
-    direction: g,
-    disabled: r,
-    handleValueChange: a,
-    hiddenUntilFound: l ?? !1,
-    keepMounted: h ?? !1,
-    loopFocus: b,
-    orientation: p,
-    state: y,
-    value: c
-  }), [g, r, a, l, h, b, p, y, c]), k = L("div", o, {
-    state: y,
-    ref: n,
-    props: [{
-      dir: g,
-      role: "region"
-    }, d],
-    stateAttributesMapping: Ke
-  });
-  return /* @__PURE__ */ O(B.Provider, {
-    value: T,
-    children: /* @__PURE__ */ O(ze, {
-      elementsRef: u,
-      children: k
-    })
-  });
-});
-process.env.NODE_ENV !== "production" && (de.displayName = "AccordionRoot");
-let qe = /* @__PURE__ */ (function(e) {
-  return e[e.None = 0] = "None", e[e.GuessFromOrder = 1] = "GuessFromOrder", e;
-})({});
-function $e(e = {}) {
-  const {
-    label: o,
-    metadata: n,
-    textRef: i,
-    indexGuessBehavior: m,
-    index: r
-  } = e, {
-    register: l,
-    unregister: h,
-    subscribeMapChange: b,
-    elementsRef: R,
-    labelsRef: N,
-    nextIndexRef: p
-  } = Le(), E = s.useRef(-1), [f, d] = s.useState(r ?? (m === qe.GuessFromOrder ? () => {
-    if (E.current === -1) {
-      const t = p.current;
-      p.current += 1, E.current = t;
-    }
-    return E.current;
-  } : -1)), g = s.useRef(null), v = s.useCallback((t) => {
-    if (g.current = t, f !== -1 && t !== null && (R.current[f] = t, N)) {
-      const u = o !== void 0;
-      N.current[f] = u ? o : i?.current?.textContent ?? t.textContent;
-    }
-  }, [f, R, N, o, i]);
-  return P(() => {
-    if (r != null)
-      return;
-    const t = g.current;
-    if (t)
-      return l(t, n), () => {
-        h(t);
-      };
-  }, [r, l, h, n]), P(() => {
-    if (r == null)
-      return b((t) => {
-        const u = g.current ? t.get(g.current)?.index : null;
-        u != null && d(u);
-      });
-  }, [r, b, d]), s.useMemo(() => ({
-    ref: v,
-    index: f
-  }), [f, v]);
-}
-const G = /* @__PURE__ */ s.createContext(void 0);
-process.env.NODE_ENV !== "production" && (G.displayName = "AccordionItemContext");
-function ue() {
-  const e = s.useContext(G);
-  if (e === void 0)
-    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: AccordionItemContext is missing. Accordion parts must be placed within <Accordion.Item>." : oe(9));
-  return e;
-}
-let Ye = /* @__PURE__ */ (function(e) {
-  return e.index = "data-index", e.disabled = "data-disabled", e.open = "data-open", e;
-})({});
-const le = {
-  ...Ie,
-  index: (e) => Number.isInteger(e) ? {
-    [Ye.index]: String(e)
-  } : null,
-  ...Se,
-  value: () => null
-}, pe = /* @__PURE__ */ s.forwardRef(function(o, n) {
-  const {
-    className: i,
-    disabled: m = !1,
-    onOpenChange: r,
-    render: l,
-    value: h,
-    ...b
-  } = o, {
-    ref: R,
-    index: N
-  } = $e(), p = De(n, R), {
-    disabled: E,
-    handleValueChange: f,
-    state: d,
-    value: g
-  } = j(), v = Q(), t = h ?? v, u = m || E, c = s.useMemo(() => {
-    if (!g)
-      return !1;
-    for (let A = 0; A < g.length; A += 1)
-      if (g[A] === t)
-        return !0;
-    return !1;
-  }, [g, t]), x = V((A, D) => {
-    r?.(A, D), !D.isCanceled && f(t, A);
-  }), a = Me({
-    open: c,
-    onOpenChange: x,
-    disabled: u
-  }), y = s.useMemo(() => ({
-    open: a.open,
-    disabled: a.disabled,
-    hidden: !a.mounted,
-    transitionStatus: a.transitionStatus
-  }), [a.open, a.disabled, a.mounted, a.transitionStatus]), T = s.useMemo(() => ({
-    ...a,
-    onOpenChange: x,
-    state: y
-  }), [a, y, x]), k = s.useMemo(() => ({
-    ...d,
-    index: N,
-    disabled: u,
-    open: c
-  }), [u, N, c, d]), [S, _] = s.useState(Q()), I = s.useMemo(() => ({
-    open: c,
-    state: k,
-    setTriggerId: _,
-    triggerId: S
-  }), [c, k, _, S]), C = L("div", o, {
-    state: k,
-    ref: p,
-    props: b,
-    stateAttributesMapping: le
-  });
-  return /* @__PURE__ */ O(Oe.Provider, {
-    value: T,
-    children: /* @__PURE__ */ O(G.Provider, {
-      value: I,
-      children: C
-    })
-  });
-});
-process.env.NODE_ENV !== "production" && (pe.displayName = "AccordionItem");
-function X(e) {
-  return e == null || e.hasAttribute("disabled") || e.getAttribute("aria-disabled") === "true";
+import {
+  Icon
+} from "../chunk-UMUMFMFB.mjs";
+import "../chunk-KEGAAGJW.mjs";
+import {
+  Slot
+} from "../chunk-6QCEPQ3U.mjs";
+
+// src/accordion/Accordion.tsx
+import { Accordion as BaseAccordion } from "@base-ui/react/accordion";
+import { cx } from "class-variance-authority";
+import { createContext, useContext } from "react";
+
+// src/accordion/useRenderSlot.tsx
+import { jsx } from "react/jsx-runtime";
+function useRenderSlot(asChild, defaultTag) {
+  const Component = asChild ? Slot : defaultTag;
+  return asChild ? ({ ...props }) => /* @__PURE__ */ jsx(Component, { ...props }) : void 0;
 }
-const Je = /* @__PURE__ */ new Set([re, se, ie, ae, Fe, He]);
-function Qe(e) {
-  const {
-    current: o
-  } = e, n = [];
-  for (let i = 0; i < o.length; i += 1) {
-    const m = o[i];
-    if (!X(m)) {
-      const r = m?.querySelector('[type="button"]');
-      X(r) || n.push(r);
-    }
-  }
-  return n;
-}
-const fe = /* @__PURE__ */ s.forwardRef(function(o, n) {
-  const {
-    disabled: i,
-    className: m,
-    id: r,
-    render: l,
-    nativeButton: h = !0,
-    ...b
-  } = o, {
-    panelId: R,
-    open: N,
-    handleTrigger: p,
-    disabled: E
-  } = ne(), f = i ?? E, {
-    getButtonProps: d,
-    buttonRef: g
-  } = ke({
-    disabled: f,
-    focusableWhenDisabled: !0,
-    native: h
-  }), {
-    accordionItemRefs: v,
-    direction: t,
-    loopFocus: u,
-    orientation: c
-  } = j(), x = t === "rtl", a = c === "horizontal", {
-    state: y,
-    setTriggerId: T,
-    triggerId: k
-  } = ue();
-  P(() => (r && T(r), () => {
-    T(void 0);
-  }), [r, T]);
-  const S = s.useMemo(() => ({
-    "aria-controls": N ? R : void 0,
-    "aria-expanded": N,
-    disabled: f,
-    id: k,
-    onClick: p,
-    onKeyDown(I) {
-      if (!Je.has(I.key))
-        return;
-      Ue(I);
-      const C = Qe(v), D = C.length - 1;
-      let M = -1;
-      const w = C.indexOf(I.target);
-      function H() {
-        u ? M = w + 1 > D ? 0 : w + 1 : M = Math.min(w + 1, D);
-      }
-      function U() {
-        u ? M = w === 0 ? D : w - 1 : M = w - 1;
-      }
-      switch (I.key) {
-        case re:
-          a || H();
-          break;
-        case se:
-          a || U();
-          break;
-        case ie:
-          a && (x ? U() : H());
-          break;
-        case ae:
-          a && (x ? H() : U());
-          break;
-        case "Home":
-          M = 0;
-          break;
-        case "End":
-          M = D;
-          break;
-      }
-      M > -1 && C[M].focus();
-    }
-  }), [v, f, p, k, a, x, u, N, R]);
-  return L("button", o, {
-    state: y,
-    ref: [n, g],
-    props: [S, b, d],
-    stateAttributesMapping: Ae
-  });
-});
-process.env.NODE_ENV !== "production" && (fe.displayName = "AccordionTrigger");
-let Z = /* @__PURE__ */ (function(e) {
-  return e.accordionPanelHeight = "--accordion-panel-height", e.accordionPanelWidth = "--accordion-panel-width", e;
-})({});
-const me = /* @__PURE__ */ s.forwardRef(function(o, n) {
-  const {
-    className: i,
-    hiddenUntilFound: m,
-    keepMounted: r,
-    id: l,
-    render: h,
-    ...b
-  } = o, {
-    hiddenUntilFound: R,
-    keepMounted: N
-  } = j(), {
-    abortControllerRef: p,
-    animationTypeRef: E,
-    height: f,
-    mounted: d,
-    onOpenChange: g,
-    open: v,
-    panelId: t,
-    panelRef: u,
-    runOnceAnimationsFinish: c,
-    setDimensions: x,
-    setHiddenUntilFound: a,
-    setKeepMounted: y,
-    setMounted: T,
-    setOpen: k,
-    setVisible: S,
-    transitionDimensionRef: _,
-    visible: I,
-    width: C,
-    setPanelIdState: A,
-    transitionStatus: D
-  } = ne(), M = m ?? R, w = r ?? N;
-  process.env.NODE_ENV !== "production" && P(() => {
-    r === !1 && M && te("The `keepMounted={false}` prop on a Accordion.Panel will be ignored when using `contextHiddenUntilFound` on the Panel or the Root since it requires the panel to remain mounted when closed.");
-  }, [M, r]), P(() => {
-    if (l)
-      return A(l), () => {
-        A(void 0);
-      };
-  }, [l, A]), P(() => {
-    a(M);
-  }, [a, M]), P(() => {
-    y(w);
-  }, [y, w]), Te({
-    open: v && D === "idle",
-    ref: u,
-    onComplete() {
-      v && x({
-        width: void 0,
-        height: void 0
-      });
-    }
-  });
-  const {
-    props: H
-  } = Pe({
-    abortControllerRef: p,
-    animationTypeRef: E,
-    externalRef: n,
-    height: f,
-    hiddenUntilFound: M,
-    id: l ?? t,
-    keepMounted: w,
-    mounted: d,
-    onOpenChange: g,
-    open: v,
-    panelRef: u,
-    runOnceAnimationsFinish: c,
-    setDimensions: x,
-    setMounted: T,
-    setOpen: k,
-    setVisible: S,
-    transitionDimensionRef: _,
-    visible: I,
-    width: C
-  }), {
-    state: U,
-    triggerId: be
-  } = ue(), xe = s.useMemo(() => ({
-    ...U,
-    transitionStatus: D
-  }), [U, D]), Ce = L("div", o, {
-    state: xe,
-    ref: [n, u],
-    props: [H, {
-      "aria-labelledby": be,
-      role: "region",
-      style: {
-        [Z.accordionPanelHeight]: f === void 0 ? "auto" : `${f}px`,
-        [Z.accordionPanelWidth]: C === void 0 ? "auto" : `${C}px`
-      }
-    }, b],
-    stateAttributesMapping: le
-  });
-  return w || M || !w && d ? Ce : null;
-});
-process.env.NODE_ENV !== "production" && (me.displayName = "AccordionPanel");
-function z(e, o) {
-  const n = e ? ee : o;
-  return e ? ({ ...i }) => /* @__PURE__ */ O(n, { ...i }) : void 0;
-}
-const ge = Re(null), he = ({
-  asChild: e = !1,
-  children: o,
-  design: n = "outlined",
-  hiddenUntilFound: i = !0,
-  multiple: m = !1,
-  className: r,
-  ref: l,
-  ...h
+
+// src/accordion/Accordion.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var AccordionContext = createContext(null);
+var Accordion = ({
+  asChild = false,
+  children,
+  design = "outlined",
+  hiddenUntilFound = true,
+  multiple = false,
+  className,
+  ref,
+  ...props
 }) => {
-  const b = z(e, "div");
-  return /* @__PURE__ */ O(ge.Provider, { value: { design: n }, children: /* @__PURE__ */ O(
-    de,
+  const renderSlot = useRenderSlot(asChild, "div");
+  return /* @__PURE__ */ jsx2(AccordionContext.Provider, { value: { design }, children: /* @__PURE__ */ jsx2(
+    BaseAccordion.Root,
     {
       "data-spark-component": "accordion",
-      ref: l,
-      multiple: m,
-      hiddenUntilFound: i,
-      className: F("bg-surface h-fit rounded-lg", r),
-      render: b,
-      ...h,
-      children: o
+      ref,
+      multiple,
+      hiddenUntilFound,
+      className: cx("bg-surface h-fit rounded-lg", className),
+      render: renderSlot,
+      ...props,
+      children
     }
   ) });
 };
-he.displayName = "Accordion";
-const Xe = () => {
-  const e = Ee(ge);
-  if (!e)
+Accordion.displayName = "Accordion";
+var useAccordionContext = () => {
+  const context = useContext(AccordionContext);
+  if (!context) {
     throw Error("useAccordionContext must be used within a Accordion provider");
-  return e;
-}, K = ({
-  asChild: e = !1,
-  className: o,
-  children: n,
-  ref: i,
-  ...m
+  }
+  return context;
+};
+
+// src/accordion/AccordionItem.tsx
+import { Accordion as BaseAccordion2 } from "@base-ui/react/accordion";
+import { cx as cx2 } from "class-variance-authority";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var Item = ({
+  asChild = false,
+  className,
+  children,
+  ref,
+  ...props
 }) => {
-  const r = Xe(), l = z(e, "div");
-  return /* @__PURE__ */ O(
-    pe,
+  const accordion = useAccordionContext();
+  const renderSlot = useRenderSlot(asChild, "div");
+  return /* @__PURE__ */ jsx3(
+    BaseAccordion2.Item,
     {
-      ref: i,
+      ref,
       "data-spark-component": "accordion-item",
-      render: l,
-      className: F(
+      render: renderSlot,
+      className: cx2(
         "relative first:rounded-t-lg last:rounded-b-lg",
         "not-last:border-b-0",
-        { "border-sm border-outline": r.design === "outlined" },
-        o
+        { "border-sm border-outline": accordion.design === "outlined" },
+        className
       ),
-      ...m,
-      children: n
+      ...props,
+      children
     }
   );
 };
-K.displayName = "Accordion.Item";
-const q = ({
-  asChild: e = !1,
-  className: o,
-  children: n,
-  ref: i,
-  ...m
+Item.displayName = "Accordion.Item";
+
+// src/accordion/AccordionItemContent.tsx
+import { Accordion as BaseAccordion3 } from "@base-ui/react/accordion";
+import { cx as cx3 } from "class-variance-authority";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var ItemContent = ({
+  asChild = false,
+  className,
+  children,
+  ref,
+  ...props
 }) => {
-  const r = z(e, "div");
-  return /* @__PURE__ */ O(
-    me,
+  const renderSlot = useRenderSlot(asChild, "div");
+  return /* @__PURE__ */ jsx4(
+    BaseAccordion3.Panel,
     {
-      ref: i,
+      ref,
       "data-spark-component": "accordion-item-content",
-      className: F(
+      className: cx3(
         "[&>:first-child]:p-lg overflow-hidden",
         "h-[var(--accordion-panel-height)] transition-all duration-200 data-[ending-style]:h-0 data-[starting-style]:h-0",
         "text-body-1 text-on-surface",
-        o
+        className
       ),
-      render: r,
-      ...m,
-      children: n
+      render: renderSlot,
+      ...props,
+      children
     }
   );
 };
-q.displayName = "Accordion.ItemContent";
-const $ = ({
-  asChild: e = !1,
-  children: o,
-  className: n,
-  ref: i
-}) => /* @__PURE__ */ O(
-  e ? ee : "h3",
-  {
-    ref: i,
-    "data-spark-component": "accordion-item-header",
-    className: F("rounded-[inherit]", n),
-    children: o
-  }
-);
-$.displayName = "Accordion.ItemHeader";
-const Y = ({
-  asChild: e = !1,
-  children: o,
-  className: n,
-  ref: i,
-  ...m
+ItemContent.displayName = "Accordion.ItemContent";
+
+// src/accordion/AccordionItemHeader.tsx
+import { cx as cx4 } from "class-variance-authority";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var ItemHeader = ({
+  asChild = false,
+  children,
+  className,
+  ref
+}) => {
+  const Component = asChild ? Slot : "h3";
+  return /* @__PURE__ */ jsx5(
+    Component,
+    {
+      ref,
+      "data-spark-component": "accordion-item-header",
+      className: cx4("rounded-[inherit]", className),
+      children
+    }
+  );
+};
+ItemHeader.displayName = "Accordion.ItemHeader";
+
+// src/accordion/AccordionItemTrigger.tsx
+import { Accordion as BaseAccordion4 } from "@base-ui/react/accordion";
+import { ArrowHorizontalDown } from "@spark-ui/icons/ArrowHorizontalDown";
+import { cx as cx5 } from "class-variance-authority";
+import { jsx as jsx6, jsxs } from "react/jsx-runtime";
+var ItemTrigger = ({
+  asChild = false,
+  children,
+  className,
+  ref,
+  ...props
 }) => {
-  const r = z(e, "button");
-  return /* @__PURE__ */ Ne(
-    fe,
+  const renderSlot = useRenderSlot(asChild, "button");
+  return /* @__PURE__ */ jsxs(
+    BaseAccordion4.Trigger,
     {
-      ref: i,
+      ref,
       "data-spark-component": "accordion-item-trigger",
-      render: r,
-      className: F(
+      render: renderSlot,
+      className: cx5(
         "group",
         "gap-lg min-h-sz-48 relative flex items-center justify-between",
         "px-lg py-md text-headline-2 text-on-surface data-[panel-open]:rounded-b-0 w-full rounded-[inherit] text-left",
         "hover:enabled:bg-surface-hovered focus:bg-surface-hovered",
         "focus-visible:u-outline focus-visible:z-raised focus-visible:outline-hidden",
         "disabled:opacity-dim-3 cursor-pointer disabled:cursor-not-allowed",
-        n
+        className
       ),
-      ...m,
+      ...props,
       children: [
-        /* @__PURE__ */ O("div", { className: "gap-lg flex grow items-center", children: o }),
-        /* @__PURE__ */ O(
-          Ve,
+        /* @__PURE__ */ jsx6("div", { className: "gap-lg flex grow items-center", children }),
+        /* @__PURE__ */ jsx6(
+          Icon,
           {
             intent: "neutral",
-            className: F(
+            className: cx5(
               "shrink-0 rotate-0 duration-100 ease-in motion-reduce:transition-none",
               "group-data-[panel-open]:rotate-180"
             ),
             size: "sm",
-            children: /* @__PURE__ */ O(_e, {})
+            children: /* @__PURE__ */ jsx6(ArrowHorizontalDown, {})
           }
         )
       ]
     }
   );
 };
-Y.displayName = "Accordion.ItemTrigger";
-const Ze = Object.assign(he, {
-  Item: K,
-  ItemHeader: $,
-  ItemTrigger: Y,
-  ItemContent: q
+ItemTrigger.displayName = "Accordion.ItemTrigger";
+
+// src/accordion/index.ts
+var Accordion2 = Object.assign(Accordion, {
+  Item,
+  ItemHeader,
+  ItemTrigger,
+  ItemContent
 });
-Ze.displayName = "Accordion";
-K.displayName = "Item";
-$.displayName = "ItemHeader";
-Y.displayName = "Accordion.Trigger";
-q.displayName = "Accordion.Content";
+Accordion2.displayName = "Accordion";
+Item.displayName = "Item";
+ItemHeader.displayName = "ItemHeader";
+ItemTrigger.displayName = "Accordion.Trigger";
+ItemContent.displayName = "Accordion.Content";
 export {
-  Ze as Accordion
+  Accordion2 as Accordion
 };
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map