@digo-labs/ui 0.1.7
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/animation/motion-animate-presence.d.ts +15 -0
- package/dist/blocks/auth-guard.d.ts +7 -0
- package/dist/blocks/card.d.ts +20 -0
- package/dist/blocks/chat-thread.d.ts +15 -0
- package/dist/blocks/command-button.d.ts +9 -0
- package/dist/blocks/copy-paste-button.d.ts +9 -0
- package/dist/blocks/dropzone.d.ts +23 -0
- package/dist/blocks/font-picker.d.ts +8 -0
- package/dist/blocks/google-signin-button.d.ts +8 -0
- package/dist/blocks/image-dropzone.d.ts +11 -0
- package/dist/blocks/navbar.d.ts +9 -0
- package/dist/blocks/palette-picker.d.ts +9 -0
- package/dist/blocks/parameter-color-swatch-picker.d.ts +9 -0
- package/dist/blocks/parameter-color.d.ts +10 -0
- package/dist/blocks/parameter-combobox.d.ts +18 -0
- package/dist/blocks/parameter-files.d.ts +9 -0
- package/dist/blocks/parameter-font-picker.d.ts +9 -0
- package/dist/blocks/parameter-image.d.ts +9 -0
- package/dist/blocks/parameter-number.d.ts +10 -0
- package/dist/blocks/parameter-palette-picker.d.ts +10 -0
- package/dist/blocks/parameter-preset-picker.d.ts +10 -0
- package/dist/blocks/parameter-select.d.ts +17 -0
- package/dist/blocks/parameter-shadow-group.d.ts +16 -0
- package/dist/blocks/parameter-slider.d.ts +10 -0
- package/dist/blocks/parameter-switch.d.ts +9 -0
- package/dist/blocks/parameter-text-area.d.ts +9 -0
- package/dist/blocks/parameter-text.d.ts +9 -0
- package/dist/blocks/parameter-toggle-group.d.ts +18 -0
- package/dist/blocks/parameter-toggle.d.ts +11 -0
- package/dist/blocks/parameter-typography-group.d.ts +16 -0
- package/dist/blocks/placeholder.d.ts +13 -0
- package/dist/blocks/preset-picker.d.ts +9 -0
- package/dist/blocks/prompt-input.d.ts +43 -0
- package/dist/blocks/switch-theme.d.ts +7 -0
- package/dist/blocks/toggle-theme.d.ts +3 -0
- package/dist/blocks/transparent-background.d.ts +6 -0
- package/dist/components/accordion.d.ts +9 -0
- package/dist/components/alert.d.ts +11 -0
- package/dist/components/autocomplete.d.ts +31 -0
- package/dist/components/button.d.ts +6 -0
- package/dist/components/chart.d.ts +43 -0
- package/dist/components/checkbox.d.ts +6 -0
- package/dist/components/code-block.d.ts +16 -0
- package/dist/components/collapsible.d.ts +20 -0
- package/dist/components/color-area.d.ts +7 -0
- package/dist/components/color-field.d.ts +7 -0
- package/dist/components/color-input.d.ts +11 -0
- package/dist/components/color-picker.d.ts +18 -0
- package/dist/components/color-slider.d.ts +11 -0
- package/dist/components/color-swatch-picker.d.ts +9 -0
- package/dist/components/color-swatch.d.ts +8 -0
- package/dist/components/combobox.d.ts +44 -0
- package/dist/components/command.d.ts +24 -0
- package/dist/components/drawer.d.ts +23 -0
- package/dist/components/empty.d.ts +18 -0
- package/dist/components/field-set.d.ts +7 -0
- package/dist/components/field.d.ts +12 -0
- package/dist/components/form.d.ts +6 -0
- package/dist/components/group.d.ts +12 -0
- package/dist/components/icon.d.ts +7 -0
- package/dist/components/image.d.ts +9 -0
- package/dist/components/input-group.d.ts +15 -0
- package/dist/components/input.d.ts +8 -0
- package/dist/components/kbd.d.ts +7 -0
- package/dist/components/label.d.ts +6 -0
- package/dist/components/loader.d.ts +12 -0
- package/dist/components/masonry.d.ts +8 -0
- package/dist/components/navigation-menu.d.ts +14 -0
- package/dist/components/number-field.d.ts +10 -0
- package/dist/components/pagination.d.ts +16 -0
- package/dist/components/parameter-group.d.ts +12 -0
- package/dist/components/parameter.d.ts +21 -0
- package/dist/components/popover.d.ts +11 -0
- package/dist/components/progress.d.ts +10 -0
- package/dist/components/reorder-list.d.ts +1 -0
- package/dist/components/scroll-area.d.ts +10 -0
- package/dist/components/select.d.ts +23 -0
- package/dist/components/separator.d.ts +6 -0
- package/dist/components/sidebar.d.ts +21 -0
- package/dist/components/slider.d.ts +17 -0
- package/dist/components/spacer.d.ts +6 -0
- package/dist/components/spinner.d.ts +12 -0
- package/dist/components/switch.d.ts +10 -0
- package/dist/components/table-of-contents.d.ts +22 -0
- package/dist/components/tabs.d.ts +9 -0
- package/dist/components/text-area.d.ts +9 -0
- package/dist/components/tint-image.d.ts +7 -0
- package/dist/components/toast.d.ts +9 -0
- package/dist/components/toggle-group.d.ts +10 -0
- package/dist/components/toggle.d.ts +6 -0
- package/dist/components/tooltip.d.ts +21 -0
- package/dist/cursors/cursor-bracket.d.ts +11 -0
- package/dist/cursors/cursor-clipping.d.ts +9 -0
- package/dist/cursors/cursor-container.d.ts +18 -0
- package/dist/effects/border-glow.d.ts +23 -0
- package/dist/effects/border-trail.d.ts +10 -0
- package/dist/effects/counter.d.ts +14 -0
- package/dist/effects/cube-scene.d.ts +11 -0
- package/dist/effects/dark-veil.d.ts +12 -0
- package/dist/effects/dissolve-overlay.d.ts +15 -0
- package/dist/effects/dot-grid.d.ts +19 -0
- package/dist/effects/draggable-container.d.ts +10 -0
- package/dist/effects/faulty-terminal.d.ts +25 -0
- package/dist/effects/floating-lines.d.ts +25 -0
- package/dist/effects/glass-container.d.ts +13 -0
- package/dist/effects/grainient.d.ts +28 -0
- package/dist/effects/image-transition.d.ts +24 -0
- package/dist/effects/infinite-menu.d.ts +19 -0
- package/dist/effects/iridescence.d.ts +12 -0
- package/dist/effects/letter-swap.d.ts +8 -0
- package/dist/effects/marquee-bar.d.ts +6 -0
- package/dist/effects/marquee.d.ts +26 -0
- package/dist/effects/noise.d.ts +10 -0
- package/dist/effects/orb.d.ts +15 -0
- package/dist/effects/text-morph.d.ts +14 -0
- package/dist/effects/text-pressure.d.ts +13 -0
- package/dist/effects/text-roll.d.ts +22 -0
- package/dist/effects/text-scramble.d.ts +16 -0
- package/dist/effects/text-shimmer-wave.d.ts +16 -0
- package/dist/effects/text-shimmer.d.ts +13 -0
- package/dist/effects/text-swap-letter.d.ts +6 -0
- package/dist/effects/text-type.d.ts +27 -0
- package/dist/hooks/use-animated-value.d.ts +1 -0
- package/dist/hooks/use-element-size.d.ts +5 -0
- package/dist/hooks/use-focus-size.d.ts +1 -0
- package/dist/hooks/use-fullscreen.d.ts +1 -0
- package/dist/hooks/use-preloaded-image.d.ts +1 -0
- package/dist/hooks/use-stopwatch.d.ts +9 -0
- package/dist/hooks/use-timer.d.ts +15 -0
- package/dist/index.css +3 -0
- package/dist/index.d.ts +141 -0
- package/dist/index.js +13654 -0
- package/dist/index.js.map +1 -0
- package/dist/other/animations.d.ts +7 -0
- package/dist/other/image-transition-effects.d.ts +3 -0
- package/dist/outdated/lottie.d.ts +8 -0
- package/dist/outdated/qr-code.d.ts +8 -0
- package/dist/outdated/shape.d.ts +11 -0
- package/dist/outdated/tint.d.ts +6 -0
- package/dist/presets/curated/default.d.ts +2 -0
- package/dist/presets/curated/index.d.ts +3 -0
- package/dist/presets/curated/ocean.d.ts +2 -0
- package/dist/presets/curated/retro-futuristic.d.ts +2 -0
- package/dist/presets/helpers.d.ts +4 -0
- package/dist/presets/index.d.ts +6 -0
- package/dist/presets/palettes.d.ts +2 -0
- package/dist/presets/types.d.ts +40 -0
- package/dist/providers/command-provider.d.ts +11 -0
- package/dist/providers/component-styles-provider.d.ts +20 -0
- package/dist/providers/design-system-provider.d.ts +27 -0
- package/dist/styles/accordion.d.ts +85 -0
- package/dist/styles/alert.d.ts +253 -0
- package/dist/styles/autocomplete.d.ts +141 -0
- package/dist/styles/button.d.ts +238 -0
- package/dist/styles/card.d.ts +61 -0
- package/dist/styles/chart.d.ts +109 -0
- package/dist/styles/chat-thread.d.ts +117 -0
- package/dist/styles/checkbox.d.ts +45 -0
- package/dist/styles/code-block.d.ts +69 -0
- package/dist/styles/collapsible.d.ts +69 -0
- package/dist/styles/color-area.d.ts +45 -0
- package/dist/styles/color-field.d.ts +45 -0
- package/dist/styles/color-input.d.ts +85 -0
- package/dist/styles/color-picker.d.ts +101 -0
- package/dist/styles/color-slider.d.ts +79 -0
- package/dist/styles/color-swatch-picker.d.ts +69 -0
- package/dist/styles/color-swatch.d.ts +53 -0
- package/dist/styles/combobox.d.ts +197 -0
- package/dist/styles/command-button.d.ts +45 -0
- package/dist/styles/command.d.ts +125 -0
- package/dist/styles/counter.d.ts +85 -0
- package/dist/styles/drawer.d.ts +192 -0
- package/dist/styles/dropzone.d.ts +125 -0
- package/dist/styles/empty.d.ts +101 -0
- package/dist/styles/field-set.d.ts +45 -0
- package/dist/styles/field.d.ts +69 -0
- package/dist/styles/font-picker.d.ts +117 -0
- package/dist/styles/form.d.ts +37 -0
- package/dist/styles/google-signin-button.d.ts +61 -0
- package/dist/styles/group.d.ts +83 -0
- package/dist/styles/image-dropzone.d.ts +101 -0
- package/dist/styles/image.d.ts +53 -0
- package/dist/styles/index.d.ts +86 -0
- package/dist/styles/input-group.d.ts +61 -0
- package/dist/styles/input.d.ts +126 -0
- package/dist/styles/kbd.d.ts +45 -0
- package/dist/styles/label.d.ts +37 -0
- package/dist/styles/masonry.d.ts +45 -0
- package/dist/styles/motion-animate-presence.d.ts +45 -0
- package/dist/styles/navbar.d.ts +61 -0
- package/dist/styles/navigation-menu.d.ts +133 -0
- package/dist/styles/number-field.d.ts +69 -0
- package/dist/styles/pagination.d.ts +77 -0
- package/dist/styles/palette-picker.d.ts +101 -0
- package/dist/styles/parameter-color-swatch-picker.d.ts +69 -0
- package/dist/styles/parameter-color.d.ts +69 -0
- package/dist/styles/parameter-combobox.d.ts +133 -0
- package/dist/styles/parameter-files.d.ts +69 -0
- package/dist/styles/parameter-font-picker.d.ts +69 -0
- package/dist/styles/parameter-group.d.ts +77 -0
- package/dist/styles/parameter-image.d.ts +69 -0
- package/dist/styles/parameter-number.d.ts +69 -0
- package/dist/styles/parameter-palette-picker.d.ts +69 -0
- package/dist/styles/parameter-preset-picker.d.ts +69 -0
- package/dist/styles/parameter-select.d.ts +85 -0
- package/dist/styles/parameter-shadow-group.d.ts +53 -0
- package/dist/styles/parameter-slider.d.ts +77 -0
- package/dist/styles/parameter-switch.d.ts +69 -0
- package/dist/styles/parameter-text-area.d.ts +69 -0
- package/dist/styles/parameter-text.d.ts +69 -0
- package/dist/styles/parameter-toggle-group.d.ts +77 -0
- package/dist/styles/parameter-toggle.d.ts +69 -0
- package/dist/styles/parameter-typography-group.d.ts +45 -0
- package/dist/styles/parameter.d.ts +85 -0
- package/dist/styles/placeholder.d.ts +69 -0
- package/dist/styles/popover.d.ts +77 -0
- package/dist/styles/preset-picker.d.ts +109 -0
- package/dist/styles/progress.d.ts +69 -0
- package/dist/styles/prompt-input.d.ts +141 -0
- package/dist/styles/properties.d.ts +101 -0
- package/dist/styles/scroll-area.d.ts +61 -0
- package/dist/styles/select.d.ts +157 -0
- package/dist/styles/separator.d.ts +70 -0
- package/dist/styles/sidebar.d.ts +109 -0
- package/dist/styles/slider.d.ts +167 -0
- package/dist/styles/spacer.d.ts +37 -0
- package/dist/styles/spinner.d.ts +56 -0
- package/dist/styles/switch.d.ts +94 -0
- package/dist/styles/table-of-contents.d.ts +85 -0
- package/dist/styles/tabs.d.ts +166 -0
- package/dist/styles/text-area.d.ts +168 -0
- package/dist/styles/text-shimmer.d.ts +37 -0
- package/dist/styles/tint-image.d.ts +45 -0
- package/dist/styles/toast.d.ts +352 -0
- package/dist/styles/toggle-group.d.ts +136 -0
- package/dist/styles/toggle.d.ts +91 -0
- package/dist/styles/tooltip.d.ts +61 -0
- package/dist/utils/code-meta-parser.d.ts +6 -0
- package/dist/utils/helpers.d.ts +2 -0
- package/dist/utils/motion-presets.d.ts +125 -0
- package/dist/utils/shiki-highlighter.d.ts +10 -0
- package/dist/utils/styles.d.ts +4 -0
- package/package.json +69 -0
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { ComponentProps } from 'react';
|
|
2
|
+
import { ComponentStylesProps } from '../utils/styles';
|
|
3
|
+
export interface TocItemData {
|
|
4
|
+
depth: 2 | 3;
|
|
5
|
+
value: string;
|
|
6
|
+
slug: string;
|
|
7
|
+
}
|
|
8
|
+
export declare function useTocHeadings(pathname: string): TocItemData[];
|
|
9
|
+
type Properties = RootProperties & ComponentStylesProps<'tableOfContents'>;
|
|
10
|
+
export declare function TableOfContents(properties: Properties): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
type RootProperties = ComponentProps<'nav'>;
|
|
12
|
+
export declare function TableOfContentsHeader(properties: ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export type TocOffsets = Record<2 | 3, number>;
|
|
14
|
+
interface ItemsProperties {
|
|
15
|
+
items: TocItemData[];
|
|
16
|
+
activeSlugs: string[];
|
|
17
|
+
itemOffsets?: TocOffsets;
|
|
18
|
+
lineOffsets?: TocOffsets;
|
|
19
|
+
lineWidth?: number;
|
|
20
|
+
}
|
|
21
|
+
export declare function TableOfContentsItems(properties: ItemsProperties): import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { Tabs as TabsPrimitive } from '@base-ui/react/tabs';
|
|
2
|
+
import { ComponentStylesProps } from '../utils/styles';
|
|
3
|
+
type Properties = RootProperties & ComponentStylesProps<'tabs'>;
|
|
4
|
+
export declare function Tabs(properties: Properties): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
type RootProperties = TabsPrimitive.Root.Props;
|
|
6
|
+
export declare function TabsList(properties: TabsPrimitive.List.Props): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export declare function TabsTab(properties: TabsPrimitive.Tab.Props): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export declare function TabsPanel(properties: TabsPrimitive.Panel.Props): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { TextareaAutosizeProps } from 'react-textarea-autosize';
|
|
2
|
+
import { ComponentStylesProps } from '../utils/styles';
|
|
3
|
+
type RootProperties = Omit<TextareaAutosizeProps, 'size'>;
|
|
4
|
+
export interface TextAreaProperties extends RootProperties, ComponentStylesProps<'textArea'> {
|
|
5
|
+
unstyled?: boolean;
|
|
6
|
+
resize?: boolean;
|
|
7
|
+
}
|
|
8
|
+
export declare function TextArea(properties: TextAreaProperties): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { ComponentProps } from 'react';
|
|
2
|
+
import { Image } from './image';
|
|
3
|
+
import { ComponentStylesProps } from '../utils/styles';
|
|
4
|
+
type Properties = RootProperties & ComponentStylesProps<'tintImage'>;
|
|
5
|
+
export declare function TintImage(properties: Properties): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
type RootProperties = ComponentProps<typeof Image>;
|
|
7
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { Toast } from '@base-ui/react/toast';
|
|
2
|
+
import { ComponentStylesProps } from '../utils/styles';
|
|
3
|
+
export declare const toastManager: import('@base-ui/react').ToastManager<any>;
|
|
4
|
+
type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
|
|
5
|
+
interface ProviderProperties extends Toast.Provider.Props, ComponentStylesProps<'toast'> {
|
|
6
|
+
position?: ToastPosition;
|
|
7
|
+
}
|
|
8
|
+
export declare function ToastProvider(properties: ProviderProperties): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Toggle, Separator } from '..';
|
|
2
|
+
import { ComponentProps } from 'react';
|
|
3
|
+
import { ToggleGroup as ToggleGroupPrimitive } from '@base-ui/react/toggle-group';
|
|
4
|
+
import { ComponentStylesProps } from '../utils/styles';
|
|
5
|
+
type Properties = RootProperties & ComponentStylesProps<'toggleGroup'>;
|
|
6
|
+
export declare function ToggleGroup(properties: Properties): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
type RootProperties = ToggleGroupPrimitive.Props;
|
|
8
|
+
export declare function ToggleGroupItem(properties: ComponentProps<typeof Toggle>): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export declare function ToggleGroupSeparator(properties: ComponentProps<typeof Separator>): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export {};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { Toggle as TogglePrimitive } from '@base-ui/react/toggle';
|
|
2
|
+
import { ComponentStylesProps } from '../utils/styles';
|
|
3
|
+
type Properties = RootProperties & ComponentStylesProps<'toggle'>;
|
|
4
|
+
export declare function Toggle(properties: Properties): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
type RootProperties = TogglePrimitive.Props;
|
|
6
|
+
export {};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { ReactElement, ReactNode } from 'react';
|
|
2
|
+
import { Tooltip as TooltipPrimitive } from '@base-ui/react/tooltip';
|
|
3
|
+
import { ComponentStylesProps } from '../utils/styles';
|
|
4
|
+
interface TooltipPayload extends ComponentStylesProps<'tooltip'> {
|
|
5
|
+
content: ReactNode;
|
|
6
|
+
side?: TooltipPrimitive.Positioner.Props['side'];
|
|
7
|
+
align?: TooltipPrimitive.Positioner.Props['align'];
|
|
8
|
+
sideOffset?: TooltipPrimitive.Positioner.Props['sideOffset'];
|
|
9
|
+
}
|
|
10
|
+
interface ProviderProperties extends ComponentStylesProps<'tooltip'> {
|
|
11
|
+
delay?: number;
|
|
12
|
+
closeDelay?: number;
|
|
13
|
+
timeout?: number;
|
|
14
|
+
children?: ReactNode;
|
|
15
|
+
}
|
|
16
|
+
export declare function TooltipProvider(properties: ProviderProperties): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
interface TooltipProperties extends TooltipPayload {
|
|
18
|
+
children: ReactElement;
|
|
19
|
+
}
|
|
20
|
+
export declare function Tooltip(properties: TooltipProperties): import("react/jsx-runtime").JSX.Element | undefined;
|
|
21
|
+
export {};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { CursorSpring } from '..';
|
|
2
|
+
interface Properties {
|
|
3
|
+
spring?: CursorSpring;
|
|
4
|
+
size?: number;
|
|
5
|
+
offset?: number;
|
|
6
|
+
color?: string;
|
|
7
|
+
lineLength?: number;
|
|
8
|
+
borderWidth?: number;
|
|
9
|
+
}
|
|
10
|
+
export declare function CursorBracket(properties: Properties): import("react/jsx-runtime").JSX.Element | null;
|
|
11
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { CursorSpring } from '..';
|
|
2
|
+
import { ReactNode } from 'react';
|
|
3
|
+
interface Properties {
|
|
4
|
+
children: ReactNode;
|
|
5
|
+
radius?: number;
|
|
6
|
+
spring?: CursorSpring;
|
|
7
|
+
}
|
|
8
|
+
export declare function CursorClipping(properties: Properties): import("react/jsx-runtime").JSX.Element | null;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { MotionValue, SpringOptions } from 'motion/react';
|
|
3
|
+
export type CursorSpring = SpringOptions;
|
|
4
|
+
interface Properties {
|
|
5
|
+
children: ReactNode;
|
|
6
|
+
className?: string;
|
|
7
|
+
showNativeCursor?: boolean;
|
|
8
|
+
}
|
|
9
|
+
export declare function CursorContainer(properties: Properties): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export declare function useCursorTracking(spring?: CursorSpring): {
|
|
11
|
+
x: MotionValue<number>;
|
|
12
|
+
y: MotionValue<number>;
|
|
13
|
+
active: boolean;
|
|
14
|
+
pressed: boolean;
|
|
15
|
+
width: number;
|
|
16
|
+
height: number;
|
|
17
|
+
};
|
|
18
|
+
export {};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { Color } from '..';
|
|
2
|
+
import { ReactNode } from 'react';
|
|
3
|
+
interface BorderGlowClassNames {
|
|
4
|
+
root?: string;
|
|
5
|
+
content?: string;
|
|
6
|
+
}
|
|
7
|
+
interface Properties {
|
|
8
|
+
children?: ReactNode;
|
|
9
|
+
className?: string;
|
|
10
|
+
classNames?: BorderGlowClassNames;
|
|
11
|
+
edgeSensitivity?: number;
|
|
12
|
+
glowColor?: Color;
|
|
13
|
+
backgroundColor?: string;
|
|
14
|
+
borderRadius?: number;
|
|
15
|
+
glowRadius?: number;
|
|
16
|
+
glowIntensity?: number;
|
|
17
|
+
coneSpread?: number;
|
|
18
|
+
animated?: boolean;
|
|
19
|
+
colors?: Color[];
|
|
20
|
+
fillOpacity?: number;
|
|
21
|
+
}
|
|
22
|
+
export declare function BorderGlow(properties: Properties): import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
export {};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { CSSProperties } from 'react';
|
|
2
|
+
import { Transition } from 'motion/react';
|
|
3
|
+
export type BorderTrailProps = {
|
|
4
|
+
className?: string;
|
|
5
|
+
size?: number;
|
|
6
|
+
transition?: Transition;
|
|
7
|
+
onAnimationComplete?: () => void;
|
|
8
|
+
style?: CSSProperties;
|
|
9
|
+
};
|
|
10
|
+
export declare function BorderTrail(properties: BorderTrailProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { CSSProperties } from 'react';
|
|
2
|
+
import { SpringOptions } from 'framer-motion';
|
|
3
|
+
import { ComponentStylesProps } from '../utils/styles';
|
|
4
|
+
type Properties = RootProperties & ComponentStylesProps<'counter'>;
|
|
5
|
+
export declare function Counter(properties: Properties): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
interface RootProperties {
|
|
7
|
+
value: number;
|
|
8
|
+
places?: number;
|
|
9
|
+
className?: string;
|
|
10
|
+
style?: CSSProperties;
|
|
11
|
+
containerHeight?: number;
|
|
12
|
+
spring?: SpringOptions;
|
|
13
|
+
}
|
|
14
|
+
export {};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
type CubeFaces = [ReactNode, ReactNode, ReactNode, ReactNode, ReactNode, ReactNode];
|
|
3
|
+
interface SceneProperties {
|
|
4
|
+
percentage: number;
|
|
5
|
+
children?: CubeFaces;
|
|
6
|
+
width?: number;
|
|
7
|
+
height?: number;
|
|
8
|
+
className?: string;
|
|
9
|
+
}
|
|
10
|
+
export declare function CubeScene(properties: SceneProperties): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export {};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
interface Properties {
|
|
2
|
+
hueShift?: number;
|
|
3
|
+
noiseIntensity?: number;
|
|
4
|
+
scanlineIntensity?: number;
|
|
5
|
+
speed?: number;
|
|
6
|
+
scanlineFrequency?: number;
|
|
7
|
+
warpAmount?: number;
|
|
8
|
+
resolutionScale?: number;
|
|
9
|
+
className?: string;
|
|
10
|
+
}
|
|
11
|
+
export declare function DarkVeil(properties: Properties): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export {};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { Color } from '..';
|
|
2
|
+
interface Properties {
|
|
3
|
+
dissolve: boolean;
|
|
4
|
+
color?: Color;
|
|
5
|
+
duration?: number;
|
|
6
|
+
easing?: string;
|
|
7
|
+
noiseScale?: number;
|
|
8
|
+
edgeSoftness?: number;
|
|
9
|
+
displacementStrength?: number;
|
|
10
|
+
noiseSpeed?: number;
|
|
11
|
+
onFinish?: () => void;
|
|
12
|
+
className?: string;
|
|
13
|
+
}
|
|
14
|
+
export declare function DissolveOverlay(properties: Properties): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export {};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { CSSProperties } from 'react';
|
|
2
|
+
export interface DotGridProperties {
|
|
3
|
+
dotSize?: number;
|
|
4
|
+
gap?: number;
|
|
5
|
+
baseColor?: string;
|
|
6
|
+
activeColor?: string;
|
|
7
|
+
proximity?: number;
|
|
8
|
+
speedTrigger?: number;
|
|
9
|
+
shockRadius?: number;
|
|
10
|
+
shockStrength?: number;
|
|
11
|
+
maxSpeed?: number;
|
|
12
|
+
resistance?: number;
|
|
13
|
+
returnDuration?: number;
|
|
14
|
+
className?: string;
|
|
15
|
+
style?: CSSProperties;
|
|
16
|
+
onClick?: (x: number, y: number) => void;
|
|
17
|
+
onMove?: (x: number, y: number) => void;
|
|
18
|
+
}
|
|
19
|
+
export declare function DotGrid(properties: DotGridProperties): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { CSSProperties, ReactNode } from 'react';
|
|
2
|
+
interface Properties {
|
|
3
|
+
children: ReactNode;
|
|
4
|
+
className?: string;
|
|
5
|
+
contentClasses?: string;
|
|
6
|
+
cursor?: boolean;
|
|
7
|
+
style?: CSSProperties;
|
|
8
|
+
}
|
|
9
|
+
export declare function DraggableContainer(properties: Properties): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export {};
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { Color } from '..';
|
|
2
|
+
import { default as React } from 'react';
|
|
3
|
+
type Vec2 = [number, number];
|
|
4
|
+
interface FaultyTerminalProperties extends React.HTMLAttributes<HTMLDivElement> {
|
|
5
|
+
scale?: number;
|
|
6
|
+
gridMul?: Vec2;
|
|
7
|
+
digitSize?: number;
|
|
8
|
+
timeScale?: number;
|
|
9
|
+
pause?: boolean;
|
|
10
|
+
scanlineIntensity?: number;
|
|
11
|
+
glitchAmount?: number;
|
|
12
|
+
flickerAmount?: number;
|
|
13
|
+
noiseAmp?: number;
|
|
14
|
+
chromaticAberration?: number;
|
|
15
|
+
dither?: number | boolean;
|
|
16
|
+
curvature?: number;
|
|
17
|
+
tint?: Color;
|
|
18
|
+
mouseReact?: boolean;
|
|
19
|
+
mouseStrength?: number;
|
|
20
|
+
dpr?: number;
|
|
21
|
+
pageLoadAnimation?: boolean;
|
|
22
|
+
brightness?: number;
|
|
23
|
+
}
|
|
24
|
+
export declare function FaultyTerminal(properties: FaultyTerminalProperties): import("react/jsx-runtime").JSX.Element;
|
|
25
|
+
export {};
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
type WavePosition = {
|
|
2
|
+
x: number;
|
|
3
|
+
y: number;
|
|
4
|
+
rotate: number;
|
|
5
|
+
};
|
|
6
|
+
type Properties = {
|
|
7
|
+
linesGradient?: string[];
|
|
8
|
+
enabledWaves?: Array<'top' | 'middle' | 'bottom'>;
|
|
9
|
+
lineCount?: number | number[];
|
|
10
|
+
lineDistance?: number | number[];
|
|
11
|
+
topWavePosition?: WavePosition;
|
|
12
|
+
middleWavePosition?: WavePosition;
|
|
13
|
+
bottomWavePosition?: WavePosition;
|
|
14
|
+
animationSpeed?: number;
|
|
15
|
+
interactive?: boolean;
|
|
16
|
+
bendRadius?: number;
|
|
17
|
+
bendStrength?: number;
|
|
18
|
+
mouseDamping?: number;
|
|
19
|
+
parallax?: boolean;
|
|
20
|
+
parallaxStrength?: number;
|
|
21
|
+
mixBlendMode?: React.CSSProperties['mixBlendMode'];
|
|
22
|
+
className?: string;
|
|
23
|
+
};
|
|
24
|
+
export declare function FloatingLines(properties: Properties): import("react/jsx-runtime").JSX.Element;
|
|
25
|
+
export {};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
interface Properties {
|
|
3
|
+
borderRadiusPx?: number;
|
|
4
|
+
blurIntensity?: 'sm' | 'md' | 'lg' | 'xl';
|
|
5
|
+
glowIntensity?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
6
|
+
shadowIntensity?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
7
|
+
contentClasses?: string;
|
|
8
|
+
className?: string;
|
|
9
|
+
children: ReactNode;
|
|
10
|
+
onClick?: () => void;
|
|
11
|
+
}
|
|
12
|
+
export declare function GlassContainer(properties: Properties): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export {};
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { Color } from '..';
|
|
2
|
+
interface Properties {
|
|
3
|
+
timeSpeed?: number;
|
|
4
|
+
colorBalance?: number;
|
|
5
|
+
warpStrength?: number;
|
|
6
|
+
warpFrequency?: number;
|
|
7
|
+
warpSpeed?: number;
|
|
8
|
+
warpAmplitude?: number;
|
|
9
|
+
blendAngle?: number;
|
|
10
|
+
blendSoftness?: number;
|
|
11
|
+
rotationAmount?: number;
|
|
12
|
+
noiseScale?: number;
|
|
13
|
+
grainAmount?: number;
|
|
14
|
+
grainScale?: number;
|
|
15
|
+
grainAnimated?: boolean;
|
|
16
|
+
contrast?: number;
|
|
17
|
+
gamma?: number;
|
|
18
|
+
saturation?: number;
|
|
19
|
+
centerX?: number;
|
|
20
|
+
centerY?: number;
|
|
21
|
+
zoom?: number;
|
|
22
|
+
color1?: Color;
|
|
23
|
+
color2?: Color;
|
|
24
|
+
color3?: Color;
|
|
25
|
+
className?: string;
|
|
26
|
+
}
|
|
27
|
+
export declare function Grainient(properties: Properties): import("react/jsx-runtime").JSX.Element;
|
|
28
|
+
export {};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { CSSProperties } from 'react';
|
|
2
|
+
export declare enum ImageTransitionType {
|
|
3
|
+
A = "A",
|
|
4
|
+
B = "B",
|
|
5
|
+
C = "C",
|
|
6
|
+
D = "D",
|
|
7
|
+
E = "E",
|
|
8
|
+
F = "F",
|
|
9
|
+
G = "G",
|
|
10
|
+
H = "H",
|
|
11
|
+
I = "I",
|
|
12
|
+
J = "J",
|
|
13
|
+
K = "K",
|
|
14
|
+
M = "M",
|
|
15
|
+
N = "N"
|
|
16
|
+
}
|
|
17
|
+
interface Properties {
|
|
18
|
+
src: string;
|
|
19
|
+
effect?: ImageTransitionType;
|
|
20
|
+
style?: CSSProperties;
|
|
21
|
+
className?: string;
|
|
22
|
+
}
|
|
23
|
+
export declare function ImageTransition(properties: Properties): import("react/jsx-runtime").JSX.Element;
|
|
24
|
+
export {};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
export interface InfiniteMenuItem {
|
|
2
|
+
id: string;
|
|
3
|
+
imageUrl: string;
|
|
4
|
+
}
|
|
5
|
+
export interface InfiniteMenuOptions {
|
|
6
|
+
discSize?: number;
|
|
7
|
+
damping?: number;
|
|
8
|
+
snapStrength?: number;
|
|
9
|
+
cameraDistance?: number;
|
|
10
|
+
sphereRadius?: number;
|
|
11
|
+
}
|
|
12
|
+
interface Properties extends InfiniteMenuOptions {
|
|
13
|
+
items: InfiniteMenuItem[];
|
|
14
|
+
className?: string;
|
|
15
|
+
onItemSelected?: (item: InfiniteMenuItem) => void;
|
|
16
|
+
onDragChange?: (drag: boolean) => void;
|
|
17
|
+
}
|
|
18
|
+
export declare function InfiniteMenu(properties: Properties): import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
export {};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { CSSProperties } from 'react';
|
|
2
|
+
interface Properties {
|
|
3
|
+
color?: [number, number, number];
|
|
4
|
+
speed?: number;
|
|
5
|
+
opacity?: number;
|
|
6
|
+
amplitude?: number;
|
|
7
|
+
mouseReact?: boolean;
|
|
8
|
+
className?: string;
|
|
9
|
+
style?: CSSProperties;
|
|
10
|
+
}
|
|
11
|
+
export declare function Iridescence(properties: Properties): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export {};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
type AnimationDirection = 'topToBottom' | 'bottomToTop' | 'rightToLeft' | 'leftToRight';
|
|
2
|
+
interface LetterSwapProperties {
|
|
3
|
+
letter: string;
|
|
4
|
+
className?: string;
|
|
5
|
+
direction?: AnimationDirection;
|
|
6
|
+
}
|
|
7
|
+
export declare function LetterSwap(properties: LetterSwapProperties): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { CSSProperties, ReactNode, RefObject } from 'react';
|
|
2
|
+
import { SpringOptions } from 'motion/react';
|
|
3
|
+
interface SimpleMarqueeProperties {
|
|
4
|
+
children: ReactNode;
|
|
5
|
+
className?: string;
|
|
6
|
+
direction?: 'left' | 'right' | 'up' | 'down';
|
|
7
|
+
baseVelocity?: number;
|
|
8
|
+
easing?: (value: number) => number;
|
|
9
|
+
slowdownOnHover?: boolean;
|
|
10
|
+
slowDownFactor?: number;
|
|
11
|
+
slowDownSpringConfig?: SpringOptions;
|
|
12
|
+
useScrollVelocity?: boolean;
|
|
13
|
+
scrollAwareDirection?: boolean;
|
|
14
|
+
scrollSpringConfig?: SpringOptions;
|
|
15
|
+
scrollContainer?: RefObject<HTMLElement> | HTMLElement | null;
|
|
16
|
+
repeat?: number;
|
|
17
|
+
draggable?: boolean;
|
|
18
|
+
dragSensitivity?: number;
|
|
19
|
+
dragVelocityDecay?: number;
|
|
20
|
+
dragAwareDirection?: boolean;
|
|
21
|
+
dragAngle?: number;
|
|
22
|
+
grabCursor?: boolean;
|
|
23
|
+
style?: CSSProperties;
|
|
24
|
+
}
|
|
25
|
+
export declare function Marquee(properites: SimpleMarqueeProperties): import("react/jsx-runtime").JSX.Element;
|
|
26
|
+
export {};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
interface NoiseProperties {
|
|
2
|
+
patternSize?: number;
|
|
3
|
+
patternScaleX?: number;
|
|
4
|
+
patternScaleY?: number;
|
|
5
|
+
patternRefreshInterval?: number;
|
|
6
|
+
patternAlpha?: number;
|
|
7
|
+
className?: string;
|
|
8
|
+
}
|
|
9
|
+
export declare function Noise(properties: NoiseProperties): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export {};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { CSSProperties } from 'react';
|
|
2
|
+
type ColorRGB = [number, number, number];
|
|
3
|
+
interface Properties {
|
|
4
|
+
hue?: number;
|
|
5
|
+
className?: string;
|
|
6
|
+
innerRadius?: number;
|
|
7
|
+
noiseScale?: number;
|
|
8
|
+
rotationSpeed?: number;
|
|
9
|
+
color1?: ColorRGB;
|
|
10
|
+
color2?: ColorRGB;
|
|
11
|
+
color3?: ColorRGB;
|
|
12
|
+
style?: CSSProperties;
|
|
13
|
+
}
|
|
14
|
+
export declare function Orb(properties: Properties): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export {};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { Transition, Variants } from 'motion/react';
|
|
2
|
+
import { CSSProperties } from 'react';
|
|
3
|
+
export interface TextMorphProperties {
|
|
4
|
+
children: string;
|
|
5
|
+
className?: string;
|
|
6
|
+
style?: CSSProperties;
|
|
7
|
+
variants?: Variants;
|
|
8
|
+
transition?: Transition;
|
|
9
|
+
damping?: number;
|
|
10
|
+
stiffness?: number;
|
|
11
|
+
mass?: number;
|
|
12
|
+
onFinish?: () => void;
|
|
13
|
+
}
|
|
14
|
+
export declare function TextMorph(properties: TextMorphProperties): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
interface TextPressureProps {
|
|
2
|
+
text?: string;
|
|
3
|
+
width?: boolean;
|
|
4
|
+
weight?: boolean;
|
|
5
|
+
italic?: boolean;
|
|
6
|
+
alpha?: boolean;
|
|
7
|
+
flex?: boolean;
|
|
8
|
+
scale?: boolean;
|
|
9
|
+
className?: string;
|
|
10
|
+
minFontSize?: number;
|
|
11
|
+
}
|
|
12
|
+
export declare function TextPressure(properties: TextPressureProps): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export {};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { VariantLabels, Target, TargetAndTransition, Transition } from 'motion/react';
|
|
2
|
+
interface Properties {
|
|
3
|
+
children: string;
|
|
4
|
+
duration?: number;
|
|
5
|
+
getEnterDelay?: (index: number) => number;
|
|
6
|
+
getExitDelay?: (index: number) => number;
|
|
7
|
+
className?: string;
|
|
8
|
+
transition?: Transition;
|
|
9
|
+
variants?: {
|
|
10
|
+
enter: {
|
|
11
|
+
initial: Target | VariantLabels | boolean;
|
|
12
|
+
animate: TargetAndTransition | VariantLabels;
|
|
13
|
+
};
|
|
14
|
+
exit: {
|
|
15
|
+
initial: Target | VariantLabels | boolean;
|
|
16
|
+
animate: TargetAndTransition | VariantLabels;
|
|
17
|
+
};
|
|
18
|
+
};
|
|
19
|
+
onAnimationComplete?: () => void;
|
|
20
|
+
}
|
|
21
|
+
export declare function TextRoll(properties: Properties): import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
export {};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { CSSProperties } from 'react';
|
|
2
|
+
import { MotionProps } from 'motion/react';
|
|
3
|
+
interface Properties extends MotionProps {
|
|
4
|
+
children: string;
|
|
5
|
+
duration?: number;
|
|
6
|
+
delay?: number;
|
|
7
|
+
characterSet?: 'default' | 'binary';
|
|
8
|
+
as?: React.ElementType;
|
|
9
|
+
className?: string;
|
|
10
|
+
style?: CSSProperties;
|
|
11
|
+
trigger?: boolean;
|
|
12
|
+
triggerOnMouse?: boolean;
|
|
13
|
+
onScrambleComplete?: () => void;
|
|
14
|
+
}
|
|
15
|
+
export declare function TextScramble(properties: Properties): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export {};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { Transition } from 'motion/react';
|
|
2
|
+
interface Properties {
|
|
3
|
+
children: string;
|
|
4
|
+
as?: React.ElementType;
|
|
5
|
+
className?: string;
|
|
6
|
+
duration?: number;
|
|
7
|
+
zDistance?: number;
|
|
8
|
+
xDistance?: number;
|
|
9
|
+
yDistance?: number;
|
|
10
|
+
spread?: number;
|
|
11
|
+
scaleDistance?: number;
|
|
12
|
+
rotateYDistance?: number;
|
|
13
|
+
transition?: Transition;
|
|
14
|
+
}
|
|
15
|
+
export declare function TextShimmerWave(properties: Properties): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export {};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { ElementType } from 'react';
|
|
2
|
+
import { ComponentStylesProps } from '../utils/styles';
|
|
3
|
+
type Properties = RootProperties & ComponentStylesProps<'textShimmer'>;
|
|
4
|
+
export declare function TextShimmer(properties: Properties): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
interface RootProperties {
|
|
6
|
+
children: string;
|
|
7
|
+
as?: ElementType;
|
|
8
|
+
className?: string;
|
|
9
|
+
duration?: number;
|
|
10
|
+
spread?: number;
|
|
11
|
+
highlightColor?: string;
|
|
12
|
+
}
|
|
13
|
+
export {};
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { ElementType, HTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
interface Properties extends HTMLAttributes<HTMLElement> {
|
|
3
|
+
className?: string;
|
|
4
|
+
showCursor?: boolean;
|
|
5
|
+
hideCursorWhileTyping?: boolean;
|
|
6
|
+
hideCursorOnComplete?: boolean;
|
|
7
|
+
cursorCharacter?: '|' | '█' | '▮' | '▌' | '_' | ReactNode;
|
|
8
|
+
cursorBlinkDuration?: number;
|
|
9
|
+
cursorClassName?: string;
|
|
10
|
+
text: string | string[];
|
|
11
|
+
as?: ElementType;
|
|
12
|
+
typingSpeed?: number;
|
|
13
|
+
initialDelay?: number;
|
|
14
|
+
pauseDuration?: number;
|
|
15
|
+
deletingSpeed?: number;
|
|
16
|
+
loop?: boolean;
|
|
17
|
+
textColors?: string[];
|
|
18
|
+
variableSpeed?: {
|
|
19
|
+
min: number;
|
|
20
|
+
max: number;
|
|
21
|
+
};
|
|
22
|
+
onSentenceComplete?: (sentence: string, index: number) => void;
|
|
23
|
+
startOnVisible?: boolean;
|
|
24
|
+
reverseMode?: boolean;
|
|
25
|
+
}
|
|
26
|
+
export declare function TextType(properties: Properties): import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>;
|
|
27
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function useAnimatedValue(duration: number): [number, () => void];
|