@react-md/core 6.5.1 → 7.0.0

package/dist/card/CardFooter.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/card/CardFooter.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n\nimport { Box, type BoxProps } from \"../box/Box.js\";\nimport { type BoxJustifyContent } from \"../box/styles.js\";\nimport { cardFooter } from \"./styles.js\";\n\n/** @since 6.0.0 */\nexport interface CardFooterProps extends BoxProps {\n  /**\n   * @defaultValue `\"flex-end\"`\n   */\n  justify?: BoxJustifyContent;\n}\n\n/**\n * A simple wrapper around the {@link Box} component that applies additional\n * padding and applies `justify-content: flex-end;` by default.\n *\n * @see {@link https://react-md.dev/components/card | Card Demos}\n * @since 6.0.0\n */\nexport const CardFooter = forwardRef<HTMLDivElement, CardFooterProps>(\n  function CardFooter(props, ref) {\n    const { className, children, justify = \"flex-end\", ...remaining } = props;\n\n    return (\n      <Box\n        {...remaining}\n        ref={ref}\n        className={cardFooter({ className })}\n        justify={justify}\n      >\n        {children}\n      </Box>\n    );\n  }\n);\n"],"names":["forwardRef","Box","cardFooter","CardFooter","props","ref","className","children","justify","remaining"],"mappings":";AAAA,SAASA,UAAU,QAAQ,QAAQ;AAEnC,SAASC,GAAG,QAAuB,gBAAgB;AAEnD,SAASC,UAAU,QAAQ,cAAc;AAUzC;;;;;;CAMC,GACD,OAAO,MAAMC,2BAAaH,WACxB,SAASG,WAAWC,KAAK,EAAEC,GAAG;IAC5B,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,UAAU,UAAU,EAAE,GAAGC,WAAW,GAAGL;IAEpE,qBACE,KAACH;QACE,GAAGQ,SAAS;QACbJ,KAAKA;QACLC,WAAWJ,WAAW;YAAEI;QAAU;QAClCE,SAASA;kBAERD;;AAGP,GACA"}
+{"version":3,"sources":["../../src/card/CardFooter.tsx"],"sourcesContent":["import { type ReactElement, type Ref } from \"react\";\n\nimport { Box, type BoxProps } from \"../box/Box.js\";\nimport { type BoxJustifyContent } from \"../box/styles.js\";\nimport { cardFooter } from \"./styles.js\";\n\n/** @since 6.0.0 */\nexport interface CardFooterProps extends BoxProps {\n  ref?: Ref<HTMLDivElement>;\n\n  /**\n   * @defaultValue `\"flex-end\"`\n   */\n  justify?: BoxJustifyContent;\n}\n\n/**\n * A simple wrapper around the {@link Box} component that applies additional\n * padding and applies `justify-content: flex-end;` by default.\n *\n * @see {@link https://react-md.dev/components/card | Card Demos}\n * @since 6.0.0\n */\nexport function CardFooter(props: CardFooterProps): ReactElement {\n  const {\n    ref,\n    className,\n    children,\n    justify = \"flex-end\",\n    ...remaining\n  } = props;\n\n  return (\n    <Box\n      {...remaining}\n      ref={ref}\n      className={cardFooter({ className })}\n      justify={justify}\n    >\n      {children}\n    </Box>\n  );\n}\n"],"names":["Box","cardFooter","CardFooter","props","ref","className","children","justify","remaining"],"mappings":";AAEA,SAASA,GAAG,QAAuB,gBAAgB;AAEnD,SAASC,UAAU,QAAQ,cAAc;AAYzC;;;;;;CAMC,GACD,OAAO,SAASC,WAAWC,KAAsB;IAC/C,MAAM,EACJC,GAAG,EACHC,SAAS,EACTC,QAAQ,EACRC,UAAU,UAAU,EACpB,GAAGC,WACJ,GAAGL;IAEJ,qBACE,KAACH;QACE,GAAGQ,SAAS;QACbJ,KAAKA;QACLC,WAAWJ,WAAW;YAAEI;QAAU;QAClCE,SAASA;kBAERD;;AAGP"}

package/dist/card/CardHeader.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLAttributes, type ReactNode } from "react";
+import { type HTMLAttributes, type ReactElement, type ReactNode, type Ref } from "react";
 import { type PropsWithRef } from "../types.js";
 /**
  * @since 6.0.0 Removed the `align` prop.
@@ -8,6 +8,7 @@ import { type PropsWithRef } from "../types.js";
  * `contentProps`.
  */
 export interface CardHeaderProps extends HTMLAttributes<HTMLDivElement> {
+    ref?: Ref<HTMLDivElement>;
     /**
      * Any content to display after the children in the header. This could be an
      * expander icon button, visual media like an image or video, etc.
@@ -35,4 +36,4 @@ export interface CardHeaderProps extends HTMLAttributes<HTMLDivElement> {
  * relies on the CSS `gap` for spacing.
  * @since 6.0.0 Renders as a `<div>` instead of a `<header>`
  */
-export declare const CardHeader: import("react").ForwardRefExoticComponent<CardHeaderProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare function CardHeader(props: CardHeaderProps): ReactElement;

package/dist/card/CardHeader.js

@@ -1,5 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef } from "react";
 import { cardHeader, cardHeaderContent } from "./styles.js";
 /**
  * @see {@link https://react-md.dev/components/card | Card Demos}
@@ -11,8 +10,8 @@ import { cardHeader, cardHeaderContent } from "./styles.js";
  * @since 6.0.0 No longer uses the `TextIconSpacing` component and instead
  * relies on the CSS `gap` for spacing.
  * @since 6.0.0 Renders as a `<div>` instead of a `<header>`
- */ export const CardHeader = /*#__PURE__*/ forwardRef(function CardHeader(props, ref) {
-    const { className, children, beforeAddon, afterAddon, contentProps, ...remaining } = props;
+ */ export function CardHeader(props) {
+    const { ref, className, children, beforeAddon, afterAddon, contentProps, ...remaining } = props;
     return /*#__PURE__*/ _jsxs("div", {
         ...remaining,
         ref: ref,
@@ -33,6 +32,6 @@ import { cardHeader, cardHeaderContent } from "./styles.js";
             afterAddon
         ]
     });
-});
+}
 
 //# sourceMappingURL=CardHeader.js.map

package/dist/card/CardHeader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/card/CardHeader.tsx"],"sourcesContent":["import { type HTMLAttributes, type ReactNode, forwardRef } from \"react\";\n\nimport { type PropsWithRef } from \"../types.js\";\nimport { cardHeader, cardHeaderContent } from \"./styles.js\";\n\n/**\n * @since 6.0.0 Removed the `align` prop.\n * @since 6.0.0 Renamed the `beforeChildren` and `afterChildren` props to\n * `beforeAddon` and `afterAddon`.\n * @since 6.0.0 Removed the `contentClassName` prop in favor of the\n * `contentProps`.\n */\nexport interface CardHeaderProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Any content to display after the children in the header. This could be an\n   * expander icon button, visual media like an image or video, etc.\n   */\n  afterAddon?: ReactNode;\n\n  /**\n   * Any content to display before the children in the header. This could be an\n   * expander icon button, visual media like an image or video, etc.\n   */\n  beforeAddon?: ReactNode;\n\n  /**\n   * Any props to pass to the `<div>` that surrounds the `children`. This is\n   * generally used to apply custom `style` or `className`.\n   */\n  contentProps?: PropsWithRef<HTMLAttributes<HTMLDivElement>>;\n}\n\n/**\n * @see {@link https://react-md.dev/components/card | Card Demos}\n * @since 6.0.0 Removed the `align` prop.\n * @since 6.0.0 Renamed the `beforeChildren` and `afterChildren` props to\n * `beforeAddon` and `afterAddon`.\n * @since 6.0.0 Removed the `contentClassName` prop in favor of the\n * `contentProps`.\n * @since 6.0.0 No longer uses the `TextIconSpacing` component and instead\n * relies on the CSS `gap` for spacing.\n * @since 6.0.0 Renders as a `<div>` instead of a `<header>`\n */\nexport const CardHeader = forwardRef<HTMLDivElement, CardHeaderProps>(\n  function CardHeader(props, ref) {\n    const {\n      className,\n      children,\n      beforeAddon,\n      afterAddon,\n      contentProps,\n      ...remaining\n    } = props;\n\n    return (\n      <div\n        {...remaining}\n        ref={ref}\n        className={cardHeader({\n          className,\n          addonBefore: !!beforeAddon,\n          addonAfter: !!afterAddon,\n        })}\n      >\n        {beforeAddon}\n        <div\n          {...contentProps}\n          className={cardHeaderContent({ className: contentProps?.className })}\n        >\n          {children}\n        </div>\n        {afterAddon}\n      </div>\n    );\n  }\n);\n"],"names":["forwardRef","cardHeader","cardHeaderContent","CardHeader","props","ref","className","children","beforeAddon","afterAddon","contentProps","remaining","div","addonBefore","addonAfter"],"mappings":";AAAA,SAA8CA,UAAU,QAAQ,QAAQ;AAGxE,SAASC,UAAU,EAAEC,iBAAiB,QAAQ,cAAc;AA6B5D;;;;;;;;;;CAUC,GACD,OAAO,MAAMC,2BAAaH,WACxB,SAASG,WAAWC,KAAK,EAAEC,GAAG;IAC5B,MAAM,EACJC,SAAS,EACTC,QAAQ,EACRC,WAAW,EACXC,UAAU,EACVC,YAAY,EACZ,GAAGC,WACJ,GAAGP;IAEJ,qBACE,MAACQ;QACE,GAAGD,SAAS;QACbN,KAAKA;QACLC,WAAWL,WAAW;YACpBK;YACAO,aAAa,CAAC,CAACL;YACfM,YAAY,CAAC,CAACL;QAChB;;YAECD;0BACD,KAACI;gBACE,GAAGF,YAAY;gBAChBJ,WAAWJ,kBAAkB;oBAAEI,WAAWI,cAAcJ;gBAAU;0BAEjEC;;YAEFE;;;AAGP,GACA"}
+{"version":3,"sources":["../../src/card/CardHeader.tsx"],"sourcesContent":["import {\n  type HTMLAttributes,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n} from \"react\";\n\nimport { type PropsWithRef } from \"../types.js\";\nimport { cardHeader, cardHeaderContent } from \"./styles.js\";\n\n/**\n * @since 6.0.0 Removed the `align` prop.\n * @since 6.0.0 Renamed the `beforeChildren` and `afterChildren` props to\n * `beforeAddon` and `afterAddon`.\n * @since 6.0.0 Removed the `contentClassName` prop in favor of the\n * `contentProps`.\n */\nexport interface CardHeaderProps extends HTMLAttributes<HTMLDivElement> {\n  ref?: Ref<HTMLDivElement>;\n\n  /**\n   * Any content to display after the children in the header. This could be an\n   * expander icon button, visual media like an image or video, etc.\n   */\n  afterAddon?: ReactNode;\n\n  /**\n   * Any content to display before the children in the header. This could be an\n   * expander icon button, visual media like an image or video, etc.\n   */\n  beforeAddon?: ReactNode;\n\n  /**\n   * Any props to pass to the `<div>` that surrounds the `children`. This is\n   * generally used to apply custom `style` or `className`.\n   */\n  contentProps?: PropsWithRef<HTMLAttributes<HTMLDivElement>>;\n}\n\n/**\n * @see {@link https://react-md.dev/components/card | Card Demos}\n * @since 6.0.0 Removed the `align` prop.\n * @since 6.0.0 Renamed the `beforeChildren` and `afterChildren` props to\n * `beforeAddon` and `afterAddon`.\n * @since 6.0.0 Removed the `contentClassName` prop in favor of the\n * `contentProps`.\n * @since 6.0.0 No longer uses the `TextIconSpacing` component and instead\n * relies on the CSS `gap` for spacing.\n * @since 6.0.0 Renders as a `<div>` instead of a `<header>`\n */\nexport function CardHeader(props: CardHeaderProps): ReactElement {\n  const {\n    ref,\n    className,\n    children,\n    beforeAddon,\n    afterAddon,\n    contentProps,\n    ...remaining\n  } = props;\n\n  return (\n    <div\n      {...remaining}\n      ref={ref}\n      className={cardHeader({\n        className,\n        addonBefore: !!beforeAddon,\n        addonAfter: !!afterAddon,\n      })}\n    >\n      {beforeAddon}\n      <div\n        {...contentProps}\n        className={cardHeaderContent({ className: contentProps?.className })}\n      >\n        {children}\n      </div>\n      {afterAddon}\n    </div>\n  );\n}\n"],"names":["cardHeader","cardHeaderContent","CardHeader","props","ref","className","children","beforeAddon","afterAddon","contentProps","remaining","div","addonBefore","addonAfter"],"mappings":";AAQA,SAASA,UAAU,EAAEC,iBAAiB,QAAQ,cAAc;AA+B5D;;;;;;;;;;CAUC,GACD,OAAO,SAASC,WAAWC,KAAsB;IAC/C,MAAM,EACJC,GAAG,EACHC,SAAS,EACTC,QAAQ,EACRC,WAAW,EACXC,UAAU,EACVC,YAAY,EACZ,GAAGC,WACJ,GAAGP;IAEJ,qBACE,MAACQ;QACE,GAAGD,SAAS;QACbN,KAAKA;QACLC,WAAWL,WAAW;YACpBK;YACAO,aAAa,CAAC,CAACL;YACfM,YAAY,CAAC,CAACL;QAChB;;YAECD;0BACD,KAACI;gBACE,GAAGF,YAAY;gBAChBJ,WAAWJ,kBAAkB;oBAAEI,WAAWI,cAAcJ;gBAAU;0BAEjEC;;YAEFE;;;AAGP"}

package/dist/card/CardSubtitle.d.ts

@@ -1,9 +1,11 @@
+import { type ReactElement, type Ref } from "react";
 import { type TypographyHTMLElement, type TypographyProps } from "../typography/Typography.js";
 /**
  * @since 6.0.0 Extends the {@link TypographyProps} and removed the
  * `noWrap`/`disableSecondaryColor` props.
  */
 export interface CardSubtitleProps extends TypographyProps {
+    ref?: Ref<TypographyHTMLElement>;
     /** @defaultValue `"h6"` */
     as?: TypographyProps["as"];
     /** @defaultValue `"subtitle-2"` */
@@ -22,4 +24,4 @@ export interface CardSubtitleProps extends TypographyProps {
  * @since 6.0.0 Extends the {@link Typography} component and removed the
  * `noWrap`/`disableSecondaryColor` props.
  */
-export declare const CardSubtitle: import("react").ForwardRefExoticComponent<CardSubtitleProps & import("react").RefAttributes<TypographyHTMLElement>>;
+export declare const CardSubtitle: (props: CardSubtitleProps) => ReactElement;

package/dist/card/CardSubtitle.js

@@ -1,13 +1,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
 import { Typography } from "../typography/Typography.js";
 import { cardSubtitle } from "./styles.js";
 /**
  * @see {@link https://react-md.dev/components/card | Card Demos}
  * @since 6.0.0 Extends the {@link Typography} component and removed the
  * `noWrap`/`disableSecondaryColor` props.
- */ export const CardSubtitle = /*#__PURE__*/ forwardRef(function CardSubtitle(props, ref) {
-    const { children, as = "h6", type = "subtitle-2", margin = "none", textColor = "text-secondary", className, ...remaining } = props;
+ */ export const CardSubtitle = function CardSubtitle(props) {
+    const { ref, children, as = "h6", type = "subtitle-2", margin = "none", textColor = "text-secondary", className, ...remaining } = props;
     return /*#__PURE__*/ _jsx(Typography, {
         ...remaining,
         ref: ref,
@@ -20,6 +19,6 @@ import { cardSubtitle } from "./styles.js";
         }),
         children: children
     });
-});
+};
 
 //# sourceMappingURL=CardSubtitle.js.map

package/dist/card/CardSubtitle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/card/CardSubtitle.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n\nimport {\n  Typography,\n  type TypographyHTMLElement,\n  type TypographyProps,\n} from \"../typography/Typography.js\";\nimport { cardSubtitle } from \"./styles.js\";\n\n/**\n * @since 6.0.0 Extends the {@link TypographyProps} and removed the\n * `noWrap`/`disableSecondaryColor` props.\n */\nexport interface CardSubtitleProps extends TypographyProps {\n  /** @defaultValue `\"h6\"` */\n  as?: TypographyProps[\"as\"];\n\n  /** @defaultValue `\"subtitle-2\"` */\n  type?: TypographyProps[\"type\"];\n\n  /** @defaultValue `\"none\"` */\n  margin?: TypographyProps[\"margin\"];\n\n  /**\n   * Set this to `null` to inherit the current color.\n   *\n   * @defaultValue `\"text-secondary\"`\n   */\n  textColor?: TypographyProps[\"textColor\"];\n}\n\n/**\n * @see {@link https://react-md.dev/components/card | Card Demos}\n * @since 6.0.0 Extends the {@link Typography} component and removed the\n * `noWrap`/`disableSecondaryColor` props.\n */\nexport const CardSubtitle = forwardRef<\n  TypographyHTMLElement,\n  CardSubtitleProps\n>(function CardSubtitle(props, ref) {\n  const {\n    children,\n    as = \"h6\",\n    type = \"subtitle-2\",\n    margin = \"none\",\n    textColor = \"text-secondary\",\n    className,\n    ...remaining\n  } = props;\n\n  return (\n    <Typography\n      {...remaining}\n      ref={ref}\n      as={as}\n      type={type}\n      margin={margin}\n      textColor={textColor}\n      className={cardSubtitle({ className })}\n    >\n      {children}\n    </Typography>\n  );\n});\n"],"names":["forwardRef","Typography","cardSubtitle","CardSubtitle","props","ref","children","as","type","margin","textColor","className","remaining"],"mappings":";AAAA,SAASA,UAAU,QAAQ,QAAQ;AAEnC,SACEC,UAAU,QAGL,8BAA8B;AACrC,SAASC,YAAY,QAAQ,cAAc;AAwB3C;;;;CAIC,GACD,OAAO,MAAMC,6BAAeH,WAG1B,SAASG,aAAaC,KAAK,EAAEC,GAAG;IAChC,MAAM,EACJC,QAAQ,EACRC,KAAK,IAAI,EACTC,OAAO,YAAY,EACnBC,SAAS,MAAM,EACfC,YAAY,gBAAgB,EAC5BC,SAAS,EACT,GAAGC,WACJ,GAAGR;IAEJ,qBACE,KAACH;QACE,GAAGW,SAAS;QACbP,KAAKA;QACLE,IAAIA;QACJC,MAAMA;QACNC,QAAQA;QACRC,WAAWA;QACXC,WAAWT,aAAa;YAAES;QAAU;kBAEnCL;;AAGP,GAAG"}
+{"version":3,"sources":["../../src/card/CardSubtitle.tsx"],"sourcesContent":["import { type ReactElement, type Ref } from \"react\";\n\nimport {\n  Typography,\n  type TypographyHTMLElement,\n  type TypographyProps,\n} from \"../typography/Typography.js\";\nimport { cardSubtitle } from \"./styles.js\";\n\n/**\n * @since 6.0.0 Extends the {@link TypographyProps} and removed the\n * `noWrap`/`disableSecondaryColor` props.\n */\nexport interface CardSubtitleProps extends TypographyProps {\n  ref?: Ref<TypographyHTMLElement>;\n\n  /** @defaultValue `\"h6\"` */\n  as?: TypographyProps[\"as\"];\n\n  /** @defaultValue `\"subtitle-2\"` */\n  type?: TypographyProps[\"type\"];\n\n  /** @defaultValue `\"none\"` */\n  margin?: TypographyProps[\"margin\"];\n\n  /**\n   * Set this to `null` to inherit the current color.\n   *\n   * @defaultValue `\"text-secondary\"`\n   */\n  textColor?: TypographyProps[\"textColor\"];\n}\n\n/**\n * @see {@link https://react-md.dev/components/card | Card Demos}\n * @since 6.0.0 Extends the {@link Typography} component and removed the\n * `noWrap`/`disableSecondaryColor` props.\n */\nexport const CardSubtitle = function CardSubtitle(\n  props: CardSubtitleProps\n): ReactElement {\n  const {\n    ref,\n    children,\n    as = \"h6\",\n    type = \"subtitle-2\",\n    margin = \"none\",\n    textColor = \"text-secondary\",\n    className,\n    ...remaining\n  } = props;\n\n  return (\n    <Typography\n      {...remaining}\n      ref={ref}\n      as={as}\n      type={type}\n      margin={margin}\n      textColor={textColor}\n      className={cardSubtitle({ className })}\n    >\n      {children}\n    </Typography>\n  );\n};\n"],"names":["Typography","cardSubtitle","CardSubtitle","props","ref","children","as","type","margin","textColor","className","remaining"],"mappings":";AAEA,SACEA,UAAU,QAGL,8BAA8B;AACrC,SAASC,YAAY,QAAQ,cAAc;AA0B3C;;;;CAIC,GACD,OAAO,MAAMC,eAAe,SAASA,aACnCC,KAAwB;IAExB,MAAM,EACJC,GAAG,EACHC,QAAQ,EACRC,KAAK,IAAI,EACTC,OAAO,YAAY,EACnBC,SAAS,MAAM,EACfC,YAAY,gBAAgB,EAC5BC,SAAS,EACT,GAAGC,WACJ,GAAGR;IAEJ,qBACE,KAACH;QACE,GAAGW,SAAS;QACbP,KAAKA;QACLE,IAAIA;QACJC,MAAMA;QACNC,QAAQA;QACRC,WAAWA;QACXC,WAAWT,aAAa;YAAES;QAAU;kBAEnCL;;AAGP,EAAE"}

package/dist/card/CardTitle.d.ts

@@ -1,9 +1,11 @@
+import { type ReactElement, type Ref } from "react";
 import { type TypographyHTMLElement, type TypographyProps } from "../typography/Typography.js";
 /**
  * @since 6.0.0 Extends the {@link TypographyProps} and removed the
  * `small`/`noWrap` props.
  */
 export interface CardTitleProps extends TypographyProps {
+    ref?: Ref<TypographyHTMLElement>;
     /** @defaultValue `"h5"` */
     as?: TypographyProps["as"];
     /** @defaultValue `"headline-5"` */
@@ -16,4 +18,4 @@ export interface CardTitleProps extends TypographyProps {
  * @since 6.0.0 Extends the {@link Typography} component and removed
  * the `small`/`noWrap` props.
  */
-export declare const CardTitle: import("react").ForwardRefExoticComponent<CardTitleProps & import("react").RefAttributes<TypographyHTMLElement>>;
+export declare function CardTitle(props: CardTitleProps): ReactElement;

package/dist/card/CardTitle.js

@@ -1,13 +1,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
 import { Typography } from "../typography/Typography.js";
 import { cardTitle } from "./styles.js";
 /**
  * @see {@link https://react-md.dev/components/card | Card Demos}
  * @since 6.0.0 Extends the {@link Typography} component and removed
  * the `small`/`noWrap` props.
- */ export const CardTitle = /*#__PURE__*/ forwardRef(function CardTitle(props, ref) {
-    const { children, as = "h5", type = "headline-5", margin = "none", className, ...remaining } = props;
+ */ export function CardTitle(props) {
+    const { ref, as = "h5", type = "headline-5", margin = "none", children, className, ...remaining } = props;
     return /*#__PURE__*/ _jsx(Typography, {
         ...remaining,
         ref: ref,
@@ -19,6 +18,6 @@ import { cardTitle } from "./styles.js";
         }),
         children: children
     });
-});
+}
 
 //# sourceMappingURL=CardTitle.js.map

package/dist/card/CardTitle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/card/CardTitle.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n\nimport {\n  Typography,\n  type TypographyHTMLElement,\n  type TypographyProps,\n} from \"../typography/Typography.js\";\nimport { cardTitle } from \"./styles.js\";\n\n/**\n * @since 6.0.0 Extends the {@link TypographyProps} and removed the\n * `small`/`noWrap` props.\n */\nexport interface CardTitleProps extends TypographyProps {\n  /** @defaultValue `\"h5\"` */\n  as?: TypographyProps[\"as\"];\n\n  /** @defaultValue `\"headline-5\"` */\n  type?: TypographyProps[\"type\"];\n\n  /** @defaultValue \"none\" */\n  margin?: TypographyProps[\"margin\"];\n}\n\n/**\n * @see {@link https://react-md.dev/components/card | Card Demos}\n * @since 6.0.0 Extends the {@link Typography} component and removed\n * the `small`/`noWrap` props.\n */\nexport const CardTitle = forwardRef<TypographyHTMLElement, CardTitleProps>(\n  function CardTitle(props, ref) {\n    const {\n      children,\n      as = \"h5\",\n      type = \"headline-5\",\n      margin = \"none\",\n      className,\n      ...remaining\n    } = props;\n\n    return (\n      <Typography\n        {...remaining}\n        ref={ref}\n        as={as}\n        type={type}\n        margin={margin}\n        className={cardTitle({ className })}\n      >\n        {children}\n      </Typography>\n    );\n  }\n);\n"],"names":["forwardRef","Typography","cardTitle","CardTitle","props","ref","children","as","type","margin","className","remaining"],"mappings":";AAAA,SAASA,UAAU,QAAQ,QAAQ;AAEnC,SACEC,UAAU,QAGL,8BAA8B;AACrC,SAASC,SAAS,QAAQ,cAAc;AAiBxC;;;;CAIC,GACD,OAAO,MAAMC,0BAAYH,WACvB,SAASG,UAAUC,KAAK,EAAEC,GAAG;IAC3B,MAAM,EACJC,QAAQ,EACRC,KAAK,IAAI,EACTC,OAAO,YAAY,EACnBC,SAAS,MAAM,EACfC,SAAS,EACT,GAAGC,WACJ,GAAGP;IAEJ,qBACE,KAACH;QACE,GAAGU,SAAS;QACbN,KAAKA;QACLE,IAAIA;QACJC,MAAMA;QACNC,QAAQA;QACRC,WAAWR,UAAU;YAAEQ;QAAU;kBAEhCJ;;AAGP,GACA"}
+{"version":3,"sources":["../../src/card/CardTitle.tsx"],"sourcesContent":["import { type ReactElement, type Ref } from \"react\";\n\nimport {\n  Typography,\n  type TypographyHTMLElement,\n  type TypographyProps,\n} from \"../typography/Typography.js\";\nimport { cardTitle } from \"./styles.js\";\n\n/**\n * @since 6.0.0 Extends the {@link TypographyProps} and removed the\n * `small`/`noWrap` props.\n */\nexport interface CardTitleProps extends TypographyProps {\n  ref?: Ref<TypographyHTMLElement>;\n\n  /** @defaultValue `\"h5\"` */\n  as?: TypographyProps[\"as\"];\n\n  /** @defaultValue `\"headline-5\"` */\n  type?: TypographyProps[\"type\"];\n\n  /** @defaultValue \"none\" */\n  margin?: TypographyProps[\"margin\"];\n}\n\n/**\n * @see {@link https://react-md.dev/components/card | Card Demos}\n * @since 6.0.0 Extends the {@link Typography} component and removed\n * the `small`/`noWrap` props.\n */\nexport function CardTitle(props: CardTitleProps): ReactElement {\n  const {\n    ref,\n    as = \"h5\",\n    type = \"headline-5\",\n    margin = \"none\",\n    children,\n    className,\n    ...remaining\n  } = props;\n\n  return (\n    <Typography\n      {...remaining}\n      ref={ref}\n      as={as}\n      type={type}\n      margin={margin}\n      className={cardTitle({ className })}\n    >\n      {children}\n    </Typography>\n  );\n}\n"],"names":["Typography","cardTitle","CardTitle","props","ref","as","type","margin","children","className","remaining"],"mappings":";AAEA,SACEA,UAAU,QAGL,8BAA8B;AACrC,SAASC,SAAS,QAAQ,cAAc;AAmBxC;;;;CAIC,GACD,OAAO,SAASC,UAAUC,KAAqB;IAC7C,MAAM,EACJC,GAAG,EACHC,KAAK,IAAI,EACTC,OAAO,YAAY,EACnBC,SAAS,MAAM,EACfC,QAAQ,EACRC,SAAS,EACT,GAAGC,WACJ,GAAGP;IAEJ,qBACE,KAACH;QACE,GAAGU,SAAS;QACbN,KAAKA;QACLC,IAAIA;QACJC,MAAMA;QACNC,QAAQA;QACRE,WAAWR,UAAU;YAAEQ;QAAU;kBAEhCD;;AAGP"}

package/dist/card/ClickableCard.d.ts

@@ -1,10 +1,11 @@
-import { type MouseEventHandler } from "react";
+import { type MouseEventHandler, type ReactElement, type Ref } from "react";
 import { type ComponentWithRippleProps } from "../interaction/types.js";
 import { type CardProps } from "./Card.js";
 /**
  * @since 6.0.0
  */
 export interface ClickableCardProps extends CardProps, ComponentWithRippleProps {
+    ref?: Ref<HTMLDivElement>;
     onClick: MouseEventHandler<HTMLDivElement>;
     /**
      * Set this to `true` to disable all click events.
@@ -41,4 +42,4 @@ export interface ClickableCardProps extends CardProps, ComponentWithRippleProps
  * @see {@link https://react-md.dev/components/card#clickable-card | ClickableCard Demos}
  * @since 6.0.0
  */
-export declare const ClickableCard: import("react").ForwardRefExoticComponent<ClickableCardProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ClickableCard: (props: ClickableCardProps) => ReactElement;

package/dist/card/ClickableCard.js

@@ -1,7 +1,6 @@
 "use client";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { cnb } from "cnbuilder";
-import { forwardRef } from "react";
 import { useElementInteraction } from "../interaction/useElementInteraction.js";
 import { useHigherContrastChildren } from "../interaction/useHigherContrastChildren.js";
 import { Card } from "./Card.js";
@@ -33,8 +32,8 @@ const noop = ()=>{
  *
  * @see {@link https://react-md.dev/components/card#clickable-card | ClickableCard Demos}
  * @since 6.0.0
- */ export const ClickableCard = /*#__PURE__*/ forwardRef(function ClickableCard(props, ref) {
-    const { role = "button", disabled, tabIndex = disabled ? undefined : 0, onClick, onKeyDown = noop, className, children: propChildren, disableRipple, ...remaining } = props;
+ */ export const ClickableCard = function ClickableCard(props) {
+    const { ref, role = "button", disabled, tabIndex = disabled ? undefined : 0, onClick, onKeyDown = noop, className, children: propChildren, disableRipple, ...remaining } = props;
     const { handlers, ripples } = useElementInteraction({
         ...remaining,
         mode: disableRipple ? "none" : undefined
@@ -72,6 +71,6 @@ const noop = ()=>{
             ripples
         ]
     });
-});
+};
 
 //# sourceMappingURL=ClickableCard.js.map

package/dist/card/ClickableCard.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/card/ClickableCard.tsx"],"sourcesContent":["\"use client\";\n\nimport { cnb } from \"cnbuilder\";\nimport { type MouseEventHandler, forwardRef } from \"react\";\n\nimport { type ComponentWithRippleProps } from \"../interaction/types.js\";\nimport { useElementInteraction } from \"../interaction/useElementInteraction.js\";\nimport { useHigherContrastChildren } from \"../interaction/useHigherContrastChildren.js\";\nimport { Card, type CardProps } from \"./Card.js\";\n\nconst noop = (): void => {\n  // do nothing\n};\n\n/**\n * @since 6.0.0\n */\nexport interface ClickableCardProps\n  extends CardProps, ComponentWithRippleProps {\n  onClick: MouseEventHandler<HTMLDivElement>;\n\n  /**\n   * Set this to `true` to disable all click events.\n   *\n   * Note: Any disabled styling will need to be manually applied.\n   *\n   * @defaultValue `false`\n   */\n  disabled?: boolean;\n}\n\n/**\n * A Small wrapper around the `Card` component that is clickable and has the\n * element interaction enabled (ripples).\n *\n * @example Simple Example\n * ```tsx\n * import { CardContent } from \"@react-md/core/card/CardContent\"\n * import { ClickableCard } from \"@react-md/core/card/ClickableCard\";\n * import { type ReactElement } from \"react\";\n *\n * export default function ClickableCardExample(): ReactElement {\n *   return (\n *     <ClickableCard\n *       onClick={() => {\n *         // do something\n *       }}\n *     >\n *       <CardContent>Wow</CardContent>\n *     </ClickableCard>\n *   );\n * }\n * ```\n *\n * @see {@link https://react-md.dev/components/card#clickable-card | ClickableCard Demos}\n * @since 6.0.0\n */\nexport const ClickableCard = forwardRef<HTMLDivElement, ClickableCardProps>(\n  function ClickableCard(props, ref) {\n    const {\n      role = \"button\",\n      disabled,\n      tabIndex = disabled ? undefined : 0,\n      onClick,\n      onKeyDown = noop,\n      className,\n      children: propChildren,\n      disableRipple,\n      ...remaining\n    } = props;\n    const { handlers, ripples } = useElementInteraction({\n      ...remaining,\n      mode: disableRipple ? \"none\" : undefined,\n    });\n    const children = useHigherContrastChildren(propChildren);\n\n    return (\n      <Card\n        {...remaining}\n        {...handlers}\n        aria-disabled={disabled || undefined}\n        ref={ref}\n        role={role}\n        tabIndex={tabIndex}\n        className={cnb(\"rmd-card--clickable\", className)}\n        onClick={(event) => {\n          if (disabled) {\n            return;\n          }\n\n          onClick(event);\n        }}\n        onKeyDown={(event) => {\n          onKeyDown(event);\n          if (disabled) {\n            return;\n          }\n\n          const isSpace = event.key === \" \";\n          if (isSpace || event.key === \"Enter\") {\n            if (isSpace) {\n              event.preventDefault();\n            }\n\n            event.currentTarget.click();\n          }\n        }}\n      >\n        {children}\n        {ripples}\n      </Card>\n    );\n  }\n);\n"],"names":["cnb","forwardRef","useElementInteraction","useHigherContrastChildren","Card","noop","ClickableCard","props","ref","role","disabled","tabIndex","undefined","onClick","onKeyDown","className","children","propChildren","disableRipple","remaining","handlers","ripples","mode","aria-disabled","event","isSpace","key","preventDefault","currentTarget","click"],"mappings":"AAAA;;AAEA,SAASA,GAAG,QAAQ,YAAY;AAChC,SAAiCC,UAAU,QAAQ,QAAQ;AAG3D,SAASC,qBAAqB,QAAQ,0CAA0C;AAChF,SAASC,yBAAyB,QAAQ,8CAA8C;AACxF,SAASC,IAAI,QAAwB,YAAY;AAEjD,MAAMC,OAAO;AACX,aAAa;AACf;AAmBA;;;;;;;;;;;;;;;;;;;;;;;;;CAyBC,GACD,OAAO,MAAMC,8BAAgBL,WAC3B,SAASK,cAAcC,KAAK,EAAEC,GAAG;IAC/B,MAAM,EACJC,OAAO,QAAQ,EACfC,QAAQ,EACRC,WAAWD,WAAWE,YAAY,CAAC,EACnCC,OAAO,EACPC,YAAYT,IAAI,EAChBU,SAAS,EACTC,UAAUC,YAAY,EACtBC,aAAa,EACb,GAAGC,WACJ,GAAGZ;IACJ,MAAM,EAAEa,QAAQ,EAAEC,OAAO,EAAE,GAAGnB,sBAAsB;QAClD,GAAGiB,SAAS;QACZG,MAAMJ,gBAAgB,SAASN;IACjC;IACA,MAAMI,WAAWb,0BAA0Bc;IAE3C,qBACE,MAACb;QACE,GAAGe,SAAS;QACZ,GAAGC,QAAQ;QACZG,iBAAeb,YAAYE;QAC3BJ,KAAKA;QACLC,MAAMA;QACNE,UAAUA;QACVI,WAAWf,IAAI,uBAAuBe;QACtCF,SAAS,CAACW;YACR,IAAId,UAAU;gBACZ;YACF;YAEAG,QAAQW;QACV;QACAV,WAAW,CAACU;YACVV,UAAUU;YACV,IAAId,UAAU;gBACZ;YACF;YAEA,MAAMe,UAAUD,MAAME,GAAG,KAAK;YAC9B,IAAID,WAAWD,MAAME,GAAG,KAAK,SAAS;gBACpC,IAAID,SAAS;oBACXD,MAAMG,cAAc;gBACtB;gBAEAH,MAAMI,aAAa,CAACC,KAAK;YAC3B;QACF;;YAECb;YACAK;;;AAGP,GACA"}
+{"version":3,"sources":["../../src/card/ClickableCard.tsx"],"sourcesContent":["\"use client\";\n\nimport { cnb } from \"cnbuilder\";\nimport { type MouseEventHandler, type ReactElement, type Ref } from \"react\";\n\nimport { type ComponentWithRippleProps } from \"../interaction/types.js\";\nimport { useElementInteraction } from \"../interaction/useElementInteraction.js\";\nimport { useHigherContrastChildren } from \"../interaction/useHigherContrastChildren.js\";\nimport { Card, type CardProps } from \"./Card.js\";\n\nconst noop = (): void => {\n  // do nothing\n};\n\n/**\n * @since 6.0.0\n */\nexport interface ClickableCardProps\n  extends CardProps, ComponentWithRippleProps {\n  ref?: Ref<HTMLDivElement>;\n\n  onClick: MouseEventHandler<HTMLDivElement>;\n\n  /**\n   * Set this to `true` to disable all click events.\n   *\n   * Note: Any disabled styling will need to be manually applied.\n   *\n   * @defaultValue `false`\n   */\n  disabled?: boolean;\n}\n\n/**\n * A Small wrapper around the `Card` component that is clickable and has the\n * element interaction enabled (ripples).\n *\n * @example Simple Example\n * ```tsx\n * import { CardContent } from \"@react-md/core/card/CardContent\"\n * import { ClickableCard } from \"@react-md/core/card/ClickableCard\";\n * import { type ReactElement } from \"react\";\n *\n * export default function ClickableCardExample(): ReactElement {\n *   return (\n *     <ClickableCard\n *       onClick={() => {\n *         // do something\n *       }}\n *     >\n *       <CardContent>Wow</CardContent>\n *     </ClickableCard>\n *   );\n * }\n * ```\n *\n * @see {@link https://react-md.dev/components/card#clickable-card | ClickableCard Demos}\n * @since 6.0.0\n */\nexport const ClickableCard = function ClickableCard(\n  props: ClickableCardProps\n): ReactElement {\n  const {\n    ref,\n    role = \"button\",\n    disabled,\n    tabIndex = disabled ? undefined : 0,\n    onClick,\n    onKeyDown = noop,\n    className,\n    children: propChildren,\n    disableRipple,\n    ...remaining\n  } = props;\n  const { handlers, ripples } = useElementInteraction({\n    ...remaining,\n    mode: disableRipple ? \"none\" : undefined,\n  });\n  const children = useHigherContrastChildren(propChildren);\n\n  return (\n    <Card\n      {...remaining}\n      {...handlers}\n      aria-disabled={disabled || undefined}\n      ref={ref}\n      role={role}\n      tabIndex={tabIndex}\n      className={cnb(\"rmd-card--clickable\", className)}\n      onClick={(event) => {\n        if (disabled) {\n          return;\n        }\n\n        onClick(event);\n      }}\n      onKeyDown={(event) => {\n        onKeyDown(event);\n        if (disabled) {\n          return;\n        }\n\n        const isSpace = event.key === \" \";\n        if (isSpace || event.key === \"Enter\") {\n          if (isSpace) {\n            event.preventDefault();\n          }\n\n          event.currentTarget.click();\n        }\n      }}\n    >\n      {children}\n      {ripples}\n    </Card>\n  );\n};\n"],"names":["cnb","useElementInteraction","useHigherContrastChildren","Card","noop","ClickableCard","props","ref","role","disabled","tabIndex","undefined","onClick","onKeyDown","className","children","propChildren","disableRipple","remaining","handlers","ripples","mode","aria-disabled","event","isSpace","key","preventDefault","currentTarget","click"],"mappings":"AAAA;;AAEA,SAASA,GAAG,QAAQ,YAAY;AAIhC,SAASC,qBAAqB,QAAQ,0CAA0C;AAChF,SAASC,yBAAyB,QAAQ,8CAA8C;AACxF,SAASC,IAAI,QAAwB,YAAY;AAEjD,MAAMC,OAAO;AACX,aAAa;AACf;AAqBA;;;;;;;;;;;;;;;;;;;;;;;;;CAyBC,GACD,OAAO,MAAMC,gBAAgB,SAASA,cACpCC,KAAyB;IAEzB,MAAM,EACJC,GAAG,EACHC,OAAO,QAAQ,EACfC,QAAQ,EACRC,WAAWD,WAAWE,YAAY,CAAC,EACnCC,OAAO,EACPC,YAAYT,IAAI,EAChBU,SAAS,EACTC,UAAUC,YAAY,EACtBC,aAAa,EACb,GAAGC,WACJ,GAAGZ;IACJ,MAAM,EAAEa,QAAQ,EAAEC,OAAO,EAAE,GAAGnB,sBAAsB;QAClD,GAAGiB,SAAS;QACZG,MAAMJ,gBAAgB,SAASN;IACjC;IACA,MAAMI,WAAWb,0BAA0Bc;IAE3C,qBACE,MAACb;QACE,GAAGe,SAAS;QACZ,GAAGC,QAAQ;QACZG,iBAAeb,YAAYE;QAC3BJ,KAAKA;QACLC,MAAMA;QACNE,UAAUA;QACVI,WAAWd,IAAI,uBAAuBc;QACtCF,SAAS,CAACW;YACR,IAAId,UAAU;gBACZ;YACF;YAEAG,QAAQW;QACV;QACAV,WAAW,CAACU;YACVV,UAAUU;YACV,IAAId,UAAU;gBACZ;YACF;YAEA,MAAMe,UAAUD,MAAME,GAAG,KAAK;YAC9B,IAAID,WAAWD,MAAME,GAAG,KAAK,SAAS;gBACpC,IAAID,SAAS;oBACXD,MAAMG,cAAc;gBACtB;gBAEAH,MAAMI,aAAa,CAACC,KAAK;YAC3B;QACF;;YAECb;YACAK;;;AAGP,EAAE"}

package/dist/chip/Chip.d.ts

@@ -1,4 +1,4 @@
-import { type ButtonHTMLAttributes, type CSSProperties, type HTMLAttributes, type ReactNode } from "react";
+import { type ButtonHTMLAttributes, type CSSProperties, type HTMLAttributes, type ReactElement, type ReactNode, type Ref } from "react";
 import { type BackgroundColor } from "../cssUtils.js";
 import { type ComponentWithRippleProps } from "../interaction/types.js";
 import { type BaseMaxWidthTransitionOptions } from "../transition/useMaxWidthTransition.js";
@@ -11,6 +11,7 @@ import { type ChipTheme } from "./styles.js";
  * augmentation.
  */
 export interface ChipProps extends ButtonHTMLAttributes<HTMLButtonElement>, BaseMaxWidthTransitionOptions, ComponentWithRippleProps {
+    ref?: Ref<HTMLButtonElement>;
     /**
      * @defaultValue `"solid"`
      */
@@ -164,5 +165,6 @@ export interface ChipProps extends ButtonHTMLAttributes<HTMLButtonElement>, Base
  * @see {@link https://react-md.dev/components/chip | Chip Demos}
  * @since 6.0.0 Renamed the `noninteractable` prop to
  * `noninteractive`.
+ * @since 7.0.0 No longer uses `forwardRef`
  */
-export declare const Chip: import("react").ForwardRefExoticComponent<ChipProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare function Chip(props: ChipProps): ReactElement;

package/dist/chip/Chip.js

@@ -1,7 +1,6 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cnb } from "cnbuilder";
-import { forwardRef } from "react";
 import { getIcon } from "../icon/config.js";
 import { useElementInteraction } from "../interaction/useElementInteraction.js";
 import { useHigherContrastChildren } from "../interaction/useHigherContrastChildren.js";
@@ -54,8 +53,9 @@ import { chip, chipContent } from "./styles.js";
  * @see {@link https://react-md.dev/components/chip | Chip Demos}
  * @since 6.0.0 Renamed the `noninteractable` prop to
  * `noninteractive`.
- */ export const Chip = /*#__PURE__*/ forwardRef(function Chip(props, ref) {
-    const { "aria-pressed": ariaPressed, theme = "solid", className, raisable = false, disabled = false, selected, selectedThemed = false, selectedClassName, selectedIcon: propSelectedIcon, selectedIconAfter = false, backgroundColor, noninteractive = false, disableRipple, disableIconTransition = false, children: propChildren, onClick, onKeyDown, onKeyUp, onMouseDown, onMouseUp, onMouseLeave, onDragStart, onTouchStart, onTouchEnd, onTouchMove, leftAddon: propLeftAddon, rightAddon: propRightAddon, contentProps, contentStyle, contentClassName, disableContentWrap = false, ...remaining } = props;
+ * @since 7.0.0 No longer uses `forwardRef`
+ */ export function Chip(props) {
+    const { "aria-pressed": ariaPressed, ref, theme = "solid", className, raisable = false, disabled = false, selected, selectedThemed = false, selectedClassName, selectedIcon: propSelectedIcon, selectedIconAfter = false, backgroundColor, noninteractive = false, disableRipple, disableIconTransition = false, children: propChildren, onClick, onKeyDown, onKeyUp, onMouseDown, onMouseUp, onMouseLeave, onDragStart, onTouchStart, onTouchEnd, onTouchMove, leftAddon: propLeftAddon, rightAddon: propRightAddon, contentProps, contentStyle, contentClassName, disableContentWrap = false, ...remaining } = props;
     let buttonProps;
     if (!noninteractive) {
         buttonProps = {
@@ -134,6 +134,6 @@ import { chip, chipContent } from "./styles.js";
             ripples
         ]
     });
-});
+}
 
 //# sourceMappingURL=Chip.js.map

package/dist/chip/Chip.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/chip/Chip.tsx"],"sourcesContent":["\"use client\";\n\nimport { cnb } from \"cnbuilder\";\nimport {\n  type ButtonHTMLAttributes,\n  type CSSProperties,\n  type HTMLAttributes,\n  type ReactNode,\n  forwardRef,\n} from \"react\";\n\nimport { type BackgroundColor } from \"../cssUtils.js\";\nimport { getIcon } from \"../icon/config.js\";\nimport { type ComponentWithRippleProps } from \"../interaction/types.js\";\nimport { useElementInteraction } from \"../interaction/useElementInteraction.js\";\nimport { useHigherContrastChildren } from \"../interaction/useHigherContrastChildren.js\";\nimport {\n  type BaseMaxWidthTransitionOptions,\n  useMaxWidthTransition,\n} from \"../transition/useMaxWidthTransition.js\";\nimport { type PropsWithRef } from \"../types.js\";\nimport { type ChipTheme, chip, chipContent } from \"./styles.js\";\n\n/**\n * @since 6.0.0 Renamed the `noninteractive` prop to\n * `noninteractable`.\n * @since 6.3.1 Extends BaseMaxWidthTransitionOptions for CSSProperties module\n * augmentation.\n */\nexport interface ChipProps\n  extends\n    ButtonHTMLAttributes<HTMLButtonElement>,\n    BaseMaxWidthTransitionOptions,\n    ComponentWithRippleProps {\n  /**\n   * @defaultValue `\"solid\"`\n   */\n  theme?: ChipTheme;\n\n  /**\n   * Set this to `true` if the chip should gain additional box shadow while the\n   * user is pressing down on the chip.\n   *\n   * @defaultValue `false`\n   */\n  raisable?: boolean;\n\n  /**\n   * @defaultValue `false`\n   */\n  disabled?: boolean;\n\n  /**\n   * When this is a boolean, a selected icon will be displayed before the\n   * `children` and appear/disappear when `true`/`false`.\n   *\n   * @see {@link selectedIcon}\n   * @see {@link selectedIconAfter}\n   * @see {@link selectedThemed}\n   */\n  selected?: boolean;\n\n  /**\n   * Set this to `true` if the chip should change background color while\n   * {@link selected} instead of displaying an icon. The default background\n   * color is a lighter swatch of the theme primary color.\n   *\n   * @defaultValue `false`\n   */\n  selectedThemed?: boolean;\n\n  /**\n   * An optional className to provide only while {@link selected} is `true`.\n   */\n  selectedClassName?: string;\n\n  /**\n   * This will be ignored if {@link selected} is `undefined`.\n   *\n   * @defaultValue `getIcon(\"selected\")`\n   */\n  selectedIcon?: ReactNode;\n\n  /**\n   * Set this to `true` if the {@link selectedIcon} should display as the\n   * {@link rightAddon} instead of the {@link leftAddon}.\n   *\n   * @defaultValue `false`\n   * @since 6.0.0\n   */\n  selectedIconAfter?: boolean;\n\n  /**\n   * Set this to `true` if the {@link selectedIcon} should not animate and\n   * instead apply `display: none`\n   *\n   * @defaultValue `false`\n   */\n  disableIconTransition?: boolean;\n\n  /**\n   * Set this to `true` to render the chip as a `<span>` instead of a button.\n   *\n   * @since 2.6.0\n   * @since 6.0.0 Renamed from `noninteractable`\n   * @defaultValue `false`\n   */\n  noninteractive?: boolean;\n\n  /**\n   * An optional background color theme to use.\n   *\n   * @since 6.0.0\n   */\n  backgroundColor?: BackgroundColor;\n\n  /**\n   * An optional icon, avatar, circular progress, or custom component to render\n   * before the `children`. This will remove some of the leading horizontal\n   * padding on the chip as well.\n   */\n  leftAddon?: ReactNode;\n\n  /**\n   * An optional icon, avatar, circular progress, or custom component to render\n   * after the `children`. This will remove some of the trailing horizontal\n   * padding on the chip as well.\n   */\n  rightAddon?: ReactNode;\n\n  /**\n   * Set this to true if the `children` should not be wrapped in a span to apply\n   * the {@link chipContent} styles which allow for shrinking text and\n   * truncating text with ellipsis.\n   *\n   * @defaultValue `false`\n   */\n  disableContentWrap?: boolean;\n\n  /**\n   * This will be ignored if {@link disableContentWrap} is `true`.\n   *\n   * @since 6.0.0\n   */\n  contentProps?: PropsWithRef<HTMLAttributes<HTMLSpanElement>>;\n\n  /**\n   * This will be ignored if {@link disableContentWrap} is `true`.\n   */\n  contentStyle?: CSSProperties;\n\n  /**\n   * This will be ignored if {@link disableContentWrap} is `true`.\n   */\n  contentClassName?: string;\n}\n\n/**\n * @example Simple Example\n * ```tsx\n * import { Chip } from \"@react-md/core/chip/Chip\";\n * import type { ReactElement } from \"react\";\n *\n * function Example(): ReactElement {\n *   return <Chip>Content</Chip>;\n * }\n * ```\n *\n * @example Outlined Example\n * ```tsx\n * import { Chip } from \"@react-md/core/chip/Chip\";\n * import type { ReactElement } from \"react\";\n *\n * function Example(): ReactElement {\n *   return <Chip theme=\"outline\">Content</Chip>;\n * }\n * ```\n *\n * @example Addons Example\n * ```tsx\n * import { Avatar } from \"@react-md/core/avatar/Avatar\";\n * import { Chip } from \"@react-md/core/chip/Chip\";\n * import AddCircleIcon from \"@react-md/material-icons/AddCircleIcon\";\n * import type { ReactElement } from \"react\";\n *\n * function Example(): ReactElement {\n *   return (\n *     <Chip\n *       leftAddon={\n *         <Avatar>\n *           <img src=\"https://i.pravatar.cc/40?img=3\" alt=\"\" />\n *         </Avatar>\n *       }\n *       rightAddon={<AddCircleIcon />}\n *     >\n *       Chip\n *     </Chip>\n *   );\n * }\n * ```\n *\n * @see {@link https://react-md.dev/components/chip | Chip Demos}\n * @since 6.0.0 Renamed the `noninteractable` prop to\n * `noninteractive`.\n */\nexport const Chip = forwardRef<HTMLButtonElement, ChipProps>(\n  function Chip(props, ref) {\n    const {\n      \"aria-pressed\": ariaPressed,\n      theme = \"solid\",\n      className,\n      raisable = false,\n      disabled = false,\n      selected,\n      selectedThemed = false,\n      selectedClassName,\n      selectedIcon: propSelectedIcon,\n      selectedIconAfter = false,\n      backgroundColor,\n      noninteractive = false,\n      disableRipple,\n      disableIconTransition = false,\n      children: propChildren,\n      onClick,\n      onKeyDown,\n      onKeyUp,\n      onMouseDown,\n      onMouseUp,\n      onMouseLeave,\n      onDragStart,\n      onTouchStart,\n      onTouchEnd,\n      onTouchMove,\n      leftAddon: propLeftAddon,\n      rightAddon: propRightAddon,\n      contentProps,\n      contentStyle,\n      contentClassName,\n      disableContentWrap = false,\n      ...remaining\n    } = props;\n\n    let buttonProps: ButtonHTMLAttributes<HTMLButtonElement> | undefined;\n    if (!noninteractive) {\n      buttonProps = {\n        \"aria-pressed\": ariaPressed ?? (!!selected || undefined),\n        type: \"button\",\n        disabled,\n      };\n    }\n\n    let content = propChildren;\n    if (!disableContentWrap) {\n      content = (\n        <span\n          style={contentStyle}\n          {...contentProps}\n          className={cnb(\n            chipContent({ className: contentClassName }),\n            contentProps?.className\n          )}\n        >\n          {propChildren}\n        </span>\n      );\n    }\n\n    let leftAddon = propLeftAddon;\n    let rightAddon = propRightAddon;\n    const selectedIconNode = getIcon(\"selected\", propSelectedIcon);\n    const isTransitionable =\n      !selectedThemed &&\n      typeof selected === \"boolean\" &&\n      (selectedIconAfter ? propRightAddon : propLeftAddon) === undefined;\n    const selectedIcon = useMaxWidthTransition({\n      element: selectedIconNode,\n      transitionIn: !!selected,\n      disabled: !isTransitionable,\n      disableTransition: disableIconTransition,\n    });\n    if (isTransitionable) {\n      if (selectedIconAfter) {\n        rightAddon = selectedIcon;\n      } else {\n        leftAddon = selectedIcon;\n      }\n    }\n\n    const { pressed, pressedClassName, ripples, handlers } =\n      useElementInteraction({\n        mode: disableRipple ? \"none\" : undefined,\n        onClick,\n        onKeyDown,\n        onKeyUp,\n        onMouseDown,\n        onMouseUp,\n        onMouseLeave,\n        onDragStart,\n        onTouchStart,\n        onTouchEnd,\n        onTouchMove,\n        disabled: disabled || noninteractive,\n      });\n    const children = useHigherContrastChildren(content);\n    const Component = noninteractive ? \"span\" : \"button\";\n\n    return (\n      <Component\n        {...remaining}\n        {...buttonProps}\n        {...handlers}\n        className={chip({\n          className,\n          theme,\n          pressed: raisable && pressed,\n          disabled,\n          selected,\n          selectedThemed,\n          selectedClassName,\n          noninteractive,\n          backgroundColor,\n          pressedClassName,\n          leftAddon: !!leftAddon && (selectedIconAfter || selected !== false),\n          rightAddon:\n            !!rightAddon && (!selectedIconAfter || selected !== false),\n        })}\n        ref={ref}\n      >\n        {leftAddon}\n        {children}\n        {rightAddon}\n        {ripples}\n      </Component>\n    );\n  }\n);\n"],"names":["cnb","forwardRef","getIcon","useElementInteraction","useHigherContrastChildren","useMaxWidthTransition","chip","chipContent","Chip","props","ref","ariaPressed","theme","className","raisable","disabled","selected","selectedThemed","selectedClassName","selectedIcon","propSelectedIcon","selectedIconAfter","backgroundColor","noninteractive","disableRipple","disableIconTransition","children","propChildren","onClick","onKeyDown","onKeyUp","onMouseDown","onMouseUp","onMouseLeave","onDragStart","onTouchStart","onTouchEnd","onTouchMove","leftAddon","propLeftAddon","rightAddon","propRightAddon","contentProps","contentStyle","contentClassName","disableContentWrap","remaining","buttonProps","undefined","type","content","span","style","selectedIconNode","isTransitionable","element","transitionIn","disableTransition","pressed","pressedClassName","ripples","handlers","mode","Component"],"mappings":"AAAA;;AAEA,SAASA,GAAG,QAAQ,YAAY;AAChC,SAKEC,UAAU,QACL,QAAQ;AAGf,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,SAASC,qBAAqB,QAAQ,0CAA0C;AAChF,SAASC,yBAAyB,QAAQ,8CAA8C;AACxF,SAEEC,qBAAqB,QAChB,yCAAyC;AAEhD,SAAyBC,IAAI,EAAEC,WAAW,QAAQ,cAAc;AAwIhE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+CC,GACD,OAAO,MAAMC,qBAAOP,WAClB,SAASO,KAAKC,KAAK,EAAEC,GAAG;IACtB,MAAM,EACJ,gBAAgBC,WAAW,EAC3BC,QAAQ,OAAO,EACfC,SAAS,EACTC,WAAW,KAAK,EAChBC,WAAW,KAAK,EAChBC,QAAQ,EACRC,iBAAiB,KAAK,EACtBC,iBAAiB,EACjBC,cAAcC,gBAAgB,EAC9BC,oBAAoB,KAAK,EACzBC,eAAe,EACfC,iBAAiB,KAAK,EACtBC,aAAa,EACbC,wBAAwB,KAAK,EAC7BC,UAAUC,YAAY,EACtBC,OAAO,EACPC,SAAS,EACTC,OAAO,EACPC,WAAW,EACXC,SAAS,EACTC,YAAY,EACZC,WAAW,EACXC,YAAY,EACZC,UAAU,EACVC,WAAW,EACXC,WAAWC,aAAa,EACxBC,YAAYC,cAAc,EAC1BC,YAAY,EACZC,YAAY,EACZC,gBAAgB,EAChBC,qBAAqB,KAAK,EAC1B,GAAGC,WACJ,GAAGrC;IAEJ,IAAIsC;IACJ,IAAI,CAACxB,gBAAgB;QACnBwB,cAAc;YACZ,gBAAgBpC,eAAgB,CAAA,CAAC,CAACK,YAAYgC,SAAQ;YACtDC,MAAM;YACNlC;QACF;IACF;IAEA,IAAImC,UAAUvB;IACd,IAAI,CAACkB,oBAAoB;QACvBK,wBACE,KAACC;YACCC,OAAOT;YACN,GAAGD,YAAY;YAChB7B,WAAWb,IACTO,YAAY;gBAAEM,WAAW+B;YAAiB,IAC1CF,cAAc7B;sBAGfc;;IAGP;IAEA,IAAIW,YAAYC;IAChB,IAAIC,aAAaC;IACjB,MAAMY,mBAAmBnD,QAAQ,YAAYkB;IAC7C,MAAMkC,mBACJ,CAACrC,kBACD,OAAOD,aAAa,aACpB,AAACK,CAAAA,oBAAoBoB,iBAAiBF,aAAY,MAAOS;IAC3D,MAAM7B,eAAed,sBAAsB;QACzCkD,SAASF;QACTG,cAAc,CAAC,CAACxC;QAChBD,UAAU,CAACuC;QACXG,mBAAmBhC;IACrB;IACA,IAAI6B,kBAAkB;QACpB,IAAIjC,mBAAmB;YACrBmB,aAAarB;QACf,OAAO;YACLmB,YAAYnB;QACd;IACF;IAEA,MAAM,EAAEuC,OAAO,EAAEC,gBAAgB,EAAEC,OAAO,EAAEC,QAAQ,EAAE,GACpD1D,sBAAsB;QACpB2D,MAAMtC,gBAAgB,SAASwB;QAC/BpB;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAtB,UAAUA,YAAYQ;IACxB;IACF,MAAMG,WAAWtB,0BAA0B8C;IAC3C,MAAMa,YAAYxC,iBAAiB,SAAS;IAE5C,qBACE,MAACwC;QACE,GAAGjB,SAAS;QACZ,GAAGC,WAAW;QACd,GAAGc,QAAQ;QACZhD,WAAWP,KAAK;YACdO;YACAD;YACA8C,SAAS5C,YAAY4C;YACrB3C;YACAC;YACAC;YACAC;YACAK;YACAD;YACAqC;YACArB,WAAW,CAAC,CAACA,aAAcjB,CAAAA,qBAAqBL,aAAa,KAAI;YACjEwB,YACE,CAAC,CAACA,cAAe,CAAA,CAACnB,qBAAqBL,aAAa,KAAI;QAC5D;QACAN,KAAKA;;YAEJ4B;YACAZ;YACAc;YACAoB;;;AAGP,GACA"}
+{"version":3,"sources":["../../src/chip/Chip.tsx"],"sourcesContent":["\"use client\";\n\nimport { cnb } from \"cnbuilder\";\nimport {\n  type ButtonHTMLAttributes,\n  type CSSProperties,\n  type HTMLAttributes,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n} from \"react\";\n\nimport { type BackgroundColor } from \"../cssUtils.js\";\nimport { getIcon } from \"../icon/config.js\";\nimport { type ComponentWithRippleProps } from \"../interaction/types.js\";\nimport { useElementInteraction } from \"../interaction/useElementInteraction.js\";\nimport { useHigherContrastChildren } from \"../interaction/useHigherContrastChildren.js\";\nimport {\n  type BaseMaxWidthTransitionOptions,\n  useMaxWidthTransition,\n} from \"../transition/useMaxWidthTransition.js\";\nimport { type PropsWithRef } from \"../types.js\";\nimport { type ChipTheme, chip, chipContent } from \"./styles.js\";\n\n/**\n * @since 6.0.0 Renamed the `noninteractive` prop to\n * `noninteractable`.\n * @since 6.3.1 Extends BaseMaxWidthTransitionOptions for CSSProperties module\n * augmentation.\n */\nexport interface ChipProps\n  extends\n    ButtonHTMLAttributes<HTMLButtonElement>,\n    BaseMaxWidthTransitionOptions,\n    ComponentWithRippleProps {\n  ref?: Ref<HTMLButtonElement>;\n\n  /**\n   * @defaultValue `\"solid\"`\n   */\n  theme?: ChipTheme;\n\n  /**\n   * Set this to `true` if the chip should gain additional box shadow while the\n   * user is pressing down on the chip.\n   *\n   * @defaultValue `false`\n   */\n  raisable?: boolean;\n\n  /**\n   * @defaultValue `false`\n   */\n  disabled?: boolean;\n\n  /**\n   * When this is a boolean, a selected icon will be displayed before the\n   * `children` and appear/disappear when `true`/`false`.\n   *\n   * @see {@link selectedIcon}\n   * @see {@link selectedIconAfter}\n   * @see {@link selectedThemed}\n   */\n  selected?: boolean;\n\n  /**\n   * Set this to `true` if the chip should change background color while\n   * {@link selected} instead of displaying an icon. The default background\n   * color is a lighter swatch of the theme primary color.\n   *\n   * @defaultValue `false`\n   */\n  selectedThemed?: boolean;\n\n  /**\n   * An optional className to provide only while {@link selected} is `true`.\n   */\n  selectedClassName?: string;\n\n  /**\n   * This will be ignored if {@link selected} is `undefined`.\n   *\n   * @defaultValue `getIcon(\"selected\")`\n   */\n  selectedIcon?: ReactNode;\n\n  /**\n   * Set this to `true` if the {@link selectedIcon} should display as the\n   * {@link rightAddon} instead of the {@link leftAddon}.\n   *\n   * @defaultValue `false`\n   * @since 6.0.0\n   */\n  selectedIconAfter?: boolean;\n\n  /**\n   * Set this to `true` if the {@link selectedIcon} should not animate and\n   * instead apply `display: none`\n   *\n   * @defaultValue `false`\n   */\n  disableIconTransition?: boolean;\n\n  /**\n   * Set this to `true` to render the chip as a `<span>` instead of a button.\n   *\n   * @since 2.6.0\n   * @since 6.0.0 Renamed from `noninteractable`\n   * @defaultValue `false`\n   */\n  noninteractive?: boolean;\n\n  /**\n   * An optional background color theme to use.\n   *\n   * @since 6.0.0\n   */\n  backgroundColor?: BackgroundColor;\n\n  /**\n   * An optional icon, avatar, circular progress, or custom component to render\n   * before the `children`. This will remove some of the leading horizontal\n   * padding on the chip as well.\n   */\n  leftAddon?: ReactNode;\n\n  /**\n   * An optional icon, avatar, circular progress, or custom component to render\n   * after the `children`. This will remove some of the trailing horizontal\n   * padding on the chip as well.\n   */\n  rightAddon?: ReactNode;\n\n  /**\n   * Set this to true if the `children` should not be wrapped in a span to apply\n   * the {@link chipContent} styles which allow for shrinking text and\n   * truncating text with ellipsis.\n   *\n   * @defaultValue `false`\n   */\n  disableContentWrap?: boolean;\n\n  /**\n   * This will be ignored if {@link disableContentWrap} is `true`.\n   *\n   * @since 6.0.0\n   */\n  contentProps?: PropsWithRef<HTMLAttributes<HTMLSpanElement>>;\n\n  /**\n   * This will be ignored if {@link disableContentWrap} is `true`.\n   */\n  contentStyle?: CSSProperties;\n\n  /**\n   * This will be ignored if {@link disableContentWrap} is `true`.\n   */\n  contentClassName?: string;\n}\n\n/**\n * @example Simple Example\n * ```tsx\n * import { Chip } from \"@react-md/core/chip/Chip\";\n * import type { ReactElement } from \"react\";\n *\n * function Example(): ReactElement {\n *   return <Chip>Content</Chip>;\n * }\n * ```\n *\n * @example Outlined Example\n * ```tsx\n * import { Chip } from \"@react-md/core/chip/Chip\";\n * import type { ReactElement } from \"react\";\n *\n * function Example(): ReactElement {\n *   return <Chip theme=\"outline\">Content</Chip>;\n * }\n * ```\n *\n * @example Addons Example\n * ```tsx\n * import { Avatar } from \"@react-md/core/avatar/Avatar\";\n * import { Chip } from \"@react-md/core/chip/Chip\";\n * import AddCircleIcon from \"@react-md/material-icons/AddCircleIcon\";\n * import type { ReactElement } from \"react\";\n *\n * function Example(): ReactElement {\n *   return (\n *     <Chip\n *       leftAddon={\n *         <Avatar>\n *           <img src=\"https://i.pravatar.cc/40?img=3\" alt=\"\" />\n *         </Avatar>\n *       }\n *       rightAddon={<AddCircleIcon />}\n *     >\n *       Chip\n *     </Chip>\n *   );\n * }\n * ```\n *\n * @see {@link https://react-md.dev/components/chip | Chip Demos}\n * @since 6.0.0 Renamed the `noninteractable` prop to\n * `noninteractive`.\n * @since 7.0.0 No longer uses `forwardRef`\n */\nexport function Chip(props: ChipProps): ReactElement {\n  const {\n    \"aria-pressed\": ariaPressed,\n    ref,\n    theme = \"solid\",\n    className,\n    raisable = false,\n    disabled = false,\n    selected,\n    selectedThemed = false,\n    selectedClassName,\n    selectedIcon: propSelectedIcon,\n    selectedIconAfter = false,\n    backgroundColor,\n    noninteractive = false,\n    disableRipple,\n    disableIconTransition = false,\n    children: propChildren,\n    onClick,\n    onKeyDown,\n    onKeyUp,\n    onMouseDown,\n    onMouseUp,\n    onMouseLeave,\n    onDragStart,\n    onTouchStart,\n    onTouchEnd,\n    onTouchMove,\n    leftAddon: propLeftAddon,\n    rightAddon: propRightAddon,\n    contentProps,\n    contentStyle,\n    contentClassName,\n    disableContentWrap = false,\n    ...remaining\n  } = props;\n\n  let buttonProps: ButtonHTMLAttributes<HTMLButtonElement> | undefined;\n  if (!noninteractive) {\n    buttonProps = {\n      \"aria-pressed\": ariaPressed ?? (!!selected || undefined),\n      type: \"button\",\n      disabled,\n    };\n  }\n\n  let content = propChildren;\n  if (!disableContentWrap) {\n    content = (\n      <span\n        style={contentStyle}\n        {...contentProps}\n        className={cnb(\n          chipContent({ className: contentClassName }),\n          contentProps?.className\n        )}\n      >\n        {propChildren}\n      </span>\n    );\n  }\n\n  let leftAddon = propLeftAddon;\n  let rightAddon = propRightAddon;\n  const selectedIconNode = getIcon(\"selected\", propSelectedIcon);\n  const isTransitionable =\n    !selectedThemed &&\n    typeof selected === \"boolean\" &&\n    (selectedIconAfter ? propRightAddon : propLeftAddon) === undefined;\n  const selectedIcon = useMaxWidthTransition({\n    element: selectedIconNode,\n    transitionIn: !!selected,\n    disabled: !isTransitionable,\n    disableTransition: disableIconTransition,\n  });\n  if (isTransitionable) {\n    if (selectedIconAfter) {\n      rightAddon = selectedIcon;\n    } else {\n      leftAddon = selectedIcon;\n    }\n  }\n\n  const { pressed, pressedClassName, ripples, handlers } =\n    useElementInteraction({\n      mode: disableRipple ? \"none\" : undefined,\n      onClick,\n      onKeyDown,\n      onKeyUp,\n      onMouseDown,\n      onMouseUp,\n      onMouseLeave,\n      onDragStart,\n      onTouchStart,\n      onTouchEnd,\n      onTouchMove,\n      disabled: disabled || noninteractive,\n    });\n  const children = useHigherContrastChildren(content);\n  const Component = noninteractive ? \"span\" : \"button\";\n\n  return (\n    <Component\n      {...remaining}\n      {...buttonProps}\n      {...handlers}\n      className={chip({\n        className,\n        theme,\n        pressed: raisable && pressed,\n        disabled,\n        selected,\n        selectedThemed,\n        selectedClassName,\n        noninteractive,\n        backgroundColor,\n        pressedClassName,\n        leftAddon: !!leftAddon && (selectedIconAfter || selected !== false),\n        rightAddon: !!rightAddon && (!selectedIconAfter || selected !== false),\n      })}\n      ref={ref}\n    >\n      {leftAddon}\n      {children}\n      {rightAddon}\n      {ripples}\n    </Component>\n  );\n}\n"],"names":["cnb","getIcon","useElementInteraction","useHigherContrastChildren","useMaxWidthTransition","chip","chipContent","Chip","props","ariaPressed","ref","theme","className","raisable","disabled","selected","selectedThemed","selectedClassName","selectedIcon","propSelectedIcon","selectedIconAfter","backgroundColor","noninteractive","disableRipple","disableIconTransition","children","propChildren","onClick","onKeyDown","onKeyUp","onMouseDown","onMouseUp","onMouseLeave","onDragStart","onTouchStart","onTouchEnd","onTouchMove","leftAddon","propLeftAddon","rightAddon","propRightAddon","contentProps","contentStyle","contentClassName","disableContentWrap","remaining","buttonProps","undefined","type","content","span","style","selectedIconNode","isTransitionable","element","transitionIn","disableTransition","pressed","pressedClassName","ripples","handlers","mode","Component"],"mappings":"AAAA;;AAEA,SAASA,GAAG,QAAQ,YAAY;AAWhC,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,SAASC,qBAAqB,QAAQ,0CAA0C;AAChF,SAASC,yBAAyB,QAAQ,8CAA8C;AACxF,SAEEC,qBAAqB,QAChB,yCAAyC;AAEhD,SAAyBC,IAAI,EAAEC,WAAW,QAAQ,cAAc;AA0IhE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgDC,GACD,OAAO,SAASC,KAAKC,KAAgB;IACnC,MAAM,EACJ,gBAAgBC,WAAW,EAC3BC,GAAG,EACHC,QAAQ,OAAO,EACfC,SAAS,EACTC,WAAW,KAAK,EAChBC,WAAW,KAAK,EAChBC,QAAQ,EACRC,iBAAiB,KAAK,EACtBC,iBAAiB,EACjBC,cAAcC,gBAAgB,EAC9BC,oBAAoB,KAAK,EACzBC,eAAe,EACfC,iBAAiB,KAAK,EACtBC,aAAa,EACbC,wBAAwB,KAAK,EAC7BC,UAAUC,YAAY,EACtBC,OAAO,EACPC,SAAS,EACTC,OAAO,EACPC,WAAW,EACXC,SAAS,EACTC,YAAY,EACZC,WAAW,EACXC,YAAY,EACZC,UAAU,EACVC,WAAW,EACXC,WAAWC,aAAa,EACxBC,YAAYC,cAAc,EAC1BC,YAAY,EACZC,YAAY,EACZC,gBAAgB,EAChBC,qBAAqB,KAAK,EAC1B,GAAGC,WACJ,GAAGrC;IAEJ,IAAIsC;IACJ,IAAI,CAACxB,gBAAgB;QACnBwB,cAAc;YACZ,gBAAgBrC,eAAgB,CAAA,CAAC,CAACM,YAAYgC,SAAQ;YACtDC,MAAM;YACNlC;QACF;IACF;IAEA,IAAImC,UAAUvB;IACd,IAAI,CAACkB,oBAAoB;QACvBK,wBACE,KAACC;YACCC,OAAOT;YACN,GAAGD,YAAY;YAChB7B,WAAWZ,IACTM,YAAY;gBAAEM,WAAW+B;YAAiB,IAC1CF,cAAc7B;sBAGfc;;IAGP;IAEA,IAAIW,YAAYC;IAChB,IAAIC,aAAaC;IACjB,MAAMY,mBAAmBnD,QAAQ,YAAYkB;IAC7C,MAAMkC,mBACJ,CAACrC,kBACD,OAAOD,aAAa,aACpB,AAACK,CAAAA,oBAAoBoB,iBAAiBF,aAAY,MAAOS;IAC3D,MAAM7B,eAAed,sBAAsB;QACzCkD,SAASF;QACTG,cAAc,CAAC,CAACxC;QAChBD,UAAU,CAACuC;QACXG,mBAAmBhC;IACrB;IACA,IAAI6B,kBAAkB;QACpB,IAAIjC,mBAAmB;YACrBmB,aAAarB;QACf,OAAO;YACLmB,YAAYnB;QACd;IACF;IAEA,MAAM,EAAEuC,OAAO,EAAEC,gBAAgB,EAAEC,OAAO,EAAEC,QAAQ,EAAE,GACpD1D,sBAAsB;QACpB2D,MAAMtC,gBAAgB,SAASwB;QAC/BpB;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAtB,UAAUA,YAAYQ;IACxB;IACF,MAAMG,WAAWtB,0BAA0B8C;IAC3C,MAAMa,YAAYxC,iBAAiB,SAAS;IAE5C,qBACE,MAACwC;QACE,GAAGjB,SAAS;QACZ,GAAGC,WAAW;QACd,GAAGc,QAAQ;QACZhD,WAAWP,KAAK;YACdO;YACAD;YACA8C,SAAS5C,YAAY4C;YACrB3C;YACAC;YACAC;YACAC;YACAK;YACAD;YACAqC;YACArB,WAAW,CAAC,CAACA,aAAcjB,CAAAA,qBAAqBL,aAAa,KAAI;YACjEwB,YAAY,CAAC,CAACA,cAAe,CAAA,CAACnB,qBAAqBL,aAAa,KAAI;QACtE;QACAL,KAAKA;;YAEJ2B;YACAZ;YACAc;YACAoB;;;AAGP"}

package/dist/datetime/NativeDateField.d.ts

@@ -1,7 +1,9 @@
+import { type ReactElement, type Ref } from "react";
 import { type TextFieldProps } from "../form/TextField.js";
 import { type DateFieldOptions } from "./useDateField.js";
 /** @since 6.3.0 */
 export interface NativeDateFieldProps extends Omit<TextFieldProps, keyof DateFieldOptions | "value">, Omit<DateFieldOptions, "ref"> {
+    ref?: Ref<HTMLInputElement>;
 }
 /**
  * The `NativeDateField` is a simple wrapper around the `TextField` using the
@@ -21,4 +23,4 @@ export interface NativeDateFieldProps extends Omit<TextFieldProps, keyof DateFie
  * @see {@link https://react-md.dev/components/text-field | TextField Demos}
  * @since 6.3.0
  */
-export declare const NativeDateField: import("react").ForwardRefExoticComponent<NativeDateFieldProps & import("react").RefAttributes<HTMLInputElement>>;
+export declare function NativeDateField(props: NativeDateFieldProps): ReactElement;

package/dist/datetime/NativeDateField.js

@@ -1,6 +1,5 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
 import { TextField } from "../form/TextField.js";
 import { useDateField } from "./useDateField.js";
 /**
@@ -20,8 +19,8 @@ import { useDateField } from "./useDateField.js";
  * @see {@link https://react-md.dev/components/native-time-field | NativeDateField Demos}
  * @see {@link https://react-md.dev/components/text-field | TextField Demos}
  * @since 6.3.0
- */ export const NativeDateField = /*#__PURE__*/ forwardRef(function NativeDateField(props, ref) {
-    const { id, min, max, step, onBlur, onInvalid, onChange, helpText, required, validationType, disableMessage, errorIcon, isErrored, getErrorIcon, getErrorMessage, onErrorChange, disableReset, defaultValue, ...remaining } = props;
+ */ export function NativeDateField(props) {
+    const { ref, id, min, max, step, onBlur, onInvalid, onChange, helpText, required, validationType, disableMessage, errorIcon, isErrored, getErrorIcon, getErrorMessage, onErrorChange, disableReset, defaultValue, ...remaining } = props;
     const { name, form } = props;
     const { fieldProps } = useDateField({
         id,
@@ -58,6 +57,6 @@ import { useDateField } from "./useDateField.js";
         ...fieldProps,
         messageProps: messageProps
     });
-});
+}
 
 //# sourceMappingURL=NativeDateField.js.map

package/dist/datetime/NativeDateField.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/datetime/NativeDateField.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef } from \"react\";\n\nimport { TextField, type TextFieldProps } from \"../form/TextField.js\";\nimport { type DateFieldOptions, useDateField } from \"./useDateField.js\";\n\n/** @since 6.3.0 */\nexport interface NativeDateFieldProps\n  extends\n    Omit<TextFieldProps, keyof DateFieldOptions | \"value\">,\n    Omit<DateFieldOptions, \"ref\"> {}\n\n/**\n * The `NativeDateField` is a simple wrapper around the `TextField` using the\n * `useDateField` hook.\n *\n * @example Simple Example\n * ```tsx\n * import { NativeDateField } from \"@react-md/core/datetime/NativeDateField\";\n * import { type ReactElement } from \"react\";\n *\n * function Example(): ReactElement {\n *   return <NativeDateField label=\"Delivery Date\" name=\"delivery\" />;\n * }\n * ```\n *\n * @see {@link https://react-md.dev/components/native-time-field | NativeDateField Demos}\n * @see {@link https://react-md.dev/components/text-field | TextField Demos}\n * @since 6.3.0\n */\nexport const NativeDateField = forwardRef<\n  HTMLInputElement,\n  NativeDateFieldProps\n>(function NativeDateField(props, ref) {\n  const {\n    id,\n    min,\n    max,\n    step,\n    onBlur,\n    onInvalid,\n    onChange,\n    helpText,\n    required,\n    validationType,\n    disableMessage,\n    errorIcon,\n    isErrored,\n    getErrorIcon,\n    getErrorMessage,\n    onErrorChange,\n    disableReset,\n    defaultValue,\n    ...remaining\n  } = props;\n  const { name, form } = props;\n  const { fieldProps } = useDateField({\n    id,\n    ref,\n    name,\n    form,\n    min,\n    max,\n    step,\n    onBlur,\n    onChange,\n    onInvalid,\n    helpText,\n    required,\n    validationType,\n    disableMessage: disableMessage ?? (!min && !max && !step && !required),\n    errorIcon,\n    isErrored,\n    getErrorIcon,\n    getErrorMessage,\n    onErrorChange,\n    disableReset,\n    defaultValue,\n  });\n\n  let { messageProps } = remaining;\n  if (fieldProps.messageProps) {\n    messageProps = {\n      ...fieldProps.messageProps,\n      ...remaining.messageProps,\n    };\n  }\n\n  return (\n    <TextField {...remaining} {...fieldProps} messageProps={messageProps} />\n  );\n});\n"],"names":["forwardRef","TextField","useDateField","NativeDateField","props","ref","id","min","max","step","onBlur","onInvalid","onChange","helpText","required","validationType","disableMessage","errorIcon","isErrored","getErrorIcon","getErrorMessage","onErrorChange","disableReset","defaultValue","remaining","name","form","fieldProps","messageProps"],"mappings":"AAAA;;AAEA,SAASA,UAAU,QAAQ,QAAQ;AAEnC,SAASC,SAAS,QAA6B,uBAAuB;AACtE,SAAgCC,YAAY,QAAQ,oBAAoB;AAQxE;;;;;;;;;;;;;;;;;CAiBC,GACD,OAAO,MAAMC,gCAAkBH,WAG7B,SAASG,gBAAgBC,KAAK,EAAEC,GAAG;IACnC,MAAM,EACJC,EAAE,EACFC,GAAG,EACHC,GAAG,EACHC,IAAI,EACJC,MAAM,EACNC,SAAS,EACTC,QAAQ,EACRC,QAAQ,EACRC,QAAQ,EACRC,cAAc,EACdC,cAAc,EACdC,SAAS,EACTC,SAAS,EACTC,YAAY,EACZC,eAAe,EACfC,aAAa,EACbC,YAAY,EACZC,YAAY,EACZ,GAAGC,WACJ,GAAGpB;IACJ,MAAM,EAAEqB,IAAI,EAAEC,IAAI,EAAE,GAAGtB;IACvB,MAAM,EAAEuB,UAAU,EAAE,GAAGzB,aAAa;QAClCI;QACAD;QACAoB;QACAC;QACAnB;QACAC;QACAC;QACAC;QACAE;QACAD;QACAE;QACAC;QACAC;QACAC,gBAAgBA,kBAAmB,CAAA,CAACT,OAAO,CAACC,OAAO,CAACC,QAAQ,CAACK,QAAO;QACpEG;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;IACF;IAEA,IAAI,EAAEK,YAAY,EAAE,GAAGJ;IACvB,IAAIG,WAAWC,YAAY,EAAE;QAC3BA,eAAe;YACb,GAAGD,WAAWC,YAAY;YAC1B,GAAGJ,UAAUI,YAAY;QAC3B;IACF;IAEA,qBACE,KAAC3B;QAAW,GAAGuB,SAAS;QAAG,GAAGG,UAAU;QAAEC,cAAcA;;AAE5D,GAAG"}
+{"version":3,"sources":["../../src/datetime/NativeDateField.tsx"],"sourcesContent":["\"use client\";\n\nimport { type ReactElement, type Ref } from \"react\";\n\nimport { TextField, type TextFieldProps } from \"../form/TextField.js\";\nimport { type DateFieldOptions, useDateField } from \"./useDateField.js\";\n\n/** @since 6.3.0 */\nexport interface NativeDateFieldProps\n  extends\n    Omit<TextFieldProps, keyof DateFieldOptions | \"value\">,\n    Omit<DateFieldOptions, \"ref\"> {\n  ref?: Ref<HTMLInputElement>;\n}\n\n/**\n * The `NativeDateField` is a simple wrapper around the `TextField` using the\n * `useDateField` hook.\n *\n * @example Simple Example\n * ```tsx\n * import { NativeDateField } from \"@react-md/core/datetime/NativeDateField\";\n * import { type ReactElement } from \"react\";\n *\n * function Example(): ReactElement {\n *   return <NativeDateField label=\"Delivery Date\" name=\"delivery\" />;\n * }\n * ```\n *\n * @see {@link https://react-md.dev/components/native-time-field | NativeDateField Demos}\n * @see {@link https://react-md.dev/components/text-field | TextField Demos}\n * @since 6.3.0\n */\nexport function NativeDateField(props: NativeDateFieldProps): ReactElement {\n  const {\n    ref,\n    id,\n    min,\n    max,\n    step,\n    onBlur,\n    onInvalid,\n    onChange,\n    helpText,\n    required,\n    validationType,\n    disableMessage,\n    errorIcon,\n    isErrored,\n    getErrorIcon,\n    getErrorMessage,\n    onErrorChange,\n    disableReset,\n    defaultValue,\n    ...remaining\n  } = props;\n  const { name, form } = props;\n  const { fieldProps } = useDateField({\n    id,\n    ref,\n    name,\n    form,\n    min,\n    max,\n    step,\n    onBlur,\n    onChange,\n    onInvalid,\n    helpText,\n    required,\n    validationType,\n    disableMessage: disableMessage ?? (!min && !max && !step && !required),\n    errorIcon,\n    isErrored,\n    getErrorIcon,\n    getErrorMessage,\n    onErrorChange,\n    disableReset,\n    defaultValue,\n  });\n\n  let { messageProps } = remaining;\n  if (fieldProps.messageProps) {\n    messageProps = {\n      ...fieldProps.messageProps,\n      ...remaining.messageProps,\n    };\n  }\n\n  return (\n    <TextField {...remaining} {...fieldProps} messageProps={messageProps} />\n  );\n}\n"],"names":["TextField","useDateField","NativeDateField","props","ref","id","min","max","step","onBlur","onInvalid","onChange","helpText","required","validationType","disableMessage","errorIcon","isErrored","getErrorIcon","getErrorMessage","onErrorChange","disableReset","defaultValue","remaining","name","form","fieldProps","messageProps"],"mappings":"AAAA;;AAIA,SAASA,SAAS,QAA6B,uBAAuB;AACtE,SAAgCC,YAAY,QAAQ,oBAAoB;AAUxE;;;;;;;;;;;;;;;;;CAiBC,GACD,OAAO,SAASC,gBAAgBC,KAA2B;IACzD,MAAM,EACJC,GAAG,EACHC,EAAE,EACFC,GAAG,EACHC,GAAG,EACHC,IAAI,EACJC,MAAM,EACNC,SAAS,EACTC,QAAQ,EACRC,QAAQ,EACRC,QAAQ,EACRC,cAAc,EACdC,cAAc,EACdC,SAAS,EACTC,SAAS,EACTC,YAAY,EACZC,eAAe,EACfC,aAAa,EACbC,YAAY,EACZC,YAAY,EACZ,GAAGC,WACJ,GAAGpB;IACJ,MAAM,EAAEqB,IAAI,EAAEC,IAAI,EAAE,GAAGtB;IACvB,MAAM,EAAEuB,UAAU,EAAE,GAAGzB,aAAa;QAClCI;QACAD;QACAoB;QACAC;QACAnB;QACAC;QACAC;QACAC;QACAE;QACAD;QACAE;QACAC;QACAC;QACAC,gBAAgBA,kBAAmB,CAAA,CAACT,OAAO,CAACC,OAAO,CAACC,QAAQ,CAACK,QAAO;QACpEG;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;IACF;IAEA,IAAI,EAAEK,YAAY,EAAE,GAAGJ;IACvB,IAAIG,WAAWC,YAAY,EAAE;QAC3BA,eAAe;YACb,GAAGD,WAAWC,YAAY;YAC1B,GAAGJ,UAAUI,YAAY;QAC3B;IACF;IAEA,qBACE,KAAC3B;QAAW,GAAGuB,SAAS;QAAG,GAAGG,UAAU;QAAEC,cAAcA;;AAE5D"}

package/dist/datetime/NativeTimeField.d.ts

@@ -1,9 +1,11 @@
+import { type ReactElement, type Ref } from "react";
 import { type TextFieldProps } from "../form/TextField.js";
 import { type TimeFieldOptions } from "./useTimeField.js";
 /**
  * @since 6.3.0
  */
 export interface NativeTimeFieldProps extends Omit<TextFieldProps, keyof TimeFieldOptions | "value">, Omit<TimeFieldOptions, "ref"> {
+    ref?: Ref<HTMLInputElement>;
 }
 /**
  * The `NativeTimeField` is a simple wrapper around the `TextField` using the
@@ -23,4 +25,4 @@ export interface NativeTimeFieldProps extends Omit<TextFieldProps, keyof TimeFie
  * @see {@link https://react-md.dev/components/text-field | TextField Demos}
  * @since 6.3.0
  */
-export declare const NativeTimeField: import("react").ForwardRefExoticComponent<NativeTimeFieldProps & import("react").RefAttributes<HTMLInputElement>>;
+export declare function NativeTimeField(props: NativeTimeFieldProps): ReactElement;

package/dist/datetime/NativeTimeField.js

@@ -1,6 +1,5 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
 import { TextField } from "../form/TextField.js";
 import { useTimeField } from "./useTimeField.js";
 /**
@@ -20,8 +19,8 @@ import { useTimeField } from "./useTimeField.js";
  * @see {@link https://react-md.dev/components/native-time-field | NativeTimeField Demos}
  * @see {@link https://react-md.dev/components/text-field | TextField Demos}
  * @since 6.3.0
- */ export const NativeTimeField = /*#__PURE__*/ forwardRef(function NativeTimeField(props, ref) {
-    const { id, min, max, step, onBlur, onInvalid, onChange, helpText, required, validationType, disableMessage, errorIcon, isErrored, getErrorIcon, getErrorMessage, onErrorChange, disableReset, defaultValue, ...remaining } = props;
+ */ export function NativeTimeField(props) {
+    const { ref, id, min, max, step, onBlur, onInvalid, onChange, helpText, required, validationType, disableMessage, errorIcon, isErrored, getErrorIcon, getErrorMessage, onErrorChange, disableReset, defaultValue, ...remaining } = props;
     const { name, form } = props;
     const { fieldProps } = useTimeField({
         id,
@@ -58,6 +57,6 @@ import { useTimeField } from "./useTimeField.js";
         ...fieldProps,
         messageProps: messageProps
     });
-});
+}
 
 //# sourceMappingURL=NativeTimeField.js.map

package/dist/datetime/NativeTimeField.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/datetime/NativeTimeField.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef } from \"react\";\n\nimport { TextField, type TextFieldProps } from \"../form/TextField.js\";\nimport { type TimeFieldOptions, useTimeField } from \"./useTimeField.js\";\n\n/**\n * @since 6.3.0\n */\nexport interface NativeTimeFieldProps\n  extends\n    Omit<TextFieldProps, keyof TimeFieldOptions | \"value\">,\n    Omit<TimeFieldOptions, \"ref\"> {}\n\n/**\n * The `NativeTimeField` is a simple wrapper around the `TextField` using the\n * `useTimeField` hook.\n *\n * @example Simple Example\n * ```tsx\n * import { NativeTimeField } from \"@react-md/core/datetime/NativeTimeField\";\n * import { type ReactElement } from \"react\";\n *\n * function Example(): ReactElement {\n *   return <NativeTimeField label=\"Time\" name=\"appt\" />;\n * }\n * ```\n *\n * @see {@link https://react-md.dev/components/native-time-field | NativeTimeField Demos}\n * @see {@link https://react-md.dev/components/text-field | TextField Demos}\n * @since 6.3.0\n */\nexport const NativeTimeField = forwardRef<\n  HTMLInputElement,\n  NativeTimeFieldProps\n>(function NativeTimeField(props, ref) {\n  const {\n    id,\n    min,\n    max,\n    step,\n    onBlur,\n    onInvalid,\n    onChange,\n    helpText,\n    required,\n    validationType,\n    disableMessage,\n    errorIcon,\n    isErrored,\n    getErrorIcon,\n    getErrorMessage,\n    onErrorChange,\n    disableReset,\n    defaultValue,\n    ...remaining\n  } = props;\n  const { name, form } = props;\n  const { fieldProps } = useTimeField({\n    id,\n    ref,\n    name,\n    form,\n    min,\n    max,\n    step,\n    onBlur,\n    onChange,\n    onInvalid,\n    helpText,\n    required,\n    validationType,\n    disableMessage: disableMessage ?? (!min && !max && !step && !required),\n    errorIcon,\n    isErrored,\n    getErrorIcon,\n    getErrorMessage,\n    onErrorChange,\n    disableReset,\n    defaultValue,\n  });\n\n  let { messageProps } = remaining;\n  if (fieldProps.messageProps) {\n    messageProps = {\n      ...fieldProps.messageProps,\n      ...remaining.messageProps,\n    };\n  }\n\n  return (\n    <TextField {...remaining} {...fieldProps} messageProps={messageProps} />\n  );\n});\n"],"names":["forwardRef","TextField","useTimeField","NativeTimeField","props","ref","id","min","max","step","onBlur","onInvalid","onChange","helpText","required","validationType","disableMessage","errorIcon","isErrored","getErrorIcon","getErrorMessage","onErrorChange","disableReset","defaultValue","remaining","name","form","fieldProps","messageProps"],"mappings":"AAAA;;AAEA,SAASA,UAAU,QAAQ,QAAQ;AAEnC,SAASC,SAAS,QAA6B,uBAAuB;AACtE,SAAgCC,YAAY,QAAQ,oBAAoB;AAUxE;;;;;;;;;;;;;;;;;CAiBC,GACD,OAAO,MAAMC,gCAAkBH,WAG7B,SAASG,gBAAgBC,KAAK,EAAEC,GAAG;IACnC,MAAM,EACJC,EAAE,EACFC,GAAG,EACHC,GAAG,EACHC,IAAI,EACJC,MAAM,EACNC,SAAS,EACTC,QAAQ,EACRC,QAAQ,EACRC,QAAQ,EACRC,cAAc,EACdC,cAAc,EACdC,SAAS,EACTC,SAAS,EACTC,YAAY,EACZC,eAAe,EACfC,aAAa,EACbC,YAAY,EACZC,YAAY,EACZ,GAAGC,WACJ,GAAGpB;IACJ,MAAM,EAAEqB,IAAI,EAAEC,IAAI,EAAE,GAAGtB;IACvB,MAAM,EAAEuB,UAAU,EAAE,GAAGzB,aAAa;QAClCI;QACAD;QACAoB;QACAC;QACAnB;QACAC;QACAC;QACAC;QACAE;QACAD;QACAE;QACAC;QACAC;QACAC,gBAAgBA,kBAAmB,CAAA,CAACT,OAAO,CAACC,OAAO,CAACC,QAAQ,CAACK,QAAO;QACpEG;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;IACF;IAEA,IAAI,EAAEK,YAAY,EAAE,GAAGJ;IACvB,IAAIG,WAAWC,YAAY,EAAE;QAC3BA,eAAe;YACb,GAAGD,WAAWC,YAAY;YAC1B,GAAGJ,UAAUI,YAAY;QAC3B;IACF;IAEA,qBACE,KAAC3B;QAAW,GAAGuB,SAAS;QAAG,GAAGG,UAAU;QAAEC,cAAcA;;AAE5D,GAAG"}
+{"version":3,"sources":["../../src/datetime/NativeTimeField.tsx"],"sourcesContent":["\"use client\";\n\nimport { type ReactElement, type Ref } from \"react\";\n\nimport { TextField, type TextFieldProps } from \"../form/TextField.js\";\nimport { type TimeFieldOptions, useTimeField } from \"./useTimeField.js\";\n\n/**\n * @since 6.3.0\n */\nexport interface NativeTimeFieldProps\n  extends\n    Omit<TextFieldProps, keyof TimeFieldOptions | \"value\">,\n    Omit<TimeFieldOptions, \"ref\"> {\n  ref?: Ref<HTMLInputElement>;\n}\n\n/**\n * The `NativeTimeField` is a simple wrapper around the `TextField` using the\n * `useTimeField` hook.\n *\n * @example Simple Example\n * ```tsx\n * import { NativeTimeField } from \"@react-md/core/datetime/NativeTimeField\";\n * import { type ReactElement } from \"react\";\n *\n * function Example(): ReactElement {\n *   return <NativeTimeField label=\"Time\" name=\"appt\" />;\n * }\n * ```\n *\n * @see {@link https://react-md.dev/components/native-time-field | NativeTimeField Demos}\n * @see {@link https://react-md.dev/components/text-field | TextField Demos}\n * @since 6.3.0\n */\nexport function NativeTimeField(props: NativeTimeFieldProps): ReactElement {\n  const {\n    ref,\n    id,\n    min,\n    max,\n    step,\n    onBlur,\n    onInvalid,\n    onChange,\n    helpText,\n    required,\n    validationType,\n    disableMessage,\n    errorIcon,\n    isErrored,\n    getErrorIcon,\n    getErrorMessage,\n    onErrorChange,\n    disableReset,\n    defaultValue,\n    ...remaining\n  } = props;\n  const { name, form } = props;\n  const { fieldProps } = useTimeField({\n    id,\n    ref,\n    name,\n    form,\n    min,\n    max,\n    step,\n    onBlur,\n    onChange,\n    onInvalid,\n    helpText,\n    required,\n    validationType,\n    disableMessage: disableMessage ?? (!min && !max && !step && !required),\n    errorIcon,\n    isErrored,\n    getErrorIcon,\n    getErrorMessage,\n    onErrorChange,\n    disableReset,\n    defaultValue,\n  });\n\n  let { messageProps } = remaining;\n  if (fieldProps.messageProps) {\n    messageProps = {\n      ...fieldProps.messageProps,\n      ...remaining.messageProps,\n    };\n  }\n\n  return (\n    <TextField {...remaining} {...fieldProps} messageProps={messageProps} />\n  );\n}\n"],"names":["TextField","useTimeField","NativeTimeField","props","ref","id","min","max","step","onBlur","onInvalid","onChange","helpText","required","validationType","disableMessage","errorIcon","isErrored","getErrorIcon","getErrorMessage","onErrorChange","disableReset","defaultValue","remaining","name","form","fieldProps","messageProps"],"mappings":"AAAA;;AAIA,SAASA,SAAS,QAA6B,uBAAuB;AACtE,SAAgCC,YAAY,QAAQ,oBAAoB;AAYxE;;;;;;;;;;;;;;;;;CAiBC,GACD,OAAO,SAASC,gBAAgBC,KAA2B;IACzD,MAAM,EACJC,GAAG,EACHC,EAAE,EACFC,GAAG,EACHC,GAAG,EACHC,IAAI,EACJC,MAAM,EACNC,SAAS,EACTC,QAAQ,EACRC,QAAQ,EACRC,QAAQ,EACRC,cAAc,EACdC,cAAc,EACdC,SAAS,EACTC,SAAS,EACTC,YAAY,EACZC,eAAe,EACfC,aAAa,EACbC,YAAY,EACZC,YAAY,EACZ,GAAGC,WACJ,GAAGpB;IACJ,MAAM,EAAEqB,IAAI,EAAEC,IAAI,EAAE,GAAGtB;IACvB,MAAM,EAAEuB,UAAU,EAAE,GAAGzB,aAAa;QAClCI;QACAD;QACAoB;QACAC;QACAnB;QACAC;QACAC;QACAC;QACAE;QACAD;QACAE;QACAC;QACAC;QACAC,gBAAgBA,kBAAmB,CAAA,CAACT,OAAO,CAACC,OAAO,CAACC,QAAQ,CAACK,QAAO;QACpEG;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;IACF;IAEA,IAAI,EAAEK,YAAY,EAAE,GAAGJ;IACvB,IAAIG,WAAWC,YAAY,EAAE;QAC3BA,eAAe;YACb,GAAGD,WAAWC,YAAY;YAC1B,GAAGJ,UAAUI,YAAY;QAC3B;IACF;IAEA,qBACE,KAAC3B;QAAW,GAAGuB,SAAS;QAAG,GAAGG,UAAU;QAAEC,cAAcA;;AAE5D"}

package/dist/dialog/Dialog.d.ts

@@ -1,10 +1,11 @@
-import { type HTMLAttributes } from "react";
+import { type HTMLAttributes, type ReactElement, type Ref } from "react";
 import { type FocusContainerComponentProps } from "../focus/useFocusContainer.js";
 import { type CSSTransitionClassNames, type CSSTransitionComponentProps, type TransitionActions, type TransitionTimeout } from "../transition/types.js";
 import { type LabelRequiredForA11y, type PropsWithRef } from "../types.js";
 import { type ConfigurableDialogContainerProps } from "./DialogContainer.js";
 import { type DialogType, type DialogWidth } from "./styles.js";
 export interface BaseDialogProps extends HTMLAttributes<HTMLDivElement>, CSSTransitionComponentProps, TransitionActions, FocusContainerComponentProps {
+    ref?: Ref<HTMLDivElement>;
     /**
      * @defaultValue `"dialog-" + useId()`
      */
@@ -174,4 +175,4 @@ export type DialogProps = LabelRequiredForA11y<BaseDialogProps>;
  * within once it becomes visible. You must manually add `autoFocus` to a
  * element instead.
  */
-export declare const Dialog: import("react").ForwardRefExoticComponent<DialogProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare function Dialog(props: DialogProps): ReactElement;

package/dist/dialog/Dialog.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useState } from "react";
+import { useState } from "react";
 import { useSsr } from "../SsrProvider.js";
 import { useFocusContainer } from "../focus/useFocusContainer.js";
 import { Overlay } from "../overlay/Overlay.js";
@@ -66,8 +66,8 @@ const noopBool = ()=>false;
  * @since 6.0.0 The `Dialog` no longer supports focusing elements
  * within once it becomes visible. You must manually add `autoFocus` to a
  * element instead.
- */ export const Dialog = /*#__PURE__*/ forwardRef(function Dialog(props, ref) {
-    const { id: propId, modal = false, role = modal ? "alertdialog" : "dialog", type = "centered", width, tabIndex = -1, visible, onRequestClose, containerProps, temporary = true, className, timeout = DEFAULT_DIALOG_TIMEOUT, classNames = DEFAULT_DIALOG_CLASSNAMES, disableTransition = false, appear = false, enter = true, exit = true, onEnter = noop, onEntering = noop, onEntered = noop, onExit = noop, onExiting = noop, onExited = noop, exitedHidden = true, disableOverlay = false, overlayProps, overlayHidden, onKeyDown = noop, isFocusTypeDisabled = noopBool, disablePortal: propDisablePortal, disableScrollLock = false, disableEscapeClose = modal, disableFocusOutline = type === "full-page", children, ...remaining } = props;
+ */ export function Dialog(props) {
+    const { ref, id: propId, modal = false, role = modal ? "alertdialog" : "dialog", type = "centered", width, tabIndex = -1, visible, onRequestClose, containerProps, temporary = true, className, timeout = DEFAULT_DIALOG_TIMEOUT, classNames = DEFAULT_DIALOG_CLASSNAMES, disableTransition = false, appear = false, enter = true, exit = true, onEnter = noop, onEntering = noop, onEntered = noop, onExit = noop, onExiting = noop, onExited = noop, exitedHidden = true, disableOverlay = false, overlayProps, overlayHidden, onKeyDown = noop, isFocusTypeDisabled = noopBool, disablePortal: propDisablePortal, disableScrollLock = false, disableEscapeClose = modal, disableFocusOutline = type === "full-page", children, ...remaining } = props;
     const id = useEnsuredId(propId, "dialog");
     const ssr = useSsr();
     const setChildVisible = useNestedDialogContext();
@@ -168,6 +168,6 @@ const noopBool = ()=>false;
             })
         ]
     });
-});
+}
 
 //# sourceMappingURL=Dialog.js.map