@salt-ds/core 1.20.0 → 1.21.0

package/dist-es/badge/Badge.js

@@ -8,6 +8,81 @@ 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 '../banner/Banner.js';
+import '../banner/BannerActions.js';
+import '../banner/BannerContent.js';
+import '../border-item/BorderItem.js';
+import '../border-layout/BorderLayout.js';
+import '../button/Button.js';
+import '../card/Card.js';
+import '../card/InteractableCard.js';
+import '../checkbox/Checkbox.js';
+import '../checkbox/CheckboxGroup.js';
+import '@salt-ds/icons';
+import '../combo-box/ComboBox.js';
+import '../dialog/Dialog.js';
+import '../status-indicator/StatusIndicator.js';
+import '../text/Text.js';
+import '../text/Display.js';
+import '../text/Headings.js';
+import '../text/Label.js';
+import '../text/TextNotation.js';
+import '../text/TextAction.js';
+import '../dialog/DialogContext.js';
+import '../dialog/DialogActions.js';
+import '../dialog/DialogContent.js';
+import '../dialog/DialogCloseButton.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 '../grid-item/GridItem.js';
+import '../grid-layout/GridLayout.js';
+import '../input/Input.js';
+import '../link/Link.js';
+import '../link-card/LinkCard.js';
+import '../list-control/ListControlContext.js';
+import '../multiline-input/MultilineInput.js';
+import '../navigation-item/NavigationItem.js';
+import '../option/Option.js';
+import '../option/OptionGroup.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 '../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 '../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 '../toggle-button/ToggleButton.js';
+import '../toggle-button-group/ToggleButtonGroup.js';
+import '../toggle-button-group/ToggleButtonGroupContext.js';
+import '../tooltip/Tooltip.js';
+import '@floating-ui/react';
 import css_248z from './Badge.css.js';
 
 const withBaseName = makePrefixer("saltBadge");

package/dist-es/badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sources":["../src/badge/Badge.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { forwardRef, HTMLAttributes, ReactNode } from \"react\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { makePrefixer } from \"../utils\";\n\nimport badgeCss from \"./Badge.css\";\n\nexport interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {\n  /**\n   * The number to display on the badge\n   */\n  value: number | string;\n  /**\n   * If a child is provided the Badge will render top right. By defualt renders inline.\n   */\n  children?: ReactNode;\n  /**\n   * The max number to display on the badge.\n   */\n  max?: number;\n}\nconst withBaseName = makePrefixer(\"saltBadge\");\n\nexport const Badge = forwardRef<HTMLSpanElement, BadgeProps>(function Badge(\n  { value, max = 999, className, children, ...rest },\n  ref\n) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-badge\",\n    css: badgeCss,\n    window: targetWindow,\n  });\n\n  const valueText =\n    typeof value === \"number\" && value > max ? `${max}+` : value;\n\n  return (\n    <span className={clsx(withBaseName(), className)} ref={ref} {...rest}>\n      {children}\n      <span\n        className={clsx(withBaseName(\"badge\"), {\n          [withBaseName(\"topRight\")]: children,\n        })}\n      >\n        {valueText}\n      </span>\n    </span>\n  );\n});\n"],"names":["Badge","badgeCss"],"mappings":";;;;;;;;;;;;AAsBA,MAAM,YAAA,GAAe,aAAa,WAAW,CAAA,CAAA;AAEtC,MAAM,KAAQ,GAAA,UAAA,CAAwC,SAASA,MAAAA,CACpE,EAAE,KAAA,EAAO,GAAM,GAAA,GAAA,EAAK,SAAW,EAAA,QAAA,EAAA,GAAa,IAAK,EAAA,EACjD,GACA,EAAA;AACA,EAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,YAAA;AAAA,IACR,GAAK,EAAAC,QAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,MAAM,YACJ,OAAO,KAAA,KAAU,YAAY,KAAQ,GAAA,GAAA,GAAM,GAAG,GAAS,CAAA,CAAA,CAAA,GAAA,KAAA,CAAA;AAEzD,EAAA,uBACG,IAAA,CAAA,MAAA,EAAA;AAAA,IAAK,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,IAAG,GAAA;AAAA,IAAW,GAAG,IAAA;AAAA,IAC7D,QAAA,EAAA;AAAA,MAAA,QAAA;AAAA,sBACA,GAAA,CAAA,MAAA,EAAA;AAAA,QACC,SAAW,EAAA,IAAA,CAAK,YAAa,CAAA,OAAO,CAAG,EAAA;AAAA,UACrC,CAAC,YAAa,CAAA,UAAU,CAAI,GAAA,QAAA;AAAA,SAC7B,CAAA;AAAA,QAEA,QAAA,EAAA,SAAA;AAAA,OACH,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"Badge.js","sources":["../src/badge/Badge.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { forwardRef, HTMLAttributes, ReactNode } from \"react\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { makePrefixer } from \"../utils\";\n\nimport badgeCss from \"./Badge.css\";\n\nexport interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {\n  /**\n   * The number to display on the badge\n   */\n  value: number | string;\n  /**\n   * If a child is provided the Badge will render top right. By defualt renders inline.\n   */\n  children?: ReactNode;\n  /**\n   * The max number to display on the badge.\n   */\n  max?: number;\n}\nconst withBaseName = makePrefixer(\"saltBadge\");\n\nexport const Badge = forwardRef<HTMLSpanElement, BadgeProps>(function Badge(\n  { value, max = 999, className, children, ...rest },\n  ref\n) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-badge\",\n    css: badgeCss,\n    window: targetWindow,\n  });\n\n  const valueText =\n    typeof value === \"number\" && value > max ? `${max}+` : value;\n\n  return (\n    <span className={clsx(withBaseName(), className)} ref={ref} {...rest}>\n      {children}\n      <span\n        className={clsx(withBaseName(\"badge\"), {\n          [withBaseName(\"topRight\")]: children,\n        })}\n      >\n        {valueText}\n      </span>\n    </span>\n  );\n});\n"],"names":["Badge","badgeCss"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA,MAAM,YAAA,GAAe,aAAa,WAAW,CAAA,CAAA;AAEtC,MAAM,KAAQ,GAAA,UAAA,CAAwC,SAASA,MAAAA,CACpE,EAAE,KAAA,EAAO,GAAM,GAAA,GAAA,EAAK,SAAW,EAAA,QAAA,EAAA,GAAa,IAAK,EAAA,EACjD,GACA,EAAA;AACA,EAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,YAAA;AAAA,IACR,GAAK,EAAAC,QAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,MAAM,YACJ,OAAO,KAAA,KAAU,YAAY,KAAQ,GAAA,GAAA,GAAM,GAAG,GAAS,CAAA,CAAA,CAAA,GAAA,KAAA,CAAA;AAEzD,EAAA,uBACG,IAAA,CAAA,MAAA,EAAA;AAAA,IAAK,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,IAAG,GAAA;AAAA,IAAW,GAAG,IAAA;AAAA,IAC7D,QAAA,EAAA;AAAA,MAAA,QAAA;AAAA,sBACA,GAAA,CAAA,MAAA,EAAA;AAAA,QACC,SAAW,EAAA,IAAA,CAAK,YAAa,CAAA,OAAO,CAAG,EAAA;AAAA,UACrC,CAAC,YAAa,CAAA,UAAU,CAAI,GAAA,QAAA;AAAA,SAC7B,CAAA;AAAA,QAEA,QAAA,EAAA,SAAA;AAAA,OACH,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-es/banner/Banner.js

@@ -6,9 +6,83 @@ import '../utils/useId.js';
 import '../salt-provider/SaltProvider.js';
 import '../viewport/ViewportProvider.js';
 import { clsx } from 'clsx';
-import { StatusIndicator } from '../status-indicator/StatusIndicator.js';
-import { useWindow } from '@salt-ds/window';
+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 './BannerActions.js';
+import './BannerContent.js';
+import '../border-item/BorderItem.js';
+import '../border-layout/BorderLayout.js';
+import '../button/Button.js';
+import '../card/Card.js';
+import '../card/InteractableCard.js';
+import '../checkbox/Checkbox.js';
+import '../checkbox/CheckboxGroup.js';
 import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
+import '@salt-ds/icons';
+import '../combo-box/ComboBox.js';
+import '../dialog/Dialog.js';
+import { StatusIndicator } from '../status-indicator/StatusIndicator.js';
+import '../text/Text.js';
+import '../text/Display.js';
+import '../text/Headings.js';
+import '../text/Label.js';
+import '../text/TextNotation.js';
+import '../text/TextAction.js';
+import '../dialog/DialogContext.js';
+import '../dialog/DialogActions.js';
+import '../dialog/DialogContent.js';
+import '../dialog/DialogCloseButton.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 '../grid-item/GridItem.js';
+import '../grid-layout/GridLayout.js';
+import '../input/Input.js';
+import '../link/Link.js';
+import '../link-card/LinkCard.js';
+import '../list-control/ListControlContext.js';
+import '../multiline-input/MultilineInput.js';
+import '../navigation-item/NavigationItem.js';
+import '../option/Option.js';
+import '../option/OptionGroup.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 '../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 '../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 '../toggle-button/ToggleButton.js';
+import '../toggle-button-group/ToggleButtonGroup.js';
+import '../toggle-button-group/ToggleButtonGroupContext.js';
+import '../tooltip/Tooltip.js';
+import '@floating-ui/react';
 import css_248z from './Banner.css.js';
 
 const withBaseName = makePrefixer("saltBanner");

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

@@ -1 +1 @@
-{"version":3,"file":"Banner.js","sources":["../src/banner/Banner.tsx"],"sourcesContent":["import { forwardRef, HTMLAttributes } from \"react\";\nimport { makePrefixer } from \"../utils\";\nimport { StatusIndicator, ValidationStatus } from \"../status-indicator\";\nimport { clsx } from \"clsx\";\n\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nimport bannerCss from \"./Banner.css\";\n\nexport interface BannerProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Emphasize the styling by applying a background color: defaults to false\n   */\n  variant?: \"primary\" | \"secondary\";\n  /**\n   *  A string to determine the current state of the Banner\n   */\n  status?: ValidationStatus;\n}\n\nconst withBaseName = makePrefixer(\"saltBanner\");\n\nexport const Banner = forwardRef<HTMLDivElement, BannerProps>(function Banner(\n  { children, className, variant = \"primary\", status = \"info\", ...rest },\n  ref\n) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-banner\",\n    css: bannerCss,\n    window: targetWindow,\n  });\n\n  return (\n    <div\n      className={clsx(\n        withBaseName(),\n        withBaseName(status),\n        withBaseName(variant),\n        className\n      )}\n      ref={ref}\n      {...rest}\n      aria-live=\"polite\"\n    >\n      <StatusIndicator status={status} className={withBaseName(\"icon\")} />\n      {children}\n    </div>\n  );\n});\n"],"names":["Banner","bannerCss"],"mappings":";;;;;;;;;;;;;AAqBA,MAAM,YAAA,GAAe,aAAa,YAAY,CAAA,CAAA;AAEvC,MAAM,MAAS,GAAA,UAAA,CAAwC,SAASA,OAAAA,CACrE,EAAE,QAAA,EAAU,SAAW,EAAA,OAAA,GAAU,SAAW,EAAA,MAAA,GAAS,MAAW,EAAA,GAAA,IAAA,IAChE,GACA,EAAA;AACA,EAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,aAAA;AAAA,IACR,GAAK,EAAAC,QAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,uBACG,IAAA,CAAA,KAAA,EAAA;AAAA,IACC,SAAW,EAAA,IAAA;AAAA,MACT,YAAa,EAAA;AAAA,MACb,aAAa,MAAM,CAAA;AAAA,MACnB,aAAa,OAAO,CAAA;AAAA,MACpB,SAAA;AAAA,KACF;AAAA,IACA,GAAA;AAAA,IACC,GAAG,IAAA;AAAA,IACJ,WAAU,EAAA,QAAA;AAAA,IAEV,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,eAAA,EAAA;AAAA,QAAgB,MAAA;AAAA,QAAgB,SAAA,EAAW,aAAa,MAAM,CAAA;AAAA,OAAG,CAAA;AAAA,MACjE,QAAA;AAAA,KAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"Banner.js","sources":["../src/banner/Banner.tsx"],"sourcesContent":["import { forwardRef, HTMLAttributes } from \"react\";\nimport { makePrefixer } from \"../utils\";\nimport { StatusIndicator, ValidationStatus } from \"../status-indicator\";\nimport { clsx } from \"clsx\";\n\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nimport bannerCss from \"./Banner.css\";\n\nexport interface BannerProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Emphasize the styling by applying a background color: defaults to false\n   */\n  variant?: \"primary\" | \"secondary\";\n  /**\n   *  A string to determine the current state of the Banner\n   */\n  status?: ValidationStatus;\n}\n\nconst withBaseName = makePrefixer(\"saltBanner\");\n\nexport const Banner = forwardRef<HTMLDivElement, BannerProps>(function Banner(\n  { children, className, variant = \"primary\", status = \"info\", ...rest },\n  ref\n) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-banner\",\n    css: bannerCss,\n    window: targetWindow,\n  });\n\n  return (\n    <div\n      className={clsx(\n        withBaseName(),\n        withBaseName(status),\n        withBaseName(variant),\n        className\n      )}\n      ref={ref}\n      {...rest}\n      aria-live=\"polite\"\n    >\n      <StatusIndicator status={status} className={withBaseName(\"icon\")} />\n      {children}\n    </div>\n  );\n});\n"],"names":["Banner","bannerCss"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAM,YAAA,GAAe,aAAa,YAAY,CAAA,CAAA;AAEvC,MAAM,MAAS,GAAA,UAAA,CAAwC,SAASA,OAAAA,CACrE,EAAE,QAAA,EAAU,SAAW,EAAA,OAAA,GAAU,SAAW,EAAA,MAAA,GAAS,MAAW,EAAA,GAAA,IAAA,IAChE,GACA,EAAA;AACA,EAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,aAAA;AAAA,IACR,GAAK,EAAAC,QAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,uBACG,IAAA,CAAA,KAAA,EAAA;AAAA,IACC,SAAW,EAAA,IAAA;AAAA,MACT,YAAa,EAAA;AAAA,MACb,aAAa,MAAM,CAAA;AAAA,MACnB,aAAa,OAAO,CAAA;AAAA,MACpB,SAAA;AAAA,KACF;AAAA,IACA,GAAA;AAAA,IACC,GAAG,IAAA;AAAA,IACJ,WAAU,EAAA,QAAA;AAAA,IAEV,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,eAAA,EAAA;AAAA,QAAgB,MAAA;AAAA,QAAgB,SAAA,EAAW,aAAa,MAAM,CAAA;AAAA,OAAG,CAAA;AAAA,MACjE,QAAA;AAAA,KAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-es/banner/BannerActions.js

@@ -6,9 +6,84 @@ import '../utils/useFloatingUI/useFloatingUI.js';
 import '../utils/useId.js';
 import '../salt-provider/SaltProvider.js';
 import '../viewport/ViewportProvider.js';
-import css_248z from './BannerActions.css.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 '../button/Button.js';
+import '../card/Card.js';
+import '../card/InteractableCard.js';
+import '../checkbox/Checkbox.js';
+import '../checkbox/CheckboxGroup.js';
 import { useComponentCssInjection } from '@salt-ds/styles';
 import { useWindow } from '@salt-ds/window';
+import '@salt-ds/icons';
+import '../combo-box/ComboBox.js';
+import '../dialog/Dialog.js';
+import '../status-indicator/StatusIndicator.js';
+import '../text/Text.js';
+import '../text/Display.js';
+import '../text/Headings.js';
+import '../text/Label.js';
+import '../text/TextNotation.js';
+import '../text/TextAction.js';
+import '../dialog/DialogContext.js';
+import '../dialog/DialogActions.js';
+import '../dialog/DialogContent.js';
+import '../dialog/DialogCloseButton.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 '../grid-item/GridItem.js';
+import '../grid-layout/GridLayout.js';
+import '../input/Input.js';
+import '../link/Link.js';
+import '../link-card/LinkCard.js';
+import '../list-control/ListControlContext.js';
+import '../multiline-input/MultilineInput.js';
+import '../navigation-item/NavigationItem.js';
+import '../option/Option.js';
+import '../option/OptionGroup.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 '../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 '../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 '../toggle-button/ToggleButton.js';
+import '../toggle-button-group/ToggleButtonGroup.js';
+import '../toggle-button-group/ToggleButtonGroupContext.js';
+import '../tooltip/Tooltip.js';
+import '@floating-ui/react';
+import css_248z from './BannerActions.css.js';
 
 const withBaseName = makePrefixer("saltBannerActions");
 const BannerActions = forwardRef(

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

@@ -1 +1 @@
-{"version":3,"file":"BannerActions.js","sources":["../src/banner/BannerActions.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef, ReactNode } from \"react\";\nimport { clsx } from \"clsx\";\nimport { makePrefixer } from \"../utils\";\n\nimport bannerActionsCss from \"./BannerActions.css\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\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":";;;;;;;;;;;;AAQA,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 { ComponentPropsWithoutRef, forwardRef, ReactNode } from \"react\";\nimport { clsx } from \"clsx\";\nimport { makePrefixer } from \"../utils\";\n\nimport bannerActionsCss from \"./BannerActions.css\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,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;;;;"}

package/dist-es/banner/BannerContent.js

@@ -6,9 +6,84 @@ import '../utils/useFloatingUI/useFloatingUI.js';
 import '../utils/useId.js';
 import '../salt-provider/SaltProvider.js';
 import '../viewport/ViewportProvider.js';
-import css_248z from './BannerContent.css.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 '../button/Button.js';
+import '../card/Card.js';
+import '../card/InteractableCard.js';
+import '../checkbox/Checkbox.js';
+import '../checkbox/CheckboxGroup.js';
 import { useComponentCssInjection } from '@salt-ds/styles';
 import { useWindow } from '@salt-ds/window';
+import '@salt-ds/icons';
+import '../combo-box/ComboBox.js';
+import '../dialog/Dialog.js';
+import '../status-indicator/StatusIndicator.js';
+import '../text/Text.js';
+import '../text/Display.js';
+import '../text/Headings.js';
+import '../text/Label.js';
+import '../text/TextNotation.js';
+import '../text/TextAction.js';
+import '../dialog/DialogContext.js';
+import '../dialog/DialogActions.js';
+import '../dialog/DialogContent.js';
+import '../dialog/DialogCloseButton.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 '../grid-item/GridItem.js';
+import '../grid-layout/GridLayout.js';
+import '../input/Input.js';
+import '../link/Link.js';
+import '../link-card/LinkCard.js';
+import '../list-control/ListControlContext.js';
+import '../multiline-input/MultilineInput.js';
+import '../navigation-item/NavigationItem.js';
+import '../option/Option.js';
+import '../option/OptionGroup.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 '../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 '../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 '../toggle-button/ToggleButton.js';
+import '../toggle-button-group/ToggleButtonGroup.js';
+import '../toggle-button-group/ToggleButtonGroupContext.js';
+import '../tooltip/Tooltip.js';
+import '@floating-ui/react';
+import css_248z from './BannerContent.css.js';
 
 const withBaseName = makePrefixer("saltBannerContent");
 const BannerContent = forwardRef(

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

@@ -1 +1 @@
-{"version":3,"file":"BannerContent.js","sources":["../src/banner/BannerContent.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef, ReactNode } from \"react\";\nimport { clsx } from \"clsx\";\nimport { makePrefixer } from \"../utils\";\n\nimport bannerContentCss from \"./BannerContent.css\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\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":";;;;;;;;;;;;AAQA,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 { ComponentPropsWithoutRef, forwardRef, ReactNode } from \"react\";\nimport { clsx } from \"clsx\";\nimport { makePrefixer } from \"../utils\";\n\nimport bannerContentCss from \"./BannerContent.css\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,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;;;;"}

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

@@ -8,8 +8,82 @@ import '../utils/useFloatingUI/useFloatingUI.js';
 import '../utils/useId.js';
 import '../salt-provider/SaltProvider.js';
 import '../viewport/ViewportProvider.js';
-import { useWindow } from '@salt-ds/window';
+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 '../button/Button.js';
+import '../card/Card.js';
+import '../card/InteractableCard.js';
+import '../checkbox/Checkbox.js';
+import '../checkbox/CheckboxGroup.js';
 import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
+import '@salt-ds/icons';
+import '../combo-box/ComboBox.js';
+import '../dialog/Dialog.js';
+import '../status-indicator/StatusIndicator.js';
+import '../text/Text.js';
+import '../text/Display.js';
+import '../text/Headings.js';
+import '../text/Label.js';
+import '../text/TextNotation.js';
+import '../text/TextAction.js';
+import '../dialog/DialogContext.js';
+import '../dialog/DialogActions.js';
+import '../dialog/DialogContent.js';
+import '../dialog/DialogCloseButton.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 '../grid-layout/GridLayout.js';
+import '../input/Input.js';
+import '../link/Link.js';
+import '../link-card/LinkCard.js';
+import '../list-control/ListControlContext.js';
+import '../multiline-input/MultilineInput.js';
+import '../navigation-item/NavigationItem.js';
+import '../option/Option.js';
+import '../option/OptionGroup.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 '../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 '../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 '../toggle-button/ToggleButton.js';
+import '../toggle-button-group/ToggleButtonGroup.js';
+import '../toggle-button-group/ToggleButtonGroupContext.js';
+import '../tooltip/Tooltip.js';
+import '@floating-ui/react';
 
 const BORDER_POSITION = [
   "north",

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

@@ -1 +1 @@
-{"version":3,"file":"BorderItem.js","sources":["../src/border-item/BorderItem.tsx"],"sourcesContent":["import { forwardRef, ElementType, ReactElement } from \"react\";\nimport { clsx } from \"clsx\";\nimport { GridItem, GridItemProps } from \"../grid-item\";\nimport borderItemCss from \"./BorderItem.css\";\nimport {\n  makePrefixer,\n  PolymorphicComponentPropWithRef,\n  PolymorphicRef,\n} from \"../utils\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\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 { forwardRef, ElementType, ReactElement } from \"react\";\nimport { clsx } from \"clsx\";\nimport { GridItem, GridItemProps } from \"../grid-item\";\nimport borderItemCss from \"./BorderItem.css\";\nimport {\n  makePrefixer,\n  PolymorphicComponentPropWithRef,\n  PolymorphicRef,\n} from \"../utils\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\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;;;;"}

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

@@ -7,6 +7,82 @@ 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 '../button/Button.js';
+import '../card/Card.js';
+import '../card/InteractableCard.js';
+import '../checkbox/Checkbox.js';
+import '../checkbox/CheckboxGroup.js';
+import '@salt-ds/styles';
+import '@salt-ds/window';
+import '@salt-ds/icons';
+import '../combo-box/ComboBox.js';
+import '../dialog/Dialog.js';
+import '../status-indicator/StatusIndicator.js';
+import '../text/Text.js';
+import '../text/Display.js';
+import '../text/Headings.js';
+import '../text/Label.js';
+import '../text/TextNotation.js';
+import '../text/TextAction.js';
+import '../dialog/DialogContext.js';
+import '../dialog/DialogActions.js';
+import '../dialog/DialogContent.js';
+import '../dialog/DialogCloseButton.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 '../grid-item/GridItem.js';
+import '../input/Input.js';
+import '../link/Link.js';
+import '../link-card/LinkCard.js';
+import '../list-control/ListControlContext.js';
+import '../multiline-input/MultilineInput.js';
+import '../navigation-item/NavigationItem.js';
+import '../option/Option.js';
+import '../option/OptionGroup.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 '../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 '../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 '../toggle-button/ToggleButton.js';
+import '../toggle-button-group/ToggleButtonGroup.js';
+import '../toggle-button-group/ToggleButtonGroupContext.js';
+import '../tooltip/Tooltip.js';
+import '@floating-ui/react';
 
 const withBaseName = makePrefixer("saltBorderLayout");
 const numberOfColumns = 3;

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

@@ -1 +1 @@
-{"version":3,"file":"BorderLayout.js","sources":["../src/border-layout/BorderLayout.tsx"],"sourcesContent":["import {\n  Children,\n  forwardRef,\n  ReactElement,\n  useEffect,\n  ElementType,\n} from \"react\";\nimport { clsx } from \"clsx\";\n\nimport { GridLayout, GridLayoutProps } from \"../grid-layout\";\nimport {\n  makePrefixer,\n  PolymorphicRef,\n  PolymorphicComponentPropWithRef,\n} from \"../utils\";\nimport { BorderItemProps } from \"../border-item\";\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 {\n  Children,\n  forwardRef,\n  ReactElement,\n  useEffect,\n  ElementType,\n} from \"react\";\nimport { clsx } from \"clsx\";\n\nimport { GridLayout, GridLayoutProps } from \"../grid-layout\";\nimport {\n  makePrefixer,\n  PolymorphicRef,\n  PolymorphicComponentPropWithRef,\n} from \"../utils\";\nimport { BorderItemProps } from \"../border-item\";\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;;;;"}