@imdanibytes/nexus-ui 0.6.0 → 0.7.1

package/dist/index.d.ts

@@ -1,11 +1,72 @@
 import { ClassValue } from 'clsx';
+import { ElementType } from 'react';
 import { JSX } from 'react/jsx-runtime';
 import * as React_2 from 'react';
+import { ReactNode } from 'react';
 import { toast } from 'sonner';
 import { Toaster } from 'sonner';
 
+/**
+ * Ambient gradient background — uses HeroUI theme tokens for colors.
+ *
+ * Blobs are radial-gradient divs (no CSS `filter: blur()` — GPU-safe).
+ * Layer-promoted via `will-change: transform`, animated exclusively with
+ * `transform: translate3d()` so the GPU composites cached textures at new
+ * positions each frame — no Gaussian blur recomputation.
+ *
+ * Drift keyframes (`drift-1` through `drift-4`) are defined in base.css.
+ */
+export declare interface BlobConfig {
+    /** Blob diameter in px */
+    size: number;
+    /** CSS left position (e.g. "10%", "200px") */
+    x: string;
+    /** CSS top position */
+    y: string;
+    /** HeroUI color token name — "primary", "secondary", "success", etc. */
+    color: string;
+    /** Opacity for the radial gradient (0–1) */
+    opacity: number;
+    /** Keyframe name from base.css — "drift-1", "drift-2", etc. */
+    drift: string;
+    /** Animation duration (e.g. "25s") */
+    duration: string;
+}
+
 export declare function cn(...inputs: ClassValue[]): string;
 
+export declare function CodeBlock({ text, copyLabel, className }: CodeBlockProps): JSX.Element;
+
+declare interface CodeBlockProps {
+    /** The text content to display */
+    text: string;
+    /** Label for the copy button (accessibility) */
+    copyLabel?: string;
+    className?: string;
+}
+
+export declare function EmptyState({ icon: Icon, title, description, action, className }: EmptyStateProps): JSX.Element;
+
+declare interface EmptyStateProps {
+    /** Lucide icon component or any React element type */
+    icon: ElementType;
+    /** Primary message */
+    title: string;
+    /** Secondary description */
+    description?: string;
+    /** Optional action slot (button, link, etc.) */
+    action?: ReactNode;
+    className?: string;
+}
+
+export declare function GradientBackground({ blobs, className }: GradientBackgroundProps): JSX.Element;
+
+declare interface GradientBackgroundProps {
+    /** Custom blob configurations. Defaults to a 3-blob teal/violet/blue set. */
+    blobs?: BlobConfig[];
+    className?: string;
+}
+
 declare interface NexusContextValue {
     apiUrl: string;
 }
@@ -18,6 +79,40 @@ declare interface NexusProviderProps {
     toaster?: boolean;
 }
 
+export declare function SearchBar({ value: controlledValue, onChange, placeholder, delay, icon, className, }: SearchBarProps): JSX.Element;
+
+declare interface SearchBarProps {
+    /** Current search value (controlled) or initial value (uncontrolled) */
+    value?: string;
+    /** Called with the debounced search query */
+    onChange: (query: string) => void;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Debounce delay in ms (default 300) */
+    delay?: number;
+    /** Optional icon element rendered as Input startContent */
+    icon?: React.ReactNode;
+    className?: string;
+}
+
+declare type Status = "running" | "stopped" | "error" | "busy" | "installing";
+
+export declare function StatusDot({ status, ping, className }: StatusDotProps): JSX.Element;
+
+declare interface StatusDotProps {
+    status: Status;
+    /** Show animated ping ring (default: true when running) */
+    ping?: boolean;
+    className?: string;
+}
+
+export declare const Surface: React_2.ForwardRefExoticComponent<SurfaceProps & React_2.RefAttributes<HTMLDivElement>>;
+
+declare interface SurfaceProps extends React_2.HTMLAttributes<HTMLDivElement> {
+    /** "default" = standard glass card, "strong" = structural chrome (no rounding, stronger blur) */
+    variant?: "default" | "strong";
+}
+
 export { toast }
 
 export { Toaster }