@digo-labs/ui 0.1.13 → 0.1.16

package/dist/blocks/auth-guard.d.ts

@@ -1,6 +1,9 @@
+import { AuthTier } from '@digo-labs/common';
 import { ReactNode } from 'react';
 interface Properties {
+    requires?: AuthTier;
     loginPath?: string;
+    loading?: ReactNode;
     fallback?: ReactNode;
 }
 export declare function AuthGuard(properties: Properties): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null;

package/dist/blocks/breadcrumb-nav.d.ts

@@ -0,0 +1,18 @@
+import { CuratedIcons } from '@digo-labs/common';
+import { ComponentProps, ReactElement, ReactNode } from 'react';
+import { ComponentStylesProps } from '../utils/styles';
+export interface BreadcrumbNavItem {
+    label: string;
+    href?: string;
+    icon?: CuratedIcons;
+}
+type Properties = RootProperties & ComponentStylesProps<'breadcrumbNav'>;
+export declare function BreadcrumbNav(properties: Properties): import("react").JSX.Element;
+interface RootProperties extends ComponentProps<'nav'> {
+    items: BreadcrumbNavItem[];
+    maxItems?: number;
+    menuIcon?: CuratedIcons;
+    separator?: ReactNode;
+    renderLink?: (item: BreadcrumbNavItem) => ReactElement;
+}
+export {};

package/dist/blocks/dropzone.d.ts

@@ -15,7 +15,7 @@ interface Properties extends DropzoneOptions, ComponentStylesProps<'dropzone'> {
 export declare function Dropzone(properties: Properties): import("react").JSX.Element;
 export declare function DropzoneArea(properties: ComponentProps<'div'>): import("react").JSX.Element;
 export declare function DropzoneCTA(properties: ComponentProps<'button'>): import("react").JSX.Element;
-export declare function DropzoneFileList(properties: ComponentProps<'div'>): import("react").JSX.Element | null;
+export declare function DropzoneFileList(properties: Omit<ComponentProps<typeof ReorderList.Group>, 'values' | 'onReorder'>): import("react").JSX.Element | null;
 interface FileItemProperties extends Omit<ComponentProps<typeof ReorderList.Item>, 'value'> {
     file: File;
     onDeleteFile?: (file: File) => void;

package/dist/blocks/gate.d.ts

@@ -0,0 +1,9 @@
+import { AuthTier } from '@digo-labs/common';
+import { ReactNode } from 'react';
+interface Properties {
+    requires: AuthTier;
+    children: ReactNode;
+    fallback?: ReactNode;
+}
+export declare function Gate(properties: Properties): ReactNode;
+export {};

package/dist/blocks/login-card.d.ts

@@ -0,0 +1,16 @@
+import { SignInProvider } from '@digo-labs/common';
+import { BorderGlow, Image } from '..';
+import { ComponentProps, ReactNode } from 'react';
+import { ComponentStylesProps } from '../utils/styles';
+type Properties = RootProperties & ComponentStylesProps<'loginCard'>;
+export declare function LoginCard(properties: Properties): import("react").JSX.Element;
+interface RootProperties {
+    scene?: ReactNode;
+    eyebrow?: string;
+    title?: string;
+    description?: string;
+    logo?: ComponentProps<typeof Image>['src'] | null;
+    colors?: ComponentProps<typeof BorderGlow>['colors'];
+    providers?: SignInProvider[];
+}
+export {};

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

@@ -0,0 +1,8 @@
+import { MenuItem } from '..';
+import { ComponentProps } from 'react';
+type ItemProperties = ComponentProps<typeof MenuItem>;
+export declare function SignOutMenuItem(properties: ItemProperties): import("react").JSX.Element;
+export declare function EditMenuItem(properties: ItemProperties): import("react").JSX.Element;
+export declare function DuplicateMenuItem(properties: ItemProperties): import("react").JSX.Element;
+export declare function DeleteMenuItem(properties: ItemProperties): import("react").JSX.Element;
+export {};

package/dist/blocks/user-avatar.d.ts

@@ -0,0 +1,10 @@
+import { Avatar, Badge } from '..';
+import { ComponentProps } from 'react';
+type Properties = Omit<ComponentProps<typeof Avatar>, 'children'> & {
+    src?: string;
+    name?: string;
+    badge?: number | boolean;
+    badgeVariant?: ComponentProps<typeof Badge>['variant'];
+};
+export declare function UserAvatar(properties: Properties): import("react").JSX.Element;
+export {};

package/dist/blocks/user-info.d.ts

@@ -0,0 +1,9 @@
+import { AuthUser } from '@digo-labs/services';
+import { ComponentProps } from 'react';
+import { ComponentStylesProps } from '../utils/styles';
+type Properties = RootProperties & ComponentStylesProps<'userInfo'>;
+export declare function UserInfo(properties: Properties): import("react").JSX.Element;
+interface RootProperties extends ComponentProps<'div'> {
+    user?: Pick<AuthUser, 'name' | 'email' | 'image'>;
+}
+export {};

package/dist/blocks/user-menu.d.ts

@@ -0,0 +1,18 @@
+import { AuthUser } from '@digo-labs/services';
+import { MenuPopup } from '..';
+import { ComponentProps, ReactNode } from 'react';
+import { ComponentStylesProps } from '../utils/styles';
+type Properties = RootProperties & ComponentStylesProps<'userMenu'>;
+export declare function UserMenu(properties: Properties): import("react").JSX.Element;
+interface RootProperties {
+    user?: Pick<AuthUser, 'name' | 'email' | 'image'>;
+    badge?: number | boolean;
+    header?: ReactNode;
+    footer?: ReactNode;
+    children?: ReactNode;
+    side?: ComponentProps<typeof MenuPopup>['side'];
+    align?: ComponentProps<typeof MenuPopup>['align'];
+    sideOffset?: ComponentProps<typeof MenuPopup>['sideOffset'];
+    anchor?: ComponentProps<typeof MenuPopup>['anchor'];
+}
+export {};

package/dist/components/avatar.d.ts

@@ -0,0 +1,10 @@
+import { Avatar as AvatarPrimitive } from '@base-ui/react/avatar';
+import { ComponentProps } from 'react';
+import { ComponentStylesProps } from '../utils/styles';
+type Properties = RootProperties & ComponentStylesProps<'avatar'>;
+export declare function Avatar(properties: Properties): import("react").JSX.Element;
+type RootProperties = AvatarPrimitive.Root.Props;
+export declare function AvatarImage(properties: AvatarPrimitive.Image.Props): import("react").JSX.Element;
+export declare function AvatarFallback(properties: AvatarPrimitive.Fallback.Props): import("react").JSX.Element;
+export declare function AvatarBadge(properties: ComponentProps<'span'>): import("react").JSX.Element;
+export {};

package/dist/components/badge.d.ts

@@ -0,0 +1,6 @@
+import { ComponentProps } from 'react';
+import { ComponentStylesProps } from '../utils/styles';
+type Properties = RootProperties & ComponentStylesProps<'badge'>;
+export declare function Badge(properties: Properties): import("react").JSX.Element;
+type RootProperties = ComponentProps<'span'>;
+export {};

package/dist/components/breadcrumb.d.ts

@@ -0,0 +1,13 @@
+import { ComponentProps } from 'react';
+import { useRender } from '@base-ui/react/use-render';
+import { ComponentStylesProps } from '../utils/styles';
+type Properties = RootProperties & ComponentStylesProps<'breadcrumb'>;
+export declare function Breadcrumb(properties: Properties): import("react").JSX.Element;
+type RootProperties = ComponentProps<'nav'>;
+export declare function BreadcrumbList(properties: ComponentProps<'ol'>): import("react").JSX.Element;
+export declare function BreadcrumbItem(properties: ComponentProps<'li'>): import("react").JSX.Element;
+export declare function BreadcrumbLink(properties: useRender.ComponentProps<'a'>): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+export declare function BreadcrumbPage(properties: ComponentProps<'span'>): import("react").JSX.Element;
+export declare function BreadcrumbSeparator(properties: ComponentProps<'li'>): import("react").JSX.Element;
+export declare function BreadcrumbEllipsis(properties: ComponentProps<'span'>): import("react").JSX.Element;
+export {};

package/dist/components/circular-progress.d.ts

@@ -0,0 +1,17 @@
+import { Progress as ProgressPrimitive } from '@base-ui/react/progress';
+import { ComponentProps } from 'react';
+import { motion } from 'motion/react';
+import { ComponentStylesProps } from '../utils/styles';
+interface Properties extends RootProperties, ComponentStylesProps<'circularProgress'> {
+    size?: number;
+    thickness?: number;
+    offset?: number;
+    rounded?: boolean;
+}
+export declare function CircularProgress(properties: Properties): import("react").JSX.Element;
+type RootProperties = ProgressPrimitive.Root.Props;
+export declare function CircularProgressCircle(properties: ComponentProps<'svg'>): import("react").JSX.Element;
+export declare function CircularProgressTrack(properties: ComponentProps<'circle'>): import("react").JSX.Element;
+export declare function CircularProgressRange(properties: ComponentProps<typeof motion.circle>): import("react").JSX.Element;
+export declare function CircularProgressValue(properties: ProgressPrimitive.Value.Props): import("react").JSX.Element;
+export {};

package/dist/components/collapsible.d.ts

@@ -1,14 +1,14 @@
 import { CuratedIcons } from '@digo-labs/common';
 import { Collapsible as CollapsiblePrimitive } from '@base-ui/react/collapsible';
-import { Inertia, Spring, Tween } from 'motion/react';
+import { Transition } from 'motion/react';
 import { ComponentStylesProps } from '../utils/styles';
 type Properties = RootProperties & ComponentStylesProps<'collapsible'>;
 export declare function Collapsible(properties: Properties): import("react").JSX.Element;
 type RootProperties = CollapsiblePrimitive.Root.Props;
 export declare function CollapsibleTrigger(properties: CollapsiblePrimitive.Trigger.Props): import("react").JSX.Element;
 interface PanelProperties extends CollapsiblePrimitive.Panel.Props {
-    openAnimation?: Spring | Tween | Inertia;
-    closeAnimation?: Spring | Tween | Inertia;
+    openAnimation?: Transition;
+    closeAnimation?: Transition;
 }
 export declare function CollapsiblePanel(properties: PanelProperties): import("react").JSX.Element;
 interface IconProperties {

package/dist/components/drawer.d.ts

@@ -1,7 +1,7 @@
+import { Side } from '@digo-labs/common';
 import { Drawer as DrawerPrimitive } from '@base-ui/react/drawer';
 import { ComponentProps } from 'react';
 import { ComponentStylesProps } from '../utils/styles';
-type Side = 'top' | 'right' | 'bottom' | 'left';
 interface Properties<Payload = unknown> extends DrawerPrimitive.Root.Props<Payload>, ComponentStylesProps<'drawer'> {
     side?: Side;
 }

package/dist/components/masonry.d.ts

@@ -4,5 +4,6 @@ type Properties = RootProperties & ComponentStylesProps<'masonry'>;
 export declare function Masonry(properties: Properties): import("react").JSX.Element;
 interface RootProperties extends ComponentProps<'div'> {
     columns?: number;
+    gap?: number;
 }
 export {};

package/dist/components/menu.d.ts

@@ -0,0 +1,41 @@
+import { Kbd } from '..';
+import { Menu as MenuPrimitive } from '@base-ui/react/menu';
+import { ComponentProps } from 'react';
+import { ComponentStylesProps } from '../utils/styles';
+export type MenuItemVariant = 'default' | 'destructive';
+export declare const MenuCreateHandle: typeof MenuPrimitive.createHandle;
+export declare const Menu: <Payload>(props: MenuPrimitive.Root.Props<Payload>) => import("react").JSX.Element;
+export declare function MenuTrigger(properties: MenuPrimitive.Trigger.Props): import("react").JSX.Element;
+type PopupProperties = MenuPrimitive.Popup.Props & ComponentStylesProps<'menu'> & MenuPrimitive.Positioner.Props;
+export declare function MenuPopup(properties: PopupProperties): import("react").JSX.Element;
+interface ItemProperties extends MenuPrimitive.Item.Props {
+    inset?: boolean;
+    variant?: MenuItemVariant;
+}
+export declare function MenuItem(properties: ItemProperties): import("react").JSX.Element;
+interface LinkItemProperties extends MenuPrimitive.LinkItem.Props {
+    inset?: boolean;
+    variant?: MenuItemVariant;
+}
+export declare function MenuLinkItem(properties: LinkItemProperties): import("react").JSX.Element;
+interface CheckboxItemProperties extends MenuPrimitive.CheckboxItem.Props {
+    variant?: 'default' | 'switch';
+    inset?: boolean;
+}
+export declare function MenuCheckboxItem(properties: CheckboxItemProperties): import("react").JSX.Element;
+export declare function MenuRadioGroup(properties: MenuPrimitive.RadioGroup.Props): import("react").JSX.Element;
+export declare function MenuRadioItem(properties: MenuPrimitive.RadioItem.Props): import("react").JSX.Element;
+export declare function MenuGroup(properties: MenuPrimitive.Group.Props): import("react").JSX.Element;
+interface GroupLabelProperties extends MenuPrimitive.GroupLabel.Props {
+    inset?: boolean;
+}
+export declare function MenuGroupLabel(properties: GroupLabelProperties): import("react").JSX.Element;
+export declare function MenuSeparator(properties: MenuPrimitive.Separator.Props): import("react").JSX.Element;
+export declare function MenuShortcut(properties: ComponentProps<typeof Kbd>): import("react").JSX.Element;
+export declare const MenuSub: typeof MenuPrimitive.SubmenuRoot;
+interface SubTriggerProperties extends MenuPrimitive.SubmenuTrigger.Props {
+    inset?: boolean;
+}
+export declare function MenuSubTrigger(properties: SubTriggerProperties): import("react").JSX.Element;
+export declare function MenuSubPopup(properties: PopupProperties): import("react").JSX.Element;
+export {};

package/dist/components/navigation-menu.d.ts

@@ -1,3 +1,5 @@
+import { CuratedIcons } from '@digo-labs/common';
+import { Image } from '..';
 import { NavigationMenu as NavigationMenuPrimitive } from '@base-ui/react/navigation-menu';
 import { ComponentProps } from 'react';
 import { ComponentStylesProps } from '../utils/styles';
@@ -10,5 +12,31 @@ export declare function NavigationMenuContent(properties: NavigationMenuPrimitiv
 export declare function NavigationMenuPositioner(properties: NavigationMenuPrimitive.Positioner.Props): import("react").JSX.Element;
 export declare function NavigationMenuLink(properties: NavigationMenuPrimitive.Link.Props): import("react").JSX.Element;
 export declare function NavigationMenuLinkCard(properties: NavigationMenuPrimitive.Link.Props): import("react").JSX.Element;
+interface VerticalCardProperties extends NavigationMenuPrimitive.Link.Props {
+    header: string;
+    subtitle: string;
+    image: ComponentProps<typeof Image>['src'];
+}
+export declare function NavigationMenuVerticalCard(properties: VerticalCardProperties): import("react").JSX.Element;
+interface HorizontalCardProperties extends NavigationMenuPrimitive.Link.Props {
+    header: string;
+    subtitle: string;
+    icon?: CuratedIcons;
+    image?: ComponentProps<typeof Image>['src'];
+}
+export declare function NavigationMenuHorizontalCard(properties: HorizontalCardProperties): import("react").JSX.Element;
+interface TextCardProperties extends NavigationMenuPrimitive.Link.Props {
+    header: string;
+    subtitle: string;
+}
+export declare function NavigationMenuTextCard(properties: TextCardProperties): import("react").JSX.Element;
+export declare function NavigationMenuGroupLabel(properties: ComponentProps<'div'>): import("react").JSX.Element;
+interface ImageCardProperties extends NavigationMenuPrimitive.Link.Props {
+    header: string;
+    subtitle: string;
+    eyebrow?: string;
+    image: ComponentProps<typeof Image>['src'];
+}
+export declare function NavigationMenuImageCard(properties: ImageCardProperties): import("react").JSX.Element;
 export declare function NavigationMenuIndicator(properties: ComponentProps<typeof NavigationMenuPrimitive.Icon>): import("react").JSX.Element;
 export {};

package/dist/components/resizable.d.ts

@@ -0,0 +1,10 @@
+import { GroupProps, PanelProps, SeparatorProps } from 'react-resizable-panels';
+import { ComponentStylesProps } from '../utils/styles';
+type Properties = GroupProps & ComponentStylesProps<'resizable'>;
+export declare function ResizablePanelGroup(properties: Properties): import("react").JSX.Element;
+export declare function ResizablePanel(properties: PanelProps): import("react").JSX.Element;
+interface ResizableHandleProperties extends SeparatorProps {
+    withHandle?: boolean;
+}
+export declare function ResizableHandle(properties: ResizableHandleProperties): import("react").JSX.Element;
+export type { PanelImperativeHandle } from 'react-resizable-panels';

package/dist/components/scene.d.ts

@@ -0,0 +1,18 @@
+import { ComponentProps } from 'react';
+import { Stage } from '@react-three/drei';
+import { ComponentStylesProps } from '../utils/styles';
+type Properties = RootProperties & ComponentStylesProps<'scene'>;
+export declare function Scene(properties: Properties): import("react").JSX.Element;
+interface RootProperties extends ComponentProps<'div'> {
+    environment?: ComponentProps<typeof Stage>['environment'];
+    shadows?: ComponentProps<typeof Stage>['shadows'];
+    intensity?: number;
+    autoRotate?: boolean;
+    autoRotateSpeed?: number;
+    enableRotate?: boolean;
+    enableZoom?: boolean;
+    enablePan?: boolean;
+    minPolarAngle?: number;
+    maxPolarAngle?: number;
+}
+export {};

package/dist/components/sidebar.d.ts

@@ -1,10 +1,33 @@
-import { ComponentProps, ReactElement } from 'react';
+import { Side } from '@digo-labs/common';
+import { Button } from '..';
+import { ComponentProps, ReactElement, ReactNode } from 'react';
 import { ComponentStylesProps } from '../utils/styles';
+interface ContextProperties {
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    openMobile: boolean;
+    setOpenMobile: (open: boolean) => void;
+    isMobile: boolean;
+    toggle: () => void;
+}
+export declare function useSidebar(): ContextProperties;
+interface ProviderProperties {
+    children: ReactNode;
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}
+export declare function SidebarProvider(properties: ProviderProperties): import("react").JSX.Element;
 interface Properties extends RootProperties, ComponentStylesProps<'sidebar'> {
     defaultOpen?: boolean;
+    side?: Side;
 }
 export declare function Sidebar(properties: Properties): import("react").JSX.Element;
 type RootProperties = ComponentProps<'aside'>;
+interface TriggerProperties extends ComponentProps<typeof Button> {
+    render?: ReactElement;
+}
+export declare function SidebarTrigger(properties: TriggerProperties): import("react").JSX.Element;
 export declare function SidebarHeader(properties: ComponentProps<'div'>): import("react").JSX.Element;
 export declare function SidebarContent(properties: ComponentProps<'div'>): import("react").JSX.Element;
 export declare function SidebarFooter(properties: ComponentProps<'div'>): import("react").JSX.Element;

package/dist/components/slide.d.ts

@@ -0,0 +1,35 @@
+import { Side } from '@digo-labs/common';
+import { ComponentProps, ReactElement, ReactNode } from 'react';
+import { HTMLMotionProps, Transition } from 'motion/react';
+import { ComponentStylesProps } from '../utils/styles';
+interface ContextProperties {
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    toggle: () => void;
+    side: Side;
+    size: number;
+    drawer: boolean;
+}
+export declare function useSlide(): ContextProperties;
+interface Properties extends RootProperties, ComponentStylesProps<'slide'> {
+    side?: Side;
+    size?: number;
+    open?: boolean;
+    defaultOpen?: boolean;
+    drawer?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}
+export declare function Slide(properties: Properties): import("react").JSX.Element;
+type RootProperties = ComponentProps<'div'>;
+export declare function SlideContent(properties: ComponentProps<'div'>): import("react").JSX.Element;
+interface PanelProperties extends HTMLMotionProps<'div'> {
+    children?: ReactNode;
+    openAnimation?: Transition;
+    closeAnimation?: Transition;
+}
+export declare function SlidePanel(properties: PanelProperties): import("react").JSX.Element;
+interface TriggerProperties extends ComponentProps<'button'> {
+    render?: ReactElement;
+}
+export declare function SlideTrigger(properties: TriggerProperties): import("react").JSX.Element;
+export {};

package/dist/components/table-of-contents.d.ts

@@ -20,4 +20,10 @@ interface ItemsProperties {
     lineWidth?: number;
 }
 export declare function TableOfContentsItems(properties: ItemsProperties): import("react").JSX.Element;
+interface MobileProperties extends ComponentProps<'div'>, ComponentStylesProps<'tableOfContents'> {
+    items: TocItemData[];
+    activeSlugs: string[];
+    placeholder?: string;
+}
+export declare function TableOfContentsMobile(properties: MobileProperties): import("react").JSX.Element;
 export {};

package/dist/components/toast.d.ts

@@ -1,6 +1,7 @@
 import { Toast } from '@base-ui/react/toast';
 import { ComponentStylesProps } from '../utils/styles';
 export declare const toastManager: import('@base-ui/react').ToastManager<any>;
+export declare const createToastManager: typeof Toast.createToastManager;
 type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
 interface ProviderProperties extends Toast.Provider.Props, ComponentStylesProps<'toast'> {
     position?: ToastPosition;

package/dist/cursors/cursor-bracket.d.ts

@@ -5,6 +5,7 @@ interface Properties {
     offset?: number;
     color?: string;
     lineLength?: number;
+    maxLength?: number;
     borderWidth?: number;
 }
 export declare function CursorBracket(properties: Properties): import("react").JSX.Element | null;

package/dist/effects/crt-screen.d.ts

@@ -0,0 +1,13 @@
+import { Breakpoint } from '@digo-labs/common';
+import { ReactNode } from 'react';
+import { ComponentStylesProps } from '../utils/styles';
+type Properties = RootProperties & ComponentStylesProps<'crtScreen'>;
+export declare function CRTScreen(properties: Properties): import("react").JSX.Element;
+interface RootProperties {
+    children: ReactNode;
+    className?: string;
+    glass?: boolean;
+    scanlines?: boolean;
+    framelessBelow?: Breakpoint;
+}
+export {};

package/dist/effects/glass-container.d.ts

@@ -2,8 +2,8 @@ import { ReactNode } from 'react';
 interface Properties {
     borderRadiusPx?: number;
     blurIntensity?: 'sm' | 'md' | 'lg' | 'xl';
-    glowIntensity?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-    shadowIntensity?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    glowIntensity?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+    shadowIntensity?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
     contentClasses?: string;
     className?: string;
     children: ReactNode;

package/dist/effects/impact-body.d.ts

@@ -0,0 +1,15 @@
+import { Color } from '..';
+import { CSSProperties, ReactNode } from 'react';
+export declare const IMPACT_DEFORM = "\n  uniform vec3  uImpactAxis;\n  uniform float uImpactAmount;\n\n  vec3 impacted(vec3 point) {\n    float impactSide   = dot(normalize(point), uImpactAxis) * 0.5 + 0.5;\n    float impactWeight = 0.35 + 0.65 * impactSide;\n    float impactAlong  = dot(point, uImpactAxis);\n    vec3  impactAxial  = uImpactAxis * impactAlong;\n    vec3  impactSquash = impactAxial * (1.0 - uImpactAmount) + (point - impactAxial) * (1.0 + uImpactAmount * 0.65);\n    return mix(point, impactSquash, impactWeight);\n  }\n";
+interface MeshProperties {
+    color?: Color;
+    roughness?: number;
+    clearcoat?: number;
+    children?: ReactNode;
+}
+interface Properties extends MeshProperties {
+    className?: string;
+    style?: CSSProperties;
+}
+export declare function ImpactBody(properties: Properties): import("react").JSX.Element;
+export {};

package/dist/effects/model.d.ts

@@ -0,0 +1,5 @@
+interface Properties {
+    src: string;
+}
+export declare function Model(properties: Properties): import("react").JSX.Element;
+export {};

package/dist/effects/organism.d.ts

@@ -0,0 +1,17 @@
+import { Color } from '..';
+import { CSSProperties } from 'react';
+export declare const ORGANISM_DISPLACEMENT = "\n  uniform float uTime;\n  uniform float uDistortion;\n  uniform vec3  uPointer;\n  uniform float uPointerStrength;\n  uniform vec3  uPulseOrigin;\n  uniform float uPulseTime;\n  uniform float uPulseStrength;\n\n  vec3 mod289(vec3 x) { return x - floor(x * (1.0 / 289.0)) * 289.0; }\n  vec4 mod289(vec4 x) { return x - floor(x * (1.0 / 289.0)) * 289.0; }\n  vec4 permute(vec4 x) { return mod289(((x * 34.0) + 1.0) * x); }\n  vec4 taylorInvSqrt(vec4 r) { return 1.79284291400159 - 0.85373472095314 * r; }\n\n  float snoise(vec3 v) {\n    const vec2 C = vec2(1.0 / 6.0, 1.0 / 3.0);\n    const vec4 D = vec4(0.0, 0.5, 1.0, 2.0);\n    vec3 i  = floor(v + dot(v, C.yyy));\n    vec3 x0 = v - i + dot(i, C.xxx);\n    vec3 g  = step(x0.yzx, x0.xyz);\n    vec3 l  = 1.0 - g;\n    vec3 i1 = min(g.xyz, l.zxy);\n    vec3 i2 = max(g.xyz, l.zxy);\n    vec3 x1 = x0 - i1 + C.xxx;\n    vec3 x2 = x0 - i2 + C.yyy;\n    vec3 x3 = x0 - D.yyy;\n    i = mod289(i);\n    vec4 p = permute(permute(permute(i.z + vec4(0.0, i1.z, i2.z, 1.0)) + i.y + vec4(0.0, i1.y, i2.y, 1.0)) + i.x + vec4(0.0, i1.x, i2.x, 1.0));\n    float n_ = 0.142857142857;\n    vec3 ns = n_ * D.wyz - D.xzx;\n    vec4 j = p - 49.0 * floor(p * ns.z * ns.z);\n    vec4 x_ = floor(j * ns.z);\n    vec4 y_ = floor(j - 7.0 * x_);\n    vec4 x = x_ * ns.x + ns.yyyy;\n    vec4 y = y_ * ns.x + ns.yyyy;\n    vec4 h = 1.0 - abs(x) - abs(y);\n    vec4 b0 = vec4(x.xy, y.xy);\n    vec4 b1 = vec4(x.zw, y.zw);\n    vec4 s0 = floor(b0) * 2.0 + 1.0;\n    vec4 s1 = floor(b1) * 2.0 + 1.0;\n    vec4 sh = -step(h, vec4(0.0));\n    vec4 a0 = b0.xzyw + s0.xzyw * sh.xxyy;\n    vec4 a1 = b1.xzyw + s1.xzyw * sh.zzww;\n    vec3 p0 = vec3(a0.xy, h.x);\n    vec3 p1 = vec3(a0.zw, h.y);\n    vec3 p2 = vec3(a1.xy, h.z);\n    vec3 p3 = vec3(a1.zw, h.w);\n    vec4 norm = taylorInvSqrt(vec4(dot(p0, p0), dot(p1, p1), dot(p2, p2), dot(p3, p3)));\n    p0 *= norm.x;\n    p1 *= norm.y;\n    p2 *= norm.z;\n    p3 *= norm.w;\n    vec4 m = max(0.6 - vec4(dot(x0, x0), dot(x1, x1), dot(x2, x2), dot(x3, x3)), 0.0);\n    m = m * m;\n    return 42.0 * dot(m * m, vec4(dot(p0, x0), dot(p1, x1), dot(p2, x2), dot(p3, x3)));\n  }\n\n  float displacementAt(vec3 point) {\n    vec3 unit = normalize(point);\n    float base = snoise(unit * 1.5 + vec3(0.0, uTime * 0.35, 0.0)) * 0.6\n               + snoise(unit * 3.0 - vec3(uTime * 0.2, 0.0, 0.0)) * 0.07;\n    float pointerDistance = distance(point, uPointer);\n    float bulge = uPointerStrength * exp(-pointerDistance * pointerDistance * 18.0);\n    float pulseDistance = distance(point, uPulseOrigin);\n    float pulse = uPulseStrength * sin(pulseDistance * 22.0 - uPulseTime * 9.0) * exp(-pulseDistance * 2.5) * exp(-uPulseTime * 2.2);\n    return base * 0.2 * uDistortion + bulge * 0.14 + pulse * 0.05;\n  }\n\n  vec3 displaced(vec3 point) {\n    return point + normalize(point) * displacementAt(point);\n  }\n";
+interface MeshProperties {
+    speed?: number;
+    distortion?: number;
+    pointerStrength?: number;
+    pulseStrength?: number;
+    detail?: number;
+    colors?: [Color, Color, Color];
+}
+interface Properties extends MeshProperties {
+    className?: string;
+    style?: CSSProperties;
+}
+export declare function Organism(properties: Properties): import("react").JSX.Element;
+export {};

package/dist/effects/react-cube.d.ts

@@ -0,0 +1,14 @@
+import { CSSProperties, ReactNode } from 'react';
+export type ReactCubeFaces = [ReactNode, ReactNode, ReactNode, ReactNode, ReactNode, ReactNode];
+interface MeshProperties {
+    percentage: number;
+    children?: ReactCubeFaces;
+    width?: number;
+    height?: number;
+}
+interface Properties extends MeshProperties {
+    className?: string;
+    style?: CSSProperties;
+}
+export declare function ReactCube(properties: Properties): import("react").JSX.Element;
+export {};

package/dist/effects/stickers.d.ts

@@ -0,0 +1,17 @@
+import { CSSProperties, ReactNode } from 'react';
+interface GroupProperties {
+    images?: string[];
+    children: ReactNode;
+    size?: number;
+    sizeVariance?: number;
+    maxStickers?: number;
+    impact?: boolean;
+    preview?: boolean;
+    peel?: boolean;
+}
+interface Properties extends GroupProperties {
+    className?: string;
+    style?: CSSProperties;
+}
+export declare function Stickers(properties: Properties): import("react").JSX.Element;
+export {};

package/dist/hooks/use-in-view.d.ts

@@ -0,0 +1,4 @@
+export declare function useInView<T extends HTMLElement>(): {
+    ref: import('react').RefObject<T | null>;
+    inView: boolean;
+};

package/dist/hooks/use-media-query.d.ts

@@ -0,0 +1,10 @@
+import { Breakpoint } from '@digo-labs/common';
+type BreakpointQuery = Breakpoint | `max-${Breakpoint}` | `${Breakpoint}:max-${Breakpoint}`;
+export interface MediaQueryInput {
+    min?: Breakpoint | number;
+    max?: Breakpoint | number;
+    pointer?: 'coarse' | 'fine';
+}
+export declare function useMediaQuery(query: BreakpointQuery | MediaQueryInput | (string & {})): boolean;
+export declare function useIsMobile(): boolean;
+export {};

package/dist/hooks/use-timer.d.ts

@@ -1,7 +1,7 @@
 export interface Timer {
     start: (seconds: number) => void;
     pause: () => void;
-    resume: (currentSecons?: number) => void;
+    resume: (currentSeconds?: number) => void;
     reset: () => void;
 }
 interface UseTimerProperties {