@digo-labs/ui 0.1.17 → 0.1.19

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

@@ -0,0 +1,22 @@
+import { AwsBlockGroupBehavior, AwsBlockGroupFit, AwsBlockIdentity, AwsBlockPose } from '@digo-labs/common';
+import { CSSProperties } from 'react';
+import { Transition } from 'motion/react';
+import { AwsBlockTransition } from './aws-block';
+import { ComponentStylesProps } from '../utils/styles';
+export interface AwsBlockGroupTransition extends AwsBlockTransition {
+    move: Transition;
+}
+type Properties = RootProperties & ComponentStylesProps<'awsBlockGroup'>;
+export declare function AwsBlockGroup(properties: Properties): import("react").JSX.Element;
+interface RootProperties {
+    blocks: Record<string, AwsBlockIdentity>;
+    poses: AwsBlockPose[];
+    behavior?: AwsBlockGroupBehavior;
+    pose?: number;
+    onPose?: (pose: number) => void;
+    fit?: AwsBlockGroupFit;
+    transition?: Partial<AwsBlockGroupTransition>;
+    className?: string;
+    style?: CSSProperties;
+}
+export {};

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

@@ -0,0 +1,21 @@
+import { AwsBlockSize, AwsGlyphFamily, AwsGlyphStage, AwsPaletteColor } from '@digo-labs/common';
+import { CSSProperties } from 'react';
+import { Transition } from 'motion/react';
+import { ComponentStylesProps } from '../utils/styles';
+export interface AwsBlockTransition {
+    enter: Transition;
+    resize: Transition;
+}
+type Properties = RootProperties & ComponentStylesProps<'awsBlock'>;
+export declare function AwsBlock(properties: Properties): import("react").JSX.Element;
+interface RootProperties {
+    color?: AwsPaletteColor;
+    size?: AwsBlockSize;
+    family?: AwsGlyphFamily;
+    stage?: AwsGlyphStage;
+    onStage?: (stage: AwsGlyphStage) => void;
+    transition?: Partial<AwsBlockTransition>;
+    className?: string;
+    style?: CSSProperties;
+}
+export {};

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

@@ -0,0 +1,13 @@
+import { AwsGlyphFamily, AwsGlyphStage } from '@digo-labs/common';
+import { CSSProperties } from 'react';
+import { ComponentStylesProps } from '../utils/styles';
+type Properties = RootProperties & ComponentStylesProps<'awsShape'>;
+export declare function AwsShape(properties: Properties): import("react").JSX.Element;
+interface RootProperties {
+    family: AwsGlyphFamily;
+    stage?: AwsGlyphStage;
+    onStage?: (stage: AwsGlyphStage) => void;
+    className?: string;
+    style?: CSSProperties;
+}
+export {};

package/dist/blocks/drawing-toolbar.d.ts

@@ -0,0 +1,35 @@
+import { ClearToolbarItem, HistoryToolbarItems, Icon, RedoToolbarItem, Toolbar, ToolbarToggle, UndoToolbarItem, ZoomToolbarItem } from '..';
+import { ComponentProps } from 'react';
+import { DrawingTool } from '../providers/drawing-provider';
+interface Properties extends ComponentProps<typeof Toolbar> {
+    minSize?: number;
+    maxSize?: number;
+    palette?: string[];
+    withCustomColor?: boolean;
+}
+export declare function DrawingToolbar(properties: Properties): import("react").JSX.Element;
+interface DrawingToolbarToolProperties extends ComponentProps<typeof ToolbarToggle> {
+    tool: DrawingTool;
+    icon?: ComponentProps<typeof Icon>['icon'];
+}
+export declare function DrawingToolbarTool(properties: DrawingToolbarToolProperties): import("react").JSX.Element;
+interface DrawingToolbarPenProperties {
+    minSize?: number;
+    maxSize?: number;
+    palette?: string[];
+    withCustomColor?: boolean;
+    className?: string;
+}
+export declare function DrawingToolbarPen(properties: DrawingToolbarPenProperties): import("react").JSX.Element;
+interface DrawingToolbarEraserProperties {
+    minSize?: number;
+    maxSize?: number;
+    className?: string;
+}
+export declare function DrawingToolbarEraser(properties: DrawingToolbarEraserProperties): import("react").JSX.Element;
+export declare function DrawingToolbarHistory(properties: ComponentProps<typeof HistoryToolbarItems>): import("react").JSX.Element;
+export declare function DrawingToolbarUndo(properties: ComponentProps<typeof UndoToolbarItem>): import("react").JSX.Element;
+export declare function DrawingToolbarRedo(properties: ComponentProps<typeof RedoToolbarItem>): import("react").JSX.Element;
+export declare function DrawingToolbarClear(properties: ComponentProps<typeof ClearToolbarItem>): import("react").JSX.Element;
+export declare function DrawingToolbarZoom(properties: ComponentProps<typeof ZoomToolbarItem>): import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,78 @@
+import { ToolbarButton, ToolbarGroup } from '..';
+import { ComponentProps } from 'react';
+import { DrawingEraserMode } from '../providers/drawing-provider';
+import { ComponentStylesProps } from '../utils/styles';
+export declare const DEFAULT_TOOLBAR_MIN_SIZE = 2;
+export declare const DEFAULT_TOOLBAR_MAX_SIZE = 24;
+export declare const DEFAULT_TOOLBAR_COLORS: string[];
+type ToolbarSizeIconProperties = ToolbarSizeIconRootProperties & ComponentStylesProps<'toolbarItems'>;
+export declare function ToolbarSizeIcon(properties: ToolbarSizeIconProperties): import("react").JSX.Element;
+interface ToolbarSizeIconRootProperties {
+    size?: number;
+    min?: number;
+    max?: number;
+    className?: string;
+}
+type ToolbarSizesProperties = ToolbarSizesRootProperties & ComponentStylesProps<'toolbarItems'>;
+export declare function ToolbarSizes(properties: ToolbarSizesProperties): import("react").JSX.Element;
+interface ToolbarSizesRootProperties {
+    value?: number;
+    onValueChange?: (size: number) => void;
+    min?: number;
+    max?: number;
+    disabled?: boolean;
+    className?: string;
+}
+type ToolbarColorsProperties = ToolbarColorsRootProperties & ComponentStylesProps<'toolbarItems'>;
+export declare function ToolbarColors(properties: ToolbarColorsProperties): import("react").JSX.Element;
+interface ToolbarColorsRootProperties {
+    colors?: string[];
+    value?: string;
+    onValueChange?: (color: string) => void;
+    withCustom?: boolean;
+    className?: string;
+}
+type PenToolbarItemProperties = PenToolbarItemRootProperties & ComponentStylesProps<'toolbarItems'>;
+export declare function PenToolbarItem(properties: PenToolbarItemProperties): import("react").JSX.Element;
+interface PenToolbarItemRootProperties {
+    pressed?: boolean;
+    onPressedChange?: (pressed: boolean) => void;
+    color?: string;
+    onColorChange?: (color: string) => void;
+    size?: number;
+    onSizeChange?: (size: number) => void;
+    minSize?: number;
+    maxSize?: number;
+    palette?: string[];
+    withCustomColor?: boolean;
+    classNames?: ComponentStylesProps<'toolbarItems'>['classNames'];
+    className?: string;
+}
+type EraserToolbarItemProperties = EraserToolbarItemRootProperties & ComponentStylesProps<'toolbarItems'>;
+export declare function EraserToolbarItem(properties: EraserToolbarItemProperties): import("react").JSX.Element;
+interface EraserToolbarItemRootProperties {
+    pressed?: boolean;
+    onPressedChange?: (pressed: boolean) => void;
+    size?: number;
+    onSizeChange?: (size: number) => void;
+    minSize?: number;
+    maxSize?: number;
+    mode?: DrawingEraserMode;
+    onModeChange?: (mode: DrawingEraserMode) => void;
+    classNames?: ComponentStylesProps<'toolbarItems'>['classNames'];
+    className?: string;
+}
+type ZoomToolbarItemProperties = ZoomToolbarItemRootProperties & ComponentStylesProps<'toolbarItems'>;
+export declare function ZoomToolbarItem(properties: ZoomToolbarItemProperties): import("react").JSX.Element;
+interface ZoomToolbarItemRootProperties {
+    zoom?: number;
+    onZoomIn?: () => void;
+    onZoomOut?: () => void;
+    onFit?: () => void;
+    className?: string;
+}
+export declare function UndoToolbarItem(properties: ComponentProps<typeof ToolbarButton>): import("react").JSX.Element;
+export declare function RedoToolbarItem(properties: ComponentProps<typeof ToolbarButton>): import("react").JSX.Element;
+export declare function ClearToolbarItem(properties: ComponentProps<typeof ToolbarButton>): import("react").JSX.Element;
+export declare function HistoryToolbarItems(properties: ComponentProps<typeof ToolbarGroup>): import("react").JSX.Element;
+export {};

package/dist/components/carousel.d.ts

@@ -0,0 +1,39 @@
+import { Orientation } from '@digo-labs/common';
+import { ComponentProps } from 'react';
+import { Transition } from 'motion/react';
+import { CarouselCurve } from '../utils/carousel-helpers';
+import { ComponentStylesProps } from '../utils/styles';
+export type { CarouselCurve } from '../utils/carousel-helpers';
+export declare function carouselCurve(distance: number): number;
+interface ContextProperties {
+    value: string | undefined;
+    count: number;
+    activeIndex: number;
+    expandedSize: number;
+    orientation: Orientation;
+    goTo: (index: number) => void;
+    step: (direction: number) => void;
+}
+export declare function useCarousel(): ContextProperties;
+interface ItemContextProperties {
+    value: string;
+    active: boolean;
+}
+export declare function useCarouselItem(): ItemContextProperties;
+type Properties = RootProperties & ComponentStylesProps<'carousel'>;
+export declare function Carousel(properties: Properties): import("react").JSX.Element;
+interface RootProperties extends ComponentProps<'div'> {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    items?: number;
+    expanded?: number;
+    gap?: number;
+    curve?: CarouselCurve;
+    transition?: Transition;
+    orientation?: Orientation;
+}
+interface ItemProperties extends ComponentProps<'div'> {
+    value: string;
+}
+export declare function CarouselItem(properties: ItemProperties): import("react").JSX.Element;

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

@@ -0,0 +1,9 @@
+import { ComponentProps } from 'react';
+import { ComponentStylesProps } from '../utils/styles';
+export type DrawingCanvasInputs = 'auto' | 'all' | 'pen';
+type Properties = RootProperties & ComponentStylesProps<'drawingCanvas'>;
+export declare function DrawingCanvas(properties: Properties): import("react").JSX.Element;
+interface RootProperties extends ComponentProps<'div'> {
+    inputs?: DrawingCanvasInputs;
+}
+export {};

package/dist/components/lottie.d.ts

@@ -0,0 +1,26 @@
+import { CSSProperties, Ref } from 'react';
+import { AnimationDirection, AnimationItem, AnimationSegment, BMCompleteEvent, BMCompleteLoopEvent, BMEnterFrameEvent, BMSegmentStartEvent, SVGRendererConfig } from 'lottie-web/build/player/lottie_light';
+import { ComponentStylesProps } from '../utils/styles';
+type Properties = RootProperties & ComponentStylesProps<'lottie'>;
+export declare function Lottie(properties: Properties): import("react").JSX.Element;
+interface RootProperties {
+    data?: object;
+    path?: string;
+    loop?: boolean | number;
+    autoplay?: boolean;
+    speed?: number;
+    direction?: AnimationDirection;
+    initialSegment?: AnimationSegment;
+    rendererSettings?: SVGRendererConfig;
+    onComplete?: (event: BMCompleteEvent) => void;
+    onLoopComplete?: (event: BMCompleteLoopEvent) => void;
+    onEnterFrame?: (event: BMEnterFrameEvent) => void;
+    onSegmentStart?: (event: BMSegmentStartEvent) => void;
+    onDOMLoaded?: () => void;
+    onDataReady?: () => void;
+    onError?: () => void;
+    ref?: Ref<AnimationItem | null>;
+    className?: string;
+    style?: CSSProperties;
+}
+export {};

package/dist/components/toolbar.d.ts

@@ -0,0 +1,41 @@
+import { Icon, Slider, Tabs, Toggle } from '..';
+import { ComponentProps } from 'react';
+import { PopoverPopup, PopoverTrigger } from './popover';
+import { Toolbar as ToolbarPrimitive } from '@base-ui/react/toolbar';
+import { ToggleGroup as ToggleGroupPrimitive } from '@base-ui/react/toggle-group';
+import { ComponentStylesProps } from '../utils/styles';
+type Properties = RootProperties & ComponentStylesProps<'toolbar'>;
+export declare function Toolbar(properties: Properties): import("react").JSX.Element;
+type RootProperties = ToolbarPrimitive.Root.Props;
+export declare function ToolbarGroup(properties: ToolbarPrimitive.Group.Props): import("react").JSX.Element;
+interface ToolbarButtonProperties extends ToolbarPrimitive.Button.Props {
+    tooltip?: string;
+}
+export declare function ToolbarButton(properties: ToolbarButtonProperties): import("react").JSX.Element;
+interface ToolbarToggleProperties extends ComponentProps<typeof Toggle> {
+    tooltip?: string;
+}
+export declare function ToolbarToggle(properties: ToolbarToggleProperties): import("react").JSX.Element;
+export declare function ToolbarToggleGroup(properties: ToggleGroupPrimitive.Props): import("react").JSX.Element;
+export interface ToolbarTab {
+    value: string;
+    icon: ComponentProps<typeof Icon>['icon'];
+    tooltip?: string;
+}
+interface ToolbarTabsProperties extends Omit<ComponentProps<typeof Tabs>, 'children'> {
+    tabs: ToolbarTab[];
+}
+export declare function ToolbarTabs(properties: ToolbarTabsProperties): import("react").JSX.Element;
+export declare function ToolbarArtToggle(properties: ToolbarToggleProperties): import("react").JSX.Element;
+export declare function ToolbarIcon(properties: ComponentProps<typeof Icon>): import("react").JSX.Element;
+export declare function ToolbarSlider(properties: ComponentProps<typeof Slider>): import("react").JSX.Element;
+export declare function ToolbarSeparator(properties: ToolbarPrimitive.Separator.Props): import("react").JSX.Element;
+export declare const ToolbarMenu: typeof import('@base-ui/react').PopoverRoot;
+export declare function ToolbarMenuTrigger(properties: ComponentProps<typeof PopoverTrigger>): import("react").JSX.Element;
+interface ToolbarMenuPopupProperties extends ComponentProps<typeof Toolbar> {
+    side?: ComponentProps<typeof PopoverPopup>['side'];
+    align?: ComponentProps<typeof PopoverPopup>['align'];
+    sideOffset?: ComponentProps<typeof PopoverPopup>['sideOffset'];
+}
+export declare function ToolbarMenuPopup(properties: ToolbarMenuPopupProperties): import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,47 @@
+import { BrickColor } from '@digo-labs/common';
+import { CSSProperties, ReactNode } from 'react';
+import { Transition } from 'motion/react';
+import { BrickOrigin } from './brick';
+import { ComponentStylesProps } from '../utils/styles';
+export type BrickGridMode = 'noise' | 'cluster' | 'image' | 'path' | 'loading';
+export type BrickGridLines = 'lines' | 'none';
+export type BrickGridDistribution = 'edges' | 'fill';
+export type BrickGridWave = 'clockwise' | 'counterclockwise' | 'left-to-right' | 'right-to-left' | 'top-to-bottom' | 'bottom-to-top';
+type Properties = RootProperties & ComponentStylesProps<'brickGrid'>;
+export declare function BrickGrid(properties: Properties): import("react").JSX.Element;
+interface RootProperties {
+    mode?: BrickGridMode;
+    cellSize?: number;
+    gap?: number;
+    colors?: BrickColor[];
+    density?: number;
+    tempo?: number;
+    seed?: number;
+    interval?: number;
+    maxSize?: number;
+    src?: string;
+    imageOpacity?: number;
+    threshold?: number;
+    path?: string;
+    filled?: boolean;
+    loadingSize?: number;
+    wave?: BrickGridWave;
+    distribution?: BrickGridDistribution;
+    grid?: BrickGridLines;
+    transition?: Transition;
+    className?: string;
+    style?: CSSProperties;
+    children?: ReactNode;
+}
+interface ItemProperties {
+    colSpan?: number;
+    rowSpan?: number;
+    colStart?: number;
+    rowStart?: number;
+    origin?: BrickOrigin;
+    className?: string;
+    style?: CSSProperties;
+    children?: ReactNode;
+}
+export declare function BrickGridItem(properties: ItemProperties): import("react").JSX.Element;
+export {};

package/dist/effects/brick.d.ts

@@ -0,0 +1,28 @@
+import { BrickGlyph, BrickColor } from '@digo-labs/common';
+import { CSSProperties } from 'react';
+import { Transition } from 'motion/react';
+import { ComponentStylesProps } from '../utils/styles';
+export type BrickAnimation = 'none' | 'pulse' | 'rotate';
+export type BrickOrigin = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+export declare const brickOriginClasses: {
+    'top-left': string;
+    'top-right': string;
+    'bottom-left': string;
+    'bottom-right': string;
+};
+type Properties = RootProperties & ComponentStylesProps<'brick'>;
+export declare function Brick(properties: Properties): import("react").JSX.Element;
+interface RootProperties {
+    glyph: BrickGlyph;
+    size?: number;
+    color?: BrickColor;
+    glyphColor?: BrickColor;
+    origin?: BrickOrigin;
+    animation?: BrickAnimation;
+    interval?: number;
+    delay?: number;
+    transition?: Transition;
+    className?: string;
+    style?: CSSProperties;
+}
+export {};

package/dist/index.d.ts

@@ -1,11 +1,15 @@
 export * from './animation/motion-animate-presence';
 export * from './other/animations';
+export * from './aws/aws-block';
+export * from './aws/aws-block-group';
+export * from './aws/aws-shape';
 export * from './blocks/auth-guard';
 export * from './blocks/breadcrumb-nav';
 export * from './blocks/card';
 export * from './blocks/chat-thread';
 export * from './blocks/command-button';
 export * from './blocks/copy-paste-button';
+export * from './blocks/drawing-toolbar';
 export * from './blocks/dropzone';
 export * from './blocks/font-picker';
 export * from './blocks/gate';
@@ -38,6 +42,7 @@ export * from './blocks/prompt-input';
 export * from './blocks/google-signin-button';
 export * from './blocks/switch-theme';
 export * from './blocks/toggle-theme';
+export * from './blocks/toolbar-items';
 export * from './blocks/transparent-background';
 export * from './blocks/user-avatar';
 export * from './blocks/user-info';
@@ -51,6 +56,7 @@ export * from './components/badge';
 export * from './components/breadcrumb';
 export * from './components/bubble';
 export * from './components/button';
+export * from './components/carousel';
 export * from './components/chart';
 export * from './components/checkbox';
 export * from './components/circular-progress';
@@ -67,6 +73,7 @@ export * from './components/combobox';
 export * from './components/command';
 export * from './effects/counter';
 export * from './components/drawer';
+export * from './components/drawing-canvas';
 export * from './components/empty';
 export * from './components/field';
 export * from './components/field-set';
@@ -104,9 +111,11 @@ export * from './components/spinner';
 export * from './components/steps';
 export * from './components/switch';
 export * from './components/loader';
+export * from './components/lottie';
 export * from './components/tabs';
 export * from './components/toggle';
 export * from './components/toggle-group';
+export * from './components/toolbar';
 export * from './components/table-of-contents';
 export * from './components/text-area';
 export * from './components/tint-image';
@@ -116,6 +125,8 @@ export * from './cursors/cursor-container';
 export * from './cursors/cursor-clipping';
 export * from './cursors/cursor-bracket';
 export * from './effects/border-glow';
+export * from './effects/brick';
+export * from './effects/brick-grid';
 export * from './effects/crt-screen';
 export * from './effects/dark-veil';
 export * from './effects/dissolve-overlay';
@@ -154,8 +165,10 @@ export * from './hooks/use-stopwatch';
 export * from './hooks/use-timer';
 export * from './pages/loading-page';
 export * from './pages/login-page';
+export * from './providers/aws-unit-provider';
 export * from './providers/command-provider';
 export * from './providers/design-system-provider';
+export * from './providers/drawing-provider';
 export * from './providers/portal-provider';
 export * as baseStyles from './styles';
 export * from './presets';
@@ -164,7 +177,6 @@ export * from './utils/styles';
 export * from './utils/shiki-highlighter';
 export * from './utils/code-meta-parser';
 export * from './utils/helpers';
-export * from './outdated/lottie';
 export * from './outdated/qr-code';
 export * from './outdated/shape';
 export * from './outdated/tint';