@salt-ds/lab 1.0.0-alpha.73 → 1.0.0-alpha.75

package/dist-es/vertical-navigation/VerticalNavigation.js

@@ -0,0 +1,32 @@
+import { jsx } from 'react/jsx-runtime';
+import { makePrefixer } from '@salt-ds/core';
+import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
+import { clsx } from 'clsx';
+import { forwardRef, useState } from 'react';
+import { SubMenuProvider } from './SubMenuContext.js';
+import css_248z from './VerticalNavigation.css.js';
+
+const withBaseName = makePrefixer("saltVerticalNavigation");
+const VerticalNavigation = forwardRef(function VerticalNavigation2(props, ref) {
+  const { appearance = "indicator", children, className, ...rest } = props;
+  const targetWindow = useWindow();
+  useComponentCssInjection({
+    testId: "salt-vertical-navigation",
+    css: css_248z,
+    window: targetWindow
+  });
+  const [directIcons, setDirectIcons] = useState([]);
+  return /* @__PURE__ */ jsx(SubMenuProvider, { directIcons, setDirectIcons, children: /* @__PURE__ */ jsx(
+    "nav",
+    {
+      ref,
+      className: clsx(withBaseName(), withBaseName(appearance), className),
+      ...rest,
+      children: /* @__PURE__ */ jsx("ol", { "data-has-direct-icons": directIcons.length > 0, children })
+    }
+  ) });
+});
+
+export { VerticalNavigation };
+//# sourceMappingURL=VerticalNavigation.js.map

package/dist-es/vertical-navigation/VerticalNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerticalNavigation.js","sources":["../src/vertical-navigation/VerticalNavigation.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport { type ComponentPropsWithoutRef, forwardRef, useState } from \"react\";\nimport { SubMenuProvider } from \"./SubMenuContext\";\nimport verticalNavigationCss from \"./VerticalNavigation.css\";\n\nexport interface VerticalNavigationProps\n  extends ComponentPropsWithoutRef<\"nav\"> {\n  appearance?: \"indicator\" | \"bordered\";\n}\n\nconst withBaseName = makePrefixer(\"saltVerticalNavigation\");\n\nexport const VerticalNavigation = forwardRef<\n  HTMLElement,\n  VerticalNavigationProps\n>(function VerticalNavigation(props, ref) {\n  const { appearance = \"indicator\", children, className, ...rest } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-vertical-navigation\",\n    css: verticalNavigationCss,\n    window: targetWindow,\n  });\n\n  const [directIcons, setDirectIcons] = useState<string[]>([]);\n\n  return (\n    <SubMenuProvider directIcons={directIcons} setDirectIcons={setDirectIcons}>\n      <nav\n        ref={ref}\n        className={clsx(withBaseName(), withBaseName(appearance), className)}\n        {...rest}\n      >\n        <ol data-has-direct-icons={directIcons.length > 0}>{children}</ol>\n      </nav>\n    </SubMenuProvider>\n  );\n});\n"],"names":["VerticalNavigation","verticalNavigationCss"],"mappings":";;;;;;;;;AAaA,MAAM,YAAA,GAAe,aAAa,wBAAwB,CAAA;AAEnD,MAAM,kBAAqB,GAAA,UAAA,CAGhC,SAASA,mBAAAA,CAAmB,OAAO,GAAK,EAAA;AACxC,EAAA,MAAM,EAAE,UAAa,GAAA,WAAA,EAAa,UAAU,SAAW,EAAA,GAAG,MAAS,GAAA,KAAA;AAEnE,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,0BAAA;AAAA,IACR,GAAK,EAAAC,QAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAA,MAAM,CAAC,WAAa,EAAA,cAAc,CAAI,GAAA,QAAA,CAAmB,EAAE,CAAA;AAE3D,EACE,uBAAA,GAAA,CAAC,eAAgB,EAAA,EAAA,WAAA,EAA0B,cACzC,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAW,IAAK,CAAA,YAAA,IAAgB,YAAa,CAAA,UAAU,GAAG,SAAS,CAAA;AAAA,MAClE,GAAG,IAAA;AAAA,MAEJ,8BAAC,IAAG,EAAA,EAAA,uBAAA,EAAuB,WAAY,CAAA,MAAA,GAAS,GAAI,QAAS,EAAA;AAAA;AAAA,GAEjE,EAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-es/vertical-navigation/VerticalNavigationItem.js

@@ -0,0 +1,45 @@
+import { jsx } from 'react/jsx-runtime';
+import { makePrefixer, createContext } from '@salt-ds/core';
+import { clsx } from 'clsx';
+import { forwardRef, useState, useMemo, useContext } from 'react';
+import { useSubMenuContext } from './SubMenuContext.js';
+
+const withBaseName = makePrefixer("saltVerticalNavigationItem");
+const VerticalNavigationItemContext = createContext(
+  "saltVerticalNavigationItemContext",
+  {
+    active: false,
+    focusVisible: false,
+    setFocusVisible: () => {
+    }
+  }
+);
+function useVerticalNavigationItem() {
+  return useContext(VerticalNavigationItemContext);
+}
+const VerticalNavigationItem = forwardRef(function VerticalNavigationItem2(props, ref) {
+  const { children, className, active = false, style, ...rest } = props;
+  const { depth } = useSubMenuContext();
+  const [focusVisible, setFocusVisible] = useState(false);
+  const context = useMemo(
+    () => ({
+      active,
+      focusVisible,
+      setFocusVisible
+    }),
+    [active, focusVisible]
+  );
+  return /* @__PURE__ */ jsx(VerticalNavigationItemContext.Provider, { value: context, children: /* @__PURE__ */ jsx(
+    "li",
+    {
+      ref,
+      className: clsx(withBaseName(), className),
+      style: { "--verticalNavigationItem-depth": depth, ...style },
+      ...rest,
+      children
+    }
+  ) });
+});
+
+export { VerticalNavigationItem, useVerticalNavigationItem };
+//# sourceMappingURL=VerticalNavigationItem.js.map

package/dist-es/vertical-navigation/VerticalNavigationItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerticalNavigationItem.js","sources":["../src/vertical-navigation/VerticalNavigationItem.tsx"],"sourcesContent":["import { createContext, makePrefixer } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport {\n  type ComponentPropsWithoutRef,\n  type CSSProperties,\n  type Dispatch,\n  forwardRef,\n  type SetStateAction,\n  useContext,\n  useMemo,\n  useState,\n} from \"react\";\nimport { useSubMenuContext } from \"./SubMenuContext\";\n\nexport interface VerticalNavigationItemProps\n  extends ComponentPropsWithoutRef<\"li\"> {\n  active?: boolean;\n}\n\nconst withBaseName = makePrefixer(\"saltVerticalNavigationItem\");\n\ntype VerticalNavigationItemContextType = {\n  active: boolean;\n  focusVisible: boolean;\n  setFocusVisible: Dispatch<SetStateAction<boolean>>;\n};\n\nconst VerticalNavigationItemContext =\n  createContext<VerticalNavigationItemContextType>(\n    \"saltVerticalNavigationItemContext\",\n    {\n      active: false,\n      focusVisible: false,\n      setFocusVisible: () => {},\n    },\n  );\n\nexport function useVerticalNavigationItem() {\n  return useContext(VerticalNavigationItemContext);\n}\n\nexport const VerticalNavigationItem = forwardRef<\n  HTMLLIElement,\n  VerticalNavigationItemProps\n>(function VerticalNavigationItem(props, ref) {\n  const { children, className, active = false, style, ...rest } = props;\n\n  const { depth } = useSubMenuContext();\n  const [focusVisible, setFocusVisible] = useState(false);\n\n  const context = useMemo(\n    () => ({\n      active,\n      focusVisible,\n      setFocusVisible,\n    }),\n    [active, focusVisible],\n  );\n\n  return (\n    <VerticalNavigationItemContext.Provider value={context}>\n      <li\n        ref={ref}\n        className={clsx(withBaseName(), className)}\n        style={\n          { \"--verticalNavigationItem-depth\": depth, ...style } as CSSProperties\n        }\n        {...rest}\n      >\n        {children}\n      </li>\n    </VerticalNavigationItemContext.Provider>\n  );\n});\n"],"names":["VerticalNavigationItem"],"mappings":";;;;;;AAmBA,MAAM,YAAA,GAAe,aAAa,4BAA4B,CAAA;AAQ9D,MAAM,6BACJ,GAAA,aAAA;AAAA,EACE,mCAAA;AAAA,EACA;AAAA,IACE,MAAQ,EAAA,KAAA;AAAA,IACR,YAAc,EAAA,KAAA;AAAA,IACd,iBAAiB,MAAM;AAAA;AAAC;AAE5B,CAAA;AAEK,SAAS,yBAA4B,GAAA;AAC1C,EAAA,OAAO,WAAW,6BAA6B,CAAA;AACjD;AAEO,MAAM,sBAAyB,GAAA,UAAA,CAGpC,SAASA,uBAAAA,CAAuB,OAAO,GAAK,EAAA;AAC5C,EAAM,MAAA,EAAE,UAAU,SAAW,EAAA,MAAA,GAAS,OAAO,KAAO,EAAA,GAAG,MAAS,GAAA,KAAA;AAEhE,EAAM,MAAA,EAAE,KAAM,EAAA,GAAI,iBAAkB,EAAA;AACpC,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,SAAS,KAAK,CAAA;AAEtD,EAAA,MAAM,OAAU,GAAA,OAAA;AAAA,IACd,OAAO;AAAA,MACL,MAAA;AAAA,MACA,YAAA;AAAA,MACA;AAAA,KACF,CAAA;AAAA,IACA,CAAC,QAAQ,YAAY;AAAA,GACvB;AAEA,EAAA,uBACG,GAAA,CAAA,6BAAA,CAA8B,QAA9B,EAAA,EAAuC,OAAO,OAC7C,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,MACzC,KACE,EAAA,EAAE,gCAAkC,EAAA,KAAA,EAAO,GAAG,KAAM,EAAA;AAAA,MAErD,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GAEL,EAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-es/vertical-navigation/VerticalNavigationItemContent.css.js

@@ -0,0 +1,4 @@
+var css_248z = ".saltVerticalNavigationItemContent {\n  --verticalNavigationItem-iconPadding: calc(var(--saltVerticalNavigationItem-iconPaddingMultiplier, 0) * (var(--salt-size-icon) + var(--salt-spacing-100)));\n  --verticalNavigationItem-depthPadding: calc(var(--salt-spacing-100) * max(0, calc(var(--verticalNavigationItem-depth, 0) - 1)));\n}\n\n.saltVerticalNavigation-indicator .saltVerticalNavigationItemContent {\n  --verticalNavigationItem-paddingLeft: calc(var(--salt-spacing-150) + var(--salt-size-indicator) + var(--verticalNavigationItem-depthPadding) + var(--verticalNavigationItem-iconPadding));\n  --verticalNavigationItem-paddingBlock: var(--salt-spacing-50);\n}\n\n.saltVerticalNavigation-bordered .saltVerticalNavigationItemContent {\n  --verticalNavigationItem-paddingLeft: calc(var(--salt-spacing-100) + var(--verticalNavigationItem-depthPadding) + var(--verticalNavigationItem-iconPadding));\n  --verticalNavigationItem-paddingBlock: calc(var(--salt-spacing-50) - var(--salt-size-fixed-100));\n}\n\n.saltVerticalNavigationItemContent {\n  display: flex;\n  flex-direction: row;\n  gap: var(--salt-spacing-100);\n  appearance: none;\n  -webkit-appearance: none;\n  white-space: pre;\n  min-height: calc(var(--salt-size-base) + var(--salt-spacing-100));\n  min-width: 4em;\n  padding: var(--verticalNavigationItem-paddingBlock) var(--salt-spacing-100) var(--verticalNavigationItem-paddingBlock) var(--verticalNavigationItem-paddingLeft);\n  position: relative;\n  flex-shrink: 0;\n  box-sizing: border-box;\n  border-radius: var(--salt-palette-corner-weak, 0);\n  overflow: hidden;\n\n  cursor: var(--salt-cursor-hover);\n  color: var(--salt-content-primary-foreground);\n  font-weight: var(--salt-text-h4-fontWeight);\n  font-family: var(--salt-text-h4-fontFamily);\n  text-align: var(--salt-text-textAlign);\n  letter-spacing: var(--salt-text-letterSpacing);\n  line-height: var(--salt-text-h4-lineHeight);\n  font-size: var(--salt-text-h4-fontSize);\n}\n\n.saltVerticalNavigation-indicator .saltVerticalNavigationItemContent-active,\n.saltVerticalNavigation-indicator .saltVerticalNavigationItemContent-active:hover {\n  background: var(--salt-navigable-accent-background-active);\n}\n\n.saltVerticalNavigation-indicator .saltVerticalNavigationItemContent::before {\n  left: var(--salt-spacing-50);\n  content: \"\";\n  position: absolute;\n  height: var(--salt-size-base);\n  border-radius: var(--salt-palette-corner-strongest);\n  width: var(--salt-size-indicator);\n}\n\n.saltVerticalNavigation-indicator .saltVerticalNavigationItemContent-active::before {\n  background: var(--salt-navigable-accent-indicator-active);\n}\n\n.saltVerticalNavigation-bordered .saltVerticalNavigationItemContent {\n  border: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) transparent;\n}\n\n.saltVerticalNavigation-bordered .saltVerticalNavigationItemContent-active,\n.saltVerticalNavigation-bordered .saltVerticalNavigationItemContent-active:hover {\n  background: var(--salt-navigable-accent-background-active);\n  border-color: var(--salt-navigable-accent-borderColor-active);\n}\n\n.saltVerticalNavigationItemContent .saltIcon,\n.saltVerticalNavigationItemContent .saltBadge {\n  min-height: var(--salt-text-lineHeight);\n}\n\n.saltVerticalNavigationItemContent-focused {\n  outline: var(--salt-focused-outline);\n  outline-offset: calc(var(--salt-size-fixed-100) * -2);\n  z-index: 1;\n}\n\n.saltVerticalNavigationItemContent:hover {\n  background: var(--salt-navigable-background-hover);\n}\n\n.saltVerticalNavigation .saltVerticalNavigationItemContent-active,\n.saltVerticalNavigation .saltVerticalNavigationSubMenu .saltVerticalNavigationItemContent-active {\n  font-weight: var(--salt-text-h4-fontWeight);\n}\n\n@supports selector(:has(*)) {\n  .saltVerticalNavigationItemContent-active:hover:has(.saltVerticalNavigationItemTrigger[aria-controls]) {\n    background: linear-gradient(var(--salt-navigable-background-hover), var(--salt-navigable-background-hover)) var(--salt-navigable-accent-background-active);\n  }\n}\n";
+
+export { css_248z as default };
+//# sourceMappingURL=VerticalNavigationItemContent.css.js.map

package/dist-es/vertical-navigation/VerticalNavigationItemContent.css.js.map

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

package/dist-es/vertical-navigation/VerticalNavigationItemContent.js

@@ -0,0 +1,81 @@
+import { jsx } from 'react/jsx-runtime';
+import { makePrefixer, useForkRef, useId } from '@salt-ds/core';
+import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
+import { clsx } from 'clsx';
+import { forwardRef, useRef, useState, useEffect } from 'react';
+import { useSubMenuContext } from './SubMenuContext.js';
+import { useVerticalNavigationItem } from './VerticalNavigationItem.js';
+import css_248z from './VerticalNavigationItemContent.css.js';
+
+const withBaseName = makePrefixer("saltVerticalNavigationItemContent");
+const VerticalNavigationItemContent = forwardRef(function VerticalNavigationItemContent2(props, ref) {
+  const { children, className, style, ...rest } = props;
+  const targetWindow = useWindow();
+  useComponentCssInjection({
+    testId: "salt-vertical-navigation-item-content",
+    css: css_248z,
+    window: targetWindow
+  });
+  const containerRef = useRef(null);
+  const handleRef = useForkRef(ref, containerRef);
+  const { active, focusVisible } = useVerticalNavigationItem();
+  const { setDirectIcons, iconPaddingCount } = useSubMenuContext();
+  const [hasIcon, setHasIcon] = useState(false);
+  const iconId = useId();
+  useEffect(() => {
+    const checkForIcons = () => {
+      var _a;
+      const iconElement = (_a = containerRef.current) == null ? void 0 : _a.querySelector(
+        ".saltIcon ~ .saltVerticalNavigationItemLabel"
+      );
+      setHasIcon(Boolean(iconElement));
+      if (iconElement && iconId && setDirectIcons) {
+        setDirectIcons((icons) => {
+          if (!icons.includes(iconId)) {
+            return icons.concat(iconId);
+          }
+          return icons;
+        });
+      } else if (!iconElement && iconId && setDirectIcons) {
+        setDirectIcons((icons) => icons.filter((id) => id !== iconId));
+      }
+    };
+    const mutationObserver = new MutationObserver(() => {
+      checkForIcons();
+    });
+    checkForIcons();
+    if (containerRef.current) {
+      mutationObserver.observe(containerRef.current, {
+        childList: true,
+        subtree: true
+      });
+    }
+    return () => {
+      mutationObserver.disconnect();
+    };
+  }, [iconId, setDirectIcons]);
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      ref: handleRef,
+      className: clsx(
+        withBaseName(),
+        {
+          [withBaseName("active")]: active,
+          [withBaseName("focused")]: focusVisible
+        },
+        className
+      ),
+      style: {
+        "--saltVerticalNavigationItem-iconPaddingMultiplier": hasIcon ? iconPaddingCount - 1 : iconPaddingCount,
+        ...style
+      },
+      ...rest,
+      children
+    }
+  );
+});
+
+export { VerticalNavigationItemContent };
+//# sourceMappingURL=VerticalNavigationItemContent.js.map

package/dist-es/vertical-navigation/VerticalNavigationItemContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerticalNavigationItemContent.js","sources":["../src/vertical-navigation/VerticalNavigationItemContent.tsx"],"sourcesContent":["import { makePrefixer, useForkRef, useId } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  type ComponentPropsWithoutRef,\n  type CSSProperties,\n  forwardRef,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { useSubMenuContext } from \"./SubMenuContext\";\nimport { useVerticalNavigationItem } from \"./VerticalNavigationItem\";\nimport verticalNavigationItemContentCss from \"./VerticalNavigationItemContent.css\";\n\nexport interface VerticalNavigationItemContentProps\n  extends ComponentPropsWithoutRef<\"span\"> {}\n\nconst withBaseName = makePrefixer(\"saltVerticalNavigationItemContent\");\n\nexport const VerticalNavigationItemContent = forwardRef<\n  HTMLSpanElement,\n  VerticalNavigationItemContentProps\n>(function VerticalNavigationItemContent(props, ref) {\n  const { children, className, style, ...rest } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-vertical-navigation-item-content\",\n    css: verticalNavigationItemContentCss,\n    window: targetWindow,\n  });\n\n  const containerRef = useRef<HTMLSpanElement>(null);\n  const handleRef = useForkRef(ref, containerRef);\n\n  const { active, focusVisible } = useVerticalNavigationItem();\n  const { setDirectIcons, iconPaddingCount } = useSubMenuContext();\n  const [hasIcon, setHasIcon] = useState(false);\n\n  const iconId = useId();\n\n  useEffect(() => {\n    const checkForIcons = () => {\n      const iconElement = containerRef.current?.querySelector<HTMLElement>(\n        \".saltIcon ~ .saltVerticalNavigationItemLabel\",\n      );\n\n      setHasIcon(Boolean(iconElement));\n      if (iconElement && iconId && setDirectIcons) {\n        setDirectIcons((icons) => {\n          if (!icons.includes(iconId)) {\n            return icons.concat(iconId);\n          }\n          return icons;\n        });\n      } else if (!iconElement && iconId && setDirectIcons) {\n        setDirectIcons((icons) => icons.filter((id) => id !== iconId));\n      }\n    };\n\n    const mutationObserver = new MutationObserver(() => {\n      checkForIcons();\n    });\n    checkForIcons();\n\n    if (containerRef.current) {\n      mutationObserver.observe(containerRef.current, {\n        childList: true,\n        subtree: true,\n      });\n    }\n\n    return () => {\n      mutationObserver.disconnect();\n    };\n  }, [iconId, setDirectIcons]);\n\n  return (\n    <span\n      ref={handleRef}\n      className={clsx(\n        withBaseName(),\n        {\n          [withBaseName(\"active\")]: active,\n          [withBaseName(\"focused\")]: focusVisible,\n        },\n        className,\n      )}\n      style={\n        {\n          \"--saltVerticalNavigationItem-iconPaddingMultiplier\": hasIcon\n            ? iconPaddingCount - 1\n            : iconPaddingCount,\n          ...style,\n        } as CSSProperties\n      }\n      {...rest}\n    >\n      {children}\n    </span>\n  );\n});\n"],"names":["VerticalNavigationItemContent","verticalNavigationItemContentCss"],"mappings":";;;;;;;;;;AAmBA,MAAM,YAAA,GAAe,aAAa,mCAAmC,CAAA;AAE9D,MAAM,6BAAgC,GAAA,UAAA,CAG3C,SAASA,8BAAAA,CAA8B,OAAO,GAAK,EAAA;AACnD,EAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,KAAO,EAAA,GAAG,MAAS,GAAA,KAAA;AAEhD,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,uCAAA;AAAA,IACR,GAAK,EAAAC,QAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAM,MAAA,YAAA,GAAe,OAAwB,IAAI,CAAA;AACjD,EAAM,MAAA,SAAA,GAAY,UAAW,CAAA,GAAA,EAAK,YAAY,CAAA;AAE9C,EAAA,MAAM,EAAE,MAAA,EAAQ,YAAa,EAAA,GAAI,yBAA0B,EAAA;AAC3D,EAAA,MAAM,EAAE,cAAA,EAAgB,gBAAiB,EAAA,GAAI,iBAAkB,EAAA;AAC/D,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA;AAE5C,EAAA,MAAM,SAAS,KAAM,EAAA;AAErB,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,gBAAgB,MAAM;AA5ChC,MAAA,IAAA,EAAA;AA6CM,MAAM,MAAA,WAAA,GAAA,CAAc,EAAa,GAAA,YAAA,CAAA,OAAA,KAAb,IAAsB,GAAA,MAAA,GAAA,EAAA,CAAA,aAAA;AAAA,QACxC;AAAA,OAAA;AAGF,MAAW,UAAA,CAAA,OAAA,CAAQ,WAAW,CAAC,CAAA;AAC/B,MAAI,IAAA,WAAA,IAAe,UAAU,cAAgB,EAAA;AAC3C,QAAA,cAAA,CAAe,CAAC,KAAU,KAAA;AACxB,UAAA,IAAI,CAAC,KAAA,CAAM,QAAS,CAAA,MAAM,CAAG,EAAA;AAC3B,YAAO,OAAA,KAAA,CAAM,OAAO,MAAM,CAAA;AAAA;AAE5B,UAAO,OAAA,KAAA;AAAA,SACR,CAAA;AAAA,OACQ,MAAA,IAAA,CAAC,WAAe,IAAA,MAAA,IAAU,cAAgB,EAAA;AACnD,QAAe,cAAA,CAAA,CAAC,UAAU,KAAM,CAAA,MAAA,CAAO,CAAC,EAAO,KAAA,EAAA,KAAO,MAAM,CAAC,CAAA;AAAA;AAC/D,KACF;AAEA,IAAM,MAAA,gBAAA,GAAmB,IAAI,gBAAA,CAAiB,MAAM;AAClD,MAAc,aAAA,EAAA;AAAA,KACf,CAAA;AACD,IAAc,aAAA,EAAA;AAEd,IAAA,IAAI,aAAa,OAAS,EAAA;AACxB,MAAiB,gBAAA,CAAA,OAAA,CAAQ,aAAa,OAAS,EAAA;AAAA,QAC7C,SAAW,EAAA,IAAA;AAAA,QACX,OAAS,EAAA;AAAA,OACV,CAAA;AAAA;AAGH,IAAA,OAAO,MAAM;AACX,MAAA,gBAAA,CAAiB,UAAW,EAAA;AAAA,KAC9B;AAAA,GACC,EAAA,CAAC,MAAQ,EAAA,cAAc,CAAC,CAAA;AAE3B,EACE,uBAAA,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,GAAK,EAAA,SAAA;AAAA,MACL,SAAW,EAAA,IAAA;AAAA,QACT,YAAa,EAAA;AAAA,QACb;AAAA,UACE,CAAC,YAAA,CAAa,QAAQ,CAAC,GAAG,MAAA;AAAA,UAC1B,CAAC,YAAA,CAAa,SAAS,CAAC,GAAG;AAAA,SAC7B;AAAA,QACA;AAAA,OACF;AAAA,MACA,KACE,EAAA;AAAA,QACE,oDAAA,EAAsD,OAClD,GAAA,gBAAA,GAAmB,CACnB,GAAA,gBAAA;AAAA,QACJ,GAAG;AAAA,OACL;AAAA,MAED,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ,CAAC;;;;"}

package/dist-es/vertical-navigation/VerticalNavigationItemExpansionIcon.js

@@ -0,0 +1,27 @@
+import { jsx } from 'react/jsx-runtime';
+import { makePrefixer, useIcon } from '@salt-ds/core';
+import { clsx } from 'clsx';
+import { useCollapsibleContext } from '../collapsible/CollapsibleContext.js';
+
+const withBaseName = makePrefixer("saltVerticalNavigationItemExpansionIcon");
+const VerticalNavigationItemExpansionIcon = (props) => {
+  const { className, ...rest } = props;
+  const { CollapseIcon, ExpandIcon } = useIcon();
+  const iconExpansionMap = {
+    expanded: CollapseIcon,
+    collapsed: ExpandIcon
+  };
+  const { open } = useCollapsibleContext();
+  const Icon = iconExpansionMap[open ? "expanded" : "collapsed"];
+  return /* @__PURE__ */ jsx(
+    Icon,
+    {
+      className: clsx(withBaseName(), className),
+      "aria-hidden": "true",
+      ...rest
+    }
+  );
+};
+
+export { VerticalNavigationItemExpansionIcon };
+//# sourceMappingURL=VerticalNavigationItemExpansionIcon.js.map

package/dist-es/vertical-navigation/VerticalNavigationItemExpansionIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerticalNavigationItemExpansionIcon.js","sources":["../src/vertical-navigation/VerticalNavigationItemExpansionIcon.tsx"],"sourcesContent":["import { makePrefixer, useIcon } from \"@salt-ds/core\";\nimport type { IconProps } from \"@salt-ds/icons\";\nimport { clsx } from \"clsx\";\nimport { useCollapsibleContext } from \"../collapsible/CollapsibleContext\";\n\nconst withBaseName = makePrefixer(\"saltVerticalNavigationItemExpansionIcon\");\n\nexport const VerticalNavigationItemExpansionIcon = (props: IconProps) => {\n  const { className, ...rest } = props;\n  const { CollapseIcon, ExpandIcon } = useIcon();\n  const iconExpansionMap = {\n    expanded: CollapseIcon,\n    collapsed: ExpandIcon,\n  };\n\n  const { open } = useCollapsibleContext();\n\n  const Icon = iconExpansionMap[open ? \"expanded\" : \"collapsed\"];\n  return (\n    <Icon\n      className={clsx(withBaseName(), className)}\n      aria-hidden=\"true\"\n      {...rest}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;AAKA,MAAM,YAAA,GAAe,aAAa,yCAAyC,CAAA;AAE9D,MAAA,mCAAA,GAAsC,CAAC,KAAqB,KAAA;AACvE,EAAA,MAAM,EAAE,SAAA,EAAW,GAAG,IAAA,EAAS,GAAA,KAAA;AAC/B,EAAA,MAAM,EAAE,YAAA,EAAc,UAAW,EAAA,GAAI,OAAQ,EAAA;AAC7C,EAAA,MAAM,gBAAmB,GAAA;AAAA,IACvB,QAAU,EAAA,YAAA;AAAA,IACV,SAAW,EAAA;AAAA,GACb;AAEA,EAAM,MAAA,EAAE,IAAK,EAAA,GAAI,qBAAsB,EAAA;AAEvC,EAAA,MAAM,IAAO,GAAA,gBAAA,CAAiB,IAAO,GAAA,UAAA,GAAa,WAAW,CAAA;AAC7D,EACE,uBAAA,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,MACzC,aAAY,EAAA,MAAA;AAAA,MACX,GAAG;AAAA;AAAA,GACN;AAEJ;;;;"}

package/dist-es/vertical-navigation/VerticalNavigationItemLabel.css.js

@@ -0,0 +1,4 @@
+var css_248z = ".saltVerticalNavigationItemLabel {\n  flex: 1;\n}\n";
+
+export { css_248z as default };
+//# sourceMappingURL=VerticalNavigationItemLabel.css.js.map

package/dist-es/vertical-navigation/VerticalNavigationItemLabel.css.js.map

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

package/dist-es/vertical-navigation/VerticalNavigationItemLabel.js

@@ -0,0 +1,22 @@
+import { jsx } from 'react/jsx-runtime';
+import { makePrefixer } from '@salt-ds/core';
+import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
+import { clsx } from 'clsx';
+import { forwardRef } from 'react';
+import css_248z from './VerticalNavigationItemLabel.css.js';
+
+const withBaseName = makePrefixer("saltVerticalNavigationItemLabel");
+const VerticalNavigationItemLabel = forwardRef(function VerticalNavigationItemLabel2(props, ref) {
+  const { children, className, ...rest } = props;
+  const targetWindow = useWindow();
+  useComponentCssInjection({
+    testId: "salt-vertical-navigation-item-label",
+    css: css_248z,
+    window: targetWindow
+  });
+  return /* @__PURE__ */ jsx("span", { className: clsx(withBaseName(), className), ref, ...rest, children });
+});
+
+export { VerticalNavigationItemLabel };
+//# sourceMappingURL=VerticalNavigationItemLabel.js.map

package/dist-es/vertical-navigation/VerticalNavigationItemLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerticalNavigationItemLabel.js","sources":["../src/vertical-navigation/VerticalNavigationItemLabel.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport { type ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport verticalNavigationItemLabelCss from \"./VerticalNavigationItemLabel.css\";\n\nexport interface VerticalNavigationItemLabelProps\n  extends ComponentPropsWithoutRef<\"span\"> {}\n\nconst withBaseName = makePrefixer(\"saltVerticalNavigationItemLabel\");\n\nexport const VerticalNavigationItemLabel = forwardRef<\n  HTMLSpanElement,\n  VerticalNavigationItemLabelProps\n>(function VerticalNavigationItemLabel(props, ref) {\n  const { children, className, ...rest } = props;\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-vertical-navigation-item-label\",\n    css: verticalNavigationItemLabelCss,\n    window: targetWindow,\n  });\n\n  return (\n    <span className={clsx(withBaseName(), className)} ref={ref} {...rest}>\n      {children}\n    </span>\n  );\n});\n"],"names":["VerticalNavigationItemLabel","verticalNavigationItemLabelCss"],"mappings":";;;;;;;;AAUA,MAAM,YAAA,GAAe,aAAa,iCAAiC,CAAA;AAE5D,MAAM,2BAA8B,GAAA,UAAA,CAGzC,SAASA,4BAAAA,CAA4B,OAAO,GAAK,EAAA;AACjD,EAAA,MAAM,EAAE,QAAA,EAAU,SAAW,EAAA,GAAG,MAAS,GAAA,KAAA;AACzC,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,qCAAA;AAAA,IACR,GAAK,EAAAC,QAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EACE,uBAAA,GAAA,CAAC,MAAK,EAAA,EAAA,SAAA,EAAW,IAAK,CAAA,YAAA,EAAgB,EAAA,SAAS,CAAG,EAAA,GAAA,EAAW,GAAG,IAAA,EAC7D,QACH,EAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-es/vertical-navigation/VerticalNavigationItemTrigger.css.js

@@ -0,0 +1,4 @@
+var css_248z = ".saltVerticalNavigationItemTrigger {\n  all: unset;\n  padding: var(--salt-spacing-75) 0;\n  display: flex;\n  gap: var(--salt-spacing-100);\n  width: 100%;\n}\n\n.saltVerticalNavigationItemTrigger::before {\n  content: \"\";\n  display: block;\n  width: 100%;\n  position: absolute;\n  height: 100%;\n  left: 0;\n  top: 0;\n}\n";
+
+export { css_248z as default };
+//# sourceMappingURL=VerticalNavigationItemTrigger.css.js.map

package/dist-es/vertical-navigation/VerticalNavigationItemTrigger.css.js.map

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

package/dist-es/vertical-navigation/VerticalNavigationItemTrigger.js

@@ -0,0 +1,67 @@
+import { jsx } from 'react/jsx-runtime';
+import { makePrefixer, renderProps } from '@salt-ds/core';
+import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
+import { clsx } from 'clsx';
+import { forwardRef, useRef } from 'react';
+import { useVerticalNavigationItem } from './VerticalNavigationItem.js';
+import css_248z from './VerticalNavigationItemTrigger.css.js';
+
+function ItemAction(props) {
+  return renderProps("a", props);
+}
+const withBaseName = makePrefixer("saltVerticalNavigationItemTrigger");
+const VerticalNavigationItemTrigger = forwardRef(function VerticalNavigationItemTrigger2(props, ref) {
+  const {
+    className,
+    children,
+    render,
+    href,
+    onFocus,
+    onBlur,
+    onMouseDown,
+    ...rest
+  } = props;
+  const targetWindow = useWindow();
+  useComponentCssInjection({
+    testId: "salt-vertical-navigation-item-trigger",
+    css: css_248z,
+    window: targetWindow
+  });
+  const isLink = href != null;
+  const { active, setFocusVisible } = useVerticalNavigationItem();
+  const wasMouseDownRef = useRef(false);
+  const handleFocus = (event) => {
+    if (!wasMouseDownRef.current) {
+      setFocusVisible(true);
+    }
+    wasMouseDownRef.current = false;
+    onFocus == null ? void 0 : onFocus(event);
+  };
+  const handleBlur = (event) => {
+    setFocusVisible(false);
+    onBlur == null ? void 0 : onBlur(event);
+  };
+  const handleMouseDown = (event) => {
+    wasMouseDownRef.current = true;
+    onMouseDown == null ? void 0 : onMouseDown(event);
+  };
+  return /* @__PURE__ */ jsx(
+    ItemAction,
+    {
+      className: clsx(withBaseName(), className),
+      href,
+      "aria-current": active ? "page" : void 0,
+      render: render ?? (isLink ? void 0 : /* @__PURE__ */ jsx("button", { type: "button" })),
+      ref,
+      onFocus: handleFocus,
+      onBlur: handleBlur,
+      onMouseDown: handleMouseDown,
+      ...rest,
+      children
+    }
+  );
+});
+
+export { VerticalNavigationItemTrigger };
+//# sourceMappingURL=VerticalNavigationItemTrigger.js.map

package/dist-es/vertical-navigation/VerticalNavigationItemTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerticalNavigationItemTrigger.js","sources":["../src/vertical-navigation/VerticalNavigationItemTrigger.tsx"],"sourcesContent":["import { makePrefixer, type RenderPropsType, renderProps } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  type ComponentPropsWithoutRef,\n  type FocusEvent,\n  forwardRef,\n  type MouseEvent,\n  useRef,\n} from \"react\";\nimport { useVerticalNavigationItem } from \"./VerticalNavigationItem\";\nimport verticalNavigationItemTriggerCss from \"./VerticalNavigationItemTrigger.css\";\n\n// biome-ignore lint/suspicious/noExplicitAny: We don't know the exact type here\nfunction ItemAction(props: ComponentPropsWithoutRef<any>) {\n  return renderProps(\"a\", props);\n}\n\nexport interface VerticalNavigationItemTriggerProps\n  extends ComponentPropsWithoutRef<\"a\"> {\n  render?: RenderPropsType[\"render\"];\n}\n\nconst withBaseName = makePrefixer(\"saltVerticalNavigationItemTrigger\");\n\nexport const VerticalNavigationItemTrigger = forwardRef<\n  HTMLAnchorElement,\n  VerticalNavigationItemTriggerProps\n>(function VerticalNavigationItemTrigger(props, ref) {\n  const {\n    className,\n    children,\n    render,\n    href,\n    onFocus,\n    onBlur,\n    onMouseDown,\n    ...rest\n  } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-vertical-navigation-item-trigger\",\n    css: verticalNavigationItemTriggerCss,\n    window: targetWindow,\n  });\n\n  const isLink = href != null;\n  const { active, setFocusVisible } = useVerticalNavigationItem();\n\n  const wasMouseDownRef = useRef(false);\n\n  const handleFocus = (event: FocusEvent<never>) => {\n    if (!wasMouseDownRef.current) {\n      setFocusVisible(true);\n    }\n    wasMouseDownRef.current = false;\n    onFocus?.(event);\n  };\n\n  const handleBlur = (event: FocusEvent<never>) => {\n    setFocusVisible(false);\n    onBlur?.(event);\n  };\n\n  const handleMouseDown = (event: MouseEvent<never>) => {\n    wasMouseDownRef.current = true;\n    onMouseDown?.(event);\n  };\n\n  return (\n    <ItemAction\n      className={clsx(withBaseName(), className)}\n      href={href}\n      aria-current={active ? \"page\" : undefined}\n      render={render ?? (isLink ? undefined : <button type=\"button\" />)}\n      ref={ref}\n      onFocus={handleFocus}\n      onBlur={handleBlur}\n      onMouseDown={handleMouseDown}\n      {...rest}\n    >\n      {children}\n    </ItemAction>\n  );\n});\n"],"names":["VerticalNavigationItemTrigger","verticalNavigationItemTriggerCss"],"mappings":";;;;;;;;;AAeA,SAAS,WAAW,KAAsC,EAAA;AACxD,EAAO,OAAA,WAAA,CAAY,KAAK,KAAK,CAAA;AAC/B;AAOA,MAAM,YAAA,GAAe,aAAa,mCAAmC,CAAA;AAE9D,MAAM,6BAAgC,GAAA,UAAA,CAG3C,SAASA,8BAAAA,CAA8B,OAAO,GAAK,EAAA;AACnD,EAAM,MAAA;AAAA,IACJ,SAAA;AAAA,IACA,QAAA;AAAA,IACA,MAAA;AAAA,IACA,IAAA;AAAA,IACA,OAAA;AAAA,IACA,MAAA;AAAA,IACA,WAAA;AAAA,IACA,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,uCAAA;AAAA,IACR,GAAK,EAAAC,QAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAA,MAAM,SAAS,IAAQ,IAAA,IAAA;AACvB,EAAA,MAAM,EAAE,MAAA,EAAQ,eAAgB,EAAA,GAAI,yBAA0B,EAAA;AAE9D,EAAM,MAAA,eAAA,GAAkB,OAAO,KAAK,CAAA;AAEpC,EAAM,MAAA,WAAA,GAAc,CAAC,KAA6B,KAAA;AAChD,IAAI,IAAA,CAAC,gBAAgB,OAAS,EAAA;AAC5B,MAAA,eAAA,CAAgB,IAAI,CAAA;AAAA;AAEtB,IAAA,eAAA,CAAgB,OAAU,GAAA,KAAA;AAC1B,IAAU,OAAA,IAAA,IAAA,GAAA,MAAA,GAAA,OAAA,CAAA,KAAA,CAAA;AAAA,GACZ;AAEA,EAAM,MAAA,UAAA,GAAa,CAAC,KAA6B,KAAA;AAC/C,IAAA,eAAA,CAAgB,KAAK,CAAA;AACrB,IAAS,MAAA,IAAA,IAAA,GAAA,MAAA,GAAA,MAAA,CAAA,KAAA,CAAA;AAAA,GACX;AAEA,EAAM,MAAA,eAAA,GAAkB,CAAC,KAA6B,KAAA;AACpD,IAAA,eAAA,CAAgB,OAAU,GAAA,IAAA;AAC1B,IAAc,WAAA,IAAA,IAAA,GAAA,MAAA,GAAA,WAAA,CAAA,KAAA,CAAA;AAAA,GAChB;AAEA,EACE,uBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,MACzC,IAAA;AAAA,MACA,cAAA,EAAc,SAAS,MAAS,GAAA,MAAA;AAAA,MAChC,QAAQ,MAAW,KAAA,MAAA,GAAS,yBAAa,GAAA,CAAA,QAAA,EAAA,EAAO,MAAK,QAAS,EAAA,CAAA,CAAA;AAAA,MAC9D,GAAA;AAAA,MACA,OAAS,EAAA,WAAA;AAAA,MACT,MAAQ,EAAA,UAAA;AAAA,MACR,WAAa,EAAA,eAAA;AAAA,MACZ,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ,CAAC;;;;"}

package/dist-es/vertical-navigation/VerticalNavigationSubMenu.css.js

@@ -0,0 +1,4 @@
+var css_248z = ".saltVerticalNavigationSubMenu {\n  display: flex;\n  flex-direction: column;\n  gap: var(--salt-spacing-fixed-100);\n  list-style: none;\n  padding: var(--salt-spacing-fixed-100) 0 0;\n  margin: 0;\n}\n\n.saltVerticalNavigationSubMenu .saltVerticalNavigationItemContent {\n  font-weight: var(--salt-text-h4-fontWeight-small);\n}\n";
+
+export { css_248z as default };
+//# sourceMappingURL=VerticalNavigationSubMenu.css.js.map

package/dist-es/vertical-navigation/VerticalNavigationSubMenu.css.js.map

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

package/dist-es/vertical-navigation/VerticalNavigationSubMenu.js

@@ -0,0 +1,33 @@
+import { jsx } from 'react/jsx-runtime';
+import { makePrefixer } from '@salt-ds/core';
+import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
+import { clsx } from 'clsx';
+import { forwardRef, useState } from 'react';
+import { SubMenuProvider } from './SubMenuContext.js';
+import css_248z from './VerticalNavigationSubMenu.css.js';
+
+const withBaseName = makePrefixer("saltVerticalNavigationSubMenu");
+const VerticalNavigationSubMenu = forwardRef(function VerticalNavigationSubMenu2(props, ref) {
+  const { children, className, ...rest } = props;
+  const targetWindow = useWindow();
+  useComponentCssInjection({
+    testId: "salt-vertical-navigation-sub-menu",
+    css: css_248z,
+    window: targetWindow
+  });
+  const [directIcons, setDirectIcons] = useState([]);
+  return /* @__PURE__ */ jsx(SubMenuProvider, { directIcons, setDirectIcons, children: /* @__PURE__ */ jsx(
+    "ul",
+    {
+      ref,
+      className: clsx(withBaseName(), className),
+      "data-has-direct-icons": directIcons.length > 0,
+      ...rest,
+      children
+    }
+  ) });
+});
+
+export { VerticalNavigationSubMenu };
+//# sourceMappingURL=VerticalNavigationSubMenu.js.map

package/dist-es/vertical-navigation/VerticalNavigationSubMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerticalNavigationSubMenu.js","sources":["../src/vertical-navigation/VerticalNavigationSubMenu.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport { type ComponentPropsWithoutRef, forwardRef, useState } from \"react\";\nimport { SubMenuProvider } from \"./SubMenuContext\";\nimport verticalNavigationSubMenuCss from \"./VerticalNavigationSubMenu.css\";\n\nexport interface VerticalNavigationSubMenuProps\n  extends ComponentPropsWithoutRef<\"ul\"> {}\n\nconst withBaseName = makePrefixer(\"saltVerticalNavigationSubMenu\");\n\nexport const VerticalNavigationSubMenu = forwardRef<\n  HTMLUListElement,\n  VerticalNavigationSubMenuProps\n>(function VerticalNavigationSubMenu(props, ref) {\n  const { children, className, ...rest } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-vertical-navigation-sub-menu\",\n    css: verticalNavigationSubMenuCss,\n    window: targetWindow,\n  });\n\n  const [directIcons, setDirectIcons] = useState<string[]>([]);\n\n  return (\n    <SubMenuProvider directIcons={directIcons} setDirectIcons={setDirectIcons}>\n      <ul\n        ref={ref}\n        className={clsx(withBaseName(), className)}\n        data-has-direct-icons={directIcons.length > 0}\n        {...rest}\n      >\n        {children}\n      </ul>\n    </SubMenuProvider>\n  );\n});\n"],"names":["VerticalNavigationSubMenu","verticalNavigationSubMenuCss"],"mappings":";;;;;;;;;AAWA,MAAM,YAAA,GAAe,aAAa,+BAA+B,CAAA;AAE1D,MAAM,yBAA4B,GAAA,UAAA,CAGvC,SAASA,0BAAAA,CAA0B,OAAO,GAAK,EAAA;AAC/C,EAAA,MAAM,EAAE,QAAA,EAAU,SAAW,EAAA,GAAG,MAAS,GAAA,KAAA;AAEzC,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,mCAAA;AAAA,IACR,GAAK,EAAAC,QAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAA,MAAM,CAAC,WAAa,EAAA,cAAc,CAAI,GAAA,QAAA,CAAmB,EAAE,CAAA;AAE3D,EACE,uBAAA,GAAA,CAAC,eAAgB,EAAA,EAAA,WAAA,EAA0B,cACzC,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,MACzC,uBAAA,EAAuB,YAAY,MAAS,GAAA,CAAA;AAAA,MAC3C,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GAEL,EAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-types/breadcrumbs/Breadcrumb.d.ts

@@ -1,7 +1,8 @@
 import { type TooltipProps } from "@salt-ds/core";
 import type { IconProps } from "@salt-ds/icons";
 import { type ComponentType, type HTMLAttributes, type ReactNode } from "react";
-export interface BreadcrumbProps {
+import type { CascadingMenuProps } from "../cascading-menu/CascadingMenuProps";
+export interface BreadcrumbProps extends Pick<CascadingMenuProps, "onItemClick"> {
     children?: ReactNode;
     ContainerProps?: HTMLAttributes<HTMLLIElement>;
     tooltipText?: string;
@@ -11,7 +12,6 @@ export interface BreadcrumbProps {
     isCurrentLevel?: boolean;
     maxWidth?: number;
     minWidth?: number;
-    onItemClick?: (item: any, event: any) => void;
     overflowLabel?: string;
     Icon?: ComponentType<IconProps>;
 }

package/dist-types/breadcrumbs/Breadcrumbs.d.ts

@@ -1,7 +1,7 @@
 import type { IconProps } from "@salt-ds/icons";
-import { type HTMLAttributes, type ReactNode } from "react";
+import { type ComponentType, type HTMLAttributes, type ReactNode } from "react";
 export interface BreadcrumbsProps extends HTMLAttributes<HTMLElement> {
-    Menu?: any;
+    Menu?: ComponentType;
     SeparatorProps?: IconProps;
     hideCurrentLevel?: boolean;
     itemsAfterCollapse?: number;

package/dist-types/cascading-menu/CascadingMenuList.d.ts

@@ -1,6 +1,8 @@
 import { type UseFloatingUIProps } from "@salt-ds/core";
+import { type Dispatch } from "react";
 import { type ListProps } from "../list-deprecated";
 import { type MenuItemProps } from "./CascadingMenuItem";
+import { type menuAction } from "./internal/CascadingMenuAction";
 import { type screenBounds } from "./internal/menuPositioning";
 import { type menuState } from "./internal/stateUtils";
 import type { refsManager } from "./internal/useRefsManager";
@@ -9,7 +11,7 @@ export interface CascadingMenuListProps {
     data: menuState;
     delay?: number;
     disableMouseOutInteractions?: boolean;
-    dispatch: (action: any) => void;
+    dispatch: Dispatch<menuAction>;
     getBoundingClientRect?: (element: HTMLElement) => DOMRect;
     getScreenBounds?: () => screenBounds;
     height?: number;

package/dist-types/cascading-menu/CascadingMenuProps.d.ts

@@ -69,7 +69,7 @@ export interface CascadingMenuProps extends HTMLAttributes<HTMLElement> {
     /**
      * Used to determine the string value for the selected item.
      */
-    itemToString?: ItemToStringFunction;
+    itemToString?: ItemToStringFunction<MenuDescriptor>;
     /**
      * Maximum menu width  (text longer than the max width will end with ellipsis)
      * set to "null" to allow the content to take as much space as needed with no truncating. Defaults to 544

package/dist-types/cascading-menu/internal/useMenuTriggerHandlers.d.ts

@@ -1,9 +1,10 @@
-import { type KeyboardEvent, type MouseEvent } from "react";
+import { type Dispatch, type KeyboardEvent, type MouseEvent } from "react";
 import type { CascadingMenuProps } from "../CascadingMenuProps";
+import { type menuAction } from "./CascadingMenuAction";
 import type { menuState } from "./stateUtils";
 import type { stateItem } from "./useStateReducer";
 interface useMenuTriggerHandlersProps {
-    dispatch: (action: any) => void;
+    dispatch: Dispatch<menuAction>;
     children: CascadingMenuProps["children"];
     setIsNavigatingWithKeyboard: (value: boolean) => void;
     openCloseMenu: (open: boolean) => void;

package/dist-types/collapsible/Collapsible.d.ts

@@ -0,0 +1,16 @@
+import { type ComponentPropsWithoutRef, type SyntheticEvent } from "react";
+export interface CollapsibleProps extends Omit<ComponentPropsWithoutRef<"div">, "onToggle"> {
+    /**
+     * Whether the accordion is open.
+     */
+    open?: boolean;
+    /**
+     * Whether the accordion is open by default.
+     */
+    defaultOpen?: boolean;
+    /**
+     * Callback fired when the accordion is opened or closed.
+     */
+    onOpenChange?: (event: SyntheticEvent<HTMLButtonElement>, open: boolean) => void;
+}
+export declare const Collapsible: import("react").ForwardRefExoticComponent<CollapsibleProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/collapsible/CollapsibleContext.d.ts

@@ -0,0 +1,9 @@
+import { type SyntheticEvent } from "react";
+export type CollapsibleContextValue = {
+    open: boolean;
+    setOpen: (event: SyntheticEvent<HTMLButtonElement>, open: boolean) => void;
+    panelId?: string;
+    setPanelId?: (panelId: string) => void;
+};
+export declare const CollapsibleContext: import("react").Context<CollapsibleContextValue>;
+export declare function useCollapsibleContext(): CollapsibleContextValue;

package/dist-types/collapsible/CollapsiblePanel.d.ts

@@ -0,0 +1,4 @@
+import { type ComponentPropsWithoutRef } from "react";
+export interface CollapsiblePanelProps extends ComponentPropsWithoutRef<"div"> {
+}
+export declare const CollapsiblePanel: (props: CollapsiblePanelProps) => import("react/jsx-runtime").JSX.Element;

package/dist-types/collapsible/CollapsibleTrigger.d.ts

@@ -0,0 +1,5 @@
+import { type ComponentPropsWithoutRef, type ReactNode } from "react";
+export interface CollapsibleTriggerProps extends Pick<ComponentPropsWithoutRef<"button">, "className" | "onClick"> {
+    children: ReactNode;
+}
+export declare const CollapsibleTrigger: import("react").ForwardRefExoticComponent<CollapsibleTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist-types/collapsible/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./Collapsible";
+export * from "./CollapsiblePanel";
+export * from "./CollapsibleTrigger";

package/dist-types/combo-box-deprecated/internal/useComboBox.d.ts

@@ -1,9 +1,9 @@
-import { type MouseEvent } from "react";
+import { type MouseEvent, type Ref } from "react";
 import type { InputLegacyProps as InputProps } from "../../input-legacy";
 import type { DefaultComboBoxProps } from "./DefaultComboBox";
 export type UseComboBoxProps<Item> = Omit<DefaultComboBoxProps<Item>, "ListItem" | "Tooltip" | "tooltipEnterDelay" | "tooltipLeaveDelay" | "tooltipPlacement" | "rootRef" | "listRef" | "inputRef" | "rootWidth" | "listWidth">;
 export declare const useComboBox: <Item>(props: UseComboBoxProps<Item>) => {
-    inputRef: import("react").Ref<any>;
+    inputRef: Ref<HTMLInputElement>;
     listContext: {
         state: import("../../list-deprecated").ListState<Item, "default">;
         helpers: import("../../list-deprecated").ListHelpers<Item, "default">;
@@ -26,8 +26,8 @@ export declare const useComboBox: <Item>(props: UseComboBoxProps<Item>) => {
         selectedItem?: Item | undefined;
         selectionVariant?: "default" | undefined;
         tabToSelect?: boolean | undefined;
-        ListItem?: any;
-        ListPlaceholder?: any;
+        ListItem?: import("react").ComponentType<import("../../list-deprecated").IndexedListItemProps<Item>> | undefined;
+        ListPlaceholder?: import("react").ComponentType<import("react").ComponentProps<"div">> | undefined;
         borderless?: boolean | undefined;
         disableFocus?: boolean | undefined;
         disableMouseDown?: boolean | undefined;
@@ -40,7 +40,7 @@ export declare const useComboBox: <Item>(props: UseComboBoxProps<Item>) => {
         itemCount?: number | undefined;
         itemGapSize?: number | undefined;
         itemHeight?: number | string | undefined;
-        listRef?: import("react").Ref<HTMLElement> | undefined;
+        listRef?: Ref<HTMLDivElement> | undefined;
         maxHeight?: number | string | undefined;
         maxWidth?: number | string | undefined;
         minHeight?: number | string | undefined;

package/dist-types/combo-box-deprecated/internal/useMultiSelectComboBox.d.ts

@@ -1,4 +1,4 @@
-import { type KeyboardEvent, type KeyboardEventHandler, type MouseEvent, type RefObject, type SyntheticEvent } from "react";
+import { type KeyboardEvent, type KeyboardEventHandler, type MouseEvent, type Ref, type RefObject, type SyntheticEvent } from "react";
 import { type ExpandButtonProps } from "../../tokenized-input";
 import type { MultiSelectComboBoxProps } from "./MultiSelectComboBox";
 export type UseMultiSelectComboBoxProps<Item> = Omit<MultiSelectComboBoxProps<Item>, "inputRef" | "listContext" | "inputHelpers" | "inputProps" | "listProps"> & {
@@ -6,7 +6,7 @@ export type UseMultiSelectComboBoxProps<Item> = Omit<MultiSelectComboBoxProps<It
 };
 export declare const useMultiSelectComboBox: <Item>(props: Omit<UseMultiSelectComboBoxProps<Item>, "rootRef" | "classes">) => {
     inputHelpers: import("../..").TokenizedInputHelpers<Item>;
-    inputRef: import("react").Ref<any>;
+    inputRef: Ref<HTMLInputElement>;
     listContext: {
         state: import("../../list-deprecated").ListState<Item, "multiple">;
         helpers: import("../../list-deprecated").ListHelpers<Item, "multiple">;
@@ -585,7 +585,7 @@ export declare const useMultiSelectComboBox: <Item>(props: Omit<UseMultiSelectCo
         part?: string | undefined | undefined;
         expanded?: boolean | undefined;
         focused?: boolean | undefined;
-        inputRef?: import("react").Ref<HTMLInputElement> | undefined;
+        inputRef?: Ref<HTMLInputElement> | undefined;
         itemToString?: import("../..").ItemToString<Item> | undefined;
         highlightedIndex?: number | undefined;
         onClear?: import("react").ReactEventHandler | undefined;
@@ -594,7 +594,7 @@ export declare const useMultiSelectComboBox: <Item>(props: Omit<UseMultiSelectCo
         onInputChange?: import("react").ChangeEventHandler<HTMLInputElement> | undefined;
         onInputSelect?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
         activeIndices?: number[] | undefined;
-        expandButtonRef?: import("react").Ref<HTMLButtonElement> | undefined;
+        expandButtonRef?: Ref<HTMLButtonElement> | undefined;
         onRemoveItem?: import("../..").RemoveItemHandler | undefined;
     };
     listProps: {
@@ -612,8 +612,8 @@ export declare const useMultiSelectComboBox: <Item>(props: Omit<UseMultiSelectCo
         selectedItem?: Item[] | undefined;
         selectionVariant?: "multiple" | undefined;
         tabToSelect?: boolean | undefined;
-        ListItem?: any;
-        ListPlaceholder?: any;
+        ListItem?: import("react").ComponentType<import("../../list-deprecated").IndexedListItemProps<Item>> | undefined;
+        ListPlaceholder?: import("react").ComponentType<import("react").ComponentProps<"div">> | undefined;
         borderless?: boolean | undefined;
         disableFocus?: boolean | undefined;
         disableMouseDown?: boolean | undefined;
@@ -626,7 +626,7 @@ export declare const useMultiSelectComboBox: <Item>(props: Omit<UseMultiSelectCo
         itemCount?: number | undefined;
         itemGapSize?: number | undefined;
         itemHeight?: number | string | undefined;
-        listRef?: import("react").Ref<HTMLElement> | undefined;
+        listRef?: Ref<HTMLDivElement> | undefined;
         maxHeight?: number | string | undefined;
         maxWidth?: number | string | undefined;
         minHeight?: number | string | undefined;