@servicetitan/anvil2 2.9.3 → 2.9.5

package/dist/{Radio-Cm_MS-YF.js.map → Radio-BftTzQIc.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Radio-Cm_MS-YF.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} 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,\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\n  const groupContext = useRadioGroupContext();\n\n  const {\n    checked: checkedIcon = Radio_checked,\n    unchecked: uncheckedIcon = Radio_outline,\n  } = { ...icons };\n\n  const onChangeHandler = (e: ChangeEvent<HTMLInputElement>) => {\n    onChange?.(e, { value, checked: 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[\"error\"]]: hasError,\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={checked ?? defaultChecked}\n          checked={checked}\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        >\n          <Icon\n            size=\"large\"\n            svg={uncheckedIcon}\n            className={cx([styles[\"icon-unchecked\"]])}\n          />\n\n          <Icon\n            size=\"large\"\n            svg={checkedIcon}\n            className={cx([styles[\"icon-checked\"]])}\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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"}
+{"version":3,"file":"Radio-BftTzQIc.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} 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,\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\n  const groupContext = useRadioGroupContext();\n\n  const {\n    checked: checkedIcon = Radio_checked,\n    unchecked: uncheckedIcon = Radio_outline,\n  } = { ...icons };\n\n  const onChangeHandler = (e: ChangeEvent<HTMLInputElement>) => {\n    onChange?.(e, { value, checked: 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[\"error\"]]: hasError,\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={checked ?? defaultChecked}\n          checked={checked}\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        >\n          <Icon\n            size=\"large\"\n            svg={uncheckedIcon}\n            className={cx([styles[\"icon-unchecked\"]])}\n          />\n\n          <Icon\n            size=\"large\"\n            svg={checkedIcon}\n            className={cx([styles[\"icon-checked\"]])}\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-B_TLtNDx.js → Radio-CGFmTxJ1.js}

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
-import { R as Radio$1, a as RadioGroup } from './Radio-Cm_MS-YF.js';
+import { R as Radio$1, a as RadioGroup } from './Radio-BftTzQIc.js';
 import { c as childrenToString } from './childrenToString-Bz9MqbHb.js';
 import { useTrackingId } from './useTrackingId.js';
 
@@ -57,4 +57,4 @@ const Radio = Object.assign(
 Radio.displayName = Radio$1?.displayName ?? "RadioElement";
 
 export { Radio as R };
-//# sourceMappingURL=Radio-B_TLtNDx.js.map
+//# sourceMappingURL=Radio-CGFmTxJ1.js.map

package/dist/{Radio-B_TLtNDx.js.map → Radio-CGFmTxJ1.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Radio-B_TLtNDx.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;;;;"}
+{"version":3,"file":"Radio-CGFmTxJ1.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.js

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

package/dist/{SelectCard-BbZcAhq1.js → SelectCard-CjDxc2q7.js}

@@ -1,8 +1,8 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useContext, createContext, useState, useMemo, useId, forwardRef, useLayoutEffect, useRef } from 'react';
 import { c as cx } from './index-De1g9FRV.js';
-import { a as CheckboxGroup, C as Checkbox } from './Checkbox-DuQLvvM8.js';
-import { a as RadioGroup, R as Radio, S as SvgRadioButtonUnchecked, b as SvgRadioButtonChecked } from './Radio-Cm_MS-YF.js';
+import { a as CheckboxGroup, C as Checkbox } from './Checkbox-BZ8k0uZb.js';
+import { a as RadioGroup, R as Radio, S as SvgRadioButtonUnchecked, b as SvgRadioButtonChecked } from './Radio-BftTzQIc.js';
 import { C as Card } from './Card-wz71dEVA.js';
 import { I as Icon } from './Icon-DuIlne4x.js';
 import { a as SvgCheckBox, b as SvgCheckBoxOutlineBlank } from './indeterminate_check_box-B4zobNlt.js';
@@ -349,4 +349,4 @@ const SelectCard = Object.assign(
 SelectCard.displayName = "SelectCard";
 
 export { SelectCard as S };
-//# sourceMappingURL=SelectCard-BbZcAhq1.js.map
+//# sourceMappingURL=SelectCard-CjDxc2q7.js.map

package/dist/{SelectCard-BbZcAhq1.js.map → SelectCard-CjDxc2q7.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SelectCard-BbZcAhq1.js","sources":["../src/components/SelectCard/internal/SelectCardContext.tsx","../src/components/SelectCard/internal/SelectCardProvider.tsx","../src/components/SelectCard/SelectCardGroup.tsx","../src/components/SelectCard/SelectCard.tsx"],"sourcesContent":["import { ChangeEvent, createContext, useContext } from \"react\";\n\n/**\n * Interface for the select card state\n */\nexport interface ISelectCardState {\n  /**\n   * When `true`, adds the item to the selected state holder.\n   */\n  checked: boolean;\n\n  /**\n   * Gives an explicit id to each item in the set.\n   */\n  id?: string | number;\n}\n\n/**\n * Interface for the select card onChange options\n */\nexport interface ISelectCardOnChangeOptions {\n  /**\n   * When `true`, doesn't fire the user's `onChange`\n   */\n  internal?: boolean;\n}\n\n/**\n * Interface for the select card context\n */\nexport interface ISelectCardContext {\n  /**\n   * Callback function that is triggered when the selection state changes.\n   *\n   * @callback OnChangeCallback\n   * @param {ChangeEvent<HTMLInputElement>} [e] - The native HTML input change event.\n   * @param {ISelectCardState} [state] - The current state of the select card component after the change.\n   * @returns {void}\n   */\n  onChange?: (\n    e?: ChangeEvent<HTMLInputElement>,\n    state?: ISelectCardState,\n    options?: ISelectCardOnChangeOptions,\n  ) => void;\n\n  /**\n   * Sets how many cards the user can select, either 'single' (radio buttons) or 'multiple' (checkboxes)\n   */\n  selectionMode: \"single\" | \"multiple\";\n\n  /**\n   * Used internally to create a UUID for the HTML `name` property on radios.\n   */\n  radioName: string;\n\n  /**\n   * Creates a set of ids that are selected.\n   */\n  selection: Set<string | number>;\n\n  /**\n   * When `true`, indicates that selection is controlled at the group level via the `value` prop.\n   * @default false\n   */\n  isGroupControlled?: boolean;\n\n  /**\n   * When `true`, the group was given a `defaultValue` and owns the initial selection state.\n   * Individual `SelectCard` mount syncs should be skipped to avoid overriding it.\n   * @default false\n   */\n  hasGroupDefault?: boolean;\n\n  /**\n   * When `true`, displays a checkbox or radio indicator in a separate column on the left side of the card.\n   * The indicator type (checkbox or radio) is automatically determined by the selection mode from SelectCard.Group context.\n   * @default false\n   */\n  showSelectIndicator?: boolean;\n}\n\nexport const SelectCardContext = createContext<ISelectCardContext | null>(null);\n\n/**\n * Custom hook for accessing the SelectCard context.\n * @returns The SelectCard context or null if not within a SelectCardProvider\n */\nexport const useSelectCardContext = () => useContext(SelectCardContext);\n","import { ChangeEvent, ReactNode, useId, useMemo, useState } from \"react\";\nimport {\n  ISelectCardContext,\n  ISelectCardOnChangeOptions,\n  ISelectCardState,\n  SelectCardContext,\n} from \"./SelectCardContext\";\n\n/**\n * Props for the SelectCardProvider component\n * @extends Omit<ISelectCardContext, \"radioName\" | \"selection\">\n */\ninterface ISelectCardProviderProps extends Omit<\n  ISelectCardContext,\n  \"radioName\" | \"selection\"\n> {\n  children: ReactNode;\n\n  /**\n   * Controlled selection state. When provided, the group becomes controlled.\n   * Array of `SelectCard` ids that are currently selected.\n   */\n  value?: Array<string | number>;\n\n  /**\n   * Initial selection state for uncontrolled usage.\n   * Array of `SelectCard` ids that are selected on first render.\n   */\n  defaultValue?: Array<string | number>;\n}\n\n/**\n * SelectCardProvider component for managing selection state across SelectCard components.\n *\n * Features:\n * - Provides context for SelectCard components to share selection state\n * - Manages selection mode (single vs multiple)\n * - Handles selection state updates and callbacks\n * - Generates unique radio button names for single selection mode\n * - Maintains a set of selected card IDs\n * - Integrates with SelectCardGroup for automatic context provision\n *\n * @example\n * <SelectCardProvider\n *   selectionMode=\"multiple\"\n *   onChange={(e, state) => console.log('Selection changed:', state)}\n * >\n *   <SelectCard id=\"1\" onChange={() => {}}>Option 1</SelectCard>\n *   <SelectCard id=\"2\" onChange={() => {}}>Option 2</SelectCard>\n * </SelectCardProvider>\n */\nexport const SelectCardProvider = ({\n  children,\n  defaultValue,\n  onChange,\n  selectionMode,\n  showSelectIndicator,\n  value,\n}: ISelectCardProviderProps) => {\n  const isControlled = value !== undefined;\n  const [internalSelection, setInternalSelection] = useState<\n    Set<string | number>\n  >(() => {\n    const ids = defaultValue ?? [];\n    return new Set(selectionMode === \"single\" ? ids.slice(0, 1) : ids);\n  });\n  const selection = useMemo(() => {\n    if (!isControlled) return internalSelection;\n    const ids = value ?? [];\n    return new Set(selectionMode === \"single\" ? ids.slice(0, 1) : ids);\n  }, [isControlled, value, internalSelection, selectionMode]);\n\n  const radioName = useId();\n\n  const handleChange = (\n    e?: ChangeEvent<HTMLInputElement>,\n    state?: ISelectCardState,\n    options?: ISelectCardOnChangeOptions,\n  ) => {\n    if (!state || !state.id) {\n      if (!options?.internal) {\n        onChange?.(e, state);\n      }\n\n      return;\n    }\n\n    // Update internal selection when uncontrolled\n    if (!isControlled) {\n      if (selectionMode === \"single\") {\n        setInternalSelection(state.checked ? new Set([state.id]) : new Set());\n      } else {\n        setInternalSelection((prev) => {\n          const next = new Set(prev);\n          if (state.checked) {\n            next.add(state.id!);\n          } else {\n            next.delete(state.id!);\n          }\n          return next;\n        });\n      }\n    }\n\n    if (!options?.internal) {\n      onChange?.(e, state);\n    }\n  };\n\n  const context = {\n    hasGroupDefault: defaultValue !== undefined,\n    isGroupControlled: isControlled,\n    selectionMode,\n    onChange: handleChange,\n    radioName,\n    selection,\n    showSelectIndicator,\n  };\n\n  return (\n    <SelectCardContext.Provider value={context}>\n      {children}\n    </SelectCardContext.Provider>\n  );\n};\n","import { forwardRef, ReactNode } from \"react\";\nimport { CheckboxGroup, CheckboxGroupProps } from \"../Checkbox/CheckboxGroup\";\nimport { RadioGroup } from \"../Radio/RadioGroup\";\nimport { SelectCardProvider } from \"./internal/SelectCardProvider\";\nimport { ISelectCardContext } from \"./internal/SelectCardContext\";\n\n/**\n * Props for the SelectCardGroup component\n * @extends Omit<ISelectCardContext, \"radioName\" | \"selection\">\n */\nexport interface SelectCardGroupProps\n  extends\n    Omit<ISelectCardContext, \"radioName\" | \"selection\">,\n    Pick<CheckboxGroupProps, \"moreInfo\"> {\n  /**\n   * Associates the legend with content below.\n   */\n  ariaLabelledBy?: string;\n\n  children?: ReactNode;\n\n  /**\n   * Initial selection state for uncontrolled usage.\n   * Array of `SelectCard` ids that are selected on first render.\n   * Takes precedence over individual `SelectCard` `defaultChecked` props.\n   */\n  defaultValue?: Array<string | number>;\n\n  /**\n   * Sets the legend on the group.\n   */\n  legend: CheckboxGroupProps[\"legend\"];\n\n  /**\n   * Additional props for the legend `FieldLabel` (for example `aiMark`, `className`).\n   */\n  legendProps?: CheckboxGroupProps[\"legendProps\"];\n\n  /**\n   * When `true`, sets \"required\" text in label.\n   * @accessibility This does not enforce error when nothing is selected.\n   * @default false\n   */\n  required?: boolean;\n\n  /**\n   * When `true`, displays a checkbox or radio indicator in a separate column on the left side of the card.\n   * The indicator type (checkbox or radio) is automatically determined by the `selectionMode` setting.\n   * @default false\n   */\n  showSelectIndicator?: boolean;\n\n  /**\n   * Controlled selection state. When provided, the group becomes controlled.\n   * Array of `SelectCard` ids that are currently selected.\n   */\n  value?: Array<string | number>;\n}\n\n/**\n * SelectCardGroup component for managing groups of selectable cards.\n *\n * Features:\n * - Manages selection state for multiple SelectCard components\n * - Supports both single and multiple selection modes\n * - Provides proper accessibility with legends and ARIA labels\n * - Handles required field validation\n * - Automatic radio button grouping for single selection\n * - Context provider for child SelectCard components\n * - Integrates with CheckboxGroup and RadioGroup for proper form semantics\n * - Supports AI mark indicator\n *\n * @example\n * <SelectCardGroup\n *   legend=\"Choose your plan\"\n *   selectionMode=\"single\"\n *   onChange={(e, state) => console.log('Selection changed:', state)}\n *   legendProps={{ aiMark: true }}\n * >\n *   <SelectCard id=\"basic\" onChange={() => {}}>\n *     <Text variant=\"headline\" size=\"small\" el=\"h3\">Basic Plan</Text>\n *   </SelectCard>\n *   <SelectCard id=\"premium\" onChange={() => {}}>\n *     <Text variant=\"headline\" size=\"small\" el=\"h3\">Premium Plan</Text>\n *   </SelectCard>\n * </SelectCardGroup>\n */\nexport const SelectCardGroup = forwardRef<\n  HTMLInputElement,\n  SelectCardGroupProps\n>((props, _ref) => {\n  const {\n    ariaLabelledBy,\n    children,\n    defaultValue,\n    legend,\n    legendProps,\n    moreInfo,\n    onChange,\n    required = false,\n    selectionMode,\n    showSelectIndicator = false,\n    value,\n    ...rest\n  } = props;\n\n  return (\n    <SelectCardProvider\n      defaultValue={defaultValue}\n      onChange={onChange}\n      selectionMode={selectionMode}\n      showSelectIndicator={showSelectIndicator}\n      value={value}\n    >\n      {selectionMode === \"multiple\" && (\n        <CheckboxGroup\n          aria-labelledby={ariaLabelledBy}\n          legend={legend}\n          legendProps={legendProps}\n          required={required}\n          moreInfo={moreInfo}\n          {...rest}\n        >\n          {children}\n        </CheckboxGroup>\n      )}\n      {selectionMode === \"single\" && (\n        <RadioGroup\n          aria-labelledby={ariaLabelledBy}\n          legend={legend}\n          legendProps={legendProps}\n          required={required}\n          moreInfo={moreInfo}\n          {...rest}\n        >\n          {children}\n        </RadioGroup>\n      )}\n    </SelectCardProvider>\n  );\n});\n\nSelectCardGroup.displayName = \"SelectCardGroup\";\n","import {\n  useLayoutEffect,\n  useState,\n  useRef,\n  forwardRef,\n  type ChangeEvent,\n} from \"react\";\nimport cx from \"classnames\";\n\nimport { SelectCardGroup } from \"./SelectCardGroup\";\nimport { Card, CardProps } from \"../Card\";\nimport { Radio, RadioProps } from \"../Radio/internal/Radio\";\nimport { Checkbox, CheckboxProps } from \"../Checkbox/internal/Checkbox\";\nimport { useOptionallyControlledState } from \"../../internal/hooks\";\nimport { useSelectCardContext } from \"./internal/SelectCardContext\";\nimport { Icon } from \"../Icon\";\n\nimport CheckboxOutline from \"@servicetitan/hammer-icon/mdi/round/check_box_outline_blank.svg\";\nimport CheckboxChecked from \"@servicetitan/hammer-icon/mdi/round/check_box.svg\";\nimport RadioOutline from \"@servicetitan/hammer-icon/mdi/two-tone/radio_button_unchecked.svg\";\nimport RadioChecked from \"@servicetitan/hammer-icon/mdi/two-tone/radio_button_checked.svg\";\n\nimport styles from \"./SelectCard.module.scss\";\n\n/**\n * Props for the SelectCard component\n * @extends Omit<CardProps, \"onChange\" | \"id\">\n */\nexport interface SelectCardProps extends Omit<CardProps, \"onChange\" | \"id\"> {\n  /**\n   * Passes props to the underlying `<Checkbox />` component.\n   */\n  checkboxProps?: Omit<CheckboxProps, \"label\">;\n\n  /**\n   * Controlled state. When provided, the component becomes controlled.\n   */\n  checked?: boolean;\n\n  /**\n   * Uncontrolled initial state. Ignored when inside a `SelectCard.Group` that sets `defaultValue`.\n   */\n  defaultChecked?: boolean;\n\n  /**\n   * When `true`, disables the card.\n   */\n  disabled?: boolean;\n\n  /**\n   * When `true`, sets error styling on the card.\n   */\n  errored?: boolean;\n\n  /**\n   * A unique identifier for the card, used to track the selection state.\n   */\n  id: string | number;\n\n  /**\n   * Function called on selection state change.\n   */\n  onChange?: (value: boolean) => void;\n\n  /**\n   * Passes props to the underlying `<Radio />` component.\n   */\n  radioProps?: Omit<RadioProps, \"label\">;\n\n  /**\n   * Removes the drop shadow effect on the card.\n   */\n  removeDropShadow?: boolean;\n\n  /**\n   * When `true`, displays a checkbox or radio indicator in a separate column on the left side of the card.\n   * The indicator type (checkbox or radio) is automatically determined by the `selectionMode` prop on the\n   * `SelectCard.Group`, and defaults to checkbox if no `SelectCard.Group` is used.\n   * @default false\n   */\n  showSelectIndicator?: boolean;\n}\n\n/**\n * SelectCard component for creating interactive card-based selection interfaces.\n *\n * Features:\n * - Supports both single selection (radio) and multiple selection (checkbox) modes\n * - Automatic context detection for selection behavior\n * - Visual feedback for selected, disabled, and error states\n * - Accessible with proper ARIA roles and keyboard navigation\n * - Customizable styling through Card component props\n * - Hover and focus states with smooth transitions\n * - Integration with SelectCardGroup for grouped selection\n *\n * @example\n * <SelectCard\n *   id=\"option-1\"\n *   onChange={(checked) => console.log('Selected:', checked)}\n * >\n *   <Text variant=\"headline\" size=\"small\">Option 1</Text>\n *   <Text>Description of option 1</Text>\n * </SelectCard>\n */\nexport const SelectCard = Object.assign(\n  forwardRef<HTMLInputElement, SelectCardProps>(\n    function SelectCardInner(props, ref) {\n      const {\n        checkboxProps,\n        children,\n        checked: checkedProp,\n        className,\n        defaultChecked: defaultCheckedProp,\n        disabled,\n        errored,\n        radioProps,\n        onChange,\n        removeDropShadow,\n        showSelectIndicator = false,\n        id,\n        ...rest\n      } = props;\n\n      const [checked, setChecked] = useOptionallyControlledState<boolean>({\n        controlledValue: checkedProp,\n        defaultValue: defaultCheckedProp || false,\n        onChange,\n      });\n\n      const context = useSelectCardContext();\n      const isCardControlled = checkedProp !== undefined;\n      const isGroupControlled = context?.isGroupControlled ?? false;\n\n      // we need to re-render after setting the initial selection state on context\n      const [_, setForceRenderCount] = useState(0);\n      useLayoutEffect(() => {\n        // Sync initial checked state to context (for both controlled and uncontrolled modes).\n        // Skip when group is controlled — the group's value prop owns the selection Set.\n        const initialChecked = checkedProp ?? defaultCheckedProp;\n        if (initialChecked && !isGroupControlled && !context?.hasGroupDefault) {\n          context?.onChange?.(\n            undefined,\n            {\n              id,\n              checked: initialChecked,\n            },\n            { internal: true },\n          );\n\n          setForceRenderCount((prev) => prev + 1);\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n      }, []);\n\n      // Sync controlled state changes to context (skip initial mount - handled by above effect)\n      const isFirstRender = useRef(true);\n      useLayoutEffect(() => {\n        if (isFirstRender.current) {\n          isFirstRender.current = false;\n          return;\n        }\n        if (isCardControlled && context) {\n          // In single selection mode, only sync when checked is true.\n          // Unchecking is implicit when another card becomes checked.\n          // Syncing checked=false would clear the entire selection.\n          if (context.selectionMode === \"single\" && !checkedProp) {\n            return;\n          }\n          context.onChange?.(\n            undefined,\n            {\n              id,\n              checked: checkedProp!,\n            },\n            { internal: true },\n          );\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n      }, [checkedProp]);\n\n      const handleChange = (event?: ChangeEvent<HTMLInputElement>) => {\n        const newChecked = event ? event.target.checked : false;\n        setChecked(newChecked);\n        context?.onChange?.(event, {\n          id,\n          checked: newChecked,\n        });\n      };\n\n      // A selection in the group context supersedes the normal checked state of the card\n      const isChecked = context ? context.selection.has(id) : checked;\n      const showIndicator = context?.showSelectIndicator || showSelectIndicator;\n\n      // When group is controlled (value prop), drive input from context selection.\n      // When group has defaultValue, it takes precedence — ignore individual defaultChecked.\n      const inputChecked = isGroupControlled\n        ? isChecked\n        : isCardControlled\n          ? checkedProp\n          : undefined;\n      const inputDefaultChecked =\n        isGroupControlled || isCardControlled\n          ? undefined\n          : context?.hasGroupDefault\n            ? context.selection.has(id)\n            : defaultCheckedProp;\n\n      const contentClassName = cx(styles[\"select-card\"], className, {\n        [styles[\"select-card--remove-drop-shadow\"]]: removeDropShadow,\n        [styles[\"select-card--checked\"]]: isChecked,\n        [styles[\"select-card--selected\"]]: isChecked && !errored,\n        [styles[\"select-card--errored\"]]: errored,\n        [styles[\"select-card--disabled\"]]: disabled,\n      });\n\n      return (\n        <>\n          {(!context || context?.selectionMode === \"multiple\") && (\n            <Checkbox\n              {...checkboxProps}\n              className={cx(\n                styles[\"select-card-wrapper\"],\n                checkboxProps?.className,\n              )}\n              labelWrapperClassName={styles[\"select-card-label\"]}\n              checked={inputChecked}\n              defaultChecked={inputDefaultChecked}\n              onChange={handleChange}\n              disabled={disabled}\n              ref={ref}\n              label={\n                <Card\n                  {...rest}\n                  className={contentClassName}\n                  flex={showIndicator ? \"1\" : undefined}\n                  gap={showIndicator ? \"2\" : undefined}\n                  alignItems={showIndicator ? \"flex-start\" : undefined}\n                >\n                  {showIndicator ? (\n                    <>\n                      <span className={styles[\"icon-wrapper\"]} aria-hidden>\n                        <Icon\n                          size=\"large\"\n                          svg={CheckboxChecked}\n                          className={styles[\"icon-checked\"]}\n                        />\n\n                        <Icon\n                          size=\"large\"\n                          svg={CheckboxOutline}\n                          className={styles[\"icon-unchecked\"]}\n                        />\n                      </span>\n                      {children}\n                    </>\n                  ) : (\n                    children\n                  )}\n                </Card>\n              }\n              hideCheckbox\n            />\n          )}\n          {context?.selectionMode === \"single\" && (\n            <Radio\n              {...radioProps}\n              className={cx(\n                styles[\"select-card-wrapper\"],\n                radioProps?.className,\n              )}\n              labelWrapperClassName={styles[\"select-card-label\"]}\n              checked={inputChecked}\n              defaultChecked={inputDefaultChecked}\n              onChange={handleChange}\n              disabled={disabled}\n              ref={ref}\n              name={context.radioName}\n              label={\n                <Card\n                  {...rest}\n                  className={contentClassName}\n                  flex={showIndicator ? \"1\" : undefined}\n                  gap={showIndicator ? \"2\" : undefined}\n                  alignItems={showIndicator ? \"flex-start\" : undefined}\n                >\n                  {showIndicator ? (\n                    <>\n                      <span className={styles[\"icon-wrapper\"]} aria-hidden>\n                        <Icon\n                          size=\"large\"\n                          svg={RadioOutline}\n                          className={styles[\"icon-unchecked\"]}\n                        />\n\n                        <Icon\n                          size=\"large\"\n                          svg={RadioChecked}\n                          className={styles[\"icon-checked\"]}\n                        />\n                      </span>\n                      {children}\n                    </>\n                  ) : (\n                    children\n                  )}\n                </Card>\n              }\n              hideRadio\n            />\n          )}\n        </>\n      );\n    },\n  ),\n  {\n    /**\n     * SelectCardGroup component for managing groups of selectable cards.\n     *\n     * Features:\n     * - Manages selection state for multiple SelectCard components\n     * - Supports both single and multiple selection modes\n     * - Provides proper accessibility with legends and ARIA labels\n     * - Handles required field validation\n     * - Automatic radio button grouping for single selection\n     * - Context provider for child SelectCard components\n     *\n     * @example\n     * <SelectCard.Group\n     *   legend=\"Choose your plan\"\n     *   selectionMode=\"single\"\n     *   onChange={(e, state) => console.log('Selection changed:', state)}\n     * >\n     *   <SelectCard id=\"basic\" onChange={() => {}}>\n     *     <Text variant=\"headline\" size=\"small\">Basic Plan</Text>\n     *   </SelectCard>\n     *   <SelectCard id=\"premium\" onChange={() => {}}>\n     *     <Text variant=\"headline\" size=\"small\">Premium Plan</Text>\n     *   </SelectCard>\n     * </SelectCard.Group>\n     */\n    Group: SelectCardGroup,\n  },\n);\nSelectCard.displayName = \"SelectCard\";\n"],"names":["CheckboxChecked","CheckboxOutline","RadioOutline","RadioChecked"],"mappings":"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"}
+{"version":3,"file":"SelectCard-CjDxc2q7.js","sources":["../src/components/SelectCard/internal/SelectCardContext.tsx","../src/components/SelectCard/internal/SelectCardProvider.tsx","../src/components/SelectCard/SelectCardGroup.tsx","../src/components/SelectCard/SelectCard.tsx"],"sourcesContent":["import { ChangeEvent, createContext, useContext } from \"react\";\n\n/**\n * Interface for the select card state\n */\nexport interface ISelectCardState {\n  /**\n   * When `true`, adds the item to the selected state holder.\n   */\n  checked: boolean;\n\n  /**\n   * Gives an explicit id to each item in the set.\n   */\n  id?: string | number;\n}\n\n/**\n * Interface for the select card onChange options\n */\nexport interface ISelectCardOnChangeOptions {\n  /**\n   * When `true`, doesn't fire the user's `onChange`\n   */\n  internal?: boolean;\n}\n\n/**\n * Interface for the select card context\n */\nexport interface ISelectCardContext {\n  /**\n   * Callback function that is triggered when the selection state changes.\n   *\n   * @callback OnChangeCallback\n   * @param {ChangeEvent<HTMLInputElement>} [e] - The native HTML input change event.\n   * @param {ISelectCardState} [state] - The current state of the select card component after the change.\n   * @returns {void}\n   */\n  onChange?: (\n    e?: ChangeEvent<HTMLInputElement>,\n    state?: ISelectCardState,\n    options?: ISelectCardOnChangeOptions,\n  ) => void;\n\n  /**\n   * Sets how many cards the user can select, either 'single' (radio buttons) or 'multiple' (checkboxes)\n   */\n  selectionMode: \"single\" | \"multiple\";\n\n  /**\n   * Used internally to create a UUID for the HTML `name` property on radios.\n   */\n  radioName: string;\n\n  /**\n   * Creates a set of ids that are selected.\n   */\n  selection: Set<string | number>;\n\n  /**\n   * When `true`, indicates that selection is controlled at the group level via the `value` prop.\n   * @default false\n   */\n  isGroupControlled?: boolean;\n\n  /**\n   * When `true`, the group was given a `defaultValue` and owns the initial selection state.\n   * Individual `SelectCard` mount syncs should be skipped to avoid overriding it.\n   * @default false\n   */\n  hasGroupDefault?: boolean;\n\n  /**\n   * When `true`, displays a checkbox or radio indicator in a separate column on the left side of the card.\n   * The indicator type (checkbox or radio) is automatically determined by the selection mode from SelectCard.Group context.\n   * @default false\n   */\n  showSelectIndicator?: boolean;\n}\n\nexport const SelectCardContext = createContext<ISelectCardContext | null>(null);\n\n/**\n * Custom hook for accessing the SelectCard context.\n * @returns The SelectCard context or null if not within a SelectCardProvider\n */\nexport const useSelectCardContext = () => useContext(SelectCardContext);\n","import { ChangeEvent, ReactNode, useId, useMemo, useState } from \"react\";\nimport {\n  ISelectCardContext,\n  ISelectCardOnChangeOptions,\n  ISelectCardState,\n  SelectCardContext,\n} from \"./SelectCardContext\";\n\n/**\n * Props for the SelectCardProvider component\n * @extends Omit<ISelectCardContext, \"radioName\" | \"selection\">\n */\ninterface ISelectCardProviderProps extends Omit<\n  ISelectCardContext,\n  \"radioName\" | \"selection\"\n> {\n  children: ReactNode;\n\n  /**\n   * Controlled selection state. When provided, the group becomes controlled.\n   * Array of `SelectCard` ids that are currently selected.\n   */\n  value?: Array<string | number>;\n\n  /**\n   * Initial selection state for uncontrolled usage.\n   * Array of `SelectCard` ids that are selected on first render.\n   */\n  defaultValue?: Array<string | number>;\n}\n\n/**\n * SelectCardProvider component for managing selection state across SelectCard components.\n *\n * Features:\n * - Provides context for SelectCard components to share selection state\n * - Manages selection mode (single vs multiple)\n * - Handles selection state updates and callbacks\n * - Generates unique radio button names for single selection mode\n * - Maintains a set of selected card IDs\n * - Integrates with SelectCardGroup for automatic context provision\n *\n * @example\n * <SelectCardProvider\n *   selectionMode=\"multiple\"\n *   onChange={(e, state) => console.log('Selection changed:', state)}\n * >\n *   <SelectCard id=\"1\" onChange={() => {}}>Option 1</SelectCard>\n *   <SelectCard id=\"2\" onChange={() => {}}>Option 2</SelectCard>\n * </SelectCardProvider>\n */\nexport const SelectCardProvider = ({\n  children,\n  defaultValue,\n  onChange,\n  selectionMode,\n  showSelectIndicator,\n  value,\n}: ISelectCardProviderProps) => {\n  const isControlled = value !== undefined;\n  const [internalSelection, setInternalSelection] = useState<\n    Set<string | number>\n  >(() => {\n    const ids = defaultValue ?? [];\n    return new Set(selectionMode === \"single\" ? ids.slice(0, 1) : ids);\n  });\n  const selection = useMemo(() => {\n    if (!isControlled) return internalSelection;\n    const ids = value ?? [];\n    return new Set(selectionMode === \"single\" ? ids.slice(0, 1) : ids);\n  }, [isControlled, value, internalSelection, selectionMode]);\n\n  const radioName = useId();\n\n  const handleChange = (\n    e?: ChangeEvent<HTMLInputElement>,\n    state?: ISelectCardState,\n    options?: ISelectCardOnChangeOptions,\n  ) => {\n    if (!state || !state.id) {\n      if (!options?.internal) {\n        onChange?.(e, state);\n      }\n\n      return;\n    }\n\n    // Update internal selection when uncontrolled\n    if (!isControlled) {\n      if (selectionMode === \"single\") {\n        setInternalSelection(state.checked ? new Set([state.id]) : new Set());\n      } else {\n        setInternalSelection((prev) => {\n          const next = new Set(prev);\n          if (state.checked) {\n            next.add(state.id!);\n          } else {\n            next.delete(state.id!);\n          }\n          return next;\n        });\n      }\n    }\n\n    if (!options?.internal) {\n      onChange?.(e, state);\n    }\n  };\n\n  const context = {\n    hasGroupDefault: defaultValue !== undefined,\n    isGroupControlled: isControlled,\n    selectionMode,\n    onChange: handleChange,\n    radioName,\n    selection,\n    showSelectIndicator,\n  };\n\n  return (\n    <SelectCardContext.Provider value={context}>\n      {children}\n    </SelectCardContext.Provider>\n  );\n};\n","import { forwardRef, ReactNode } from \"react\";\nimport { CheckboxGroup, CheckboxGroupProps } from \"../Checkbox/CheckboxGroup\";\nimport { RadioGroup } from \"../Radio/RadioGroup\";\nimport { SelectCardProvider } from \"./internal/SelectCardProvider\";\nimport { ISelectCardContext } from \"./internal/SelectCardContext\";\n\n/**\n * Props for the SelectCardGroup component\n * @extends Omit<ISelectCardContext, \"radioName\" | \"selection\">\n */\nexport interface SelectCardGroupProps\n  extends\n    Omit<ISelectCardContext, \"radioName\" | \"selection\">,\n    Pick<CheckboxGroupProps, \"moreInfo\"> {\n  /**\n   * Associates the legend with content below.\n   */\n  ariaLabelledBy?: string;\n\n  children?: ReactNode;\n\n  /**\n   * Initial selection state for uncontrolled usage.\n   * Array of `SelectCard` ids that are selected on first render.\n   * Takes precedence over individual `SelectCard` `defaultChecked` props.\n   */\n  defaultValue?: Array<string | number>;\n\n  /**\n   * Sets the legend on the group.\n   */\n  legend: CheckboxGroupProps[\"legend\"];\n\n  /**\n   * Additional props for the legend `FieldLabel` (for example `aiMark`, `className`).\n   */\n  legendProps?: CheckboxGroupProps[\"legendProps\"];\n\n  /**\n   * When `true`, sets \"required\" text in label.\n   * @accessibility This does not enforce error when nothing is selected.\n   * @default false\n   */\n  required?: boolean;\n\n  /**\n   * When `true`, displays a checkbox or radio indicator in a separate column on the left side of the card.\n   * The indicator type (checkbox or radio) is automatically determined by the `selectionMode` setting.\n   * @default false\n   */\n  showSelectIndicator?: boolean;\n\n  /**\n   * Controlled selection state. When provided, the group becomes controlled.\n   * Array of `SelectCard` ids that are currently selected.\n   */\n  value?: Array<string | number>;\n}\n\n/**\n * SelectCardGroup component for managing groups of selectable cards.\n *\n * Features:\n * - Manages selection state for multiple SelectCard components\n * - Supports both single and multiple selection modes\n * - Provides proper accessibility with legends and ARIA labels\n * - Handles required field validation\n * - Automatic radio button grouping for single selection\n * - Context provider for child SelectCard components\n * - Integrates with CheckboxGroup and RadioGroup for proper form semantics\n * - Supports AI mark indicator\n *\n * @example\n * <SelectCardGroup\n *   legend=\"Choose your plan\"\n *   selectionMode=\"single\"\n *   onChange={(e, state) => console.log('Selection changed:', state)}\n *   legendProps={{ aiMark: true }}\n * >\n *   <SelectCard id=\"basic\" onChange={() => {}}>\n *     <Text variant=\"headline\" size=\"small\" el=\"h3\">Basic Plan</Text>\n *   </SelectCard>\n *   <SelectCard id=\"premium\" onChange={() => {}}>\n *     <Text variant=\"headline\" size=\"small\" el=\"h3\">Premium Plan</Text>\n *   </SelectCard>\n * </SelectCardGroup>\n */\nexport const SelectCardGroup = forwardRef<\n  HTMLInputElement,\n  SelectCardGroupProps\n>((props, _ref) => {\n  const {\n    ariaLabelledBy,\n    children,\n    defaultValue,\n    legend,\n    legendProps,\n    moreInfo,\n    onChange,\n    required = false,\n    selectionMode,\n    showSelectIndicator = false,\n    value,\n    ...rest\n  } = props;\n\n  return (\n    <SelectCardProvider\n      defaultValue={defaultValue}\n      onChange={onChange}\n      selectionMode={selectionMode}\n      showSelectIndicator={showSelectIndicator}\n      value={value}\n    >\n      {selectionMode === \"multiple\" && (\n        <CheckboxGroup\n          aria-labelledby={ariaLabelledBy}\n          legend={legend}\n          legendProps={legendProps}\n          required={required}\n          moreInfo={moreInfo}\n          {...rest}\n        >\n          {children}\n        </CheckboxGroup>\n      )}\n      {selectionMode === \"single\" && (\n        <RadioGroup\n          aria-labelledby={ariaLabelledBy}\n          legend={legend}\n          legendProps={legendProps}\n          required={required}\n          moreInfo={moreInfo}\n          {...rest}\n        >\n          {children}\n        </RadioGroup>\n      )}\n    </SelectCardProvider>\n  );\n});\n\nSelectCardGroup.displayName = \"SelectCardGroup\";\n","import {\n  useLayoutEffect,\n  useState,\n  useRef,\n  forwardRef,\n  type ChangeEvent,\n} from \"react\";\nimport cx from \"classnames\";\n\nimport { SelectCardGroup } from \"./SelectCardGroup\";\nimport { Card, CardProps } from \"../Card\";\nimport { Radio, RadioProps } from \"../Radio/internal/Radio\";\nimport { Checkbox, CheckboxProps } from \"../Checkbox/internal/Checkbox\";\nimport { useOptionallyControlledState } from \"../../internal/hooks\";\nimport { useSelectCardContext } from \"./internal/SelectCardContext\";\nimport { Icon } from \"../Icon\";\n\nimport CheckboxOutline from \"@servicetitan/hammer-icon/mdi/round/check_box_outline_blank.svg\";\nimport CheckboxChecked from \"@servicetitan/hammer-icon/mdi/round/check_box.svg\";\nimport RadioOutline from \"@servicetitan/hammer-icon/mdi/two-tone/radio_button_unchecked.svg\";\nimport RadioChecked from \"@servicetitan/hammer-icon/mdi/two-tone/radio_button_checked.svg\";\n\nimport styles from \"./SelectCard.module.scss\";\n\n/**\n * Props for the SelectCard component\n * @extends Omit<CardProps, \"onChange\" | \"id\">\n */\nexport interface SelectCardProps extends Omit<CardProps, \"onChange\" | \"id\"> {\n  /**\n   * Passes props to the underlying `<Checkbox />` component.\n   */\n  checkboxProps?: Omit<CheckboxProps, \"label\">;\n\n  /**\n   * Controlled state. When provided, the component becomes controlled.\n   */\n  checked?: boolean;\n\n  /**\n   * Uncontrolled initial state. Ignored when inside a `SelectCard.Group` that sets `defaultValue`.\n   */\n  defaultChecked?: boolean;\n\n  /**\n   * When `true`, disables the card.\n   */\n  disabled?: boolean;\n\n  /**\n   * When `true`, sets error styling on the card.\n   */\n  errored?: boolean;\n\n  /**\n   * A unique identifier for the card, used to track the selection state.\n   */\n  id: string | number;\n\n  /**\n   * Function called on selection state change.\n   */\n  onChange?: (value: boolean) => void;\n\n  /**\n   * Passes props to the underlying `<Radio />` component.\n   */\n  radioProps?: Omit<RadioProps, \"label\">;\n\n  /**\n   * Removes the drop shadow effect on the card.\n   */\n  removeDropShadow?: boolean;\n\n  /**\n   * When `true`, displays a checkbox or radio indicator in a separate column on the left side of the card.\n   * The indicator type (checkbox or radio) is automatically determined by the `selectionMode` prop on the\n   * `SelectCard.Group`, and defaults to checkbox if no `SelectCard.Group` is used.\n   * @default false\n   */\n  showSelectIndicator?: boolean;\n}\n\n/**\n * SelectCard component for creating interactive card-based selection interfaces.\n *\n * Features:\n * - Supports both single selection (radio) and multiple selection (checkbox) modes\n * - Automatic context detection for selection behavior\n * - Visual feedback for selected, disabled, and error states\n * - Accessible with proper ARIA roles and keyboard navigation\n * - Customizable styling through Card component props\n * - Hover and focus states with smooth transitions\n * - Integration with SelectCardGroup for grouped selection\n *\n * @example\n * <SelectCard\n *   id=\"option-1\"\n *   onChange={(checked) => console.log('Selected:', checked)}\n * >\n *   <Text variant=\"headline\" size=\"small\">Option 1</Text>\n *   <Text>Description of option 1</Text>\n * </SelectCard>\n */\nexport const SelectCard = Object.assign(\n  forwardRef<HTMLInputElement, SelectCardProps>(\n    function SelectCardInner(props, ref) {\n      const {\n        checkboxProps,\n        children,\n        checked: checkedProp,\n        className,\n        defaultChecked: defaultCheckedProp,\n        disabled,\n        errored,\n        radioProps,\n        onChange,\n        removeDropShadow,\n        showSelectIndicator = false,\n        id,\n        ...rest\n      } = props;\n\n      const [checked, setChecked] = useOptionallyControlledState<boolean>({\n        controlledValue: checkedProp,\n        defaultValue: defaultCheckedProp || false,\n        onChange,\n      });\n\n      const context = useSelectCardContext();\n      const isCardControlled = checkedProp !== undefined;\n      const isGroupControlled = context?.isGroupControlled ?? false;\n\n      // we need to re-render after setting the initial selection state on context\n      const [_, setForceRenderCount] = useState(0);\n      useLayoutEffect(() => {\n        // Sync initial checked state to context (for both controlled and uncontrolled modes).\n        // Skip when group is controlled — the group's value prop owns the selection Set.\n        const initialChecked = checkedProp ?? defaultCheckedProp;\n        if (initialChecked && !isGroupControlled && !context?.hasGroupDefault) {\n          context?.onChange?.(\n            undefined,\n            {\n              id,\n              checked: initialChecked,\n            },\n            { internal: true },\n          );\n\n          setForceRenderCount((prev) => prev + 1);\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n      }, []);\n\n      // Sync controlled state changes to context (skip initial mount - handled by above effect)\n      const isFirstRender = useRef(true);\n      useLayoutEffect(() => {\n        if (isFirstRender.current) {\n          isFirstRender.current = false;\n          return;\n        }\n        if (isCardControlled && context) {\n          // In single selection mode, only sync when checked is true.\n          // Unchecking is implicit when another card becomes checked.\n          // Syncing checked=false would clear the entire selection.\n          if (context.selectionMode === \"single\" && !checkedProp) {\n            return;\n          }\n          context.onChange?.(\n            undefined,\n            {\n              id,\n              checked: checkedProp!,\n            },\n            { internal: true },\n          );\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n      }, [checkedProp]);\n\n      const handleChange = (event?: ChangeEvent<HTMLInputElement>) => {\n        const newChecked = event ? event.target.checked : false;\n        setChecked(newChecked);\n        context?.onChange?.(event, {\n          id,\n          checked: newChecked,\n        });\n      };\n\n      // A selection in the group context supersedes the normal checked state of the card\n      const isChecked = context ? context.selection.has(id) : checked;\n      const showIndicator = context?.showSelectIndicator || showSelectIndicator;\n\n      // When group is controlled (value prop), drive input from context selection.\n      // When group has defaultValue, it takes precedence — ignore individual defaultChecked.\n      const inputChecked = isGroupControlled\n        ? isChecked\n        : isCardControlled\n          ? checkedProp\n          : undefined;\n      const inputDefaultChecked =\n        isGroupControlled || isCardControlled\n          ? undefined\n          : context?.hasGroupDefault\n            ? context.selection.has(id)\n            : defaultCheckedProp;\n\n      const contentClassName = cx(styles[\"select-card\"], className, {\n        [styles[\"select-card--remove-drop-shadow\"]]: removeDropShadow,\n        [styles[\"select-card--checked\"]]: isChecked,\n        [styles[\"select-card--selected\"]]: isChecked && !errored,\n        [styles[\"select-card--errored\"]]: errored,\n        [styles[\"select-card--disabled\"]]: disabled,\n      });\n\n      return (\n        <>\n          {(!context || context?.selectionMode === \"multiple\") && (\n            <Checkbox\n              {...checkboxProps}\n              className={cx(\n                styles[\"select-card-wrapper\"],\n                checkboxProps?.className,\n              )}\n              labelWrapperClassName={styles[\"select-card-label\"]}\n              checked={inputChecked}\n              defaultChecked={inputDefaultChecked}\n              onChange={handleChange}\n              disabled={disabled}\n              ref={ref}\n              label={\n                <Card\n                  {...rest}\n                  className={contentClassName}\n                  flex={showIndicator ? \"1\" : undefined}\n                  gap={showIndicator ? \"2\" : undefined}\n                  alignItems={showIndicator ? \"flex-start\" : undefined}\n                >\n                  {showIndicator ? (\n                    <>\n                      <span className={styles[\"icon-wrapper\"]} aria-hidden>\n                        <Icon\n                          size=\"large\"\n                          svg={CheckboxChecked}\n                          className={styles[\"icon-checked\"]}\n                        />\n\n                        <Icon\n                          size=\"large\"\n                          svg={CheckboxOutline}\n                          className={styles[\"icon-unchecked\"]}\n                        />\n                      </span>\n                      {children}\n                    </>\n                  ) : (\n                    children\n                  )}\n                </Card>\n              }\n              hideCheckbox\n            />\n          )}\n          {context?.selectionMode === \"single\" && (\n            <Radio\n              {...radioProps}\n              className={cx(\n                styles[\"select-card-wrapper\"],\n                radioProps?.className,\n              )}\n              labelWrapperClassName={styles[\"select-card-label\"]}\n              checked={inputChecked}\n              defaultChecked={inputDefaultChecked}\n              onChange={handleChange}\n              disabled={disabled}\n              ref={ref}\n              name={context.radioName}\n              label={\n                <Card\n                  {...rest}\n                  className={contentClassName}\n                  flex={showIndicator ? \"1\" : undefined}\n                  gap={showIndicator ? \"2\" : undefined}\n                  alignItems={showIndicator ? \"flex-start\" : undefined}\n                >\n                  {showIndicator ? (\n                    <>\n                      <span className={styles[\"icon-wrapper\"]} aria-hidden>\n                        <Icon\n                          size=\"large\"\n                          svg={RadioOutline}\n                          className={styles[\"icon-unchecked\"]}\n                        />\n\n                        <Icon\n                          size=\"large\"\n                          svg={RadioChecked}\n                          className={styles[\"icon-checked\"]}\n                        />\n                      </span>\n                      {children}\n                    </>\n                  ) : (\n                    children\n                  )}\n                </Card>\n              }\n              hideRadio\n            />\n          )}\n        </>\n      );\n    },\n  ),\n  {\n    /**\n     * SelectCardGroup component for managing groups of selectable cards.\n     *\n     * Features:\n     * - Manages selection state for multiple SelectCard components\n     * - Supports both single and multiple selection modes\n     * - Provides proper accessibility with legends and ARIA labels\n     * - Handles required field validation\n     * - Automatic radio button grouping for single selection\n     * - Context provider for child SelectCard components\n     *\n     * @example\n     * <SelectCard.Group\n     *   legend=\"Choose your plan\"\n     *   selectionMode=\"single\"\n     *   onChange={(e, state) => console.log('Selection changed:', state)}\n     * >\n     *   <SelectCard id=\"basic\" onChange={() => {}}>\n     *     <Text variant=\"headline\" size=\"small\">Basic Plan</Text>\n     *   </SelectCard>\n     *   <SelectCard id=\"premium\" onChange={() => {}}>\n     *     <Text variant=\"headline\" size=\"small\">Premium Plan</Text>\n     *   </SelectCard>\n     * </SelectCard.Group>\n     */\n    Group: SelectCardGroup,\n  },\n);\nSelectCard.displayName = \"SelectCard\";\n"],"names":["CheckboxChecked","CheckboxOutline","RadioOutline","RadioChecked"],"mappings":"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"}

package/dist/SelectCard.js

@@ -1,2 +1,2 @@
-export { S as SelectCard, S as default } from './SelectCard-BbZcAhq1.js';
+export { S as SelectCard, S as default } from './SelectCard-CjDxc2q7.js';
 //# sourceMappingURL=SelectCard.js.map

package/dist/SelectField.js

@@ -1,2 +1,2 @@
-export { S as SelectField, a as SelectFieldSync } from './SelectFieldSync-DFnRsT54.js';
+export { S as SelectField, a as SelectFieldSync } from './SelectFieldSync-D0aeALNV.js';
 //# sourceMappingURL=SelectField.js.map

package/dist/{SelectFieldLabel-CktsTa2n.js → SelectFieldLabel-DXgUk8cU.js}

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { F as FieldLabel } from './FieldLabel-Qxe_2xNX.js';
+import { F as FieldLabel } from './FieldLabel-1g9Y_K44.js';
 import { S as SrOnly } from './SrOnly-eUpYGpAT.js';
 
 const SelectFieldLabel = ({
@@ -29,4 +29,4 @@ const SelectFieldLabel = ({
 };
 
 export { SelectFieldLabel as S };
-//# sourceMappingURL=SelectFieldLabel-CktsTa2n.js.map
+//# sourceMappingURL=SelectFieldLabel-DXgUk8cU.js.map

package/dist/{SelectFieldLabel-CktsTa2n.js.map → SelectFieldLabel-DXgUk8cU.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SelectFieldLabel-CktsTa2n.js","sources":["../src/beta/components/SelectField/internal/SelectFieldLabel.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport { FieldLabel, FieldLabelProps } from \"../../../../components/FieldLabel\";\nimport { SrOnly } from \"../../../../components/SrOnly\";\n\ntype GetLabelProps = (options?: object) => { id: string; htmlFor: string };\n\n/**\n * Props for the SelectFieldLabel component\n * @property {AiMarkWithTooltipOrPopoverProps} aiMark - The AI mark to display\n * @property {string} label - The text content to display as the label\n * @property {GetLabelProps} getLabelProps - Downshift getter function that returns accessibility props for the label\n * @property {boolean} [required] - Whether the field is required. Shows a red asterisk (*) when true.\n * @property {ReactNode} [moreInfo] - Additional information to display in a tooltip\n * @property {boolean} [moreInfoOpen] - Controls the open state of the more info tooltip\n * @property {boolean} [hideLabel] - Visually hides the label while keeping it accessible to screen readers\n */\nexport type SelectFieldLabelProps = {\n  aiMark?: FieldLabelProps[\"aiMark\"];\n  label: string;\n  getLabelProps: GetLabelProps;\n  hideLabel?: boolean;\n  moreInfo?: ReactNode;\n  moreInfoOpen?: boolean;\n  required?: boolean;\n};\n\n/**\n * Internal label component for the SelectField that renders an accessible label element.\n *\n * Features:\n * - Renders a FieldLabel with proper accessibility attributes from Downshift\n * - Automatically associates the label with the combobox input\n * - Supports screen readers with proper labeling\n * - Optional required field indicator with red asterisk\n * - Help tooltip with info icon for additional context\n * - Can visually hide the label while maintaining accessibility\n *\n * @example\n * <SelectFieldLabel\n *   label=\"Select an option\"\n *   getLabelProps={getLabelProps}\n *   required\n *   moreInfo=\"Choose from available options\"\n * />\n */\nexport const SelectFieldLabel = ({\n  aiMark,\n  label,\n  getLabelProps,\n  hideLabel = false,\n  moreInfo,\n  moreInfoOpen,\n  required,\n}: SelectFieldLabelProps) => {\n  const labelContent = (\n    <FieldLabel\n      {...getLabelProps()}\n      aiMark={aiMark}\n      required={required}\n      moreInfo={moreInfo}\n      moreInfoOpen={moreInfoOpen}\n    >\n      {label}\n    </FieldLabel>\n  );\n\n  if (hideLabel) {\n    return <SrOnly>{labelContent}</SrOnly>;\n  }\n\n  return labelContent;\n};\n"],"names":[],"mappings":";;;;AA6CO,MAAM,mBAAmB,CAAC;AAAA,EAC/B,MAAA;AAAA,EACA,KAAA;AAAA,EACA,aAAA;AAAA,EACA,SAAA,GAAY,KAAA;AAAA,EACZ,QAAA;AAAA,EACA,YAAA;AAAA,EACA;AACF,CAAA,KAA6B;AAC3B,EAAA,MAAM,YAAA,mBACJ,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACE,GAAG,aAAA,EAAc;AAAA,MAClB,MAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,MACA,YAAA;AAAA,MAEC,QAAA,EAAA;AAAA;AAAA,GACH;AAGF,EAAA,IAAI,SAAA,EAAW;AACb,IAAA,uBAAO,GAAA,CAAC,UAAQ,QAAA,EAAA,YAAA,EAAa,CAAA;AAAA,EAC/B;AAEA,EAAA,OAAO,YAAA;AACT;;;;"}
+{"version":3,"file":"SelectFieldLabel-DXgUk8cU.js","sources":["../src/beta/components/SelectField/internal/SelectFieldLabel.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport { FieldLabel, FieldLabelProps } from \"../../../../components/FieldLabel\";\nimport { SrOnly } from \"../../../../components/SrOnly\";\n\ntype GetLabelProps = (options?: object) => { id: string; htmlFor: string };\n\n/**\n * Props for the SelectFieldLabel component\n * @property {AiMarkWithTooltipOrPopoverProps} aiMark - The AI mark to display\n * @property {string} label - The text content to display as the label\n * @property {GetLabelProps} getLabelProps - Downshift getter function that returns accessibility props for the label\n * @property {boolean} [required] - Whether the field is required. Shows a red asterisk (*) when true.\n * @property {ReactNode} [moreInfo] - Additional information to display in a tooltip\n * @property {boolean} [moreInfoOpen] - Controls the open state of the more info tooltip\n * @property {boolean} [hideLabel] - Visually hides the label while keeping it accessible to screen readers\n */\nexport type SelectFieldLabelProps = {\n  aiMark?: FieldLabelProps[\"aiMark\"];\n  label: string;\n  getLabelProps: GetLabelProps;\n  hideLabel?: boolean;\n  moreInfo?: ReactNode;\n  moreInfoOpen?: boolean;\n  required?: boolean;\n};\n\n/**\n * Internal label component for the SelectField that renders an accessible label element.\n *\n * Features:\n * - Renders a FieldLabel with proper accessibility attributes from Downshift\n * - Automatically associates the label with the combobox input\n * - Supports screen readers with proper labeling\n * - Optional required field indicator with red asterisk\n * - Help tooltip with info icon for additional context\n * - Can visually hide the label while maintaining accessibility\n *\n * @example\n * <SelectFieldLabel\n *   label=\"Select an option\"\n *   getLabelProps={getLabelProps}\n *   required\n *   moreInfo=\"Choose from available options\"\n * />\n */\nexport const SelectFieldLabel = ({\n  aiMark,\n  label,\n  getLabelProps,\n  hideLabel = false,\n  moreInfo,\n  moreInfoOpen,\n  required,\n}: SelectFieldLabelProps) => {\n  const labelContent = (\n    <FieldLabel\n      {...getLabelProps()}\n      aiMark={aiMark}\n      required={required}\n      moreInfo={moreInfo}\n      moreInfoOpen={moreInfoOpen}\n    >\n      {label}\n    </FieldLabel>\n  );\n\n  if (hideLabel) {\n    return <SrOnly>{labelContent}</SrOnly>;\n  }\n\n  return labelContent;\n};\n"],"names":[],"mappings":";;;;AA6CO,MAAM,mBAAmB,CAAC;AAAA,EAC/B,MAAA;AAAA,EACA,KAAA;AAAA,EACA,aAAA;AAAA,EACA,SAAA,GAAY,KAAA;AAAA,EACZ,QAAA;AAAA,EACA,YAAA;AAAA,EACA;AACF,CAAA,KAA6B;AAC3B,EAAA,MAAM,YAAA,mBACJ,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACE,GAAG,aAAA,EAAc;AAAA,MAClB,MAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,MACA,YAAA;AAAA,MAEC,QAAA,EAAA;AAAA;AAAA,GACH;AAGF,EAAA,IAAI,SAAA,EAAW;AACb,IAAA,uBAAO,GAAA,CAAC,UAAQ,QAAA,EAAA,YAAA,EAAa,CAAA;AAAA,EAC/B;AAEA,EAAA,OAAO,YAAA;AACT;;;;"}

package/dist/{SelectFieldSync-DFnRsT54.js → SelectFieldSync-D0aeALNV.js}

@@ -1,15 +1,15 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useMemo, useRef, useCallback, useEffect, forwardRef, useId } from 'react';
 import { w as warnDeprecatedErrorUsage } from './utils-CM48ODEJ.js';
-import { S as SelectOptions } from './SelectOptions-D4VTheY3.js';
+import { S as SelectOptions } from './SelectOptions-DWBJXyzG.js';
 import { s as styles } from './SelectTriggerBase.module-CKoq6qzX.js';
 import { c as cx } from './index-De1g9FRV.js';
 import { B as Button } from './Button-BdrrhBTI.js';
 import { S as SvgChevronRight } from './chevron_right-BdpsxX7x.js';
 import { S as SvgClose } from './close-DZj38AEh.js';
-import { S as SelectFieldLabel } from './SelectFieldLabel-CktsTa2n.js';
+import { S as SelectFieldLabel } from './SelectFieldLabel-DXgUk8cU.js';
 import { u as useDownshiftEnvironment, a as useCombobox, b as useSelect } from './downshift.esm-xtSnQp44.js';
-import { b as useProcessedOptions, c as buildSelectItems, h as toSelectItem, d as useDebouncedCallback, e as OptionsDialog, f as OptionsPopover, a as useSelectOrchestration, g as defaultSyncFilter, t as toSyncFilterFn, s as sortByGroup } from './syncFilterUtils-v2Mrjxg-.js';
+import { b as useProcessedOptions, c as buildSelectItems, h as toSelectItem, d as useDebouncedCallback, e as OptionsDialog, f as OptionsPopover, a as useSelectOrchestration, g as defaultSyncFilter, t as toSyncFilterFn, s as sortByGroup } from './syncFilterUtils-CSfEaBwR.js';
 import { F as FieldMessage } from './FieldMessage-COHqUdj5.js';
 import { u as useMergeRefs } from './useMergeRefs-Dfmtq9cI.js';
 import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DMDdfIah.js';
@@ -1156,4 +1156,4 @@ const SelectFieldSync = (props) => {
 };
 
 export { SelectField as S, SelectFieldSync as a };
-//# sourceMappingURL=SelectFieldSync-DFnRsT54.js.map
+//# sourceMappingURL=SelectFieldSync-D0aeALNV.js.map