@oracle/oraclejet-preact 19.0.1 → 19.0.2

package/cjs/UNSAFE_Checkbox.js

@@ -9,23 +9,23 @@ require('./logger-2b636482.js');
 require('./TabbableModeContext-e99d527e.js');
 require('preact/hooks');
 var useId = require('./useId-6c0eeb27.js');
-require('./LayerHost-aee0e070.js');
+require('./LayerHost-f1a1533f.js');
 
 
 require('./UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css.js');
-var InlineUserAssistance = require('./InlineUserAssistance-2fba4481.js');
-require('./Flex-6ca216a7.js');
+var InlineUserAssistance = require('./InlineUserAssistance-74680664.js');
+require('./Flex-a6d1c038.js');
 
 
 require('./UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css.js');
 require('preact');
-var useTestId = require('./useTestId-9093a54b.js');
+var useTestId = require('./useTestId-15ee37d6.js');
 
 
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
-require('./tooltipUtils-ae48fed6.js');
+require('./tooltipUtils-842e04c7.js');
 
-require('./IconButton-217314e6.js');
+require('./IconButton-7ebfcb64.js');
 
 require('./MessageFormattingUtils-539d75b0.js');
 require('./TransitionGroup-b239d98f.js');
@@ -35,7 +35,7 @@ require('./MessagesContext-4e939750.js');
 
 require('./UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css.js');
 require('./FormFieldContext-69fe83d2.js');
-require('./Popup-080e8f67.js');
+require('./Popup-91e33a1d.js');
 require('./UNSAFE_Separator/themes/SeparatorStyles.css.js');
 
 
@@ -47,12 +47,12 @@ require('./FormContext-d1d05967.js');
 var useFormContext = require('./useFormContext-a794f7b6.js');
 var CheckboxRadioContext = require('./CheckboxRadioContext-3b134bd1.js');
 var stringUtils = require('./stringUtils-3e19c8af.js');
-var CheckboxControl = require('./CheckboxControl-3334a89b.js');
+var CheckboxControl = require('./CheckboxControl-45f11f7e.js');
 require('./index-15e13649.js');
 require('./UNSAFE_Layer/themes/LayerHostStyles.css.js');
 
 require('./vanilla-extract-recipes-createRuntimeFn.esm-d1301b2d.js');
-require('./ComponentMessageContainer-0a029bed.js');
+require('./ComponentMessageContainer-1b9e8036.js');
 require('./MessagesManager-5f1e36da.js');
 require('./classNames-c14c6ef3.js');
 require('./SuccessS-7e6dbebc.js');
@@ -62,8 +62,8 @@ require('./utils-a66430fc.js');
 require('./themeContract.css-a53fd740.js');
 require('./colorUtils-01f3caa2.js');
 require('./_curry1-e8f0d7ea.js');
-require('./useTooltip-8728f2ff.js');
-require('./useTooltipControlled-3c2afa53.js');
+require('./useTooltip-43bfe8a3.js');
+require('./useTooltipControlled-4a59aaf5.js');
 require('./useHover-49b0430d.js');
 require('./useToggle-3ebba7d8.js');
 require('./useFocus-1b288fb9.js');
@@ -71,9 +71,9 @@ require('./useTouch-4dec8729.js');
 require('./mergeProps-e3da7237.js');
 require('./useAnimation-fb11e4cc.js');
 require('./useComponentTheme-082fc8e4.js');
-require('./useThemeInterpolations-4faece98.js');
-require('./useColorScheme-23e4aab4.js');
-require('./useScale-adc62f41.js');
+require('./useThemeInterpolations-b29f0f7d.js');
+require('./useColorScheme-a379cdb9.js');
+require('./useScale-349360cd.js');
 require('./theme-dfd6a9fe.js');
 require('./Theme-f06687af.js');
 require('./mergeInterpolations-6727b536.js');
@@ -81,7 +81,7 @@ require('./mergeDeepWithKey-210b024d.js');
 require('./_curry3-18677bca.js');
 require('./_curry2-c15d89cd.js');
 require('./_isObject-28636267.js');
-require('./useDensity-022a8f80.js');
+require('./useDensity-a1ed72b0.js');
 require('./unsafeDomAccess-c3a492f0.js');
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme.js');
 require('./hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css.js');
@@ -93,7 +93,7 @@ require('./ErrorS-14a49cb6.js');
 require('./InformationS-b6024498.js');
 require('./WarningS-2243c6d7.js');
 require('./PRIVATE_Message/themes/MessageStyles.css.js');
-require('./useTranslationBundle-18b7bf8b.js');
+require('./useTranslationBundle-24c593f4.js');
 require('./soundUtils-ff3c9c0d.js');
 require('./useMessagesContext-23d62331.js');
 require('./Transition-942950ed.js');
@@ -119,15 +119,15 @@ require('./flexitem-fee13e26.js');
 
 
 
-require('./EnvironmentProvider-8696a5b8.js');
-require('./LayerManager-fc4df14f.js');
-require('./Floating-5a704a27.js');
-require('./useFloating-13101293.js');
-require('./useUser-f900ddf1.js');
+require('./EnvironmentProvider-5a401f32.js');
+require('./LayerManager-2a80307c.js');
+require('./Floating-a360e16a.js');
+require('./useFloating-768519ce.js');
+require('./useUser-081e5bd5.js');
 require('./positionUtils-a780137e.js');
 require('./refUtils-a9872e75.js');
-require('./useOutsideClick-c3802f86.js');
-require('./Layer-28b1afce.js');
+require('./useOutsideClick-0ad85b65.js');
+require('./Layer-c8668ea4.js');
 require('./UNSAFE_Layer/themes/LayerStyles.css.js');
 
 require('./useModal-0739a528.js');
@@ -140,17 +140,17 @@ require('./UNSAFE_Floating/themes/redwood/FloatingVariants.css.js');
 require('./vanilla-extract-dynamic.esm-2e1b7c25.js');
 require('./UNSAFE_Floating/themes/FloatingContract.css.js');
 require('./useUnsafeDomElementRef-f22a2f0c.js');
-require('./BaseButton-f6eb6de1.js');
+require('./BaseButton-acda944a.js');
 require('./useActive-6770f917.js');
 require('./UNSAFE_BaseButton/themes/redwood/BaseButtonTheme.js');
 require('./UNSAFE_BaseButton/themes/BaseButtonStyles.css.js');
 
 require('./UNSAFE_BaseButton/themes/redwood/BaseButtonVariants.css.js');
 
-require('./BareButton-814ae4b7.js');
-require('./useBareButton-8c4f3b41.js');
+require('./BareButton-5a989b01.js');
+require('./useBareButton-3c8d1a5d.js');
 require('./usePress-886180e4.js');
-require('./usePressClick-421494df.js');
+require('./usePressClick-7a34624a.js');
 require('./buttonUtils-dff2ea3e.js');
 require('./id-86356250.js');
 require('./ButtonLabelLayout-8981b39a.js');
@@ -175,11 +175,11 @@ require('./FocusTrap-fbb0c20f.js');
 require('./FocusTracker-946ba8d8.js');
 require('./PRIVATE_FocusTracker/themes/FocusTrackerStyles.css.js');
 
-require('./Modal-0cea796e.js');
+require('./Modal-b00b9f5e.js');
 require('./UNSAFE_Modal/themes/ModalStyles.css.js');
 
-require('./popupUtils-488fe8f7.js');
-require('./WindowOverlay-a10f995e.js');
+require('./popupUtils-96acfe58.js');
+require('./WindowOverlay-5a341d43.js');
 require('./UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css.js');
 
 require('./UNSAFE_WindowOverlay/themes/WindowOverlayContract.css.js');
@@ -187,10 +187,10 @@ require('./UNSAFE_WindowOverlay/themes/redwood/WindowOverlayTheme.js');
 require('./UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.css.js');
 
 require('./UNSAFE_WindowOverlay/themes/redwood/WindowOverlayVariants.css.js');
-require('./usePopupAnimation-18040396.js');
+require('./usePopupAnimation-d24b74af.js');
 require('./useAnimationStatus-c0c14bcc.js');
 require('./popupAnimationUtils-dcace427.js');
-require('./LiveRegion-e410e187.js');
+require('./LiveRegion-a2c839ea.js');
 
 require('./UNSAFE_Popup/themes/PopupContract.css.js');
 require('./UNSAFE_Popup/themes/redwood/PopupTheme.js');
@@ -199,7 +199,7 @@ require('./UNSAFE_Popup/themes/redwood/PopupBaseTheme.css.js');
 require('./colors-2f2afb62.js');
 
 require('./useFocusWithin-eb7f956a.js');
-require('./IconUserAssistance-b0f33cac.js');
+require('./IconUserAssistance-65d6d06c.js');
 require('./Help-73155cca.js');
 require('./StyledCheckbox-4476f902.js');
 require('./Check-da5641a4.js');
@@ -220,6 +220,7 @@ require('./useCollectionInteractionContext-6fc0200e.js');
 require('./UNSAFE_Checkbox/themes/redwood/CheckboxTheme.js');
 require('./UNSAFE_Checkbox/themes/CheckboxStyles.css.js');
 
+
 require('./UNSAFE_Checkbox/themes/redwood/CheckboxBaseTheme.css.js');
 
 require('./UNSAFE_Checkbox/themes/redwood/CheckboxVariants.css.js');

package/cjs/UNSAFE_Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_Checkbox.js","sources":["../../src/UNSAFE_Checkbox/Checkbox.tsx"],"sourcesContent":["import type { ComponentChildren, ComponentProps, Ref, JSX } from 'preact';\nimport { forwardRef, useCallback, useImperativeHandle, useRef } from 'preact/compat';\n\nimport { InlineUserAssistance, UserAssistanceDensityType } from '#UNSAFE_UserAssistance';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport { FocusableHandle } from '#hooks/UNSAFE_useFocusableTextField';\nimport { CheckboxControl } from '#PRIVATE_CheckboxControl';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { CheckboxRadioContext } from '#PRIVATE_CheckboxRadioField/CheckboxRadioContext';\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\nimport { LayoutColumnSpan } from '#utils/UNSAFE_styles/Layout';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { merge } from '#utils/UNSAFE_stringUtils';\n\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype Props = {\n  /**\n   * The ID of an element (or space separated IDs of multiple elements) that\n   * describes the input.\n   */\n  'aria-describedby'?: UnpackSignals<JSX.AriaAttributes>['aria-describedby'];\n  /**\n   * Text to provide the user with additional information.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\n  /**\n   * Content associated with checkbox. This can be a label or a block of text.\n   */\n  children: ComponentChildren;\n  /**\n   * Specifies how many columns to span in a FormLayout with direction === 'row'\n   */\n  columnSpan?: LayoutColumnSpan;\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n  /**\n   * Custom text to be rendered for the <code>helpSourceLink</code>.\n   */\n  helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n  /**\n   * Specifies whether the checkbox requires a selection to be made.\n   */\n  isRequired?: boolean;\n  /**\n   * Specifies if the checkbox is read-only.\n   */\n  isReadonly?: boolean;\n  /**\n   * Specifies if the checkbox is disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * Messages to show on screen that are associated with the component.\n   */\n  messages?: InlineUserAssistanceProps['messages'];\n  /**\n   * Callback invoked each time the user changes checkbox selection.\n   */\n  onCommit: (detail: ValueUpdateDetail<boolean>) => void;\n  /**\n   * Specifies the density of the user assistance presentation.  It can be set to:\n   * <ul>\n   * <li><code>'reflow'</code>: Show inline. Layout will reflow when text is displayed.</li>\n   * <li><code>'efficient'</code>: Show inline and reserve space to prevent layout reflow when user\n   * assistance text is displayed.</li>\n   * <li><code>'compact'</code>: Show inline and reserve space to prevent layout reflow when user\n   * assistance text is displayed.</li>\n   * </ul>\n   */\n  userAssistanceDensity?: UserAssistanceDensityType;\n  /**\n   * Value of the checkbox.\n   */\n  value?: boolean;\n} & TestIdProps;\n\n/**\n * Checkbox is a single standalone checkbox control. It represents a boolean value.\n */\nexport const Checkbox = forwardRef(\n  (\n    {\n      'aria-describedby': propAriaDescribedBy,\n      assistiveText,\n      columnSpan,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled: propIsDisabled,\n      isReadonly: propIsReadonly,\n      isRequired = false,\n      messages,\n      onCommit,\n      userAssistanceDensity: propUserAssistanceDensity,\n      value: propValue,\n      testId,\n      children\n    }: Props,\n    ref: Ref<FocusableHandle> = null\n  ) => {\n    const {\n      isDisabled: isFormDisabled,\n      isReadonly: isFormReadonly,\n      userAssistanceDensity: formUserAssistanceDensity\n    } = useFormContext();\n\n    const checkboxRef = useRef<HTMLInputElement>(null);\n    const id = useId();\n    const testIdProps = useTestId(testId);\n    const UAtestId = testId ? `${testId}-inline-user-assistance` : undefined;\n\n    // default to FormContext values if component properties are not specified\n    const isDisabled = propIsDisabled ?? isFormDisabled;\n    const isReadonly = propIsReadonly ?? isFormReadonly;\n    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n    // we still render <InlineUserAssistance/> if density is 'efficient' or 'compact' to save space,\n    // even though we don't render user assistance for disabled fields\n    const hasBottomUserAssistance = !isDisabled;\n    const bottomUaId = hasBottomUserAssistance ? `${id}-bottom-ua` : undefined;\n    const ariaDescribedBy = hasBottomUserAssistance\n      ? merge([bottomUaId, propAriaDescribedBy])\n      : propAriaDescribedBy;\n\n    const onChangeHandler = useCallback(\n      (e: Event) => {\n        // return early on keyup if key isn't spacebar\n        const { key } = e as KeyboardEvent;\n        const hasKey = key !== undefined;\n\n        if (hasKey && key !== ' ') {\n          return;\n        }\n\n        const input = e.target as HTMLInputElement;\n        // While mouse clicking StyledCheckbox results in toggling the checked state on an input element, spacebar key events do not.\n        // If it is a spacebar key event, we will return the toggled value of its current state.\n        const value = hasKey ? !input.checked : input.checked;\n        const previousValue = !!propValue;\n\n        if (previousValue !== value) {\n          onCommit({\n            value,\n            previousValue\n          });\n        }\n      },\n      [onCommit, propValue]\n    );\n\n    useImperativeHandle(ref, () => ({\n      focus: () => {\n        !isDisabled && checkboxRef.current?.focus();\n      },\n      blur: () => {\n        const activeElement = document.activeElement as HTMLElement;\n        checkboxRef.current === activeElement && activeElement.blur();\n      }\n    }));\n\n    // TODO fix issue with tooltip and link in label\n    // \n\n    return (\n      <div {...testIdProps}>\n        <CheckboxRadioContext.Provider value={{ isFocusRingShown: !isDisabled }}>\n          <CheckboxControl\n            {...(!isDisabled && !isReadonly\n              ? {\n                  onChange: onChangeHandler,\n                  onKeyUp: onChangeHandler\n                }\n              : {})}\n            aria-describedby={ariaDescribedBy}\n            assistiveText={assistiveText}\n            columnSpan={columnSpan}\n            helpSourceLink={helpSourceLink}\n            helpSourceText={helpSourceText}\n            isChecked={propValue}\n            isDisabled={isDisabled}\n            isReadonly={isReadonly}\n            isRequired={isRequired}\n            ref={checkboxRef}>\n            {children}\n          </CheckboxControl>\n          {hasBottomUserAssistance ? (\n            <InlineUserAssistance\n              id={bottomUaId}\n              isRequiredShown={!isReadonly && !!isRequired && !propValue}\n              requiredAlignment=\"start\"\n              messages={messages}\n              userAssistanceDensity={userAssistanceDensity === 'reflow' ? 'reflow' : 'efficient'}\n              testId={UAtestId}\n            />\n          ) : userAssistanceDensity === 'reflow' ? undefined : (\n            /* save space for user assistance if density is 'efficient' or 'compact', even though we don't\n             render user assistance for disabled or readonly fields */\n            <InlineUserAssistance userAssistanceDensity=\"efficient\" testId={UAtestId} />\n          )}\n        </CheckboxRadioContext.Provider>\n      </div>\n    );\n  }\n);\n"],"names":["forwardRef","useFormContext","useRef","useId","useTestId","merge","useCallback","useImperativeHandle","_jsx","_jsxs","CheckboxRadioContext","CheckboxControl","InlineUserAssistance"],"mappings":"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"}
+{"version":3,"file":"UNSAFE_Checkbox.js","sources":["../../src/UNSAFE_Checkbox/Checkbox.tsx"],"sourcesContent":["import type { ComponentChildren, ComponentProps, Ref, JSX } from 'preact';\nimport { forwardRef, useCallback, useImperativeHandle, useRef } from 'preact/compat';\n\nimport { InlineUserAssistance, UserAssistanceDensityType } from '#UNSAFE_UserAssistance';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport { FocusableHandle } from '#hooks/UNSAFE_useFocusableTextField';\nimport { CheckboxControl } from '#PRIVATE_CheckboxControl';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { CheckboxRadioContext } from '#PRIVATE_CheckboxRadioField/CheckboxRadioContext';\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\nimport { LayoutColumnSpan } from '#utils/UNSAFE_styles/Layout';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { merge } from '#utils/UNSAFE_stringUtils';\n\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype Props = {\n  /**\n   * The ID of an element (or space separated IDs of multiple elements) that\n   * describes the input.\n   */\n  'aria-describedby'?: UnpackSignals<JSX.AriaAttributes>['aria-describedby'];\n  /**\n   * Text to provide the user with additional information.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\n  /**\n   * Content associated with checkbox. This can be a label or a block of text.\n   */\n  children: ComponentChildren;\n  /**\n   * Specifies how many columns to span in a FormLayout with direction === 'row'\n   */\n  columnSpan?: LayoutColumnSpan;\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n  /**\n   * Custom text to be rendered for the <code>helpSourceLink</code>.\n   */\n  helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n  /**\n   * Specifies whether the checkbox requires a selection to be made.\n   */\n  isRequired?: boolean;\n  /**\n   * Specifies if the checkbox is read-only.\n   */\n  isReadonly?: boolean;\n  /**\n   * Specifies if the checkbox is disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * Messages to show on screen that are associated with the component.\n   */\n  messages?: InlineUserAssistanceProps['messages'];\n  /**\n   * Callback invoked each time the user changes checkbox selection.\n   */\n  onCommit: (detail: ValueUpdateDetail<boolean>) => void;\n  /**\n   * Specifies the density of the user assistance presentation.  It can be set to:\n   * <ul>\n   * <li><code>'reflow'</code>: Show inline. Layout will reflow when text is displayed.</li>\n   * <li><code>'efficient'</code>: Show inline and reserve space to prevent layout reflow when user\n   * assistance text is displayed.</li>\n   * <li><code>'compact'</code>: Show inline and reserve space to prevent layout reflow when user\n   * assistance text is displayed.</li>\n   * </ul>\n   */\n  userAssistanceDensity?: UserAssistanceDensityType;\n  /**\n   * Value of the checkbox.\n   */\n  value?: boolean;\n} & TestIdProps;\n\n/**\n * Checkbox is a single standalone checkbox control. It represents a boolean value.\n */\nexport const Checkbox = forwardRef(\n  (\n    {\n      'aria-describedby': propAriaDescribedBy,\n      assistiveText,\n      columnSpan,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled: propIsDisabled,\n      isReadonly: propIsReadonly,\n      isRequired = false,\n      messages,\n      onCommit,\n      userAssistanceDensity: propUserAssistanceDensity,\n      value: propValue,\n      testId,\n      children\n    }: Props,\n    ref: Ref<FocusableHandle> = null\n  ) => {\n    const {\n      isDisabled: isFormDisabled,\n      isReadonly: isFormReadonly,\n      userAssistanceDensity: formUserAssistanceDensity\n    } = useFormContext();\n\n    const checkboxRef = useRef<HTMLInputElement>(null);\n    const id = useId();\n    const testIdProps = useTestId(testId);\n    const UAtestId = testId ? `${testId}-inline-user-assistance` : undefined;\n\n    // default to FormContext values if component properties are not specified\n    const isDisabled = propIsDisabled ?? isFormDisabled;\n    const isReadonly = propIsReadonly ?? isFormReadonly;\n    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n    // we still render <InlineUserAssistance/> if density is 'efficient' or 'compact' to save space,\n    // even though we don't render user assistance for disabled fields\n    const hasBottomUserAssistance = !isDisabled;\n    const bottomUaId = hasBottomUserAssistance ? `${id}-bottom-ua` : undefined;\n    const ariaDescribedBy = hasBottomUserAssistance\n      ? merge([bottomUaId, propAriaDescribedBy])\n      : propAriaDescribedBy;\n\n    const onChangeHandler = useCallback(\n      (e: Event) => {\n        // return early on keyup if key isn't spacebar\n        const { key } = e as KeyboardEvent;\n        const hasKey = key !== undefined;\n\n        if (hasKey && key !== ' ') {\n          return;\n        }\n\n        const input = e.target as HTMLInputElement;\n        // While mouse clicking StyledCheckbox results in toggling the checked state on an input element, spacebar key events do not.\n        // If it is a spacebar key event, we will return the toggled value of its current state.\n        const value = hasKey ? !input.checked : input.checked;\n        const previousValue = !!propValue;\n\n        if (previousValue !== value) {\n          onCommit({\n            value,\n            previousValue\n          });\n        }\n      },\n      [onCommit, propValue]\n    );\n\n    useImperativeHandle(ref, () => ({\n      focus: () => {\n        !isDisabled && checkboxRef.current?.focus();\n      },\n      blur: () => {\n        const activeElement = document.activeElement as HTMLElement;\n        checkboxRef.current === activeElement && activeElement.blur();\n      }\n    }));\n\n    // TODO fix issue with tooltip and link in label\n    // \n\n    return (\n      <div {...testIdProps}>\n        <CheckboxRadioContext.Provider value={{ isFocusRingShown: !isDisabled }}>\n          <CheckboxControl\n            {...(!isDisabled && !isReadonly\n              ? {\n                  onChange: onChangeHandler,\n                  onKeyUp: onChangeHandler\n                }\n              : {})}\n            aria-describedby={ariaDescribedBy}\n            assistiveText={assistiveText}\n            columnSpan={columnSpan}\n            helpSourceLink={helpSourceLink}\n            helpSourceText={helpSourceText}\n            isChecked={propValue}\n            isDisabled={isDisabled}\n            isReadonly={isReadonly}\n            isRequired={isRequired}\n            ref={checkboxRef}>\n            {children}\n          </CheckboxControl>\n          {hasBottomUserAssistance ? (\n            <InlineUserAssistance\n              id={bottomUaId}\n              isRequiredShown={!isReadonly && !!isRequired && !propValue}\n              requiredAlignment=\"start\"\n              messages={messages}\n              userAssistanceDensity={userAssistanceDensity === 'reflow' ? 'reflow' : 'efficient'}\n              testId={UAtestId}\n            />\n          ) : userAssistanceDensity === 'reflow' ? undefined : (\n            /* save space for user assistance if density is 'efficient' or 'compact', even though we don't\n             render user assistance for disabled or readonly fields */\n            <InlineUserAssistance userAssistanceDensity=\"efficient\" testId={UAtestId} />\n          )}\n        </CheckboxRadioContext.Provider>\n      </div>\n    );\n  }\n);\n"],"names":["forwardRef","useFormContext","useRef","useId","useTestId","merge","useCallback","useImperativeHandle","_jsx","_jsxs","CheckboxRadioContext","CheckboxControl","InlineUserAssistance"],"mappings":"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"}

package/cjs/UNSAFE_CheckboxItem.js

@@ -9,25 +9,25 @@ require('./FormContext-d1d05967.js');
 var useFormContext = require('./useFormContext-a794f7b6.js');
 require('./FormFieldContext-69fe83d2.js');
 var useFormFieldContext = require('./useFormFieldContext-4632eb73.js');
-var CheckboxSet = require('./CheckboxSet-65fb2139.js');
-var CheckboxControl = require('./CheckboxControl-3334a89b.js');
+var CheckboxSet = require('./CheckboxSet-ee5f6850.js');
+var CheckboxControl = require('./CheckboxControl-45f11f7e.js');
 require('preact');
 require('preact/compat');
 require('./useFormFieldContextProps-0fa67f6c.js');
 
 require('./useId-6c0eeb27.js');
-require('./CheckboxRadioField-0a6614cc.js');
+require('./CheckboxRadioField-c707f81f.js');
 require('./useCollectionFocusRing-7fcfe8f7.js');
 require('./collectionUtils-fe12edac.js');
 require('./keys-25710458.js');
 require('./clientHints-c40c5250.js');
-require('./useTranslationBundle-18b7bf8b.js');
-require('./LayerHost-aee0e070.js');
+require('./useTranslationBundle-24c593f4.js');
+require('./LayerHost-f1a1533f.js');
 require('./index-15e13649.js');
 require('./UNSAFE_Layer/themes/LayerHostStyles.css.js');
 
-require('./Flex-6ca216a7.js');
-require('./useTestId-9093a54b.js');
+require('./Flex-a6d1c038.js');
+require('./useTestId-15ee37d6.js');
 require('./classNames-c14c6ef3.js');
 require('./boxalignment-6dde2812.js');
 require('./size-0717c0bd.js');
@@ -49,7 +49,7 @@ require('./_curry3-18677bca.js');
 require('./_curry2-c15d89cd.js');
 require('./_isObject-28636267.js');
 
-require('./Label-afee809f.js');
+require('./Label-670472a7.js');
 require('./useComponentTheme-082fc8e4.js');
 require('./logger-2b636482.js');
 require('./TabbableModeContext-e99d527e.js');
@@ -61,20 +61,20 @@ require('./vanilla-extract-recipes-createRuntimeFn.esm-d1301b2d.js');
 
 require('./UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css.js');
 
-require('./useTooltip-8728f2ff.js');
-require('./useTooltipControlled-3c2afa53.js');
+require('./useTooltip-43bfe8a3.js');
+require('./useTooltipControlled-4a59aaf5.js');
 require('./useHover-49b0430d.js');
 require('./useToggle-3ebba7d8.js');
 require('./useFocus-1b288fb9.js');
 require('./useTouch-4dec8729.js');
 require('./mergeProps-e3da7237.js');
 require('./useAnimation-fb11e4cc.js');
-require('./useThemeInterpolations-4faece98.js');
-require('./useColorScheme-23e4aab4.js');
-require('./useScale-adc62f41.js');
+require('./useThemeInterpolations-b29f0f7d.js');
+require('./useColorScheme-a379cdb9.js');
+require('./useScale-349360cd.js');
 require('./theme-dfd6a9fe.js');
 require('./Theme-f06687af.js');
-require('./useDensity-022a8f80.js');
+require('./useDensity-a1ed72b0.js');
 require('./unsafeDomAccess-c3a492f0.js');
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme.js');
 require('./hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css.js');
@@ -83,16 +83,16 @@ require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css.js
 
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
 
-require('./tooltipUtils-ae48fed6.js');
-require('./EnvironmentProvider-8696a5b8.js');
-require('./LayerManager-fc4df14f.js');
-require('./Floating-5a704a27.js');
-require('./useFloating-13101293.js');
-require('./useUser-f900ddf1.js');
+require('./tooltipUtils-842e04c7.js');
+require('./EnvironmentProvider-5a401f32.js');
+require('./LayerManager-2a80307c.js');
+require('./Floating-a360e16a.js');
+require('./useFloating-768519ce.js');
+require('./useUser-081e5bd5.js');
 require('./positionUtils-a780137e.js');
 require('./refUtils-a9872e75.js');
-require('./useOutsideClick-c3802f86.js');
-require('./Layer-28b1afce.js');
+require('./useOutsideClick-0ad85b65.js');
+require('./Layer-c8668ea4.js');
 require('./UNSAFE_Layer/themes/LayerStyles.css.js');
 
 require('./useModal-0739a528.js');
@@ -106,18 +106,18 @@ require('./vanilla-extract-dynamic.esm-2e1b7c25.js');
 require('./UNSAFE_Floating/themes/FloatingContract.css.js');
 require('./useUnsafeDomElementRef-f22a2f0c.js');
 
-require('./IconButton-217314e6.js');
-require('./BaseButton-f6eb6de1.js');
+require('./IconButton-7ebfcb64.js');
+require('./BaseButton-acda944a.js');
 require('./useActive-6770f917.js');
 require('./UNSAFE_BaseButton/themes/redwood/BaseButtonTheme.js');
 require('./UNSAFE_BaseButton/themes/BaseButtonStyles.css.js');
 
 require('./UNSAFE_BaseButton/themes/redwood/BaseButtonVariants.css.js');
 
-require('./BareButton-814ae4b7.js');
-require('./useBareButton-8c4f3b41.js');
+require('./BareButton-5a989b01.js');
+require('./useBareButton-3c8d1a5d.js');
 require('./usePress-886180e4.js');
-require('./usePressClick-421494df.js');
+require('./usePressClick-7a34624a.js');
 require('./useTabbableMode-a275583f.js');
 require('./buttonUtils-dff2ea3e.js');
 require('./id-86356250.js');
@@ -144,7 +144,7 @@ require('./MessagesContext-4e939750.js');
 
 require('./UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css.js');
 require('./InputGroupContext-05f2a46f.js');
-require('./Popup-080e8f67.js');
+require('./Popup-91e33a1d.js');
 require('./tabbableUtils-7e41d383.js');
 require('./head-68d0992f.js');
 require('./_arity-c228159c.js');
@@ -154,11 +154,11 @@ require('./FocusTrap-fbb0c20f.js');
 require('./FocusTracker-946ba8d8.js');
 require('./PRIVATE_FocusTracker/themes/FocusTrackerStyles.css.js');
 
-require('./Modal-0cea796e.js');
+require('./Modal-b00b9f5e.js');
 require('./UNSAFE_Modal/themes/ModalStyles.css.js');
 
-require('./popupUtils-488fe8f7.js');
-require('./WindowOverlay-a10f995e.js');
+require('./popupUtils-96acfe58.js');
+require('./WindowOverlay-5a341d43.js');
 require('./UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css.js');
 
 require('./UNSAFE_WindowOverlay/themes/WindowOverlayContract.css.js');
@@ -166,10 +166,10 @@ require('./UNSAFE_WindowOverlay/themes/redwood/WindowOverlayTheme.js');
 require('./UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.css.js');
 
 require('./UNSAFE_WindowOverlay/themes/redwood/WindowOverlayVariants.css.js');
-require('./usePopupAnimation-18040396.js');
+require('./usePopupAnimation-d24b74af.js');
 require('./useAnimationStatus-c0c14bcc.js');
 require('./popupAnimationUtils-dcace427.js');
-require('./LiveRegion-e410e187.js');
+require('./LiveRegion-a2c839ea.js');
 
 require('./HiddenAccessible-087eb49a.js');
 require('./UNSAFE_Popup/themes/PopupContract.css.js');
@@ -181,7 +181,7 @@ require('./UNSAFE_Popup/themes/redwood/PopupVariants.css.js');
 require('./colors-2f2afb62.js');
 require('./UNSAFE_Separator/themes/SeparatorStyles.css.js');
 
-require('./CompactLabelAssistance-d5bbeb5e.js');
+require('./CompactLabelAssistance-eb32e7f5.js');
 require('./Help-73155cca.js');
 require('./Icon-bc05e7bd.js');
 require('./UNSAFE_Icon/themes/IconStyle.css.js');
@@ -206,8 +206,8 @@ require('./UNSAFE_TextField/themes/redwood/TextFieldVariants.css.js');
 require('./InlineHelp-8097a102.js');
 require('./UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme.js');
 require('./UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.css.js');
-require('./InlineUserAssistance-2fba4481.js');
-require('./ComponentMessageContainer-0a029bed.js');
+require('./InlineUserAssistance-74680664.js');
+require('./ComponentMessageContainer-1b9e8036.js');
 require('./MessagesManager-5f1e36da.js');
 require('./SuccessS-7e6dbebc.js');
 require('./ErrorS-14a49cb6.js');
@@ -227,7 +227,7 @@ require('./useMessageSeverity-cfc4ae9d.js');
 require('./CheckboxRadioContext-3b134bd1.js');
 require('./LayoutStyles.css-b4025421.js');
 
-require('./CheckboxRadioLabelValueLayout-20d3187e.js');
+require('./CheckboxRadioLabelValueLayout-e9110e5f.js');
 require('./UNSAFE_RadioItem/themes/redwood/RadioTheme.js');
 require('./UNSAFE_RadioItem/themes/RadioStyles.css.js');
 
@@ -241,15 +241,16 @@ require('./UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.css.js');
 require('./UNSAFE_Checkbox/themes/redwood/CheckboxTheme.js');
 require('./UNSAFE_Checkbox/themes/CheckboxStyles.css.js');
 
+
 require('./UNSAFE_Checkbox/themes/redwood/CheckboxBaseTheme.css.js');
 
 require('./UNSAFE_Checkbox/themes/redwood/CheckboxVariants.css.js');
 
-require('./StyledLabelValueLayout-d7705c97.js');
+require('./StyledLabelValueLayout-dd89f379.js');
 
 
 require('./formControlUtils-3a7c7b5d.js');
-require('./IconUserAssistance-b0f33cac.js');
+require('./IconUserAssistance-65d6d06c.js');
 require('./StyledCheckbox-4476f902.js');
 require('./Check-da5641a4.js');
 require('./CheckboxOff-511f3203.js');

package/cjs/UNSAFE_CheckboxItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_CheckboxItem.js","sources":["../../src/UNSAFE_CheckboxItem/CheckboxItem.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentProps } from 'preact';\nimport { useCallback } from 'preact/hooks';\n\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { useCheckboxSetContext } from '../UNSAFE_CheckboxSet';\n\nimport { CheckboxControl } from '../PRIVATE_CheckboxControl/CheckboxControl';\nimport { InlineUserAssistance } from '#UNSAFE_UserAssistance';\n\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype Props = {\n  /**\n   * Text that describes the checkbox item value.\n   */\n  children: string;\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n  /**\n   * Custom text to be rendered for the `helpSourceLink`.\n   */\n  helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n  /**\n   * Value of the checkbox item.\n   */\n  value: string | number;\n};\n\n/**\n * CheckboxItem is a child component of CheckboxSet. It contains the checkbox, label, and assistive text.\n */\nconst CheckboxItem = ({\n  children,\n  value,\n  assistiveText,\n  helpSourceLink,\n  helpSourceText\n}: Props) => {\n  const { isReadonly: isFormReadonly, isDisabled: isFormDisabled } = useFormContext();\n  const { isDisabled: isFieldDisabled, isReadonly: isFieldReadonly } = useFormFieldContext();\n  const { name, onCommit, value: groupValue } = useCheckboxSetContext();\n\n  const isChecked = groupValue?.has(value);\n  const isDisabled = isFieldDisabled ?? isFormDisabled;\n  const isReadonly = isFieldReadonly ?? isFormReadonly;\n\n  const onChangeHandler = useCallback(\n    (e: Event) => {\n      // return early on keyup if key isn't spacebar\n      const { key } = e as KeyboardEvent;\n      if (key !== undefined && key !== ' ') {\n        return;\n      }\n\n      // create a new set from the previous and add or remove the changed value\n      const newGroupValue = new Set(groupValue);\n      newGroupValue.has(value) ? newGroupValue.delete(value) : newGroupValue.add(value);\n\n      onCommit?.({\n        previousValue: groupValue,\n        value: newGroupValue.size > 0 ? newGroupValue : undefined\n      });\n    },\n    [groupValue, onCommit, value]\n  );\n\n  return (\n    <CheckboxControl\n      name={name}\n      value={value}\n      {...(!isReadonly && !isDisabled\n        ? { onChange: onChangeHandler, onKeyUp: onChangeHandler }\n        : {})}\n      assistiveText={assistiveText}\n      helpSourceLink={helpSourceLink}\n      helpSourceText={helpSourceText}\n      isChecked={isChecked}\n      isDisabled={isDisabled}\n      isReadonly={isReadonly}>\n      {children}\n    </CheckboxControl>\n  );\n};\n\nexport { CheckboxItem };\n"],"names":["useFormContext","useFormFieldContext","useCheckboxSetContext","useCallback","_jsx","CheckboxControl"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA;;AAEG;AACH,MAAM,YAAY,GAAG,CAAC,EACpB,QAAQ,EACR,KAAK,EACL,aAAa,EACb,cAAc,EACd,cAAc,EACR,KAAI;AACV,IAAA,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,UAAU,EAAE,cAAc,EAAE,GAAGA,6BAAc,EAAE,CAAC;AACpF,IAAA,MAAM,EAAE,UAAU,EAAE,eAAe,EAAE,UAAU,EAAE,eAAe,EAAE,GAAGC,uCAAmB,EAAE,CAAC;AAC3F,IAAA,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,GAAGC,iCAAqB,EAAE,CAAC;IAEtE,MAAM,SAAS,GAAG,UAAU,EAAE,GAAG,CAAC,KAAK,CAAC,CAAC;AACzC,IAAA,MAAM,UAAU,GAAG,eAAe,IAAI,cAAc,CAAC;AACrD,IAAA,MAAM,UAAU,GAAG,eAAe,IAAI,cAAc,CAAC;AAErD,IAAA,MAAM,eAAe,GAAGC,iBAAW,CACjC,CAAC,CAAQ,KAAI;;AAEX,QAAA,MAAM,EAAE,GAAG,EAAE,GAAG,CAAkB,CAAC;QACnC,IAAI,GAAG,KAAK,SAAS,IAAI,GAAG,KAAK,GAAG,EAAE;YACpC,OAAO;SACR;;AAGD,QAAA,MAAM,aAAa,GAAG,IAAI,GAAG,CAAC,UAAU,CAAC,CAAC;QAC1C,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,aAAa,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;AAElF,QAAA,QAAQ,GAAG;AACT,YAAA,aAAa,EAAE,UAAU;AACzB,YAAA,KAAK,EAAE,aAAa,CAAC,IAAI,GAAG,CAAC,GAAG,aAAa,GAAG,SAAS;AAC1D,SAAA,CAAC,CAAC;KACJ,EACD,CAAC,UAAU,EAAE,QAAQ,EAAE,KAAK,CAAC,CAC9B,CAAC;AAEF,IAAA,QACEC,cAAC,CAAAC,+BAAe,EACd,EAAA,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACR,IAAC,CAAC,UAAU,IAAI,CAAC,UAAU;cAC3B,EAAE,QAAQ,EAAE,eAAe,EAAE,OAAO,EAAE,eAAe,EAAE;AACzD,cAAE,EAAE,CAAC,EACP,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EAAA,QAAA,EACrB,QAAQ,EAAA,CACO,EAClB;AACJ;;;;"}
+{"version":3,"file":"UNSAFE_CheckboxItem.js","sources":["../../src/UNSAFE_CheckboxItem/CheckboxItem.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentProps } from 'preact';\nimport { useCallback } from 'preact/hooks';\n\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { useCheckboxSetContext } from '../UNSAFE_CheckboxSet';\n\nimport { CheckboxControl } from '../PRIVATE_CheckboxControl/CheckboxControl';\nimport { InlineUserAssistance } from '#UNSAFE_UserAssistance';\n\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype Props = {\n  /**\n   * Text that describes the checkbox item value.\n   */\n  children: string;\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n  /**\n   * Custom text to be rendered for the `helpSourceLink`.\n   */\n  helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n  /**\n   * Value of the checkbox item.\n   */\n  value: string | number;\n};\n\n/**\n * CheckboxItem is a child component of CheckboxSet. It contains the checkbox, label, and assistive text.\n */\nconst CheckboxItem = ({\n  children,\n  value,\n  assistiveText,\n  helpSourceLink,\n  helpSourceText\n}: Props) => {\n  const { isReadonly: isFormReadonly, isDisabled: isFormDisabled } = useFormContext();\n  const { isDisabled: isFieldDisabled, isReadonly: isFieldReadonly } = useFormFieldContext();\n  const { name, onCommit, value: groupValue } = useCheckboxSetContext();\n\n  const isChecked = groupValue?.has(value);\n  const isDisabled = isFieldDisabled ?? isFormDisabled;\n  const isReadonly = isFieldReadonly ?? isFormReadonly;\n\n  const onChangeHandler = useCallback(\n    (e: Event) => {\n      // return early on keyup if key isn't spacebar\n      const { key } = e as KeyboardEvent;\n      if (key !== undefined && key !== ' ') {\n        return;\n      }\n\n      // create a new set from the previous and add or remove the changed value\n      const newGroupValue = new Set(groupValue);\n      newGroupValue.has(value) ? newGroupValue.delete(value) : newGroupValue.add(value);\n\n      onCommit?.({\n        previousValue: groupValue,\n        value: newGroupValue.size > 0 ? newGroupValue : undefined\n      });\n    },\n    [groupValue, onCommit, value]\n  );\n\n  return (\n    <CheckboxControl\n      name={name}\n      value={value}\n      {...(!isReadonly && !isDisabled\n        ? { onChange: onChangeHandler, onKeyUp: onChangeHandler }\n        : {})}\n      assistiveText={assistiveText}\n      helpSourceLink={helpSourceLink}\n      helpSourceText={helpSourceText}\n      isChecked={isChecked}\n      isDisabled={isDisabled}\n      isReadonly={isReadonly}>\n      {children}\n    </CheckboxControl>\n  );\n};\n\nexport { CheckboxItem };\n"],"names":["useFormContext","useFormFieldContext","useCheckboxSetContext","useCallback","_jsx","CheckboxControl"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA;;AAEG;AACH,MAAM,YAAY,GAAG,CAAC,EACpB,QAAQ,EACR,KAAK,EACL,aAAa,EACb,cAAc,EACd,cAAc,EACR,KAAI;AACV,IAAA,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,UAAU,EAAE,cAAc,EAAE,GAAGA,6BAAc,EAAE,CAAC;AACpF,IAAA,MAAM,EAAE,UAAU,EAAE,eAAe,EAAE,UAAU,EAAE,eAAe,EAAE,GAAGC,uCAAmB,EAAE,CAAC;AAC3F,IAAA,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,GAAGC,iCAAqB,EAAE,CAAC;IAEtE,MAAM,SAAS,GAAG,UAAU,EAAE,GAAG,CAAC,KAAK,CAAC,CAAC;AACzC,IAAA,MAAM,UAAU,GAAG,eAAe,IAAI,cAAc,CAAC;AACrD,IAAA,MAAM,UAAU,GAAG,eAAe,IAAI,cAAc,CAAC;AAErD,IAAA,MAAM,eAAe,GAAGC,iBAAW,CACjC,CAAC,CAAQ,KAAI;;AAEX,QAAA,MAAM,EAAE,GAAG,EAAE,GAAG,CAAkB,CAAC;QACnC,IAAI,GAAG,KAAK,SAAS,IAAI,GAAG,KAAK,GAAG,EAAE;YACpC,OAAO;SACR;;AAGD,QAAA,MAAM,aAAa,GAAG,IAAI,GAAG,CAAC,UAAU,CAAC,CAAC;QAC1C,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,aAAa,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;AAElF,QAAA,QAAQ,GAAG;AACT,YAAA,aAAa,EAAE,UAAU;AACzB,YAAA,KAAK,EAAE,aAAa,CAAC,IAAI,GAAG,CAAC,GAAG,aAAa,GAAG,SAAS;AAC1D,SAAA,CAAC,CAAC;KACJ,EACD,CAAC,UAAU,EAAE,QAAQ,EAAE,KAAK,CAAC,CAC9B,CAAC;AAEF,IAAA,QACEC,cAAC,CAAAC,+BAAe,EACd,EAAA,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACR,IAAC,CAAC,UAAU,IAAI,CAAC,UAAU;cAC3B,EAAE,QAAQ,EAAE,eAAe,EAAE,OAAO,EAAE,eAAe,EAAE;AACzD,cAAE,EAAE,CAAC,EACP,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EAAA,QAAA,EACrB,QAAQ,EAAA,CACO,EAClB;AACJ;;;;"}

package/cjs/UNSAFE_CheckboxRadioField.js

@@ -3,7 +3,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var CheckboxRadioLabelValueLayout = require('./CheckboxRadioLabelValueLayout-20d3187e.js');
+var CheckboxRadioLabelValueLayout = require('./CheckboxRadioLabelValueLayout-e9110e5f.js');
 require('preact/jsx-runtime');
 require('./classNames-c14c6ef3.js');
 require('./FormContext-d1d05967.js');
@@ -34,14 +34,15 @@ require('./UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.css.js');
 require('./UNSAFE_Checkbox/themes/redwood/CheckboxTheme.js');
 require('./UNSAFE_Checkbox/themes/CheckboxStyles.css.js');
 
+
 require('./UNSAFE_Checkbox/themes/redwood/CheckboxBaseTheme.css.js');
 
 require('./UNSAFE_Checkbox/themes/redwood/CheckboxVariants.css.js');
 
-require('./StyledLabelValueLayout-d7705c97.js');
-require('./Flex-6ca216a7.js');
-require('./useTestId-9093a54b.js');
-require('./LayerHost-aee0e070.js');
+require('./StyledLabelValueLayout-dd89f379.js');
+require('./Flex-a6d1c038.js');
+require('./useTestId-15ee37d6.js');
+require('./LayerHost-f1a1533f.js');
 require('./index-15e13649.js');
 require('preact/compat');
 require('./UNSAFE_Layer/themes/LayerHostStyles.css.js');

package/cjs/UNSAFE_CheckboxRadioField.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_CheckboxRadioField.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"UNSAFE_CheckboxRadioField.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}