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

package/dist/components/formField/inputs/text/TextInput.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from 'classnames';
+import {} from 'react';
+export const TextInput = (props) => {
+    const { size = 'M', hasError, className = '', disabled = false, ...rest } = props;
+    const inputClasses = classNames('ds-text-input', 'ds-input', `ds-input--${size}`, {
+        'ds-input--error': hasError,
+    }, className);
+    return (_jsx("input", { className: inputClasses, disabled: disabled, ...rest }));
+};
+//# sourceMappingURL=TextInput.js.map

package/dist/components/formField/inputs/text/TextInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/text/TextInput.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAA4B,MAAM,OAAO,CAAC;AAOjD,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IACjD,MAAM,EACJ,IAAI,GAAG,GAAG,EACV,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,QAAQ,GAAG,KAAK,EAChB,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,MAAM,YAAY,GAAG,UAAU,CAC7B,eAAe,EACf,UAAU,EACV,aAAa,IAAI,EAAE,EACnB;QACE,iBAAiB,EAAE,QAAQ;KAC5B,EACD,SAAS,CACV,CAAC;IAEF,OAAO,CACL,gBACE,SAAS,EAAE,YAAY,EACvB,QAAQ,EAAE,QAAQ,KACd,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/formField/inputs/text/TextInput.stories.d.ts

@@ -0,0 +1,31 @@
+import type { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: (props: import("./TextInput").TextInputProps) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    args: {
+        onChange: import("@vitest/spy").Mock<(...args: any[]) => any>;
+    };
+    argTypes: {
+        size: {
+            control: "select";
+            options: string[];
+            description: string;
+        };
+        disabled: {
+            control: "boolean";
+            description: string;
+        };
+        placeholder: {
+            control: "text";
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+//# sourceMappingURL=TextInput.stories.d.ts.map

package/dist/components/formField/inputs/text/TextInput.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/text/TextInput.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAK5D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;CAyBwB,CAAC;AAEnC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC"}

package/dist/components/formField/inputs/text/TextInput.stories.js

@@ -0,0 +1,37 @@
+import { fn } from 'storybook/test';
+import { TextInput } from './TextInput';
+const meta = {
+    title: 'Components/FormField/Inputs/TextInput',
+    component: TextInput,
+    parameters: {
+        layout: 'centered',
+    },
+    tags: ['autodocs'],
+    args: {
+        onChange: fn(),
+    },
+    argTypes: {
+        size: {
+            control: 'select',
+            options: ['M', 'S'],
+            description: 'Input size',
+        },
+        disabled: {
+            control: 'boolean',
+            description: 'Disable the input',
+        },
+        placeholder: {
+            control: 'text',
+            description: 'Input placeholder text',
+        },
+    },
+};
+export default meta;
+// Default input
+export const Default = {
+    args: {
+        placeholder: 'Enter text...',
+        size: 'M',
+    },
+};
+//# sourceMappingURL=TextInput.stories.js.map

package/dist/components/formField/inputs/text/TextInput.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.stories.js","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/text/TextInput.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AAEpC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,uCAAuC;IAC9C,SAAS,EAAE,SAAS;IACpB,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,IAAI,EAAE;YACJ,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC;YACnB,WAAW,EAAE,YAAY;SAC1B;QACD,QAAQ,EAAE;YACR,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,mBAAmB;SACjC;QACD,WAAW,EAAE;YACX,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,wBAAwB;SACtC;KACF;CAC+B,CAAC;AAEnC,eAAe,IAAI,CAAC;AAGpB,gBAAgB;AAChB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,WAAW,EAAE,eAAe;QAC5B,IAAI,EAAE,GAAG;KACV;CACF,CAAC"}

package/dist/components/formField/inputs/text/TextInput.test.d.ts

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

package/dist/components/formField/inputs/text/TextInput.test.d.ts.map

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

package/dist/components/formField/inputs/text/TextInput.test.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { expect, test, describe, vi } from 'vitest';
+import { TextInput } from './TextInput';
+import { render, screen, fireEvent } from '@testing-library/react';
+import '@testing-library/jest-dom/vitest';
+describe('Input component', () => {
+    test('renders input element', () => {
+        render(_jsx(TextInput, { placeholder: "Enter text" }));
+        expect(screen.getByPlaceholderText('Enter text')).toBeInTheDocument();
+    });
+    test('calls onChange when input changes', () => {
+        const onChange = vi.fn();
+        render(_jsx(TextInput, { placeholder: "Enter text", onChange: onChange }));
+        fireEvent.change(screen.getByPlaceholderText('Enter text'), { target: { value: 'Hello' } });
+        expect(onChange).toHaveBeenCalled();
+        expect(screen.getByPlaceholderText('Enter text').value).toBe('Hello');
+    });
+    test('applies default size class', () => {
+        render(_jsx(TextInput, { placeholder: "Enter text" }));
+        const input = screen.getByPlaceholderText('Enter text');
+        expect(input).toHaveClass('ds-input--M');
+    });
+    test('applies correct size class when specified', () => {
+        render(_jsx(TextInput, { size: "S", placeholder: "Enter text" }));
+        const input = screen.getByPlaceholderText('Enter text');
+        expect(input).toHaveClass('ds-input--S');
+    });
+});
+//# sourceMappingURL=TextInput.test.js.map

package/dist/components/formField/inputs/text/TextInput.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.test.js","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/text/TextInput.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,kCAAkC,CAAC;AAE1C,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;IAC/B,IAAI,CAAC,uBAAuB,EAAE,GAAG,EAAE;QACjC,MAAM,CAAC,KAAC,SAAS,IAAC,WAAW,EAAC,YAAY,GAAG,CAAC,CAAC;QAC/C,MAAM,CAAC,MAAM,CAAC,oBAAoB,CAAC,YAAY,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACxE,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,mCAAmC,EAAE,GAAG,EAAE;QAC7C,MAAM,QAAQ,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;QACzB,MAAM,CAAC,KAAC,SAAS,IAAC,WAAW,EAAC,YAAY,EAAC,QAAQ,EAAE,QAAQ,GAAI,CAAC,CAAC;QACnE,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,oBAAoB,CAAC,YAAY,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC;QAC5F,MAAM,CAAC,QAAQ,CAAC,CAAC,gBAAgB,EAAE,CAAC;QACpC,MAAM,CAAE,MAAM,CAAC,oBAAoB,CAAC,YAAY,CAAsB,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAC9F,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,4BAA4B,EAAE,GAAG,EAAE;QACtC,MAAM,CAAC,KAAC,SAAS,IAAC,WAAW,EAAC,YAAY,GAAG,CAAC,CAAC;QAC/C,MAAM,KAAK,GAAG,MAAM,CAAC,oBAAoB,CAAC,YAAY,CAAC,CAAC;QACxD,MAAM,CAAC,KAAK,CAAC,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;IAC3C,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,2CAA2C,EAAE,GAAG,EAAE;QACrD,MAAM,CAAC,KAAC,SAAS,IAAC,IAAI,EAAC,GAAG,EAAC,WAAW,EAAC,YAAY,GAAG,CAAC,CAAC;QACxD,MAAM,KAAK,GAAG,MAAM,CAAC,oBAAoB,CAAC,YAAY,CAAC,CAAC;QACxD,MAAM,CAAC,KAAK,CAAC,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;IAC3C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/components/formField/inputs/textArea/TextArea.d.ts

@@ -0,0 +1,7 @@
+import type { TextareaHTMLAttributes } from 'react';
+export type TextAreaProps = {
+    hasError?: boolean;
+    autoSize?: boolean;
+} & Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'>;
+export declare const TextArea: (props: TextAreaProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TextArea.d.ts.map

package/dist/components/formField/inputs/textArea/TextArea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/textArea/TextArea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAe,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAEjE,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,IAAI,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAAE,MAAM,CAAC,CAAC;AAE9D,eAAO,MAAM,QAAQ,GAAI,OAAO,aAAa,4CA8C5C,CAAC"}

package/dist/components/formField/inputs/textArea/TextArea.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useRef } from 'react';
+import classNames from 'classnames';
+export const TextArea = (props) => {
+    const { hasError, className = '', disabled = false, autoSize = true, onChange, ...rest } = props;
+    const inputRef = useRef(null);
+    const inputClasses = classNames('ds-textarea', 'ds-input', {
+        'ds-input--error': hasError,
+    }, className);
+    const autosizeTextArea = () => {
+        if (inputRef.current) {
+            inputRef.current.style.height = 'auto';
+            const verticalPadding = 4;
+            const newHeight = inputRef.current.scrollHeight;
+            inputRef.current.style.height = `${newHeight + verticalPadding}px`;
+        }
+    };
+    const handleOnChange = (e) => {
+        onChange?.(e);
+        if (autoSize) {
+            autosizeTextArea();
+        }
+    };
+    return (_jsx("textarea", { ref: inputRef, className: inputClasses, disabled: disabled, onChange: handleOnChange, ...rest }));
+};
+//# sourceMappingURL=TextArea.js.map

package/dist/components/formField/inputs/textArea/TextArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/textArea/TextArea.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AAQpC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;IAC/C,MAAM,EACJ,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,IAAI,EACf,QAAQ,EACR,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,MAAM,QAAQ,GAAG,MAAM,CAA6B,IAAI,CAAC,CAAC;IAE1D,MAAM,YAAY,GAAG,UAAU,CAC7B,aAAa,EACb,UAAU,EACV;QACE,iBAAiB,EAAE,QAAQ;KAC5B,EACD,SAAS,CACV,CAAC;IAEF,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;YACrB,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;YACvC,MAAM,eAAe,GAAG,CAAC,CAAC;YAC1B,MAAM,SAAS,GAAG,QAAQ,CAAC,OAAO,CAAC,YAAY,CAAC;YAChD,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,SAAS,GAAG,eAAe,IAAI,CAAC;QACrE,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,CAAC,CAAmC,EAAE,EAAE;QAC7D,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC;QACd,IAAI,QAAQ,EAAE,CAAC;YACb,gBAAgB,EAAE,CAAC;QACrB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,mBACE,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,YAAY,EACvB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,cAAc,KACpB,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/formField/inputs/textArea/TextArea.stories.d.ts

@@ -0,0 +1,11 @@
+import type { Meta } from '@storybook/react-vite';
+import { TextArea } from './TextArea';
+declare const meta: Meta<typeof TextArea>;
+export declare const Default: {
+    args: {
+        title: string;
+        onChange: import("@vitest/spy").Mock<(...args: any[]) => any>;
+    };
+};
+export default meta;
+//# sourceMappingURL=TextArea.stories.d.ts.map

package/dist/components/formField/inputs/textArea/TextArea.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/textArea/TextArea.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAGlD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAG/B,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;CAKnB,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/components/formField/inputs/textArea/TextArea.stories.js

@@ -0,0 +1,14 @@
+import { fn } from 'storybook/test';
+import { TextArea } from './TextArea';
+const meta = {
+    title: 'Components/FormField/Inputs/TextArea',
+    component: TextArea,
+};
+export const Default = {
+    args: {
+        title: 'titleValue',
+        onChange: fn(),
+    },
+};
+export default meta;
+//# sourceMappingURL=TextArea.stories.js.map

package/dist/components/formField/inputs/textArea/TextArea.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.stories.js","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/textArea/TextArea.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AAEpC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,IAAI,GAA0B;IAClC,KAAK,EAAE,sCAAsC;IAC7C,SAAS,EAAE,QAAQ;CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,IAAI,EAAE;QACJ,KAAK,EAAE,YAAY;QACnB,QAAQ,EAAE,EAAE,EAAE;KACf;CACF,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/components/formField/inputs/textArea/TextArea.test.d.ts

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

package/dist/components/formField/inputs/textArea/TextArea.test.d.ts.map

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

package/dist/components/formField/inputs/textArea/TextArea.test.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { expect, describe, test, vi } from 'vitest';
+import { fireEvent, render, screen } from '@testing-library/react';
+import { TextArea } from './TextArea';
+import '@testing-library/jest-dom/vitest';
+describe('TextArea component', () => {
+    test('TextArea says hello', () => {
+        render(_jsx(TextArea, { placeholder: "Hello I'm a TextArea!" }));
+        expect(screen.getByPlaceholderText("Hello I'm a TextArea!")).toBeInTheDocument();
+    });
+    test('calls onChange when input changes', () => {
+        const onChange = vi.fn();
+        render(_jsx(TextArea, { placeholder: "Enter text", onChange: onChange }));
+        fireEvent.change(screen.getByPlaceholderText('Enter text'), { target: { value: 'Hello' } });
+        expect(onChange).toHaveBeenCalled();
+        expect(screen.getByPlaceholderText('Enter text').value).toBe('Hello');
+    });
+});
+//# sourceMappingURL=TextArea.test.js.map

package/dist/components/formField/inputs/textArea/TextArea.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.test.js","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/textArea/TextArea.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,kCAAkC,CAAC;AAE1C,QAAQ,CAAC,oBAAoB,EAAE,GAAG,EAAE;IAClC,IAAI,CAAC,qBAAqB,EAAE,GAAG,EAAE;QAC/B,MAAM,CAAC,KAAC,QAAQ,IAAC,WAAW,EAAC,uBAAuB,GAAG,CAAC,CAAC;QACzD,MAAM,CAAC,MAAM,CAAC,oBAAoB,CAAC,uBAAuB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACnF,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,mCAAmC,EAAE,GAAG,EAAE;QAC7C,MAAM,QAAQ,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;QACzB,MAAM,CAAC,KAAC,QAAQ,IAAC,WAAW,EAAC,YAAY,EAAC,QAAQ,EAAE,QAAQ,GAAI,CAAC,CAAC;QAClE,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,oBAAoB,CAAC,YAAY,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC;QAC5F,MAAM,CAAC,QAAQ,CAAC,CAAC,gBAAgB,EAAE,CAAC;QACpC,MAAM,CAAE,MAAM,CAAC,oBAAoB,CAAC,YAAY,CAAsB,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAC9F,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/components/formField/label/Label.d.ts

@@ -0,0 +1,3 @@
+import type { HTMLProps } from 'react';
+export declare const Label: (props: HTMLProps<HTMLLabelElement>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Label.d.ts.map

package/dist/components/formField/label/Label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../../src/components/formField/label/Label.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,eAAO,MAAM,KAAK,GAAI,OAAO,SAAS,CAAC,gBAAgB,CAAC,4CAIvD,CAAC"}

package/dist/components/formField/label/Label.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from 'classnames';
+export const Label = (props) => {
+    const { className, htmlFor, children } = props;
+    const classes = classNames('ds-label', className);
+    return _jsx("label", { className: classes, htmlFor: htmlFor, children: children });
+};
+//# sourceMappingURL=Label.js.map

package/dist/components/formField/label/Label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../../../src/components/formField/label/Label.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AAGpC,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,KAAkC,EAAE,EAAE;IAC1D,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC/C,MAAM,OAAO,GAAG,UAAU,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;IAClD,OAAO,gBAAO,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,YAAG,QAAQ,GAAS,CAAC;AACzE,CAAC,CAAC"}

package/dist/components/formField/label/Label.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta } from '@storybook/react-vite';
+import { Label } from './Label';
+declare const meta: Meta<typeof Label>;
+export declare const Default: {
+    args: {
+        children: string;
+    };
+};
+export default meta;
+//# sourceMappingURL=Label.stories.d.ts.map

package/dist/components/formField/label/Label.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/formField/label/Label.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAG5B,CAAC;AAEF,eAAO,MAAM,OAAO;;;;CAInB,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/components/formField/label/Label.stories.js

@@ -0,0 +1,12 @@
+import { Label } from './Label';
+const meta = {
+    title: 'Components/FormField/Inputs/Label',
+    component: Label,
+};
+export const Default = {
+    args: {
+        children: 'Label',
+    },
+};
+export default meta;
+//# sourceMappingURL=Label.stories.js.map

package/dist/components/formField/label/Label.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.stories.js","sourceRoot":"","sources":["../../../../src/components/formField/label/Label.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,MAAM,IAAI,GAAuB;IAC/B,KAAK,EAAE,mCAAmC;IAC1C,SAAS,EAAE,KAAK;CACjB,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,IAAI,EAAE;QACJ,QAAQ,EAAE,OAAO;KAClB;CACF,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/components/formField/label/Label.test.d.ts

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

package/dist/components/formField/label/Label.test.d.ts.map

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

package/dist/components/formField/label/Label.test.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { expect, test } from 'vitest';
+import { render, screen } from '@testing-library/react';
+import { Label } from './Label';
+import '@testing-library/jest-dom/vitest';
+test('Label says hello', () => {
+    render(_jsx(Label, { children: "Hello I'm a Label!" }));
+    expect(screen.getByText("Hello I'm a Label!")).toBeInTheDocument();
+});
+//# sourceMappingURL=Label.test.js.map

package/dist/components/formField/label/Label.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.test.js","sourceRoot":"","sources":["../../../../src/components/formField/label/Label.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,kCAAkC,CAAC;AAE1C,IAAI,CAAC,kBAAkB,EAAE,GAAG,EAAE;IAC5B,MAAM,CAAC,KAAC,KAAK,qCAA2B,CAAC,CAAC;IAC1C,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;AACrE,CAAC,CAAC,CAAC"}

package/dist/components/heading/Heading.test.d.ts

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

package/dist/components/heading/Heading.test.d.ts.map

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

package/dist/components/heading/Heading.test.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { describe, expect, test } from 'vitest';
+import { render, screen } from '@testing-library/react';
+import { Heading } from './Heading';
+import '@testing-library/jest-dom/vitest';
+describe('Heading', () => {
+    test('Heading renders', () => {
+        render(_jsx(Heading, { children: "Hello, World!" }));
+        expect(screen.getByText('Hello, World!')).toBeInTheDocument();
+    });
+    test('Heading renders an h1 tag by default', () => {
+        render(_jsx(Heading, { children: "foobar" }));
+        expect(screen.getByText('foobar').tagName).toBe('H1');
+    });
+    test('Heading respects level prop', () => {
+        render(_jsx(Heading, { level: 2, children: "foobar" }));
+        expect(screen.getByText('foobar').tagName).toBe('H2');
+    });
+});
+//# sourceMappingURL=Heading.test.js.map

package/dist/components/heading/Heading.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.test.js","sourceRoot":"","sources":["../../../src/components/heading/Heading.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,kCAAkC,CAAC;AAE1C,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;IACvB,IAAI,CAAC,iBAAiB,EAAE,GAAG,EAAE;QAC3B,MAAM,CACJ,KAAC,OAAO,gCAEE,CACX,CAAC;QACF,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAChE,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,sCAAsC,EAAE,GAAG,EAAE;QAChD,MAAM,CACJ,KAAC,OAAO,yBAAiB,CAC1B,CAAC;QAEF,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACxD,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,6BAA6B,EAAE,GAAG,EAAE;QACvC,MAAM,CAAC,KAAC,OAAO,IAAC,KAAK,EAAE,CAAC,uBAAkB,CAAC,CAAC;QAE5C,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACxD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/components/icon/Icon.test.d.ts

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

package/dist/components/icon/Icon.test.d.ts.map

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

package/dist/components/icon/Icon.test.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { describe, expect, test } from 'vitest';
+import { render, screen } from '@testing-library/react';
+import { Icon } from './Icon';
+import '@testing-library/jest-dom/vitest';
+describe('Icon', () => {
+    test('Icon renders', () => {
+        render(_jsx(Icon, { name: "archive" }));
+        expect(screen.getByRole('img', { hidden: true })).toBeInTheDocument();
+    });
+    test('Screen reader text', () => {
+        render(_jsx(Icon, { name: "arrow-right", screenReaderText: "foobar" }));
+        expect(screen.getByText('foobar')).toBeInTheDocument();
+        expect(screen.getByText('foobar')).toHaveClass('sr-only');
+    });
+});
+//# sourceMappingURL=Icon.test.js.map

package/dist/components/icon/Icon.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.test.js","sourceRoot":"","sources":["../../../src/components/icon/Icon.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,kCAAkC,CAAC;AAE1C,QAAQ,CAAC,MAAM,EAAE,GAAG,EAAE;IACpB,IAAI,CAAC,cAAc,EAAE,GAAG,EAAE;QACxB,MAAM,CAAC,KAAC,IAAI,IAAC,IAAI,EAAC,SAAS,GAAG,CAAC,CAAC;QAChC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACxE,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,oBAAoB,EAAE,GAAG,EAAE;QAC9B,MAAM,CAAC,KAAC,IAAI,IAAC,IAAI,EAAC,aAAa,EAAC,gBAAgB,EAAC,QAAQ,GAAG,CAAC,CAAC;QAC9D,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACvD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;IAC5D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/components/icon/customIcons/CheckSolid.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckSolid.js","sourceRoot":"","sources":["../../../../src/components/icon/customIcons/CheckSolid.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAE/E,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE;IACnD,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACvC,MAAM,MAAM,GAAG,mBAAmB,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IACvD,MAAM,MAAM,GAAG,mBAAmB,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IACvD,OAAO,CACL,eACE,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,KAC9B,IAAI,aAER,2BACE,mBAAU,EAAE,EAAE,MAAM,YAClB,eAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,GAAG,GACnC,EACX,gBAAM,EAAE,EAAE,MAAM,EAAE,SAAS,EAAC,gBAAgB,aAC1C,eAAM,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,GAAQ,EACrD,eACE,CAAC,EAAC,2BAA2B,EAC7B,MAAM,EAAC,OAAO,EACd,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,IACG,IACF,EACP,YAAG,QAAQ,EAAE,QAAQ,MAAM,GAAG,EAAE,IAAI,EAAE,QAAQ,MAAM,GAAG,YACrD,eACE,CAAC,EAAC,MAAM,EACR,CAAC,EAAC,MAAM,EACR,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,EAAE,EAAC,MAAM,EACT,IAAI,EAAE,KAAK,GACX,GACA,IACA,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"CheckSolid.js","sourceRoot":"","sources":["../../../../src/components/icon/customIcons/CheckSolid.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAEtE,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE;IACnD,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACvC,MAAM,MAAM,GAAG,mBAAmB,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IACvD,MAAM,MAAM,GAAG,mBAAmB,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IACvD,OAAO,CACL,eACE,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,KAC9B,IAAI,aAER,2BACE,mBAAU,EAAE,EAAE,MAAM,YAClB,eAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,GAAG,GACnC,EACX,gBAAM,EAAE,EAAE,MAAM,EAAE,SAAS,EAAC,gBAAgB,aAC1C,eAAM,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,GAAQ,EACrD,eACE,CAAC,EAAC,2BAA2B,EAC7B,MAAM,EAAC,OAAO,EACd,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,IACG,IACF,EACP,YAAG,QAAQ,EAAE,QAAQ,MAAM,GAAG,EAAE,IAAI,EAAE,QAAQ,MAAM,GAAG,YACrD,eACE,CAAC,EAAC,MAAM,EACR,CAAC,EAAC,MAAM,EACR,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,EAAE,EAAC,MAAM,EACT,IAAI,EAAE,KAAK,GACX,GACA,IACA,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/icon/customIcons/XSolid.js.map

@@ -1 +1 @@
-{"version":3,"file":"XSolid.js","sourceRoot":"","sources":["../../../../src/components/icon/customIcons/XSolid.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAE/E,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,KAAsB,EAAE,EAAE;IAC/C,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACvC,MAAM,MAAM,GAAG,mBAAmB,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IACvD,OAAO,CACL,eACE,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,KAC9B,IAAI,aAER,yBACE,gBAAM,EAAE,EAAE,MAAM,EAAE,SAAS,EAAC,gBAAgB,aAC1C,eAAM,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,GAAQ,EACrD,eACE,CAAC,EAAC,kBAAkB,EACpB,MAAM,EAAC,OAAO,EACd,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,IACG,GACF,EACP,YAAG,IAAI,EAAE,QAAQ,MAAM,GAAG,YACxB,eAAM,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,IAAI,EAAE,KAAK,GAAI,GAC7D,IACA,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"XSolid.js","sourceRoot":"","sources":["../../../../src/components/icon/customIcons/XSolid.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAEtE,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,KAAsB,EAAE,EAAE;IAC/C,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACvC,MAAM,MAAM,GAAG,mBAAmB,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IACvD,OAAO,CACL,eACE,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,KAC9B,IAAI,aAER,yBACE,gBAAM,EAAE,EAAE,MAAM,EAAE,SAAS,EAAC,gBAAgB,aAC1C,eAAM,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,GAAQ,EACrD,eACE,CAAC,EAAC,kBAAkB,EACpB,MAAM,EAAC,OAAO,EACd,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,IACG,GACF,EACP,YAAG,IAAI,EAAE,QAAQ,MAAM,GAAG,YACxB,eAAM,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,IAAI,EAAE,KAAK,GAAI,GAC7D,IACA,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/pill/Pill.test.d.ts

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

package/dist/components/pill/Pill.test.d.ts.map

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

package/dist/components/pill/Pill.test.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { describe, expect, test } from 'vitest';
+import { render, screen } from '@testing-library/react';
+import { Pill } from './Pill';
+import '@testing-library/jest-dom/vitest';
+describe('Pill', () => {
+    test('Pill says hello', () => {
+        render(_jsx(Pill, { text: "Hello I'm a Pill!" }));
+        expect(screen.getByText("Hello I'm a Pill!")).toBeInTheDocument();
+    });
+    test('Pill has default color green', () => {
+        render(_jsx(Pill, { text: "Hello I'm a Pill!" }));
+        expect(screen.getByText("Hello I'm a Pill!")).toHaveClass('ds-pill--green');
+    });
+    test('Pill has custom color', () => {
+        render(_jsx(Pill, { text: "Hello I'm a Pill!", color: "blue" }));
+        expect(screen.getByText("Hello I'm a Pill!")).toHaveClass('ds-pill--blue');
+    });
+});
+//# sourceMappingURL=Pill.test.js.map

package/dist/components/pill/Pill.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pill.test.js","sourceRoot":"","sources":["../../../src/components/pill/Pill.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,kCAAkC,CAAC;AAE1C,QAAQ,CAAC,MAAM,EAAE,GAAG,EAAE;IACpB,IAAI,CAAC,iBAAiB,EAAE,GAAG,EAAE;QAC3B,MAAM,CAAC,KAAC,IAAI,IAAC,IAAI,EAAC,mBAAmB,GAAG,CAAC,CAAC;QAC1C,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,mBAAmB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACpE,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACxC,MAAM,CAAC,KAAC,IAAI,IAAC,IAAI,EAAC,mBAAmB,GAAG,CAAC,CAAC;QAC1C,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,mBAAmB,CAAC,CAAC,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC;IAC9E,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,uBAAuB,EAAE,GAAG,EAAE;QACjC,MAAM,CAAC,KAAC,IAAI,IAAC,IAAI,EAAC,mBAAmB,EAAC,KAAK,EAAC,MAAM,GAAG,CAAC,CAAC;QACvD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,mBAAmB,CAAC,CAAC,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;IAC7E,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/components/tabs/Tabs.d.ts

@@ -0,0 +1,21 @@
+import { type ReactNode } from 'react';
+type TabsProps = {
+    children: ReactNode;
+    defaultActiveTab?: string;
+    className?: string;
+    onTabChange?: (tabId: string) => void;
+};
+export declare const Tabs: {
+    ({ children, defaultActiveTab, className, onTabChange, }: TabsProps): import("react/jsx-runtime").JSX.Element;
+    Item: ({ children, tabId, label, disabled, className, }: TabsItemProps) => import("react/jsx-runtime").JSX.Element;
+};
+type TabsItemProps = {
+    children: ReactNode;
+    tabId: string;
+    label: string;
+    disabled?: boolean;
+    className?: string;
+};
+export declare const TabsItem: ({ children, tabId, label, disabled, className, }: TabsItemProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Tabs.d.ts.map

package/dist/components/tabs/Tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/Tabs.tsx"],"names":[],"mappings":"AACA,OAAc,EAAuC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAiBnF,KAAK,SAAS,GAAG;IACf,QAAQ,EAAE,SAAS,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC,CAAC;AAEF,eAAO,MAAM,IAAI;8DAKd,SAAS;6DA+BT,aAAa;CAhBf,CAAC;AAEF,KAAK,aAAa,GAAG;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,kDAMtB,aAAa,4CAiDf,CAAC"}

package/dist/components/tabs/Tabs.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from 'classnames';
+import React, { createContext, useContext, useState } from 'react';
+const TabsContext = createContext(undefined);
+const useTabsContext = () => {
+    const context = useContext(TabsContext);
+    if (!context) {
+        throw new Error('Tabs.Item must be used within a Tabs component');
+    }
+    return context;
+};
+export const Tabs = ({ children, defaultActiveTab, className = '', onTabChange, }) => {
+    const [activeTab, setActiveTab] = useState(defaultActiveTab || '');
+    const handleTabChange = (tabId) => {
+        setActiveTab(tabId);
+        onTabChange?.(tabId);
+    };
+    return (_jsx(TabsContext.Provider, { value: { activeTab, setActiveTab: handleTabChange }, children: _jsx("div", { className: classNames('ds-tabs', className), children: children }) }));
+};
+export const TabsItem = ({ children, tabId, label, disabled = false, className = '', }) => {
+    const { activeTab, setActiveTab } = useTabsContext();
+    const isActive = activeTab === tabId;
+    const handleClick = () => {
+        if (!disabled) {
+            setActiveTab(tabId);
+        }
+    };
+    const handleKeyDown = (e) => {
+        if (e.key === 'Enter' || e.key === ' ') {
+            e.preventDefault();
+            if (!disabled) {
+                setActiveTab(tabId);
+            }
+        }
+    };
+    return (_jsxs("div", { className: classNames('ds-tabs__item', className), children: [_jsx("button", { className: classNames('ds-tabs__tab', {
+                    'ds-tabs__tab--active': isActive,
+                    'ds-tabs__tab--disabled': disabled,
+                }), onClick: handleClick, onKeyDown: handleKeyDown, disabled: disabled, role: "tab", "aria-selected": isActive, "aria-controls": `tabpanel-${tabId}`, id: `tab-${tabId}`, tabIndex: isActive ? 0 : -1, children: label }), isActive && (_jsx("div", { className: "ds-tabs__content", role: "tabpanel", id: `tabpanel-${tabId}`, "aria-labelledby": `tab-${tabId}`, children: children }))] }));
+};
+// Compound component pattern
+Tabs.Item = TabsItem;
+//# sourceMappingURL=Tabs.js.map

package/dist/components/tabs/Tabs.js.map

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

package/dist/components/tabs/Tabs.stories.d.ts

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Tabs } from './Tabs';
+declare const meta: Meta<typeof Tabs>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithDisabledTab: Story;
+export declare const ManyTabs: Story;
+export declare const WithRichContent: Story;
+export declare const CustomStyling: Story;
+//# sourceMappingURL=Tabs.stories.d.ts.map

package/dist/components/tabs/Tabs.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.stories.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/Tabs.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAyB3B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KA0BrB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KA0B7B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KA4CtB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KA2D7B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAqC3B,CAAC"}