@servicetitan/anvil2 3.0.3 → 3.0.4

package/dist/Radio-BDE1xGel.js

@@ -0,0 +1,241 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { createContext, useContext, forwardRef, useId, useMemo, useState } from 'react';
+import { c as cx } from './index-De1g9FRV.js';
+import { F as FieldLabel } from './FieldLabel-xV6EdVwo.js';
+import { F as FieldMessage } from './FieldMessage-mTGdycSA.js';
+import { w as warnDeprecatedErrorUsage } from './utils-CM48ODEJ.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-CB_zHDbW.js';
+import { w as warnOnce } from './warnOnce-Y9PRHcU4.js';
+import { s as stripInlineMarkdown } from './stripInlineMarkdown-D_eHogvh.js';
+import { I as Icon } from './Icon-feeG7gXA.js';
+import { H as Helper } from './Helper-B_VAFgGd.js';
+
+import './Radio.css';const wrapper = "_wrapper_bz07n_1";
+const radio = "_radio_bz07n_7";
+const icon = "_icon_bz07n_84";
+const legend = "_legend_bz07n_246";
+const children = "_children_bz07n_259";
+const styles = {
+	wrapper: wrapper,
+	radio: radio,
+	"icon-wrapper": "_icon-wrapper_bz07n_84",
+	"focus-label": "_focus-label_bz07n_105",
+	"helper-wrapper": "_helper-wrapper_bz07n_128",
+	icon: icon,
+	"radio-checked": "_radio-checked_bz07n_144",
+	"radio-error": "_radio-error_bz07n_181",
+	"sr-only": "_sr-only_bz07n_217",
+	"radio-group": "_radio-group_bz07n_230",
+	legend: legend,
+	children: children,
+	"label-row": "_label-row_bz07n_271"
+};
+
+const RadioGroupContext = createContext(void 0);
+const useRadioGroupContext = () => {
+  return useContext(RadioGroupContext);
+};
+
+const RadioGroup = forwardRef(
+  (props, ref) => {
+    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
+    const {
+      className,
+      children,
+      description,
+      error,
+      errorAriaLive: _errorAriaLive,
+      hint,
+      warning,
+      legend,
+      moreInfo,
+      legendProps,
+      onBlur,
+      onFocus,
+      required,
+      style,
+      hideLabel = false,
+      ...rest
+    } = componentProps;
+    const RadioGroupClassNames = cx(styles["radio-group"], className);
+    const helperUid = useId();
+    const moreInfoUid = useId();
+    const styleCombined = {
+      ...style,
+      ...layoutStyles,
+      alignItems: layoutStyles?.alignItems ?? (layoutStyles?.flexDirection === "row" ? "center" : void 0)
+    };
+    warnDeprecatedErrorUsage("RadioGroup", error);
+    if (typeof legend !== "string") {
+      warnOnce(
+        "RadioGroup: Passing ReactNode to legend is deprecated. Use a plain string with inline markdown instead."
+      );
+    }
+    const errorMessages = typeof error === "boolean" || error === void 0 ? void 0 : error;
+    const hasHelperText = hint || errorMessages || warning || description;
+    const ariaDescribedBy = [hasHelperText && helperUid, moreInfo && moreInfoUid].filter(Boolean).join(" ") || void 0;
+    const contextValue = useMemo(
+      () => ({
+        hasError: !!error
+      }),
+      [error]
+    );
+    return /* @__PURE__ */ jsxs(
+      "fieldset",
+      {
+        role: "radiogroup",
+        "data-anv": "radio-group",
+        className: RadioGroupClassNames,
+        "aria-required": required,
+        style: styleCombined,
+        ref,
+        onFocus,
+        onBlur,
+        ...rest,
+        "aria-describedby": ariaDescribedBy,
+        children: [
+          /* @__PURE__ */ jsxs("legend", { className: styles["legend"], children: [
+            typeof legend === "string" ? stripInlineMarkdown(legend) : legend,
+            required && ", required"
+          ] }),
+          !hideLabel && /* @__PURE__ */ jsx("div", { className: styles["label-row"], children: /* @__PURE__ */ jsx(
+            FieldLabel,
+            {
+              "aria-hidden": true,
+              required,
+              moreInfo,
+              moreInfoId: moreInfo ? moreInfoUid : void 0,
+              ...legendProps,
+              className: legendProps?.className,
+              children: legend
+            }
+          ) }),
+          /* @__PURE__ */ jsx(RadioGroupContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: styles["children"],
+              style: {
+                flexDirection: layoutStyles?.flexDirection,
+                gap: layoutStyles?.gap
+              },
+              children
+            }
+          ) }),
+          hasHelperText ? /* @__PURE__ */ jsx(
+            FieldMessage,
+            {
+              id: helperUid,
+              hint,
+              error: errorMessages,
+              warning,
+              description
+            }
+          ) : null
+        ]
+      }
+    );
+  }
+);
+RadioGroup.displayName = "RadioGroup";
+
+const SvgRadioButtonUnchecked = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" }));
+
+const SvgRadioButtonChecked = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" }), /* @__PURE__ */ React.createElement("circle", { cx: 12, cy: 12, r: 5 }));
+
+const RadioElement = forwardRef((props, ref) => {
+  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
+  const {
+    className,
+    checked: checkedProp,
+    defaultChecked,
+    value,
+    icons,
+    error,
+    label,
+    onChange,
+    style,
+    description,
+    hideRadio = false,
+    labelWrapperClassName,
+    ...rest
+  } = componentProps;
+  const [checked, setChecked] = useState(checkedProp ?? defaultChecked);
+  const groupContext = useRadioGroupContext();
+  const {
+    checked: checkedIcon = SvgRadioButtonChecked,
+    unchecked: uncheckedIcon = SvgRadioButtonUnchecked
+  } = { ...icons };
+  const isControlled = typeof checkedProp !== "undefined";
+  const onChangeHandler = (e) => {
+    if (!isControlled) {
+      setChecked(e.target.checked);
+    }
+    onChange?.(e, { value, checked: checkedProp ?? e.target.checked });
+  };
+  const helperUid = useId();
+  const hasError = error || groupContext?.hasError;
+  const wrapperClassNames = cx(
+    styles["wrapper"],
+    { [styles["focus"]]: hideRadio },
+    className
+  );
+  const radioClassNames = cx(styles["radio"], {
+    [styles["radio-error"]]: hasError,
+    [styles["radio-checked"]]: isControlled ? checkedProp : checked
+  });
+  const styleCombined = {
+    ...style,
+    ...layoutStyles
+  };
+  return /* @__PURE__ */ jsxs("div", { className: wrapperClassNames, style: styleCombined, "data-anv": "radio", children: [
+    /* @__PURE__ */ jsxs("label", { className: radioClassNames, children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "radio",
+          "aria-checked": isControlled ? checkedProp : checked,
+          checked: isControlled ? checkedProp : void 0,
+          defaultChecked,
+          value,
+          onChange: onChangeHandler,
+          "aria-describedby": description ? helperUid : void 0,
+          ref,
+          ...rest
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: cx(styles["icon-wrapper"], {
+            [styles["sr-only"]]: hideRadio
+          }),
+          "aria-hidden": true,
+          children: /* @__PURE__ */ jsx(
+            Icon,
+            {
+              size: "large",
+              svg: (isControlled ? checkedProp : checked) ? checkedIcon : uncheckedIcon,
+              className: styles["icon"]
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: cx(labelWrapperClassName, {
+            [styles["focus-label"]]: hideRadio
+          }),
+          children: label
+        }
+      )
+    ] }),
+    description ? /* @__PURE__ */ jsx("div", { className: styles["helper-wrapper"], children: /* @__PURE__ */ jsx(Helper, { id: helperUid, description }) }) : null
+  ] });
+});
+RadioElement.displayName = "RadioElement";
+const Radio = RadioElement;
+
+export { Radio as R, SvgRadioButtonChecked as S, RadioGroup as a, SvgRadioButtonUnchecked as b };
+//# sourceMappingURL=Radio-BDE1xGel.js.map

package/dist/Radio-BDE1xGel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio-BDE1xGel.js","sources":["../src/components/Radio/internal/RadioGroupContext.tsx","../src/components/Radio/RadioGroup.tsx","../../hammer-icon/mdi/two-tone/radio_button_unchecked.svg","../../hammer-icon/mdi/two-tone/radio_button_checked.svg","../src/components/Radio/internal/Radio.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\n/**\n * Context value for RadioGroup\n * @property {boolean} hasError - Whether the group has an error state\n */\nexport type RadioGroupContextValue = {\n  /**\n   * Whether the radio group has an error state\n   */\n  hasError: boolean;\n};\n\n/**\n * Context for sharing state between RadioGroup and child Radio components\n */\nexport const RadioGroupContext = createContext<\n  RadioGroupContextValue | undefined\n>(undefined);\n\n/**\n * Hook to access RadioGroup context from child Radio components\n * @returns RadioGroupContextValue if inside a RadioGroup, undefined otherwise\n */\nexport const useRadioGroupContext = () => {\n  return useContext(RadioGroupContext);\n};\n","import {\n  ComponentPropsWithoutRef,\n  forwardRef,\n  ReactElement,\n  useId,\n  useMemo,\n} from \"react\";\nimport { stripInlineMarkdown, warnOnce } from \"../../internal/functions\";\nimport styles from \"./Radio.module.scss\";\nimport cx from \"classnames\";\nimport { LayoutUtilProps } from \"../../types\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport { FieldLabel } from \"../FieldLabel\";\nimport type { FieldLabelProps as FieldLabelElementProps } from \"../FieldLabel\";\nimport { FieldLabelProps as InternalFieldLabelProps } from \"../../internal/types\";\nimport { HelperProps } from \"../../internal/components\";\nimport FieldMessage, { warnDeprecatedErrorUsage } from \"../FieldMessage\";\nimport { RadioGroupContext } from \"./internal/RadioGroupContext\";\n\n/**\n * Props for the RadioGroup component\n * @extends ComponentPropsWithoutRef<\"fieldset\">\n * @extends LayoutUtilProps\n * @extends Omit<InternalFieldLabelProps, \"labelProps\">\n */\nexport type RadioGroupProps = ComponentPropsWithoutRef<\"fieldset\"> &\n  LayoutUtilProps &\n  Omit<InternalFieldLabelProps, \"labelProps\"> & {\n    /**\n     * Required flag for label\n     * @remarks This does not enforce error when nothing is selected\n     */\n    required?: boolean;\n\n    // TODO(v4.0.0): type becomes string only\n    /**\n     * Legend for the fieldset.\n     * Passing `ReactNode` is deprecated — use a plain string with inline markdown instead.\n     */\n    legend: string | ReactElement;\n\n    /**\n     * Additional props for the legend `FieldLabel` (for example `aiMark`, `className`).\n     */\n    legendProps?: Omit<FieldLabelElementProps, \"el\">;\n\n    /**\n     * When `true`, hides the visual label row. The sr-only `<legend>` always remains for AT.\n     * @default false\n     */\n    hideLabel?: boolean;\n\n    /**\n     * Error state for the field. Pass `true` to indicate error styling without a message.\n     * Pass a string, string[], or ReactElement (deprecated) for error messages.\n     */\n    error?: boolean | string | ReactElement | string[];\n\n    /**\n     * @deprecated No longer used. Error messages always use `aria-live=\"assertive\"`.\n     */\n    errorAriaLive?: HelperProps[\"errorAriaLive\"];\n\n    /**\n     * Warning message(s) to display. Supports a single string or an array of strings.\n     */\n    warning?: string | string[];\n\n    /**\n     * Description text to display below the field.\n     */\n    description?: HelperProps[\"description\"];\n\n    /**\n     * Hint text to display below the field.\n     */\n    hint?: HelperProps[\"hint\"];\n  };\n\n/**\n * RadioGroup component for grouping related radio options.\n *\n * Features:\n * - Groups multiple radio options together\n * - Legend support for group labeling\n * - Required field indication\n * - Accessibility support with proper fieldset semantics\n * - Layout utility props for positioning and spacing\n * - Focus and blur event handling\n * - More info support for additional context\n * - Automatic alignment based on flex direction\n *\n * @example\n * <RadioGroup legend=\"Choose your preference\" required>\n *   <Radio label=\"Option A\" value=\"a\" />\n *   <Radio label=\"Option B\" value=\"b\" />\n *   <Radio label=\"Option C\" value=\"c\" />\n * </RadioGroup>\n *\n * @example\n * <RadioGroup\n *   legend=\"Horizontal layout\"\n *   flexDirection=\"row\"\n *   gap=\"4\"\n * >\n *   <Radio label=\"Yes\" value=\"yes\" />\n *   <Radio label=\"No\" value=\"no\" />\n * </RadioGroup>\n */\nexport const RadioGroup = forwardRef<HTMLFieldSetElement, RadioGroupProps>(\n  (props, ref) => {\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n    const {\n      className,\n      children,\n      description,\n      error,\n      errorAriaLive: _errorAriaLive,\n      hint,\n      warning,\n      legend,\n      moreInfo,\n      legendProps,\n      onBlur,\n      onFocus,\n      required,\n      style,\n      hideLabel = false,\n      ...rest\n    } = componentProps;\n\n    const RadioGroupClassNames = cx(styles[\"radio-group\"], className);\n    const helperUid = useId();\n    const moreInfoUid = useId();\n\n    const styleCombined = {\n      ...style,\n      ...layoutStyles,\n      alignItems:\n        layoutStyles?.alignItems ??\n        (layoutStyles?.flexDirection === \"row\" ? \"center\" : undefined),\n    };\n\n    warnDeprecatedErrorUsage(\"RadioGroup\", error);\n\n    // TODO(v4.0.0): remove once legend is string only\n    if (typeof legend !== \"string\") {\n      warnOnce(\n        \"RadioGroup: Passing ReactNode to legend is deprecated. Use a plain string with inline markdown instead.\",\n      );\n    }\n\n    const errorMessages =\n      typeof error === \"boolean\" || error === undefined ? undefined : error;\n\n    const hasHelperText = hint || errorMessages || warning || description;\n\n    const ariaDescribedBy =\n      [hasHelperText && helperUid, moreInfo && moreInfoUid]\n        .filter(Boolean)\n        .join(\" \") || undefined;\n\n    const contextValue = useMemo(\n      () => ({\n        hasError: !!error,\n      }),\n      [error],\n    );\n\n    return (\n      <fieldset\n        role=\"radiogroup\"\n        data-anv=\"radio-group\"\n        className={RadioGroupClassNames}\n        aria-required={required}\n        style={styleCombined}\n        ref={ref}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        {...rest}\n        aria-describedby={ariaDescribedBy}\n      >\n        <legend className={styles[\"legend\"]}>\n          {/* TODO(v4.0.0): remove typeof check — legend will always be string */}\n          {typeof legend === \"string\" ? stripInlineMarkdown(legend) : legend}\n          {required && \", required\"}\n        </legend>\n        {!hideLabel && (\n          <div className={styles[\"label-row\"]}>\n            <FieldLabel\n              aria-hidden\n              required={required}\n              moreInfo={moreInfo}\n              moreInfoId={moreInfo ? moreInfoUid : undefined}\n              {...legendProps}\n              className={legendProps?.className}\n            >\n              {legend}\n            </FieldLabel>\n          </div>\n        )}\n        <RadioGroupContext.Provider value={contextValue}>\n          <div\n            className={styles[\"children\"]}\n            style={{\n              flexDirection: layoutStyles?.flexDirection,\n              gap: layoutStyles?.gap,\n            }}\n          >\n            {children}\n          </div>\n        </RadioGroupContext.Provider>\n        {hasHelperText ? (\n          <FieldMessage\n            id={helperUid}\n            hint={hint}\n            error={errorMessages}\n            warning={warning}\n            description={description}\n          />\n        ) : null}\n      </fieldset>\n    );\n  },\n);\n\nRadioGroup.displayName = \"RadioGroup\";\n","import * as React from \"react\";\nconst SvgRadioButtonUnchecked = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z\" }));\nexport default SvgRadioButtonUnchecked;\n","import * as React from \"react\";\nconst SvgRadioButtonChecked = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z\" }), /* @__PURE__ */ React.createElement(\"circle\", { cx: 12, cy: 12, r: 5 }));\nexport default SvgRadioButtonChecked;\n","import {\n  forwardRef,\n  ComponentPropsWithoutRef,\n  ChangeEvent,\n  ReactElement,\n  useId,\n  useState,\n} from \"react\";\nimport cx from \"classnames\";\nimport { Icon } from \"../../Icon\";\nimport Radio_outline from \"@servicetitan/hammer-icon/mdi/two-tone/radio_button_unchecked.svg\";\nimport Radio_checked from \"@servicetitan/hammer-icon/mdi/two-tone/radio_button_checked.svg\";\nimport styles from \"../Radio.module.scss\";\nimport { LayoutUtilProps, Svg } from \"../../../types\";\nimport { useLayoutPropsUtil } from \"../../../internal/hooks\";\nimport { Helper, HelperProps } from \"../../../internal/components\";\nimport { RadioState } from \"../types\";\nimport { useRadioGroupContext } from \"./RadioGroupContext\";\n\n/**\n * Props for the Radio component\n * @extends Omit<ComponentPropsWithoutRef<\"input\">, \"onChange\">\n * @extends LayoutUtilProps\n */\nexport type RadioProps = Omit<ComponentPropsWithoutRef<\"input\">, \"onChange\"> &\n  LayoutUtilProps & {\n    /**\n     * Controlled state\n     * @default false\n     */\n    checked?: boolean;\n\n    /**\n     * Uncontrolled state\n     * @default false\n     */\n    defaultChecked?: boolean;\n\n    /**\n     * Callback when radio is changed\n     */\n    onChange?: (e: ChangeEvent<HTMLInputElement>, state?: RadioState) => void;\n\n    /**\n     * Label for Radio\n     * @remarks This should either be a string or have text content inside for accessibility\n     */\n    label?: ReactElement | string;\n\n    /**\n     * Error state for the radio\n     * @default false\n     */\n    error?: boolean;\n\n    /**\n     * Icon overrides for checked and unchecked states\n     */\n    icons?: {\n      /**\n       * Icon to display when radio is checked\n       */\n      checked?: Svg;\n      /**\n       * Icon to display when radio is unchecked\n       */\n      unchecked?: Svg;\n    };\n\n    /**\n     * Description text to display below the radio\n     */\n    description?: HelperProps[\"description\"];\n\n    /**\n     * When true, hides the radio for visual users\n     * @default false\n     */\n    hideRadio?: boolean;\n\n    /**\n     * Additional className applied to the label wrapper span\n     */\n    labelWrapperClassName?: string;\n  };\n\nconst RadioElement = forwardRef<HTMLInputElement, RadioProps>((props, ref) => {\n  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n  const {\n    className,\n    checked: checkedProp,\n    defaultChecked,\n    value,\n    icons,\n    error,\n    label,\n    onChange,\n    style,\n    description,\n    hideRadio = false,\n    labelWrapperClassName,\n    ...rest\n  } = componentProps;\n  const [checked, setChecked] = useState(checkedProp ?? defaultChecked);\n\n  const groupContext = useRadioGroupContext();\n\n  const {\n    checked: checkedIcon = Radio_checked,\n    unchecked: uncheckedIcon = Radio_outline,\n  } = { ...icons };\n\n  const isControlled = typeof checkedProp !== \"undefined\";\n\n  const onChangeHandler = (e: ChangeEvent<HTMLInputElement>) => {\n    if (!isControlled) {\n      setChecked(e.target.checked);\n    }\n    onChange?.(e, { value, checked: checkedProp ?? e.target.checked });\n  };\n\n  const helperUid = useId();\n\n  // Combine local error state with group error state\n  const hasError = error || groupContext?.hasError;\n\n  const wrapperClassNames = cx(\n    styles[\"wrapper\"],\n    { [styles[\"focus\"]]: hideRadio },\n    className,\n  );\n\n  const radioClassNames = cx(styles[\"radio\"], {\n    [styles[\"radio-error\"]]: hasError,\n    [styles[\"radio-checked\"]]: isControlled ? checkedProp : checked,\n  });\n\n  const styleCombined = {\n    ...style,\n    ...layoutStyles,\n  };\n\n  return (\n    <div className={wrapperClassNames} style={styleCombined} data-anv=\"radio\">\n      <label className={radioClassNames}>\n        <input\n          type=\"radio\"\n          aria-checked={isControlled ? checkedProp : checked}\n          checked={isControlled ? checkedProp : undefined}\n          defaultChecked={defaultChecked}\n          value={value}\n          onChange={onChangeHandler}\n          aria-describedby={description ? helperUid : undefined}\n          ref={ref}\n          {...rest}\n        />\n\n        <span\n          className={cx(styles[\"icon-wrapper\"], {\n            [styles[\"sr-only\"]]: hideRadio,\n          })}\n          aria-hidden\n        >\n          <Icon\n            size=\"large\"\n            svg={\n              (isControlled ? checkedProp : checked)\n                ? checkedIcon\n                : uncheckedIcon\n            }\n            className={styles[\"icon\"]}\n          />\n        </span>\n\n        <span\n          className={cx(labelWrapperClassName, {\n            [styles[\"focus-label\"]]: hideRadio,\n          })}\n        >\n          {label}\n        </span>\n      </label>\n\n      {description ? (\n        <div className={styles[\"helper-wrapper\"]}>\n          <Helper id={helperUid} description={description} />\n        </div>\n      ) : null}\n    </div>\n  );\n});\n\nRadioElement.displayName = \"RadioElement\";\n\n/**\n * Radio component for single selection from a group of options.\n *\n * Features:\n * - Supports both controlled and uncontrolled modes\n * - Customizable icons for checked and unchecked states\n * - Error state with visual indicators\n * - Description text support\n * - Accessibility support with proper ARIA attributes\n * - Layout utility props for positioning and spacing\n * - Optional radio hiding for visual users\n * - Flexible labeling options\n * - Group support via Radio.Group\n *\n * @example\n * <Radio\n *   label=\"Option 1\"\n *   value=\"option1\"\n *   checked={selectedValue === \"option1\"}\n *   onChange={(e, state) => setSelectedValue(state?.value)}\n * />\n *\n * @example\n * <Radio\n *   label=\"Custom styled option\"\n *   value=\"custom\"\n *   icons={{\n *     checked: CustomCheckedIcon,\n *     unchecked: CustomUncheckedIcon\n *   }}\n *   description=\"This option has custom styling\"\n * />\n *\n * @example\n * <Radio.Group legend=\"Choose your preference\" required>\n *   <Radio label=\"Option A\" value=\"a\" />\n *   <Radio label=\"Option B\" value=\"b\" />\n *   <Radio label=\"Option C\" value=\"c\" />\n * </Radio.Group>\n */\nexport const Radio = RadioElement;\n"],"names":["Radio_checked","Radio_outline"],"mappings":"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"}

package/dist/Radio-CSBetBV6.js

@@ -0,0 +1,60 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { R as Radio$1, a as RadioGroup } from './Radio-BDE1xGel.js';
+import { c as childrenToString } from './childrenToString-Bz9MqbHb.js';
+import { useTrackingId } from './useTrackingId.js';
+
+const Radio = Object.assign(
+  forwardRef(function RadioInner(props, ref) {
+    const data = {
+      label: childrenToString(props.label),
+      ariaLabel: props["aria-label"],
+      ariaLabelledBy: props["aria-labelledby"],
+      name: props.name,
+      value: props.value
+    };
+    const trackingId = useTrackingId({
+      name: "Radio",
+      data,
+      hasOverride: !!props["data-tracking-id"]
+    });
+    return /* @__PURE__ */ jsx(Radio$1, { ref, "data-tracking-id": trackingId, ...props });
+  }),
+  {
+    /**
+     * RadioGroup component for grouping related radio options.
+     *
+     * Features:
+     * - Groups multiple radio options together
+     * - Legend support for group labeling
+     * - Required field indication
+     * - Accessibility support with proper fieldset semantics
+     * - Layout utility props for positioning and spacing
+     * - Focus and blur event handling
+     * - More info support for additional context
+     * - Automatic alignment based on flex direction
+     *
+     * @example
+     * <RadioGroup legend="Choose your preference" required>
+     *   <Radio label="Option A" value="a" />
+     *   <Radio label="Option B" value="b" />
+     *   <Radio label="Option C" value="c" />
+     * </RadioGroup>
+     *
+     * @example
+     * <RadioGroup
+     *   legend="Horizontal layout"
+     *   flexDirection="row"
+     *   gap="4"
+     * >
+     *   <Radio label="Yes" value="yes" />
+     *   <Radio label="No" value="no" />
+     * </RadioGroup>
+     */
+    Group: RadioGroup
+  }
+);
+Radio.displayName = Radio$1?.displayName ?? "RadioElement";
+
+export { Radio as R };
+//# sourceMappingURL=Radio-CSBetBV6.js.map

package/dist/Radio-CSBetBV6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio-CSBetBV6.js","sources":["../src/components/Radio/Radio.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport {\n  RadioProps as CoreRadioProps,\n  Radio as CoreRadio,\n} from \"./internal/Radio\";\nimport { RadioGroup } from \"./RadioGroup\";\nimport { useTrackingId } from \"../../hooks\";\nimport { DataTrackingId } from \"../../types\";\nimport { childrenToString } from \"../../internal/functions\";\n\n/**\n * Props for the Radio component\n * @property {boolean} [checked] - Controlled state\n * @property {boolean} [defaultChecked] - Uncontrolled state\n * @property {Function} [onChange] - Callback when radio is changed\n * @property {ReactElement | string} [label] - Label for Radio\n * @property {boolean} [error] - Error state for the radio\n * @property {object} [icons] - Icon overrides for checked and unchecked states\n * @property {string} [description] - Description text to display below the radio\n * @property {string} [aria-label] - Accessible label for the radio\n * @property {string} [aria-labelledby] - ID of element that labels the radio\n * @property {string} [name] - Name attribute for the radio\n * @property {string} [data-tracking-id] - Custom tracking ID for analytics\n * @extends DataTrackingId\n */\nexport type RadioProps = Omit<CoreRadioProps, \"hideRadio\"> & DataTrackingId;\n\n/**\n * Radio component for single selection from a group of options.\n *\n * Features:\n * - Supports both controlled and uncontrolled modes\n * - Customizable icons for checked and unchecked states\n * - Error state with visual indicators\n * - Description text support\n * - Accessibility support with proper ARIA attributes\n * - Layout utility props for positioning and spacing\n * - Flexible labeling options\n * - Group support via Radio.Group\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Radio\n *   label=\"Option 1\"\n *   value=\"option1\"\n *   checked={selectedValue === \"option1\"}\n *   onChange={(e, state) => setSelectedValue(state?.value)}\n * />\n *\n * @example\n * <Radio\n *   label=\"Custom styled option\"\n *   value=\"custom\"\n *   icons={{\n *     checked: CustomCheckedIcon,\n *     unchecked: CustomUncheckedIcon\n *   }}\n *   description=\"This option has custom styling\"\n * />\n *\n * @example\n * <Radio.Group legend=\"Choose your preference\" required>\n *   <Radio label=\"Option A\" value=\"a\" />\n *   <Radio label=\"Option B\" value=\"b\" />\n *   <Radio label=\"Option C\" value=\"c\" />\n * </Radio.Group>\n */\nexport const Radio = Object.assign(\n  forwardRef<HTMLInputElement, RadioProps>(function RadioInner(props, ref) {\n    const data = {\n      label: childrenToString(props.label),\n      ariaLabel: props[\"aria-label\"],\n      ariaLabelledBy: props[\"aria-labelledby\"],\n      name: props.name,\n      value: props.value,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"Radio\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n    return <CoreRadio ref={ref} data-tracking-id={trackingId} {...props} />;\n  }),\n  {\n    /**\n     * RadioGroup component for grouping related radio options.\n     *\n     * Features:\n     * - Groups multiple radio options together\n     * - Legend support for group labeling\n     * - Required field indication\n     * - Accessibility support with proper fieldset semantics\n     * - Layout utility props for positioning and spacing\n     * - Focus and blur event handling\n     * - More info support for additional context\n     * - Automatic alignment based on flex direction\n     *\n     * @example\n     * <RadioGroup legend=\"Choose your preference\" required>\n     *   <Radio label=\"Option A\" value=\"a\" />\n     *   <Radio label=\"Option B\" value=\"b\" />\n     *   <Radio label=\"Option C\" value=\"c\" />\n     * </RadioGroup>\n     *\n     * @example\n     * <RadioGroup\n     *   legend=\"Horizontal layout\"\n     *   flexDirection=\"row\"\n     *   gap=\"4\"\n     * >\n     *   <Radio label=\"Yes\" value=\"yes\" />\n     *   <Radio label=\"No\" value=\"no\" />\n     * </RadioGroup>\n     */\n    Group: RadioGroup,\n  },\n);\nRadio.displayName = CoreRadio?.displayName ?? \"RadioElement\";\n"],"names":["CoreRadio"],"mappings":";;;;;;AAmEO,MAAM,QAAQ,MAAA,CAAO,MAAA;AAAA,EAC1B,UAAA,CAAyC,SAAS,UAAA,CAAW,KAAA,EAAO,GAAA,EAAK;AACvE,IAAA,MAAM,IAAA,GAAO;AAAA,MACX,KAAA,EAAO,gBAAA,CAAiB,KAAA,CAAM,KAAK,CAAA;AAAA,MACnC,SAAA,EAAW,MAAM,YAAY,CAAA;AAAA,MAC7B,cAAA,EAAgB,MAAM,iBAAiB,CAAA;AAAA,MACvC,MAAM,KAAA,CAAM,IAAA;AAAA,MACZ,OAAO,KAAA,CAAM;AAAA,KACf;AAEA,IAAA,MAAM,aAAa,aAAA,CAAc;AAAA,MAC/B,IAAA,EAAM,OAAA;AAAA,MACN,IAAA;AAAA,MACA,WAAA,EAAa,CAAC,CAAC,KAAA,CAAM,kBAAkB;AAAA,KACxC,CAAA;AACD,IAAA,2BAAQA,OAAA,EAAA,EAAU,GAAA,EAAU,kBAAA,EAAkB,UAAA,EAAa,GAAG,KAAA,EAAO,CAAA;AAAA,EACvE,CAAC,CAAA;AAAA,EACD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IA+BE,KAAA,EAAO;AAAA;AAEX;AACA,KAAA,CAAM,WAAA,GAAcA,SAAW,WAAA,IAAe,cAAA;;;;"}

package/dist/Radio.css

@@ -1,8 +1,8 @@
-.anvil2 {._wrapper_1fh0d_1 {
+.anvil2 {._wrapper_bz07n_1 {
   display: inline-flex;
   flex-direction: column;
   gap: var(--a2-size-1, 0.25rem);
-}._radio_1fh0d_7 {
+}._radio_bz07n_7 {
   --a2-internal-radio-focus-ring-color: var(--a2-mod-radio-focus-ring-color);
   --a2-internal-radio-foreground-color: var(
     --a2-mod-radio-unchecked-foreground-color
@@ -45,7 +45,6 @@
   --a2-mod-radio-unchecked-icon-color-active: var(--a2-radio-default-unchecked-icon-color-active, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
   --a2-mod-radio-unchecked-icon-color-disabled: var(--a2-radio-default-unchecked-icon-color-disabled, var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4))));
   --a2-mod-radio-unchecked-icon-color-hover: var(--a2-radio-default-unchecked-icon-color-hover, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
-  all: unset;
   font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 100%;
   color: inherit;
@@ -63,22 +62,22 @@
   gap: var(--a2-size-2, 0.5rem);
   line-height: 1.5;
   position: relative;
-}._radio_1fh0d_7:hover:not(:has(input:disabled)), ._radio_1fh0d_7:has(input[data-interactive=hover]:not(:disabled)) {
+}._radio_bz07n_7:hover:not(:has(input:disabled)), ._radio_bz07n_7:has(input[data-interactive=hover]:not(:disabled)) {
   --a2-internal-radio-icon-background-color: var(
     --a2-mod-radio-unchecked-icon-background-color-hover
   );
-}._radio_1fh0d_7:active:not(:has(input:disabled)), ._radio_1fh0d_7:has(input[data-interactive=active]:not(:disabled)) {
+}._radio_bz07n_7:active:not(:has(input:disabled)), ._radio_bz07n_7:has(input[data-interactive=active]:not(:disabled)) {
   --a2-internal-radio-icon-background-color: var(
     --a2-mod-radio-unchecked-icon-background-color-active
   );
-}._radio_1fh0d_7:has(input:disabled) {
+}._radio_bz07n_7:has(input:disabled) {
   --a2-internal-radio-icon-color: var(
     --a2-mod-radio-unchecked-icon-color-disabled
   );
   opacity: var(--a2-opacity-disabled, 0.6);
-}._radio_1fh0d_7:has(input:disabled) ._icon-wrapper_1fh0d_85 {
+}._radio_bz07n_7:has(input:disabled) ._icon-wrapper_bz07n_84 {
   outline-width: 0;
-}._radio_1fh0d_7 input {
+}._radio_bz07n_7 input {
   border: 0;
   clip: rect(0, 0, 0, 0);
   height: 1px;
@@ -89,16 +88,16 @@
   position: absolute;
   white-space: nowrap;
   width: 1px;
-}._required-asterisk_1fh0d_101 {
+}._required-asterisk_bz07n_100 {
   color: var(--a2-foreground-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d)));
   margin-inline-start: var(--a2-size-1, 0.25rem);
-}._focus-label_1fh0d_106 {
+}._focus-label_bz07n_105 {
   color: var(--a2-internal-radio-foreground-color);
   outline: 0 solid var(--a2-mod-radio-label-focus-ring-color, --a2-internal-radio-focus-ring-color);
   outline-offset: var(--a2-size-half, 0.125rem);
   border-radius: var(--a2-mod-radio-label-border-radius);
   transition: background-color var(--a2-duration-default, 200ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1)), outline var(--a2-duration-default, 200ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1));
-}._icon-wrapper_1fh0d_85 {
+}._icon-wrapper_bz07n_84 {
   background-color: var(--a2-internal-radio-icon-background-color);
   border-radius: var(--a2-radio-border-radius, var(--a2-border-radius-circular, 100%));
   display: inline-flex;
@@ -106,22 +105,22 @@
   position: relative;
   transition: background-color var(--a2-duration-default, 200ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1)), outline var(--a2-duration-default, 200ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1));
 }@media (prefers-reduced-motion: reduce) {
-  ._icon-wrapper_1fh0d_85 {
+  ._icon-wrapper_bz07n_84 {
     transition-duration: 0.01ms !important;
     transition-property: outline;
   }
-}._helper-wrapper_1fh0d_129 {
+}._helper-wrapper_bz07n_128 {
   margin-inline-start: var(--a2-size-8, 2rem);
-}._icon_1fh0d_85 {
+}._icon_bz07n_84 {
   border-radius: var(--a2-radio-border-radius, var(--a2-border-radius-circular, 100%));
   color: var(--a2-internal-radio-icon-color);
-}input:focus-visible ~ ._icon-wrapper_1fh0d_85,
-input:focus-visible ~ ._focus-label_1fh0d_106,
-input[data-interactive=focus-visible] ~ ._icon-wrapper_1fh0d_85,
-input[data-interactive=focus-visible] ~ ._focus-label_1fh0d_106 {
+}input:focus-visible ~ ._icon-wrapper_bz07n_84,
+input:focus-visible ~ ._focus-label_bz07n_105,
+input[data-interactive=focus-visible] ~ ._icon-wrapper_bz07n_84,
+input[data-interactive=focus-visible] ~ ._focus-label_bz07n_105 {
   outline-width: var(--a2-size-half, 0.125rem);
-}._radio-checked_1fh0d_145,
-._radio-indeterminate_1fh0d_146 {
+}._radio-checked_bz07n_144,
+._radio-indeterminate_bz07n_145 {
   --a2-internal-radio-foreground-color: var(
     --a2-mod-radio-checked-foreground-color
   );
@@ -129,30 +128,30 @@ input[data-interactive=focus-visible] ~ ._focus-label_1fh0d_106 {
     --a2-mod-radio-checked-icon-background-color
   );
   --a2-internal-radio-icon-color: var(--a2-mod-radio-checked-icon-color);
-}._radio-checked_1fh0d_145:hover:not(:has(input:disabled)), ._radio-checked_1fh0d_145:has(input[data-interactive=hover]:not(:disabled)),
-._radio-indeterminate_1fh0d_146:hover:not(:has(input:disabled)),
-._radio-indeterminate_1fh0d_146:has(input[data-interactive=hover]:not(:disabled)) {
+}._radio-checked_bz07n_144:hover:not(:has(input:disabled)), ._radio-checked_bz07n_144:has(input[data-interactive=hover]:not(:disabled)),
+._radio-indeterminate_bz07n_145:hover:not(:has(input:disabled)),
+._radio-indeterminate_bz07n_145:has(input[data-interactive=hover]:not(:disabled)) {
   --a2-internal-radio-icon-background-color: var(
     --a2-mod-radio-checked-icon-background-color-hover
   );
   --a2-internal-radio-icon-color: var(
     --a2-mod-radio-checked-icon-color-hover
   );
-}._radio-checked_1fh0d_145:active:not(:has(input:disabled)), ._radio-checked_1fh0d_145:has(input[data-interactive=active]:not(:disabled)),
-._radio-indeterminate_1fh0d_146:active:not(:has(input:disabled)),
-._radio-indeterminate_1fh0d_146:has(input[data-interactive=active]:not(:disabled)) {
+}._radio-checked_bz07n_144:active:not(:has(input:disabled)), ._radio-checked_bz07n_144:has(input[data-interactive=active]:not(:disabled)),
+._radio-indeterminate_bz07n_145:active:not(:has(input:disabled)),
+._radio-indeterminate_bz07n_145:has(input[data-interactive=active]:not(:disabled)) {
   --a2-internal-radio-icon-background-color: var(
     --a2-mod-radio-checked-icon-background-color-active
   );
   --a2-internal-radio-icon-color: var(
     --a2-mod-radio-checked-icon-color-active
   );
-}._radio-checked_1fh0d_145:has(input:disabled),
-._radio-indeterminate_1fh0d_146:has(input:disabled) {
+}._radio-checked_bz07n_144:has(input:disabled),
+._radio-indeterminate_bz07n_145:has(input:disabled) {
   --a2-internal-radio-icon-color: var(
     --a2-mod-radio-checked-icon-color-disabled
   );
-}._radio-error_1fh0d_182 {
+}._radio-error_bz07n_181 {
   --a2-internal-radio-focus-ring-color: var(
     --a2-mod-radio-error-focus-ring-color
   );
@@ -165,25 +164,25 @@ input[data-interactive=focus-visible] ~ ._focus-label_1fh0d_106 {
   --a2-internal-radio-icon-color: var(
     --a2-mod-radio-error-unchecked-icon-color
   );
-}._radio-error_1fh0d_182:hover:not(:has(input:disabled)), ._radio-error_1fh0d_182:has(input[data-interactive=hover]:not(:disabled)) {
+}._radio-error_bz07n_181:hover:not(:has(input:disabled)), ._radio-error_bz07n_181:has(input[data-interactive=hover]:not(:disabled)) {
   --a2-internal-radio-icon-background-color: var(
     --a2-mod-radio-error-unchecked-icon-background-color-hover
   );
   --a2-internal-radio-icon-color: var(
     --a2-mod-radio-error-unchecked-icon-color-hover
   );
-}._radio-error_1fh0d_182:active:not(:has(input:disabled)), ._radio-error_1fh0d_182:has(input[data-interactive=active]:not(:disabled)) {
+}._radio-error_bz07n_181:active:not(:has(input:disabled)), ._radio-error_bz07n_181:has(input[data-interactive=active]:not(:disabled)) {
   --a2-internal-radio-icon-background-color: var(
     --a2-mod-radio-error-unchecked-icon-background-color-active
   );
   --a2-internal-radio-icon-color: var(
     --a2-mod-radio-error-unchecked-icon-color-active
   );
-}._radio-error_1fh0d_182:has(input:disabled) {
+}._radio-error_bz07n_181:has(input:disabled) {
   --a2-internal-radio-icon-color: var(
     --a2-mod-radio-error-unchecked-icon-color-disabled
   );
-}._sr-only_1fh0d_218 {
+}._sr-only_bz07n_217 {
   border: 0;
   clip: rect(0, 0, 0, 0);
   height: 1px;
@@ -194,8 +193,7 @@ input[data-interactive=focus-visible] ~ ._focus-label_1fh0d_106 {
   position: absolute;
   white-space: nowrap;
   width: 1px;
-}._radio-group_1fh0d_231 {
-  all: unset;
+}._radio-group_bz07n_230 {
   font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 100%;
   color: inherit;
@@ -209,7 +207,7 @@ input[data-interactive=focus-visible] ~ ._focus-label_1fh0d_106 {
   display: inline-flex;
   flex-direction: column;
   gap: var(--a2-size-2, 0.5rem);
-}._legend_1fh0d_248 {
+}._legend_bz07n_246 {
   border: 0;
   clip: rect(0, 0, 0, 0);
   height: 1px;
@@ -220,15 +218,15 @@ input[data-interactive=focus-visible] ~ ._focus-label_1fh0d_106 {
   position: absolute;
   white-space: nowrap;
   width: 1px;
-}._children_1fh0d_261 {
+}._children_bz07n_259 {
   display: inline-flex;
   flex-direction: column;
   flex-wrap: wrap;
   gap: var(--a2-size-2, 0.5rem);
-}._label_1fh0d_268._direction-row_1fh0d_268 {
+}._label_bz07n_266._direction-row_bz07n_266 {
   justify-content: center;
   min-height: var(--a2-size-6, 1.5rem);
-}._label-row_1fh0d_273 {
+}._label-row_bz07n_271 {
   display: flex;
   align-items: center;
 }

package/dist/Radio.d.ts

@@ -1,6 +1 @@
-export * from './components/Radio/index'
-export {}
-import _default from './components/Radio/index'
-export default _default
-export * from './components/Radio/index'
 export {}

package/dist/Radio.js

@@ -1,2 +1,2 @@
-export { R as Radio, R as default } from './Radio-DJ6KgfcS.js';
+export { R as Radio, R as default } from './Radio-CSBetBV6.js';
 //# sourceMappingURL=Radio.js.map