@dimina-kit/devtools 0.4.0-dev.20260824071518 → 0.4.0-dev.20260828092243

package/dist/shared/ipc-channels.d.ts

@@ -155,70 +155,6 @@ export interface ProjectCreateDefaults {
 export declare const DialogChannel: {
     readonly OpenDirectory: "dialog:openDirectory";
 };
-export declare const ViewChannel: {
-    /**
-     * Reverse size-advertiser: the host-toolbar WCV's OWN renderer advertises its
-     * intrinsic content height so main reserves exactly that much. Payload
-     * `{ axis: 'block', extent }`. fire-and-forget (send), NOT invoke.
-     */
-    readonly HostToolbarAdvertiseHeight: "view:host-toolbar:advertise-height";
-    /**
-     * main → host-toolbar WCV renderer: per-load MessagePort handshake for the
-     * gated narrow channel. On every toolbar `did-finish-load` main creates a
-     * `MessageChannelMain` and transfers port2 here
-     * (`wc.postMessage(HostToolbarPort, null, [port2])`); the session-resident
-     * toolbar runtime preload receives it via `event.ports[0]` and bridges it to
-     * the page as `window.diminaHostToolbar`. Envelope both directions:
-     * `{ channel: string, payload: unknown }`.
-     */
-    readonly HostToolbarPort: "view:host-toolbar:port";
-    /**
-     * main → main-window renderer: push the reserved host-toolbar height so the
-     * renderer placeholder div resizes (closing the dynamic-height loop).
-     */
-    readonly HostToolbarHeightChanged: "view:host-toolbar:height-changed";
-    /**
-     * main ← main-window renderer (invoke): pull the last NOTIFIED toolbar
-     * height retained in main. Mount-time replay companion to
-     * `HostToolbarHeightChanged`: the push listener mounts with the project
-     * view and the toolbar's size-advertiser deduplicates (never re-reports),
-     * so a height pushed while no project view was mounted would otherwise be
-     * lost forever (cold start on the project list races it; close-project →
-     * reopen hits it deterministically). No payload; resolves a number.
-     */
-    readonly HostToolbarGetHeight: "view:host-toolbar:get-height";
-    /**
-     * Renderer → main: the window-level placement snapshot (one monotonic epoch
-     * per commit tick, one generation per renderer lifetime) that drives the view
-     * reconciler. The single source of truth for every managed native view's
-     * bounds/visibility/z-order — supersedes the per-view bounds channels above.
-     * invoke.
-     */
-    readonly PlacementSnapshot: "view:placement-snapshot";
-};
-export interface ViewBounds {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-}
-export declare const PopoverChannel: {
-    readonly Show: "popover:show";
-    readonly Hide: "popover:hide";
-    readonly Relaunch: "popover:relaunch";
-    readonly Closed: "popover:closed";
-    readonly Init: "popover:init";
-};
-export declare const OverlayChannel: {
-    readonly Ready: "overlay:ready";
-};
-export declare const TooltipChannel: {
-    readonly Prepare: "tooltip:prepare";
-    readonly Show: "tooltip:show";
-    readonly Hide: "tooltip:hide";
-    readonly Init: "tooltip:init";
-    readonly Measured: "tooltip:measured";
-};
 export declare const WindowChannel: {
     readonly NavigateBack: "window:navigateBack";
     readonly OpenProject: "window:openProject";
@@ -237,17 +173,4 @@ export declare const AutomationChannel: {
 export declare const InternalDevtoolsChannel: {
     readonly Open: "internal-devtools:open";
 };
-export declare const SettingsChannel: {
-    readonly SetVisible: "settings:setVisible";
-    readonly ConfigChanged: "settings:configChanged";
-    readonly ProjectSettingsChanged: "settings:projectSettingsChanged";
-    readonly Init: "settings:init";
-};
-export declare const UpdateChannel: {
-    readonly Check: "updates:check";
-    readonly Download: "updates:download";
-    readonly Install: "updates:install";
-    readonly DownloadProgress: "updates:downloadProgress";
-    readonly Available: "updates:available";
-};
 //# sourceMappingURL=ipc-channels.d.ts.map

package/dist/shared/ipc-channels.js

@@ -206,86 +206,6 @@ export const ProjectsChannel = {
 export const DialogChannel = {
     OpenDirectory: 'dialog:openDirectory',
 };
-// ── Embedded views (renderer → main) ─────────────────────────────────────
-//
-// The main window's React layout owns the *positions* of the editor +
-// simulator-DevTools WebContentsView overlays — each visible placeholder
-// `<div>` measures its client rect via ResizeObserver and pushes the
-// rectangle to the main process. The view manager caches the latest
-// payload per kind and applies it to the overlay; no payload means the
-// overlay is hidden.
-//
-// Payload (after schema validation): `{ x, y, width, height }` in CSS
-// pixels relative to the window's content area (origin = top-left,
-// not including the OS chrome).
-export const ViewChannel = {
-    /**
-     * Reverse size-advertiser: the host-toolbar WCV's OWN renderer advertises its
-     * intrinsic content height so main reserves exactly that much. Payload
-     * `{ axis: 'block', extent }`. fire-and-forget (send), NOT invoke.
-     */
-    HostToolbarAdvertiseHeight: 'view:host-toolbar:advertise-height',
-    /**
-     * main → host-toolbar WCV renderer: per-load MessagePort handshake for the
-     * gated narrow channel. On every toolbar `did-finish-load` main creates a
-     * `MessageChannelMain` and transfers port2 here
-     * (`wc.postMessage(HostToolbarPort, null, [port2])`); the session-resident
-     * toolbar runtime preload receives it via `event.ports[0]` and bridges it to
-     * the page as `window.diminaHostToolbar`. Envelope both directions:
-     * `{ channel: string, payload: unknown }`.
-     */
-    HostToolbarPort: 'view:host-toolbar:port',
-    /**
-     * main → main-window renderer: push the reserved host-toolbar height so the
-     * renderer placeholder div resizes (closing the dynamic-height loop).
-     */
-    HostToolbarHeightChanged: 'view:host-toolbar:height-changed',
-    /**
-     * main ← main-window renderer (invoke): pull the last NOTIFIED toolbar
-     * height retained in main. Mount-time replay companion to
-     * `HostToolbarHeightChanged`: the push listener mounts with the project
-     * view and the toolbar's size-advertiser deduplicates (never re-reports),
-     * so a height pushed while no project view was mounted would otherwise be
-     * lost forever (cold start on the project list races it; close-project →
-     * reopen hits it deterministically). No payload; resolves a number.
-     */
-    HostToolbarGetHeight: 'view:host-toolbar:get-height',
-    /**
-     * Renderer → main: the window-level placement snapshot (one monotonic epoch
-     * per commit tick, one generation per renderer lifetime) that drives the view
-     * reconciler. The single source of truth for every managed native view's
-     * bounds/visibility/z-order — supersedes the per-view bounds channels above.
-     * invoke.
-     */
-    PlacementSnapshot: 'view:placement-snapshot',
-};
-// ── Popover ──────────────────────────────────────────────────────────────
-export const PopoverChannel = {
-    Show: 'popover:show',
-    Hide: 'popover:hide',
-    Relaunch: 'popover:relaunch',
-    Closed: 'popover:closed',
-    Init: 'popover:init',
-};
-// ── Tooltip ──────────────────────────────────────────────────────────────
-//
-// A top-tier overlay WebContentsView (VIEW_LAYER.tooltip — see view-ids.ts),
-// NOT a DOM tooltip in the main renderer: any DOM-portaled floating UI (Radix
-// Tooltip) or the browser-native `title` attribute lives in the main
-// renderer's own paint surface, which every other WCV (simulator, editor,
-// settings, popover) renders on top of — CSS cannot reach across that
-// boundary. A trigger reports its anchor rect + label; main computes the
-// tooltip's screen bounds and shows/repositions/hides this overlay.
-export const OverlayChannel = {
-    Ready: 'overlay:ready',
-};
-export const TooltipChannel = {
-    Prepare: 'tooltip:prepare',
-    Show: 'tooltip:show',
-    Hide: 'tooltip:hide',
-    Init: 'tooltip:init',
-    Measured: 'tooltip:measured',
-};
 // ── Window ───────────────────────────────────────────────────────────────
 export const WindowChannel = {
     NavigateBack: 'window:navigateBack',
@@ -322,21 +242,3 @@ export const InternalDevtoolsChannel = {
     // its own dedicated window (see internal-devtools-window/index.ts).
     Open: 'internal-devtools:open',
 };
-// ── Embedded settings overlay ────────────────────────────────────────────
-export const SettingsChannel = {
-    SetVisible: 'settings:setVisible',
-    ConfigChanged: 'settings:configChanged',
-    ProjectSettingsChanged: 'settings:projectSettingsChanged',
-    Init: 'settings:init',
-};
-// ── Updates (UpdateManager) ──────────────────────────────────────────────
-//
-// String values are FROZEN: shipped builds key off them. Add new entries
-// here, never rename existing ones.
-export const UpdateChannel = {
-    Check: 'updates:check',
-    Download: 'updates:download',
-    Install: 'updates:install',
-    DownloadProgress: 'updates:downloadProgress',
-    Available: 'updates:available',
-};

package/dist/shared/ipc-schemas.d.ts

@@ -42,6 +42,22 @@ export declare const TooltipMeasuredSchema: z.ZodTuple<[z.ZodObject<{
     width: z.ZodNumber;
     height: z.ZodNumber;
 }, z.core.$strip>], null>;
+/**
+ * projectCreate:show — the merged template catalog + suggested base dir
+ * main.tsx already resolved before asking main to show the overlay panel.
+ * Templates are re-validated loosely (they only round-trip back into the
+ * panel's own render, never interpreted main-side).
+ */
+export declare const ProjectCreateShowSchema: z.ZodTuple<[z.ZodObject<{
+    templates: z.ZodArray<z.ZodObject<{}, z.core.$loose>>;
+    defaultBaseDir: z.ZodString;
+}, z.core.$strip>], null>;
+/** projectCreate:submit — the collected create-project form. */
+export declare const ProjectCreateSubmitSchema: z.ZodTuple<[z.ZodObject<{
+    name: z.ZodString;
+    path: z.ZodString;
+    templateId: z.ZodString;
+}, z.core.$strip>], null>;
 /**
  * simulator:attach-native (native-host only) — the simulator URL to load into
  * the top-level WebContentsView + simulator width. The URL is the dev-server
@@ -114,6 +130,23 @@ export declare const HostToolbarAdvertiseHeightSchema: z.ZodTuple<[z.ZodObject<{
     axis: z.ZodLiteral<"block">;
     extent: z.ZodNumber;
 }, z.core.$strip>], null>;
+/**
+ * host-sidebar reverse size-advertiser payload — mirrors
+ * `HostToolbarAdvertiseHeightSchema` on the inline (width) axis.
+ */
+export declare const HostSidebarAdvertiseWidthSchema: z.ZodTuple<[z.ZodObject<{
+    axis: z.ZodLiteral<"inline">;
+    extent: z.ZodNumber;
+}, z.core.$strip>], null>;
+/**
+ * host-dialog reverse size-advertiser payload. Unlike the single-axis
+ * toolbar/sidebar, the dialog's content advertises BOTH axes over the same
+ * channel — `axis` distinguishes which report this is.
+ */
+export declare const HostDialogAdvertiseSizeSchema: z.ZodTuple<[z.ZodObject<{
+    axis: z.ZodUnion<readonly [z.ZodLiteral<"block">, z.ZodLiteral<"inline">]>;
+    extent: z.ZodNumber;
+}, z.core.$strip>], null>;
 /**
  * simulator:custom-apis:invoke — API name + arbitrary JSON-serialisable params.
  *

package/dist/shared/ipc-schemas.js

@@ -66,6 +66,26 @@ export const TooltipMeasuredSchema = z.tuple([
         height: z.number().finite().positive(),
     }),
 ]);
+/**
+ * projectCreate:show — the merged template catalog + suggested base dir
+ * main.tsx already resolved before asking main to show the overlay panel.
+ * Templates are re-validated loosely (they only round-trip back into the
+ * panel's own render, never interpreted main-side).
+ */
+export const ProjectCreateShowSchema = z.tuple([
+    z.object({
+        templates: z.array(z.looseObject({})),
+        defaultBaseDir: z.string(),
+    }),
+]);
+/** projectCreate:submit — the collected create-project form. */
+export const ProjectCreateSubmitSchema = z.tuple([
+    z.object({
+        name: z.string().min(1),
+        path: AbsolutePath,
+        templateId: z.string().min(1),
+    }),
+]);
 /**
  * Reasonable simulator width range. Window width is clamped UI-side, but
  * we still reject obvious garbage (negative, zero, absurdly large).
@@ -167,6 +187,27 @@ export const HostToolbarAdvertiseHeightSchema = z.tuple([
         extent: NonNegInt,
     }),
 ]);
+/**
+ * host-sidebar reverse size-advertiser payload — mirrors
+ * `HostToolbarAdvertiseHeightSchema` on the inline (width) axis.
+ */
+export const HostSidebarAdvertiseWidthSchema = z.tuple([
+    z.object({
+        axis: z.literal('inline'),
+        extent: NonNegInt,
+    }),
+]);
+/**
+ * host-dialog reverse size-advertiser payload. Unlike the single-axis
+ * toolbar/sidebar, the dialog's content advertises BOTH axes over the same
+ * channel — `axis` distinguishes which report this is.
+ */
+export const HostDialogAdvertiseSizeSchema = z.tuple([
+    z.object({
+        axis: z.union([z.literal('block'), z.literal('inline')]),
+        extent: NonNegInt,
+    }),
+]);
 /**
  * simulator:custom-apis:invoke — API name + arbitrary JSON-serialisable params.
  *

package/dist/shared/types.d.ts

@@ -123,6 +123,16 @@ export interface CompileConfig {
         value: string;
     }[];
 }
+/**
+ * A project's runtime kind, detected from its source layout (see
+ * `detectRuntimeType` in main's `project-repository.ts`). Lives here because
+ * the value crosses the process boundary — main detects it and pushes it to
+ * the renderer over `ViewChannel.HostSidebarCategorySelected`, and the
+ * renderer's `Project.type` carries it back in the project list. Two
+ * structurally identical unions declared on either side would type-check
+ * against each other today and silently diverge the moment one gains a member.
+ */
+export type ProjectType = 'miniprogram' | 'minigame';
 export interface IpcResult<T = unknown> {
     success: boolean;
     data?: T;

package/dist/shared/view-ids.d.ts

@@ -3,9 +3,13 @@ export declare const VIEW_ID: {
     readonly simulatorDevtools: "simulator-devtools";
     readonly workbench: "workbench";
     readonly hostToolbar: "host-toolbar";
+    readonly hostSidebar: "host-sidebar";
+    readonly hostDialog: "host-dialog";
     readonly settings: "settings";
     readonly popover: "popover";
     readonly tooltip: "tooltip";
+    readonly projectCreateDialog: "project-create-dialog";
+    readonly updateDialog: "update-dialog";
 };
 export type DevtoolsViewId = (typeof VIEW_ID)[keyof typeof VIEW_ID];
 export interface DevtoolsExtra {
@@ -14,8 +18,11 @@ export interface DevtoolsExtra {
 export declare const VIEW_LAYER: {
     readonly base: 0;
     readonly hostToolbar: 5;
+    readonly hostSidebar: 5;
     readonly settings: 10;
     readonly popover: 20;
     readonly tooltip: 30;
+    readonly dialog: 40;
+    readonly hostDialog: 45;
 };
 //# sourceMappingURL=view-ids.d.ts.map

package/dist/shared/view-ids.js

@@ -8,9 +8,13 @@ export const VIEW_ID = {
     simulatorDevtools: 'simulator-devtools',
     workbench: 'workbench',
     hostToolbar: 'host-toolbar',
+    hostSidebar: 'host-sidebar',
+    hostDialog: 'host-dialog',
     settings: 'settings',
     popover: 'popover',
     tooltip: 'tooltip',
+    projectCreateDialog: 'project-create-dialog',
+    updateDialog: 'update-dialog',
 };
 // z-order layers; larger paints on top. Base overlays share layer 0 (they never
 // overlap each other — the simulator device WCV, the console/DevTools WCV, and
@@ -29,8 +33,14 @@ export const VIEW_ID = {
 export const VIEW_LAYER = {
     base: 0,
     hostToolbar: 5,
+    hostSidebar: 5,
     settings: 10,
     popover: 20,
     tooltip: 30,
+    // devtools' own ProjectCreateDialog/UpdateDialog panels (createOverlayPanel).
+    dialog: 40,
+    // Host-controlled fully-custom dialog (loadURL-level takeover); sits above
+    // devtools' own dialog layer so host content is never occluded by it.
+    hostDialog: 45,
 };
 //# sourceMappingURL=view-ids.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dimina-kit/devtools",
-  "version": "0.4.0-dev.20260824071518",
+  "version": "0.4.0-dev.20260828092243",
   "description": "Dimina DevTools - modular developer tools for mini app debugging",
   "keywords": [
     "dimina",
@@ -90,11 +90,11 @@
     "chrome-remote-interface": "^0.34.0",
     "ws": "^8.20.0",
     "zod": "^4.3.6",
-    "@dimina-kit/electron-deck": "0.1.0-dev.20260824071518",
-    "@dimina-kit/devkit": "0.1.2-dev.20260824071518",
-    "@dimina-kit/inspect": "0.4.0-dev.20260824071518",
-    "@dimina-kit/electron-runtime": "0.1.0-dev.20260824071518",
-    "@dimina-kit/view-anchor": "0.1.0-dev.20260824071518"
+    "@dimina-kit/electron-deck": "0.1.0-dev.20260828092243",
+    "@dimina-kit/view-anchor": "0.1.0-dev.20260828092243",
+    "@dimina-kit/inspect": "0.4.0-dev.20260828092243",
+    "@dimina-kit/electron-runtime": "0.1.0-dev.20260828092243",
+    "@dimina-kit/devkit": "0.1.2-dev.20260828092243"
   },
   "devDependencies": {
     "@playwright/test": "^1.59.1",
@@ -158,9 +158,9 @@
     "pack": "electron-builder --dir",
     "dist": "electron-builder",
     "build:main": "tsc -p tsconfig.main.json && esbuild src/main/index.ts --bundle --platform=node --format=esm --target=node24 --external:electron --packages=external --outfile=dist/main/index.bundle.js",
-    "build:preload": "tsc -p tsconfig.preload.json && esbuild src/preload/windows/simulator.ts --bundle --platform=node --format=cjs --sourcemap --external:electron --outfile=dist/preload/windows/simulator.js && esbuild src/preload/windows/simulator.ts --bundle --platform=node --format=cjs --sourcemap --external:electron --outfile=dist/preload/windows/simulator.cjs && esbuild src/preload/windows/main.ts --bundle --platform=node --format=cjs --sourcemap --external:electron --outfile=dist/preload/windows/main.cjs && esbuild src/preload/windows/host-toolbar-runtime.ts --bundle --platform=node --format=cjs --sourcemap --external:electron --outfile=dist/preload/windows/host-toolbar-runtime.cjs",
+    "build:preload": "tsc -p tsconfig.preload.json && esbuild src/preload/windows/simulator.ts --bundle --platform=node --format=cjs --sourcemap --external:electron --outfile=dist/preload/windows/simulator.js && esbuild src/preload/windows/simulator.ts --bundle --platform=node --format=cjs --sourcemap --external:electron --outfile=dist/preload/windows/simulator.cjs && esbuild src/preload/windows/main.ts --bundle --platform=node --format=cjs --sourcemap --external:electron --outfile=dist/preload/windows/main.cjs && esbuild src/preload/windows/host-toolbar-runtime.ts --bundle --platform=node --format=cjs --sourcemap --external:electron --outfile=dist/preload/windows/host-toolbar-runtime.cjs && esbuild src/preload/windows/host-sidebar-runtime.ts --bundle --platform=node --format=cjs --sourcemap --external:electron --outfile=dist/preload/windows/host-sidebar-runtime.cjs && esbuild src/preload/windows/host-dialog-runtime.ts --bundle --platform=node --format=cjs --sourcemap --external:electron --outfile=dist/preload/windows/host-dialog-runtime.cjs",
     "build:renderer": "vite build",
-    "dev": "pnpm build && concurrently \"vite build --watch\" \"vite build --watch --config vite.config.simulator.ts\" \"tsc -p tsconfig.main.json --watch\" \"tsc -p tsconfig.preload.json --watch\" \"esbuild src/preload/windows/simulator.ts --bundle --platform=node --format=cjs --sourcemap --external:electron --outfile=dist/preload/windows/simulator.js --watch\" \"esbuild src/preload/windows/simulator.ts --bundle --platform=node --format=cjs --sourcemap --external:electron --outfile=dist/preload/windows/simulator.cjs --watch\" \"esbuild src/preload/windows/main.ts --bundle --platform=node --format=cjs --sourcemap --external:electron --outfile=dist/preload/windows/main.cjs --watch\" \"esbuild src/preload/windows/host-toolbar-runtime.ts --bundle --platform=node --format=cjs --sourcemap --external:electron --outfile=dist/preload/windows/host-toolbar-runtime.cjs --watch\" \"electron dist/main/index.js\"",
+    "dev": "pnpm build && concurrently \"vite build --watch\" \"vite build --watch --config vite.config.simulator.ts\" \"tsc -p tsconfig.main.json --watch\" \"tsc -p tsconfig.preload.json --watch\" \"esbuild src/preload/windows/simulator.ts --bundle --platform=node --format=cjs --sourcemap --external:electron --outfile=dist/preload/windows/simulator.js --watch\" \"esbuild src/preload/windows/simulator.ts --bundle --platform=node --format=cjs --sourcemap --external:electron --outfile=dist/preload/windows/simulator.cjs --watch\" \"esbuild src/preload/windows/main.ts --bundle --platform=node --format=cjs --sourcemap --external:electron --outfile=dist/preload/windows/main.cjs --watch\" \"esbuild src/preload/windows/host-toolbar-runtime.ts --bundle --platform=node --format=cjs --sourcemap --external:electron --outfile=dist/preload/windows/host-toolbar-runtime.cjs --watch\" \"esbuild src/preload/windows/host-sidebar-runtime.ts --bundle --platform=node --format=cjs --sourcemap --external:electron --outfile=dist/preload/windows/host-sidebar-runtime.cjs --watch\" \"esbuild src/preload/windows/host-dialog-runtime.ts --bundle --platform=node --format=cjs --sourcemap --external:electron --outfile=dist/preload/windows/host-dialog-runtime.cjs --watch\" \"electron dist/main/index.js\"",
     "build:core": "pnpm --filter @dimina-kit/devkit build",
     "check-types": "tsc --noEmit",
     "lint": "eslint . --max-warnings 0",

package/dist/renderer/assets/constants-Bdz0LHdy.js

@@ -1,2 +0,0 @@
-import{D as e,O as t,w as n}from"./ipc-transport-BOg0gR9W.js";import{i as r,n as i}from"./input-Dmm6nob5.js";var a=t(e(),1),o=e=>typeof e==`boolean`?`${e}`:e===0?`0`:e,s=r,c=(e,t)=>n=>{if(t?.variants==null)return s(e,n?.class,n?.className);let{variants:r,defaultVariants:i}=t,a=Object.keys(r).map(e=>{let t=n?.[e],a=i?.[e];if(t===null)return null;let s=o(t)||o(a);return r[e][s]}),c=n&&Object.entries(n).reduce((e,t)=>{let[n,r]=t;return r===void 0||(e[n]=r),e},{});return s(e,a,t?.compoundVariants?.reduce((e,t)=>{let{class:n,className:r,...a}=t;return Object.entries(a).every(e=>{let[t,n]=e;return Array.isArray(n)?n.includes({...i,...c}[t]):{...i,...c}[t]===n})?[...e,n,r]:e},[]),n?.class,n?.className)},l=Object.defineProperty,u=(e,t)=>l(e,`name`,{value:t,configurable:!0});function d(e,t){if(typeof e==`function`)return e(t);e!=null&&(e.current=t)}u(d,`setRef`);function f(...e){return t=>{let n=!1,r=e.map(e=>{let r=d(e,t);return!n&&typeof r==`function`&&(n=!0),r});if(n)return()=>{for(let t=0;t<r.length;t++){let n=r[t];typeof n==`function`?n():d(e[t],null)}}}}u(f,`composeRefs`);function p(...e){return a.useCallback(f(...e),e)}u(p,`useComposedRefs`);var m=Object.defineProperty,h=(e,t)=>m(e,`name`,{value:t,configurable:!0});function g(e){let t=a.forwardRef((t,n)=>{let{children:r,...i}=t,o=null,s=!1,c=[];T(r)&&typeof k==`function`&&(r=k(r._payload)),a.Children.forEach(r,e=>{if(C(e)){s=!0;let t=e,n=`child`in t.props?t.props.child:t.props.children;T(n)&&typeof k==`function`&&(n=k(n._payload)),o=b(t,n),c.push(o?.props?.children)}else c.push(e)}),o?o=a.cloneElement(o,void 0,c):!s&&a.Children.count(r)===1&&a.isValidElement(r)&&(o=r);let l=o?S(o):void 0,u=p(n,l);if(!o){if(r||r===0)throw Error(s?O(e):D(e));return r}let d=x(i,o.props??{});return o.type!==a.Fragment&&(d.ref=n?u:l),a.cloneElement(o,d)});return t.displayName=`${e}.Slot`,t}h(g,`createSlot`);var _=g(`Slot`),v=Symbol.for(`radix.slottable`);function y(e){let t=h(e=>`child`in e?e.children(e.child):e.children,`Slottable`);return t.displayName=`${e}.Slottable`,t.__radixId=v,t}h(y,`createSlottable`);var b=h((e,t)=>{if(`child`in e.props){let t=e.props.child;return a.isValidElement(t)?a.cloneElement(t,void 0,e.props.children(t.props.children)):null}return a.isValidElement(t)?t:null},`getSlottableElementFromSlottable`);function x(e,t){let n={...t};for(let r in t){let i=e[r],a=t[r];/^on[A-Z]/.test(r)?i&&a?n[r]=(...e)=>{let t=a(...e);return i(...e),t}:i&&(n[r]=i):r===`style`?n[r]={...i,...a}:r===`className`&&(n[r]=[i,a].filter(Boolean).join(` `))}return{...e,...n}}h(x,`mergeProps`);function S(e){let t=Object.getOwnPropertyDescriptor(e.props,`ref`)?.get,n=t&&`isReactWarning`in t&&t.isReactWarning;return n?e.ref:(t=Object.getOwnPropertyDescriptor(e,`ref`)?.get,n=t&&`isReactWarning`in t&&t.isReactWarning,n?e.props.ref:e.props.ref||e.ref)}h(S,`getElementRef`);function C(e){return a.isValidElement(e)&&typeof e.type==`function`&&`__radixId`in e.type&&e.type.__radixId===v}h(C,`isSlottable`);var w=Symbol.for(`react.lazy`);function T(e){return typeof e==`object`&&!!e&&`$$typeof`in e&&e.$$typeof===w&&`_payload`in e&&E(e._payload)}h(T,`isLazyComponent`);function E(e){return typeof e==`object`&&!!e&&`then`in e}h(E,`isPromiseLike`);var D=h(e=>`${e} failed to slot onto its children. Expected a single React element child or \`Slottable\`.`,`createSlotError`),O=h(e=>`${e} failed to slot onto its \`Slottable\`. Expected \`Slottable\` to receive a single React element child.`,`createSlottableError`),k=a.use,A=n(),j=c(`inline-flex appearance-none items-center justify-center gap-1 whitespace-nowrap rounded-[var(--qd-radius-md)] font-medium transition-colors outline-none focus-visible:ring-2 focus-visible:ring-[var(--qd-primary)] disabled:pointer-events-none disabled:opacity-50 border-solid [border-width:var(--qd-border-width)] text-[color:var(--btn-fg)] bg-[var(--btn-bg)] border-[var(--btn-border)] [--qd-icon-size:1em]`,{variants:{variant:{default:`[--btn-fg:var(--qd-on-solid)] [--btn-bg:var(--qd-primary)] [--btn-border:transparent] hover:opacity-90`,soft:`[--btn-fg:var(--qd-primary)] [--btn-bg:var(--qd-primary-soft)] [--btn-border:transparent] hover:opacity-90`,secondary:`[--btn-fg:var(--qd-secondary-foreground)] [--btn-bg:var(--qd-secondary)] [--btn-border:transparent] hover:opacity-90`,outline:`[--btn-fg:var(--qd-foreground)] [--btn-bg:var(--qd-background)] [--btn-border:var(--qd-border)] hover:[background-color:var(--qd-muted)]`,ghost:`[--btn-fg:var(--qd-foreground)] [--btn-bg:transparent] [--btn-border:transparent] hover:[background-color:var(--qd-muted)]`,destructive:`[--btn-fg:var(--qd-on-solid)] [--btn-bg:var(--qd-destructive)] [--btn-border:transparent] hover:opacity-90`,link:`[--btn-fg:var(--qd-primary)] [--btn-bg:transparent] [--btn-border:transparent] underline-offset-4 hover:underline`,icon:`rounded [--btn-fg:var(--qd-muted-foreground)] [--btn-bg:transparent] [--btn-border:transparent] hover:[background-color:var(--qd-muted)] hover:[--btn-fg:var(--qd-foreground)]`,toolbar:`rounded [--btn-fg:var(--qd-muted-foreground)] [--btn-bg:transparent] [--btn-border:transparent] hover:[--btn-bg:var(--color-surface-3)] hover:[--btn-fg:var(--qd-foreground)] data-[active=true]:[--btn-bg:var(--color-surface-active)] data-[active=true]:[--btn-fg:var(--qd-foreground)]`,danger:`rounded-full [--btn-fg:var(--qd-muted-foreground)] [--btn-bg:transparent] [--btn-border:transparent] hover:[--btn-fg:var(--qd-destructive)] hover:[background-color:var(--qd-destructive-soft)]`,tab:`rounded text-text-muted hover:text-text hover:bg-surface-3`,"tab-active":`rounded text-text bg-surface-active`},size:{default:`h-[var(--qd-btn-h)] px-4 py-2 text-sm`,sm:`h-[calc(var(--qd-btn-h)-4px)] px-3 text-xs`,lg:`h-[calc(var(--qd-btn-h)+4px)] px-6 text-base`,icon:`size-[var(--qd-btn-h)] text-base`,xs:`h-5 px-2 text-[11px]`,"icon-sm":`h-6 w-6 p-0 text-[14px]`}},defaultVariants:{variant:`default`,size:`default`}}),M=a.forwardRef(function({className:e,variant:t,size:n,asChild:r=!1,type:a,...o},s){let c=r?_:`button`,l=r?a===void 0?o:{type:a,...o}:{type:a??`button`,...o};return(0,A.jsx)(c,{ref:s,"data-slot":`button`,className:i(j({variant:t,size:n}),e),...l})}),N=9222,P=1001;export{P as n,M as r,N as t};
-//# sourceMappingURL=constants-Bdz0LHdy.js.map