@digo-labs/ui 0.1.16 → 0.1.18

package/dist/providers/drawing-provider.d.ts

@@ -0,0 +1,91 @@
+import { Position, Size } from '@digo-labs/common';
+import { Color } from '..';
+import { ReactNode, Ref } from 'react';
+export type DrawingTool = 'pen' | 'eraser' | 'pan' | 'select';
+export type DrawingEraserMode = 'pixel' | 'object';
+export type DrawingStrokeTool = Extract<DrawingTool, 'pen' | 'eraser'>;
+export type DrawingExportBounds = 'content' | 'viewport';
+export interface DrawingBrush {
+    thinning: number;
+    smoothing: number;
+    streamline: number;
+    taper: number;
+}
+export interface DrawingStroke {
+    id: string;
+    tool: DrawingStrokeTool;
+    color: string;
+    size: number;
+    brush: DrawingBrush;
+    points: number[][];
+    simulatePressure: boolean;
+}
+export interface DrawingView {
+    camera: Position;
+    zoom: number;
+}
+export interface DrawingExportOptions {
+    scale?: number;
+    width?: number;
+    background?: string;
+    bounds?: DrawingExportBounds;
+    padding?: number;
+}
+export interface DrawingExport {
+    blob: Blob;
+    dataUrl: string;
+    width: number;
+    height: number;
+}
+export declare const DEFAULT_DRAWING_BRUSH: DrawingBrush;
+interface DrawingContextType {
+    tool: DrawingTool;
+    setTool: (next: DrawingTool) => void;
+    color: string;
+    setColor: (next: string | Color) => void;
+    size: number;
+    setSize: (next: number) => void;
+    eraserSize: number;
+    setEraserSize: (next: number) => void;
+    eraserMode: DrawingEraserMode;
+    setEraserMode: (next: DrawingEraserMode) => void;
+    brush: DrawingBrush;
+    setBrush: (next: DrawingBrush) => void;
+    strokes: DrawingStroke[];
+    selectedId: string | null;
+    setSelectedId: (next: string | null) => void;
+    view: DrawingView;
+    setView: (next: DrawingView) => void;
+    viewportSize: Size | null;
+    setViewportSize: (next: Size) => void;
+    canUndo: boolean;
+    canRedo: boolean;
+    isEmpty: boolean;
+    addStroke: (stroke: DrawingStroke) => void;
+    updateStroke: (id: string, points: number[][]) => void;
+    deleteStroke: (id: string) => void;
+    undo: () => void;
+    redo: () => void;
+    clear: () => void;
+    zoomIn: () => void;
+    zoomOut: () => void;
+    zoomTo: (zoom: number) => void;
+    fitToDrawing: () => void;
+    exportSvg: (options?: DrawingExportOptions) => string | null;
+    exportImage: (options?: DrawingExportOptions) => Promise<DrawingExport | null>;
+}
+export declare function useDrawing(): DrawingContextType;
+export type DrawingHandle = Pick<DrawingContextType, 'undo' | 'redo' | 'clear' | 'canUndo' | 'canRedo' | 'isEmpty' | 'fitToDrawing' | 'exportSvg' | 'exportImage'>;
+interface DrawingProviderProperties {
+    defaultTool?: DrawingTool;
+    defaultColor?: string;
+    defaultSize?: number;
+    defaultEraserSize?: number;
+    defaultEraserMode?: DrawingEraserMode;
+    defaultBrush?: DrawingBrush;
+    historyLimit?: number;
+    ref?: Ref<DrawingHandle>;
+    children: ReactNode;
+}
+export declare function DrawingProvider(properties: DrawingProviderProperties): import("react").JSX.Element;
+export {};

package/dist/styles/attachment.d.ts

@@ -0,0 +1,121 @@
+export declare const attachment: import('tailwind-variants').TVReturnType<{
+    state: {
+        idle: {};
+        uploading: {
+            image: string;
+            file: string;
+        };
+        error: {
+            image: string;
+            file: string;
+        };
+    };
+}, {
+    root: string;
+    image: string;
+    preview: string;
+    previewPopup: string;
+    previewViewport: string;
+    file: string;
+    metadata: string;
+    name: string;
+    size: string;
+    spinner: string;
+    remove: string;
+}, undefined, import('tailwind-variants/dist/config.js').TVConfig<{
+    state: {
+        idle: {};
+        uploading: {
+            image: string;
+            file: string;
+        };
+        error: {
+            image: string;
+            file: string;
+        };
+    };
+}, {
+    state: {
+        idle: {};
+        uploading: {
+            image: string;
+            file: string;
+        };
+        error: {
+            image: string;
+            file: string;
+        };
+    };
+}>, {
+    state: {
+        idle: {};
+        uploading: {
+            image: string;
+            file: string;
+        };
+        error: {
+            image: string;
+            file: string;
+        };
+    };
+}, {
+    root: string;
+    image: string;
+    preview: string;
+    previewPopup: string;
+    previewViewport: string;
+    file: string;
+    metadata: string;
+    name: string;
+    size: string;
+    spinner: string;
+    remove: string;
+}, import('tailwind-variants').TVReturnType<{
+    state: {
+        idle: {};
+        uploading: {
+            image: string;
+            file: string;
+        };
+        error: {
+            image: string;
+            file: string;
+        };
+    };
+}, {
+    root: string;
+    image: string;
+    preview: string;
+    previewPopup: string;
+    previewViewport: string;
+    file: string;
+    metadata: string;
+    name: string;
+    size: string;
+    spinner: string;
+    remove: string;
+}, undefined, import('tailwind-variants/dist/config.js').TVConfig<{
+    state: {
+        idle: {};
+        uploading: {
+            image: string;
+            file: string;
+        };
+        error: {
+            image: string;
+            file: string;
+        };
+    };
+}, {
+    state: {
+        idle: {};
+        uploading: {
+            image: string;
+            file: string;
+        };
+        error: {
+            image: string;
+            file: string;
+        };
+    };
+}>, unknown, unknown, undefined>>;

package/dist/styles/brick-grid.d.ts

@@ -0,0 +1,85 @@
+export declare const brickGrid: import('tailwind-variants').TVReturnType<{
+    [key: string]: {
+        [key: string]: import('tailwind-variants').ClassValue | {
+            root?: import('tailwind-variants').ClassValue;
+            item?: import('tailwind-variants').ClassValue;
+            image?: import('tailwind-variants').ClassValue;
+            field?: import('tailwind-variants').ClassValue;
+            substrate?: import('tailwind-variants').ClassValue;
+            brick?: import('tailwind-variants').ClassValue;
+            itemContent?: import('tailwind-variants').ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import('tailwind-variants').ClassValue | {
+            root?: import('tailwind-variants').ClassValue;
+            item?: import('tailwind-variants').ClassValue;
+            image?: import('tailwind-variants').ClassValue;
+            field?: import('tailwind-variants').ClassValue;
+            substrate?: import('tailwind-variants').ClassValue;
+            brick?: import('tailwind-variants').ClassValue;
+            itemContent?: import('tailwind-variants').ClassValue;
+        };
+    };
+} | {}, {
+    root: string;
+    field: string;
+    image: string;
+    substrate: string;
+    brick: string;
+    item: string;
+    itemContent: string;
+}, undefined, import('tailwind-variants/dist/config.js').TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: import('tailwind-variants').ClassValue | {
+            root?: import('tailwind-variants').ClassValue;
+            item?: import('tailwind-variants').ClassValue;
+            image?: import('tailwind-variants').ClassValue;
+            field?: import('tailwind-variants').ClassValue;
+            substrate?: import('tailwind-variants').ClassValue;
+            brick?: import('tailwind-variants').ClassValue;
+            itemContent?: import('tailwind-variants').ClassValue;
+        };
+    };
+} | {}>, {
+    [key: string]: {
+        [key: string]: import('tailwind-variants').ClassValue | {
+            root?: import('tailwind-variants').ClassValue;
+            item?: import('tailwind-variants').ClassValue;
+            image?: import('tailwind-variants').ClassValue;
+            field?: import('tailwind-variants').ClassValue;
+            substrate?: import('tailwind-variants').ClassValue;
+            brick?: import('tailwind-variants').ClassValue;
+            itemContent?: import('tailwind-variants').ClassValue;
+        };
+    };
+} | {}, {
+    root: string;
+    field: string;
+    image: string;
+    substrate: string;
+    brick: string;
+    item: string;
+    itemContent: string;
+}, import('tailwind-variants').TVReturnType<unknown, {
+    root: string;
+    field: string;
+    image: string;
+    substrate: string;
+    brick: string;
+    item: string;
+    itemContent: string;
+}, undefined, import('tailwind-variants/dist/config.js').TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: import('tailwind-variants').ClassValue | {
+            root?: import('tailwind-variants').ClassValue;
+            item?: import('tailwind-variants').ClassValue;
+            image?: import('tailwind-variants').ClassValue;
+            field?: import('tailwind-variants').ClassValue;
+            substrate?: import('tailwind-variants').ClassValue;
+            brick?: import('tailwind-variants').ClassValue;
+            itemContent?: import('tailwind-variants').ClassValue;
+        };
+    };
+} | {}>, unknown, unknown, undefined>>;

package/dist/styles/brick.d.ts

@@ -0,0 +1,61 @@
+export declare const brick: import('tailwind-variants').TVReturnType<{
+    [key: string]: {
+        [key: string]: import('tailwind-variants').ClassValue | {
+            root?: import('tailwind-variants').ClassValue;
+            animation?: import('tailwind-variants').ClassValue;
+            glyph?: import('tailwind-variants').ClassValue;
+            shape?: import('tailwind-variants').ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import('tailwind-variants').ClassValue | {
+            root?: import('tailwind-variants').ClassValue;
+            animation?: import('tailwind-variants').ClassValue;
+            glyph?: import('tailwind-variants').ClassValue;
+            shape?: import('tailwind-variants').ClassValue;
+        };
+    };
+} | {}, {
+    root: string;
+    animation: string;
+    glyph: string;
+    shape: string;
+}, undefined, import('tailwind-variants/dist/config.js').TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: import('tailwind-variants').ClassValue | {
+            root?: import('tailwind-variants').ClassValue;
+            animation?: import('tailwind-variants').ClassValue;
+            glyph?: import('tailwind-variants').ClassValue;
+            shape?: import('tailwind-variants').ClassValue;
+        };
+    };
+} | {}>, {
+    [key: string]: {
+        [key: string]: import('tailwind-variants').ClassValue | {
+            root?: import('tailwind-variants').ClassValue;
+            animation?: import('tailwind-variants').ClassValue;
+            glyph?: import('tailwind-variants').ClassValue;
+            shape?: import('tailwind-variants').ClassValue;
+        };
+    };
+} | {}, {
+    root: string;
+    animation: string;
+    glyph: string;
+    shape: string;
+}, import('tailwind-variants').TVReturnType<unknown, {
+    root: string;
+    animation: string;
+    glyph: string;
+    shape: string;
+}, undefined, import('tailwind-variants/dist/config.js').TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: import('tailwind-variants').ClassValue | {
+            root?: import('tailwind-variants').ClassValue;
+            animation?: import('tailwind-variants').ClassValue;
+            glyph?: import('tailwind-variants').ClassValue;
+            shape?: import('tailwind-variants').ClassValue;
+        };
+    };
+} | {}>, unknown, unknown, undefined>>;

package/dist/styles/bubble.d.ts

@@ -0,0 +1,191 @@
+export declare const bubble: import('tailwind-variants').TVReturnType<{
+    variant: {
+        default: {
+            content: string;
+        };
+        secondary: {
+            content: string;
+        };
+        muted: {
+            content: string;
+        };
+        tinted: {
+            content: string;
+        };
+        outline: {
+            content: string;
+        };
+        ghost: {
+            root: string;
+            content: string;
+        };
+        destructive: {
+            content: string;
+        };
+    };
+}, {
+    root: string[];
+    content: string[];
+    reactions: string[];
+    group: string;
+}, undefined, import('tailwind-variants/dist/config.js').TVConfig<{
+    variant: {
+        default: {
+            content: string;
+        };
+        secondary: {
+            content: string;
+        };
+        muted: {
+            content: string;
+        };
+        tinted: {
+            content: string;
+        };
+        outline: {
+            content: string;
+        };
+        ghost: {
+            root: string;
+            content: string;
+        };
+        destructive: {
+            content: string;
+        };
+    };
+}, {
+    variant: {
+        default: {
+            content: string;
+        };
+        secondary: {
+            content: string;
+        };
+        muted: {
+            content: string;
+        };
+        tinted: {
+            content: string;
+        };
+        outline: {
+            content: string;
+        };
+        ghost: {
+            root: string;
+            content: string;
+        };
+        destructive: {
+            content: string;
+        };
+    };
+}>, {
+    variant: {
+        default: {
+            content: string;
+        };
+        secondary: {
+            content: string;
+        };
+        muted: {
+            content: string;
+        };
+        tinted: {
+            content: string;
+        };
+        outline: {
+            content: string;
+        };
+        ghost: {
+            root: string;
+            content: string;
+        };
+        destructive: {
+            content: string;
+        };
+    };
+}, {
+    root: string[];
+    content: string[];
+    reactions: string[];
+    group: string;
+}, import('tailwind-variants').TVReturnType<{
+    variant: {
+        default: {
+            content: string;
+        };
+        secondary: {
+            content: string;
+        };
+        muted: {
+            content: string;
+        };
+        tinted: {
+            content: string;
+        };
+        outline: {
+            content: string;
+        };
+        ghost: {
+            root: string;
+            content: string;
+        };
+        destructive: {
+            content: string;
+        };
+    };
+}, {
+    root: string[];
+    content: string[];
+    reactions: string[];
+    group: string;
+}, undefined, import('tailwind-variants/dist/config.js').TVConfig<{
+    variant: {
+        default: {
+            content: string;
+        };
+        secondary: {
+            content: string;
+        };
+        muted: {
+            content: string;
+        };
+        tinted: {
+            content: string;
+        };
+        outline: {
+            content: string;
+        };
+        ghost: {
+            root: string;
+            content: string;
+        };
+        destructive: {
+            content: string;
+        };
+    };
+}, {
+    variant: {
+        default: {
+            content: string;
+        };
+        secondary: {
+            content: string;
+        };
+        muted: {
+            content: string;
+        };
+        tinted: {
+            content: string;
+        };
+        outline: {
+            content: string;
+        };
+        ghost: {
+            root: string;
+            content: string;
+        };
+        destructive: {
+            content: string;
+        };
+    };
+}>, unknown, unknown, undefined>>;

package/dist/styles/carousel.d.ts

@@ -0,0 +1,107 @@
+export declare const carousel: import('tailwind-variants').TVReturnType<{
+    orientation: {
+        horizontal: {
+            viewport: string;
+            strip: string;
+            item: string;
+        };
+        vertical: {
+            viewport: string;
+            strip: string;
+            item: string;
+        };
+    };
+}, {
+    root: string;
+    viewport: string;
+    strip: string;
+    item: string;
+}, undefined, import('tailwind-variants/dist/config.js').TVConfig<{
+    orientation: {
+        horizontal: {
+            viewport: string;
+            strip: string;
+            item: string;
+        };
+        vertical: {
+            viewport: string;
+            strip: string;
+            item: string;
+        };
+    };
+}, {
+    orientation: {
+        horizontal: {
+            viewport: string;
+            strip: string;
+            item: string;
+        };
+        vertical: {
+            viewport: string;
+            strip: string;
+            item: string;
+        };
+    };
+}>, {
+    orientation: {
+        horizontal: {
+            viewport: string;
+            strip: string;
+            item: string;
+        };
+        vertical: {
+            viewport: string;
+            strip: string;
+            item: string;
+        };
+    };
+}, {
+    root: string;
+    viewport: string;
+    strip: string;
+    item: string;
+}, import('tailwind-variants').TVReturnType<{
+    orientation: {
+        horizontal: {
+            viewport: string;
+            strip: string;
+            item: string;
+        };
+        vertical: {
+            viewport: string;
+            strip: string;
+            item: string;
+        };
+    };
+}, {
+    root: string;
+    viewport: string;
+    strip: string;
+    item: string;
+}, undefined, import('tailwind-variants/dist/config.js').TVConfig<{
+    orientation: {
+        horizontal: {
+            viewport: string;
+            strip: string;
+            item: string;
+        };
+        vertical: {
+            viewport: string;
+            strip: string;
+            item: string;
+        };
+    };
+}, {
+    orientation: {
+        horizontal: {
+            viewport: string;
+            strip: string;
+            item: string;
+        };
+        vertical: {
+            viewport: string;
+            strip: string;
+            item: string;
+        };
+    };
+}>, unknown, unknown, undefined>>;