@getmicdrop/svelte-components 5.4.1 → 5.4.2

package/dist/recipes/fields/RadioGroup.svelte

@@ -1,95 +1,95 @@
-<script lang="ts">
-  import type { Snippet } from 'svelte';
-  import Radio from '../../primitives/Radio/Radio.svelte';
-  import ValidationError from '../../primitives/ValidationError.svelte';
-  import { typography } from '../../tokens/typography';
-
-  interface RadioOption {
-    value: string;
-    label: string;
-  }
-
-  interface Props {
-    /** Currently selected value */
-    value?: string;
-    /** Radio options array */
-    options?: RadioOption[];
-    /** Name attribute for the radio group */
-    name?: string;
-    /** Whether all radios are disabled */
-    disabled?: boolean;
-    /** Color variant for radios */
-    color?: 'blue' | 'red' | 'green' | 'purple' | 'orange' | 'yellow';
-    /** Group label text */
-    label?: string;
-    /** Hint text shown below label (string version) */
-    hint?: string;
-    /** Custom hint content snippet (supports links, formatting) */
-    hintContent?: Snippet;
-    /** Error message to display */
-    error?: string;
-    /** Show required indicator */
-    required?: boolean;
-    /** Layout direction */
-    direction?: 'vertical' | 'horizontal';
-    /** Additional class for the fieldset */
-    class?: string;
-    /** Change handler */
-    onchange?: (detail: { value: string }) => void;
-  }
-
-  let {
-    value = $bindable(''),
-    options = [],
-    name = '',
-    disabled = false,
-    color = 'blue',
-    label = '',
-    hint = '',
-    hintContent,
-    error = '',
-    required = false,
-    direction = 'vertical',
-    class: className = '',
-    onchange
-  }: Props = $props();
-
-  let layoutClass = $derived(
-    direction === 'horizontal'
-      ? 'flex flex-wrap gap-4'
-      : 'flex flex-col gap-2'
-  );
-</script>
-
-<fieldset class={className}>
-  {#if label}
-    <legend class={`${typography.label} mb-2 ${error ? 'text-red-500' : ''}`}>
-      {label}{#if required}<span class="text-red-500 ml-0.5">*</span>{/if}
-    </legend>
-  {/if}
-
-  {#if !error}
-    {#if hintContent}
-      <p class={`${typography.smMuted} mb-2`}>{@render hintContent()}</p>
-    {:else if hint}
-      <p class={`${typography.smMuted} mb-2`}>{hint}</p>
-    {/if}
-  {/if}
-
-  <div class={layoutClass}>
-    {#each options as option}
-      <Radio
-        {name}
-        value={option.value}
-        {disabled}
-        {color}
-        bind:group={value}
-        {onchange}
-      >
-        {option.label}
-      </Radio>
-    {/each}
-  </div>
-
-  <ValidationError {error} />
-</fieldset>
+<script lang="ts">
+  import type { Snippet } from 'svelte';
+  import Radio from '../../primitives/Radio/Radio.svelte';
+  import ValidationError from '../../primitives/ValidationError.svelte';
+  import { typography } from '../../tokens/typography';
+
+  interface RadioOption {
+    value: string;
+    label: string;
+  }
+
+  interface Props {
+    /** Currently selected value */
+    value?: string;
+    /** Radio options array */
+    options?: RadioOption[];
+    /** Name attribute for the radio group */
+    name?: string;
+    /** Whether all radios are disabled */
+    disabled?: boolean;
+    /** Color variant for radios */
+    color?: 'blue' | 'red' | 'green' | 'purple' | 'orange' | 'yellow';
+    /** Group label text */
+    label?: string;
+    /** Hint text shown below label (string version) */
+    hint?: string;
+    /** Custom hint content snippet (supports links, formatting) */
+    hintContent?: Snippet;
+    /** Error message to display */
+    error?: string;
+    /** Show required indicator */
+    required?: boolean;
+    /** Layout direction */
+    direction?: 'vertical' | 'horizontal';
+    /** Additional class for the fieldset */
+    class?: string;
+    /** Change handler */
+    onchange?: (detail: { value: string }) => void;
+  }
+
+  let {
+    value = $bindable(''),
+    options = [],
+    name = '',
+    disabled = false,
+    color = 'blue',
+    label = '',
+    hint = '',
+    hintContent,
+    error = '',
+    required = false,
+    direction = 'vertical',
+    class: className = '',
+    onchange
+  }: Props = $props();
+
+  let layoutClass = $derived(
+    direction === 'horizontal'
+      ? 'flex flex-wrap gap-4'
+      : 'flex flex-col gap-2'
+  );
+</script>
+
+<fieldset class={className}>
+  {#if label}
+    <legend class={`${typography.label} mb-2 ${error ? 'text-red-500' : ''}`}>
+      {label}{#if required}<span class="text-red-500 ml-0.5">*</span>{/if}
+    </legend>
+  {/if}
+
+  {#if !error}
+    {#if hintContent}
+      <p class={`${typography.smMuted} mb-2`}>{@render hintContent()}</p>
+    {:else if hint}
+      <p class={`${typography.smMuted} mb-2`}>{hint}</p>
+    {/if}
+  {/if}
+
+  <div class={layoutClass}>
+    {#each options as option}
+      <Radio
+        {name}
+        value={option.value}
+        {disabled}
+        {color}
+        bind:group={value}
+        {onchange}
+      >
+        {option.label}
+      </Radio>
+    {/each}
+  </div>
+
+  <ValidationError {error} />
+</fieldset>

package/dist/recipes/fields/SelectField.svelte

@@ -1,82 +1,82 @@
-<script lang="ts">
-  import type { Snippet } from 'svelte';
-  import Select from '../../primitives/Input/Select.svelte';
-  import { typography } from '../../tokens/typography';
-
-  interface SelectItem {
-    value: string;
-    name: string;
-  }
-
-  interface Props {
-    /** Current value */
-    value?: string;
-    /** Select items array */
-    items?: SelectItem[];
-    /** Placeholder text */
-    placeholder?: string;
-    /** Label text */
-    label?: string;
-    /** Whether required */
-    required?: boolean;
-    /** Whether disabled */
-    disabled?: boolean;
-    /** Error message */
-    error?: string;
-    /** Input name */
-    name?: string;
-    /** Input id */
-    id?: string;
-    /** Size variant */
-    size?: 'sm' | 'md' | 'lg';
-    /** Hint text shown below input (string version) */
-    hint?: string;
-    /** Custom hint content snippet (supports links, formatting) */
-    hintContent?: Snippet;
-    /** Additional class for the wrapper div */
-    class?: string;
-    /** Change handler */
-    onchange?: (e: Event) => void;
-  }
-
-  let {
-    value = $bindable(''),
-    items = [],
-    placeholder = 'Select an option',
-    label = '',
-    required = false,
-    disabled = false,
-    error = '',
-    name = '',
-    id = '',
-    size = 'md',
-    hint = '',
-    hintContent,
-    class: className = '',
-    onchange
-  }: Props = $props();
-</script>
-
-<div class={className}>
-  <Select
-    {id}
-    {name}
-    {items}
-    {placeholder}
-    {label}
-    {disabled}
-    {required}
-    {error}
-    {size}
-    {onchange}
-    bind:value
-  />
-
-  {#if !error}
-    {#if hintContent}
-      <p class={`${typography.smMuted} mt-1`}>{@render hintContent()}</p>
-    {:else if hint}
-      <p class={`${typography.smMuted} mt-1`}>{hint}</p>
-    {/if}
-  {/if}
-</div>
+<script lang="ts">
+  import type { Snippet } from 'svelte';
+  import Select from '../../primitives/Input/Select.svelte';
+  import { typography } from '../../tokens/typography';
+
+  interface SelectItem {
+    value: string;
+    name: string;
+  }
+
+  interface Props {
+    /** Current value */
+    value?: string;
+    /** Select items array */
+    items?: SelectItem[];
+    /** Placeholder text */
+    placeholder?: string;
+    /** Label text */
+    label?: string;
+    /** Whether required */
+    required?: boolean;
+    /** Whether disabled */
+    disabled?: boolean;
+    /** Error message */
+    error?: string;
+    /** Input name */
+    name?: string;
+    /** Input id */
+    id?: string;
+    /** Size variant */
+    size?: 'sm' | 'md' | 'lg';
+    /** Hint text shown below input (string version) */
+    hint?: string;
+    /** Custom hint content snippet (supports links, formatting) */
+    hintContent?: Snippet;
+    /** Additional class for the wrapper div */
+    class?: string;
+    /** Change handler */
+    onchange?: (detail: { value: string; item: SelectItem }) => void;
+  }
+
+  let {
+    value = $bindable(''),
+    items = [],
+    placeholder = 'Select an option',
+    label = '',
+    required = false,
+    disabled = false,
+    error = '',
+    name = '',
+    id = '',
+    size = 'md',
+    hint = '',
+    hintContent,
+    class: className = '',
+    onchange
+  }: Props = $props();
+</script>
+
+<div class={className}>
+  <Select
+    {id}
+    {name}
+    {items}
+    {placeholder}
+    {label}
+    {disabled}
+    {required}
+    {error}
+    {size}
+    {onchange}
+    bind:value
+  />
+
+  {#if !error}
+    {#if hintContent}
+      <p class={`${typography.smMuted} mt-1`}>{@render hintContent()}</p>
+    {:else if hint}
+      <p class={`${typography.smMuted} mt-1`}>{hint}</p>
+    {/if}
+  {/if}
+</div>

package/dist/recipes/fields/SelectField.svelte.d.ts

@@ -31,7 +31,10 @@ interface Props {
     /** Additional class for the wrapper div */
     class?: string;
     /** Change handler */
-    onchange?: (e: Event) => void;
+    onchange?: (detail: {
+        value: string;
+        item: SelectItem;
+    }) => void;
 }
 declare const SelectField: import("svelte").Component<Props, {}, "value">;
 type SelectField = ReturnType<typeof SelectField>;

package/dist/recipes/fields/SelectField.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectField.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/recipes/fields/SelectField.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAKpC,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd;AAED,UAAU,KAAK;IACb,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yBAAyB;IACzB,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;IACrB,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uBAAuB;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uBAAuB;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,eAAe;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,mDAAmD;IACnD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,+DAA+D;IAC/D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qBAAqB;IACrB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;CAC/B;AAwCH,QAAA,MAAM,WAAW,gDAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}
+{"version":3,"file":"SelectField.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/recipes/fields/SelectField.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAKpC,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd;AAED,UAAU,KAAK;IACb,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yBAAyB;IACzB,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;IACrB,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uBAAuB;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uBAAuB;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,eAAe;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,mDAAmD;IACnD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,+DAA+D;IAC/D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qBAAqB;IACrB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,UAAU,CAAA;KAAE,KAAK,IAAI,CAAC;CAClE;AAwCH,QAAA,MAAM,WAAW,gDAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

package/dist/recipes/fields/TextareaField.svelte

@@ -1,101 +1,101 @@
-<script lang="ts">
-  import Textarea from '../../primitives/Input/Textarea.svelte';
-  import { typography } from '../../tokens/typography';
-
-  interface Props {
-    /** Current value */
-    value?: string;
-    /** Placeholder text */
-    placeholder?: string;
-    /** Number of rows */
-    rows?: number;
-    /** Whether disabled */
-    disabled?: boolean;
-    /** Whether required */
-    required?: boolean;
-    /** Whether readonly */
-    readonly?: boolean;
-    /** Input id */
-    id?: string;
-    /** Input name */
-    name?: string;
-    /** Label text */
-    label?: string;
-    /** Error message */
-    error?: string;
-    /** Max character length */
-    maxlength?: number | null;
-    /** Min character length */
-    minlength?: number | null;
-    /** Hint text shown below input */
-    hint?: string;
-    /** Additional class for the wrapper div */
-    class?: string;
-    /** Input handler */
-    oninput?: (e: Event) => void;
-    /** Change handler */
-    onchange?: (e: Event) => void;
-    /** Blur handler */
-    onblur?: (e: FocusEvent) => void;
-    /** Focus handler */
-    onfocus?: (e: FocusEvent) => void;
-    /** Keydown handler */
-    onkeydown?: (e: KeyboardEvent) => void;
-    /** Keyup handler */
-    onkeyup?: (e: KeyboardEvent) => void;
-    /** Keypress handler */
-    onkeypress?: (e: KeyboardEvent) => void;
-  }
-
-  let {
-    value = $bindable(''),
-    placeholder = '',
-    rows = 4,
-    disabled = false,
-    required = false,
-    readonly = false,
-    id = '',
-    name = '',
-    label = '',
-    error = '',
-    maxlength = null,
-    minlength = null,
-    hint = '',
-    class: className = '',
-    oninput,
-    onchange,
-    onblur,
-    onfocus,
-    onkeydown,
-    onkeyup,
-    onkeypress
-  }: Props = $props();
-</script>
-
-<div class={className}>
-  <Textarea
-    {id}
-    {name}
-    {placeholder}
-    {rows}
-    {disabled}
-    {required}
-    {readonly}
-    {label}
-    {error}
-    {maxlength}
-    {minlength}
-    {oninput}
-    {onchange}
-    {onblur}
-    {onfocus}
-    {onkeydown}
-    {onkeyup}
-    {onkeypress}
-    bind:value
-  />
-
-  {#if hint && !error}
-    <p class={`${typography.xsMuted} mt-1`}>{hint}</p>
-  {/if}
-</div>
+<script lang="ts">
+  import Textarea from '../../primitives/Input/Textarea.svelte';
+  import { typography } from '../../tokens/typography';
+
+  interface Props {
+    /** Current value */
+    value?: string;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Number of rows */
+    rows?: number;
+    /** Whether disabled */
+    disabled?: boolean;
+    /** Whether required */
+    required?: boolean;
+    /** Whether readonly */
+    readonly?: boolean;
+    /** Input id */
+    id?: string;
+    /** Input name */
+    name?: string;
+    /** Label text */
+    label?: string;
+    /** Error message */
+    error?: string;
+    /** Max character length */
+    maxlength?: number | null;
+    /** Min character length */
+    minlength?: number | null;
+    /** Hint text shown below input */
+    hint?: string;
+    /** Additional class for the wrapper div */
+    class?: string;
+    /** Input handler */
+    oninput?: (detail: { value: string }) => void;
+    /** Change handler */
+    onchange?: (detail: { value: string }) => void;
+    /** Blur handler */
+    onblur?: (e: FocusEvent) => void;
+    /** Focus handler */
+    onfocus?: (e: FocusEvent) => void;
+    /** Keydown handler */
+    onkeydown?: (e: KeyboardEvent) => void;
+    /** Keyup handler */
+    onkeyup?: (e: KeyboardEvent) => void;
+    /** Keypress handler */
+    onkeypress?: (e: KeyboardEvent) => void;
+  }
+
+  let {
+    value = $bindable(''),
+    placeholder = '',
+    rows = 4,
+    disabled = false,
+    required = false,
+    readonly = false,
+    id = '',
+    name = '',
+    label = '',
+    error = '',
+    maxlength = null,
+    minlength = null,
+    hint = '',
+    class: className = '',
+    oninput,
+    onchange,
+    onblur,
+    onfocus,
+    onkeydown,
+    onkeyup,
+    onkeypress
+  }: Props = $props();
+</script>
+
+<div class={className}>
+  <Textarea
+    {id}
+    {name}
+    {placeholder}
+    {rows}
+    {disabled}
+    {required}
+    {readonly}
+    {label}
+    {error}
+    {maxlength}
+    {minlength}
+    {oninput}
+    {onchange}
+    {onblur}
+    {onfocus}
+    {onkeydown}
+    {onkeyup}
+    {onkeypress}
+    bind:value
+  />
+
+  {#if hint && !error}
+    <p class={`${typography.xsMuted} mt-1`}>{hint}</p>
+  {/if}
+</div>

package/dist/recipes/fields/TextareaField.svelte.d.ts

@@ -28,9 +28,13 @@ interface Props {
     /** Additional class for the wrapper div */
     class?: string;
     /** Input handler */
-    oninput?: (e: Event) => void;
+    oninput?: (detail: {
+        value: string;
+    }) => void;
     /** Change handler */
-    onchange?: (e: Event) => void;
+    onchange?: (detail: {
+        value: string;
+    }) => void;
     /** Blur handler */
     onblur?: (e: FocusEvent) => void;
     /** Focus handler */

package/dist/recipes/fields/TextareaField.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextareaField.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/recipes/fields/TextareaField.svelte.ts"],"names":[],"mappings":"AAOE,UAAU,KAAK;IACb,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qBAAqB;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uBAAuB;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uBAAuB;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uBAAuB;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,iBAAiB;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,kCAAkC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oBAAoB;IACpB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAC7B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAC9B,mBAAmB;IACnB,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACjC,oBAAoB;IACpB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IAClC,sBAAsB;IACtB,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;IACvC,oBAAoB;IACpB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;IACrC,uBAAuB;IACvB,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;CACzC;AAyCH,QAAA,MAAM,aAAa,gDAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}
+{"version":3,"file":"TextareaField.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/recipes/fields/TextareaField.svelte.ts"],"names":[],"mappings":"AAOE,UAAU,KAAK;IACb,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qBAAqB;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uBAAuB;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uBAAuB;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uBAAuB;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,iBAAiB;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,kCAAkC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oBAAoB;IACpB,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC9C,qBAAqB;IACrB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC/C,mBAAmB;IACnB,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACjC,oBAAoB;IACpB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IAClC,sBAAsB;IACtB,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;IACvC,oBAAoB;IACpB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;IACrC,uBAAuB;IACvB,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;CACzC;AAyCH,QAAA,MAAM,aAAa,gDAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}