@powerhousedao/document-engineering 1.38.0 → 1.39.0

package/dist/src/scalars/components/string-field/string-field.stories.js

@@ -0,0 +1,143 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { withForm } from '../../lib/decorators.js';
+import { getDefaultArgTypes, getValidationArgTypes, PrebuiltArgTypes, StorybookControlCategory, } from '../../lib/storybook-arg-types.js';
+import { StringField } from './string-field.js';
+const meta = {
+    title: 'Scalars/String Field',
+    component: StringField,
+    decorators: [withForm, (Story) => _jsx("div", { className: "w-48", children: Story() })],
+    parameters: {
+        layout: 'centered',
+    },
+    tags: ['autodocs'],
+    argTypes: {
+        ...getDefaultArgTypes(),
+        ...PrebuiltArgTypes.placeholder,
+        ...PrebuiltArgTypes.autoComplete,
+        ...PrebuiltArgTypes.spellCheck,
+        multiline: {
+            control: 'boolean',
+            description: 'Whether to render as a multi-line textarea',
+            table: {
+                type: { summary: 'boolean' },
+                defaultValue: { summary: 'false' },
+                category: StorybookControlCategory.COMPONENT_SPECIFIC,
+            },
+        },
+        autoExpand: {
+            control: 'boolean',
+            description: 'Whether textarea should automatically expand as content grows',
+            table: {
+                type: { summary: 'boolean' },
+                defaultValue: { summary: 'false' },
+                category: StorybookControlCategory.COMPONENT_SPECIFIC,
+            },
+        },
+        ...PrebuiltArgTypes.trim,
+        ...PrebuiltArgTypes.uppercase,
+        ...PrebuiltArgTypes.lowercase,
+        ...PrebuiltArgTypes.diffMode,
+        ...PrebuiltArgTypes.viewMode,
+        ...PrebuiltArgTypes.baseValue,
+        ...getValidationArgTypes(),
+        ...PrebuiltArgTypes.minLength,
+        ...PrebuiltArgTypes.maxLength,
+        ...PrebuiltArgTypes.pattern,
+    },
+    args: {
+        name: 'string-field',
+    },
+};
+export default meta;
+export const Default = {
+    args: {
+        label: 'String Input',
+        placeholder: 'Type something...',
+    },
+};
+export const WithDescription = {
+    args: {
+        label: 'Bio',
+        description: 'Tell us a little bit about yourself',
+        placeholder: 'I am a...',
+    },
+};
+export const Required = {
+    args: {
+        label: 'Full Name',
+        required: true,
+        placeholder: 'John Doe',
+    },
+};
+export const WithValue = {
+    args: {
+        label: 'Email',
+        value: 'john.doe@example.com',
+        placeholder: 'Enter your email',
+    },
+};
+export const Disabled = {
+    args: {
+        label: 'Read Only Field',
+        value: 'This field is disabled',
+        disabled: true,
+        placeholder: 'This field is disabled',
+    },
+};
+export const WithError = {
+    args: {
+        label: 'Username',
+        value: '123',
+        required: true,
+        errors: ['Username must be at least 8 characters long'],
+        placeholder: 'Enter your username',
+    },
+};
+export const WithWarning = {
+    args: {
+        label: 'Password',
+        value: 'password123',
+        warnings: ['Consider using a stronger password'],
+        placeholder: 'Enter your password',
+    },
+};
+export const Multiline = {
+    args: {
+        label: 'Comments',
+        multiline: true,
+        placeholder: 'Enter your comments here...',
+        autoExpand: true,
+    },
+};
+export const WithDefaultValue = {
+    args: {
+        label: 'Favorite Color',
+        defaultValue: 'Blue',
+        placeholder: 'Enter your favorite color',
+    },
+};
+export const WithDifferencesAddition = {
+    args: {
+        label: 'Number difference addition',
+        value: 'Lorem ipsum dolor sit amet consectetur adipiscing elit.',
+        baseValue: 'Dolor sit amet consectetur adipiscing elit quisque faucibus.',
+        viewMode: 'addition',
+    },
+};
+export const WithDifferencesRemoval = {
+    args: {
+        label: 'Date difference removal',
+        value: 'Lorem ipsum dolor sit amet consectetur adipiscing elit.',
+        baseValue: 'Dolor sit amet consectetur adipiscing elit quisque faucibus.',
+        viewMode: 'removal',
+    },
+};
+export const WithDifferencesMixed = {
+    args: {
+        label: 'Date difference mixed',
+        value: 'Lorem ipsum dolor sit amet consectetur adipiscing elit.',
+        baseValue: 'Dolor sit amet consectetur adipiscing elit quisque faucibus.',
+        viewMode: 'mixed',
+    },
+};
+//# sourceMappingURL=string-field.stories.js.map

package/dist/src/scalars/components/string-field/string-field.stories.js.map

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

package/dist/src/scalars/components/string-field/string-field.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=string-field.test.d.ts.map

package/dist/src/scalars/components/string-field/string-field.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"string-field.test.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/string-field/string-field.test.tsx"],"names":[],"mappings":""}

package/dist/src/scalars/components/string-field/string-field.test.js

@@ -0,0 +1,60 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { screen, waitFor } from '@testing-library/react';
+import { userEvent } from '@testing-library/user-event';
+import { describe, expect, it, vi } from 'vitest';
+import { renderWithForm } from '../../lib/testing.js';
+import { StringField } from './string-field.js';
+describe('StringField', () => {
+    it('should match snapshot with minimal props', () => {
+        const { container } = renderWithForm(_jsx(StringField, { name: "test" }));
+        expect(container).toMatchSnapshot();
+    });
+    it('should match snapshot when multiline is true (textarea)', () => {
+        const { container } = renderWithForm(_jsx(StringField, { name: "test", multiline: true }));
+        expect(container).toMatchSnapshot();
+    });
+    it('should render label when provided', () => {
+        renderWithForm(_jsx(StringField, { name: "test", label: "Test Label" }));
+        expect(screen.getByText('Test Label')).toBeInTheDocument();
+    });
+    it('should render description when provided', () => {
+        renderWithForm(_jsx(StringField, { name: "test", description: "Test description" }));
+        expect(screen.getByText('Test description')).toBeInTheDocument();
+    });
+    it('should render error messages when provided', async () => {
+        renderWithForm(_jsx(StringField, { name: "test", errors: ['Error message'] }));
+        await waitFor(() => {
+            expect(screen.getByText('Error message')).toBeInTheDocument();
+        });
+    });
+    it('should render warning messages when provided', () => {
+        renderWithForm(_jsx(StringField, { name: "test", warnings: ['Warning message'] }));
+        expect(screen.getByText('Warning message')).toBeInTheDocument();
+    });
+    it('should render as textarea when multiline is true', () => {
+        renderWithForm(_jsx(StringField, { name: "test", multiline: true }));
+        expect(screen.getByRole('textbox')).toHaveProperty('tagName', 'TEXTAREA');
+    });
+    it('should render as input when multiline is false', () => {
+        renderWithForm(_jsx(StringField, { name: "test" }));
+        expect(screen.getByRole('textbox')).toHaveProperty('tagName', 'INPUT');
+    });
+    it('should disable input when disabled prop is true', () => {
+        renderWithForm(_jsx(StringField, { name: "test", disabled: true }));
+        expect(screen.getByRole('textbox')).toBeDisabled();
+    });
+    it('should show required indicator when required prop is true', () => {
+        renderWithForm(_jsx(StringField, { name: "test", label: "Test Label", required: true }));
+        expect(screen.getByText('*')).toBeInTheDocument();
+    });
+    it('should handle value changes', async () => {
+        const user = userEvent.setup();
+        const onChange = vi.fn();
+        renderWithForm(_jsx(StringField, { name: "test", value: "initial", onChange: onChange }));
+        const input = screen.getByRole('textbox');
+        expect(input).toHaveValue('initial');
+        await user.type(input, 'test');
+        expect(onChange).toHaveBeenCalledTimes(4); // Once per character typed
+    });
+});
+//# sourceMappingURL=string-field.test.js.map

package/dist/src/scalars/components/string-field/string-field.test.js.map

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

package/dist/src/scalars/components/time-picker-field/time-picker-field.stories.d.ts

@@ -0,0 +1,25 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { TimePickerField } from './time-picker-field.js';
+/**
+ * A time picker component designed for form usage with built-in validation.
+ *
+ * Key features:
+ * - Seamless form integration
+ * - Input validation out of the box
+ * - Customizable styling via Tailwind CSS (className prop)
+ * - Timezone selection support
+ *
+ * For styling examples and implementation details:
+ * See our Storybook docs → 🎨
+ * [Time Picker Examples](?path=/docs/data-entry-time-picker--readme)
+ */
+declare const meta: Meta<typeof TimePickerField>;
+export default meta;
+type Story = StoryObj<typeof TimePickerField>;
+export declare const Default: Story;
+export declare const Disabled: Story;
+export declare const Filled: Story;
+export declare const WithDifferencesAddition: Story;
+export declare const WithDifferencesRemoval: Story;
+export declare const WithDifferencesMixed: Story;
+//# sourceMappingURL=time-picker-field.stories.d.ts.map

package/dist/src/scalars/components/time-picker-field/time-picker-field.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-picker-field.stories.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/time-picker-field/time-picker-field.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAQtD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAExD;;;;;;;;;;;;GAYG;AAEH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,eAAe,CAwFtC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,eAAe,CAAC,CAAA;AAE7C,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA;AACD,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAOpB,CAAA;AACD,eAAO,MAAM,uBAAuB,EAAE,KAOrC,CAAA;AACD,eAAO,MAAM,sBAAsB,EAAE,KAOpC,CAAA;AACD,eAAO,MAAM,oBAAoB,EAAE,KAOlC,CAAA"}

package/dist/src/scalars/components/time-picker-field/time-picker-field.stories.js

@@ -0,0 +1,150 @@
+import { withForm } from '../../lib/decorators.js';
+import { getDefaultArgTypes, getValidationArgTypes, PrebuiltArgTypes, StorybookControlCategory, } from '../../lib/storybook-arg-types.js';
+import { TimePickerField } from './time-picker-field.js';
+/**
+ * A time picker component designed for form usage with built-in validation.
+ *
+ * Key features:
+ * - Seamless form integration
+ * - Input validation out of the box
+ * - Customizable styling via Tailwind CSS (className prop)
+ * - Timezone selection support
+ *
+ * For styling examples and implementation details:
+ * See our Storybook docs → 🎨
+ * [Time Picker Examples](?path=/docs/data-entry-time-picker--readme)
+ */
+const meta = {
+    title: 'Scalars/Time Picker Field',
+    component: TimePickerField,
+    parameters: {
+        layout: 'centered',
+        form: {
+            resetBehavior: 'unmount',
+        },
+    },
+    decorators: [withForm],
+    tags: ['autodocs'],
+    argTypes: {
+        ...getDefaultArgTypes(),
+        ...getValidationArgTypes(),
+        timeFormat: {
+            control: {
+                type: 'select',
+            },
+            description: 'The format of the time in the time picker',
+            table: {
+                type: { summary: 'string' },
+                category: StorybookControlCategory.COMPONENT_SPECIFIC,
+            },
+            options: ['hh:mm A', 'HH:mm'],
+            defaultValue: { summary: 'hh:mm A' },
+        },
+        showTimezoneSelect: {
+            control: {
+                type: 'boolean',
+            },
+            description: 'Show timezone select',
+            table: {
+                category: StorybookControlCategory.COMPONENT_SPECIFIC,
+                type: { summary: 'boolean' },
+            },
+        },
+        timeIntervals: {
+            description: 'The interval between each time option',
+            control: {
+                type: 'number',
+            },
+            type: 'number',
+            min: 1,
+            max: 60,
+            table: {
+                category: StorybookControlCategory.COMPONENT_SPECIFIC,
+            },
+            defaultValue: { summary: 1 },
+        },
+        timeZone: {
+            description: 'The timezone to display in the time picker',
+            control: {
+                type: 'text',
+            },
+            table: {
+                category: StorybookControlCategory.COMPONENT_SPECIFIC,
+                type: { summary: 'string' },
+            },
+        },
+        includeContinent: {
+            description: 'Show continent name in the timezone select',
+            control: {
+                type: 'boolean',
+                defaultValue: false,
+            },
+            table: {
+                category: StorybookControlCategory.COMPONENT_SPECIFIC,
+                defaultValue: { summary: 'false ' },
+                type: { summary: 'boolean' },
+            },
+        },
+        placeholder: {
+            description: 'The placeholder text for the time picker',
+            table: {
+                category: StorybookControlCategory.DEFAULT,
+                type: { summary: 'string' },
+            },
+        },
+        ...PrebuiltArgTypes.viewMode,
+        ...PrebuiltArgTypes.baseValue,
+    },
+    args: {
+        name: 'time-picker-field',
+    },
+};
+export default meta;
+export const Default = {
+    args: {
+        name: 'time',
+        label: 'Pick a time',
+        placeholder: 'HH:mm',
+    },
+};
+export const Disabled = {
+    args: {
+        name: 'time',
+        label: 'Pick a time',
+        placeholder: 'HH:mm',
+        disabled: true,
+    },
+};
+export const Filled = {
+    args: {
+        name: 'time',
+        label: 'Pick a time',
+        value: '12:00 PM',
+        placeholder: 'HH:mm',
+    },
+};
+export const WithDifferencesAddition = {
+    args: {
+        label: 'Time difference addition',
+        value: '12:00 PM',
+        baseValue: '11:00 AM',
+        viewMode: 'addition',
+    },
+};
+export const WithDifferencesRemoval = {
+    args: {
+        label: 'Time difference removal',
+        value: '12:00 PM',
+        baseValue: '11:00 AM',
+        viewMode: 'removal',
+    },
+};
+export const WithDifferencesMixed = {
+    args: {
+        label: 'Time difference mixed',
+        value: '12:00 PM',
+        baseValue: '11:00 AM',
+        viewMode: 'mixed',
+    },
+};
+//# sourceMappingURL=time-picker-field.stories.js.map

package/dist/src/scalars/components/time-picker-field/time-picker-field.stories.js.map

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

package/dist/src/scalars/components/time-picker-field/time-picker-field.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=time-picker-field.test.d.ts.map

package/dist/src/scalars/components/time-picker-field/time-picker-field.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-picker-field.test.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/time-picker-field/time-picker-field.test.tsx"],"names":[],"mappings":""}

package/dist/src/scalars/components/time-picker-field/time-picker-field.test.js

@@ -0,0 +1,123 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { screen } from '@testing-library/react';
+import { userEvent } from '@testing-library/user-event';
+import { renderWithForm } from '../../lib/testing.js';
+import { TimePickerField } from './time-picker-field.js';
+describe('TimePickerField', () => {
+    it('should match the snapshot', () => {
+        const { container } = renderWithForm(_jsx(TimePickerField, { label: "Test Label", name: "test-time", id: "test-id", required: true, disabled: false }));
+        expect(container).toMatchSnapshot();
+    });
+    it('should display the label when provided', () => {
+        const labelText = 'Test Label';
+        renderWithForm(_jsx(TimePickerField, { name: "test-time", label: labelText }));
+        expect(screen.getByText(labelText)).toBeInTheDocument();
+    });
+    it('should not render the label when label prop is not provided', () => {
+        renderWithForm(_jsx(TimePickerField, { name: "test-time" }));
+        expect(screen.queryByText('Test Label')).not.toBeInTheDocument();
+    });
+    it('should mark the label as required when required prop is true', () => {
+        renderWithForm(_jsx(TimePickerField, { name: "test-time", label: "Test Label", required: true }));
+        const label = screen.getByText('Test Label');
+        const asterisk = screen.getByText('*');
+        expect(label).toBeInTheDocument();
+        expect(asterisk).toBeInTheDocument();
+    });
+    it('should mark the label as disabled when disabled prop is true', () => {
+        renderWithForm(_jsx(TimePickerField, { name: "test-time", label: "Test Label", disabled: true }));
+        const label = screen.getByText('Test Label');
+        expect(label).toHaveClass('cursor-not-allowed');
+        expect(label).toHaveClass('text-gray-700');
+    });
+    it('should handle timeIntervals prop correctly with 15-minute intervals', async () => {
+        const user = userEvent.setup();
+        renderWithForm(_jsx(TimePickerField, { name: "test-time", label: "Test Label", timeIntervals: 15 }));
+        // Open the time picker using the button instead of the input
+        const clockButton = screen.getByRole('button');
+        await user.click(clockButton);
+        // First wait for the popover to be visible
+        const popoverContent = await screen.findByRole('dialog');
+        expect(popoverContent).toBeVisible();
+        // Now check for the minute values
+        const minutes = ['00', '15', '30', '45'];
+        for (const minute of minutes) {
+            // Use findAllByText instead of findByText since there are multiple elements with the same text
+            const minuteElements = await screen.findAllByText(minute);
+            expect(minuteElements.length).toBeGreaterThan(0);
+            expect(minuteElements[0]).toBeInTheDocument();
+        }
+        // Verify that intermediate values are not present
+        ;
+        ['13', '20', '25', '35', '40', '50', '55'].forEach((minute) => {
+            expect(screen.queryByText(minute)).not.toBeInTheDocument();
+        });
+    });
+    it('should handle timeIntervals prop correctly with 30-minute intervals', async () => {
+        const user = userEvent.setup();
+        renderWithForm(_jsx(TimePickerField, { name: "test-time", label: "Test Label", timeIntervals: 30 }));
+        // Open the time picker using the button instead of the input
+        const clockButton = screen.getByRole('button');
+        await user.click(clockButton);
+        // First wait for the popover to be visible
+        const popoverContent = await screen.findByRole('dialog');
+        expect(popoverContent).toBeVisible();
+        // Now check for the minute values
+        const minutes = ['00', '30'];
+        for (const minute of minutes) {
+            const minuteElements = await screen.findAllByText(minute);
+            expect(minuteElements.length).toBeGreaterThan(0);
+            expect(minuteElements[0]).toBeInTheDocument();
+        }
+        // Verify that other values are not present
+        ;
+        ['15', '45'].forEach((minute) => {
+            expect(screen.queryByText(minute)).not.toBeInTheDocument();
+        });
+    });
+    it('should set timezone value and disable select when timeZone prop is provided', async () => {
+        const user = userEvent.setup();
+        const timeZoneValue = 'America/New_York';
+        renderWithForm(_jsx(TimePickerField, { name: "test-time", label: "Test Label", timeZone: timeZoneValue }));
+        const clockButton = screen.getByRole('button');
+        await user.click(clockButton);
+        const popoverContent = await screen.findByRole('dialog');
+        expect(popoverContent).toBeVisible();
+        const select = await screen.findByRole('combobox');
+        expect(select).toBeDisabled();
+        // Use a more flexible approach to find the timezone text
+        const timezoneText = screen.getByText((content) => {
+            return content.includes('New York') && content.includes('(');
+        });
+        expect(timezoneText).toBeInTheDocument();
+    });
+    it('should display continent when includeContinent prop is true', async () => {
+        const user = userEvent.setup();
+        const timeZoneValue = 'America/New_York';
+        renderWithForm(_jsx(TimePickerField, { name: "test-time", label: "Test Label", timeZone: timeZoneValue, includeContinent: true }));
+        const clockButton = screen.getByRole('button');
+        await user.click(clockButton);
+        const popoverContent = await screen.findByRole('dialog');
+        expect(popoverContent).toBeVisible();
+        // Verify that the timezone includes the continent (America)
+        const timezoneText = screen.getByText((content) => {
+            return content.includes('America') && content.includes('New York');
+        });
+        expect(timezoneText).toBeInTheDocument();
+    });
+    it('should not display continent when includeContinent prop is false', async () => {
+        const user = userEvent.setup();
+        const timeZoneValue = 'America/New_York';
+        renderWithForm(_jsx(TimePickerField, { name: "test-time", label: "Test Label", timeZone: timeZoneValue, includeContinent: false }));
+        const clockButton = screen.getByRole('button');
+        await user.click(clockButton);
+        const popoverContent = await screen.findByRole('dialog');
+        expect(popoverContent).toBeVisible();
+        // Verify that the timezone excludes the continent (America)
+        const timezoneText = screen.getByText((content) => {
+            return content.includes('New York') && !content.includes('America');
+        });
+        expect(timezoneText).toBeInTheDocument();
+    });
+});
+//# sourceMappingURL=time-picker-field.test.js.map

package/dist/src/scalars/components/time-picker-field/time-picker-field.test.js.map

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

package/dist/src/scalars/components/url-field/url-field.stories.d.ts

@@ -0,0 +1,17 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { UrlField } from './url-field.js';
+declare const meta: Meta<typeof UrlField>;
+export default meta;
+type Story = StoryObj<typeof UrlField>;
+export declare const Default: Story;
+export declare const WithDescription: Story;
+export declare const Required: Story;
+export declare const WithValue: Story;
+export declare const Disabled: Story;
+export declare const WithError: Story;
+export declare const WithWarning: Story;
+export declare const WithPlatformIcon: Story;
+export declare const WithDifferencesAddition: Story;
+export declare const WithDifferencesRemoval: Story;
+export declare const WithDifferencesMixed: Story;
+//# sourceMappingURL=url-field.stories.d.ts.map

package/dist/src/scalars/components/url-field/url-field.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"url-field.stories.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/url-field/url-field.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAQtD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAEzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAwD/B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAA;AAEtC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAM7B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAMzB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAe9B,CAAA;AACD,eAAO,MAAM,uBAAuB,EAAE,KAOrC,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,KAOpC,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KAOlC,CAAA"}