@react-md/core 1.0.0-next.1 → 1.0.0-next.3

package/dist/form/textAreaStyles.d.ts

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

package/dist/form/textAreaStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/form/textAreaStyles.ts"],"sourcesContent":["import { cnb } from \"cnbuilder\";\nimport { bem } from \"../utils/bem.js\";\nimport {\n  textField,\n  type TextFieldClassNameOptions,\n} from \"./textFieldStyles.js\";\nimport { type TextAreaResize } from \"./useResizingTextArea.js\";\n\ndeclare module \"react\" {\n  interface CSSProperties {\n    \"--rmd-form-textarea-height\"?: string | number;\n    \"--rmd-form-textarea-padding\"?: string | number;\n  }\n}\n\nconst styles = bem(\"rmd-textarea\");\nconst containerStyles = bem(\"rmd-textarea-container\");\n\n/**\n * @remarks \\@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 * @remarks \\@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 * @remarks \\@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 * @remarks \\@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;AAChC,SAASC,GAAG,QAAQ,kBAAkB;AACtC,SACEC,SAAS,QAEJ,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\";\nimport { bem } from \"../utils/bem.js\";\nimport {\n  textField,\n  type TextFieldClassNameOptions,\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 * @remarks \\@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 * @remarks \\@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 * @remarks \\@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 * @remarks \\@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;AAChC,SAASC,GAAG,QAAQ,kBAAkB;AACtC,SACEC,SAAS,QAEJ,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"}

package/dist/form/types.d.ts

@@ -2,10 +2,8 @@ import { type CSSProperties, type HTMLAttributes, type InputHTMLAttributes, type
 import { type PropsWithRef } from "../types.js";
 declare module "react" {
     interface CSSProperties {
-        "--rmd-form-error-color"?: string;
         "--rmd-form-active-color"?: string;
         "--rmd-form-focus-color"?: string;
-        "--rmd-form-disabled-color"?: string;
     }
 }
 /**

package/dist/form/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/form/types.ts"],"sourcesContent":["import {\n  type CSSProperties,\n  type HTMLAttributes,\n  type InputHTMLAttributes,\n  type LabelHTMLAttributes,\n  type ReactNode,\n} from \"react\";\nimport { type PropsWithRef } from \"../types.js\";\n\ndeclare module \"react\" {\n  interface CSSProperties {\n    \"--rmd-form-error-color\"?: string;\n    \"--rmd-form-active-color\"?: string;\n    \"--rmd-form-focus-color\"?: string;\n    \"--rmd-form-disabled-color\"?: string;\n  }\n}\n\n/**\n * The supported themes for the `TextField`, `TextArea`, and `Select`\n * components.\n *\n * - \"none\" - display as an unstyled text field without any border or background\n *   colors.\n * - \"underline\" - display with only an underline that gains the form active\n *   color and animates from the left or right to the other side when the field\n *   is focused.\n * - \"filled\" - an extension of the `\"underline\"` state that will also have a\n *   slightly dark background applied.\n * - \"outline\" - outlines the entire text field in a border and applies the\n *   active color as box shadow when the field is focused.\n */\nexport type FormTheme = \"none\" | \"underline\" | \"filled\" | \"outline\";\n\n/**\n * The direction that the underline should appear from when the theme is\n * `\"underline\"` or `\"filled\"`.\n */\nexport type FormUnderlineDirection = \"left\" | \"center\" | \"right\";\n\nexport interface FormThemeOptions {\n  /**\n   * The current theme type.\n   *\n   * @defaultValue `\"outline\"`\n   */\n  theme?: FormTheme;\n\n  /**\n   * The current underline direction.\n   *\n   * @defaultValue `\"left\"`\n   */\n  underlineDirection?: FormUnderlineDirection;\n}\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport interface FormConfiguration extends Required<FormThemeOptions> {\n  /**\n   * Set this to `false` if the `$disable-uncontrolled-input-toggles` variable\n   * is set to `true` in the Sass configuration.\n   *\n   * Since the `checked` state only changes for the radio that has been clicked,\n   * the previously checked radio would also be shown as checked with no way of\n   * fixing it without controlling the radio component. When this flag is\n   * enabled, the checked icons and state are handled through css instead of\n   * `useState`.\n   *\n   * @defaultValue `true`\n   */\n  uncontrolledToggles: boolean;\n}\n\nexport interface FormComponentStates {\n  /** @defaultValue `false` */\n  error?: boolean;\n\n  /** @defaultValue `false` */\n  active?: boolean;\n\n  /** @defaultValue `false` */\n  disabled?: boolean;\n\n  /** @defaultValue `false` */\n  readOnly?: boolean;\n}\n\n/**\n * @remarks \\@since 6.0.0\n * @see https://html.spec.whatwg.org/multipage/forms.html#autofill\n * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete#values\n */\nexport type AutoCompleteValue =\n  | \"off\"\n  | \"on\"\n  | \"name\"\n  | \"honorific-prefix\"\n  | \"given-name\"\n  | \"additional-name\"\n  | \"family-name\"\n  | \"honorific-suffix\"\n  | \"nickname\"\n  | \"email\"\n  | \"username\"\n  | \"new-password\"\n  | \"current-password\"\n  | \"one-time-code\"\n  | \"organization-title\"\n  | \"organization\"\n  | \"street-address\"\n  | \"address-line1\"\n  | \"address-line2\"\n  | \"address-line3\"\n  | \"address-level1\"\n  | \"address-level2\"\n  | \"address-level3\"\n  | \"address-level4\"\n  | \"country\"\n  | \"country-name\"\n  | \"postal-code\"\n  | \"cc-name\"\n  | \"cc-given-name\"\n  | \"cc-additional-name\"\n  | \"cc-family-name\"\n  | \"cc-number\"\n  | \"cc-exp\"\n  | \"cc-exp-month\"\n  | \"cc-exp-year\"\n  | \"cc-csc\"\n  | \"cc-type\"\n  | \"transaction-currency\"\n  | \"transaction-amount\"\n  | \"language\"\n  | \"bday\"\n  | \"bday-day\"\n  | \"bday-month\"\n  | \"bday-year\"\n  | \"sex\"\n  | \"tel\"\n  | \"tel-country-code\"\n  | \"tel-national\"\n  | \"tek-area-code\"\n  | \"tel-local\"\n  | \"tel-extension\"\n  | \"impp\"\n  | \"url\"\n  | \"photo\";\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport interface UserAgentAutoCompleteProps {\n  /**\n   * Set this to enable additional autocompletion suggestions for a user for\n   * different form fields. Using this prop will update the\n   * {@link UserAgentAutoCompleteProps.name} and {@link autoComplete} to default to\n   * this value.\n   *\n   * @example\n   * ```tsx\n   * <Form>\n   *   <TextField\n   *     label=\"Enter your credit card number\"\n   *     autoCompleteValue=\"cc-number\"\n   *     {...creditCardProps}\n   *     inputMode=\"number\"\n   *   />\n   *   <TextField\n   *     label=\"Name on card\"\n   *     autoCompleteValue=\"cc-name\"\n   *     {...creditCardNameProps}\n   *   />\n   *   <TextField\n   *     label=\"Security code\"\n   *     autoCompleteValue=\"cc-csc\"\n   *     {...securityCodeProps}\n   *     inputMode=\"number\"\n   *   />\n   *   <Button type=\"submit\">Submit</Button>\n   * </Form>\n   * ```\n   *\n   * @see https://html.spec.whatwg.org/multipage/forms.html#autofill\n   * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete#values\n   * @see {@link AutoCompleteValue}\n   * @see {@link autoComplete}\n   * @see {@link UserAgentAutoCompleteProps.name}\n   */\n  autoCompleteValue?: AutoCompleteValue;\n\n  /**\n   * @see {@link autoCompleteValue}\n   * @defaultValue `autoCompleteValue`\n   */\n  autoComplete?: InputHTMLAttributes<HTMLInputElement>[\"autoComplete\"];\n\n  /**\n   * @see {@link autoCompleteValue}\n   * @defaultValue `autoCompleteValue`\n   */\n  name?: string;\n}\n\nexport interface FormMessageClassNameOptions {\n  className?: string;\n\n  /**\n   * Boolean if the message should gain the error state which changes the text\n   * color to `red` by default.\n   *\n   * @defaultValue `false`\n   */\n  error?: boolean;\n\n  /**\n   * The current theme for the related text field. This is really only used to\n   * match the current horizontal padding of the text field.\n   *\n   * @defaultValue `\"outline\"`\n   */\n  theme?: FormTheme;\n}\n\nexport interface FormMessageProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, \"minLength\" | \"maxLength\">,\n    FormMessageClassNameOptions {\n  /**\n   * If this component is acting as a form-level error message handler, the role\n   * should be updated to be `\"alert\"` for additional accessibility.\n   *\n   * Note: when creating a form-level error message handler, the messages should\n   * no longer appear as the user types and instead once the user tries to\n   * submit the form. Having an alert role disrupts normal screen reader\n   * behavior by immediately reading changes in this element.\n   *\n   * @defaultValue `undefined`\n   */\n  role?: \"alert\";\n\n  /**\n   * Boolean if the children should no longer be wrapped in a `<p>` tag. This\n   * should normally only be disabled if using a custom error message wrapper or\n   * the counter behavior is not being used. To get correct alignments of the\n   * message and counter, the `children` must be wrapped in some element and\n   * cannot be plain test.\n   *\n   * Note: this will always be considered `true` if the `role` is set to\n   * `\"alert\"`.\n   *\n   * @defaultValue `false`\n   */\n  disableWrap?: boolean;\n\n  /**\n   * An optional style to apply to the `<p>` tag that surrounds the `children`.\n   * This will not be used if `role=\"alert\"` or `disableWrap={true}`.\n   */\n  messageStyle?: CSSProperties;\n\n  /**\n   * An optional className to apply to the `<p>` tag that surrounds the\n   * `children`. This will not be used if `role=\"alert\"` or\n   * `disableWrap={true}`.\n   */\n  messageClassName?: string;\n}\n\n/**\n * Props that are used to automatically add a counter for the remaining letters\n * available for the text field. The counter will always be created to the right\n * of the optional message.\n *\n * The counter is really a simple string of: `${length} / ${maxLength}`.\n *\n * If you need additional customization, it is recommended to create your own\n * implementation such as:\n *\n * ```tsx\n * <FormMessage>\n *   {errorMessage}\n *   <MyCounter {...props} />\n * </FormMessage>\n * ```\n *\n * Note: this should not be used alongside form-level messages.\n *\n * @remarks \\@since 2.9.0 Renamed from `FormMessageCounterProps` to\n * `FormMessageInputLengthCounterProps` since a `FormMessageCounter` component\n * was added\n */\nexport interface FormMessageInputLengthCounterProps {\n  /**\n   * The current length of the value in the related text field.\n   */\n  length: number;\n\n  /**\n   * The max length allowed for the value in the related text field.\n   */\n  maxLength: number;\n\n  /**\n   * An optional style to apply to the counter wrapper element.\n   */\n  counterStyle?: CSSProperties;\n\n  /**\n   * An optional className to apply to the counter wrapper element.\n   */\n  counterClassName?: string;\n}\n\nexport interface FormMessageWithCounterProps\n  extends FormMessageProps,\n    FormMessageInputLengthCounterProps {}\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport interface FormMessageWithoutCounterProps extends FormMessageProps {\n  length?: never;\n  maxLength?: never;\n  counterStyle?: never;\n  counterClassName?: never;\n}\n\nexport interface FormMessageContainerExtension {\n  /**\n   * If the extension doesn't actually want to render the `FormMessage`\n   * component, these props are optional. It kind of eliminates the whole\n   * purpose of this component though.\n   */\n  messageProps?: PropsWithRef<\n    FormMessageProps & Partial<FormMessageInputLengthCounterProps>,\n    HTMLDivElement\n  >;\n\n  /**\n   * Any props (and an optional ref) to provide to the `<div>` surrounding the\n   * children and `FormMessage` component.\n   *\n   * Note: This will not be used if the `messageProps` are not provided since\n   * only the `children` will be returned without the container.\n   */\n  messageContainerProps?: PropsWithRef<\n    HTMLAttributes<HTMLDivElement>,\n    HTMLDivElement\n  >;\n}\n\n/** @remarks \\@since 6.0.0 */\nexport interface LabelClassNameOptions {\n  className?: string;\n\n  /**\n   * Set this to `true` to remove the `gap` style from the label.\n   *\n   * @see `$label-gap`\n   * @defaultValue `false`\n   */\n  gap?: boolean;\n\n  /**\n   * Set this to `true` when the parent `TextFieldContainer` has the `dense`\n   * spec enabled. This updates the floating styles to match the smaller height.\n   *\n   * @defaultValue `false`\n   */\n  dense?: boolean;\n\n  /**\n   * Set this to `true` to update the label's color to the error color.\n   *\n   * @see `$error-color`\n   * @defaultValue `false`\n   */\n  error?: boolean;\n\n  /**\n   * Set this to `true` to update the label's color to the active color.\n   *\n   * @see `$active-color`\n   * @defaultValue `false`\n   */\n  active?: boolean;\n\n  /**\n   * Set this to `true` if the label should gain `flex-direction: column`\n   * styling.\n   *\n   * @defaultValue `false`\n   */\n  stacked?: boolean;\n\n  /**\n   * Set this to `true` to update the label's color to be the disabled color.\n   *\n   * @see `$disabled-color`\n   * @defaultValue `false`\n   */\n  disabled?: boolean;\n\n  /**\n   * Set this to true when label can floating above an input, textarea, or\n   * select inside of a `TextFieldContainer`.\n   *\n   * @defaultValue `false`\n   */\n  floating?: boolean;\n\n  /**\n   * Set this to true when label is currently floating above an input,\n   * textarea, or selected inside of a `TextFieldContainer`.\n   *\n   * @see {@link active}\n   * @defaultValue `active`\n   */\n  floatingActive?: boolean;\n\n  /**\n   * Set this to `true` to gain `flex-direction: row-reversed` styling. If the\n   * {@link stacked} prop is also `true`, `flex-direction: column-reversed` will\n   * be applied.\n   *\n   * @defaultValue `false`\n   */\n  reversed?: boolean;\n\n  /**\n   * @defaultValue `false`\n   */\n  inactive?: boolean;\n}\n\nexport interface LabelProps\n  extends LabelHTMLAttributes<HTMLLabelElement>,\n    LabelClassNameOptions {}\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport interface ConfigurableTextFieldAddonProps\n  extends HTMLAttributes<HTMLSpanElement> {\n  /**\n   * Boolean if the addon should be presentational only and prevent pointer\n   * events.\n   *\n   * @defaultValue `false`\n   */\n  pointerEvents?: boolean;\n}\n\n/**\n * @remarks \\@since 6.0.0 Added support for `leftAddonProps` and\n * `rightAddonProps`.\n */\nexport interface TextFieldContainerOptions\n  extends FormThemeOptions,\n    FormComponentStates {\n  /**\n   * Set this to `true` to enable the dense spec which reduces the height.\n   *\n   * @defaultValue `false`\n   */\n  dense?: boolean;\n\n  /**\n   * Set this to `true` to change the style from `display: flex` to\n   * `display: inline-flex`.\n   *\n   * @defaultValue `false`\n   */\n  inline?: boolean;\n\n  /**\n   * Set this to `true` if this component should stretch to fill a flex or grid\n   * container using `flex: 1 1 auto`.\n   *\n   * @defaultValue `false`\n   */\n  stretch?: boolean;\n\n  /**\n   * This should generally be an icon or a button that will be placed before the\n   * `TextField` or `TextArea`.\n   */\n  leftAddon?: ReactNode;\n\n  /**\n   * Any additional props to pass to the `<span>` surrounding the {@link leftAddon}.\n   *\n   * @remarks \\@since 6.0.0\n   */\n  leftAddonProps?: PropsWithRef<\n    ConfigurableTextFieldAddonProps,\n    HTMLSpanElement\n  >;\n\n  /**\n   * @see {@link TextFieldAddonProps.disabled}\n   *\n   * @defaultValue `false`\n   */\n  disableLeftAddonStyles?: boolean;\n\n  /**\n   * This should generally be an icon or a button that will be placed after the\n   * `TextField` or `TextArea`.\n   */\n  rightAddon?: ReactNode;\n\n  /**\n   * Any additional props to pass to the `<span>` surrounding the {@link rightAddon}.\n   *\n   * @remarks \\@since 6.0.0\n   */\n  rightAddonProps?: PropsWithRef<\n    ConfigurableTextFieldAddonProps,\n    HTMLSpanElement\n  >;\n\n  /**\n   * @see {@link TextFieldAddonProps.disabled}\n   *\n   * @defaultValue `false`\n   */\n  disableRightAddonStyles?: boolean;\n}\n\nexport interface FormFieldOptions\n  extends TextFieldContainerOptions,\n    FormMessageContainerExtension {\n  /**\n   * An optional floating label to use with the text field. A label is generally\n   * recommended for accessibility, but can be omitted if an `aria-label` or\n   * `aria-labelledby` is provided.\n   */\n  label?: ReactNode;\n\n  /**\n   * Any additional props and/or ref that should be passed to the `<label>`\n   * element when a {@link label} is provided.\n   *\n   * @example\n   * ```tsx\n   * labelProps={{\n   *   ref: labelRef,\n   *   style: {},\n   *   className: \"some-custom-class-name\",\n   *   onClick: (event) => {\n   *     // do something\n   *   }\n   * }}\n   * ```\n   */\n  labelProps?: PropsWithRef<LabelProps, HTMLLabelElement>;\n\n  /**\n   * A convenience prop to apply a custom style to a label. This is equivalent\n   * to:\n   *\n   * ```ts\n   * labelProps={{\n   *   style: // some style here\n   * }}\n   * ```\n   */\n  labelStyle?: CSSProperties;\n\n  /**\n   * A convenience prop to apply a custom className to a label. This is\n   * equivalent to:\n   *\n   * ```ts\n   * labelProps={{\n   *   className: \"some-class-name\",\n   * }}\n   * ```\n   */\n  labelClassName?: string;\n}\n"],"names":[],"mappings":"AAmhBA,WAmDC"}
+{"version":3,"sources":["../../src/form/types.ts"],"sourcesContent":["import {\n  type CSSProperties,\n  type HTMLAttributes,\n  type InputHTMLAttributes,\n  type LabelHTMLAttributes,\n  type ReactNode,\n} from \"react\";\nimport { type PropsWithRef } from \"../types.js\";\n\ndeclare module \"react\" {\n  interface CSSProperties {\n    \"--rmd-form-active-color\"?: string;\n    \"--rmd-form-focus-color\"?: string;\n  }\n}\n\n/**\n * The supported themes for the `TextField`, `TextArea`, and `Select`\n * components.\n *\n * - \"none\" - display as an unstyled text field without any border or background\n *   colors.\n * - \"underline\" - display with only an underline that gains the form active\n *   color and animates from the left or right to the other side when the field\n *   is focused.\n * - \"filled\" - an extension of the `\"underline\"` state that will also have a\n *   slightly dark background applied.\n * - \"outline\" - outlines the entire text field in a border and applies the\n *   active color as box shadow when the field is focused.\n */\nexport type FormTheme = \"none\" | \"underline\" | \"filled\" | \"outline\";\n\n/**\n * The direction that the underline should appear from when the theme is\n * `\"underline\"` or `\"filled\"`.\n */\nexport type FormUnderlineDirection = \"left\" | \"center\" | \"right\";\n\nexport interface FormThemeOptions {\n  /**\n   * The current theme type.\n   *\n   * @defaultValue `\"outline\"`\n   */\n  theme?: FormTheme;\n\n  /**\n   * The current underline direction.\n   *\n   * @defaultValue `\"left\"`\n   */\n  underlineDirection?: FormUnderlineDirection;\n}\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport interface FormConfiguration extends Required<FormThemeOptions> {\n  /**\n   * Set this to `false` if the `$disable-uncontrolled-input-toggles` variable\n   * is set to `true` in the Sass configuration.\n   *\n   * Since the `checked` state only changes for the radio that has been clicked,\n   * the previously checked radio would also be shown as checked with no way of\n   * fixing it without controlling the radio component. When this flag is\n   * enabled, the checked icons and state are handled through css instead of\n   * `useState`.\n   *\n   * @defaultValue `true`\n   */\n  uncontrolledToggles: boolean;\n}\n\nexport interface FormComponentStates {\n  /** @defaultValue `false` */\n  error?: boolean;\n\n  /** @defaultValue `false` */\n  active?: boolean;\n\n  /** @defaultValue `false` */\n  disabled?: boolean;\n\n  /** @defaultValue `false` */\n  readOnly?: boolean;\n}\n\n/**\n * @remarks \\@since 6.0.0\n * @see https://html.spec.whatwg.org/multipage/forms.html#autofill\n * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete#values\n */\nexport type AutoCompleteValue =\n  | \"off\"\n  | \"on\"\n  | \"name\"\n  | \"honorific-prefix\"\n  | \"given-name\"\n  | \"additional-name\"\n  | \"family-name\"\n  | \"honorific-suffix\"\n  | \"nickname\"\n  | \"email\"\n  | \"username\"\n  | \"new-password\"\n  | \"current-password\"\n  | \"one-time-code\"\n  | \"organization-title\"\n  | \"organization\"\n  | \"street-address\"\n  | \"address-line1\"\n  | \"address-line2\"\n  | \"address-line3\"\n  | \"address-level1\"\n  | \"address-level2\"\n  | \"address-level3\"\n  | \"address-level4\"\n  | \"country\"\n  | \"country-name\"\n  | \"postal-code\"\n  | \"cc-name\"\n  | \"cc-given-name\"\n  | \"cc-additional-name\"\n  | \"cc-family-name\"\n  | \"cc-number\"\n  | \"cc-exp\"\n  | \"cc-exp-month\"\n  | \"cc-exp-year\"\n  | \"cc-csc\"\n  | \"cc-type\"\n  | \"transaction-currency\"\n  | \"transaction-amount\"\n  | \"language\"\n  | \"bday\"\n  | \"bday-day\"\n  | \"bday-month\"\n  | \"bday-year\"\n  | \"sex\"\n  | \"tel\"\n  | \"tel-country-code\"\n  | \"tel-national\"\n  | \"tek-area-code\"\n  | \"tel-local\"\n  | \"tel-extension\"\n  | \"impp\"\n  | \"url\"\n  | \"photo\";\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport interface UserAgentAutoCompleteProps {\n  /**\n   * Set this to enable additional autocompletion suggestions for a user for\n   * different form fields. Using this prop will update the\n   * {@link UserAgentAutoCompleteProps.name} and {@link autoComplete} to default to\n   * this value.\n   *\n   * @example\n   * ```tsx\n   * <Form>\n   *   <TextField\n   *     label=\"Enter your credit card number\"\n   *     autoCompleteValue=\"cc-number\"\n   *     {...creditCardProps}\n   *     inputMode=\"number\"\n   *   />\n   *   <TextField\n   *     label=\"Name on card\"\n   *     autoCompleteValue=\"cc-name\"\n   *     {...creditCardNameProps}\n   *   />\n   *   <TextField\n   *     label=\"Security code\"\n   *     autoCompleteValue=\"cc-csc\"\n   *     {...securityCodeProps}\n   *     inputMode=\"number\"\n   *   />\n   *   <Button type=\"submit\">Submit</Button>\n   * </Form>\n   * ```\n   *\n   * @see https://html.spec.whatwg.org/multipage/forms.html#autofill\n   * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete#values\n   * @see {@link AutoCompleteValue}\n   * @see {@link autoComplete}\n   * @see {@link UserAgentAutoCompleteProps.name}\n   */\n  autoCompleteValue?: AutoCompleteValue;\n\n  /**\n   * @see {@link autoCompleteValue}\n   * @defaultValue `autoCompleteValue`\n   */\n  autoComplete?: InputHTMLAttributes<HTMLInputElement>[\"autoComplete\"];\n\n  /**\n   * @see {@link autoCompleteValue}\n   * @defaultValue `autoCompleteValue`\n   */\n  name?: string;\n}\n\nexport interface FormMessageClassNameOptions {\n  className?: string;\n\n  /**\n   * Boolean if the message should gain the error state which changes the text\n   * color to `red` by default.\n   *\n   * @defaultValue `false`\n   */\n  error?: boolean;\n\n  /**\n   * The current theme for the related text field. This is really only used to\n   * match the current horizontal padding of the text field.\n   *\n   * @defaultValue `\"outline\"`\n   */\n  theme?: FormTheme;\n}\n\nexport interface FormMessageProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, \"minLength\" | \"maxLength\">,\n    FormMessageClassNameOptions {\n  /**\n   * If this component is acting as a form-level error message handler, the role\n   * should be updated to be `\"alert\"` for additional accessibility.\n   *\n   * Note: when creating a form-level error message handler, the messages should\n   * no longer appear as the user types and instead once the user tries to\n   * submit the form. Having an alert role disrupts normal screen reader\n   * behavior by immediately reading changes in this element.\n   *\n   * @defaultValue `undefined`\n   */\n  role?: \"alert\";\n\n  /**\n   * Boolean if the children should no longer be wrapped in a `<p>` tag. This\n   * should normally only be disabled if using a custom error message wrapper or\n   * the counter behavior is not being used. To get correct alignments of the\n   * message and counter, the `children` must be wrapped in some element and\n   * cannot be plain test.\n   *\n   * Note: this will always be considered `true` if the `role` is set to\n   * `\"alert\"`.\n   *\n   * @defaultValue `false`\n   */\n  disableWrap?: boolean;\n\n  /**\n   * An optional style to apply to the `<p>` tag that surrounds the `children`.\n   * This will not be used if `role=\"alert\"` or `disableWrap={true}`.\n   */\n  messageStyle?: CSSProperties;\n\n  /**\n   * An optional className to apply to the `<p>` tag that surrounds the\n   * `children`. This will not be used if `role=\"alert\"` or\n   * `disableWrap={true}`.\n   */\n  messageClassName?: string;\n}\n\n/**\n * Props that are used to automatically add a counter for the remaining letters\n * available for the text field. The counter will always be created to the right\n * of the optional message.\n *\n * The counter is really a simple string of: `${length} / ${maxLength}`.\n *\n * If you need additional customization, it is recommended to create your own\n * implementation such as:\n *\n * ```tsx\n * <FormMessage>\n *   {errorMessage}\n *   <MyCounter {...props} />\n * </FormMessage>\n * ```\n *\n * Note: this should not be used alongside form-level messages.\n *\n * @remarks \\@since 2.9.0 Renamed from `FormMessageCounterProps` to\n * `FormMessageInputLengthCounterProps` since a `FormMessageCounter` component\n * was added\n */\nexport interface FormMessageInputLengthCounterProps {\n  /**\n   * The current length of the value in the related text field.\n   */\n  length: number;\n\n  /**\n   * The max length allowed for the value in the related text field.\n   */\n  maxLength: number;\n\n  /**\n   * An optional style to apply to the counter wrapper element.\n   */\n  counterStyle?: CSSProperties;\n\n  /**\n   * An optional className to apply to the counter wrapper element.\n   */\n  counterClassName?: string;\n}\n\nexport interface FormMessageWithCounterProps\n  extends FormMessageProps,\n    FormMessageInputLengthCounterProps {}\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport interface FormMessageWithoutCounterProps extends FormMessageProps {\n  length?: never;\n  maxLength?: never;\n  counterStyle?: never;\n  counterClassName?: never;\n}\n\nexport interface FormMessageContainerExtension {\n  /**\n   * If the extension doesn't actually want to render the `FormMessage`\n   * component, these props are optional. It kind of eliminates the whole\n   * purpose of this component though.\n   */\n  messageProps?: PropsWithRef<\n    FormMessageProps & Partial<FormMessageInputLengthCounterProps>,\n    HTMLDivElement\n  >;\n\n  /**\n   * Any props (and an optional ref) to provide to the `<div>` surrounding the\n   * children and `FormMessage` component.\n   *\n   * Note: This will not be used if the `messageProps` are not provided since\n   * only the `children` will be returned without the container.\n   */\n  messageContainerProps?: PropsWithRef<\n    HTMLAttributes<HTMLDivElement>,\n    HTMLDivElement\n  >;\n}\n\n/** @remarks \\@since 6.0.0 */\nexport interface LabelClassNameOptions {\n  className?: string;\n\n  /**\n   * Set this to `true` to remove the `gap` style from the label.\n   *\n   * @see `$label-gap`\n   * @defaultValue `false`\n   */\n  gap?: boolean;\n\n  /**\n   * Set this to `true` when the parent `TextFieldContainer` has the `dense`\n   * spec enabled. This updates the floating styles to match the smaller height.\n   *\n   * @defaultValue `false`\n   */\n  dense?: boolean;\n\n  /**\n   * Set this to `true` to update the label's color to the error color.\n   *\n   * @see `$error-color`\n   * @defaultValue `false`\n   */\n  error?: boolean;\n\n  /**\n   * Set this to `true` to update the label's color to the active color.\n   *\n   * @see `$active-color`\n   * @defaultValue `false`\n   */\n  active?: boolean;\n\n  /**\n   * Set this to `true` if the label should gain `flex-direction: column`\n   * styling.\n   *\n   * @defaultValue `false`\n   */\n  stacked?: boolean;\n\n  /**\n   * Set this to `true` to update the label's color to be the disabled color.\n   *\n   * @see `$disabled-color`\n   * @defaultValue `false`\n   */\n  disabled?: boolean;\n\n  /**\n   * Set this to true when label can floating above an input, textarea, or\n   * select inside of a `TextFieldContainer`.\n   *\n   * @defaultValue `false`\n   */\n  floating?: boolean;\n\n  /**\n   * Set this to true when label is currently floating above an input,\n   * textarea, or selected inside of a `TextFieldContainer`.\n   *\n   * @see {@link active}\n   * @defaultValue `active`\n   */\n  floatingActive?: boolean;\n\n  /**\n   * Set this to `true` to gain `flex-direction: row-reversed` styling. If the\n   * {@link stacked} prop is also `true`, `flex-direction: column-reversed` will\n   * be applied.\n   *\n   * @defaultValue `false`\n   */\n  reversed?: boolean;\n\n  /**\n   * @defaultValue `false`\n   */\n  inactive?: boolean;\n}\n\nexport interface LabelProps\n  extends LabelHTMLAttributes<HTMLLabelElement>,\n    LabelClassNameOptions {}\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport interface ConfigurableTextFieldAddonProps\n  extends HTMLAttributes<HTMLSpanElement> {\n  /**\n   * Boolean if the addon should be presentational only and prevent pointer\n   * events.\n   *\n   * @defaultValue `false`\n   */\n  pointerEvents?: boolean;\n}\n\n/**\n * @remarks \\@since 6.0.0 Added support for `leftAddonProps` and\n * `rightAddonProps`.\n */\nexport interface TextFieldContainerOptions\n  extends FormThemeOptions,\n    FormComponentStates {\n  /**\n   * Set this to `true` to enable the dense spec which reduces the height.\n   *\n   * @defaultValue `false`\n   */\n  dense?: boolean;\n\n  /**\n   * Set this to `true` to change the style from `display: flex` to\n   * `display: inline-flex`.\n   *\n   * @defaultValue `false`\n   */\n  inline?: boolean;\n\n  /**\n   * Set this to `true` if this component should stretch to fill a flex or grid\n   * container using `flex: 1 1 auto`.\n   *\n   * @defaultValue `false`\n   */\n  stretch?: boolean;\n\n  /**\n   * This should generally be an icon or a button that will be placed before the\n   * `TextField` or `TextArea`.\n   */\n  leftAddon?: ReactNode;\n\n  /**\n   * Any additional props to pass to the `<span>` surrounding the {@link leftAddon}.\n   *\n   * @remarks \\@since 6.0.0\n   */\n  leftAddonProps?: PropsWithRef<\n    ConfigurableTextFieldAddonProps,\n    HTMLSpanElement\n  >;\n\n  /**\n   * @see {@link TextFieldAddonProps.disabled}\n   *\n   * @defaultValue `false`\n   */\n  disableLeftAddonStyles?: boolean;\n\n  /**\n   * This should generally be an icon or a button that will be placed after the\n   * `TextField` or `TextArea`.\n   */\n  rightAddon?: ReactNode;\n\n  /**\n   * Any additional props to pass to the `<span>` surrounding the {@link rightAddon}.\n   *\n   * @remarks \\@since 6.0.0\n   */\n  rightAddonProps?: PropsWithRef<\n    ConfigurableTextFieldAddonProps,\n    HTMLSpanElement\n  >;\n\n  /**\n   * @see {@link TextFieldAddonProps.disabled}\n   *\n   * @defaultValue `false`\n   */\n  disableRightAddonStyles?: boolean;\n}\n\nexport interface FormFieldOptions\n  extends TextFieldContainerOptions,\n    FormMessageContainerExtension {\n  /**\n   * An optional floating label to use with the text field. A label is generally\n   * recommended for accessibility, but can be omitted if an `aria-label` or\n   * `aria-labelledby` is provided.\n   */\n  label?: ReactNode;\n\n  /**\n   * Any additional props and/or ref that should be passed to the `<label>`\n   * element when a {@link label} is provided.\n   *\n   * @example\n   * ```tsx\n   * labelProps={{\n   *   ref: labelRef,\n   *   style: {},\n   *   className: \"some-custom-class-name\",\n   *   onClick: (event) => {\n   *     // do something\n   *   }\n   * }}\n   * ```\n   */\n  labelProps?: PropsWithRef<LabelProps, HTMLLabelElement>;\n\n  /**\n   * A convenience prop to apply a custom style to a label. This is equivalent\n   * to:\n   *\n   * ```ts\n   * labelProps={{\n   *   style: // some style here\n   * }}\n   * ```\n   */\n  labelStyle?: CSSProperties;\n\n  /**\n   * A convenience prop to apply a custom className to a label. This is\n   * equivalent to:\n   *\n   * ```ts\n   * labelProps={{\n   *   className: \"some-class-name\",\n   * }}\n   * ```\n   */\n  labelClassName?: string;\n}\n"],"names":[],"mappings":"AAihBA,WAmDC"}

package/dist/icon/IconRotator.js

@@ -8,7 +8,7 @@ import { iconRotator } from "./styles.js";
  * The `IconRotator` is a simple component that is used to rotate an icon from a
  * one degrees to another.
  */ export const IconRotator = /*#__PURE__*/ forwardRef(function IconRotator(props, ref) {
-    const { style, className: propClassName, rotated, children, forceIconWrap = false, disableTransition = false, ...remaining } = props;
+    const { className: propClassName, rotated, children, forceIconWrap = false, disableTransition = false, ...remaining } = props;
     const className = iconRotator({
         rotated,
         className: propClassName,
@@ -22,9 +22,8 @@ import { iconRotator } from "./styles.js";
     }
     return /*#__PURE__*/ _jsx("span", {
         ...remaining,
-        style: style,
-        className: className,
         ref: ref,
+        className: className,
         children: children
     });
 });

package/dist/icon/IconRotator.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/icon/IconRotator.tsx"],"sourcesContent":["import { cnb } from \"cnbuilder\";\nimport {\n  Children,\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  type CSSProperties,\n  type HTMLAttributes,\n  type ReactNode,\n} from \"react\";\nimport { iconRotator, type IconRotatorClassNameOptions } from \"./styles.js\";\n\n/**\n * @remarks \\@since 6.0.0 Removed `animate` prop and added `disableTransition`\n */\nexport interface IconRotatorBaseProps\n  extends HTMLAttributes<HTMLSpanElement>,\n    IconRotatorClassNameOptions {\n  /**\n   * An optional style to apply to the surrounding span when the `forceIconWrap`\n   * prop is enabled or the children is not a single react element.\n   */\n  style?: CSSProperties;\n\n  /**\n   * Boolean if the child icon should be \"forcefully\" wrapped in a `<span>`\n   * element. This should be enabled if you have a custom icon that does not\n   * pass the `className` prop down.\n   *\n   * @defaultValue `false`\n   */\n  forceIconWrap?: boolean;\n}\n\nexport interface IconRotatorProps extends IconRotatorBaseProps {\n  /**\n   * The icon that should be rotated. If this is a valid React Element, the\n   * class names will be cloned into that icon, otherwise the icon will be\n   * wrapped in a span with the correct class names applied.\n   */\n  children: ReactNode;\n}\n\n/**\n * **Server Component**\n *\n * The `IconRotator` is a simple component that is used to rotate an icon from a\n * one degrees to another.\n */\nexport const IconRotator = forwardRef<HTMLSpanElement, IconRotatorProps>(\n  function IconRotator(props, ref) {\n    const {\n      style,\n      className: propClassName,\n      rotated,\n      children,\n      forceIconWrap = false,\n      disableTransition = false,\n      ...remaining\n    } = props;\n\n    const className = iconRotator({\n      rotated,\n      className: propClassName,\n      disableTransition,\n    });\n    if (!forceIconWrap && isValidElement<{ className?: string }>(children)) {\n      const child = Children.only(children);\n      return cloneElement(child, {\n        className: cnb(className, child.props.className),\n      });\n    }\n\n    return (\n      <span {...remaining} style={style} className={className} ref={ref}>\n        {children}\n      </span>\n    );\n  }\n);\n"],"names":["cnb","Children","cloneElement","forwardRef","isValidElement","iconRotator","IconRotator","props","ref","style","className","propClassName","rotated","children","forceIconWrap","disableTransition","remaining","child","only","span"],"mappings":";AAAA,SAASA,GAAG,QAAQ,YAAY;AAChC,SACEC,QAAQ,EACRC,YAAY,EACZC,UAAU,EACVC,cAAc,QAIT,QAAQ;AACf,SAASC,WAAW,QAA0C,cAAc;AAiC5E;;;;;CAKC,GACD,OAAO,MAAMC,4BAAcH,WACzB,SAASG,YAAYC,KAAK,EAAEC,GAAG;IAC7B,MAAM,EACJC,KAAK,EACLC,WAAWC,aAAa,EACxBC,OAAO,EACPC,QAAQ,EACRC,gBAAgB,KAAK,EACrBC,oBAAoB,KAAK,EACzB,GAAGC,WACJ,GAAGT;IAEJ,MAAMG,YAAYL,YAAY;QAC5BO;QACAF,WAAWC;QACXI;IACF;IACA,IAAI,CAACD,+BAAiBV,eAAuCS,WAAW;QACtE,MAAMI,QAAQhB,SAASiB,IAAI,CAACL;QAC5B,qBAAOX,aAAae,OAAO;YACzBP,WAAWV,IAAIU,WAAWO,MAAMV,KAAK,CAACG,SAAS;QACjD;IACF;IAEA,qBACE,KAACS;QAAM,GAAGH,SAAS;QAAEP,OAAOA;QAAOC,WAAWA;QAAWF,KAAKA;kBAC3DK;;AAGP,GACA"}
+{"version":3,"sources":["../../src/icon/IconRotator.tsx"],"sourcesContent":["import { cnb } from \"cnbuilder\";\nimport {\n  Children,\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  type CSSProperties,\n  type HTMLAttributes,\n  type ReactNode,\n} from \"react\";\nimport { iconRotator, type IconRotatorClassNameOptions } from \"./styles.js\";\n\n/**\n * @remarks \\@since 6.0.0 Removed `animate` prop and added `disableTransition`\n */\nexport interface IconRotatorBaseProps\n  extends HTMLAttributes<HTMLSpanElement>,\n    IconRotatorClassNameOptions {\n  /**\n   * An optional style to apply to the surrounding span when the `forceIconWrap`\n   * prop is enabled or the children is not a single react element.\n   */\n  style?: CSSProperties;\n\n  /**\n   * Boolean if the child icon should be \"forcefully\" wrapped in a `<span>`\n   * element. This should be enabled if you have a custom icon that does not\n   * pass the `className` prop down.\n   *\n   * @defaultValue `false`\n   */\n  forceIconWrap?: boolean;\n}\n\nexport interface IconRotatorProps extends IconRotatorBaseProps {\n  /**\n   * The icon that should be rotated. If this is a valid React Element, the\n   * class names will be cloned into that icon, otherwise the icon will be\n   * wrapped in a span with the correct class names applied.\n   */\n  children: ReactNode;\n}\n\n/**\n * **Server Component**\n *\n * The `IconRotator` is a simple component that is used to rotate an icon from a\n * one degrees to another.\n */\nexport const IconRotator = forwardRef<HTMLSpanElement, IconRotatorProps>(\n  function IconRotator(props, ref) {\n    const {\n      className: propClassName,\n      rotated,\n      children,\n      forceIconWrap = false,\n      disableTransition = false,\n      ...remaining\n    } = props;\n\n    const className = iconRotator({\n      rotated,\n      className: propClassName,\n      disableTransition,\n    });\n    if (!forceIconWrap && isValidElement<{ className?: string }>(children)) {\n      const child = Children.only(children);\n      return cloneElement(child, {\n        className: cnb(className, child.props.className),\n      });\n    }\n\n    return (\n      <span {...remaining} ref={ref} className={className}>\n        {children}\n      </span>\n    );\n  }\n);\n"],"names":["cnb","Children","cloneElement","forwardRef","isValidElement","iconRotator","IconRotator","props","ref","className","propClassName","rotated","children","forceIconWrap","disableTransition","remaining","child","only","span"],"mappings":";AAAA,SAASA,GAAG,QAAQ,YAAY;AAChC,SACEC,QAAQ,EACRC,YAAY,EACZC,UAAU,EACVC,cAAc,QAIT,QAAQ;AACf,SAASC,WAAW,QAA0C,cAAc;AAiC5E;;;;;CAKC,GACD,OAAO,MAAMC,4BAAcH,WACzB,SAASG,YAAYC,KAAK,EAAEC,GAAG;IAC7B,MAAM,EACJC,WAAWC,aAAa,EACxBC,OAAO,EACPC,QAAQ,EACRC,gBAAgB,KAAK,EACrBC,oBAAoB,KAAK,EACzB,GAAGC,WACJ,GAAGR;IAEJ,MAAME,YAAYJ,YAAY;QAC5BM;QACAF,WAAWC;QACXI;IACF;IACA,IAAI,CAACD,+BAAiBT,eAAuCQ,WAAW;QACtE,MAAMI,QAAQf,SAASgB,IAAI,CAACL;QAC5B,qBAAOV,aAAac,OAAO;YACzBP,WAAWT,IAAIS,WAAWO,MAAMT,KAAK,CAACE,SAAS;QACjD;IACF;IAEA,qBACE,KAACS;QAAM,GAAGH,SAAS;QAAEP,KAAKA;QAAKC,WAAWA;kBACvCG;;AAGP,GACA"}

package/dist/icon/_icon.scss

@@ -1,5 +1,4 @@
 @use "sass:color";
-@use "sass:map";
 @use "../theme/theme";
 @use "../transition/transition";
 @use "../utils";
@@ -47,61 +46,31 @@ $rotate-from: 0deg !default;
 $rotate-to: 180deg !default;
 $rotate-duration: transition.$linear-duration !default;
 
-$var-lookup: (
-  color: (
-    var: --rmd-icon-color,
-    value: $color,
-  ),
-  size: (
-    var: --rmd-icon-size,
-    value: $size,
-  ),
-  spacing: (
-    var: --rmd-icon-spacing,
-    value: $spacing,
-  ),
-  rotate-from: (
-    var: --rmd-icon-rotate-from,
-    value: $rotate-from,
-  ),
-  rotate-to: (
-    var: --rmd-icon-rotate-to,
-    value: $rotate-to,
-  ),
-  symbol-fill: (
-    var: --rmd-symbol-fill,
-    value: $symbol-fill,
-  ),
-  symbol-grade: (
-    var: --rmd-symbol-grad,
-    value: $symbol-grade,
-  ),
-  symbol-weight: (
-    var: --rmd-symbol-wght,
-    value: $symbol-weight,
-  ),
-  symbol-optical-size: (
-    var: --rmd-symbol-opsz,
-    value: $symbol-optical-size,
-  ),
+$variables: (
+  color,
+  size,
+  spacing,
+  rotate-from,
+  rotate-to,
+  symbol-fill,
+  symbol-grade,
+  symbol-weight,
+  symbol-optical-size
 );
 
 @function get-var($name, $fallback: null) {
-  $found: utils.validate($var-lookup, $name, "icon var");
-  $var: map.get($found, var);
-  $value: if($fallback, $fallback, map.get($found, value));
-
-  @if $value {
-    @return var(#{$var}, #{$value});
+  $var: utils.get-var-name($variables, $name, "icon");
+  @if $fallback {
+    @return var(#{$var}, #{$fallback});
   }
 
   @return var(#{$var});
 }
 
 @mixin set-var($name, $value) {
-  $var: map.get(utils.validate($var-lookup, $name, "icon var"), var);
-
-  #{$var}: #{$value};
+  @if $value {
+    #{utils.get-var-name($variables, $name, "icon")}: #{$value};
+  }
 }
 
 @mixin use-var($property, $name: $property, $fallback: null) {
@@ -126,6 +95,26 @@ $var-lookup: (
   }
 }
 
+@mixin variables {
+  @if not $disable-font or not $disable-svg or not $disable-symbol {
+    @include set-var(color, $color);
+    @include set-var(size, $size);
+    @include set-var(spacing, $spacing);
+  }
+
+  @if not $disable-symbol {
+    @include set-var(symbol-fill, $symbol-fill);
+    @include set-var(symbol-grade, $symbol-grade);
+    @include set-var(symbol-weight, $symbol-weight);
+    @include set-var(symbol-optical-size, $symbol-optical-size);
+  }
+
+  @if not $disable-rotator {
+    @include set-var(rotate-from, $rotate-from);
+    @include set-var(rotate-to, $rotate-to);
+  }
+}
+
 @mixin styles {
   // shouldn't really use react-md without icons though...
   @if not $disable-font or not $disable-svg and not $disable-symbol {
@@ -186,13 +175,13 @@ $var-lookup: (
 
       @if not $disable-spacing-above {
         &--above {
-          @include use-var(margin-top, spacing);
+          @include use-var(margin-bottom, spacing);
         }
       }
 
       @if not $disable-spacing-below {
         &--below {
-          @include use-var(margin-bottom, spacing);
+          @include use-var(margin-top, spacing);
         }
       }
 

package/dist/index.d.ts

@@ -13,6 +13,7 @@ export * from "./button/AsyncButton.js";
 export * from "./button/Button.js";
 export * from "./button/ButtonUnstyled.js";
 export * from "./button/FloatingActionButton.js";
+export * from "./button/TooltippedButton.js";
 export * from "./button/buttonStyles.js";
 export * from "./button/buttonUnstyledStyles.js";
 export * from "./card/Card.js";
@@ -21,6 +22,7 @@ export * from "./card/CardFooter.js";
 export * from "./card/CardHeader.js";
 export * from "./card/CardSubtitle.js";
 export * from "./card/CardTitle.js";
+export * from "./card/ClickableCard.js";
 export * from "./card/styles.js";
 export * from "./chip/Chip.js";
 export * from "./chip/styles.js";
@@ -257,6 +259,7 @@ export * from "./transition/Slide.js";
 export * from "./transition/SlideContainer.js";
 export * from "./transition/config.js";
 export * from "./transition/maxWidthTransition.js";
+export * from "./transition/skeletonPlaceholderUtils.js";
 export * from "./transition/types.js";
 export * from "./transition/useCSSTransition.js";
 export * from "./transition/useCarousel.js";
@@ -288,6 +291,7 @@ export * from "./typography/WritingDirectionProvider.js";
 export * from "./useAsyncAction.js";
 export * from "./useDebouncedFunction.js";
 export * from "./useDropzone.js";
+export * from "./useElementSize.js";
 export * from "./useEnsuredId.js";
 export * from "./useEnsuredRef.js";
 export * from "./useHtmlClassName.js";
@@ -308,6 +312,7 @@ export * from "./utils/applyRef.js";
 export * from "./utils/bem.js";
 export * from "./utils/filters.js";
 export * from "./utils/getClientPosition.js";
+export * from "./utils/getMiddleOfRange.js";
 export * from "./utils/getPercentage.js";
 export * from "./utils/getRangeDefaultValue.js";
 export * from "./utils/getRangeSteps.js";

package/dist/index.js

@@ -13,6 +13,7 @@ export * from "./button/AsyncButton.js";
 export * from "./button/Button.js";
 export * from "./button/ButtonUnstyled.js";
 export * from "./button/FloatingActionButton.js";
+export * from "./button/TooltippedButton.js";
 export * from "./button/buttonStyles.js";
 export * from "./button/buttonUnstyledStyles.js";
 export * from "./card/Card.js";
@@ -21,6 +22,7 @@ export * from "./card/CardFooter.js";
 export * from "./card/CardHeader.js";
 export * from "./card/CardSubtitle.js";
 export * from "./card/CardTitle.js";
+export * from "./card/ClickableCard.js";
 export * from "./card/styles.js";
 export * from "./chip/Chip.js";
 export * from "./chip/styles.js";
@@ -256,6 +258,7 @@ export * from "./transition/Slide.js";
 export * from "./transition/SlideContainer.js";
 export * from "./transition/config.js";
 export * from "./transition/maxWidthTransition.js";
+export * from "./transition/skeletonPlaceholderUtils.js";
 export * from "./transition/types.js";
 export * from "./transition/useCSSTransition.js";
 export * from "./transition/useCarousel.js";
@@ -287,6 +290,7 @@ export * from "./typography/WritingDirectionProvider.js";
 export * from "./useAsyncAction.js";
 export * from "./useDebouncedFunction.js";
 export * from "./useDropzone.js";
+export * from "./useElementSize.js";
 export * from "./useEnsuredId.js";
 export * from "./useEnsuredRef.js";
 export * from "./useHtmlClassName.js";
@@ -307,6 +311,7 @@ export * from "./utils/applyRef.js";
 export * from "./utils/bem.js";
 export * from "./utils/filters.js";
 export * from "./utils/getClientPosition.js";
+export * from "./utils/getMiddleOfRange.js";
 export * from "./utils/getPercentage.js";
 export * from "./utils/getRangeDefaultValue.js";
 export * from "./utils/getRangeSteps.js";

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export { nanoid } from \"nanoid\";\nexport * from \"./CoreProviders.js\";\nexport * from \"./NoSsr.js\";\nexport * from \"./SsrProvider.js\";\nexport * from \"./app-bar/AppBar.js\";\nexport * from \"./app-bar/AppBarTitle.js\";\nexport * from \"./avatar/Avatar.js\";\nexport * from \"./avatar/styles.js\";\nexport * from \"./badge/Badge.js\";\nexport * from \"./box/Box.js\";\nexport * from \"./box/styles.js\";\nexport * from \"./button/AsyncButton.js\";\nexport * from \"./button/Button.js\";\nexport * from \"./button/ButtonUnstyled.js\";\nexport * from \"./button/FloatingActionButton.js\";\nexport * from \"./button/buttonStyles.js\";\nexport * from \"./button/buttonUnstyledStyles.js\";\nexport * from \"./card/Card.js\";\nexport * from \"./card/CardContent.js\";\nexport * from \"./card/CardFooter.js\";\nexport * from \"./card/CardHeader.js\";\nexport * from \"./card/CardSubtitle.js\";\nexport * from \"./card/CardTitle.js\";\nexport * from \"./card/styles.js\";\nexport * from \"./chip/Chip.js\";\nexport * from \"./chip/styles.js\";\nexport * from \"./cssUtils.js\";\nexport * from \"./delegateEvent.js\";\nexport * from \"./dialog/Dialog.js\";\nexport * from \"./dialog/DialogContainer.js\";\nexport * from \"./dialog/DialogContent.js\";\nexport * from \"./dialog/DialogFooter.js\";\nexport * from \"./dialog/DialogHeader.js\";\nexport * from \"./dialog/DialogTitle.js\";\nexport * from \"./dialog/FixedDialog.js\";\nexport * from \"./dialog/NestedDialogProvider.js\";\nexport * from \"./dialog/styles.js\";\nexport * from \"./divider/Divider.js\";\nexport * from \"./divider/styles.js\";\nexport * from \"./draggable/useDraggable.js\";\nexport * from \"./expansion-panel/ExpansionList.js\";\nexport * from \"./expansion-panel/ExpansionPanel.js\";\nexport * from \"./expansion-panel/ExpansionPanelHeader.js\";\nexport * from \"./expansion-panel/useExpansionList.js\";\nexport * from \"./expansion-panel/useExpansionPanels.js\";\nexport * from \"./focus/useFocusContainer.js\";\nexport * from \"./focus/utils.js\";\nexport * from \"./form/Checkbox.js\";\nexport * from \"./form/Fieldset.js\";\nexport * from \"./form/FileInput.js\";\nexport * from \"./form/Form.js\";\nexport * from \"./form/FormMessage.js\";\nexport * from \"./form/FormMessageContainer.js\";\nexport * from \"./form/FormMessageCounter.js\";\nexport * from \"./form/InputToggle.js\";\nexport * from \"./form/Label.js\";\nexport * from \"./form/Legend.js\";\nexport * from \"./form/MenuItemCheckbox.js\";\nexport * from \"./form/MenuItemFileInput.js\";\nexport * from \"./form/MenuItemInputToggle.js\";\nexport * from \"./form/MenuItemRadio.js\";\nexport * from \"./form/MenuItemSwitch.js\";\nexport * from \"./form/MenuItemTextField.js\";\nexport * from \"./form/NativeSelect.js\";\nexport * from \"./form/OptGroup.js\";\nexport * from \"./form/Option.js\";\nexport * from \"./form/Password.js\";\nexport * from \"./form/Radio.js\";\nexport * from \"./form/Select.js\";\nexport * from \"./form/Slider.js\";\nexport * from \"./form/SliderContainer.js\";\nexport * from \"./form/SliderMark.js\";\nexport * from \"./form/SliderMarkLabel.js\";\nexport * from \"./form/SliderThumb.js\";\nexport * from \"./form/SliderTrack.js\";\nexport * from \"./form/SliderValueMarks.js\";\nexport * from \"./form/SliderValueTooltip.js\";\nexport * from \"./form/Switch.js\";\nexport * from \"./form/TextArea.js\";\nexport * from \"./form/TextField.js\";\nexport * from \"./form/TextFieldAddon.js\";\nexport * from \"./form/TextFieldContainer.js\";\nexport * from \"./form/TextFieldContainerStyles.js\";\nexport * from \"./form/fileUtils.js\";\nexport * from \"./form/formConfig.js\";\nexport * from \"./form/formMessageStyles.js\";\nexport * from \"./form/nativeSelectStyles.js\";\nexport * from \"./form/optionStyles.js\";\nexport * from \"./form/passwordStyles.js\";\nexport * from \"./form/selectStyles.js\";\nexport * from \"./form/switchStyles.js\";\nexport * from \"./form/textFieldStyles.js\";\nexport * from \"./form/types.js\";\nexport * from \"./form/useCheckboxGroup.js\";\nexport * from \"./form/useFileUpload.js\";\nexport * from \"./form/useNumberField.js\";\nexport * from \"./form/useRadioGroup.js\";\nexport * from \"./form/useRangeSlider.js\";\nexport * from \"./form/useSlider.js\";\nexport * from \"./form/useTextField.js\";\nexport * from \"./form/validation.js\";\nexport * from \"./hoverMode/useHoverMode.js\";\nexport * from \"./hoverMode/useHoverModeProvider.js\";\nexport * from \"./icon/FontIcon.js\";\nexport * from \"./icon/IconRotator.js\";\nexport * from \"./icon/MaterialIcon.js\";\nexport * from \"./icon/MaterialSymbol.js\";\nexport * from \"./icon/SVGIcon.js\";\nexport * from \"./icon/TextIconSpacing.js\";\nexport * from \"./icon/iconConfig.js\";\nexport * from \"./icon/material.js\";\nexport * from \"./icon/materialConfig.js\";\nexport * from \"./icon/styles.js\";\nexport * from \"./interaction/Ripple.js\";\nexport * from \"./interaction/RippleContainer.js\";\nexport * from \"./interaction/UserInteractionModeProvider.js\";\nexport * from \"./interaction/config.js\";\nexport * from \"./interaction/types.js\";\nexport * from \"./interaction/useElementInteraction.js\";\nexport * from \"./interaction/useHigherContrastChildren.js\";\nexport * from \"./layout/LayoutAppBar.js\";\nexport * from \"./layout/LayoutNav.js\";\nexport * from \"./layout/LayoutWindowSplitter.js\";\nexport * from \"./layout/Main.js\";\nexport * from \"./layout/layoutNavStyles.js\";\nexport * from \"./layout/layoutWindowSplitterStyles.js\";\nexport * from \"./layout/mainStyles.js\";\nexport * from \"./layout/useExpandableLayout.js\";\nexport * from \"./layout/useHorizontalLayoutTransition.js\";\nexport * from \"./layout/useLayoutAppBarHeight.js\";\nexport * from \"./layout/useLayoutTree.js\";\nexport * from \"./layout/useLayoutWindowSplitter.js\";\nexport * from \"./layout/useMainTabIndex.js\";\nexport * from \"./layout/useResizableLayout.js\";\nexport * from \"./layout/useTemporaryLayout.js\";\nexport * from \"./link/Link.js\";\nexport * from \"./link/SkipToMainContent.js\";\nexport * from \"./link/styles.js\";\nexport * from \"./list/List.js\";\nexport * from \"./list/ListItem.js\";\nexport * from \"./list/ListItemAddon.js\";\nexport * from \"./list/ListItemChildren.js\";\nexport * from \"./list/ListItemLink.js\";\nexport * from \"./list/ListItemText.js\";\nexport * from \"./list/ListSubheader.js\";\nexport * from \"./list/getListItemHeight.js\";\nexport * from \"./list/listItemStyles.js\";\nexport * from \"./list/types.js\";\nexport * from \"./media-queries/AppSizeProvider.js\";\nexport * from \"./media-queries/appSize.js\";\nexport * from \"./media-queries/useMediaQuery.js\";\nexport * from \"./menu/DropdownMenu.js\";\nexport * from \"./menu/Menu.js\";\nexport * from \"./menu/MenuBar.js\";\nexport * from \"./menu/MenuButton.js\";\nexport * from \"./menu/MenuConfigurationProvider.js\";\nexport * from \"./menu/MenuItem.js\";\nexport * from \"./menu/MenuItemButton.js\";\nexport * from \"./menu/MenuItemGroup.js\";\nexport * from \"./menu/MenuItemSeparator.js\";\nexport * from \"./menu/MenuSheet.js\";\nexport * from \"./menu/MenuVisibilityProvider.js\";\nexport * from \"./menu/MenuWidget.js\";\nexport * from \"./menu/useContextMenu.js\";\nexport * from \"./menu/useMenuBarProvider.js\";\nexport * from \"./movement/constants.js\";\nexport * from \"./movement/findMatchIndex.js\";\nexport * from \"./movement/types.js\";\nexport * from \"./movement/useKeyboardMovementProvider.js\";\nexport * from \"./movement/utils.js\";\nexport * from \"./overlay/Overlay.js\";\nexport * from \"./overlay/overlayStyles.js\";\nexport * from \"./portal/Portal.js\";\nexport * from \"./portal/PortalContainerProvider.js\";\nexport * from \"./positioning/constants.js\";\nexport * from \"./positioning/types.js\";\nexport * from \"./positioning/useFixedPositioning.js\";\nexport * from \"./progress/CircularProgress.js\";\nexport * from \"./progress/LinearProgress.js\";\nexport * from \"./progress/getProgressA11y.js\";\nexport * from \"./progress/types.js\";\nexport * from \"./responsive-item/ResponsiveItemContainer.js\";\nexport * from \"./responsive-item/ResponsiveItemOverlay.js\";\nexport * from \"./responsive-item/styles.js\";\nexport * from \"./scroll/ScrollLock.js\";\nexport * from \"./scroll/getScrollbarWidth.js\";\nexport * from \"./scroll/useScrollLock.js\";\nexport * from \"./segmented-button/SegmentedButton.js\";\nexport * from \"./segmented-button/SegmentedButtonContainer.js\";\nexport * from \"./segmented-button/segmentedButtonContainerStyles.js\";\nexport * from \"./segmented-button/segmentedButtonStyles.js\";\nexport * from \"./sheet/Sheet.js\";\nexport * from \"./sheet/styles.js\";\nexport * from \"./snackbar/DefaultToastRenderer.js\";\nexport * from \"./snackbar/Snackbar.js\";\nexport * from \"./snackbar/Toast.js\";\nexport * from \"./snackbar/ToastActionButton.js\";\nexport * from \"./snackbar/ToastCloseButton.js\";\nexport * from \"./snackbar/ToastContent.js\";\nexport * from \"./snackbar/ToastManager.js\";\nexport * from \"./snackbar/ToastManagerProvider.js\";\nexport * from \"./snackbar/snackbarStyles.js\";\nexport * from \"./snackbar/toastContentStyles.js\";\nexport * from \"./snackbar/toastStyles.js\";\nexport * from \"./snackbar/useCurrentToastActions.js\";\nexport * from \"./suspense/CircularProgressSuspense.js\";\nexport * from \"./suspense/NullSuspense.js\";\nexport * from \"./table/Table.js\";\nexport * from \"./table/TableBody.js\";\nexport * from \"./table/TableCell.js\";\nexport * from \"./table/TableCellContent.js\";\nexport * from \"./table/TableCheckbox.js\";\nexport * from \"./table/TableConfigurationProvider.js\";\nexport * from \"./table/TableContainer.js\";\nexport * from \"./table/TableContainerProvider.js\";\nexport * from \"./table/TableFooter.js\";\nexport * from \"./table/TableHeader.js\";\nexport * from \"./table/TableRadio.js\";\nexport * from \"./table/TableRow.js\";\nexport * from \"./table/tableCellStyles.js\";\nexport * from \"./table/tableFooterStyles.js\";\nexport * from \"./table/tableHeaderStyles.js\";\nexport * from \"./table/tableRowStyles.js\";\nexport * from \"./table/tableStyles.js\";\nexport * from \"./table/types.js\";\nexport * from \"./tabs/Tab.js\";\nexport * from \"./tabs/TabList.js\";\nexport * from \"./tabs/TabListScrollButton.js\";\nexport * from \"./tabs/tabIndicatorStyles.js\";\nexport * from \"./tabs/tabListScrollButtonStyles.js\";\nexport * from \"./tabs/tabListStyles.js\";\nexport * from \"./tabs/tabStyles.js\";\nexport * from \"./tabs/useTabs.js\";\nexport { getTabListScrollToOptions } from \"./tabs/utils.js\";\nexport type {\n  GetTabListScrollToOptions,\n  TabListScrollToOptions,\n} from \"./tabs/utils.js\";\nexport * from \"./theme/LocalStorageColorSchemeProvider.js\";\nexport * from \"./theme/ThemeProvider.js\";\nexport * from \"./theme/colors.js\";\nexport * from \"./theme/cssVars.js\";\nexport * from \"./theme/types.js\";\nexport * from \"./theme/useCSSVariables.js\";\nexport * from \"./theme/useColorScheme.js\";\nexport * from \"./theme/useColorSchemeMetaTag.js\";\nexport * from \"./theme/useColorSchemeProvider.js\";\nexport * from \"./theme/usePrefersColorScheme.js\";\nexport * from \"./theme/utils.js\";\nexport * from \"./tooltip/Tooltip.js\";\nexport * from \"./tooltip/TooltipHoverModeProvider.js\";\nexport * from \"./tooltip/constants.js\";\nexport * from \"./tooltip/useTooltip.js\";\nexport * from \"./transition/CSSTransition.js\";\nexport * from \"./transition/Collapse.js\";\nexport * from \"./transition/CrossFade.js\";\nexport * from \"./transition/ScaleTransition.js\";\nexport * from \"./transition/SkeletonPlaceholder.js\";\nexport * from \"./transition/Slide.js\";\nexport * from \"./transition/SlideContainer.js\";\nexport * from \"./transition/config.js\";\nexport * from \"./transition/maxWidthTransition.js\";\nexport * from \"./transition/types.js\";\nexport * from \"./transition/useCSSTransition.js\";\nexport * from \"./transition/useCarousel.js\";\nexport * from \"./transition/useCollapseTransition.js\";\nexport * from \"./transition/useCrossFadeTransition.js\";\nexport * from \"./transition/useMaxWidthTransition.js\";\nexport * from \"./transition/useScaleTransition.js\";\nexport * from \"./transition/useSkeletonPlaceholder.js\";\nexport * from \"./transition/useSlideTransition.js\";\nexport * from \"./transition/useTransition.js\";\nexport * from \"./tree/DefaultTreeItemRenderer.js\";\nexport * from \"./tree/Tree.js\";\nexport * from \"./tree/TreeGroup.js\";\nexport * from \"./tree/TreeItem.js\";\nexport * from \"./tree/TreeItemExpander.js\";\nexport * from \"./tree/TreeProvider.js\";\nexport * from \"./tree/styles.js\";\nexport * from \"./tree/types.js\";\nexport * from \"./tree/useTree.js\";\nexport * from \"./tree/useTreeExpansion.js\";\nexport * from \"./tree/useTreeItems.js\";\nexport * from \"./tree/useTreeSelection.js\";\nexport * from \"./tree/utils.js\";\nexport * from \"./types.js\";\nexport * from \"./typography/SrOnly.js\";\nexport * from \"./typography/TextContainer.js\";\nexport * from \"./typography/Typography.js\";\nexport * from \"./typography/WritingDirectionProvider.js\";\nexport * from \"./useAsyncAction.js\";\nexport * from \"./useDebouncedFunction.js\";\nexport * from \"./useDropzone.js\";\nexport * from \"./useEnsuredId.js\";\nexport * from \"./useEnsuredRef.js\";\nexport * from \"./useHtmlClassName.js\";\nexport * from \"./useIntersectionObserver.js\";\nexport * from \"./useIsomorphicLayoutEffect.js\";\nexport * from \"./useLocalStorage.js\";\nexport * from \"./useOrientation.js\";\nexport * from \"./usePageInactive.js\";\nexport * from \"./useResizeListener.js\";\nexport * from \"./useResizeObserver.js\";\nexport * from \"./useThrottledFunction.js\";\nexport * from \"./useToggle.js\";\nexport * from \"./useUnmounted.js\";\nexport * from \"./useWindowSize.js\";\nexport * from \"./utils/RenderRecursively.js\";\nexport * from \"./utils/alphaNumericSort.js\";\nexport * from \"./utils/applyRef.js\";\nexport * from \"./utils/bem.js\";\nexport * from \"./utils/filters.js\";\nexport * from \"./utils/getClientPosition.js\";\nexport * from \"./utils/getPercentage.js\";\nexport * from \"./utils/getRangeDefaultValue.js\";\nexport * from \"./utils/getRangeSteps.js\";\nexport * from \"./utils/identity.js\";\nexport * from \"./utils/isElementVisible.js\";\nexport * from \"./utils/loop.js\";\nexport * from \"./utils/nearest.js\";\nexport * from \"./utils/parseCssLengthUnit.js\";\nexport * from \"./utils/randomInt.js\";\nexport * from \"./utils/wait.js\";\nexport * from \"./utils/withinRange.js\";\nexport * from \"./window-splitter/WindowSplitter.js\";\nexport * from \"./window-splitter/useWindowSplitter.js\";\n"],"names":["nanoid","getTabListScrollToOptions"],"mappings":"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"}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export { nanoid } from \"nanoid\";\nexport * from \"./CoreProviders.js\";\nexport * from \"./NoSsr.js\";\nexport * from \"./SsrProvider.js\";\nexport * from \"./app-bar/AppBar.js\";\nexport * from \"./app-bar/AppBarTitle.js\";\nexport * from \"./avatar/Avatar.js\";\nexport * from \"./avatar/styles.js\";\nexport * from \"./badge/Badge.js\";\nexport * from \"./box/Box.js\";\nexport * from \"./box/styles.js\";\nexport * from \"./button/AsyncButton.js\";\nexport * from \"./button/Button.js\";\nexport * from \"./button/ButtonUnstyled.js\";\nexport * from \"./button/FloatingActionButton.js\";\nexport * from \"./button/TooltippedButton.js\";\nexport * from \"./button/buttonStyles.js\";\nexport * from \"./button/buttonUnstyledStyles.js\";\nexport * from \"./card/Card.js\";\nexport * from \"./card/CardContent.js\";\nexport * from \"./card/CardFooter.js\";\nexport * from \"./card/CardHeader.js\";\nexport * from \"./card/CardSubtitle.js\";\nexport * from \"./card/CardTitle.js\";\nexport * from \"./card/ClickableCard.js\";\nexport * from \"./card/styles.js\";\nexport * from \"./chip/Chip.js\";\nexport * from \"./chip/styles.js\";\nexport * from \"./cssUtils.js\";\nexport * from \"./delegateEvent.js\";\nexport * from \"./dialog/Dialog.js\";\nexport * from \"./dialog/DialogContainer.js\";\nexport * from \"./dialog/DialogContent.js\";\nexport * from \"./dialog/DialogFooter.js\";\nexport * from \"./dialog/DialogHeader.js\";\nexport * from \"./dialog/DialogTitle.js\";\nexport * from \"./dialog/FixedDialog.js\";\nexport * from \"./dialog/NestedDialogProvider.js\";\nexport * from \"./dialog/styles.js\";\nexport * from \"./divider/Divider.js\";\nexport * from \"./divider/styles.js\";\nexport * from \"./draggable/useDraggable.js\";\nexport * from \"./expansion-panel/ExpansionList.js\";\nexport * from \"./expansion-panel/ExpansionPanel.js\";\nexport * from \"./expansion-panel/ExpansionPanelHeader.js\";\nexport * from \"./expansion-panel/useExpansionList.js\";\nexport * from \"./expansion-panel/useExpansionPanels.js\";\nexport * from \"./focus/useFocusContainer.js\";\nexport * from \"./focus/utils.js\";\nexport * from \"./form/Checkbox.js\";\nexport * from \"./form/Fieldset.js\";\nexport * from \"./form/FileInput.js\";\nexport * from \"./form/Form.js\";\nexport * from \"./form/FormMessage.js\";\nexport * from \"./form/FormMessageContainer.js\";\nexport * from \"./form/FormMessageCounter.js\";\nexport * from \"./form/InputToggle.js\";\nexport * from \"./form/Label.js\";\nexport * from \"./form/Legend.js\";\nexport * from \"./form/MenuItemCheckbox.js\";\nexport * from \"./form/MenuItemFileInput.js\";\nexport * from \"./form/MenuItemInputToggle.js\";\nexport * from \"./form/MenuItemRadio.js\";\nexport * from \"./form/MenuItemSwitch.js\";\nexport * from \"./form/MenuItemTextField.js\";\nexport * from \"./form/NativeSelect.js\";\nexport * from \"./form/OptGroup.js\";\nexport * from \"./form/Option.js\";\nexport * from \"./form/Password.js\";\nexport * from \"./form/Radio.js\";\nexport * from \"./form/Select.js\";\nexport * from \"./form/Slider.js\";\nexport * from \"./form/SliderContainer.js\";\nexport * from \"./form/SliderMark.js\";\nexport * from \"./form/SliderMarkLabel.js\";\nexport * from \"./form/SliderThumb.js\";\nexport * from \"./form/SliderTrack.js\";\nexport * from \"./form/SliderValueMarks.js\";\nexport * from \"./form/SliderValueTooltip.js\";\nexport * from \"./form/Switch.js\";\nexport * from \"./form/TextArea.js\";\nexport * from \"./form/TextField.js\";\nexport * from \"./form/TextFieldAddon.js\";\nexport * from \"./form/TextFieldContainer.js\";\nexport * from \"./form/TextFieldContainerStyles.js\";\nexport * from \"./form/fileUtils.js\";\nexport * from \"./form/formConfig.js\";\nexport * from \"./form/formMessageStyles.js\";\nexport * from \"./form/nativeSelectStyles.js\";\nexport * from \"./form/optionStyles.js\";\nexport * from \"./form/passwordStyles.js\";\nexport * from \"./form/selectStyles.js\";\nexport * from \"./form/switchStyles.js\";\nexport * from \"./form/textFieldStyles.js\";\nexport * from \"./form/types.js\";\nexport * from \"./form/useCheckboxGroup.js\";\nexport * from \"./form/useFileUpload.js\";\nexport * from \"./form/useNumberField.js\";\nexport * from \"./form/useRadioGroup.js\";\nexport * from \"./form/useRangeSlider.js\";\nexport * from \"./form/useSlider.js\";\nexport * from \"./form/useTextField.js\";\nexport * from \"./form/validation.js\";\nexport * from \"./hoverMode/useHoverMode.js\";\nexport * from \"./hoverMode/useHoverModeProvider.js\";\nexport * from \"./icon/FontIcon.js\";\nexport * from \"./icon/IconRotator.js\";\nexport * from \"./icon/MaterialIcon.js\";\nexport * from \"./icon/MaterialSymbol.js\";\nexport * from \"./icon/SVGIcon.js\";\nexport * from \"./icon/TextIconSpacing.js\";\nexport * from \"./icon/iconConfig.js\";\nexport * from \"./icon/material.js\";\nexport * from \"./icon/materialConfig.js\";\nexport * from \"./icon/styles.js\";\nexport * from \"./interaction/Ripple.js\";\nexport * from \"./interaction/RippleContainer.js\";\nexport * from \"./interaction/UserInteractionModeProvider.js\";\nexport * from \"./interaction/config.js\";\nexport * from \"./interaction/types.js\";\nexport * from \"./interaction/useElementInteraction.js\";\nexport * from \"./interaction/useHigherContrastChildren.js\";\nexport * from \"./layout/LayoutAppBar.js\";\nexport * from \"./layout/LayoutNav.js\";\nexport * from \"./layout/LayoutWindowSplitter.js\";\nexport * from \"./layout/Main.js\";\nexport * from \"./layout/layoutNavStyles.js\";\nexport * from \"./layout/layoutWindowSplitterStyles.js\";\nexport * from \"./layout/mainStyles.js\";\nexport * from \"./layout/useExpandableLayout.js\";\nexport * from \"./layout/useHorizontalLayoutTransition.js\";\nexport * from \"./layout/useLayoutAppBarHeight.js\";\nexport * from \"./layout/useLayoutTree.js\";\nexport * from \"./layout/useLayoutWindowSplitter.js\";\nexport * from \"./layout/useMainTabIndex.js\";\nexport * from \"./layout/useResizableLayout.js\";\nexport * from \"./layout/useTemporaryLayout.js\";\nexport * from \"./link/Link.js\";\nexport * from \"./link/SkipToMainContent.js\";\nexport * from \"./link/styles.js\";\nexport * from \"./list/List.js\";\nexport * from \"./list/ListItem.js\";\nexport * from \"./list/ListItemAddon.js\";\nexport * from \"./list/ListItemChildren.js\";\nexport * from \"./list/ListItemLink.js\";\nexport * from \"./list/ListItemText.js\";\nexport * from \"./list/ListSubheader.js\";\nexport * from \"./list/getListItemHeight.js\";\nexport * from \"./list/listItemStyles.js\";\nexport * from \"./list/types.js\";\nexport * from \"./media-queries/AppSizeProvider.js\";\nexport * from \"./media-queries/appSize.js\";\nexport * from \"./media-queries/useMediaQuery.js\";\nexport * from \"./menu/DropdownMenu.js\";\nexport * from \"./menu/Menu.js\";\nexport * from \"./menu/MenuBar.js\";\nexport * from \"./menu/MenuButton.js\";\nexport * from \"./menu/MenuConfigurationProvider.js\";\nexport * from \"./menu/MenuItem.js\";\nexport * from \"./menu/MenuItemButton.js\";\nexport * from \"./menu/MenuItemGroup.js\";\nexport * from \"./menu/MenuItemSeparator.js\";\nexport * from \"./menu/MenuSheet.js\";\nexport * from \"./menu/MenuVisibilityProvider.js\";\nexport * from \"./menu/MenuWidget.js\";\nexport * from \"./menu/useContextMenu.js\";\nexport * from \"./menu/useMenuBarProvider.js\";\nexport * from \"./movement/constants.js\";\nexport * from \"./movement/findMatchIndex.js\";\nexport * from \"./movement/types.js\";\nexport * from \"./movement/useKeyboardMovementProvider.js\";\nexport * from \"./movement/utils.js\";\nexport * from \"./overlay/Overlay.js\";\nexport * from \"./overlay/overlayStyles.js\";\nexport * from \"./portal/Portal.js\";\nexport * from \"./portal/PortalContainerProvider.js\";\nexport * from \"./positioning/constants.js\";\nexport * from \"./positioning/types.js\";\nexport * from \"./positioning/useFixedPositioning.js\";\nexport * from \"./progress/CircularProgress.js\";\nexport * from \"./progress/LinearProgress.js\";\nexport * from \"./progress/getProgressA11y.js\";\nexport * from \"./progress/types.js\";\nexport * from \"./responsive-item/ResponsiveItemContainer.js\";\nexport * from \"./responsive-item/ResponsiveItemOverlay.js\";\nexport * from \"./responsive-item/styles.js\";\nexport * from \"./scroll/ScrollLock.js\";\nexport * from \"./scroll/getScrollbarWidth.js\";\nexport * from \"./scroll/useScrollLock.js\";\nexport * from \"./segmented-button/SegmentedButton.js\";\nexport * from \"./segmented-button/SegmentedButtonContainer.js\";\nexport * from \"./segmented-button/segmentedButtonContainerStyles.js\";\nexport * from \"./segmented-button/segmentedButtonStyles.js\";\nexport * from \"./sheet/Sheet.js\";\nexport * from \"./sheet/styles.js\";\nexport * from \"./snackbar/DefaultToastRenderer.js\";\nexport * from \"./snackbar/Snackbar.js\";\nexport * from \"./snackbar/Toast.js\";\nexport * from \"./snackbar/ToastActionButton.js\";\nexport * from \"./snackbar/ToastCloseButton.js\";\nexport * from \"./snackbar/ToastContent.js\";\nexport * from \"./snackbar/ToastManager.js\";\nexport * from \"./snackbar/ToastManagerProvider.js\";\nexport * from \"./snackbar/snackbarStyles.js\";\nexport * from \"./snackbar/toastContentStyles.js\";\nexport * from \"./snackbar/toastStyles.js\";\nexport * from \"./snackbar/useCurrentToastActions.js\";\nexport * from \"./suspense/CircularProgressSuspense.js\";\nexport * from \"./suspense/NullSuspense.js\";\nexport * from \"./table/Table.js\";\nexport * from \"./table/TableBody.js\";\nexport * from \"./table/TableCell.js\";\nexport * from \"./table/TableCellContent.js\";\nexport * from \"./table/TableCheckbox.js\";\nexport * from \"./table/TableConfigurationProvider.js\";\nexport * from \"./table/TableContainer.js\";\nexport * from \"./table/TableContainerProvider.js\";\nexport * from \"./table/TableFooter.js\";\nexport * from \"./table/TableHeader.js\";\nexport * from \"./table/TableRadio.js\";\nexport * from \"./table/TableRow.js\";\nexport * from \"./table/tableCellStyles.js\";\nexport * from \"./table/tableFooterStyles.js\";\nexport * from \"./table/tableHeaderStyles.js\";\nexport * from \"./table/tableRowStyles.js\";\nexport * from \"./table/tableStyles.js\";\nexport * from \"./table/types.js\";\nexport * from \"./tabs/Tab.js\";\nexport * from \"./tabs/TabList.js\";\nexport * from \"./tabs/TabListScrollButton.js\";\nexport * from \"./tabs/tabIndicatorStyles.js\";\nexport * from \"./tabs/tabListScrollButtonStyles.js\";\nexport * from \"./tabs/tabListStyles.js\";\nexport * from \"./tabs/tabStyles.js\";\nexport * from \"./tabs/useTabs.js\";\nexport { getTabListScrollToOptions } from \"./tabs/utils.js\";\nexport type {\n  GetTabListScrollToOptions,\n  TabListScrollToOptions,\n} from \"./tabs/utils.js\";\nexport * from \"./theme/LocalStorageColorSchemeProvider.js\";\nexport * from \"./theme/ThemeProvider.js\";\nexport * from \"./theme/colors.js\";\nexport * from \"./theme/cssVars.js\";\nexport * from \"./theme/types.js\";\nexport * from \"./theme/useCSSVariables.js\";\nexport * from \"./theme/useColorScheme.js\";\nexport * from \"./theme/useColorSchemeMetaTag.js\";\nexport * from \"./theme/useColorSchemeProvider.js\";\nexport * from \"./theme/usePrefersColorScheme.js\";\nexport * from \"./theme/utils.js\";\nexport * from \"./tooltip/Tooltip.js\";\nexport * from \"./tooltip/TooltipHoverModeProvider.js\";\nexport * from \"./tooltip/constants.js\";\nexport * from \"./tooltip/useTooltip.js\";\nexport * from \"./transition/CSSTransition.js\";\nexport * from \"./transition/Collapse.js\";\nexport * from \"./transition/CrossFade.js\";\nexport * from \"./transition/ScaleTransition.js\";\nexport * from \"./transition/SkeletonPlaceholder.js\";\nexport * from \"./transition/Slide.js\";\nexport * from \"./transition/SlideContainer.js\";\nexport * from \"./transition/config.js\";\nexport * from \"./transition/maxWidthTransition.js\";\nexport * from \"./transition/skeletonPlaceholderUtils.js\";\nexport * from \"./transition/types.js\";\nexport * from \"./transition/useCSSTransition.js\";\nexport * from \"./transition/useCarousel.js\";\nexport * from \"./transition/useCollapseTransition.js\";\nexport * from \"./transition/useCrossFadeTransition.js\";\nexport * from \"./transition/useMaxWidthTransition.js\";\nexport * from \"./transition/useScaleTransition.js\";\nexport * from \"./transition/useSkeletonPlaceholder.js\";\nexport * from \"./transition/useSlideTransition.js\";\nexport * from \"./transition/useTransition.js\";\nexport * from \"./tree/DefaultTreeItemRenderer.js\";\nexport * from \"./tree/Tree.js\";\nexport * from \"./tree/TreeGroup.js\";\nexport * from \"./tree/TreeItem.js\";\nexport * from \"./tree/TreeItemExpander.js\";\nexport * from \"./tree/TreeProvider.js\";\nexport * from \"./tree/styles.js\";\nexport * from \"./tree/types.js\";\nexport * from \"./tree/useTree.js\";\nexport * from \"./tree/useTreeExpansion.js\";\nexport * from \"./tree/useTreeItems.js\";\nexport * from \"./tree/useTreeSelection.js\";\nexport * from \"./tree/utils.js\";\nexport * from \"./types.js\";\nexport * from \"./typography/SrOnly.js\";\nexport * from \"./typography/TextContainer.js\";\nexport * from \"./typography/Typography.js\";\nexport * from \"./typography/WritingDirectionProvider.js\";\nexport * from \"./useAsyncAction.js\";\nexport * from \"./useDebouncedFunction.js\";\nexport * from \"./useDropzone.js\";\nexport * from \"./useElementSize.js\";\nexport * from \"./useEnsuredId.js\";\nexport * from \"./useEnsuredRef.js\";\nexport * from \"./useHtmlClassName.js\";\nexport * from \"./useIntersectionObserver.js\";\nexport * from \"./useIsomorphicLayoutEffect.js\";\nexport * from \"./useLocalStorage.js\";\nexport * from \"./useOrientation.js\";\nexport * from \"./usePageInactive.js\";\nexport * from \"./useResizeListener.js\";\nexport * from \"./useResizeObserver.js\";\nexport * from \"./useThrottledFunction.js\";\nexport * from \"./useToggle.js\";\nexport * from \"./useUnmounted.js\";\nexport * from \"./useWindowSize.js\";\nexport * from \"./utils/RenderRecursively.js\";\nexport * from \"./utils/alphaNumericSort.js\";\nexport * from \"./utils/applyRef.js\";\nexport * from \"./utils/bem.js\";\nexport * from \"./utils/filters.js\";\nexport * from \"./utils/getClientPosition.js\";\nexport * from \"./utils/getMiddleOfRange.js\";\nexport * from \"./utils/getPercentage.js\";\nexport * from \"./utils/getRangeDefaultValue.js\";\nexport * from \"./utils/getRangeSteps.js\";\nexport * from \"./utils/identity.js\";\nexport * from \"./utils/isElementVisible.js\";\nexport * from \"./utils/loop.js\";\nexport * from \"./utils/nearest.js\";\nexport * from \"./utils/parseCssLengthUnit.js\";\nexport * from \"./utils/randomInt.js\";\nexport * from \"./utils/wait.js\";\nexport * from \"./utils/withinRange.js\";\nexport * from \"./window-splitter/WindowSplitter.js\";\nexport * from \"./window-splitter/useWindowSplitter.js\";\n"],"names":["nanoid","getTabListScrollToOptions"],"mappings":"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"}