@synthaxai/ui 1.0.0

package/dist/primitives/Button/Button.svelte

@@ -0,0 +1,430 @@
+<!--
+  @component Button
+  
+  A versatile button component with multiple variants, sizes, and states.
+  Follows WCAG 2.1 AA accessibility guidelines for healthcare applications.
+  
+  @example
+  <Button variant="primary" size="md" onclick={() => handleClick()}>
+    Click me
+  </Button>
+  
+  @example
+  <Button variant="secondary" disabled>
+    <Icon slot="icon-left" />
+    With Icon
+  </Button>
+-->
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import type { HTMLButtonAttributes } from 'svelte/elements';
+	import { Loader2 } from 'lucide-svelte';
+	import { cn } from '../../utils/cn.js';
+	import type { Size, Variant } from '../../types/index.js';
+
+type ButtonSize = Exclude<Size, 'xl'>;
+type ButtonVariant = Variant | 'danger';
+
+interface Props extends Omit<HTMLButtonAttributes, 'class'> {
+	/** Visual variant of the button */
+	variant?: ButtonVariant;
+	/** Size of the button */
+	size?: ButtonSize;
+	/** Whether the button takes full width */
+	fullWidth?: boolean;
+	/** Whether to show loading state */
+	loading?: boolean;
+	/** Loading text for screen readers (defaults to "Loading...") */
+	loadingText?: string;
+	/** Icon to display on the left */
+	iconLeft?: Snippet;
+	/** Icon to display on the right */
+	iconRight?: Snippet;
+	/** Whether this is an icon-only button (requires aria-label) */
+	iconOnly?: boolean;
+	/** Additional CSS classes */
+	class?: string;
+	/** Button content */
+	children?: Snippet;
+	/** Test ID for e2e testing (Playwright, Cypress) */
+	testId?: string;
+}
+
+let {
+	variant = 'primary',
+	size = 'md',
+	fullWidth = false,
+	loading = false,
+	loadingText = 'Loading...',
+	disabled = false,
+	type = 'button',
+	iconLeft,
+	iconRight,
+	iconOnly = false,
+	class: className = '',
+	children,
+	testId,
+	...restProps
+}: Props = $props();
+
+const isDisabled = $derived(disabled || loading);
+
+// Icon size based on button size
+const iconSizes: Record<ButtonSize, number> = {
+	xs: 14,
+	sm: 16,
+	md: 18,
+	lg: 20
+};
+</script>
+
+<button
+	{type}
+	class={cn(
+		'btn',
+		`btn-${variant}`,
+		`btn-${size}`,
+		iconOnly && 'btn-icon-only',
+		fullWidth && !iconOnly && 'btn-full-width',
+		loading && 'btn-loading',
+		className
+	)}
+	disabled={isDisabled}
+	aria-disabled={isDisabled}
+	aria-busy={loading}
+	data-testid={testId}
+	{...restProps}
+>
+	{#if loading}
+		<span class="btn-spinner" aria-hidden="true">
+			<Loader2 size={iconSizes[size]} />
+		</span>
+		<span class="sr-only">{loadingText}</span>
+	{/if}
+
+	<span class="btn-content" class:btn-content-hidden={loading}>
+		{#if iconLeft}
+			<span class="btn-icon" aria-hidden="true">
+				{@render iconLeft()}
+			</span>
+		{/if}
+
+		{#if children}
+			{@render children()}
+		{/if}
+
+		{#if iconRight}
+			<span class="btn-icon" aria-hidden="true">
+				{@render iconRight()}
+			</span>
+		{/if}
+	</span>
+</button>
+
+<style>
+	/* Base Button Styles */
+	.btn {
+		position: relative;
+		display: inline-flex;
+		align-items: center;
+		justify-content: center;
+		gap: 0.5rem;
+		font-weight: 600;
+		border: none;
+		cursor: pointer;
+		transition: all 0.2s ease;
+		-webkit-tap-highlight-color: transparent;
+		user-select: none;
+	}
+
+	.btn:focus-visible {
+		outline: none;
+		box-shadow: 0 0 0 3px rgb(var(--ui-color-primary) / 0.4);
+	}
+
+	/* Dark mode: same style, brighter color for visibility */
+	:global([data-theme='dark']) .btn:focus-visible {
+		box-shadow: 0 0 0 3px rgb(var(--ui-color-primary-light) / 0.5);
+	}
+
+	@media (prefers-color-scheme: dark) {
+		:global(:root:not([data-theme='light'])) .btn:focus-visible {
+			box-shadow: 0 0 0 3px rgb(var(--ui-color-primary-light) / 0.5);
+		}
+	}
+
+	/* Variant-specific focus rings */
+	.btn-danger:focus-visible {
+		box-shadow: 0 0 0 3px rgb(var(--ui-color-error) / 0.4);
+	}
+
+	:global([data-theme='dark']) .btn-danger:focus-visible {
+		box-shadow: 0 0 0 3px rgb(var(--ui-color-error-light) / 0.5);
+	}
+
+	@media (prefers-color-scheme: dark) {
+		:global(:root:not([data-theme='light'])) .btn-danger:focus-visible {
+			box-shadow: 0 0 0 3px rgb(var(--ui-color-error-light) / 0.5);
+		}
+	}
+
+	.btn:disabled {
+		opacity: 0.5;
+		cursor: not-allowed;
+		transform: none !important;
+		box-shadow: none !important;
+	}
+
+	/* Size Variants */
+	.btn-xs {
+		height: 1.75rem;
+		padding: 0 0.625rem;
+		font-size: 0.75rem;
+		border-radius: 0.375rem;
+	}
+
+	.btn-sm {
+		height: 2rem;
+		padding: 0 0.875rem;
+		font-size: 0.8125rem;
+		border-radius: 0.5rem;
+	}
+
+	.btn-md {
+		height: 2.5rem;
+		padding: 0 1.25rem;
+		font-size: 0.875rem;
+		border-radius: 0.5rem;
+	}
+
+	.btn-lg {
+		height: 3rem;
+		padding: 0 1.5rem;
+		font-size: 1rem;
+		border-radius: 0.75rem;
+	}
+
+	/* Icon-only variants */
+	.btn-icon-only.btn-xs {
+		width: 1.75rem;
+		padding: 0;
+	}
+
+	.btn-icon-only.btn-sm {
+		width: 2rem;
+		padding: 0;
+	}
+
+	.btn-icon-only.btn-md {
+		width: 2.5rem;
+		padding: 0;
+	}
+
+	.btn-icon-only.btn-lg {
+		width: 3rem;
+		padding: 0;
+	}
+
+	/* Full width */
+	.btn-full-width {
+		width: 100%;
+	}
+
+	/* ========================================
+	   PRIMARY VARIANT - The hero button
+	   ======================================== */
+	.btn-primary {
+		background: linear-gradient(135deg, rgb(var(--ui-color-primary)), rgb(var(--ui-color-primary-light)));
+		color: white;
+		box-shadow: 
+			0 1px 2px rgb(var(--ui-color-primary) / 0.2),
+			0 4px 12px rgb(var(--ui-color-primary) / 0.15);
+	}
+
+	.btn-primary:hover:not(:disabled) {
+		transform: translateY(-1px);
+		box-shadow: 
+			0 2px 4px rgb(var(--ui-color-primary) / 0.25),
+			0 6px 20px rgb(var(--ui-color-primary) / 0.25);
+	}
+
+	.btn-primary:active:not(:disabled) {
+		transform: translateY(0);
+		box-shadow: 
+			0 1px 2px rgb(var(--ui-color-primary) / 0.3),
+			0 2px 8px rgb(var(--ui-color-primary) / 0.2);
+	}
+
+	/* ========================================
+	   SECONDARY VARIANT - Supporting actions
+	   ======================================== */
+	.btn-secondary {
+		background: var(--ui-bg-primary);
+		color: var(--ui-text-primary);
+		border: 1px solid var(--ui-border-default);
+		box-shadow: 0 1px 2px rgb(0 0 0 / 0.05);
+	}
+
+	.btn-secondary:hover:not(:disabled) {
+		background: var(--ui-bg-secondary);
+		border-color: var(--ui-border-hover);
+		box-shadow: 0 2px 4px rgb(0 0 0 / 0.08);
+	}
+
+	.btn-secondary:active:not(:disabled) {
+		background: var(--ui-bg-tertiary);
+		box-shadow: none;
+	}
+
+	/* ========================================
+	   GHOST VARIANT - Minimal emphasis
+	   ======================================== */
+	.btn-ghost {
+		background: transparent;
+		color: var(--ui-text-secondary);
+	}
+
+	.btn-ghost:hover:not(:disabled) {
+		background: var(--ui-bg-tertiary);
+		color: var(--ui-text-primary);
+	}
+
+	.btn-ghost:active:not(:disabled) {
+		background: var(--ui-bg-secondary);
+	}
+
+	/* ========================================
+	   OUTLINE VARIANT - Brand colored outline
+	   ======================================== */
+	.btn-outline {
+		background: transparent;
+		color: rgb(var(--ui-color-primary));
+		border: 2px solid rgb(var(--ui-color-primary));
+	}
+
+	.btn-outline:hover:not(:disabled) {
+		background: rgb(var(--ui-color-primary) / 0.08);
+		border-color: rgb(var(--ui-color-primary-light));
+		color: rgb(var(--ui-color-primary-light));
+	}
+
+	.btn-outline:active:not(:disabled) {
+		background: rgb(var(--ui-color-primary) / 0.12);
+	}
+
+	/* Dark mode: use lighter shade for better contrast */
+	:global([data-theme='dark']) .btn-outline {
+		color: rgb(var(--ui-color-primary-light));
+		border-color: rgb(var(--ui-color-primary-light));
+	}
+
+	:global([data-theme='dark']) .btn-outline:hover:not(:disabled) {
+		background: rgb(var(--ui-color-primary-light) / 0.15);
+		box-shadow: 0 0 0 3px rgb(var(--ui-color-primary-light) / 0.1);
+	}
+
+	@media (prefers-color-scheme: dark) {
+		:global(:root:not([data-theme='light'])) .btn-outline {
+			color: rgb(var(--ui-color-primary-light));
+			border-color: rgb(var(--ui-color-primary-light));
+		}
+
+		:global(:root:not([data-theme='light'])) .btn-outline:hover:not(:disabled) {
+			background: rgb(var(--ui-color-primary-light) / 0.15);
+			box-shadow: 0 0 0 3px rgb(var(--ui-color-primary-light) / 0.1);
+		}
+	}
+
+	/* ========================================
+	   DANGER VARIANT - Destructive actions
+	   ======================================== */
+	.btn-danger {
+		background: linear-gradient(135deg, rgb(var(--ui-color-error)), rgb(var(--ui-color-error-light)));
+		color: white;
+		box-shadow: 
+			0 1px 2px rgb(var(--ui-color-error) / 0.2),
+			0 4px 12px rgb(var(--ui-color-error) / 0.15);
+	}
+
+	.btn-danger:hover:not(:disabled) {
+		transform: translateY(-1px);
+		box-shadow: 
+			0 2px 4px rgb(var(--ui-color-error) / 0.25),
+			0 6px 20px rgb(var(--ui-color-error) / 0.25);
+	}
+
+	.btn-danger:active:not(:disabled) {
+		transform: translateY(0);
+		box-shadow: 
+			0 1px 2px rgb(var(--ui-color-error) / 0.3),
+			0 2px 8px rgb(var(--ui-color-error) / 0.2);
+	}
+
+	/* ========================================
+	   CONTENT & STATES
+	   ======================================== */
+	.btn-content {
+		display: inline-flex;
+		align-items: center;
+		gap: 0.5rem;
+		transition: opacity 0.15s ease;
+	}
+
+	.btn-content-hidden {
+		opacity: 0;
+	}
+
+	.btn-icon {
+		display: inline-flex;
+		flex-shrink: 0;
+	}
+
+	.btn-spinner {
+		position: absolute;
+		display: inline-flex;
+		animation: btn-spin 0.8s linear infinite;
+	}
+
+	.btn-loading {
+		pointer-events: none;
+	}
+
+	@keyframes btn-spin {
+		from {
+			transform: rotate(0deg);
+		}
+		to {
+			transform: rotate(360deg);
+		}
+	}
+
+	/* Screen reader only */
+	.sr-only {
+		position: absolute;
+		width: 1px;
+		height: 1px;
+		padding: 0;
+		margin: -1px;
+		overflow: hidden;
+		clip: rect(0, 0, 0, 0);
+		white-space: nowrap;
+		border: 0;
+	}
+
+	/* ========================================
+	   REDUCED MOTION
+	   ======================================== */
+	@media (prefers-reduced-motion: reduce) {
+		.btn {
+			transition: none;
+		}
+
+		.btn:hover:not(:disabled) {
+			transform: none;
+		}
+
+		.btn-spinner {
+			animation: none;
+		}
+	}
+</style>

package/dist/primitives/Button/Button.svelte.d.ts

@@ -0,0 +1,50 @@
+import type { Snippet } from 'svelte';
+import type { HTMLButtonAttributes } from 'svelte/elements';
+import type { Size, Variant } from '../../types/index.js';
+type ButtonSize = Exclude<Size, 'xl'>;
+type ButtonVariant = Variant | 'danger';
+interface Props extends Omit<HTMLButtonAttributes, 'class'> {
+    /** Visual variant of the button */
+    variant?: ButtonVariant;
+    /** Size of the button */
+    size?: ButtonSize;
+    /** Whether the button takes full width */
+    fullWidth?: boolean;
+    /** Whether to show loading state */
+    loading?: boolean;
+    /** Loading text for screen readers (defaults to "Loading...") */
+    loadingText?: string;
+    /** Icon to display on the left */
+    iconLeft?: Snippet;
+    /** Icon to display on the right */
+    iconRight?: Snippet;
+    /** Whether this is an icon-only button (requires aria-label) */
+    iconOnly?: boolean;
+    /** Additional CSS classes */
+    class?: string;
+    /** Button content */
+    children?: Snippet;
+    /** Test ID for e2e testing (Playwright, Cypress) */
+    testId?: string;
+}
+/**
+ * Button
+ *
+ * A versatile button component with multiple variants, sizes, and states.
+ * Follows WCAG 2.1 AA accessibility guidelines for healthcare applications.
+ *
+ * @example
+ * <Button variant="primary" size="md" onclick={() => handleClick()}>
+ *   Click me
+ * </Button>
+ *
+ * @example
+ * <Button variant="secondary" disabled>
+ *   <Icon slot="icon-left" />
+ *   With Icon
+ * </Button>
+ */
+declare const Button: import("svelte").Component<Props, {}, "">;
+type Button = ReturnType<typeof Button>;
+export default Button;
+//# sourceMappingURL=Button.svelte.d.ts.map

package/dist/primitives/Button/Button.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.svelte.d.ts","sourceRoot":"","sources":["../../../src/primitives/Button/Button.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAG5D,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAG1D,KAAK,UAAU,GAAG,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;AACtC,KAAK,aAAa,GAAG,OAAO,GAAG,QAAQ,CAAC;AAExC,UAAU,KAAM,SAAQ,IAAI,CAAC,oBAAoB,EAAE,OAAO,CAAC;IAC1D,mCAAmC;IACnC,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,yBAAyB;IACzB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oCAAoC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iEAAiE;IACjE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mCAAmC;IACnC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oDAAoD;IACpD,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB;AA+ED;;;;;;;;;;;;;;;;GAgBG;AACH,QAAA,MAAM,MAAM,2CAAwC,CAAC;AACrD,KAAK,MAAM,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC;AACxC,eAAe,MAAM,CAAC"}

package/dist/primitives/Button/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Button } from './Button.svelte';
+//# sourceMappingURL=index.d.ts.map

package/dist/primitives/Button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/primitives/Button/index.js

@@ -0,0 +1 @@
+export { default as Button } from './Button.svelte';

package/dist/primitives/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @synthaxai/ui - Primitive Components
+ *
+ * Core building blocks for the UI. These components are atomic
+ * and can be composed to build more complex interfaces.
+ */
+export { Button } from './Button/index.js';
+export { Badge } from './Badge/index.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/primitives/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/primitives/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/primitives/index.js

@@ -0,0 +1,8 @@
+/**
+ * @synthaxai/ui - Primitive Components
+ *
+ * Core building blocks for the UI. These components are atomic
+ * and can be composed to build more complex interfaces.
+ */
+export { Button } from './Button/index.js';
+export { Badge } from './Badge/index.js';

package/dist/routes/+layout.svelte

@@ -0,0 +1,12 @@
+<script>
+import '../styles/tokens.css';
+
+let { children } = $props();
+</script>
+
+<svelte:head>
+	<title>@synthaxai/ui - Component Library</title>
+	<meta name="description" content="Production-quality UI component library for Synthax healthcare applications" />
+</svelte:head>
+
+{@render children()}

package/dist/routes/+layout.svelte.d.ts

@@ -0,0 +1,12 @@
+export default Layout;
+type Layout = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<$$ComponentProps>): void;
+};
+declare const Layout: import("svelte").Component<{
+    children: import("svelte").Snippet;
+}, {}, "">;
+type $$ComponentProps = {
+    children: import("svelte").Snippet;
+};
+//# sourceMappingURL=+layout.svelte.d.ts.map

package/dist/routes/+layout.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"+layout.svelte.d.ts","sourceRoot":"","sources":["../../src/routes/+layout.svelte.js"],"names":[],"mappings":";;;;;AAoBA;cAZ6B,OAAO,QAAQ,EAAE,OAAO;WAYA;wBAZpC;IAAE,QAAQ,EAAE,OAAO,QAAQ,EAAE,OAAO,CAAA;CAAE"}

package/dist/routes/+page.svelte

@@ -0,0 +1,53 @@
+<!-- Development home page for the component library -->
+<script>
+import '../styles/tokens.css';
+</script>
+
+<main class="min-h-screen bg-[var(--ui-bg-primary)] p-8">
+	<div class="max-w-4xl mx-auto">
+		<h1 class="text-3xl font-bold text-[var(--ui-text-primary)] mb-4">
+			@synthaxai/ui
+		</h1>
+		<p class="text-[var(--ui-text-secondary)] mb-8">
+			Production-quality UI component library for Synthax healthcare applications.
+		</p>
+
+		<div class="grid gap-4">
+			<section class="p-6 rounded-xl border border-[var(--ui-border-default)] bg-[var(--ui-bg-secondary)]">
+				<h2 class="text-lg font-semibold text-[var(--ui-text-primary)] mb-2">Getting Started</h2>
+				<p class="text-sm text-[var(--ui-text-secondary)]">
+					Import components from the library:
+				</p>
+				<pre class="mt-2 p-3 rounded-lg bg-[var(--ui-bg-tertiary)] text-sm font-mono text-[var(--ui-text-primary)]">import {'{'} Button, Card, TextInput {'}'} from '@synthaxai/ui';</pre>
+			</section>
+
+			<section class="p-6 rounded-xl border border-[var(--ui-border-default)] bg-[var(--ui-bg-secondary)]">
+				<h2 class="text-lg font-semibold text-[var(--ui-text-primary)] mb-2">Components</h2>
+				<ul class="grid grid-cols-2 md:grid-cols-3 gap-2 text-sm text-[var(--ui-text-secondary)]">
+					<li>Button</li>
+					<li>Badge</li>
+					<li>TextInput</li>
+					<li>Select</li>
+					<li>Checkbox</li>
+					<li>FormField</li>
+					<li>Spinner</li>
+					<li>ProgressBar</li>
+					<li>EmptyState</li>
+					<li>Toast</li>
+					<li>Card</li>
+					<li>Container</li>
+					<li>StatCard</li>
+					<li>DataTable</li>
+					<li>StepIndicator</li>
+					<li>Modal</li>
+					<li>ConfirmDialog</li>
+				</ul>
+			</section>
+
+			<section class="p-6 rounded-xl border border-[var(--ui-border-default)] bg-[var(--ui-bg-secondary)]">
+				<h2 class="text-lg font-semibold text-[var(--ui-text-primary)] mb-2">Run Tests</h2>
+				<pre class="p-3 rounded-lg bg-[var(--ui-bg-tertiary)] text-sm font-mono text-[var(--ui-text-primary)]">pnpm test</pre>
+			</section>
+		</div>
+	</div>
+</main>

package/dist/routes/+page.svelte.d.ts

@@ -0,0 +1,27 @@
+export default Page;
+type Page = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const Page: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+//# sourceMappingURL=+page.svelte.d.ts.map

package/dist/routes/+page.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"+page.svelte.d.ts","sourceRoot":"","sources":["../../src/routes/+page.svelte.js"],"names":[],"mappings":";;;;;;;;AAsEA;;;;mBAAgH;6CATnE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,OAAO,OAAO,QAAQ;IAC3L,cAAc,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,WAAW,OAAO,SAAS;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IACtG,eAAe,QAAQ,CAAC"}