@salt-ds/lab 1.0.0-alpha.1 → 1.0.0-alpha.11

package/dist-types/stepper-input/useStepperInput.d.ts

@@ -1,6 +1,6 @@
 import { MutableRefObject } from "react";
 import { ButtonProps } from "@salt-ds/core";
-import { InputProps } from "../input";
+import { InputLegacyProps as InputProps } from "../input-legacy";
 import { StepperInputProps } from "./StepperInput";
 declare type Direction = "decrement" | "increment";
 export declare const useStepperInput: (props: StepperInputProps, inputRef: MutableRefObject<HTMLInputElement | null>) => {
@@ -144,6 +144,8 @@ export declare const useStepperInput: (props: StepperInputProps, inputRef: Mutab
         onProgressCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
         onRateChange?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
         onRateChangeCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+        onResize?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+        onResizeCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
         onSeeked?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
         onSeekedCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
         onSeeking?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
@@ -245,6 +247,7 @@ export declare const useStepperInput: (props: StepperInputProps, inputRef: Mutab
         dir?: string | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
         hidden?: boolean | undefined;
+        nonce?: string | undefined;
         placeholder?: string | undefined;
         spellCheck?: (boolean | "true" | "false") | undefined;
         translate?: "yes" | "no" | undefined;
@@ -277,6 +280,7 @@ export declare const useStepperInput: (props: StepperInputProps, inputRef: Mutab
         formNoValidate?: boolean | undefined;
         formTarget?: string | undefined;
         value?: string | number | readonly string[] | undefined;
+        "data-testid": string;
     };
     getInputProps: (inputProps?: InputProps) => InputProps | undefined;
     incrementButtonDown: boolean;

package/dist-types/switch/Switch.d.ts

@@ -1,6 +1,5 @@
 import { ChangeEvent, InputHTMLAttributes } from "react";
 import { ControlLabelProps } from "../control-label";
-import "./Switch.css";
 export interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "onChange"> {
     label?: ControlLabelProps["label"];
     LabelProps?: Partial<ControlLabelProps>;

package/dist-types/tabs/Tab.d.ts

@@ -1,5 +1,4 @@
 import { KeyboardEvent, MouseEvent } from "react";
-import "./Tab.css";
 export declare const Tab: import("react").ForwardRefExoticComponent<Omit<import("react").HTMLAttributes<HTMLElement>, "onKeyUp" | "onClick"> & {
     ariaControls?: string | undefined;
     closeable?: boolean | undefined;

package/dist-types/tabs/TabActivationIndicator.d.ts

@@ -1,10 +1,9 @@
 /// <reference types="react" />
-import "./TabActivationIndicator.css";
 interface TabActivationIndicatorProps {
     hideThumb?: boolean;
     orientation?: "horizontal" | "vertical";
     disableAnimation?: boolean;
-    tabId?: string;
+    tabId?: string | null;
 }
 export declare const TabActivationIndicator: ({ hideThumb, orientation, tabId, }: TabActivationIndicatorProps) => JSX.Element;
 export {};

package/dist-types/tabs/TabPanel.d.ts

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from "react";
-import "./TabPanel.css";
 export interface TabPanelProps extends HTMLAttributes<HTMLDivElement> {
     enableClose?: boolean;
     label: string;

package/dist-types/tabs/Tabs.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
 import { FocusAPI, TabstripProps } from "./TabsTypes";
-import "./Tabs.css";
 export declare type TabsProps = Omit<TabstripProps, "defaultSource">;
 export declare const Tabs: import("react").ForwardRefExoticComponent<TabsProps & import("react").RefAttributes<FocusAPI>>;

package/dist-types/tabs/TabsTypes.d.ts

@@ -56,9 +56,9 @@ export interface TabstripProps extends HTMLAttributes<HTMLDivElement> {
     showActivationIndicator?: boolean;
     source?: TabsSource;
     /**
-     *  index value of Active Tab, used in controlled mode
+     *  index value of Active Tab, used in controlled mode. Set to `null` for no active tab.
      */
-    activeTabIndex?: number;
+    activeTabIndex?: number | null;
     /**
      * Set variant - defaults 'primary'
      */

package/dist-types/tabs/Tabstrip.d.ts

@@ -1,5 +1,3 @@
 import React from "react";
 import { FocusAPI, TabstripProps } from "./TabsTypes";
-import "./Tabstrip.css";
-import "./ThemeTabstrip.css";
 export declare const Tabstrip: React.ForwardRefExoticComponent<TabstripProps & React.RefAttributes<FocusAPI>>;

package/dist-types/tabs/drag-drop/Draggable.d.ts

@@ -1,6 +1,5 @@
 import { MutableRefObject } from "react";
 import { Rect } from "./dragDropTypes";
-import "./Draggable.css";
 export declare const Draggable: import("react").ForwardRefExoticComponent<{
     wrapperClassName: string;
     element: HTMLElement;

package/dist-types/tabs/drag-drop/DropIndicator.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 import { Rect } from "./dragDropTypes";
-import "./DropIndicator.css";
 export declare const DropIndicator: import("react").ForwardRefExoticComponent<{
     className?: string | undefined;
     rect: Rect;

package/dist-types/tabs/useActivationIndicator.d.ts

@@ -9,7 +9,7 @@ declare type activationIndicatorStyles = {
 };
 export declare function useActivationIndicator({ rootRef, tabId, orientation, }: {
     rootRef: RefObject<HTMLDivElement | null>;
-    tabId?: string;
+    tabId?: string | null;
     orientation: orientationType;
 }): activationIndicatorStyles;
 export {};

package/dist-types/tabs/useKeyboardNavigation.d.ts

@@ -13,7 +13,7 @@ interface TabstripNavigationHookProps {
     indexPositions: OverflowItem[];
     keyBoardActivation?: "manual" | "automatic";
     orientation: orientationType;
-    selectedIndex: number;
+    selectedIndex: number | null;
 }
 interface TabstripNavigationHookResult {
     containerProps: ContainerNavigationProps;

package/dist-types/tabs/useSelection.d.ts

@@ -4,11 +4,11 @@ export declare const useSelection: ({ defaultSelected, highlightedIdx, onSelecti
     defaultSelected?: number | undefined;
     highlightedIdx: number;
     onSelectionChange?: ((tabIndex: number) => void) | undefined;
-    selected?: number | undefined;
+    selected?: number | null | undefined;
 }) => {
     activateTab: (tabIndex: number) => void;
     isControlled: boolean;
     onClick: (evt: MouseEvent<Element>, tabIndex: number) => void;
     onKeyDown: (evt: KeyboardEvent) => void;
-    selected: number;
+    selected: number | null;
 };

package/dist-types/tabs/useTabs.d.ts

@@ -1,14 +1,14 @@
 import { ReactNode } from "react";
 import { TabDescriptor } from "./TabsTypes";
 export interface TabsHookProps {
-    activeTabIndex?: number;
+    activeTabIndex?: number | null;
     children: ReactNode;
     defaultActiveTabIndex?: number;
     id?: string;
     onActiveChange?: (tabIndex: number) => void;
 }
 export interface TabsHookResult {
-    activeTabIndex?: number;
+    activeTabIndex?: number | null;
     id: string;
     onActiveChange?: (tabIndex: number) => void;
     tabPanel?: ReactNode;

package/dist-types/tabs/useTabstrip.d.ts

@@ -5,7 +5,7 @@ import { ExitEditModeHandler, EditableItemHookResult } from "./useEditableItem";
 import { OverflowCollectionHookResult } from "../responsive";
 import { composableTabProps, navigationProps, TabDescriptor, TabElement } from "./TabsTypes";
 interface tabstripHookProps {
-    activeTabIndex?: number;
+    activeTabIndex?: number | null;
     allowDragDrop?: boolean | dragStrategy;
     collectionHook: OverflowCollectionHookResult;
     defaultActiveTabIndex?: number;
@@ -26,7 +26,7 @@ interface tabstripHookProps {
 }
 interface tabstripHookResult extends DragHookResult, Pick<EditableItemHookResult, "editing"> {
     activateTab: (tabIndex: number) => void;
-    activeTabIndex: number;
+    activeTabIndex: number | null;
     addTab: (indexPosition?: number) => void;
     closeTab: (indexPosition: number) => void;
     containerProps: ContainerNavigationProps;

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

@@ -0,0 +1,11 @@
+import { ReactNode } from "react";
+import { DropdownProps } from "../dropdown";
+declare type TabValue = {
+    value: string;
+    label: ReactNode;
+};
+export interface OverflowMenuProps extends DropdownProps<TabValue> {
+    tabs: TabValue[];
+}
+export declare const OverflowMenu: import("react").ForwardRefExoticComponent<OverflowMenuProps & import("react").RefAttributes<HTMLDivElement>>;
+export {};

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

@@ -0,0 +1,5 @@
+import { ComponentPropsWithoutRef } from "react";
+export interface TabNextProps extends ComponentPropsWithoutRef<"button"> {
+    value: string;
+}
+export declare const TabNext: import("react").ForwardRefExoticComponent<TabNextProps & import("react").RefAttributes<HTMLButtonElement>>;

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

@@ -0,0 +1,17 @@
+import { ReactNode, SyntheticEvent } from "react";
+declare type TabValue = {
+    value: string;
+    label: ReactNode;
+};
+export interface TabsContextValue {
+    disabled?: boolean;
+    select: (event: SyntheticEvent<HTMLButtonElement>) => void;
+    isSelected: (id: string) => boolean;
+    setFocusable: (id: string) => void;
+    isFocusable: (id: string) => boolean;
+    registerTab: (tab: TabValue) => void;
+    unregisterTab: (id: string) => void;
+}
+export declare const TabsContext: import("react").Context<TabsContextValue>;
+export declare function useTabs(): TabsContextValue;
+export {};

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

@@ -0,0 +1,10 @@
+import { ComponentPropsWithoutRef, SyntheticEvent } from "react";
+export interface TabstripNextProps extends Omit<ComponentPropsWithoutRef<"div">, "onChange"> {
+    disabled?: boolean;
+    selected?: string;
+    onChange?: (e: SyntheticEvent, data: {
+        value: string;
+    }) => void;
+    defaultSelected?: string;
+}
+export declare const TabstripNext: import("react").ForwardRefExoticComponent<TabstripNextProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,2 @@
+export * from "./TabNext";
+export * from "./TabstripNext";

package/dist-types/toggle-button/ToggleButton.d.ts

@@ -1,13 +1,7 @@
-import { ButtonProps } from "@salt-ds/core";
-import { SyntheticEvent } from "react";
-import "./ToggleButton.css";
-export declare type ToggleButtonToggleEventHandler = (event: SyntheticEvent<HTMLButtonElement>, toggled: boolean) => void;
-export interface ToggleButtonProps extends ButtonProps {
-    "aria-label"?: string;
-    "data-button-index"?: number;
-    toggled?: boolean;
-    tooltipText?: string;
-    disableTooltip?: boolean;
-    onToggle?: ToggleButtonToggleEventHandler;
+import { ComponentProps, MouseEvent } from "react";
+export interface ToggleButtonProps extends ComponentProps<"button"> {
+    selected?: boolean;
+    onChange?: (event: MouseEvent<HTMLButtonElement>) => void;
+    value: string | ReadonlyArray<string> | number | undefined;
 }
-export declare const ToggleButton: import("react").ForwardRefExoticComponent<ToggleButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const ToggleButton: import("react").ForwardRefExoticComponent<Omit<ToggleButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;

package/dist-types/toggle-button/index.d.ts

@@ -1,2 +1 @@
 export * from "./ToggleButton";
-export * from "./ToggleButtonGroup";

package/dist-types/toggle-button-group/ToggleButtonGroup.d.ts

@@ -0,0 +1,25 @@
+import { ComponentPropsWithoutRef, SyntheticEvent } from "react";
+export interface ToggleButtonGroupProps extends Omit<ComponentPropsWithoutRef<"div">, "onChange"> {
+    /**
+     * The default value. Use when the component is not controlled.
+     */
+    defaultValue?: string | ReadonlyArray<string> | number | undefined;
+    /**
+     * If `true`, the Toggle Button Group will be disabled.
+     */
+    disabled?: boolean;
+    /**
+     * The value. Use when the component is controlled.
+     */
+    value?: string | ReadonlyArray<string> | number | undefined;
+    /**
+     * Callback fired when the selection changes.
+     * @param event
+     */
+    onChange?: (event: SyntheticEvent<HTMLButtonElement>) => void;
+    /**
+     * The orientation of the toggle buttons.
+     */
+    orientation?: "horizontal" | "vertical";
+}
+export declare const ToggleButtonGroup: import("react").ForwardRefExoticComponent<ToggleButtonGroupProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/toggle-button-group/ToggleButtonGroupContext.d.ts

@@ -0,0 +1,10 @@
+import { SyntheticEvent } from "react";
+export interface ToggleButtonGroupContextValue {
+    disabled?: boolean;
+    select: (event: SyntheticEvent<HTMLButtonElement>) => void;
+    isSelected: (id: string | ReadonlyArray<string> | number | undefined) => boolean;
+    focus: (id: string | ReadonlyArray<string> | number | undefined) => void;
+    isFocused: (id: string | ReadonlyArray<string> | number | undefined) => boolean;
+}
+export declare const ToggleButtonGroupContext: import("react").Context<ToggleButtonGroupContextValue | undefined>;
+export declare function useToggleButtonGroup(): ToggleButtonGroupContextValue | undefined;

package/dist-types/toggle-button-group/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./ToggleButtonGroup";
+export { useToggleButtonGroup } from "./ToggleButtonGroupContext";

package/dist-types/tokenized-input/TokenizedInput.d.ts

@@ -1,7 +1,6 @@
+import { UseTooltipProps } from "@salt-ds/core";
 import { ComponentType } from "react";
 import { TokenizedInputBaseProps } from "./TokenizedInputBase";
-import { UseTooltipProps } from "../tooltip";
-import "./TokenizedInput.css";
 export declare type StringToItem<Item> = (selectedItems: Array<Item>, value: string) => Item | null | undefined;
 export declare type ChangeHandler<Item> = (selectedItems: Item[] | undefined) => void;
 export interface TokenizedInputProps<Item> extends Omit<TokenizedInputBaseProps<Item>, "activeIndices" | "focused" | "highlightedIndex" | "helpers" | "onRemoveItem"> {

package/dist-types/tokenized-input/TokenizedInputBase.d.ts

@@ -1,7 +1,7 @@
 import { ChangeEventHandler, FocusEventHandler, ForwardedRef, HTMLAttributes, KeyboardEventHandler, ReactElement, ReactEventHandler, Ref, SyntheticEvent } from "react";
 import { ButtonProps } from "@salt-ds/core";
 import { TokenizedInputHelpers, TokenizedInputState } from "./useTokenizedInput";
-import { InputProps } from "../input";
+import { InputLegacyProps as InputProps } from "../input-legacy";
 export declare type RemoveItemHandler = (itemIndex: number) => void;
 export declare type ItemToString<Item> = (item: Item) => string;
 export declare type ExpandButtonProps = Pick<ButtonProps, "role" | "aria-roledescription" | "aria-describedby"> & {

package/dist-types/tokenized-input/internal/InputRuler.d.ts

@@ -1,5 +1,4 @@
 import { InputHTMLAttributes } from "react";
-import "./InputRuler.css";
 /**
  * This hidden component is used to wrap a copy of an input value
  * so that we can use it to determine the input width dynamically

package/dist-types/toolbar/Toolbar.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 import { ToolbarProps } from "./ToolbarProps";
-import "./Toolbar.css";
 /**
  * The core Toolbar implementation, without the external wrapper provided by Toolbar.js
  */

package/dist-types/toolbar/ToolbarButton.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 import { ButtonProps } from "@salt-ds/core";
-import "./ToolbarButton.css";
 export declare type ToolbarButtonProps = ButtonProps & {
     overflowLabel?: string;
     label?: string;

package/dist-types/toolbar/ToolbarProps.d.ts

@@ -1,4 +1,4 @@
-import { TooltipProps } from "../tooltip";
+import { TooltipProps } from "@salt-ds/core";
 import { ComponentType, HTMLAttributes, ReactNode } from "react";
 export declare type OrientationShape = "vertical" | "horizontal";
 export interface ToolbarAlignmentProps {

package/dist-types/toolbar/Tooltray.d.ts

@@ -1,4 +1,3 @@
 /// <reference types="react" />
 import { TooltrayProps } from "./TooltrayProps";
-import "./Tooltray.css";
 export declare const Tooltray: (props: TooltrayProps) => JSX.Element;

package/dist-types/toolbar/overflow-panel/OverflowPanel.d.ts

@@ -1,6 +1,5 @@
 import React from "react";
 import { DropdownBaseProps } from "../../dropdown";
-import "./OverflowPanel.css";
 export interface DropdownPanelProps extends DropdownBaseProps {
     /**
      * Trigger button icon

package/dist-types/toolbar/overflow-panel/OverflowSeparator.d.ts

@@ -1,5 +1,4 @@
 import { HTMLAttributes, ReactElement } from "react";
-import "./OverflowSeparator.css";
 export interface OverflowSeparatorProps extends HTMLAttributes<HTMLDivElement> {
     children?: never;
     focusable?: boolean;

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

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

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

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

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

@@ -1,5 +1,4 @@
 import { HTMLAttributes, MouseEventHandler, ReactNode } from "react";
-import "./TreeNode.css";
 export interface TreeNodeProps extends Omit<HTMLAttributes<HTMLLIElement>, "onMouseEnter"> {
     children?: ReactNode;
     description?: string;

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

@@ -1,4 +1,3 @@
-export * from "./capitalize";
 export * from "./escapeRegExp";
 export * from "./isEmail";
 export * from "./forwardCallbackProps";
@@ -6,6 +5,7 @@ export * from "./isPlainObject";
 export * from "./partition";
 export * from "./useClickOutside";
 export * from "./useEventCallback";
+export * from "./useFloatingUI";
 export * from "./useIsViewportLargerThanBreakpoint";
 export * from "./useLayoutEffectOnce";
 export * from "./useLayoutEffectSkipFirst";

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

@@ -0,0 +1,34 @@
+import type { Middleware, Placement, Strategy } from "@floating-ui/react";
+import { useFloating } from "@floating-ui/react";
+export declare type UseFloatingUIProps = {
+    /**
+     * Set position relative to trigger
+     */
+    placement?: Placement;
+    strategy?: Strategy;
+    middleware?: Middleware[];
+    /**
+     * Set visible state. Defaults to false
+     */
+    open?: boolean;
+    /**
+     * Callback function triggered when open state changes
+     */
+    onOpenChange?: (open: boolean) => void;
+};
+export declare const DEFAULT_FLOATING_UI_MIDDLEWARE: {
+    name: string;
+    options?: any;
+    fn: (state: {
+        x: number;
+        y: number;
+        initialPlacement: Placement;
+        placement: Placement;
+        strategy: Strategy;
+        middlewareData: import("@floating-ui/react").MiddlewareData;
+        rects: import("@floating-ui/react").ElementRects;
+        platform: import("@floating-ui/core").Platform;
+        elements: import("@floating-ui/react").Elements;
+    }) => import("@floating-ui/react").MiddlewareReturn | Promise<import("@floating-ui/react").MiddlewareReturn>;
+}[];
+export declare function useFloatingUI(props: UseFloatingUIProps): ReturnType<typeof useFloating>;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import "./ElectronWindow.css";
 export declare const ElectronWindow: import("react").ForwardRefExoticComponent<{
     open?: boolean | undefined;
-} & Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & import("react").RefAttributes<HTMLDivElement>>;
+} & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -4,11 +4,11 @@ export declare type WindowProps = {
 } & ComponentPropsWithoutRef<"div">;
 export declare const Window: import("react").ForwardRefExoticComponent<{
     open?: boolean | undefined;
-} & Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & import("react").RefAttributes<HTMLDivElement>>;
+} & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 export declare const WindowContext: import("react").Context<import("react").ForwardRefExoticComponent<{
     open?: boolean | undefined;
-} & Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & import("react").RefAttributes<HTMLDivElement>>>;
+} & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>>;
 export declare const useWindow: () => import("react").ForwardRefExoticComponent<{
     open?: boolean | undefined;
-} & Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & import("react").RefAttributes<HTMLDivElement>>;
+} & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 export declare const isDesktop: boolean;

package/package.json

@@ -1,12 +1,9 @@
 {
   "name": "@salt-ds/lab",
-  "version": "1.0.0-alpha.1",
+  "version": "1.0.0-alpha.11",
   "license": "Apache-2.0",
-  "main": "dist-cjs/packages/lab/src/index.js",
-  "sideEffects": [
-    "**/*.css",
-    "**/*.css.js"
-  ],
+  "main": "dist-cjs/index.js",
+  "sideEffects": false,
   "peerDependencies": {
     "@types/react": ">=16.8.6",
     "react": ">=16.8.0",
@@ -18,17 +15,20 @@
     }
   },
   "publishConfig": {
-    "directory": "../../dist/salt-ds-lab"
+    "directory": "../../dist/salt-ds-lab",
+    "provenance": true
   },
-  "module": "dist-es/packages/lab/src/index.js",
+  "module": "dist-es/index.js",
   "typings": "dist-types/index.d.ts",
   "dependencies": {
-    "@salt-ds/core": "1.1.0",
+    "@salt-ds/core": "^1.8.0-rc.2",
     "clsx": "^1.2.1",
     "react-window": "^1.8.6",
-    "compute-scroll-into-view": "^2.0.0",
-    "@floating-ui/react-dom-interactions": "^0.5.0",
-    "@salt-ds/icons": "1.1.0",
+    "compute-scroll-into-view": "^3.0.0",
+    "@floating-ui/react": "^0.23.0",
+    "@salt-ds/window": "^0.1.0",
+    "@salt-ds/styles": "^0.1.0",
+    "@salt-ds/icons": "^1.4.0",
     "@internationalized/date": "^3.0.0",
     "tinycolor2": "^1.4.2",
     "react-color": "^2.19.3",
@@ -37,7 +37,8 @@
     "aria-hidden": "^1.1.1",
     "no-scroll": "^2.1.1",
     "attr-accept": "^2.0.0",
-    "rifm": "^0.12.0"
+    "rifm": "^0.12.0",
+    "@fluentui/react-overflow": "^9.0.19"
   },
   "files": [
     "dist-cjs",

package/dist-cjs/node_modules/style-inject/dist/style-inject.es.js

@@ -1,31 +0,0 @@
-'use strict';
-
-function styleInject(css, ref) {
-  if ( ref === void 0 ) ref = {};
-  var insertAt = ref.insertAt;
-
-  if (!css || typeof document === 'undefined') { return; }
-
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
-    }
-  } else {
-    head.appendChild(style);
-  }
-
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
-}
-
-module.exports = styleInject;
-//# sourceMappingURL=style-inject.es.js.map

package/dist-cjs/node_modules/style-inject/dist/style-inject.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style-inject.es.js","sources":["../../../node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n"],"names":[],"mappings":";;AAAA,SAAS,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE;AAC/B,EAAE,KAAK,GAAG,KAAK,KAAK,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC;AACjC,EAAE,IAAI,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC;AAC9B;AACA,EAAE,IAAI,CAAC,GAAG,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,EAAE,OAAO,EAAE;AAC1D;AACA,EAAE,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AACvE,EAAE,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;AAC9C,EAAE,KAAK,CAAC,IAAI,GAAG,UAAU,CAAC;AAC1B;AACA,EAAE,IAAI,QAAQ,KAAK,KAAK,EAAE;AAC1B,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE;AACzB,MAAM,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;AAChD,KAAK,MAAM;AACX,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC9B,KAAK;AACL,GAAG,MAAM;AACT,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC5B,GAAG;AACH;AACA,EAAE,IAAI,KAAK,CAAC,UAAU,EAAE;AACxB,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,GAAG,CAAC;AACnC,GAAG,MAAM;AACT,IAAI,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;AACpD,GAAG;AACH;;;;"}

package/dist-cjs/packages/lab/src/accordion/Accordion.css.js

@@ -1,9 +0,0 @@
-'use strict';
-
-var styleInject_es = require('../../../../node_modules/style-inject/dist/style-inject.es.js');
-
-var css_248z = ".saltAccordion {\n  --accordion-borderStyle: var(--saltAccordion-borderStyle, none);\n  --accordion-borderColor: var(--saltAccordion-borderColor, transparent);\n  --accordion-borderWidth: var(--saltAccordion-borderWidth, 0);\n  --accordion-borderRadius: var(--saltAccordion-borderRadius, 0);\n  --accordion-padding: var(--saltAccordion-padding, 0);\n  --accordion-margin: var(--saltAccordion-margin, 0);\n}\n\n.saltAccordion {\n  border-style: var(--accordion-borderStyle);\n  border-color: var(--accordion-borderColor);\n  border-width: var(--accordion-borderWidth);\n  padding: var(--accordion-padding);\n  margin: var(--accordion-margin);\n  border-radius: var(--accordion-borderRadius);\n}\n\n.salt-density-high {\n  --accordion-summary-paddingLeft: 20px;\n  --accordion-details-padding: 3px 4px 5px 20px;\n}\n\n.salt-density-medium {\n  --accordion-summary-paddingLeft: 28px;\n  --accordion-details-padding: 8px 8px 9px 28px;\n}\n\n.salt-density-low {\n  --accordion-summary-paddingLeft: 36px;\n  --accordion-details-padding: 12px 12px 13px 38px;\n}\n\n.salt-density-touch {\n  --accordion-summary-paddingLeft: 44px;\n  --accordion-details-padding: 18px 16px 17px 44px;\n}\n\n.saltAccordionSection {\n  --accordion-summary-height: var(--saltAccordion-summary-height, var(--salt-size-stackable));\n  --accordion-summary-fontWeight: var(--saltAccordion-summary-fontWeight, initial);\n\n  --accordion-summary-background: var(--saltAccordion-summary-background, var(--salt-container-primary-background));\n  --accordion-summary-background-active: var(--saltAccordion-summary-background-active, var(--salt-container-primary-background));\n  --accordion-summary-background-disabled: var(--saltAccordion-summary-background-disabled, var(--salt-container-primary-background));\n  --accordion-summary-background-hover: var(--saltAccordion-summary-background-hover, var(--salt-actionable-primary-background-hover));\n\n  --accordion-summary-text-color: var(--saltAccordion-summary-text-color, var(--salt-text-primary-foreground));\n  --accordion-summary-text-color-active: var(--saltAccordion-summary-text-color-active, var(--salt-text-primary-foreground));\n  --accordion-summary-text-color-disabled: var(--saltAccordion-summary-text-color-disabled, var(--salt-text-primary-foreground-disabled));\n  --accordion-summary-text-color-hover: var(--saltAccordion-summary-text-color-hover, var(--salt-text-primary-foreground));\n\n  --accordion-summary-icon-transition-default: transform 150ms cubic-bezier(0.4, 0, 0.2, 1);\n  --accordion-summary-icon-transform: var(--saltAccordion-summary-icon-expand-transform, rotate(90deg));\n  --accordion-summary-icon-transition: var(--saltAccordion-summary-icon-transition, var(--accordion-summary-icon-transition-default));\n}\n\n.saltAccordionSection {\n  border-color: var(--saltAccordion-section-borderColor, var(--salt-separable-secondary-borderColor));\n  border-style: var(--saltAccordion-section-borderStyle, var(--salt-container-borderStyle));\n  border-width: var(--saltAccordion-section-borderWidth, 0 0 1px 0);\n  margin: var(--saltAccordion-section-margin, 0);\n  position: relative;\n}\n\n.saltAccordionSection:focus-within {\n  z-index: var(--salt-zIndex-default);\n}\n\n.saltAccordionSection-expanded {\n}\n\n.saltAccordionSection-disabled {\n}\n\n.saltAccordionSummary {\n  height: var(--accordion-summary-height);\n  line-height: var(--accordion-summary-height);\n  font-weight: var(--accordion-summary-fontWeight);\n  background: var(--accordion-summary-background);\n  color: var(--accordion-summary-text-color);\n  font-size: var(--saltAccordion-summary-fontSize, var(--salt-text-fontSize));\n  font-family: var(--saltAccordion-summary-fontFamily, var(--salt-text-fontFamily));\n  display: flex;\n  align-items: center;\n}\n\n.saltAccordionSummary:focus-visible {\n  outline-style: var(--salt-focused-outlineStyle);\n  outline-width: var(--salt-focused-outlineWidth);\n  outline-color: var(--salt-focused-outlineColor);\n  outline-offset: var(--salt-focused-outlineOffset);\n}\n\n.saltAccordionSummary:hover {\n  background: var(--accordion-summary-background-hover);\n  color: var(--accordion-summary-text-color-hover);\n  cursor: var(--salt-selectable-cursor-hover);\n}\n\n.saltAccordionSummary-expanded {\n  background: var(--accordion-summary-background-active);\n  color: var(--accordion-summary-text-color-active);\n}\n\n.saltAccordionSummary-disabled,\n.saltAccordionSummary.saltAccordionSummary-disabled:hover {\n  background: var(--accordion-summary-background-disabled);\n  color: var(--accordion-summary-text-color-disabled);\n  cursor: var(--salt-selectable-cursor-disabled);\n}\n\n.saltAccordionSummary-icon {\n  width: var(--accordion-summary-paddingLeft);\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  transition: var(--accordion-summary-icon-transition);\n}\n\n.saltAccordionSummary-expanded .saltAccordionSummary-icon {\n  transform: var(--accordion-summary-icon-transform);\n}\n\n.saltAccordionDetails {\n  transition: height 150ms cubic-bezier(0.4, 0, 0.2, 1);\n  overflow: hidden;\n}\n\n.saltAccordionDetails-content {\n  padding: var(--saltAccordion-details-padding, var(--accordion-details-padding));\n}\n\n.saltAccordionDetails-disabled {\n}\n\n.saltAccordionDetails-dummy {\n  position: fixed;\n  top: -10000px;\n  left: 0;\n}\n";
-styleInject_es(css_248z);
-
-module.exports = css_248z;
-//# sourceMappingURL=Accordion.css.js.map

package/dist-cjs/packages/lab/src/accordion/Accordion.css.js.map

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