@utilitywarehouse/hearth-react 0.0.0

package/dist/components/CheckboxBase/CheckboxBase.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { ElementRef } from 'react';
+import { CheckboxBaseProps } from './CheckboxBase.props.js';
+import '@radix-ui/react-checkbox';
+
+type CheckboxBaseElement = ElementRef<'button'>;
+declare const CheckboxBase: React.ForwardRefExoticComponent<CheckboxBaseProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { CheckboxBase, type CheckboxBaseElement };

package/dist/components/CheckboxBase/CheckboxBase.js

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

package/dist/components/CheckboxBase/CheckboxBase.js.map

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

package/dist/components/CheckboxBase/CheckboxBase.props.cjs

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

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

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

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

@@ -0,0 +1,23 @@
+import { ReactNode } from 'react';
+import { CheckboxProps } from '@radix-ui/react-checkbox';
+
+interface CheckboxBaseProps extends Omit<CheckboxProps, 'asChild' | 'value' | 'onCheckedChange' | 'defaultChecked' | 'defaultValue'> {
+    /** The value given as data when submitted with a `name`. */
+    value?: string;
+    defaultValue?: string;
+    /**
+     * The label for the Checkbox. If not using please properly associate the
+     * checkbox with a label using the `aria-label` or `aria-labelledby` props.
+     */
+    label?: ReactNode;
+    /** Helper text for the Checkbox. Will not display if the checkbox group has `helperText` set. */
+    helperText?: ReactNode;
+    /** The controlled checked state of the checkbox. Must be used in conjunction with onCheckedChange. */
+    checked?: boolean;
+    /** Event handler called when the checked state of the checkbox changes. */
+    onCheckedChange?: (checked: boolean) => void;
+    /** The checked state of the checkbox when it is initially rendered. Use when you do not need to control its checked state. */
+    defaultChecked?: boolean;
+}
+
+export type { CheckboxBaseProps };

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

@@ -0,0 +1,23 @@
+import { ReactNode } from 'react';
+import { CheckboxProps } from '@radix-ui/react-checkbox';
+
+interface CheckboxBaseProps extends Omit<CheckboxProps, 'asChild' | 'value' | 'onCheckedChange' | 'defaultChecked' | 'defaultValue'> {
+    /** The value given as data when submitted with a `name`. */
+    value?: string;
+    defaultValue?: string;
+    /**
+     * The label for the Checkbox. If not using please properly associate the
+     * checkbox with a label using the `aria-label` or `aria-labelledby` props.
+     */
+    label?: ReactNode;
+    /** Helper text for the Checkbox. Will not display if the checkbox group has `helperText` set. */
+    helperText?: ReactNode;
+    /** The controlled checked state of the checkbox. Must be used in conjunction with onCheckedChange. */
+    checked?: boolean;
+    /** Event handler called when the checked state of the checkbox changes. */
+    onCheckedChange?: (checked: boolean) => void;
+    /** The checked state of the checkbox when it is initially rendered. Use when you do not need to control its checked state. */
+    defaultChecked?: boolean;
+}
+
+export type { CheckboxBaseProps };

package/dist/components/CheckboxBase/CheckboxBase.props.js

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

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

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

package/dist/components/CheckboxGridGroup/CheckboxGridGroup.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkPU2MXBDZcjs = require('../../chunk-PU2MXBDZ.cjs');require('../../chunk-R5OFM6MV.cjs');require('../../chunk-V764G3P3.cjs');require('../../chunk-KUVJA5EA.cjs');require('../../chunk-2RMIQGC2.cjs');require('../../chunk-DKMO72XC.cjs');require('../../chunk-6YPEQ4NS.cjs');require('../../chunk-RNI77PJE.cjs');require('../../chunk-QUG4RSGO.cjs');require('../../chunk-2RXCALFU.cjs');require('../../chunk-TJIAK5YJ.cjs');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');exports.CheckboxGridGroup = _chunkPU2MXBDZcjs.a;
+//# sourceMappingURL=CheckboxGridGroup.cjs.map

package/dist/components/CheckboxGridGroup/CheckboxGridGroup.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/components/CheckboxGridGroup/CheckboxGridGroup.cjs"],"names":[],"mappings":"AAAA,qIAAuC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,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/CheckboxGridGroup/CheckboxGridGroup.cjs"}

package/dist/components/CheckboxGridGroup/CheckboxGridGroup.d.cts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import { CheckboxGridGroupProps } from './CheckboxGridGroup.props.cjs';
+import '../../props/columns.props.cjs';
+import '../../types/responsive.cjs';
+import '../../props/size.props.cjs';
+import '../CheckboxGroup/CheckboxGroup.props.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,
+ * displayed in a grid layout. The `CheckboxGridGroup` uses a fieldset to group
+ * related `Checkbox` controls. For displaying checkboxes in a column or row,
+ * please use the `CheckboxGroup` component. The `CheckboxGridGroup` is
+ * responsible for handling the value, helper text, error state, error message,
+ * and disabled state, as well as determining the presentation and selection of
+ * the items in the list.
+ */
+declare const CheckboxGridGroup: React.ForwardRefExoticComponent<CheckboxGridGroupProps & React.RefAttributes<HTMLFieldSetElement>>;
+
+export { CheckboxGridGroup };

package/dist/components/CheckboxGridGroup/CheckboxGridGroup.d.ts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import { CheckboxGridGroupProps } from './CheckboxGridGroup.props.js';
+import '../../props/columns.props.js';
+import '../../types/responsive.js';
+import '../../props/size.props.js';
+import '../CheckboxGroup/CheckboxGroup.props.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,
+ * displayed in a grid layout. The `CheckboxGridGroup` uses a fieldset to group
+ * related `Checkbox` controls. For displaying checkboxes in a column or row,
+ * please use the `CheckboxGroup` component. The `CheckboxGridGroup` is
+ * responsible for handling the value, helper text, error state, error message,
+ * and disabled state, as well as determining the presentation and selection of
+ * the items in the list.
+ */
+declare const CheckboxGridGroup: React.ForwardRefExoticComponent<CheckboxGridGroupProps & React.RefAttributes<HTMLFieldSetElement>>;
+
+export { CheckboxGridGroup };

package/dist/components/CheckboxGridGroup/CheckboxGridGroup.js

@@ -0,0 +1,2 @@
+import{a}from"../../chunk-CFN5OMJ3.js";import"../../chunk-M23VWXCX.js";import"../../chunk-FHYU6IWA.js";import"../../chunk-NO7XNHS3.js";import"../../chunk-X2APXILX.js";import"../../chunk-BJ2OK6RA.js";import"../../chunk-S35UBSDU.js";import"../../chunk-HMTIVDG5.js";import"../../chunk-BYAQL5FQ.js";import"../../chunk-D4TV6FFN.js";import"../../chunk-6BYUP5SF.js";import"../../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";export{a as CheckboxGridGroup};
+//# sourceMappingURL=CheckboxGridGroup.js.map

package/dist/components/CheckboxGridGroup/CheckboxGridGroup.js.map

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

package/dist/components/CheckboxGridGroup/CheckboxGridGroup.props.cjs

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

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

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

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

@@ -0,0 +1,22 @@
+import { ColumnsProps } from '../../props/columns.props.cjs';
+import { SizeProps } from '../../props/size.props.cjs';
+import { CheckboxGroupRootProps } from '../CheckboxGroup/CheckboxGroup.props.cjs';
+import { CheckboxGroupBaseProps } from '../CheckboxGroupBase/CheckboxGroupBase.props.cjs';
+import { FormFieldGroupProps } from '../FormFieldGroup/FormFieldGroup.props.cjs';
+import '../../types/responsive.cjs';
+import '../../types/component-props.cjs';
+import 'react';
+import '../CheckboxGroupBase/CheckboxGroupBase.context.cjs';
+import '../Fieldset/Fieldset.props.cjs';
+
+interface CheckboxGridGroupRootProps extends Omit<CheckboxGroupRootProps, 'direction'>, ColumnsProps {
+}
+interface CheckboxGridGroupProps extends Omit<CheckboxGridGroupRootProps, 'width' | keyof FormFieldGroupProps>, CheckboxGroupBaseProps, FormFieldGroupProps {
+    /**
+     * Set the container width of the CheckboxGridGroup children, independent to the width of the
+     * parent RadioGroup.
+     */
+    contentWidth?: SizeProps['width'];
+}
+
+export type { CheckboxGridGroupProps, CheckboxGridGroupRootProps };

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

@@ -0,0 +1,22 @@
+import { ColumnsProps } from '../../props/columns.props.js';
+import { SizeProps } from '../../props/size.props.js';
+import { CheckboxGroupRootProps } from '../CheckboxGroup/CheckboxGroup.props.js';
+import { CheckboxGroupBaseProps } from '../CheckboxGroupBase/CheckboxGroupBase.props.js';
+import { FormFieldGroupProps } from '../FormFieldGroup/FormFieldGroup.props.js';
+import '../../types/responsive.js';
+import '../../types/component-props.js';
+import 'react';
+import '../CheckboxGroupBase/CheckboxGroupBase.context.js';
+import '../Fieldset/Fieldset.props.js';
+
+interface CheckboxGridGroupRootProps extends Omit<CheckboxGroupRootProps, 'direction'>, ColumnsProps {
+}
+interface CheckboxGridGroupProps extends Omit<CheckboxGridGroupRootProps, 'width' | keyof FormFieldGroupProps>, CheckboxGroupBaseProps, FormFieldGroupProps {
+    /**
+     * Set the container width of the CheckboxGridGroup children, independent to the width of the
+     * parent RadioGroup.
+     */
+    contentWidth?: SizeProps['width'];
+}
+
+export type { CheckboxGridGroupProps, CheckboxGridGroupRootProps };

package/dist/components/CheckboxGridGroup/CheckboxGridGroup.props.js

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

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

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

package/dist/components/CheckboxGridGroup/CheckboxGridGroup.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 _chunkPU2MXBDZcjs = require('../../chunk-PU2MXBDZ.cjs');var _chunkR5OFM6MVcjs = require('../../chunk-R5OFM6MV.cjs');var _chunkJ25P5VHRcjs = require('../../chunk-J25P5VHR.cjs');require('../../chunk-V764G3P3.cjs');require('../../chunk-KUVJA5EA.cjs');require('../../chunk-2RMIQGC2.cjs');require('../../chunk-DKMO72XC.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-TJIAK5YJ.cjs');var _chunkE4Z5EPLWcjs = require('../../chunk-E4Z5EPLW.cjs');require('../../chunk-OJBKUH5L.cjs');require('../../chunk-6KGSKNZC.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-DSW76HKT.cjs');require('../../chunk-JHPCQWHT.cjs');var _react = require('react'); var e = _interopRequireWildcard(_react);var b={title:"Stories / CheckboxGridGroup",component:_chunkPU2MXBDZcjs.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"}},contentWidth:{control:{type:"text"}},columns:{control:{type:"number"}}},args:{label:"Label",defaultValue:["1","2"],columns:2,disabled:!1,helperText:"Helper text",helperTextPosition:"top",showHelperTextIcon:!1,error:!1,errorMessage:"There is an error",showErrorMessageIcon:!0,contentWidth:void 0}},d= exports.default =b,v= exports.Workshop ={name:"CheckboxGridGroup",render:r=>e.createElement("form",null,e.createElement(_chunkPU2MXBDZcjs.a,{...r,name:"checkbox-tiles-story"},e.createElement(_chunkJ25P5VHRcjs.a,{value:"1",label:"One"}),e.createElement(_chunkJ25P5VHRcjs.a,{value:"2",label:"Two"}),e.createElement(_chunkJ25P5VHRcjs.a,{value:"3",label:"Three"}),e.createElement(_chunkJ25P5VHRcjs.a,{value:"4",label:"Four"}),e.createElement(_chunkJ25P5VHRcjs.a,{value:"5",label:"Five"}),e.createElement(_chunkJ25P5VHRcjs.a,{value:"6",label:"Six"})))},T= exports.Controlled ={render:()=>{let[r,n]=e.useState(["1"]);return e.createElement(_chunkITEBLI43cjs.a,{direction:"column",gap:"400"},e.createElement(_chunkE4Z5EPLWcjs.a,null,"Checked: ",r.join(", ")),e.createElement(_chunkPU2MXBDZcjs.a,{defaultValue:r,onValueChange:u=>n(u)},e.createElement(_chunkJ25P5VHRcjs.a,{value:"1",label:"One"}),e.createElement(_chunkJ25P5VHRcjs.a,{value:"2",label:"Two"}),e.createElement(_chunkJ25P5VHRcjs.a,{value:"3",label:"Three"}),e.createElement(_chunkJ25P5VHRcjs.a,{value:"4",label:"Four"}),e.createElement(_chunkJ25P5VHRcjs.a,{value:"5",label:"Five"}),e.createElement(_chunkJ25P5VHRcjs.a,{value:"6",label:"Six"})))}},m= exports.CheckboxGridWithRadioHelperText ={name:"With Checkbox HelperText",render:r=>e.createElement(_chunkPU2MXBDZcjs.a,{...r},e.createElement(_chunkJ25P5VHRcjs.a,{value:"1",label:"One",helperText:"One helper text"}),e.createElement(_chunkJ25P5VHRcjs.a,{value:"2",label:"Two",helperText:"Two helper text"}),e.createElement(_chunkJ25P5VHRcjs.a,{value:"3",label:"Three",helperText:"Three helper text"}),e.createElement(_chunkJ25P5VHRcjs.a,{value:"4",label:"One",helperText:"Four helper text"}),e.createElement(_chunkJ25P5VHRcjs.a,{value:"5",label:"Two",helperText:"Five helper text"}),e.createElement(_chunkJ25P5VHRcjs.a,{value:"6",label:"Three",helperText:"Six helper text"})),args:{helperText:""}},G= exports.CheckboxGridGroupResponsiveColumns ={name:"With Responsive Columns",render:r=>e.createElement(_chunkPU2MXBDZcjs.a,{...r},e.createElement(_chunkJ25P5VHRcjs.a,{value:"1",label:"One"}),e.createElement(_chunkJ25P5VHRcjs.a,{value:"2",label:"Two"}),e.createElement(_chunkJ25P5VHRcjs.a,{value:"3",label:"Three"}),e.createElement(_chunkJ25P5VHRcjs.a,{value:"4",label:"Four"}),e.createElement(_chunkJ25P5VHRcjs.a,{value:"5",label:"Five"}),e.createElement(_chunkJ25P5VHRcjs.a,{value:"6",label:"Six"})),args:{helperText:"CheckboxGridGroup with Responsive Columns",columns:{mobile:1,tablet:2,desktop:3,wide:6}}},y= exports.CheckboxGridGroupRootStory ={name:"CheckboxGridGroupRoot",render:r=>e.createElement(_chunkITEBLI43cjs.a,{asChild:!0,gap:"800"},e.createElement("form",null,e.createElement(_chunkR5OFM6MVcjs.a,{...r,name:"checkbox-tiles-story"},e.createElement(_chunkJ25P5VHRcjs.a,{value:"1",label:"One"}),e.createElement(_chunkJ25P5VHRcjs.a,{value:"2",label:"Two"}),e.createElement(_chunkJ25P5VHRcjs.a,{value:"3",label:"Three"}),e.createElement(_chunkJ25P5VHRcjs.a,{value:"4",label:"Four"}),e.createElement(_chunkJ25P5VHRcjs.a,{value:"5",label:"Five"}),e.createElement(_chunkJ25P5VHRcjs.a,{value:"6",label:"Six"})))),parameters:{controls:{exclude:["helperText","label","helperTextPosition","showHelperTextIcon","error","errorMessage","showErrorMessageIcon","contentWidth"]}}};exports.CheckboxGridGroupResponsiveColumns = G; exports.CheckboxGridGroupRootStory = y; exports.CheckboxGridWithRadioHelperText = m; exports.Controlled = T; exports.Workshop = v; exports.default = d;
+//# sourceMappingURL=CheckboxGridGroup.stories.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/components/CheckboxGridGroup/CheckboxGridGroup.stories.cjs","../../../src/components/CheckboxGridGroup/CheckboxGridGroup.stories.tsx"],"names":["meta","CheckboxGridGroup","CheckboxGridGroup_stories_default","Workshop","args","CheckboxTile","Controlled","value","setValue","Flex","BodyText","v","CheckboxGridWithRadioHelperText","CheckboxGridGroupResponsiveColumns","CheckboxGridGroupRootStory","CheckboxGridGroupRoot"],"mappings":"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","file":"/home/runner/work/hearth/hearth/packages/react/dist/components/CheckboxGridGroup/CheckboxGridGroup.stories.cjs","sourcesContent":[null,"import * as React from 'react';\n\nimport type { Meta, StoryObj } from '@storybook/react';\n\nimport { CheckboxGridGroup } from './CheckboxGridGroup';\nimport { CheckboxGridGroupRoot } from './CheckboxGridGroupRoot';\nimport { CheckboxTile } from '../CheckboxTile/CheckboxTile';\nimport { Flex } from '../Flex/Flex';\nimport { BodyText } from '../BodyText/BodyText';\n\nconst meta: Meta<typeof CheckboxGridGroup> = {\n  title: 'Stories / CheckboxGridGroup',\n  component: CheckboxGridGroup,\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    contentWidth: { control: { type: 'text' } },\n    columns: { control: { type: 'number' } },\n  },\n  args: {\n    label: 'Label',\n    defaultValue: ['1', '2'],\n    columns: 2,\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    contentWidth: undefined,\n  },\n};\n\nexport default meta;\ntype Story = StoryObj<typeof CheckboxGridGroup>;\n\nexport const Workshop: Story = {\n  name: 'CheckboxGridGroup',\n  render: args => (\n    <form>\n      <CheckboxGridGroup {...args} name=\"checkbox-tiles-story\">\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        <CheckboxTile value=\"6\" label=\"Six\" />\n      </CheckboxGridGroup>\n    </form>\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        <CheckboxGridGroup defaultValue={value} onValueChange={v => setValue(v)}>\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          <CheckboxTile value=\"6\" label=\"Six\" />\n        </CheckboxGridGroup>\n      </Flex>\n    );\n  },\n};\n\nexport const CheckboxGridWithRadioHelperText: Story = {\n  name: 'With Checkbox HelperText',\n  render: args => {\n    return (\n      <CheckboxGridGroup {...args}>\n        <CheckboxTile value=\"1\" label=\"One\" helperText=\"One helper text\" />\n        <CheckboxTile value=\"2\" label=\"Two\" helperText=\"Two helper text\" />\n        <CheckboxTile value=\"3\" label=\"Three\" helperText=\"Three helper text\" />\n        <CheckboxTile value=\"4\" label=\"One\" helperText=\"Four helper text\" />\n        <CheckboxTile value=\"5\" label=\"Two\" helperText=\"Five helper text\" />\n        <CheckboxTile value=\"6\" label=\"Three\" helperText=\"Six helper text\" />\n      </CheckboxGridGroup>\n    );\n  },\n  args: {\n    helperText: '',\n  },\n};\n\nexport const CheckboxGridGroupResponsiveColumns: Story = {\n  name: 'With Responsive Columns',\n  render: args => {\n    return (\n      <CheckboxGridGroup {...args}>\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        <CheckboxTile value=\"6\" label=\"Six\" />\n      </CheckboxGridGroup>\n    );\n  },\n  args: {\n    helperText: 'CheckboxGridGroup with Responsive Columns',\n    columns: { mobile: 1, tablet: 2, desktop: 3, wide: 6 },\n  },\n};\n\nexport const CheckboxGridGroupRootStory: StoryObj<typeof CheckboxGridGroupRoot> = {\n  name: 'CheckboxGridGroupRoot',\n  render: args => (\n    <Flex asChild gap=\"800\">\n      <form>\n        <CheckboxGridGroupRoot {...args} name=\"checkbox-tiles-story\">\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          <CheckboxTile value=\"6\" label=\"Six\" />\n        </CheckboxGridGroupRoot>\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/CheckboxGridGroup/CheckboxGridGroup.stories.d.cts

@@ -0,0 +1,25 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { CheckboxGridGroup } from './CheckboxGridGroup.cjs';
+import { CheckboxGridGroupRoot } from './CheckboxGridGroupRoot.cjs';
+import 'react';
+import './CheckboxGridGroup.props.cjs';
+import '../../props/columns.props.cjs';
+import '../../types/responsive.cjs';
+import '../../props/size.props.cjs';
+import '../CheckboxGroup/CheckboxGroup.props.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 CheckboxGridGroup>;
+
+type Story = StoryObj<typeof CheckboxGridGroup>;
+declare const Workshop: Story;
+declare const Controlled: Story;
+declare const CheckboxGridWithRadioHelperText: Story;
+declare const CheckboxGridGroupResponsiveColumns: Story;
+declare const CheckboxGridGroupRootStory: StoryObj<typeof CheckboxGridGroupRoot>;
+
+export { CheckboxGridGroupResponsiveColumns, CheckboxGridGroupRootStory, CheckboxGridWithRadioHelperText, Controlled, Workshop, meta as default };

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

@@ -0,0 +1,25 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { CheckboxGridGroup } from './CheckboxGridGroup.js';
+import { CheckboxGridGroupRoot } from './CheckboxGridGroupRoot.js';
+import 'react';
+import './CheckboxGridGroup.props.js';
+import '../../props/columns.props.js';
+import '../../types/responsive.js';
+import '../../props/size.props.js';
+import '../CheckboxGroup/CheckboxGroup.props.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 CheckboxGridGroup>;
+
+type Story = StoryObj<typeof CheckboxGridGroup>;
+declare const Workshop: Story;
+declare const Controlled: Story;
+declare const CheckboxGridWithRadioHelperText: Story;
+declare const CheckboxGridGroupResponsiveColumns: Story;
+declare const CheckboxGridGroupRootStory: StoryObj<typeof CheckboxGridGroupRoot>;
+
+export { CheckboxGridGroupResponsiveColumns, CheckboxGridGroupRootStory, CheckboxGridWithRadioHelperText, Controlled, Workshop, meta as default };

package/dist/components/CheckboxGridGroup/CheckboxGridGroup.stories.js

@@ -0,0 +1,2 @@
+import{a as l}from"../../chunk-CFN5OMJ3.js";import{a as p}from"../../chunk-M23VWXCX.js";import{a as o}from"../../chunk-PHP5SHGH.js";import"../../chunk-FHYU6IWA.js";import"../../chunk-NO7XNHS3.js";import"../../chunk-X2APXILX.js";import"../../chunk-BJ2OK6RA.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-6BYUP5SF.js";import{a}from"../../chunk-L4762CTD.js";import"../../chunk-FQSYNGC6.js";import"../../chunk-CK6SNGZR.js";import{a as t}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";var b={title:"Stories / CheckboxGridGroup",component:l,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"}},contentWidth:{control:{type:"text"}},columns:{control:{type:"number"}}},args:{label:"Label",defaultValue:["1","2"],columns:2,disabled:!1,helperText:"Helper text",helperTextPosition:"top",showHelperTextIcon:!1,error:!1,errorMessage:"There is an error",showErrorMessageIcon:!0,contentWidth:void 0}},d=b,v={name:"CheckboxGridGroup",render:r=>e.createElement("form",null,e.createElement(l,{...r,name:"checkbox-tiles-story"},e.createElement(o,{value:"1",label:"One"}),e.createElement(o,{value:"2",label:"Two"}),e.createElement(o,{value:"3",label:"Three"}),e.createElement(o,{value:"4",label:"Four"}),e.createElement(o,{value:"5",label:"Five"}),e.createElement(o,{value:"6",label:"Six"})))},T={render:()=>{let[r,n]=e.useState(["1"]);return e.createElement(t,{direction:"column",gap:"400"},e.createElement(a,null,"Checked: ",r.join(", ")),e.createElement(l,{defaultValue:r,onValueChange:u=>n(u)},e.createElement(o,{value:"1",label:"One"}),e.createElement(o,{value:"2",label:"Two"}),e.createElement(o,{value:"3",label:"Three"}),e.createElement(o,{value:"4",label:"Four"}),e.createElement(o,{value:"5",label:"Five"}),e.createElement(o,{value:"6",label:"Six"})))}},m={name:"With Checkbox HelperText",render:r=>e.createElement(l,{...r},e.createElement(o,{value:"1",label:"One",helperText:"One helper text"}),e.createElement(o,{value:"2",label:"Two",helperText:"Two helper text"}),e.createElement(o,{value:"3",label:"Three",helperText:"Three helper text"}),e.createElement(o,{value:"4",label:"One",helperText:"Four helper text"}),e.createElement(o,{value:"5",label:"Two",helperText:"Five helper text"}),e.createElement(o,{value:"6",label:"Three",helperText:"Six helper text"})),args:{helperText:""}},G={name:"With Responsive Columns",render:r=>e.createElement(l,{...r},e.createElement(o,{value:"1",label:"One"}),e.createElement(o,{value:"2",label:"Two"}),e.createElement(o,{value:"3",label:"Three"}),e.createElement(o,{value:"4",label:"Four"}),e.createElement(o,{value:"5",label:"Five"}),e.createElement(o,{value:"6",label:"Six"})),args:{helperText:"CheckboxGridGroup with Responsive Columns",columns:{mobile:1,tablet:2,desktop:3,wide:6}}},y={name:"CheckboxGridGroupRoot",render:r=>e.createElement(t,{asChild:!0,gap:"800"},e.createElement("form",null,e.createElement(p,{...r,name:"checkbox-tiles-story"},e.createElement(o,{value:"1",label:"One"}),e.createElement(o,{value:"2",label:"Two"}),e.createElement(o,{value:"3",label:"Three"}),e.createElement(o,{value:"4",label:"Four"}),e.createElement(o,{value:"5",label:"Five"}),e.createElement(o,{value:"6",label:"Six"})))),parameters:{controls:{exclude:["helperText","label","helperTextPosition","showHelperTextIcon","error","errorMessage","showErrorMessageIcon","contentWidth"]}}};export{G as CheckboxGridGroupResponsiveColumns,y as CheckboxGridGroupRootStory,m as CheckboxGridWithRadioHelperText,T as Controlled,v as Workshop,d as default};
+//# sourceMappingURL=CheckboxGridGroup.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/CheckboxGridGroup/CheckboxGridGroup.stories.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { Meta, StoryObj } from '@storybook/react';\n\nimport { CheckboxGridGroup } from './CheckboxGridGroup';\nimport { CheckboxGridGroupRoot } from './CheckboxGridGroupRoot';\nimport { CheckboxTile } from '../CheckboxTile/CheckboxTile';\nimport { Flex } from '../Flex/Flex';\nimport { BodyText } from '../BodyText/BodyText';\n\nconst meta: Meta<typeof CheckboxGridGroup> = {\n  title: 'Stories / CheckboxGridGroup',\n  component: CheckboxGridGroup,\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    contentWidth: { control: { type: 'text' } },\n    columns: { control: { type: 'number' } },\n  },\n  args: {\n    label: 'Label',\n    defaultValue: ['1', '2'],\n    columns: 2,\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    contentWidth: undefined,\n  },\n};\n\nexport default meta;\ntype Story = StoryObj<typeof CheckboxGridGroup>;\n\nexport const Workshop: Story = {\n  name: 'CheckboxGridGroup',\n  render: args => (\n    <form>\n      <CheckboxGridGroup {...args} name=\"checkbox-tiles-story\">\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        <CheckboxTile value=\"6\" label=\"Six\" />\n      </CheckboxGridGroup>\n    </form>\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        <CheckboxGridGroup defaultValue={value} onValueChange={v => setValue(v)}>\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          <CheckboxTile value=\"6\" label=\"Six\" />\n        </CheckboxGridGroup>\n      </Flex>\n    );\n  },\n};\n\nexport const CheckboxGridWithRadioHelperText: Story = {\n  name: 'With Checkbox HelperText',\n  render: args => {\n    return (\n      <CheckboxGridGroup {...args}>\n        <CheckboxTile value=\"1\" label=\"One\" helperText=\"One helper text\" />\n        <CheckboxTile value=\"2\" label=\"Two\" helperText=\"Two helper text\" />\n        <CheckboxTile value=\"3\" label=\"Three\" helperText=\"Three helper text\" />\n        <CheckboxTile value=\"4\" label=\"One\" helperText=\"Four helper text\" />\n        <CheckboxTile value=\"5\" label=\"Two\" helperText=\"Five helper text\" />\n        <CheckboxTile value=\"6\" label=\"Three\" helperText=\"Six helper text\" />\n      </CheckboxGridGroup>\n    );\n  },\n  args: {\n    helperText: '',\n  },\n};\n\nexport const CheckboxGridGroupResponsiveColumns: Story = {\n  name: 'With Responsive Columns',\n  render: args => {\n    return (\n      <CheckboxGridGroup {...args}>\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        <CheckboxTile value=\"6\" label=\"Six\" />\n      </CheckboxGridGroup>\n    );\n  },\n  args: {\n    helperText: 'CheckboxGridGroup with Responsive Columns',\n    columns: { mobile: 1, tablet: 2, desktop: 3, wide: 6 },\n  },\n};\n\nexport const CheckboxGridGroupRootStory: StoryObj<typeof CheckboxGridGroupRoot> = {\n  name: 'CheckboxGridGroupRoot',\n  render: args => (\n    <Flex asChild gap=\"800\">\n      <form>\n        <CheckboxGridGroupRoot {...args} name=\"checkbox-tiles-story\">\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          <CheckboxTile value=\"6\" label=\"Six\" />\n        </CheckboxGridGroupRoot>\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","meta","CheckboxGridGroup","CheckboxGridGroup_stories_default","Workshop","args","CheckboxTile","Controlled","value","setValue","Flex","BodyText","v","CheckboxGridWithRadioHelperText","CheckboxGridGroupResponsiveColumns","CheckboxGridGroupRootStory","CheckboxGridGroupRoot"]}

package/dist/components/CheckboxGridGroup/CheckboxGridGroupRoot.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkR5OFM6MVcjs = require('../../chunk-R5OFM6MV.cjs');require('../../chunk-DKMO72XC.cjs');require('../../chunk-QUG4RSGO.cjs');require('../../chunk-TJIAK5YJ.cjs');require('../../chunk-6KGSKNZC.cjs');require('../../chunk-IYSVQSPG.cjs');require('../../chunk-DJHEPSCN.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.CheckboxGridGroupRoot = _chunkR5OFM6MVcjs.a;
+//# sourceMappingURL=CheckboxGridGroupRoot.cjs.map

package/dist/components/CheckboxGridGroup/CheckboxGridGroupRoot.cjs.map

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

package/dist/components/CheckboxGridGroup/CheckboxGridGroupRoot.d.cts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { CheckboxGridGroupRootProps } from './CheckboxGridGroup.props.cjs';
+import '../../props/columns.props.cjs';
+import '../../types/responsive.cjs';
+import '../../props/size.props.cjs';
+import '../CheckboxGroup/CheckboxGroup.props.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 CheckboxGridGroupRoot: React.ForwardRefExoticComponent<CheckboxGridGroupRootProps & React.RefAttributes<HTMLDivElement>>;
+
+export { CheckboxGridGroupRoot };

package/dist/components/CheckboxGridGroup/CheckboxGridGroupRoot.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { CheckboxGridGroupRootProps } from './CheckboxGridGroup.props.js';
+import '../../props/columns.props.js';
+import '../../types/responsive.js';
+import '../../props/size.props.js';
+import '../CheckboxGroup/CheckboxGroup.props.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 CheckboxGridGroupRoot: React.ForwardRefExoticComponent<CheckboxGridGroupRootProps & React.RefAttributes<HTMLDivElement>>;
+
+export { CheckboxGridGroupRoot };

package/dist/components/CheckboxGridGroup/CheckboxGridGroupRoot.js

@@ -0,0 +1,2 @@
+import{a}from"../../chunk-M23VWXCX.js";import"../../chunk-BJ2OK6RA.js";import"../../chunk-BYAQL5FQ.js";import"../../chunk-6BYUP5SF.js";import"../../chunk-CK6SNGZR.js";import"../../chunk-EUTKQ2DV.js";import"../../chunk-VOP5EEZY.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 CheckboxGridGroupRoot};
+//# sourceMappingURL=CheckboxGridGroupRoot.js.map

package/dist/components/CheckboxGridGroup/CheckboxGridGroupRoot.js.map

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

package/dist/components/CheckboxGroup/CheckboxGroup.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkA57N4TVTcjs = require('../../chunk-A57N4TVT.cjs');require('../../chunk-EPYNWCG4.cjs');require('../../chunk-V764G3P3.cjs');require('../../chunk-KUVJA5EA.cjs');require('../../chunk-2RMIQGC2.cjs');require('../../chunk-DKMO72XC.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-DSW76HKT.cjs');require('../../chunk-JHPCQWHT.cjs');exports.CheckboxGroup = _chunkA57N4TVTcjs.a;
+//# sourceMappingURL=CheckboxGroup.cjs.map

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

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

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

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { CheckboxGroupProps } 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.
+ * The `CheckboxGroup` uses a fieldset to group related `Checkbox` controls.
+ * The `CheckboxGroup` is responsible for handling the value, label, helper
+ * text, error state, error message, and disabled state, as well as determining
+ * the presentation and selection of the items in the list.
+ */
+declare const CheckboxGroup: React.ForwardRefExoticComponent<CheckboxGroupProps & React.RefAttributes<HTMLFieldSetElement>>;
+
+export { CheckboxGroup };

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

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { CheckboxGroupProps } 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.
+ * The `CheckboxGroup` uses a fieldset to group related `Checkbox` controls.
+ * The `CheckboxGroup` is responsible for handling the value, label, helper
+ * text, error state, error message, and disabled state, as well as determining
+ * the presentation and selection of the items in the list.
+ */
+declare const CheckboxGroup: React.ForwardRefExoticComponent<CheckboxGroupProps & React.RefAttributes<HTMLFieldSetElement>>;
+
+export { CheckboxGroup };

package/dist/components/CheckboxGroup/CheckboxGroup.js

@@ -0,0 +1,2 @@
+import{a}from"../../chunk-TPJIZHEG.js";import"../../chunk-3NRPISDE.js";import"../../chunk-FHYU6IWA.js";import"../../chunk-NO7XNHS3.js";import"../../chunk-X2APXILX.js";import"../../chunk-BJ2OK6RA.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-DVGYWBKQ.js";import"../../chunk-4IJEOHER.js";export{a as CheckboxGroup};
+//# sourceMappingURL=CheckboxGroup.js.map

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

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

package/dist/components/CheckboxGroup/CheckboxGroup.props.cjs

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

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

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

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

@@ -0,0 +1,34 @@
+import { SizeProps } from '../../props/size.props.cjs';
+import { ComponentPropsWithout, RemovedProps } from '../../types/component-props.cjs';
+import { CheckboxGroupBaseProps } from '../CheckboxGroupBase/CheckboxGroupBase.props.cjs';
+import { FormFieldGroupProps } from '../FormFieldGroup/FormFieldGroup.props.cjs';
+import '../../types/responsive.cjs';
+import 'react';
+import '../CheckboxGroupBase/CheckboxGroupBase.context.cjs';
+import '../Fieldset/Fieldset.props.cjs';
+
+interface CheckboxGroupRootOwnProps {
+    name?: string;
+    required?: boolean;
+    disabled?: boolean;
+    defaultValue?: Array<string>;
+    value?: Array<string>;
+    onValueChange?: (value: Array<string>) => void;
+    /** The direction of the checkboxes, will also set the aria-orientation value. */
+    direction?: 'column' | 'row';
+    /**
+     * Set the width of the RadioGroup.
+     */
+    width?: SizeProps['width'];
+}
+interface CheckboxGroupRootProps extends CheckboxGroupRootOwnProps, ComponentPropsWithout<'div', keyof CheckboxGroupRootOwnProps | RemovedProps> {
+}
+interface CheckboxGroupProps extends Omit<CheckboxGroupRootOwnProps, 'width'>, CheckboxGroupBaseProps, Omit<FormFieldGroupProps, keyof CheckboxGroupRootOwnProps> {
+    /**
+     * Set the container width of the RadioGroup children, independent to the width of the
+     * parent RadioGroup.
+     */
+    contentWidth?: SizeProps['width'];
+}
+
+export type { CheckboxGroupProps, CheckboxGroupRootOwnProps, CheckboxGroupRootProps };

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

@@ -0,0 +1,34 @@
+import { SizeProps } from '../../props/size.props.js';
+import { ComponentPropsWithout, RemovedProps } from '../../types/component-props.js';
+import { CheckboxGroupBaseProps } from '../CheckboxGroupBase/CheckboxGroupBase.props.js';
+import { FormFieldGroupProps } from '../FormFieldGroup/FormFieldGroup.props.js';
+import '../../types/responsive.js';
+import 'react';
+import '../CheckboxGroupBase/CheckboxGroupBase.context.js';
+import '../Fieldset/Fieldset.props.js';
+
+interface CheckboxGroupRootOwnProps {
+    name?: string;
+    required?: boolean;
+    disabled?: boolean;
+    defaultValue?: Array<string>;
+    value?: Array<string>;
+    onValueChange?: (value: Array<string>) => void;
+    /** The direction of the checkboxes, will also set the aria-orientation value. */
+    direction?: 'column' | 'row';
+    /**
+     * Set the width of the RadioGroup.
+     */
+    width?: SizeProps['width'];
+}
+interface CheckboxGroupRootProps extends CheckboxGroupRootOwnProps, ComponentPropsWithout<'div', keyof CheckboxGroupRootOwnProps | RemovedProps> {
+}
+interface CheckboxGroupProps extends Omit<CheckboxGroupRootOwnProps, 'width'>, CheckboxGroupBaseProps, Omit<FormFieldGroupProps, keyof CheckboxGroupRootOwnProps> {
+    /**
+     * Set the container width of the RadioGroup children, independent to the width of the
+     * parent RadioGroup.
+     */
+    contentWidth?: SizeProps['width'];
+}
+
+export type { CheckboxGroupProps, CheckboxGroupRootOwnProps, CheckboxGroupRootProps };

package/dist/components/CheckboxGroup/CheckboxGroup.props.js

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

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

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

package/dist/components/CheckboxGroup/CheckboxGroup.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');var _chunkA57N4TVTcjs = require('../../chunk-A57N4TVT.cjs');var _chunkEPYNWCG4cjs = require('../../chunk-EPYNWCG4.cjs');require('../../chunk-V764G3P3.cjs');require('../../chunk-KUVJA5EA.cjs');require('../../chunk-2RMIQGC2.cjs');require('../../chunk-DKMO72XC.cjs');var _chunkAXEBDRDHcjs = require('../../chunk-AXEBDRDH.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 _chunk6KGSKNZCcjs = require('../../chunk-6KGSKNZC.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-DSW76HKT.cjs');require('../../chunk-JHPCQWHT.cjs');var _react = require('react'); var e = _interopRequireWildcard(_react);var _coloursystem = require('@utilitywarehouse/colour-system');var i={title:"Stories / CheckboxGroup",component:_chunkA57N4TVTcjs.a,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= exports.default =i,w= exports.Workshop ={render:r=>e.createElement(_chunkITEBLI43cjs.a,{asChild:!0,gap:"800"},e.createElement("form",null,e.createElement(_chunkA57N4TVTcjs.a,{...r,name:"checkbox-story"},e.createElement(_chunkAXEBDRDHcjs.a,{value:"1",label:"Energy"}),e.createElement(_chunkAXEBDRDHcjs.a,{value:"2",label:"Broadband"}),e.createElement(_chunkAXEBDRDHcjs.a,{value:"3",label:"Mobile"}),e.createElement(_chunkAXEBDRDHcjs.a,{value:"4",label:"Insurance"})),e.createElement(_chunkA57N4TVTcjs.a,{...r,name:"checkbox-tiles-story"},e.createElement(_chunkJ25P5VHRcjs.a,{value:"1",label:"Energy"}),e.createElement(_chunkJ25P5VHRcjs.a,{value:"2",label:"Broadband"}),e.createElement(_chunkJ25P5VHRcjs.a,{value:"3",label:"Mobile"}),e.createElement(_chunkJ25P5VHRcjs.a,{value:"4",label:"Insurance"}))))},G= exports.Controlled ={render:()=>{let[r,a]=e.useState(["1"]);return e.createElement(_chunkITEBLI43cjs.a,{direction:"column",gap:"400"},e.createElement(_chunkE4Z5EPLWcjs.a,null,"Checked: ",r.join(", ")),e.createElement(_chunkA57N4TVTcjs.a,{defaultValue:r,onValueChange:c=>a(c)},e.createElement(_chunkAXEBDRDHcjs.a,{value:"1",label:"One"}),e.createElement(_chunkAXEBDRDHcjs.a,{value:"2",label:"Two"}),e.createElement(_chunkAXEBDRDHcjs.a,{value:"3",label:"Three"})))}},S= exports.CheckboxHelperText ={name:"Checkbox HelperText",render:r=>e.createElement(_chunkA57N4TVTcjs.a,{...r},e.createElement(_chunkAXEBDRDHcjs.a,{value:"1",label:"Rap",helperText:"Including Grime"}),e.createElement(_chunkAXEBDRDHcjs.a,{value:"2",label:"Rock",helperText:"Including Heavy Metal"}),e.createElement(_chunkAXEBDRDHcjs.a,{value:"3",label:"Folk",helperText:"Including World music"}),e.createElement(_chunkAXEBDRDHcjs.a,{value:"4",label:"Dance",helperText:"Including House music"})),args:{label:"Choose music you enjoy.",helperText:"Please choose wisely."}},I= exports.ShowingError ={name:"Error message",render:r=>{let[a,c]=_react.useState.call(void 0, []);return e.createElement(_chunkA57N4TVTcjs.a,{...r,value:a,onValueChange:c,error:a.length<2},e.createElement(_chunkAXEBDRDHcjs.a,{value:"1",label:"Bear"}),e.createElement(_chunkAXEBDRDHcjs.a,{value:"2",label:"Koala"}),e.createElement(_chunkAXEBDRDHcjs.a,{value:"3",label:"Wolf"}),e.createElement(_chunkAXEBDRDHcjs.a,{value:"4",label:"Horse"}),e.createElement(_chunkAXEBDRDHcjs.a,{value:"5",label:"Chicken"}),e.createElement(_chunkAXEBDRDHcjs.a,{value:"6",label:"Peacock"}))},args:{errorMessage:"Please pick two.",label:"What are your two favourite animals?",helperTextPosition:"bottom"}},M= exports.ContentWidth ={render:r=>e.createElement(_chunkA57N4TVTcjs.a,{...r,helperText:"Setting the width of the children elements"},e.createElement(_chunkJ25P5VHRcjs.a,{value:"1",label:"One"}),e.createElement(_chunkJ25P5VHRcjs.a,{value:"2",label:"Two"}),e.createElement(_chunkJ25P5VHRcjs.a,{value:"3",label:"Three"})),args:{contentWidth:"200px"}},W= exports.Wrap ={render:r=>e.createElement(_chunk6KGSKNZCcjs.a,{height:"800px",width:"400px",padding:"200",style:{border:"2px solid",borderColor:_coloursystem.colors.grey500}},e.createElement(_chunkA57N4TVTcjs.a,{...r,direction:"row",helperText:"Child elements will wrap by default"},e.createElement(_chunkJ25P5VHRcjs.a,{value:"1",label:"One"}),e.createElement(_chunkJ25P5VHRcjs.a,{value:"2",label:"Two"}),e.createElement(_chunkJ25P5VHRcjs.a,{value:"3",label:"Three"}),e.createElement(_chunkJ25P5VHRcjs.a,{value:"4",label:"Four"}),e.createElement(_chunkJ25P5VHRcjs.a,{value:"5",label:"Five"})))},R= exports.CheckboxGroupRootStory ={name:"CheckboxGroupRoot",render:r=>e.createElement(_chunkITEBLI43cjs.a,{asChild:!0,direction:"column",gap:"800",width:"fit-content"},e.createElement("form",null,e.createElement(_chunkEPYNWCG4cjs.a,{...r,name:"checkbox-story"},e.createElement(_chunkAXEBDRDHcjs.a,{value:"1",label:"One"}),e.createElement(_chunkAXEBDRDHcjs.a,{value:"2",label:"Two"}),e.createElement(_chunkAXEBDRDHcjs.a,{value:"3",label:"Three"})),e.createElement(_chunkEPYNWCG4cjs.a,{...r,name:"checkbox-tiles-story"},e.createElement(_chunkJ25P5VHRcjs.a,{value:"1",label:"One"}),e.createElement(_chunkJ25P5VHRcjs.a,{value:"2",label:"Two"}),e.createElement(_chunkJ25P5VHRcjs.a,{value:"3",label:"Three"})))),parameters:{controls:{exclude:["helperText","label","helperTextPosition","showHelperTextIcon","error","errorMessage","showErrorMessageIcon","contentWidth"]}}};exports.CheckboxGroupRootStory = R; exports.CheckboxHelperText = S; exports.ContentWidth = M; exports.Controlled = G; exports.ShowingError = I; exports.Workshop = w; exports.Wrap = W; exports.default = g;
+//# sourceMappingURL=CheckboxGroup.stories.cjs.map