@useupup/svelte 3.3.0

package/dist/components/OneDriveUploader.svelte

@@ -0,0 +1,17 @@
+<script lang="ts">
+  import { useUploaderRuntime, useUploaderSource } from '../context/uploader-context'
+  import ClientOneDriveUploader from './ClientOneDriveUploader.svelte'
+  import ServerModeDriveUploader from './ServerModeDriveUploader.svelte'
+
+  const { mode } = useUploaderRuntime()
+  const { setActiveSource } = useUploaderSource()
+</script>
+
+{#if mode === 'server'}
+  <ServerModeDriveUploader
+    provider="one-drive"
+    onBack={() => setActiveSource(undefined)}
+  />
+{:else}
+  <ClientOneDriveUploader />
+{/if}

package/dist/components/OneDriveUploader.svelte.d.ts

@@ -0,0 +1,19 @@
+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;
+}
+declare const OneDriveUploader: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type OneDriveUploader = InstanceType<typeof OneDriveUploader>;
+export default OneDriveUploader;
+//# sourceMappingURL=OneDriveUploader.svelte.d.ts.map

package/dist/components/OneDriveUploader.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OneDriveUploader.svelte.d.ts","sourceRoot":"","sources":["../../src/components/OneDriveUploader.svelte.ts"],"names":[],"mappings":"AAwBA,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,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,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE;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,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,gBAAgB;;kBAA+E,CAAC;AACpF,KAAK,gBAAgB,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAChE,eAAe,gBAAgB,CAAC"}

package/dist/components/ScreenCaptureUploader.svelte

@@ -0,0 +1,254 @@
+<script lang="ts">
+  import { onDestroy } from 'svelte'
+  import {
+    useUploaderFiles,
+    useUploaderSource,
+    useUploaderTheme,
+  } from '../context/uploader-context'
+  import { cn } from '@useupup/core/internal'
+  import SourceViewContainer from './shared/SourceViewContainer.svelte'
+
+  type RecordingState = 'idle' | 'recording' | 'recorded'
+
+  const { setFiles } = useUploaderFiles()
+  const { setActiveSource } = useUploaderSource()
+  const { isDark: dark } = useUploaderTheme()
+
+  let recordingState: RecordingState = $state('idle')
+  let duration = $state(0)
+  let videoUrl: string | null = $state(null)
+  let error: string | null = $state(null)
+
+  let mediaRecorder: MediaRecorder | null = null
+  const chunks: Blob[] = []
+  let timerHandle: ReturnType<typeof setInterval> | null = null
+  let streamRef: MediaStream | null = null
+  let previewEl: HTMLVideoElement | null = null
+
+  onDestroy(() => {
+    if (timerHandle) clearInterval(timerHandle)
+    if (videoUrl) URL.revokeObjectURL(videoUrl)
+    streamRef?.getTracks().forEach((t) => t.stop())
+  })
+
+  function bindPreview(node: HTMLVideoElement) {
+    previewEl = node
+    if (streamRef) {
+      node.srcObject = streamRef
+      void node.play()?.catch(() => {})
+    }
+    return {
+      destroy() {
+        if (previewEl === node) previewEl = null
+      },
+    }
+  }
+
+  async function startRecording() {
+    try {
+      const stream = await navigator.mediaDevices.getDisplayMedia({
+        video: true,
+        audio: true,
+      })
+      streamRef = stream
+      chunks.length = 0
+
+      const videoTrack = stream.getVideoTracks()[0]
+      if (videoTrack) {
+        videoTrack.onended = () => {
+          if (mediaRecorder && mediaRecorder.state !== 'inactive') {
+            mediaRecorder.stop()
+          }
+          if (timerHandle) clearInterval(timerHandle)
+          recordingState = 'recorded'
+        }
+      }
+
+      const recorder = new MediaRecorder(stream)
+      mediaRecorder = recorder
+
+      recorder.ondataavailable = (e) => {
+        if (e.data.size > 0) chunks.push(e.data)
+      }
+
+      recorder.onstop = () => {
+        const blob = new Blob(chunks, { type: recorder.mimeType || 'video/webm' })
+        videoUrl = URL.createObjectURL(blob)
+        stream.getTracks().forEach((t) => t.stop())
+        if (previewEl) previewEl.srcObject = null
+      }
+
+      recorder.start()
+      recordingState = 'recording'
+      duration = 0
+      timerHandle = setInterval(() => { duration++ }, 1000)
+    } catch {
+      error = 'Screen sharing was cancelled or denied. Please try again.'
+    }
+  }
+
+  function stopRecording() {
+    mediaRecorder?.stop()
+    if (timerHandle) clearInterval(timerHandle)
+    recordingState = 'recorded'
+  }
+
+  function discardRecording() {
+    if (videoUrl) URL.revokeObjectURL(videoUrl)
+    videoUrl = null
+    duration = 0
+    recordingState = 'idle'
+  }
+
+  function addRecording() {
+    if (!videoUrl) return
+    fetch(videoUrl)
+      .then((r) => r.blob())
+      .then((blob) => {
+        const file = new File([blob], `screen-recording-${Date.now()}.webm`, { type: blob.type })
+        setFiles([file])
+        setActiveSource(undefined)
+      })
+      .catch(() => {
+        // upup-catch: replaying an in-memory object URL cannot fail in practice; ignore
+      })
+  }
+
+  function retryRecording() {
+    error = null
+    startRecording()
+  }
+
+  function formatTime(s: number) {
+    const m = Math.floor(s / 60)
+    const sec = s % 60
+    return `${m}:${sec.toString().padStart(2, '0')}`
+  }
+</script>
+
+{#if error}
+  <!-- Error state -->
+  <SourceViewContainer data-upup-slot="screen-capture-uploader">
+    <div class="upup-flex upup-flex-col upup-items-center upup-gap-3 upup-p-6 upup-text-center">
+      <p
+        class={cn('upup-text-sm upup-text-red-500', {
+          'upup-text-red-400': $dark,
+        })}
+      >
+        {error}
+      </p>
+      <button
+        type="button"
+        class={cn(
+          'upup-rounded-lg upup-bg-[#0ea5e9] upup-px-4 upup-py-2 upup-text-sm upup-font-medium upup-text-white',
+          {
+            'upup-bg-[#38bdf8] dark:upup-bg-[#38bdf8]': $dark,
+          },
+        )}
+        onclick={retryRecording}
+      >
+        Try Again
+      </button>
+    </div>
+  </SourceViewContainer>
+{:else}
+  <!-- Normal state -->
+  <SourceViewContainer data-upup-slot="screen-capture-uploader">
+    <div class="upup-flex upup-h-full upup-w-full upup-flex-col upup-items-center upup-justify-center upup-gap-4 upup-p-4">
+      <!-- Idle -->
+      {#if recordingState === 'idle'}
+        <div class="upup-flex upup-flex-col upup-items-center upup-gap-4">
+          <div class="upup-flex upup-h-20 upup-w-20 upup-items-center upup-justify-center upup-rounded-full upup-bg-[#0ea5e9]/20">
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              width="32"
+              height="32"
+              viewBox="0 0 24 24"
+              fill="none"
+              stroke={$dark ? '#38bdf8' : '#0284c7'}
+              stroke-width="2"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+            >
+              <rect width="20" height="15" x="2" y="3" rx="2" />
+              <polyline points="8 21 16 21" />
+              <line x1="12" x2="12" y1="18" y2="21" />
+            </svg>
+          </div>
+          <button
+            type="button"
+            class={cn(
+              'upup-rounded-lg upup-bg-[#0ea5e9] upup-px-6 upup-py-2.5 upup-text-sm upup-font-medium upup-text-white upup-transition-colors hover:upup-bg-[#0284c7]',
+              {
+                'upup-bg-[#38bdf8] hover:upup-bg-[#0ea5e9] dark:upup-bg-[#38bdf8]': $dark,
+              },
+            )}
+            onclick={startRecording}
+          >
+            Share Screen
+          </button>
+        </div>
+      {/if}
+
+      <!-- Recording -->
+      {#if recordingState === 'recording'}
+        <div class="upup-relative upup-flex upup-min-h-0 upup-w-full upup-max-w-md upup-flex-1">
+          <!-- svelte-ignore a11y_media_has_caption -->
+          <video
+            use:bindPreview
+            muted
+            class="upup-min-h-0 upup-w-full upup-flex-1 upup-rounded-lg upup-object-contain"
+          ></video>
+          <!-- REC chip (states-tour-3 state E): red dot + label + timer.
+               The dot's pulse is fx-gated — under motion-off the dot
+               stays static so the recording status remains visible. -->
+          <div
+            data-upup-slot="screen-rec-chip"
+            class="upup-absolute upup-left-2.5 upup-top-2.5 upup-flex upup-items-center upup-gap-1.5 upup-rounded-md upup-bg-[#04080f]/60 upup-px-2 upup-py-1 upup-font-mono upup-text-[11px] upup-tabular-nums upup-text-[#fecdd3]"
+          >
+            <span class="upup-animate-fx-rec-pulse upup-h-2 upup-w-2 upup-rounded-full upup-bg-red-500"></span>
+            REC {formatTime(duration)}
+          </div>
+        </div>
+        <button
+          type="button"
+          class="upup-fx-press upup-rounded-lg upup-bg-red-500 upup-px-6 upup-py-2.5 upup-text-sm upup-font-medium upup-text-white upup-transition-colors hover:upup-bg-red-600"
+          onclick={stopRecording}
+        >
+          Stop Recording
+        </button>
+      {/if}
+
+      <!-- Recorded -->
+      {#if recordingState === 'recorded' && videoUrl}
+        <!-- svelte-ignore a11y_media_has_caption -->
+        <video
+          controls
+          src={videoUrl}
+          class="upup-w-full upup-max-w-md upup-min-h-0 upup-flex-1 upup-rounded-lg upup-object-contain"
+        ></video>
+        <div class="upup-flex upup-gap-3">
+          <button
+            type="button"
+            class="upup-rounded-lg upup-bg-gray-500 upup-px-4 upup-py-2.5 upup-text-sm upup-font-medium upup-text-white upup-transition-colors hover:upup-bg-gray-600"
+            onclick={discardRecording}
+          >
+            Discard
+          </button>
+          <button
+            type="button"
+            class={cn(
+              'upup-rounded-lg upup-bg-[#0ea5e9] upup-px-4 upup-py-2.5 upup-text-sm upup-font-medium upup-text-white upup-transition-colors hover:upup-bg-[#0284c7]',
+              {
+                'upup-bg-[#38bdf8] hover:upup-bg-[#0ea5e9] dark:upup-bg-[#38bdf8]': $dark,
+              },
+            )}
+            onclick={addRecording}
+          >
+            Add Recording
+          </button>
+        </div>
+      {/if}
+    </div>
+  </SourceViewContainer>
+{/if}

package/dist/components/ScreenCaptureUploader.svelte.d.ts

@@ -0,0 +1,4 @@
+declare const ScreenCaptureUploader: import("svelte").Component<Record<string, never>, {}, "">;
+type ScreenCaptureUploader = ReturnType<typeof ScreenCaptureUploader>;
+export default ScreenCaptureUploader;
+//# sourceMappingURL=ScreenCaptureUploader.svelte.d.ts.map

package/dist/components/ScreenCaptureUploader.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScreenCaptureUploader.svelte.d.ts","sourceRoot":"","sources":["../../src/components/ScreenCaptureUploader.svelte.ts"],"names":[],"mappings":"AA4NA,QAAA,MAAM,qBAAqB,2DAAwC,CAAC;AACpE,KAAK,qBAAqB,GAAG,UAAU,CAAC,OAAO,qBAAqB,CAAC,CAAC;AACtE,eAAe,qBAAqB,CAAC"}

package/dist/components/ServerModeDriveUploader.svelte

@@ -0,0 +1,250 @@
+<script lang="ts">
+  import { writable, derived } from 'svelte/store'
+  import { untrack } from 'svelte'
+  import { errorCodeToMessageKey } from '@useupup/core'
+import { cn } from '@useupup/core/internal'
+  import {
+    useUploaderI18n,
+    useUploaderOptions,
+    useUploaderTheme,
+  } from '../context/uploader-context'
+  import {
+    useServerModeDrive,
+    type ServerDriveFile,
+    type ServerModeProvider,
+  } from '../composables/useServerModeDrive'
+  import SourceViewContainer from './shared/SourceViewContainer.svelte'
+  import DriveAuthFallback from './shared/DriveAuthFallback.svelte'
+
+  let {
+    provider,
+    onBack,
+    dataUpupSlot,
+  }: {
+    provider: ServerModeProvider
+    onBack?: () => void
+    dataUpupSlot?: string
+  } = $props()
+
+  const PROVIDER_LABEL: Record<ServerModeProvider, string> = {
+    'google-drive': 'Google Drive',
+    'one-drive': 'OneDrive',
+    'dropbox': 'Dropbox',
+    'box': 'Box',
+  }
+
+  // provider and dataUpupSlot are static props (set once at call sites — never changed).
+  // untrack() tells Svelte we intentionally read their initial values outside reactive context.
+  const resolvedSlot = untrack(() => dataUpupSlot ?? `drive-browser-${provider}`)
+  const { state, search, setSearch, refresh, transfer, startAuth } =
+    untrack(() => useServerModeDrive(provider))
+
+  const { isDark: dark } = useUploaderTheme()
+  const { icons } = useUploaderOptions()
+  const { translator } = useUploaderI18n()
+  const Loader = icons.LoaderIcon
+
+  const errorText = derived(state, ($state) => {
+    if ($state.status !== 'error') return ''
+    return $state.code && translator
+      ? translator(`errors.${errorCodeToMessageKey($state.code)}`, {
+          code: $state.code,
+        })
+      : $state.message
+  })
+
+  const selected = writable<Set<string>>(new Set())
+  const transferring = writable(false)
+
+  const isLoading = derived(state, ($state) =>
+    $state.status === 'loading' || $state.status === 'idle',
+  )
+  const files = derived(state, ($state): ServerDriveFile[] =>
+    $state.status === 'ready' ? $state.files : [],
+  )
+
+  function toggle(id: string) {
+    selected.update((prev) => {
+      const next = new Set(prev)
+      if (next.has(id)) next.delete(id)
+      else next.add(id)
+      return next
+    })
+  }
+
+  async function handleTransfer() {
+    transferring.set(true)
+    try {
+      for (const file of $files.filter((f) => $selected.has(f.id))) {
+        const result = await transfer(file)
+        if (result.status === 'reauth') {
+          startAuth()
+          return
+        }
+      }
+      selected.set(new Set())
+      onBack?.()
+    } finally {
+      transferring.set(false)
+    }
+  }
+
+  function formatBytes(bytes: number): string {
+    if (bytes < 1024) return `${bytes} B`
+    if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`
+    if (bytes < 1024 * 1024 * 1024) return `${(bytes / (1024 * 1024)).toFixed(1)} MB`
+    return `${(bytes / (1024 * 1024 * 1024)).toFixed(1)} GB`
+  }
+</script>
+
+{#if $state.status === 'reauth'}
+  <DriveAuthFallback
+    providerName={PROVIDER_LABEL[provider]}
+    onRetry={startAuth}
+  />
+{:else}
+  <SourceViewContainer
+    isLoading={$isLoading}
+    data-upup-slot={resolvedSlot}
+  >
+    {#if $isLoading}
+      <Loader />
+    {:else}
+      <div
+        data-testid="upup-server-drive-browser"
+        class="upup-grid upup-h-full upup-w-full upup-grid-rows-[auto,1fr,auto] upup-overflow-auto"
+      >
+        <div
+          class={cn(
+            'upup-flex upup-items-center upup-gap-2 upup-border-b upup-px-3 upup-py-2.5',
+            $dark
+              ? 'upup-border-white/[0.06] upup-text-[#e2e8f0]'
+              : 'upup-border-black/[0.06] upup-text-gray-800',
+          )}
+          data-upup-slot="drive-browser-header"
+        >
+          <span class="upup-text-sm upup-font-medium">
+            {PROVIDER_LABEL[provider]}
+          </span>
+          <input
+            type="search"
+            name="upup-drive-search"
+            aria-label="Search"
+            value={$search}
+            oninput={(e) => setSearch((e.target as HTMLInputElement).value)}
+            onkeydown={(e) => {
+              if (e.key === 'Enter') {
+                void refresh({ search: (e.target as HTMLInputElement).value })
+              }
+            }}
+            placeholder="Search…"
+            class={cn(
+              'upup-ml-auto upup-rounded upup-border upup-px-2 upup-py-1 upup-text-xs',
+              $dark
+                ? 'upup-border-gray-700 upup-bg-gray-800 upup-text-gray-100'
+                : 'upup-border-gray-300 upup-bg-white',
+            )}
+          />
+        </div>
+        <div class="upup-overflow-auto upup-p-2">
+          {#if $state.status === 'error'}
+            <p
+              data-testid="upup-drive-error"
+              data-upup-slot="drive-error"
+              role="alert"
+              class={cn(
+                'upup-p-4 upup-text-sm',
+                $dark ? 'upup-text-red-400' : 'upup-text-red-600',
+              )}
+            >
+              {$errorText}
+            </p>
+          {/if}
+          {#each $files as file (file.id)}
+            <button
+              type="button"
+              data-upup-slot="drive-browser-item"
+              data-selected={$selected.has(file.id)}
+              class={cn(
+                'upup-fx-hover-lift upup-mb-1.5 upup-flex upup-w-full upup-items-center upup-gap-3 upup-rounded-[11px] upup-px-3 upup-py-2.5 upup-text-left upup-text-sm upup-ring-1',
+                $selected.has(file.id)
+                  ? 'upup-bg-[#0ea5e9]/10 upup-ring-[#38bdf8]/35'
+                  : $dark
+                    ? 'upup-bg-white/[0.04] upup-text-[#e2e8f0] upup-ring-white/[0.06] hover:upup-bg-white/[0.07]'
+                    : 'upup-bg-black/[0.03] upup-text-gray-800 upup-ring-black/[0.06] hover:upup-bg-black/[0.05]',
+              )}
+              onclick={() =>
+                file.isFolder
+                  ? void refresh({ folderId: file.id })
+                  : toggle(file.id)}
+            >
+              <span
+                class="upup-flex upup-h-[30px] upup-w-[30px] upup-flex-none upup-items-center upup-justify-center upup-rounded-[8px] upup-bg-white/[0.05]"
+                aria-hidden="true"
+              >
+                {#if file.isFolder}
+                  <svg
+                    viewBox="0 0 24 24"
+                    width="17"
+                    height="17"
+                    fill="none"
+                    stroke="#38bdf8"
+                    stroke-width="1.7"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                  >
+                    <path d="M3 7a2 2 0 0 1 2-2h4l2 2h6a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" />
+                  </svg>
+                {:else}
+                  <svg
+                    viewBox="0 0 24 24"
+                    width="17"
+                    height="17"
+                    fill="none"
+                    stroke={$dark ? '#94a3b8' : '#64748b'}
+                    stroke-width="1.6"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                  >
+                    <path d="M6 3h8l4 4v13a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1z" />
+                    <path d="M14 3v4h4" />
+                  </svg>
+                {/if}
+              </span>
+              <span class="upup-flex-1 upup-truncate">{file.name}</span>
+              {#if file.size != null && !file.isFolder}
+                <span class="upup-text-xs upup-opacity-60">
+                  {formatBytes(file.size)}
+                </span>
+              {/if}
+            </button>
+          {/each}
+        </div>
+        <div
+          class={cn(
+            'upup-flex upup-items-center upup-justify-between upup-gap-2 upup-border-t upup-p-3',
+            $dark ? 'upup-border-white/[0.06]' : 'upup-border-black/[0.06]',
+          )}
+        >
+          <button
+            type="button"
+            class="upup-text-sm upup-opacity-70 hover:upup-opacity-100"
+            onclick={() => onBack?.()}
+          >
+            Cancel
+          </button>
+          <button
+            type="button"
+            disabled={$selected.size === 0 || $transferring}
+            class="upup-fx-press upup-rounded-lg upup-bg-[#0ea5e9] upup-px-3 upup-py-1.5 upup-text-sm upup-font-medium upup-text-white hover:upup-bg-[#0284c7] disabled:upup-opacity-50"
+            onclick={handleTransfer}
+          >
+            {$transferring
+              ? 'Uploading…'
+              : `Add files${$selected.size ? ` (${$selected.size})` : ''}`}
+          </button>
+        </div>
+      </div>
+    {/if}
+  </SourceViewContainer>
+{/if}

package/dist/components/ServerModeDriveUploader.svelte.d.ts

@@ -0,0 +1,10 @@
+import { type ServerModeProvider } from '../composables/useServerModeDrive';
+type $$ComponentProps = {
+    provider: ServerModeProvider;
+    onBack?: () => void;
+    dataUpupSlot?: string;
+};
+declare const ServerModeDriveUploader: import("svelte").Component<$$ComponentProps, {}, "">;
+type ServerModeDriveUploader = ReturnType<typeof ServerModeDriveUploader>;
+export default ServerModeDriveUploader;
+//# sourceMappingURL=ServerModeDriveUploader.svelte.d.ts.map

package/dist/components/ServerModeDriveUploader.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ServerModeDriveUploader.svelte.d.ts","sourceRoot":"","sources":["../../src/components/ServerModeDriveUploader.svelte.ts"],"names":[],"mappings":"AAYA,OAAO,EAGH,KAAK,kBAAkB,EACxB,MAAM,mCAAmC,CAAA;AAI3C,KAAK,gBAAgB,GAAI;IACtB,QAAQ,EAAE,kBAAkB,CAAA;IAC5B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAC;AAkLJ,QAAA,MAAM,uBAAuB,sDAAwC,CAAC;AACtE,KAAK,uBAAuB,GAAG,UAAU,CAAC,OAAO,uBAAuB,CAAC,CAAC;AAC1E,eAAe,uBAAuB,CAAC"}