@epilot/zenith-react 0.2.0-next.3 → 0.2.0-next.5

package/dist/_virtual/_zenith-runtime-family_avatar.js

@@ -0,0 +1,7 @@
+import { servedFamily as a } from "../renderer/served.js";
+import { avatar as r } from "@epilot/zenith-runtime/v1";
+const t = a("avatar", r), e = t.Avatar;
+export {
+  e as Avatar
+};
+//# sourceMappingURL=_zenith-runtime-family_avatar.js.map

package/dist/_virtual/_zenith-runtime-family_avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_zenith-runtime-family_avatar.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/_virtual/_zenith-runtime-family_button.js

@@ -0,0 +1,7 @@
+import { servedFamily as t } from "../renderer/served.js";
+import { button as o } from "@epilot/zenith-runtime/v1";
+const r = t("button", o), m = r.Button;
+export {
+  m as Button
+};
+//# sourceMappingURL=_zenith-runtime-family_button.js.map

package/dist/_virtual/_zenith-runtime-family_button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_zenith-runtime-family_button.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/_virtual/_zenith-runtime-family_checkbox.js

@@ -0,0 +1,7 @@
+import { servedFamily as o } from "../renderer/served.js";
+import { checkbox as e } from "@epilot/zenith-runtime/v1";
+const c = o("checkbox", e), t = c.Checkbox;
+export {
+  t as Checkbox
+};
+//# sourceMappingURL=_zenith-runtime-family_checkbox.js.map

package/dist/_virtual/_zenith-runtime-family_checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_zenith-runtime-family_checkbox.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/_virtual/_zenith-runtime-family_csp-provider.js

@@ -0,0 +1,7 @@
+import { servedFamily as r } from "../renderer/served.js";
+import { cspProvider as o } from "@epilot/zenith-runtime/v1";
+const e = r("cspProvider", o), s = e.CSPProvider;
+export {
+  s as CSPProvider
+};
+//# sourceMappingURL=_zenith-runtime-family_csp-provider.js.map

package/dist/_virtual/_zenith-runtime-family_csp-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_zenith-runtime-family_csp-provider.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/_virtual/_zenith-runtime-family_dialog.js

@@ -0,0 +1,7 @@
+import { servedFamily as o } from "../renderer/served.js";
+import { dialog as i } from "@epilot/zenith-runtime/v1";
+const r = o("dialog", i), l = r.Dialog;
+export {
+  l as Dialog
+};
+//# sourceMappingURL=_zenith-runtime-family_dialog.js.map

package/dist/_virtual/_zenith-runtime-family_dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_zenith-runtime-family_dialog.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/_virtual/_zenith-runtime-family_direction-provider.js

@@ -0,0 +1,8 @@
+import { servedFamily as i } from "../renderer/served.js";
+import { directionProvider as o } from "@epilot/zenith-runtime/v1";
+const r = i("directionProvider", o), d = r.DirectionProvider;
+r.useDirection;
+export {
+  d as DirectionProvider
+};
+//# sourceMappingURL=_zenith-runtime-family_direction-provider.js.map

package/dist/_virtual/_zenith-runtime-family_direction-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_zenith-runtime-family_direction-provider.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/_virtual/_zenith-runtime-family_menu.js

@@ -0,0 +1,7 @@
+import { servedFamily as e } from "../renderer/served.js";
+import { menu as m } from "@epilot/zenith-runtime/v1";
+const o = e("menu", m), t = o.Menu;
+export {
+  t as Menu
+};
+//# sourceMappingURL=_zenith-runtime-family_menu.js.map

package/dist/_virtual/_zenith-runtime-family_menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_zenith-runtime-family_menu.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/_virtual/_zenith-runtime-family_merge-props.js

@@ -0,0 +1,11 @@
+import { servedFamily as r } from "../renderer/served.js";
+import { mergeProps as m } from "@epilot/zenith-runtime/v1";
+const e = r("mergeProps", m);
+e.makeEventPreventable;
+e.mergeClassNames;
+const p = e.mergeProps;
+e.mergePropsN;
+export {
+  p as mergeProps
+};
+//# sourceMappingURL=_zenith-runtime-family_merge-props.js.map

package/dist/_virtual/_zenith-runtime-family_merge-props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_zenith-runtime-family_merge-props.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/_virtual/_zenith-runtime-family_popover.js

@@ -0,0 +1,7 @@
+import { servedFamily as o } from "../renderer/served.js";
+import { popover as r } from "@epilot/zenith-runtime/v1";
+const e = o("popover", r), m = e.Popover;
+export {
+  m as Popover
+};
+//# sourceMappingURL=_zenith-runtime-family_popover.js.map

package/dist/_virtual/_zenith-runtime-family_popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_zenith-runtime-family_popover.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/_virtual/_zenith-runtime-family_radio-group.js

@@ -0,0 +1,7 @@
+import { servedFamily as o } from "../renderer/served.js";
+import { radioGroup as r } from "@epilot/zenith-runtime/v1";
+const i = o("radioGroup", r), a = i.RadioGroup;
+export {
+  a as RadioGroup
+};
+//# sourceMappingURL=_zenith-runtime-family_radio-group.js.map

package/dist/_virtual/_zenith-runtime-family_radio-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_zenith-runtime-family_radio-group.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/_virtual/_zenith-runtime-family_radio.js

@@ -0,0 +1,7 @@
+import { servedFamily as o } from "../renderer/served.js";
+import { radio as r } from "@epilot/zenith-runtime/v1";
+const i = o("radio", r), e = i.Radio;
+export {
+  e as Radio
+};
+//# sourceMappingURL=_zenith-runtime-family_radio.js.map

package/dist/_virtual/_zenith-runtime-family_radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_zenith-runtime-family_radio.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/_virtual/_zenith-runtime-family_scroll-area.js

@@ -0,0 +1,7 @@
+import { servedFamily as r } from "../renderer/served.js";
+import { scrollArea as o } from "@epilot/zenith-runtime/v1";
+const e = r("scrollArea", o), s = e.ScrollArea;
+export {
+  s as ScrollArea
+};
+//# sourceMappingURL=_zenith-runtime-family_scroll-area.js.map

package/dist/_virtual/_zenith-runtime-family_scroll-area.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_zenith-runtime-family_scroll-area.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/_virtual/_zenith-runtime-family_select.js

@@ -0,0 +1,7 @@
+import { servedFamily as e } from "../renderer/served.js";
+import { select as t } from "@epilot/zenith-runtime/v1";
+const o = e("select", t), s = o.Select;
+export {
+  s as Select
+};
+//# sourceMappingURL=_zenith-runtime-family_select.js.map

package/dist/_virtual/_zenith-runtime-family_select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_zenith-runtime-family_select.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/_virtual/_zenith-runtime-family_separator.js

@@ -0,0 +1,7 @@
+import { servedFamily as r } from "../renderer/served.js";
+import { separator as o } from "@epilot/zenith-runtime/v1";
+const a = r("separator", o), p = a.Separator;
+export {
+  p as Separator
+};
+//# sourceMappingURL=_zenith-runtime-family_separator.js.map

package/dist/_virtual/_zenith-runtime-family_separator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_zenith-runtime-family_separator.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/_virtual/_zenith-runtime-family_switch.js

@@ -0,0 +1,7 @@
+import { servedFamily as t } from "../renderer/served.js";
+import { switch as i } from "@epilot/zenith-runtime/v1";
+const s = t("switch", i), r = s.Switch;
+export {
+  r as Switch
+};
+//# sourceMappingURL=_zenith-runtime-family_switch.js.map

package/dist/_virtual/_zenith-runtime-family_switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_zenith-runtime-family_switch.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/_virtual/_zenith-runtime-family_tabs.js

@@ -0,0 +1,7 @@
+import { servedFamily as s } from "../renderer/served.js";
+import { tabs as o } from "@epilot/zenith-runtime/v1";
+const r = s("tabs", o), e = r.Tabs;
+export {
+  e as Tabs
+};
+//# sourceMappingURL=_zenith-runtime-family_tabs.js.map

package/dist/_virtual/_zenith-runtime-family_tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_zenith-runtime-family_tabs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/_virtual/_zenith-runtime-family_toast.js

@@ -0,0 +1,7 @@
+import { servedFamily as o } from "../renderer/served.js";
+import { toast as t } from "@epilot/zenith-runtime/v1";
+const s = o("toast", t), e = s.Toast;
+export {
+  e as Toast
+};
+//# sourceMappingURL=_zenith-runtime-family_toast.js.map

package/dist/_virtual/_zenith-runtime-family_toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_zenith-runtime-family_toast.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/_virtual/_zenith-runtime-family_toggle-group.js

@@ -0,0 +1,7 @@
+import { servedFamily as o } from "../renderer/served.js";
+import { toggleGroup as r } from "@epilot/zenith-runtime/v1";
+const e = o("toggleGroup", r), t = e.ToggleGroup;
+export {
+  t as ToggleGroup
+};
+//# sourceMappingURL=_zenith-runtime-family_toggle-group.js.map

package/dist/_virtual/_zenith-runtime-family_toggle-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_zenith-runtime-family_toggle-group.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/_virtual/_zenith-runtime-family_toggle.js

@@ -0,0 +1,7 @@
+import { servedFamily as o } from "../renderer/served.js";
+import { toggle as e } from "@epilot/zenith-runtime/v1";
+const g = o("toggle", e), l = g.Toggle;
+export {
+  l as Toggle
+};
+//# sourceMappingURL=_zenith-runtime-family_toggle.js.map

package/dist/_virtual/_zenith-runtime-family_toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_zenith-runtime-family_toggle.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/_virtual/_zenith-runtime-family_tooltip.js

@@ -0,0 +1,7 @@
+import { servedFamily as o } from "../renderer/served.js";
+import { tooltip as t } from "@epilot/zenith-runtime/v1";
+const i = o("tooltip", t), e = i.Tooltip;
+export {
+  e as Tooltip
+};
+//# sourceMappingURL=_zenith-runtime-family_tooltip.js.map

package/dist/_virtual/_zenith-runtime-family_tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_zenith-runtime-family_tooltip.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/_virtual/_zenith-runtime-family_use-render.js

@@ -0,0 +1,7 @@
+import { servedFamily as e } from "../renderer/served.js";
+import { useRender as r } from "@epilot/zenith-runtime/v1";
+const s = e("useRender", r), o = s.useRender;
+export {
+  o as useRender
+};
+//# sourceMappingURL=_zenith-runtime-family_use-render.js.map

package/dist/_virtual/_zenith-runtime-family_use-render.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_zenith-runtime-family_use-render.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/components/accordion/accordion.js

@@ -1,39 +1,39 @@
-import { jsx as i, jsxs as w } from "react/jsx-runtime";
-import * as r from "react";
-import { Root as b, Content as y, Item as A, Header as S, Trigger as v } from "../../vendor/.bun/@radix-ui_react-accordion@1.2.12_2b23df507bdda662/vendor/@radix-ui/react-accordion/dist/index.js";
-import { SLOT_ATTR as a, mergeClasses as f, shorthands as l } from "@epilot/zenith-runtime/v1";
-import { makeZenithStyles as C } from "../../styles/make-styles.js";
-import { boxModel as m, nativeControl as T } from "../../styles/host-reset.js";
-import { spacingElement2 as R, spacingElement1 as I, spacingElement3 as g, leadingSm as p, textSm as u, grayA11 as k, grayA3 as z, fontWeightMedium as E, radiusMd as N, accentA8 as q } from "../../tokens/index.js";
-const h = C({
+import { jsx as a, jsxs as L, Fragment as O } from "react/jsx-runtime";
+import * as s from "react";
+import { Accordion as h } from "../../_virtual/_zenith-runtime-family_accordion.js";
+import { mergeClasses as v, SLOT_ATTR as m, shorthands as S } from "@epilot/zenith-runtime/v1";
+import { makeZenithStyles as B } from "../../styles/make-styles.js";
+import { boxModel as A, nativeControl as N } from "../../styles/host-reset.js";
+import { spacingElement2 as P, spacingElement1 as F, spacingElement3 as b, leadingSm as k, textSm as E, grayA11 as H, grayA3 as _, fontWeightMedium as j, radiusMd as D, accentA8 as W } from "../../tokens/index.js";
+const R = B({
   header: {
     // Radix renders the header as an `<h3>`, whose UA margin and type would otherwise show.
-    ...l.margin(0),
+    ...S.margin(0),
     fontSize: "inherit",
     fontWeight: "inherit",
     display: "flex"
   },
   trigger: {
-    ...T,
-    outlineColor: q,
-    ...l.paddingInline(g),
-    ...l.paddingBlock("1rem"),
+    ...N,
+    outlineColor: W,
+    ...S.paddingInline(b),
+    ...S.paddingBlock("1rem"),
     cursor: "pointer",
     display: "flex",
     flexGrow: 1,
     flexShrink: 1,
     flexBasis: "0%",
     alignItems: "flex-start",
-    gap: g,
-    borderRadius: N,
+    gap: b,
+    borderRadius: D,
     textAlign: "left",
-    fontSize: u,
-    lineHeight: p,
-    fontWeight: E,
+    fontSize: E,
+    lineHeight: k,
+    fontWeight: j,
     transitionProperty: "all",
     transitionTimingFunction: "cubic-bezier(0.4, 0, 0.2, 1)",
     transitionDuration: "150ms",
-    ":hover": { backgroundColor: z },
+    ":hover": { backgroundColor: _ },
     ":focus-visible": {
       outlineOffset: "2px",
       outlineWidth: "2px",
@@ -43,7 +43,7 @@ const h = C({
       pointerEvents: "none",
       opacity: 0.5
     },
-    "&[data-state='open'] > [data-zenith-slot='accordion-icon']": {
+    "&[data-panel-open] > [data-zenith-slot='accordion-icon']": {
       transform: "rotate(180deg)"
     }
   },
@@ -54,10 +54,10 @@ const h = C({
     justifyContent: "space-between"
   },
   icon: {
-    ...m,
+    ...A,
     width: "1.25rem",
     height: "1.25rem",
-    color: k,
+    color: H,
     pointerEvents: "none",
     flexShrink: 0,
     transform: "translateY(0)",
@@ -66,112 +66,195 @@ const h = C({
     transitionDuration: "150ms"
   },
   panel: {
-    ...m,
+    ...A,
     overflow: "hidden",
-    fontSize: u,
-    lineHeight: p,
-    paddingInline: g,
-    paddingBlockStart: I,
-    paddingBlockEnd: R,
-    "&[data-state='open']": {
-      animationName: {
-        from: { height: "0" },
-        to: { height: "var(--radix-accordion-content-height)" }
-      },
-      animationDuration: "200ms",
-      animationTimingFunction: "cubic-bezier(0, 0, 0.2, 1)"
-    },
-    "&[data-state='closed']": {
-      animationName: {
-        from: { height: "var(--radix-accordion-content-height)" },
-        to: { height: "0" }
-      },
-      animationDuration: "200ms",
-      animationTimingFunction: "cubic-bezier(0, 0, 0.2, 1)"
-    }
+    fontSize: E,
+    lineHeight: k,
+    height: "var(--accordion-panel-height)",
+    transitionProperty: "height",
+    transitionDuration: "200ms",
+    transitionTimingFunction: "cubic-bezier(0, 0, 0.2, 1)",
+    "&[data-starting-style], &[data-ending-style]": { height: 0 },
+    // Transitions pause in a background tab, so a close there never ends and Base UI keeps the
+    // panel mounted at full height. A closed panel is empty whether or not it has unmounted.
+    "&[data-closed]": { height: 0 }
+  },
+  // Padding sits inside the panel so the measured height includes it and a close reaches 0.
+  padding: {
+    ...A,
+    paddingInline: b,
+    paddingBlockStart: F,
+    paddingBlockEnd: P
   },
   inner: {
-    ...m,
+    ...A,
     paddingInline: "0",
     paddingBlock: "0"
   }
-}), H = r.forwardRef(function({ className: n, ...t }, o) {
-  return /* @__PURE__ */ i(
-    b,
+});
+function I(e) {
+  const t = s.Children.toArray(e).filter(s.isValidElement);
+  return t.length === 1 ? t[0] : void 0;
+}
+function y(e, t) {
+  const o = e ? I(t) : void 0;
+  return o ? { render: o } : { children: t };
+}
+const z = s.createContext({
+  orientation: void 0,
+  dir: void 0
+}), G = `[${m}='accordion-trigger']`, T = `[${m}='accordion']`;
+function $(e, { orientation: t = "vertical", dir: o = "ltr" }) {
+  const n = e.currentTarget, r = n.closest(T);
+  if (!r) return;
+  const i = t === "horizontal", c = i ? o === "rtl" ? "ArrowLeft" : "ArrowRight" : "ArrowDown";
+  if (!["Home", "End", c, i ? o === "rtl" ? "ArrowRight" : "ArrowLeft" : "ArrowUp"].includes(e.key)) return;
+  const l = Array.from(
+    r.querySelectorAll(G)
+  ).filter(
+    (p) => p.closest(T) === r && !p.hasAttribute("data-disabled")
+  ), f = l.indexOf(n);
+  if (f === -1) return;
+  e.preventDefault();
+  const g = l.length - 1, u = e.key === "Home" ? 0 : e.key === "End" ? g : e.key === c ? f === g ? 0 : f + 1 : f === 0 ? g : f - 1;
+  l[u].focus();
+}
+const U = s.forwardRef(function({
+  asChild: t = !1,
+  children: o,
+  collapsible: n = !1,
+  defaultValue: r = "",
+  dir: i,
+  onValueChange: c,
+  value: d,
+  ...l
+}, f) {
+  const [g, u] = s.useState(r), p = d !== void 0, w = p ? d : g, M = s.useMemo(() => w === "" ? [] : [w], [w]);
+  return /* @__PURE__ */ a(
+    h.Root,
     {
-      ref: o,
-      "data-slot": "accordion",
-      [a]: "accordion",
-      className: n,
-      ...t
+      ref: f,
+      multiple: !1,
+      value: M,
+      onValueChange: (q) => {
+        const x = q[0] ?? "";
+        x === "" && !n || (p || u(x), c == null || c(x));
+      },
+      ...l,
+      ...y(t, o)
     }
   );
-}), L = r.forwardRef(function({ className: n, ...t }, o) {
-  return /* @__PURE__ */ i(
-    A,
+}), Z = s.forwardRef(function({ asChild: t = !1, children: o, dir: n, onValueChange: r, ...i }, c) {
+  return /* @__PURE__ */ a(
+    h.Root,
     {
-      ref: o,
+      ref: c,
+      multiple: !0,
+      onValueChange: r && ((d) => r(d)),
+      ...i,
+      ...y(t, o)
+    }
+  );
+}), tt = s.forwardRef(
+  function({ className: t, type: o = "single", ...n }, r) {
+    const { orientation: i, dir: c } = n, d = s.useMemo(
+      () => ({ orientation: i, dir: c }),
+      [i, c]
+    ), l = {
+      ref: r,
+      "data-slot": "accordion",
+      [m]: "accordion",
+      className: t
+    };
+    return /* @__PURE__ */ a(z.Provider, { value: d, children: o === "multiple" ? /* @__PURE__ */ a(
+      Z,
+      {
+        ...l,
+        ...n
+      }
+    ) : /* @__PURE__ */ a(
+      U,
+      {
+        ...l,
+        ...n
+      }
+    ) });
+  }
+), ot = s.forwardRef(function({ asChild: t = !1, children: o, className: n, ...r }, i) {
+  return /* @__PURE__ */ a(
+    h.Item,
+    {
+      ref: i,
       "data-slot": "accordion-item",
-      [a]: "accordion-item",
+      [m]: "accordion-item",
       className: n,
-      ...t
+      ...r,
+      ...y(t, o)
     }
   );
-}), x = r.forwardRef(function({ className: n, ...t }, o) {
-  const e = h();
-  return /* @__PURE__ */ i(
+}), C = s.forwardRef(function({ className: t, ...o }, n) {
+  const r = R();
+  return /* @__PURE__ */ a(
     "svg",
     {
-      ref: o,
+      ref: n,
       "data-slot": "accordion-icon",
-      [a]: "accordion-icon",
-      className: f(e.icon, n),
+      [m]: "accordion-icon",
+      className: v(r.icon, t),
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 -960 960 960",
       fill: "currentColor",
-      ...t,
-      children: /* @__PURE__ */ i("path", { d: "M480-361q-8 0-15-2.5t-13-8.5L268-556q-11-11-11-28t11-28q11-11 28-11t28 11l156 156 156-156q11-11 28-11t28 11q11 11 11 28t-11 28L508-372q-6 6-13 8.5t-15 2.5Z" })
+      ...o,
+      children: /* @__PURE__ */ a("path", { d: "M480-361q-8 0-15-2.5t-13-8.5L268-556q-11-11-11-28t11-28q11-11 28-11t28 11l156 156 156-156q11-11 28-11t28 11q11 11 11 28t-11 28L508-372q-6 6-13 8.5t-15 2.5Z" })
     }
   );
-}), O = r.forwardRef(function({ className: n, align: t = "end", children: o, ...e }, s) {
-  const d = h();
-  return /* @__PURE__ */ i(S, { className: d.header, children: /* @__PURE__ */ w(
-    v,
+}), nt = s.forwardRef(function({ align: t = "end", asChild: o = !1, children: n, className: r, onKeyDown: i, ...c }, d) {
+  const l = R(), f = s.useContext(z), g = o ? I(n) : void 0;
+  return /* @__PURE__ */ a(h.Header, { className: l.header, children: /* @__PURE__ */ a(
+    h.Trigger,
     {
-      ref: s,
+      ref: d,
       "data-slot": "accordion-trigger",
-      [a]: "accordion-trigger",
-      className: f(
-        d.trigger,
-        t === "start" ? d.alignStart : d.alignEnd,
-        n
+      [m]: "accordion-trigger",
+      className: v(
+        l.trigger,
+        t === "start" ? l.alignStart : l.alignEnd,
+        r
       ),
-      ...e,
-      children: [
-        t === "start" && /* @__PURE__ */ i(x, {}),
-        o,
-        t === "end" && /* @__PURE__ */ i(x, {})
-      ]
+      onKeyDown: (u) => {
+        i == null || i(u), u.defaultPrevented || $(u, f);
+      },
+      ...c,
+      ...g ? { render: g } : {
+        children: /* @__PURE__ */ L(O, { children: [
+          t === "start" && /* @__PURE__ */ a(C, {}),
+          n,
+          t === "end" && /* @__PURE__ */ a(C, {})
+        ] })
+      }
     }
   ) });
-}), P = r.forwardRef(function({ className: n, children: t, ...o }, e) {
-  const s = h();
-  return /* @__PURE__ */ i(
-    y,
+}), rt = s.forwardRef(function({ asChild: t = !1, children: o, className: n, forceMount: r, ...i }, c) {
+  const d = R();
+  return /* @__PURE__ */ a(
+    h.Panel,
     {
-      ref: e,
+      ref: c,
       "data-slot": "accordion-content",
-      [a]: "accordion-content",
-      className: s.panel,
-      ...o,
-      children: /* @__PURE__ */ i("div", { className: f(s.inner, n), children: t })
+      [m]: "accordion-content",
+      className: d.panel,
+      keepMounted: r,
+      ...i,
+      ...t ? y(!0, o) : {
+        children: /* @__PURE__ */ a("div", { className: d.padding, children: /* @__PURE__ */ a("div", { className: v(d.inner, n), children: o }) })
+      }
     }
   );
 });
 export {
-  H as Accordion,
-  P as AccordionContent,
-  L as AccordionItem,
-  O as AccordionTrigger
+  tt as Accordion,
+  rt as AccordionContent,
+  ot as AccordionItem,
+  nt as AccordionTrigger
 };
 //# sourceMappingURL=accordion.js.map