@floegence/floe-webapp-core 0.1.0

package/dist/app/FloeApp.d.ts

@@ -0,0 +1,37 @@
+import { type JSX } from 'solid-js';
+import type { DeepPartial, FloeConfig } from '../context/FloeConfigContext';
+import { type ComponentContext, type FloeComponent } from '../context/ComponentRegistry';
+import { type ShellProps } from '../components/layout/Shell';
+import { type FloeProviderProps } from './FloeProvider';
+export interface FloeAppProps<TProtocol = unknown> {
+    children: JSX.Element;
+    /** Global Floe configuration (storage, keybinds, strings, defaults). */
+    config?: DeepPartial<FloeConfig>;
+    /** Optional extra providers (e.g. protocol/router) to wrap the inner tree after ThemeProvider. */
+    wrapAfterTheme?: FloeProviderProps['wrapAfterTheme'];
+    /** Components to register into the ComponentRegistry (sidebar/commands/status). */
+    components?: FloeComponent<TProtocol>[];
+    /**
+     * Optional protocol resolver to inject into ComponentContext.protocol.
+     * Use this with wrapAfterTheme + ProtocolProvider:
+     *   getProtocol={useProtocol}
+     */
+    getProtocol?: () => TProtocol;
+    /**
+     * Optional hook to customize the per-component context (e.g. inject protocol).
+     * Tip: resolve external contexts (like useProtocol()) in your component body and close over them here.
+     */
+    createComponentContext?: (id: string, base: ComponentContext<TProtocol>) => ComponentContext<TProtocol>;
+    /** Shell props (except children). */
+    shell?: Omit<ShellProps, 'children'>;
+    /** Whether to render CommandPalette (default: true). */
+    enableCommandPalette?: boolean;
+    /** Whether to render NotificationContainer (default: true). */
+    enableNotifications?: boolean;
+}
+/**
+ * All-in-one Floe app wrapper (Provider + registry wiring + Shell + overlays).
+ *
+ * This is the recommended entrypoint for downstream apps.
+ */
+export declare function FloeApp<TProtocol = unknown>(props: FloeAppProps<TProtocol>): JSX.Element;

package/dist/app/FloeProvider.d.ts

@@ -0,0 +1,17 @@
+import type { JSX } from 'solid-js';
+import type { DeepPartial, FloeConfig } from '../context/FloeConfigContext';
+export interface FloeProviderProps {
+    children: JSX.Element;
+    /** Global Floe configuration (storage, keybinds, strings, defaults). */
+    config?: DeepPartial<FloeConfig>;
+    /**
+     * Allows consumers to inject their own providers *after* ThemeProvider,
+     * while ensuring the inner tree is created inside the injected provider.
+     */
+    wrapAfterTheme?: (renderChildren: () => JSX.Element) => JSX.Element;
+}
+/**
+ * Convenience provider that wires up Floe core contexts in the recommended order.
+ * Protocol/Router are intentionally kept outside of core to avoid hard coupling.
+ */
+export declare function FloeProvider(props: FloeProviderProps): JSX.Element;

package/dist/app/index.d.ts

@@ -0,0 +1,2 @@
+export { FloeProvider, type FloeProviderProps } from './FloeProvider';
+export { FloeApp, type FloeAppProps } from './FloeApp';

package/dist/components/deck/DeckCell.d.ts

@@ -0,0 +1,17 @@
+import { type DeckWidget } from '../../context/DeckContext';
+import type { GridPosition } from '../../utils/gridCollision';
+export interface DeckCellProps {
+    widget: DeckWidget;
+    position: GridPosition;
+    isDragging?: boolean;
+    isResizing?: boolean;
+    /** Pixel offset for smooth drag following */
+    pixelOffset?: {
+        x: number;
+        y: number;
+    };
+}
+/**
+ * Widget cell wrapper positioned via CSS grid-area
+ */
+export declare function DeckCell(props: DeckCellProps): import("solid-js").JSX.Element;

package/dist/components/deck/DeckGrid.d.ts

@@ -0,0 +1,14 @@
+import { type JSX } from 'solid-js';
+export interface DeckGridProps {
+    class?: string;
+    children?: JSX.Element;
+}
+/**
+ * CSS Grid container for the deck layout (24 columns for fine-grained control)
+ */
+export declare function DeckGrid(props: DeckGridProps): JSX.Element;
+export declare const DECK_GRID_CONFIG: {
+    cols: number;
+    rowHeight: number;
+    gap: number;
+};

package/dist/components/deck/DeckTopBar.d.ts

@@ -0,0 +1,9 @@
+import { type JSX } from 'solid-js';
+export interface DeckTopBarProps {
+    class?: string;
+    actions?: JSX.Element;
+}
+/**
+ * Deck header with edit mode toggle and layout selector
+ */
+export declare function DeckTopBar(props: DeckTopBarProps): JSX.Element;

package/dist/components/deck/DropZonePreview.d.ts

@@ -0,0 +1,10 @@
+import type { GridPosition } from '../../utils/gridCollision';
+export interface DropZonePreviewProps {
+    position: GridPosition;
+    isValid?: boolean;
+}
+/**
+ * Visual preview showing where a widget will be dropped
+ * Uses theme-adaptive colors: darker in light mode, lighter in dark mode
+ */
+export declare function DropZonePreview(props: DropZonePreviewProps): import("solid-js").JSX.Element;

package/dist/components/deck/LayoutSelector.d.ts

@@ -0,0 +1,7 @@
+export interface LayoutSelectorProps {
+    class?: string;
+}
+/**
+ * Dropdown to switch between deck layouts
+ */
+export declare function LayoutSelector(props: LayoutSelectorProps): import("solid-js").JSX.Element;

package/dist/components/deck/WidgetFrame.d.ts

@@ -0,0 +1,14 @@
+import { type JSX } from 'solid-js';
+import { type DeckWidget } from '../../context/DeckContext';
+import type { WidgetDefinition } from '../../context/WidgetRegistry';
+export interface WidgetFrameProps {
+    widget: DeckWidget;
+    widgetDef?: WidgetDefinition;
+    isDragging?: boolean;
+    isResizing?: boolean;
+    children: JSX.Element;
+}
+/**
+ * Widget chrome with header, drag handle, and resize handles
+ */
+export declare function WidgetFrame(props: WidgetFrameProps): JSX.Element;

package/dist/components/deck/WidgetPalette.d.ts

@@ -0,0 +1,7 @@
+export interface WidgetPaletteProps {
+    class?: string;
+}
+/**
+ * Slide-out panel for adding widgets to the deck
+ */
+export declare function WidgetPalette(props: WidgetPaletteProps): import("solid-js").JSX.Element;

package/dist/components/deck/WidgetResizeHandle.d.ts

@@ -0,0 +1,9 @@
+import { type DeckWidget, type ResizeState } from '../../context/DeckContext';
+export interface WidgetResizeHandleProps {
+    widget: DeckWidget;
+    edge: ResizeState['edge'];
+}
+/**
+ * Resize handle for a specific edge of a widget
+ */
+export declare function WidgetResizeHandle(props: WidgetResizeHandleProps): import("solid-js").JSX.Element;

package/dist/components/deck/WidgetTypeSwitcher.d.ts

@@ -0,0 +1,9 @@
+import { type DeckWidget } from '../../context/DeckContext';
+export interface WidgetTypeSwitcherProps {
+    widget: DeckWidget;
+    class?: string;
+}
+/**
+ * Dropdown for switching widget type while preserving position
+ */
+export declare function WidgetTypeSwitcher(props: WidgetTypeSwitcherProps): import("solid-js").JSX.Element;

package/dist/components/deck/index.d.ts

@@ -0,0 +1,9 @@
+export { DeckGrid, DECK_GRID_CONFIG, type DeckGridProps } from './DeckGrid';
+export { DeckCell, type DeckCellProps } from './DeckCell';
+export { WidgetFrame, type WidgetFrameProps } from './WidgetFrame';
+export { WidgetResizeHandle, type WidgetResizeHandleProps } from './WidgetResizeHandle';
+export { WidgetPalette, type WidgetPaletteProps } from './WidgetPalette';
+export { WidgetTypeSwitcher, type WidgetTypeSwitcherProps } from './WidgetTypeSwitcher';
+export { LayoutSelector, type LayoutSelectorProps } from './LayoutSelector';
+export { DeckTopBar, type DeckTopBarProps } from './DeckTopBar';
+export { DropZonePreview, type DropZonePreviewProps } from './DropZonePreview';

package/dist/components/icons/index.d.ts

@@ -0,0 +1,29 @@
+import type { JSX } from 'solid-js';
+export interface IconProps extends JSX.SvgSVGAttributes<SVGSVGElement> {
+    size?: number | string;
+}
+export declare const Search: (props?: IconProps) => JSX.Element;
+export declare const Files: (props?: IconProps) => JSX.Element;
+export declare const Settings: (props?: IconProps) => JSX.Element;
+export declare const Terminal: (props?: IconProps) => JSX.Element;
+export declare const Sun: (props?: IconProps) => JSX.Element;
+export declare const Moon: (props?: IconProps) => JSX.Element;
+export declare const X: (props?: IconProps) => JSX.Element;
+export declare const Check: (props?: IconProps) => JSX.Element;
+export declare const ChevronDown: (props?: IconProps) => JSX.Element;
+export declare const Loader2: (props?: IconProps) => JSX.Element;
+export declare const GitBranch: (props?: IconProps) => JSX.Element;
+export declare const Bell: (props?: IconProps) => JSX.Element;
+export declare const Grid: (props?: IconProps) => JSX.Element;
+export declare const Plus: (props?: IconProps) => JSX.Element;
+export declare const Trash: (props?: IconProps) => JSX.Element;
+export declare const Pencil: (props?: IconProps) => JSX.Element;
+export declare const GripVertical: (props?: IconProps) => JSX.Element;
+export declare const Copy: (props?: IconProps) => JSX.Element;
+export declare const LayoutDashboard: (props?: IconProps) => JSX.Element;
+export declare const ChevronRight: (props?: IconProps) => JSX.Element;
+export declare const ArrowRightLeft: (props?: IconProps) => JSX.Element;
+export declare const Grid3x3: (props?: IconProps) => JSX.Element;
+export declare const Maximize: (props?: IconProps) => JSX.Element;
+export declare const Restore: (props?: IconProps) => JSX.Element;
+export declare const Minus: (props?: IconProps) => JSX.Element;

package/dist/components/index.d.ts

@@ -0,0 +1,5 @@
+export * from './layout';
+export * from './ui';
+export * from './loading';
+export * from './icons';
+export * from './launchpad';

package/dist/components/launchpad/Launchpad.d.ts

@@ -0,0 +1,15 @@
+import { type JSX } from 'solid-js';
+import type { LaunchpadItemData } from './LaunchpadItem';
+export interface LaunchpadProps {
+    items: LaunchpadItemData[];
+    additionalItems?: LaunchpadItemData[];
+    onItemClick?: (item: LaunchpadItemData) => void;
+    onClose?: () => void;
+    itemsPerPage?: number;
+    columns?: number;
+    showSearch?: boolean;
+    class?: string;
+    style?: JSX.CSSProperties;
+}
+export declare function Launchpad(props: LaunchpadProps): JSX.Element;
+export type { LaunchpadItemData } from './LaunchpadItem';

package/dist/components/launchpad/LaunchpadGrid.d.ts

@@ -0,0 +1,8 @@
+import { type LaunchpadItemData } from './LaunchpadItem';
+export interface LaunchpadGridProps {
+    items: LaunchpadItemData[];
+    onItemClick?: (item: LaunchpadItemData) => void;
+    columns?: number;
+    animating?: boolean;
+}
+export declare function LaunchpadGrid(props: LaunchpadGridProps): import("solid-js").JSX.Element;

package/dist/components/launchpad/LaunchpadItem.d.ts

@@ -0,0 +1,18 @@
+import type { Component, JSX } from 'solid-js';
+export interface LaunchpadItemData {
+    id: string;
+    name: string;
+    icon: Component<{
+        class?: string;
+    }>;
+    description?: string;
+    color?: string;
+    onClick?: () => void;
+}
+export interface LaunchpadItemProps {
+    item: LaunchpadItemData;
+    index: number;
+    onClick?: (item: LaunchpadItemData) => void;
+    style?: JSX.CSSProperties;
+}
+export declare function LaunchpadItem(props: LaunchpadItemProps): JSX.Element;

package/dist/components/launchpad/LaunchpadPagination.d.ts

@@ -0,0 +1,6 @@
+export interface LaunchpadPaginationProps {
+    totalPages: number;
+    currentPage: number;
+    onPageChange: (page: number) => void;
+}
+export declare function LaunchpadPagination(props: LaunchpadPaginationProps): import("solid-js").JSX.Element;

package/dist/components/launchpad/LaunchpadSearch.d.ts

@@ -0,0 +1,6 @@
+export interface LaunchpadSearchProps {
+    value: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+}
+export declare function LaunchpadSearch(props: LaunchpadSearchProps): import("solid-js").JSX.Element;

package/dist/components/launchpad/index.d.ts

@@ -0,0 +1,10 @@
+export { Launchpad } from './Launchpad';
+export type { LaunchpadProps, LaunchpadItemData } from './Launchpad';
+export { LaunchpadItem } from './LaunchpadItem';
+export type { LaunchpadItemProps } from './LaunchpadItem';
+export { LaunchpadGrid } from './LaunchpadGrid';
+export type { LaunchpadGridProps } from './LaunchpadGrid';
+export { LaunchpadSearch } from './LaunchpadSearch';
+export type { LaunchpadSearchProps } from './LaunchpadSearch';
+export { LaunchpadPagination } from './LaunchpadPagination';
+export type { LaunchpadPaginationProps } from './LaunchpadPagination';

package/dist/components/layout/ActivityBar.d.ts

@@ -0,0 +1,24 @@
+import { type Component } from 'solid-js';
+export interface ActivityBarItem {
+    id: string;
+    icon: Component<{
+        class?: string;
+    }>;
+    label: string;
+    badge?: number | string | (() => number | string | undefined);
+    onClick?: () => void;
+}
+export interface ActivityBarProps {
+    items: ActivityBarItem[];
+    bottomItems?: ActivityBarItem[];
+    activeId: string;
+    onActiveChange: (id: string) => void;
+    collapsed?: boolean;
+    onCollapsedChange?: (collapsed: boolean) => void;
+    class?: string;
+}
+/**
+ * VSCode-style Activity Bar
+ * Vertical icon strip on the left side
+ */
+export declare function ActivityBar(props: ActivityBarProps): import("solid-js").JSX.Element;

package/dist/components/layout/BottomBar.d.ts

@@ -0,0 +1,27 @@
+import { type JSX } from 'solid-js';
+export interface BottomBarProps {
+    children?: JSX.Element;
+    class?: string;
+}
+/**
+ * Status bar at the bottom of the application
+ */
+export declare function BottomBar(props: BottomBarProps): JSX.Element;
+/**
+ * Bottom bar item
+ */
+export interface BottomBarItemProps {
+    children: JSX.Element;
+    icon?: JSX.Element;
+    onClick?: () => void;
+    class?: string;
+}
+export declare function BottomBarItem(props: BottomBarItemProps): JSX.Element;
+/**
+ * Status indicator dot
+ */
+export interface StatusIndicatorProps {
+    status: 'connected' | 'disconnected' | 'connecting' | 'error';
+    label?: string;
+}
+export declare function StatusIndicator(props: StatusIndicatorProps): JSX.Element;

package/dist/components/layout/MobileTabBar.d.ts

@@ -0,0 +1,19 @@
+import { type Component } from 'solid-js';
+export interface MobileTabBarItem {
+    id: string;
+    icon: Component<{
+        class?: string;
+    }>;
+    label: string;
+    badge?: number | string | (() => number | string | undefined);
+}
+export interface MobileTabBarProps {
+    items: MobileTabBarItem[];
+    activeId: string;
+    onSelect: (id: string) => void;
+    class?: string;
+}
+/**
+ * Mobile-optimized bottom tab bar with horizontal scrolling
+ */
+export declare function MobileTabBar(props: MobileTabBarProps): import("solid-js").JSX.Element;

package/dist/components/layout/Panel.d.ts

@@ -0,0 +1,27 @@
+import { type JSX } from 'solid-js';
+export interface PanelProps {
+    children: JSX.Element;
+    class?: string;
+}
+/**
+ * Generic panel container
+ */
+export declare function Panel(props: PanelProps): JSX.Element;
+/**
+ * Panel header with title and actions
+ */
+export interface PanelHeaderProps {
+    children: JSX.Element;
+    actions?: JSX.Element;
+    class?: string;
+}
+export declare function PanelHeader(props: PanelHeaderProps): JSX.Element;
+/**
+ * Panel content area with optional padding
+ */
+export interface PanelContentProps {
+    children: JSX.Element;
+    noPadding?: boolean;
+    class?: string;
+}
+export declare function PanelContent(props: PanelContentProps): JSX.Element;

package/dist/components/layout/ResizeHandle.d.ts

@@ -0,0 +1,9 @@
+export interface ResizeHandleProps {
+    direction: 'horizontal' | 'vertical';
+    onResize: (delta: number) => void;
+    class?: string;
+}
+/**
+ * Draggable resize handle for panels
+ */
+export declare function ResizeHandle(props: ResizeHandleProps): import("solid-js").JSX.Element;

package/dist/components/layout/Shell.d.ts

@@ -0,0 +1,23 @@
+import { type JSX } from 'solid-js';
+import { type ActivityBarItem } from './ActivityBar';
+export interface ShellProps {
+    children: JSX.Element;
+    logo?: JSX.Element;
+    activityItems?: ActivityBarItem[];
+    activityBottomItems?: ActivityBarItem[];
+    topBarActions?: JSX.Element;
+    bottomBarItems?: JSX.Element;
+    sidebarContent?: (activeTab: string) => JSX.Element;
+    terminalPanel?: JSX.Element;
+    class?: string;
+}
+/**
+ * Main application shell with VSCode-style layout
+ * - Activity Bar (leftmost)
+ * - Sidebar (collapsible)
+ * - Main content area
+ * - Terminal panel (bottom, collapsible)
+ * - Top Bar
+ * - Bottom Bar (status)
+ */
+export declare function Shell(props: ShellProps): JSX.Element;

package/dist/components/layout/Sidebar.d.ts

@@ -0,0 +1,33 @@
+import { type JSX } from 'solid-js';
+export interface SidebarProps {
+    children: JSX.Element;
+    resizer?: JSX.Element;
+    width?: number;
+    class?: string;
+}
+/**
+ * Collapsible sidebar panel
+ */
+export declare function Sidebar(props: SidebarProps): JSX.Element;
+/**
+ * Sidebar section with optional header
+ */
+export interface SidebarSectionProps {
+    children: JSX.Element;
+    title?: string;
+    actions?: JSX.Element;
+    class?: string;
+}
+export declare function SidebarSection(props: SidebarSectionProps): JSX.Element;
+/**
+ * Sidebar list item
+ */
+export interface SidebarItemProps {
+    children: JSX.Element;
+    icon?: JSX.Element;
+    active?: boolean;
+    indent?: number;
+    onClick?: () => void;
+    class?: string;
+}
+export declare function SidebarItem(props: SidebarItemProps): JSX.Element;

package/dist/components/layout/TopBar.d.ts

@@ -0,0 +1,11 @@
+import { type JSX } from 'solid-js';
+export interface TopBarProps {
+    logo?: JSX.Element;
+    title?: string;
+    actions?: JSX.Element;
+    class?: string;
+}
+/**
+ * Top command bar with logo, search trigger, and actions
+ */
+export declare function TopBar(props: TopBarProps): JSX.Element;

package/dist/components/layout/index.d.ts

@@ -0,0 +1,9 @@
+export { Shell, type ShellProps } from './Shell';
+export { ActivityBar, type ActivityBarItem, type ActivityBarProps } from './ActivityBar';
+export { Sidebar, SidebarSection, SidebarItem, type SidebarProps, type SidebarSectionProps, type SidebarItemProps } from './Sidebar';
+export { TopBar, type TopBarProps } from './TopBar';
+export { BottomBar, BottomBarItem, StatusIndicator, type BottomBarProps, type BottomBarItemProps, type StatusIndicatorProps } from './BottomBar';
+export { MobileTabBar, type MobileTabBarItem, type MobileTabBarProps } from './MobileTabBar';
+export { ResizeHandle, type ResizeHandleProps } from './ResizeHandle';
+export { Panel, PanelHeader, PanelContent, type PanelProps, type PanelHeaderProps, type PanelContentProps } from './Panel';
+export * from '../deck';

package/dist/components/loading/LoadingOverlay.d.ts

@@ -0,0 +1,10 @@
+export interface LoadingOverlayProps {
+    visible: boolean;
+    message?: string;
+    fullscreen?: boolean;
+    class?: string;
+}
+/**
+ * Full screen or container loading overlay
+ */
+export declare function LoadingOverlay(props: LoadingOverlayProps): import("solid-js").JSX.Element;

package/dist/components/loading/Skeleton.d.ts

@@ -0,0 +1,21 @@
+export interface SkeletonProps {
+    class?: string;
+}
+/**
+ * Skeleton placeholder for loading content
+ */
+export declare function Skeleton(props: SkeletonProps): import("solid-js").JSX.Element;
+/**
+ * Common skeleton patterns
+ */
+export declare function SkeletonText(props: {
+    lines?: number;
+    class?: string;
+}): import("solid-js").JSX.Element;
+export declare function SkeletonCard(props: {
+    class?: string;
+}): import("solid-js").JSX.Element;
+export declare function SkeletonList(props: {
+    count?: number;
+    class?: string;
+}): import("solid-js").JSX.Element;

package/dist/components/loading/SnakeLoader.d.ts

@@ -0,0 +1,9 @@
+export interface SnakeLoaderProps {
+    size?: 'sm' | 'md' | 'lg';
+    speed?: 'slow' | 'normal' | 'fast';
+    class?: string;
+}
+/**
+ * 9-cell grid loader with breathing center and rotating trail
+ */
+export declare function SnakeLoader(props: SnakeLoaderProps): import("solid-js").JSX.Element;

package/dist/components/loading/index.d.ts

@@ -0,0 +1,3 @@
+export { SnakeLoader, type SnakeLoaderProps } from './SnakeLoader';
+export { LoadingOverlay, type LoadingOverlayProps } from './LoadingOverlay';
+export { Skeleton, SkeletonText, SkeletonCard, SkeletonList, type SkeletonProps } from './Skeleton';

package/dist/components/ui/Button.d.ts

@@ -0,0 +1,12 @@
+import { type JSX, type Component } from 'solid-js';
+export type ButtonVariant = 'default' | 'primary' | 'secondary' | 'outline' | 'ghost' | 'destructive';
+export type ButtonSize = 'sm' | 'md' | 'lg' | 'icon';
+export interface ButtonProps extends JSX.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    loading?: boolean;
+    icon?: Component<{
+        class?: string;
+    }>;
+}
+export declare function Button(props: ButtonProps): JSX.Element;

package/dist/components/ui/Card.d.ts

@@ -0,0 +1,79 @@
+import { type JSX } from 'solid-js';
+export type CardVariant = 'default' | 'hover-lift' | 'gradient-border' | 'glass' | 'spotlight' | 'shimmer' | 'glow';
+export interface CardProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    variant?: CardVariant;
+    /** Enable 3D perspective tilt on hover (works best with hover-lift and spotlight variants) */
+    enableTilt?: boolean;
+    /** Custom gradient colors for gradient-border variant */
+    gradientColors?: string;
+    /** Glow color for glow variant */
+    glowColor?: string;
+}
+/**
+ * Base Card component
+ */
+export declare function Card(props: CardProps): JSX.Element;
+/**
+ * Card header component
+ */
+export type CardHeaderProps = JSX.HTMLAttributes<HTMLDivElement>;
+export declare function CardHeader(props: CardHeaderProps): JSX.Element;
+/**
+ * Card title component
+ */
+export type CardTitleProps = JSX.HTMLAttributes<HTMLHeadingElement>;
+export declare function CardTitle(props: CardTitleProps): JSX.Element;
+/**
+ * Card description component
+ */
+export type CardDescriptionProps = JSX.HTMLAttributes<HTMLParagraphElement>;
+export declare function CardDescription(props: CardDescriptionProps): JSX.Element;
+/**
+ * Card content component
+ */
+export type CardContentProps = JSX.HTMLAttributes<HTMLDivElement>;
+export declare function CardContent(props: CardContentProps): JSX.Element;
+/**
+ * Card footer component
+ */
+export type CardFooterProps = JSX.HTMLAttributes<HTMLDivElement>;
+export declare function CardFooter(props: CardFooterProps): JSX.Element;
+/**
+ * Interactive 3D Card with mouse tracking
+ */
+export interface Interactive3DCardProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    /** Intensity of the 3D effect (1-20, default 10) */
+    intensity?: number;
+    /** Enable shine effect */
+    shine?: boolean;
+    /** Border glow on hover */
+    borderGlow?: boolean;
+}
+export declare function Interactive3DCard(props: Interactive3DCardProps): JSX.Element;
+/**
+ * Animated Border Card with rotating gradient
+ */
+export interface AnimatedBorderCardProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    /** Animation duration in seconds */
+    duration?: number;
+    /** Border width in pixels */
+    borderWidth?: number;
+    /** Gradient colors (Tailwind classes) */
+    colors?: string;
+}
+export declare function AnimatedBorderCard(props: AnimatedBorderCardProps): JSX.Element;
+/**
+ * Neon Glow Card
+ */
+export interface NeonCardProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    /** Neon color (CSS color value) */
+    color?: string;
+    /** Pulse animation */
+    pulse?: boolean;
+}
+export declare function NeonCard(props: NeonCardProps): JSX.Element;
+/**
+ * Morphing Card with blob-like background
+ */
+export type MorphCardProps = JSX.HTMLAttributes<HTMLDivElement>;
+export declare function MorphCard(props: MorphCardProps): JSX.Element;

package/dist/components/ui/CommandPalette.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Command palette / search modal
+ */
+export declare function CommandPalette(): import("solid-js").JSX.Element;