@sreedev/my3dui 0.1.2

package/dist/index.d.cts

@@ -0,0 +1,506 @@
+import * as React$1 from 'react';
+import React__default, { ReactElement } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { HTMLMotionProps } from 'framer-motion';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import * as SliderPrimitive from '@radix-ui/react-slider';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as TogglePrimitive from '@radix-ui/react-toggle';
+import { VariantProps } from 'class-variance-authority';
+import * as SelectPrimitive from '@radix-ui/react-select';
+import * as ProgressPrimitive from '@radix-ui/react-progress';
+import * as ToastPrimitives from '@radix-ui/react-toast';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import * as SheetPrimitive from '@radix-ui/react-dialog';
+
+interface ContainerProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    size?: "sm" | "md" | "lg" | "xl" | "full";
+}
+declare const Container: React__default.ForwardRefExoticComponent<ContainerProps & React__default.RefAttributes<HTMLDivElement>>;
+
+interface GridProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    cols?: number | {
+        sm?: number;
+        md?: number;
+        lg?: number;
+        xl?: number;
+    };
+    gap?: number | string;
+}
+declare const Grid: React__default.ForwardRefExoticComponent<GridProps & React__default.RefAttributes<HTMLDivElement>>;
+
+interface StackProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    direction?: "row" | "col";
+    gap?: number | string;
+    align?: "start" | "center" | "end" | "stretch";
+    justify?: "start" | "center" | "end" | "between" | "around" | "evenly";
+    wrap?: boolean;
+}
+declare const Stack: React__default.ForwardRefExoticComponent<StackProps & React__default.RefAttributes<HTMLDivElement>>;
+
+interface SectionProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    fullWidth?: boolean;
+    background?: "default" | "muted" | "brand" | "glass";
+    containerSize?: "sm" | "md" | "lg" | "xl" | "full";
+    noPadding?: boolean;
+}
+declare const Section: React__default.ForwardRefExoticComponent<SectionProps & React__default.RefAttributes<HTMLDivElement>>;
+
+interface PageLayoutProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    header?: React__default.ReactNode;
+    footer?: React__default.ReactNode;
+    sidebar?: React__default.ReactNode;
+    sidebarPosition?: "left" | "right";
+}
+declare const PageLayout: React__default.ForwardRefExoticComponent<PageLayoutProps & React__default.RefAttributes<HTMLDivElement>>;
+
+interface Button3DProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: "primary" | "secondary" | "accent" | "destructive" | "outline" | "ghost" | "glass";
+    size?: "sm" | "md" | "lg" | "icon" | "default";
+    asChild?: boolean;
+    loading?: boolean;
+    shadowColor?: string;
+}
+declare const Button3D: React__default.ForwardRefExoticComponent<Button3DProps & React__default.RefAttributes<HTMLButtonElement>>;
+
+interface Card3DProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    children?: React__default.ReactNode;
+    depth?: "sm" | "md" | "lg";
+    variant?: "glass" | "solid" | "neon" | "outline";
+    disableTilt?: boolean;
+}
+declare function Card3D({ children, className, depth, variant, disableTilt, ...props }: Card3DProps): react_jsx_runtime.JSX.Element;
+
+interface AccordionItem {
+    title: string;
+    content: React__default.ReactNode;
+    value?: string;
+    icon?: React__default.ReactNode;
+}
+interface Accordion3DProps {
+    items: AccordionItem[];
+    className?: string;
+    variant?: "glass" | "solid" | "neon" | "minimal";
+    defaultOpenIndex?: number | null;
+    allowMultiple?: boolean;
+}
+/**
+ * Accordion3D
+ *
+ * A 3D-inspired accordion component that uses CSS transforms and shadows
+ * to create depth without WebGL.
+ */
+declare const Accordion3D: React__default.FC<Accordion3DProps>;
+
+interface Badge3DProps extends HTMLMotionProps<"div"> {
+    variant?: "default" | "secondary" | "success" | "warning" | "danger" | "outline";
+    size?: "sm" | "md" | "lg";
+    pulse?: boolean;
+}
+declare const Badge3D: React__default.ForwardRefExoticComponent<Omit<Badge3DProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+interface Input3DProps extends React__default.InputHTMLAttributes<HTMLInputElement> {
+    label?: string;
+    error?: string;
+    icon?: React__default.ReactNode;
+}
+declare const Input3D: React__default.ForwardRefExoticComponent<Input3DProps & React__default.RefAttributes<HTMLInputElement>>;
+
+interface Slider3DProps {
+    value?: number;
+    defaultValue?: number;
+    min?: number;
+    max?: number;
+    step?: number;
+    onChange?: (value: number) => void;
+    label?: string;
+    showValue?: boolean;
+    className?: string;
+    disabled?: boolean;
+}
+declare function Slider3D({ value: controlledValue, defaultValue, min, max, step, onChange, label, showValue, className, disabled, }: Slider3DProps): react_jsx_runtime.JSX.Element;
+
+interface Tab {
+    label: string;
+    value: string;
+    content: React__default.ReactNode;
+    icon?: React__default.ReactNode;
+}
+interface Tabs3DProps {
+    tabs: Tab[];
+    defaultValue?: string;
+    value?: string;
+    onValueChange?: (value: string) => void;
+    className?: string;
+    variant?: "default" | "pills" | "underline";
+}
+declare function Tabs3D({ tabs, defaultValue, value: controlledValue, onValueChange, className, variant, }: Tabs3DProps): react_jsx_runtime.JSX.Element;
+
+interface Toggle3DProps {
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    disabled?: boolean;
+    variant?: "glass" | "neon" | "pill";
+    label?: string;
+}
+declare function Toggle3D({ checked: controlledChecked, defaultChecked, onCheckedChange, disabled, variant, label, }: Toggle3DProps): react_jsx_runtime.JSX.Element;
+
+interface Modal3DProps {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    children: React__default.ReactNode;
+    trigger?: React__default.ReactNode;
+    title?: string;
+    description?: string;
+    className?: string;
+}
+declare function Modal3D({ open, onOpenChange, children, trigger, title, description, className, }: Modal3DProps): react_jsx_runtime.JSX.Element;
+
+interface Menu3DProps {
+    children: React__default.ReactNode;
+    trigger: React__default.ReactNode;
+    align?: "start" | "center" | "end";
+}
+declare function Menu3D({ children, trigger, align }: Menu3DProps): react_jsx_runtime.JSX.Element;
+declare const Menu3DItem: React__default.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React__default.RefAttributes<HTMLDivElement>>;
+declare const Menu3DLabel: React__default.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React__default.RefAttributes<HTMLDivElement>>;
+declare const Menu3DSeparator: React__default.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+
+interface Tooltip3DProps {
+    content: React__default.ReactNode;
+    children: React__default.ReactNode;
+    side?: "top" | "bottom" | "left" | "right";
+    align?: "start" | "center" | "end";
+    delayDuration?: number;
+}
+declare function Tooltip3D({ content, children, side, align, delayDuration, }: Tooltip3DProps): react_jsx_runtime.JSX.Element;
+
+interface Progress3DProps {
+    value: number;
+    max?: number;
+    variant?: "default" | "success" | "warning" | "danger";
+    size?: "sm" | "md" | "lg";
+    showLabel?: boolean;
+    label?: string;
+    className?: string;
+    animated?: boolean;
+}
+declare function Progress3D({ value, max, variant, size, showLabel, label, className, animated, }: Progress3DProps): react_jsx_runtime.JSX.Element;
+
+interface Select3DOption {
+    label: string;
+    value: string;
+}
+interface Select3DProps {
+    options: Select3DOption[];
+    value?: string;
+    onChange?: (val: string) => void;
+    width?: number;
+}
+declare function Select3D({ options, value, onChange, width, }: Select3DProps): react_jsx_runtime.JSX.Element;
+
+interface Spinner3DProps {
+    size?: "sm" | "md" | "lg";
+    color?: string;
+    speed?: number;
+}
+declare function Spinner3D({ size, color, speed, }: Spinner3DProps): react_jsx_runtime.JSX.Element;
+
+interface Stepper3DProps {
+    steps: string[];
+    activeStep?: number;
+    gap?: number;
+}
+declare function Stepper3D({ steps, activeStep, gap, }: Stepper3DProps): react_jsx_runtime.JSX.Element;
+
+interface NavBarItem {
+    label: string;
+    href: string;
+}
+interface NavBar3DProps {
+    items: NavBarItem[];
+    activeHref?: string;
+}
+declare function NavBar3D({ items, activeHref }: NavBar3DProps): react_jsx_runtime.JSX.Element;
+
+interface TimelineEvent {
+    date: string;
+    title: string;
+    description?: string;
+}
+interface Timeline3DProps {
+    events: TimelineEvent[];
+    orientation?: "horizontal" | "vertical";
+    gap?: number;
+}
+declare function Timeline3D({ events, orientation, gap, }: Timeline3DProps): react_jsx_runtime.JSX.Element;
+
+declare const Tooltip: React$1.FC<TooltipPrimitive.TooltipProps>;
+
+declare const Slider: React$1.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
+
+declare const Toggle: React$1.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "sm" | "lg" | "default" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLButtonElement>>;
+
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "secondary" | "destructive" | "outline" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
+}
+declare function Badge({ className, variant, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
+
+declare const Input: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
+
+declare const Select: React$1.FC<SelectPrimitive.SelectProps>;
+
+declare const Table: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableElement> & React$1.RefAttributes<HTMLTableElement>>;
+
+declare const Pagination: {
+    ({ className, ...props }: React$1.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+declare const Progress: React$1.ForwardRefExoticComponent<Omit<ProgressPrimitive.ProgressProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+
+declare const Toast: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React$1.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "default" | "destructive" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLLIElement>>;
+
+declare const Popover: React$1.FC<PopoverPrimitive.PopoverProps>;
+
+declare const Sheet: React$1.FC<SheetPrimitive.DialogProps>;
+
+declare const Dialog: React$1.FC<SheetPrimitive.DialogProps>;
+
+declare const Breadcrumb: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+    separator?: React$1.ReactNode;
+} & React$1.RefAttributes<HTMLElement>>;
+
+interface BarData {
+    label: string;
+    value: number;
+    color?: string;
+}
+interface BarChart3DProps {
+    data: BarData[];
+    orientation?: "vertical" | "horizontal";
+    barSize?: number;
+    gap?: number;
+    animated?: boolean;
+    className?: string;
+}
+declare function BarChart3D({ data, orientation, barSize, gap, animated, }: BarChart3DProps): react_jsx_runtime.JSX.Element;
+
+interface LineChartData {
+    x: number;
+    y: number;
+}
+interface LineChart3DProps {
+    data: LineChartData[];
+    smooth?: boolean;
+    color?: string;
+    lineWidth?: number;
+    showPoints?: boolean;
+}
+declare function LineChart3D({ data, smooth, color, lineWidth, showPoints, }: LineChart3DProps): react_jsx_runtime.JSX.Element;
+
+interface PieData {
+    label: string;
+    value: number;
+    color?: string;
+}
+interface PieChart3DProps {
+    data: PieData[];
+    radius?: number;
+    depth?: number;
+    explode?: boolean;
+    donut?: boolean;
+}
+declare function PieChart3D({ data, radius, depth, explode, donut, }: PieChart3DProps): react_jsx_runtime.JSX.Element;
+
+interface ScatterPoint {
+    x: number;
+    y: number;
+    z: number;
+    size?: number;
+    color?: string;
+    label?: string;
+}
+interface ScatterPlot3DProps {
+    data: ScatterPoint[];
+    pointSize?: number;
+    colorScale?: string[];
+}
+declare function ScatterPlot3D({ data, pointSize, colorScale, }: ScatterPlot3DProps): react_jsx_runtime.JSX.Element;
+
+interface GraphNode {
+    id: string;
+    label?: string;
+    x?: number;
+    y?: number;
+    z?: number;
+    color?: string;
+}
+interface GraphEdge {
+    source: string;
+    target: string;
+}
+interface Graph3DProps {
+    nodes: GraphNode[];
+    edges: GraphEdge[];
+    physics?: boolean;
+}
+declare function Graph3D({ nodes, edges, physics }: Graph3DProps): react_jsx_runtime.JSX.Element;
+
+interface MapMarker {
+    lat: number;
+    lng: number;
+    label?: string;
+    color?: string;
+}
+interface Map3DProps {
+    markers?: MapMarker[];
+    radius?: number;
+    textureSrc?: string;
+}
+declare function Map3D({ markers, radius, textureSrc, }: Map3DProps): react_jsx_runtime.JSX.Element;
+
+interface GalleryImage {
+    src: string;
+    alt: string;
+}
+interface Gallery3DProps {
+    images: GalleryImage[];
+    layout?: "carousel" | "grid" | "wall";
+    radius?: number;
+    gap?: number;
+}
+declare function Gallery3D({ images, layout, radius, gap, }: Gallery3DProps): react_jsx_runtime.JSX.Element;
+
+interface ModelViewerProps {
+    src: string;
+    autoRotate?: boolean;
+    scale?: number;
+    environment?: string;
+    position?: [number, number, number];
+}
+declare function ModelViewer({ src, autoRotate, scale, environment, position, }: ModelViewerProps): react_jsx_runtime.JSX.Element;
+
+interface VideoPlaneProps {
+    src: string;
+    width?: number;
+    height?: number;
+    autoPlay?: boolean;
+    loop?: boolean;
+    muted?: boolean;
+    opacity?: number;
+    side?: "front" | "back" | "double";
+}
+declare function VideoPlane({ src, width, height, autoPlay, loop, muted, opacity, side, }: VideoPlaneProps): react_jsx_runtime.JSX.Element;
+
+interface ImagePlaneProps {
+    src: string;
+    width?: number;
+    height?: number;
+    opacity?: number;
+    transparent?: boolean;
+    parallax?: boolean;
+}
+declare function ImagePlane({ src, width, height, // if undefined, will infer
+opacity, transparent, parallax, }: ImagePlaneProps): react_jsx_runtime.JSX.Element;
+
+interface AudioVisualizerProps {
+    audioSrc: string;
+    fftSize?: number;
+    barColor?: string;
+    width?: number;
+}
+declare function AudioVisualizer({ audioSrc, fftSize, barColor, width, }: AudioVisualizerProps): react_jsx_runtime.JSX.Element;
+
+interface ParticlesProps {
+    count?: number;
+    size?: number;
+    color?: string;
+    speed?: number;
+}
+declare function Particles({ count, size, color, speed, }: ParticlesProps): react_jsx_runtime.JSX.Element;
+
+interface BloomProps {
+    intensity?: number;
+    radius?: number;
+    threshold?: number;
+}
+declare function Bloom({ intensity, radius, threshold }: BloomProps): react_jsx_runtime.JSX.Element;
+
+interface ReflectionProps {
+    blur?: [number, number];
+    opacity?: number;
+    resolution?: number;
+    color?: string;
+}
+declare function Reflection({ blur, opacity, resolution, color, }: ReflectionProps): react_jsx_runtime.JSX.Element;
+
+interface FogProps {
+    color?: string;
+    near?: number;
+    far?: number;
+    density?: number;
+    type?: "linear" | "exponential";
+}
+declare function Fog({ color, near, far, type, density, }: FogProps): react_jsx_runtime.JSX.Element;
+
+interface ShadowSystemProps {
+    type?: "basic" | "soft" | "contact";
+    bias?: number;
+    mapSize?: number;
+}
+declare function ShadowSystem({ type, bias, mapSize }: ShadowSystemProps): react_jsx_runtime.JSX.Element | null;
+
+interface GlowEffectProps {
+    children: ReactElement;
+    color?: string;
+    intensity?: number;
+    scale?: number;
+}
+declare function GlowEffect({ children, color, intensity, scale, }: GlowEffectProps): react_jsx_runtime.JSX.Element;
+
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            waveMaterial: any;
+        }
+    }
+}
+interface WaveEffectProps {
+    children?: React__default.ReactNode;
+    amplitude?: number;
+    frequency?: number;
+    speed?: number;
+}
+declare function WaveEffect({ children, amplitude, frequency, speed }: WaveEffectProps): react_jsx_runtime.JSX.Element;
+
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            noiseMaterial: any;
+        }
+    }
+}
+interface NoiseFieldProps {
+    scale?: number;
+    speed?: number;
+    mode?: "displacement" | "color";
+}
+declare function NoiseField({ scale, speed, mode }: NoiseFieldProps): react_jsx_runtime.JSX.Element;
+
+export { Accordion3D, AudioVisualizer, Badge, Badge3D, BarChart3D, Bloom, Breadcrumb, Button3D, Card3D, Container, Dialog, Fog, Gallery3D, GlowEffect, Graph3D, Grid, ImagePlane, Input, Input3D, LineChart3D, Map3D, Menu3D, Menu3DItem, Menu3DLabel, Menu3DSeparator, Modal3D, ModelViewer, NavBar3D, NoiseField, PageLayout, Pagination, Particles, PieChart3D, Popover, Progress, Progress3D, Reflection, ScatterPlot3D, Section, Select, Select3D, ShadowSystem, Sheet, Skeleton, Slider, Slider3D, Spinner3D, Stack, Stepper3D, Table, Tabs3D, Timeline3D, Toast, Toggle, Toggle3D, Tooltip, Tooltip3D, VideoPlane, WaveEffect };