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

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@salt-ds/lab",
-  "version": "1.0.0-alpha.13",
+  "version": "1.0.0-alpha.15",
   "license": "Apache-2.0",
   "main": "dist-cjs/index.js",
   "sideEffects": false,
   "peerDependencies": {
-    "@types/react": ">=16.8.6",
-    "react": ">=16.8.0",
-    "react-dom": ">=16.8.0"
+    "@types/react": ">=16.14.0",
+    "react": ">=16.14.0",
+    "react-dom": ">=16.14.0"
   },
   "peerDependenciesMeta": {
     "@types/react": {
@@ -21,14 +21,14 @@
   "module": "dist-es/index.js",
   "typings": "dist-types/index.d.ts",
   "dependencies": {
-    "@salt-ds/core": "^1.8.0-rc.4",
+    "@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.6.0",
     "@floating-ui/react": "^0.23.0",
-    "@salt-ds/window": "^0.1.0",
-    "@salt-ds/styles": "^0.1.0",
-    "@salt-ds/icons": "^1.5.0",
     "@internationalized/date": "^3.0.0",
     "tinycolor2": "^1.4.2",
     "react-color": "^2.19.3",

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-paddingLeft: 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(--salt-spacing-100);\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/* 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: block;\n  flex: 1;\n  font: inherit;\n  letter-spacing: 0;\n  margin: 0;\n  min-width: 0;\n  overflow: hidden;\n  resize: none;\n  padding: var(--salt-spacing-100) 0;\n  text-align: var(--multilineInput-textAlign);\n  width: 100%;\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.saltMultilineInput-readOnly,\n.saltMultilineInput.saltMultilineInput-readOnly:active,\n.saltMultilineInput.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-paddingLeft: 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 `fullBorder={true}` */\n.saltMultilineInput.saltMultilineInput-fullBorder {\n  --multilineInput-border: var(--salt-size-border) var(--salt-container-borderStyle) var(--multilineInput-borderColor);\n  --multilineInput-paddingLeft: var(--salt-spacing-100);\n  --multilineInput-activationIndicator-borderWidth: 0;\n}\n\n/* Style applied if active or focused when `fullBorder={true}` */\n.saltMultilineInput-fullBorder:active,\n.saltMultilineInput-fullBorder.saltMultilineInput-focused {\n  --multilineInput-activationIndicator-borderWidth: var(--salt-editable-borderWidth-active);\n}\n\n/* Styling when focused if `disabled={true}` or `readOnly={true}` when `fullBorder={true}` */\n.saltMultilineInput-fullBorder.saltMultilineInput-readOnly:hover,\n.saltMultilineInput-fullBorder.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: calc(var(--salt-size-base) + var(--salt-spacing-100));\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 end adornment container */\n.saltMultilineInput-endAdornmentContainer {\n  align-self: self-end;\n  padding-left: var(--salt-spacing-100);\n}\n\n/* Style applied to status adornment container */\n.saltMultilineInput-statusAdornmentContainer {\n  align-self: self-end;\n  display: inline-flex;\n  min-height: calc(var(--salt-size-base) + var(--salt-spacing-100));\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\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,150 +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,
-    className: classNameProp,
-    disabled,
-    endAdornment,
-    fullBorder = false,
-    id,
-    textAreaProps = {},
-    textAreaRef,
-    placeholder,
-    readOnly,
-    role,
-    rows = 3,
-    startAdornment,
-    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);
-    };
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", {
-      className: clsx.clsx(
-        withBaseName(),
-        withBaseName(variant),
-        {
-          [withBaseName("fullBorder")]: fullBorder,
-          [withBaseName("focused")]: !isDisabled && !isReadOnly && focused,
-          [withBaseName("disabled")]: isDisabled,
-          [withBaseName("readOnly")]: isReadOnly,
-          [withBaseName(validationStatus || "")]: validationStatus
-        },
-        classNameProp
-      ),
-      ref,
-      ...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
-        }),
-        !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   * End adornment component\n   */\n  endAdornment?: ReactNode;\n  /**\n   * Styling variant with full border. Defaults to false\n   */\n  fullBorder?: boolean;\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   * If `true`, the component is read only.\n   */\n  readOnly?: boolean;\n  /**\n   * Start adornment component\n   */\n  startAdornment?: ReactNode;\n  /**\n   * Validation status.\n   */\n  validationStatus?: \"error\" | \"warning\" | \"success\";\n  /**\n   * Styling variant. Defaults to \"primary\".\n   */\n  variant?: \"primary\" | \"secondary\";\n  /**\n   * Number of rows. Defaults to 3\n   */\n  rows?: number;\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      className: classNameProp,\n      disabled,\n      endAdornment,\n      fullBorder = false,\n      id,\n      textAreaProps = {},\n      textAreaRef,\n      placeholder,\n      readOnly,\n      role,\n      rows = 3,\n      startAdornment,\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    return (\n      <div\n        className={clsx(\n          withBaseName(),\n          withBaseName(variant),\n          {\n            [withBaseName(\"fullBorder\")]: fullBorder,\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        {...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        {!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 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/progress/CircularProgress/CircularProgressParts.js

@@ -1,72 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var window = require('@salt-ds/window');
-var styles = require('@salt-ds/styles');
-var CircularProgress = require('./CircularProgress.css.js');
-
-const SIZE = 44;
-const circularGradientId = "salt-circular-progress-gradient";
-const ViewBox = (props) => {
-  const targetWindow = window.useWindow();
-  styles.useComponentCssInjection({
-    testId: "salt-circular-progress",
-    css: CircularProgress,
-    window: targetWindow
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx("svg", {
-    className: "saltCircularProgress-svg",
-    viewBox: `${SIZE / 2} ${SIZE / 2} ${SIZE} ${SIZE}`,
-    children: props.children
-  });
-};
-const LinearGradient = () => {
-  const targetWindow = window.useWindow();
-  styles.useComponentCssInjection({
-    testId: "salt-circular-progress",
-    css: CircularProgress,
-    window: targetWindow
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx("defs", {
-    children: /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", {
-      gradientTransform: "rotate(90)",
-      id: circularGradientId,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("stop", {
-          className: "saltCircularProgress-gradientStart",
-          offset: "0%"
-        }),
-        /* @__PURE__ */ jsxRuntime.jsx("stop", {
-          className: "saltCircularProgress-gradientStop",
-          offset: "100%"
-        })
-      ]
-    })
-  });
-};
-const Circle = ({ strokeWidth, style, className }) => {
-  const targetWindow = window.useWindow();
-  styles.useComponentCssInjection({
-    testId: "salt-circular-progress",
-    css: CircularProgress,
-    window: targetWindow
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx("circle", {
-    cx: SIZE,
-    cy: SIZE,
-    fill: "none",
-    r: (SIZE - strokeWidth) / 2,
-    strokeWidth,
-    style,
-    className
-  });
-};
-
-exports.Circle = Circle;
-exports.LinearGradient = LinearGradient;
-exports.SIZE = SIZE;
-exports.ViewBox = ViewBox;
-exports.circularGradientId = circularGradientId;
-//# sourceMappingURL=CircularProgressParts.js.map

package/dist-cjs/progress/CircularProgress/CircularProgressParts.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CircularProgressParts.js","sources":["../src/progress/CircularProgress/CircularProgressParts.tsx"],"sourcesContent":["import { CSSProperties, ReactNode } from \"react\";\n\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport circularProgressCSS from \"./CircularProgress.css\";\n\nexport const SIZE = 44;\n\nexport const circularGradientId = \"salt-circular-progress-gradient\";\n\nexport const ViewBox = (props: { children?: ReactNode }) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-circular-progress\",\n    css: circularProgressCSS,\n    window: targetWindow,\n  });\n\n  return (\n    <svg\n      className=\"saltCircularProgress-svg\"\n      viewBox={`${SIZE / 2} ${SIZE / 2} ${SIZE} ${SIZE}`}\n    >\n      {props.children}\n    </svg>\n  );\n};\n\nexport const LinearGradient = () => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-circular-progress\",\n    css: circularProgressCSS,\n    window: targetWindow,\n  });\n\n  return (\n    <defs>\n      <linearGradient gradientTransform=\"rotate(90)\" id={circularGradientId}>\n        <stop className=\"saltCircularProgress-gradientStart\" offset=\"0%\" />\n        <stop className=\"saltCircularProgress-gradientStop\" offset=\"100%\" />\n      </linearGradient>\n    </defs>\n  );\n};\n\nexport interface CircleProps {\n  strokeWidth: number;\n  style?: CSSProperties;\n  className?: string;\n}\n\nexport const Circle = ({ strokeWidth, style, className }: CircleProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-circular-progress\",\n    css: circularProgressCSS,\n    window: targetWindow,\n  });\n\n  return (\n    <circle\n      cx={SIZE}\n      cy={SIZE}\n      fill=\"none\"\n      r={(SIZE - strokeWidth) / 2}\n      strokeWidth={strokeWidth}\n      style={style}\n      className={className}\n    />\n  );\n};\n"],"names":["useWindow","useComponentCssInjection","circularProgressCSS","jsx","jsxs"],"mappings":";;;;;;;;;AAMO,MAAM,IAAO,GAAA,GAAA;AAEb,MAAM,kBAAqB,GAAA,kCAAA;AAErB,MAAA,OAAA,GAAU,CAAC,KAAoC,KAAA;AAC1D,EAAA,MAAM,eAAeA,gBAAU,EAAA,CAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,wBAAA;AAAA,IACR,GAAK,EAAAC,gBAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,uBACGC,cAAA,CAAA,KAAA,EAAA;AAAA,IACC,SAAU,EAAA,0BAAA;AAAA,IACV,SAAS,CAAG,EAAA,IAAA,GAAO,CAAK,CAAA,CAAA,EAAA,IAAA,GAAO,KAAK,IAAQ,CAAA,CAAA,EAAA,IAAA,CAAA,CAAA;AAAA,IAE3C,QAAM,EAAA,KAAA,CAAA,QAAA;AAAA,GACT,CAAA,CAAA;AAEJ,EAAA;AAEO,MAAM,iBAAiB,MAAM;AAClC,EAAA,MAAM,eAAeH,gBAAU,EAAA,CAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,wBAAA;AAAA,IACR,GAAK,EAAAC,gBAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,uBACGC,cAAA,CAAA,MAAA,EAAA;AAAA,IACC,QAAC,kBAAAC,eAAA,CAAA,gBAAA,EAAA;AAAA,MAAe,iBAAkB,EAAA,YAAA;AAAA,MAAa,EAAI,EAAA,kBAAA;AAAA,MACjD,QAAA,EAAA;AAAA,wBAACD,cAAA,CAAA,MAAA,EAAA;AAAA,UAAK,SAAU,EAAA,oCAAA;AAAA,UAAqC,MAAO,EAAA,IAAA;AAAA,SAAK,CAAA;AAAA,wBAChEA,cAAA,CAAA,MAAA,EAAA;AAAA,UAAK,SAAU,EAAA,mCAAA;AAAA,UAAoC,MAAO,EAAA,MAAA;AAAA,SAAO,CAAA;AAAA,OAAA;AAAA,KACpE,CAAA;AAAA,GACF,CAAA,CAAA;AAEJ,EAAA;AAQO,MAAM,SAAS,CAAC,EAAE,WAAa,EAAA,KAAA,EAAO,WAA6B,KAAA;AACxE,EAAA,MAAM,eAAeH,gBAAU,EAAA,CAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,wBAAA;AAAA,IACR,GAAK,EAAAC,gBAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,uBACGC,cAAA,CAAA,QAAA,EAAA;AAAA,IACC,EAAI,EAAA,IAAA;AAAA,IACJ,EAAI,EAAA,IAAA;AAAA,IACJ,IAAK,EAAA,MAAA;AAAA,IACL,CAAA,EAAA,CAAI,OAAO,WAAe,IAAA,CAAA;AAAA,IAC1B,WAAA;AAAA,IACA,KAAA;AAAA,IACA,SAAA;AAAA,GACF,CAAA,CAAA;AAEJ;;;;;;;;"}

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-cjs/toast/Toast.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var css_248z = "/* Styles applied to Toast root element */\n.saltToast {\n  --toast-background: var(--salt-container-primary-background);\n\n  background: var(--saltToast-background, var(--toast-background));\n  border-color: var(--saltToast-borderColor, var(--toast-borderColor));\n  border-width: var(--saltToast-borderWidth, var(--salt-size-border));\n  border-style: var(--saltToast-borderStyle, var(--salt-container-borderStyle));\n\n  box-sizing: border-box;\n  box-shadow: var(--salt-overlayable-shadow-popout);\n  display: inline-flex;\n  gap: var(--salt-spacing-75);\n  padding: var(--saltToast-padding, var(--salt-spacing-100));\n  min-height: calc(var(--salt-size-base) + var(--salt-spacing-100));\n}\n\n/* Styles applied to icon */\n.saltToast-icon.saltIcon {\n  margin: calc(var(--salt-spacing-75) + 2px) 0 var(--salt-spacing-75) 0;\n}\n.salt-density-high.saltToast-icon.saltIcon {\n  margin: calc(var(--salt-spacing-75) + 1px) 0 var(--salt-spacing-75) 0;\n}\n\n/* Styles applied when state = \"info\" */\n.saltToast-info {\n  --toast-borderColor: var(--salt-status-info-borderColor);\n}\n\n/* Styles applied when state = \"error\" */\n.saltToast-error {\n  --toast-borderColor: var(--salt-status-error-borderColor);\n}\n\n/* Styles applied when state = \"warning\" */\n.saltToast-warning {\n  --toast-borderColor: var(--salt-status-warning-borderColor);\n}\n\n/* Styles applied when state = \"success\" */\n.saltToast-success {\n  --toast-borderColor: var(--salt-status-success-borderColor);\n}\n";
-
-module.exports = css_248z;
-//# sourceMappingURL=Toast.css.js.map

package/dist-cjs/toast/Toast.css.js.map

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

package/dist-cjs/toast/Toast.js

@@ -1,38 +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 window = require('@salt-ds/window');
-var styles = require('@salt-ds/styles');
-var Toast$1 = require('./Toast.css.js');
-
-const withBaseName = core.makePrefixer("saltToast");
-const Toast = React.forwardRef(function Toast2(props, ref) {
-  const { children, className, status = "info", ...rest } = props;
-  const targetWindow = window.useWindow();
-  styles.useComponentCssInjection({
-    testId: "salt-toast",
-    css: Toast$1,
-    window: targetWindow
-  });
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
-    className: clsx.clsx(withBaseName(), withBaseName(status), className),
-    role: "alert",
-    ...rest,
-    ref,
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsx(core.StatusIndicator, {
-        status,
-        className: withBaseName("icon")
-      }),
-      children
-    ]
-  });
-});
-
-exports.Toast = Toast;
-//# sourceMappingURL=Toast.js.map

package/dist-cjs/toast/Toast.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Toast.js","sources":["../src/toast/Toast.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport { makePrefixer, StatusIndicator, ValidationStatus } from \"@salt-ds/core\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nimport toastCss from \"./Toast.css\";\n\nconst withBaseName = makePrefixer(\"saltToast\");\n\nexport interface ToastProps extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   *  A string to determine the current state of the Toast.\n   */\n  status?: ValidationStatus;\n}\n\nexport const Toast = forwardRef<HTMLDivElement, ToastProps>(function Toast(\n  props,\n  ref\n) {\n  const { children, className, status = \"info\", ...rest } = props;\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-toast\",\n    css: toastCss,\n    window: targetWindow,\n  });\n\n  return (\n    <div\n      className={clsx(withBaseName(), withBaseName(status), className)}\n      role=\"alert\"\n      {...rest}\n      ref={ref}\n    >\n      <StatusIndicator status={status} className={withBaseName(\"icon\")} />\n      {children}\n    </div>\n  );\n});\n"],"names":["makePrefixer","forwardRef","Toast","useWindow","useComponentCssInjection","toastCss","jsxs","clsx","jsx","StatusIndicator"],"mappings":";;;;;;;;;;;;AAQA,MAAM,YAAA,GAAeA,kBAAa,WAAW,CAAA,CAAA;AAStC,MAAM,KAAQ,GAAAC,gBAAA,CAAuC,SAASC,MAAAA,CACnE,OACA,GACA,EAAA;AACA,EAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,MAAS,GAAA,MAAA,EAAA,GAAW,MAAS,GAAA,KAAA,CAAA;AAC1D,EAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,YAAA;AAAA,IACR,GAAK,EAAAC,OAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,uBACGC,eAAA,CAAA,KAAA,EAAA;AAAA,IACC,WAAWC,SAAK,CAAA,YAAA,IAAgB,YAAa,CAAA,MAAM,GAAG,SAAS,CAAA;AAAA,IAC/D,IAAK,EAAA,OAAA;AAAA,IACJ,GAAG,IAAA;AAAA,IACJ,GAAA;AAAA,IAEA,QAAA,EAAA;AAAA,sBAACC,cAAA,CAAAC,oBAAA,EAAA;AAAA,QAAgB,MAAA;AAAA,QAAgB,SAAA,EAAW,aAAa,MAAM,CAAA;AAAA,OAAG,CAAA;AAAA,MACjE,QAAA;AAAA,KAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-cjs/toast/ToastContent.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var css_248z = "/* Styles applied to ToastContent */\n.saltToastContent {\n  flex: 1 0;\n  margin: var(--salt-spacing-75) 0;\n}\n";
-
-module.exports = css_248z;
-//# sourceMappingURL=ToastContent.css.js.map

package/dist-cjs/toast/ToastContent.css.js.map

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

package/dist-cjs/toast/ToastContent.js

@@ -1,30 +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 window = require('@salt-ds/window');
-var styles = require('@salt-ds/styles');
-var ToastContent$1 = require('./ToastContent.css.js');
-
-const withBaseName = core.makePrefixer("saltToastContent");
-const ToastContent = React.forwardRef(function ToastContent2({ children, className, ...restProps }, ref) {
-  const targetWindow = window.useWindow();
-  styles.useComponentCssInjection({
-    testId: "salt-toast-content",
-    css: ToastContent$1,
-    window: targetWindow
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx("div", {
-    className: clsx.clsx(withBaseName(), className),
-    ...restProps,
-    ref,
-    children
-  });
-});
-
-exports.ToastContent = ToastContent;
-//# sourceMappingURL=ToastContent.js.map

package/dist-cjs/toast/ToastContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToastContent.js","sources":["../src/toast/ToastContent.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { ComponentPropsWithoutRef, ForwardedRef, forwardRef } from \"react\";\nimport { makePrefixer } from \"@salt-ds/core\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nimport toastContentCss from \"./ToastContent.css\";\n\nconst withBaseName = makePrefixer(\"saltToastContent\");\n\nexport const ToastContent = forwardRef(function ToastContent(\n  { children, className, ...restProps }: ComponentPropsWithoutRef<\"div\">,\n  ref: ForwardedRef<HTMLDivElement>\n) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-toast-content\",\n    css: toastContentCss,\n    window: targetWindow,\n  });\n\n  return (\n    <div className={clsx(withBaseName(), className)} {...restProps} ref={ref}>\n      {children}\n    </div>\n  );\n});\n"],"names":["makePrefixer","forwardRef","ToastContent","useWindow","useComponentCssInjection","toastContentCss","jsx","clsx"],"mappings":";;;;;;;;;;;;AAQA,MAAM,YAAA,GAAeA,kBAAa,kBAAkB,CAAA,CAAA;AAEvC,MAAA,YAAA,GAAeC,iBAAW,SAASC,aAAAA,CAC9C,EAAE,QAAU,EAAA,SAAA,EAAA,GAAc,SAAU,EAAA,EACpC,GACA,EAAA;AACA,EAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,oBAAA;AAAA,IACR,GAAK,EAAAC,cAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,uBACGC,cAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAW,EAAAC,SAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,IAAI,GAAG,SAAA;AAAA,IAAW,GAAA;AAAA,IAC7D,QAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-cjs/utils/useFloatingUI.js

@@ -1,38 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var react = require('@floating-ui/react');
-
-const DEFAULT_FLOATING_UI_MIDDLEWARE = [
-  react.flip(),
-  react.shift({ limiter: react.limitShift() })
-];
-function useFloatingUI(props) {
-  const {
-    placement,
-    strategy,
-    middleware = DEFAULT_FLOATING_UI_MIDDLEWARE,
-    open = false,
-    onOpenChange
-  } = props;
-  const { reference, floating, refs, update, ...rest } = react.useFloating({
-    placement,
-    strategy,
-    middleware,
-    open,
-    onOpenChange,
-    whileElementsMounted: react.autoUpdate
-  });
-  return {
-    reference,
-    floating,
-    refs,
-    update,
-    ...rest
-  };
-}
-
-exports.DEFAULT_FLOATING_UI_MIDDLEWARE = DEFAULT_FLOATING_UI_MIDDLEWARE;
-exports.useFloatingUI = useFloatingUI;
-//# sourceMappingURL=useFloatingUI.js.map

package/dist-cjs/utils/useFloatingUI.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useFloatingUI.js","sources":["../src/utils/useFloatingUI.tsx"],"sourcesContent":["import type { Middleware, Placement, Strategy } from \"@floating-ui/react\";\nimport {\n  autoUpdate,\n  flip,\n  limitShift,\n  shift,\n  useFloating,\n} from \"@floating-ui/react\";\n\nexport type UseFloatingUIProps = {\n  /**\n   * Set position relative to trigger\n   */\n  placement?: Placement;\n  strategy?: Strategy;\n  middleware?: Middleware[];\n  /**\n   * Set visible state. Defaults to false\n   */\n  open?: boolean;\n  /**\n   * Callback function triggered when open state changes\n   */\n  onOpenChange?: (open: boolean) => void;\n};\n\nexport const DEFAULT_FLOATING_UI_MIDDLEWARE = [\n  flip(),\n  shift({ limiter: limitShift() }),\n];\n\nexport function useFloatingUI(\n  props: UseFloatingUIProps\n): ReturnType<typeof useFloating> {\n  const {\n    placement,\n    strategy,\n    middleware = DEFAULT_FLOATING_UI_MIDDLEWARE,\n    open = false,\n    onOpenChange,\n  } = props;\n\n  const { reference, floating, refs, update, ...rest } = useFloating({\n    placement,\n    strategy,\n    middleware,\n    open,\n    onOpenChange,\n    whileElementsMounted: autoUpdate,\n  });\n\n  return {\n    reference,\n    floating,\n    refs,\n    update,\n    ...rest,\n  };\n}\n"],"names":["flip","shift","limitShift","useFloating","autoUpdate"],"mappings":";;;;;;AA0BO,MAAM,8BAAiC,GAAA;AAAA,EAC5CA,UAAK,EAAA;AAAA,EACLC,WAAM,CAAA,EAAE,OAAS,EAAAC,gBAAA,IAAc,CAAA;AACjC,EAAA;AAEO,SAAS,cACd,KACgC,EAAA;AAChC,EAAM,MAAA;AAAA,IACJ,SAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAa,GAAA,8BAAA;AAAA,IACb,IAAO,GAAA,KAAA;AAAA,IACP,YAAA;AAAA,GACE,GAAA,KAAA,CAAA;AAEJ,EAAA,MAAM,EAAE,SAAW,EAAA,QAAA,EAAU,MAAM,MAAW,EAAA,GAAA,IAAA,KAASC,iBAAY,CAAA;AAAA,IACjE,SAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA;AAAA,IACA,IAAA;AAAA,IACA,YAAA;AAAA,IACA,oBAAsB,EAAAC,gBAAA;AAAA,GACvB,CAAA,CAAA;AAED,EAAO,OAAA;AAAA,IACL,SAAA;AAAA,IACA,QAAA;AAAA,IACA,IAAA;AAAA,IACA,MAAA;AAAA,IACA,GAAG,IAAA;AAAA,GACL,CAAA;AACF;;;;;"}

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