@salt-ds/lab 1.0.0-alpha.8 → 1.0.0-alpha.81

package/dist-cjs/packages/lab/src/form-field/FormHelperText.css.js

@@ -1,9 +0,0 @@
-'use strict';
-
-var styleInject_es = require('../../../../node_modules/style-inject/dist/style-inject.es.js');
-
-var css_248z = "/* Styles applied to the root element dependent on density */\n.salt-density-high {\n  --formField-helperText-marginTop-default: 2px;\n  --formField-helperText-marginTop-fullWidth: 3px;\n\n  --formField-helperText-background-offset-height: 17px;\n}\n.salt-density-medium {\n  --formField-helperText-marginTop-default: 2px;\n  --formField-helperText-marginTop-fullWidth: 3px;\n  --formField-helperText-transform: translate(0, 2px);\n\n  --formField-helperText-background-offset-height: 19px;\n}\n.salt-density-touch {\n  --formField-helperText-marginTop-default: 8px;\n  --formField-helperText-marginTop-fullWidth: 5px;\n  --formField-helperText-transform: translate(0, -3px);\n\n  --formField-helperText-background-offset-height: 21px;\n}\n.salt-density-low {\n  --formField-helperText-marginTop-default: 4px;\n  --formField-helperText-marginTop-fullWidth: 5px;\n  --formField-helperText-transform: translate(0, 1px);\n\n  --formField-helperText-background-offset-height: 21px;\n}\n\n/* Class applied if `fullWidth={true}` */\n.saltFormField-fullWidth {\n  --formField-helperText-transform: none;\n}\n\n/* Class applied to the helper text container */\n.saltFormHelperText {\n  --formField-helperText-opacity: 1;\n\n  color: var(--saltFormField-helperText-color, var(--salt-text-secondary-foreground));\n  font-size: var(--formField-helperText-fontSize);\n  font-style: var(--saltFormField-helperText-fontStyle, var(--salt-editable-help-fontStyle));\n  letter-spacing: var(--saltFormField-helperText-letterSpacing, 0);\n  line-height: var(--saltFormField-helperText-lineHeight, var(--salt-text-lineHeight));\n  min-height: var(--saltFormField-helperText-minHeight, var(--salt-text-label-minHeight));\n  margin-bottom: var(--saltFormField-helperText-marginBottom, 0);\n  margin-top: var(--saltFormField-helperText-marginTop, var(--formField-helperText-marginTop));\n  opacity: var(--saltFormField-helperText-opacity, var(--formField-helperText-opacity));\n  padding-left: var(--saltFormField-helperText-paddingLeft, var(--salt-size-unit));\n  padding-right: var(--saltFormField-helperText-paddingRight, var(--salt-size-unit));\n  transform: var(--saltFormField-helperText-transform, var(--formField-helperText-transform, none));\n}\n";
-styleInject_es(css_248z);
-
-module.exports = css_248z;
-//# sourceMappingURL=FormHelperText.css.js.map

package/dist-cjs/packages/lab/src/form-field/FormHelperText.css.js.map

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

package/dist-cjs/packages/lab/src/form-field/FormHelperText.js

@@ -1,32 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-require('./FormHelperText.css.js');
-
-const FormHelperText = ({
-  helperText,
-  helperTextPlacement,
-  ...restProps
-}) => {
-  if (helperText) {
-    if (helperTextPlacement === "bottom") {
-      return /* @__PURE__ */ jsxRuntime.jsx("p", {
-        className: "saltFormHelperText",
-        ...restProps,
-        children: helperText
-      });
-    } else if (helperTextPlacement === "tooltip") {
-      console.warn("helperTextPlacement tooltip has not yet implemented");
-      return null;
-    } else {
-      return null;
-    }
-  } else {
-    return null;
-  }
-};
-
-exports.FormHelperText = FormHelperText;
-//# sourceMappingURL=FormHelperText.js.map

package/dist-cjs/packages/lab/src/form-field/FormHelperText.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormHelperText.js","sources":["../src/form-field/FormHelperText.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef } from \"react\";\nimport { FormFieldProps } from \"./FormField\";\n\nimport \"./FormHelperText.css\";\n\nexport type FormHelperTextProps<E extends React.ElementType = \"p\"> =\n  ComponentPropsWithoutRef<E> & {\n    helperText: FormFieldProps[\"helperText\"];\n    helperTextPlacement: FormFieldProps[\"helperTextPlacement\"];\n  };\n\nexport const FormHelperText = <E extends React.ElementType = \"p\">({\n  helperText,\n  helperTextPlacement,\n  ...restProps\n}: FormHelperTextProps<E>) => {\n  if (helperText) {\n    if (helperTextPlacement === \"bottom\") {\n      return (\n        <p className=\"saltFormHelperText\" {...restProps}>\n          {helperText}\n        </p>\n      );\n    } else if (helperTextPlacement === \"tooltip\") {\n      console.warn(\"helperTextPlacement tooltip has not yet implemented\");\n      return null;\n    } else {\n      return null;\n    }\n  } else {\n    return null;\n  }\n};\n"],"names":["jsx"],"mappings":";;;;;;;AAWO,MAAM,iBAAiB,CAAoC;AAAA,EAChE,UAAA;AAAA,EACA,mBAAA;AAAA,EACG,GAAA,SAAA;AACL,CAA8B,KAAA;AAC5B,EAAA,IAAI,UAAY,EAAA;AACd,IAAA,IAAI,wBAAwB,QAAU,EAAA;AACpC,MAAA,uBACGA,cAAA,CAAA,GAAA,EAAA;AAAA,QAAE,SAAU,EAAA,oBAAA;AAAA,QAAsB,GAAG,SAAA;AAAA,QACnC,QAAA,EAAA,UAAA;AAAA,OACH,CAAA,CAAA;AAAA,KAEJ,MAAA,IAAW,wBAAwB,SAAW,EAAA;AAC5C,MAAA,OAAA,CAAQ,KAAK,qDAAqD,CAAA,CAAA;AAClE,MAAO,OAAA,IAAA,CAAA;AAAA,KACF,MAAA;AACL,MAAO,OAAA,IAAA,CAAA;AAAA,KACT;AAAA,GACK,MAAA;AACL,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AACF;;;;"}

package/dist-cjs/packages/lab/src/form-field/FormLabel.css.js

@@ -1,9 +0,0 @@
-'use strict';
-
-var styleInject_es = require('../../../../node_modules/style-inject/dist/style-inject.es.js');
-
-var css_248z = "/* Styles applied to root element */\n.salt-density-touch {\n  --formField-label-default-top: 11px;\n  --formField-label-left-top: 16px;\n  --formField-label-minHeight: 16px;\n}\n.salt-density-low {\n  --formField-label-default-top: 7px;\n  --formField-label-left-top: 12px;\n}\n.salt-density-medium {\n  --formField-label-default-top: 5px;\n  --formField-label-left-top: 8px;\n}\n.salt-density-high {\n  --formField-label-default-top: 3px;\n  --formField-label-left-top: 4px;\n}\n\n.saltFormLabel {\n  --formField-label-fontSize: var(--saltFormField-label-fontSize, var(--salt-text-label-fontSize));\n  --formField-label-top: var(--formField-label-default-top);\n  --formField-label-width: 100%;\n}\n\n.saltFormField-labelLeft .saltFormLabel {\n  --formField-label-top: var(--formField-label-left-top);\n  --formField-label-width: auto;\n}\n\n.saltFormLabel {\n  align-items: center;\n  color: var(--saltFormField-label-text-color, var(--salt-text-secondary-foreground));\n  display: block;\n  font-size: var(--formField-label-fontSize);\n  margin-bottom: var(--saltFormField-label-marginBottom, var(--formField-label-marginBottom));\n  min-height: var(--saltFormField-label-minHeight, var(--formField-label-minHeight, var(--salt-text-label-minHeight)));\n  margin-top: var(--saltFormField-label-marginTop, 0px);\n  line-height: var(--saltFormField-label-lineHeight, var(--salt-text-label-lineHeight));\n  overflow: hidden;\n  padding-left: var(--saltFormField-label-paddingLeft, var(--formField-label-paddingLeft));\n  padding-right: var(--saltFormField-label-paddingRight, var(--formField-label-paddingRight));\n  padding-top: var(--saltFormField-label-paddingTop, 0);\n  padding-bottom: var(--saltFormField-label-paddingBottom, 0);\n  text-overflow: ellipsis;\n  top: var(--saltFormField-label-top, var(--formField-label-top));\n  transform: translate(var(--saltFormField-label-transform-x, 0), var(--saltFormField-label-transform-y, var(--formField-label-top)));\n  white-space: nowrap;\n  width: var(--saltFormField-label-width, var(--formField-label-width, 100%));\n}\n\n.saltFormLabel ~ * {\n  z-index: 1;\n}\n\n/* Styles applied when `disabled={true}` */\n.saltFormLabel-disabled {\n  color: var(--saltFormField-label-text-color-disabled, var(--salt-text-secondary-foreground-disabled));\n  cursor: var(--salt-editable-cursor-disabled);\n}\n\n/* Styles applied when displayedNecessity or necessityText provided */\n.saltFormLabel-necessityIndicator {\n  font-style: var(--saltFormField-label-necessityIndicator-fontStyle, var(--salt-editable-help-fontStyle));\n  margin-left: 1ch;\n}\n\n/* Styles applied if `hasStatusIndicator={true}` */\n.saltFormLabel-statusIndicator {\n  margin-left: 6px;\n  vertical-align: top;\n}\n";
-styleInject_es(css_248z);
-
-module.exports = css_248z;
-//# sourceMappingURL=FormLabel.css.js.map

package/dist-cjs/packages/lab/src/form-field/FormLabel.css.js.map

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

package/dist-cjs/packages/lab/src/form-field/FormLabel.js

@@ -1,51 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var clsx = require('clsx');
-var core = require('@salt-ds/core');
-var NecessityIndicator = require('./NecessityIndicator.js');
-var StatusIndicator = require('./StatusIndicator.js');
-require('./FormLabel.css.js');
-
-const withBaseName = core.makePrefixer("saltFormLabel");
-const FormLabel = ({
-  label,
-  NecessityIndicator: NecessityIndicator$1 = NecessityIndicator.NecessityIndicator,
-  required,
-  displayedNecessity,
-  hasStatusIndicator = false,
-  StatusIndicatorProps: StatusIndicatorProps2,
-  validationStatus,
-  necessityText,
-  className,
-  disabled,
-  readOnly,
-  tooltipText,
-  ...restProps
-}) => /* @__PURE__ */ jsxRuntime.jsxs("label", {
-  className: clsx.clsx(withBaseName(), className, {
-    [withBaseName("disabled")]: disabled
-  }),
-  ...restProps,
-  children: [
-    label,
-    /* @__PURE__ */ jsxRuntime.jsx(NecessityIndicator$1, {
-      required,
-      displayedNecessity,
-      necessityText,
-      className: withBaseName("necessityIndicator")
-    }),
-    hasStatusIndicator && /* @__PURE__ */ jsxRuntime.jsx(StatusIndicator.StatusIndicator, {
-      className: withBaseName("statusIndicator"),
-      status: validationStatus,
-      tooltipText,
-      hasTooltip: true,
-      ...StatusIndicatorProps2
-    })
-  ]
-});
-
-exports.FormLabel = FormLabel;
-//# sourceMappingURL=FormLabel.js.map

package/dist-cjs/packages/lab/src/form-field/FormLabel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormLabel.js","sources":["../src/form-field/FormLabel.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { ElementType, HTMLAttributes } from \"react\";\nimport { makePrefixer } from \"@salt-ds/core\";\nimport { FormFieldValidationStatus } from \"./FormField\";\nimport {\n  NecessityIndicator as DefaultNecessityIndicator,\n  NecessityIndicatorOptions,\n} from \"./NecessityIndicator\";\nimport { StatusIndicator, StatusIndicatorProps } from \"./StatusIndicator\";\n\nimport \"./FormLabel.css\";\n\nconst withBaseName = makePrefixer(\"saltFormLabel\");\nexport interface FormLabelProps\n  extends HTMLAttributes<HTMLLabelElement>,\n    NecessityIndicatorOptions {\n  /**\n   * Whether the form field is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * Adjusts whether the StatusIndicator component is shown\n   */\n  hasStatusIndicator?: boolean;\n  /**\n   * The label value for the FormLabel\n   */\n  label?: string;\n  /**\n   * An optional renderer function used to customize the necessity adornment\n   */\n  NecessityIndicator?: ElementType<NecessityIndicatorOptions>;\n  /**\n   * Whether the form field is readOnly.\n   */\n  readOnly?: boolean;\n  /**\n   * Props used to configure the StatusIndicator component if hasStatusIndicator is true\n   */\n  StatusIndicatorProps?: Partial<StatusIndicatorProps>;\n  /**\n   * The status for the FormField: Must be one of: 'error'|'warning'|undefined\n   */\n  validationStatus?: FormFieldValidationStatus;\n  /**\n   * Text to be shown in the Tooltip.\n   */\n  tooltipText?: string;\n}\n\nexport const FormLabel = ({\n  label,\n  NecessityIndicator = DefaultNecessityIndicator,\n  required,\n  displayedNecessity,\n  hasStatusIndicator = false,\n  StatusIndicatorProps,\n  validationStatus,\n  necessityText,\n  className,\n  disabled,\n  readOnly,\n  tooltipText,\n  ...restProps\n}: FormLabelProps) => (\n  <label\n    className={clsx(withBaseName(), className, {\n      [withBaseName(\"disabled\")]: disabled,\n    })}\n    {...restProps}\n  >\n    {label}\n\n    <NecessityIndicator\n      required={required}\n      displayedNecessity={displayedNecessity}\n      necessityText={necessityText}\n      className={withBaseName(\"necessityIndicator\")}\n    />\n    {hasStatusIndicator && (\n      <StatusIndicator\n        className={withBaseName(\"statusIndicator\")}\n        status={validationStatus}\n        tooltipText={tooltipText}\n        hasTooltip\n        {...StatusIndicatorProps}\n      />\n    )}\n  </label>\n);\n"],"names":["makePrefixer","NecessityIndicator","DefaultNecessityIndicator","StatusIndicatorProps","jsxs","clsx","jsx","StatusIndicator"],"mappings":";;;;;;;;;;;AAYA,MAAM,YAAA,GAAeA,kBAAa,eAAe,CAAA,CAAA;AAsC1C,MAAM,YAAY,CAAC;AAAA,EACxB,KAAA;AAAA,sBACAC,oBAAqB,GAAAC,qCAAA;AAAA,EACrB,QAAA;AAAA,EACA,kBAAA;AAAA,EACA,kBAAqB,GAAA,KAAA;AAAA,EACrB,oBAAAC,EAAAA,qBAAAA;AAAA,EACA,gBAAA;AAAA,EACA,aAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA;AAAA,EACG,GAAA,SAAA;AACL,CAAA,qBACGC,eAAA,CAAA,OAAA,EAAA;AAAA,EACC,SAAW,EAAAC,SAAA,CAAK,YAAa,EAAA,EAAG,SAAW,EAAA;AAAA,IACzC,CAAC,YAAa,CAAA,UAAU,CAAI,GAAA,QAAA;AAAA,GAC7B,CAAA;AAAA,EACA,GAAG,SAAA;AAAA,EAEH,QAAA,EAAA;AAAA,IAAA,KAAA;AAAA,oBAEAC,cAAA,CAAAL,oBAAA,EAAA;AAAA,MACC,QAAA;AAAA,MACA,kBAAA;AAAA,MACA,aAAA;AAAA,MACA,SAAA,EAAW,aAAa,oBAAoB,CAAA;AAAA,KAC9C,CAAA;AAAA,IACC,sCACEK,cAAA,CAAAC,+BAAA,EAAA;AAAA,MACC,SAAA,EAAW,aAAa,iBAAiB,CAAA;AAAA,MACzC,MAAQ,EAAA,gBAAA;AAAA,MACR,WAAA;AAAA,MACA,UAAU,EAAA,IAAA;AAAA,MACT,GAAGJ,qBAAAA;AAAA,KACN,CAAA;AAAA,GAAA;AAAA,CAEJ;;;;"}

package/dist-cjs/packages/lab/src/form-field/NecessityIndicator.js

@@ -1,37 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-
-const NecessityIndicator = ({
-  required,
-  children,
-  necessityText: necessityTextProp = children,
-  displayedNecessity,
-  className,
-  ...restProps
-}) => {
-  let necessityText = "";
-  if (necessityTextProp) {
-    necessityText = necessityTextProp;
-  } else {
-    if (required && displayedNecessity === "required") {
-      necessityText = `(Required)`;
-    } else if (!required && displayedNecessity === "optional") {
-      necessityText = `(Optional)`;
-    }
-  }
-  if (necessityText) {
-    return /* @__PURE__ */ jsxRuntime.jsx("span", {
-      className,
-      "data-testid": "necessity-indicator",
-      ...restProps,
-      children: necessityText
-    });
-  }
-  return null;
-};
-
-exports.NecessityIndicator = NecessityIndicator;
-//# sourceMappingURL=NecessityIndicator.js.map

package/dist-cjs/packages/lab/src/form-field/NecessityIndicator.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NecessityIndicator.js","sources":["../src/form-field/NecessityIndicator.tsx"],"sourcesContent":["import React, { HTMLAttributes, ReactNode } from \"react\";\n\nexport type FormLabelNecessity = \"optional\" | \"required\";\n// export type FormLabelNecessityStyle = 'full' | 'abbreviated';\n\nexport interface NecessityIndicatorOptions {\n  /**\n   * The FormField is required\n   */\n  required?: boolean;\n  /**\n   * Whether to show a label adornment for required or optional\n   */\n  displayedNecessity?: FormLabelNecessity;\n  // This API is removed as this is not flexible enough.\n  // User could always use `necessityText` to display more customized text, e.g. in other language.\n  // necessityStyle?: FormLabelNecessityStyle;\n  /**\n   * Customize text displayed for necessity. Default to `(Required)` or `(Optional)`.\n   */\n  necessityText?: ReactNode;\n  className?: string;\n}\n\nexport const NecessityIndicator = ({\n  required,\n  children,\n  necessityText: necessityTextProp = children,\n  displayedNecessity,\n  className,\n  ...restProps\n}: NecessityIndicatorOptions & HTMLAttributes<HTMLSpanElement>) => {\n  let necessityText: ReactNode = \"\";\n\n  if (necessityTextProp) {\n    necessityText = necessityTextProp;\n  } else {\n    if (required && displayedNecessity === \"required\") {\n      necessityText = `(Required)`;\n    } else if (!required && displayedNecessity === \"optional\") {\n      necessityText = `(Optional)`;\n    }\n  }\n\n  if (necessityText) {\n    return (\n      <span\n        className={className}\n        data-testid=\"necessity-indicator\"\n        {...restProps}\n      >\n        {necessityText}\n      </span>\n    );\n  }\n  return null;\n};\n"],"names":["jsx"],"mappings":";;;;;;AAwBO,MAAM,qBAAqB,CAAC;AAAA,EACjC,QAAA;AAAA,EACA,QAAA;AAAA,EACA,eAAe,iBAAoB,GAAA,QAAA;AAAA,EACnC,kBAAA;AAAA,EACA,SAAA;AAAA,EACG,GAAA,SAAA;AACL,CAAmE,KAAA;AACjE,EAAA,IAAI,aAA2B,GAAA,EAAA,CAAA;AAE/B,EAAA,IAAI,iBAAmB,EAAA;AACrB,IAAgB,aAAA,GAAA,iBAAA,CAAA;AAAA,GACX,MAAA;AACL,IAAI,IAAA,QAAA,IAAY,uBAAuB,UAAY,EAAA;AACjD,MAAgB,aAAA,GAAA,CAAA,UAAA,CAAA,CAAA;AAAA,KACP,MAAA,IAAA,CAAC,QAAY,IAAA,kBAAA,KAAuB,UAAY,EAAA;AACzD,MAAgB,aAAA,GAAA,CAAA,UAAA,CAAA,CAAA;AAAA,KAClB;AAAA,GACF;AAEA,EAAA,IAAI,aAAe,EAAA;AACjB,IAAA,uBACGA,cAAA,CAAA,MAAA,EAAA;AAAA,MACC,SAAA;AAAA,MACA,aAAY,EAAA,qBAAA;AAAA,MACX,GAAG,SAAA;AAAA,MAEH,QAAA,EAAA,aAAA;AAAA,KACH,CAAA,CAAA;AAAA,GAEJ;AACA,EAAO,OAAA,IAAA,CAAA;AACT;;;;"}

package/dist-cjs/packages/lab/src/form-field/StatusIndicator.js

@@ -1,42 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var clsx = require('clsx');
-var core = require('@salt-ds/core');
-
-const withBaseName = core.makePrefixer("saltFormField");
-const StatusIndicator = (props) => {
-  const {
-    TooltipComponent = core.Tooltip,
-    hasTooltip = false,
-    TooltipProps: TooltipProps2,
-    tooltipText,
-    IconProps: IconProps2,
-    className,
-    status = "info",
-    ...restProps
-  } = props;
-  return /* @__PURE__ */ jsxRuntime.jsx(TooltipComponent, {
-    hideIcon: true,
-    status,
-    content: tooltipText,
-    placement: "top",
-    disabled: !hasTooltip,
-    ...TooltipProps2,
-    children: /* @__PURE__ */ jsxRuntime.jsx(core.StatusIndicator, {
-      status,
-      ...restProps,
-      ...IconProps2,
-      className: clsx.clsx(
-        withBaseName("statusIndicator"),
-        className,
-        IconProps2 == null ? void 0 : IconProps2.className
-      )
-    })
-  });
-};
-
-exports.StatusIndicator = StatusIndicator;
-//# sourceMappingURL=StatusIndicator.js.map

package/dist-cjs/packages/lab/src/form-field/StatusIndicator.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StatusIndicator.js","sources":["../src/form-field/StatusIndicator.tsx"],"sourcesContent":["import { IconProps } from \"@salt-ds/icons\";\nimport { clsx } from \"clsx\";\nimport { ElementType } from \"react\";\nimport {\n  makePrefixer,\n  StatusIndicator as BaseStatusIndicator,\n  Tooltip,\n  TooltipProps,\n} from \"@salt-ds/core\";\n\nconst withBaseName = makePrefixer(\"saltFormField\");\n\nexport type StatusIndicatorStatus = \"error\" | \"info\" | \"warning\" | \"success\";\n\nexport interface StatusIndicatorProps extends IconProps {\n  hasTooltip?: boolean;\n  IconProps?: Partial<IconProps>;\n  status?: StatusIndicatorStatus;\n  TooltipComponent?: ElementType<TooltipProps>;\n  TooltipProps?: Partial<TooltipProps>;\n  tooltipText?: string;\n}\n\nexport const StatusIndicator = (props: StatusIndicatorProps) => {\n  const {\n    TooltipComponent = Tooltip,\n    hasTooltip = false,\n    TooltipProps,\n    tooltipText,\n    IconProps,\n    className,\n    status = \"info\",\n    ...restProps\n  } = props;\n\n  return (\n    <TooltipComponent\n      hideIcon\n      status={status}\n      content={tooltipText}\n      placement=\"top\"\n      disabled={!hasTooltip}\n      {...TooltipProps}\n    >\n      <BaseStatusIndicator\n        status={status}\n        {...restProps}\n        {...IconProps}\n        className={clsx(\n          withBaseName(\"statusIndicator\"),\n          className,\n          IconProps?.className\n        )}\n      />\n    </TooltipComponent>\n  );\n};\n"],"names":["makePrefixer","Tooltip","TooltipProps","IconProps","jsx","BaseStatusIndicator","clsx"],"mappings":";;;;;;;;AAUA,MAAM,YAAA,GAAeA,kBAAa,eAAe,CAAA,CAAA;AAapC,MAAA,eAAA,GAAkB,CAAC,KAAgC,KAAA;AAC9D,EAAM,MAAA;AAAA,IACJ,gBAAmB,GAAAC,YAAA;AAAA,IACnB,UAAa,GAAA,KAAA;AAAA,IACb,YAAAC,EAAAA,aAAAA;AAAA,IACA,WAAA;AAAA,IACA,SAAAC,EAAAA,UAAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAS,GAAA,MAAA;AAAA,IACN,GAAA,SAAA;AAAA,GACD,GAAA,KAAA,CAAA;AAEJ,EAAA,uBACGC,cAAA,CAAA,gBAAA,EAAA;AAAA,IACC,QAAQ,EAAA,IAAA;AAAA,IACR,MAAA;AAAA,IACA,OAAS,EAAA,WAAA;AAAA,IACT,SAAU,EAAA,KAAA;AAAA,IACV,UAAU,CAAC,UAAA;AAAA,IACV,GAAGF,aAAAA;AAAA,IAEJ,QAAC,kBAAAE,cAAA,CAAAC,oBAAA,EAAA;AAAA,MACC,MAAA;AAAA,MACC,GAAG,SAAA;AAAA,MACH,GAAGF,UAAAA;AAAA,MACJ,SAAW,EAAAG,SAAA;AAAA,QACT,aAAa,iBAAiB,CAAA;AAAA,QAC9B,SAAA;AAAA,QACAH,UAAAA,IAAA,gBAAAA,UAAW,CAAA,SAAA;AAAA,OACb;AAAA,KACF,CAAA;AAAA,GACF,CAAA,CAAA;AAEJ;;;;"}

package/dist-cjs/packages/lab/src/form-field/constant.js

@@ -1,8 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const classBase = "saltFormField";
-
-exports.classBase = classBase;
-//# sourceMappingURL=constant.js.map

package/dist-cjs/packages/lab/src/form-field/constant.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constant.js","sources":["../src/form-field/constant.ts"],"sourcesContent":["export const classBase = \"saltFormField\";\n"],"names":[],"mappings":";;;;AAAO,MAAM,SAAY,GAAA;;;;"}

package/dist-cjs/packages/lab/src/form-field-context/FormFieldContext.js

@@ -1,13 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var core = require('@salt-ds/core');
-
-const FormFieldContext = core.createContext(
-  "FormFieldContext",
-  {}
-);
-
-exports.FormFieldContext = FormFieldContext;
-//# sourceMappingURL=FormFieldContext.js.map

package/dist-cjs/packages/lab/src/form-field-context/FormFieldContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormFieldContext.js","sources":["../src/form-field-context/FormFieldContext.ts"],"sourcesContent":["import { Dispatch, FocusEventHandler, RefObject, SetStateAction } from \"react\";\nimport { createContext } from \"@salt-ds/core\";\nimport { useA11yValueValue } from \"../form-field\";\nexport interface FormFieldContextValue {\n  inFormField: true;\n  ref: RefObject<HTMLDivElement>;\n  a11yProps: useA11yValueValue;\n  focused: boolean;\n  setFocused: Dispatch<SetStateAction<boolean>>;\n  onBlur: FocusEventHandler<HTMLElement>;\n  onFocus: FocusEventHandler<HTMLElement>;\n}\n\nexport const FormFieldContext = createContext(\n  \"FormFieldContext\",\n  {} as FormFieldContextValue\n);\n"],"names":["createContext"],"mappings":";;;;;;AAaO,MAAM,gBAAmB,GAAAA,kBAAA;AAAA,EAC9B,kBAAA;AAAA,EACA,EAAC;AACH;;;;"}

package/dist-cjs/packages/lab/src/form-field-context/useFormFieldProps.js

@@ -1,25 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var core = require('@salt-ds/core');
-var FormFieldContext = require('./FormFieldContext.js');
-
-function useFormFieldProps({
-  focusVisible
-} = {}) {
-  const { setFocused, ...formFieldProps } = React.useContext(FormFieldContext.FormFieldContext) || {};
-  core.useIsomorphicLayoutEffect(() => {
-    if (focusVisible !== void 0 && setFocused) {
-      setFocused(focusVisible);
-    }
-  }, [focusVisible, setFocused]);
-  return {
-    setFocused,
-    ...formFieldProps
-  };
-}
-
-exports.useFormFieldProps = useFormFieldProps;
-//# sourceMappingURL=useFormFieldProps.js.map

package/dist-cjs/packages/lab/src/form-field-context/useFormFieldProps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useFormFieldProps.js","sources":["../src/form-field-context/useFormFieldProps.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { useIsomorphicLayoutEffect } from \"@salt-ds/core\";\nimport { FormFieldContext, FormFieldContextValue } from \"./FormFieldContext\";\n\ninterface useFormFieldPropsProps {\n  focusVisible?: boolean;\n}\n\nexport function useFormFieldProps({\n  focusVisible,\n}: useFormFieldPropsProps = {}): Partial<FormFieldContextValue> {\n  // TODO should this be a separate value for FocusVisible\n  const { setFocused, ...formFieldProps } = useContext(FormFieldContext) || {};\n\n  useIsomorphicLayoutEffect(() => {\n    if (focusVisible !== undefined && setFocused) {\n      setFocused(focusVisible);\n    }\n  }, [focusVisible, setFocused]);\n\n  return {\n    setFocused,\n    ...formFieldProps,\n  };\n}\n"],"names":["useContext","FormFieldContext","useIsomorphicLayoutEffect"],"mappings":";;;;;;;;AAQO,SAAS,iBAAkB,CAAA;AAAA,EAChC,YAAA;AACF,CAAA,GAA4B,EAAoC,EAAA;AAE9D,EAAA,MAAM,EAAE,UAAe,EAAA,GAAA,cAAA,KAAmBA,gBAAW,CAAAC,iCAAgB,KAAK,EAAC,CAAA;AAE3E,EAAAC,8BAAA,CAA0B,MAAM;AAC9B,IAAI,IAAA,YAAA,KAAiB,UAAa,UAAY,EAAA;AAC5C,MAAA,UAAA,CAAW,YAAY,CAAA,CAAA;AAAA,KACzB;AAAA,GACC,EAAA,CAAC,YAAc,EAAA,UAAU,CAAC,CAAA,CAAA;AAE7B,EAAO,OAAA;AAAA,IACL,UAAA;AAAA,IACA,GAAG,cAAA;AAAA,GACL,CAAA;AACF;;;;"}

package/dist-cjs/packages/lab/src/form-field-context-next/FormFieldContextNext.js

@@ -1,13 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var core = require('@salt-ds/core');
-
-const FormFieldContextNext = core.createContext(
-  "FormFieldContext",
-  {}
-);
-
-exports.FormFieldContextNext = FormFieldContextNext;
-//# sourceMappingURL=FormFieldContextNext.js.map

package/dist-cjs/packages/lab/src/form-field-context-next/FormFieldContextNext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormFieldContextNext.js","sources":["../src/form-field-context-next/FormFieldContextNext.ts"],"sourcesContent":["import { createContext } from \"@salt-ds/core\";\n\nexport interface A11yValueProps {\n  /**\n   * id for FormFieldHelperText\n   */\n  helperTextId?: string;\n  /**\n   * id for FormFieldLabel\n   */\n  labelId?: string;\n}\nexport interface a11yValueAriaProps {\n  \"aria-labelledby\": A11yValueProps[\"labelId\"];\n  \"aria-describedby\": A11yValueProps[\"helperTextId\"] | undefined;\n}\nexport interface FormFieldContextNextValue {\n  a11yProps: a11yValueAriaProps;\n  disabled: boolean;\n  readOnly: boolean;\n  validationStatus: \"error\" | \"warning\" | \"success\" | undefined;\n}\n\nexport const FormFieldContextNext = createContext(\n  \"FormFieldContext\",\n  {} as FormFieldContextNextValue\n);\n"],"names":["createContext"],"mappings":";;;;;;AAuBO,MAAM,oBAAuB,GAAAA,kBAAA;AAAA,EAClC,kBAAA;AAAA,EACA,EAAC;AACH;;;;"}

package/dist-cjs/packages/lab/src/form-field-context-next/useFormFieldPropsNext.js

@@ -1,13 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var FormFieldContextNext = require('./FormFieldContextNext.js');
-
-function useFormFieldPropsNext() {
-  return React.useContext(FormFieldContextNext.FormFieldContextNext) || {};
-}
-
-exports.useFormFieldPropsNext = useFormFieldPropsNext;
-//# sourceMappingURL=useFormFieldPropsNext.js.map

package/dist-cjs/packages/lab/src/form-field-context-next/useFormFieldPropsNext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useFormFieldPropsNext.js","sources":["../src/form-field-context-next/useFormFieldPropsNext.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport {\n  FormFieldContextNext,\n  FormFieldContextNextValue,\n} from \"./FormFieldContextNext\";\n\nexport function useFormFieldPropsNext(): Partial<FormFieldContextNextValue> {\n  return useContext(FormFieldContextNext) || {};\n}\n"],"names":["useContext","FormFieldContextNext"],"mappings":";;;;;;;AAMO,SAAS,qBAA4D,GAAA;AAC1E,EAAO,OAAAA,gBAAA,CAAWC,yCAAoB,CAAA,IAAK,EAAC,CAAA;AAC9C;;;;"}

package/dist-cjs/packages/lab/src/form-field-next/FormFieldControlWrapper.css.js

@@ -1,9 +0,0 @@
-'use strict';
-
-var styleInject_es = require('../../../../node_modules/style-inject/dist/style-inject.es.js');
-
-var css_248z = ".saltFormFieldControlWrapper {\n  align-items: center;\n  display: grid;\n  grid-auto-columns: minmax(min-content, 1fr);\n  grid-auto-flow: column;\n  grid-column-gap: var(--salt-size-unit);\n}\n";
-styleInject_es(css_248z);
-
-module.exports = css_248z;
-//# sourceMappingURL=FormFieldControlWrapper.css.js.map

package/dist-cjs/packages/lab/src/form-field-next/FormFieldControlWrapper.css.js.map

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

package/dist-cjs/packages/lab/src/form-field-next/FormFieldControlWrapper.js

@@ -1,16 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@salt-ds/core');
-require('./FormFieldControlWrapper.css.js');
-
-const withBaseName = core.makePrefixer("saltFormFieldControlWrapper");
-const FormFieldControlWrapper = ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("div", {
-  className: withBaseName(),
-  children
-});
-
-exports.FormFieldControlWrapper = FormFieldControlWrapper;
-//# sourceMappingURL=FormFieldControlWrapper.js.map

package/dist-cjs/packages/lab/src/form-field-next/FormFieldControlWrapper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormFieldControlWrapper.js","sources":["../src/form-field-next/FormFieldControlWrapper.tsx"],"sourcesContent":["import { PropsWithChildren } from \"react\";\nimport { makePrefixer } from \"@salt-ds/core\";\n\nimport \"./FormFieldControlWrapper.css\";\n\nconst withBaseName = makePrefixer(\"saltFormFieldControlWrapper\");\n\nexport const FormFieldControlWrapper = ({ children }: PropsWithChildren) => (\n  <div className={withBaseName()}>{children}</div>\n);\n"],"names":["makePrefixer","jsx"],"mappings":";;;;;;;;AAKA,MAAM,YAAA,GAAeA,kBAAa,6BAA6B,CAAA,CAAA;AAExD,MAAM,uBAA0B,GAAA,CAAC,EAAE,QAAA,uBACvCC,cAAA,CAAA,KAAA,EAAA;AAAA,EAAI,WAAW,YAAa,EAAA;AAAA,EAAI,QAAA;AAAA,CAAS;;;;"}

package/dist-cjs/packages/lab/src/form-field-next/FormFieldHelperText.css.js

@@ -1,9 +0,0 @@
-'use strict';
-
-var styleInject_es = require('../../../../node_modules/style-inject/dist/style-inject.es.js');
-
-var css_248z = ".saltFormFieldHelperText {\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n}\n\n.saltFormFieldHelperText .saltText {\n  font-style: var(--saltFormField-helperText-fontStyle, var(--salt-editable-help-fontStyle));\n}\n\n.saltFormFieldHelperText-withValidation {\n  column-gap: var(--salt-size-adornmentGap);\n}\n";
-styleInject_es(css_248z);
-
-module.exports = css_248z;
-//# sourceMappingURL=FormFieldHelperText.css.js.map

package/dist-cjs/packages/lab/src/form-field-next/FormFieldHelperText.css.js.map

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

package/dist-cjs/packages/lab/src/form-field-next/FormFieldHelperText.js

@@ -1,45 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var clsx = require('clsx');
-var core = require('@salt-ds/core');
-require('../form-field-context-next/FormFieldContextNext.js');
-var useFormFieldPropsNext = require('../form-field-context-next/useFormFieldPropsNext.js');
-require('./FormFieldHelperText.css.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var clsx__default = /*#__PURE__*/_interopDefaultLegacy(clsx);
-
-const withBaseName = core.makePrefixer("saltFormFieldHelperText");
-const FormFieldHelperText = ({
-  className,
-  children,
-  ...restProps
-}) => {
-  const { disabled, readOnly, validationStatus } = useFormFieldPropsNext.useFormFieldPropsNext();
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
-    className: clsx__default["default"](
-      withBaseName(),
-      { [withBaseName("withValidation")]: validationStatus },
-      className
-    ),
-    children: [
-      !disabled && !readOnly && validationStatus && /* @__PURE__ */ jsxRuntime.jsx(core.StatusIndicator, {
-        status: validationStatus
-      }),
-      /* @__PURE__ */ jsxRuntime.jsx(core.Text, {
-        disabled,
-        variant: "secondary",
-        styleAs: "label",
-        ...restProps,
-        children
-      })
-    ]
-  });
-};
-
-exports.FormFieldHelperText = FormFieldHelperText;
-//# sourceMappingURL=FormFieldHelperText.js.map

package/dist-cjs/packages/lab/src/form-field-next/FormFieldHelperText.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormFieldHelperText.js","sources":["../src/form-field-next/FormFieldHelperText.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { makePrefixer, StatusIndicator, Text, TextProps } from \"@salt-ds/core\";\nimport { useFormFieldPropsNext } from \"../form-field-context-next\";\n\nimport \"./FormFieldHelperText.css\";\n\nconst withBaseName = makePrefixer(\"saltFormFieldHelperText\");\n\nexport const FormFieldHelperText = ({\n  className,\n  children,\n  ...restProps\n}: Omit<TextProps<\"label\">, \"variant\" | \"styleAs\">) => {\n  const { disabled, readOnly, validationStatus } = useFormFieldPropsNext();\n\n  return (\n    <div\n      className={clsx(\n        withBaseName(),\n        { [withBaseName(\"withValidation\")]: validationStatus },\n        className\n      )}\n    >\n      {!disabled && !readOnly && validationStatus && (\n        <StatusIndicator status={validationStatus} />\n      )}\n      <Text\n        disabled={disabled}\n        variant=\"secondary\"\n        styleAs=\"label\"\n        {...restProps}\n      >\n        {children}\n      </Text>\n    </div>\n  );\n};\n"],"names":["makePrefixer","useFormFieldPropsNext","jsxs","clsx","jsx","StatusIndicator","Text"],"mappings":";;;;;;;;;;;;;;;AAMA,MAAM,YAAA,GAAeA,kBAAa,yBAAyB,CAAA,CAAA;AAEpD,MAAM,sBAAsB,CAAC;AAAA,EAClC,SAAA;AAAA,EACA,QAAA;AAAA,EACG,GAAA,SAAA;AACL,CAAuD,KAAA;AACrD,EAAA,MAAM,EAAE,QAAA,EAAU,QAAU,EAAA,gBAAA,KAAqBC,2CAAsB,EAAA,CAAA;AAEvE,EAAA,uBACGC,eAAA,CAAA,KAAA,EAAA;AAAA,IACC,SAAW,EAAAC,wBAAA;AAAA,MACT,YAAa,EAAA;AAAA,MACb,EAAE,CAAC,YAAa,CAAA,gBAAgB,IAAI,gBAAiB,EAAA;AAAA,MACrD,SAAA;AAAA,KACF;AAAA,IAEC,QAAA,EAAA;AAAA,MAAA,CAAC,QAAY,IAAA,CAAC,QAAY,IAAA,gBAAA,oBACxBC,cAAA,CAAAC,oBAAA,EAAA;AAAA,QAAgB,MAAQ,EAAA,gBAAA;AAAA,OAAkB,CAAA;AAAA,sBAE5CD,cAAA,CAAAE,SAAA,EAAA;AAAA,QACC,QAAA;AAAA,QACA,OAAQ,EAAA,WAAA;AAAA,QACR,OAAQ,EAAA,OAAA;AAAA,QACP,GAAG,SAAA;AAAA,QAEH,QAAA;AAAA,OACH,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ;;;;"}

package/dist-cjs/packages/lab/src/form-field-next/FormFieldLabel.css.js

@@ -1,9 +0,0 @@
-'use strict';
-
-var styleInject_es = require('../../../../node_modules/style-inject/dist/style-inject.es.js');
-
-var css_248z = ".saltFormFieldLabel.saltText {\n  align-self: center;\n  font-weight: var(--saltFormField-label-fontWeight, var(--salt-text-fontWeight-strong));\n  width: 100%;\n}\n\n.saltFormFieldLabel:hover + .saltFormFieldNext-controls * {\n  --inputNext-borderColor: var(--inputNext-borderColor-hover);\n}\n";
-styleInject_es(css_248z);
-
-module.exports = css_248z;
-//# sourceMappingURL=FormFieldLabel.css.js.map

package/dist-cjs/packages/lab/src/form-field-next/FormFieldLabel.css.js.map

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

package/dist-cjs/packages/lab/src/form-field-next/FormFieldLabel.js

@@ -1,30 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var clsx = require('clsx');
-var core = require('@salt-ds/core');
-require('../form-field-context-next/FormFieldContextNext.js');
-var useFormFieldPropsNext = require('../form-field-context-next/useFormFieldPropsNext.js');
-require('./FormFieldLabel.css.js');
-
-const withBaseName = core.makePrefixer("saltFormFieldLabel");
-const FormFieldLabel = ({
-  className,
-  children,
-  ...restProps
-}) => {
-  const { disabled } = useFormFieldPropsNext.useFormFieldPropsNext();
-  return /* @__PURE__ */ jsxRuntime.jsx(core.Label, {
-    as: "label",
-    className: clsx.clsx(withBaseName(), className),
-    disabled,
-    variant: "secondary",
-    ...restProps,
-    children
-  });
-};
-
-exports.FormFieldLabel = FormFieldLabel;
-//# sourceMappingURL=FormFieldLabel.js.map

package/dist-cjs/packages/lab/src/form-field-next/FormFieldLabel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormFieldLabel.js","sources":["../src/form-field-next/FormFieldLabel.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { Label, makePrefixer, TextProps } from \"@salt-ds/core\";\nimport { useFormFieldPropsNext } from \"../form-field-context-next\";\n\nimport \"./FormFieldLabel.css\";\n\nconst withBaseName = makePrefixer(\"saltFormFieldLabel\");\n\nexport const FormFieldLabel = ({\n  className,\n  children,\n  ...restProps\n}: Omit<TextProps<\"label\">, \"variant\" | \"styleAs\">) => {\n  const { disabled } = useFormFieldPropsNext();\n\n  return (\n    <Label\n      as=\"label\"\n      className={clsx(withBaseName(), className)}\n      disabled={disabled}\n      variant=\"secondary\"\n      {...restProps}\n    >\n      {children}\n    </Label>\n  );\n};\n"],"names":["makePrefixer","useFormFieldPropsNext","jsx","Label","clsx"],"mappings":";;;;;;;;;;;AAMA,MAAM,YAAA,GAAeA,kBAAa,oBAAoB,CAAA,CAAA;AAE/C,MAAM,iBAAiB,CAAC;AAAA,EAC7B,SAAA;AAAA,EACA,QAAA;AAAA,EACG,GAAA,SAAA;AACL,CAAuD,KAAA;AACrD,EAAM,MAAA,EAAE,QAAS,EAAA,GAAIC,2CAAsB,EAAA,CAAA;AAE3C,EAAA,uBACGC,cAAA,CAAAC,UAAA,EAAA;AAAA,IACC,EAAG,EAAA,OAAA;AAAA,IACH,SAAW,EAAAC,SAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,IACzC,QAAA;AAAA,IACA,OAAQ,EAAA,WAAA;AAAA,IACP,GAAG,SAAA;AAAA,IAEH,QAAA;AAAA,GACH,CAAA,CAAA;AAEJ;;;;"}

package/dist-cjs/packages/lab/src/form-field-next/FormFieldNext.css.js

@@ -1,9 +0,0 @@
-'use strict';
-
-var styleInject_es = require('../../../../node_modules/style-inject/dist/style-inject.es.js');
-
-var css_248z = ".saltFormFieldNext {\n  display: inline-grid;\n  position: relative;\n  column-gap: var(--salt-size-adornmentGap);\n  row-gap: var(--salt-size-adornmentGap);\n  width: var(--saltFormFieldNext-width, 100%);\n}\n\n.saltFormFieldNext-labelLeft {\n  align-self: center;\n  grid-template-columns: 40% 1fr;\n}\n\n.saltFormFieldNext-labelTop {\n}\n\n.saltFormFieldNext-controls {\n  align-items: center;\n  display: grid;\n  grid-auto-columns: minmax(0, 1fr);\n  grid-auto-flow: column;\n  grid-column-gap: var(--salt-size-adornmentGap);\n}\n\n.saltFormFieldNext > * {\n  grid-row-start: 2;\n  grid-row-end: 3;\n}\n\n.saltFormFieldNext > .saltFormFieldLabel {\n  grid-row-start: 1;\n  grid-row-end: 2;\n}\n\n.saltFormFieldNext-labelLeft > * {\n  grid-row-start: 1;\n  grid-row-end: 2;\n}\n\n.saltFormFieldNext > .saltFormFieldHelperText {\n  grid-row-start: 3;\n  grid-row-end: 4;\n}\n\n.saltFormFieldNext.saltFormFieldNext-labelLeft > .saltFormFieldHelperText {\n  grid-row-start: 2;\n  grid-row-end: 3;\n}\n\n.saltFormFieldNext-labelLeft > .saltFormFieldLabel ~ * {\n  grid-column-start: 2;\n  grid-column-end: 2;\n}\n\n.saltFormFieldNext-disabled .saltInputNext-focused {\n  outline: none;\n}\n";
-styleInject_es(css_248z);
-
-module.exports = css_248z;
-//# sourceMappingURL=FormFieldNext.css.js.map

package/dist-cjs/packages/lab/src/form-field-next/FormFieldNext.css.js.map

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

package/dist-cjs/packages/lab/src/form-field-next/FormFieldNext.js

@@ -1,56 +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 FormFieldContextNext = require('../form-field-context-next/FormFieldContextNext.js');
-require('./FormFieldNext.css.js');
-
-const withBaseName = core.makePrefixer("saltFormFieldNext");
-const FormField = React.forwardRef(
-  ({
-    children,
-    className,
-    disabled = false,
-    labelPlacement = "top",
-    onBlur,
-    onFocus,
-    readOnly = false,
-    id: idProp,
-    validationStatus,
-    ...restProps
-  }, ref) => {
-    const labelId = core.useId();
-    const helperTextId = core.useId();
-    const a11yProps = React.useMemo(
-      () => ({
-        "aria-labelledby": labelId,
-        "aria-describedby": helperTextId
-      }),
-      [labelId, helperTextId]
-    );
-    return /* @__PURE__ */ jsxRuntime.jsx("div", {
-      ref,
-      className: clsx.clsx(
-        withBaseName(),
-        {
-          [withBaseName("disabled")]: disabled,
-          [withBaseName("readOnly")]: readOnly,
-          [withBaseName(`label${core.capitalize(labelPlacement)}`)]: labelPlacement
-        },
-        className
-      ),
-      ...restProps,
-      children: /* @__PURE__ */ jsxRuntime.jsx(FormFieldContextNext.FormFieldContextNext.Provider, {
-        value: { a11yProps, disabled, readOnly, validationStatus },
-        children
-      })
-    });
-  }
-);
-
-exports.FormField = FormField;
-//# sourceMappingURL=FormFieldNext.js.map

package/dist-cjs/packages/lab/src/form-field-next/FormFieldNext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormFieldNext.js","sources":["../src/form-field-next/FormFieldNext.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { ForwardedRef, forwardRef, HTMLAttributes, useMemo } from \"react\";\nimport { makePrefixer, useId, capitalize } from \"@salt-ds/core\";\nimport {\n  A11yValueProps,\n  FormFieldContextNext,\n} from \"../form-field-context-next\";\n\nimport \"./FormFieldNext.css\";\n\nexport type FormFieldLabelPlacement = \"top\" | \"left\";\n\nexport interface FormFieldProps\n  extends HTMLAttributes<HTMLDivElement>,\n    A11yValueProps {\n  /**\n   * Disabled prop\n   */\n  disabled?: boolean;\n  /**\n   * Location of the label, values: 'top' (default) or 'left'\n   */\n  labelPlacement?: FormFieldLabelPlacement;\n  /**\n   * Readonly prop\n   */\n  readOnly?: boolean;\n  /**\n   * Optional id prop\n   */\n  id?: string;\n  /**\n   * Validation status\n   */\n  validationStatus?: \"error\" | \"warning\" | \"success\";\n}\n\nconst withBaseName = makePrefixer(\"saltFormFieldNext\");\n\nexport const FormField = forwardRef(\n  (\n    {\n      children,\n      className,\n      disabled = false,\n      labelPlacement = \"top\",\n      onBlur,\n      onFocus,\n      readOnly = false,\n      id: idProp,\n      validationStatus,\n      ...restProps\n    }: FormFieldProps,\n    ref: ForwardedRef<HTMLDivElement>\n  ) => {\n    const labelId = useId();\n    const helperTextId = useId();\n\n    const a11yProps = useMemo(\n      () => ({\n        \"aria-labelledby\": labelId,\n        \"aria-describedby\": helperTextId,\n      }),\n      [labelId, helperTextId]\n    );\n\n    return (\n      <div\n        ref={ref}\n        className={clsx(\n          withBaseName(),\n          {\n            [withBaseName(\"disabled\")]: disabled,\n            [withBaseName(\"readOnly\")]: readOnly,\n            [withBaseName(`label${capitalize(labelPlacement)}`)]:\n              labelPlacement,\n          },\n          className\n        )}\n        {...restProps}\n      >\n        <FormFieldContextNext.Provider\n          value={{ a11yProps, disabled, readOnly, validationStatus }}\n        >\n          {children}\n        </FormFieldContextNext.Provider>\n      </div>\n    );\n  }\n);\n"],"names":["makePrefixer","forwardRef","useId","useMemo","jsx","clsx","capitalize","FormFieldContextNext"],"mappings":";;;;;;;;;;;AAqCA,MAAM,YAAA,GAAeA,kBAAa,mBAAmB,CAAA,CAAA;AAE9C,MAAM,SAAY,GAAAC,gBAAA;AAAA,EACvB,CACE;AAAA,IACE,QAAA;AAAA,IACA,SAAA;AAAA,IACA,QAAW,GAAA,KAAA;AAAA,IACX,cAAiB,GAAA,KAAA;AAAA,IACjB,MAAA;AAAA,IACA,OAAA;AAAA,IACA,QAAW,GAAA,KAAA;AAAA,IACX,EAAI,EAAA,MAAA;AAAA,IACJ,gBAAA;AAAA,IACG,GAAA,SAAA;AAAA,KAEL,GACG,KAAA;AACH,IAAA,MAAM,UAAUC,UAAM,EAAA,CAAA;AACtB,IAAA,MAAM,eAAeA,UAAM,EAAA,CAAA;AAE3B,IAAA,MAAM,SAAY,GAAAC,aAAA;AAAA,MAChB,OAAO;AAAA,QACL,iBAAmB,EAAA,OAAA;AAAA,QACnB,kBAAoB,EAAA,YAAA;AAAA,OACtB,CAAA;AAAA,MACA,CAAC,SAAS,YAAY,CAAA;AAAA,KACxB,CAAA;AAEA,IAAA,uBACGC,cAAA,CAAA,KAAA,EAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAW,EAAAC,SAAA;AAAA,QACT,YAAa,EAAA;AAAA,QACb;AAAA,UACE,CAAC,YAAa,CAAA,UAAU,CAAI,GAAA,QAAA;AAAA,UAC5B,CAAC,YAAa,CAAA,UAAU,CAAI,GAAA,QAAA;AAAA,UAC5B,CAAC,YAAa,CAAA,CAAA,KAAA,EAAQC,eAAW,CAAA,cAAc,GAAG,CAChD,GAAA,cAAA;AAAA,SACJ;AAAA,QACA,SAAA;AAAA,OACF;AAAA,MACC,GAAG,SAAA;AAAA,MAEJ,QAAA,kBAAAF,cAAA,CAACG,0CAAqB,QAArB,EAAA;AAAA,QACC,KAAO,EAAA,EAAE,SAAW,EAAA,QAAA,EAAU,UAAU,gBAAiB,EAAA;AAAA,QAExD,QAAA;AAAA,OACH,CAAA;AAAA,KACF,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist-cjs/packages/lab/src/form-group/FormGroup.css.js

@@ -1,9 +0,0 @@
-'use strict';
-
-var styleInject_es = require('../../../../node_modules/style-inject/dist/style-inject.es.js');
-
-var css_248z = ".saltFormGroup {\n  display: flex;\n  flex-direction: column;\n  flex-wrap: wrap;\n  justify-content: space-between;\n}\n\n.saltFormGroup-row {\n  flex-direction: row;\n  float: left;\n}\n";
-styleInject_es(css_248z);
-
-module.exports = css_248z;
-//# sourceMappingURL=FormGroup.css.js.map

package/dist-cjs/packages/lab/src/form-group/FormGroup.css.js.map

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

package/dist-cjs/packages/lab/src/form-group/FormGroup.js

@@ -1,22 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var clsx = require('clsx');
-require('./FormGroup.css.js');
-
-const baseName = "saltFormGroup";
-const FormGroup = React.forwardRef(
-  function FormGroup2({ className, row, ...other }, ref) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", {
-      className: clsx.clsx(baseName, { [`${baseName}-row`]: row }, className),
-      ref,
-      ...other
-    });
-  }
-);
-
-exports.FormGroup = FormGroup;
-//# sourceMappingURL=FormGroup.js.map

package/dist-cjs/packages/lab/src/form-group/FormGroup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormGroup.js","sources":["../src/form-group/FormGroup.tsx"],"sourcesContent":["import { forwardRef, HTMLAttributes } from \"react\";\nimport { clsx } from \"clsx\";\n\nimport \"./FormGroup.css\";\n\nexport interface FormGroupProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Display group of elements in a compact row.\n   */\n  row?: boolean;\n}\n\nconst baseName = \"saltFormGroup\";\n\nexport const FormGroup = forwardRef<HTMLDivElement, FormGroupProps>(\n  function FormGroup({ className, row, ...other }, ref) {\n    return (\n      <div\n        className={clsx(baseName, { [`${baseName}-row`]: row }, className)}\n        ref={ref}\n        {...other}\n      />\n    );\n  }\n);\n"],"names":["forwardRef","FormGroup","jsx","clsx"],"mappings":";;;;;;;;;AAYA,MAAM,QAAW,GAAA,eAAA,CAAA;AAEV,MAAM,SAAY,GAAAA,gBAAA;AAAA,EACvB,SAASC,UAAU,CAAA,EAAE,WAAW,GAAQ,EAAA,GAAA,KAAA,IAAS,GAAK,EAAA;AACpD,IAAA,uBACGC,cAAA,CAAA,KAAA,EAAA;AAAA,MACC,SAAA,EAAWC,UAAK,QAAU,EAAA,EAAE,CAAC,CAAG,EAAA,QAAA,CAAA,IAAA,CAAA,GAAiB,GAAI,EAAA,EAAG,SAAS,CAAA;AAAA,MACjE,GAAA;AAAA,MACC,GAAG,KAAA;AAAA,KACN,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}