@digo-labs/ui 0.1.17 → 0.1.19

package/dist/providers/aws-unit-provider.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+interface AwsUnitProviderProperties {
+    unit: number;
+    children: ReactNode;
+}
+export declare function AwsUnitProvider(properties: AwsUnitProviderProperties): import("react").JSX.Element;
+export declare function useAwsUnit(): number;
+export {};

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/aws-block-group.d.ts

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

package/dist/styles/aws-block.d.ts

@@ -0,0 +1,45 @@
+export declare const awsBlock: import('tailwind-variants').TVReturnType<{
+    [key: string]: {
+        [key: string]: import('tailwind-variants').ClassValue | {
+            root?: import('tailwind-variants').ClassValue;
+            shape?: import('tailwind-variants').ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import('tailwind-variants').ClassValue | {
+            root?: import('tailwind-variants').ClassValue;
+            shape?: import('tailwind-variants').ClassValue;
+        };
+    };
+} | {}, {
+    root: 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;
+            shape?: import('tailwind-variants').ClassValue;
+        };
+    };
+} | {}>, {
+    [key: string]: {
+        [key: string]: import('tailwind-variants').ClassValue | {
+            root?: import('tailwind-variants').ClassValue;
+            shape?: import('tailwind-variants').ClassValue;
+        };
+    };
+} | {}, {
+    root: string;
+    shape: string;
+}, import('tailwind-variants').TVReturnType<unknown, {
+    root: 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;
+            shape?: import('tailwind-variants').ClassValue;
+        };
+    };
+} | {}>, unknown, unknown, undefined>>;

package/dist/styles/aws-shape.d.ts

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

package/dist/styles/command.d.ts

@@ -8,8 +8,8 @@ export declare const command: import('tailwind-variants').TVReturnType<{
             empty?: import('tailwind-variants').ClassValue;
             list?: import('tailwind-variants').ClassValue;
             popup?: import('tailwind-variants').ClassValue;
-            backdrop?: import('tailwind-variants').ClassValue;
             viewport?: import('tailwind-variants').ClassValue;
+            backdrop?: import('tailwind-variants').ClassValue;
             inputContainer?: import('tailwind-variants').ClassValue;
             shortcut?: import('tailwind-variants').ClassValue;
             footer?: import('tailwind-variants').ClassValue;
@@ -25,8 +25,8 @@ export declare const command: import('tailwind-variants').TVReturnType<{
             empty?: import('tailwind-variants').ClassValue;
             list?: import('tailwind-variants').ClassValue;
             popup?: import('tailwind-variants').ClassValue;
-            backdrop?: import('tailwind-variants').ClassValue;
             viewport?: import('tailwind-variants').ClassValue;
+            backdrop?: import('tailwind-variants').ClassValue;
             inputContainer?: import('tailwind-variants').ClassValue;
             shortcut?: import('tailwind-variants').ClassValue;
             footer?: import('tailwind-variants').ClassValue;
@@ -55,8 +55,8 @@ export declare const command: import('tailwind-variants').TVReturnType<{
             empty?: import('tailwind-variants').ClassValue;
             list?: import('tailwind-variants').ClassValue;
             popup?: import('tailwind-variants').ClassValue;
-            backdrop?: import('tailwind-variants').ClassValue;
             viewport?: import('tailwind-variants').ClassValue;
+            backdrop?: import('tailwind-variants').ClassValue;
             inputContainer?: import('tailwind-variants').ClassValue;
             shortcut?: import('tailwind-variants').ClassValue;
             footer?: import('tailwind-variants').ClassValue;
@@ -72,8 +72,8 @@ export declare const command: import('tailwind-variants').TVReturnType<{
             empty?: import('tailwind-variants').ClassValue;
             list?: import('tailwind-variants').ClassValue;
             popup?: import('tailwind-variants').ClassValue;
-            backdrop?: import('tailwind-variants').ClassValue;
             viewport?: import('tailwind-variants').ClassValue;
+            backdrop?: import('tailwind-variants').ClassValue;
             inputContainer?: import('tailwind-variants').ClassValue;
             shortcut?: import('tailwind-variants').ClassValue;
             footer?: import('tailwind-variants').ClassValue;
@@ -115,8 +115,8 @@ export declare const command: import('tailwind-variants').TVReturnType<{
             empty?: import('tailwind-variants').ClassValue;
             list?: import('tailwind-variants').ClassValue;
             popup?: import('tailwind-variants').ClassValue;
-            backdrop?: import('tailwind-variants').ClassValue;
             viewport?: import('tailwind-variants').ClassValue;
+            backdrop?: import('tailwind-variants').ClassValue;
             inputContainer?: import('tailwind-variants').ClassValue;
             shortcut?: import('tailwind-variants').ClassValue;
             footer?: import('tailwind-variants').ClassValue;

package/dist/styles/drawing-canvas.d.ts

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

package/dist/styles/index.d.ts

@@ -3,13 +3,19 @@ export * from './alert';
 export * from './attachment';
 export * from './autocomplete';
 export * from './avatar';
+export * from './aws-block';
+export * from './aws-block-group';
+export * from './aws-shape';
 export * from './badge';
 export * from './breadcrumb';
 export * from './breadcrumb-nav';
+export * from './brick';
+export * from './brick-grid';
 export * from './bubble';
 export * from './button';
 export * from './slider';
 export * from './card';
+export * from './carousel';
 export * from './chat-thread';
 export * from './chart';
 export * from './checkbox';
@@ -29,6 +35,7 @@ export * from './command';
 export * from './counter';
 export * from './crt-screen';
 export * from './drawer';
+export * from './drawing-canvas';
 export * from './dropzone';
 export * from './image';
 export * from './image-dropzone';
@@ -43,6 +50,7 @@ export * from './masonry';
 export * from './kbd';
 export * from './label';
 export * from './login-card';
+export * from './lottie';
 export * from './motion-animate-presence';
 export * from './menu';
 export * from './marker';
@@ -100,6 +108,8 @@ export * from './tint-image';
 export * from './toast';
 export * from './toggle-group';
 export * from './toggle';
+export * from './toolbar';
+export * from './toolbar-items';
 export * from './tooltip';
 export * from './user-info';
 export * from './user-menu';

package/dist/styles/lottie.d.ts

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