@react-md/core 1.0.0-next.20 → 1.0.0-next.21

package/dist/form/fieldsetStyles.d.ts

@@ -0,0 +1,19 @@
+/** @since 6.0.0 */
+export interface FieldsetClassNameOptions {
+    className?: string;
+    /**
+     * Set this to `true` to enable the default browser styles for a fieldset.
+     *
+     * @since 6.0.0 This was renamed from `unstyled`.
+     * @defaultValue `false`
+     */
+    browserStyles?: boolean;
+    /**
+     * @defaultValue `false`
+     */
+    fullWidth?: boolean;
+}
+/**
+ * @since 6.0.0
+ */
+export declare function fieldset(options?: FieldsetClassNameOptions): string;

package/dist/form/fieldsetStyles.js

@@ -0,0 +1,14 @@
+import { cnb } from "cnbuilder";
+import { bem } from "../utils/bem.js";
+const styles = bem("rmd-fieldset");
+/**
+ * @since 6.0.0
+ */ export function fieldset(options = {}) {
+    const { className, fullWidth, browserStyles = false } = options;
+    return cnb(styles({
+        unstyled: !browserStyles,
+        "full-width": fullWidth
+    }), className);
+}
+
+//# sourceMappingURL=fieldsetStyles.js.map

package/dist/form/fieldsetStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/form/fieldsetStyles.ts"],"sourcesContent":["import { cnb } from \"cnbuilder\";\n\nimport { bem } from \"../utils/bem.js\";\n\nconst styles = bem(\"rmd-fieldset\");\n\n/** @since 6.0.0 */\nexport interface FieldsetClassNameOptions {\n  className?: string;\n\n  /**\n   * Set this to `true` to enable the default browser styles for a fieldset.\n   *\n   * @since 6.0.0 This was renamed from `unstyled`.\n   * @defaultValue `false`\n   */\n  browserStyles?: boolean;\n\n  /**\n   * @defaultValue `false`\n   */\n  fullWidth?: boolean;\n}\n\n/**\n * @since 6.0.0\n */\nexport function fieldset(options: FieldsetClassNameOptions = {}): string {\n  const { className, fullWidth, browserStyles = false } = options;\n\n  return cnb(\n    styles({ unstyled: !browserStyles, \"full-width\": fullWidth }),\n    className\n  );\n}\n"],"names":["cnb","bem","styles","fieldset","options","className","fullWidth","browserStyles","unstyled"],"mappings":"AAAA,SAASA,GAAG,QAAQ,YAAY;AAEhC,SAASC,GAAG,QAAQ,kBAAkB;AAEtC,MAAMC,SAASD,IAAI;AAoBnB;;CAEC,GACD,OAAO,SAASE,SAASC,UAAoC,CAAC,CAAC;IAC7D,MAAM,EAAEC,SAAS,EAAEC,SAAS,EAAEC,gBAAgB,KAAK,EAAE,GAAGH;IAExD,OAAOJ,IACLE,OAAO;QAAEM,UAAU,CAACD;QAAe,cAAcD;IAAU,IAC3DD;AAEJ"}

package/dist/form/formConfig.js

@@ -1,9 +1,28 @@
+// NOTE: Uses get/set for test mocking
+let theme = "outline";
+let underlineDirection = "left";
+let uncontrolledToggles = true;
 /**
  * @since 6.0.0
  */ export const FORM_CONFIG = {
-    theme: "outline",
-    underlineDirection: "left",
-    uncontrolledToggles: true
+    get theme () {
+        return theme;
+    },
+    set theme (nextTheme){
+        theme = nextTheme;
+    },
+    get underlineDirection () {
+        return underlineDirection;
+    },
+    set underlineDirection (nextUnderlineDirection){
+        underlineDirection = nextUnderlineDirection;
+    },
+    get uncontrolledToggles () {
+        return uncontrolledToggles;
+    },
+    set uncontrolledToggles (nextUncontrolledToggles){
+        uncontrolledToggles = nextUncontrolledToggles;
+    }
 };
 /**
  * @since 6.0.0

package/dist/form/formConfig.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/form/formConfig.ts"],"sourcesContent":["import { type FormConfiguration } from \"./types.js\";\n\n/**\n * @since 6.0.0\n */\nexport const FORM_CONFIG: FormConfiguration = {\n  theme: \"outline\",\n  underlineDirection: \"left\",\n  uncontrolledToggles: true,\n};\n\n/**\n * @since 6.0.0\n */\nexport function getFormConfig<N extends keyof FormConfiguration>(\n  name: N,\n  override?: FormConfiguration[N]\n): FormConfiguration[N] {\n  if (typeof override !== \"undefined\") {\n    return override;\n  }\n\n  return FORM_CONFIG[name];\n}\n"],"names":["FORM_CONFIG","theme","underlineDirection","uncontrolledToggles","getFormConfig","name","override"],"mappings":"AAEA;;CAEC,GACD,OAAO,MAAMA,cAAiC;IAC5CC,OAAO;IACPC,oBAAoB;IACpBC,qBAAqB;AACvB,EAAE;AAEF;;CAEC,GACD,OAAO,SAASC,cACdC,IAAO,EACPC,QAA+B;IAE/B,IAAI,OAAOA,aAAa,aAAa;QACnC,OAAOA;IACT;IAEA,OAAON,WAAW,CAACK,KAAK;AAC1B"}
+{"version":3,"sources":["../../src/form/formConfig.ts"],"sourcesContent":["import {\n  type FormConfiguration,\n  type FormTheme,\n  type FormUnderlineDirection,\n} from \"./types.js\";\n\n// NOTE: Uses get/set for test mocking\n\nlet theme: FormTheme = \"outline\";\nlet underlineDirection: FormUnderlineDirection = \"left\";\nlet uncontrolledToggles = true;\n\n/**\n * @since 6.0.0\n */\nexport const FORM_CONFIG: FormConfiguration = {\n  get theme() {\n    return theme;\n  },\n  set theme(nextTheme: FormTheme) {\n    theme = nextTheme;\n  },\n  get underlineDirection() {\n    return underlineDirection;\n  },\n  set underlineDirection(nextUnderlineDirection: FormUnderlineDirection) {\n    underlineDirection = nextUnderlineDirection;\n  },\n  get uncontrolledToggles() {\n    return uncontrolledToggles;\n  },\n  set uncontrolledToggles(nextUncontrolledToggles: boolean) {\n    uncontrolledToggles = nextUncontrolledToggles;\n  },\n};\n\n/**\n * @since 6.0.0\n */\nexport function getFormConfig<N extends keyof FormConfiguration>(\n  name: N,\n  override?: FormConfiguration[N]\n): FormConfiguration[N] {\n  if (typeof override !== \"undefined\") {\n    return override;\n  }\n\n  return FORM_CONFIG[name];\n}\n"],"names":["theme","underlineDirection","uncontrolledToggles","FORM_CONFIG","nextTheme","nextUnderlineDirection","nextUncontrolledToggles","getFormConfig","name","override"],"mappings":"AAMA,sCAAsC;AAEtC,IAAIA,QAAmB;AACvB,IAAIC,qBAA6C;AACjD,IAAIC,sBAAsB;AAE1B;;CAEC,GACD,OAAO,MAAMC,cAAiC;IAC5C,IAAIH,SAAQ;QACV,OAAOA;IACT;IACA,IAAIA,OAAMI,UAAsB;QAC9BJ,QAAQI;IACV;IACA,IAAIH,sBAAqB;QACvB,OAAOA;IACT;IACA,IAAIA,oBAAmBI,uBAAgD;QACrEJ,qBAAqBI;IACvB;IACA,IAAIH,uBAAsB;QACxB,OAAOA;IACT;IACA,IAAIA,qBAAoBI,wBAAkC;QACxDJ,sBAAsBI;IACxB;AACF,EAAE;AAEF;;CAEC,GACD,OAAO,SAASC,cACdC,IAAO,EACPC,QAA+B;IAE/B,IAAI,OAAOA,aAAa,aAAa;QACnC,OAAOA;IACT;IAEA,OAAON,WAAW,CAACK,KAAK;AAC1B"}

package/dist/form/labelStyles.d.ts

@@ -0,0 +1,5 @@
+import { type LabelClassNameOptions } from "./types.js";
+/**
+ * @since 6.0.0
+ */
+export declare function label(options: LabelClassNameOptions): string;

package/dist/form/labelStyles.js

@@ -0,0 +1,34 @@
+import { cnb } from "cnbuilder";
+import { cssUtils } from "../cssUtils.js";
+import { bem } from "../utils/bem.js";
+const styles = bem("rmd-label");
+/**
+ * @since 6.0.0
+ */ export function label(options) {
+    const { className, gap, error, dense, active, stacked, reversed, disabled, floating, inactive, floatingActive = active } = options;
+    let textColor;
+    if (disabled) {
+        textColor = "text-disabled";
+    } else if (error) {
+        textColor = "error";
+    } else if (floating && inactive) {
+        textColor = "text-secondary";
+    }
+    return cnb(styles({
+        gap,
+        error,
+        dense,
+        active,
+        disabled,
+        floating,
+        stacked: stacked && !reversed,
+        reversed: !stacked && reversed,
+        "stacked-reversed": stacked && reversed,
+        "floating-dense": floating && dense,
+        "floating-active": floating && floatingActive
+    }), cssUtils({
+        textColor
+    }), className);
+}
+
+//# sourceMappingURL=labelStyles.js.map

package/dist/form/labelStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/form/labelStyles.ts"],"sourcesContent":["import { cnb } from \"cnbuilder\";\n\nimport { type TextColor, type ThemeColor, cssUtils } from \"../cssUtils.js\";\nimport { bem } from \"../utils/bem.js\";\nimport { type LabelClassNameOptions } from \"./types.js\";\n\nconst styles = bem(\"rmd-label\");\n\n/**\n * @since 6.0.0\n */\nexport function label(options: LabelClassNameOptions): string {\n  const {\n    className,\n    gap,\n    error,\n    dense,\n    active,\n    stacked,\n    reversed,\n    disabled,\n    floating,\n    inactive,\n    floatingActive = active,\n  } = options;\n\n  let textColor: TextColor | ThemeColor | undefined;\n  if (disabled) {\n    textColor = \"text-disabled\";\n  } else if (error) {\n    textColor = \"error\";\n  } else if (floating && inactive) {\n    textColor = \"text-secondary\";\n  }\n\n  return cnb(\n    styles({\n      gap,\n      error,\n      dense,\n      active,\n      disabled,\n      floating,\n      stacked: stacked && !reversed,\n      reversed: !stacked && reversed,\n      \"stacked-reversed\": stacked && reversed,\n      \"floating-dense\": floating && dense,\n      \"floating-active\": floating && floatingActive,\n    }),\n    cssUtils({\n      textColor,\n    }),\n    className\n  );\n}\n"],"names":["cnb","cssUtils","bem","styles","label","options","className","gap","error","dense","active","stacked","reversed","disabled","floating","inactive","floatingActive","textColor"],"mappings":"AAAA,SAASA,GAAG,QAAQ,YAAY;AAEhC,SAA0CC,QAAQ,QAAQ,iBAAiB;AAC3E,SAASC,GAAG,QAAQ,kBAAkB;AAGtC,MAAMC,SAASD,IAAI;AAEnB;;CAEC,GACD,OAAO,SAASE,MAAMC,OAA8B;IAClD,MAAM,EACJC,SAAS,EACTC,GAAG,EACHC,KAAK,EACLC,KAAK,EACLC,MAAM,EACNC,OAAO,EACPC,QAAQ,EACRC,QAAQ,EACRC,QAAQ,EACRC,QAAQ,EACRC,iBAAiBN,MAAM,EACxB,GAAGL;IAEJ,IAAIY;IACJ,IAAIJ,UAAU;QACZI,YAAY;IACd,OAAO,IAAIT,OAAO;QAChBS,YAAY;IACd,OAAO,IAAIH,YAAYC,UAAU;QAC/BE,YAAY;IACd;IAEA,OAAOjB,IACLG,OAAO;QACLI;QACAC;QACAC;QACAC;QACAG;QACAC;QACAH,SAASA,WAAW,CAACC;QACrBA,UAAU,CAACD,WAAWC;QACtB,oBAAoBD,WAAWC;QAC/B,kBAAkBE,YAAYL;QAC9B,mBAAmBK,YAAYE;IACjC,IACAf,SAAS;QACPgB;IACF,IACAX;AAEJ"}

package/dist/form/sliderStyles.d.ts

@@ -0,0 +1,89 @@
+/**
+ * @since 6.0.0
+ */
+export interface SliderContainerClassNameOptions {
+    className?: string;
+    vertical?: boolean;
+    beforeAddon?: boolean;
+    afterAddon?: boolean;
+}
+/**
+ * @since 6.0.0
+ */
+export declare function sliderContainer(options?: SliderContainerClassNameOptions): string;
+/**
+ * @since 6.0.0
+ */
+export interface SliderMarkClassNameOptions {
+    className?: string;
+    active: boolean;
+    vertical: boolean;
+}
+/**
+ * @since 6.0.0
+ */
+export declare function sliderMark(options: SliderMarkClassNameOptions): string;
+/**
+ * @since 6.0.0
+ */
+export interface SliderMarkLabelClassNameOptions {
+    className?: string;
+    vertical: boolean;
+}
+/**
+ * @since 6.0.0
+ */
+export declare function sliderMarkLabel(options: SliderMarkLabelClassNameOptions): string;
+/**
+ * @since 6.0.0
+ */
+export interface SliderThumbClassNameOptions {
+    className?: string;
+    mask?: boolean;
+    index: 1 | 2;
+    active: boolean;
+    animate: boolean;
+    vertical: boolean;
+    disabled: boolean;
+}
+/**
+ * @since 6.0.0
+ */
+export declare function sliderThumb(options: SliderThumbClassNameOptions): string;
+/**
+ * @since 6.0.0
+ */
+export interface SliderThumbInputClassNameOptions {
+    className?: string;
+}
+/**
+ * @since 6.0.0
+ */
+export declare function sliderThumbInput(options?: SliderThumbInputClassNameOptions): string;
+/**
+ * @since 6.0.0
+ */
+export interface SliderTrackClassNameOptions {
+    className?: string;
+    animate?: boolean;
+    disabled?: boolean;
+    vertical: boolean;
+    isRangeSlider: boolean;
+}
+/**
+ * @since 6.0.0
+ */
+export declare function sliderTrack(options: SliderTrackClassNameOptions): string;
+/**
+ * @since 6.0.0
+ */
+export interface SliderValueTooltipClassNameOptions {
+    className?: string;
+    index: 1 | 2;
+    animate?: boolean;
+    vertical: boolean;
+}
+/**
+ * @since 6.0.0
+ */
+export declare function sliderValueTooltip(options: SliderValueTooltipClassNameOptions): string;

package/dist/form/sliderStyles.js

@@ -0,0 +1,96 @@
+import { cnb } from "cnbuilder";
+import { bem } from "../utils/bem.js";
+const sliderContainerStyles = bem("rmd-slider-container");
+const sliderMarkStyles = bem("rmd-slider-mark");
+const sliderMarkLabelStyles = bem("rmd-slider-mark-label");
+const sliderThumbStyles = bem("rmd-slider-thumb");
+const sliderTrackStyles = bem("rmd-slider-track");
+const sliderValueTooltipStyles = bem("rmd-slider-tooltip");
+/**
+ * @since 6.0.0
+ */ export function sliderContainer(options = {}) {
+    const { className, vertical, beforeAddon, afterAddon } = options;
+    return cnb(sliderContainerStyles({
+        h: !vertical,
+        "pad-left": !vertical && !beforeAddon,
+        "pad-right": !vertical && !afterAddon,
+        v: vertical,
+        "pad-bottom": vertical && !beforeAddon,
+        "pad-top": vertical && !afterAddon
+    }), className);
+}
+/**
+ * @since 6.0.0
+ */ export function sliderMark(options) {
+    const { className, active, vertical } = options;
+    return cnb(sliderMarkStyles({
+        active,
+        inactive: !active,
+        h: !vertical,
+        v: vertical
+    }), className);
+}
+/**
+ * @since 6.0.0
+ */ export function sliderMarkLabel(options) {
+    const { className, vertical } = options;
+    return cnb(sliderMarkLabelStyles({
+        h: !vertical,
+        v: vertical
+    }), className);
+}
+/**
+ * @since 6.0.0
+ */ export function sliderThumb(options) {
+    const { className, mask, index, active, animate, disabled, vertical } = options;
+    const isSecondThumb = index === 2;
+    return cnb(sliderThumbStyles({
+        h: !vertical,
+        h1: !vertical && !isSecondThumb,
+        h2: !vertical && isSecondThumb,
+        v: vertical,
+        v1: vertical && !isSecondThumb,
+        v2: vertical && isSecondThumb,
+        mask,
+        "mask-h": mask && !vertical,
+        "mask-v": mask && vertical,
+        active,
+        animate,
+        disabled,
+        "disabled-h": disabled && !vertical && !mask,
+        "disabled-v": disabled && vertical && !mask
+    }), className);
+}
+/**
+ * @since 6.0.0
+ */ export function sliderThumbInput(options = {}) {
+    const { className } = options;
+    return cnb(sliderThumbStyles("input"), className);
+}
+/**
+ * @since 6.0.0
+ */ export function sliderTrack(options) {
+    const { className, animate, disabled, vertical, isRangeSlider } = options;
+    return cnb(sliderTrackStyles({
+        animate,
+        disabled,
+        hoverable: !disabled,
+        h: !vertical,
+        h1: !vertical && !isRangeSlider,
+        h2: !vertical && isRangeSlider,
+        v: vertical,
+        v1: vertical && !isRangeSlider,
+        v2: vertical && isRangeSlider
+    }), className);
+}
+/**
+ * @since 6.0.0
+ */ export function sliderValueTooltip(options) {
+    const { className, index, animate, vertical } = options;
+    return cnb(sliderValueTooltipStyles({
+        h: !vertical,
+        v: vertical
+    }), animate && "rmd-slider-thumb--animate", `rmd-slider-thumb--${vertical ? "v" : "h"}${index}`, className);
+}
+
+//# sourceMappingURL=sliderStyles.js.map

package/dist/form/sliderStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/form/sliderStyles.ts"],"sourcesContent":["import { cnb } from \"cnbuilder\";\n\nimport { bem } from \"../utils/bem.js\";\n\nconst sliderContainerStyles = bem(\"rmd-slider-container\");\nconst sliderMarkStyles = bem(\"rmd-slider-mark\");\nconst sliderMarkLabelStyles = bem(\"rmd-slider-mark-label\");\nconst sliderThumbStyles = bem(\"rmd-slider-thumb\");\nconst sliderTrackStyles = bem(\"rmd-slider-track\");\nconst sliderValueTooltipStyles = bem(\"rmd-slider-tooltip\");\n\n/**\n * @since 6.0.0\n */\nexport interface SliderContainerClassNameOptions {\n  className?: string;\n  vertical?: boolean;\n  beforeAddon?: boolean;\n  afterAddon?: boolean;\n}\n\n/**\n * @since 6.0.0\n */\nexport function sliderContainer(\n  options: SliderContainerClassNameOptions = {}\n): string {\n  const { className, vertical, beforeAddon, afterAddon } = options;\n\n  return cnb(\n    sliderContainerStyles({\n      h: !vertical,\n      \"pad-left\": !vertical && !beforeAddon,\n      \"pad-right\": !vertical && !afterAddon,\n      v: vertical,\n      \"pad-bottom\": vertical && !beforeAddon,\n      \"pad-top\": vertical && !afterAddon,\n    }),\n    className\n  );\n}\n\n/**\n * @since 6.0.0\n */\nexport interface SliderMarkClassNameOptions {\n  className?: string;\n  active: boolean;\n  vertical: boolean;\n}\n\n/**\n * @since 6.0.0\n */\nexport function sliderMark(options: SliderMarkClassNameOptions): string {\n  const { className, active, vertical } = options;\n\n  return cnb(\n    sliderMarkStyles({\n      active,\n      inactive: !active,\n      h: !vertical,\n      v: vertical,\n    }),\n    className\n  );\n}\n\n/**\n * @since 6.0.0\n */\nexport interface SliderMarkLabelClassNameOptions {\n  className?: string;\n  vertical: boolean;\n}\n\n/**\n * @since 6.0.0\n */\nexport function sliderMarkLabel(\n  options: SliderMarkLabelClassNameOptions\n): string {\n  const { className, vertical } = options;\n\n  return cnb(sliderMarkLabelStyles({ h: !vertical, v: vertical }), className);\n}\n\n/**\n * @since 6.0.0\n */\nexport interface SliderThumbClassNameOptions {\n  className?: string;\n\n  mask?: boolean;\n  index: 1 | 2;\n  active: boolean;\n  animate: boolean;\n  vertical: boolean;\n  disabled: boolean;\n}\n\n/**\n * @since 6.0.0\n */\nexport function sliderThumb(options: SliderThumbClassNameOptions): string {\n  const { className, mask, index, active, animate, disabled, vertical } =\n    options;\n\n  const isSecondThumb = index === 2;\n  return cnb(\n    sliderThumbStyles({\n      h: !vertical,\n      h1: !vertical && !isSecondThumb,\n      h2: !vertical && isSecondThumb,\n      v: vertical,\n      v1: vertical && !isSecondThumb,\n      v2: vertical && isSecondThumb,\n      mask,\n      \"mask-h\": mask && !vertical,\n      \"mask-v\": mask && vertical,\n      active,\n      animate,\n      disabled,\n      \"disabled-h\": disabled && !vertical && !mask,\n      \"disabled-v\": disabled && vertical && !mask,\n    }),\n    className\n  );\n}\n/**\n * @since 6.0.0\n */\nexport interface SliderThumbInputClassNameOptions {\n  className?: string;\n}\n\n/**\n * @since 6.0.0\n */\nexport function sliderThumbInput(\n  options: SliderThumbInputClassNameOptions = {}\n): string {\n  const { className } = options;\n\n  return cnb(sliderThumbStyles(\"input\"), className);\n}\n\n/**\n * @since 6.0.0\n */\nexport interface SliderTrackClassNameOptions {\n  className?: string;\n  animate?: boolean;\n  disabled?: boolean;\n  vertical: boolean;\n  isRangeSlider: boolean;\n}\n\n/**\n * @since 6.0.0\n */\nexport function sliderTrack(options: SliderTrackClassNameOptions): string {\n  const { className, animate, disabled, vertical, isRangeSlider } = options;\n  return cnb(\n    sliderTrackStyles({\n      animate,\n      disabled,\n      hoverable: !disabled,\n      h: !vertical,\n      h1: !vertical && !isRangeSlider,\n      h2: !vertical && isRangeSlider,\n      v: vertical,\n      v1: vertical && !isRangeSlider,\n      v2: vertical && isRangeSlider,\n    }),\n    className\n  );\n}\n\n/**\n * @since 6.0.0\n */\nexport interface SliderValueTooltipClassNameOptions {\n  className?: string;\n  index: 1 | 2;\n  animate?: boolean;\n  vertical: boolean;\n}\n\n/**\n * @since 6.0.0\n */\nexport function sliderValueTooltip(\n  options: SliderValueTooltipClassNameOptions\n): string {\n  const { className, index, animate, vertical } = options;\n\n  return cnb(\n    sliderValueTooltipStyles({ h: !vertical, v: vertical }),\n    animate && \"rmd-slider-thumb--animate\",\n    `rmd-slider-thumb--${vertical ? \"v\" : \"h\"}${index}`,\n    className\n  );\n}\n"],"names":["cnb","bem","sliderContainerStyles","sliderMarkStyles","sliderMarkLabelStyles","sliderThumbStyles","sliderTrackStyles","sliderValueTooltipStyles","sliderContainer","options","className","vertical","beforeAddon","afterAddon","h","v","sliderMark","active","inactive","sliderMarkLabel","sliderThumb","mask","index","animate","disabled","isSecondThumb","h1","h2","v1","v2","sliderThumbInput","sliderTrack","isRangeSlider","hoverable","sliderValueTooltip"],"mappings":"AAAA,SAASA,GAAG,QAAQ,YAAY;AAEhC,SAASC,GAAG,QAAQ,kBAAkB;AAEtC,MAAMC,wBAAwBD,IAAI;AAClC,MAAME,mBAAmBF,IAAI;AAC7B,MAAMG,wBAAwBH,IAAI;AAClC,MAAMI,oBAAoBJ,IAAI;AAC9B,MAAMK,oBAAoBL,IAAI;AAC9B,MAAMM,2BAA2BN,IAAI;AAYrC;;CAEC,GACD,OAAO,SAASO,gBACdC,UAA2C,CAAC,CAAC;IAE7C,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,WAAW,EAAEC,UAAU,EAAE,GAAGJ;IAEzD,OAAOT,IACLE,sBAAsB;QACpBY,GAAG,CAACH;QACJ,YAAY,CAACA,YAAY,CAACC;QAC1B,aAAa,CAACD,YAAY,CAACE;QAC3BE,GAAGJ;QACH,cAAcA,YAAY,CAACC;QAC3B,WAAWD,YAAY,CAACE;IAC1B,IACAH;AAEJ;AAWA;;CAEC,GACD,OAAO,SAASM,WAAWP,OAAmC;IAC5D,MAAM,EAAEC,SAAS,EAAEO,MAAM,EAAEN,QAAQ,EAAE,GAAGF;IAExC,OAAOT,IACLG,iBAAiB;QACfc;QACAC,UAAU,CAACD;QACXH,GAAG,CAACH;QACJI,GAAGJ;IACL,IACAD;AAEJ;AAUA;;CAEC,GACD,OAAO,SAASS,gBACdV,OAAwC;IAExC,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGF;IAEhC,OAAOT,IAAII,sBAAsB;QAAEU,GAAG,CAACH;QAAUI,GAAGJ;IAAS,IAAID;AACnE;AAgBA;;CAEC,GACD,OAAO,SAASU,YAAYX,OAAoC;IAC9D,MAAM,EAAEC,SAAS,EAAEW,IAAI,EAAEC,KAAK,EAAEL,MAAM,EAAEM,OAAO,EAAEC,QAAQ,EAAEb,QAAQ,EAAE,GACnEF;IAEF,MAAMgB,gBAAgBH,UAAU;IAChC,OAAOtB,IACLK,kBAAkB;QAChBS,GAAG,CAACH;QACJe,IAAI,CAACf,YAAY,CAACc;QAClBE,IAAI,CAAChB,YAAYc;QACjBV,GAAGJ;QACHiB,IAAIjB,YAAY,CAACc;QACjBI,IAAIlB,YAAYc;QAChBJ;QACA,UAAUA,QAAQ,CAACV;QACnB,UAAUU,QAAQV;QAClBM;QACAM;QACAC;QACA,cAAcA,YAAY,CAACb,YAAY,CAACU;QACxC,cAAcG,YAAYb,YAAY,CAACU;IACzC,IACAX;AAEJ;AAQA;;CAEC,GACD,OAAO,SAASoB,iBACdrB,UAA4C,CAAC,CAAC;IAE9C,MAAM,EAAEC,SAAS,EAAE,GAAGD;IAEtB,OAAOT,IAAIK,kBAAkB,UAAUK;AACzC;AAaA;;CAEC,GACD,OAAO,SAASqB,YAAYtB,OAAoC;IAC9D,MAAM,EAAEC,SAAS,EAAEa,OAAO,EAAEC,QAAQ,EAAEb,QAAQ,EAAEqB,aAAa,EAAE,GAAGvB;IAClE,OAAOT,IACLM,kBAAkB;QAChBiB;QACAC;QACAS,WAAW,CAACT;QACZV,GAAG,CAACH;QACJe,IAAI,CAACf,YAAY,CAACqB;QAClBL,IAAI,CAAChB,YAAYqB;QACjBjB,GAAGJ;QACHiB,IAAIjB,YAAY,CAACqB;QACjBH,IAAIlB,YAAYqB;IAClB,IACAtB;AAEJ;AAYA;;CAEC,GACD,OAAO,SAASwB,mBACdzB,OAA2C;IAE3C,MAAM,EAAEC,SAAS,EAAEY,KAAK,EAAEC,OAAO,EAAEZ,QAAQ,EAAE,GAAGF;IAEhD,OAAOT,IACLO,yBAAyB;QAAEO,GAAG,CAACH;QAAUI,GAAGJ;IAAS,IACrDY,WAAW,6BACX,CAAC,kBAAkB,EAAEZ,WAAW,MAAM,MAAMW,OAAO,EACnDZ;AAEJ"}

package/dist/form/switchStyles.d.ts

@@ -1,9 +1,3 @@
-declare module "react" {
-    interface CSSProperties {
-        "--rmd-switch-track-background-color"?: string;
-        "--rmd-switch-ball-background-color"?: string;
-    }
-}
 /**
  * @since 6.0.0
  */
@@ -13,6 +7,30 @@ export interface SwitchClassNameOptions {
     currentColor?: boolean;
 }
 /**
+ * NOTE: This has to be `switchStyles` do to `switch` being a reserved keyword
+ *
  * @since 6.0.0
  */
 export declare function switchStyles(options?: SwitchClassNameOptions): string;
+/**
+ * @since 6.0.0
+ */
+export interface SwitchTrackClassNameOptions {
+    className?: string;
+    disabled?: boolean;
+}
+/**
+ * @since 6.0.0
+ */
+export declare function switchTrack(options?: SwitchTrackClassNameOptions): string;
+/**
+ * @since 6.0.0
+ */
+export interface SwitchBallClassNameOptions {
+    className?: string;
+    active?: boolean;
+}
+/**
+ * @since 6.0.0
+ */
+export declare function switchBall(options?: SwitchBallClassNameOptions): string;

package/dist/form/switchStyles.js

@@ -2,6 +2,8 @@ import { cnb } from "cnbuilder";
 import { bem } from "../utils/bem.js";
 const styles = bem("rmd-switch");
 /**
+ * NOTE: This has to be `switchStyles` do to `switch` being a reserved keyword
+ *
  * @since 6.0.0
  */ export function switchStyles(options = {}) {
     const { className, clickable, currentColor } = options;
@@ -10,5 +12,21 @@ const styles = bem("rmd-switch");
         clickable
     }), className);
 }
+/**
+ * @since 6.0.0
+ */ export function switchTrack(options = {}) {
+    const { disabled, className } = options;
+    return cnb(styles("track", {
+        disabled
+    }), className);
+}
+/**
+ * @since 6.0.0
+ */ export function switchBall(options = {}) {
+    const { active, className } = options;
+    return cnb(styles("ball", {
+        active
+    }), className);
+}
 
 //# sourceMappingURL=switchStyles.js.map

package/dist/form/switchStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/form/switchStyles.ts"],"sourcesContent":["import { cnb } from \"cnbuilder\";\n\nimport { bem } from \"../utils/bem.js\";\n\ndeclare module \"react\" {\n  interface CSSProperties {\n    \"--rmd-switch-track-background-color\"?: string;\n    \"--rmd-switch-ball-background-color\"?: string;\n  }\n}\n\nconst styles = bem(\"rmd-switch\");\n\n/**\n * @since 6.0.0\n */\nexport interface SwitchClassNameOptions {\n  className?: string;\n  clickable?: boolean;\n  currentColor?: boolean;\n}\n\n/**\n * @since 6.0.0\n */\nexport function switchStyles(options: SwitchClassNameOptions = {}): string {\n  const { className, clickable, currentColor } = options;\n\n  return cnb(styles({ \"current-color\": currentColor, clickable }), className);\n}\n"],"names":["cnb","bem","styles","switchStyles","options","className","clickable","currentColor"],"mappings":"AAAA,SAASA,GAAG,QAAQ,YAAY;AAEhC,SAASC,GAAG,QAAQ,kBAAkB;AAStC,MAAMC,SAASD,IAAI;AAWnB;;CAEC,GACD,OAAO,SAASE,aAAaC,UAAkC,CAAC,CAAC;IAC/D,MAAM,EAAEC,SAAS,EAAEC,SAAS,EAAEC,YAAY,EAAE,GAAGH;IAE/C,OAAOJ,IAAIE,OAAO;QAAE,iBAAiBK;QAAcD;IAAU,IAAID;AACnE"}
+{"version":3,"sources":["../../src/form/switchStyles.ts"],"sourcesContent":["import { cnb } from \"cnbuilder\";\n\nimport { bem } from \"../utils/bem.js\";\n\nconst styles = bem(\"rmd-switch\");\n\n/**\n * @since 6.0.0\n */\nexport interface SwitchClassNameOptions {\n  className?: string;\n  clickable?: boolean;\n  currentColor?: boolean;\n}\n\n/**\n * NOTE: This has to be `switchStyles` do to `switch` being a reserved keyword\n *\n * @since 6.0.0\n */\nexport function switchStyles(options: SwitchClassNameOptions = {}): string {\n  const { className, clickable, currentColor } = options;\n\n  return cnb(styles({ \"current-color\": currentColor, clickable }), className);\n}\n\n/**\n * @since 6.0.0\n */\nexport interface SwitchTrackClassNameOptions {\n  className?: string;\n  disabled?: boolean;\n}\n\n/**\n * @since 6.0.0\n */\nexport function switchTrack(options: SwitchTrackClassNameOptions = {}): string {\n  const { disabled, className } = options;\n\n  return cnb(styles(\"track\", { disabled }), className);\n}\n\n/**\n * @since 6.0.0\n */\nexport interface SwitchBallClassNameOptions {\n  className?: string;\n  active?: boolean;\n}\n\n/**\n * @since 6.0.0\n */\nexport function switchBall(options: SwitchBallClassNameOptions = {}): string {\n  const { active, className } = options;\n\n  return cnb(styles(\"ball\", { active }), className);\n}\n"],"names":["cnb","bem","styles","switchStyles","options","className","clickable","currentColor","switchTrack","disabled","switchBall","active"],"mappings":"AAAA,SAASA,GAAG,QAAQ,YAAY;AAEhC,SAASC,GAAG,QAAQ,kBAAkB;AAEtC,MAAMC,SAASD,IAAI;AAWnB;;;;CAIC,GACD,OAAO,SAASE,aAAaC,UAAkC,CAAC,CAAC;IAC/D,MAAM,EAAEC,SAAS,EAAEC,SAAS,EAAEC,YAAY,EAAE,GAAGH;IAE/C,OAAOJ,IAAIE,OAAO;QAAE,iBAAiBK;QAAcD;IAAU,IAAID;AACnE;AAUA;;CAEC,GACD,OAAO,SAASG,YAAYJ,UAAuC,CAAC,CAAC;IACnE,MAAM,EAAEK,QAAQ,EAAEJ,SAAS,EAAE,GAAGD;IAEhC,OAAOJ,IAAIE,OAAO,SAAS;QAAEO;IAAS,IAAIJ;AAC5C;AAUA;;CAEC,GACD,OAAO,SAASK,WAAWN,UAAsC,CAAC,CAAC;IACjE,MAAM,EAAEO,MAAM,EAAEN,SAAS,EAAE,GAAGD;IAE9B,OAAOJ,IAAIE,OAAO,QAAQ;QAAES;IAAO,IAAIN;AACzC"}

package/dist/form/textAreaStyles.d.ts

@@ -1,11 +1,5 @@
 import { type TextFieldClassNameOptions } from "./textFieldStyles.js";
 import { type TextAreaResize } from "./useResizingTextArea.js";
-declare module "react" {
-    interface CSSProperties {
-        "--rmd-textarea-height"?: string | number;
-        "--rmd-textarea-padding"?: string | number;
-    }
-}
 /**
  * @since 6.0.0
  */

package/dist/form/textAreaStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/form/textAreaStyles.ts"],"sourcesContent":["import { cnb } from \"cnbuilder\";\n\nimport { bem } from \"../utils/bem.js\";\nimport {\n  type TextFieldClassNameOptions,\n  textField,\n} from \"./textFieldStyles.js\";\nimport { type TextAreaResize } from \"./useResizingTextArea.js\";\n\ndeclare module \"react\" {\n  interface CSSProperties {\n    \"--rmd-textarea-height\"?: string | number;\n    \"--rmd-textarea-padding\"?: string | number;\n  }\n}\n\nconst styles = bem(\"rmd-textarea\");\nconst containerStyles = bem(\"rmd-textarea-container\");\n\n/**\n * @since 6.0.0\n */\nexport interface TextareaClassNameOptions extends TextFieldClassNameOptions {\n  className?: string;\n\n  /**\n   * This should not be used externally and is only used for creating the hidden\n   * textarea mask for the auto resizing behavior.\n   *\n   * @defaultValue `false`\n   */\n  mask?: boolean;\n\n  /**\n   * @see {@link TextAreaResize}\n   * @defaultValue `\"auto\"`\n   */\n  resize?: TextAreaResize;\n\n  /**\n   * Set this to `true` if the textarea should display a scrollbar.\n   *\n   * @defaultValue `false`\n   */\n  scrollable?: boolean;\n}\n\n/**\n * @since 6.0.0\n */\nexport function textArea(options: TextareaClassNameOptions = {}): string {\n  const {\n    className,\n    mask,\n    resize = \"auto\",\n    scrollable,\n    placeholderHidden,\n  } = options;\n\n  return cnb(\n    textField({ placeholderHidden }),\n    styles({\n      rh: resize === \"horizontal\",\n      rv: resize === \"vertical\",\n      rn: resize === \"auto\" || resize === \"none\",\n      mask,\n      scrollable: scrollable || resize === \"none\",\n    }),\n    className\n  );\n}\n\n/**\n * @since 6.0.0\n */\nexport interface TextareaContainerClassNameOptions {\n  className?: string;\n  height?: boolean;\n  disabled?: boolean;\n  animate?: boolean;\n  underlineLabelled?: boolean;\n}\n\n/**\n * @since 6.0.0\n */\nexport function textAreaContainer(\n  options: TextareaContainerClassNameOptions = {}\n): string {\n  const { className, height, animate, disabled, underlineLabelled } = options;\n\n  return cnb(\n    containerStyles({\n      height,\n      animate,\n      cursor: !disabled,\n      \"underline-labelled\": underlineLabelled,\n    }),\n    className\n  );\n}\n"],"names":["cnb","bem","textField","styles","containerStyles","textArea","options","className","mask","resize","scrollable","placeholderHidden","rh","rv","rn","textAreaContainer","height","animate","disabled","underlineLabelled","cursor"],"mappings":"AAAA,SAASA,GAAG,QAAQ,YAAY;AAEhC,SAASC,GAAG,QAAQ,kBAAkB;AACtC,SAEEC,SAAS,QACJ,uBAAuB;AAU9B,MAAMC,SAASF,IAAI;AACnB,MAAMG,kBAAkBH,IAAI;AA8B5B;;CAEC,GACD,OAAO,SAASI,SAASC,UAAoC,CAAC,CAAC;IAC7D,MAAM,EACJC,SAAS,EACTC,IAAI,EACJC,SAAS,MAAM,EACfC,UAAU,EACVC,iBAAiB,EAClB,GAAGL;IAEJ,OAAON,IACLE,UAAU;QAAES;IAAkB,IAC9BR,OAAO;QACLS,IAAIH,WAAW;QACfI,IAAIJ,WAAW;QACfK,IAAIL,WAAW,UAAUA,WAAW;QACpCD;QACAE,YAAYA,cAAcD,WAAW;IACvC,IACAF;AAEJ;AAaA;;CAEC,GACD,OAAO,SAASQ,kBACdT,UAA6C,CAAC,CAAC;IAE/C,MAAM,EAAEC,SAAS,EAAES,MAAM,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,iBAAiB,EAAE,GAAGb;IAEpE,OAAON,IACLI,gBAAgB;QACdY;QACAC;QACAG,QAAQ,CAACF;QACT,sBAAsBC;IACxB,IACAZ;AAEJ"}
+{"version":3,"sources":["../../src/form/textAreaStyles.ts"],"sourcesContent":["import { cnb } from \"cnbuilder\";\n\nimport { bem } from \"../utils/bem.js\";\nimport {\n  type TextFieldClassNameOptions,\n  textField,\n} from \"./textFieldStyles.js\";\nimport { type TextAreaResize } from \"./useResizingTextArea.js\";\n\nconst styles = bem(\"rmd-textarea\");\nconst containerStyles = bem(\"rmd-textarea-container\");\n\n/**\n * @since 6.0.0\n */\nexport interface TextareaClassNameOptions extends TextFieldClassNameOptions {\n  className?: string;\n\n  /**\n   * This should not be used externally and is only used for creating the hidden\n   * textarea mask for the auto resizing behavior.\n   *\n   * @defaultValue `false`\n   */\n  mask?: boolean;\n\n  /**\n   * @see {@link TextAreaResize}\n   * @defaultValue `\"auto\"`\n   */\n  resize?: TextAreaResize;\n\n  /**\n   * Set this to `true` if the textarea should display a scrollbar.\n   *\n   * @defaultValue `false`\n   */\n  scrollable?: boolean;\n}\n\n/**\n * @since 6.0.0\n */\nexport function textArea(options: TextareaClassNameOptions = {}): string {\n  const {\n    className,\n    mask,\n    resize = \"auto\",\n    scrollable,\n    placeholderHidden,\n  } = options;\n\n  return cnb(\n    textField({ placeholderHidden }),\n    styles({\n      rh: resize === \"horizontal\",\n      rv: resize === \"vertical\",\n      rn: resize === \"auto\" || resize === \"none\",\n      mask,\n      scrollable: scrollable || resize === \"none\",\n    }),\n    className\n  );\n}\n\n/**\n * @since 6.0.0\n */\nexport interface TextareaContainerClassNameOptions {\n  className?: string;\n  height?: boolean;\n  disabled?: boolean;\n  animate?: boolean;\n  underlineLabelled?: boolean;\n}\n\n/**\n * @since 6.0.0\n */\nexport function textAreaContainer(\n  options: TextareaContainerClassNameOptions = {}\n): string {\n  const { className, height, animate, disabled, underlineLabelled } = options;\n\n  return cnb(\n    containerStyles({\n      height,\n      animate,\n      cursor: !disabled,\n      \"underline-labelled\": underlineLabelled,\n    }),\n    className\n  );\n}\n"],"names":["cnb","bem","textField","styles","containerStyles","textArea","options","className","mask","resize","scrollable","placeholderHidden","rh","rv","rn","textAreaContainer","height","animate","disabled","underlineLabelled","cursor"],"mappings":"AAAA,SAASA,GAAG,QAAQ,YAAY;AAEhC,SAASC,GAAG,QAAQ,kBAAkB;AACtC,SAEEC,SAAS,QACJ,uBAAuB;AAG9B,MAAMC,SAASF,IAAI;AACnB,MAAMG,kBAAkBH,IAAI;AA8B5B;;CAEC,GACD,OAAO,SAASI,SAASC,UAAoC,CAAC,CAAC;IAC7D,MAAM,EACJC,SAAS,EACTC,IAAI,EACJC,SAAS,MAAM,EACfC,UAAU,EACVC,iBAAiB,EAClB,GAAGL;IAEJ,OAAON,IACLE,UAAU;QAAES;IAAkB,IAC9BR,OAAO;QACLS,IAAIH,WAAW;QACfI,IAAIJ,WAAW;QACfK,IAAIL,WAAW,UAAUA,WAAW;QACpCD;QACAE,YAAYA,cAAcD,WAAW;IACvC,IACAF;AAEJ;AAaA;;CAEC,GACD,OAAO,SAASQ,kBACdT,UAA6C,CAAC,CAAC;IAE/C,MAAM,EAAEC,SAAS,EAAES,MAAM,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,iBAAiB,EAAE,GAAGb;IAEpE,OAAON,IACLI,gBAAgB;QACdY;QACAC;QACAG,QAAQ,CAACF;QACT,sBAAsBC;IACxB,IACAZ;AAEJ"}

package/dist/form/textFieldAddonStyles.d.ts

@@ -0,0 +1,17 @@
+/** @since 6.0.0 */
+export interface TextFieldAddonClassNameOptions {
+    className?: string;
+    /**
+     * @defaultValue `false`
+     */
+    after?: boolean;
+    /**
+     *
+     * @defaultValue `true`
+     */
+    presentational?: boolean;
+}
+/**
+ * @since 6.0.0
+ */
+export declare function textFieldAddon(options?: TextFieldAddonClassNameOptions): string;

package/dist/form/textFieldAddonStyles.js

@@ -0,0 +1,18 @@
+import { cnb } from "cnbuilder";
+import { box } from "../box/styles.js";
+import { bem } from "../utils/bem.js";
+const styles = bem("rmd-text-field-addon");
+/**
+ * @since 6.0.0
+ */ export function textFieldAddon(options = {}) {
+    const { className, after, presentational } = options;
+    return cnb(styles({
+        before: !after,
+        after,
+        presentational
+    }), box({
+        disablePadding: true
+    }), className);
+}
+
+//# sourceMappingURL=textFieldAddonStyles.js.map

package/dist/form/textFieldAddonStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/form/textFieldAddonStyles.ts"],"sourcesContent":["import { cnb } from \"cnbuilder\";\n\nimport { box } from \"../box/styles.js\";\nimport { bem } from \"../utils/bem.js\";\n\nconst styles = bem(\"rmd-text-field-addon\");\n\n/** @since 6.0.0 */\nexport interface TextFieldAddonClassNameOptions {\n  className?: string;\n\n  /**\n   * @defaultValue `false`\n   */\n  after?: boolean;\n\n  /**\n   *\n   * @defaultValue `true`\n   */\n  presentational?: boolean;\n}\n\n/**\n * @since 6.0.0\n */\nexport function textFieldAddon(\n  options: TextFieldAddonClassNameOptions = {}\n): string {\n  const { className, after, presentational } = options;\n\n  return cnb(\n    styles({\n      before: !after,\n      after,\n      presentational,\n    }),\n    box({ disablePadding: true }),\n    className\n  );\n}\n"],"names":["cnb","box","bem","styles","textFieldAddon","options","className","after","presentational","before","disablePadding"],"mappings":"AAAA,SAASA,GAAG,QAAQ,YAAY;AAEhC,SAASC,GAAG,QAAQ,mBAAmB;AACvC,SAASC,GAAG,QAAQ,kBAAkB;AAEtC,MAAMC,SAASD,IAAI;AAkBnB;;CAEC,GACD,OAAO,SAASE,eACdC,UAA0C,CAAC,CAAC;IAE5C,MAAM,EAAEC,SAAS,EAAEC,KAAK,EAAEC,cAAc,EAAE,GAAGH;IAE7C,OAAOL,IACLG,OAAO;QACLM,QAAQ,CAACF;QACTA;QACAC;IACF,IACAP,IAAI;QAAES,gBAAgB;IAAK,IAC3BJ;AAEJ"}

package/dist/form/textFieldContainerStyles.d.ts

@@ -1,17 +1,4 @@
 import { type FormComponentStates, type FormThemeOptions } from "./types.js";
-declare module "react" {
-    interface CSSProperties {
-        "--rmd-text-field-height"?: string | number;
-        "--rmd-text-field-padding-left"?: string | number;
-        "--rmd-text-field-padding-right"?: string | number;
-        "--rmd-text-field-padding-top"?: string | number;
-        "--rmd-text-field-border-color"?: string;
-        "--rmd-text-field-hover-border-color"?: string;
-        "--rmd-text-field-filled-color"?: string;
-        "--rmd-form-addon-top"?: string | number;
-        "--rmd-form-addon-margin-top"?: string | number;
-    }
-}
 /** @since 6.0.0 */
 export interface TextFieldContainerClassNameOptions extends FormThemeOptions, FormComponentStates {
     className?: string;

package/dist/form/textFieldContainerStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/form/textFieldContainerStyles.ts"],"sourcesContent":["import { cnb } from \"cnbuilder\";\n\nimport { type TextColor, type ThemeColor, cssUtils } from \"../cssUtils.js\";\nimport { bem } from \"../utils/bem.js\";\nimport { type FormComponentStates, type FormThemeOptions } from \"./types.js\";\n\ndeclare module \"react\" {\n  interface CSSProperties {\n    \"--rmd-text-field-height\"?: string | number;\n    \"--rmd-text-field-padding-left\"?: string | number;\n    \"--rmd-text-field-padding-right\"?: string | number;\n    \"--rmd-text-field-padding-top\"?: string | number;\n    \"--rmd-text-field-border-color\"?: string;\n    \"--rmd-text-field-hover-border-color\"?: string;\n    \"--rmd-text-field-filled-color\"?: string;\n    \"--rmd-form-addon-top\"?: string | number;\n    \"--rmd-form-addon-margin-top\"?: string | number;\n  }\n}\n\nconst styles = bem(\"rmd-text-field-container\");\n\n/** @since 6.0.0 */\nexport interface TextFieldContainerClassNameOptions\n  extends FormThemeOptions,\n    FormComponentStates {\n  className?: string;\n\n  /** @defaultValue `false` */\n  dense?: boolean;\n\n  /** @defaultValue `false` */\n  inline?: boolean;\n\n  /** @defaultValue `false` */\n  label?: boolean;\n\n  /** @defaultValue `false` */\n  leftAddon?: boolean;\n\n  /** @defaultValue `false` */\n  rightAddon?: boolean;\n}\n\n/**\n * @since 6.0.0\n */\nexport function textFieldContainer(\n  options: TextFieldContainerClassNameOptions = {}\n): string {\n  const {\n    className,\n    theme = \"outline\",\n    dense,\n    error,\n    label,\n    active,\n    inline,\n    readOnly,\n    disabled,\n    leftAddon,\n    rightAddon,\n    underlineDirection = \"left\",\n  } = options;\n  const underline = theme === \"underline\";\n  const outline = theme === \"outline\";\n  const filled = theme === \"filled\";\n  const isUnderlined = underline || filled;\n  const isOutlineActive = outline && active;\n\n  let textColor: ThemeColor | TextColor | undefined;\n  if (disabled) {\n    textColor = \"text-disabled\";\n  } else if (error) {\n    textColor = \"error\";\n  }\n\n  return cnb(\n    styles({\n      error,\n      inline,\n      filled,\n      outline,\n      disabled: disabled || readOnly,\n      hoverable: !disabled && !isOutlineActive,\n      label: label && !dense,\n      dense: !label && dense,\n      \"dense-label\": label && dense,\n      \"dense-placeholder\": !label && dense && isUnderlined,\n      \"outline-active\": isOutlineActive,\n      \"outline-error\": outline && error,\n      \"outline-left\": outline && leftAddon,\n      \"outline-right\": outline && rightAddon,\n      underline: isUnderlined,\n      \"underline-placeholder\": isUnderlined && !label,\n      \"underline-placeholder-only\":\n        isUnderlined && !label && !leftAddon && !rightAddon,\n      \"underline-labelled\": isUnderlined && label,\n      \"underline-active\": isUnderlined && active,\n      [`underline-${underlineDirection}`]: isUnderlined,\n      \"underline-left-addon\": isUnderlined && leftAddon,\n      \"underline-right-addon\": isUnderlined && rightAddon,\n    }),\n    cssUtils({ textColor }),\n    className\n  );\n}\n"],"names":["cnb","cssUtils","bem","styles","textFieldContainer","options","className","theme","dense","error","label","active","inline","readOnly","disabled","leftAddon","rightAddon","underlineDirection","underline","outline","filled","isUnderlined","isOutlineActive","textColor","hoverable"],"mappings":"AAAA,SAASA,GAAG,QAAQ,YAAY;AAEhC,SAA0CC,QAAQ,QAAQ,iBAAiB;AAC3E,SAASC,GAAG,QAAQ,kBAAkB;AAiBtC,MAAMC,SAASD,IAAI;AAwBnB;;CAEC,GACD,OAAO,SAASE,mBACdC,UAA8C,CAAC,CAAC;IAEhD,MAAM,EACJC,SAAS,EACTC,QAAQ,SAAS,EACjBC,KAAK,EACLC,KAAK,EACLC,KAAK,EACLC,MAAM,EACNC,MAAM,EACNC,QAAQ,EACRC,QAAQ,EACRC,SAAS,EACTC,UAAU,EACVC,qBAAqB,MAAM,EAC5B,GAAGZ;IACJ,MAAMa,YAAYX,UAAU;IAC5B,MAAMY,UAAUZ,UAAU;IAC1B,MAAMa,SAASb,UAAU;IACzB,MAAMc,eAAeH,aAAaE;IAClC,MAAME,kBAAkBH,WAAWR;IAEnC,IAAIY;IACJ,IAAIT,UAAU;QACZS,YAAY;IACd,OAAO,IAAId,OAAO;QAChBc,YAAY;IACd;IAEA,OAAOvB,IACLG,OAAO;QACLM;QACAG;QACAQ;QACAD;QACAL,UAAUA,YAAYD;QACtBW,WAAW,CAACV,YAAY,CAACQ;QACzBZ,OAAOA,SAAS,CAACF;QACjBA,OAAO,CAACE,SAASF;QACjB,eAAeE,SAASF;QACxB,qBAAqB,CAACE,SAASF,SAASa;QACxC,kBAAkBC;QAClB,iBAAiBH,WAAWV;QAC5B,gBAAgBU,WAAWJ;QAC3B,iBAAiBI,WAAWH;QAC5BE,WAAWG;QACX,yBAAyBA,gBAAgB,CAACX;QAC1C,8BACEW,gBAAgB,CAACX,SAAS,CAACK,aAAa,CAACC;QAC3C,sBAAsBK,gBAAgBX;QACtC,oBAAoBW,gBAAgBV;QACpC,CAAC,CAAC,UAAU,EAAEM,oBAAoB,CAAC,EAAEI;QACrC,wBAAwBA,gBAAgBN;QACxC,yBAAyBM,gBAAgBL;IAC3C,IACAf,SAAS;QAAEsB;IAAU,IACrBjB;AAEJ"}
+{"version":3,"sources":["../../src/form/textFieldContainerStyles.ts"],"sourcesContent":["import { cnb } from \"cnbuilder\";\n\nimport { type TextColor, type ThemeColor, cssUtils } from \"../cssUtils.js\";\nimport { bem } from \"../utils/bem.js\";\nimport { type FormComponentStates, type FormThemeOptions } from \"./types.js\";\n\nconst styles = bem(\"rmd-text-field-container\");\n\n/** @since 6.0.0 */\nexport interface TextFieldContainerClassNameOptions\n  extends FormThemeOptions,\n    FormComponentStates {\n  className?: string;\n\n  /** @defaultValue `false` */\n  dense?: boolean;\n\n  /** @defaultValue `false` */\n  inline?: boolean;\n\n  /** @defaultValue `false` */\n  label?: boolean;\n\n  /** @defaultValue `false` */\n  leftAddon?: boolean;\n\n  /** @defaultValue `false` */\n  rightAddon?: boolean;\n}\n\n/**\n * @since 6.0.0\n */\nexport function textFieldContainer(\n  options: TextFieldContainerClassNameOptions = {}\n): string {\n  const {\n    className,\n    theme = \"outline\",\n    dense,\n    error,\n    label,\n    active,\n    inline,\n    readOnly,\n    disabled,\n    leftAddon,\n    rightAddon,\n    underlineDirection = \"left\",\n  } = options;\n  const underline = theme === \"underline\";\n  const outline = theme === \"outline\";\n  const filled = theme === \"filled\";\n  const isUnderlined = underline || filled;\n  const isOutlineActive = outline && active;\n\n  let textColor: ThemeColor | TextColor | undefined;\n  if (disabled) {\n    textColor = \"text-disabled\";\n  } else if (error) {\n    textColor = \"error\";\n  }\n\n  return cnb(\n    styles({\n      error,\n      inline,\n      filled,\n      outline,\n      disabled: disabled || readOnly,\n      hoverable: !disabled && !isOutlineActive,\n      label: label && !dense,\n      dense: !label && dense,\n      \"dense-label\": label && dense,\n      \"dense-placeholder\": !label && dense && isUnderlined,\n      \"outline-active\": isOutlineActive,\n      \"outline-error\": outline && error,\n      \"outline-left\": outline && leftAddon,\n      \"outline-right\": outline && rightAddon,\n      underline: isUnderlined,\n      \"underline-placeholder\": isUnderlined && !label,\n      \"underline-placeholder-only\":\n        isUnderlined && !label && !leftAddon && !rightAddon,\n      \"underline-labelled\": isUnderlined && label,\n      \"underline-active\": isUnderlined && active,\n      [`underline-${underlineDirection}`]: isUnderlined,\n      \"underline-left-addon\": isUnderlined && leftAddon,\n      \"underline-right-addon\": isUnderlined && rightAddon,\n    }),\n    cssUtils({ textColor }),\n    className\n  );\n}\n"],"names":["cnb","cssUtils","bem","styles","textFieldContainer","options","className","theme","dense","error","label","active","inline","readOnly","disabled","leftAddon","rightAddon","underlineDirection","underline","outline","filled","isUnderlined","isOutlineActive","textColor","hoverable"],"mappings":"AAAA,SAASA,GAAG,QAAQ,YAAY;AAEhC,SAA0CC,QAAQ,QAAQ,iBAAiB;AAC3E,SAASC,GAAG,QAAQ,kBAAkB;AAGtC,MAAMC,SAASD,IAAI;AAwBnB;;CAEC,GACD,OAAO,SAASE,mBACdC,UAA8C,CAAC,CAAC;IAEhD,MAAM,EACJC,SAAS,EACTC,QAAQ,SAAS,EACjBC,KAAK,EACLC,KAAK,EACLC,KAAK,EACLC,MAAM,EACNC,MAAM,EACNC,QAAQ,EACRC,QAAQ,EACRC,SAAS,EACTC,UAAU,EACVC,qBAAqB,MAAM,EAC5B,GAAGZ;IACJ,MAAMa,YAAYX,UAAU;IAC5B,MAAMY,UAAUZ,UAAU;IAC1B,MAAMa,SAASb,UAAU;IACzB,MAAMc,eAAeH,aAAaE;IAClC,MAAME,kBAAkBH,WAAWR;IAEnC,IAAIY;IACJ,IAAIT,UAAU;QACZS,YAAY;IACd,OAAO,IAAId,OAAO;QAChBc,YAAY;IACd;IAEA,OAAOvB,IACLG,OAAO;QACLM;QACAG;QACAQ;QACAD;QACAL,UAAUA,YAAYD;QACtBW,WAAW,CAACV,YAAY,CAACQ;QACzBZ,OAAOA,SAAS,CAACF;QACjBA,OAAO,CAACE,SAASF;QACjB,eAAeE,SAASF;QACxB,qBAAqB,CAACE,SAASF,SAASa;QACxC,kBAAkBC;QAClB,iBAAiBH,WAAWV;QAC5B,gBAAgBU,WAAWJ;QAC3B,iBAAiBI,WAAWH;QAC5BE,WAAWG;QACX,yBAAyBA,gBAAgB,CAACX;QAC1C,8BACEW,gBAAgB,CAACX,SAAS,CAACK,aAAa,CAACC;QAC3C,sBAAsBK,gBAAgBX;QACtC,oBAAoBW,gBAAgBV;QACpC,CAAC,CAAC,UAAU,EAAEM,oBAAoB,CAAC,EAAEI;QACrC,wBAAwBA,gBAAgBN;QACxC,yBAAyBM,gBAAgBL;IAC3C,IACAf,SAAS;QAAEsB;IAAU,IACrBjB;AAEJ"}

package/dist/form/types.d.ts

@@ -58,6 +58,9 @@ export interface FormConfiguration extends Required<FormThemeOptions> {
      */
     uncontrolledToggles: boolean;
 }
+/**
+ * @since 6.0.0
+ */
 export interface FormComponentStates {
     /** @defaultValue `false` */
     error?: boolean;
@@ -337,8 +340,26 @@ export interface ConfigurableTextFieldAddonProps extends HTMLAttributes<HTMLSpan
     pointerEvents?: boolean;
 }
 /**
- * @since 6.0.0 Added support for `leftAddonProps` and
- * `rightAddonProps`.
+ * @since 6.0.0 Split props into `ConfigurableTextFieldAddonProps`
+ */
+export interface TextFieldAddonProps extends ConfigurableTextFieldAddonProps {
+    /**
+     * @defaultValue `false`
+     */
+    after?: boolean;
+    /**
+     * Set this to `true` if the addon should not be wrapped in a `<span>` with some
+     * additional styles.
+     *
+     * @defaultValue `false`
+     */
+    disabled?: boolean;
+}
+/**
+ * @since 6.0.0 Renamed the `leftChildren` / `rightChildren` props to
+ * `leftAddon` / `rightAddon`. Renamed `isLeftAddon` / `isRightAddon` to
+ * `disableLeftAddonStyles` / `disableRightAddonStyles`. Added
+ * `leftAddonProps` / `rightAddonProps`. Removed `stretch`
  */
 export interface TextFieldContainerOptions extends FormThemeOptions, FormComponentStates {
     /**