@salt-ds/lab 1.0.0-alpha.15 → 1.0.0-alpha.16

package/dist-cjs/nav-item/NavItem.js

@@ -1,88 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var core = require('@salt-ds/core');
-var clsx = require('clsx');
-var ExpansionButton = require('./ExpansionButton.js');
-var NavItem$1 = require('./NavItem.css.js');
-var window = require('@salt-ds/window');
-var styles = require('@salt-ds/styles');
-
-const withBaseName = core.makePrefixer("saltNavItem");
-const NavItem = React.forwardRef(
-  function NavItem2(props, ref) {
-    const {
-      active,
-      blurSelected,
-      children,
-      className,
-      expanded = false,
-      orientation = "horizontal",
-      parent,
-      level = 0,
-      onExpand,
-      href,
-      IconComponent,
-      BadgeComponent,
-      style: styleProp,
-      ...rest
-    } = props;
-    const targetWindow = window.useWindow();
-    styles.useComponentCssInjection({
-      testId: "salt-nav-item",
-      css: NavItem$1,
-      window: targetWindow
-    });
-    const style = {
-      ...styleProp,
-      "--saltNavItem-level": `${level}`
-    };
-    const handleExpand = (event) => {
-      event.stopPropagation();
-      onExpand == null ? void 0 : onExpand(event);
-    };
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", {
-      className: clsx.clsx(
-        withBaseName(),
-        {
-          [withBaseName("active")]: active,
-          [withBaseName("blurSelected")]: blurSelected,
-          [withBaseName("nested")]: level !== 0
-        },
-        withBaseName(orientation),
-        className
-      ),
-      ref,
-      style,
-      ...rest,
-      children: [
-        IconComponent && /* @__PURE__ */ jsxRuntime.jsx(IconComponent, {
-          "aria-hidden": true,
-          className: withBaseName("icon")
-        }),
-        /* @__PURE__ */ jsxRuntime.jsx(core.Link, {
-          className: withBaseName("label"),
-          "aria-current": active ? "page" : void 0,
-          href,
-          children: /* @__PURE__ */ jsxRuntime.jsx("span", {
-            children
-          })
-        }),
-        BadgeComponent,
-        parent && /* @__PURE__ */ jsxRuntime.jsx(ExpansionButton.ExpansionButton, {
-          "aria-expanded": expanded,
-          className: withBaseName("expandButton"),
-          expanded,
-          onClick: handleExpand,
-          orientation
-        })
-      ]
-    });
-  }
-);
-
-exports.NavItem = NavItem;
-//# sourceMappingURL=NavItem.js.map

package/dist-cjs/nav-item/NavItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavItem.js","sources":["../src/nav-item/NavItem.tsx"],"sourcesContent":["import {\n  ComponentPropsWithoutRef,\n  forwardRef,\n  MouseEventHandler,\n  MouseEvent,\n  ComponentType,\n  ReactNode,\n} from \"react\";\nimport { makePrefixer, Link } from \"@salt-ds/core\";\nimport { IconProps } from \"@salt-ds/icons\";\nimport { clsx } from \"clsx\";\nimport { ExpansionButton } from \"./ExpansionButton\";\n\nimport navItemCss from \"./NavItem.css\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nexport interface NavItemProps extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * Whether the nav item is active.\n   */\n  active?: boolean;\n  /**\n   * Whether the nav item has active children.\n   */\n  blurSelected?: boolean;\n  /**\n   * Whether the nav item is expanded.\n   */\n  expanded?: boolean;\n  /**\n   * Level of nesting.\n   */\n  level?: number;\n  /**\n   * The orientation of the nav item.\n   */\n  orientation?: \"horizontal\" | \"vertical\";\n  /**\n   * Whether the nav item is a parent with nested children.\n   */\n  parent?: boolean;\n  /**\n   * Action to be triggered when the nav item is expanded.\n   */\n  onExpand?: MouseEventHandler<HTMLButtonElement>;\n  /**\n   * Href to be passed to the Link element.\n   */\n  href?: string;\n  /**\n   * Icon component to be displayed next to the nav item label.\n   */\n  IconComponent?: ComponentType<IconProps> | null;\n  /**\n   * Badge component to be displayed next to the nav item label.\n   */\n  BadgeComponent?: ReactNode;\n}\n\nconst withBaseName = makePrefixer(\"saltNavItem\");\n\nexport const NavItem = forwardRef<HTMLDivElement, NavItemProps>(\n  function NavItem(props, ref) {\n    const {\n      active,\n      blurSelected,\n      children,\n      className,\n      expanded = false,\n      orientation = \"horizontal\",\n      parent,\n      level = 0,\n      onExpand,\n      href,\n      IconComponent,\n      BadgeComponent,\n      style: styleProp,\n      ...rest\n    } = props;\n\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-nav-item\",\n      css: navItemCss,\n      window: targetWindow,\n    });\n\n    const style = {\n      ...styleProp,\n      \"--saltNavItem-level\": `${level}`,\n    };\n\n    const handleExpand = (event: MouseEvent<HTMLButtonElement>) => {\n      event.stopPropagation();\n      onExpand?.(event);\n    };\n\n    return (\n      <div\n        className={clsx(\n          withBaseName(),\n          {\n            [withBaseName(\"active\")]: active,\n            [withBaseName(\"blurSelected\")]: blurSelected,\n            [withBaseName(\"nested\")]: level !== 0,\n          },\n          withBaseName(orientation),\n          className\n        )}\n        ref={ref}\n        style={style}\n        {...rest}\n      >\n        {IconComponent && (\n          <IconComponent aria-hidden className={withBaseName(\"icon\")} />\n        )}\n        <Link\n          className={withBaseName(\"label\")}\n          aria-current={active ? \"page\" : undefined}\n          href={href}\n        >\n          <span>{children}</span>\n        </Link>\n        {BadgeComponent}\n        {parent && (\n          <ExpansionButton\n            aria-expanded={expanded}\n            className={withBaseName(\"expandButton\")}\n            expanded={expanded}\n            onClick={handleExpand}\n            orientation={orientation}\n          />\n        )}\n      </div>\n    );\n  }\n);\n"],"names":["makePrefixer","forwardRef","NavItem","useWindow","useComponentCssInjection","navItemCss","jsxs","clsx","jsx","Link","ExpansionButton"],"mappings":";;;;;;;;;;;;;AA4DA,MAAM,YAAA,GAAeA,kBAAa,aAAa,CAAA,CAAA;AAExC,MAAM,OAAU,GAAAC,gBAAA;AAAA,EACrB,SAASC,QAAQ,CAAA,KAAA,EAAO,GAAK,EAAA;AAC3B,IAAM,MAAA;AAAA,MACJ,MAAA;AAAA,MACA,YAAA;AAAA,MACA,QAAA;AAAA,MACA,SAAA;AAAA,MACA,QAAW,GAAA,KAAA;AAAA,MACX,WAAc,GAAA,YAAA;AAAA,MACd,MAAA;AAAA,MACA,KAAQ,GAAA,CAAA;AAAA,MACR,QAAA;AAAA,MACA,IAAA;AAAA,MACA,aAAA;AAAA,MACA,cAAA;AAAA,MACA,KAAO,EAAA,SAAA;AAAA,MACJ,GAAA,IAAA;AAAA,KACD,GAAA,KAAA,CAAA;AAEJ,IAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,IAAyBC,+BAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,eAAA;AAAA,MACR,GAAK,EAAAC,SAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AAED,IAAA,MAAM,KAAQ,GAAA;AAAA,MACZ,GAAG,SAAA;AAAA,MACH,uBAAuB,CAAG,EAAA,KAAA,CAAA,CAAA;AAAA,KAC5B,CAAA;AAEA,IAAM,MAAA,YAAA,GAAe,CAAC,KAAyC,KAAA;AAC7D,MAAA,KAAA,CAAM,eAAgB,EAAA,CAAA;AACtB,MAAW,QAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA,CAAA;AAAA,KACb,CAAA;AAEA,IAAA,uBACGC,eAAA,CAAA,KAAA,EAAA;AAAA,MACC,SAAW,EAAAC,SAAA;AAAA,QACT,YAAa,EAAA;AAAA,QACb;AAAA,UACE,CAAC,YAAa,CAAA,QAAQ,CAAI,GAAA,MAAA;AAAA,UAC1B,CAAC,YAAa,CAAA,cAAc,CAAI,GAAA,YAAA;AAAA,UAChC,CAAC,YAAA,CAAa,QAAQ,CAAA,GAAI,KAAU,KAAA,CAAA;AAAA,SACtC;AAAA,QACA,aAAa,WAAW,CAAA;AAAA,QACxB,SAAA;AAAA,OACF;AAAA,MACA,GAAA;AAAA,MACA,KAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,aAAA,oBACEC,cAAA,CAAA,aAAA,EAAA;AAAA,UAAc,aAAW,EAAA,IAAA;AAAA,UAAC,SAAA,EAAW,aAAa,MAAM,CAAA;AAAA,SAAG,CAAA;AAAA,wBAE7DA,cAAA,CAAAC,SAAA,EAAA;AAAA,UACC,SAAA,EAAW,aAAa,OAAO,CAAA;AAAA,UAC/B,cAAA,EAAc,SAAS,MAAS,GAAA,KAAA,CAAA;AAAA,UAChC,IAAA;AAAA,UAEA,QAAC,kBAAAD,cAAA,CAAA,MAAA,EAAA;AAAA,YAAM,QAAA;AAAA,WAAS,CAAA;AAAA,SAClB,CAAA;AAAA,QACC,cAAA;AAAA,QACA,0BACEA,cAAA,CAAAE,+BAAA,EAAA;AAAA,UACC,eAAe,EAAA,QAAA;AAAA,UACf,SAAA,EAAW,aAAa,cAAc,CAAA;AAAA,UACtC,QAAA;AAAA,UACA,OAAS,EAAA,YAAA;AAAA,UACT,WAAA;AAAA,SACF,CAAA;AAAA,OAAA;AAAA,KAEJ,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist-es/dialog/internal/DialogContext.js

@@ -1,6 +0,0 @@
-import { createContext } from 'react';
-
-const DialogContext = createContext({});
-
-export { DialogContext };
-//# sourceMappingURL=DialogContext.js.map

package/dist-es/dialog/internal/DialogContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DialogContext.js","sources":["../src/dialog/internal/DialogContext.ts"],"sourcesContent":["import { createContext } from \"react\";\nimport { ValidationStatus } from \"@salt-ds/core\";\n\nexport const DialogContext = createContext<{\n  status?: ValidationStatus;\n  dialogId?: string;\n  setContentElement?: (node: HTMLDivElement) => void;\n}>({});\n"],"names":[],"mappings":";;AAGa,MAAA,aAAA,GAAgB,aAI1B,CAAA,EAAE;;;;"}

package/dist-es/nav-item/ExpansionButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ExpansionButton.js","sources":["../src/nav-item/ExpansionButton.tsx"],"sourcesContent":["import { ChevronDownIcon, ChevronRightIcon } from \"@salt-ds/icons\";\nimport { ComponentPropsWithoutRef } from \"react\";\nimport { Button } from \"@salt-ds/core\";\nimport { NavItemProps } from \"./NavItem\";\n\nconst iconExpansionMap = {\n  vertical: {\n    expanded: ChevronDownIcon,\n    collapsed: ChevronRightIcon,\n  },\n  horizontal: {\n    expanded: ChevronDownIcon,\n    collapsed: ChevronDownIcon,\n  },\n};\n\nexport function ExpansionButton({\n  expanded = false,\n  orientation = \"horizontal\",\n  ...rest\n}: Pick<NavItemProps, \"expanded\" | \"orientation\"> &\n  ComponentPropsWithoutRef<\"button\">) {\n  const Icon =\n    iconExpansionMap[orientation][expanded ? \"expanded\" : \"collapsed\"];\n  return (\n    <Button aria-label=\"expand\" variant=\"secondary\" {...rest}>\n      <Icon aria-hidden=\"true\" />\n    </Button>\n  );\n}\n"],"names":[],"mappings":";;;;AAKA,MAAM,gBAAmB,GAAA;AAAA,EACvB,QAAU,EAAA;AAAA,IACR,QAAU,EAAA,eAAA;AAAA,IACV,SAAW,EAAA,gBAAA;AAAA,GACb;AAAA,EACA,UAAY,EAAA;AAAA,IACV,QAAU,EAAA,eAAA;AAAA,IACV,SAAW,EAAA,eAAA;AAAA,GACb;AACF,CAAA,CAAA;AAEO,SAAS,eAAgB,CAAA;AAAA,EAC9B,QAAW,GAAA,KAAA;AAAA,EACX,WAAc,GAAA,YAAA;AAAA,EACX,GAAA,IAAA;AACL,CACsC,EAAA;AACpC,EAAA,MAAM,IACJ,GAAA,gBAAA,CAAiB,WAAa,CAAA,CAAA,QAAA,GAAW,UAAa,GAAA,WAAA,CAAA,CAAA;AACxD,EAAA,uBACG,GAAA,CAAA,MAAA,EAAA;AAAA,IAAO,YAAW,EAAA,QAAA;AAAA,IAAS,OAAQ,EAAA,WAAA;AAAA,IAAa,GAAG,IAAA;AAAA,IAClD,QAAC,kBAAA,GAAA,CAAA,IAAA,EAAA;AAAA,MAAK,aAAY,EAAA,MAAA;AAAA,KAAO,CAAA;AAAA,GAC3B,CAAA,CAAA;AAEJ;;;;"}

package/dist-es/nav-item/NavItem.css.js

@@ -1,4 +0,0 @@
-var css_248z = "/* Vars applied to root NavItem component */\n.saltNavItem {\n  --navItem-color: var(--salt-text-secondary-foreground);\n  --navItem-fill: var(--salt-text-secondary-foreground);\n  --navItem-bar-inset: var(--salt-spacing-25);\n  --navItem-bar-size: calc(var(--salt-size-bar) / 2);\n  --navItem-indicator-background: var(--salt-navigable-indicator-active);\n}\n\n/* Vars applied to NavItem component when active or selected */\n.saltNavItem-active,\n.saltNavItem-blurSelected {\n  --navItem-color: var(--salt-text-primary-foreground);\n  --navItem-fill: var(--salt-text-primary-foreground);\n}\n\n/* Styles applied to root NavItem component */\n.saltNavItem {\n  display: flex;\n  align-items: center;\n  position: relative;\n  gap: var(--salt-spacing-100);\n  font-weight: var(--salt-text-fontWeight-strong);\n  /* Hover off animation */\n  transition: all var(--salt-duration-instant) ease-in-out;\n}\n\n/* Styles applied to NavItem icon */\n.saltNavItem .saltNavItem-icon {\n  fill: var(--navItem-fill);\n}\n\n/* Styles applied when orientation = \"horizontal\" */\n.saltNavItem-horizontal {\n  min-height: calc(var(--salt-size-base) + var(--salt-spacing-100) + var(--salt-spacing-100));\n  padding: calc(var(--salt-spacing-100) + var(--navItem-bar-inset)) 0 var(--salt-spacing-100) 0;\n  margin: 0 var(--salt-spacing-100);\n}\n\n/* Styles applied when orientation = \"vertical\" */\n.saltNavItem-vertical {\n  min-height: calc(var(--salt-size-base));\n  padding-left: calc(var(--salt-spacing-100) + var(--navItem-bar-inset));\n  margin: var(--salt-spacing-50) 0;\n}\n\n/* Styles applied to NavItem label */\n.saltNavItem .saltNavItem-label {\n  --link-color-visited: var(--navItem-color);\n  --link-color-hover: var(--navItem-color);\n\n  text-decoration: none;\n  color: var(--navItem-color);\n  line-height: var(--salt-text-lineHeight);\n  font-family: var(--salt-text-fontFamily);\n  padding-left: calc(var(--saltNavItem-level, 0) * var(--salt-spacing-100));\n  flex: 1;\n}\n\n/* Styles applied when level is not 0 */\n.saltNavItem-nested {\n  padding-left: calc(var(--salt-spacing-250) + (var(--saltNavItem-level, 0) * var(--salt-spacing-100)));\n}\n\n/* Styles applied to expand button icon */\n.saltNavItem .saltNavItem-expandButton {\n  --saltIcon-color: var(--navItem-fill);\n  --saltButton-background-hover: none;\n  --saltButton-background-active: none;\n}\n\n/* Styles applied to NavItem when focus is visible */\n.saltNavItem:focus-visible {\n  outline: var(--salt-focused-outline);\n}\n\n/* Styles applied to activation line */\n.saltNavItem::after {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  display: block;\n}\n\n/* Styles applied to activation line when orientation = \"horizontal\" */\n.saltNavItem-horizontal::after {\n  width: 100%;\n  height: var(--navItem-bar-size);\n  top: var(--navItem-bar-inset);\n}\n\n/* Styles applied to activation line when orientation = \"vertical\" */\n.saltNavItem-vertical::after {\n  width: var(--navItem-bar-size);\n  height: 100%;\n  left: var(--navItem-bar-inset);\n}\n\n/* Styles applied to activation line on hover and on focus */\n.saltNavItem:hover::after,\n.saltNavItem:focus::after {\n  background: var(--salt-navigable-indicator-hover);\n  /* Hover on animation */\n  transition: all var(--salt-duration-perceptible) ease-in-out;\n}\n\n/* Styles applied to activation line when item has active children */\n.saltNavItem.saltNavItem-blurSelected::after,\n.saltNavItem.saltNavItem-blurSelected:hover::after,\n.saltNavItem.saltNavItem-blurSelected:focus::after {\n  --navItem-indicator-background: none;\n}\n\n/* Styles applied to activation line when item is active */\n.saltNavItem.saltNavItem-active::after,\n.saltNavItem.saltNavItem-active:hover::after,\n.saltNavItem.saltNavItem-active:focus::after {\n  background: var(--navItem-indicator-background);\n  /* Hover on animation */\n  transition: all var(--salt-duration-perceptible) ease-in-out;\n}\n";
-
-export { css_248z as default };
-//# sourceMappingURL=NavItem.css.js.map

package/dist-es/nav-item/NavItem.css.js.map

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

package/dist-es/nav-item/NavItem.js

@@ -1,84 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { makePrefixer, Link } from '@salt-ds/core';
-import { clsx } from 'clsx';
-import { ExpansionButton } from './ExpansionButton.js';
-import css_248z from './NavItem.css.js';
-import { useWindow } from '@salt-ds/window';
-import { useComponentCssInjection } from '@salt-ds/styles';
-
-const withBaseName = makePrefixer("saltNavItem");
-const NavItem = forwardRef(
-  function NavItem2(props, ref) {
-    const {
-      active,
-      blurSelected,
-      children,
-      className,
-      expanded = false,
-      orientation = "horizontal",
-      parent,
-      level = 0,
-      onExpand,
-      href,
-      IconComponent,
-      BadgeComponent,
-      style: styleProp,
-      ...rest
-    } = props;
-    const targetWindow = useWindow();
-    useComponentCssInjection({
-      testId: "salt-nav-item",
-      css: css_248z,
-      window: targetWindow
-    });
-    const style = {
-      ...styleProp,
-      "--saltNavItem-level": `${level}`
-    };
-    const handleExpand = (event) => {
-      event.stopPropagation();
-      onExpand == null ? void 0 : onExpand(event);
-    };
-    return /* @__PURE__ */ jsxs("div", {
-      className: clsx(
-        withBaseName(),
-        {
-          [withBaseName("active")]: active,
-          [withBaseName("blurSelected")]: blurSelected,
-          [withBaseName("nested")]: level !== 0
-        },
-        withBaseName(orientation),
-        className
-      ),
-      ref,
-      style,
-      ...rest,
-      children: [
-        IconComponent && /* @__PURE__ */ jsx(IconComponent, {
-          "aria-hidden": true,
-          className: withBaseName("icon")
-        }),
-        /* @__PURE__ */ jsx(Link, {
-          className: withBaseName("label"),
-          "aria-current": active ? "page" : void 0,
-          href,
-          children: /* @__PURE__ */ jsx("span", {
-            children
-          })
-        }),
-        BadgeComponent,
-        parent && /* @__PURE__ */ jsx(ExpansionButton, {
-          "aria-expanded": expanded,
-          className: withBaseName("expandButton"),
-          expanded,
-          onClick: handleExpand,
-          orientation
-        })
-      ]
-    });
-  }
-);
-
-export { NavItem };
-//# sourceMappingURL=NavItem.js.map

package/dist-es/nav-item/NavItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavItem.js","sources":["../src/nav-item/NavItem.tsx"],"sourcesContent":["import {\n  ComponentPropsWithoutRef,\n  forwardRef,\n  MouseEventHandler,\n  MouseEvent,\n  ComponentType,\n  ReactNode,\n} from \"react\";\nimport { makePrefixer, Link } from \"@salt-ds/core\";\nimport { IconProps } from \"@salt-ds/icons\";\nimport { clsx } from \"clsx\";\nimport { ExpansionButton } from \"./ExpansionButton\";\n\nimport navItemCss from \"./NavItem.css\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nexport interface NavItemProps extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * Whether the nav item is active.\n   */\n  active?: boolean;\n  /**\n   * Whether the nav item has active children.\n   */\n  blurSelected?: boolean;\n  /**\n   * Whether the nav item is expanded.\n   */\n  expanded?: boolean;\n  /**\n   * Level of nesting.\n   */\n  level?: number;\n  /**\n   * The orientation of the nav item.\n   */\n  orientation?: \"horizontal\" | \"vertical\";\n  /**\n   * Whether the nav item is a parent with nested children.\n   */\n  parent?: boolean;\n  /**\n   * Action to be triggered when the nav item is expanded.\n   */\n  onExpand?: MouseEventHandler<HTMLButtonElement>;\n  /**\n   * Href to be passed to the Link element.\n   */\n  href?: string;\n  /**\n   * Icon component to be displayed next to the nav item label.\n   */\n  IconComponent?: ComponentType<IconProps> | null;\n  /**\n   * Badge component to be displayed next to the nav item label.\n   */\n  BadgeComponent?: ReactNode;\n}\n\nconst withBaseName = makePrefixer(\"saltNavItem\");\n\nexport const NavItem = forwardRef<HTMLDivElement, NavItemProps>(\n  function NavItem(props, ref) {\n    const {\n      active,\n      blurSelected,\n      children,\n      className,\n      expanded = false,\n      orientation = \"horizontal\",\n      parent,\n      level = 0,\n      onExpand,\n      href,\n      IconComponent,\n      BadgeComponent,\n      style: styleProp,\n      ...rest\n    } = props;\n\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-nav-item\",\n      css: navItemCss,\n      window: targetWindow,\n    });\n\n    const style = {\n      ...styleProp,\n      \"--saltNavItem-level\": `${level}`,\n    };\n\n    const handleExpand = (event: MouseEvent<HTMLButtonElement>) => {\n      event.stopPropagation();\n      onExpand?.(event);\n    };\n\n    return (\n      <div\n        className={clsx(\n          withBaseName(),\n          {\n            [withBaseName(\"active\")]: active,\n            [withBaseName(\"blurSelected\")]: blurSelected,\n            [withBaseName(\"nested\")]: level !== 0,\n          },\n          withBaseName(orientation),\n          className\n        )}\n        ref={ref}\n        style={style}\n        {...rest}\n      >\n        {IconComponent && (\n          <IconComponent aria-hidden className={withBaseName(\"icon\")} />\n        )}\n        <Link\n          className={withBaseName(\"label\")}\n          aria-current={active ? \"page\" : undefined}\n          href={href}\n        >\n          <span>{children}</span>\n        </Link>\n        {BadgeComponent}\n        {parent && (\n          <ExpansionButton\n            aria-expanded={expanded}\n            className={withBaseName(\"expandButton\")}\n            expanded={expanded}\n            onClick={handleExpand}\n            orientation={orientation}\n          />\n        )}\n      </div>\n    );\n  }\n);\n"],"names":["NavItem","navItemCss"],"mappings":";;;;;;;;;AA4DA,MAAM,YAAA,GAAe,aAAa,aAAa,CAAA,CAAA;AAExC,MAAM,OAAU,GAAA,UAAA;AAAA,EACrB,SAASA,QAAQ,CAAA,KAAA,EAAO,GAAK,EAAA;AAC3B,IAAM,MAAA;AAAA,MACJ,MAAA;AAAA,MACA,YAAA;AAAA,MACA,QAAA;AAAA,MACA,SAAA;AAAA,MACA,QAAW,GAAA,KAAA;AAAA,MACX,WAAc,GAAA,YAAA;AAAA,MACd,MAAA;AAAA,MACA,KAAQ,GAAA,CAAA;AAAA,MACR,QAAA;AAAA,MACA,IAAA;AAAA,MACA,aAAA;AAAA,MACA,cAAA;AAAA,MACA,KAAO,EAAA,SAAA;AAAA,MACJ,GAAA,IAAA;AAAA,KACD,GAAA,KAAA,CAAA;AAEJ,IAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,IAAyB,wBAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,eAAA;AAAA,MACR,GAAK,EAAAC,QAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AAED,IAAA,MAAM,KAAQ,GAAA;AAAA,MACZ,GAAG,SAAA;AAAA,MACH,uBAAuB,CAAG,EAAA,KAAA,CAAA,CAAA;AAAA,KAC5B,CAAA;AAEA,IAAM,MAAA,YAAA,GAAe,CAAC,KAAyC,KAAA;AAC7D,MAAA,KAAA,CAAM,eAAgB,EAAA,CAAA;AACtB,MAAW,QAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA,CAAA;AAAA,KACb,CAAA;AAEA,IAAA,uBACG,IAAA,CAAA,KAAA,EAAA;AAAA,MACC,SAAW,EAAA,IAAA;AAAA,QACT,YAAa,EAAA;AAAA,QACb;AAAA,UACE,CAAC,YAAa,CAAA,QAAQ,CAAI,GAAA,MAAA;AAAA,UAC1B,CAAC,YAAa,CAAA,cAAc,CAAI,GAAA,YAAA;AAAA,UAChC,CAAC,YAAA,CAAa,QAAQ,CAAA,GAAI,KAAU,KAAA,CAAA;AAAA,SACtC;AAAA,QACA,aAAa,WAAW,CAAA;AAAA,QACxB,SAAA;AAAA,OACF;AAAA,MACA,GAAA;AAAA,MACA,KAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,aAAA,oBACE,GAAA,CAAA,aAAA,EAAA;AAAA,UAAc,aAAW,EAAA,IAAA;AAAA,UAAC,SAAA,EAAW,aAAa,MAAM,CAAA;AAAA,SAAG,CAAA;AAAA,wBAE7D,GAAA,CAAA,IAAA,EAAA;AAAA,UACC,SAAA,EAAW,aAAa,OAAO,CAAA;AAAA,UAC/B,cAAA,EAAc,SAAS,MAAS,GAAA,KAAA,CAAA;AAAA,UAChC,IAAA;AAAA,UAEA,QAAC,kBAAA,GAAA,CAAA,MAAA,EAAA;AAAA,YAAM,QAAA;AAAA,WAAS,CAAA;AAAA,SAClB,CAAA;AAAA,QACC,cAAA;AAAA,QACA,0BACE,GAAA,CAAA,eAAA,EAAA;AAAA,UACC,eAAe,EAAA,QAAA;AAAA,UACf,SAAA,EAAW,aAAa,cAAc,CAAA;AAAA,UACtC,QAAA;AAAA,UACA,OAAS,EAAA,YAAA;AAAA,UACT,WAAA;AAAA,SACF,CAAA;AAAA,OAAA;AAAA,KAEJ,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist-types/nav-item/ExpansionButton.d.ts

@@ -1,3 +0,0 @@
-import { ComponentPropsWithoutRef } from "react";
-import { NavItemProps } from "./NavItem";
-export declare function ExpansionButton({ expanded, orientation, ...rest }: Pick<NavItemProps, "expanded" | "orientation"> & ComponentPropsWithoutRef<"button">): JSX.Element;

package/dist-types/nav-item/NavItem.d.ts

@@ -1,45 +0,0 @@
-import { ComponentPropsWithoutRef, MouseEventHandler, ComponentType, ReactNode } from "react";
-import { IconProps } from "@salt-ds/icons";
-export interface NavItemProps extends ComponentPropsWithoutRef<"div"> {
-    /**
-     * Whether the nav item is active.
-     */
-    active?: boolean;
-    /**
-     * Whether the nav item has active children.
-     */
-    blurSelected?: boolean;
-    /**
-     * Whether the nav item is expanded.
-     */
-    expanded?: boolean;
-    /**
-     * Level of nesting.
-     */
-    level?: number;
-    /**
-     * The orientation of the nav item.
-     */
-    orientation?: "horizontal" | "vertical";
-    /**
-     * Whether the nav item is a parent with nested children.
-     */
-    parent?: boolean;
-    /**
-     * Action to be triggered when the nav item is expanded.
-     */
-    onExpand?: MouseEventHandler<HTMLButtonElement>;
-    /**
-     * Href to be passed to the Link element.
-     */
-    href?: string;
-    /**
-     * Icon component to be displayed next to the nav item label.
-     */
-    IconComponent?: ComponentType<IconProps> | null;
-    /**
-     * Badge component to be displayed next to the nav item label.
-     */
-    BadgeComponent?: ReactNode;
-}
-export declare const NavItem: import("react").ForwardRefExoticComponent<NavItemProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/nav-item/index.d.ts

@@ -1 +0,0 @@
-export * from "./NavItem";