@salt-ds/lab 1.0.0-alpha.3 → 1.0.0-alpha.30

package/dist-types/tokenized-input-next/TokenizedInputNext.d.ts

@@ -0,0 +1,51 @@
+import { ButtonProps, NecessityType, ValidationStatus } from "@salt-ds/core";
+import { ChangeEventHandler, FocusEventHandler, HTMLAttributes, KeyboardEventHandler, ReactEventHandler, Ref, SyntheticEvent, TextareaHTMLAttributes } from "react";
+import { TokenizedInputNextState } from "./useTokenizedInputNext";
+declare type ChangeHandler<Item> = (event: SyntheticEvent, selectedItems: Item[] | undefined) => void;
+declare type ExpandButtonProps = Pick<ButtonProps, "role" | "aria-roledescription" | "aria-describedby"> & {
+    "aria-label"?: string;
+};
+export interface TokenizedInputNextProps<Item> extends Partial<TokenizedInputNextState<Item>>, Omit<HTMLAttributes<HTMLDivElement>, "onFocus" | "onBlur" | "onChange" | "onKeyUp" | "onKeyDown"> {
+    ExpandButtonProps?: ExpandButtonProps;
+    disabled?: boolean;
+    focused?: boolean;
+    expandButtonRef?: Ref<HTMLButtonElement>;
+    onBlur?: FocusEventHandler<HTMLTextAreaElement | HTMLButtonElement>;
+    onKeyUp?: KeyboardEventHandler<HTMLTextAreaElement | HTMLButtonElement>;
+    onKeyDown?: KeyboardEventHandler<HTMLTextAreaElement | HTMLButtonElement>;
+    onRemoveItem?: (event: SyntheticEvent, index: number) => void;
+    onInputBlur?: FocusEventHandler<HTMLTextAreaElement>;
+    onInputFocus?: FocusEventHandler<HTMLTextAreaElement>;
+    onInputChange?: ChangeEventHandler<HTMLTextAreaElement>;
+    onClick?: ReactEventHandler;
+    onClear?: ReactEventHandler;
+    delimiters?: string[];
+    disableAddOnBlur?: boolean;
+    defaultSelected?: Item[];
+    onChange?: ChangeHandler<Item>;
+    onCollapse?: ReactEventHandler;
+    onExpand?: ReactEventHandler;
+    /**
+     * Validation status.
+     */
+    validationStatus?: Omit<ValidationStatus, "info">;
+    /**
+     * If `true`, the component is read only.
+     */
+    readOnly?: boolean;
+    /**
+     * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#Attributes) applied to the `textarea` element.
+     */
+    textAreaProps?: TextareaHTMLAttributes<HTMLTextAreaElement>;
+    /**
+     * Optional ref for the textarea component
+     */
+    textAreaRef?: Ref<HTMLTextAreaElement>;
+    necessity?: NecessityType;
+    /**
+     * Styling variant. Defaults to "primary".
+     */
+    variant?: "primary" | "secondary";
+}
+export declare const TokenizedInputNext: import("react").ForwardRefExoticComponent<TokenizedInputNextProps<unknown> & import("react").RefAttributes<HTMLDivElement>>;
+export {};

package/dist-types/tokenized-input-next/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./TokenizedInputNext";
+export * from "./useTokenizedInputNext";

package/dist-types/tokenized-input-next/internal/InputPill.d.ts

@@ -0,0 +1,29 @@
+import { MutableRefObject, SyntheticEvent } from "react";
+import { PillProps } from "@salt-ds/core";
+export declare type InputPillProps = PillProps & {
+    /**
+     * A ref object holds pills index map to width.
+     */
+    pillsRef: MutableRefObject<Record<number, number | undefined>>;
+    /**
+     * Index of the pill within Input.
+     */
+    index: number;
+    /**
+     * Whether the pill is the last visible one within Input.
+     */
+    lastVisible?: boolean;
+    /**
+     * Pill label.
+     */
+    label?: string;
+    /**
+     * Whether the pill is highlighted.
+     */
+    highlighted?: boolean;
+    /**
+     * Callback when pill is deleted.
+     */
+    onClose?: (event: SyntheticEvent, index: number) => void;
+};
+export declare const InputPill: import("react").NamedExoticComponent<InputPillProps>;

package/dist-types/tokenized-input-next/internal/calcFirstHiddenIndex.d.ts

@@ -0,0 +1,4 @@
+export declare function calcFirstHiddenIndex({ containerWidth, pillWidths, }?: {
+    containerWidth?: number;
+    pillWidths?: number[];
+}): number | null;

package/dist-types/tokenized-input-next/internal/useResizeObserver.d.ts

@@ -0,0 +1,6 @@
+import { Ref } from "react";
+/**
+ * This monitors the size of a component and calls `onSizeChange` callback
+ * every time when size changes.
+ */
+export declare function useResizeObserver<Element extends HTMLElement>(onSizeChange: (entries: ResizeObserverEntry[], observer?: ResizeObserver) => void): Ref<Element>;

package/dist-types/tokenized-input-next/internal/useWidth.d.ts

@@ -0,0 +1,7 @@
+import { Density } from "@salt-ds/core";
+export declare const getPadding: (node: HTMLElement | null) => number;
+export declare const getWidth: (node: HTMLElement | null) => number;
+/**
+ * This records the width of a component when it's rendered
+ */
+export declare const useWidth: (density: Density) => [(newNode: any) => void, number];

package/dist-types/tokenized-input-next/useTokenizedInputNext.d.ts

@@ -0,0 +1,47 @@
+import { Ref, SyntheticEvent, MutableRefObject } from "react";
+import { TokenizedInputNextProps } from "./TokenizedInputNext";
+export interface TokenizedInputNextState<Item> {
+    activeIndices: number[];
+    expanded: boolean | undefined;
+    highlightedIndex: number | undefined;
+    selectedItems: Item[];
+    value: string | undefined;
+}
+export interface TokenizedInputNextHelpers<Item> {
+    setHighlightedIndex: (value?: number) => void;
+    setValue: (value: string) => void;
+    setSelectedItems: (selectedItems: Item[]) => void;
+    updateExpanded: (event: SyntheticEvent, expanded: boolean) => void;
+}
+export interface TokenizedInputNextRefs {
+    textAreaRef: Ref<HTMLTextAreaElement>;
+    pillsRef: MutableRefObject<Record<number, number | undefined>>;
+    clearButtonRef: (newNode: HTMLButtonElement) => void;
+    expandButtonRef: Ref<HTMLButtonElement>;
+    statusAdornmentRef: Ref<SVGSVGElement>;
+    containerRef: Ref<HTMLDivElement>;
+}
+interface useTokenizedInputNextResult<Item> {
+    /**
+     * The tokenized input state
+     */
+    state: TokenizedInputNextState<Item>;
+    /**
+     * First hidden element when collapsed
+     */
+    firstHiddenIndex: number | null;
+    /**
+     * Utility functions for modifying tokenized input state
+     */
+    helpers: TokenizedInputNextHelpers<Item>;
+    /**
+     * Refs for tokenized input items.
+     */
+    refs: TokenizedInputNextRefs;
+    /**
+     * Properties applied to a basic tokenized input component
+     */
+    inputProps: Omit<TokenizedInputNextProps<Item>, "helpers" | "onChange">;
+}
+export declare function useTokenizedInputNext<Item>(props: TokenizedInputNextProps<Item>): useTokenizedInputNextResult<Item>;
+export {};

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

@@ -1,6 +1,4 @@
-/// <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,4 @@
-/// <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/Tooltray.d.ts

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

package/dist-types/toolbar/internal/ToolbarHiddenItemIdsContext.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const _default: import("react").Context<{}>;
 export default _default;

package/dist-types/toolbar/internal/renderToolbarItems.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { orientationType, OverflowCollectionHookResult, OverflowItem } from "../../responsive";
 export declare const renderToolbarItems: (collectionHook: OverflowCollectionHookResult, overflowedItems: OverflowItem<"child">[] | undefined, orientation: orientationType) => 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/ToolbarField.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { 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 { 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,3 @@
-/// <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,7 +5,6 @@ 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/window/ElectronWindow.d.ts

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

package/dist-types/window/desktop-utils.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const WindowParentContext: import("react").Context<{
     top: number;
     left: number;

package/package.json

@@ -1,16 +1,40 @@
 {
   "name": "@salt-ds/lab",
-  "version": "1.0.0-alpha.3",
+  "version": "1.0.0-alpha.30",
   "license": "Apache-2.0",
-  "main": "dist-cjs/packages/lab/src/index.js",
-  "sideEffects": [
-    "**/*.css",
-    "**/*.css.js"
-  ],
+  "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.26.5",
+    "@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.16.1",
+    "@salt-ds/window": "^0.1.1",
+    "@salt-ds/styles": "^0.2.1",
+    "@salt-ds/icons": "^1.9.1"
+  },
   "peerDependencies": {
-    "@types/react": ">=16.8.6",
-    "react": ">=16.8.0",
-    "react-dom": ">=16.8.0"
+    "@types/react": ">=16.14.0",
+    "react": ">=16.14.0",
+    "react-dom": ">=16.14.0"
   },
   "peerDependenciesMeta": {
     "@types/react": {
@@ -18,36 +42,19 @@
     }
   },
   "publishConfig": {
-    "directory": "../../dist/salt-ds-lab"
+    "directory": "../../dist/salt-ds-lab",
+    "provenance": true
   },
-  "module": "dist-es/packages/lab/src/index.js",
-  "typings": "dist-types/index.d.ts",
-  "dependencies": {
-    "@salt-ds/core": "1.3.0",
-    "clsx": "^1.2.1",
-    "react-window": "^1.8.6",
-    "compute-scroll-into-view": "^3.0.0",
-    "@floating-ui/react": "^0.20.0",
-    "@salt-ds/icons": "1.1.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"
+  "scripts": {
+    "bundle:css": "yarn node ./scripts/build.mjs"
   },
   "files": [
+    "css",
     "dist-cjs",
     "dist-es",
     "dist-types",
     "README.md"
   ],
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/jpmorganchase/salt-ds",
-    "directory": "packages/lab"
-  }
+  "module": "dist-es/index.js",
+  "typings": "dist-types/index.d.ts"
 }

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":";;;;;;;;;"}

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

@@ -1,129 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var core = require('@salt-ds/core');
-require('./Accordion.css.js');
-var clsx = require('clsx');
-var AccordionContext = require('./AccordionContext.js');
-
-const withBaseName = core.makePrefixer("saltAccordion");
-function sliceToSize(items, size) {
-  if (size !== void 0) {
-    const cutOffCount = items ? items.length - size : 0;
-    if (cutOffCount > 0) {
-      items = items.slice(cutOffCount);
-    }
-  }
-  return items;
-}
-const Accordion = React.forwardRef(
-  function Accordion2({
-    disabled = false,
-    expandedSectionIds: expandedSectionIdsProp,
-    defaultExpandedSectionIds = [],
-    maxExpandedItems,
-    onChange: onChangeProp,
-    className,
-    children,
-    ...restProps
-  }, ref) {
-    const [sectionIds, setSectionIds] = React.useState(/* @__PURE__ */ new Set());
-    const [expandedSectionIds, setExpandedSectionIds] = core.useControlled(
-      {
-        controlled: expandedSectionIdsProp,
-        default: defaultExpandedSectionIds,
-        name: "Accordion",
-        state: "ExpandedSectionIds"
-      }
-    );
-    const registerSection = React.useCallback(
-      (sectionId, isExpanded2) => {
-        setSectionIds((sectionIds2) => {
-          const newSectionIds = new Set(sectionIds2);
-          newSectionIds.add(sectionId);
-          return newSectionIds;
-        });
-        if (isExpanded2) {
-          setExpandedSectionIds((oldExpandedSectionIds) => {
-            const newExpandedSectionIds = [...oldExpandedSectionIds];
-            newExpandedSectionIds.push(sectionId);
-            return newExpandedSectionIds;
-          });
-        }
-      },
-      []
-    );
-    const unregisterSection = React.useCallback((sectionId) => {
-      if (expandedSectionIds.includes(sectionId)) {
-        setExpandedSectionIds(
-          (oldValue) => oldValue.filter((id) => id !== sectionId)
-        );
-      }
-      setSectionIds((sectionIds2) => {
-        const newSectionIds = new Set(sectionIds2);
-        newSectionIds.delete(sectionId);
-        return newSectionIds;
-      });
-    }, []);
-    React.useEffect(() => {
-      if (expandedSectionIds && maxExpandedItems !== void 0 && expandedSectionIds.length > maxExpandedItems) {
-        const newExpandedSectionIds = sliceToSize(
-          expandedSectionIds,
-          maxExpandedItems
-        );
-        setExpandedSectionIds(newExpandedSectionIds || []);
-        if (onChangeProp) {
-          onChangeProp(newExpandedSectionIds || null);
-        }
-      }
-    }, [maxExpandedItems]);
-    const onChange = React.useCallback(
-      (sectionId, isExpanded2) => {
-        let newExpandedSectionIds = [...expandedSectionIds];
-        if (isExpanded2) {
-          newExpandedSectionIds.push(sectionId);
-          if (maxExpandedItems != null && newExpandedSectionIds.length > maxExpandedItems) {
-            newExpandedSectionIds.shift();
-          }
-        } else {
-          newExpandedSectionIds = newExpandedSectionIds.filter(
-            (id) => id !== sectionId
-          );
-        }
-        setExpandedSectionIds(newExpandedSectionIds);
-        if (onChangeProp) {
-          onChangeProp(newExpandedSectionIds);
-        }
-      },
-      [expandedSectionIds, onChangeProp]
-    );
-    const isExpanded = React.useCallback(
-      (sectionId) => expandedSectionIds.includes(sectionId),
-      [expandedSectionIds]
-    );
-    const contextValue = React.useMemo(() => {
-      return {
-        registerSection,
-        unregisterSection,
-        onChange,
-        isExpanded,
-        disabled
-      };
-    }, [registerSection, unregisterSection, onChange, isExpanded, disabled]);
-    return /* @__PURE__ */ jsxRuntime.jsx("div", {
-      className: clsx.clsx(withBaseName(), className),
-      ...restProps,
-      ref,
-      children: /* @__PURE__ */ jsxRuntime.jsx(AccordionContext.AccordionContext.Provider, {
-        value: contextValue,
-        children
-      })
-    });
-  }
-);
-
-exports.Accordion = Accordion;
-//# sourceMappingURL=Accordion.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Accordion.js","sources":["../src/accordion/Accordion.tsx"],"sourcesContent":["import {\n  forwardRef,\n  HTMLAttributes,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\";\nimport { makePrefixer, useControlled } from \"@salt-ds/core\";\nimport \"./Accordion.css\";\nimport { clsx } from \"clsx\";\nimport { AccordionContext } from \"./AccordionContext\";\n\nconst withBaseName = makePrefixer(\"saltAccordion\");\n\nexport interface AccordionProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, \"onChange\"> {\n  disabled?: boolean;\n  maxExpandedItems?: number;\n  expandedSectionIds?: string[];\n  defaultExpandedSectionIds?: string[];\n  // expandedSectionIds in the order they were expanded.\n  // The oldest expanded item is the first in this list.\n  // When maxExpandedItems is reached, the first item in this list is the first to be collapsed\n  onChange?: (expandedSectionIds: string[] | null) => void;\n}\n\nfunction sliceToSize<T>(items?: T[], size?: number) {\n  if (size !== undefined) {\n    const cutOffCount = items ? items.length - size : 0;\n    if (cutOffCount > 0) {\n      items = items!.slice(cutOffCount);\n    }\n  }\n  return items;\n}\n\nexport const Accordion = forwardRef<HTMLDivElement, AccordionProps>(\n  function Accordion(\n    {\n      disabled = false,\n      expandedSectionIds: expandedSectionIdsProp,\n      defaultExpandedSectionIds = [],\n      maxExpandedItems,\n      onChange: onChangeProp,\n      className,\n      children,\n      ...restProps\n    },\n    ref\n  ) {\n    const [sectionIds, setSectionIds] = useState<Set<string>>(new Set());\n\n    const [expandedSectionIds, setExpandedSectionIds] = useControlled<string[]>(\n      {\n        controlled: expandedSectionIdsProp,\n        default: defaultExpandedSectionIds,\n        name: \"Accordion\",\n        state: \"ExpandedSectionIds\",\n      }\n    );\n\n    const registerSection = useCallback(\n      (sectionId: string, isExpanded: boolean) => {\n        setSectionIds((sectionIds) => {\n          const newSectionIds = new Set(sectionIds);\n          newSectionIds.add(sectionId);\n          return newSectionIds;\n        });\n        if (isExpanded) {\n          setExpandedSectionIds((oldExpandedSectionIds) => {\n            const newExpandedSectionIds = [...oldExpandedSectionIds];\n            newExpandedSectionIds.push(sectionId);\n            return newExpandedSectionIds;\n          });\n        }\n      },\n      []\n    );\n\n    const unregisterSection = useCallback((sectionId: string) => {\n      if (expandedSectionIds.includes(sectionId)) {\n        setExpandedSectionIds((oldValue) =>\n          oldValue.filter((id) => id !== sectionId)\n        );\n      }\n      setSectionIds((sectionIds) => {\n        const newSectionIds = new Set(sectionIds);\n        newSectionIds.delete(sectionId);\n        return newSectionIds;\n      });\n    }, []);\n\n    useEffect(() => {\n      if (\n        expandedSectionIds &&\n        maxExpandedItems !== undefined &&\n        expandedSectionIds.length > maxExpandedItems\n      ) {\n        const newExpandedSectionIds = sliceToSize(\n          expandedSectionIds,\n          maxExpandedItems\n        );\n        setExpandedSectionIds(newExpandedSectionIds || []);\n        if (onChangeProp) {\n          onChangeProp(newExpandedSectionIds || null);\n        }\n      }\n    }, [maxExpandedItems]);\n\n    const onChange = useCallback(\n      (sectionId: string, isExpanded: boolean) => {\n        let newExpandedSectionIds = [...expandedSectionIds];\n        if (isExpanded) {\n          newExpandedSectionIds.push(sectionId);\n          if (\n            maxExpandedItems != null &&\n            newExpandedSectionIds.length > maxExpandedItems\n          ) {\n            newExpandedSectionIds.shift();\n          }\n        } else {\n          newExpandedSectionIds = newExpandedSectionIds.filter(\n            (id) => id !== sectionId\n          );\n        }\n        setExpandedSectionIds(newExpandedSectionIds);\n        if (onChangeProp) {\n          onChangeProp(newExpandedSectionIds);\n        }\n      },\n      [expandedSectionIds, onChangeProp]\n    );\n\n    const isExpanded = useCallback(\n      (sectionId: string) => expandedSectionIds.includes(sectionId),\n      [expandedSectionIds]\n    );\n\n    const contextValue: AccordionContext = useMemo(() => {\n      return {\n        registerSection,\n        unregisterSection,\n        onChange,\n        isExpanded,\n        disabled,\n      };\n    }, [registerSection, unregisterSection, onChange, isExpanded, disabled]);\n\n    return (\n      <div className={clsx(withBaseName(), className)} {...restProps} ref={ref}>\n        <AccordionContext.Provider value={contextValue}>\n          {children}\n        </AccordionContext.Provider>\n      </div>\n    );\n  }\n);\n"],"names":["makePrefixer","forwardRef","Accordion","useState","useControlled","useCallback","isExpanded","sectionIds","useEffect","useMemo","jsx","clsx","AccordionContext"],"mappings":";;;;;;;;;;;AAaA,MAAM,YAAA,GAAeA,kBAAa,eAAe,CAAA,CAAA;AAcjD,SAAS,WAAA,CAAe,OAAa,IAAe,EAAA;AAClD,EAAA,IAAI,SAAS,KAAW,CAAA,EAAA;AACtB,IAAA,MAAM,WAAc,GAAA,KAAA,GAAQ,KAAM,CAAA,MAAA,GAAS,IAAO,GAAA,CAAA,CAAA;AAClD,IAAA,IAAI,cAAc,CAAG,EAAA;AACnB,MAAQ,KAAA,GAAA,KAAA,CAAO,MAAM,WAAW,CAAA,CAAA;AAAA,KAClC;AAAA,GACF;AACA,EAAO,OAAA,KAAA,CAAA;AACT,CAAA;AAEO,MAAM,SAAY,GAAAC,gBAAA;AAAA,EACvB,SAASC,UACP,CAAA;AAAA,IACE,QAAW,GAAA,KAAA;AAAA,IACX,kBAAoB,EAAA,sBAAA;AAAA,IACpB,4BAA4B,EAAC;AAAA,IAC7B,gBAAA;AAAA,IACA,QAAU,EAAA,YAAA;AAAA,IACV,SAAA;AAAA,IACA,QAAA;AAAA,IACG,GAAA,SAAA;AAAA,KAEL,GACA,EAAA;AACA,IAAA,MAAM,CAAC,UAAY,EAAA,aAAa,IAAIC,cAAsB,iBAAA,IAAI,KAAK,CAAA,CAAA;AAEnE,IAAM,MAAA,CAAC,kBAAoB,EAAA,qBAAqB,CAAI,GAAAC,kBAAA;AAAA,MAClD;AAAA,QACE,UAAY,EAAA,sBAAA;AAAA,QACZ,OAAS,EAAA,yBAAA;AAAA,QACT,IAAM,EAAA,WAAA;AAAA,QACN,KAAO,EAAA,oBAAA;AAAA,OACT;AAAA,KACF,CAAA;AAEA,IAAA,MAAM,eAAkB,GAAAC,iBAAA;AAAA,MACtB,CAAC,WAAmBC,WAAwB,KAAA;AAC1C,QAAA,aAAA,CAAc,CAACC,WAAe,KAAA;AAC5B,UAAM,MAAA,aAAA,GAAgB,IAAI,GAAA,CAAIA,WAAU,CAAA,CAAA;AACxC,UAAA,aAAA,CAAc,IAAI,SAAS,CAAA,CAAA;AAC3B,UAAO,OAAA,aAAA,CAAA;AAAA,SACR,CAAA,CAAA;AACD,QAAA,IAAID,WAAY,EAAA;AACd,UAAA,qBAAA,CAAsB,CAAC,qBAA0B,KAAA;AAC/C,YAAM,MAAA,qBAAA,GAAwB,CAAC,GAAG,qBAAqB,CAAA,CAAA;AACvD,YAAA,qBAAA,CAAsB,KAAK,SAAS,CAAA,CAAA;AACpC,YAAO,OAAA,qBAAA,CAAA;AAAA,WACR,CAAA,CAAA;AAAA,SACH;AAAA,OACF;AAAA,MACA,EAAC;AAAA,KACH,CAAA;AAEA,IAAM,MAAA,iBAAA,GAAoBD,iBAAY,CAAA,CAAC,SAAsB,KAAA;AAC3D,MAAI,IAAA,kBAAA,CAAmB,QAAS,CAAA,SAAS,CAAG,EAAA;AAC1C,QAAA,qBAAA;AAAA,UAAsB,CAAC,QACrB,KAAA,QAAA,CAAS,OAAO,CAAC,EAAA,KAAO,OAAO,SAAS,CAAA;AAAA,SAC1C,CAAA;AAAA,OACF;AACA,MAAA,aAAA,CAAc,CAACE,WAAe,KAAA;AAC5B,QAAM,MAAA,aAAA,GAAgB,IAAI,GAAA,CAAIA,WAAU,CAAA,CAAA;AACxC,QAAA,aAAA,CAAc,OAAO,SAAS,CAAA,CAAA;AAC9B,QAAO,OAAA,aAAA,CAAA;AAAA,OACR,CAAA,CAAA;AAAA,KACH,EAAG,EAAE,CAAA,CAAA;AAEL,IAAAC,eAAA,CAAU,MAAM;AACd,MAAA,IACE,kBACA,IAAA,gBAAA,KAAqB,KACrB,CAAA,IAAA,kBAAA,CAAmB,SAAS,gBAC5B,EAAA;AACA,QAAA,MAAM,qBAAwB,GAAA,WAAA;AAAA,UAC5B,kBAAA;AAAA,UACA,gBAAA;AAAA,SACF,CAAA;AACA,QAAsB,qBAAA,CAAA,qBAAA,IAAyB,EAAE,CAAA,CAAA;AACjD,QAAA,IAAI,YAAc,EAAA;AAChB,UAAA,YAAA,CAAa,yBAAyB,IAAI,CAAA,CAAA;AAAA,SAC5C;AAAA,OACF;AAAA,KACF,EAAG,CAAC,gBAAgB,CAAC,CAAA,CAAA;AAErB,IAAA,MAAM,QAAW,GAAAH,iBAAA;AAAA,MACf,CAAC,WAAmBC,WAAwB,KAAA;AAC1C,QAAI,IAAA,qBAAA,GAAwB,CAAC,GAAG,kBAAkB,CAAA,CAAA;AAClD,QAAA,IAAIA,WAAY,EAAA;AACd,UAAA,qBAAA,CAAsB,KAAK,SAAS,CAAA,CAAA;AACpC,UAAA,IACE,gBAAoB,IAAA,IAAA,IACpB,qBAAsB,CAAA,MAAA,GAAS,gBAC/B,EAAA;AACA,YAAA,qBAAA,CAAsB,KAAM,EAAA,CAAA;AAAA,WAC9B;AAAA,SACK,MAAA;AACL,UAAA,qBAAA,GAAwB,qBAAsB,CAAA,MAAA;AAAA,YAC5C,CAAC,OAAO,EAAO,KAAA,SAAA;AAAA,WACjB,CAAA;AAAA,SACF;AACA,QAAA,qBAAA,CAAsB,qBAAqB,CAAA,CAAA;AAC3C,QAAA,IAAI,YAAc,EAAA;AAChB,UAAA,YAAA,CAAa,qBAAqB,CAAA,CAAA;AAAA,SACpC;AAAA,OACF;AAAA,MACA,CAAC,oBAAoB,YAAY,CAAA;AAAA,KACnC,CAAA;AAEA,IAAA,MAAM,UAAa,GAAAD,iBAAA;AAAA,MACjB,CAAC,SAAA,KAAsB,kBAAmB,CAAA,QAAA,CAAS,SAAS,CAAA;AAAA,MAC5D,CAAC,kBAAkB,CAAA;AAAA,KACrB,CAAA;AAEA,IAAM,MAAA,YAAA,GAAiCI,cAAQ,MAAM;AACnD,MAAO,OAAA;AAAA,QACL,eAAA;AAAA,QACA,iBAAA;AAAA,QACA,QAAA;AAAA,QACA,UAAA;AAAA,QACA,QAAA;AAAA,OACF,CAAA;AAAA,OACC,CAAC,eAAA,EAAiB,mBAAmB,QAAU,EAAA,UAAA,EAAY,QAAQ,CAAC,CAAA,CAAA;AAEvE,IAAA,uBACGC,cAAA,CAAA,KAAA,EAAA;AAAA,MAAI,SAAW,EAAAC,SAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,MAAI,GAAG,SAAA;AAAA,MAAW,GAAA;AAAA,MAC9D,QAAA,kBAAAD,cAAA,CAACE,kCAAiB,QAAjB,EAAA;AAAA,QAA0B,KAAO,EAAA,YAAA;AAAA,QAC/B,QAAA;AAAA,OACH,CAAA;AAAA,KACF,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist-cjs/packages/lab/src/accordion/AccordionContext.js

@@ -1,21 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var utils = require('./utils.js');
-
-const AccordionContext = React.createContext(
-  void 0
-);
-const useAccordionContext = () => {
-  const context = React.useContext(AccordionContext);
-  if (utils.isNotProduction() && !context) {
-    console.error("useAccordionContext should be used inside of Accordion");
-  }
-  return context;
-};
-
-exports.AccordionContext = AccordionContext;
-exports.useAccordionContext = useAccordionContext;
-//# sourceMappingURL=AccordionContext.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AccordionContext.js","sources":["../src/accordion/AccordionContext.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport { isNotProduction } from \"./utils\";\n\nexport interface AccordionContext {\n  isExpanded: (id: string) => boolean;\n  disabled: boolean;\n  registerSection: (id: string, isExpanded: boolean) => void;\n  unregisterSection: (id: string) => void;\n  onChange: (id: string, isExpanded: boolean) => void;\n}\n\nexport const AccordionContext = createContext<AccordionContext | undefined>(\n  undefined\n);\n\nexport const useAccordionContext = () => {\n  const context = useContext(AccordionContext);\n  if (isNotProduction() && !context) {\n    console.error(\"useAccordionContext should be used inside of Accordion\");\n  }\n  return context!;\n};\n"],"names":["createContext","useContext","isNotProduction"],"mappings":";;;;;;;AAWO,MAAM,gBAAmB,GAAAA,mBAAA;AAAA,EAC9B,KAAA,CAAA;AACF,EAAA;AAEO,MAAM,sBAAsB,MAAM;AACvC,EAAM,MAAA,OAAA,GAAUC,iBAAW,gBAAgB,CAAA,CAAA;AAC3C,EAAI,IAAAC,qBAAA,EAAqB,IAAA,CAAC,OAAS,EAAA;AACjC,IAAA,OAAA,CAAQ,MAAM,wDAAwD,CAAA,CAAA;AAAA,GACxE;AACA,EAAO,OAAA,OAAA,CAAA;AACT;;;;;"}