@salt-ds/core 1.47.5 → 1.49.0

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

@@ -0,0 +1,86 @@
+import { jsx } from 'react/jsx-runtime';
+import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
+import { clsx } from 'clsx';
+import { forwardRef, useRef, useState, useEffect } from 'react';
+import { makePrefixer } from '../utils/makePrefixer.js';
+import '../utils/useFloatingUI/useFloatingUI.js';
+import { useForkRef } from '../utils/useForkRef.js';
+import { useId } from '../utils/useId.js';
+import '../salt-provider/SaltProvider.js';
+import '../viewport/ViewportProvider.js';
+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 { 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 { makePrefixer, useForkRef, useId } from \"../utils\";\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":"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"}

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

@@ -0,0 +1,33 @@
+import { jsx } from 'react/jsx-runtime';
+import { clsx } from 'clsx';
+import { useCollapsibleContext } from '../collapsible/CollapsibleContext.js';
+import { useIcon } from '../semantic-icon-provider/SemanticIconProvider.js';
+import 'react';
+import { makePrefixer } from '../utils/makePrefixer.js';
+import '../utils/useFloatingUI/useFloatingUI.js';
+import '../utils/useId.js';
+import '../salt-provider/SaltProvider.js';
+import '../viewport/ViewportProvider.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 type { IconProps } from \"@salt-ds/icons\";\nimport { clsx } from \"clsx\";\nimport { useCollapsibleContext } from \"../collapsible/CollapsibleContext\";\nimport { useIcon } from \"../semantic-icon-provider\";\nimport { makePrefixer } from \"../utils\";\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":";;;;;;;;;;;AAMA,MAAM,YAAA,GAAe,aAAa,yCAAyC,CAAA;AAEpE,MAAM,mCAAA,GAAsC,CAAC,KAAA,KAAqB;AACvE,EAAA,MAAM,EAAE,SAAA,EAAW,GAAG,IAAA,EAAK,GAAI,KAAA;AAC/B,EAAA,MAAM,EAAE,YAAA,EAAc,UAAA,EAAW,GAAI,OAAA,EAAQ;AAC7C,EAAA,MAAM,gBAAA,GAAmB;AAAA,IACvB,QAAA,EAAU,YAAA;AAAA,IACV,SAAA,EAAW;AAAA,GACb;AAEA,EAAA,MAAM,EAAE,IAAA,EAAK,GAAI,qBAAA,EAAsB;AAEvC,EAAA,MAAM,IAAA,GAAO,gBAAA,CAAiB,IAAA,GAAO,UAAA,GAAa,WAAW,CAAA;AAC7D,EAAA,uBACE,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,IAAA,CAAK,YAAA,EAAa,EAAG,SAAS,CAAA;AAAA,MACzC,aAAA,EAAY,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,26 @@
+import { jsx } from 'react/jsx-runtime';
+import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
+import { clsx } from 'clsx';
+import { forwardRef } from 'react';
+import { makePrefixer } from '../utils/makePrefixer.js';
+import '../utils/useFloatingUI/useFloatingUI.js';
+import '../utils/useId.js';
+import '../salt-provider/SaltProvider.js';
+import '../viewport/ViewportProvider.js';
+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 { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport { type ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport { makePrefixer } from \"../utils\";\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,2BAAA,GAA8B,UAAA,CAGzC,SAASA,4BAAAA,CAA4B,OAAO,GAAA,EAAK;AACjD,EAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,GAAG,MAAK,GAAI,KAAA;AACzC,EAAA,MAAM,eAAe,SAAA,EAAU;AAC/B,EAAA,wBAAA,CAAyB;AAAA,IACvB,MAAA,EAAQ,qCAAA;AAAA,IACR,GAAA,EAAKC,QAAA;AAAA,IACL,MAAA,EAAQ;AAAA,GACT,CAAA;AAED,EAAA,uBACE,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,IAAA,CAAK,YAAA,EAAa,EAAG,SAAS,CAAA,EAAG,GAAA,EAAW,GAAG,IAAA,EAC7D,QAAA,EACH,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,72 @@
+import { jsx } from 'react/jsx-runtime';
+import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
+import { clsx } from 'clsx';
+import { forwardRef, useRef } from 'react';
+import { makePrefixer } from '../utils/makePrefixer.js';
+import { renderProps } from '../utils/renderProps.js';
+import '../utils/useFloatingUI/useFloatingUI.js';
+import '../utils/useId.js';
+import '../salt-provider/SaltProvider.js';
+import '../viewport/ViewportProvider.js';
+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 { 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 { makePrefixer, type RenderPropsType, renderProps } from \"../utils\";\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,KAAA,EAAsC;AACxD,EAAA,OAAO,WAAA,CAAY,KAAK,KAAK,CAAA;AAC/B;AAOA,MAAM,YAAA,GAAe,aAAa,mCAAmC,CAAA;AAE9D,MAAM,6BAAA,GAAgC,UAAA,CAG3C,SAASA,8BAAAA,CAA8B,OAAO,GAAA,EAAK;AACnD,EAAA,MAAM;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,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,eAAe,SAAA,EAAU;AAC/B,EAAA,wBAAA,CAAyB;AAAA,IACvB,MAAA,EAAQ,uCAAA;AAAA,IACR,GAAA,EAAKC,QAAA;AAAA,IACL,MAAA,EAAQ;AAAA,GACT,CAAA;AAED,EAAA,MAAM,SAAS,IAAA,IAAQ,IAAA;AACvB,EAAA,MAAM,EAAE,MAAA,EAAQ,eAAA,EAAgB,GAAI,yBAAA,EAA0B;AAE9D,EAAA,MAAM,eAAA,GAAkB,OAAO,KAAK,CAAA;AAEpC,EAAA,MAAM,WAAA,GAAc,CAAC,KAAA,KAA6B;AAChD,IAAA,IAAI,CAAC,gBAAgB,OAAA,EAAS;AAC5B,MAAA,eAAA,CAAgB,IAAI,CAAA;AAAA,IACtB;AACA,IAAA,eAAA,CAAgB,OAAA,GAAU,KAAA;AAC1B,IAAA,OAAA,IAAA,IAAA,GAAA,MAAA,GAAA,OAAA,CAAU,KAAA,CAAA;AAAA,EACZ,CAAA;AAEA,EAAA,MAAM,UAAA,GAAa,CAAC,KAAA,KAA6B;AAC/C,IAAA,eAAA,CAAgB,KAAK,CAAA;AACrB,IAAA,MAAA,IAAA,IAAA,GAAA,MAAA,GAAA,MAAA,CAAS,KAAA,CAAA;AAAA,EACX,CAAA;AAEA,EAAA,MAAM,eAAA,GAAkB,CAAC,KAAA,KAA6B;AACpD,IAAA,eAAA,CAAgB,OAAA,GAAU,IAAA;AAC1B,IAAA,WAAA,IAAA,IAAA,GAAA,MAAA,GAAA,WAAA,CAAc,KAAA,CAAA;AAAA,EAChB,CAAA;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,IAAA,CAAK,YAAA,EAAa,EAAG,SAAS,CAAA;AAAA,MACzC,IAAA;AAAA,MACA,cAAA,EAAc,SAAS,MAAA,GAAS,MAAA;AAAA,MAChC,QAAQ,MAAA,KAAW,MAAA,GAAS,yBAAY,GAAA,CAAC,QAAA,EAAA,EAAO,MAAK,QAAA,EAAS,CAAA,CAAA;AAAA,MAC9D,GAAA;AAAA,MACA,OAAA,EAAS,WAAA;AAAA,MACT,MAAA,EAAQ,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,37 @@
+import { jsx } from 'react/jsx-runtime';
+import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
+import { clsx } from 'clsx';
+import { forwardRef, useState } from 'react';
+import { makePrefixer } from '../utils/makePrefixer.js';
+import '../utils/useFloatingUI/useFloatingUI.js';
+import '../utils/useId.js';
+import '../salt-provider/SaltProvider.js';
+import '../viewport/ViewportProvider.js';
+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 { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport { type ComponentPropsWithoutRef, forwardRef, useState } from \"react\";\nimport { makePrefixer } from \"../utils\";\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,yBAAA,GAA4B,UAAA,CAGvC,SAASA,0BAAAA,CAA0B,OAAO,GAAA,EAAK;AAC/C,EAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,GAAG,MAAK,GAAI,KAAA;AAEzC,EAAA,MAAM,eAAe,SAAA,EAAU;AAC/B,EAAA,wBAAA,CAAyB;AAAA,IACvB,MAAA,EAAQ,mCAAA;AAAA,IACR,GAAA,EAAKC,QAAA;AAAA,IACL,MAAA,EAAQ;AAAA,GACT,CAAA;AAED,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,QAAA,CAAmB,EAAE,CAAA;AAE3D,EAAA,uBACE,GAAA,CAAC,eAAA,EAAA,EAAgB,WAAA,EAA0B,cAAA,EACzC,QAAA,kBAAA,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,IAAA,CAAK,YAAA,EAAa,EAAG,SAAS,CAAA;AAAA,MACzC,uBAAA,EAAuB,YAAY,MAAA,GAAS,CAAA;AAAA,MAC3C,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH,EACF,CAAA;AAEJ,CAAC;;;;"}

package/dist-es/viewport/ViewportProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewportProvider.js","sources":["../src/viewport/ViewportProvider.tsx"],"sourcesContent":["import { createContext, type ReactNode, useContext, useState } from \"react\";\nimport { useIsomorphicLayoutEffect } from \"../utils/useIsomorphicLayoutEffect\";\n\nconst ViewportContext = createContext<number | null>(null);\n\ntype ViewportProviderProps = {\n  children?: ReactNode;\n};\n\nconst ViewportProvider = ({ children }: ViewportProviderProps) => {\n  // Get value directly from the ViewportContext so we can detect if the value is null (no inherited ViewportProvider)\n  const existingViewport = useContext(ViewportContext);\n  const [viewport, setViewport] = useState(existingViewport);\n\n  const noExistingViewport = existingViewport === null;\n  const viewportValue = existingViewport || viewport || 0;\n\n  useIsomorphicLayoutEffect(() => {\n    let observer: ResizeObserver | null = null;\n\n    if (noExistingViewport) {\n      observer = new ResizeObserver(\n        (observerEntries: ResizeObserverEntry[]) => {\n          setViewport(observerEntries[0].contentRect.width);\n        },\n      );\n\n      observer.observe(document.body);\n      setViewport(document.body.getBoundingClientRect().width);\n    }\n\n    return () => {\n      if (observer) {\n        observer.disconnect();\n      }\n    };\n  }, [noExistingViewport]);\n\n  return (\n    <ViewportContext.Provider value={viewportValue}>\n      {children}\n    </ViewportContext.Provider>\n  );\n};\n\nconst useViewport = (): number => {\n  const value = useContext(ViewportContext);\n  return value === null ? 0 : value;\n};\n\nexport { ViewportProvider, ViewportContext, useViewport };\n"],"names":[],"mappings":";;;;AAGM,MAAA,eAAA,GAAkB,cAA6B,IAAI;AAMzD,MAAM,gBAAmB,GAAA,CAAC,EAAE,QAAA,EAAsC,KAAA;AAEhE,EAAM,MAAA,gBAAA,GAAmB,WAAW,eAAe,CAAA;AACnD,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAAS,gBAAgB,CAAA;AAEzD,EAAA,MAAM,qBAAqB,gBAAqB,KAAA,IAAA;AAChD,EAAM,MAAA,aAAA,GAAgB,oBAAoB,QAAY,IAAA,CAAA;AAEtD,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAA,IAAI,QAAkC,GAAA,IAAA;AAEtC,IAAA,IAAI,kBAAoB,EAAA;AACtB,MAAA,QAAA,GAAW,IAAI,cAAA;AAAA,QACb,CAAC,eAA2C,KAAA;AAC1C,UAAA,WAAA,CAAY,eAAgB,CAAA,CAAC,CAAE,CAAA,WAAA,CAAY,KAAK,CAAA;AAAA;AAClD,OACF;AAEA,MAAS,QAAA,CAAA,OAAA,CAAQ,SAAS,IAAI,CAAA;AAC9B,MAAA,WAAA,CAAY,QAAS,CAAA,IAAA,CAAK,qBAAsB,EAAA,CAAE,KAAK,CAAA;AAAA;AAGzD,IAAA,OAAO,MAAM;AACX,MAAA,IAAI,QAAU,EAAA;AACZ,QAAA,QAAA,CAAS,UAAW,EAAA;AAAA;AACtB,KACF;AAAA,GACF,EAAG,CAAC,kBAAkB,CAAC,CAAA;AAEvB,EAAA,2BACG,eAAgB,CAAA,QAAA,EAAhB,EAAyB,KAAA,EAAO,eAC9B,QACH,EAAA,CAAA;AAEJ;AAEA,MAAM,cAAc,MAAc;AAChC,EAAM,MAAA,KAAA,GAAQ,WAAW,eAAe,CAAA;AACxC,EAAO,OAAA,KAAA,KAAU,OAAO,CAAI,GAAA,KAAA;AAC9B;;;;"}
+{"version":3,"file":"ViewportProvider.js","sources":["../src/viewport/ViewportProvider.tsx"],"sourcesContent":["import { createContext, type ReactNode, useContext, useState } from \"react\";\nimport { useIsomorphicLayoutEffect } from \"../utils/useIsomorphicLayoutEffect\";\n\nconst ViewportContext = createContext<number | null>(null);\n\ntype ViewportProviderProps = {\n  children?: ReactNode;\n};\n\nconst ViewportProvider = ({ children }: ViewportProviderProps) => {\n  // Get value directly from the ViewportContext so we can detect if the value is null (no inherited ViewportProvider)\n  const existingViewport = useContext(ViewportContext);\n  const [viewport, setViewport] = useState(existingViewport);\n\n  const noExistingViewport = existingViewport === null;\n  const viewportValue = existingViewport || viewport || 0;\n\n  useIsomorphicLayoutEffect(() => {\n    let observer: ResizeObserver | null = null;\n\n    if (noExistingViewport) {\n      observer = new ResizeObserver(\n        (observerEntries: ResizeObserverEntry[]) => {\n          setViewport(observerEntries[0].contentRect.width);\n        },\n      );\n\n      observer.observe(document.body);\n      setViewport(document.body.getBoundingClientRect().width);\n    }\n\n    return () => {\n      if (observer) {\n        observer.disconnect();\n      }\n    };\n  }, [noExistingViewport]);\n\n  return (\n    <ViewportContext.Provider value={viewportValue}>\n      {children}\n    </ViewportContext.Provider>\n  );\n};\n\nconst useViewport = (): number => {\n  const value = useContext(ViewportContext);\n  return value === null ? 0 : value;\n};\n\nexport { ViewportProvider, ViewportContext, useViewport };\n"],"names":[],"mappings":";;;;AAGA,MAAM,eAAA,GAAkB,cAA6B,IAAI;AAMzD,MAAM,gBAAA,GAAmB,CAAC,EAAE,QAAA,EAAS,KAA6B;AAEhE,EAAA,MAAM,gBAAA,GAAmB,WAAW,eAAe,CAAA;AACnD,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAAS,gBAAgB,CAAA;AAEzD,EAAA,MAAM,qBAAqB,gBAAA,KAAqB,IAAA;AAChD,EAAA,MAAM,aAAA,GAAgB,oBAAoB,QAAA,IAAY,CAAA;AAEtD,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAA,IAAI,QAAA,GAAkC,IAAA;AAEtC,IAAA,IAAI,kBAAA,EAAoB;AACtB,MAAA,QAAA,GAAW,IAAI,cAAA;AAAA,QACb,CAAC,eAAA,KAA2C;AAC1C,UAAA,WAAA,CAAY,eAAA,CAAgB,CAAC,CAAA,CAAE,WAAA,CAAY,KAAK,CAAA;AAAA,QAClD;AAAA,OACF;AAEA,MAAA,QAAA,CAAS,OAAA,CAAQ,SAAS,IAAI,CAAA;AAC9B,MAAA,WAAA,CAAY,QAAA,CAAS,IAAA,CAAK,qBAAA,EAAsB,CAAE,KAAK,CAAA;AAAA,IACzD;AAEA,IAAA,OAAO,MAAM;AACX,MAAA,IAAI,QAAA,EAAU;AACZ,QAAA,QAAA,CAAS,UAAA,EAAW;AAAA,MACtB;AAAA,IACF,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,kBAAkB,CAAC,CAAA;AAEvB,EAAA,2BACG,eAAA,CAAgB,QAAA,EAAhB,EAAyB,KAAA,EAAO,eAC9B,QAAA,EACH,CAAA;AAEJ;AAEA,MAAM,cAAc,MAAc;AAChC,EAAA,MAAM,KAAA,GAAQ,WAAW,eAAe,CAAA;AACxC,EAAA,OAAO,KAAA,KAAU,OAAO,CAAA,GAAI,KAAA;AAC9B;;;;"}

package/dist-types/avatar/useAvatarImage.d.ts

@@ -1,2 +1,4 @@
 import { type ImgHTMLAttributes } from "react";
-export declare function useAvatarImage({ src }: ImgHTMLAttributes<HTMLImageElement>): "loading" | "error" | "pending" | "loaded";
+type ImageLoadingStatus = "pending" | "loading" | "loaded" | "error";
+export declare function useAvatarImage({ src, referrerPolicy, crossOrigin, }: ImgHTMLAttributes<HTMLImageElement>): ImageLoadingStatus;
+export {};

package/dist-types/avatar/useIsHydrated.d.ts

@@ -0,0 +1 @@
+export declare function useIsHydrated(): boolean;

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: import("react").ForwardRefExoticComponent<CollapsiblePanelProps & import("react").RefAttributes<HTMLDivElement>>;

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/file-drop-zone/FileDropZone.d.ts

@@ -8,7 +8,7 @@ export interface FileDropZoneProps extends Omit<ComponentPropsWithoutRef<"div">,
     /**
      * Status indicator to be displayed.
      */
-    status?: Omit<ValidationStatus, "info" | "warning">;
+    status?: Exclude<ValidationStatus, "info" | "warning">;
     /**
      * Callback for on drop event
      */

package/dist-types/flex-layout/FlexLayout.d.ts

@@ -1,7 +1,7 @@
 import { type ElementType, type FunctionComponent } from "react";
 import { type PolymorphicComponentPropWithRef, type ResponsiveProp } from "../utils";
 export type LayoutSeparator = "start" | "center" | "end";
-export type LayoutDirection = "row" | "column";
+export type LayoutDirection = "row" | "column" | "row-reverse" | "column-reverse";
 export declare const FLEX_ALIGNMENT_BASE: readonly ["start", "end", "center"];
 export declare const FLEX_CONTENT_ALIGNMENT_BASE: readonly ["start", "end", "center", "space-between", "space-around", "space-evenly"];
 export type FlexAlignment = (typeof FLEX_ALIGNMENT_BASE)[number];

package/dist-types/index.d.ts

@@ -9,6 +9,7 @@ export { type Breakpoints, DEFAULT_BREAKPOINTS, useBreakpoint, } from "./breakpo
 export * from "./button";
 export * from "./card";
 export * from "./checkbox";
+export * from "./collapsible";
 export * from "./combo-box";
 export * from "./dialog";
 export * from "./divider";
@@ -61,4 +62,5 @@ export * from "./toggle-button-group";
 export * from "./tooltip";
 export * from "./types";
 export * from "./utils";
+export * from "./vertical-navigation";
 export * from "./viewport";

package/dist-types/vertical-navigation/SubMenuContext.d.ts

@@ -0,0 +1,14 @@
+import { type Dispatch, type ReactNode, type SetStateAction } from "react";
+type SubMenuContextValue = {
+    depth: number;
+    iconPaddingCount: number;
+    setDirectIcons?: Dispatch<SetStateAction<string[]>>;
+};
+export declare const SubMenuContext: import("react").Context<SubMenuContextValue>;
+export declare const useSubMenuContext: () => SubMenuContextValue;
+export declare function SubMenuProvider({ children, directIcons, setDirectIcons, }: {
+    children: ReactNode;
+    directIcons: string[];
+    setDirectIcons?: Dispatch<SetStateAction<string[]>>;
+}): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist-types/vertical-navigation/VerticalNavigation.d.ts

@@ -0,0 +1,8 @@
+import { type ComponentPropsWithoutRef } from "react";
+export interface VerticalNavigationProps extends ComponentPropsWithoutRef<"nav"> {
+    /**
+     * The appearance of the tabs. Defaults to "bordered".
+     */
+    appearance?: "indicator" | "bordered";
+}
+export declare const VerticalNavigation: import("react").ForwardRefExoticComponent<VerticalNavigationProps & import("react").RefAttributes<HTMLElement>>;

package/dist-types/vertical-navigation/VerticalNavigationItem.d.ts

@@ -0,0 +1,12 @@
+import { type ComponentPropsWithoutRef, type Dispatch, type SetStateAction } from "react";
+export interface VerticalNavigationItemProps extends ComponentPropsWithoutRef<"li"> {
+    active?: boolean;
+}
+type VerticalNavigationItemContextType = {
+    active: boolean;
+    focusVisible: boolean;
+    setFocusVisible: Dispatch<SetStateAction<boolean>>;
+};
+export declare function useVerticalNavigationItem(): VerticalNavigationItemContextType;
+export declare const VerticalNavigationItem: import("react").ForwardRefExoticComponent<VerticalNavigationItemProps & import("react").RefAttributes<HTMLLIElement>>;
+export {};

package/dist-types/vertical-navigation/VerticalNavigationItemContent.d.ts

@@ -0,0 +1,4 @@
+import { type ComponentPropsWithoutRef } from "react";
+export interface VerticalNavigationItemContentProps extends ComponentPropsWithoutRef<"span"> {
+}
+export declare const VerticalNavigationItemContent: import("react").ForwardRefExoticComponent<VerticalNavigationItemContentProps & import("react").RefAttributes<HTMLSpanElement>>;

package/dist-types/vertical-navigation/VerticalNavigationItemExpansionIcon.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from "@salt-ds/icons";
+export declare const VerticalNavigationItemExpansionIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist-types/vertical-navigation/VerticalNavigationItemLabel.d.ts

@@ -0,0 +1,4 @@
+import { type ComponentPropsWithoutRef } from "react";
+export interface VerticalNavigationItemLabelProps extends ComponentPropsWithoutRef<"span"> {
+}
+export declare const VerticalNavigationItemLabel: import("react").ForwardRefExoticComponent<VerticalNavigationItemLabelProps & import("react").RefAttributes<HTMLSpanElement>>;

package/dist-types/vertical-navigation/VerticalNavigationItemTrigger.d.ts

@@ -0,0 +1,6 @@
+import { type ComponentPropsWithoutRef } from "react";
+import { type RenderPropsType } from "../utils";
+export interface VerticalNavigationItemTriggerProps extends ComponentPropsWithoutRef<"a"> {
+    render?: RenderPropsType["render"];
+}
+export declare const VerticalNavigationItemTrigger: import("react").ForwardRefExoticComponent<VerticalNavigationItemTriggerProps & import("react").RefAttributes<HTMLAnchorElement>>;

package/dist-types/vertical-navigation/VerticalNavigationSubMenu.d.ts

@@ -0,0 +1,4 @@
+import { type ComponentPropsWithoutRef } from "react";
+export interface VerticalNavigationSubMenuProps extends ComponentPropsWithoutRef<"ul"> {
+}
+export declare const VerticalNavigationSubMenu: import("react").ForwardRefExoticComponent<VerticalNavigationSubMenuProps & import("react").RefAttributes<HTMLUListElement>>;

package/dist-types/vertical-navigation/index.d.ts

@@ -0,0 +1,7 @@
+export * from "./VerticalNavigation";
+export * from "./VerticalNavigationItem";
+export * from "./VerticalNavigationItemContent";
+export * from "./VerticalNavigationItemExpansionIcon";
+export * from "./VerticalNavigationItemLabel";
+export * from "./VerticalNavigationItemTrigger";
+export * from "./VerticalNavigationSubMenu";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salt-ds/core",
-  "version": "1.47.5",
+  "version": "1.49.0",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -17,7 +17,8 @@
     "@salt-ds/icons": "^1.14.0",
     "@salt-ds/styles": "0.2.1",
     "@salt-ds/window": "0.1.1",
-    "clsx": "^2.0.0"
+    "clsx": "^2.0.0",
+    "use-sync-external-store": "^1.5.0"
   },
   "peerDependencies": {
     "@types/react": ">=16.14.0",