@digo-labs/ui 0.1.17 → 0.1.19

package/dist/styles/menu.d.ts

@@ -7,13 +7,13 @@ export declare const menu: import('tailwind-variants').TVReturnType<{
             group?: import('tailwind-variants').ClassValue;
             groupLabel?: import('tailwind-variants').ClassValue;
             popup?: import('tailwind-variants').ClassValue;
+            itemContent?: import('tailwind-variants').ClassValue;
             itemIndicator?: import('tailwind-variants').ClassValue;
             scrollArea?: import('tailwind-variants').ClassValue;
             shortcut?: import('tailwind-variants').ClassValue;
             scrollViewport?: import('tailwind-variants').ClassValue;
             itemClick?: import('tailwind-variants').ClassValue;
             choiceItem?: import('tailwind-variants').ClassValue;
-            itemContent?: import('tailwind-variants').ClassValue;
             switchItem?: import('tailwind-variants').ClassValue;
             switchContent?: import('tailwind-variants').ClassValue;
             switchIndicator?: import('tailwind-variants').ClassValue;
@@ -29,13 +29,13 @@ export declare const menu: import('tailwind-variants').TVReturnType<{
             group?: import('tailwind-variants').ClassValue;
             groupLabel?: import('tailwind-variants').ClassValue;
             popup?: import('tailwind-variants').ClassValue;
+            itemContent?: import('tailwind-variants').ClassValue;
             itemIndicator?: import('tailwind-variants').ClassValue;
             scrollArea?: import('tailwind-variants').ClassValue;
             shortcut?: import('tailwind-variants').ClassValue;
             scrollViewport?: import('tailwind-variants').ClassValue;
             itemClick?: import('tailwind-variants').ClassValue;
             choiceItem?: import('tailwind-variants').ClassValue;
-            itemContent?: import('tailwind-variants').ClassValue;
             switchItem?: import('tailwind-variants').ClassValue;
             switchContent?: import('tailwind-variants').ClassValue;
             switchIndicator?: import('tailwind-variants').ClassValue;
@@ -69,13 +69,13 @@ export declare const menu: import('tailwind-variants').TVReturnType<{
             group?: import('tailwind-variants').ClassValue;
             groupLabel?: import('tailwind-variants').ClassValue;
             popup?: import('tailwind-variants').ClassValue;
+            itemContent?: import('tailwind-variants').ClassValue;
             itemIndicator?: import('tailwind-variants').ClassValue;
             scrollArea?: import('tailwind-variants').ClassValue;
             shortcut?: import('tailwind-variants').ClassValue;
             scrollViewport?: import('tailwind-variants').ClassValue;
             itemClick?: import('tailwind-variants').ClassValue;
             choiceItem?: import('tailwind-variants').ClassValue;
-            itemContent?: import('tailwind-variants').ClassValue;
             switchItem?: import('tailwind-variants').ClassValue;
             switchContent?: import('tailwind-variants').ClassValue;
             switchIndicator?: import('tailwind-variants').ClassValue;
@@ -91,13 +91,13 @@ export declare const menu: import('tailwind-variants').TVReturnType<{
             group?: import('tailwind-variants').ClassValue;
             groupLabel?: import('tailwind-variants').ClassValue;
             popup?: import('tailwind-variants').ClassValue;
+            itemContent?: import('tailwind-variants').ClassValue;
             itemIndicator?: import('tailwind-variants').ClassValue;
             scrollArea?: import('tailwind-variants').ClassValue;
             shortcut?: import('tailwind-variants').ClassValue;
             scrollViewport?: import('tailwind-variants').ClassValue;
             itemClick?: import('tailwind-variants').ClassValue;
             choiceItem?: import('tailwind-variants').ClassValue;
-            itemContent?: import('tailwind-variants').ClassValue;
             switchItem?: import('tailwind-variants').ClassValue;
             switchContent?: import('tailwind-variants').ClassValue;
             switchIndicator?: import('tailwind-variants').ClassValue;
@@ -149,13 +149,13 @@ export declare const menu: import('tailwind-variants').TVReturnType<{
             group?: import('tailwind-variants').ClassValue;
             groupLabel?: import('tailwind-variants').ClassValue;
             popup?: import('tailwind-variants').ClassValue;
+            itemContent?: import('tailwind-variants').ClassValue;
             itemIndicator?: import('tailwind-variants').ClassValue;
             scrollArea?: import('tailwind-variants').ClassValue;
             shortcut?: import('tailwind-variants').ClassValue;
             scrollViewport?: import('tailwind-variants').ClassValue;
             itemClick?: import('tailwind-variants').ClassValue;
             choiceItem?: import('tailwind-variants').ClassValue;
-            itemContent?: import('tailwind-variants').ClassValue;
             switchItem?: import('tailwind-variants').ClassValue;
             switchContent?: import('tailwind-variants').ClassValue;
             switchIndicator?: import('tailwind-variants').ClassValue;

package/dist/styles/toolbar-items.d.ts

@@ -0,0 +1,117 @@
+export declare const toolbarItems: import('tailwind-variants').TVReturnType<{
+    [key: string]: {
+        [key: string]: import('tailwind-variants').ClassValue | {
+            pen?: import('tailwind-variants').ClassValue;
+            penImage?: import('tailwind-variants').ClassValue;
+            penTip?: import('tailwind-variants').ClassValue;
+            eraser?: import('tailwind-variants').ClassValue;
+            eraserImage?: import('tailwind-variants').ClassValue;
+            squiggle?: import('tailwind-variants').ClassValue;
+            sizes?: import('tailwind-variants').ClassValue;
+            colors?: import('tailwind-variants').ClassValue;
+            custom?: import('tailwind-variants').ClassValue;
+            zoom?: import('tailwind-variants').ClassValue;
+            zoomLabel?: import('tailwind-variants').ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import('tailwind-variants').ClassValue | {
+            pen?: import('tailwind-variants').ClassValue;
+            penImage?: import('tailwind-variants').ClassValue;
+            penTip?: import('tailwind-variants').ClassValue;
+            eraser?: import('tailwind-variants').ClassValue;
+            eraserImage?: import('tailwind-variants').ClassValue;
+            squiggle?: import('tailwind-variants').ClassValue;
+            sizes?: import('tailwind-variants').ClassValue;
+            colors?: import('tailwind-variants').ClassValue;
+            custom?: import('tailwind-variants').ClassValue;
+            zoom?: import('tailwind-variants').ClassValue;
+            zoomLabel?: import('tailwind-variants').ClassValue;
+        };
+    };
+} | {}, {
+    pen: string;
+    penImage: string;
+    penTip: string;
+    eraser: string;
+    eraserImage: string;
+    squiggle: string;
+    sizes: string;
+    colors: string;
+    custom: string;
+    zoom: string;
+    zoomLabel: string;
+}, undefined, import('tailwind-variants/dist/config.js').TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: import('tailwind-variants').ClassValue | {
+            pen?: import('tailwind-variants').ClassValue;
+            penImage?: import('tailwind-variants').ClassValue;
+            penTip?: import('tailwind-variants').ClassValue;
+            eraser?: import('tailwind-variants').ClassValue;
+            eraserImage?: import('tailwind-variants').ClassValue;
+            squiggle?: import('tailwind-variants').ClassValue;
+            sizes?: import('tailwind-variants').ClassValue;
+            colors?: import('tailwind-variants').ClassValue;
+            custom?: import('tailwind-variants').ClassValue;
+            zoom?: import('tailwind-variants').ClassValue;
+            zoomLabel?: import('tailwind-variants').ClassValue;
+        };
+    };
+} | {}>, {
+    [key: string]: {
+        [key: string]: import('tailwind-variants').ClassValue | {
+            pen?: import('tailwind-variants').ClassValue;
+            penImage?: import('tailwind-variants').ClassValue;
+            penTip?: import('tailwind-variants').ClassValue;
+            eraser?: import('tailwind-variants').ClassValue;
+            eraserImage?: import('tailwind-variants').ClassValue;
+            squiggle?: import('tailwind-variants').ClassValue;
+            sizes?: import('tailwind-variants').ClassValue;
+            colors?: import('tailwind-variants').ClassValue;
+            custom?: import('tailwind-variants').ClassValue;
+            zoom?: import('tailwind-variants').ClassValue;
+            zoomLabel?: import('tailwind-variants').ClassValue;
+        };
+    };
+} | {}, {
+    pen: string;
+    penImage: string;
+    penTip: string;
+    eraser: string;
+    eraserImage: string;
+    squiggle: string;
+    sizes: string;
+    colors: string;
+    custom: string;
+    zoom: string;
+    zoomLabel: string;
+}, import('tailwind-variants').TVReturnType<unknown, {
+    pen: string;
+    penImage: string;
+    penTip: string;
+    eraser: string;
+    eraserImage: string;
+    squiggle: string;
+    sizes: string;
+    colors: string;
+    custom: string;
+    zoom: string;
+    zoomLabel: string;
+}, undefined, import('tailwind-variants/dist/config.js').TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: import('tailwind-variants').ClassValue | {
+            pen?: import('tailwind-variants').ClassValue;
+            penImage?: import('tailwind-variants').ClassValue;
+            penTip?: import('tailwind-variants').ClassValue;
+            eraser?: import('tailwind-variants').ClassValue;
+            eraserImage?: import('tailwind-variants').ClassValue;
+            squiggle?: import('tailwind-variants').ClassValue;
+            sizes?: import('tailwind-variants').ClassValue;
+            colors?: import('tailwind-variants').ClassValue;
+            custom?: import('tailwind-variants').ClassValue;
+            zoom?: import('tailwind-variants').ClassValue;
+            zoomLabel?: import('tailwind-variants').ClassValue;
+        };
+    };
+} | {}>, unknown, unknown, undefined>>;

package/dist/styles/toolbar.d.ts

@@ -0,0 +1,173 @@
+export declare const toolbar: import('tailwind-variants').TVReturnType<{
+    [key: string]: {
+        [key: string]: import('tailwind-variants').ClassValue | {
+            root?: import('tailwind-variants').ClassValue;
+            icon?: import('tailwind-variants').ClassValue;
+            separator?: import('tailwind-variants').ClassValue;
+            group?: import('tailwind-variants').ClassValue;
+            button?: import('tailwind-variants').ClassValue;
+            toggleGroup?: import('tailwind-variants').ClassValue;
+            tabs?: import('tailwind-variants').ClassValue;
+            tabsList?: import('tailwind-variants').ClassValue;
+            tabsTab?: import('tailwind-variants').ClassValue;
+            tabsIndicator?: import('tailwind-variants').ClassValue;
+            artToggle?: import('tailwind-variants').ClassValue;
+            artSpacer?: import('tailwind-variants').ClassValue;
+            art?: import('tailwind-variants').ClassValue;
+            slider?: import('tailwind-variants').ClassValue;
+            menuPopup?: import('tailwind-variants').ClassValue;
+            menuContent?: import('tailwind-variants').ClassValue;
+            menuToolbar?: import('tailwind-variants').ClassValue;
+            toggle?: import('tailwind-variants').ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import('tailwind-variants').ClassValue | {
+            root?: import('tailwind-variants').ClassValue;
+            icon?: import('tailwind-variants').ClassValue;
+            separator?: import('tailwind-variants').ClassValue;
+            group?: import('tailwind-variants').ClassValue;
+            button?: import('tailwind-variants').ClassValue;
+            toggleGroup?: import('tailwind-variants').ClassValue;
+            tabs?: import('tailwind-variants').ClassValue;
+            tabsList?: import('tailwind-variants').ClassValue;
+            tabsTab?: import('tailwind-variants').ClassValue;
+            tabsIndicator?: import('tailwind-variants').ClassValue;
+            artToggle?: import('tailwind-variants').ClassValue;
+            artSpacer?: import('tailwind-variants').ClassValue;
+            art?: import('tailwind-variants').ClassValue;
+            slider?: import('tailwind-variants').ClassValue;
+            menuPopup?: import('tailwind-variants').ClassValue;
+            menuContent?: import('tailwind-variants').ClassValue;
+            menuToolbar?: import('tailwind-variants').ClassValue;
+            toggle?: import('tailwind-variants').ClassValue;
+        };
+    };
+} | {}, {
+    root: string;
+    group: string;
+    button: string[];
+    toggle: string[];
+    toggleGroup: string;
+    tabs: string;
+    tabsList: string;
+    tabsTab: string;
+    tabsIndicator: string;
+    artToggle: string;
+    artSpacer: string;
+    art: string;
+    icon: string;
+    slider: string;
+    separator: string;
+    menuPopup: string;
+    menuContent: string;
+    menuToolbar: string;
+}, undefined, import('tailwind-variants/dist/config.js').TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: import('tailwind-variants').ClassValue | {
+            root?: import('tailwind-variants').ClassValue;
+            icon?: import('tailwind-variants').ClassValue;
+            separator?: import('tailwind-variants').ClassValue;
+            group?: import('tailwind-variants').ClassValue;
+            button?: import('tailwind-variants').ClassValue;
+            toggleGroup?: import('tailwind-variants').ClassValue;
+            tabs?: import('tailwind-variants').ClassValue;
+            tabsList?: import('tailwind-variants').ClassValue;
+            tabsTab?: import('tailwind-variants').ClassValue;
+            tabsIndicator?: import('tailwind-variants').ClassValue;
+            artToggle?: import('tailwind-variants').ClassValue;
+            artSpacer?: import('tailwind-variants').ClassValue;
+            art?: import('tailwind-variants').ClassValue;
+            slider?: import('tailwind-variants').ClassValue;
+            menuPopup?: import('tailwind-variants').ClassValue;
+            menuContent?: import('tailwind-variants').ClassValue;
+            menuToolbar?: import('tailwind-variants').ClassValue;
+            toggle?: import('tailwind-variants').ClassValue;
+        };
+    };
+} | {}>, {
+    [key: string]: {
+        [key: string]: import('tailwind-variants').ClassValue | {
+            root?: import('tailwind-variants').ClassValue;
+            icon?: import('tailwind-variants').ClassValue;
+            separator?: import('tailwind-variants').ClassValue;
+            group?: import('tailwind-variants').ClassValue;
+            button?: import('tailwind-variants').ClassValue;
+            toggleGroup?: import('tailwind-variants').ClassValue;
+            tabs?: import('tailwind-variants').ClassValue;
+            tabsList?: import('tailwind-variants').ClassValue;
+            tabsTab?: import('tailwind-variants').ClassValue;
+            tabsIndicator?: import('tailwind-variants').ClassValue;
+            artToggle?: import('tailwind-variants').ClassValue;
+            artSpacer?: import('tailwind-variants').ClassValue;
+            art?: import('tailwind-variants').ClassValue;
+            slider?: import('tailwind-variants').ClassValue;
+            menuPopup?: import('tailwind-variants').ClassValue;
+            menuContent?: import('tailwind-variants').ClassValue;
+            menuToolbar?: import('tailwind-variants').ClassValue;
+            toggle?: import('tailwind-variants').ClassValue;
+        };
+    };
+} | {}, {
+    root: string;
+    group: string;
+    button: string[];
+    toggle: string[];
+    toggleGroup: string;
+    tabs: string;
+    tabsList: string;
+    tabsTab: string;
+    tabsIndicator: string;
+    artToggle: string;
+    artSpacer: string;
+    art: string;
+    icon: string;
+    slider: string;
+    separator: string;
+    menuPopup: string;
+    menuContent: string;
+    menuToolbar: string;
+}, import('tailwind-variants').TVReturnType<unknown, {
+    root: string;
+    group: string;
+    button: string[];
+    toggle: string[];
+    toggleGroup: string;
+    tabs: string;
+    tabsList: string;
+    tabsTab: string;
+    tabsIndicator: string;
+    artToggle: string;
+    artSpacer: string;
+    art: string;
+    icon: string;
+    slider: string;
+    separator: string;
+    menuPopup: string;
+    menuContent: string;
+    menuToolbar: string;
+}, undefined, import('tailwind-variants/dist/config.js').TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: import('tailwind-variants').ClassValue | {
+            root?: import('tailwind-variants').ClassValue;
+            icon?: import('tailwind-variants').ClassValue;
+            separator?: import('tailwind-variants').ClassValue;
+            group?: import('tailwind-variants').ClassValue;
+            button?: import('tailwind-variants').ClassValue;
+            toggleGroup?: import('tailwind-variants').ClassValue;
+            tabs?: import('tailwind-variants').ClassValue;
+            tabsList?: import('tailwind-variants').ClassValue;
+            tabsTab?: import('tailwind-variants').ClassValue;
+            tabsIndicator?: import('tailwind-variants').ClassValue;
+            artToggle?: import('tailwind-variants').ClassValue;
+            artSpacer?: import('tailwind-variants').ClassValue;
+            art?: import('tailwind-variants').ClassValue;
+            slider?: import('tailwind-variants').ClassValue;
+            menuPopup?: import('tailwind-variants').ClassValue;
+            menuContent?: import('tailwind-variants').ClassValue;
+            menuToolbar?: import('tailwind-variants').ClassValue;
+            toggle?: import('tailwind-variants').ClassValue;
+        };
+    };
+} | {}>, unknown, unknown, undefined>>;

package/dist/utils/brick-grid-helpers.d.ts

@@ -0,0 +1,62 @@
+import { BrickGlyph, BrickColor, Position } from '@digo-labs/common';
+import { BrickOrigin } from '../effects/brick';
+import { BrickGridWave } from '../effects/brick-grid';
+export type BrickRandom = () => number;
+export interface GridBrick {
+    id: number;
+    col: number;
+    row: number;
+    footprint: number;
+    glyph: BrickGlyph;
+    color: BrickColor;
+    origin: BrickOrigin;
+    delay?: number;
+}
+export interface GridTarget {
+    col: number;
+    row: number;
+    footprint: number;
+    delay?: number;
+}
+export interface GridPushResult {
+    bricks: GridBrick[];
+    doomed: number[];
+}
+export interface GridArea {
+    cols: number;
+    rows: number;
+}
+export declare class BrickGridHelpers {
+    static createRandom(seed: number): BrickRandom;
+    static pick<T>(random: BrickRandom, values: T[]): T;
+    static getCellKey(col: number, row: number): string;
+    static getContrastColor(color: string): string;
+    static getBrickCells(col: number, row: number, footprint: number): string[];
+    static getOccupiedCells(bricks: GridBrick[]): Set<string>;
+    static isAreaFree(col: number, row: number, footprint: number, area: GridArea, occupied: Set<string>, blocked: Set<string>): boolean;
+    static findPlacement(random: BrickRandom, footprint: number, area: GridArea, occupied: Set<string>, blocked: Set<string>): Position | null;
+    static createBrick(random: BrickRandom, target: GridTarget, colors: BrickColor[], id: number): GridBrick;
+    static matchTargets(bricks: GridBrick[], targets: GridTarget[], random: BrickRandom, colors: BrickColor[], startId: number): {
+        bricks: GridBrick[];
+        nextId: number;
+    };
+    static generateNoise(random: BrickRandom, area: GridArea, blocked: Set<string>, density: number): GridTarget[];
+    static generateCluster(random: BrickRandom, area: GridArea, blocked: Set<string>, density: number): GridTarget[];
+    static generateTrace(area: GridArea, blocked: Set<string>, path: string, density?: number, size?: number): GridTarget[];
+    static generateFilled(area: GridArea, blocked: Set<string>, path: string, size?: number): GridTarget[];
+    static getWaveOrder(bricks: GridBrick[], wave: BrickGridWave): GridBrick[];
+    static getImageTargets(luminance: number[], area: GridArea, blocked: Set<string>, threshold: number, distribution: 'edges' | 'fill'): GridTarget[];
+    private static samplePath;
+    private static getPathPlacement;
+    private static scoreEdges;
+    private static scoreFill;
+    static tryGrow(bricks: GridBrick[], id: number, area: GridArea, blocked: Set<string>, maxSize: number): GridPushResult | null;
+    static evict(bricks: GridBrick[], area: GridArea, blocked: Set<string>): GridPushResult;
+    private static resolvePush;
+    private static overlapping;
+    private static isOffGrid;
+    private static expel;
+    private static findClearance;
+    static drag(bricks: GridBrick[], id: number, footprint: number, random: BrickRandom, area: GridArea, blocked: Set<string>): GridBrick[] | null;
+    static drift(bricks: GridBrick[], id: number, random: BrickRandom, area: GridArea, blocked: Set<string>): GridBrick[] | null;
+}

package/dist/utils/carousel-helpers.d.ts

@@ -0,0 +1,17 @@
+export type CarouselCurve = (distance: number) => number;
+export interface CarouselGeometry {
+    slot: number;
+    gap: number;
+    itemWidth: number;
+    growth: number;
+    lookup: number[];
+}
+export declare class CarouselHelpers {
+    static getGeometry(width: number, items: number, expandedWidth: number, gap: number, curve: CarouselCurve): CarouselGeometry;
+    static getIntegral(lookup: number[], distance: number): number;
+    static getPosition(geometry: CarouselGeometry, boundary: number, center: number): number;
+    static getInverse(geometry: CarouselGeometry, position: number): number;
+    static getVirtualIndex(lane: number, laneCount: number, center: number): number;
+    static getLogicalIndex(virtual: number, count: number): number;
+    static getShortestDelta(from: number, to: number, count: number): number;
+}

package/dist/utils/drawing-helpers.d.ts

@@ -0,0 +1,31 @@
+import { Bounds, Position, Size } from '@digo-labs/common';
+import { DrawingExport, DrawingExportOptions, DrawingStroke, DrawingView } from '../providers/drawing-provider';
+export interface DrawingStrokeGroup {
+    id: string;
+    pens: DrawingStroke[];
+    erasers: DrawingStroke[];
+}
+export declare class DrawingHelpers {
+    static getStrokeOutline(stroke: DrawingStroke, complete?: boolean): number[][];
+    static getSvgPath(outline: number[][]): string;
+    static getStrokeBounds(stroke: DrawingStroke): Bounds;
+    static getStrokesBounds(strokes: DrawingStroke[], padding?: number): Bounds | null;
+    static hitTestStroke(stroke: DrawingStroke, point: Position, slop?: number): boolean;
+    static hitTestStrokes(strokes: DrawingStroke[], point: Position, slop?: number): DrawingStroke | undefined;
+    static getStrokeGroups(strokes: DrawingStroke[]): DrawingStrokeGroup[];
+    static toWorld(client: Position, rect: DOMRect, view: DrawingView): Position;
+    static clampZoom(value: number): number;
+    static getZoomedCamera(anchorScreen: Position, anchorWorld: Position, zoom: number): Position;
+    static getFitView(bounds: Bounds, viewport: Size): DrawingView;
+    static getTouchCenter(points: Position[]): Position;
+    static getTouchDistance(points: Position[]): number;
+    static getPressure(pointerType: string, pressure: number): number;
+    static getSizeRatio(size: number, min: number, max: number): number;
+    static getArtScale(size: number, min: number, max: number): number;
+    static getSquiggleWidth(size: number, min: number, max: number): number;
+    static getSvgMarkup(strokes: DrawingStroke[], bounds: Bounds, background?: string): string;
+    static exportImage(strokes: DrawingStroke[], bounds: Bounds, options?: DrawingExportOptions): Promise<DrawingExport>;
+    private static average;
+    private static distanceToSegment;
+    private static loadImage;
+}

package/dist/utils/motion-presets.d.ts

@@ -29,6 +29,11 @@ export declare const motionTransitionPresets: {
         stiffness: number;
         damping: number;
     };
+    spring7: {
+        type: "spring";
+        stiffness: number;
+        damping: number;
+    };
 };
 export declare const motionComponentPresets: {
     dragSnapBack: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digo-labs/ui",
-  "version": "0.1.17",
+  "version": "0.1.19",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -35,7 +35,7 @@
     "preview": "vite preview"
   },
   "peerDependencies": {
-    "@digo-labs/common": "^0.1.17",
+    "@digo-labs/common": "^0.1.19",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "tailwindcss": "^4.1.4"
@@ -47,14 +47,14 @@
     "@react-three/fiber": "^9.4.0",
     "@shadcn/react": "^0.3.0",
     "@tanstack/react-virtual": "^3.13.6",
-    "embla-carousel-react": "^8.6.0",
     "gl-matrix": "^3.4.4",
     "gsap": "^3.13.0",
     "hacktimer": "^1.1.3",
     "ldrs": "^1.1.7",
-    "lottie-react": "^2.4.1",
+    "lottie-web": "^5.13.0",
     "motion": "^12.42.2",
     "ogl": "^1.0.11",
+    "perfect-freehand": "^1.2.3",
     "qrcode": "^1.5.4",
     "react-aria-components": "^1.16.0",
     "react-dropzone": "^14.3.8",

package/dist/outdated/lottie.d.ts

@@ -1,8 +0,0 @@
-import { ComponentPropsWithoutRef } from 'react';
-import { default as LottieUI } from 'lottie-react';
-interface LottieProperties extends ComponentPropsWithoutRef<typeof LottieUI> {
-    tint?: string;
-    containerClasses?: string;
-}
-export declare function Lottie(properties: LottieProperties): import("react").JSX.Element;
-export {};