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

package/dist-types/progress/LinearProgress/LinearProgress.d.ts

@@ -1,32 +1,14 @@
-import { HTMLAttributes, ReactElement } from "react";
-export interface InfoRendererProps<T, U> {
-    unit: string;
-    value: number;
-    getUnitProps?: (props: T) => {
-        className: string;
-    } & T;
-    getValueProps: (props: U) => {
-        className: string;
-    } & U;
-}
+import { HTMLAttributes } from "react";
 export interface LinearProgressProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * The className(s) of the component.
      */
     className?: string;
-    /**
-     * Disabled flag, true when the component is disabled.
-     */
-    disabled?: boolean;
     /**
      * The value of the max progress indicator.
      * Default value is 100.
      */
     max?: number;
-    /**
-     * render props callback to render info panel.
-     */
-    renderInfo?: (props: Pick<InfoRendererProps<any, any>, "value" | "unit" | "getValueProps" | "getUnitProps">) => ReactElement<InfoRendererProps<any, any>>;
     /**
      * If `true`, the info panel will be displayed.
      */
@@ -43,12 +25,5 @@ export interface LinearProgressProps extends HTMLAttributes<HTMLDivElement> {
 }
 /**
  * Linear progress bar with an optional Info element, showing the current value
- * The default Info element can be rendered by setting `unit` and `value` props.
- * A custom Info element can be rendered using the `renderInfo` callback.
- * The render props callback is of the form
- * @param {string} unit the unit of the progress info
- * @param {number} value the value of the progress info
- * @param {function} getUnitProps function callback that returns the unit props
- * @param {function} getValueProps function callback that returns the value props
  */
 export declare const LinearProgress: import("react").ForwardRefExoticComponent<LinearProgressProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/stepped-tracker/StepLabel/StepLabel.d.ts

@@ -1,5 +1,3 @@
-import { ReactNode, ComponentPropsWithoutRef } from "react";
-export interface StepLabelProps extends ComponentPropsWithoutRef<"label"> {
-    children: ReactNode;
-}
-export declare const StepLabel: import("react").ForwardRefExoticComponent<StepLabelProps & import("react").RefAttributes<HTMLLabelElement>>;
+import { ComponentPropsWithoutRef } from "react";
+export declare type StepLabelProps = ComponentPropsWithoutRef<"label">;
+export declare const StepLabel: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;

package/dist-types/stepped-tracker/SteppedTrackerContext.d.ts

@@ -1,16 +1,13 @@
 import { ReactNode } from "react";
-import { GetOverflowRef } from "./useDetectTruncatedText";
 export declare type SteppedTrackerContextType = {
     activeStep: number;
-    getOverflowRef: GetOverflowRef;
-    hasTooltips: boolean;
     totalSteps: number;
     isWithinSteppedTracker: boolean;
 };
 declare type SteppedTrackerProviderProps = Omit<SteppedTrackerContextType, "isWithinSteppedTracker"> & {
     children: ReactNode;
 };
-export declare const SteppedTrackerProvider: ({ activeStep, getOverflowRef, hasTooltips, totalSteps, children, }: SteppedTrackerProviderProps) => JSX.Element;
+export declare const SteppedTrackerProvider: ({ activeStep, totalSteps, children, }: SteppedTrackerProviderProps) => JSX.Element;
 export declare const useSteppedTrackerContext: () => SteppedTrackerContextType;
 export declare const useTrackerStepContext: () => number;
 declare type TrackerStepProivderProps = {

package/dist-types/stepped-tracker/TrackerStep/index.d.ts

@@ -1,3 +1,2 @@
 export { TrackerStep } from "./TrackerStep";
 export type { TrackerStepProps } from "./TrackerStep";
-export { useTrackerStepTooltipContext } from "./TrackerStepTooltipContext";

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

@@ -1,8 +1,45 @@
-import { ChangeEvent, InputHTMLAttributes } from "react";
-import { ControlLabelProps } from "../control-label";
-export interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "onChange"> {
-    label?: ControlLabelProps["label"];
-    LabelProps?: Partial<ControlLabelProps>;
-    onChange?: (event: ChangeEvent<HTMLInputElement>, checked: boolean) => void;
+import { ChangeEventHandler, ComponentPropsWithoutRef, FocusEventHandler, ReactNode } from "react";
+export interface SwitchProps extends Omit<ComponentPropsWithoutRef<"label">, "children" | "onFocus" | "onBlur" | "onChange"> {
+    /**
+     * If `true`, the checkbox will be checked.
+     */
+    checked?: boolean;
+    /**
+     * Whether the checkbox component is checked by default
+     * This will be disregarded if checked is already set.
+     */
+    defaultChecked?: boolean;
+    /**
+     * If `true`, the checkbox will be disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Properties applied to the input element.
+     */
+    inputProps?: Partial<ComponentPropsWithoutRef<"input">>;
+    /**
+     * The label to be shown next to the checkbox.
+     */
+    label?: ReactNode;
+    /**
+     * The name applied to the input.
+     */
+    name?: string;
+    /**
+     * Callback when checkbox loses focus.
+     */
+    onBlur?: FocusEventHandler<HTMLInputElement>;
+    /**
+     * Callback when checked state is changed.
+     */
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+    /**
+     * Callback when checkbox gains focus.
+     */
+    onFocus?: FocusEventHandler<HTMLInputElement>;
+    /**
+     * The value of the checkbox.
+     */
+    value?: string;
 }
 export declare const Switch: import("react").ForwardRefExoticComponent<SwitchProps & import("react").RefAttributes<HTMLLabelElement>>;

package/dist-types/toast-group/ToastGroup.d.ts

@@ -0,0 +1,5 @@
+import { ComponentPropsWithoutRef } from "react";
+export interface ToastGroupProps extends ComponentPropsWithoutRef<"div"> {
+    placement?: "top-right" | "bottom-right";
+}
+export declare const ToastGroup: import("react").ForwardRefExoticComponent<ToastGroupProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/toast-group/index.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salt-ds/lab",
-  "version": "1.0.0-alpha.14",
+  "version": "1.0.0-alpha.15",
   "license": "Apache-2.0",
   "main": "dist-cjs/index.js",
   "sideEffects": false,
@@ -21,13 +21,13 @@
   "module": "dist-es/index.js",
   "typings": "dist-types/index.d.ts",
   "dependencies": {
-    "@salt-ds/core": "^1.8.0-rc.5",
+    "@salt-ds/core": "^1.8.0",
     "clsx": "^2.0.0",
     "react-window": "^1.8.6",
     "compute-scroll-into-view": "^3.0.0",
     "@salt-ds/window": "^0.1.1",
     "@salt-ds/styles": "^0.1.1",
-    "@salt-ds/icons": "^1.5.1",
+    "@salt-ds/icons": "^1.6.0",
     "@floating-ui/react": "^0.23.0",
     "@internationalized/date": "^3.0.0",
     "tinycolor2": "^1.4.2",

package/dist-cjs/control-label/ControlLabel.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var css_248z = ".salt-density-high {\n  --controlLabel-right-marginLeft: 3px;\n  --controlLabel-right-marginRight: 0px;\n}\n.salt-density-medium {\n  --controlLabel-right-marginLeft: 6px;\n  --controlLabel-right-marginRight: 0px;\n}\n.salt-density-low {\n  --controlLabel-right-marginLeft: 9px;\n  --controlLabel-right-marginRight: 0px;\n}\n.salt-density-touch {\n  --controlLabel-right-marginLeft: 12px;\n  --controlLabel-right-marginRight: 0px;\n}\n\n/* Styles applied to root component */\n.saltControlLabel {\n  align-items: center;\n  cursor: pointer;\n  display: inline-flex;\n}\n\n/* Styles applied to label */\n.saltControlLabel-label,\n.saltControlLabel-labelRight {\n  --controlLabel-marginLeft: 0;\n  --controlLabel-marginRight: calc(var(--salt-size-unit) / 1.5);\n\n  color: var(--saltControlLabel-color, var(--salt-text-primary-foreground));\n  font-family: var(--salt-text-fontFamily);\n  font-size: var(--salt-text-fontSize);\n  font-weight: var(--salt-text-fontWeight);\n  line-height: var(--salt-text-lineHeight);\n  margin-left: var(--saltControlLabel-marginLeft, var(--controlLabel-marginLeft));\n  margin-right: var(--saltControlLabel-marginRight, var(--controlLabel-marginRight));\n  display: block;\n}\n\n/* Overrides on `labelPlacement=\"right\"` */\n.saltControlLabel-labelRight {\n  --controlLabel-marginLeft: var(--saltControlLabel-right-marginLeft, var(--controlLabel-right-marginLeft));\n  --controlLabel-marginRight: var(--saltControlLabel-right-marginRight, var(--controlLabel-right-marginRight));\n}\n\n/* Styles applied if `disabled={true}` or nested in FormField where `disabled={true}` */\n.saltControlLabel-disabled,\n.saltFormFieldLegacy-disabled .saltControlLabel {\n  cursor: var(--salt-selectable-cursor-disabled);\n}\n\n/* Styles applied to label if `disabled={true}` */\n.saltControlLabel-disabled .saltControlLabel-label {\n  cursor: var(--salt-selectable-cursor-disabled);\n  color: var(--saltControlLabel-color-disabled, var(--salt-text-primary-foreground-disabled));\n}\n";
-
-module.exports = css_248z;
-//# sourceMappingURL=ControlLabel.css.js.map

package/dist-cjs/control-label/ControlLabel.css.js.map

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

package/dist-cjs/control-label/ControlLabel.js

@@ -1,48 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var clsx = require('clsx');
-var window = require('@salt-ds/window');
-var styles = require('@salt-ds/styles');
-var ControlLabel$1 = require('./ControlLabel.css.js');
-
-const baseName = "saltControlLabel";
-const ControlLabel = React.forwardRef(
-  ({ children, className, disabled, label, labelPlacement = "left", ...other }, ref) => {
-    const targetWindow = window.useWindow();
-    styles.useComponentCssInjection({
-      testId: "salt-control-label",
-      css: ControlLabel$1,
-      window: targetWindow
-    });
-    return /* @__PURE__ */ jsxRuntime.jsxs("label", {
-      className: clsx.clsx(
-        baseName,
-        {
-          [`${baseName}-disabled`]: disabled
-        },
-        className
-      ),
-      ref,
-      ...other,
-      children: [
-        labelPlacement === "left" && /* @__PURE__ */ jsxRuntime.jsx("span", {
-          className: `${baseName}-label`,
-          children: label
-        }),
-        children,
-        labelPlacement === "right" && /* @__PURE__ */ jsxRuntime.jsx("span", {
-          className: `${baseName}-labelRight`,
-          children: label
-        })
-      ]
-    });
-  }
-);
-
-exports.ControlLabel = ControlLabel;
-exports.baseName = baseName;
-//# sourceMappingURL=ControlLabel.js.map

package/dist-cjs/control-label/ControlLabel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ControlLabel.js","sources":["../src/control-label/ControlLabel.tsx"],"sourcesContent":["// TODO Label positioning\nimport React, { forwardRef, LabelHTMLAttributes, ReactNode } from \"react\";\nimport { clsx } from \"clsx\";\n\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nimport controlLabelCss from \"./ControlLabel.css\";\n\nexport interface ControlLabelProps\n  extends LabelHTMLAttributes<HTMLLabelElement> {\n  disabled?: boolean;\n  label?: ReactNode;\n  labelPlacement?: \"left\" | \"right\";\n}\n\nexport const baseName = \"saltControlLabel\";\n\nexport const ControlLabel = forwardRef<HTMLLabelElement, ControlLabelProps>(\n  (\n    { children, className, disabled, label, labelPlacement = \"left\", ...other },\n    ref\n  ) => {\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-control-label\",\n      css: controlLabelCss,\n      window: targetWindow,\n    });\n\n    return (\n      <label\n        className={clsx(\n          baseName,\n          {\n            [`${baseName}-disabled`]: disabled,\n          },\n          className\n        )}\n        ref={ref}\n        {...other}\n      >\n        {labelPlacement === \"left\" && (\n          <span className={`${baseName}-label`}>{label}</span>\n        )}\n        {children}\n        {labelPlacement === \"right\" && (\n          <span className={`${baseName}-labelRight`}>{label}</span>\n        )}\n      </label>\n    );\n  }\n);\n"],"names":["forwardRef","useWindow","useComponentCssInjection","controlLabelCss","jsxs","clsx","jsx"],"mappings":";;;;;;;;;;;AAgBO,MAAM,QAAW,GAAA,mBAAA;AAEjB,MAAM,YAAe,GAAAA,gBAAA;AAAA,EAC1B,CACE,EAAE,QAAA,EAAU,SAAW,EAAA,QAAA,EAAU,OAAO,cAAiB,GAAA,MAAA,EAAA,GAAW,KAAM,EAAA,EAC1E,GACG,KAAA;AACH,IAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,IAAyBC,+BAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,oBAAA;AAAA,MACR,GAAK,EAAAC,cAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AAED,IAAA,uBACGC,eAAA,CAAA,OAAA,EAAA;AAAA,MACC,SAAW,EAAAC,SAAA;AAAA,QACT,QAAA;AAAA,QACA;AAAA,UACE,CAAC,GAAG,QAAsB,CAAA,SAAA,CAAA,GAAA,QAAA;AAAA,SAC5B;AAAA,QACA,SAAA;AAAA,OACF;AAAA,MACA,GAAA;AAAA,MACC,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,cAAA,KAAmB,0BACjBC,cAAA,CAAA,MAAA,EAAA;AAAA,UAAK,WAAW,CAAG,EAAA,QAAA,CAAA,MAAA,CAAA;AAAA,UAAmB,QAAA,EAAA,KAAA;AAAA,SAAM,CAAA;AAAA,QAE9C,QAAA;AAAA,QACA,cAAA,KAAmB,2BACjBA,cAAA,CAAA,MAAA,EAAA;AAAA,UAAK,WAAW,CAAG,EAAA,QAAA,CAAA,WAAA,CAAA;AAAA,UAAwB,QAAA,EAAA,KAAA;AAAA,SAAM,CAAA;AAAA,OAAA;AAAA,KAEtD,CAAA,CAAA;AAAA,GAEJ;AACF;;;;;"}

package/dist-cjs/multiline-input/MultilineInput.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var css_248z = "/* Style applied to the root element */\n.saltMultilineInput {\n  --multilineInput-borderColor: var(--salt-editable-borderColor);\n  --multilineInput-borderStyle: var(--salt-editable-borderStyle);\n  --multilineInput-outlineColor: var(--salt-focused-outlineColor);\n  --multilineInput-paddingInline: var(--salt-spacing-100);\n  --multilineInput-border: none;\n  --multilineInput-activationIndicator-borderWidth: var(--salt-size-border);\n\n  align-items: center;\n  background: var(--multilineInput-background);\n  border: var(--multilineInput-border);\n  color: var(--salt-text-primary-foreground);\n  display: inline-flex;\n  font-family: var(--salt-text-fontFamily);\n  font-size: var(--salt-text-fontSize);\n  height: auto;\n  line-height: var(--salt-text-lineHeight);\n  min-height: var(--salt-size-base);\n  min-width: 4em;\n  padding-inline: var(--multilineInput-paddingInline);\n  position: relative;\n  width: 100%;\n}\n\n/* Style applied on hover */\n.saltMultilineInput:hover {\n  --multilineInput-borderStyle: var(--salt-editable-borderStyle-hover);\n  --multilineInput-borderColor: var(--salt-editable-borderColor-hover);\n\n  background: var(--multilineInput-background-hover);\n  cursor: var(--salt-editable-cursor-hover);\n}\n\n/* Style applied when active */\n.saltMultilineInput:active {\n  --multilineInput-borderColor: var(--salt-editable-borderColor-active);\n  --multilineInput-borderStyle: var(--salt-editable-borderStyle-active);\n  --multilineInput-activationIndicator-borderWidth: var(--salt-editable-borderWidth-active);\n\n  background: var(--multilineInput-background-active);\n  cursor: var(--salt-editable-cursor-active);\n}\n\n/* Class applied if `variant=\"primary\"` */\n.saltMultilineInput-primary {\n  --multilineInput-background: var(--salt-editable-primary-background);\n  --multilineInput-background-active: var(--salt-editable-primary-background-active);\n  --multilineInput-background-hover: var(--salt-editable-primary-background-hover);\n  --multilineInput-background-disabled: var(--salt-editable-primary-background-disabled);\n  --multilineInput-background-readonly: var(--salt-editable-primary-background-readonly);\n}\n\n/* Class applied if `variant=\"secondary\"` */\n.saltMultilineInput-secondary {\n  --multilineInput-background: var(--salt-editable-secondary-background);\n  --multilineInput-background-active: var(--salt-editable-secondary-background-active);\n  --multilineInput-background-hover: var(--salt-editable-secondary-background-active);\n  --multilineInput-background-disabled: var(--salt-editable-secondary-background-disabled);\n  --multilineInput-background-readonly: var(--salt-editable-secondary-background-readonly);\n}\n\n/* Style applied to input if `validationState=\"error\"` */\n.saltMultilineInput-error,\n.saltMultilineInput-error:hover {\n  --multilineInput-background: var(--salt-status-error-background);\n  --multilineInput-background-active: var(--salt-status-error-background);\n  --multilineInput-background-hover: var(--salt-status-error-background);\n  --multilineInput-borderColor: var(--salt-status-error-borderColor);\n  --multilineInput-outlineColor: var(--salt-status-error-borderColor);\n}\n\n/* Style applied to input if `validationState=\"warning\"` */\n.saltMultilineInput-warning,\n.saltMultilineInput-warning:hover {\n  --multilineInput-background: var(--salt-status-warning-background);\n  --multilineInput-background-active: var(--salt-status-warning-background);\n  --multilineInput-background-hover: var(--salt-status-warning-background);\n  --multilineInput-borderColor: var(--salt-status-warning-borderColor);\n  --multilineInput-outlineColor: var(--salt-status-warning-borderColor);\n}\n\n/* Style applied to input if `validationState=\"success\"` */\n.saltMultilineInput-success,\n.saltMultilineInput-success:hover {\n  --multilineInput-background: var(--salt-status-success-background);\n  --multilineInput-background-active: var(--salt-status-success-background);\n  --multilineInput-background-hover: var(--salt-status-success-background);\n  --multilineInput-borderColor: var(--salt-status-success-borderColor);\n  --multilineInput-outlineColor: var(--salt-status-success-borderColor);\n}\n\n.saltMultilineInput.saltMultilineInput-withAdornmentRow {\n  display: flex;\n  flex-wrap: wrap;\n}\n\n/* Style applied to inner textarea element */\n.saltMultilineInput-textarea {\n  background: none;\n  border: none;\n  box-sizing: content-box;\n  color: inherit;\n  cursor: inherit;\n  display: inline-flex;\n  height: calc(var(--saltMultilineInput-rows, 3) * var(--salt-text-lineHeight));\n  flex-grow: 1;\n  font: inherit;\n  letter-spacing: 0;\n  margin: var(--salt-spacing-75) 0;\n  min-width: 0;\n  overflow: hidden;\n  resize: none;\n  padding: 0;\n}\n\n/* Style applied to placeholder */\n.saltMultilineInput-textarea::placeholder {\n  font-weight: var(--salt-text-fontWeight-small);\n}\n\n/* Reset in the  class */\n.saltMultilineInput-textarea:focus {\n  outline: none;\n}\n\n/* Style applied to selected input */\n.saltMultilineInput-textarea::selection {\n  background: var(--salt-text-background-selected);\n}\n\n/* Styling when focused */\n.saltMultilineInput-focused {\n  --multilineInput-borderColor: var(--multilineInput-outlineColor);\n  --multilineInput-activationIndicator-borderWidth: var(--salt-editable-borderWidth-active);\n\n  outline: var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--multilineInput-outlineColor);\n}\n\n/* Style applied if `readOnly={true}` */\n.saltMultilineInput-readOnly,\n.saltMultilineInput-readOnly:active,\n.saltMultilineInput-readOnly:hover {\n  --multilineInput-borderColor: var(--salt-editable-borderColor-readonly);\n  --multilineInput-borderStyle: var(--salt-editable-borderStyle-readonly);\n  --multilineInput-activationIndicator-borderWidth: var(--salt-size-border);\n  --multilineInput-paddingInline: 0;\n\n  background: var(--multilineInput-background-readonly);\n  cursor: var(--salt-editable-cursor-readonly);\n}\n\n/* Style applied to selected text if `disabled={true}` */\n.saltMultilineInput-disabled .saltMultilineInput-textarea::selection {\n  background: none;\n}\n\n/* Style applied when `disabled={true}` */\n.saltMultilineInput-disabled,\n.saltMultilineInput-disabled:hover,\n.saltMultilineInput-disabled:active {\n  --multilineInput-borderColor: var(--salt-editable-borderColor-disabled);\n  --multilineInput-borderStyle: var(--salt-editable-borderStyle-disabled);\n  --multilineInput-activationIndicator-borderWidth: var(--salt-size-border);\n\n  background: var(--multilineInput-background-disabled);\n  cursor: var(--salt-editable-cursor-disabled);\n  color: var(--salt-text-primary-foreground-disabled);\n}\n\n/* Style for activation indicator */\n.saltMultilineInput-activationIndicator {\n  left: 0;\n  bottom: 0;\n  width: 100%;\n  position: absolute;\n  border-bottom: var(--multilineInput-activationIndicator-borderWidth) var(--multilineInput-borderStyle) var(--multilineInput-borderColor);\n}\n\n/* Style applied if `bordered={true}` */\n.saltMultilineInput.saltMultilineInput-bordered {\n  --multilineInput-border: var(--salt-size-border) var(--salt-container-borderStyle) var(--multilineInput-borderColor);\n  --multilineInput-paddingInline: var(--salt-spacing-100);\n  --multilineInput-activationIndicator-borderWidth: 0;\n}\n\n/* Style applied if active or focused when `bordered={true}` */\n.saltMultilineInput-bordered:active,\n.saltMultilineInput-bordered.saltMultilineInput-focused {\n  --multilineInput-activationIndicator-borderWidth: var(--salt-editable-borderWidth-active);\n}\n\n/* Styling when focused if `disabled={true}` or `readOnly={true}` when `bordered={true}` */\n.saltMultilineInput-bordered.saltMultilineInput-readOnly:hover,\n.saltMultilineInput-bordered.saltMultilineInput-disabled:hover {\n  --multilineInput-activationIndicator-borderWidth: 0;\n}\n\n/* Style applied to adornment containers */\n.saltMultilineInput-endAdornmentContainer,\n.saltMultilineInput-startAdornmentContainer {\n  align-items: center;\n  display: inline-flex;\n  min-height: var(--salt-size-base);\n  column-gap: var(--salt-spacing-100);\n}\n\n/* Style applied to start adornment container */\n.saltMultilineInput-startAdornmentContainer {\n  align-self: self-start;\n  padding-right: var(--salt-spacing-100);\n}\n\n/* Style applied to suffix adornment container */\n.saltMultilineInput-suffixAdornments {\n  align-self: self-end;\n}\n\n/* Style applied to suffix adornment container when end adornments are provided */\n.saltMultilineInput-withAdornmentRow .saltMultilineInput-suffixAdornments {\n  display: inline-flex;\n  flex-basis: 100%;\n  justify-content: flex-end;\n}\n\n/* Style applied to end adornment container */\n.saltMultilineInput-endAdornmentContainer {\n  padding-left: var(--multilineInput-paddingInline);\n}\n\n/* Style applied to status adornment container */\n.saltMultilineInput-statusAdornmentContainer {\n  align-self: self-end;\n  display: inline-flex;\n  min-height: var(--salt-size-base);\n}\n\n/* Style applied to button start adornment if first child */\n.saltMultilineInput-startAdornmentContainer .saltButton:first-child {\n  margin-left: calc(var(--salt-spacing-50) * -1);\n}\n\n/* Style applied to button end adornment if last child */\n.saltMultilineInput-endAdornmentContainer .saltButton:last-child {\n  margin-right: calc(var(--salt-spacing-50) * -1);\n}\n/* Style applied to button end adornment if last child */\n.saltMultilineInput-readOnly .saltMultilineInput-endAdornmentContainer .saltButton:last-child {\n  margin-right: 0;\n}\n\n/* Styles for button adornment */\n.saltMultilineInput .saltButton {\n  --saltButton-padding: 0;\n  --saltButton-height: calc(var(--salt-size-base) - var(--salt-spacing-50));\n  --saltButton-width: calc(var(--salt-size-base) - var(--salt-spacing-50));\n}\n";
-
-module.exports = css_248z;
-//# sourceMappingURL=MultilineInput.css.js.map

package/dist-cjs/multiline-input/MultilineInput.css.js.map

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

package/dist-cjs/multiline-input/MultilineInput.js

@@ -1,162 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var clsx = require('clsx');
-var React = require('react');
-var core = require('@salt-ds/core');
-var styles = require('@salt-ds/styles');
-var window = require('@salt-ds/window');
-var MultilineInput$1 = require('./MultilineInput.css.js');
-
-const withBaseName = core.makePrefixer("saltMultilineInput");
-const MultilineInput = React.forwardRef(
-  function MultilineInput2({
-    "aria-activedescendant": ariaActiveDescendant,
-    "aria-expanded": ariaExpanded,
-    "aria-owns": ariaOwns,
-    bordered = false,
-    className: classNameProp,
-    disabled,
-    endAdornment,
-    id,
-    placeholder,
-    readOnly,
-    role,
-    rows = 3,
-    startAdornment,
-    style,
-    textAreaProps = {},
-    textAreaRef,
-    value: valueProp,
-    defaultValue: defaultValueProp = valueProp === void 0 ? "" : void 0,
-    validationStatus: validationStatusProp,
-    variant = "primary",
-    ...other
-  }, ref) {
-    const targetWindow = window.useWindow();
-    styles.useComponentCssInjection({
-      testId: "salt-multiline-input",
-      css: MultilineInput$1,
-      window: targetWindow
-    });
-    const restA11yProps = {
-      "aria-activedescendant": ariaActiveDescendant,
-      "aria-expanded": ariaExpanded,
-      "aria-owns": ariaOwns
-    };
-    const [focused, setFocused] = React.useState(false);
-    const {
-      "aria-describedby": textAreaDescribedBy,
-      "aria-labelledby": textAreaLabelledBy,
-      onBlur,
-      onChange,
-      onFocus,
-      required: textAreaRequired,
-      ...restTextAreaProps
-    } = textAreaProps;
-    const {
-      a11yProps: {
-        "aria-describedby": formFieldDescribedBy,
-        "aria-labelledby": formFieldLabelledBy
-      } = {},
-      disabled: formFieldDisabled,
-      readOnly: formFieldReadOnly,
-      necessity: formFieldRequired,
-      validationStatus: formFieldValidationStatus
-    } = core.useFormFieldProps();
-    const isDisabled = disabled || formFieldDisabled;
-    const isReadOnly = readOnly || formFieldReadOnly;
-    const validationStatus = formFieldValidationStatus != null ? formFieldValidationStatus : validationStatusProp;
-    const isRequired = formFieldRequired ? ["required", "asterisk"].includes(formFieldRequired) : textAreaRequired;
-    const [value, setValue] = core.useControlled({
-      controlled: valueProp,
-      default: defaultValueProp,
-      name: "MultilineInput",
-      state: "value"
-    });
-    const handleChange = (event) => {
-      const value2 = event.target.value;
-      setValue(value2);
-      onChange == null ? void 0 : onChange(event);
-    };
-    const handleBlur = (event) => {
-      onBlur == null ? void 0 : onBlur(event);
-      setFocused(false);
-    };
-    const handleFocus = (event) => {
-      onFocus == null ? void 0 : onFocus(event);
-      setFocused(true);
-    };
-    const multilineInputStyles = {
-      "--saltMultilineInput-rows": rows,
-      ...style
-    };
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", {
-      className: clsx.clsx(
-        withBaseName(),
-        withBaseName(variant),
-        {
-          [withBaseName("withAdornmentRow")]: endAdornment,
-          [withBaseName("bordered")]: bordered,
-          [withBaseName("focused")]: !isDisabled && !isReadOnly && focused,
-          [withBaseName("disabled")]: isDisabled,
-          [withBaseName("readOnly")]: isReadOnly,
-          [withBaseName(validationStatus || "")]: validationStatus
-        },
-        classNameProp
-      ),
-      ref,
-      style: multilineInputStyles,
-      ...other,
-      children: [
-        startAdornment && /* @__PURE__ */ jsxRuntime.jsx("div", {
-          className: withBaseName("startAdornmentContainer"),
-          children: startAdornment
-        }),
-        /* @__PURE__ */ jsxRuntime.jsx("textarea", {
-          "aria-describedby": clsx.clsx(formFieldDescribedBy, textAreaDescribedBy),
-          "aria-labelledby": clsx.clsx(formFieldLabelledBy, textAreaLabelledBy),
-          className: clsx.clsx(withBaseName("textarea"), textAreaProps == null ? void 0 : textAreaProps.className),
-          disabled: isDisabled,
-          id,
-          readOnly: isReadOnly,
-          ref: textAreaRef,
-          required: isRequired,
-          role,
-          rows,
-          tabIndex: isReadOnly || isDisabled ? -1 : 0,
-          onBlur: handleBlur,
-          onChange: handleChange,
-          onFocus: !isDisabled && !isReadOnly ? handleFocus : void 0,
-          placeholder,
-          value,
-          ...restA11yProps,
-          ...restTextAreaProps
-        }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", {
-          className: withBaseName("suffixAdornments"),
-          children: [
-            !isDisabled && !isReadOnly && validationStatus && /* @__PURE__ */ jsxRuntime.jsx("div", {
-              className: withBaseName("statusAdornmentContainer"),
-              children: /* @__PURE__ */ jsxRuntime.jsx(core.StatusAdornment, {
-                status: validationStatus
-              })
-            }),
-            endAdornment && /* @__PURE__ */ jsxRuntime.jsx("div", {
-              className: withBaseName("endAdornmentContainer"),
-              children: endAdornment
-            })
-          ]
-        }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", {
-          className: withBaseName("activationIndicator")
-        })
-      ]
-    });
-  }
-);
-
-exports.MultilineInput = MultilineInput;
-//# sourceMappingURL=MultilineInput.js.map

package/dist-cjs/multiline-input/MultilineInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MultilineInput.js","sources":["../src/multiline-input/MultilineInput.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport {\n  ChangeEvent,\n  ComponentPropsWithoutRef,\n  FocusEvent,\n  forwardRef,\n  ReactNode,\n  Ref,\n  TextareaHTMLAttributes,\n  useState,\n} from \"react\";\nimport {\n  makePrefixer,\n  StatusAdornment,\n  useControlled,\n  useFormFieldProps,\n} from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport multilineInputCss from \"./MultilineInput.css\";\n\nconst withBaseName = makePrefixer(\"saltMultilineInput\");\n\nexport interface MultilineInputProps\n  extends Omit<ComponentPropsWithoutRef<\"div\">, \"defaultValue\">,\n    Pick<\n      ComponentPropsWithoutRef<\"input\">,\n      \"disabled\" | \"value\" | \"defaultValue\" | \"placeholder\"\n    > {\n  /**\n   * Styling variant with full border. Defaults to false\n   */\n  bordered?: boolean;\n  /**\n   * End adornment component\n   */\n  endAdornment?: ReactNode;\n  /**\n   * If `true`, the component is read only.\n   */\n  readOnly?: boolean;\n  /**\n   * Number of rows. Defaults to 3\n   */\n  rows?: number;\n  /**\n   * Start adornment component\n   */\n  startAdornment?: ReactNode;\n  /**\n   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#Attributes) applied to the `textarea` element.\n   */\n  textAreaProps?: TextareaHTMLAttributes<HTMLTextAreaElement>;\n  /**\n   * Optional ref for the textarea component\n   */\n  textAreaRef?: Ref<HTMLTextAreaElement>;\n  /**\n   * Validation status.\n   */\n  validationStatus?: \"error\" | \"warning\" | \"success\";\n  /**\n   * Styling variant. Defaults to \"primary\".\n   */\n  variant?: \"primary\" | \"secondary\";\n}\n\nexport const MultilineInput = forwardRef<HTMLDivElement, MultilineInputProps>(\n  function MultilineInput(\n    {\n      \"aria-activedescendant\": ariaActiveDescendant,\n      \"aria-expanded\": ariaExpanded,\n      \"aria-owns\": ariaOwns,\n      bordered = false,\n      className: classNameProp,\n      disabled,\n      endAdornment,\n      id,\n      placeholder,\n      readOnly,\n      role,\n      rows = 3,\n      startAdornment,\n      style,\n      textAreaProps = {},\n      textAreaRef,\n      value: valueProp,\n      defaultValue: defaultValueProp = valueProp === undefined ? \"\" : undefined,\n      validationStatus: validationStatusProp,\n      variant = \"primary\",\n      ...other\n    },\n    ref\n  ) {\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-multiline-input\",\n      css: multilineInputCss,\n      window: targetWindow,\n    });\n\n    const restA11yProps = {\n      \"aria-activedescendant\": ariaActiveDescendant,\n      \"aria-expanded\": ariaExpanded,\n      \"aria-owns\": ariaOwns,\n    };\n\n    const [focused, setFocused] = useState(false);\n\n    const {\n      \"aria-describedby\": textAreaDescribedBy,\n      \"aria-labelledby\": textAreaLabelledBy,\n      onBlur,\n      onChange,\n      onFocus,\n      required: textAreaRequired,\n      ...restTextAreaProps\n    } = textAreaProps;\n\n    const {\n      a11yProps: {\n        \"aria-describedby\": formFieldDescribedBy,\n        \"aria-labelledby\": formFieldLabelledBy,\n      } = {},\n      disabled: formFieldDisabled,\n      readOnly: formFieldReadOnly,\n      necessity: formFieldRequired,\n      validationStatus: formFieldValidationStatus,\n    } = useFormFieldProps();\n\n    const isDisabled = disabled || formFieldDisabled;\n    const isReadOnly = readOnly || formFieldReadOnly;\n    const validationStatus = formFieldValidationStatus ?? validationStatusProp;\n    const isRequired = formFieldRequired\n      ? [\"required\", \"asterisk\"].includes(formFieldRequired)\n      : undefined ?? textAreaRequired;\n\n    const [value, setValue] = useControlled({\n      controlled: valueProp,\n      default: defaultValueProp,\n      name: \"MultilineInput\",\n      state: \"value\",\n    });\n\n    const handleChange = (event: ChangeEvent<HTMLTextAreaElement>) => {\n      const value = event.target.value;\n      setValue(value);\n      onChange?.(event);\n    };\n\n    const handleBlur = (event: FocusEvent<HTMLTextAreaElement>) => {\n      onBlur?.(event);\n      setFocused(false);\n    };\n\n    const handleFocus = (event: FocusEvent<HTMLTextAreaElement>) => {\n      onFocus?.(event);\n      setFocused(true);\n    };\n\n    const multilineInputStyles = {\n      \"--saltMultilineInput-rows\": rows,\n      ...style,\n    };\n\n    return (\n      <div\n        className={clsx(\n          withBaseName(),\n          withBaseName(variant),\n          {\n            [withBaseName(\"withAdornmentRow\")]: endAdornment,\n            [withBaseName(\"bordered\")]: bordered,\n            [withBaseName(\"focused\")]: !isDisabled && !isReadOnly && focused,\n            [withBaseName(\"disabled\")]: isDisabled,\n            [withBaseName(\"readOnly\")]: isReadOnly,\n            [withBaseName(validationStatus || \"\")]: validationStatus,\n          },\n          classNameProp\n        )}\n        ref={ref}\n        style={multilineInputStyles}\n        {...other}\n      >\n        {startAdornment && (\n          <div className={withBaseName(\"startAdornmentContainer\")}>\n            {startAdornment}\n          </div>\n        )}\n        <textarea\n          aria-describedby={clsx(formFieldDescribedBy, textAreaDescribedBy)}\n          aria-labelledby={clsx(formFieldLabelledBy, textAreaLabelledBy)}\n          className={clsx(withBaseName(\"textarea\"), textAreaProps?.className)}\n          disabled={isDisabled}\n          id={id}\n          readOnly={isReadOnly}\n          ref={textAreaRef}\n          required={isRequired}\n          role={role}\n          rows={rows}\n          tabIndex={isReadOnly || isDisabled ? -1 : 0}\n          onBlur={handleBlur}\n          onChange={handleChange}\n          onFocus={!isDisabled && !isReadOnly ? handleFocus : undefined}\n          placeholder={placeholder}\n          value={value}\n          {...restA11yProps}\n          {...restTextAreaProps}\n        />\n        <div className={withBaseName(\"suffixAdornments\")}>\n          {!isDisabled && !isReadOnly && validationStatus && (\n            <div className={withBaseName(\"statusAdornmentContainer\")}>\n              <StatusAdornment status={validationStatus} />\n            </div>\n          )}\n          {endAdornment && (\n            <div className={withBaseName(\"endAdornmentContainer\")}>\n              {endAdornment}\n            </div>\n          )}\n        </div>\n        <div className={withBaseName(\"activationIndicator\")} />\n      </div>\n    );\n  }\n);\n"],"names":["makePrefixer","forwardRef","MultilineInput","useWindow","useComponentCssInjection","multilineInputCss","useState","useFormFieldProps","useControlled","value","jsxs","clsx","jsx","StatusAdornment"],"mappings":"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"}

package/dist-cjs/stepped-tracker/TrackerStep/TrackerStepTooltipContext.js

@@ -1,21 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-
-const TrackerStepTooltipContext = React.createContext(false);
-const TrackStepTooltipProvider = ({
-  children
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(TrackerStepTooltipContext.Provider, {
-    value: true,
-    children
-  });
-};
-const useTrackerStepTooltipContext = () => React.useContext(TrackerStepTooltipContext);
-
-exports.TrackStepTooltipProvider = TrackStepTooltipProvider;
-exports.useTrackerStepTooltipContext = useTrackerStepTooltipContext;
-//# sourceMappingURL=TrackerStepTooltipContext.js.map

package/dist-cjs/stepped-tracker/TrackerStep/TrackerStepTooltipContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TrackerStepTooltipContext.js","sources":["../src/stepped-tracker/TrackerStep/TrackerStepTooltipContext.tsx"],"sourcesContent":["import { createContext, ReactNode, useContext } from \"react\";\n\nconst TrackerStepTooltipContext = createContext<boolean>(false);\n\ntype TrackStepTooltipProps = {\n  children: ReactNode;\n};\n\nexport const TrackStepTooltipProvider = ({\n  children,\n}: TrackStepTooltipProps) => {\n  return (\n    <TrackerStepTooltipContext.Provider value={true}>\n      {children}\n    </TrackerStepTooltipContext.Provider>\n  );\n};\n\nexport const useTrackerStepTooltipContext = () =>\n  useContext(TrackerStepTooltipContext);\n"],"names":["createContext","jsx","useContext"],"mappings":";;;;;;;AAEA,MAAM,yBAAA,GAA4BA,oBAAuB,KAAK,CAAA,CAAA;AAMvD,MAAM,2BAA2B,CAAC;AAAA,EACvC,QAAA;AACF,CAA6B,KAAA;AAC3B,EACE,uBAAAC,cAAA,CAAC,0BAA0B,QAA1B,EAAA;AAAA,IAAmC,KAAO,EAAA,IAAA;AAAA,IACxC,QAAA;AAAA,GACH,CAAA,CAAA;AAEJ,EAAA;AAEa,MAAA,4BAAA,GAA+B,MAC1CC,gBAAA,CAAW,yBAAyB;;;;;"}

package/dist-cjs/stepped-tracker/useDetectTruncatedText.js

@@ -1,71 +0,0 @@
-'use strict';
-
-var React = require('react');
-
-const useDetectTruncatedText = (callback) => {
-  const [observedMap] = React.useState(() => /* @__PURE__ */ new Map());
-  const callbackRef = React.useRef(callback);
-  React.useEffect(() => {
-    callbackRef.current = callback;
-  }, [callback]);
-  const isTruncatedRef = React.useRef(false);
-  const checkEntries = React.useCallback(() => {
-    let anyEntriesTruncated = false;
-    observedMap.forEach((entry) => {
-      if (entry.offsetWidth < entry.scrollWidth) {
-        anyEntriesTruncated = true;
-      }
-    });
-    if (anyEntriesTruncated !== isTruncatedRef.current) {
-      isTruncatedRef.current = anyEntriesTruncated;
-      callbackRef.current(anyEntriesTruncated);
-    }
-  }, [observedMap]);
-  const getRo = React.useCallback(() => {
-    return new ResizeObserver(checkEntries);
-  }, [checkEntries]);
-  const [ro, setRo] = React.useState(() => getRo());
-  React.useEffect(() => {
-    return () => {
-      ro.disconnect();
-    };
-  }, [ro]);
-  React.useEffect(() => {
-    setRo(getRo());
-  }, [getRo]);
-  const observeAndUnobserveRef = React.useCallback(
-    (id, el) => {
-      if (!el) {
-        const existingRef = observedMap.get(id);
-        if (existingRef) {
-          ro.unobserve(existingRef);
-          observedMap.delete(id);
-        }
-      } else {
-        const existingRef = observedMap.get(id);
-        if (el === existingRef) {
-          return;
-        }
-        if (existingRef) {
-          ro.unobserve(existingRef);
-        }
-        observedMap.set(id, el);
-        ro.observe(el);
-        checkEntries();
-      }
-    },
-    [observedMap, ro, checkEntries]
-  );
-  const getOverflowRef = React.useCallback(
-    (id) => {
-      return (el) => {
-        observeAndUnobserveRef(id, el);
-      };
-    },
-    [observeAndUnobserveRef]
-  );
-  return getOverflowRef;
-};
-
-module.exports = useDetectTruncatedText;
-//# sourceMappingURL=useDetectTruncatedText.js.map

package/dist-cjs/stepped-tracker/useDetectTruncatedText.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDetectTruncatedText.js","sources":["../src/stepped-tracker/useDetectTruncatedText.ts"],"sourcesContent":["import { useState, useRef, useEffect, useCallback, RefCallback } from \"react\";\n\ntype OnTruncatedCallback = (isTruncated: boolean) => void;\nexport type GetOverflowRef = (id: string) => RefCallback<HTMLElement>;\n\n/**\n * Hook to detect truncation of any child TrackerStep components, using a ResizeObserver to update on element resizes.\n * The desired behaviour is whenever any of the individual steps is truncated, all steps become foccusable with Tooltips.\n * @param {OnTruncatedCallback} callback - The callback which will called when the isTruncated state changes\n * @returns {GetOverflowRef} getOverflowRef - A factory function which when passed a child index will return an appropriate ref callback for observing am element\n */\nconst useDetectTruncatedText = (\n  callback: OnTruncatedCallback\n): GetOverflowRef => {\n  // Used for tracking creation/destruction of child elements\n  const [observedMap] = useState(() => new Map<string, HTMLElement>());\n\n  // Store callback as a ref to prevent re-creating ResizeObserver, update using an effect\n  const callbackRef = useRef<(isOverflowing: boolean) => void>(callback);\n  useEffect(() => {\n    callbackRef.current = callback;\n  }, [callback]);\n  const isTruncatedRef = useRef(false);\n\n  const checkEntries = useCallback(() => {\n    let anyEntriesTruncated = false;\n\n    observedMap.forEach((entry) => {\n      if (entry.offsetWidth < entry.scrollWidth) {\n        anyEntriesTruncated = true;\n      }\n    });\n\n    if (anyEntriesTruncated !== isTruncatedRef.current) {\n      isTruncatedRef.current = anyEntriesTruncated;\n      callbackRef.current(anyEntriesTruncated);\n    }\n  }, [observedMap]);\n\n  // Creation of the ResizeObserver, should only happen once\n  const getRo = useCallback(() => {\n    return new ResizeObserver(checkEntries);\n  }, [checkEntries]);\n\n  // Management of the ResizeObserver lifecycle. It should only be created once for each StepTracker compoenent\n  const [ro, setRo] = useState(() => getRo());\n  useEffect(() => {\n    return () => {\n      ro.disconnect();\n    };\n  }, [ro]);\n  useEffect(() => {\n    setRo(getRo());\n  }, [getRo]);\n\n  // Function for managing the observing/unobserving of elements based on their ref callbacks\n  const observeAndUnobserveRef = useCallback(\n    (id: string, el: HTMLElement | null) => {\n      if (!el) {\n        const existingRef = observedMap.get(id);\n        if (existingRef) {\n          ro.unobserve(existingRef);\n          observedMap.delete(id);\n        }\n      } else {\n        const existingRef = observedMap.get(id);\n        if (el === existingRef) {\n          return;\n        }\n\n        if (existingRef) {\n          ro.unobserve(existingRef);\n        }\n\n        observedMap.set(id, el);\n        ro.observe(el);\n        checkEntries();\n      }\n    },\n    [observedMap, ro, checkEntries]\n  );\n\n  // Factory function which creates a suitable html ref callback which includes the index\n  const getOverflowRef = useCallback<GetOverflowRef>(\n    (id: string) => {\n      return (el: HTMLElement | null) => {\n        observeAndUnobserveRef(id, el);\n      };\n    },\n    [observeAndUnobserveRef]\n  );\n\n  return getOverflowRef;\n};\n\nexport default useDetectTruncatedText;\n"],"names":["useState","useRef","useEffect","useCallback"],"mappings":"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"}

package/dist-cjs/switch/assets/CheckedIcon.js

@@ -1,34 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-
-function CheckedIcon({ className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("svg", {
-    "aria-hidden": "true",
-    className,
-    focusable: "false",
-    shapeRendering: "crispEdges",
-    viewBox: "0 0 14 14",
-    children: /* @__PURE__ */ jsxRuntime.jsxs("g", {
-      fillRule: "evenodd",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("rect", {
-          height: "14",
-          width: "14",
-          x: "0",
-          y: "0"
-        }),
-        /* @__PURE__ */ jsxRuntime.jsx("polygon", {
-          className: `${className}Tick`,
-          fillRule: "nonzero",
-          points: "12 4.22226066 10.6259221 3 5.58277771 8.37894955 3.3179086 6.13993399 2 7.40754746 5.63993779 11"
-        })
-      ]
-    })
-  });
-}
-
-exports.CheckedIcon = CheckedIcon;
-//# sourceMappingURL=CheckedIcon.js.map

package/dist-cjs/switch/assets/CheckedIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckedIcon.js","sources":["../src/switch/assets/CheckedIcon.tsx"],"sourcesContent":["export function CheckedIcon({ className }: { className: string }) {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      className={className}\n      focusable=\"false\"\n      shapeRendering=\"crispEdges\"\n      viewBox=\"0 0 14 14\"\n    >\n      <g fillRule=\"evenodd\">\n        <rect height=\"14\" width=\"14\" x=\"0\" y=\"0\" />\n        <polygon\n          className={`${className}Tick`}\n          fillRule=\"nonzero\"\n          points=\"12 4.22226066 10.6259221 3 5.58277771 8.37894955 3.3179086 6.13993399 2 7.40754746 5.63993779 11\"\n        />\n      </g>\n    </svg>\n  );\n}\n"],"names":["jsx","jsxs"],"mappings":";;;;;;AAAgB,SAAA,WAAA,CAAY,EAAE,SAAA,EAAoC,EAAA;AAChE,EAAA,uBACGA,cAAA,CAAA,KAAA,EAAA;AAAA,IACC,aAAY,EAAA,MAAA;AAAA,IACZ,SAAA;AAAA,IACA,SAAU,EAAA,OAAA;AAAA,IACV,cAAe,EAAA,YAAA;AAAA,IACf,OAAQ,EAAA,WAAA;AAAA,IAER,QAAC,kBAAAC,eAAA,CAAA,GAAA,EAAA;AAAA,MAAE,QAAS,EAAA,SAAA;AAAA,MACV,QAAA,EAAA;AAAA,wBAACD,cAAA,CAAA,MAAA,EAAA;AAAA,UAAK,MAAO,EAAA,IAAA;AAAA,UAAK,KAAM,EAAA,IAAA;AAAA,UAAK,CAAE,EAAA,GAAA;AAAA,UAAI,CAAE,EAAA,GAAA;AAAA,SAAI,CAAA;AAAA,wBACxCA,cAAA,CAAA,SAAA,EAAA;AAAA,UACC,WAAW,CAAG,EAAA,SAAA,CAAA,IAAA,CAAA;AAAA,UACd,QAAS,EAAA,SAAA;AAAA,UACT,MAAO,EAAA,kGAAA;AAAA,SACT,CAAA;AAAA,OAAA;AAAA,KACF,CAAA;AAAA,GACF,CAAA,CAAA;AAEJ;;;;"}

package/dist-es/control-label/ControlLabel.css.js

@@ -1,4 +0,0 @@
-var css_248z = ".salt-density-high {\n  --controlLabel-right-marginLeft: 3px;\n  --controlLabel-right-marginRight: 0px;\n}\n.salt-density-medium {\n  --controlLabel-right-marginLeft: 6px;\n  --controlLabel-right-marginRight: 0px;\n}\n.salt-density-low {\n  --controlLabel-right-marginLeft: 9px;\n  --controlLabel-right-marginRight: 0px;\n}\n.salt-density-touch {\n  --controlLabel-right-marginLeft: 12px;\n  --controlLabel-right-marginRight: 0px;\n}\n\n/* Styles applied to root component */\n.saltControlLabel {\n  align-items: center;\n  cursor: pointer;\n  display: inline-flex;\n}\n\n/* Styles applied to label */\n.saltControlLabel-label,\n.saltControlLabel-labelRight {\n  --controlLabel-marginLeft: 0;\n  --controlLabel-marginRight: calc(var(--salt-size-unit) / 1.5);\n\n  color: var(--saltControlLabel-color, var(--salt-text-primary-foreground));\n  font-family: var(--salt-text-fontFamily);\n  font-size: var(--salt-text-fontSize);\n  font-weight: var(--salt-text-fontWeight);\n  line-height: var(--salt-text-lineHeight);\n  margin-left: var(--saltControlLabel-marginLeft, var(--controlLabel-marginLeft));\n  margin-right: var(--saltControlLabel-marginRight, var(--controlLabel-marginRight));\n  display: block;\n}\n\n/* Overrides on `labelPlacement=\"right\"` */\n.saltControlLabel-labelRight {\n  --controlLabel-marginLeft: var(--saltControlLabel-right-marginLeft, var(--controlLabel-right-marginLeft));\n  --controlLabel-marginRight: var(--saltControlLabel-right-marginRight, var(--controlLabel-right-marginRight));\n}\n\n/* Styles applied if `disabled={true}` or nested in FormField where `disabled={true}` */\n.saltControlLabel-disabled,\n.saltFormFieldLegacy-disabled .saltControlLabel {\n  cursor: var(--salt-selectable-cursor-disabled);\n}\n\n/* Styles applied to label if `disabled={true}` */\n.saltControlLabel-disabled .saltControlLabel-label {\n  cursor: var(--salt-selectable-cursor-disabled);\n  color: var(--saltControlLabel-color-disabled, var(--salt-text-primary-foreground-disabled));\n}\n";
-
-export { css_248z as default };
-//# sourceMappingURL=ControlLabel.css.js.map

package/dist-es/control-label/ControlLabel.css.js.map

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