@neynar/ui 0.4.0 → 1.0.0

package/dist/node_modules/@base-ui/react/esm/radio/root/RadioRoot.js

@@ -0,0 +1,182 @@
+"use client";
+import * as React from "react";
+import { useMergedRefs } from "../../../../utils/esm/useMergedRefs.js";
+import { useIsoLayoutEffect } from "../../../../utils/esm/useIsoLayoutEffect.js";
+import { visuallyHidden } from "../../../../utils/esm/visuallyHidden.js";
+import { createChangeEventDetails } from "../../utils/createBaseUIEventDetails.js";
+import { stateAttributesMapping } from "../utils/stateAttributesMapping.js";
+import { useBaseUiId } from "../../utils/useBaseUiId.js";
+import { useRenderElement } from "../../utils/useRenderElement.js";
+import { ACTIVE_COMPOSITE_ITEM } from "../../composite/constants.js";
+import { CompositeItem } from "../../composite/item/CompositeItem.js";
+import { useFieldRootContext } from "../../field/root/FieldRootContext.js";
+import { useFieldItemContext } from "../../field/item/FieldItemContext.js";
+import { useLabelableContext } from "../../labelable-provider/LabelableContext.js";
+import { useLabelableId } from "../../labelable-provider/useLabelableId.js";
+import { useRadioGroupContext } from "../../radio-group/RadioGroupContext.js";
+import { RadioRootContext } from "./RadioRootContext.js";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useButton } from "../../use-button/useButton.js";
+import { EMPTY_OBJECT, NOOP } from "../../../../utils/esm/empty.js";
+import { none } from "../../utils/reason-parts.js";
+const RadioRoot = /* @__PURE__ */ React.forwardRef(function RadioRoot2(componentProps, forwardedRef) {
+  const {
+    render,
+    className,
+    disabled: disabledProp = false,
+    readOnly: readOnlyProp = false,
+    required: requiredProp = false,
+    value,
+    inputRef: inputRefProp,
+    nativeButton = false,
+    id: idProp,
+    ...elementProps
+  } = componentProps;
+  const {
+    disabled: disabledGroup,
+    readOnly: readOnlyGroup,
+    required: requiredGroup,
+    checkedValue,
+    setCheckedValue,
+    touched,
+    setTouched,
+    validation,
+    registerControlRef
+  } = useRadioGroupContext();
+  const {
+    setDirty,
+    validityData,
+    setTouched: setFieldTouched,
+    setFilled,
+    state: fieldState,
+    disabled: fieldDisabled
+  } = useFieldRootContext();
+  const fieldItemContext = useFieldItemContext();
+  const {
+    labelId,
+    getDescriptionProps
+  } = useLabelableContext();
+  const disabled = fieldDisabled || fieldItemContext.disabled || disabledGroup || disabledProp;
+  const readOnly = readOnlyGroup || readOnlyProp;
+  const required = requiredGroup || requiredProp;
+  const checked = checkedValue === value;
+  const radioRef = React.useRef(null);
+  const inputRef = React.useRef(null);
+  const mergedInputRef = useMergedRefs(inputRefProp, inputRef);
+  useIsoLayoutEffect(() => {
+    if (inputRef.current?.checked) {
+      setFilled(true);
+    }
+  }, [setFilled]);
+  const id = useBaseUiId();
+  const inputId = useLabelableId({
+    id: idProp,
+    implicit: false,
+    controlRef: radioRef
+  });
+  const rootProps = {
+    role: "radio",
+    "aria-checked": checked,
+    "aria-required": required || void 0,
+    "aria-disabled": disabled || void 0,
+    "aria-readonly": readOnly || void 0,
+    "aria-labelledby": labelId,
+    [ACTIVE_COMPOSITE_ITEM]: checked ? "" : void 0,
+    id,
+    disabled,
+    onKeyDown(event) {
+      if (event.key === "Enter") {
+        event.preventDefault();
+      }
+    },
+    onClick(event) {
+      if (event.defaultPrevented || disabled || readOnly) {
+        return;
+      }
+      event.preventDefault();
+      inputRef.current?.click();
+    },
+    onFocus(event) {
+      if (event.defaultPrevented || disabled || readOnly || !touched) {
+        return;
+      }
+      inputRef.current?.click();
+      setTouched(false);
+    }
+  };
+  const {
+    getButtonProps,
+    buttonRef
+  } = useButton({
+    disabled,
+    native: nativeButton
+  });
+  const inputProps = React.useMemo(() => ({
+    type: "radio",
+    ref: mergedInputRef,
+    id: inputId,
+    tabIndex: -1,
+    style: visuallyHidden,
+    "aria-hidden": true,
+    disabled,
+    checked,
+    required,
+    readOnly,
+    onChange(event) {
+      if (event.nativeEvent.defaultPrevented) {
+        return;
+      }
+      if (disabled || readOnly || value === void 0) {
+        return;
+      }
+      const details = createChangeEventDetails(none, event.nativeEvent);
+      if (details.isCanceled) {
+        return;
+      }
+      setFieldTouched(true);
+      setDirty(value !== validityData.initialValue);
+      setFilled(true);
+      setCheckedValue(value, details);
+    },
+    onFocus() {
+      radioRef.current?.focus();
+    }
+  }), [checked, disabled, inputId, mergedInputRef, readOnly, required, setCheckedValue, setDirty, setFieldTouched, setFilled, validityData.initialValue, value]);
+  const state = React.useMemo(() => ({
+    ...fieldState,
+    required,
+    disabled,
+    readOnly,
+    checked
+  }), [fieldState, disabled, readOnly, checked, required]);
+  const contextValue = React.useMemo(() => state, [state]);
+  const isRadioGroup = setCheckedValue !== NOOP;
+  const refs = [forwardedRef, registerControlRef, radioRef, buttonRef];
+  const props = [rootProps, getDescriptionProps, validation?.getValidationProps ?? EMPTY_OBJECT, elementProps, getButtonProps];
+  const element = useRenderElement("span", componentProps, {
+    enabled: !isRadioGroup,
+    state,
+    ref: refs,
+    props,
+    stateAttributesMapping
+  });
+  return /* @__PURE__ */ jsxs(RadioRootContext.Provider, {
+    value: contextValue,
+    children: [isRadioGroup ? /* @__PURE__ */ jsx(CompositeItem, {
+      tag: "span",
+      render,
+      className,
+      state,
+      refs,
+      props,
+      stateAttributesMapping
+    }) : element, /* @__PURE__ */ jsx("input", {
+      ...inputProps
+    })]
+  });
+});
+if (process.env.NODE_ENV !== "production") RadioRoot.displayName = "RadioRoot";
+export {
+  RadioRoot
+};
+//# sourceMappingURL=RadioRoot.js.map

package/dist/node_modules/@base-ui/react/esm/radio/root/RadioRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioRoot.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/radio/root/RadioRoot.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useMergedRefs } from '@base-ui/utils/useMergedRefs';\nimport { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';\nimport { visuallyHidden } from '@base-ui/utils/visuallyHidden';\nimport { createChangeEventDetails } from \"../../utils/createBaseUIEventDetails.js\";\nimport { REASONS } from \"../../utils/reasons.js\";\nimport { EMPTY_OBJECT } from \"../../utils/constants.js\";\nimport { NOOP } from \"../../utils/noop.js\";\nimport { stateAttributesMapping } from \"../utils/stateAttributesMapping.js\";\nimport { useBaseUiId } from \"../../utils/useBaseUiId.js\";\nimport { useRenderElement } from \"../../utils/useRenderElement.js\";\nimport { useButton } from \"../../use-button/index.js\";\nimport { ACTIVE_COMPOSITE_ITEM } from \"../../composite/constants.js\";\nimport { CompositeItem } from \"../../composite/item/CompositeItem.js\";\nimport { useFieldRootContext } from \"../../field/root/FieldRootContext.js\";\nimport { useFieldItemContext } from \"../../field/item/FieldItemContext.js\";\nimport { useLabelableContext } from \"../../labelable-provider/LabelableContext.js\";\nimport { useLabelableId } from \"../../labelable-provider/useLabelableId.js\";\nimport { useRadioGroupContext } from \"../../radio-group/RadioGroupContext.js\";\nimport { RadioRootContext } from \"./RadioRootContext.js\";\n\n/**\n * Represents the radio button itself.\n * Renders a `<span>` element and a hidden `<input>` beside.\n *\n * Documentation: [Base UI Radio](https://base-ui.com/react/components/radio)\n */\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nexport const RadioRoot = /*#__PURE__*/React.forwardRef(function RadioRoot(componentProps, forwardedRef) {\n  const {\n    render,\n    className,\n    disabled: disabledProp = false,\n    readOnly: readOnlyProp = false,\n    required: requiredProp = false,\n    value,\n    inputRef: inputRefProp,\n    nativeButton = false,\n    id: idProp,\n    ...elementProps\n  } = componentProps;\n  const {\n    disabled: disabledGroup,\n    readOnly: readOnlyGroup,\n    required: requiredGroup,\n    checkedValue,\n    setCheckedValue,\n    touched,\n    setTouched,\n    validation,\n    registerControlRef\n  } = useRadioGroupContext();\n  const {\n    setDirty,\n    validityData,\n    setTouched: setFieldTouched,\n    setFilled,\n    state: fieldState,\n    disabled: fieldDisabled\n  } = useFieldRootContext();\n  const fieldItemContext = useFieldItemContext();\n  const {\n    labelId,\n    getDescriptionProps\n  } = useLabelableContext();\n  const disabled = fieldDisabled || fieldItemContext.disabled || disabledGroup || disabledProp;\n  const readOnly = readOnlyGroup || readOnlyProp;\n  const required = requiredGroup || requiredProp;\n  const checked = checkedValue === value;\n  const radioRef = React.useRef(null);\n  const inputRef = React.useRef(null);\n  const mergedInputRef = useMergedRefs(inputRefProp, inputRef);\n  useIsoLayoutEffect(() => {\n    if (inputRef.current?.checked) {\n      setFilled(true);\n    }\n  }, [setFilled]);\n  const id = useBaseUiId();\n  const inputId = useLabelableId({\n    id: idProp,\n    implicit: false,\n    controlRef: radioRef\n  });\n  const rootProps = {\n    role: 'radio',\n    'aria-checked': checked,\n    'aria-required': required || undefined,\n    'aria-disabled': disabled || undefined,\n    'aria-readonly': readOnly || undefined,\n    'aria-labelledby': labelId,\n    [ACTIVE_COMPOSITE_ITEM]: checked ? '' : undefined,\n    id,\n    disabled,\n    onKeyDown(event) {\n      if (event.key === 'Enter') {\n        event.preventDefault();\n      }\n    },\n    onClick(event) {\n      if (event.defaultPrevented || disabled || readOnly) {\n        return;\n      }\n      event.preventDefault();\n      inputRef.current?.click();\n    },\n    onFocus(event) {\n      if (event.defaultPrevented || disabled || readOnly || !touched) {\n        return;\n      }\n      inputRef.current?.click();\n      setTouched(false);\n    }\n  };\n  const {\n    getButtonProps,\n    buttonRef\n  } = useButton({\n    disabled,\n    native: nativeButton\n  });\n  const inputProps = React.useMemo(() => ({\n    type: 'radio',\n    ref: mergedInputRef,\n    id: inputId,\n    tabIndex: -1,\n    style: visuallyHidden,\n    'aria-hidden': true,\n    disabled,\n    checked,\n    required,\n    readOnly,\n    onChange(event) {\n      // Workaround for https://github.com/facebook/react/issues/9023\n      if (event.nativeEvent.defaultPrevented) {\n        return;\n      }\n      if (disabled || readOnly || value === undefined) {\n        return;\n      }\n      const details = createChangeEventDetails(REASONS.none, event.nativeEvent);\n      if (details.isCanceled) {\n        return;\n      }\n      setFieldTouched(true);\n      setDirty(value !== validityData.initialValue);\n      setFilled(true);\n      setCheckedValue(value, details);\n    },\n    onFocus() {\n      radioRef.current?.focus();\n    }\n  }), [checked, disabled, inputId, mergedInputRef, readOnly, required, setCheckedValue, setDirty, setFieldTouched, setFilled, validityData.initialValue, value]);\n  const state = React.useMemo(() => ({\n    ...fieldState,\n    required,\n    disabled,\n    readOnly,\n    checked\n  }), [fieldState, disabled, readOnly, checked, required]);\n  const contextValue = React.useMemo(() => state, [state]);\n  const isRadioGroup = setCheckedValue !== NOOP;\n  const refs = [forwardedRef, registerControlRef, radioRef, buttonRef];\n  const props = [rootProps, getDescriptionProps, validation?.getValidationProps ?? EMPTY_OBJECT, elementProps, getButtonProps];\n  const element = useRenderElement('span', componentProps, {\n    enabled: !isRadioGroup,\n    state,\n    ref: refs,\n    props,\n    stateAttributesMapping\n  });\n  return /*#__PURE__*/_jsxs(RadioRootContext.Provider, {\n    value: contextValue,\n    children: [isRadioGroup ? /*#__PURE__*/_jsx(CompositeItem, {\n      tag: \"span\",\n      render: render,\n      className: className,\n      state: state,\n      refs: refs,\n      props: props,\n      stateAttributesMapping: stateAttributesMapping\n    }) : element, /*#__PURE__*/_jsx(\"input\", {\n      ...inputProps\n    })]\n  });\n});\nif (process.env.NODE_ENV !== \"production\") RadioRoot.displayName = \"RadioRoot\";"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AA8BY;AACV;AAAM;AACJ;AACA;AACyB;AACA;AACA;AACzB;AACU;AACK;AACX;AACD;AAEL;AAAM;AACM;AACA;AACA;AACV;AACA;AACA;AACA;AACA;AACA;AAEF;AAAM;AACJ;AACA;AACY;AACZ;AACO;AACG;AAEZ;AACA;AAAM;AACJ;AACA;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACE;AACE;AAAc;AAChB;AAEF;AACA;AAA+B;AACzB;AACM;AACE;AAEd;AAAkB;AACV;AACU;AACa;AACA;AACA;AACV;AACqB;AACxC;AACA;AAEE;AACE;AAAoB;AACtB;AACF;AAEE;AACE;AAAA;AAEF;AACA;AAAuB;AACzB;AAEE;AACE;AAAA;AAEF;AACA;AAAgB;AAClB;AAEF;AAAM;AACJ;AACA;AACY;AACZ;AACQ;AAEV;AAAwC;AAChC;AACD;AACD;AACM;AACH;AACQ;AACf;AACA;AACA;AACA;AAGE;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACA;AACE;AAAA;AAEF;AACA;AACA;AACA;AAA8B;AAChC;AAEE;AAAuB;AACzB;AAEF;AAAmC;AAC9B;AACH;AACA;AACA;AACA;AAEF;AACA;AACA;AACA;AACA;AAAyD;AAC7C;AACV;AACK;AACL;AACA;AAEF;AAAqD;AAC5C;AACoD;AACpD;AACL;AACA;AACA;AACA;AACA;AACA;AACuC;AACpC;AACH;AAEN;AACA;;;;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/radio/root/RadioRootContext.js

@@ -0,0 +1,17 @@
+"use client";
+import formatErrorMessage from "../../../../utils/esm/formatErrorMessage.js";
+import * as React from "react";
+const RadioRootContext = /* @__PURE__ */ React.createContext(void 0);
+if (process.env.NODE_ENV !== "production") RadioRootContext.displayName = "RadioRootContext";
+function useRadioRootContext() {
+  const value = React.useContext(RadioRootContext);
+  if (value === void 0) {
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: RadioRootContext is missing. Radio parts must be placed within <Radio.Root>." : formatErrorMessage(52));
+  }
+  return value;
+}
+export {
+  RadioRootContext,
+  useRadioRootContext
+};
+//# sourceMappingURL=RadioRootContext.js.map

package/dist/node_modules/@base-ui/react/esm/radio/root/RadioRootContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioRootContext.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/radio/root/RadioRootContext.js"],"sourcesContent":["'use client';\n\nimport _formatErrorMessage from \"@base-ui/utils/formatErrorMessage\";\nimport * as React from 'react';\nexport const RadioRootContext = /*#__PURE__*/React.createContext(undefined);\nif (process.env.NODE_ENV !== \"production\") RadioRootContext.displayName = \"RadioRootContext\";\nexport function useRadioRootContext() {\n  const value = React.useContext(RadioRootContext);\n  if (value === undefined) {\n    throw new Error(process.env.NODE_ENV !== \"production\" ? 'Base UI: RadioRootContext is missing. Radio parts must be placed within <Radio.Root>.' : _formatErrorMessage(52));\n  }\n  return value;\n}"],"names":[],"mappings":";;;AAIY;AACZ;AACO;AACL;AACA;AACE;AAAyK;AAE3K;AACF;;;;;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/radio/root/RadioRootDataAttributes.js

@@ -0,0 +1,18 @@
+let RadioRootDataAttributes = /* @__PURE__ */ (function(RadioRootDataAttributes2) {
+  RadioRootDataAttributes2["checked"] = "data-checked";
+  RadioRootDataAttributes2["unchecked"] = "data-unchecked";
+  RadioRootDataAttributes2["disabled"] = "data-disabled";
+  RadioRootDataAttributes2["readonly"] = "data-readonly";
+  RadioRootDataAttributes2["required"] = "data-required";
+  RadioRootDataAttributes2["valid"] = "data-valid";
+  RadioRootDataAttributes2["invalid"] = "data-invalid";
+  RadioRootDataAttributes2["touched"] = "data-touched";
+  RadioRootDataAttributes2["dirty"] = "data-dirty";
+  RadioRootDataAttributes2["filled"] = "data-filled";
+  RadioRootDataAttributes2["focused"] = "data-focused";
+  return RadioRootDataAttributes2;
+})({});
+export {
+  RadioRootDataAttributes
+};
+//# sourceMappingURL=RadioRootDataAttributes.js.map

package/dist/node_modules/@base-ui/react/esm/radio/root/RadioRootDataAttributes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioRootDataAttributes.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/radio/root/RadioRootDataAttributes.js"],"sourcesContent":["export let RadioRootDataAttributes = /*#__PURE__*/function (RadioRootDataAttributes) {\n  /**\n   * Present when the radio is checked.\n   */\n  RadioRootDataAttributes[\"checked\"] = \"data-checked\";\n  /**\n   * Present when the radio is not checked.\n   */\n  RadioRootDataAttributes[\"unchecked\"] = \"data-unchecked\";\n  /**\n   * Present when the radio is disabled.\n   */\n  RadioRootDataAttributes[\"disabled\"] = \"data-disabled\";\n  /**\n   * Present when the radio is readonly.\n   */\n  RadioRootDataAttributes[\"readonly\"] = \"data-readonly\";\n  /**\n   * Present when the radio is required.\n   */\n  RadioRootDataAttributes[\"required\"] = \"data-required\";\n  /**\n   * Present when the radio is in valid state (when wrapped in Field.Root).\n   */\n  RadioRootDataAttributes[\"valid\"] = \"data-valid\";\n  /**\n   * Present when the radio is in invalid state (when wrapped in Field.Root).\n   */\n  RadioRootDataAttributes[\"invalid\"] = \"data-invalid\";\n  /**\n   * Present when the radio has been touched (when wrapped in Field.Root).\n   */\n  RadioRootDataAttributes[\"touched\"] = \"data-touched\";\n  /**\n   * Present when the radio's value has changed (when wrapped in Field.Root).\n   */\n  RadioRootDataAttributes[\"dirty\"] = \"data-dirty\";\n  /**\n   * Present when the radio is checked (when wrapped in Field.Root).\n   */\n  RadioRootDataAttributes[\"filled\"] = \"data-filled\";\n  /**\n   * Present when the radio is focused (when wrapped in Field.Root).\n   */\n  RadioRootDataAttributes[\"focused\"] = \"data-focused\";\n  return RadioRootDataAttributes;\n}({});"],"names":["RadioRootDataAttributes"],"mappings":"AAAU,IAAC,0BAAuC,0BAAUA,0BAAyB;AAInF,EAAAA,yBAAwB,SAAS,IAAI;AAIrC,EAAAA,yBAAwB,WAAW,IAAI;AAIvC,EAAAA,yBAAwB,UAAU,IAAI;AAItC,EAAAA,yBAAwB,UAAU,IAAI;AAItC,EAAAA,yBAAwB,UAAU,IAAI;AAItC,EAAAA,yBAAwB,OAAO,IAAI;AAInC,EAAAA,yBAAwB,SAAS,IAAI;AAIrC,EAAAA,yBAAwB,SAAS,IAAI;AAIrC,EAAAA,yBAAwB,OAAO,IAAI;AAInC,EAAAA,yBAAwB,QAAQ,IAAI;AAIpC,EAAAA,yBAAwB,SAAS,IAAI;AACrC,SAAOA;AACT,GAAE,CAAA,CAAE;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/radio/utils/stateAttributesMapping.js

@@ -0,0 +1,21 @@
+import { transitionStatusMapping } from "../../utils/stateAttributesMapping.js";
+import { fieldValidityMapping } from "../../field/utils/constants.js";
+import { RadioRootDataAttributes } from "../root/RadioRootDataAttributes.js";
+const stateAttributesMapping = {
+  checked(value) {
+    if (value) {
+      return {
+        [RadioRootDataAttributes.checked]: ""
+      };
+    }
+    return {
+      [RadioRootDataAttributes.unchecked]: ""
+    };
+  },
+  ...transitionStatusMapping,
+  ...fieldValidityMapping
+};
+export {
+  stateAttributesMapping
+};
+//# sourceMappingURL=stateAttributesMapping.js.map

package/dist/node_modules/@base-ui/react/esm/radio/utils/stateAttributesMapping.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stateAttributesMapping.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/radio/utils/stateAttributesMapping.js"],"sourcesContent":["import { transitionStatusMapping } from \"../../utils/stateAttributesMapping.js\";\nimport { fieldValidityMapping } from \"../../field/utils/constants.js\";\nimport { RadioRootDataAttributes } from \"../root/RadioRootDataAttributes.js\";\nexport const stateAttributesMapping = {\n  checked(value) {\n    if (value) {\n      return {\n        [RadioRootDataAttributes.checked]: ''\n      };\n    }\n    return {\n      [RadioRootDataAttributes.unchecked]: ''\n    };\n  },\n  ...transitionStatusMapping,\n  ...fieldValidityMapping\n};"],"names":[],"mappings":";;;AAGY,MAAC,yBAAyB;AAAA,EACpC,QAAQ,OAAO;AACb,QAAI,OAAO;AACT,aAAO;AAAA,QACL,CAAC,wBAAwB,OAAO,GAAG;AAAA,MAC3C;AAAA,IACI;AACA,WAAO;AAAA,MACL,CAAC,wBAAwB,SAAS,GAAG;AAAA,IAC3C;AAAA,EACE;AAAA,EACA,GAAG;AAAA,EACH,GAAG;AACL;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/radio-group/RadioGroup.js

@@ -0,0 +1,196 @@
+"use client";
+import * as React from "react";
+import { useControlled } from "../../../utils/esm/useControlled.js";
+import { useMergedRefs } from "../../../utils/esm/useMergedRefs.js";
+import { useStableCallback } from "../../../utils/esm/useStableCallback.js";
+import { visuallyHidden } from "../../../utils/esm/visuallyHidden.js";
+import { useBaseUiId } from "../utils/useBaseUiId.js";
+import { SHIFT } from "../composite/composite.js";
+import { CompositeRoot } from "../composite/root/CompositeRoot.js";
+import { useField } from "../field/useField.js";
+import { useFieldRootContext } from "../field/root/FieldRootContext.js";
+import { fieldValidityMapping } from "../field/utils/constants.js";
+import { useFieldsetRootContext } from "../fieldset/root/FieldsetRootContext.js";
+import { useFormContext } from "../form/FormContext.js";
+import { useLabelableContext } from "../labelable-provider/LabelableContext.js";
+import { useValueChanged } from "../utils/useValueChanged.js";
+import { RadioGroupContext } from "./RadioGroupContext.js";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { NOOP } from "../../../utils/esm/empty.js";
+import { contains } from "../floating-ui-react/utils/element.js";
+import { mergeProps } from "../merge-props/mergeProps.js";
+const MODIFIER_KEYS = [SHIFT];
+const RadioGroup = /* @__PURE__ */ React.forwardRef(function RadioGroup2(componentProps, forwardedRef) {
+  const {
+    render,
+    className,
+    disabled: disabledProp,
+    readOnly,
+    required,
+    onValueChange: onValueChangeProp,
+    value: externalValue,
+    defaultValue,
+    name: nameProp,
+    inputRef: inputRefProp,
+    id: idProp,
+    ...elementProps
+  } = componentProps;
+  const {
+    setTouched: setFieldTouched,
+    setFocused,
+    shouldValidateOnChange,
+    validationMode,
+    name: fieldName,
+    disabled: fieldDisabled,
+    state: fieldState,
+    validation,
+    setDirty,
+    setFilled,
+    validityData
+  } = useFieldRootContext();
+  const {
+    labelId
+  } = useLabelableContext();
+  const {
+    clearErrors
+  } = useFormContext();
+  const fieldsetContext = useFieldsetRootContext(true);
+  const disabled = fieldDisabled || disabledProp;
+  const name = fieldName ?? nameProp;
+  const id = useBaseUiId(idProp);
+  const [checkedValue, setCheckedValueUnwrapped] = useControlled({
+    controlled: externalValue,
+    default: defaultValue,
+    name: "RadioGroup",
+    state: "value"
+  });
+  const onValueChange = useStableCallback(onValueChangeProp);
+  const setCheckedValue = useStableCallback((value, eventDetails) => {
+    onValueChange(value, eventDetails);
+    if (eventDetails.isCanceled) {
+      return;
+    }
+    setCheckedValueUnwrapped(value);
+  });
+  const controlRef = React.useRef(null);
+  const registerControlRef = useStableCallback((element) => {
+    if (controlRef.current == null && element != null) {
+      controlRef.current = element;
+    }
+  });
+  useField({
+    id,
+    commit: validation.commit,
+    value: checkedValue,
+    controlRef,
+    name,
+    getValue: () => checkedValue ?? null
+  });
+  useValueChanged(checkedValue, () => {
+    clearErrors(name);
+    setDirty(checkedValue !== validityData.initialValue);
+    setFilled(checkedValue != null);
+    if (shouldValidateOnChange()) {
+      validation.commit(checkedValue);
+    } else {
+      validation.commit(checkedValue, true);
+    }
+  });
+  const [touched, setTouched] = React.useState(false);
+  const onBlur = useStableCallback((event) => {
+    if (!contains(event.currentTarget, event.relatedTarget)) {
+      setFieldTouched(true);
+      setFocused(false);
+      if (validationMode === "onBlur") {
+        validation.commit(checkedValue);
+      }
+    }
+  });
+  const onKeyDownCapture = useStableCallback((event) => {
+    if (event.key.startsWith("Arrow")) {
+      setFieldTouched(true);
+      setTouched(true);
+      setFocused(true);
+    }
+  });
+  const serializedCheckedValue = React.useMemo(() => {
+    if (checkedValue == null) {
+      return "";
+    }
+    if (typeof checkedValue === "string") {
+      return checkedValue;
+    }
+    return JSON.stringify(checkedValue);
+  }, [checkedValue]);
+  const mergedInputRef = useMergedRefs(validation.inputRef, inputRefProp);
+  const inputProps = mergeProps({
+    value: serializedCheckedValue,
+    ref: mergedInputRef,
+    id,
+    name: serializedCheckedValue ? name : void 0,
+    disabled,
+    readOnly,
+    required,
+    "aria-labelledby": elementProps["aria-labelledby"] ?? fieldsetContext?.legendId,
+    "aria-hidden": true,
+    tabIndex: -1,
+    style: visuallyHidden,
+    onChange: NOOP,
+    // suppress a Next.js error
+    onFocus() {
+      controlRef.current?.focus();
+    }
+  }, validation.getInputValidationProps);
+  const state = React.useMemo(() => ({
+    ...fieldState,
+    disabled: disabled ?? false,
+    required: required ?? false,
+    readOnly: readOnly ?? false
+  }), [fieldState, disabled, readOnly, required]);
+  const contextValue = React.useMemo(() => ({
+    ...fieldState,
+    checkedValue,
+    disabled,
+    validation,
+    name,
+    onValueChange,
+    readOnly,
+    registerControlRef,
+    required,
+    setCheckedValue,
+    setTouched,
+    touched
+  }), [checkedValue, disabled, validation, fieldState, name, onValueChange, readOnly, registerControlRef, required, setCheckedValue, setTouched, touched]);
+  const defaultProps = {
+    role: "radiogroup",
+    "aria-required": required || void 0,
+    "aria-disabled": disabled || void 0,
+    "aria-readonly": readOnly || void 0,
+    "aria-labelledby": labelId,
+    onFocus() {
+      setFocused(true);
+    },
+    onBlur,
+    onKeyDownCapture
+  };
+  return /* @__PURE__ */ jsxs(RadioGroupContext.Provider, {
+    value: contextValue,
+    children: [/* @__PURE__ */ jsx(CompositeRoot, {
+      render,
+      className,
+      state,
+      props: [defaultProps, validation.getValidationProps, elementProps],
+      refs: [forwardedRef],
+      stateAttributesMapping: fieldValidityMapping,
+      enableHomeAndEndKeys: false,
+      modifierKeys: MODIFIER_KEYS
+    }), /* @__PURE__ */ jsx("input", {
+      ...inputProps
+    })]
+  });
+});
+if (process.env.NODE_ENV !== "production") RadioGroup.displayName = "RadioGroup";
+export {
+  RadioGroup
+};
+//# sourceMappingURL=RadioGroup.js.map

package/dist/node_modules/@base-ui/react/esm/radio-group/RadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.js","sources":["../../../../../../node_modules/@base-ui/react/esm/radio-group/RadioGroup.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useControlled } from '@base-ui/utils/useControlled';\nimport { useMergedRefs } from '@base-ui/utils/useMergedRefs';\nimport { useStableCallback } from '@base-ui/utils/useStableCallback';\nimport { visuallyHidden } from '@base-ui/utils/visuallyHidden';\nimport { NOOP } from \"../utils/noop.js\";\nimport { useBaseUiId } from \"../utils/useBaseUiId.js\";\nimport { contains } from \"../floating-ui-react/utils.js\";\nimport { SHIFT } from \"../composite/composite.js\";\nimport { CompositeRoot } from \"../composite/root/CompositeRoot.js\";\nimport { useField } from \"../field/useField.js\";\nimport { useFieldRootContext } from \"../field/root/FieldRootContext.js\";\nimport { fieldValidityMapping } from \"../field/utils/constants.js\";\nimport { useFieldsetRootContext } from \"../fieldset/root/FieldsetRootContext.js\";\nimport { useFormContext } from \"../form/FormContext.js\";\nimport { useLabelableContext } from \"../labelable-provider/LabelableContext.js\";\nimport { mergeProps } from \"../merge-props/index.js\";\nimport { useValueChanged } from \"../utils/useValueChanged.js\";\nimport { RadioGroupContext } from \"./RadioGroupContext.js\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst MODIFIER_KEYS = [SHIFT];\n\n/**\n * Provides a shared state to a series of radio buttons.\n * Renders a `<div>` element.\n *\n * Documentation: [Base UI Radio Group](https://base-ui.com/react/components/radio)\n */\nexport const RadioGroup = /*#__PURE__*/React.forwardRef(function RadioGroup(componentProps, forwardedRef) {\n  const {\n    render,\n    className,\n    disabled: disabledProp,\n    readOnly,\n    required,\n    onValueChange: onValueChangeProp,\n    value: externalValue,\n    defaultValue,\n    name: nameProp,\n    inputRef: inputRefProp,\n    id: idProp,\n    ...elementProps\n  } = componentProps;\n  const {\n    setTouched: setFieldTouched,\n    setFocused,\n    shouldValidateOnChange,\n    validationMode,\n    name: fieldName,\n    disabled: fieldDisabled,\n    state: fieldState,\n    validation,\n    setDirty,\n    setFilled,\n    validityData\n  } = useFieldRootContext();\n  const {\n    labelId\n  } = useLabelableContext();\n  const {\n    clearErrors\n  } = useFormContext();\n  const fieldsetContext = useFieldsetRootContext(true);\n  const disabled = fieldDisabled || disabledProp;\n  const name = fieldName ?? nameProp;\n  const id = useBaseUiId(idProp);\n  const [checkedValue, setCheckedValueUnwrapped] = useControlled({\n    controlled: externalValue,\n    default: defaultValue,\n    name: 'RadioGroup',\n    state: 'value'\n  });\n  const onValueChange = useStableCallback(onValueChangeProp);\n  const setCheckedValue = useStableCallback((value, eventDetails) => {\n    onValueChange(value, eventDetails);\n    if (eventDetails.isCanceled) {\n      return;\n    }\n    setCheckedValueUnwrapped(value);\n  });\n  const controlRef = React.useRef(null);\n  const registerControlRef = useStableCallback(element => {\n    if (controlRef.current == null && element != null) {\n      controlRef.current = element;\n    }\n  });\n  useField({\n    id,\n    commit: validation.commit,\n    value: checkedValue,\n    controlRef,\n    name,\n    getValue: () => checkedValue ?? null\n  });\n  useValueChanged(checkedValue, () => {\n    clearErrors(name);\n    setDirty(checkedValue !== validityData.initialValue);\n    setFilled(checkedValue != null);\n    if (shouldValidateOnChange()) {\n      validation.commit(checkedValue);\n    } else {\n      validation.commit(checkedValue, true);\n    }\n  });\n  const [touched, setTouched] = React.useState(false);\n  const onBlur = useStableCallback(event => {\n    if (!contains(event.currentTarget, event.relatedTarget)) {\n      setFieldTouched(true);\n      setFocused(false);\n      if (validationMode === 'onBlur') {\n        validation.commit(checkedValue);\n      }\n    }\n  });\n  const onKeyDownCapture = useStableCallback(event => {\n    if (event.key.startsWith('Arrow')) {\n      setFieldTouched(true);\n      setTouched(true);\n      setFocused(true);\n    }\n  });\n  const serializedCheckedValue = React.useMemo(() => {\n    if (checkedValue == null) {\n      return ''; // avoid uncontrolled -> controlled error\n    }\n    if (typeof checkedValue === 'string') {\n      return checkedValue;\n    }\n    return JSON.stringify(checkedValue);\n  }, [checkedValue]);\n  const mergedInputRef = useMergedRefs(validation.inputRef, inputRefProp);\n  const inputProps = mergeProps({\n    value: serializedCheckedValue,\n    ref: mergedInputRef,\n    id,\n    name: serializedCheckedValue ? name : undefined,\n    disabled,\n    readOnly,\n    required,\n    'aria-labelledby': elementProps['aria-labelledby'] ?? fieldsetContext?.legendId,\n    'aria-hidden': true,\n    tabIndex: -1,\n    style: visuallyHidden,\n    onChange: NOOP,\n    // suppress a Next.js error\n    onFocus() {\n      controlRef.current?.focus();\n    }\n  }, validation.getInputValidationProps);\n  const state = React.useMemo(() => ({\n    ...fieldState,\n    disabled: disabled ?? false,\n    required: required ?? false,\n    readOnly: readOnly ?? false\n  }), [fieldState, disabled, readOnly, required]);\n  const contextValue = React.useMemo(() => ({\n    ...fieldState,\n    checkedValue,\n    disabled,\n    validation,\n    name,\n    onValueChange,\n    readOnly,\n    registerControlRef,\n    required,\n    setCheckedValue,\n    setTouched,\n    touched\n  }), [checkedValue, disabled, validation, fieldState, name, onValueChange, readOnly, registerControlRef, required, setCheckedValue, setTouched, touched]);\n  const defaultProps = {\n    role: 'radiogroup',\n    'aria-required': required || undefined,\n    'aria-disabled': disabled || undefined,\n    'aria-readonly': readOnly || undefined,\n    'aria-labelledby': labelId,\n    onFocus() {\n      setFocused(true);\n    },\n    onBlur,\n    onKeyDownCapture\n  };\n  return /*#__PURE__*/_jsxs(RadioGroupContext.Provider, {\n    value: contextValue,\n    children: [/*#__PURE__*/_jsx(CompositeRoot, {\n      render: render,\n      className: className,\n      state: state,\n      props: [defaultProps, validation.getValidationProps, elementProps],\n      refs: [forwardedRef],\n      stateAttributesMapping: fieldValidityMapping,\n      enableHomeAndEndKeys: false,\n      modifierKeys: MODIFIER_KEYS\n    }), /*#__PURE__*/_jsx(\"input\", {\n      ...inputProps\n    })]\n  });\n});\nif (process.env.NODE_ENV !== \"production\") RadioGroup.displayName = \"RadioGroup\";"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAsBA;AAQY;AACV;AAAM;AACJ;AACA;AACU;AACV;AACA;AACe;AACR;AACP;AACM;AACI;AACN;AACD;AAEL;AAAM;AACQ;AACZ;AACA;AACA;AACM;AACI;AACH;AACP;AACA;AACA;AACA;AAEF;AAAM;AACJ;AAEF;AAAM;AACJ;AAEF;AACA;AACA;AACA;AACA;AAA+D;AACjD;AACH;AACH;AACC;AAET;AACA;AACE;AACA;AACE;AAAA;AAEF;AAA8B;AAEhC;AACA;AACE;AACE;AAAqB;AACvB;AAEF;AAAS;AACP;AACmB;AACZ;AACP;AACA;AACgC;AAElC;AACE;AACA;AACA;AACA;AACE;AAA8B;AAE9B;AAAoC;AACtC;AAEF;AACA;AACE;AACE;AACA;AACA;AACE;AAA8B;AAChC;AACF;AAEF;AACE;AACE;AACA;AACA;AAAe;AACjB;AAEF;AACE;AACE;AAAO;AAET;AACE;AAAO;AAET;AAAkC;AAEpC;AACA;AAA8B;AACrB;AACF;AACL;AACsC;AACtC;AACA;AACA;AACuE;AACxD;AACL;AACH;AACG;AAAA;AAGR;AAAyB;AAC3B;AAEF;AAAmC;AAC9B;AACmB;AACA;AACA;AAExB;AAA0C;AACrC;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEF;AAAqB;AACb;AACuB;AACA;AACA;AACV;AAEjB;AAAe;AACjB;AACA;AACA;AAEF;AAAsD;AAC7C;AACqC;AAC1C;AACA;AACA;AACiE;AAC9C;AACK;AACF;AACR;AACe;AAC1B;AACH;AAEN;AACA;;;;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/radio-group/RadioGroupContext.js

@@ -0,0 +1,24 @@
+"use client";
+import * as React from "react";
+import { NOOP } from "../../../utils/esm/empty.js";
+const RadioGroupContext = /* @__PURE__ */ React.createContext({
+  disabled: void 0,
+  readOnly: void 0,
+  required: void 0,
+  name: void 0,
+  checkedValue: "",
+  setCheckedValue: NOOP,
+  onValueChange: NOOP,
+  touched: false,
+  setTouched: NOOP,
+  registerControlRef: NOOP
+});
+if (process.env.NODE_ENV !== "production") RadioGroupContext.displayName = "RadioGroupContext";
+function useRadioGroupContext() {
+  return React.useContext(RadioGroupContext);
+}
+export {
+  RadioGroupContext,
+  useRadioGroupContext
+};
+//# sourceMappingURL=RadioGroupContext.js.map

package/dist/node_modules/@base-ui/react/esm/radio-group/RadioGroupContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroupContext.js","sources":["../../../../../../node_modules/@base-ui/react/esm/radio-group/RadioGroupContext.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { NOOP } from \"../utils/noop.js\";\nexport const RadioGroupContext = /*#__PURE__*/React.createContext({\n  disabled: undefined,\n  readOnly: undefined,\n  required: undefined,\n  name: undefined,\n  checkedValue: '',\n  setCheckedValue: NOOP,\n  onValueChange: NOOP,\n  touched: false,\n  setTouched: NOOP,\n  registerControlRef: NOOP\n});\nif (process.env.NODE_ENV !== \"production\") RadioGroupContext.displayName = \"RadioGroupContext\";\nexport function useRadioGroupContext() {\n  return React.useContext(RadioGroupContext);\n}"],"names":[],"mappings":";;;AAIY;AAAsD;AACtD;AACA;AACA;AACJ;AACQ;AACG;AACF;AACN;AACG;AAEd;AACA;AACO;AACL;AACF;;;;;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/scroll-area/constants.js

@@ -0,0 +1,7 @@
+const SCROLL_TIMEOUT = 500;
+const MIN_THUMB_SIZE = 16;
+export {
+  MIN_THUMB_SIZE,
+  SCROLL_TIMEOUT
+};
+//# sourceMappingURL=constants.js.map

package/dist/node_modules/@base-ui/react/esm/scroll-area/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../../../node_modules/@base-ui/react/esm/scroll-area/constants.js"],"sourcesContent":["export const SCROLL_TIMEOUT = 500;\nexport const MIN_THUMB_SIZE = 16;"],"names":[],"mappings":"AAAY,MAAC,iBAAiB;AAClB,MAAC,iBAAiB;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/scroll-area/corner/ScrollAreaCorner.js

@@ -0,0 +1,37 @@
+"use client";
+import * as React from "react";
+import { useScrollAreaRootContext } from "../root/ScrollAreaRootContext.js";
+import { useRenderElement } from "../../utils/useRenderElement.js";
+const ScrollAreaCorner = /* @__PURE__ */ React.forwardRef(function ScrollAreaCorner2(componentProps, forwardedRef) {
+  const {
+    render,
+    className,
+    ...elementProps
+  } = componentProps;
+  const {
+    cornerRef,
+    cornerSize,
+    hiddenState
+  } = useScrollAreaRootContext();
+  const element = useRenderElement("div", componentProps, {
+    ref: [forwardedRef, cornerRef],
+    props: [{
+      style: {
+        position: "absolute",
+        bottom: 0,
+        insetInlineEnd: 0,
+        width: cornerSize.width,
+        height: cornerSize.height
+      }
+    }, elementProps]
+  });
+  if (hiddenState.cornerHidden) {
+    return null;
+  }
+  return element;
+});
+if (process.env.NODE_ENV !== "production") ScrollAreaCorner.displayName = "ScrollAreaCorner";
+export {
+  ScrollAreaCorner
+};
+//# sourceMappingURL=ScrollAreaCorner.js.map

package/dist/node_modules/@base-ui/react/esm/scroll-area/corner/ScrollAreaCorner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollAreaCorner.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/scroll-area/corner/ScrollAreaCorner.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useScrollAreaRootContext } from \"../root/ScrollAreaRootContext.js\";\nimport { useRenderElement } from \"../../utils/useRenderElement.js\";\n\n/**\n * A small rectangular area that appears at the intersection of horizontal and vertical scrollbars.\n * Renders a `<div>` element.\n *\n * Documentation: [Base UI Scroll Area](https://base-ui.com/react/components/scroll-area)\n */\nexport const ScrollAreaCorner = /*#__PURE__*/React.forwardRef(function ScrollAreaCorner(componentProps, forwardedRef) {\n  const {\n    render,\n    className,\n    ...elementProps\n  } = componentProps;\n  const {\n    cornerRef,\n    cornerSize,\n    hiddenState\n  } = useScrollAreaRootContext();\n  const element = useRenderElement('div', componentProps, {\n    ref: [forwardedRef, cornerRef],\n    props: [{\n      style: {\n        position: 'absolute',\n        bottom: 0,\n        insetInlineEnd: 0,\n        width: cornerSize.width,\n        height: cornerSize.height\n      }\n    }, elementProps]\n  });\n  if (hiddenState.cornerHidden) {\n    return null;\n  }\n  return element;\n});\nif (process.env.NODE_ENV !== \"production\") ScrollAreaCorner.displayName = \"ScrollAreaCorner\";"],"names":[],"mappings":";;;;AAYY;AACV;AAAM;AACJ;AACA;AACG;AAEL;AAAM;AACJ;AACA;AACA;AAEF;AAAwD;AACzB;AACrB;AACC;AACK;AACF;AACQ;AACE;AACC;AAC3B;AACmB;AAEjB;AACE;AAAO;AAET;AACF;AACA;;;;","x_google_ignoreList":[0]}