@digo-labs/ui 0.1.14 → 0.1.16

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/login-card.d.ts

@@ -1,11 +1,11 @@
 import { SignInProvider } from '@digo-labs/common';
-import { BorderGlow, Image, Model } from '..';
-import { ComponentProps } from 'react';
+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 {
-    model?: ComponentProps<typeof Model>['src'];
+    scene?: ReactNode;
     eyebrow?: string;
     title?: string;
     description?: string;

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

@@ -1,5 +1,6 @@
 import { AuthUser } from '@digo-labs/services';
-import { ReactNode } from 'react';
+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;
@@ -9,5 +10,9 @@ interface RootProperties {
     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/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/navigation-menu.d.ts

@@ -21,7 +21,8 @@ export declare function NavigationMenuVerticalCard(properties: VerticalCardPrope
 interface HorizontalCardProperties extends NavigationMenuPrimitive.Link.Props {
     header: string;
     subtitle: string;
-    icon: CuratedIcons;
+    icon?: CuratedIcons;
+    image?: ComponentProps<typeof Image>['src'];
 }
 export declare function NavigationMenuHorizontalCard(properties: HorizontalCardProperties): import("react").JSX.Element;
 interface TextCardProperties extends NavigationMenuPrimitive.Link.Props {

package/dist/components/scene.d.ts

@@ -5,15 +5,14 @@ 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;
 }
-interface ModelProperties {
-    src: string;
-}
-export declare function Model(properties: ModelProperties): import("react").JSX.Element;
 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

@@ -8,6 +8,7 @@ interface ContextProperties {
     toggle: () => void;
     side: Side;
     size: number;
+    drawer: boolean;
 }
 export declare function useSlide(): ContextProperties;
 interface Properties extends RootProperties, ComponentStylesProps<'slide'> {
@@ -15,6 +16,7 @@ interface Properties extends RootProperties, ComponentStylesProps<'slide'> {
     size?: number;
     open?: boolean;
     defaultOpen?: boolean;
+    drawer?: boolean;
     onOpenChange?: (open: boolean) => void;
 }
 export declare function Slide(properties: Properties): import("react").JSX.Element;

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/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-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/index.d.ts

@@ -1,6 +1,7 @@
 export * from './animation/motion-animate-presence';
 export * from './other/animations';
 export * from './blocks/auth-guard';
+export * from './blocks/breadcrumb-nav';
 export * from './blocks/card';
 export * from './blocks/chat-thread';
 export * from './blocks/command-button';
@@ -46,9 +47,11 @@ export * from './components/alert';
 export * from './components/autocomplete';
 export * from './components/avatar';
 export * from './components/badge';
+export * from './components/breadcrumb';
 export * from './components/button';
 export * from './components/chart';
 export * from './components/checkbox';
+export * from './components/circular-progress';
 export * from './components/code-block';
 export * from './components/collapsible';
 export * from './components/color-area';
@@ -108,23 +111,26 @@ export * from './cursors/cursor-container';
 export * from './cursors/cursor-clipping';
 export * from './cursors/cursor-bracket';
 export * from './effects/border-glow';
-export * from './effects/border-trail';
+export * from './effects/crt-screen';
 export * from './effects/dark-veil';
 export * from './effects/dissolve-overlay';
 export * from './effects/dot-grid';
-export * from './effects/draggable-container';
 export * from './effects/faulty-terminal';
 export * from './effects/floating-lines';
 export * from './effects/glass-container';
 export * from './effects/grainient';
 export * from './effects/image-transition';
+export * from './effects/impact-body';
 export * from './effects/infinite-menu';
 export * from './effects/iridescence';
 export * from './effects/letter-swap';
-export * from './effects/marquee-bar';
 export * from './effects/marquee';
+export * from './effects/model';
 export * from './effects/noise';
 export * from './effects/orb';
+export * from './effects/organism';
+export * from './effects/react-cube';
+export * from './effects/stickers';
 export * from './effects/text-morph';
 export * from './effects/text-pressure';
 export * from './effects/text-roll';
@@ -137,6 +143,7 @@ export * from './hooks/use-animated-value';
 export * from './hooks/use-element-size';
 export * from './hooks/use-focus-size';
 export * from './hooks/use-in-view';
+export * from './hooks/use-media-query';
 export * from './hooks/use-preloaded-image';
 export * from './hooks/use-stopwatch';
 export * from './hooks/use-timer';
@@ -144,6 +151,7 @@ export * from './pages/loading-page';
 export * from './pages/login-page';
 export * from './providers/command-provider';
 export * from './providers/design-system-provider';
+export * from './providers/portal-provider';
 export * as baseStyles from './styles';
 export * from './presets';
 export * from './utils/motion-presets';