@plumile/ui-devtools 0.1.66

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) Plumile and its affiliates.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,3 @@
+# @plumile/ui-devtools
+
+Shared DevTools UI primitives for Plumile extensions.

package/lib/esm/content/DevtoolsCodeBlock.js

@@ -0,0 +1,14 @@
+import { codeBlock as e } from "./devtoolsCodeBlock.css.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/content/DevtoolsCodeBlock.tsx
+function n(n) {
+	let { children: r } = n;
+	return /* @__PURE__ */ t("pre", {
+		className: e,
+		children: r
+	});
+}
+//#endregion
+export { n as DevtoolsCodeBlock };
+
+//# sourceMappingURL=DevtoolsCodeBlock.js.map

package/lib/esm/content/DevtoolsCodeBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DevtoolsCodeBlock.js","names":[],"sources":["../../../src/content/DevtoolsCodeBlock.tsx"],"sourcesContent":["import type { JSX } from 'react';\nimport { codeBlock } from './devtoolsCodeBlock.css.js';\n\nexport type DevtoolsCodeBlockProps = {\n  children: string;\n};\n\n/** Render preformatted code content in the devtools theme. */\nexport function DevtoolsCodeBlock(props: DevtoolsCodeBlockProps): JSX.Element {\n  const { children } = props;\n\n  return <pre className={codeBlock}>{children}</pre>;\n}\n"],"mappings":";;;AAQA,SAAgB,EAAkB,GAA4C;CAC5E,IAAM,EAAE,gBAAa;AAErB,QAAO,kBAAC,OAAD;EAAK,WAAW;EAAY;EAAe,CAAA"}

package/lib/esm/content/devtoolsCodeBlock.css.js

@@ -0,0 +1,7 @@
+/* empty css                                 */
+//#region src/content/devtoolsCodeBlock.css.ts
+var e = "_1sbiiq0";
+//#endregion
+export { e as codeBlock };
+
+//# sourceMappingURL=devtoolsCodeBlock.css.js.map

package/lib/esm/content/devtoolsCodeBlock.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"devtoolsCodeBlock.css.js","names":[],"sources":["../../../src/content/devtoolsCodeBlock.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\n\nexport const codeBlock = style({\n  margin: 0,\n  padding: '12px',\n  borderRadius: '6px',\n  backgroundColor: 'var(--pdt-code-bg)',\n  fontSize: '12px',\n  lineHeight: 1.4,\n  overflowX: 'auto',\n  whiteSpace: 'pre-wrap',\n  wordBreak: 'break-word',\n});\n"],"mappings":""}

package/lib/esm/empty_state/DevtoolsEmptyState.js

@@ -0,0 +1,28 @@
+import { description as e, root as t, title as n } from "./devtoolsEmptyState.css.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/empty_state/DevtoolsEmptyState.tsx
+function a(a) {
+	let { description: o, primaryAction: s, secondaryAction: c, title: l } = a;
+	return /* @__PURE__ */ i("div", {
+		className: t,
+		role: "status",
+		children: [
+			/* @__PURE__ */ r("h2", {
+				className: n,
+				children: l
+			}),
+			/* @__PURE__ */ r("p", {
+				className: e,
+				children: o
+			}),
+			(s != null || c != null) && /* @__PURE__ */ i("div", {
+				className: "fmw3vj3",
+				children: [s ?? null, c ?? null]
+			})
+		]
+	});
+}
+//#endregion
+export { a as DevtoolsEmptyState };
+
+//# sourceMappingURL=DevtoolsEmptyState.js.map

package/lib/esm/empty_state/DevtoolsEmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DevtoolsEmptyState.js","names":[],"sources":["../../../src/empty_state/DevtoolsEmptyState.tsx"],"sourcesContent":["import type { JSX, ReactNode } from 'react';\nimport { actions, description, root, title } from './devtoolsEmptyState.css.js';\n\nexport type DevtoolsEmptyStateProps = {\n  title: ReactNode;\n  description: ReactNode;\n  primaryAction?: ReactNode;\n  secondaryAction?: ReactNode;\n};\n\n/** Render a standardized empty state with optional actions. */\nexport function DevtoolsEmptyState(\n  props: DevtoolsEmptyStateProps,\n): JSX.Element {\n  const {\n    description: body,\n    primaryAction,\n    secondaryAction,\n    title: heading,\n  } = props;\n  const hasActions = primaryAction != null || secondaryAction != null;\n\n  return (\n    <div className={root} role=\"status\">\n      <h2 className={title}>{heading}</h2>\n      <p className={description}>{body}</p>\n      {hasActions && (\n        <div className={actions}>\n          {primaryAction ?? null}\n          {secondaryAction ?? null}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;AAWA,SAAgB,EACd,GACa;CACb,IAAM,EACJ,aAAa,GACb,kBACA,oBACA,OAAO,MACL;AAGJ,QACE,kBAAC,OAAD;EAAK,WAAW;EAAM,MAAK;YAA3B;GACE,kBAAC,MAAD;IAAI,WAAW;cAAQ;IAAa,CAAA;GACpC,kBAAC,KAAD;IAAG,WAAW;cAAc;IAAS,CAAA;IALtB,KAAiB,QAAQ,KAAmB,SAOzD,kBAAC,OAAD;IAAK,WAAA;cAAL,CACG,KAAiB,MACjB,KAAmB,KAChB;;GAEJ"}

package/lib/esm/empty_state/devtoolsEmptyState.css.js

@@ -0,0 +1,7 @@
+/* empty css                                  */
+//#region src/empty_state/devtoolsEmptyState.css.ts
+var e = "fmw3vj0", t = "fmw3vj1", n = "fmw3vj2", r = "fmw3vj3";
+//#endregion
+export { r as actions, n as description, e as root, t as title };
+
+//# sourceMappingURL=devtoolsEmptyState.css.js.map

package/lib/esm/empty_state/devtoolsEmptyState.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"devtoolsEmptyState.css.js","names":[],"sources":["../../../src/empty_state/devtoolsEmptyState.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\n\nexport const root = style({\n  display: 'flex',\n  flexDirection: 'column',\n  alignItems: 'flex-start',\n  gap: '12px',\n  maxWidth: '420px',\n  padding: '24px',\n});\n\nexport const title = style({\n  margin: 0,\n  fontSize: '18px',\n  fontWeight: 600,\n});\n\nexport const description = style({\n  margin: 0,\n  fontSize: '13px',\n  lineHeight: 1.5,\n  color: 'var(--pdt-text-muted)',\n});\n\nexport const actions = style({\n  display: 'flex',\n  alignItems: 'center',\n  gap: '12px',\n  flexWrap: 'wrap',\n});\n"],"mappings":""}

package/lib/esm/feedback/DevtoolsBadge.js

@@ -0,0 +1,31 @@
+import { badge as e, badgeDanger as t, badgeInfo as n, badgeNeutral as r, badgeSuccess as i, badgeWarning as a } from "./devtoolsFeedback.css.js";
+import { jsx as o } from "react/jsx-runtime";
+//#region src/feedback/DevtoolsBadge.tsx
+function s(s) {
+	let { children: c, tone: l = "neutral" } = s, u = r;
+	switch (l) {
+		case "info":
+			u = n;
+			break;
+		case "success":
+			u = i;
+			break;
+		case "warning":
+			u = a;
+			break;
+		case "danger":
+			u = t;
+			break;
+		default:
+			u = r;
+			break;
+	}
+	return /* @__PURE__ */ o("span", {
+		className: `${e} ${u}`,
+		children: c
+	});
+}
+//#endregion
+export { s as DevtoolsBadge };
+
+//# sourceMappingURL=DevtoolsBadge.js.map

package/lib/esm/feedback/DevtoolsBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DevtoolsBadge.js","names":[],"sources":["../../../src/feedback/DevtoolsBadge.tsx"],"sourcesContent":["import type { JSX, PropsWithChildren } from 'react';\nimport {\n  badge,\n  badgeDanger,\n  badgeInfo,\n  badgeNeutral,\n  badgeSuccess,\n  badgeWarning,\n} from './devtoolsFeedback.css.js';\n\nexport type DevtoolsBadgeProps = PropsWithChildren<{\n  tone?: 'neutral' | 'info' | 'success' | 'warning' | 'danger';\n}>;\n\n/** Render a compact badge with tone-specific styling. */\nexport function DevtoolsBadge(props: DevtoolsBadgeProps): JSX.Element {\n  const { children, tone = 'neutral' } = props;\n\n  let toneClass = badgeNeutral;\n  switch (tone) {\n    case 'info':\n      toneClass = badgeInfo;\n      break;\n    case 'success':\n      toneClass = badgeSuccess;\n      break;\n    case 'warning':\n      toneClass = badgeWarning;\n      break;\n    case 'danger':\n      toneClass = badgeDanger;\n      break;\n    case 'neutral':\n    default:\n      toneClass = badgeNeutral;\n      break;\n  }\n\n  return <span className={`${badge} ${toneClass}`}>{children}</span>;\n}\n"],"mappings":";;;AAeA,SAAgB,EAAc,GAAwC;CACpE,IAAM,EAAE,aAAU,UAAO,cAAc,GAEnC,IAAY;AAChB,SAAQ,GAAR;EACE,KAAK;AACH,OAAY;AACZ;EACF,KAAK;AACH,OAAY;AACZ;EACF,KAAK;AACH,OAAY;AACZ;EACF,KAAK;AACH,OAAY;AACZ;EAEF;AACE,OAAY;AACZ;;AAGJ,QAAO,kBAAC,QAAD;EAAM,WAAW,GAAG,EAAM,GAAG;EAAc;EAAgB,CAAA"}

package/lib/esm/feedback/DevtoolsPill.js

@@ -0,0 +1,40 @@
+import { pill as e, pillHistory as t, pillNavigation as n, pillNeutral as r, pillPopstate as i, pillPreload as a, pillPrepare as o, pillSnapshot as s, pillUpdate as c } from "./devtoolsFeedback.css.js";
+import { jsx as l } from "react/jsx-runtime";
+//#region src/feedback/DevtoolsPill.tsx
+function u(u) {
+	let { children: d, tone: f = "neutral" } = u, p = r;
+	switch (f) {
+		case "navigation":
+			p = n;
+			break;
+		case "update":
+			p = c;
+			break;
+		case "snapshot":
+			p = s;
+			break;
+		case "preload":
+			p = a;
+			break;
+		case "history":
+			p = t;
+			break;
+		case "popstate":
+			p = i;
+			break;
+		case "prepare":
+			p = o;
+			break;
+		default:
+			p = r;
+			break;
+	}
+	return /* @__PURE__ */ l("span", {
+		className: `${e} ${p}`,
+		children: d
+	});
+}
+//#endregion
+export { u as DevtoolsPill };
+
+//# sourceMappingURL=DevtoolsPill.js.map

package/lib/esm/feedback/DevtoolsPill.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DevtoolsPill.js","names":[],"sources":["../../../src/feedback/DevtoolsPill.tsx"],"sourcesContent":["import type { JSX, PropsWithChildren } from 'react';\nimport {\n  pill,\n  pillHistory,\n  pillNavigation,\n  pillNeutral,\n  pillPopstate,\n  pillPrepare,\n  pillPreload,\n  pillSnapshot,\n  pillUpdate,\n} from './devtoolsFeedback.css.js';\n\nexport type DevtoolsPillProps = PropsWithChildren<{\n  tone?:\n    | 'neutral'\n    | 'navigation'\n    | 'update'\n    | 'snapshot'\n    | 'preload'\n    | 'history'\n    | 'popstate'\n    | 'prepare';\n}>;\n\n/** Render a small labeled pill for router/devtools events. */\nexport function DevtoolsPill(props: DevtoolsPillProps): JSX.Element {\n  const { children, tone = 'neutral' } = props;\n\n  let toneClass = pillNeutral;\n  switch (tone) {\n    case 'navigation':\n      toneClass = pillNavigation;\n      break;\n    case 'update':\n      toneClass = pillUpdate;\n      break;\n    case 'snapshot':\n      toneClass = pillSnapshot;\n      break;\n    case 'preload':\n      toneClass = pillPreload;\n      break;\n    case 'history':\n      toneClass = pillHistory;\n      break;\n    case 'popstate':\n      toneClass = pillPopstate;\n      break;\n    case 'prepare':\n      toneClass = pillPrepare;\n      break;\n    case 'neutral':\n    default:\n      toneClass = pillNeutral;\n      break;\n  }\n\n  return <span className={`${pill} ${toneClass}`}>{children}</span>;\n}\n"],"mappings":";;;AA0BA,SAAgB,EAAa,GAAuC;CAClE,IAAM,EAAE,aAAU,UAAO,cAAc,GAEnC,IAAY;AAChB,SAAQ,GAAR;EACE,KAAK;AACH,OAAY;AACZ;EACF,KAAK;AACH,OAAY;AACZ;EACF,KAAK;AACH,OAAY;AACZ;EACF,KAAK;AACH,OAAY;AACZ;EACF,KAAK;AACH,OAAY;AACZ;EACF,KAAK;AACH,OAAY;AACZ;EACF,KAAK;AACH,OAAY;AACZ;EAEF;AACE,OAAY;AACZ;;AAGJ,QAAO,kBAAC,QAAD;EAAM,WAAW,GAAG,EAAK,GAAG;EAAc;EAAgB,CAAA"}

package/lib/esm/feedback/DevtoolsStatusLight.js

@@ -0,0 +1,18 @@
+import { statusDot as e, statusIdle as t, statusLight as n, statusReady as r } from "./devtoolsFeedback.css.js";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/feedback/DevtoolsStatusLight.tsx
+function o(o) {
+	let { state: s, label: c, title: l } = o, u = t;
+	return s === "ready" && (u = r), /* @__PURE__ */ a("span", {
+		className: n,
+		title: l,
+		children: [/* @__PURE__ */ i("span", {
+			className: `${e} ${u}`,
+			"aria-hidden": "true"
+		}), c ?? null]
+	});
+}
+//#endregion
+export { o as DevtoolsStatusLight };
+
+//# sourceMappingURL=DevtoolsStatusLight.js.map

package/lib/esm/feedback/DevtoolsStatusLight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DevtoolsStatusLight.js","names":[],"sources":["../../../src/feedback/DevtoolsStatusLight.tsx"],"sourcesContent":["import type { JSX, ReactNode } from 'react';\nimport {\n  statusDot,\n  statusIdle,\n  statusLight,\n  statusReady,\n} from './devtoolsFeedback.css.js';\n\nexport type DevtoolsStatusLightProps = {\n  state: 'ready' | 'idle';\n  label?: ReactNode;\n  title?: string;\n};\n\n/** Render a status indicator dot with an optional text label. */\nexport function DevtoolsStatusLight(\n  props: DevtoolsStatusLightProps,\n): JSX.Element {\n  const { state, label, title } = props;\n  let dotClass = statusIdle;\n  if (state === 'ready') {\n    dotClass = statusReady;\n  }\n\n  return (\n    <span className={statusLight} title={title}>\n      <span className={`${statusDot} ${dotClass}`} aria-hidden=\"true\" />\n      {label ?? null}\n    </span>\n  );\n}\n"],"mappings":";;;AAeA,SAAgB,EACd,GACa;CACb,IAAM,EAAE,UAAO,UAAO,aAAU,GAC5B,IAAW;AAKf,QAJI,MAAU,YACZ,IAAW,IAIX,kBAAC,QAAD;EAAM,WAAW;EAAoB;YAArC,CACE,kBAAC,QAAD;GAAM,WAAW,GAAG,EAAU,GAAG;GAAY,eAAY;GAAS,CAAA,EACjE,KAAS,KACL"}

package/lib/esm/feedback/devtoolsFeedback.css.js

@@ -0,0 +1,7 @@
+/* empty css                                */
+//#region src/feedback/devtoolsFeedback.css.ts
+var e = "kewyeu0", t = "kewyeu1", n = "kewyeu2", r = "kewyeu3", i = "kewyeu4", a = "kewyeu5", o = "kewyeu6", s = "kewyeu7", c = "kewyeu8", l = "kewyeu9", u = "kewyeua", d = "kewyeub", f = "kewyeuc", p = "kewyeud", m = "kewyeue", h = "kewyeuf", g = "kewyeug", _ = "kewyeuh", v = "kewyeui";
+//#endregion
+export { e as badge, a as badgeDanger, n as badgeInfo, t as badgeNeutral, r as badgeSuccess, i as badgeWarning, o as pill, f as pillHistory, c as pillNavigation, s as pillNeutral, p as pillPopstate, d as pillPreload, m as pillPrepare, u as pillSnapshot, l as pillUpdate, g as statusDot, v as statusIdle, h as statusLight, _ as statusReady };
+
+//# sourceMappingURL=devtoolsFeedback.css.js.map

package/lib/esm/feedback/devtoolsFeedback.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"devtoolsFeedback.css.js","names":[],"sources":["../../../src/feedback/devtoolsFeedback.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\n\nexport const badge = style({\n  display: 'inline-flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  gap: '4px',\n  minHeight: '20px',\n  padding: '2px 8px',\n  borderRadius: '999px',\n  border: '1px solid transparent',\n  fontSize: '11px',\n  lineHeight: 1.2,\n  whiteSpace: 'nowrap',\n  backgroundColor: 'var(--pdt-surface-muted)',\n  color: 'var(--pdt-text-muted)',\n});\n\nexport const badgeNeutral = style({\n  backgroundColor: 'var(--pdt-surface-muted)',\n  borderColor: 'var(--pdt-border)',\n  color: 'var(--pdt-text-muted)',\n});\n\nexport const badgeInfo = style({\n  backgroundColor: 'color-mix(in srgb, var(--pdt-info) 12%, transparent)',\n  borderColor: 'color-mix(in srgb, var(--pdt-info) 24%, transparent)',\n  color: 'var(--pdt-info)',\n});\n\nexport const badgeSuccess = style({\n  backgroundColor: 'color-mix(in srgb, var(--pdt-success) 12%, transparent)',\n  borderColor: 'color-mix(in srgb, var(--pdt-success) 24%, transparent)',\n  color: 'var(--pdt-success)',\n});\n\nexport const badgeWarning = style({\n  backgroundColor: 'color-mix(in srgb, var(--pdt-warning) 12%, transparent)',\n  borderColor: 'color-mix(in srgb, var(--pdt-warning) 24%, transparent)',\n  color: 'var(--pdt-warning)',\n});\n\nexport const badgeDanger = style({\n  backgroundColor: 'color-mix(in srgb, var(--pdt-danger) 12%, transparent)',\n  borderColor: 'color-mix(in srgb, var(--pdt-danger) 24%, transparent)',\n  color: 'var(--pdt-danger)',\n});\n\nexport const pill = style({\n  display: 'inline-flex',\n  alignItems: 'center',\n  minHeight: '20px',\n  padding: '2px 8px',\n  borderRadius: '999px',\n  border: '1px solid var(--pdt-border)',\n  fontSize: '11px',\n  lineHeight: 1.2,\n  whiteSpace: 'nowrap',\n  backgroundColor: 'transparent',\n  color: 'var(--pdt-text)',\n});\n\nexport const pillNeutral = style({\n  backgroundColor: 'var(--pdt-surface-muted)',\n  borderColor: 'var(--pdt-border)',\n});\n\nexport const pillNavigation = style({\n  backgroundColor: 'color-mix(in srgb, var(--pdt-accent) 10%, transparent)',\n  borderColor: 'color-mix(in srgb, var(--pdt-accent) 24%, transparent)',\n});\n\nexport const pillUpdate = style({\n  backgroundColor: 'color-mix(in srgb, var(--pdt-info) 10%, transparent)',\n  borderColor: 'color-mix(in srgb, var(--pdt-info) 24%, transparent)',\n});\n\nexport const pillSnapshot = style({\n  backgroundColor: 'rgba(99, 102, 241, 0.12)',\n  borderColor: 'rgba(99, 102, 241, 0.28)',\n});\n\nexport const pillPreload = style({\n  backgroundColor: 'color-mix(in srgb, var(--pdt-success) 10%, transparent)',\n  borderColor: 'color-mix(in srgb, var(--pdt-success) 24%, transparent)',\n});\n\nexport const pillHistory = style({\n  backgroundColor: 'rgba(147, 51, 234, 0.12)',\n  borderColor: 'rgba(147, 51, 234, 0.28)',\n});\n\nexport const pillPopstate = style({\n  backgroundColor: 'rgba(59, 130, 246, 0.12)',\n  borderColor: 'rgba(59, 130, 246, 0.28)',\n});\n\nexport const pillPrepare = style({\n  backgroundColor: 'rgba(217, 119, 6, 0.12)',\n  borderColor: 'rgba(217, 119, 6, 0.28)',\n});\n\nexport const statusLight = style({\n  display: 'inline-flex',\n  alignItems: 'center',\n  gap: '6px',\n  minHeight: '20px',\n  fontSize: '12px',\n  color: 'var(--pdt-text-muted)',\n});\n\nexport const statusDot = style({\n  width: '10px',\n  height: '10px',\n  borderRadius: '50%',\n  backgroundColor: 'var(--pdt-border)',\n});\n\nexport const statusReady = style({\n  backgroundColor: 'var(--pdt-success)',\n  boxShadow:\n    '0 0 0 2px color-mix(in srgb, var(--pdt-success) 30%, transparent)',\n});\n\nexport const statusIdle = style({\n  backgroundColor: 'var(--pdt-border)',\n  boxShadow: 'inset 0 0 0 1px var(--pdt-text-muted)',\n});\n"],"mappings":""}

package/lib/esm/index.js

@@ -0,0 +1,14 @@
+import { DevtoolsCodeBlock as e } from "./content/DevtoolsCodeBlock.js";
+import { DevtoolsEmptyState as t } from "./empty_state/DevtoolsEmptyState.js";
+import { DevtoolsBadge as n } from "./feedback/DevtoolsBadge.js";
+import { DevtoolsPill as r } from "./feedback/DevtoolsPill.js";
+import { DevtoolsStatusLight as i } from "./feedback/DevtoolsStatusLight.js";
+import { DevtoolsTheme as a } from "./theme/DevtoolsTheme.js";
+import { DevtoolsCard as o } from "./surfaces/DevtoolsCard.js";
+import { DevtoolsSection as s } from "./surfaces/DevtoolsSection.js";
+import { DevtoolsTabs as c } from "./navigation/DevtoolsTabs.js";
+import { DevtoolsToolbar as l, DevtoolsToolbarGrow as u } from "./toolbar/DevtoolsToolbar.js";
+import { DevtoolsToolbarButton as d } from "./toolbar/DevtoolsToolbarButton.js";
+import { DevtoolsToolbarSeparator as f } from "./toolbar/DevtoolsToolbarSeparator.js";
+import { DevtoolsSplitView as p } from "./layout/DevtoolsSplitView.js";
+export { n as DevtoolsBadge, o as DevtoolsCard, e as DevtoolsCodeBlock, t as DevtoolsEmptyState, r as DevtoolsPill, s as DevtoolsSection, p as DevtoolsSplitView, i as DevtoolsStatusLight, c as DevtoolsTabs, a as DevtoolsTheme, l as DevtoolsToolbar, d as DevtoolsToolbarButton, u as DevtoolsToolbarGrow, f as DevtoolsToolbarSeparator };

package/lib/esm/layout/DevtoolsSplitView.js

@@ -0,0 +1,82 @@
+import { main as e, mainBordered as t, root as n } from "./devtoolsSplitView.css.js";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+import { useCallback as o, useEffect as s, useRef as c } from "react";
+//#region src/layout/DevtoolsSplitView.tsx
+function l(e, t, n) {
+	return e < t ? t : e > n ? n : e;
+}
+function u(u) {
+	let { main: d, maxSidebarWidth: f, minSidebarWidth: p, onSidebarWidthChange: m, sidebar: h, sidebarLabel: g, sidebarWidth: _ } = u, v = c({
+		active: !1,
+		startX: 0,
+		width: _
+	}), y = o((e) => {
+		let t = v.current;
+		if (!t.active) return;
+		let n = e.clientX - t.startX;
+		m(l(t.width - n, p, f));
+	}, [
+		f,
+		p,
+		m
+	]), b = o(() => {
+		v.current.active && (v.current.active = !1, window.removeEventListener("pointermove", y), window.removeEventListener("pointerup", b));
+	}, [y]);
+	s(() => () => {
+		window.removeEventListener("pointermove", y), window.removeEventListener("pointerup", b);
+	}, [y, b]);
+	let x = o((e) => {
+		h != null && (e.preventDefault(), v.current = {
+			active: !0,
+			startX: e.clientX,
+			width: _
+		}, window.addEventListener("pointermove", y), window.addEventListener("pointerup", b));
+	}, [
+		y,
+		b,
+		h,
+		_
+	]), S = o((e) => {
+		if (h == null) return;
+		let t = 20;
+		if (e.shiftKey && (t = 40), e.key === "ArrowLeft") {
+			e.preventDefault(), m(l(_ - t, p, f));
+			return;
+		}
+		e.key === "ArrowRight" && (e.preventDefault(), m(l(_ + t, p, f)));
+	}, [
+		f,
+		p,
+		m,
+		h,
+		_
+	]), C = e;
+	return h != null && (C = `${e} ${t}`), /* @__PURE__ */ a("div", {
+		className: n,
+		children: [/* @__PURE__ */ i("div", {
+			className: C,
+			children: d
+		}), h != null && /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i("div", {
+			className: "_1m64tse3",
+			role: "separator",
+			"aria-orientation": "vertical",
+			"aria-label": g,
+			"aria-valuemin": p,
+			"aria-valuemax": f,
+			"aria-valuenow": Math.round(_),
+			tabIndex: 0,
+			onPointerDown: x,
+			onKeyDown: S,
+			children: /* @__PURE__ */ i("span", { className: "_1m64tse4" })
+		}), /* @__PURE__ */ i("section", {
+			className: "_1m64tse5",
+			"aria-label": g,
+			style: { width: `${_}px` },
+			children: h
+		})] })]
+	});
+}
+//#endregion
+export { u as DevtoolsSplitView };
+
+//# sourceMappingURL=DevtoolsSplitView.js.map

package/lib/esm/layout/DevtoolsSplitView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DevtoolsSplitView.js","names":[],"sources":["../../../src/layout/DevtoolsSplitView.tsx"],"sourcesContent":["import {\n  useCallback,\n  useEffect,\n  useRef,\n  type JSX,\n  type KeyboardEvent as ReactKeyboardEvent,\n  type PointerEvent as ReactPointerEvent,\n  type ReactNode,\n} from 'react';\nimport {\n  main,\n  mainBordered,\n  resizer,\n  resizerLine,\n  root,\n  sidebar,\n} from './devtoolsSplitView.css.js';\n\ntype DragState = {\n  active: boolean;\n  startX: number;\n  width: number;\n};\n\nexport type DevtoolsSplitViewProps = {\n  main: ReactNode;\n  sidebar: ReactNode | null;\n  sidebarWidth: number;\n  minSidebarWidth: number;\n  maxSidebarWidth: number;\n  onSidebarWidthChange: (width: number) => void;\n  sidebarLabel?: string;\n};\n\n/** Clamp a sidebar width within the configured resize bounds. */\nfunction clampWidth(value: number, minWidth: number, maxWidth: number): number {\n  if (value < minWidth) {\n    return minWidth;\n  }\n  if (value > maxWidth) {\n    return maxWidth;\n  }\n  return value;\n}\n\n/** Render a split view with a resizable optional sidebar. */\nexport function DevtoolsSplitView(props: DevtoolsSplitViewProps): JSX.Element {\n  const {\n    main: mainContent,\n    maxSidebarWidth,\n    minSidebarWidth,\n    onSidebarWidthChange,\n    sidebar: sidebarContent,\n    sidebarLabel,\n    sidebarWidth,\n  } = props;\n  const dragRef = useRef<DragState>({\n    active: false,\n    startX: 0,\n    width: sidebarWidth,\n  });\n\n  const handlePointerMove = useCallback(\n    (event: PointerEvent) => {\n      const state = dragRef.current;\n      if (!state.active) {\n        return;\n      }\n      const delta = event.clientX - state.startX;\n      onSidebarWidthChange(\n        clampWidth(state.width - delta, minSidebarWidth, maxSidebarWidth),\n      );\n    },\n    [maxSidebarWidth, minSidebarWidth, onSidebarWidthChange],\n  );\n\n  const handlePointerUp = useCallback(() => {\n    if (!dragRef.current.active) {\n      return;\n    }\n    dragRef.current.active = false;\n    window.removeEventListener('pointermove', handlePointerMove);\n    window.removeEventListener('pointerup', handlePointerUp);\n  }, [handlePointerMove]);\n\n  useEffect(() => {\n    return () => {\n      window.removeEventListener('pointermove', handlePointerMove);\n      window.removeEventListener('pointerup', handlePointerUp);\n    };\n  }, [handlePointerMove, handlePointerUp]);\n\n  const handlePointerDown = useCallback(\n    (event: ReactPointerEvent<HTMLDivElement>) => {\n      if (sidebarContent == null) {\n        return;\n      }\n      event.preventDefault();\n      dragRef.current = {\n        active: true,\n        startX: event.clientX,\n        width: sidebarWidth,\n      };\n      window.addEventListener('pointermove', handlePointerMove);\n      window.addEventListener('pointerup', handlePointerUp);\n    },\n    [handlePointerMove, handlePointerUp, sidebarContent, sidebarWidth],\n  );\n\n  const handleKeyDown = useCallback(\n    (event: ReactKeyboardEvent<HTMLDivElement>) => {\n      if (sidebarContent == null) {\n        return;\n      }\n      let step = 20;\n      if (event.shiftKey) {\n        step = 40;\n      }\n      if (event.key === 'ArrowLeft') {\n        event.preventDefault();\n        onSidebarWidthChange(\n          clampWidth(sidebarWidth - step, minSidebarWidth, maxSidebarWidth),\n        );\n        return;\n      }\n      if (event.key === 'ArrowRight') {\n        event.preventDefault();\n        onSidebarWidthChange(\n          clampWidth(sidebarWidth + step, minSidebarWidth, maxSidebarWidth),\n        );\n      }\n    },\n    [\n      maxSidebarWidth,\n      minSidebarWidth,\n      onSidebarWidthChange,\n      sidebarContent,\n      sidebarWidth,\n    ],\n  );\n\n  let mainClassName = main;\n  if (sidebarContent != null) {\n    mainClassName = `${main} ${mainBordered}`;\n  }\n\n  return (\n    <div className={root}>\n      <div className={mainClassName}>{mainContent}</div>\n      {sidebarContent != null && (\n        <>\n          <div\n            className={resizer}\n            role=\"separator\"\n            aria-orientation=\"vertical\"\n            aria-label={sidebarLabel}\n            aria-valuemin={minSidebarWidth}\n            aria-valuemax={maxSidebarWidth}\n            aria-valuenow={Math.round(sidebarWidth)}\n            tabIndex={0}\n            onPointerDown={handlePointerDown}\n            onKeyDown={handleKeyDown}\n          >\n            <span className={resizerLine} />\n          </div>\n          <section\n            className={sidebar}\n            aria-label={sidebarLabel}\n            style={{ width: `${sidebarWidth}px` }}\n          >\n            {sidebarContent}\n          </section>\n        </>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;AAmCA,SAAS,EAAW,GAAe,GAAkB,GAA0B;AAO7E,QANI,IAAQ,IACH,IAEL,IAAQ,IACH,IAEF;;AAIT,SAAgB,EAAkB,GAA4C;CAC5E,IAAM,EACJ,MAAM,GACN,oBACA,oBACA,yBACA,SAAS,GACT,iBACA,oBACE,GACE,IAAU,EAAkB;EAChC,QAAQ;EACR,QAAQ;EACR,OAAO;EACR,CAAC,EAEI,IAAoB,GACvB,MAAwB;EACvB,IAAM,IAAQ,EAAQ;AACtB,MAAI,CAAC,EAAM,OACT;EAEF,IAAM,IAAQ,EAAM,UAAU,EAAM;AACpC,IACE,EAAW,EAAM,QAAQ,GAAO,GAAiB,EAAgB,CAClE;IAEH;EAAC;EAAiB;EAAiB;EAAqB,CACzD,EAEK,IAAkB,QAAkB;AACnC,IAAQ,QAAQ,WAGrB,EAAQ,QAAQ,SAAS,IACzB,OAAO,oBAAoB,eAAe,EAAkB,EAC5D,OAAO,oBAAoB,aAAa,EAAgB;IACvD,CAAC,EAAkB,CAAC;AAEvB,eACe;AAEX,EADA,OAAO,oBAAoB,eAAe,EAAkB,EAC5D,OAAO,oBAAoB,aAAa,EAAgB;IAEzD,CAAC,GAAmB,EAAgB,CAAC;CAExC,IAAM,IAAoB,GACvB,MAA6C;AACxC,OAAkB,SAGtB,EAAM,gBAAgB,EACtB,EAAQ,UAAU;GAChB,QAAQ;GACR,QAAQ,EAAM;GACd,OAAO;GACR,EACD,OAAO,iBAAiB,eAAe,EAAkB,EACzD,OAAO,iBAAiB,aAAa,EAAgB;IAEvD;EAAC;EAAmB;EAAiB;EAAgB;EAAa,CACnE,EAEK,IAAgB,GACnB,MAA8C;AAC7C,MAAI,KAAkB,KACpB;EAEF,IAAI,IAAO;AAIX,MAHI,EAAM,aACR,IAAO,KAEL,EAAM,QAAQ,aAAa;AAE7B,GADA,EAAM,gBAAgB,EACtB,EACE,EAAW,IAAe,GAAM,GAAiB,EAAgB,CAClE;AACD;;AAEF,EAAI,EAAM,QAAQ,iBAChB,EAAM,gBAAgB,EACtB,EACE,EAAW,IAAe,GAAM,GAAiB,EAAgB,CAClE;IAGL;EACE;EACA;EACA;EACA;EACA;EACD,CACF,EAEG,IAAgB;AAKpB,QAJI,KAAkB,SACpB,IAAgB,GAAG,EAAK,GAAG,MAI3B,kBAAC,OAAD;EAAK,WAAW;YAAhB,CACE,kBAAC,OAAD;GAAK,WAAW;aAAgB;GAAkB,CAAA,EACjD,KAAkB,QACjB,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,OAAD;GACE,WAAA;GACA,MAAK;GACL,oBAAiB;GACjB,cAAY;GACZ,iBAAe;GACf,iBAAe;GACf,iBAAe,KAAK,MAAM,EAAa;GACvC,UAAU;GACV,eAAe;GACf,WAAW;aAEX,kBAAC,QAAD,EAAM,WAAA,aAA0B,CAAA;GAC5B,CAAA,EACN,kBAAC,WAAD;GACE,WAAA;GACA,cAAY;GACZ,OAAO,EAAE,OAAO,GAAG,EAAa,KAAK;aAEpC;GACO,CAAA,CACT,EAAA,CAAA,CAED"}

package/lib/esm/layout/devtoolsSplitView.css.js

@@ -0,0 +1,7 @@
+/* empty css                                 */
+//#region src/layout/devtoolsSplitView.css.ts
+var e = "_1m64tse0", t = "_1m64tse1", n = "_1m64tse2", r = "_1m64tse3", i = "_1m64tse4", a = "_1m64tse5";
+//#endregion
+export { t as main, n as mainBordered, r as resizer, i as resizerLine, e as root, a as sidebar };
+
+//# sourceMappingURL=devtoolsSplitView.css.js.map

package/lib/esm/layout/devtoolsSplitView.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"devtoolsSplitView.css.js","names":[],"sources":["../../../src/layout/devtoolsSplitView.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\n\nexport const root = style({\n  flex: 1,\n  display: 'flex',\n  alignItems: 'stretch',\n  minHeight: 0,\n});\n\nexport const main = style({\n  flex: '1 1 auto',\n  minWidth: 0,\n  display: 'flex',\n  flexDirection: 'column',\n  backgroundColor: 'var(--pdt-surface)',\n  overflow: 'hidden',\n});\n\nexport const mainBordered = style({\n  borderRight: '1px solid var(--pdt-border)',\n});\n\nexport const resizer = style({\n  flex: '0 0 8px',\n  position: 'relative',\n  cursor: 'col-resize',\n  backgroundColor: 'transparent',\n  selectors: {\n    '&:focus-visible': {\n      outline: 'none',\n    },\n  },\n});\n\nexport const resizerLine = style({\n  position: 'absolute',\n  top: 0,\n  bottom: 0,\n  left: '50%',\n  width: '2px',\n  transform: 'translateX(-50%)',\n  borderRadius: '2px',\n  backgroundColor: 'var(--pdt-border)',\n  selectors: {\n    [`${resizer}:hover &`]: {\n      backgroundColor: 'var(--pdt-accent)',\n    },\n    [`${resizer}:focus-visible &`]: {\n      backgroundColor: 'var(--pdt-accent)',\n    },\n  },\n});\n\nexport const sidebar = style({\n  flex: '0 0 auto',\n  minWidth: '280px',\n  maxWidth: '90%',\n  display: 'flex',\n  flexDirection: 'column',\n  overflow: 'hidden',\n  backgroundColor: 'var(--pdt-surface)',\n});\n"],"mappings":""}

package/lib/esm/navigation/DevtoolsTabs.js

@@ -0,0 +1,28 @@
+import { container as e, tab as t, tabSelected as n } from "./devtoolsTabs.css.js";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/navigation/DevtoolsTabs.tsx
+function i(i) {
+	let { ariaLabel: a, items: o, onSelect: s, selectedId: c } = i;
+	return /* @__PURE__ */ r("div", {
+		className: e,
+		role: "tablist",
+		"aria-label": a,
+		children: o.map((e) => {
+			let i = e.id === c, a = t;
+			return i && (a = `${t} ${n}`), /* @__PURE__ */ r("button", {
+				type: "button",
+				role: "tab",
+				"aria-selected": i,
+				className: a,
+				onClick: () => {
+					s(e.id);
+				},
+				children: e.label
+			}, e.id);
+		})
+	});
+}
+//#endregion
+export { i as DevtoolsTabs };
+
+//# sourceMappingURL=DevtoolsTabs.js.map

package/lib/esm/navigation/DevtoolsTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DevtoolsTabs.js","names":[],"sources":["../../../src/navigation/DevtoolsTabs.tsx"],"sourcesContent":["import type { JSX, ReactNode } from 'react';\nimport { container, tab, tabSelected } from './devtoolsTabs.css.js';\n\nexport type DevtoolsTabItem = {\n  id: string;\n  label: ReactNode;\n};\n\nexport type DevtoolsTabsProps = {\n  items: readonly DevtoolsTabItem[];\n  selectedId: string;\n  onSelect: (id: string) => void;\n  ariaLabel?: string;\n};\n\n/** Render a simple tab list with controlled selection. */\nexport function DevtoolsTabs(props: DevtoolsTabsProps): JSX.Element {\n  const { ariaLabel, items, onSelect, selectedId } = props;\n\n  return (\n    <div className={container} role=\"tablist\" aria-label={ariaLabel}>\n      {items.map((item) => {\n        const isSelected = item.id === selectedId;\n        let className = tab;\n        if (isSelected) {\n          className = `${tab} ${tabSelected}`;\n        }\n\n        return (\n          <button\n            key={item.id}\n            type=\"button\"\n            role=\"tab\"\n            aria-selected={isSelected}\n            className={className}\n            onClick={() => {\n              onSelect(item.id);\n            }}\n          >\n            {item.label}\n          </button>\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":";;;AAgBA,SAAgB,EAAa,GAAuC;CAClE,IAAM,EAAE,cAAW,UAAO,aAAU,kBAAe;AAEnD,QACE,kBAAC,OAAD;EAAK,WAAW;EAAW,MAAK;EAAU,cAAY;YACnD,EAAM,KAAK,MAAS;GACnB,IAAM,IAAa,EAAK,OAAO,GAC3B,IAAY;AAKhB,UAJI,MACF,IAAY,GAAG,EAAI,GAAG,MAItB,kBAAC,UAAD;IAEE,MAAK;IACL,MAAK;IACL,iBAAe;IACJ;IACX,eAAe;AACb,OAAS,EAAK,GAAG;;cAGlB,EAAK;IACC,EAVF,EAAK,GAUH;IAEX;EACE,CAAA"}

package/lib/esm/navigation/devtoolsTabs.css.js

@@ -0,0 +1,7 @@
+/* empty css                            */
+//#region src/navigation/devtoolsTabs.css.ts
+var e = "vzai5r0", t = "vzai5r1", n = "vzai5r2";
+//#endregion
+export { e as container, t as tab, n as tabSelected };
+
+//# sourceMappingURL=devtoolsTabs.css.js.map

package/lib/esm/navigation/devtoolsTabs.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"devtoolsTabs.css.js","names":[],"sources":["../../../src/navigation/devtoolsTabs.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\n\nexport const container = style({\n  display: 'flex',\n  alignItems: 'center',\n  gap: '8px',\n  padding: '12px 16px',\n  borderBottom: '1px solid var(--pdt-border)',\n  backgroundColor: 'var(--pdt-surface)',\n});\n\nexport const tab = style({\n  appearance: 'none',\n  border: '1px solid var(--pdt-border)',\n  borderRadius: '999px',\n  backgroundColor: 'var(--pdt-bg)',\n  color: 'var(--pdt-text)',\n  padding: '6px 16px',\n  fontSize: '12px',\n  cursor: 'pointer',\n  transition: 'background-color 150ms ease, border-color 150ms ease',\n  selectors: {\n    '&:hover:not(:disabled)': {\n      backgroundColor: 'var(--pdt-border)',\n    },\n    '&:focus-visible': {\n      outline: 'none',\n      boxShadow: 'var(--pdt-shadow-focus)',\n    },\n    '&:disabled': {\n      opacity: 0.6,\n      cursor: 'default',\n    },\n  },\n});\n\nexport const tabSelected = style({\n  backgroundColor: 'var(--pdt-accent)',\n  borderColor: 'var(--pdt-accent)',\n  color: '#ffffff',\n});\n"],"mappings":""}

package/lib/esm/style.css

@@ -0,0 +1,2 @@
+._1sbiiq0{background-color:var(--pdt-code-bg);white-space:pre-wrap;word-break:break-word;border-radius:6px;margin:0;padding:12px;font-size:12px;line-height:1.4;overflow-x:auto}.fmw3vj0{flex-direction:column;align-items:flex-start;gap:12px;max-width:420px;padding:24px;display:flex}.fmw3vj1{margin:0;font-size:18px;font-weight:600}.fmw3vj2{color:var(--pdt-text-muted);margin:0;font-size:13px;line-height:1.5}.fmw3vj3{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.kewyeu0{white-space:nowrap;background-color:var(--pdt-surface-muted);min-height:20px;color:var(--pdt-text-muted);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:4px;padding:2px 8px;font-size:11px;line-height:1.2;display:inline-flex}.kewyeu1{background-color:var(--pdt-surface-muted);border-color:var(--pdt-border);color:var(--pdt-text-muted)}.kewyeu2{background-color:color-mix(in srgb, var(--pdt-info) 12%, transparent);border-color:color-mix(in srgb, var(--pdt-info) 24%, transparent);color:var(--pdt-info)}.kewyeu3{background-color:color-mix(in srgb, var(--pdt-success) 12%, transparent);border-color:color-mix(in srgb, var(--pdt-success) 24%, transparent);color:var(--pdt-success)}.kewyeu4{background-color:color-mix(in srgb, var(--pdt-warning) 12%, transparent);border-color:color-mix(in srgb, var(--pdt-warning) 24%, transparent);color:var(--pdt-warning)}.kewyeu5{background-color:color-mix(in srgb, var(--pdt-danger) 12%, transparent);border-color:color-mix(in srgb, var(--pdt-danger) 24%, transparent);color:var(--pdt-danger)}.kewyeu6{border:1px solid var(--pdt-border);white-space:nowrap;min-height:20px;color:var(--pdt-text);background-color:#0000;border-radius:999px;align-items:center;padding:2px 8px;font-size:11px;line-height:1.2;display:inline-flex}.kewyeu7{background-color:var(--pdt-surface-muted);border-color:var(--pdt-border)}.kewyeu8{background-color:color-mix(in srgb, var(--pdt-accent) 10%, transparent);border-color:color-mix(in srgb, var(--pdt-accent) 24%, transparent)}.kewyeu9{background-color:color-mix(in srgb, var(--pdt-info) 10%, transparent);border-color:color-mix(in srgb, var(--pdt-info) 24%, transparent)}.kewyeua{background-color:#6366f11f;border-color:#6366f147}.kewyeub{background-color:color-mix(in srgb, var(--pdt-success) 10%, transparent);border-color:color-mix(in srgb, var(--pdt-success) 24%, transparent)}.kewyeuc{background-color:#9333ea1f;border-color:#9333ea47}.kewyeud{background-color:#3b82f61f;border-color:#3b82f647}.kewyeue{background-color:#d977061f;border-color:#d9770647}.kewyeuf{min-height:20px;color:var(--pdt-text-muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.kewyeug{background-color:var(--pdt-border);border-radius:50%;width:10px;height:10px}.kewyeuh{background-color:var(--pdt-success);box-shadow:0 0 0 2px color-mix(in srgb, var(--pdt-success) 30%, transparent)}.kewyeui{background-color:var(--pdt-border);box-shadow:inset 0 0 0 1px var(--pdt-text-muted)}._1m64tse0{flex:1;align-items:stretch;min-height:0;display:flex}._1m64tse1{background-color:var(--pdt-surface);flex-direction:column;flex:auto;min-width:0;display:flex;overflow:hidden}._1m64tse2{border-right:1px solid var(--pdt-border)}._1m64tse3{cursor:col-resize;background-color:#0000;flex:0 0 8px;position:relative}._1m64tse3:focus-visible{outline:none}._1m64tse4{background-color:var(--pdt-border);border-radius:2px;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}._1m64tse3:hover ._1m64tse4,._1m64tse3:focus-visible ._1m64tse4{background-color:var(--pdt-accent)}._1m64tse5{background-color:var(--pdt-surface);flex-direction:column;flex:none;min-width:280px;max-width:90%;display:flex;overflow:hidden}.vzai5r0{border-bottom:1px solid var(--pdt-border);background-color:var(--pdt-surface);align-items:center;gap:8px;padding:12px 16px;display:flex}.vzai5r1{appearance:none;border:1px solid var(--pdt-border);background-color:var(--pdt-bg);color:var(--pdt-text);cursor:pointer;border-radius:999px;padding:6px 16px;font-size:12px;transition:background-color .15s,border-color .15s}.vzai5r1:hover:not(:disabled){background-color:var(--pdt-border)}.vzai5r1:focus-visible{box-shadow:var(--pdt-shadow-focus);outline:none}.vzai5r1:disabled{opacity:.6;cursor:default}.vzai5r2{background-color:var(--pdt-accent);border-color:var(--pdt-accent);color:#fff}.ca0gms0{border:1px solid var(--pdt-border);background-color:var(--pdt-surface);border-radius:8px;flex-direction:column;gap:12px;padding:16px;display:flex}.ca0gms1{justify-content:space-between;align-items:center;gap:12px;display:flex}.ca0gms2{margin:0;font-size:14px;font-weight:600}.ca0gms3{flex-direction:column;gap:8px;display:flex}.ca0gms4{justify-content:space-between;align-items:center;gap:12px;display:flex}.ca0gms5{text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:13px;font-weight:600}._11l3mw40{--pdt-bg:#f3f4f6;--pdt-surface:#fff;--pdt-surface-muted:#f8fafc;--pdt-border:#d1d5db;--pdt-border-strong:#9ca3af;--pdt-text:#111827;--pdt-text-muted:#6b7280;--pdt-accent:#2563eb;--pdt-info:#0284c7;--pdt-success:#15803d;--pdt-warning:#c2410c;--pdt-danger:#dc2626;--pdt-code-bg:#0f172a0f;--pdt-shadow-focus:0 0 0 2px #2563eb59;background-color:var(--pdt-bg);color:var(--pdt-text);--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}@media (prefers-color-scheme:dark){._11l3mw40{--lightningcss-light: ;--lightningcss-dark:initial}}._11l3mw40,._11l3mw40 *{box-sizing:border-box}._11l3mw40 a{color:var(--pdt-accent)}._11l3mw40 button,._11l3mw40 input,._11l3mw40 select,._11l3mw40 textarea{font:inherit}._11l3mw40 pre,._11l3mw40 code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}@media (prefers-color-scheme:dark){._11l3mw40{--pdt-bg:#1f1f1f;--pdt-surface:#242424;--pdt-surface-muted:#2d2d2d;--pdt-border:#3f3f46;--pdt-border-strong:#52525b;--pdt-text:#f5f5f5;--pdt-text-muted:#a1a1aa;--pdt-accent:#60a5fa;--pdt-info:#38bdf8;--pdt-success:#4ade80;--pdt-warning:#fb923c;--pdt-danger:#f87171;--pdt-code-bg:#94a3b81f;--pdt-shadow-focus:0 0 0 2px #60a5fa59}}._1q96x230{border-bottom:1px solid var(--pdt-border);background-color:var(--pdt-surface);align-items:center;gap:8px;padding:6px 16px;display:flex}._1q96x231{flex:1}._1q96x232{background-color:var(--pdt-border);width:1px;height:18px}._1q96x233{border:1px solid var(--pdt-border);background-color:var(--pdt-bg);min-height:28px;color:var(--pdt-text);cursor:pointer;border-radius:4px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;transition:background-color .15s,border-color .15s;display:inline-flex}._1q96x233:hover:not(:disabled){background-color:var(--pdt-border)}._1q96x233:focus-visible{box-shadow:var(--pdt-shadow-focus);outline:none}._1q96x233:disabled{opacity:.5;cursor:not-allowed}._1q96x234{background-color:var(--pdt-warning);border-color:var(--pdt-warning);color:#fff}
+/*$vite$:1*/

package/lib/esm/surfaces/DevtoolsCard.js

@@ -0,0 +1,20 @@
+import { card as e, cardTitle as t } from "./devtoolsSurfaces.css.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/surfaces/DevtoolsCard.tsx
+function i(i) {
+	let { actions: a, children: o, title: s } = i, c = s != null || a != null, l = /* @__PURE__ */ n("span", {});
+	return s != null && (l = /* @__PURE__ */ n("h2", {
+		className: t,
+		children: s
+	})), /* @__PURE__ */ r("section", {
+		className: e,
+		children: [c && /* @__PURE__ */ r("header", {
+			className: "ca0gms1",
+			children: [l, a ?? null]
+		}), o]
+	});
+}
+//#endregion
+export { i as DevtoolsCard };
+
+//# sourceMappingURL=DevtoolsCard.js.map

package/lib/esm/surfaces/DevtoolsCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DevtoolsCard.js","names":[],"sources":["../../../src/surfaces/DevtoolsCard.tsx"],"sourcesContent":["import type { JSX, PropsWithChildren, ReactNode } from 'react';\nimport { card, cardHeader, cardTitle } from './devtoolsSurfaces.css.js';\n\nexport type DevtoolsCardProps = PropsWithChildren<{\n  title?: ReactNode;\n  actions?: ReactNode;\n}>;\n\n/** Render a card surface with an optional header area. */\nexport function DevtoolsCard(props: DevtoolsCardProps): JSX.Element {\n  const { actions, children, title } = props;\n  const hasHeader = title != null || actions != null;\n\n  let titleNode: ReactNode = <span />;\n  if (title != null) {\n    titleNode = <h2 className={cardTitle}>{title}</h2>;\n  }\n\n  return (\n    <section className={card}>\n      {hasHeader && (\n        <header className={cardHeader}>\n          {titleNode}\n          {actions ?? null}\n        </header>\n      )}\n      {children}\n    </section>\n  );\n}\n"],"mappings":";;;AASA,SAAgB,EAAa,GAAuC;CAClE,IAAM,EAAE,YAAS,aAAU,aAAU,GAC/B,IAAY,KAAS,QAAQ,KAAW,MAE1C,IAAuB,kBAAC,QAAD,EAAQ,CAAA;AAKnC,QAJI,KAAS,SACX,IAAY,kBAAC,MAAD;EAAI,WAAW;YAAY;EAAW,CAAA,GAIlD,kBAAC,WAAD;EAAS,WAAW;YAApB,CACG,KACC,kBAAC,UAAD;GAAQ,WAAA;aAAR,CACG,GACA,KAAW,KACL;MAEV,EACO"}

package/lib/esm/surfaces/DevtoolsSection.js

@@ -0,0 +1,20 @@
+import { section as e, sectionHeader as t, sectionTitle as n } from "./devtoolsSurfaces.css.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/surfaces/DevtoolsSection.tsx
+function a(a) {
+	let { actions: o, children: s, title: c } = a;
+	return /* @__PURE__ */ i("section", {
+		className: e,
+		children: [/* @__PURE__ */ i("header", {
+			className: t,
+			children: [/* @__PURE__ */ r("h2", {
+				className: n,
+				children: c
+			}), o ?? null]
+		}), s]
+	});
+}
+//#endregion
+export { a as DevtoolsSection };
+
+//# sourceMappingURL=DevtoolsSection.js.map

package/lib/esm/surfaces/DevtoolsSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DevtoolsSection.js","names":[],"sources":["../../../src/surfaces/DevtoolsSection.tsx"],"sourcesContent":["import type { JSX, PropsWithChildren, ReactNode } from 'react';\nimport {\n  section,\n  sectionHeader,\n  sectionTitle,\n} from './devtoolsSurfaces.css.js';\n\nexport type DevtoolsSectionProps = PropsWithChildren<{\n  title: ReactNode;\n  actions?: ReactNode;\n}>;\n\n/** Render a titled section with optional header actions. */\nexport function DevtoolsSection(props: DevtoolsSectionProps): JSX.Element {\n  const { actions, children, title } = props;\n\n  return (\n    <section className={section}>\n      <header className={sectionHeader}>\n        <h2 className={sectionTitle}>{title}</h2>\n        {actions ?? null}\n      </header>\n      {children}\n    </section>\n  );\n}\n"],"mappings":";;;AAaA,SAAgB,EAAgB,GAA0C;CACxE,IAAM,EAAE,YAAS,aAAU,aAAU;AAErC,QACE,kBAAC,WAAD;EAAS,WAAW;YAApB,CACE,kBAAC,UAAD;GAAQ,WAAW;aAAnB,CACE,kBAAC,MAAD;IAAI,WAAW;cAAe;IAAW,CAAA,EACxC,KAAW,KACL;MACR,EACO"}

package/lib/esm/surfaces/devtoolsSurfaces.css.js

@@ -0,0 +1,7 @@
+/* empty css                                */
+//#region src/surfaces/devtoolsSurfaces.css.ts
+var e = "ca0gms0", t = "ca0gms1", n = "ca0gms2", r = "ca0gms3", i = "ca0gms4", a = "ca0gms5";
+//#endregion
+export { e as card, t as cardHeader, n as cardTitle, r as section, i as sectionHeader, a as sectionTitle };
+
+//# sourceMappingURL=devtoolsSurfaces.css.js.map

package/lib/esm/surfaces/devtoolsSurfaces.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"devtoolsSurfaces.css.js","names":[],"sources":["../../../src/surfaces/devtoolsSurfaces.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\n\nexport const card = style({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: '12px',\n  padding: '16px',\n  border: '1px solid var(--pdt-border)',\n  borderRadius: '8px',\n  backgroundColor: 'var(--pdt-surface)',\n});\n\nexport const cardHeader = style({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  gap: '12px',\n});\n\nexport const cardTitle = style({\n  margin: 0,\n  fontSize: '14px',\n  fontWeight: 600,\n});\n\nexport const section = style({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: '8px',\n});\n\nexport const sectionHeader = style({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  gap: '12px',\n});\n\nexport const sectionTitle = style({\n  margin: 0,\n  fontSize: '13px',\n  fontWeight: 600,\n  textTransform: 'uppercase',\n  letterSpacing: '0.04em',\n});\n"],"mappings":""}

package/lib/esm/theme/DevtoolsTheme.js

@@ -0,0 +1,14 @@
+import { root as e } from "./devtoolsTheme.css.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/theme/DevtoolsTheme.tsx
+function n(n) {
+	let { children: r } = n;
+	return /* @__PURE__ */ t("div", {
+		className: e,
+		children: r
+	});
+}
+//#endregion
+export { n as DevtoolsTheme };
+
+//# sourceMappingURL=DevtoolsTheme.js.map

package/lib/esm/theme/DevtoolsTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DevtoolsTheme.js","names":[],"sources":["../../../src/theme/DevtoolsTheme.tsx"],"sourcesContent":["import type { JSX, PropsWithChildren } from 'react';\nimport { root } from './devtoolsTheme.css.js';\n\nexport type DevtoolsThemeProps = PropsWithChildren;\n\n/** Provide the root devtools theme wrapper. */\nexport function DevtoolsTheme(props: DevtoolsThemeProps): JSX.Element {\n  const { children } = props;\n\n  return <div className={root}>{children}</div>;\n}\n"],"mappings":";;;AAMA,SAAgB,EAAc,GAAwC;CACpE,IAAM,EAAE,gBAAa;AAErB,QAAO,kBAAC,OAAD;EAAK,WAAW;EAAO;EAAe,CAAA"}

package/lib/esm/theme/devtoolsTheme.css.js

@@ -0,0 +1,7 @@
+/* empty css                             */
+//#region src/theme/devtoolsTheme.css.ts
+var e = "_11l3mw40";
+//#endregion
+export { e as root };
+
+//# sourceMappingURL=devtoolsTheme.css.js.map

package/lib/esm/theme/devtoolsTheme.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"devtoolsTheme.css.js","names":[],"sources":["../../../src/theme/devtoolsTheme.css.ts"],"sourcesContent":["import { globalStyle, style } from '@vanilla-extract/css';\n\nexport const root = style({\n  vars: {\n    '--pdt-bg': '#f3f4f6',\n    '--pdt-surface': '#ffffff',\n    '--pdt-surface-muted': '#f8fafc',\n    '--pdt-border': '#d1d5db',\n    '--pdt-border-strong': '#9ca3af',\n    '--pdt-text': '#111827',\n    '--pdt-text-muted': '#6b7280',\n    '--pdt-accent': '#2563eb',\n    '--pdt-info': '#0284c7',\n    '--pdt-success': '#15803d',\n    '--pdt-warning': '#c2410c',\n    '--pdt-danger': '#dc2626',\n    '--pdt-code-bg': 'rgba(15, 23, 42, 0.06)',\n    '--pdt-shadow-focus': '0 0 0 2px rgba(37, 99, 235, 0.35)',\n  },\n  backgroundColor: 'var(--pdt-bg)',\n  color: 'var(--pdt-text)',\n  minHeight: '100vh',\n});\n\nglobalStyle(`${root}`, {\n  colorScheme: 'light dark',\n  fontFamily:\n    '-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif',\n});\n\nglobalStyle(`${root}, ${root} *`, {\n  boxSizing: 'border-box',\n});\n\nglobalStyle(`${root} a`, {\n  color: 'var(--pdt-accent)',\n});\n\nglobalStyle(`${root} button, ${root} input, ${root} select, ${root} textarea`, {\n  font: 'inherit',\n});\n\nglobalStyle(`${root} pre, ${root} code`, {\n  fontFamily:\n    '\"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, Courier, monospace',\n});\n\nglobalStyle(`${root}`, {\n  '@media': {\n    '(prefers-color-scheme: dark)': {\n      vars: {\n        '--pdt-bg': '#1f1f1f',\n        '--pdt-surface': '#242424',\n        '--pdt-surface-muted': '#2d2d2d',\n        '--pdt-border': '#3f3f46',\n        '--pdt-border-strong': '#52525b',\n        '--pdt-text': '#f5f5f5',\n        '--pdt-text-muted': '#a1a1aa',\n        '--pdt-accent': '#60a5fa',\n        '--pdt-info': '#38bdf8',\n        '--pdt-success': '#4ade80',\n        '--pdt-warning': '#fb923c',\n        '--pdt-danger': '#f87171',\n        '--pdt-code-bg': 'rgba(148, 163, 184, 0.12)',\n        '--pdt-shadow-focus': '0 0 0 2px rgba(96, 165, 250, 0.35)',\n      },\n    },\n  },\n});\n"],"mappings":""}

package/lib/esm/toolbar/DevtoolsToolbar.js

@@ -0,0 +1,22 @@
+import { grow as e, toolbar as t } from "./devtoolsToolbar.css.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/toolbar/DevtoolsToolbar.tsx
+function r(e) {
+	let { ariaLabel: r, children: i } = e;
+	return /* @__PURE__ */ n("div", {
+		className: t,
+		role: "toolbar",
+		"aria-label": r,
+		children: i
+	});
+}
+function i() {
+	return /* @__PURE__ */ n("span", {
+		className: e,
+		"aria-hidden": "true"
+	});
+}
+//#endregion
+export { r as DevtoolsToolbar, i as DevtoolsToolbarGrow };
+
+//# sourceMappingURL=DevtoolsToolbar.js.map

package/lib/esm/toolbar/DevtoolsToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DevtoolsToolbar.js","names":[],"sources":["../../../src/toolbar/DevtoolsToolbar.tsx"],"sourcesContent":["import type { JSX, PropsWithChildren } from 'react';\nimport { grow, toolbar } from './devtoolsToolbar.css.js';\n\nexport type DevtoolsToolbarProps = PropsWithChildren<{\n  ariaLabel?: string;\n}>;\n\n/** Render a toolbar container with the devtools visual treatment. */\nexport function DevtoolsToolbar(props: DevtoolsToolbarProps): JSX.Element {\n  const { ariaLabel, children } = props;\n\n  return (\n    <div className={toolbar} role=\"toolbar\" aria-label={ariaLabel}>\n      {children}\n    </div>\n  );\n}\n\n/** Reserve flexible space between toolbar items. */\nexport function DevtoolsToolbarGrow(): JSX.Element {\n  return <span className={grow} aria-hidden=\"true\" />;\n}\n"],"mappings":";;;AAQA,SAAgB,EAAgB,GAA0C;CACxE,IAAM,EAAE,cAAW,gBAAa;AAEhC,QACE,kBAAC,OAAD;EAAK,WAAW;EAAS,MAAK;EAAU,cAAY;EACjD;EACG,CAAA;;AAKV,SAAgB,IAAmC;AACjD,QAAO,kBAAC,QAAD;EAAM,WAAW;EAAM,eAAY;EAAS,CAAA"}

package/lib/esm/toolbar/DevtoolsToolbarButton.js

@@ -0,0 +1,19 @@
+import { button as e, buttonActive as t } from "./devtoolsToolbar.css.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/toolbar/DevtoolsToolbarButton.tsx
+function i(i) {
+	let { active: a = !1, disabled: o, icon: s, label: c, onClick: l, pressed: u, title: d } = i, f = e;
+	return a && (f = `${e} ${t}`), /* @__PURE__ */ r("button", {
+		type: "button",
+		className: f,
+		disabled: o,
+		title: d,
+		"aria-pressed": u,
+		onClick: l,
+		children: [s ?? null, /* @__PURE__ */ n("span", { children: c })]
+	});
+}
+//#endregion
+export { i as DevtoolsToolbarButton };
+
+//# sourceMappingURL=DevtoolsToolbarButton.js.map

package/lib/esm/toolbar/DevtoolsToolbarButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DevtoolsToolbarButton.js","names":[],"sources":["../../../src/toolbar/DevtoolsToolbarButton.tsx"],"sourcesContent":["import type { JSX, ReactNode } from 'react';\nimport { button, buttonActive } from './devtoolsToolbar.css.js';\n\nexport type DevtoolsToolbarButtonProps = {\n  label: ReactNode;\n  onClick: () => void;\n  disabled?: boolean;\n  active?: boolean;\n  title?: string;\n  icon?: ReactNode;\n  pressed?: boolean;\n};\n\n/** Render a toolbar button with optional active and pressed states. */\nexport function DevtoolsToolbarButton(\n  props: DevtoolsToolbarButtonProps,\n): JSX.Element {\n  const {\n    active = false,\n    disabled,\n    icon,\n    label,\n    onClick,\n    pressed,\n    title,\n  } = props;\n\n  let className = button;\n  if (active) {\n    className = `${button} ${buttonActive}`;\n  }\n\n  return (\n    <button\n      type=\"button\"\n      className={className}\n      disabled={disabled}\n      title={title}\n      aria-pressed={pressed}\n      onClick={onClick}\n    >\n      {icon ?? null}\n      <span>{label}</span>\n    </button>\n  );\n}\n"],"mappings":";;;AAcA,SAAgB,EACd,GACa;CACb,IAAM,EACJ,YAAS,IACT,aACA,SACA,UACA,YACA,YACA,aACE,GAEA,IAAY;AAKhB,QAJI,MACF,IAAY,GAAG,EAAO,GAAG,MAIzB,kBAAC,UAAD;EACE,MAAK;EACM;EACD;EACH;EACP,gBAAc;EACL;YANX,CAQG,KAAQ,MACT,kBAAC,QAAD,EAAA,UAAO,GAAa,CAAA,CACb"}

package/lib/esm/toolbar/DevtoolsToolbarSeparator.js

@@ -0,0 +1,13 @@
+import { separator as e } from "./devtoolsToolbar.css.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/toolbar/DevtoolsToolbarSeparator.tsx
+function n() {
+	return /* @__PURE__ */ t("span", {
+		className: e,
+		"aria-hidden": "true"
+	});
+}
+//#endregion
+export { n as DevtoolsToolbarSeparator };
+
+//# sourceMappingURL=DevtoolsToolbarSeparator.js.map

package/lib/esm/toolbar/DevtoolsToolbarSeparator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DevtoolsToolbarSeparator.js","names":[],"sources":["../../../src/toolbar/DevtoolsToolbarSeparator.tsx"],"sourcesContent":["import type { JSX } from 'react';\nimport { separator } from './devtoolsToolbar.css.js';\n\n/** Render a visual separator between toolbar groups. */\nexport function DevtoolsToolbarSeparator(): JSX.Element {\n  return <span className={separator} aria-hidden=\"true\" />;\n}\n"],"mappings":";;;AAIA,SAAgB,IAAwC;AACtD,QAAO,kBAAC,QAAD;EAAM,WAAW;EAAW,eAAY;EAAS,CAAA"}

package/lib/esm/toolbar/devtoolsToolbar.css.js

@@ -0,0 +1,7 @@
+/* empty css                               */
+//#region src/toolbar/devtoolsToolbar.css.ts
+var e = "_1q96x230", t = "_1q96x231", n = "_1q96x232", r = "_1q96x233", i = "_1q96x234";
+//#endregion
+export { r as button, i as buttonActive, t as grow, n as separator, e as toolbar };
+
+//# sourceMappingURL=devtoolsToolbar.css.js.map

package/lib/esm/toolbar/devtoolsToolbar.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"devtoolsToolbar.css.js","names":[],"sources":["../../../src/toolbar/devtoolsToolbar.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\n\nexport const toolbar = style({\n  display: 'flex',\n  alignItems: 'center',\n  gap: '8px',\n  padding: '6px 16px',\n  borderBottom: '1px solid var(--pdt-border)',\n  backgroundColor: 'var(--pdt-surface)',\n});\n\nexport const grow = style({\n  flex: 1,\n});\n\nexport const separator = style({\n  width: '1px',\n  height: '18px',\n  backgroundColor: 'var(--pdt-border)',\n});\n\nexport const button = style({\n  display: 'inline-flex',\n  alignItems: 'center',\n  gap: '6px',\n  minHeight: '28px',\n  padding: '4px 12px',\n  border: '1px solid var(--pdt-border)',\n  borderRadius: '4px',\n  backgroundColor: 'var(--pdt-bg)',\n  color: 'var(--pdt-text)',\n  fontSize: '12px',\n  cursor: 'pointer',\n  transition: 'background-color 150ms ease, border-color 150ms ease',\n  selectors: {\n    '&:hover:not(:disabled)': {\n      backgroundColor: 'var(--pdt-border)',\n    },\n    '&:focus-visible': {\n      outline: 'none',\n      boxShadow: 'var(--pdt-shadow-focus)',\n    },\n    '&:disabled': {\n      opacity: 0.5,\n      cursor: 'not-allowed',\n    },\n  },\n});\n\nexport const buttonActive = style({\n  backgroundColor: 'var(--pdt-warning)',\n  borderColor: 'var(--pdt-warning)',\n  color: '#ffffff',\n});\n"],"mappings":""}

package/lib/types/content/DevtoolsCodeBlock.d.ts

@@ -0,0 +1,6 @@
+import type { JSX } from 'react';
+export type DevtoolsCodeBlockProps = {
+    children: string;
+};
+export declare function DevtoolsCodeBlock(props: DevtoolsCodeBlockProps): JSX.Element;
+//# sourceMappingURL=DevtoolsCodeBlock.d.ts.map

package/lib/types/content/DevtoolsCodeBlock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DevtoolsCodeBlock.d.ts","sourceRoot":"","sources":["../../../src/content/DevtoolsCodeBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAGjC,MAAM,MAAM,sBAAsB,GAAG;IACnC,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAGF,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,GAAG,GAAG,CAAC,OAAO,CAI5E"}

package/lib/types/content/devtoolsCodeBlock.css.d.ts

@@ -0,0 +1,2 @@
+export declare const codeBlock: string;
+//# sourceMappingURL=devtoolsCodeBlock.css.d.ts.map

package/lib/types/content/devtoolsCodeBlock.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"devtoolsCodeBlock.css.d.ts","sourceRoot":"","sources":["../../../src/content/devtoolsCodeBlock.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,QAUpB,CAAC"}

package/lib/types/empty_state/DevtoolsEmptyState.d.ts

@@ -0,0 +1,9 @@
+import type { JSX, ReactNode } from 'react';
+export type DevtoolsEmptyStateProps = {
+    title: ReactNode;
+    description: ReactNode;
+    primaryAction?: ReactNode;
+    secondaryAction?: ReactNode;
+};
+export declare function DevtoolsEmptyState(props: DevtoolsEmptyStateProps): JSX.Element;
+//# sourceMappingURL=DevtoolsEmptyState.d.ts.map

package/lib/types/empty_state/DevtoolsEmptyState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DevtoolsEmptyState.d.ts","sourceRoot":"","sources":["../../../src/empty_state/DevtoolsEmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,EAAE,SAAS,CAAC;IACvB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,eAAe,CAAC,EAAE,SAAS,CAAC;CAC7B,CAAC;AAGF,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,uBAAuB,GAC7B,GAAG,CAAC,OAAO,CAqBb"}

package/lib/types/empty_state/devtoolsEmptyState.css.d.ts

@@ -0,0 +1,5 @@
+export declare const root: string;
+export declare const title: string;
+export declare const description: string;
+export declare const actions: string;
+//# sourceMappingURL=devtoolsEmptyState.css.d.ts.map

package/lib/types/empty_state/devtoolsEmptyState.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"devtoolsEmptyState.css.d.ts","sourceRoot":"","sources":["../../../src/empty_state/devtoolsEmptyState.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,QAOf,CAAC;AAEH,eAAO,MAAM,KAAK,QAIhB,CAAC;AAEH,eAAO,MAAM,WAAW,QAKtB,CAAC;AAEH,eAAO,MAAM,OAAO,QAKlB,CAAC"}

package/lib/types/feedback/DevtoolsBadge.d.ts

@@ -0,0 +1,6 @@
+import type { JSX, PropsWithChildren } from 'react';
+export type DevtoolsBadgeProps = PropsWithChildren<{
+    tone?: 'neutral' | 'info' | 'success' | 'warning' | 'danger';
+}>;
+export declare function DevtoolsBadge(props: DevtoolsBadgeProps): JSX.Element;
+//# sourceMappingURL=DevtoolsBadge.d.ts.map

package/lib/types/feedback/DevtoolsBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DevtoolsBadge.d.ts","sourceRoot":"","sources":["../../../src/feedback/DevtoolsBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAUpD,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,CAAC;IACjD,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;CAC9D,CAAC,CAAC;AAGH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAwBpE"}

package/lib/types/feedback/DevtoolsPill.d.ts

@@ -0,0 +1,6 @@
+import type { JSX, PropsWithChildren } from 'react';
+export type DevtoolsPillProps = PropsWithChildren<{
+    tone?: 'neutral' | 'navigation' | 'update' | 'snapshot' | 'preload' | 'history' | 'popstate' | 'prepare';
+}>;
+export declare function DevtoolsPill(props: DevtoolsPillProps): JSX.Element;
+//# sourceMappingURL=DevtoolsPill.d.ts.map

package/lib/types/feedback/DevtoolsPill.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DevtoolsPill.d.ts","sourceRoot":"","sources":["../../../src/feedback/DevtoolsPill.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAapD,MAAM,MAAM,iBAAiB,GAAG,iBAAiB,CAAC;IAChD,IAAI,CAAC,EACD,SAAS,GACT,YAAY,GACZ,QAAQ,GACR,UAAU,GACV,SAAS,GACT,SAAS,GACT,UAAU,GACV,SAAS,CAAC;CACf,CAAC,CAAC;AAGH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CAiClE"}

package/lib/types/feedback/DevtoolsStatusLight.d.ts

@@ -0,0 +1,8 @@
+import type { JSX, ReactNode } from 'react';
+export type DevtoolsStatusLightProps = {
+    state: 'ready' | 'idle';
+    label?: ReactNode;
+    title?: string;
+};
+export declare function DevtoolsStatusLight(props: DevtoolsStatusLightProps): JSX.Element;
+//# sourceMappingURL=DevtoolsStatusLight.d.ts.map

package/lib/types/feedback/DevtoolsStatusLight.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DevtoolsStatusLight.d.ts","sourceRoot":"","sources":["../../../src/feedback/DevtoolsStatusLight.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQ5C,MAAM,MAAM,wBAAwB,GAAG;IACrC,KAAK,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAGF,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,wBAAwB,GAC9B,GAAG,CAAC,OAAO,CAab"}

package/lib/types/feedback/devtoolsFeedback.css.d.ts

@@ -0,0 +1,20 @@
+export declare const badge: string;
+export declare const badgeNeutral: string;
+export declare const badgeInfo: string;
+export declare const badgeSuccess: string;
+export declare const badgeWarning: string;
+export declare const badgeDanger: string;
+export declare const pill: string;
+export declare const pillNeutral: string;
+export declare const pillNavigation: string;
+export declare const pillUpdate: string;
+export declare const pillSnapshot: string;
+export declare const pillPreload: string;
+export declare const pillHistory: string;
+export declare const pillPopstate: string;
+export declare const pillPrepare: string;
+export declare const statusLight: string;
+export declare const statusDot: string;
+export declare const statusReady: string;
+export declare const statusIdle: string;
+//# sourceMappingURL=devtoolsFeedback.css.d.ts.map

package/lib/types/feedback/devtoolsFeedback.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"devtoolsFeedback.css.d.ts","sourceRoot":"","sources":["../../../src/feedback/devtoolsFeedback.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK,QAchB,CAAC;AAEH,eAAO,MAAM,YAAY,QAIvB,CAAC;AAEH,eAAO,MAAM,SAAS,QAIpB,CAAC;AAEH,eAAO,MAAM,YAAY,QAIvB,CAAC;AAEH,eAAO,MAAM,YAAY,QAIvB,CAAC;AAEH,eAAO,MAAM,WAAW,QAItB,CAAC;AAEH,eAAO,MAAM,IAAI,QAYf,CAAC;AAEH,eAAO,MAAM,WAAW,QAGtB,CAAC;AAEH,eAAO,MAAM,cAAc,QAGzB,CAAC;AAEH,eAAO,MAAM,UAAU,QAGrB,CAAC;AAEH,eAAO,MAAM,YAAY,QAGvB,CAAC;AAEH,eAAO,MAAM,WAAW,QAGtB,CAAC;AAEH,eAAO,MAAM,WAAW,QAGtB,CAAC;AAEH,eAAO,MAAM,YAAY,QAGvB,CAAC;AAEH,eAAO,MAAM,WAAW,QAGtB,CAAC;AAEH,eAAO,MAAM,WAAW,QAOtB,CAAC;AAEH,eAAO,MAAM,SAAS,QAKpB,CAAC;AAEH,eAAO,MAAM,WAAW,QAItB,CAAC;AAEH,eAAO,MAAM,UAAU,QAGrB,CAAC"}

package/lib/types/index.d.ts

@@ -0,0 +1,14 @@
+export { DevtoolsTheme, type DevtoolsThemeProps, } from './theme/DevtoolsTheme.js';
+export { DevtoolsBadge, type DevtoolsBadgeProps, } from './feedback/DevtoolsBadge.js';
+export { DevtoolsPill, type DevtoolsPillProps, } from './feedback/DevtoolsPill.js';
+export { DevtoolsStatusLight, type DevtoolsStatusLightProps, } from './feedback/DevtoolsStatusLight.js';
+export { DevtoolsCard, type DevtoolsCardProps, } from './surfaces/DevtoolsCard.js';
+export { DevtoolsSection, type DevtoolsSectionProps, } from './surfaces/DevtoolsSection.js';
+export { DevtoolsCodeBlock, type DevtoolsCodeBlockProps, } from './content/DevtoolsCodeBlock.js';
+export { DevtoolsEmptyState, type DevtoolsEmptyStateProps, } from './empty_state/DevtoolsEmptyState.js';
+export { DevtoolsTabs, type DevtoolsTabItem, type DevtoolsTabsProps, } from './navigation/DevtoolsTabs.js';
+export { DevtoolsToolbar, DevtoolsToolbarGrow, type DevtoolsToolbarProps, } from './toolbar/DevtoolsToolbar.js';
+export { DevtoolsToolbarButton, type DevtoolsToolbarButtonProps, } from './toolbar/DevtoolsToolbarButton.js';
+export { DevtoolsToolbarSeparator } from './toolbar/DevtoolsToolbarSeparator.js';
+export { DevtoolsSplitView, type DevtoolsSplitViewProps, } from './layout/DevtoolsSplitView.js';
+//# sourceMappingURL=index.d.ts.map

package/lib/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,KAAK,kBAAkB,GACxB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,aAAa,EACb,KAAK,kBAAkB,GACxB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,YAAY,EACZ,KAAK,iBAAiB,GACvB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,mBAAmB,EACnB,KAAK,wBAAwB,GAC9B,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EACL,YAAY,EACZ,KAAK,iBAAiB,GACvB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,GAC1B,MAAM,+BAA+B,CAAC;AACvC,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,GAC5B,MAAM,gCAAgC,CAAC;AACxC,OAAO,EACL,kBAAkB,EAClB,KAAK,uBAAuB,GAC7B,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EACL,YAAY,EACZ,KAAK,eAAe,EACpB,KAAK,iBAAiB,GACvB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EACL,eAAe,EACf,mBAAmB,EACnB,KAAK,oBAAoB,GAC1B,MAAM,8BAA8B,CAAC;AACtC,OAAO,EACL,qBAAqB,EACrB,KAAK,0BAA0B,GAChC,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,wBAAwB,EAAE,MAAM,uCAAuC,CAAC;AACjF,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,GAC5B,MAAM,+BAA+B,CAAC"}

package/lib/types/layout/DevtoolsSplitView.d.ts

@@ -0,0 +1,12 @@
+import { type JSX, type ReactNode } from 'react';
+export type DevtoolsSplitViewProps = {
+    main: ReactNode;
+    sidebar: ReactNode | null;
+    sidebarWidth: number;
+    minSidebarWidth: number;
+    maxSidebarWidth: number;
+    onSidebarWidthChange: (width: number) => void;
+    sidebarLabel?: string;
+};
+export declare function DevtoolsSplitView(props: DevtoolsSplitViewProps): JSX.Element;
+//# sourceMappingURL=DevtoolsSplitView.d.ts.map

package/lib/types/layout/DevtoolsSplitView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DevtoolsSplitView.d.ts","sourceRoot":"","sources":["../../../src/layout/DevtoolsSplitView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,GAAG,EAGR,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAgBf,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,EAAE,SAAS,CAAC;IAChB,OAAO,EAAE,SAAS,GAAG,IAAI,CAAC;IAC1B,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,MAAM,CAAC;IACxB,oBAAoB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAcF,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,GAAG,GAAG,CAAC,OAAO,CAkI5E"}

package/lib/types/layout/devtoolsSplitView.css.d.ts

@@ -0,0 +1,7 @@
+export declare const root: string;
+export declare const main: string;
+export declare const mainBordered: string;
+export declare const resizer: string;
+export declare const resizerLine: string;
+export declare const sidebar: string;
+//# sourceMappingURL=devtoolsSplitView.css.d.ts.map

package/lib/types/layout/devtoolsSplitView.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"devtoolsSplitView.css.d.ts","sourceRoot":"","sources":["../../../src/layout/devtoolsSplitView.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,QAKf,CAAC;AAEH,eAAO,MAAM,IAAI,QAOf,CAAC;AAEH,eAAO,MAAM,YAAY,QAEvB,CAAC;AAEH,eAAO,MAAM,OAAO,QAUlB,CAAC;AAEH,eAAO,MAAM,WAAW,QAiBtB,CAAC;AAEH,eAAO,MAAM,OAAO,QAQlB,CAAC"}

package/lib/types/navigation/DevtoolsTabs.d.ts

@@ -0,0 +1,13 @@
+import type { JSX, ReactNode } from 'react';
+export type DevtoolsTabItem = {
+    id: string;
+    label: ReactNode;
+};
+export type DevtoolsTabsProps = {
+    items: readonly DevtoolsTabItem[];
+    selectedId: string;
+    onSelect: (id: string) => void;
+    ariaLabel?: string;
+};
+export declare function DevtoolsTabs(props: DevtoolsTabsProps): JSX.Element;
+//# sourceMappingURL=DevtoolsTabs.d.ts.map

package/lib/types/navigation/DevtoolsTabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DevtoolsTabs.d.ts","sourceRoot":"","sources":["../../../src/navigation/DevtoolsTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,eAAe,GAAG;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,SAAS,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,SAAS,eAAe,EAAE,CAAC;IAClC,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAGF,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CA6BlE"}

package/lib/types/navigation/devtoolsTabs.css.d.ts

@@ -0,0 +1,4 @@
+export declare const container: string;
+export declare const tab: string;
+export declare const tabSelected: string;
+//# sourceMappingURL=devtoolsTabs.css.d.ts.map

package/lib/types/navigation/devtoolsTabs.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"devtoolsTabs.css.d.ts","sourceRoot":"","sources":["../../../src/navigation/devtoolsTabs.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,QAOpB,CAAC;AAEH,eAAO,MAAM,GAAG,QAuBd,CAAC;AAEH,eAAO,MAAM,WAAW,QAItB,CAAC"}

package/lib/types/surfaces/DevtoolsCard.d.ts

@@ -0,0 +1,7 @@
+import type { JSX, PropsWithChildren, ReactNode } from 'react';
+export type DevtoolsCardProps = PropsWithChildren<{
+    title?: ReactNode;
+    actions?: ReactNode;
+}>;
+export declare function DevtoolsCard(props: DevtoolsCardProps): JSX.Element;
+//# sourceMappingURL=DevtoolsCard.d.ts.map

package/lib/types/surfaces/DevtoolsCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DevtoolsCard.d.ts","sourceRoot":"","sources":["../../../src/surfaces/DevtoolsCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG/D,MAAM,MAAM,iBAAiB,GAAG,iBAAiB,CAAC;IAChD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC,CAAC;AAGH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CAoBlE"}

package/lib/types/surfaces/DevtoolsSection.d.ts

@@ -0,0 +1,7 @@
+import type { JSX, PropsWithChildren, ReactNode } from 'react';
+export type DevtoolsSectionProps = PropsWithChildren<{
+    title: ReactNode;
+    actions?: ReactNode;
+}>;
+export declare function DevtoolsSection(props: DevtoolsSectionProps): JSX.Element;
+//# sourceMappingURL=DevtoolsSection.d.ts.map

package/lib/types/surfaces/DevtoolsSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DevtoolsSection.d.ts","sourceRoot":"","sources":["../../../src/surfaces/DevtoolsSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAO/D,MAAM,MAAM,oBAAoB,GAAG,iBAAiB,CAAC;IACnD,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC,CAAC;AAGH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,GAAG,GAAG,CAAC,OAAO,CAYxE"}

package/lib/types/surfaces/devtoolsSurfaces.css.d.ts

@@ -0,0 +1,7 @@
+export declare const card: string;
+export declare const cardHeader: string;
+export declare const cardTitle: string;
+export declare const section: string;
+export declare const sectionHeader: string;
+export declare const sectionTitle: string;
+//# sourceMappingURL=devtoolsSurfaces.css.d.ts.map

package/lib/types/surfaces/devtoolsSurfaces.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"devtoolsSurfaces.css.d.ts","sourceRoot":"","sources":["../../../src/surfaces/devtoolsSurfaces.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,QAQf,CAAC;AAEH,eAAO,MAAM,UAAU,QAKrB,CAAC;AAEH,eAAO,MAAM,SAAS,QAIpB,CAAC;AAEH,eAAO,MAAM,OAAO,QAIlB,CAAC;AAEH,eAAO,MAAM,aAAa,QAKxB,CAAC;AAEH,eAAO,MAAM,YAAY,QAMvB,CAAC"}

package/lib/types/theme/DevtoolsTheme.d.ts

@@ -0,0 +1,4 @@
+import type { JSX, PropsWithChildren } from 'react';
+export type DevtoolsThemeProps = PropsWithChildren;
+export declare function DevtoolsTheme(props: DevtoolsThemeProps): JSX.Element;
+//# sourceMappingURL=DevtoolsTheme.d.ts.map

package/lib/types/theme/DevtoolsTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DevtoolsTheme.d.ts","sourceRoot":"","sources":["../../../src/theme/DevtoolsTheme.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGpD,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,CAAC;AAGnD,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAIpE"}

package/lib/types/theme/devtoolsTheme.css.d.ts

@@ -0,0 +1,2 @@
+export declare const root: string;
+//# sourceMappingURL=devtoolsTheme.css.d.ts.map

package/lib/types/theme/devtoolsTheme.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"devtoolsTheme.css.d.ts","sourceRoot":"","sources":["../../../src/theme/devtoolsTheme.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,QAoBf,CAAC"}

package/lib/types/toolbar/DevtoolsToolbar.d.ts

@@ -0,0 +1,7 @@
+import type { JSX, PropsWithChildren } from 'react';
+export type DevtoolsToolbarProps = PropsWithChildren<{
+    ariaLabel?: string;
+}>;
+export declare function DevtoolsToolbar(props: DevtoolsToolbarProps): JSX.Element;
+export declare function DevtoolsToolbarGrow(): JSX.Element;
+//# sourceMappingURL=DevtoolsToolbar.d.ts.map

package/lib/types/toolbar/DevtoolsToolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DevtoolsToolbar.d.ts","sourceRoot":"","sources":["../../../src/toolbar/DevtoolsToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGpD,MAAM,MAAM,oBAAoB,GAAG,iBAAiB,CAAC;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC;AAGH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,GAAG,GAAG,CAAC,OAAO,CAQxE;AAGD,wBAAgB,mBAAmB,IAAI,GAAG,CAAC,OAAO,CAEjD"}

package/lib/types/toolbar/DevtoolsToolbarButton.d.ts

@@ -0,0 +1,12 @@
+import type { JSX, ReactNode } from 'react';
+export type DevtoolsToolbarButtonProps = {
+    label: ReactNode;
+    onClick: () => void;
+    disabled?: boolean;
+    active?: boolean;
+    title?: string;
+    icon?: ReactNode;
+    pressed?: boolean;
+};
+export declare function DevtoolsToolbarButton(props: DevtoolsToolbarButtonProps): JSX.Element;
+//# sourceMappingURL=DevtoolsToolbarButton.d.ts.map

package/lib/types/toolbar/DevtoolsToolbarButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DevtoolsToolbarButton.d.ts","sourceRoot":"","sources":["../../../src/toolbar/DevtoolsToolbarButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,0BAA0B,GAAG;IACvC,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAGF,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,0BAA0B,GAChC,GAAG,CAAC,OAAO,CA6Bb"}

package/lib/types/toolbar/DevtoolsToolbarSeparator.d.ts

@@ -0,0 +1,3 @@
+import type { JSX } from 'react';
+export declare function DevtoolsToolbarSeparator(): JSX.Element;
+//# sourceMappingURL=DevtoolsToolbarSeparator.d.ts.map

package/lib/types/toolbar/DevtoolsToolbarSeparator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DevtoolsToolbarSeparator.d.ts","sourceRoot":"","sources":["../../../src/toolbar/DevtoolsToolbarSeparator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAIjC,wBAAgB,wBAAwB,IAAI,GAAG,CAAC,OAAO,CAEtD"}

package/lib/types/toolbar/devtoolsToolbar.css.d.ts

@@ -0,0 +1,6 @@
+export declare const toolbar: string;
+export declare const grow: string;
+export declare const separator: string;
+export declare const button: string;
+export declare const buttonActive: string;
+//# sourceMappingURL=devtoolsToolbar.css.d.ts.map

package/lib/types/toolbar/devtoolsToolbar.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"devtoolsToolbar.css.d.ts","sourceRoot":"","sources":["../../../src/toolbar/devtoolsToolbar.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO,QAOlB,CAAC;AAEH,eAAO,MAAM,IAAI,QAEf,CAAC;AAEH,eAAO,MAAM,SAAS,QAIpB,CAAC;AAEH,eAAO,MAAM,MAAM,QA0BjB,CAAC;AAEH,eAAO,MAAM,YAAY,QAIvB,CAAC"}

package/package.json

@@ -0,0 +1,57 @@
+{
+  "name": "@plumile/ui-devtools",
+  "version": "0.1.66",
+  "description": "Shared DevTools UI primitives for Plumile extensions",
+  "type": "module",
+  "license": "MIT",
+  "main": "lib/esm/index.js",
+  "module": "lib/esm/index.js",
+  "types": "lib/types/index.d.ts",
+  "typings": "lib/types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./lib/types/index.d.ts",
+      "import": "./lib/esm/index.js",
+      "default": "./lib/esm/index.js"
+    },
+    "./style.css": "./lib/esm/style.css",
+    "./package.json": "./package.json"
+  },
+  "sideEffects": true,
+  "author": "Plumile Maintainers",
+  "scripts": {
+    "build:package": "./tools/build-package.sh",
+    "build:package:esm": "vite build",
+    "build:package:types": "tsc --build tsconfig.types.json",
+    "check:build-package": "tsc --noEmit",
+    "clean": "rimraf lib && rimraf *.tsbuildinfo",
+    "test:build-package": "./tools/test-build-package.sh"
+  },
+  "engines": {
+    "node": ">=21.0.0",
+    "npm": ">=8.0.0"
+  },
+  "dependencies": {
+    "@vanilla-extract/css": "^1.19.0",
+    "tslib": "^2.8.1"
+  },
+  "devDependencies": {
+    "@types/react": "19.2.14",
+    "@types/react-dom": "19.2.3",
+    "react": "19.2.4",
+    "react-dom": "19.2.4",
+    "rimraf": "6.1.3",
+    "typescript": "5.9.3"
+  },
+  "peerDependencies": {
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4"
+  },
+  "files": [
+    "lib",
+    "README.md"
+  ],
+  "publishConfig": {
+    "access": "public"
+  }
+}