@visulima/dev-toolbar 1.0.0-alpha.2 → 1.0.0-alpha.4

package/dist/types/app.d.ts

@@ -73,11 +73,10 @@ export interface DevToolbarApp {
      */
     beforeTogglingOff?: (canvas: ShadowRoot) => boolean | Promise<boolean>;
     /**
-     * Called when the app is unregistered / removed from the toolbar.
-     * Use this for final cleanup (event listeners, timers, subscriptions).
-     * @param canvas Shadow root of the app
+     * Preact component for rendering (alternative to init)
+     * If provided, this will be used instead of init
      */
-    destroy?: (canvas: ShadowRoot) => Promise<void> | void;
+    component?: ComponentType<AppComponentProps>;
     /**
      * When true, this app is automatically activated when the toolbar opens for
      * the first time (or when no other app has been activated yet).
@@ -86,17 +85,11 @@ export interface DevToolbarApp {
      */
     defaultOpen?: boolean;
     /**
-     * Preact component for rendering (alternative to init)
-     * If provided, this will be used instead of init
-     */
-    component?: ComponentType<AppComponentProps>;
-    /**
-     * Optional hover tooltip component — renders a compact live preview when the
-     * user hovers over this app's button in the toolbar pill.
-     * The component should be small (≤280px wide) and self-contained.
-     * If omitted, hovering shows the native title tooltip only.
+     * Called when the app is unregistered / removed from the toolbar.
+     * Use this for final cleanup (event listeners, timers, subscriptions).
+     * @param canvas Shadow root of the app
      */
-    tooltip?: ComponentType<AppTooltipProps>;
+    destroy?: (canvas: ShadowRoot) => Promise<void> | void;
     /**
      * Icon HTML string (SVG)
      */
@@ -116,6 +109,25 @@ export interface DevToolbarApp {
      * Display name of the app
      */
     name: string;
+    /**
+     * Action button callback — called when the button is activated (active: false → true).
+     * When present, clicking the toolbar button will NOT open a panel.
+     * Instead the button toggles its active state and calls onClick (activate)
+     * or onDeactivate (deactivate).
+     */
+    onClick?: () => Promise<void> | void;
+    /**
+     * Called when the action button is deactivated (active: true → false).
+     * Only meaningful when onClick is also provided.
+     */
+    onDeactivate?: () => Promise<void> | void;
+    /**
+     * Optional hover tooltip component — renders a compact live preview when the
+     * user hovers over this app's button in the toolbar pill.
+     * The component should be small (≤280px wide) and self-contained.
+     * If omitted, hovering shows the native title tooltip only.
+     */
+    tooltip?: ComponentType<AppTooltipProps>;
     /**
      * App rendering mode
      */

package/dist/types/global-api.d.ts

@@ -1,84 +1,79 @@
 import type { DevToolbarApp } from "./app.d.ts";
-import type { ToolbarSettings } from "./toolbar.d.ts";
 import type { DevToolbarHook } from "./hooks.d.ts";
 import type { ServerFunctions } from "./rpc.d.ts";
+import type { ToolbarSettings } from "./toolbar.d.ts";
 /**
- * Global DevTools API interface
+ * Global DevTools API interface.
  * Exposed as window.__VISULIMA_DEVTOOLS__
  */
-export interface VisulimaDevTools {
+interface VisulimaDevTools {
     /**
-     * Clear notification for an app
-     * @param appId App ID
+     * Clears notification for an app.
      */
     clearNotification: (appId: string) => void;
     /**
-     * Close the currently active app
+     * Closes the currently active app.
      */
     closeApp: () => Promise<void>;
     /**
-     * Get the currently active app ID
-     * @returns Active app ID or null
+     * Gets the currently active app ID.
      */
-    getActiveApp: () => string | null;
+    getActiveApp: () => string | undefined;
     /**
-     * Get all registered apps
-     * @returns Array of app definitions
+     * Gets all registered apps.
      */
     getApps: () => DevToolbarApp[];
     /**
-     * Get current toolbar settings
-     * @returns Toolbar settings
+     * Gets current toolbar settings.
      */
     getSettings: () => ToolbarSettings;
     /**
-     * Hide the toolbar
+     * Hides the toolbar.
      */
     hide: () => void;
     /**
-     * Hook instance for event subscriptions
+     * Hook instance for event subscriptions.
      */
     hook: DevToolbarHook;
     /**
-     * Show a notification for an app
-     * @param appId App ID
-     * @param level Notification level
+     * Shows a notification for an app.
      */
     notify: (appId: string, level: "info" | "warning" | "error") => void;
     /**
-     * Open an app
-     * @param appId App ID to open
+     * Opens an app by ID.
      */
     openApp: (appId: string) => Promise<void>;
     /**
-     * Register a custom app
-     * @param app App definition
+     * Registers a custom app.
      */
     registerApp: (app: DevToolbarApp) => void;
     /**
-     * RPC client for calling server functions
+     * RPC client for calling server functions.
      */
     rpc: ServerFunctions;
     /**
-     * Show the toolbar
+     * Directly sets the active state of an action button without invoking callbacks.
+     * Useful for deactivating a button from async work running outside the toolbar.
+     */
+    setAppActive: (appId: string, active: boolean) => void;
+    /**
+     * Shows the toolbar.
      */
     show: () => void;
     /**
-     * Toggle toolbar visibility
+     * Toggles toolbar visibility.
      */
     toggle: () => void;
     /**
-     * Unregister an app
-     * @param appId App ID to unregister
+     * Unregisters an app by ID.
      */
     unregisterApp: (appId: string) => void;
     /**
-     * Update toolbar settings
-     * @param settings Partial settings to update
+     * Updates toolbar settings.
      */
     updateSettings: (settings: Partial<ToolbarSettings>) => void;
     /**
-     * Package version
+     * Package version.
      */
     version: string;
 }
@@ -88,8 +83,9 @@ export interface VisulimaDevTools {
 declare global {
     interface Window {
         /**
-         * Visulima DevTools global API
+         * Visulima DevTools global API.
          */
         __VISULIMA_DEVTOOLS__?: VisulimaDevTools;
     }
 }
+export type { VisulimaDevTools };

package/dist/types/hooks.d.ts

@@ -3,75 +3,72 @@ import type { TimelineEvent } from "./timeline.d.ts";
 /**
  * Hook event definitions
  */
-export interface HookEvents {
-    /**
-     * Extension point for custom events
-     */
+interface HookEvents {
     [key: string]: (...args: any[]) => void;
     /**
-     * App error occurred
-     * @param error Error object
-     * @param appId Optional app ID where error occurred
+     * App error occurred.
+     * @param error Error object.
+     * @param appId Optional app ID where error occurred.
      */
     "app:error": (error: Error, appId?: string) => void;
     /**
-     * DevTools closed
+     * DevTools closed.
      */
     "devtools:close": () => void;
     /**
-     * DevTools initialized
+     * DevTools initialized.
      */
     "devtools:init": () => void;
     /**
-     * DevTools opened
-     * @param appId ID of the opened app
+     * DevTools opened.
+     * @param appId ID of the opened app.
      */
     "devtools:open": (appId: string) => void;
     /**
-     * Timeline event added
-     * @param event Timeline event
+     * Timeline event added.
+     * @param event Timeline event.
      */
     "timeline:event": (event: TimelineEvent) => void;
 }
 /**
- * Dev toolbar hook interface
+ * Dev toolbar hook interface.
  * Exposed as window.__DEV_TOOLBAR_HOOK__
  */
-export interface DevToolbarHook {
+interface DevToolbarHook {
     /**
-     * Add a timeline event
-     * @param groupId Timeline group ID
-     * @param event Timeline event
+     * Adds a timeline event.
+     * @param groupId Timeline group ID.
+     * @param event Timeline event.
      */
     addTimelineEvent: (groupId: string, event: TimelineEvent) => void;
     /**
-     * Emit an event
-     * @param event Event name
-     * @param args Event arguments
+     * Emits an event.
+     * @param event Event name.
+     * @param args Event arguments.
      */
     emit: <T extends keyof HookEvents>(event: T, ...args: Parameters<HookEvents[T]>) => void;
     /**
-     * Unsubscribe from an event
-     * @param event Event name
-     * @param handler Optional specific handler to remove
+     * Unsubscribes from an event.
+     * @param event Event name.
+     * @param handler Optional specific handler to remove.
      */
     off: <T extends keyof HookEvents>(event: T, handler?: HookEvents[T]) => void;
     /**
-     * Subscribe to an event
-     * @param event Event name
-     * @param handler Event handler
-     * @returns Unsubscribe function
+     * Subscribes to an event.
+     * @param event Event name.
+     * @param handler Event handler.
+     * @returns Unsubscribe function.
      */
     on: <T extends keyof HookEvents>(event: T, handler: HookEvents[T]) => () => void;
     /**
-     * Subscribe to an event once
-     * @param event Event name
-     * @param handler Event handler
+     * Subscribes to an event once.
+     * @param event Event name.
+     * @param handler Event handler.
      */
     once: <T extends keyof HookEvents>(event: T, handler: HookEvents[T]) => void;
     /**
-     * Register a custom app
-     * @param app App definition
+     * Registers a custom app.
+     * @param app App definition.
      */
     registerApp: (app: DevToolbarApp) => void;
 }
@@ -81,8 +78,9 @@ export interface DevToolbarHook {
 declare global {
     interface Window {
         /**
-         * Dev toolbar hook for library integrations
+         * Dev toolbar hook for library integrations.
          */
         __DEV_TOOLBAR_HOOK__?: DevToolbarHook;
     }
 }
+export type { DevToolbarHook, HookEvents };

package/dist/types/messaging.d.ts

@@ -33,11 +33,11 @@ export interface MessageChannel<TEvents extends Record<string, (...args: any[])
  */
 export type ChannelFactory<TEvents extends Record<string, (...args: any[]) => void>> = () => MessageChannel<TEvents>;
 /**
- * Message channel context
+ * Factory result providing a method to instantiate named message channels.
  */
 export interface MessageChannelContext<TEvents extends Record<string, (...args: any[]) => void>> {
     /**
-     * Create a new channel instance
+     * Creates and returns a new channel instance.
      */
     createChannel: () => MessageChannel<TEvents>;
 }

package/dist/types/rpc.d.ts

@@ -1,5 +1,6 @@
 import type { ViteDevServer } from "vite";
 import type { SerializableModuleNode } from "../rpc/functions/module-graph.d.ts";
+import type { TailwindConfigResult } from "../rpc/functions/tailwind-config.d.ts";
 /**
  * Server-side RPC functions
  * These can be called from the client
@@ -13,6 +14,10 @@ export interface ServerFunctions {
      * Get module dependency graph
      */
     getModuleGraph: () => Promise<SerializableModuleNode[]>;
+    /**
+     * Get full Tailwind CSS theme (default + user overrides)
+     */
+    getTailwindConfig: () => Promise<TailwindConfigResult>;
     /**
      * Get Vite configuration
      */
@@ -35,20 +40,17 @@ export interface ServerFunctions {
  * These can be called from the server
  */
 export interface ClientFunctions {
-    /**
-     * Extension point for custom client functions
-     */
     [key: string]: (...args: any[]) => void;
     /**
      * Notify client of config change
      * @param config New Vite config
      */
-    onConfigChange: (config: Record<string, any>) => void;
+    onConfigChange: (config: Record<string, unknown>) => void;
     /**
      * Notify client of HMR update
      * @param payload HMR payload
      */
-    onHMRUpdate: (payload: any) => void;
+    onHMRUpdate: (payload: unknown) => void;
     /**
      * Notify client of module update
      * @param module Updated module node
@@ -89,7 +91,7 @@ export interface ClientRPCContext {
     /**
      * Register a client function
      * @param name Function name
-     * @param fn Function implementation
+     * @param function_ Function implementation
      */
     registerFunction: <K extends keyof ClientFunctions>(name: K, function_: ClientFunctions[K]) => void;
 }

package/dist/types/timeline.d.ts

@@ -1,9 +1,9 @@
 /**
- * Timeline event level
+ * Severity levels for timeline events.
  */
 export type TimelineEventLevel = "info" | "warning" | "error";
 /**
- * Timeline event
+ * A single captured event displayed in the timeline panel.
  */
 export interface TimelineEvent {
     /**
@@ -36,7 +36,7 @@ export interface TimelineEvent {
     title: string;
 }
 /**
- * Timeline group
+ * A named group that holds related timeline events.
  */
 export interface TimelineGroup {
     /**

package/dist/types/toolbar.d.ts

@@ -34,7 +34,7 @@ export interface FrameState {
     top: number;
 }
 /**
- * Toolbar settings
+ * Configuration options controlling the toolbar's initial appearance.
  */
 export interface ToolbarSettings {
     /**

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

@@ -0,0 +1,20 @@
+/** @jsxImportSource preact */
+import type { ComponentChildren, JSX } from "preact";
+type AlertVariant = "default" | "destructive" | "info" | "success" | "warning";
+interface AlertProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    children?: ComponentChildren;
+    class?: string;
+    variant?: AlertVariant;
+}
+interface AlertTitleProps extends JSX.HTMLAttributes<HTMLHeadingElement> {
+    children?: ComponentChildren;
+    class?: string;
+}
+interface AlertDescriptionProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    children?: ComponentChildren;
+    class?: string;
+}
+declare const Alert: ({ children, class: className, variant, ...rest }: AlertProps) => JSX.Element;
+declare const AlertTitle: ({ children, class: className, ...rest }: AlertTitleProps) => JSX.Element;
+declare const AlertDescription: ({ children, class: className, ...rest }: AlertDescriptionProps) => JSX.Element;
+export { Alert, AlertDescription, AlertTitle };

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

@@ -0,0 +1,10 @@
+/** @jsxImportSource preact */
+import type { ComponentChildren, JSX } from "preact";
+type BadgeVariant = "default" | "destructive" | "info" | "outline" | "secondary" | "success" | "warning";
+interface BadgeProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    children?: ComponentChildren;
+    class?: string;
+    variant?: BadgeVariant;
+}
+declare const Badge: ({ children, class: className, variant, ...rest }: BadgeProps) => JSX.Element;
+export default Badge;

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

@@ -0,0 +1,12 @@
+/** @jsxImportSource preact */
+import type { ComponentChildren, JSX } from "preact";
+type ButtonSize = "default" | "icon" | "lg" | "sm";
+type ButtonVariant = "default" | "destructive" | "ghost" | "link" | "outline" | "secondary";
+interface ButtonProps extends JSX.ButtonHTMLAttributes<HTMLButtonElement> {
+    children?: ComponentChildren;
+    class?: string;
+    size?: ButtonSize;
+    variant?: ButtonVariant;
+}
+declare const Button: ({ children, class: className, size, type, variant, ...rest }: ButtonProps) => JSX.Element;
+export default Button;

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

@@ -0,0 +1,17 @@
+/** @jsxImportSource preact */
+import type { ComponentChildren, JSX } from "preact";
+interface CardProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    children?: ComponentChildren;
+    class?: string;
+}
+interface CardTitleProps extends JSX.HTMLAttributes<HTMLHeadingElement> {
+    children?: ComponentChildren;
+    class?: string;
+}
+declare const Card: ({ children, class: className, ...rest }: CardProps) => JSX.Element;
+declare const CardHeader: ({ children, class: className, ...rest }: CardProps) => JSX.Element;
+declare const CardTitle: ({ children, class: className, ...rest }: CardTitleProps) => JSX.Element;
+declare const CardDescription: ({ children, class: className, ...rest }: CardProps) => JSX.Element;
+declare const CardContent: ({ children, class: className, ...rest }: CardProps) => JSX.Element;
+declare const CardFooter: ({ children, class: className, ...rest }: CardProps) => JSX.Element;
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };

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

@@ -4,7 +4,7 @@ interface IconProps {
     class?: string;
     size?: number;
     /**
-     * CSS data-URI from a `?data-uri&encoding=css` lucide-static import.
+     * CSS data-URI from a `?data-uri&encoding=css` lucide-static import.
      * Uses CSS mask-image so the icon inherits currentColor from the parent.
      */
     src: string;
@@ -12,10 +12,9 @@ interface IconProps {
 /**
  * Renders a lucide-static icon using CSS mask-image.
  * Color is driven by the parent element's `color` property (currentColor).
- *
- * Usage:
- *   import xIcon from "lucide-static/icons/x.d.ts";
- *   <Icon src={xIcon} size={13} />
+ * @example
+ * import xIcon from "lucide-static/icons/x.d.ts";
+ * &lt;Icon src={xIcon} size={13} />
  */
-declare const Icon: ({ src, size, class: className }: IconProps) => ComponentChildren;
+declare const Icon: ({ class: className, size, src }: IconProps) => ComponentChildren;
 export default Icon;

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

@@ -0,0 +1,8 @@
+/** @jsxImportSource preact */
+import type { JSX } from "preact";
+import type { ForwardRefExoticComponent, RefAttributes } from "preact/compat";
+interface InputProps extends JSX.InputHTMLAttributes<HTMLInputElement> {
+    class?: string;
+}
+declare const Input: ForwardRefExoticComponent<InputProps & RefAttributes<HTMLInputElement>>;
+export default Input;

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

@@ -0,0 +1,8 @@
+/** @jsxImportSource preact */
+import type { ComponentChildren, JSX } from "preact";
+interface LabelProps extends JSX.LabelHTMLAttributes<HTMLLabelElement> {
+    children?: ComponentChildren;
+    class?: string;
+}
+declare const Label: ({ children, class: className, ...rest }: LabelProps) => JSX.Element;
+export default Label;

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

@@ -0,0 +1,27 @@
+import type { ComponentChildren, JSX } from "preact";
+interface PopoverProps {
+    children: ComponentChildren;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    open?: boolean;
+}
+interface PopoverTriggerProps extends JSX.ButtonHTMLAttributes<HTMLButtonElement> {
+    children: ComponentChildren;
+    class?: string;
+}
+interface PopoverContentProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    align?: "center" | "end" | "start";
+    children: ComponentChildren;
+    class?: string;
+    side?: "bottom" | "left" | "right" | "top";
+    sideOffset?: number;
+}
+interface PopoverCloseProps extends JSX.ButtonHTMLAttributes<HTMLButtonElement> {
+    children?: ComponentChildren;
+    class?: string;
+}
+declare const Popover: ({ children, defaultOpen, onOpenChange, open }: PopoverProps) => JSX.Element;
+declare const PopoverTrigger: ({ children, class: className, ...rest }: PopoverTriggerProps) => JSX.Element;
+declare const PopoverContent: ({ align, children, class: className, side, sideOffset, ...rest }: PopoverContentProps) => JSX.Element | undefined;
+declare const PopoverClose: ({ children, class: className, ...rest }: PopoverCloseProps) => JSX.Element;
+export { Popover, PopoverClose, PopoverContent, PopoverTrigger };

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

@@ -0,0 +1,8 @@
+/** @jsxImportSource preact */
+import type { JSX } from "preact";
+interface ProgressProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    class?: string;
+    value?: number;
+}
+declare const Progress: ({ class: className, value, ...rest }: ProgressProps) => JSX.Element;
+export default Progress;

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

@@ -0,0 +1,9 @@
+/** @jsxImportSource preact */
+import type { JSX } from "preact";
+interface SeparatorProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    class?: string;
+    decorative?: boolean;
+    orientation?: "horizontal" | "vertical";
+}
+declare const Separator: ({ class: className, decorative, orientation, ...rest }: SeparatorProps) => JSX.Element;
+export default Separator;

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

@@ -0,0 +1,7 @@
+/** @jsxImportSource preact */
+import type { JSX } from "preact";
+interface SkeletonProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    class?: string;
+}
+declare const Skeleton: ({ class: className, ...rest }: SkeletonProps) => JSX.Element;
+export default Skeleton;

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

@@ -0,0 +1,12 @@
+/** @jsxImportSource preact */
+import type { JSX } from "preact";
+interface SwitchProps extends Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, "onChange"> {
+    checked?: boolean;
+    class?: string;
+    defaultChecked?: boolean;
+    disabled?: boolean;
+    id?: string;
+    onCheckedChange?: (checked: boolean) => void;
+}
+declare const Switch: ({ checked, class: className, defaultChecked, disabled, id, onCheckedChange, ...rest }: SwitchProps) => JSX.Element;
+export default Switch;

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

@@ -0,0 +1,29 @@
+/** @jsxImportSource preact */
+import type { ComponentChildren, JSX } from "preact";
+interface TabsProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    children?: ComponentChildren;
+    class?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    value?: string;
+}
+interface TabsListProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    children?: ComponentChildren;
+    class?: string;
+}
+interface TabsTriggerProps extends JSX.ButtonHTMLAttributes<HTMLButtonElement> {
+    children?: ComponentChildren;
+    class?: string;
+    disabled?: boolean;
+    value: string;
+}
+interface TabsContentProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    children?: ComponentChildren;
+    class?: string;
+    value: string;
+}
+declare const Tabs: ({ children, class: className, defaultValue, onValueChange, value, ...rest }: TabsProps) => JSX.Element;
+declare const TabsList: ({ children, class: className, ...rest }: TabsListProps) => JSX.Element;
+declare const TabsTrigger: ({ children, class: className, disabled, value, ...rest }: TabsTriggerProps) => JSX.Element;
+declare const TabsContent: ({ children, class: className, value, ...rest }: TabsContentProps) => JSX.Element | undefined;
+export { Tabs, TabsContent, TabsList, TabsTrigger };

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

@@ -0,0 +1,8 @@
+/** @jsxImportSource preact */
+import type { JSX } from "preact";
+import type { ForwardRefExoticComponent, RefAttributes } from "preact/compat";
+interface TextareaProps extends JSX.TextareaHTMLAttributes<HTMLTextAreaElement> {
+    class?: string;
+}
+declare const Textarea: ForwardRefExoticComponent<RefAttributes<HTMLTextAreaElement> & TextareaProps>;
+export default Textarea;

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

@@ -0,0 +1,19 @@
+import type { ComponentChildren, JSX } from "preact";
+interface TooltipProps {
+    children: ComponentChildren;
+    delayDuration?: number;
+}
+interface TooltipTriggerProps extends JSX.HTMLAttributes<HTMLSpanElement> {
+    children: ComponentChildren;
+    class?: string;
+}
+interface TooltipContentProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    children: ComponentChildren;
+    class?: string;
+    side?: "bottom" | "left" | "right" | "top";
+    sideOffset?: number;
+}
+declare const Tooltip: ({ children, delayDuration: _delayDuration }: TooltipProps) => JSX.Element;
+declare const TooltipTrigger: ({ children, class: className, ...rest }: TooltipTriggerProps) => JSX.Element;
+declare const TooltipContent: ({ children, class: className, side, sideOffset, ...rest }: TooltipContentProps) => JSX.Element | undefined;
+export { Tooltip, TooltipContent, TooltipTrigger };

package/dist/ui/index.d.ts

@@ -0,0 +1,17 @@
+export { default as cn } from "../utils/cn.d.ts";
+export { Alert, AlertDescription, AlertTitle } from "./components/alert.d.ts";
+export { default as Badge } from "./components/badge.d.ts";
+export { default as Button } from "./components/button.d.ts";
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./components/card.d.ts";
+export { default as Icon } from "./components/icon.d.ts";
+export { default as Input } from "./components/input.d.ts";
+export { default as Label } from "./components/label.d.ts";
+export { Popover, PopoverClose, PopoverContent, PopoverTrigger } from "./components/popover.d.ts";
+export { default as Progress } from "./components/progress.d.ts";
+export { default as Separator } from "./components/separator.d.ts";
+export { default as Skeleton } from "./components/skeleton.d.ts";
+export { default as Switch } from "./components/switch.d.ts";
+export { Tabs, TabsContent, TabsList, TabsTrigger } from "./components/tabs.d.ts";
+export { default as Textarea } from "./components/textarea.d.ts";
+export { Tooltip, TooltipContent, TooltipTrigger } from "./components/tooltip.d.ts";
+export { clsx } from "clsx";