@apple-pie/slice 0.0.5 → 0.0.7

package/dist/esm/uikit/RadioButton/index.mjs

@@ -0,0 +1,39 @@
+export { R as RadioButton } from "../../chunks/RadioButton-D-TdQu3a.mjs";
+
+import "../../chunks/tslib.es6-c-7TIv71.mjs";
+
+import "react/jsx-runtime";
+
+import "react";
+
+import "../../hooks/useTheme.mjs";
+
+import "../../theme/themes.mjs";
+
+import "../../theme/colors.mjs";
+
+import "../../theme/corners.mjs";
+
+import "../../theme/elevations.mjs";
+
+import "../../theme/type.mjs";
+
+import "../../hooks/useObserveTheme.mjs";
+
+import "../../hooks/useWindow.mjs";
+
+import "../../chunks/IconButton-BBiZrXlS.mjs";
+
+import "motion/react";
+
+import "../../chunks/Badge-BISGWj5-.mjs";
+
+import "../../chunks/style-inject.es-D0BjEaN8.mjs";
+
+import "../../chunks/Dot-C-Xu24wF.mjs";
+
+import "../../chunks/_types-KZDzhaiK.mjs";
+
+import "../../chunks/utils-BQ1v7VE4.mjs";
+
+import "../../chunks/sharedTypes-tn9-uJvb.mjs";

package/dist/esm/uikit/RadioButtonList/index.mjs

@@ -0,0 +1,41 @@
+export { R as RadioButtonList } from "../../chunks/RadioButtonList-CEScWkbT.mjs";
+
+import "../../chunks/tslib.es6-c-7TIv71.mjs";
+
+import "react/jsx-runtime";
+
+import "react";
+
+import "../../chunks/RadioButton-D-TdQu3a.mjs";
+
+import "../../hooks/useTheme.mjs";
+
+import "../../theme/themes.mjs";
+
+import "../../theme/colors.mjs";
+
+import "../../theme/corners.mjs";
+
+import "../../theme/elevations.mjs";
+
+import "../../theme/type.mjs";
+
+import "../../hooks/useObserveTheme.mjs";
+
+import "../../hooks/useWindow.mjs";
+
+import "../../chunks/IconButton-BBiZrXlS.mjs";
+
+import "motion/react";
+
+import "../../chunks/Badge-BISGWj5-.mjs";
+
+import "../../chunks/style-inject.es-D0BjEaN8.mjs";
+
+import "../../chunks/Dot-C-Xu24wF.mjs";
+
+import "../../chunks/_types-KZDzhaiK.mjs";
+
+import "../../chunks/utils-BQ1v7VE4.mjs";
+
+import "../../chunks/sharedTypes-tn9-uJvb.mjs";

package/dist/esm/uikit/Slider/index.mjs

@@ -0,0 +1,13 @@
+export { S as Slider } from "../../chunks/Slider-C3A8GCfH.mjs";
+
+import "../../chunks/tslib.es6-c-7TIv71.mjs";
+
+import "react/jsx-runtime";
+
+import "react";
+
+import "../../hooks/useObserveResize.mjs";
+
+import "../../chunks/utils-BQ1v7VE4.mjs";
+
+import "../../chunks/style-inject.es-D0BjEaN8.mjs";

package/dist/esm/uikit/Spacer/index.mjs

@@ -0,0 +1,7 @@
+export { S as Spacer } from "../../chunks/Spacer-BlgEdKEM.mjs";
+
+import "../../chunks/tslib.es6-c-7TIv71.mjs";
+
+import "react/jsx-runtime";
+
+import "react";

package/dist/esm/uikit/Switch/index.mjs

@@ -0,0 +1,11 @@
+export { S as Switch } from "../../chunks/Switch-obpmvCGd.mjs";
+
+import "../../chunks/tslib.es6-c-7TIv71.mjs";
+
+import "react/jsx-runtime";
+
+import "motion/react";
+
+import "react";
+
+import "../../chunks/style-inject.es-D0BjEaN8.mjs";

package/dist/esm/uikit/TabBar/index.mjs

@@ -0,0 +1,39 @@
+export { T as TabBar } from "../../chunks/TabBar-DFj021UP.mjs";
+
+import "../../chunks/tslib.es6-c-7TIv71.mjs";
+
+import "react/jsx-runtime";
+
+import "react";
+
+import "../../hooks/useTheme.mjs";
+
+import "../../theme/themes.mjs";
+
+import "../../theme/colors.mjs";
+
+import "../../theme/corners.mjs";
+
+import "../../theme/elevations.mjs";
+
+import "../../theme/type.mjs";
+
+import "../../hooks/useObserveTheme.mjs";
+
+import "../../hooks/useWindow.mjs";
+
+import "../../chunks/Badge-BISGWj5-.mjs";
+
+import "../../chunks/style-inject.es-D0BjEaN8.mjs";
+
+import "../../chunks/_types-KZDzhaiK.mjs";
+
+import "../../chunks/utils-BQ1v7VE4.mjs";
+
+import "../../chunks/IconButton-BBiZrXlS.mjs";
+
+import "motion/react";
+
+import "../../chunks/Dot-C-Xu24wF.mjs";
+
+import "../../chunks/sharedTypes-tn9-uJvb.mjs";

package/dist/esm/uikit/TextArea/index.mjs

@@ -0,0 +1,41 @@
+export { T as TextArea } from "../../chunks/TextArea-D_hq6VF3.mjs";
+
+import "../../chunks/tslib.es6-c-7TIv71.mjs";
+
+import "react/jsx-runtime";
+
+import "react";
+
+import "../../chunks/Button-B_aIY6wE.mjs";
+
+import "motion/react";
+
+import "../../chunks/Badge-BISGWj5-.mjs";
+
+import "../../chunks/style-inject.es-D0BjEaN8.mjs";
+
+import "../../chunks/Dot-C-Xu24wF.mjs";
+
+import "../../chunks/_types-KZDzhaiK.mjs";
+
+import "../../hooks/useTheme.mjs";
+
+import "../../theme/themes.mjs";
+
+import "../../theme/colors.mjs";
+
+import "../../theme/corners.mjs";
+
+import "../../theme/elevations.mjs";
+
+import "../../theme/type.mjs";
+
+import "../../hooks/useObserveTheme.mjs";
+
+import "../../hooks/useWindow.mjs";
+
+import "../../chunks/utils-BQ1v7VE4.mjs";
+
+import "../../chunks/ProgressIndicator-CNOBQ_Fv.mjs";
+
+import "../../chunks/sharedTypes-tn9-uJvb.mjs";

package/dist/esm/uikit/Textfield/index.mjs

@@ -0,0 +1,43 @@
+export { T as TextField } from "../../chunks/TextField-Co0u-xdd.mjs";
+
+import "../../chunks/tslib.es6-c-7TIv71.mjs";
+
+import "react/jsx-runtime";
+
+import "motion/react";
+
+import "react";
+
+import "../../hooks/useTheme.mjs";
+
+import "../../theme/themes.mjs";
+
+import "../../theme/colors.mjs";
+
+import "../../theme/corners.mjs";
+
+import "../../theme/elevations.mjs";
+
+import "../../theme/type.mjs";
+
+import "../../hooks/useObserveTheme.mjs";
+
+import "../../hooks/useWindow.mjs";
+
+import "../../chunks/Button-B_aIY6wE.mjs";
+
+import "../../chunks/Badge-BISGWj5-.mjs";
+
+import "../../chunks/style-inject.es-D0BjEaN8.mjs";
+
+import "../../chunks/Dot-C-Xu24wF.mjs";
+
+import "../../chunks/_types-KZDzhaiK.mjs";
+
+import "../../chunks/utils-BQ1v7VE4.mjs";
+
+import "../../chunks/ProgressIndicator-CNOBQ_Fv.mjs";
+
+import "../../chunks/sharedTypes-tn9-uJvb.mjs";
+
+import "../../chunks/IconButton-BBiZrXlS.mjs";

package/dist/esm/uikit/Tip/index.mjs

@@ -0,0 +1,13 @@
+export { T as Tip } from "../../chunks/Tip-CHQh-Yq0.mjs";
+
+import "../../chunks/tslib.es6-c-7TIv71.mjs";
+
+import "react/jsx-runtime";
+
+import "motion/react";
+
+import "react";
+
+import "../../chunks/utils-BQ1v7VE4.mjs";
+
+import "../../chunks/style-inject.es-D0BjEaN8.mjs";

package/dist/esm/uikit/Toast/index.mjs

@@ -0,0 +1,31 @@
+export { T as Toast, a as ToastType } from "../../chunks/Toast-BiXzVFtM.mjs";
+
+import "../../chunks/tslib.es6-c-7TIv71.mjs";
+
+import "react/jsx-runtime";
+
+import "motion/react";
+
+import "react";
+
+import "../../hooks/useTheme.mjs";
+
+import "../../theme/themes.mjs";
+
+import "../../theme/colors.mjs";
+
+import "../../theme/corners.mjs";
+
+import "../../theme/elevations.mjs";
+
+import "../../theme/type.mjs";
+
+import "../../hooks/useObserveTheme.mjs";
+
+import "../../hooks/useWindow.mjs";
+
+import "../../chunks/utils-BQ1v7VE4.mjs";
+
+import "../../chunks/_types-KZDzhaiK.mjs";
+
+import "../../chunks/style-inject.es-D0BjEaN8.mjs";

package/dist/esm/uikit/UploadArea/index.mjs

@@ -0,0 +1,37 @@
+export { U as UploadArea, a as allTypes, b as audioTypes, d as documentTypes, i as imageTypes, t as textTypes, v as videoTypes } from "../../chunks/UploadArea-B9685Z06.mjs";
+
+import "react/jsx-runtime";
+
+import "react";
+
+import "../../chunks/utils-BQ1v7VE4.mjs";
+
+import "../../chunks/tslib.es6-c-7TIv71.mjs";
+
+import "../../chunks/FileList-DUzgHfE-.mjs";
+
+import "../../chunks/FileIcon-BcIJzIwA.mjs";
+
+import "../../hooks/useTheme.mjs";
+
+import "../../theme/themes.mjs";
+
+import "../../theme/colors.mjs";
+
+import "../../theme/corners.mjs";
+
+import "../../theme/elevations.mjs";
+
+import "../../theme/type.mjs";
+
+import "../../hooks/useObserveTheme.mjs";
+
+import "../../hooks/useWindow.mjs";
+
+import "../../chunks/_types-KZDzhaiK.mjs";
+
+import "../../chunks/ProgressIndicator-CNOBQ_Fv.mjs";
+
+import "motion/react";
+
+import "../../chunks/style-inject.es-D0BjEaN8.mjs";

package/dist/esm/workers/uploads/uploads.mjs

@@ -0,0 +1,5 @@
+import { r as registerUploadsWorker } from "../../chunks/uploads-worker-Dv-4zGnC.mjs";
+
+import "../../chunks/tslib.es6-c-7TIv71.mjs";
+
+registerUploadsWorker();

package/dist/types/index.d.ts

@@ -73,3 +73,6 @@ export { Card } from './uikit/Card';
 export type { CardProps } from './uikit/Card/_types';
 export { Label } from './uikit/Label';
 export type { LabelProps } from './uikit/Label';
+export { UploadArea } from './uikit/UploadArea';
+export type { UploadAreaProps } from './uikit/UploadArea/_types';
+export { imageTypes, videoTypes, documentTypes, audioTypes, textTypes, allTypes, } from './uikit/UploadArea/_types';

package/dist/types/stores/index.d.ts

@@ -1,3 +1,4 @@
 export * from './toast';
 export * from './tip';
+export * from './uploads';
 export * from './window';

package/dist/types/stores/uploads/_types.d.ts

@@ -0,0 +1,16 @@
+import type { ConfigurationOptions, Upload, UploadInput, UploadWorkerMessage, UploadWorkerResponse, WorkerStatus } from '../../workers/uploads/uploads-worker';
+export type UploadsStoreState = {
+    uploads: Upload[];
+    workerStatus: WorkerStatus;
+    initialized: boolean;
+    error: string | null;
+    actions: {
+        initialize: (options: ConfigurationOptions, worker: UploadsWorkerInstance) => UploadsWorkerInstance;
+        push: (files: File | UploadInput | Array<File | UploadInput>) => void;
+        reset: () => void;
+    };
+};
+export type UploadsWorkerInstance = Worker & {
+    postMessage: (message: UploadWorkerMessage) => void;
+    onmessage: ((event: MessageEvent<UploadWorkerResponse>) => void) | null;
+};

package/dist/types/stores/uploads/index.d.ts

@@ -0,0 +1,2 @@
+export * from './_types';
+export * from './uploadsStore';

package/dist/types/stores/uploads/uploadsStore.d.ts

@@ -0,0 +1,22 @@
+import { type ConfigurationOptions, type UploadInput, WorkerStatus } from '../../workers/uploads/uploads-worker';
+import type { UploadsStoreState, UploadsWorkerInstance } from './_types';
+export declare function createUploadsWorker(workerUrl?: string | URL): UploadsWorkerInstance;
+export declare const useUploadsStore: import("zustand").UseBoundStore<import("zustand").StoreApi<UploadsStoreState>>;
+export declare const useUploads: () => import("../../workers/uploads/uploads-worker").Upload[];
+export declare const useUploadsWorkerStatus: () => WorkerStatus;
+export declare const useUploadsInitialized: () => boolean;
+export declare const useUploadsError: () => string | null;
+export declare const useUploadsActions: () => {
+    initialize: (options: ConfigurationOptions, worker: UploadsWorkerInstance) => UploadsWorkerInstance;
+    push: (files: File | UploadInput | Array<File | UploadInput>) => void;
+    reset: () => void;
+};
+export declare const uploadsActions: {
+    initialize: (options: ConfigurationOptions, worker: UploadsWorkerInstance) => UploadsWorkerInstance;
+    push: (files: File | UploadInput | Array<File | UploadInput>) => void;
+    reset: () => void;
+};
+export declare const getUploads: () => import("../../workers/uploads/uploads-worker").Upload[];
+export declare const getUploadsWorkerStatus: () => WorkerStatus;
+export declare const uploadsInitialized: () => boolean;
+export declare const getUploadsError: () => string | null;

package/dist/types/uikit/FileList/_types.d.ts

@@ -17,6 +17,7 @@ type FileListBaseProps = {
     iconSize?: number;
     onChange?: (files: FileItem[]) => void;
     bgColor?: string;
+    canRemove?: boolean;
     onToolTip?: (tip: ToolTip | null) => void;
 };
 export type FileListProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof FileListBaseProps> & FileListBaseProps;

package/dist/types/uikit/UploadArea/UploadArea.d.ts

@@ -0,0 +1,54 @@
+import React from 'react';
+export declare const UploadArea: React.NamedExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, keyof {
+    icon?: string;
+    iconSize?: number;
+    iconColor?: string;
+    iconColorHover?: string;
+    width?: number | string;
+    height?: number | string;
+    title?: string;
+    message?: string;
+    busyMessage?: string;
+    bgColor?: string;
+    bgColorHover?: string;
+    border?: number;
+    borderColor?: string | null;
+    borderColorHover?: string | null;
+    borderStyle?: string;
+    textSize?: "s" | "m" | "l";
+    padding?: number | string;
+    radius?: number | string;
+    acceptedTypes?: string[];
+    multiple?: boolean;
+    busy?: boolean;
+    showProgress?: boolean;
+    files?: import("../FileList").FileItem[];
+    canRemove?: boolean;
+    onUpload?: (files: File[]) => void;
+}> & {
+    icon?: string;
+    iconSize?: number;
+    iconColor?: string;
+    iconColorHover?: string;
+    width?: number | string;
+    height?: number | string;
+    title?: string;
+    message?: string;
+    busyMessage?: string;
+    bgColor?: string;
+    bgColorHover?: string;
+    border?: number;
+    borderColor?: string | null;
+    borderColorHover?: string | null;
+    borderStyle?: string;
+    textSize?: "s" | "m" | "l";
+    padding?: number | string;
+    radius?: number | string;
+    acceptedTypes?: string[];
+    multiple?: boolean;
+    busy?: boolean;
+    showProgress?: boolean;
+    files?: import("../FileList").FileItem[];
+    canRemove?: boolean;
+    onUpload?: (files: File[]) => void;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/types/uikit/UploadArea/_types.d.ts

@@ -0,0 +1,46 @@
+import type React from 'react';
+import type { FileItem } from '../FileList';
+export declare const imageTypes: string[];
+export declare const videoTypes: string[];
+export declare const documentTypes: string[];
+export declare const audioTypes: string[];
+export declare const textTypes: string[];
+export declare const allTypes: string[];
+export declare enum FileTypes {
+    images = "images",
+    videos = "videos",
+    documents = "documents",
+    audio = "audio",
+    text = "text",
+    all = "all",
+    custom = "custom"
+}
+type UploadAreaBaseProps = {
+    icon?: string;
+    iconSize?: number;
+    iconColor?: string;
+    iconColorHover?: string;
+    width?: number | string;
+    height?: number | string;
+    title?: string;
+    message?: string;
+    busyMessage?: string;
+    bgColor?: string;
+    bgColorHover?: string;
+    border?: number;
+    borderColor?: string | null;
+    borderColorHover?: string | null;
+    borderStyle?: string;
+    textSize?: 's' | 'm' | 'l';
+    padding?: number | string;
+    radius?: number | string;
+    acceptedTypes?: string[];
+    multiple?: boolean;
+    busy?: boolean;
+    showProgress?: boolean;
+    files?: FileItem[];
+    canRemove?: boolean;
+    onUpload?: (files: File[]) => void;
+};
+export type UploadAreaProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof UploadAreaBaseProps> & UploadAreaBaseProps;
+export {};

package/dist/types/uikit/UploadArea/index.d.ts

@@ -0,0 +1,3 @@
+export { UploadArea } from './UploadArea';
+export type { UploadAreaProps } from './_types';
+export { imageTypes, videoTypes, documentTypes, audioTypes, textTypes, allTypes, } from './_types';

package/dist/types/util/utils.d.ts

@@ -47,3 +47,7 @@ export declare function setStyle(value: string | number | undefined, defaultVal?
  * Copy to clipboard
  */
 export declare const copyToClipboard: (rawContent: string) => Promise<boolean>;
+/**
+ * Create a tint value from a hex color
+ */
+export declare const tintFromColor: (hex: string, percent: number) => string;

package/dist/types/workers/uploads/uploads-worker.d.ts

@@ -0,0 +1,129 @@
+export declare enum FileUploadStatus {
+    queued = "pending",
+    uploading = "uploading",
+    completed = "completed",
+    failed = "failed"
+}
+export declare enum UploadError {
+    SizeExceedsLimit = "size exceed limit",
+    TypeNotAllowed = "file type not allowed",
+    UploadFailed = "upload failed",
+    UploadURLNotFound = "invalid upload url",
+    AccessForbidden = "upload access forbidden",
+    NotAuthorized = "upload not authorized on server",
+    TooLarge = "payload too large for server",
+    MediaNotSupported = "server does not supported file type",
+    InternalError = "Internal server error",
+    Other = "Other server error"
+}
+export type Upload = {
+    id: string;
+    file: File;
+    uploadURL?: string;
+    status: FileUploadStatus;
+    error?: UploadError;
+    progress?: number;
+};
+export type UploadInput = {
+    file: File;
+    uploadURL?: string;
+};
+export type ConfigurationOptions = {
+    uploadURL: string;
+    maxQueueSize?: number;
+    maxFileSize?: number;
+    accepted?: string[];
+    maxConcurrentUploads?: number;
+};
+export type UploadStatusMessage = {
+    type: 'status';
+    uploads: Upload[];
+    workerStatus: WorkerStatus;
+};
+export type UploadWorkerErrorMessage = {
+    type: 'error';
+    message: string;
+};
+export type UploadWorkerMessage = {
+    type: 'initialize';
+    options: ConfigurationOptions;
+} | {
+    type: 'add-files';
+    files: UploadInput[];
+} | {
+    type: 'clear-uploads';
+};
+export type UploadWorkerResponse = UploadStatusMessage | UploadWorkerErrorMessage;
+export interface UploadWorkerBridge {
+    updateStatus(status: Upload[]): void;
+}
+export declare enum WorkerStatus {
+    Idle = "idle",
+    Busy = "busy"
+}
+export declare class UploadWorkerClient implements UploadWorkerBridge {
+    private readonly target;
+    private readonly getWorkerStatus;
+    constructor(target: {
+        postMessage: (message: UploadWorkerResponse) => void;
+    }, getWorkerStatus: () => WorkerStatus);
+    updateStatus(status: Upload[]): void;
+}
+type UploadWorkerTarget = {
+    onmessage: ((event: MessageEvent<UploadWorkerMessage>) => void) | null;
+    postMessage: (message: UploadWorkerResponse) => void;
+};
+export declare class UploadsWorker {
+    private readonly uploadURL;
+    private readonly maxQueueSize;
+    private readonly maxFileSize;
+    private readonly accepted;
+    private readonly maxConcurrentUploads;
+    private readonly worker;
+    private readonly queue;
+    private readonly active;
+    private readonly completed;
+    private readonly failed;
+    private workerStatus;
+    constructor(options: ConfigurationOptions, worker?: UploadWorkerBridge);
+    /**
+     * Add new files to the upload queue
+     */
+    addFiles(file: UploadInput | File | Array<UploadInput | File>): void;
+    /**
+     * Stop activity and flush all maps / data
+     */
+    clearUploads(): void;
+    /**
+     * Start the processing files in the upload queue
+     */
+    process(): void;
+    get status(): WorkerStatus;
+    private startUpload;
+    /**
+     * perform the actual upload
+     */
+    private uploadFile;
+    /**
+     * Update the active upload with new data
+     */
+    private updateUploadStatus;
+    /**
+     * Create array with the current state of all uploads
+     */
+    private currentStatus;
+    /**
+     * Push status updates to the web worker
+     */
+    private notifyStatus;
+}
+export declare class UploadsWorkerRuntime {
+    private readonly target;
+    private uploads;
+    constructor(target: UploadWorkerTarget);
+    private handleMessage;
+    private getWorkerStatus;
+    private postError;
+}
+export declare function registerUploadsWorker(target?: UploadWorkerTarget): UploadsWorkerRuntime;
+export {};

package/dist/types/workers/uploads/uploads.d.ts

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

package/dist/types/workers/uploads/uploads.runtime.d.ts

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