@epilot/zenith-react 0.2.0-next.1 → 0.2.0-next.4

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

package/dist/components/accordion/accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.js","sources":["../../../src/components/accordion/accordion.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as AccordionPrimitive from \"@radix-ui/react-accordion\"\nimport { mergeClasses, shorthands } from \"@epilot/zenith-runtime/v1\"\n\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeZenithStyles } from \"../../styles/make-styles\"\nimport { boxModel, nativeControl } from \"../../styles/host-reset\"\nimport * as tokens from \"../../tokens\"\n\nconst useStyles = makeZenithStyles({\n  header: {\n    // Radix renders the header as an `<h3>`, whose UA margin and type would otherwise show.\n    ...shorthands.margin(0),\n    fontSize: \"inherit\",\n    fontWeight: \"inherit\",\n    display: \"flex\",\n  },\n  trigger: {\n    ...nativeControl,\n    outlineColor: tokens.accentA8,\n    ...shorthands.paddingInline(tokens.spacingElement3),\n    ...shorthands.paddingBlock(\"1rem\"),\n    cursor: \"pointer\",\n    display: \"flex\",\n    flexGrow: 1,\n    flexShrink: 1,\n    flexBasis: \"0%\",\n    alignItems: \"flex-start\",\n    gap: tokens.spacingElement3,\n    borderRadius: tokens.radiusMd,\n    textAlign: \"left\",\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n    fontWeight: tokens.fontWeightMedium,\n    transitionProperty: \"all\",\n    transitionTimingFunction: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n    transitionDuration: \"150ms\",\n    \":hover\": { backgroundColor: tokens.grayA3 },\n    \":focus-visible\": {\n      outlineOffset: \"2px\",\n      outlineWidth: \"2px\",\n      outlineStyle: \"solid\",\n    },\n    \":disabled, &[data-disabled]\": {\n      pointerEvents: \"none\",\n      opacity: 0.5,\n    },\n    \"&[data-state='open'] > [data-zenith-slot='accordion-icon']\": {\n      transform: \"rotate(180deg)\",\n    },\n  },\n  alignStart: {\n    justifyContent: \"flex-start\",\n  },\n  alignEnd: {\n    justifyContent: \"space-between\",\n  },\n  icon: {\n    ...boxModel,\n    width: \"1.25rem\",\n    height: \"1.25rem\",\n    color: tokens.grayA11,\n    pointerEvents: \"none\",\n    flexShrink: 0,\n    transform: \"translateY(0)\",\n    transitionProperty: \"transform\",\n    transitionTimingFunction: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n    transitionDuration: \"150ms\",\n  },\n  panel: {\n    ...boxModel,\n    overflow: \"hidden\",\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n    paddingInline: tokens.spacingElement3,\n    paddingBlockStart: tokens.spacingElement1,\n    paddingBlockEnd: tokens.spacingElement2,\n    \"&[data-state='open']\": {\n      animationName: {\n        from: { height: \"0\" },\n        to: { height: \"var(--radix-accordion-content-height)\" },\n      },\n      animationDuration: \"200ms\",\n      animationTimingFunction: \"cubic-bezier(0, 0, 0.2, 1)\",\n    },\n    \"&[data-state='closed']\": {\n      animationName: {\n        from: { height: \"var(--radix-accordion-content-height)\" },\n        to: { height: \"0\" },\n      },\n      animationDuration: \"200ms\",\n      animationTimingFunction: \"cubic-bezier(0, 0, 0.2, 1)\",\n    },\n  },\n  inner: {\n    ...boxModel,\n    paddingInline: \"0\",\n    paddingBlock: \"0\",\n  },\n})\n\nexport type AccordionType = \"single\" | \"multiple\"\nexport type AccordionAlign = \"start\" | \"end\"\n\nexport type AccordionProps = React.ComponentProps<\n  typeof AccordionPrimitive.Root\n>\n\nexport type AccordionItemProps = React.ComponentProps<\n  typeof AccordionPrimitive.Item\n>\n\nexport type AccordionTriggerProps = React.ComponentProps<\n  typeof AccordionPrimitive.Trigger\n> & {\n  align?: AccordionAlign\n}\n\nexport type AccordionContentProps = React.ComponentProps<\n  typeof AccordionPrimitive.Content\n>\n\nexport const Accordion = React.forwardRef<\n  React.ComponentRef<typeof AccordionPrimitive.Root>,\n  AccordionProps\n>(function Accordion({ className, ...props }, ref) {\n  return (\n    <AccordionPrimitive.Root\n      ref={ref}\n      data-slot=\"accordion\"\n      {...{ [SLOT_ATTR]: \"accordion\" }}\n      className={className}\n      {...props}\n    />\n  )\n})\n\nexport const AccordionItem = React.forwardRef<\n  React.ComponentRef<typeof AccordionPrimitive.Item>,\n  AccordionItemProps\n>(function AccordionItem({ className, ...props }, ref) {\n  return (\n    <AccordionPrimitive.Item\n      ref={ref}\n      data-slot=\"accordion-item\"\n      {...{ [SLOT_ATTR]: \"accordion-item\" }}\n      className={className}\n      {...props}\n    />\n  )\n})\n\nconst AccordionDownIcon = React.forwardRef<\n  SVGSVGElement,\n  React.SVGProps<SVGSVGElement>\n>(function AccordionDownIcon({ className, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <svg\n      ref={ref}\n      data-slot=\"accordion-icon\"\n      {...{ [SLOT_ATTR]: \"accordion-icon\" }}\n      className={mergeClasses(styles.icon, className)}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 -960 960 960\"\n      fill=\"currentColor\"\n      {...props}\n    >\n      <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\" />\n    </svg>\n  )\n})\n\nexport const AccordionTrigger = React.forwardRef<\n  React.ComponentRef<typeof AccordionPrimitive.Trigger>,\n  AccordionTriggerProps\n>(function AccordionTrigger(\n  { className, align = \"end\", children, ...props },\n  ref\n) {\n  const styles = useStyles()\n\n  return (\n    <AccordionPrimitive.Header className={styles.header}>\n      <AccordionPrimitive.Trigger\n        ref={ref}\n        data-slot=\"accordion-trigger\"\n        {...{ [SLOT_ATTR]: \"accordion-trigger\" }}\n        className={mergeClasses(\n          styles.trigger,\n          align === \"start\" ? styles.alignStart : styles.alignEnd,\n          className\n        )}\n        {...props}\n      >\n        {align === \"start\" && <AccordionDownIcon />}\n        {children}\n        {align === \"end\" && <AccordionDownIcon />}\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  )\n})\n\nexport const AccordionContent = React.forwardRef<\n  React.ComponentRef<typeof AccordionPrimitive.Content>,\n  AccordionContentProps\n>(function AccordionContent({ className, children, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <AccordionPrimitive.Content\n      ref={ref}\n      data-slot=\"accordion-content\"\n      {...{ [SLOT_ATTR]: \"accordion-content\" }}\n      className={styles.panel}\n      {...props}\n    >\n      <div className={mergeClasses(styles.inner, className)}>{children}</div>\n    </AccordionPrimitive.Content>\n  )\n})\n"],"names":["useStyles","makeZenithStyles","shorthands","nativeControl","tokens.accentA8","tokens.spacingElement3","tokens.radiusMd","tokens.textSm","tokens.leadingSm","tokens.fontWeightMedium","tokens.grayA3","boxModel","tokens.grayA11","tokens.spacingElement1","tokens.spacingElement2","Accordion","React","className","props","ref","jsx","AccordionPrimitive.Root","SLOT_ATTR","AccordionItem","AccordionPrimitive.Item","AccordionDownIcon","styles","mergeClasses","AccordionTrigger","align","children","AccordionPrimitive.Header","jsxs","AccordionPrimitive.Trigger","AccordionContent","AccordionPrimitive.Content"],"mappings":"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"}
+{"version":3,"file":"accordion.js","sources":["../../../src/components/accordion/accordion.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Accordion as AccordionPrimitive } from \"@base-ui/react/accordion\"\nimport { mergeClasses, shorthands } from \"@epilot/zenith-runtime/v1\"\n\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeZenithStyles } from \"../../styles/make-styles\"\nimport { boxModel, nativeControl } from \"../../styles/host-reset\"\nimport * as tokens from \"../../tokens\"\n\nconst useStyles = makeZenithStyles({\n  header: {\n    // Radix renders the header as an `<h3>`, whose UA margin and type would otherwise show.\n    ...shorthands.margin(0),\n    fontSize: \"inherit\",\n    fontWeight: \"inherit\",\n    display: \"flex\",\n  },\n  trigger: {\n    ...nativeControl,\n    outlineColor: tokens.accentA8,\n    ...shorthands.paddingInline(tokens.spacingElement3),\n    ...shorthands.paddingBlock(\"1rem\"),\n    cursor: \"pointer\",\n    display: \"flex\",\n    flexGrow: 1,\n    flexShrink: 1,\n    flexBasis: \"0%\",\n    alignItems: \"flex-start\",\n    gap: tokens.spacingElement3,\n    borderRadius: tokens.radiusMd,\n    textAlign: \"left\",\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n    fontWeight: tokens.fontWeightMedium,\n    transitionProperty: \"all\",\n    transitionTimingFunction: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n    transitionDuration: \"150ms\",\n    \":hover\": { backgroundColor: tokens.grayA3 },\n    \":focus-visible\": {\n      outlineOffset: \"2px\",\n      outlineWidth: \"2px\",\n      outlineStyle: \"solid\",\n    },\n    \":disabled, &[data-disabled]\": {\n      pointerEvents: \"none\",\n      opacity: 0.5,\n    },\n    \"&[data-panel-open] > [data-zenith-slot='accordion-icon']\": {\n      transform: \"rotate(180deg)\",\n    },\n  },\n  alignStart: {\n    justifyContent: \"flex-start\",\n  },\n  alignEnd: {\n    justifyContent: \"space-between\",\n  },\n  icon: {\n    ...boxModel,\n    width: \"1.25rem\",\n    height: \"1.25rem\",\n    color: tokens.grayA11,\n    pointerEvents: \"none\",\n    flexShrink: 0,\n    transform: \"translateY(0)\",\n    transitionProperty: \"transform\",\n    transitionTimingFunction: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n    transitionDuration: \"150ms\",\n  },\n  panel: {\n    ...boxModel,\n    overflow: \"hidden\",\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n    height: \"var(--accordion-panel-height)\",\n    transitionProperty: \"height\",\n    transitionDuration: \"200ms\",\n    transitionTimingFunction: \"cubic-bezier(0, 0, 0.2, 1)\",\n    \"&[data-starting-style], &[data-ending-style]\": { height: 0 },\n    // Transitions pause in a background tab, so a close there never ends and Base UI keeps the\n    // panel mounted at full height. A closed panel is empty whether or not it has unmounted.\n    \"&[data-closed]\": { height: 0 },\n  },\n  // Padding sits inside the panel so the measured height includes it and a close reaches 0.\n  padding: {\n    ...boxModel,\n    paddingInline: tokens.spacingElement3,\n    paddingBlockStart: tokens.spacingElement1,\n    paddingBlockEnd: tokens.spacingElement2,\n  },\n  inner: {\n    ...boxModel,\n    paddingInline: \"0\",\n    paddingBlock: \"0\",\n  },\n})\n\nexport type AccordionType = \"single\" | \"multiple\"\nexport type AccordionAlign = \"start\" | \"end\"\n\n// A single child can arrive wrapped in a one-element array depending on the JSX runtime (MDX call\n// sites do this). Radix's Slot normalised that, so the `asChild` shim has to as well.\nfunction onlySlotChild(children: React.ReactNode) {\n  const elements = React.Children.toArray(children).filter(React.isValidElement)\n  return elements.length === 1 ? elements[0] : undefined\n}\n\n/**\n * Radix's `asChild` over Base UI's `render`: the single child element becomes the part and keeps\n * its own children, since Base UI lets the rendered element's props win the merge.\n */\nfunction slotProps(asChild: boolean, children: React.ReactNode) {\n  const child = asChild ? onlySlotChild(children) : undefined\n  return child ? { render: child } : { children }\n}\n\n/**\n * A part's props as they were under Radix: its native element's own (DOM attributes, React's\n * handler types, a `CSSProperties` style, a string `className`, `ref`) plus `asChild`. Base UI's\n * prop types widen `style` and `className` to functions of the part's state and wrap every handler's\n * event in `BaseUIEvent`; none of that reaches the public surface.\n */\ntype NativePartProps<Tag extends \"button\" | \"div\"> =\n  React.ComponentProps<Tag> & {\n    /** Renders the single child element as this part, merging its props and behaviour onto it. */\n    asChild?: boolean\n  }\n\ntype AccordionRootProps = Omit<\n  NativePartProps<\"div\">,\n  \"defaultValue\" | \"dir\"\n> & {\n  /** Whether the whole accordion ignores user interaction. @default false */\n  disabled?: boolean\n  /**\n   * Which arrow keys move between triggers: up and down when vertical, left and right when\n   * horizontal.\n   * @default \"vertical\"\n   */\n  orientation?: React.AriaAttributes[\"aria-orientation\"]\n  /** The reading direction, which mirrors the horizontal arrow keys when `\"rtl\"`. */\n  dir?: \"ltr\" | \"rtl\"\n}\n\ntype AccordionSingleProps = AccordionRootProps & {\n  type: \"single\"\n  /** The controlled item that is expanded; `\"\"` for none. */\n  value?: string\n  /**\n   * The item that is expanded when the accordion first renders. Use `defaultValue` if you do not\n   * need to control the state of an accordion.\n   */\n  defaultValue?: string\n  /** Called with the value of the item that is now expanded, or `\"\"` when it was collapsed. */\n  onValueChange?(value: string): void\n  /**\n   * Whether an item can be collapsed after it has been opened.\n   * @default false\n   */\n  collapsible?: boolean\n}\n\ntype AccordionMultipleProps = AccordionRootProps & {\n  type: \"multiple\"\n  /** The controlled items that are expanded. */\n  value?: string[]\n  /**\n   * The items that are expanded when the accordion first renders. Use `defaultValue` if you do not\n   * need to control the state of an accordion.\n   */\n  defaultValue?: string[]\n  /** Called with the values of the items that are now expanded. */\n  onValueChange?(value: string[]): void\n}\n\nexport type AccordionProps = AccordionSingleProps | AccordionMultipleProps\n\nexport type AccordionItemProps = NativePartProps<\"div\"> & {\n  /** Whether the item ignores user interaction. @default false */\n  disabled?: boolean\n  /** A string value for the item. All items within an accordion should use a unique value. */\n  value: string\n}\n\nexport type AccordionTriggerProps = NativePartProps<\"button\"> & {\n  align?: AccordionAlign\n}\n\nexport type AccordionContentProps = NativePartProps<\"div\"> & {\n  /** Keeps the panel mounted, and hidden, while its item is collapsed. */\n  forceMount?: true\n}\n\n// Base UI 1.7.0 left roving focus out of its accordion (`loopFocus` and `orientation` are deprecated\n// no-ops), so the root hands its key bindings to the triggers, which move focus as Radix's did.\ntype AccordionKeyboard = {\n  orientation: \"horizontal\" | \"vertical\" | undefined\n  dir: \"ltr\" | \"rtl\" | undefined\n}\nconst AccordionKeyboardContext = React.createContext<AccordionKeyboard>({\n  orientation: undefined,\n  dir: undefined,\n})\n\n// The Zenith marker, not `data-slot`: the isolation gate reserves `data-slot` selectors for v1.\nconst TRIGGER_SELECTOR = `[${SLOT_ATTR}='accordion-trigger']`\nconst ROOT_SELECTOR = `[${SLOT_ATTR}='accordion']`\n\nfunction moveFocusAmongTriggers(\n  event: React.KeyboardEvent<HTMLButtonElement>,\n  { orientation = \"vertical\", dir = \"ltr\" }: Partial<AccordionKeyboard>\n) {\n  const trigger = event.currentTarget\n  const root = trigger.closest(ROOT_SELECTOR)\n  if (!root) return\n\n  const horizontal = orientation === \"horizontal\"\n  const forward = horizontal\n    ? dir === \"rtl\"\n      ? \"ArrowLeft\"\n      : \"ArrowRight\"\n    : \"ArrowDown\"\n  const backward = horizontal\n    ? dir === \"rtl\"\n      ? \"ArrowRight\"\n      : \"ArrowLeft\"\n    : \"ArrowUp\"\n  if (![\"Home\", \"End\", forward, backward].includes(event.key)) return\n\n  // This accordion's own enabled triggers: a nested accordion's belong to it.\n  const triggers = Array.from(\n    root.querySelectorAll<HTMLElement>(TRIGGER_SELECTOR)\n  ).filter(\n    (candidate) =>\n      candidate.closest(ROOT_SELECTOR) === root &&\n      !candidate.hasAttribute(\"data-disabled\")\n  )\n  const current = triggers.indexOf(trigger)\n  if (current === -1) return\n\n  event.preventDefault()\n  const last = triggers.length - 1\n  const next =\n    event.key === \"Home\"\n      ? 0\n      : event.key === \"End\"\n        ? last\n        : event.key === forward\n          ? current === last\n            ? 0\n            : current + 1\n          : current === 0\n            ? last\n            : current - 1\n  triggers[next].focus()\n}\n\n// Base UI types a part's props for its default element, with `className` and `style` as functions of\n// state and handlers over `BaseUIEvent`. The public props are the native element's, so they are\n// handed over as Base UI's own.\ntype PrimitiveRootProps = React.ComponentProps<typeof AccordionPrimitive.Root>\ntype PrimitiveItemProps = React.ComponentProps<typeof AccordionPrimitive.Item>\ntype PrimitiveTriggerProps = React.ComponentProps<\n  typeof AccordionPrimitive.Trigger\n>\ntype PrimitivePanelProps = React.ComponentProps<typeof AccordionPrimitive.Panel>\n\n// Base UI's single mode is a one-item array that always lets an open item close; Radix's takes a\n// string and keeps the open item open unless `collapsible`. The wrapper owns the state so it can\n// veto the close, which makes the primitive controlled in this mode.\nconst AccordionSingle = React.forwardRef<\n  HTMLDivElement,\n  Omit<AccordionSingleProps, \"type\">\n>(function AccordionSingle(\n  {\n    asChild = false,\n    children,\n    collapsible = false,\n    defaultValue = \"\",\n    dir: _dir,\n    onValueChange,\n    value: valueProp,\n    ...props\n  },\n  ref\n) {\n  const [uncontrolled, setUncontrolled] = React.useState(defaultValue)\n  const isControlled = valueProp !== undefined\n  const value = isControlled ? valueProp : uncontrolled\n  const items = React.useMemo(() => (value === \"\" ? [] : [value]), [value])\n\n  return (\n    <AccordionPrimitive.Root\n      ref={ref}\n      multiple={false}\n      value={items}\n      onValueChange={(next) => {\n        const nextValue = (next[0] ?? \"\") as string\n        if (nextValue === \"\" && !collapsible) return\n        if (!isControlled) setUncontrolled(nextValue)\n        onValueChange?.(nextValue)\n      }}\n      {...(props as PrimitiveRootProps)}\n      {...slotProps(asChild, children)}\n    />\n  )\n})\n\nconst AccordionMultiple = React.forwardRef<\n  HTMLDivElement,\n  Omit<AccordionMultipleProps, \"type\">\n>(function AccordionMultiple(\n  { asChild = false, children, dir: _dir, onValueChange, ...props },\n  ref\n) {\n  return (\n    <AccordionPrimitive.Root\n      ref={ref}\n      multiple\n      onValueChange={onValueChange && ((next) => onValueChange(next))}\n      {...(props as PrimitiveRootProps)}\n      {...slotProps(asChild, children)}\n    />\n  )\n})\n\nexport const Accordion = React.forwardRef<HTMLDivElement, AccordionProps>(\n  function Accordion({ className, type = \"single\", ...props }, ref) {\n    const { orientation, dir } = props as AccordionRootProps\n    const keyboard = React.useMemo(\n      () => ({ orientation, dir }),\n      [orientation, dir]\n    )\n    const root = {\n      ref,\n      \"data-slot\": \"accordion\",\n      [SLOT_ATTR]: \"accordion\",\n      className,\n    }\n\n    return (\n      <AccordionKeyboardContext.Provider value={keyboard}>\n        {type === \"multiple\" ? (\n          <AccordionMultiple\n            {...root}\n            {...(props as Omit<AccordionMultipleProps, \"type\">)}\n          />\n        ) : (\n          <AccordionSingle\n            {...root}\n            {...(props as Omit<AccordionSingleProps, \"type\">)}\n          />\n        )}\n      </AccordionKeyboardContext.Provider>\n    )\n  }\n)\n\nexport const AccordionItem = React.forwardRef<\n  HTMLDivElement,\n  AccordionItemProps\n>(function AccordionItem(\n  { asChild = false, children, className, ...props },\n  ref\n) {\n  return (\n    <AccordionPrimitive.Item\n      ref={ref}\n      data-slot=\"accordion-item\"\n      {...{ [SLOT_ATTR]: \"accordion-item\" }}\n      className={className}\n      {...(props as PrimitiveItemProps)}\n      {...slotProps(asChild, children)}\n    />\n  )\n})\n\nconst AccordionDownIcon = React.forwardRef<\n  SVGSVGElement,\n  React.SVGProps<SVGSVGElement>\n>(function AccordionDownIcon({ className, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <svg\n      ref={ref}\n      data-slot=\"accordion-icon\"\n      {...{ [SLOT_ATTR]: \"accordion-icon\" }}\n      className={mergeClasses(styles.icon, className)}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 -960 960 960\"\n      fill=\"currentColor\"\n      {...props}\n    >\n      <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\" />\n    </svg>\n  )\n})\n\nexport const AccordionTrigger = React.forwardRef<\n  HTMLButtonElement,\n  AccordionTriggerProps\n>(function AccordionTrigger(\n  { align = \"end\", asChild = false, children, className, onKeyDown, ...props },\n  ref\n) {\n  const styles = useStyles()\n  const keyboard = React.useContext(AccordionKeyboardContext)\n  // Under `asChild` the child is the trigger and keeps its own content, chevron included or not.\n  const child = asChild ? onlySlotChild(children) : undefined\n\n  return (\n    <AccordionPrimitive.Header className={styles.header}>\n      <AccordionPrimitive.Trigger\n        ref={ref}\n        data-slot=\"accordion-trigger\"\n        {...{ [SLOT_ATTR]: \"accordion-trigger\" }}\n        className={mergeClasses(\n          styles.trigger,\n          align === \"start\" ? styles.alignStart : styles.alignEnd,\n          className\n        )}\n        onKeyDown={(event) => {\n          onKeyDown?.(event)\n          if (!event.defaultPrevented) moveFocusAmongTriggers(event, keyboard)\n        }}\n        {...(props as PrimitiveTriggerProps)}\n        {...(child\n          ? { render: child }\n          : {\n              children: (\n                <>\n                  {align === \"start\" && <AccordionDownIcon />}\n                  {children}\n                  {align === \"end\" && <AccordionDownIcon />}\n                </>\n              ),\n            })}\n      />\n    </AccordionPrimitive.Header>\n  )\n})\n\nexport const AccordionContent = React.forwardRef<\n  HTMLDivElement,\n  AccordionContentProps\n>(function AccordionContent(\n  { asChild = false, children, className, forceMount, ...props },\n  ref\n) {\n  const styles = useStyles()\n\n  return (\n    <AccordionPrimitive.Panel\n      ref={ref}\n      data-slot=\"accordion-content\"\n      {...{ [SLOT_ATTR]: \"accordion-content\" }}\n      className={styles.panel}\n      keepMounted={forceMount}\n      {...(props as PrimitivePanelProps)}\n      {...(asChild\n        ? slotProps(true, children)\n        : {\n            children: (\n              <div className={styles.padding}>\n                <div className={mergeClasses(styles.inner, className)}>\n                  {children}\n                </div>\n              </div>\n            ),\n          })}\n    />\n  )\n})\n"],"names":["useStyles","makeZenithStyles","shorthands","nativeControl","tokens.accentA8","tokens.spacingElement3","tokens.radiusMd","tokens.textSm","tokens.leadingSm","tokens.fontWeightMedium","tokens.grayA3","boxModel","tokens.grayA11","tokens.spacingElement1","tokens.spacingElement2","onlySlotChild","children","elements","React","slotProps","asChild","child","AccordionKeyboardContext","TRIGGER_SELECTOR","SLOT_ATTR","ROOT_SELECTOR","moveFocusAmongTriggers","event","orientation","dir","trigger","root","horizontal","forward","triggers","candidate","current","last","next","AccordionSingle","collapsible","defaultValue","_dir","onValueChange","valueProp","props","ref","uncontrolled","setUncontrolled","isControlled","value","items","jsx","AccordionPrimitive","nextValue","AccordionMultiple","Accordion","className","type","keyboard","AccordionItem","AccordionDownIcon","styles","mergeClasses","AccordionTrigger","align","onKeyDown","jsxs","Fragment","AccordionContent","forceMount"],"mappings":"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"}