@arbor-education/design-system.components 0.0.3 → 0.0.5

package/dist/components/formField/inputs/dropdown/wrapper/DropdownWrapper.js

@@ -0,0 +1,73 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useState, cloneElement, useEffect, useRef, } from 'react';
+import { DropdownButton } from '../../../../formField/inputs/dropdown/buttons/dropdownButton/DropdownButton';
+export const DropdownWrapper = (props) => {
+    const { placeholder, disabled, errorText, multiple, children, onSelectionChange } = props;
+    const [dropdownOpen, setDropdownOpen] = useState(false);
+    const [selected, setSelected] = useState([]);
+    const [focusedIndex, setFocusedIndex] = useState(-1);
+    const dropdownRef = useRef(null);
+    const toggleDropdown = (e) => {
+        e.preventDefault();
+        if (!disabled) {
+            setDropdownOpen(!dropdownOpen);
+        }
+    };
+    const handleItemClick = (value) => {
+        if (!multiple) {
+            setSelected([value]);
+            setDropdownOpen(false);
+        }
+        else {
+            setSelected(prev => prev.includes(value) ? prev.filter(sel => sel !== value) : [...prev, value]);
+        }
+    };
+    const handleKeyDown = (e) => {
+        if (!dropdownOpen) {
+            if (e.key === 'ArrowDown' || e.key === 'Enter') {
+                e.preventDefault();
+                setDropdownOpen(true);
+                setFocusedIndex(0);
+            }
+            return;
+        }
+        const items = React.Children.toArray(children).filter(child => React.isValidElement(child));
+        switch (e.key) {
+            case 'ArrowDown':
+                e.preventDefault();
+                setFocusedIndex(prev => (prev + 1) % items.length);
+                break;
+            case 'ArrowUp':
+                e.preventDefault();
+                setFocusedIndex(prev => (prev - 1 + items.length) % items.length);
+                break;
+            case 'Enter':
+                e.preventDefault();
+                if (focusedIndex >= 0 && focusedIndex < items.length) {
+                    const item = items[focusedIndex];
+                    handleItemClick(item.props.value);
+                }
+                break;
+            case 'Escape':
+                e.preventDefault();
+                setDropdownOpen(false);
+                break;
+            default:
+                break;
+        }
+    };
+    useEffect(() => {
+        onSelectionChange(selected);
+    }, [selected]);
+    return (_jsxs("div", { className: "ds-dropdown-wrapper", ref: dropdownRef, onKeyDown: handleKeyDown, role: "combobox", "aria-expanded": dropdownOpen, "aria-haspopup": "listbox", "aria-disabled": disabled, children: [_jsx(DropdownButton, { label: placeholder ?? '', disabled: disabled, error: !!errorText, pressed: dropdownOpen, onClick: toggleDropdown }), dropdownOpen && (_jsx("div", { role: "listbox", id: "dropdownList", className: "ds-dropdown-wrapper--items", "aria-activedescendant": focusedIndex >= 0 ? `dropdown-item-${focusedIndex}` : undefined, children: React.Children.map(children, (child, index) => {
+                    if (React.isValidElement(child)) {
+                        return cloneElement(child, {
+                            selected: selected.includes(child.props.value),
+                            onSelection: handleItemClick,
+                            id: `dropdown-item-${index}`,
+                        });
+                    }
+                    return child;
+                }) }))] }));
+};
+//# sourceMappingURL=DropdownWrapper.js.map

package/dist/components/formField/inputs/dropdown/wrapper/DropdownWrapper.js.map

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

package/dist/components/formField/inputs/number/NumberInput.d.ts

@@ -0,0 +1,6 @@
+import { type InputHTMLAttributes } from 'react';
+export type NumberInputProps = {
+    hasError?: boolean;
+} & InputHTMLAttributes<HTMLInputElement>;
+export declare const NumberInput: (props: NumberInputProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=NumberInput.d.ts.map

package/dist/components/formField/inputs/number/NumberInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/number/NumberInput.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAiD,KAAK,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAEhG,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;AAE1C,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,4CAkGlD,CAAC"}

package/dist/components/formField/inputs/number/NumberInput.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { Icon } from '../../../icon/Icon';
+import { useEffect, useRef, useState } from 'react';
+export const NumberInput = (props) => {
+    const { hasError, className = '', disabled, onChange, defaultValue = '', step = 1, min, max, ...rest } = props;
+    const [value, setValue] = useState(defaultValue.toString());
+    const inputRef = useRef(null);
+    useEffect(() => {
+        if (inputRef.current) {
+            inputRef.current.value = value;
+            onChange?.({ currentTarget: { value } });
+        }
+    }, [value]);
+    const inputClasses = classNames('ds-input', 'ds-number-input', className);
+    const handleSpinner = (step) => {
+        const currentValue = isNaN(Number(value)) ? 0 : Number(value);
+        const newValue = (currentValue + Number(step)).toString();
+        handleOnChange(newValue);
+    };
+    const handleOnChange = (newValue) => {
+        if (newValue !== value && (newValue === '' || !isNaN(Number(newValue)))) {
+            setValue(newValue);
+        }
+    };
+    const handleOnBlur = () => {
+        if (min !== undefined && Number(value) < Number(min)) {
+            setValue(min.toString());
+        }
+        if (max !== undefined && Number(value) > Number(max)) {
+            setValue(max.toString());
+        }
+    };
+    return (_jsxs("div", { className: classNames('ds-number-input__container', {
+            'ds-number-input__container--error': hasError,
+            'ds-number-input__container--disabled': disabled,
+        }), children: [_jsx("button", { className: "ds-number-input__spinner-button", type: "button", disabled: disabled || (min !== undefined && Number(value) <= Number(min)), onClick: () => handleSpinner(-step), "aria-label": "Minus button", "data-testid": "minus-button", children: _jsx(Icon, { name: "minus", size: 12 }) }), _jsx("input", { ref: inputRef, type: "text", inputMode: "numeric", autoComplete: "off", pattern: "^[+\\-]?\\d+(,\\d{2})?", className: inputClasses, disabled: disabled, defaultValue: defaultValue, onChange: (e) => handleOnChange(e.currentTarget.value), onBlur: handleOnBlur, step: step, min: min, max: max, ...rest }), _jsx("button", { className: "ds-number-input__spinner-button", type: "button", disabled: disabled || (max !== undefined && Number(value) >= Number(max)), onClick: () => handleSpinner(step), "aria-label": "Plus button", "data-testid": "plus-button", children: _jsx(Icon, { name: "plus", size: 12 }) })] }));
+};
+//# sourceMappingURL=NumberInput.js.map

package/dist/components/formField/inputs/number/NumberInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.js","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/number/NumberInput.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAA8C,MAAM,OAAO,CAAC;AAMhG,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;IACrD,MAAM,EACJ,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,QAAQ,EACR,YAAY,GAAG,EAAE,EACjB,IAAI,GAAG,CAAC,EACR,GAAG,EACH,GAAG,EACH,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAS,YAAY,CAAC,QAAQ,EAAE,CAAC,CAAC;IACpE,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAEhD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;YACrB,QAAQ,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC;YAC/B,QAAQ,EAAE,CAAC,EAAE,aAAa,EAAE,EAAE,KAAK,EAAE,EAAmC,CAAC,CAAC;QAC5E,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,YAAY,GAAG,UAAU,CAC7B,UAAU,EACV,iBAAiB,EACjB,SAAS,CACV,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,IAAqB,EAAE,EAAE;QAC9C,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC9D,MAAM,QAAQ,GAAG,CAAC,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;QAC1D,cAAc,CAAC,QAAQ,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,CAAC,QAAgB,EAAE,EAAE;QAC1C,IAAI,QAAQ,KAAK,KAAK,IAAI,CAAC,QAAQ,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EACrE,CAAC;YACD,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACrB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,IAAI,GAAG,KAAK,SAAS,IAAI,MAAM,CAAC,KAAK,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC;YACrD,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC;QAC3B,CAAC;QACD,IAAI,GAAG,KAAK,SAAS,IAAI,MAAM,CAAC,KAAK,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC;YACrD,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC;QAC3B,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAE,UAAU,CAAC,4BAA4B,EAAE;YACvD,mCAAmC,EAAE,QAAQ;YAC7C,sCAAsC,EAAE,QAAQ;SACjD,CAAC,aAEA,iBACE,SAAS,EAAC,iCAAiC,EAC3C,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,QAAQ,IAAI,CAAC,GAAG,KAAK,SAAS,IAAI,MAAM,CAAC,KAAK,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,EACzE,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,CAAC,IAAI,CAAC,gBACxB,cAAc,iBACb,cAAc,YAE1B,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,EAAE,GAAI,GACxB,EAET,gBACE,GAAG,EAAE,QAAQ,EACb,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,SAAS,EACnB,YAAY,EAAC,KAAK,EAClB,OAAO,EAAC,wBAAqB,EAC7B,SAAS,EAAE,YAAY,EACvB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,CAAC,CAAgC,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,EACrF,MAAM,EAAE,YAAY,EACpB,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,KACJ,IAAI,GACR,EAEF,iBACE,SAAS,EAAC,iCAAiC,EAC3C,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,QAAQ,IAAI,CAAC,GAAG,KAAK,SAAS,IAAI,MAAM,CAAC,KAAK,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,EACzE,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,gBACvB,aAAa,iBACZ,aAAa,YAEzB,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,EAAE,GAAI,GACvB,IACL,CAEP,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/formField/inputs/number/NumberInput.stories.d.ts

@@ -0,0 +1,20 @@
+import type { Meta } from '@storybook/react-vite';
+import { NumberInput } from './NumberInput';
+declare const meta: Meta<typeof NumberInput>;
+export declare const Default: {
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    args: {
+        defaultValue: string;
+        step: number;
+        disabled: boolean;
+        hasError: boolean;
+        placeholder: string;
+        min: number;
+        max: number;
+    };
+};
+export default meta;
+//# sourceMappingURL=NumberInput.stories.d.ts.map

package/dist/components/formField/inputs/number/NumberInput.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/number/NumberInput.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAGlC,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;;;;;;;;;;CAcnB,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/components/formField/inputs/number/NumberInput.stories.js

@@ -0,0 +1,22 @@
+import { NumberInput } from './NumberInput';
+const meta = {
+    title: 'Components/FormField/Inputs/Numeric',
+    component: NumberInput,
+};
+export const Default = {
+    parameters: {
+        layout: 'centered',
+    },
+    tags: ['autodocs'],
+    args: {
+        defaultValue: '',
+        step: 1,
+        disabled: false,
+        hasError: false,
+        placeholder: 'Enter a number',
+        min: 0,
+        max: 10,
+    },
+};
+export default meta;
+//# sourceMappingURL=NumberInput.stories.js.map

package/dist/components/formField/inputs/number/NumberInput.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.stories.js","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/number/NumberInput.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,MAAM,IAAI,GAA6B;IACrC,KAAK,EAAE,qCAAqC;IAC5C,SAAS,EAAE,WAAW;CACvB,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,YAAY,EAAE,EAAE;QAChB,IAAI,EAAE,CAAC;QACP,QAAQ,EAAE,KAAK;QACf,QAAQ,EAAE,KAAK;QACf,WAAW,EAAE,gBAAgB;QAC7B,GAAG,EAAE,CAAC;QACN,GAAG,EAAE,EAAE;KACR;CACF,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/components/formField/inputs/number/NumberInput.test.d.ts

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

package/dist/components/formField/inputs/number/NumberInput.test.d.ts.map

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

package/dist/components/formField/inputs/number/NumberInput.test.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { describe, expect, test, vi } from 'vitest';
+import { fireEvent, render, screen } from '@testing-library/react';
+import { NumberInput } from './NumberInput';
+import '@testing-library/jest-dom/vitest';
+describe('NumberInput component', () => {
+    test('NumberInput renders', () => {
+        render(_jsx(NumberInput, { placeholder: "Enter a number" }));
+        expect(screen.getByPlaceholderText('Enter a number')).toBeInTheDocument();
+    });
+    test('NumberInput calls onChange when input changes', () => {
+        const onChange = vi.fn();
+        render(_jsx(NumberInput, { placeholder: "Enter a number", onChange: onChange }));
+        const inputElement = screen.getByPlaceholderText('Enter a number');
+        fireEvent.change(inputElement, { target: { value: '2' } });
+        expect(onChange).toHaveBeenCalled();
+        expect(inputElement.value).toBe('2');
+    });
+    test('Spinner buttons change the value of the input', () => {
+        render(_jsx(NumberInput, { placeholder: "Enter a number", defaultValue: "10", step: 2 }));
+        const inputElement = screen.getByPlaceholderText('Enter a number');
+        fireEvent.click(screen.getByTestId('minus-button'));
+        expect(inputElement.value).toBe('8');
+        fireEvent.click(screen.getByTestId('plus-button'));
+        expect(inputElement.value).toBe('10');
+        fireEvent.click(screen.getByTestId('plus-button'));
+        expect(inputElement.value).toBe('12');
+    });
+});
+//# sourceMappingURL=NumberInput.test.js.map

package/dist/components/formField/inputs/number/NumberInput.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.test.js","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/number/NumberInput.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,kCAAkC,CAAC;AAE1C,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;IACrC,IAAI,CAAC,qBAAqB,EAAE,GAAG,EAAE;QAC/B,MAAM,CAAC,KAAC,WAAW,IAAC,WAAW,EAAC,gBAAgB,GAAG,CAAC,CAAC;QACrD,MAAM,CAAC,MAAM,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC5E,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,+CAA+C,EAAE,GAAG,EAAE;QACzD,MAAM,QAAQ,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;QACzB,MAAM,CAAC,KAAC,WAAW,IAAC,WAAW,EAAC,gBAAgB,EAAC,QAAQ,EAAE,QAAQ,GAAI,CAAC,CAAC;QACzE,MAAM,YAAY,GAAG,MAAM,CAAC,oBAAoB,CAAC,gBAAgB,CAAqB,CAAC;QAEvF,SAAS,CAAC,MAAM,CAAC,YAAY,EAAE,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC;QAC3D,MAAM,CAAC,QAAQ,CAAC,CAAC,gBAAgB,EAAE,CAAC;QACpC,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACvC,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,+CAA+C,EAAE,GAAG,EAAE;QACzD,MAAM,CAAC,KAAC,WAAW,IAAC,WAAW,EAAC,gBAAgB,EAAC,YAAY,EAAC,IAAI,EAAC,IAAI,EAAE,CAAC,GAAI,CAAC,CAAC;QAChF,MAAM,YAAY,GAAG,MAAM,CAAC,oBAAoB,CAAC,gBAAgB,CAAqB,CAAC;QAEvF,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC,CAAC;QACpD,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACrC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC;QACnD,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACtC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC;QACnD,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACxC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,7 @@
+import { type InputHTMLAttributes } from 'react';
+export type RadioButtonInputProps = {
+    label?: string;
+    hasError?: boolean;
+} & Omit<InputHTMLAttributes<HTMLInputElement>, 'type'>;
+export declare const RadioButtonInput: (props: RadioButtonInputProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RadioButtonInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButtonInput.d.ts","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/radio/RadioButtonInput.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAEjD,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,CAAC;AAExD,eAAO,MAAM,gBAAgB,GAAI,OAAO,qBAAqB,4CAqC5D,CAAC"}

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

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from 'classnames';
+import {} from 'react';
+export const RadioButtonInput = (props) => {
+    const { label, hasError, className = '', disabled = false, checked = false, id, name, value, onChange, ...rest } = props;
+    const containerClasses = classNames('ds-radio-button-input__container', className);
+    return (_jsxs("label", { className: containerClasses, children: [_jsx("input", { type: "radio", id: id, name: name, value: value, checked: checked, disabled: disabled, onChange: onChange, className: "ds-radio-button-input__input", "aria-invalid": hasError, ...rest }), _jsx("span", { className: "ds-radio-button-input__indicator" }), label && _jsx("span", { className: "ds-radio-button-input__text", children: label })] }));
+};
+//# sourceMappingURL=RadioButtonInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButtonInput.js","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/radio/RadioButtonInput.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAA4B,MAAM,OAAO,CAAC;AAOjD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAA4B,EAAE,EAAE;IAC/D,MAAM,EACJ,KAAK,EACL,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,EAAE,EACF,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,MAAM,gBAAgB,GAAG,UAAU,CACjC,kCAAkC,EAClC,SAAS,CACV,CAAC;IAEF,OAAO,CACL,iBAAO,SAAS,EAAE,gBAAgB,aAChC,gBACE,IAAI,EAAC,OAAO,EACZ,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,8BAA8B,kBAC1B,QAAQ,KAClB,IAAI,GACR,EACF,eAAM,SAAS,EAAC,kCAAkC,GAAG,EACpD,KAAK,IAAI,eAAM,SAAS,EAAC,6BAA6B,YAAE,KAAK,GAAQ,IAChE,CACT,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,46 @@
+import type { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: (props: import("./RadioButtonInput").RadioButtonInputProps) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    args: {
+        onChange: import("@vitest/spy").Mock<(...args: any[]) => any>;
+    };
+    argTypes: {
+        checked: {
+            control: "boolean";
+            description: string;
+        };
+        disabled: {
+            control: "boolean";
+            description: string;
+        };
+        hasError: {
+            control: "boolean";
+            description: string;
+        };
+        label: {
+            control: "text";
+            description: string;
+        };
+        name: {
+            control: "text";
+            description: string;
+        };
+        value: {
+            control: "text";
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Checked: Story;
+export declare const Disabled: Story;
+export declare const DisabledChecked: Story;
+export declare const RadioGroup: Story;
+//# sourceMappingURL=RadioButtonInput.stories.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,83 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { fn } from 'storybook/test';
+import { RadioButtonInput } from './RadioButtonInput';
+const meta = {
+    title: 'Components/FormField/Inputs/RadioButton',
+    component: RadioButtonInput,
+    parameters: {
+        layout: 'centered',
+    },
+    tags: ['autodocs'],
+    args: {
+        onChange: fn(),
+    },
+    argTypes: {
+        checked: {
+            control: 'boolean',
+            description: 'Whether the radio button is checked',
+        },
+        disabled: {
+            control: 'boolean',
+            description: 'Disable the radio button',
+        },
+        hasError: {
+            control: 'boolean',
+            description: 'Show error state',
+        },
+        label: {
+            control: 'text',
+            description: 'Label text for the radio button',
+        },
+        name: {
+            control: 'text',
+            description: 'Name attribute for the radio button group',
+        },
+        value: {
+            control: 'text',
+            description: 'Value attribute for the radio button',
+        },
+    },
+};
+export default meta;
+// Default radio button
+export const Default = {
+    args: {
+        name: 'example',
+        value: 'option1',
+        label: 'Option 1',
+        checked: false,
+    },
+};
+// Checked radio button
+export const Checked = {
+    args: {
+        name: 'example',
+        value: 'option1',
+        label: 'Option 1',
+        checked: true,
+    },
+};
+// Disabled radio button
+export const Disabled = {
+    args: {
+        name: 'example',
+        value: 'option1',
+        label: 'Option 1',
+        disabled: true,
+    },
+};
+// Disabled and checked
+export const DisabledChecked = {
+    args: {
+        name: 'example',
+        value: 'option1',
+        label: 'Option 1',
+        disabled: true,
+        checked: true,
+    },
+};
+// 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" })] })),
+};
+//# sourceMappingURL=RadioButtonInput.stories.js.map

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

@@ -0,0 +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"}

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

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

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

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

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

@@ -0,0 +1,34 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { expect, test, describe, vi } from 'vitest';
+import { RadioButtonInput } from './RadioButtonInput';
+import { render, screen, fireEvent } from '@testing-library/react';
+import '@testing-library/jest-dom/vitest';
+describe('RadioButtonInput component', () => {
+    test('renders radio button element', () => {
+        render(_jsx(RadioButtonInput, { name: "test", value: "option1", label: "Option 1" }));
+        const radio = screen.getByRole('radio', { name: 'Option 1' });
+        expect(radio).toBeInTheDocument();
+    });
+    test('renders with label', () => {
+        render(_jsx(RadioButtonInput, { name: "test", value: "option1", label: "Option 1" }));
+        expect(screen.getByText('Option 1')).toBeInTheDocument();
+    });
+    test('calls onChange when radio is clicked', () => {
+        const onChange = vi.fn();
+        render(_jsx(RadioButtonInput, { name: "test", value: "option1", label: "Option 1", onChange: onChange }));
+        const radio = screen.getByRole('radio', { name: 'Option 1' });
+        fireEvent.click(radio);
+        expect(onChange).toHaveBeenCalled();
+    });
+    test('applies checked state', () => {
+        render(_jsx(RadioButtonInput, { name: "test", value: "option1", label: "Option 1", checked: true }));
+        const radio = screen.getByRole('radio', { name: 'Option 1' });
+        expect(radio.checked).toBe(true);
+    });
+    test('applies disabled state', () => {
+        render(_jsx(RadioButtonInput, { name: "test", value: "option1", label: "Option 1", disabled: true }));
+        const radio = screen.getByRole('radio', { name: 'Option 1' });
+        expect(radio.disabled).toBe(true);
+    });
+});
+//# sourceMappingURL=RadioButtonInput.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButtonInput.test.js","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/radio/RadioButtonInput.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,kCAAkC,CAAC;AAE1C,QAAQ,CAAC,4BAA4B,EAAE,GAAG,EAAE;IAC1C,IAAI,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACxC,MAAM,CAAC,KAAC,gBAAgB,IAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAC,UAAU,GAAG,CAAC,CAAC;QAC1E,MAAM,KAAK,GAAG,MAAM,CAAC,SAAS,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC;QAC9D,MAAM,CAAC,KAAK,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACpC,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,oBAAoB,EAAE,GAAG,EAAE;QAC9B,MAAM,CAAC,KAAC,gBAAgB,IAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAC,UAAU,GAAG,CAAC,CAAC;QAC1E,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC3D,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,sCAAsC,EAAE,GAAG,EAAE;QAChD,MAAM,QAAQ,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;QACzB,MAAM,CAAC,KAAC,gBAAgB,IAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAC,UAAU,EAAC,QAAQ,EAAE,QAAQ,GAAI,CAAC,CAAC;QAC9F,MAAM,KAAK,GAAG,MAAM,CAAC,SAAS,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC;QAC9D,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACvB,MAAM,CAAC,QAAQ,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,uBAAuB,EAAE,GAAG,EAAE;QACjC,MAAM,CAAC,KAAC,gBAAgB,IAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAC,UAAU,EAAC,OAAO,SAAG,CAAC,CAAC;QAClF,MAAM,KAAK,GAAG,MAAM,CAAC,SAAS,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,CAAqB,CAAC;QAClF,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACnC,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,wBAAwB,EAAE,GAAG,EAAE;QAClC,MAAM,CAAC,KAAC,gBAAgB,IAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAC,UAAU,EAAC,QAAQ,SAAG,CAAC,CAAC;QACnF,MAAM,KAAK,GAAG,MAAM,CAAC,SAAS,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,CAAqB,CAAC;QAClF,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACpC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}