@plitzi/sdk-dev-tools 0.32.1 → 0.32.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @plitzi/sdk-dev-tools
 
+## 0.32.2
+
+### Patch Changes
+
+- v0.32.2
+- Updated dependencies
+  - @plitzi/nexus@0.32.2
+  - @plitzi/sdk-navigation@0.32.2
+  - @plitzi/sdk-schema@0.32.2
+  - @plitzi/sdk-shared@0.32.2
+  - @plitzi/sdk-style@0.32.2
+
 ## 0.32.1
 
 ### Patch Changes

package/dist/DevToolsContainer.d.ts

@@ -9,5 +9,5 @@ export type DevToolsContainerProps = {
     devToolsStyleLink?: string;
     renderMode?: 'default' | 'shadow';
 };
-declare const DevToolsContainer: ({ children, className, innerClassName, enabled, renderMode, devToolsStyle, devToolsStyleLink }: DevToolsContainerProps) => string | number | bigint | boolean | import("react/jsx-runtime").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 | undefined;
+declare const DevToolsContainer: ({ children, className, innerClassName, enabled, renderMode, devToolsStyle, devToolsStyleLink }: DevToolsContainerProps) => 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 | undefined;
 export default DevToolsContainer;

package/dist/DevToolsContextProvider.d.ts

@@ -2,5 +2,5 @@ import { ReactNode } from 'react';
 export type DevToolsContextProviderProps = {
     children?: ReactNode;
 };
-declare const DevToolsContextProvider: ({ children }: DevToolsContextProviderProps) => import("react/jsx-runtime").JSX.Element;
+declare const DevToolsContextProvider: ({ children }: DevToolsContextProviderProps) => import("react").JSX.Element;
 export default DevToolsContextProvider;

package/dist/components/DevToolsPanel/DevToolsBody.d.ts

@@ -5,5 +5,5 @@ export type DevToolsBodyProps = {
     elementSelected?: string;
     onSelectElement: (id?: string) => void;
 };
-declare const DevToolsBody: ({ className, tabSelected, orientation, elementSelected, onSelectElement }: DevToolsBodyProps) => import("react/jsx-runtime").JSX.Element;
+declare const DevToolsBody: ({ className, tabSelected, orientation, elementSelected, onSelectElement }: DevToolsBodyProps) => import("react").JSX.Element;
 export default DevToolsBody;

package/dist/components/DevToolsPanel/DevToolsBody.mjs

@@ -3,35 +3,37 @@ import t from "./tabs/HistoryViewer/index.mjs";
 import n from "./tabs/Logs/index.mjs";
 import r from "./tabs/PluginsViewer/PluginsViewer.mjs";
 import i from "./tabs/StoreViewer/index.mjs";
-import a from "./tabs/VariablesViewer/index.mjs";
-import o from "clsx";
-import { use as s } from "react";
-import c from "@plitzi/sdk-shared/devTools/DevToolsContext";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import a from "./tabs/TracingViewer/TracingViewer.mjs";
+import o from "./tabs/VariablesViewer/index.mjs";
+import s from "clsx";
+import { use as c } from "react";
+import l from "@plitzi/sdk-shared/devTools/DevToolsContext";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/components/DevToolsPanel/DevToolsBody.tsx
-var d = ({ className: d, tabSelected: f, orientation: p, elementSelected: m, onSelectElement: h }) => {
-	let { logs: g, clearLogs: _ } = s(c);
-	return /* @__PURE__ */ l("div", {
-		className: o("flex h-full w-full grow overflow-auto bg-white dark:bg-zinc-900", d),
-		children: /* @__PURE__ */ u("div", {
+var f = ({ className: f, tabSelected: p, orientation: m, elementSelected: h, onSelectElement: g }) => {
+	let { logs: _, clearLogs: v } = c(l);
+	return /* @__PURE__ */ u("div", {
+		className: s("flex h-full w-full grow overflow-auto bg-white dark:bg-zinc-900", f),
+		children: /* @__PURE__ */ d("div", {
 			className: "flex w-full flex-col",
 			children: [
-				f === "logs" && /* @__PURE__ */ l(n, {
-					items: g,
-					orientation: p,
-					onClear: _
+				p === "logs" && /* @__PURE__ */ u(n, {
+					items: _,
+					orientation: m,
+					onClear: v
 				}),
-				f === "store" && /* @__PURE__ */ l(i, { elementSelected: m }),
-				f === "history" && /* @__PURE__ */ l(t, {}),
-				f === "variables" && /* @__PURE__ */ l(a, {}),
-				f === "elements" && /* @__PURE__ */ l(e, {
-					elementSelected: m,
-					onSelectElement: h
+				p === "store" && /* @__PURE__ */ u(i, { elementSelected: h }),
+				p === "history" && /* @__PURE__ */ u(t, {}),
+				p === "variables" && /* @__PURE__ */ u(o, {}),
+				p === "elements" && /* @__PURE__ */ u(e, {
+					elementSelected: h,
+					onSelectElement: g
 				}),
-				f === "plugins" && /* @__PURE__ */ l(r, {})
+				p === "plugins" && /* @__PURE__ */ u(r, {}),
+				p === "tracing" && /* @__PURE__ */ u(a, {})
 			]
 		})
 	});
 };
 //#endregion
-export { d as default };
+export { f as default };

package/dist/components/DevToolsPanel/DevToolsButton.d.ts

@@ -6,5 +6,5 @@ export type DevToolsButtonProps = {
     title?: string;
     onClick?: (e: MouseEvent) => void;
 };
-declare const DevToolsButton: ({ className, iconClassName, title, isSelected, onClick }: DevToolsButtonProps) => import("react/jsx-runtime").JSX.Element;
+declare const DevToolsButton: ({ className, iconClassName, title, isSelected, onClick }: DevToolsButtonProps) => import("react").JSX.Element;
 export default DevToolsButton;

package/dist/components/DevToolsPanel/DevToolsHeader.d.ts

@@ -6,5 +6,5 @@ export type DevToolsHeaderProps = {
     onChangeOrientation?: (orientation: Orientation) => void;
     onTabSelect?: (tabIndex: string) => void;
 };
-declare const DevToolsHeader: ({ tabSelected, orientation, onChangeOrientation, onTabSelect }: DevToolsHeaderProps) => import("react/jsx-runtime").JSX.Element;
+declare const DevToolsHeader: ({ tabSelected, orientation, onChangeOrientation, onTabSelect }: DevToolsHeaderProps) => import("react").JSX.Element;
 export default DevToolsHeader;

package/dist/components/DevToolsPanel/DevToolsHeader.mjs

@@ -32,6 +32,11 @@ var i = [
 		id: "plugins",
 		label: "Plugins",
 		icon: "fa-solid fa-puzzle-piece"
+	},
+	{
+		id: "tracing",
+		label: "Tracing",
+		icon: "fa-solid fa-gauge-high"
 	}
 ], a = ({ tabSelected: a, orientation: o = "vertical", onChangeOrientation: s, onTabSelect: c }) => {
 	let l = t(() => {

package/dist/components/DevToolsPanel/DevToolsPanel.d.ts

@@ -6,5 +6,5 @@ export type DevToolsPanelProps = {
     orientation?: Orientation;
     onChangeOrientation?: (orientation: Orientation) => void;
 };
-declare const DevToolsPanel: ({ className, orientation, onChangeOrientation }: DevToolsPanelProps) => import("react/jsx-runtime").JSX.Element;
+declare const DevToolsPanel: ({ className, orientation, onChangeOrientation }: DevToolsPanelProps) => import("react").JSX.Element;
 export default DevToolsPanel;

package/dist/components/DevToolsPanel/DevToolsPanel.mjs

@@ -9,37 +9,44 @@ import d from "@plitzi/sdk-navigation/NavigationContext";
 import { jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region src/components/DevToolsPanel/DevToolsPanel.tsx
 var m = "vertical", h = "horizontal", g = ({ className: m, orientation: h = "vertical", onChangeOrientation: g }) => {
-	let [_, v] = i("plitzi-sdk.dev-tools.tab", "logs"), { currentPageId: y } = o(d), [b, x] = u(), S = c(() => h === "vertical" ? ["w"] : ["n"], [h]), C = l(typeof document < "u" ? document.querySelector(".plitzi-sdk") : null), w = s((e) => v(e), [v]), T = s((e) => x(e), [x]);
+	let [_, v] = i("plitzi-sdk.dev-tools.tab", "logs"), [y, b] = i("plitzi-sdk.dev-tools.size", {
+		width: 500,
+		height: 200
+	}), { currentPageId: x } = o(d), [S, C] = u(), w = c(() => h === "vertical" ? ["w"] : ["n"], [h]), T = l(typeof document < "u" ? document.querySelector(".plitzi-sdk") : null), E = s((e) => v(e), [v]), D = s((e) => C(e), [C]), O = s((e, t) => b((n) => ({
+		width: Number.isFinite(e) ? e : n.width,
+		height: Number.isFinite(t) ? t : n.height
+	})), [b]);
 	return /* @__PURE__ */ f(r, {
-		className: a("component__container-resizable-sidebar text-xs", m, { "h-full": h === "vertical" }),
+		className: a("component__container-resizable-sidebar relative z-[1000000] text-xs", m, { "h-full": h === "vertical" }),
 		minConstraintsX: h === "vertical" ? 500 : Infinity,
 		maxConstraintsX: h === "vertical" ? 1e3 : Infinity,
 		minConstraintsY: h === "vertical" ? Infinity : 34,
 		maxConstraintsY: h === "vertical" ? Infinity : 600,
-		width: h === "vertical" ? 500 : Infinity,
-		height: h === "vertical" ? Infinity : 200,
-		resizeHandles: S,
-		parentRef: C,
+		width: h === "vertical" ? y.width : Infinity,
+		height: h === "vertical" ? Infinity : y.height,
+		resizeHandles: w,
+		parentRef: T,
 		autoGrow: !1,
+		onChange: O,
 		children: /* @__PURE__ */ p("div", {
 			className: "flex h-full w-full flex-col bg-white text-zinc-800 dark:bg-zinc-900 dark:text-zinc-200",
 			children: [
 				/* @__PURE__ */ f(t, {
 					orientation: h,
 					onChangeOrientation: g,
-					onTabSelect: w,
+					onTabSelect: E,
 					tabSelected: _
 				}),
 				["store", "elements"].includes(_) && /* @__PURE__ */ f(n, {
-					elementSelected: b,
-					onSelectElement: T,
-					currentPageId: y
+					elementSelected: S,
+					onSelectElement: D,
+					currentPageId: x
 				}),
 				/* @__PURE__ */ f(e, {
 					orientation: h,
 					tabSelected: _,
-					elementSelected: b,
-					onSelectElement: T
+					elementSelected: S,
+					onSelectElement: D
 				})
 			]
 		})

package/dist/components/DevToolsPanel/DevToolsSubHeader.d.ts

@@ -6,5 +6,5 @@ export type DevToolsSubHeaderProps = {
     elementSelected?: string;
     onSelectElement: (id?: string) => void;
 };
-declare const DevToolsSubHeader: ({ className, elementSelected, currentPageId, onSelectElement }: DevToolsSubHeaderProps) => import("react/jsx-runtime").JSX.Element;
+declare const DevToolsSubHeader: ({ className, elementSelected, currentPageId, onSelectElement }: DevToolsSubHeaderProps) => import("react").JSX.Element;
 export default DevToolsSubHeader;

package/dist/components/DevToolsPanel/tabs/ElementsViewer/DetailsAttributes.d.ts

@@ -2,5 +2,5 @@ import { Element } from '@plitzi/sdk-shared';
 export type DetailsAttributesProps = {
     attributes?: Element['attributes'];
 };
-declare const DetailsAttributes: ({ attributes }: DetailsAttributesProps) => import("react/jsx-runtime").JSX.Element;
+declare const DetailsAttributes: ({ attributes }: DetailsAttributesProps) => import("react").JSX.Element;
 export default DetailsAttributes;

package/dist/components/DevToolsPanel/tabs/ElementsViewer/DetailsDefinition.d.ts

@@ -3,5 +3,5 @@ export type DetailsDefinitionProps = {
     definition?: Element['definition'];
     onSelectElement: (id: string) => void;
 };
-declare const DetailsDefinition: ({ definition, onSelectElement }: DetailsDefinitionProps) => import("react/jsx-runtime").JSX.Element;
+declare const DetailsDefinition: ({ definition, onSelectElement }: DetailsDefinitionProps) => import("react").JSX.Element;
 export default DetailsDefinition;

package/dist/components/DevToolsPanel/tabs/ElementsViewer/DetailsValue.d.ts

@@ -6,5 +6,5 @@ export type DetailsValue = {
     isStyle?: boolean;
     onSelectElement?: (id: string) => void;
 };
-declare const DetailsValue: ({ attribute, value, isDefinition, onSelectElement }: DetailsValue) => import("react/jsx-runtime").JSX.Element;
+declare const DetailsValue: ({ attribute, value, isDefinition, onSelectElement }: DetailsValue) => import("react").JSX.Element;
 export default DetailsValue;

package/dist/components/DevToolsPanel/tabs/ElementsViewer/DetailsValue.mjs

@@ -1,29 +1,29 @@
 import { useCallback as e, useMemo as t } from "react";
-import { createStoreHook as n } from "@plitzi/nexus/createStore";
+import { useCommonStore as n } from "@plitzi/sdk-shared/store";
 import { get as r } from "@plitzi/plitzi-ui/helpers";
 import { jsx as i } from "react/jsx-runtime";
 //#region src/components/DevToolsPanel/tabs/ElementsViewer/DetailsValue.tsx
 var a = ({ attribute: a, value: o, isDefinition: s = !1, onSelectElement: c }) => {
-	let { useStore: l } = n(), [u] = l("schema.flat"), d = e((e) => () => c?.(e), [c]);
+	let [l] = n("schema.flat"), u = e((e) => () => c?.(e), [c]);
 	return /* @__PURE__ */ i("div", {
 		className: "grow basis-0 truncate",
 		children: t(() => a === "items" && s && Array.isArray(o) ? /* @__PURE__ */ i("div", {
 			className: "flex flex-col",
 			children: o.map((e, t) => /* @__PURE__ */ i("div", {
 				className: "cursor-pointer text-purple-400",
-				onClick: d(e),
-				children: r(u, `${e}.definition.label`, e)
+				onClick: u(e),
+				children: r(l, `${e}.definition.label`, e)
 			}, t))
 		}) : a && ["rootId", "parentId"].includes(a) && s ? /* @__PURE__ */ i("div", {
 			className: "cursor-pointer text-purple-400",
-			onClick: d(o),
-			children: r(u, `${o}.definition.label`, o)
+			onClick: u(o),
+			children: r(l, `${o}.definition.label`, o)
 		}) : a === "styleSelectors" && s && o && typeof o == "object" ? Object.values(o).join(", ") : typeof o == "object" && o ? JSON.stringify(o) : typeof o == "boolean" ? o ? "True" : "False" : o, [
 			a,
 			s,
 			o,
-			d,
-			u
+			u,
+			l
 		])
 	});
 };

package/dist/components/DevToolsPanel/tabs/ElementsViewer/ElementDetails.d.ts

@@ -4,5 +4,5 @@ export type ElementDetailsProps = {
     attributes?: Element['attributes'];
     onSelectElement: (id: string) => void;
 };
-declare const ElementDetails: ({ definition, attributes, onSelectElement }: ElementDetailsProps) => import("react/jsx-runtime").JSX.Element;
+declare const ElementDetails: ({ definition, attributes, onSelectElement }: ElementDetailsProps) => import("react").JSX.Element;
 export default ElementDetails;

package/dist/components/DevToolsPanel/tabs/ElementsViewer/ElementsList.d.ts

@@ -4,5 +4,5 @@ export type ElementsListProps = {
     elementSelected?: string;
     onSelect?: (id?: string) => void;
 };
-declare const ElementsList: ({ elements, elementSelected, onSelect }: ElementsListProps) => import("react/jsx-runtime").JSX.Element;
+declare const ElementsList: ({ elements, elementSelected, onSelect }: ElementsListProps) => import("react").JSX.Element;
 export default ElementsList;

package/dist/components/DevToolsPanel/tabs/ElementsViewer/ElementsListItem.d.ts

@@ -5,5 +5,5 @@ export type ElementsListItemProps = {
     isVisible?: boolean;
     onSelect?: (id?: string) => void;
 };
-declare const ElementsListItem: ({ name, id, isSelected, isVisible, onSelect }: ElementsListItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const ElementsListItem: ({ name, id, isSelected, isVisible, onSelect }: ElementsListItemProps) => import("react").JSX.Element;
 export default ElementsListItem;

package/dist/components/DevToolsPanel/tabs/ElementsViewer/ElementsViewer.d.ts

@@ -3,5 +3,5 @@ export type ElementsViewerProps = {
     elementSelected?: string;
     onSelectElement: (id?: string) => void;
 };
-declare const ElementsViewer: ({ className, elementSelected, onSelectElement }: ElementsViewerProps) => import("react/jsx-runtime").JSX.Element;
+declare const ElementsViewer: ({ className, elementSelected, onSelectElement }: ElementsViewerProps) => import("react").JSX.Element;
 export default ElementsViewer;

package/dist/components/DevToolsPanel/tabs/ElementsViewer/ElementsViewer.mjs

@@ -3,20 +3,20 @@ import t from "./ElementsList.mjs";
 import n from "clsx";
 import { use as r, useCallback as i, useMemo as a } from "react";
 import o from "@plitzi/sdk-navigation/NavigationContext";
-import { createStoreHook as s } from "@plitzi/nexus/createStore";
+import { useCommonStore as s } from "@plitzi/sdk-shared/store";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/components/DevToolsPanel/tabs/ElementsViewer/ElementsViewer.tsx
 var u = ({ className: u, elementSelected: d, onSelectElement: f }) => {
-	let { currentPageId: p } = r(o), { useStore: m } = s(), [h] = m("schema.flat"), g = a(() => Object.values(h).filter((e) => e.definition.rootId === p), [h, p]), _ = a(() => g.find((e) => e.id === d), [g, d]), v = i((e) => f(e), [f]);
+	let { currentPageId: p } = r(o), [m] = s("schema.flat"), h = a(() => Object.values(m).filter((e) => e.definition.rootId === p), [m, p]), g = a(() => h.find((e) => e.id === d), [h, d]), _ = i((e) => f(e), [f]);
 	return /* @__PURE__ */ l("div", {
 		className: n("flex h-full w-full", u),
 		children: [/* @__PURE__ */ c(t, {
-			elements: g,
+			elements: h,
 			elementSelected: d,
-			onSelect: v
+			onSelect: _
 		}), d && /* @__PURE__ */ c(e, {
-			definition: _?.definition,
-			attributes: _?.attributes,
+			definition: g?.definition,
+			attributes: g?.attributes,
 			onSelectElement: f
 		})]
 	});

package/dist/components/DevToolsPanel/tabs/HistoryViewer/HistoryViewer.d.ts

@@ -1,2 +1,2 @@
-declare const HistoryViewer: () => import("react/jsx-runtime").JSX.Element;
+declare const HistoryViewer: () => import("react").JSX.Element;
 export default HistoryViewer;

package/dist/components/DevToolsPanel/tabs/HistoryViewer/HistoryViewer.mjs

@@ -3,7 +3,7 @@ import t from "./components/HistoryEntryItem/HistoryEntryItem.mjs";
 import n from "./components/HistoryToolbar/HistoryToolbar.mjs";
 import { useCallback as r, useMemo as i, useState as a } from "react";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { useStoreHistory as c } from "@plitzi/nexus/history";
+import { useStoreHistory as c } from "@plitzi/nexus/react";
 //#region src/components/DevToolsPanel/tabs/HistoryViewer/HistoryViewer.tsx
 var l = () => {
 	let { entries: l, index: u, canUndo: d, canRedo: f, undo: p, redo: m, travelTo: h, clear: g } = c(), [_, v] = a(""), y = i(() => l.map((e, t) => ({

package/dist/components/DevToolsPanel/tabs/HistoryViewer/components/HistoryEntryItem/HistoryEntryItem.d.ts

@@ -8,5 +8,5 @@ export type HistoryEntryItemProps = {
     isFuture: boolean;
     onSelect: (index: number) => void;
 };
-declare const HistoryEntryItem: ({ index, path, value, timestamp, isSelected, isFuture, onSelect }: HistoryEntryItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const HistoryEntryItem: ({ index, path, value, timestamp, isSelected, isFuture, onSelect }: HistoryEntryItemProps) => import("react").JSX.Element;
 export default HistoryEntryItem;

package/dist/components/DevToolsPanel/tabs/HistoryViewer/components/HistoryToolbar/HistoryToolbar.d.ts

@@ -9,5 +9,5 @@ export type HistoryToolbarProps = {
     onClear: () => void;
     onFilterChange: (value: string) => void;
 };
-declare const HistoryToolbar: ({ index, total, canUndo, canRedo, filter, onUndo, onRedo, onClear, onFilterChange }: HistoryToolbarProps) => import("react/jsx-runtime").JSX.Element;
+declare const HistoryToolbar: ({ index, total, canUndo, canRedo, filter, onUndo, onRedo, onClear, onFilterChange }: HistoryToolbarProps) => import("react").JSX.Element;
 export default HistoryToolbar;

package/dist/components/DevToolsPanel/tabs/Logs/Log.d.ts

@@ -7,5 +7,5 @@ export type LogProps = {
     message?: ReactNode;
     params: LogParams;
 };
-declare const _default: import('react').MemoExoticComponent<({ category, message, time, params }: LogProps) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: import('react').MemoExoticComponent<({ category, message, time, params }: LogProps) => import("react").JSX.Element>;
 export default _default;

package/dist/components/DevToolsPanel/tabs/Logs/LogStatus.d.ts

@@ -6,5 +6,5 @@ export type LogStatusProps = {
     className?: string;
     logType: LogType | 'custom';
 };
-declare const LogStatus: ({ className, logType, iconClassName, children }: LogStatusProps) => import("react/jsx-runtime").JSX.Element;
+declare const LogStatus: ({ className, logType, iconClassName, children }: LogStatusProps) => import("react").JSX.Element;
 export default LogStatus;

package/dist/components/DevToolsPanel/tabs/Logs/LogStatusIcon.d.ts

@@ -7,5 +7,5 @@ export type LogStatusIconProps = {
     logType: LogType | 'custom';
     title?: string;
 };
-declare const LogStatusIcon: ({ className, logType, iconClassName, title, children }: LogStatusIconProps) => import("react/jsx-runtime").JSX.Element;
+declare const LogStatusIcon: ({ className, logType, iconClassName, title, children }: LogStatusIconProps) => import("react").JSX.Element;
 export default LogStatusIcon;

package/dist/components/DevToolsPanel/tabs/Logs/Logs.d.ts

@@ -6,5 +6,5 @@ export type LogsProps = {
     orientation: Orientation;
     onClear?: () => void;
 };
-declare const Logs: ({ items, autoScrollOffset, orientation, onClear }: LogsProps) => import("react/jsx-runtime").JSX.Element;
+declare const Logs: ({ items, autoScrollOffset, orientation, onClear }: LogsProps) => import("react").JSX.Element;
 export default Logs;

package/dist/components/DevToolsPanel/tabs/Logs/Logs.mjs

@@ -12,7 +12,9 @@ var l = ({ items: l = [], autoScrollOffset: u = 40, orientation: d = "horizontal
 	}, [l]);
 	let _ = r(() => {
 		let e = h.current;
-		e && (g.current = e.scrollHeight - e.scrollTop - e.clientHeight <= u);
+		if (!e) return;
+		let t = e.scrollHeight - e.scrollTop - e.clientHeight <= u;
+		g.current = t;
 	}, [u]), v = r((e) => {
 		m(e);
 	}, []);

package/dist/components/DevToolsPanel/tabs/Logs/LogsSummary/LogsSummary.d.ts

@@ -7,5 +7,5 @@ export type LogsSummaryProps = {
     orientation: Orientation;
     onClick?: (logType?: LogType) => void;
 };
-declare const LogsSummary: ({ className, orientation, items, logTypeSelected, onClick }: LogsSummaryProps) => import("react/jsx-runtime").JSX.Element;
+declare const LogsSummary: ({ className, orientation, items, logTypeSelected, onClick }: LogsSummaryProps) => import("react").JSX.Element;
 export default LogsSummary;

package/dist/components/DevToolsPanel/tabs/Logs/LogsSummary/LogsSummaryItem.d.ts

@@ -7,5 +7,5 @@ export type LogsSummaryItemProps = {
     suffix?: string;
     onClick?: (logType?: LogType) => void;
 };
-declare const LogsSummaryItem: ({ className, amount, suffix, selected, logType, onClick }: LogsSummaryItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const LogsSummaryItem: ({ className, amount, suffix, selected, logType, onClick }: LogsSummaryItemProps) => import("react").JSX.Element;
 export default LogsSummaryItem;

package/dist/components/DevToolsPanel/tabs/Logs/categories/LogInteraction/BodyContent.d.ts

@@ -4,5 +4,5 @@ export type BodyContentProps = {
     node: LogInteraction['params']['node'];
     nodes: LogInteraction['params']['nodes'];
 };
-declare const BodyContent: ({ className, node, nodes }: BodyContentProps) => import("react/jsx-runtime").JSX.Element;
+declare const BodyContent: ({ className, node, nodes }: BodyContentProps) => import("react").JSX.Element;
 export default BodyContent;

package/dist/components/DevToolsPanel/tabs/Logs/categories/LogInteraction/BodyHeader.d.ts

@@ -7,5 +7,5 @@ export type BodyHeaderProps = {
     duration?: string;
     elementId?: string;
 };
-declare const BodyHeader: ({ triggerName, startTime, endTime, duration, elementId }: BodyHeaderProps) => import("react/jsx-runtime").JSX.Element;
+declare const BodyHeader: ({ triggerName, startTime, endTime, duration, elementId }: BodyHeaderProps) => import("react").JSX.Element;
 export default BodyHeader;

package/dist/components/DevToolsPanel/tabs/Logs/categories/LogInteraction/BodyHeader.mjs

@@ -1,23 +1,23 @@
 import { useCallback as e, useMemo as t } from "react";
-import { createStoreHook as n } from "@plitzi/nexus/createStore";
+import { useCommonStore as n } from "@plitzi/sdk-shared/store";
 import { get as r } from "@plitzi/plitzi-ui/helpers";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 import { formatDate as o } from "@plitzi/sdk-shared/helpers";
 //#region src/components/DevToolsPanel/tabs/Logs/categories/LogInteraction/BodyHeader.tsx
 var s = ({ triggerName: s, startTime: c, endTime: l, duration: u, elementId: d }) => {
-	let { useStore: f } = n(), [p] = f("schema.flat"), m = t(() => d ? r(p, d) : void 0, [d, p]), h = t(() => o(c, "HH:mm:ss.SSS"), [c]), g = t(() => o(l, "HH:mm:ss.SSS"), [l]), _ = t(() => {
+	let [f] = n("schema.flat"), p = t(() => d ? r(f, d) : void 0, [d, f]), m = t(() => o(c, "HH:mm:ss.SSS"), [c]), h = t(() => o(l, "HH:mm:ss.SSS"), [l]), g = t(() => {
 		if (!(typeof document > "u")) return document.querySelector(`[data-id="${d}"]`);
-	}, [d]), v = e(() => {
-		_?.scrollIntoView({
+	}, [d]), _ = e(() => {
+		g?.scrollIntoView({
 			behavior: "smooth",
 			block: "nearest",
 			inline: "nearest"
 		});
-	}, [_]), y = e(() => {
-		_?.classList.add("devtools-element-hovered");
-	}, [_]), b = e(() => {
-		_?.classList.remove("devtools-element-hovered");
-	}, [_]);
+	}, [g]), v = e(() => {
+		g?.classList.add("devtools-element-hovered");
+	}, [g]), y = e(() => {
+		g?.classList.remove("devtools-element-hovered");
+	}, [g]);
 	return /* @__PURE__ */ a("div", {
 		className: "flex justify-around gap-3",
 		children: [
@@ -34,14 +34,14 @@ var s = ({ triggerName: s, startTime: c, endTime: l, duration: u, elementId: d }
 							children: [/* @__PURE__ */ i("span", {
 								className: "text-zinc-400 dark:text-zinc-500",
 								children: "Start"
-							}), h]
+							}), m]
 						}),
 						/* @__PURE__ */ a("div", {
 							className: "flex gap-1",
 							children: [/* @__PURE__ */ i("span", {
 								className: "text-zinc-400 dark:text-zinc-500",
 								children: "End"
-							}), g]
+							}), h]
 						}),
 						/* @__PURE__ */ a("div", {
 							className: "flex gap-1",
@@ -86,10 +86,10 @@ var s = ({ triggerName: s, startTime: c, endTime: l, duration: u, elementId: d }
 								children: "Element"
 							}), /* @__PURE__ */ a("span", {
 								className: "cursor-pointer truncate text-violet-600 hover:text-violet-500 dark:text-violet-400 dark:hover:text-violet-300",
-								onClick: v,
-								onMouseEnter: y,
-								onMouseLeave: b,
-								children: [m?.definition.label, d && /* @__PURE__ */ a("span", {
+								onClick: _,
+								onMouseEnter: v,
+								onMouseLeave: y,
+								children: [p?.definition.label, d && /* @__PURE__ */ a("span", {
 									className: "ml-1 font-mono text-[10px] text-zinc-400 dark:text-zinc-500",
 									children: [
 										"[",

package/dist/components/DevToolsPanel/tabs/Logs/categories/LogInteraction/ExecutionTree/ExecutionTree.d.ts

@@ -7,5 +7,5 @@ export type ExecutionTreeProps = {
     nodes: Nodes;
     onSelect?: (id?: string) => void;
 };
-declare const ExecutionTree: ({ className, nodeId, nodes, selected, onSelect }: ExecutionTreeProps) => import("react/jsx-runtime").JSX.Element;
+declare const ExecutionTree: ({ className, nodeId, nodes, selected, onSelect }: ExecutionTreeProps) => import("react").JSX.Element;
 export default ExecutionTree;

package/dist/components/DevToolsPanel/tabs/Logs/categories/LogInteraction/ExecutionTree/ExecutionTreeNode.d.ts

@@ -9,5 +9,5 @@ export type ExecutionTreeNodeProps = {
     status?: InteractionNodeStatus;
     onClick: (id: string) => void;
 };
-declare const ExecutionTreeNode: ({ title, action, duration, status, level, id, isSelected, onClick }: ExecutionTreeNodeProps) => import("react/jsx-runtime").JSX.Element;
+declare const ExecutionTreeNode: ({ title, action, duration, status, level, id, isSelected, onClick }: ExecutionTreeNodeProps) => import("react").JSX.Element;
 export default ExecutionTreeNode;

package/dist/components/DevToolsPanel/tabs/Logs/categories/LogInteraction/InteractionNode/InteractionNode.d.ts

@@ -10,5 +10,5 @@ export type InteractionNodeProps = {
     type?: string;
     action?: string;
 };
-declare const InteractionNode: ({ whenParams, name, startTime, endTime, status, when, type, action }: InteractionNodeProps) => import("react/jsx-runtime").JSX.Element;
+declare const InteractionNode: ({ whenParams, name, startTime, endTime, status, when, type, action }: InteractionNodeProps) => import("react").JSX.Element;
 export default InteractionNode;

package/dist/components/DevToolsPanel/tabs/Logs/categories/LogInteraction/InteractionNode/NodeHeader.d.ts

@@ -5,5 +5,5 @@ export type NodeHeaderProps = {
     type?: string;
     action?: string;
 };
-declare const NodeHeader: ({ duration, status, type, action }: NodeHeaderProps) => import("react/jsx-runtime").JSX.Element;
+declare const NodeHeader: ({ duration, status, type, action }: NodeHeaderProps) => import("react").JSX.Element;
 export default NodeHeader;

package/dist/components/DevToolsPanel/tabs/Logs/categories/LogInteraction/InteractionNode/NodeMetadata.d.ts

@@ -4,5 +4,5 @@ export type NodeMetadataProps = {
     when?: RuleGroup;
     whenParams?: Record<string, RuleValue>;
 };
-declare const NodeMetadata: ({ when, whenParams }: NodeMetadataProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const NodeMetadata: ({ when, whenParams }: NodeMetadataProps) => import("react").JSX.Element | null;
 export default NodeMetadata;

package/dist/components/DevToolsPanel/tabs/Logs/categories/LogInteraction/InteractionNode/NodeWhen.d.ts

@@ -2,5 +2,5 @@ import { RuleGroup } from '@plitzi/plitzi-ui/QueryBuilder';
 export type NodeWhenProps = {
     when?: RuleGroup;
 };
-declare const NodeWhen: ({ when }: NodeWhenProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const NodeWhen: ({ when }: NodeWhenProps) => import("react").JSX.Element | null;
 export default NodeWhen;

package/dist/components/DevToolsPanel/tabs/Logs/categories/LogInteraction/LogInteraction.d.ts

@@ -6,5 +6,5 @@ export type LogInteractionProps = {
     params: TLogInteraction['params'];
     time?: string;
 };
-declare const LogInteraction: ({ time, message, params: { elementId, status, node, nodes, startTime, endTime } }: LogInteractionProps) => import("react/jsx-runtime").JSX.Element;
+declare const LogInteraction: ({ time, message, params: { elementId, status, node, nodes, startTime, endTime } }: LogInteractionProps) => import("react").JSX.Element;
 export default LogInteraction;

package/dist/components/DevToolsPanel/tabs/Logs/categories/LogInteraction/LogInteractionBody.d.ts

@@ -8,5 +8,5 @@ export type LogInteractionBodyProps = {
     duration?: string;
     elementId?: string;
 };
-declare const LogInteractionBody: ({ node, nodes, startTime, endTime, duration, elementId }: LogInteractionBodyProps) => import("react/jsx-runtime").JSX.Element;
+declare const LogInteractionBody: ({ node, nodes, startTime, endTime, duration, elementId }: LogInteractionBodyProps) => import("react").JSX.Element;
 export default LogInteractionBody;

package/dist/components/DevToolsPanel/tabs/Logs/categories/LogInteraction/LogInteractionHeader.d.ts

@@ -5,5 +5,5 @@ export type LogInteractionHeaderProps = {
     message?: ReactNode;
     time?: string;
 };
-declare const LogInteractionHeader: ({ status, message, time }: LogInteractionHeaderProps) => import("react/jsx-runtime").JSX.Element;
+declare const LogInteractionHeader: ({ status, message, time }: LogInteractionHeaderProps) => import("react").JSX.Element;
 export default LogInteractionHeader;

package/dist/components/DevToolsPanel/tabs/Logs/categories/LogNavigation/LogNavigation.d.ts

@@ -6,5 +6,5 @@ export type LogNavigationProps = {
     params?: TLogNavigation['params'];
     time?: string | Date;
 };
-declare const LogNavigation: ({ time, message, params }: LogNavigationProps) => import("react/jsx-runtime").JSX.Element;
+declare const LogNavigation: ({ time, message, params }: LogNavigationProps) => import("react").JSX.Element;
 export default LogNavigation;

package/dist/components/DevToolsPanel/tabs/Logs/categories/LogNavigation/LogNavigationBody.d.ts

@@ -5,5 +5,5 @@ export type LogNavigationBodyProps = {
     duration?: string;
     elementId?: string;
 };
-declare const LogNavigationBody: ({ elementId, startTime, endTime, duration }: LogNavigationBodyProps) => import("react/jsx-runtime").JSX.Element;
+declare const LogNavigationBody: ({ elementId, startTime, endTime, duration }: LogNavigationBodyProps) => import("react").JSX.Element;
 export default LogNavigationBody;