agnosticui-cli 2.0.0-alpha.2 → 2.0.0-alpha.21

package/dist/utils/stories.js

@@ -0,0 +1,661 @@
+// ---------------------------------------------------------------------------
+// Component classification sets
+// ---------------------------------------------------------------------------
+const TEXT_CHILD_COMPONENTS = new Set([
+    'Alert', 'Badge', 'BadgeFx', 'Button', 'ButtonFx', 'Card',
+    'Kbd', 'Link', 'Mark', 'MessageBubble', 'Tag',
+]);
+// Components with an `open` prop that are invisible until triggered
+const OPEN_CONTROLLED_COMPONENTS = new Set([
+    'Dialog', 'Drawer', 'Toast', 'Collapsible',
+]);
+// Components that need a sample data array above `meta`
+const REQUIRED_ARRAY_COMPONENTS = new Set([
+    'Combobox',
+]);
+// ---------------------------------------------------------------------------
+// Storybook config generators
+// ---------------------------------------------------------------------------
+export function generateStorybookMain(framework) {
+    let frameworkPkg;
+    let storybookImportType;
+    if (framework === 'react') {
+        frameworkPkg = '@storybook/react-vite';
+        storybookImportType = '@storybook/react-vite';
+    }
+    else if (framework === 'vue') {
+        frameworkPkg = '@storybook/vue3-vite';
+        storybookImportType = '@storybook/vue3-vite';
+    }
+    else {
+        frameworkPkg = '@storybook/web-components-vite';
+        storybookImportType = '@storybook/web-components-vite';
+    }
+    return `import type { StorybookConfig } from '${storybookImportType}';
+import type { InlineConfig } from 'vite';
+
+const config: StorybookConfig = {
+  stories: [
+    '../src/components/ag/**/*.mdx',
+    '../src/components/ag/**/*.stories.@(js|jsx|mjs|ts|tsx)',
+  ],
+  addons: [
+    '@storybook/addon-docs',
+    '@storybook/addon-a11y',
+  ],
+  framework: '${frameworkPkg}',
+  async viteFinal(config): Promise<InlineConfig> {
+    // Remove noDiscovery so Storybook can pre-bundle its own dependencies.
+    // The main app uses noDiscovery for performance, but Storybook needs discovery on.
+    if (config.optimizeDeps) {
+      config.optimizeDeps.noDiscovery = false;
+    }
+    return config;
+  },
+};
+export default config;
+`;
+}
+export function generateStorybookPreview(framework, componentsRelPath) {
+    let previewImportPkg;
+    if (framework === 'react') {
+        previewImportPkg = '@storybook/react';
+    }
+    else if (framework === 'vue') {
+        previewImportPkg = '@storybook/vue3';
+    }
+    else {
+        previewImportPkg = '@storybook/web-components';
+    }
+    // componentsRelPath is relative from .storybook/ to src/components/ag
+    // The CSS imports in preview.ts are relative to .storybook/
+    const cssPath = `${componentsRelPath}/styles`;
+    return `import type { Preview } from '${previewImportPkg}';
+import '${cssPath}/ag-tokens.css';
+import '${cssPath}/ag-tokens-dark.css';
+
+const preview: Preview = {
+  parameters: {
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i,
+      },
+    },
+    a11y: {
+      test: 'todo',
+    },
+  },
+};
+
+export default preview;
+`;
+}
+// ---------------------------------------------------------------------------
+// argTypes registry
+// ---------------------------------------------------------------------------
+const ARGTYPES = {
+    Alert: `  argTypes: {
+    variant: {
+      control: 'select',
+      options: ['', 'success', 'warning', 'danger', 'info'],
+    },
+    bordered: { control: 'boolean' },
+    rounded: { control: 'boolean' },
+    borderedLeft: { control: 'boolean' },
+    dismissible: { control: 'boolean' },
+  },`,
+    Avatar: `  argTypes: {
+    size: {
+      control: 'select',
+      options: ['xs', 'sm', 'md', 'lg', 'xl'],
+    },
+    shape: {
+      control: 'select',
+      options: ['circle', 'square', 'rounded'],
+    },
+    variant: {
+      control: 'select',
+      options: ['', 'primary', 'success', 'warning', 'danger'],
+    },
+  },`,
+    Badge: `  argTypes: {
+    variant: {
+      control: 'select',
+      options: ['default', 'success', 'warning', 'danger', 'primary', 'info', 'neutral', 'monochrome'],
+    },
+    size: {
+      control: 'select',
+      options: ['xs', 'sm', 'md'],
+    },
+    dot: { control: 'boolean' },
+    interactive: { control: 'boolean' },
+  },`,
+    Button: `  argTypes: {
+    variant: {
+      control: 'select',
+      options: ['', 'primary', 'secondary', 'success', 'warning', 'danger', 'monochrome'],
+    },
+    size: {
+      control: 'select',
+      options: ['x-sm', 'sm', 'md', 'lg', 'xl'],
+    },
+    shape: {
+      control: 'select',
+      options: ['', 'capsule', 'rounded', 'circle', 'square', 'rounded-square'],
+    },
+    bordered: { control: 'boolean' },
+    ghost: { control: 'boolean' },
+    disabled: { control: 'boolean' },
+    loading: { control: 'boolean' },
+    fullWidth: { control: 'boolean' },
+  },`,
+    Combobox: `  argTypes: {
+    size: {
+      control: 'select',
+      options: ['small', 'default', 'large'],
+    },
+    filterMode: {
+      control: 'select',
+      options: ['startsWith', 'contains', 'none'],
+    },
+    disabled: { control: 'boolean' },
+    clearable: { control: 'boolean' },
+    multiple: { control: 'boolean' },
+    loading: { control: 'boolean' },
+    invalid: { control: 'boolean' },
+    errorMessage: { control: 'text' },
+    helpText: { control: 'text' },
+  },`,
+    Dialog: `  argTypes: {
+    open: { control: 'boolean' },
+    showCloseButton: { control: 'boolean' },
+    noCloseOnEscape: { control: 'boolean' },
+    noCloseOnBackdrop: { control: 'boolean' },
+    heading: { control: 'text' },
+    description: { control: 'text' },
+    drawerPosition: {
+      control: 'select',
+      options: [undefined, 'start', 'end', 'top', 'bottom'],
+    },
+  },`,
+    Drawer: `  argTypes: {
+    open: { control: 'boolean' },
+    showCloseButton: { control: 'boolean' },
+    heading: { control: 'text' },
+    description: { control: 'text' },
+    position: {
+      control: 'select',
+      options: ['start', 'end', 'top', 'bottom'],
+    },
+  },`,
+    IconButton: `  argTypes: {
+    variant: {
+      control: 'select',
+      options: ['primary', 'secondary', 'success', 'warning', 'danger', 'ghost', 'monochrome'],
+    },
+    size: {
+      control: 'select',
+      options: ['xs', 'sm', 'md', 'lg', 'xl'],
+    },
+    disabled: { control: 'boolean' },
+    loading: { control: 'boolean' },
+  },`,
+    Input: `  argTypes: {
+    type: {
+      control: 'select',
+      options: ['text', 'email', 'password', 'number', 'search', 'tel', 'url'],
+    },
+    size: {
+      control: 'select',
+      options: ['small', 'default', 'large'],
+    },
+    disabled: { control: 'boolean' },
+    readonly: { control: 'boolean' },
+    invalid: { control: 'boolean' },
+    required: { control: 'boolean' },
+    label: { control: 'text' },
+    placeholder: { control: 'text' },
+    errorMessage: { control: 'text' },
+    helpText: { control: 'text' },
+  },`,
+    Kbd: `  argTypes: {
+    bordered: { control: 'boolean' },
+    background: { control: 'boolean' },
+  },`,
+    Link: `  argTypes: {
+    variant: {
+      control: 'select',
+      options: ['', 'primary', 'success', 'warning', 'danger', 'monochrome'],
+    },
+    disabled: { control: 'boolean' },
+  },`,
+    Progress: `  argTypes: {
+    value: { control: { type: 'number', min: 0, max: 100 } },
+    max: { control: { type: 'number' } },
+    size: {
+      control: 'select',
+      options: ['small', 'medium', 'large'],
+    },
+  },`,
+    ProgressRing: `  argTypes: {
+    value: { control: { type: 'number', min: 0, max: 100 } },
+    size: {
+      control: 'select',
+      options: ['small', 'medium', 'large'],
+    },
+    variant: {
+      control: 'select',
+      options: ['primary', 'success', 'warning', 'danger', 'info'],
+    },
+  },`,
+    Rating: `  argTypes: {
+    value: { control: { type: 'number', min: 0, max: 5 } },
+    readonly: { control: 'boolean' },
+    allowClear: { control: 'boolean' },
+  },`,
+    Select: `  argTypes: {
+    size: {
+      control: 'select',
+      options: ['small', 'default', 'large'],
+    },
+    disabled: { control: 'boolean' },
+    multiple: { control: 'boolean' },
+    invalid: { control: 'boolean' },
+    required: { control: 'boolean' },
+  },`,
+    Slider: `  argTypes: {
+    min: { control: { type: 'number' } },
+    max: { control: { type: 'number' } },
+    disabled: { control: 'boolean' },
+    readonly: { control: 'boolean' },
+    size: {
+      control: 'select',
+      options: ['small', 'default', 'large'],
+    },
+  },`,
+    SkeletonLoader: `  argTypes: {
+    variant: {
+      control: 'select',
+      options: ['text', 'avatar', 'button', 'card', 'custom'],
+    },
+    effect: {
+      control: 'select',
+      options: ['shimmer', 'pulse', 'none'],
+    },
+  },`,
+    Spinner: `  argTypes: {
+    size: {
+      control: 'select',
+      options: ['xs', 'sm', 'md', 'lg', 'xl'],
+    },
+  },`,
+    Tag: `  argTypes: {
+    uppercase: { control: 'boolean' },
+    removable: { control: 'boolean' },
+  },`,
+    Timeline: `  argTypes: {
+    orientation: {
+      control: 'select',
+      options: ['vertical', 'horizontal'],
+    },
+    variant: {
+      control: 'select',
+      options: ['', 'primary', 'success', 'warning', 'danger', 'monochrome'],
+    },
+    compact: { control: 'boolean' },
+  },`,
+    Toast: `  argTypes: {
+    open: { control: 'boolean' },
+    type: {
+      control: 'select',
+      options: ['info', 'success', 'warning', 'danger'],
+    },
+    position: {
+      control: 'select',
+      options: ['top-right', 'top-left', 'bottom-right', 'bottom-left', 'top-center', 'bottom-center'],
+    },
+    autoDismiss: { control: 'boolean' },
+    showCloseButton: { control: 'boolean' },
+    bordered: { control: 'boolean' },
+    rounded: { control: 'boolean' },
+  },`,
+    Toggle: `  argTypes: {
+    size: {
+      control: 'select',
+      options: ['xs', 'sm', 'md', 'lg', 'xl'],
+    },
+    variant: {
+      control: 'select',
+      options: ['default', 'success', 'warning', 'danger', 'monochrome'],
+    },
+    disabled: { control: 'boolean' },
+    readonly: { control: 'boolean' },
+    invalid: { control: 'boolean' },
+  },`,
+};
+// ---------------------------------------------------------------------------
+// Default args registry
+// ---------------------------------------------------------------------------
+const DEFAULT_ARGS = {
+    Button: `  args: {
+    children: 'Button',
+  },`,
+    Dialog: `  args: {
+    heading: 'Dialog title',
+    description: 'Supporting description text goes here.',
+    showCloseButton: true,
+  },`,
+    Drawer: `  args: {
+    heading: 'Drawer',
+    showCloseButton: true,
+  },`,
+    Combobox: `  args: {
+    options: FRUITS,
+    label: 'Fruit',
+    placeholder: 'Select a fruit...',
+    id: 'combobox-story',
+  },`,
+    Alert: `  args: {
+    children: 'This is an alert message.',
+  },`,
+    Badge: `  args: {
+    children: '5',
+  },`,
+    BadgeFx: `  args: {
+    children: 'BadgeFx',
+  },`,
+    ButtonFx: `  args: {
+    children: 'ButtonFx',
+  },`,
+    Card: `  args: {
+    children: 'Card content goes here.',
+  },`,
+    Kbd: `  args: {
+    children: 'Ctrl',
+  },`,
+    Link: `  args: {
+    children: 'Link text',
+    href: '#',
+  },`,
+    Mark: `  args: {
+    children: 'Highlighted text',
+  },`,
+    MessageBubble: `  args: {
+    children: 'Hello there!',
+  },`,
+    Tag: `  args: {
+    children: 'Tag label',
+  },`,
+    Toast: `  args: {
+    children: <span>Toast notification message</span>,
+  },`,
+};
+// ---------------------------------------------------------------------------
+// Extra named stories per component
+// ---------------------------------------------------------------------------
+function getExtraStories(name) {
+    if (name === 'Button') {
+        return `
+export const Variants: Story = {
+  render: () => (
+    <div style={{ display: 'flex', gap: '8px', flexWrap: 'wrap' }}>
+      <ReactButton>Default</ReactButton>
+      <ReactButton variant="primary">Primary</ReactButton>
+      <ReactButton variant="secondary">Secondary</ReactButton>
+      <ReactButton variant="success">Success</ReactButton>
+      <ReactButton variant="warning">Warning</ReactButton>
+      <ReactButton variant="danger">Danger</ReactButton>
+      <ReactButton variant="monochrome">Monochrome</ReactButton>
+    </div>
+  ),
+};
+
+export const Sizes: Story = {
+  render: () => (
+    <div style={{ display: 'flex', gap: '8px', alignItems: 'center', flexWrap: 'wrap' }}>
+      <ReactButton size="x-sm">x-sm</ReactButton>
+      <ReactButton size="sm">sm</ReactButton>
+      <ReactButton size="md">md</ReactButton>
+      <ReactButton size="lg">lg</ReactButton>
+      <ReactButton size="xl">xl</ReactButton>
+    </div>
+  ),
+};
+
+export const Bordered: Story = {
+  render: () => (
+    <div style={{ display: 'flex', gap: '8px', flexWrap: 'wrap' }}>
+      <ReactButton bordered>Default</ReactButton>
+      <ReactButton variant="primary" bordered>Primary</ReactButton>
+      <ReactButton variant="success" bordered>Success</ReactButton>
+      <ReactButton variant="danger" bordered>Danger</ReactButton>
+    </div>
+  ),
+};
+
+export const Disabled: Story = { args: { variant: 'primary', disabled: true } };
+export const Loading: Story = { args: { variant: 'primary', loading: true } };
+`;
+    }
+    if (name === 'Dialog') {
+        return `
+export const OpenByDefault: Story = {
+  args: { open: true },
+  render: (args) => <DialogDemo {...args} />,
+};
+
+export const DrawerEnd: Story = {
+  args: { heading: 'Drawer (end)', drawerPosition: 'end' },
+  render: (args) => <DialogDemo {...args} />,
+};
+
+export const DrawerStart: Story = {
+  args: { heading: 'Drawer (start)', drawerPosition: 'start' },
+  render: (args) => <DialogDemo {...args} />,
+};
+`;
+    }
+    if (name === 'Combobox') {
+        return `
+export const WithContainsFilter: Story = {
+  args: { filterMode: 'contains', placeholder: 'Type to filter...' },
+};
+
+export const Clearable: Story = {
+  args: { clearable: true, defaultValue: 'apple' },
+};
+
+export const Multiple: Story = {
+  args: {
+    multiple: true,
+    placeholder: 'Select multiple fruits...',
+    clearable: true,
+  },
+};
+
+export const Invalid: Story = {
+  args: {
+    invalid: true,
+    errorMessage: 'Please select a valid option.',
+  },
+};
+
+export const Disabled: Story = {
+  args: { disabled: true, defaultValue: 'banana' },
+};
+`;
+    }
+    return '';
+}
+// ---------------------------------------------------------------------------
+// Per-component story generator (React only)
+// ---------------------------------------------------------------------------
+export function generateReactStory(name) {
+    const lines = [];
+    // Imports
+    lines.push(`import type { Meta, StoryObj } from '@storybook/react';`);
+    if (OPEN_CONTROLLED_COMPONENTS.has(name) && name !== 'Collapsible') {
+        lines.push(`import { useState } from 'react';`);
+    }
+    if (name === 'Dialog') {
+        lines.push(`import { ReactDialog, DialogHeader, DialogFooter } from './ReactDialog';`);
+        lines.push(`import { ReactButton } from '../../Button/react/ReactButton';`);
+    }
+    else if (name === 'Drawer') {
+        lines.push(`import { ReactDrawer } from './ReactDrawer';`);
+        lines.push(`import { ReactButton } from '../../Button/react/ReactButton';`);
+    }
+    else if (name === 'Toast') {
+        lines.push(`import { ReactToast } from './ReactToast';`);
+        lines.push(`import { ReactButton } from '../../Button/react/ReactButton';`);
+    }
+    else if (REQUIRED_ARRAY_COMPONENTS.has(name)) {
+        lines.push(`import { React${name} } from './React${name}';`);
+        lines.push(`import type { ComboboxOption } from './React${name}';`);
+    }
+    else {
+        lines.push(`import { React${name} } from './React${name}';`);
+    }
+    lines.push('');
+    // Sample data for Combobox
+    if (name === 'Combobox') {
+        lines.push(`const FRUITS: ComboboxOption[] = [`);
+        lines.push(`  { value: 'apple', label: 'Apple' },`);
+        lines.push(`  { value: 'banana', label: 'Banana' },`);
+        lines.push(`  { value: 'cherry', label: 'Cherry' },`);
+        lines.push(`  { value: 'grape', label: 'Grape' },`);
+        lines.push(`  { value: 'mango', label: 'Mango' },`);
+        lines.push(`  { value: 'orange', label: 'Orange' },`);
+        lines.push(`];`);
+        lines.push('');
+    }
+    // Meta object
+    const argTypes = ARGTYPES[name] ?? '';
+    const defaultArgs = DEFAULT_ARGS[name] ?? '';
+    const metaParts = [];
+    metaParts.push(`  title: 'AgnosticUI/${name}',`);
+    metaParts.push(`  component: React${name},`);
+    metaParts.push(`  tags: ['autodocs'],`);
+    if (argTypes) {
+        metaParts.push(argTypes);
+    }
+    if (defaultArgs) {
+        metaParts.push(defaultArgs);
+    }
+    lines.push(`const meta = {`);
+    lines.push(metaParts.join('\n'));
+    lines.push(`} satisfies Meta<typeof React${name}>;`);
+    lines.push('');
+    lines.push(`export default meta;`);
+    lines.push(`type Story = StoryObj<typeof meta>;`);
+    lines.push('');
+    // Open-controlled component wrappers
+    if (name === 'Dialog') {
+        lines.push(`// Dialog needs open state - wrap in a controller so the story is interactive.`);
+        lines.push(`function DialogDemo(props: React.ComponentProps<typeof ReactDialog>) {`);
+        lines.push(`  const [open, setOpen] = useState(props.open ?? false);`);
+        lines.push(`  return (`);
+        lines.push(`    <>`);
+        lines.push(`      <ReactButton variant="primary" onClick={() => setOpen(true)}>`);
+        lines.push(`        Open Dialog`);
+        lines.push(`      </ReactButton>`);
+        lines.push(`      <ReactDialog`);
+        lines.push(`        {...props}`);
+        lines.push(`        open={open}`);
+        lines.push(`        onDialogClose={() => setOpen(false)}`);
+        lines.push(`        onDialogCancel={() => setOpen(false)}`);
+        lines.push(`      >`);
+        lines.push(`        <DialogHeader>`);
+        lines.push(`          <p>Dialog body content goes here. You can put any React content inside.</p>`);
+        lines.push(`        </DialogHeader>`);
+        lines.push(`        <DialogFooter>`);
+        lines.push(`          <ReactButton onClick={() => setOpen(false)}>Cancel</ReactButton>`);
+        lines.push(`          <ReactButton variant="primary" onClick={() => setOpen(false)}>`);
+        lines.push(`            Confirm`);
+        lines.push(`          </ReactButton>`);
+        lines.push(`        </DialogFooter>`);
+        lines.push(`      </ReactDialog>`);
+        lines.push(`    </>`);
+        lines.push(`  );`);
+        lines.push(`}`);
+        lines.push('');
+        lines.push(`export const Default: Story = {`);
+        lines.push(`  render: (args) => <DialogDemo {...args} />,`);
+        lines.push(`};`);
+    }
+    else if (name === 'Drawer') {
+        lines.push(`// Drawer needs open state - wrap in a controller so the story is interactive.`);
+        lines.push(`function DrawerDemo(props: React.ComponentProps<typeof ReactDrawer>) {`);
+        lines.push(`  const [open, setOpen] = useState(props.open ?? false);`);
+        lines.push(`  return (`);
+        lines.push(`    <>`);
+        lines.push(`      <ReactButton variant="primary" onClick={() => setOpen(true)}>`);
+        lines.push(`        Open Drawer`);
+        lines.push(`      </ReactButton>`);
+        lines.push(`      <ReactDrawer`);
+        lines.push(`        {...props}`);
+        lines.push(`        open={open}`);
+        lines.push(`        onDrawerClose={() => setOpen(false)}`);
+        lines.push(`        onDrawerCancel={() => setOpen(false)}`);
+        lines.push(`      >`);
+        lines.push(`        <div style={{ padding: '1rem' }}>Drawer content goes here.</div>`);
+        lines.push(`      </ReactDrawer>`);
+        lines.push(`    </>`);
+        lines.push(`  );`);
+        lines.push(`}`);
+        lines.push('');
+        lines.push(`export const Default: Story = {`);
+        lines.push(`  render: (args) => <DrawerDemo {...args} />,`);
+        lines.push(`};`);
+    }
+    else if (name === 'Toast') {
+        lines.push(`// Toast needs open state - wrap in a controller so the story is interactive.`);
+        lines.push(`function ToastDemo(props: React.ComponentProps<typeof ReactToast>) {`);
+        lines.push(`  const [open, setOpen] = useState(props.open ?? false);`);
+        lines.push(`  return (`);
+        lines.push(`    <>`);
+        lines.push(`      <ReactButton variant="primary" onClick={() => setOpen(true)}>`);
+        lines.push(`        Show Toast`);
+        lines.push(`      </ReactButton>`);
+        lines.push(`      <ReactToast`);
+        lines.push(`        {...props}`);
+        lines.push(`        open={open}`);
+        lines.push(`        onToastClose={() => setOpen(false)}`);
+        lines.push(`      >`);
+        lines.push(`        <span>Toast notification message</span>`);
+        lines.push(`      </ReactToast>`);
+        lines.push(`    </>`);
+        lines.push(`  );`);
+        lines.push(`}`);
+        lines.push('');
+        lines.push(`export const Default: Story = {`);
+        lines.push(`  render: (args) => <ToastDemo {...args} />,`);
+        lines.push(`};`);
+    }
+    else if (name === 'Collapsible') {
+        lines.push(`export const Default: Story = {`);
+        lines.push(`  render: () => (`);
+        lines.push(`    <React${name}>`);
+        lines.push(`      <span slot="summary">Toggle details</span>`);
+        lines.push(`      <div>Collapsible content goes here.</div>`);
+        lines.push(`    </React${name}>`);
+        lines.push(`  ),`);
+        lines.push(`};`);
+    }
+    else if (TEXT_CHILD_COMPONENTS.has(name)) {
+        lines.push(`export const Default: Story = {};`);
+    }
+    else {
+        lines.push(`export const Default: Story = {`);
+        lines.push(`  args: {},`);
+        lines.push(`};`);
+    }
+    // Extra stories
+    const extras = getExtraStories(name);
+    if (extras) {
+        lines.push(extras);
+    }
+    return lines.join('\n') + '\n';
+}
+//# sourceMappingURL=stories.js.map

package/dist/utils/stories.js.map

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

package/dist/utils/viewer.d.ts

@@ -0,0 +1,4 @@
+import type { AgnosticUIConfig } from '../types/index.js';
+export declare function detectThemeFile(componentsAbsPath: string): boolean;
+export declare function generateViewerApp(config: AgnosticUIConfig, viewerPath: string, cwd: string): Promise<void>;
+//# sourceMappingURL=viewer.d.ts.map

package/dist/utils/viewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewer.d.ts","sourceRoot":"","sources":["../../src/utils/viewer.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAa,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AA6JrE,wBAAgB,eAAe,CAAC,iBAAiB,EAAE,MAAM,GAAG,OAAO,CAElE;AAy5BD,wBAAsB,iBAAiB,CACrC,MAAM,EAAE,gBAAgB,EACxB,UAAU,EAAE,MAAM,EAClB,GAAG,EAAE,MAAM,GACV,OAAO,CAAC,IAAI,CAAC,CAqDf"}