@burtson-labs/ui 0.13.1 → 0.14.1

package/dist/primitives/vendor/radix/react-radio-group/radio.js

@@ -0,0 +1,150 @@
+"use client";
+import { createContextScope } from "../react-context/create-context.js";
+import { useComposedRefs } from "../react-compose-refs/compose-refs.js";
+import { composeEventHandlers } from "../primitive/primitive.js";
+import { Primitive } from "../react-primitive/primitive.js";
+import { Presence } from "../react-presence/presence.js";
+import { useSize } from "../react-use-size/use-size.js";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/primitives/vendor/radix/react-radio-group/radio.tsx
+var RADIO_NAME = "Radio";
+var [createRadioContext, createRadioScope] = createContextScope(RADIO_NAME);
+var [RadioProviderImpl, useRadioContext] = createRadioContext(RADIO_NAME);
+function RadioProvider(props) {
+	const { __scopeRadio, checked = false, children, disabled, form, name, onCheck, required, value = "on", internal_do_not_use_render } = props;
+	const [control, setControl] = React.useState(null);
+	const [bubbleInput, setBubbleInput] = React.useState(null);
+	const hasConsumerStoppedPropagationRef = React.useRef(false);
+	const [userInteractionCount, onUserInteraction] = React.useReducer((count) => count + 1, 0);
+	const context = {
+		checked,
+		disabled,
+		required,
+		name,
+		form,
+		value,
+		control,
+		setControl,
+		hasConsumerStoppedPropagationRef,
+		userInteractionCount,
+		onUserInteraction,
+		isFormControl: control ? !!form || !!control.closest("form") : true,
+		bubbleInput,
+		setBubbleInput,
+		onCheck: () => onCheck?.()
+	};
+	return /* @__PURE__ */ jsx(RadioProviderImpl, {
+		scope: __scopeRadio,
+		...context,
+		children: isFunction(internal_do_not_use_render) ? internal_do_not_use_render(context) : children
+	});
+}
+var TRIGGER_NAME = "RadioTrigger";
+var RadioTrigger = /* @__PURE__ */ React.forwardRef(function RadioTrigger({ __scopeRadio, onClick, ...radioProps }, forwardedRef) {
+	const { checked, disabled, value, setControl, onCheck, hasConsumerStoppedPropagationRef, onUserInteraction, isFormControl, bubbleInput } = useRadioContext(TRIGGER_NAME, __scopeRadio);
+	const composedRefs = useComposedRefs(forwardedRef, setControl);
+	return /* @__PURE__ */ jsx(Primitive.button, {
+		type: "button",
+		role: "radio",
+		"aria-checked": checked,
+		"data-state": getState(checked),
+		"data-disabled": disabled ? "" : void 0,
+		disabled,
+		value,
+		...radioProps,
+		ref: composedRefs,
+		onClick: composeEventHandlers(onClick, (event) => {
+			if (!checked) {
+				onUserInteraction();
+				onCheck();
+			}
+			if (bubbleInput && isFormControl) {
+				hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();
+				if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();
+			}
+		})
+	});
+});
+var INDICATOR_NAME = "RadioIndicator";
+var RadioIndicator = /* @__PURE__ */ React.forwardRef(function RadioIndicator(props, forwardedRef) {
+	const { __scopeRadio, forceMount, ...indicatorProps } = props;
+	const context = useRadioContext(INDICATOR_NAME, __scopeRadio);
+	return /* @__PURE__ */ jsx(Presence, {
+		present: forceMount || context.checked,
+		children: /* @__PURE__ */ jsx(Primitive.span, {
+			"data-state": getState(context.checked),
+			"data-disabled": context.disabled ? "" : void 0,
+			...indicatorProps,
+			ref: forwardedRef
+		})
+	});
+});
+var BUBBLE_INPUT_NAME = "RadioBubbleInput";
+var RadioBubbleInput = /* @__PURE__ */ React.forwardRef(function RadioBubbleInput({ __scopeRadio, onClick, ...props }, forwardedRef) {
+	const { control, checked, required, disabled, name, value, form, bubbleInput, setBubbleInput, hasConsumerStoppedPropagationRef, userInteractionCount } = useRadioContext(BUBBLE_INPUT_NAME, __scopeRadio);
+	const composedRefs = useComposedRefs(forwardedRef, setBubbleInput);
+	const controlSize = useSize(control);
+	const shouldStopClickPropagationRef = React.useRef(false);
+	const prevCheckedRef = React.useRef(checked);
+	const prevUserInteractionCountRef = React.useRef(userInteractionCount);
+	React.useEffect(() => {
+		const input = bubbleInput;
+		if (!input) return;
+		const inputProto = window.HTMLInputElement.prototype;
+		const setChecked = Object.getOwnPropertyDescriptor(inputProto, "checked").set;
+		const isUserInteraction = userInteractionCount !== prevUserInteractionCountRef.current;
+		prevUserInteractionCountRef.current = userInteractionCount;
+		const checkedChanged = prevCheckedRef.current !== checked;
+		prevCheckedRef.current = checked;
+		const bubbles = !(isUserInteraction && hasConsumerStoppedPropagationRef.current);
+		if (checkedChanged && setChecked) {
+			shouldStopClickPropagationRef.current = !isUserInteraction;
+			const event = new Event("click", { bubbles });
+			setChecked.call(input, checked);
+			input.dispatchEvent(event);
+			shouldStopClickPropagationRef.current = false;
+		}
+	}, [
+		bubbleInput,
+		checked,
+		hasConsumerStoppedPropagationRef,
+		userInteractionCount
+	]);
+	const defaultCheckedRef = React.useRef(checked);
+	return /* @__PURE__ */ jsx(Primitive.input, {
+		type: "radio",
+		"aria-hidden": true,
+		defaultChecked: defaultCheckedRef.current,
+		required,
+		disabled,
+		name,
+		value,
+		form,
+		...props,
+		tabIndex: -1,
+		ref: composedRefs,
+		onClick: composeEventHandlers(onClick, (event) => {
+			if (shouldStopClickPropagationRef.current) event.stopPropagation();
+		}),
+		style: {
+			...props.style,
+			...controlSize,
+			position: "absolute",
+			pointerEvents: "none",
+			opacity: 0,
+			margin: 0,
+			transform: "translateX(-100%)"
+		}
+	});
+});
+function isFunction(value) {
+	return typeof value === "function";
+}
+function getState(checked) {
+	return checked ? "checked" : "unchecked";
+}
+//#endregion
+export { RadioBubbleInput, RadioIndicator, RadioProvider, RadioTrigger, createRadioScope, useRadioContext };
+
+//# sourceMappingURL=radio.js.map

package/dist/primitives/vendor/radix/react-radio-group/radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.js","names":[],"sources":["../../../../../src/primitives/vendor/radix/react-radio-group/radio.tsx"],"sourcesContent":["// Vendored from Radix Primitives (c) 2022 WorkOS, MIT. See vendor/LICENSE.radix.\n// Local modification: package imports resolve to the pinned local source.\nimport * as React from 'react';\nimport { composeEventHandlers } from '../primitive';\nimport { useComposedRefs } from '../react-compose-refs';\nimport { createContextScope } from '../react-context';\nimport { useSize } from '../react-use-size';\nimport { Presence } from '../react-presence';\nimport { Primitive } from '../react-primitive';\n\nimport type { Scope } from '../react-context';\n\nconst RADIO_NAME = 'Radio';\n\ntype ScopedProps<P> = P & { __scopeRadio?: Scope };\nconst [createRadioContext, createRadioScope] = createContextScope(RADIO_NAME);\n\ntype RadioContextValue = {\n  checked: boolean;\n  disabled: boolean | undefined;\n  required: boolean | undefined;\n  name: string | undefined;\n  form: string | undefined;\n  value: string | number | readonly string[];\n  control: HTMLButtonElement | null;\n  setControl: React.Dispatch<React.SetStateAction<HTMLButtonElement | null>>;\n  hasConsumerStoppedPropagationRef: React.RefObject<boolean>;\n  userInteractionCount: number;\n  onUserInteraction: () => void;\n  isFormControl: boolean;\n  bubbleInput: HTMLInputElement | null;\n  setBubbleInput: React.Dispatch<React.SetStateAction<HTMLInputElement | null>>;\n  onCheck(): void;\n};\n\nconst [RadioProviderImpl, useRadioContext] = createRadioContext<RadioContextValue>(RADIO_NAME);\n\n/* -------------------------------------------------------------------------------------------------\n * RadioProvider\n * -----------------------------------------------------------------------------------------------*/\n\ninterface RadioProviderProps {\n  checked?: boolean;\n  required?: boolean;\n  disabled?: boolean;\n  name?: string;\n  form?: string;\n  value?: string | number | readonly string[];\n  onCheck?(): void;\n  children?: React.ReactNode;\n}\n\nfunction RadioProvider(props: ScopedProps<RadioProviderProps>) {\n  const {\n    __scopeRadio,\n    checked = false,\n    children,\n    disabled,\n    form,\n    name,\n    onCheck,\n    required,\n    value = 'on',\n    // @ts-expect-error\n    internal_do_not_use_render,\n  } = props;\n\n  const [control, setControl] = React.useState<HTMLButtonElement | null>(null);\n  const [bubbleInput, setBubbleInput] = React.useState<HTMLInputElement | null>(null);\n  const hasConsumerStoppedPropagationRef = React.useRef(false);\n\n  // Incremented on every user interaction with the trigger. The bubble input\n  // compares this against the value it last handled to tell whether a `checked`\n  // change was driven by the user (vs. a controlled/programmatic update). Using\n  // a counter guarantees the marker is updated in the same commit as the\n  // resulting render, so it can never go stale and leak into a later\n  // programmatic update.\n  const [userInteractionCount, onUserInteraction] = React.useReducer(\n    (count: number): number => count + 1,\n    0,\n  );\n\n  const isFormControl = control\n    ? !!form || !!control.closest('form')\n    : // We set this to true by default so that events bubble to forms without JS (SSR)\n      true;\n\n  const context: RadioContextValue = {\n    checked,\n    disabled,\n    required,\n    name,\n    form,\n    value,\n    control,\n    setControl,\n    hasConsumerStoppedPropagationRef,\n    userInteractionCount,\n    onUserInteraction,\n    isFormControl,\n    bubbleInput,\n    setBubbleInput,\n    onCheck: () => onCheck?.(),\n  };\n\n  return (\n    <RadioProviderImpl scope={__scopeRadio} {...context}>\n      {isFunction(internal_do_not_use_render) ? internal_do_not_use_render(context) : children}\n    </RadioProviderImpl>\n  );\n}\n\n/* -------------------------------------------------------------------------------------------------\n * RadioTrigger\n * -----------------------------------------------------------------------------------------------*/\n\nconst TRIGGER_NAME = 'RadioTrigger';\n\ninterface RadioTriggerProps extends Omit<\n  React.ComponentPropsWithoutRef<typeof Primitive.button>,\n  keyof RadioProviderProps\n> {\n  children?: React.ReactNode;\n}\n\nconst RadioTrigger = /* @__PURE__ */ React.forwardRef<HTMLButtonElement, RadioTriggerProps>(\n  function RadioTrigger(\n    { __scopeRadio, onClick, ...radioProps }: ScopedProps<RadioTriggerProps>,\n    forwardedRef,\n  ) {\n    const {\n      checked,\n      disabled,\n      value,\n      setControl,\n      onCheck,\n      hasConsumerStoppedPropagationRef,\n      onUserInteraction,\n      isFormControl,\n      bubbleInput,\n    } = useRadioContext(TRIGGER_NAME, __scopeRadio);\n    const composedRefs = useComposedRefs(forwardedRef, setControl);\n\n    return (\n      <Primitive.button\n        type=\"button\"\n        role=\"radio\"\n        aria-checked={checked}\n        data-state={getState(checked)}\n        data-disabled={disabled ? '' : undefined}\n        disabled={disabled}\n        value={value}\n        {...radioProps}\n        ref={composedRefs}\n        onClick={composeEventHandlers(onClick, (event) => {\n          // radios cannot be unchecked so we only communicate a checked state.\n          // Only mark a user interaction when the click actually changes the\n          // value, otherwise re-selecting the checked radio would leave a stale\n          // interaction marker.\n          if (!checked) {\n            onUserInteraction();\n            onCheck();\n          }\n\n          if (bubbleInput && isFormControl) {\n            hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();\n            // if radio has a bubble input and is a form control, stop propagation\n            // from the button so that we only propagate one click event (from the\n            // input). We propagate changes from an input so that native form\n            // validation works and form events reflect radio updates.\n            if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();\n          }\n        })}\n      />\n    );\n  },\n);\n\n/* -------------------------------------------------------------------------------------------------\n * Radio\n * -----------------------------------------------------------------------------------------------*/\n\ntype RadioElement = React.ComponentRef<typeof Primitive.button>;\ntype PrimitiveButtonProps = React.ComponentPropsWithoutRef<typeof Primitive.button>;\ninterface RadioProps extends Omit<PrimitiveButtonProps, 'checked'> {\n  checked?: boolean;\n  required?: boolean;\n  onCheck?(): void;\n}\n\nconst Radio = /* @__PURE__ */ React.forwardRef<RadioElement, RadioProps>(\n  // blank line to reduce diff noise\n  function Radio(props: ScopedProps<RadioProps>, forwardedRef) {\n    const { __scopeRadio, name, checked, required, disabled, value, onCheck, form, ...radioProps } =\n      props;\n\n    return (\n      <RadioProvider\n        __scopeRadio={__scopeRadio}\n        checked={checked}\n        disabled={disabled}\n        required={required}\n        onCheck={onCheck}\n        name={name}\n        form={form}\n        value={value}\n        // @ts-expect-error\n        internal_do_not_use_render={({ isFormControl }: RadioContextValue) => (\n          <>\n            <RadioTrigger\n              {...radioProps}\n              ref={forwardedRef}\n              // @ts-expect-error\n              __scopeRadio={__scopeRadio}\n            />\n            {isFormControl && (\n              <RadioBubbleInput\n                // @ts-expect-error\n                __scopeRadio={__scopeRadio}\n              />\n            )}\n          </>\n        )}\n      />\n    );\n  },\n);\n\n/* -------------------------------------------------------------------------------------------------\n * RadioIndicator\n * -----------------------------------------------------------------------------------------------*/\n\nconst INDICATOR_NAME = 'RadioIndicator';\n\ntype RadioIndicatorElement = React.ComponentRef<typeof Primitive.span>;\ntype PrimitiveSpanProps = React.ComponentPropsWithoutRef<typeof Primitive.span>;\nexport interface RadioIndicatorProps extends PrimitiveSpanProps {\n  /**\n   * Used to force mounting when more control is needed. Useful when\n   * controlling animation with React animation libraries.\n   */\n  forceMount?: true;\n}\n\nconst RadioIndicator = /* @__PURE__ */ React.forwardRef<RadioIndicatorElement, RadioIndicatorProps>(\n  function RadioIndicator(props: ScopedProps<RadioIndicatorProps>, forwardedRef) {\n    const { __scopeRadio, forceMount, ...indicatorProps } = props;\n    const context = useRadioContext(INDICATOR_NAME, __scopeRadio);\n    return (\n      <Presence present={forceMount || context.checked}>\n        <Primitive.span\n          data-state={getState(context.checked)}\n          data-disabled={context.disabled ? '' : undefined}\n          {...indicatorProps}\n          ref={forwardedRef}\n        />\n      </Presence>\n    );\n  },\n);\n\n/* -------------------------------------------------------------------------------------------------\n * RadioBubbleInput\n * -----------------------------------------------------------------------------------------------*/\n\nconst BUBBLE_INPUT_NAME = 'RadioBubbleInput';\n\ntype InputProps = React.ComponentPropsWithoutRef<typeof Primitive.input>;\ninterface RadioBubbleInputProps extends Omit<InputProps, 'checked'> {}\n\nconst RadioBubbleInput = /* @__PURE__ */ React.forwardRef<HTMLInputElement, RadioBubbleInputProps>(\n  function RadioBubbleInput(\n    { __scopeRadio, onClick, ...props }: ScopedProps<RadioBubbleInputProps>,\n    forwardedRef,\n  ) {\n    const {\n      control,\n      checked,\n      required,\n      disabled,\n      name,\n      value,\n      form,\n      bubbleInput,\n      setBubbleInput,\n      hasConsumerStoppedPropagationRef,\n      userInteractionCount,\n    } = useRadioContext(BUBBLE_INPUT_NAME, __scopeRadio);\n\n    const composedRefs = useComposedRefs(forwardedRef, setBubbleInput);\n    const controlSize = useSize(control);\n    // When the checked change is not driven by a user interaction (e.g. a\n    // controlled `checked` update), the `click` event we dispatch to notify\n    // forms must not reach ancestor `onClick` handlers. We can't simply make it\n    // non-bubbling because React derives the radio's `change` event from a\n    // bubbling `click`. Instead we stop propagation of the synthetic click,\n    // which still lets the `change` event reach the form.\n    const shouldStopClickPropagationRef = React.useRef(false);\n    // The `checked` value we last synced to the input, and the interaction\n    // counter we last accounted for. Comparing against these lets us detect a\n    // genuine `checked` change and whether it followed a user interaction, even\n    // on renders caused by clicks that don't change `checked` (e.g. re-selecting\n    // a checked radio, or a controlled value that ignores the change).\n    const prevCheckedRef = React.useRef(checked);\n    const prevUserInteractionCountRef = React.useRef(userInteractionCount);\n\n    // Bubble checked change to parents (e.g form change event)\n    React.useEffect(() => {\n      const input = bubbleInput;\n      if (!input) return;\n\n      const inputProto = window.HTMLInputElement.prototype;\n      const descriptor = Object.getOwnPropertyDescriptor(\n        inputProto,\n        'checked',\n      ) as PropertyDescriptor;\n      const setChecked = descriptor.set;\n\n      const isUserInteraction = userInteractionCount !== prevUserInteractionCountRef.current;\n      prevUserInteractionCountRef.current = userInteractionCount;\n      const checkedChanged = prevCheckedRef.current !== checked;\n      prevCheckedRef.current = checked;\n\n      const bubbles = !(isUserInteraction && hasConsumerStoppedPropagationRef.current);\n      if (checkedChanged && setChecked) {\n        shouldStopClickPropagationRef.current = !isUserInteraction;\n        const event = new Event('click', { bubbles });\n        setChecked.call(input, checked);\n        input.dispatchEvent(event);\n        shouldStopClickPropagationRef.current = false;\n      }\n    }, [bubbleInput, checked, hasConsumerStoppedPropagationRef, userInteractionCount]);\n\n    const defaultCheckedRef = React.useRef(checked);\n    return (\n      <Primitive.input\n        type=\"radio\"\n        aria-hidden\n        defaultChecked={defaultCheckedRef.current}\n        required={required}\n        disabled={disabled}\n        name={name}\n        value={value}\n        form={form}\n        {...props}\n        tabIndex={-1}\n        ref={composedRefs}\n        onClick={composeEventHandlers(onClick, (event) => {\n          // Prevent the synthetic click dispatched on controlled/programmatic\n          // updates from triggering ancestor `onClick` handlers, while still\n          // allowing the resulting `change` event to reach the form.\n          if (shouldStopClickPropagationRef.current) {\n            event.stopPropagation();\n          }\n        })}\n        style={{\n          ...props.style,\n          ...controlSize,\n          position: 'absolute',\n          pointerEvents: 'none',\n          opacity: 0,\n          margin: 0,\n          // We transform because the input is absolutely positioned but we have\n          // rendered it **after** the button. This pulls it back to sit on top\n          // of the button.\n          transform: 'translateX(-100%)',\n        }}\n      />\n    );\n  },\n);\n\n/* ---------------------------------------------------------------------------------------------- */\n\nfunction isFunction(value: unknown): value is (...args: any[]) => any {\n  return typeof value === 'function';\n}\n\nfunction getState(checked: boolean) {\n  return checked ? 'checked' : 'unchecked';\n}\n\nexport {\n  createRadioScope,\n  useRadioContext,\n  //\n  Radio,\n  RadioProvider,\n  RadioTrigger,\n  RadioIndicator,\n  RadioBubbleInput,\n};\nexport type { RadioProps, RadioProviderProps, RadioTriggerProps, RadioBubbleInputProps };\n"],"mappings":";;;;;;;;;;AAYA,IAAM,aAAa;AAGnB,IAAM,CAAC,oBAAoB,oBAAoB,mBAAmB,UAAU;AAoB5E,IAAM,CAAC,mBAAmB,mBAAmB,mBAAsC,UAAU;AAiB7F,SAAS,cAAc,OAAwC;CAC7D,MAAM,EACJ,cACA,UAAU,OACV,UACA,UACA,MACA,MACA,SACA,UACA,QAAQ,MAER,+BACE;CAEJ,MAAM,CAAC,SAAS,cAAc,MAAM,SAAmC,IAAI;CAC3E,MAAM,CAAC,aAAa,kBAAkB,MAAM,SAAkC,IAAI;CAClF,MAAM,mCAAmC,MAAM,OAAO,KAAK;CAQ3D,MAAM,CAAC,sBAAsB,qBAAqB,MAAM,YACrD,UAA0B,QAAQ,GACnC,CACF;CAOA,MAAM,UAA6B;EACjC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,eAjBoB,UAClB,CAAC,CAAC,QAAQ,CAAC,CAAC,QAAQ,QAAQ,MAAM,IAElC;EAeF;EACA;EACA,eAAe,UAAU;CAC3B;CAEA,OACE,oBAAC,mBAAD;EAAmB,OAAO;EAAc,GAAI;EACzC,UAAA,WAAW,0BAA0B,IAAI,2BAA2B,OAAO,IAAI;CAC/D,CAAA;AAEvB;AAMA,IAAM,eAAe;AASrB,IAAM,eAA+B,sBAAM,WACzC,SAAS,aACP,EAAE,cAAc,SAAS,GAAG,cAC5B,cACA;CACA,MAAM,EACJ,SACA,UACA,OACA,YACA,SACA,kCACA,mBACA,eACA,gBACE,gBAAgB,cAAc,YAAY;CAC9C,MAAM,eAAe,gBAAgB,cAAc,UAAU;CAE7D,OACE,oBAAC,UAAU,QAAX;EACE,MAAK;EACL,MAAK;EACL,gBAAc;EACd,cAAY,SAAS,OAAO;EAC5B,iBAAe,WAAW,KAAK,KAAA;EACrB;EACH;EACP,GAAI;EACJ,KAAK;EACL,SAAS,qBAAqB,UAAU,UAAU;GAKhD,IAAI,CAAC,SAAS;IACZ,kBAAkB;IAClB,QAAQ;GACV;GAEA,IAAI,eAAe,eAAe;IAChC,iCAAiC,UAAU,MAAM,qBAAqB;IAKtE,IAAI,CAAC,iCAAiC,SAAS,MAAM,gBAAgB;GACvE;EACF,CAAC;CACF,CAAA;AAEL,CACF;AAwDA,IAAM,iBAAiB;AAYvB,IAAM,iBAAiC,sBAAM,WAC3C,SAAS,eAAe,OAAyC,cAAc;CAC7E,MAAM,EAAE,cAAc,YAAY,GAAG,mBAAmB;CACxD,MAAM,UAAU,gBAAgB,gBAAgB,YAAY;CAC5D,OACE,oBAAC,UAAD;EAAU,SAAS,cAAc,QAAQ;EACvC,UAAA,oBAAC,UAAU,MAAX;GACE,cAAY,SAAS,QAAQ,OAAO;GACpC,iBAAe,QAAQ,WAAW,KAAK,KAAA;GACvC,GAAI;GACJ,KAAK;EACN,CAAA;CACO,CAAA;AAEd,CACF;AAMA,IAAM,oBAAoB;AAK1B,IAAM,mBAAmC,sBAAM,WAC7C,SAAS,iBACP,EAAE,cAAc,SAAS,GAAG,SAC5B,cACA;CACA,MAAM,EACJ,SACA,SACA,UACA,UACA,MACA,OACA,MACA,aACA,gBACA,kCACA,yBACE,gBAAgB,mBAAmB,YAAY;CAEnD,MAAM,eAAe,gBAAgB,cAAc,cAAc;CACjE,MAAM,cAAc,QAAQ,OAAO;CAOnC,MAAM,gCAAgC,MAAM,OAAO,KAAK;CAMxD,MAAM,iBAAiB,MAAM,OAAO,OAAO;CAC3C,MAAM,8BAA8B,MAAM,OAAO,oBAAoB;CAGrE,MAAM,gBAAgB;EACpB,MAAM,QAAQ;EACd,IAAI,CAAC,OAAO;EAEZ,MAAM,aAAa,OAAO,iBAAiB;EAK3C,MAAM,aAJa,OAAO,yBACxB,YACA,SAEiB,CAAA,CAAW;EAE9B,MAAM,oBAAoB,yBAAyB,4BAA4B;EAC/E,4BAA4B,UAAU;EACtC,MAAM,iBAAiB,eAAe,YAAY;EAClD,eAAe,UAAU;EAEzB,MAAM,UAAU,EAAE,qBAAqB,iCAAiC;EACxE,IAAI,kBAAkB,YAAY;GAChC,8BAA8B,UAAU,CAAC;GACzC,MAAM,QAAQ,IAAI,MAAM,SAAS,EAAE,QAAQ,CAAC;GAC5C,WAAW,KAAK,OAAO,OAAO;GAC9B,MAAM,cAAc,KAAK;GACzB,8BAA8B,UAAU;EAC1C;CACF,GAAG;EAAC;EAAa;EAAS;EAAkC;CAAoB,CAAC;CAEjF,MAAM,oBAAoB,MAAM,OAAO,OAAO;CAC9C,OACE,oBAAC,UAAU,OAAX;EACE,MAAK;EACL,eAAA;EACA,gBAAgB,kBAAkB;EACxB;EACA;EACJ;EACC;EACD;EACN,GAAI;EACJ,UAAU;EACV,KAAK;EACL,SAAS,qBAAqB,UAAU,UAAU;GAIhD,IAAI,8BAA8B,SAChC,MAAM,gBAAgB;EAE1B,CAAC;EACD,OAAO;GACL,GAAG,MAAM;GACT,GAAG;GACH,UAAU;GACV,eAAe;GACf,SAAS;GACT,QAAQ;GAIR,WAAW;EACb;CACD,CAAA;AAEL,CACF;AAIA,SAAS,WAAW,OAAkD;CACpE,OAAO,OAAO,UAAU;AAC1B;AAEA,SAAS,SAAS,SAAkB;CAClC,OAAO,UAAU,YAAY;AAC/B"}

package/dist/primitives/vendor/radix/react-roving-focus/index.d.ts

@@ -0,0 +1,2 @@
+export { createRovingFocusGroupScope, RovingFocusGroup, RovingFocusGroupItem, Root, Item, } from './roving-focus-group';
+export type { RovingFocusGroupProps, RovingFocusItemProps } from './roving-focus-group';

package/dist/primitives/vendor/radix/react-roving-focus/roving-focus-group.d.ts

@@ -0,0 +1,47 @@
+import * as React from 'react';
+import { Primitive } from '../react-primitive';
+declare const createRovingFocusGroupScope: import("../react-context").CreateScope;
+type Orientation = React.AriaAttributes['aria-orientation'];
+type Direction = 'ltr' | 'rtl';
+interface RovingFocusGroupOptions {
+    /**
+     * The orientation of the group.
+     * Mainly so arrow navigation is done accordingly (left & right vs. up & down)
+     */
+    orientation?: Orientation;
+    /**
+     * The direction of navigation between items.
+     */
+    dir?: Direction;
+    /**
+     * Whether keyboard navigation should loop around
+     * @defaultValue false
+     */
+    loop?: boolean;
+}
+interface RovingFocusGroupProps extends RovingFocusGroupImplProps {
+}
+declare const RovingFocusGroup: React.ForwardRefExoticComponent<RovingFocusGroupProps & React.RefAttributes<HTMLDivElement>>;
+type PrimitiveDivProps = React.ComponentPropsWithoutRef<typeof Primitive.div>;
+interface RovingFocusGroupImplProps extends Omit<PrimitiveDivProps, 'dir'>, RovingFocusGroupOptions {
+    currentTabStopId?: string | null;
+    defaultCurrentTabStopId?: string;
+    onCurrentTabStopIdChange?: (tabStopId: string | null) => void;
+    onEntryFocus?: (event: Event) => void;
+    preventScrollOnEntryFocus?: boolean;
+}
+type PrimitiveSpanProps = React.ComponentPropsWithoutRef<typeof Primitive.span>;
+interface RovingFocusItemProps extends Omit<PrimitiveSpanProps, 'children'> {
+    tabStopId?: string;
+    focusable?: boolean;
+    active?: boolean;
+    children?: React.ReactNode | ((props: {
+        hasTabStop: boolean;
+        isCurrentTabStop: boolean;
+    }) => React.ReactNode);
+}
+declare const RovingFocusGroupItem: React.ForwardRefExoticComponent<RovingFocusItemProps & React.RefAttributes<HTMLSpanElement>>;
+declare const Root: React.ForwardRefExoticComponent<RovingFocusGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const Item: React.ForwardRefExoticComponent<RovingFocusItemProps & React.RefAttributes<HTMLSpanElement>>;
+export { createRovingFocusGroupScope, RovingFocusGroup, RovingFocusGroupItem, Root, Item, };
+export type { RovingFocusGroupProps, RovingFocusItemProps };

package/dist/primitives/vendor/radix/react-roving-focus/roving-focus-group.js

@@ -0,0 +1,218 @@
+"use client";
+import { createContextScope } from "../react-context/create-context.js";
+import { useComposedRefs } from "../react-compose-refs/compose-refs.js";
+import { createCollection } from "../react-collection/collection-legacy.js";
+import { composeEventHandlers } from "../primitive/primitive.js";
+import { useLayoutEffect } from "../react-use-layout-effect/use-layout-effect.js";
+import { useControllableState } from "../react-use-controllable-state/use-controllable-state.js";
+import { Primitive } from "../react-primitive/primitive.js";
+import { useId } from "../react-id/id.js";
+import { useDirection } from "../react-direction/direction.js";
+import { useCallbackRef } from "../react-use-callback-ref/use-callback-ref.js";
+import { useIsHydrated } from "../react-use-is-hydrated/use-is-hydrated.js";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/primitives/vendor/radix/react-roving-focus/roving-focus-group.tsx
+var ENTRY_FOCUS = "rovingFocusGroup.onEntryFocus";
+var EVENT_OPTIONS = {
+	bubbles: false,
+	cancelable: true
+};
+var GROUP_NAME = "RovingFocusGroup";
+var [Collection, useCollection, createCollectionScope] = createCollection(GROUP_NAME);
+var [createRovingFocusGroupContext, createRovingFocusGroupScope] = createContextScope(GROUP_NAME, [createCollectionScope]);
+var [RovingFocusProvider, useRovingFocusContext] = createRovingFocusGroupContext(GROUP_NAME);
+var RovingFocusGroup = /* @__PURE__ */ React.forwardRef(function RovingFocusGroup(props, forwardedRef) {
+	return /* @__PURE__ */ jsx(Collection.Provider, {
+		scope: props.__scopeRovingFocusGroup,
+		children: /* @__PURE__ */ jsx(Collection.Slot, {
+			scope: props.__scopeRovingFocusGroup,
+			children: /* @__PURE__ */ jsx(RovingFocusGroupImpl, {
+				...props,
+				ref: forwardedRef
+			})
+		})
+	});
+});
+var RovingFocusGroupImpl = /* @__PURE__ */ React.forwardRef(function RovingFocusGroupImpl(props, forwardedRef) {
+	const { __scopeRovingFocusGroup, orientation, loop = false, dir, currentTabStopId: currentTabStopIdProp, defaultCurrentTabStopId, onCurrentTabStopIdChange, onEntryFocus, preventScrollOnEntryFocus = false, ...groupProps } = props;
+	const ref = React.useRef(null);
+	const composedRefs = useComposedRefs(forwardedRef, ref);
+	const direction = useDirection(dir);
+	const [currentTabStopId, setCurrentTabStopId] = useControllableState({
+		prop: currentTabStopIdProp,
+		defaultProp: defaultCurrentTabStopId ?? null,
+		onChange: onCurrentTabStopIdChange,
+		caller: GROUP_NAME
+	});
+	const [isTabbingBackOut, setIsTabbingBackOut] = React.useState(false);
+	const handleEntryFocus = useCallbackRef(onEntryFocus);
+	const getItems = useCollection(__scopeRovingFocusGroup);
+	const isClickFocusRef = React.useRef(false);
+	const [focusableItemsCount, setFocusableItemsCount] = React.useState(0);
+	React.useEffect(() => {
+		const node = ref.current;
+		if (node) {
+			node.addEventListener(ENTRY_FOCUS, handleEntryFocus);
+			return () => node.removeEventListener(ENTRY_FOCUS, handleEntryFocus);
+		}
+	}, [handleEntryFocus]);
+	return /* @__PURE__ */ jsx(RovingFocusProvider, {
+		scope: __scopeRovingFocusGroup,
+		orientation,
+		dir: direction,
+		loop,
+		currentTabStopId,
+		onItemFocus: React.useCallback((tabStopId) => setCurrentTabStopId(tabStopId), [setCurrentTabStopId]),
+		onItemShiftTab: React.useCallback(() => setIsTabbingBackOut(true), []),
+		onFocusableItemAdd: React.useCallback(() => setFocusableItemsCount((prevCount) => prevCount + 1), []),
+		onFocusableItemRemove: React.useCallback(() => setFocusableItemsCount((prevCount) => prevCount - 1), []),
+		children: /* @__PURE__ */ jsx(Primitive.div, {
+			tabIndex: isTabbingBackOut || focusableItemsCount === 0 ? -1 : 0,
+			"data-orientation": orientation,
+			...groupProps,
+			ref: composedRefs,
+			style: {
+				outline: "none",
+				...props.style
+			},
+			onMouseDown: composeEventHandlers(props.onMouseDown, () => {
+				isClickFocusRef.current = true;
+			}),
+			onFocus: composeEventHandlers(props.onFocus, (event) => {
+				const isKeyboardFocus = !isClickFocusRef.current;
+				if (event.target === event.currentTarget && isKeyboardFocus && !isTabbingBackOut) {
+					const entryFocusEvent = new CustomEvent(ENTRY_FOCUS, EVENT_OPTIONS);
+					event.currentTarget.dispatchEvent(entryFocusEvent);
+					if (!entryFocusEvent.defaultPrevented) {
+						const items = getItems().filter((item) => item.focusable);
+						focusFirst([
+							items.find((item) => item.active),
+							items.find((item) => item.id === currentTabStopId),
+							...items
+						].filter(Boolean).map((item) => item.ref.current), preventScrollOnEntryFocus);
+					}
+				}
+				isClickFocusRef.current = false;
+			}),
+			onBlur: composeEventHandlers(props.onBlur, () => setIsTabbingBackOut(false))
+		})
+	});
+});
+var ITEM_NAME = "RovingFocusGroupItem";
+var RovingFocusGroupItem = /* @__PURE__ */ React.forwardRef(function RovingFocusGroupItem(props, forwardedRef) {
+	const { __scopeRovingFocusGroup, focusable = true, active = false, tabStopId, children, ...itemProps } = props;
+	const autoId = useId();
+	const id = tabStopId || autoId;
+	const context = useRovingFocusContext(ITEM_NAME, __scopeRovingFocusGroup);
+	const isCurrentTabStop = context.currentTabStopId === id;
+	const getItems = useCollection(__scopeRovingFocusGroup);
+	const { onFocusableItemAdd, onFocusableItemRemove, currentTabStopId } = context;
+	const isHydrated = useIsHydrated();
+	useLayoutEffect(() => {
+		if (!isHydrated || !focusable) return;
+		onFocusableItemAdd();
+		return () => onFocusableItemRemove();
+	}, [
+		isHydrated,
+		focusable,
+		onFocusableItemAdd,
+		onFocusableItemRemove
+	]);
+	React.useEffect(() => {
+		if (isHydrated || !focusable) return;
+		onFocusableItemAdd();
+		return () => onFocusableItemRemove();
+	}, [
+		isHydrated,
+		focusable,
+		onFocusableItemAdd,
+		onFocusableItemRemove
+	]);
+	return /* @__PURE__ */ jsx(Collection.ItemSlot, {
+		scope: __scopeRovingFocusGroup,
+		id,
+		focusable,
+		active,
+		children: /* @__PURE__ */ jsx(Primitive.span, {
+			tabIndex: isCurrentTabStop ? 0 : -1,
+			"data-orientation": context.orientation,
+			...itemProps,
+			ref: forwardedRef,
+			onMouseDown: composeEventHandlers(props.onMouseDown, (event) => {
+				if (!focusable) event.preventDefault();
+				else context.onItemFocus(id);
+			}),
+			onFocus: composeEventHandlers(props.onFocus, () => context.onItemFocus(id)),
+			onKeyDown: composeEventHandlers(props.onKeyDown, (event) => {
+				if (event.key === "Tab" && event.shiftKey) {
+					context.onItemShiftTab();
+					return;
+				}
+				if (event.target !== event.currentTarget) return;
+				const focusIntent = getFocusIntent(event, context.orientation, context.dir);
+				if (focusIntent !== void 0) {
+					if (event.metaKey || event.ctrlKey || event.altKey || event.shiftKey) return;
+					event.preventDefault();
+					let candidateNodes = getItems().filter((item) => item.focusable).map((item) => item.ref.current);
+					if (focusIntent === "last") candidateNodes.reverse();
+					else if (focusIntent === "prev" || focusIntent === "next") {
+						if (focusIntent === "prev") candidateNodes.reverse();
+						const currentIndex = candidateNodes.indexOf(event.currentTarget);
+						candidateNodes = context.loop ? wrapArray(candidateNodes, currentIndex + 1) : candidateNodes.slice(currentIndex + 1);
+					}
+					/**
+					* Imperative focus during keydown is risky so we prevent React's batching updates
+					* to avoid potential bugs. See: https://github.com/facebook/react/issues/20332
+					*/
+					setTimeout(() => focusFirst(candidateNodes));
+				}
+			}),
+			children: typeof children === "function" ? children({
+				isCurrentTabStop,
+				hasTabStop: currentTabStopId != null
+			}) : children
+		})
+	});
+});
+var MAP_KEY_TO_FOCUS_INTENT = {
+	ArrowLeft: "prev",
+	ArrowUp: "prev",
+	ArrowRight: "next",
+	ArrowDown: "next",
+	PageUp: "first",
+	Home: "first",
+	PageDown: "last",
+	End: "last"
+};
+function getDirectionAwareKey(key, dir) {
+	if (dir !== "rtl") return key;
+	return key === "ArrowLeft" ? "ArrowRight" : key === "ArrowRight" ? "ArrowLeft" : key;
+}
+function getFocusIntent(event, orientation, dir) {
+	const key = getDirectionAwareKey(event.key, dir);
+	if (orientation === "vertical" && ["ArrowLeft", "ArrowRight"].includes(key)) return void 0;
+	if (orientation === "horizontal" && ["ArrowUp", "ArrowDown"].includes(key)) return void 0;
+	return MAP_KEY_TO_FOCUS_INTENT[key];
+}
+function focusFirst(candidates, preventScroll = false) {
+	const PREVIOUSLY_FOCUSED_ELEMENT = document.activeElement;
+	for (const candidate of candidates) {
+		if (candidate === PREVIOUSLY_FOCUSED_ELEMENT) return;
+		candidate.focus({ preventScroll });
+		if (document.activeElement !== PREVIOUSLY_FOCUSED_ELEMENT) return;
+	}
+}
+/**
+* Wraps an array around itself at a given start index
+* Example: `wrapArray(['a', 'b', 'c', 'd'], 2) === ['c', 'd', 'a', 'b']`
+*/
+function wrapArray(array, startIndex) {
+	return array.map((_, index) => array[(startIndex + index) % array.length]);
+}
+var Root = RovingFocusGroup;
+var Item = RovingFocusGroupItem;
+//#endregion
+export { Item, Root, RovingFocusGroup, RovingFocusGroupItem, createRovingFocusGroupScope };
+
+//# sourceMappingURL=roving-focus-group.js.map

package/dist/primitives/vendor/radix/react-roving-focus/roving-focus-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"roving-focus-group.js","names":[],"sources":["../../../../../src/primitives/vendor/radix/react-roving-focus/roving-focus-group.tsx"],"sourcesContent":["// Vendored from Radix Primitives (c) 2022 WorkOS, MIT. See vendor/LICENSE.radix.\n// Local modification: package imports resolve to the pinned local source.\nimport * as React from 'react';\nimport { composeEventHandlers } from '../primitive';\nimport { createCollection } from '../react-collection';\nimport { useComposedRefs } from '../react-compose-refs';\nimport { createContextScope } from '../react-context';\nimport { useId } from '../react-id';\nimport { Primitive } from '../react-primitive';\nimport { useCallbackRef } from '../react-use-callback-ref';\nimport { useControllableState } from '../react-use-controllable-state';\nimport { useDirection } from '../react-direction';\nimport type { Scope } from '../react-context';\nimport { useLayoutEffect } from '../react-use-layout-effect';\n\nimport { useIsHydrated } from '../react-use-is-hydrated';\n\nconst ENTRY_FOCUS = 'rovingFocusGroup.onEntryFocus';\nconst EVENT_OPTIONS = { bubbles: false, cancelable: true };\n\n/* -------------------------------------------------------------------------------------------------\n * RovingFocusGroup\n * -----------------------------------------------------------------------------------------------*/\n\nconst GROUP_NAME = 'RovingFocusGroup';\n\ntype ItemData = { id: string; focusable: boolean; active: boolean };\nconst [Collection, useCollection, createCollectionScope] = createCollection<\n  HTMLSpanElement,\n  ItemData\n>(GROUP_NAME);\n\ntype ScopedProps<P> = P & { __scopeRovingFocusGroup?: Scope };\nconst [createRovingFocusGroupContext, createRovingFocusGroupScope] = createContextScope(\n  GROUP_NAME,\n  [createCollectionScope],\n);\n\ntype Orientation = React.AriaAttributes['aria-orientation'];\ntype Direction = 'ltr' | 'rtl';\n\ninterface RovingFocusGroupOptions {\n  /**\n   * The orientation of the group.\n   * Mainly so arrow navigation is done accordingly (left & right vs. up & down)\n   */\n  orientation?: Orientation;\n  /**\n   * The direction of navigation between items.\n   */\n  dir?: Direction;\n  /**\n   * Whether keyboard navigation should loop around\n   * @defaultValue false\n   */\n  loop?: boolean;\n}\n\ntype RovingContextValue = RovingFocusGroupOptions & {\n  currentTabStopId: string | null;\n  onItemFocus(tabStopId: string): void;\n  onItemShiftTab(): void;\n  onFocusableItemAdd(): void;\n  onFocusableItemRemove(): void;\n};\n\nconst [RovingFocusProvider, useRovingFocusContext] =\n  createRovingFocusGroupContext<RovingContextValue>(GROUP_NAME);\n\ntype RovingFocusGroupElement = RovingFocusGroupImplElement;\ninterface RovingFocusGroupProps extends RovingFocusGroupImplProps {}\n\nconst RovingFocusGroup = /* @__PURE__ */ React.forwardRef<\n  RovingFocusGroupElement,\n  RovingFocusGroupProps\n>(\n  // blank line to reduce diff noise\n  function RovingFocusGroup(props: ScopedProps<RovingFocusGroupProps>, forwardedRef) {\n    return (\n      <Collection.Provider scope={props.__scopeRovingFocusGroup}>\n        <Collection.Slot scope={props.__scopeRovingFocusGroup}>\n          <RovingFocusGroupImpl {...props} ref={forwardedRef} />\n        </Collection.Slot>\n      </Collection.Provider>\n    );\n  },\n);\n\n/* -----------------------------------------------------------------------------------------------*/\n\ntype RovingFocusGroupImplElement = React.ComponentRef<typeof Primitive.div>;\ntype PrimitiveDivProps = React.ComponentPropsWithoutRef<typeof Primitive.div>;\ninterface RovingFocusGroupImplProps\n  extends Omit<PrimitiveDivProps, 'dir'>, RovingFocusGroupOptions {\n  currentTabStopId?: string | null;\n  defaultCurrentTabStopId?: string;\n  onCurrentTabStopIdChange?: (tabStopId: string | null) => void;\n  onEntryFocus?: (event: Event) => void;\n  preventScrollOnEntryFocus?: boolean;\n}\n\nconst RovingFocusGroupImpl = /* @__PURE__ */ React.forwardRef<\n  RovingFocusGroupImplElement,\n  RovingFocusGroupImplProps\n>(function RovingFocusGroupImpl(props: ScopedProps<RovingFocusGroupImplProps>, forwardedRef) {\n  const {\n    __scopeRovingFocusGroup,\n    orientation,\n    loop = false,\n    dir,\n    currentTabStopId: currentTabStopIdProp,\n    defaultCurrentTabStopId,\n    onCurrentTabStopIdChange,\n    onEntryFocus,\n    preventScrollOnEntryFocus = false,\n    ...groupProps\n  } = props;\n  const ref = React.useRef<RovingFocusGroupImplElement>(null);\n  const composedRefs = useComposedRefs(forwardedRef, ref);\n  const direction = useDirection(dir);\n  const [currentTabStopId, setCurrentTabStopId] = useControllableState({\n    prop: currentTabStopIdProp,\n    defaultProp: defaultCurrentTabStopId ?? null,\n    onChange: onCurrentTabStopIdChange,\n    caller: GROUP_NAME,\n  });\n  const [isTabbingBackOut, setIsTabbingBackOut] = React.useState(false);\n  const handleEntryFocus = useCallbackRef(onEntryFocus);\n  const getItems = useCollection(__scopeRovingFocusGroup);\n  const isClickFocusRef = React.useRef(false);\n  const [focusableItemsCount, setFocusableItemsCount] = React.useState(0);\n\n  React.useEffect(() => {\n    const node = ref.current;\n    if (node) {\n      node.addEventListener(ENTRY_FOCUS, handleEntryFocus);\n      return () => node.removeEventListener(ENTRY_FOCUS, handleEntryFocus);\n    }\n  }, [handleEntryFocus]);\n\n  return (\n    <RovingFocusProvider\n      scope={__scopeRovingFocusGroup}\n      orientation={orientation}\n      dir={direction}\n      loop={loop}\n      currentTabStopId={currentTabStopId}\n      onItemFocus={React.useCallback(\n        (tabStopId) => setCurrentTabStopId(tabStopId),\n        [setCurrentTabStopId],\n      )}\n      onItemShiftTab={React.useCallback(() => setIsTabbingBackOut(true), [])}\n      onFocusableItemAdd={React.useCallback(\n        () => setFocusableItemsCount((prevCount) => prevCount + 1),\n        [],\n      )}\n      onFocusableItemRemove={React.useCallback(\n        () => setFocusableItemsCount((prevCount) => prevCount - 1),\n        [],\n      )}\n    >\n      <Primitive.div\n        tabIndex={isTabbingBackOut || focusableItemsCount === 0 ? -1 : 0}\n        data-orientation={orientation}\n        {...groupProps}\n        ref={composedRefs}\n        style={{ outline: 'none', ...props.style }}\n        onMouseDown={composeEventHandlers(props.onMouseDown, () => {\n          isClickFocusRef.current = true;\n        })}\n        onFocus={composeEventHandlers(props.onFocus, (event) => {\n          // We normally wouldn't need this check, because we already check\n          // that the focus is on the current target and not bubbling to it.\n          // We do this because Safari doesn't focus buttons when clicked, and\n          // instead, the wrapper will get focused and not through a bubbling event.\n          const isKeyboardFocus = !isClickFocusRef.current;\n\n          if (event.target === event.currentTarget && isKeyboardFocus && !isTabbingBackOut) {\n            const entryFocusEvent = new CustomEvent(ENTRY_FOCUS, EVENT_OPTIONS);\n            event.currentTarget.dispatchEvent(entryFocusEvent);\n\n            if (!entryFocusEvent.defaultPrevented) {\n              const items = getItems().filter((item) => item.focusable);\n              const activeItem = items.find((item) => item.active);\n              const currentItem = items.find((item) => item.id === currentTabStopId);\n              const candidateItems = [activeItem, currentItem, ...items].filter(\n                Boolean,\n              ) as typeof items;\n              const candidateNodes = candidateItems.map((item) => item.ref.current!);\n              focusFirst(candidateNodes, preventScrollOnEntryFocus);\n            }\n          }\n\n          isClickFocusRef.current = false;\n        })}\n        onBlur={composeEventHandlers(props.onBlur, () => setIsTabbingBackOut(false))}\n      />\n    </RovingFocusProvider>\n  );\n});\n\n/* -------------------------------------------------------------------------------------------------\n * RovingFocusGroupItem\n * -----------------------------------------------------------------------------------------------*/\n\nconst ITEM_NAME = 'RovingFocusGroupItem';\n\ntype RovingFocusItemElement = React.ComponentRef<typeof Primitive.span>;\ntype PrimitiveSpanProps = React.ComponentPropsWithoutRef<typeof Primitive.span>;\ninterface RovingFocusItemProps extends Omit<PrimitiveSpanProps, 'children'> {\n  tabStopId?: string;\n  focusable?: boolean;\n  active?: boolean;\n  children?:\n    | React.ReactNode\n    | ((props: { hasTabStop: boolean; isCurrentTabStop: boolean }) => React.ReactNode);\n}\n\nconst RovingFocusGroupItem = /* @__PURE__ */ React.forwardRef<\n  RovingFocusItemElement,\n  RovingFocusItemProps\n>(\n  // blank line to reduce diff noise\n  function RovingFocusGroupItem(props: ScopedProps<RovingFocusItemProps>, forwardedRef) {\n    const {\n      __scopeRovingFocusGroup,\n      focusable = true,\n      active = false,\n      tabStopId,\n      children,\n      ...itemProps\n    } = props;\n    const autoId = useId();\n    const id = tabStopId || autoId;\n    const context = useRovingFocusContext(ITEM_NAME, __scopeRovingFocusGroup);\n    const isCurrentTabStop = context.currentTabStopId === id;\n    const getItems = useCollection(__scopeRovingFocusGroup);\n\n    const { onFocusableItemAdd, onFocusableItemRemove, currentTabStopId } = context;\n\n    const isHydrated = useIsHydrated();\n\n    // The group's tab stop is driven by how many focusable items are registered\n    // (`tabIndex={focusableItemsCount === 0 ? -1 : 0}`). Registering focusable\n    // items happens in an effect, so the group renders with `tabIndex={-1}` and\n    // only becomes tabbable once items have registered.\n    //\n    // Post-hydration (e.g. when a `Dialog`/`Popover` opens) we register in a\n    // layout effect so the count (and therefore the group's `tabIndex`) is\n    // resolved before paint. Otherwise focus libraries such as `FocusScope` can\n    // read the stale `tabIndex={-1}` and skip the group when auto-focusing on\n    // open.\n    //\n    // See: https://github.com/radix-ui/primitives/issues/3077\n    useLayoutEffect(() => {\n      if (!isHydrated || !focusable) {\n        return;\n      }\n\n      onFocusableItemAdd();\n      return () => onFocusableItemRemove();\n    }, [isHydrated, focusable, onFocusableItemAdd, onFocusableItemRemove]);\n\n    // Before hydration we register in a passive effect instead. Running a\n    // layout effect during hydration would trigger a synchronous re-render\n    // mid-hydration, so we keep the pre-hydration path asynchronous.\n    React.useEffect(() => {\n      if (isHydrated || !focusable) {\n        return;\n      }\n\n      onFocusableItemAdd();\n      return () => onFocusableItemRemove();\n    }, [isHydrated, focusable, onFocusableItemAdd, onFocusableItemRemove]);\n\n    return (\n      <Collection.ItemSlot\n        scope={__scopeRovingFocusGroup}\n        id={id}\n        focusable={focusable}\n        active={active}\n      >\n        <Primitive.span\n          tabIndex={isCurrentTabStop ? 0 : -1}\n          data-orientation={context.orientation}\n          {...itemProps}\n          ref={forwardedRef}\n          onMouseDown={composeEventHandlers(props.onMouseDown, (event) => {\n            // We prevent focusing non-focusable items on `mousedown`.\n            // Even though the item has tabIndex={-1}, that only means take it out of the tab order.\n            if (!focusable) event.preventDefault();\n            // Safari doesn't focus a button when clicked so we run our logic on mousedown also\n            else context.onItemFocus(id);\n          })}\n          onFocus={composeEventHandlers(props.onFocus, () => context.onItemFocus(id))}\n          onKeyDown={composeEventHandlers(props.onKeyDown, (event) => {\n            if (event.key === 'Tab' && event.shiftKey) {\n              context.onItemShiftTab();\n              return;\n            }\n\n            if (event.target !== event.currentTarget) return;\n\n            const focusIntent = getFocusIntent(event, context.orientation, context.dir);\n\n            if (focusIntent !== undefined) {\n              if (event.metaKey || event.ctrlKey || event.altKey || event.shiftKey) return;\n              event.preventDefault();\n              const items = getItems().filter((item) => item.focusable);\n              let candidateNodes = items.map((item) => item.ref.current!);\n\n              if (focusIntent === 'last') candidateNodes.reverse();\n              else if (focusIntent === 'prev' || focusIntent === 'next') {\n                if (focusIntent === 'prev') candidateNodes.reverse();\n                const currentIndex = candidateNodes.indexOf(event.currentTarget);\n                candidateNodes = context.loop\n                  ? wrapArray(candidateNodes, currentIndex + 1)\n                  : candidateNodes.slice(currentIndex + 1);\n              }\n\n              /**\n               * Imperative focus during keydown is risky so we prevent React's batching updates\n               * to avoid potential bugs. See: https://github.com/facebook/react/issues/20332\n               */\n              setTimeout(() => focusFirst(candidateNodes));\n            }\n          })}\n        >\n          {typeof children === 'function'\n            ? children({ isCurrentTabStop, hasTabStop: currentTabStopId != null })\n            : children}\n        </Primitive.span>\n      </Collection.ItemSlot>\n    );\n  },\n);\n\n/* -----------------------------------------------------------------------------------------------*/\n\nconst MAP_KEY_TO_FOCUS_INTENT: Record<string, FocusIntent> = {\n  ArrowLeft: 'prev',\n  ArrowUp: 'prev',\n  ArrowRight: 'next',\n  ArrowDown: 'next',\n  PageUp: 'first',\n  Home: 'first',\n  PageDown: 'last',\n  End: 'last',\n};\n\nfunction getDirectionAwareKey(key: string, dir?: Direction) {\n  if (dir !== 'rtl') return key;\n  return key === 'ArrowLeft' ? 'ArrowRight' : key === 'ArrowRight' ? 'ArrowLeft' : key;\n}\n\ntype FocusIntent = 'first' | 'last' | 'prev' | 'next';\n\nfunction getFocusIntent(event: React.KeyboardEvent, orientation?: Orientation, dir?: Direction) {\n  const key = getDirectionAwareKey(event.key, dir);\n  if (orientation === 'vertical' && ['ArrowLeft', 'ArrowRight'].includes(key)) return undefined;\n  if (orientation === 'horizontal' && ['ArrowUp', 'ArrowDown'].includes(key)) return undefined;\n  return MAP_KEY_TO_FOCUS_INTENT[key];\n}\n\nfunction focusFirst(candidates: HTMLElement[], preventScroll = false) {\n  const PREVIOUSLY_FOCUSED_ELEMENT = document.activeElement;\n  for (const candidate of candidates) {\n    // if focus is already where we want to go, we don't want to keep going through the candidates\n    if (candidate === PREVIOUSLY_FOCUSED_ELEMENT) return;\n    candidate.focus({ preventScroll });\n    if (document.activeElement !== PREVIOUSLY_FOCUSED_ELEMENT) return;\n  }\n}\n\n/**\n * Wraps an array around itself at a given start index\n * Example: `wrapArray(['a', 'b', 'c', 'd'], 2) === ['c', 'd', 'a', 'b']`\n */\nfunction wrapArray<T>(array: T[], startIndex: number) {\n  return array.map<T>((_, index) => array[(startIndex + index) % array.length]!);\n}\n\nconst Root = RovingFocusGroup;\nconst Item = RovingFocusGroupItem;\n\nexport {\n  createRovingFocusGroupScope,\n  //\n  RovingFocusGroup,\n  RovingFocusGroupItem,\n  //\n  Root,\n  Item,\n};\nexport type { RovingFocusGroupProps, RovingFocusItemProps };\n"],"mappings":"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"}

package/dist/primitives/vendor/radix/react-scroll-area/index.d.ts

@@ -0,0 +1,2 @@
+export { createScrollAreaScope, ScrollArea, ScrollAreaViewport, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaCorner, Root, Viewport, Scrollbar, Thumb, Corner, } from './scroll-area';
+export type { ScrollAreaProps, ScrollAreaViewportProps, ScrollAreaScrollbarProps, ScrollAreaThumbProps, ScrollAreaCornerProps, } from './scroll-area';

package/dist/primitives/vendor/radix/react-scroll-area/scroll-area.d.ts

@@ -0,0 +1,121 @@
+import * as React from 'react';
+import { Primitive } from '../react-primitive';
+type Direction = 'ltr' | 'rtl';
+type Sizes = {
+    content: number;
+    viewport: number;
+    scrollbar: {
+        size: number;
+        paddingStart: number;
+        paddingEnd: number;
+    };
+};
+declare const createScrollAreaScope: import("../react-context").CreateScope;
+type ScrollAreaContextValue = {
+    type: 'auto' | 'always' | 'scroll' | 'hover';
+    dir: Direction;
+    scrollHideDelay: number;
+    scrollArea: ScrollAreaElement | null;
+    viewport: ScrollAreaViewportElement | null;
+    onViewportChange(viewport: ScrollAreaViewportElement | null): void;
+    content: HTMLDivElement | null;
+    onContentChange(content: HTMLDivElement): void;
+    scrollbarX: ScrollAreaScrollbarElement | null;
+    onScrollbarXChange(scrollbar: ScrollAreaScrollbarElement | null): void;
+    scrollbarXEnabled: boolean;
+    onScrollbarXEnabledChange(rendered: boolean): void;
+    scrollbarY: ScrollAreaScrollbarElement | null;
+    onScrollbarYChange(scrollbar: ScrollAreaScrollbarElement | null): void;
+    scrollbarYEnabled: boolean;
+    onScrollbarYEnabledChange(rendered: boolean): void;
+    onCornerWidthChange(width: number): void;
+    onCornerHeightChange(height: number): void;
+};
+type ScrollAreaElement = React.ComponentRef<typeof Primitive.div>;
+type PrimitiveDivProps = React.ComponentPropsWithoutRef<typeof Primitive.div>;
+interface ScrollAreaProps extends PrimitiveDivProps {
+    type?: ScrollAreaContextValue['type'];
+    dir?: ScrollAreaContextValue['dir'];
+    scrollHideDelay?: number;
+}
+declare const ScrollArea: React.ForwardRefExoticComponent<ScrollAreaProps & React.RefAttributes<HTMLDivElement>>;
+type ScrollAreaViewportElement = React.ComponentRef<typeof Primitive.div>;
+interface ScrollAreaViewportProps extends PrimitiveDivProps {
+    nonce?: string;
+}
+declare const ScrollAreaViewport: React.ForwardRefExoticComponent<ScrollAreaViewportProps & React.RefAttributes<HTMLDivElement>>;
+type ScrollAreaScrollbarElement = ScrollAreaScrollbarVisibleElement;
+interface ScrollAreaScrollbarProps extends ScrollAreaScrollbarVisibleProps {
+    forceMount?: true;
+}
+declare const ScrollAreaScrollbar: React.ForwardRefExoticComponent<ScrollAreaScrollbarProps & React.RefAttributes<HTMLDivElement>>;
+type ScrollAreaScrollbarVisibleElement = ScrollAreaScrollbarAxisElement;
+interface ScrollAreaScrollbarVisibleProps extends Omit<ScrollAreaScrollbarAxisProps, keyof ScrollAreaScrollbarAxisPrivateProps> {
+    orientation?: 'horizontal' | 'vertical';
+}
+type ScrollAreaScrollbarAxisPrivateProps = {
+    hasThumb: boolean;
+    sizes: Sizes;
+    onSizesChange(sizes: Sizes): void;
+    onThumbChange(thumb: ScrollAreaThumbElement | null): void;
+    onThumbPointerDown(pointerPos: number): void;
+    onThumbPointerUp(): void;
+    onThumbPositionChange(): void;
+    onWheelScroll(scrollPos: number): void;
+    onDragScroll(pointerPos: number): void;
+};
+type ScrollAreaScrollbarAxisElement = ScrollAreaScrollbarImplElement;
+interface ScrollAreaScrollbarAxisProps extends Omit<ScrollAreaScrollbarImplProps, keyof ScrollAreaScrollbarImplPrivateProps>, ScrollAreaScrollbarAxisPrivateProps {
+}
+type ScrollbarContext = {
+    hasThumb: boolean;
+    scrollbar: ScrollAreaScrollbarElement | null;
+    onThumbChange(thumb: ScrollAreaThumbElement | null): void;
+    onThumbPointerUp(): void;
+    onThumbPointerDown(pointerPos: {
+        x: number;
+        y: number;
+    }): void;
+    onThumbPositionChange(): void;
+};
+type ScrollAreaScrollbarImplElement = React.ComponentRef<typeof Primitive.div>;
+type ScrollAreaScrollbarImplPrivateProps = {
+    sizes: Sizes;
+    hasThumb: boolean;
+    onThumbChange: ScrollbarContext['onThumbChange'];
+    onThumbPointerUp: ScrollbarContext['onThumbPointerUp'];
+    onThumbPointerDown: ScrollbarContext['onThumbPointerDown'];
+    onThumbPositionChange: ScrollbarContext['onThumbPositionChange'];
+    onWheelScroll(event: WheelEvent, maxScrollPos: number): void;
+    onDragScroll(pointerPos: {
+        x: number;
+        y: number;
+    }): void;
+    onResize(): void;
+};
+interface ScrollAreaScrollbarImplProps extends Omit<PrimitiveDivProps, keyof ScrollAreaScrollbarImplPrivateProps>, ScrollAreaScrollbarImplPrivateProps {
+}
+type ScrollAreaThumbElement = ScrollAreaThumbImplElement;
+interface ScrollAreaThumbProps extends ScrollAreaThumbImplProps {
+    /**
+     * Used to force mounting when more control is needed. Useful when
+     * controlling animation with React animation libraries.
+     */
+    forceMount?: true;
+}
+declare const ScrollAreaThumb: React.ForwardRefExoticComponent<ScrollAreaThumbProps & React.RefAttributes<HTMLDivElement>>;
+type ScrollAreaThumbImplElement = React.ComponentRef<typeof Primitive.div>;
+interface ScrollAreaThumbImplProps extends PrimitiveDivProps {
+}
+interface ScrollAreaCornerProps extends ScrollAreaCornerImplProps {
+}
+declare const ScrollAreaCorner: React.ForwardRefExoticComponent<ScrollAreaCornerProps & React.RefAttributes<HTMLDivElement>>;
+interface ScrollAreaCornerImplProps extends PrimitiveDivProps {
+}
+declare const Root: React.ForwardRefExoticComponent<ScrollAreaProps & React.RefAttributes<HTMLDivElement>>;
+declare const Viewport: React.ForwardRefExoticComponent<ScrollAreaViewportProps & React.RefAttributes<HTMLDivElement>>;
+declare const Scrollbar: React.ForwardRefExoticComponent<ScrollAreaScrollbarProps & React.RefAttributes<HTMLDivElement>>;
+declare const Thumb: React.ForwardRefExoticComponent<ScrollAreaThumbProps & React.RefAttributes<HTMLDivElement>>;
+declare const Corner: React.ForwardRefExoticComponent<ScrollAreaCornerProps & React.RefAttributes<HTMLDivElement>>;
+export { createScrollAreaScope, ScrollArea, ScrollAreaViewport, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaCorner, Root, Viewport, Scrollbar, Thumb, Corner, };
+export type { ScrollAreaProps, ScrollAreaViewportProps, ScrollAreaScrollbarProps, ScrollAreaThumbProps, ScrollAreaCornerProps, };