@utilitywarehouse/hearth-react 0.19.1 → 0.21.0

package/dist/components/Flex/Flex.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { FlexProps } from './Flex.props.js';
 import '../../props/background-color.props.js';
 import '../../types/css-token-variable.js';
@@ -19,8 +19,10 @@ import '../../props/size.props.js';
 import '../../props/spacing.props.js';
 import '../../props/text-align.props.js';
 import '../../props/text-transform.props.js';
-import '../../types/component-props.js';
 
-declare const Flex: React.ForwardRefExoticComponent<FlexProps & React.RefAttributes<HTMLDivElement>>;
+declare const Flex: {
+    (props: FlexProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 export { Flex };

package/dist/components/Flex/Flex.js

@@ -1,2 +1,2 @@
-"use client";import{a}from"../../chunk-HEJ2RIJE.js";import"../../chunk-NUCS7DBD.js";import"../../chunk-HZKPLNEZ.js";import"../../chunk-JKVDNRMX.js";import"../../chunk-ZWAW5JVJ.js";import"../../chunk-EUTKQ2DV.js";import"../../chunk-E7ZCZZM6.js";import"../../chunk-LFUFY26R.js";import"../../chunk-AFZ3OJUA.js";import"../../chunk-YRAFDQ4S.js";import"../../chunk-CVH5JUML.js";import"../../chunk-HCPOFZ2P.js";import"../../chunk-WRZF2ROD.js";import"../../chunk-FCE2GBBX.js";import"../../chunk-BXITMQY6.js";import"../../chunk-VAINY4OM.js";import"../../chunk-NMHPABLW.js";import"../../chunk-WOH4H47Z.js";import"../../chunk-P3SXCN4J.js";import"../../chunk-4IJEOHER.js";import"../../chunk-BQT7YY2M.js";import"../../chunk-TLHGRJDQ.js";import"../../chunk-JTQWB7E2.js";import"../../chunk-JKIDUQDG.js";import"../../chunk-AJUKXCDS.js";export{a as Flex};
+"use client";import{a}from"../../chunk-AAFBAPGH.js";import"../../chunk-H4WLFL5E.js";import"../../chunk-AFZ3OJUA.js";import"../../chunk-WOH4H47Z.js";import"../../chunk-HZKPLNEZ.js";import"../../chunk-JKVDNRMX.js";import"../../chunk-ZWAW5JVJ.js";import"../../chunk-EUTKQ2DV.js";import"../../chunk-E7ZCZZM6.js";import"../../chunk-LFUFY26R.js";import"../../chunk-YRAFDQ4S.js";import"../../chunk-CVH5JUML.js";import"../../chunk-HCPOFZ2P.js";import"../../chunk-WRZF2ROD.js";import"../../chunk-FCE2GBBX.js";import"../../chunk-BXITMQY6.js";import"../../chunk-VAINY4OM.js";import"../../chunk-NMHPABLW.js";import"../../chunk-P3SXCN4J.js";import"../../chunk-4IJEOHER.js";import"../../chunk-BQT7YY2M.js";import"../../chunk-TLHGRJDQ.js";import"../../chunk-JTQWB7E2.js";import"../../chunk-JKIDUQDG.js";import"../../chunk-AJUKXCDS.js";export{a as Flex};
 //# sourceMappingURL=Flex.js.map

package/dist/components/Flex/Flex.props.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkGFDRA74Ucjs = require('../../chunk-GFDRA74U.cjs');exports.flexPropDefs = _chunkGFDRA74Ucjs.a;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkCFFZL4RFcjs = require('../../chunk-CFFZL4RF.cjs');exports.flexPropDefs = _chunkCFFZL4RFcjs.a;
 //# sourceMappingURL=Flex.props.cjs.map

package/dist/components/Flex/Flex.props.d.cts

@@ -13,12 +13,10 @@ import { SizeProps } from '../../props/size.props.cjs';
 import { SpacingProps } from '../../props/spacing.props.cjs';
 import { TextAlignProps } from '../../props/text-align.props.cjs';
 import { TextTransformProps } from '../../props/text-transform.props.cjs';
-import { ComponentPropsWithout, RemovedProps } from '../../types/component-props.cjs';
 import { Responsive } from '../../types/responsive.cjs';
 import '../../types/css-token-variable.cjs';
 import '../../tokens/space.cjs';
 import '../../types/union.cjs';
-import 'react';
 
 declare const displayValues: readonly ["none", "inline-flex", "flex"];
 declare const directionValues: readonly ["row", "column", "row-reverse", "column-reverse"];
@@ -59,7 +57,6 @@ declare const flexPropDefs: {
     };
 };
 interface CommonFlexProps extends PositionProps, ColorProps, BackgroundColorProps, PaddingProps, MarginProps, SizeProps, GapProps, Pick<SpacingProps, 'spacing'>, BorderProps, BorderColorProps, BorderRadiusProps, GridItemProps, FlexItemProps, TextAlignProps, TextTransformProps {
-    as?: 'div' | 'span';
     /** Change the default rendered element for the one passed as a child, merging their props and behavior. */
     asChild?: boolean;
     display?: Responsive<(typeof displayValues)[number]>;
@@ -71,10 +68,10 @@ interface CommonFlexProps extends PositionProps, ColorProps, BackgroundColorProp
 }
 type FlexDivProps = {
     as?: 'div';
-} & ComponentPropsWithout<'div', RemovedProps>;
+} & React.ComponentPropsWithRef<'div'>;
 type FlexSpanProps = {
-    as: 'span';
-} & ComponentPropsWithout<'span', RemovedProps>;
-type FlexProps = CommonFlexProps & (FlexSpanProps | FlexDivProps);
+    as?: 'span';
+} & React.ComponentPropsWithRef<'span'>;
+type FlexProps = CommonFlexProps & (FlexDivProps | FlexSpanProps);
 
 export { type FlexProps, flexPropDefs };

package/dist/components/Flex/Flex.props.d.ts

@@ -13,12 +13,10 @@ import { SizeProps } from '../../props/size.props.js';
 import { SpacingProps } from '../../props/spacing.props.js';
 import { TextAlignProps } from '../../props/text-align.props.js';
 import { TextTransformProps } from '../../props/text-transform.props.js';
-import { ComponentPropsWithout, RemovedProps } from '../../types/component-props.js';
 import { Responsive } from '../../types/responsive.js';
 import '../../types/css-token-variable.js';
 import '../../tokens/space.js';
 import '../../types/union.js';
-import 'react';
 
 declare const displayValues: readonly ["none", "inline-flex", "flex"];
 declare const directionValues: readonly ["row", "column", "row-reverse", "column-reverse"];
@@ -59,7 +57,6 @@ declare const flexPropDefs: {
     };
 };
 interface CommonFlexProps extends PositionProps, ColorProps, BackgroundColorProps, PaddingProps, MarginProps, SizeProps, GapProps, Pick<SpacingProps, 'spacing'>, BorderProps, BorderColorProps, BorderRadiusProps, GridItemProps, FlexItemProps, TextAlignProps, TextTransformProps {
-    as?: 'div' | 'span';
     /** Change the default rendered element for the one passed as a child, merging their props and behavior. */
     asChild?: boolean;
     display?: Responsive<(typeof displayValues)[number]>;
@@ -71,10 +68,10 @@ interface CommonFlexProps extends PositionProps, ColorProps, BackgroundColorProp
 }
 type FlexDivProps = {
     as?: 'div';
-} & ComponentPropsWithout<'div', RemovedProps>;
+} & React.ComponentPropsWithRef<'div'>;
 type FlexSpanProps = {
-    as: 'span';
-} & ComponentPropsWithout<'span', RemovedProps>;
-type FlexProps = CommonFlexProps & (FlexSpanProps | FlexDivProps);
+    as?: 'span';
+} & React.ComponentPropsWithRef<'span'>;
+type FlexProps = CommonFlexProps & (FlexDivProps | FlexSpanProps);
 
 export { type FlexProps, flexPropDefs };

package/dist/components/Flex/Flex.props.js

@@ -1,2 +1,2 @@
-import{a}from"../../chunk-NUCS7DBD.js";export{a as flexPropDefs};
+import{a}from"../../chunk-H4WLFL5E.js";export{a as flexPropDefs};
 //# sourceMappingURL=Flex.props.js.map

package/dist/components/FormField/FormField.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunk74KYMIWGcjs = require('../../chunk-74KYMIWG.cjs');require('../../chunk-EKVWMIYL.cjs');require('../../chunk-YXF75YMD.cjs');require('../../chunk-3CBA5RJ6.cjs');require('../../chunk-CALKZ7BS.cjs');require('../../chunk-YCWVWUO3.cjs');require('../../chunk-3Q4XWRAL.cjs');require('../../chunk-HW74KDL7.cjs');require('../../chunk-6XA5OQRT.cjs');require('../../chunk-UICIKADY.cjs');require('../../chunk-MN2UHQAD.cjs');require('../../chunk-76HQAMKU.cjs');require('../../chunk-4HAN4WSZ.cjs');require('../../chunk-JHPCQWHT.cjs');require('../../chunk-5ENQ4KCV.cjs');require('../../chunk-A4KDLDVY.cjs');require('../../chunk-5AK4QM2G.cjs');require('../../chunk-6MWZLLVG.cjs');require('../../chunk-AURLQ3VG.cjs');exports.FormField = _chunk74KYMIWGcjs.a;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunk642XQ6K4cjs = require('../../chunk-642XQ6K4.cjs');require('../../chunk-GC7HO6WQ.cjs');require('../../chunk-TE76F7KC.cjs');require('../../chunk-OSS2IKNY.cjs');require('../../chunk-ZUHERTNI.cjs');require('../../chunk-QBRF26E3.cjs');require('../../chunk-UICIKADY.cjs');require('../../chunk-3Q4XWRAL.cjs');require('../../chunk-HW74KDL7.cjs');require('../../chunk-6XA5OQRT.cjs');require('../../chunk-MN2UHQAD.cjs');require('../../chunk-76HQAMKU.cjs');require('../../chunk-4HAN4WSZ.cjs');require('../../chunk-JHPCQWHT.cjs');require('../../chunk-5ENQ4KCV.cjs');require('../../chunk-A4KDLDVY.cjs');require('../../chunk-5AK4QM2G.cjs');require('../../chunk-6MWZLLVG.cjs');require('../../chunk-AURLQ3VG.cjs');exports.FormField = _chunk642XQ6K4cjs.a;
 //# sourceMappingURL=FormField.cjs.map

package/dist/components/FormField/FormField.d.cts

@@ -2,7 +2,6 @@ import React__default from 'react';
 import { FormFieldProps } from './FormField.props.cjs';
 import '../InputBase/InputBase.props.cjs';
 import '../../helpers/input-attributes.cjs';
-import '../../types/component-props.cjs';
 
 declare const FormField: React__default.FC<FormFieldProps>;
 

package/dist/components/FormField/FormField.d.ts

@@ -2,7 +2,6 @@ import React__default from 'react';
 import { FormFieldProps } from './FormField.props.js';
 import '../InputBase/InputBase.props.js';
 import '../../helpers/input-attributes.js';
-import '../../types/component-props.js';
 
 declare const FormField: React__default.FC<FormFieldProps>;
 

package/dist/components/FormField/FormField.js

@@ -1,2 +1,2 @@
-import{a}from"../../chunk-ITN3K5OX.js";import"../../chunk-BRLGCH5I.js";import"../../chunk-TF7GLJYC.js";import"../../chunk-AE3RG7I4.js";import"../../chunk-4WA5GBHW.js";import"../../chunk-XW2AZR4K.js";import"../../chunk-VV7AHCQF.js";import"../../chunk-HZKPLNEZ.js";import"../../chunk-LFUFY26R.js";import"../../chunk-AFZ3OJUA.js";import"../../chunk-FCE2GBBX.js";import"../../chunk-NMHPABLW.js";import"../../chunk-P3SXCN4J.js";import"../../chunk-4IJEOHER.js";import"../../chunk-BQT7YY2M.js";import"../../chunk-TLHGRJDQ.js";import"../../chunk-JTQWB7E2.js";import"../../chunk-JKIDUQDG.js";import"../../chunk-AJUKXCDS.js";export{a as FormField};
+import{a}from"../../chunk-T5WUY6ZX.js";import"../../chunk-D3AJZ47Z.js";import"../../chunk-WJ4R6AWI.js";import"../../chunk-ZRFF2XAA.js";import"../../chunk-OVZTK4ZV.js";import"../../chunk-E5VZCIJ6.js";import"../../chunk-AFZ3OJUA.js";import"../../chunk-VV7AHCQF.js";import"../../chunk-HZKPLNEZ.js";import"../../chunk-LFUFY26R.js";import"../../chunk-FCE2GBBX.js";import"../../chunk-NMHPABLW.js";import"../../chunk-P3SXCN4J.js";import"../../chunk-4IJEOHER.js";import"../../chunk-BQT7YY2M.js";import"../../chunk-TLHGRJDQ.js";import"../../chunk-JTQWB7E2.js";import"../../chunk-JKIDUQDG.js";import"../../chunk-AJUKXCDS.js";export{a as FormField};
 //# sourceMappingURL=FormField.js.map

package/dist/components/FormField/FormField.props.d.cts

@@ -1,11 +1,7 @@
-import { ReactNode } from 'react';
 import { InputBaseProps } from '../InputBase/InputBase.props.cjs';
 import '../../helpers/input-attributes.cjs';
-import '../../types/component-props.cjs';
 
-interface FormFieldProps {
-    className?: string;
-    children?: ReactNode;
+interface FormFieldProps extends Omit<React.ComponentPropsWithRef<'div'>, 'defaultValue'> {
     id?: string;
     labelId?: string;
     helperTextId?: string;

package/dist/components/FormField/FormField.props.d.ts

@@ -1,11 +1,7 @@
-import { ReactNode } from 'react';
 import { InputBaseProps } from '../InputBase/InputBase.props.js';
 import '../../helpers/input-attributes.js';
-import '../../types/component-props.js';
 
-interface FormFieldProps {
-    className?: string;
-    children?: ReactNode;
+interface FormFieldProps extends Omit<React.ComponentPropsWithRef<'div'>, 'defaultValue'> {
     id?: string;
     labelId?: string;
     helperTextId?: string;

package/dist/components/FormGroupBase/FormGroupBase.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";var _chunkPLKX5LR5cjs = require('../../chunk-PLKX5LR5.cjs');require('../../chunk-HSPOCJ5A.cjs');require('../../chunk-TILH5RBR.cjs');require('../../chunk-GFDRA74U.cjs');require('../../chunk-YXF75YMD.cjs');require('../../chunk-3CBA5RJ6.cjs');require('../../chunk-CALKZ7BS.cjs');require('../../chunk-YCWVWUO3.cjs');require('../../chunk-3Q4XWRAL.cjs');require('../../chunk-HW74KDL7.cjs');require('../../chunk-RO77CVYM.cjs');require('../../chunk-5LHF6N4C.cjs');require('../../chunk-IYSVQSPG.cjs');require('../../chunk-4PUYMJD4.cjs');require('../../chunk-6XA5OQRT.cjs');require('../../chunk-UICIKADY.cjs');require('../../chunk-M5MMJOGY.cjs');require('../../chunk-DYBPMC65.cjs');require('../../chunk-JFILAUYH.cjs');require('../../chunk-3IH7VEOL.cjs');require('../../chunk-MN2UHQAD.cjs');require('../../chunk-SPWXYK7X.cjs');require('../../chunk-DDTLKJOE.cjs');require('../../chunk-76HQAMKU.cjs');require('../../chunk-4VG5MYC3.cjs');require('../../chunk-DSW76HKT.cjs');require('../../chunk-2ZG5GGS5.cjs');require('../../chunk-4HAN4WSZ.cjs');require('../../chunk-JHPCQWHT.cjs');require('../../chunk-5ENQ4KCV.cjs');require('../../chunk-A4KDLDVY.cjs');require('../../chunk-5AK4QM2G.cjs');require('../../chunk-6MWZLLVG.cjs');require('../../chunk-AURLQ3VG.cjs');exports.FormGroupBase = _chunkPLKX5LR5cjs.a;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";var _chunkP477XCPXcjs = require('../../chunk-P477XCPX.cjs');require('../../chunk-HSPOCJ5A.cjs');require('../../chunk-KE65YZ55.cjs');require('../../chunk-CFFZL4RF.cjs');require('../../chunk-TE76F7KC.cjs');require('../../chunk-OSS2IKNY.cjs');require('../../chunk-ZUHERTNI.cjs');require('../../chunk-QBRF26E3.cjs');require('../../chunk-UICIKADY.cjs');require('../../chunk-3Q4XWRAL.cjs');require('../../chunk-4VG5MYC3.cjs');require('../../chunk-HW74KDL7.cjs');require('../../chunk-RO77CVYM.cjs');require('../../chunk-5LHF6N4C.cjs');require('../../chunk-IYSVQSPG.cjs');require('../../chunk-4PUYMJD4.cjs');require('../../chunk-6XA5OQRT.cjs');require('../../chunk-M5MMJOGY.cjs');require('../../chunk-DYBPMC65.cjs');require('../../chunk-JFILAUYH.cjs');require('../../chunk-3IH7VEOL.cjs');require('../../chunk-MN2UHQAD.cjs');require('../../chunk-SPWXYK7X.cjs');require('../../chunk-DDTLKJOE.cjs');require('../../chunk-76HQAMKU.cjs');require('../../chunk-DSW76HKT.cjs');require('../../chunk-2ZG5GGS5.cjs');require('../../chunk-4HAN4WSZ.cjs');require('../../chunk-JHPCQWHT.cjs');require('../../chunk-5ENQ4KCV.cjs');require('../../chunk-A4KDLDVY.cjs');require('../../chunk-5AK4QM2G.cjs');require('../../chunk-6MWZLLVG.cjs');require('../../chunk-AURLQ3VG.cjs');exports.FormGroupBase = _chunkP477XCPXcjs.a;
 //# sourceMappingURL=FormGroupBase.cjs.map

package/dist/components/FormGroupBase/FormGroupBase.d.cts

@@ -1,13 +1,16 @@
-import * as React from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { FormGroupBaseProps } from './FormGroupBase.props.cjs';
 import '../../props/margin.props.cjs';
 import '../../types/css-token-variable.cjs';
 import '../../types/responsive.cjs';
-import '../../types/component-props.cjs';
+import 'react';
 import '../ValidationText/ValidationText.props.cjs';
 import '../../props/text-align.props.cjs';
 import '../../props/text-transform.props.cjs';
 
-declare const FormGroupBase: React.ForwardRefExoticComponent<FormGroupBaseProps & React.RefAttributes<HTMLFieldSetElement>>;
+declare const FormGroupBase: {
+    (props: FormGroupBaseProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 export { FormGroupBase };

package/dist/components/FormGroupBase/FormGroupBase.d.ts

@@ -1,13 +1,16 @@
-import * as React from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { FormGroupBaseProps } from './FormGroupBase.props.js';
 import '../../props/margin.props.js';
 import '../../types/css-token-variable.js';
 import '../../types/responsive.js';
-import '../../types/component-props.js';
+import 'react';
 import '../ValidationText/ValidationText.props.js';
 import '../../props/text-align.props.js';
 import '../../props/text-transform.props.js';
 
-declare const FormGroupBase: React.ForwardRefExoticComponent<FormGroupBaseProps & React.RefAttributes<HTMLFieldSetElement>>;
+declare const FormGroupBase: {
+    (props: FormGroupBaseProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 export { FormGroupBase };

package/dist/components/FormGroupBase/FormGroupBase.js

@@ -1,2 +1,2 @@
-"use client";import{a}from"../../chunk-EI5EKPBD.js";import"../../chunk-5OLLJKEO.js";import"../../chunk-HEJ2RIJE.js";import"../../chunk-NUCS7DBD.js";import"../../chunk-TF7GLJYC.js";import"../../chunk-AE3RG7I4.js";import"../../chunk-4WA5GBHW.js";import"../../chunk-XW2AZR4K.js";import"../../chunk-VV7AHCQF.js";import"../../chunk-HZKPLNEZ.js";import"../../chunk-JKVDNRMX.js";import"../../chunk-ZWAW5JVJ.js";import"../../chunk-EUTKQ2DV.js";import"../../chunk-E7ZCZZM6.js";import"../../chunk-LFUFY26R.js";import"../../chunk-AFZ3OJUA.js";import"../../chunk-YRAFDQ4S.js";import"../../chunk-CVH5JUML.js";import"../../chunk-HCPOFZ2P.js";import"../../chunk-WRZF2ROD.js";import"../../chunk-FCE2GBBX.js";import"../../chunk-BXITMQY6.js";import"../../chunk-VAINY4OM.js";import"../../chunk-NMHPABLW.js";import"../../chunk-WOH4H47Z.js";import"../../chunk-DVGYWBKQ.js";import"../../chunk-KJ4W3OTX.js";import"../../chunk-P3SXCN4J.js";import"../../chunk-4IJEOHER.js";import"../../chunk-BQT7YY2M.js";import"../../chunk-TLHGRJDQ.js";import"../../chunk-JTQWB7E2.js";import"../../chunk-JKIDUQDG.js";import"../../chunk-AJUKXCDS.js";export{a as FormGroupBase};
+"use client";import{a}from"../../chunk-APVCKEMY.js";import"../../chunk-5OLLJKEO.js";import"../../chunk-AAFBAPGH.js";import"../../chunk-H4WLFL5E.js";import"../../chunk-WJ4R6AWI.js";import"../../chunk-ZRFF2XAA.js";import"../../chunk-OVZTK4ZV.js";import"../../chunk-E5VZCIJ6.js";import"../../chunk-AFZ3OJUA.js";import"../../chunk-VV7AHCQF.js";import"../../chunk-WOH4H47Z.js";import"../../chunk-HZKPLNEZ.js";import"../../chunk-JKVDNRMX.js";import"../../chunk-ZWAW5JVJ.js";import"../../chunk-EUTKQ2DV.js";import"../../chunk-E7ZCZZM6.js";import"../../chunk-LFUFY26R.js";import"../../chunk-YRAFDQ4S.js";import"../../chunk-CVH5JUML.js";import"../../chunk-HCPOFZ2P.js";import"../../chunk-WRZF2ROD.js";import"../../chunk-FCE2GBBX.js";import"../../chunk-BXITMQY6.js";import"../../chunk-VAINY4OM.js";import"../../chunk-NMHPABLW.js";import"../../chunk-DVGYWBKQ.js";import"../../chunk-KJ4W3OTX.js";import"../../chunk-P3SXCN4J.js";import"../../chunk-4IJEOHER.js";import"../../chunk-BQT7YY2M.js";import"../../chunk-TLHGRJDQ.js";import"../../chunk-JTQWB7E2.js";import"../../chunk-JKIDUQDG.js";import"../../chunk-AJUKXCDS.js";export{a as FormGroupBase};
 //# sourceMappingURL=FormGroupBase.js.map

package/dist/components/FormGroupBase/FormGroupBase.props.d.cts

@@ -1,5 +1,4 @@
 import { MarginProps } from '../../props/margin.props.cjs';
-import { ComponentPropsWithout, RemovedProps } from '../../types/component-props.cjs';
 import { ReactNode } from 'react';
 import { ValidationTextProps } from '../ValidationText/ValidationText.props.cjs';
 import '../../types/css-token-variable.cjs';
@@ -7,7 +6,7 @@ import '../../types/responsive.cjs';
 import '../../props/text-align.props.cjs';
 import '../../props/text-transform.props.cjs';
 
-interface FormGroupBaseProps extends ComponentPropsWithout<'fieldset', RemovedProps>, MarginProps {
+interface FormGroupBaseProps extends React.ComponentPropsWithRef<'fieldset'>, MarginProps {
     /**
      * The label for the formfield group. This should contain the question being
      * answered by the formfield group.

package/dist/components/FormGroupBase/FormGroupBase.props.d.ts

@@ -1,5 +1,4 @@
 import { MarginProps } from '../../props/margin.props.js';
-import { ComponentPropsWithout, RemovedProps } from '../../types/component-props.js';
 import { ReactNode } from 'react';
 import { ValidationTextProps } from '../ValidationText/ValidationText.props.js';
 import '../../types/css-token-variable.js';
@@ -7,7 +6,7 @@ import '../../types/responsive.js';
 import '../../props/text-align.props.js';
 import '../../props/text-transform.props.js';
 
-interface FormGroupBaseProps extends ComponentPropsWithout<'fieldset', RemovedProps>, MarginProps {
+interface FormGroupBaseProps extends React.ComponentPropsWithRef<'fieldset'>, MarginProps {
     /**
      * The label for the formfield group. This should contain the question being
      * answered by the formfield group.

package/dist/components/FormGroupBase/Legend.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunkHW74KDL7cjs = require('../../chunk-HW74KDL7.cjs');require('../../chunk-76HQAMKU.cjs');var _chunk4HAN4WSZcjs = require('../../chunk-4HAN4WSZ.cjs');require('../../chunk-JHPCQWHT.cjs');require('../../chunk-5ENQ4KCV.cjs');require('../../chunk-A4KDLDVY.cjs');var _chunk5AK4QM2Gcjs = require('../../chunk-5AK4QM2G.cjs');require('../../chunk-6MWZLLVG.cjs');require('../../chunk-AURLQ3VG.cjs');var _react = require('react'); var e = _interopRequireWildcard(_react);var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var m="Legend",l=_chunk5AK4QM2Gcjs.b.call(void 0, m),c= exports.Legend =e.forwardRef((n,s)=>{let{className:p,...a}=_chunk4HAN4WSZcjs.a.call(void 0, n,_chunkHW74KDL7cjs.a);return e.createElement("legend",{ref:s,className:_clsx2.default.call(void 0, l,p),...a})});c.displayName=m;exports.Legend = c;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunkHW74KDL7cjs = require('../../chunk-HW74KDL7.cjs');require('../../chunk-76HQAMKU.cjs');var _chunk4HAN4WSZcjs = require('../../chunk-4HAN4WSZ.cjs');require('../../chunk-JHPCQWHT.cjs');require('../../chunk-5ENQ4KCV.cjs');require('../../chunk-A4KDLDVY.cjs');var _chunk5AK4QM2Gcjs = require('../../chunk-5AK4QM2G.cjs');require('../../chunk-6MWZLLVG.cjs');require('../../chunk-AURLQ3VG.cjs');var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var _jsxruntime = require('react/jsx-runtime');var s="Legend",a=_chunk5AK4QM2Gcjs.b.call(void 0, s),l= exports.Legend =p=>{let{className:m,...n}=_chunk4HAN4WSZcjs.a.call(void 0, p,_chunkHW74KDL7cjs.a);return _jsxruntime.jsx.call(void 0, "legend",{className:_clsx2.default.call(void 0, a,m),...n})};l.displayName=s;exports.Legend = l;
 //# sourceMappingURL=Legend.cjs.map

package/dist/components/FormGroupBase/Legend.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/components/FormGroupBase/Legend.cjs","../../../src/components/FormGroupBase/Legend.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","Legend","props","ref","className","legendProps","extractProps","marginPropDefs","clsx"],"mappings":"AAAA,ufAA4C,oCAAiC,4DAA6C,oCAAiC,oCAAiC,oCAAiC,4DAA6C,oCAAiC,oCAAiC,uECArT,wEAGN,IAOXA,CAAAA,CAAiB,QAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAI7CC,CAAAA,kBAAe,CAAA,CAAA,UAAA,CAAuC,CAACC,CAAAA,CAAOC,CAAAA,CAAAA,EAAQ,CACjF,GAAM,CAAE,SAAA,CAAAC,CAAAA,CAAW,GAAGC,CAAY,CAAA,CAAIC,iCAAAA,CAAaJ,CAAOK,mBAAc,CAAA,CACxE,OAAO,CAAA,CAAA,aAAA,CAAC,QAAA,CAAA,CAAO,GAAA,CAAKJ,CAAAA,CAAK,SAAA,CAAWK,4BAAAA,CAAKT,CAAoBK,CAAS,CAAA,CAAI,GAAGC,CAAAA,CAAa,CAC5F,CAAC,CAAA,CAEDJ,CAAAA,CAAO,WAAA,CAAcH,CAAAA,CAAAA,mBAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/components/FormGroupBase/Legend.cjs","sourcesContent":[null,"import * as React from 'react';\nimport type { ElementRef } from 'react';\n\nimport clsx from 'clsx';\n\nimport { LegendProps } from './Legend.props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\n\nconst COMPONENT_NAME = 'Legend';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype LegendElement = ElementRef<'legend'>;\n\nexport const Legend = React.forwardRef<LegendElement, LegendProps>((props, ref) => {\n  const { className, ...legendProps } = extractProps(props, marginPropDefs);\n  return <legend ref={ref} className={clsx(componentClassName, className)} {...legendProps} />;\n});\n\nLegend.displayName = COMPONENT_NAME;\n"]}
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/components/FormGroupBase/Legend.cjs","../../../src/components/FormGroupBase/Legend.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","Legend","props","className","legendProps","extractProps","marginPropDefs","jsx","clsx"],"mappings":"AAAA,qOAA4C,oCAAiC,4DAA6C,oCAAiC,oCAAiC,oCAAiC,4DAA6C,oCAAiC,oCAAiC,wECA3T,+CAWR,IALHA,CAAAA,CAAiB,QAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAE7CC,CAAAA,kBAAUC,CAAAA,EAAuB,CAC5C,GAAM,CAAE,SAAA,CAAAC,CAAAA,CAAW,GAAGC,CAAY,CAAA,CAAIC,iCAAAA,CAAaH,CAAOI,mBAAc,CAAA,CACxE,OAAOC,6BAAAA,QAAC,CAAA,CAAO,SAAA,CAAWC,4BAAAA,CAAKT,CAAoBI,CAAS,CAAA,CAAI,GAAGC,CAAAA,CAAa,CAClF,CAAA,CAEAH,CAAAA,CAAO,WAAA,CAAcH,CAAAA,CAAAA,mBAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/components/FormGroupBase/Legend.cjs","sourcesContent":[null,"import clsx from 'clsx';\nimport type { LegendProps } from './Legend.props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\n\nconst COMPONENT_NAME = 'Legend';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const Legend = (props: LegendProps) => {\n  const { className, ...legendProps } = extractProps(props, marginPropDefs);\n  return <legend className={clsx(componentClassName, className)} {...legendProps} />;\n};\n\nLegend.displayName = COMPONENT_NAME;\n"]}

package/dist/components/FormGroupBase/Legend.d.cts

@@ -1,9 +1,12 @@
-import { MarginProps } from '../../props/margin.props.cjs';
-import { ComponentPropsWithout, RemovedProps } from '../../types/component-props.cjs';
-import * as React from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { LegendProps } from './Legend.props.cjs';
+import '../../props/margin.props.cjs';
 import '../../types/css-token-variable.cjs';
 import '../../types/responsive.cjs';
 
-declare const Legend: React.ForwardRefExoticComponent<ComponentPropsWithout<"legend", RemovedProps> & MarginProps & React.RefAttributes<HTMLLegendElement>>;
+declare const Legend: {
+    (props: LegendProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 export { Legend };

package/dist/components/FormGroupBase/Legend.d.ts

@@ -1,9 +1,12 @@
-import { MarginProps } from '../../props/margin.props.js';
-import { ComponentPropsWithout, RemovedProps } from '../../types/component-props.js';
-import * as React from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { LegendProps } from './Legend.props.js';
+import '../../props/margin.props.js';
 import '../../types/css-token-variable.js';
 import '../../types/responsive.js';
 
-declare const Legend: React.ForwardRefExoticComponent<ComponentPropsWithout<"legend", RemovedProps> & MarginProps & React.RefAttributes<HTMLLegendElement>>;
+declare const Legend: {
+    (props: LegendProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 export { Legend };

package/dist/components/FormGroupBase/Legend.js

@@ -1,2 +1,2 @@
-import{a as t}from"../../chunk-HZKPLNEZ.js";import"../../chunk-NMHPABLW.js";import{a as o}from"../../chunk-P3SXCN4J.js";import"../../chunk-4IJEOHER.js";import"../../chunk-BQT7YY2M.js";import"../../chunk-TLHGRJDQ.js";import{b as r}from"../../chunk-JTQWB7E2.js";import"../../chunk-JKIDUQDG.js";import"../../chunk-AJUKXCDS.js";import*as e from"react";import f from"clsx";var m="Legend",l=r(m),c=e.forwardRef((n,s)=>{let{className:p,...a}=o(n,t);return e.createElement("legend",{ref:s,className:f(l,p),...a})});c.displayName=m;export{c as Legend};
+import{a as r}from"../../chunk-HZKPLNEZ.js";import"../../chunk-NMHPABLW.js";import{a as e}from"../../chunk-P3SXCN4J.js";import"../../chunk-4IJEOHER.js";import"../../chunk-BQT7YY2M.js";import"../../chunk-TLHGRJDQ.js";import{b as o}from"../../chunk-JTQWB7E2.js";import"../../chunk-JKIDUQDG.js";import"../../chunk-AJUKXCDS.js";import t from"clsx";import{jsx as c}from"react/jsx-runtime";var s="Legend",a=o(s),l=p=>{let{className:m,...n}=e(p,r);return c("legend",{className:t(a,m),...n})};l.displayName=s;export{l as Legend};
 //# sourceMappingURL=Legend.js.map

package/dist/components/FormGroupBase/Legend.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/FormGroupBase/Legend.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ElementRef } from 'react';\n\nimport clsx from 'clsx';\n\nimport { LegendProps } from './Legend.props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\n\nconst COMPONENT_NAME = 'Legend';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype LegendElement = ElementRef<'legend'>;\n\nexport const Legend = React.forwardRef<LegendElement, LegendProps>((props, ref) => {\n  const { className, ...legendProps } = extractProps(props, marginPropDefs);\n  return <legend ref={ref} className={clsx(componentClassName, className)} {...legendProps} />;\n});\n\nLegend.displayName = COMPONENT_NAME;\n"],"mappings":"oUAAA,UAAYA,MAAW,QAGvB,OAAOC,MAAU,OAOjB,IAAMC,EAAiB,SACjBC,EAAqBC,EAAiBF,CAAc,EAI7CG,EAAe,aAAuC,CAACC,EAAOC,IAAQ,CACjF,GAAM,CAAE,UAAAC,EAAW,GAAGC,CAAY,EAAIC,EAAaJ,EAAOK,CAAc,EACxE,OAAO,gBAAC,UAAO,IAAKJ,EAAK,UAAWK,EAAKT,EAAoBK,CAAS,EAAI,GAAGC,EAAa,CAC5F,CAAC,EAEDJ,EAAO,YAAcH","names":["React","clsx","COMPONENT_NAME","componentClassName","withGlobalPrefix","Legend","props","ref","className","legendProps","extractProps","marginPropDefs","clsx"]}
+{"version":3,"sources":["../../../src/components/FormGroupBase/Legend.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport type { LegendProps } from './Legend.props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\n\nconst COMPONENT_NAME = 'Legend';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const Legend = (props: LegendProps) => {\n  const { className, ...legendProps } = extractProps(props, marginPropDefs);\n  return <legend className={clsx(componentClassName, className)} {...legendProps} />;\n};\n\nLegend.displayName = COMPONENT_NAME;\n"],"mappings":"oUAAA,OAAOA,MAAU,OAWR,cAAAC,MAAA,oBALT,IAAMC,EAAiB,SACjBC,EAAqBC,EAAiBF,CAAc,EAE7CG,EAAUC,GAAuB,CAC5C,GAAM,CAAE,UAAAC,EAAW,GAAGC,CAAY,EAAIC,EAAaH,EAAOI,CAAc,EACxE,OAAOT,EAAC,UAAO,UAAWU,EAAKR,EAAoBI,CAAS,EAAI,GAAGC,EAAa,CAClF,EAEAH,EAAO,YAAcH","names":["clsx","jsx","COMPONENT_NAME","componentClassName","withGlobalPrefix","Legend","props","className","legendProps","extractProps","marginPropDefs","clsx"]}

package/dist/components/FormGroupBase/Legend.props.d.cts

@@ -1,9 +1,7 @@
 import { MarginProps } from '../../props/margin.props.cjs';
-import { ComponentPropsWithout, RemovedProps } from '../../types/component-props.cjs';
 import '../../types/css-token-variable.cjs';
 import '../../types/responsive.cjs';
-import 'react';
 
-type LegendProps = ComponentPropsWithout<'legend', RemovedProps> & MarginProps;
+type LegendProps = React.ComponentPropsWithRef<'legend'> & MarginProps;
 
 export type { LegendProps };

package/dist/components/FormGroupBase/Legend.props.d.ts

@@ -1,9 +1,7 @@
 import { MarginProps } from '../../props/margin.props.js';
-import { ComponentPropsWithout, RemovedProps } from '../../types/component-props.js';
 import '../../types/css-token-variable.js';
 import '../../types/responsive.js';
-import 'react';
 
-type LegendProps = ComponentPropsWithout<'legend', RemovedProps> & MarginProps;
+type LegendProps = React.ComponentPropsWithRef<'legend'> & MarginProps;
 
 export type { LegendProps };

package/dist/components/Grid/Grid.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";var _chunkDN6YYUKLcjs = require('../../chunk-DN6YYUKL.cjs');require('../../chunk-VLVV2YZ5.cjs');require('../../chunk-HW74KDL7.cjs');require('../../chunk-RO77CVYM.cjs');require('../../chunk-5LHF6N4C.cjs');require('../../chunk-IYSVQSPG.cjs');require('../../chunk-4PUYMJD4.cjs');require('../../chunk-6XA5OQRT.cjs');require('../../chunk-UICIKADY.cjs');require('../../chunk-M5MMJOGY.cjs');require('../../chunk-DYBPMC65.cjs');require('../../chunk-JFILAUYH.cjs');require('../../chunk-3IH7VEOL.cjs');require('../../chunk-MN2UHQAD.cjs');require('../../chunk-SPWXYK7X.cjs');require('../../chunk-DDTLKJOE.cjs');require('../../chunk-76HQAMKU.cjs');require('../../chunk-4VG5MYC3.cjs');require('../../chunk-4HAN4WSZ.cjs');require('../../chunk-JHPCQWHT.cjs');require('../../chunk-5ENQ4KCV.cjs');require('../../chunk-A4KDLDVY.cjs');require('../../chunk-5AK4QM2G.cjs');require('../../chunk-6MWZLLVG.cjs');require('../../chunk-AURLQ3VG.cjs');exports.Grid = _chunkDN6YYUKLcjs.a;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";var _chunkPJKFBLCWcjs = require('../../chunk-PJKFBLCW.cjs');require('../../chunk-LXRPPJ6X.cjs');require('../../chunk-UICIKADY.cjs');require('../../chunk-4VG5MYC3.cjs');require('../../chunk-HW74KDL7.cjs');require('../../chunk-RO77CVYM.cjs');require('../../chunk-5LHF6N4C.cjs');require('../../chunk-IYSVQSPG.cjs');require('../../chunk-4PUYMJD4.cjs');require('../../chunk-6XA5OQRT.cjs');require('../../chunk-M5MMJOGY.cjs');require('../../chunk-DYBPMC65.cjs');require('../../chunk-JFILAUYH.cjs');require('../../chunk-3IH7VEOL.cjs');require('../../chunk-MN2UHQAD.cjs');require('../../chunk-SPWXYK7X.cjs');require('../../chunk-DDTLKJOE.cjs');require('../../chunk-76HQAMKU.cjs');require('../../chunk-4HAN4WSZ.cjs');require('../../chunk-JHPCQWHT.cjs');require('../../chunk-5ENQ4KCV.cjs');require('../../chunk-A4KDLDVY.cjs');require('../../chunk-5AK4QM2G.cjs');require('../../chunk-6MWZLLVG.cjs');require('../../chunk-AURLQ3VG.cjs');exports.Grid = _chunkPJKFBLCWcjs.a;
 //# sourceMappingURL=Grid.cjs.map

package/dist/components/Grid/Grid.d.cts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { GridProps } from './Grid.props.cjs';
 import '../../props/background-color.props.cjs';
 import '../../types/css-token-variable.cjs';
@@ -19,8 +19,10 @@ import '../../props/size.props.cjs';
 import '../../props/spacing.props.cjs';
 import '../../props/text-align.props.cjs';
 import '../../props/text-transform.props.cjs';
-import '../../types/component-props.cjs';
 
-declare const Grid: React.ForwardRefExoticComponent<GridProps & React.RefAttributes<HTMLDivElement>>;
+declare const Grid: {
+    (props: GridProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 export { Grid };

package/dist/components/Grid/Grid.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { GridProps } from './Grid.props.js';
 import '../../props/background-color.props.js';
 import '../../types/css-token-variable.js';
@@ -19,8 +19,10 @@ import '../../props/size.props.js';
 import '../../props/spacing.props.js';
 import '../../props/text-align.props.js';
 import '../../props/text-transform.props.js';
-import '../../types/component-props.js';
 
-declare const Grid: React.ForwardRefExoticComponent<GridProps & React.RefAttributes<HTMLDivElement>>;
+declare const Grid: {
+    (props: GridProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 export { Grid };

package/dist/components/Grid/Grid.js

@@ -1,2 +1,2 @@
-"use client";import{a}from"../../chunk-BDENU7YP.js";import"../../chunk-K7BYLULB.js";import"../../chunk-HZKPLNEZ.js";import"../../chunk-JKVDNRMX.js";import"../../chunk-ZWAW5JVJ.js";import"../../chunk-EUTKQ2DV.js";import"../../chunk-E7ZCZZM6.js";import"../../chunk-LFUFY26R.js";import"../../chunk-AFZ3OJUA.js";import"../../chunk-YRAFDQ4S.js";import"../../chunk-CVH5JUML.js";import"../../chunk-HCPOFZ2P.js";import"../../chunk-WRZF2ROD.js";import"../../chunk-FCE2GBBX.js";import"../../chunk-BXITMQY6.js";import"../../chunk-VAINY4OM.js";import"../../chunk-NMHPABLW.js";import"../../chunk-WOH4H47Z.js";import"../../chunk-P3SXCN4J.js";import"../../chunk-4IJEOHER.js";import"../../chunk-BQT7YY2M.js";import"../../chunk-TLHGRJDQ.js";import"../../chunk-JTQWB7E2.js";import"../../chunk-JKIDUQDG.js";import"../../chunk-AJUKXCDS.js";export{a as Grid};
+"use client";import{a}from"../../chunk-SLW4MRYU.js";import"../../chunk-4P2JEL6G.js";import"../../chunk-AFZ3OJUA.js";import"../../chunk-WOH4H47Z.js";import"../../chunk-HZKPLNEZ.js";import"../../chunk-JKVDNRMX.js";import"../../chunk-ZWAW5JVJ.js";import"../../chunk-EUTKQ2DV.js";import"../../chunk-E7ZCZZM6.js";import"../../chunk-LFUFY26R.js";import"../../chunk-YRAFDQ4S.js";import"../../chunk-CVH5JUML.js";import"../../chunk-HCPOFZ2P.js";import"../../chunk-WRZF2ROD.js";import"../../chunk-FCE2GBBX.js";import"../../chunk-BXITMQY6.js";import"../../chunk-VAINY4OM.js";import"../../chunk-NMHPABLW.js";import"../../chunk-P3SXCN4J.js";import"../../chunk-4IJEOHER.js";import"../../chunk-BQT7YY2M.js";import"../../chunk-TLHGRJDQ.js";import"../../chunk-JTQWB7E2.js";import"../../chunk-JKIDUQDG.js";import"../../chunk-AJUKXCDS.js";export{a as Grid};
 //# sourceMappingURL=Grid.js.map

package/dist/components/Grid/Grid.props.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkVLVV2YZ5cjs = require('../../chunk-VLVV2YZ5.cjs');exports.gridPropDefs = _chunkVLVV2YZ5cjs.a;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkLXRPPJ6Xcjs = require('../../chunk-LXRPPJ6X.cjs');exports.gridPropDefs = _chunkLXRPPJ6Xcjs.a;
 //# sourceMappingURL=Grid.props.cjs.map

package/dist/components/Grid/Grid.props.d.cts

@@ -13,12 +13,10 @@ import { SizeProps } from '../../props/size.props.cjs';
 import { SpacingProps } from '../../props/spacing.props.cjs';
 import { TextAlignProps } from '../../props/text-align.props.cjs';
 import { TextTransformProps } from '../../props/text-transform.props.cjs';
-import { ComponentPropsWithout, RemovedProps } from '../../types/component-props.cjs';
 import { Responsive, Union } from '../../types/responsive.cjs';
 import '../../types/css-token-variable.cjs';
 import '../../tokens/space.cjs';
 import '../../types/union.cjs';
-import 'react';
 
 declare const displayValues: readonly ["none", "inline-grid", "grid"];
 declare const columnsValues: readonly ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"];
@@ -89,7 +87,6 @@ declare const gridPropDefs: {
     };
 };
 interface CommonGridProps extends PositionProps, ColorProps, BackgroundColorProps, PaddingProps, MarginProps, GapProps, SpacingProps, SizeProps, BorderProps, BorderColorProps, BorderRadiusProps, GridItemProps, FlexItemProps, TextAlignProps, TextTransformProps {
-    as?: 'div' | 'span';
     /**
      * Change the default rendered element for the one passed as a child, merging their props and behavior.
      */
@@ -111,10 +108,10 @@ interface CommonGridProps extends PositionProps, ColorProps, BackgroundColorProp
 }
 type GridDivProps = {
     as?: 'div';
-} & ComponentPropsWithout<'div', RemovedProps>;
+} & React.ComponentPropsWithRef<'div'>;
 type GridSpanProps = {
     as: 'span';
-} & ComponentPropsWithout<'span', RemovedProps>;
+} & React.ComponentPropsWithRef<'span'>;
 type GridProps = CommonGridProps & (GridSpanProps | GridDivProps);
 
 export { type GridProps, gridPropDefs };

package/dist/components/Grid/Grid.props.d.ts

@@ -13,12 +13,10 @@ import { SizeProps } from '../../props/size.props.js';
 import { SpacingProps } from '../../props/spacing.props.js';
 import { TextAlignProps } from '../../props/text-align.props.js';
 import { TextTransformProps } from '../../props/text-transform.props.js';
-import { ComponentPropsWithout, RemovedProps } from '../../types/component-props.js';
 import { Responsive, Union } from '../../types/responsive.js';
 import '../../types/css-token-variable.js';
 import '../../tokens/space.js';
 import '../../types/union.js';
-import 'react';
 
 declare const displayValues: readonly ["none", "inline-grid", "grid"];
 declare const columnsValues: readonly ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"];
@@ -89,7 +87,6 @@ declare const gridPropDefs: {
     };
 };
 interface CommonGridProps extends PositionProps, ColorProps, BackgroundColorProps, PaddingProps, MarginProps, GapProps, SpacingProps, SizeProps, BorderProps, BorderColorProps, BorderRadiusProps, GridItemProps, FlexItemProps, TextAlignProps, TextTransformProps {
-    as?: 'div' | 'span';
     /**
      * Change the default rendered element for the one passed as a child, merging their props and behavior.
      */
@@ -111,10 +108,10 @@ interface CommonGridProps extends PositionProps, ColorProps, BackgroundColorProp
 }
 type GridDivProps = {
     as?: 'div';
-} & ComponentPropsWithout<'div', RemovedProps>;
+} & React.ComponentPropsWithRef<'div'>;
 type GridSpanProps = {
     as: 'span';
-} & ComponentPropsWithout<'span', RemovedProps>;
+} & React.ComponentPropsWithRef<'span'>;
 type GridProps = CommonGridProps & (GridSpanProps | GridDivProps);
 
 export { type GridProps, gridPropDefs };

package/dist/components/Grid/Grid.props.js

@@ -1,2 +1,2 @@
-import{a}from"../../chunk-K7BYLULB.js";export{a as gridPropDefs};
+import{a}from"../../chunk-4P2JEL6G.js";export{a as gridPropDefs};
 //# sourceMappingURL=Grid.props.js.map

package/dist/components/Heading/Heading.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";var _chunkCXDT6JFHcjs = require('../../chunk-CXDT6JFH.cjs');require('../../chunk-LYALP2SH.cjs');require('../../chunk-3Q4XWRAL.cjs');require('../../chunk-HW74KDL7.cjs');require('../../chunk-6XA5OQRT.cjs');require('../../chunk-UICIKADY.cjs');require('../../chunk-76HQAMKU.cjs');require('../../chunk-4HAN4WSZ.cjs');require('../../chunk-JHPCQWHT.cjs');require('../../chunk-5ENQ4KCV.cjs');require('../../chunk-A4KDLDVY.cjs');require('../../chunk-5AK4QM2G.cjs');require('../../chunk-6MWZLLVG.cjs');require('../../chunk-AURLQ3VG.cjs');exports.Heading = _chunkCXDT6JFHcjs.a;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";var _chunkOCQWWNQVcjs = require('../../chunk-OCQWWNQV.cjs');require('../../chunk-T3JBDWCB.cjs');require('../../chunk-UICIKADY.cjs');require('../../chunk-3Q4XWRAL.cjs');require('../../chunk-HW74KDL7.cjs');require('../../chunk-6XA5OQRT.cjs');require('../../chunk-76HQAMKU.cjs');require('../../chunk-4HAN4WSZ.cjs');require('../../chunk-JHPCQWHT.cjs');require('../../chunk-5ENQ4KCV.cjs');require('../../chunk-A4KDLDVY.cjs');require('../../chunk-5AK4QM2G.cjs');require('../../chunk-6MWZLLVG.cjs');require('../../chunk-AURLQ3VG.cjs');exports.Heading = _chunkOCQWWNQVcjs.a;
 //# sourceMappingURL=Heading.cjs.map

package/dist/components/Heading/Heading.d.cts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { HeadingProps } from './Heading.props.cjs';
 import '../../props/margin.props.cjs';
 import '../../types/css-token-variable.cjs';
@@ -6,8 +6,10 @@ import '../../types/responsive.cjs';
 import '../../props/text-align.props.cjs';
 import '../../props/text-transform.props.cjs';
 import '../../props/text-wrap.props.cjs';
-import '../../types/component-props.cjs';
 
-declare const Heading: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLHeadingElement>>;
+declare const Heading: {
+    ({ size, as: Tag, ...props }: HeadingProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 export { Heading };

package/dist/components/Heading/Heading.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { HeadingProps } from './Heading.props.js';
 import '../../props/margin.props.js';
 import '../../types/css-token-variable.js';
@@ -6,8 +6,10 @@ import '../../types/responsive.js';
 import '../../props/text-align.props.js';
 import '../../props/text-transform.props.js';
 import '../../props/text-wrap.props.js';
-import '../../types/component-props.js';
 
-declare const Heading: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLHeadingElement>>;
+declare const Heading: {
+    ({ size, as: Tag, ...props }: HeadingProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 export { Heading };

package/dist/components/Heading/Heading.js

@@ -1,2 +1,2 @@
-"use client";import{a}from"../../chunk-HCEWY7JO.js";import"../../chunk-63I5YSQU.js";import"../../chunk-VV7AHCQF.js";import"../../chunk-HZKPLNEZ.js";import"../../chunk-LFUFY26R.js";import"../../chunk-AFZ3OJUA.js";import"../../chunk-NMHPABLW.js";import"../../chunk-P3SXCN4J.js";import"../../chunk-4IJEOHER.js";import"../../chunk-BQT7YY2M.js";import"../../chunk-TLHGRJDQ.js";import"../../chunk-JTQWB7E2.js";import"../../chunk-JKIDUQDG.js";import"../../chunk-AJUKXCDS.js";export{a as Heading};
+"use client";import{a}from"../../chunk-UHV5VUDI.js";import"../../chunk-VNGLKILV.js";import"../../chunk-AFZ3OJUA.js";import"../../chunk-VV7AHCQF.js";import"../../chunk-HZKPLNEZ.js";import"../../chunk-LFUFY26R.js";import"../../chunk-NMHPABLW.js";import"../../chunk-P3SXCN4J.js";import"../../chunk-4IJEOHER.js";import"../../chunk-BQT7YY2M.js";import"../../chunk-TLHGRJDQ.js";import"../../chunk-JTQWB7E2.js";import"../../chunk-JKIDUQDG.js";import"../../chunk-AJUKXCDS.js";export{a as Heading};
 //# sourceMappingURL=Heading.js.map

package/dist/components/Heading/Heading.props.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkLYALP2SHcjs = require('../../chunk-LYALP2SH.cjs');exports.headingPropDefs = _chunkLYALP2SHcjs.a;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkT3JBDWCBcjs = require('../../chunk-T3JBDWCB.cjs');exports.headingPropDefs = _chunkT3JBDWCBcjs.a;
 //# sourceMappingURL=Heading.props.cjs.map