@salt-ds/lab 1.0.0-alpha.8 → 1.0.0-alpha.81

package/dist-es/packages/lab/src/accordion/AccordionSummary.js

@@ -1,52 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef, useCallback } from 'react';
-import { clsx } from 'clsx';
-import { makePrefixer } from '@salt-ds/core';
-import { ChevronRightIcon } from '@salt-ds/icons';
-import { useAccordionSectionContext } from './AccordionSectionContext.js';
-import './Accordion.css.js';
-
-const withBaseName = makePrefixer("saltAccordionSummary");
-const AccordionSummary = forwardRef(function AccordionSummary2({ className, children, icon, ...restProps }, ref) {
-  const { isDisabled, isExpanded, onToggle } = useAccordionSectionContext();
-  const onKeyDown = useCallback(
-    ({ key }) => {
-      if (key === "Enter" || key === " ") {
-        onToggle();
-      }
-    },
-    [onToggle]
-  );
-  if (!icon) {
-    icon = /* @__PURE__ */ jsx(ChevronRightIcon, {
-      "aria-hidden": true
-    });
-  }
-  return /* @__PURE__ */ jsxs("div", {
-    ...restProps,
-    className: clsx(
-      withBaseName(),
-      {
-        [withBaseName("disabled")]: isDisabled,
-        [withBaseName("expanded")]: isExpanded
-      },
-      className
-    ),
-    ref,
-    role: "button",
-    "aria-expanded": isExpanded,
-    onClick: isDisabled ? void 0 : onToggle,
-    onKeyDown: isDisabled ? void 0 : onKeyDown,
-    tabIndex: isDisabled ? -1 : 0,
-    children: [
-      /* @__PURE__ */ jsx("div", {
-        className: withBaseName("icon"),
-        children: icon
-      }),
-      children
-    ]
-  });
-});
-
-export { AccordionSummary };
-//# sourceMappingURL=AccordionSummary.js.map

package/dist-es/packages/lab/src/accordion/AccordionSummary.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AccordionSummary.js","sources":["../src/accordion/AccordionSummary.tsx"],"sourcesContent":["import {\n  forwardRef,\n  HTMLAttributes,\n  KeyboardEventHandler,\n  ReactNode,\n  useCallback,\n} from \"react\";\nimport { clsx } from \"clsx\";\nimport { makePrefixer } from \"@salt-ds/core\";\nimport { ChevronRightIcon } from \"@salt-ds/icons\";\nimport { useAccordionSectionContext } from \"./AccordionSectionContext\";\nimport \"./Accordion.css\";\n\nconst withBaseName = makePrefixer(\"saltAccordionSummary\");\n\nexport interface AccordionSummaryProps extends HTMLAttributes<HTMLDivElement> {\n  icon?: ReactNode;\n}\n\nexport const AccordionSummary = forwardRef<\n  HTMLDivElement,\n  AccordionSummaryProps\n>(function AccordionSummary({ className, children, icon, ...restProps }, ref) {\n  const { isDisabled, isExpanded, onToggle } = useAccordionSectionContext();\n\n  const onKeyDown: KeyboardEventHandler<HTMLDivElement> = useCallback(\n    ({ key }) => {\n      if (key === \"Enter\" || key === \" \") {\n        onToggle();\n      }\n    },\n    [onToggle]\n  );\n\n  if (!icon) {\n    icon = <ChevronRightIcon aria-hidden />;\n  }\n\n  return (\n    <div\n      {...restProps}\n      className={clsx(\n        withBaseName(),\n        {\n          [withBaseName(\"disabled\")]: isDisabled,\n          [withBaseName(\"expanded\")]: isExpanded,\n        },\n        className\n      )}\n      ref={ref}\n      role=\"button\"\n      aria-expanded={isExpanded}\n      onClick={isDisabled ? undefined : onToggle}\n      onKeyDown={isDisabled ? undefined : onKeyDown}\n      tabIndex={isDisabled ? -1 : 0}\n    >\n      <div className={withBaseName(\"icon\")}>{icon}</div>\n      {children}\n    </div>\n  );\n});\n"],"names":["AccordionSummary"],"mappings":";;;;;;;;AAaA,MAAM,YAAA,GAAe,aAAa,sBAAsB,CAAA,CAAA;AAM3C,MAAA,gBAAA,GAAmB,UAG9B,CAAA,SAASA,iBAAiB,CAAA,EAAE,WAAW,QAAU,EAAA,IAAA,EAAA,GAAS,SAAU,EAAA,EAAG,GAAK,EAAA;AAC5E,EAAA,MAAM,EAAE,UAAA,EAAY,UAAY,EAAA,QAAA,KAAa,0BAA2B,EAAA,CAAA;AAExE,EAAA,MAAM,SAAkD,GAAA,WAAA;AAAA,IACtD,CAAC,EAAE,GAAA,EAAU,KAAA;AACX,MAAI,IAAA,GAAA,KAAQ,OAAW,IAAA,GAAA,KAAQ,GAAK,EAAA;AAClC,QAAS,QAAA,EAAA,CAAA;AAAA,OACX;AAAA,KACF;AAAA,IACA,CAAC,QAAQ,CAAA;AAAA,GACX,CAAA;AAEA,EAAA,IAAI,CAAC,IAAM,EAAA;AACT,IAAA,IAAA,mBAAQ,GAAA,CAAA,gBAAA,EAAA;AAAA,MAAiB,aAAW,EAAA,IAAA;AAAA,KAAC,CAAA,CAAA;AAAA,GACvC;AAEA,EAAA,uBACG,IAAA,CAAA,KAAA,EAAA;AAAA,IACE,GAAG,SAAA;AAAA,IACJ,SAAW,EAAA,IAAA;AAAA,MACT,YAAa,EAAA;AAAA,MACb;AAAA,QACE,CAAC,YAAa,CAAA,UAAU,CAAI,GAAA,UAAA;AAAA,QAC5B,CAAC,YAAa,CAAA,UAAU,CAAI,GAAA,UAAA;AAAA,OAC9B;AAAA,MACA,SAAA;AAAA,KACF;AAAA,IACA,GAAA;AAAA,IACA,IAAK,EAAA,QAAA;AAAA,IACL,eAAe,EAAA,UAAA;AAAA,IACf,OAAA,EAAS,aAAa,KAAY,CAAA,GAAA,QAAA;AAAA,IAClC,SAAA,EAAW,aAAa,KAAY,CAAA,GAAA,SAAA;AAAA,IACpC,QAAA,EAAU,aAAa,CAAK,CAAA,GAAA,CAAA;AAAA,IAE5B,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,KAAA,EAAA;AAAA,QAAI,SAAA,EAAW,aAAa,MAAM,CAAA;AAAA,QAAI,QAAA,EAAA,IAAA;AAAA,OAAK,CAAA;AAAA,MAC3C,QAAA;AAAA,KAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-es/packages/lab/src/accordion/utils.js

@@ -1,4 +0,0 @@
-const isNotProduction = () => process.env.NODE_ENV !== "production";
-
-export { isNotProduction };
-//# sourceMappingURL=utils.js.map

package/dist-es/packages/lab/src/accordion/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sources":["../src/accordion/utils.ts"],"sourcesContent":["export const isNotProduction = () => process.env.NODE_ENV !== \"production\";\n"],"names":[],"mappings":"AAAO,MAAM,eAAkB,GAAA,MAAM,OAAQ,CAAA,GAAA,CAAI,QAAa,KAAA;;;;"}

package/dist-es/packages/lab/src/app-header/AppHeader.css.js

@@ -1,7 +0,0 @@
-import styleInject from '../../../../node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".salt-density-medium,\n.salt-density-low,\n.salt-density-touch {\n  --appHeader-height: var(--saltAppHeader-height, calc(var(--salt-size-base) + var(--salt-size-unit) * 2));\n}\n\n.salt-density-high {\n  --appHeader-height: var(--saltAppHeader-height, calc(var(--salt-size-base) + var(--salt-size-unit) * 3));\n}\n\n.saltAppHeader {\n  --appHeader-background: var(--salt-container-primary-background);\n  --appHeader-separable-bar: var(--salt-separable-secondary-borderColor);\n  --appHeader-shadow: var(--saltAppHeader-shadow, var(--salt-overlayable-shadow-borderRegion));\n  --appHeader-padding: var(--salt-size-container-spacing);\n  --appHeader-paddingLeft: 8px;\n  --appHeader-paddingRight: var(--appHeader-padding);\n\n  --saltToolbar-width: auto;\n}\n\n.saltAppHeader .saltTabstrip {\n  --saltTabs-tabstrip-height: var(--appHeader-height);\n  /* App header has its own bottom border, so remove tabs line but keeping activation indicator */\n  --saltTabs-activationIndicator-height: 0px;\n  --saltTabs-activationIndicator-thumb-inset: -2px 0 0 0;\n}\n\n.saltAppHeader {\n  align-items: flex-start;\n  background: var(--appHeader-background);\n  border-bottom: var(--salt-container-borderStyle) var(--salt-size-border) var(--salt-container-primary-borderColor);\n  box-shadow: var(--appHeader-shadow);\n  box-sizing: content-box;\n  display: flex;\n  flex: 0 0 auto;\n  height: var(--appHeader-height);\n  overflow: hidden;\n  padding: 0 var(--appHeader-paddingRight) 0 var(--appHeader-paddingLeft);\n  width: 100%;\n}\n\n.saltAppHeader > .Responsive-inner {\n  width: 100%;\n  /* overflow: hidden; */\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  /* justify-content: space-between; */\n  flex: 1;\n  min-height: var(--appHeader-height);\n}\n\n.saltAppHeader > .Responsive-inner > .responsive-pillar {\n  width: 0;\n  height: var(--appHeader-height);\n}\n\n.saltAppHeader-navMenu {\n  margin-right: 12px;\n  padding-right: 8px;\n}\n\n.saltAppHeader-navMenu::after {\n  top: 0;\n  right: 0;\n  width: var(--salt-size-border);\n  bottom: 0;\n  content: \"\";\n  position: absolute;\n  background: var(--appHeader-separable-bar);\n}\n\n.saltAppHeader .saltLogo:not(.saltLogo-compact) {\n  margin-left: 16px;\n}\n\n.saltAppHeader > .Responsive-inner > .Tabstrip {\n  align-self: flex-end;\n  flex: 0 0 auto;\n  margin-left: 48px;\n}\n\n.saltAppHeader > .Responsive-inner > [data-pad-end] {\n  margin-right: auto;\n}\n\n.saltAppHeader > .Responsive-inner > * {\n  flex-shrink: 0;\n}\n\n.saltAppHeader > .Responsive-inner > .Toolbar {\n  justify-content: flex-end;\n  margin-left: 48px;\n}\n\n.saltAppHeader > .Responsive-inner > [data-pad-start=\"true\"] {\n  margin-left: auto;\n}\n\n.saltAppHeader > .Responsive-inner[data-collapsing=\"true\"] {\n  flex-wrap: nowrap;\n}\n\n.saltAppHeader > .Responsive-inner > *[data-collapsing=\"true\"] {\n  flex-shrink: 1;\n}\n\n.saltAppHeader > .Responsive-inner > *[data-collapsible=\"dynamic\"][data-collapsed=\"true\"] {\n  flex-basis: 0;\n  flex-grow: 0;\n  flex-shrink: 0;\n}\n";
-styleInject(css_248z);
-
-export { css_248z as default };
-//# sourceMappingURL=AppHeader.css.js.map

package/dist-es/packages/lab/src/app-header/AppHeader.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppHeader.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist-es/packages/lab/src/app-header/AppHeader.js

@@ -1,28 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { clsx } from 'clsx';
-import { Toolbar } from '../toolbar/Toolbar.js';
-import { makePrefixer } from '@salt-ds/core';
-import { forwardRef } from 'react';
-import '../toolbar/overflow-panel/OverflowPanel.js';
-import '../utils/useFloatingUI.js';
-import '../responsive/useResizeObserver.js';
-import '../toolbar/toolbar-field/ToolbarField.js';
-import '../toolbar/Tooltray.css.js';
-import '../toolbar/ToolbarButton.js';
-import { MenuIcon } from '@salt-ds/icons';
-import './AppHeader.css.js';
-
-const withBaseName = makePrefixer("saltAppHeader");
-const AppHeader = forwardRef(
-  ({ children, className, ...rest }, ref) => {
-    return /* @__PURE__ */ jsx(Toolbar, {
-      className: clsx(withBaseName(), className),
-      ref,
-      overflowButtonIcon: /* @__PURE__ */ jsx(MenuIcon, {}),
-      children
-    });
-  }
-);
-
-export { AppHeader };
-//# sourceMappingURL=AppHeader.js.map

package/dist-es/packages/lab/src/app-header/AppHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppHeader.js","sources":["../src/app-header/AppHeader.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { Toolbar } from \"../toolbar\";\nimport { makePrefixer } from \"@salt-ds/core\";\nimport { MenuIcon } from \"@salt-ds/icons\";\n\nimport \"./AppHeader.css\";\nimport { forwardRef, HTMLAttributes } from \"react\";\n\nconst withBaseName = makePrefixer(\"saltAppHeader\");\n\nexport type AppHeaderProps = HTMLAttributes<HTMLDivElement>;\n\nexport const AppHeader = forwardRef<HTMLDivElement, AppHeaderProps>(\n  ({ children, className, ...rest }, ref) => {\n    // const [innerContainerRef, overflowedItems] = useOverflowObserver(\n    //   \"horizontal\",\n    //   null\n    // );\n\n    return (\n      <Toolbar\n        className={clsx(withBaseName(), className)}\n        ref={ref}\n        overflowButtonIcon={<MenuIcon />}\n        // OverflowButtonProps={{ align: \"start\" }}\n      >\n        {children}\n      </Toolbar>\n    );\n    // return (\n    //   <div className={clsx(withBaseName(), className)} ref={ref} {...rest}>\n    //     <div className={withBaseName(\"innerContainer\")} ref={innerContainerRef}>\n    //       <OverflowMenu\n    //         className={withBaseName(\"navMenu\")}\n    //         IconComponent={MenuIcon}\n    //         source={overflowedItems}\n    //       />\n    //       {children}\n    //     </div>\n    //   </div>\n    // );\n  }\n);\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAQA,MAAM,YAAA,GAAe,aAAa,eAAe,CAAA,CAAA;AAI1C,MAAM,SAAY,GAAA,UAAA;AAAA,EACvB,CAAC,EAAE,QAAA,EAAU,SAAc,EAAA,GAAA,IAAA,IAAQ,GAAQ,KAAA;AAMzC,IAAA,uBACG,GAAA,CAAA,OAAA,EAAA;AAAA,MACC,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,MACzC,GAAA;AAAA,MACA,kBAAA,sBAAqB,QAAS,EAAA,EAAA,CAAA;AAAA,MAG7B,QAAA;AAAA,KACH,CAAA,CAAA;AAAA,GAcJ;AACF;;;;"}

package/dist-es/packages/lab/src/badge/Badge.css.js

@@ -1,7 +0,0 @@
-import styleInject from '../../../../node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = "/* Default variables applied to the root element */\n.saltBadge {\n  /* Colors */\n  --badge-content-text-color: var(--saltBadge-content-text-color, var(--salt-accent-foreground));\n  --badge-content-icon-color: var(--saltBadge-content-icon-color, var(--salt-accent-background));\n  /* Font, Typography */\n  --badge-content-borderRadius: 16px;\n  --badge-content-lineHeight: 15px;\n  --badge-content-padding: 0px 4px;\n  --badge-fontSize: var(--saltBadge-fontSize, var(--salt-text-label-fontSize));\n\n  /* Derived */\n  /* Same as content padding in x */\n  --badge-offset-inline: -4px;\n\n  --badge-sequence-gap: var(--salt-size-unit);\n}\n\n/* Style applied to the root element */\n.saltBadge {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  display: inline-flex;\n  position: relative;\n  flex-shrink: 0;\n  vertical-align: middle;\n  line-height: var(--salt-text-lineHeight);\n  font-size: var(--salt-text-fontSize);\n}\n\n/* Give automatic margin when they sit next to each other */\n.saltBadge + .saltBadge {\n  margin-left: var(--badge-sequence-gap);\n}\n\n/* Style applied to the badge in the corner of the node */\n.saltBadge-badge {\n  color: var(--badge-content-text-color);\n  display: inline-block;\n  font-weight: 700; /* TODO: Use characteristic once aligned */\n  font-size: var(--badge-fontSize);\n  /* default small type */\n  width: auto;\n  min-width: 15px;\n  line-height: var(--badge-content-lineHeight);\n  border-radius: var(--badge-content-borderRadius);\n  text-align: center;\n\n  transform: translate(var(--badge-offset-inline), -50%);\n  transform-origin: 100% 0%;\n  /*\n    We want offset the next inline element to be strictly next to the badge.\n    This negative margin makes sure this node \"appears\" to be narrower.\n   */\n  margin-right: var(--badge-offset-inline);\n\n  padding: var(--badge-content-padding);\n  background: var(--badge-content-icon-color);\n\n  position: relative;\n\n  flex-wrap: wrap;\n  align-items: center;\n  align-content: center;\n  flex-direction: row;\n  justify-content: center;\n}\n";
-styleInject(css_248z);
-
-export { css_248z as default };
-//# sourceMappingURL=Badge.css.js.map

package/dist-es/packages/lab/src/badge/Badge.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Badge.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist-es/packages/lab/src/badge/Badge.js

@@ -1,43 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { makePrefixer, useId } from '@salt-ds/core';
-import { MessageIcon } from '@salt-ds/icons';
-import { clsx } from 'clsx';
-import { forwardRef, isValidElement, cloneElement } from 'react';
-import './Badge.css.js';
-
-const withBaseName = makePrefixer("saltBadge");
-const Badge = forwardRef(function Badge2({
-  badgeContent = 0,
-  max = 1e3,
-  className,
-  children = /* @__PURE__ */ jsx(MessageIcon, {}),
-  ...rest
-}, ref) {
-  var _a;
-  const badgeId = useId();
-  const childId = useId(
-    isValidElement(children) ? (_a = children.props) == null ? void 0 : _a.id : void 0
-  );
-  let badgeContentValue = badgeContent;
-  if (badgeContentValue > max) {
-    badgeContentValue = `${max}+`;
-  }
-  return /* @__PURE__ */ jsxs("span", {
-    className: clsx(withBaseName(), className),
-    ref,
-    role: "img",
-    "aria-labelledby": clsx(childId, badgeId),
-    ...rest,
-    children: [
-      children && isValidElement(children) ? cloneElement(children, { id: childId }) : children,
-      /* @__PURE__ */ jsx("span", {
-        id: badgeId,
-        className: clsx(withBaseName("badge")),
-        children: badgeContentValue
-      })
-    ]
-  });
-});
-
-export { Badge };
-//# sourceMappingURL=Badge.js.map

package/dist-es/packages/lab/src/badge/Badge.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Badge.js","sources":["../src/badge/Badge.tsx"],"sourcesContent":["import { makePrefixer, useId } from \"@salt-ds/core\";\nimport { MessageIcon } from \"@salt-ds/icons\";\nimport { clsx } from \"clsx\";\nimport {\n  cloneElement,\n  forwardRef,\n  HTMLAttributes,\n  isValidElement,\n  ReactElement,\n  ReactText,\n} from \"react\";\n\nimport \"./Badge.css\";\n\n/**\n * @example overriding density prop to fit a smaller denser space otherwise handled through context provider\n * <Badge density={'high'} />\n *\n * NOTE: Badge component no longer has AccessibleText prop\n *\n */\n\nexport interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {\n  /**\n   * The number to display on the badge.\n   */\n  badgeContent?: string | number;\n  /**\n   * The badge will be added relative to this node. Renders the \"message\" icon by default.\n   */\n  children?: ReactElement<HTMLAttributes<HTMLElement>> | ReactText;\n  /**\n   * The className(s) of the component.\n   */\n  className?: string;\n  /**\n   * The max number to display on the badge.\n   */\n  max?: number;\n}\n\nconst withBaseName = makePrefixer(\"saltBadge\");\n\nexport const Badge = forwardRef<HTMLSpanElement, BadgeProps>(function Badge(\n  {\n    badgeContent = 0,\n    max = 1000,\n    className,\n    children = <MessageIcon />,\n    ...rest\n  },\n  ref\n) {\n  const badgeId = useId();\n  const childId = useId(\n    isValidElement<HTMLAttributes<HTMLElement>>(children)\n      ? children.props?.id\n      : undefined\n  );\n\n  let badgeContentValue = badgeContent;\n  if (badgeContentValue > max) {\n    badgeContentValue = `${max}+`;\n  }\n\n  return (\n    <span\n      className={clsx(withBaseName(), className)}\n      ref={ref}\n      role=\"img\"\n      aria-labelledby={clsx(childId, badgeId)}\n      {...rest}\n    >\n      {children && isValidElement<HTMLAttributes<HTMLElement>>(children)\n        ? cloneElement(children, { id: childId })\n        : children}\n      <span id={badgeId} className={clsx(withBaseName(\"badge\"))}>\n        {badgeContentValue}\n      </span>\n    </span>\n  );\n});\n"],"names":["Badge"],"mappings":";;;;;;;AAyCA,MAAM,YAAA,GAAe,aAAa,WAAW,CAAA,CAAA;AAEhC,MAAA,KAAA,GAAQ,UAAwC,CAAA,SAASA,MACpE,CAAA;AAAA,EACE,YAAe,GAAA,CAAA;AAAA,EACf,GAAM,GAAA,GAAA;AAAA,EACN,SAAA;AAAA,EACA,QAAA,uBAAY,WAAY,EAAA,EAAA,CAAA;AAAA,EACrB,GAAA,IAAA;AACL,CAAA,EACA,GACA,EAAA;AApDF,EAAA,IAAA,EAAA,CAAA;AAqDE,EAAA,MAAM,UAAU,KAAM,EAAA,CAAA;AACtB,EAAA,MAAM,OAAU,GAAA,KAAA;AAAA,IACd,eAA4C,QAAQ,CAAA,GAAA,CAChD,EAAS,GAAA,QAAA,CAAA,KAAA,KAAT,mBAAgB,EAChB,GAAA,KAAA,CAAA;AAAA,GACN,CAAA;AAEA,EAAA,IAAI,iBAAoB,GAAA,YAAA,CAAA;AACxB,EAAA,IAAI,oBAAoB,GAAK,EAAA;AAC3B,IAAA,iBAAA,GAAoB,CAAG,EAAA,GAAA,CAAA,CAAA,CAAA,CAAA;AAAA,GACzB;AAEA,EAAA,uBACG,IAAA,CAAA,MAAA,EAAA;AAAA,IACC,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,IACzC,GAAA;AAAA,IACA,IAAK,EAAA,KAAA;AAAA,IACL,iBAAA,EAAiB,IAAK,CAAA,OAAA,EAAS,OAAO,CAAA;AAAA,IACrC,GAAG,IAAA;AAAA,IAEH,QAAA,EAAA;AAAA,MAAY,QAAA,IAAA,cAAA,CAA4C,QAAQ,CAC7D,GAAA,YAAA,CAAa,UAAU,EAAE,EAAA,EAAI,OAAQ,EAAC,CACtC,GAAA,QAAA;AAAA,sBACH,GAAA,CAAA,MAAA,EAAA;AAAA,QAAK,EAAI,EAAA,OAAA;AAAA,QAAS,SAAW,EAAA,IAAA,CAAK,YAAa,CAAA,OAAO,CAAC,CAAA;AAAA,QACrD,QAAA,EAAA,iBAAA;AAAA,OACH,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-es/packages/lab/src/banner/Banner.css.js

@@ -1,7 +0,0 @@
-import styleInject from '../../../../node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = "/* Styles applied to root component */\n.saltBanner {\n  --banner-background: var(--salt-container-primary-background);\n\n  background: var(--saltBanner-background, var(--banner-background));\n  border-color: var(--saltBanner-borderColor, var(--banner-borderColor));\n  border-width: var(--saltBanner-borderWidth, var(--salt-size-border));\n  border-style: var(--saltBanner-borderStyle, var(--salt-container-borderStyle));\n  box-sizing: border-box;\n  display: flex;\n  gap: var(--salt-size-unit);\n  padding: var(--saltBanner-padding, var(--salt-size-unit));\n  align-items: baseline;\n  width: 100%;\n}\n\n/* Styles applied to icon */\n.saltBanner-icon {\n  --saltIcon-margin: calc((var(--salt-text-lineHeight) - 12px) / 2) 0 0 0;\n}\n\n/* Styles applied when state = \"info\" */\n.saltBanner-info {\n  --banner-borderColor: var(--salt-status-info-borderColor);\n}\n\n/* Styles applied when state = \"error\" */\n.saltBanner-error {\n  --banner-borderColor: var(--salt-status-error-borderColor);\n}\n\n/* Styles applied when state = \"warning\" */\n.saltBanner-warning {\n  --banner-borderColor: var(--salt-status-warning-borderColor);\n}\n\n/* Styles applied when state = \"success\" */\n.saltBanner-success {\n  --banner-borderColor: var(--salt-status-success-borderColor);\n}\n\n.saltBanner-emphasize.saltBanner-info {\n  --banner-background: var(--salt-status-info-background);\n}\n\n.saltBanner-emphasize.saltBanner-error {\n  --banner-background: var(--salt-status-error-background);\n}\n\n.saltBanner-emphasize.saltBanner-warning {\n  --banner-background: var(--salt-status-warning-background);\n}\n\n.saltBanner-emphasize.saltBanner-success {\n  --banner-background: var(--salt-status-success-background);\n}\n";
-styleInject(css_248z);
-
-export { css_248z as default };
-//# sourceMappingURL=Banner.css.js.map

package/dist-es/packages/lab/src/banner/Banner.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Banner.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist-es/packages/lab/src/banner/Banner.js

@@ -1,47 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef, useState, useEffect } from 'react';
-import { makePrefixer, useAriaAnnouncer, useForkRef, StatusIndicator } from '@salt-ds/core';
-import { clsx } from 'clsx';
-import getInnerText from './internal/getInnerText.js';
-import './Banner.css.js';
-
-const withBaseName = makePrefixer("saltBanner");
-const Banner = forwardRef(function Banner2({
-  announcement: announcementProp,
-  disableAnnouncer = true,
-  children,
-  className,
-  emphasize = false,
-  status = "info",
-  ...rest
-}, ref) {
-  const { announce } = useAriaAnnouncer();
-  const [containerNode, setContainerNode] = useState(
-    null
-  );
-  const handleRef = useForkRef(setContainerNode, ref);
-  useEffect(() => {
-    if (!disableAnnouncer && containerNode) {
-      const announcement = announcementProp || getInnerText(containerNode);
-      announce(announcement, 250);
-    }
-  }, [announce, disableAnnouncer, containerNode, announcementProp]);
-  return /* @__PURE__ */ jsxs("div", {
-    className: clsx(withBaseName(), withBaseName(status), className, {
-      [withBaseName("emphasize")]: emphasize
-    }),
-    ref: handleRef,
-    ...rest,
-    "aria-live": "polite",
-    children: [
-      /* @__PURE__ */ jsx(StatusIndicator, {
-        className: clsx(withBaseName("icon"), className),
-        status
-      }),
-      children
-    ]
-  });
-});
-
-export { Banner };
-//# sourceMappingURL=Banner.js.map

package/dist-es/packages/lab/src/banner/Banner.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Banner.js","sources":["../src/banner/Banner.tsx"],"sourcesContent":["import { forwardRef, HTMLAttributes, useEffect, useState } from \"react\";\nimport {\n  makePrefixer,\n  StatusIndicator,\n  useAriaAnnouncer,\n  useForkRef,\n  ValidationStatus,\n} from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\n\nimport getInnerText from \"./internal/getInnerText\";\nimport \"./Banner.css\";\n\nexport interface BannerProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Announcement message for screen reader 250ms after the banner is mounted.\n   */\n  announcement?: string;\n  /**\n   * If false, the built-in ARIA announcer will be applied. If true, the default browser behaviour will be applied instead.\n   */\n  disableAnnouncer?: boolean;\n  /**\n   * Emphasize the styling by applying a background color: defaults to false\n   */\n  emphasize?: boolean;\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  {\n    announcement: announcementProp,\n    disableAnnouncer = true,\n    children,\n    className,\n    emphasize = false,\n    status = \"info\",\n    ...rest\n  },\n  ref\n) {\n  const { announce } = useAriaAnnouncer();\n\n  const [containerNode, setContainerNode] = useState<HTMLDivElement | null>(\n    null\n  );\n\n  const handleRef = useForkRef<HTMLDivElement>(setContainerNode, ref);\n\n  useEffect(() => {\n    if (!disableAnnouncer && containerNode) {\n      const announcement = announcementProp || getInnerText(containerNode);\n      announce(announcement, 250);\n    }\n  }, [announce, disableAnnouncer, containerNode, announcementProp]);\n\n  return (\n    <div\n      className={clsx(withBaseName(), withBaseName(status), className, {\n        [withBaseName(\"emphasize\")]: emphasize,\n      })}\n      ref={handleRef}\n      {...rest}\n      aria-live=\"polite\"\n    >\n      <StatusIndicator\n        className={clsx(withBaseName(\"icon\"), className)}\n        status={status}\n      />\n      {children}\n    </div>\n  );\n});\n"],"names":["Banner"],"mappings":";;;;;;;AAgCA,MAAM,YAAA,GAAe,aAAa,YAAY,CAAA,CAAA;AAEjC,MAAA,MAAA,GAAS,UAAwC,CAAA,SAASA,OACrE,CAAA;AAAA,EACE,YAAc,EAAA,gBAAA;AAAA,EACd,gBAAmB,GAAA,IAAA;AAAA,EACnB,QAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAY,GAAA,KAAA;AAAA,EACZ,MAAS,GAAA,MAAA;AAAA,EACN,GAAA,IAAA;AACL,CAAA,EACA,GACA,EAAA;AACA,EAAM,MAAA,EAAE,QAAS,EAAA,GAAI,gBAAiB,EAAA,CAAA;AAEtC,EAAM,MAAA,CAAC,aAAe,EAAA,gBAAgB,CAAI,GAAA,QAAA;AAAA,IACxC,IAAA;AAAA,GACF,CAAA;AAEA,EAAM,MAAA,SAAA,GAAY,UAA2B,CAAA,gBAAA,EAAkB,GAAG,CAAA,CAAA;AAElE,EAAA,SAAA,CAAU,MAAM;AACd,IAAI,IAAA,CAAC,oBAAoB,aAAe,EAAA;AACtC,MAAM,MAAA,YAAA,GAAe,gBAAoB,IAAA,YAAA,CAAa,aAAa,CAAA,CAAA;AACnE,MAAA,QAAA,CAAS,cAAc,GAAG,CAAA,CAAA;AAAA,KAC5B;AAAA,KACC,CAAC,QAAA,EAAU,gBAAkB,EAAA,aAAA,EAAe,gBAAgB,CAAC,CAAA,CAAA;AAEhE,EAAA,uBACG,IAAA,CAAA,KAAA,EAAA;AAAA,IACC,WAAW,IAAK,CAAA,YAAA,IAAgB,YAAa,CAAA,MAAM,GAAG,SAAW,EAAA;AAAA,MAC/D,CAAC,YAAa,CAAA,WAAW,CAAI,GAAA,SAAA;AAAA,KAC9B,CAAA;AAAA,IACD,GAAK,EAAA,SAAA;AAAA,IACJ,GAAG,IAAA;AAAA,IACJ,WAAU,EAAA,QAAA;AAAA,IAEV,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,eAAA,EAAA;AAAA,QACC,SAAW,EAAA,IAAA,CAAK,YAAa,CAAA,MAAM,GAAG,SAAS,CAAA;AAAA,QAC/C,MAAA;AAAA,OACF,CAAA;AAAA,MACC,QAAA;AAAA,KAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-es/packages/lab/src/banner/BannerCloseButton.css.js

@@ -1,7 +0,0 @@
-import styleInject from '../../../../node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = "/* Styles applied to BannerCloseButton */\n.saltBannerCloseButton {\n  margin: calc(var(--salt-size-unit) * -0.5) auto calc(var(--salt-size-unit) * -0.5) var(--salt-size-unit);\n}\n";
-styleInject(css_248z);
-
-export { css_248z as default };
-//# sourceMappingURL=BannerCloseButton.css.js.map

package/dist-es/packages/lab/src/banner/BannerCloseButton.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BannerCloseButton.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist-es/packages/lab/src/banner/BannerCloseButton.js

@@ -1,15 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { makePrefixer, Button } from '@salt-ds/core';
-import { CloseIcon } from '@salt-ds/icons';
-import './BannerCloseButton.css.js';
-
-const withBaseName = makePrefixer("saltBannerClose");
-const BannerCloseButton = (props) => /* @__PURE__ */ jsx(Button, {
-  ...props,
-  className: withBaseName(),
-  variant: "secondary",
-  children: /* @__PURE__ */ jsx(CloseIcon, {})
-});
-
-export { BannerCloseButton };
-//# sourceMappingURL=BannerCloseButton.js.map

package/dist-es/packages/lab/src/banner/BannerCloseButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BannerCloseButton.js","sources":["../src/banner/BannerCloseButton.tsx"],"sourcesContent":["import { Button, ButtonProps, makePrefixer } from \"@salt-ds/core\";\nimport { CloseIcon } from \"@salt-ds/icons\";\n\nimport \"./BannerCloseButton.css\";\n\nconst withBaseName = makePrefixer(\"saltBannerClose\");\n\nexport const BannerCloseButton = (props: ButtonProps) => (\n  <Button {...props} className={withBaseName()} variant=\"secondary\">\n    <CloseIcon />\n  </Button>\n);\n"],"names":[],"mappings":";;;;;AAKA,MAAM,YAAA,GAAe,aAAa,iBAAiB,CAAA,CAAA;AAEtC,MAAA,iBAAA,GAAoB,CAAC,KAAA,qBAC/B,GAAA,CAAA,MAAA,EAAA;AAAA,EAAQ,GAAG,KAAA;AAAA,EAAO,WAAW,YAAa,EAAA;AAAA,EAAG,OAAQ,EAAA,WAAA;AAAA,EACpD,8BAAC,SAAU,EAAA,EAAA,CAAA;AAAA,CACb;;;;"}

package/dist-es/packages/lab/src/banner/BannerContent.css.js

@@ -1,7 +0,0 @@
-import styleInject from '../../../../node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = "/* Styles applied to BannerContent */\n.saltBannerContent {\n  flex: 1 0;\n  align-self: center;\n}\n";
-styleInject(css_248z);
-
-export { css_248z as default };
-//# sourceMappingURL=BannerContent.css.js.map

package/dist-es/packages/lab/src/banner/BannerContent.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BannerContent.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist-es/packages/lab/src/banner/BannerContent.js

@@ -1,14 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { makePrefixer } from '@salt-ds/core';
-import './BannerContent.css.js';
-
-const withBaseName = makePrefixer("saltBannerContent");
-const BannerContent = ({ children }) => {
-  return /* @__PURE__ */ jsx("span", {
-    className: withBaseName(),
-    children
-  });
-};
-
-export { BannerContent };
-//# sourceMappingURL=BannerContent.js.map

package/dist-es/packages/lab/src/banner/BannerContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BannerContent.js","sources":["../src/banner/BannerContent.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport { makePrefixer } from \"@salt-ds/core\";\n\nimport \"./BannerContent.css\";\n\nconst withBaseName = makePrefixer(\"saltBannerContent\");\n\nexport const BannerContent = ({ children }: { children: ReactNode }) => {\n  return <span className={withBaseName()}>{children}</span>;\n};\n"],"names":[],"mappings":";;;;AAKA,MAAM,YAAA,GAAe,aAAa,mBAAmB,CAAA,CAAA;AAE9C,MAAM,aAAgB,GAAA,CAAC,EAAE,QAAA,EAAwC,KAAA;AACtE,EAAA,uBAAQ,GAAA,CAAA,MAAA,EAAA;AAAA,IAAK,WAAW,YAAa,EAAA;AAAA,IAAI,QAAA;AAAA,GAAS,CAAA,CAAA;AACpD;;;;"}

package/dist-es/packages/lab/src/banner/internal/getInnerText.js

@@ -1,10 +0,0 @@
-function getInnerText(element) {
-  let innerText = "";
-  if (element) {
-    innerText = element.innerText;
-  }
-  return innerText.replace(/(\r?\n)/gm, " ").trim();
-}
-
-export { getInnerText as default };
-//# sourceMappingURL=getInnerText.js.map

package/dist-es/packages/lab/src/banner/internal/getInnerText.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getInnerText.js","sources":["../src/banner/internal/getInnerText.ts"],"sourcesContent":["export default function getInnerText(element: HTMLElement): string {\n  let innerText = \"\";\n  if (element) {\n    innerText = element.innerText;\n  }\n  return innerText.replace(/(\\r?\\n)/gm, \" \").trim();\n}\n"],"names":[],"mappings":"AAAA,SAAwB,aAAa,OAA8B,EAAA;AACjE,EAAA,IAAI,SAAY,GAAA,EAAA,CAAA;AAChB,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,SAAA,GAAY,OAAQ,CAAA,SAAA,CAAA;AAAA,GACtB;AACA,EAAA,OAAO,SAAU,CAAA,OAAA,CAAQ,WAAa,EAAA,GAAG,EAAE,IAAK,EAAA,CAAA;AAClD;;;;"}

package/dist-es/packages/lab/src/breadcrumbs/Breadcrumb.css.js

@@ -1,7 +0,0 @@
-import styleInject from '../../../../node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".saltBreadcrumb {\n  --breadcrumbs-crumb-color: var(--saltBreadcrumbs-crumb-color, var(--salt-actionable-primary-foreground));\n  --breadcrumbs-crumb-color-hover: var(--saltBreadcrumbs-crumb-color-hover, var(--salt-actionable-primary-foreground-hover));\n  --breadcrumbs-crumb-color-active: var(--saltBreadcrumbs-crumb-color-active, var(--salt-actionable-primary-foreground-active));\n  --breadcrumbs-crumb-icon-color: var(--saltBreadcrumbs-crumb-icon-color, var(--breadcrumbs-crumb-color));\n  --breadcrumbs-crumb-marginLeft: 0px;\n}\n\n.saltBreadcrumb {\n  padding: 0px;\n}\n\n.saltBreadcrumb-regular {\n  display: flex;\n  gap: calc(var(--salt-size-unit) / 2);\n  align-items: center;\n  color: var(--breadcrumbs-crumb-color);\n}\n\n.saltBreadcrumb-regular:visited {\n  color: currentColor;\n}\n\n.saltBreadcrumb-regular:visited .saltBreadcrumb-icon {\n  color: currentColor;\n}\n\n.saltBreadcrumb-regular:hover {\n  color: var(--breadcrumbs-crumb-color-hover);\n}\n\n.saltBreadcrumb-regular:hover .saltBreadcrumb-icon {\n  color: var(--breadcrumbs-crumb-color-hover);\n}\n\n.saltBreadcrumb-regular:active {\n  color: var(--breadcrumbs-crumb-color-active);\n}\n\n.saltBreadcrumb-regular:active .saltBreadcrumb-icon {\n  color: var(--breadcrumbs-crumb-color-active);\n}\n\n.saltBreadcrumb-currentLevel {\n  color: var(--breadcrumbs-crumb-color);\n}\n\n.saltBreadcrumb-icon {\n  color: var(--breadcrumbs-crumb-icon-color);\n  margin-left: var(--saltBreadcrumbs-crumb-marginLeft, var(--breadcrumbs-crumb-marginLeft));\n}\n\n.saltBreadcrumb-justifyContentCenter {\n  justify-content: center;\n}\n\n.saltBreadcrumb-text {\n  text-decoration: underline;\n}\n";
-styleInject(css_248z);
-
-export { css_248z as default };
-//# sourceMappingURL=Breadcrumb.css.js.map

package/dist-es/packages/lab/src/breadcrumbs/Breadcrumb.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Breadcrumb.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist-es/packages/lab/src/breadcrumbs/Breadcrumb.js

@@ -1,78 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { makePrefixer, Text, Link } from '@salt-ds/core';
-import { clsx } from 'clsx';
-import { forwardRef, Children } from 'react';
-import { useBreadcrumbsContext } from './internal/BreadcrumbsContext.js';
-import './Breadcrumb.css.js';
-
-const withBaseName = makePrefixer("saltBreadcrumb");
-const Breadcrumb = forwardRef(
-  function Breadcrumb2({
-    children,
-    ContainerProps = {},
-    tooltipText,
-    tooltipProps,
-    isCurrentLevel,
-    onItemClick,
-    overflowLabel,
-    maxWidth,
-    Icon,
-    minWidth,
-    className,
-    ...props
-  }, ref) {
-    const { itemsMaxWidth, itemsMinWidth, liClass } = useBreadcrumbsContext();
-    const hasChildren = Children.count(children) !== 0;
-    const hasOnlyIcon = Icon && !hasChildren;
-    const getDefaultBreadcrumb = () => isCurrentLevel ? /* @__PURE__ */ jsx(Text, {
-      maxRows: 1,
-      className: clsx(
-        withBaseName(),
-        className,
-        withBaseName("currentLevel")
-      ),
-      styleAs: "label",
-      children
-    }) : /* @__PURE__ */ jsxs("div", {
-      className: clsx(
-        withBaseName(),
-        className,
-        {
-          [withBaseName("justifyContentCenter")]: hasOnlyIcon
-        },
-        withBaseName("regular")
-      ),
-      children: [
-        Icon && /* @__PURE__ */ jsx(Icon, {
-          className: withBaseName("icon")
-        }),
-        hasChildren && /* @__PURE__ */ jsx(Link, {
-          maxRows: 1,
-          styleAs: "label",
-          ...props,
-          children
-        })
-      ]
-    });
-    const content = getDefaultBreadcrumb();
-    const {
-      style: containerStyle,
-      className: containerClassName,
-      ...containerPropsRest
-    } = ContainerProps;
-    return /* @__PURE__ */ jsx("li", {
-      ref,
-      style: {
-        ...containerStyle,
-        minWidth: minWidth != null ? minWidth : itemsMinWidth,
-        maxWidth: maxWidth != null ? maxWidth : itemsMaxWidth
-      },
-      className: clsx(liClass, containerClassName),
-      ...containerPropsRest,
-      children: content
-    });
-  }
-);
-
-export { Breadcrumb };
-//# sourceMappingURL=Breadcrumb.js.map

package/dist-es/packages/lab/src/breadcrumbs/Breadcrumb.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Breadcrumb.js","sources":["../src/breadcrumbs/Breadcrumb.tsx"],"sourcesContent":["import { Link, makePrefixer, Text, TooltipProps } from \"@salt-ds/core\";\nimport { IconProps } from \"@salt-ds/icons\";\nimport { clsx } from \"clsx\";\nimport { Children, forwardRef, HTMLAttributes, ReactNode } from \"react\";\nimport { useBreadcrumbsContext } from \"./internal/BreadcrumbsContext\";\n\nimport \"./Breadcrumb.css\";\n\nconst withBaseName = makePrefixer(\"saltBreadcrumb\");\n\nexport interface BreadcrumbProps {\n  children?: ReactNode;\n  ContainerProps?: HTMLAttributes<HTMLLIElement>;\n  tooltipText?: string;\n  tooltipProps?: TooltipProps;\n  className?: string;\n  href?: string;\n  isCurrentLevel?: boolean;\n  maxWidth?: number;\n  minWidth?: number;\n  onItemClick?: (item: any, event: any) => void; // TODO\n  overflowLabel?: string;\n  Icon?: React.ComponentType<IconProps>;\n}\n\nexport const Breadcrumb = forwardRef<HTMLLIElement, BreadcrumbProps>(\n  function Breadcrumb(\n    {\n      children,\n      ContainerProps = {},\n      tooltipText,\n      tooltipProps,\n      isCurrentLevel,\n      onItemClick,\n      overflowLabel,\n      maxWidth,\n      Icon,\n      minWidth,\n      className,\n      ...props\n    },\n    ref\n  ) {\n    const { itemsMaxWidth, itemsMinWidth, liClass } = useBreadcrumbsContext();\n\n    const hasChildren = Children.count(children) !== 0;\n    const hasOnlyIcon = Icon && !hasChildren;\n\n    const getDefaultBreadcrumb = () =>\n      isCurrentLevel ? (\n        <Text\n          maxRows={1}\n          className={clsx(\n            withBaseName(),\n            className,\n            withBaseName(\"currentLevel\")\n          )}\n          styleAs=\"label\"\n        >\n          {children}\n        </Text>\n      ) : (\n        <div\n          className={clsx(\n            withBaseName(),\n            className,\n            {\n              [withBaseName(\"justifyContentCenter\")]: hasOnlyIcon,\n            },\n            withBaseName(\"regular\")\n          )}\n        >\n          {Icon && <Icon className={withBaseName(\"icon\")} />}\n          {hasChildren && (\n            <Link maxRows={1} styleAs=\"label\" {...props}>\n              {children}\n            </Link>\n          )}\n        </div>\n      );\n\n    const content = getDefaultBreadcrumb();\n\n    const {\n      style: containerStyle,\n      className: containerClassName,\n      ...containerPropsRest\n    } = ContainerProps;\n\n    return (\n      <li\n        ref={ref}\n        style={{\n          ...containerStyle,\n          minWidth: minWidth ?? itemsMinWidth,\n          maxWidth: maxWidth ?? itemsMaxWidth,\n        }}\n        className={clsx(liClass, containerClassName)}\n        {...containerPropsRest}\n      >\n        {content}\n      </li>\n    );\n  }\n);\n"],"names":["Breadcrumb"],"mappings":";;;;;;;AAQA,MAAM,YAAA,GAAe,aAAa,gBAAgB,CAAA,CAAA;AAiB3C,MAAM,UAAa,GAAA,UAAA;AAAA,EACxB,SAASA,WACP,CAAA;AAAA,IACE,QAAA;AAAA,IACA,iBAAiB,EAAC;AAAA,IAClB,WAAA;AAAA,IACA,YAAA;AAAA,IACA,cAAA;AAAA,IACA,WAAA;AAAA,IACA,aAAA;AAAA,IACA,QAAA;AAAA,IACA,IAAA;AAAA,IACA,QAAA;AAAA,IACA,SAAA;AAAA,IACG,GAAA,KAAA;AAAA,KAEL,GACA,EAAA;AACA,IAAA,MAAM,EAAE,aAAA,EAAe,aAAe,EAAA,OAAA,KAAY,qBAAsB,EAAA,CAAA;AAExE,IAAA,MAAM,WAAc,GAAA,QAAA,CAAS,KAAM,CAAA,QAAQ,CAAM,KAAA,CAAA,CAAA;AACjD,IAAM,MAAA,WAAA,GAAc,QAAQ,CAAC,WAAA,CAAA;AAE7B,IAAM,MAAA,oBAAA,GAAuB,MAC3B,cAAA,mBACG,GAAA,CAAA,IAAA,EAAA;AAAA,MACC,OAAS,EAAA,CAAA;AAAA,MACT,SAAW,EAAA,IAAA;AAAA,QACT,YAAa,EAAA;AAAA,QACb,SAAA;AAAA,QACA,aAAa,cAAc,CAAA;AAAA,OAC7B;AAAA,MACA,OAAQ,EAAA,OAAA;AAAA,MAEP,QAAA;AAAA,KACH,oBAEC,IAAA,CAAA,KAAA,EAAA;AAAA,MACC,SAAW,EAAA,IAAA;AAAA,QACT,YAAa,EAAA;AAAA,QACb,SAAA;AAAA,QACA;AAAA,UACE,CAAC,YAAa,CAAA,sBAAsB,CAAI,GAAA,WAAA;AAAA,SAC1C;AAAA,QACA,aAAa,SAAS,CAAA;AAAA,OACxB;AAAA,MAEC,QAAA,EAAA;AAAA,QAAA,IAAA,oBAAS,GAAA,CAAA,IAAA,EAAA;AAAA,UAAK,SAAA,EAAW,aAAa,MAAM,CAAA;AAAA,SAAG,CAAA;AAAA,QAC/C,+BACE,GAAA,CAAA,IAAA,EAAA;AAAA,UAAK,OAAS,EAAA,CAAA;AAAA,UAAG,OAAQ,EAAA,OAAA;AAAA,UAAS,GAAG,KAAA;AAAA,UACnC,QAAA;AAAA,SACH,CAAA;AAAA,OAAA;AAAA,KAEJ,CAAA,CAAA;AAGJ,IAAA,MAAM,UAAU,oBAAqB,EAAA,CAAA;AAErC,IAAM,MAAA;AAAA,MACJ,KAAO,EAAA,cAAA;AAAA,MACP,SAAW,EAAA,kBAAA;AAAA,MACR,GAAA,kBAAA;AAAA,KACD,GAAA,cAAA,CAAA;AAEJ,IAAA,uBACG,GAAA,CAAA,IAAA,EAAA;AAAA,MACC,GAAA;AAAA,MACA,KAAO,EAAA;AAAA,QACL,GAAG,cAAA;AAAA,QACH,UAAU,QAAY,IAAA,IAAA,GAAA,QAAA,GAAA,aAAA;AAAA,QACtB,UAAU,QAAY,IAAA,IAAA,GAAA,QAAA,GAAA,aAAA;AAAA,OACxB;AAAA,MACA,SAAA,EAAW,IAAK,CAAA,OAAA,EAAS,kBAAkB,CAAA;AAAA,MAC1C,GAAG,kBAAA;AAAA,MAEH,QAAA,EAAA,OAAA;AAAA,KACH,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist-es/packages/lab/src/breadcrumbs/Breadcrumbs.css.js

@@ -1,7 +0,0 @@
-import styleInject from '../../../../node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".saltBreadcrumbs-ol {\n  --breadcrumbs-ol-gap: var(--salt-size-unit);\n\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  padding: 0;\n  margin: 0;\n  gap: var(--breadcrumbs-ol-gap);\n}\n\n.saltBreadcrumbs-li {\n  --breadcrumbs-li-marginRight: 0px;\n  --breadcrumbs-li-padding: 0px;\n\n  flex: 0 1 auto;\n  list-style: none;\n  margin-right: var(--breadcrumbs-li-marginRight);\n  padding: var(--breadcrumbs-li-padding);\n}\n\n.saltBreadcrumbs-separator {\n  --breadcrumbs-separator-marginRight: 0px;\n\n  display: flex;\n  margin-right: var(--breadcrumbs-separator-marginRight);\n  user-select: none;\n}\n\n.saltBreadcrumbs-ol-wrap {\n  flex-wrap: wrap;\n}\n\n.saltBreadcrumbs-ol-wrap .saltBreadcrumbs-li,\n.saltBreadcrumbs-ol-wrap .saltBreadcrumbs-separator {\n  --breadcrumbs-ol-wrap-li-marginBottom: 0px;\n\n  margin-bottom: var(--breadcrumbs-ol-wrap-li-marginBottom);\n}\n";
-styleInject(css_248z);
-
-export { css_248z as default };
-//# sourceMappingURL=Breadcrumbs.css.js.map

package/dist-es/packages/lab/src/breadcrumbs/Breadcrumbs.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Breadcrumbs.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist-es/packages/lab/src/breadcrumbs/Breadcrumbs.js

@@ -1,125 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { makePrefixer } from '@salt-ds/core';
-import { clsx } from 'clsx';
-import React, { useMemo, isValidElement } from 'react';
-import { BreadcrumbsCollapsed } from './internal/BreadcrumbsCollapsed.js';
-import { BreadcrumbsContext } from './internal/BreadcrumbsContext.js';
-import { BreadcrumbsSeparator } from './internal/BreadcrumbsSeparator.js';
-import './Breadcrumbs.css.js';
-
-const iconWidth = 12;
-const withBaseName = makePrefixer("saltBreadcrumbs");
-function insertSeparators(items, className, separator, hideCurrentLevel, shouldRenderAllItems, itemsAfterCollapse) {
-  return items.reduce((acc, current, index) => {
-    if (index < items.length - 1) {
-      return acc.concat(
-        current,
-        /* @__PURE__ */ jsx("li", {
-          "aria-hidden": true,
-          className,
-          children: separator
-        }, `separator-${index}`)
-      );
-    } else {
-      const skipLastElement = hideCurrentLevel && shouldRenderAllItems || hideCurrentLevel && !shouldRenderAllItems && itemsAfterCollapse !== 0;
-      return skipLastElement ? acc : acc.concat(current);
-    }
-  }, []);
-}
-const Breadcrumbs = React.forwardRef(
-  function Breadcrumbs2(props, ref) {
-    const {
-      children,
-      className,
-      itemsAfterCollapse = 1,
-      itemsBeforeCollapse = 1,
-      maxItems = 3,
-      separator: separatorProp,
-      hideCurrentLevel,
-      itemsMinWidth: itemsMinWidthProp,
-      itemsMaxWidth,
-      wrap,
-      Menu,
-      SeparatorProps = {},
-      ...other
-    } = props;
-    const itemsMinWidth = itemsMinWidthProp != null ? itemsMinWidthProp : iconWidth;
-    const breadcrumbsContext = useMemo(
-      () => ({
-        wrap,
-        itemsMinWidth,
-        itemsMaxWidth,
-        liClass: withBaseName("li")
-      }),
-      [wrap, itemsMaxWidth, itemsMinWidth]
-    );
-    const separator = separatorProp || /* @__PURE__ */ jsx(BreadcrumbsSeparator, {
-      ...SeparatorProps
-    });
-    const childrenArray = React.Children.toArray(children);
-    const shouldRenderAllItems = wrap || maxItems == null || childrenArray.length <= maxItems;
-    const allItems = childrenArray.filter(isValidElement).map((child, index) => {
-      const isLastChild = index === childrenArray.length - 1;
-      return React.cloneElement(child, {
-        isCurrentLevel: isLastChild
-      });
-    });
-    const renderItemsBeforeAndAfter = () => {
-      if (itemsBeforeCollapse + itemsAfterCollapse >= allItems.length) {
-        console.warn(
-          [
-            "You have provided an invalid combination of properties to the Breadcrumbs.",
-            `itemsAfterCollapse={${itemsAfterCollapse}} +itemsBeforeCollapse={${itemsBeforeCollapse}} >= maxItems={${maxItems}}`
-          ].join("\n")
-        );
-        return allItems;
-      }
-      const hiddenItems = allItems.slice(
-        itemsBeforeCollapse,
-        allItems.length - itemsAfterCollapse
-      );
-      return [
-        ...allItems.slice(0, itemsBeforeCollapse),
-        /* @__PURE__ */ jsx("li", {
-          className: withBaseName("li"),
-          children: /* @__PURE__ */ jsx(BreadcrumbsCollapsed, {
-            accessibleText: `Breadcrumb levels ${itemsBeforeCollapse + 1} to ${allItems.length - itemsAfterCollapse}`,
-            className: withBaseName("overflowButton"),
-            children: hiddenItems
-          })
-        }, "breadcrumbs-collapsed"),
-        ...allItems.slice(
-          allItems.length - itemsAfterCollapse,
-          allItems.length
-        )
-      ];
-    };
-    const itemsToRender = shouldRenderAllItems ? allItems : renderItemsBeforeAndAfter();
-    return /* @__PURE__ */ jsx(BreadcrumbsContext.Provider, {
-      value: breadcrumbsContext,
-      children: /* @__PURE__ */ jsx("nav", {
-        "aria-label": "Breadcrumb",
-        className: clsx(withBaseName(), className),
-        "data-testid": "breadcrumbs",
-        ref,
-        ...other,
-        children: /* @__PURE__ */ jsx("ol", {
-          className: clsx(withBaseName("ol"), {
-            [withBaseName("ol-wrap")]: wrap
-          }),
-          children: insertSeparators(
-            itemsToRender,
-            withBaseName("separator"),
-            separator,
-            hideCurrentLevel,
-            shouldRenderAllItems,
-            itemsAfterCollapse
-          )
-        })
-      })
-    });
-  }
-);
-
-export { Breadcrumbs };
-//# sourceMappingURL=Breadcrumbs.js.map

package/dist-es/packages/lab/src/breadcrumbs/Breadcrumbs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Breadcrumbs.js","sources":["../src/breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { IconProps } from \"@salt-ds/icons\";\nimport { clsx } from \"clsx\";\nimport React, {\n  HTMLAttributes,\n  isValidElement,\n  ReactNode,\n  useMemo,\n} from \"react\";\nimport { BreadcrumbProps } from \"./Breadcrumb\";\nimport { BreadcrumbsCollapsed } from \"./internal/BreadcrumbsCollapsed\";\nimport { BreadcrumbsContext } from \"./internal/BreadcrumbsContext\";\nimport { BreadcrumbsSeparator } from \"./internal/BreadcrumbsSeparator\";\n\nimport \"./Breadcrumbs.css\";\n\nconst iconWidth = 12;\n\nconst withBaseName = makePrefixer(\"saltBreadcrumbs\");\n\nfunction insertSeparators(\n  items: ReactNode[],\n  className?: string,\n  separator?: ReactNode,\n  hideCurrentLevel?: boolean,\n  shouldRenderAllItems?: boolean,\n  itemsAfterCollapse?: number\n) {\n  return items.reduce((acc: ReactNode[], current: ReactNode, index: number) => {\n    if (index < items.length - 1) {\n      return acc.concat(\n        current,\n        <li aria-hidden className={className} key={`separator-${index}`}>\n          {separator}\n        </li>\n      );\n    } else {\n      const skipLastElement =\n        (hideCurrentLevel && shouldRenderAllItems) ||\n        (hideCurrentLevel && !shouldRenderAllItems && itemsAfterCollapse !== 0);\n      return skipLastElement ? acc : acc.concat(current);\n    }\n  }, []);\n}\n\nexport interface BreadcrumbsProps extends HTMLAttributes<HTMLElement> {\n  Menu?: any;\n  SeparatorProps?: IconProps;\n  hideCurrentLevel?: boolean;\n  itemsAfterCollapse?: number;\n  itemsBeforeCollapse?: number;\n  itemsMaxWidth?: number | string;\n  itemsMinWidth?: number | string;\n  maxItems?: number;\n  separator?: ReactNode;\n  wrap?: boolean;\n  className?: string;\n  children?: ReactNode;\n}\n\nexport const Breadcrumbs = React.forwardRef<HTMLElement, BreadcrumbsProps>(\n  function Breadcrumbs(props, ref) {\n    const {\n      children,\n      className,\n      itemsAfterCollapse = 1,\n      itemsBeforeCollapse = 1,\n      maxItems = 3,\n      separator: separatorProp,\n      hideCurrentLevel,\n      itemsMinWidth: itemsMinWidthProp,\n      itemsMaxWidth,\n      wrap,\n      Menu,\n      SeparatorProps = {},\n      ...other\n    } = props;\n\n    const itemsMinWidth =\n      itemsMinWidthProp != null ? itemsMinWidthProp : iconWidth;\n\n    const breadcrumbsContext = useMemo(\n      () => ({\n        wrap,\n        itemsMinWidth,\n        itemsMaxWidth,\n        liClass: withBaseName(\"li\"),\n      }),\n      [wrap, itemsMaxWidth, itemsMinWidth]\n    );\n\n    const separator = separatorProp || (\n      <BreadcrumbsSeparator {...SeparatorProps} />\n    );\n\n    const childrenArray = React.Children.toArray(children);\n    const shouldRenderAllItems =\n      wrap || maxItems == null || childrenArray.length <= maxItems;\n\n    const allItems = childrenArray\n      .filter(isValidElement)\n      .map((child, index) => {\n        const isLastChild = index === childrenArray.length - 1;\n\n        return React.cloneElement(child, {\n          isCurrentLevel: isLastChild,\n        } as BreadcrumbProps);\n      });\n\n    const renderItemsBeforeAndAfter = () => {\n      // This defends against someone passing weird input, to ensure that if all\n      // items would be shown anyway, we just show all items without the EllipsisItem\n      if (itemsBeforeCollapse + itemsAfterCollapse >= allItems.length) {\n        console.warn(\n          [\n            \"You have provided an invalid combination of properties to the Breadcrumbs.\",\n            `itemsAfterCollapse={${itemsAfterCollapse}} +itemsBeforeCollapse={${itemsBeforeCollapse}} >= maxItems={${maxItems}}`,\n          ].join(\"\\n\")\n        );\n        return allItems;\n      }\n\n      const hiddenItems = allItems.slice(\n        itemsBeforeCollapse,\n        allItems.length - itemsAfterCollapse\n      );\n      return [\n        ...allItems.slice(0, itemsBeforeCollapse),\n        <li className={withBaseName(\"li\")} key=\"breadcrumbs-collapsed\">\n          <BreadcrumbsCollapsed\n            accessibleText={`Breadcrumb levels ${itemsBeforeCollapse + 1} to ${\n              allItems.length - itemsAfterCollapse\n            }`}\n            className={withBaseName(\"overflowButton\")}\n          >\n            {hiddenItems}\n          </BreadcrumbsCollapsed>\n        </li>,\n        ...allItems.slice(\n          allItems.length - itemsAfterCollapse,\n          allItems.length\n        ),\n      ];\n    };\n\n    const itemsToRender = shouldRenderAllItems\n      ? allItems\n      : renderItemsBeforeAndAfter();\n    return (\n      <BreadcrumbsContext.Provider value={breadcrumbsContext}>\n        <nav\n          aria-label=\"Breadcrumb\"\n          className={clsx(withBaseName(), className)}\n          data-testid=\"breadcrumbs\"\n          ref={ref}\n          {...other}\n        >\n          <ol\n            className={clsx(withBaseName(\"ol\"), {\n              [withBaseName(\"ol-wrap\")]: wrap,\n            })}\n          >\n            {insertSeparators(\n              itemsToRender,\n              withBaseName(\"separator\"),\n              separator,\n              hideCurrentLevel,\n              shouldRenderAllItems,\n              itemsAfterCollapse\n            )}\n          </ol>\n        </nav>\n      </BreadcrumbsContext.Provider>\n    );\n  }\n);\n"],"names":["Breadcrumbs"],"mappings":"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"}