@oracle/oraclejet-preact 21.0.0 → 21.0.1

package/es/UNSAFE_CheckboxSet.js

@@ -1,32 +1,34 @@
 /* @oracle/oraclejet-preact: undefined */
-export { C as CheckboxSet, a as CheckboxSetContext, u as useCheckboxSetContext } from './CheckboxSet-3e0ce80c.js';
-import 'preact/jsx-runtime';
-import 'preact';
-import 'preact/hooks';
-import 'preact/compat';
+import { jsx } from 'preact/jsx-runtime';
+import { toChildArray } from 'preact';
+import { useMemo } from 'preact/hooks';
+import { forwardRef } from 'preact/compat';
+import { C as CheckboxSetContext } from './CheckboxSetContext-1be56556.js';
+export { C as CheckboxSetContext, u as useCheckboxSetContext } from './CheckboxSetContext-1be56556.js';
 import './FormContext-be2a6313.js';
-import './useFormContext-66b908c0.js';
-import './FormFieldContext-47ca0c20.js';
-import './useFormFieldContextProps-31bbc12f.js';
+import { u as useFormContext } from './useFormContext-66b908c0.js';
+import { F as FormFieldContext } from './FormFieldContext-47ca0c20.js';
+import { u as useFormFieldContextProps } from './useFormFieldContextProps-31bbc12f.js';
 import './CheckboxSetStyles.styles.css';
-import './useId-03dbfdf0.js';
-import './Flex-f0f1bb0d.js';
-import './useTestId-20c68501.js';
-import './LayerHost-20500ac8.js';
+import { u as useId } from './useId-03dbfdf0.js';
+import { F as Flex } from './Flex-f5fe143f.js';
+import { x as xUnits } from './utils-c307ad0a.js';
+import { d as defaultLabelEdgeForVariant } from './formControlUtils-301a8644.js';
+import { C as CheckboxRadioField } from './CheckboxRadioField-b332f3ef.js';
+import './useTestId-2c0e08d3.js';
+import './LayerHost-c4481db3.js';
 import './index-5f294634.js';
 import './UNSAFE_Layer/themes/LayerHostStyles.css.js';
 import './LayerHostStyles.styles.css';
 import './classNames-4e12b00d.js';
 import './boxalignment-ff3279b7.js';
 import './size-020bd662.js';
-import './utils-c307ad0a.js';
-import './themeContract.css-bd5eecff.js';
-import './colorUtils-62e7f4bf.js';
-import './_curry1-63949a9b.js';
 import './arrayUtils-35a58161.js';
 import './boxalignment.styles.css';
 import './vanilla-extract-sprinkles-createRuntimeSprinkles.esm-2d655d37.js';
 import './dimensions-598464f2.js';
+import './colorUtils-62e7f4bf.js';
+import './_curry1-63949a9b.js';
 import './flexbox-529f25da.js';
 import './flexbox.styles.css';
 import './flexitem-7b7f7920.js';
@@ -37,8 +39,7 @@ import './_curry3-577eb45e.js';
 import './_curry2-01c87f61.js';
 import './_isObject-1fab0f5b.js';
 import './FlexStyles.styles.css';
-import './formControlUtils-301a8644.js';
-import './CheckboxRadioField-b332f3ef.js';
+import './themeContract.css-bd5eecff.js';
 import './useCollectionFocusRing-eaad0fa0.js';
 import './collectionUtils-e8e08f0e.js';
 import './keys-45ef7915.js';
@@ -53,18 +54,18 @@ import './mergeProps-88ea8306.js';
 import './StyledCheckbox-52c7670c.js';
 import './Check-054f9e43.js';
 import './Icon-c0fda273.js';
-import './useTooltip-8decbde6.js';
-import './useTooltipControlled-ccfa2705.js';
+import './useTooltip-7779b267.js';
+import './useTooltipControlled-729b3aac.js';
 import './useTouch-8ace5f7e.js';
 import './useAnimation-950920bc.js';
 import './useComponentTheme-5f800588.js';
 import './logger-35b2acf7.js';
-import './useThemeInterpolations-2d6f0d78.js';
-import './useColorScheme-febcabc0.js';
-import './useScale-9936da9d.js';
+import './useThemeInterpolations-9df8ad1a.js';
+import './useColorScheme-0d2625c5.js';
+import './useScale-4a98c348.js';
 import './theme-63551f30.js';
 import './Theme-e6dec6db.js';
-import './useDensity-482708e7.js';
+import './useDensity-9c3ef227.js';
 import './unsafeDomAccess-453eb74e.js';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme.js';
 import './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css.js';
@@ -74,16 +75,16 @@ import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js';
 import './TooltipContentVariants.styles.css';
 import './vanilla-extract-recipes-createRuntimeFn.esm-2aaf8c98.js';
-import './tooltipUtils-8f52a37e.js';
-import './EnvironmentProvider-12bbb301.js';
-import './LayerManager-55001240.js';
-import './Floating-87cd2bbf.js';
-import './useFloating-38c13cfa.js';
-import './useUser-e1199cab.js';
+import './tooltipUtils-f2f90085.js';
+import './EnvironmentProvider-60423f29.js';
+import './LayerManager-4b79a6a2.js';
+import './Floating-91e0f4c1.js';
+import './useFloating-98ad16ec.js';
+import './useUser-2c24ff59.js';
 import './positionUtils-f26caad9.js';
 import './refUtils-76275c69.js';
-import './useOutsideClick-552699e3.js';
-import './Layer-937ca8d8.js';
+import './useOutsideClick-cad76f8b.js';
+import './Layer-542de448.js';
 import './UNSAFE_Layer/themes/LayerStyles.css.js';
 import './LayerStyles.styles.css';
 import './useModal-953082f2.js';
@@ -118,7 +119,7 @@ import './PRIVATE_BaseSelector/themes/SelectorStyles.css.js';
 import './SelectorStyles.styles.css';
 import './CollectionInteractionContext-959195ad.js';
 import './useCollectionInteractionContext-b7148a30.js';
-import './useTranslationBundle-ded09d52.js';
+import './useTranslationBundle-752de59a.js';
 import './Label-293073f5.js';
 import './useFormFieldContext-daf7a676.js';
 import './safeHref-fce77e0c.js';
@@ -130,7 +131,7 @@ import './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.styles.css'
 import './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css.js';
 import './MessageBannerVariants.styles.css';
 import './IconButton-94077753.js';
-import './BaseButton-77bb9d91.js';
+import './BaseButton-f3a607e1.js';
 import './UNSAFE_BaseButton/themes/redwood/BaseButtonTheme.js';
 import './UNSAFE_BaseButton/themes/BaseButtonStyles.css.js';
 import './ImageVars.styles.css';
@@ -169,7 +170,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-83eb0d14.js';
+import './Popup-5e092ea2.js';
 import './tabbableUtils-4a8fae79.js';
 import './head-8f89fe66.js';
 import './_arity-be492b9e.js';
@@ -182,8 +183,8 @@ import './FocusTrackerStyles.styles.css';
 import './Modal-863676e2.js';
 import './UNSAFE_Modal/themes/ModalStyles.css.js';
 import './ModalStyles.styles.css';
-import './popupUtils-c052da19.js';
-import './WindowOverlay-05bff667.js';
+import './popupUtils-87073802.js';
+import './WindowOverlay-9f2cbaa0.js';
 import './UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css.js';
 import './WindowOverlayStyles.styles.css';
 import './UNSAFE_WindowOverlay/themes/WindowOverlayContract.css.js';
@@ -191,10 +192,10 @@ 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-83d1dde8.js';
+import './usePopupAnimation-c12f24ba.js';
 import './useAnimationStatus-f75b6d4d.js';
 import './popupAnimationUtils-175151d9.js';
-import './LiveRegion-bd98c133.js';
+import './LiveRegion-74d90422.js';
 import './LiveRegionStyles.styles.css';
 import './useEffectEvent-1bb008cb.js';
 import './UNSAFE_Popup/themes/redwood/PopupTheme.js';
@@ -203,7 +204,7 @@ import './PopupStyles.styles.css';
 import './colors-81d9a215.js';
 import './UNSAFE_Separator/themes/SeparatorStyles.css.js';
 import './SeparatorStyles.styles.css';
-import './CompactLabelAssistance-db24bf83.js';
+import './CompactLabelAssistance-44907e8b.js';
 import './Help-acc474f2.js';
 import './useFocusWithin-30b1e2d8.js';
 import './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css.js';
@@ -267,8 +268,41 @@ 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-69ac5e9a.js';
+import './StyledLabelValueLayout-1ebe21b2.js';
 import './LabelValueLayoutStyles.styles.css';
 import './CheckboxRadioLabelValueLayoutStyles.styles.css';
 import './formControlUtils-fcb47642.js';
+
+var styles = {ul:'CheckboxSetStyles_styles_ul__68p6630'};
+
+/**
+ * A CheckboxSet allows the user to select one or more options from a set.
+ */
+const CheckboxSet = forwardRef(({ 'aria-describedby': ariaDescribedBy, assistiveText, columnSpan, direction = 'column', helpSourceLink, helpSourceText, isDisabled: propIsDisabled, isReadonly: propIsReadonly, isRequired = false, label, labelEdge: propLabelEdge, labelStartWidth: propLabelStartWidth, messages, onCommit, userAssistanceDensity: propUserAssistanceDensity, value, variant = 'default', children, testId }, ref) => {
+    const hasValue = value !== undefined ? value.size > 0 : false;
+    const baseId = useId();
+    const { isDisabled: isFormDisabled, isReadonly: isFormReadonly, labelEdge: formLabelEdge, labelStartWidth: formLabelStartWidth, userAssistanceDensity: formUserAssistanceDensity } = useFormContext();
+    // default to FormContext values if component properties are not specified
+    const isDisabled = propIsDisabled ?? isFormDisabled;
+    const isReadonly = propIsReadonly ?? isFormReadonly;
+    const labelEdge = propLabelEdge ?? formLabelEdge ?? defaultLabelEdgeForVariant(variant);
+    const labelStartWidth = propLabelStartWidth ?? formLabelStartWidth;
+    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;
+    const formFieldContext = useFormFieldContextProps({
+        hasValue,
+        isDisabled,
+        isReadonly
+    });
+    const checkboxSetContext = useMemo(() => ({
+        name: baseId,
+        value,
+        onCommit
+    }), [baseId, onCommit, value]);
+    // wrap each CheckboxItem in an <li> tag and the entire set with <ul>
+    const childrenArray = toChildArray(children).filter(Boolean);
+    const wrappedChildren = childrenArray.map((item) => jsx("li", { children: item }));
+    return (jsx(FormFieldContext.Provider, { value: formFieldContext, children: jsx(CheckboxRadioField, { "aria-describedby": ariaDescribedBy, assistiveText: assistiveText, baseId: baseId, columnSpan: columnSpan, helpSourceLink: helpSourceLink, helpSourceText: helpSourceText, isDisabled: isDisabled, isReadonly: isReadonly, isRequired: isRequired, label: label, labelEdge: labelEdge, labelStartWidth: labelStartWidth, parentComponentVariant: "checkboxSet", messages: messages, userAssistanceDensity: userAssistanceDensity, hasValue: hasValue, role: "group", testId: testId, ref: ref, children: jsx(CheckboxSetContext.Provider, { value: checkboxSetContext, children: jsx(Flex, { direction: direction, ...(direction === 'row' && { gap: [0, xUnits(8)], wrap: 'wrap' }), children: jsx("ul", { className: styles.ul, children: wrappedChildren }) }) }) }) }));
+});
+
+export { CheckboxSet };
 //# sourceMappingURL=UNSAFE_CheckboxSet.js.map

package/es/UNSAFE_CheckboxSet.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_CheckboxSet.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"UNSAFE_CheckboxSet.js","sources":["../../src/UNSAFE_CheckboxSet/CheckboxSet.tsx"],"sourcesContent":["import { ComponentChildren, ComponentProps, ContextType, Ref, toChildArray, JSX } from 'preact';\nimport { useMemo } from 'preact/hooks';\nimport { forwardRef } from 'preact/compat';\n\nimport { CheckboxSetContext } from './CheckboxSetContext';\nimport { CheckboxRadioField } from '#PRIVATE_CheckboxRadioField';\nimport { InlineUserAssistance, UserAssistanceDensityType } from '#UNSAFE_UserAssistance';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { FormFieldContext } from '#hooks/UNSAFE_useFormFieldContext';\nimport { FormVariantContext } from '#hooks/UNSAFE_useFormVariantContext';\nimport { useFormFieldContextProps } from '#hooks/UNSAFE_useFormFieldContextProps';\nimport { FlexboxProps } from '#utils/UNSAFE_interpolations/flexbox';\nimport { Size } from '#utils/UNSAFE_size';\nimport { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport { FocusableHandle } from '#hooks/UNSAFE_useFocusableTextField';\nimport { styles } from './CheckboxSetStyles.css';\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { LayoutColumnSpan } from '#utils/UNSAFE_styles/Layout';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { Flex } from '#UNSAFE_Flex';\nimport { xUnits } from '#UNSAFE_Theme';\nimport { defaultLabelEdgeForVariant } from '#utils/PRIVATE_formControlUtils';\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 guidance to help the user understand what data to enter.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\n  /**\n   * set of CheckboxItems\n   */\n  children: ComponentChildren;\n  /**\n   * Specifies how many columns to span in a FormLayout with direction === 'row'\n   */\n  columnSpan?: LayoutColumnSpan;\n  /**\n   * layout direction of the children elements\n   */\n  direction?: FlexboxProps['direction'];\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 set requires a selection to be made.\n   */\n  isRequired?: boolean;\n  /**\n   * Specifies if the checkbox set is read-only.\n   */\n  isReadonly?: boolean;\n  /**\n   * Specifies if the checkbox set is disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * Label text for the group of checkbox items.\n   */\n  label: string;\n  /**\n   * Specifies where the label is positioned relative to the field.\n   */\n  labelEdge?: 'none' | 'top' | 'start' | 'inside';\n  /**\n   * Specifies the width of the label when <code>labelEdge</code> is <code>\"start\"</code>.\n   */\n  labelStartWidth?: Size;\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<Set<string | number>>) => 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 selected checkbox option.\n   */\n  value?: Set<string | number>;\n  /**\n   * Specifies the form variant styling contract for the component.\n   * Supported values are:\n   * <ul>\n   * <li><code>'default'</code>: the standalone/default form control presentation.</li>\n   * <li><code>'embedded'</code>: embedded collection styling.</li>\n   * <li><code>'legacyEmbedded'</code>: legacy collection styling.</li>\n   * </ul>\n   */\n  variant?: ContextType<typeof FormVariantContext>;\n} & TestIdProps;\n/**\n * A CheckboxSet allows the user to select one or more options from a set.\n */\nexport const CheckboxSet = forwardRef(\n  (\n    {\n      'aria-describedby': ariaDescribedBy,\n      assistiveText,\n      columnSpan,\n      direction = 'column',\n      helpSourceLink,\n      helpSourceText,\n      isDisabled: propIsDisabled,\n      isReadonly: propIsReadonly,\n      isRequired = false,\n      label,\n      labelEdge: propLabelEdge,\n      labelStartWidth: propLabelStartWidth,\n      messages,\n      onCommit,\n      userAssistanceDensity: propUserAssistanceDensity,\n      value,\n      variant = 'default',\n      children,\n      testId\n    }: Props,\n    ref?: Ref<FocusableHandle>\n  ) => {\n    const hasValue = value !== undefined ? value.size > 0 : false;\n    const baseId = useId();\n\n    const {\n      isDisabled: isFormDisabled,\n      isReadonly: isFormReadonly,\n      labelEdge: formLabelEdge,\n      labelStartWidth: formLabelStartWidth,\n      userAssistanceDensity: formUserAssistanceDensity\n    } = useFormContext();\n\n    // default to FormContext values if component properties are not specified\n    const isDisabled = propIsDisabled ?? isFormDisabled;\n    const isReadonly = propIsReadonly ?? isFormReadonly;\n    const labelEdge = propLabelEdge ?? formLabelEdge ?? defaultLabelEdgeForVariant(variant);\n    const labelStartWidth = propLabelStartWidth ?? formLabelStartWidth;\n    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n\n    const formFieldContext = useFormFieldContextProps({\n      hasValue,\n      isDisabled,\n      isReadonly\n    });\n\n    const checkboxSetContext = useMemo(\n      () => ({\n        name: baseId,\n        value,\n        onCommit\n      }),\n      [baseId, onCommit, value]\n    );\n\n    // wrap each CheckboxItem in an <li> tag and the entire set with <ul>\n    const childrenArray = toChildArray(children).filter(Boolean);\n    const wrappedChildren = childrenArray.map((item) => <li>{item}</li>);\n\n    return (\n      <FormFieldContext.Provider value={formFieldContext}>\n        <CheckboxRadioField\n          aria-describedby={ariaDescribedBy}\n          assistiveText={assistiveText}\n          baseId={baseId}\n          columnSpan={columnSpan}\n          helpSourceLink={helpSourceLink}\n          helpSourceText={helpSourceText}\n          isDisabled={isDisabled}\n          isReadonly={isReadonly}\n          isRequired={isRequired}\n          label={label}\n          labelEdge={labelEdge}\n          labelStartWidth={labelStartWidth}\n          parentComponentVariant=\"checkboxSet\"\n          messages={messages}\n          userAssistanceDensity={userAssistanceDensity}\n          hasValue={hasValue}\n          role=\"group\"\n          testId={testId}\n          ref={ref}>\n          <CheckboxSetContext.Provider value={checkboxSetContext}>\n            <Flex\n              direction={direction}\n              {...(direction === 'row' && { gap: [0, xUnits(8) as Size], wrap: 'wrap' })}>\n              <ul className={styles.ul}>{wrappedChildren}</ul>\n            </Flex>\n          </CheckboxSetContext.Provider>\n        </CheckboxRadioField>\n      </FormFieldContext.Provider>\n    );\n  }\n);\n"],"names":["_jsx"],"mappings":"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"}

package/es/UNSAFE_Chip.js

@@ -21,8 +21,8 @@ import './ChipStyles.styles.css';
 import './vanilla-extract-recipes-createRuntimeFn.esm-2aaf8c98.js';
 import './useInteractionStyle-51392ce5.js';
 import './clientHints-502748e3.js';
-import './useTestId-20c68501.js';
-import './LayerHost-20500ac8.js';
+import './useTestId-2c0e08d3.js';
+import './LayerHost-c4481db3.js';
 import './index-5f294634.js';
 import 'preact/compat';
 import './UNSAFE_Layer/themes/LayerHostStyles.css.js';

package/es/UNSAFE_Collapsible.js

@@ -9,9 +9,9 @@ import './useComponentTheme-5f800588.js';
 import './logger-35b2acf7.js';
 import './ManageTabStopsContext-ad769de9.js';
 import './useTabbableMode-e478991d.js';
-import './Flex-f0f1bb0d.js';
-import './useTestId-20c68501.js';
-import './LayerHost-20500ac8.js';
+import './Flex-f5fe143f.js';
+import './useTestId-2c0e08d3.js';
+import './LayerHost-c4481db3.js';
 import './index-5f294634.js';
 import 'preact/compat';
 import './UNSAFE_Layer/themes/LayerHostStyles.css.js';
@@ -42,20 +42,20 @@ import './SeparatorStyles.styles.css';
 import './vanilla-extract-recipes-createRuntimeFn.esm-2aaf8c98.js';
 import './ChevronDown-ec33b889.js';
 import './Icon-c0fda273.js';
-import './useTooltip-8decbde6.js';
-import './useTooltipControlled-ccfa2705.js';
+import './useTooltip-7779b267.js';
+import './useTooltipControlled-729b3aac.js';
 import './useHover-85077adb.js';
 import './useToggle-8b7fcefe.js';
 import './useFocus-38c95977.js';
 import './useTouch-8ace5f7e.js';
 import './mergeProps-88ea8306.js';
 import './useAnimation-950920bc.js';
-import './useThemeInterpolations-2d6f0d78.js';
-import './useColorScheme-febcabc0.js';
-import './useScale-9936da9d.js';
+import './useThemeInterpolations-9df8ad1a.js';
+import './useColorScheme-0d2625c5.js';
+import './useScale-4a98c348.js';
 import './theme-63551f30.js';
 import './Theme-e6dec6db.js';
-import './useDensity-482708e7.js';
+import './useDensity-9c3ef227.js';
 import './unsafeDomAccess-453eb74e.js';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme.js';
 import './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css.js';
@@ -64,16 +64,16 @@ import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css.js'
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js';
 import './TooltipContentVariants.styles.css';
-import './tooltipUtils-8f52a37e.js';
-import './EnvironmentProvider-12bbb301.js';
-import './LayerManager-55001240.js';
-import './Floating-87cd2bbf.js';
-import './useFloating-38c13cfa.js';
-import './useUser-e1199cab.js';
+import './tooltipUtils-f2f90085.js';
+import './EnvironmentProvider-60423f29.js';
+import './LayerManager-4b79a6a2.js';
+import './Floating-91e0f4c1.js';
+import './useFloating-98ad16ec.js';
+import './useUser-2c24ff59.js';
 import './positionUtils-f26caad9.js';
 import './refUtils-76275c69.js';
-import './useOutsideClick-552699e3.js';
-import './Layer-937ca8d8.js';
+import './useOutsideClick-cad76f8b.js';
+import './Layer-542de448.js';
 import './UNSAFE_Layer/themes/LayerStyles.css.js';
 import './LayerStyles.styles.css';
 import './useModal-953082f2.js';
@@ -92,7 +92,7 @@ import './clientHints-502748e3.js';
 import './CollapseIcon-134ba4b8.js';
 import './ChevronRight-d5e46240.js';
 import './ChevronLeft-bad5a908.js';
-import './withDirectionIcon-abc3124a.js';
+import './withDirectionIcon-dec377dd.js';
 import './ChevronUp-9d281114.js';
 import './UNSAFE_Collapsible/themes/redwood/CollapsibleTheme.js';
 import './UNSAFE_Collapsible/themes/CollapsibleStyles.css.js';

package/es/UNSAFE_CollapsibleNavigationList.js

@@ -6,7 +6,7 @@ import { c as classNames } from './classNames-4e12b00d.js';
 import { navigationListStyles } from './UNSAFE_NavigationList/themes/NavigationListStyles.css.js';
 import { m as mergeProps } from './mergeProps-88ea8306.js';
 import { H as HiddenAccessible } from './HiddenAccessible-61197e7c.js';
-import { u as useTranslationBundle } from './useTranslationBundle-ded09d52.js';
+import { u as useTranslationBundle } from './useTranslationBundle-752de59a.js';
 import { N as NavigationListContext } from './NavigationListContext-57cd9ad8.js';
 import { b as buildParentKeyMap, u as useNavigationList, a as useNavigationListContext } from './NavigationList-0281b772.js';
 import { c as containsKey, t as toggleKeyPresence } from './keys-45ef7915.js';
@@ -15,7 +15,7 @@ import { N as NavigationListSeparator } from './NavigationListSeparator-78e7629e
 import { childItemVars } from './UNSAFE_NavigationList/themes/NavigationListItemContract.css.js';
 import './NavigationListStyles.styles.css';
 import './HiddenAccessibleStyles.styles.css';
-import './LayerHost-20500ac8.js';
+import './LayerHost-c4481db3.js';
 import './index-5f294634.js';
 import 'preact/compat';
 import './UNSAFE_Layer/themes/LayerHostStyles.css.js';
@@ -45,13 +45,13 @@ import './UNSAFE_NavigationList/themes/redwood/NavigationListItemBaseTheme.style
 import './UNSAFE_NavigationList/themes/redwood/NavigationListItemVariants.css.js';
 import './NavigationListItemVariants.styles.css';
 import './vanilla-extract-recipes-createRuntimeFn.esm-2aaf8c98.js';
-import './useUser-e1199cab.js';
+import './useUser-2c24ff59.js';
 import './clientUtils-ed857b57.js';
 import './collectionUtils-e8e08f0e.js';
 import './Selector-0ebdf7d0.js';
 import './BaseSelector-33194eea.js';
 import './useFocus-38c95977.js';
-import './useTestId-20c68501.js';
+import './useTestId-2c0e08d3.js';
 import './StyledCheckbox-52c7670c.js';
 import './Check-054f9e43.js';
 import './Icon-c0fda273.js';
@@ -59,17 +59,17 @@ import './size-020bd662.js';
 import './utils-c307ad0a.js';
 import './themeContract.css-bd5eecff.js';
 import './colorUtils-62e7f4bf.js';
-import './useTooltip-8decbde6.js';
-import './useTooltipControlled-ccfa2705.js';
+import './useTooltip-7779b267.js';
+import './useTooltipControlled-729b3aac.js';
 import './useId-03dbfdf0.js';
 import './useTouch-8ace5f7e.js';
 import './useAnimation-950920bc.js';
-import './useThemeInterpolations-2d6f0d78.js';
-import './useColorScheme-febcabc0.js';
-import './useScale-9936da9d.js';
+import './useThemeInterpolations-9df8ad1a.js';
+import './useColorScheme-0d2625c5.js';
+import './useScale-4a98c348.js';
 import './theme-63551f30.js';
 import './Theme-e6dec6db.js';
-import './useDensity-482708e7.js';
+import './useDensity-9c3ef227.js';
 import './unsafeDomAccess-453eb74e.js';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme.js';
 import './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css.js';
@@ -78,16 +78,16 @@ import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css.js'
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js';
 import './TooltipContentVariants.styles.css';
-import './tooltipUtils-8f52a37e.js';
-import './EnvironmentProvider-12bbb301.js';
-import './LayerManager-55001240.js';
-import './Floating-87cd2bbf.js';
-import './useFloating-38c13cfa.js';
+import './tooltipUtils-f2f90085.js';
+import './EnvironmentProvider-60423f29.js';
+import './LayerManager-4b79a6a2.js';
+import './Floating-91e0f4c1.js';
+import './useFloating-98ad16ec.js';
 import './positionUtils-f26caad9.js';
 import './refUtils-76275c69.js';
-import './useOutsideClick-552699e3.js';
+import './useOutsideClick-cad76f8b.js';
 import './arrayUtils-35a58161.js';
-import './Layer-937ca8d8.js';
+import './Layer-542de448.js';
 import './UNSAFE_Layer/themes/LayerStyles.css.js';
 import './LayerStyles.styles.css';
 import './useModal-953082f2.js';
@@ -135,8 +135,8 @@ import './head-8f89fe66.js';
 import './_arity-be492b9e.js';
 import './_isArray-694cc52d.js';
 import './_isString-675f1de9.js';
-import './popupUtils-c052da19.js';
-import './WindowOverlay-05bff667.js';
+import './popupUtils-87073802.js';
+import './WindowOverlay-9f2cbaa0.js';
 import './UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css.js';
 import './WindowOverlayStyles.styles.css';
 import './UNSAFE_WindowOverlay/themes/WindowOverlayContract.css.js';
@@ -148,19 +148,19 @@ import './UNSAFE_Sheet/themes/SheetStyles.css.js';
 import './SheetStyles.styles.css';
 import './useAnimationStatus-f75b6d4d.js';
 import './animationUtils-5f409a6c.js';
-import './Dropdown-a3e401ae.js';
+import './Dropdown-e3f6f436.js';
 import './keyboardUtils-412ce58a.js';
-import './usePopupAnimation-83d1dde8.js';
+import './usePopupAnimation-c12f24ba.js';
 import './popupAnimationUtils-175151d9.js';
 import './UNSAFE_Dropdown/themes/dropdownStyles.css.js';
 import './dropdownStyles.styles.css';
-import './useOutsideMousedown-36235b3d.js';
+import './useOutsideMousedown-9da55345.js';
 import './useEffectEvent-1bb008cb.js';
 import './UNSAFE_Menu/themes/MenuStyles.css.js';
 import './MenuStyles.styles.css';
 import './UNSAFE_Menu/themes/DropdownMenuStyles.css.js';
 import './DropdownMenuStyles.styles.css';
-import './Flex-f0f1bb0d.js';
+import './Flex-f5fe143f.js';
 import './boxalignment-ff3279b7.js';
 import './boxalignment.styles.css';
 import './dimensions-598464f2.js';
@@ -177,13 +177,13 @@ import './UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.styles.css';
 import './UNSAFE_Skeleton/themes/redwood/SkeletonVariants.css.js';
 import './UNSAFE_Menu/themes/MenuSkeletonStyles.css.js';
 import './MenuSkeletonStyles.styles.css';
-import './LiveRegion-bd98c133.js';
+import './LiveRegion-74d90422.js';
 import './LiveRegionStyles.styles.css';
 import './UNSAFE_Menu/themes/redwood/MenuItemTheme.js';
 import './UNSAFE_Menu/themes/MenuItemStyles.css.js';
 import './MenuItemStyles.styles.css';
 import './UNSAFE_Menu/themes/redwood/MenuItemVariants.css.js';
-import './MenuItemVariants.styles.css';
+import './MenuItemVariants.styles2.css';
 import './Text-f028bd38.js';
 import './UNSAFE_Text/themes/TextStyles.css.js';
 import './TextStyles.styles.css';
@@ -198,8 +198,8 @@ import './ErrorS-fb8214f6.js';
 import './InformationS-b6336786.js';
 import './SuccessS-9daf16ca.js';
 import './Expander-19633442.js';
-import './EmbeddedIconButton-3824dbe1.js';
-import './BaseButton-77bb9d91.js';
+import './EmbeddedIconButton-8dca2a64.js';
+import './BaseButton-f3a607e1.js';
 import './UNSAFE_BaseButton/themes/redwood/BaseButtonTheme.js';
 import './UNSAFE_BaseButton/themes/BaseButtonStyles.css.js';
 import './ImageVars.styles.css';
@@ -229,7 +229,7 @@ import './ChevronRight-d5e46240.js';
 import './ChevronUp-9d281114.js';
 import './ExpandableContext-9b4f9741.js';
 import './useExpandableContext-1ed0e968.js';
-import './View-5e006875.js';
+import './View-0ee9645e.js';
 import './colors-81d9a215.js';
 import './padding-77362cd7.js';
 import './aria-efa0582c.js';