@oracle/oraclejet-preact 18.1.5 → 18.1.7

package/es/UNSAFE_RichRadioSet.js

@@ -4,7 +4,7 @@ import { toChildArray } from 'preact';
 import { forwardRef } from 'preact/compat';
 import { R as RadioSetContext, b as RadioItemContext } from './RadioItemContext-fe419b75.js';
 import { u as useId } from './useId-03dbfdf0.js';
-import { B as BaseRichSelection } from './BaseRichSelection-9f2f2b59.js';
+import { B as BaseRichSelection } from './BaseRichSelection-72edca7c.js';
 import 'preact/hooks';
 import './FormContext-4d71f9c7.js';
 import './useFormContext-875cacd7.js';
@@ -14,13 +14,13 @@ import './useCollectionFocusRing-de20f4fc.js';
 import './collectionUtils-8a9d80a3.js';
 import './keys-49c92dbb.js';
 import './clientHints-f850225e.js';
-import './useTranslationBundle-09302c20.js';
-import './LayerHost-e6402730.js';
+import './useTranslationBundle-2df40edf.js';
+import './LayerHost-8b98d97d.js';
 import './Common/themes/redwood/theme.js';
 import './Common/themes/themeContract.css.js';
 import './UNSAFE_Layer/themes/LayerHostStyles.css.js';
 import './LayerHostStyles.styles.css';
-import './Label-56ca049f.js';
+import './Label-25eba25e.js';
 import './useFormFieldContext-626574fd.js';
 import './classNames-4e12b00d.js';
 import './useComponentTheme-d2f9e47f.js';
@@ -30,8 +30,8 @@ import './UserAssistanceStyles.styles.css';
 import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.styles.css';
 import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css.js';
 import './vanilla-extract-recipes-createRuntimeFn.esm-2aaf8c98.js';
-import './Flex-ce31b351.js';
-import './useTestId-9b504481.js';
+import './Flex-2d9ebee9.js';
+import './useTestId-474ac6ca.js';
 import './boxalignment-a90bc50d.js';
 import './size-18139a3a.js';
 import './utils-a4102e03.js';
@@ -59,24 +59,24 @@ import './TooltipContentStyles.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js';
 import './TooltipContentVariants.styles.css';
-import './tooltipUtils-768450a7.js';
-import './EnvironmentProvider-bada8909.js';
-import './LayerManager-fa745cec.js';
-import './Floating-f02677ba.js';
-import './useFloating-953362cf.js';
-import './useUser-1cd223a9.js';
+import './tooltipUtils-35655bd6.js';
+import './EnvironmentProvider-713d0dec.js';
+import './LayerManager-221afe20.js';
+import './Floating-5191a9e6.js';
+import './useFloating-abfd69eb.js';
+import './useUser-6b2e271a.js';
 import './positionUtils-f26caad9.js';
 import './refUtils-b9d8d91a.js';
-import './useOutsideClick-fd9ad806.js';
-import './Layer-446bf21e.js';
+import './useOutsideClick-817bf098.js';
+import './Layer-1eb18747.js';
 import './UNSAFE_Layer/themes/LayerStyles.css.js';
 import './LayerStyles.styles.css';
-import './useThemeInterpolations-8dd8029f.js';
-import './useColorScheme-c4e237ad.js';
-import './useScale-83881775.js';
+import './useThemeInterpolations-05e58770.js';
+import './useColorScheme-8e5e458d.js';
+import './useScale-1cdb639e.js';
 import './theme-63551f30.js';
 import './Theme-e6dec6db.js';
-import './useDensity-c17603b2.js';
+import './useDensity-556ca8b2.js';
 import './useModal-953082f2.js';
 import './UNSAFE_Floating/themes/redwood/FloatingTheme.js';
 import './UNSAFE_Floating/themes/FloatingStyles.css.js';
@@ -87,10 +87,10 @@ import './UNSAFE_Floating/themes/redwood/FloatingVariants.css.js';
 import './vanilla-extract-dynamic.esm-2955d60a.js';
 import './UNSAFE_Floating/themes/FloatingContract.css.js';
 import './IconStyle.styles.css';
-import './IconButton-f3f7af21.js';
-import './BaseButton-a0534b4d.js';
+import './IconButton-19fcf0a8.js';
+import './BaseButton-61f6baa8.js';
 import './usePress-051f5adb.js';
-import './usePressClick-2ec8e098.js';
+import './usePressClick-945cc43b.js';
 import './useHover-19340c22.js';
 import './useToggle-8b7fcefe.js';
 import './useActive-fb6d4d52.js';
@@ -113,7 +113,7 @@ import './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.css
 import './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.styles.css';
 import './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutVariants.css.js';
 import './ButtonLabelLayoutVariants.styles.css';
-import './useTooltip-89ca3f3e.js';
+import './useTooltip-138c94ee.js';
 import './useFocus-38c95977.js';
 import './useTouch-4828df25.js';
 import './useAnimation-a5eb7604.js';
@@ -133,7 +133,7 @@ import './ComponentMessageStyles.styles.css';
 import './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.styles.css';
 import './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css.js';
 import './InputGroupContext-20bdbd6e.js';
-import './Popup-d8bf7f4d.js';
+import './Popup-f6774b40.js';
 import './tabbableUtils-6ceb767f.js';
 import './head-6f17c50c.js';
 import './_arity-be492b9e.js';
@@ -143,11 +143,11 @@ import './FocusTrap-9e80c124.js';
 import './FocusTracker-3d6ef02a.js';
 import './PRIVATE_FocusTracker/themes/FocusTrackerStyles.css.js';
 import './FocusTrackerStyles.styles.css';
-import './Modal-24a0bf4b.js';
+import './Modal-9980f6d1.js';
 import './UNSAFE_Modal/themes/ModalStyles.css.js';
 import './ModalStyles.styles.css';
-import './popupUtils-58411a98.js';
-import './WindowOverlay-a07b2e24.js';
+import './popupUtils-24a723a0.js';
+import './WindowOverlay-ca2baa48.js';
 import './UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css.js';
 import './WindowOverlayStyles.styles.css';
 import './UNSAFE_WindowOverlay/themes/WindowOverlayContract.css.js';
@@ -155,7 +155,7 @@ import './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayTheme.js';
 import './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.css.js';
 import './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.styles.css';
 import './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayVariants.css.js';
-import './usePopupAnimation-f017bc43.js';
+import './usePopupAnimation-6e0781b5.js';
 import './useAnimationStatus-a9337dd8.js';
 import './popupAnimationUtils-175151d9.js';
 import './UNSAFE_Popup/themes/PopupContract.css.js';
@@ -166,7 +166,7 @@ import './UNSAFE_Popup/themes/redwood/PopupVariants.css.js';
 import './PopupStyles.styles.css';
 import './UNSAFE_Separator/themes/SeparatorStyles.css.js';
 import './SeparatorStyles.styles.css';
-import './CompactLabelAssistance-fd3fb481.js';
+import './CompactLabelAssistance-0d70fceb.js';
 import './CompactHelpSource-c3044924.js';
 import './Help-ccf80cd6.js';
 import './Icon-030b6dd4.js';
@@ -192,8 +192,8 @@ import './InlineHelp-da344cfa.js';
 import './InlineHelpSource-5ed4bb7d.js';
 import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme.js';
 import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.css.js';
-import './InlineUserAssistance-2677a1eb.js';
-import './ComponentMessageContainer-6c106a09.js';
+import './InlineUserAssistance-65ca8810.js';
+import './ComponentMessageContainer-13005c12.js';
 import './MessagesManager-91ade5dc.js';
 import './SuccessS-a7dda885.js';
 import './ErrorS-6a705f7c.js';
@@ -214,19 +214,19 @@ import './CheckboxRadioFieldStyles.styles.css';
 import './CheckboxRadioContext-fe425383.js';
 import './LayoutStyles.css-8a60c28c.js';
 import './LayoutStyles.styles.css';
-import './Grid-421eb560.js';
+import './Grid-238d8757.js';
 import './grid-65aa641c.js';
 import './GridStyles.styles.css';
 import './useContainerBreakpoints-2c61e063.js';
 import './useBreakpoints-13aa87e6.js';
 import './RichSelectionStartContext-3fc472e0.js';
-import './View-afe98b65.js';
+import './View-cf6dfd8e.js';
 import './borders-98a63040.js';
 import './colors-170180bf.js';
 import './padding-28c96aec.js';
 import './aria-efa0582c.js';
 import './equals-160da165.js';
-import './StyledLabelValueLayout-d4881d3b.js';
+import './StyledLabelValueLayout-5b9a731a.js';
 import './LabelValueLayoutStyles.styles.css';
 import './UNSAFE_RadioItem/themes/redwood/RadioTheme.js';
 import './UNSAFE_RadioItem/themes/RadioStyles.css.js';
@@ -240,6 +240,7 @@ import './UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.css.js';
 import './UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.styles.css';
 import './UNSAFE_Checkbox/themes/redwood/CheckboxTheme.js';
 import './UNSAFE_Checkbox/themes/CheckboxStyles.css.js';
+import './UNSAFE_Link/themes/redwood/LinkBaseTheme.styles.css';
 import './CheckboxStyles.styles.css';
 import './UNSAFE_Checkbox/themes/redwood/CheckboxBaseTheme.css.js';
 import './UNSAFE_Checkbox/themes/redwood/CheckboxBaseTheme.styles.css';

package/es/UNSAFE_RichRadioSet.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_RichRadioSet.js","sources":["../../src/UNSAFE_RichRadioSet/RichRadioSet.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { type ComponentChildren, type ComponentProps, type Ref, toChildArray } from 'preact';\nimport { forwardRef } from 'preact/compat';\n\nimport { BaseRichSelection } from '#PRIVATE_RichSelectionCommon';\nimport type { FocusableHandle } from '#hooks/UNSAFE_useFocusableTextField';\nimport type { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport { RadioSetContext } from '#UNSAFE_RadioSet/RadioSetContext';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { RadioItemContext } from '#UNSAFE_RadioItem/RadioItemContext';\nimport { InlineUserAssistance, type UserAssistanceDensityType } from '#UNSAFE_UserAssistance';\nimport type { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport type { AriaAttributesSignalExcluded } from '#utils/UNSAFE_attributeUtils';\nimport type { LayoutColumnSpan } from '#utils/UNSAFE_styles/Layout';\nimport { Size } from '#utils/UNSAFE_size';\n\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\n// Typing should stay in sync with BaseRichSelection. They cannot be imported directly\n// because BaseRichSelection is in a PRIVATE directory and will be removed in the production build.\ntype Props = TestIdProps &\n  Pick<AriaAttributesSignalExcluded, 'aria-describedby'> & {\n    /**\n     * Text to provide guidance to help the user understand what data to enter.\n     */\n    assistiveText?: InlineUserAssistanceProps['assistiveText'];\n    /**\n     * Set of RichSelectionItems\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 if the set is disabled.\n     */\n    isDisabled?: boolean;\n    /**\n     * Specifies if the set is read-only.\n     */\n    isReadonly?: boolean;\n    /**\n     * Specifies whether the set requires a selection to be made.\n     */\n    isRequired?: boolean;\n    /**\n     * Label text for the set.\n     */\n    label: string;\n    /**\n     * Specifies where the label is positioned relative to the field.\n     */\n    labelEdge?: 'none' | 'top' | 'inside' | 'start';\n    /**\n     * Specifies the width of the label when <code>labelEdge</code> is <code>\"start\"</code>.\n     */\n    labelStartWidth?: Size;\n    /**\n     * Specifies the layout of the item cards and media\n     */\n    layout: 'xl' | 'md' | 'sm';\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 selected option.\n     */\n    onCommit: (detail: ValueUpdateDetail<string | number | undefined>) => 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 radio option.\n     */\n    value?: string | number;\n  };\n\n/**\n * A rich radio set allows the user to select one option from a set of mutually exclusive options.\n */\nexport const RichRadioSet = forwardRef(\n  ({ children, onCommit, value, ...otherProps }: Props, ref?: Ref<FocusableHandle>) => {\n    const baseId = useId();\n\n    return (\n      <RadioSetContext.Provider\n        value={{\n          name: baseId,\n          value,\n          onCommit\n        }}>\n        <BaseRichSelection\n          {...otherProps}\n          baseId={baseId}\n          ref={ref}\n          selection=\"single\"\n          value={value}>\n          {toChildArray(children).map((child, index) => (\n            // index is needed for keyboard navigation with radio items\n            <RadioItemContext.Provider value={{ index }}>{child}</RadioItemContext.Provider>\n          ))}\n        </BaseRichSelection>\n      </RadioSetContext.Provider>\n    );\n  }\n);\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsGA;;AAEG;MACU,YAAY,GAAG,UAAU,CACpC,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,UAAU,EAAS,EAAE,GAA0B,KAAI;AAClF,IAAA,MAAM,MAAM,GAAG,KAAK,EAAE,CAAC;AAEvB,IAAA,QACEA,GAAC,CAAA,eAAe,CAAC,QAAQ,EAAA,EACvB,KAAK,EAAE;AACL,YAAA,IAAI,EAAE,MAAM;YACZ,KAAK;YACL,QAAQ;AACT,SAAA,EAAA,QAAA,EACDA,GAAC,CAAA,iBAAiB,EACZ,EAAA,GAAA,UAAU,EACd,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,GAAG,EACR,SAAS,EAAC,QAAQ,EAClB,KAAK,EAAE,KAAK,EAAA,QAAA,EACX,YAAY,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK;;AAEvC,YAAAA,GAAA,CAAC,gBAAgB,CAAC,QAAQ,EAAC,EAAA,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA,QAAA,EAAG,KAAK,EAA6B,CAAA,CACjF,CAAC,EACgB,CAAA,EAAA,CACK,EAC3B;AACJ,CAAC;;;;"}
+{"version":3,"file":"UNSAFE_RichRadioSet.js","sources":["../../src/UNSAFE_RichRadioSet/RichRadioSet.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { type ComponentChildren, type ComponentProps, type Ref, toChildArray } from 'preact';\nimport { forwardRef } from 'preact/compat';\n\nimport { BaseRichSelection } from '#PRIVATE_RichSelectionCommon';\nimport type { FocusableHandle } from '#hooks/UNSAFE_useFocusableTextField';\nimport type { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport { RadioSetContext } from '#UNSAFE_RadioSet/RadioSetContext';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { RadioItemContext } from '#UNSAFE_RadioItem/RadioItemContext';\nimport { InlineUserAssistance, type UserAssistanceDensityType } from '#UNSAFE_UserAssistance';\nimport type { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport type { AriaAttributesSignalExcluded } from '#utils/UNSAFE_attributeUtils';\nimport type { LayoutColumnSpan } from '#utils/UNSAFE_styles/Layout';\nimport { Size } from '#utils/UNSAFE_size';\n\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\n// Typing should stay in sync with BaseRichSelection. They cannot be imported directly\n// because BaseRichSelection is in a PRIVATE directory and will be removed in the production build.\ntype Props = TestIdProps &\n  Pick<AriaAttributesSignalExcluded, 'aria-describedby'> & {\n    /**\n     * Text to provide guidance to help the user understand what data to enter.\n     */\n    assistiveText?: InlineUserAssistanceProps['assistiveText'];\n    /**\n     * Set of RichSelectionItems\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 if the set is disabled.\n     */\n    isDisabled?: boolean;\n    /**\n     * Specifies if the set is read-only.\n     */\n    isReadonly?: boolean;\n    /**\n     * Specifies whether the set requires a selection to be made.\n     */\n    isRequired?: boolean;\n    /**\n     * Label text for the set.\n     */\n    label: string;\n    /**\n     * Specifies where the label is positioned relative to the field.\n     */\n    labelEdge?: 'none' | 'top' | 'inside' | 'start';\n    /**\n     * Specifies the width of the label when <code>labelEdge</code> is <code>\"start\"</code>.\n     */\n    labelStartWidth?: Size;\n    /**\n     * Specifies the layout of the item cards and media\n     */\n    layout: 'xl' | 'md' | 'sm';\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 selected option.\n     */\n    onCommit: (detail: ValueUpdateDetail<string | number | undefined>) => 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 radio option.\n     */\n    value?: string | number;\n  };\n\n/**\n * A rich radio set allows the user to select one option from a set of mutually exclusive options.\n */\nexport const RichRadioSet = forwardRef(\n  ({ children, onCommit, value, ...otherProps }: Props, ref?: Ref<FocusableHandle>) => {\n    const baseId = useId();\n\n    return (\n      <RadioSetContext.Provider\n        value={{\n          name: baseId,\n          value,\n          onCommit\n        }}>\n        <BaseRichSelection\n          {...otherProps}\n          baseId={baseId}\n          ref={ref}\n          selection=\"single\"\n          value={value}>\n          {toChildArray(children).map((child, index) => (\n            // index is needed for keyboard navigation with radio items\n            <RadioItemContext.Provider value={{ index }}>{child}</RadioItemContext.Provider>\n          ))}\n        </BaseRichSelection>\n      </RadioSetContext.Provider>\n    );\n  }\n);\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsGA;;AAEG;MACU,YAAY,GAAG,UAAU,CACpC,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,UAAU,EAAS,EAAE,GAA0B,KAAI;AAClF,IAAA,MAAM,MAAM,GAAG,KAAK,EAAE,CAAC;AAEvB,IAAA,QACEA,GAAC,CAAA,eAAe,CAAC,QAAQ,EAAA,EACvB,KAAK,EAAE;AACL,YAAA,IAAI,EAAE,MAAM;YACZ,KAAK;YACL,QAAQ;AACT,SAAA,EAAA,QAAA,EACDA,GAAC,CAAA,iBAAiB,EACZ,EAAA,GAAA,UAAU,EACd,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,GAAG,EACR,SAAS,EAAC,QAAQ,EAClB,KAAK,EAAE,KAAK,EAAA,QAAA,EACX,YAAY,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK;;AAEvC,YAAAA,GAAA,CAAC,gBAAgB,CAAC,QAAQ,EAAC,EAAA,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA,QAAA,EAAG,KAAK,EAA6B,CAAA,CACjF,CAAC,EACgB,CAAA,EAAA,CACK,EAC3B;AACJ,CAAC;;;;"}

package/es/UNSAFE_RichSelectionItem.js

@@ -4,17 +4,17 @@ import { useRef, useCallback, useEffect, useMemo } from 'preact/hooks';
 import './FormFieldContext-68eb5946.js';
 import { u as useFormFieldContext } from './useFormFieldContext-626574fd.js';
 import { u as useRichSelectionContext, b as useRichSelectionStartContext } from './RichSelectionStartContext-3fc472e0.js';
-import { u as useCheckboxSetContext } from './CheckboxSet-28953b25.js';
+import { u as useCheckboxSetContext } from './CheckboxSet-140804f2.js';
 import { u as useRadioSetContext, a as useRadioItemContext } from './RadioItemContext-fe419b75.js';
 import { T as TruncatingText } from './TruncatingText-fd66e0e0.js';
 import { c as classNames } from './classNames-4e12b00d.js';
 import { styles } from './UNSAFE_RichSelectionItem/themes/RichSelectionItemStyles.css.js';
-import { V as View } from './View-afe98b65.js';
-import { u as useTestId } from './useTestId-9b504481.js';
+import { V as View } from './View-cf6dfd8e.js';
+import { u as useTestId } from './useTestId-474ac6ca.js';
 import { A as AspectRatio } from './AspectRatio-bd043de6.js';
 import { A as Avatar } from './Avatar-b051ab27.js';
-import { C as Center } from './Center-76b761ea.js';
-import { F as Flex } from './Flex-ce31b351.js';
+import { C as Center } from './Center-2be68188.js';
+import { F as Flex } from './Flex-2d9ebee9.js';
 import { u as useId } from './useId-03dbfdf0.js';
 import './FormContext-4d71f9c7.js';
 import { u as useFormContext } from './useFormContext-875cacd7.js';
@@ -32,23 +32,23 @@ import { radioIconVars } from './UNSAFE_RadioItem/themes/RadioIconContract.css.j
 import { radioDisabledColor, radioDefaultColor } from './UNSAFE_RadioItem/themes/RadioStyles.css.js';
 import { RadioIconRedwoodTheme } from './UNSAFE_RadioItem/themes/redwood/RadioIconTheme.js';
 import { u as useFocusableTextField } from './useFocusableTextField-8fe41cd4.js';
-import { S as StyledCard } from './StyledCard-362bd74b.js';
+import { S as StyledCard } from './StyledCard-c8d9836f.js';
 import 'preact';
 import 'preact/compat';
 import './useFormFieldContextProps-d07cd618.js';
 import './CheckboxSetStyles.styles.css';
-import './CheckboxRadioField-922ab9ff.js';
+import './CheckboxRadioField-294463ba.js';
 import './useCollectionFocusRing-de20f4fc.js';
 import './collectionUtils-8a9d80a3.js';
 import './keys-49c92dbb.js';
 import './clientHints-f850225e.js';
-import './useTranslationBundle-09302c20.js';
-import './LayerHost-e6402730.js';
+import './useTranslationBundle-2df40edf.js';
+import './LayerHost-8b98d97d.js';
 import './Common/themes/redwood/theme.js';
 import './Common/themes/themeContract.css.js';
 import './UNSAFE_Layer/themes/LayerHostStyles.css.js';
 import './LayerHostStyles.styles.css';
-import './Label-56ca049f.js';
+import './Label-25eba25e.js';
 import './UserAssistanceStyles.styles.css';
 import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.styles.css';
 import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css.js';
@@ -61,22 +61,22 @@ import './TooltipContentStyles.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js';
 import './TooltipContentVariants.styles.css';
-import './tooltipUtils-768450a7.js';
-import './EnvironmentProvider-bada8909.js';
-import './LayerManager-fa745cec.js';
-import './Floating-f02677ba.js';
-import './useFloating-953362cf.js';
-import './useUser-1cd223a9.js';
+import './tooltipUtils-35655bd6.js';
+import './EnvironmentProvider-713d0dec.js';
+import './LayerManager-221afe20.js';
+import './Floating-5191a9e6.js';
+import './useFloating-abfd69eb.js';
+import './useUser-6b2e271a.js';
 import './positionUtils-f26caad9.js';
 import './refUtils-b9d8d91a.js';
-import './useOutsideClick-fd9ad806.js';
+import './useOutsideClick-817bf098.js';
 import './arrayUtils-35a58161.js';
-import './Layer-446bf21e.js';
+import './Layer-1eb18747.js';
 import './UNSAFE_Layer/themes/LayerStyles.css.js';
 import './LayerStyles.styles.css';
-import './useThemeInterpolations-8dd8029f.js';
-import './useColorScheme-c4e237ad.js';
-import './useScale-83881775.js';
+import './useThemeInterpolations-05e58770.js';
+import './useColorScheme-8e5e458d.js';
+import './useScale-1cdb639e.js';
 import './theme-63551f30.js';
 import './Theme-e6dec6db.js';
 import './mergeInterpolations-e2db2a66.js';
@@ -85,7 +85,7 @@ import './_curry3-0b4222d7.js';
 import './_curry1-25297e59.js';
 import './_curry2-34316bcf.js';
 import './_isObject-1fab0f5b.js';
-import './useDensity-c17603b2.js';
+import './useDensity-556ca8b2.js';
 import './useModal-953082f2.js';
 import './utils-a4102e03.js';
 import './colorUtils-16eb823f.js';
@@ -98,9 +98,9 @@ import './UNSAFE_Floating/themes/redwood/FloatingVariants.css.js';
 import './vanilla-extract-dynamic.esm-2955d60a.js';
 import './UNSAFE_Floating/themes/FloatingContract.css.js';
 import './IconStyle.styles.css';
-import './IconButton-f3f7af21.js';
-import './BaseButton-a0534b4d.js';
-import './usePressClick-2ec8e098.js';
+import './IconButton-19fcf0a8.js';
+import './BaseButton-61f6baa8.js';
+import './usePressClick-945cc43b.js';
 import './useHover-19340c22.js';
 import './useToggle-8b7fcefe.js';
 import './useActive-fb6d4d52.js';
@@ -124,7 +124,7 @@ import './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.css
 import './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.styles.css';
 import './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutVariants.css.js';
 import './ButtonLabelLayoutVariants.styles.css';
-import './useTooltip-89ca3f3e.js';
+import './useTooltip-138c94ee.js';
 import './useFocus-38c95977.js';
 import './useTouch-4828df25.js';
 import './useAnimation-a5eb7604.js';
@@ -145,7 +145,7 @@ import './ComponentMessageStyles.styles.css';
 import './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.styles.css';
 import './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css.js';
 import './InputGroupContext-20bdbd6e.js';
-import './Popup-d8bf7f4d.js';
+import './Popup-f6774b40.js';
 import './tabbableUtils-6ceb767f.js';
 import './head-6f17c50c.js';
 import './_arity-be492b9e.js';
@@ -155,11 +155,11 @@ import './FocusTrap-9e80c124.js';
 import './FocusTracker-3d6ef02a.js';
 import './PRIVATE_FocusTracker/themes/FocusTrackerStyles.css.js';
 import './FocusTrackerStyles.styles.css';
-import './Modal-24a0bf4b.js';
+import './Modal-9980f6d1.js';
 import './UNSAFE_Modal/themes/ModalStyles.css.js';
 import './ModalStyles.styles.css';
-import './popupUtils-58411a98.js';
-import './WindowOverlay-a07b2e24.js';
+import './popupUtils-24a723a0.js';
+import './WindowOverlay-ca2baa48.js';
 import './UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css.js';
 import './WindowOverlayStyles.styles.css';
 import './UNSAFE_WindowOverlay/themes/WindowOverlayContract.css.js';
@@ -167,7 +167,7 @@ import './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayTheme.js';
 import './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.css.js';
 import './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.styles.css';
 import './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayVariants.css.js';
-import './usePopupAnimation-f017bc43.js';
+import './usePopupAnimation-6e0781b5.js';
 import './useAnimationStatus-a9337dd8.js';
 import './popupAnimationUtils-175151d9.js';
 import './UNSAFE_Popup/themes/PopupContract.css.js';
@@ -178,7 +178,7 @@ import './UNSAFE_Popup/themes/redwood/PopupVariants.css.js';
 import './PopupStyles.styles.css';
 import './UNSAFE_Separator/themes/SeparatorStyles.css.js';
 import './SeparatorStyles.styles.css';
-import './CompactLabelAssistance-fd3fb481.js';
+import './CompactLabelAssistance-0d70fceb.js';
 import './CompactHelpSource-c3044924.js';
 import './Help-ccf80cd6.js';
 import './Icon-030b6dd4.js';
@@ -204,8 +204,8 @@ import './InlineHelp-da344cfa.js';
 import './InlineHelpSource-5ed4bb7d.js';
 import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme.js';
 import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.css.js';
-import './InlineUserAssistance-2677a1eb.js';
-import './ComponentMessageContainer-6c106a09.js';
+import './InlineUserAssistance-65ca8810.js';
+import './ComponentMessageContainer-13005c12.js';
 import './MessagesManager-91ade5dc.js';
 import './SuccessS-a7dda885.js';
 import './ErrorS-6a705f7c.js';
@@ -236,15 +236,16 @@ import './UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.css.js';
 import './UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.styles.css';
 import './UNSAFE_Checkbox/themes/redwood/CheckboxTheme.js';
 import './UNSAFE_Checkbox/themes/CheckboxStyles.css.js';
+import './UNSAFE_Link/themes/redwood/LinkBaseTheme.styles.css';
 import './CheckboxStyles.styles.css';
 import './UNSAFE_Checkbox/themes/redwood/CheckboxBaseTheme.css.js';
 import './UNSAFE_Checkbox/themes/redwood/CheckboxBaseTheme.styles.css';
 import './UNSAFE_Checkbox/themes/redwood/CheckboxVariants.css.js';
 import './CheckboxVariants.styles.css';
-import './StyledLabelValueLayout-d4881d3b.js';
+import './StyledLabelValueLayout-5b9a731a.js';
 import './LabelValueLayoutStyles.styles.css';
 import './CheckboxRadioLabelValueLayoutStyles.styles.css';
-import './useTooltipOnTruncation-175bf8a6.js';
+import './useTooltipOnTruncation-a97211b6.js';
 import './useDetectTruncation-2d400634.js';
 import './useResizeObserver-838164c1.js';
 import './useVisAddBusyState-994e0324.js';

package/es/UNSAFE_RichSelectionItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_RichSelectionItem.js","sources":["../../src/UNSAFE_RichSelectionItem/RichSelectionTextContent.tsx","../../src/UNSAFE_RichSelectionItem/RichSelectionMediaItem.tsx","../../src/UNSAFE_RichSelectionItem/RichSelectionControl.tsx","../../src/UNSAFE_RichSelectionItem/RichSelectionItem.tsx"],"sourcesContent":["import { TruncatingText } from '#UNSAFE_TruncatingText';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { styles } from './themes/RichSelectionItemStyles.css';\n\ntype RichSelectionTextContentProps = {\n  secondaryTextId?: string;\n  label?: string;\n  secondaryText?: string;\n  isDisabled?: boolean;\n  // INFO: label truncates for 1 line in only XL\n  isLayoutXL?: boolean;\n  labelId: string;\n};\n\n// INFO: Label and SecondaryText Content handling\nexport const RichSelectionTextContent = ({\n  secondaryTextId,\n  isDisabled,\n  isLayoutXL,\n  label,\n  labelId,\n  secondaryText\n}: RichSelectionTextContentProps) => {\n  const labelContent = (\n    <TruncatingText\n      variant={isDisabled ? 'disabled' : 'primary'}\n      lineClamp={isLayoutXL ? 1 : 2}\n      id={labelId}>\n      {label}\n    </TruncatingText>\n  );\n  const classes = classNames([\n    isLayoutXL ? styles.densityWrapper : styles.growOneColumn,\n    !isLayoutXL && !secondaryText && styles.labelOnly\n  ]);\n\n  return (\n    <div className={classes}>\n      {labelContent}\n      {secondaryText && (\n        <TruncatingText\n          size=\"sm\"\n          variant={isDisabled ? 'disabled' : 'secondary'}\n          lineClamp={3}\n          id={secondaryTextId}>\n          {secondaryText}\n        </TruncatingText>\n      )}\n    </div>\n  );\n};\n","import { Avatar } from '#UNSAFE_Avatar';\nimport { styles } from './themes/RichSelectionItemStyles.css';\nimport { Center } from '#UNSAFE_Center';\nimport { View } from '#UNSAFE_View';\nimport { AspectRatio } from '#UNSAFE_AspectRatio';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { RichSelectionMediaItemProps } from './RichSelectionTypes';\nimport { classNames } from '#utils/UNSAFE_classNames';\n\ntype DisabledType = {\n  isDisabled?: boolean;\n};\n\ntype ThumbnailProps = TestIdProps &\n  DisabledType &\n  Pick<RichSelectionMediaItemProps, 'layout'> & {\n    thumbnailSrc?: string;\n    mediaAccessibleLabel?: string;\n  };\n\nconst ThumbnailXL = ({\n  thumbnailSrc,\n  mediaAccessibleLabel,\n  testId,\n  isDisabled\n}: ThumbnailProps) => {\n  const testIdProps = useTestId(testId ? `${testId}_thumbnail` : undefined);\n\n  return (\n    <AspectRatio ratio=\"4/3\">\n      <img\n        alt={mediaAccessibleLabel}\n        className={classNames([styles.thumbnailImage, isDisabled && styles.mediaDisabledOpacity])}\n        role={!mediaAccessibleLabel ? 'presentation' : undefined}\n        src={thumbnailSrc}\n        {...testIdProps}\n      />\n    </AspectRatio>\n  );\n};\n\nconst Thumbnail = ({\n  thumbnailSrc,\n  mediaAccessibleLabel,\n  layout,\n  testId,\n  isDisabled\n}: ThumbnailProps) => {\n  const thumbnailClass = classNames([\n    layout === 'md' ? styles.mdMediaVariant : styles.smMediaVariant,\n    isDisabled && styles.mediaDisabledOpacity\n  ]);\n  const testIdProps = useTestId(testId ? `${testId}_thumbnail` : undefined);\n  return (\n    <img\n      alt={mediaAccessibleLabel}\n      className={thumbnailClass}\n      role={!mediaAccessibleLabel ? 'presentation' : undefined}\n      src={thumbnailSrc}\n      {...testIdProps}\n    />\n  );\n};\n\nconst MediumRenderer = ({\n  mediaAccessibleLabel,\n  thumbnailSrc,\n  layout,\n  avatar,\n  testId,\n  isDisabled\n}: Partial<RichSelectionMediaItemProps> & DisabledType) => {\n  const testIdProps = useTestId(testId ? `${testId}_medium` : undefined);\n  let mediumMediaItem;\n\n  if (avatar) {\n    const avatarElement = (\n      <Avatar {...avatar} aria-label={mediaAccessibleLabel} size=\"md\" {...testIdProps} />\n    );\n    mediumMediaItem = isDisabled ? (\n      <span className={styles.mediaDisabledOpacity}>{avatarElement}</span>\n    ) : (\n      avatarElement\n    );\n  } else {\n    mediumMediaItem = (\n      <Thumbnail\n        thumbnailSrc={thumbnailSrc}\n        mediaAccessibleLabel={mediaAccessibleLabel}\n        layout={layout}\n        testId={testId}\n        isDisabled={isDisabled}\n      />\n    );\n  }\n\n  return <Center>{mediumMediaItem}</Center>;\n};\n\nconst SmallRenderer = ({\n  avatar,\n  iconClass,\n  isDisabled,\n  layout,\n  thumbnailSrc,\n  mediaAccessibleLabel,\n  testId\n}: RichSelectionMediaItemProps & DisabledType) => {\n  const testIdProps = useTestId(testId ? `${testId}_small` : undefined);\n  const { iconWrapper, iconEnabledColor, iconDisabledColor, mediaDisabledOpacity } = styles;\n  let smallMediaItem;\n\n  if (avatar) {\n    const avatarElement = (\n      <Avatar {...avatar} aria-label={mediaAccessibleLabel} size=\"xs\" {...testIdProps} />\n    );\n    smallMediaItem = isDisabled ? (\n      <span className={mediaDisabledOpacity}>{avatarElement}</span>\n    ) : (\n      avatarElement\n    );\n  } else if (thumbnailSrc) {\n    smallMediaItem = (\n      <Thumbnail\n        thumbnailSrc={thumbnailSrc}\n        mediaAccessibleLabel={mediaAccessibleLabel}\n        layout={layout}\n        testId={testId}\n        isDisabled={isDisabled}\n        {...testIdProps}\n      />\n    );\n  } else if (iconClass) {\n    const classes = classNames([\n      iconClass,\n      iconWrapper,\n      isDisabled ? iconDisabledColor : iconEnabledColor\n    ]);\n    smallMediaItem = <div class={classes} {...testIdProps}></div>;\n  }\n\n  return <Center>{smallMediaItem}</Center>;\n};\n\n// INFO: Media Item handling\nexport const RichSelectionMediaItem = ({\n  avatar,\n  iconClass,\n  isDisabled,\n  hasSecondaryText,\n  mediaAccessibleLabel,\n  layout,\n  thumbnailSrc,\n  testId\n}: RichSelectionMediaItemProps & DisabledType) => {\n  if (!layout) {\n    return null;\n  }\n\n  switch (layout) {\n    case 'xl':\n      return (\n        <ThumbnailXL\n          thumbnailSrc={thumbnailSrc}\n          mediaAccessibleLabel={mediaAccessibleLabel}\n          testId={testId}\n          isDisabled={isDisabled}\n        />\n      );\n\n    case 'md':\n      const mediumMedia = avatar ? { avatar } : thumbnailSrc ? { thumbnailSrc } : undefined;\n      return (\n        <View alignSelf={hasSecondaryText ? 'start' : 'center'}>\n          <MediumRenderer\n            mediaAccessibleLabel={mediaAccessibleLabel}\n            layout={layout}\n            testId={testId}\n            isDisabled={isDisabled}\n            {...mediumMedia}\n          />\n        </View>\n      );\n\n    case 'sm':\n      const smallMedia = avatar\n        ? { avatar, mediaAccessibleLabel }\n        : thumbnailSrc\n        ? { thumbnailSrc, mediaAccessibleLabel }\n        : iconClass\n        ? { iconClass }\n        : undefined;\n      return (\n        <View alignSelf={hasSecondaryText ? 'start' : 'center'}>\n          <SmallRenderer {...smallMedia} layout={layout} testId={testId} isDisabled={isDisabled} />\n        </View>\n      );\n\n    default:\n      return null;\n  }\n};\n","import type { RefObject } from 'preact';\nimport { useCallback, useEffect, useRef } from 'preact/hooks';\n\nimport { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport { useInteractionStyle } from '#hooks/UNSAFE_useInteractionStyle';\nimport { useTabbableMode } from '#hooks/UNSAFE_useTabbableMode';\nimport { useTestId } from '#hooks/UNSAFE_useTestId';\nimport { StyledCheckbox } from '#PRIVATE_StyledCheckbox';\nimport { CheckIcon } from '#PRIVATE_ThemedIcons/CheckIcon';\nimport { RadioOffIcon } from '#PRIVATE_ThemedIcons/RadioOffIcon';\nimport { RadioOnIcon } from '#PRIVATE_ThemedIcons/RadioOnIcon';\nimport { useCheckboxSetContext } from '#UNSAFE_CheckboxSet';\nimport { HiddenAccessible } from '#UNSAFE_HiddenAccessible';\nimport { useRadioItemContext } from '#UNSAFE_RadioItem/RadioItemContext';\nimport { radioIconVars } from '#UNSAFE_RadioItem/themes/RadioIconContract.css';\nimport { RadioIconVariantOptions } from '#UNSAFE_RadioItem/themes/RadioIconStyles.css';\nimport { radioDefaultColor, radioDisabledColor } from '#UNSAFE_RadioItem/themes/RadioStyles.css';\nimport { RadioIconRedwoodTheme } from '#UNSAFE_RadioItem/themes/redwood/RadioIconTheme';\nimport { useRadioSetContext } from '#UNSAFE_RadioSet/RadioSetContext';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { styles } from './themes/RichSelectionItemStyles.css';\n\n/**\n * Selective Element Props Type.\n */\ntype RichSelectionControlProps = {\n  value: string | number;\n  inputRef?: RefObject<HTMLInputElement>;\n  inputReadonlyRef?: RefObject<HTMLInputElement>;\n  isFocus?: boolean;\n  isLayoutXL?: boolean;\n  isDisabled?: boolean;\n  isReadonly?: boolean;\n  isSelected?: boolean;\n  describedBy?: string;\n  labelledBy: string;\n  testId?: string;\n  onBlur?: (event: FocusEvent) => void;\n  onFocus?: (event: FocusEvent) => void;\n};\n\nexport const RadioControl = ({\n  value,\n  inputRef,\n  inputReadonlyRef,\n  isFocus,\n  isDisabled,\n  isLayoutXL,\n  isReadonly,\n  isSelected,\n  describedBy,\n  labelledBy,\n  testId,\n  onBlur,\n  onFocus\n}: RichSelectionControlProps) => {\n  const { name, value: radioGroupValue, onCommit } = useRadioSetContext();\n\n  const testIdProps = useTestId(testId);\n\n  const IconComp = isReadonly\n    ? isSelected\n      ? CheckIcon\n      : RadioOffIcon\n    : isSelected\n    ? RadioOnIcon\n    : RadioOffIcon;\n\n  const spanRef = useRef<HTMLSpanElement>(null);\n  const { interactionProps, applyActiveStyle } = useInteractionStyle();\n\n  const onChangeHandler = useCallback(\n    (event: Event) => {\n      event.stopPropagation();\n      onCommit?.({ previousValue: radioGroupValue, value });\n    },\n    [value, radioGroupValue, onCommit]\n  );\n\n  /**\n   * When focused the view should have the respective RichSelectionItem.\n   */\n  useEffect(() => {\n    if (isFocus) {\n      spanRef?.current?.scrollIntoView({ block: 'nearest' });\n    }\n  }, [isFocus, spanRef]);\n\n  const radioColor = isDisabled ? radioDisabledColor : radioDefaultColor;\n  const { classes: radioIconClasses } = useComponentTheme<RadioIconVariantOptions>(\n    RadioIconRedwoodTheme,\n    {\n      disabled: isDisabled ? 'isDisabled' : 'notDisabled',\n      selected: isSelected ? 'isSelected' : 'notSelected',\n      active: applyActiveStyle ? 'isActive' : 'notActive',\n      richSelection: isLayoutXL ? 'isLayoutXL' : 'notLayoutXL'\n    }\n  );\n\n  const { isTabbable } = useTabbableMode();\n  const { index } = useRadioItemContext();\n  const tabIndex =\n    isTabbable !== false && ((index === 0 && !radioGroupValue) || isSelected) ? 0 : -1;\n\n  const hiddenInput = (\n    <HiddenAccessible>\n      <input\n        type=\"radio\"\n        name={name}\n        value={value}\n        {...(!isReadonly &&\n          !isDisabled && {\n            onChange: onChangeHandler\n          })}\n        checked={isSelected}\n        disabled={isDisabled}\n        aria-labelledby={labelledBy}\n        aria-describedby={describedBy}\n        tabIndex={tabIndex}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        ref={isReadonly ? inputReadonlyRef : inputRef}\n        {...testIdProps}\n      />\n    </HiddenAccessible>\n  );\n\n  // Radio control is visually hidden in readonly mode unless it is selected\n  if (!isSelected && isReadonly) {\n    return <span class={styles.inputElement}>{hiddenInput}</span>;\n  }\n\n  return (\n    <span\n      ref={spanRef}\n      class={classNames([radioColor, isLayoutXL ? styles.radioWrapper : undefined])}>\n      {hiddenInput}\n      <span aria-hidden=\"true\" class={radioIconClasses} {...interactionProps}>\n        <IconComp size={radioIconVars.iconSize} color=\"currentColor\" />\n      </span>\n    </span>\n  );\n};\n\nexport const CheckboxControl = ({\n  value,\n  inputRef,\n  inputReadonlyRef,\n  isSelected,\n  isLayoutXL,\n  isDisabled,\n  isReadonly,\n  describedBy,\n  labelledBy,\n  testId,\n  onBlur,\n  onFocus\n}: RichSelectionControlProps) => {\n  const { name } = useCheckboxSetContext();\n  const testIdProps = useTestId(testId);\n  const { isTabbable } = useTabbableMode();\n  const checkboxStyles = isLayoutXL ? styles.checkboxWrapper : styles.checkboxAlign;\n\n  // Checkbox control is visually hidden in readonly mode unless it is selected\n  if (!isSelected && isReadonly) {\n    return (\n      <span class={styles.inputElement}>\n        <HiddenAccessible>\n          <input\n            aria-readonly={true}\n            aria-labelledby={labelledBy}\n            aria-describedby={describedBy}\n            type=\"checkbox\"\n            name={name}\n            value={value}\n            checked={false}\n            disabled={isDisabled}\n            tabIndex={isTabbable ? 0 : -1}\n            onBlur={onBlur}\n            onFocus={onFocus}\n            ref={inputReadonlyRef}\n            {...testIdProps}\n          />\n        </HiddenAccessible>\n      </span>\n    );\n  }\n\n  return (\n    <span class={checkboxStyles}>\n      <StyledCheckbox\n        aria-describedby={describedBy}\n        aria-labelledby={labelledBy}\n        isDisabled={isDisabled}\n        isReadonly={isReadonly}\n        isChecked={isSelected ? 'checked' : 'unchecked'}\n        name={name}\n        value={value}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        ref={isReadonly ? inputReadonlyRef : inputRef}\n        {...testIdProps}\n      />\n    </span>\n  );\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { useCallback, useEffect, useMemo, useRef } from 'preact/hooks';\n\nimport { useFormFieldContext } from '#hooks/UNSAFE_useFormFieldContext';\nimport { useRichSelectionContext } from '#PRIVATE_RichSelectionCommon/RichSelectionContext';\nimport { StyledCard } from '#PRIVATE_StyledCard';\nimport { useCheckboxSetContext } from '#UNSAFE_CheckboxSet';\nimport { useRadioSetContext } from '#UNSAFE_RadioSet/RadioSetContext';\nimport { RichSelectionTextContent } from './RichSelectionTextContent';\nimport { RichSelectionMediaItem } from './RichSelectionMediaItem';\nimport { Flex } from '#UNSAFE_Flex';\nimport { styles } from './themes/RichSelectionItemStyles.css';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { usePress } from '#hooks/UNSAFE_usePress';\nimport { RadioControl, CheckboxControl } from './RichSelectionControl';\nimport { type RichSelectionItemData } from './RichSelectionTypes';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { useFocusableTextField } from '#hooks/UNSAFE_useFocusableTextField';\nimport { useRichSelectionStartContext } from '#PRIVATE_RichSelectionCommon/RichSelectionStartContext';\nimport { classNames } from '#utils/UNSAFE_classNames';\n\ntype RichSelectionItemProps<V extends string | number> = RichSelectionItemData<V> &\n  TestIdProps & {\n    /**\n     * Specifies if the card is read-only.\n     */\n    isReadonly?: boolean;\n  };\n\nconst onMouseDown = (event: Event) => {\n  // Prevent focus from going to the body when the user clicks something within\n  // the card that is not focusable. This is important because we are detecting\n  // focus loss on the core pack side and showing hidden messages.\n  event.preventDefault();\n};\n\n/**\n * `RichSelectionItem` is a customizable input card element used in selection interfaces. It can display a label,\n * optional secondary text, and media (such as an avatar, thumbnail, or icon). It supports both radio and checkbox\n * controls, allowing users to make a single or multiple selections, respectively. The component also handles\n * different states such as disabled, readonly, and focus, and renders dynamically based on layout( 'xl', 'md', or 'sm').\n */\nexport const RichSelectionItem = <V extends string | number>({\n  avatar,\n  iconClass,\n  isReadonly: propsIsReadonly,\n  mediaAccessibleLabel,\n  secondaryText,\n  thumbnailSrc,\n  label,\n  value,\n  testId\n}: RichSelectionItemProps<V>) => {\n  const { isReadonly: isFormReadonly, isDisabled: isFormDisabled } = useFormContext();\n  const styledCardRef = useRef<HTMLDivElement>(null);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const inputReadonlyRef = useRef<HTMLInputElement>(null);\n  const { selection, layout, messageSeverity } = useRichSelectionContext()!;\n  const { isDisabled: isFieldDisabled, isReadonly: isFieldReadonly } = useFormFieldContext();\n  const { value: radioGroupValue, onCommit: onRadioCommit } = useRadioSetContext();\n  const { value: checkboxGroupValue, onCommit: onCheckboxCommit } = useCheckboxSetContext();\n\n  // Determining selection state for error\n  const styledCardVariant = messageSeverity === 'error' ? 'danger' : undefined;\n  const isDisabled = isFieldDisabled ?? isFormDisabled;\n  const isReadonly = isFieldReadonly || isFormReadonly || propsIsReadonly;\n  const isEnabled = !isDisabled && !isReadonly;\n  const id = useId();\n  const isLayoutXL = layout === 'xl';\n  const hasMedia = !!avatar || !!thumbnailSrc || !!iconClass;\n  const labelId = `${id}-labelled-text`;\n  const secondaryTextId = secondaryText ? `${id}-secondary-text` : undefined;\n  const isSingleSelection = selection === 'single';\n  const isSelected = isSingleSelection\n    ? radioGroupValue === value\n    : !!checkboxGroupValue?.has(value);\n\n  const {\n    isFocused: isFocus,\n    focusProps: { onFocusIn, onFocusOut },\n    methods\n  } = useFocusableTextField({\n    enabledElementRef: inputRef,\n    readonlyElementRef: inputReadonlyRef,\n    isReadonly,\n    isDisabled\n  });\n\n  // Scroll into view when the RichSelectionItem is focused\n  useEffect(() => {\n    if (isFocus) {\n      styledCardRef?.current?.scrollIntoView({ block: 'nearest' });\n    }\n  }, [isFocus, styledCardRef]);\n\n  // Text content of label and secondaryText rendering\n  const textContent = (\n    <RichSelectionTextContent\n      secondaryTextId={secondaryTextId}\n      labelId={labelId}\n      isDisabled={isDisabled}\n      isLayoutXL={isLayoutXL}\n      label={label}\n      secondaryText={secondaryText}\n    />\n  );\n\n  // Media content rendering based on available media props respective to layout\n  const media = avatar\n    ? { avatar, mediaAccessibleLabel, layout: layout as 'md' | 'sm' }\n    : thumbnailSrc\n    ? { thumbnailSrc, mediaAccessibleLabel, layout: layout as 'xl' | 'md' | 'sm' }\n    : iconClass\n    ? { iconClass, layout: layout as 'sm' }\n    : undefined;\n\n  const mediaContent = hasMedia ? (\n    <RichSelectionMediaItem\n      {...media}\n      isDisabled={isDisabled}\n      hasSecondaryText={!!secondaryText}\n      testId={testId ? `${testId}_media` : undefined}\n    />\n  ) : undefined;\n\n  // Selection control rendering (radio or checkbox)\n  const selectionControl = (\n    <Flex align={secondaryText ? 'start' : 'center'}>\n      {isSingleSelection ? (\n        <RadioControl\n          onFocus={onFocusIn}\n          onBlur={onFocusOut}\n          value={value}\n          inputRef={inputRef}\n          inputReadonlyRef={inputReadonlyRef}\n          isFocus={isFocus}\n          isLayoutXL={isLayoutXL}\n          isDisabled={isDisabled}\n          isReadonly={isReadonly}\n          isSelected={isSelected}\n          describedBy={secondaryTextId}\n          labelledBy={`${id}-labelled-text`}\n          testId={testId ? `${testId}_input_radio` : undefined}\n        />\n      ) : (\n        <CheckboxControl\n          onFocus={onFocusIn}\n          onBlur={onFocusOut}\n          value={value}\n          inputRef={inputRef}\n          inputReadonlyRef={inputReadonlyRef}\n          isFocus={isFocus}\n          isDisabled={isDisabled}\n          isLayoutXL={isLayoutXL}\n          isReadonly={isReadonly}\n          isSelected={isSelected}\n          describedBy={secondaryTextId}\n          labelledBy={`${id}-labelled-text`}\n          testId={testId ? `${testId}_input_checkbox` : undefined}\n        />\n      )}\n    </Flex>\n  );\n\n  // Handler for checkbox selection changes\n  const triggerCheckBoxAction = useCallback(() => {\n    // if selected from a click, we need to manually set focus on the input to allow for keyboard navigation\n    methods.focus();\n\n    const newGroupValue = new Set(checkboxGroupValue);\n    // If the value is already selected, remove it; otherwise, add it\n    if (newGroupValue.has(value)) {\n      newGroupValue.delete(value);\n    } else {\n      newGroupValue.add(value);\n    }\n    onCheckboxCommit?.({\n      previousValue: checkboxGroupValue,\n      value: newGroupValue.size > 0 ? newGroupValue : undefined\n    });\n  }, [checkboxGroupValue, methods, onCheckboxCommit, value]);\n\n  // Handler for radio selection changes\n  const triggerRadioAction = useCallback(() => {\n    if (radioGroupValue !== value) {\n      // if selected from a click, we need to manually set focus on the input to allow for keyboard navigation\n      methods.focus();\n\n      onRadioCommit?.({\n        previousValue: radioGroupValue,\n        value: value\n      });\n    }\n  }, [radioGroupValue, value, methods, onRadioCommit]);\n\n  // due to the placement of the start label in rich selection, we need to check if the first item contains media or secondary text.\n  const startData = useMemo(\n    () => ({ hasMedia, hasSecondaryText: !!secondaryText }),\n    [hasMedia, secondaryText]\n  );\n  const richSelectionStartContext = useRichSelectionStartContext();\n  if (richSelectionStartContext?.isFirst) {\n    richSelectionStartContext?.setStartData?.(startData);\n  }\n\n  // Event handlers for the interaction of the StyledCard\n  const { pressProps } = usePress(isSingleSelection ? triggerRadioAction : triggerCheckBoxAction, {\n    isDisabled: !isEnabled\n  });\n\n  return (\n    <StyledCard\n      cursor={isEnabled ? 'pointer' : 'arrow'}\n      display=\"inlineFlex\"\n      height=\"100%\"\n      isDisabled={!isEnabled}\n      isFocusWithin={isFocus}\n      isSelected={styledCardVariant !== 'danger' && isEnabled && isSelected}\n      onMouseDown={onMouseDown}\n      parentComponentVariant=\"richSelectionItemCard\"\n      ref={styledCardRef}\n      role=\"listitem\"\n      styleVariant={styledCardVariant}\n      testId={testId ? `${testId}_styled_card` : undefined}\n      width=\"100%\"\n      {...(isReadonly ? { onClick: () => methods.focus() } : pressProps)}>\n      {isLayoutXL ? (\n        <Flex direction=\"column\" height=\"100%\" width=\"100%\">\n          {mediaContent}\n          <div class={styles.selectionElement}>{selectionControl}</div>\n          {textContent}\n        </Flex>\n      ) : (\n        <div\n          className={classNames([\n            styles.densityWrapper,\n            // if the item has a sm/md layout, without media or secondary text,\n            // we need to set the min height of the card to match the start label\n            !isLayoutXL &&\n              !hasMedia &&\n              !secondaryText &&\n              richSelectionStartContext !== null &&\n              styles.startMinHeight\n          ])}>\n          <Flex direction=\"row\" gap=\"4x\" height=\"100%\" width=\"100%\">\n            {selectionControl}\n            {textContent}\n            {mediaContent}\n          </Flex>\n        </div>\n      )}\n    </StyledCard>\n  );\n};\n"],"names":["_jsx","_jsxs","CheckIcon","RadioOffIcon","RadioOnIcon"],"mappings":"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"}
+{"version":3,"file":"UNSAFE_RichSelectionItem.js","sources":["../../src/UNSAFE_RichSelectionItem/RichSelectionTextContent.tsx","../../src/UNSAFE_RichSelectionItem/RichSelectionMediaItem.tsx","../../src/UNSAFE_RichSelectionItem/RichSelectionControl.tsx","../../src/UNSAFE_RichSelectionItem/RichSelectionItem.tsx"],"sourcesContent":["import { TruncatingText } from '#UNSAFE_TruncatingText';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { styles } from './themes/RichSelectionItemStyles.css';\n\ntype RichSelectionTextContentProps = {\n  secondaryTextId?: string;\n  label?: string;\n  secondaryText?: string;\n  isDisabled?: boolean;\n  // INFO: label truncates for 1 line in only XL\n  isLayoutXL?: boolean;\n  labelId: string;\n};\n\n// INFO: Label and SecondaryText Content handling\nexport const RichSelectionTextContent = ({\n  secondaryTextId,\n  isDisabled,\n  isLayoutXL,\n  label,\n  labelId,\n  secondaryText\n}: RichSelectionTextContentProps) => {\n  const labelContent = (\n    <TruncatingText\n      variant={isDisabled ? 'disabled' : 'primary'}\n      lineClamp={isLayoutXL ? 1 : 2}\n      id={labelId}>\n      {label}\n    </TruncatingText>\n  );\n  const classes = classNames([\n    isLayoutXL ? styles.densityWrapper : styles.growOneColumn,\n    !isLayoutXL && !secondaryText && styles.labelOnly\n  ]);\n\n  return (\n    <div className={classes}>\n      {labelContent}\n      {secondaryText && (\n        <TruncatingText\n          size=\"sm\"\n          variant={isDisabled ? 'disabled' : 'secondary'}\n          lineClamp={3}\n          id={secondaryTextId}>\n          {secondaryText}\n        </TruncatingText>\n      )}\n    </div>\n  );\n};\n","import { Avatar } from '#UNSAFE_Avatar';\nimport { styles } from './themes/RichSelectionItemStyles.css';\nimport { Center } from '#UNSAFE_Center';\nimport { View } from '#UNSAFE_View';\nimport { AspectRatio } from '#UNSAFE_AspectRatio';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { RichSelectionMediaItemProps } from './RichSelectionTypes';\nimport { classNames } from '#utils/UNSAFE_classNames';\n\ntype DisabledType = {\n  isDisabled?: boolean;\n};\n\ntype ThumbnailProps = TestIdProps &\n  DisabledType &\n  Pick<RichSelectionMediaItemProps, 'layout'> & {\n    thumbnailSrc?: string;\n    mediaAccessibleLabel?: string;\n  };\n\nconst ThumbnailXL = ({\n  thumbnailSrc,\n  mediaAccessibleLabel,\n  testId,\n  isDisabled\n}: ThumbnailProps) => {\n  const testIdProps = useTestId(testId ? `${testId}_thumbnail` : undefined);\n\n  return (\n    <AspectRatio ratio=\"4/3\">\n      <img\n        alt={mediaAccessibleLabel}\n        className={classNames([styles.thumbnailImage, isDisabled && styles.mediaDisabledOpacity])}\n        role={!mediaAccessibleLabel ? 'presentation' : undefined}\n        src={thumbnailSrc}\n        {...testIdProps}\n      />\n    </AspectRatio>\n  );\n};\n\nconst Thumbnail = ({\n  thumbnailSrc,\n  mediaAccessibleLabel,\n  layout,\n  testId,\n  isDisabled\n}: ThumbnailProps) => {\n  const thumbnailClass = classNames([\n    layout === 'md' ? styles.mdMediaVariant : styles.smMediaVariant,\n    isDisabled && styles.mediaDisabledOpacity\n  ]);\n  const testIdProps = useTestId(testId ? `${testId}_thumbnail` : undefined);\n  return (\n    <img\n      alt={mediaAccessibleLabel}\n      className={thumbnailClass}\n      role={!mediaAccessibleLabel ? 'presentation' : undefined}\n      src={thumbnailSrc}\n      {...testIdProps}\n    />\n  );\n};\n\nconst MediumRenderer = ({\n  mediaAccessibleLabel,\n  thumbnailSrc,\n  layout,\n  avatar,\n  testId,\n  isDisabled\n}: Partial<RichSelectionMediaItemProps> & DisabledType) => {\n  const testIdProps = useTestId(testId ? `${testId}_medium` : undefined);\n  let mediumMediaItem;\n\n  if (avatar) {\n    const avatarElement = (\n      <Avatar {...avatar} aria-label={mediaAccessibleLabel} size=\"md\" {...testIdProps} />\n    );\n    mediumMediaItem = isDisabled ? (\n      <span className={styles.mediaDisabledOpacity}>{avatarElement}</span>\n    ) : (\n      avatarElement\n    );\n  } else {\n    mediumMediaItem = (\n      <Thumbnail\n        thumbnailSrc={thumbnailSrc}\n        mediaAccessibleLabel={mediaAccessibleLabel}\n        layout={layout}\n        testId={testId}\n        isDisabled={isDisabled}\n      />\n    );\n  }\n\n  return <Center>{mediumMediaItem}</Center>;\n};\n\nconst SmallRenderer = ({\n  avatar,\n  iconClass,\n  isDisabled,\n  layout,\n  thumbnailSrc,\n  mediaAccessibleLabel,\n  testId\n}: RichSelectionMediaItemProps & DisabledType) => {\n  const testIdProps = useTestId(testId ? `${testId}_small` : undefined);\n  const { iconWrapper, iconEnabledColor, iconDisabledColor, mediaDisabledOpacity } = styles;\n  let smallMediaItem;\n\n  if (avatar) {\n    const avatarElement = (\n      <Avatar {...avatar} aria-label={mediaAccessibleLabel} size=\"xs\" {...testIdProps} />\n    );\n    smallMediaItem = isDisabled ? (\n      <span className={mediaDisabledOpacity}>{avatarElement}</span>\n    ) : (\n      avatarElement\n    );\n  } else if (thumbnailSrc) {\n    smallMediaItem = (\n      <Thumbnail\n        thumbnailSrc={thumbnailSrc}\n        mediaAccessibleLabel={mediaAccessibleLabel}\n        layout={layout}\n        testId={testId}\n        isDisabled={isDisabled}\n        {...testIdProps}\n      />\n    );\n  } else if (iconClass) {\n    const classes = classNames([\n      iconClass,\n      iconWrapper,\n      isDisabled ? iconDisabledColor : iconEnabledColor\n    ]);\n    smallMediaItem = <div class={classes} {...testIdProps}></div>;\n  }\n\n  return <Center>{smallMediaItem}</Center>;\n};\n\n// INFO: Media Item handling\nexport const RichSelectionMediaItem = ({\n  avatar,\n  iconClass,\n  isDisabled,\n  hasSecondaryText,\n  mediaAccessibleLabel,\n  layout,\n  thumbnailSrc,\n  testId\n}: RichSelectionMediaItemProps & DisabledType) => {\n  if (!layout) {\n    return null;\n  }\n\n  switch (layout) {\n    case 'xl':\n      return (\n        <ThumbnailXL\n          thumbnailSrc={thumbnailSrc}\n          mediaAccessibleLabel={mediaAccessibleLabel}\n          testId={testId}\n          isDisabled={isDisabled}\n        />\n      );\n\n    case 'md':\n      const mediumMedia = avatar ? { avatar } : thumbnailSrc ? { thumbnailSrc } : undefined;\n      return (\n        <View alignSelf={hasSecondaryText ? 'start' : 'center'}>\n          <MediumRenderer\n            mediaAccessibleLabel={mediaAccessibleLabel}\n            layout={layout}\n            testId={testId}\n            isDisabled={isDisabled}\n            {...mediumMedia}\n          />\n        </View>\n      );\n\n    case 'sm':\n      const smallMedia = avatar\n        ? { avatar, mediaAccessibleLabel }\n        : thumbnailSrc\n        ? { thumbnailSrc, mediaAccessibleLabel }\n        : iconClass\n        ? { iconClass }\n        : undefined;\n      return (\n        <View alignSelf={hasSecondaryText ? 'start' : 'center'}>\n          <SmallRenderer {...smallMedia} layout={layout} testId={testId} isDisabled={isDisabled} />\n        </View>\n      );\n\n    default:\n      return null;\n  }\n};\n","import type { RefObject } from 'preact';\nimport { useCallback, useEffect, useRef } from 'preact/hooks';\n\nimport { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport { useInteractionStyle } from '#hooks/UNSAFE_useInteractionStyle';\nimport { useTabbableMode } from '#hooks/UNSAFE_useTabbableMode';\nimport { useTestId } from '#hooks/UNSAFE_useTestId';\nimport { StyledCheckbox } from '#PRIVATE_StyledCheckbox';\nimport { CheckIcon } from '#PRIVATE_ThemedIcons/CheckIcon';\nimport { RadioOffIcon } from '#PRIVATE_ThemedIcons/RadioOffIcon';\nimport { RadioOnIcon } from '#PRIVATE_ThemedIcons/RadioOnIcon';\nimport { useCheckboxSetContext } from '#UNSAFE_CheckboxSet';\nimport { HiddenAccessible } from '#UNSAFE_HiddenAccessible';\nimport { useRadioItemContext } from '#UNSAFE_RadioItem/RadioItemContext';\nimport { radioIconVars } from '#UNSAFE_RadioItem/themes/RadioIconContract.css';\nimport { RadioIconVariantOptions } from '#UNSAFE_RadioItem/themes/RadioIconStyles.css';\nimport { radioDefaultColor, radioDisabledColor } from '#UNSAFE_RadioItem/themes/RadioStyles.css';\nimport { RadioIconRedwoodTheme } from '#UNSAFE_RadioItem/themes/redwood/RadioIconTheme';\nimport { useRadioSetContext } from '#UNSAFE_RadioSet/RadioSetContext';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { styles } from './themes/RichSelectionItemStyles.css';\n\n/**\n * Selective Element Props Type.\n */\ntype RichSelectionControlProps = {\n  value: string | number;\n  inputRef?: RefObject<HTMLInputElement>;\n  inputReadonlyRef?: RefObject<HTMLInputElement>;\n  isFocus?: boolean;\n  isLayoutXL?: boolean;\n  isDisabled?: boolean;\n  isReadonly?: boolean;\n  isSelected?: boolean;\n  describedBy?: string;\n  labelledBy: string;\n  testId?: string;\n  onBlur?: (event: FocusEvent) => void;\n  onFocus?: (event: FocusEvent) => void;\n};\n\nexport const RadioControl = ({\n  value,\n  inputRef,\n  inputReadonlyRef,\n  isFocus,\n  isDisabled,\n  isLayoutXL,\n  isReadonly,\n  isSelected,\n  describedBy,\n  labelledBy,\n  testId,\n  onBlur,\n  onFocus\n}: RichSelectionControlProps) => {\n  const { name, value: radioGroupValue, onCommit } = useRadioSetContext();\n\n  const testIdProps = useTestId(testId);\n\n  const IconComp = isReadonly\n    ? isSelected\n      ? CheckIcon\n      : RadioOffIcon\n    : isSelected\n    ? RadioOnIcon\n    : RadioOffIcon;\n\n  const spanRef = useRef<HTMLSpanElement>(null);\n  const { interactionProps, applyActiveStyle } = useInteractionStyle();\n\n  const onChangeHandler = useCallback(\n    (event: Event) => {\n      event.stopPropagation();\n      onCommit?.({ previousValue: radioGroupValue, value });\n    },\n    [value, radioGroupValue, onCommit]\n  );\n\n  /**\n   * When focused the view should have the respective RichSelectionItem.\n   */\n  useEffect(() => {\n    if (isFocus) {\n      spanRef?.current?.scrollIntoView({ block: 'nearest' });\n    }\n  }, [isFocus, spanRef]);\n\n  const radioColor = isDisabled ? radioDisabledColor : radioDefaultColor;\n  const { classes: radioIconClasses } = useComponentTheme<RadioIconVariantOptions>(\n    RadioIconRedwoodTheme,\n    {\n      disabled: isDisabled ? 'isDisabled' : 'notDisabled',\n      selected: isSelected ? 'isSelected' : 'notSelected',\n      active: applyActiveStyle ? 'isActive' : 'notActive',\n      richSelection: isLayoutXL ? 'isLayoutXL' : 'notLayoutXL'\n    }\n  );\n\n  const { isTabbable } = useTabbableMode();\n  const { index } = useRadioItemContext();\n  const tabIndex =\n    isTabbable !== false && ((index === 0 && !radioGroupValue) || isSelected) ? 0 : -1;\n\n  const hiddenInput = (\n    <HiddenAccessible>\n      <input\n        type=\"radio\"\n        name={name}\n        value={value}\n        {...(!isReadonly &&\n          !isDisabled && {\n            onChange: onChangeHandler\n          })}\n        checked={isSelected}\n        disabled={isDisabled}\n        aria-labelledby={labelledBy}\n        aria-describedby={describedBy}\n        tabIndex={tabIndex}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        ref={isReadonly ? inputReadonlyRef : inputRef}\n        {...testIdProps}\n      />\n    </HiddenAccessible>\n  );\n\n  // Radio control is visually hidden in readonly mode unless it is selected\n  if (!isSelected && isReadonly) {\n    return <span class={styles.inputElement}>{hiddenInput}</span>;\n  }\n\n  return (\n    <span\n      ref={spanRef}\n      class={classNames([radioColor, isLayoutXL ? styles.radioWrapper : undefined])}>\n      {hiddenInput}\n      <span aria-hidden=\"true\" class={radioIconClasses} {...interactionProps}>\n        <IconComp size={radioIconVars.iconSize} color=\"currentColor\" />\n      </span>\n    </span>\n  );\n};\n\nexport const CheckboxControl = ({\n  value,\n  inputRef,\n  inputReadonlyRef,\n  isSelected,\n  isLayoutXL,\n  isDisabled,\n  isReadonly,\n  describedBy,\n  labelledBy,\n  testId,\n  onBlur,\n  onFocus\n}: RichSelectionControlProps) => {\n  const { name } = useCheckboxSetContext();\n  const testIdProps = useTestId(testId);\n  const { isTabbable } = useTabbableMode();\n  const checkboxStyles = isLayoutXL ? styles.checkboxWrapper : styles.checkboxAlign;\n\n  // Checkbox control is visually hidden in readonly mode unless it is selected\n  if (!isSelected && isReadonly) {\n    return (\n      <span class={styles.inputElement}>\n        <HiddenAccessible>\n          <input\n            aria-readonly={true}\n            aria-labelledby={labelledBy}\n            aria-describedby={describedBy}\n            type=\"checkbox\"\n            name={name}\n            value={value}\n            checked={false}\n            disabled={isDisabled}\n            tabIndex={isTabbable ? 0 : -1}\n            onBlur={onBlur}\n            onFocus={onFocus}\n            ref={inputReadonlyRef}\n            {...testIdProps}\n          />\n        </HiddenAccessible>\n      </span>\n    );\n  }\n\n  return (\n    <span class={checkboxStyles}>\n      <StyledCheckbox\n        aria-describedby={describedBy}\n        aria-labelledby={labelledBy}\n        isDisabled={isDisabled}\n        isReadonly={isReadonly}\n        isChecked={isSelected ? 'checked' : 'unchecked'}\n        name={name}\n        value={value}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        ref={isReadonly ? inputReadonlyRef : inputRef}\n        {...testIdProps}\n      />\n    </span>\n  );\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { useCallback, useEffect, useMemo, useRef } from 'preact/hooks';\n\nimport { useFormFieldContext } from '#hooks/UNSAFE_useFormFieldContext';\nimport { useRichSelectionContext } from '#PRIVATE_RichSelectionCommon/RichSelectionContext';\nimport { StyledCard } from '#PRIVATE_StyledCard';\nimport { useCheckboxSetContext } from '#UNSAFE_CheckboxSet';\nimport { useRadioSetContext } from '#UNSAFE_RadioSet/RadioSetContext';\nimport { RichSelectionTextContent } from './RichSelectionTextContent';\nimport { RichSelectionMediaItem } from './RichSelectionMediaItem';\nimport { Flex } from '#UNSAFE_Flex';\nimport { styles } from './themes/RichSelectionItemStyles.css';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { usePress } from '#hooks/UNSAFE_usePress';\nimport { RadioControl, CheckboxControl } from './RichSelectionControl';\nimport { type RichSelectionItemData } from './RichSelectionTypes';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { useFocusableTextField } from '#hooks/UNSAFE_useFocusableTextField';\nimport { useRichSelectionStartContext } from '#PRIVATE_RichSelectionCommon/RichSelectionStartContext';\nimport { classNames } from '#utils/UNSAFE_classNames';\n\ntype RichSelectionItemProps<V extends string | number> = RichSelectionItemData<V> &\n  TestIdProps & {\n    /**\n     * Specifies if the card is read-only.\n     */\n    isReadonly?: boolean;\n  };\n\nconst onMouseDown = (event: Event) => {\n  // Prevent focus from going to the body when the user clicks something within\n  // the card that is not focusable. This is important because we are detecting\n  // focus loss on the core pack side and showing hidden messages.\n  event.preventDefault();\n};\n\n/**\n * `RichSelectionItem` is a customizable input card element used in selection interfaces. It can display a label,\n * optional secondary text, and media (such as an avatar, thumbnail, or icon). It supports both radio and checkbox\n * controls, allowing users to make a single or multiple selections, respectively. The component also handles\n * different states such as disabled, readonly, and focus, and renders dynamically based on layout( 'xl', 'md', or 'sm').\n */\nexport const RichSelectionItem = <V extends string | number>({\n  avatar,\n  iconClass,\n  isReadonly: propsIsReadonly,\n  mediaAccessibleLabel,\n  secondaryText,\n  thumbnailSrc,\n  label,\n  value,\n  testId\n}: RichSelectionItemProps<V>) => {\n  const { isReadonly: isFormReadonly, isDisabled: isFormDisabled } = useFormContext();\n  const styledCardRef = useRef<HTMLDivElement>(null);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const inputReadonlyRef = useRef<HTMLInputElement>(null);\n  const { selection, layout, messageSeverity } = useRichSelectionContext()!;\n  const { isDisabled: isFieldDisabled, isReadonly: isFieldReadonly } = useFormFieldContext();\n  const { value: radioGroupValue, onCommit: onRadioCommit } = useRadioSetContext();\n  const { value: checkboxGroupValue, onCommit: onCheckboxCommit } = useCheckboxSetContext();\n\n  // Determining selection state for error\n  const styledCardVariant = messageSeverity === 'error' ? 'danger' : undefined;\n  const isDisabled = isFieldDisabled ?? isFormDisabled;\n  const isReadonly = isFieldReadonly || isFormReadonly || propsIsReadonly;\n  const isEnabled = !isDisabled && !isReadonly;\n  const id = useId();\n  const isLayoutXL = layout === 'xl';\n  const hasMedia = !!avatar || !!thumbnailSrc || !!iconClass;\n  const labelId = `${id}-labelled-text`;\n  const secondaryTextId = secondaryText ? `${id}-secondary-text` : undefined;\n  const isSingleSelection = selection === 'single';\n  const isSelected = isSingleSelection\n    ? radioGroupValue === value\n    : !!checkboxGroupValue?.has(value);\n\n  const {\n    isFocused: isFocus,\n    focusProps: { onFocusIn, onFocusOut },\n    methods\n  } = useFocusableTextField({\n    enabledElementRef: inputRef,\n    readonlyElementRef: inputReadonlyRef,\n    isReadonly,\n    isDisabled\n  });\n\n  // Scroll into view when the RichSelectionItem is focused\n  useEffect(() => {\n    if (isFocus) {\n      styledCardRef?.current?.scrollIntoView({ block: 'nearest' });\n    }\n  }, [isFocus, styledCardRef]);\n\n  // Text content of label and secondaryText rendering\n  const textContent = (\n    <RichSelectionTextContent\n      secondaryTextId={secondaryTextId}\n      labelId={labelId}\n      isDisabled={isDisabled}\n      isLayoutXL={isLayoutXL}\n      label={label}\n      secondaryText={secondaryText}\n    />\n  );\n\n  // Media content rendering based on available media props respective to layout\n  const media = avatar\n    ? { avatar, mediaAccessibleLabel, layout: layout as 'md' | 'sm' }\n    : thumbnailSrc\n    ? { thumbnailSrc, mediaAccessibleLabel, layout: layout as 'xl' | 'md' | 'sm' }\n    : iconClass\n    ? { iconClass, layout: layout as 'sm' }\n    : undefined;\n\n  const mediaContent = hasMedia ? (\n    <RichSelectionMediaItem\n      {...media}\n      isDisabled={isDisabled}\n      hasSecondaryText={!!secondaryText}\n      testId={testId ? `${testId}_media` : undefined}\n    />\n  ) : undefined;\n\n  // Selection control rendering (radio or checkbox)\n  const selectionControl = (\n    <Flex align={secondaryText ? 'start' : 'center'}>\n      {isSingleSelection ? (\n        <RadioControl\n          onFocus={onFocusIn}\n          onBlur={onFocusOut}\n          value={value}\n          inputRef={inputRef}\n          inputReadonlyRef={inputReadonlyRef}\n          isFocus={isFocus}\n          isLayoutXL={isLayoutXL}\n          isDisabled={isDisabled}\n          isReadonly={isReadonly}\n          isSelected={isSelected}\n          describedBy={secondaryTextId}\n          labelledBy={`${id}-labelled-text`}\n          testId={testId ? `${testId}_input_radio` : undefined}\n        />\n      ) : (\n        <CheckboxControl\n          onFocus={onFocusIn}\n          onBlur={onFocusOut}\n          value={value}\n          inputRef={inputRef}\n          inputReadonlyRef={inputReadonlyRef}\n          isFocus={isFocus}\n          isDisabled={isDisabled}\n          isLayoutXL={isLayoutXL}\n          isReadonly={isReadonly}\n          isSelected={isSelected}\n          describedBy={secondaryTextId}\n          labelledBy={`${id}-labelled-text`}\n          testId={testId ? `${testId}_input_checkbox` : undefined}\n        />\n      )}\n    </Flex>\n  );\n\n  // Handler for checkbox selection changes\n  const triggerCheckBoxAction = useCallback(() => {\n    // if selected from a click, we need to manually set focus on the input to allow for keyboard navigation\n    methods.focus();\n\n    const newGroupValue = new Set(checkboxGroupValue);\n    // If the value is already selected, remove it; otherwise, add it\n    if (newGroupValue.has(value)) {\n      newGroupValue.delete(value);\n    } else {\n      newGroupValue.add(value);\n    }\n    onCheckboxCommit?.({\n      previousValue: checkboxGroupValue,\n      value: newGroupValue.size > 0 ? newGroupValue : undefined\n    });\n  }, [checkboxGroupValue, methods, onCheckboxCommit, value]);\n\n  // Handler for radio selection changes\n  const triggerRadioAction = useCallback(() => {\n    if (radioGroupValue !== value) {\n      // if selected from a click, we need to manually set focus on the input to allow for keyboard navigation\n      methods.focus();\n\n      onRadioCommit?.({\n        previousValue: radioGroupValue,\n        value: value\n      });\n    }\n  }, [radioGroupValue, value, methods, onRadioCommit]);\n\n  // due to the placement of the start label in rich selection, we need to check if the first item contains media or secondary text.\n  const startData = useMemo(\n    () => ({ hasMedia, hasSecondaryText: !!secondaryText }),\n    [hasMedia, secondaryText]\n  );\n  const richSelectionStartContext = useRichSelectionStartContext();\n  if (richSelectionStartContext?.isFirst) {\n    richSelectionStartContext?.setStartData?.(startData);\n  }\n\n  // Event handlers for the interaction of the StyledCard\n  const { pressProps } = usePress(isSingleSelection ? triggerRadioAction : triggerCheckBoxAction, {\n    isDisabled: !isEnabled\n  });\n\n  return (\n    <StyledCard\n      cursor={isEnabled ? 'pointer' : 'arrow'}\n      display=\"inlineFlex\"\n      height=\"100%\"\n      isDisabled={!isEnabled}\n      isFocusWithin={isFocus}\n      isSelected={styledCardVariant !== 'danger' && isEnabled && isSelected}\n      onMouseDown={onMouseDown}\n      parentComponentVariant=\"richSelectionItemCard\"\n      ref={styledCardRef}\n      role=\"listitem\"\n      styleVariant={styledCardVariant}\n      testId={testId ? `${testId}_styled_card` : undefined}\n      width=\"100%\"\n      {...(isReadonly ? { onClick: () => methods.focus() } : pressProps)}>\n      {isLayoutXL ? (\n        <Flex direction=\"column\" height=\"100%\" width=\"100%\">\n          {mediaContent}\n          <div class={styles.selectionElement}>{selectionControl}</div>\n          {textContent}\n        </Flex>\n      ) : (\n        <div\n          className={classNames([\n            styles.densityWrapper,\n            // if the item has a sm/md layout, without media or secondary text,\n            // we need to set the min height of the card to match the start label\n            !isLayoutXL &&\n              !hasMedia &&\n              !secondaryText &&\n              richSelectionStartContext !== null &&\n              styles.startMinHeight\n          ])}>\n          <Flex direction=\"row\" gap=\"4x\" height=\"100%\" width=\"100%\">\n            {selectionControl}\n            {textContent}\n            {mediaContent}\n          </Flex>\n        </div>\n      )}\n    </StyledCard>\n  );\n};\n"],"names":["_jsx","_jsxs","CheckIcon","RadioOffIcon","RadioOnIcon"],"mappings":"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"}