@oracle/oraclejet-preact 20.1.4 → 20.1.5

package/es/UNSAFE_ReorderableTabBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_ReorderableTabBar.js","sources":["../../src/UNSAFE_ReorderableTabBar/ReorderableTabBarItem.tsx","../../src/UNSAFE_ReorderableTabBar/ReorderableTabBar.tsx"],"sourcesContent":["import { useRef, useCallback } from 'preact/hooks';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { getKey } from '../utils/PRIVATE_collectionUtils';\nimport { useReorderableItem } from '../hooks/PRIVATE_useReorderable';\nimport { ReorderableItemProps } from '../UNSAFE_Collection/Reorderable.types';\nimport { styles } from './themes/ReorderableTabBarItemStyles.css';\nimport { isKeyDefined } from '../utils/UNSAFE_keys';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { classNames } from '#utils/UNSAFE_classNames';\n\nexport const ITEM_SELECTOR = '[role=\"tab\"]';\n\ntype ReorderableTabBarItem<K extends string | number> = ReorderableItemProps<K> & {\n  layout: 'stretch' | 'condense' | undefined;\n  isFirstItem?: boolean;\n  isLastItem?: boolean;\n};\n\n/**\n * A private item that will be used by ReorderableTabBar, location TBD (could be moved to PRIVATE_TabBar)\n */\nexport function ReorderableTabBarItem<K extends string | number>({\n  children,\n  dragKey,\n  setDragKey,\n  onReorder,\n  layout,\n  rootRef,\n  isFirstItem,\n  isLastItem\n}: ReorderableTabBarItem<K>) {\n  const tabBarItemRef = useRef<HTMLDivElement | null>(null);\n  const getItem = useCallback(\n    () => tabBarItemRef?.current?.querySelector(ITEM_SELECTOR) as HTMLElement,\n    []\n  );\n  const setTransferData = useCallback(\n    (event: DragEvent) => {\n      event.dataTransfer?.setData('text/tabbar-item-key', getKey(getItem()) + '');\n    },\n    [getItem]\n  );\n\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n\n  // Flex dimensions\n  const styleInterpolations = mergeInterpolations<FlexitemProps>([\n    ...Object.values(flexitemInterpolations)\n  ]);\n  const flexDimensions = styleInterpolations({\n    flex: layout === 'stretch' ? '1 0 auto' : '0 0 auto'\n  });\n\n  const { rootProps, isDragged, overlayZoneBeforeProps, overlayZoneAfterProps } =\n    useReorderableItem({\n      isDisabled: onReorder ? false : true,\n      dragKey,\n      setDragKey,\n      onReorder,\n      rootRef,\n      ref: tabBarItemRef,\n      getItem,\n      setTransferData,\n      itemStyles: {\n        itemOverlayFront: styles.itemOverlayFront,\n        itemOverlayRear: styles.itemOverlayRear,\n        itemDragger: styles.itemDragger\n      },\n      itemSelector: ITEM_SELECTOR\n    });\n\n  const overlayZoneBeforeClass = classNames([\n    overlayZoneBeforeProps?.class,\n    // Set the classes specific to isFirstItem/isLastItem which is passed down from reorderable tabbar which evaluated while mapping the children\n    !isRtl && isFirstItem && styles.itemOverlayFrontFirst,\n    isRtl && isLastItem && styles.itemOverlayFrontFirst\n  ]);\n\n  const overlayZoneAfterClass = classNames([\n    overlayZoneAfterProps?.class,\n    // Set the classes specific to isFirstItem/isLastItem which is passed down from reorderable tabbar which evaluated while mapping the children\n    !isRtl && isLastItem && styles.itemOverlayRearLast,\n    isRtl && isFirstItem && styles.itemOverlayRearLast\n  ]);\n\n  return (\n    <div\n      {...rootProps}\n      draggable={onReorder ? true : false}\n      data-oj-draggable={onReorder ? '' : undefined}\n      style={flexDimensions}>\n      {children}\n      {!isDragged && isKeyDefined(dragKey) && (\n        <>\n          <div {...overlayZoneBeforeProps} class={overlayZoneBeforeClass}></div>\n          <div {...overlayZoneAfterProps} class={overlayZoneAfterClass}></div>\n        </>\n      )}\n    </div>\n  );\n}\n","import { toChildArray, Ref, ContextType } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { useRef, useState } from 'preact/hooks';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { TabBar, TabBarProps } from '../UNSAFE_TabBar';\nimport { ReorderableTabBarItem, ITEM_SELECTOR } from './ReorderableTabBarItem';\nimport { ReorderableContext, useReorderable } from '../hooks/PRIVATE_useReorderable';\nimport { ReorderProps } from '../UNSAFE_Collection/Reorderable.types';\nimport { TabBarContextMenuConfig } from '../UNSAFE_TabBarCommon';\n\nexport type ReorderableTabBarProps<K extends string | number> = Omit<\n  TabBarProps<K>,\n  'aria-describedby'\n> &\n  ReorderProps<K> &\n  TestIdProps;\n\ntype TabBarReorderContextProps = ContextType<typeof ReorderableContext>;\n/**\n * A component that allows reordering of tabs within a TabBar.\n */\nexport const ReorderableTabBar = forwardRef(\n  <K extends string | number>(\n    {\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      children,\n      layout = 'stretch',\n      display = 'standard',\n      size = 'md',\n      edge = 'top',\n      selection,\n      onSelect,\n      onRemove,\n      onReorder,\n      contextMenuConfig,\n      testId\n    }: ReorderableTabBarProps<K>,\n    ref: Ref<HTMLDivElement>\n  ) => {\n    const rootRef = useRef<HTMLDivElement>(null);\n    const [dragKey, setDragKey] = useState<K | undefined>(undefined);\n    const childrenArray = toChildArray(children);\n\n    const displayStackProps = {\n      display: display\n    };\n    const displayNonStackProps = {\n      display: display,\n      size: size\n    };\n    const displayProps = display === 'stacked' ? displayStackProps : displayNonStackProps;\n\n    const {\n      reorderProps,\n      reorderContext,\n      reorderInstructionsId,\n      reorderStatus,\n      reorderInstructions\n    } = useReorderable({\n      onReorder,\n      rootRef,\n      itemSelector: ITEM_SELECTOR\n    });\n\n    const tabBarReorderContext = {\n      currentItemKey: reorderContext.currentItemKey,\n      onReorder: onReorder as TabBarReorderContextProps['onReorder']\n    };\n\n    return (\n      <div ref={rootRef} {...reorderProps}>\n        <ReorderableContext.Provider value={tabBarReorderContext}>\n          <TabBar\n            ref={ref}\n            aria-label={ariaLabel}\n            aria-labelledby={ariaLabelledby}\n            layout={layout}\n            edge={edge}\n            selection={selection}\n            onSelect={onSelect}\n            onRemove={onRemove}\n            testId={testId}\n            {...displayProps}\n            aria-describedby={reorderInstructionsId}\n            contextMenuConfig={contextMenuConfig as TabBarContextMenuConfig<string | number>}>\n            {childrenArray.map((child, idx) => {\n              return (\n                <ReorderableTabBarItem\n                  dragKey={dragKey}\n                  setDragKey={setDragKey}\n                  onReorder={onReorder}\n                  layout={layout}\n                  rootRef={rootRef}\n                  isFirstItem={idx === 0}\n                  isLastItem={idx === childrenArray.length - 1}>\n                  {child}\n                </ReorderableTabBarItem>\n              );\n            })}\n          </TabBar>\n        </ReorderableContext.Provider>\n        <span id={reorderInstructionsId}>\n          <HiddenAccessible>{reorderInstructions}</HiddenAccessible>\n        </span>\n        <LiveRegion>{reorderStatus}</LiveRegion>\n      </div>\n    );\n  }\n);\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":"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"}
+{"version":3,"file":"UNSAFE_ReorderableTabBar.js","sources":["../../src/UNSAFE_ReorderableTabBar/ReorderableTabBarItem.tsx","../../src/UNSAFE_ReorderableTabBar/ReorderableTabBar.tsx"],"sourcesContent":["import { useRef, useCallback } from 'preact/hooks';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { getKey } from '../utils/PRIVATE_collectionUtils';\nimport { useReorderableItem } from '../hooks/PRIVATE_useReorderable';\nimport { ReorderableItemProps } from '../UNSAFE_Collection/Reorderable.types';\nimport { styles } from './themes/ReorderableTabBarItemStyles.css';\nimport { isKeyDefined } from '../utils/UNSAFE_keys';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { classNames } from '#utils/UNSAFE_classNames';\n\nexport const ITEM_SELECTOR = '[role=\"tab\"]';\n\ntype ReorderableTabBarItem<K extends string | number> = ReorderableItemProps<K> & {\n  layout: 'stretch' | 'condense' | undefined;\n  isFirstItem?: boolean;\n  isLastItem?: boolean;\n};\n\n/**\n * A private item that will be used by ReorderableTabBar, location TBD (could be moved to PRIVATE_TabBar)\n */\nexport function ReorderableTabBarItem<K extends string | number>({\n  children,\n  dragKey,\n  setDragKey,\n  onReorder,\n  layout,\n  rootRef,\n  isFirstItem,\n  isLastItem\n}: ReorderableTabBarItem<K>) {\n  const tabBarItemRef = useRef<HTMLDivElement | null>(null);\n  const getItem = useCallback(\n    () => tabBarItemRef?.current?.querySelector(ITEM_SELECTOR) as HTMLElement,\n    []\n  );\n  const setTransferData = useCallback(\n    (event: DragEvent) => {\n      event.dataTransfer?.setData('text/tabbar-item-key', getKey(getItem()) + '');\n    },\n    [getItem]\n  );\n\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n\n  // Flex dimensions\n  const styleInterpolations = mergeInterpolations<FlexitemProps>([\n    ...Object.values(flexitemInterpolations)\n  ]);\n  const flexDimensions = styleInterpolations({\n    flex: layout === 'stretch' ? '1 0 auto' : '0 0 auto'\n  });\n\n  const { rootProps, isDragged, overlayZoneBeforeProps, overlayZoneAfterProps } =\n    useReorderableItem({\n      isDisabled: onReorder ? false : true,\n      dragKey,\n      setDragKey,\n      onReorder,\n      rootRef,\n      ref: tabBarItemRef,\n      getItem,\n      setTransferData,\n      itemStyles: {\n        itemOverlayFront: styles.itemOverlayFront,\n        itemOverlayRear: styles.itemOverlayRear,\n        itemDragger: styles.itemDragger\n      },\n      itemSelector: ITEM_SELECTOR\n    });\n\n  const overlayZoneBeforeClass = classNames([\n    overlayZoneBeforeProps?.class,\n    // Set the classes specific to isFirstItem/isLastItem which is passed down from reorderable tabbar which evaluated while mapping the children\n    !isRtl && isFirstItem && styles.itemOverlayFrontFirst,\n    isRtl && isLastItem && styles.itemOverlayFrontFirst\n  ]);\n\n  const overlayZoneAfterClass = classNames([\n    overlayZoneAfterProps?.class,\n    // Set the classes specific to isFirstItem/isLastItem which is passed down from reorderable tabbar which evaluated while mapping the children\n    !isRtl && isLastItem && styles.itemOverlayRearLast,\n    isRtl && isFirstItem && styles.itemOverlayRearLast\n  ]);\n\n  return (\n    <div\n      {...rootProps}\n      draggable={onReorder ? true : false}\n      data-oj-draggable={onReorder ? '' : undefined}\n      style={flexDimensions}>\n      {children}\n      {!isDragged && isKeyDefined(dragKey) && (\n        <>\n          <div {...overlayZoneBeforeProps} class={overlayZoneBeforeClass}></div>\n          <div {...overlayZoneAfterProps} class={overlayZoneAfterClass}></div>\n        </>\n      )}\n    </div>\n  );\n}\n","import { toChildArray, Ref, ContextType } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { useRef, useState } from 'preact/hooks';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { TabBar, TabBarProps } from '../UNSAFE_TabBar';\nimport { ReorderableTabBarItem, ITEM_SELECTOR } from './ReorderableTabBarItem';\nimport { ReorderableContext, useReorderable } from '../hooks/PRIVATE_useReorderable';\nimport { ReorderProps } from '../UNSAFE_Collection/Reorderable.types';\nimport { TabBarContextMenuConfig } from '../UNSAFE_TabBarCommon';\n\nexport type ReorderableTabBarProps<K extends string | number> = Omit<\n  TabBarProps<K>,\n  'aria-describedby'\n> &\n  ReorderProps<K> &\n  TestIdProps;\n\ntype TabBarReorderContextProps = ContextType<typeof ReorderableContext>;\n/**\n * A component that allows reordering of tabs within a TabBar.\n */\nexport const ReorderableTabBar = forwardRef(\n  <K extends string | number>(\n    {\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      children,\n      layout = 'stretch',\n      display = 'standard',\n      size = 'md',\n      edge = 'top',\n      selection,\n      onSelect,\n      onRemove,\n      onReorder,\n      contextMenuConfig,\n      testId\n    }: ReorderableTabBarProps<K>,\n    ref: Ref<HTMLDivElement>\n  ) => {\n    const rootRef = useRef<HTMLDivElement>(null);\n    const [dragKey, setDragKey] = useState<K | undefined>(undefined);\n    const childrenArray = toChildArray(children);\n\n    const displayStackProps = {\n      display: display\n    };\n    const displayNonStackProps = {\n      display: display,\n      size: size\n    };\n    const displayProps = display === 'stacked' ? displayStackProps : displayNonStackProps;\n\n    const {\n      reorderProps,\n      reorderContext,\n      reorderInstructionsId,\n      reorderStatus,\n      reorderInstructions\n    } = useReorderable({\n      onReorder,\n      rootRef,\n      itemSelector: ITEM_SELECTOR\n    });\n\n    const tabBarReorderContext = {\n      currentItemKey: reorderContext.currentItemKey,\n      onReorder: onReorder as TabBarReorderContextProps['onReorder']\n    };\n\n    return (\n      <div ref={rootRef} {...reorderProps}>\n        <ReorderableContext.Provider value={tabBarReorderContext}>\n          <TabBar\n            ref={ref}\n            aria-label={ariaLabel}\n            aria-labelledby={ariaLabelledby}\n            layout={layout}\n            edge={edge}\n            selection={selection}\n            onSelect={onSelect}\n            onRemove={onRemove}\n            testId={testId}\n            {...displayProps}\n            aria-describedby={reorderInstructionsId}\n            contextMenuConfig={contextMenuConfig as TabBarContextMenuConfig<string | number>}>\n            {childrenArray.map((child, idx) => {\n              return (\n                <ReorderableTabBarItem\n                  dragKey={dragKey}\n                  setDragKey={setDragKey}\n                  onReorder={onReorder}\n                  layout={layout}\n                  rootRef={rootRef}\n                  isFirstItem={idx === 0}\n                  isLastItem={idx === childrenArray.length - 1}>\n                  {child}\n                </ReorderableTabBarItem>\n              );\n            })}\n          </TabBar>\n        </ReorderableContext.Provider>\n        <span id={reorderInstructionsId}>\n          <HiddenAccessible>{reorderInstructions}</HiddenAccessible>\n        </span>\n        <LiveRegion>{reorderStatus}</LiveRegion>\n      </div>\n    );\n  }\n);\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYO,MAAM,aAAa,GAAG,cAAc,CAAC;AAQ5C;;AAEG;SACa,qBAAqB,CAA4B,EAC/D,QAAQ,EACR,OAAO,EACP,UAAU,EACV,SAAS,EACT,MAAM,EACN,OAAO,EACP,WAAW,EACX,UAAU,EACe,EAAA;AACzB,IAAA,MAAM,aAAa,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;AAC1D,IAAA,MAAM,OAAO,GAAG,WAAW,CACzB,MAAM,aAAa,EAAE,OAAO,EAAE,aAAa,CAAC,aAAa,CAAgB,EACzE,EAAE,CACH,CAAC;AACF,IAAA,MAAM,eAAe,GAAG,WAAW,CACjC,CAAC,KAAgB,KAAI;AACnB,QAAA,KAAK,CAAC,YAAY,EAAE,OAAO,CAAC,sBAAsB,EAAE,MAAM,CAAC,OAAO,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC;AAC9E,KAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAC;AAEF,IAAA,MAAM,EAAE,SAAS,EAAE,GAAG,OAAO,EAAE,CAAC;AAChC,IAAA,MAAM,KAAK,GAAG,SAAS,KAAK,KAAK,CAAC;;IAGlC,MAAM,mBAAmB,GAAG,mBAAmB,CAAgB;AAC7D,QAAA,GAAG,MAAM,CAAC,MAAM,CAAC,sBAAsB,CAAC;AACzC,KAAA,CAAC,CAAC;IACH,MAAM,cAAc,GAAG,mBAAmB,CAAC;QACzC,IAAI,EAAE,MAAM,KAAK,SAAS,GAAG,UAAU,GAAG,UAAU;AACrD,KAAA,CAAC,CAAC;IAEH,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,GAC3E,kBAAkB,CAAC;QACjB,UAAU,EAAE,SAAS,GAAG,KAAK,GAAG,IAAI;QACpC,OAAO;QACP,UAAU;QACV,SAAS;QACT,OAAO;AACP,QAAA,GAAG,EAAE,aAAa;QAClB,OAAO;QACP,eAAe;AACf,QAAA,UAAU,EAAE;YACV,gBAAgB,EAAE,MAAM,CAAC,gBAAgB;YACzC,eAAe,EAAE,MAAM,CAAC,eAAe;YACvC,WAAW,EAAE,MAAM,CAAC,WAAW;AAChC,SAAA;AACD,QAAA,YAAY,EAAE,aAAa;AAC5B,KAAA,CAAC,CAAC;IAEL,MAAM,sBAAsB,GAAG,UAAU,CAAC;AACxC,QAAA,sBAAsB,EAAE,KAAK;;AAE7B,QAAA,CAAC,KAAK,IAAI,WAAW,IAAI,MAAM,CAAC,qBAAqB;AACrD,QAAA,KAAK,IAAI,UAAU,IAAI,MAAM,CAAC,qBAAqB;AACpD,KAAA,CAAC,CAAC;IAEH,MAAM,qBAAqB,GAAG,UAAU,CAAC;AACvC,QAAA,qBAAqB,EAAE,KAAK;;AAE5B,QAAA,CAAC,KAAK,IAAI,UAAU,IAAI,MAAM,CAAC,mBAAmB;AAClD,QAAA,KAAK,IAAI,WAAW,IAAI,MAAM,CAAC,mBAAmB;AACnD,KAAA,CAAC,CAAC;AAEH,IAAA,QACEA,IAAA,CAAA,KAAA,EAAA,EAAA,GACM,SAAS,EACb,SAAS,EAAE,SAAS,GAAG,IAAI,GAAG,KAAK,EAAA,mBAAA,EAChB,SAAS,GAAG,EAAE,GAAG,SAAS,EAC7C,KAAK,EAAE,cAAc,EAAA,QAAA,EAAA,CACpB,QAAQ,EACR,CAAC,SAAS,IAAI,YAAY,CAAC,OAAO,CAAC,KAClCA,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACEC,GAAS,CAAA,KAAA,EAAA,EAAA,GAAA,sBAAsB,EAAE,KAAK,EAAE,sBAAsB,EAAQ,CAAA,EACtEA,GAAS,CAAA,KAAA,EAAA,EAAA,GAAA,qBAAqB,EAAE,KAAK,EAAE,qBAAqB,EAAQ,CAAA,CAAA,EAAA,CACnE,CACJ,CAAA,EAAA,CACG,EACN;AACJ;;ACnFA;;AAEG;MACU,iBAAiB,GAAG,UAAU,CACzC,CACE,EACE,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,QAAQ,EACR,MAAM,GAAG,SAAS,EAClB,OAAO,GAAG,UAAU,EACpB,IAAI,GAAG,IAAI,EACX,IAAI,GAAG,KAAK,EACZ,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,iBAAiB,EACjB,MAAM,EACoB,EAC5B,GAAwB,KACtB;AACF,IAAA,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC7C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAgB,SAAS,CAAC,CAAC;AACjE,IAAA,MAAM,aAAa,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAC;AAE7C,IAAA,MAAM,iBAAiB,GAAG;AACxB,QAAA,OAAO,EAAE,OAAO;KACjB,CAAC;AACF,IAAA,MAAM,oBAAoB,GAAG;AAC3B,QAAA,OAAO,EAAE,OAAO;AAChB,QAAA,IAAI,EAAE,IAAI;KACX,CAAC;AACF,IAAA,MAAM,YAAY,GAAG,OAAO,KAAK,SAAS,GAAG,iBAAiB,GAAG,oBAAoB,CAAC;AAEtF,IAAA,MAAM,EACJ,YAAY,EACZ,cAAc,EACd,qBAAqB,EACrB,aAAa,EACb,mBAAmB,EACpB,GAAG,cAAc,CAAC;QACjB,SAAS;QACT,OAAO;AACP,QAAA,YAAY,EAAE,aAAa;AAC5B,KAAA,CAAC,CAAC;AAEH,IAAA,MAAM,oBAAoB,GAAG;QAC3B,cAAc,EAAE,cAAc,CAAC,cAAc;AAC7C,QAAA,SAAS,EAAE,SAAmD;KAC/D,CAAC;AAEF,IAAA,QACEF,IAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,OAAO,EAAM,GAAA,YAAY,EACjC,QAAA,EAAA,CAAAE,GAAA,CAAC,kBAAkB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,oBAAoB,EACtD,QAAA,EAAAA,GAAA,CAAC,MAAM,EAAA,EACL,GAAG,EAAE,GAAG,EACI,YAAA,EAAA,SAAS,EACJ,iBAAA,EAAA,cAAc,EAC/B,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EAAA,GACV,YAAY,EAAA,kBAAA,EACE,qBAAqB,EACvC,iBAAiB,EAAE,iBAA6D,EAC/E,QAAA,EAAA,aAAa,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,GAAG,KAAI;AAChC,wBAAA,QACEA,GAAC,CAAA,qBAAqB,IACpB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,GAAG,KAAK,CAAC,EACtB,UAAU,EAAE,GAAG,KAAK,aAAa,CAAC,MAAM,GAAG,CAAC,YAC3C,KAAK,EAAA,CACgB,EACxB;qBACH,CAAC,GACK,EACmB,CAAA,EAC9BA,cAAM,EAAE,EAAE,qBAAqB,EAAA,QAAA,EAC7BA,GAAC,CAAA,gBAAgB,cAAE,mBAAmB,EAAA,CAAoB,EACrD,CAAA,EACPA,GAAC,CAAA,UAAU,cAAE,aAAa,EAAA,CAAc,CACpC,EAAA,CAAA,EACN;AACJ,CAAC;;;;"}

package/es/UNSAFE_RichCheckboxSet.js

@@ -19,8 +19,8 @@ import './BaseSelector-9bbbaba1.js';
 import './useActive-fb6d4d52.js';
 import './useToggle-8b7fcefe.js';
 import './useFocus-38c95977.js';
-import './useTestId-f24ac480.js';
-import './LayerHost-7931b424.js';
+import './useTestId-ab1bede6.js';
+import './LayerHost-3cf255a6.js';
 import './index-aec1cc7f.js';
 import './UNSAFE_Layer/themes/LayerHostStyles.css.js';
 import './LayerHostStyles.styles.css';
@@ -34,15 +34,15 @@ import './utils-b1eb54f9.js';
 import './themeContract.css-1ffed3bf.js';
 import './colorUtils-b3804ee8.js';
 import './_curry1-63949a9b.js';
-import './useTooltip-33d2e421.js';
-import './useTooltipControlled-af42d1d6.js';
+import './useTooltip-22ae63dd.js';
+import './useTooltipControlled-207b0297.js';
 import './useTouch-4828df25.js';
 import './useAnimation-fe39685e.js';
 import './useComponentTheme-5f800588.js';
 import './logger-35b2acf7.js';
-import './useThemeInterpolations-e144e8ec.js';
-import './useColorScheme-c4f6caab.js';
-import './useScale-434ad939.js';
+import './useThemeInterpolations-5f358139.js';
+import './useColorScheme-67245285.js';
+import './useScale-93490e54.js';
 import './theme-63551f30.js';
 import './Theme-e6dec6db.js';
 import './mergeInterpolations-30cd9a69.js';
@@ -51,7 +51,7 @@ import './mergeDeepWithKey-33e3d1be.js';
 import './_curry3-577eb45e.js';
 import './_curry2-01c87f61.js';
 import './_isObject-1fab0f5b.js';
-import './useDensity-1acb0153.js';
+import './useDensity-969273f3.js';
 import './unsafeDomAccess-453eb74e.js';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme.js';
 import './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css.js';
@@ -61,17 +61,17 @@ 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-7825620d.js';
-import './EnvironmentProvider-6a0a8212.js';
-import './LayerManager-52a26c55.js';
-import './Floating-8a9436ac.js';
-import './useFloating-b9d680f7.js';
-import './useUser-06d34d19.js';
+import './tooltipUtils-1e5f592e.js';
+import './EnvironmentProvider-6cf8ed37.js';
+import './LayerManager-e30fbfd6.js';
+import './Floating-0a11107a.js';
+import './useFloating-c74a7f54.js';
+import './useUser-e543b73c.js';
 import './positionUtils-f26caad9.js';
 import './refUtils-76275c69.js';
-import './useOutsideClick-f00c65fc.js';
+import './useOutsideClick-3ac4fc59.js';
 import './arrayUtils-35a58161.js';
-import './Layer-535577b5.js';
+import './Layer-6c27170e.js';
 import './UNSAFE_Layer/themes/LayerStyles.css.js';
 import './LayerStyles.styles.css';
 import './useModal-953082f2.js';
@@ -106,14 +106,14 @@ import './PRIVATE_BaseSelector/themes/SelectorStyles.css.js';
 import './SelectorStyles.styles.css';
 import './CollectionInteractionContext-7cf19abc.js';
 import './useCollectionInteractionContext-3895c632.js';
-import './useTranslationBundle-4822502f.js';
+import './useTranslationBundle-bc6e0896.js';
 import './Label-a6c32235.js';
 import './useFormFieldContext-daf7a676.js';
 import './safeHref-fce77e0c.js';
 import './UserAssistanceStyles.styles.css';
 import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.styles.css';
 import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css.js';
-import './Flex-03129963.js';
+import './Flex-fc483125.js';
 import './boxalignment-8980856d.js';
 import './boxalignment.styles.css';
 import './vanilla-extract-sprinkles-createRuntimeSprinkles.esm-2d655d37.js';
@@ -126,9 +126,9 @@ import './FlexStyles.styles.css';
 import './MessageBannerStyles.styles.css';
 import './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.styles.css';
 import './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css.js';
-import './MessageBannerVariants.styles.css';
+import './MessageBannerVariants.styles2.css';
 import './IconButton-bb390936.js';
-import './BaseButton-e8e5bfe4.js';
+import './BaseButton-feeaaf1c.js';
 import './UNSAFE_BaseButton/themes/redwood/BaseButtonTheme.js';
 import './UNSAFE_BaseButton/themes/BaseButtonStyles.css.js';
 import './BaseButtonStyles.styles.css';
@@ -162,7 +162,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-d782a727.js';
+import './Popup-0f23bad9.js';
 import './tabbableUtils-c8311ec6.js';
 import './head-8f89fe66.js';
 import './_arity-be492b9e.js';
@@ -175,8 +175,8 @@ import './FocusTrackerStyles.styles.css';
 import './Modal-c0f730b8.js';
 import './UNSAFE_Modal/themes/ModalStyles.css.js';
 import './ModalStyles.styles.css';
-import './popupUtils-51366a29.js';
-import './WindowOverlay-ee64634e.js';
+import './popupUtils-7774330e.js';
+import './WindowOverlay-cd90d18c.js';
 import './UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css.js';
 import './WindowOverlayStyles.styles.css';
 import './UNSAFE_WindowOverlay/themes/WindowOverlayContract.css.js';
@@ -184,10 +184,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-96d2bc83.js';
+import './usePopupAnimation-7c5db425.js';
 import './useAnimationStatus-b881f39a.js';
 import './popupAnimationUtils-175151d9.js';
-import './LiveRegion-cebac18d.js';
+import './LiveRegion-2e8830ae.js';
 import './LiveRegionStyles.styles.css';
 import './UNSAFE_Popup/themes/PopupContract.css.js';
 import './UNSAFE_Popup/themes/redwood/PopupTheme.js';
@@ -198,7 +198,7 @@ import './PopupStyles.styles.css';
 import './colors-03807160.js';
 import './UNSAFE_Separator/themes/SeparatorStyles.css.js';
 import './SeparatorStyles.styles.css';
-import './CompactLabelAssistance-5d20a2c9.js';
+import './CompactLabelAssistance-58b860e8.js';
 import './Help-93fa3375.js';
 import './useFocusWithin-30b1e2d8.js';
 import './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css.js';
@@ -242,18 +242,18 @@ import './CheckboxRadioFieldStyles.styles.css';
 import './CheckboxRadioContext-fe425383.js';
 import './LayoutStyles.css-6b02421a.js';
 import './LayoutStyles.styles.css';
-import './Grid-9e4b4f19.js';
+import './Grid-6f92d323.js';
 import './grid-65aa641c.js';
 import './GridStyles.styles.css';
 import './useContainerBreakpoints-0bc231b7.js';
 import './useBreakpoints-99efa183.js';
 import './RichSelectionStartContext-3fc472e0.js';
-import './View-5bdd9b3c.js';
+import './View-818f2f31.js';
 import './borders-98a63040.js';
 import './padding-90265467.js';
 import './aria-efa0582c.js';
 import './equals-625352e8.js';
-import './StyledLabelValueLayout-bb05f474.js';
+import './StyledLabelValueLayout-bddfb884.js';
 import './LabelValueLayoutStyles.styles.css';
 import './UNSAFE_RadioItem/themes/redwood/RadioTheme.js';
 import './UNSAFE_RadioItem/themes/RadioStyles.css.js';

package/es/UNSAFE_RichRadioSet.js

@@ -4,7 +4,7 @@ import { toChildArray } from 'preact';
 import { forwardRef, useRef } from 'preact/compat';
 import { R as RadioSetContext, b as RadioItemContext } from './RadioItemContext-fe419b75.js';
 import { u as useId } from './useId-03dbfdf0.js';
-import { u as useRadioFocusManager } from './useRadioFocusManager-36eb283e.js';
+import { u as useRadioFocusManager } from './useRadioFocusManager-d9eecfb4.js';
 import { u as useFocusWithin } from './useFocusWithin-30b1e2d8.js';
 import { T as TabbableModeContext } from './TabbableModeContext-7d8ad946.js';
 import { u as useTabbableMode } from './useTabbableMode-090ed4b5.js';
@@ -12,8 +12,8 @@ import './FormContext-55fb8000.js';
 import { u as useFormContext } from './useFormContext-bb9dc478.js';
 import { B as BaseRichSelection } from './BaseRichSelection-23604860.js';
 import 'preact/hooks';
-import './useUser-06d34d19.js';
-import './LayerHost-7931b424.js';
+import './useUser-e543b73c.js';
+import './LayerHost-3cf255a6.js';
 import './index-aec1cc7f.js';
 import './UNSAFE_Layer/themes/LayerHostStyles.css.js';
 import './LayerHostStyles.styles.css';
@@ -28,7 +28,7 @@ import './BaseSelector-9bbbaba1.js';
 import './useActive-fb6d4d52.js';
 import './useToggle-8b7fcefe.js';
 import './useFocus-38c95977.js';
-import './useTestId-f24ac480.js';
+import './useTestId-ab1bede6.js';
 import './useHover-85077adb.js';
 import './mergeProps-88ea8306.js';
 import './StyledCheckbox-8ca4a652.js';
@@ -39,15 +39,15 @@ import './utils-b1eb54f9.js';
 import './themeContract.css-1ffed3bf.js';
 import './colorUtils-b3804ee8.js';
 import './_curry1-63949a9b.js';
-import './useTooltip-33d2e421.js';
-import './useTooltipControlled-af42d1d6.js';
+import './useTooltip-22ae63dd.js';
+import './useTooltipControlled-207b0297.js';
 import './useTouch-4828df25.js';
 import './useAnimation-fe39685e.js';
 import './useComponentTheme-5f800588.js';
 import './logger-35b2acf7.js';
-import './useThemeInterpolations-e144e8ec.js';
-import './useColorScheme-c4f6caab.js';
-import './useScale-434ad939.js';
+import './useThemeInterpolations-5f358139.js';
+import './useColorScheme-67245285.js';
+import './useScale-93490e54.js';
 import './theme-63551f30.js';
 import './Theme-e6dec6db.js';
 import './mergeInterpolations-30cd9a69.js';
@@ -56,7 +56,7 @@ import './mergeDeepWithKey-33e3d1be.js';
 import './_curry3-577eb45e.js';
 import './_curry2-01c87f61.js';
 import './_isObject-1fab0f5b.js';
-import './useDensity-1acb0153.js';
+import './useDensity-969273f3.js';
 import './unsafeDomAccess-453eb74e.js';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme.js';
 import './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css.js';
@@ -66,16 +66,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-7825620d.js';
-import './EnvironmentProvider-6a0a8212.js';
-import './LayerManager-52a26c55.js';
-import './Floating-8a9436ac.js';
-import './useFloating-b9d680f7.js';
+import './tooltipUtils-1e5f592e.js';
+import './EnvironmentProvider-6cf8ed37.js';
+import './LayerManager-e30fbfd6.js';
+import './Floating-0a11107a.js';
+import './useFloating-c74a7f54.js';
 import './positionUtils-f26caad9.js';
 import './refUtils-76275c69.js';
-import './useOutsideClick-f00c65fc.js';
+import './useOutsideClick-3ac4fc59.js';
 import './arrayUtils-35a58161.js';
-import './Layer-535577b5.js';
+import './Layer-6c27170e.js';
 import './UNSAFE_Layer/themes/LayerStyles.css.js';
 import './LayerStyles.styles.css';
 import './useModal-953082f2.js';
@@ -108,14 +108,14 @@ import './PRIVATE_BaseSelector/themes/SelectorStyles.css.js';
 import './SelectorStyles.styles.css';
 import './CollectionInteractionContext-7cf19abc.js';
 import './useCollectionInteractionContext-3895c632.js';
-import './useTranslationBundle-4822502f.js';
+import './useTranslationBundle-bc6e0896.js';
 import './Label-a6c32235.js';
 import './useFormFieldContext-daf7a676.js';
 import './safeHref-fce77e0c.js';
 import './UserAssistanceStyles.styles.css';
 import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.styles.css';
 import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css.js';
-import './Flex-03129963.js';
+import './Flex-fc483125.js';
 import './boxalignment-8980856d.js';
 import './boxalignment.styles.css';
 import './vanilla-extract-sprinkles-createRuntimeSprinkles.esm-2d655d37.js';
@@ -128,9 +128,9 @@ import './FlexStyles.styles.css';
 import './MessageBannerStyles.styles.css';
 import './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.styles.css';
 import './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css.js';
-import './MessageBannerVariants.styles.css';
+import './MessageBannerVariants.styles2.css';
 import './IconButton-bb390936.js';
-import './BaseButton-e8e5bfe4.js';
+import './BaseButton-feeaaf1c.js';
 import './UNSAFE_BaseButton/themes/redwood/BaseButtonTheme.js';
 import './UNSAFE_BaseButton/themes/BaseButtonStyles.css.js';
 import './BaseButtonStyles.styles.css';
@@ -164,7 +164,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-d782a727.js';
+import './Popup-0f23bad9.js';
 import './tabbableUtils-c8311ec6.js';
 import './head-8f89fe66.js';
 import './_arity-be492b9e.js';
@@ -177,8 +177,8 @@ import './FocusTrackerStyles.styles.css';
 import './Modal-c0f730b8.js';
 import './UNSAFE_Modal/themes/ModalStyles.css.js';
 import './ModalStyles.styles.css';
-import './popupUtils-51366a29.js';
-import './WindowOverlay-ee64634e.js';
+import './popupUtils-7774330e.js';
+import './WindowOverlay-cd90d18c.js';
 import './UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css.js';
 import './WindowOverlayStyles.styles.css';
 import './UNSAFE_WindowOverlay/themes/WindowOverlayContract.css.js';
@@ -186,10 +186,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-96d2bc83.js';
+import './usePopupAnimation-7c5db425.js';
 import './useAnimationStatus-b881f39a.js';
 import './popupAnimationUtils-175151d9.js';
-import './LiveRegion-cebac18d.js';
+import './LiveRegion-2e8830ae.js';
 import './LiveRegionStyles.styles.css';
 import './UNSAFE_Popup/themes/PopupContract.css.js';
 import './UNSAFE_Popup/themes/redwood/PopupTheme.js';
@@ -200,7 +200,7 @@ import './PopupStyles.styles.css';
 import './colors-03807160.js';
 import './UNSAFE_Separator/themes/SeparatorStyles.css.js';
 import './SeparatorStyles.styles.css';
-import './CompactLabelAssistance-5d20a2c9.js';
+import './CompactLabelAssistance-58b860e8.js';
 import './Help-93fa3375.js';
 import './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css.js';
 import './UNSAFE_Label/themes/redwood/LabelTheme.js';
@@ -243,18 +243,18 @@ import './CheckboxRadioFieldStyles.styles.css';
 import './CheckboxRadioContext-fe425383.js';
 import './LayoutStyles.css-6b02421a.js';
 import './LayoutStyles.styles.css';
-import './Grid-9e4b4f19.js';
+import './Grid-6f92d323.js';
 import './grid-65aa641c.js';
 import './GridStyles.styles.css';
 import './useContainerBreakpoints-0bc231b7.js';
 import './useBreakpoints-99efa183.js';
 import './RichSelectionStartContext-3fc472e0.js';
-import './View-5bdd9b3c.js';
+import './View-818f2f31.js';
 import './borders-98a63040.js';
 import './padding-90265467.js';
 import './aria-efa0582c.js';
 import './equals-625352e8.js';
-import './StyledLabelValueLayout-bb05f474.js';
+import './StyledLabelValueLayout-bddfb884.js';
 import './LabelValueLayoutStyles.styles.css';
 import './UNSAFE_RadioItem/themes/redwood/RadioTheme.js';
 import './UNSAFE_RadioItem/themes/RadioStyles.css.js';

package/es/UNSAFE_RichSelectionItem.js

@@ -8,12 +8,12 @@ import { u as useRadioSetContext, a as useRadioItemContext } from './RadioItemCo
 import { T as TruncatingText } from './TruncatingText-02a5241a.js';
 import { c as classNames } from './classNames-4e12b00d.js';
 import { styles } from './UNSAFE_RichSelectionItem/themes/RichSelectionItemStyles.css.js';
-import { V as View } from './View-5bdd9b3c.js';
-import { u as useTestId } from './useTestId-f24ac480.js';
+import { V as View } from './View-818f2f31.js';
+import { u as useTestId } from './useTestId-ab1bede6.js';
 import { A as AspectRatio } from './AspectRatio-ce5f20ea.js';
 import { A as Avatar } from './Avatar-c3bdb719.js';
-import { C as Center } from './Center-71a03e65.js';
-import { F as Flex } from './Flex-03129963.js';
+import { C as Center } from './Center-3860fe60.js';
+import { F as Flex } from './Flex-fc483125.js';
 import { u as useId } from './useId-03dbfdf0.js';
 import './FormContext-55fb8000.js';
 import { u as useFormContext } from './useFormContext-bb9dc478.js';
@@ -30,13 +30,13 @@ import { H as HiddenAccessible } from './HiddenAccessible-61197e7c.js';
 import { radioIconVars } from './UNSAFE_RadioItem/themes/RadioIconContract.css.js';
 import { radioDisabledColor, radioDefaultColor } from './UNSAFE_RadioItem/themes/RadioStyles.css.js';
 import { RadioIconRedwoodTheme } from './UNSAFE_RadioItem/themes/redwood/RadioIconTheme.js';
-import { u as useTranslationBundle } from './useTranslationBundle-4822502f.js';
+import { u as useTranslationBundle } from './useTranslationBundle-bc6e0896.js';
 import { g as getRadioSelectionText } from './RadioItem-4538a3b5.js';
 import { u as useCheckboxSetContext } from './CheckboxSetContext-1be56556.js';
 import { u as useFocusableTextField } from './useFocusableTextField-8fe41cd4.js';
 import { S as StyledCard } from './StyledCard-77623731.js';
 import 'preact';
-import './useTooltipOnTruncation-f7a0a7a9.js';
+import './useTooltipOnTruncation-e64dded6.js';
 import './useDetectTruncation-071767c7.js';
 import './truncationUtils-e37f95ee.js';
 import './useResizeObserver-13641643.js';
@@ -44,22 +44,22 @@ import './useAddBusyState-7a6af61f.js';
 import './BusyStateContext-9ee9751d.js';
 import './useBusyStateContext-4d3c27c0.js';
 import './unsafeDomAccess-453eb74e.js';
-import './useTooltip-33d2e421.js';
-import './useTooltipControlled-af42d1d6.js';
+import './useTooltip-22ae63dd.js';
+import './useTooltipControlled-207b0297.js';
 import './useHover-85077adb.js';
 import './useToggle-8b7fcefe.js';
 import './useFocus-38c95977.js';
 import './useTouch-4828df25.js';
 import './mergeProps-88ea8306.js';
 import './useAnimation-fe39685e.js';
-import './useThemeInterpolations-e144e8ec.js';
-import './useColorScheme-c4f6caab.js';
-import './LayerHost-7931b424.js';
+import './useThemeInterpolations-5f358139.js';
+import './useColorScheme-67245285.js';
+import './LayerHost-3cf255a6.js';
 import './index-aec1cc7f.js';
 import 'preact/compat';
 import './UNSAFE_Layer/themes/LayerHostStyles.css.js';
 import './LayerHostStyles.styles.css';
-import './useScale-434ad939.js';
+import './useScale-93490e54.js';
 import './theme-63551f30.js';
 import './Theme-e6dec6db.js';
 import './mergeInterpolations-30cd9a69.js';
@@ -68,7 +68,7 @@ import './_curry3-577eb45e.js';
 import './_curry1-63949a9b.js';
 import './_curry2-01c87f61.js';
 import './_isObject-1fab0f5b.js';
-import './useDensity-1acb0153.js';
+import './useDensity-969273f3.js';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme.js';
 import './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css.js';
 import './TooltipContentStyles.styles.css';
@@ -77,17 +77,17 @@ 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-7825620d.js';
-import './EnvironmentProvider-6a0a8212.js';
-import './LayerManager-52a26c55.js';
-import './Floating-8a9436ac.js';
-import './useFloating-b9d680f7.js';
-import './useUser-06d34d19.js';
+import './tooltipUtils-1e5f592e.js';
+import './EnvironmentProvider-6cf8ed37.js';
+import './LayerManager-e30fbfd6.js';
+import './Floating-0a11107a.js';
+import './useFloating-c74a7f54.js';
+import './useUser-e543b73c.js';
 import './positionUtils-f26caad9.js';
 import './refUtils-76275c69.js';
-import './useOutsideClick-f00c65fc.js';
+import './useOutsideClick-3ac4fc59.js';
 import './arrayUtils-35a58161.js';
-import './Layer-535577b5.js';
+import './Layer-6c27170e.js';
 import './UNSAFE_Layer/themes/LayerStyles.css.js';
 import './LayerStyles.styles.css';
 import './useModal-953082f2.js';
@@ -158,7 +158,7 @@ import './RadioIconStyles.styles.css';
 import './UNSAFE_RadioItem/themes/redwood/RadioIconBaseTheme.css.js';
 import './UNSAFE_RadioItem/themes/redwood/RadioIconBaseTheme.styles.css';
 import './UNSAFE_RadioItem/themes/redwood/RadioIconVariants.css.js';
-import './RadioIconVariants.styles.css';
+import './RadioIconVariants.styles2.css';
 import './CheckboxRadioContext-fe425383.js';
 import './safeHref-fce77e0c.js';
 import './UserAssistanceStyles.styles.css';
@@ -167,9 +167,9 @@ import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css.js';
 import './MessageBannerStyles.styles.css';
 import './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.styles.css';
 import './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css.js';
-import './MessageBannerVariants.styles.css';
+import './MessageBannerVariants.styles2.css';
 import './IconButton-bb390936.js';
-import './BaseButton-e8e5bfe4.js';
+import './BaseButton-feeaaf1c.js';
 import './UNSAFE_BaseButton/themes/redwood/BaseButtonTheme.js';
 import './UNSAFE_BaseButton/themes/BaseButtonStyles.css.js';
 import './BaseButtonStyles.styles.css';
@@ -200,7 +200,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-d782a727.js';
+import './Popup-0f23bad9.js';
 import './tabbableUtils-c8311ec6.js';
 import './head-8f89fe66.js';
 import './_arity-be492b9e.js';
@@ -211,8 +211,8 @@ import './FocusTrackerStyles.styles.css';
 import './Modal-c0f730b8.js';
 import './UNSAFE_Modal/themes/ModalStyles.css.js';
 import './ModalStyles.styles.css';
-import './popupUtils-51366a29.js';
-import './WindowOverlay-ee64634e.js';
+import './popupUtils-7774330e.js';
+import './WindowOverlay-cd90d18c.js';
 import './UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css.js';
 import './WindowOverlayStyles.styles.css';
 import './UNSAFE_WindowOverlay/themes/WindowOverlayContract.css.js';
@@ -220,10 +220,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-96d2bc83.js';
+import './usePopupAnimation-7c5db425.js';
 import './useAnimationStatus-b881f39a.js';
 import './popupAnimationUtils-175151d9.js';
-import './LiveRegion-cebac18d.js';
+import './LiveRegion-2e8830ae.js';
 import './LiveRegionStyles.styles.css';
 import './UNSAFE_Popup/themes/PopupContract.css.js';
 import './UNSAFE_Popup/themes/redwood/PopupTheme.js';
@@ -236,7 +236,7 @@ import './SeparatorStyles.styles.css';
 import './LabelStyles.styles.css';
 import './UNSAFE_Label/themes/redwood/LabelBaseTheme.styles.css';
 import './UNSAFE_Label/themes/redwood/LabelVariants.css.js';
-import './IconUserAssistance-30afcebe.js';
+import './IconUserAssistance-2deafca3.js';
 import './Help-93fa3375.js';
 import './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css.js';
 import './InlineHelp-774fd01d.js';