@visulima/dev-toolbar 1.0.0-alpha.3 → 1.0.0-alpha.5

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,4 +1,5 @@
 import type { ViteDevServer } from "vite";
+import type { StaticAsset } from "../rpc/functions/assets.d.ts";
 import type { SerializableModuleNode } from "../rpc/functions/module-graph.d.ts";
 import type { TailwindConfigResult } from "../rpc/functions/tailwind-config.d.ts";
 /**
@@ -14,6 +15,10 @@ export interface ServerFunctions {
      * Get module dependency graph
      */
     getModuleGraph: () => Promise<SerializableModuleNode[]>;
+    /**
+     * Get all static assets from the public directory
+     */
+    getStaticAssets: () => Promise<StaticAsset[]>;
     /**
      * Get full Tailwind CSS theme (default + user overrides)
      */
@@ -27,8 +32,9 @@ export interface ServerFunctions {
      * @param file File path
      * @param line Line number (1-based)
      * @param column Column number (1-based)
+     * @param editor Editor override (e.g. "code", "webstorm") — empty string means auto-detect
      */
-    openInEditor: (file: string, line?: number, column?: number) => Promise<void>;
+    openInEditor: (file: string, line?: number, column?: number, editor?: string) => Promise<void>;
     /**
      * Read file contents
      * @param path File path
@@ -40,20 +46,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
@@ -94,7 +97,8 @@ 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;
 }
+export { type StaticAsset } from "../rpc/functions/assets.d.ts";

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

@@ -1,4 +1,3 @@
-/** @jsxImportSource preact */
 import type { ComponentChildren, JSX } from "preact";
 type AlertVariant = "default" | "destructive" | "info" | "success" | "warning";
 interface AlertProps extends JSX.HTMLAttributes<HTMLDivElement> {

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

@@ -1,4 +1,3 @@
-/** @jsxImportSource preact */
 import type { ComponentChildren, JSX } from "preact";
 type BadgeVariant = "default" | "destructive" | "info" | "outline" | "secondary" | "success" | "warning";
 interface BadgeProps extends JSX.HTMLAttributes<HTMLDivElement> {

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

@@ -1,4 +1,3 @@
-/** @jsxImportSource preact */
 import type { ComponentChildren, JSX } from "preact";
 type ButtonSize = "default" | "icon" | "lg" | "sm";
 type ButtonVariant = "default" | "destructive" | "ghost" | "link" | "outline" | "secondary";

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

@@ -1,4 +1,3 @@
-/** @jsxImportSource preact */
 import type { ComponentChildren, JSX } from "preact";
 interface CardProps extends JSX.HTMLAttributes<HTMLDivElement> {
     children?: ComponentChildren;

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

@@ -1,4 +1,3 @@
-/** @jsxImportSource preact */
 import type { ComponentChildren } from "preact";
 interface IconProps {
     class?: string;
@@ -12,10 +11,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";
+ * <Icon src={xIcon} size={13} />
  */
 declare const Icon: ({ class: className, size, src }: IconProps) => ComponentChildren;
 export default Icon;

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

@@ -1,4 +1,3 @@
-/** @jsxImportSource preact */
 import type { JSX } from "preact";
 import type { ForwardRefExoticComponent, RefAttributes } from "preact/compat";
 interface InputProps extends JSX.InputHTMLAttributes<HTMLInputElement> {

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

@@ -1,4 +1,3 @@
-/** @jsxImportSource preact */
 import type { ComponentChildren, JSX } from "preact";
 interface LabelProps extends JSX.LabelHTMLAttributes<HTMLLabelElement> {
     children?: ComponentChildren;

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

@@ -22,6 +22,6 @@ interface PopoverCloseProps extends JSX.ButtonHTMLAttributes<HTMLButtonElement>
 }
 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 | null;
+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

@@ -1,4 +1,3 @@
-/** @jsxImportSource preact */
 import type { JSX } from "preact";
 interface ProgressProps extends JSX.HTMLAttributes<HTMLDivElement> {
     class?: string;

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

@@ -1,4 +1,3 @@
-/** @jsxImportSource preact */
 import type { JSX } from "preact";
 interface SeparatorProps extends JSX.HTMLAttributes<HTMLDivElement> {
     class?: string;

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

@@ -1,4 +1,3 @@
-/** @jsxImportSource preact */
 import type { JSX } from "preact";
 interface SkeletonProps extends JSX.HTMLAttributes<HTMLDivElement> {
     class?: string;

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

@@ -1,4 +1,3 @@
-/** @jsxImportSource preact */
 import type { JSX } from "preact";
 interface SwitchProps extends Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, "onChange"> {
     checked?: boolean;

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

@@ -1,4 +1,3 @@
-/** @jsxImportSource preact */
 import type { ComponentChildren, JSX } from "preact";
 interface TabsProps extends JSX.HTMLAttributes<HTMLDivElement> {
     children?: ComponentChildren;
@@ -25,5 +24,5 @@ interface TabsContentProps extends JSX.HTMLAttributes<HTMLDivElement> {
 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 | null;
+declare const TabsContent: ({ children, class: className, value, ...rest }: TabsContentProps) => JSX.Element | undefined;
 export { Tabs, TabsContent, TabsList, TabsTrigger };

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

@@ -1,4 +1,3 @@
-/** @jsxImportSource preact */
 import type { JSX } from "preact";
 import type { ForwardRefExoticComponent, RefAttributes } from "preact/compat";
 interface TextareaProps extends JSX.TextareaHTMLAttributes<HTMLTextAreaElement> {

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

@@ -15,5 +15,5 @@ interface TooltipContentProps extends JSX.HTMLAttributes<HTMLDivElement> {
 }
 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 | null;
+declare const TooltipContent: ({ children, class: className, side, sideOffset, ...rest }: TooltipContentProps) => JSX.Element | undefined;
 export { Tooltip, TooltipContent, TooltipTrigger };

package/dist/ui/index.d.ts

@@ -1,4 +1,3 @@
-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";

package/dist/ui/index.js

@@ -1 +1 @@
-import{default as e}from"../packem_shared/cn-DWLJYh3h.js";import{Alert as a,AlertDescription as f,AlertTitle as p}from"../packem_shared/Alert-H-x1JuZ0.js";import{default as s}from"../packem_shared/Badge-C30mDKKG.js";import{default as x}from"../packem_shared/Button-DODNCTPZ.js";import{Card as n,CardContent as i,CardDescription as u,CardFooter as T,CardHeader as C,CardTitle as g}from"../packem_shared/Card-DdI7Wn3t.js";import{default as b}from"../packem_shared/Icon-DWFLZkwW.js";import{default as v}from"../packem_shared/Input-GfbOwAkK.js";import{default as S}from"../packem_shared/Label-Bzi47aUf.js";import{Popover as D,PopoverClose as I,PopoverContent as L,PopoverTrigger as h}from"../packem_shared/Popover-o3Vkvndp.js";import{default as w}from"../packem_shared/Progress-vGfFpxRn.js";import{default as H}from"../packem_shared/Separator-DQGeJPQg.js";import{default as q}from"../packem_shared/Skeleton-BYXau6jM.js";import{default as z}from"../packem_shared/Switch-BeC78S_T.js";import{Tabs as G,TabsContent as J,TabsList as K,TabsTrigger as M}from"../packem_shared/Tabs-BBc4S-2T.js";import{default as O}from"../packem_shared/Textarea-DvbSX13V.js";import{Tooltip as R,TooltipContent as U,TooltipTrigger as V}from"../packem_shared/Tooltip-BwK-2I9P.js";import{clsx as X}from"clsx";export{a as Alert,f as AlertDescription,p as AlertTitle,s as Badge,x as Button,n as Card,i as CardContent,u as CardDescription,T as CardFooter,C as CardHeader,g as CardTitle,b as Icon,v as Input,S as Label,D as Popover,I as PopoverClose,L as PopoverContent,h as PopoverTrigger,w as Progress,H as Separator,q as Skeleton,z as Switch,G as Tabs,J as TabsContent,K as TabsList,M as TabsTrigger,O as Textarea,R as Tooltip,U as TooltipContent,V as TooltipTrigger,X as clsx,e as cn};
+import{Alert as e,AlertDescription as t,AlertTitle as a}from"../packem_shared/Alert-D2CvX4fw.js";import{default as f}from"../packem_shared/Badge-BEgU04nl.js";import{default as s}from"../packem_shared/Button-Bkx66Co7.js";import{Card as x,CardContent as m,CardDescription as i,CardFooter as n,CardHeader as T,CardTitle as u}from"../packem_shared/Card-CJa4vHVc.js";import{default as g}from"../packem_shared/Icon-B6UHkC0o.js";import{default as c}from"../packem_shared/Input-Cs6aduTi.js";import{default as v}from"../packem_shared/Label-CgCFOMDc.js";import{Popover as S,PopoverClose as B,PopoverContent as D,PopoverTrigger as I}from"../packem_shared/Popover-DzH5lAc9.js";import{default as h}from"../packem_shared/Progress-DN6zn-0l.js";import{default as w}from"../packem_shared/Separator-D38mKeZv.js";import{default as H}from"../packem_shared/Skeleton-Dv-tcA1P.js";import{default as q}from"../packem_shared/Switch-C3NTpeoR.js";import{Tabs as z,TabsContent as E,TabsList as G,TabsTrigger as J}from"../packem_shared/Tabs-SuFWbB6d.js";import{default as M}from"../packem_shared/Textarea-Yfg3dLZi.js";import{Tooltip as O,TooltipContent as Q,TooltipTrigger as R}from"../packem_shared/Tooltip-BHmzUaxu.js";import{clsx as V}from"../packem_shared/clsx-wGlvpUfw.js";export{e as Alert,t as AlertDescription,a as AlertTitle,f as Badge,s as Button,x as Card,m as CardContent,i as CardDescription,n as CardFooter,T as CardHeader,u as CardTitle,g as Icon,c as Input,v as Label,S as Popover,B as PopoverClose,D as PopoverContent,I as PopoverTrigger,h as Progress,w as Separator,H as Skeleton,q as Switch,z as Tabs,E as TabsContent,G as TabsList,J as TabsTrigger,M as Textarea,O as Tooltip,Q as TooltipContent,R as TooltipTrigger,V as clsx};

package/dist/vite/inject-source.d.ts

@@ -1,6 +1,5 @@
 import generate from "@babel/generator";
 declare const gen: typeof generate;
-/** The attribute name injected into each JSX opening element. */
 export declare const SOURCE_ATTR = "data-vdt-source";
 export interface InjectSourceIgnore {
     /** Component names or patterns to skip. */

package/dist/vite/matcher.d.ts

@@ -2,4 +2,5 @@
  * Returns true if `value` matches any of the given patterns.
  * Strings are treated as glob patterns; RegExps are tested directly.
  */
-export declare const matcher: (patterns: (RegExp | string)[], value: string) => boolean;
+declare const matcher: (patterns: (RegExp | string)[], value: string) => boolean;
+export default matcher;

package/dist/vite-plugin.d.ts

@@ -10,15 +10,19 @@ export interface DevToolbarOptions {
      * useful for projects that do not use html file as an entry
      *
      * WARNING: only set this if you know exactly what it does.
-     * @default ''
+     * @default Empty string (disabled).
      */
     appendTo?: string | RegExp;
     /**
-     * Built-in apps to enable
+     * Built-in apps to enable. All apps are disabled by default — only
+     * `viteConfig`, `settings`, and the "more" drawer are shown out of the box.
+     * Explicitly set an app to `true` to enable it.
+     * @example { inspector: true, seo: true }
      */
     apps?: {
         [key: string]: boolean | undefined;
         a11y?: boolean;
+        assets?: boolean;
         inspector?: boolean;
         moduleGraph?: boolean;
         performance?: boolean;
@@ -79,9 +83,9 @@ export interface DevToolbarOptions {
      * Settings app (stored in localStorage).
      */
     keybindings?: {
-        /** Close active app / panel. @default "Escape" */
+        /** Close active app / panel. \@default "Escape" */
         close?: string;
-        /** Toggle the DevTools panel open/closed. @default "Alt+Shift+D" */
+        /** Toggle the DevTools panel open/closed. \@default "Alt+Shift+D" */
         toggle?: string;
     };
     /**
@@ -108,7 +112,7 @@ export interface DevToolbarOptions {
      */
     reduceMotion?: boolean;
     /**
-     * Strip all @visulima/dev-toolbar imports and virtual modules when building
+     * Strip all \@visulima/dev-toolbar imports and virtual modules when building
      * for production (i.e. when `command !== 'serve'` or `mode === 'production'`).
      * This guarantees the toolbar never ends up in a production bundle even if the
      * user accidentally imports our package in application code.
@@ -139,6 +143,6 @@ export interface DevToolbarOptions {
     width?: number;
 }
 /**
- * Dev toolbar Vite plugin
+ * Returns the Vite plugin array for the dev toolbar.
  */
 export declare const devToolbar: (options?: DevToolbarOptions) => Plugin[];

package/dist/vite-plugin.js

@@ -1,2 +1,2 @@
-var j=Object.defineProperty;var c=(e,o)=>j(e,"name",{value:o,configurable:!0});import{createRequire as w}from"node:module";import{normalizePath as F}from"vite";import{createServerRPCContext as C}from"./packem_shared/createServerRPCContext-CRd6VAWp.js";const T=w(import.meta.url),a=typeof globalThis<"u"&&typeof globalThis.process<"u"?globalThis.process:process,v=c(e=>{if(typeof a<"u"&&a.versions&&a.versions.node){const[o,u]=a.versions.node.split(".").map(Number);if(o>22||o===22&&u>=3||o===20&&u>=16)return a.getBuiltinModule(e)}return T(e)},"__cjs_getBuiltinModule"),$=v("node:fs"),P=v("node:path"),{fileURLToPath:x}=v("node:url");var O=Object.defineProperty,f=c((e,o)=>O(e,"name",{value:o,configurable:!0}),"s");const I=f(()=>F(P.dirname(x(import.meta.url))),"getDevToolbarPath"),R=f(e=>e.replace(/\?.*$/,""),"removeUrlQuery"),g="?__visulima-dev-toolbar-resource",m="virtual:visulima-dev-toolbar-options",h=`\0${m}`,l="virtual:visulima-dev-toolbar-path:",y="\0__visulima-dev-toolbar-empty",M=f((e={})=>{const o=I(),u=e.removeDevtoolsOnBuild??!0,_=e.injectSource?.enabled??!0;let d;return[{apply:"serve",configResolved(t){d=t},configureServer(t){C(t,e.serverFunctions,{editor:e.editor}),t.ws.on("connection",()=>{t.ws.send({event:"dev-toolbar:init",type:"custom"})})},enforce:"pre",async load(t){if(t===h)return`export default ${JSON.stringify({apps:{a11y:e.apps?.a11y??!0,inspector:e.apps?.inspector??!0,moduleGraph:e.apps?.moduleGraph??!0,performance:e.apps?.performance??!0,seo:e.apps?.seo??!0,settings:e.apps?.settings??!0,tailwind:e.apps?.tailwind??!0,timeline:e.apps?.timeline??!0,viteConfig:e.apps?.viteConfig??!0},base:d.base,closeOnOutsideClick:e.closeOnOutsideClick??!0,defaultVisible:e.defaultVisible??!0,height:e.height??60,keybindings:e.keybindings??{},minimizePanelInactive:e.minimizePanelInactive??5e3,placement:e.placement??"bottom-center",position:e.position??"bottom",reduceMotion:e.reduceMotion??!1,requireUrlFlag:e.requireUrlFlag??!1,urlFlagName:e.urlFlagName??"devtools",width:e.width??80})};`;if(t.endsWith(g)){const r=R(t);return this.addWatchFile(r),await $.promises.readFile(r,"utf8")}},name:"@visulima/dev-toolbar",resolveId(t){if(t===m)return h;if(t.startsWith(l))return`${t.replace(l,`${o}/`)}${g}`},transform(t,r,s){if(s?.ssr)return;const{appendTo:i}=e,n=r.split("?",2)[0];if(i&&n&&(typeof i=="string"&&n.endsWith(i)||i instanceof RegExp&&i.test(n)))return`import '${l}client/overlay.js';
-${t}`},transformIndexHtml(){return e.appendTo?void 0:{html:"",tags:[{attrs:{src:`${d.base||"/"}@id/${l}client/overlay.js`,type:"module"},injectTo:"head-prepend",tag:"script"}]}}},{enforce:"pre",name:"@visulima/dev-toolbar:inject-source",async transform(t,r){if(!_||d.mode!=="development"||r.includes("node_modules")||r.includes("?raw")||/\/dist\/|\/build\//.test(r)||!/\.[jt]sx$/.test(r.split("?")[0]??""))return;const{readFile:s}=await import("node:fs/promises");let i;try{const b=await s(r.split("?")[0]??r,"utf-8");b!==t&&(i=b)}catch{}const{addSourceToJsx:n}=await import("./packem_chunks/inject-source.js"),p=n(t,r,e.injectSource?.ignore,i);if(p)return{code:p.code??t,map:p.map??null}}},{apply(t,{command:r,mode:s}){return u&&(r!=="serve"||s==="production")},load(t){if(t===y)return"export default {};"},name:"@visulima/dev-toolbar:remove-on-build",resolveId(t){if(t===m||t.startsWith(l))return y}}]},"devToolbar");export{M as devToolbar};
+var w=Object.defineProperty;var u=(e,r)=>w(e,"name",{value:r,configurable:!0});import{createRequire as j}from"node:module";import{normalizePath as x}from"vite";import{createServerRPCContext as F}from"./packem_shared/createServerRPCContext-CJXa8ezf.js";const $=j(import.meta.url),n=typeof globalThis<"u"&&typeof globalThis.process<"u"?globalThis.process:process,f=u(e=>{if(typeof n<"u"&&n.versions&&n.versions.node){const[r,p]=n.versions.node.split(".").map(Number);if(r>22||r===22&&p>=3||r===20&&p>=16)return n.getBuiltinModule(e)}return $(e)},"__cjs_getBuiltinModule"),T=f("node:fs"),O=f("node:path"),{fileURLToPath:P}=f("node:url");var C=Object.defineProperty,v=u((e,r)=>C(e,"name",{value:r,configurable:!0}),"s");const R=v(()=>x(O.dirname(P(import.meta.url))),"getDevToolbarPath"),I=/\?.+$/,S=/\/dist\/|\/build\//,q=/\.[jt]sx$/,W=v(e=>e.replace(I,""),"removeUrlQuery"),g="?__visulima-dev-toolbar-resource",m="virtual:visulima-dev-toolbar-options",h=`\0${m}`,l="virtual:visulima-dev-toolbar-path:",y="\0__visulima-dev-toolbar-empty",z=v((e={})=>{const r=R(),p=e.removeDevtoolsOnBuild??!0,_=e.injectSource?.enabled??!0;let d;return[{apply:"serve",configResolved(t){d=t},configureServer(t){F(t,e.serverFunctions,{editor:e.editor}),t.ws.on("connection",()=>{t.ws.send({event:"dev-toolbar:init",type:"custom"})})},enforce:"pre",async load(t){if(t===h){const o=(e.customApps??[]).filter(i=>!i.component&&!i.init&&i.view?.type==="iframe").map(i=>({defaultOpen:i.defaultOpen,icon:i.icon,id:i.id,name:i.name,view:i.view}));return`export default ${JSON.stringify({apps:{a11y:e.apps?.a11y??!1,assets:e.apps?.assets??!1,inspector:e.apps?.inspector??!1,moduleGraph:e.apps?.moduleGraph??!1,performance:e.apps?.performance??!1,seo:e.apps?.seo??!1,settings:e.apps?.settings??!0,tailwind:e.apps?.tailwind??!1,timeline:e.apps?.timeline??!1,viteConfig:e.apps?.viteConfig??!0},base:d.base,closeOnOutsideClick:e.closeOnOutsideClick??!0,customApps:o,defaultVisible:e.defaultVisible??!0,editor:e.editor??"",height:e.height??60,keybindings:e.keybindings??{},minimizePanelInactive:e.minimizePanelInactive??5e3,placement:e.placement??"bottom-center",position:e.position??"bottom",reduceMotion:e.reduceMotion??!1,requireUrlFlag:e.requireUrlFlag??!1,urlFlagName:e.urlFlagName??"devtools",width:e.width??80})};`}if(t.endsWith(g)){const o=W(t);return this.addWatchFile(o),await T.promises.readFile(o,"utf8")}},name:"@visulima/dev-toolbar",resolveId(t){if(t===m)return h;if(t.startsWith(l))return`${t.replace(l,`${r}/`)}${g}`},transform(t,o,i){if(i?.ssr)return;const{appendTo:s}=e,a=o.split("?",2)[0];if(s&&a&&(typeof s=="string"&&a.endsWith(s)||s instanceof RegExp&&s.test(a)))return`import '${l}client/overlay.js';
+${t}`},transformIndexHtml(){return e.appendTo?void 0:{html:"",tags:[{attrs:{src:`${d.base||"/"}@id/${l}client/overlay.js`,type:"module"},injectTo:"head-prepend",tag:"script"}]}}},{enforce:"pre",name:"@visulima/dev-toolbar:inject-source",async transform(t,o){if(!_||d.mode!=="development"||o.includes("node_modules")||o.includes("?raw")||S.test(o)||!q.test(o.split("?")[0]??""))return;const{readFile:i}=await import("node:fs/promises");let s;try{const b=await i(o.split("?")[0]??o,"utf8");b!==t&&(s=b)}catch{}const{addSourceToJsx:a}=await import("./packem_chunks/inject-source.js"),c=a(t,o,e.injectSource?.ignore,s);if(c)return{code:c.code??t,map:c.map??void 0}}},{apply(t,{command:o,mode:i}){return p&&(o!=="serve"||i==="production")},load(t){if(t===y)return"export default {};"},name:"@visulima/dev-toolbar:remove-on-build",resolveId(t){if(t===m||t.startsWith(l))return y}}]},"devToolbar");export{z as devToolbar};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@visulima/dev-toolbar",
-  "version": "1.0.0-alpha.3",
+  "version": "1.0.0-alpha.5",
   "description": "Devtools is a set of tools for building advanced devtools for your application",
   "keywords": [
     "visulima",
@@ -49,6 +49,10 @@
       "types": "./dist/apps/a11y/index.d.ts",
       "default": "./dist/apps/a11y/index.js"
     },
+    "./apps/assets": {
+      "types": "./dist/apps/assets/index.d.ts",
+      "default": "./dist/apps/assets/index.js"
+    },
     "./apps/inspector": {
       "types": "./dist/apps/inspector/index.d.ts",
       "default": "./dist/apps/inspector/index.js"
@@ -61,10 +65,6 @@
       "types": "./dist/apps/module-graph/index.d.ts",
       "default": "./dist/apps/module-graph/index.js"
     },
-    "./apps/more": {
-      "types": "./dist/apps/more/index.d.ts",
-      "default": "./dist/apps/more/index.js"
-    },
     "./apps/performance": {
       "types": "./dist/apps/performance/index.d.ts",
       "default": "./dist/apps/performance/index.js"
@@ -104,19 +104,21 @@
     "@babel/generator": "^7.29.1",
     "@babel/parser": "^7.29.0",
     "@babel/traverse": "^7.29.0",
-    "@babel/types": "^7.29.0",
     "@floating-ui/dom": "^1.7.6",
-    "axe-core": "^4.11.1",
-    "clsx": "^2.1.1",
     "launch-editor": "^2.13.1",
-    "preact": "^10.28.4",
-    "tailwind-merge": "^3.5.0"
+    "preact": "^10.28.4"
   },
   "peerDependencies": {
-    "vite": "^6 || ^7"
+    "axe-core": "^4",
+    "vite": "^6 || ^7 || ^8"
+  },
+  "peerDependenciesMeta": {
+    "axe-core": {
+      "optional": true
+    }
   },
   "engines": {
-    "node": ">=22.21 <26"
+    "node": ">=22.21"
   },
   "publishConfig": {
     "access": "public",

package/dist/apps/more/index.d.ts

@@ -1,3 +0,0 @@
-import type { DevToolbarApp } from "../../types/app.d.ts";
-declare const moreApp: DevToolbarApp;
-export default moreApp;

package/dist/apps/more/index.js

@@ -1,19 +0,0 @@
-var p=Object.defineProperty;var s=(n,t)=>p(n,"name",{value:t,configurable:!0});import{addHookName as m}from"preact/devtools";import{useState as u,useEffect as f}from"preact/hooks";import g from"../../packem_shared/cn-DWLJYh3h.js";import{jsxs as o,jsx as r}from"preact/jsx-runtime";const h=`<!-- @license lucide-static v0.576.0 - ISC -->
-<svg
-  class="lucide lucide-more-horizontal"
-  xmlns="http://www.w3.org/2000/svg"
-  width="24"
-  height="24"
-  viewBox="0 0 24 24"
-  fill="none"
-  stroke="currentColor"
-  stroke-width="2"
-  stroke-linecap="round"
-  stroke-linejoin="round"
->
-  <circle cx="12" cy="12" r="1" />
-  <circle cx="19" cy="12" r="1" />
-  <circle cx="5" cy="12" r="1" />
-</svg>
-`;var x=Object.defineProperty,i=s((n,t)=>x(n,"name",{value:t,configurable:!0}),"s");const b=i(n=>{const[t,c]=m(u([]),"apps");f(()=>{const e=globalThis.__VISULIMA_DEVTOOLS__;if(!e)return;const a=(e.getApps()??[]).filter(d=>!["dev-toolbar:a11y","dev-toolbar:module-graph","dev-toolbar:more","dev-toolbar:performance","dev-toolbar:seo","dev-toolbar:settings","dev-toolbar:timeline","dev-toolbar:vite-config"].includes(d.id));c(a)},[]);const l=i(e=>{globalThis.__VISULIMA_DEVTOOLS__?.openApp(e).catch(console.error)},"openApp");return t.length===0?o("div",{class:"p-8 flex flex-col items-center justify-center min-h-48 gap-5 text-center select-none",children:[r("div",{class:"size-14 bg-primary/5 border border-primary/20 flex items-center justify-center",children:r("svg",{"aria-hidden":"true",class:"size-6 text-primary/40",fill:"none",stroke:"currentColor","stroke-width":"1.5",viewBox:"0 0 24 24",children:r("path",{d:"M12 6v6m0 0v6m0-6h6m-6 0H6","stroke-linecap":"round","stroke-linejoin":"round"})})}),o("div",{class:"space-y-1.5",children:[r("p",{class:"text-[0.8125rem] font-medium text-foreground/70",children:"No additional apps registered"}),r("p",{class:"text-[0.725rem] text-muted-foreground",children:"Register a custom app to see it here"}),r("pre",{class:"mt-3 text-[0.65rem] font-mono text-primary/70 bg-primary/5 border border-primary/15 px-3 py-2 text-left",children:`window.__VISULIMA_DEVTOOLS__
-  .registerApp({ id, name, icon })`})]})]}):o("div",{class:"p-5",children:[o("h2",{class:"text-[0.65rem] font-bold uppercase tracking-[0.1em] text-muted-foreground mb-3 flex items-center gap-1.5",children:[r("span",{"aria-hidden":"true",class:"text-primary/50",children:"//"}),"Additional Apps"]}),r("div",{class:"grid grid-cols-2 gap-2",children:t.map(e=>o("button",{class:g("flex items-center gap-3 p-3","border border-border bg-card hover:bg-foreground/4","text-left cursor-pointer transition-colors duration-150"),onClick:i(()=>l(e.id),"onClick"),title:e.name,type:"button",children:[r("span",{class:"size-5 shrink-0 flex items-center justify-center text-[0.65rem] font-bold uppercase bg-foreground/8 text-foreground/70",children:e.name.slice(0,2)}),r("span",{class:"text-[0.8125rem] font-medium text-foreground truncate",children:e.name})]},e.id))})]})},"MoreApp"),A={component:b,icon:h,id:"dev-toolbar:more",name:"More"};export{A as default};

package/dist/apps/more/more-app.d.ts

@@ -1,5 +0,0 @@
-/** @jsxImportSource preact */
-import type { ComponentChildren } from "preact";
-import type { AppComponentProps } from "../../types/app.d.ts";
-declare const MoreApp: (_props: AppComponentProps) => ComponentChildren;
-export default MoreApp;

package/dist/packem_shared/Alert-H-x1JuZ0.js

@@ -1 +0,0 @@
-var c=Object.defineProperty;var n=(e,r)=>c(e,"name",{value:r,configurable:!0});import s from"./cn-DWLJYh3h.js";import{jsx as l}from"preact/jsx-runtime";var d=Object.defineProperty,i=n((e,r)=>d(e,"name",{value:r,configurable:!0}),"n");const o={default:"bg-background text-foreground",destructive:"border-destructive/50 text-destructive",info:"border-info/50 text-info",success:"border-success/50 text-success",warning:"border-warning/50 text-warning"},f=i(({children:e,class:r,variant:t="default",...a})=>l("div",{class:s("relative w-full rounded-none border p-4 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg~*]:pl-7",o[t],r),role:"alert",...a,children:e}),"Alert"),p=i(({children:e,class:r,...t})=>l("h5",{class:s("mb-1 font-medium leading-none tracking-tight",r),...t,children:e}),"AlertTitle"),b=i(({children:e,class:r,...t})=>l("div",{class:s("text-sm [&_p]:leading-relaxed",r),...t,children:e}),"AlertDescription");export{f as Alert,b as AlertDescription,p as AlertTitle};

package/dist/packem_shared/Badge-C30mDKKG.js

@@ -1 +0,0 @@
-var a=Object.defineProperty;var t=(r,e)=>a(r,"name",{value:e,configurable:!0});import s from"./cn-DWLJYh3h.js";import{jsx as d}from"preact/jsx-runtime";var i=Object.defineProperty,c=t((r,e)=>i(r,"name",{value:e,configurable:!0}),"t");const u={default:"border-transparent bg-primary text-primary-foreground",destructive:"border-transparent bg-destructive text-destructive-foreground",info:"border-transparent bg-info text-info-foreground",outline:"text-foreground",secondary:"border-transparent bg-secondary text-secondary-foreground",success:"border-transparent bg-success text-success-foreground",warning:"border-transparent bg-warning text-warning-foreground"},l=c(({children:r,class:e,variant:n="default",...o})=>d("div",{class:s("inline-flex items-center rounded-none border px-2.5 py-0.5 text-xs font-semibold transition-colors",u[n],e),...o,children:r}),"Badge");export{l as default};

package/dist/packem_shared/Button-DODNCTPZ.js

@@ -1 +0,0 @@
-var d=Object.defineProperty;var t=(e,r)=>d(e,"name",{value:r,configurable:!0});import s from"./cn-DWLJYh3h.js";import{jsx as a}from"preact/jsx-runtime";var c=Object.defineProperty,g=t((e,r)=>c(e,"name",{value:r,configurable:!0}),"r");const l={default:"bg-primary text-primary-foreground hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground hover:bg-destructive/90",ghost:"text-muted-foreground hover:bg-foreground/8 hover:text-foreground",link:"text-primary underline-offset-4 hover:underline",outline:"border border-input bg-background text-foreground hover:bg-foreground/8",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80"},f={default:"h-9 px-4 py-2",icon:"h-9 w-9",lg:"h-10 px-8",sm:"h-8 px-3 text-xs"},m=g(({children:e,class:r,size:o="default",type:n="button",variant:i="default",...u})=>a("button",{class:s("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-none text-sm font-medium cursor-pointer transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",l[i],f[o],r),type:n,...u,children:e}),"Button");export{m as default};

package/dist/packem_shared/Card-DdI7Wn3t.js

@@ -1 +0,0 @@
-var i=Object.defineProperty;var l=(e,r)=>i(e,"name",{value:r,configurable:!0});import d from"./cn-DWLJYh3h.js";import{jsx as s}from"preact/jsx-runtime";var n=Object.defineProperty,c=l((e,r)=>n(e,"name",{value:r,configurable:!0}),"t");const C=c(({children:e,class:r,...a})=>s("div",{class:d("bg-card text-card-foreground rounded-none border shadow",r),...a,children:e}),"Card"),p=c(({children:e,class:r,...a})=>s("div",{class:d("flex flex-col space-y-1.5 p-6",r),...a,children:e}),"CardHeader"),m=c(({children:e,class:r,...a})=>s("h3",{class:d("font-semibold leading-none tracking-tight",r),...a,children:e}),"CardTitle"),f=c(({children:e,class:r,...a})=>s("div",{class:d("text-sm text-muted-foreground",r),...a,children:e}),"CardDescription"),v=c(({children:e,class:r,...a})=>s("div",{class:d("p-6 pt-0",r),...a,children:e}),"CardContent"),x=c(({children:e,class:r,...a})=>s("div",{class:d("flex items-center p-6 pt-0",r),...a,children:e}),"CardFooter");export{C as Card,v as CardContent,f as CardDescription,x as CardFooter,p as CardHeader,m as CardTitle};

package/dist/packem_shared/Icon-DWFLZkwW.js

@@ -1 +0,0 @@
-var i=Object.defineProperty;var t=(a,e)=>i(a,"name",{value:e,configurable:!0});import o from"./cn-DWLJYh3h.js";import{jsx as s}from"preact/jsx-runtime";var n=Object.defineProperty,c=t((a,e)=>n(a,"name",{value:e,configurable:!0}),"r");const p=c(({class:a,size:e=13,src:r})=>s("span",{class:o("inline-block shrink-0",a),style:{backgroundColor:"currentColor",height:e,maskImage:`url(${r})`,maskRepeat:"no-repeat",maskSize:"contain",WebkitMaskImage:`url(${r})`,WebkitMaskRepeat:"no-repeat",WebkitMaskSize:"contain",width:e}}),"Icon");export{p as default};

package/dist/packem_shared/Input-GfbOwAkK.js

@@ -1 +0,0 @@
-import{forwardRef as s}from"preact/compat";import i from"./cn-DWLJYh3h.js";import{jsx as n}from"preact/jsx-runtime";const l=s(({class:o,type:e="text",...r},t)=>n("input",{class:i("flex h-9 w-full rounded-none border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",o),ref:t,type:e,...r}));l.displayName="Input";export{l as default};

package/dist/packem_shared/Label-Bzi47aUf.js

@@ -1 +0,0 @@
-var o=Object.defineProperty;var r=(e,a)=>o(e,"name",{value:a,configurable:!0});import t from"./cn-DWLJYh3h.js";import{jsx as n}from"preact/jsx-runtime";var d=Object.defineProperty,i=r((e,a)=>d(e,"name",{value:a,configurable:!0}),"l");const p=i(({children:e,class:a,...l})=>n("label",{class:t("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",a),...l,children:e}),"Label");export{p as default};

package/dist/packem_shared/Popover-o3Vkvndp.js

@@ -1 +0,0 @@
-var R=Object.defineProperty;var P=(e,n)=>R(e,"name",{value:n,configurable:!0});import{addHookName as v}from"preact/devtools";import{computePosition as k,offset as E,flip as $,shift as L}from"@floating-ui/dom";import{createContext as T}from"preact";import{useState as b,useRef as y,useEffect as C,useContext as j}from"preact/hooks";import g from"./cn-DWLJYh3h.js";import{jsx as f}from"preact/jsx-runtime";var z=Object.defineProperty,o=P((e,n)=>z(e,"name",{value:n,configurable:!0}),"t");const O=T(null),h=o(()=>{const e=j(O);if(!e)throw new Error("Popover subcomponent must be used within <Popover>");return e},"usePopoverContext"),X=o(({children:e,defaultOpen:n,onOpenChange:i,open:r})=>{const s=r!==void 0,[a,t]=v(b(n??!1),"internalOpen"),p=s?r:a,c=v(y(null),"triggerRef"),l=o(u=>{s||t(u),i?.(u)},"setOpen");return f(O.Provider,{value:{open:p,setOpen:l,triggerRef:c},children:f("span",{style:{display:"contents"},children:e})})},"Popover"),q=o(({children:e,class:n,...i})=>{const{open:r,setOpen:s,triggerRef:a}=h(),t=o(p=>{a.current=p},"handleRef");return f("button",{"aria-expanded":r,class:g("",n),onClick:o(()=>{i.disabled||s(!r)},"onClick"),ref:t,type:"button",...i,children:e})},"PopoverTrigger"),A=o(({align:e="center",children:n,class:i,side:r="bottom",sideOffset:s=4,...a})=>{const{open:t,setOpen:p,triggerRef:c}=h(),l=v(y(null),"contentRef"),[u,w]=v(b({x:0,y:0}),"position");return C(()=>{if(!t||!c.current||!l.current)return;const m=e==="center"?r:`${r}-${e}`;k(c.current,l.current,{middleware:[E(s),$(),L({padding:4})],placement:m}).then(d=>{w({x:d.x,y:d.y})}).catch(()=>{})},[t,r,s,e,c]),C(()=>{if(!t)return;const m=o(d=>{if(l.current&&!l.current.contains(d.target)){const x=c.current;if(x&&x.contains(d.target))return;p(!1)}},"handleMouseDown");return document.addEventListener("mousedown",m),()=>{document.removeEventListener("mousedown",m)}},[t,p,c]),t?f("div",{class:g("z-50 w-72 rounded-none border bg-popover p-4 text-popover-foreground shadow-md outline-none animate-in fade-in-0 zoom-in-95",i),ref:l,role:"dialog",style:{left:`${u.x}px`,position:"fixed",top:`${u.y}px`},...a,children:n}):null},"PopoverContent"),F=o(({children:e,class:n,...i})=>{const{setOpen:r}=h();return f("button",{class:g("",n),onClick:o(()=>r(!1),"onClick"),type:"button",...i,children:e})},"PopoverClose");export{X as Popover,F as PopoverClose,A as PopoverContent,q as PopoverTrigger};

package/dist/packem_shared/Progress-vGfFpxRn.js

@@ -1 +0,0 @@
-var o=Object.defineProperty;var e=(a,r)=>o(a,"name",{value:r,configurable:!0});import s from"./cn-DWLJYh3h.js";import{jsx as l}from"preact/jsx-runtime";var t=Object.defineProperty,n=e((a,r)=>t(a,"name",{value:r,configurable:!0}),"s");const v=n(({class:a,value:r,...i})=>l("div",{"aria-valuemax":100,"aria-valuemin":0,"aria-valuenow":r??0,class:s("relative h-2 w-full overflow-hidden rounded-none bg-primary/20",a),role:"progressbar",...i,children:l("div",{class:"h-full w-full flex-1 bg-primary transition-all",style:{transform:`translateX(-${100-(r??0)}%)`}})}),"Progress");export{v as default};

package/dist/packem_shared/Separator-DQGeJPQg.js

@@ -1 +0,0 @@
-var i=Object.defineProperty;var a=(r,o)=>i(r,"name",{value:o,configurable:!0});import l from"./cn-DWLJYh3h.js";import{jsx as s}from"preact/jsx-runtime";var p=Object.defineProperty,u=a((r,o)=>p(r,"name",{value:o,configurable:!0}),"a");const d=u(({class:r,decorative:o=!0,orientation:e="horizontal",...t})=>{const n=o?{role:"none"}:{"aria-orientation":e,role:"separator"};return s("div",{class:l("shrink-0 bg-border",e==="horizontal"?"h-[1px] w-full":"h-full w-[1px]",r),...n,...t})},"Separator");export{d as default};

package/dist/packem_shared/Skeleton-BYXau6jM.js

@@ -1 +0,0 @@
-var o=Object.defineProperty;var a=(e,r)=>o(e,"name",{value:r,configurable:!0});import t from"./cn-DWLJYh3h.js";import{jsx as n}from"preact/jsx-runtime";var s=Object.defineProperty,m=a((e,r)=>s(e,"name",{value:r,configurable:!0}),"r");const u=m(({class:e,...r})=>n("div",{class:t("animate-pulse rounded-none bg-primary/10",e),...r}),"Skeleton");export{u as default};

package/dist/packem_shared/Switch-BeC78S_T.js

@@ -1 +0,0 @@
-var m=Object.defineProperty;var a=(e,r)=>m(e,"name",{value:r,configurable:!0});import{addHookName as g}from"preact/devtools";import{useState as v}from"preact/hooks";import s from"./cn-DWLJYh3h.js";import{jsx as c}from"preact/jsx-runtime";var C=Object.defineProperty,d=a((e,r)=>C(e,"name",{value:r,configurable:!0}),"o");const H=d(({checked:e,class:r,defaultChecked:l,disabled:o,id:u,onCheckedChange:b,...f})=>{const t=e!==void 0,[h,k]=g(v(l??!1),"internalChecked"),n=t?e:h,p=d(()=>{if(o)return;const i=!n;t||k(i),b?.(i)},"handleClick");return c("button",{"aria-checked":n,class:s("inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-none border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",n?"bg-primary":"bg-input",r),"data-state":n?"checked":"unchecked",disabled:o,id:u,onClick:p,role:"switch",type:"button",...f,children:c("span",{class:s("pointer-events-none block h-4 w-4 rounded-none bg-background shadow-lg ring-0 transition-transform",n?"translate-x-4":"translate-x-0"),"data-state":n?"checked":"unchecked"})})},"Switch");export{H as default};