@zedtech/zedkit-devtools 0.0.0-stage → 0.2.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 zedtech-fr
+
+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

@@ -1,3 +1,5 @@
-# Temporary Holding Version
+# @zedtech/zedkit-devtools
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+Dev-only drawer built on `@zedtech/zedkit-ui` (and flag overrides via `@zedtech/zedkit-flags`). See [CATALOG.md](./CATALOG.md).
+
+Original work by the same author.

package/dist/enabled.d.ts

@@ -0,0 +1,7 @@
+export type DevtoolsEnabledOptions = {
+    /** When true, mount even if `NODE_ENV` is production (local demos only). */
+    force?: boolean;
+    nodeEnv?: string | undefined;
+};
+export declare function devtoolsEnabled(options?: DevtoolsEnabledOptions): boolean;
+//# sourceMappingURL=enabled.d.ts.map

package/dist/enabled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"enabled.d.ts","sourceRoot":"","sources":["../src/enabled.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,sBAAsB,GAAG;IACnC,4EAA4E;IAC5E,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC9B,CAAC;AAEF,wBAAgB,eAAe,CAAC,OAAO,GAAE,sBAA2B,GAAG,OAAO,CAI7E"}

package/dist/enabled.js

@@ -0,0 +1,7 @@
+export function devtoolsEnabled(options = {}) {
+    if (options.force)
+        return true;
+    const env = options.nodeEnv ?? (typeof process !== "undefined" ? process.env.NODE_ENV : undefined);
+    return env !== "production";
+}
+//# sourceMappingURL=enabled.js.map

package/dist/enabled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"enabled.js","sourceRoot":"","sources":["../src/enabled.ts"],"names":[],"mappings":"AAMA,MAAM,UAAU,eAAe,CAAC,UAAkC,EAAE;IAClE,IAAI,OAAO,CAAC,KAAK;QAAE,OAAO,IAAI,CAAC;IAC/B,MAAM,GAAG,GAAG,OAAO,CAAC,OAAO,IAAI,CAAC,OAAO,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IACnG,OAAO,GAAG,KAAK,YAAY,CAAC;AAC9B,CAAC"}

package/dist/flag-overrides-tab.d.ts

@@ -0,0 +1,5 @@
+export type FlagOverridesTabProps = {
+    flagKeys: readonly string[];
+};
+export declare function FlagOverridesTab({ flagKeys }: FlagOverridesTabProps): import("react").JSX.Element;
+//# sourceMappingURL=flag-overrides-tab.d.ts.map

package/dist/flag-overrides-tab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flag-overrides-tab.d.ts","sourceRoot":"","sources":["../src/flag-overrides-tab.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,qBAAqB,GAAG;IAClC,QAAQ,EAAE,SAAS,MAAM,EAAE,CAAC;CAC7B,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,EAAE,qBAAqB,+BAmCnE"}

package/dist/flag-overrides-tab.js

@@ -0,0 +1,24 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { Label, Stack, Switch, Text } from "@zedtech/zedkit-ui";
+import { readFlagOverrides, subscribeFlagOverrides, writeFlagOverride } from "@zedtech/zedkit-flags";
+export function FlagOverridesTab({ flagKeys }) {
+    const [overrides, setOverrides] = useState(() => readFlagOverrides(typeof localStorage === "undefined" ? null : localStorage));
+    useEffect(() => {
+        return subscribeFlagOverrides(() => {
+            setOverrides(readFlagOverrides(typeof localStorage === "undefined" ? null : localStorage));
+        });
+    }, []);
+    if (flagKeys.length === 0) {
+        return _jsx(Text, { variant: "muted", children: "Pass `flagKeys` to override flags in local storage." });
+    }
+    return (_jsx(Stack, { gap: 3, children: flagKeys.map((key) => {
+            const on = key in overrides ? Boolean(overrides[key]) : false;
+            const id = `devtools-flag-${key}`;
+            return (_jsxs(Stack, { direction: "horizontal", gap: 2, className: "items-center justify-between", children: [_jsx(Label, { htmlFor: id, children: key }), _jsx(Switch, { id: id, checked: on, onCheckedChange: (checked) => {
+                            writeFlagOverride(localStorage, key, checked ? true : false);
+                        } })] }, key));
+        }) }));
+}
+//# sourceMappingURL=flag-overrides-tab.js.map

package/dist/flag-overrides-tab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flag-overrides-tab.js","sourceRoot":"","sources":["../src/flag-overrides-tab.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAMrG,MAAM,UAAU,gBAAgB,CAAC,EAAE,QAAQ,EAAyB;IAClE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAC9C,iBAAiB,CAAC,OAAO,YAAY,KAAK,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,CAC7E,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,sBAAsB,CAAC,GAAG,EAAE;YACjC,YAAY,CAAC,iBAAiB,CAAC,OAAO,YAAY,KAAK,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC;QAC7F,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC1B,OAAO,KAAC,IAAI,IAAC,OAAO,EAAC,OAAO,oEAA2D,CAAC;IAC1F,CAAC;IAED,OAAO,CACL,KAAC,KAAK,IAAC,GAAG,EAAE,CAAC,YACV,QAAQ,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;YACpB,MAAM,EAAE,GAAG,GAAG,IAAI,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;YAC9D,MAAM,EAAE,GAAG,iBAAiB,GAAG,EAAE,CAAC;YAClC,OAAO,CACL,MAAC,KAAK,IAAW,SAAS,EAAC,YAAY,EAAC,GAAG,EAAE,CAAC,EAAE,SAAS,EAAC,8BAA8B,aACtF,KAAC,KAAK,IAAC,OAAO,EAAE,EAAE,YAAG,GAAG,GAAS,EACjC,KAAC,MAAM,IACL,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,EAAE,EACX,eAAe,EAAE,CAAC,OAAO,EAAE,EAAE;4BAC3B,iBAAiB,CAAC,YAAY,EAAE,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;wBAC/D,CAAC,GACD,KARQ,GAAG,CASP,CACT,CAAC;QACJ,CAAC,CAAC,GACI,CACT,CAAC;AACJ,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { devtoolsEnabled, type DevtoolsEnabledOptions } from "./enabled.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,KAAK,sBAAsB,EAAE,MAAM,cAAc,CAAC"}

package/dist/index.js

@@ -0,0 +1,2 @@
+export { devtoolsEnabled } from "./enabled.js";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAA+B,MAAM,cAAc,CAAC"}

package/dist/panel-shell.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from "react";
+export declare function DevtoolsDrawerShell({ triggerLabel, children, footer, }: {
+    triggerLabel: string;
+    children: ReactNode;
+    footer?: ReactNode;
+}): import("react").JSX.Element;
+export declare function DevtoolsDrawerFooter(): import("react").JSX.Element;
+//# sourceMappingURL=panel-shell.d.ts.map

package/dist/panel-shell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel-shell.d.ts","sourceRoot":"","sources":["../src/panel-shell.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAevC,wBAAgB,mBAAmB,CAAC,EAClC,YAAY,EACZ,QAAQ,EACR,MAAM,GACP,EAAE;IACD,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB,+BAqBA;AAED,wBAAgB,oBAAoB,gCAMnC"}

package/dist/panel-shell.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Drawer, DrawerBody, DrawerContent, DrawerDescription, DrawerFooter, DrawerHandle, DrawerHeader, DrawerTitle, DrawerTrigger, Text, } from "@zedtech/zedkit-ui";
+export function DevtoolsDrawerShell({ triggerLabel, children, footer, }) {
+    return (_jsx("div", { className: "fixed bottom-4 left-4 z-50", children: _jsxs(Drawer, { children: [_jsx(DrawerTrigger, { asChild: true, children: _jsx(Button, { type: "button", size: "sm", variant: "secondary", children: triggerLabel }) }), _jsxs(DrawerContent, { children: [_jsx(DrawerHandle, {}), _jsxs(DrawerHeader, { children: [_jsx(DrawerTitle, { children: "Developer tools" }), _jsx(DrawerDescription, { children: "Local-only controls. Tree-shake this panel out of production builds." })] }), _jsx(DrawerBody, { children: children }), footer ? _jsx(DrawerFooter, { children: footer }) : null] })] }) }));
+}
+export function DevtoolsDrawerFooter() {
+    return (_jsx(Text, { variant: "muted", className: "text-sm", children: "Not shown when `devtoolsEnabled()` is false." }));
+}
+//# sourceMappingURL=panel-shell.js.map

package/dist/panel-shell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel-shell.js","sourceRoot":"","sources":["../src/panel-shell.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EACL,MAAM,EACN,MAAM,EACN,UAAU,EACV,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,aAAa,EACb,IAAI,GACL,MAAM,oBAAoB,CAAC;AAE5B,MAAM,UAAU,mBAAmB,CAAC,EAClC,YAAY,EACZ,QAAQ,EACR,MAAM,GAKP;IACC,OAAO,CACL,cAAK,SAAS,EAAC,4BAA4B,YACzC,MAAC,MAAM,eACL,KAAC,aAAa,IAAC,OAAO,kBACpB,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,YAChD,YAAY,GACN,GACK,EAChB,MAAC,aAAa,eACZ,KAAC,YAAY,KAAG,EAChB,MAAC,YAAY,eACX,KAAC,WAAW,kCAA8B,EAC1C,KAAC,iBAAiB,uFAAyF,IAC9F,EACf,KAAC,UAAU,cAAE,QAAQ,GAAc,EAClC,MAAM,CAAC,CAAC,CAAC,KAAC,YAAY,cAAE,MAAM,GAAgB,CAAC,CAAC,CAAC,IAAI,IACxC,IACT,GACL,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,oBAAoB;IAClC,OAAO,CACL,KAAC,IAAI,IAAC,OAAO,EAAC,OAAO,EAAC,SAAS,EAAC,SAAS,6DAElC,CACR,CAAC;AACJ,CAAC"}

package/dist/panel-tabs.d.ts

@@ -0,0 +1,18 @@
+import type { ReactNode } from "react";
+import type { DevtoolsBuildInfoRow, DevtoolsLocaleOption } from "./panel-types.js";
+export declare function LookTab(): import("react").JSX.Element;
+export declare function FlagsTabContent({ flagKeys }: {
+    flagKeys: readonly string[];
+}): import("react").JSX.Element;
+export declare function LocaleTabContent({ localeOptions, activeLocale, onLocaleChange, }: {
+    localeOptions: readonly DevtoolsLocaleOption[];
+    activeLocale?: string | undefined;
+    onLocaleChange: (localeId: string) => void;
+}): import("react").JSX.Element;
+export declare function InfoTabContent({ buildInfo }: {
+    buildInfo: readonly DevtoolsBuildInfoRow[];
+}): import("react").JSX.Element;
+export declare function QueryTabContent({ querySlot }: {
+    querySlot: ReactNode;
+}): import("react").JSX.Element;
+//# sourceMappingURL=panel-tabs.d.ts.map

package/dist/panel-tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel-tabs.d.ts","sourceRoot":"","sources":["../src/panel-tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,KAAK,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAEnF,wBAAgB,OAAO,gCAEtB;AAED,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,MAAM,EAAE,CAAA;CAAE,+BAM5E;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,aAAa,EACb,YAAY,EACZ,cAAc,GACf,EAAE;IACD,aAAa,EAAE,SAAS,oBAAoB,EAAE,CAAC;IAC/C,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,cAAc,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C,+BAoBA;AAED,wBAAgB,cAAc,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,EAAE,SAAS,oBAAoB,EAAE,CAAA;CAAE,+BAa3F;AAED,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,EAAE,SAAS,CAAA;CAAE,+BAEtE"}

package/dist/panel-tabs.js

@@ -0,0 +1,20 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { IdentitySwitcher, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Stack, TabsContent, Text } from "@zedtech/zedkit-ui";
+import { FlagOverridesTab } from "./flag-overrides-tab.js";
+export function LookTab() {
+    return _jsx(IdentitySwitcher, { showLabel: true, label: "Identity" });
+}
+export function FlagsTabContent({ flagKeys }) {
+    return (_jsx(TabsContent, { value: "flags", children: _jsx(FlagOverridesTab, { flagKeys: flagKeys }) }));
+}
+export function LocaleTabContent({ localeOptions, activeLocale, onLocaleChange, }) {
+    return (_jsx(TabsContent, { value: "locale", children: _jsxs(Stack, { gap: 2, children: [_jsx(Label, { htmlFor: "devtools-locale", children: "Messages locale" }), _jsxs(Select, { value: activeLocale, onValueChange: onLocaleChange, children: [_jsx(SelectTrigger, { id: "devtools-locale", children: _jsx(SelectValue, { placeholder: "Choose locale" }) }), _jsx(SelectContent, { children: localeOptions.map((option) => (_jsx(SelectItem, { value: option.id, children: option.label }, option.id))) })] })] }) }));
+}
+export function InfoTabContent({ buildInfo }) {
+    return (_jsx(TabsContent, { value: "info", children: _jsx(Stack, { gap: 2, children: buildInfo.map((row) => (_jsxs(Stack, { direction: "horizontal", gap: 2, className: "items-center justify-between text-sm", children: [_jsx(Text, { variant: "muted", children: row.label }), _jsx(Text, { children: row.value })] }, row.label))) }) }));
+}
+export function QueryTabContent({ querySlot }) {
+    return _jsx(TabsContent, { value: "query", children: querySlot });
+}
+//# sourceMappingURL=panel-tabs.js.map

package/dist/panel-tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel-tabs.js","sourceRoot":"","sources":["../src/panel-tabs.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,aAAa,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAEtJ,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAG3D,MAAM,UAAU,OAAO;IACrB,OAAO,KAAC,gBAAgB,IAAC,SAAS,QAAC,KAAK,EAAC,UAAU,GAAG,CAAC;AACzD,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,EAAE,QAAQ,EAAmC;IAC3E,OAAO,CACL,KAAC,WAAW,IAAC,KAAK,EAAC,OAAO,YACxB,KAAC,gBAAgB,IAAC,QAAQ,EAAE,QAAQ,GAAI,GAC5B,CACf,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,EAC/B,aAAa,EACb,YAAY,EACZ,cAAc,GAKf;IACC,OAAO,CACL,KAAC,WAAW,IAAC,KAAK,EAAC,QAAQ,YACzB,MAAC,KAAK,IAAC,GAAG,EAAE,CAAC,aACX,KAAC,KAAK,IAAC,OAAO,EAAC,iBAAiB,gCAAwB,EACxD,MAAC,MAAM,IAAC,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,cAAc,aACxD,KAAC,aAAa,IAAC,EAAE,EAAC,iBAAiB,YACjC,KAAC,WAAW,IAAC,WAAW,EAAC,eAAe,GAAG,GAC7B,EAChB,KAAC,aAAa,cACX,aAAa,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC7B,KAAC,UAAU,IAAiB,KAAK,EAAE,MAAM,CAAC,EAAE,YACzC,MAAM,CAAC,KAAK,IADE,MAAM,CAAC,EAAE,CAEb,CACd,CAAC,GACY,IACT,IACH,GACI,CACf,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,EAAE,SAAS,EAAkD;IAC1F,OAAO,CACL,KAAC,WAAW,IAAC,KAAK,EAAC,MAAM,YACvB,KAAC,KAAK,IAAC,GAAG,EAAE,CAAC,YACV,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACtB,MAAC,KAAK,IAAiB,SAAS,EAAC,YAAY,EAAC,GAAG,EAAE,CAAC,EAAE,SAAS,EAAC,sCAAsC,aACpG,KAAC,IAAI,IAAC,OAAO,EAAC,OAAO,YAAE,GAAG,CAAC,KAAK,GAAQ,EACxC,KAAC,IAAI,cAAE,GAAG,CAAC,KAAK,GAAQ,KAFd,GAAG,CAAC,KAAK,CAGb,CACT,CAAC,GACI,GACI,CACf,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,EAAE,SAAS,EAA4B;IACrE,OAAO,KAAC,WAAW,IAAC,KAAK,EAAC,OAAO,YAAE,SAAS,GAAe,CAAC;AAC9D,CAAC"}

package/dist/panel-types.d.ts

@@ -0,0 +1,18 @@
+export type DevtoolsBuildInfoRow = {
+    label: string;
+    value: string;
+};
+export type DevtoolsLocaleOption = {
+    id: string;
+    label: string;
+};
+export type ZedkitDevtoolsPanelProps = {
+    flagKeys?: readonly string[];
+    buildInfo?: readonly DevtoolsBuildInfoRow[];
+    localeOptions?: readonly DevtoolsLocaleOption[];
+    activeLocale?: string;
+    onLocaleChange?: (localeId: string) => void;
+    querySlot?: import("react").ReactNode;
+    triggerLabel?: string;
+};
+//# sourceMappingURL=panel-types.d.ts.map

package/dist/panel-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel-types.d.ts","sourceRoot":"","sources":["../src/panel-types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,QAAQ,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC7B,SAAS,CAAC,EAAE,SAAS,oBAAoB,EAAE,CAAC;IAC5C,aAAa,CAAC,EAAE,SAAS,oBAAoB,EAAE,CAAC;IAChD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,OAAO,OAAO,EAAE,SAAS,CAAC;IACtC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC"}

package/dist/panel-types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=panel-types.js.map

package/dist/panel-types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel-types.js","sourceRoot":"","sources":["../src/panel-types.ts"],"names":[],"mappings":""}

package/dist/panel.d.ts

@@ -0,0 +1,4 @@
+import type { ZedkitDevtoolsPanelProps } from "./panel-types.js";
+export type { DevtoolsBuildInfoRow, DevtoolsLocaleOption, ZedkitDevtoolsPanelProps } from "./panel-types.js";
+export declare function ZedkitDevtoolsPanel({ flagKeys, buildInfo, localeOptions, activeLocale, onLocaleChange, querySlot, triggerLabel, }: ZedkitDevtoolsPanelProps): import("react").JSX.Element;
+//# sourceMappingURL=panel.d.ts.map

package/dist/panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../src/panel.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AAEjE,YAAY,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AAE7G,wBAAgB,mBAAmB,CAAC,EAClC,QAAa,EACb,SAAc,EACd,aAAkB,EAClB,YAAY,EACZ,cAAc,EACd,SAAS,EACT,YAAoB,GACrB,EAAE,wBAAwB,+BA4B1B"}

package/dist/panel.js

@@ -0,0 +1,13 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "@zedtech/zedkit-ui";
+import { DevtoolsDrawerFooter, DevtoolsDrawerShell } from "./panel-shell.js";
+import { FlagsTabContent, InfoTabContent, LocaleTabContent, LookTab, QueryTabContent } from "./panel-tabs.js";
+export function ZedkitDevtoolsPanel({ flagKeys = [], buildInfo = [], localeOptions = [], activeLocale, onLocaleChange, querySlot, triggerLabel = "Dev", }) {
+    const showFlags = flagKeys.length > 0;
+    const showLocale = localeOptions.length > 0 && onLocaleChange;
+    const showQuery = Boolean(querySlot);
+    const showInfo = buildInfo.length > 0;
+    return (_jsx(DevtoolsDrawerShell, { triggerLabel: triggerLabel, footer: _jsx(DevtoolsDrawerFooter, {}), children: _jsxs(Tabs, { defaultValue: "look", children: [_jsxs(TabsList, { className: "mb-3 flex flex-wrap", children: [_jsx(TabsTrigger, { value: "look", children: "Look" }), showFlags ? _jsx(TabsTrigger, { value: "flags", children: "Flags" }) : null, showLocale ? _jsx(TabsTrigger, { value: "locale", children: "Locale" }) : null, showInfo ? _jsx(TabsTrigger, { value: "info", children: "Info" }) : null, showQuery ? _jsx(TabsTrigger, { value: "query", children: "Query" }) : null] }), _jsx(TabsContent, { value: "look", children: _jsx(LookTab, {}) }), showFlags ? _jsx(FlagsTabContent, { flagKeys: flagKeys }) : null, showLocale ? (_jsx(LocaleTabContent, { localeOptions: localeOptions, activeLocale: activeLocale, onLocaleChange: onLocaleChange })) : null, showInfo ? _jsx(InfoTabContent, { buildInfo: buildInfo }) : null, showQuery && querySlot ? _jsx(QueryTabContent, { querySlot: querySlot }) : null] }) }));
+}
+//# sourceMappingURL=panel.js.map

package/dist/panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel.js","sourceRoot":"","sources":["../src/panel.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAE9E,OAAO,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC7E,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,gBAAgB,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAK9G,MAAM,UAAU,mBAAmB,CAAC,EAClC,QAAQ,GAAG,EAAE,EACb,SAAS,GAAG,EAAE,EACd,aAAa,GAAG,EAAE,EAClB,YAAY,EACZ,cAAc,EACd,SAAS,EACT,YAAY,GAAG,KAAK,GACK;IACzB,MAAM,SAAS,GAAG,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;IACtC,MAAM,UAAU,GAAG,aAAa,CAAC,MAAM,GAAG,CAAC,IAAI,cAAc,CAAC;IAC9D,MAAM,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;IACrC,MAAM,QAAQ,GAAG,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC;IAEtC,OAAO,CACL,KAAC,mBAAmB,IAAC,YAAY,EAAE,YAAY,EAAE,MAAM,EAAE,KAAC,oBAAoB,KAAG,YAC/E,MAAC,IAAI,IAAC,YAAY,EAAC,MAAM,aACvB,MAAC,QAAQ,IAAC,SAAS,EAAC,qBAAqB,aACvC,KAAC,WAAW,IAAC,KAAK,EAAC,MAAM,qBAAmB,EAC3C,SAAS,CAAC,CAAC,CAAC,KAAC,WAAW,IAAC,KAAK,EAAC,OAAO,sBAAoB,CAAC,CAAC,CAAC,IAAI,EACjE,UAAU,CAAC,CAAC,CAAC,KAAC,WAAW,IAAC,KAAK,EAAC,QAAQ,uBAAqB,CAAC,CAAC,CAAC,IAAI,EACpE,QAAQ,CAAC,CAAC,CAAC,KAAC,WAAW,IAAC,KAAK,EAAC,MAAM,qBAAmB,CAAC,CAAC,CAAC,IAAI,EAC9D,SAAS,CAAC,CAAC,CAAC,KAAC,WAAW,IAAC,KAAK,EAAC,OAAO,sBAAoB,CAAC,CAAC,CAAC,IAAI,IACzD,EACX,KAAC,WAAW,IAAC,KAAK,EAAC,MAAM,YACvB,KAAC,OAAO,KAAG,GACC,EACb,SAAS,CAAC,CAAC,CAAC,KAAC,eAAe,IAAC,QAAQ,EAAE,QAAQ,GAAI,CAAC,CAAC,CAAC,IAAI,EAC1D,UAAU,CAAC,CAAC,CAAC,CACZ,KAAC,gBAAgB,IAAC,aAAa,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,cAAc,GAAI,CAC/G,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,CAAC,CAAC,CAAC,KAAC,cAAc,IAAC,SAAS,EAAE,SAAS,GAAI,CAAC,CAAC,CAAC,IAAI,EAC1D,SAAS,IAAI,SAAS,CAAC,CAAC,CAAC,KAAC,eAAe,IAAC,SAAS,EAAE,SAAS,GAAI,CAAC,CAAC,CAAC,IAAI,IACrE,GACa,CACvB,CAAC;AACJ,CAAC"}

package/dist/react.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from "react";
+import { type ZedkitDevtoolsPanelProps } from "./panel.js";
+export type ZedkitDevtoolsProps = ZedkitDevtoolsPanelProps & {
+    enabled?: boolean;
+    force?: boolean;
+    children?: ReactNode;
+};
+export declare function ZedkitDevtools({ enabled, force, children, ...panel }: ZedkitDevtoolsProps): string | number | bigint | boolean | import("react").JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null;
+export { ZedkitDevtoolsPanel, type DevtoolsBuildInfoRow, type DevtoolsLocaleOption, type ZedkitDevtoolsPanelProps } from "./panel.js";
+//# sourceMappingURL=react.d.ts.map

package/dist/react.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../src/react.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,EAAuB,KAAK,wBAAwB,EAAE,MAAM,YAAY,CAAC;AAEhF,MAAM,MAAM,mBAAmB,GAAG,wBAAwB,GAAG;IAC3D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,mTASzF;AAED,OAAO,EAAE,mBAAmB,EAAE,KAAK,oBAAoB,EAAE,KAAK,oBAAoB,EAAE,KAAK,wBAAwB,EAAE,MAAM,YAAY,CAAC"}

package/dist/react.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { devtoolsEnabled } from "./enabled.js";
+import { ZedkitDevtoolsPanel } from "./panel.js";
+export function ZedkitDevtools({ enabled, force, children, ...panel }) {
+    const show = enabled ?? devtoolsEnabled(force ? { force: true } : {});
+    if (!show)
+        return children ?? null;
+    return (_jsxs(_Fragment, { children: [children, _jsx(ZedkitDevtoolsPanel, { ...panel })] }));
+}
+export { ZedkitDevtoolsPanel } from "./panel.js";
+//# sourceMappingURL=react.js.map

package/dist/react.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.js","sourceRoot":"","sources":["../src/react.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAIb,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,mBAAmB,EAAiC,MAAM,YAAY,CAAC;AAQhF,MAAM,UAAU,cAAc,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAuB;IACxF,MAAM,IAAI,GAAG,OAAO,IAAI,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IACtE,IAAI,CAAC,IAAI;QAAE,OAAO,QAAQ,IAAI,IAAI,CAAC;IACnC,OAAO,CACL,8BACG,QAAQ,EACT,KAAC,mBAAmB,OAAK,KAAK,GAAI,IACjC,CACJ,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,mBAAmB,EAAuF,MAAM,YAAY,CAAC"}

package/package.json

@@ -1,6 +1,73 @@
 {
   "name": "@zedtech/zedkit-devtools",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.2.1",
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "description": "Dev-only drawer for identity, flag overrides, locale switching, build info, and a query devtools slot. Original work by the same author.",
+  "keywords": [
+    "devtools",
+    "development",
+    "react",
+    "typescript",
+    "debug"
+  ],
+  "homepage": "https://github.com/zedtech-fr/zedkit/tree/main/packages/devtools",
+  "bugs": {
+    "url": "https://github.com/zedtech-fr/zedkit/issues"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/zedtech-fr/zedkit",
+    "directory": "packages/devtools"
+  },
+  "type": "module",
+  "sideEffects": false,
+  "imports": {
+    "#*": "./src/*"
+  },
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./react": {
+      "types": "./dist/react.d.ts",
+      "import": "./dist/react.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "react": "19.3.1",
+    "react-dom": "19.3.1",
+    "@zedtech/zedkit-flags": "0.2.1",
+    "@zedtech/zedkit-ui": "0.7.1"
+  },
+  "devDependencies": {
+    "@testing-library/react": "16.3.3",
+    "@types/node": "26.6.5",
+    "@types/react": "19.3.0",
+    "@types/react-dom": "19.3.0",
+    "jsdom": "30.1.3",
+    "react": "19.3.1",
+    "react-dom": "19.3.1",
+    "typescript": "5.9.3",
+    "vitest": "5.0.5",
+    "@zedtech/zedkit-flags": "0.2.1",
+    "@zedtech/zedkit-ui": "0.7.1",
+    "@zedtech/zedkit-quality": "0.5.0"
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.json",
+    "test": "vitest run && node --test tests/enabled.test.mjs",
+    "typecheck": "tsc --noEmit -p tsconfig.tests.json",
+    "lint": "eslint src tests"
+  }
 }