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

package/dist-types/combo-box-next/ComboBoxNext.d.ts

@@ -0,0 +1,83 @@
+import { ComponentPropsWithoutRef, ReactElement, Ref, SyntheticEvent } from "react";
+import { ListNextProps } from "../list-next";
+import { ComboBoxItemProps } from "./utils";
+import { UseComboBoxPortalProps } from "./useComboboxPortal";
+export interface ComboBoxNextProps<T> extends Omit<ComponentPropsWithoutRef<"input">, "onChange" | "onSelect"> {
+    /**
+     * Additional props for the list component.
+     */
+    ListProps?: ListNextProps;
+    /**
+     * Additional props for the portal.
+     */
+    PortalProps?: UseComboBoxPortalProps;
+    /**
+     * Controlled prop. Controls the Input value in the Combo Box Input.
+     */
+    inputValue?: string;
+    /**
+     * Controlled prop. Controls the Highlighted item in the Combo Box list.
+     */
+    highlightedItem?: string;
+    /**
+     * Controlled prop. Controls the Selected value in the Combo Box list.
+     */
+    selected?: string;
+    /**
+     * Initial input value for when the list is uncontrolled.
+     */
+    defaultInputValue?: string;
+    /**
+     * Initial selected value for when the list is uncontrolled.
+     */
+    defaultSelected?: string;
+    /**
+     * If `true`, the component will be disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Styling variant. Defaults to "primary".
+     */
+    variant?: "primary" | "secondary";
+    /**
+    /**
+     * The source of combobox items.
+     */
+    source: T[];
+    /**
+     * Optional ref for the list component
+     */
+    listRef?: Ref<HTMLUListElement>;
+    /**
+     * The component used for item instead of the default.
+     */
+    ListItem?: (props: ComboBoxItemProps<T>) => ReactElement<ComboBoxItemProps<T>>;
+    /**
+     * Function to be used as filter.
+     */
+    itemFilter?: (source: T[], filterValue?: string) => T[];
+    /**
+     * Callback for mouse over event
+     */
+    onMouseOver?: (event: SyntheticEvent) => void;
+    /**
+     * Callback for list selection event
+     */
+    onSelect?: (event: SyntheticEvent, data: {
+        value: string;
+    }) => void;
+    /**
+    /**
+     * Callback for list change event
+     */
+    onListChange?: (event: SyntheticEvent, data: {
+        value: string | undefined;
+    }) => void;
+    /**
+     * Callback for input change event
+     */
+    onChange?: (event: SyntheticEvent, data: {
+        value: string;
+    }) => void;
+}
+export declare const ComboBoxNext: import("react").ForwardRefExoticComponent<ComboBoxNextProps<unknown> & import("react").RefAttributes<HTMLInputElement>>;

package/dist-types/combo-box-next/index.d.ts

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

package/dist-types/combo-box-next/useComboBox.d.ts

@@ -0,0 +1,36 @@
+import { FocusEvent, KeyboardEvent, SyntheticEvent } from "react";
+import { UseListProps } from "../list-next/useList";
+import { UseComboBoxPortalProps } from "./useComboboxPortal";
+interface UseComboBoxProps {
+    inputValue?: string;
+    defaultInputValue?: string;
+    onBlur?: (event: FocusEvent<HTMLInputElement>) => void;
+    onFocus?: (event: FocusEvent<HTMLInputElement>) => void;
+    onMouseOver?: (event: SyntheticEvent) => void;
+    onKeyDown?: (event: KeyboardEvent<HTMLInputElement>) => void;
+    PortalProps?: UseComboBoxPortalProps;
+    listProps: UseListProps;
+}
+export declare const useComboBox: ({ defaultInputValue, onFocus, onBlur, onMouseOver, onKeyDown, inputValue: inputValueProp, PortalProps, listProps, }: UseComboBoxProps) => {
+    inputValue: string | undefined;
+    setInputValue: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
+    portalProps: {
+        open: boolean;
+        setOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+        floating: (node: HTMLElement | null) => void;
+        reference: (node: import("@floating-ui/react").ReferenceType | null) => void;
+        getTriggerProps: () => Record<string, unknown>;
+        getPortalProps: () => import("react").HTMLProps<HTMLDivElement>;
+    };
+    selectedItem: string | undefined;
+    setSelectedItem: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
+    highlightedItem: string | undefined;
+    setHighlightedItem: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
+    activeDescendant: string | undefined;
+    focusVisibleRef: import("react").Ref<HTMLElement>;
+    keyDownHandler: (event: KeyboardEvent<HTMLInputElement>) => void;
+    focusHandler: (event: FocusEvent<HTMLInputElement>) => void;
+    blurHandler: (event: FocusEvent<HTMLInputElement>) => void;
+    mouseOverHandler: (event: SyntheticEvent<HTMLElement>) => void;
+};
+export {};

package/dist-types/combo-box-next/useComboboxPortal.d.ts

@@ -0,0 +1,15 @@
+import { Placement } from "@floating-ui/react";
+import { HTMLProps } from "react";
+export interface UseComboBoxPortalProps {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    placement?: Placement;
+}
+export declare function useComboboxPortal(props?: UseComboBoxPortalProps): {
+    open: boolean;
+    setOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    floating: (node: HTMLElement | null) => void;
+    reference: (node: import("@floating-ui/react").ReferenceType | null) => void;
+    getPortalProps: () => HTMLProps<HTMLDivElement>;
+    getTriggerProps: () => Record<string, unknown>;
+};

package/dist-types/combo-box-next/utils.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ListItemNextProps } from "../list-next";
+export declare const defaultFilter: (source: string[], filterValue?: string | undefined) => string[];
+export interface ComboBoxItemProps<T> extends Omit<ListItemNextProps, "value"> {
+    value: T;
+    matchPattern?: RegExp | string;
+}
+export declare const DefaultListItem: import("react").ForwardRefExoticComponent<ComboBoxItemProps<string> & import("react").RefAttributes<unknown>>;

package/dist-types/dialog/Dialog.d.ts

@@ -1,18 +1,23 @@
+import { HTMLAttributes, ComponentProps } from "react";
+import { FloatingFocusManager } from "@floating-ui/react";
 import { ValidationStatus } from "@salt-ds/core";
-import { HTMLAttributes } from "react";
-import { ScrimProps } from "../scrim";
 export interface DialogProps extends HTMLAttributes<HTMLDivElement> {
-    autoFocusRef?: ScrimProps["autoFocusRef"];
-    height?: string | number;
-    onClose?: () => void;
+    /**
+     * Display or hide the component.
+     */
     open?: boolean;
+    /**
+     * Callback function triggered when open state changes.
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Status indicator
+     * */
     status?: ValidationStatus;
-    width?: string | number;
-    enableBackdropClick?: boolean;
-    disablePortal?: boolean;
+    /**
+     * Which element to initially focus. Can be either a number (tabbable index as specified by the order) or a ref.
+     * Default value is 0 (first tabbable element).
+     * */
+    initialFocus?: ComponentProps<typeof FloatingFocusManager>["initialFocus"];
 }
-/**
- * The Dialog is a window that contains text and interactive components.
- * By default, Dialog is non-modal, but supports modal behaviour as well.
- */
 export declare const Dialog: import("react").ForwardRefExoticComponent<DialogProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/dialog/DialogActions.d.ts

@@ -1,4 +1,2 @@
 import { HTMLAttributes } from "react";
-export interface DialogActionsProps extends HTMLAttributes<HTMLDivElement> {
-}
-export declare const DialogActions: import("react").ForwardRefExoticComponent<DialogActionsProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DialogActions: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/dialog/DialogCloseButton.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ButtonProps } from "@salt-ds/core";
+export declare const DialogCloseButton: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist-types/dialog/DialogContent.d.ts

@@ -1,4 +1,2 @@
 import { HTMLAttributes } from "react";
-export interface DialogContentProps extends HTMLAttributes<HTMLDivElement> {
-}
-export declare const DialogContent: import("react").ForwardRefExoticComponent<DialogContentProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DialogContent: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/dialog/{internal/DialogContext.d.ts → DialogContext.d.ts}

@@ -1,6 +1,9 @@
 /// <reference types="react" />
 export declare const DialogContext: import("react").Context<{
-    status?: "error" | "warning" | "success" | "info" | undefined;
     dialogId?: string | undefined;
-    setContentElement?: ((node: HTMLDivElement) => void) | undefined;
+    status?: "error" | "warning" | "success" | "info" | undefined;
 }>;
+export declare const useDialogContext: () => {
+    dialogId?: string | undefined;
+    status?: "error" | "warning" | "success" | "info" | undefined;
+};

package/dist-types/dialog/DialogTitle.d.ts

@@ -1,9 +1,8 @@
-import { HTMLAttributes, SyntheticEvent } from "react";
-export interface DialogTitleProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * Disable the built-in ARIA heading attributes.
-     */
-    disableAria?: boolean;
-    onClose?: (event: SyntheticEvent) => void;
+import { ComponentPropsWithoutRef } from "react";
+import { ValidationStatus } from "@salt-ds/core";
+interface DialogTitleProps extends ComponentPropsWithoutRef<"h2"> {
+    status?: ValidationStatus;
+    accent?: boolean;
 }
-export declare const DialogTitle: import("react").ForwardRefExoticComponent<DialogTitleProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DialogTitle: ({ children, className, accent, status: statusProp, ...rest }: DialogTitleProps) => JSX.Element;
+export {};

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

@@ -1,4 +1,6 @@
+export * from "./Dialog";
+export * from "./DialogTitle";
 export * from "./DialogActions";
 export * from "./DialogContent";
-export * from "./DialogTitle";
-export * from "./Dialog";
+export * from "./DialogContext";
+export * from "./DialogCloseButton";

package/dist-types/dialog/useDialog.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import { UseFloatingUIProps } from "@salt-ds/core";
+export declare type UseDialogProps = Partial<Pick<UseFloatingUIProps, "onOpenChange" | "open">>;
+export declare function useDialog(props: UseDialogProps): {
+    getFloatingProps: (userProps?: import("react").HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
+    getReferenceProps: (userProps?: import("react").HTMLProps<Element> | undefined) => Record<string, unknown>;
+    floating: (node: HTMLElement | null) => void;
+    context: {
+        x: number | null;
+        y: number | null;
+        placement: import("@floating-ui/react").Placement;
+        strategy: import("@floating-ui/react").Strategy;
+        middlewareData: import("@floating-ui/react").MiddlewareData;
+        update: () => void;
+        reference: (node: import("@floating-ui/react").ReferenceType | null) => void;
+        floating: (node: HTMLElement | null) => void;
+        isPositioned: boolean;
+        open: boolean;
+        onOpenChange: (open: boolean) => void;
+        events: import("@floating-ui/react").FloatingEvents;
+        dataRef: import("react").MutableRefObject<import("@floating-ui/react").ContextData>;
+        nodeId: string | undefined;
+        floatingId: string;
+        refs: import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
+        elements: import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
+    };
+};

package/dist-types/dropdown-next/DropdownNext.d.ts

@@ -0,0 +1,49 @@
+import { ListNextProps } from "../list-next";
+import { Ref, SyntheticEvent, ComponentPropsWithoutRef } from "react";
+import { Placement } from "@floating-ui/react";
+export interface DropdownNextProps extends Omit<ComponentPropsWithoutRef<"button">, "onSelect"> {
+    /**
+     * If `true`, dropdown will be disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Initially selected value for the dropdown, for use only in uncontrolled component.
+     */
+    defaultSelected?: string;
+    /**
+     * List of options when using a dropdown.
+     */
+    source: string[];
+    /**
+     * If `true`, dropdown is read only.
+     */
+    readOnly?: boolean;
+    /**
+     * Background styling variant. Defaults to `primary` .
+     */
+    variant?: "primary" | "secondary";
+    /**
+     * Placement of dropdown list. Defaults to `bottom` .
+     */
+    placement?: Placement;
+    /**
+     * Optional ref for the list component.
+     */
+    listRef?: Ref<HTMLUListElement>;
+    /**
+     * Additional props for dropdown list.
+     */
+    ListProps?: ListNextProps;
+    open?: boolean;
+    /**
+     * Callback for list selection event
+     */
+    onSelect?: (event: SyntheticEvent, data: {
+        value: string;
+    }) => void;
+    /**
+    /* Selected prop for use in controlled component. */
+    selected?: string;
+    highlightedItem?: string;
+}
+export declare const DropdownNext: import("react").ForwardRefExoticComponent<DropdownNextProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist-types/dropdown-next/index.d.ts

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

package/dist-types/dropdown-next/useDropdownNext.d.ts

@@ -0,0 +1,31 @@
+import { UseFloatingUIProps } from "@salt-ds/core";
+import { HTMLProps, KeyboardEvent, FocusEvent } from "react";
+import { UseListProps } from "../list-next/useList";
+interface UseDropdownNextProps extends Partial<Pick<UseFloatingUIProps, "onOpenChange" | "open" | "placement">> {
+    listProps: UseListProps;
+    openControlProp?: boolean;
+}
+export declare const useDropdownNext: ({ listProps, openControlProp, onOpenChange: onOpenChangeProp, placement: placementProp, }: UseDropdownNextProps) => {
+    handlers: {
+        focusHandler: (event: FocusEvent<HTMLElement>) => void;
+        keyDownHandler: (event: KeyboardEvent<HTMLElement>) => void;
+        blurHandler: () => void;
+        mouseOverHandler: () => void;
+        mouseDownHandler: () => void;
+    };
+    activeDescendant: string | undefined;
+    selectedItem: string | undefined;
+    setSelectedItem: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
+    highlightedItem: string | undefined;
+    setHighlightedItem: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
+    focusVisibleRef: import("react").Ref<HTMLElement>;
+    getListItems: (source: string[]) => JSX.Element[] | undefined;
+    portalProps: {
+        open: boolean;
+        setOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+        floating: (node: HTMLElement | null) => void;
+        reference: (node: import("@floating-ui/react").ReferenceType | null) => void;
+        getDropdownNextProps: () => HTMLProps<HTMLDivElement>;
+    };
+};
+export {};

package/dist-types/index.d.ts

@@ -10,6 +10,7 @@ export * from "./carousel";
 export * from "./cascading-menu";
 export * from "./color-chooser";
 export * from "./combo-box";
+export * from "./combo-box-next";
 export * from "./combo-box-deprecated";
 export * from "./contact-details";
 export * from "./content-status";
@@ -18,6 +19,7 @@ export * from "./deck-layout";
 export * from "./dialog";
 export * from "./drawer";
 export * from "./dropdown";
+export * from "./dropdown-next";
 export * from "./editable-label";
 export * from "./file-drop-zone";
 export { FormFieldLegacy as FormField, type FormFieldLegacyProps as FormFieldProps, FormLabel, } from "./form-field-legacy";
@@ -31,7 +33,7 @@ export * from "./list-next";
 export * from "./logo";
 export * from "./menu-button";
 export * from "./metric";
-export * from "./nav-item";
+export * from "./navigation-item";
 export * from "./overlay";
 export * from "./pagination";
 export * from "./parent-child-item";

package/dist-types/list-next/ListNext.d.ts

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef, SyntheticEvent } from "react";
-export interface ListNextProps extends Omit<ComponentPropsWithoutRef<"ul">, "onChange"> {
+export interface ListNextProps extends Omit<ComponentPropsWithoutRef<"ul">, "onChange" | "onSelect"> {
     /**
      * If true, all items in list will be disabled.
      */
@@ -8,6 +8,9 @@ export interface ListNextProps extends Omit<ComponentPropsWithoutRef<"ul">, "onC
     highlightedItem?: string;
     selected?: string;
     onChange?: (event: SyntheticEvent, data: {
+        value: string | undefined;
+    }) => void;
+    onSelect?: (event: SyntheticEvent, data: {
         value: string;
     }) => void;
     defaultSelected?: string;

package/dist-types/list-next/useList.d.ts

@@ -1,5 +1,5 @@
 import { FocusEvent, KeyboardEvent, RefObject, SyntheticEvent } from "react";
-interface UseListProps {
+export interface UseListProps {
     /**
      * If true, all items in list will be disabled.
      */
@@ -8,13 +8,16 @@ interface UseListProps {
     selected?: string;
     defaultSelected?: string;
     onChange?: (e: SyntheticEvent, data: {
+        value: string | undefined;
+    }) => void;
+    onSelect?: (e: SyntheticEvent, data: {
         value: string;
     }) => void;
     id?: string;
     ref: RefObject<HTMLUListElement>;
 }
-export declare const useList: ({ disabled, highlightedItem: highLightedItemProp, selected: selectedProp, defaultSelected, onChange, id, ref, }: UseListProps) => {
-    focusHandler: (event: FocusEvent<HTMLUListElement>) => void;
+export declare const useList: ({ disabled, highlightedItem: highlightedItemProp, selected: selectedProp, defaultSelected, onChange, onSelect, id, ref, }: UseListProps) => {
+    focusHandler: (event: FocusEvent<HTMLUListElement | HTMLElement>) => void;
     keyDownHandler: (event: KeyboardEvent<HTMLElement>) => void;
     blurHandler: () => void;
     mouseOverHandler: () => void;
@@ -34,4 +37,3 @@ export declare const useList: ({ disabled, highlightedItem: highLightedItemProp,
     };
     focusVisibleRef: import("react").Ref<HTMLElement>;
 };
-export {};

package/dist-types/navigation-item/ConditionalWrapper.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from "react";
+import { NavigationItemProps } from "./NavigationItem";
+interface ConditionalWrapperProps extends Pick<NavigationItemProps, "parent" | "expanded" | "onExpand" | "active" | "href"> {
+    children: ReactNode;
+    className: string;
+}
+export declare const ConditionalWrapper: ({ children, className, parent, expanded, onExpand, active, href, }: ConditionalWrapperProps) => JSX.Element;
+export {};

package/dist-types/navigation-item/ExpansionIcon.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { NavigationItemProps } from "./NavigationItem";
+export declare function ExpansionIcon({ expanded, orientation, className, }: Pick<NavigationItemProps, "expanded" | "orientation" | "className">): JSX.Element;

package/dist-types/navigation-item/NavigationItem.d.ts

@@ -0,0 +1,36 @@
+import { ComponentPropsWithoutRef, MouseEventHandler } from "react";
+export interface NavigationItemProps extends ComponentPropsWithoutRef<"div"> {
+    /**
+     * Whether the navigation item is active.
+     */
+    active?: boolean;
+    /**
+     * Whether the nested group is collapsed and there is an active nested item within it.
+     */
+    blurActive?: boolean;
+    /**
+     * Whether the navigation item is expanded.
+     */
+    expanded?: boolean;
+    /**
+     * Level of nesting.
+     */
+    level?: number;
+    /**
+     * The orientation of the navigation item.
+     */
+    orientation?: "horizontal" | "vertical";
+    /**
+     * Whether the navigation item is a parent with nested items.
+     */
+    parent?: boolean;
+    /**
+     * Action to be triggered when the navigation item is expanded.
+     */
+    onExpand?: MouseEventHandler<HTMLButtonElement>;
+    /**
+     * Href to be passed to the Link element.
+     */
+    href?: string;
+}
+export declare const NavigationItem: import("react").ForwardRefExoticComponent<NavigationItemProps & import("react").RefAttributes<HTMLDivElement>>;

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

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

package/package.json

@@ -1,9 +1,36 @@
 {
   "name": "@salt-ds/lab",
-  "version": "1.0.0-alpha.15",
+  "version": "1.0.0-alpha.17",
   "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/jpmorganchase/salt-ds.git",
+    "directory": "packages/lab"
+  },
+  "bugs": "https://github.com/jpmorganchase/salt-ds/issues",
   "main": "dist-cjs/index.js",
   "sideEffects": false,
+  "dependencies": {
+    "@floating-ui/react": "^0.23.0",
+    "@fluentui/react-overflow": "^9.0.19",
+    "@internationalized/date": "^3.0.0",
+    "@types/react-window": "^1.8.2",
+    "aria-hidden": "^1.1.1",
+    "attr-accept": "^2.0.0",
+    "clipboard-copy": "^4.0.1",
+    "clsx": "^2.0.0",
+    "compute-scroll-into-view": "^3.0.0",
+    "deepmerge": "^4.2.2",
+    "no-scroll": "^2.1.1",
+    "react-color": "^2.19.3",
+    "react-window": "^1.8.6",
+    "rifm": "^0.12.0",
+    "tinycolor2": "^1.4.2",
+    "@salt-ds/core": "^1.8.2",
+    "@salt-ds/window": "^0.1.1",
+    "@salt-ds/styles": "^0.1.1",
+    "@salt-ds/icons": "^1.7.0"
+  },
   "peerDependencies": {
     "@types/react": ">=16.14.0",
     "react": ">=16.14.0",
@@ -20,35 +47,10 @@
   },
   "module": "dist-es/index.js",
   "typings": "dist-types/index.d.ts",
-  "dependencies": {
-    "@salt-ds/core": "^1.8.0",
-    "clsx": "^2.0.0",
-    "react-window": "^1.8.6",
-    "compute-scroll-into-view": "^3.0.0",
-    "@salt-ds/window": "^0.1.1",
-    "@salt-ds/styles": "^0.1.1",
-    "@salt-ds/icons": "^1.6.0",
-    "@floating-ui/react": "^0.23.0",
-    "@internationalized/date": "^3.0.0",
-    "tinycolor2": "^1.4.2",
-    "react-color": "^2.19.3",
-    "deepmerge": "^4.2.2",
-    "clipboard-copy": "^4.0.1",
-    "aria-hidden": "^1.1.1",
-    "no-scroll": "^2.1.1",
-    "attr-accept": "^2.0.0",
-    "rifm": "^0.12.0",
-    "@fluentui/react-overflow": "^9.0.19"
-  },
   "files": [
     "dist-cjs",
     "dist-es",
     "dist-types",
     "README.md"
-  ],
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/jpmorganchase/salt-ds",
-    "directory": "packages/lab"
-  }
+  ]
 }

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

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

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

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

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

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

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

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