@inseefr/lunatic 3.4.5-rc.0 → 3.4.6-rc.0

package/esm/components/shared/Radio/RadioGroup.js

@@ -0,0 +1,23 @@
+import { createElement as _createElement } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fieldset } from '../Fieldset/Fieldset';
+import { ComponentErrors } from '../ComponentErrors/ComponentErrors';
+import { slottableComponent } from '../HOC/slottableComponent';
+import { getShortcutKey } from '../Checkbox/getShortcutKey';
+import { RadioOption } from './RadioOption';
+import { useListKeyboardHandler } from '../../../hooks/useListKeyboardHandler';
+import { Declarations } from '../Declarations/Declarations';
+/**
+ * Stack of radios fields surrounded by a fieldset
+ */
+function LunaticRadioGroup({ options, value, id, label, description, checkboxStyle = false, errors, className, shortcut, disabled, readOnly, declarations, orientation, }) {
+    const onKeyDown = useListKeyboardHandler(options);
+    const maxIndex = options.length;
+    return (_jsxs(Fieldset, { className: className, legend: label, description: description, children: [_jsx(Declarations, { type: "AFTER_QUESTION_TEXT", declarations: declarations }), _jsx("div", { className: `lunatic-checkboxes lunatic-checkboxes--${orientation}`, children: options.map(function (option, index) {
+                    const radioId = `lunatic-radio-${id}-${option.value}`;
+                    const codeModality = getShortcutKey(index, maxIndex);
+                    return (_createElement(RadioOption, { ...option, key: radioId, id: radioId, index: index, checked: value === option.value, onKeyDown: onKeyDown, checkboxStyle: checkboxStyle, codeModality: shortcut ? codeModality : undefined, shortcut: shortcut, disabled: disabled, readOnly: readOnly, invalid: !!errors }));
+                }) }), _jsx(ComponentErrors, { errors: errors })] }));
+}
+export const RadioGroup = slottableComponent('RadioGroup', LunaticRadioGroup);
+//# sourceMappingURL=RadioGroup.js.map

package/esm/components/shared/Radio/RadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../../../src/components/shared/Radio/RadioGroup.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AAE/E,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAsB5D;;GAEG;AACH,SAAS,iBAAiB,CAAC,EAC1B,OAAO,EACP,KAAK,EACL,EAAE,EACF,KAAK,EACL,WAAW,EACX,aAAa,GAAG,KAAK,EACrB,MAAM,EACN,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,WAAW,GACM;IACjB,MAAM,SAAS,GAAG,sBAAsB,CAAC,OAAO,CAAC,CAAC;IAClD,MAAM,QAAQ,GAAG,OAAO,CAAC,MAAM,CAAC;IAChC,OAAO,CACN,MAAC,QAAQ,IAAC,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,aACtE,KAAC,YAAY,IAAC,IAAI,EAAC,qBAAqB,EAAC,YAAY,EAAE,YAAY,GAAI,EACvE,cAAK,SAAS,EAAE,0CAA0C,WAAW,EAAE,YACrE,OAAO,CAAC,GAAG,CAAC,UAAU,MAAM,EAAE,KAAK;oBACnC,MAAM,OAAO,GAAG,iBAAiB,EAAE,IAAI,MAAM,CAAC,KAAK,EAAE,CAAC;oBACtD,MAAM,YAAY,GAAG,cAAc,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;oBACrD,OAAO,CACN,eAAC,WAAW,OACP,MAAM,EACV,GAAG,EAAE,OAAO,EACZ,EAAE,EAAE,OAAO,EACX,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,KAAK,KAAK,MAAM,CAAC,KAAK,EAC/B,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,EACjD,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,CAAC,CAAC,MAAM,GAChB,CACF,CAAC;gBACH,CAAC,CAAC,GACG,EACN,KAAC,eAAe,IAAC,MAAM,EAAE,MAAM,GAAI,IACzB,CACX,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,kBAAkB,CAAC,YAAY,EAAE,iBAAiB,CAAC,CAAC"}

package/esm/components/shared/Radio/RadioOption.d.ts

@@ -0,0 +1,17 @@
+import type { InterpretedOption } from '../../../use-lunatic/props/propOptions';
+export type Props = {
+    id: string;
+    onKeyDown?: (v: {
+        key: string;
+        index: number;
+    }) => void;
+    checkboxStyle?: boolean;
+    shortcut?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+    index?: number;
+    labelledBy?: string;
+    codeModality?: string;
+    invalid?: boolean;
+} & InterpretedOption;
+export declare const RadioOption: import("react").ComponentType<Props>;

package/esm/components/shared/Radio/RadioOption.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef } from 'react';
+import { slottableComponent } from '../HOC/slottableComponent';
+import { useKeyboardKey } from '../../../hooks/useKeyboardKey';
+import { Label } from '../Label/Label';
+import classnames from 'classnames';
+import { CustomInput } from '../../Input/Input';
+function LunaticRadioOption({ checked, disabled, readOnly, checkboxStyle, value, onKeyDown, index, shortcut, codeModality, id, labelledBy, description, label, onDetailChange, detailLabel, detailValue, onCheck, }) {
+    const divEl = useRef(null);
+    const isEnabled = !disabled && !readOnly;
+    const isRadio = !checkboxStyle;
+    const hasDetail = !!onDetailChange;
+    const onClickOption = () => {
+        if (!isEnabled || !onCheck || checked) {
+            return;
+        }
+        onCheck();
+    };
+    const handleKeyDown = (e) => {
+        var _a;
+        onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown({ key: e.key, index: index !== null && index !== void 0 ? index : -1 });
+        (_a = divEl.current) === null || _a === void 0 ? void 0 : _a.blur();
+    };
+    useEffect(function () {
+        const { current } = divEl;
+        if (current && checked) {
+            current.focus();
+        }
+    }, [checked, divEl, value]);
+    const hasKeyboardShortcut = Boolean(shortcut && codeModality && isEnabled);
+    useKeyboardKey(codeModality ? [codeModality] : [], (e) => {
+        e.preventDefault();
+        onClickOption();
+    }, hasKeyboardShortcut);
+    return (_jsxs("div", { className: "lunatic-input-checkbox-wrapper", children: [_jsxs("div", { id: id, role: "radio", "aria-disabled": disabled, className: classnames('lunatic-input-checkbox', isRadio && 'lunatic-input-radio'), "aria-checked": checked, tabIndex: checked ? -1 : 0, onClick: onClickOption, onKeyDown: handleKeyDown, "aria-labelledby": labelledBy, ref: divEl, children: [_jsx("div", { className: "lunatic-input-checkbox__icon", children: checked && checkboxStyle && (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 14 11", children: _jsx("path", { d: "M5 11 0 6l1.4-1.4L5 8.2 12.6.6 14 2l-9 9Z", fill: "currentColor" }) })) }), _jsxs(Label, { id: labelledBy, htmlFor: id, description: description, children: [codeModality && (_jsx("span", { className: "code-modality", children: codeModality.toUpperCase() })), label] })] }), hasDetail && checked && (_jsx(CustomInput, { id: "detailId", label: detailLabel !== null && detailLabel !== void 0 ? detailLabel : 'Précisez :', value: typeof detailValue === 'string' ? detailValue : '', onChange: onDetailChange, disabled: disabled }))] }));
+}
+export const RadioOption = slottableComponent('RadioOption', LunaticRadioOption);
+//# sourceMappingURL=RadioOption.js.map

package/esm/components/shared/Radio/RadioOption.js.map

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

package/esm/components/shared/Radio/RadioOption.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/esm/components/shared/Radio/RadioOption.spec.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render, screen, fireEvent } from '@testing-library/react';
+import { RadioOption } from './RadioOption';
+import { describe, it, expect, vi } from 'vitest';
+describe('RadioOption', () => {
+    it('renders the component with the correct label', () => {
+        const label = 'Test Option';
+        const { getByText } = render(_jsx(RadioOption, { id: "radio-option", label: label }));
+        expect(getByText(label)).toBeInTheDocument();
+    });
+    it('calls the onClick handler when clicked', () => {
+        const onClickMock = vi.fn();
+        render(_jsx(RadioOption, { id: "radio-option", label: "Test Option", onCheck: onClickMock }));
+        const option = screen.getByRole('radio');
+        fireEvent.click(option);
+        expect(onClickMock).toHaveBeenCalled();
+    });
+    it('sets the tabIndex to 0 when unchecked', () => {
+        const { getByRole } = render(_jsx(RadioOption, { id: "radio-option", label: "Test Option", checked: false }));
+        expect(getByRole('radio')).toHaveAttribute('tabIndex', '0');
+    });
+    it('sets the tabIndex to -1 when checked', () => {
+        const { getByRole } = render(_jsx(RadioOption, { id: "radio-option", label: "Test Option", checked: true }));
+        expect(getByRole('radio')).toHaveAttribute('tabIndex', '-1');
+    });
+    it('applies the disabled aria when disabled prop is present', () => {
+        const { getByRole } = render(_jsx(RadioOption, { id: "radio-option", label: "Test Option", disabled: true }));
+        expect(getByRole('radio')).toHaveAttribute('aria-disabled');
+    });
+    it('applies the checked aria when checked prop is present', () => {
+        const { getByRole } = render(_jsx(RadioOption, { id: "radio-option", label: "Test Option", checked: true }));
+        expect(getByRole('radio')).toHaveAttribute('aria-checked', 'true');
+    });
+    it('applies the code-modality class when codeModality prop is present', () => {
+        const { getByText } = render(_jsx(RadioOption, { id: "radio-option", label: "Test Option", codeModality: "html" }));
+        expect(getByText('HTML')).toHaveClass('code-modality');
+    });
+    it('calls the onKeyDown handler when a key is pressed', () => {
+        const onKeyDownMock = vi.fn();
+        render(_jsx(RadioOption, { id: "radio-option", label: "Test Option", onKeyDown: onKeyDownMock }));
+        const option = screen.getByRole('radio');
+        fireEvent.keyDown(option, { key: 'Enter', code: 'Enter' });
+        expect(onKeyDownMock).toHaveBeenCalled();
+    });
+});
+//# sourceMappingURL=RadioOption.spec.js.map

package/esm/components/shared/Radio/RadioOption.spec.js.map

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

package/esm/components/shared/Table/Table.d.ts

@@ -0,0 +1,8 @@
+import React, { type PropsWithChildren } from 'react';
+import type { LunaticError } from '../../../use-lunatic/type';
+import type { LunaticComponentProps } from '../../type';
+type Props = PropsWithChildren<Pick<LunaticComponentProps<'Table'>, 'className' | 'id' | 'label' | 'declarations'> & {
+    errors?: LunaticError[];
+}>;
+export declare const Table: React.ComponentType<Props>;
+export {};

package/esm/components/shared/Table/Table.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import classnames from 'classnames';
+import { slottableComponent } from '../HOC/slottableComponent';
+import { ComponentErrors } from '../ComponentErrors/ComponentErrors';
+import { Label } from '../Label/Label';
+import { Declarations } from '../Declarations/Declarations';
+function LunaticTable({ id, className, children, errors, declarations, label, }) {
+    const tableId = `table-${id}`;
+    const labelId = `label-${id}`;
+    return (_jsxs(_Fragment, { children: [_jsx(Label, { htmlFor: tableId, id: labelId, children: label }), _jsx(Declarations, { type: "AFTER_QUESTION_TEXT", declarations: declarations, id: id }), _jsx("table", { id: tableId, className: classnames('lunatic-table', className), children: children }), _jsx(ComponentErrors, { errors: errors })] }));
+}
+export const Table = slottableComponent('Table', LunaticTable);
+//# sourceMappingURL=Table.js.map

package/esm/components/shared/Table/Table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../../src/components/shared/Table/Table.tsx"],"names":[],"mappings":";AACA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAE/D,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAErE,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAW5D,SAAS,YAAY,CAAC,EACrB,EAAE,EACF,SAAS,EACT,QAAQ,EACR,MAAM,EACN,YAAY,EACZ,KAAK,GACE;IACP,MAAM,OAAO,GAAG,SAAS,EAAE,EAAE,CAAC;IAC9B,MAAM,OAAO,GAAG,SAAS,EAAE,EAAE,CAAC;IAE9B,OAAO,CACN,8BACC,KAAC,KAAK,IAAC,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,OAAO,YAClC,KAAK,GACC,EACR,KAAC,YAAY,IACZ,IAAI,EAAC,qBAAqB,EAC1B,YAAY,EAAE,YAAY,EAC1B,EAAE,EAAE,EAAE,GACL,EACF,gBAAO,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,CAAC,eAAe,EAAE,SAAS,CAAC,YACnE,QAAQ,GACF,EACR,KAAC,eAAe,IAAC,MAAM,EAAE,MAAM,GAAI,IACjC,CACH,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,kBAAkB,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC"}

package/esm/components/shared/Table/Table.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/esm/components/shared/Table/Table.spec.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render } from '@testing-library/react';
+import { Table } from './Table';
+import { expect, it, describe } from 'vitest';
+describe('Table', () => {
+    it('renders without crashing', () => {
+        const { getByRole } = render(_jsx(Table, { id: "test-table" }));
+        expect(getByRole('table')).toBeInTheDocument();
+    });
+    it('applies custom className when provided', () => {
+        const { getByRole } = render(_jsx(Table, { id: "test-table", className: "custom-class" }));
+        expect(getByRole('table')).toHaveClass('custom-class');
+    });
+});
+//# sourceMappingURL=Table.spec.js.map

package/esm/components/shared/Table/Table.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.spec.js","sourceRoot":"","sources":["../../../../src/components/shared/Table/Table.spec.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAE9C,QAAQ,CAAC,OAAO,EAAE,GAAG,EAAE;IACtB,EAAE,CAAC,0BAA0B,EAAE,GAAG,EAAE;QACnC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,KAAK,IAAC,EAAE,EAAC,YAAY,GAAG,CAAC,CAAC;QACxD,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAChD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wCAAwC,EAAE,GAAG,EAAE;QACjD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,KAAC,KAAK,IAAC,EAAE,EAAC,YAAY,EAAC,SAAS,EAAC,cAAc,GAAG,CAClD,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;IACxD,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/esm/components/shared/Table/TableHeader.d.ts

@@ -0,0 +1,2 @@
+import type { LunaticComponentProps } from '../../type';
+export declare function TableHeader({ header, }: Pick<LunaticComponentProps<'Table'>, 'header'>): import("react/jsx-runtime").JSX.Element | null;

package/esm/components/shared/Table/TableHeader.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Th } from './Th';
+import { Thead } from './Thead';
+import { Tr } from './Tr';
+export function TableHeader({ header, }) {
+    if (!Array.isArray(header)) {
+        return null;
+    }
+    const content = header.map(function ({ label, rowspan, colspan }, index) {
+        return (_jsx(Th, { row: 0, index: index, rowSpan: rowspan, colSpan: colspan, children: label }, index));
+    });
+    return (_jsx(Thead, { children: _jsx(Tr, { row: 0, children: content }) }));
+}
+//# sourceMappingURL=TableHeader.js.map

package/esm/components/shared/Table/TableHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHeader.js","sourceRoot":"","sources":["../../../../src/components/shared/Table/TableHeader.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAC;AAE1B,MAAM,UAAU,WAAW,CAAC,EAC3B,MAAM,GAC0C;IAChD,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;QAC5B,OAAO,IAAI,CAAC;IACb,CAAC;IACD,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAC,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,KAAK;QACtE,OAAO,CACN,KAAC,EAAE,IAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,YAC1D,KAAK,IAD4D,KAAK,CAEnE,CACL,CAAC;IACH,CAAC,CAAC,CAAC;IACH,OAAO,CACN,KAAC,KAAK,cACL,KAAC,EAAE,IAAC,GAAG,EAAE,CAAC,YAAG,OAAO,GAAM,GACnB,CACR,CAAC;AACH,CAAC"}

package/esm/components/shared/Table/Tbody.d.ts

@@ -0,0 +1,6 @@
+import type { PropsWithChildren } from 'react';
+type Props = PropsWithChildren<{
+    className?: string;
+}>;
+export declare const Tbody: import("react").ComponentType<Props>;
+export {};

package/esm/components/shared/Table/Tbody.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classnames from 'classnames';
+import { slottableComponent } from '../HOC/slottableComponent';
+function LunaticTbody({ className, children }) {
+    return (_jsx("tbody", { className: classnames('lunatic-table-tbody', className), children: children }));
+}
+export const Tbody = slottableComponent('Tbody', LunaticTbody);
+//# sourceMappingURL=Tbody.js.map

package/esm/components/shared/Table/Tbody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tbody.js","sourceRoot":"","sources":["../../../../src/components/shared/Table/Tbody.tsx"],"names":[],"mappings":";AACA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAM/D,SAAS,YAAY,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAS;IACnD,OAAO,CACN,gBAAO,SAAS,EAAE,UAAU,CAAC,qBAAqB,EAAE,SAAS,CAAC,YAC5D,QAAQ,GACF,CACR,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,kBAAkB,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC"}

package/esm/components/shared/Table/Tbody.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/esm/components/shared/Table/Tbody.spec.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render } from '@testing-library/react';
+import { Tbody } from './Tbody';
+import { expect, describe, it } from 'vitest';
+describe('Tbody component', () => {
+    it('renders the component with the correct props and children', () => {
+        const testClass = 'test-class';
+        const testContent = 'Test content';
+        const { getByRole, getByText } = render(_jsx(Tbody, { className: testClass, children: testContent }));
+        const tbodyElement = getByRole('rowgroup');
+        expect(tbodyElement).toHaveClass('lunatic-table-tbody');
+        expect(tbodyElement).toHaveClass(testClass);
+        expect(getByText(testContent)).toBeInTheDocument();
+    });
+    it('renders the component without an ID or class when not provided', () => {
+        const { getByRole } = render(_jsx(Tbody, {}));
+        const tbodyElement = getByRole('rowgroup');
+        expect(tbodyElement).not.toHaveAttribute('id');
+        expect(tbodyElement).toHaveClass('lunatic-table-tbody');
+    });
+});
+//# sourceMappingURL=Tbody.spec.js.map

package/esm/components/shared/Table/Tbody.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tbody.spec.js","sourceRoot":"","sources":["../../../../src/components/shared/Table/Tbody.spec.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAE9C,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;IAChC,EAAE,CAAC,2DAA2D,EAAE,GAAG,EAAE;QACpE,MAAM,SAAS,GAAG,YAAY,CAAC;QAC/B,MAAM,WAAW,GAAG,cAAc,CAAC;QACnC,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,MAAM,CACtC,KAAC,KAAK,IAAC,SAAS,EAAE,SAAS,YAAG,WAAW,GAAS,CAClD,CAAC;QACF,MAAM,YAAY,GAAG,SAAS,CAAC,UAAU,CAAC,CAAC;QAC3C,MAAM,CAAC,YAAY,CAAC,CAAC,WAAW,CAAC,qBAAqB,CAAC,CAAC;QACxD,MAAM,CAAC,YAAY,CAAC,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;QAC5C,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACpD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gEAAgE,EAAE,GAAG,EAAE;QACzE,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,KAAK,KAAG,CAAC,CAAC;QACxC,MAAM,YAAY,GAAG,SAAS,CAAC,UAAU,CAAC,CAAC;QAC3C,MAAM,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;QAC/C,MAAM,CAAC,YAAY,CAAC,CAAC,WAAW,CAAC,qBAAqB,CAAC,CAAC;IACzD,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/esm/components/shared/Table/Td.d.ts

@@ -0,0 +1,11 @@
+import type { PropsWithChildren } from 'react';
+import type { LunaticComponentProps } from '../../type';
+type Props = PropsWithChildren<{
+    className?: string;
+    row?: string | number;
+    index?: string | number;
+    colSpan?: number;
+    rowSpan?: number;
+} & LunaticComponentProps>;
+export declare const Td: import("react").ComponentType<Props>;
+export {};

package/esm/components/shared/Table/Td.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classnames from 'classnames';
+import { slottableComponent } from '../HOC/slottableComponent';
+function LunaticTd({ children, className, colSpan, rowSpan }) {
+    return (_jsx("td", { className: classnames('lunatic-table-td', className), colSpan: colSpan, rowSpan: rowSpan, children: children }));
+}
+export const Td = slottableComponent('Td', LunaticTd);
+//# sourceMappingURL=Td.js.map

package/esm/components/shared/Table/Td.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Td.js","sourceRoot":"","sources":["../../../../src/components/shared/Table/Td.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAa/D,SAAS,SAAS,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAS;IAClE,OAAO,CACN,aACC,SAAS,EAAE,UAAU,CAAC,kBAAkB,EAAE,SAAS,CAAC,EACpD,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,YAEf,QAAQ,GACL,CACL,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,EAAE,GAAG,kBAAkB,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC"}

package/esm/components/shared/Table/Td.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/esm/components/shared/Table/Td.spec.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render } from '@testing-library/react';
+import { Td } from './Td';
+import { describe, expect, it } from 'vitest';
+describe('Td', () => {
+    it('renders a td element with the correct props and children', () => {
+        const row = 1;
+        const index = 2;
+        const className = 'test-class';
+        const colSpan = 2;
+        const rowSpan = 3;
+        const children = 'Test content';
+        const { getByRole } = render(_jsx("table", { children: _jsx("tbody", { children: _jsx("tr", { children: _jsx(Td, { id: "a", row: row, index: index, className: className, colSpan: colSpan, rowSpan: rowSpan, children: children }) }) }) }));
+        const td = getByRole('cell', { name: children });
+        expect(td).toHaveClass('lunatic-table-td');
+        expect(td).toHaveClass(className);
+        expect(td).toHaveAttribute('colspan', colSpan.toString());
+        expect(td).toHaveAttribute('rowspan', rowSpan.toString());
+    });
+});
+//# sourceMappingURL=Td.spec.js.map

package/esm/components/shared/Table/Td.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Td.spec.js","sourceRoot":"","sources":["../../../../src/components/shared/Table/Td.spec.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAE9C,QAAQ,CAAC,IAAI,EAAE,GAAG,EAAE;IACnB,EAAE,CAAC,0DAA0D,EAAE,GAAG,EAAE;QACnE,MAAM,GAAG,GAAG,CAAC,CAAC;QACd,MAAM,KAAK,GAAG,CAAC,CAAC;QAChB,MAAM,SAAS,GAAG,YAAY,CAAC;QAC/B,MAAM,OAAO,GAAG,CAAC,CAAC;QAClB,MAAM,OAAO,GAAG,CAAC,CAAC;QAClB,MAAM,QAAQ,GAAG,cAAc,CAAC;QAChC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,0BACC,0BACC,uBACC,KAAC,EAAE,IACF,EAAE,EAAC,GAAG,EACN,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,YAEf,QAAQ,GACL,GACD,GACE,GACD,CACR,CAAC;QACF,MAAM,EAAE,GAAG,SAAS,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC;QACjD,MAAM,CAAC,EAAE,CAAC,CAAC,WAAW,CAAC,kBAAkB,CAAC,CAAC;QAC3C,MAAM,CAAC,EAAE,CAAC,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;QAClC,MAAM,CAAC,EAAE,CAAC,CAAC,eAAe,CAAC,SAAS,EAAE,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC;QAC1D,MAAM,CAAC,EAAE,CAAC,CAAC,eAAe,CAAC,SAAS,EAAE,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC;IAC3D,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/esm/components/shared/Table/Th.d.ts

@@ -0,0 +1,10 @@
+import type { PropsWithChildren } from 'react';
+type Props = PropsWithChildren<{
+    className?: string;
+    row?: string | number;
+    index?: string | number;
+    colSpan?: number;
+    rowSpan?: number;
+}>;
+export declare const Th: import("react").ComponentType<Props>;
+export {};

package/esm/components/shared/Table/Th.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classnames from 'classnames';
+import { slottableComponent } from '../HOC/slottableComponent';
+function LunaticTh({ children, className, colSpan, rowSpan }) {
+    return (_jsx("th", { className: classnames('lunatic-table-th', className), colSpan: colSpan, rowSpan: rowSpan, children: children }));
+}
+export const Th = slottableComponent('Th', LunaticTh);
+//# sourceMappingURL=Th.js.map

package/esm/components/shared/Table/Th.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Th.js","sourceRoot":"","sources":["../../../../src/components/shared/Table/Th.tsx"],"names":[],"mappings":";AACA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAU/D,SAAS,SAAS,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAS;IAClE,OAAO,CACN,aACC,SAAS,EAAE,UAAU,CAAC,kBAAkB,EAAE,SAAS,CAAC,EACpD,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,YAEf,QAAQ,GACL,CACL,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,EAAE,GAAG,kBAAkB,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC"}

package/esm/components/shared/Table/Th.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/esm/components/shared/Table/Th.spec.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render } from '@testing-library/react';
+import { Th } from './Th';
+import { expect, describe, it } from 'vitest';
+describe('<Th />', () => {
+    const props = {
+        index: 1,
+        colSpan: 2,
+        rowSpan: 3,
+        className: 'test-class',
+        children: 'test children',
+    };
+    it('renders children', () => {
+        const { getByRole } = render(_jsx("table", { children: _jsx("tr", { children: _jsx(Th, { ...props }) }) }));
+        expect(getByRole('columnheader')).toHaveTextContent(props.children);
+    });
+    it('renders with correct attributes', () => {
+        const { getByRole } = render(_jsx("table", { children: _jsx("tr", { children: _jsx(Th, { ...props }) }) }));
+        const th = getByRole('columnheader');
+        expect(th).toHaveAttribute('colSpan', props.colSpan.toString());
+        expect(th).toHaveAttribute('rowSpan', props.rowSpan.toString());
+        expect(th).toHaveClass(props.className);
+    });
+});
+//# sourceMappingURL=Th.spec.js.map

package/esm/components/shared/Table/Th.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Th.spec.js","sourceRoot":"","sources":["../../../../src/components/shared/Table/Th.spec.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAE9C,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE;IACvB,MAAM,KAAK,GAAG;QACb,KAAK,EAAE,CAAC;QACR,OAAO,EAAE,CAAC;QACV,OAAO,EAAE,CAAC;QACV,SAAS,EAAE,YAAY;QACvB,QAAQ,EAAE,eAAe;KACzB,CAAC;IAEF,EAAE,CAAC,kBAAkB,EAAE,GAAG,EAAE;QAC3B,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,0BACC,uBACC,KAAC,EAAE,OAAK,KAAK,GAAI,GACb,GACE,CACR,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAC,iBAAiB,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IACrE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iCAAiC,EAAE,GAAG,EAAE;QAC1C,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,0BACC,uBACC,KAAC,EAAE,OAAK,KAAK,GAAI,GACb,GACE,CACR,CAAC;QACF,MAAM,EAAE,GAAG,SAAS,CAAC,cAAc,CAAC,CAAC;QACrC,MAAM,CAAC,EAAE,CAAC,CAAC,eAAe,CAAC,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC;QAChE,MAAM,CAAC,EAAE,CAAC,CAAC,eAAe,CAAC,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC;QAChE,MAAM,CAAC,EAAE,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IACzC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/esm/components/shared/Table/Thead.d.ts

@@ -0,0 +1,6 @@
+import { type PropsWithChildren } from 'react';
+type Props = PropsWithChildren<{
+    className?: string;
+}>;
+export declare const Thead: import("react").ComponentType<Props>;
+export {};

package/esm/components/shared/Table/Thead.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classnames from 'classnames';
+import { slottableComponent } from '../HOC/slottableComponent';
+function LunaticThead({ children, className }) {
+    return (_jsx("thead", { className: classnames('lunatic-table-thead', className), children: children }));
+}
+export const Thead = slottableComponent('Thead', LunaticThead);
+//# sourceMappingURL=Thead.js.map

package/esm/components/shared/Table/Thead.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Thead.js","sourceRoot":"","sources":["../../../../src/components/shared/Table/Thead.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAM/D,SAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAS;IACnD,OAAO,CACN,gBAAO,SAAS,EAAE,UAAU,CAAC,qBAAqB,EAAE,SAAS,CAAC,YAC5D,QAAQ,GACF,CACR,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,kBAAkB,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC"}

package/esm/components/shared/Table/Thead.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/esm/components/shared/Table/Thead.spec.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render, screen } from '@testing-library/react';
+import { Thead } from './Thead';
+import { expect, describe, it } from 'vitest';
+describe('Thead', () => {
+    it('renders with the correct class name', () => {
+        const props = { className: 'test' };
+        render(_jsx(Thead, { ...props }));
+        expect(screen.getByRole('rowgroup')).toHaveClass('lunatic-table-thead test');
+    });
+});
+//# sourceMappingURL=Thead.spec.js.map

package/esm/components/shared/Table/Thead.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Thead.spec.js","sourceRoot":"","sources":["../../../../src/components/shared/Table/Thead.spec.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAE9C,QAAQ,CAAC,OAAO,EAAE,GAAG,EAAE;IACtB,EAAE,CAAC,qCAAqC,EAAE,GAAG,EAAE;QAC9C,MAAM,KAAK,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC;QACpC,MAAM,CAAC,KAAC,KAAK,OAAK,KAAK,GAAI,CAAC,CAAC;QAC7B,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,CAC/C,0BAA0B,CAC1B,CAAC;IACH,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/esm/components/shared/Table/Tr.d.ts

@@ -0,0 +1,7 @@
+import type { PropsWithChildren } from 'react';
+type Props = PropsWithChildren<{
+    className?: string;
+    row?: string | number;
+}>;
+export declare const Tr: import("react").ComponentType<Props>;
+export {};

package/esm/components/shared/Table/Tr.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classnames from 'classnames';
+import { slottableComponent } from '../HOC/slottableComponent';
+function LunaticTr({ children, className }) {
+    return (_jsx("tr", { className: classnames('lunatic-table-tr', className), children: children }));
+}
+export const Tr = slottableComponent('Tr', LunaticTr);
+//# sourceMappingURL=Tr.js.map

package/esm/components/shared/Table/Tr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tr.js","sourceRoot":"","sources":["../../../../src/components/shared/Table/Tr.tsx"],"names":[],"mappings":";AACA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAO/D,SAAS,SAAS,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAS;IAChD,OAAO,CACN,aAAI,SAAS,EAAE,UAAU,CAAC,kBAAkB,EAAE,SAAS,CAAC,YAAG,QAAQ,GAAM,CACzE,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,EAAE,GAAG,kBAAkB,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC"}

package/esm/components/shared/Table/Tr.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/esm/components/shared/Table/Tr.spec.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { render, screen } from '@testing-library/react';
+import { Tr } from './Tr';
+import { expect, describe, it } from 'vitest';
+describe('Tr', () => {
+    it('renders a table row with the correct id and class name', () => {
+        render(_jsx("table", { children: _jsx("tbody", { children: _jsx(Tr, { row: 1, className: "highlighted-row" }) }) }));
+        const tr = screen.getByRole('row');
+        expect(tr).toHaveClass('lunatic-table-tr', 'highlighted-row');
+    });
+    it('renders the children components', () => {
+        render(_jsxs(Tr, { row: 1, children: [_jsx("td", { id: "1", children: "Cell 1,1" }), _jsx("td", { id: "1", children: "Cell 1,2" })] }));
+        const cell1 = screen.getByText('Cell 1,1');
+        const cell2 = screen.getByText('Cell 1,2');
+        expect(cell1).toBeInTheDocument();
+        expect(cell2).toBeInTheDocument();
+    });
+});
+//# sourceMappingURL=Tr.spec.js.map

package/esm/components/shared/Table/Tr.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tr.spec.js","sourceRoot":"","sources":["../../../../src/components/shared/Table/Tr.spec.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAE9C,QAAQ,CAAC,IAAI,EAAE,GAAG,EAAE;IACnB,EAAE,CAAC,wDAAwD,EAAE,GAAG,EAAE;QACjE,MAAM,CACL,0BACC,0BACC,KAAC,EAAE,IAAC,GAAG,EAAE,CAAC,EAAE,SAAS,EAAC,iBAAiB,GAAG,GACnC,GACD,CACR,CAAC;QACF,MAAM,EAAE,GAAG,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;QACnC,MAAM,CAAC,EAAE,CAAC,CAAC,WAAW,CAAC,kBAAkB,EAAE,iBAAiB,CAAC,CAAC;IAC/D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iCAAiC,EAAE,GAAG,EAAE;QAC1C,MAAM,CACL,MAAC,EAAE,IAAC,GAAG,EAAE,CAAC,aACT,aAAI,EAAE,EAAC,GAAG,yBAAc,EACxB,aAAI,EAAE,EAAC,GAAG,yBAAc,IACpB,CACL,CAAC;QACF,MAAM,KAAK,GAAG,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;QAC3C,MAAM,KAAK,GAAG,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;QAC3C,MAAM,CAAC,KAAK,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAClC,MAAM,CAAC,KAAK,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACnC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/esm/components/shared/Table/index.d.ts

@@ -0,0 +1,7 @@
+export { Table } from './Table';
+export { Tbody } from './Tbody';
+export { Td } from './Td';
+export { Th } from './Th';
+export { Thead } from './Thead';
+export { Tr } from './Tr';
+export { TableHeader } from './TableHeader';

package/esm/components/shared/Table/index.js

@@ -0,0 +1,8 @@
+export { Table } from './Table';
+export { Tbody } from './Tbody';
+export { Td } from './Td';
+export { Th } from './Th';
+export { Thead } from './Thead';
+export { Tr } from './Tr';
+export { TableHeader } from './TableHeader';
+//# sourceMappingURL=index.js.map

package/esm/components/shared/Table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/shared/Table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAC;AAC1B,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}