@useupup/svelte 3.3.0

package/dist/components/FilePreviewPortal.svelte

@@ -0,0 +1,189 @@
+<script lang="ts">
+  import { onMount, onDestroy } from 'svelte'
+  import { formatUiMessage as t } from '@useupup/core'
+import { cn } from '@useupup/core/internal'
+  import { fileGetIsImage, fileGetIsPdf, fileGetIsText, PREVIEW_MAX_TEXT_SIZE, PREVIEW_TEXT_TRUNCATE_LENGTH } from '@useupup/core/internal'
+  import { useUploaderI18n, useUploaderTheme } from '../context/uploader-context'
+
+  let {
+    fileUrl,
+    fileName,
+    fileType,
+    fileSize,
+    onClose,
+    onStopPropagation,
+  }: {
+    fileUrl: string
+    fileName: string
+    fileType: string
+    fileSize?: number
+    onClose: () => void
+    onStopPropagation?: (e: MouseEvent) => void
+  } = $props()
+
+  const { isDark: dark, slotOverrides: slotClasses } = useUploaderTheme()
+  const { translations: tr } = useUploaderI18n()
+
+  const isImage = $derived(fileGetIsImage(fileType))
+  const isPdf = $derived(fileGetIsPdf(fileType, fileName))
+  const isText = $derived(fileGetIsText(fileType, fileName))
+  const isOversizedText = $derived(
+    isText && fileSize !== undefined && fileSize > PREVIEW_MAX_TEXT_SIZE,
+  )
+
+  let textContent = $state('')
+  let textLoading = $state(false)
+  let textError = $state<string | undefined>(undefined)
+  let isTruncated = $state(false)
+
+  // Portal DOM node — SSR-safe: only accessed in onMount (client only)
+  let portalEl: HTMLDivElement | null = null
+  let containerEl: HTMLDivElement | null = $state(null)
+
+  function handleKeyDown(event: KeyboardEvent) {
+    if (event.key === 'Escape') onClose()
+  }
+
+  async function loadText() {
+    if (!isText) return
+    try {
+      textLoading = true
+      if (isOversizedText) {
+        const res = await fetch(fileUrl)
+        const reader = res.body?.getReader()
+        if (!reader) throw new Error('Cannot read file')
+        const decoder = new TextDecoder()
+        let result = ''
+        let done = false
+        while (!done && result.length < PREVIEW_TEXT_TRUNCATE_LENGTH) {
+          const { value, done: streamDone } = await reader.read()
+          done = streamDone
+          if (value) result += decoder.decode(value, { stream: !done })
+        }
+        reader.cancel()
+        const wasTruncated = !done || result.length > PREVIEW_TEXT_TRUNCATE_LENGTH
+        if (wasTruncated) result = result.slice(0, PREVIEW_TEXT_TRUNCATE_LENGTH)
+        isTruncated = wasTruncated
+        textContent = result
+      } else {
+        const res = await fetch(fileUrl)
+        textContent = await res.text()
+      }
+    } catch (e) {
+      textError = (e as Error)?.message || 'Preview error'
+    } finally {
+      textLoading = false
+    }
+  }
+
+  function onBackdropClick() {
+    onClose()
+  }
+
+  function onContentClick(e: MouseEvent) {
+    onStopPropagation?.(e)
+    e.stopPropagation()
+  }
+
+  onMount(() => {
+    // Create a wrapper div and move the rendered content into document.body (portal)
+    portalEl = document.createElement('div')
+    document.body.appendChild(portalEl)
+    if (containerEl) portalEl.appendChild(containerEl)
+
+    window.addEventListener('keydown', handleKeyDown)
+    loadText()
+  })
+
+  onDestroy(() => {
+    window.removeEventListener('keydown', handleKeyDown)
+    if (portalEl && document.body.contains(portalEl)) {
+      document.body.removeChild(portalEl)
+    }
+  })
+</script>
+
+<!-- Container rendered in-place initially; onMount moves it into document.body -->
+<div bind:this={containerEl}>
+  <div class="upup-scope" data-upup-slot="file-preview-portal">
+    <div
+      class="upup-fixed upup-inset-0 upup-z-[2147483647] upup-flex upup-items-center upup-justify-center upup-bg-black/40"
+      role="dialog"
+      aria-modal="true"
+      aria-label={fileName}
+      tabindex={-1}
+      onclick={onBackdropClick}
+      onkeydown={(e) => { if (e.key === 'Escape') onClose() }}
+    >
+      <div class="upup-relative upup-h-[90vh] upup-w-[90vw] upup-p-4">
+        <div
+          class={cn(
+            'upup-absolute upup-inset-0 upup-m-4 upup-bg-white',
+            { 'upup-bg-[#232323] dark:upup-bg-[#232323]': $dark },
+            $slotClasses.filePreviewPortal,
+          )}
+          role="presentation"
+          onclick={onContentClick}
+          onkeydown={undefined}
+        >
+          <button
+            type="button"
+            aria-label={tr.cancel}
+            class="upup-absolute upup-right-3 upup-top-3 upup-z-10 upup-flex upup-size-8 upup-items-center upup-justify-center upup-rounded-full upup-bg-black/70 upup-text-sm upup-font-semibold upup-text-white upup-shadow-sm hover:upup-bg-black focus:upup-outline-none focus:upup-ring-2 focus:upup-ring-white"
+            onclick={onClose}
+          >
+            x
+          </button>
+
+          {#if isImage}
+            <img
+              src={fileUrl}
+              alt={fileName}
+              class="upup-h-full upup-w-full upup-rounded upup-object-contain"
+            />
+          {/if}
+
+          {#if isPdf}
+            <embed
+              src={fileUrl}
+              type="application/pdf"
+              width="100%"
+              height="100%"
+              class="upup-rounded"
+              title={fileName}
+            />
+          {/if}
+
+          {#if !isImage && !isPdf}
+            {#if isText}
+              <div class="upup-h-full upup-w-full upup-overflow-auto upup-p-4 upup-font-mono upup-text-xs">
+                {#if textLoading}<p>{tr.loading}</p>{/if}
+                {#if textError}<p>{t(tr.previewError, { message: textError })}</p>{/if}
+                {#if !textLoading && !textError}
+                  <pre class="upup-whitespace-pre-wrap">{textContent}</pre>
+                  {#if isTruncated}
+                    <div class="upup-mt-4 upup-rounded upup-border upup-border-yellow-500/30 upup-bg-yellow-500/10 upup-px-3 upup-py-2 upup-text-xs upup-text-yellow-400">
+                      Content truncated - file is too large to preview in full.
+                    </div>
+                  {/if}
+                {/if}
+              </div>
+            {/if}
+            {#if !isText}
+              <object
+                data={fileUrl}
+                width="100%"
+                height="100%"
+                name={fileName}
+                title={fileName}
+                type={fileType}
+              >
+                <p>{tr.loading}</p>
+              </object>
+            {/if}
+          {/if}
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

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

@@ -0,0 +1,12 @@
+type $$ComponentProps = {
+    fileUrl: string;
+    fileName: string;
+    fileType: string;
+    fileSize?: number;
+    onClose: () => void;
+    onStopPropagation?: (e: MouseEvent) => void;
+};
+declare const FilePreviewPortal: import("svelte").Component<$$ComponentProps, {}, "">;
+type FilePreviewPortal = ReturnType<typeof FilePreviewPortal>;
+export default FilePreviewPortal;
+//# sourceMappingURL=FilePreviewPortal.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilePreviewPortal.svelte.d.ts","sourceRoot":"","sources":["../../src/components/FilePreviewPortal.svelte.ts"],"names":[],"mappings":"AASC,KAAK,gBAAgB,GAAI;IACtB,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,iBAAiB,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;CAC5C,CAAC;AAsJJ,QAAA,MAAM,iBAAiB,sDAAwC,CAAC;AAChE,KAAK,iBAAiB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC9D,eAAe,iBAAiB,CAAC"}

package/dist/components/FilePreviewThumbnail.svelte

@@ -0,0 +1,87 @@
+<script lang="ts">
+  import type { Translations } from '@useupup/core'
+import type { InternalFlatClassNames } from '@useupup/core/internal'
+  import { fileGetExtension, fileGetIsPdf, fileGetIsText, fileIs3D, cn } from '@useupup/core/internal'
+  import FileIcon from './FileIcon.svelte'
+
+  let {
+    canPreview,
+    fileType,
+    fileName,
+    fileUrl,
+    fileSize,
+    slotClasses,
+    allowPreview,
+    labels,
+    onUpdateCanPreview,
+  }: {
+    canPreview: boolean
+    fileType: string
+    fileName: string
+    fileUrl: string
+    fileSize?: number | undefined
+    slotClasses: InternalFlatClassNames
+    allowPreview: boolean
+    labels: Translations
+    onUpdateCanPreview?: ((val: boolean) => void) | undefined
+  } = $props()
+
+  const extension = $derived(fileGetExtension(fileType, fileName))
+  const is3D = $derived(fileIs3D(extension?.toLowerCase() ?? ''))
+  const isPdf = $derived(fileGetIsPdf(fileType, fileName))
+  // Text files render as a static doc icon (cross-framework parity).
+  const isText = $derived(fileGetIsText(fileType, fileName))
+
+  function onObjectLoad() {
+    onUpdateCanPreview?.(true)
+  }
+</script>
+
+{#if isPdf || is3D || isText}
+  <!-- PDFs, 3D files, and text -> static icon -->
+  <div class="upup-flex upup-flex-col upup-items-center upup-gap-2">
+    <FileIcon {extension} class={slotClasses.fileIcon} />
+  </div>
+{:else}
+  {#if !canPreview}
+    <object
+      data={fileUrl}
+      width="0%"
+      height="0%"
+      name={fileName}
+      title={fileName}
+      type={fileType}
+      onload={onObjectLoad}
+    >
+      <p>{labels.loading}</p>
+    </object>
+    <FileIcon {extension} />
+  {/if}
+
+  {#if canPreview}
+    <FileIcon
+      {extension}
+      class={cn(
+        { 'md:upup-hidden': allowPreview },
+        slotClasses.fileIcon,
+      )}
+    />
+    <div
+      class={cn(
+        `upup-relative upup-hidden upup-h-full upup-w-full ${allowPreview ? 'md:upup-block' : ''}`,
+      )}
+    >
+      <object
+        data={fileUrl}
+        width="100%"
+        height="100%"
+        name={fileName}
+        title={fileName}
+        type={fileType}
+        class="upup-absolute upup-h-full upup-w-full"
+      >
+        <p>{labels.loading}</p>
+      </object>
+    </div>
+  {/if}
+{/if}

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

@@ -0,0 +1,17 @@
+import type { Translations } from '@useupup/core';
+import type { InternalFlatClassNames } from '@useupup/core/internal';
+type $$ComponentProps = {
+    canPreview: boolean;
+    fileType: string;
+    fileName: string;
+    fileUrl: string;
+    fileSize?: number | undefined;
+    slotClasses: InternalFlatClassNames;
+    allowPreview: boolean;
+    labels: Translations;
+    onUpdateCanPreview?: ((val: boolean) => void) | undefined;
+};
+declare const FilePreviewThumbnail: import("svelte").Component<$$ComponentProps, {}, "">;
+type FilePreviewThumbnail = ReturnType<typeof FilePreviewThumbnail>;
+export default FilePreviewThumbnail;
+//# sourceMappingURL=FilePreviewThumbnail.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilePreviewThumbnail.svelte.d.ts","sourceRoot":"","sources":["../../src/components/FilePreviewThumbnail.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAA;AAInE,KAAK,gBAAgB,GAAI;IACtB,UAAU,EAAE,OAAO,CAAA;IACnB,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC7B,WAAW,EAAE,sBAAsB,CAAA;IACnC,YAAY,EAAE,OAAO,CAAA;IACrB,MAAM,EAAE,YAAY,CAAA;IACpB,kBAAkB,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,SAAS,CAAA;CAC1D,CAAC;AA4DJ,QAAA,MAAM,oBAAoB,sDAAwC,CAAC;AACnE,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAC;AACpE,eAAe,oBAAoB,CAAC"}

package/dist/components/FileRow.svelte

@@ -0,0 +1,192 @@
+<script lang="ts">
+  import { cn, isFileRemovalLocked } from '@useupup/core/internal'
+  import {
+    UploadStatus,
+    fileTypeIconName,
+    type IconName,
+    type UploadFile,
+    type Translations,
+  } from '@useupup/core'
+  import { fileGetExtension, fileGetIsImage } from '@useupup/core/internal'
+  import {
+    useUploaderFiles,
+    useUploaderI18n,
+    useUploaderOptions,
+    useUploaderTheme,
+    useUploaderUploadControls,
+  } from '../context/uploader-context'
+  import Icon from './Icon.svelte'
+  import ProgressBar from './shared/ProgressBar.svelte'
+  import FileSuccessCheck from './shared/FileSuccessCheck.svelte'
+
+  const ARCHIVE_EXTENSIONS = new Set(['zip', 'rar', '7z', 'tar', 'gz', 'bz2', 'xz'])
+
+  /**
+   * Per-category thumbnail treatment for non-media rows so pdf / archive / audio /
+   * generic no longer all read as the same blue doc: a distinct gradient tint plus
+   * the type-specific glyph (audio uses the waveform icon; the rest use the
+   * file-<ext> registry icon, falling back to the generic file glyph).
+   */
+  function nonMediaThumb(
+    type: string,
+    name: string,
+  ): { gradient: string; icon: IconName } {
+    const ext = fileGetExtension(type, name)
+    if (type.startsWith('audio/'))
+      return {
+        gradient: 'linear-gradient(135deg,#a855f7,#6366f1)',
+        icon: 'audio',
+      }
+    if (ext === 'pdf' || type === 'application/pdf')
+      return {
+        gradient: 'linear-gradient(135deg,#f43f5e,#ec4899)',
+        icon: 'file-pdf',
+      }
+    if (ARCHIVE_EXTENSIONS.has(ext) || type.includes('zip'))
+      return {
+        gradient: 'linear-gradient(135deg,#f59e0b,#f97316)',
+        icon: fileTypeIconName(ext === 'zip' ? 'zip' : ext),
+      }
+    return {
+      gradient: 'linear-gradient(135deg,#0ea5e9,#6366f1)',
+      icon: fileTypeIconName(ext),
+    }
+  }
+
+  /**
+   * Compact list-mode row (spec §4 state 3, states-tour-v2.html "multiple files").
+   * A horizontal card: thumbnail · name/size · remove. The grid-mode tile
+   * (FilePreview) keeps the richer affordances (edit, click-to-preview); the row
+   * is the dense overview and matches the mockup exactly.
+   */
+  let {
+    file,
+    index = 0,
+  }: {
+    file: UploadFile
+    /** Position in the sorted list — drives the completion-check stagger. */
+    index?: number
+  } = $props()
+
+  const { handleFileRemove } = useUploaderFiles()
+  const { translations: tr } = useUploaderI18n()
+  const { icons: { FileDeleteIcon } } = useUploaderOptions()
+  const { isDark: dark } = useUploaderTheme()
+  const { upload: { filesProgressMap } } = useUploaderUploadControls()
+
+  const type = $derived(file.type ?? '')
+  const isImage = $derived(fileGetIsImage(type))
+  const isVideo = $derived(type.startsWith('video/'))
+  const isSuccessful = $derived(file.status === UploadStatus.SUCCESSFUL)
+  const thumb = $derived(nonMediaThumb(type, file.name))
+  const thumbStyle = $derived(
+    isImage
+      ? `background-image: url(${file.url ?? ''})`
+      : isVideo
+        ? undefined
+        : `background: ${thumb.gradient}`,
+  )
+  const progress = $derived.by(() => {
+    const p = $filesProgressMap[file.id]
+    const loaded = p?.loaded ?? NaN
+    const total = p?.total ?? NaN
+    const pct = Math.floor((loaded / total) * 100)
+    // No progress entry ⇒ NaN; total === 0 ⇒ Infinity. Either would render
+    // width:NaN%/aria-valuenow=NaN in ProgressBar while an upload is active.
+    return Number.isFinite(pct) ? pct : 0
+  })
+
+  function formatFileSize(bytes: number | undefined, t: Translations): string {
+    if (!bytes || bytes === 0) return t.zeroBytes
+    const k = 1024
+    const sizes = [t.bytes, t.kb, t.mb, t.gb]
+    const i = Math.floor(Math.log(bytes) / Math.log(k))
+    return Math.round((bytes / Math.pow(k, i)) * 10) / 10 + ' ' + sizes[i]
+  }
+
+  function onRemove(e: MouseEvent) {
+    e.stopPropagation()
+    handleFileRemove(file.id)
+  }
+</script>
+
+<div
+  class={cn(
+    'upup-fx-hover-lift upup-flex upup-w-full upup-items-center upup-gap-3 upup-rounded-xl upup-px-3 upup-py-2.5 upup-ring-1',
+    $dark
+      ? 'upup-bg-white/[0.04] upup-ring-white/[0.07]'
+      : 'upup-bg-black/[0.04] upup-ring-black/[0.06]',
+  )}
+>
+  <div
+    class="upup-relative upup-flex upup-h-10 upup-w-10 upup-flex-none upup-items-center upup-justify-center upup-overflow-hidden upup-rounded-[9px] upup-bg-center upup-bg-cover upup-bg-no-repeat"
+    style={thumbStyle}
+  >
+    {#if isVideo}
+      <!-- Real first-frame video thumbnail (no controls chrome). Uses the
+           local object URL, which persists through upload (updateFile keeps
+           `url`), so the preview survives a completed run. -->
+      <video
+        src={file.url ?? ''}
+        muted
+        playsinline
+        preload="metadata"
+        class="upup-pointer-events-none upup-absolute upup-inset-0 upup-h-full upup-w-full upup-object-cover"
+      ></video>
+    {:else if !isImage}
+      <Icon name={thumb.icon} size={20} class="upup-text-white" />
+    {/if}
+  </div>
+
+  <div class="upup-flex upup-min-w-0 upup-flex-1 upup-flex-col upup-gap-0.5">
+    <div
+      class={cn(
+        'upup-truncate upup-text-[13px]',
+        $dark ? 'upup-text-[#e2e8f0]' : 'upup-text-gray-900',
+      )}
+    >
+      {file.name}
+    </div>
+    <div
+      class={cn(
+        'upup-text-[12px]',
+        $dark ? 'upup-text-[#94a3b8]' : 'upup-text-gray-500',
+      )}
+    >
+      {formatFileSize(file.size, tr)}
+    </div>
+    {#if !!progress}
+      <ProgressBar
+        class="upup-mt-1"
+        progressBarClassName="upup-rounded"
+        {progress}
+        showValue
+      />
+    {/if}
+  </div>
+
+  {#if isSuccessful}
+    <FileSuccessCheck {index} size={22} class="upup-flex-none" />
+  {/if}
+
+  <!-- Once a file has uploaded successfully its delete control is gone —
+       the completion check is the only trailing affordance. -->
+  {#if !isSuccessful}
+    <button
+      class={cn(
+        'upup-fx-remove upup-fx-press upup-flex upup-h-8 upup-w-8 upup-flex-none upup-items-center upup-justify-center upup-rounded-lg',
+        $dark
+          ? 'upup-text-[#64748b] hover:upup-bg-white/[0.06]'
+          : 'upup-text-gray-500 hover:upup-bg-black/[0.06]',
+        'disabled:upup-cursor-not-allowed disabled:upup-opacity-50',
+      )}
+      onclick={onRemove}
+      type="button"
+      disabled={isFileRemovalLocked(progress, file.status)}
+      aria-label={tr.removeFile}
+      data-testid="upup-file-remove"
+    >
+      <FileDeleteIcon class="upup-h-5 upup-w-5" />
+    </button>
+  {/if}
+</div>

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

@@ -0,0 +1,10 @@
+import { type UploadFile } from '@useupup/core';
+type $$ComponentProps = {
+    file: UploadFile;
+    /** Position in the sorted list — drives the completion-check stagger. */
+    index?: number;
+};
+declare const FileRow: import("svelte").Component<$$ComponentProps, {}, "">;
+type FileRow = ReturnType<typeof FileRow>;
+export default FileRow;
+//# sourceMappingURL=FileRow.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileRow.svelte.d.ts","sourceRoot":"","sources":["../../src/components/FileRow.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,EAIH,KAAK,UAAU,EAEhB,MAAM,eAAe,CAAA;AAavB,KAAK,gBAAgB,GAAI;IACtB,IAAI,EAAE,UAAU,CAAA;IAChB,yEAAyE;IACzE,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC;AAsJJ,QAAA,MAAM,OAAO,sDAAwC,CAAC;AACtD,KAAK,OAAO,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;AAC1C,eAAe,OAAO,CAAC"}

package/dist/components/GoogleDriveUploader.svelte

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

package/dist/components/GoogleDriveUploader.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 GoogleDriveUploader: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type GoogleDriveUploader = InstanceType<typeof GoogleDriveUploader>;
+export default GoogleDriveUploader;
+//# sourceMappingURL=GoogleDriveUploader.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GoogleDriveUploader.svelte.d.ts","sourceRoot":"","sources":["../../src/components/GoogleDriveUploader.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,mBAAmB;;kBAA+E,CAAC;AACvF,KAAK,mBAAmB,GAAG,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC;AACtE,eAAe,mBAAmB,CAAC"}

package/dist/components/Icon.svelte

@@ -0,0 +1,24 @@
+<script lang="ts">
+  import { ICONS, type IconName } from '@useupup/core'
+import { cn } from '@useupup/core/internal'
+  let {
+    name,
+    size = undefined,
+    class: className = '',
+  }: {
+    name: IconName
+    size?: number | undefined
+    class?: string | undefined
+  } = $props()
+  const def = $derived(ICONS[name])
+  const px = $derived(size ?? def.defaultSize)
+</script>
+
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox={def.viewBox}
+  width={px}
+  height={px}
+  {...def.attrs}
+  class={cn(def.className, className)}
+>{@html def.inner}</svg>

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

@@ -0,0 +1,10 @@
+import { type IconName } from '@useupup/core';
+type $$ComponentProps = {
+    name: IconName;
+    size?: number | undefined;
+    class?: string | undefined;
+};
+declare const Icon: import("svelte").Component<$$ComponentProps, {}, "">;
+type Icon = ReturnType<typeof Icon>;
+export default Icon;
+//# sourceMappingURL=Icon.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.svelte.d.ts","sourceRoot":"","sources":["../../src/components/Icon.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAAS,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAA;AAGnD,KAAK,gBAAgB,GAAI;IACtB,IAAI,EAAE,QAAQ,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CAC3B,CAAC;AAiBJ,QAAA,MAAM,IAAI,sDAAwC,CAAC;AACnD,KAAK,IAAI,GAAG,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC;AACpC,eAAe,IAAI,CAAC"}

package/dist/components/Icons.d.ts

@@ -0,0 +1,10 @@
+export { default as MyDeviceIcon } from './icons/MyDeviceIcon.svelte';
+export { default as BoxIcon } from './icons/BoxIcon.svelte';
+export { default as DropboxIcon } from './icons/DropboxIcon.svelte';
+export { default as GoogleDriveIcon } from './icons/GoogleDriveIcon.svelte';
+export { default as OneDriveIcon } from './icons/OneDriveIcon.svelte';
+export { default as LinkIcon } from './icons/LinkIcon.svelte';
+export { default as CameraIcon } from './icons/CameraIcon.svelte';
+export { default as AudioIcon } from './icons/AudioIcon.svelte';
+export { default as ScreenCaptureIcon } from './icons/ScreenCaptureIcon.svelte';
+//# sourceMappingURL=Icons.d.ts.map

package/dist/components/Icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icons.d.ts","sourceRoot":"","sources":["../../src/components/Icons.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,6BAA6B,CAAA;AACrE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,wBAAwB,CAAA;AAC3D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,4BAA4B,CAAA;AACnE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAC3E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,6BAA6B,CAAA;AACrE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,2BAA2B,CAAA;AACjE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,0BAA0B,CAAA;AAC/D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,kCAAkC,CAAA"}

package/dist/components/Icons.js

@@ -0,0 +1,9 @@
+export { default as MyDeviceIcon } from './icons/MyDeviceIcon.svelte';
+export { default as BoxIcon } from './icons/BoxIcon.svelte';
+export { default as DropboxIcon } from './icons/DropboxIcon.svelte';
+export { default as GoogleDriveIcon } from './icons/GoogleDriveIcon.svelte';
+export { default as OneDriveIcon } from './icons/OneDriveIcon.svelte';
+export { default as LinkIcon } from './icons/LinkIcon.svelte';
+export { default as CameraIcon } from './icons/CameraIcon.svelte';
+export { default as AudioIcon } from './icons/AudioIcon.svelte';
+export { default as ScreenCaptureIcon } from './icons/ScreenCaptureIcon.svelte';

package/dist/components/ImageEditorStub.svelte

@@ -0,0 +1,3 @@
+<script lang="ts"></script>
+
+<!-- Image editor is not supported in Svelte. Use @useupup/react if image editing is required. -->

package/dist/components/ImageEditorStub.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 ImageEditorStub: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type ImageEditorStub = InstanceType<typeof ImageEditorStub>;
+export default ImageEditorStub;
+//# sourceMappingURL=ImageEditorStub.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ImageEditorStub.svelte.d.ts","sourceRoot":"","sources":["../../src/components/ImageEditorStub.svelte.ts"],"names":[],"mappings":"AASA,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,eAAe;;kBAA+E,CAAC;AACnF,KAAK,eAAe,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,CAAC;AAC9D,eAAe,eAAe,CAAC"}