@utilitywarehouse/hearth-react 0.0.0

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

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/components/CheckboxGroup/CheckboxGroup.stories.cjs","../../../src/components/CheckboxGroup/CheckboxGroup.stories.tsx"],"names":["meta","CheckboxGroup","CheckboxGroup_stories_default","Workshop","args","Flex","Checkbox","CheckboxTile","Controlled","value","setValue","BodyText","v","CheckboxHelperText","ShowingError","selected","setSelected","useState","ContentWidth","Wrap","Box","colors","CheckboxGroupRootStory","CheckboxGroupRoot"],"mappings":"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","file":"/home/runner/work/hearth/hearth/packages/react/dist/components/CheckboxGroup/CheckboxGroup.stories.cjs","sourcesContent":[null,"import * as React from 'react';\nimport { useState } from 'react';\n\nimport type { Meta, StoryObj } from '@storybook/react';\n\nimport { CheckboxGroup } from './CheckboxGroup';\nimport { CheckboxGroupRoot } from './CheckboxGroupRoot';\nimport { Flex } from '../Flex/Flex';\nimport { Checkbox } from '../Checkbox/Checkbox';\nimport { BodyText } from '../BodyText/BodyText';\nimport { CheckboxTile } from '../CheckboxTile/CheckboxTile';\nimport { Box } from '../Box/Box';\nimport { colors } from '@utilitywarehouse/colour-system';\n\nconst meta: Meta<typeof CheckboxGroup> = {\n  title: 'Stories / CheckboxGroup',\n  component: CheckboxGroup,\n  argTypes: {\n    direction: {\n      options: ['column', 'row'],\n      control: { type: 'radio' },\n    },\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    contentWidth: { control: { type: 'text' } },\n  },\n  args: {\n    label: 'Which services do you currently have with UW?',\n    defaultValue: ['1', '2'],\n    direction: 'column',\n    disabled: false,\n    helperText: 'Select all that apply',\n    helperTextPosition: 'top',\n    showHelperTextIcon: false,\n    error: false,\n    errorMessage: 'There is an error',\n    showErrorMessageIcon: true,\n    contentWidth: undefined,\n  },\n};\n\nexport default meta;\ntype Story = StoryObj<typeof CheckboxGroup>;\n\nexport const Workshop: Story = {\n  render: args => (\n    <Flex asChild gap=\"800\">\n      <form>\n        <CheckboxGroup {...args} name=\"checkbox-story\">\n          <Checkbox value=\"1\" label=\"Energy\" />\n          <Checkbox value=\"2\" label=\"Broadband\" />\n          <Checkbox value=\"3\" label=\"Mobile\" />\n          <Checkbox value=\"4\" label=\"Insurance\" />\n        </CheckboxGroup>\n        <CheckboxGroup {...args} name=\"checkbox-tiles-story\">\n          <CheckboxTile value=\"1\" label=\"Energy\" />\n          <CheckboxTile value=\"2\" label=\"Broadband\" />\n          <CheckboxTile value=\"3\" label=\"Mobile\" />\n          <CheckboxTile value=\"4\" label=\"Insurance\" />\n        </CheckboxGroup>\n      </form>\n    </Flex>\n  ),\n};\n\nexport const Controlled: Story = {\n  render: () => {\n    const [value, setValue] = React.useState(['1']);\n    return (\n      <Flex direction=\"column\" gap=\"400\">\n        <BodyText>Checked: {value.join(', ')}</BodyText>\n        <CheckboxGroup defaultValue={value} onValueChange={v => setValue(v)}>\n          <Checkbox value=\"1\" label=\"One\" />\n          <Checkbox value=\"2\" label=\"Two\" />\n          <Checkbox value=\"3\" label=\"Three\" />\n        </CheckboxGroup>\n      </Flex>\n    );\n  },\n};\n\nexport const CheckboxHelperText: Story = {\n  name: 'Checkbox HelperText',\n  render: args => {\n    return (\n      <CheckboxGroup {...args}>\n        <Checkbox value=\"1\" label=\"Rap\" helperText=\"Including Grime\" />\n        <Checkbox value=\"2\" label=\"Rock\" helperText=\"Including Heavy Metal\" />\n        <Checkbox value=\"3\" label=\"Folk\" helperText=\"Including World music\" />\n        <Checkbox value=\"4\" label=\"Dance\" helperText=\"Including House music\" />\n      </CheckboxGroup>\n    );\n  },\n  args: {\n    label: 'Choose music you enjoy.',\n    helperText: 'Please choose wisely.',\n  },\n};\n\nexport const ShowingError: Story = {\n  name: 'Error message',\n  render: args => {\n    const [selected, setSelected] = useState<Array<string>>([]);\n    return (\n      <CheckboxGroup\n        {...args}\n        value={selected}\n        onValueChange={setSelected}\n        error={selected.length < 2}\n      >\n        <Checkbox value=\"1\" label=\"Bear\" />\n        <Checkbox value=\"2\" label=\"Koala\" />\n        <Checkbox value=\"3\" label=\"Wolf\" />\n        <Checkbox value=\"4\" label=\"Horse\" />\n        <Checkbox value=\"5\" label=\"Chicken\" />\n        <Checkbox value=\"6\" label=\"Peacock\" />\n      </CheckboxGroup>\n    );\n  },\n  args: {\n    errorMessage: 'Please pick two.',\n    label: 'What are your two favourite animals?',\n    helperTextPosition: 'bottom',\n  },\n};\n\nexport const ContentWidth: Story = {\n  render: args => {\n    return (\n      <CheckboxGroup {...args} helperText=\"Setting the width of the children elements\">\n        <CheckboxTile value=\"1\" label=\"One\" />\n        <CheckboxTile value=\"2\" label=\"Two\" />\n        <CheckboxTile value=\"3\" label=\"Three\" />\n      </CheckboxGroup>\n    );\n  },\n  args: { contentWidth: '200px' },\n};\n\nexport const Wrap: Story = {\n  render: args => {\n    return (\n      <Box\n        height=\"800px\"\n        width=\"400px\"\n        padding=\"200\"\n        style={{ border: '2px solid', borderColor: colors.grey500 }}\n      >\n        <CheckboxGroup {...args} direction=\"row\" helperText=\"Child elements will wrap by default\">\n          <CheckboxTile value=\"1\" label=\"One\" />\n          <CheckboxTile value=\"2\" label=\"Two\" />\n          <CheckboxTile value=\"3\" label=\"Three\" />\n          <CheckboxTile value=\"4\" label=\"Four\" />\n          <CheckboxTile value=\"5\" label=\"Five\" />\n        </CheckboxGroup>\n      </Box>\n    );\n  },\n};\n\nexport const CheckboxGroupRootStory: StoryObj<typeof CheckboxGroupRoot> = {\n  name: 'CheckboxGroupRoot',\n  render: args => (\n    <Flex asChild direction=\"column\" gap=\"800\" width=\"fit-content\">\n      <form>\n        <CheckboxGroupRoot {...args} name=\"checkbox-story\">\n          <Checkbox value=\"1\" label=\"One\" />\n          <Checkbox value=\"2\" label=\"Two\" />\n          <Checkbox value=\"3\" label=\"Three\" />\n        </CheckboxGroupRoot>\n        <CheckboxGroupRoot {...args} name=\"checkbox-tiles-story\">\n          <CheckboxTile value=\"1\" label=\"One\" />\n          <CheckboxTile value=\"2\" label=\"Two\" />\n          <CheckboxTile value=\"3\" label=\"Three\" />\n        </CheckboxGroupRoot>\n      </form>\n    </Flex>\n  ),\n  parameters: {\n    controls: {\n      exclude: [\n        'helperText',\n        'label',\n        'helperTextPosition',\n        'showHelperTextIcon',\n        'error',\n        'errorMessage',\n        'showErrorMessageIcon',\n        'contentWidth',\n      ],\n    },\n  },\n};\n"]}

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

@@ -0,0 +1,25 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { CheckboxGroup } from './CheckboxGroup.cjs';
+import { CheckboxGroupRoot } from './CheckboxGroupRoot.cjs';
+import 'react';
+import './CheckboxGroup.props.cjs';
+import '../../props/size.props.cjs';
+import '../../types/responsive.cjs';
+import '../../types/component-props.cjs';
+import '../CheckboxGroupBase/CheckboxGroupBase.props.cjs';
+import '../CheckboxGroupBase/CheckboxGroupBase.context.cjs';
+import '../FormFieldGroup/FormFieldGroup.props.cjs';
+import '../Fieldset/Fieldset.props.cjs';
+
+declare const meta: Meta<typeof CheckboxGroup>;
+
+type Story = StoryObj<typeof CheckboxGroup>;
+declare const Workshop: Story;
+declare const Controlled: Story;
+declare const CheckboxHelperText: Story;
+declare const ShowingError: Story;
+declare const ContentWidth: Story;
+declare const Wrap: Story;
+declare const CheckboxGroupRootStory: StoryObj<typeof CheckboxGroupRoot>;
+
+export { CheckboxGroupRootStory, CheckboxHelperText, ContentWidth, Controlled, ShowingError, Workshop, Wrap, meta as default };

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

@@ -0,0 +1,25 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { CheckboxGroup } from './CheckboxGroup.js';
+import { CheckboxGroupRoot } from './CheckboxGroupRoot.js';
+import 'react';
+import './CheckboxGroup.props.js';
+import '../../props/size.props.js';
+import '../../types/responsive.js';
+import '../../types/component-props.js';
+import '../CheckboxGroupBase/CheckboxGroupBase.props.js';
+import '../CheckboxGroupBase/CheckboxGroupBase.context.js';
+import '../FormFieldGroup/FormFieldGroup.props.js';
+import '../Fieldset/Fieldset.props.js';
+
+declare const meta: Meta<typeof CheckboxGroup>;
+
+type Story = StoryObj<typeof CheckboxGroup>;
+declare const Workshop: Story;
+declare const Controlled: Story;
+declare const CheckboxHelperText: Story;
+declare const ShowingError: Story;
+declare const ContentWidth: Story;
+declare const Wrap: Story;
+declare const CheckboxGroupRootStory: StoryObj<typeof CheckboxGroupRoot>;
+
+export { CheckboxGroupRootStory, CheckboxHelperText, ContentWidth, Controlled, ShowingError, Workshop, Wrap, meta as default };

package/dist/components/CheckboxGroup/CheckboxGroup.stories.js

@@ -0,0 +1,2 @@
+import{a as l}from"../../chunk-PHP5SHGH.js";import{a as t}from"../../chunk-TPJIZHEG.js";import{a as u}from"../../chunk-3NRPISDE.js";import"../../chunk-FHYU6IWA.js";import"../../chunk-NO7XNHS3.js";import"../../chunk-X2APXILX.js";import"../../chunk-BJ2OK6RA.js";import{a as o}from"../../chunk-CTRR3JSW.js";import"../../chunk-DTAHJ5EV.js";import"../../chunk-ADHIZWWY.js";import"../../chunk-S35UBSDU.js";import"../../chunk-HMTIVDG5.js";import"../../chunk-BYAQL5FQ.js";import"../../chunk-D4TV6FFN.js";import{a as s}from"../../chunk-L4762CTD.js";import"../../chunk-FQSYNGC6.js";import{a as p}from"../../chunk-CK6SNGZR.js";import{a as n}from"../../chunk-NHLSKOMC.js";import"../../chunk-THEPS73K.js";import"../../chunk-EUTKQ2DV.js";import"../../chunk-55UJSOEX.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 e from"react";import{useState as b}from"react";import{colors as h}from"@utilitywarehouse/colour-system";var i={title:"Stories / CheckboxGroup",component:t,argTypes:{direction:{options:["column","row"],control:{type:"radio"}},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"}},contentWidth:{control:{type:"text"}}},args:{label:"Which services do you currently have with UW?",defaultValue:["1","2"],direction:"column",disabled:!1,helperText:"Select all that apply",helperTextPosition:"top",showHelperTextIcon:!1,error:!1,errorMessage:"There is an error",showErrorMessageIcon:!0,contentWidth:void 0}},g=i,w={render:r=>e.createElement(n,{asChild:!0,gap:"800"},e.createElement("form",null,e.createElement(t,{...r,name:"checkbox-story"},e.createElement(o,{value:"1",label:"Energy"}),e.createElement(o,{value:"2",label:"Broadband"}),e.createElement(o,{value:"3",label:"Mobile"}),e.createElement(o,{value:"4",label:"Insurance"})),e.createElement(t,{...r,name:"checkbox-tiles-story"},e.createElement(l,{value:"1",label:"Energy"}),e.createElement(l,{value:"2",label:"Broadband"}),e.createElement(l,{value:"3",label:"Mobile"}),e.createElement(l,{value:"4",label:"Insurance"}))))},G={render:()=>{let[r,a]=e.useState(["1"]);return e.createElement(n,{direction:"column",gap:"400"},e.createElement(s,null,"Checked: ",r.join(", ")),e.createElement(t,{defaultValue:r,onValueChange:c=>a(c)},e.createElement(o,{value:"1",label:"One"}),e.createElement(o,{value:"2",label:"Two"}),e.createElement(o,{value:"3",label:"Three"})))}},S={name:"Checkbox HelperText",render:r=>e.createElement(t,{...r},e.createElement(o,{value:"1",label:"Rap",helperText:"Including Grime"}),e.createElement(o,{value:"2",label:"Rock",helperText:"Including Heavy Metal"}),e.createElement(o,{value:"3",label:"Folk",helperText:"Including World music"}),e.createElement(o,{value:"4",label:"Dance",helperText:"Including House music"})),args:{label:"Choose music you enjoy.",helperText:"Please choose wisely."}},I={name:"Error message",render:r=>{let[a,c]=b([]);return e.createElement(t,{...r,value:a,onValueChange:c,error:a.length<2},e.createElement(o,{value:"1",label:"Bear"}),e.createElement(o,{value:"2",label:"Koala"}),e.createElement(o,{value:"3",label:"Wolf"}),e.createElement(o,{value:"4",label:"Horse"}),e.createElement(o,{value:"5",label:"Chicken"}),e.createElement(o,{value:"6",label:"Peacock"}))},args:{errorMessage:"Please pick two.",label:"What are your two favourite animals?",helperTextPosition:"bottom"}},M={render:r=>e.createElement(t,{...r,helperText:"Setting the width of the children elements"},e.createElement(l,{value:"1",label:"One"}),e.createElement(l,{value:"2",label:"Two"}),e.createElement(l,{value:"3",label:"Three"})),args:{contentWidth:"200px"}},W={render:r=>e.createElement(p,{height:"800px",width:"400px",padding:"200",style:{border:"2px solid",borderColor:h.grey500}},e.createElement(t,{...r,direction:"row",helperText:"Child elements will wrap by default"},e.createElement(l,{value:"1",label:"One"}),e.createElement(l,{value:"2",label:"Two"}),e.createElement(l,{value:"3",label:"Three"}),e.createElement(l,{value:"4",label:"Four"}),e.createElement(l,{value:"5",label:"Five"})))},R={name:"CheckboxGroupRoot",render:r=>e.createElement(n,{asChild:!0,direction:"column",gap:"800",width:"fit-content"},e.createElement("form",null,e.createElement(u,{...r,name:"checkbox-story"},e.createElement(o,{value:"1",label:"One"}),e.createElement(o,{value:"2",label:"Two"}),e.createElement(o,{value:"3",label:"Three"})),e.createElement(u,{...r,name:"checkbox-tiles-story"},e.createElement(l,{value:"1",label:"One"}),e.createElement(l,{value:"2",label:"Two"}),e.createElement(l,{value:"3",label:"Three"})))),parameters:{controls:{exclude:["helperText","label","helperTextPosition","showHelperTextIcon","error","errorMessage","showErrorMessageIcon","contentWidth"]}}};export{R as CheckboxGroupRootStory,S as CheckboxHelperText,M as ContentWidth,G as Controlled,I as ShowingError,w as Workshop,W as Wrap,g as default};
+//# sourceMappingURL=CheckboxGroup.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/CheckboxGroup/CheckboxGroup.stories.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useState } from 'react';\n\nimport type { Meta, StoryObj } from '@storybook/react';\n\nimport { CheckboxGroup } from './CheckboxGroup';\nimport { CheckboxGroupRoot } from './CheckboxGroupRoot';\nimport { Flex } from '../Flex/Flex';\nimport { Checkbox } from '../Checkbox/Checkbox';\nimport { BodyText } from '../BodyText/BodyText';\nimport { CheckboxTile } from '../CheckboxTile/CheckboxTile';\nimport { Box } from '../Box/Box';\nimport { colors } from '@utilitywarehouse/colour-system';\n\nconst meta: Meta<typeof CheckboxGroup> = {\n  title: 'Stories / CheckboxGroup',\n  component: CheckboxGroup,\n  argTypes: {\n    direction: {\n      options: ['column', 'row'],\n      control: { type: 'radio' },\n    },\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    contentWidth: { control: { type: 'text' } },\n  },\n  args: {\n    label: 'Which services do you currently have with UW?',\n    defaultValue: ['1', '2'],\n    direction: 'column',\n    disabled: false,\n    helperText: 'Select all that apply',\n    helperTextPosition: 'top',\n    showHelperTextIcon: false,\n    error: false,\n    errorMessage: 'There is an error',\n    showErrorMessageIcon: true,\n    contentWidth: undefined,\n  },\n};\n\nexport default meta;\ntype Story = StoryObj<typeof CheckboxGroup>;\n\nexport const Workshop: Story = {\n  render: args => (\n    <Flex asChild gap=\"800\">\n      <form>\n        <CheckboxGroup {...args} name=\"checkbox-story\">\n          <Checkbox value=\"1\" label=\"Energy\" />\n          <Checkbox value=\"2\" label=\"Broadband\" />\n          <Checkbox value=\"3\" label=\"Mobile\" />\n          <Checkbox value=\"4\" label=\"Insurance\" />\n        </CheckboxGroup>\n        <CheckboxGroup {...args} name=\"checkbox-tiles-story\">\n          <CheckboxTile value=\"1\" label=\"Energy\" />\n          <CheckboxTile value=\"2\" label=\"Broadband\" />\n          <CheckboxTile value=\"3\" label=\"Mobile\" />\n          <CheckboxTile value=\"4\" label=\"Insurance\" />\n        </CheckboxGroup>\n      </form>\n    </Flex>\n  ),\n};\n\nexport const Controlled: Story = {\n  render: () => {\n    const [value, setValue] = React.useState(['1']);\n    return (\n      <Flex direction=\"column\" gap=\"400\">\n        <BodyText>Checked: {value.join(', ')}</BodyText>\n        <CheckboxGroup defaultValue={value} onValueChange={v => setValue(v)}>\n          <Checkbox value=\"1\" label=\"One\" />\n          <Checkbox value=\"2\" label=\"Two\" />\n          <Checkbox value=\"3\" label=\"Three\" />\n        </CheckboxGroup>\n      </Flex>\n    );\n  },\n};\n\nexport const CheckboxHelperText: Story = {\n  name: 'Checkbox HelperText',\n  render: args => {\n    return (\n      <CheckboxGroup {...args}>\n        <Checkbox value=\"1\" label=\"Rap\" helperText=\"Including Grime\" />\n        <Checkbox value=\"2\" label=\"Rock\" helperText=\"Including Heavy Metal\" />\n        <Checkbox value=\"3\" label=\"Folk\" helperText=\"Including World music\" />\n        <Checkbox value=\"4\" label=\"Dance\" helperText=\"Including House music\" />\n      </CheckboxGroup>\n    );\n  },\n  args: {\n    label: 'Choose music you enjoy.',\n    helperText: 'Please choose wisely.',\n  },\n};\n\nexport const ShowingError: Story = {\n  name: 'Error message',\n  render: args => {\n    const [selected, setSelected] = useState<Array<string>>([]);\n    return (\n      <CheckboxGroup\n        {...args}\n        value={selected}\n        onValueChange={setSelected}\n        error={selected.length < 2}\n      >\n        <Checkbox value=\"1\" label=\"Bear\" />\n        <Checkbox value=\"2\" label=\"Koala\" />\n        <Checkbox value=\"3\" label=\"Wolf\" />\n        <Checkbox value=\"4\" label=\"Horse\" />\n        <Checkbox value=\"5\" label=\"Chicken\" />\n        <Checkbox value=\"6\" label=\"Peacock\" />\n      </CheckboxGroup>\n    );\n  },\n  args: {\n    errorMessage: 'Please pick two.',\n    label: 'What are your two favourite animals?',\n    helperTextPosition: 'bottom',\n  },\n};\n\nexport const ContentWidth: Story = {\n  render: args => {\n    return (\n      <CheckboxGroup {...args} helperText=\"Setting the width of the children elements\">\n        <CheckboxTile value=\"1\" label=\"One\" />\n        <CheckboxTile value=\"2\" label=\"Two\" />\n        <CheckboxTile value=\"3\" label=\"Three\" />\n      </CheckboxGroup>\n    );\n  },\n  args: { contentWidth: '200px' },\n};\n\nexport const Wrap: Story = {\n  render: args => {\n    return (\n      <Box\n        height=\"800px\"\n        width=\"400px\"\n        padding=\"200\"\n        style={{ border: '2px solid', borderColor: colors.grey500 }}\n      >\n        <CheckboxGroup {...args} direction=\"row\" helperText=\"Child elements will wrap by default\">\n          <CheckboxTile value=\"1\" label=\"One\" />\n          <CheckboxTile value=\"2\" label=\"Two\" />\n          <CheckboxTile value=\"3\" label=\"Three\" />\n          <CheckboxTile value=\"4\" label=\"Four\" />\n          <CheckboxTile value=\"5\" label=\"Five\" />\n        </CheckboxGroup>\n      </Box>\n    );\n  },\n};\n\nexport const CheckboxGroupRootStory: StoryObj<typeof CheckboxGroupRoot> = {\n  name: 'CheckboxGroupRoot',\n  render: args => (\n    <Flex asChild direction=\"column\" gap=\"800\" width=\"fit-content\">\n      <form>\n        <CheckboxGroupRoot {...args} name=\"checkbox-story\">\n          <Checkbox value=\"1\" label=\"One\" />\n          <Checkbox value=\"2\" label=\"Two\" />\n          <Checkbox value=\"3\" label=\"Three\" />\n        </CheckboxGroupRoot>\n        <CheckboxGroupRoot {...args} name=\"checkbox-tiles-story\">\n          <CheckboxTile value=\"1\" label=\"One\" />\n          <CheckboxTile value=\"2\" label=\"Two\" />\n          <CheckboxTile value=\"3\" label=\"Three\" />\n        </CheckboxGroupRoot>\n      </form>\n    </Flex>\n  ),\n  parameters: {\n    controls: {\n      exclude: [\n        'helperText',\n        'label',\n        'helperTextPosition',\n        'showHelperTextIcon',\n        'error',\n        'errorMessage',\n        'showErrorMessageIcon',\n        'contentWidth',\n      ],\n    },\n  },\n};\n"],"mappings":"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","names":["React","useState","colors","meta","CheckboxGroup","CheckboxGroup_stories_default","Workshop","args","Flex","Checkbox","CheckboxTile","Controlled","value","setValue","BodyText","v","CheckboxHelperText","ShowingError","selected","setSelected","useState","ContentWidth","Wrap","Box","CheckboxGroupRootStory","CheckboxGroupRoot"]}

package/dist/components/CheckboxGroup/CheckboxGroupRoot.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkEPYNWCG4cjs = require('../../chunk-EPYNWCG4.cjs');require('../../chunk-DKMO72XC.cjs');require('../../chunk-QUG4RSGO.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-RRY2OIRE.cjs');require('../../chunk-UKQ5LR4P.cjs');require('../../chunk-5PHEU2LX.cjs');require('../../chunk-DPWOHAYD.cjs');require('../../chunk-AURLQ3VG.cjs');require('../../chunk-JHPCQWHT.cjs');exports.CheckboxGroupRoot = _chunkEPYNWCG4cjs.a;
+//# sourceMappingURL=CheckboxGroupRoot.cjs.map

package/dist/components/CheckboxGroup/CheckboxGroupRoot.cjs.map

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

package/dist/components/CheckboxGroup/CheckboxGroupRoot.d.cts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { CheckboxGroupRootProps } from './CheckboxGroup.props.cjs';
+import '../../props/size.props.cjs';
+import '../../types/responsive.cjs';
+import '../../types/component-props.cjs';
+import '../CheckboxGroupBase/CheckboxGroupBase.props.cjs';
+import '../CheckboxGroupBase/CheckboxGroupBase.context.cjs';
+import '../FormFieldGroup/FormFieldGroup.props.cjs';
+import '../Fieldset/Fieldset.props.cjs';
+
+/**
+ * Set of interactive buttons where multiple options can be selected at a time.
+ */
+declare const CheckboxGroupRoot: React.ForwardRefExoticComponent<CheckboxGroupRootProps & React.RefAttributes<HTMLDivElement>>;
+
+export { CheckboxGroupRoot };

package/dist/components/CheckboxGroup/CheckboxGroupRoot.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { CheckboxGroupRootProps } from './CheckboxGroup.props.js';
+import '../../props/size.props.js';
+import '../../types/responsive.js';
+import '../../types/component-props.js';
+import '../CheckboxGroupBase/CheckboxGroupBase.props.js';
+import '../CheckboxGroupBase/CheckboxGroupBase.context.js';
+import '../FormFieldGroup/FormFieldGroup.props.js';
+import '../Fieldset/Fieldset.props.js';
+
+/**
+ * Set of interactive buttons where multiple options can be selected at a time.
+ */
+declare const CheckboxGroupRoot: React.ForwardRefExoticComponent<CheckboxGroupRootProps & React.RefAttributes<HTMLDivElement>>;
+
+export { CheckboxGroupRoot };

package/dist/components/CheckboxGroup/CheckboxGroupRoot.js

@@ -0,0 +1,2 @@
+import{a}from"../../chunk-3NRPISDE.js";import"../../chunk-BJ2OK6RA.js";import"../../chunk-BYAQL5FQ.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-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 CheckboxGroupRoot};
+//# sourceMappingURL=CheckboxGroupRoot.js.map

package/dist/components/CheckboxGroup/CheckboxGroupRoot.js.map

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

package/dist/components/CheckboxGroupBase/CheckboxGroupBase.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkDKMO72XCcjs = require('../../chunk-DKMO72XC.cjs');require('../../chunk-QUG4RSGO.cjs');exports.CheckboxGroupBase = _chunkDKMO72XCcjs.a;
+//# sourceMappingURL=CheckboxGroupBase.cjs.map

package/dist/components/CheckboxGroupBase/CheckboxGroupBase.cjs.map

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

package/dist/components/CheckboxGroupBase/CheckboxGroupBase.context.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkQUG4RSGOcjs = require('../../chunk-QUG4RSGO.cjs');exports.CheckboxGroupBaseContext = _chunkQUG4RSGOcjs.a; exports.CheckboxGroupBaseProvider = _chunkQUG4RSGOcjs.b; exports.useCheckboxGroupBase = _chunkQUG4RSGOcjs.c;
+//# sourceMappingURL=CheckboxGroupBase.context.cjs.map

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

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

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

@@ -0,0 +1,13 @@
+import * as React from 'react';
+
+type CheckboxGroupBaseContextValue = {
+    name?: string;
+    value?: Array<string>;
+    onItemCheck(value: string): void;
+    onItemUncheck(value: string): void;
+};
+declare const CheckboxGroupBaseContext: React.Context<CheckboxGroupBaseContextValue | undefined>;
+declare const CheckboxGroupBaseProvider: React.Provider<CheckboxGroupBaseContextValue | undefined>;
+declare const useCheckboxGroupBase: () => CheckboxGroupBaseContextValue | undefined;
+
+export { CheckboxGroupBaseContext, type CheckboxGroupBaseContextValue, CheckboxGroupBaseProvider, useCheckboxGroupBase };

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

@@ -0,0 +1,13 @@
+import * as React from 'react';
+
+type CheckboxGroupBaseContextValue = {
+    name?: string;
+    value?: Array<string>;
+    onItemCheck(value: string): void;
+    onItemUncheck(value: string): void;
+};
+declare const CheckboxGroupBaseContext: React.Context<CheckboxGroupBaseContextValue | undefined>;
+declare const CheckboxGroupBaseProvider: React.Provider<CheckboxGroupBaseContextValue | undefined>;
+declare const useCheckboxGroupBase: () => CheckboxGroupBaseContextValue | undefined;
+
+export { CheckboxGroupBaseContext, type CheckboxGroupBaseContextValue, CheckboxGroupBaseProvider, useCheckboxGroupBase };

package/dist/components/CheckboxGroupBase/CheckboxGroupBase.context.js

@@ -0,0 +1,2 @@
+import{a,b,c}from"../../chunk-BYAQL5FQ.js";export{a as CheckboxGroupBaseContext,b as CheckboxGroupBaseProvider,c as useCheckboxGroupBase};
+//# sourceMappingURL=CheckboxGroupBase.context.js.map

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

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

package/dist/components/CheckboxGroupBase/CheckboxGroupBase.d.cts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { PropsWithChildren } from 'react';
+import { CheckboxGroupBaseProps } from './CheckboxGroupBase.props.cjs';
+import './CheckboxGroupBase.context.cjs';
+
+declare const CheckboxGroupBase: {
+    ({ name, defaultValue, value: valueProp, onValueChange, children, }: PropsWithChildren<CheckboxGroupBaseProps>): React.JSX.Element;
+    displayName: string;
+};
+
+export { CheckboxGroupBase };

package/dist/components/CheckboxGroupBase/CheckboxGroupBase.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { PropsWithChildren } from 'react';
+import { CheckboxGroupBaseProps } from './CheckboxGroupBase.props.js';
+import './CheckboxGroupBase.context.js';
+
+declare const CheckboxGroupBase: {
+    ({ name, defaultValue, value: valueProp, onValueChange, children, }: PropsWithChildren<CheckboxGroupBaseProps>): React.JSX.Element;
+    displayName: string;
+};
+
+export { CheckboxGroupBase };

package/dist/components/CheckboxGroupBase/CheckboxGroupBase.js

@@ -0,0 +1,2 @@
+import{a}from"../../chunk-BJ2OK6RA.js";import"../../chunk-BYAQL5FQ.js";export{a as CheckboxGroupBase};
+//# sourceMappingURL=CheckboxGroupBase.js.map

package/dist/components/CheckboxGroupBase/CheckboxGroupBase.js.map

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

package/dist/components/CheckboxGroupBase/CheckboxGroupBase.props.cjs

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

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

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

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

@@ -0,0 +1,11 @@
+import { CheckboxGroupBaseContextValue } from './CheckboxGroupBase.context.cjs';
+import 'react';
+
+interface CheckboxGroupBaseProps {
+    name?: string;
+    defaultValue?: Array<string>;
+    value?: CheckboxGroupBaseContextValue['value'];
+    onValueChange?: (value: Array<string>) => void;
+}
+
+export type { CheckboxGroupBaseProps };

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

@@ -0,0 +1,11 @@
+import { CheckboxGroupBaseContextValue } from './CheckboxGroupBase.context.js';
+import 'react';
+
+interface CheckboxGroupBaseProps {
+    name?: string;
+    defaultValue?: Array<string>;
+    value?: CheckboxGroupBaseContextValue['value'];
+    onValueChange?: (value: Array<string>) => void;
+}
+
+export type { CheckboxGroupBaseProps };

package/dist/components/CheckboxGroupBase/CheckboxGroupBase.props.js

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

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

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

package/dist/components/CheckboxTile/CheckboxTile.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkJ25P5VHRcjs = require('../../chunk-J25P5VHR.cjs');require('../../chunk-YNG2LLYU.cjs');require('../../chunk-WZTQ72O3.cjs');require('../../chunk-6YPEQ4NS.cjs');require('../../chunk-RNI77PJE.cjs');require('../../chunk-QUG4RSGO.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-JHPCQWHT.cjs');exports.CheckboxTile = _chunkJ25P5VHRcjs.a;
+//# sourceMappingURL=CheckboxTile.cjs.map

package/dist/components/CheckboxTile/CheckboxTile.cjs.map

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

package/dist/components/CheckboxTile/CheckboxTile.d.cts

@@ -0,0 +1,16 @@
+import { CheckboxBaseProps } from '../CheckboxBase/CheckboxBase.props.cjs';
+import * as React from 'react';
+import '@radix-ui/react-checkbox';
+
+/**
+ * The `CheckboxTile` component is a dual-state checkbox allowing users to
+ * toggle between checked and not checked. `CheckboxTile` can be used
+ * independently, however multiple checkboxes should be used with a
+ * `CheckboxGroup` or `CheckboxGridGroup` to handle the state control and
+ * layout. `CheckboxTile` is, by default, appropriately labelled when using the
+ * `label` prop, if you do not provide a label, you must specify an
+ * `aria-label` or `aria-labelledby` for accessibility.
+ */
+declare const CheckboxTile: React.ForwardRefExoticComponent<CheckboxBaseProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { CheckboxTile };

package/dist/components/CheckboxTile/CheckboxTile.d.ts

@@ -0,0 +1,16 @@
+import { CheckboxBaseProps } from '../CheckboxBase/CheckboxBase.props.js';
+import * as React from 'react';
+import '@radix-ui/react-checkbox';
+
+/**
+ * The `CheckboxTile` component is a dual-state checkbox allowing users to
+ * toggle between checked and not checked. `CheckboxTile` can be used
+ * independently, however multiple checkboxes should be used with a
+ * `CheckboxGroup` or `CheckboxGridGroup` to handle the state control and
+ * layout. `CheckboxTile` is, by default, appropriately labelled when using the
+ * `label` prop, if you do not provide a label, you must specify an
+ * `aria-label` or `aria-labelledby` for accessibility.
+ */
+declare const CheckboxTile: React.ForwardRefExoticComponent<CheckboxBaseProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { CheckboxTile };

package/dist/components/CheckboxTile/CheckboxTile.js

@@ -0,0 +1,2 @@
+import{a}from"../../chunk-PHP5SHGH.js";import"../../chunk-DTAHJ5EV.js";import"../../chunk-ADHIZWWY.js";import"../../chunk-S35UBSDU.js";import"../../chunk-HMTIVDG5.js";import"../../chunk-BYAQL5FQ.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-4IJEOHER.js";export{a as CheckboxTile};
+//# sourceMappingURL=CheckboxTile.js.map

package/dist/components/CheckboxTile/CheckboxTile.js.map

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

package/dist/components/CheckboxTile/CheckboxTile.props.cjs

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

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

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

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

@@ -0,0 +1,7 @@
+import { CheckboxBaseProps } from '../CheckboxBase/CheckboxBase.props.cjs';
+import 'react';
+import '@radix-ui/react-checkbox';
+
+type CheckboxTileProps = CheckboxBaseProps;
+
+export type { CheckboxTileProps };

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

@@ -0,0 +1,7 @@
+import { CheckboxBaseProps } from '../CheckboxBase/CheckboxBase.props.js';
+import 'react';
+import '@radix-ui/react-checkbox';
+
+type CheckboxTileProps = CheckboxBaseProps;
+
+export type { CheckboxTileProps };

package/dist/components/CheckboxTile/CheckboxTile.props.js

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

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

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

package/dist/components/CheckboxTile/CheckboxTile.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 _chunkJ25P5VHRcjs = require('../../chunk-J25P5VHR.cjs');require('../../chunk-YNG2LLYU.cjs');require('../../chunk-WZTQ72O3.cjs');require('../../chunk-6YPEQ4NS.cjs');require('../../chunk-RNI77PJE.cjs');require('../../chunk-QUG4RSGO.cjs');require('../../chunk-2RXCALFU.cjs');var _chunkE4Z5EPLWcjs = require('../../chunk-E4Z5EPLW.cjs');require('../../chunk-OJBKUH5L.cjs');var _chunkITEBLI43cjs = require('../../chunk-ITEBLI43.cjs');require('../../chunk-52WQFKVL.cjs');require('../../chunk-IYSVQSPG.cjs');require('../../chunk-TWBYN67Y.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-JHPCQWHT.cjs');var _react = require('react'); var e = _interopRequireWildcard(_react);var p={title:"Stories / CheckboxTile",component:_chunkJ25P5VHRcjs.a,argTypes:{helperText:{control:{type:"text"}},label:{control:{type:"text"}},disabled:{type:"boolean"}},args:{label:"Label",helperText:"Helper text",disabled:!1}},d= exports.default =p,y= exports.Workshop ={render:t=>e.createElement(_chunkITEBLI43cjs.a,null,e.createElement(_chunkJ25P5VHRcjs.a,{...t}))},i= exports.Controlled ={render:()=>{let[t,a]=e.useState(!1);return e.createElement(_chunkITEBLI43cjs.a,{direction:"column",gap:"400"},e.createElement(_chunkE4Z5EPLWcjs.a,null,"Checked: ",t?"true":"false"),e.createElement(_chunkJ25P5VHRcjs.a,{value:"1",label:"One",checked:t,onCheckedChange:c=>a(c)}))}};exports.Controlled = i; exports.Workshop = y; exports.default = d;
+//# sourceMappingURL=CheckboxTile.stories.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/components/CheckboxTile/CheckboxTile.stories.cjs","../../../src/components/CheckboxTile/CheckboxTile.stories.tsx"],"names":["meta","CheckboxTile","CheckboxTile_stories_default","Workshop","args","Flex","Controlled","checked","setChecked","BodyText"],"mappings":"AAAA,uZAA4C,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,4DAA6C,oCAAiC,4DAA6C,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,uECAnwB,IAQjBA,CAAAA,CAAkC,CACtC,KAAA,CAAO,wBAAA,CACP,SAAA,CAAWC,mBAAAA,CACX,QAAA,CAAU,CACR,UAAA,CAAY,CAAE,OAAA,CAAS,CAAE,IAAA,CAAM,MAAO,CAAE,CAAA,CACxC,KAAA,CAAO,CAAE,OAAA,CAAS,CAAE,IAAA,CAAM,MAAO,CAAE,CAAA,CACnC,QAAA,CAAU,CAAE,IAAA,CAAM,SAAU,CAC9B,CAAA,CACA,IAAA,CAAM,CACJ,KAAA,CAAO,OAAA,CACP,UAAA,CAAY,aAAA,CACZ,QAAA,CAAU,CAAA,CACZ,CACF,CAAA,CAEOC,CAAAA,mBAAQF,CAAAA,CAGFG,CAAAA,oBAAkB,CAC7B,MAAA,CAAQC,CAAAA,EACN,CAAA,CAAA,aAAA,CAACC,mBAAAA,CAAA,IAAA,CACC,CAAA,CAAA,aAAA,CAACJ,mBAAAA,CAAA,CAAc,GAAGG,CAAAA,CAAM,CAC1B,CAEJ,CAAA,CAEaE,CAAAA,sBAAoB,CAC/B,MAAA,CAAQ,CAAA,CAAA,EAAM,CACZ,GAAM,CAACC,CAAAA,CAASC,CAAU,CAAA,CAAU,CAAA,CAAA,QAAA,CAAS,CAAA,CAAK,CAAA,CAClD,OACE,CAAA,CAAA,aAAA,CAACH,mBAAAA,CAAA,CAAK,SAAA,CAAU,QAAA,CAAS,GAAA,CAAI,KAAA,CAAA,CAC3B,CAAA,CAAA,aAAA,CAACI,mBAAAA,CAAA,IAAA,CAAS,WAAA,CAAUF,CAAAA,CAAU,MAAA,CAAS,OAAQ,CAAA,CAC/C,CAAA,CAAA,aAAA,CAACN,mBAAAA,CAAA,CACC,KAAA,CAAM,GAAA,CACN,KAAA,CAAM,KAAA,CACN,OAAA,CAASM,CAAAA,CACT,eAAA,CAAiB,CAAA,EAAKC,CAAAA,CAAW,CAAC,CAAA,CACpC,CACF,CAEJ,CACF,CAAA,CAAA,kEAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/components/CheckboxTile/CheckboxTile.stories.cjs","sourcesContent":[null,"import * as React from 'react';\n\nimport type { Meta, StoryObj } from '@storybook/react';\n\nimport { CheckboxTile } from './CheckboxTile';\nimport { Flex } from '../Flex/Flex';\nimport { BodyText } from '../BodyText/BodyText';\n\nconst meta: Meta<typeof CheckboxTile> = {\n  title: 'Stories / CheckboxTile',\n  component: CheckboxTile,\n  argTypes: {\n    helperText: { control: { type: 'text' } },\n    label: { control: { type: 'text' } },\n    disabled: { type: 'boolean' },\n  },\n  args: {\n    label: 'Label',\n    helperText: 'Helper text',\n    disabled: false,\n  },\n};\n\nexport default meta;\ntype Story = StoryObj<typeof CheckboxTile>;\n\nexport const Workshop: Story = {\n  render: args => (\n    <Flex>\n      <CheckboxTile {...args} />\n    </Flex>\n  ),\n};\n\nexport const Controlled: Story = {\n  render: () => {\n    const [checked, setChecked] = React.useState(false);\n    return (\n      <Flex direction=\"column\" gap=\"400\">\n        <BodyText>Checked: {checked ? 'true' : 'false'}</BodyText>\n        <CheckboxTile\n          value=\"1\"\n          label=\"One\"\n          checked={checked}\n          onCheckedChange={c => setChecked(c)}\n        />\n      </Flex>\n    );\n  },\n};\n"]}

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

@@ -0,0 +1,13 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { CheckboxTile } from './CheckboxTile.cjs';
+import '../CheckboxBase/CheckboxBase.props.cjs';
+import 'react';
+import '@radix-ui/react-checkbox';
+
+declare const meta: Meta<typeof CheckboxTile>;
+
+type Story = StoryObj<typeof CheckboxTile>;
+declare const Workshop: Story;
+declare const Controlled: Story;
+
+export { Controlled, Workshop, meta as default };

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

@@ -0,0 +1,13 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { CheckboxTile } from './CheckboxTile.js';
+import '../CheckboxBase/CheckboxBase.props.js';
+import 'react';
+import '@radix-ui/react-checkbox';
+
+declare const meta: Meta<typeof CheckboxTile>;
+
+type Story = StoryObj<typeof CheckboxTile>;
+declare const Workshop: Story;
+declare const Controlled: Story;
+
+export { Controlled, Workshop, meta as default };

package/dist/components/CheckboxTile/CheckboxTile.stories.js

@@ -0,0 +1,2 @@
+import{a as o}from"../../chunk-PHP5SHGH.js";import"../../chunk-DTAHJ5EV.js";import"../../chunk-ADHIZWWY.js";import"../../chunk-S35UBSDU.js";import"../../chunk-HMTIVDG5.js";import"../../chunk-BYAQL5FQ.js";import"../../chunk-D4TV6FFN.js";import{a as l}from"../../chunk-L4762CTD.js";import"../../chunk-FQSYNGC6.js";import{a as r}from"../../chunk-NHLSKOMC.js";import"../../chunk-THEPS73K.js";import"../../chunk-EUTKQ2DV.js";import"../../chunk-55UJSOEX.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-4IJEOHER.js";import*as e from"react";var p={title:"Stories / CheckboxTile",component:o,argTypes:{helperText:{control:{type:"text"}},label:{control:{type:"text"}},disabled:{type:"boolean"}},args:{label:"Label",helperText:"Helper text",disabled:!1}},d=p,y={render:t=>e.createElement(r,null,e.createElement(o,{...t}))},i={render:()=>{let[t,a]=e.useState(!1);return e.createElement(r,{direction:"column",gap:"400"},e.createElement(l,null,"Checked: ",t?"true":"false"),e.createElement(o,{value:"1",label:"One",checked:t,onCheckedChange:c=>a(c)}))}};export{i as Controlled,y as Workshop,d as default};
+//# sourceMappingURL=CheckboxTile.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/CheckboxTile/CheckboxTile.stories.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { Meta, StoryObj } from '@storybook/react';\n\nimport { CheckboxTile } from './CheckboxTile';\nimport { Flex } from '../Flex/Flex';\nimport { BodyText } from '../BodyText/BodyText';\n\nconst meta: Meta<typeof CheckboxTile> = {\n  title: 'Stories / CheckboxTile',\n  component: CheckboxTile,\n  argTypes: {\n    helperText: { control: { type: 'text' } },\n    label: { control: { type: 'text' } },\n    disabled: { type: 'boolean' },\n  },\n  args: {\n    label: 'Label',\n    helperText: 'Helper text',\n    disabled: false,\n  },\n};\n\nexport default meta;\ntype Story = StoryObj<typeof CheckboxTile>;\n\nexport const Workshop: Story = {\n  render: args => (\n    <Flex>\n      <CheckboxTile {...args} />\n    </Flex>\n  ),\n};\n\nexport const Controlled: Story = {\n  render: () => {\n    const [checked, setChecked] = React.useState(false);\n    return (\n      <Flex direction=\"column\" gap=\"400\">\n        <BodyText>Checked: {checked ? 'true' : 'false'}</BodyText>\n        <CheckboxTile\n          value=\"1\"\n          label=\"One\"\n          checked={checked}\n          onCheckedChange={c => setChecked(c)}\n        />\n      </Flex>\n    );\n  },\n};\n"],"mappings":"owBAAA,UAAYA,MAAW,QAQvB,IAAMC,EAAkC,CACtC,MAAO,yBACP,UAAWC,EACX,SAAU,CACR,WAAY,CAAE,QAAS,CAAE,KAAM,MAAO,CAAE,EACxC,MAAO,CAAE,QAAS,CAAE,KAAM,MAAO,CAAE,EACnC,SAAU,CAAE,KAAM,SAAU,CAC9B,EACA,KAAM,CACJ,MAAO,QACP,WAAY,cACZ,SAAU,EACZ,CACF,EAEOC,EAAQF,EAGFG,EAAkB,CAC7B,OAAQC,GACN,gBAACC,EAAA,KACC,gBAACJ,EAAA,CAAc,GAAGG,EAAM,CAC1B,CAEJ,EAEaE,EAAoB,CAC/B,OAAQ,IAAM,CACZ,GAAM,CAACC,EAASC,CAAU,EAAU,WAAS,EAAK,EAClD,OACE,gBAACH,EAAA,CAAK,UAAU,SAAS,IAAI,OAC3B,gBAACI,EAAA,KAAS,YAAUF,EAAU,OAAS,OAAQ,EAC/C,gBAACN,EAAA,CACC,MAAM,IACN,MAAM,MACN,QAASM,EACT,gBAAiB,GAAKC,EAAW,CAAC,EACpC,CACF,CAEJ,CACF","names":["React","meta","CheckboxTile","CheckboxTile_stories_default","Workshop","args","Flex","Controlled","checked","setChecked","BodyText"]}

package/dist/components/Divider/Divider.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunk5OGC3PIUcjs = require('../../chunk-5OGC3PIU.cjs');require('../../chunk-USCOQVJ6.cjs');require('../../chunk-UI4O6XL6.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.Divider = _chunk5OGC3PIUcjs.a;
+//# sourceMappingURL=Divider.cjs.map

package/dist/components/Divider/Divider.cjs.map

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

package/dist/components/Divider/Divider.d.cts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { DividerProps } from './Divider.props.cjs';
+import '../../types/component-props.cjs';
+import '../../types/orientation.cjs';
+
+/**
+ * Used to provide a visual break and semantically divide content. Supports
+ * vertical and horizontal orientations. Vertical dividers will only be visible
+ * when contained inside an element with display set to `flexbox` or `grid`.
+ */
+declare const Divider: React.ForwardRefExoticComponent<DividerProps & React.RefAttributes<HTMLHRElement>>;
+
+export { Divider };

package/dist/components/Divider/Divider.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { DividerProps } from './Divider.props.js';
+import '../../types/component-props.js';
+import '../../types/orientation.js';
+
+/**
+ * Used to provide a visual break and semantically divide content. Supports
+ * vertical and horizontal orientations. Vertical dividers will only be visible
+ * when contained inside an element with display set to `flexbox` or `grid`.
+ */
+declare const Divider: React.ForwardRefExoticComponent<DividerProps & React.RefAttributes<HTMLHRElement>>;
+
+export { Divider };

package/dist/components/Divider/Divider.js

@@ -0,0 +1,2 @@
+import{a}from"../../chunk-WPL5YDIT.js";import"../../chunk-CHWPEBR7.js";import"../../chunk-ZJFVVCQ7.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 Divider};
+//# sourceMappingURL=Divider.js.map

package/dist/components/Divider/Divider.js.map

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

package/dist/components/Divider/Divider.props.cjs

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

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

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

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

@@ -0,0 +1,28 @@
+import { ComponentPropsWithout, RemovedProps } from '../../types/component-props.cjs';
+import { Orientation } from '../../types/orientation.cjs';
+import 'react';
+
+declare const dividerPropDefs: {
+    color: {
+        className: string;
+        responsive: false;
+    };
+};
+interface DividerProps extends ComponentPropsWithout<'hr', 'children' | RemovedProps> {
+    /**
+     * @default horizontal
+     */
+    orientation?: Orientation;
+    /**
+     * Whether or not the component is purely decorative. When true, accessibility-related attributes
+     * are updated so that that the rendered element is removed from the accessibility tree.
+     */
+    decorative?: boolean;
+    /**
+     * Override the default Divider colour.
+     * It is recommended to use the colours from the `@utilitywarehouse/colour-system` package.
+     */
+    color?: string;
+}
+
+export { type DividerProps, dividerPropDefs };

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

@@ -0,0 +1,28 @@
+import { ComponentPropsWithout, RemovedProps } from '../../types/component-props.js';
+import { Orientation } from '../../types/orientation.js';
+import 'react';
+
+declare const dividerPropDefs: {
+    color: {
+        className: string;
+        responsive: false;
+    };
+};
+interface DividerProps extends ComponentPropsWithout<'hr', 'children' | RemovedProps> {
+    /**
+     * @default horizontal
+     */
+    orientation?: Orientation;
+    /**
+     * Whether or not the component is purely decorative. When true, accessibility-related attributes
+     * are updated so that that the rendered element is removed from the accessibility tree.
+     */
+    decorative?: boolean;
+    /**
+     * Override the default Divider colour.
+     * It is recommended to use the colours from the `@utilitywarehouse/colour-system` package.
+     */
+    color?: string;
+}
+
+export { type DividerProps, dividerPropDefs };

package/dist/components/Divider/Divider.props.js

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

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

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