@digo-labs/ui 0.1.14 → 0.1.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/blocks/breadcrumb-nav.d.ts +18 -0
- package/dist/blocks/chat-thread.d.ts +5 -2
- package/dist/blocks/login-card.d.ts +3 -3
- package/dist/blocks/user-menu.d.ts +6 -1
- package/dist/components/attachment.d.ts +11 -0
- package/dist/components/breadcrumb.d.ts +13 -0
- package/dist/components/bubble.d.ts +18 -0
- package/dist/components/circular-progress.d.ts +17 -0
- package/dist/components/marker.d.ts +9 -0
- package/dist/components/message-scroller.d.ts +19 -0
- package/dist/components/message.d.ts +15 -0
- package/dist/components/navigation-menu.d.ts +2 -1
- package/dist/components/scene.d.ts +3 -4
- package/dist/components/sidebar.d.ts +24 -1
- package/dist/components/slide.d.ts +2 -0
- package/dist/components/table-of-contents.d.ts +6 -0
- package/dist/components/toast.d.ts +1 -0
- package/dist/effects/crt-screen.d.ts +13 -0
- package/dist/effects/glass-container.d.ts +2 -2
- package/dist/effects/impact-body.d.ts +15 -0
- package/dist/effects/model.d.ts +5 -0
- package/dist/effects/organism.d.ts +17 -0
- package/dist/effects/react-cube.d.ts +14 -0
- package/dist/effects/stickers.d.ts +17 -0
- package/dist/hooks/use-media-query.d.ts +10 -0
- package/dist/index.d.ts +16 -3
- package/dist/index.js +7126 -4778
- package/dist/index.js.map +1 -1
- package/dist/presets/curated/index.d.ts +2 -0
- package/dist/presets/curated/terminal.d.ts +2 -0
- package/dist/presets/curated/windows-98.d.ts +2 -0
- package/dist/providers/portal-provider.d.ts +9 -0
- package/dist/styles/attachment.d.ts +121 -0
- package/dist/styles/breadcrumb-nav.d.ts +53 -0
- package/dist/styles/breadcrumb.d.ts +85 -0
- package/dist/styles/bubble.d.ts +191 -0
- package/dist/styles/chat-thread.d.ts +24 -64
- package/dist/styles/circular-progress.d.ts +69 -0
- package/dist/styles/crt-screen.d.ts +288 -0
- package/dist/styles/dropzone.d.ts +10 -10
- package/dist/styles/field.d.ts +5 -5
- package/dist/styles/google-signin-button.d.ts +5 -5
- package/dist/styles/index.d.ts +9 -0
- package/dist/styles/marker.d.ts +104 -0
- package/dist/styles/message-scroller.d.ts +69 -0
- package/dist/styles/message.d.ts +77 -0
- package/dist/styles/number-field.d.ts +5 -5
- package/dist/styles/pagination.d.ts +5 -5
- package/dist/styles/prompt-input.d.ts +0 -48
- package/dist/styles/properties.d.ts +5 -5
- package/dist/styles/sidebar.d.ts +16 -0
- package/dist/styles/table-of-contents.d.ts +56 -0
- package/package.json +4 -3
- package/dist/effects/border-trail.d.ts +0 -10
- package/dist/effects/cube-scene.d.ts +0 -11
- package/dist/effects/draggable-container.d.ts +0 -10
- package/dist/effects/marquee-bar.d.ts +0 -6
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { CuratedIcons } from '@digo-labs/common';
|
|
2
|
+
import { ComponentProps, ReactElement, ReactNode } from 'react';
|
|
3
|
+
import { ComponentStylesProps } from '../utils/styles';
|
|
4
|
+
export interface BreadcrumbNavItem {
|
|
5
|
+
label: string;
|
|
6
|
+
href?: string;
|
|
7
|
+
icon?: CuratedIcons;
|
|
8
|
+
}
|
|
9
|
+
type Properties = RootProperties & ComponentStylesProps<'breadcrumbNav'>;
|
|
10
|
+
export declare function BreadcrumbNav(properties: Properties): import("react").JSX.Element;
|
|
11
|
+
interface RootProperties extends ComponentProps<'nav'> {
|
|
12
|
+
items: BreadcrumbNavItem[];
|
|
13
|
+
maxItems?: number;
|
|
14
|
+
menuIcon?: CuratedIcons;
|
|
15
|
+
separator?: ReactNode;
|
|
16
|
+
renderLink?: (item: BreadcrumbNavItem) => ReactElement;
|
|
17
|
+
}
|
|
18
|
+
export {};
|
|
@@ -1,15 +1,18 @@
|
|
|
1
|
-
import { TextMessage } from '@digo-labs/common';
|
|
1
|
+
import { FilePayload, TextMessage } from '@digo-labs/common';
|
|
2
2
|
import { ComponentProps } from 'react';
|
|
3
3
|
import { ComponentStylesProps } from '../utils/styles';
|
|
4
4
|
export interface ChatThreadMessage {
|
|
5
|
+
id?: string;
|
|
5
6
|
role: 'user' | 'assistant' | 'error';
|
|
6
7
|
content: TextMessage['content'];
|
|
8
|
+
attachments?: FilePayload[];
|
|
7
9
|
stopReason?: string;
|
|
8
10
|
}
|
|
9
11
|
type Properties = RootProperties & ComponentStylesProps<'chatThread'>;
|
|
10
12
|
export declare function ChatThread(properties: Properties): import("react").JSX.Element;
|
|
11
13
|
interface RootProperties extends ComponentProps<'div'> {
|
|
12
14
|
messages: ChatThreadMessage[];
|
|
13
|
-
|
|
15
|
+
isStreaming?: boolean;
|
|
16
|
+
autoScroll?: boolean;
|
|
14
17
|
}
|
|
15
18
|
export {};
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { SignInProvider } from '@digo-labs/common';
|
|
2
|
-
import { BorderGlow, Image
|
|
3
|
-
import { ComponentProps } from 'react';
|
|
2
|
+
import { BorderGlow, Image } from '..';
|
|
3
|
+
import { ComponentProps, ReactNode } from 'react';
|
|
4
4
|
import { ComponentStylesProps } from '../utils/styles';
|
|
5
5
|
type Properties = RootProperties & ComponentStylesProps<'loginCard'>;
|
|
6
6
|
export declare function LoginCard(properties: Properties): import("react").JSX.Element;
|
|
7
7
|
interface RootProperties {
|
|
8
|
-
|
|
8
|
+
scene?: ReactNode;
|
|
9
9
|
eyebrow?: string;
|
|
10
10
|
title?: string;
|
|
11
11
|
description?: string;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { AuthUser } from '@digo-labs/services';
|
|
2
|
-
import {
|
|
2
|
+
import { MenuPopup } from '..';
|
|
3
|
+
import { ComponentProps, ReactNode } from 'react';
|
|
3
4
|
import { ComponentStylesProps } from '../utils/styles';
|
|
4
5
|
type Properties = RootProperties & ComponentStylesProps<'userMenu'>;
|
|
5
6
|
export declare function UserMenu(properties: Properties): import("react").JSX.Element;
|
|
@@ -9,5 +10,9 @@ interface RootProperties {
|
|
|
9
10
|
header?: ReactNode;
|
|
10
11
|
footer?: ReactNode;
|
|
11
12
|
children?: ReactNode;
|
|
13
|
+
side?: ComponentProps<typeof MenuPopup>['side'];
|
|
14
|
+
align?: ComponentProps<typeof MenuPopup>['align'];
|
|
15
|
+
sideOffset?: ComponentProps<typeof MenuPopup>['sideOffset'];
|
|
16
|
+
anchor?: ComponentProps<typeof MenuPopup>['anchor'];
|
|
12
17
|
}
|
|
13
18
|
export {};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { FilePayload } from '@digo-labs/common';
|
|
2
|
+
import { ComponentProps } from 'react';
|
|
3
|
+
import { ComponentStylesProps } from '../utils/styles';
|
|
4
|
+
type Properties = RootProperties & ComponentStylesProps<'attachment'>;
|
|
5
|
+
export declare function Attachment(properties: Properties): import("react").JSX.Element;
|
|
6
|
+
interface RootProperties extends ComponentProps<'div'> {
|
|
7
|
+
file: FilePayload;
|
|
8
|
+
preview?: boolean;
|
|
9
|
+
onRemove?: () => void;
|
|
10
|
+
}
|
|
11
|
+
export {};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { ComponentProps } from 'react';
|
|
2
|
+
import { useRender } from '@base-ui/react/use-render';
|
|
3
|
+
import { ComponentStylesProps } from '../utils/styles';
|
|
4
|
+
type Properties = RootProperties & ComponentStylesProps<'breadcrumb'>;
|
|
5
|
+
export declare function Breadcrumb(properties: Properties): import("react").JSX.Element;
|
|
6
|
+
type RootProperties = ComponentProps<'nav'>;
|
|
7
|
+
export declare function BreadcrumbList(properties: ComponentProps<'ol'>): import("react").JSX.Element;
|
|
8
|
+
export declare function BreadcrumbItem(properties: ComponentProps<'li'>): import("react").JSX.Element;
|
|
9
|
+
export declare function BreadcrumbLink(properties: useRender.ComponentProps<'a'>): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
|
|
10
|
+
export declare function BreadcrumbPage(properties: ComponentProps<'span'>): import("react").JSX.Element;
|
|
11
|
+
export declare function BreadcrumbSeparator(properties: ComponentProps<'li'>): import("react").JSX.Element;
|
|
12
|
+
export declare function BreadcrumbEllipsis(properties: ComponentProps<'span'>): import("react").JSX.Element;
|
|
13
|
+
export {};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { Align, Side, Subset } from '@digo-labs/common';
|
|
2
|
+
import { ComponentProps } from 'react';
|
|
3
|
+
import { useRender } from '@base-ui/react/use-render';
|
|
4
|
+
import { ComponentStylesProps } from '../utils/styles';
|
|
5
|
+
type Properties = RootProperties & ComponentStylesProps<'bubble'>;
|
|
6
|
+
export declare function Bubble(properties: Properties): import("react").JSX.Element;
|
|
7
|
+
interface RootProperties extends ComponentProps<'div'> {
|
|
8
|
+
align?: Subset<Align, 'start' | 'end'>;
|
|
9
|
+
}
|
|
10
|
+
export declare function BubbleContent(properties: useRender.ComponentProps<'div'>): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
|
|
11
|
+
interface ReactionsProperties extends ComponentProps<'div'> {
|
|
12
|
+
side?: Subset<Side, 'top' | 'bottom'>;
|
|
13
|
+
align?: Subset<Align, 'start' | 'end'>;
|
|
14
|
+
}
|
|
15
|
+
export declare function BubbleReactions(properties: ReactionsProperties): import("react").JSX.Element;
|
|
16
|
+
type GroupProperties = ComponentProps<'div'> & Pick<ComponentStylesProps<'bubble'>, 'classNames'>;
|
|
17
|
+
export declare function BubbleGroup(properties: GroupProperties): import("react").JSX.Element;
|
|
18
|
+
export {};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { Progress as ProgressPrimitive } from '@base-ui/react/progress';
|
|
2
|
+
import { ComponentProps } from 'react';
|
|
3
|
+
import { motion } from 'motion/react';
|
|
4
|
+
import { ComponentStylesProps } from '../utils/styles';
|
|
5
|
+
interface Properties extends RootProperties, ComponentStylesProps<'circularProgress'> {
|
|
6
|
+
size?: number;
|
|
7
|
+
thickness?: number;
|
|
8
|
+
offset?: number;
|
|
9
|
+
rounded?: boolean;
|
|
10
|
+
}
|
|
11
|
+
export declare function CircularProgress(properties: Properties): import("react").JSX.Element;
|
|
12
|
+
type RootProperties = ProgressPrimitive.Root.Props;
|
|
13
|
+
export declare function CircularProgressCircle(properties: ComponentProps<'svg'>): import("react").JSX.Element;
|
|
14
|
+
export declare function CircularProgressTrack(properties: ComponentProps<'circle'>): import("react").JSX.Element;
|
|
15
|
+
export declare function CircularProgressRange(properties: ComponentProps<typeof motion.circle>): import("react").JSX.Element;
|
|
16
|
+
export declare function CircularProgressValue(properties: ProgressPrimitive.Value.Props): import("react").JSX.Element;
|
|
17
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ComponentProps } from 'react';
|
|
2
|
+
import { useRender } from '@base-ui/react/use-render';
|
|
3
|
+
import { ComponentStylesProps } from '../utils/styles';
|
|
4
|
+
type Properties = RootProperties & ComponentStylesProps<'marker'>;
|
|
5
|
+
export declare function Marker(properties: Properties): import("react").JSX.Element;
|
|
6
|
+
type RootProperties = useRender.ComponentProps<'div'>;
|
|
7
|
+
export declare function MarkerIcon(properties: ComponentProps<'span'>): import("react").JSX.Element;
|
|
8
|
+
export declare function MarkerContent(properties: ComponentProps<'span'>): import("react").JSX.Element;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { ComponentProps } from 'react';
|
|
2
|
+
import { MessageScroller as MessageScrollerPrimitive } from '@shadcn/react/message-scroller';
|
|
3
|
+
import { ComponentStylesProps } from '../utils/styles';
|
|
4
|
+
export declare const MessageScrollerProvider: ({ autoScroll, children, defaultScrollPosition, scrollEdgeThreshold, scrollPreviousItemPeek, scrollMargin, }: {
|
|
5
|
+
children?: React.ReactNode;
|
|
6
|
+
autoScroll?: boolean;
|
|
7
|
+
defaultScrollPosition?: import('@shadcn/react/message-scroller').MessageScrollerDefaultScrollPosition;
|
|
8
|
+
scrollEdgeThreshold?: number;
|
|
9
|
+
scrollPreviousItemPeek?: number;
|
|
10
|
+
scrollMargin?: number;
|
|
11
|
+
}) => import("react").JSX.Element;
|
|
12
|
+
type Properties = RootProperties & ComponentStylesProps<'messageScroller'>;
|
|
13
|
+
export declare function MessageScroller(properties: Properties): import("react").JSX.Element;
|
|
14
|
+
type RootProperties = ComponentProps<typeof MessageScrollerPrimitive.Root>;
|
|
15
|
+
export declare function MessageScrollerViewport(properties: ComponentProps<typeof MessageScrollerPrimitive.Viewport>): import("react").JSX.Element;
|
|
16
|
+
export declare function MessageScrollerContent(properties: ComponentProps<typeof MessageScrollerPrimitive.Content>): import("react").JSX.Element;
|
|
17
|
+
export declare function MessageScrollerItem(properties: ComponentProps<typeof MessageScrollerPrimitive.Item>): import("react").JSX.Element;
|
|
18
|
+
export declare function MessageScrollerButton(properties: ComponentProps<typeof MessageScrollerPrimitive.Button>): import("react").JSX.Element;
|
|
19
|
+
export { useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility } from '@shadcn/react/message-scroller';
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { Align, Subset } from '@digo-labs/common';
|
|
2
|
+
import { ComponentProps } from 'react';
|
|
3
|
+
import { ComponentStylesProps } from '../utils/styles';
|
|
4
|
+
type Properties = RootProperties & ComponentStylesProps<'message'>;
|
|
5
|
+
export declare function Message(properties: Properties): import("react").JSX.Element;
|
|
6
|
+
interface RootProperties extends ComponentProps<'div'> {
|
|
7
|
+
align?: Subset<Align, 'start' | 'end'>;
|
|
8
|
+
}
|
|
9
|
+
export declare function MessageAvatar(properties: ComponentProps<'div'>): import("react").JSX.Element;
|
|
10
|
+
export declare function MessageContent(properties: ComponentProps<'div'>): import("react").JSX.Element;
|
|
11
|
+
export declare function MessageHeader(properties: ComponentProps<'div'>): import("react").JSX.Element;
|
|
12
|
+
export declare function MessageFooter(properties: ComponentProps<'div'>): import("react").JSX.Element;
|
|
13
|
+
type GroupProperties = ComponentProps<'div'> & ComponentStylesProps<'message'>;
|
|
14
|
+
export declare function MessageGroup(properties: GroupProperties): import("react").JSX.Element;
|
|
15
|
+
export {};
|
|
@@ -21,7 +21,8 @@ export declare function NavigationMenuVerticalCard(properties: VerticalCardPrope
|
|
|
21
21
|
interface HorizontalCardProperties extends NavigationMenuPrimitive.Link.Props {
|
|
22
22
|
header: string;
|
|
23
23
|
subtitle: string;
|
|
24
|
-
icon
|
|
24
|
+
icon?: CuratedIcons;
|
|
25
|
+
image?: ComponentProps<typeof Image>['src'];
|
|
25
26
|
}
|
|
26
27
|
export declare function NavigationMenuHorizontalCard(properties: HorizontalCardProperties): import("react").JSX.Element;
|
|
27
28
|
interface TextCardProperties extends NavigationMenuPrimitive.Link.Props {
|
|
@@ -5,15 +5,14 @@ type Properties = RootProperties & ComponentStylesProps<'scene'>;
|
|
|
5
5
|
export declare function Scene(properties: Properties): import("react").JSX.Element;
|
|
6
6
|
interface RootProperties extends ComponentProps<'div'> {
|
|
7
7
|
environment?: ComponentProps<typeof Stage>['environment'];
|
|
8
|
+
shadows?: ComponentProps<typeof Stage>['shadows'];
|
|
8
9
|
intensity?: number;
|
|
9
10
|
autoRotate?: boolean;
|
|
10
11
|
autoRotateSpeed?: number;
|
|
11
12
|
enableRotate?: boolean;
|
|
12
13
|
enableZoom?: boolean;
|
|
13
14
|
enablePan?: boolean;
|
|
15
|
+
minPolarAngle?: number;
|
|
16
|
+
maxPolarAngle?: number;
|
|
14
17
|
}
|
|
15
|
-
interface ModelProperties {
|
|
16
|
-
src: string;
|
|
17
|
-
}
|
|
18
|
-
export declare function Model(properties: ModelProperties): import("react").JSX.Element;
|
|
19
18
|
export {};
|
|
@@ -1,10 +1,33 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { Side } from '@digo-labs/common';
|
|
2
|
+
import { Button } from '..';
|
|
3
|
+
import { ComponentProps, ReactElement, ReactNode } from 'react';
|
|
2
4
|
import { ComponentStylesProps } from '../utils/styles';
|
|
5
|
+
interface ContextProperties {
|
|
6
|
+
open: boolean;
|
|
7
|
+
setOpen: (open: boolean) => void;
|
|
8
|
+
openMobile: boolean;
|
|
9
|
+
setOpenMobile: (open: boolean) => void;
|
|
10
|
+
isMobile: boolean;
|
|
11
|
+
toggle: () => void;
|
|
12
|
+
}
|
|
13
|
+
export declare function useSidebar(): ContextProperties;
|
|
14
|
+
interface ProviderProperties {
|
|
15
|
+
children: ReactNode;
|
|
16
|
+
defaultOpen?: boolean;
|
|
17
|
+
open?: boolean;
|
|
18
|
+
onOpenChange?: (open: boolean) => void;
|
|
19
|
+
}
|
|
20
|
+
export declare function SidebarProvider(properties: ProviderProperties): import("react").JSX.Element;
|
|
3
21
|
interface Properties extends RootProperties, ComponentStylesProps<'sidebar'> {
|
|
4
22
|
defaultOpen?: boolean;
|
|
23
|
+
side?: Side;
|
|
5
24
|
}
|
|
6
25
|
export declare function Sidebar(properties: Properties): import("react").JSX.Element;
|
|
7
26
|
type RootProperties = ComponentProps<'aside'>;
|
|
27
|
+
interface TriggerProperties extends ComponentProps<typeof Button> {
|
|
28
|
+
render?: ReactElement;
|
|
29
|
+
}
|
|
30
|
+
export declare function SidebarTrigger(properties: TriggerProperties): import("react").JSX.Element;
|
|
8
31
|
export declare function SidebarHeader(properties: ComponentProps<'div'>): import("react").JSX.Element;
|
|
9
32
|
export declare function SidebarContent(properties: ComponentProps<'div'>): import("react").JSX.Element;
|
|
10
33
|
export declare function SidebarFooter(properties: ComponentProps<'div'>): import("react").JSX.Element;
|
|
@@ -8,6 +8,7 @@ interface ContextProperties {
|
|
|
8
8
|
toggle: () => void;
|
|
9
9
|
side: Side;
|
|
10
10
|
size: number;
|
|
11
|
+
drawer: boolean;
|
|
11
12
|
}
|
|
12
13
|
export declare function useSlide(): ContextProperties;
|
|
13
14
|
interface Properties extends RootProperties, ComponentStylesProps<'slide'> {
|
|
@@ -15,6 +16,7 @@ interface Properties extends RootProperties, ComponentStylesProps<'slide'> {
|
|
|
15
16
|
size?: number;
|
|
16
17
|
open?: boolean;
|
|
17
18
|
defaultOpen?: boolean;
|
|
19
|
+
drawer?: boolean;
|
|
18
20
|
onOpenChange?: (open: boolean) => void;
|
|
19
21
|
}
|
|
20
22
|
export declare function Slide(properties: Properties): import("react").JSX.Element;
|
|
@@ -20,4 +20,10 @@ interface ItemsProperties {
|
|
|
20
20
|
lineWidth?: number;
|
|
21
21
|
}
|
|
22
22
|
export declare function TableOfContentsItems(properties: ItemsProperties): import("react").JSX.Element;
|
|
23
|
+
interface MobileProperties extends ComponentProps<'div'>, ComponentStylesProps<'tableOfContents'> {
|
|
24
|
+
items: TocItemData[];
|
|
25
|
+
activeSlugs: string[];
|
|
26
|
+
placeholder?: string;
|
|
27
|
+
}
|
|
28
|
+
export declare function TableOfContentsMobile(properties: MobileProperties): import("react").JSX.Element;
|
|
23
29
|
export {};
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { Toast } from '@base-ui/react/toast';
|
|
2
2
|
import { ComponentStylesProps } from '../utils/styles';
|
|
3
3
|
export declare const toastManager: import('@base-ui/react').ToastManager<any>;
|
|
4
|
+
export declare const createToastManager: typeof Toast.createToastManager;
|
|
4
5
|
type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
|
|
5
6
|
interface ProviderProperties extends Toast.Provider.Props, ComponentStylesProps<'toast'> {
|
|
6
7
|
position?: ToastPosition;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Breakpoint } from '@digo-labs/common';
|
|
2
|
+
import { ReactNode } from 'react';
|
|
3
|
+
import { ComponentStylesProps } from '../utils/styles';
|
|
4
|
+
type Properties = RootProperties & ComponentStylesProps<'crtScreen'>;
|
|
5
|
+
export declare function CRTScreen(properties: Properties): import("react").JSX.Element;
|
|
6
|
+
interface RootProperties {
|
|
7
|
+
children: ReactNode;
|
|
8
|
+
className?: string;
|
|
9
|
+
glass?: boolean;
|
|
10
|
+
scanlines?: boolean;
|
|
11
|
+
framelessBelow?: Breakpoint;
|
|
12
|
+
}
|
|
13
|
+
export {};
|
|
@@ -2,8 +2,8 @@ import { ReactNode } from 'react';
|
|
|
2
2
|
interface Properties {
|
|
3
3
|
borderRadiusPx?: number;
|
|
4
4
|
blurIntensity?: 'sm' | 'md' | 'lg' | 'xl';
|
|
5
|
-
glowIntensity?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
6
|
-
shadowIntensity?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
5
|
+
glowIntensity?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
|
|
6
|
+
shadowIntensity?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
|
|
7
7
|
contentClasses?: string;
|
|
8
8
|
className?: string;
|
|
9
9
|
children: ReactNode;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { Color } from '..';
|
|
2
|
+
import { CSSProperties, ReactNode } from 'react';
|
|
3
|
+
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";
|
|
4
|
+
interface MeshProperties {
|
|
5
|
+
color?: Color;
|
|
6
|
+
roughness?: number;
|
|
7
|
+
clearcoat?: number;
|
|
8
|
+
children?: ReactNode;
|
|
9
|
+
}
|
|
10
|
+
interface Properties extends MeshProperties {
|
|
11
|
+
className?: string;
|
|
12
|
+
style?: CSSProperties;
|
|
13
|
+
}
|
|
14
|
+
export declare function ImpactBody(properties: Properties): import("react").JSX.Element;
|
|
15
|
+
export {};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { Color } from '..';
|
|
2
|
+
import { CSSProperties } from 'react';
|
|
3
|
+
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";
|
|
4
|
+
interface MeshProperties {
|
|
5
|
+
speed?: number;
|
|
6
|
+
distortion?: number;
|
|
7
|
+
pointerStrength?: number;
|
|
8
|
+
pulseStrength?: number;
|
|
9
|
+
detail?: number;
|
|
10
|
+
colors?: [Color, Color, Color];
|
|
11
|
+
}
|
|
12
|
+
interface Properties extends MeshProperties {
|
|
13
|
+
className?: string;
|
|
14
|
+
style?: CSSProperties;
|
|
15
|
+
}
|
|
16
|
+
export declare function Organism(properties: Properties): import("react").JSX.Element;
|
|
17
|
+
export {};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { CSSProperties, ReactNode } from 'react';
|
|
2
|
+
export type ReactCubeFaces = [ReactNode, ReactNode, ReactNode, ReactNode, ReactNode, ReactNode];
|
|
3
|
+
interface MeshProperties {
|
|
4
|
+
percentage: number;
|
|
5
|
+
children?: ReactCubeFaces;
|
|
6
|
+
width?: number;
|
|
7
|
+
height?: number;
|
|
8
|
+
}
|
|
9
|
+
interface Properties extends MeshProperties {
|
|
10
|
+
className?: string;
|
|
11
|
+
style?: CSSProperties;
|
|
12
|
+
}
|
|
13
|
+
export declare function ReactCube(properties: Properties): import("react").JSX.Element;
|
|
14
|
+
export {};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { CSSProperties, ReactNode } from 'react';
|
|
2
|
+
interface GroupProperties {
|
|
3
|
+
images?: string[];
|
|
4
|
+
children: ReactNode;
|
|
5
|
+
size?: number;
|
|
6
|
+
sizeVariance?: number;
|
|
7
|
+
maxStickers?: number;
|
|
8
|
+
impact?: boolean;
|
|
9
|
+
preview?: boolean;
|
|
10
|
+
peel?: boolean;
|
|
11
|
+
}
|
|
12
|
+
interface Properties extends GroupProperties {
|
|
13
|
+
className?: string;
|
|
14
|
+
style?: CSSProperties;
|
|
15
|
+
}
|
|
16
|
+
export declare function Stickers(properties: Properties): import("react").JSX.Element;
|
|
17
|
+
export {};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Breakpoint } from '@digo-labs/common';
|
|
2
|
+
type BreakpointQuery = Breakpoint | `max-${Breakpoint}` | `${Breakpoint}:max-${Breakpoint}`;
|
|
3
|
+
export interface MediaQueryInput {
|
|
4
|
+
min?: Breakpoint | number;
|
|
5
|
+
max?: Breakpoint | number;
|
|
6
|
+
pointer?: 'coarse' | 'fine';
|
|
7
|
+
}
|
|
8
|
+
export declare function useMediaQuery(query: BreakpointQuery | MediaQueryInput | (string & {})): boolean;
|
|
9
|
+
export declare function useIsMobile(): boolean;
|
|
10
|
+
export {};
|
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
export * from './animation/motion-animate-presence';
|
|
2
2
|
export * from './other/animations';
|
|
3
3
|
export * from './blocks/auth-guard';
|
|
4
|
+
export * from './blocks/breadcrumb-nav';
|
|
4
5
|
export * from './blocks/card';
|
|
5
6
|
export * from './blocks/chat-thread';
|
|
6
7
|
export * from './blocks/command-button';
|
|
@@ -43,12 +44,16 @@ export * from './blocks/user-info';
|
|
|
43
44
|
export * from './blocks/user-menu';
|
|
44
45
|
export * from './components/accordion';
|
|
45
46
|
export * from './components/alert';
|
|
47
|
+
export * from './components/attachment';
|
|
46
48
|
export * from './components/autocomplete';
|
|
47
49
|
export * from './components/avatar';
|
|
48
50
|
export * from './components/badge';
|
|
51
|
+
export * from './components/breadcrumb';
|
|
52
|
+
export * from './components/bubble';
|
|
49
53
|
export * from './components/button';
|
|
50
54
|
export * from './components/chart';
|
|
51
55
|
export * from './components/checkbox';
|
|
56
|
+
export * from './components/circular-progress';
|
|
52
57
|
export * from './components/code-block';
|
|
53
58
|
export * from './components/collapsible';
|
|
54
59
|
export * from './components/color-area';
|
|
@@ -75,6 +80,9 @@ export * from './components/label';
|
|
|
75
80
|
export * from './components/masonry';
|
|
76
81
|
export * from './components/kbd';
|
|
77
82
|
export * from './components/menu';
|
|
83
|
+
export * from './components/marker';
|
|
84
|
+
export * from './components/message';
|
|
85
|
+
export * from './components/message-scroller';
|
|
78
86
|
export * from './components/navigation-menu';
|
|
79
87
|
export * from './components/number-field';
|
|
80
88
|
export * from './components/pagination';
|
|
@@ -108,23 +116,26 @@ export * from './cursors/cursor-container';
|
|
|
108
116
|
export * from './cursors/cursor-clipping';
|
|
109
117
|
export * from './cursors/cursor-bracket';
|
|
110
118
|
export * from './effects/border-glow';
|
|
111
|
-
export * from './effects/
|
|
119
|
+
export * from './effects/crt-screen';
|
|
112
120
|
export * from './effects/dark-veil';
|
|
113
121
|
export * from './effects/dissolve-overlay';
|
|
114
122
|
export * from './effects/dot-grid';
|
|
115
|
-
export * from './effects/draggable-container';
|
|
116
123
|
export * from './effects/faulty-terminal';
|
|
117
124
|
export * from './effects/floating-lines';
|
|
118
125
|
export * from './effects/glass-container';
|
|
119
126
|
export * from './effects/grainient';
|
|
120
127
|
export * from './effects/image-transition';
|
|
128
|
+
export * from './effects/impact-body';
|
|
121
129
|
export * from './effects/infinite-menu';
|
|
122
130
|
export * from './effects/iridescence';
|
|
123
131
|
export * from './effects/letter-swap';
|
|
124
|
-
export * from './effects/marquee-bar';
|
|
125
132
|
export * from './effects/marquee';
|
|
133
|
+
export * from './effects/model';
|
|
126
134
|
export * from './effects/noise';
|
|
127
135
|
export * from './effects/orb';
|
|
136
|
+
export * from './effects/organism';
|
|
137
|
+
export * from './effects/react-cube';
|
|
138
|
+
export * from './effects/stickers';
|
|
128
139
|
export * from './effects/text-morph';
|
|
129
140
|
export * from './effects/text-pressure';
|
|
130
141
|
export * from './effects/text-roll';
|
|
@@ -137,6 +148,7 @@ export * from './hooks/use-animated-value';
|
|
|
137
148
|
export * from './hooks/use-element-size';
|
|
138
149
|
export * from './hooks/use-focus-size';
|
|
139
150
|
export * from './hooks/use-in-view';
|
|
151
|
+
export * from './hooks/use-media-query';
|
|
140
152
|
export * from './hooks/use-preloaded-image';
|
|
141
153
|
export * from './hooks/use-stopwatch';
|
|
142
154
|
export * from './hooks/use-timer';
|
|
@@ -144,6 +156,7 @@ export * from './pages/loading-page';
|
|
|
144
156
|
export * from './pages/login-page';
|
|
145
157
|
export * from './providers/command-provider';
|
|
146
158
|
export * from './providers/design-system-provider';
|
|
159
|
+
export * from './providers/portal-provider';
|
|
147
160
|
export * as baseStyles from './styles';
|
|
148
161
|
export * from './presets';
|
|
149
162
|
export * from './utils/motion-presets';
|