@tanstack/devtools-ui 0.3.0 → 0.3.1

package/dist/cjs/components/button.cjs

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const web = require("solid-js/web");
+const solidJs = require("solid-js");
+const clsx = require("clsx");
+const useStyles = require("../styles/use-styles.cjs");
+var _tmpl$ = /* @__PURE__ */ web.template(`<button>`);
+function Button(props) {
+  const styles = useStyles.useStyles();
+  const [local, rest] = solidJs.splitProps(props, ["variant", "outline", "ghost", "children", "className"]);
+  const variant = local.variant || "primary";
+  const classes = clsx(styles().button.base, styles().button.variant(variant, local.outline, local.ghost), local.className);
+  return (() => {
+    var _el$ = _tmpl$();
+    web.spread(_el$, web.mergeProps(rest, {
+      "class": classes
+    }), false, true);
+    web.insert(_el$, () => local.children);
+    return _el$;
+  })();
+}
+exports.Button = Button;
+//# sourceMappingURL=button.cjs.map

package/dist/cjs/components/button.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.cjs","sources":["../../../src/components/button.tsx"],"sourcesContent":["import { splitProps } from 'solid-js'\nimport clsx from 'clsx'\nimport { useStyles } from '../styles/use-styles'\nimport type { JSX } from 'solid-js'\n\nexport type ButtonVariant =\n  | 'primary'\n  | 'secondary'\n  | 'danger'\n  | 'success'\n  | 'info'\n  | 'warning'\ntype ButtonProps = JSX.ButtonHTMLAttributes<HTMLButtonElement> & {\n  variant?: ButtonVariant\n  outline?: boolean\n  ghost?: boolean\n  children?: any\n  className?: string\n}\n\nexport function Button(props: ButtonProps) {\n  const styles = useStyles()\n  const [local, rest] = splitProps(props, [\n    'variant',\n    'outline',\n    'ghost',\n    'children',\n    'className',\n  ])\n  const variant = local.variant || 'primary'\n  const classes = clsx(\n    styles().button.base,\n    styles().button.variant(variant, local.outline, local.ghost),\n    local.className,\n  )\n\n  return (\n    <button {...rest} class={classes}>\n      {local.children}\n    </button>\n  )\n}\n"],"names":["Button","props","styles","useStyles","local","rest","splitProps","variant","classes","clsx","button","base","outline","ghost","className","_el$","_tmpl$","_$spread","_$mergeProps","_$insert","children"],"mappings":";;;;;;;AAoBO,SAASA,OAAOC,OAAoB;AACzC,QAAMC,SAASC,UAAAA,UAAAA;AACf,QAAM,CAACC,OAAOC,IAAI,IAAIC,QAAAA,WAAWL,OAAO,CACtC,WACA,WACA,SACA,YACA,WAAW,CACZ;AACD,QAAMM,UAAUH,MAAMG,WAAW;AACjC,QAAMC,UAAUC,KACdP,OAAAA,EAASQ,OAAOC,MAChBT,SAASQ,OAAOH,QAAQA,SAASH,MAAMQ,SAASR,MAAMS,KAAK,GAC3DT,MAAMU,SACR;AAEA,UAAA,MAAA;AAAA,QAAAC,OAAAC,OAAAA;AAAAC,eAAAF,MAAAG,IAAAA,WACcb,MAAI;AAAA,MAAA,SAASG;AAAAA,IAAAA,CAAO,GAAA,OAAA,IAAA;AAAAW,QAAAA,OAAAJ,MAAA,MAC7BX,MAAMgB,QAAQ;AAAA,WAAAL;AAAAA,EAAA,GAAA;AAGrB;;"}

package/dist/cjs/components/button.d.cts

@@ -0,0 +1,11 @@
+import { JSX } from 'solid-js';
+export type ButtonVariant = 'primary' | 'secondary' | 'danger' | 'success' | 'info' | 'warning';
+type ButtonProps = JSX.ButtonHTMLAttributes<HTMLButtonElement> & {
+    variant?: ButtonVariant;
+    outline?: boolean;
+    ghost?: boolean;
+    children?: any;
+    className?: string;
+};
+export declare function Button(props: ButtonProps): JSX.Element;
+export {};

package/dist/cjs/components/tag.cjs

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const web = require("solid-js/web");
+const solidJs = require("solid-js");
+const useStyles = require("../styles/use-styles.cjs");
+var _tmpl$ = /* @__PURE__ */ web.template(`<span>`), _tmpl$2 = /* @__PURE__ */ web.template(`<button><span></span><span>`);
+const Tag = (props) => {
+  const styles = useStyles.useStyles();
+  return (() => {
+    var _el$ = _tmpl$2(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
+    web.insert(_el$3, () => props.label);
+    web.insert(_el$, web.createComponent(solidJs.Show, {
+      get when() {
+        return props.count && props.count > 0;
+      },
+      get children() {
+        var _el$4 = _tmpl$();
+        web.insert(_el$4, () => props.count);
+        web.effect(() => web.className(_el$4, styles().tag.count));
+        return _el$4;
+      }
+    }), null);
+    web.effect((_p$) => {
+      var _v$ = props.disabled, _v$2 = styles().tag.base, _v$3 = styles().tag.dot(props.color), _v$4 = styles().tag.label;
+      _v$ !== _p$.e && (_el$.disabled = _p$.e = _v$);
+      _v$2 !== _p$.t && web.className(_el$, _p$.t = _v$2);
+      _v$3 !== _p$.a && web.className(_el$2, _p$.a = _v$3);
+      _v$4 !== _p$.o && web.className(_el$3, _p$.o = _v$4);
+      return _p$;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0,
+      o: void 0
+    });
+    return _el$;
+  })();
+};
+exports.Tag = Tag;
+//# sourceMappingURL=tag.cjs.map

package/dist/cjs/components/tag.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag.cjs","sources":["../../../src/components/tag.tsx"],"sourcesContent":["import { Show } from 'solid-js'\nimport { useStyles } from '../styles/use-styles'\nimport type { tokens } from '../styles/tokens'\n\nexport const Tag = (props: {\n  color: keyof typeof tokens.colors\n  label: string\n  count?: number\n  disabled?: boolean\n}) => {\n  const styles = useStyles()\n  return (\n    <button disabled={props.disabled} class={styles().tag.base}>\n      <span class={styles().tag.dot(props.color)} />\n      <span class={styles().tag.label}>{props.label}</span>\n\n      <Show when={props.count && props.count > 0}>\n        <span class={styles().tag.count}>{props.count}</span>\n      </Show>\n    </button>\n  )\n}\n"],"names":["Tag","props","styles","useStyles","_el$","_tmpl$2","_el$2","firstChild","_el$3","nextSibling","_$insert","label","_$createComponent","Show","when","count","children","_el$4","_tmpl$","_$effect","_$className","tag","_p$","_v$","disabled","_v$2","base","_v$3","dot","color","_v$4","e","t","a","o","undefined"],"mappings":";;;;;;AAIO,MAAMA,MAAMA,CAACC,UAKd;AACJ,QAAMC,SAASC,UAAAA,UAAAA;AACf,UAAA,MAAA;AAAA,QAAAC,OAAAC,QAAAA,GAAAC,QAAAF,KAAAG,YAAAC,QAAAF,MAAAG;AAAAC,QAAAA,OAAAF,OAAA,MAGsCP,MAAMU,KAAK;AAAAD,eAAAN,MAAAQ,IAAAA,gBAE5CC,cAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAEb,MAAMc,SAASd,MAAMc,QAAQ;AAAA,MAAC;AAAA,MAAA,IAAAC,WAAA;AAAA,YAAAC,QAAAC,OAAAA;AAAAR,YAAAA,OAAAO,OAAA,MACNhB,MAAMc,KAAK;AAAAI,YAAAA,OAAA,MAAAC,IAAAA,UAAAH,OAAhCf,SAASmB,IAAIN,KAAK,CAAA;AAAA,eAAAE;AAAAA,MAAA;AAAA,IAAA,CAAA,GAAA,IAAA;AAAAE,QAAAA,OAAAG,CAAAA,QAAA;AAAA,UAAAC,MALjBtB,MAAMuB,UAAQC,OAASvB,SAASmB,IAAIK,MAAIC,OAC3CzB,SAASmB,IAAIO,IAAI3B,MAAM4B,KAAK,GAACC,OAC7B5B,SAASmB,IAAIV;AAAKY,cAAAD,IAAAS,MAAA3B,KAAAoB,WAAAF,IAAAS,IAAAR;AAAAE,eAAAH,IAAAU,KAAAZ,IAAAA,UAAAhB,MAAAkB,IAAAU,IAAAP,IAAA;AAAAE,eAAAL,IAAAW,KAAAb,IAAAA,UAAAd,OAAAgB,IAAAW,IAAAN,IAAA;AAAAG,eAAAR,IAAAY,KAAAd,IAAAA,UAAAZ,OAAAc,IAAAY,IAAAJ,IAAA;AAAA,aAAAR;AAAAA,IAAA,GAAA;AAAA,MAAAS,GAAAI;AAAAA,MAAAH,GAAAG;AAAAA,MAAAF,GAAAE;AAAAA,MAAAD,GAAAC;AAAAA,IAAAA,CAAA;AAAA,WAAA/B;AAAAA,EAAA,GAAA;AAOrC;;"}

package/dist/cjs/components/tag.d.cts

@@ -0,0 +1,7 @@
+import { tokens } from '../styles/tokens.cjs';
+export declare const Tag: (props: {
+    color: keyof typeof tokens.colors;
+    label: string;
+    count?: number;
+    disabled?: boolean;
+}) => import("solid-js").JSX.Element;

package/dist/cjs/components/tree.cjs

@@ -2,8 +2,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const web = require("solid-js/web");
 const solidJs = require("solid-js");
+const clsx = require("clsx");
 const useStyles = require("../styles/use-styles.cjs");
-var _tmpl$ = /* @__PURE__ */ web.template(`<span>`), _tmpl$2 = /* @__PURE__ */ web.template(`<span><span>&quot;<!>&quot;`), _tmpl$3 = /* @__PURE__ */ web.template(`<span>&quot;<!>&quot;: `), _tmpl$4 = /* @__PURE__ */ web.template(`<span><span>`), _tmpl$5 = /* @__PURE__ */ web.template(`<span><span>null`), _tmpl$6 = /* @__PURE__ */ web.template(`<span><span>undefined`), _tmpl$7 = /* @__PURE__ */ web.template(`<span><span>[</span><span>]`), _tmpl$8 = /* @__PURE__ */ web.template(`<span><span>{</span><span>}`), _tmpl$9 = /* @__PURE__ */ web.template(`<span>,`);
+var _tmpl$ = /* @__PURE__ */ web.template(`<span>`), _tmpl$2 = /* @__PURE__ */ web.template(`<span>&quot;<!>&quot;: `), _tmpl$3 = /* @__PURE__ */ web.template(`<span>&quot;<!>&quot;`), _tmpl$4 = /* @__PURE__ */ web.template(`<span>null`), _tmpl$5 = /* @__PURE__ */ web.template(`<span>undefined`), _tmpl$6 = /* @__PURE__ */ web.template(`<span>,`), _tmpl$7 = /* @__PURE__ */ web.template(`<span><span>[</span><span>]`), _tmpl$8 = /* @__PURE__ */ web.template(`<span><span>{</span><span>}`);
 function JsonTree(props) {
   return web.createComponent(JsonValue, {
     isRoot: true,
@@ -22,153 +23,215 @@ function JsonValue(props) {
   const styles = useStyles.useStyles();
   return (() => {
     var _el$ = _tmpl$();
+    web.insert(_el$, (() => {
+      var _c$ = web.memo(() => !!(keyName && typeof value !== "object" && !Array.isArray(value)));
+      return () => _c$() && (() => {
+        var _el$2 = _tmpl$2(), _el$3 = _el$2.firstChild, _el$5 = _el$3.nextSibling;
+        _el$5.nextSibling;
+        web.insert(_el$2, keyName, _el$5);
+        web.effect(() => web.className(_el$2, styles().tree.valueKey));
+        return _el$2;
+      })();
+    })(), null);
     web.insert(_el$, () => {
       if (typeof value === "string") {
         return (() => {
-          var _el$2 = _tmpl$2(), _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$6 = _el$4.nextSibling;
-          _el$6.nextSibling;
-          web.insert(_el$2, keyName && (() => {
-            var _el$7 = _tmpl$3(), _el$8 = _el$7.firstChild, _el$10 = _el$8.nextSibling;
-            _el$10.nextSibling;
-            web.insert(_el$7, keyName, _el$10);
-            web.effect(() => web.className(_el$7, styles().tree.valueKey));
-            return _el$7;
-          })(), _el$3);
-          web.insert(_el$3, value, _el$6);
-          web.effect(() => web.className(_el$3, styles().tree.valueString));
-          return _el$2;
+          var _el$6 = _tmpl$3(), _el$7 = _el$6.firstChild, _el$9 = _el$7.nextSibling;
+          _el$9.nextSibling;
+          web.insert(_el$6, value, _el$9);
+          web.effect(() => web.className(_el$6, styles().tree.valueString));
+          return _el$6;
         })();
       }
       if (typeof value === "number") {
         return (() => {
-          var _el$11 = _tmpl$4(), _el$12 = _el$11.firstChild;
-          web.insert(_el$11, keyName && (() => {
-            var _el$13 = _tmpl$3(), _el$14 = _el$13.firstChild, _el$16 = _el$14.nextSibling;
-            _el$16.nextSibling;
-            web.insert(_el$13, keyName, _el$16);
-            web.effect(() => web.className(_el$13, styles().tree.valueKey));
-            return _el$13;
-          })(), _el$12);
-          web.insert(_el$12, value);
-          web.effect(() => web.className(_el$12, styles().tree.valueNumber));
-          return _el$11;
+          var _el$10 = _tmpl$();
+          web.insert(_el$10, value);
+          web.effect(() => web.className(_el$10, styles().tree.valueNumber));
+          return _el$10;
         })();
       }
       if (typeof value === "boolean") {
         return (() => {
-          var _el$17 = _tmpl$4(), _el$18 = _el$17.firstChild;
-          web.insert(_el$17, keyName && (() => {
-            var _el$19 = _tmpl$3(), _el$20 = _el$19.firstChild, _el$22 = _el$20.nextSibling;
-            _el$22.nextSibling;
-            web.insert(_el$19, keyName, _el$22);
-            web.effect(() => web.className(_el$19, styles().tree.valueKey));
-            return _el$19;
-          })(), _el$18);
-          web.insert(_el$18, () => String(value));
-          web.effect(() => web.className(_el$18, styles().tree.valueBoolean));
-          return _el$17;
+          var _el$11 = _tmpl$();
+          web.insert(_el$11, () => String(value));
+          web.effect(() => web.className(_el$11, styles().tree.valueBoolean));
+          return _el$11;
         })();
       }
       if (value === null) {
         return (() => {
-          var _el$23 = _tmpl$5(), _el$24 = _el$23.firstChild;
-          web.insert(_el$23, keyName && (() => {
-            var _el$25 = _tmpl$3(), _el$26 = _el$25.firstChild, _el$28 = _el$26.nextSibling;
-            _el$28.nextSibling;
-            web.insert(_el$25, keyName, _el$28);
-            web.effect(() => web.className(_el$25, styles().tree.valueKey));
-            return _el$25;
-          })(), _el$24);
-          web.effect(() => web.className(_el$24, styles().tree.valueNull));
-          return _el$23;
+          var _el$12 = _tmpl$4();
+          web.effect(() => web.className(_el$12, styles().tree.valueNull));
+          return _el$12;
         })();
       }
       if (value === void 0) {
         return (() => {
-          var _el$29 = _tmpl$6(), _el$30 = _el$29.firstChild;
-          web.insert(_el$29, keyName && (() => {
-            var _el$31 = _tmpl$3(), _el$32 = _el$31.firstChild, _el$34 = _el$32.nextSibling;
-            _el$34.nextSibling;
-            web.insert(_el$31, keyName, _el$34);
-            web.effect(() => web.className(_el$31, styles().tree.valueKey));
-            return _el$31;
-          })(), _el$30);
-          web.effect(() => web.className(_el$30, styles().tree.valueNull));
-          return _el$29;
+          var _el$13 = _tmpl$5();
+          web.effect(() => web.className(_el$13, styles().tree.valueNull));
+          return _el$13;
         })();
       }
-      if (Array.isArray(value)) {
+      if (typeof value === "function") {
         return (() => {
-          var _el$35 = _tmpl$7(), _el$36 = _el$35.firstChild, _el$37 = _el$36.nextSibling;
-          web.insert(_el$35, keyName && (() => {
-            var _el$38 = _tmpl$3(), _el$39 = _el$38.firstChild, _el$41 = _el$39.nextSibling;
-            _el$41.nextSibling;
-            web.insert(_el$38, keyName, _el$41);
-            web.effect(() => web.className(_el$38, styles().tree.valueKey));
-            return _el$38;
-          })(), _el$36);
-          web.insert(_el$35, web.createComponent(solidJs.For, {
-            each: value,
-            children: (item, i) => {
-              const isLastKey2 = i() === value.length - 1;
-              return web.createComponent(JsonValue, {
-                value: item,
-                isLastKey: isLastKey2
-              });
-            }
-          }), _el$37);
-          web.effect((_p$) => {
-            var _v$ = styles().tree.valueBraces, _v$2 = styles().tree.valueBraces;
-            _v$ !== _p$.e && web.className(_el$36, _p$.e = _v$);
-            _v$2 !== _p$.t && web.className(_el$37, _p$.t = _v$2);
-            return _p$;
-          }, {
-            e: void 0,
-            t: void 0
-          });
-          return _el$35;
+          var _el$14 = _tmpl$();
+          web.insert(_el$14, () => String(value));
+          web.effect(() => web.className(_el$14, styles().tree.valueFunction));
+          return _el$14;
         })();
       }
+      if (Array.isArray(value)) {
+        return web.createComponent(ArrayValue, {
+          keyName,
+          value
+        });
+      }
       if (typeof value === "object") {
-        const keys = Object.keys(value);
-        const lastKeyName = keys[keys.length - 1];
-        return (() => {
-          var _el$42 = _tmpl$8(), _el$43 = _el$42.firstChild, _el$44 = _el$43.nextSibling;
-          web.insert(_el$42, keyName && (() => {
-            var _el$45 = _tmpl$3(), _el$46 = _el$45.firstChild, _el$48 = _el$46.nextSibling;
-            _el$48.nextSibling;
-            web.insert(_el$45, keyName, _el$48);
-            web.effect(() => web.className(_el$45, styles().tree.valueKey));
-            return _el$45;
-          })(), _el$43);
-          web.insert(_el$42, web.createComponent(solidJs.For, {
-            each: keys,
-            children: (k) => web.createComponent(JsonValue, {
-              get value() {
-                return value[k];
-              },
-              keyName: k,
-              isLastKey: lastKeyName === k
-            })
-          }), _el$44);
-          web.effect((_p$) => {
-            var _v$3 = styles().tree.valueBraces, _v$4 = styles().tree.valueBraces;
-            _v$3 !== _p$.e && web.className(_el$43, _p$.e = _v$3);
-            _v$4 !== _p$.t && web.className(_el$44, _p$.t = _v$4);
-            return _p$;
-          }, {
-            e: void 0,
-            t: void 0
-          });
-          return _el$42;
-        })();
+        return web.createComponent(ObjectValue, {
+          keyName,
+          value
+        });
       }
       return _tmpl$();
     }, null);
-    web.insert(_el$, isLastKey || isRoot ? "" : _tmpl$9(), null);
+    web.insert(_el$, isLastKey || isRoot ? "" : _tmpl$6(), null);
     web.effect(() => web.className(_el$, styles().tree.valueContainer(isRoot)));
     return _el$;
   })();
 }
+const ArrayValue = ({
+  value,
+  keyName
+}) => {
+  const styles = useStyles.useStyles();
+  const [expanded, setExpanded] = solidJs.createSignal(true);
+  return (() => {
+    var _el$17 = _tmpl$7(), _el$18 = _el$17.firstChild, _el$20 = _el$18.nextSibling;
+    web.insert(_el$17, keyName && (() => {
+      var _el$21 = _tmpl$2(), _el$22 = _el$21.firstChild, _el$24 = _el$22.nextSibling;
+      _el$24.nextSibling;
+      _el$21.$$click = (e) => {
+        e.stopPropagation();
+        e.stopImmediatePropagation();
+        setExpanded(!expanded());
+      };
+      web.insert(_el$21, keyName, _el$24);
+      web.effect(() => web.className(_el$21, clsx(styles().tree.valueKey, styles().tree.collapsible)));
+      return _el$21;
+    })(), _el$18);
+    web.insert(_el$17, web.createComponent(solidJs.Show, {
+      get when() {
+        return expanded();
+      },
+      get children() {
+        return web.createComponent(solidJs.For, {
+          each: value,
+          children: (item, i) => {
+            const isLastKey = i() === value.length - 1;
+            return web.createComponent(JsonValue, {
+              value: item,
+              isLastKey
+            });
+          }
+        });
+      }
+    }), _el$20);
+    web.insert(_el$17, web.createComponent(solidJs.Show, {
+      get when() {
+        return !expanded();
+      },
+      get children() {
+        var _el$19 = _tmpl$();
+        _el$19.$$click = (e) => {
+          e.stopPropagation();
+          e.stopImmediatePropagation();
+          setExpanded(!expanded());
+        };
+        web.insert(_el$19, () => `... ${value.length} more`);
+        web.effect(() => web.className(_el$19, clsx(styles().tree.valueKey, styles().tree.collapsible)));
+        return _el$19;
+      }
+    }), _el$20);
+    web.effect((_p$) => {
+      var _v$ = styles().tree.valueBraces, _v$2 = styles().tree.valueBraces;
+      _v$ !== _p$.e && web.className(_el$18, _p$.e = _v$);
+      _v$2 !== _p$.t && web.className(_el$20, _p$.t = _v$2);
+      return _p$;
+    }, {
+      e: void 0,
+      t: void 0
+    });
+    return _el$17;
+  })();
+};
+const ObjectValue = ({
+  value,
+  keyName
+}) => {
+  const styles = useStyles.useStyles();
+  const [expanded, setExpanded] = solidJs.createSignal(true);
+  const keys = Object.keys(value);
+  const lastKeyName = keys[keys.length - 1];
+  return (() => {
+    var _el$25 = _tmpl$8(), _el$26 = _el$25.firstChild, _el$28 = _el$26.nextSibling;
+    web.insert(_el$25, keyName && (() => {
+      var _el$29 = _tmpl$2(), _el$30 = _el$29.firstChild, _el$32 = _el$30.nextSibling;
+      _el$32.nextSibling;
+      _el$29.$$click = (e) => {
+        e.stopPropagation();
+        e.stopImmediatePropagation();
+        setExpanded(!expanded());
+      };
+      web.insert(_el$29, keyName, _el$32);
+      web.effect(() => web.className(_el$29, clsx(styles().tree.valueKey, styles().tree.collapsible)));
+      return _el$29;
+    })(), _el$26);
+    web.insert(_el$25, web.createComponent(solidJs.Show, {
+      get when() {
+        return expanded();
+      },
+      get children() {
+        return web.createComponent(solidJs.For, {
+          each: keys,
+          children: (k) => web.createComponent(JsonValue, {
+            get value() {
+              return value[k];
+            },
+            keyName: k,
+            isLastKey: lastKeyName === k
+          })
+        });
+      }
+    }), _el$28);
+    web.insert(_el$25, web.createComponent(solidJs.Show, {
+      get when() {
+        return !expanded();
+      },
+      get children() {
+        var _el$27 = _tmpl$();
+        _el$27.$$click = (e) => {
+          e.stopPropagation();
+          e.stopImmediatePropagation();
+          setExpanded(!expanded());
+        };
+        web.insert(_el$27, () => `... ${keys.length} more`);
+        web.effect(() => web.className(_el$27, clsx(styles().tree.valueKey, styles().tree.collapsible)));
+        return _el$27;
+      }
+    }), _el$28);
+    web.effect((_p$) => {
+      var _v$3 = styles().tree.valueBraces, _v$4 = styles().tree.valueBraces;
+      _v$3 !== _p$.e && web.className(_el$26, _p$.e = _v$3);
+      _v$4 !== _p$.t && web.className(_el$28, _p$.t = _v$4);
+      return _p$;
+    }, {
+      e: void 0,
+      t: void 0
+    });
+    return _el$25;
+  })();
+};
+web.delegateEvents(["click"]);
 exports.JsonTree = JsonTree;
 //# sourceMappingURL=tree.cjs.map

package/dist/cjs/components/tree.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"tree.cjs","sources":["../../../src/components/tree.tsx"],"sourcesContent":["import { For } from 'solid-js'\nimport { useStyles } from '../styles/use-styles'\n\nexport function JsonTree(props: { value: any }) {\n  return <JsonValue isRoot value={props.value} />\n}\n\nfunction JsonValue(props: {\n  value: any\n  keyName?: string\n  isRoot?: boolean\n  isLastKey?: boolean\n}) {\n  const { value, keyName, isRoot = false, isLastKey } = props\n  const styles = useStyles()\n\n  return (\n    <span class={styles().tree.valueContainer(isRoot)}>\n      {(() => {\n        if (typeof value === 'string') {\n          return (\n            <span>\n              {keyName && (\n                <span class={styles().tree.valueKey}>\n                  &quot;{keyName}&quot;:{' '}\n                </span>\n              )}\n              <span class={styles().tree.valueString}>&quot;{value}&quot;</span>\n            </span>\n          )\n        }\n        if (typeof value === 'number') {\n          return (\n            <span>\n              {keyName && (\n                <span class={styles().tree.valueKey}>\n                  &quot;{keyName}&quot;:{' '}\n                </span>\n              )}\n              <span class={styles().tree.valueNumber}>{value}</span>\n            </span>\n          )\n        }\n        if (typeof value === 'boolean') {\n          return (\n            <span>\n              {keyName && (\n                <span class={styles().tree.valueKey}>\n                  &quot;{keyName}&quot;:{' '}\n                </span>\n              )}\n              <span class={styles().tree.valueBoolean}>{String(value)}</span>\n            </span>\n          )\n        }\n        if (value === null) {\n          return (\n            <span>\n              {keyName && (\n                <span class={styles().tree.valueKey}>\n                  &quot;{keyName}&quot;:{' '}\n                </span>\n              )}\n              <span class={styles().tree.valueNull}>null</span>\n            </span>\n          )\n        }\n        if (value === undefined) {\n          return (\n            <span>\n              {keyName && (\n                <span class={styles().tree.valueKey}>\n                  &quot;{keyName}&quot;:{' '}\n                </span>\n              )}\n              <span class={styles().tree.valueNull}>undefined</span>\n            </span>\n          )\n        }\n        if (Array.isArray(value)) {\n          return (\n            <span>\n              {keyName && (\n                <span class={styles().tree.valueKey}>\n                  &quot;{keyName}&quot;:{' '}\n                </span>\n              )}\n              <span class={styles().tree.valueBraces}>[</span>\n              <For each={value}>\n                {(item, i) => {\n                  const isLastKey = i() === value.length - 1\n                  return (\n                    <>\n                      <JsonValue value={item} isLastKey={isLastKey} />\n                    </>\n                  )\n                }}\n              </For>\n              <span class={styles().tree.valueBraces}>]</span>\n            </span>\n          )\n        }\n        if (typeof value === 'object') {\n          const keys = Object.keys(value)\n          const lastKeyName = keys[keys.length - 1]\n          return (\n            <span>\n              {keyName && (\n                <span class={styles().tree.valueKey}>\n                  &quot;{keyName}&quot;:{' '}\n                </span>\n              )}\n              <span class={styles().tree.valueBraces}>{'{'}</span>\n              <For each={keys}>\n                {(k) => (\n                  <>\n                    <JsonValue\n                      value={value[k]}\n                      keyName={k}\n                      isLastKey={lastKeyName === k}\n                    />\n                  </>\n                )}\n              </For>\n              <span class={styles().tree.valueBraces}>{'}'}</span>\n            </span>\n          )\n        }\n        return <span />\n      })()}\n      {isLastKey || isRoot ? '' : <span>,</span>}\n    </span>\n  )\n}\n"],"names":["JsonTree","props","_$createComponent","JsonValue","isRoot","value","keyName","isLastKey","styles","useStyles","_el$","_tmpl$","_$insert","_el$2","_tmpl$2","_el$3","firstChild","_el$4","_el$6","nextSibling","_el$7","_tmpl$3","_el$8","_el$10","_$effect","_$className","tree","valueKey","valueString","_el$11","_tmpl$4","_el$12","_el$13","_el$14","_el$16","valueNumber","_el$17","_el$18","_el$19","_el$20","_el$22","String","valueBoolean","_el$23","_tmpl$5","_el$24","_el$25","_el$26","_el$28","valueNull","undefined","_el$29","_tmpl$6","_el$30","_el$31","_el$32","_el$34","Array","isArray","_el$35","_tmpl$7","_el$36","_el$37","_el$38","_el$39","_el$41","For","each","children","item","i","length","_p$","_v$","valueBraces","_v$2","e","t","keys","Object","lastKeyName","_el$42","_tmpl$8","_el$43","_el$44","_el$45","_el$46","_el$48","k","_v$3","_v$4","_tmpl$9","valueContainer"],"mappings":"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"}
+{"version":3,"file":"tree.cjs","sources":["../../../src/components/tree.tsx"],"sourcesContent":["import { For, Show, createSignal } from 'solid-js'\nimport clsx from 'clsx'\nimport { useStyles } from '../styles/use-styles'\n\nexport function JsonTree(props: { value: any }) {\n  return <JsonValue isRoot value={props.value} />\n}\n\nfunction JsonValue(props: {\n  value: any\n  keyName?: string\n  isRoot?: boolean\n  isLastKey?: boolean\n}) {\n  const { value, keyName, isRoot = false, isLastKey } = props\n  const styles = useStyles()\n\n  return (\n    <span class={styles().tree.valueContainer(isRoot)}>\n      {keyName && typeof value !== 'object' && !Array.isArray(value) && (\n        <span class={styles().tree.valueKey}>&quot;{keyName}&quot;: </span>\n      )}\n      {(() => {\n        if (typeof value === 'string') {\n          return (\n            <span class={styles().tree.valueString}>&quot;{value}&quot;</span>\n          )\n        }\n        if (typeof value === 'number') {\n          return <span class={styles().tree.valueNumber}>{value}</span>\n        }\n        if (typeof value === 'boolean') {\n          return <span class={styles().tree.valueBoolean}>{String(value)}</span>\n        }\n        if (value === null) {\n          return <span class={styles().tree.valueNull}>null</span>\n        }\n        if (value === undefined) {\n          return <span class={styles().tree.valueNull}>undefined</span>\n        }\n        if (typeof value === 'function') {\n          return (\n            <span class={styles().tree.valueFunction}>{String(value)}</span>\n          )\n        }\n        if (Array.isArray(value)) {\n          return <ArrayValue keyName={keyName} value={value} />\n        }\n        if (typeof value === 'object') {\n          return <ObjectValue keyName={keyName} value={value} />\n        }\n        return <span />\n      })()}\n      {isLastKey || isRoot ? '' : <span>,</span>}\n    </span>\n  )\n}\n\nconst ArrayValue = ({\n  value,\n  keyName,\n}: {\n  value: Array<any>\n  keyName?: string\n}) => {\n  const styles = useStyles()\n  const [expanded, setExpanded] = createSignal(true)\n  return (\n    <span>\n      {keyName && (\n        <span\n          onclick={(e) => {\n            e.stopPropagation()\n            e.stopImmediatePropagation()\n            setExpanded(!expanded())\n          }}\n          class={clsx(styles().tree.valueKey, styles().tree.collapsible)}\n        >\n          &quot;{keyName}&quot;:{' '}\n        </span>\n      )}\n      <span class={styles().tree.valueBraces}>[</span>\n      <Show when={expanded()}>\n        <For each={value}>\n          {(item, i) => {\n            const isLastKey = i() === value.length - 1\n            return (\n              <>\n                <JsonValue value={item} isLastKey={isLastKey} />\n              </>\n            )\n          }}\n        </For>\n      </Show>\n      <Show when={!expanded()}>\n        <span\n          onClick={(e) => {\n            e.stopPropagation()\n            e.stopImmediatePropagation()\n            setExpanded(!expanded())\n          }}\n          class={clsx(styles().tree.valueKey, styles().tree.collapsible)}\n        >\n          {`... ${value.length} more`}\n        </span>\n      </Show>\n      <span class={styles().tree.valueBraces}>]</span>\n    </span>\n  )\n}\n\nconst ObjectValue = ({\n  value,\n  keyName,\n}: {\n  value: Record<string, any>\n  keyName?: string\n}) => {\n  const styles = useStyles()\n  const [expanded, setExpanded] = createSignal(true)\n  const keys = Object.keys(value)\n  const lastKeyName = keys[keys.length - 1]\n\n  return (\n    <span>\n      {keyName && (\n        <span\n          onClick={(e) => {\n            e.stopPropagation()\n            e.stopImmediatePropagation()\n            setExpanded(!expanded())\n          }}\n          class={clsx(styles().tree.valueKey, styles().tree.collapsible)}\n        >\n          &quot;{keyName}&quot;:{' '}\n        </span>\n      )}\n      <span class={styles().tree.valueBraces}>{'{'}</span>\n      <Show when={expanded()}>\n        <For each={keys}>\n          {(k) => (\n            <>\n              <JsonValue\n                value={value[k]}\n                keyName={k}\n                isLastKey={lastKeyName === k}\n              />\n            </>\n          )}\n        </For>\n      </Show>\n      <Show when={!expanded()}>\n        <span\n          onClick={(e) => {\n            e.stopPropagation()\n            e.stopImmediatePropagation()\n            setExpanded(!expanded())\n          }}\n          class={clsx(styles().tree.valueKey, styles().tree.collapsible)}\n        >\n          {`... ${keys.length} more`}\n        </span>\n      </Show>\n      <span class={styles().tree.valueBraces}>{'}'}</span>\n    </span>\n  )\n}\n"],"names":["JsonTree","props","_$createComponent","JsonValue","isRoot","value","keyName","isLastKey","styles","useStyles","_el$","_tmpl$","_$insert","_c$","_$memo","Array","isArray","_el$2","_tmpl$2","_el$3","firstChild","_el$5","nextSibling","_$effect","_$className","tree","valueKey","_el$6","_tmpl$3","_el$7","_el$9","valueString","_el$10","valueNumber","_el$11","String","valueBoolean","_el$12","_tmpl$4","valueNull","undefined","_el$13","_tmpl$5","_el$14","valueFunction","ArrayValue","ObjectValue","_tmpl$6","valueContainer","expanded","setExpanded","createSignal","_el$17","_tmpl$7","_el$18","_el$20","_el$21","_el$22","_el$24","$$click","e","stopPropagation","stopImmediatePropagation","clsx","collapsible","Show","when","children","For","each","item","i","length","_el$19","_p$","_v$","valueBraces","_v$2","t","keys","Object","lastKeyName","_el$25","_tmpl$8","_el$26","_el$28","_el$29","_el$30","_el$32","k","_el$27","_v$3","_v$4","_$delegateEvents"],"mappings":";;;;;;;AAIO,SAASA,SAASC,OAAuB;AAC9C,SAAAC,IAAAA,gBAAQC,WAAS;AAAA,IAACC,QAAM;AAAA,IAAA,IAACC,QAAK;AAAA,aAAEJ,MAAMI;AAAAA,IAAK;AAAA,EAAA,CAAA;AAC7C;AAEA,SAASF,UAAUF,OAKhB;AACD,QAAM;AAAA,IAAEI;AAAAA,IAAOC;AAAAA,IAASF,SAAS;AAAA,IAAOG;AAAAA,EAAAA,IAAcN;AACtD,QAAMO,SAASC,UAAAA,UAAAA;AAEf,UAAA,MAAA;AAAA,QAAAC,OAAAC,OAAAA;AAAAC,QAAAA,OAAAF,OAAA,MAAA;AAAA,UAAAG,MAAAC,IAAAA,KAAA,MAAA,CAAA,EAEKR,WAAW,OAAOD,UAAU,YAAY,CAACU,MAAMC,QAAQX,KAAK,EAAC;AAAA,aAAA,MAA7DQ,IAAAA,MAAA,MAAA;AAAA,YAAAI,QAAAC,WAAAC,QAAAF,MAAAG,YAAAC,QAAAF,MAAAG;AAAAD,cAAAC;AAAAV,mBAAAK,OAC6CX,SAAOe,KAAA;AAAAE,YAAAA,OAAA,MAAAC,IAAAA,UAAAP,OAAtCT,SAASiB,KAAKC,QAAQ,CAAA;AAAA,eAAAT;AAAAA,MAAA,GAAA;AAAA,IACpC,GAAA,GAAA,IAAA;AAAAL,QAAAA,OAAAF,MACC,MAAM;AACN,UAAI,OAAOL,UAAU,UAAU;AAC7B,gBAAA,MAAA;AAAA,cAAAsB,QAAAC,WAAAC,QAAAF,MAAAP,YAAAU,QAAAD,MAAAP;AAAAQ,gBAAAR;AAAAV,qBAAAe,OACiDtB,OAAKyB,KAAA;AAAAP,cAAAA,OAAA,MAAAC,IAAAA,UAAAG,OAAvCnB,SAASiB,KAAKM,WAAW,CAAA;AAAA,iBAAAJ;AAAAA,QAAA,GAAA;AAAA,MAE1C;AACA,UAAI,OAAOtB,UAAU,UAAU;AAC7B,gBAAA,MAAA;AAAA,cAAA2B,SAAArB,OAAAA;AAAAC,cAAAA,OAAAoB,QAAgD3B,KAAK;AAAAkB,cAAAA,OAAA,MAAAC,IAAAA,UAAAQ,QAAjCxB,SAASiB,KAAKQ,WAAW,CAAA;AAAA,iBAAAD;AAAAA,QAAA,GAAA;AAAA,MAC/C;AACA,UAAI,OAAO3B,UAAU,WAAW;AAC9B,gBAAA,MAAA;AAAA,cAAA6B,SAAAvB,OAAAA;AAAAC,cAAAA,OAAAsB,QAAA,MAAiDC,OAAO9B,KAAK,CAAC;AAAAkB,cAAAA,OAAA,MAAAC,IAAAA,UAAAU,QAA1C1B,SAASiB,KAAKW,YAAY,CAAA;AAAA,iBAAAF;AAAAA,QAAA,GAAA;AAAA,MAChD;AACA,UAAI7B,UAAU,MAAM;AAClB,gBAAA,MAAA;AAAA,cAAAgC,SAAAC,QAAAA;AAAAf,cAAAA,OAAA,MAAAC,IAAAA,UAAAa,QAAoB7B,SAASiB,KAAKc,SAAS,CAAA;AAAA,iBAAAF;AAAAA,QAAA,GAAA;AAAA,MAC7C;AACA,UAAIhC,UAAUmC,QAAW;AACvB,gBAAA,MAAA;AAAA,cAAAC,SAAAC,QAAAA;AAAAnB,cAAAA,OAAA,MAAAC,IAAAA,UAAAiB,QAAoBjC,SAASiB,KAAKc,SAAS,CAAA;AAAA,iBAAAE;AAAAA,QAAA,GAAA;AAAA,MAC7C;AACA,UAAI,OAAOpC,UAAU,YAAY;AAC/B,gBAAA,MAAA;AAAA,cAAAsC,SAAAhC,OAAAA;AAAAC,cAAAA,OAAA+B,QAAA,MAC6CR,OAAO9B,KAAK,CAAC;AAAAkB,cAAAA,OAAA,MAAAC,IAAAA,UAAAmB,QAA3CnC,SAASiB,KAAKmB,aAAa,CAAA;AAAA,iBAAAD;AAAAA,QAAA,GAAA;AAAA,MAE5C;AACA,UAAI5B,MAAMC,QAAQX,KAAK,GAAG;AACxB,eAAAH,IAAAA,gBAAQ2C,YAAU;AAAA,UAACvC;AAAAA,UAAkBD;AAAAA,QAAAA,CAAY;AAAA,MACnD;AACA,UAAI,OAAOA,UAAU,UAAU;AAC7B,eAAAH,IAAAA,gBAAQ4C,aAAW;AAAA,UAACxC;AAAAA,UAAkBD;AAAAA,QAAAA,CAAY;AAAA,MACpD;AACA,aAAAM,OAAAA;AAAAA,IACF,GAAC,IAAA;AAAAC,QAAAA,OAAAF,MACAH,aAAaH,SAAS,KAAE2C,QAAAA,GAAiB,IAAA;AAAAxB,eAAA,MAAAC,IAAAA,UAAAd,MAnC/BF,OAAAA,EAASiB,KAAKuB,eAAe5C,MAAM,CAAC,CAAA;AAAA,WAAAM;AAAAA,EAAA,GAAA;AAsCrD;AAEA,MAAMmC,aAAaA,CAAC;AAAA,EAClBxC;AAAAA,EACAC;AAIF,MAAM;AACJ,QAAME,SAASC,UAAAA,UAAAA;AACf,QAAM,CAACwC,UAAUC,WAAW,IAAIC,QAAAA,aAAa,IAAI;AACjD,UAAA,MAAA;AAAA,QAAAC,SAAAC,QAAAA,GAAAC,SAAAF,OAAAhC,YAAAmC,SAAAD,OAAAhC;AAAAV,eAAAwC,QAEK9C,YAAO,MAAA;AAAA,UAAAkD,SAAAtC,WAAAuC,SAAAD,OAAApC,YAAAsC,SAAAD,OAAAnC;AAAAoC,aAAApC;AAAAkC,aAAAG,UAEMC,CAAAA,MAAM;AACdA,UAAEC,gBAAAA;AACFD,UAAEE,yBAAAA;AACFZ,oBAAY,CAACD,UAAU;AAAA,MACzB;AAACrC,iBAAA4C,QAGMlD,SAAOoD,MAAA;AAAAnC,UAAAA,OAAA,MAAAC,IAAAA,UAAAgC,QAFPO,KAAKvD,OAAAA,EAASiB,KAAKC,UAAUlB,OAAAA,EAASiB,KAAKuC,WAAW,CAAC,CAAA;AAAA,aAAAR;AAAAA,IAAA,GAAA,GAIjEF,MAAA;AAAA1C,eAAAwC,QAAAlD,IAAAA,gBAEA+D,cAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAEjB,SAAAA;AAAAA,MAAU;AAAA,MAAA,IAAAkB,WAAA;AAAA,eAAAjE,IAAAA,gBACnBkE,QAAAA,KAAG;AAAA,UAACC,MAAMhE;AAAAA,UAAK8D,UACbA,CAACG,MAAMC,MAAM;AACZ,kBAAMhE,YAAYgE,EAAAA,MAAQlE,MAAMmE,SAAS;AACzC,mBAAAtE,IAAAA,gBAEKC,WAAS;AAAA,cAACE,OAAOiE;AAAAA,cAAM/D;AAAAA,YAAAA,CAAoB;AAAA,UAGlD;AAAA,QAAA,CAAC;AAAA,MAAA;AAAA,IAAA,CAAA,GAAAgD,MAAA;AAAA3C,eAAAwC,QAAAlD,IAAAA,gBAGJ+D,cAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAE,CAACjB,SAAAA;AAAAA,MAAU;AAAA,MAAA,IAAAkB,WAAA;AAAA,YAAAM,SAAA9D,OAAAA;AAAA8D,eAAAd,UAETC,CAAAA,MAAM;AACdA,YAAEC,gBAAAA;AACFD,YAAEE,yBAAAA;AACFZ,sBAAY,CAACD,UAAU;AAAA,QACzB;AAACrC,YAAAA,OAAA6D,QAAA,MAGA,OAAOpE,MAAMmE,MAAM,OAAO;AAAAjD,YAAAA,OAAA,MAAAC,IAAAA,UAAAiD,QAFpBV,KAAKvD,OAAAA,EAASiB,KAAKC,UAAUlB,OAAAA,EAASiB,KAAKuC,WAAW,CAAC,CAAA;AAAA,eAAAS;AAAAA,MAAA;AAAA,IAAA,CAAA,GAAAlB,MAAA;AAAAhC,QAAAA,OAAAmD,CAAAA,QAAA;AAAA,UAAAC,MApBrDnE,SAASiB,KAAKmD,aAAWC,OAyBzBrE,SAASiB,KAAKmD;AAAWD,cAAAD,IAAAd,KAAApC,IAAAA,UAAA8B,QAAAoB,IAAAd,IAAAe,GAAA;AAAAE,eAAAH,IAAAI,KAAAtD,IAAAA,UAAA+B,QAAAmB,IAAAI,IAAAD,IAAA;AAAA,aAAAH;AAAAA,IAAA,GAAA;AAAA,MAAAd,GAAApB;AAAAA,MAAAsC,GAAAtC;AAAAA,IAAAA,CAAA;AAAA,WAAAY;AAAAA,EAAA,GAAA;AAG5C;AAEA,MAAMN,cAAcA,CAAC;AAAA,EACnBzC;AAAAA,EACAC;AAIF,MAAM;AACJ,QAAME,SAASC,UAAAA,UAAAA;AACf,QAAM,CAACwC,UAAUC,WAAW,IAAIC,QAAAA,aAAa,IAAI;AACjD,QAAM4B,OAAOC,OAAOD,KAAK1E,KAAK;AAC9B,QAAM4E,cAAcF,KAAKA,KAAKP,SAAS,CAAC;AAExC,UAAA,MAAA;AAAA,QAAAU,SAAAC,QAAAA,GAAAC,SAAAF,OAAA9D,YAAAiE,SAAAD,OAAA9D;AAAAV,eAAAsE,QAEK5E,YAAO,MAAA;AAAA,UAAAgF,SAAApE,WAAAqE,SAAAD,OAAAlE,YAAAoE,SAAAD,OAAAjE;AAAAkE,aAAAlE;AAAAgE,aAAA3B,UAEMC,CAAAA,MAAM;AACdA,UAAEC,gBAAAA;AACFD,UAAEE,yBAAAA;AACFZ,oBAAY,CAACD,UAAU;AAAA,MACzB;AAACrC,iBAAA0E,QAGMhF,SAAOkF,MAAA;AAAAjE,UAAAA,OAAA,MAAAC,IAAAA,UAAA8D,QAFPvB,KAAKvD,OAAAA,EAASiB,KAAKC,UAAUlB,OAAAA,EAASiB,KAAKuC,WAAW,CAAC,CAAA;AAAA,aAAAsB;AAAAA,IAAA,GAAA,GAIjEF,MAAA;AAAAxE,eAAAsE,QAAAhF,IAAAA,gBAEA+D,cAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAEjB,SAAAA;AAAAA,MAAU;AAAA,MAAA,IAAAkB,WAAA;AAAA,eAAAjE,IAAAA,gBACnBkE,QAAAA,KAAG;AAAA,UAACC,MAAMU;AAAAA,UAAIZ,UACXsB,CAAAA,MAACvF,IAAAA,gBAEEC,WAAS;AAAA,YAAA,IACRE,QAAK;AAAA,qBAAEA,MAAMoF,CAAC;AAAA,YAAC;AAAA,YACfnF,SAASmF;AAAAA,YACTlF,WAAW0E,gBAAgBQ;AAAAA,UAAAA,CAAC;AAAA,QAAA,CAGjC;AAAA,MAAA;AAAA,IAAA,CAAA,GAAAJ,MAAA;AAAAzE,eAAAsE,QAAAhF,IAAAA,gBAGJ+D,cAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAE,CAACjB,SAAAA;AAAAA,MAAU;AAAA,MAAA,IAAAkB,WAAA;AAAA,YAAAuB,SAAA/E,OAAAA;AAAA+E,eAAA/B,UAETC,CAAAA,MAAM;AACdA,YAAEC,gBAAAA;AACFD,YAAEE,yBAAAA;AACFZ,sBAAY,CAACD,UAAU;AAAA,QACzB;AAACrC,YAAAA,OAAA8E,QAAA,MAGA,OAAOX,KAAKP,MAAM,OAAO;AAAAjD,YAAAA,OAAA,MAAAC,IAAAA,UAAAkE,QAFnB3B,KAAKvD,OAAAA,EAASiB,KAAKC,UAAUlB,OAAAA,EAASiB,KAAKuC,WAAW,CAAC,CAAA;AAAA,eAAA0B;AAAAA,MAAA;AAAA,IAAA,CAAA,GAAAL,MAAA;AAAA9D,QAAAA,OAAAmD,CAAAA,QAAA;AAAA,UAAAiB,OArBrDnF,SAASiB,KAAKmD,aAAWgB,OA0BzBpF,SAASiB,KAAKmD;AAAWe,eAAAjB,IAAAd,KAAApC,IAAAA,UAAA4D,QAAAV,IAAAd,IAAA+B,IAAA;AAAAC,eAAAlB,IAAAI,KAAAtD,IAAAA,UAAA6D,QAAAX,IAAAI,IAAAc,IAAA;AAAA,aAAAlB;AAAAA,IAAA,GAAA;AAAA,MAAAd,GAAApB;AAAAA,MAAAsC,GAAAtC;AAAAA,IAAAA,CAAA;AAAA,WAAA0C;AAAAA,EAAA,GAAA;AAG5C;AAACW,IAAAA,eAAA,CAAA,OAAA,CAAA;;"}

package/dist/cjs/index.cjs

@@ -5,9 +5,13 @@ const input = require("./components/input.cjs");
 const select = require("./components/select.cjs");
 const logo = require("./components/logo.cjs");
 const tree = require("./components/tree.cjs");
+const button = require("./components/button.cjs");
+const tag = require("./components/tag.cjs");
 exports.Checkbox = checkbox.Checkbox;
 exports.Input = input.Input;
 exports.Select = select.Select;
 exports.TanStackLogo = logo.TanStackLogo;
 exports.JsonTree = tree.JsonTree;
+exports.Button = button.Button;
+exports.Tag = tag.Tag;
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/dist/cjs/index.d.cts

@@ -3,3 +3,5 @@ export { Input } from './components/input.cjs';
 export { Select } from './components/select.cjs';
 export { TanStackLogo } from './components/logo.cjs';
 export { JsonTree } from './components/tree.cjs';
+export { Button } from './components/button.cjs';
+export { Tag } from './components/tag.cjs';