@plexui/vue 0.1.11 → 0.2.0

package/dist/es/components/FieldError/FieldError.js

@@ -15,8 +15,10 @@ export const FieldError = defineComponent({
     },
     setup(props, { slots, attrs }) {
         return () => h("div", { class: [s.FieldError, attrs.class], id: props.id, role: "alert" }, [
-            props.icon ? h(ExclamationMarkCircle, { class: s.Icon }) : null,
-            h("span", null, slots.default?.()),
+            h("div", { class: s.Inner }, [
+                props.icon ? h(ExclamationMarkCircle, { class: s.Icon }) : null,
+                h("span", null, slots.default?.()),
+            ]),
         ]);
     },
 });

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

@@ -1 +1 @@
-{"version":3,"file":"FieldError.js","sourceRoot":"","sources":["../../../../src/components/FieldError/FieldError.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAA;AACxC,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,CAAC,MAAM,4DAA4D,CAAA;AAE1E;;;GAGG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,eAAe,CAAC;IACxC,IAAI,EAAE,YAAY;IAClB,YAAY,EAAE,KAAK;IACnB,KAAK,EAAE;QACL,EAAE,EAAE,MAAM;QACV,6DAA6D;QAC7D,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;KACvC;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;QAC3B,OAAO,GAAG,EAAE,CACV,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE;YAC5E,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,qBAAqB,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI;YAC/D,CAAC,CAAC,MAAM,EAAE,IAAI,EAAE,KAAK,CAAC,OAAO,EAAE,EAAE,CAAC;SACnC,CAAC,CAAA;IACN,CAAC;CACF,CAAC,CAAA","sourcesContent":["import { defineComponent, h } from \"vue\"\nimport { ExclamationMarkCircle } from \"../Icon/index.js\"\nimport s from \"@plexui/styles/components/FieldError/FieldError.module.css\"\n\n/**\n * Port of packages/ui/src/components/FieldError/FieldError.tsx. Like React,\n * only `class` and `id` reach the DOM; other attributes are dropped.\n */\nexport const FieldError = defineComponent({\n  name: \"FieldError\",\n  inheritAttrs: false,\n  props: {\n    id: String,\n    /** Shows the error icon before the message. @default true */\n    icon: { type: Boolean, default: true },\n  },\n  setup(props, { slots, attrs }) {\n    return () =>\n      h(\"div\", { class: [s.FieldError, attrs.class], id: props.id, role: \"alert\" }, [\n        props.icon ? h(ExclamationMarkCircle, { class: s.Icon }) : null,\n        h(\"span\", null, slots.default?.()),\n      ])\n  },\n})\n\nexport type FieldErrorProps = InstanceType<typeof FieldError>[\"$props\"]\n"]}
+{"version":3,"file":"FieldError.js","sourceRoot":"","sources":["../../../../src/components/FieldError/FieldError.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAA;AACxC,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,CAAC,MAAM,4DAA4D,CAAA;AAE1E;;;GAGG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,eAAe,CAAC;IACxC,IAAI,EAAE,YAAY;IAClB,YAAY,EAAE,KAAK;IACnB,KAAK,EAAE;QACL,EAAE,EAAE,MAAM;QACV,6DAA6D;QAC7D,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;KACvC;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;QAC3B,OAAO,GAAG,EAAE,CACV,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE;YAC5E,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE;gBAC3B,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,qBAAqB,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI;gBAC/D,CAAC,CAAC,MAAM,EAAE,IAAI,EAAE,KAAK,CAAC,OAAO,EAAE,EAAE,CAAC;aACnC,CAAC;SACH,CAAC,CAAA;IACN,CAAC;CACF,CAAC,CAAA","sourcesContent":["import { defineComponent, h } from \"vue\"\nimport { ExclamationMarkCircle } from \"../Icon/index.js\"\nimport s from \"@plexui/styles/components/FieldError/FieldError.module.css\"\n\n/**\n * Port of packages/ui/src/components/FieldError/FieldError.tsx. Like React,\n * only `class` and `id` reach the DOM; other attributes are dropped.\n */\nexport const FieldError = defineComponent({\n  name: \"FieldError\",\n  inheritAttrs: false,\n  props: {\n    id: String,\n    /** Shows the error icon before the message. @default true */\n    icon: { type: Boolean, default: true },\n  },\n  setup(props, { slots, attrs }) {\n    return () =>\n      h(\"div\", { class: [s.FieldError, attrs.class], id: props.id, role: \"alert\" }, [\n        h(\"div\", { class: s.Inner }, [\n          props.icon ? h(ExclamationMarkCircle, { class: s.Icon }) : null,\n          h(\"span\", null, slots.default?.()),\n        ]),\n      ])\n  },\n})\n\nexport type FieldErrorProps = InstanceType<typeof FieldError>[\"$props\"]\n"]}

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

@@ -351,11 +351,13 @@ const RadioGroupItemComponent = defineComponent({
                 event.preventDefault();
         };
         return () => {
-            const { class: className, ...restAttrs } = attrs;
+            const { "class": className, 
+            // These name the radio itself: a `Field` around the item labels it through them
+            "id": idAttr, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, ...restAttrs } = attrs;
             const isChecked = checked.value;
             const isDisabled = disabled.value;
             const state = isChecked ? "checked" : "unchecked";
-            const itemId = `${props.value}-${id}`;
+            const itemId = idAttr ?? `${props.value}-${id}`;
             if (isFormControl.value)
                 defaultChecked ??= isChecked;
             else
@@ -387,7 +389,9 @@ const RadioGroupItemComponent = defineComponent({
                             "required": props.required ? "" : undefined,
                             "id": itemId,
                             "class": s.RadioItem,
-                            "aria-describedby": descriptionId,
+                            "aria-label": ariaLabel,
+                            "aria-labelledby": ariaLabelledBy,
+                            "aria-describedby": [descriptionId, ariaDescribedBy].filter(Boolean).join(" ") || undefined,
                             // Reka's RovingFocusItem marks the active item; Radix does not
                             "data-active": undefined,
                             "onClick": handleClick,

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

@@ -1 +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"]}
+{"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 {\n        \"class\": className,\n        // These name the radio itself: a `Field` around the item labels it through them\n        \"id\": idAttr,\n        \"aria-label\": ariaLabel,\n        \"aria-labelledby\": ariaLabelledBy,\n        \"aria-describedby\": ariaDescribedBy,\n        ...restAttrs\n      } = attrs\n      const isChecked = checked.value\n      const isDisabled = disabled.value\n      const state = isChecked ? \"checked\" : \"unchecked\"\n      const itemId = (idAttr as string | undefined) ?? `${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-label\": ariaLabel,\n                      \"aria-labelledby\": ariaLabelledBy,\n                      \"aria-describedby\": [descriptionId, ariaDescribedBy].filter(Boolean).join(\" \") || undefined,\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/Sortable/Sortable.js

@@ -0,0 +1,90 @@
+import clsx, {} from "clsx";
+import { defineComponent, h, nextTick, } from "vue";
+import { moveItem, sortableKeyDown, sortablePointerDown } from "../../lib/sortable.js";
+import { GripVertical } from "../Icon/index.js";
+import s from "@plexui/styles/components/Sortable/Sortable.module.css";
+// Vue port of packages/ui/src/components/Sortable/Sortable.tsx.
+//
+// - `value` binds with `v-model:value`; `change` fires with it.
+// - React's `Sortable.Handle` is the flat `SortableHandle` here.
+// - Attributes reach the rendered element, as React's rest props do.
+const preventNativeDrag = (event) => event.preventDefault();
+const SortableComponent = defineComponent({
+    name: "Sortable",
+    inheritAttrs: false,
+    props: {
+        /** The list, in the order of the children. Bind with `v-model:value`. */
+        value: { type: Array, required: true },
+        /** `list` for rows one under another, `grid` for items that stand side by side. @default "list" */
+        layout: { type: String, default: "list" },
+        /** Element to render, such as `TableBody` for table rows. @default "div" */
+        as: { type: [String, Object], default: "div" },
+        /** Turns dragging off. @default false */
+        disabled: { type: Boolean, default: false },
+        /** Shows the grips of `SortableHandle`. A hidden grip still takes the keyboard, and the item drags from anywhere but a control. @default true in a table, otherwise false */
+        handles: { type: Boolean, default: undefined },
+    },
+    emits: {
+        "update:value": (_value) => true,
+        "change": (_value) => true,
+    },
+    slots: Object,
+    setup(props, { attrs, emit, slots }) {
+        const commit = async (from, to) => {
+            const next = moveItem(props.value, from, to);
+            emit("update:value", next);
+            emit("change", next);
+            await nextTick();
+        };
+        const onPointerdown = (event) => {
+            if (!props.disabled) {
+                sortablePointerDown(event, event.currentTarget, props.layout, commit);
+            }
+        };
+        const onKeydown = (event) => {
+            if (!props.disabled)
+                void sortableKeyDown(event, event.currentTarget, commit);
+        };
+        return () => {
+            const { class: className, ...rest } = attrs;
+            const isElement = typeof props.as === "string";
+            return h(props.as, {
+                ...rest,
+                "class": clsx(s.Sortable, className),
+                "data-sortable": "",
+                "data-layout": props.layout,
+                "data-disabled": props.disabled ? "" : undefined,
+                "data-handles": props.handles?.toString(),
+                onPointerdown,
+                onKeydown,
+                "onDragstart": preventNativeDrag,
+            }, isElement ? slots.default?.() : { default: () => slots.default?.() });
+        };
+    },
+});
+const SortableHandleComponent = defineComponent({
+    name: "SortableHandle",
+    inheritAttrs: false,
+    props: {
+        /** Name of the handle for assistive technology. @default "Reorder" */
+        ariaLabel: { type: String, default: "Reorder" },
+    },
+    slots: Object,
+    setup(props, { attrs, slots }) {
+        return () => {
+            const { class: className, ...rest } = attrs;
+            return h("button", {
+                ...rest,
+                "type": "button",
+                "class": clsx(s.Handle, className),
+                "data-sortable-handle": "",
+                "aria-label": props.ariaLabel,
+            }, (slots.default ? slots.default() : [h(GripVertical, { "aria-hidden": true })]));
+        };
+    },
+});
+/** Reorders its direct children by dragging, from anywhere but a control, or by a `SortableHandle` where grips are shown. */
+export const Sortable = SortableComponent;
+/** The grip of an item. Arrow keys move the item while the handle has focus. */
+export const SortableHandle = SortableHandleComponent;
+//# sourceMappingURL=Sortable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sortable.js","sourceRoot":"","sources":["../../../../src/components/Sortable/Sortable.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,EAAE,EAAmB,MAAM,MAAM,CAAA;AAC5C,OAAO,EACL,eAAe,EACf,CAAC,EACD,QAAQ,GAMT,MAAM,KAAK,CAAA;AACZ,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,mBAAmB,EAAuB,MAAM,uBAAuB,CAAA;AAC3G,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC/C,OAAO,CAAC,MAAM,wDAAwD,CAAA;AAEtE,gEAAgE;AAChE,EAAE;AACF,gEAAgE;AAChE,iEAAiE;AACjE,qEAAqE;AAErE,MAAM,iBAAiB,GAAG,CAAC,KAAY,EAAE,EAAE,CAAC,KAAK,CAAC,cAAc,EAAE,CAAA;AAElE,MAAM,iBAAiB,GAAG,eAAe,CAAC;IACxC,IAAI,EAAE,UAAU;IAChB,YAAY,EAAE,KAAK;IACnB,KAAK,EAAE;QACL,yEAAyE;QACzE,KAAK,EAAE,EAAE,IAAI,EAAE,KAAqC,EAAE,QAAQ,EAAE,IAAI,EAAE;QACtE,mGAAmG;QACnG,MAAM,EAAE,EAAE,IAAI,EAAE,MAAkC,EAAE,OAAO,EAAE,MAAM,EAAE;QACrE,4EAA4E;QAC5E,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAiC,EAAE,OAAO,EAAE,KAAK,EAAE;QAC9E,yCAAyC;QACzC,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;QAC3C,6KAA6K;QAC7K,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE;KAC/C;IACD,KAAK,EAAE;QACL,cAAc,EAAE,CAAC,MAAiB,EAAE,EAAE,CAAC,IAAI;QAC3C,QAAQ,EAAE,CAAC,MAAiB,EAAE,EAAE,CAAC,IAAI;KACtC;IACD,KAAK,EAAE,MAGL;IACF,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE;QACjC,MAAM,MAAM,GAAG,KAAK,EAAE,IAAY,EAAE,EAAU,EAAE,EAAE;YAChD,MAAM,IAAI,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,CAAC,CAAA;YAC5C,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,CAAA;YAC1B,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAA;YACpB,MAAM,QAAQ,EAAE,CAAA;QAClB,CAAC,CAAA;QAED,MAAM,aAAa,GAAG,CAAC,KAAmB,EAAE,EAAE;YAC5C,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;gBACpB,mBAAmB,CAAC,KAAK,EAAE,KAAK,CAAC,aAA4B,EAAE,KAAK,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;YACtF,CAAC;QACH,CAAC,CAAA;QAED,MAAM,SAAS,GAAG,CAAC,KAAoB,EAAE,EAAE;YACzC,IAAI,CAAC,KAAK,CAAC,QAAQ;gBAAE,KAAK,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,aAA4B,EAAE,MAAM,CAAC,CAAA;QAC9F,CAAC,CAAA;QAED,OAAO,GAAG,EAAE;YACV,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;YAC3C,MAAM,SAAS,GAAG,OAAO,KAAK,CAAC,EAAE,KAAK,QAAQ,CAAA;YAC9C,OAAO,CAAC,CACN,KAAK,CAAC,EAAY,EAClB;gBACE,GAAG,IAAI;gBACP,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,QAAQ,EAAE,SAAuB,CAAC;gBAClD,eAAe,EAAE,EAAE;gBACnB,aAAa,EAAE,KAAK,CAAC,MAAM;gBAC3B,eAAe,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;gBAChD,cAAc,EAAE,KAAK,CAAC,OAAO,EAAE,QAAQ,EAAE;gBACzC,aAAa;gBACb,SAAS;gBACT,aAAa,EAAE,iBAAiB;aACjC,EACD,SAAS,CAAC,CAAC,CAAE,KAAK,CAAC,OAAO,EAAE,EAAyB,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,EAAE,EAAE,CAC7F,CAAA;QACH,CAAC,CAAA;IACH,CAAC;CACF,CAAC,CAAA;AAEF,MAAM,uBAAuB,GAAG,eAAe,CAAC;IAC9C,IAAI,EAAE,gBAAgB;IACtB,YAAY,EAAE,KAAK;IACnB,KAAK,EAAE;QACL,sEAAsE;QACtE,SAAS,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;KAChD;IACD,KAAK,EAAE,MAGL;IACF,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;QAC3B,OAAO,GAAG,EAAE;YACV,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;YAC3C,OAAO,CAAC,CACN,QAAQ,EACR;gBACE,GAAG,IAAI;gBACP,MAAM,EAAE,QAAQ;gBAChB,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE,SAAuB,CAAC;gBAChD,sBAAsB,EAAE,EAAE;gBAC1B,YAAY,EAAE,KAAK,CAAC,SAAS;aAC9B,EACD,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAC,CAAuB,CACrG,CAAA;QACH,CAAC,CAAA;IACH,CAAC;CACF,CAAC,CAAA;AAEF,6HAA6H;AAC7H,MAAM,CAAC,MAAM,QAAQ,GAAG,iBAAiB,CAAA;AACzC,gFAAgF;AAChF,MAAM,CAAC,MAAM,cAAc,GAAG,uBAAuB,CAAA","sourcesContent":["import clsx, { type ClassValue } from \"clsx\"\nimport {\n  defineComponent,\n  h,\n  nextTick,\n  type Component,\n  type PropType,\n  type SlotsType,\n  type VNodeArrayChildren,\n  type VNodeChild,\n} from \"vue\"\nimport { moveItem, sortableKeyDown, sortablePointerDown, type SortableLayout } from \"../../lib/sortable.js\"\nimport { GripVertical } from \"../Icon/index.js\"\nimport s from \"@plexui/styles/components/Sortable/Sortable.module.css\"\n\n// Vue port of packages/ui/src/components/Sortable/Sortable.tsx.\n//\n// - `value` binds with `v-model:value`; `change` fires with it.\n// - React's `Sortable.Handle` is the flat `SortableHandle` here.\n// - Attributes reach the rendered element, as React's rest props do.\n\nconst preventNativeDrag = (event: Event) => event.preventDefault()\n\nconst SortableComponent = defineComponent({\n  name: \"Sortable\",\n  inheritAttrs: false,\n  props: {\n    /** The list, in the order of the children. Bind with `v-model:value`. */\n    value: { type: Array as PropType<readonly unknown[]>, required: true },\n    /** `list` for rows one under another, `grid` for items that stand side by side. @default \"list\" */\n    layout: { type: String as PropType<SortableLayout>, default: \"list\" },\n    /** Element to render, such as `TableBody` for table rows. @default \"div\" */\n    as: { type: [String, Object] as PropType<string | Component>, default: \"div\" },\n    /** Turns dragging off. @default false */\n    disabled: { type: Boolean, default: false },\n    /** Shows the grips of `SortableHandle`. A hidden grip still takes the keyboard, and the item drags from anywhere but a control. @default true in a table, otherwise false */\n    handles: { type: Boolean, default: undefined },\n  },\n  emits: {\n    \"update:value\": (_value: unknown[]) => true,\n    \"change\": (_value: unknown[]) => true,\n  },\n  slots: Object as SlotsType<{\n    /** The items, one direct child per entry of `value`, keyed by the entry and not by its index */\n    default?: () => VNodeChild\n  }>,\n  setup(props, { attrs, emit, slots }) {\n    const commit = async (from: number, to: number) => {\n      const next = moveItem(props.value, from, to)\n      emit(\"update:value\", next)\n      emit(\"change\", next)\n      await nextTick()\n    }\n\n    const onPointerdown = (event: PointerEvent) => {\n      if (!props.disabled) {\n        sortablePointerDown(event, event.currentTarget as HTMLElement, props.layout, commit)\n      }\n    }\n\n    const onKeydown = (event: KeyboardEvent) => {\n      if (!props.disabled) void sortableKeyDown(event, event.currentTarget as HTMLElement, commit)\n    }\n\n    return () => {\n      const { class: className, ...rest } = attrs\n      const isElement = typeof props.as === \"string\"\n      return h(\n        props.as as string,\n        {\n          ...rest,\n          \"class\": clsx(s.Sortable, className as ClassValue),\n          \"data-sortable\": \"\",\n          \"data-layout\": props.layout,\n          \"data-disabled\": props.disabled ? \"\" : undefined,\n          \"data-handles\": props.handles?.toString(),\n          onPointerdown,\n          onKeydown,\n          \"onDragstart\": preventNativeDrag,\n        },\n        isElement ? (slots.default?.() as VNodeArrayChildren) : { default: () => slots.default?.() },\n      )\n    }\n  },\n})\n\nconst SortableHandleComponent = defineComponent({\n  name: \"SortableHandle\",\n  inheritAttrs: false,\n  props: {\n    /** Name of the handle for assistive technology. @default \"Reorder\" */\n    ariaLabel: { type: String, default: \"Reorder\" },\n  },\n  slots: Object as SlotsType<{\n    /** The grip */\n    default?: () => VNodeChild\n  }>,\n  setup(props, { attrs, slots }) {\n    return () => {\n      const { class: className, ...rest } = attrs\n      return h(\n        \"button\",\n        {\n          ...rest,\n          \"type\": \"button\",\n          \"class\": clsx(s.Handle, className as ClassValue),\n          \"data-sortable-handle\": \"\",\n          \"aria-label\": props.ariaLabel,\n        },\n        (slots.default ? slots.default() : [h(GripVertical, { \"aria-hidden\": true })]) as VNodeArrayChildren,\n      )\n    }\n  },\n})\n\n/** Reorders its direct children by dragging, from anywhere but a control, or by a `SortableHandle` where grips are shown. */\nexport const Sortable = SortableComponent\n/** The grip of an item. Arrow keys move the item while the handle has focus. */\nexport const SortableHandle = SortableHandleComponent\nexport type { SortableLayout }\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Sortable/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAuB,MAAM,eAAe,CAAA","sourcesContent":["export { Sortable, SortableHandle, type SortableLayout } from \"./Sortable.js\"\n"]}

package/dist/es/components/Tabs/Tabs.js

@@ -272,16 +272,17 @@ const TabsComponent = defineComponent({
                     });
                 });
             }
+            else if (thumb.style.transition) {
+                // Normal update (value change, etc.): the thumb leaves with the label's colour
+                applyThumbSizing(isVertical, true);
+            }
             else {
-                // Normal update (value change, etc.)
+                // First measure: apply transition after initial calculation is set
                 waitForAnimationFrame(() => {
-                    applyThumbSizing(isVertical, !!thumb.style.transition);
-                    // Apply transition after initial calculation is set
-                    if (!thumb.style.transition) {
-                        waitForAnimationFrame(() => {
-                            thumb.style.transition = transitionProperty;
-                        });
-                    }
+                    applyThumbSizing(isVertical, false);
+                    waitForAnimationFrame(() => {
+                        thumb.style.transition = transitionProperty;
+                    });
                 });
             }
         };