@salt-ds/core 1.37.0 → 1.37.2

package/dist-es/banner/BannerActions.js

@@ -6,104 +6,8 @@ import '../utils/useFloatingUI/useFloatingUI.js';
 import '../utils/useId.js';
 import '../salt-provider/SaltProvider.js';
 import '../viewport/ViewportProvider.js';
-import '../accordion/AccordionGroup.js';
-import '../accordion/AccordionPanel.js';
-import '../accordion/Accordion.js';
-import '../accordion/AccordionHeader.js';
-import '../aria-announcer/AriaAnnouncerContext.js';
-import '../avatar/Avatar.js';
-import '../badge/Badge.js';
-import './Banner.js';
-import './BannerContent.js';
-import '../border-item/BorderItem.js';
-import '../border-layout/BorderLayout.js';
-import '../breakpoints/BreakpointProvider.js';
-import '../button/Button.js';
-import '../card/Card.js';
-import '../checkbox/Checkbox.js';
-import '../checkbox/CheckboxGroup.js';
-import '@salt-ds/icons';
 import { useComponentCssInjection } from '@salt-ds/styles';
 import { useWindow } from '@salt-ds/window';
-import '../combo-box/ComboBox.js';
-import '../dialog/Dialog.js';
-import '../dialog/DialogHeader.js';
-import '../dialog/DialogActions.js';
-import '../dialog/DialogContent.js';
-import '../dialog/DialogContext.js';
-import '../dialog/DialogCloseButton.js';
-import '../divider/Divider.js';
-import '../drawer/Drawer.js';
-import '../drawer/DrawerCloseButton.js';
-import '../dropdown/Dropdown.js';
-import '../file-drop-zone/FileDropZone.js';
-import '../file-drop-zone/FileDropZoneIcon.js';
-import '../file-drop-zone/FileDropZoneTrigger.js';
-import '../flex-item/FlexItem.js';
-import '../flex-layout/FlexLayout.js';
-import '../flow-layout/FlowLayout.js';
-import '../form-field/FormField.js';
-import '../form-field-context/FormFieldContext.js';
-import '../status-indicator/StatusIndicator.js';
-import '../text/Text.js';
-import '../text/Code.js';
-import '../text/Display.js';
-import '../text/Headings.js';
-import '../text/Label.js';
-import '../text/TextAction.js';
-import '../text/TextNotation.js';
-import '../grid-item/GridItem.js';
-import '../grid-layout/GridLayout.js';
-import '../input/Input.js';
-import '../interactable-card/InteractableCard.js';
-import '../interactable-card/InteractableCardGroup.js';
-import '../interactable-card/InteractableCardGroupContext.js';
-import '../link/Link.js';
-import '../link-card/LinkCard.js';
-import '../list-box/ListBox.js';
-import '../list-control/ListControlContext.js';
-import '@floating-ui/react';
-import '../menu/MenuContext.js';
-import '../menu/MenuItem.js';
-import '../menu/MenuPanel.js';
-import '../menu/MenuPanelContext.js';
-import '../menu/MenuTriggerContext.js';
-import '../menu/MenuGroup.js';
-import '../multiline-input/MultilineInput.js';
-import '../navigation-item/NavigationItem.js';
-import '../option/Option.js';
-import '../option/OptionGroup.js';
-import '../overlay/OverlayContext.js';
-import '../overlay/OverlayPanel.js';
-import '../overlay/OverlayPanelCloseButton.js';
-import '../overlay/OverlayPanelContent.js';
-import '../pagination/Pagination.js';
-import '../pagination/Paginator.js';
-import '../pagination/CompactInput.js';
-import '../pagination/CompactPaginator.js';
-import '../pagination/GoToInput.js';
-import '../panel/Panel.js';
-import '../parent-child-layout/ParentChildLayout.js';
-import '../pill/Pill.js';
-import '../progress/CircularProgress/CircularProgress.js';
-import '../progress/LinearProgress/LinearProgress.js';
-import '../radio-button/RadioButton.js';
-import '../radio-button/RadioButtonGroup.js';
-import '../scrim/Scrim.js';
-import '../segmented-button-group/SegmentedButtonGroup.js';
-import '../spinner/Spinner.js';
-import '../stack-layout/StackLayout.js';
-import '../status-adornment/StatusAdornment.js';
-import '../toast/Toast.js';
-import '../toast/ToastContent.js';
-import '../split-layout/SplitLayout.js';
-import '../switch/Switch.js';
-import '../tag/Tag.js';
-import '../toggle-button/ToggleButton.js';
-import '../toggle-button-group/ToggleButtonGroup.js';
-import '../toggle-button-group/ToggleButtonGroupContext.js';
-import '../tooltip/Tooltip.js';
-import '../semantic-icon-provider/SemanticIconProvider.js';
 import css_248z from './BannerActions.css.js';
 
 const withBaseName = makePrefixer("saltBannerActions");
@@ -116,11 +20,7 @@ const BannerActions = forwardRef(
       css: css_248z,
       window: targetWindow
     });
-    return /* @__PURE__ */ jsx("div", {
-      className: clsx(withBaseName(), className),
-      ...rest,
-      ref
-    });
+    return /* @__PURE__ */ jsx("div", { className: clsx(withBaseName(), className), ...rest, ref });
   }
 );
 

package/dist-es/banner/BannerActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"BannerActions.js","sources":["../src/banner/BannerActions.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport {\n  type ComponentPropsWithoutRef,\n  type ReactNode,\n  forwardRef,\n} from \"react\";\nimport { makePrefixer } from \"../utils\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport bannerActionsCss from \"./BannerActions.css\";\n\nconst withBaseName = makePrefixer(\"saltBannerActions\");\n\ninterface BannerActionsProps extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * The content of BannerActions\n   */\n  children: ReactNode;\n}\n\nexport const BannerActions = forwardRef<HTMLDivElement, BannerActionsProps>(\n  function BannerActions(props, ref) {\n    const { className, ...rest } = props;\n\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-banner-actions\",\n      css: bannerActionsCss,\n      window: targetWindow,\n    });\n\n    return (\n      <div className={clsx(withBaseName(), className)} {...rest} ref={ref} />\n    );\n  },\n);\n"],"names":["BannerActions","bannerActionsCss"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAM,YAAA,GAAe,aAAa,mBAAmB,CAAA,CAAA;AAS9C,MAAM,aAAgB,GAAA,UAAA;AAAA,EAC3B,SAASA,cAAc,CAAA,KAAA,EAAO,GAAK,EAAA;AACjC,IAAM,MAAA,EAAE,SAAc,EAAA,GAAA,IAAA,EAAS,GAAA,KAAA,CAAA;AAE/B,IAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,IAAyB,wBAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,qBAAA;AAAA,MACR,GAAK,EAAAC,QAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AAED,IAAA,uBACG,GAAA,CAAA,KAAA,EAAA;AAAA,MAAI,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,MAAI,GAAG,IAAA;AAAA,MAAM,GAAA;AAAA,KAAU,CAAA,CAAA;AAAA,GAEzE;AACF;;;;"}
+{"version":3,"file":"BannerActions.js","sources":["../src/banner/BannerActions.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport {\n  type ComponentPropsWithoutRef,\n  type ReactNode,\n  forwardRef,\n} from \"react\";\nimport { makePrefixer } from \"../utils\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport bannerActionsCss from \"./BannerActions.css\";\n\nconst withBaseName = makePrefixer(\"saltBannerActions\");\n\ninterface BannerActionsProps extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * The content of BannerActions\n   */\n  children: ReactNode;\n}\n\nexport const BannerActions = forwardRef<HTMLDivElement, BannerActionsProps>(\n  function BannerActions(props, ref) {\n    const { className, ...rest } = props;\n\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-banner-actions\",\n      css: bannerActionsCss,\n      window: targetWindow,\n    });\n\n    return (\n      <div className={clsx(withBaseName(), className)} {...rest} ref={ref} />\n    );\n  },\n);\n"],"names":["BannerActions","bannerActionsCss"],"mappings":";;;;;;;;;;;;AAYA,MAAM,YAAA,GAAe,aAAa,mBAAmB,CAAA;AAS9C,MAAM,aAAgB,GAAA,UAAA;AAAA,EAC3B,SAASA,cAAc,CAAA,KAAA,EAAO,GAAK,EAAA;AACjC,IAAA,MAAM,EAAE,SAAA,EAAW,GAAG,IAAA,EAAS,GAAA,KAAA;AAE/B,IAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,IAAyB,wBAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,qBAAA;AAAA,MACR,GAAK,EAAAC,QAAA;AAAA,MACL,MAAQ,EAAA;AAAA,KACT,CAAA;AAED,IACE,uBAAA,GAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAW,IAAK,CAAA,YAAA,IAAgB,SAAS,CAAA,EAAI,GAAG,IAAA,EAAM,GAAU,EAAA,CAAA;AAAA;AAG3E;;;;"}

package/dist-es/banner/BannerContent.js

@@ -6,104 +6,8 @@ import '../utils/useFloatingUI/useFloatingUI.js';
 import '../utils/useId.js';
 import '../salt-provider/SaltProvider.js';
 import '../viewport/ViewportProvider.js';
-import '../accordion/AccordionGroup.js';
-import '../accordion/AccordionPanel.js';
-import '../accordion/Accordion.js';
-import '../accordion/AccordionHeader.js';
-import '../aria-announcer/AriaAnnouncerContext.js';
-import '../avatar/Avatar.js';
-import '../badge/Badge.js';
-import './Banner.js';
-import './BannerActions.js';
-import '../border-item/BorderItem.js';
-import '../border-layout/BorderLayout.js';
-import '../breakpoints/BreakpointProvider.js';
-import '../button/Button.js';
-import '../card/Card.js';
-import '../checkbox/Checkbox.js';
-import '../checkbox/CheckboxGroup.js';
-import '@salt-ds/icons';
 import { useComponentCssInjection } from '@salt-ds/styles';
 import { useWindow } from '@salt-ds/window';
-import '../combo-box/ComboBox.js';
-import '../dialog/Dialog.js';
-import '../dialog/DialogHeader.js';
-import '../dialog/DialogActions.js';
-import '../dialog/DialogContent.js';
-import '../dialog/DialogContext.js';
-import '../dialog/DialogCloseButton.js';
-import '../divider/Divider.js';
-import '../drawer/Drawer.js';
-import '../drawer/DrawerCloseButton.js';
-import '../dropdown/Dropdown.js';
-import '../file-drop-zone/FileDropZone.js';
-import '../file-drop-zone/FileDropZoneIcon.js';
-import '../file-drop-zone/FileDropZoneTrigger.js';
-import '../flex-item/FlexItem.js';
-import '../flex-layout/FlexLayout.js';
-import '../flow-layout/FlowLayout.js';
-import '../form-field/FormField.js';
-import '../form-field-context/FormFieldContext.js';
-import '../status-indicator/StatusIndicator.js';
-import '../text/Text.js';
-import '../text/Code.js';
-import '../text/Display.js';
-import '../text/Headings.js';
-import '../text/Label.js';
-import '../text/TextAction.js';
-import '../text/TextNotation.js';
-import '../grid-item/GridItem.js';
-import '../grid-layout/GridLayout.js';
-import '../input/Input.js';
-import '../interactable-card/InteractableCard.js';
-import '../interactable-card/InteractableCardGroup.js';
-import '../interactable-card/InteractableCardGroupContext.js';
-import '../link/Link.js';
-import '../link-card/LinkCard.js';
-import '../list-box/ListBox.js';
-import '../list-control/ListControlContext.js';
-import '@floating-ui/react';
-import '../menu/MenuContext.js';
-import '../menu/MenuItem.js';
-import '../menu/MenuPanel.js';
-import '../menu/MenuPanelContext.js';
-import '../menu/MenuTriggerContext.js';
-import '../menu/MenuGroup.js';
-import '../multiline-input/MultilineInput.js';
-import '../navigation-item/NavigationItem.js';
-import '../option/Option.js';
-import '../option/OptionGroup.js';
-import '../overlay/OverlayContext.js';
-import '../overlay/OverlayPanel.js';
-import '../overlay/OverlayPanelCloseButton.js';
-import '../overlay/OverlayPanelContent.js';
-import '../pagination/Pagination.js';
-import '../pagination/Paginator.js';
-import '../pagination/CompactInput.js';
-import '../pagination/CompactPaginator.js';
-import '../pagination/GoToInput.js';
-import '../panel/Panel.js';
-import '../parent-child-layout/ParentChildLayout.js';
-import '../pill/Pill.js';
-import '../progress/CircularProgress/CircularProgress.js';
-import '../progress/LinearProgress/LinearProgress.js';
-import '../radio-button/RadioButton.js';
-import '../radio-button/RadioButtonGroup.js';
-import '../scrim/Scrim.js';
-import '../segmented-button-group/SegmentedButtonGroup.js';
-import '../spinner/Spinner.js';
-import '../stack-layout/StackLayout.js';
-import '../status-adornment/StatusAdornment.js';
-import '../toast/Toast.js';
-import '../toast/ToastContent.js';
-import '../split-layout/SplitLayout.js';
-import '../switch/Switch.js';
-import '../tag/Tag.js';
-import '../toggle-button/ToggleButton.js';
-import '../toggle-button-group/ToggleButtonGroup.js';
-import '../toggle-button-group/ToggleButtonGroupContext.js';
-import '../tooltip/Tooltip.js';
-import '../semantic-icon-provider/SemanticIconProvider.js';
 import css_248z from './BannerContent.css.js';
 
 const withBaseName = makePrefixer("saltBannerContent");
@@ -116,11 +20,7 @@ const BannerContent = forwardRef(
       css: css_248z,
       window: targetWindow
     });
-    return /* @__PURE__ */ jsx("div", {
-      className: clsx(withBaseName(), className),
-      ...rest,
-      ref
-    });
+    return /* @__PURE__ */ jsx("div", { className: clsx(withBaseName(), className), ...rest, ref });
   }
 );
 

package/dist-es/banner/BannerContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"BannerContent.js","sources":["../src/banner/BannerContent.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport {\n  type ComponentPropsWithoutRef,\n  type ReactNode,\n  forwardRef,\n} from \"react\";\nimport { makePrefixer } from \"../utils\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport bannerContentCss from \"./BannerContent.css\";\n\nconst withBaseName = makePrefixer(\"saltBannerContent\");\n\ninterface BannerContentProps extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * The content of BannerContent\n   */\n  children: ReactNode;\n}\n\nexport const BannerContent = forwardRef<HTMLDivElement, BannerContentProps>(\n  function BannerContent(props, ref) {\n    const { className, ...rest } = props;\n\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-banner-content\",\n      css: bannerContentCss,\n      window: targetWindow,\n    });\n\n    return (\n      <div className={clsx(withBaseName(), className)} {...rest} ref={ref} />\n    );\n  },\n);\n"],"names":["BannerContent","bannerContentCss"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAM,YAAA,GAAe,aAAa,mBAAmB,CAAA,CAAA;AAS9C,MAAM,aAAgB,GAAA,UAAA;AAAA,EAC3B,SAASA,cAAc,CAAA,KAAA,EAAO,GAAK,EAAA;AACjC,IAAM,MAAA,EAAE,SAAc,EAAA,GAAA,IAAA,EAAS,GAAA,KAAA,CAAA;AAE/B,IAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,IAAyB,wBAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,qBAAA;AAAA,MACR,GAAK,EAAAC,QAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AAED,IAAA,uBACG,GAAA,CAAA,KAAA,EAAA;AAAA,MAAI,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,MAAI,GAAG,IAAA;AAAA,MAAM,GAAA;AAAA,KAAU,CAAA,CAAA;AAAA,GAEzE;AACF;;;;"}
+{"version":3,"file":"BannerContent.js","sources":["../src/banner/BannerContent.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport {\n  type ComponentPropsWithoutRef,\n  type ReactNode,\n  forwardRef,\n} from \"react\";\nimport { makePrefixer } from \"../utils\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport bannerContentCss from \"./BannerContent.css\";\n\nconst withBaseName = makePrefixer(\"saltBannerContent\");\n\ninterface BannerContentProps extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * The content of BannerContent\n   */\n  children: ReactNode;\n}\n\nexport const BannerContent = forwardRef<HTMLDivElement, BannerContentProps>(\n  function BannerContent(props, ref) {\n    const { className, ...rest } = props;\n\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-banner-content\",\n      css: bannerContentCss,\n      window: targetWindow,\n    });\n\n    return (\n      <div className={clsx(withBaseName(), className)} {...rest} ref={ref} />\n    );\n  },\n);\n"],"names":["BannerContent","bannerContentCss"],"mappings":";;;;;;;;;;;;AAYA,MAAM,YAAA,GAAe,aAAa,mBAAmB,CAAA;AAS9C,MAAM,aAAgB,GAAA,UAAA;AAAA,EAC3B,SAASA,cAAc,CAAA,KAAA,EAAO,GAAK,EAAA;AACjC,IAAA,MAAM,EAAE,SAAA,EAAW,GAAG,IAAA,EAAS,GAAA,KAAA;AAE/B,IAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,IAAyB,wBAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,qBAAA;AAAA,MACR,GAAK,EAAAC,QAAA;AAAA,MACL,MAAQ,EAAA;AAAA,KACT,CAAA;AAED,IACE,uBAAA,GAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAW,IAAK,CAAA,YAAA,IAAgB,SAAS,CAAA,EAAI,GAAG,IAAA,EAAM,GAAU,EAAA,CAAA;AAAA;AAG3E;;;;"}

package/dist-es/border-item/BorderItem.js

@@ -9,101 +9,6 @@ import '../utils/useFloatingUI/useFloatingUI.js';
 import '../utils/useId.js';
 import '../salt-provider/SaltProvider.js';
 import '../viewport/ViewportProvider.js';
-import '../accordion/AccordionGroup.js';
-import '../accordion/AccordionPanel.js';
-import '../accordion/Accordion.js';
-import '../accordion/AccordionHeader.js';
-import '../aria-announcer/AriaAnnouncerContext.js';
-import '../avatar/Avatar.js';
-import '../badge/Badge.js';
-import '../banner/Banner.js';
-import '../banner/BannerActions.js';
-import '../banner/BannerContent.js';
-import '../border-layout/BorderLayout.js';
-import '../breakpoints/BreakpointProvider.js';
-import '../button/Button.js';
-import '../card/Card.js';
-import '../checkbox/Checkbox.js';
-import '../checkbox/CheckboxGroup.js';
-import '@salt-ds/icons';
-import '../combo-box/ComboBox.js';
-import '../dialog/Dialog.js';
-import '../dialog/DialogHeader.js';
-import '../dialog/DialogActions.js';
-import '../dialog/DialogContent.js';
-import '../dialog/DialogContext.js';
-import '../dialog/DialogCloseButton.js';
-import '../divider/Divider.js';
-import '../drawer/Drawer.js';
-import '../drawer/DrawerCloseButton.js';
-import '../dropdown/Dropdown.js';
-import '../file-drop-zone/FileDropZone.js';
-import '../file-drop-zone/FileDropZoneIcon.js';
-import '../file-drop-zone/FileDropZoneTrigger.js';
-import '../flex-item/FlexItem.js';
-import '../flex-layout/FlexLayout.js';
-import '../flow-layout/FlowLayout.js';
-import '../form-field/FormField.js';
-import '../form-field-context/FormFieldContext.js';
-import '../status-indicator/StatusIndicator.js';
-import '../text/Text.js';
-import '../text/Code.js';
-import '../text/Display.js';
-import '../text/Headings.js';
-import '../text/Label.js';
-import '../text/TextAction.js';
-import '../text/TextNotation.js';
-import '../grid-layout/GridLayout.js';
-import '../input/Input.js';
-import '../interactable-card/InteractableCard.js';
-import '../interactable-card/InteractableCardGroup.js';
-import '../interactable-card/InteractableCardGroupContext.js';
-import '../link/Link.js';
-import '../link-card/LinkCard.js';
-import '../list-box/ListBox.js';
-import '../list-control/ListControlContext.js';
-import '@floating-ui/react';
-import '../menu/MenuContext.js';
-import '../menu/MenuItem.js';
-import '../menu/MenuPanel.js';
-import '../menu/MenuPanelContext.js';
-import '../menu/MenuTriggerContext.js';
-import '../menu/MenuGroup.js';
-import '../multiline-input/MultilineInput.js';
-import '../navigation-item/NavigationItem.js';
-import '../option/Option.js';
-import '../option/OptionGroup.js';
-import '../overlay/OverlayContext.js';
-import '../overlay/OverlayPanel.js';
-import '../overlay/OverlayPanelCloseButton.js';
-import '../overlay/OverlayPanelContent.js';
-import '../pagination/Pagination.js';
-import '../pagination/Paginator.js';
-import '../pagination/CompactInput.js';
-import '../pagination/CompactPaginator.js';
-import '../pagination/GoToInput.js';
-import '../panel/Panel.js';
-import '../parent-child-layout/ParentChildLayout.js';
-import '../pill/Pill.js';
-import '../progress/CircularProgress/CircularProgress.js';
-import '../progress/LinearProgress/LinearProgress.js';
-import '../radio-button/RadioButton.js';
-import '../radio-button/RadioButtonGroup.js';
-import '../scrim/Scrim.js';
-import '../segmented-button-group/SegmentedButtonGroup.js';
-import '../spinner/Spinner.js';
-import '../stack-layout/StackLayout.js';
-import '../status-adornment/StatusAdornment.js';
-import '../toast/Toast.js';
-import '../toast/ToastContent.js';
-import '../split-layout/SplitLayout.js';
-import '../switch/Switch.js';
-import '../tag/Tag.js';
-import '../toggle-button/ToggleButton.js';
-import '../toggle-button-group/ToggleButtonGroup.js';
-import '../toggle-button-group/ToggleButtonGroupContext.js';
-import '../tooltip/Tooltip.js';
-import '../semantic-icon-provider/SemanticIconProvider.js';
 import css_248z from './BorderItem.css.js';
 
 const BORDER_POSITION = [
@@ -133,20 +38,23 @@ const BorderItem = forwardRef(
       ...style,
       "--gridItem-gridArea": position
     };
-    return /* @__PURE__ */ jsx(GridItem, {
-      ref,
-      className: clsx(
-        withBaseName(),
-        "saltGridItem-area",
-        {
-          [withBaseName("sticky")]: sticky
-        },
-        className
-      ),
-      style: gridItemStyles,
-      ...rest,
-      children
-    });
+    return /* @__PURE__ */ jsx(
+      GridItem,
+      {
+        ref,
+        className: clsx(
+          withBaseName(),
+          "saltGridItem-area",
+          {
+            [withBaseName("sticky")]: sticky
+          },
+          className
+        ),
+        style: gridItemStyles,
+        ...rest,
+        children
+      }
+    );
   }
 );
 

package/dist-es/border-item/BorderItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"BorderItem.js","sources":["../src/border-item/BorderItem.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport { type ElementType, type ReactElement, forwardRef } from \"react\";\nimport { GridItem, type GridItemProps } from \"../grid-item\";\nimport {\n  type PolymorphicComponentPropWithRef,\n  type PolymorphicRef,\n  makePrefixer,\n} from \"../utils\";\nimport borderItemCss from \"./BorderItem.css\";\n\nexport const BORDER_POSITION = [\n  \"north\",\n  \"west\",\n  \"center\",\n  \"east\",\n  \"south\",\n] as const;\n\nexport type BorderPosition = (typeof BORDER_POSITION)[number];\n\nexport type BorderItemProps<T extends ElementType> =\n  PolymorphicComponentPropWithRef<\n    T,\n    {\n      /**\n       * Aligns a grid item inside a cell along the inline (row) axis. Defaults to \"stretch\"\n       */\n      horizontalAlignment?: GridItemProps<T>[\"horizontalAlignment\"];\n      /**\n       * Aligns a grid item inside a cell along the block (column) axis. Defaults to \"stretch\"\n       */\n      verticalAlignment?: GridItemProps<T>[\"verticalAlignment\"];\n      /**\n       * Position in the Border Layout\n       */\n      position: BorderPosition;\n      /**\n       * Defines if the item should stick to the edges of its container. Defaults to \"false\"\n       */\n      sticky?: boolean;\n    }\n  >;\n\nconst withBaseName = makePrefixer(\"saltBorderItem\");\n\ntype BorderItemComponent = <T extends ElementType = \"div\">(\n  props: BorderItemProps<T>,\n) => ReactElement | null;\n\nexport const BorderItem: BorderItemComponent = forwardRef(\n  <T extends ElementType>(\n    {\n      children,\n      className,\n      position,\n      sticky = false,\n      style,\n      ...rest\n    }: BorderItemProps<T>,\n    ref?: PolymorphicRef<T>,\n  ) => {\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-border-item\",\n      css: borderItemCss,\n      window: targetWindow,\n    });\n\n    const gridItemStyles = {\n      ...style,\n      \"--gridItem-gridArea\": position,\n    };\n\n    return (\n      <GridItem\n        ref={ref}\n        className={clsx(\n          withBaseName(),\n          \"saltGridItem-area\",\n          {\n            [withBaseName(\"sticky\")]: sticky,\n          },\n          className,\n        )}\n        style={gridItemStyles}\n        {...rest}\n      >\n        {children}\n      </GridItem>\n    );\n  },\n);\n"],"names":["borderItemCss"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYO,MAAM,eAAkB,GAAA;AAAA,EAC7B,OAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA;AACF,EAAA;AA2BA,MAAM,YAAA,GAAe,aAAa,gBAAgB,CAAA,CAAA;AAM3C,MAAM,UAAkC,GAAA,UAAA;AAAA,EAC7C,CACE;AAAA,IACE,QAAA;AAAA,IACA,SAAA;AAAA,IACA,QAAA;AAAA,IACA,MAAS,GAAA,KAAA;AAAA,IACT,KAAA;AAAA,IACG,GAAA,IAAA;AAAA,KAEL,GACG,KAAA;AACH,IAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,IAAyB,wBAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,kBAAA;AAAA,MACR,GAAK,EAAAA,QAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AAED,IAAA,MAAM,cAAiB,GAAA;AAAA,MACrB,GAAG,KAAA;AAAA,MACH,qBAAuB,EAAA,QAAA;AAAA,KACzB,CAAA;AAEA,IAAA,uBACG,GAAA,CAAA,QAAA,EAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAW,EAAA,IAAA;AAAA,QACT,YAAa,EAAA;AAAA,QACb,mBAAA;AAAA,QACA;AAAA,UACE,CAAC,YAAa,CAAA,QAAQ,CAAI,GAAA,MAAA;AAAA,SAC5B;AAAA,QACA,SAAA;AAAA,OACF;AAAA,MACA,KAAO,EAAA,cAAA;AAAA,MACN,GAAG,IAAA;AAAA,MAEH,QAAA;AAAA,KACH,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}
+{"version":3,"file":"BorderItem.js","sources":["../src/border-item/BorderItem.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport { type ElementType, type ReactElement, forwardRef } from \"react\";\nimport { GridItem, type GridItemProps } from \"../grid-item\";\nimport {\n  type PolymorphicComponentPropWithRef,\n  type PolymorphicRef,\n  makePrefixer,\n} from \"../utils\";\nimport borderItemCss from \"./BorderItem.css\";\n\nexport const BORDER_POSITION = [\n  \"north\",\n  \"west\",\n  \"center\",\n  \"east\",\n  \"south\",\n] as const;\n\nexport type BorderPosition = (typeof BORDER_POSITION)[number];\n\nexport type BorderItemProps<T extends ElementType> =\n  PolymorphicComponentPropWithRef<\n    T,\n    {\n      /**\n       * Aligns a grid item inside a cell along the inline (row) axis. Defaults to \"stretch\"\n       */\n      horizontalAlignment?: GridItemProps<T>[\"horizontalAlignment\"];\n      /**\n       * Aligns a grid item inside a cell along the block (column) axis. Defaults to \"stretch\"\n       */\n      verticalAlignment?: GridItemProps<T>[\"verticalAlignment\"];\n      /**\n       * Position in the Border Layout\n       */\n      position: BorderPosition;\n      /**\n       * Defines if the item should stick to the edges of its container. Defaults to \"false\"\n       */\n      sticky?: boolean;\n    }\n  >;\n\nconst withBaseName = makePrefixer(\"saltBorderItem\");\n\ntype BorderItemComponent = <T extends ElementType = \"div\">(\n  props: BorderItemProps<T>,\n) => ReactElement | null;\n\nexport const BorderItem: BorderItemComponent = forwardRef(\n  <T extends ElementType>(\n    {\n      children,\n      className,\n      position,\n      sticky = false,\n      style,\n      ...rest\n    }: BorderItemProps<T>,\n    ref?: PolymorphicRef<T>,\n  ) => {\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-border-item\",\n      css: borderItemCss,\n      window: targetWindow,\n    });\n\n    const gridItemStyles = {\n      ...style,\n      \"--gridItem-gridArea\": position,\n    };\n\n    return (\n      <GridItem\n        ref={ref}\n        className={clsx(\n          withBaseName(),\n          \"saltGridItem-area\",\n          {\n            [withBaseName(\"sticky\")]: sticky,\n          },\n          className,\n        )}\n        style={gridItemStyles}\n        {...rest}\n      >\n        {children}\n      </GridItem>\n    );\n  },\n);\n"],"names":["borderItemCss"],"mappings":";;;;;;;;;;;;;AAYO,MAAM,eAAkB,GAAA;AAAA,EAC7B,OAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF;AA2BA,MAAM,YAAA,GAAe,aAAa,gBAAgB,CAAA;AAM3C,MAAM,UAAkC,GAAA,UAAA;AAAA,EAC7C,CACE;AAAA,IACE,QAAA;AAAA,IACA,SAAA;AAAA,IACA,QAAA;AAAA,IACA,MAAS,GAAA,KAAA;AAAA,IACT,KAAA;AAAA,IACA,GAAG;AAAA,KAEL,GACG,KAAA;AACH,IAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,IAAyB,wBAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,kBAAA;AAAA,MACR,GAAK,EAAAA,QAAA;AAAA,MACL,MAAQ,EAAA;AAAA,KACT,CAAA;AAED,IAAA,MAAM,cAAiB,GAAA;AAAA,MACrB,GAAG,KAAA;AAAA,MACH,qBAAuB,EAAA;AAAA,KACzB;AAEA,IACE,uBAAA,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAW,EAAA,IAAA;AAAA,UACT,YAAa,EAAA;AAAA,UACb,mBAAA;AAAA,UACA;AAAA,YACE,CAAC,YAAA,CAAa,QAAQ,CAAC,GAAG;AAAA,WAC5B;AAAA,UACA;AAAA,SACF;AAAA,QACA,KAAO,EAAA,cAAA;AAAA,QACN,GAAG,IAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA;AAGN;;;;"}

package/dist-es/border-layout/BorderLayout.js

@@ -7,103 +7,6 @@ import '../utils/useFloatingUI/useFloatingUI.js';
 import '../utils/useId.js';
 import '../salt-provider/SaltProvider.js';
 import '../viewport/ViewportProvider.js';
-import '../accordion/AccordionGroup.js';
-import '../accordion/AccordionPanel.js';
-import '../accordion/Accordion.js';
-import '../accordion/AccordionHeader.js';
-import '../aria-announcer/AriaAnnouncerContext.js';
-import '../avatar/Avatar.js';
-import '../badge/Badge.js';
-import '../banner/Banner.js';
-import '../banner/BannerActions.js';
-import '../banner/BannerContent.js';
-import '../border-item/BorderItem.js';
-import '../breakpoints/BreakpointProvider.js';
-import '../button/Button.js';
-import '../card/Card.js';
-import '../checkbox/Checkbox.js';
-import '../checkbox/CheckboxGroup.js';
-import '@salt-ds/icons';
-import '@salt-ds/styles';
-import '@salt-ds/window';
-import '../combo-box/ComboBox.js';
-import '../dialog/Dialog.js';
-import '../dialog/DialogHeader.js';
-import '../dialog/DialogActions.js';
-import '../dialog/DialogContent.js';
-import '../dialog/DialogContext.js';
-import '../dialog/DialogCloseButton.js';
-import '../divider/Divider.js';
-import '../drawer/Drawer.js';
-import '../drawer/DrawerCloseButton.js';
-import '../dropdown/Dropdown.js';
-import '../file-drop-zone/FileDropZone.js';
-import '../file-drop-zone/FileDropZoneIcon.js';
-import '../file-drop-zone/FileDropZoneTrigger.js';
-import '../flex-item/FlexItem.js';
-import '../flex-layout/FlexLayout.js';
-import '../flow-layout/FlowLayout.js';
-import '../form-field/FormField.js';
-import '../form-field-context/FormFieldContext.js';
-import '../status-indicator/StatusIndicator.js';
-import '../text/Text.js';
-import '../text/Code.js';
-import '../text/Display.js';
-import '../text/Headings.js';
-import '../text/Label.js';
-import '../text/TextAction.js';
-import '../text/TextNotation.js';
-import '../grid-item/GridItem.js';
-import '../input/Input.js';
-import '../interactable-card/InteractableCard.js';
-import '../interactable-card/InteractableCardGroup.js';
-import '../interactable-card/InteractableCardGroupContext.js';
-import '../link/Link.js';
-import '../link-card/LinkCard.js';
-import '../list-box/ListBox.js';
-import '../list-control/ListControlContext.js';
-import '@floating-ui/react';
-import '../menu/MenuContext.js';
-import '../menu/MenuItem.js';
-import '../menu/MenuPanel.js';
-import '../menu/MenuPanelContext.js';
-import '../menu/MenuTriggerContext.js';
-import '../menu/MenuGroup.js';
-import '../multiline-input/MultilineInput.js';
-import '../navigation-item/NavigationItem.js';
-import '../option/Option.js';
-import '../option/OptionGroup.js';
-import '../overlay/OverlayContext.js';
-import '../overlay/OverlayPanel.js';
-import '../overlay/OverlayPanelCloseButton.js';
-import '../overlay/OverlayPanelContent.js';
-import '../pagination/Pagination.js';
-import '../pagination/Paginator.js';
-import '../pagination/CompactInput.js';
-import '../pagination/CompactPaginator.js';
-import '../pagination/GoToInput.js';
-import '../panel/Panel.js';
-import '../parent-child-layout/ParentChildLayout.js';
-import '../pill/Pill.js';
-import '../progress/CircularProgress/CircularProgress.js';
-import '../progress/LinearProgress/LinearProgress.js';
-import '../radio-button/RadioButton.js';
-import '../radio-button/RadioButtonGroup.js';
-import '../scrim/Scrim.js';
-import '../segmented-button-group/SegmentedButtonGroup.js';
-import '../spinner/Spinner.js';
-import '../stack-layout/StackLayout.js';
-import '../status-adornment/StatusAdornment.js';
-import '../toast/Toast.js';
-import '../toast/ToastContent.js';
-import '../split-layout/SplitLayout.js';
-import '../switch/Switch.js';
-import '../tag/Tag.js';
-import '../toggle-button/ToggleButton.js';
-import '../toggle-button-group/ToggleButtonGroup.js';
-import '../toggle-button-group/ToggleButtonGroupContext.js';
-import '../tooltip/Tooltip.js';
-import '../semantic-icon-provider/SemanticIconProvider.js';
 
 const withBaseName = makePrefixer("saltBorderLayout");
 const numberOfColumns = 3;
@@ -133,15 +36,18 @@ const BorderLayout = forwardRef(
       ...style,
       "--gridLayout-gridTemplate": gridTemplateAreas
     };
-    return /* @__PURE__ */ jsx(GridLayout, {
-      className: clsx(withBaseName(), className, "saltGridLayout-area"),
-      columns: numberOfColumns,
-      gap: gap || 0,
-      style: borderLayoutStyles,
-      ref,
-      ...rest,
-      children
-    });
+    return /* @__PURE__ */ jsx(
+      GridLayout,
+      {
+        className: clsx(withBaseName(), className, "saltGridLayout-area"),
+        columns: numberOfColumns,
+        gap: gap || 0,
+        style: borderLayoutStyles,
+        ref,
+        ...rest,
+        children
+      }
+    );
   }
 );
 

package/dist-es/border-layout/BorderLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"BorderLayout.js","sources":["../src/border-layout/BorderLayout.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport {\n  Children,\n  type ElementType,\n  type ReactElement,\n  forwardRef,\n  useEffect,\n} from \"react\";\n\nimport type { BorderItemProps } from \"../border-item\";\nimport { GridLayout, type GridLayoutProps } from \"../grid-layout\";\nimport {\n  type PolymorphicComponentPropWithRef,\n  type PolymorphicRef,\n  makePrefixer,\n} from \"../utils\";\n\nexport type BorderLayoutProps<T extends ElementType> =\n  PolymorphicComponentPropWithRef<\n    T,\n    {\n      /**\n       * Defines the size of the gutter between the columns and the rows by setting a density multiplier. Defaults to 0\n       */\n      gap?: GridLayoutProps<T>[\"gap\"];\n      /**\n       * Defines the size of the gutter between the columns by setting a density multiplier. Defaults to 0\n       */\n      columnGap?: GridLayoutProps<T>[\"columnGap\"];\n      /**\n       * Defines the size of the gutter between the rows by setting a density multiplier. Defaults to 0\n       */\n      rowGap?: GridLayoutProps<T>[\"rowGap\"];\n      /**\n       * Border item components to be rendered.\n       */\n      children: ReactElement<BorderItemProps<T>>[];\n    }\n  >;\n\nconst withBaseName = makePrefixer(\"saltBorderLayout\");\n\nconst numberOfColumns = 3;\n\ntype BorderLayoutComponent = <T extends ElementType = \"div\">(\n  props: BorderLayoutProps<T>,\n) => ReactElement | null;\n\nexport const BorderLayout: BorderLayoutComponent = forwardRef(\n  <T extends ElementType>(\n    { children, className, gap, style, ...rest }: BorderLayoutProps<T>,\n    ref?: PolymorphicRef<T>,\n  ) => {\n    const borderAreas = Children.map(\n      children,\n      (child: ReactElement<BorderItemProps<T>>) => child.props.position,\n    );\n\n    const topSection = borderAreas.includes(\"north\")\n      ? \"north \".repeat(numberOfColumns)\n      : \"none \".repeat(numberOfColumns);\n\n    const leftSection = borderAreas.includes(\"west\") ? \"west\" : \"center\";\n\n    const rightSection = borderAreas.includes(\"east\") ? \"east\" : \"center\";\n\n    const midSection = `${leftSection} center ${rightSection}`;\n\n    const bottomSection = borderAreas.includes(\"south\")\n      ? \"south \".repeat(numberOfColumns)\n      : \"none \".repeat(numberOfColumns);\n\n    const gridTemplateAreas = `\"${topSection}\" \"${midSection}\" \"${bottomSection}\"`;\n\n    const hasMainSection = borderAreas.includes(\"center\");\n\n    useEffect(() => {\n      if (process.env.NODE_ENV !== \"production\") {\n        if (!hasMainSection) {\n          console.warn(\n            \"No main section has been found. A main section should be provided.\",\n          );\n        }\n      }\n    }, [hasMainSection]);\n\n    const borderLayoutStyles = {\n      ...style,\n      \"--gridLayout-gridTemplate\": gridTemplateAreas,\n    };\n\n    return (\n      <GridLayout\n        className={clsx(withBaseName(), className, \"saltGridLayout-area\")}\n        columns={numberOfColumns}\n        gap={gap || 0}\n        style={borderLayoutStyles}\n        ref={ref}\n        {...rest}\n      >\n        {children}\n      </GridLayout>\n    );\n  },\n);\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCA,MAAM,YAAA,GAAe,aAAa,kBAAkB,CAAA,CAAA;AAEpD,MAAM,eAAkB,GAAA,CAAA,CAAA;AAMjB,MAAM,YAAsC,GAAA,UAAA;AAAA,EACjD,CACE,EAAE,QAAU,EAAA,SAAA,EAAW,KAAK,KAAU,EAAA,GAAA,IAAA,IACtC,GACG,KAAA;AACH,IAAA,MAAM,cAAc,QAAS,CAAA,GAAA;AAAA,MAC3B,QAAA;AAAA,MACA,CAAC,KAA4C,KAAA,KAAA,CAAM,KAAM,CAAA,QAAA;AAAA,KAC3D,CAAA;AAEA,IAAM,MAAA,UAAA,GAAa,WAAY,CAAA,QAAA,CAAS,OAAO,CAAA,GAC3C,QAAS,CAAA,MAAA,CAAO,eAAe,CAAA,GAC/B,OAAQ,CAAA,MAAA,CAAO,eAAe,CAAA,CAAA;AAElC,IAAA,MAAM,WAAc,GAAA,WAAA,CAAY,QAAS,CAAA,MAAM,IAAI,MAAS,GAAA,QAAA,CAAA;AAE5D,IAAA,MAAM,YAAe,GAAA,WAAA,CAAY,QAAS,CAAA,MAAM,IAAI,MAAS,GAAA,QAAA,CAAA;AAE7D,IAAM,MAAA,UAAA,GAAa,GAAG,WAAsB,CAAA,QAAA,EAAA,YAAA,CAAA,CAAA,CAAA;AAE5C,IAAM,MAAA,aAAA,GAAgB,WAAY,CAAA,QAAA,CAAS,OAAO,CAAA,GAC9C,QAAS,CAAA,MAAA,CAAO,eAAe,CAAA,GAC/B,OAAQ,CAAA,MAAA,CAAO,eAAe,CAAA,CAAA;AAElC,IAAM,MAAA,iBAAA,GAAoB,CAAI,CAAA,EAAA,UAAA,CAAA,GAAA,EAAgB,UAAgB,CAAA,GAAA,EAAA,aAAA,CAAA,CAAA,CAAA,CAAA;AAE9D,IAAM,MAAA,cAAA,GAAiB,WAAY,CAAA,QAAA,CAAS,QAAQ,CAAA,CAAA;AAEpD,IAAA,SAAA,CAAU,MAAM;AACd,MAAI,IAAA,OAAA,CAAQ,GAAI,CAAA,QAAA,KAAa,YAAc,EAAA;AACzC,QAAA,IAAI,CAAC,cAAgB,EAAA;AACnB,UAAQ,OAAA,CAAA,IAAA;AAAA,YACN,oEAAA;AAAA,WACF,CAAA;AAAA,SACF;AAAA,OACF;AAAA,KACF,EAAG,CAAC,cAAc,CAAC,CAAA,CAAA;AAEnB,IAAA,MAAM,kBAAqB,GAAA;AAAA,MACzB,GAAG,KAAA;AAAA,MACH,2BAA6B,EAAA,iBAAA;AAAA,KAC/B,CAAA;AAEA,IAAA,uBACG,GAAA,CAAA,UAAA,EAAA;AAAA,MACC,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,WAAW,qBAAqB,CAAA;AAAA,MAChE,OAAS,EAAA,eAAA;AAAA,MACT,KAAK,GAAO,IAAA,CAAA;AAAA,MACZ,KAAO,EAAA,kBAAA;AAAA,MACP,GAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEH,QAAA;AAAA,KACH,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}
+{"version":3,"file":"BorderLayout.js","sources":["../src/border-layout/BorderLayout.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport {\n  Children,\n  type ElementType,\n  type ReactElement,\n  forwardRef,\n  useEffect,\n} from \"react\";\n\nimport type { BorderItemProps } from \"../border-item\";\nimport { GridLayout, type GridLayoutProps } from \"../grid-layout\";\nimport {\n  type PolymorphicComponentPropWithRef,\n  type PolymorphicRef,\n  makePrefixer,\n} from \"../utils\";\n\nexport type BorderLayoutProps<T extends ElementType> =\n  PolymorphicComponentPropWithRef<\n    T,\n    {\n      /**\n       * Defines the size of the gutter between the columns and the rows by setting a density multiplier. Defaults to 0\n       */\n      gap?: GridLayoutProps<T>[\"gap\"];\n      /**\n       * Defines the size of the gutter between the columns by setting a density multiplier. Defaults to 0\n       */\n      columnGap?: GridLayoutProps<T>[\"columnGap\"];\n      /**\n       * Defines the size of the gutter between the rows by setting a density multiplier. Defaults to 0\n       */\n      rowGap?: GridLayoutProps<T>[\"rowGap\"];\n      /**\n       * Border item components to be rendered.\n       */\n      children: ReactElement<BorderItemProps<T>>[];\n    }\n  >;\n\nconst withBaseName = makePrefixer(\"saltBorderLayout\");\n\nconst numberOfColumns = 3;\n\ntype BorderLayoutComponent = <T extends ElementType = \"div\">(\n  props: BorderLayoutProps<T>,\n) => ReactElement | null;\n\nexport const BorderLayout: BorderLayoutComponent = forwardRef(\n  <T extends ElementType>(\n    { children, className, gap, style, ...rest }: BorderLayoutProps<T>,\n    ref?: PolymorphicRef<T>,\n  ) => {\n    const borderAreas = Children.map(\n      children,\n      (child: ReactElement<BorderItemProps<T>>) => child.props.position,\n    );\n\n    const topSection = borderAreas.includes(\"north\")\n      ? \"north \".repeat(numberOfColumns)\n      : \"none \".repeat(numberOfColumns);\n\n    const leftSection = borderAreas.includes(\"west\") ? \"west\" : \"center\";\n\n    const rightSection = borderAreas.includes(\"east\") ? \"east\" : \"center\";\n\n    const midSection = `${leftSection} center ${rightSection}`;\n\n    const bottomSection = borderAreas.includes(\"south\")\n      ? \"south \".repeat(numberOfColumns)\n      : \"none \".repeat(numberOfColumns);\n\n    const gridTemplateAreas = `\"${topSection}\" \"${midSection}\" \"${bottomSection}\"`;\n\n    const hasMainSection = borderAreas.includes(\"center\");\n\n    useEffect(() => {\n      if (process.env.NODE_ENV !== \"production\") {\n        if (!hasMainSection) {\n          console.warn(\n            \"No main section has been found. A main section should be provided.\",\n          );\n        }\n      }\n    }, [hasMainSection]);\n\n    const borderLayoutStyles = {\n      ...style,\n      \"--gridLayout-gridTemplate\": gridTemplateAreas,\n    };\n\n    return (\n      <GridLayout\n        className={clsx(withBaseName(), className, \"saltGridLayout-area\")}\n        columns={numberOfColumns}\n        gap={gap || 0}\n        style={borderLayoutStyles}\n        ref={ref}\n        {...rest}\n      >\n        {children}\n      </GridLayout>\n    );\n  },\n);\n"],"names":[],"mappings":";;;;;;;;;;AAwCA,MAAM,YAAA,GAAe,aAAa,kBAAkB,CAAA;AAEpD,MAAM,eAAkB,GAAA,CAAA;AAMjB,MAAM,YAAsC,GAAA,UAAA;AAAA,EACjD,CACE,EAAE,QAAU,EAAA,SAAA,EAAW,KAAK,KAAO,EAAA,GAAG,IAAK,EAAA,EAC3C,GACG,KAAA;AACH,IAAA,MAAM,cAAc,QAAS,CAAA,GAAA;AAAA,MAC3B,QAAA;AAAA,MACA,CAAC,KAA4C,KAAA,KAAA,CAAM,KAAM,CAAA;AAAA,KAC3D;AAEA,IAAM,MAAA,UAAA,GAAa,WAAY,CAAA,QAAA,CAAS,OAAO,CAAA,GAC3C,QAAS,CAAA,MAAA,CAAO,eAAe,CAAA,GAC/B,OAAQ,CAAA,MAAA,CAAO,eAAe,CAAA;AAElC,IAAA,MAAM,WAAc,GAAA,WAAA,CAAY,QAAS,CAAA,MAAM,IAAI,MAAS,GAAA,QAAA;AAE5D,IAAA,MAAM,YAAe,GAAA,WAAA,CAAY,QAAS,CAAA,MAAM,IAAI,MAAS,GAAA,QAAA;AAE7D,IAAA,MAAM,UAAa,GAAA,CAAA,EAAG,WAAW,CAAA,QAAA,EAAW,YAAY,CAAA,CAAA;AAExD,IAAM,MAAA,aAAA,GAAgB,WAAY,CAAA,QAAA,CAAS,OAAO,CAAA,GAC9C,QAAS,CAAA,MAAA,CAAO,eAAe,CAAA,GAC/B,OAAQ,CAAA,MAAA,CAAO,eAAe,CAAA;AAElC,IAAA,MAAM,oBAAoB,CAAI,CAAA,EAAA,UAAU,CAAM,GAAA,EAAA,UAAU,MAAM,aAAa,CAAA,CAAA,CAAA;AAE3E,IAAM,MAAA,cAAA,GAAiB,WAAY,CAAA,QAAA,CAAS,QAAQ,CAAA;AAEpD,IAAA,SAAA,CAAU,MAAM;AACd,MAAI,IAAA,OAAA,CAAQ,GAAI,CAAA,QAAA,KAAa,YAAc,EAAA;AACzC,QAAA,IAAI,CAAC,cAAgB,EAAA;AACnB,UAAQ,OAAA,CAAA,IAAA;AAAA,YACN;AAAA,WACF;AAAA;AACF;AACF,KACF,EAAG,CAAC,cAAc,CAAC,CAAA;AAEnB,IAAA,MAAM,kBAAqB,GAAA;AAAA,MACzB,GAAG,KAAA;AAAA,MACH,2BAA6B,EAAA;AAAA,KAC/B;AAEA,IACE,uBAAA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,WAAW,qBAAqB,CAAA;AAAA,QAChE,OAAS,EAAA,eAAA;AAAA,QACT,KAAK,GAAO,IAAA,CAAA;AAAA,QACZ,KAAO,EAAA,kBAAA;AAAA,QACP,GAAA;AAAA,QACC,GAAG,IAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA;AAGN;;;;"}