@arbor-education/design-system.components 0.6.0 → 0.7.0

package/dist/components/tag/Tag.test.js.map

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

package/dist/components/toggle/Toggle.d.ts

@@ -0,0 +1,3 @@
+import { Switch } from 'radix-ui';
+export declare const Toggle: (props: Switch.SwitchProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Toggle.d.ts.map

package/dist/components/toggle/Toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/components/toggle/Toggle.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,eAAO,MAAM,MAAM,GAAI,OAAO,MAAM,CAAC,WAAW,4CAQ/C,CAAC"}

package/dist/components/toggle/Toggle.js

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

package/dist/components/toggle/Toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../../src/components/toggle/Toggle.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,KAAyB,EAAE,EAAE;IAClD,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAErC,OAAO,CACL,KAAC,MAAM,CAAC,IAAI,IAAC,SAAS,EAAE,UAAU,CAAC,WAAW,EAAE,SAAS,CAAC,KAAM,IAAI,YAClE,KAAC,MAAM,CAAC,KAAK,IAAC,SAAS,EAAC,kBAAkB,GAAG,GACjC,CACf,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/toggle/Toggle.stories.d.ts

@@ -0,0 +1,97 @@
+import type { StoryObj } from '@storybook/react-vite';
+/**
+ * The Toggle component is a binary on/off switch, built on top of Radix UI's
+ * Switch primitive. Think of it like the light switch in the St. Olaf town
+ * hall — everyone in town knows exactly whether the lights are on or off,
+ * and there is never any confusion about which state you are in.
+ *
+ * Toggling is the right choice when you need an immediate, binary setting
+ * change — "dark mode on", "notifications off", "feature enabled". Unlike a
+ * checkbox, a toggle implies the change takes effect right away, without
+ * needing a form submission.
+ *
+ * **Accessibility**
+ * - Rendered as a `<button role="switch">` — screen readers announce the
+ *   current state ("checked" / "not checked") automatically.
+ * - Fully keyboard accessible: `Space` or `Enter` toggles the state.
+ * - Associate a visible label with the toggle using a `<label htmlFor={id}>`
+ *   so users of all abilities know what they are toggling.
+ * - The `disabled` prop renders the element as non-interactive and applies
+ *   correct ARIA semantics.
+ *
+ * **CSS classes**
+ * - Root element: `ds-toggle`
+ * - Thumb (the sliding dot): `ds-toggle__thumb`
+ * - Checked state is driven by Radix's `data-state="checked"` attribute,
+ *   which the SCSS uses to apply brand colours and shift the thumb position.
+ */
+declare const meta: {
+    title: string;
+    component: (props: import("@radix-ui/react-switch").SwitchProps) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    args: {
+        onCheckedChange: import("@vitest/spy").Mock<(...args: any[]) => any>;
+    };
+    argTypes: {
+        checked: {
+            control: "boolean";
+            description: string;
+        };
+        defaultChecked: {
+            control: "boolean";
+            description: string;
+        };
+        disabled: {
+            control: "boolean";
+            description: string;
+        };
+        required: {
+            control: "boolean";
+            description: string;
+        };
+        name: {
+            control: "text";
+            description: string;
+        };
+        value: {
+            control: "text";
+            description: string;
+        };
+        onCheckedChange: {
+            action: string;
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/** The toggle in its default, unchecked (off) state. */
+export declare const Default: Story;
+/**
+ * The toggle in its checked (on) state.
+ *
+ * Uses `defaultChecked` so the component manages its own state — perfect for
+ * uncontrolled usage where you just need a sensible starting position.
+ */
+export declare const Checked: Story;
+/**
+ * A disabled toggle that is currently off.
+ *
+ * Use this when a setting exists but cannot be changed in the current context
+ * — for example, a feature that requires a higher subscription tier.
+ */
+export declare const Disabled: Story;
+/**
+ * A disabled toggle that is currently on.
+ *
+ * This communicates "this setting is enabled, but you cannot change it right
+ * now." Always pair a disabled toggle with a tooltip or helper text that
+ * explains why it cannot be interacted with.
+ */
+export declare const DisabledChecked: Story;
+export declare const Controlled: Story;
+export declare const WithLabel: Story;
+//# sourceMappingURL=Toggle.stories.d.ts.map

package/dist/components/toggle/Toggle.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.stories.d.ts","sourceRoot":"","sources":["../../../src/components/toggle/Toggle.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAI5D;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsDqB,CAAC;AAEhC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAMnC,wDAAwD;AACxD,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC;;;;;GAKG;AACH,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAMF;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,EAAE,KAItB,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,eAAe,EAAE,KAK7B,CAAC;AAoDF,eAAO,MAAM,UAAU,EAAE,KAExB,CAAC;AA6CF,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAC"}

package/dist/components/toggle/Toggle.stories.js

@@ -0,0 +1,186 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { fn } from 'storybook/test';
+import { Toggle } from './Toggle';
+/**
+ * The Toggle component is a binary on/off switch, built on top of Radix UI's
+ * Switch primitive. Think of it like the light switch in the St. Olaf town
+ * hall — everyone in town knows exactly whether the lights are on or off,
+ * and there is never any confusion about which state you are in.
+ *
+ * Toggling is the right choice when you need an immediate, binary setting
+ * change — "dark mode on", "notifications off", "feature enabled". Unlike a
+ * checkbox, a toggle implies the change takes effect right away, without
+ * needing a form submission.
+ *
+ * **Accessibility**
+ * - Rendered as a `<button role="switch">` — screen readers announce the
+ *   current state ("checked" / "not checked") automatically.
+ * - Fully keyboard accessible: `Space` or `Enter` toggles the state.
+ * - Associate a visible label with the toggle using a `<label htmlFor={id}>`
+ *   so users of all abilities know what they are toggling.
+ * - The `disabled` prop renders the element as non-interactive and applies
+ *   correct ARIA semantics.
+ *
+ * **CSS classes**
+ * - Root element: `ds-toggle`
+ * - Thumb (the sliding dot): `ds-toggle__thumb`
+ * - Checked state is driven by Radix's `data-state="checked"` attribute,
+ *   which the SCSS uses to apply brand colours and shift the thumb position.
+ */
+const meta = {
+    title: 'Components/Toggle',
+    component: Toggle,
+    parameters: {
+        layout: 'centered',
+    },
+    tags: ['autodocs'],
+    args: {
+        onCheckedChange: fn(),
+    },
+    argTypes: {
+        checked: {
+            control: 'boolean',
+            description: 'Controls the checked state when used as a controlled component. '
+                + 'Pair with `onCheckedChange` to keep your state in sync.',
+        },
+        defaultChecked: {
+            control: 'boolean',
+            description: 'Sets the initial checked state for an uncontrolled toggle. '
+                + 'The component manages its own state after mount.',
+        },
+        disabled: {
+            control: 'boolean',
+            description: 'Disables the toggle. The toggle becomes non-interactive and is '
+                + 'visually dimmed. Useful for read-only settings or permission-gated features.',
+        },
+        required: {
+            control: 'boolean',
+            description: 'Marks the toggle as required when used inside a `<form>`. '
+                + 'Prevents form submission if the toggle is unchecked.',
+        },
+        name: {
+            control: 'text',
+            description: 'The name of the toggle as submitted with form data. '
+                + 'Works the same as the `name` attribute on a native `<input>`.',
+        },
+        value: {
+            control: 'text',
+            description: 'The value submitted with form data when the toggle is checked. '
+                + 'Defaults to `"on"` (matching native checkbox behaviour).',
+        },
+        onCheckedChange: {
+            action: 'checkedChange',
+            description: 'Callback fired whenever the checked state changes. '
+                + 'Receives the new boolean value: `(checked: boolean) => void`.',
+        },
+    },
+};
+export default meta;
+// ---------------------------------------------------------------------------
+// Basic states
+// ---------------------------------------------------------------------------
+/** The toggle in its default, unchecked (off) state. */
+export const Default = {};
+/**
+ * The toggle in its checked (on) state.
+ *
+ * Uses `defaultChecked` so the component manages its own state — perfect for
+ * uncontrolled usage where you just need a sensible starting position.
+ */
+export const Checked = {
+    args: {
+        defaultChecked: true,
+    },
+};
+// ---------------------------------------------------------------------------
+// Disabled states
+// ---------------------------------------------------------------------------
+/**
+ * A disabled toggle that is currently off.
+ *
+ * Use this when a setting exists but cannot be changed in the current context
+ * — for example, a feature that requires a higher subscription tier.
+ */
+export const Disabled = {
+    args: {
+        disabled: true,
+    },
+};
+/**
+ * A disabled toggle that is currently on.
+ *
+ * This communicates "this setting is enabled, but you cannot change it right
+ * now." Always pair a disabled toggle with a tooltip or helper text that
+ * explains why it cannot be interacted with.
+ */
+export const DisabledChecked = {
+    args: {
+        defaultChecked: true,
+        disabled: true,
+    },
+};
+// ---------------------------------------------------------------------------
+// Controlled usage
+// ---------------------------------------------------------------------------
+/**
+ * A fully controlled toggle backed by React state.
+ *
+ * Back in St. Olaf, my neighbour Hildegard Bjornsson kept a hand-written
+ * ledger of every switch in her house — she never trusted a switch to remember
+ * its own state! A controlled toggle is just like that ledger: your component
+ * owns the truth, and the toggle simply displays what you tell it to.
+ *
+ * Use the controlled pattern when:
+ * - You need to read the toggle state elsewhere in the UI.
+ * - You want to conditionally show/hide other elements based on the state.
+ * - You are submitting state as part of a larger form payload.
+ */
+const ControlledTemplate = (args) => {
+    const [enabled, setEnabled] = useState(false);
+    return (_jsxs("div", { style: {
+            display: 'flex',
+            flexDirection: 'column',
+            alignItems: 'center',
+            gap: '12px',
+        }, children: [_jsx(Toggle, { ...args, checked: enabled, onCheckedChange: (checked) => {
+                    setEnabled(checked);
+                    args.onCheckedChange?.(checked);
+                } }), _jsx("p", { style: {
+                    margin: 0,
+                    fontSize: '14px',
+                    color: enabled ? 'var(--color-brand-700)' : 'var(--color-grey-500)',
+                }, children: enabled ? 'Feature enabled' : 'Feature disabled' })] }));
+};
+export const Controlled = {
+    render: ControlledTemplate,
+};
+// ---------------------------------------------------------------------------
+// With label (accessible usage)
+// ---------------------------------------------------------------------------
+/**
+ * A toggle paired with a visible `<label>` element for full accessibility.
+ *
+ * This is the pattern you should reach for in almost every real-world use
+ * case. By wiring the label's `htmlFor` to the toggle's `id`, you get:
+ *
+ * - Screen readers announce both the label text and the toggle state.
+ * - Clicking the label text also toggles the switch (larger click target).
+ * - Visual users see a clear description of what the toggle controls.
+ *
+ * You know, this is a lot like what we learned in St. Olaf Home Economics
+ * class — always label your preserves. An unlabelled jar of lingonberry jam
+ * looks just like an unlabelled jar of beet relish, and nobody wants that
+ * confusion at the dinner table. Or on a settings page!
+ */
+const WithLabelTemplate = (args) => {
+    const [enabled, setEnabled] = useState(false);
+    return (_jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '8px' }, children: [_jsx(Toggle, { ...args, id: "email-notifications-toggle", checked: enabled, onCheckedChange: (checked) => {
+                    setEnabled(checked);
+                    args.onCheckedChange?.(checked);
+                } }), _jsx("label", { htmlFor: "email-notifications-toggle", style: { fontSize: '14px', cursor: 'pointer', userSelect: 'none' }, children: "Email notifications" })] }));
+};
+export const WithLabel = {
+    render: WithLabelTemplate,
+};
+//# sourceMappingURL=Toggle.stories.js.map

package/dist/components/toggle/Toggle.stories.js.map

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

package/dist/components/toggle/Toggle.test.d.ts

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

package/dist/components/toggle/Toggle.test.d.ts.map

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

package/dist/components/toggle/Toggle.test.js

@@ -0,0 +1,58 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { describe, expect, test, vi } from 'vitest';
+import { render, screen, fireEvent } from '@testing-library/react';
+import '@testing-library/jest-dom/vitest';
+import { Toggle } from './Toggle';
+describe('Toggle component', () => {
+    test('renders a switch element', () => {
+        render(_jsx(Toggle, {}));
+        expect(screen.getByRole('switch')).toBeInTheDocument();
+    });
+    test('is unchecked by default', () => {
+        render(_jsx(Toggle, {}));
+        expect(screen.getByRole('switch')).not.toBeChecked();
+    });
+    test('is checked when defaultChecked is true', () => {
+        render(_jsx(Toggle, { defaultChecked: true }));
+        expect(screen.getByRole('switch')).toBeChecked();
+    });
+    test('is checked when controlled checked prop is true', () => {
+        render(_jsx(Toggle, { checked: true, onCheckedChange: vi.fn() }));
+        expect(screen.getByRole('switch')).toBeChecked();
+    });
+    test('calls onCheckedChange with true when toggled on', () => {
+        const handleChange = vi.fn();
+        render(_jsx(Toggle, { onCheckedChange: handleChange }));
+        fireEvent.click(screen.getByRole('switch'));
+        expect(handleChange).toHaveBeenCalledTimes(1);
+        expect(handleChange).toHaveBeenCalledWith(true);
+    });
+    test('calls onCheckedChange with false when toggled off', () => {
+        const handleChange = vi.fn();
+        render(_jsx(Toggle, { defaultChecked: true, onCheckedChange: handleChange }));
+        fireEvent.click(screen.getByRole('switch'));
+        expect(handleChange).toHaveBeenCalledTimes(1);
+        expect(handleChange).toHaveBeenCalledWith(false);
+    });
+    test('is disabled when disabled prop is set', () => {
+        render(_jsx(Toggle, { disabled: true }));
+        expect(screen.getByRole('switch')).toBeDisabled();
+    });
+    test('does not call onCheckedChange when disabled', () => {
+        const handleChange = vi.fn();
+        render(_jsx(Toggle, { disabled: true, onCheckedChange: handleChange }));
+        fireEvent.click(screen.getByRole('switch'));
+        expect(handleChange).not.toHaveBeenCalled();
+    });
+    test('applies the ds-toggle base class', () => {
+        render(_jsx(Toggle, {}));
+        expect(screen.getByRole('switch')).toHaveClass('ds-toggle');
+    });
+    test('applies additional className alongside base class', () => {
+        render(_jsx(Toggle, { className: "custom-class" }));
+        const toggle = screen.getByRole('switch');
+        expect(toggle).toHaveClass('ds-toggle');
+        expect(toggle).toHaveClass('custom-class');
+    });
+});
+//# sourceMappingURL=Toggle.test.js.map

package/dist/components/toggle/Toggle.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.test.js","sourceRoot":"","sources":["../../../src/components/toggle/Toggle.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,kCAAkC,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;IAChC,IAAI,CAAC,0BAA0B,EAAE,GAAG,EAAE;QACpC,MAAM,CAAC,KAAC,MAAM,KAAG,CAAC,CAAC;QACnB,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACzD,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,yBAAyB,EAAE,GAAG,EAAE;QACnC,MAAM,CAAC,KAAC,MAAM,KAAG,CAAC,CAAC;QACnB,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;IACvD,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,wCAAwC,EAAE,GAAG,EAAE;QAClD,MAAM,CAAC,KAAC,MAAM,IAAC,cAAc,SAAG,CAAC,CAAC;QAClC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;IACnD,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,iDAAiD,EAAE,GAAG,EAAE;QAC3D,MAAM,CAAC,KAAC,MAAM,IAAC,OAAO,QAAC,eAAe,EAAE,EAAE,CAAC,EAAE,EAAE,GAAI,CAAC,CAAC;QACrD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;IACnD,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,iDAAiD,EAAE,GAAG,EAAE;QAC3D,MAAM,YAAY,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;QAC7B,MAAM,CAAC,KAAC,MAAM,IAAC,eAAe,EAAE,YAAY,GAAI,CAAC,CAAC;QAClD,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC;QAC5C,MAAM,CAAC,YAAY,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;QAC9C,MAAM,CAAC,YAAY,CAAC,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC;IAClD,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,mDAAmD,EAAE,GAAG,EAAE;QAC7D,MAAM,YAAY,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;QAC7B,MAAM,CAAC,KAAC,MAAM,IAAC,cAAc,QAAC,eAAe,EAAE,YAAY,GAAI,CAAC,CAAC;QACjE,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC;QAC5C,MAAM,CAAC,YAAY,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;QAC9C,MAAM,CAAC,YAAY,CAAC,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC;IACnD,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,uCAAuC,EAAE,GAAG,EAAE;QACjD,MAAM,CAAC,KAAC,MAAM,IAAC,QAAQ,SAAG,CAAC,CAAC;QAC5B,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,EAAE,CAAC;IACpD,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,6CAA6C,EAAE,GAAG,EAAE;QACvD,MAAM,YAAY,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;QAC7B,MAAM,CAAC,KAAC,MAAM,IAAC,QAAQ,QAAC,eAAe,EAAE,YAAY,GAAI,CAAC,CAAC;QAC3D,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC;QAC5C,MAAM,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,gBAAgB,EAAE,CAAC;IAC9C,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,kCAAkC,EAAE,GAAG,EAAE;QAC5C,MAAM,CAAC,KAAC,MAAM,KAAG,CAAC,CAAC;QACnB,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;IAC9D,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,mDAAmD,EAAE,GAAG,EAAE;QAC7D,MAAM,CAAC,KAAC,MAAM,IAAC,SAAS,EAAC,cAAc,GAAG,CAAC,CAAC;QAC5C,MAAM,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;QAC1C,MAAM,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;QACxC,MAAM,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;IAC7C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}