@lapismd/mira 0.0.1

package/dist/preview/components/link.svelte

@@ -0,0 +1,382 @@
+<script lang="ts">
+  import { LinkPreview as HoverCardPrimitive } from "bits-ui";
+  import { getContext, type Snippet } from "svelte";
+  import {
+    parseMiraFileTarget,
+    type MiraFileRef,
+  } from "@lapismd/mira/extensions";
+  import {
+    miraAppearanceContextKey,
+    miraColorModeClassName,
+    resolveMiraColorModeAttribute,
+    resolveMiraThemeAttribute,
+    type MiraAppearanceContext,
+  } from "../../internal/appearance-context.js";
+  import {
+    disableOverlayPortalContextKey,
+    resolveOverlayPortalProps,
+  } from "../../ui/internal/overlay-portal-context.js";
+  import { useMarkdownContext } from "../renderer/context.svelte";
+  import EditableMarkdownSurface from "../editable-markdown-preview/editable-markdown-surface.svelte";
+  import EmbeddedMarkdownPreview from "./embedded-markdown-preview.svelte";
+
+  type Props = {
+    href?: string;
+    id?: string;
+    label?: string;
+    text?: string;
+    title?: string;
+    class?: string;
+    sourcePath?: string;
+    children?: Snippet;
+    ref?: HTMLElement | null;
+  };
+
+  type InteractOutsideEvent = Parameters<
+    NonNullable<HoverCardPrimitive.ContentProps["onInteractOutside"]>
+  >[0];
+
+  let {
+    href = "",
+    id,
+    label = href,
+    text,
+    title,
+    class: className = "",
+    sourcePath,
+    children,
+    ref = $bindable(null),
+  }: Props = $props();
+  const markdown = useMarkdownContext();
+  const disablePortals =
+    getContext<boolean | undefined>(disableOverlayPortalContextKey) ?? false;
+  const appearance = getContext<MiraAppearanceContext | undefined>(
+    miraAppearanceContextKey,
+  );
+
+  let resolvedFile = $state<MiraFileRef | null>(null);
+  let previewMarkdown = $state<string | null>(null);
+  let previewAssetUrl = $state<string | null>(null);
+  let targetRevision = $state(0);
+  let previewRequested = $state(false);
+  let previewOpen = $state(false);
+  let editing = $state(false);
+  let editableSurface: { exit: () => Promise<boolean> } | null = $state(null);
+  let previewOnChange:
+    | ((replacement: string, from: number, to: number) => void)
+    | undefined = $state(undefined);
+
+  const target = $derived(id || href);
+  const displayText = $derived(text || label || target);
+  const activeSourcePath = $derived(sourcePath || markdown.sourcePath);
+  const parsedTarget = $derived(parseMiraFileTarget(target, activeSourcePath));
+  const hasFileAdapter = $derived(Boolean(markdown.fileAdapter));
+  const isExternal = $derived(isExternalHref(target));
+  const resolvedHref = $derived(
+    markdown.linkResolver?.({
+      href: target,
+      label: displayText,
+      sourcePath: activeSourcePath,
+    }) ?? target,
+  );
+  const portalProps = $derived.by(() =>
+    resolveOverlayPortalProps(
+      { portalTarget: ref?.ownerDocument.body ?? null },
+      undefined,
+      disablePortals,
+    ),
+  );
+  const appearanceTheme = $derived(
+    resolveMiraThemeAttribute(appearance?.theme, ref),
+  );
+  const appearanceMode = $derived(
+    resolveMiraColorModeAttribute(appearance?.colorMode, ref),
+  );
+  const appearanceClass = $derived(
+    miraColorModeClassName(appearance?.colorMode),
+  );
+  const writePreviewMarkdown = $derived(
+    resolvedFile &&
+      markdown.fileAdapter?.writeMarkdown &&
+      (resolvedFile.kind === undefined || resolvedFile.kind === "markdown")
+      ? (value: string) =>
+          markdown.fileAdapter?.writeMarkdown?.(
+            resolvedFile as MiraFileRef,
+            value,
+          )
+      : undefined,
+  );
+
+  $effect(() => {
+    const adapter = markdown.fileAdapter;
+    const currentTarget = target;
+    targetRevision;
+    if (!adapter || !currentTarget || isExternalHref(currentTarget)) {
+      resolvedFile = null;
+      previewMarkdown = null;
+      previewAssetUrl = null;
+      return;
+    }
+
+    let cancelled = false;
+    Promise.resolve(
+      adapter.resolveLink({
+        ...parsedTarget,
+      }),
+    ).then(
+      (file) => {
+        if (!cancelled) {
+          if (resolvedFile?.path !== file?.path) {
+            previewMarkdown = null;
+            previewAssetUrl = null;
+            editing = false;
+          }
+          resolvedFile = file;
+        }
+      },
+      () => {
+        if (!cancelled) {
+          resolvedFile = null;
+        }
+      },
+    );
+
+    return () => {
+      cancelled = true;
+    };
+  });
+
+  $effect(() => {
+    const adapter = markdown.fileAdapter;
+    const file = resolvedFile;
+    if (
+      !adapter?.watchTarget ||
+      !parsedTarget.href ||
+      isExternalHref(parsedTarget.href)
+    ) {
+      return;
+    }
+    return adapter.watchTarget({ ...parsedTarget, file }, () => {
+      targetRevision += 1;
+    });
+  });
+
+  $effect(() => {
+    const adapter = markdown.fileAdapter;
+    const file = resolvedFile;
+    if (!previewRequested) {
+      return;
+    }
+    targetRevision;
+
+    if (!adapter || !file) {
+      return;
+    }
+
+    let cancelled = false;
+    const markdownPromise = adapter.readMarkdown
+      ? Promise.resolve(adapter.readMarkdown(file))
+      : Promise.resolve(null);
+    const assetPromise = adapter.readAssetUrl
+      ? Promise.resolve(adapter.readAssetUrl(file))
+      : Promise.resolve(null);
+
+    Promise.all([markdownPromise, assetPromise]).then(
+      ([nextMarkdown, nextAssetUrl]) => {
+        if (cancelled) {
+          return;
+        }
+        previewMarkdown = nextMarkdown;
+        previewAssetUrl = nextAssetUrl;
+      },
+      () => {
+        if (!cancelled) {
+          previewMarkdown = null;
+          previewAssetUrl = null;
+        }
+      },
+    );
+
+    const stopWatching = adapter.watchFile?.(file, () => {
+      if (!editing) {
+        targetRevision += 1;
+      }
+    });
+
+    return () => {
+      cancelled = true;
+      stopWatching?.();
+    };
+  });
+
+  function openInternalLink(event: MouseEvent): void {
+    if (!resolvedFile || !markdown.fileAdapter?.openFile) {
+      event.preventDefault();
+      event.stopPropagation();
+      return;
+    }
+
+    event.preventDefault();
+    void markdown.fileAdapter.openFile(resolvedFile, event);
+  }
+
+  function stopUnresolvedLinkInteraction(event: MouseEvent): void {
+    event.preventDefault();
+    event.stopPropagation();
+  }
+
+  function requestPreview(): void {
+    previewRequested = true;
+  }
+
+  function handlePreviewOpenChange(nextOpen: boolean): void {
+    if (!nextOpen && editing) {
+      previewOpen = true;
+      return;
+    }
+    previewOpen = nextOpen;
+  }
+
+  function getPreviewOpen(): boolean {
+    return previewOpen;
+  }
+
+  function closeAfterEditing(): void {
+    previewOpen = false;
+  }
+
+  function handlePreviewInteractOutside(event: InteractOutsideEvent): void {
+    if (!editing) {
+      return;
+    }
+
+    event.preventDefault();
+    void editableSurface?.exit().then((exited) => {
+      if (exited) {
+        previewOpen = false;
+      }
+    });
+  }
+
+  function isExternalHref(value: string): boolean {
+    return /^((https?|ftps?|ssh):)?\/\//i.test(value.trim());
+  }
+</script>
+
+{#if hasFileAdapter && !isExternal}
+  <HoverCardPrimitive.Root bind:open={getPreviewOpen, handlePreviewOpenChange}>
+    <span
+      class={`mira-link-preview ${className}`.trim()}
+      data-link-preview-state={resolvedFile ? "resolved" : "unresolved"}
+      data-link-preview-path={target}
+    >
+      <HoverCardPrimitive.Trigger
+        bind:ref
+        onpointerenter={requestPreview}
+        onfocus={requestPreview}
+      >
+        {#snippet child({ props })}
+          <button
+            {...props}
+            type="button"
+            class="mira-link-preview__trigger"
+            data-link-preview-trigger
+            data-link-preview-state={resolvedFile ? "resolved" : "unresolved"}
+            data-link-preview-path={target}
+            data-mira-internal-link="true"
+            data-invalid={resolvedFile ? undefined : "true"}
+            {title}
+            onclick={resolvedFile
+              ? openInternalLink
+              : stopUnresolvedLinkInteraction}
+            onmousedown={resolvedFile
+              ? undefined
+              : stopUnresolvedLinkInteraction}
+          >
+            {#if children}
+              {@render children()}
+            {:else}
+              {displayText}
+            {/if}
+          </button>
+        {/snippet}
+      </HoverCardPrimitive.Trigger>
+    </span>
+    <HoverCardPrimitive.Portal {...portalProps}>
+      <HoverCardPrimitive.Content
+        class={`mira-link-preview__card ${appearanceClass ?? ""}`.trim()}
+        data-mira-link-preview-content
+        data-link-preview-state={resolvedFile ? "resolved" : "unresolved"}
+        data-link-preview-path={target}
+        data-mira-overlay
+        data-mira-theme={appearanceTheme}
+        data-mira-color-mode={appearanceMode}
+        align="start"
+        sideOffset={8}
+        collisionPadding={8}
+        sticky="always"
+        onInteractOutside={handlePreviewInteractOutside}
+      >
+        {#if resolvedFile}
+          {#if previewAssetUrl}
+            <img
+              class="mira-link-preview__asset"
+              src={previewAssetUrl}
+              alt={resolvedFile.name || displayText}
+            />
+          {:else if previewMarkdown}
+            {#snippet renderedPreview(value: string)}
+              <EmbeddedMarkdownPreview
+                class="mira-link-preview__markdown"
+                {value}
+                sourcePath={resolvedFile?.path ?? activeSourcePath}
+                onChange={previewOnChange}
+              />
+            {/snippet}
+            <EditableMarkdownSurface
+              bind:this={editableSurface}
+              value={previewMarkdown}
+              preview={renderedPreview}
+              bind:previewOnChange
+              writeMarkdown={writePreviewMarkdown}
+              bind:editing
+              extensions={markdown.extensions}
+              sourcePath={resolvedFile.path}
+              linkResolver={markdown.linkResolver}
+              assetResolver={markdown.assetResolver}
+              fileAdapter={markdown.fileAdapter}
+              frontmatterOpen={markdown.frontmatterOpen}
+              frontmatterConfig={markdown.frontmatterConfig}
+              returnToPreviewOnBlur={false}
+              class="mira-link-preview__editable"
+              label={`Edit ${resolvedFile.name || resolvedFile.path}`}
+              onPersisted={(value) => (previewMarkdown = value)}
+              onEscape={closeAfterEditing}
+            />
+          {:else if previewRequested}
+            <span class="mira-link-preview__empty">No preview available</span>
+          {:else}
+            <span class="mira-link-preview__empty">Loading preview…</span>
+          {/if}
+        {:else}
+          <span class="mira-link-preview__title">Unresolved link</span>
+          <span class="mira-link-preview__path">{target}</span>
+        {/if}
+      </HoverCardPrimitive.Content>
+    </HoverCardPrimitive.Portal>
+  </HoverCardPrimitive.Root>
+{:else}
+  <a
+    bind:this={ref}
+    class={className || undefined}
+    href={resolvedHref}
+    {title}
+    data-mira-internal-link={isExternal ? undefined : "true"}
+  >
+    {#if children}
+      {@render children()}
+    {:else}
+      {displayText}
+    {/if}
+  </a>
+{/if}

package/dist/preview/components/link.svelte.d.ts

@@ -0,0 +1,16 @@
+import { type Snippet } from "svelte";
+type Props = {
+    href?: string;
+    id?: string;
+    label?: string;
+    text?: string;
+    title?: string;
+    class?: string;
+    sourcePath?: string;
+    children?: Snippet;
+    ref?: HTMLElement | null;
+};
+declare const Link: import("svelte").Component<Props, {}, "ref">;
+type Link = ReturnType<typeof Link>;
+export default Link;
+//# sourceMappingURL=link.svelte.d.ts.map

package/dist/preview/components/link.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.svelte.d.ts","sourceRoot":"","sources":["../../../src/preview/components/link.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,EAAc,KAAK,OAAO,EAAE,MAAM,QAAQ,CAAC;AAqBhD,KAAK,KAAK,GAAG;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CAC1B,CAAC;AAySJ,QAAA,MAAM,IAAI,8CAAwC,CAAC;AACnD,KAAK,IAAI,GAAG,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC;AACpC,eAAe,IAAI,CAAC"}

package/dist/preview/components/list-callout-control.svelte

@@ -0,0 +1,138 @@
+<script lang="ts">
+  import CheckIcon from "@lucide/svelte/icons/check";
+  import XIcon from "@lucide/svelte/icons/x";
+  import type { MiraResolvedListCallout } from "@lapismd/mira/extensions";
+  import * as Popover from "../../ui/popover/index.js";
+  import Icon from "./icon.svelte";
+
+  type Props = {
+    callout: MiraResolvedListCallout;
+    callouts: readonly MiraResolvedListCallout[];
+    onCalloutChange?: (char: string | null) => void;
+  };
+
+  let { callout, callouts, onCalloutChange }: Props = $props();
+  let open = $state(false);
+
+  function chooseCallout(char: string | null): void {
+    const shouldChange = char !== callout.char;
+    const changeCallout = onCalloutChange;
+    open = false;
+    if (shouldChange) {
+      queueMicrotask(() => changeCallout?.(char));
+    }
+  }
+
+  function renderCustomMarker(
+    element: HTMLSpanElement,
+    activeCallout: MiraResolvedListCallout,
+  ) {
+    let cleanup: (() => void) | void;
+
+    function render(nextCallout: MiraResolvedListCallout): void {
+      cleanup?.();
+      cleanup = undefined;
+      if (nextCallout.renderMarker) {
+        element.replaceChildren();
+        cleanup = nextCallout.renderMarker(element, nextCallout);
+      }
+    }
+
+    render(activeCallout);
+    return {
+      update: render,
+      destroy() {
+        cleanup?.();
+      },
+    };
+  }
+</script>
+
+<Popover.Root bind:open>
+  <Popover.Trigger
+    class="lc-list-marker mira-list-callout-trigger"
+    aria-label={`Change list highlight (${callout.char})`}
+    title="Change list highlight"
+    data-callout-char={callout.char}
+    data-callout-icon={callout.icon}
+    data-editable-markdown-ignore-click
+  >
+    <span
+      class="mira-list-callout-glyph"
+      use:renderCustomMarker={callout}
+      aria-hidden="true"
+    >
+      {#if !callout.renderMarker}
+        {#if callout.icon}
+          <Icon name={callout.icon} />
+        {:else}
+          {callout.char}
+        {/if}
+      {/if}
+    </span>
+  </Popover.Trigger>
+  <Popover.Content
+    class="mira-list-callout-menu"
+    align="start"
+    side="bottom"
+    sideOffset={6}
+    aria-label="List highlight"
+  >
+    <div
+      class="mira-list-callout-menu__grid"
+      role="radiogroup"
+      aria-label="List highlight"
+    >
+      {#each callouts as option (option.char)}
+        <button
+          class="mira-list-callout-option"
+          type="button"
+          role="radio"
+          aria-checked={option.char === callout.char}
+          aria-label={`Use ${option.char} list highlight`}
+          data-callout-char={option.char}
+          data-selected={option.char === callout.char ? "true" : undefined}
+          style={`--lc-callout-color: ${option.color}`}
+          onclick={() => chooseCallout(option.char)}
+        >
+          <span
+            class="mira-list-callout-option__marker"
+            use:renderCustomMarker={option}
+            aria-hidden="true"
+          >
+            {#if !option.renderMarker}
+              {#if option.icon}
+                <Icon name={option.icon} />
+              {:else}
+                {option.char}
+              {/if}
+            {/if}
+          </span>
+          <code class="mira-list-callout-option__label">{option.char}</code>
+          {#if option.char === callout.char}
+            <CheckIcon
+              class="mira-list-callout-option__selected"
+              aria-hidden="true"
+            />
+          {/if}
+        </button>
+      {/each}
+      <button
+        class="mira-list-callout-option mira-list-callout-option--clear"
+        type="button"
+        role="radio"
+        aria-checked="false"
+        aria-label="Remove list highlight"
+        onclick={() => chooseCallout(null)}
+      >
+        <span
+          class="mira-list-callout-option__marker mira-list-callout-option__marker--clear"
+          aria-hidden="true"
+        >
+          <XIcon />
+        </span>
+        <span class="mira-list-callout-option__label">No highlight</span>
+      </button>
+    </div>
+  </Popover.Content>
+</Popover.Root>

package/dist/preview/components/list-callout-control.svelte.d.ts

@@ -0,0 +1,10 @@
+import type { MiraResolvedListCallout } from "@lapismd/mira/extensions";
+type Props = {
+    callout: MiraResolvedListCallout;
+    callouts: readonly MiraResolvedListCallout[];
+    onCalloutChange?: (char: string | null) => void;
+};
+declare const ListCalloutControl: import("svelte").Component<Props, {}, "">;
+type ListCalloutControl = ReturnType<typeof ListCalloutControl>;
+export default ListCalloutControl;
+//# sourceMappingURL=list-callout-control.svelte.d.ts.map

package/dist/preview/components/list-callout-control.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-callout-control.svelte.d.ts","sourceRoot":"","sources":["../../../src/preview/components/list-callout-control.svelte.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC;AAKtE,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,uBAAuB,CAAC;IACjC,QAAQ,EAAE,SAAS,uBAAuB,EAAE,CAAC;IAC7C,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CACjD,CAAC;AAyFJ,QAAA,MAAM,kBAAkB,2CAAwC,CAAC;AACjE,KAAK,kBAAkB,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAChE,eAAe,kBAAkB,CAAC"}

package/dist/preview/components/list-callout-marker.svelte

@@ -0,0 +1,108 @@
+<script lang="ts">
+  import type { Snippet } from "svelte";
+  import type { MiraResolvedListCallout } from "@lapismd/mira/extensions";
+  import Icon from "./icon.svelte";
+  import ListCalloutControl from "./list-callout-control.svelte";
+  import { useMarkdownContext } from "../renderer/context.svelte";
+
+  type Props = {
+    "data-callout-char"?: string;
+    "data-callout-icon"?: string;
+    "data-offset"?: number | string;
+    "data-offset-end"?: number | string;
+    children?: Snippet;
+    class?: string;
+    ref?: HTMLSpanElement | null;
+    [key: string]: unknown;
+  };
+
+  let {
+    "data-callout-char": char = "",
+    "data-callout-icon": icon,
+    "data-offset": offsetFrom,
+    "data-offset-end": offsetTo,
+    children,
+    class: className = "",
+    ref = $bindable(null),
+    ...props
+  }: Props = $props();
+
+  const markdown = useMarkdownContext();
+  const callout = $derived(
+    markdown.listCallouts.find((candidate) => candidate.char === char),
+  );
+  const markerFrom = $derived(numericProperty(offsetFrom));
+  const markerTo = $derived(numericProperty(offsetTo));
+  const editable = $derived(
+    Boolean(
+      markdown.onChange && callout && markerFrom >= 0 && markerTo > markerFrom,
+    ),
+  );
+
+  function numericProperty(value: number | string | undefined): number {
+    if (typeof value === "number") return value;
+    const parsed = Number(value);
+    return Number.isFinite(parsed) ? parsed : -1;
+  }
+
+  function applyCallout(char: string | null): void {
+    let to = markerTo;
+    if (char === null && /\s/u.test(markdown.markdown[to] ?? "")) {
+      to += 1;
+    }
+    markdown.onChange?.(char ?? "", markerFrom, to);
+  }
+
+  function renderCustomMarker(
+    element: HTMLSpanElement,
+    activeCallout?: MiraResolvedListCallout,
+  ) {
+    let cleanup: (() => void) | void;
+
+    function render(nextCallout?: MiraResolvedListCallout): void {
+      cleanup?.();
+      cleanup = undefined;
+      if (nextCallout?.renderMarker) {
+        element.replaceChildren();
+        cleanup = nextCallout.renderMarker(element, nextCallout);
+      }
+    }
+
+    render(activeCallout);
+    return {
+      update: render,
+      destroy() {
+        cleanup?.();
+      },
+    };
+  }
+</script>
+
+{#if editable && callout}
+  <ListCalloutControl
+    {callout}
+    callouts={markdown.listCallouts}
+    onCalloutChange={applyCallout}
+  />
+{:else}
+  <span
+    bind:this={ref}
+    use:renderCustomMarker={callout}
+    {...props}
+    class={`lc-list-marker ${className}`.trim()}
+    data-list-callout-marker="true"
+    data-callout-char={char}
+    data-callout-icon={icon}
+    aria-hidden="true"
+  >
+    {#if !callout?.renderMarker}
+      {#if icon}
+        <Icon name={icon} />
+      {:else if char}
+        {char}
+      {:else}
+        {@render children?.()}
+      {/if}
+    {/if}
+  </span>
+{/if}

package/dist/preview/components/list-callout-marker.svelte.d.ts

@@ -0,0 +1,15 @@
+import type { Snippet } from "svelte";
+type Props = {
+    "data-callout-char"?: string;
+    "data-callout-icon"?: string;
+    "data-offset"?: number | string;
+    "data-offset-end"?: number | string;
+    children?: Snippet;
+    class?: string;
+    ref?: HTMLSpanElement | null;
+    [key: string]: unknown;
+};
+declare const ListCalloutMarker: import("svelte").Component<Props, {}, "ref">;
+type ListCalloutMarker = ReturnType<typeof ListCalloutMarker>;
+export default ListCalloutMarker;
+//# sourceMappingURL=list-callout-marker.svelte.d.ts.map

package/dist/preview/components/list-callout-marker.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-callout-marker.svelte.d.ts","sourceRoot":"","sources":["../../../src/preview/components/list-callout-marker.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAOpC,KAAK,KAAK,GAAG;IACX,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAChC,iBAAiB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IAC7B,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB,CAAC;AAyFJ,QAAA,MAAM,iBAAiB,8CAAwC,CAAC;AAChE,KAAK,iBAAiB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC9D,eAAe,iBAAiB,CAAC"}