@arbor-education/design-system.components 0.1.5 → 0.2.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 ## 0.1.4
 
+## 0.2.0
+
+### Minor Changes
+
+- [#94](https://github.com/arbor-education/design-system.components/pull/94) [`c95548a`](https://github.com/arbor-education/design-system.components/commit/c95548af1a3f2ffb2e08709af7f7a3b3b7c1cf76) Thanks [@angusmglfraser](https://github.com/angusmglfraser)! - MIS-65036 added table settings, checkboxgroup, radiogroup, separator, fieldset, useComponentDidUpdate
+
 ## 0.1.5
 
 ### Patch Changes

package/dist/components/formField/fieldset/Fieldset.d.ts

@@ -0,0 +1,6 @@
+import type { HTMLProps } from 'react';
+export type FieldsetProps = {
+    legend: string;
+} & HTMLProps<HTMLFieldSetElement>;
+export declare const Fieldset: (props: FieldsetProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Fieldset.d.ts.map

package/dist/components/formField/fieldset/Fieldset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Fieldset.d.ts","sourceRoot":"","sources":["../../../../src/components/formField/fieldset/Fieldset.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,aAAa,GAAG;IAC1B,MAAM,EAAE,MAAM,CAAC;CAChB,GAAG,SAAS,CAAC,mBAAmB,CAAC,CAAC;AAEnC,eAAO,MAAM,QAAQ,GAAI,OAAO,aAAa,4CAS5C,CAAC"}

package/dist/components/formField/fieldset/Fieldset.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from 'classnames';
+export const Fieldset = (props) => {
+    const { legend, children, className, ...rest } = props;
+    return (_jsxs("fieldset", { className: classNames('ds-fieldset', className), ...rest, children: [_jsx("legend", { className: "ds-fieldset__legend", children: legend }), children] }));
+};
+//# sourceMappingURL=Fieldset.js.map

package/dist/components/formField/fieldset/Fieldset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Fieldset.js","sourceRoot":"","sources":["../../../../src/components/formField/fieldset/Fieldset.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AAOpC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;IAC/C,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAEvD,OAAO,CACL,oBAAU,SAAS,EAAE,UAAU,CAAC,aAAa,EAAE,SAAS,CAAC,KAAM,IAAI,aACjE,iBAAQ,SAAS,EAAC,qBAAqB,YAAE,MAAM,GAAU,EACxD,QAAQ,IACA,CACZ,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/formField/fieldset/Fieldset.stories.d.ts

@@ -0,0 +1,28 @@
+import type { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: (props: import("./Fieldset").FieldsetProps) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        legend: {
+            control: "text";
+            description: string;
+        };
+        disabled: {
+            control: "boolean";
+            description: string;
+        };
+        children: {
+            control: false;
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Disabled: Story;
+//# sourceMappingURL=Fieldset.stories.d.ts.map

package/dist/components/formField/fieldset/Fieldset.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Fieldset.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/formField/fieldset/Fieldset.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAM5D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;CAqBuB,CAAC;AAElC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,OAAO,EAAE,KAsBrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KA+BtB,CAAC"}

package/dist/components/formField/fieldset/Fieldset.stories.js

@@ -0,0 +1,51 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fieldset } from './Fieldset';
+import { FormField } from '../FormField';
+import { CheckboxInput } from '../inputs/checkbox/CheckboxInput';
+import { RadioButtonInput } from '../inputs/radio/RadioButtonInput';
+const meta = {
+    title: 'Components/FormField/Fieldset',
+    component: Fieldset,
+    parameters: {
+        layout: 'padded',
+    },
+    tags: ['autodocs'],
+    argTypes: {
+        legend: {
+            control: 'text',
+            description: 'The legend text for the fieldset',
+        },
+        disabled: {
+            control: 'boolean',
+            description: 'Disable all form controls within the fieldset',
+        },
+        children: {
+            control: false,
+            description: 'Form controls and other content to display within the fieldset',
+        },
+    },
+};
+export default meta;
+// Default fieldset with simple content
+export const Default = {
+    args: {
+        legend: 'Personal Information',
+        children: (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '1rem' }, children: [_jsx(FormField, { id: "first-name", label: "First Name", inputProps: {
+                        placeholder: 'Enter your first name',
+                    } }), _jsx(FormField, { id: "last-name", label: "Last Name", inputProps: {
+                        placeholder: 'Enter your last name',
+                    } })] })),
+    },
+};
+// Disabled fieldset
+export const Disabled = {
+    args: {
+        legend: 'Disabled Fieldset',
+        disabled: true,
+        children: (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '1rem' }, children: [_jsx(FormField, { id: "disabled-input", label: "Disabled Input", inputProps: {
+                        placeholder: 'This input is disabled',
+                        disabled: true,
+                    } }), _jsx(CheckboxInput, { id: "disabled-checkbox", name: "disabled", value: "disabled", label: "Disabled checkbox", disabled: true }), _jsx(RadioButtonInput, { id: "disabled-radio", name: "disabled", value: "disabled", label: "Disabled radio", disabled: true })] })),
+    },
+};
+//# sourceMappingURL=Fieldset.stories.js.map

package/dist/components/formField/fieldset/Fieldset.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Fieldset.stories.js","sourceRoot":"","sources":["../../../../src/components/formField/fieldset/Fieldset.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AAEpE,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,+BAA+B;IACtC,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE;QACV,MAAM,EAAE,QAAQ;KACjB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,MAAM,EAAE;YACN,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,kCAAkC;SAChD;QACD,QAAQ,EAAE;YACR,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,+CAA+C;SAC7D;QACD,QAAQ,EAAE;YACR,OAAO,EAAE,KAAK;YACd,WAAW,EAAE,gEAAgE;SAC9E;KACF;CAC8B,CAAC;AAElC,eAAe,IAAI,CAAC;AAGpB,uCAAuC;AACvC,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,MAAM,EAAE,sBAAsB;QAC9B,QAAQ,EAAE,CACR,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,aACnE,KAAC,SAAS,IACR,EAAE,EAAC,YAAY,EACf,KAAK,EAAC,YAAY,EAClB,UAAU,EAAE;wBACV,WAAW,EAAE,uBAAuB;qBACrC,GACD,EACF,KAAC,SAAS,IACR,EAAE,EAAC,WAAW,EACd,KAAK,EAAC,WAAW,EACjB,UAAU,EAAE;wBACV,WAAW,EAAE,sBAAsB;qBACpC,GACD,IACE,CACP;KACF;CACF,CAAC;AACF,oBAAoB;AACpB,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE;QACJ,MAAM,EAAE,mBAAmB;QAC3B,QAAQ,EAAE,IAAI;QACd,QAAQ,EAAE,CACR,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,aACnE,KAAC,SAAS,IACR,EAAE,EAAC,gBAAgB,EACnB,KAAK,EAAC,gBAAgB,EACtB,UAAU,EAAE;wBACV,WAAW,EAAE,wBAAwB;wBACrC,QAAQ,EAAE,IAAI;qBACf,GACD,EACF,KAAC,aAAa,IACZ,EAAE,EAAC,mBAAmB,EACtB,IAAI,EAAC,UAAU,EACf,KAAK,EAAC,UAAU,EAChB,KAAK,EAAC,mBAAmB,EACzB,QAAQ,EAAE,IAAI,GACd,EACF,KAAC,gBAAgB,IACf,EAAE,EAAC,gBAAgB,EACnB,IAAI,EAAC,UAAU,EACf,KAAK,EAAC,UAAU,EAChB,KAAK,EAAC,gBAAgB,EACtB,QAAQ,EAAE,IAAI,GACd,IACE,CACP;KACF;CACF,CAAC"}

package/dist/components/formField/fieldset/Fieldset.test.d.ts

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom/vitest';
+//# sourceMappingURL=Fieldset.test.d.ts.map

package/dist/components/formField/fieldset/Fieldset.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Fieldset.test.d.ts","sourceRoot":"","sources":["../../../../src/components/formField/fieldset/Fieldset.test.tsx"],"names":[],"mappings":"AAGA,OAAO,kCAAkC,CAAC"}

package/dist/components/formField/fieldset/Fieldset.test.js

@@ -0,0 +1,62 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { expect, test, describe } from 'vitest';
+import { Fieldset } from './Fieldset';
+import { render, screen } from '@testing-library/react';
+import '@testing-library/jest-dom/vitest';
+describe('Fieldset component', () => {
+    test('renders fieldset with legend', () => {
+        render(_jsx(Fieldset, { legend: "Test Legend", children: "Content" }));
+        expect(screen.getByText('Test Legend')).toBeInTheDocument();
+        expect(screen.getByText('Content')).toBeInTheDocument();
+    });
+    test('applies correct base class', () => {
+        render(_jsx(Fieldset, { legend: "Test Legend", children: "Content" }));
+        const fieldset = screen.getByText('Test Legend').closest('fieldset');
+        expect(fieldset).toHaveClass('ds-fieldset');
+    });
+    test('applies correct legend class', () => {
+        render(_jsx(Fieldset, { legend: "Test Legend", children: "Content" }));
+        const legend = screen.getByText('Test Legend');
+        expect(legend).toHaveClass('ds-fieldset__legend');
+    });
+    test('renders children content', () => {
+        render(_jsxs(Fieldset, { legend: "Form Section", children: [_jsx("input", { type: "text", placeholder: "First name" }), _jsx("input", { type: "text", placeholder: "Last name" })] }));
+        expect(screen.getByPlaceholderText('First name')).toBeInTheDocument();
+        expect(screen.getByPlaceholderText('Last name')).toBeInTheDocument();
+    });
+    test('applies additional className when provided', () => {
+        render(_jsx(Fieldset, { legend: "Test Legend", className: "custom-class", children: "Content" }));
+        const fieldset = screen.getByText('Test Legend').closest('fieldset');
+        expect(fieldset).toHaveClass('ds-fieldset');
+        expect(fieldset).toHaveClass('custom-class');
+    });
+    test('passes through HTML fieldset attributes', () => {
+        render(_jsx(Fieldset, { legend: "Test Legend", disabled: true, "data-testid": "test-fieldset", children: "Content" }));
+        const fieldset = screen.getByTestId('test-fieldset');
+        expect(fieldset).toBeDisabled();
+    });
+    test('applies id attribute when provided', () => {
+        render(_jsx(Fieldset, { legend: "Test Legend", id: "custom-id", children: "Content" }));
+        const fieldset = screen.getByText('Test Legend').closest('fieldset');
+        expect(fieldset).toHaveAttribute('id', 'custom-id');
+    });
+    test('renders with multiple child elements', () => {
+        render(_jsxs(Fieldset, { legend: "Personal Information", children: [_jsx("div", { children: "First section" }), _jsx("div", { children: "Second section" }), _jsx("div", { children: "Third section" })] }));
+        expect(screen.getByText('First section')).toBeInTheDocument();
+        expect(screen.getByText('Second section')).toBeInTheDocument();
+        expect(screen.getByText('Third section')).toBeInTheDocument();
+    });
+    test('renders with aria attributes', () => {
+        render(_jsx(Fieldset, { legend: "Test Legend", "aria-describedby": "description-id", children: "Content" }));
+        const fieldset = screen.getByText('Test Legend').closest('fieldset');
+        expect(fieldset).toHaveAttribute('aria-describedby', 'description-id');
+    });
+    test('renders legend as first child of fieldset', () => {
+        render(_jsx(Fieldset, { legend: "Test Legend", children: "Content" }));
+        const fieldset = screen.getByText('Test Legend').closest('fieldset');
+        const firstChild = fieldset?.firstChild;
+        expect(firstChild).toHaveClass('ds-fieldset__legend');
+        expect(firstChild?.textContent).toBe('Test Legend');
+    });
+});
+//# sourceMappingURL=Fieldset.test.js.map

package/dist/components/formField/fieldset/Fieldset.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Fieldset.test.js","sourceRoot":"","sources":["../../../../src/components/formField/fieldset/Fieldset.test.tsx"],"names":[],"mappings":"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"}

package/dist/components/formField/inputs/checkbox/CheckboxGroup.d.ts

@@ -0,0 +1,8 @@
+import { type FieldsetProps } from '../../../formField/fieldset/Fieldset';
+import { type CheckboxInputProps } from './CheckboxInput';
+type CheckboxGroupProps = {
+    options: CheckboxInputProps[];
+} & FieldsetProps;
+export declare const CheckboxGroup: (props: CheckboxGroupProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CheckboxGroup.d.ts.map

package/dist/components/formField/inputs/checkbox/CheckboxGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/checkbox/CheckboxGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,wCAAwC,CAAC;AACtF,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAEzE,KAAK,kBAAkB,GAAG;IACxB,OAAO,EAAE,kBAAkB,EAAE,CAAC;CAC/B,GAAG,aAAa,CAAC;AAElB,eAAO,MAAM,aAAa,GAAI,OAAO,kBAAkB,4CAStD,CAAC"}

package/dist/components/formField/inputs/checkbox/CheckboxGroup.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fieldset } from '../../../formField/fieldset/Fieldset';
+import { CheckboxInput } from './CheckboxInput';
+export const CheckboxGroup = (props) => {
+    const { options, ...rest } = props;
+    return (_jsx(Fieldset, { ...rest, children: options.map((option) => (_jsx(CheckboxInput, { ...option }, option.id))) }));
+};
+//# sourceMappingURL=CheckboxGroup.js.map

package/dist/components/formField/inputs/checkbox/CheckboxGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroup.js","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/checkbox/CheckboxGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAsB,MAAM,wCAAwC,CAAC;AACtF,OAAO,EAAE,aAAa,EAA2B,MAAM,iBAAiB,CAAC;AAMzE,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAE,EAAE;IACzD,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACnC,OAAO,CACL,KAAC,QAAQ,OAAK,IAAI,YACf,OAAO,CAAC,GAAG,CAAC,CAAC,MAA0B,EAAE,EAAE,CAAC,CAC3C,KAAC,aAAa,OAAqB,MAAM,IAArB,MAAM,CAAC,EAAE,CAAgB,CAC9C,CAAC,GACO,CACZ,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/formField/inputs/checkbox/CheckboxGroup.test.d.ts

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom/vitest';
+//# sourceMappingURL=CheckboxGroup.test.d.ts.map

package/dist/components/formField/inputs/checkbox/CheckboxGroup.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroup.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/checkbox/CheckboxGroup.test.tsx"],"names":[],"mappings":"AAGA,OAAO,kCAAkC,CAAC"}

package/dist/components/formField/inputs/checkbox/CheckboxGroup.test.js

@@ -0,0 +1,86 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { expect, test, describe, vi } from 'vitest';
+import { CheckboxGroup } from './CheckboxGroup';
+import { render, screen, fireEvent } from '@testing-library/react';
+import '@testing-library/jest-dom/vitest';
+describe('CheckboxGroup component', () => {
+    const mockOptions = [
+        { id: 'option1', label: 'Option 1', checked: false, onChange: vi.fn() },
+        { id: 'option2', label: 'Option 2', checked: true, onChange: vi.fn() },
+        { id: 'option3', label: 'Option 3', checked: false, onChange: vi.fn() },
+    ];
+    test('renders fieldset with legend', () => {
+        render(_jsx(CheckboxGroup, { legend: "Choose options", options: mockOptions }));
+        expect(screen.getByText('Choose options')).toBeInTheDocument();
+    });
+    test('renders all checkbox options', () => {
+        render(_jsx(CheckboxGroup, { legend: "Choose options", options: mockOptions }));
+        expect(screen.getByRole('checkbox', { name: 'Option 1' })).toBeInTheDocument();
+        expect(screen.getByRole('checkbox', { name: 'Option 2' })).toBeInTheDocument();
+        expect(screen.getByRole('checkbox', { name: 'Option 3' })).toBeInTheDocument();
+    });
+    test('applies checked state to checkboxes', () => {
+        render(_jsx(CheckboxGroup, { legend: "Choose options", options: mockOptions }));
+        const option1 = screen.getByRole('checkbox', { name: 'Option 1' });
+        const option2 = screen.getByRole('checkbox', { name: 'Option 2' });
+        const option3 = screen.getByRole('checkbox', { name: 'Option 3' });
+        expect(option1.checked).toBe(false);
+        expect(option2.checked).toBe(true);
+        expect(option3.checked).toBe(false);
+    });
+    test('calls onChange when a checkbox is clicked', () => {
+        const handleChange1 = vi.fn();
+        const options = [
+            { id: 'option1', label: 'Option 1', checked: false, onChange: handleChange1, value: 'value1' },
+        ];
+        render(_jsx(CheckboxGroup, { legend: "Choose options", options: options }));
+        const checkbox = screen.getByRole('checkbox', { name: 'Option 1' });
+        fireEvent.click(checkbox);
+        expect(handleChange1).toHaveBeenCalledExactlyOnceWith(expect.objectContaining({
+            target: checkbox,
+        }));
+    });
+    test('renders empty group when options array is empty', () => {
+        render(_jsx(CheckboxGroup, { legend: "Choose options", options: [] }));
+        expect(screen.getByText('Choose options')).toBeInTheDocument();
+        const checkboxes = screen.queryAllByRole('checkbox');
+        expect(checkboxes).toHaveLength(0);
+    });
+    test('passes through fieldset props', () => {
+        render(_jsx(CheckboxGroup, { legend: "Choose options", options: mockOptions, className: "custom-class", "data-testid": "test-fieldset" }));
+        const fieldset = screen.getByTestId('test-fieldset');
+        expect(fieldset).toBeInTheDocument();
+        expect(fieldset).toHaveClass('custom-class');
+    });
+    test('renders options without labels', () => {
+        const optionsWithoutLabels = [
+            { id: 'option1', checked: false, onChange: vi.fn() },
+            { id: 'option2', checked: false, onChange: vi.fn() },
+        ];
+        render(_jsx(CheckboxGroup, { legend: "Choose options", options: optionsWithoutLabels }));
+        const checkboxes = screen.getAllByRole('checkbox');
+        expect(checkboxes).toHaveLength(2);
+    });
+    test('supports disabled fieldset', () => {
+        render(_jsx(CheckboxGroup, { legend: "Choose options", options: mockOptions, disabled: true }));
+        const fieldset = screen.getByText('Choose options').closest('fieldset');
+        expect(fieldset).toBeDisabled();
+    });
+    test('passes additional HTML attributes to checkboxes', () => {
+        const optionsWithAttributes = [
+            {
+                'id': 'option1',
+                'label': 'Option 1',
+                'checked': false,
+                'onChange': vi.fn(),
+                'data-custom': 'value1',
+                'aria-describedby': 'description1',
+            },
+        ];
+        render(_jsx(CheckboxGroup, { legend: "Choose options", options: optionsWithAttributes }));
+        const checkbox = screen.getByRole('checkbox', { name: 'Option 1' });
+        expect(checkbox).toHaveAttribute('data-custom', 'value1');
+        expect(checkbox).toHaveAttribute('aria-describedby', 'description1');
+    });
+});
+//# sourceMappingURL=CheckboxGroup.test.js.map

package/dist/components/formField/inputs/checkbox/CheckboxGroup.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroup.test.js","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/checkbox/CheckboxGroup.test.tsx"],"names":[],"mappings":"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"}

package/dist/components/formField/inputs/checkbox/CheckboxInput.stories.d.ts

@@ -1,6 +1,7 @@
-import type { Meta } from '@storybook/react-vite';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import { CheckboxInput } from './CheckboxInput';
 declare const meta: Meta<typeof CheckboxInput>;
+type Story = StoryObj<typeof meta>;
 export declare const Default: {
     parameters: {
         layout: string;
@@ -13,5 +14,6 @@ export declare const Default: {
         label: string;
     };
 };
+export declare const CheckboxGroupStory: Story;
 export default meta;
 //# sourceMappingURL=CheckboxInput.stories.d.ts.map

package/dist/components/formField/inputs/checkbox/CheckboxInput.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxInput.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/checkbox/CheckboxInput.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAGpC,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;;;;;;;CAWnB,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"CheckboxInput.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/checkbox/CheckboxInput.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGhD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAGpC,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO;;;;;;;;;;;CAWnB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAMhC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/components/formField/inputs/checkbox/CheckboxInput.stories.js

@@ -1,4 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { CheckboxInput } from './CheckboxInput';
+import { CheckboxGroup } from './CheckboxGroup';
 const meta = {
     title: 'Components/FormField/Inputs/Checkbox',
     component: CheckboxInput,
@@ -15,5 +17,10 @@ export const Default = {
         label: 'Label text',
     },
 };
+export const CheckboxGroupStory = {
+    render: () => {
+        return (_jsx(CheckboxGroup, { legend: "Checkbox group", options: [{ id: 'option1', label: 'Option 1' }, { id: 'option2', label: 'Option 2' }, { id: 'option3', label: 'Option 3' }] }));
+    },
+};
 export default meta;
 //# sourceMappingURL=CheckboxInput.stories.js.map

package/dist/components/formField/inputs/checkbox/CheckboxInput.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxInput.stories.js","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/checkbox/CheckboxInput.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,IAAI,GAA+B;IACvC,KAAK,EAAE,sCAAsC;IAC7C,SAAS,EAAE,aAAa;CACzB,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,IAAI,EAAE;QACJ,QAAQ,EAAE,KAAK;QACf,OAAO,EAAE,KAAK;QACd,aAAa,EAAE,KAAK;QACpB,KAAK,EAAE,YAAY;KACpB;CACF,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"CheckboxInput.stories.js","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/checkbox/CheckboxInput.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,IAAI,GAA+B;IACvC,KAAK,EAAE,sCAAsC;IAC7C,SAAS,EAAE,aAAa;CACzB,CAAC;AAIF,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,IAAI,EAAE;QACJ,QAAQ,EAAE,KAAK;QACf,OAAO,EAAE,KAAK;QACd,aAAa,EAAE,KAAK;QACpB,KAAK,EAAE,YAAY;KACpB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAU;IACvC,MAAM,EAAE,GAAG,EAAE;QACX,OAAO,CACL,KAAC,aAAa,IAAC,MAAM,EAAC,gBAAgB,EAAC,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,GAAI,CACvK,CAAC;IACJ,CAAC;CACF,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/components/formField/inputs/radio/RadioButtonGroup.d.ts

@@ -0,0 +1,11 @@
+import type { ChangeEvent } from 'react';
+import { type RadioButtonInputProps } from './RadioButtonInput';
+import { type FieldsetProps } from '../../fieldset/Fieldset';
+export type RadioButtonGroupProps = {
+    name: string;
+    options: RadioButtonInputProps[];
+    checkedValue: string;
+    onChange: (event: ChangeEvent<HTMLInputElement>) => void;
+} & Omit<FieldsetProps, 'onChange'>;
+export declare const RadioButtonGroup: (props: RadioButtonGroupProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RadioButtonGroup.d.ts.map

package/dist/components/formField/inputs/radio/RadioButtonGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButtonGroup.d.ts","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/radio/RadioButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAoB,KAAK,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAClF,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAEvE,MAAM,MAAM,qBAAqB,GAAG;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,qBAAqB,EAAE,CAAC;IACjC,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC1D,GAAG,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC;AAEpC,eAAO,MAAM,gBAAgB,GAAI,OAAO,qBAAqB,4CAU5D,CAAC"}

package/dist/components/formField/inputs/radio/RadioButtonGroup.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { RadioButtonInput } from './RadioButtonInput';
+import { Fieldset } from '../../fieldset/Fieldset';
+export const RadioButtonGroup = (props) => {
+    const { legend, name, options, checkedValue, onChange, ...rest } = props;
+    return (_jsx(Fieldset, { legend: legend, ...rest, children: options.map((option) => (_jsx(RadioButtonInput, { name: name, value: option.value, label: option.label, checked: checkedValue === option.value, onChange: onChange }, option.id))) }));
+};
+//# sourceMappingURL=RadioButtonGroup.js.map

package/dist/components/formField/inputs/radio/RadioButtonGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButtonGroup.js","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/radio/RadioButtonGroup.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,gBAAgB,EAA8B,MAAM,oBAAoB,CAAC;AAClF,OAAO,EAAE,QAAQ,EAAsB,MAAM,yBAAyB,CAAC;AASvE,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAA4B,EAAE,EAAE;IAC/D,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAEzE,OAAO,CACL,KAAC,QAAQ,IAAC,MAAM,EAAE,MAAM,KAAM,IAAI,YAC/B,OAAO,CAAC,GAAG,CAAC,CAAC,MAA6B,EAAE,EAAE,CAAC,CAC9C,KAAC,gBAAgB,IAAiB,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,OAAO,EAAE,YAAY,KAAK,MAAM,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,IAA3H,MAAM,CAAC,EAAE,CAAsH,CACvJ,CAAC,GACO,CACZ,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/formField/inputs/radio/RadioButtonGroup.test.d.ts

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom/vitest';
+//# sourceMappingURL=RadioButtonGroup.test.d.ts.map

package/dist/components/formField/inputs/radio/RadioButtonGroup.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButtonGroup.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/radio/RadioButtonGroup.test.tsx"],"names":[],"mappings":"AAGA,OAAO,kCAAkC,CAAC"}

package/dist/components/formField/inputs/radio/RadioButtonGroup.test.js

@@ -0,0 +1,86 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { expect, test, describe, vi } from 'vitest';
+import { RadioButtonGroup } from './RadioButtonGroup';
+import { render, screen, fireEvent } from '@testing-library/react';
+import '@testing-library/jest-dom/vitest';
+describe('RadioButtonGroup component', () => {
+    const mockOptions = [
+        { id: 'option1', value: 'value1', label: 'Option 1' },
+        { id: 'option2', value: 'value2', label: 'Option 2' },
+        { id: 'option3', value: 'value3', label: 'Option 3' },
+    ];
+    test('renders fieldset with legend', () => {
+        render(_jsx(RadioButtonGroup, { legend: "Choose an option", name: "test-group", options: mockOptions, checkedValue: "value1", onChange: vi.fn() }));
+        expect(screen.getByText('Choose an option')).toBeInTheDocument();
+    });
+    test('renders all radio button options', () => {
+        render(_jsx(RadioButtonGroup, { legend: "Choose an option", name: "test-group", options: mockOptions, checkedValue: "value1", onChange: vi.fn() }));
+        expect(screen.getByRole('radio', { name: 'Option 1' })).toBeInTheDocument();
+        expect(screen.getByRole('radio', { name: 'Option 2' })).toBeInTheDocument();
+        expect(screen.getByRole('radio', { name: 'Option 3' })).toBeInTheDocument();
+    });
+    test('applies the same name attribute to all radio buttons', () => {
+        render(_jsx(RadioButtonGroup, { legend: "Choose an option", name: "test-group", options: mockOptions, checkedValue: "value1", onChange: vi.fn() }));
+        const radios = screen.getAllByRole('radio');
+        radios.forEach((radio) => {
+            expect(radio).toHaveAttribute('name', 'test-group');
+        });
+    });
+    test('initially checks the correct radio button based on checkedValue', () => {
+        render(_jsx(RadioButtonGroup, { legend: "Choose an option", name: "test-group", options: mockOptions, checkedValue: "value2", onChange: vi.fn() }));
+        const option1 = screen.getByRole('radio', { name: 'Option 1' });
+        const option2 = screen.getByRole('radio', { name: 'Option 2' });
+        const option3 = screen.getByRole('radio', { name: 'Option 3' });
+        expect(option1.checked).toBe(false);
+        expect(option2.checked).toBe(true);
+        expect(option3.checked).toBe(false);
+    });
+    test('calls onChange when a radio button is clicked', () => {
+        const handleChange = vi.fn();
+        render(_jsx(RadioButtonGroup, { legend: "Choose an option", name: "test-group", options: mockOptions, checkedValue: "value1", onChange: handleChange }));
+        const option2 = screen.getByRole('radio', { name: 'Option 2' });
+        fireEvent.click(option2);
+        expect(handleChange).toHaveBeenCalledExactlyOnceWith(expect.objectContaining({
+            target: expect.objectContaining({
+                value: 'value2',
+            }),
+        }));
+    });
+    test('renders with single option', () => {
+        const singleOption = [{ id: 'option1', value: 'value1', label: 'Only Option' }];
+        render(_jsx(RadioButtonGroup, { legend: "Choose an option", name: "test-group", options: singleOption, checkedValue: "value1", onChange: vi.fn() }));
+        const radios = screen.getAllByRole('radio');
+        expect(radios).toHaveLength(1);
+        expect(screen.getByRole('radio', { name: 'Only Option' })).toBeInTheDocument();
+    });
+    test('renders empty group when options array is empty', () => {
+        render(_jsx(RadioButtonGroup, { legend: "Choose an option", name: "test-group", options: [], checkedValue: "", onChange: vi.fn() }));
+        expect(screen.getByText('Choose an option')).toBeInTheDocument();
+        const radios = screen.queryAllByRole('radio');
+        expect(radios).toHaveLength(0);
+    });
+    test('passes through fieldset props', () => {
+        render(_jsx(RadioButtonGroup, { legend: "Choose an option", name: "test-group", options: mockOptions, checkedValue: "value1", onChange: vi.fn(), className: "custom-class", "data-testid": "test-fieldset" }));
+        const fieldset = screen.getByTestId('test-fieldset');
+        expect(fieldset).toBeInTheDocument();
+        expect(fieldset).toHaveClass('custom-class');
+    });
+    test('updates checked state when checkedValue changes', () => {
+        const { rerender } = render(_jsx(RadioButtonGroup, { legend: "Choose an option", name: "test-group", options: mockOptions, checkedValue: "value1", onChange: vi.fn() }));
+        let option1 = screen.getByRole('radio', { name: 'Option 1' });
+        let option2 = screen.getByRole('radio', { name: 'Option 2' });
+        expect(option1.checked).toBe(true);
+        expect(option2.checked).toBe(false);
+        rerender(_jsx(RadioButtonGroup, { legend: "Choose an option", name: "test-group", options: mockOptions, checkedValue: "value2", onChange: vi.fn() }));
+        option1 = screen.getByRole('radio', { name: 'Option 1' });
+        option2 = screen.getByRole('radio', { name: 'Option 2' });
+        expect(option1.checked).toBe(false);
+        expect(option2.checked).toBe(true);
+    });
+    test('supports disabled fieldset', () => {
+        render(_jsx(RadioButtonGroup, { legend: "Choose an option", name: "test-group", options: mockOptions, checkedValue: "value1", onChange: vi.fn(), disabled: true }));
+        const fieldset = screen.getByText('Choose an option').closest('fieldset');
+        expect(fieldset).toBeDisabled();
+    });
+});
+//# sourceMappingURL=RadioButtonGroup.test.js.map

package/dist/components/formField/inputs/radio/RadioButtonGroup.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButtonGroup.test.js","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/radio/RadioButtonGroup.test.tsx"],"names":[],"mappings":"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"}

package/dist/components/formField/inputs/radio/RadioButtonInput.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioButtonInput.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/radio/RadioButtonInput.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAK5D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoC+B,CAAC;AAE1C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAGF,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAGF,eAAO,MAAM,eAAe,EAAE,KAQ7B,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,KAQxB,CAAC"}
+{"version":3,"file":"RadioButtonInput.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/radio/RadioButtonInput.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAO5D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoC+B,CAAC;AAE1C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAGF,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAGF,eAAO,MAAM,eAAe,EAAE,KAQ7B,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,KAexB,CAAC"}

package/dist/components/formField/inputs/radio/RadioButtonInput.stories.js

@@ -1,6 +1,8 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { fn } from 'storybook/test';
 import { RadioButtonInput } from './RadioButtonInput';
+import { RadioButtonGroup } from './RadioButtonGroup';
+import { useState } from 'react';
 const meta = {
     title: 'Components/FormField/Inputs/RadioButton',
     component: RadioButtonInput,
@@ -78,6 +80,10 @@ export const DisabledChecked = {
 };
 // Radio button group example
 export const RadioGroup = {
-    render: () => (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '0.75rem' }, children: [_jsx(RadioButtonInput, { name: "group", value: "option1", label: "Option 1" }), _jsx(RadioButtonInput, { name: "group", value: "option2", label: "Option 2", checked: true }), _jsx(RadioButtonInput, { name: "group", value: "option3", label: "Option 3" })] })),
+    render: () => {
+        const options = [{ label: 'Option 1', value: 'option1' }, { label: 'Option 2', value: 'option2' }, { label: 'Option 3', value: 'option3' }];
+        const [checkedValue, setCheckedValue] = useState(options[0]?.value ?? '');
+        return (_jsx(RadioButtonGroup, { legend: "Radio group", name: "group", options: options, checkedValue: checkedValue, onChange: e => setCheckedValue(e.target.value) }));
+    },
 };
 //# sourceMappingURL=RadioButtonInput.stories.js.map

package/dist/components/formField/inputs/radio/RadioButtonInput.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioButtonInput.stories.js","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/radio/RadioButtonInput.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AAEpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,yCAAyC;IAChD,SAAS,EAAE,gBAAgB;IAC3B,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,IAAI,EAAE;QACJ,QAAQ,EAAE,EAAE,EAAE;KACf;IACD,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,qCAAqC;SACnD;QACD,QAAQ,EAAE;YACR,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,0BAA0B;SACxC;QACD,QAAQ,EAAE;YACR,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,kBAAkB;SAChC;QACD,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,iCAAiC;SAC/C;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,2CAA2C;SACzD;QACD,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,sCAAsC;SACpD;KACF;CACsC,CAAC;AAE1C,eAAe,IAAI,CAAC;AAGpB,uBAAuB;AACvB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,IAAI,EAAE,SAAS;QACf,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,UAAU;QACjB,OAAO,EAAE,KAAK;KACf;CACF,CAAC;AAEF,uBAAuB;AACvB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,IAAI,EAAE,SAAS;QACf,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,UAAU;QACjB,OAAO,EAAE,IAAI;KACd;CACF,CAAC;AAEF,wBAAwB;AACxB,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE;QACJ,IAAI,EAAE,SAAS;QACf,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,UAAU;QACjB,QAAQ,EAAE,IAAI;KACf;CACF,CAAC;AAEF,uBAAuB;AACvB,MAAM,CAAC,MAAM,eAAe,GAAU;IACpC,IAAI,EAAE;QACJ,IAAI,EAAE,SAAS;QACf,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,UAAU;QACjB,QAAQ,EAAE,IAAI;QACd,OAAO,EAAE,IAAI;KACd;CACF,CAAC;AAEF,6BAA6B;AAC7B,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,SAAS,EAAE,aACtE,KAAC,gBAAgB,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAC,UAAU,GAAG,EAClE,KAAC,gBAAgB,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAC,UAAU,EAAC,OAAO,SAAG,EAC1E,KAAC,gBAAgB,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAC,UAAU,GAAG,IAC9D,CACP;CACF,CAAC"}
+{"version":3,"file":"RadioButtonInput.stories.js","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/radio/RadioButtonInput.stories.tsx"],"names":[],"mappings":"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"}

package/dist/components/separator/Separator.d.ts

@@ -0,0 +1,7 @@
+import { Separator as RadixSeparator } from 'radix-ui';
+type SeparatorProps = {
+    className?: string;
+} & RadixSeparator.SeparatorProps;
+export declare const Separator: (props: SeparatorProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Separator.d.ts.map

package/dist/components/separator/Separator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Separator.d.ts","sourceRoot":"","sources":["../../../src/components/separator/Separator.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,IAAI,cAAc,EAAE,MAAM,UAAU,CAAC;AAEvD,KAAK,cAAc,GAAG;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,cAAc,CAAC,cAAc,CAAC;AAElC,eAAO,MAAM,SAAS,GAAI,OAAO,cAAc,4CAO9C,CAAC"}

package/dist/components/separator/Separator.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { Separator as RadixSeparator } from 'radix-ui';
+export const Separator = (props) => {
+    const { className, ...rest } = props;
+    return _jsx(RadixSeparator.Root, { className: classNames('ds-separator', className), ...rest });
+};
+//# sourceMappingURL=Separator.js.map

package/dist/components/separator/Separator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Separator.js","sourceRoot":"","sources":["../../../src/components/separator/Separator.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,SAAS,IAAI,cAAc,EAAE,MAAM,UAAU,CAAC;AAMvD,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IACjD,MAAM,EACJ,SAAS,EACT,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,OAAO,KAAC,cAAc,CAAC,IAAI,IAAC,SAAS,EAAE,UAAU,CAAC,cAAc,EAAE,SAAS,CAAC,KAAM,IAAI,GAAI,CAAC;AAC7F,CAAC,CAAC"}