@salt-ds/core 1.37.1 → 1.37.3

package/dist-cjs/overlay/OverlayPanel.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('@floating-ui/react');
 var styles = require('@salt-ds/styles');
@@ -14,101 +12,7 @@ var useForkRef = require('../utils/useForkRef.js');
 require('../utils/useId.js');
 require('../salt-provider/SaltProvider.js');
 require('../viewport/ViewportProvider.js');
-require('../accordion/AccordionGroup.js');
-require('../accordion/AccordionPanel.js');
-require('../accordion/Accordion.js');
-require('../accordion/AccordionHeader.js');
-require('../aria-announcer/AriaAnnouncerContext.js');
-require('../avatar/Avatar.js');
-require('../badge/Badge.js');
-require('../banner/Banner.js');
-require('../banner/BannerActions.js');
-require('../banner/BannerContent.js');
-require('../border-item/BorderItem.js');
-require('../border-layout/BorderLayout.js');
-require('../breakpoints/BreakpointProvider.js');
-require('../button/Button.js');
-require('../card/Card.js');
-require('../checkbox/Checkbox.js');
-require('../checkbox/CheckboxGroup.js');
-require('@salt-ds/icons');
-require('../combo-box/ComboBox.js');
-require('../dialog/Dialog.js');
-require('../dialog/DialogHeader.js');
-require('../dialog/DialogActions.js');
-require('../dialog/DialogContent.js');
-require('../dialog/DialogContext.js');
-require('../dialog/DialogCloseButton.js');
-require('../divider/Divider.js');
-require('../drawer/Drawer.js');
-require('../drawer/DrawerCloseButton.js');
-require('../dropdown/Dropdown.js');
-require('../file-drop-zone/FileDropZone.js');
-require('../file-drop-zone/FileDropZoneIcon.js');
-require('../file-drop-zone/FileDropZoneTrigger.js');
-require('../flex-item/FlexItem.js');
-require('../flex-layout/FlexLayout.js');
-require('../flow-layout/FlowLayout.js');
-require('../form-field/FormField.js');
-require('../form-field-context/FormFieldContext.js');
-require('../status-indicator/StatusIndicator.js');
-require('../text/Text.js');
-require('../text/Code.js');
-require('../text/Display.js');
-require('../text/Headings.js');
-require('../text/Label.js');
-require('../text/TextAction.js');
-require('../text/TextNotation.js');
-require('../grid-item/GridItem.js');
-require('../grid-layout/GridLayout.js');
-require('../input/Input.js');
-require('../interactable-card/InteractableCard.js');
-require('../interactable-card/InteractableCardGroup.js');
-require('../interactable-card/InteractableCardGroupContext.js');
-require('../link/Link.js');
-require('../link-card/LinkCard.js');
-require('../list-box/ListBox.js');
-require('../list-control/ListControlContext.js');
-require('../menu/MenuContext.js');
-require('../menu/MenuItem.js');
-require('../menu/MenuPanel.js');
-require('../menu/MenuPanelContext.js');
-require('../menu/MenuTriggerContext.js');
-require('../menu/MenuGroup.js');
-require('../multiline-input/MultilineInput.js');
-require('../navigation-item/NavigationItem.js');
-require('../option/Option.js');
-require('../option/OptionGroup.js');
 var OverlayContext = require('./OverlayContext.js');
-require('./OverlayPanelCloseButton.js');
-require('./OverlayPanelContent.js');
-require('../pagination/Pagination.js');
-require('../pagination/Paginator.js');
-require('../pagination/CompactInput.js');
-require('../pagination/CompactPaginator.js');
-require('../pagination/GoToInput.js');
-require('../panel/Panel.js');
-require('../parent-child-layout/ParentChildLayout.js');
-require('../pill/Pill.js');
-require('../progress/CircularProgress/CircularProgress.js');
-require('../progress/LinearProgress/LinearProgress.js');
-require('../radio-button/RadioButton.js');
-require('../radio-button/RadioButtonGroup.js');
-require('../scrim/Scrim.js');
-require('../segmented-button-group/SegmentedButtonGroup.js');
-require('../spinner/Spinner.js');
-require('../stack-layout/StackLayout.js');
-require('../status-adornment/StatusAdornment.js');
-require('../toast/Toast.js');
-require('../toast/ToastContent.js');
-require('../split-layout/SplitLayout.js');
-require('../switch/Switch.js');
-require('../tag/Tag.js');
-require('../toggle-button/ToggleButton.js');
-require('../toggle-button-group/ToggleButtonGroup.js');
-require('../toggle-button-group/ToggleButtonGroupContext.js');
-require('../tooltip/Tooltip.js');
-require('../semantic-icon-provider/SemanticIconProvider.js');
 var OverlayPanel$1 = require('./OverlayPanel.css.js');
 
 const withBaseName = makePrefixer.makePrefixer("saltOverlayPanel");
@@ -137,40 +41,43 @@ const OverlayPanel = React.forwardRef(
     } = OverlayContext.useOverlayContext();
     const handleRef = useForkRef.useForkRef(floating, ref);
     const { top, left, width, height, position } = floatingStyles;
-    return /* @__PURE__ */ jsxRuntime.jsxs(FloatingComponent, {
-      open: openState,
-      className: clsx.clsx(withBaseName(), className),
-      "aria-modal": "true",
-      ...getFloatingProps(),
-      ref: handleRef,
-      width,
-      height,
-      top,
-      left,
-      position,
-      focusManagerProps: {
-        context
-      },
-      "aria-labelledby": ariaLabelledby,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", {
-          ...rest,
-          children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      FloatingComponent,
+      {
+        open: openState,
+        className: clsx.clsx(withBaseName(), className),
+        "aria-modal": "true",
+        ...getFloatingProps(),
+        ref: handleRef,
+        width,
+        height,
+        top,
+        left,
+        position,
+        focusManagerProps: {
+          context
+        },
+        "aria-labelledby": ariaLabelledby,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { ...rest, children: [
             " ",
             children,
             " "
-          ]
-        }),
-        /* @__PURE__ */ jsxRuntime.jsx(react.FloatingArrow, {
-          ...arrowProps,
-          strokeWidth: 1,
-          fill: "var(--overlay-background)",
-          stroke: "var(--overlay-borderColor)",
-          height: 5,
-          width: 10
-        })
-      ]
-    });
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            react.FloatingArrow,
+            {
+              ...arrowProps,
+              strokeWidth: 1,
+              fill: "var(--overlay-background)",
+              stroke: "var(--overlay-borderColor)",
+              height: 5,
+              width: 10
+            }
+          )
+        ]
+      }
+    );
   }
 );
 

package/dist-cjs/overlay/OverlayPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"OverlayPanel.js","sources":["../src/overlay/OverlayPanel.tsx"],"sourcesContent":["import { FloatingArrow } from \"@floating-ui/react\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  type ComponentPropsWithoutRef,\n  type ReactNode,\n  forwardRef,\n} from \"react\";\nimport { makePrefixer, useFloatingComponent, useForkRef } from \"../utils\";\nimport { useOverlayContext } from \"./OverlayContext\";\nimport overlayPanelCss from \"./OverlayPanel.css\";\n\nconst withBaseName = makePrefixer(\"saltOverlayPanel\");\nexport interface OverlayPanelProps extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * The content of Overlay Panel\n   */\n  children?: ReactNode;\n}\n\nexport const OverlayPanel = forwardRef<HTMLDivElement, OverlayPanelProps>(\n  function OverlayPanel(props, ref) {\n    const {\n      className,\n      \"aria-labelledby\": ariaLabelledby,\n      children,\n      ...rest\n    } = props;\n\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-overlay-panel\",\n      css: overlayPanelCss,\n      window: targetWindow,\n    });\n\n    const { Component: FloatingComponent } = useFloatingComponent();\n\n    const {\n      openState,\n      floatingStyles,\n      context,\n      getFloatingProps,\n      floating,\n      arrowProps,\n    } = useOverlayContext();\n\n    const handleRef = useForkRef<HTMLDivElement>(floating, ref);\n\n    const { top, left, width, height, position } = floatingStyles;\n\n    return (\n      <FloatingComponent\n        open={openState}\n        className={clsx(withBaseName(), className)}\n        aria-modal=\"true\"\n        {...getFloatingProps()}\n        ref={handleRef}\n        width={width}\n        height={height}\n        top={top}\n        left={left}\n        position={position}\n        focusManagerProps={{\n          context: context,\n        }}\n        aria-labelledby={ariaLabelledby}\n      >\n        <div {...rest}> {children} </div>\n        <FloatingArrow\n          {...arrowProps}\n          strokeWidth={1}\n          fill=\"var(--overlay-background)\"\n          stroke=\"var(--overlay-borderColor)\"\n          height={5}\n          width={10}\n        />\n      </FloatingComponent>\n    );\n  },\n);\n"],"names":["makePrefixer","forwardRef","OverlayPanel","useWindow","useComponentCssInjection","overlayPanelCss","useFloatingComponent","useOverlayContext","useForkRef","jsxs","clsx","jsx","FloatingArrow"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,MAAM,YAAA,GAAeA,0BAAa,kBAAkB,CAAA,CAAA;AAQ7C,MAAM,YAAe,GAAAC,gBAAA;AAAA,EAC1B,SAASC,aAAa,CAAA,KAAA,EAAO,GAAK,EAAA;AAChC,IAAM,MAAA;AAAA,MACJ,SAAA;AAAA,MACA,iBAAmB,EAAA,cAAA;AAAA,MACnB,QAAA;AAAA,MACG,GAAA,IAAA;AAAA,KACD,GAAA,KAAA,CAAA;AAEJ,IAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,IAAyBC,+BAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,oBAAA;AAAA,MACR,GAAK,EAAAC,cAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AAED,IAAA,MAAM,EAAE,SAAA,EAAW,iBAAkB,EAAA,GAAIC,kCAAqB,EAAA,CAAA;AAE9D,IAAM,MAAA;AAAA,MACJ,SAAA;AAAA,MACA,cAAA;AAAA,MACA,OAAA;AAAA,MACA,gBAAA;AAAA,MACA,QAAA;AAAA,MACA,UAAA;AAAA,QACEC,gCAAkB,EAAA,CAAA;AAEtB,IAAM,MAAA,SAAA,GAAYC,qBAA2B,CAAA,QAAA,EAAU,GAAG,CAAA,CAAA;AAE1D,IAAA,MAAM,EAAE,GAAK,EAAA,IAAA,EAAM,KAAO,EAAA,MAAA,EAAQ,UAAa,GAAA,cAAA,CAAA;AAE/C,IAAA,uBACGC,eAAA,CAAA,iBAAA,EAAA;AAAA,MACC,IAAM,EAAA,SAAA;AAAA,MACN,SAAW,EAAAC,SAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,MACzC,YAAW,EAAA,MAAA;AAAA,MACV,GAAG,gBAAiB,EAAA;AAAA,MACrB,GAAK,EAAA,SAAA;AAAA,MACL,KAAA;AAAA,MACA,MAAA;AAAA,MACA,GAAA;AAAA,MACA,IAAA;AAAA,MACA,QAAA;AAAA,MACA,iBAAmB,EAAA;AAAA,QACjB,OAAA;AAAA,OACF;AAAA,MACA,iBAAiB,EAAA,cAAA;AAAA,MAEjB,QAAA,EAAA;AAAA,wBAACD,eAAA,CAAA,KAAA,EAAA;AAAA,UAAK,GAAG,IAAA;AAAA,UAAM,QAAA,EAAA;AAAA,YAAA,GAAA;AAAA,YAAE,QAAA;AAAA,YAAS,GAAA;AAAA,WAAA;AAAA,SAAC,CAAA;AAAA,wBAC1BE,cAAA,CAAAC,mBAAA,EAAA;AAAA,UACE,GAAG,UAAA;AAAA,UACJ,WAAa,EAAA,CAAA;AAAA,UACb,IAAK,EAAA,2BAAA;AAAA,UACL,MAAO,EAAA,4BAAA;AAAA,UACP,MAAQ,EAAA,CAAA;AAAA,UACR,KAAO,EAAA,EAAA;AAAA,SACT,CAAA;AAAA,OAAA;AAAA,KACF,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}
+{"version":3,"file":"OverlayPanel.js","sources":["../src/overlay/OverlayPanel.tsx"],"sourcesContent":["import { FloatingArrow } from \"@floating-ui/react\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  type ComponentPropsWithoutRef,\n  type ReactNode,\n  forwardRef,\n} from \"react\";\nimport { makePrefixer, useFloatingComponent, useForkRef } from \"../utils\";\nimport { useOverlayContext } from \"./OverlayContext\";\nimport overlayPanelCss from \"./OverlayPanel.css\";\n\nconst withBaseName = makePrefixer(\"saltOverlayPanel\");\nexport interface OverlayPanelProps extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * The content of Overlay Panel\n   */\n  children?: ReactNode;\n}\n\nexport const OverlayPanel = forwardRef<HTMLDivElement, OverlayPanelProps>(\n  function OverlayPanel(props, ref) {\n    const {\n      className,\n      \"aria-labelledby\": ariaLabelledby,\n      children,\n      ...rest\n    } = props;\n\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-overlay-panel\",\n      css: overlayPanelCss,\n      window: targetWindow,\n    });\n\n    const { Component: FloatingComponent } = useFloatingComponent();\n\n    const {\n      openState,\n      floatingStyles,\n      context,\n      getFloatingProps,\n      floating,\n      arrowProps,\n    } = useOverlayContext();\n\n    const handleRef = useForkRef<HTMLDivElement>(floating, ref);\n\n    const { top, left, width, height, position } = floatingStyles;\n\n    return (\n      <FloatingComponent\n        open={openState}\n        className={clsx(withBaseName(), className)}\n        aria-modal=\"true\"\n        {...getFloatingProps()}\n        ref={handleRef}\n        width={width}\n        height={height}\n        top={top}\n        left={left}\n        position={position}\n        focusManagerProps={{\n          context: context,\n        }}\n        aria-labelledby={ariaLabelledby}\n      >\n        <div {...rest}> {children} </div>\n        <FloatingArrow\n          {...arrowProps}\n          strokeWidth={1}\n          fill=\"var(--overlay-background)\"\n          stroke=\"var(--overlay-borderColor)\"\n          height={5}\n          width={10}\n        />\n      </FloatingComponent>\n    );\n  },\n);\n"],"names":["makePrefixer","forwardRef","OverlayPanel","useWindow","useComponentCssInjection","overlayPanelCss","useFloatingComponent","useOverlayContext","useForkRef","jsxs","clsx","jsx","FloatingArrow"],"mappings":";;;;;;;;;;;;;;;;;AAaA,MAAM,YAAA,GAAeA,0BAAa,kBAAkB,CAAA;AAQ7C,MAAM,YAAe,GAAAC,gBAAA;AAAA,EAC1B,SAASC,aAAa,CAAA,KAAA,EAAO,GAAK,EAAA;AAChC,IAAM,MAAA;AAAA,MACJ,SAAA;AAAA,MACA,iBAAmB,EAAA,cAAA;AAAA,MACnB,QAAA;AAAA,MACA,GAAG;AAAA,KACD,GAAA,KAAA;AAEJ,IAAA,MAAM,eAAeC,gBAAU,EAAA;AAC/B,IAAyBC,+BAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,oBAAA;AAAA,MACR,GAAK,EAAAC,cAAA;AAAA,MACL,MAAQ,EAAA;AAAA,KACT,CAAA;AAED,IAAA,MAAM,EAAE,SAAA,EAAW,iBAAkB,EAAA,GAAIC,kCAAqB,EAAA;AAE9D,IAAM,MAAA;AAAA,MACJ,SAAA;AAAA,MACA,cAAA;AAAA,MACA,OAAA;AAAA,MACA,gBAAA;AAAA,MACA,QAAA;AAAA,MACA;AAAA,QACEC,gCAAkB,EAAA;AAEtB,IAAM,MAAA,SAAA,GAAYC,qBAA2B,CAAA,QAAA,EAAU,GAAG,CAAA;AAE1D,IAAA,MAAM,EAAE,GAAK,EAAA,IAAA,EAAM,KAAO,EAAA,MAAA,EAAQ,UAAa,GAAA,cAAA;AAE/C,IACE,uBAAAC,eAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,IAAM,EAAA,SAAA;AAAA,QACN,SAAW,EAAAC,SAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,QACzC,YAAW,EAAA,MAAA;AAAA,QACV,GAAG,gBAAiB,EAAA;AAAA,QACrB,GAAK,EAAA,SAAA;AAAA,QACL,KAAA;AAAA,QACA,MAAA;AAAA,QACA,GAAA;AAAA,QACA,IAAA;AAAA,QACA,QAAA;AAAA,QACA,iBAAmB,EAAA;AAAA,UACjB;AAAA,SACF;AAAA,QACA,iBAAiB,EAAA,cAAA;AAAA,QAEjB,QAAA,EAAA;AAAA,0BAACD,eAAA,CAAA,KAAA,EAAA,EAAK,GAAG,IAAM,EAAA,QAAA,EAAA;AAAA,YAAA,GAAA;AAAA,YAAE,QAAA;AAAA,YAAS;AAAA,WAAC,EAAA,CAAA;AAAA,0BAC3BE,cAAA;AAAA,YAACC,mBAAA;AAAA,YAAA;AAAA,cACE,GAAG,UAAA;AAAA,cACJ,WAAa,EAAA,CAAA;AAAA,cACb,IAAK,EAAA,2BAAA;AAAA,cACL,MAAO,EAAA,4BAAA;AAAA,cACP,MAAQ,EAAA,CAAA;AAAA,cACR,KAAO,EAAA;AAAA;AAAA;AACT;AAAA;AAAA,KACF;AAAA;AAGN;;;;"}

package/dist-cjs/overlay/OverlayPanelCloseButton.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var jsxRuntime = require('react/jsx-runtime');
 var styles = require('@salt-ds/styles');
 var window = require('@salt-ds/window');
@@ -14,106 +12,8 @@ require('../utils/useFloatingUI/useFloatingUI.js');
 require('../utils/useId.js');
 require('../salt-provider/SaltProvider.js');
 require('../viewport/ViewportProvider.js');
-require('../accordion/AccordionGroup.js');
-require('../accordion/AccordionPanel.js');
-require('../accordion/Accordion.js');
-require('../accordion/AccordionHeader.js');
-require('../aria-announcer/AriaAnnouncerContext.js');
-require('../avatar/Avatar.js');
-require('../badge/Badge.js');
-require('../banner/Banner.js');
-require('../banner/BannerActions.js');
-require('../banner/BannerContent.js');
-require('../border-item/BorderItem.js');
-require('../border-layout/BorderLayout.js');
-require('../breakpoints/BreakpointProvider.js');
-require('../card/Card.js');
-require('../checkbox/Checkbox.js');
-require('../checkbox/CheckboxGroup.js');
-require('@salt-ds/icons');
-require('../combo-box/ComboBox.js');
-require('../dialog/Dialog.js');
-require('../dialog/DialogHeader.js');
-require('../dialog/DialogActions.js');
-require('../dialog/DialogContent.js');
-require('../dialog/DialogContext.js');
-require('../dialog/DialogCloseButton.js');
-require('../divider/Divider.js');
-require('../drawer/Drawer.js');
-require('../drawer/DrawerCloseButton.js');
-require('../dropdown/Dropdown.js');
-require('../file-drop-zone/FileDropZone.js');
-require('../file-drop-zone/FileDropZoneIcon.js');
-require('../file-drop-zone/FileDropZoneTrigger.js');
-require('../flex-item/FlexItem.js');
-require('../flex-layout/FlexLayout.js');
-require('../flow-layout/FlowLayout.js');
-require('../form-field/FormField.js');
-require('../form-field-context/FormFieldContext.js');
-require('../status-indicator/StatusIndicator.js');
-require('../text/Text.js');
-require('../text/Code.js');
-require('../text/Display.js');
-require('../text/Headings.js');
-require('../text/Label.js');
-require('../text/TextAction.js');
-require('../text/TextNotation.js');
-require('../grid-item/GridItem.js');
-require('../grid-layout/GridLayout.js');
-require('../input/Input.js');
-require('../interactable-card/InteractableCard.js');
-require('../interactable-card/InteractableCardGroup.js');
-require('../interactable-card/InteractableCardGroupContext.js');
-require('../link/Link.js');
-require('../link-card/LinkCard.js');
-require('../list-box/ListBox.js');
-require('../list-control/ListControlContext.js');
-require('@floating-ui/react');
-require('../menu/MenuContext.js');
-require('../menu/MenuItem.js');
-require('../menu/MenuPanel.js');
-require('../menu/MenuPanelContext.js');
-require('../menu/MenuTriggerContext.js');
-require('../menu/MenuGroup.js');
-require('../multiline-input/MultilineInput.js');
-require('../navigation-item/NavigationItem.js');
-require('../option/Option.js');
-require('../option/OptionGroup.js');
-require('./OverlayContext.js');
-require('./OverlayPanel.js');
-require('./OverlayPanelContent.js');
-require('../pagination/Pagination.js');
-require('../pagination/Paginator.js');
-require('../pagination/CompactInput.js');
-require('../pagination/CompactPaginator.js');
-require('../pagination/GoToInput.js');
-require('../panel/Panel.js');
-require('../parent-child-layout/ParentChildLayout.js');
-require('../pill/Pill.js');
-require('../progress/CircularProgress/CircularProgress.js');
-require('../progress/LinearProgress/LinearProgress.js');
-require('../radio-button/RadioButton.js');
-require('../radio-button/RadioButtonGroup.js');
-require('../scrim/Scrim.js');
-require('../segmented-button-group/SegmentedButtonGroup.js');
-require('../spinner/Spinner.js');
-require('../stack-layout/StackLayout.js');
-require('../status-adornment/StatusAdornment.js');
-require('../toast/Toast.js');
-require('../toast/ToastContent.js');
-require('../split-layout/SplitLayout.js');
-require('../switch/Switch.js');
-require('../tag/Tag.js');
-require('../toggle-button/ToggleButton.js');
-require('../toggle-button-group/ToggleButtonGroup.js');
-require('../toggle-button-group/ToggleButtonGroupContext.js');
-require('../tooltip/Tooltip.js');
 var OverlayPanelCloseButton$1 = require('./OverlayPanelCloseButton.css.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var clsx__default = /*#__PURE__*/_interopDefaultLegacy(clsx);
-
 const withBaseName = makePrefixer.makePrefixer("saltOverlayPanelCloseButton");
 const OverlayPanelCloseButton = React.forwardRef(function OverlayPanelButton({ className, ...rest }, ref) {
   const targetWindow = window.useWindow();
@@ -123,19 +23,17 @@ const OverlayPanelCloseButton = React.forwardRef(function OverlayPanelButton({ c
     window: targetWindow
   });
   const { CloseIcon } = SemanticIconProvider.useIcon();
-  return /* @__PURE__ */ jsxRuntime.jsx("div", {
-    className: clsx__default["default"](withBaseName(), className),
-    children: /* @__PURE__ */ jsxRuntime.jsx(Button.Button, {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx(withBaseName(), className), children: /* @__PURE__ */ jsxRuntime.jsx(
+    Button.Button,
+    {
       ref,
       "aria-label": "Close overlay",
-      variant: "secondary",
+      appearance: "transparent",
       className: withBaseName("button"),
       ...rest,
-      children: /* @__PURE__ */ jsxRuntime.jsx(CloseIcon, {
-        "aria-hidden": true
-      })
-    })
-  });
+      children: /* @__PURE__ */ jsxRuntime.jsx(CloseIcon, { "aria-hidden": true })
+    }
+  ) });
 });
 
 exports.OverlayPanelCloseButton = OverlayPanelCloseButton;

package/dist-cjs/overlay/OverlayPanelCloseButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"OverlayPanelCloseButton.js","sources":["../src/overlay/OverlayPanelCloseButton.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport clsx from \"clsx\";\nimport { forwardRef } from \"react\";\nimport { Button, type ButtonProps } from \"../button\";\nimport { useIcon } from \"../semantic-icon-provider\";\nimport { makePrefixer } from \"../utils\";\nimport overlayPanelCloseButtonCss from \"./OverlayPanelCloseButton.css\";\n\nconst withBaseName = makePrefixer(\"saltOverlayPanelCloseButton\");\n\nexport const OverlayPanelCloseButton = forwardRef<\n  HTMLButtonElement,\n  ButtonProps\n>(function OverlayPanelButton({ className, ...rest }, ref) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-overlay-panel-close-button\",\n    css: overlayPanelCloseButtonCss,\n    window: targetWindow,\n  });\n  const { CloseIcon } = useIcon();\n\n  return (\n    <div className={clsx(withBaseName(), className)}>\n      <Button\n        ref={ref}\n        aria-label=\"Close overlay\"\n        variant=\"secondary\"\n        className={withBaseName(\"button\")}\n        {...rest}\n      >\n        <CloseIcon aria-hidden />\n      </Button>\n    </div>\n  );\n});\n"],"names":["makePrefixer","forwardRef","useWindow","useComponentCssInjection","overlayPanelCloseButtonCss","useIcon","jsx","clsx","Button"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAM,YAAA,GAAeA,0BAAa,6BAA6B,CAAA,CAAA;AAElD,MAAA,uBAAA,GAA0BC,iBAGrC,SAAS,kBAAA,CAAmB,EAAE,SAAc,EAAA,GAAA,IAAA,IAAQ,GAAK,EAAA;AACzD,EAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,iCAAA;AAAA,IACR,GAAK,EAAAC,yBAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AACD,EAAM,MAAA,EAAE,SAAU,EAAA,GAAIC,4BAAQ,EAAA,CAAA;AAE9B,EAAA,uBACGC,cAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAW,EAAAC,wBAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,IAC5C,QAAC,kBAAAD,cAAA,CAAAE,aAAA,EAAA;AAAA,MACC,GAAA;AAAA,MACA,YAAW,EAAA,eAAA;AAAA,MACX,OAAQ,EAAA,WAAA;AAAA,MACR,SAAA,EAAW,aAAa,QAAQ,CAAA;AAAA,MAC/B,GAAG,IAAA;AAAA,MAEJ,QAAC,kBAAAF,cAAA,CAAA,SAAA,EAAA;AAAA,QAAU,aAAW,EAAA,IAAA;AAAA,OAAC,CAAA;AAAA,KACzB,CAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"OverlayPanelCloseButton.js","sources":["../src/overlay/OverlayPanelCloseButton.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport clsx from \"clsx\";\nimport { forwardRef } from \"react\";\nimport { Button, type ButtonProps } from \"../button\";\nimport { useIcon } from \"../semantic-icon-provider\";\nimport { makePrefixer } from \"../utils\";\nimport overlayPanelCloseButtonCss from \"./OverlayPanelCloseButton.css\";\n\nconst withBaseName = makePrefixer(\"saltOverlayPanelCloseButton\");\n\nexport const OverlayPanelCloseButton = forwardRef<\n  HTMLButtonElement,\n  ButtonProps\n>(function OverlayPanelButton({ className, ...rest }, ref) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-overlay-panel-close-button\",\n    css: overlayPanelCloseButtonCss,\n    window: targetWindow,\n  });\n  const { CloseIcon } = useIcon();\n\n  return (\n    <div className={clsx(withBaseName(), className)}>\n      <Button\n        ref={ref}\n        aria-label=\"Close overlay\"\n        appearance=\"transparent\"\n        className={withBaseName(\"button\")}\n        {...rest}\n      >\n        <CloseIcon aria-hidden />\n      </Button>\n    </div>\n  );\n});\n"],"names":["makePrefixer","forwardRef","useWindow","useComponentCssInjection","overlayPanelCloseButtonCss","useIcon","jsx","Button"],"mappings":";;;;;;;;;;;;;;;;AASA,MAAM,YAAA,GAAeA,0BAAa,6BAA6B,CAAA;AAElD,MAAA,uBAAA,GAA0BC,iBAGrC,SAAS,kBAAA,CAAmB,EAAE,SAAW,EAAA,GAAG,IAAK,EAAA,EAAG,GAAK,EAAA;AACzD,EAAA,MAAM,eAAeC,gBAAU,EAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,iCAAA;AAAA,IACR,GAAK,EAAAC,yBAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AACD,EAAM,MAAA,EAAE,SAAU,EAAA,GAAIC,4BAAQ,EAAA;AAE9B,EAAA,sCACG,KAAI,EAAA,EAAA,SAAA,EAAW,KAAK,YAAa,EAAA,EAAG,SAAS,CAC5C,EAAA,QAAA,kBAAAC,cAAA;AAAA,IAACC,aAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,YAAW,EAAA,eAAA;AAAA,MACX,UAAW,EAAA,aAAA;AAAA,MACX,SAAA,EAAW,aAAa,QAAQ,CAAA;AAAA,MAC/B,GAAG,IAAA;AAAA,MAEJ,QAAA,kBAAAD,cAAA,CAAC,SAAU,EAAA,EAAA,aAAA,EAAW,IAAC,EAAA;AAAA;AAAA,GAE3B,EAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-cjs/overlay/OverlayPanelContent.css.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var css_248z = ".saltOverlayPanelContent {\n  animation: var(--salt-animation-fade-in-center);\n  position: relative;\n  overflow: auto;\n  padding: var(--saltOverlay-content-padding, var(--salt-spacing-100));\n}\n";
+var css_248z = ".saltOverlayPanelContent {\n  animation: var(--salt-animation-fade-in-center);\n  position: relative;\n  overflow: hidden;\n  padding: var(--saltOverlay-content-padding, var(--salt-spacing-100));\n}\n\n.saltOverlayHeader ~ .saltOverlayPanelContent-separator {\n  border-top: var(--salt-size-border) var(--salt-separable-borderStyle) transparent;\n}\n\n.saltOverlayPanelContent-overflow {\n  padding-right: var(--salt-spacing-100);\n  overflow-y: auto;\n}\n\n.saltOverlayHeader ~ .saltOverlayPanelContent-scroll {\n  border-top: var(--salt-size-border) var(--salt-separable-borderStyle) var(--salt-separable-tertiary-borderColor);\n  box-shadow: var(--salt-overlayable-shadow-scroll);\n  margin-top: calc(0 - var(--salt-size-border));\n}\n\n.saltOverlayHeader ~ .saltOverlayPanelContent-separator ~ .saltOverlayPanelContent {\n  padding-top: 0;\n}\n";
 
 module.exports = css_248z;
 //# sourceMappingURL=OverlayPanelContent.css.js.map

package/dist-cjs/overlay/OverlayPanelContent.js

@@ -1,119 +1,21 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var jsxRuntime = require('react/jsx-runtime');
 var styles = require('@salt-ds/styles');
 var window = require('@salt-ds/window');
 var clsx = require('clsx');
 var React = require('react');
+var debounce = require('../utils/debounce.js');
 var makePrefixer = require('../utils/makePrefixer.js');
 require('../utils/useFloatingUI/useFloatingUI.js');
+var useForkRef = require('../utils/useForkRef.js');
 require('../utils/useId.js');
+var useIsomorphicLayoutEffect = require('../utils/useIsomorphicLayoutEffect.js');
 require('../salt-provider/SaltProvider.js');
 require('../viewport/ViewportProvider.js');
-require('../accordion/AccordionGroup.js');
-require('../accordion/AccordionPanel.js');
-require('../accordion/Accordion.js');
-require('../accordion/AccordionHeader.js');
-require('../aria-announcer/AriaAnnouncerContext.js');
-require('../avatar/Avatar.js');
-require('../badge/Badge.js');
-require('../banner/Banner.js');
-require('../banner/BannerActions.js');
-require('../banner/BannerContent.js');
-require('../border-item/BorderItem.js');
-require('../border-layout/BorderLayout.js');
-require('../breakpoints/BreakpointProvider.js');
-require('../button/Button.js');
-require('../card/Card.js');
-require('../checkbox/Checkbox.js');
-require('../checkbox/CheckboxGroup.js');
-require('@salt-ds/icons');
-require('../combo-box/ComboBox.js');
-require('../dialog/Dialog.js');
-require('../dialog/DialogHeader.js');
-require('../dialog/DialogActions.js');
-require('../dialog/DialogContent.js');
-require('../dialog/DialogContext.js');
-require('../dialog/DialogCloseButton.js');
-require('../divider/Divider.js');
-require('../drawer/Drawer.js');
-require('../drawer/DrawerCloseButton.js');
-require('../dropdown/Dropdown.js');
-require('../file-drop-zone/FileDropZone.js');
-require('../file-drop-zone/FileDropZoneIcon.js');
-require('../file-drop-zone/FileDropZoneTrigger.js');
-require('../flex-item/FlexItem.js');
-require('../flex-layout/FlexLayout.js');
-require('../flow-layout/FlowLayout.js');
-require('../form-field/FormField.js');
-require('../form-field-context/FormFieldContext.js');
-require('../status-indicator/StatusIndicator.js');
-require('../text/Text.js');
-require('../text/Code.js');
-require('../text/Display.js');
-require('../text/Headings.js');
-require('../text/Label.js');
-require('../text/TextAction.js');
-require('../text/TextNotation.js');
-require('../grid-item/GridItem.js');
-require('../grid-layout/GridLayout.js');
-require('../input/Input.js');
-require('../interactable-card/InteractableCard.js');
-require('../interactable-card/InteractableCardGroup.js');
-require('../interactable-card/InteractableCardGroupContext.js');
-require('../link/Link.js');
-require('../link-card/LinkCard.js');
-require('../list-box/ListBox.js');
-require('../list-control/ListControlContext.js');
-require('@floating-ui/react');
-require('../menu/MenuContext.js');
-require('../menu/MenuItem.js');
-require('../menu/MenuPanel.js');
-require('../menu/MenuPanelContext.js');
-require('../menu/MenuTriggerContext.js');
-require('../menu/MenuGroup.js');
-require('../multiline-input/MultilineInput.js');
-require('../navigation-item/NavigationItem.js');
-require('../option/Option.js');
-require('../option/OptionGroup.js');
-require('./OverlayContext.js');
-require('./OverlayPanel.js');
-require('./OverlayPanelCloseButton.js');
-require('../pagination/Pagination.js');
-require('../pagination/Paginator.js');
-require('../pagination/CompactInput.js');
-require('../pagination/CompactPaginator.js');
-require('../pagination/GoToInput.js');
-require('../panel/Panel.js');
-require('../parent-child-layout/ParentChildLayout.js');
-require('../pill/Pill.js');
-require('../progress/CircularProgress/CircularProgress.js');
-require('../progress/LinearProgress/LinearProgress.js');
-require('../radio-button/RadioButton.js');
-require('../radio-button/RadioButtonGroup.js');
-require('../scrim/Scrim.js');
-require('../segmented-button-group/SegmentedButtonGroup.js');
-require('../spinner/Spinner.js');
-require('../stack-layout/StackLayout.js');
-require('../status-adornment/StatusAdornment.js');
-require('../toast/Toast.js');
-require('../toast/ToastContent.js');
-require('../split-layout/SplitLayout.js');
-require('../switch/Switch.js');
-require('../tag/Tag.js');
-require('../toggle-button/ToggleButton.js');
-require('../toggle-button-group/ToggleButtonGroup.js');
-require('../toggle-button-group/ToggleButtonGroupContext.js');
-require('../tooltip/Tooltip.js');
-require('../semantic-icon-provider/SemanticIconProvider.js');
+var useResizeObserver = require('../utils/useResizeObserver.js');
 var OverlayPanelContent$1 = require('./OverlayPanelContent.css.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var clsx__default = /*#__PURE__*/_interopDefaultLegacy(clsx);
-
 const withBaseName = makePrefixer.makePrefixer("saltOverlayPanelContent");
 const OverlayPanelContent = React.forwardRef(function OverlayPanelContent2(props, ref) {
   const targetWindow = window.useWindow();
@@ -123,12 +25,44 @@ const OverlayPanelContent = React.forwardRef(function OverlayPanelContent2(props
     window: targetWindow
   });
   const { children, className, ...rest } = props;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", {
-    className: clsx__default["default"](withBaseName(), className),
-    ...rest,
-    ref,
-    children
+  const [scrolled, setScrolled] = React.useState(false);
+  const [isOverflowing, setIsOverflowing] = React.useState(false);
+  const divRef = React.useRef(null);
+  const containerRef = useForkRef.useForkRef(divRef, ref);
+  const handleScroll = debounce.debounce(() => {
+    if (!divRef.current) return;
+    setScrolled(divRef.current.scrollTop > 0);
   });
+  const checkOverflow = React.useCallback(() => {
+    if (!divRef.current) return;
+    setIsOverflowing(divRef.current.scrollHeight > divRef.current.offsetHeight);
+  }, []);
+  useResizeObserver.useResizeObserver({ ref: divRef, onResize: checkOverflow });
+  useIsomorphicLayoutEffect.useIsomorphicLayoutEffect(() => {
+    checkOverflow();
+  }, [checkOverflow]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: clsx(withBaseName("separator"), {
+          [withBaseName("scroll")]: scrolled
+        })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx(withBaseName(), className), children: /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: clsx(withBaseName("container"), {
+          [withBaseName("overflow")]: isOverflowing
+        }),
+        onScrollCapture: handleScroll,
+        ...rest,
+        ref: containerRef,
+        children
+      }
+    ) })
+  ] });
 });
 
 exports.OverlayPanelContent = OverlayPanelContent;

package/dist-cjs/overlay/OverlayPanelContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"OverlayPanelContent.js","sources":["../src/overlay/OverlayPanelContent.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport clsx from \"clsx\";\nimport {\n  type ComponentPropsWithoutRef,\n  type ReactNode,\n  forwardRef,\n} from \"react\";\nimport { makePrefixer } from \"../utils\";\nimport overlayPanelContentCss from \"./OverlayPanelContent.css\";\n\nconst withBaseName = makePrefixer(\"saltOverlayPanelContent\");\n\nexport interface OverlayPanelContentProps\n  extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * The content of Overlay Panel Content\n   */\n  children?: ReactNode;\n}\n\nexport const OverlayPanelContent = forwardRef<\n  HTMLDivElement,\n  OverlayPanelContentProps\n>(function OverlayPanelContent(props, ref) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-overlay-panel-content\",\n    css: overlayPanelContentCss,\n    window: targetWindow,\n  });\n\n  const { children, className, ...rest } = props;\n\n  return (\n    <div className={clsx(withBaseName(), className)} {...rest} ref={ref}>\n      {children}\n    </div>\n  );\n});\n"],"names":["makePrefixer","forwardRef","OverlayPanelContent","useWindow","useComponentCssInjection","overlayPanelContentCss","jsx","clsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAM,YAAA,GAAeA,0BAAa,yBAAyB,CAAA,CAAA;AAUpD,MAAM,mBAAsB,GAAAC,gBAAA,CAGjC,SAASC,oBAAAA,CAAoB,OAAO,GAAK,EAAA;AACzC,EAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,4BAAA;AAAA,IACR,GAAK,EAAAC,qBAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,MAAM,EAAE,QAAA,EAAU,SAAc,EAAA,GAAA,IAAA,EAAS,GAAA,KAAA,CAAA;AAEzC,EAAA,uBACGC,cAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAW,EAAAC,wBAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,IAAI,GAAG,IAAA;AAAA,IAAM,GAAA;AAAA,IACxD,QAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"OverlayPanelContent.js","sources":["../src/overlay/OverlayPanelContent.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport clsx from \"clsx\";\nimport {\n  type ComponentPropsWithoutRef,\n  type ReactNode,\n  forwardRef,\n  useCallback,\n  useRef,\n  useState,\n} from \"react\";\nimport {\n  debounce,\n  makePrefixer,\n  useForkRef,\n  useIsomorphicLayoutEffect,\n  useResizeObserver,\n} from \"../utils\";\nimport overlayPanelContentCss from \"./OverlayPanelContent.css\";\n\nconst withBaseName = makePrefixer(\"saltOverlayPanelContent\");\n\nexport interface OverlayPanelContentProps\n  extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * The content of Overlay Panel Content\n   */\n  children?: ReactNode;\n}\n\nexport const OverlayPanelContent = forwardRef<\n  HTMLDivElement,\n  OverlayPanelContentProps\n>(function OverlayPanelContent(props, ref) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-overlay-panel-content\",\n    css: overlayPanelContentCss,\n    window: targetWindow,\n  });\n\n  const { children, className, ...rest } = props;\n  const [scrolled, setScrolled] = useState(false);\n  const [isOverflowing, setIsOverflowing] = useState(false);\n  const divRef = useRef<HTMLDivElement>(null);\n  const containerRef = useForkRef(divRef, ref);\n  const handleScroll = debounce(() => {\n    if (!divRef.current) return;\n    setScrolled(divRef.current.scrollTop > 0);\n  });\n\n  const checkOverflow = useCallback(() => {\n    if (!divRef.current) return;\n    setIsOverflowing(divRef.current.scrollHeight > divRef.current.offsetHeight);\n  }, []);\n\n  useResizeObserver({ ref: divRef, onResize: checkOverflow });\n\n  useIsomorphicLayoutEffect(() => {\n    checkOverflow();\n  }, [checkOverflow]);\n  return (\n    <>\n      <div\n        className={clsx(withBaseName(\"separator\"), {\n          [withBaseName(\"scroll\")]: scrolled,\n        })}\n      />\n      <div className={clsx(withBaseName(), className)}>\n        <div\n          className={clsx(withBaseName(\"container\"), {\n            [withBaseName(\"overflow\")]: isOverflowing,\n          })}\n          onScrollCapture={handleScroll}\n          {...rest}\n          ref={containerRef}\n        >\n          {children}\n        </div>\n      </div>\n    </>\n  );\n});\n"],"names":["makePrefixer","forwardRef","OverlayPanelContent","useWindow","useComponentCssInjection","overlayPanelContentCss","useState","useRef","useForkRef","debounce","useCallback","useResizeObserver","useIsomorphicLayoutEffect","jsxs","Fragment","jsx"],"mappings":";;;;;;;;;;;;;;;;;;AAoBA,MAAM,YAAA,GAAeA,0BAAa,yBAAyB,CAAA;AAUpD,MAAM,mBAAsB,GAAAC,gBAAA,CAGjC,SAASC,oBAAAA,CAAoB,OAAO,GAAK,EAAA;AACzC,EAAA,MAAM,eAAeC,gBAAU,EAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,4BAAA;AAAA,IACR,GAAK,EAAAC,qBAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAA,MAAM,EAAE,QAAA,EAAU,SAAW,EAAA,GAAG,MAAS,GAAA,KAAA;AACzC,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAIC,eAAS,KAAK,CAAA;AAC9C,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAIA,eAAS,KAAK,CAAA;AACxD,EAAM,MAAA,MAAA,GAASC,aAAuB,IAAI,CAAA;AAC1C,EAAM,MAAA,YAAA,GAAeC,qBAAW,CAAA,MAAA,EAAQ,GAAG,CAAA;AAC3C,EAAM,MAAA,YAAA,GAAeC,kBAAS,MAAM;AAClC,IAAI,IAAA,CAAC,OAAO,OAAS,EAAA;AACrB,IAAY,WAAA,CAAA,MAAA,CAAO,OAAQ,CAAA,SAAA,GAAY,CAAC,CAAA;AAAA,GACzC,CAAA;AAED,EAAM,MAAA,aAAA,GAAgBC,kBAAY,MAAM;AACtC,IAAI,IAAA,CAAC,OAAO,OAAS,EAAA;AACrB,IAAA,gBAAA,CAAiB,MAAO,CAAA,OAAA,CAAQ,YAAe,GAAA,MAAA,CAAO,QAAQ,YAAY,CAAA;AAAA,GAC5E,EAAG,EAAE,CAAA;AAEL,EAAAC,mCAAA,CAAkB,EAAE,GAAA,EAAK,MAAQ,EAAA,QAAA,EAAU,eAAe,CAAA;AAE1D,EAAAC,mDAAA,CAA0B,MAAM;AAC9B,IAAc,aAAA,EAAA;AAAA,GAChB,EAAG,CAAC,aAAa,CAAC,CAAA;AAClB,EAAA,uBAEIC,eAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAAC,cAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAW,EAAA,IAAA,CAAK,YAAa,CAAA,WAAW,CAAG,EAAA;AAAA,UACzC,CAAC,YAAA,CAAa,QAAQ,CAAC,GAAG;AAAA,SAC3B;AAAA;AAAA,KACH;AAAA,mCACC,KAAI,EAAA,EAAA,SAAA,EAAW,KAAK,YAAa,EAAA,EAAG,SAAS,CAC5C,EAAA,QAAA,kBAAAA,cAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAW,EAAA,IAAA,CAAK,YAAa,CAAA,WAAW,CAAG,EAAA;AAAA,UACzC,CAAC,YAAA,CAAa,UAAU,CAAC,GAAG;AAAA,SAC7B,CAAA;AAAA,QACD,eAAiB,EAAA,YAAA;AAAA,QAChB,GAAG,IAAA;AAAA,QACJ,GAAK,EAAA,YAAA;AAAA,QAEJ;AAAA;AAAA,KAEL,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ,CAAC;;;;"}