@salt-ds/lab 1.0.0-alpha.47 → 1.0.0-alpha.49

package/dist-types/toolbar/toolbar-field/ToolbarField.d.ts

@@ -1,2 +1,2 @@
-import { ToolbarFieldProps } from "./toolbarFieldTypes";
+import type { ToolbarFieldProps } from "./toolbarFieldTypes";
 export declare const ToolbarField: import("react").ForwardRefExoticComponent<ToolbarFieldProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/toolbar/toolbar-field/toolbarFieldTypes.d.ts

@@ -1,4 +1,4 @@
-import { FormFieldLegacyProps } from "../../form-field-legacy";
+import type { FormFieldLegacyProps } from "../../form-field-legacy";
 export interface ToolbarFieldProps extends FormFieldLegacyProps {
     inOverflowPanel?: undefined | true;
 }

package/dist-types/toolbar/toolbar-field/useToolbarField.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
-import { ToolbarFieldProps } from "./toolbarFieldTypes";
+import { type ReactNode } from "react";
+import type { ToolbarFieldProps } from "./toolbarFieldTypes";
 export declare const getToolbarFormFieldProps: (child: ReactNode, isOverflowPanel?: boolean) => ToolbarFieldProps;
 export declare const useToolbarField: (props: ToolbarFieldProps) => ToolbarFieldProps;

package/dist-types/tree/Tree.d.ts

@@ -1,3 +1,3 @@
-import { SelectionStrategy } from "../common-hooks";
-import { TreeProps } from "./treeTypes";
+import { type SelectionStrategy } from "../common-hooks";
+import type { TreeProps } from "./treeTypes";
 export declare const Tree: import("react").ForwardRefExoticComponent<TreeProps<unknown, SelectionStrategy> & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/tree/TreeNode.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes, MouseEventHandler, ReactNode } from "react";
+import type { HTMLAttributes, MouseEventHandler, ReactNode } from "react";
 export interface TreeNodeProps extends Omit<HTMLAttributes<HTMLLIElement>, "onMouseEnter"> {
     children?: ReactNode;
     description?: string;
@@ -9,4 +9,4 @@ export interface TreeNodeProps extends Omit<HTMLAttributes<HTMLLIElement>, "onMo
     onMouseEnter?: MouseEventHandler;
     selected?: boolean;
 }
-export declare const TreeNode: ({ "aria-level": ariaLevel, children, className: classNameProp, description, highlighted, idx, isLeaf, label, onMouseEnter, selected, ...props }: TreeNodeProps) => JSX.Element;
+export declare const TreeNode: ({ "aria-level": ariaLevel, children, className: classNameProp, description, highlighted, idx, isLeaf, label, onMouseEnter, selected, ...props }: TreeNodeProps) => import("react/jsx-runtime").JSX.Element;

package/dist-types/tree/treeTypes.d.ts

@@ -1,6 +1,6 @@
-import { HTMLAttributes, RefObject } from "react";
-import { CollectionHookResult, CollectionItem, ListHandlers, SelectionHookResult, SelectionProps, SelectionStrategy } from "../common-hooks";
-import { ListControlProps } from "../list/listTypes";
+import type { HTMLAttributes, RefObject } from "react";
+import type { CollectionHookResult, CollectionItem, ListHandlers, SelectionHookResult, SelectionProps, SelectionStrategy } from "../common-hooks";
+import type { ListControlProps } from "../list/listTypes";
 export interface TreeNode {
     checked?: boolean;
     childNodes?: TreeNode[];
@@ -13,7 +13,7 @@ export interface TreeNode {
     name?: string;
     selected?: boolean;
 }
-export interface TreeProps<T, Selection extends SelectionStrategy> extends SelectionProps<T, Selection>, Omit<HTMLAttributes<HTMLDivElement>, "onSelect"> {
+export interface TreeProps<T, Selection extends SelectionStrategy> extends SelectionProps<T, Selection>, Omit<HTMLAttributes<HTMLDivElement>, "onSelect" | "onToggle"> {
     disabled?: boolean;
     groupSelection?: string;
     height?: number;

package/dist-types/tree/use-tree-keyboard-navigation.d.ts

@@ -1,5 +1,5 @@
-import { KeyboardEvent } from "react";
-import { CollectionItem, CollectionHookResult } from "../common-hooks";
+import { type KeyboardEvent } from "react";
+import type { CollectionHookResult, CollectionItem } from "../common-hooks";
 export declare const getNodeParentPath: ({ id }: CollectionItem<any>) => string | null | undefined;
 interface TreeNavigationHookProps<Item> {
     collectionHook: CollectionHookResult<Item>;

package/dist-types/tree/useTree.d.ts

@@ -1,3 +1,3 @@
-import { SelectionStrategy } from "../common-hooks";
-import { TreeHookProps, TreeHookResult } from "./treeTypes";
-export declare const useTree: <Item, Selection_1 extends SelectionStrategy = "default">({ collectionHook, containerRef, contentRef, defaultSelected, disabled, groupSelection, onSelect, onSelectionChange, onToggle, onHighlight: onHighlightProp, selected: selectedProp, selectionStrategy, }: TreeHookProps<Item, Selection_1>) => TreeHookResult<Item, Selection_1>;
+import { type SelectionStrategy } from "../common-hooks";
+import type { TreeHookProps, TreeHookResult } from "./treeTypes";
+export declare const useTree: <Item, Selection_1 extends SelectionStrategy = "default">({ collectionHook, containerRef, contentRef, defaultSelected, disabled, onSelect, onSelectionChange, onToggle, onHighlight: onHighlightProp, selected: selectedProp, selectionStrategy, }: TreeHookProps<Item, Selection_1>) => TreeHookResult<Item, Selection_1>;

package/dist-types/utils/useClickOutside.d.ts

@@ -1,4 +1,4 @@
-import { Ref } from "react";
+import { type Ref } from "react";
 declare type MouseEvents = keyof {
     [K in keyof GlobalEventHandlersEventMap as GlobalEventHandlersEventMap[K] extends MouseEvent ? K : never]: GlobalEventHandlersEventMap[K];
 };

package/dist-types/utils/useIsViewportLargerThanBreakpoint.d.ts

@@ -1,2 +1,2 @@
-import { Breakpoints } from "@salt-ds/core";
+import { type Breakpoints } from "@salt-ds/core";
 export declare const useIsViewportLargerThanBreakpoint: (targetedBreakpoint: keyof Breakpoints) => boolean;

package/dist-types/utils/useLayoutEffectOnce.d.ts

@@ -1,2 +1,2 @@
-import { DependencyList, EffectCallback } from "react";
+import { type DependencyList, type EffectCallback } from "react";
 export declare const useLayoutEffectOnce: (condition: boolean, callback: EffectCallback, dependencies: DependencyList) => void;

package/dist-types/utils/useLayoutEffectSkipFirst.d.ts

@@ -1,2 +1,2 @@
-import { DependencyList, EffectCallback } from "react";
+import { type DependencyList, type EffectCallback } from "react";
 export declare const useLayoutEffectSkipFirst: (callback: EffectCallback, dependencies: DependencyList) => void;

package/dist-types/utils/useOverflowDetection.d.ts

@@ -1,2 +1,2 @@
-import { Ref, DependencyList } from "react";
+import { type DependencyList, type Ref } from "react";
 export declare function useOverflowDetection<Element extends HTMLElement>(dependencies?: DependencyList): [Ref<Element>, boolean];

package/dist-types/utils/useSlideSelection.d.ts

@@ -1,2 +1,2 @@
-import { LayoutAnimationTransition } from "../deck-layout";
+import type { LayoutAnimationTransition } from "../deck-layout";
 export declare const useSlideSelection: (initialValue?: number | undefined) => [LayoutAnimationTransition | undefined, number, (sliderIndex: number, transition?: LayoutAnimationTransition | undefined) => void];

package/dist-types/window/WindowContext.d.ts

@@ -1,4 +1,4 @@
-import { ComponentPropsWithoutRef } from "react";
+import { type ComponentPropsWithoutRef } from "react";
 export declare type WindowProps = {
     open?: boolean;
 } & ComponentPropsWithoutRef<"div">;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salt-ds/lab",
-  "version": "1.0.0-alpha.47",
+  "version": "1.0.0-alpha.49",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -26,10 +26,10 @@
     "react-window": "^1.8.6",
     "rifm": "^0.12.0",
     "tinycolor2": "^1.4.2",
-    "@salt-ds/core": "^1.29.0",
-    "@salt-ds/window": "^0.1.1",
+    "@salt-ds/core": "^1.32.0",
     "@salt-ds/styles": "^0.2.1",
-    "@salt-ds/icons": "^1.12.0"
+    "@salt-ds/window": "^0.1.1",
+    "@salt-ds/icons": "^1.12.1"
   },
   "peerDependencies": {
     "@types/react": ">=16.14.0",

package/dist-cjs/divider/Divider.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var css_248z = ".saltDivider-primary {\n  --divider-background: var(--salt-separable-primary-borderColor);\n}\n\n.saltDivider-secondary {\n  --divider-background: var(--salt-separable-secondary-borderColor);\n}\n\n.saltDivider-tertiary {\n  --divider-background: var(--salt-separable-tertiary-borderColor);\n}\n\n.saltDivider {\n  background: var(--divider-background);\n  align-self: stretch;\n  margin: 0;\n  border: none;\n}\n\n.saltDivider-horizontal {\n  height: var(--salt-size-border);\n}\n\n.saltDivider-vertical {\n  width: var(--salt-size-border);\n  height: auto;\n}\n";
-
-module.exports = css_248z;
-//# sourceMappingURL=Divider.css.js.map

package/dist-cjs/divider/Divider.css.js.map

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

package/dist-cjs/divider/Divider.js

@@ -1,44 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var clsx = require('clsx');
-var core = require('@salt-ds/core');
-var window = require('@salt-ds/window');
-var styles = require('@salt-ds/styles');
-var Divider$1 = require('./Divider.css.js');
-
-const withBaseName = core.makePrefixer("saltDivider");
-const Divider = React.forwardRef(
-  function Divider2(props, ref) {
-    const {
-      className,
-      orientation = "horizontal",
-      variant = "primary",
-      ...rest
-    } = props;
-    const targetWindow = window.useWindow();
-    styles.useComponentCssInjection({
-      testId: "salt-divider",
-      css: Divider$1,
-      window: targetWindow
-    });
-    return /* @__PURE__ */ jsxRuntime.jsx("div", {
-      className: clsx.clsx(
-        withBaseName(),
-        withBaseName(orientation),
-        withBaseName(variant),
-        className
-      ),
-      "aria-orientation": orientation,
-      role: "separator",
-      ref,
-      ...rest
-    });
-  }
-);
-
-exports.Divider = Divider;
-//# sourceMappingURL=Divider.js.map

package/dist-cjs/divider/Divider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Divider.js","sources":["../src/divider/Divider.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport { clsx } from \"clsx\";\nimport { makePrefixer } from \"@salt-ds/core\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport dividerCss from \"./Divider.css\";\n\ntype a = HTMLElementTagNameMap;\n\nexport interface DividerProps extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * The orientation of the divider. Defaults to `\"horizontal\"`.\n   */\n  orientation?: \"horizontal\" | \"vertical\";\n  /**\n   * The variant of the divider. Defaults to `\"primary\"`.\n   */\n  variant?: \"primary\" | \"secondary\" | \"tertiary\";\n}\n\nconst withBaseName = makePrefixer(\"saltDivider\");\n\nexport const Divider = forwardRef<HTMLDivElement, DividerProps>(\n  function Divider(props, ref) {\n    const {\n      className,\n      orientation = \"horizontal\",\n      variant = \"primary\",\n      ...rest\n    } = props;\n\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-divider\",\n      css: dividerCss,\n      window: targetWindow,\n    });\n\n    return (\n      <div\n        className={clsx(\n          withBaseName(),\n          withBaseName(orientation),\n          withBaseName(variant),\n          className\n        )}\n        aria-orientation={orientation}\n        role=\"separator\"\n        ref={ref}\n        {...rest}\n      />\n    );\n  }\n);\n"],"names":["makePrefixer","forwardRef","Divider","useWindow","useComponentCssInjection","dividerCss","jsx","clsx"],"mappings":";;;;;;;;;;;;AAoBA,MAAM,YAAA,GAAeA,kBAAa,aAAa,CAAA,CAAA;AAExC,MAAM,OAAU,GAAAC,gBAAA;AAAA,EACrB,SAASC,QAAQ,CAAA,KAAA,EAAO,GAAK,EAAA;AAC3B,IAAM,MAAA;AAAA,MACJ,SAAA;AAAA,MACA,WAAc,GAAA,YAAA;AAAA,MACd,OAAU,GAAA,SAAA;AAAA,MACP,GAAA,IAAA;AAAA,KACD,GAAA,KAAA,CAAA;AAEJ,IAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,IAAyBC,+BAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,cAAA;AAAA,MACR,GAAK,EAAAC,SAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AAED,IAAA,uBACGC,cAAA,CAAA,KAAA,EAAA;AAAA,MACC,SAAW,EAAAC,SAAA;AAAA,QACT,YAAa,EAAA;AAAA,QACb,aAAa,WAAW,CAAA;AAAA,QACxB,aAAa,OAAO,CAAA;AAAA,QACpB,SAAA;AAAA,OACF;AAAA,MACA,kBAAkB,EAAA,WAAA;AAAA,MAClB,IAAK,EAAA,WAAA;AAAA,MACL,GAAA;AAAA,MACC,GAAG,IAAA;AAAA,KACN,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist-es/divider/Divider.css.js

@@ -1,4 +0,0 @@
-var css_248z = ".saltDivider-primary {\n  --divider-background: var(--salt-separable-primary-borderColor);\n}\n\n.saltDivider-secondary {\n  --divider-background: var(--salt-separable-secondary-borderColor);\n}\n\n.saltDivider-tertiary {\n  --divider-background: var(--salt-separable-tertiary-borderColor);\n}\n\n.saltDivider {\n  background: var(--divider-background);\n  align-self: stretch;\n  margin: 0;\n  border: none;\n}\n\n.saltDivider-horizontal {\n  height: var(--salt-size-border);\n}\n\n.saltDivider-vertical {\n  width: var(--salt-size-border);\n  height: auto;\n}\n";
-
-export { css_248z as default };
-//# sourceMappingURL=Divider.css.js.map

package/dist-es/divider/Divider.css.js.map

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

package/dist-es/divider/Divider.js

@@ -1,40 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { clsx } from 'clsx';
-import { makePrefixer } from '@salt-ds/core';
-import { useWindow } from '@salt-ds/window';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import css_248z from './Divider.css.js';
-
-const withBaseName = makePrefixer("saltDivider");
-const Divider = forwardRef(
-  function Divider2(props, ref) {
-    const {
-      className,
-      orientation = "horizontal",
-      variant = "primary",
-      ...rest
-    } = props;
-    const targetWindow = useWindow();
-    useComponentCssInjection({
-      testId: "salt-divider",
-      css: css_248z,
-      window: targetWindow
-    });
-    return /* @__PURE__ */ jsx("div", {
-      className: clsx(
-        withBaseName(),
-        withBaseName(orientation),
-        withBaseName(variant),
-        className
-      ),
-      "aria-orientation": orientation,
-      role: "separator",
-      ref,
-      ...rest
-    });
-  }
-);
-
-export { Divider };
-//# sourceMappingURL=Divider.js.map

package/dist-es/divider/Divider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Divider.js","sources":["../src/divider/Divider.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport { clsx } from \"clsx\";\nimport { makePrefixer } from \"@salt-ds/core\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport dividerCss from \"./Divider.css\";\n\ntype a = HTMLElementTagNameMap;\n\nexport interface DividerProps extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * The orientation of the divider. Defaults to `\"horizontal\"`.\n   */\n  orientation?: \"horizontal\" | \"vertical\";\n  /**\n   * The variant of the divider. Defaults to `\"primary\"`.\n   */\n  variant?: \"primary\" | \"secondary\" | \"tertiary\";\n}\n\nconst withBaseName = makePrefixer(\"saltDivider\");\n\nexport const Divider = forwardRef<HTMLDivElement, DividerProps>(\n  function Divider(props, ref) {\n    const {\n      className,\n      orientation = \"horizontal\",\n      variant = \"primary\",\n      ...rest\n    } = props;\n\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-divider\",\n      css: dividerCss,\n      window: targetWindow,\n    });\n\n    return (\n      <div\n        className={clsx(\n          withBaseName(),\n          withBaseName(orientation),\n          withBaseName(variant),\n          className\n        )}\n        aria-orientation={orientation}\n        role=\"separator\"\n        ref={ref}\n        {...rest}\n      />\n    );\n  }\n);\n"],"names":["Divider","dividerCss"],"mappings":";;;;;;;;AAoBA,MAAM,YAAA,GAAe,aAAa,aAAa,CAAA,CAAA;AAExC,MAAM,OAAU,GAAA,UAAA;AAAA,EACrB,SAASA,QAAQ,CAAA,KAAA,EAAO,GAAK,EAAA;AAC3B,IAAM,MAAA;AAAA,MACJ,SAAA;AAAA,MACA,WAAc,GAAA,YAAA;AAAA,MACd,OAAU,GAAA,SAAA;AAAA,MACP,GAAA,IAAA;AAAA,KACD,GAAA,KAAA,CAAA;AAEJ,IAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,IAAyB,wBAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,cAAA;AAAA,MACR,GAAK,EAAAC,QAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AAED,IAAA,uBACG,GAAA,CAAA,KAAA,EAAA;AAAA,MACC,SAAW,EAAA,IAAA;AAAA,QACT,YAAa,EAAA;AAAA,QACb,aAAa,WAAW,CAAA;AAAA,QACxB,aAAa,OAAO,CAAA;AAAA,QACpB,SAAA;AAAA,OACF;AAAA,MACA,kBAAkB,EAAA,WAAA;AAAA,MAClB,IAAK,EAAA,WAAA;AAAA,MACL,GAAA;AAAA,MACC,GAAG,IAAA;AAAA,KACN,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist-types/divider/Divider.d.ts

@@ -1,12 +0,0 @@
-import { ComponentPropsWithoutRef } from "react";
-export interface DividerProps extends ComponentPropsWithoutRef<"div"> {
-    /**
-     * The orientation of the divider. Defaults to `"horizontal"`.
-     */
-    orientation?: "horizontal" | "vertical";
-    /**
-     * The variant of the divider. Defaults to `"primary"`.
-     */
-    variant?: "primary" | "secondary" | "tertiary";
-}
-export declare const Divider: import("react").ForwardRefExoticComponent<DividerProps & import("react").RefAttributes<HTMLDivElement>>;

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

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