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

package/dist-types/date-picker/DatePickerRangePanel.d.ts

@@ -47,9 +47,9 @@ export interface DatePickerRangePanelProps<TDate extends DateFrameworkType> exte
     /**
      * Callback fired when the focused date changes.
      * @param event - The synthetic event or null if triggered by code.
-     * @param hoveredDate - The new hovered date.
+     * @param focusedDate - The new focused date.
      */
-    onFocusedDateChange?: (event: SyntheticEvent | null, hoveredDate?: TDate | null) => void;
+    onFocusedDateChange?: (event: SyntheticEvent | null, focusedDate?: TDate | null) => void;
     /**
      * Callback fired when the hovered date changes.
      * @param event - The synthetic event.
@@ -63,7 +63,7 @@ export interface DatePickerRangePanelProps<TDate extends DateFrameworkType> exte
     /**
      * Props to be passed to the start date calendar component.
      */
-    StartCalendarProps?: Partial<Omit<CalendarRangeProps<TDate> | CalendarOffsetProps<TDate>, "selectedDate" | "defaultSelectedDate" | "onFocusedDateChange" | "onHoveredDateChange" | "onSelectionChange" | "onVisibleMonthChange">>;
+    StartCalendarProps?: Partial<Omit<CalendarRangeProps<TDate> | CalendarOffsetProps<TDate>, "selectedDate" | "defaultSelectedDate" | "multiselect" | "onFocusedDateChange" | "onHoveredDateChange" | "onSelectionChange" | "onVisibleMonthChange">>;
     /**
      * Props to be passed to the start date CalendarGrid component.
      */
@@ -71,7 +71,7 @@ export interface DatePickerRangePanelProps<TDate extends DateFrameworkType> exte
     /**
      * Props to be passed to the end date CalendarNavigation component.
      */
-    EndCalendarProps?: Partial<Omit<CalendarRangeProps<TDate>, "selectedDate" | "defaultSelectedDate" | "onFocusedDateChange" | "onHoveredDateChange" | "onSelectionChange" | "onVisibleMonthChange">>;
+    EndCalendarProps?: Partial<Omit<CalendarRangeProps<TDate>, "selectedDate" | "defaultSelectedDate" | "multiselect" | "onFocusedDateChange" | "onHoveredDateChange" | "onSelectionChange" | "onVisibleMonthChange">>;
     /**
      * Props to be passed to the end date CalendarNavigation component.
      */

package/dist-types/date-picker/DatePickerSingleGridPanel.d.ts

@@ -36,9 +36,9 @@ export interface DatePickerPanelBaseProps<TDate extends DateFrameworkType> exten
     /**
      * Callback fired when the focused date changes.
      * @param event - The synthetic event or null if triggered by code.
-     * @param hoveredDate - The new hovered date.
+     * @param focusedDate - The new hovered date.
      */
-    onFocusedDateChange?: (event: SyntheticEvent | null, hoveredDate?: TDate | null) => void;
+    onFocusedDateChange?: (event: SyntheticEvent | null, focusedDate?: TDate | null) => void;
     /**
      * Callback fired when the hovered date changes.
      * @param event - The synthetic event.

package/dist-types/date-picker/useDatePicker.d.ts

@@ -6,12 +6,6 @@ import type { RangeDatePickerState, SingleDatePickerState } from "./DatePickerCo
 interface UseDatePickerBaseProps<TDate> {
     /** If `true`, the component is disabled. */
     disabled?: boolean;
-    /**
-     * Function to determine if a day is disabled.
-     * @param date - The date to check.
-     * @returns A string reason if the day is disabled, otherwise `false` or `undefined`.
-     */
-    isDayDisabled?: (date: TDate) => string | false | undefined;
     /**
      * Function to determine if a day is highlighted.
      * @param date - The date to check.

package/dist-types/index.d.ts

@@ -3,7 +3,6 @@ export * from "./breadcrumbs";
 export * from "./button-bar";
 export * from "./calendar";
 export * from "./cascading-menu";
-export * from "./collapsible";
 export * from "./color-chooser";
 export * from "./combo-box";
 export * from "./combo-box-deprecated";
@@ -46,5 +45,4 @@ export * from "./tokenized-input-next";
 export * from "./toolbar";
 export * from "./tree";
 export * from "./utils";
-export * from "./vertical-navigation";
 export * from "./window";

package/dist-types/table/TD.d.ts

@@ -1,4 +1,10 @@
 import { type ComponentPropsWithoutRef } from "react";
 export interface TDProps extends ComponentPropsWithoutRef<"td"> {
+    /**
+     * Specifies the alignment of the text within the `TD`.
+     *
+     * @default "left"
+     */
+    textAlign?: "left" | "right";
 }
 export declare const TD: import("react").ForwardRefExoticComponent<TDProps & import("react").RefAttributes<HTMLTableCellElement>>;

package/dist-types/table/TH.d.ts

@@ -1,4 +1,10 @@
 import { type ComponentPropsWithoutRef } from "react";
 export interface THProps extends ComponentPropsWithoutRef<"th"> {
+    /**
+     * Specifies the alignment of the text within the `TH`.
+     *
+     * @default "left"
+     */
+    textAlign?: "left" | "right";
 }
 export declare const TH: import("react").ForwardRefExoticComponent<THProps & import("react").RefAttributes<HTMLTableCellElement>>;

package/dist-types/table/Table.d.ts

@@ -11,10 +11,10 @@ export interface TableProps extends ComponentPropsWithoutRef<"table"> {
      */
     divider?: "primary" | "secondary" | "tertiary" | "none";
     /**
-     * Zebra styling. Applies variant to every other row.
-     * @default undefined
+     * Zebra styling. Applies a different fill to every other row.
+     * @default false
      */
-    zebra?: "primary" | "secondary" | "tertiary";
+    zebra?: boolean;
 }
 export declare const withTableBaseName: import("@salt-ds/core").ClassNamePrefixer;
 export declare const Table: import("react").ForwardRefExoticComponent<TableProps & import("react").RefAttributes<HTMLTableElement>>;

package/dist-types/tabs-next/TabNextTrigger.d.ts

@@ -1,4 +1,4 @@
 import { type ComponentPropsWithoutRef } from "react";
-export interface TabNextTriggerProps extends ComponentPropsWithoutRef<"button"> {
+export interface TabNextTriggerProps extends Omit<ComponentPropsWithoutRef<"button">, "id"> {
 }
 export declare const TabNextTrigger: import("react").ForwardRefExoticComponent<TabNextTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salt-ds/lab",
-  "version": "1.0.0-alpha.75",
+  "version": "1.0.0-alpha.77",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -21,7 +21,7 @@
   ],
   "dependencies": {
     "@floating-ui/react": "^0.26.28",
-    "@salt-ds/core": "^1.47.5",
+    "@salt-ds/core": "^1.49.0",
     "@salt-ds/date-adapters": "0.1.0-alpha.5",
     "@salt-ds/icons": "^1.14.0",
     "@salt-ds/styles": "0.2.1",

package/dist-cjs/collapsible/Collapsible.js

@@ -1,47 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@salt-ds/core');
-var clsx = require('clsx');
-var react = require('react');
-var CollapsibleContext = require('./CollapsibleContext.js');
-
-const withBaseName = core.makePrefixer("saltCollapsible");
-const Collapsible = react.forwardRef(
-  function Collapsible2(props, ref) {
-    const {
-      className,
-      open: openProp,
-      defaultOpen,
-      onOpenChange,
-      ...rest
-    } = props;
-    const [open, setOpenState] = core.useControlled({
-      default: Boolean(defaultOpen),
-      controlled: openProp,
-      name: "Collapsible",
-      state: "open"
-    });
-    const [panelId, setPanelId] = react.useState(void 0);
-    const setOpen = react.useCallback(
-      (event, newOpen) => {
-        setOpenState(newOpen);
-        onOpenChange == null ? void 0 : onOpenChange(event, newOpen);
-      },
-      [onOpenChange]
-    );
-    const contextValue = react.useMemo(
-      () => ({
-        open,
-        setOpen,
-        panelId,
-        setPanelId
-      }),
-      [open, setOpen, panelId]
-    );
-    return /* @__PURE__ */ jsxRuntime.jsx(CollapsibleContext.CollapsibleContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx.clsx(withBaseName(), className), ref, ...rest }) });
-  }
-);
-
-exports.Collapsible = Collapsible;
-//# sourceMappingURL=Collapsible.js.map

package/dist-cjs/collapsible/Collapsible.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Collapsible.js","sources":["../src/collapsible/Collapsible.tsx"],"sourcesContent":["import { makePrefixer, useControlled } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport {\n  type ComponentPropsWithoutRef,\n  forwardRef,\n  type SyntheticEvent,\n  useCallback,\n  useMemo,\n  useState,\n} from \"react\";\nimport { CollapsibleContext } from \"./CollapsibleContext\";\n\nexport interface CollapsibleProps\n  extends Omit<ComponentPropsWithoutRef<\"div\">, \"onToggle\"> {\n  /**\n   * Whether the accordion is open.\n   */\n  open?: boolean;\n  /**\n   * Whether the accordion is open by default.\n   */\n  defaultOpen?: boolean;\n  /**\n   * Callback fired when the accordion is opened or closed.\n   */\n  onOpenChange?: (\n    event: SyntheticEvent<HTMLButtonElement>,\n    open: boolean,\n  ) => void;\n}\n\nconst withBaseName = makePrefixer(\"saltCollapsible\");\n\nexport const Collapsible = forwardRef<HTMLDivElement, CollapsibleProps>(\n  function Collapsible(props, ref) {\n    const {\n      className,\n      open: openProp,\n      defaultOpen,\n      onOpenChange,\n      ...rest\n    } = props;\n\n    const [open, setOpenState] = useControlled({\n      default: Boolean(defaultOpen),\n      controlled: openProp,\n      name: \"Collapsible\",\n      state: \"open\",\n    });\n\n    const [panelId, setPanelId] = useState<string | undefined>(undefined);\n\n    const setOpen = useCallback(\n      (event: SyntheticEvent<HTMLButtonElement>, newOpen: boolean) => {\n        setOpenState(newOpen);\n        onOpenChange?.(event, newOpen);\n      },\n      [onOpenChange],\n    );\n\n    const contextValue = useMemo(\n      () => ({\n        open,\n        setOpen,\n        panelId,\n        setPanelId,\n      }),\n      [open, setOpen, panelId],\n    );\n\n    return (\n      <CollapsibleContext.Provider value={contextValue}>\n        <div className={clsx(withBaseName(), className)} ref={ref} {...rest} />\n      </CollapsibleContext.Provider>\n    );\n  },\n);\n"],"names":["makePrefixer","forwardRef","Collapsible","useControlled","useState","useCallback","useMemo","CollapsibleContext","jsx","clsx"],"mappings":";;;;;;;;AA+BA,MAAM,YAAA,GAAeA,kBAAa,iBAAiB,CAAA;AAE5C,MAAM,WAAc,GAAAC,gBAAA;AAAA,EACzB,SAASC,YAAY,CAAA,KAAA,EAAO,GAAK,EAAA;AAC/B,IAAM,MAAA;AAAA,MACJ,SAAA;AAAA,MACA,IAAM,EAAA,QAAA;AAAA,MACN,WAAA;AAAA,MACA,YAAA;AAAA,MACA,GAAG;AAAA,KACD,GAAA,KAAA;AAEJ,IAAA,MAAM,CAAC,IAAA,EAAM,YAAY,CAAA,GAAIC,kBAAc,CAAA;AAAA,MACzC,OAAA,EAAS,QAAQ,WAAW,CAAA;AAAA,MAC5B,UAAY,EAAA,QAAA;AAAA,MACZ,IAAM,EAAA,aAAA;AAAA,MACN,KAAO,EAAA;AAAA,KACR,CAAA;AAED,IAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAIC,eAA6B,MAAS,CAAA;AAEpE,IAAA,MAAM,OAAU,GAAAC,iBAAA;AAAA,MACd,CAAC,OAA0C,OAAqB,KAAA;AAC9D,QAAA,YAAA,CAAa,OAAO,CAAA;AACpB,QAAA,YAAA,IAAA,IAAA,GAAA,MAAA,GAAA,YAAA,CAAe,KAAO,EAAA,OAAA,CAAA;AAAA,OACxB;AAAA,MACA,CAAC,YAAY;AAAA,KACf;AAEA,IAAA,MAAM,YAAe,GAAAC,aAAA;AAAA,MACnB,OAAO;AAAA,QACL,IAAA;AAAA,QACA,OAAA;AAAA,QACA,OAAA;AAAA,QACA;AAAA,OACF,CAAA;AAAA,MACA,CAAC,IAAM,EAAA,OAAA,EAAS,OAAO;AAAA,KACzB;AAEA,IAAA,sCACGC,qCAAmB,CAAA,QAAA,EAAnB,EAA4B,KAAA,EAAO,cAClC,QAAC,kBAAAC,cAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAAC,SAAA,CAAK,cAAgB,EAAA,SAAS,GAAG,GAAW,EAAA,GAAG,MAAM,CACvE,EAAA,CAAA;AAAA;AAGN;;;;"}

package/dist-cjs/collapsible/CollapsibleContext.js

@@ -1,23 +0,0 @@
-'use strict';
-
-var core = require('@salt-ds/core');
-var react = require('react');
-
-const CollapsibleContext = core.createContext(
-  "CollapsibleContext",
-  {
-    open: false,
-    setOpen: () => {
-    },
-    panelId: void 0,
-    setPanelId: () => {
-    }
-  }
-);
-function useCollapsibleContext() {
-  return react.useContext(CollapsibleContext);
-}
-
-exports.CollapsibleContext = CollapsibleContext;
-exports.useCollapsibleContext = useCollapsibleContext;
-//# sourceMappingURL=CollapsibleContext.js.map

package/dist-cjs/collapsible/CollapsibleContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CollapsibleContext.js","sources":["../src/collapsible/CollapsibleContext.ts"],"sourcesContent":["import { createContext } from \"@salt-ds/core\";\nimport { type SyntheticEvent, useContext } from \"react\";\n\nexport type CollapsibleContextValue = {\n  open: boolean;\n  setOpen: (event: SyntheticEvent<HTMLButtonElement>, open: boolean) => void;\n  panelId?: string;\n  setPanelId?: (panelId: string) => void;\n};\n\nexport const CollapsibleContext = createContext<CollapsibleContextValue>(\n  \"CollapsibleContext\",\n  {\n    open: false,\n    setOpen: () => {},\n    panelId: undefined,\n    setPanelId: () => {},\n  },\n);\n\nexport function useCollapsibleContext() {\n  return useContext(CollapsibleContext);\n}\n"],"names":["createContext","useContext"],"mappings":";;;;;AAUO,MAAM,kBAAqB,GAAAA,kBAAA;AAAA,EAChC,oBAAA;AAAA,EACA;AAAA,IACE,IAAM,EAAA,KAAA;AAAA,IACN,SAAS,MAAM;AAAA,KAAC;AAAA,IAChB,OAAS,EAAA,MAAA;AAAA,IACT,YAAY,MAAM;AAAA;AAAC;AAEvB;AAEO,SAAS,qBAAwB,GAAA;AACtC,EAAA,OAAOC,iBAAW,kBAAkB,CAAA;AACtC;;;;;"}

package/dist-cjs/collapsible/CollapsiblePanel.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var css_248z = ".saltCollapsiblePanel {\n  display: grid;\n  transition:\n    grid-template-rows var(--salt-duration-perceptible) ease-in-out,\n    opacity var(--salt-duration-perceptible) ease-in-out,\n    visibility var(--salt-duration-perceptible) ease-in-out;\n}\n\n.saltCollapsiblePanel[aria-hidden=\"true\"] {\n  grid-template-rows: 0fr;\n  opacity: 0;\n  visibility: hidden;\n}\n\n.saltCollapsiblePanel {\n  grid-template-rows: 1fr;\n  opacity: 1;\n  visibility: visible;\n}\n\n.saltCollapsiblePanel-inner {\n  overflow: hidden;\n}\n";
-
-module.exports = css_248z;
-//# sourceMappingURL=CollapsiblePanel.css.js.map

package/dist-cjs/collapsible/CollapsiblePanel.css.js.map

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

package/dist-cjs/collapsible/CollapsiblePanel.js

@@ -1,42 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@salt-ds/core');
-var styles = require('@salt-ds/styles');
-var window = require('@salt-ds/window');
-var clsx = require('clsx');
-var react = require('react');
-var CollapsibleContext = require('./CollapsibleContext.js');
-var CollapsiblePanel$1 = require('./CollapsiblePanel.css.js');
-
-const withBaseName = core.makePrefixer("saltCollapsiblePanel");
-const CollapsiblePanel = (props) => {
-  const { children, className, id: idProp, ...rest } = props;
-  const targetWindow = window.useWindow();
-  styles.useComponentCssInjection({
-    testId: "salt-collapsible-panel",
-    css: CollapsiblePanel$1,
-    window: targetWindow
-  });
-  const id = core.useId(idProp);
-  const { open, setPanelId } = CollapsibleContext.useCollapsibleContext();
-  react.useEffect(() => {
-    if (id) {
-      setPanelId == null ? void 0 : setPanelId(id);
-    }
-  }, [id, setPanelId]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: clsx.clsx(withBaseName(), className),
-      id,
-      "aria-hidden": !open ? "true" : void 0,
-      hidden: !open,
-      ...rest,
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: withBaseName("inner"), children })
-    }
-  );
-};
-
-exports.CollapsiblePanel = CollapsiblePanel;
-//# sourceMappingURL=CollapsiblePanel.js.map

package/dist-cjs/collapsible/CollapsiblePanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CollapsiblePanel.js","sources":["../src/collapsible/CollapsiblePanel.tsx"],"sourcesContent":["import { makePrefixer, useId } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport { type ComponentPropsWithoutRef, useEffect } from \"react\";\n\nimport { useCollapsibleContext } from \"./CollapsibleContext\";\nimport collapsiblePanelCss from \"./CollapsiblePanel.css\";\n\nexport interface CollapsiblePanelProps\n  extends ComponentPropsWithoutRef<\"div\"> {}\n\nconst withBaseName = makePrefixer(\"saltCollapsiblePanel\");\n\nexport const CollapsiblePanel = (props: CollapsiblePanelProps) => {\n  const { children, className, id: idProp, ...rest } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-collapsible-panel\",\n    css: collapsiblePanelCss,\n    window: targetWindow,\n  });\n\n  const id = useId(idProp);\n  const { open, setPanelId } = useCollapsibleContext();\n\n  useEffect(() => {\n    if (id) {\n      setPanelId?.(id);\n    }\n  }, [id, setPanelId]);\n\n  return (\n    <div\n      className={clsx(withBaseName(), className)}\n      id={id}\n      aria-hidden={!open ? \"true\" : undefined}\n      hidden={!open}\n      {...rest}\n    >\n      <div className={withBaseName(\"inner\")}>{children}</div>\n    </div>\n  );\n};\n"],"names":["makePrefixer","useWindow","useComponentCssInjection","collapsiblePanelCss","useId","useCollapsibleContext","useEffect","jsx","clsx"],"mappings":";;;;;;;;;;;AAYA,MAAM,YAAA,GAAeA,kBAAa,sBAAsB,CAAA;AAE3C,MAAA,gBAAA,GAAmB,CAAC,KAAiC,KAAA;AAChE,EAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,IAAI,MAAQ,EAAA,GAAG,MAAS,GAAA,KAAA;AAErD,EAAA,MAAM,eAAeC,gBAAU,EAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,wBAAA;AAAA,IACR,GAAK,EAAAC,kBAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAM,MAAA,EAAA,GAAKC,WAAM,MAAM,CAAA;AACvB,EAAA,MAAM,EAAE,IAAA,EAAM,UAAW,EAAA,GAAIC,wCAAsB,EAAA;AAEnD,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,EAAI,EAAA;AACN,MAAa,UAAA,IAAA,IAAA,GAAA,MAAA,GAAA,UAAA,CAAA,EAAA,CAAA;AAAA;AACf,GACC,EAAA,CAAC,EAAI,EAAA,UAAU,CAAC,CAAA;AAEnB,EACE,uBAAAC,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAW,EAAAC,SAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,MACzC,EAAA;AAAA,MACA,aAAA,EAAa,CAAC,IAAA,GAAO,MAAS,GAAA,MAAA;AAAA,MAC9B,QAAQ,CAAC,IAAA;AAAA,MACR,GAAG,IAAA;AAAA,MAEJ,yCAAC,KAAI,EAAA,EAAA,SAAA,EAAW,YAAa,CAAA,OAAO,GAAI,QAAS,EAAA;AAAA;AAAA,GACnD;AAEJ;;;;"}

package/dist-cjs/collapsible/CollapsibleTrigger.js

@@ -1,35 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@salt-ds/core');
-var clsx = require('clsx');
-var react = require('react');
-var CollapsibleContext = require('./CollapsibleContext.js');
-
-const withBaseName = core.makePrefixer("saltCollapsibleTrigger");
-const CollapsibleTrigger = react.forwardRef(function CollapsibleTrigger2(props, ref) {
-  const { children, className, onClick } = props;
-  const { open, setOpen, panelId } = CollapsibleContext.useCollapsibleContext();
-  const handleClick = (event) => {
-    setOpen(event, !open);
-    onClick == null ? void 0 : onClick(event);
-  };
-  if (!children || !react.isValidElement(children)) {
-    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
-  }
-  return react.cloneElement(children, {
-    ...core.mergeProps(
-      {
-        className: clsx.clsx(withBaseName(), className),
-        "aria-expanded": open,
-        "aria-controls": panelId,
-        onClick: handleClick
-      },
-      children.props
-    ),
-    ref
-  });
-});
-
-exports.CollapsibleTrigger = CollapsibleTrigger;
-//# sourceMappingURL=CollapsibleTrigger.js.map

package/dist-cjs/collapsible/CollapsibleTrigger.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CollapsibleTrigger.js","sources":["../src/collapsible/CollapsibleTrigger.tsx"],"sourcesContent":["import { makePrefixer, mergeProps } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport {\n  type ComponentPropsWithoutRef,\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  type MouseEvent,\n  type ReactNode,\n  type Ref,\n} from \"react\";\nimport { useCollapsibleContext } from \"./CollapsibleContext\";\n\nexport interface CollapsibleTriggerProps\n  extends Pick<ComponentPropsWithoutRef<\"button\">, \"className\" | \"onClick\"> {\n  children: ReactNode;\n}\n\nconst withBaseName = makePrefixer(\"saltCollapsibleTrigger\");\n\nexport const CollapsibleTrigger = forwardRef<\n  HTMLButtonElement,\n  CollapsibleTriggerProps\n>(function CollapsibleTrigger(props, ref) {\n  const { children, className, onClick } = props;\n\n  const { open, setOpen, panelId } = useCollapsibleContext();\n\n  const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n    setOpen(event, !open);\n    onClick?.(event);\n  };\n\n  if (!children || !isValidElement<{ ref?: Ref<unknown> }>(children)) {\n    // Should we log or throw error?\n    return <>{children}</>;\n  }\n\n  return cloneElement(children, {\n    ...mergeProps(\n      {\n        className: clsx(withBaseName(), className),\n        \"aria-expanded\": open,\n        \"aria-controls\": panelId,\n        onClick: handleClick,\n      },\n      children.props,\n    ),\n    ref,\n  });\n});\n"],"names":["makePrefixer","forwardRef","CollapsibleTrigger","useCollapsibleContext","isValidElement","cloneElement","mergeProps","clsx"],"mappings":";;;;;;;;AAkBA,MAAM,YAAA,GAAeA,kBAAa,wBAAwB,CAAA;AAEnD,MAAM,kBAAqB,GAAAC,gBAAA,CAGhC,SAASC,mBAAAA,CAAmB,OAAO,GAAK,EAAA;AACxC,EAAA,MAAM,EAAE,QAAA,EAAU,SAAW,EAAA,OAAA,EAAY,GAAA,KAAA;AAEzC,EAAA,MAAM,EAAE,IAAA,EAAM,OAAS,EAAA,OAAA,KAAYC,wCAAsB,EAAA;AAEzD,EAAM,MAAA,WAAA,GAAc,CAAC,KAAyC,KAAA;AAC5D,IAAQ,OAAA,CAAA,KAAA,EAAO,CAAC,IAAI,CAAA;AACpB,IAAU,OAAA,IAAA,IAAA,GAAA,MAAA,GAAA,OAAA,CAAA,KAAA,CAAA;AAAA,GACZ;AAEA,EAAA,IAAI,CAAC,QAAA,IAAY,CAACC,oBAAA,CAAuC,QAAQ,CAAG,EAAA;AAElE,IAAA,6DAAU,QAAS,EAAA,CAAA;AAAA;AAGrB,EAAA,OAAOC,mBAAa,QAAU,EAAA;AAAA,IAC5B,GAAGC,eAAA;AAAA,MACD;AAAA,QACE,SAAW,EAAAC,SAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,QACzC,eAAiB,EAAA,IAAA;AAAA,QACjB,eAAiB,EAAA,OAAA;AAAA,QACjB,OAAS,EAAA;AAAA,OACX;AAAA,MACA,QAAS,CAAA;AAAA,KACX;AAAA,IACA;AAAA,GACD,CAAA;AACH,CAAC;;;;"}

package/dist-cjs/vertical-navigation/SubMenuContext.js

@@ -1,34 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@salt-ds/core');
-var react = require('react');
-
-const SubMenuContext = core.createContext(
-  "SubMenuContext",
-  { depth: -1, iconPaddingCount: 0 }
-);
-const useSubMenuContext = () => {
-  return react.useContext(SubMenuContext);
-};
-function SubMenuProvider({
-  children,
-  directIcons,
-  setDirectIcons
-}) {
-  const { depth, iconPaddingCount } = useSubMenuContext();
-  const context = react.useMemo(
-    () => ({
-      depth: depth + 1,
-      iconPaddingCount: iconPaddingCount + (directIcons.length > 0 ? 1 : 0),
-      setDirectIcons
-    }),
-    [depth, iconPaddingCount, directIcons, setDirectIcons]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(SubMenuContext.Provider, { value: context, children });
-}
-
-exports.SubMenuContext = SubMenuContext;
-exports.SubMenuProvider = SubMenuProvider;
-exports.useSubMenuContext = useSubMenuContext;
-//# sourceMappingURL=SubMenuContext.js.map

package/dist-cjs/vertical-navigation/SubMenuContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SubMenuContext.js","sources":["../src/vertical-navigation/SubMenuContext.tsx"],"sourcesContent":["import { createContext } from \"@salt-ds/core\";\nimport {\n  type Dispatch,\n  type ReactNode,\n  type SetStateAction,\n  useContext,\n  useMemo,\n} from \"react\";\n\ntype SubMenuContextValue = {\n  depth: number;\n  iconPaddingCount: number;\n  setDirectIcons?: Dispatch<SetStateAction<string[]>>;\n};\n\nexport const SubMenuContext = createContext<SubMenuContextValue>(\n  \"SubMenuContext\",\n  { depth: -1, iconPaddingCount: 0 },\n);\n\nexport const useSubMenuContext = () => {\n  return useContext(SubMenuContext);\n};\n\nexport function SubMenuProvider({\n  children,\n  directIcons,\n  setDirectIcons,\n}: {\n  children: ReactNode;\n  directIcons: string[];\n  setDirectIcons?: Dispatch<SetStateAction<string[]>>;\n}) {\n  const { depth, iconPaddingCount } = useSubMenuContext();\n\n  const context = useMemo(\n    () => ({\n      depth: depth + 1,\n      iconPaddingCount: iconPaddingCount + (directIcons.length > 0 ? 1 : 0),\n      setDirectIcons,\n    }),\n    [depth, iconPaddingCount, directIcons, setDirectIcons],\n  );\n\n  return (\n    <SubMenuContext.Provider value={context}>\n      {children}\n    </SubMenuContext.Provider>\n  );\n}\n"],"names":["createContext","useContext","useMemo"],"mappings":";;;;;;AAeO,MAAM,cAAiB,GAAAA,kBAAA;AAAA,EAC5B,gBAAA;AAAA,EACA,EAAE,KAAA,EAAO,EAAI,EAAA,gBAAA,EAAkB,CAAE;AACnC;AAEO,MAAM,oBAAoB,MAAM;AACrC,EAAA,OAAOC,iBAAW,cAAc,CAAA;AAClC;AAEO,SAAS,eAAgB,CAAA;AAAA,EAC9B,QAAA;AAAA,EACA,WAAA;AAAA,EACA;AACF,CAIG,EAAA;AACD,EAAA,MAAM,EAAE,KAAA,EAAO,gBAAiB,EAAA,GAAI,iBAAkB,EAAA;AAEtD,EAAA,MAAM,OAAU,GAAAC,aAAA;AAAA,IACd,OAAO;AAAA,MACL,OAAO,KAAQ,GAAA,CAAA;AAAA,MACf,gBAAkB,EAAA,gBAAA,IAAoB,WAAY,CAAA,MAAA,GAAS,IAAI,CAAI,GAAA,CAAA,CAAA;AAAA,MACnE;AAAA,KACF,CAAA;AAAA,IACA,CAAC,KAAA,EAAO,gBAAkB,EAAA,WAAA,EAAa,cAAc;AAAA,GACvD;AAEA,EAAA,sCACG,cAAe,CAAA,QAAA,EAAf,EAAwB,KAAA,EAAO,SAC7B,QACH,EAAA,CAAA;AAEJ;;;;;;"}

package/dist-cjs/vertical-navigation/VerticalNavigation.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var css_248z = ".saltVerticalNavigation ol {\n  display: flex;\n  flex-direction: column;\n  gap: var(--salt-spacing-fixed-100);\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  position: relative;\n}\n\n.saltVerticalNavigationSubMenu > .saltDivider-horizontal,\n.saltVerticalNavigationItem > .saltDivider-horizontal,\n.saltVerticalNavigation ol > .saltDivider-horizontal {\n  margin-bottom: calc(var(--salt-size-fixed-100) * -1);\n}\n\n.saltVerticalNavigation [data-has-direct-icons=\"false\"] .saltCollapsiblePanel-inner {\n  margin-bottom: calc(var(--salt-size-fixed-100) * -1);\n}\n\n.saltVerticalNavigation [data-has-direct-icons=\"false\"] .saltCollapsiblePanel-inner .saltVerticalNavigationSubMenu {\n  border-bottom: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-separable-tertiary-borderColor);\n}\n\n/* Only show border at the top-level */\n\n.saltVerticalNavigation .saltCollapsiblePanel-inner .saltCollapsiblePanel-inner,\n.saltVerticalNavigation .saltCollapsiblePanel[aria-hidden=\"true\"] .saltCollapsiblePanel-inner {\n  margin-bottom: 0;\n}\n\n.saltVerticalNavigation .saltCollapsiblePanel-inner .saltCollapsiblePanel-inner .saltVerticalNavigationSubMenu,\n.saltVerticalNavigation .saltCollapsiblePanel[aria-hidden=\"true\"] .saltCollapsiblePanel-inner .saltVerticalNavigationSubMenu {\n  border-bottom: none;\n}\n";
-
-module.exports = css_248z;
-//# sourceMappingURL=VerticalNavigation.css.js.map

package/dist-cjs/vertical-navigation/VerticalNavigation.css.js.map

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

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

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

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

@@ -1 +0,0 @@
-{"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":["makePrefixer","forwardRef","VerticalNavigation","useWindow","useComponentCssInjection","verticalNavigationCss","useState","jsx","SubMenuProvider","clsx"],"mappings":";;;;;;;;;;;AAaA,MAAM,YAAA,GAAeA,kBAAa,wBAAwB,CAAA;AAEnD,MAAM,kBAAqB,GAAAC,gBAAA,CAGhC,SAASC,mBAAAA,CAAmB,OAAO,GAAK,EAAA;AACxC,EAAA,MAAM,EAAE,UAAa,GAAA,WAAA,EAAa,UAAU,SAAW,EAAA,GAAG,MAAS,GAAA,KAAA;AAEnE,EAAA,MAAM,eAAeC,gBAAU,EAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,0BAAA;AAAA,IACR,GAAK,EAAAC,oBAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAA,MAAM,CAAC,WAAa,EAAA,cAAc,CAAI,GAAAC,cAAA,CAAmB,EAAE,CAAA;AAE3D,EACE,uBAAAC,cAAA,CAACC,8BAAgB,EAAA,EAAA,WAAA,EAA0B,cACzC,EAAA,QAAA,kBAAAD,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAWE,SAAK,CAAA,YAAA,IAAgB,YAAa,CAAA,UAAU,GAAG,SAAS,CAAA;AAAA,MAClE,GAAG,IAAA;AAAA,MAEJ,yCAAC,IAAG,EAAA,EAAA,uBAAA,EAAuB,WAAY,CAAA,MAAA,GAAS,GAAI,QAAS,EAAA;AAAA;AAAA,GAEjE,EAAA,CAAA;AAEJ,CAAC;;;;"}

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

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

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

@@ -1 +0,0 @@
-{"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":["makePrefixer","createContext","useContext","forwardRef","VerticalNavigationItem","useSubMenuContext","useState","useMemo","jsx","clsx"],"mappings":";;;;;;;;AAmBA,MAAM,YAAA,GAAeA,kBAAa,4BAA4B,CAAA;AAQ9D,MAAM,6BACJ,GAAAC,kBAAA;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,OAAOC,iBAAW,6BAA6B,CAAA;AACjD;AAEO,MAAM,sBAAyB,GAAAC,gBAAA,CAGpC,SAASC,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,GAAIC,gCAAkB,EAAA;AACpC,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAIC,eAAS,KAAK,CAAA;AAEtD,EAAA,MAAM,OAAU,GAAAC,aAAA;AAAA,IACd,OAAO;AAAA,MACL,MAAA;AAAA,MACA,YAAA;AAAA,MACA;AAAA,KACF,CAAA;AAAA,IACA,CAAC,QAAQ,YAAY;AAAA,GACvB;AAEA,EAAA,uBACGC,cAAA,CAAA,6BAAA,CAA8B,QAA9B,EAAA,EAAuC,OAAO,OAC7C,EAAA,QAAA,kBAAAA,cAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAW,EAAAC,SAAA,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-cjs/vertical-navigation/VerticalNavigationItemContent.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-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";
-
-module.exports = css_248z;
-//# sourceMappingURL=VerticalNavigationItemContent.css.js.map

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

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

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

@@ -1,83 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@salt-ds/core');
-var styles = require('@salt-ds/styles');
-var window = require('@salt-ds/window');
-var clsx = require('clsx');
-var react = require('react');
-var SubMenuContext = require('./SubMenuContext.js');
-var VerticalNavigationItem = require('./VerticalNavigationItem.js');
-var VerticalNavigationItemContent$1 = require('./VerticalNavigationItemContent.css.js');
-
-const withBaseName = core.makePrefixer("saltVerticalNavigationItemContent");
-const VerticalNavigationItemContent = react.forwardRef(function VerticalNavigationItemContent2(props, ref) {
-  const { children, className, style, ...rest } = props;
-  const targetWindow = window.useWindow();
-  styles.useComponentCssInjection({
-    testId: "salt-vertical-navigation-item-content",
-    css: VerticalNavigationItemContent$1,
-    window: targetWindow
-  });
-  const containerRef = react.useRef(null);
-  const handleRef = core.useForkRef(ref, containerRef);
-  const { active, focusVisible } = VerticalNavigationItem.useVerticalNavigationItem();
-  const { setDirectIcons, iconPaddingCount } = SubMenuContext.useSubMenuContext();
-  const [hasIcon, setHasIcon] = react.useState(false);
-  const iconId = core.useId();
-  react.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__ */ jsxRuntime.jsx(
-    "span",
-    {
-      ref: handleRef,
-      className: clsx.clsx(
-        withBaseName(),
-        {
-          [withBaseName("active")]: active,
-          [withBaseName("focused")]: focusVisible
-        },
-        className
-      ),
-      style: {
-        "--saltVerticalNavigationItem-iconPaddingMultiplier": hasIcon ? iconPaddingCount - 1 : iconPaddingCount,
-        ...style
-      },
-      ...rest,
-      children
-    }
-  );
-});
-
-exports.VerticalNavigationItemContent = VerticalNavigationItemContent;
-//# sourceMappingURL=VerticalNavigationItemContent.js.map

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

@@ -1 +0,0 @@
-{"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":["makePrefixer","forwardRef","VerticalNavigationItemContent","useWindow","useComponentCssInjection","verticalNavigationItemContentCss","useRef","useForkRef","useVerticalNavigationItem","useSubMenuContext","useState","useId","useEffect","jsx","clsx"],"mappings":"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"}

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

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