@oracle/oraclejet-preact 17.0.3 → 17.0.5

package/es/RatingGaugeVariants.styles.css

@@ -1,16 +1,16 @@
-.RatingGaugeVariants_multiVariantStyles_size_sm__vs4x6x0 {
+.RatingGaugeVariants_multiVariantStyles_size_sm__lj2jeo0 {
   --size__1kgzocsc: var(--sizes-sm__1kgzocse);
   --margin__1kgzocsd: 0px 1px;
 }
-.RatingGaugeVariants_multiVariantStyles_size_md__vs4x6x1 {
+.RatingGaugeVariants_multiVariantStyles_size_md__lj2jeo1 {
   --size__1kgzocsc: var(--sizes-md__1kgzocsf);
   --margin__1kgzocsd: 0px 1px;
 }
-.RatingGaugeVariants_multiVariantStyles_size_lg__vs4x6x2 {
+.RatingGaugeVariants_multiVariantStyles_size_lg__lj2jeo2 {
   --size__1kgzocsc: var(--sizes-lg__1kgzocsg);
   --margin__1kgzocsd: 0px 2px;
 }
-.RatingGaugeVariants_multiVariantStyles_color_gold__vs4x6x4 {
+.RatingGaugeVariants_multiVariantStyles_color_gold__lj2jeo4 {
   --colorSelected__1kgzocs0: var(--colors-gold-colorSelected__1kgzocsh);
   --borderColorSelected__1kgzocs1: var(--colors-gold-bordorColorSelected__1kgzocsi);
   --colorSelectedReadonly__1kgzocs8: var(--colors-gold-colorSelectedReadonly__1kgzocsj);
@@ -18,50 +18,50 @@
   --borderColorUnselectedReadonly__1kgzocsb: var(--colors-gold-borderColorUnselectedReadonly__1kgzocsl);
   --borderColorSelectedReadonly__1kgzocs9: var(--colors-gold-borderColorSelectedReadonly__1kgzocsm);
 }
-.RatingGaugeVariants_multiVariantStyles_color_success__vs4x6x5 {
+.RatingGaugeVariants_multiVariantStyles_color_success__lj2jeo5 {
   --colorSelected__1kgzocs0: var(--colors-success-colorSelected__1kgzocsn);
   --borderColorSelected__1kgzocs1: var(--colors-success-bordorColorSelected__1kgzocso);
   --colorSelectedReadonly__1kgzocs8: var(--colors-success-colorSelectedReadonly__1kgzocsp);
 }
-.RatingGaugeVariants_multiVariantStyles_color_warning__vs4x6x6 {
+.RatingGaugeVariants_multiVariantStyles_color_warning__lj2jeo6 {
   --colorSelected__1kgzocs0: var(--colors-warning-colorSelected__1kgzocsq);
   --borderColorSelected__1kgzocs1: var(--colors-warning-bordorColorSelected__1kgzocsr);
   --colorSelectedReadonly__1kgzocs8: var(--colors-warning-colorSelectedReadonly__1kgzocss);
 }
-.RatingGaugeVariants_multiVariantStyles_color_danger__vs4x6x7 {
+.RatingGaugeVariants_multiVariantStyles_color_danger__lj2jeo7 {
   --colorSelected__1kgzocs0: var(--colors-danger-colorSelected__1kgzocst);
   --borderColorSelected__1kgzocs1: var(--colors-danger-bordorColorSelected__1kgzocsu);
   --colorSelectedReadonly__1kgzocs8: var(--colors-danger-colorSelectedReadonly__1kgzocsv);
 }
-.RatingGaugeVariants_multiVariantStyles_compound_0__vs4x6xg {
+.RatingGaugeVariants_multiVariantStyles_compound_0__lj2jeog {
   --colorSelected__1kgzocs0: var(--colorSelectedDisabled__1kgzocs4);
   --borderColorSelected__1kgzocs1: var(--borderColorSelectedDisabled__1kgzocs5);
 }
-.RatingGaugeVariants_multiVariantStyles_compound_1__vs4x6xh {
+.RatingGaugeVariants_multiVariantStyles_compound_1__lj2jeoh {
   --colorSelected__1kgzocs0: var(--colorSelectedReadonly__1kgzocs8);
   --borderColorSelected__1kgzocs1: var(--borderColorSelectedReadonly__1kgzocs9);
 }
-.RatingGaugeVariants_multiVariantStyles_compound_2__vs4x6xi {
+.RatingGaugeVariants_multiVariantStyles_compound_2__lj2jeoi {
   --colorSelected__1kgzocs0: var(--colorUnselectedDisabled__1kgzocs6);
   --borderColorSelected__1kgzocs1: var(--borderColorUnselectedDisabled__1kgzocs7);
 }
-.RatingGaugeVariants_multiVariantStyles_compound_3__vs4x6xj {
+.RatingGaugeVariants_multiVariantStyles_compound_3__lj2jeoj {
   --colorSelected__1kgzocs0: var(--colorUnselectedReadonly__1kgzocsa);
   --borderColorSelected__1kgzocs1: var(--borderColorUnselectedReadonly__1kgzocsb);
 }
-.RatingGaugeVariants_multiVariantStyles_compound_4__vs4x6xk {
+.RatingGaugeVariants_multiVariantStyles_compound_4__lj2jeok {
   --colorSelected__1kgzocs0: var(--colorUnselected__1kgzocs2);
   --borderColorSelected__1kgzocs1: var(--borderColorUnselected__1kgzocs3);
 }
-.RatingGaugeVariants_multiVariantStyles_compound_5__vs4x6xl {
+.RatingGaugeVariants_multiVariantStyles_compound_5__lj2jeol {
   --colorSelected__1kgzocs0: currentColor;
   --borderColorSelected__1kgzocs1: currentColor;
 }
-.RatingGaugeVariants_multiVariantStyles_compound_6__vs4x6xm {
+.RatingGaugeVariants_multiVariantStyles_compound_6__lj2jeom {
   --colorSelected__1kgzocs0: transparent;
   --borderColorSelected__1kgzocs1: currentColor;
 }
-.RatingGaugeVariants_multiVariantStyles_compound_7__vs4x6xn {
+.RatingGaugeVariants_multiVariantStyles_compound_7__lj2jeon {
   --colorSelected__1kgzocs0: transparent;
   --borderColorSelected__1kgzocs1: transparent;
 }

package/es/RatingGaugeVariants.styles2.css

@@ -1,16 +1,16 @@
-.RatingGaugeVariants_multiVariantStyles_size_sm__lj2jeo0 {
+.RatingGaugeVariants_multiVariantStyles_size_sm__vs4x6x0 {
   --size__1kgzocsc: var(--sizes-sm__1kgzocse);
   --margin__1kgzocsd: 0px 1px;
 }
-.RatingGaugeVariants_multiVariantStyles_size_md__lj2jeo1 {
+.RatingGaugeVariants_multiVariantStyles_size_md__vs4x6x1 {
   --size__1kgzocsc: var(--sizes-md__1kgzocsf);
   --margin__1kgzocsd: 0px 1px;
 }
-.RatingGaugeVariants_multiVariantStyles_size_lg__lj2jeo2 {
+.RatingGaugeVariants_multiVariantStyles_size_lg__vs4x6x2 {
   --size__1kgzocsc: var(--sizes-lg__1kgzocsg);
   --margin__1kgzocsd: 0px 2px;
 }
-.RatingGaugeVariants_multiVariantStyles_color_gold__lj2jeo4 {
+.RatingGaugeVariants_multiVariantStyles_color_gold__vs4x6x4 {
   --colorSelected__1kgzocs0: var(--colors-gold-colorSelected__1kgzocsh);
   --borderColorSelected__1kgzocs1: var(--colors-gold-bordorColorSelected__1kgzocsi);
   --colorSelectedReadonly__1kgzocs8: var(--colors-gold-colorSelectedReadonly__1kgzocsj);
@@ -18,50 +18,50 @@
   --borderColorUnselectedReadonly__1kgzocsb: var(--colors-gold-borderColorUnselectedReadonly__1kgzocsl);
   --borderColorSelectedReadonly__1kgzocs9: var(--colors-gold-borderColorSelectedReadonly__1kgzocsm);
 }
-.RatingGaugeVariants_multiVariantStyles_color_success__lj2jeo5 {
+.RatingGaugeVariants_multiVariantStyles_color_success__vs4x6x5 {
   --colorSelected__1kgzocs0: var(--colors-success-colorSelected__1kgzocsn);
   --borderColorSelected__1kgzocs1: var(--colors-success-bordorColorSelected__1kgzocso);
   --colorSelectedReadonly__1kgzocs8: var(--colors-success-colorSelectedReadonly__1kgzocsp);
 }
-.RatingGaugeVariants_multiVariantStyles_color_warning__lj2jeo6 {
+.RatingGaugeVariants_multiVariantStyles_color_warning__vs4x6x6 {
   --colorSelected__1kgzocs0: var(--colors-warning-colorSelected__1kgzocsq);
   --borderColorSelected__1kgzocs1: var(--colors-warning-bordorColorSelected__1kgzocsr);
   --colorSelectedReadonly__1kgzocs8: var(--colors-warning-colorSelectedReadonly__1kgzocss);
 }
-.RatingGaugeVariants_multiVariantStyles_color_danger__lj2jeo7 {
+.RatingGaugeVariants_multiVariantStyles_color_danger__vs4x6x7 {
   --colorSelected__1kgzocs0: var(--colors-danger-colorSelected__1kgzocst);
   --borderColorSelected__1kgzocs1: var(--colors-danger-bordorColorSelected__1kgzocsu);
   --colorSelectedReadonly__1kgzocs8: var(--colors-danger-colorSelectedReadonly__1kgzocsv);
 }
-.RatingGaugeVariants_multiVariantStyles_compound_0__lj2jeog {
+.RatingGaugeVariants_multiVariantStyles_compound_0__vs4x6xg {
   --colorSelected__1kgzocs0: var(--colorSelectedDisabled__1kgzocs4);
   --borderColorSelected__1kgzocs1: var(--borderColorSelectedDisabled__1kgzocs5);
 }
-.RatingGaugeVariants_multiVariantStyles_compound_1__lj2jeoh {
+.RatingGaugeVariants_multiVariantStyles_compound_1__vs4x6xh {
   --colorSelected__1kgzocs0: var(--colorSelectedReadonly__1kgzocs8);
   --borderColorSelected__1kgzocs1: var(--borderColorSelectedReadonly__1kgzocs9);
 }
-.RatingGaugeVariants_multiVariantStyles_compound_2__lj2jeoi {
+.RatingGaugeVariants_multiVariantStyles_compound_2__vs4x6xi {
   --colorSelected__1kgzocs0: var(--colorUnselectedDisabled__1kgzocs6);
   --borderColorSelected__1kgzocs1: var(--borderColorUnselectedDisabled__1kgzocs7);
 }
-.RatingGaugeVariants_multiVariantStyles_compound_3__lj2jeoj {
+.RatingGaugeVariants_multiVariantStyles_compound_3__vs4x6xj {
   --colorSelected__1kgzocs0: var(--colorUnselectedReadonly__1kgzocsa);
   --borderColorSelected__1kgzocs1: var(--borderColorUnselectedReadonly__1kgzocsb);
 }
-.RatingGaugeVariants_multiVariantStyles_compound_4__lj2jeok {
+.RatingGaugeVariants_multiVariantStyles_compound_4__vs4x6xk {
   --colorSelected__1kgzocs0: var(--colorUnselected__1kgzocs2);
   --borderColorSelected__1kgzocs1: var(--borderColorUnselected__1kgzocs3);
 }
-.RatingGaugeVariants_multiVariantStyles_compound_5__lj2jeol {
+.RatingGaugeVariants_multiVariantStyles_compound_5__vs4x6xl {
   --colorSelected__1kgzocs0: currentColor;
   --borderColorSelected__1kgzocs1: currentColor;
 }
-.RatingGaugeVariants_multiVariantStyles_compound_6__lj2jeom {
+.RatingGaugeVariants_multiVariantStyles_compound_6__vs4x6xm {
   --colorSelected__1kgzocs0: transparent;
   --borderColorSelected__1kgzocs1: currentColor;
 }
-.RatingGaugeVariants_multiVariantStyles_compound_7__lj2jeon {
+.RatingGaugeVariants_multiVariantStyles_compound_7__vs4x6xn {
   --colorSelected__1kgzocs0: transparent;
   --borderColorSelected__1kgzocs1: transparent;
 }

package/es/ReadonlyTextFieldInput-4392c7aa.js

@@ -12,7 +12,7 @@ import './FormFieldContext-68eb5946.js';
 import { u as useFormFieldContext } from './useFormFieldContext-626574fd.js';
 import { u as useComponentTheme } from './useComponentTheme-d2f9e47f.js';
 import { ReadonlyTextFieldInputRedwoodTheme } from './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldInputTheme.js';
-import { u as useTranslationBundle } from './useTranslationBundle-cd815e10.js';
+import { u as useTranslationBundle } from './useTranslationBundle-e8a8c4f3.js';
 
 /**
  * Merge multiple ids into a space-separated list

package/es/ReadonlyTextFieldVariants.styles.css

@@ -1,4 +1,4 @@
-.ReadonlyTextFieldVariants_multiVariantStyles_insideNonReadonlyForm_isInsideNonReadonlyForm__a11ehs0 {
+.ReadonlyTextFieldVariants_multiVariantStyles_insideNonReadonlyForm_isInsideNonReadonlyForm__ck0nxo0 {
   border-width: var(--borderWidth__w6gg1y1);
   border-color: var(--borderColorDisabled__w6gg1yd);
   background-color: transparent;
@@ -6,54 +6,54 @@
   min-width: 1em;
   flex: 1;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_insideNonReadonlyForm_notInsideNonReadonlyForm__a11ehs1 {
+.ReadonlyTextFieldVariants_multiVariantStyles_insideNonReadonlyForm_notInsideNonReadonlyForm__ck0nxo1 {
   border-width: 0;
   background-color: transparent;
   height: auto;
   vertical-align: top;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_textarea_isTextArea__a11ehs4 {
+.ReadonlyTextFieldVariants_multiVariantStyles_textarea_isTextArea__ck0nxo4 {
   height: auto;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_resize_horizontal__a11ehsc {
+.ReadonlyTextFieldVariants_multiVariantStyles_resize_horizontal__ck0nxoc {
   resize: horizontal;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_resize_vertical__a11ehsd {
+.ReadonlyTextFieldVariants_multiVariantStyles_resize_vertical__ck0nxod {
   resize: vertical;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_resize_both__a11ehse {
+.ReadonlyTextFieldVariants_multiVariantStyles_resize_both__ck0nxoe {
   resize: both;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_resize_none__a11ehsf {
+.ReadonlyTextFieldVariants_multiVariantStyles_resize_none__ck0nxof {
   max-width: 100%;
   overflow: visible;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_0__a11ehsg {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_0__ck0nxog {
   padding-top: 0;
   padding-bottom: 0;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_1__a11ehsh {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_1__ck0nxoh {
   min-height: var(--insideEdgeHeight__w6gg1yh);
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_2__a11ehsi {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_2__ck0nxoi {
   height: auto;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_3__a11ehsj {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_3__ck0nxoj {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_4__a11ehsk {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_4__ck0nxok {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
   margin-left: -1px;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_5__a11ehsl {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_5__ck0nxol {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
   margin-left: -1px;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_6__a11ehsm {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_6__ck0nxom {
   min-height: var(--insideEdgeHeight__w6gg1yh);
 }

package/es/ReadonlyTextFieldVariants.styles2.css

@@ -1,4 +1,4 @@
-.ReadonlyTextFieldVariants_multiVariantStyles_insideNonReadonlyForm_isInsideNonReadonlyForm__ck0nxo0 {
+.ReadonlyTextFieldVariants_multiVariantStyles_insideNonReadonlyForm_isInsideNonReadonlyForm__a11ehs0 {
   border-width: var(--borderWidth__w6gg1y1);
   border-color: var(--borderColorDisabled__w6gg1yd);
   background-color: transparent;
@@ -6,54 +6,54 @@
   min-width: 1em;
   flex: 1;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_insideNonReadonlyForm_notInsideNonReadonlyForm__ck0nxo1 {
+.ReadonlyTextFieldVariants_multiVariantStyles_insideNonReadonlyForm_notInsideNonReadonlyForm__a11ehs1 {
   border-width: 0;
   background-color: transparent;
   height: auto;
   vertical-align: top;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_textarea_isTextArea__ck0nxo4 {
+.ReadonlyTextFieldVariants_multiVariantStyles_textarea_isTextArea__a11ehs4 {
   height: auto;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_resize_horizontal__ck0nxoc {
+.ReadonlyTextFieldVariants_multiVariantStyles_resize_horizontal__a11ehsc {
   resize: horizontal;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_resize_vertical__ck0nxod {
+.ReadonlyTextFieldVariants_multiVariantStyles_resize_vertical__a11ehsd {
   resize: vertical;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_resize_both__ck0nxoe {
+.ReadonlyTextFieldVariants_multiVariantStyles_resize_both__a11ehse {
   resize: both;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_resize_none__ck0nxof {
+.ReadonlyTextFieldVariants_multiVariantStyles_resize_none__a11ehsf {
   max-width: 100%;
   overflow: visible;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_0__ck0nxog {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_0__a11ehsg {
   padding-top: 0;
   padding-bottom: 0;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_1__ck0nxoh {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_1__a11ehsh {
   min-height: var(--insideEdgeHeight__w6gg1yh);
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_2__ck0nxoi {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_2__a11ehsi {
   height: auto;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_3__ck0nxoj {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_3__a11ehsj {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_4__ck0nxok {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_4__a11ehsk {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
   margin-left: -1px;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_5__ck0nxol {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_5__a11ehsl {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
   margin-left: -1px;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_6__ck0nxom {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_6__a11ehsm {
   min-height: var(--insideEdgeHeight__w6gg1yh);
 }

package/es/{RemovableNavigationListItem-4c86bec8.js → RemovableNavigationListItem-d55724ff.js}

@@ -1,10 +1,11 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsx } from 'preact/jsx-runtime';
-import { u as useNavigationListContext, B as BaseNavigationListItem } from './BaseNavigationListItem-3a377d46.js';
+import { B as BaseNavigationListItem } from './BaseNavigationListItem-f3bf5d85.js';
+import { u as useNavigationListContext } from './useNavigationListItem-5f7cd66b.js';
 import { S as SvgClose } from './Close-97d45aca.js';
 import { useCallback } from 'preact/hooks';
 import { u as useHover } from './useHover-d5088fcd.js';
-import { u as useTranslationBundle } from './useTranslationBundle-cd815e10.js';
+import { u as useTranslationBundle } from './useTranslationBundle-e8a8c4f3.js';
 import { E as EmbeddedIconButton } from './EmbeddedIconButton-2bee9a35.js';
 
 function RemovableNavigationListItem({ itemKey, label, badge, metadata, severity }) {
@@ -21,4 +22,4 @@ function RemovableNavigationListItem({ itemKey, label, badge, metadata, severity
 }
 
 export { RemovableNavigationListItem as R };
-//# sourceMappingURL=RemovableNavigationListItem-4c86bec8.js.map
+//# sourceMappingURL=RemovableNavigationListItem-d55724ff.js.map

package/es/{RemovableNavigationListItem-4c86bec8.js.map → RemovableNavigationListItem-d55724ff.js.map}

@@ -1 +1 @@
-{"version":3,"file":"RemovableNavigationListItem-4c86bec8.js","sources":["../../src/UNSAFE_NavigationListCommon/RemovableNavigationListItem.tsx"],"sourcesContent":["import { BaseNavigationListItem, BaseNavigationListItemProps } from './BaseNavigationListItem';\nimport { useNavigationListContext } from './useNavigationListContext';\nimport { Close } from '../UNSAFE_RedwoodIcons/Close';\nimport { EmbeddedIconButton } from '../PRIVATE_EmbeddedIconButton';\nimport { useCallback } from 'preact/hooks';\nimport { useHover } from '#hooks/UNSAFE_useHover';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\n\ntype RemovableNavigationListItemProps<K extends string | number> = Omit<\n  BaseNavigationListItemProps<K>,\n  'removeIcon'\n>;\n\nexport function RemovableNavigationListItem<K extends string | number>({\n  itemKey,\n  label,\n  badge,\n  metadata,\n  severity\n}: RemovableNavigationListItemProps<K>) {\n  const { selection, currentKey, onRemove } = useNavigationListContext();\n  const isSelected = selection === itemKey;\n  const isCurrent = currentKey === itemKey;\n\n  const handleRemove = useCallback(() => {\n    onRemove?.({ value: itemKey as K });\n  }, [onRemove, itemKey]);\n\n  const { hoverProps, isHover } = useHover({});\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  //instead of specifying flex: '1 0 auto' in cssProps var\n  return (\n    <div {...hoverProps}>\n      <BaseNavigationListItem\n        itemKey={itemKey}\n        label={label}\n        badge={badge}\n        metadata={metadata}\n        severity={severity}\n        removeIcon={\n          <span data-oj-navigationlist-item-remove-icon={true}>\n            <EmbeddedIconButton\n              aria-label={translations.tabBarNavigationList_removeCueText()}\n              size=\"xs\"\n              onAction={handleRemove}>\n              {(isHover || isSelected || isCurrent) && <Close />}\n            </EmbeddedIconButton>\n          </span>\n        }\n      />\n    </div>\n  );\n}\n"],"names":["_jsx","Close"],"mappings":";;;;;;;;;AAcgB,SAAA,2BAA2B,CAA4B,EACrE,OAAO,EACP,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,EAC4B,EAAA;IACpC,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,wBAAwB,EAAE,CAAC;AACvE,IAAA,MAAM,UAAU,GAAG,SAAS,KAAK,OAAO,CAAC;AACzC,IAAA,MAAM,SAAS,GAAG,UAAU,KAAK,OAAO,CAAC;AAEzC,IAAA,MAAM,YAAY,GAAG,WAAW,CAAC,MAAK;QACpC,QAAQ,GAAG,EAAE,KAAK,EAAE,OAAY,EAAE,CAAC,CAAC;AACtC,KAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IAExB,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;AAE7C,IAAA,MAAM,YAAY,GAAG,oBAAoB,CAAa,0BAA0B,CAAC,CAAC;;AAGlF,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAAA,GAAS,UAAU,EAAA,QAAA,EACjBA,GAAC,CAAA,sBAAsB,EACrB,EAAA,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EACRA,yDAA+C,IAAI,EAAA,QAAA,EACjDA,GAAC,CAAA,kBAAkB,EACL,EAAA,YAAA,EAAA,YAAY,CAAC,kCAAkC,EAAE,EAC7D,IAAI,EAAC,IAAI,EACT,QAAQ,EAAE,YAAY,EACrB,QAAA,EAAA,CAAC,OAAO,IAAI,UAAU,IAAI,SAAS,KAAKA,GAAA,CAACC,QAAK,EAAA,EAAA,CAAG,EAC/B,CAAA,EAAA,CAChB,EAET,CAAA,EAAA,CACE,EACN;AACJ;;;;"}
+{"version":3,"file":"RemovableNavigationListItem-d55724ff.js","sources":["../../src/UNSAFE_NavigationListCommon/RemovableNavigationListItem.tsx"],"sourcesContent":["import { BaseNavigationListItem, BaseNavigationListItemProps } from './BaseNavigationListItem';\nimport { useNavigationListContext } from './useNavigationListContext';\nimport { Close } from '../UNSAFE_RedwoodIcons/Close';\nimport { EmbeddedIconButton } from '../PRIVATE_EmbeddedIconButton';\nimport { useCallback } from 'preact/hooks';\nimport { useHover } from '#hooks/UNSAFE_useHover';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\n\ntype RemovableNavigationListItemProps<K extends string | number> = Omit<\n  BaseNavigationListItemProps<K>,\n  'removeIcon'\n>;\n\nexport function RemovableNavigationListItem<K extends string | number>({\n  itemKey,\n  label,\n  badge,\n  metadata,\n  severity\n}: RemovableNavigationListItemProps<K>) {\n  const { selection, currentKey, onRemove } = useNavigationListContext();\n  const isSelected = selection === itemKey;\n  const isCurrent = currentKey === itemKey;\n\n  const handleRemove = useCallback(() => {\n    onRemove?.({ value: itemKey as K });\n  }, [onRemove, itemKey]);\n\n  const { hoverProps, isHover } = useHover({});\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  //instead of specifying flex: '1 0 auto' in cssProps var\n  return (\n    <div {...hoverProps}>\n      <BaseNavigationListItem\n        itemKey={itemKey}\n        label={label}\n        badge={badge}\n        metadata={metadata}\n        severity={severity}\n        removeIcon={\n          <span data-oj-navigationlist-item-remove-icon={true}>\n            <EmbeddedIconButton\n              aria-label={translations.tabBarNavigationList_removeCueText()}\n              size=\"xs\"\n              onAction={handleRemove}>\n              {(isHover || isSelected || isCurrent) && <Close />}\n            </EmbeddedIconButton>\n          </span>\n        }\n      />\n    </div>\n  );\n}\n"],"names":["_jsx","Close"],"mappings":";;;;;;;;;;AAcgB,SAAA,2BAA2B,CAA4B,EACrE,OAAO,EACP,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,EAC4B,EAAA;IACpC,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,wBAAwB,EAAE,CAAC;AACvE,IAAA,MAAM,UAAU,GAAG,SAAS,KAAK,OAAO,CAAC;AACzC,IAAA,MAAM,SAAS,GAAG,UAAU,KAAK,OAAO,CAAC;AAEzC,IAAA,MAAM,YAAY,GAAG,WAAW,CAAC,MAAK;QACpC,QAAQ,GAAG,EAAE,KAAK,EAAE,OAAY,EAAE,CAAC,CAAC;AACtC,KAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IAExB,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;AAE7C,IAAA,MAAM,YAAY,GAAG,oBAAoB,CAAa,0BAA0B,CAAC,CAAC;;AAGlF,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAAA,GAAS,UAAU,EAAA,QAAA,EACjBA,GAAC,CAAA,sBAAsB,EACrB,EAAA,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EACRA,yDAA+C,IAAI,EAAA,QAAA,EACjDA,GAAC,CAAA,kBAAkB,EACL,EAAA,YAAA,EAAA,YAAY,CAAC,kCAAkC,EAAE,EAC7D,IAAI,EAAC,IAAI,EACT,QAAQ,EAAE,YAAY,EACrB,QAAA,EAAA,CAAC,OAAO,IAAI,UAAU,IAAI,SAAS,KAAKA,GAAA,CAACC,QAAK,EAAA,EAAA,CAAG,EAC/B,CAAA,EAAA,CAChB,EAET,CAAA,EAAA,CACE,EACN;AACJ;;;;"}

package/es/RemovableTabBarItem-217d4a0b.js

@@ -3,12 +3,12 @@ import { jsx } from 'preact/jsx-runtime';
 import { useCallback } from 'preact/hooks';
 import { u as useHover } from './useHover-d5088fcd.js';
 import { S as SvgClose } from './Close-97d45aca.js';
-import { F as Flex } from './Flex-24628925.js';
+import { F as Flex } from './Flex-5ff5aa5e.js';
 import { m as mergeInterpolations } from './mergeInterpolations-e2db2a66.js';
 import { f as flexitemInterpolations } from './flexitem-7b7f7920.js';
 import { u as useTabBarContext } from './useTabBarContext-0071d2a7.js';
 import { B as BaseTabBarItem } from './TabBarItem-c681fa07.js';
-import { u as useTranslationBundle } from './useTranslationBundle-cd815e10.js';
+import { u as useTranslationBundle } from './useTranslationBundle-e8a8c4f3.js';
 import { E as EmbeddedIconButton } from './EmbeddedIconButton-2bee9a35.js';
 
 function RemovableTabBarItem({ itemKey, label, icon, badge, metadata, severity, 'aria-controls': ariaControls }) {

package/es/{ReorderableTabBar-84640a66.js → ReorderableTabBar-aae17355.js}

@@ -3,12 +3,12 @@ import { jsxs, Fragment, jsx } from 'preact/jsx-runtime';
 import { toChildArray } from 'preact';
 import { useRef, useCallback, useState } from 'preact/hooks';
 import { H as HiddenAccessible } from './HiddenAccessible-61197e7c.js';
-import { L as LiveRegion } from './LiveRegion-81216fe6.js';
-import { T as TabBar } from './TabBar-e39e8dbd.js';
+import { L as LiveRegion } from './LiveRegion-4646cd7d.js';
+import { T as TabBar } from './TabBar-935be8eb.js';
 import { m as mergeInterpolations } from './mergeInterpolations-e2db2a66.js';
 import { f as flexitemInterpolations } from './flexitem-7b7f7920.js';
 import { b as getKey } from './collectionUtils-d72c7c40.js';
-import './LayerHost-45f545d7.js';
+import './LayerHost-aaed41a1.js';
 import 'preact/compat';
 import { a as useReorderableItem, u as useReorderable, R as ReorderableContext } from './useReorderableItem-25aa1c34.js';
 import { styles } from './UNSAFE_ReorderableTabBar/themes/ReorderableTabBarItemStyles.css.js';
@@ -76,4 +76,4 @@ function ReorderableTabBar({ 'aria-label': ariaLabel, 'aria-labelledby': ariaLab
 }
 
 export { ReorderableTabBar as R };
-//# sourceMappingURL=ReorderableTabBar-84640a66.js.map
+//# sourceMappingURL=ReorderableTabBar-aae17355.js.map

package/es/{ReorderableTabBar-84640a66.js.map → ReorderableTabBar-aae17355.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ReorderableTabBar-84640a66.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 { useTabBarContext } from '../UNSAFE_TabBar';\nimport { styles } from './themes/ReorderableTabBarItemStyles.css';\n\nexport const ITEM_SELECTOR = '[role=\"tab\"]';\n\ntype ReorderableTabBarItem<K extends string | number> = ReorderableItemProps<K> & {\n  layout: 'stretch' | 'condense' | undefined;\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}: 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 { currentKey } = useTabBarContext();\n  const { rootProps, isDragged, overlayZoneBeforeProps, overlayZoneAfterProps } =\n    useReorderableItem({\n      currentKey: currentKey as K,\n      isDisabled: onReorder ? false : true,\n      draggable: onReorder ? true : false,\n      dragKey,\n      setDragKey,\n      onReorder,\n      rootRef,\n      ref: tabBarItemRef,\n      getItem,\n      setTransferData,\n      itemStyles: styles,\n      itemSelector: ITEM_SELECTOR\n    });\n\n  //instead of specifying flex: '1 0 auto' in style\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  return (\n    <div {...rootProps} style={flexDimensions}>\n      {children}\n      {!isDragged && dragKey && (\n        <>\n          <div {...overlayZoneBeforeProps}></div>\n          <div {...overlayZoneAfterProps}></div>\n        </>\n      )}\n    </div>\n  );\n}\n","import { toChildArray } from 'preact';\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';\n\nexport type ReorderableTabBarProps<K extends string | number> = Omit<\n  TabBarProps<K>,\n  'aria-describedby'\n> &\n  ReorderProps<K> &\n  TestIdProps;\n\n/**\n * A component that allows reordering of tabs within a TabBar.\n */\nexport function ReorderableTabBar<K extends string | number>({\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  testId\n}: ReorderableTabBarProps<K>) {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const [dragKey, setDragKey] = useState<K | undefined>(undefined);\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  return (\n    <div ref={rootRef} {...reorderProps}>\n      <ReorderableContext.Provider value={reorderContext}>\n        <TabBar\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          {toChildArray(children).map((child) => {\n            return (\n              <ReorderableTabBarItem\n                dragKey={dragKey}\n                setDragKey={setDragKey}\n                onReorder={onReorder}\n                layout={layout}\n                rootRef={rootRef}>\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"],"names":["_jsxs","_Fragment","_jsx"],"mappings":"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"}
+{"version":3,"file":"ReorderableTabBar-aae17355.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 { useTabBarContext } from '../UNSAFE_TabBar';\nimport { styles } from './themes/ReorderableTabBarItemStyles.css';\n\nexport const ITEM_SELECTOR = '[role=\"tab\"]';\n\ntype ReorderableTabBarItem<K extends string | number> = ReorderableItemProps<K> & {\n  layout: 'stretch' | 'condense' | undefined;\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}: 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 { currentKey } = useTabBarContext();\n  const { rootProps, isDragged, overlayZoneBeforeProps, overlayZoneAfterProps } =\n    useReorderableItem({\n      currentKey: currentKey as K,\n      isDisabled: onReorder ? false : true,\n      draggable: onReorder ? true : false,\n      dragKey,\n      setDragKey,\n      onReorder,\n      rootRef,\n      ref: tabBarItemRef,\n      getItem,\n      setTransferData,\n      itemStyles: styles,\n      itemSelector: ITEM_SELECTOR\n    });\n\n  //instead of specifying flex: '1 0 auto' in style\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  return (\n    <div {...rootProps} style={flexDimensions}>\n      {children}\n      {!isDragged && dragKey && (\n        <>\n          <div {...overlayZoneBeforeProps}></div>\n          <div {...overlayZoneAfterProps}></div>\n        </>\n      )}\n    </div>\n  );\n}\n","import { toChildArray } from 'preact';\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';\n\nexport type ReorderableTabBarProps<K extends string | number> = Omit<\n  TabBarProps<K>,\n  'aria-describedby'\n> &\n  ReorderProps<K> &\n  TestIdProps;\n\n/**\n * A component that allows reordering of tabs within a TabBar.\n */\nexport function ReorderableTabBar<K extends string | number>({\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  testId\n}: ReorderableTabBarProps<K>) {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const [dragKey, setDragKey] = useState<K | undefined>(undefined);\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  return (\n    <div ref={rootRef} {...reorderProps}>\n      <ReorderableContext.Provider value={reorderContext}>\n        <TabBar\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          {toChildArray(children).map((child) => {\n            return (\n              <ReorderableTabBarItem\n                dragKey={dragKey}\n                setDragKey={setDragKey}\n                onReorder={onReorder}\n                layout={layout}\n                rootRef={rootRef}>\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"],"names":["_jsxs","_Fragment","_jsx"],"mappings":"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"}

package/es/RevealToggleIcon-9236963e.js

@@ -2,7 +2,7 @@
 import { jsx } from 'preact/jsx-runtime';
 import { S as SvgViewHide } from './ViewHide-fbe3f8fe.js';
 import { S as SvgView } from './View-0f9eaf88.js';
-import { u as useTranslationBundle } from './useTranslationBundle-cd815e10.js';
+import { u as useTranslationBundle } from './useTranslationBundle-e8a8c4f3.js';
 import { I as IconSwitchButton } from './IconSwitchButton-61cabbfe.js';
 
 /**

package/es/SectionalLegend-6ffb4255.js

@@ -1,16 +1,16 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsxs, jsx } from 'preact/jsx-runtime';
 import { useRef } from 'preact/hooks';
-import { u as useVisEvent } from './useVisEvents-4cfe354c.js';
+import { u as useVisEvent } from './useVisEvents-e31dcd17.js';
 import { m as mergeProps } from './mergeProps-88ea8306.js';
 import { g as getRandomId } from './layoutUtils-2374ab3e.js';
 import { l as legendVars, g as getLegendTextStyle, u as useLegendLayout, a as getItemInfo, i as isEqualItem, j as getKeyUpHandler, b as getDatatipText, c as useLegendDatatip, d as getAriaProps, e as useLegendContextMenu, f as getGridNums, L as LegendText, B as BaseLegend, h as getIsLegendItemActionable } from './useLegendContextMenu-d88be99d.js';
 import { u as useItemFocus } from './useItemFocus-c12e2756.js';
-import { F as Flex } from './Flex-24628925.js';
+import { F as Flex } from './Flex-5ff5aa5e.js';
 import { styles } from './UNSAFE_Legend/themes/LegendStyles.css.js';
-import { u as useCssVars } from './useCssVars-64d9b696.js';
+import { u as useCssVars } from './useCssVars-b3bf30fb.js';
 import { c as classNames } from './classNames-4e12b00d.js';
-import { u as useTestId } from './useTestId-adde554c.js';
+import { u as useTestId } from './useTestId-f5aed66c.js';
 import { u as useVisTouchResponse } from './useVisTouchResponse-e9ca4766.js';
 import { m as merge } from './stringUtils-16f617bc.js';
 

package/es/{SectionedContent-815e377a.js → SectionedContent-13d72f4b.js}

@@ -1,12 +1,12 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsx, jsxs } from 'preact/jsx-runtime';
 import { useState, useCallback, useRef } from 'preact/hooks';
-import { D as Dropdown } from './Dropdown-717319bb.js';
-import { F as Flex } from './Flex-24628925.js';
+import { D as Dropdown } from './Dropdown-2a328b40.js';
+import { F as Flex } from './Flex-5ff5aa5e.js';
 import { F as FocusTrap } from './FocusTrap-8ddd383f.js';
 import { K as KEYS } from './keyboardUtils-4db21770.js';
-import { u as useTestId } from './useTestId-adde554c.js';
-import { V as View } from './View-6013acac.js';
+import { u as useTestId } from './useTestId-f5aed66c.js';
+import { V as View } from './View-4dc6ce42.js';
 
 const DEFAULT_PLACEMENT = 'bottom-start';
 /**
@@ -61,4 +61,4 @@ const SectionedContent = ({ 'aria-label': ariaLabel, contentRef: propRef, gap, f
 };
 
 export { StickyPositioningDropdown as S, SectionedContent as a };
-//# sourceMappingURL=SectionedContent-815e377a.js.map
+//# sourceMappingURL=SectionedContent-13d72f4b.js.map

package/es/{SectionedContent-815e377a.js.map → SectionedContent-13d72f4b.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SectionedContent-815e377a.js","sources":["../../src/PRIVATE_FormControls/StickyPositioningDropdown.tsx","../../src/PRIVATE_FormControls/SectionedContent.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentProps } from 'preact';\nimport { useCallback } from 'preact/hooks';\nimport { useState } from 'preact/hooks';\nimport { Dropdown } from '#UNSAFE_Dropdown';\nimport { PositionData } from '../UNSAFE_Floating';\n\ntype DropdownProps = ComponentProps<typeof Dropdown>;\ntype Props = Pick<\n  DropdownProps,\n  | 'anchorRef'\n  | 'children'\n  | 'flipOptions'\n  | 'id'\n  | 'initialFocus'\n  | 'isOpen'\n  | 'minWidth'\n  | 'offset'\n  | 'onClose'\n  | 'onPosition'\n  | 'sizeOptions'\n>;\n\nconst DEFAULT_PLACEMENT = 'bottom-start';\n\n/**\n * StickyPositioningDropdown is used to display content which supports conditional rendering,\n * or other cases where the size of the content can change and cause the dropdown to rerender\n * in a different placement. This component ensures the repositioning happens only once,\n * until there is a collision, instead of allowing the dropdown to keep trying to\n * move back to its default position on every render.\n */\nconst StickyPositioningDropdown = ({ children, isOpen, onPosition, ...rest }: Props) => {\n  const [placement, setPlacement] = useState<DropdownProps['placement']>(DEFAULT_PLACEMENT);\n  const [prevIsOpen, setPrevIsOpen] = useState(isOpen);\n\n  if (prevIsOpen !== isOpen) {\n    setPrevIsOpen(isOpen);\n\n    // reset the placement to the default when the dropdown closes, not opens, so that it doesn't\n    // initially open in the previous position and then move to the default position on the\n    // rerender after the state is updated\n    if (!isOpen) {\n      setPlacement(DEFAULT_PLACEMENT);\n    }\n  }\n  const handlePosition = useCallback(\n    (positionData: PositionData) => {\n      // update the placement so that the dropdown stays where it is until there is a collision,\n      // i.e. it no longer fits, instead of letting it try to move back to the default position\n      // on every render\n      setPlacement(positionData.placement);\n\n      // call the callback that was passed in through props\n      onPosition?.(positionData);\n    },\n    [onPosition, setPlacement]\n  );\n\n  return (\n    <Dropdown isOpen={isOpen} onPosition={handlePosition} placement={placement} {...rest}>\n      {children}\n    </Dropdown>\n  );\n};\n\nexport { StickyPositioningDropdown };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentChildren, ComponentProps, RefObject } from 'preact';\nimport { useCallback, useRef } from 'preact/hooks';\nimport {\n  AriaAttributesSignalExcluded,\n  HTMLAttributesSignalExcluded\n} from '#utils/UNSAFE_attributeUtils';\nimport { Flex } from '#UNSAFE_Flex';\nimport { FocusTrap } from '#UNSAFE_FocusTrap';\nimport { KEYS } from '#utils/PRIVATE_keyboardUtils';\nimport { PaddingProps } from '#utils/UNSAFE_interpolations/padding';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { View } from '#UNSAFE_View';\n\ntype FlexProps = ComponentProps<typeof Flex>;\n\ntype Props = TestIdProps & {\n  /**\n   * An accessible label that describes the content.\n   */\n  'aria-label'?: AriaAttributesSignalExcluded['aria-label'];\n\n  /**\n   * A ref to the content container.\n   */\n  contentRef?: RefObject<HTMLDivElement>;\n\n  /**\n   * Child content in the footer section.\n   */\n  footer?: ComponentChildren;\n\n  /**\n   * The spacing between the sections.\n   */\n  gap?: FlexProps['gap'];\n\n  /**\n   * True if the tab key should cycle focus within the content.\n   * @default false\n   */\n  hasFocusTrap?: boolean;\n\n  /**\n   * Child content in the header section.\n   */\n  header?: ComponentChildren;\n\n  /**\n   * Child content in the main section.\n   */\n  main?: ComponentChildren;\n\n  /**\n   * The padding between the footer or bottom edge and the main content.\n   * @default '4x'\n   */\n  paddingBlockEnd?: PaddingProps['paddingBlockEnd'];\n\n  /**\n   * The padding between the header or top edge and the main content.\n   * @default '4x'\n   */\n  paddingBlockStart?: PaddingProps['paddingBlockStart'];\n\n  /**\n   * The padding between the right edge and the main content.\n   * @default '4x'\n   */\n  paddingInlineEnd?: PaddingProps['paddingInlineEnd'];\n\n  /**\n   * The padding between the left edge and the main content.\n   * @default '4x'\n   */\n  paddingInlineStart?: PaddingProps['paddingInlineStart'];\n\n  /**\n   * The aria role applied to the content container. For example, if the \"launcher\" element\n   * includes aria-haspopup=\"dialog\", then the associated content should have role \"dialog\"\n   * and an aria-label that describes it. If the launcher element has role \"combobox\", then\n   * it controls an element with a role such as listbox or grid.\n   */\n  role?: HTMLAttributesSignalExcluded['role'];\n};\n\n/**\n * The SectionedContent component has slots for header, main, and footer content.\n * It is meant to be used in a floating or modal type container and includes\n * conditional support for focus trapping, so that you can tab between components\n * and sections while the container remains open.\n */\nexport const SectionedContent = ({\n  'aria-label': ariaLabel,\n  contentRef: propRef,\n  gap,\n  footer,\n  hasFocusTrap = false,\n  header,\n  main,\n  paddingBlockEnd = '4x',\n  paddingBlockStart = '4x',\n  paddingInlineEnd = '4x',\n  paddingInlineStart = '4x',\n  role,\n  testId\n}: Props) => {\n  const testIdProps = useTestId(testId);\n\n  const cRef = useRef<HTMLDivElement>(null);\n  const contentRef = propRef ?? cRef;\n\n  const handleKeyDown = useCallback((event: KeyboardEvent) => {\n    if (event.code === KEYS.TAB) {\n      event.stopPropagation();\n    }\n  }, []);\n\n  const sections = (\n    <Flex direction=\"column\" gap={gap}>\n      {header}\n      <View\n        paddingBlockEnd={paddingBlockEnd}\n        paddingBlockStart={paddingBlockStart}\n        paddingInlineEnd={paddingInlineEnd}\n        paddingInlineStart={paddingInlineStart}>\n        {main}\n      </View>\n      {footer}\n    </Flex>\n  );\n\n  // Use a FocusTrap around the content if hasFocusTrap is true.\n  const childContent = hasFocusTrap ? (\n    <FocusTrap restoreFocusRef={false}>{sections}</FocusTrap>\n  ) : (\n    { sections }\n  );\n\n  return (\n    <div\n      aria-label={ariaLabel}\n      onKeyDown={hasFocusTrap ? handleKeyDown : undefined}\n      ref={contentRef}\n      role={role}\n      {...testIdProps}>\n      {childContent}\n    </div>\n  );\n};\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;AA8BA,MAAM,iBAAiB,GAAG,cAAc,CAAC;AAEzC;;;;;;AAMG;AACH,MAAM,yBAAyB,GAAG,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,IAAI,EAAS,KAAI;IACrF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAA6B,iBAAiB,CAAC,CAAC;IAC1F,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC;AAErD,IAAA,IAAI,UAAU,KAAK,MAAM,EAAE;QACzB,aAAa,CAAC,MAAM,CAAC,CAAC;;;;QAKtB,IAAI,CAAC,MAAM,EAAE;YACX,YAAY,CAAC,iBAAiB,CAAC,CAAC;SACjC;KACF;AACD,IAAA,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,YAA0B,KAAI;;;;AAI7B,QAAA,YAAY,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;;AAGrC,QAAA,UAAU,GAAG,YAAY,CAAC,CAAC;AAC7B,KAAC,EACD,CAAC,UAAU,EAAE,YAAY,CAAC,CAC3B,CAAC;IAEF,QACEA,IAAC,QAAQ,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAA,GAAM,IAAI,EACjF,QAAA,EAAA,QAAQ,EACA,CAAA,EACX;AACJ;;ACsBA;;;;;AAKG;MACU,gBAAgB,GAAG,CAAC,EAC/B,YAAY,EAAE,SAAS,EACvB,UAAU,EAAE,OAAO,EACnB,GAAG,EACH,MAAM,EACN,YAAY,GAAG,KAAK,EACpB,MAAM,EACN,IAAI,EACJ,eAAe,GAAG,IAAI,EACtB,iBAAiB,GAAG,IAAI,EACxB,gBAAgB,GAAG,IAAI,EACvB,kBAAkB,GAAG,IAAI,EACzB,IAAI,EACJ,MAAM,EACA,KAAI;AACV,IAAA,MAAM,WAAW,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;AAEtC,IAAA,MAAM,IAAI,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;AAC1C,IAAA,MAAM,UAAU,GAAG,OAAO,IAAI,IAAI,CAAC;AAEnC,IAAA,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,KAAoB,KAAI;QACzD,IAAI,KAAK,CAAC,IAAI,KAAK,IAAI,CAAC,GAAG,EAAE;YAC3B,KAAK,CAAC,eAAe,EAAE,CAAC;SACzB;KACF,EAAE,EAAE,CAAC,CAAC;AAEP,IAAA,MAAM,QAAQ,IACZC,KAAC,IAAI,EAAA,EAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAE,GAAG,EAAA,QAAA,EAAA,CAC9B,MAAM,EACPD,GAAA,CAAC,IAAI,EACH,EAAA,eAAe,EAAE,eAAe,EAChC,iBAAiB,EAAE,iBAAiB,EACpC,gBAAgB,EAAE,gBAAgB,EAClC,kBAAkB,EAAE,kBAAkB,YACrC,IAAI,EAAA,CACA,EACN,MAAM,CAAA,EAAA,CACF,CACR,CAAC;;IAGF,MAAM,YAAY,GAAG,YAAY,IAC/BA,GAAA,CAAC,SAAS,EAAA,EAAC,eAAe,EAAE,KAAK,EAAG,QAAA,EAAA,QAAQ,EAAa,CAAA,KAEzD,EAAE,QAAQ,EAAE,CACb,CAAC;AAEF,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAAA,YAAA,EACc,SAAS,EACrB,SAAS,EAAE,YAAY,GAAG,aAAa,GAAG,SAAS,EACnD,GAAG,EAAE,UAAU,EACf,IAAI,EAAE,IAAI,EAAA,GACN,WAAW,EAAA,QAAA,EACd,YAAY,EAAA,CACT,EACN;AACJ;;;;"}
+{"version":3,"file":"SectionedContent-13d72f4b.js","sources":["../../src/PRIVATE_FormControls/StickyPositioningDropdown.tsx","../../src/PRIVATE_FormControls/SectionedContent.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentProps } from 'preact';\nimport { useCallback } from 'preact/hooks';\nimport { useState } from 'preact/hooks';\nimport { Dropdown } from '#UNSAFE_Dropdown';\nimport { PositionData } from '../UNSAFE_Floating';\n\ntype DropdownProps = ComponentProps<typeof Dropdown>;\ntype Props = Pick<\n  DropdownProps,\n  | 'anchorRef'\n  | 'children'\n  | 'flipOptions'\n  | 'id'\n  | 'initialFocus'\n  | 'isOpen'\n  | 'minWidth'\n  | 'offset'\n  | 'onClose'\n  | 'onPosition'\n  | 'sizeOptions'\n>;\n\nconst DEFAULT_PLACEMENT = 'bottom-start';\n\n/**\n * StickyPositioningDropdown is used to display content which supports conditional rendering,\n * or other cases where the size of the content can change and cause the dropdown to rerender\n * in a different placement. This component ensures the repositioning happens only once,\n * until there is a collision, instead of allowing the dropdown to keep trying to\n * move back to its default position on every render.\n */\nconst StickyPositioningDropdown = ({ children, isOpen, onPosition, ...rest }: Props) => {\n  const [placement, setPlacement] = useState<DropdownProps['placement']>(DEFAULT_PLACEMENT);\n  const [prevIsOpen, setPrevIsOpen] = useState(isOpen);\n\n  if (prevIsOpen !== isOpen) {\n    setPrevIsOpen(isOpen);\n\n    // reset the placement to the default when the dropdown closes, not opens, so that it doesn't\n    // initially open in the previous position and then move to the default position on the\n    // rerender after the state is updated\n    if (!isOpen) {\n      setPlacement(DEFAULT_PLACEMENT);\n    }\n  }\n  const handlePosition = useCallback(\n    (positionData: PositionData) => {\n      // update the placement so that the dropdown stays where it is until there is a collision,\n      // i.e. it no longer fits, instead of letting it try to move back to the default position\n      // on every render\n      setPlacement(positionData.placement);\n\n      // call the callback that was passed in through props\n      onPosition?.(positionData);\n    },\n    [onPosition, setPlacement]\n  );\n\n  return (\n    <Dropdown isOpen={isOpen} onPosition={handlePosition} placement={placement} {...rest}>\n      {children}\n    </Dropdown>\n  );\n};\n\nexport { StickyPositioningDropdown };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentChildren, ComponentProps, RefObject } from 'preact';\nimport { useCallback, useRef } from 'preact/hooks';\nimport {\n  AriaAttributesSignalExcluded,\n  HTMLAttributesSignalExcluded\n} from '#utils/UNSAFE_attributeUtils';\nimport { Flex } from '#UNSAFE_Flex';\nimport { FocusTrap } from '#UNSAFE_FocusTrap';\nimport { KEYS } from '#utils/PRIVATE_keyboardUtils';\nimport { PaddingProps } from '#utils/UNSAFE_interpolations/padding';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { View } from '#UNSAFE_View';\n\ntype FlexProps = ComponentProps<typeof Flex>;\n\ntype Props = TestIdProps & {\n  /**\n   * An accessible label that describes the content.\n   */\n  'aria-label'?: AriaAttributesSignalExcluded['aria-label'];\n\n  /**\n   * A ref to the content container.\n   */\n  contentRef?: RefObject<HTMLDivElement>;\n\n  /**\n   * Child content in the footer section.\n   */\n  footer?: ComponentChildren;\n\n  /**\n   * The spacing between the sections.\n   */\n  gap?: FlexProps['gap'];\n\n  /**\n   * True if the tab key should cycle focus within the content.\n   * @default false\n   */\n  hasFocusTrap?: boolean;\n\n  /**\n   * Child content in the header section.\n   */\n  header?: ComponentChildren;\n\n  /**\n   * Child content in the main section.\n   */\n  main?: ComponentChildren;\n\n  /**\n   * The padding between the footer or bottom edge and the main content.\n   * @default '4x'\n   */\n  paddingBlockEnd?: PaddingProps['paddingBlockEnd'];\n\n  /**\n   * The padding between the header or top edge and the main content.\n   * @default '4x'\n   */\n  paddingBlockStart?: PaddingProps['paddingBlockStart'];\n\n  /**\n   * The padding between the right edge and the main content.\n   * @default '4x'\n   */\n  paddingInlineEnd?: PaddingProps['paddingInlineEnd'];\n\n  /**\n   * The padding between the left edge and the main content.\n   * @default '4x'\n   */\n  paddingInlineStart?: PaddingProps['paddingInlineStart'];\n\n  /**\n   * The aria role applied to the content container. For example, if the \"launcher\" element\n   * includes aria-haspopup=\"dialog\", then the associated content should have role \"dialog\"\n   * and an aria-label that describes it. If the launcher element has role \"combobox\", then\n   * it controls an element with a role such as listbox or grid.\n   */\n  role?: HTMLAttributesSignalExcluded['role'];\n};\n\n/**\n * The SectionedContent component has slots for header, main, and footer content.\n * It is meant to be used in a floating or modal type container and includes\n * conditional support for focus trapping, so that you can tab between components\n * and sections while the container remains open.\n */\nexport const SectionedContent = ({\n  'aria-label': ariaLabel,\n  contentRef: propRef,\n  gap,\n  footer,\n  hasFocusTrap = false,\n  header,\n  main,\n  paddingBlockEnd = '4x',\n  paddingBlockStart = '4x',\n  paddingInlineEnd = '4x',\n  paddingInlineStart = '4x',\n  role,\n  testId\n}: Props) => {\n  const testIdProps = useTestId(testId);\n\n  const cRef = useRef<HTMLDivElement>(null);\n  const contentRef = propRef ?? cRef;\n\n  const handleKeyDown = useCallback((event: KeyboardEvent) => {\n    if (event.code === KEYS.TAB) {\n      event.stopPropagation();\n    }\n  }, []);\n\n  const sections = (\n    <Flex direction=\"column\" gap={gap}>\n      {header}\n      <View\n        paddingBlockEnd={paddingBlockEnd}\n        paddingBlockStart={paddingBlockStart}\n        paddingInlineEnd={paddingInlineEnd}\n        paddingInlineStart={paddingInlineStart}>\n        {main}\n      </View>\n      {footer}\n    </Flex>\n  );\n\n  // Use a FocusTrap around the content if hasFocusTrap is true.\n  const childContent = hasFocusTrap ? (\n    <FocusTrap restoreFocusRef={false}>{sections}</FocusTrap>\n  ) : (\n    { sections }\n  );\n\n  return (\n    <div\n      aria-label={ariaLabel}\n      onKeyDown={hasFocusTrap ? handleKeyDown : undefined}\n      ref={contentRef}\n      role={role}\n      {...testIdProps}>\n      {childContent}\n    </div>\n  );\n};\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;AA8BA,MAAM,iBAAiB,GAAG,cAAc,CAAC;AAEzC;;;;;;AAMG;AACH,MAAM,yBAAyB,GAAG,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,IAAI,EAAS,KAAI;IACrF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAA6B,iBAAiB,CAAC,CAAC;IAC1F,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC;AAErD,IAAA,IAAI,UAAU,KAAK,MAAM,EAAE;QACzB,aAAa,CAAC,MAAM,CAAC,CAAC;;;;QAKtB,IAAI,CAAC,MAAM,EAAE;YACX,YAAY,CAAC,iBAAiB,CAAC,CAAC;SACjC;KACF;AACD,IAAA,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,YAA0B,KAAI;;;;AAI7B,QAAA,YAAY,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;;AAGrC,QAAA,UAAU,GAAG,YAAY,CAAC,CAAC;AAC7B,KAAC,EACD,CAAC,UAAU,EAAE,YAAY,CAAC,CAC3B,CAAC;IAEF,QACEA,IAAC,QAAQ,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAA,GAAM,IAAI,EACjF,QAAA,EAAA,QAAQ,EACA,CAAA,EACX;AACJ;;ACsBA;;;;;AAKG;MACU,gBAAgB,GAAG,CAAC,EAC/B,YAAY,EAAE,SAAS,EACvB,UAAU,EAAE,OAAO,EACnB,GAAG,EACH,MAAM,EACN,YAAY,GAAG,KAAK,EACpB,MAAM,EACN,IAAI,EACJ,eAAe,GAAG,IAAI,EACtB,iBAAiB,GAAG,IAAI,EACxB,gBAAgB,GAAG,IAAI,EACvB,kBAAkB,GAAG,IAAI,EACzB,IAAI,EACJ,MAAM,EACA,KAAI;AACV,IAAA,MAAM,WAAW,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;AAEtC,IAAA,MAAM,IAAI,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;AAC1C,IAAA,MAAM,UAAU,GAAG,OAAO,IAAI,IAAI,CAAC;AAEnC,IAAA,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,KAAoB,KAAI;QACzD,IAAI,KAAK,CAAC,IAAI,KAAK,IAAI,CAAC,GAAG,EAAE;YAC3B,KAAK,CAAC,eAAe,EAAE,CAAC;SACzB;KACF,EAAE,EAAE,CAAC,CAAC;AAEP,IAAA,MAAM,QAAQ,IACZC,KAAC,IAAI,EAAA,EAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAE,GAAG,EAAA,QAAA,EAAA,CAC9B,MAAM,EACPD,GAAA,CAAC,IAAI,EACH,EAAA,eAAe,EAAE,eAAe,EAChC,iBAAiB,EAAE,iBAAiB,EACpC,gBAAgB,EAAE,gBAAgB,EAClC,kBAAkB,EAAE,kBAAkB,YACrC,IAAI,EAAA,CACA,EACN,MAAM,CAAA,EAAA,CACF,CACR,CAAC;;IAGF,MAAM,YAAY,GAAG,YAAY,IAC/BA,GAAA,CAAC,SAAS,EAAA,EAAC,eAAe,EAAE,KAAK,EAAG,QAAA,EAAA,QAAQ,EAAa,CAAA,KAEzD,EAAE,QAAQ,EAAE,CACb,CAAC;AAEF,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAAA,YAAA,EACc,SAAS,EACrB,SAAS,EAAE,YAAY,GAAG,aAAa,GAAG,SAAS,EACnD,GAAG,EAAE,UAAU,EACf,IAAI,EAAE,IAAI,EAAA,GACN,WAAW,EAAA,QAAA,EACd,YAAY,EAAA,CACT,EACN;AACJ;;;;"}

package/es/{SelectMultiple-c5513e08.js → SelectMultiple-fd3ea6f8.js}

@@ -7,7 +7,7 @@ import { T as TextFieldInput } from './TextFieldInput-3c39cb7b.js';
 import './ObfuscatedTextFieldInputStyles.styles.css';
 import { R as ReadonlyTextFieldInput } from './ReadonlyTextFieldInput-4392c7aa.js';
 import { R as ReadonlyTextField } from './StyledTextField-c79f5438.js';
-import { F as Flex } from './Flex-24628925.js';
+import { F as Flex } from './Flex-5ff5aa5e.js';
 import './FormContext-4d71f9c7.js';
 import { u as useFormContext } from './useFormContext-875cacd7.js';
 import { F as FormFieldContext } from './FormFieldContext-68eb5946.js';
@@ -31,8 +31,8 @@ import './CheckboxStyles.styles.css';
 import './UNSAFE_Checkbox/themes/redwood/CheckboxBaseTheme.styles.css';
 import './UNSAFE_Checkbox/themes/redwood/CheckboxVariants.css.js';
 import './InputGroupContext-20bdbd6e.js';
-import './LayerHost-45f545d7.js';
-import { u as useTranslationBundle } from './useTranslationBundle-cd815e10.js';
+import './LayerHost-aaed41a1.js';
+import { u as useTranslationBundle } from './useTranslationBundle-e8a8c4f3.js';
 import './LiveRegionStyles.styles.css';
 import { T as TabbableModeContext } from './TabbableModeContext-7d8ad946.js';
 import './UserAssistanceStyles.styles.css';
@@ -40,17 +40,17 @@ import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.styles.cs
 import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css.js';
 import { a as InlineUserAssistance } from './InlineUserAssistance-bb690d93.js';
 import { C as CompactUserAssistance } from './CompactUserAssistance-41c32c6f.js';
-import './useTooltipControlled-2044f639.js';
+import './useTooltipControlled-eafec36e.js';
 import { Fragment as Fragment$1 } from 'preact';
 import './IconStyle.styles.css';
-import './Popup-8889a781.js';
+import './Popup-6288438d.js';
 import './HiddenAccessibleStyles.styles.css';
 import './UNSAFE_Popup/themes/redwood/PopupBaseTheme.styles.css';
 import './UNSAFE_Popup/themes/redwood/PopupVariants.css.js';
 import { u as useFocusableTextField } from './useFocusableTextField-1cdf65e0.js';
 import { u as useLoadingIndicatorTimer } from './useLoadingIndicatorTimer-898d4e3e.js';
 import { u as useTextField } from './useTextField-f57cfb8d.js';
-import { d as DropdownUserAssistance, E as EmptyResults, D as DefaultList, L as LinkItem, a as Dropdown, c as DropdownList, b as DropdownArrow, p as preventDefault, r as renderItemText, l as isSearchTextEmptyOrUndefined, S as SelectMobileDropdown, u as useSelectCommon, k as isBeforeDataFetch, h as isPhone, g as isMobile, j as isTablet, f as SelectMobileFieldInput } from './useSelectCommon-5f61b9ee.js';
+import { d as DropdownUserAssistance, E as EmptyResults, D as DefaultList, L as LinkItem, a as Dropdown, c as DropdownList, b as DropdownArrow, p as preventDefault, r as renderItemText, l as isSearchTextEmptyOrUndefined, S as SelectMobileDropdown, u as useSelectCommon, k as isBeforeDataFetch, h as isPhone, g as isMobile, j as isTablet, f as SelectMobileFieldInput } from './useSelectCommon-b6d67057.js';
 import './useAccessibleContext-5744de8b.js';
 import './textAlign-ad252afa.js';
 import { u as useFormFieldContext } from './useFormFieldContext-626574fd.js';
@@ -62,7 +62,7 @@ import { C as Chip } from './Chip-2c86a76f.js';
 import { I as IconButton } from './IconButton-37310d21.js';
 import { S as SvgNavLeft, a as SvgCancelS } from './CancelS-90fa1514.js';
 import { u as useFocusWithin } from './useFocusWithin-30b1e2d8.js';
-import { u as useUser } from './useUser-99920e02.js';
+import { u as useUser } from './useUser-fb09e212.js';
 import { b as isBackspaceOrDelete, a as isSelectAll, K as KEYS, i as isControlOrFunctionKey } from './keyboardUtils-4db21770.js';
 import { c as classNames } from './classNames-4e12b00d.js';
 import { d as dimensionInterpolations } from './dimensions-5229d942.js';
@@ -73,8 +73,8 @@ import { S as SvgClose } from './Close-97d45aca.js';
 import { u as useId } from './useId-03dbfdf0.js';
 import { textTagStyles } from './UNSAFE_SelectMultiple/themes/TextTagStyles.css.js';
 import { textTagListStyles } from './UNSAFE_SelectMultiple/themes/TextTagListStyles.css.js';
-import { L as LiveRegion } from './LiveRegion-81216fe6.js';
-import { V as View } from './View-6013acac.js';
+import { L as LiveRegion } from './LiveRegion-4646cd7d.js';
+import { V as View } from './View-4dc6ce42.js';
 import { mobileDropdownFooterStyles } from './UNSAFE_SelectMultiple/themes/MobileDropdownFooterStyles.css.js';
 import { B as Button } from './Button-50c5589f.js';
 import { u as useEffectEvent } from './useEffectEvent-e320381e.js';
@@ -1316,4 +1316,4 @@ const SelectMultiple = forwardRef(({ addToList = 'off', 'aria-describedby': prop
 });
 
 export { SelectMultiple as S };
-//# sourceMappingURL=SelectMultiple-c5513e08.js.map
+//# sourceMappingURL=SelectMultiple-fd3ea6f8.js.map