@gusto/embedded-react-sdk 0.46.2 → 0.47.0

package/dist/components/Common/UI/Modal/ModalTypes.d.ts

@@ -1,7 +1,15 @@
 import { ReactNode } from 'react';
+/**
+ * Props your `Modal` implementation must accept from the component adapter.
+ * Renders a modal overlay with body and footer content.
+ *
+ * @public
+ */
 export interface ModalProps {
     /**
      * Controls whether the modal is open or closed
+     *
+     * @defaultValue `false`
      */
     isOpen?: boolean;
     /**
@@ -10,6 +18,8 @@ export interface ModalProps {
     onClose?: () => void;
     /**
      * Whether clicking the backdrop should close the modal
+     *
+     * @defaultValue `false`
      */
     shouldCloseOnBackdropClick?: boolean;
     /**
@@ -26,7 +36,9 @@ export interface ModalProps {
     containerRef?: React.RefObject<HTMLDivElement | null>;
 }
 /**
- * Default prop values for Modal component.
+ * Default prop values for the {@link Modal} component.
+ *
+ * @internal
  */
 export declare const ModalDefaults: {
     readonly isOpen: false;

package/dist/components/Common/UI/Modal/ModalTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalTypes.js","sources":["../../../../../src/components/Common/UI/Modal/ModalTypes.ts"],"sourcesContent":["import type { ReactNode } from 'react'\n\nexport interface ModalProps {\n  /**\n   * Controls whether the modal is open or closed\n   */\n  isOpen?: boolean\n  /**\n   * Callback function called when the modal should be closed\n   */\n  onClose?: () => void\n  /**\n   * Whether clicking the backdrop should close the modal\n   */\n  shouldCloseOnBackdropClick?: boolean\n  /**\n   * Main content to be rendered in the modal body\n   */\n  children?: ReactNode\n  /**\n   * Footer content to be rendered at the bottom of the modal\n   */\n  footer?: ReactNode\n  /**\n   * Optional ref to the backdrop container\n   */\n  containerRef?: React.RefObject<HTMLDivElement | null>\n}\n\n/**\n * Default prop values for Modal component.\n */\nexport const ModalDefaults = {\n  isOpen: false,\n  shouldCloseOnBackdropClick: false,\n} as const satisfies Partial<ModalProps>\n"],"names":["ModalDefaults"],"mappings":"AAgCO,MAAMA,IAAgB;AAAA,EAC3B,QAAQ;AAAA,EACR,4BAA4B;AAC9B;"}
+{"version":3,"file":"ModalTypes.js","sources":["../../../../../src/components/Common/UI/Modal/ModalTypes.ts"],"sourcesContent":["import type { ReactNode } from 'react'\n\n/**\n * Props your `Modal` implementation must accept from the component adapter.\n * Renders a modal overlay with body and footer content.\n *\n * @public\n */\nexport interface ModalProps {\n  /**\n   * Controls whether the modal is open or closed\n   *\n   * @defaultValue `false`\n   */\n  isOpen?: boolean\n  /**\n   * Callback function called when the modal should be closed\n   */\n  onClose?: () => void\n  /**\n   * Whether clicking the backdrop should close the modal\n   *\n   * @defaultValue `false`\n   */\n  shouldCloseOnBackdropClick?: boolean\n  /**\n   * Main content to be rendered in the modal body\n   */\n  children?: ReactNode\n  /**\n   * Footer content to be rendered at the bottom of the modal\n   */\n  footer?: ReactNode\n  /**\n   * Optional ref to the backdrop container\n   */\n  containerRef?: React.RefObject<HTMLDivElement | null>\n}\n\n/**\n * Default prop values for the {@link Modal} component.\n *\n * @internal\n */\nexport const ModalDefaults = {\n  isOpen: false,\n  shouldCloseOnBackdropClick: false,\n} as const satisfies Partial<ModalProps>\n"],"names":["ModalDefaults"],"mappings":"AA4CO,MAAMA,IAAgB;AAAA,EAC3B,QAAQ;AAAA,EACR,4BAA4B;AAC9B;"}

package/dist/components/Common/UI/Modal/index.d.ts

@@ -1,3 +1,2 @@
 import "./types/i18next.d.ts"
 export { Modal } from './Modal';
-export type { ModalProps } from './ModalTypes';

package/dist/components/Common/UI/MultiSelectComboBox/MultiSelectComboBox.d.ts

@@ -1,2 +1,9 @@
 import { MultiSelectComboBoxProps } from './MultiSelectComboBoxTypes';
-export declare function MultiSelectComboBox({ className, description, errorMessage, id, inputRef: inputRefFromProps, isDisabled, isInvalid, isLoading, isRequired, label, name, onBlur, onChange, options, placeholder, value: selectedValues, shouldVisuallyHideLabel, }: MultiSelectComboBoxProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Combo box that lets the user pick multiple options, rendering each selection as a dismissable chip below the input.
+ *
+ * @param props - See {@link MultiSelectComboBoxProps}.
+ * @returns The rendered multi-select combo box field.
+ * @internal
+ */
+export declare function MultiSelectComboBox({ className, description, errorMessage, id, inputRef: inputRefFromProps, isDisabled, isInvalid, isLoading, isRequired, label, name, onBlur, onChange, options, placeholder, value: selectedValues, shouldVisuallyHideLabel, }: MultiSelectComboBoxProps): import("react").JSX.Element;

package/dist/components/Common/UI/MultiSelectComboBox/MultiSelectComboBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelectComboBox.js","sources":["../../../../../src/components/Common/UI/MultiSelectComboBox/MultiSelectComboBox.tsx"],"sourcesContent":["import { useCallback, useMemo, useRef, useState } from 'react'\nimport type { Key } from 'react-aria-components'\nimport {\n  ComboBox as AriaComboBox,\n  Button,\n  Input,\n  ListBox,\n  ListBoxItem,\n  ListLayout,\n  Popover,\n  Virtualizer,\n} from 'react-aria-components'\nimport classNames from 'classnames'\nimport { useTranslation } from 'react-i18next'\nimport { useFieldIds } from '../hooks/useFieldIds'\nimport styles from './MultiSelectComboBox.module.scss'\nimport type { MultiSelectComboBoxProps } from './MultiSelectComboBoxTypes'\nimport { FieldLayout } from '@/components/Common/FieldLayout'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useTheme } from '@/contexts/ThemeProvider'\nimport { useForkRef } from '@/hooks/useForkRef/useForkRef'\nimport AlertCircle from '@/assets/icons/alert-circle.svg?react'\nimport CaretDown from '@/assets/icons/caret-down.svg?react'\n\nexport function MultiSelectComboBox({\n  className,\n  description,\n  errorMessage,\n  id,\n  inputRef: inputRefFromProps,\n  isDisabled,\n  isInvalid,\n  isLoading,\n  isRequired,\n  label,\n  name,\n  onBlur,\n  onChange,\n  options,\n  placeholder,\n  value: selectedValues = [],\n  shouldVisuallyHideLabel,\n}: MultiSelectComboBoxProps) {\n  const Components = useComponentContext()\n  const { t } = useTranslation('common')\n  const { container } = useTheme()\n  const [inputValue, setInputValue] = useState('')\n  const blurTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null)\n  const internalInputRef = useRef<HTMLInputElement>(null)\n  const inputRef = useForkRef(inputRefFromProps, internalInputRef)\n\n  const handleInputBlur = useCallback(() => {\n    blurTimeoutRef.current = setTimeout(() => {\n      blurTimeoutRef.current = null\n      onBlur?.()\n    }, 50)\n  }, [onBlur])\n\n  const handleInputFocus = useCallback(() => {\n    if (blurTimeoutRef.current) {\n      clearTimeout(blurTimeoutRef.current)\n      blurTimeoutRef.current = null\n    }\n  }, [])\n\n  const selectedSet = useMemo(() => new Set(selectedValues), [selectedValues])\n\n  const availableOptions = useMemo(\n    () =>\n      options\n        .filter(option => !selectedSet.has(option.value))\n        .map(option => ({\n          label: option.label,\n          value: option.value,\n        })),\n    [options, selectedSet],\n  )\n\n  const selectedOptions = useMemo(\n    () => options.filter(option => selectedSet.has(option.value)),\n    [options, selectedSet],\n  )\n\n  const items = useMemo(\n    () => availableOptions.map(option => ({ name: option.label, id: option.value })),\n    [availableOptions],\n  )\n\n  const handleSelectionChange = useCallback(\n    (key: Key | null) => {\n      if (!key) return\n      onChange?.([...selectedValues, key.toString()])\n      setInputValue('')\n      internalInputRef.current?.blur()\n    },\n    [selectedValues, onChange],\n  )\n\n  const handleDismiss = useCallback(\n    (value: string) => {\n      onChange?.(selectedValues.filter(v => v !== value))\n    },\n    [selectedValues, onChange],\n  )\n\n  const loadingDescription = isLoading ? t('status.loadingOptions') : undefined\n  const displayDescription = loadingDescription ?? description\n\n  const { inputId, errorMessageId, descriptionId, ariaDescribedBy } = useFieldIds({\n    inputId: id,\n    errorMessage,\n    description: displayDescription,\n  })\n\n  return (\n    <div className={classNames(styles.root, className)}>\n      <FieldLayout\n        label={label}\n        htmlFor={inputId}\n        errorMessage={errorMessage}\n        errorMessageId={errorMessageId}\n        descriptionId={descriptionId}\n        isRequired={isRequired}\n        description={displayDescription}\n        shouldVisuallyHideLabel={shouldVisuallyHideLabel}\n        className={styles.comboBoxField}\n        withErrorIcon={false}\n      >\n        <AriaComboBox\n          aria-label={label}\n          aria-describedby={ariaDescribedBy}\n          className={'react-aria-ComboBox-root'}\n          isDisabled={isDisabled}\n          isInvalid={isInvalid}\n          menuTrigger=\"focus\"\n          inputValue={inputValue}\n          onInputChange={setInputValue}\n          selectedKey={null}\n          onSelectionChange={handleSelectionChange}\n          id={inputId}\n          name={name}\n        >\n          <Input\n            ref={inputRef}\n            placeholder={placeholder}\n            onBlur={handleInputBlur}\n            onFocus={handleInputFocus}\n          />\n          <Button>\n            <div aria-hidden=\"true\" className={styles.icons}>\n              {isInvalid && <AlertCircle fontSize={16} />}\n              <CaretDown title={t('icons.selectArrow')} />\n            </div>\n          </Button>\n\n          <Popover\n            className={classNames(styles.popover, 'react-aria-Popover')}\n            UNSTABLE_portalContainer={container.current ?? undefined}\n            maxHeight={320}\n          >\n            <Virtualizer layout={ListLayout}>\n              <ListBox items={items}>\n                {item => <ListBoxItem key={item.id}>{item.name}</ListBoxItem>}\n              </ListBox>\n            </Virtualizer>\n          </Popover>\n        </AriaComboBox>\n      </FieldLayout>\n\n      {selectedOptions.length > 0 && (\n        <div className={styles.chips} role=\"list\" aria-label={t('labels.selectedItems', { label })}>\n          {selectedOptions.map(option => (\n            <span key={option.value} role=\"listitem\">\n              <Components.Badge\n                status=\"info\"\n                onDismiss={() => {\n                  handleDismiss(option.value)\n                }}\n                dismissAriaLabel={t('labels.removeItem', { label: option.label })}\n                isDisabled={isDisabled}\n              >\n                {option.label}\n              </Components.Badge>\n            </span>\n          ))}\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["MultiSelectComboBox","className","description","errorMessage","id","inputRefFromProps","isDisabled","isInvalid","isLoading","isRequired","label","name","onBlur","onChange","options","placeholder","selectedValues","shouldVisuallyHideLabel","Components","useComponentContext","t","useTranslation","container","useTheme","inputValue","setInputValue","useState","blurTimeoutRef","useRef","internalInputRef","inputRef","useForkRef","handleInputBlur","useCallback","handleInputFocus","selectedSet","useMemo","availableOptions","option","selectedOptions","items","handleSelectionChange","key","handleDismiss","value","v","displayDescription","inputId","errorMessageId","descriptionId","ariaDescribedBy","useFieldIds","classNames","styles","jsx","FieldLayout","jsxs","AriaComboBox","Input","Button","AlertCircle","CaretDown","Popover","Virtualizer","ListLayout","ListBox","item","ListBoxItem"],"mappings":"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"}
+{"version":3,"file":"MultiSelectComboBox.js","sources":["../../../../../src/components/Common/UI/MultiSelectComboBox/MultiSelectComboBox.tsx"],"sourcesContent":["import { useCallback, useMemo, useRef, useState } from 'react'\nimport type { Key } from 'react-aria-components'\nimport {\n  ComboBox as AriaComboBox,\n  Button,\n  Input,\n  ListBox,\n  ListBoxItem,\n  ListLayout,\n  Popover,\n  Virtualizer,\n} from 'react-aria-components'\nimport classNames from 'classnames'\nimport { useTranslation } from 'react-i18next'\nimport { useFieldIds } from '../hooks/useFieldIds'\nimport styles from './MultiSelectComboBox.module.scss'\nimport type { MultiSelectComboBoxProps } from './MultiSelectComboBoxTypes'\nimport { FieldLayout } from '@/components/Common/FieldLayout'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useTheme } from '@/contexts/ThemeProvider'\nimport { useForkRef } from '@/hooks/useForkRef/useForkRef'\nimport AlertCircle from '@/assets/icons/alert-circle.svg?react'\nimport CaretDown from '@/assets/icons/caret-down.svg?react'\n\n/**\n * Combo box that lets the user pick multiple options, rendering each selection as a dismissable chip below the input.\n *\n * @param props - See {@link MultiSelectComboBoxProps}.\n * @returns The rendered multi-select combo box field.\n * @internal\n */\nexport function MultiSelectComboBox({\n  className,\n  description,\n  errorMessage,\n  id,\n  inputRef: inputRefFromProps,\n  isDisabled,\n  isInvalid,\n  isLoading,\n  isRequired,\n  label,\n  name,\n  onBlur,\n  onChange,\n  options,\n  placeholder,\n  value: selectedValues = [],\n  shouldVisuallyHideLabel,\n}: MultiSelectComboBoxProps) {\n  const Components = useComponentContext()\n  const { t } = useTranslation('common')\n  const { container } = useTheme()\n  const [inputValue, setInputValue] = useState('')\n  const blurTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null)\n  const internalInputRef = useRef<HTMLInputElement>(null)\n  const inputRef = useForkRef(inputRefFromProps, internalInputRef)\n\n  const handleInputBlur = useCallback(() => {\n    blurTimeoutRef.current = setTimeout(() => {\n      blurTimeoutRef.current = null\n      onBlur?.()\n    }, 50)\n  }, [onBlur])\n\n  const handleInputFocus = useCallback(() => {\n    if (blurTimeoutRef.current) {\n      clearTimeout(blurTimeoutRef.current)\n      blurTimeoutRef.current = null\n    }\n  }, [])\n\n  const selectedSet = useMemo(() => new Set(selectedValues), [selectedValues])\n\n  const availableOptions = useMemo(\n    () =>\n      options\n        .filter(option => !selectedSet.has(option.value))\n        .map(option => ({\n          label: option.label,\n          value: option.value,\n        })),\n    [options, selectedSet],\n  )\n\n  const selectedOptions = useMemo(\n    () => options.filter(option => selectedSet.has(option.value)),\n    [options, selectedSet],\n  )\n\n  const items = useMemo(\n    () => availableOptions.map(option => ({ name: option.label, id: option.value })),\n    [availableOptions],\n  )\n\n  const handleSelectionChange = useCallback(\n    (key: Key | null) => {\n      if (!key) return\n      onChange?.([...selectedValues, key.toString()])\n      setInputValue('')\n      internalInputRef.current?.blur()\n    },\n    [selectedValues, onChange],\n  )\n\n  const handleDismiss = useCallback(\n    (value: string) => {\n      onChange?.(selectedValues.filter(v => v !== value))\n    },\n    [selectedValues, onChange],\n  )\n\n  const loadingDescription = isLoading ? t('status.loadingOptions') : undefined\n  const displayDescription = loadingDescription ?? description\n\n  const { inputId, errorMessageId, descriptionId, ariaDescribedBy } = useFieldIds({\n    inputId: id,\n    errorMessage,\n    description: displayDescription,\n  })\n\n  return (\n    <div className={classNames(styles.root, className)}>\n      <FieldLayout\n        label={label}\n        htmlFor={inputId}\n        errorMessage={errorMessage}\n        errorMessageId={errorMessageId}\n        descriptionId={descriptionId}\n        isRequired={isRequired}\n        description={displayDescription}\n        shouldVisuallyHideLabel={shouldVisuallyHideLabel}\n        className={styles.comboBoxField}\n        withErrorIcon={false}\n      >\n        <AriaComboBox\n          aria-label={label}\n          aria-describedby={ariaDescribedBy}\n          className={'react-aria-ComboBox-root'}\n          isDisabled={isDisabled}\n          isInvalid={isInvalid}\n          menuTrigger=\"focus\"\n          inputValue={inputValue}\n          onInputChange={setInputValue}\n          selectedKey={null}\n          onSelectionChange={handleSelectionChange}\n          id={inputId}\n          name={name}\n        >\n          <Input\n            ref={inputRef}\n            placeholder={placeholder}\n            onBlur={handleInputBlur}\n            onFocus={handleInputFocus}\n          />\n          <Button>\n            <div aria-hidden=\"true\" className={styles.icons}>\n              {isInvalid && <AlertCircle fontSize={16} />}\n              <CaretDown title={t('icons.selectArrow')} />\n            </div>\n          </Button>\n\n          <Popover\n            className={classNames(styles.popover, 'react-aria-Popover')}\n            UNSTABLE_portalContainer={container.current ?? undefined}\n            maxHeight={320}\n          >\n            <Virtualizer layout={ListLayout}>\n              <ListBox items={items}>\n                {item => <ListBoxItem key={item.id}>{item.name}</ListBoxItem>}\n              </ListBox>\n            </Virtualizer>\n          </Popover>\n        </AriaComboBox>\n      </FieldLayout>\n\n      {selectedOptions.length > 0 && (\n        <div className={styles.chips} role=\"list\" aria-label={t('labels.selectedItems', { label })}>\n          {selectedOptions.map(option => (\n            <span key={option.value} role=\"listitem\">\n              <Components.Badge\n                status=\"info\"\n                onDismiss={() => {\n                  handleDismiss(option.value)\n                }}\n                dismissAriaLabel={t('labels.removeItem', { label: option.label })}\n                isDisabled={isDisabled}\n              >\n                {option.label}\n              </Components.Badge>\n            </span>\n          ))}\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["MultiSelectComboBox","className","description","errorMessage","id","inputRefFromProps","isDisabled","isInvalid","isLoading","isRequired","label","name","onBlur","onChange","options","placeholder","selectedValues","shouldVisuallyHideLabel","Components","useComponentContext","t","useTranslation","container","useTheme","inputValue","setInputValue","useState","blurTimeoutRef","useRef","internalInputRef","inputRef","useForkRef","handleInputBlur","useCallback","handleInputFocus","selectedSet","useMemo","availableOptions","option","selectedOptions","items","handleSelectionChange","key","handleDismiss","value","v","displayDescription","inputId","errorMessageId","descriptionId","ariaDescribedBy","useFieldIds","classNames","styles","jsx","FieldLayout","jsxs","AriaComboBox","Input","Button","AlertCircle","CaretDown","Popover","Virtualizer","ListLayout","ListBox","item","ListBoxItem"],"mappings":";;;;;;;;;;;;;;AA+BO,SAASA,GAAoB;AAAA,EAClC,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,IAAAC;AAAA,EACA,UAAUC;AAAA,EACV,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAOC,IAAiB,CAAA;AAAA,EACxB,yBAAAC;AACF,GAA6B;AAC3B,QAAMC,IAAaC,GAAA,GACb,EAAE,GAAAC,EAAA,IAAMC,GAAe,QAAQ,GAC/B,EAAE,WAAAC,EAAA,IAAcC,GAAA,GAChB,CAACC,GAAYC,CAAa,IAAIC,EAAS,EAAE,GACzCC,IAAiBC,EAA6C,IAAI,GAClEC,IAAmBD,EAAyB,IAAI,GAChDE,IAAWC,GAAW1B,GAAmBwB,CAAgB,GAEzDG,IAAkBC,EAAY,MAAM;AACxC,IAAAN,EAAe,UAAU,WAAW,MAAM;AACxC,MAAAA,EAAe,UAAU,MACzBf,IAAA;AAAA,IACF,GAAG,EAAE;AAAA,EACP,GAAG,CAACA,CAAM,CAAC,GAELsB,IAAmBD,EAAY,MAAM;AACzC,IAAIN,EAAe,YACjB,aAAaA,EAAe,OAAO,GACnCA,EAAe,UAAU;AAAA,EAE7B,GAAG,CAAA,CAAE,GAECQ,IAAcC,EAAQ,MAAM,IAAI,IAAIpB,CAAc,GAAG,CAACA,CAAc,CAAC,GAErEqB,IAAmBD;AAAA,IACvB,MACEtB,EACG,OAAO,CAAAwB,MAAU,CAACH,EAAY,IAAIG,EAAO,KAAK,CAAC,EAC/C,IAAI,CAAAA,OAAW;AAAA,MACd,OAAOA,EAAO;AAAA,MACd,OAAOA,EAAO;AAAA,IAAA,EACd;AAAA,IACN,CAACxB,GAASqB,CAAW;AAAA,EAAA,GAGjBI,IAAkBH;AAAA,IACtB,MAAMtB,EAAQ,OAAO,CAAAwB,MAAUH,EAAY,IAAIG,EAAO,KAAK,CAAC;AAAA,IAC5D,CAACxB,GAASqB,CAAW;AAAA,EAAA,GAGjBK,IAAQJ;AAAA,IACZ,MAAMC,EAAiB,IAAI,CAAAC,OAAW,EAAE,MAAMA,EAAO,OAAO,IAAIA,EAAO,MAAA,EAAQ;AAAA,IAC/E,CAACD,CAAgB;AAAA,EAAA,GAGbI,IAAwBR;AAAA,IAC5B,CAACS,MAAoB;AACnB,MAAKA,MACL7B,IAAW,CAAC,GAAGG,GAAgB0B,EAAI,SAAA,CAAU,CAAC,GAC9CjB,EAAc,EAAE,GAChBI,EAAiB,SAAS,KAAA;AAAA,IAC5B;AAAA,IACA,CAACb,GAAgBH,CAAQ;AAAA,EAAA,GAGrB8B,IAAgBV;AAAA,IACpB,CAACW,MAAkB;AACjB,MAAA/B,IAAWG,EAAe,OAAO,CAAA6B,MAAKA,MAAMD,CAAK,CAAC;AAAA,IACpD;AAAA,IACA,CAAC5B,GAAgBH,CAAQ;AAAA,EAAA,GAIrBiC,KADqBtC,IAAYY,EAAE,uBAAuB,IAAI,WACnBlB,GAE3C,EAAE,SAAA6C,GAAS,gBAAAC,GAAgB,eAAAC,GAAe,iBAAAC,EAAA,IAAoBC,GAAY;AAAA,IAC9E,SAAS/C;AAAA,IACT,cAAAD;AAAA,IACA,aAAa2C;AAAA,EAAA,CACd;AAED,2BACG,OAAA,EAAI,WAAWM,EAAWC,EAAO,MAAMpD,CAAS,GAC/C,UAAA;AAAA,IAAA,gBAAAqD;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAA7C;AAAA,QACA,SAASqC;AAAA,QACT,cAAA5C;AAAA,QACA,gBAAA6C;AAAA,QACA,eAAAC;AAAA,QACA,YAAAxC;AAAA,QACA,aAAaqC;AAAA,QACb,yBAAA7B;AAAA,QACA,WAAWoC,EAAO;AAAA,QAClB,eAAe;AAAA,QAEf,UAAA,gBAAAG;AAAA,UAACC;AAAAA,UAAA;AAAA,YACC,cAAY/C;AAAA,YACZ,oBAAkBwC;AAAA,YAClB,WAAW;AAAA,YACX,YAAA5C;AAAA,YACA,WAAAC;AAAA,YACA,aAAY;AAAA,YACZ,YAAAiB;AAAA,YACA,eAAeC;AAAA,YACf,aAAa;AAAA,YACb,mBAAmBgB;AAAA,YACnB,IAAIM;AAAA,YACJ,MAAApC;AAAA,YAEA,UAAA;AAAA,cAAA,gBAAA2C;AAAA,gBAACI;AAAA,gBAAA;AAAA,kBACC,KAAK5B;AAAA,kBACL,aAAAf;AAAA,kBACA,QAAQiB;AAAA,kBACR,SAASE;AAAA,gBAAA;AAAA,cAAA;AAAA,cAEX,gBAAAoB,EAACK,KACC,UAAA,gBAAAH,EAAC,OAAA,EAAI,eAAY,QAAO,WAAWH,EAAO,OACvC,UAAA;AAAA,gBAAA9C,KAAa,gBAAA+C,EAACM,IAAA,EAAY,UAAU,GAAA,CAAI;AAAA,gBACzC,gBAAAN,EAACO,IAAA,EAAU,OAAOzC,EAAE,mBAAmB,EAAA,CAAG;AAAA,cAAA,EAAA,CAC5C,EAAA,CACF;AAAA,cAEA,gBAAAkC;AAAA,gBAACQ;AAAA,gBAAA;AAAA,kBACC,WAAWV,EAAWC,EAAO,SAAS,oBAAoB;AAAA,kBAC1D,0BAA0B/B,EAAU,WAAW;AAAA,kBAC/C,WAAW;AAAA,kBAEX,UAAA,gBAAAgC,EAACS,GAAA,EAAY,QAAQC,GACnB,4BAACC,IAAA,EAAQ,OAAAzB,GACN,UAAA,CAAA0B,MAAQ,gBAAAZ,EAACa,MAA2B,UAAAD,EAAK,KAAA,GAAfA,EAAK,EAAe,GACjD,EAAA,CACF;AAAA,gBAAA;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,IAGD3B,EAAgB,SAAS,KACxB,gBAAAe,EAAC,SAAI,WAAWD,EAAO,OAAO,MAAK,QAAO,cAAYjC,EAAE,wBAAwB,EAAE,OAAAV,EAAA,CAAO,GACtF,UAAA6B,EAAgB,IAAI,CAAAD,MACnB,gBAAAgB,EAAC,QAAA,EAAwB,MAAK,YAC5B,UAAA,gBAAAA;AAAA,MAACpC,EAAW;AAAA,MAAX;AAAA,QACC,QAAO;AAAA,QACP,WAAW,MAAM;AACf,UAAAyB,EAAcL,EAAO,KAAK;AAAA,QAC5B;AAAA,QACA,kBAAkBlB,EAAE,qBAAqB,EAAE,OAAOkB,EAAO,OAAO;AAAA,QAChE,YAAAhC;AAAA,QAEC,UAAAgC,EAAO;AAAA,MAAA;AAAA,IAAA,KATDA,EAAO,KAWlB,CACD,EAAA,CACH;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/Common/UI/MultiSelectComboBox/MultiSelectComboBoxTypes.d.ts

@@ -1,17 +1,62 @@
 import { InputHTMLAttributes, Ref } from 'react';
 import { SharedFieldLayoutProps } from '../../FieldLayout/FieldLayoutTypes';
+/**
+ * Option entry for a `MultiSelectComboBox` dropdown list.
+ *
+ * @public
+ */
 export interface MultiSelectComboBoxOption {
+    /**
+     * Display text for the option
+     */
     label: string;
+    /**
+     * Value of the option that will be passed to onChange
+     */
     value: string;
 }
+/**
+ * Props your `MultiSelectComboBox` implementation must accept from the component adapter.
+ * Renders a form field wrapping a typeahead input for multi-option selection.
+ *
+ * @public
+ * @see {@link ComboBoxProps}
+ */
 export interface MultiSelectComboBoxProps extends SharedFieldLayoutProps, Pick<InputHTMLAttributes<HTMLInputElement>, 'className' | 'id' | 'name' | 'placeholder'> {
+    /**
+     * React ref for the combo box input element
+     */
     inputRef?: Ref<HTMLInputElement>;
+    /**
+     * Disables the combo box and prevents interaction
+     */
     isDisabled?: boolean;
+    /**
+     * Indicates that the field has an error
+     */
     isInvalid?: boolean;
+    /**
+     * Shows a loading message in the description slot while options are being fetched
+     */
     isLoading?: boolean;
+    /**
+     * Label text for the combo box field
+     */
     label: string;
+    /**
+     * Array of options to display in the dropdown
+     */
     options: MultiSelectComboBoxOption[];
+    /**
+     * Currently selected values
+     */
     value?: string[];
+    /**
+     * Callback when the set of selected values changes
+     */
     onChange?: (values: string[]) => void;
+    /**
+     * Handler for blur events
+     */
     onBlur?: () => void;
 }

package/dist/components/Common/UI/NumberInput/NumberInput.d.ts

@@ -1,2 +1,9 @@
 import { NumberInputProps } from './NumberInputTypes';
-export declare function NumberInput({ name, format, inputRef, id, value, description, errorMessage, isRequired, placeholder, isInvalid, isDisabled, onChange, onBlur, label, min, max, shouldVisuallyHideLabel, adornmentStart, adornmentEnd, className, maximumFractionDigits, minimumFractionDigits, ...props }: NumberInputProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Renders a numeric input with locale-aware formatting for currency, decimal, or percent values.
+ *
+ * @param props - The {@link NumberInputProps} controlling the input's label, value, format, and validation state.
+ * @returns The rendered number input field.
+ * @internal
+ */
+export declare function NumberInput({ name, format, inputRef, id, value, description, errorMessage, isRequired, placeholder, isInvalid, isDisabled, onChange, onBlur, label, min, max, shouldVisuallyHideLabel, adornmentStart, adornmentEnd, className, maximumFractionDigits, minimumFractionDigits, ...props }: NumberInputProps): import("react").JSX.Element;

package/dist/components/Common/UI/NumberInput/NumberInput.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
-import { useMemo as O } from "react";
-import { NumberField as P, Group as T } from "react-aria-components";
+import { useMemo as M } from "react";
+import { NumberField as O, Group as P } from "react-aria-components";
 import { useFieldIds as k } from "../hooks/useFieldIds.js";
 import { FieldLayout as z } from "../../FieldLayout/FieldLayout.js";
 import { useLocale as A } from "../../../../contexts/LocaleProvider/useLocale.js";
@@ -8,82 +8,85 @@ import { Input as C } from "../Input/Input.js";
 function Y({
   name: y,
   format: r,
-  inputRef: s,
-  id: p,
-  value: b,
+  inputRef: p,
+  id: b,
+  value: f,
   description: i,
-  errorMessage: c,
-  isRequired: u,
-  placeholder: f,
-  isInvalid: I,
-  isDisabled: m,
-  onChange: F,
-  onBlur: h,
+  errorMessage: u,
+  isRequired: m,
+  placeholder: I,
+  isInvalid: F,
+  isDisabled: l,
+  onChange: h,
+  onBlur: g,
   label: N,
   min: t,
   max: n,
-  shouldVisuallyHideLabel: g,
-  adornmentStart: v,
-  adornmentEnd: D,
-  className: w,
-  maximumFractionDigits: x,
-  minimumFractionDigits: B,
-  ...l
+  shouldVisuallyHideLabel: v,
+  adornmentStart: D,
+  adornmentEnd: w,
+  className: x,
+  maximumFractionDigits: B,
+  minimumFractionDigits: E,
+  ...a
 }) {
-  const { locale: a, currency: o } = A(), { inputId: d, errorMessageId: E, descriptionId: L, ariaDescribedBy: S } = k({
-    inputId: p,
-    errorMessage: c,
+  const { locale: s, currency: o } = A(), { inputId: d, errorMessageId: L, descriptionId: S, ariaDescribedBy: T } = k({
+    inputId: b,
+    errorMessage: u,
     description: i
-  }), V = typeof t == "string" ? Number(t) : t, j = typeof n == "string" ? Number(n) : n, G = O(() => new Intl.NumberFormat(a, {
+  }), V = typeof t == "string" ? Number(t) : t, j = typeof n == "string" ? Number(n) : n, G = M(() => new Intl.NumberFormat(s, {
     style: "currency",
     currency: o
-  }).formatToParts(0).find((M) => M.type === "currency")?.value, [o, a]);
+  }).formatToParts(0).find((c) => c.type === "currency")?.value, [o, s]);
   return /* @__PURE__ */ e(
     z,
     {
       label: N,
       description: i,
-      errorMessage: c,
-      isRequired: u,
+      errorMessage: u,
+      isRequired: m,
       htmlFor: d,
-      errorMessageId: E,
-      descriptionId: L,
-      shouldVisuallyHideLabel: g,
-      className: w,
+      errorMessageId: L,
+      descriptionId: S,
+      shouldVisuallyHideLabel: v,
+      className: x,
       withErrorIcon: !1,
-      ...l,
+      ...a,
       children: /* @__PURE__ */ e(
-        P,
+        O,
         {
-          value: b,
+          value: f,
           name: y,
           formatOptions: {
             style: "decimal",
-            minimumFractionDigits: r === "currency" ? 2 : B,
-            maximumFractionDigits: r === "currency" ? 2 : x,
+            minimumFractionDigits: r === "currency" ? 2 : E,
+            maximumFractionDigits: r === "currency" ? 2 : B,
             currency: o,
             currencyDisplay: "symbol"
           },
-          isInvalid: I,
-          isDisabled: m,
-          isRequired: u,
+          isInvalid: F,
+          isDisabled: l,
+          isRequired: m,
           validationBehavior: "aria",
-          onChange: F,
-          onBlur: h,
+          onChange: h,
+          onBlur: g,
           "aria-labelledby": " ",
           minValue: V,
           maxValue: j,
-          ...l,
-          children: /* @__PURE__ */ e(T, { children: /* @__PURE__ */ e(
+          ...a,
+          children: /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(
             C,
             {
-              adornmentStart: v || (r === "currency" ? G : null),
-              adornmentEnd: D || (r === "percent" ? "%" : null),
+              adornmentStart: D || (r === "currency" ? G : null),
+              adornmentEnd: w || (r === "percent" ? "%" : null),
               id: d,
-              inputRef: s,
-              placeholder: f,
-              "aria-describedby": S,
-              isDisabled: m
+              inputRef: p,
+              placeholder: I,
+              "aria-describedby": T,
+              isDisabled: l,
+              onFocus: (c) => {
+                c.currentTarget.select();
+              }
             }
           ) })
         }

package/dist/components/Common/UI/NumberInput/NumberInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumberInput.js","sources":["../../../../../src/components/Common/UI/NumberInput/NumberInput.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { Group, NumberField as AriaNumberField } from 'react-aria-components'\nimport { Input } from '../Input'\nimport { useFieldIds } from '../hooks/useFieldIds'\nimport type { NumberInputProps } from './NumberInputTypes'\nimport { FieldLayout } from '@/components/Common/FieldLayout'\nimport { useLocale } from '@/contexts/LocaleProvider'\n\nexport function NumberInput({\n  name,\n  format,\n  inputRef,\n  id,\n  value,\n  description,\n  errorMessage,\n  isRequired,\n  placeholder,\n  isInvalid,\n  isDisabled,\n  onChange,\n  onBlur,\n  label,\n  min,\n  max,\n  shouldVisuallyHideLabel,\n  adornmentStart,\n  adornmentEnd,\n  className,\n  maximumFractionDigits,\n  minimumFractionDigits,\n  ...props\n}: NumberInputProps) {\n  const { locale, currency } = useLocale()\n  const { inputId, errorMessageId, descriptionId, ariaDescribedBy } = useFieldIds({\n    inputId: id,\n    errorMessage,\n    description,\n  })\n\n  const minValue = typeof min === 'string' ? Number(min) : min\n  const maxValue = typeof max === 'string' ? Number(max) : max\n\n  const currencySymbol = useMemo(() => {\n    return new Intl.NumberFormat(locale, {\n      style: 'currency',\n      currency,\n    })\n      .formatToParts(0)\n      .find(part => part.type === 'currency')?.value\n  }, [currency, locale])\n\n  return (\n    <FieldLayout\n      label={label}\n      description={description}\n      errorMessage={errorMessage}\n      isRequired={isRequired}\n      htmlFor={inputId}\n      errorMessageId={errorMessageId}\n      descriptionId={descriptionId}\n      shouldVisuallyHideLabel={shouldVisuallyHideLabel}\n      className={className}\n      withErrorIcon={false}\n      {...props}\n    >\n      <AriaNumberField\n        value={value}\n        name={name}\n        formatOptions={{\n          style: 'decimal',\n          minimumFractionDigits: format === 'currency' ? 2 : minimumFractionDigits,\n          maximumFractionDigits: format === 'currency' ? 2 : maximumFractionDigits,\n          currency,\n          currencyDisplay: 'symbol',\n        }}\n        isInvalid={isInvalid}\n        isDisabled={isDisabled}\n        isRequired={isRequired}\n        validationBehavior=\"aria\"\n        onChange={onChange}\n        onBlur={onBlur}\n        // This is a hack to silence an unnecessary react-aria warning. The FieldLayout component\n        // already associates the label and input with htmlFor + ID. If we include a label id here,\n        // the label will get read twice by assistive tech. This evaluates to an empty string which\n        // does not get associated with any elements and does not get read.\n        aria-labelledby=\" \"\n        minValue={minValue}\n        maxValue={maxValue}\n        {...props}\n      >\n        <Group>\n          <Input\n            adornmentStart={adornmentStart || (format === 'currency' ? currencySymbol : null)}\n            adornmentEnd={adornmentEnd || (format === 'percent' ? '%' : null)}\n            id={inputId}\n            inputRef={inputRef}\n            placeholder={placeholder}\n            aria-describedby={ariaDescribedBy}\n            isDisabled={isDisabled}\n          />\n        </Group>\n      </AriaNumberField>\n    </FieldLayout>\n  )\n}\n"],"names":["NumberInput","name","format","inputRef","id","value","description","errorMessage","isRequired","placeholder","isInvalid","isDisabled","onChange","onBlur","label","min","max","shouldVisuallyHideLabel","adornmentStart","adornmentEnd","className","maximumFractionDigits","minimumFractionDigits","props","locale","currency","useLocale","inputId","errorMessageId","descriptionId","ariaDescribedBy","useFieldIds","minValue","maxValue","currencySymbol","useMemo","part","jsx","FieldLayout","AriaNumberField","Group","Input"],"mappings":";;;;;;;AAQO,SAASA,EAAY;AAAA,EAC1B,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,KAAAC;AAAA,EACA,KAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,GAAGC;AACL,GAAqB;AACnB,QAAM,EAAE,QAAAC,GAAQ,UAAAC,EAAA,IAAaC,EAAA,GACvB,EAAE,SAAAC,GAAS,gBAAAC,GAAgB,eAAAC,GAAe,iBAAAC,EAAA,IAAoBC,EAAY;AAAA,IAC9E,SAAS3B;AAAA,IACT,cAAAG;AAAA,IACA,aAAAD;AAAA,EAAA,CACD,GAEK0B,IAAW,OAAOjB,KAAQ,WAAW,OAAOA,CAAG,IAAIA,GACnDkB,IAAW,OAAOjB,KAAQ,WAAW,OAAOA,CAAG,IAAIA,GAEnDkB,IAAiBC,EAAQ,MACtB,IAAI,KAAK,aAAaX,GAAQ;AAAA,IACnC,OAAO;AAAA,IACP,UAAAC;AAAA,EAAA,CACD,EACE,cAAc,CAAC,EACf,KAAK,CAAAW,MAAQA,EAAK,SAAS,UAAU,GAAG,OAC1C,CAACX,GAAUD,CAAM,CAAC;AAErB,SACE,gBAAAa;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAxB;AAAA,MACA,aAAAR;AAAA,MACA,cAAAC;AAAA,MACA,YAAAC;AAAA,MACA,SAASmB;AAAA,MACT,gBAAAC;AAAA,MACA,eAAAC;AAAA,MACA,yBAAAZ;AAAA,MACA,WAAAG;AAAA,MACA,eAAe;AAAA,MACd,GAAGG;AAAA,MAEJ,UAAA,gBAAAc;AAAA,QAACE;AAAAA,QAAA;AAAA,UACC,OAAAlC;AAAA,UACA,MAAAJ;AAAA,UACA,eAAe;AAAA,YACb,OAAO;AAAA,YACP,uBAAuBC,MAAW,aAAa,IAAIoB;AAAA,YACnD,uBAAuBpB,MAAW,aAAa,IAAImB;AAAA,YACnD,UAAAI;AAAA,YACA,iBAAiB;AAAA,UAAA;AAAA,UAEnB,WAAAf;AAAA,UACA,YAAAC;AAAA,UACA,YAAAH;AAAA,UACA,oBAAmB;AAAA,UACnB,UAAAI;AAAA,UACA,QAAAC;AAAA,UAKA,mBAAgB;AAAA,UAChB,UAAAmB;AAAA,UACA,UAAAC;AAAA,UACC,GAAGV;AAAA,UAEJ,4BAACiB,GAAA,EACC,UAAA,gBAAAH;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,gBAAgBvB,MAAmBhB,MAAW,aAAagC,IAAiB;AAAA,cAC5E,cAAcf,MAAiBjB,MAAW,YAAY,MAAM;AAAA,cAC5D,IAAIyB;AAAA,cACJ,UAAAxB;AAAA,cACA,aAAAM;AAAA,cACA,oBAAkBqB;AAAA,cAClB,YAAAnB;AAAA,YAAA;AAAA,UAAA,EACF,CACF;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"NumberInput.js","sources":["../../../../../src/components/Common/UI/NumberInput/NumberInput.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { Group, NumberField as AriaNumberField } from 'react-aria-components'\nimport { Input } from '../Input'\nimport { useFieldIds } from '../hooks/useFieldIds'\nimport type { NumberInputProps } from './NumberInputTypes'\nimport { FieldLayout } from '@/components/Common/FieldLayout'\nimport { useLocale } from '@/contexts/LocaleProvider'\n\n/**\n * Renders a numeric input with locale-aware formatting for currency, decimal, or percent values.\n *\n * @param props - The {@link NumberInputProps} controlling the input's label, value, format, and validation state.\n * @returns The rendered number input field.\n * @internal\n */\nexport function NumberInput({\n  name,\n  format,\n  inputRef,\n  id,\n  value,\n  description,\n  errorMessage,\n  isRequired,\n  placeholder,\n  isInvalid,\n  isDisabled,\n  onChange,\n  onBlur,\n  label,\n  min,\n  max,\n  shouldVisuallyHideLabel,\n  adornmentStart,\n  adornmentEnd,\n  className,\n  maximumFractionDigits,\n  minimumFractionDigits,\n  ...props\n}: NumberInputProps) {\n  const { locale, currency } = useLocale()\n  const { inputId, errorMessageId, descriptionId, ariaDescribedBy } = useFieldIds({\n    inputId: id,\n    errorMessage,\n    description,\n  })\n\n  const minValue = typeof min === 'string' ? Number(min) : min\n  const maxValue = typeof max === 'string' ? Number(max) : max\n\n  const currencySymbol = useMemo(() => {\n    return new Intl.NumberFormat(locale, {\n      style: 'currency',\n      currency,\n    })\n      .formatToParts(0)\n      .find(part => part.type === 'currency')?.value\n  }, [currency, locale])\n\n  return (\n    <FieldLayout\n      label={label}\n      description={description}\n      errorMessage={errorMessage}\n      isRequired={isRequired}\n      htmlFor={inputId}\n      errorMessageId={errorMessageId}\n      descriptionId={descriptionId}\n      shouldVisuallyHideLabel={shouldVisuallyHideLabel}\n      className={className}\n      withErrorIcon={false}\n      {...props}\n    >\n      <AriaNumberField\n        value={value}\n        name={name}\n        formatOptions={{\n          style: 'decimal',\n          minimumFractionDigits: format === 'currency' ? 2 : minimumFractionDigits,\n          maximumFractionDigits: format === 'currency' ? 2 : maximumFractionDigits,\n          currency,\n          currencyDisplay: 'symbol',\n        }}\n        isInvalid={isInvalid}\n        isDisabled={isDisabled}\n        isRequired={isRequired}\n        validationBehavior=\"aria\"\n        onChange={onChange}\n        onBlur={onBlur}\n        // This is a hack to silence an unnecessary react-aria warning. The FieldLayout component\n        // already associates the label and input with htmlFor + ID. If we include a label id here,\n        // the label will get read twice by assistive tech. This evaluates to an empty string which\n        // does not get associated with any elements and does not get read.\n        aria-labelledby=\" \"\n        minValue={minValue}\n        maxValue={maxValue}\n        {...props}\n      >\n        <Group>\n          <Input\n            adornmentStart={adornmentStart || (format === 'currency' ? currencySymbol : null)}\n            adornmentEnd={adornmentEnd || (format === 'percent' ? '%' : null)}\n            id={inputId}\n            inputRef={inputRef}\n            placeholder={placeholder}\n            aria-describedby={ariaDescribedBy}\n            isDisabled={isDisabled}\n            // Select the existing value on focus so users can overwrite the\n            // formatted placeholder (e.g. \"0.00\") by typing instead of having\n            // to clear the field first.\n            onFocus={event => {\n              event.currentTarget.select()\n            }}\n          />\n        </Group>\n      </AriaNumberField>\n    </FieldLayout>\n  )\n}\n"],"names":["NumberInput","name","format","inputRef","id","value","description","errorMessage","isRequired","placeholder","isInvalid","isDisabled","onChange","onBlur","label","min","max","shouldVisuallyHideLabel","adornmentStart","adornmentEnd","className","maximumFractionDigits","minimumFractionDigits","props","locale","currency","useLocale","inputId","errorMessageId","descriptionId","ariaDescribedBy","useFieldIds","minValue","maxValue","currencySymbol","useMemo","part","jsx","FieldLayout","AriaNumberField","Group","Input","event"],"mappings":";;;;;;;AAeO,SAASA,EAAY;AAAA,EAC1B,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,KAAAC;AAAA,EACA,KAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,GAAGC;AACL,GAAqB;AACnB,QAAM,EAAE,QAAAC,GAAQ,UAAAC,EAAA,IAAaC,EAAA,GACvB,EAAE,SAAAC,GAAS,gBAAAC,GAAgB,eAAAC,GAAe,iBAAAC,EAAA,IAAoBC,EAAY;AAAA,IAC9E,SAAS3B;AAAA,IACT,cAAAG;AAAA,IACA,aAAAD;AAAA,EAAA,CACD,GAEK0B,IAAW,OAAOjB,KAAQ,WAAW,OAAOA,CAAG,IAAIA,GACnDkB,IAAW,OAAOjB,KAAQ,WAAW,OAAOA,CAAG,IAAIA,GAEnDkB,IAAiBC,EAAQ,MACtB,IAAI,KAAK,aAAaX,GAAQ;AAAA,IACnC,OAAO;AAAA,IACP,UAAAC;AAAA,EAAA,CACD,EACE,cAAc,CAAC,EACf,KAAK,CAAAW,MAAQA,EAAK,SAAS,UAAU,GAAG,OAC1C,CAACX,GAAUD,CAAM,CAAC;AAErB,SACE,gBAAAa;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAxB;AAAA,MACA,aAAAR;AAAA,MACA,cAAAC;AAAA,MACA,YAAAC;AAAA,MACA,SAASmB;AAAA,MACT,gBAAAC;AAAA,MACA,eAAAC;AAAA,MACA,yBAAAZ;AAAA,MACA,WAAAG;AAAA,MACA,eAAe;AAAA,MACd,GAAGG;AAAA,MAEJ,UAAA,gBAAAc;AAAA,QAACE;AAAAA,QAAA;AAAA,UACC,OAAAlC;AAAA,UACA,MAAAJ;AAAA,UACA,eAAe;AAAA,YACb,OAAO;AAAA,YACP,uBAAuBC,MAAW,aAAa,IAAIoB;AAAA,YACnD,uBAAuBpB,MAAW,aAAa,IAAImB;AAAA,YACnD,UAAAI;AAAA,YACA,iBAAiB;AAAA,UAAA;AAAA,UAEnB,WAAAf;AAAA,UACA,YAAAC;AAAA,UACA,YAAAH;AAAA,UACA,oBAAmB;AAAA,UACnB,UAAAI;AAAA,UACA,QAAAC;AAAA,UAKA,mBAAgB;AAAA,UAChB,UAAAmB;AAAA,UACA,UAAAC;AAAA,UACC,GAAGV;AAAA,UAEJ,4BAACiB,GAAA,EACC,UAAA,gBAAAH;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,gBAAgBvB,MAAmBhB,MAAW,aAAagC,IAAiB;AAAA,cAC5E,cAAcf,MAAiBjB,MAAW,YAAY,MAAM;AAAA,cAC5D,IAAIyB;AAAA,cACJ,UAAAxB;AAAA,cACA,aAAAM;AAAA,cACA,oBAAkBqB;AAAA,cAClB,YAAAnB;AAAA,cAIA,SAAS,CAAA+B,MAAS;AAChB,gBAAAA,EAAM,cAAc,OAAA;AAAA,cACtB;AAAA,YAAA;AAAA,UAAA,EACF,CACF;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;"}

package/dist/components/Common/UI/NumberInput/NumberInputTypes.d.ts

@@ -1,6 +1,12 @@
 import { InputHTMLAttributes, Ref } from 'react';
 import { InputProps } from '../Input/InputTypes';
 import { SharedFieldLayoutProps } from '../../FieldLayout/FieldLayoutTypes';
+/**
+ * Props your `NumberInput` implementation must accept from the component adapter.
+ * Renders a form field wrapping a numeric `<input />` for currency, decimal, or percent values, with optional start/end adornments.
+ *
+ * @public
+ */
 export interface NumberInputProps extends SharedFieldLayoutProps, Pick<InputHTMLAttributes<HTMLInputElement>, 'min' | 'max' | 'name' | 'id' | 'placeholder' | 'className'> {
     /**
      * Format type for the number input

package/dist/components/Common/UI/ProgressBar/ProgressBar.d.ts

@@ -1,2 +1,9 @@
 import { ProgressBarProps } from './ProgressBarTypes';
-export declare function ProgressBar({ className, totalSteps, currentStep, label, cta: Cta, }: ProgressBarProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Renders a horizontal progress indicator showing the current step within a multi-step sequence.
+ *
+ * @param props - The {@link ProgressBarProps} controlling the step count, label, and optional CTA.
+ * @returns The rendered progress bar with an accessible progress element.
+ * @internal
+ */
+export declare function ProgressBar({ className, totalSteps, currentStep, label, cta: Cta, }: ProgressBarProps): import("react").JSX.Element;

package/dist/components/Common/UI/ProgressBar/ProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.js","sources":["../../../../../src/components/Common/UI/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import classnames from 'classnames'\nimport { VisuallyHidden } from '../../VisuallyHidden'\nimport { Flex } from '../../Flex'\nimport type { ProgressBarProps } from './ProgressBarTypes'\nimport styles from './ProgressBar.module.scss'\n\nexport function ProgressBar({\n  className,\n  totalSteps,\n  currentStep,\n  label,\n  cta: Cta,\n}: ProgressBarProps) {\n  const clampedStep = Math.max(1, Math.min(currentStep, totalSteps))\n  const progressBarStyle = {\n    '--g-progress-bar-width': `${(clampedStep * 100) / totalSteps}%`,\n  } as React.CSSProperties\n  return (\n    <Flex flexDirection=\"column\">\n      {Cta && <Cta />}\n      <div className={classnames(styles.root, className)} style={progressBarStyle}>\n        <VisuallyHidden>\n          <progress aria-label={label} value={clampedStep} max={totalSteps}></progress>\n        </VisuallyHidden>\n      </div>\n    </Flex>\n  )\n}\n"],"names":["ProgressBar","className","totalSteps","currentStep","label","Cta","clampedStep","progressBarStyle","jsxs","Flex","jsx","classnames","styles","VisuallyHidden"],"mappings":";;;;;AAMO,SAASA,EAAY;AAAA,EAC1B,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,KAAKC;AACP,GAAqB;AACnB,QAAMC,IAAc,KAAK,IAAI,GAAG,KAAK,IAAIH,GAAaD,CAAU,CAAC,GAC3DK,IAAmB;AAAA,IACvB,0BAA0B,GAAID,IAAc,MAAOJ,CAAU;AAAA,EAAA;AAE/D,SACE,gBAAAM,EAACC,GAAA,EAAK,eAAc,UACjB,UAAA;AAAA,IAAAJ,uBAAQA,GAAA,EAAI;AAAA,IACb,gBAAAK,EAAC,SAAI,WAAWC,EAAWC,EAAO,MAAMX,CAAS,GAAG,OAAOM,GACzD,4BAACM,GAAA,EACC,UAAA,gBAAAH,EAAC,cAAS,cAAYN,GAAO,OAAOE,GAAa,KAAKJ,EAAA,CAAY,EAAA,CACpE,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"ProgressBar.js","sources":["../../../../../src/components/Common/UI/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import classnames from 'classnames'\nimport { VisuallyHidden } from '../../VisuallyHidden'\nimport { Flex } from '../../Flex'\nimport type { ProgressBarProps } from './ProgressBarTypes'\nimport styles from './ProgressBar.module.scss'\n\n/**\n * Renders a horizontal progress indicator showing the current step within a multi-step sequence.\n *\n * @param props - The {@link ProgressBarProps} controlling the step count, label, and optional CTA.\n * @returns The rendered progress bar with an accessible progress element.\n * @internal\n */\nexport function ProgressBar({\n  className,\n  totalSteps,\n  currentStep,\n  label,\n  cta: Cta,\n}: ProgressBarProps) {\n  const clampedStep = Math.max(1, Math.min(currentStep, totalSteps))\n  const progressBarStyle = {\n    '--g-progress-bar-width': `${(clampedStep * 100) / totalSteps}%`,\n  } as React.CSSProperties\n  return (\n    <Flex flexDirection=\"column\">\n      {Cta && <Cta />}\n      <div className={classnames(styles.root, className)} style={progressBarStyle}>\n        <VisuallyHidden>\n          <progress aria-label={label} value={clampedStep} max={totalSteps}></progress>\n        </VisuallyHidden>\n      </div>\n    </Flex>\n  )\n}\n"],"names":["ProgressBar","className","totalSteps","currentStep","label","Cta","clampedStep","progressBarStyle","jsxs","Flex","jsx","classnames","styles","VisuallyHidden"],"mappings":";;;;;AAaO,SAASA,EAAY;AAAA,EAC1B,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,KAAKC;AACP,GAAqB;AACnB,QAAMC,IAAc,KAAK,IAAI,GAAG,KAAK,IAAIH,GAAaD,CAAU,CAAC,GAC3DK,IAAmB;AAAA,IACvB,0BAA0B,GAAID,IAAc,MAAOJ,CAAU;AAAA,EAAA;AAE/D,SACE,gBAAAM,EAACC,GAAA,EAAK,eAAc,UACjB,UAAA;AAAA,IAAAJ,uBAAQA,GAAA,EAAI;AAAA,IACb,gBAAAK,EAAC,SAAI,WAAWC,EAAWC,EAAO,MAAMX,CAAS,GAAG,OAAOM,GACzD,4BAACM,GAAA,EACC,UAAA,gBAAAH,EAAC,cAAS,cAAYN,GAAO,OAAOE,GAAa,KAAKJ,EAAA,CAAY,EAAA,CACpE,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/Common/UI/ProgressBar/ProgressBarTypes.d.ts

@@ -1,3 +1,9 @@
+/**
+ * Props your `ProgressBar` implementation must accept from the component adapter.
+ * Renders a step-based progress indicator for multi-step flows.
+ *
+ * @public
+ */
 export interface ProgressBarProps {
     /**
      * Total number of steps in the progress sequence

package/dist/components/Common/UI/Radio/Radio.d.ts

@@ -1,2 +1,13 @@
 import { RadioProps } from './RadioTypes';
-export declare const Radio: (rawProps: RadioProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Renders a single radio button with label, description, and error message support.
+ *
+ * @remarks
+ * Use {@link RadioGroup} when presenting multiple mutually exclusive options together — this
+ * primitive is the building block for a single radio entry.
+ *
+ * @param rawProps - The {@link RadioProps} controlling the radio's label, checked state, and validation.
+ * @returns The rendered radio input with its associated label.
+ * @internal
+ */
+export declare const Radio: (rawProps: RadioProps) => import("react").JSX.Element;

package/dist/components/Common/UI/Radio/Radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","sources":["../../../../../src/components/Common/UI/Radio/Radio.tsx"],"sourcesContent":["import type { ChangeEvent } from 'react'\nimport classNames from 'classnames'\nimport { useFieldIds } from '../hooks/useFieldIds'\nimport styles from './Radio.module.scss'\nimport type { RadioProps } from './RadioTypes'\nimport { RadioDefaults } from './RadioTypes'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport { HorizontalFieldLayout } from '@/components/Common/HorizontalFieldLayout'\n\nexport const Radio = (rawProps: RadioProps) => {\n  const resolvedProps = applyMissingDefaults(rawProps, RadioDefaults)\n  const {\n    name,\n    label,\n    description,\n    errorMessage,\n    isRequired,\n    inputRef,\n    value,\n    isInvalid,\n    isDisabled,\n    id,\n    onChange,\n    onBlur,\n    shouldVisuallyHideLabel,\n    className,\n    ...otherProps\n  } = resolvedProps\n  const { inputId, errorMessageId, descriptionId, ariaDescribedBy } = useFieldIds({\n    inputId: id,\n    errorMessage,\n    description,\n  })\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    onChange?.(event.target.checked)\n  }\n\n  return (\n    <HorizontalFieldLayout\n      label={label}\n      description={description}\n      errorMessage={errorMessage}\n      isRequired={isRequired}\n      htmlFor={inputId}\n      errorMessageId={errorMessageId}\n      descriptionId={descriptionId}\n      shouldVisuallyHideLabel={shouldVisuallyHideLabel}\n      className={className}\n      {...otherProps}\n    >\n      <div className={styles.radioWrapper}>\n        <input\n          type=\"radio\"\n          name={name}\n          disabled={isDisabled}\n          aria-describedby={ariaDescribedBy}\n          checked={value}\n          id={inputId}\n          ref={inputRef}\n          onBlur={onBlur}\n          onChange={handleChange}\n          className={styles.radioInput}\n        />\n        <div className={classNames(styles.radio, { [styles.checked as string]: value })}>\n          {value && <div className={styles.radioDot} />}\n        </div>\n      </div>\n    </HorizontalFieldLayout>\n  )\n}\n"],"names":["Radio","rawProps","resolvedProps","applyMissingDefaults","RadioDefaults","name","label","description","errorMessage","isRequired","inputRef","value","isInvalid","isDisabled","id","onChange","onBlur","shouldVisuallyHideLabel","className","otherProps","inputId","errorMessageId","descriptionId","ariaDescribedBy","useFieldIds","handleChange","event","jsx","HorizontalFieldLayout","jsxs","styles","classNames"],"mappings":";;;;;;;AASO,MAAMA,IAAQ,CAACC,MAAyB;AAC7C,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAa,GAC5D;AAAA,IACJ,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,IAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,yBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDjB,GACE,EAAE,SAAAkB,GAAS,gBAAAC,GAAgB,eAAAC,GAAe,iBAAAC,EAAA,IAAoBC,EAAY;AAAA,IAC9E,SAASV;AAAA,IACT,cAAAN;AAAA,IACA,aAAAD;AAAA,EAAA,CACD,GAEKkB,IAAe,CAACC,MAAyC;AAC7D,IAAAX,IAAWW,EAAM,OAAO,OAAO;AAAA,EACjC;AAEA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAtB;AAAA,MACA,aAAAC;AAAA,MACA,cAAAC;AAAA,MACA,YAAAC;AAAA,MACA,SAASW;AAAA,MACT,gBAAAC;AAAA,MACA,eAAAC;AAAA,MACA,yBAAAL;AAAA,MACA,WAAAC;AAAA,MACC,GAAGC;AAAA,MAEJ,UAAA,gBAAAU,EAAC,OAAA,EAAI,WAAWC,EAAO,cACrB,UAAA;AAAA,QAAA,gBAAAH;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,MAAAtB;AAAA,YACA,UAAUQ;AAAA,YACV,oBAAkBU;AAAA,YAClB,SAASZ;AAAA,YACT,IAAIS;AAAA,YACJ,KAAKV;AAAA,YACL,QAAAM;AAAA,YACA,UAAUS;AAAA,YACV,WAAWK,EAAO;AAAA,UAAA;AAAA,QAAA;AAAA,QAEpB,gBAAAH,EAAC,SAAI,WAAWI,EAAWD,EAAO,OAAO,EAAE,CAACA,EAAO,OAAiB,GAAGnB,EAAA,CAAO,GAC3E,UAAAA,KAAS,gBAAAgB,EAAC,SAAI,WAAWG,EAAO,UAAU,EAAA,CAC7C;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Radio.js","sources":["../../../../../src/components/Common/UI/Radio/Radio.tsx"],"sourcesContent":["import type { ChangeEvent } from 'react'\nimport classNames from 'classnames'\nimport { useFieldIds } from '../hooks/useFieldIds'\nimport styles from './Radio.module.scss'\nimport type { RadioProps } from './RadioTypes'\nimport { RadioDefaults } from './RadioTypes'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport { HorizontalFieldLayout } from '@/components/Common/HorizontalFieldLayout'\n\n/**\n * Renders a single radio button with label, description, and error message support.\n *\n * @remarks\n * Use {@link RadioGroup} when presenting multiple mutually exclusive options together — this\n * primitive is the building block for a single radio entry.\n *\n * @param rawProps - The {@link RadioProps} controlling the radio's label, checked state, and validation.\n * @returns The rendered radio input with its associated label.\n * @internal\n */\nexport const Radio = (rawProps: RadioProps) => {\n  const resolvedProps = applyMissingDefaults(rawProps, RadioDefaults)\n  const {\n    name,\n    label,\n    description,\n    errorMessage,\n    isRequired,\n    inputRef,\n    value,\n    isInvalid,\n    isDisabled,\n    id,\n    onChange,\n    onBlur,\n    shouldVisuallyHideLabel,\n    className,\n    ...otherProps\n  } = resolvedProps\n  const { inputId, errorMessageId, descriptionId, ariaDescribedBy } = useFieldIds({\n    inputId: id,\n    errorMessage,\n    description,\n  })\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    onChange?.(event.target.checked)\n  }\n\n  return (\n    <HorizontalFieldLayout\n      label={label}\n      description={description}\n      errorMessage={errorMessage}\n      isRequired={isRequired}\n      htmlFor={inputId}\n      errorMessageId={errorMessageId}\n      descriptionId={descriptionId}\n      shouldVisuallyHideLabel={shouldVisuallyHideLabel}\n      className={className}\n      {...otherProps}\n    >\n      <div className={styles.radioWrapper}>\n        <input\n          type=\"radio\"\n          name={name}\n          disabled={isDisabled}\n          aria-describedby={ariaDescribedBy}\n          checked={value}\n          id={inputId}\n          ref={inputRef}\n          onBlur={onBlur}\n          onChange={handleChange}\n          className={styles.radioInput}\n        />\n        <div className={classNames(styles.radio, { [styles.checked as string]: value })}>\n          {value && <div className={styles.radioDot} />}\n        </div>\n      </div>\n    </HorizontalFieldLayout>\n  )\n}\n"],"names":["Radio","rawProps","resolvedProps","applyMissingDefaults","RadioDefaults","name","label","description","errorMessage","isRequired","inputRef","value","isInvalid","isDisabled","id","onChange","onBlur","shouldVisuallyHideLabel","className","otherProps","inputId","errorMessageId","descriptionId","ariaDescribedBy","useFieldIds","handleChange","event","jsx","HorizontalFieldLayout","jsxs","styles","classNames"],"mappings":";;;;;;;AAoBO,MAAMA,IAAQ,CAACC,MAAyB;AAC7C,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAa,GAC5D;AAAA,IACJ,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,IAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,yBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDjB,GACE,EAAE,SAAAkB,GAAS,gBAAAC,GAAgB,eAAAC,GAAe,iBAAAC,EAAA,IAAoBC,EAAY;AAAA,IAC9E,SAASV;AAAA,IACT,cAAAN;AAAA,IACA,aAAAD;AAAA,EAAA,CACD,GAEKkB,IAAe,CAACC,MAAyC;AAC7D,IAAAX,IAAWW,EAAM,OAAO,OAAO;AAAA,EACjC;AAEA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAtB;AAAA,MACA,aAAAC;AAAA,MACA,cAAAC;AAAA,MACA,YAAAC;AAAA,MACA,SAASW;AAAA,MACT,gBAAAC;AAAA,MACA,eAAAC;AAAA,MACA,yBAAAL;AAAA,MACA,WAAAC;AAAA,MACC,GAAGC;AAAA,MAEJ,UAAA,gBAAAU,EAAC,OAAA,EAAI,WAAWC,EAAO,cACrB,UAAA;AAAA,QAAA,gBAAAH;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,MAAAtB;AAAA,YACA,UAAUQ;AAAA,YACV,oBAAkBU;AAAA,YAClB,SAASZ;AAAA,YACT,IAAIS;AAAA,YACJ,KAAKV;AAAA,YACL,QAAAM;AAAA,YACA,UAAUS;AAAA,YACV,WAAWK,EAAO;AAAA,UAAA;AAAA,QAAA;AAAA,QAEpB,gBAAAH,EAAC,SAAI,WAAWI,EAAWD,EAAO,OAAO,EAAE,CAACA,EAAO,OAAiB,GAAGnB,EAAA,CAAO,GAC3E,UAAAA,KAAS,gBAAAgB,EAAC,SAAI,WAAWG,EAAO,UAAU,EAAA,CAC7C;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Common/UI/Radio/RadioTypes.d.ts

@@ -1,5 +1,11 @@
 import { InputHTMLAttributes, Ref } from 'react';
 import { SharedHorizontalFieldLayoutProps } from '../../HorizontalFieldLayout/HorizontalFieldLayoutTypes';
+/**
+ * Props your `Radio` implementation must accept from the component adapter.
+ * Renders a form field wrapping an `<input type="radio" />` with a label, optional description, and error message.
+ *
+ * @public
+ */
 export interface RadioProps extends SharedHorizontalFieldLayoutProps, Pick<InputHTMLAttributes<HTMLInputElement>, 'name' | 'id' | 'className' | 'onBlur'> {
     /**
      * Current checked state of the radio button
@@ -15,15 +21,21 @@ export interface RadioProps extends SharedHorizontalFieldLayoutProps, Pick<Input
     inputRef?: Ref<HTMLInputElement>;
     /**
      * Indicates that the field has an error
+     *
+     * @defaultValue `false`
      */
     isInvalid?: boolean;
     /**
      * Disables the radio button and prevents interaction
+     *
+     * @defaultValue `false`
      */
     isDisabled?: boolean;
 }
 /**
- * Default prop values for Radio component.
+ * Default prop values for the Radio component.
+ *
+ * @internal
  */
 export declare const RadioDefaults: {
     readonly isInvalid: false;

package/dist/components/Common/UI/Radio/RadioTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioTypes.js","sources":["../../../../../src/components/Common/UI/Radio/RadioTypes.ts"],"sourcesContent":["import type { InputHTMLAttributes, Ref } from 'react'\nimport type { SharedHorizontalFieldLayoutProps } from '@/components/Common/HorizontalFieldLayout/HorizontalFieldLayoutTypes'\n\nexport interface RadioProps\n  extends\n    SharedHorizontalFieldLayoutProps,\n    Pick<InputHTMLAttributes<HTMLInputElement>, 'name' | 'id' | 'className' | 'onBlur'> {\n  /**\n   * Current checked state of the radio button\n   */\n  value?: boolean\n  /**\n   * Callback when radio button state changes\n   */\n  onChange?: (checked: boolean) => void\n  /**\n   * React ref for the radio input element\n   */\n  inputRef?: Ref<HTMLInputElement>\n  /**\n   * Indicates that the field has an error\n   */\n  isInvalid?: boolean\n  /**\n   * Disables the radio button and prevents interaction\n   */\n  isDisabled?: boolean\n}\n\n/**\n * Default prop values for Radio component.\n */\nexport const RadioDefaults = {\n  isInvalid: false,\n  isDisabled: false,\n} as const satisfies Partial<RadioProps>\n"],"names":["RadioDefaults"],"mappings":"AAgCO,MAAMA,IAAgB;AAAA,EAC3B,WAAW;AAAA,EACX,YAAY;AACd;"}
+{"version":3,"file":"RadioTypes.js","sources":["../../../../../src/components/Common/UI/Radio/RadioTypes.ts"],"sourcesContent":["import type { InputHTMLAttributes, Ref } from 'react'\nimport type { SharedHorizontalFieldLayoutProps } from '@/components/Common/HorizontalFieldLayout/HorizontalFieldLayoutTypes'\n\n/**\n * Props your `Radio` implementation must accept from the component adapter.\n * Renders a form field wrapping an `<input type=\"radio\" />` with a label, optional description, and error message.\n *\n * @public\n */\nexport interface RadioProps\n  extends\n    SharedHorizontalFieldLayoutProps,\n    Pick<InputHTMLAttributes<HTMLInputElement>, 'name' | 'id' | 'className' | 'onBlur'> {\n  /**\n   * Current checked state of the radio button\n   */\n  value?: boolean\n  /**\n   * Callback when radio button state changes\n   */\n  onChange?: (checked: boolean) => void\n  /**\n   * React ref for the radio input element\n   */\n  inputRef?: Ref<HTMLInputElement>\n  /**\n   * Indicates that the field has an error\n   *\n   * @defaultValue `false`\n   */\n  isInvalid?: boolean\n  /**\n   * Disables the radio button and prevents interaction\n   *\n   * @defaultValue `false`\n   */\n  isDisabled?: boolean\n}\n\n/**\n * Default prop values for the Radio component.\n *\n * @internal\n */\nexport const RadioDefaults = {\n  isInvalid: false,\n  isDisabled: false,\n} as const satisfies Partial<RadioProps>\n"],"names":["RadioDefaults"],"mappings":"AA4CO,MAAMA,IAAgB;AAAA,EAC3B,WAAW;AAAA,EACX,YAAY;AACd;"}

package/dist/components/Common/UI/RadioGroup/RadioGroup.d.ts

@@ -1,2 +1,10 @@
+import { default as React } from 'react';
 import { RadioGroupProps } from './RadioGroupTypes';
-export declare function RadioGroup(rawProps: RadioGroupProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Renders a group of mutually exclusive radio options that share a single label, description, and error state.
+ *
+ * @param rawProps - The {@link RadioGroupProps} controlling the group's label, options, and selected value.
+ * @returns The rendered radio group as a fieldset.
+ * @internal
+ */
+export declare function RadioGroup(rawProps: RadioGroupProps): React.JSX.Element;

package/dist/components/Common/UI/RadioGroup/RadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.js","sources":["../../../../../src/components/Common/UI/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import { useContext, useRef } from 'react'\nimport type { Ref } from 'react'\nimport classNames from 'classnames'\nimport {\n  RadioGroup as AriaRadioGroup,\n  RadioGroupStateContext,\n  type RadioGroupRenderProps,\n} from 'react-aria-components'\nimport { useRadio } from 'react-aria'\nimport type { AriaRadioProps } from 'react-aria'\nimport type React from 'react'\nimport { Radio } from '../Radio'\nimport styles from './RadioGroup.module.scss'\nimport type { RadioGroupProps } from './RadioGroupTypes'\nimport { RadioGroupDefaults } from './RadioGroupTypes'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport { Fieldset } from '@/components/Common/Fieldset'\nimport { useForkRef } from '@/hooks/useForkRef/useForkRef'\n\n// Radio implementation specific to React Aria to get our radio to connect\n// to their RadioGroup component\ninterface ReactAriaRadioProps extends Omit<AriaRadioProps, 'value'> {\n  label: React.ReactNode\n  description?: React.ReactNode\n  value: string\n  groupState: RadioGroupRenderProps['state']\n  inputRef?: Ref<HTMLInputElement>\n}\n\nfunction ReactAriaRadio({\n  label,\n  description,\n  value,\n  groupState,\n  inputRef: inputRefFromProps,\n  ...props\n}: ReactAriaRadioProps) {\n  const inputRef = useRef<HTMLInputElement>(null)\n  const handleInputRef = useForkRef(inputRefFromProps, inputRef)\n\n  const { inputProps, isSelected, isDisabled } = useRadio(\n    {\n      ...props,\n      value,\n      // Hack to suppress aria-label warning from React Aria. We don't actually\n      // use children for the mapping of our radio to React Aria and we already\n      // configure a label for our radios.\n      children: ' ',\n    },\n    groupState,\n    inputRef,\n  )\n\n  const handleChange = (checked: boolean) => {\n    if (checked) {\n      groupState.setSelectedValue(value)\n    }\n  }\n\n  return (\n    <Radio\n      label={label}\n      inputRef={handleInputRef}\n      isDisabled={isDisabled}\n      description={description}\n      onChange={handleChange}\n      value={isSelected}\n      name={inputProps.name}\n    />\n  )\n}\n\nfunction ReactAriaRadioWrapper(props: Omit<ReactAriaRadioProps, 'groupState'>) {\n  const groupState = useContext(RadioGroupStateContext)\n  // We can't render hooks conditionally so we have to use useRadio above but\n  // groupState is only defined if the component is rendered within a RadioGroup\n  // This wrapper component gets around that by checking if groupState is defined which\n  // should always be the case for us since this component is only used within a RadioGroup\n  return groupState ? <ReactAriaRadio groupState={groupState} {...props} /> : null\n}\n\nexport function RadioGroup(rawProps: RadioGroupProps) {\n  const resolvedProps = applyMissingDefaults(rawProps, RadioGroupDefaults)\n  const {\n    label,\n    description,\n    errorMessage,\n    isRequired,\n    isInvalid,\n    isDisabled,\n    options,\n    shouldVisuallyHideLabel,\n    value,\n    defaultValue,\n    onChange,\n    className,\n    inputRef,\n    ...otherProps\n  } = resolvedProps\n  return (\n    <Fieldset\n      legend={label}\n      description={description}\n      errorMessage={errorMessage}\n      isRequired={isRequired}\n      shouldVisuallyHideLegend={shouldVisuallyHideLabel}\n      className={classNames(styles.root, className)}\n      {...otherProps}\n    >\n      <AriaRadioGroup\n        isInvalid={isInvalid}\n        isRequired={isRequired}\n        validationBehavior=\"aria\"\n        value={value}\n        defaultValue={defaultValue}\n        onChange={onChange}\n        isDisabled={isDisabled}\n        aria-labelledby=\" \"\n      >\n        {options.map(({ value, label, isDisabled, description }, index) => (\n          <ReactAriaRadioWrapper\n            isDisabled={isDisabled}\n            key={value}\n            value={value}\n            description={description}\n            label={label}\n            inputRef={index === 0 ? inputRef : undefined}\n          />\n        ))}\n      </AriaRadioGroup>\n    </Fieldset>\n  )\n}\n"],"names":["ReactAriaRadio","label","description","value","groupState","inputRefFromProps","props","inputRef","useRef","handleInputRef","useForkRef","inputProps","isSelected","isDisabled","useRadio","jsx","Radio","checked","ReactAriaRadioWrapper","useContext","RadioGroupStateContext","RadioGroup","rawProps","resolvedProps","applyMissingDefaults","RadioGroupDefaults","errorMessage","isRequired","isInvalid","options","shouldVisuallyHideLabel","defaultValue","onChange","className","otherProps","Fieldset","classNames","styles","AriaRadioGroup","index"],"mappings":";;;;;;;;;;;AA6BA,SAASA,EAAe;AAAA,EACtB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAUC;AAAA,EACV,GAAGC;AACL,GAAwB;AACtB,QAAMC,IAAWC,EAAyB,IAAI,GACxCC,IAAiBC,EAAWL,GAAmBE,CAAQ,GAEvD,EAAE,YAAAI,GAAY,YAAAC,GAAY,YAAAC,EAAA,IAAeC;AAAA,IAC7C;AAAA,MACE,GAAGR;AAAA,MACH,OAAAH;AAAA;AAAA;AAAA;AAAA,MAIA,UAAU;AAAA,IAAA;AAAA,IAEZC;AAAA,IACAG;AAAA,EAAA;AASF,SACE,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAf;AAAA,MACA,UAAUQ;AAAA,MACV,YAAAI;AAAA,MACA,aAAAX;AAAA,MACA,UAZiB,CAACe,MAAqB;AACzC,QAAIA,KACFb,EAAW,iBAAiBD,CAAK;AAAA,MAErC;AAAA,MASI,OAAOS;AAAA,MACP,MAAMD,EAAW;AAAA,IAAA;AAAA,EAAA;AAGvB;AAEA,SAASO,EAAsBZ,GAAgD;AAC7E,QAAMF,IAAae,EAAWC,CAAsB;AAKpD,SAAOhB,IAAa,gBAAAW,EAACf,GAAA,EAAe,YAAAI,GAAyB,GAAGE,GAAO,IAAK;AAC9E;AAEO,SAASe,EAAWC,GAA2B;AACpD,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAkB,GACjE;AAAA,IACJ,OAAAxB;AAAA,IACA,aAAAC;AAAA,IACA,cAAAwB;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAf;AAAA,IACA,SAAAgB;AAAA,IACA,yBAAAC;AAAA,IACA,OAAA3B;AAAA,IACA,cAAA4B;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAA1B;AAAA,IACA,GAAG2B;AAAA,EAAA,IACDX;AACJ,SACE,gBAAAR;AAAA,IAACoB;AAAA,IAAA;AAAA,MACC,QAAQlC;AAAA,MACR,aAAAC;AAAA,MACA,cAAAwB;AAAA,MACA,YAAAC;AAAA,MACA,0BAA0BG;AAAA,MAC1B,WAAWM,EAAWC,EAAO,MAAMJ,CAAS;AAAA,MAC3C,GAAGC;AAAA,MAEJ,UAAA,gBAAAnB;AAAA,QAACuB;AAAAA,QAAA;AAAA,UACC,WAAAV;AAAA,UACA,YAAAD;AAAA,UACA,oBAAmB;AAAA,UACnB,OAAAxB;AAAA,UACA,cAAA4B;AAAA,UACA,UAAAC;AAAA,UACA,YAAAnB;AAAA,UACA,mBAAgB;AAAA,UAEf,UAAAgB,EAAQ,IAAI,CAAC,EAAE,OAAA1B,GAAO,OAAAF,GAAO,YAAAY,GAAY,aAAAX,EAAAA,GAAeqC,MACvD,gBAAAxB;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,YAAYL;AAAAA,cAEZ,OAAOV;AAAAA,cACP,aAAaD;AAAAA,cACb,OAAOD;AAAAA,cACP,UAAUsC,MAAU,IAAIhC,IAAW;AAAA,YAAA;AAAA,YAJ9BJ;AAAAA,UAAA,CAMR;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"RadioGroup.js","sources":["../../../../../src/components/Common/UI/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import { useContext, useRef } from 'react'\nimport type { Ref } from 'react'\nimport classNames from 'classnames'\nimport {\n  RadioGroup as AriaRadioGroup,\n  RadioGroupStateContext,\n  type RadioGroupRenderProps,\n} from 'react-aria-components'\nimport { useRadio } from 'react-aria'\nimport type { AriaRadioProps } from 'react-aria'\nimport type React from 'react'\nimport { Radio } from '../Radio'\nimport styles from './RadioGroup.module.scss'\nimport type { RadioGroupProps } from './RadioGroupTypes'\nimport { RadioGroupDefaults } from './RadioGroupTypes'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport { Fieldset } from '@/components/Common/Fieldset'\nimport { useForkRef } from '@/hooks/useForkRef/useForkRef'\n\n// Radio implementation specific to React Aria to get our radio to connect\n// to their RadioGroup component\ninterface ReactAriaRadioProps extends Omit<AriaRadioProps, 'value'> {\n  label: React.ReactNode\n  description?: React.ReactNode\n  value: string\n  groupState: RadioGroupRenderProps['state']\n  inputRef?: Ref<HTMLInputElement>\n}\n\nfunction ReactAriaRadio({\n  label,\n  description,\n  value,\n  groupState,\n  inputRef: inputRefFromProps,\n  ...props\n}: ReactAriaRadioProps) {\n  const inputRef = useRef<HTMLInputElement>(null)\n  const handleInputRef = useForkRef(inputRefFromProps, inputRef)\n\n  const { inputProps, isSelected, isDisabled } = useRadio(\n    {\n      ...props,\n      value,\n      // Hack to suppress aria-label warning from React Aria. We don't actually\n      // use children for the mapping of our radio to React Aria and we already\n      // configure a label for our radios.\n      children: ' ',\n    },\n    groupState,\n    inputRef,\n  )\n\n  const handleChange = (checked: boolean) => {\n    if (checked) {\n      groupState.setSelectedValue(value)\n    }\n  }\n\n  return (\n    <Radio\n      label={label}\n      inputRef={handleInputRef}\n      isDisabled={isDisabled}\n      description={description}\n      onChange={handleChange}\n      value={isSelected}\n      name={inputProps.name}\n    />\n  )\n}\n\nfunction ReactAriaRadioWrapper(props: Omit<ReactAriaRadioProps, 'groupState'>) {\n  const groupState = useContext(RadioGroupStateContext)\n  // We can't render hooks conditionally so we have to use useRadio above but\n  // groupState is only defined if the component is rendered within a RadioGroup\n  // This wrapper component gets around that by checking if groupState is defined which\n  // should always be the case for us since this component is only used within a RadioGroup\n  return groupState ? <ReactAriaRadio groupState={groupState} {...props} /> : null\n}\n\n/**\n * Renders a group of mutually exclusive radio options that share a single label, description, and error state.\n *\n * @param rawProps - The {@link RadioGroupProps} controlling the group's label, options, and selected value.\n * @returns The rendered radio group as a fieldset.\n * @internal\n */\nexport function RadioGroup(rawProps: RadioGroupProps) {\n  const resolvedProps = applyMissingDefaults(rawProps, RadioGroupDefaults)\n  const {\n    label,\n    description,\n    errorMessage,\n    isRequired,\n    isInvalid,\n    isDisabled,\n    options,\n    shouldVisuallyHideLabel,\n    value,\n    defaultValue,\n    onChange,\n    className,\n    inputRef,\n    ...otherProps\n  } = resolvedProps\n  return (\n    <Fieldset\n      legend={label}\n      description={description}\n      errorMessage={errorMessage}\n      isRequired={isRequired}\n      shouldVisuallyHideLegend={shouldVisuallyHideLabel}\n      className={classNames(styles.root, className)}\n      {...otherProps}\n    >\n      <AriaRadioGroup\n        isInvalid={isInvalid}\n        isRequired={isRequired}\n        validationBehavior=\"aria\"\n        value={value}\n        defaultValue={defaultValue}\n        onChange={onChange}\n        isDisabled={isDisabled}\n        aria-labelledby=\" \"\n      >\n        {options.map(({ value, label, isDisabled, description }, index) => (\n          <ReactAriaRadioWrapper\n            isDisabled={isDisabled}\n            key={value}\n            value={value}\n            description={description}\n            label={label}\n            inputRef={index === 0 ? inputRef : undefined}\n          />\n        ))}\n      </AriaRadioGroup>\n    </Fieldset>\n  )\n}\n"],"names":["ReactAriaRadio","label","description","value","groupState","inputRefFromProps","props","inputRef","useRef","handleInputRef","useForkRef","inputProps","isSelected","isDisabled","useRadio","jsx","Radio","checked","ReactAriaRadioWrapper","useContext","RadioGroupStateContext","RadioGroup","rawProps","resolvedProps","applyMissingDefaults","RadioGroupDefaults","errorMessage","isRequired","isInvalid","options","shouldVisuallyHideLabel","defaultValue","onChange","className","otherProps","Fieldset","classNames","styles","AriaRadioGroup","index"],"mappings":";;;;;;;;;;;AA6BA,SAASA,EAAe;AAAA,EACtB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAUC;AAAA,EACV,GAAGC;AACL,GAAwB;AACtB,QAAMC,IAAWC,EAAyB,IAAI,GACxCC,IAAiBC,EAAWL,GAAmBE,CAAQ,GAEvD,EAAE,YAAAI,GAAY,YAAAC,GAAY,YAAAC,EAAA,IAAeC;AAAA,IAC7C;AAAA,MACE,GAAGR;AAAA,MACH,OAAAH;AAAA;AAAA;AAAA;AAAA,MAIA,UAAU;AAAA,IAAA;AAAA,IAEZC;AAAA,IACAG;AAAA,EAAA;AASF,SACE,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAf;AAAA,MACA,UAAUQ;AAAA,MACV,YAAAI;AAAA,MACA,aAAAX;AAAA,MACA,UAZiB,CAACe,MAAqB;AACzC,QAAIA,KACFb,EAAW,iBAAiBD,CAAK;AAAA,MAErC;AAAA,MASI,OAAOS;AAAA,MACP,MAAMD,EAAW;AAAA,IAAA;AAAA,EAAA;AAGvB;AAEA,SAASO,EAAsBZ,GAAgD;AAC7E,QAAMF,IAAae,EAAWC,CAAsB;AAKpD,SAAOhB,IAAa,gBAAAW,EAACf,GAAA,EAAe,YAAAI,GAAyB,GAAGE,GAAO,IAAK;AAC9E;AASO,SAASe,EAAWC,GAA2B;AACpD,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAkB,GACjE;AAAA,IACJ,OAAAxB;AAAA,IACA,aAAAC;AAAA,IACA,cAAAwB;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAf;AAAA,IACA,SAAAgB;AAAA,IACA,yBAAAC;AAAA,IACA,OAAA3B;AAAA,IACA,cAAA4B;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAA1B;AAAA,IACA,GAAG2B;AAAA,EAAA,IACDX;AACJ,SACE,gBAAAR;AAAA,IAACoB;AAAA,IAAA;AAAA,MACC,QAAQlC;AAAA,MACR,aAAAC;AAAA,MACA,cAAAwB;AAAA,MACA,YAAAC;AAAA,MACA,0BAA0BG;AAAA,MAC1B,WAAWM,EAAWC,EAAO,MAAMJ,CAAS;AAAA,MAC3C,GAAGC;AAAA,MAEJ,UAAA,gBAAAnB;AAAA,QAACuB;AAAAA,QAAA;AAAA,UACC,WAAAV;AAAA,UACA,YAAAD;AAAA,UACA,oBAAmB;AAAA,UACnB,OAAAxB;AAAA,UACA,cAAA4B;AAAA,UACA,UAAAC;AAAA,UACA,YAAAnB;AAAA,UACA,mBAAgB;AAAA,UAEf,UAAAgB,EAAQ,IAAI,CAAC,EAAE,OAAA1B,GAAO,OAAAF,GAAO,YAAAY,GAAY,aAAAX,EAAAA,GAAeqC,MACvD,gBAAAxB;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,YAAYL;AAAAA,cAEZ,OAAOV;AAAAA,cACP,aAAaD;AAAAA,cACb,OAAOD;AAAAA,cACP,UAAUsC,MAAU,IAAIhC,IAAW;AAAA,YAAA;AAAA,YAJ9BJ;AAAAA,UAAA,CAMR;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN;"}

package/dist/components/Common/UI/RadioGroup/RadioGroupTypes.d.ts

@@ -1,5 +1,10 @@
 import { FieldsetHTMLAttributes, Ref } from 'react';
 import { SharedFieldLayoutProps } from '../../FieldLayout/FieldLayoutTypes';
+/**
+ * Option entry your `RadioGroup` implementation receives in the `options` array when rendering each radio button.
+ *
+ * @public
+ */
 export interface RadioGroupOption {
     /**
      * Label text or content for the radio option
@@ -18,13 +23,23 @@ export interface RadioGroupOption {
      */
     description?: React.ReactNode;
 }
+/**
+ * Props your `RadioGroup` implementation must accept from the component adapter.
+ * Renders a form field wrapping multiple `<input type="radio" />` elements with a label, optional description, and error message.
+ *
+ * @public
+ */
 export interface RadioGroupProps extends SharedFieldLayoutProps, Pick<FieldsetHTMLAttributes<HTMLFieldSetElement>, 'className'> {
     /**
      * Indicates that the field has an error
+     *
+     * @defaultValue `false`
      */
     isInvalid?: boolean;
     /**
      * Disables all radio options in the group
+     *
+     * @defaultValue `false`
      */
     isDisabled?: boolean;
     /**
@@ -49,7 +64,9 @@ export interface RadioGroupProps extends SharedFieldLayoutProps, Pick<FieldsetHT
     inputRef?: Ref<HTMLInputElement>;
 }
 /**
- * Default prop values for RadioGroup component.
+ * Default prop values for the RadioGroup component.
+ *
+ * @internal
  */
 export declare const RadioGroupDefaults: {
     readonly isRequired: false;

package/dist/components/Common/UI/RadioGroup/RadioGroupTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroupTypes.js","sources":["../../../../../src/components/Common/UI/RadioGroup/RadioGroupTypes.ts"],"sourcesContent":["import type { FieldsetHTMLAttributes, Ref } from 'react'\nimport type { SharedFieldLayoutProps } from '@/components/Common/FieldLayout/FieldLayoutTypes'\n\nexport interface RadioGroupOption {\n  /**\n   * Label text or content for the radio option\n   */\n  label: React.ReactNode\n  /**\n   * Value of the option that will be passed to onChange\n   */\n  value: string\n  /**\n   * Disables this specific radio option\n   */\n  isDisabled?: boolean\n  /**\n   * Optional description text for the radio option\n   */\n  description?: React.ReactNode\n}\n\nexport interface RadioGroupProps\n  extends SharedFieldLayoutProps, Pick<FieldsetHTMLAttributes<HTMLFieldSetElement>, 'className'> {\n  /**\n   * Indicates that the field has an error\n   */\n  isInvalid?: boolean\n  /**\n   * Disables all radio options in the group\n   */\n  isDisabled?: boolean\n  /**\n   * Array of radio options to display\n   */\n  options: Array<RadioGroupOption>\n  /**\n   * Currently selected value\n   */\n  value?: string | null\n  /**\n   * Initially selected value\n   */\n  defaultValue?: string\n  /**\n   * Callback when selection changes\n   */\n  onChange?: (value: string) => void\n  /**\n   * React ref for the first radio input element\n   */\n  inputRef?: Ref<HTMLInputElement>\n}\n\n/**\n * Default prop values for RadioGroup component.\n */\nexport const RadioGroupDefaults = {\n  isRequired: false,\n  isInvalid: false,\n  isDisabled: false,\n  shouldVisuallyHideLabel: false,\n} as const satisfies Partial<RadioGroupProps>\n"],"names":["RadioGroupDefaults"],"mappings":"AAyDO,MAAMA,IAAqB;AAAA,EAChC,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,yBAAyB;AAC3B;"}
+{"version":3,"file":"RadioGroupTypes.js","sources":["../../../../../src/components/Common/UI/RadioGroup/RadioGroupTypes.ts"],"sourcesContent":["import type { FieldsetHTMLAttributes, Ref } from 'react'\nimport type { SharedFieldLayoutProps } from '@/components/Common/FieldLayout/FieldLayoutTypes'\n\n/**\n * Option entry your `RadioGroup` implementation receives in the `options` array when rendering each radio button.\n *\n * @public\n */\nexport interface RadioGroupOption {\n  /**\n   * Label text or content for the radio option\n   */\n  label: React.ReactNode\n  /**\n   * Value of the option that will be passed to onChange\n   */\n  value: string\n  /**\n   * Disables this specific radio option\n   */\n  isDisabled?: boolean\n  /**\n   * Optional description text for the radio option\n   */\n  description?: React.ReactNode\n}\n\n/**\n * Props your `RadioGroup` implementation must accept from the component adapter.\n * Renders a form field wrapping multiple `<input type=\"radio\" />` elements with a label, optional description, and error message.\n *\n * @public\n */\nexport interface RadioGroupProps\n  extends SharedFieldLayoutProps, Pick<FieldsetHTMLAttributes<HTMLFieldSetElement>, 'className'> {\n  /**\n   * Indicates that the field has an error\n   *\n   * @defaultValue `false`\n   */\n  isInvalid?: boolean\n  /**\n   * Disables all radio options in the group\n   *\n   * @defaultValue `false`\n   */\n  isDisabled?: boolean\n  /**\n   * Array of radio options to display\n   */\n  options: Array<RadioGroupOption>\n  /**\n   * Currently selected value\n   */\n  value?: string | null\n  /**\n   * Initially selected value\n   */\n  defaultValue?: string\n  /**\n   * Callback when selection changes\n   */\n  onChange?: (value: string) => void\n  /**\n   * React ref for the first radio input element\n   */\n  inputRef?: Ref<HTMLInputElement>\n}\n\n/**\n * Default prop values for the RadioGroup component.\n *\n * @internal\n */\nexport const RadioGroupDefaults = {\n  isRequired: false,\n  isInvalid: false,\n  isDisabled: false,\n  shouldVisuallyHideLabel: false,\n} as const satisfies Partial<RadioGroupProps>\n"],"names":["RadioGroupDefaults"],"mappings":"AA0EO,MAAMA,IAAqB;AAAA,EAChC,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,yBAAyB;AAC3B;"}