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

package/dist/components/pill/pill.js

@@ -1,13 +1,13 @@
 import { jsxs as z, jsx as O } from "react/jsx-runtime";
 import * as R from "react";
-import { mergeClasses as k, SLOT_ATTR as L, shorthands as N } from "@epilot/zenith-runtime/v1";
-import { makeZenithStyles as T } from "../../styles/make-styles.js";
+import { mergeClasses as T, SLOT_ATTR as k, shorthands as L } from "@epilot/zenith-runtime/v1";
+import { makeZenithStyles as N } from "../../styles/make-styles.js";
 import { boxModel as c } from "../../styles/host-reset.js";
 import { spacingGroup2 as v, spacingElement1 as u, accentA8 as E, radiusMd as I, spacingElement2 as P, fontWeightBold as A, leadingXs as B, textXs as C } from "../../tokens/index.js";
 import { useZenithPaletteTokensFor as F } from "../../tokens/use-palette-tokens.js";
 import { ClearButton as D } from "../../lib/clear-button.js";
 import { NS as G } from "../../tokens/core.meta.generated.js";
-import { NS as W } from "../../tokens/palette.generated.js";
+import { NS as W } from "../../tokens/palette.meta.generated.js";
 import { isCoreFamily as _ } from "../../packages/tokens/dist/install.js";
 const te = [
   "blue",
@@ -48,7 +48,7 @@ const te = [
     [m]: j(e, "a6"),
     [a]: t(e, "surface-hover")
   })
-}, M = T({
+}, M = N({
   root: {
     ...c,
     display: "inline-flex",
@@ -67,7 +67,7 @@ const te = [
     transitionProperty: "color, box-shadow, background-color",
     // NEVER write a CSS shorthand in a Griffel style object — see Badge. One atom reads one
     // custom property; `border` and a later `borderColor` would both survive.
-    ...N.border("1px", "solid", `var(${m})`),
+    ...L.border("1px", "solid", `var(${m})`),
     // The whole point: one rule each, colour supplied per instance.
     backgroundColor: `var(${p})`,
     color: `var(${d})`,
@@ -125,7 +125,7 @@ const te = [
     {
       ref: w,
       "data-slot": "pill",
-      [L]: "pill",
+      [k]: "pill",
       "data-disabled": r || void 0,
       role: s ? "button" : void 0,
       tabIndex: s ? 0 : void 0,
@@ -133,7 +133,7 @@ const te = [
       onKeyDown: s ? (l) => {
         (l.key === "Enter" || l.key === " ") && (l.preventDefault(), i == null || i(l));
       } : void 0,
-      className: k(
+      className: T(
         n.root,
         s && n.interactive,
         h && n.hasRemove,

package/dist/components/popover/popover.js

@@ -1,164 +1,260 @@
-import { jsx as r } from "react/jsx-runtime";
-import * as e from "react";
-import { Root as P, Anchor as x, Content as b, Portal as h, Trigger as R } from "../../vendor/.bun/@radix-ui_react-popover@1.1.15_2b23df507bdda662/vendor/@radix-ui/react-popover/dist/index.js";
-import { SLOT_ATTR as s, mergeClasses as f, shorthands as m } from "@epilot/zenith-runtime/v1";
-import { useAppearanceAttributes as A } from "../appearance-boundary/appearance-boundary.js";
-import { useDensity as T } from "../density-provider/density-provider.js";
-import { makeZenithStyles as C } from "../../styles/make-styles.js";
-import { boxModel as l, nativeControl as N } from "../../styles/host-reset.js";
-import { OVERLAY_Z_INDEX as D } from "../../styles/overlay-layer.js";
-import { spacingElement2 as i, grayA12 as w, body as X, spacingGroup2 as S, grayA1 as Y, radiusXl as _ } from "../../tokens/index.js";
-const u = C({
+import { jsx as d, jsxs as H, Fragment as Z } from "react/jsx-runtime";
+import * as o from "react";
+import { createPortal as q } from "react-dom";
+import { Popover as p } from "../../_virtual/_zenith-runtime-family_popover.js";
+import { useRender as G } from "../../_virtual/_zenith-runtime-family_use-render.js";
+import { SLOT_ATTR as m, mergeClasses as P, shorthands as g } from "@epilot/zenith-runtime/v1";
+import { useAppearanceAttributes as B } from "../appearance-boundary/appearance-boundary.js";
+import { useDensity as J } from "../density-provider/density-provider.js";
+import { makeZenithStyles as K } from "../../styles/make-styles.js";
+import { boxModel as E, nativeControl as Q } from "../../styles/host-reset.js";
+import { OVERLAY_Z_INDEX as S } from "../../styles/overlay-layer.js";
+import { spacingElement2 as f, grayA12 as U, body as tt, spacingGroup2 as et, grayA1 as ot, radiusXl as rt } from "../../tokens/index.js";
+const nt = "cubic-bezier(0.4, 0, 0.2, 1)", at = "cubic-bezier(0.4, 0, 1, 1)", T = K({
   // For the bare native `<button>` a Trigger/Close renders. Not applied under `asChild`, where the
   // child owns its own element and two atom sets would race for the same properties.
   nativeTrigger: {
-    ...N
+    ...Q
+  },
+  // The positioner is what stacks against other layers, as Radix's popper wrapper did; it also
+  // keeps that wrapper's `max-content` floor so the content wraps the same way.
+  positioner: {
+    zIndex: S,
+    minWidth: "max-content"
+  },
+  hideWhenDetached: {
+    "&[data-anchor-hidden]": {
+      visibility: "hidden",
+      pointerEvents: "none"
+    }
   },
   popup: {
-    ...l,
-    backgroundColor: X,
-    color: w,
-    transformOrigin: "var(--radix-popover-content-transform-origin)",
-    ...m.borderRadius(_),
-    ...m.border("1px", "solid", Y),
+    ...E,
+    backgroundColor: tt,
+    color: U,
+    transformOrigin: "var(--transform-origin)",
+    ...g.borderRadius(rt),
+    ...g.border("1px", "solid", ot),
     // v1 shadow-md
     boxShadow: "0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a",
     outlineStyle: "none",
-    zIndex: D,
-    "@media (prefers-reduced-motion: reduce)": {
-      animationDuration: "0.01ms",
-      animationIterationCount: "1",
-      "&[data-state='open']": {
-        animationDuration: "0.01ms"
-      },
-      "&[data-state='closed']": {
-        animationDuration: "0.01ms"
-      }
+    zIndex: S,
+    transitionProperty: "opacity, transform",
+    transitionDuration: "150ms",
+    transitionTimingFunction: nt,
+    "&[data-starting-style]": {
+      opacity: 0,
+      transform: "scale(0.95)"
     },
-    "&[data-state='open']": {
-      animationName: {
-        from: { opacity: 0, transform: "scale(0.95)" },
-        to: { opacity: 1, transform: "scale(1)" }
-      },
-      animationDuration: "150ms",
-      animationTimingFunction: "cubic-bezier(0.4, 0, 0.2, 1)"
+    "&[data-starting-style][data-side='bottom']": {
+      transform: `translateY(-${f}) scale(0.95)`
     },
-    "&[data-state='open'][data-side='bottom']": {
-      animationName: {
-        from: {
-          opacity: 0,
-          transform: `translateY(-${i}) scale(0.95)`
-        },
-        to: { opacity: 1, transform: "translateY(0) scale(1)" }
-      }
+    "&[data-starting-style][data-side='left']": {
+      transform: `translateX(${f}) scale(0.95)`
     },
-    "&[data-state='open'][data-side='left']": {
-      animationName: {
-        from: {
-          opacity: 0,
-          transform: `translateX(${i}) scale(0.95)`
-        },
-        to: { opacity: 1, transform: "translateX(0) scale(1)" }
-      }
+    "&[data-starting-style][data-side='right']": {
+      transform: `translateX(-${f}) scale(0.95)`
     },
-    "&[data-state='open'][data-side='right']": {
-      animationName: {
-        from: {
-          opacity: 0,
-          transform: `translateX(-${i}) scale(0.95)`
-        },
-        to: { opacity: 1, transform: "translateX(0) scale(1)" }
-      }
+    "&[data-starting-style][data-side='top']": {
+      transform: `translateY(${f}) scale(0.95)`
     },
-    "&[data-state='open'][data-side='top']": {
-      animationName: {
-        from: {
-          opacity: 0,
-          transform: `translateY(${i}) scale(0.95)`
-        },
-        to: { opacity: 1, transform: "translateY(0) scale(1)" }
-      }
+    "&[data-ending-style]": {
+      opacity: 0,
+      transform: "scale(0.95)",
+      transitionDuration: "100ms",
+      transitionTimingFunction: at
     },
-    "&[data-state='closed']": {
-      animationName: {
-        from: { opacity: 1, transform: "scale(1)" },
-        to: { opacity: 0, transform: "scale(0.95)" }
-      },
-      animationDuration: "100ms",
-      animationTimingFunction: "cubic-bezier(0.4, 0, 1, 1)"
+    "@media (prefers-reduced-motion: reduce)": {
+      transitionDuration: "0.01ms",
+      "&[data-ending-style]": {
+        transitionDuration: "0.01ms"
+      }
     }
   },
   popupPadding: {
-    ...l,
-    ...m.padding(S)
+    ...E,
+    ...g.padding(et)
   }
-}), j = e.forwardRef(
-  function(o, t) {
-    return /* @__PURE__ */ r(P, { "data-slot": "popover", ...o });
+});
+function y(s) {
+  const t = o.Children.toArray(s).filter(o.isValidElement);
+  return t.length === 1 ? t[0] : void 0;
+}
+function it(s, t, r) {
+  const e = s ? y(t) : void 0;
+  if (!e)
+    return {
+      children: /* @__PURE__ */ H(Z, { children: [
+        t,
+        r
+      ] })
+    };
+  if (!r) return { render: e };
+  const i = e.props;
+  return {
+    render: o.cloneElement(e, void 0, i.children, r)
+  };
+}
+function I(s) {
+  if (s)
+    return () => {
+      const t = new Event("focus", { cancelable: !0 }), r = document.activeElement;
+      s(t);
+      const e = document.activeElement;
+      return e !== r && e instanceof HTMLElement && queueMicrotask(() => e.focus()), !t.defaultPrevented;
+    };
+}
+const k = o.createContext(!1), h = o.createContext(null), bt = o.forwardRef(
+  function({ onOpenChange: t, ...r }, e) {
+    const [i, l] = o.useState(
+      null
+    ), n = o.useMemo(() => ({ anchor: i, setAnchor: l }), [i]);
+    return /* @__PURE__ */ d(h.Provider, { value: n, children: /* @__PURE__ */ d(k.Provider, { value: r.modal === !0, children: /* @__PURE__ */ d(
+      p.Root,
+      {
+        "data-slot": "popover",
+        onOpenChange: (a, c) => {
+          if (c.reason === "escape-key" && c.event.defaultPrevented) {
+            c.cancel();
+            return;
+          }
+          t == null || t(a, c);
+        },
+        ...r
+      }
+    ) }) });
   }
-), G = e.forwardRef(function({ className: o, ...t }, a) {
-  const p = u();
-  return /* @__PURE__ */ r(
-    R,
+), Ct = o.forwardRef(function({ asChild: t = !1, children: r, className: e, ...i }, l) {
+  const n = T(), a = t ? y(r) : void 0, c = !a || typeof a.type != "string" || a.type === "button";
+  return /* @__PURE__ */ d(
+    p.Trigger,
     {
-      ref: a,
+      ref: l,
       "data-slot": "popover-trigger",
-      [s]: "popover-trigger",
-      className: f(
-        !t.asChild && p.nativeTrigger,
-        o
-      ),
-      ...t
+      [m]: "popover-trigger",
+      nativeButton: c,
+      ...(a == null ? void 0 : a.type) === "input" ? { type: "button" } : {},
+      className: P(!t && n.nativeTrigger, e),
+      ...i,
+      ...a ? { render: a } : { children: r }
     }
   );
-}), M = e.forwardRef(
-  function(o, t) {
-    return /* @__PURE__ */ r(
-      h,
+}), N = o.createContext(!1), At = o.forwardRef(
+  function({ container: t, forceMount: r, ...e }, i) {
+    return /* @__PURE__ */ d(N.Provider, { value: !0, children: /* @__PURE__ */ d(
+      p.Portal,
       {
+        ref: i,
         "data-slot": "popover-portal",
-        [s]: "popover-portal",
-        ...o
+        [m]: "popover-portal",
+        container: t ?? void 0,
+        keepMounted: r,
+        ...e
       }
-    );
+    ) });
   }
-), V = e.forwardRef(function({ className: o, ...t }, a) {
-  return /* @__PURE__ */ r(
-    x,
-    {
-      ref: a,
+), Et = o.forwardRef(function({ asChild: t = !1, children: r, virtualRef: e, ...i }, l) {
+  var c;
+  const n = (c = o.useContext(h)) == null ? void 0 : c.setAnchor, a = t ? y(r) : void 0;
+  return o.useEffect(() => {
+    e && (n == null || n(e.current));
+  }), o.useEffect(() => {
+    if (e) return () => n == null ? void 0 : n(null);
+  }, [n, e]), G({
+    render: a,
+    ref: n ? [l, n] : l,
+    enabled: !e,
+    props: {
       "data-slot": "popover-anchor",
-      [s]: "popover-anchor",
-      className: o,
-      ...t
+      [m]: "popover-anchor",
+      ...i,
+      ...a ? {} : { children: r }
     }
-  );
-}), q = e.forwardRef(function({ className: o, align: t = "center", sideOffset: a = 4, flush: p = !1, ...g }, v) {
-  const c = u(), d = T(), y = A();
-  return /* @__PURE__ */ r(
-    b,
+  });
+}), st = {
+  side: "none",
+  align: "none",
+  fallbackAxisSide: "none"
+}, ct = {
+  side: "flip",
+  align: "flip",
+  fallbackAxisSide: "none"
+}, St = o.forwardRef(function({
+  asChild: t = !1,
+  className: r,
+  children: e,
+  forceMount: i,
+  side: l = "bottom",
+  sideOffset: n = 4,
+  align: a = "center",
+  alignOffset: c = 0,
+  arrowPadding: _ = 0,
+  avoidCollisions: w = !0,
+  collisionBoundary: v = [],
+  collisionPadding: D = 0,
+  sticky: O = "partial",
+  hideWhenDetached: R = !1,
+  updatePositionStrategy: dt,
+  onOpenAutoFocus: L,
+  onCloseAutoFocus: M,
+  flush: F = !1,
+  ...X
+}, $) {
+  var A;
+  const u = T(), z = o.useContext(N), V = (A = o.useContext(h)) == null ? void 0 : A.anchor, W = o.useContext(k), [x] = o.useState(
+    () => typeof document > "u" ? null : document.createElement("div")
+  ), b = J(), Y = B(), C = /* @__PURE__ */ d(
+    p.Positioner,
     {
-      ref: v,
-      "data-slot": "popover-content",
-      [s]: "popover-content",
-      ...d !== void 0 ? { "data-density": d } : {},
-      ...y,
-      align: t,
-      sideOffset: a,
-      className: f(
-        c.popup,
-        !p && c.popupPadding,
-        o
+      className: P(
+        u.positioner,
+        R && u.hideWhenDetached
       ),
-      ...g
+      anchor: V ?? void 0,
+      side: l,
+      sideOffset: n,
+      align: a,
+      alignOffset: c,
+      arrowPadding: _,
+      collisionBoundary: (Array.isArray(v) ? v : [v]).filter((j) => j !== null),
+      collisionPadding: D,
+      collisionAvoidance: w ? ct : st,
+      sticky: O === "always",
+      children: /* @__PURE__ */ d(
+        p.Popup,
+        {
+          ref: $,
+          "data-slot": "popover-content",
+          [m]: "popover-content",
+          ...b !== void 0 ? { "data-density": b } : {},
+          ...Y,
+          initialFocus: I(L),
+          finalFocus: I(M),
+          className: P(
+            u.popup,
+            !F && u.popupPadding,
+            r
+          ),
+          ...X,
+          ...it(
+            t,
+            e,
+            // Base UI traps Tab in a modal popup and hides the rest of the page from assistive
+            // tech only while a Close part is inside it; Radix did both for any modal popover. This
+            // one is never seen, focused or announced.
+            W && x && q(/* @__PURE__ */ d(p.Close, { hidden: !0 }), x)
+          )
+        }
+      )
     }
   );
+  return z ? C : /* @__PURE__ */ d(p.Portal, { keepMounted: i, children: C });
 });
 export {
-  j as Popover,
-  V as PopoverAnchor,
-  q as PopoverContent,
-  M as PopoverPortal,
-  G as PopoverTrigger
+  bt as Popover,
+  Et as PopoverAnchor,
+  St as PopoverContent,
+  At as PopoverPortal,
+  Ct as PopoverTrigger
 };
 //# sourceMappingURL=popover.js.map

package/dist/components/popover/popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover.js","sources":["../../../src/components/popover/popover.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\"\nimport { mergeClasses, shorthands } from \"@epilot/zenith-runtime/v1\"\n\nimport { useAppearanceAttributes } from \"../appearance-boundary/appearance-boundary\"\nimport { useDensity } from \"../density-provider/density-provider\"\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeZenithStyles } from \"../../styles/make-styles\"\nimport { boxModel, nativeControl } from \"../../styles/host-reset\"\nimport { OVERLAY_Z_INDEX } from \"../../styles/overlay-layer\"\nimport * as tokens from \"../../tokens\"\n\nconst useStyles = makeZenithStyles({\n  // For the bare native `<button>` a Trigger/Close renders. Not applied under `asChild`, where the\n  // child owns its own element and two atom sets would race for the same properties.\n  nativeTrigger: {\n    ...nativeControl,\n  },\n  popup: {\n    ...boxModel,\n    backgroundColor: tokens.body,\n    color: tokens.grayA12,\n    transformOrigin: \"var(--radix-popover-content-transform-origin)\",\n    ...shorthands.borderRadius(tokens.radiusXl),\n    ...shorthands.border(\"1px\", \"solid\", tokens.grayA1),\n    // v1 shadow-md\n    boxShadow: \"0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a\",\n    outlineStyle: \"none\",\n    zIndex: OVERLAY_Z_INDEX,\n    \"@media (prefers-reduced-motion: reduce)\": {\n      animationDuration: \"0.01ms\",\n      animationIterationCount: \"1\",\n      \"&[data-state='open']\": {\n        animationDuration: \"0.01ms\",\n      },\n      \"&[data-state='closed']\": {\n        animationDuration: \"0.01ms\",\n      },\n    },\n    \"&[data-state='open']\": {\n      animationName: {\n        from: { opacity: 0, transform: \"scale(0.95)\" },\n        to: { opacity: 1, transform: \"scale(1)\" },\n      },\n      animationDuration: \"150ms\",\n      animationTimingFunction: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n    },\n    \"&[data-state='open'][data-side='bottom']\": {\n      animationName: {\n        from: {\n          opacity: 0,\n          transform: `translateY(-${tokens.spacingElement2}) scale(0.95)`,\n        },\n        to: { opacity: 1, transform: \"translateY(0) scale(1)\" },\n      },\n    },\n    \"&[data-state='open'][data-side='left']\": {\n      animationName: {\n        from: {\n          opacity: 0,\n          transform: `translateX(${tokens.spacingElement2}) scale(0.95)`,\n        },\n        to: { opacity: 1, transform: \"translateX(0) scale(1)\" },\n      },\n    },\n    \"&[data-state='open'][data-side='right']\": {\n      animationName: {\n        from: {\n          opacity: 0,\n          transform: `translateX(-${tokens.spacingElement2}) scale(0.95)`,\n        },\n        to: { opacity: 1, transform: \"translateX(0) scale(1)\" },\n      },\n    },\n    \"&[data-state='open'][data-side='top']\": {\n      animationName: {\n        from: {\n          opacity: 0,\n          transform: `translateY(${tokens.spacingElement2}) scale(0.95)`,\n        },\n        to: { opacity: 1, transform: \"translateY(0) scale(1)\" },\n      },\n    },\n    \"&[data-state='closed']\": {\n      animationName: {\n        from: { opacity: 1, transform: \"scale(1)\" },\n        to: { opacity: 0, transform: \"scale(0.95)\" },\n      },\n      animationDuration: \"100ms\",\n      animationTimingFunction: \"cubic-bezier(0.4, 0, 1, 1)\",\n    },\n  },\n  popupPadding: {\n    ...boxModel,\n    ...shorthands.padding(tokens.spacingGroup2),\n  },\n})\n\nexport type PopoverProps = React.ComponentProps<typeof PopoverPrimitive.Root>\n\nexport const Popover = React.forwardRef<HTMLElement, PopoverProps>(\n  function Popover(props, _ref) {\n    return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />\n  }\n)\n\nexport type PopoverTriggerProps = React.ComponentProps<\n  typeof PopoverPrimitive.Trigger\n>\n\nexport const PopoverTrigger = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Trigger>,\n  PopoverTriggerProps\n>(function PopoverTrigger({ className, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <PopoverPrimitive.Trigger\n      ref={ref}\n      data-slot=\"popover-trigger\"\n      {...{ [SLOT_ATTR]: \"popover-trigger\" }}\n      className={mergeClasses(\n        !props.asChild && styles.nativeTrigger,\n        className\n      )}\n      {...props}\n    />\n  )\n})\n\nexport type PopoverPortalProps = React.ComponentProps<\n  typeof PopoverPrimitive.Portal\n>\n\nexport const PopoverPortal = React.forwardRef<HTMLElement, PopoverPortalProps>(\n  function PopoverPortal(props, _ref) {\n    return (\n      <PopoverPrimitive.Portal\n        data-slot=\"popover-portal\"\n        {...{ [SLOT_ATTR]: \"popover-portal\" }}\n        {...props}\n      />\n    )\n  }\n)\n\nexport type PopoverAnchorProps = React.ComponentProps<\n  typeof PopoverPrimitive.Anchor\n>\n\nexport const PopoverAnchor = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Anchor>,\n  PopoverAnchorProps\n>(function PopoverAnchor({ className, ...props }, ref) {\n  return (\n    <PopoverPrimitive.Anchor\n      ref={ref}\n      data-slot=\"popover-anchor\"\n      {...{ [SLOT_ATTR]: \"popover-anchor\" }}\n      className={className}\n      {...props}\n    />\n  )\n})\n\nexport type PopoverContentProps = React.ComponentProps<\n  typeof PopoverPrimitive.Content\n> & {\n  flush?: boolean\n}\n\nexport const PopoverContent = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Content>,\n  PopoverContentProps\n>(function PopoverContent(\n  { className, align = \"center\", sideOffset = 4, flush = false, ...props },\n  ref\n) {\n  const styles = useStyles()\n  // DENSITY-SPEC.md §4.4 — portal content boundary; see dialog.tsx's identical comment.\n  const override = useDensity()\n  // SPEC.md §2 rule 3 — the same portal asymmetry, for the appearance pair: re-stamp the\n  // nearest explicit AppearanceBoundary's mode+surface, or neither attribute when there is\n  // none, leaving live shell inheritance in place.\n  const appearance = useAppearanceAttributes()\n\n  return (\n    <PopoverPrimitive.Content\n      ref={ref}\n      data-slot=\"popover-content\"\n      {...{ [SLOT_ATTR]: \"popover-content\" }}\n      {...(override !== undefined ? { \"data-density\": override } : {})}\n      {...appearance}\n      align={align}\n      sideOffset={sideOffset}\n      className={mergeClasses(\n        styles.popup,\n        !flush && styles.popupPadding,\n        className\n      )}\n      {...props}\n    />\n  )\n})\n"],"names":["useStyles","makeZenithStyles","nativeControl","boxModel","tokens.body","tokens.grayA12","shorthands","tokens.radiusXl","tokens.grayA1","OVERLAY_Z_INDEX","tokens.spacingElement2","tokens.spacingGroup2","Popover","React","props","_ref","PopoverPrimitive.Root","PopoverTrigger","className","ref","styles","jsx","PopoverPrimitive.Trigger","SLOT_ATTR","mergeClasses","PopoverPortal","PopoverPrimitive.Portal","PopoverAnchor","PopoverPrimitive.Anchor","PopoverContent","align","sideOffset","flush","override","useDensity","appearance","useAppearanceAttributes","PopoverPrimitive.Content"],"mappings":"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"}
+{"version":3,"file":"popover.js","sources":["../../../src/components/popover/popover.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { createPortal } from \"react-dom\"\n\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\"\nimport { useRender } from \"@base-ui/react/use-render\"\nimport { mergeClasses, shorthands } from \"@epilot/zenith-runtime/v1\"\n\nimport { useAppearanceAttributes } from \"../appearance-boundary/appearance-boundary\"\nimport { useDensity } from \"../density-provider/density-provider\"\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeZenithStyles } from \"../../styles/make-styles\"\nimport { boxModel, nativeControl } from \"../../styles/host-reset\"\nimport { OVERLAY_Z_INDEX } from \"../../styles/overlay-layer\"\nimport * as tokens from \"../../tokens\"\n\nconst easeOut = \"cubic-bezier(0.4, 0, 0.2, 1)\"\nconst easeIn = \"cubic-bezier(0.4, 0, 1, 1)\"\n\nconst useStyles = makeZenithStyles({\n  // For the bare native `<button>` a Trigger/Close renders. Not applied under `asChild`, where the\n  // child owns its own element and two atom sets would race for the same properties.\n  nativeTrigger: {\n    ...nativeControl,\n  },\n  // The positioner is what stacks against other layers, as Radix's popper wrapper did; it also\n  // keeps that wrapper's `max-content` floor so the content wraps the same way.\n  positioner: {\n    zIndex: OVERLAY_Z_INDEX,\n    minWidth: \"max-content\",\n  },\n  hideWhenDetached: {\n    \"&[data-anchor-hidden]\": {\n      visibility: \"hidden\",\n      pointerEvents: \"none\",\n    },\n  },\n  popup: {\n    ...boxModel,\n    backgroundColor: tokens.body,\n    color: tokens.grayA12,\n    transformOrigin: \"var(--transform-origin)\",\n    ...shorthands.borderRadius(tokens.radiusXl),\n    ...shorthands.border(\"1px\", \"solid\", tokens.grayA1),\n    // v1 shadow-md\n    boxShadow: \"0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a\",\n    outlineStyle: \"none\",\n    zIndex: OVERLAY_Z_INDEX,\n    transitionProperty: \"opacity, transform\",\n    transitionDuration: \"150ms\",\n    transitionTimingFunction: easeOut,\n    \"&[data-starting-style]\": {\n      opacity: 0,\n      transform: \"scale(0.95)\",\n    },\n    \"&[data-starting-style][data-side='bottom']\": {\n      transform: `translateY(-${tokens.spacingElement2}) scale(0.95)`,\n    },\n    \"&[data-starting-style][data-side='left']\": {\n      transform: `translateX(${tokens.spacingElement2}) scale(0.95)`,\n    },\n    \"&[data-starting-style][data-side='right']\": {\n      transform: `translateX(-${tokens.spacingElement2}) scale(0.95)`,\n    },\n    \"&[data-starting-style][data-side='top']\": {\n      transform: `translateY(${tokens.spacingElement2}) scale(0.95)`,\n    },\n    \"&[data-ending-style]\": {\n      opacity: 0,\n      transform: \"scale(0.95)\",\n      transitionDuration: \"100ms\",\n      transitionTimingFunction: easeIn,\n    },\n    \"@media (prefers-reduced-motion: reduce)\": {\n      transitionDuration: \"0.01ms\",\n      \"&[data-ending-style]\": {\n        transitionDuration: \"0.01ms\",\n      },\n    },\n  },\n  popupPadding: {\n    ...boxModel,\n    ...shorthands.padding(tokens.spacingGroup2),\n  },\n})\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. `extra` joins\n * the part's children, after the caller's.\n */\nfunction contentSlotProps(\n  asChild: boolean,\n  children: React.ReactNode,\n  extra: React.ReactNode\n) {\n  const child = asChild ? onlySlotChild(children) : undefined\n  if (!child)\n    return {\n      children: (\n        <>\n          {children}\n          {extra}\n        </>\n      ),\n    }\n  if (!extra) return { render: child }\n  const childProps = child.props as { children?: React.ReactNode }\n  return {\n    render: React.cloneElement(child, undefined, childProps.children, extra),\n  }\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, wrap every handler's\n * event in `BaseUIEvent` and add props of their own; 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\n/**\n * Radix-shaped focus interception over Base UI's `initialFocus`/`finalFocus`. `preventDefault()`\n * leaves focus where it is; otherwise the default move happens, because Base UI reads a callback\n * that returns `undefined` as \"move nothing\".\n */\nfunction radixFocusCallback(handler: ((event: Event) => void) | undefined) {\n  if (!handler) return undefined\n\n  return () => {\n    const event = new Event(\"focus\", { cancelable: true })\n    const before = document.activeElement\n    handler(event)\n    const moved = document.activeElement\n    // Base UI calls `finalFocus` inside React's commit, and React then restores the focus it saw\n    // before the commit. Radix ran this handler after the commit, so a handler that moves focus\n    // itself has its move applied again once the commit is done.\n    if (moved !== before && moved instanceof HTMLElement) {\n      queueMicrotask(() => moved.focus())\n    }\n    return !event.defaultPrevented\n  }\n}\n\n/**\n * What `onOpenChange` receives as its second argument: Base UI's change details, declared in\n * Zenith. Base UI's own type drags its popover store into the published declarations, and\n * TypeScript 4 cannot parse that store. `event` narrows with `reason`, as it does in Base UI.\n */\ntype PopoverOpenChangeDetails = (\n  | {\n      reason: \"trigger-press\"\n      event: MouseEvent | PointerEvent | TouchEvent | KeyboardEvent\n    }\n  | { reason: \"trigger-hover\"; event: MouseEvent }\n  | { reason: \"trigger-focus\"; event: FocusEvent }\n  | { reason: \"outside-press\"; event: MouseEvent | PointerEvent | TouchEvent }\n  | { reason: \"escape-key\"; event: KeyboardEvent }\n  | { reason: \"close-press\"; event: MouseEvent | KeyboardEvent | PointerEvent }\n  | { reason: \"focus-out\"; event: FocusEvent | KeyboardEvent }\n  | { reason: \"imperative-action\"; event: Event }\n  | { reason: \"none\"; event: Event }\n) & {\n  /** Keeps the popover in its current state. */\n  cancel: () => void\n  /** Lets the event propagate where the popover would otherwise stop it. */\n  allowPropagation: () => void\n  isCanceled: boolean\n  isPropagationAllowed: boolean\n  /** The element that caused the change, if any. */\n  trigger: Element | undefined\n  /** Keeps the popover's elements mounted after it closes. */\n  preventUnmountOnClose: () => void\n}\n\n// Whether the root is modal, for PopoverContent's close part.\nconst PopoverModalContext = React.createContext(false)\n\n/** Anything with a client rect, which is all positioning reads from an anchor. */\ntype Measurable = { getBoundingClientRect(): DOMRect }\n\n// Radix modelled a custom anchor as a part; Base UI takes the element as the Positioner's\n// `anchor`. PopoverAnchor registers its element here and PopoverContent reads it back.\nconst PopoverAnchorContext = React.createContext<{\n  anchor: Element | Measurable | null\n  setAnchor: (anchor: Element | Measurable | null) => void\n} | null>(null)\n\nexport type PopoverProps = {\n  children?: React.ReactNode\n  open?: boolean\n  defaultOpen?: boolean\n  /**\n   * While open, keeps Tab inside the popover, hides the rest of the page from assistive tech,\n   * locks page scroll and blocks pointer interaction outside it.\n   */\n  modal?: boolean\n  /**\n   * Called when the popover opens or closes. `eventDetails.reason` says why (`trigger-press`,\n   * `escape-key`, `outside-press`, `focus-out`) and `eventDetails.cancel()` keeps the popover in\n   * its current state.\n   */\n  onOpenChange?: (open: boolean, eventDetails: PopoverOpenChangeDetails) => void\n}\n\nexport const Popover = React.forwardRef<HTMLElement, PopoverProps>(\n  function Popover({ onOpenChange, ...props }, _ref) {\n    const [anchor, setAnchor] = React.useState<Element | Measurable | null>(\n      null\n    )\n    const anchorContext = React.useMemo(() => ({ anchor, setAnchor }), [anchor])\n\n    return (\n      <PopoverAnchorContext.Provider value={anchorContext}>\n        <PopoverModalContext.Provider value={props.modal === true}>\n          <PopoverPrimitive.Root\n            data-slot=\"popover\"\n            onOpenChange={(open, eventDetails) => {\n              // A layer inside (a Volt select or menu, which run on Radix, or a control\n              // handling the key itself) prevents the Escape it consumes, but Base UI\n              // dismisses regardless, so one Escape would close both. Honour the handled\n              // event. Consumers still mix Zenith with Volt on one page, so this stays\n              // after the Radix teardown (D12).\n              if (\n                eventDetails.reason === \"escape-key\" &&\n                eventDetails.event.defaultPrevented\n              ) {\n                eventDetails.cancel()\n                return\n              }\n              onOpenChange?.(open, eventDetails)\n            }}\n            {...props}\n          />\n        </PopoverModalContext.Provider>\n      </PopoverAnchorContext.Provider>\n    )\n  }\n)\n\nexport type PopoverTriggerProps = NativePartProps<\"button\">\n\nexport const PopoverTrigger = React.forwardRef<\n  HTMLButtonElement,\n  PopoverTriggerProps\n>(function PopoverTrigger(\n  { asChild = false, children, className, ...props },\n  ref\n) {\n  const styles = useStyles()\n  const child = asChild ? onlySlotChild(children) : undefined\n  // Base UI drives a native <button> unless told otherwise; a child that is another intrinsic\n  // element gets the ARIA button behaviour instead. A component child counts as a button: Base UI\n  // checks the rendered tag on first mount, before a component's element can be known.\n  const nativeButton =\n    !child || typeof child.type !== \"string\" || child.type === \"button\"\n\n  return (\n    <PopoverPrimitive.Trigger\n      ref={ref}\n      data-slot=\"popover-trigger\"\n      {...{ [SLOT_ATTR]: \"popover-trigger\" }}\n      nativeButton={nativeButton}\n      // Radix stamped type=\"button\" on any child, so an input child stays a button input; Base UI\n      // only stamps it on a native button. The child's own type still wins.\n      {...(child?.type === \"input\" ? { type: \"button\" } : {})}\n      className={mergeClasses(!asChild && styles.nativeTrigger, className)}\n      {...props}\n      {...(child ? { render: child } : { children })}\n    />\n  )\n})\n\n// Lets PopoverContent supply Base UI's required Portal itself when no PopoverPortal wraps it.\nconst PopoverPortalPresenceContext = React.createContext(false)\n\nexport type PopoverPortalProps = {\n  children?: React.ReactNode\n  /** The element the content portals into; `document.body` when omitted or null. */\n  container?: Element | DocumentFragment | null\n  /** Keeps the content mounted while the popover is closed. */\n  forceMount?: true\n}\n\nexport const PopoverPortal = React.forwardRef<HTMLElement, PopoverPortalProps>(\n  function PopoverPortal({ container, forceMount, ...props }, ref) {\n    return (\n      <PopoverPortalPresenceContext.Provider value={true}>\n        <PopoverPrimitive.Portal\n          // Base UI types the ref as its portal div, which any HTMLElement ref can hold.\n          ref={ref as React.Ref<HTMLDivElement>}\n          data-slot=\"popover-portal\"\n          {...{ [SLOT_ATTR]: \"popover-portal\" }}\n          // Radix took any Element or DocumentFragment, null meaning the body. Base UI hands a\n          // node straight to createPortal, which takes either, but reads null as \"wait for one\".\n          container={(container ?? undefined) as HTMLElement | undefined}\n          keepMounted={forceMount}\n          {...props}\n        />\n      </PopoverPortalPresenceContext.Provider>\n    )\n  }\n)\n\nexport type PopoverAnchorProps = NativePartProps<\"div\"> & {\n  /** Anchors the popover to something other than an element, such as a text selection; renders nothing. */\n  virtualRef?: React.RefObject<{ getBoundingClientRect(): DOMRect }>\n}\n\nexport const PopoverAnchor = React.forwardRef<\n  HTMLDivElement,\n  PopoverAnchorProps\n>(function PopoverAnchor(\n  { asChild = false, children, virtualRef, ...props },\n  ref\n) {\n  const setAnchor = React.useContext(PopoverAnchorContext)?.setAnchor\n  const child = asChild ? onlySlotChild(children) : undefined\n\n  // Read after every commit, as Radix did: the ref's target can change without a render.\n  React.useEffect(() => {\n    if (virtualRef) setAnchor?.(virtualRef.current)\n  })\n  React.useEffect(() => {\n    if (virtualRef) return () => setAnchor?.(null)\n  }, [setAnchor, virtualRef])\n\n  return useRender({\n    render: child,\n    ref: setAnchor ? [ref, setAnchor] : ref,\n    enabled: !virtualRef,\n    props: {\n      \"data-slot\": \"popover-anchor\",\n      [SLOT_ATTR]: \"popover-anchor\",\n      ...props,\n      ...(child ? {} : { children }),\n    },\n  })\n})\n\ntype Side = \"top\" | \"right\" | \"bottom\" | \"left\"\ntype Boundary = Element | null\n\n// Radix let only `avoidCollisions={false}` switch both flip and shift off.\nconst NO_COLLISION_AVOIDANCE = {\n  side: \"none\",\n  align: \"none\",\n  fallbackAxisSide: \"none\",\n} as const\n// Radix flipped to the opposite side and swapped start/end, never to the perpendicular axis.\nconst RADIX_COLLISION_AVOIDANCE = {\n  side: \"flip\",\n  align: \"flip\",\n  fallbackAxisSide: \"none\",\n} as const\n\nexport type PopoverContentProps = NativePartProps<\"div\"> & {\n  /**\n   * Keeps the content mounted while the popover is closed. Inside PopoverPortal, the portal's\n   * `forceMount` decides.\n   */\n  forceMount?: true\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\"\n  sideOffset?: number\n  align?: \"start\" | \"center\" | \"end\"\n  alignOffset?: number\n  arrowPadding?: number\n  /** Flips and shifts the content to keep it in view. */\n  avoidCollisions?: boolean\n  /** The elements the content stays within; the viewport when omitted. */\n  collisionBoundary?: Boundary | Boundary[]\n  collisionPadding?: number | Partial<Record<Side, number>>\n  /**\n   * `\"partial\"` keeps the content attached to the trigger while any of it is in view; `\"always\"`\n   * keeps the content in view even when that detaches it.\n   */\n  sticky?: \"partial\" | \"always\"\n  /** Hides the content while the trigger is fully out of view. */\n  hideWhenDetached?: boolean\n  /**\n   * Kept for compatibility. The position follows the trigger's resizes, layout shifts and scrolls\n   * either way; `\"always\"` no longer re-measures on every animation frame.\n   */\n  updatePositionStrategy?: \"optimized\" | \"always\"\n  /** Called before focus moves into the popover; `preventDefault()` leaves focus where it is. */\n  onOpenAutoFocus?: (event: Event) => void\n  /** Called before focus returns on close; `preventDefault()` skips the return. */\n  onCloseAutoFocus?: (event: Event) => void\n  flush?: boolean\n}\n\nexport const PopoverContent = React.forwardRef<\n  HTMLDivElement,\n  PopoverContentProps\n>(function PopoverContent(\n  {\n    asChild = false,\n    className,\n    children,\n    forceMount,\n    side = \"bottom\",\n    sideOffset = 4,\n    align = \"center\",\n    alignOffset = 0,\n    arrowPadding = 0,\n    avoidCollisions = true,\n    collisionBoundary = [],\n    collisionPadding = 0,\n    sticky = \"partial\",\n    hideWhenDetached = false,\n    updatePositionStrategy: _updatePositionStrategy,\n    onOpenAutoFocus,\n    onCloseAutoFocus,\n    flush = false,\n    ...props\n  },\n  ref\n) {\n  const styles = useStyles()\n  const hasPortal = React.useContext(PopoverPortalPresenceContext)\n  const anchor = React.useContext(PopoverAnchorContext)?.anchor\n  const modal = React.useContext(PopoverModalContext)\n  // Base UI counts a Close part through React context, not DOM containment, so the part renders\n  // into a node that is never attached: it takes no place among the caller's children.\n  const [closePartHost] = React.useState(() =>\n    typeof document === \"undefined\" ? null : document.createElement(\"div\")\n  )\n  // DENSITY-SPEC.md §4.4 — portal content boundary; see dialog.tsx's identical comment.\n  const override = useDensity()\n  // SPEC.md §2 rule 3 — the same portal asymmetry, for the appearance pair: re-stamp the\n  // nearest explicit AppearanceBoundary's mode+surface, or neither attribute when there is\n  // none, leaving live shell inheritance in place.\n  const appearance = useAppearanceAttributes()\n\n  const positioner = (\n    <PopoverPrimitive.Positioner\n      className={mergeClasses(\n        styles.positioner,\n        hideWhenDetached && styles.hideWhenDetached\n      )}\n      anchor={anchor ?? undefined}\n      side={side}\n      sideOffset={sideOffset}\n      align={align}\n      alignOffset={alignOffset}\n      arrowPadding={arrowPadding}\n      // Radix's default boundary is the viewport alone, not every clipping ancestor.\n      collisionBoundary={(Array.isArray(collisionBoundary)\n        ? collisionBoundary\n        : [collisionBoundary]\n      ).filter((element): element is Element => element !== null)}\n      collisionPadding={collisionPadding}\n      collisionAvoidance={\n        avoidCollisions ? RADIX_COLLISION_AVOIDANCE : NO_COLLISION_AVOIDANCE\n      }\n      sticky={sticky === \"always\"}\n    >\n      <PopoverPrimitive.Popup\n        ref={ref}\n        data-slot=\"popover-content\"\n        {...{ [SLOT_ATTR]: \"popover-content\" }}\n        {...(override !== undefined ? { \"data-density\": override } : {})}\n        {...appearance}\n        initialFocus={radixFocusCallback(onOpenAutoFocus)}\n        finalFocus={radixFocusCallback(onCloseAutoFocus)}\n        className={mergeClasses(\n          styles.popup,\n          !flush && styles.popupPadding,\n          className\n        )}\n        {...props}\n        {...contentSlotProps(\n          asChild,\n          children,\n          // Base UI traps Tab in a modal popup and hides the rest of the page from assistive\n          // tech only while a Close part is inside it; Radix did both for any modal popover. This\n          // one is never seen, focused or announced.\n          modal &&\n            closePartHost &&\n            createPortal(<PopoverPrimitive.Close hidden />, closePartHost)\n        )}\n      />\n    </PopoverPrimitive.Positioner>\n  )\n\n  // Base UI's Positioner requires a Portal ancestor; Radix rendered inline without one.\n  return hasPortal ? (\n    positioner\n  ) : (\n    <PopoverPrimitive.Portal keepMounted={forceMount}>\n      {positioner}\n    </PopoverPrimitive.Portal>\n  )\n})\n"],"names":["easeOut","easeIn","useStyles","makeZenithStyles","nativeControl","OVERLAY_Z_INDEX","boxModel","tokens.body","tokens.grayA12","shorthands","tokens.radiusXl","tokens.grayA1","tokens.spacingElement2","tokens.spacingGroup2","onlySlotChild","children","elements","React","contentSlotProps","asChild","extra","child","jsxs","Fragment","childProps","radixFocusCallback","handler","event","before","moved","PopoverModalContext","PopoverAnchorContext","Popover","onOpenChange","props","_ref","anchor","setAnchor","anchorContext","jsx","PopoverPrimitive","open","eventDetails","PopoverTrigger","className","ref","styles","nativeButton","SLOT_ATTR","mergeClasses","PopoverPortalPresenceContext","PopoverPortal","container","forceMount","PopoverAnchor","virtualRef","_a","useRender","NO_COLLISION_AVOIDANCE","RADIX_COLLISION_AVOIDANCE","PopoverContent","side","sideOffset","align","alignOffset","arrowPadding","avoidCollisions","collisionBoundary","collisionPadding","sticky","hideWhenDetached","_updatePositionStrategy","onOpenAutoFocus","onCloseAutoFocus","flush","hasPortal","modal","closePartHost","override","useDensity","appearance","useAppearanceAttributes","positioner","element","createPortal"],"mappings":"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"}

package/dist/components/radio/radio-group-base.js

@@ -0,0 +1,54 @@
+import { jsx as k } from "react/jsx-runtime";
+import * as H from "react";
+import { RadioGroup as g } from "../../_virtual/_zenith-runtime-family_radio-group.js";
+import { DirectionProvider as n } from "../../_virtual/_zenith-runtime-family_direction-provider.js";
+const w = "ArrowDown", h = "ArrowUp";
+function B(r, { orientation: i, loop: l, rtl: a }) {
+  var A, m, y, R;
+  if (r.altKey || r.ctrlKey || r.metaKey || r.shiftKey) return;
+  const t = r.key === "Home" || r.key === "End", s = a ? "ArrowLeft" : "ArrowRight", u = a ? "ArrowRight" : "ArrowLeft", f = r.key === w || r.key === s, c = r.key === h || r.key === u;
+  if (!t && !f && !c) return;
+  if (!t) {
+    const d = r.key === w || r.key === h;
+    if (i === "horizontal" && d || i === "vertical" && !d) {
+      (A = r.preventBaseUIHandler) == null || A.call(r);
+      return;
+    }
+  }
+  const o = Array.from(
+    r.currentTarget.querySelectorAll('[role="radio"]')
+  ).filter(
+    (d) => !d.hasAttribute("data-disabled") && !d.disabled
+  ), p = o.indexOf(r.target);
+  if (p !== -1) {
+    if (t) {
+      r.preventDefault(), (m = r.preventBaseUIHandler) == null || m.call(r), (y = o[r.key === "Home" ? 0 : o.length - 1]) == null || y.focus();
+      return;
+    }
+    !l && (f && p === o.length - 1 || c && p === 0) && ((R = r.preventBaseUIHandler) == null || R.call(r));
+  }
+}
+const x = H.forwardRef(function({ orientation: i, loop: l = !0, dir: a, value: t, onKeyDown: s, ...u }, f) {
+  const c = /* @__PURE__ */ k(
+    g,
+    {
+      ref: f,
+      "aria-orientation": i,
+      dir: a,
+      value: t,
+      ...u,
+      onKeyDown: (o) => {
+        s == null || s(o), !o.defaultPrevented && B(o, {
+          orientation: i,
+          loop: l,
+          rtl: a === "rtl"
+        });
+      }
+    }
+  );
+  return a === void 0 ? c : /* @__PURE__ */ k(n, { direction: a, children: c });
+});
+export {
+  x as RadioGroupBase
+};
+//# sourceMappingURL=radio-group-base.js.map

package/dist/components/radio/radio-group-base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group-base.js","sources":["../../../src/components/radio/radio-group-base.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { RadioGroup as RadioGroupPrimitive } from \"@base-ui/react/radio-group\"\nimport { DirectionProvider } from \"@base-ui/react/direction-provider\"\n\nexport type RadioGroupOrientation = \"horizontal\" | \"vertical\"\n\ntype KeyboardOptions = {\n  orientation: RadioGroupOrientation | undefined\n  loop: boolean\n  rtl: boolean\n}\n\n// Base UI's merged handlers: the rightmost runs first, and it can keep the group's own from running.\ntype BaseUIKeyboardEvent = React.KeyboardEvent<HTMLElement> & {\n  preventBaseUIHandler?: () => void\n}\n\nconst FORWARD_VERTICAL = \"ArrowDown\"\nconst BACKWARD_VERTICAL = \"ArrowUp\"\n\n/**\n * The keyboard model Radix's roving focus gave a radio group and Base UI's does not: Home and End\n * move focus to the first and last enabled option, `orientation` limits the arrow keys to one axis,\n * and `loop={false}` stops at the ends. Arrow selection itself stays Base UI's. Runs before Base\n * UI's handler and keeps it from running for a key the group ignores.\n */\nfunction handleRadioGroupKeyDown(\n  event: BaseUIKeyboardEvent,\n  { orientation, loop, rtl }: KeyboardOptions\n) {\n  if (event.altKey || event.ctrlKey || event.metaKey || event.shiftKey) return\n\n  const isHomeEnd = event.key === \"Home\" || event.key === \"End\"\n  const forwardHorizontal = rtl ? \"ArrowLeft\" : \"ArrowRight\"\n  const backwardHorizontal = rtl ? \"ArrowRight\" : \"ArrowLeft\"\n  const isForward =\n    event.key === FORWARD_VERTICAL || event.key === forwardHorizontal\n  const isBackward =\n    event.key === BACKWARD_VERTICAL || event.key === backwardHorizontal\n  if (!isHomeEnd && !isForward && !isBackward) return\n\n  if (!isHomeEnd) {\n    const vertical =\n      event.key === FORWARD_VERTICAL || event.key === BACKWARD_VERTICAL\n    if (\n      (orientation === \"horizontal\" && vertical) ||\n      (orientation === \"vertical\" && !vertical)\n    ) {\n      event.preventBaseUIHandler?.()\n      return\n    }\n  }\n\n  const radios = Array.from(\n    event.currentTarget.querySelectorAll<HTMLElement>('[role=\"radio\"]')\n  ).filter(\n    (radio) =>\n      !radio.hasAttribute(\"data-disabled\") &&\n      !(radio as HTMLButtonElement).disabled\n  )\n  const index = radios.indexOf(event.target as HTMLElement)\n  if (index === -1) return\n\n  if (isHomeEnd) {\n    event.preventDefault()\n    event.preventBaseUIHandler?.()\n    radios[event.key === \"Home\" ? 0 : radios.length - 1]?.focus()\n    return\n  }\n\n  if (\n    !loop &&\n    ((isForward && index === radios.length - 1) || (isBackward && index === 0))\n  ) {\n    event.preventBaseUIHandler?.()\n  }\n}\n\nexport type RadioGroupBaseProps = Omit<\n  RadioGroupPrimitive.Props<string>,\n  \"onKeyDown\" | \"dir\" | \"value\"\n> & {\n  // `null` is a controlled group with nothing selected, which Radix took.\n  value?: string | null | undefined\n  onKeyDown?: React.KeyboardEventHandler<HTMLDivElement> | undefined\n  orientation?: RadioGroupOrientation | undefined\n  dir?: \"ltr\" | \"rtl\" | undefined\n  loop?: boolean | undefined\n}\n\n/**\n * Base UI's radio group with Radix's keyboard model, `orientation` as `aria-orientation` and `dir`\n * (which Base UI reads from its own provider). Shared by `RadioGroup` and `SegmentedControl`.\n */\nexport const RadioGroupBase = React.forwardRef<\n  HTMLDivElement,\n  RadioGroupBaseProps\n>(function RadioGroupBase(\n  { orientation, loop = true, dir, value, onKeyDown, ...props },\n  ref\n) {\n  const group = (\n    <RadioGroupPrimitive\n      ref={ref}\n      aria-orientation={orientation}\n      dir={dir}\n      // Base UI takes `null` as no selection at runtime; its string-typed generic does not say so.\n      value={value as string | undefined}\n      {...props}\n      onKeyDown={(event) => {\n        onKeyDown?.(event)\n        if (event.defaultPrevented) return\n        handleRadioGroupKeyDown(event, {\n          orientation,\n          loop,\n          rtl: dir === \"rtl\",\n        })\n      }}\n    />\n  )\n\n  return dir === undefined ? (\n    group\n  ) : (\n    <DirectionProvider direction={dir}>{group}</DirectionProvider>\n  )\n})\n"],"names":["FORWARD_VERTICAL","BACKWARD_VERTICAL","handleRadioGroupKeyDown","event","orientation","loop","rtl","isHomeEnd","forwardHorizontal","backwardHorizontal","isForward","isBackward","vertical","_a","radios","radio","index","_b","_c","_d","RadioGroupBase","React","dir","value","onKeyDown","props","ref","group","jsx","RadioGroupPrimitive","DirectionProvider"],"mappings":";;;;AAiBA,MAAMA,IAAmB,aACnBC,IAAoB;AAQ1B,SAASC,EACPC,GACA,EAAE,aAAAC,GAAa,MAAAC,GAAM,KAAAC,KACrB;;AACA,MAAIH,EAAM,UAAUA,EAAM,WAAWA,EAAM,WAAWA,EAAM,SAAU;AAEtE,QAAMI,IAAYJ,EAAM,QAAQ,UAAUA,EAAM,QAAQ,OAClDK,IAAoBF,IAAM,cAAc,cACxCG,IAAqBH,IAAM,eAAe,aAC1CI,IACJP,EAAM,QAAQH,KAAoBG,EAAM,QAAQK,GAC5CG,IACJR,EAAM,QAAQF,KAAqBE,EAAM,QAAQM;AACnD,MAAI,CAACF,KAAa,CAACG,KAAa,CAACC,EAAY;AAE7C,MAAI,CAACJ,GAAW;AACd,UAAMK,IACJT,EAAM,QAAQH,KAAoBG,EAAM,QAAQF;AAClD,QACGG,MAAgB,gBAAgBQ,KAChCR,MAAgB,cAAc,CAACQ,GAChC;AACA,OAAAC,IAAAV,EAAM,yBAAN,QAAAU,EAAA,KAAAV;AACA;AAAA,IACF;AAAA,EACF;AAEA,QAAMW,IAAS,MAAM;AAAA,IACnBX,EAAM,cAAc,iBAA8B,gBAAgB;AAAA,EAAA,EAClE;AAAA,IACA,CAACY,MACC,CAACA,EAAM,aAAa,eAAe,KACnC,CAAEA,EAA4B;AAAA,EAAA,GAE5BC,IAAQF,EAAO,QAAQX,EAAM,MAAqB;AACxD,MAAIa,MAAU,IAEd;AAAA,QAAIT,GAAW;AACb,MAAAJ,EAAM,eAAA,IACNc,IAAAd,EAAM,yBAAN,QAAAc,EAAA,KAAAd,KACAe,IAAAJ,EAAOX,EAAM,QAAQ,SAAS,IAAIW,EAAO,SAAS,CAAC,MAAnD,QAAAI,EAAsD;AACtD;AAAA,IACF;AAEA,IACE,CAACb,MACCK,KAAaM,MAAUF,EAAO,SAAS,KAAOH,KAAcK,MAAU,QAExEG,IAAAhB,EAAM,yBAAN,QAAAgB,EAAA,KAAAhB;AAAA;AAEJ;AAkBO,MAAMiB,IAAiBC,EAAM,WAGlC,SACA,EAAE,aAAAjB,GAAa,MAAAC,IAAO,IAAM,KAAAiB,GAAK,OAAAC,GAAO,WAAAC,GAAW,GAAGC,EAAA,GACtDC,GACA;AACA,QAAMC,IACJ,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,KAAAH;AAAA,MACA,oBAAkBtB;AAAA,MAClB,KAAAkB;AAAA,MAEA,OAAAC;AAAA,MACC,GAAGE;AAAA,MACJ,WAAW,CAACtB,MAAU;AAEpB,QADAqB,KAAA,QAAAA,EAAYrB,IACR,CAAAA,EAAM,oBACVD,EAAwBC,GAAO;AAAA,UAC7B,aAAAC;AAAA,UACA,MAAAC;AAAA,UACA,KAAKiB,MAAQ;AAAA,QAAA,CACd;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAIJ,SAAOA,MAAQ,SACbK,sBAECG,GAAA,EAAkB,WAAWR,GAAM,UAAAK,GAAM;AAE9C,CAAC;"}