@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.
Files changed (57) hide show
  1. package/dist/blocks/breadcrumb-nav.d.ts +18 -0
  2. package/dist/blocks/chat-thread.d.ts +5 -2
  3. package/dist/blocks/login-card.d.ts +3 -3
  4. package/dist/blocks/user-menu.d.ts +6 -1
  5. package/dist/components/attachment.d.ts +11 -0
  6. package/dist/components/breadcrumb.d.ts +13 -0
  7. package/dist/components/bubble.d.ts +18 -0
  8. package/dist/components/circular-progress.d.ts +17 -0
  9. package/dist/components/marker.d.ts +9 -0
  10. package/dist/components/message-scroller.d.ts +19 -0
  11. package/dist/components/message.d.ts +15 -0
  12. package/dist/components/navigation-menu.d.ts +2 -1
  13. package/dist/components/scene.d.ts +3 -4
  14. package/dist/components/sidebar.d.ts +24 -1
  15. package/dist/components/slide.d.ts +2 -0
  16. package/dist/components/table-of-contents.d.ts +6 -0
  17. package/dist/components/toast.d.ts +1 -0
  18. package/dist/effects/crt-screen.d.ts +13 -0
  19. package/dist/effects/glass-container.d.ts +2 -2
  20. package/dist/effects/impact-body.d.ts +15 -0
  21. package/dist/effects/model.d.ts +5 -0
  22. package/dist/effects/organism.d.ts +17 -0
  23. package/dist/effects/react-cube.d.ts +14 -0
  24. package/dist/effects/stickers.d.ts +17 -0
  25. package/dist/hooks/use-media-query.d.ts +10 -0
  26. package/dist/index.d.ts +16 -3
  27. package/dist/index.js +7126 -4778
  28. package/dist/index.js.map +1 -1
  29. package/dist/presets/curated/index.d.ts +2 -0
  30. package/dist/presets/curated/terminal.d.ts +2 -0
  31. package/dist/presets/curated/windows-98.d.ts +2 -0
  32. package/dist/providers/portal-provider.d.ts +9 -0
  33. package/dist/styles/attachment.d.ts +121 -0
  34. package/dist/styles/breadcrumb-nav.d.ts +53 -0
  35. package/dist/styles/breadcrumb.d.ts +85 -0
  36. package/dist/styles/bubble.d.ts +191 -0
  37. package/dist/styles/chat-thread.d.ts +24 -64
  38. package/dist/styles/circular-progress.d.ts +69 -0
  39. package/dist/styles/crt-screen.d.ts +288 -0
  40. package/dist/styles/dropzone.d.ts +10 -10
  41. package/dist/styles/field.d.ts +5 -5
  42. package/dist/styles/google-signin-button.d.ts +5 -5
  43. package/dist/styles/index.d.ts +9 -0
  44. package/dist/styles/marker.d.ts +104 -0
  45. package/dist/styles/message-scroller.d.ts +69 -0
  46. package/dist/styles/message.d.ts +77 -0
  47. package/dist/styles/number-field.d.ts +5 -5
  48. package/dist/styles/pagination.d.ts +5 -5
  49. package/dist/styles/prompt-input.d.ts +0 -48
  50. package/dist/styles/properties.d.ts +5 -5
  51. package/dist/styles/sidebar.d.ts +16 -0
  52. package/dist/styles/table-of-contents.d.ts +56 -0
  53. package/package.json +4 -3
  54. package/dist/effects/border-trail.d.ts +0 -10
  55. package/dist/effects/cube-scene.d.ts +0 -11
  56. package/dist/effects/draggable-container.d.ts +0 -10
  57. 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
- streamingText?: string;
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, Model } from '..';
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
- model?: ComponentProps<typeof Model>['src'];
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 { ReactNode } from 'react';
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: CuratedIcons;
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 { ComponentProps, ReactElement } from 'react';
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,5 @@
1
+ interface Properties {
2
+ src: string;
3
+ }
4
+ export declare function Model(properties: Properties): import("react").JSX.Element;
5
+ 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/border-trail';
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';