@tanstack/devtools-ui 0.3.3 → 0.3.5

package/dist/esm/components/main-panel.js

@@ -12,9 +12,7 @@ const MainPanel = ({
   return (() => {
     var _el$ = _tmpl$();
     insert(_el$, children);
-    effect(() => className(_el$, clsx(styles().mainPanel.panel, className$1, classStyles, {
-      [styles().mainPanel.withPadding]: withPadding
-    })));
+    effect(() => className(_el$, clsx(styles().mainPanel.panel(Boolean(withPadding)), className$1, classStyles)));
     return _el$;
   })();
 };

package/dist/esm/components/main-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"main-panel.js","sources":["../../../src/components/main-panel.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport { useStyles } from '../styles/use-styles'\nimport type { JSX } from 'solid-js/jsx-runtime'\n\ntype PanelProps = JSX.IntrinsicElements['div'] & {\n  children?: any\n  className?: string\n  withPadding?: boolean\n}\n\nexport const MainPanel = ({\n  className,\n  children,\n  class: classStyles,\n  withPadding,\n}: PanelProps) => {\n  const styles = useStyles()\n  return (\n    <div\n      class={clsx(styles().mainPanel.panel, className, classStyles, {\n        [styles().mainPanel.withPadding]: withPadding,\n      })}\n    >\n      {children}\n    </div>\n  )\n}\n"],"names":["MainPanel","className","children","class","classStyles","withPadding","styles","useStyles","_el$","_tmpl$","_$insert","_$effect","_$className","clsx","mainPanel","panel"],"mappings":";;;;AAUO,MAAMA,YAAYA,CAAC;AAAA,EAAA,WACxBC;AAAAA,EACAC;AAAAA,EACAC,OAAOC;AAAAA,EACPC;AACU,MAAM;AAChB,QAAMC,SAASC,UAAAA;AACf,UAAA,MAAA;AAAA,QAAAC,OAAAC,OAAAA;AAAAC,WAAAF,MAMKN,QAAQ;AAAAS,iBAAAC,UAAAJ,MAJFK,KAAKP,SAASQ,UAAUC,OAAOd,aAAWG,aAAa;AAAA,MAC5D,CAACE,OAAAA,EAASQ,UAAUT,WAAW,GAAGA;AAAAA,IAAAA,CACnC,CAAC,CAAA;AAAA,WAAAG;AAAAA,EAAA,GAAA;AAKR;"}
+{"version":3,"file":"main-panel.js","sources":["../../../src/components/main-panel.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport { useStyles } from '../styles/use-styles'\nimport type { JSX } from 'solid-js/jsx-runtime'\n\ntype PanelProps = JSX.IntrinsicElements['div'] & {\n  children?: any\n  className?: string\n  withPadding?: boolean\n}\n\nexport const MainPanel = ({\n  className,\n  children,\n  class: classStyles,\n  withPadding,\n}: PanelProps) => {\n  const styles = useStyles()\n\n  return (\n    <div\n      class={clsx(\n        styles().mainPanel.panel(Boolean(withPadding)),\n        className,\n        classStyles,\n      )}\n    >\n      {children}\n    </div>\n  )\n}\n"],"names":["MainPanel","className","children","class","classStyles","withPadding","styles","useStyles","_el$","_tmpl$","_$insert","_$effect","_$className","clsx","mainPanel","panel","Boolean"],"mappings":";;;;AAUO,MAAMA,YAAYA,CAAC;AAAA,EAAA,WACxBC;AAAAA,EACAC;AAAAA,EACAC,OAAOC;AAAAA,EACPC;AACU,MAAM;AAChB,QAAMC,SAASC,UAAAA;AAEf,UAAA,MAAA;AAAA,QAAAC,OAAAC,OAAAA;AAAAC,WAAAF,MAQKN,QAAQ;AAAAS,WAAA,MAAAC,UAAAJ,MANFK,KACLP,SAASQ,UAAUC,MAAMC,QAAQX,WAAW,CAAC,GAC7CJ,aACAG,WACF,CAAC,CAAA;AAAA,WAAAI;AAAAA,EAAA,GAAA;AAKP;"}

package/dist/esm/components/theme.d.ts

@@ -0,0 +1,12 @@
+import { Accessor, JSX } from 'solid-js';
+export type Theme = 'light' | 'dark';
+type ThemeContextValue = {
+    theme: Accessor<Theme>;
+    setTheme: (theme: Theme) => void;
+};
+export declare const ThemeContextProvider: (props: {
+    children: JSX.Element;
+    theme: Theme;
+}) => JSX.Element;
+export declare function useTheme(): ThemeContextValue;
+export {};

package/dist/esm/components/theme.js

@@ -0,0 +1,30 @@
+import { createComponent } from "solid-js/web";
+import { createContext, createSignal, createEffect, useContext } from "solid-js";
+const ThemeContext = createContext(void 0);
+const ThemeContextProvider = (props) => {
+  const [theme, setTheme] = createSignal(props.theme);
+  createEffect(() => {
+    setTheme(props.theme);
+  });
+  return createComponent(ThemeContext.Provider, {
+    value: {
+      theme,
+      setTheme
+    },
+    get children() {
+      return props.children;
+    }
+  });
+};
+function useTheme() {
+  const context = useContext(ThemeContext);
+  if (!context) {
+    throw new Error("useTheme must be used within a ThemeContextProvider");
+  }
+  return context;
+}
+export {
+  ThemeContextProvider,
+  useTheme
+};
+//# sourceMappingURL=theme.js.map

package/dist/esm/components/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sources":["../../../src/components/theme.tsx"],"sourcesContent":["import { createContext, createEffect, createSignal, useContext } from 'solid-js'\nimport type { Accessor, JSX } from 'solid-js'\n\nexport type Theme = 'light' | 'dark'\n\ntype ThemeContextValue = {\n  theme: Accessor<Theme>\n  setTheme: (theme: Theme) => void\n}\nconst ThemeContext = createContext<ThemeContextValue | undefined>(undefined)\n\nexport const ThemeContextProvider = (props: {\n  children: JSX.Element\n  theme: Theme\n}) => {\n  const [theme, setTheme] = createSignal<Theme>(props.theme)\n  createEffect(() => {\n    setTheme(props.theme)\n  })\n  return (\n    <ThemeContext.Provider value={{ theme, setTheme }}>\n      {props.children}\n    </ThemeContext.Provider>\n  )\n}\n\nexport function useTheme() {\n  const context = useContext(ThemeContext)\n  if (!context) {\n    throw new Error('useTheme must be used within a ThemeContextProvider')\n  }\n\n  return context\n}\n"],"names":["ThemeContext","createContext","undefined","ThemeContextProvider","props","theme","setTheme","createSignal","createEffect","_$createComponent","Provider","value","children","useTheme","context","useContext","Error"],"mappings":";;AASA,MAAMA,eAAeC,cAA6CC,MAAS;AAEpE,MAAMC,uBAAuBA,CAACC,UAG/B;AACJ,QAAM,CAACC,OAAOC,QAAQ,IAAIC,aAAoBH,MAAMC,KAAK;AACzDG,eAAa,MAAM;AACjBF,aAASF,MAAMC,KAAK;AAAA,EACtB,CAAC;AACD,SAAAI,gBACGT,aAAaU,UAAQ;AAAA,IAACC,OAAO;AAAA,MAAEN;AAAAA,MAAOC;AAAAA,IAAAA;AAAAA,IAAU,IAAAM,WAAA;AAAA,aAC9CR,MAAMQ;AAAAA,IAAQ;AAAA,EAAA,CAAA;AAGrB;AAEO,SAASC,WAAW;AACzB,QAAMC,UAAUC,WAAWf,YAAY;AACvC,MAAI,CAACc,SAAS;AACZ,UAAM,IAAIE,MAAM,qDAAqD;AAAA,EACvE;AAEA,SAAOF;AACT;"}

package/dist/esm/components/tree.d.ts

@@ -1,4 +1,5 @@
 export declare function JsonTree(props: {
     value: any;
     copyable?: boolean;
+    defaultExpansionDepth?: number;
 }): import("solid-js").JSX.Element;