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

package/dist-types/combo-box-deprecated/internal/useComboBox.d.ts

@@ -53,16 +53,12 @@ export declare const useComboBox: <Item>(props: UseComboBoxProps<Item>) => {
         restoreLastFocus?: boolean | undefined;
         virtualized?: boolean | undefined;
         width?: string | number | undefined;
-        children?: import("react").ReactNode;
         slot?: string | undefined;
         style?: import("react").CSSProperties | undefined;
         title?: string | undefined;
-        onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        dir?: string | undefined;
-        accessKey?: string | undefined;
-        id?: string | undefined;
         className?: string | undefined;
         color?: string | undefined;
+        id?: string | undefined;
         lang?: string | undefined;
         role: (import("react").AriaRole | undefined) & string;
         tabIndex?: number | undefined;
@@ -78,7 +74,7 @@ export declare const useComboBox: <Item>(props: UseComboBoxProps<Item>) => {
         'aria-describedby'?: string | undefined;
         'aria-details'?: string | undefined;
         'aria-disabled'?: (boolean | "true" | "false") | undefined;
-        'aria-dropeffect'?: "link" | "copy" | "none" | "execute" | "move" | "popup" | undefined;
+        'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
         'aria-errormessage'?: string | undefined;
         'aria-expanded'?: (boolean | "true" | "false") | undefined;
         'aria-flowto'?: string | undefined;
@@ -113,6 +109,7 @@ export declare const useComboBox: <Item>(props: UseComboBoxProps<Item>) => {
         'aria-valuemin'?: number | undefined;
         'aria-valuenow'?: number | undefined;
         'aria-valuetext'?: string | undefined;
+        children?: import("react").ReactNode;
         dangerouslySetInnerHTML?: {
             __html: string;
         } | undefined;
@@ -147,6 +144,7 @@ export declare const useComboBox: <Item>(props: UseComboBoxProps<Item>) => {
         onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
@@ -276,8 +274,10 @@ export declare const useComboBox: <Item>(props: UseComboBoxProps<Item>) => {
         defaultValue?: string | number | readonly string[] | undefined;
         suppressContentEditableWarning?: boolean | undefined;
         suppressHydrationWarning?: boolean | undefined;
+        accessKey?: string | undefined;
         contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
         contextMenu?: string | undefined;
+        dir?: string | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
         hidden?: boolean | undefined;
         placeholder?: string | undefined;
@@ -303,7 +303,7 @@ export declare const useComboBox: <Item>(props: UseComboBoxProps<Item>) => {
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "on" | "off" | undefined;
-        inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+        inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
     };
 };

package/dist-types/combo-box-deprecated/internal/useMultiSelectComboBox.d.ts

@@ -95,7 +95,7 @@ export declare const useMultiSelectComboBox: <Item>(props: Omit<UseMultiSelectCo
                 results?: number | undefined;
                 security?: string | undefined;
                 unselectable?: "on" | "off" | undefined;
-                inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+                inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
                 is?: string | undefined;
                 'aria-activedescendant'?: string | undefined;
                 'aria-atomic'?: (boolean | "true" | "false") | undefined;
@@ -110,7 +110,7 @@ export declare const useMultiSelectComboBox: <Item>(props: Omit<UseMultiSelectCo
                 'aria-describedby'?: string | undefined;
                 'aria-details'?: string | undefined;
                 'aria-disabled'?: (boolean | "true" | "false") | undefined;
-                'aria-dropeffect'?: "link" | "copy" | "none" | "execute" | "move" | "popup" | undefined;
+                'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
                 'aria-errormessage'?: string | undefined;
                 'aria-expanded'?: (boolean | "true" | "false") | undefined;
                 'aria-flowto'?: string | undefined;
@@ -311,15 +311,9 @@ export declare const useMultiSelectComboBox: <Item>(props: Omit<UseMultiSelectCo
             'aria-describedby'?: string | undefined;
         };
         onKeyDown: (event: KeyboardEvent<HTMLInputElement | HTMLButtonElement | HTMLDivElement>) => void;
-        children?: import("react").ReactNode;
         slot?: string | undefined;
         style?: import("react").CSSProperties | undefined;
         title?: string | undefined;
-        onClick?: ((event: SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-        dir?: string | undefined;
-        accessKey?: string | undefined;
-        expanded?: boolean | undefined;
-        disabled?: boolean | undefined;
         className?: string | undefined;
         color?: string | undefined;
         lang?: string | undefined;
@@ -338,7 +332,7 @@ export declare const useMultiSelectComboBox: <Item>(props: Omit<UseMultiSelectCo
         'aria-describedby'?: string | undefined;
         'aria-details'?: string | undefined;
         'aria-disabled'?: (boolean | "true" | "false") | undefined;
-        'aria-dropeffect'?: "link" | "copy" | "none" | "execute" | "move" | "popup" | undefined;
+        'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
         'aria-errormessage'?: string | undefined;
         'aria-expanded'?: (boolean | "true" | "false") | undefined;
         'aria-flowto'?: string | undefined;
@@ -373,6 +367,7 @@ export declare const useMultiSelectComboBox: <Item>(props: Omit<UseMultiSelectCo
         'aria-valuemin'?: number | undefined;
         'aria-valuenow'?: number | undefined;
         'aria-valuetext'?: string | undefined;
+        children?: import("react").ReactNode;
         dangerouslySetInnerHTML?: {
             __html: string;
         } | undefined;
@@ -458,6 +453,7 @@ export declare const useMultiSelectComboBox: <Item>(props: Omit<UseMultiSelectCo
         onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
         onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onClick?: ((event: SyntheticEvent<HTMLElement, Event>) => void) | undefined;
         onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
         onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
         onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
@@ -537,8 +533,10 @@ export declare const useMultiSelectComboBox: <Item>(props: Omit<UseMultiSelectCo
         defaultValue?: string | number | readonly string[] | undefined;
         suppressContentEditableWarning?: boolean | undefined;
         suppressHydrationWarning?: boolean | undefined;
+        accessKey?: string | undefined;
         contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
         contextMenu?: string | undefined;
+        dir?: string | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
         hidden?: boolean | undefined;
         placeholder?: string | undefined;
@@ -564,9 +562,11 @@ export declare const useMultiSelectComboBox: <Item>(props: Omit<UseMultiSelectCo
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "on" | "off" | undefined;
-        inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+        inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
+        disabled?: boolean | undefined;
         focused?: boolean | undefined;
+        expanded?: boolean | undefined;
         itemToString?: import("../../tokenized-input").ItemToString<Item> | undefined;
         highlightedIndex?: number | undefined;
         onClear?: import("react").ReactEventHandler<Element> | undefined;
@@ -621,16 +621,12 @@ export declare const useMultiSelectComboBox: <Item>(props: Omit<UseMultiSelectCo
         restoreLastFocus?: boolean | undefined;
         virtualized?: boolean | undefined;
         width?: string | number | undefined;
-        children?: import("react").ReactNode;
         slot?: string | undefined;
         style?: import("react").CSSProperties | undefined;
         title?: string | undefined;
-        onKeyDown?: KeyboardEventHandler<HTMLDivElement> | undefined;
-        dir?: string | undefined;
-        accessKey?: string | undefined;
-        id?: string | undefined;
         className?: string | undefined;
         color?: string | undefined;
+        id?: string | undefined;
         lang?: string | undefined;
         role: (import("react").AriaRole | undefined) & string;
         tabIndex?: number | undefined;
@@ -646,7 +642,7 @@ export declare const useMultiSelectComboBox: <Item>(props: Omit<UseMultiSelectCo
         'aria-describedby'?: string | undefined;
         'aria-details'?: string | undefined;
         'aria-disabled'?: (boolean | "true" | "false") | undefined;
-        'aria-dropeffect'?: "link" | "copy" | "none" | "execute" | "move" | "popup" | undefined;
+        'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
         'aria-errormessage'?: string | undefined;
         'aria-expanded'?: (boolean | "true" | "false") | undefined;
         'aria-flowto'?: string | undefined;
@@ -681,6 +677,7 @@ export declare const useMultiSelectComboBox: <Item>(props: Omit<UseMultiSelectCo
         'aria-valuemin'?: number | undefined;
         'aria-valuenow'?: number | undefined;
         'aria-valuetext'?: string | undefined;
+        children?: import("react").ReactNode;
         dangerouslySetInnerHTML?: {
             __html: string;
         } | undefined;
@@ -715,6 +712,7 @@ export declare const useMultiSelectComboBox: <Item>(props: Omit<UseMultiSelectCo
         onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onKeyDown?: KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyDownCapture?: KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPressCapture?: KeyboardEventHandler<HTMLDivElement> | undefined;
@@ -844,8 +842,10 @@ export declare const useMultiSelectComboBox: <Item>(props: Omit<UseMultiSelectCo
         defaultValue?: string | number | readonly string[] | undefined;
         suppressContentEditableWarning?: boolean | undefined;
         suppressHydrationWarning?: boolean | undefined;
+        accessKey?: string | undefined;
         contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
         contextMenu?: string | undefined;
+        dir?: string | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
         hidden?: boolean | undefined;
         placeholder?: string | undefined;
@@ -871,7 +871,7 @@ export declare const useMultiSelectComboBox: <Item>(props: Omit<UseMultiSelectCo
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "on" | "off" | undefined;
-        inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+        inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
     };
 };

package/dist-types/index.d.ts

@@ -9,7 +9,6 @@ export * from "./banner";
 export * from "./breadcrumbs";
 export * from "./button-bar";
 export * from "./calendar";
-export * from "./card";
 export * from "./carousel";
 export * from "./cascading-menu";
 export * from "./checkbox";
@@ -37,7 +36,6 @@ export * from "./menu-button";
 export * from "./metric";
 export * from "./overlay";
 export * from "./pagination";
-export * from "./panel";
 export * from "./parent-child-item";
 export * from "./parent-child-layout";
 export * from "./pill";

package/dist-types/overlay/useOverlay.d.ts

@@ -3,6 +3,6 @@ import { OverlayProps } from "./Overlay";
 import { UseFloatingUIProps } from "../popper";
 export declare type UseOverlayProps = Partial<Pick<UseFloatingUIProps, "onOpenChange" | "open" | "placement">>;
 export declare function useOverlay(props: UseOverlayProps): {
-    getTriggerProps: <Element_1 extends JSXElementConstructor<any> | keyof JSX.IntrinsicElements = "div">(userProps?: import("react").PropsWithoutRef<import("react").ComponentProps<Element_1>> | undefined) => ComponentPropsWithRef<Element_1>;
+    getTriggerProps: <Element_1 extends keyof JSX.IntrinsicElements | JSXElementConstructor<any> = "div">(userProps?: import("react").PropsWithoutRef<import("react").ComponentProps<Element_1>> | undefined) => ComponentPropsWithRef<Element_1>;
     getOverlayProps: (userProps?: OverlayProps | undefined) => OverlayProps;
 };

package/dist-types/skip-link/SkipLink.d.ts

@@ -12,5 +12,5 @@ interface SkipLinkProps extends LinkProps {
      */
     targetRef?: RefObject<HTMLElement>;
 }
-export declare const SkipLink: import("react").ForwardRefExoticComponent<Pick<SkipLinkProps, "children" | "slot" | "style" | "title" | "key" | "onClick" | "onKeyDown" | "dir" | "accessKey" | "id" | "download" | "href" | "hrefLang" | "media" | "ping" | "rel" | "target" | "type" | "referrerPolicy" | "className" | "color" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "variant" | "maxRows" | "styleAs" | "IconComponent" | "targetRef"> & import("react").RefAttributes<HTMLAnchorElement>>;
+export declare const SkipLink: import("react").ForwardRefExoticComponent<Pick<SkipLinkProps, "slot" | "style" | "title" | "download" | "href" | "hrefLang" | "media" | "ping" | "rel" | "target" | "type" | "referrerPolicy" | "className" | "color" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "variant" | "maxRows" | "styleAs" | "IconComponent" | "targetRef"> & import("react").RefAttributes<HTMLAnchorElement>>;
 export {};

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

@@ -12,21 +12,14 @@ export declare const useStepperInput: (props: StepperInputProps, inputRef: Mutab
         disabled?: boolean | undefined;
         focusableWhenDisabled?: boolean | undefined;
         variant?: "primary" | "secondary" | "cta" | undefined;
-        children?: import("react").ReactNode;
-        value?: string | number | readonly string[] | undefined;
         form?: string | undefined;
         slot?: string | undefined;
         style?: import("react").CSSProperties | undefined;
         title?: string | undefined;
-        key?: import("react").Key | null | undefined;
-        onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
-        onKeyDown?: import("react").KeyboardEventHandler<HTMLButtonElement> | undefined;
-        dir?: string | undefined;
-        accessKey?: string | undefined;
-        id?: string | undefined;
         type?: "button" | "reset" | "submit" | undefined;
         className?: string | undefined;
         color?: string | undefined;
+        id?: string | undefined;
         lang?: string | undefined;
         name?: string | undefined;
         role?: import("react").AriaRole | undefined;
@@ -44,7 +37,7 @@ export declare const useStepperInput: (props: StepperInputProps, inputRef: Mutab
         'aria-describedby'?: string | undefined;
         'aria-details'?: string | undefined;
         'aria-disabled'?: (boolean | "true" | "false") | undefined;
-        'aria-dropeffect'?: "link" | "copy" | "none" | "execute" | "move" | "popup" | undefined;
+        'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
         'aria-errormessage'?: string | undefined;
         'aria-expanded'?: (boolean | "true" | "false") | undefined;
         'aria-flowto'?: string | undefined;
@@ -79,6 +72,7 @@ export declare const useStepperInput: (props: StepperInputProps, inputRef: Mutab
         'aria-valuemin'?: number | undefined;
         'aria-valuenow'?: number | undefined;
         'aria-valuetext'?: string | undefined;
+        children?: import("react").ReactNode;
         dangerouslySetInnerHTML?: {
             __html: string;
         } | undefined;
@@ -114,6 +108,7 @@ export declare const useStepperInput: (props: StepperInputProps, inputRef: Mutab
         onLoadCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLButtonElement> | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLButtonElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLButtonElement> | undefined;
         onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLButtonElement> | undefined;
@@ -165,6 +160,7 @@ export declare const useStepperInput: (props: StepperInputProps, inputRef: Mutab
         onWaitingCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
         onAuxClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
         onAuxClickCapture?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+        onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
         onClickCapture?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
         onContextMenu?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
         onContextMenuCapture?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
@@ -238,12 +234,15 @@ export declare const useStepperInput: (props: StepperInputProps, inputRef: Mutab
         onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
         onTransitionEnd?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
         onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
+        key?: import("react").Key | null | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
         suppressContentEditableWarning?: boolean | undefined;
         suppressHydrationWarning?: boolean | undefined;
+        accessKey?: string | undefined;
         contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
         contextMenu?: string | undefined;
+        dir?: string | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
         hidden?: boolean | undefined;
         placeholder?: string | undefined;
@@ -269,7 +268,7 @@ export declare const useStepperInput: (props: StepperInputProps, inputRef: Mutab
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "on" | "off" | undefined;
-        inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+        inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         autoFocus?: boolean | undefined;
         formAction?: string | undefined;
@@ -277,6 +276,7 @@ export declare const useStepperInput: (props: StepperInputProps, inputRef: Mutab
         formMethod?: string | undefined;
         formNoValidate?: boolean | undefined;
         formTarget?: string | undefined;
+        value?: string | number | readonly string[] | undefined;
     };
     getInputProps: (inputProps?: InputProps) => InputProps | undefined;
     incrementButtonDown: boolean;

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

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

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

@@ -21,24 +21,24 @@ declare type Dimension = keyof Pick<DOMRect, "width" | "height">;
 export declare const measureElementSizeAndPosition: (element: HTMLElement, dimension?: Dimension, includeAutoMargin?: boolean) => number[];
 export declare const dimensions: (orientation: orientationType) => {
     CLIENT_SIZE: "scrollWidth" | "scrollHeight" | "clientHeight" | "clientWidth" | "scrollTop" | "scrollLeft";
-    CONTRA: "width" | "height" | "x" | "y" | "top" | "right" | "bottom" | "left";
+    CONTRA: "x" | "y" | "top" | "right" | "bottom" | "left" | "height" | "width";
     CONTRA_POS: "clientX" | "clientY";
-    DIMENSION: "width" | "height";
-    END: "width" | "height" | "x" | "y" | "top" | "right" | "bottom" | "left";
+    DIMENSION: "height" | "width";
+    END: "x" | "y" | "top" | "right" | "bottom" | "left" | "height" | "width";
     POS: "clientX" | "clientY";
     SCROLL_POS: "scrollWidth" | "scrollHeight" | "clientHeight" | "clientWidth" | "scrollTop" | "scrollLeft";
     SCROLL_SIZE: "scrollWidth" | "scrollHeight" | "clientHeight" | "clientWidth" | "scrollTop" | "scrollLeft";
-    START: "width" | "height" | "x" | "y" | "top" | "right" | "bottom" | "left";
+    START: "x" | "y" | "top" | "right" | "bottom" | "left" | "height" | "width";
 } | {
     CLIENT_SIZE: "scrollWidth" | "scrollHeight" | "clientHeight" | "clientWidth" | "scrollTop" | "scrollLeft";
-    CONTRA: "width" | "height" | "x" | "y" | "top" | "right" | "bottom" | "left";
+    CONTRA: "x" | "y" | "top" | "right" | "bottom" | "left" | "height" | "width";
     CONTRA_POS: "clientX" | "clientY";
-    DIMENSION: "width" | "height";
-    END: "width" | "height" | "x" | "y" | "top" | "right" | "bottom" | "left";
+    DIMENSION: "height" | "width";
+    END: "x" | "y" | "top" | "right" | "bottom" | "left" | "height" | "width";
     POS: "clientX" | "clientY";
     SCROLL_POS: "scrollWidth" | "scrollHeight" | "clientHeight" | "clientWidth" | "scrollTop" | "scrollLeft";
     SCROLL_SIZE: "scrollWidth" | "scrollHeight" | "clientHeight" | "clientWidth" | "scrollTop" | "scrollLeft";
-    START: "width" | "height" | "x" | "y" | "top" | "right" | "bottom" | "left";
+    START: "x" | "y" | "top" | "right" | "bottom" | "left" | "height" | "width";
 };
 export declare const getDraggedItem: (measuredItems: MeasuredDropTarget[]) => MeasuredDropTarget;
 export declare const moveDragItem: (measuredItems: MeasuredDropTarget[], dropTarget: MeasuredDropTarget) => MeasuredDropTarget[];

package/dist-types/tooltip/useTooltip.d.ts

@@ -24,8 +24,8 @@ export interface UseTooltipProps extends Partial<Pick<UseFloatingUIProps, "onOpe
 }
 export declare function useTooltip(props?: UseTooltipProps): {
     getTooltipProps: (args?: TooltipProps | undefined) => TooltipProps | undefined;
-    getTriggerProps: <Element_1 extends JSXElementConstructor<any> | keyof JSX.IntrinsicElements = "div">(args?: ComponentPropsWithRef<Element_1> | undefined) => ComponentPropsWithRef<Element_1>;
+    getTriggerProps: <Element_1 extends keyof JSX.IntrinsicElements | JSXElementConstructor<any> = "div">(args?: ComponentPropsWithRef<Element_1> | undefined) => ComponentPropsWithRef<Element_1>;
 } | {
     getTooltipProps: (userProps?: TooltipProps | undefined) => TooltipProps;
-    getTriggerProps: <Element_2 extends JSXElementConstructor<any> | keyof JSX.IntrinsicElements = "div">(userProps?: import("react").PropsWithoutRef<import("react").ComponentProps<Element_2>> | undefined) => ComponentPropsWithRef<Element_2>;
+    getTriggerProps: <Element_2 extends keyof JSX.IntrinsicElements | JSXElementConstructor<any> = "div">(userProps?: import("react").PropsWithoutRef<import("react").ComponentProps<Element_2>> | undefined) => ComponentPropsWithRef<Element_2>;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salt-ds/lab",
-  "version": "1.0.0-alpha.0",
+  "version": "1.0.0-alpha.1",
   "license": "Apache-2.0",
   "main": "dist-cjs/packages/lab/src/index.js",
   "sideEffects": [
@@ -23,12 +23,12 @@
   "module": "dist-es/packages/lab/src/index.js",
   "typings": "dist-types/index.d.ts",
   "dependencies": {
-    "@salt-ds/core": "1.0.0",
-    "classnames": "^2.2.6",
+    "@salt-ds/core": "1.1.0",
+    "clsx": "^1.2.1",
     "react-window": "^1.8.6",
-    "compute-scroll-into-view": "^1.0.16",
+    "compute-scroll-into-view": "^2.0.0",
     "@floating-ui/react-dom-interactions": "^0.5.0",
-    "@salt-ds/icons": "1.0.0",
+    "@salt-ds/icons": "1.1.0",
     "@internationalized/date": "^3.0.0",
     "tinycolor2": "^1.4.2",
     "react-color": "^2.19.3",

package/dist-cjs/packages/lab/src/card/Card.css.js

@@ -1,9 +0,0 @@
-'use strict';
-
-var styleInject_es = require('../../../../node_modules/style-inject/dist/style-inject.es.js');
-
-var css_248z = "/* Styles applied to the root element */\n.saltCard {\n  background: var(--saltCard-background, var(--salt-container-primary-background));\n  border-width: var(--saltCard-borderWidth, var(--salt-size-border));\n  border-style: var(--saltCard-borderStyle, var(--salt-container-borderStyle));\n  border-color: var(--saltCard-borderColor, var(--salt-container-primary-borderColor));\n  border-radius: var(--saltCard-borderRadius, 0);\n  box-shadow: var(--saltCard-boxShadow, var(--salt-overlayable-shadow));\n  color: var(--saltCard-color, var(--salt-text-primary-foreground));\n  overflow: hidden;\n  transition: box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n/* Styles applied to Card content */\n.saltCard-content {\n  color: inherit;\n  font-size: var(--saltCard-content-fontSize, var(--salt-text-fontSize));\n  letter-spacing: var(--saltCard-content-letterSpacing, normal);\n  line-height: var(--salt-text-lineHeight);\n  min-height: var(--saltCard-content-minHeight, var(--salt-text-minHeight));\n  padding: var(--saltCard-padding, calc(var(--salt-size-unit) * 3));\n}\n\n/* Styles applied if `interactable={true}` */\n.saltCard-interactable {\n  display: block;\n  transition: none;\n}\n\n/* Styles applied on hover if `interactable={true}` */\na:focus .saltCard-interactable,\n.saltCard-interactable:hover {\n  border-color: var(--saltCard-borderColor-hover, var(--salt-selectable-borderColor-hover));\n  color: var(--saltCard-color-hover, var(--salt-text-primary-foreground));\n  cursor: var(--saltCard-cursor-hover, var(--salt-selectable-cursor-hover));\n  position: relative;\n  box-shadow: var(--saltCard-boxShadow-hover, var(--salt-overlayable-shadow-hover));\n}\n\n/* Styles applied on active state if `interactable={true}` */\n.saltCard-interactable:active {\n  border-color: var(--saltCard-borderColor-hover, var(--salt-selectable-borderColor-selected));\n  box-shadow: var(--saltCard-boxShadow-active, var(--salt-overlayable-shadow-hover));\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/* Styles applied on hover if `interactable={true}` and `disabled={true}` */\na:focus .saltCard-interactable.saltCard-disabled,\n.saltCard-interactable.saltCard-disabled:hover,\n.saltCard-interactable.saltCard-disabled:active {\n  box-shadow: var(--saltCard-boxShadow-hover-disabled, var(--salt-overlayable-shadow));\n}\n\n/* Styles applied if `disabled={true}` */\n.saltCard-disabled,\n.saltCard-disabled.saltCard-interactable,\na:focus .saltCard-interactable.saltCard-disabled {\n  border-color: var(--saltCard-borderColor, var(--salt-container-primary-borderColor-disabled));\n  cursor: var(--saltCard-cursor-disabled, var(--salt-selectable-cursor-disabled));\n  color: var(--saltCard-color-disabled, var(--salt-text-primary-foreground-disabled));\n  outline: none;\n}\n\n/* Styles applied to nested divs if `disabled={true}` */\n.saltCard-disabled div {\n  pointer-events: none;\n}\n";
-styleInject_es(css_248z);
-
-module.exports = css_248z;
-//# sourceMappingURL=Card.css.js.map

package/dist-cjs/packages/lab/src/card/Card.css.js.map

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

package/dist-cjs/packages/lab/src/card/Card.js

@@ -1,37 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var cx = require('classnames');
-var core = require('@salt-ds/core');
-require('./Card.css.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
-const withBaseName = core.makePrefixer("saltCard");
-const Card = React.forwardRef(function Card2(props, ref) {
-  const { className, disabled, interactable, children, ...rest } = props;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", {
-    className: cx__default["default"](
-      withBaseName(),
-      {
-        [withBaseName("disabled")]: disabled,
-        [withBaseName("interactable")]: interactable
-      },
-      className
-    ),
-    ref,
-    ...rest,
-    children: /* @__PURE__ */ jsxRuntime.jsx("div", {
-      className: withBaseName("content"),
-      children
-    })
-  });
-});
-
-exports.Card = Card;
-//# sourceMappingURL=Card.js.map

package/dist-cjs/packages/lab/src/card/Card.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Card.js","sources":["../src/card/Card.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { makePrefixer } from \"@salt-ds/core\";\nimport \"./Card.css\";\n\nconst withBaseName = makePrefixer(\"saltCard\");\n\nexport interface CardProps extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * If `true`, the card will be disabled.\n   */\n  disabled?: boolean;\n  /**\n   * If `true`, interactive styles will be applied to `Card`. These styles give prominence to certain content\n   * on the page.\n   */\n  interactable?: boolean;\n}\n\n/**\n * Card component is a sheet if material that serves as an entry point to more detailed information.\n * Cards display content composed of different elements whose size or supported actions vary.\n */\nexport const Card = forwardRef<HTMLDivElement, CardProps>(function Card(\n  props,\n  ref\n) {\n  const { className, disabled, interactable, children, ...rest } = props;\n\n  return (\n    <div\n      className={cx(\n        withBaseName(),\n        {\n          [withBaseName(\"disabled\")]: disabled,\n          [withBaseName(\"interactable\")]: interactable,\n        },\n        className\n      )}\n      ref={ref}\n      {...rest}\n    >\n      <div className={withBaseName(\"content\")}>{children}</div>\n    </div>\n  );\n});\n"],"names":["makePrefixer","forwardRef","Card","jsx","cx"],"mappings":";;;;;;;;;;;;;;AAKA,MAAM,YAAA,GAAeA,kBAAa,UAAU,CAAA,CAAA;AAkBrC,MAAM,IAAO,GAAAC,gBAAA,CAAsC,SAASC,KAAAA,CACjE,OACA,GACA,EAAA;AACA,EAAA,MAAM,EAAE,SAAW,EAAA,QAAA,EAAU,YAAc,EAAA,QAAA,EAAA,GAAa,MAAS,GAAA,KAAA,CAAA;AAEjE,EAAA,uBACGC,cAAA,CAAA,KAAA,EAAA;AAAA,IACC,SAAW,EAAAC,sBAAA;AAAA,MACT,YAAa,EAAA;AAAA,MACb;AAAA,QACE,CAAC,YAAa,CAAA,UAAU,CAAI,GAAA,QAAA;AAAA,QAC5B,CAAC,YAAa,CAAA,cAAc,CAAI,GAAA,YAAA;AAAA,OAClC;AAAA,MACA,SAAA;AAAA,KACF;AAAA,IACA,GAAA;AAAA,IACC,GAAG,IAAA;AAAA,IAEJ,QAAC,kBAAAD,cAAA,CAAA,KAAA,EAAA;AAAA,MAAI,SAAA,EAAW,aAAa,SAAS,CAAA;AAAA,MAAI,QAAA;AAAA,KAAS,CAAA;AAAA,GACrD,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-cjs/packages/lab/src/panel/Panel.css.js

@@ -1,9 +0,0 @@
-'use strict';
-
-var styleInject_es = require('../../../../node_modules/style-inject/dist/style-inject.es.js');
-
-var css_248z = "/* Styles applied to the root element */\n.saltPanel {\n  background: var(--saltPanel-background, var(--salt-container-primary-background));\n  color: var(--saltPanel-color, var(--salt-text-primary-foreground));\n  height: var(--saltPanel-height, auto);\n  overflow: auto;\n  padding: var(--saltPanel-padding, calc(var(--salt-size-unit) * 3));\n  width: var(--saltPanel-width, 100%);\n}\n\n.saltPanel-secondary.saltPanel {\n  background: var(--saltPanel-background, var(--salt-container-secondary-background));\n}\n";
-styleInject_es(css_248z);
-
-module.exports = css_248z;
-//# sourceMappingURL=Panel.css.js.map

package/dist-cjs/packages/lab/src/panel/Panel.css.js.map

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

package/dist-cjs/packages/lab/src/panel/Panel.js

@@ -1,28 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var cx = require('classnames');
-var React = require('react');
-var core = require('@salt-ds/core');
-require('./Panel.css.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
-const withBaseName = core.makePrefixer("saltPanel");
-const Panel = React.forwardRef(function Panel2({ className, children, variant = "primary", ...restProps }, ref) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", {
-    className: cx__default["default"](withBaseName(), className, {
-      [withBaseName(variant)]: variant === "secondary"
-    }),
-    ref,
-    ...restProps,
-    children
-  });
-});
-
-exports.Panel = Panel;
-//# sourceMappingURL=Panel.js.map

package/dist-cjs/packages/lab/src/panel/Panel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Panel.js","sources":["../src/panel/Panel.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport { forwardRef, HTMLAttributes } from \"react\";\nimport { makePrefixer } from \"@salt-ds/core\";\n\nimport \"./Panel.css\";\n\n/**\n * Panel component that acts as wrapper around a node\n *\n * @example\n * const PanelExample = () => (\n *   <Panel>\n *     <p>This is a panel around some text.</p>\n *   </Panel>\n * );\n *\n */\n\nexport interface PanelProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Styling variant; defaults to \"primary\".\n   */\n  variant?: \"primary\" | \"secondary\";\n}\n\nconst withBaseName = makePrefixer(\"saltPanel\");\n\nexport const Panel = forwardRef<HTMLDivElement, PanelProps>(function Panel(\n  { className, children, variant = \"primary\", ...restProps },\n  ref\n) {\n  return (\n    <div\n      className={cx(withBaseName(), className, {\n        [withBaseName(variant)]: variant === \"secondary\",\n      })}\n      ref={ref}\n      {...restProps}\n    >\n      {children}\n    </div>\n  );\n});\n"],"names":["makePrefixer","forwardRef","Panel","jsx","cx"],"mappings":";;;;;;;;;;;;;;AAyBA,MAAM,YAAA,GAAeA,kBAAa,WAAW,CAAA,CAAA;AAEhC,MAAA,KAAA,GAAQC,gBAAuC,CAAA,SAASC,MACnE,CAAA,EAAE,SAAW,EAAA,QAAA,EAAU,OAAU,GAAA,SAAA,EAAA,GAAc,SAAU,EAAA,EACzD,GACA,EAAA;AACA,EAAA,uBACGC,cAAA,CAAA,KAAA,EAAA;AAAA,IACC,SAAW,EAAAC,sBAAA,CAAG,YAAa,EAAA,EAAG,SAAW,EAAA;AAAA,MACvC,CAAC,YAAA,CAAa,OAAO,CAAA,GAAI,OAAY,KAAA,WAAA;AAAA,KACtC,CAAA;AAAA,IACD,GAAA;AAAA,IACC,GAAG,SAAA;AAAA,IAEH,QAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-es/packages/lab/src/card/Card.css.js

@@ -1,7 +0,0 @@
-import styleInject from '../../../../node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = "/* Styles applied to the root element */\n.saltCard {\n  background: var(--saltCard-background, var(--salt-container-primary-background));\n  border-width: var(--saltCard-borderWidth, var(--salt-size-border));\n  border-style: var(--saltCard-borderStyle, var(--salt-container-borderStyle));\n  border-color: var(--saltCard-borderColor, var(--salt-container-primary-borderColor));\n  border-radius: var(--saltCard-borderRadius, 0);\n  box-shadow: var(--saltCard-boxShadow, var(--salt-overlayable-shadow));\n  color: var(--saltCard-color, var(--salt-text-primary-foreground));\n  overflow: hidden;\n  transition: box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n/* Styles applied to Card content */\n.saltCard-content {\n  color: inherit;\n  font-size: var(--saltCard-content-fontSize, var(--salt-text-fontSize));\n  letter-spacing: var(--saltCard-content-letterSpacing, normal);\n  line-height: var(--salt-text-lineHeight);\n  min-height: var(--saltCard-content-minHeight, var(--salt-text-minHeight));\n  padding: var(--saltCard-padding, calc(var(--salt-size-unit) * 3));\n}\n\n/* Styles applied if `interactable={true}` */\n.saltCard-interactable {\n  display: block;\n  transition: none;\n}\n\n/* Styles applied on hover if `interactable={true}` */\na:focus .saltCard-interactable,\n.saltCard-interactable:hover {\n  border-color: var(--saltCard-borderColor-hover, var(--salt-selectable-borderColor-hover));\n  color: var(--saltCard-color-hover, var(--salt-text-primary-foreground));\n  cursor: var(--saltCard-cursor-hover, var(--salt-selectable-cursor-hover));\n  position: relative;\n  box-shadow: var(--saltCard-boxShadow-hover, var(--salt-overlayable-shadow-hover));\n}\n\n/* Styles applied on active state if `interactable={true}` */\n.saltCard-interactable:active {\n  border-color: var(--saltCard-borderColor-hover, var(--salt-selectable-borderColor-selected));\n  box-shadow: var(--saltCard-boxShadow-active, var(--salt-overlayable-shadow-hover));\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/* Styles applied on hover if `interactable={true}` and `disabled={true}` */\na:focus .saltCard-interactable.saltCard-disabled,\n.saltCard-interactable.saltCard-disabled:hover,\n.saltCard-interactable.saltCard-disabled:active {\n  box-shadow: var(--saltCard-boxShadow-hover-disabled, var(--salt-overlayable-shadow));\n}\n\n/* Styles applied if `disabled={true}` */\n.saltCard-disabled,\n.saltCard-disabled.saltCard-interactable,\na:focus .saltCard-interactable.saltCard-disabled {\n  border-color: var(--saltCard-borderColor, var(--salt-container-primary-borderColor-disabled));\n  cursor: var(--saltCard-cursor-disabled, var(--salt-selectable-cursor-disabled));\n  color: var(--saltCard-color-disabled, var(--salt-text-primary-foreground-disabled));\n  outline: none;\n}\n\n/* Styles applied to nested divs if `disabled={true}` */\n.saltCard-disabled div {\n  pointer-events: none;\n}\n";
-styleInject(css_248z);
-
-export { css_248z as default };
-//# sourceMappingURL=Card.css.js.map

package/dist-es/packages/lab/src/card/Card.css.js.map

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

package/dist-es/packages/lab/src/card/Card.js

@@ -1,29 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import cx from 'classnames';
-import { makePrefixer } from '@salt-ds/core';
-import './Card.css.js';
-
-const withBaseName = makePrefixer("saltCard");
-const Card = forwardRef(function Card2(props, ref) {
-  const { className, disabled, interactable, children, ...rest } = props;
-  return /* @__PURE__ */ jsx("div", {
-    className: cx(
-      withBaseName(),
-      {
-        [withBaseName("disabled")]: disabled,
-        [withBaseName("interactable")]: interactable
-      },
-      className
-    ),
-    ref,
-    ...rest,
-    children: /* @__PURE__ */ jsx("div", {
-      className: withBaseName("content"),
-      children
-    })
-  });
-});
-
-export { Card };
-//# sourceMappingURL=Card.js.map

package/dist-es/packages/lab/src/card/Card.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Card.js","sources":["../src/card/Card.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { makePrefixer } from \"@salt-ds/core\";\nimport \"./Card.css\";\n\nconst withBaseName = makePrefixer(\"saltCard\");\n\nexport interface CardProps extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * If `true`, the card will be disabled.\n   */\n  disabled?: boolean;\n  /**\n   * If `true`, interactive styles will be applied to `Card`. These styles give prominence to certain content\n   * on the page.\n   */\n  interactable?: boolean;\n}\n\n/**\n * Card component is a sheet if material that serves as an entry point to more detailed information.\n * Cards display content composed of different elements whose size or supported actions vary.\n */\nexport const Card = forwardRef<HTMLDivElement, CardProps>(function Card(\n  props,\n  ref\n) {\n  const { className, disabled, interactable, children, ...rest } = props;\n\n  return (\n    <div\n      className={cx(\n        withBaseName(),\n        {\n          [withBaseName(\"disabled\")]: disabled,\n          [withBaseName(\"interactable\")]: interactable,\n        },\n        className\n      )}\n      ref={ref}\n      {...rest}\n    >\n      <div className={withBaseName(\"content\")}>{children}</div>\n    </div>\n  );\n});\n"],"names":["Card"],"mappings":";;;;;;AAKA,MAAM,YAAA,GAAe,aAAa,UAAU,CAAA,CAAA;AAkBrC,MAAM,IAAO,GAAA,UAAA,CAAsC,SAASA,KAAAA,CACjE,OACA,GACA,EAAA;AACA,EAAA,MAAM,EAAE,SAAW,EAAA,QAAA,EAAU,YAAc,EAAA,QAAA,EAAA,GAAa,MAAS,GAAA,KAAA,CAAA;AAEjE,EAAA,uBACG,GAAA,CAAA,KAAA,EAAA;AAAA,IACC,SAAW,EAAA,EAAA;AAAA,MACT,YAAa,EAAA;AAAA,MACb;AAAA,QACE,CAAC,YAAa,CAAA,UAAU,CAAI,GAAA,QAAA;AAAA,QAC5B,CAAC,YAAa,CAAA,cAAc,CAAI,GAAA,YAAA;AAAA,OAClC;AAAA,MACA,SAAA;AAAA,KACF;AAAA,IACA,GAAA;AAAA,IACC,GAAG,IAAA;AAAA,IAEJ,QAAC,kBAAA,GAAA,CAAA,KAAA,EAAA;AAAA,MAAI,SAAA,EAAW,aAAa,SAAS,CAAA;AAAA,MAAI,QAAA;AAAA,KAAS,CAAA;AAAA,GACrD,CAAA,CAAA;AAEJ,CAAC;;;;"}