@hanzogui/demos 8.3.0 → 8.3.2

package/dist/cjs/TokensDemo.cjs

@@ -1,129 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-// If the importer is in node compatibility mode or this is not an ESM
-// file that has been converted to a CommonJS file using a Babel-
-// compatible transform (i.e. "__esModule" has not been set), then set
-// "default" to the CommonJS "module.exports" for node compatibility.
-isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-  value: mod,
-  enumerable: true
-}) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
-var TokensDemo_exports = {};
-__export(TokensDemo_exports, {
-  TokensDemo: () => TokensDemo
-});
-module.exports = __toCommonJS(TokensDemo_exports);
-var import_core = require("@hanzogui/core");
-var import_react = __toESM(require("react"), 1);
-var import_gui = require("@hanzo/gui");
-var import_jsx_runtime = require("react/jsx-runtime");
-const sections = [{
-  name: `Size`,
-  key: `size`
-}, {
-  name: `Space`,
-  key: "space"
-}, {
-  name: `Space (-)`,
-  key: `spaceNegative`
-}, {
-  name: `Radius`,
-  key: `radius`
-}];
-function TokensDemo() {
-  const [section, setSection] = import_react.default.useState("size");
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
-    gap: "$4",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.XGroup, {
-      items: "center",
-      self: "center",
-      children: sections.map(({
-        name,
-        key
-      }) => {
-        return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.XGroup.Item, {
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
-            size: "$3",
-            theme: section === key ? "accent" : null,
-            onPress: () => setSection(key),
-            children: name
-          })
-        }, key);
-      })
-    }), (section === "size" || section === "spaceNegative" || section === "space" || section === "radius") && /* @__PURE__ */(0, import_jsx_runtime.jsx)(SizeSection, {
-      section
-    })]
-  });
-}
-function SizeSection({
-  section
-}) {
-  const allTokens = (0, import_core.getConfig)().tokens;
-  const tokens = allTokens[section.startsWith("space") ? "space" : section];
-  const st = Object.keys(tokens).sort((a, b) => Number.parseFloat(a) > Number.parseFloat(b) ? 1 : -1);
-  const spaceTokens = st.filter(t => Number.parseFloat(t) >= 0);
-  const spaceTokensNegative = st.filter(t => Number.parseFloat(t) < 0).sort((a, b) => Number.parseFloat(a) > Number.parseFloat(b) ? -1 : 1);
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
-    flex: 1,
-    gap: "$4",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H2, {
-      children: "Sizes"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
-      width: "100%",
-      gap: "$2",
-      children: (section === "spaceNegative" ? spaceTokensNegative : spaceTokens).map(token => {
-        return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
-          width: "100%",
-          items: "center",
-          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
-            width: "25%",
-            children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.H3, {
-              size: "$6",
-              children: ["$", token]
-            })
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
-            width: "20%",
-            children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.H4, {
-              size: "$5",
-              children: [tokens[token]?.val, "px"]
-            })
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
-            size: tokens[token]?.val,
-            backgroundColor: "$color5",
-            ...(section === "spaceNegative" && {
-              backgroundColor: "$red5",
-              size: -tokens[spaceTokensNegative.find(t => Number.parseFloat(t) === -Number.parseFloat(token)) ?? token]?.val
-            }),
-            ...(section === "radius" && {
-              size: allTokens.size[token]?.val,
-              borderRadius: tokens[token]?.val
-            })
-          })]
-        }, token);
-      })
-    })]
-  });
-}

package/dist/cjs/TokensDemo.native.js

@@ -1,148 +0,0 @@
-"use strict";
-
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-// If the importer is in node compatibility mode or this is not an ESM
-// file that has been converted to a CommonJS file using a Babel-
-// compatible transform (i.e. "__esModule" has not been set), then set
-// "default" to the CommonJS "module.exports" for node compatibility.
-isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-  value: mod,
-  enumerable: true
-}) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
-var TokensDemo_exports = {};
-__export(TokensDemo_exports, {
-  TokensDemo: () => TokensDemo
-});
-module.exports = __toCommonJS(TokensDemo_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_core = require("@hanzogui/core");
-var import_react = __toESM(require("react"), 1);
-var import_gui = require("@hanzo/gui");
-var sections = [{
-  name: `Size`,
-  key: `size`
-}, {
-  name: `Space`,
-  key: "space"
-}, {
-  name: `Space (-)`,
-  key: `spaceNegative`
-}, {
-  name: `Radius`,
-  key: `radius`
-}];
-function TokensDemo() {
-  var [section, setSection] = import_react.default.useState("size");
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
-    gap: "$4",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.XGroup, {
-      items: "center",
-      self: "center",
-      children: sections.map(function (param) {
-        var {
-          name,
-          key
-        } = param;
-        return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.XGroup.Item, {
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
-            size: "$3",
-            theme: section === key ? "accent" : null,
-            onPress: function () {
-              return setSection(key);
-            },
-            children: name
-          })
-        }, key);
-      })
-    }), (section === "size" || section === "spaceNegative" || section === "space" || section === "radius") && /* @__PURE__ */(0, import_jsx_runtime.jsx)(SizeSection, {
-      section
-    })]
-  });
-}
-function SizeSection(param) {
-  var {
-    section
-  } = param;
-  var allTokens = (0, import_core.getConfig)().tokens;
-  var tokens = allTokens[section.startsWith("space") ? "space" : section];
-  var st = Object.keys(tokens).sort(function (a, b) {
-    return Number.parseFloat(a) > Number.parseFloat(b) ? 1 : -1;
-  });
-  var spaceTokens = st.filter(function (t) {
-    return Number.parseFloat(t) >= 0;
-  });
-  var spaceTokensNegative = st.filter(function (t) {
-    return Number.parseFloat(t) < 0;
-  }).sort(function (a, b) {
-    return Number.parseFloat(a) > Number.parseFloat(b) ? -1 : 1;
-  });
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
-    flex: 1,
-    gap: "$4",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H2, {
-      children: "Sizes"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
-      width: "100%",
-      gap: "$2",
-      children: (section === "spaceNegative" ? spaceTokensNegative : spaceTokens).map(function (token) {
-        var _tokens_token, _tokens_token1, _tokens_, _allTokens_size_token, _tokens_token2;
-        var _spaceTokensNegative_find;
-        return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
-          width: "100%",
-          items: "center",
-          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
-            width: "25%",
-            children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.H3, {
-              size: "$6",
-              children: ["$", token]
-            })
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
-            width: "20%",
-            children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.H4, {
-              size: "$5",
-              children: [(_tokens_token = tokens[token]) === null || _tokens_token === void 0 ? void 0 : _tokens_token.val, "px"]
-            })
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
-            size: (_tokens_token1 = tokens[token]) === null || _tokens_token1 === void 0 ? void 0 : _tokens_token1.val,
-            backgroundColor: "$color5",
-            ...(section === "spaceNegative" && {
-              backgroundColor: "$red5",
-              size: -((_tokens_ = tokens[(_spaceTokensNegative_find = spaceTokensNegative.find(function (t) {
-                return Number.parseFloat(t) === -Number.parseFloat(token);
-              })) !== null && _spaceTokensNegative_find !== void 0 ? _spaceTokensNegative_find : token]) === null || _tokens_ === void 0 ? void 0 : _tokens_.val)
-            }),
-            ...(section === "radius" && {
-              size: (_allTokens_size_token = allTokens.size[token]) === null || _allTokens_size_token === void 0 ? void 0 : _allTokens_size_token.val,
-              borderRadius: (_tokens_token2 = tokens[token]) === null || _tokens_token2 === void 0 ? void 0 : _tokens_token2.val
-            })
-          })]
-        }, token);
-      })
-    })]
-  });
-}
-//# sourceMappingURL=TokensDemo.native.js.map

package/dist/cjs/TokensDemo.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","TokensDemo_exports","__export","TokensDemo","module","exports","import_jsx_runtime","require","import_core","import_react","__toESM","import_gui","sections","name","key","section","setSection","default","useState","jsxs","YStack","gap","children","jsx","XGroup","items","self","map","param","Item","Button","size","theme","onPress","SizeSection","allTokens","getConfig","tokens","startsWith","st","Object","keys","sort","a","b","Number","parseFloat","spaceTokens","filter","t","spaceTokensNegative","flex","H2","width","token","_tokens_token","_tokens_token1","_tokens_","_allTokens_size_token","_tokens_token2","_spaceTokensNegative_find","XStack"],"sources":["../../src/TokensDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,kBAAA;AAAAC,QAAA,CAAAD,kBAAA;EAAAE,UAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAT,YAA0B,CAAAK,kBAAA;AAC1B,IAAAK,kBAAkB,GAAAC,OAAA;AAClB,IAAAC,WAAA,GAAmED,OAAA;AA2B/D,IAAAE,YAAA,GAAAC,OAAA,CAAAH,OAAA;AAvBJ,IAAAI,UAAM,GAA6CJ,OAAA;AAAA,IACjDK,QAAA;EAEEC,IAAA,EAAK;EACPC,GAAA;AACA;EAEED,IAAA,EAAK;EACPC,GAAA;AACA;EAEED,IAAA,EAAK;EACPC,GAAA;AACA;EAEED,IAAA,EAAK;EACPC,GAAA;AACF,EAEO;AACL,SAAOX,UAASA,CAAA;EAEhB,KAAAY,OACE,EAAAC,UAAA,IAAAP,YAAA,CAAAQ,OAAA,CAAAC,QAAC;EACC,0BAAAZ,kBAAA,CAACa,IAAA,EAAAR,UAAA,CAAAS,MAAO;IAEJC,GAAA,MACE;IACEC,QAAC,sBAAAhB,kBAAA,CAAAiB,GAAA,EAAAZ,UAAA,CAAAa,MAAA;MAAAC,KACC,UAAK;MAAAC,IACL,UAAO;MAA6BJ,QACpC,EAAAV,QAAe,CAAAe,GAAA,WAAcC,KAAA;QAE5B;UAAAf,IAAA;UAAAC;QAAA,IAAAc,KAAA;QAAA,0BAAAtB,kBAAA,CAAAiB,GAAA,EAAAZ,UAAA,CAAAa,MAAA,CAAAK,IAAA;UANaP,QAQlB,qBAAAhB,kBAAA,CAAAiB,GAAA,EAAAZ,UAAA,CAAAmB,MAAA;YAGNC,IAAA;YAEEC,KAAY,EAAAjB,OACZ,KAAAD,GAAA,GAAY;YAGhBmB,OAAA,WAAAA,CAAA;cAEJ,OAAAjB,UAAA,CAAAF,GAAA;YAES;YACDQ,QAAA,EAAYT;UACZ;QACA,GAAKC,GAAA;MAA6B;IAExC,IACA,CAAAC,OAAM,WAAiB,IAAAA,OAAQ,KAAM,eAAO,IAAYA,OAAM,gBAAAA,OAAA,qCAAAT,kBAAA,CAAAiB,GAAA,EAAAW,WAAA;MACxDnB;IAIN;EAEa,EACT;AACqE;AAE/D,SAAAmB,WACEA,CAAAN,KAAA;EACE;IAAAb;EAAA,IAAAa,KAAA;EACgB,IAAAO,SAAA,OAAA3B,WAAA,CAAA4B,SAAA,IAAAC,MAAA;EAAA,IAAAA,MAAE,GAAAF,SAAA,CAAApB,OAAA,CAAAuB,UAAA,sBAAAvB,OAAA;EAAA,IAAAwB,EAAA,GAAAC,MAClB,CAAAC,IAAA,CAAAJ,MAAA,EAAAK,IAAA,WAAAC,CAAA,EAAAC,CAAA;IAAA,OACAC,MAAA,CAAAC,UAAA,CAAAH,CAAA,IAAAE,MAAA,CAAAC,UAAA,CAAAF,CAAA,CAAC;EACgB;EAAe,IAAAG,WAAI,GAAAR,EAAA,CAAAS,MAAA,WAAAC,CAAA;IAAA,OAAAJ,MACpC,CAAAC,UAAA,CAAAG,CAAA;EAAA;EACA,IAAAC,mBAAC,GAAAX,EAAA,CAAAS,MAAA,WAAAC,CAAA;IAAA,OAAAJ,MAAA,CAAAC,UAAA,CAAAG,CAAA;EAAA,GAAAP,IAAA,WACCC,CAAM,EAAAC,CAAA;IAAe,OAAAC,MACrB,CAAAC,UAAA,CAAAH,CAAA,CAAgB,GAAAE,MAAA,CAAAC,UAAA,CAAAF,CAAA;EAAA;EACoB,sBAClC,IAAAtC,kBAAiB,CAAAa,IAAA,EAAAR,UAAA,CAAAS,MAAA;IAAA+B,IAAA;IAGO9B,GAAA;IACsCC,QAAA,GAEzD,eACP,IAAAhB,kBAAA,CAAAiB,GAAA,EAAAZ,UAAA,CAAAyC,EAAA;MAAA9B,QACC,EAAI;IAAwB,IACE,eAC7B,IAAAhB,kBAA0B,CAAGiB,GAAA,EAAAZ,UAAA,CAAAS,MAAA;MAAAiC,KAAA,EAC/B;MAAAhC,GAAA;MAAAC,QACF,GAAAP,OAAA,uBAAAmC,mBAAA,GAAAH,WAAA,EAAApB,GAAA,WAAA2B,KAAA;QAAA,IAvBuCC,aAwBzC,EAAAC,cAAA,EAAAC,QAAA,EAAAC,qBAAA,EAAAC,cAAA;QAEJ,IAAAC,yBAAA;QAEJ,0BAAAtD,kBAAA,CAAAa,IAAA,EAAAR,UAAA,CAAAkD,MAAA;UACFR,KAAA;UAEJ5B,KAAA","ignoreList":[]}

package/dist/cjs/TooltipDemo.cjs

@@ -1,133 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
-};
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
-var TooltipDemo_exports = {};
-__export(TooltipDemo_exports, {
-  TooltipDemo: () => TooltipDemo
-});
-module.exports = __toCommonJS(TooltipDemo_exports);
-var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
-var import_gui = require("@hanzo/gui");
-var import_jsx_runtime = require("react/jsx-runtime");
-function TooltipDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Theme, {
-    name: "surface2",
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.TooltipGroup, {
-      delay: {
-        open: 300,
-        close: 100
-      },
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
-        gap: "$2",
-        self: "center",
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
-          gap: "$2",
-          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(Demo, {
-            groupId: "0",
-            placement: "top-end",
-            Icon: import_lucide_icons_2.Circle
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Demo, {
-            groupId: "1",
-            placement: "top",
-            Icon: import_lucide_icons_2.ChevronUp
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Demo, {
-            groupId: "2",
-            placement: "top-start",
-            Icon: import_lucide_icons_2.Circle
-          })]
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
-          gap: "$2",
-          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(Demo, {
-            groupId: "3",
-            placement: "left",
-            Icon: import_lucide_icons_2.ChevronLeft
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
-            flex: 1
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Demo, {
-            groupId: "4",
-            placement: "right",
-            Icon: import_lucide_icons_2.ChevronRight
-          })]
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
-          gap: "$2",
-          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(Demo, {
-            groupId: "5",
-            placement: "bottom-end",
-            Icon: import_lucide_icons_2.Circle
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Demo, {
-            groupId: "6",
-            placement: "bottom",
-            Icon: import_lucide_icons_2.ChevronDown
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Demo, {
-            groupId: "7",
-            placement: "bottom-start",
-            Icon: import_lucide_icons_2.Circle
-          })]
-        })]
-      })
-    })
-  });
-}
-function Demo({
-  Icon,
-  ...props
-}) {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Tooltip, {
-    ...props,
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Tooltip.Trigger, {
-      asChild: true,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
-        icon: Icon,
-        circular: true
-      })
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Tooltip.Content, {
-      enterStyle: {
-        x: 0,
-        y: -5,
-        opacity: 0,
-        scale: 0.9
-      },
-      exitStyle: {
-        x: 0,
-        y: -5,
-        opacity: 0,
-        scale: 0.9
-      },
-      scale: 1,
-      x: 0,
-      y: 0,
-      opacity: 1,
-      py: "$2",
-      px: "$3",
-      transition: ["quick", {
-        opacity: {
-          overshootClamping: true
-        }
-      }],
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Tooltip.Arrow, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Paragraph, {
-        size: "$2",
-        lineHeight: "$1",
-        children: "Hello world"
-      })]
-    })]
-  });
-}

package/dist/cjs/TooltipDemo.native.js

@@ -1,137 +0,0 @@
-"use strict";
-
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
-};
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
-var TooltipDemo_exports = {};
-__export(TooltipDemo_exports, {
-  TooltipDemo: () => TooltipDemo
-});
-module.exports = __toCommonJS(TooltipDemo_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
-var import_gui = require("@hanzo/gui");
-function TooltipDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Theme, {
-    name: "surface2",
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.TooltipGroup, {
-      delay: {
-        open: 300,
-        close: 100
-      },
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
-        gap: "$2",
-        self: "center",
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
-          gap: "$2",
-          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(Demo, {
-            groupId: "0",
-            placement: "top-end",
-            Icon: import_lucide_icons_2.Circle
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Demo, {
-            groupId: "1",
-            placement: "top",
-            Icon: import_lucide_icons_2.ChevronUp
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Demo, {
-            groupId: "2",
-            placement: "top-start",
-            Icon: import_lucide_icons_2.Circle
-          })]
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
-          gap: "$2",
-          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(Demo, {
-            groupId: "3",
-            placement: "left",
-            Icon: import_lucide_icons_2.ChevronLeft
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
-            flex: 1
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Demo, {
-            groupId: "4",
-            placement: "right",
-            Icon: import_lucide_icons_2.ChevronRight
-          })]
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
-          gap: "$2",
-          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(Demo, {
-            groupId: "5",
-            placement: "bottom-end",
-            Icon: import_lucide_icons_2.Circle
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Demo, {
-            groupId: "6",
-            placement: "bottom",
-            Icon: import_lucide_icons_2.ChevronDown
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Demo, {
-            groupId: "7",
-            placement: "bottom-start",
-            Icon: import_lucide_icons_2.Circle
-          })]
-        })]
-      })
-    })
-  });
-}
-function Demo(param) {
-  var {
-    Icon,
-    ...props
-  } = param;
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Tooltip, {
-    ...props,
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Tooltip.Trigger, {
-      asChild: true,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
-        icon: Icon,
-        circular: true
-      })
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Tooltip.Content, {
-      enterStyle: {
-        x: 0,
-        y: -5,
-        opacity: 0,
-        scale: 0.9
-      },
-      exitStyle: {
-        x: 0,
-        y: -5,
-        opacity: 0,
-        scale: 0.9
-      },
-      scale: 1,
-      x: 0,
-      y: 0,
-      opacity: 1,
-      py: "$2",
-      px: "$3",
-      transition: ["quick", {
-        opacity: {
-          overshootClamping: true
-        }
-      }],
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Tooltip.Arrow, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Paragraph, {
-        size: "$2",
-        lineHeight: "$1",
-        children: "Hello world"
-      })]
-    })]
-  });
-}
-//# sourceMappingURL=TooltipDemo.native.js.map

package/dist/cjs/TooltipDemo.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","TooltipDemo_exports","__export","TooltipDemo","module","exports","import_jsx_runtime","require","import_lucide_icons_2","import_gui","jsx","Theme","name","children","TooltipGroup","delay","open","close","jsxs","YStack","gap","self","XStack","Demo","groupId","placement","Icon","Circle","ChevronUp","ChevronLeft","flex","ChevronRight"],"sources":["../../src/TooltipDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,mBAAA;AAAAC,QAAA,CAAAD,mBAAA;EAAAE,WAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAMO,CAAAK,mBAAA;AAEP,IAAAK,kBAQO,GAAAC,OAAA;AAOG,IAAAC,qBAAA,GAAAD,OAAA;AALH,IAAAE,UAAS,GAAAF,OAAc;AAC5B,SACEJ,YAAA;EAGM,0BAAAG,kBAAA,CAAAI,GAAC,EAAAD,UAAA,CAAAE,KAAA,EAAO;IACNC,IAAA;IAAoDC,QACpD,qBAAAP,kBAAC,CAAAI,GAAA,EAAKD,UAAQ,CAAAK,YAAI,EAAU;MAC5BC,KAAA;QACFC,IAAA;QACAC,KAAA;MACE;MACAJ,QAAA,qBAAAP,kBAAC,CAAAY,IAAA,EAAAT,UAAO,CAAAU,MAAM,EAAG;QACjBC,GAAA;QACFC,IAAA;QACAR,QAAA,GACE,mBAAAP,kBAAA,CAAAY,IAAC,EAAAT,UAAK,CAAAa,MAAY;UAClBF,GAAA;UACAP,QAAA,GACF,mBAAAP,kBAAA,CAAAI,GAAA,EAAAa,IAAA;YAGNC,OAAA;YAEJC,SAAA;YAEgBC,IAAA,EAAMlB,qBAA2C,CAAAmB;UAE7D,IACE,mBAAArB,kBAAC,CAAAI,GAAA,EAAAa,IAAA;YAGDC,OAAA;YAACC,SAAQ;YAARC,IAAA,EAAAlB,qBAAA,CAAAoB;UACC,IACA,eAAsB,IAAItB,kBAAY,CAAOI,GAAA,EAAIa,IAAA;YAC1CC,OAAA;YACJC,SAAA;YACAC,IAAA,EAAAlB,qBAAA,CAAAmB;UACH;QAEA,EAAG,EACH,eAAY,IAAArB,kBAAA,CAAAY,IAAA,EAAAT,UAAA,CAAAa,MAAA;UACVF,GAAA;UACAP,QAAA,GACE,eAAS,IAAAP,kBAAA,CAAAI,GAAA,EAAAa,IAAA;YACPC,OAAA;YACFC,SAAA;YACFC,IAAA,EAAAlB,qBAAA,CAAAqB;UACF,IAEA,mBAAAvB,kBAAA,CAAAI,GAAA,EAAAD,UAAA,CAAAU,MAAA;YAAAW,IAAA;UACA,IAEA,mBAAAxB,kBAAA,CAAAI,GAAA,EAAAa,IAAA;YAAAC,OAAA;YACFC,SAAA;YACFC,IAAA,EAAAlB,qBAAA,CAAAuB;UAEJ","ignoreList":[]}

package/dist/cjs/UpdateThemeDemo.cjs

@@ -1,84 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-// If the importer is in node compatibility mode or this is not an ESM
-// file that has been converted to a CommonJS file using a Babel-
-// compatible transform (i.e. "__esModule" has not been set), then set
-// "default" to the CommonJS "module.exports" for node compatibility.
-isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-  value: mod,
-  enumerable: true
-}) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
-var UpdateThemeDemo_exports = {};
-__export(UpdateThemeDemo_exports, {
-  UpdateThemeDemo: () => UpdateThemeDemo
-});
-module.exports = __toCommonJS(UpdateThemeDemo_exports);
-var import_react = __toESM(require("react"), 1);
-var import_v3 = require("@hanzogui/config/v3");
-var import_theme = require("@hanzogui/theme");
-var import_gui = require("@hanzo/gui");
-var import_jsx_runtime = require("react/jsx-runtime");
-const colors = import_v3.config.tokens.color;
-const colorKeys = Object.keys(colors);
-function UpdateThemeDemo() {
-  const [theme, setTheme] = import_react.default.useState();
-  (0, import_gui.useIsomorphicLayoutEffect)(() => {
-    (0, import_theme.addTheme)({
-      name: "custom",
-      insertCSS: true,
-      theme: {
-        color: "red"
-      }
-    });
-    setTheme("custom");
-  }, []);
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
-    items: "center",
-    gap: "$4",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.XStack, {
-      gap: "$5",
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Theme, {
-        name: theme ?? null,
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
-          rounded: "$8",
-          size: 100,
-          bg: "$color"
-        })
-      })
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
-      onPress: () => {
-        const randomColor = (0, import_gui.getVariableValue)(colors[colorKeys[Math.floor(Math.random() * colorKeys.length)]]);
-        (0, import_theme.updateTheme)({
-          name: "custom",
-          theme: {
-            color: randomColor
-          }
-        });
-      },
-      children: "Set to random color"
-    })]
-  });
-}