@utilitywarehouse/hearth-react 0.0.0

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

@@ -0,0 +1,59 @@
+import { ColorProps } from '../../props/color.props.cjs';
+import { GapProps } from '../../props/gap.props.cjs';
+import { PaddingProps } from '../../props/padding.props.cjs';
+import { SizeProps } from '../../props/size.props.cjs';
+import { ComponentPropsWithout, RemovedProps } from '../../types/component-props.cjs';
+import { Responsive } from '../../types/responsive.cjs';
+import 'react';
+
+declare const displayValues: readonly ["none", "inline-flex", "flex"];
+declare const directionValues: readonly ["row", "column", "row-reverse", "column-reverse"];
+declare const alignValues: readonly ["start", "center", "end", "baseline", "stretch", "space-between", "space-around", "space-evenly"];
+declare const justifyValues: readonly ["start", "center", "end", "between", "space-between", "space-around", "space-evenly"];
+declare const wrapValues: readonly ["nowrap", "wrap", "wrap-reverse"];
+declare const flexPropDefs: {
+    display: {
+        className: string;
+        tokens: readonly ["none", "inline-flex", "flex"];
+        responsive: true;
+    };
+    direction: {
+        className: string;
+        tokens: readonly ["row", "column", "row-reverse", "column-reverse"];
+        responsive: true;
+    };
+    align: {
+        className: string;
+        tokens: readonly ["start", "center", "end", "baseline", "stretch", "space-between", "space-around", "space-evenly"];
+        responsive: true;
+    };
+    justify: {
+        className: string;
+        tokens: readonly ["start", "center", "end", "between", "space-between", "space-around", "space-evenly"];
+        responsive: true;
+    };
+    wrap: {
+        className: string;
+        tokens: readonly ["nowrap", "wrap", "wrap-reverse"];
+        responsive: true;
+    };
+};
+interface CommonFlexProps extends ColorProps, PaddingProps, SizeProps, GapProps {
+    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]>;
+    direction?: Responsive<(typeof directionValues)[number]>;
+    align?: Responsive<(typeof alignValues)[number]>;
+    justify?: Responsive<(typeof justifyValues)[number]>;
+    wrap?: Responsive<(typeof wrapValues)[number]>;
+}
+type FlexDivProps = {
+    as?: 'div';
+} & ComponentPropsWithout<'div', RemovedProps>;
+type FlexSpanProps = {
+    as: 'span';
+} & ComponentPropsWithout<'span', RemovedProps>;
+type FlexProps = CommonFlexProps & (FlexSpanProps | FlexDivProps);
+
+export { type FlexProps, alignValues, directionValues, displayValues, flexPropDefs, justifyValues, wrapValues };

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

@@ -0,0 +1,59 @@
+import { ColorProps } from '../../props/color.props.js';
+import { GapProps } from '../../props/gap.props.js';
+import { PaddingProps } from '../../props/padding.props.js';
+import { SizeProps } from '../../props/size.props.js';
+import { ComponentPropsWithout, RemovedProps } from '../../types/component-props.js';
+import { Responsive } from '../../types/responsive.js';
+import 'react';
+
+declare const displayValues: readonly ["none", "inline-flex", "flex"];
+declare const directionValues: readonly ["row", "column", "row-reverse", "column-reverse"];
+declare const alignValues: readonly ["start", "center", "end", "baseline", "stretch", "space-between", "space-around", "space-evenly"];
+declare const justifyValues: readonly ["start", "center", "end", "between", "space-between", "space-around", "space-evenly"];
+declare const wrapValues: readonly ["nowrap", "wrap", "wrap-reverse"];
+declare const flexPropDefs: {
+    display: {
+        className: string;
+        tokens: readonly ["none", "inline-flex", "flex"];
+        responsive: true;
+    };
+    direction: {
+        className: string;
+        tokens: readonly ["row", "column", "row-reverse", "column-reverse"];
+        responsive: true;
+    };
+    align: {
+        className: string;
+        tokens: readonly ["start", "center", "end", "baseline", "stretch", "space-between", "space-around", "space-evenly"];
+        responsive: true;
+    };
+    justify: {
+        className: string;
+        tokens: readonly ["start", "center", "end", "between", "space-between", "space-around", "space-evenly"];
+        responsive: true;
+    };
+    wrap: {
+        className: string;
+        tokens: readonly ["nowrap", "wrap", "wrap-reverse"];
+        responsive: true;
+    };
+};
+interface CommonFlexProps extends ColorProps, PaddingProps, SizeProps, GapProps {
+    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]>;
+    direction?: Responsive<(typeof directionValues)[number]>;
+    align?: Responsive<(typeof alignValues)[number]>;
+    justify?: Responsive<(typeof justifyValues)[number]>;
+    wrap?: Responsive<(typeof wrapValues)[number]>;
+}
+type FlexDivProps = {
+    as?: 'div';
+} & ComponentPropsWithout<'div', RemovedProps>;
+type FlexSpanProps = {
+    as: 'span';
+} & ComponentPropsWithout<'span', RemovedProps>;
+type FlexProps = CommonFlexProps & (FlexSpanProps | FlexDivProps);
+
+export { type FlexProps, alignValues, directionValues, displayValues, flexPropDefs, justifyValues, wrapValues };

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

@@ -0,0 +1,2 @@
+import{a,b,c,d,e,f}from"../../chunk-THEPS73K.js";export{c as alignValues,b as directionValues,a as displayValues,f as flexPropDefs,d as justifyValues,e as wrapValues};
+//# sourceMappingURL=Flex.props.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/components/Flex/Flex.stories.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunk6KGSKNZCcjs = require('../../chunk-6KGSKNZC.cjs');var _chunkITEBLI43cjs = require('../../chunk-ITEBLI43.cjs');require('../../chunk-52WQFKVL.cjs');require('../../chunk-IYSVQSPG.cjs');require('../../chunk-DJHEPSCN.cjs');var _chunkJLAZMZSLcjs = require('../../chunk-JLAZMZSL.cjs');var _chunkJLH4NZU7cjs = require('../../chunk-JLH4NZU7.cjs');require('../../chunk-RRY2OIRE.cjs');require('../../chunk-UKQ5LR4P.cjs');require('../../chunk-5PHEU2LX.cjs');require('../../chunk-DPWOHAYD.cjs');require('../../chunk-AURLQ3VG.cjs');require('../../chunk-JHPCQWHT.cjs');var _react = require('react'); var _react2 = _interopRequireDefault(_react);var n={title:"Stories / Flex",component:_chunkITEBLI43cjs.a,parameters:{layout:"centered"},argTypes:{children:{control:{type:"text"}},as:{options:["div","span"],control:{type:"radio"}},display:{options:["none","flex","inline-flex"],control:{type:"radio"}},padding:{options:_chunkJLH4NZU7cjs.a,control:{type:"select"}},paddingInline:{options:_chunkJLH4NZU7cjs.a,control:{type:"select"}},paddingBlock:{options:_chunkJLH4NZU7cjs.a,control:{type:"select"}},paddingTop:{options:_chunkJLH4NZU7cjs.a,control:{type:"select"}},paddingRight:{options:_chunkJLH4NZU7cjs.a,control:{type:"select"}},paddingBottom:{options:_chunkJLH4NZU7cjs.a,control:{type:"select"}},paddingLeft:{options:_chunkJLH4NZU7cjs.a,control:{type:"select"}},gap:{options:_chunkJLAZMZSLcjs.a,control:{type:"select"}},width:{control:{type:"text"}},minWidth:{control:{type:"text"}},maxWidth:{control:{type:"text"}},height:{control:{type:"text"}},minHeight:{control:{type:"text"}},maxHeight:{control:{type:"text"}},color:{control:{type:"text"}},backgroundColor:{control:{type:"text"}}},args:{children:"Flex",style:{border:"1px solid rebeccapurple"}}},y= exports.default =n,x= exports.Workshop ={},m= exports.ResponsiveGap ={render:l=>_react2.default.createElement(_chunkITEBLI43cjs.a,{...l},_react2.default.createElement(_chunk6KGSKNZCcjs.a,{className:"uw-sb-Placeholder",width:"400px",height:"100px"}),_react2.default.createElement(_chunk6KGSKNZCcjs.a,{className:"uw-sb-Placeholder",width:"400px",height:"100px"}),_react2.default.createElement(_chunk6KGSKNZCcjs.a,{className:"uw-sb-Placeholder",width:"400px",height:"100px"})),args:{gap:{mobile:"50",tablet:"100",desktop:"200",wide:"400"},children:"",style:{border:"none"},direction:"column"}};exports.ResponsiveGap = m; exports.Workshop = x; exports.default = y;
+//# sourceMappingURL=Flex.stories.cjs.map

package/dist/components/Flex/Flex.stories.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/components/Flex/Flex.stories.cjs","../../../src/components/Flex/Flex.stories.tsx"],"names":["meta","Flex","paddingTokens","gapTokens","Flex_stories_default","Workshop","ResponsiveGap","args","React","Box"],"mappings":"AAAA,qOAA4C,4DAA6C,oCAAiC,oCAAiC,oCAAiC,4DAA6C,4DAA6C,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,4ECE1c,IAMZA,CAAAA,CAA0B,CAC9B,KAAA,CAAO,gBAAA,CACP,SAAA,CAAWC,mBAAAA,CACX,UAAA,CAAY,CAAE,MAAA,CAAQ,UAAW,CAAA,CACjC,QAAA,CAAU,CACR,QAAA,CAAU,CAAE,OAAA,CAAS,CAAE,IAAA,CAAM,MAAO,CAAE,CAAA,CACtC,EAAA,CAAI,CAAE,OAAA,CAAS,CAAC,KAAA,CAAO,MAAM,CAAA,CAAG,OAAA,CAAS,CAAE,IAAA,CAAM,OAAQ,CAAE,CAAA,CAC3D,OAAA,CAAS,CAAE,OAAA,CAAS,CAAC,MAAA,CAAQ,MAAA,CAAQ,aAAa,CAAA,CAAG,OAAA,CAAS,CAAE,IAAA,CAAM,OAAQ,CAAE,CAAA,CAChF,OAAA,CAAS,CAAE,OAAA,CAASC,mBAAAA,CAAe,OAAA,CAAS,CAAE,IAAA,CAAM,QAAS,CAAE,CAAA,CAC/D,aAAA,CAAe,CAAE,OAAA,CAASA,mBAAAA,CAAe,OAAA,CAAS,CAAE,IAAA,CAAM,QAAS,CAAE,CAAA,CACrE,YAAA,CAAc,CAAE,OAAA,CAASA,mBAAAA,CAAe,OAAA,CAAS,CAAE,IAAA,CAAM,QAAS,CAAE,CAAA,CACpE,UAAA,CAAY,CAAE,OAAA,CAASA,mBAAAA,CAAe,OAAA,CAAS,CAAE,IAAA,CAAM,QAAS,CAAE,CAAA,CAClE,YAAA,CAAc,CAAE,OAAA,CAASA,mBAAAA,CAAe,OAAA,CAAS,CAAE,IAAA,CAAM,QAAS,CAAE,CAAA,CACpE,aAAA,CAAe,CAAE,OAAA,CAASA,mBAAAA,CAAe,OAAA,CAAS,CAAE,IAAA,CAAM,QAAS,CAAE,CAAA,CACrE,WAAA,CAAa,CAAE,OAAA,CAASA,mBAAAA,CAAe,OAAA,CAAS,CAAE,IAAA,CAAM,QAAS,CAAE,CAAA,CACnE,GAAA,CAAK,CAAE,OAAA,CAASC,mBAAAA,CAAW,OAAA,CAAS,CAAE,IAAA,CAAM,QAAS,CAAE,CAAA,CACvD,KAAA,CAAO,CAAE,OAAA,CAAS,CAAE,IAAA,CAAM,MAAO,CAAE,CAAA,CACnC,QAAA,CAAU,CAAE,OAAA,CAAS,CAAE,IAAA,CAAM,MAAO,CAAE,CAAA,CACtC,QAAA,CAAU,CAAE,OAAA,CAAS,CAAE,IAAA,CAAM,MAAO,CAAE,CAAA,CACtC,MAAA,CAAQ,CAAE,OAAA,CAAS,CAAE,IAAA,CAAM,MAAO,CAAE,CAAA,CACpC,SAAA,CAAW,CAAE,OAAA,CAAS,CAAE,IAAA,CAAM,MAAO,CAAE,CAAA,CACvC,SAAA,CAAW,CAAE,OAAA,CAAS,CAAE,IAAA,CAAM,MAAO,CAAE,CAAA,CACvC,KAAA,CAAO,CAAE,OAAA,CAAS,CAAE,IAAA,CAAM,MAAO,CAAE,CAAA,CACnC,eAAA,CAAiB,CAAE,OAAA,CAAS,CAAE,IAAA,CAAM,MAAO,CAAE,CAC/C,CAAA,CACA,IAAA,CAAM,CACJ,QAAA,CAAU,MAAA,CACV,KAAA,CAAO,CAAE,MAAA,CAAQ,yBAA0B,CAC7C,CACF,CAAA,CAEOC,CAAAA,mBAAQJ,CAAAA,CAGFK,CAAAA,oBAAkB,CAAC,CAAA,CAEnBC,CAAAA,yBAAuB,CAClC,MAAA,CAAQC,CAAAA,EACNC,eAAAA,CAAA,aAAA,CAACP,mBAAAA,CAAA,CAAM,GAAGM,CAAAA,CAAAA,CACRC,eAAAA,CAAA,aAAA,CAACC,mBAAAA,CAAA,CAAI,SAAA,CAAU,mBAAA,CAAoB,KAAA,CAAM,OAAA,CAAQ,MAAA,CAAO,OAAA,CAAQ,CAAA,CAChED,eAAAA,CAAA,aAAA,CAACC,mBAAAA,CAAA,CAAI,SAAA,CAAU,mBAAA,CAAoB,KAAA,CAAM,OAAA,CAAQ,MAAA,CAAO,OAAA,CAAQ,CAAA,CAChED,eAAAA,CAAA,aAAA,CAACC,mBAAAA,CAAA,CAAI,SAAA,CAAU,mBAAA,CAAoB,KAAA,CAAM,OAAA,CAAQ,MAAA,CAAO,OAAA,CAAQ,CAClE,CAAA,CAEF,IAAA,CAAM,CACJ,GAAA,CAAK,CACH,MAAA,CAAQ,IAAA,CACR,MAAA,CAAQ,KAAA,CACR,OAAA,CAAS,KAAA,CACT,IAAA,CAAM,KACR,CAAA,CACA,QAAA,CAAU,EAAA,CACV,KAAA,CAAO,CAAE,MAAA,CAAQ,MAAO,CAAA,CACxB,SAAA,CAAW,QACb,CACF,CAAA,CAAA,qEAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/components/Flex/Flex.stories.cjs","sourcesContent":[null,"import type { Meta, StoryObj } from '@storybook/react';\nimport { Flex } from './Flex';\nimport React from 'react';\nimport { Box } from '../Box/Box';\nimport { paddingTokens } from '../../props/padding.props';\nimport { gapTokens } from '../../props/gap.props';\n\n// More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export\nconst meta: Meta<typeof Flex> = {\n  title: 'Stories / Flex',\n  component: Flex,\n  parameters: { layout: 'centered' },\n  argTypes: {\n    children: { control: { type: 'text' } },\n    as: { options: ['div', 'span'], control: { type: 'radio' } },\n    display: { options: ['none', 'flex', 'inline-flex'], control: { type: 'radio' } },\n    padding: { options: paddingTokens, control: { type: 'select' } },\n    paddingInline: { options: paddingTokens, control: { type: 'select' } },\n    paddingBlock: { options: paddingTokens, control: { type: 'select' } },\n    paddingTop: { options: paddingTokens, control: { type: 'select' } },\n    paddingRight: { options: paddingTokens, control: { type: 'select' } },\n    paddingBottom: { options: paddingTokens, control: { type: 'select' } },\n    paddingLeft: { options: paddingTokens, control: { type: 'select' } },\n    gap: { options: gapTokens, control: { type: 'select' } },\n    width: { control: { type: 'text' } },\n    minWidth: { control: { type: 'text' } },\n    maxWidth: { control: { type: 'text' } },\n    height: { control: { type: 'text' } },\n    minHeight: { control: { type: 'text' } },\n    maxHeight: { control: { type: 'text' } },\n    color: { control: { type: 'text' } },\n    backgroundColor: { control: { type: 'text' } },\n  },\n  args: {\n    children: 'Flex',\n    style: { border: '1px solid rebeccapurple' },\n  },\n} satisfies Meta<typeof Flex>;\n\nexport default meta;\ntype Story = StoryObj<typeof Flex>;\n\nexport const Workshop: Story = {};\n\nexport const ResponsiveGap: Story = {\n  render: args => (\n    <Flex {...args}>\n      <Box className=\"uw-sb-Placeholder\" width=\"400px\" height=\"100px\" />\n      <Box className=\"uw-sb-Placeholder\" width=\"400px\" height=\"100px\" />\n      <Box className=\"uw-sb-Placeholder\" width=\"400px\" height=\"100px\" />\n    </Flex>\n  ),\n  args: {\n    gap: {\n      mobile: '50',\n      tablet: '100',\n      desktop: '200',\n      wide: '400',\n    },\n    children: '',\n    style: { border: 'none' },\n    direction: 'column',\n  },\n};\n"]}

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

@@ -0,0 +1,18 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Flex } from './Flex.cjs';
+import 'react';
+import './Flex.props.cjs';
+import '../../props/color.props.cjs';
+import '../../props/gap.props.cjs';
+import '../../types/responsive.cjs';
+import '../../props/padding.props.cjs';
+import '../../props/size.props.cjs';
+import '../../types/component-props.cjs';
+
+declare const meta: Meta<typeof Flex>;
+
+type Story = StoryObj<typeof Flex>;
+declare const Workshop: Story;
+declare const ResponsiveGap: Story;
+
+export { ResponsiveGap, Workshop, meta as default };

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

@@ -0,0 +1,18 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Flex } from './Flex.js';
+import 'react';
+import './Flex.props.js';
+import '../../props/color.props.js';
+import '../../props/gap.props.js';
+import '../../types/responsive.js';
+import '../../props/padding.props.js';
+import '../../props/size.props.js';
+import '../../types/component-props.js';
+
+declare const meta: Meta<typeof Flex>;
+
+type Story = StoryObj<typeof Flex>;
+declare const Workshop: Story;
+declare const ResponsiveGap: Story;
+
+export { ResponsiveGap, Workshop, meta as default };

package/dist/components/Flex/Flex.stories.js

@@ -0,0 +1,2 @@
+import{a as o}from"../../chunk-CK6SNGZR.js";import{a as p}from"../../chunk-NHLSKOMC.js";import"../../chunk-THEPS73K.js";import"../../chunk-EUTKQ2DV.js";import"../../chunk-VOP5EEZY.js";import{a as r}from"../../chunk-7HAAPCMM.js";import{a as t}from"../../chunk-JFGNCCOY.js";import"../../chunk-6KSHJIV6.js";import"../../chunk-BB3ZYDDF.js";import"../../chunk-B2Z6W4M6.js";import"../../chunk-FSK5FGWM.js";import"../../chunk-AJUKXCDS.js";import"../../chunk-4IJEOHER.js";import e from"react";var n={title:"Stories / Flex",component:p,parameters:{layout:"centered"},argTypes:{children:{control:{type:"text"}},as:{options:["div","span"],control:{type:"radio"}},display:{options:["none","flex","inline-flex"],control:{type:"radio"}},padding:{options:t,control:{type:"select"}},paddingInline:{options:t,control:{type:"select"}},paddingBlock:{options:t,control:{type:"select"}},paddingTop:{options:t,control:{type:"select"}},paddingRight:{options:t,control:{type:"select"}},paddingBottom:{options:t,control:{type:"select"}},paddingLeft:{options:t,control:{type:"select"}},gap:{options:r,control:{type:"select"}},width:{control:{type:"text"}},minWidth:{control:{type:"text"}},maxWidth:{control:{type:"text"}},height:{control:{type:"text"}},minHeight:{control:{type:"text"}},maxHeight:{control:{type:"text"}},color:{control:{type:"text"}},backgroundColor:{control:{type:"text"}}},args:{children:"Flex",style:{border:"1px solid rebeccapurple"}}},y=n,x={},m={render:l=>e.createElement(p,{...l},e.createElement(o,{className:"uw-sb-Placeholder",width:"400px",height:"100px"}),e.createElement(o,{className:"uw-sb-Placeholder",width:"400px",height:"100px"}),e.createElement(o,{className:"uw-sb-Placeholder",width:"400px",height:"100px"})),args:{gap:{mobile:"50",tablet:"100",desktop:"200",wide:"400"},children:"",style:{border:"none"},direction:"column"}};export{m as ResponsiveGap,x as Workshop,y as default};
+//# sourceMappingURL=Flex.stories.js.map

package/dist/components/Flex/Flex.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Flex/Flex.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react';\nimport { Flex } from './Flex';\nimport React from 'react';\nimport { Box } from '../Box/Box';\nimport { paddingTokens } from '../../props/padding.props';\nimport { gapTokens } from '../../props/gap.props';\n\n// More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export\nconst meta: Meta<typeof Flex> = {\n  title: 'Stories / Flex',\n  component: Flex,\n  parameters: { layout: 'centered' },\n  argTypes: {\n    children: { control: { type: 'text' } },\n    as: { options: ['div', 'span'], control: { type: 'radio' } },\n    display: { options: ['none', 'flex', 'inline-flex'], control: { type: 'radio' } },\n    padding: { options: paddingTokens, control: { type: 'select' } },\n    paddingInline: { options: paddingTokens, control: { type: 'select' } },\n    paddingBlock: { options: paddingTokens, control: { type: 'select' } },\n    paddingTop: { options: paddingTokens, control: { type: 'select' } },\n    paddingRight: { options: paddingTokens, control: { type: 'select' } },\n    paddingBottom: { options: paddingTokens, control: { type: 'select' } },\n    paddingLeft: { options: paddingTokens, control: { type: 'select' } },\n    gap: { options: gapTokens, control: { type: 'select' } },\n    width: { control: { type: 'text' } },\n    minWidth: { control: { type: 'text' } },\n    maxWidth: { control: { type: 'text' } },\n    height: { control: { type: 'text' } },\n    minHeight: { control: { type: 'text' } },\n    maxHeight: { control: { type: 'text' } },\n    color: { control: { type: 'text' } },\n    backgroundColor: { control: { type: 'text' } },\n  },\n  args: {\n    children: 'Flex',\n    style: { border: '1px solid rebeccapurple' },\n  },\n} satisfies Meta<typeof Flex>;\n\nexport default meta;\ntype Story = StoryObj<typeof Flex>;\n\nexport const Workshop: Story = {};\n\nexport const ResponsiveGap: Story = {\n  render: args => (\n    <Flex {...args}>\n      <Box className=\"uw-sb-Placeholder\" width=\"400px\" height=\"100px\" />\n      <Box className=\"uw-sb-Placeholder\" width=\"400px\" height=\"100px\" />\n      <Box className=\"uw-sb-Placeholder\" width=\"400px\" height=\"100px\" />\n    </Flex>\n  ),\n  args: {\n    gap: {\n      mobile: '50',\n      tablet: '100',\n      desktop: '200',\n      wide: '400',\n    },\n    children: '',\n    style: { border: 'none' },\n    direction: 'column',\n  },\n};\n"],"mappings":"gdAEA,OAAOA,MAAW,QAMlB,IAAMC,EAA0B,CAC9B,MAAO,iBACP,UAAWC,EACX,WAAY,CAAE,OAAQ,UAAW,EACjC,SAAU,CACR,SAAU,CAAE,QAAS,CAAE,KAAM,MAAO,CAAE,EACtC,GAAI,CAAE,QAAS,CAAC,MAAO,MAAM,EAAG,QAAS,CAAE,KAAM,OAAQ,CAAE,EAC3D,QAAS,CAAE,QAAS,CAAC,OAAQ,OAAQ,aAAa,EAAG,QAAS,CAAE,KAAM,OAAQ,CAAE,EAChF,QAAS,CAAE,QAASC,EAAe,QAAS,CAAE,KAAM,QAAS,CAAE,EAC/D,cAAe,CAAE,QAASA,EAAe,QAAS,CAAE,KAAM,QAAS,CAAE,EACrE,aAAc,CAAE,QAASA,EAAe,QAAS,CAAE,KAAM,QAAS,CAAE,EACpE,WAAY,CAAE,QAASA,EAAe,QAAS,CAAE,KAAM,QAAS,CAAE,EAClE,aAAc,CAAE,QAASA,EAAe,QAAS,CAAE,KAAM,QAAS,CAAE,EACpE,cAAe,CAAE,QAASA,EAAe,QAAS,CAAE,KAAM,QAAS,CAAE,EACrE,YAAa,CAAE,QAASA,EAAe,QAAS,CAAE,KAAM,QAAS,CAAE,EACnE,IAAK,CAAE,QAASC,EAAW,QAAS,CAAE,KAAM,QAAS,CAAE,EACvD,MAAO,CAAE,QAAS,CAAE,KAAM,MAAO,CAAE,EACnC,SAAU,CAAE,QAAS,CAAE,KAAM,MAAO,CAAE,EACtC,SAAU,CAAE,QAAS,CAAE,KAAM,MAAO,CAAE,EACtC,OAAQ,CAAE,QAAS,CAAE,KAAM,MAAO,CAAE,EACpC,UAAW,CAAE,QAAS,CAAE,KAAM,MAAO,CAAE,EACvC,UAAW,CAAE,QAAS,CAAE,KAAM,MAAO,CAAE,EACvC,MAAO,CAAE,QAAS,CAAE,KAAM,MAAO,CAAE,EACnC,gBAAiB,CAAE,QAAS,CAAE,KAAM,MAAO,CAAE,CAC/C,EACA,KAAM,CACJ,SAAU,OACV,MAAO,CAAE,OAAQ,yBAA0B,CAC7C,CACF,EAEOC,EAAQJ,EAGFK,EAAkB,CAAC,EAEnBC,EAAuB,CAClC,OAAQC,GACNC,EAAA,cAACP,EAAA,CAAM,GAAGM,GACRC,EAAA,cAACC,EAAA,CAAI,UAAU,oBAAoB,MAAM,QAAQ,OAAO,QAAQ,EAChED,EAAA,cAACC,EAAA,CAAI,UAAU,oBAAoB,MAAM,QAAQ,OAAO,QAAQ,EAChED,EAAA,cAACC,EAAA,CAAI,UAAU,oBAAoB,MAAM,QAAQ,OAAO,QAAQ,CAClE,EAEF,KAAM,CACJ,IAAK,CACH,OAAQ,KACR,OAAQ,MACR,QAAS,MACT,KAAM,KACR,EACA,SAAU,GACV,MAAO,CAAE,OAAQ,MAAO,EACxB,UAAW,QACb,CACF","names":["React","meta","Flex","paddingTokens","gapTokens","Flex_stories_default","Workshop","ResponsiveGap","args","React","Box"]}

package/dist/components/FormFieldGroup/FormFieldGroup.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkV764G3P3cjs = require('../../chunk-V764G3P3.cjs');require('../../chunk-KUVJA5EA.cjs');require('../../chunk-2RMIQGC2.cjs');require('../../chunk-6YPEQ4NS.cjs');require('../../chunk-RNI77PJE.cjs');require('../../chunk-2RXCALFU.cjs');require('../../chunk-ITEBLI43.cjs');require('../../chunk-52WQFKVL.cjs');require('../../chunk-IYSVQSPG.cjs');require('../../chunk-DJHEPSCN.cjs');require('../../chunk-JLAZMZSL.cjs');require('../../chunk-JLH4NZU7.cjs');require('../../chunk-H4TBSJ2Y.cjs');require('../../chunk-RRY2OIRE.cjs');require('../../chunk-UKQ5LR4P.cjs');require('../../chunk-5PHEU2LX.cjs');require('../../chunk-DPWOHAYD.cjs');require('../../chunk-AURLQ3VG.cjs');require('../../chunk-DSW76HKT.cjs');require('../../chunk-JHPCQWHT.cjs');exports.FormFieldGroup = _chunkV764G3P3cjs.a;
+//# sourceMappingURL=FormFieldGroup.cjs.map

package/dist/components/FormFieldGroup/FormFieldGroup.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/components/FormFieldGroup/FormFieldGroup.cjs"],"names":[],"mappings":"AAAA,qIAAuC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,6CAA4B","file":"/home/runner/work/hearth/hearth/packages/react/dist/components/FormFieldGroup/FormFieldGroup.cjs"}

package/dist/components/FormFieldGroup/FormFieldGroup.context.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkRNI77PJEcjs = require('../../chunk-RNI77PJE.cjs');exports.FormFieldGroupContext = _chunkRNI77PJEcjs.a; exports.FormFieldGroupProvider = _chunkRNI77PJEcjs.b; exports.useFormFieldGroup = _chunkRNI77PJEcjs.c;
+//# sourceMappingURL=FormFieldGroup.context.cjs.map

package/dist/components/FormFieldGroup/FormFieldGroup.context.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/components/FormFieldGroup/FormFieldGroup.context.cjs"],"names":[],"mappings":"AAAA,qIAA2C,2JAAsF","file":"/home/runner/work/hearth/hearth/packages/react/dist/components/FormFieldGroup/FormFieldGroup.context.cjs"}

package/dist/components/FormFieldGroup/FormFieldGroup.context.d.cts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+
+type FormFieldGroupContextValue = {
+    hasGroupHelperText: boolean;
+    'aria-describedby'?: string;
+};
+declare const FormFieldGroupContext: React.Context<FormFieldGroupContextValue>;
+declare const FormFieldGroupProvider: React.Provider<FormFieldGroupContextValue>;
+declare const useFormFieldGroup: () => FormFieldGroupContextValue;
+
+export { FormFieldGroupContext, type FormFieldGroupContextValue, FormFieldGroupProvider, useFormFieldGroup };

package/dist/components/FormFieldGroup/FormFieldGroup.context.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+
+type FormFieldGroupContextValue = {
+    hasGroupHelperText: boolean;
+    'aria-describedby'?: string;
+};
+declare const FormFieldGroupContext: React.Context<FormFieldGroupContextValue>;
+declare const FormFieldGroupProvider: React.Provider<FormFieldGroupContextValue>;
+declare const useFormFieldGroup: () => FormFieldGroupContextValue;
+
+export { FormFieldGroupContext, type FormFieldGroupContextValue, FormFieldGroupProvider, useFormFieldGroup };

package/dist/components/FormFieldGroup/FormFieldGroup.context.js

@@ -0,0 +1,2 @@
+import{a,b,c}from"../../chunk-HMTIVDG5.js";export{a as FormFieldGroupContext,b as FormFieldGroupProvider,c as useFormFieldGroup};
+//# sourceMappingURL=FormFieldGroup.context.js.map

package/dist/components/FormFieldGroup/FormFieldGroup.context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/components/FormFieldGroup/FormFieldGroup.d.cts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { FormFieldGroupProps } from './FormFieldGroup.props.cjs';
+import '../Fieldset/Fieldset.props.cjs';
+import '../../types/component-props.cjs';
+
+/**
+ * The `FormFieldGroup` component should be used to group related form inputs.
+ * It renders an HTML `fieldset` and is responsible for handling the value,
+ * label, helper text, error state, error message, and disabled state.
+ */
+declare const FormFieldGroup: React.ForwardRefExoticComponent<FormFieldGroupProps & React.RefAttributes<HTMLFieldSetElement>>;
+
+export { FormFieldGroup };

package/dist/components/FormFieldGroup/FormFieldGroup.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { FormFieldGroupProps } from './FormFieldGroup.props.js';
+import '../Fieldset/Fieldset.props.js';
+import '../../types/component-props.js';
+
+/**
+ * The `FormFieldGroup` component should be used to group related form inputs.
+ * It renders an HTML `fieldset` and is responsible for handling the value,
+ * label, helper text, error state, error message, and disabled state.
+ */
+declare const FormFieldGroup: React.ForwardRefExoticComponent<FormFieldGroupProps & React.RefAttributes<HTMLFieldSetElement>>;
+
+export { FormFieldGroup };

package/dist/components/FormFieldGroup/FormFieldGroup.js

@@ -0,0 +1,2 @@
+import{a}from"../../chunk-FHYU6IWA.js";import"../../chunk-NO7XNHS3.js";import"../../chunk-X2APXILX.js";import"../../chunk-S35UBSDU.js";import"../../chunk-HMTIVDG5.js";import"../../chunk-D4TV6FFN.js";import"../../chunk-NHLSKOMC.js";import"../../chunk-THEPS73K.js";import"../../chunk-EUTKQ2DV.js";import"../../chunk-VOP5EEZY.js";import"../../chunk-7HAAPCMM.js";import"../../chunk-JFGNCCOY.js";import"../../chunk-QOOUH3JB.js";import"../../chunk-6KSHJIV6.js";import"../../chunk-BB3ZYDDF.js";import"../../chunk-B2Z6W4M6.js";import"../../chunk-FSK5FGWM.js";import"../../chunk-AJUKXCDS.js";import"../../chunk-DVGYWBKQ.js";import"../../chunk-4IJEOHER.js";export{a as FormFieldGroup};
+//# sourceMappingURL=FormFieldGroup.js.map

package/dist/components/FormFieldGroup/FormFieldGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/components/FormFieldGroup/FormFieldGroup.props.cjs

@@ -0,0 +1 @@
+"use strict";//# sourceMappingURL=FormFieldGroup.props.cjs.map

package/dist/components/FormFieldGroup/FormFieldGroup.props.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/components/FormFieldGroup/FormFieldGroup.props.cjs"],"names":[],"mappings":"AAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/components/FormFieldGroup/FormFieldGroup.props.cjs"}

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

@@ -0,0 +1,36 @@
+import { ReactNode } from 'react';
+import { FieldsetProps } from '../Fieldset/Fieldset.props.cjs';
+import '../../types/component-props.cjs';
+
+interface FormFieldGroupProps extends FieldsetProps {
+    /**
+     * The label for the formfield group. This should contain the question being
+     * answered by the formfield group.
+     *
+     * If you don't include a label you need to ensure you use the `aria-label`
+     * or `aria-labelledby` prop to properly associate a label with the formfield
+     * group.
+     */
+    label?: ReactNode;
+    /**
+     * Helper text for the formfield group. Provides a hint such as specific
+     * requirements for what to choose. When displayed, child
+     * components should not display their own `helperText`.
+     */
+    helperText?: ReactNode;
+    /**
+     * Position of the helper text.
+     * @default 'top'
+     */
+    helperTextPosition?: 'top' | 'bottom';
+    /** Set whether to display the helper text icon. */
+    showHelperTextIcon?: boolean;
+    /** Controls whether the error message is displayed. */
+    error?: boolean;
+    /** The error message to be displayed. */
+    errorMessage?: ReactNode;
+    /** Set whether to display the error message icon. */
+    showErrorMessageIcon?: boolean;
+}
+
+export type { FormFieldGroupProps };

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

@@ -0,0 +1,36 @@
+import { ReactNode } from 'react';
+import { FieldsetProps } from '../Fieldset/Fieldset.props.js';
+import '../../types/component-props.js';
+
+interface FormFieldGroupProps extends FieldsetProps {
+    /**
+     * The label for the formfield group. This should contain the question being
+     * answered by the formfield group.
+     *
+     * If you don't include a label you need to ensure you use the `aria-label`
+     * or `aria-labelledby` prop to properly associate a label with the formfield
+     * group.
+     */
+    label?: ReactNode;
+    /**
+     * Helper text for the formfield group. Provides a hint such as specific
+     * requirements for what to choose. When displayed, child
+     * components should not display their own `helperText`.
+     */
+    helperText?: ReactNode;
+    /**
+     * Position of the helper text.
+     * @default 'top'
+     */
+    helperTextPosition?: 'top' | 'bottom';
+    /** Set whether to display the helper text icon. */
+    showHelperTextIcon?: boolean;
+    /** Controls whether the error message is displayed. */
+    error?: boolean;
+    /** The error message to be displayed. */
+    errorMessage?: ReactNode;
+    /** Set whether to display the error message icon. */
+    showErrorMessageIcon?: boolean;
+}
+
+export type { FormFieldGroupProps };

package/dist/components/FormFieldGroup/FormFieldGroup.props.js

@@ -0,0 +1 @@
+//# sourceMappingURL=FormFieldGroup.props.js.map

package/dist/components/FormFieldGroup/FormFieldGroup.props.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/components/FormFieldGroup/FormFieldGroup.stories.cjs

@@ -0,0 +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; } }var _chunkV764G3P3cjs = require('../../chunk-V764G3P3.cjs');require('../../chunk-KUVJA5EA.cjs');require('../../chunk-2RMIQGC2.cjs');require('../../chunk-6YPEQ4NS.cjs');require('../../chunk-RNI77PJE.cjs');require('../../chunk-2RXCALFU.cjs');var _chunk6KGSKNZCcjs = require('../../chunk-6KGSKNZC.cjs');require('../../chunk-ITEBLI43.cjs');require('../../chunk-52WQFKVL.cjs');require('../../chunk-IYSVQSPG.cjs');require('../../chunk-DJHEPSCN.cjs');require('../../chunk-JLAZMZSL.cjs');require('../../chunk-JLH4NZU7.cjs');require('../../chunk-H4TBSJ2Y.cjs');require('../../chunk-RRY2OIRE.cjs');require('../../chunk-UKQ5LR4P.cjs');require('../../chunk-5PHEU2LX.cjs');require('../../chunk-DPWOHAYD.cjs');require('../../chunk-AURLQ3VG.cjs');require('../../chunk-DSW76HKT.cjs');require('../../chunk-JHPCQWHT.cjs');var _react = require('react'); var o = _interopRequireWildcard(_react);var l={title:"Stories / FormFieldGroup",component:_chunkV764G3P3cjs.a,argTypes:{helperText:{control:{type:"text"}},helperTextPosition:{options:["top","bottom"],control:{type:"radio"}},showHelperTextIcon:{control:{type:"boolean"}},label:{control:{type:"text"}},error:{control:{type:"boolean"}},errorMessage:{control:{type:"text"}},showErrorMessageIcon:{control:{type:"boolean"}},disabled:{control:{type:"boolean"}}},args:{label:"Label",disabled:!1,helperText:"Helper text",helperTextPosition:"top",showHelperTextIcon:!1,error:!1,errorMessage:"There is an error",showErrorMessageIcon:!0}},a= exports.default =l,n= exports.Workshop ={render:t=>o.createElement(_chunkV764G3P3cjs.a,{...t},o.createElement(_chunk6KGSKNZCcjs.a,{className:"uw-sb-Placeholder",height:"100px",width:"300px"}))};exports.Workshop = n; exports.default = a;
+//# sourceMappingURL=FormFieldGroup.stories.cjs.map

package/dist/components/FormFieldGroup/FormFieldGroup.stories.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/components/FormFieldGroup/FormFieldGroup.stories.cjs","../../../src/components/FormFieldGroup/FormFieldGroup.stories.tsx"],"names":["meta","FormFieldGroup","FormFieldGroup_stories_default","Workshop","args","Box"],"mappings":"AAAA,uZAA4C,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,4DAA6C,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,uECArrB,IAOjBA,CAAAA,CAAoC,CACxC,KAAA,CAAO,0BAAA,CACP,SAAA,CAAWC,mBAAAA,CACX,QAAA,CAAU,CACR,UAAA,CAAY,CAAE,OAAA,CAAS,CAAE,IAAA,CAAM,MAAO,CAAE,CAAA,CACxC,kBAAA,CAAoB,CAAE,OAAA,CAAS,CAAC,KAAA,CAAO,QAAQ,CAAA,CAAG,OAAA,CAAS,CAAE,IAAA,CAAM,OAAQ,CAAE,CAAA,CAC7E,kBAAA,CAAoB,CAAE,OAAA,CAAS,CAAE,IAAA,CAAM,SAAU,CAAE,CAAA,CACnD,KAAA,CAAO,CAAE,OAAA,CAAS,CAAE,IAAA,CAAM,MAAO,CAAE,CAAA,CACnC,KAAA,CAAO,CAAE,OAAA,CAAS,CAAE,IAAA,CAAM,SAAU,CAAE,CAAA,CACtC,YAAA,CAAc,CAAE,OAAA,CAAS,CAAE,IAAA,CAAM,MAAO,CAAE,CAAA,CAC1C,oBAAA,CAAsB,CAAE,OAAA,CAAS,CAAE,IAAA,CAAM,SAAU,CAAE,CAAA,CACrD,QAAA,CAAU,CAAE,OAAA,CAAS,CAAE,IAAA,CAAM,SAAU,CAAE,CAC3C,CAAA,CACA,IAAA,CAAM,CACJ,KAAA,CAAO,OAAA,CACP,QAAA,CAAU,CAAA,CAAA,CACV,UAAA,CAAY,aAAA,CACZ,kBAAA,CAAoB,KAAA,CACpB,kBAAA,CAAoB,CAAA,CAAA,CACpB,KAAA,CAAO,CAAA,CAAA,CACP,YAAA,CAAc,mBAAA,CACd,oBAAA,CAAsB,CAAA,CACxB,CACF,CAAA,CAEOC,CAAAA,mBAAQF,CAAAA,CAGFG,CAAAA,oBAAkB,CAC7B,MAAA,CAAQC,CAAAA,EAEJ,CAAA,CAAA,aAAA,CAACH,mBAAAA,CAAA,CAAgB,GAAGG,CAAAA,CAAAA,CAClB,CAAA,CAAA,aAAA,CAACC,mBAAAA,CAAA,CAAI,SAAA,CAAU,mBAAA,CAAoB,MAAA,CAAO,OAAA,CAAQ,KAAA,CAAM,OAAA,CAAQ,CAClE,CAGN,CAAA,CAAA,0CAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/components/FormFieldGroup/FormFieldGroup.stories.cjs","sourcesContent":[null,"import * as React from 'react';\n\nimport type { Meta, StoryObj } from '@storybook/react';\n\nimport { FormFieldGroup } from './FormFieldGroup';\nimport { Box } from '../Box/Box';\n\nconst meta: Meta<typeof FormFieldGroup> = {\n  title: 'Stories / FormFieldGroup',\n  component: FormFieldGroup,\n  argTypes: {\n    helperText: { control: { type: 'text' } },\n    helperTextPosition: { options: ['top', 'bottom'], control: { type: 'radio' } },\n    showHelperTextIcon: { control: { type: 'boolean' } },\n    label: { control: { type: 'text' } },\n    error: { control: { type: 'boolean' } },\n    errorMessage: { control: { type: 'text' } },\n    showErrorMessageIcon: { control: { type: 'boolean' } },\n    disabled: { control: { type: 'boolean' } },\n  },\n  args: {\n    label: 'Label',\n    disabled: false,\n    helperText: 'Helper text',\n    helperTextPosition: 'top',\n    showHelperTextIcon: false,\n    error: false,\n    errorMessage: 'There is an error',\n    showErrorMessageIcon: true,\n  },\n};\n\nexport default meta;\ntype Story = StoryObj<typeof FormFieldGroup>;\n\nexport const Workshop: Story = {\n  render: args => {\n    return (\n      <FormFieldGroup {...args}>\n        <Box className=\"uw-sb-Placeholder\" height=\"100px\" width=\"300px\" />\n      </FormFieldGroup>\n    );\n  },\n};\n"]}

package/dist/components/FormFieldGroup/FormFieldGroup.stories.d.cts

@@ -0,0 +1,13 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { FormFieldGroup } from './FormFieldGroup.cjs';
+import 'react';
+import './FormFieldGroup.props.cjs';
+import '../Fieldset/Fieldset.props.cjs';
+import '../../types/component-props.cjs';
+
+declare const meta: Meta<typeof FormFieldGroup>;
+
+type Story = StoryObj<typeof FormFieldGroup>;
+declare const Workshop: Story;
+
+export { Workshop, meta as default };

package/dist/components/FormFieldGroup/FormFieldGroup.stories.d.ts

@@ -0,0 +1,13 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { FormFieldGroup } from './FormFieldGroup.js';
+import 'react';
+import './FormFieldGroup.props.js';
+import '../Fieldset/Fieldset.props.js';
+import '../../types/component-props.js';
+
+declare const meta: Meta<typeof FormFieldGroup>;
+
+type Story = StoryObj<typeof FormFieldGroup>;
+declare const Workshop: Story;
+
+export { Workshop, meta as default };

package/dist/components/FormFieldGroup/FormFieldGroup.stories.js

@@ -0,0 +1,2 @@
+import{a as e}from"../../chunk-FHYU6IWA.js";import"../../chunk-NO7XNHS3.js";import"../../chunk-X2APXILX.js";import"../../chunk-S35UBSDU.js";import"../../chunk-HMTIVDG5.js";import"../../chunk-D4TV6FFN.js";import{a as r}from"../../chunk-CK6SNGZR.js";import"../../chunk-NHLSKOMC.js";import"../../chunk-THEPS73K.js";import"../../chunk-EUTKQ2DV.js";import"../../chunk-VOP5EEZY.js";import"../../chunk-7HAAPCMM.js";import"../../chunk-JFGNCCOY.js";import"../../chunk-QOOUH3JB.js";import"../../chunk-6KSHJIV6.js";import"../../chunk-BB3ZYDDF.js";import"../../chunk-B2Z6W4M6.js";import"../../chunk-FSK5FGWM.js";import"../../chunk-AJUKXCDS.js";import"../../chunk-DVGYWBKQ.js";import"../../chunk-4IJEOHER.js";import*as o from"react";var l={title:"Stories / FormFieldGroup",component:e,argTypes:{helperText:{control:{type:"text"}},helperTextPosition:{options:["top","bottom"],control:{type:"radio"}},showHelperTextIcon:{control:{type:"boolean"}},label:{control:{type:"text"}},error:{control:{type:"boolean"}},errorMessage:{control:{type:"text"}},showErrorMessageIcon:{control:{type:"boolean"}},disabled:{control:{type:"boolean"}}},args:{label:"Label",disabled:!1,helperText:"Helper text",helperTextPosition:"top",showHelperTextIcon:!1,error:!1,errorMessage:"There is an error",showErrorMessageIcon:!0}},a=l,n={render:t=>o.createElement(e,{...t},o.createElement(r,{className:"uw-sb-Placeholder",height:"100px",width:"300px"}))};export{n as Workshop,a as default};
+//# sourceMappingURL=FormFieldGroup.stories.js.map

package/dist/components/FormFieldGroup/FormFieldGroup.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/FormFieldGroup/FormFieldGroup.stories.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { Meta, StoryObj } from '@storybook/react';\n\nimport { FormFieldGroup } from './FormFieldGroup';\nimport { Box } from '../Box/Box';\n\nconst meta: Meta<typeof FormFieldGroup> = {\n  title: 'Stories / FormFieldGroup',\n  component: FormFieldGroup,\n  argTypes: {\n    helperText: { control: { type: 'text' } },\n    helperTextPosition: { options: ['top', 'bottom'], control: { type: 'radio' } },\n    showHelperTextIcon: { control: { type: 'boolean' } },\n    label: { control: { type: 'text' } },\n    error: { control: { type: 'boolean' } },\n    errorMessage: { control: { type: 'text' } },\n    showErrorMessageIcon: { control: { type: 'boolean' } },\n    disabled: { control: { type: 'boolean' } },\n  },\n  args: {\n    label: 'Label',\n    disabled: false,\n    helperText: 'Helper text',\n    helperTextPosition: 'top',\n    showHelperTextIcon: false,\n    error: false,\n    errorMessage: 'There is an error',\n    showErrorMessageIcon: true,\n  },\n};\n\nexport default meta;\ntype Story = StoryObj<typeof FormFieldGroup>;\n\nexport const Workshop: Story = {\n  render: args => {\n    return (\n      <FormFieldGroup {...args}>\n        <Box className=\"uw-sb-Placeholder\" height=\"100px\" width=\"300px\" />\n      </FormFieldGroup>\n    );\n  },\n};\n"],"mappings":"wrBAAA,UAAYA,MAAW,QAOvB,IAAMC,EAAoC,CACxC,MAAO,2BACP,UAAWC,EACX,SAAU,CACR,WAAY,CAAE,QAAS,CAAE,KAAM,MAAO,CAAE,EACxC,mBAAoB,CAAE,QAAS,CAAC,MAAO,QAAQ,EAAG,QAAS,CAAE,KAAM,OAAQ,CAAE,EAC7E,mBAAoB,CAAE,QAAS,CAAE,KAAM,SAAU,CAAE,EACnD,MAAO,CAAE,QAAS,CAAE,KAAM,MAAO,CAAE,EACnC,MAAO,CAAE,QAAS,CAAE,KAAM,SAAU,CAAE,EACtC,aAAc,CAAE,QAAS,CAAE,KAAM,MAAO,CAAE,EAC1C,qBAAsB,CAAE,QAAS,CAAE,KAAM,SAAU,CAAE,EACrD,SAAU,CAAE,QAAS,CAAE,KAAM,SAAU,CAAE,CAC3C,EACA,KAAM,CACJ,MAAO,QACP,SAAU,GACV,WAAY,cACZ,mBAAoB,MACpB,mBAAoB,GACpB,MAAO,GACP,aAAc,oBACd,qBAAsB,EACxB,CACF,EAEOC,EAAQF,EAGFG,EAAkB,CAC7B,OAAQC,GAEJ,gBAACH,EAAA,CAAgB,GAAGG,GAClB,gBAACC,EAAA,CAAI,UAAU,oBAAoB,OAAO,QAAQ,MAAM,QAAQ,CAClE,CAGN","names":["React","meta","FormFieldGroup","FormFieldGroup_stories_default","Workshop","args","Box"]}

package/dist/components/Heading/Heading.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkQEYJGYXYcjs = require('../../chunk-QEYJGYXY.cjs');require('../../chunk-LIUK2QUP.cjs');require('../../chunk-TWBYN67Y.cjs');require('../../chunk-RRY2OIRE.cjs');require('../../chunk-UKQ5LR4P.cjs');require('../../chunk-5PHEU2LX.cjs');require('../../chunk-DPWOHAYD.cjs');require('../../chunk-AURLQ3VG.cjs');require('../../chunk-JHPCQWHT.cjs');exports.Heading = _chunkQEYJGYXYcjs.a;
+//# sourceMappingURL=Heading.cjs.map

package/dist/components/Heading/Heading.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/components/Heading/Heading.cjs"],"names":[],"mappings":"AAAA,qIAAuC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,sCAAqB","file":"/home/runner/work/hearth/hearth/packages/react/dist/components/Heading/Heading.cjs"}

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

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { HeadingProps } from './Heading.props.cjs';
+import '../../props/text-align.props.cjs';
+import '../../types/responsive.cjs';
+import '../../types/component-props.cjs';
+
+declare const Heading: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLHeadingElement>>;
+
+export { Heading };

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

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { HeadingProps } from './Heading.props.js';
+import '../../props/text-align.props.js';
+import '../../types/responsive.js';
+import '../../types/component-props.js';
+
+declare const Heading: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLHeadingElement>>;
+
+export { Heading };

package/dist/components/Heading/Heading.js

@@ -0,0 +1,2 @@
+import{a}from"../../chunk-HAL3QGEC.js";import"../../chunk-JYGJOFRB.js";import"../../chunk-55UJSOEX.js";import"../../chunk-6KSHJIV6.js";import"../../chunk-BB3ZYDDF.js";import"../../chunk-B2Z6W4M6.js";import"../../chunk-FSK5FGWM.js";import"../../chunk-AJUKXCDS.js";import"../../chunk-4IJEOHER.js";export{a as Heading};
+//# sourceMappingURL=Heading.js.map

package/dist/components/Heading/Heading.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/components/Heading/Heading.props.cjs"],"names":[],"mappings":"AAAA,qIAAuC,8CAA6B","file":"/home/runner/work/hearth/hearth/packages/react/dist/components/Heading/Heading.props.cjs"}

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

@@ -0,0 +1,54 @@
+import { TextAlignProps } from '../../props/text-align.props.cjs';
+import { ComponentPropsWithout, RemovedProps } from '../../types/component-props.cjs';
+import { Responsive } from '../../types/responsive.cjs';
+import 'react';
+
+declare const weights: readonly ["regular", "bold"];
+declare const variants: readonly ["displayHeading", "h1", "h2", "h3", "h4"];
+declare const headingPropDefs: {
+    weight: {
+        className: string;
+        tokens: readonly ["regular", "bold"];
+        responsive: true;
+        default: string;
+    };
+    variant: {
+        className: string;
+        tokens: readonly ["displayHeading", "h1", "h2", "h3", "h4"];
+        responsive: false;
+        default: string;
+    };
+    color: {
+        className: string;
+        responsive: false;
+    };
+};
+interface HeadingProps extends TextAlignProps, ComponentPropsWithout<'h2', RemovedProps> {
+    /**
+     * @default h2
+     */
+    as?: 'h1' | 'h2' | 'h3' | 'h4';
+    /** Change the default rendered element for the one passed as a child, merging their props and behavior. */
+    asChild?: boolean;
+    /**
+     * Applies the text font styles.
+     * @default h2
+     */
+    variant?: (typeof variants)[number];
+    /**
+     * Set the text color
+     * It is recommended to use the colours from the `@utilitywarehouse/colour-system` package.
+     */
+    color?: string;
+    /**
+     * Set the font-weight
+     * @default 'bold'
+     */
+    weight?: Responsive<(typeof weights)[number]>;
+    /**
+     * Set the text-align on the component.
+     */
+    align?: Responsive<'left' | 'center' | 'right'>;
+}
+
+export { type HeadingProps, headingPropDefs };

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

@@ -0,0 +1,54 @@
+import { TextAlignProps } from '../../props/text-align.props.js';
+import { ComponentPropsWithout, RemovedProps } from '../../types/component-props.js';
+import { Responsive } from '../../types/responsive.js';
+import 'react';
+
+declare const weights: readonly ["regular", "bold"];
+declare const variants: readonly ["displayHeading", "h1", "h2", "h3", "h4"];
+declare const headingPropDefs: {
+    weight: {
+        className: string;
+        tokens: readonly ["regular", "bold"];
+        responsive: true;
+        default: string;
+    };
+    variant: {
+        className: string;
+        tokens: readonly ["displayHeading", "h1", "h2", "h3", "h4"];
+        responsive: false;
+        default: string;
+    };
+    color: {
+        className: string;
+        responsive: false;
+    };
+};
+interface HeadingProps extends TextAlignProps, ComponentPropsWithout<'h2', RemovedProps> {
+    /**
+     * @default h2
+     */
+    as?: 'h1' | 'h2' | 'h3' | 'h4';
+    /** Change the default rendered element for the one passed as a child, merging their props and behavior. */
+    asChild?: boolean;
+    /**
+     * Applies the text font styles.
+     * @default h2
+     */
+    variant?: (typeof variants)[number];
+    /**
+     * Set the text color
+     * It is recommended to use the colours from the `@utilitywarehouse/colour-system` package.
+     */
+    color?: string;
+    /**
+     * Set the font-weight
+     * @default 'bold'
+     */
+    weight?: Responsive<(typeof weights)[number]>;
+    /**
+     * Set the text-align on the component.
+     */
+    align?: Responsive<'left' | 'center' | 'right'>;
+}
+
+export { type HeadingProps, headingPropDefs };

package/dist/components/Heading/Heading.props.js

@@ -0,0 +1,2 @@
+import{a}from"../../chunk-JYGJOFRB.js";export{a as headingPropDefs};
+//# sourceMappingURL=Heading.props.js.map