@casinogate/ui 1.11.14 → 2.0.1

package/dist/primitives/file-upload/model/use-file-upload-state.svelte.d.ts

@@ -0,0 +1,112 @@
+import type { RefAttachment } from '../../../internal/types/common.js';
+import { Context } from 'runed';
+import { type ReadableBoxedValues, type WithRefProps, type WritableBoxedValues } from 'svelte-toolbelt';
+import type { FileAcceptDetails, FileChangeDetails, FileRejectDetails, RejectedFile } from '../types.js';
+export declare const FileUploadRootContext: Context<FileUploadRootState>;
+type FileUploadRootStateOpts = ReadableBoxedValues<{
+    accept: string | undefined;
+    maxFiles: number;
+    maxFileSize: number;
+    disabled: boolean;
+    invalid: boolean;
+    onFileAccept: (details: FileAcceptDetails) => void;
+    onFileReject: (details: FileRejectDetails) => void;
+    onFileChange: (details: FileChangeDetails) => void;
+}> & WritableBoxedValues<{
+    acceptedFiles: File[];
+    rejectedFiles: RejectedFile[];
+}>;
+export declare class FileUploadRootState {
+    #private;
+    static create(opts: FileUploadRootStateOpts): FileUploadRootState;
+    readonly opts: FileUploadRootStateOpts;
+    onFileAccept?: (details: FileAcceptDetails) => void;
+    onFileReject?: (details: FileRejectDetails) => void;
+    onFileChange?: (details: FileChangeDetails) => void;
+    private hiddenInputRef;
+    constructor(opts: FileUploadRootStateOpts);
+    setHiddenInput(input: HTMLInputElement | null): void;
+    openFilePicker(): void;
+    addFiles(files: FileList | File[]): void;
+    removeFile(file: File): void;
+    clearFiles(): void;
+    private validateFile;
+    private matchesAccept;
+    get dragging(): boolean;
+    set dragging(value: boolean);
+}
+type FileUploadDropzoneStateOpts = WithRefProps<ReadableBoxedValues<{
+    disabledClick: boolean;
+}>>;
+export declare class FileUploadDropzoneState {
+    static create(opts: FileUploadDropzoneStateOpts): FileUploadDropzoneState;
+    readonly root$: FileUploadRootState;
+    readonly opts: FileUploadDropzoneStateOpts;
+    readonly attachment: RefAttachment;
+    constructor(opts: FileUploadDropzoneStateOpts, root$: FileUploadRootState);
+    onDragEnter(e: DragEvent): void;
+    onDragLeave(e: DragEvent): void;
+    onDragOver(e: DragEvent): void;
+    onDrop(e: DragEvent): void;
+    onClick(): void;
+    readonly props: {
+        readonly id: string;
+        readonly ondragenter: (e: DragEvent) => void;
+        readonly ondragleave: (e: DragEvent) => void;
+        readonly ondragover: (e: DragEvent) => void;
+        readonly ondrop: (e: DragEvent) => void;
+        readonly onclick: () => void;
+        readonly 'data-dragging': "" | undefined;
+        readonly 'data-slot': "file-upload-dropzone";
+        readonly role: "presentation";
+    };
+}
+export declare const FileUploadItemContext: Context<FileUploadItemState>;
+type FileUploadItemStateOpts = ReadableBoxedValues<{
+    file: File;
+}>;
+export declare class FileUploadItemState {
+    static create(opts: FileUploadItemStateOpts): FileUploadItemState;
+    readonly opts: FileUploadItemStateOpts;
+    constructor(opts: FileUploadItemStateOpts);
+}
+export declare class FileUploadPreviewImageState {
+    #private;
+    static create(): FileUploadPreviewImageState;
+    readonly item$: FileUploadItemState;
+    constructor(item$: FileUploadItemState);
+    get imageUrl(): string | null;
+    set imageUrl(value: string | null);
+}
+type FileUploadDeleteTriggerStateOpts = WithRefProps<ReadableBoxedValues<{}>>;
+export declare class FileUploadDeleteTriggerState {
+    static create(opts: FileUploadDeleteTriggerStateOpts): FileUploadDeleteTriggerState;
+    readonly root$: FileUploadRootState;
+    readonly item$: FileUploadItemState;
+    readonly opts: FileUploadDeleteTriggerStateOpts;
+    readonly attachment: RefAttachment;
+    constructor(opts: FileUploadDeleteTriggerStateOpts, root$: FileUploadRootState, item$: FileUploadItemState);
+    onClick(): void;
+    readonly props: {
+        readonly id: string;
+        readonly onclick: () => void;
+        readonly 'data-slot': "file-upload-delete-trigger";
+        readonly role: "presentation";
+    };
+}
+type FileUploadClearTriggerStateOpts = WithRefProps<ReadableBoxedValues<{}>>;
+export declare class FileUploadClearTriggerState {
+    static create(opts: FileUploadClearTriggerStateOpts): FileUploadClearTriggerState;
+    readonly root$: FileUploadRootState;
+    readonly opts: FileUploadClearTriggerStateOpts;
+    readonly attachment: RefAttachment;
+    constructor(opts: FileUploadClearTriggerStateOpts, root$: FileUploadRootState);
+    onClick(): void;
+    readonly props: {
+        readonly id: string;
+        readonly onclick: () => void;
+        readonly 'data-slot': "file-upload-clear-trigger";
+    };
+}
+export declare function formatFileSize(bytes: number): string;
+export {};

package/dist/primitives/file-upload/model/use-file-upload-state.svelte.js

@@ -0,0 +1,266 @@
+import { boolAttr } from '../../../internal/utils/attrs.js';
+import { Context, watch } from 'runed';
+import { attachRef } from 'svelte-toolbelt';
+// --- Root State ---
+export const FileUploadRootContext = new Context('file-upload-root');
+export class FileUploadRootState {
+    static create(opts) {
+        return FileUploadRootContext.set(new FileUploadRootState(opts));
+    }
+    opts;
+    #dragging = $state(false);
+    onFileAccept;
+    onFileReject;
+    onFileChange;
+    hiddenInputRef = null;
+    constructor(opts) {
+        this.opts = opts;
+        this.addFiles = this.addFiles.bind(this);
+        this.removeFile = this.removeFile.bind(this);
+        this.clearFiles = this.clearFiles.bind(this);
+        this.openFilePicker = this.openFilePicker.bind(this);
+        this.onFileAccept = opts.onFileAccept.current;
+        this.onFileReject = opts.onFileReject.current;
+        this.onFileChange = opts.onFileChange.current;
+    }
+    setHiddenInput(input) {
+        this.hiddenInputRef = input;
+    }
+    openFilePicker() {
+        this.hiddenInputRef?.click();
+    }
+    addFiles(files) {
+        const fileArray = Array.from(files);
+        const maxFiles = this.opts.maxFiles.current;
+        const accepted = [];
+        const rejected = [];
+        for (const file of fileArray) {
+            const errors = this.validateFile(file);
+            if (errors.length > 0) {
+                rejected.push({ file, errors });
+            }
+            else {
+                accepted.push(file);
+            }
+        }
+        if (accepted.length > 0) {
+            const incoming = accepted.slice(0, maxFiles);
+            const overLimit = accepted.slice(maxFiles);
+            for (const file of overLimit) {
+                rejected.push({ file, errors: ['TOO_MANY_FILES'] });
+            }
+            this.opts.acceptedFiles.current =
+                this.opts.acceptedFiles.current.length + incoming.length > maxFiles
+                    ? incoming
+                    : [...this.opts.acceptedFiles.current, ...incoming];
+            this.onFileAccept?.({ files: incoming });
+        }
+        if (rejected.length > 0) {
+            this.opts.rejectedFiles.current = [...this.opts.rejectedFiles.current, ...rejected];
+            this.onFileReject?.({ files: rejected });
+        }
+        this.onFileChange?.({
+            acceptedFiles: this.opts.acceptedFiles.current,
+            rejectedFiles: this.opts.rejectedFiles.current,
+        });
+    }
+    removeFile(file) {
+        this.opts.acceptedFiles.current = this.opts.acceptedFiles.current.filter((f) => f !== file);
+        this.onFileChange?.({
+            acceptedFiles: this.opts.acceptedFiles.current,
+            rejectedFiles: this.opts.rejectedFiles.current,
+        });
+    }
+    clearFiles() {
+        this.opts.acceptedFiles.current = [];
+        this.opts.rejectedFiles.current = [];
+        this.onFileChange?.({
+            acceptedFiles: this.opts.acceptedFiles.current,
+            rejectedFiles: this.opts.rejectedFiles.current,
+        });
+    }
+    validateFile(file) {
+        const errors = [];
+        const maxFileSize = this.opts.maxFileSize.current;
+        if (file.size > maxFileSize) {
+            errors.push('FILE_TOO_LARGE');
+        }
+        const accept = this.opts.accept.current;
+        if (accept && !this.matchesAccept(file, accept)) {
+            errors.push('FILE_INVALID_TYPE');
+        }
+        return errors;
+    }
+    matchesAccept(file, accept) {
+        const acceptTokens = accept
+            .split(',')
+            .map((t) => t.trim())
+            .filter(Boolean);
+        return acceptTokens.some((token) => {
+            if (token.startsWith('.')) {
+                return file.name.toLowerCase().endsWith(token.toLowerCase());
+            }
+            if (token.endsWith('/*')) {
+                const prefix = token.slice(0, -1);
+                return file.type.startsWith(prefix);
+            }
+            return file.type === token;
+        });
+    }
+    get dragging() {
+        return this.#dragging;
+    }
+    set dragging(value) {
+        this.#dragging = value;
+    }
+}
+export class FileUploadDropzoneState {
+    static create(opts) {
+        return new FileUploadDropzoneState(opts, FileUploadRootContext.get());
+    }
+    root$;
+    opts;
+    attachment;
+    constructor(opts, root$) {
+        this.onDragEnter = this.onDragEnter.bind(this);
+        this.onDragLeave = this.onDragLeave.bind(this);
+        this.onDragOver = this.onDragOver.bind(this);
+        this.onDrop = this.onDrop.bind(this);
+        this.onClick = this.onClick.bind(this);
+        this.root$ = root$;
+        this.opts = opts;
+        this.attachment = attachRef(opts.ref);
+    }
+    onDragEnter(e) {
+        e.preventDefault();
+        e.stopPropagation();
+        this.root$.dragging = true;
+    }
+    onDragLeave(e) {
+        e.preventDefault();
+        e.stopPropagation();
+        this.root$.dragging = false;
+    }
+    onDragOver(e) {
+        e.preventDefault();
+        e.stopPropagation();
+    }
+    onDrop(e) {
+        e.preventDefault();
+        e.stopPropagation();
+        this.root$.dragging = false;
+        if (e.dataTransfer?.files) {
+            this.root$.addFiles(e.dataTransfer.files);
+        }
+    }
+    onClick() {
+        if (this.opts.disabledClick.current) {
+            return;
+        }
+        this.root$.openFilePicker();
+    }
+    props = $derived.by(() => ({
+        id: this.opts.id.current,
+        ondragenter: this.onDragEnter,
+        ondragleave: this.onDragLeave,
+        ondragover: this.onDragOver,
+        ondrop: this.onDrop,
+        onclick: this.onClick,
+        'data-dragging': boolAttr(this.root$.dragging),
+        'data-slot': 'file-upload-dropzone',
+        role: 'presentation',
+        ...this.attachment,
+    }));
+}
+// --- Item State ---
+export const FileUploadItemContext = new Context('file-upload-item');
+export class FileUploadItemState {
+    static create(opts) {
+        return FileUploadItemContext.set(new FileUploadItemState(opts));
+    }
+    opts;
+    constructor(opts) {
+        this.opts = opts;
+    }
+}
+// -- Preview Image State --
+export class FileUploadPreviewImageState {
+    static create() {
+        return new FileUploadPreviewImageState(FileUploadItemContext.get());
+    }
+    item$;
+    #imageUrl = $state(null);
+    constructor(item$) {
+        this.item$ = item$;
+        watch(() => this.item$.opts.file.current, (file) => {
+            const objectUrl = URL.createObjectURL(file);
+            this.imageUrl = objectUrl;
+            return () => {
+                URL.revokeObjectURL(objectUrl);
+            };
+        });
+    }
+    get imageUrl() {
+        return this.#imageUrl;
+    }
+    set imageUrl(value) {
+        this.#imageUrl = value;
+    }
+}
+export class FileUploadDeleteTriggerState {
+    static create(opts) {
+        return new FileUploadDeleteTriggerState(opts, FileUploadRootContext.get(), FileUploadItemContext.get());
+    }
+    root$;
+    item$;
+    opts;
+    attachment;
+    constructor(opts, root$, item$) {
+        this.onClick = this.onClick.bind(this);
+        this.root$ = root$;
+        this.item$ = item$;
+        this.opts = opts;
+        this.attachment = attachRef(opts.ref);
+    }
+    onClick() {
+        this.root$.removeFile(this.item$.opts.file.current);
+    }
+    props = $derived.by(() => ({
+        id: this.opts.id.current,
+        onclick: this.onClick,
+        'data-slot': 'file-upload-delete-trigger',
+        role: 'presentation',
+        ...this.attachment,
+    }));
+}
+export class FileUploadClearTriggerState {
+    static create(opts) {
+        return new FileUploadClearTriggerState(opts, FileUploadRootContext.get());
+    }
+    root$;
+    opts;
+    attachment;
+    constructor(opts, root$) {
+        this.onClick = this.onClick.bind(this);
+        this.root$ = root$;
+        this.opts = opts;
+        this.attachment = attachRef(opts.ref);
+    }
+    onClick() {
+        this.root$.clearFiles();
+    }
+    props = $derived.by(() => ({
+        id: this.opts.id.current,
+        onclick: this.onClick,
+        'data-slot': 'file-upload-clear-trigger',
+        ...this.attachment,
+    }));
+}
+// --- Utils ---
+export function formatFileSize(bytes) {
+    if (bytes < 1024)
+        return `${bytes} B`;
+    if (bytes < 1024 * 1024)
+        return `${(bytes / 1024).toFixed(1)} KB`;
+    return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+}

package/dist/primitives/file-upload/styles.d.ts

@@ -0,0 +1,80 @@
+import type { VariantProps } from 'tailwind-variants';
+export declare const fileUploadRootVariants: import("tailwind-variants").TVReturnType<{
+    disabled: {
+        true: string;
+    };
+}, undefined, string[], {
+    disabled: {
+        true: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    disabled: {
+        true: string;
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+export declare const fileUploadDropzoneVariants: import("tailwind-variants").TVReturnType<{
+    dragging: {
+        true: string;
+    };
+    invalid: {
+        true: string;
+    };
+    disabled: {
+        true: string;
+    };
+}, undefined, string[], {
+    dragging: {
+        true: string;
+    };
+    invalid: {
+        true: string;
+    };
+    disabled: {
+        true: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    dragging: {
+        true: string;
+    };
+    invalid: {
+        true: string;
+    };
+    disabled: {
+        true: string;
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+export declare const fileUploadTriggerVariants: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const fileUploadItemGroupVariants: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const fileUploadItemVariants: import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: string;
+        none: string;
+    };
+}, undefined, string[], {
+    variant: {
+        default: string;
+        none: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: string;
+        none: string;
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+export declare const fileUploadItemPreviewVariants: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const fileUploadItemPreviewImageVariants: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const fileUploadItemNameVariants: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const fileUploadItemSizeTextVariants: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const fileUploadItemDeleteTriggerVariants: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const fileUploadClearTriggerVariants: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export type FileUploadRootVariantsProps = VariantProps<typeof fileUploadRootVariants>;
+export type FileUploadDropzoneVariantsProps = VariantProps<typeof fileUploadDropzoneVariants>;
+export type FileUploadTriggerVariantsProps = VariantProps<typeof fileUploadTriggerVariants>;
+export type FileUploadItemGroupVariantsProps = VariantProps<typeof fileUploadItemGroupVariants>;
+export type FileUploadItemVariantsProps = VariantProps<typeof fileUploadItemVariants>;
+export type FileUploadItemPreviewVariantsProps = VariantProps<typeof fileUploadItemPreviewVariants>;
+export type FileUploadItemPreviewImageVariantsProps = VariantProps<typeof fileUploadItemPreviewImageVariants>;
+export type FileUploadItemNameVariantsProps = VariantProps<typeof fileUploadItemNameVariants>;
+export type FileUploadItemSizeTextVariantsProps = VariantProps<typeof fileUploadItemSizeTextVariants>;
+export type FileUploadItemDeleteTriggerVariantsProps = VariantProps<typeof fileUploadItemDeleteTriggerVariants>;
+export type FileUploadClearTriggerVariantsProps = VariantProps<typeof fileUploadClearTriggerVariants>;

package/dist/primitives/file-upload/styles.js

@@ -0,0 +1,69 @@
+import { tv } from '../../internal/utils/tailwindcss.js';
+export const fileUploadRootVariants = tv({
+    base: ['cgui:flex cgui:flex-col cgui:gap-3'],
+    variants: {
+        disabled: {
+            true: 'cgui:opacity-50 cgui:pointer-events-none',
+        },
+    },
+});
+export const fileUploadDropzoneVariants = tv({
+    base: [
+        'cgui:flex cgui:flex-col cgui:items-center cgui:justify-center cgui:gap-2 cgui:p-4',
+        'cgui:rounded-md cgui:border cgui:border-dashed cgui:border-stroke-default',
+        'cgui:cursor-pointer',
+        'cgui:transition-colors cgui:duration-200',
+    ],
+    variants: {
+        dragging: {
+            true: 'cgui:border-stroke-primary cgui:bg-surface-primary/5',
+        },
+        invalid: {
+            true: 'cgui:border-stroke-error',
+        },
+        disabled: {
+            true: 'cgui:cursor-not-allowed',
+        },
+    },
+});
+export const fileUploadTriggerVariants = tv({
+    base: ['cgui:cursor-pointer'],
+});
+export const fileUploadItemGroupVariants = tv({
+    base: ['cgui:flex cgui:flex-col cgui:gap-2 cgui:list-none cgui:p-0 cgui:m-0'],
+});
+export const fileUploadItemVariants = tv({
+    base: ['cgui:flex cgui:items-center cgui:gap-3'],
+    variants: {
+        variant: {
+            default: 'cgui:rounded-sm cgui:border cgui:border-stroke-default cgui:p-2',
+            none: '',
+        },
+    },
+});
+export const fileUploadItemPreviewVariants = tv({
+    base: [
+        'cgui:size-10 cgui:shrink-0 cgui:flex cgui:items-center cgui:text-icon-regular cgui:[&>svg]:size-6 cgui:justify-center cgui:overflow-hidden cgui:rounded-xs',
+    ],
+});
+export const fileUploadItemPreviewImageVariants = tv({
+    base: ['cgui:size-full cgui:object-cover'],
+});
+export const fileUploadItemNameVariants = tv({
+    base: ['cgui:text-body-2 cgui:text-fg-darkest cgui:truncate cgui:flex-1'],
+});
+export const fileUploadItemSizeTextVariants = tv({
+    base: ['cgui:text-caption-2 cgui:text-fg-regular cgui:shrink-0'],
+});
+export const fileUploadItemDeleteTriggerVariants = tv({
+    base: [
+        'cgui:shrink-0 cgui:size-6 cgui:flex cgui:items-center cgui:justify-center',
+        'cgui:rounded-xs cgui:cursor-pointer',
+        'cgui:text-fg-regular cgui:hover:text-fg-darkest',
+        'cgui:transition-colors cgui:duration-200',
+        'cgui:[&>svg]:size-4 cgui:text-icon-regular',
+    ],
+});
+export const fileUploadClearTriggerVariants = tv({
+    base: ['cgui:cursor-pointer cgui:[&>svg]:size-4 cgui:text-icon-regular'],
+});

package/dist/primitives/file-upload/types.d.ts

@@ -0,0 +1,75 @@
+import type { Without } from '../../internal/types/common.js';
+import type { WithVariants } from '../../internal/types/composition.js';
+import type { PrimitiveButtonAttributes, PrimitiveDivAttributes, PrimitiveImgAttributes, PrimitiveInputAttributes, PrimitiveLiAttributes, PrimitiveUListAttributes } from '../../internal/types/html-attributes.js';
+import type { Snippet } from 'svelte';
+import type { WithChildren, WithElementRef } from 'svelte-toolbelt';
+import type { FileUploadClearTriggerVariantsProps, FileUploadDropzoneVariantsProps, FileUploadItemDeleteTriggerVariantsProps, FileUploadItemGroupVariantsProps, FileUploadItemNameVariantsProps, FileUploadItemPreviewImageVariantsProps, FileUploadItemPreviewVariantsProps, FileUploadItemSizeTextVariantsProps, FileUploadItemVariantsProps, FileUploadTriggerVariantsProps } from './styles.js';
+export type FileError = 'TOO_MANY_FILES' | 'FILE_INVALID_TYPE' | 'FILE_TOO_LARGE';
+export type RejectedFile = {
+    file: File;
+    errors: FileError[];
+};
+export type FileAcceptDetails = {
+    files: File[];
+};
+export type FileRejectDetails = {
+    files: RejectedFile[];
+};
+export type FileChangeDetails = {
+    acceptedFiles: File[];
+    rejectedFiles: RejectedFile[];
+};
+type FileUploadRootPropsWithoutHTML = WithElementRef<WithChildren<{
+    acceptedFiles?: File[];
+    rejectedFiles?: RejectedFile[];
+    accept?: string;
+    maxFiles?: number;
+    maxFileSize?: number;
+    disabled?: boolean;
+    invalid?: boolean;
+    onFileAccept?: (details: FileAcceptDetails) => void;
+    onFileReject?: (details: FileRejectDetails) => void;
+    onFileChange?: (details: FileChangeDetails) => void;
+}>>;
+export type FileUploadRootProps = FileUploadRootPropsWithoutHTML & Without<PrimitiveDivAttributes, FileUploadRootPropsWithoutHTML>;
+type FileUploadDropzonePropsWithoutHTML = WithVariants<WithElementRef<WithChildren<{
+    disableClick?: boolean;
+}>>, FileUploadDropzoneVariantsProps>;
+export type FileUploadDropzoneProps = FileUploadDropzonePropsWithoutHTML & Without<PrimitiveDivAttributes, FileUploadDropzonePropsWithoutHTML>;
+type FileUploadTriggerPropsWithoutHTML = WithVariants<WithElementRef<WithChildren<{}>>, FileUploadTriggerVariantsProps>;
+export type FileUploadTriggerProps = FileUploadTriggerPropsWithoutHTML & Without<PrimitiveButtonAttributes, FileUploadTriggerPropsWithoutHTML>;
+type FileUploadHiddenInputPropsWithoutHTML = WithElementRef<{}>;
+export type FileUploadHiddenInputProps = FileUploadHiddenInputPropsWithoutHTML & Without<PrimitiveInputAttributes, FileUploadHiddenInputPropsWithoutHTML>;
+type FileUploadItemGroupPropsWithoutHTML = WithVariants<WithElementRef<WithChildren<{}>>, FileUploadItemGroupVariantsProps>;
+export type FileUploadItemGroupProps = FileUploadItemGroupPropsWithoutHTML & Without<PrimitiveUListAttributes, FileUploadItemGroupPropsWithoutHTML>;
+type FileUploadItemPropsWithoutHTML = WithVariants<WithElementRef<WithChildren<{
+    file: File;
+}>>, FileUploadItemVariantsProps>;
+export type FileUploadItemProps = FileUploadItemPropsWithoutHTML & Without<PrimitiveLiAttributes, FileUploadItemPropsWithoutHTML>;
+type FileUploadItemPreviewPropsWithoutHTML = WithVariants<WithElementRef<WithChildren<{
+    type?: string;
+}>>, FileUploadItemPreviewVariantsProps>;
+export type FileUploadItemPreviewProps = FileUploadItemPreviewPropsWithoutHTML & Without<PrimitiveDivAttributes, FileUploadItemPreviewPropsWithoutHTML>;
+type FileUploadItemPreviewImagePropsWithoutHTML = WithVariants<WithElementRef<{}>, FileUploadItemPreviewImageVariantsProps>;
+export type FileUploadItemPreviewImageProps = FileUploadItemPreviewImagePropsWithoutHTML & Without<PrimitiveImgAttributes, FileUploadItemPreviewImagePropsWithoutHTML>;
+type FileUploadItemNamePropsWithoutHTML = WithVariants<WithElementRef<WithChildren<{}>>, FileUploadItemNameVariantsProps>;
+export type FileUploadItemNameProps = FileUploadItemNamePropsWithoutHTML & Without<PrimitiveDivAttributes, FileUploadItemNamePropsWithoutHTML>;
+type FileUploadItemSizeTextPropsWithoutHTML = WithVariants<WithElementRef<WithChildren<{}>>, FileUploadItemSizeTextVariantsProps>;
+export type FileUploadItemSizeTextProps = FileUploadItemSizeTextPropsWithoutHTML & Without<PrimitiveDivAttributes, FileUploadItemSizeTextPropsWithoutHTML>;
+type FileUploadItemDeleteTriggerPropsWithoutHTML = WithVariants<WithElementRef<WithChildren<{}>>, FileUploadItemDeleteTriggerVariantsProps>;
+export type FileUploadItemDeleteTriggerProps = FileUploadItemDeleteTriggerPropsWithoutHTML & Without<PrimitiveButtonAttributes, FileUploadItemDeleteTriggerPropsWithoutHTML>;
+type FileUploadClearTriggerPropsWithoutHTML = WithVariants<WithElementRef<WithChildren<{}>>, FileUploadClearTriggerVariantsProps>;
+export type FileUploadClearTriggerProps = FileUploadClearTriggerPropsWithoutHTML & Without<PrimitiveButtonAttributes, FileUploadClearTriggerPropsWithoutHTML>;
+export type FileUploadContext = {
+    readonly acceptedFiles: () => File[];
+    readonly rejectedFiles: () => RejectedFile[];
+    readonly dragging: () => boolean;
+    addFiles(files: FileList | File[]): void;
+    removeFile(file: File): void;
+    clearFiles(): void;
+    openFilePicker(): void;
+};
+export type FileUploadContextProps = {
+    children?: Snippet<[FileUploadContext]>;
+};
+export {};

package/dist/primitives/file-upload/types.js

@@ -0,0 +1 @@
+export {};

package/dist/primitives/index.d.ts

@@ -0,0 +1,32 @@
+export * from './app-shell/index.js';
+export * from './button/index.js';
+export * from './badge/index.js';
+export * from './breadcrumb/index.js';
+export * from './button-group/index.js';
+export * from './checkbox/index.js';
+export * from './chip/index.js';
+export * from './collapsible/index.js';
+export * from './combobox/index.js';
+export * from './command/index.js';
+export * from './dialog/index.js';
+export * from './drawer/index.js';
+export * from './dropdown/index.js';
+export * from './field/index.js';
+export * from './file-upload/index.js';
+export * from './input/index.js';
+export * from './input-password/index.js';
+export * from './kbd/index.js';
+export * from './navigation/index.js';
+export * from './number-input/index.js';
+export * from './pagination/index.js';
+export * from './pill/index.js';
+export * from './popover/index.js';
+export * from './separator/index.js';
+export * from './segment/index.js';
+export * from './select/index.js';
+export * from './skeleton/index.js';
+export * from './slider/index.js';
+export * from './spinner/index.js';
+export * from './switch/index.js';
+export * from './textarea/index.js';
+export * from './toast/index.js';

package/dist/primitives/index.js

@@ -0,0 +1,32 @@
+export * from './app-shell/index.js';
+export * from './button/index.js';
+export * from './badge/index.js';
+export * from './breadcrumb/index.js';
+export * from './button-group/index.js';
+export * from './checkbox/index.js';
+export * from './chip/index.js';
+export * from './collapsible/index.js';
+export * from './combobox/index.js';
+export * from './command/index.js';
+export * from './dialog/index.js';
+export * from './drawer/index.js';
+export * from './dropdown/index.js';
+export * from './field/index.js';
+export * from './file-upload/index.js';
+export * from './input/index.js';
+export * from './input-password/index.js';
+export * from './kbd/index.js';
+export * from './navigation/index.js';
+export * from './number-input/index.js';
+export * from './pagination/index.js';
+export * from './pill/index.js';
+export * from './popover/index.js';
+export * from './separator/index.js';
+export * from './segment/index.js';
+export * from './select/index.js';
+export * from './skeleton/index.js';
+export * from './slider/index.js';
+export * from './spinner/index.js';
+export * from './switch/index.js';
+export * from './textarea/index.js';
+export * from './toast/index.js';

package/dist/primitives/input/components/index.d.ts

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

package/dist/primitives/input/components/index.js

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