@cloudscape-design/components 3.0.360 → 3.0.362

package/internal/generated/theming/index.cjs

@@ -6900,8 +6900,8 @@ module.exports.preset = {
             "dark": "{colorGrey100}"
           },
           "colorBorderDividerDefault": {
-            "light": "{colorGrey200}",
-            "dark": "{colorGrey600}"
+            "light": "{colorTextButtonNormalDefault}",
+            "dark": "{colorTextButtonNormalDefault}"
           },
           "colorBorderDividerPanelBottom": {
             "light": "{colorBorderDividerDefault}",
@@ -7228,12 +7228,12 @@ module.exports.preset = {
             "dark": "{colorGrey300}"
           },
           "colorTextExpandableSectionDefault": {
-            "light": "{colorTextInteractiveActive}",
-            "dark": "{colorTextInteractiveActive}"
+            "light": "{colorTextButtonNormalDefault}",
+            "dark": "{colorTextButtonNormalDefault}"
           },
           "colorTextExpandableSectionHover": {
-            "light": "{colorTextAccent}",
-            "dark": "{colorTextAccent}"
+            "light": "{colorTextButtonNormalHover}",
+            "dark": "{colorTextButtonNormalHover}"
           },
           "colorTextExpandableSectionNavigationIconDefault": {
             "light": "{colorTextInteractiveDefault}",
@@ -7450,7 +7450,9 @@ module.exports.preset = {
           "colorDropzoneTextHover": {
             "light": "{colorBlue800}",
             "dark": "{colorWhite}"
-          }
+          },
+          "fontExpandableHeadingSize": "14px",
+          "borderDividerSectionWidth": "1px"
         }
       },
       "alert-header": {
@@ -7834,8 +7836,8 @@ module.exports.preset = {
             "dark": "{colorGrey100}"
           },
           "colorBorderDividerDefault": {
-            "light": "{colorGrey600}",
-            "dark": "{colorGrey600}"
+            "light": "{colorTextButtonNormalDefault}",
+            "dark": "{colorTextButtonNormalDefault}"
           },
           "colorBorderDividerPanelBottom": {
             "light": "{colorGreyTransparent}",
@@ -8162,12 +8164,12 @@ module.exports.preset = {
             "dark": "{colorGrey300}"
           },
           "colorTextExpandableSectionDefault": {
-            "light": "{colorTextInteractiveActive}",
-            "dark": "{colorTextInteractiveActive}"
+            "light": "{colorTextButtonNormalDefault}",
+            "dark": "{colorTextButtonNormalDefault}"
           },
           "colorTextExpandableSectionHover": {
-            "light": "{colorTextAccent}",
-            "dark": "{colorTextAccent}"
+            "light": "{colorTextButtonNormalHover}",
+            "dark": "{colorTextButtonNormalHover}"
           },
           "colorTextExpandableSectionNavigationIconDefault": {
             "light": "{colorTextInteractiveDefault}",
@@ -10402,12 +10404,12 @@ module.exports.preset = {
     "colorBorderControlDefault": "--color-border-control-default-0fzxw0",
     "colorBorderControlDisabled": "--color-border-control-disabled-bv2kkn",
     "colorBorderDividerActive": "--color-border-divider-active-k4haaf",
-    "colorBorderDividerDefault": "--color-border-divider-default-d3adp9",
-    "colorBorderDividerPanelBottom": "--color-border-divider-panel-bottom-s8zdda",
-    "colorBorderDividerPanelSide": "--color-border-divider-panel-side-ompdsw",
+    "colorBorderDividerDefault": "--color-border-divider-default-et9j7s",
+    "colorBorderDividerPanelBottom": "--color-border-divider-panel-bottom-16n9vt",
+    "colorBorderDividerPanelSide": "--color-border-divider-panel-side-qqne3x",
     "colorBorderDropdownContainer": "--color-border-dropdown-container-5boaph",
-    "colorBorderDropdownGroup": "--color-border-dropdown-group-c2r4dp",
-    "colorBorderDropdownItemDefault": "--color-border-dropdown-item-default-rgr5b2",
+    "colorBorderDropdownGroup": "--color-border-dropdown-group-zgquz8",
+    "colorBorderDropdownItemDefault": "--color-border-dropdown-item-default-dofu99",
     "colorBorderDropdownItemHover": "--color-border-dropdown-item-hover-461g78",
     "colorBorderDropdownItemDimmedHover": "--color-border-dropdown-item-dimmed-hover-xdu0hf",
     "colorBorderDropdownItemSelected": "--color-border-dropdown-item-selected-096aj1",
@@ -10484,8 +10486,8 @@ module.exports.preset = {
     "colorTextDropdownItemSecondary": "--color-text-dropdown-item-secondary-jho0ju",
     "colorTextDropdownItemSecondaryHover": "--color-text-dropdown-item-secondary-hover-zfmqjr",
     "colorTextEmpty": "--color-text-empty-2wfcyr",
-    "colorTextExpandableSectionDefault": "--color-text-expandable-section-default-jh4jdf",
-    "colorTextExpandableSectionHover": "--color-text-expandable-section-hover-pfe4fw",
+    "colorTextExpandableSectionDefault": "--color-text-expandable-section-default-lm3qgp",
+    "colorTextExpandableSectionHover": "--color-text-expandable-section-hover-2d1zpj",
     "colorTextExpandableSectionNavigationIconDefault": "--color-text-expandable-section-navigation-icon-default-htcovl",
     "colorTextFormDefault": "--color-text-form-default-vh42kd",
     "colorTextFormLabel": "--color-text-form-label-ktbzsd",
@@ -10552,7 +10554,7 @@ module.exports.preset = {
     "fontDisplayLLineHeight": "--font-display-l-line-height-07o0h7",
     "fontDisplayLSize": "--font-display-l-size-0u12dn",
     "fontDisplayLabelWeight": "--font-display-label-weight-815ja9",
-    "fontExpandableHeadingSize": "--font-expandable-heading-size-93i095",
+    "fontExpandableHeadingSize": "--font-expandable-heading-size-smdiul",
     "fontFamilyBase": "--font-family-base-dnvic8",
     "fontFamilyMonospace": "--font-family-monospace-bftdwf",
     "fontHeaderH2DescriptionLineHeight": "--font-header-h2-description-line-height-rtewek",
@@ -10589,13 +10591,13 @@ module.exports.preset = {
     "fontWayfindingLinkActiveWeight": "--font-wayfinding-link-active-weight-rbmzei",
     "fontWeightHeavy": "--font-weight-heavy-cqd9pv",
     "borderActiveWidth": "--border-active-width-9dmqf4",
-    "borderCodeEditorStatusDividerWidth": "--border-code-editor-status-divider-width-stg9sc",
+    "borderCodeEditorStatusDividerWidth": "--border-code-editor-status-divider-width-6zj7o8",
     "borderContainerStickyWidth": "--border-container-sticky-width-6asz33",
     "borderContainerTopWidth": "--border-container-top-width-uugwwl",
     "borderControlFocusRingShadowSpread": "--border-control-focus-ring-shadow-spread-0ctpjf",
     "borderControlInvalidFocusRingShadowSpread": "--border-control-invalid-focus-ring-shadow-spread-fhmbjn",
     "borderDividerListWidth": "--border-divider-list-width-27y3k5",
-    "borderDividerSectionWidth": "--border-divider-section-width-4ax5o2",
+    "borderDividerSectionWidth": "--border-divider-section-width-8a5uu9",
     "borderDropdownVirtualOffsetWidth": "--border-dropdown-virtual-offset-width-kekgc0",
     "borderFieldWidth": "--border-field-width-09w7vk",
     "borderInvalidWidth": "--border-invalid-width-5ktjp2",

package/internal/generated/theming/index.js

@@ -6900,8 +6900,8 @@ export var preset = {
             "dark": "{colorGrey100}"
           },
           "colorBorderDividerDefault": {
-            "light": "{colorGrey200}",
-            "dark": "{colorGrey600}"
+            "light": "{colorTextButtonNormalDefault}",
+            "dark": "{colorTextButtonNormalDefault}"
           },
           "colorBorderDividerPanelBottom": {
             "light": "{colorBorderDividerDefault}",
@@ -7228,12 +7228,12 @@ export var preset = {
             "dark": "{colorGrey300}"
           },
           "colorTextExpandableSectionDefault": {
-            "light": "{colorTextInteractiveActive}",
-            "dark": "{colorTextInteractiveActive}"
+            "light": "{colorTextButtonNormalDefault}",
+            "dark": "{colorTextButtonNormalDefault}"
           },
           "colorTextExpandableSectionHover": {
-            "light": "{colorTextAccent}",
-            "dark": "{colorTextAccent}"
+            "light": "{colorTextButtonNormalHover}",
+            "dark": "{colorTextButtonNormalHover}"
           },
           "colorTextExpandableSectionNavigationIconDefault": {
             "light": "{colorTextInteractiveDefault}",
@@ -7450,7 +7450,9 @@ export var preset = {
           "colorDropzoneTextHover": {
             "light": "{colorBlue800}",
             "dark": "{colorWhite}"
-          }
+          },
+          "fontExpandableHeadingSize": "14px",
+          "borderDividerSectionWidth": "1px"
         }
       },
       "alert-header": {
@@ -7834,8 +7836,8 @@ export var preset = {
             "dark": "{colorGrey100}"
           },
           "colorBorderDividerDefault": {
-            "light": "{colorGrey600}",
-            "dark": "{colorGrey600}"
+            "light": "{colorTextButtonNormalDefault}",
+            "dark": "{colorTextButtonNormalDefault}"
           },
           "colorBorderDividerPanelBottom": {
             "light": "{colorGreyTransparent}",
@@ -8162,12 +8164,12 @@ export var preset = {
             "dark": "{colorGrey300}"
           },
           "colorTextExpandableSectionDefault": {
-            "light": "{colorTextInteractiveActive}",
-            "dark": "{colorTextInteractiveActive}"
+            "light": "{colorTextButtonNormalDefault}",
+            "dark": "{colorTextButtonNormalDefault}"
           },
           "colorTextExpandableSectionHover": {
-            "light": "{colorTextAccent}",
-            "dark": "{colorTextAccent}"
+            "light": "{colorTextButtonNormalHover}",
+            "dark": "{colorTextButtonNormalHover}"
           },
           "colorTextExpandableSectionNavigationIconDefault": {
             "light": "{colorTextInteractiveDefault}",
@@ -10402,12 +10404,12 @@ export var preset = {
     "colorBorderControlDefault": "--color-border-control-default-0fzxw0",
     "colorBorderControlDisabled": "--color-border-control-disabled-bv2kkn",
     "colorBorderDividerActive": "--color-border-divider-active-k4haaf",
-    "colorBorderDividerDefault": "--color-border-divider-default-d3adp9",
-    "colorBorderDividerPanelBottom": "--color-border-divider-panel-bottom-s8zdda",
-    "colorBorderDividerPanelSide": "--color-border-divider-panel-side-ompdsw",
+    "colorBorderDividerDefault": "--color-border-divider-default-et9j7s",
+    "colorBorderDividerPanelBottom": "--color-border-divider-panel-bottom-16n9vt",
+    "colorBorderDividerPanelSide": "--color-border-divider-panel-side-qqne3x",
     "colorBorderDropdownContainer": "--color-border-dropdown-container-5boaph",
-    "colorBorderDropdownGroup": "--color-border-dropdown-group-c2r4dp",
-    "colorBorderDropdownItemDefault": "--color-border-dropdown-item-default-rgr5b2",
+    "colorBorderDropdownGroup": "--color-border-dropdown-group-zgquz8",
+    "colorBorderDropdownItemDefault": "--color-border-dropdown-item-default-dofu99",
     "colorBorderDropdownItemHover": "--color-border-dropdown-item-hover-461g78",
     "colorBorderDropdownItemDimmedHover": "--color-border-dropdown-item-dimmed-hover-xdu0hf",
     "colorBorderDropdownItemSelected": "--color-border-dropdown-item-selected-096aj1",
@@ -10484,8 +10486,8 @@ export var preset = {
     "colorTextDropdownItemSecondary": "--color-text-dropdown-item-secondary-jho0ju",
     "colorTextDropdownItemSecondaryHover": "--color-text-dropdown-item-secondary-hover-zfmqjr",
     "colorTextEmpty": "--color-text-empty-2wfcyr",
-    "colorTextExpandableSectionDefault": "--color-text-expandable-section-default-jh4jdf",
-    "colorTextExpandableSectionHover": "--color-text-expandable-section-hover-pfe4fw",
+    "colorTextExpandableSectionDefault": "--color-text-expandable-section-default-lm3qgp",
+    "colorTextExpandableSectionHover": "--color-text-expandable-section-hover-2d1zpj",
     "colorTextExpandableSectionNavigationIconDefault": "--color-text-expandable-section-navigation-icon-default-htcovl",
     "colorTextFormDefault": "--color-text-form-default-vh42kd",
     "colorTextFormLabel": "--color-text-form-label-ktbzsd",
@@ -10552,7 +10554,7 @@ export var preset = {
     "fontDisplayLLineHeight": "--font-display-l-line-height-07o0h7",
     "fontDisplayLSize": "--font-display-l-size-0u12dn",
     "fontDisplayLabelWeight": "--font-display-label-weight-815ja9",
-    "fontExpandableHeadingSize": "--font-expandable-heading-size-93i095",
+    "fontExpandableHeadingSize": "--font-expandable-heading-size-smdiul",
     "fontFamilyBase": "--font-family-base-dnvic8",
     "fontFamilyMonospace": "--font-family-monospace-bftdwf",
     "fontHeaderH2DescriptionLineHeight": "--font-header-h2-description-line-height-rtewek",
@@ -10589,13 +10591,13 @@ export var preset = {
     "fontWayfindingLinkActiveWeight": "--font-wayfinding-link-active-weight-rbmzei",
     "fontWeightHeavy": "--font-weight-heavy-cqd9pv",
     "borderActiveWidth": "--border-active-width-9dmqf4",
-    "borderCodeEditorStatusDividerWidth": "--border-code-editor-status-divider-width-stg9sc",
+    "borderCodeEditorStatusDividerWidth": "--border-code-editor-status-divider-width-6zj7o8",
     "borderContainerStickyWidth": "--border-container-sticky-width-6asz33",
     "borderContainerTopWidth": "--border-container-top-width-uugwwl",
     "borderControlFocusRingShadowSpread": "--border-control-focus-ring-shadow-spread-0ctpjf",
     "borderControlInvalidFocusRingShadowSpread": "--border-control-invalid-focus-ring-shadow-spread-fhmbjn",
     "borderDividerListWidth": "--border-divider-list-width-27y3k5",
-    "borderDividerSectionWidth": "--border-divider-section-width-4ax5o2",
+    "borderDividerSectionWidth": "--border-divider-section-width-8a5uu9",
     "borderDropdownVirtualOffsetWidth": "--border-dropdown-virtual-offset-width-kekgc0",
     "borderFieldWidth": "--border-field-width-09w7vk",
     "borderInvalidWidth": "--border-invalid-width-5ktjp2",

package/internal/hooks/container-queries/index.d.ts

@@ -1,3 +1,2 @@
 export * from './use-container-breakpoints';
-export * from './use-resize-observer';
 //# sourceMappingURL=index.d.ts.map

package/internal/hooks/container-queries/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["internal/hooks/container-queries/index.ts"],"names":[],"mappings":"AAGA,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["internal/hooks/container-queries/index.ts"],"names":[],"mappings":"AAGA,cAAc,6BAA6B,CAAC"}

package/internal/hooks/container-queries/index.js

@@ -1,5 +1,4 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 export * from './use-container-breakpoints';
-export * from './use-resize-observer';
 //# sourceMappingURL=index.js.map

package/internal/hooks/container-queries/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/hooks/container-queries/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nexport * from './use-container-breakpoints';\nexport * from './use-resize-observer';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/hooks/container-queries/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,cAAc,6BAA6B,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nexport * from './use-container-breakpoints';\n"]}

package/internal/hooks/container-queries/use-height-measure.js

@@ -1,7 +1,7 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
+import { useResizeObserver } from '@cloudscape-design/component-toolkit/internal';
 import { useCallback, useState } from 'react';
-import { useResizeObserver } from './use-resize-observer';
 /**
  * Conditional resize observer for border box height used in charts.
  */

package/internal/hooks/container-queries/use-height-measure.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-height-measure.js","sourceRoot":"lib/default/","sources":["internal/hooks/container-queries/use-height-measure.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE1D;;GAEG;AACH,MAAM,UAAU,gBAAgB,CAC9B,UAAiD,EACjD,IAAI,GAAG,KAAK,EACZ,OAA6B,EAAE;IAE/B,MAAM,CAAC,cAAc,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAChD,uDAAuD;IACvD,MAAM,gBAAgB,GAAG,WAAW,CAAC,UAAU,EAAE,CAAC,GAAG,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC;IAClE,iBAAiB,CAAC,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,IAAI,IAAI,SAAS,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC;IACxF,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC;AAC5C,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { useCallback, useState } from 'react';\nimport { useResizeObserver } from './use-resize-observer';\n\n/**\n * Conditional resize observer for border box height used in charts.\n */\nexport function useHeightMeasure(\n  getMeasure: () => null | HTMLElement | SVGElement,\n  skip = false,\n  deps: React.DependencyList = []\n) {\n  const [measuredHeight, setHeight] = useState(0);\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const stableGetMeasure = useCallback(getMeasure, [...deps, skip]);\n  useResizeObserver(stableGetMeasure, entry => !skip && setHeight(entry.borderBoxHeight));\n  return !skip ? measuredHeight : undefined;\n}\n"]}
+{"version":3,"file":"use-height-measure.js","sourceRoot":"lib/default/","sources":["internal/hooks/container-queries/use-height-measure.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;AAClF,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE9C;;GAEG;AACH,MAAM,UAAU,gBAAgB,CAC9B,UAAiD,EACjD,IAAI,GAAG,KAAK,EACZ,OAA6B,EAAE;IAE/B,MAAM,CAAC,cAAc,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAChD,uDAAuD;IACvD,MAAM,gBAAgB,GAAG,WAAW,CAAC,UAAU,EAAE,CAAC,GAAG,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC;IAClE,iBAAiB,CAAC,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,IAAI,IAAI,SAAS,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC;IACxF,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC;AAC5C,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { useResizeObserver } from '@cloudscape-design/component-toolkit/internal';\nimport { useCallback, useState } from 'react';\n\n/**\n * Conditional resize observer for border box height used in charts.\n */\nexport function useHeightMeasure(\n  getMeasure: () => null | HTMLElement | SVGElement,\n  skip = false,\n  deps: React.DependencyList = []\n) {\n  const [measuredHeight, setHeight] = useState(0);\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const stableGetMeasure = useCallback(getMeasure, [...deps, skip]);\n  useResizeObserver(stableGetMeasure, entry => !skip && setHeight(entry.borderBoxHeight));\n  return !skip ? measuredHeight : undefined;\n}\n"]}

package/internal/hooks/use-dynamic-overlap/index.js

@@ -3,7 +3,7 @@
 import { useContext, useLayoutEffect } from 'react';
 import { DynamicOverlapContext } from '../../context/dynamic-overlap-context';
 import { useRef, useCallback } from 'react';
-import { useResizeObserver } from '../container-queries';
+import { useResizeObserver } from '@cloudscape-design/component-toolkit/internal';
 /**
  * Observes the height of an element referenced by the returning ref and sets the value as overlapping
  * height for the surrounding AppLayout component.

package/internal/hooks/use-dynamic-overlap/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/hooks/use-dynamic-overlap/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,qBAAqB,EAAE,MAAM,uCAAuC,CAAC;AAC9E,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAUzD;;;;;GAKG;AACH,MAAM,UAAU,iBAAiB,CAAC,KAA8B;;IAC9D,MAAM,QAAQ,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,mCAAI,KAAK,CAAC;IAC1C,MAAM,uBAAuB,GAAG,UAAU,CAAC,qBAAqB,CAAC,CAAC;IAClE,MAAM,iBAAiB,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAEvC,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC,OAAO,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC;IACrF,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,KAA0B,EAAE,EAAE;QAC7B,IAAI,CAAC,QAAQ,EAAE;YACb,uBAAuB,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC;SACjD;IACH,CAAC,EACD,CAAC,QAAQ,EAAE,uBAAuB,CAAC,CACpC,CAAC;IAEF,iBAAiB,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC;IAE3C,eAAe,CACb,SAAS,0BAA0B;QACjC,+CAA+C;QAC/C,OAAO,GAAG,EAAE;YACV,IAAI,CAAC,QAAQ,EAAE;gBACb,uBAAuB,CAAC,CAAC,CAAC,CAAC;aAC5B;QACH,CAAC,CAAC;IACJ,CAAC,EACD,CAAC,QAAQ,EAAE,uBAAuB,CAAC,CACpC,CAAC;IAEF,OAAO,iBAAiB,CAAC;AAC3B,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useContext, useLayoutEffect } from 'react';\n\nimport { DynamicOverlapContext } from '../../context/dynamic-overlap-context';\nimport { useRef, useCallback } from 'react';\nimport { useResizeObserver } from '../container-queries';\nimport { ContainerQueryEntry } from '@cloudscape-design/component-toolkit';\n\nexport interface UseDynamicOverlapProps {\n  /**\n   * Disables hook if not needed. By default, `false`.\n   */\n  disabled?: boolean;\n}\n\n/**\n * Observes the height of an element referenced by the returning ref and sets the value as overlapping\n * height for the surrounding AppLayout component.\n * @param props.disabled disables hook if not applicable\n * @returns ref to be measured as overlapping height\n */\nexport function useDynamicOverlap(props?: UseDynamicOverlapProps) {\n  const disabled = props?.disabled ?? false;\n  const setDynamicOverlapHeight = useContext(DynamicOverlapContext);\n  const overlapElementRef = useRef(null);\n\n  const getElement = useCallback(() => overlapElementRef.current, [overlapElementRef]);\n  const updateState = useCallback(\n    (entry: ContainerQueryEntry) => {\n      if (!disabled) {\n        setDynamicOverlapHeight(entry.contentBoxHeight);\n      }\n    },\n    [disabled, setDynamicOverlapHeight]\n  );\n\n  useResizeObserver(getElement, updateState);\n\n  useLayoutEffect(\n    function handleDynamicOverlapHeight() {\n      // Set overlap height back to 0 when unmounting\n      return () => {\n        if (!disabled) {\n          setDynamicOverlapHeight(0);\n        }\n      };\n    },\n    [disabled, setDynamicOverlapHeight]\n  );\n\n  return overlapElementRef;\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/hooks/use-dynamic-overlap/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,qBAAqB,EAAE,MAAM,uCAAuC,CAAC;AAC9E,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;AASlF;;;;;GAKG;AACH,MAAM,UAAU,iBAAiB,CAAC,KAA8B;;IAC9D,MAAM,QAAQ,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,mCAAI,KAAK,CAAC;IAC1C,MAAM,uBAAuB,GAAG,UAAU,CAAC,qBAAqB,CAAC,CAAC;IAClE,MAAM,iBAAiB,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAEvC,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC,OAAO,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC;IACrF,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,KAA0B,EAAE,EAAE;QAC7B,IAAI,CAAC,QAAQ,EAAE;YACb,uBAAuB,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC;SACjD;IACH,CAAC,EACD,CAAC,QAAQ,EAAE,uBAAuB,CAAC,CACpC,CAAC;IAEF,iBAAiB,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC;IAE3C,eAAe,CACb,SAAS,0BAA0B;QACjC,+CAA+C;QAC/C,OAAO,GAAG,EAAE;YACV,IAAI,CAAC,QAAQ,EAAE;gBACb,uBAAuB,CAAC,CAAC,CAAC,CAAC;aAC5B;QACH,CAAC,CAAC;IACJ,CAAC,EACD,CAAC,QAAQ,EAAE,uBAAuB,CAAC,CACpC,CAAC;IAEF,OAAO,iBAAiB,CAAC;AAC3B,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useContext, useLayoutEffect } from 'react';\n\nimport { DynamicOverlapContext } from '../../context/dynamic-overlap-context';\nimport { useRef, useCallback } from 'react';\nimport { ContainerQueryEntry } from '@cloudscape-design/component-toolkit';\nimport { useResizeObserver } from '@cloudscape-design/component-toolkit/internal';\n\nexport interface UseDynamicOverlapProps {\n  /**\n   * Disables hook if not needed. By default, `false`.\n   */\n  disabled?: boolean;\n}\n\n/**\n * Observes the height of an element referenced by the returning ref and sets the value as overlapping\n * height for the surrounding AppLayout component.\n * @param props.disabled disables hook if not applicable\n * @returns ref to be measured as overlapping height\n */\nexport function useDynamicOverlap(props?: UseDynamicOverlapProps) {\n  const disabled = props?.disabled ?? false;\n  const setDynamicOverlapHeight = useContext(DynamicOverlapContext);\n  const overlapElementRef = useRef(null);\n\n  const getElement = useCallback(() => overlapElementRef.current, [overlapElementRef]);\n  const updateState = useCallback(\n    (entry: ContainerQueryEntry) => {\n      if (!disabled) {\n        setDynamicOverlapHeight(entry.contentBoxHeight);\n      }\n    },\n    [disabled, setDynamicOverlapHeight]\n  );\n\n  useResizeObserver(getElement, updateState);\n\n  useLayoutEffect(\n    function handleDynamicOverlapHeight() {\n      // Set overlap height back to 0 when unmounting\n      return () => {\n        if (!disabled) {\n          setDynamicOverlapHeight(0);\n        }\n      };\n    },\n    [disabled, setDynamicOverlapHeight]\n  );\n\n  return overlapElementRef;\n}\n"]}

package/internal/hooks/use-mobile/index.js

@@ -1,7 +1,7 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
+import { createSingletonState } from '@cloudscape-design/component-toolkit/internal';
 import { getMatchingBreakpoint, mobileBreakpoint } from '../../breakpoints';
-import { createSingletonState } from '../use-singleton-handler';
 function getIsMobile() {
     if (typeof window === 'undefined') {
         // assume desktop in server-rendering

package/internal/hooks/use-mobile/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/hooks/use-mobile/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAC5E,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAEhE,SAAS,WAAW;IAClB,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;QACjC,qCAAqC;QACrC,OAAO,KAAK,CAAC;KACd;IAED,IAAI,MAAM,CAAC,UAAU,EAAE;QACrB;;;;;;WAMG;QACH,OAAO,MAAM,CAAC,UAAU,CAAC,eAAe,gBAAgB,KAAK,CAAC,CAAC,OAAO,CAAC;KACxE;IAED,OAAO,qBAAqB,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC,IAAI,CAAC,CAAC,KAAK,IAAI,CAAC;AACnE,CAAC;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,oBAAoB,CAAU;IACrD,YAAY,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE;IACjC,OAAO,EAAE,OAAO,CAAC,EAAE;QACjB,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC;QAC9C,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QAC5C,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QACjD,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { getMatchingBreakpoint, mobileBreakpoint } from '../../breakpoints';\nimport { createSingletonState } from '../use-singleton-handler';\n\nfunction getIsMobile() {\n  if (typeof window === 'undefined') {\n    // assume desktop in server-rendering\n    return false;\n  }\n\n  if (window.matchMedia) {\n    /**\n     * Some browsers include the scrollbar width in their media query calculations, but\n     * some browsers don't. Thus we can't use `window.innerWidth` or\n     * `document.documentElement.clientWidth` to get a very accurate result (since we\n     * wouldn't know which one of them to use).\n     * Instead, we use the media query here in JS too.\n     */\n    return window.matchMedia(`(max-width: ${mobileBreakpoint}px)`).matches;\n  }\n\n  return getMatchingBreakpoint(window.innerWidth, ['xs']) !== 'xs';\n}\n\nexport const useMobile = createSingletonState<boolean>({\n  initialState: () => getIsMobile(),\n  factory: handler => {\n    const listener = () => handler(getIsMobile());\n    window.addEventListener('resize', listener);\n    return () => {\n      window.removeEventListener('resize', listener);\n    };\n  },\n});\n"]}
+{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/hooks/use-mobile/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,oBAAoB,EAAE,MAAM,+CAA+C,CAAC;AACrF,OAAO,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAE5E,SAAS,WAAW;IAClB,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;QACjC,qCAAqC;QACrC,OAAO,KAAK,CAAC;KACd;IAED,IAAI,MAAM,CAAC,UAAU,EAAE;QACrB;;;;;;WAMG;QACH,OAAO,MAAM,CAAC,UAAU,CAAC,eAAe,gBAAgB,KAAK,CAAC,CAAC,OAAO,CAAC;KACxE;IAED,OAAO,qBAAqB,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC,IAAI,CAAC,CAAC,KAAK,IAAI,CAAC;AACnE,CAAC;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,oBAAoB,CAAU;IACrD,YAAY,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE;IACjC,OAAO,EAAE,OAAO,CAAC,EAAE;QACjB,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC;QAC9C,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QAC5C,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QACjD,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { createSingletonState } from '@cloudscape-design/component-toolkit/internal';\nimport { getMatchingBreakpoint, mobileBreakpoint } from '../../breakpoints';\n\nfunction getIsMobile() {\n  if (typeof window === 'undefined') {\n    // assume desktop in server-rendering\n    return false;\n  }\n\n  if (window.matchMedia) {\n    /**\n     * Some browsers include the scrollbar width in their media query calculations, but\n     * some browsers don't. Thus we can't use `window.innerWidth` or\n     * `document.documentElement.clientWidth` to get a very accurate result (since we\n     * wouldn't know which one of them to use).\n     * Instead, we use the media query here in JS too.\n     */\n    return window.matchMedia(`(max-width: ${mobileBreakpoint}px)`).matches;\n  }\n\n  return getMatchingBreakpoint(window.innerWidth, ['xs']) !== 'xs';\n}\n\nexport const useMobile = createSingletonState<boolean>({\n  initialState: () => getIsMobile(),\n  factory: handler => {\n    const listener = () => handler(getIsMobile());\n    window.addEventListener('resize', listener);\n    return () => {\n      window.removeEventListener('resize', listener);\n    };\n  },\n});\n"]}

package/internal/hooks/use-mouse-down-target.js

@@ -1,7 +1,7 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
+import { createSingletonHandler } from '@cloudscape-design/component-toolkit/internal';
 import { useRef } from 'react';
-import { createSingletonHandler } from './use-singleton-handler';
 const useEventListenersSingleton = createSingletonHandler(setTarget => {
     function handleMouseDown(event) {
         setTarget(event.target);

package/internal/hooks/use-mouse-down-target.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-mouse-down-target.js","sourceRoot":"lib/default/","sources":["internal/hooks/use-mouse-down-target.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AAEjE,MAAM,0BAA0B,GAAG,sBAAsB,CAAc,SAAS,CAAC,EAAE;IACjF,SAAS,eAAe,CAAC,KAAiB;QACxC,SAAS,CAAC,KAAK,CAAC,MAAc,CAAC,CAAC;IAClC,CAAC;IACD,SAAS,aAAa;QACpB,SAAS,CAAC,IAAI,CAAC,CAAC;IAClB,CAAC;IACD,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;IACtD,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IAClD,OAAO,GAAG,EAAE;QACV,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;QACzD,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACvD,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,kBAAkB;IACxC,MAAM,kBAAkB,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IACrD,0BAA0B,CAAC,MAAM,CAAC,EAAE;QAClC,kBAAkB,CAAC,OAAO,GAAG,MAAM,CAAC;IACtC,CAAC,CAAC,CAAC;IACH,OAAO,GAAG,EAAE,CAAC,kBAAkB,CAAC,OAAO,CAAC;AAC1C,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { useRef } from 'react';\nimport { createSingletonHandler } from './use-singleton-handler';\n\nconst useEventListenersSingleton = createSingletonHandler<Node | null>(setTarget => {\n  function handleMouseDown(event: MouseEvent) {\n    setTarget(event.target as Node);\n  }\n  function handleKeyDown() {\n    setTarget(null);\n  }\n  window.addEventListener('mousedown', handleMouseDown);\n  window.addEventListener('keydown', handleKeyDown);\n  return () => {\n    window.removeEventListener('mousedown', handleMouseDown);\n    window.removeEventListener('keydown', handleKeyDown);\n  };\n});\n\n/**\n * Captures last mouse down target and clears it on keydown.\n * @returns a callback to get the last detected mouse down target.\n */\nexport default function useMouseDownTarget() {\n  const mouseDownTargetRef = useRef<null | Node>(null);\n  useEventListenersSingleton(target => {\n    mouseDownTargetRef.current = target;\n  });\n  return () => mouseDownTargetRef.current;\n}\n"]}
+{"version":3,"file":"use-mouse-down-target.js","sourceRoot":"lib/default/","sources":["internal/hooks/use-mouse-down-target.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,sBAAsB,EAAE,MAAM,+CAA+C,CAAC;AACvF,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,MAAM,0BAA0B,GAAG,sBAAsB,CAAc,SAAS,CAAC,EAAE;IACjF,SAAS,eAAe,CAAC,KAAiB;QACxC,SAAS,CAAC,KAAK,CAAC,MAAc,CAAC,CAAC;IAClC,CAAC;IACD,SAAS,aAAa;QACpB,SAAS,CAAC,IAAI,CAAC,CAAC;IAClB,CAAC;IACD,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;IACtD,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IAClD,OAAO,GAAG,EAAE;QACV,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;QACzD,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACvD,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,kBAAkB;IACxC,MAAM,kBAAkB,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IACrD,0BAA0B,CAAC,MAAM,CAAC,EAAE;QAClC,kBAAkB,CAAC,OAAO,GAAG,MAAM,CAAC;IACtC,CAAC,CAAC,CAAC;IACH,OAAO,GAAG,EAAE,CAAC,kBAAkB,CAAC,OAAO,CAAC;AAC1C,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { createSingletonHandler } from '@cloudscape-design/component-toolkit/internal';\nimport { useRef } from 'react';\n\nconst useEventListenersSingleton = createSingletonHandler<Node | null>(setTarget => {\n  function handleMouseDown(event: MouseEvent) {\n    setTarget(event.target as Node);\n  }\n  function handleKeyDown() {\n    setTarget(null);\n  }\n  window.addEventListener('mousedown', handleMouseDown);\n  window.addEventListener('keydown', handleKeyDown);\n  return () => {\n    window.removeEventListener('mousedown', handleMouseDown);\n    window.removeEventListener('keydown', handleKeyDown);\n  };\n});\n\n/**\n * Captures last mouse down target and clears it on keydown.\n * @returns a callback to get the last detected mouse down target.\n */\nexport default function useMouseDownTarget() {\n  const mouseDownTargetRef = useRef<null | Node>(null);\n  useEventListenersSingleton(target => {\n    mouseDownTargetRef.current = target;\n  });\n  return () => mouseDownTargetRef.current;\n}\n"]}

package/internal/hooks/use-mutation-observer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["internal/hooks/use-mutation-observer/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAUzC;;;;GAIG;AACH,wBAAgB,mBAAmB,CACjC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,EACxC,QAAQ,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,QAYzC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["internal/hooks/use-mutation-observer/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAoB,MAAM,OAAO,CAAC;AASzC;;;;GAIG;AACH,wBAAgB,mBAAmB,CACjC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,EACxC,QAAQ,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,QAYzC"}

package/internal/hooks/use-mutation-observer/index.js

@@ -1,8 +1,7 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 import { useEffect } from 'react';
-import { useStableEventHandler } from '../use-stable-event-handler';
-import { createSingletonHandler } from '../use-singleton-handler';
+import { createSingletonHandler, useStableCallback } from '@cloudscape-design/component-toolkit/internal';
 const useMutationSingleton = createSingletonHandler(handler => {
     const observer = new MutationObserver(() => handler());
     observer.observe(document.body, { attributes: true, subtree: true });
@@ -14,7 +13,7 @@ const useMutationSingleton = createSingletonHandler(handler => {
  * @deprecated The hook has performance implications. Consider alternatives.
  */
 export function useMutationObserver(elementRef, onChange) {
-    const handler = useStableEventHandler(() => {
+    const handler = useStableCallback(() => {
         if (elementRef.current) {
             onChange(elementRef.current);
         }

package/internal/hooks/use-mutation-observer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/hooks/use-mutation-observer/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAElE,MAAM,oBAAoB,GAAG,sBAAsB,CAAO,OAAO,CAAC,EAAE;IAClE,MAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC,GAAG,EAAE,CAAC,OAAO,EAAE,CAAC,CAAC;IACvD,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;IACrE,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;AACrC,CAAC,CAAC,CAAC;AAEH;;;;GAIG;AACH,MAAM,UAAU,mBAAmB,CACjC,UAAwC,EACxC,QAAwC;IAExC,MAAM,OAAO,GAAG,qBAAqB,CAAC,GAAG,EAAE;QACzC,IAAI,UAAU,CAAC,OAAO,EAAE;YACtB,QAAQ,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;SAC9B;IACH,CAAC,CAAC,CAAC;IACH,oBAAoB,CAAC,OAAO,CAAC,CAAC;IAE9B,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,EAAE,CAAC;IACZ,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;AAChB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect } from 'react';\nimport { useStableEventHandler } from '../use-stable-event-handler';\nimport { createSingletonHandler } from '../use-singleton-handler';\n\nconst useMutationSingleton = createSingletonHandler<void>(handler => {\n  const observer = new MutationObserver(() => handler());\n  observer.observe(document.body, { attributes: true, subtree: true });\n  return () => observer.disconnect();\n});\n\n/**\n * Fires onChange with the given target element as an argument every time any DOM node attribute changes.\n *\n * @deprecated The hook has performance implications. Consider alternatives.\n */\nexport function useMutationObserver(\n  elementRef: React.RefObject<HTMLElement>,\n  onChange: (element: HTMLElement) => void\n) {\n  const handler = useStableEventHandler(() => {\n    if (elementRef.current) {\n      onChange(elementRef.current);\n    }\n  });\n  useMutationSingleton(handler);\n\n  useEffect(() => {\n    handler();\n  }, [handler]);\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/hooks/use-mutation-observer/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;AAE1G,MAAM,oBAAoB,GAAG,sBAAsB,CAAO,OAAO,CAAC,EAAE;IAClE,MAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC,GAAG,EAAE,CAAC,OAAO,EAAE,CAAC,CAAC;IACvD,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;IACrE,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;AACrC,CAAC,CAAC,CAAC;AAEH;;;;GAIG;AACH,MAAM,UAAU,mBAAmB,CACjC,UAAwC,EACxC,QAAwC;IAExC,MAAM,OAAO,GAAG,iBAAiB,CAAC,GAAG,EAAE;QACrC,IAAI,UAAU,CAAC,OAAO,EAAE;YACtB,QAAQ,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;SAC9B;IACH,CAAC,CAAC,CAAC;IACH,oBAAoB,CAAC,OAAO,CAAC,CAAC;IAE9B,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,EAAE,CAAC;IACZ,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;AAChB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect } from 'react';\nimport { createSingletonHandler, useStableCallback } from '@cloudscape-design/component-toolkit/internal';\n\nconst useMutationSingleton = createSingletonHandler<void>(handler => {\n  const observer = new MutationObserver(() => handler());\n  observer.observe(document.body, { attributes: true, subtree: true });\n  return () => observer.disconnect();\n});\n\n/**\n * Fires onChange with the given target element as an argument every time any DOM node attribute changes.\n *\n * @deprecated The hook has performance implications. Consider alternatives.\n */\nexport function useMutationObserver(\n  elementRef: React.RefObject<HTMLElement>,\n  onChange: (element: HTMLElement) => void\n) {\n  const handler = useStableCallback(() => {\n    if (elementRef.current) {\n      onChange(elementRef.current);\n    }\n  });\n  useMutationSingleton(handler);\n\n  useEffect(() => {\n    handler();\n  }, [handler]);\n}\n"]}

package/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "3889d3eb7bc2a91cbfbd04c2155466df7fa2a9ec"
+  "commit": "0e1ee85bfe26214d14d9426715de264920c0ade7"
 }

package/modal/styles.css.js

@@ -1,28 +1,28 @@
 
     import './styles.scoped.css';
     export default {
-  "dialog": "awsui_dialog_1d2i7_oeue5_105",
-  "modal-slide-up": "awsui_modal-slide-up_1d2i7_oeue5_1",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1d2i7_oeue5_1",
-  "refresh": "awsui_refresh_1d2i7_oeue5_128",
-  "awsui-motion-scale-popup": "awsui_awsui-motion-scale-popup_1d2i7_oeue5_1",
-  "root": "awsui_root_1d2i7_oeue5_161",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_1d2i7_oeue5_1",
-  "hidden": "awsui_hidden_1d2i7_oeue5_226",
-  "focus-lock": "awsui_focus-lock_1d2i7_oeue5_230",
-  "small": "awsui_small_1d2i7_oeue5_248",
-  "medium": "awsui_medium_1d2i7_oeue5_251",
-  "large": "awsui_large_1d2i7_oeue5_254",
-  "max": "awsui_max_1d2i7_oeue5_257",
-  "breakpoint-xs": "awsui_breakpoint-xs_1d2i7_oeue5_257",
-  "container": "awsui_container_1d2i7_oeue5_262",
-  "content": "awsui_content_1d2i7_oeue5_281",
-  "no-paddings": "awsui_no-paddings_1d2i7_oeue5_284",
-  "header": "awsui_header_1d2i7_oeue5_288",
-  "header--text": "awsui_header--text_1d2i7_oeue5_295",
-  "footer": "awsui_footer_1d2i7_oeue5_299",
-  "footer--stuck": "awsui_footer--stuck_1d2i7_oeue5_307",
-  "dismiss-control": "awsui_dismiss-control_1d2i7_oeue5_316",
-  "modal-open": "awsui_modal-open_1d2i7_oeue5_320"
+  "dialog": "awsui_dialog_1d2i7_1ber5_105",
+  "modal-slide-up": "awsui_modal-slide-up_1d2i7_1ber5_1",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1d2i7_1ber5_1",
+  "refresh": "awsui_refresh_1d2i7_1ber5_128",
+  "awsui-motion-scale-popup": "awsui_awsui-motion-scale-popup_1d2i7_1ber5_1",
+  "root": "awsui_root_1d2i7_1ber5_161",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_1d2i7_1ber5_1",
+  "hidden": "awsui_hidden_1d2i7_1ber5_226",
+  "focus-lock": "awsui_focus-lock_1d2i7_1ber5_230",
+  "small": "awsui_small_1d2i7_1ber5_248",
+  "medium": "awsui_medium_1d2i7_1ber5_251",
+  "large": "awsui_large_1d2i7_1ber5_254",
+  "max": "awsui_max_1d2i7_1ber5_257",
+  "breakpoint-xs": "awsui_breakpoint-xs_1d2i7_1ber5_257",
+  "container": "awsui_container_1d2i7_1ber5_262",
+  "content": "awsui_content_1d2i7_1ber5_281",
+  "no-paddings": "awsui_no-paddings_1d2i7_1ber5_284",
+  "header": "awsui_header_1d2i7_1ber5_288",
+  "header--text": "awsui_header--text_1d2i7_1ber5_295",
+  "footer": "awsui_footer_1d2i7_1ber5_299",
+  "footer--stuck": "awsui_footer--stuck_1d2i7_1ber5_307",
+  "dismiss-control": "awsui_dismiss-control_1d2i7_1ber5_316",
+  "modal-open": "awsui_modal-open_1d2i7_1ber5_320"
 };