@plexui/vue 0.0.0-stage → 0.1.0

package/dist/es/components/RadioGroup/RadioGroup.js

@@ -0,0 +1,453 @@
+import { computed, defineComponent, h, inject, nextTick, onBeforeUnmount, onMounted, provide, ref, shallowRef, useId, watch, withCtx, } from "vue";
+import { Presence, RovingFocusGroup, RovingFocusItem } from "reka-ui";
+import { bubbleInputStyle, useIsFormControl, useSize } from "../Checkbox/bubbleInput.js";
+import s from "@plexui/styles/components/RadioGroup/RadioGroup.module.css";
+const RadioGroupContextKey = Symbol("PlexUIRadioGroup");
+const useRadioGroupContext = () => {
+    const context = inject(RadioGroupContextKey, null);
+    if (!context) {
+        throw new Error("RadioGroup components must be wrapped in <RadioGroup />");
+    }
+    return context;
+};
+const ARROW_KEYS = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"];
+// Radix RovingFocusGroup's focusFirst
+const focusFirst = (candidates) => {
+    const previouslyFocused = document.activeElement;
+    for (const candidate of candidates) {
+        if (candidate === previouslyFocused)
+            return;
+        candidate.focus({ preventScroll: false });
+        if (document.activeElement !== previouslyFocused)
+            return;
+    }
+};
+const callHandlers = (handlers, event) => {
+    for (const handler of Array.isArray(handlers) ? handlers : [handlers]) {
+        if (typeof handler === "function")
+            handler(event);
+    }
+};
+// The caller's listeners the group element composes with Reka's
+const GROUP_LISTENERS = ["onMousedown", "onMouseup", "onFocus", "onBlur", "onFocusin", "onFocusout"];
+// Internal: the radiogroup element rendered through Reka's RovingFocusGroup
+// (`asChild`), with Reka's group handlers wired the Radix way:
+// - Radix runs the caller's mousedown handler first and skips its own once
+//   the event is default-prevented; Reka merges its own in front.
+// - Radix's group focus and blur handlers are React `onFocus` / `onBlur`,
+//   which bubble from the radios: a radio's focus ends a click focus and its
+//   blur ends Shift+Tab's "tabbing back out" (the group is tabbable again).
+//   Reka listens to the group's own native focus and blur only, so its
+//   handlers run on `focusin` / `focusout` here.
+// - Reka also ends a click focus on mouseup, which Radix does not.
+const GroupElement = defineComponent({
+    name: "RadioGroupElement",
+    inheritAttrs: false,
+    props: {
+        listeners: { type: Object, default: () => ({}) },
+    },
+    setup(props, { attrs, slots }) {
+        return () => {
+            const { onMousedown, onMouseup: _onMouseup, onFocus, onBlur, ...restAttrs } = attrs;
+            const caller = props.listeners;
+            const handlers = {
+                onMousedown: (event) => {
+                    callHandlers(caller.onMousedown, event);
+                    if (!event.defaultPrevented)
+                        callHandlers(onMousedown, event);
+                },
+                onFocusin: (event) => {
+                    callHandlers(caller.onFocusin, event);
+                    callHandlers(onFocus, event);
+                },
+                onFocusout: (event) => {
+                    callHandlers(caller.onFocusout, event);
+                    callHandlers(onBlur, event);
+                },
+            };
+            for (const key of ["onMouseup", "onFocus", "onBlur"]) {
+                if (caller[key])
+                    handlers[key] = (event) => callHandlers(caller[key], event);
+            }
+            return h("div", { ...restAttrs, ...handlers }, slots.default?.());
+        };
+    },
+});
+const RadioGroupComponent = defineComponent({
+    name: "RadioGroup",
+    inheritAttrs: false,
+    props: {
+        /** Initial selected value when uncontrolled */
+        defaultValue: String,
+        /** Controlled selected value. Bind with `v-model:value`; leave unset for an uncontrolled group. */
+        value: { type: String, default: undefined },
+        /** Name submitted with the owning form */
+        name: String,
+        /** Determines the layout direction of the radio items. @default "row" */
+        direction: { type: String, default: "row" },
+        /** Controls whether the entire radio group is disabled. @default false */
+        disabled: { type: Boolean, default: false },
+        /** Marks the group as required (`aria-required`). @default false */
+        required: { type: Boolean, default: false },
+    },
+    emits: {
+        /** The selected value changed (`v-model:value`) */
+        "update:value": (_value) => true,
+        /** Same payload as `update:value`, named after React's `onChange` */
+        "change": (_value) => true,
+    },
+    setup(props, { attrs, slots, emit }) {
+        const groupRef = ref(null);
+        // Radix useControllableState: controlled while `value` is set
+        const uncontrolledValue = ref(props.defaultValue ?? null);
+        const value = computed(() => (props.value !== undefined ? props.value : uncontrolledValue.value));
+        const reportChange = (nextValue) => {
+            emit("update:value", nextValue);
+            emit("change", nextValue);
+        };
+        const setValue = (nextValue) => {
+            if (props.value !== undefined) {
+                if (nextValue !== props.value)
+                    reportChange(nextValue);
+            }
+            else {
+                uncontrolledValue.value = nextValue;
+            }
+        };
+        // Radix reports an uncontrolled change from the group's effect, which
+        // React runs after the items' effects (the hidden inputs' clicks)
+        watch(uncontrolledValue, (nextValue) => {
+            void nextTick(() => {
+                if (nextValue !== null)
+                    reportChange(nextValue);
+            });
+        }, { flush: "post" });
+        // React runs the items' hidden-input effects in tree order; Vue's post
+        // watchers run in the order they were triggered, so the first item's
+        // watcher runs them all here, in document order (each is a no-op when
+        // nothing changed for it)
+        const bubbleInputEffects = new Set();
+        const runBubbleInputEffects = () => {
+            const effects = [...bubbleInputEffects].sort((a, b) => {
+                const first = a.input.value;
+                const second = b.input.value;
+                if (!first || !second)
+                    return 0;
+                return first.compareDocumentPosition(second) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1;
+            });
+            for (const effect of effects)
+                effect.run();
+        };
+        provide(RadioGroupContextKey, {
+            disabled: computed(() => props.disabled),
+            required: computed(() => props.required),
+            name: computed(() => props.name),
+            value,
+            setValue,
+            bubbleInputEffects,
+            runBubbleInputEffects,
+        });
+        // Radix: a reset of the group's form sets the value it first rendered
+        const initialValue = value.value;
+        onMounted(() => {
+            const element = groupRef.value?.$el;
+            const form = element instanceof Element ? element.closest("form") : null;
+            if (!form)
+                return;
+            const reset = () => {
+                if (initialValue !== null)
+                    setValue(initialValue);
+            };
+            form.addEventListener("reset", reset);
+            onBeforeUnmount(() => form.removeEventListener("reset", reset));
+        });
+        // Radix moves focus into the group onto the checked radio, then the last
+        // focused one, then the first. Reka looks for a `data-active` attribute
+        // that Radix does not render, so its entry focus is replaced here.
+        const handleEntryFocus = (event) => {
+            event.preventDefault();
+            const items = (groupRef.value?.getItems() ?? [])
+                .map((item) => item.ref)
+                .filter((item) => !item.hasAttribute("data-disabled"));
+            const activeItem = items.find((item) => item.getAttribute("data-state") === "checked");
+            const currentItem = items.find((item) => item.getAttribute("tabindex") === "0");
+            focusFirst([activeItem, currentItem, ...items].filter((item) => !!item));
+        };
+        return () => {
+            const { class: className, dir, ...otherAttrs } = attrs;
+            const listeners = {};
+            const restAttrs = {};
+            for (const [key, value] of Object.entries(otherAttrs)) {
+                if (GROUP_LISTENERS.includes(key))
+                    listeners[key] = value;
+                else
+                    restAttrs[key] = value;
+            }
+            return h(RovingFocusGroup, {
+                ref: groupRef,
+                asChild: true,
+                loop: true,
+                dir: dir,
+                onEntryFocus: handleEntryFocus,
+            }, {
+                default: () => h(GroupElement, {
+                    // `dir`, `tabindex` and `style="outline: none"` come from RovingFocusGroup, like Radix
+                    "listeners": listeners,
+                    "role": "radiogroup",
+                    "aria-required": props.required,
+                    "data-disabled": props.disabled ? "" : undefined,
+                    "class": [s.RadioGroup, className],
+                    "data-direction": props.direction,
+                    ...restAttrs,
+                }, { default: () => slots.default?.() }),
+            });
+        };
+    },
+});
+// React's value tracker per hidden input: its `checked` on mount, then the
+// one React last saw in a click that reached its root (also when a handler
+// stopped it from bubbling further). The native setter Radix uses bypasses it.
+const trackedChecked = new WeakMap();
+const useCheckedTracker = (input) => watch(input, (el) => {
+    if (!el || trackedChecked.has(el))
+        return;
+    // React creates the input by setting its `checked` property, so later
+    // changes of the `checked` attribute never move its checkedness
+    el.checked = el.checked;
+    trackedChecked.set(el, el.checked);
+}, { flush: "sync" });
+/**
+ * Radix's RadioBubbleInput effect: sets the hidden radio's `checked` through
+ * the native setter (unless `checked` is undefined) and dispatches a bubbling
+ * `click`, which the input stops when `stop` is set, so form listeners see
+ * the user's radio only. React turns that click into the form's `onChange`
+ * when the input's `checked` differs from its value tracker, then refreshes
+ * the trackers of the other radios with the same name in the same form;
+ * Vue's form listeners are native, so a native `change` follows in those
+ * cases.
+ */
+const dispatchBubbleClick = (input, checked, stop) => {
+    const setChecked = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "checked")?.set;
+    if (!setChecked)
+        return;
+    if (checked !== undefined)
+        setChecked.call(input, checked);
+    const click = new Event("click", { bubbles: true });
+    if (stop)
+        input.addEventListener("click", (event) => event.stopPropagation(), { once: true });
+    input.dispatchEvent(click);
+    if (trackedChecked.get(input) === input.checked)
+        return;
+    trackedChecked.set(input, input.checked);
+    input.dispatchEvent(new Event("change", { bubbles: true }));
+    const name = input.getAttribute("name");
+    if (name === null)
+        return;
+    for (const other of Array.from(input.ownerDocument.querySelectorAll('input[type="radio"]'))) {
+        if (other !== input && other.getAttribute("name") === name && other.form === input.form && trackedChecked.has(other)) {
+            trackedChecked.set(other, other.checked);
+        }
+    }
+};
+const RadioGroupItemComponent = defineComponent({
+    name: "RadioGroupItem",
+    inheritAttrs: false,
+    props: {
+        /** Value of this option */
+        value: { type: String, required: true },
+        /** Determines if a given radio item is disabled. @default false */
+        disabled: { type: Boolean, default: false },
+        /** Sets `required` on this item's radio button (the hidden form input follows the group's) */
+        required: { type: Boolean, default: undefined },
+        /** Stretches the item to fill the available width. @default false */
+        block: { type: Boolean, default: false },
+        /** The orientation of the radio indicator relative to the label. @default "left" */
+        orientation: { type: String, default: "left" },
+        /** Optional second line below the option's label, linked via `aria-describedby` (or the `description` slot) */
+        description: String,
+    },
+    setup(props, { attrs, slots }) {
+        const context = useRadioGroupContext();
+        const id = useId();
+        const wrapper = ref(null);
+        const button = ref(null);
+        const bubbleInput = ref(null);
+        const disabled = computed(() => context.disabled.value || props.disabled);
+        const checked = computed(() => context.value.value === props.value);
+        // Radix's Radio: the hidden input renders until the button mounts, then only inside a form
+        const isFormControl = useIsFormControl(button, () => undefined);
+        const controlSize = useSize(() => (isFormControl.value ? button.value : null));
+        useCheckedTracker(bubbleInput);
+        // Radix RadioGroupItem: an arrow key that moves focus onto a radio checks it
+        let isArrowKeyPressed = false;
+        const handleDocumentKeyDown = (event) => {
+            if (ARROW_KEYS.includes(event.key))
+                isArrowKeyPressed = true;
+        };
+        const handleDocumentKeyUp = () => {
+            isArrowKeyPressed = false;
+        };
+        onMounted(() => {
+            button.value = wrapper.value?.firstElementChild ?? null;
+            document.addEventListener("keydown", handleDocumentKeyDown);
+            document.addEventListener("keyup", handleDocumentKeyUp);
+        });
+        onBeforeUnmount(() => {
+            document.removeEventListener("keydown", handleDocumentKeyDown);
+            document.removeEventListener("keyup", handleDocumentKeyUp);
+        });
+        const userClick = shallowRef(null);
+        let prevChecked = checked.value;
+        let handledUserClick = null;
+        const bubbleInputEffect = {
+            input: bubbleInput,
+            run: () => {
+                const input = bubbleInput.value;
+                if (!input)
+                    return;
+                const isChecked = checked.value;
+                const checkedChanged = prevChecked !== isChecked;
+                prevChecked = isChecked;
+                const isNewUserClick = userClick.value !== null && userClick.value !== handledUserClick;
+                handledUserClick = userClick.value;
+                if (isNewUserClick)
+                    dispatchBubbleClick(input, checkedChanged ? isChecked : undefined, false);
+                else if (checkedChanged)
+                    dispatchBubbleClick(input, isChecked, true);
+            },
+        };
+        context.bubbleInputEffects.add(bubbleInputEffect);
+        onBeforeUnmount(() => context.bubbleInputEffects.delete(bubbleInputEffect));
+        watch([bubbleInput, checked, userClick], context.runBubbleInputEffects, { flush: "post" });
+        // Radix's RadioBubbleInput renders `defaultChecked` from its first render
+        let defaultChecked;
+        const handleClick = (event) => {
+            // React does not dispatch mouse handlers on a disabled button
+            if (disabled.value)
+                return;
+            if (!checked.value) {
+                // Plex passes no click handler a consumer could stop
+                userClick.value = { hasConsumerStoppedPropagation: false };
+                context.setValue(props.value);
+            }
+            // In a form, the button's click stops here; the hidden input's click
+            // bubbles instead (Plex passes no click handler a consumer could stop)
+            if (isFormControl.value)
+                event.stopPropagation();
+        };
+        const handleKeyDown = (event) => {
+            // According to WAI ARIA, radio groups don't activate items on enter keypress
+            if (event.key === "Enter")
+                event.preventDefault();
+        };
+        const handleFocus = (event) => {
+            // Roving focus moved here with an arrow key: check this radio by clicking it
+            if (isArrowKeyPressed)
+                event.currentTarget.click();
+        };
+        // Prevents text selection when double-clicking the label
+        const handleLabelMouseDown = (event) => {
+            if (!event.defaultPrevented && event.detail > 1)
+                event.preventDefault();
+        };
+        return () => {
+            const { class: className, ...restAttrs } = attrs;
+            const isChecked = checked.value;
+            const isDisabled = disabled.value;
+            const state = isChecked ? "checked" : "unchecked";
+            const itemId = `${props.value}-${id}`;
+            if (isFormControl.value)
+                defaultChecked ??= isChecked;
+            else
+                defaultChecked = undefined;
+            // Providing an extra wrapper enables `label` to be inline-flex, avoiding clickable whitespace
+            // when radio options are of varied lengths.
+            // NOTE: Important that this is `flex` to prevent the `inline-flex` label from extra, unintentional whitespace.
+            const description = slots.description ? slots.description() : props.description;
+            const descriptionId = slots.description || props.description ? `${itemId}-description` : undefined;
+            const label = h("label", {
+                "for": itemId,
+                "class": [s.RadioLabel, className],
+                "data-disabled": isDisabled ? "" : undefined,
+                "data-block": props.block ? "" : undefined,
+                "data-orientation": props.orientation,
+                "onMousedown": handleLabelMouseDown,
+            }, [
+                h("div", { class: s.RadioIndicatorWrapper, ref: wrapper }, [
+                    h(RovingFocusItem, { asChild: true, focusable: !isDisabled, active: isChecked }, {
+                        default: () => h("button", {
+                            "type": "button",
+                            "role": "radio",
+                            "aria-checked": isChecked,
+                            "data-state": state,
+                            "data-disabled": isDisabled ? "" : undefined,
+                            "disabled": isDisabled,
+                            "value": props.value,
+                            // radix-ui 1.8: the item's own `required` lands on its button
+                            "required": props.required ? "" : undefined,
+                            "id": itemId,
+                            "class": s.RadioItem,
+                            "aria-describedby": descriptionId,
+                            // Reka's RovingFocusItem marks the active item; Radix does not
+                            "data-active": undefined,
+                            "onClick": handleClick,
+                            "onKeydown": handleKeyDown,
+                            "onFocus": handleFocus,
+                        }, [
+                            h(Presence, { present: isChecked }, {
+                                // Presence calls its slot once during setup; withCtx marks it
+                                // as a render slot so Vue does not warn about that call
+                                default: withCtx(() => [
+                                    h("span", {
+                                        "data-state": state,
+                                        "data-disabled": isDisabled ? "" : undefined,
+                                        "class": s.RadioIndicator,
+                                    }),
+                                ]),
+                            }),
+                        ]),
+                    }),
+                    isFormControl.value
+                        ? h("input", {
+                            "ref": bubbleInput,
+                            "type": "radio",
+                            "aria-hidden": "true",
+                            // React's `defaultChecked`, from the input's first render
+                            "^checked": defaultChecked ? "" : undefined,
+                            "name": context.name.value,
+                            "^value": props.value,
+                            // radix-ui 1.8: the group's `required` reaches every input
+                            "required": context.required.value,
+                            "disabled": isDisabled,
+                            "tabindex": -1,
+                            "style": bubbleInputStyle(controlSize.value, { transform: "translateX(-100%)" }),
+                        })
+                        : null,
+                ]),
+                slots.default?.(),
+            ]);
+            return h("div", { class: ["flex", props.block && "w-full"], ...restAttrs }, [
+                descriptionId
+                    ? // The description stays outside the label, so it describes the radio instead of naming it
+                        h("div", {
+                            "class": s.RadioItemGroup,
+                            "data-block": props.block ? "" : undefined,
+                            "data-orientation": props.orientation,
+                        }, [
+                            label,
+                            h("span", { "id": descriptionId, "class": s.RadioDescription, "data-disabled": isDisabled ? "" : undefined }, description),
+                        ])
+                    : label,
+            ]);
+        };
+    },
+});
+export const RadioGroupItem = RadioGroupItemComponent;
+/**
+ * Single-choice group of radio items. Flat export `RadioGroupItem` for
+ * templates; `RadioGroup.Item` for render functions and SFCs.
+ */
+// Typed explicitly so the published declaration refers to the parts instead of
+// expanding them (an expanded component type fails consumers' type checks)
+export const RadioGroup = Object.assign(RadioGroupComponent, { Item: RadioGroupItem });
+//# sourceMappingURL=RadioGroup.js.map

package/dist/es/components/RadioGroup/RadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../../../src/components/RadioGroup/RadioGroup.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  computed,\n  defineComponent,\n  h,\n  inject,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  provide,\n  ref,\n  shallowRef,\n  useId,\n  watch,\n  withCtx,\n  type ComputedRef,\n  type HTMLAttributes,\n  type InjectionKey,\n  type PropType,\n  type Ref,\n} from \"vue\"\nimport { Presence, RovingFocusGroup, RovingFocusItem } from \"reka-ui\"\nimport { bubbleInputStyle, useIsFormControl, useSize } from \"../Checkbox/bubbleInput.js\"\nimport s from \"@plexui/styles/components/RadioGroup/RadioGroup.module.css\"\n\n// Vue port of packages/ui/src/components/RadioGroup/RadioGroup.tsx. Props,\n// defaults, rendered DOM and behaviour match React (checked by the parity\n// tests).\n//\n// React builds on Radix RadioGroup. Reka's RadioGroupItem renders different\n// markup (`aria-label` copied from the label, `required` and `name` on the\n// button, a visually hidden input only when a `name` is set), stops every\n// click and checks an arrow-focused radio a tick later. So the Radix group\n// and radio (state, button attributes, hidden form input, arrow-key\n// selection) are rendered here, and keyboard focus comes from Reka's\n// RovingFocusGroup and RovingFocusItem, the same roving tabindex Radix uses.\n\ntype Direction = \"col\" | \"row\"\n\ntype BubbleInputEffect = { input: Ref<HTMLInputElement | null>; run: () => void }\n\ntype RadioGroupContextValue = {\n  disabled: ComputedRef<boolean>\n  required: ComputedRef<boolean>\n  name: ComputedRef<string | undefined>\n  value: ComputedRef<string | null>\n  setValue: (value: string) => void\n  bubbleInputEffects: Set<BubbleInputEffect>\n  runBubbleInputEffects: () => void\n}\n\nconst RadioGroupContextKey: InjectionKey<RadioGroupContextValue> = Symbol(\"PlexUIRadioGroup\")\n\nconst useRadioGroupContext = () => {\n  const context = inject(RadioGroupContextKey, null)\n\n  if (!context) {\n    throw new Error(\"RadioGroup components must be wrapped in <RadioGroup />\")\n  }\n\n  return context\n}\n\ntype ExposedRovingFocusGroup = { getItems: () => { ref: HTMLElement }[] }\n\nconst ARROW_KEYS = [\"ArrowUp\", \"ArrowDown\", \"ArrowLeft\", \"ArrowRight\"]\n\n// Radix RovingFocusGroup's focusFirst\nconst focusFirst = (candidates: HTMLElement[]) => {\n  const previouslyFocused = document.activeElement\n  for (const candidate of candidates) {\n    if (candidate === previouslyFocused) return\n    candidate.focus({ preventScroll: false })\n    if (document.activeElement !== previouslyFocused) return\n  }\n}\n\nconst callHandlers = (handlers: unknown, event: Event) => {\n  for (const handler of Array.isArray(handlers) ? handlers : [handlers]) {\n    if (typeof handler === \"function\") handler(event)\n  }\n}\n\n// The caller's listeners the group element composes with Reka's\nconst GROUP_LISTENERS = [\"onMousedown\", \"onMouseup\", \"onFocus\", \"onBlur\", \"onFocusin\", \"onFocusout\"] as const\n\n// Internal: the radiogroup element rendered through Reka's RovingFocusGroup\n// (`asChild`), with Reka's group handlers wired the Radix way:\n// - Radix runs the caller's mousedown handler first and skips its own once\n//   the event is default-prevented; Reka merges its own in front.\n// - Radix's group focus and blur handlers are React `onFocus` / `onBlur`,\n//   which bubble from the radios: a radio's focus ends a click focus and its\n//   blur ends Shift+Tab's \"tabbing back out\" (the group is tabbable again).\n//   Reka listens to the group's own native focus and blur only, so its\n//   handlers run on `focusin` / `focusout` here.\n// - Reka also ends a click focus on mouseup, which Radix does not.\nconst GroupElement = defineComponent({\n  name: \"RadioGroupElement\",\n  inheritAttrs: false,\n  props: {\n    listeners: { type: Object as PropType<Record<string, unknown>>, default: () => ({}) },\n  },\n  setup(props, { attrs, slots }) {\n    return () => {\n      const { onMousedown, onMouseup: _onMouseup, onFocus, onBlur, ...restAttrs } = attrs\n      const caller = props.listeners\n      const handlers: Record<string, (event: Event) => void> = {\n        onMousedown: (event) => {\n          callHandlers(caller.onMousedown, event)\n          if (!event.defaultPrevented) callHandlers(onMousedown, event)\n        },\n        onFocusin: (event) => {\n          callHandlers(caller.onFocusin, event)\n          callHandlers(onFocus, event)\n        },\n        onFocusout: (event) => {\n          callHandlers(caller.onFocusout, event)\n          callHandlers(onBlur, event)\n        },\n      }\n      for (const key of [\"onMouseup\", \"onFocus\", \"onBlur\"] as const) {\n        if (caller[key]) handlers[key] = (event) => callHandlers(caller[key], event)\n      }\n      return h(\"div\", { ...restAttrs, ...handlers }, slots.default?.())\n    }\n  },\n})\n\nconst RadioGroupComponent = defineComponent({\n  name: \"RadioGroup\",\n  inheritAttrs: false,\n  props: {\n    /** Initial selected value when uncontrolled */\n    defaultValue: String,\n    /** Controlled selected value. Bind with `v-model:value`; leave unset for an uncontrolled group. */\n    value: { type: String, default: undefined },\n    /** Name submitted with the owning form */\n    name: String,\n    /** Determines the layout direction of the radio items. @default \"row\" */\n    direction: { type: String as PropType<Direction>, default: \"row\" },\n    /** Controls whether the entire radio group is disabled. @default false */\n    disabled: { type: Boolean, default: false },\n    /** Marks the group as required (`aria-required`). @default false */\n    required: { type: Boolean, default: false },\n  },\n  emits: {\n    /** The selected value changed (`v-model:value`) */\n    \"update:value\": (_value: string) => true,\n    /** Same payload as `update:value`, named after React's `onChange` */\n    \"change\": (_value: string) => true,\n  },\n  setup(props, { attrs, slots, emit }) {\n    const groupRef = ref<ExposedRovingFocusGroup | null>(null)\n\n    // Radix useControllableState: controlled while `value` is set\n    const uncontrolledValue = ref<string | null>(props.defaultValue ?? null)\n    const value = computed(() => (props.value !== undefined ? props.value : uncontrolledValue.value))\n\n    const reportChange = (nextValue: string) => {\n      emit(\"update:value\", nextValue)\n      emit(\"change\", nextValue)\n    }\n\n    const setValue = (nextValue: string) => {\n      if (props.value !== undefined) {\n        if (nextValue !== props.value) reportChange(nextValue)\n      } else {\n        uncontrolledValue.value = nextValue\n      }\n    }\n\n    // Radix reports an uncontrolled change from the group's effect, which\n    // React runs after the items' effects (the hidden inputs' clicks)\n    watch(\n      uncontrolledValue,\n      (nextValue) => {\n        void nextTick(() => {\n          if (nextValue !== null) reportChange(nextValue)\n        })\n      },\n      { flush: \"post\" },\n    )\n\n    // React runs the items' hidden-input effects in tree order; Vue's post\n    // watchers run in the order they were triggered, so the first item's\n    // watcher runs them all here, in document order (each is a no-op when\n    // nothing changed for it)\n    const bubbleInputEffects = new Set<BubbleInputEffect>()\n    const runBubbleInputEffects = () => {\n      const effects = [...bubbleInputEffects].sort((a, b) => {\n        const first = a.input.value\n        const second = b.input.value\n        if (!first || !second) return 0\n        return first.compareDocumentPosition(second) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1\n      })\n      for (const effect of effects) effect.run()\n    }\n\n    provide(RadioGroupContextKey, {\n      disabled: computed(() => props.disabled),\n      required: computed(() => props.required),\n      name: computed(() => props.name),\n      value,\n      setValue,\n      bubbleInputEffects,\n      runBubbleInputEffects,\n    })\n\n    // Radix: a reset of the group's form sets the value it first rendered\n    const initialValue = value.value\n    onMounted(() => {\n      const element = (groupRef.value as { $el?: unknown } | null)?.$el\n      const form = element instanceof Element ? element.closest(\"form\") : null\n      if (!form) return\n      const reset = () => {\n        if (initialValue !== null) setValue(initialValue)\n      }\n      form.addEventListener(\"reset\", reset)\n      onBeforeUnmount(() => form.removeEventListener(\"reset\", reset))\n    })\n\n    // Radix moves focus into the group onto the checked radio, then the last\n    // focused one, then the first. Reka looks for a `data-active` attribute\n    // that Radix does not render, so its entry focus is replaced here.\n    const handleEntryFocus = (event: Event) => {\n      event.preventDefault()\n      const items = (groupRef.value?.getItems() ?? [])\n        .map((item) => item.ref)\n        .filter((item) => !item.hasAttribute(\"data-disabled\"))\n      const activeItem = items.find((item) => item.getAttribute(\"data-state\") === \"checked\")\n      const currentItem = items.find((item) => item.getAttribute(\"tabindex\") === \"0\")\n      focusFirst([activeItem, currentItem, ...items].filter((item): item is HTMLElement => !!item))\n    }\n\n    return () => {\n      const { class: className, dir, ...otherAttrs } = attrs\n      const listeners: Record<string, unknown> = {}\n      const restAttrs: Record<string, unknown> = {}\n      for (const [key, value] of Object.entries(otherAttrs)) {\n        if ((GROUP_LISTENERS as readonly string[]).includes(key)) listeners[key] = value\n        else restAttrs[key] = value\n      }\n\n      return h(\n        RovingFocusGroup,\n        {\n          ref: groupRef,\n          asChild: true,\n          loop: true,\n          dir: dir as \"ltr\" | \"rtl\" | undefined,\n          onEntryFocus: handleEntryFocus,\n        },\n        {\n          default: () =>\n            h(\n              GroupElement,\n              {\n                // `dir`, `tabindex` and `style=\"outline: none\"` come from RovingFocusGroup, like Radix\n                \"listeners\": listeners,\n                \"role\": \"radiogroup\",\n                \"aria-required\": props.required,\n                \"data-disabled\": props.disabled ? \"\" : undefined,\n                \"class\": [s.RadioGroup, className],\n                \"data-direction\": props.direction,\n                ...restAttrs,\n              },\n              { default: () => slots.default?.() },\n            ),\n        },\n      )\n    }\n  },\n})\n\n// React's value tracker per hidden input: its `checked` on mount, then the\n// one React last saw in a click that reached its root (also when a handler\n// stopped it from bubbling further). The native setter Radix uses bypasses it.\nconst trackedChecked = new WeakMap<HTMLInputElement, boolean>()\n\nconst useCheckedTracker = (input: Ref<HTMLInputElement | null>) =>\n  watch(\n    input,\n    (el) => {\n      if (!el || trackedChecked.has(el)) return\n      // React creates the input by setting its `checked` property, so later\n      // changes of the `checked` attribute never move its checkedness\n      el.checked = el.checked\n      trackedChecked.set(el, el.checked)\n    },\n    { flush: \"sync\" },\n  )\n\n/**\n * Radix's RadioBubbleInput effect: sets the hidden radio's `checked` through\n * the native setter (unless `checked` is undefined) and dispatches a bubbling\n * `click`, which the input stops when `stop` is set, so form listeners see\n * the user's radio only. React turns that click into the form's `onChange`\n * when the input's `checked` differs from its value tracker, then refreshes\n * the trackers of the other radios with the same name in the same form;\n * Vue's form listeners are native, so a native `change` follows in those\n * cases.\n */\nconst dispatchBubbleClick = (input: HTMLInputElement, checked: boolean | undefined, stop: boolean) => {\n  const setChecked = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, \"checked\")?.set\n  if (!setChecked) return\n  if (checked !== undefined) setChecked.call(input, checked)\n  const click = new Event(\"click\", { bubbles: true })\n  if (stop) input.addEventListener(\"click\", (event) => event.stopPropagation(), { once: true })\n  input.dispatchEvent(click)\n  if (trackedChecked.get(input) === input.checked) return\n  trackedChecked.set(input, input.checked)\n  input.dispatchEvent(new Event(\"change\", { bubbles: true }))\n\n  const name = input.getAttribute(\"name\")\n  if (name === null) return\n  for (const other of Array.from(input.ownerDocument.querySelectorAll<HTMLInputElement>('input[type=\"radio\"]'))) {\n    if (other !== input && other.getAttribute(\"name\") === name && other.form === input.form && trackedChecked.has(other)) {\n      trackedChecked.set(other, other.checked)\n    }\n  }\n}\n\nconst RadioGroupItemComponent = defineComponent({\n  name: \"RadioGroupItem\",\n  inheritAttrs: false,\n  props: {\n    /** Value of this option */\n    value: { type: String, required: true },\n    /** Determines if a given radio item is disabled. @default false */\n    disabled: { type: Boolean, default: false },\n    /** Sets `required` on this item's radio button (the hidden form input follows the group's) */\n    required: { type: Boolean, default: undefined },\n    /** Stretches the item to fill the available width. @default false */\n    block: { type: Boolean, default: false },\n    /** The orientation of the radio indicator relative to the label. @default \"left\" */\n    orientation: { type: String as PropType<\"left\" | \"right\">, default: \"left\" },\n    /** Optional second line below the option's label, linked via `aria-describedby` (or the `description` slot) */\n    description: String,\n  },\n  setup(props, { attrs, slots }) {\n    const context = useRadioGroupContext()\n    const id = useId()\n    const wrapper = ref<HTMLDivElement | null>(null)\n    const button = ref<HTMLButtonElement | null>(null)\n    const bubbleInput = ref<HTMLInputElement | null>(null)\n\n    const disabled = computed(() => context.disabled.value || props.disabled)\n    const checked = computed(() => context.value.value === props.value)\n\n    // Radix's Radio: the hidden input renders until the button mounts, then only inside a form\n    const isFormControl = useIsFormControl(button, () => undefined)\n    const controlSize = useSize(() => (isFormControl.value ? button.value : null))\n    useCheckedTracker(bubbleInput)\n\n    // Radix RadioGroupItem: an arrow key that moves focus onto a radio checks it\n    let isArrowKeyPressed = false\n    const handleDocumentKeyDown = (event: KeyboardEvent) => {\n      if (ARROW_KEYS.includes(event.key)) isArrowKeyPressed = true\n    }\n    const handleDocumentKeyUp = () => {\n      isArrowKeyPressed = false\n    }\n\n    onMounted(() => {\n      button.value = (wrapper.value?.firstElementChild as HTMLButtonElement | null) ?? null\n      document.addEventListener(\"keydown\", handleDocumentKeyDown)\n      document.addEventListener(\"keyup\", handleDocumentKeyUp)\n    })\n\n    onBeforeUnmount(() => {\n      document.removeEventListener(\"keydown\", handleDocumentKeyDown)\n      document.removeEventListener(\"keyup\", handleDocumentKeyUp)\n    })\n\n    // Radix's RadioBubbleInput effect: the radio the user clicked reports its\n    // click (also when the value did not change); a radio whose `checked`\n    // changed otherwise reports it with a click that stops at the input\n    type UserClick = { hasConsumerStoppedPropagation: boolean }\n    const userClick = shallowRef<UserClick | null>(null)\n    let prevChecked = checked.value\n    let handledUserClick: UserClick | null = null\n    const bubbleInputEffect: BubbleInputEffect = {\n      input: bubbleInput,\n      run: () => {\n        const input = bubbleInput.value\n        if (!input) return\n        const isChecked = checked.value\n        const checkedChanged = prevChecked !== isChecked\n        prevChecked = isChecked\n        const isNewUserClick = userClick.value !== null && userClick.value !== handledUserClick\n        handledUserClick = userClick.value\n        if (isNewUserClick) dispatchBubbleClick(input, checkedChanged ? isChecked : undefined, false)\n        else if (checkedChanged) dispatchBubbleClick(input, isChecked, true)\n      },\n    }\n    context.bubbleInputEffects.add(bubbleInputEffect)\n    onBeforeUnmount(() => context.bubbleInputEffects.delete(bubbleInputEffect))\n    watch([bubbleInput, checked, userClick], context.runBubbleInputEffects, { flush: \"post\" })\n\n    // Radix's RadioBubbleInput renders `defaultChecked` from its first render\n    let defaultChecked: boolean | undefined\n\n    const handleClick = (event: MouseEvent) => {\n      // React does not dispatch mouse handlers on a disabled button\n      if (disabled.value) return\n      if (!checked.value) {\n        // Plex passes no click handler a consumer could stop\n        userClick.value = { hasConsumerStoppedPropagation: false }\n        context.setValue(props.value)\n      }\n      // In a form, the button's click stops here; the hidden input's click\n      // bubbles instead (Plex passes no click handler a consumer could stop)\n      if (isFormControl.value) event.stopPropagation()\n    }\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      // According to WAI ARIA, radio groups don't activate items on enter keypress\n      if (event.key === \"Enter\") event.preventDefault()\n    }\n\n    const handleFocus = (event: FocusEvent) => {\n      // Roving focus moved here with an arrow key: check this radio by clicking it\n      if (isArrowKeyPressed) (event.currentTarget as HTMLButtonElement).click()\n    }\n\n    // Prevents text selection when double-clicking the label\n    const handleLabelMouseDown = (event: MouseEvent) => {\n      if (!event.defaultPrevented && event.detail > 1) event.preventDefault()\n    }\n\n    return () => {\n      const { class: className, ...restAttrs } = attrs\n      const isChecked = checked.value\n      const isDisabled = disabled.value\n      const state = isChecked ? \"checked\" : \"unchecked\"\n      const itemId = `${props.value}-${id}`\n      if (isFormControl.value) defaultChecked ??= isChecked\n      else defaultChecked = undefined\n\n      // Providing an extra wrapper enables `label` to be inline-flex, avoiding clickable whitespace\n      // when radio options are of varied lengths.\n      // NOTE: Important that this is `flex` to prevent the `inline-flex` label from extra, unintentional whitespace.\n      const description = slots.description ? slots.description() : props.description\n      const descriptionId = slots.description || props.description ? `${itemId}-description` : undefined\n      const label = h(\n        \"label\",\n        {\n          \"for\": itemId,\n          \"class\": [s.RadioLabel, className],\n          \"data-disabled\": isDisabled ? \"\" : undefined,\n          \"data-block\": props.block ? \"\" : undefined,\n          \"data-orientation\": props.orientation,\n          \"onMousedown\": handleLabelMouseDown,\n        },\n        [\n          h(\"div\", { class: s.RadioIndicatorWrapper, ref: wrapper }, [\n            h(\n              RovingFocusItem,\n              { asChild: true, focusable: !isDisabled, active: isChecked },\n              {\n                default: () =>\n                  h(\n                    \"button\",\n                    {\n                      \"type\": \"button\",\n                      \"role\": \"radio\",\n                      \"aria-checked\": isChecked,\n                      \"data-state\": state,\n                      \"data-disabled\": isDisabled ? \"\" : undefined,\n                      \"disabled\": isDisabled,\n                      \"value\": props.value,\n                      // radix-ui 1.8: the item's own `required` lands on its button\n                      \"required\": props.required ? \"\" : undefined,\n                      \"id\": itemId,\n                      \"class\": s.RadioItem,\n                      \"aria-describedby\": descriptionId,\n                      // Reka's RovingFocusItem marks the active item; Radix does not\n                      \"data-active\": undefined,\n                      \"onClick\": handleClick,\n                      \"onKeydown\": handleKeyDown,\n                      \"onFocus\": handleFocus,\n                    },\n                    [\n                      h(\n                        Presence,\n                        { present: isChecked },\n                        {\n                          // Presence calls its slot once during setup; withCtx marks it\n                          // as a render slot so Vue does not warn about that call\n                          default: withCtx(() => [\n                            h(\"span\", {\n                              \"data-state\": state,\n                              \"data-disabled\": isDisabled ? \"\" : undefined,\n                              \"class\": s.RadioIndicator,\n                            }),\n                          ]),\n                        },\n                      ),\n                    ],\n                  ),\n              },\n            ),\n            isFormControl.value\n              ? h(\"input\", {\n                  \"ref\": bubbleInput,\n                  \"type\": \"radio\",\n                  \"aria-hidden\": \"true\",\n                  // React's `defaultChecked`, from the input's first render\n                  \"^checked\": defaultChecked ? \"\" : undefined,\n                  \"name\": context.name.value,\n                  \"^value\": props.value,\n                  // radix-ui 1.8: the group's `required` reaches every input\n                  \"required\": context.required.value,\n                  \"disabled\": isDisabled,\n                  \"tabindex\": -1,\n                  \"style\": bubbleInputStyle(controlSize.value, { transform: \"translateX(-100%)\" }),\n                })\n              : null,\n          ]),\n          slots.default?.(),\n        ],\n      )\n\n      return h(\"div\", { class: [\"flex\", props.block && \"w-full\"], ...restAttrs }, [\n        descriptionId\n          ? // The description stays outside the label, so it describes the radio instead of naming it\n            h(\n              \"div\",\n              {\n                \"class\": s.RadioItemGroup,\n                \"data-block\": props.block ? \"\" : undefined,\n                \"data-orientation\": props.orientation,\n              },\n              [\n                label,\n                h(\n                  \"span\",\n                  { \"id\": descriptionId, \"class\": s.RadioDescription, \"data-disabled\": isDisabled ? \"\" : undefined },\n                  description,\n                ),\n              ],\n            )\n          : label,\n      ])\n    }\n  },\n})\n\ntype RadioGroupOwnProps = InstanceType<typeof RadioGroupComponent>[\"$props\"]\n\n/** RadioGroup props plus the attributes that fall through to the group element, as in React. */\nexport type RadioGroupProps = RadioGroupOwnProps &\n  Omit<HTMLAttributes, keyof RadioGroupOwnProps> & { \"aria-label\"?: string }\n\ntype RadioGroupItemOwnProps = InstanceType<typeof RadioGroupItemComponent>[\"$props\"]\n\n/** RadioGroupItem props; `class` lands on the label, other attributes on the wrapper `<div>`. */\nexport type RadioGroupItemProps = RadioGroupItemOwnProps & Omit<HTMLAttributes, keyof RadioGroupItemOwnProps>\n\nexport const RadioGroupItem = RadioGroupItemComponent as typeof RadioGroupItemComponent & {\n  new (): { $props: RadioGroupItemProps }\n}\n\n/**\n * Single-choice group of radio items. Flat export `RadioGroupItem` for\n * templates; `RadioGroup.Item` for render functions and SFCs.\n */\n// Typed explicitly so the published declaration refers to the parts instead of\n// expanding them (an expanded component type fails consumers' type checks)\nexport const RadioGroup: typeof RadioGroupComponent & { new (): { $props: RadioGroupProps } } & {\n  Item: typeof RadioGroupItem\n} = Object.assign(\n  RadioGroupComponent as typeof RadioGroupComponent & { new (): { $props: RadioGroupProps } },\n  { Item: RadioGroupItem },\n)\n"]}

package/dist/es/components/RadioGroup/index.js

@@ -0,0 +1,2 @@
+export { RadioGroup, RadioGroupItem } from "./RadioGroup.js";
+//# sourceMappingURL=index.js.map

package/dist/es/components/RadioGroup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/RadioGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAkD,MAAM,iBAAiB,CAAA","sourcesContent":["export { RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps } from \"./RadioGroup.js\"\n"]}

package/dist/es/components/SegmentedControl/index.js

@@ -0,0 +1,4 @@
+// Backward-compatible alias of Tabs, as in packages/ui/src/components/SegmentedControl.
+// React's `SegmentedControl.Option` / `SegmentedControl.Tab` are flat exports here.
+export { Tabs as SegmentedControl, TabsTab as SegmentedControlOption, TabsTab as SegmentedControlTab, } from "../Tabs/index.js";
+//# sourceMappingURL=index.js.map

package/dist/es/components/SegmentedControl/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/SegmentedControl/index.ts"],"names":[],"mappings":"AAAA,wFAAwF;AACxF,oFAAoF;AACpF,OAAO,EACL,IAAI,IAAI,gBAAgB,EACxB,OAAO,IAAI,sBAAsB,EACjC,OAAO,IAAI,mBAAmB,GAK/B,MAAM,kBAAkB,CAAA","sourcesContent":["// Backward-compatible alias of Tabs, as in packages/ui/src/components/SegmentedControl.\n// React's `SegmentedControl.Option` / `SegmentedControl.Tab` are flat exports here.\nexport {\n  Tabs as SegmentedControl,\n  TabsTab as SegmentedControlOption,\n  TabsTab as SegmentedControlTab,\n  type SizeVariant,\n  type TabsBadgeProp as SegmentedControlBadgeProp,\n  type TabProps as SegmentedControlOptionProps,\n  type TabsProps as SegmentedControlProps,\n} from \"../Tabs/index.js\"\n"]}