@oracle/oraclejet-preact 20.0.3 → 20.1.0

package/cjs/UNSAFE_CheckboxSet.js

@@ -3,34 +3,34 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var CheckboxSet = require('./CheckboxSet-6865f4fd.js');
-require('preact/jsx-runtime');
-require('preact');
-require('preact/hooks');
-require('preact/compat');
+var jsxRuntime = require('preact/jsx-runtime');
+var preact = require('preact');
+var hooks = require('preact/hooks');
+var compat = require('preact/compat');
+var CheckboxSetContext = require('./CheckboxSetContext-c62db26d.js');
 require('./FormContext-d1d05967.js');
-require('./useFormContext-a794f7b6.js');
-require('./FormFieldContext-69fe83d2.js');
-require('./useFormFieldContextProps-0fa67f6c.js');
-
-require('./useId-6c0eeb27.js');
-require('./Flex-3a257bc3.js');
-require('./useTestId-4f53d561.js');
-require('./LayerHost-3cd73603.js');
+var useFormContext = require('./useFormContext-a794f7b6.js');
+var FormFieldContext = require('./FormFieldContext-69fe83d2.js');
+var useFormFieldContextProps = require('./useFormFieldContextProps-0fa67f6c.js');
+
+var useId = require('./useId-6c0eeb27.js');
+var Flex = require('./Flex-ec48072d.js');
+var utils = require('./utils-c0efcd5e.js');
+var CheckboxRadioField = require('./CheckboxRadioField-24e06523.js');
+require('./useTestId-a8b07506.js');
+require('./LayerHost-21391a0d.js');
 require('./index-0aa99b92.js');
 require('./UNSAFE_Layer/themes/LayerHostStyles.css.js');
 
 require('./classNames-c14c6ef3.js');
 require('./boxalignment-e287d370.js');
 require('./size-1914356b.js');
-require('./utils-c0efcd5e.js');
-require('./themeContract.css-f3d431c6.js');
-require('./colorUtils-01f3caa2.js');
-require('./_curry1-e8f0d7ea.js');
 require('./arrayUtils-7d8dcfc3.js');
 
 require('./vanilla-extract-sprinkles-createRuntimeSprinkles.esm-d68f3e0f.js');
 require('./dimensions-6101ca1f.js');
+require('./colorUtils-01f3caa2.js');
+require('./_curry1-e8f0d7ea.js');
 require('./flexbox-2cae9a01.js');
 
 require('./flexitem-fee13e26.js');
@@ -41,7 +41,7 @@ require('./_curry3-18677bca.js');
 require('./_curry2-c15d89cd.js');
 require('./_isObject-28636267.js');
 
-require('./CheckboxRadioField-24e06523.js');
+require('./themeContract.css-f3d431c6.js');
 require('./useCollectionFocusRing-bed0aa16.js');
 require('./collectionUtils-f1d3183f.js');
 require('./keys-25710458.js');
@@ -56,18 +56,18 @@ require('./mergeProps-e3da7237.js');
 require('./StyledCheckbox-9047ed7d.js');
 require('./Check-1272bb86.js');
 require('./Icon-56789beb.js');
-require('./useTooltip-34accecc.js');
-require('./useTooltipControlled-0a95856c.js');
+require('./useTooltip-d1200aff.js');
+require('./useTooltipControlled-0dc34549.js');
 require('./useTouch-4dec8729.js');
 require('./useAnimation-65c0e455.js');
 require('./useComponentTheme-082fc8e4.js');
 require('./logger-2b636482.js');
-require('./useThemeInterpolations-a37b37d9.js');
-require('./useColorScheme-f8b1447d.js');
-require('./useScale-db16c2b8.js');
+require('./useThemeInterpolations-ca3ddfd9.js');
+require('./useColorScheme-852ec82e.js');
+require('./useScale-529046e3.js');
 require('./theme-dfd6a9fe.js');
 require('./Theme-f06687af.js');
-require('./useDensity-0b9fd9ca.js');
+require('./useDensity-2a45f4dd.js');
 require('./unsafeDomAccess-c3a492f0.js');
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme.js');
 require('./hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css.js');
@@ -77,16 +77,16 @@ require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css.js
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
 
 require('./vanilla-extract-recipes-createRuntimeFn.esm-d1301b2d.js');
-require('./tooltipUtils-2bc15136.js');
-require('./EnvironmentProvider-5f2435e6.js');
-require('./LayerManager-c535d963.js');
-require('./Floating-79cbe5ad.js');
-require('./useFloating-c753a7f9.js');
-require('./useUser-1295b5cb.js');
+require('./tooltipUtils-c554343d.js');
+require('./EnvironmentProvider-932667b2.js');
+require('./LayerManager-fd7f4d2f.js');
+require('./Floating-de219e52.js');
+require('./useFloating-c408d4be.js');
+require('./useUser-cc045b3e.js');
 require('./positionUtils-a780137e.js');
 require('./refUtils-a9872e75.js');
-require('./useOutsideClick-dbf3d604.js');
-require('./Layer-b60deb1b.js');
+require('./useOutsideClick-5c31ee35.js');
+require('./Layer-06e11b9c.js');
 require('./UNSAFE_Layer/themes/LayerStyles.css.js');
 
 require('./useModal-0739a528.js');
@@ -121,7 +121,7 @@ require('./PRIVATE_BaseSelector/themes/SelectorStyles.css.js');
 
 require('./CollectionInteractionContext-f84ff7a1.js');
 require('./useCollectionInteractionContext-6fc0200e.js');
-require('./useTranslationBundle-12dd087d.js');
+require('./useTranslationBundle-990e7928.js');
 require('./Label-eb654b0e.js');
 require('./useFormFieldContext-4632eb73.js');
 
@@ -132,7 +132,7 @@ require('./UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css.js');
 require('./UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css.js');
 
 require('./IconButton-7503293b.js');
-require('./BaseButton-d8f96bfa.js');
+require('./BaseButton-15b86552.js');
 require('./UNSAFE_BaseButton/themes/redwood/BaseButtonTheme.js');
 require('./UNSAFE_BaseButton/themes/BaseButtonStyles.css.js');
 
@@ -166,7 +166,7 @@ require('./MessagesContext-4e939750.js');
 
 require('./UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css.js');
 require('./InputGroupContext-05f2a46f.js');
-require('./Popup-de16d915.js');
+require('./Popup-6de390dd.js');
 require('./tabbableUtils-22a50472.js');
 require('./head-68d0992f.js');
 require('./_arity-c228159c.js');
@@ -179,8 +179,8 @@ require('./PRIVATE_FocusTracker/themes/FocusTrackerStyles.css.js');
 require('./Modal-b751b643.js');
 require('./UNSAFE_Modal/themes/ModalStyles.css.js');
 
-require('./popupUtils-1d123cbe.js');
-require('./WindowOverlay-85d999fa.js');
+require('./popupUtils-79656e59.js');
+require('./WindowOverlay-b9595d88.js');
 require('./UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css.js');
 
 require('./UNSAFE_WindowOverlay/themes/WindowOverlayContract.css.js');
@@ -188,10 +188,10 @@ require('./UNSAFE_WindowOverlay/themes/redwood/WindowOverlayTheme.js');
 require('./UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.css.js');
 
 require('./UNSAFE_WindowOverlay/themes/redwood/WindowOverlayVariants.css.js');
-require('./usePopupAnimation-f3b34413.js');
+require('./usePopupAnimation-985e90a2.js');
 require('./useAnimationStatus-8075dc19.js');
 require('./popupAnimationUtils-dcace427.js');
-require('./LiveRegion-62ce9ac7.js');
+require('./LiveRegion-60535481.js');
 
 require('./UNSAFE_Popup/themes/PopupContract.css.js');
 require('./UNSAFE_Popup/themes/redwood/PopupTheme.js');
@@ -202,7 +202,7 @@ require('./UNSAFE_Popup/themes/redwood/PopupVariants.css.js');
 require('./colors-f3ce979a.js');
 require('./UNSAFE_Separator/themes/SeparatorStyles.css.js');
 
-require('./CompactLabelAssistance-e910bb56.js');
+require('./CompactLabelAssistance-f7b3b814.js');
 require('./Help-dbc23ccd.js');
 require('./useFocusWithin-eb7f956a.js');
 require('./UNSAFE_UserAssistance/themes/UserAssistanceStyles.css.js');
@@ -266,14 +266,43 @@ require('./UNSAFE_Checkbox/themes/redwood/CheckboxBaseTheme.css.js');
 
 require('./UNSAFE_Checkbox/themes/redwood/CheckboxVariants.css.js');
 
-require('./StyledLabelValueLayout-48da61b9.js');
+require('./StyledLabelValueLayout-3ee66ef1.js');
 
 
 require('./formControlUtils-31d8bc55.js');
 
-
-
-exports.CheckboxSet = CheckboxSet.CheckboxSet;
-exports.CheckboxSetContext = CheckboxSet.CheckboxSetContext;
-exports.useCheckboxSetContext = CheckboxSet.useCheckboxSetContext;
+var styles = {ul:'CheckboxSetStyles_styles_ul__68p6630'};
+
+/**
+ * A CheckboxSet allows the user to select one or more options from a set.
+ */
+const CheckboxSet = compat.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, children, testId }, ref) => {
+    const hasValue = value !== undefined ? value.size > 0 : false;
+    const baseId = useId.useId();
+    const { isDisabled: isFormDisabled, isReadonly: isFormReadonly, labelEdge: formLabelEdge, labelStartWidth: formLabelStartWidth, userAssistanceDensity: formUserAssistanceDensity } = useFormContext.useFormContext();
+    // default to FormContext values if component properties are not specified
+    const isDisabled = propIsDisabled ?? isFormDisabled;
+    const isReadonly = propIsReadonly ?? isFormReadonly;
+    const labelEdge = propLabelEdge ?? formLabelEdge;
+    const labelStartWidth = propLabelStartWidth ?? formLabelStartWidth;
+    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;
+    const formFieldContext = useFormFieldContextProps.useFormFieldContextProps({
+        hasValue,
+        isDisabled,
+        isReadonly
+    });
+    const checkboxSetContext = hooks.useMemo(() => ({
+        name: baseId,
+        value,
+        onCommit
+    }), [baseId, onCommit, value]);
+    // wrap each CheckboxItem in an <li> tag and the entire set with <ul>
+    const childrenArray = preact.toChildArray(children).filter(Boolean);
+    const wrappedChildren = childrenArray.map((item) => jsxRuntime.jsx("li", { children: item }));
+    return (jsxRuntime.jsx(FormFieldContext.FormFieldContext.Provider, { value: formFieldContext, children: jsxRuntime.jsx(CheckboxRadioField.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: jsxRuntime.jsx(CheckboxSetContext.CheckboxSetContext.Provider, { value: checkboxSetContext, children: jsxRuntime.jsx(Flex.Flex, { direction: direction, ...(direction === 'row' && { gap: [0, utils.xUnits(8)], wrap: 'wrap' }), children: jsxRuntime.jsx("ul", { className: styles.ul, children: wrappedChildren }) }) }) }) }));
+});
+
+exports.CheckboxSetContext = CheckboxSetContext.CheckboxSetContext;
+exports.useCheckboxSetContext = CheckboxSetContext.useCheckboxSetContext;
+exports.CheckboxSet = CheckboxSet;
 //# sourceMappingURL=UNSAFE_CheckboxSet.js.map

package/cjs/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, 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 { 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';\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} & 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      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;\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":["forwardRef","useId","useFormContext","useFormFieldContextProps","useMemo","toChildArray","_jsx","FormFieldContext","CheckboxRadioField","CheckboxSetContext","Flex","xUnits"],"mappings":"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"}

package/cjs/UNSAFE_Chip.js

@@ -22,8 +22,8 @@ require('./UNSAFE_Chip/themes/ChipStyles.css.js');
 require('./vanilla-extract-recipes-createRuntimeFn.esm-d1301b2d.js');
 require('./useInteractionStyle-c203a8a0.js');
 require('./clientHints-c40c5250.js');
-require('./useTestId-4f53d561.js');
-require('./LayerHost-3cd73603.js');
+require('./useTestId-a8b07506.js');
+require('./LayerHost-21391a0d.js');
 require('./index-0aa99b92.js');
 require('preact/compat');
 require('./UNSAFE_Layer/themes/LayerHostStyles.css.js');

package/cjs/UNSAFE_Collapsible.js

@@ -13,9 +13,9 @@ require('./useComponentTheme-082fc8e4.js');
 require('./logger-2b636482.js');
 require('./TabbableModeContext-e99d527e.js');
 require('./useTabbableMode-dbd254e8.js');
-require('./Flex-3a257bc3.js');
-require('./useTestId-4f53d561.js');
-require('./LayerHost-3cd73603.js');
+require('./Flex-ec48072d.js');
+require('./useTestId-a8b07506.js');
+require('./LayerHost-21391a0d.js');
 require('./index-0aa99b92.js');
 require('preact/compat');
 require('./UNSAFE_Layer/themes/LayerHostStyles.css.js');
@@ -46,20 +46,20 @@ require('./UNSAFE_Separator/themes/SeparatorStyles.css.js');
 require('./vanilla-extract-recipes-createRuntimeFn.esm-d1301b2d.js');
 require('./ChevronDown-55b2c0d4.js');
 require('./Icon-56789beb.js');
-require('./useTooltip-34accecc.js');
-require('./useTooltipControlled-0a95856c.js');
+require('./useTooltip-d1200aff.js');
+require('./useTooltipControlled-0dc34549.js');
 require('./useHover-49b0430d.js');
 require('./useToggle-3ebba7d8.js');
 require('./useFocus-1b288fb9.js');
 require('./useTouch-4dec8729.js');
 require('./mergeProps-e3da7237.js');
 require('./useAnimation-65c0e455.js');
-require('./useThemeInterpolations-a37b37d9.js');
-require('./useColorScheme-f8b1447d.js');
-require('./useScale-db16c2b8.js');
+require('./useThemeInterpolations-ca3ddfd9.js');
+require('./useColorScheme-852ec82e.js');
+require('./useScale-529046e3.js');
 require('./theme-dfd6a9fe.js');
 require('./Theme-f06687af.js');
-require('./useDensity-0b9fd9ca.js');
+require('./useDensity-2a45f4dd.js');
 require('./unsafeDomAccess-c3a492f0.js');
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme.js');
 require('./hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css.js');
@@ -68,16 +68,16 @@ require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css.js
 
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
 
-require('./tooltipUtils-2bc15136.js');
-require('./EnvironmentProvider-5f2435e6.js');
-require('./LayerManager-c535d963.js');
-require('./Floating-79cbe5ad.js');
-require('./useFloating-c753a7f9.js');
-require('./useUser-1295b5cb.js');
+require('./tooltipUtils-c554343d.js');
+require('./EnvironmentProvider-932667b2.js');
+require('./LayerManager-fd7f4d2f.js');
+require('./Floating-de219e52.js');
+require('./useFloating-c408d4be.js');
+require('./useUser-cc045b3e.js');
 require('./positionUtils-a780137e.js');
 require('./refUtils-a9872e75.js');
-require('./useOutsideClick-dbf3d604.js');
-require('./Layer-b60deb1b.js');
+require('./useOutsideClick-5c31ee35.js');
+require('./Layer-06e11b9c.js');
 require('./UNSAFE_Layer/themes/LayerStyles.css.js');
 
 require('./useModal-0739a528.js');
@@ -96,7 +96,7 @@ require('./clientHints-c40c5250.js');
 require('./CollapseIcon-9fbe13a9.js');
 require('./ChevronRight-d1c46e18.js');
 require('./ChevronLeft-2dcc3b2e.js');
-require('./withDirectionIcon-4940a248.js');
+require('./withDirectionIcon-a14b071b.js');
 require('./ChevronUp-b0174f41.js');
 require('./UNSAFE_Collapsible/themes/redwood/CollapsibleTheme.js');
 require('./UNSAFE_Collapsible/themes/CollapsibleStyles.css.js');

package/cjs/UNSAFE_ColorPalette.js

@@ -3,77 +3,78 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var ColorPalette = require('./ColorPalette-b14114d8.js');
+var ColorPalette = require('./ColorPalette-9f041744.js');
 require('preact/jsx-runtime');
 require('preact/compat');
 require('preact/hooks');
-require('./ColorSwatch-cddebd6b.js');
-require('preact');
-require('./BareButton-e8a030d7.js');
-require('./useBareButton-463210c9.js');
-require('./usePress-886180e4.js');
-require('./usePressClick-7a34624a.js');
-require('./TabbableModeContext-e99d527e.js');
-require('./useTabbableMode-dbd254e8.js');
-require('./useId-6c0eeb27.js');
-require('./clientHints-c40c5250.js');
-require('./mergeProps-e3da7237.js');
-require('./buttonUtils-dff2ea3e.js');
-require('./id-86356250.js');
-require('./useTestId-4f53d561.js');
-require('./LayerHost-3cd73603.js');
+require('./swatchData-17c1d335.js');
+require('./colorUtils-01f3caa2.js');
+require('./_curry1-e8f0d7ea.js');
+require('./Flex-ec48072d.js');
+require('./useTestId-a8b07506.js');
+require('./LayerHost-21391a0d.js');
 require('./index-0aa99b92.js');
+require('preact');
 require('./UNSAFE_Layer/themes/LayerHostStyles.css.js');
 
-require('./unsafeDomAccess-c3a492f0.js');
-require('./IconButton-7503293b.js');
-require('./BaseButton-d8f96bfa.js');
-require('./useHover-49b0430d.js');
-require('./useToggle-3ebba7d8.js');
-require('./useActive-6770f917.js');
-require('./useColorScheme-f8b1447d.js');
 require('./classNames-c14c6ef3.js');
-require('./dimensions-6101ca1f.js');
+require('./boxalignment-e287d370.js');
 require('./size-1914356b.js');
 require('./utils-c0efcd5e.js');
 require('./themeContract.css-f3d431c6.js');
-require('./colorUtils-01f3caa2.js');
-require('./_curry1-e8f0d7ea.js');
+require('./arrayUtils-7d8dcfc3.js');
+
+require('./vanilla-extract-sprinkles-createRuntimeSprinkles.esm-d68f3e0f.js');
+require('./dimensions-6101ca1f.js');
+require('./flexbox-2cae9a01.js');
+
+require('./flexitem-fee13e26.js');
+
 require('./mergeInterpolations-6727b536.js');
 require('./mergeDeepWithKey-210b024d.js');
 require('./_curry3-18677bca.js');
 require('./_curry2-c15d89cd.js');
 require('./_isObject-28636267.js');
-require('./UNSAFE_BaseButton/themes/redwood/BaseButtonTheme.js');
-require('./UNSAFE_BaseButton/themes/BaseButtonStyles.css.js');
 
-require('./UNSAFE_BaseButton/themes/redwood/BaseButtonVariants.css.js');
-require('./vanilla-extract-recipes-createRuntimeFn.esm-d1301b2d.js');
-
-require('./useComponentTheme-082fc8e4.js');
-require('./logger-2b636482.js');
-require('./ButtonLabelLayout-c876923f.js');
-require('./Text-056f1ec5.js');
-require('./UNSAFE_Text/themes/TextStyles.css.js');
-
-require('./useButtonLabelLayoutTheme-d09db0c9.js');
-require('./UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutTheme.js');
-require('./UNSAFE_ButtonLabelLayout/themes/ButtonLabelLayoutStyles.css.js');
-
-require('./UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.css.js');
-
-require('./UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutVariants.css.js');
-
-require('./useTooltip-34accecc.js');
-require('./useTooltipControlled-0a95856c.js');
+require('./padding-ba041f6a.js');
+require('./colors-f3ce979a.js');
+require('./aria-889aedd0.js');
+require('./resources/nls/en/bundle.js');
+require('./SwatchFlexView-35c68cf1.js');
+require('./useResizeObserver-a9e97180.js');
+require('./useAddBusyState-d19ae1fa.js');
+require('./BusyStateContext-86f40d3c.js');
+require('./useBusyStateContext-362eee2a.js');
+require('./unsafeDomAccess-c3a492f0.js');
+require('./BaseSwatchView-76da473f.js');
+require('./mergeProps-e3da7237.js');
+require('./TabbableModeContext-e99d527e.js');
+require('./useTabbableMode-dbd254e8.js');
+require('./useId-6c0eeb27.js');
+require('./keys-25710458.js');
+require('./collectionUtils-f1d3183f.js');
+require('./clientHints-c40c5250.js');
+require('./Selector-6550b8e0.js');
+require('./BaseSelector-2dc69917.js');
+require('./useActive-6770f917.js');
+require('./useToggle-3ebba7d8.js');
 require('./useFocus-1b288fb9.js');
+require('./useHover-49b0430d.js');
+require('./StyledCheckbox-9047ed7d.js');
+require('./Check-1272bb86.js');
+require('./Icon-56789beb.js');
+require('./useTooltip-d1200aff.js');
+require('./useTooltipControlled-0dc34549.js');
 require('./useTouch-4dec8729.js');
 require('./useAnimation-65c0e455.js');
-require('./useThemeInterpolations-a37b37d9.js');
-require('./useScale-db16c2b8.js');
+require('./useComponentTheme-082fc8e4.js');
+require('./logger-2b636482.js');
+require('./useThemeInterpolations-ca3ddfd9.js');
+require('./useColorScheme-852ec82e.js');
+require('./useScale-529046e3.js');
 require('./theme-dfd6a9fe.js');
 require('./Theme-f06687af.js');
-require('./useDensity-0b9fd9ca.js');
+require('./useDensity-2a45f4dd.js');
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme.js');
 require('./hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css.js');
 
@@ -81,17 +82,17 @@ require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css.js
 
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
 
-require('./tooltipUtils-2bc15136.js');
-require('./EnvironmentProvider-5f2435e6.js');
-require('./LayerManager-c535d963.js');
-require('./Floating-79cbe5ad.js');
-require('./useFloating-c753a7f9.js');
-require('./useUser-1295b5cb.js');
+require('./vanilla-extract-recipes-createRuntimeFn.esm-d1301b2d.js');
+require('./tooltipUtils-c554343d.js');
+require('./EnvironmentProvider-932667b2.js');
+require('./LayerManager-fd7f4d2f.js');
+require('./Floating-de219e52.js');
+require('./useFloating-c408d4be.js');
+require('./useUser-cc045b3e.js');
 require('./positionUtils-a780137e.js');
 require('./refUtils-a9872e75.js');
-require('./useOutsideClick-dbf3d604.js');
-require('./arrayUtils-7d8dcfc3.js');
-require('./Layer-b60deb1b.js');
+require('./useOutsideClick-5c31ee35.js');
+require('./Layer-06e11b9c.js');
 require('./UNSAFE_Layer/themes/LayerStyles.css.js');
 
 require('./useModal-0739a528.js');
@@ -104,43 +105,8 @@ require('./UNSAFE_Floating/themes/redwood/FloatingVariants.css.js');
 require('./vanilla-extract-dynamic.esm-2e1b7c25.js');
 require('./UNSAFE_Floating/themes/FloatingContract.css.js');
 require('./useUnsafeDomElementRef-f22a2f0c.js');
-require('./useToggleAction-e4f15550.js');
-require('./UNSAFE_ColorSwatch/themes/redwood/ColorSwatchTheme.js');
-require('./UNSAFE_ColorSwatch/themes/ColorSwatchStyles.css.js');
-
-require('./UNSAFE_ColorSwatch/themes/redwood/ColorSwatchBaseTheme.css.js');
-
-require('./UNSAFE_ColorSwatch/themes/redwood/ColorSwatchVariants.css.js');
-require('./swatchData-17c1d335.js');
-require('./resources/nls/en/bundle.js');
-require('./CheckboxCrossed-40f3d0e6.js');
-require('./Icon-56789beb.js');
 require('./UNSAFE_Icon/themes/IconStyle.css.js');
 
-require('./Flex-3a257bc3.js');
-require('./boxalignment-e287d370.js');
-
-require('./vanilla-extract-sprinkles-createRuntimeSprinkles.esm-d68f3e0f.js');
-require('./flexbox-2cae9a01.js');
-
-require('./flexitem-fee13e26.js');
-
-
-require('./padding-ba041f6a.js');
-require('./colors-f3ce979a.js');
-require('./aria-889aedd0.js');
-require('./SwatchFlexView-35c68cf1.js');
-require('./useResizeObserver-a9e97180.js');
-require('./useAddBusyState-d19ae1fa.js');
-require('./BusyStateContext-86f40d3c.js');
-require('./useBusyStateContext-362eee2a.js');
-require('./BaseSwatchView-76da473f.js');
-require('./keys-25710458.js');
-require('./collectionUtils-f1d3183f.js');
-require('./Selector-6550b8e0.js');
-require('./BaseSelector-2dc69917.js');
-require('./StyledCheckbox-9047ed7d.js');
-require('./Check-1272bb86.js');
 require('./CheckboxOff-a3ed334d.js');
 require('./CheckboxOn-b5dda28b.js');
 require('./CheckboxMixed-a17c8298.js');
@@ -159,7 +125,7 @@ require('./PRIVATE_BaseSelector/themes/SelectorStyles.css.js');
 
 require('./CollectionInteractionContext-f84ff7a1.js');
 require('./useCollectionInteractionContext-6fc0200e.js');
-require('./useCurrentKey-1b9e3382.js');
+require('./useCurrentKey-b66cf089.js');
 require('./useCollectionFocusRing-bed0aa16.js');
 require('./useTabbableModeSet-5bce852a.js');
 require('./useSwatchSelection-8ca16859.js');
@@ -178,6 +144,40 @@ require('./FocusTrap-4873a3f2.js');
 require('./FocusTracker-e2ea43c3.js');
 require('./PRIVATE_FocusTracker/themes/FocusTrackerStyles.css.js');
 
+require('./ColorSwatch-cddebd6b.js');
+require('./BareButton-e8a030d7.js');
+require('./useBareButton-463210c9.js');
+require('./usePress-886180e4.js');
+require('./usePressClick-7a34624a.js');
+require('./buttonUtils-dff2ea3e.js');
+require('./id-86356250.js');
+require('./IconButton-7503293b.js');
+require('./BaseButton-15b86552.js');
+require('./UNSAFE_BaseButton/themes/redwood/BaseButtonTheme.js');
+require('./UNSAFE_BaseButton/themes/BaseButtonStyles.css.js');
+
+require('./UNSAFE_BaseButton/themes/redwood/BaseButtonVariants.css.js');
+
+require('./ButtonLabelLayout-c876923f.js');
+require('./Text-056f1ec5.js');
+require('./UNSAFE_Text/themes/TextStyles.css.js');
+
+require('./useButtonLabelLayoutTheme-d09db0c9.js');
+require('./UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutTheme.js');
+require('./UNSAFE_ButtonLabelLayout/themes/ButtonLabelLayoutStyles.css.js');
+
+require('./UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.css.js');
+
+require('./UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutVariants.css.js');
+
+require('./useToggleAction-e4f15550.js');
+require('./UNSAFE_ColorSwatch/themes/redwood/ColorSwatchTheme.js');
+require('./UNSAFE_ColorSwatch/themes/ColorSwatchStyles.css.js');
+
+require('./UNSAFE_ColorSwatch/themes/redwood/ColorSwatchBaseTheme.css.js');
+
+require('./UNSAFE_ColorSwatch/themes/redwood/ColorSwatchVariants.css.js');
+require('./CheckboxCrossed-40f3d0e6.js');