@hanzogui/demos 2.0.0

package/dist/cjs/UpdateThemeDemo.cjs

@@ -0,0 +1,80 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf,
+  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__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: !0
+  }) : target, mod)),
+  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+    value: !0
+  }), mod);
+var UpdateThemeDemo_exports = {};
+__export(UpdateThemeDemo_exports, {
+  UpdateThemeDemo: () => UpdateThemeDemo
+});
+module.exports = __toCommonJS(UpdateThemeDemo_exports);
+var import_react = __toESM(require("react"), 1),
+  import_v3 = require("@hanzogui/config/v3"),
+  import_theme = require("@hanzogui/theme"),
+  import_gui = require("@hanzo/gui"),
+  import_jsx_runtime = require("react/jsx-runtime");
+const colors = import_v3.config.tokens.color,
+  colorKeys = Object.keys(colors);
+function UpdateThemeDemo() {
+  const [theme, setTheme] = import_react.default.useState();
+  return (0, import_gui.useIsomorphicLayoutEffect)(() => {
+    (0, import_theme.addTheme)({
+      name: "custom",
+      insertCSS: !0,
+      theme: {
+        color: "red"
+      }
+    }), setTheme("custom");
+  }, []), /* @__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"
+    })]
+  });
+}

package/dist/cjs/UpdateThemeDemo.native.js

@@ -0,0 +1,83 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf,
+  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__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: !0
+  }) : target, mod)),
+  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+    value: !0
+  }), mod);
+var UpdateThemeDemo_exports = {};
+__export(UpdateThemeDemo_exports, {
+  UpdateThemeDemo: () => UpdateThemeDemo
+});
+module.exports = __toCommonJS(UpdateThemeDemo_exports);
+var import_jsx_runtime = require("react/jsx-runtime"),
+  import_react = __toESM(require("react"), 1),
+  import_v3 = require("@hanzogui/config/v3"),
+  import_theme = require("@hanzogui/theme"),
+  import_gui = require("@hanzo/gui"),
+  colors = import_v3.config.tokens.color,
+  colorKeys = Object.keys(colors);
+function UpdateThemeDemo() {
+  var [theme, setTheme] = import_react.default.useState();
+  return (0, import_gui.useIsomorphicLayoutEffect)(function () {
+    (0, import_theme.addTheme)({
+      name: "custom",
+      insertCSS: !0,
+      theme: {
+        color: "red"
+      }
+    }), setTheme("custom");
+  }, []), /* @__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: function () {
+        var 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"
+    })]
+  });
+}
+//# sourceMappingURL=UpdateThemeDemo.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","UpdateThemeDemo_exports","__export","UpdateThemeDemo","module","exports","import_jsx_runtime","require","import_react","__toESM","import_v3","import_theme","import_gui","colors","config","tokens","color","colorKeys","Object","keys","theme","setTheme","default","useState","useIsomorphicLayoutEffect","addTheme","name","insertCSS","jsxs","YStack","items","gap","children","jsx","XStack","Theme","Square","rounded","size","bg","Button","onPress","randomColor","getVariableValue","Math","floor","random","length","updateTheme"],"sources":["../../src/UpdateThemeDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAAA;EAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;IAAAC,KAAA;EAAA,IAAAH,GAAA;AAAA,IAAAI,uBAAA;AAAAC,QAAA,CAAAD,uBAAA;EAAAE,eAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAkB,CAAAK,uBAClB;AAaA,IAAAK,kBAAe,GAAAC,OAAO,oBAChB;EAAAC,YAAmB,GAAKC,OAAM,CAAAF,OAAA;EAAAG,SAAA,GAAAH,OAAA;EAAAI,YAAA,GAAAJ,OAAA;EAAAK,UAAA,GAAAL,OAAA;EAAAM,MAAA,GAAAH,SAAA,CAAAI,MAAA,CAAAC,MAAA,CAAAC,KAAA;EAAAC,SAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAN,MAAA;AAE7B,SAASV,gBAAA,EAAkB;EAChC,KAAAiB,KAAO,EAAAC,QAAO,IAAQb,YAAI,CAAAc,OAAA,CAAAC,QAAM;EAEhC,WAAAX,UAAA,CAAAY,yBAAA,EAA0B,YAAM;IAC9B,IAAAb,YAAA,CAAAc,QAAA,EAAS;MACPC,IAAA,EAAM;MACNC,SAAA,EAAW;MACXP,KAAA,EAAO;QACLJ,KAAA,EAAO;MACT;IACF,CAAC,GACDK,QAAA,CAAS,QAAQ;EACnB,GAAG,EAAE,GAGH,mBAAAf,kBAAA,CAAAsB,IAAA,EAAChB,UAAA,CAAAiB,MAAA;IACCC,KAAA;IAMAC,GAAA;IAAAC,QAAC,sBAAA1B,kBAAA,CAAA2B,GAAA,EAAArB,UAAA,CAAAsB,MAAA;MACCH,GAAA,MAAS;MACPC,QAAM,iBAAc,IAAA1B,kBAAA,CAAA2B,GAAA,EAAArB,UAAA,CAAAuB,KAAA;QAAAT,IAClB,EAAAN,KAAO,QAAU;QACnBY,QAAA,qBAAA1B,kBAAA,CAAA2B,GAAA,EAAArB,UAAA,CAAAwB,MAAA;UACAC,OAAA;UACEC,IAAA,EAAM;UACNC,EAAA;QAAO;MACE;IACT,IACD,eACH,IAAAjC,kBAAA,CAAA2B,GAAA,EAAArB,UAAA,CAAA4B,MAAA;MACDC,OAAA,WAAAA,CAAA;QAAA,IAAAC,WAAA,OAAA9B,UAAA,CAAA+B,gBAAA,EAAA9B,MAAA,CAAAI,SAAA,CAAA2B,IAAA,CAAAC,KAAA,CAAAD,IAAA,CAAAE,MAAA,KAAA7B,SAAA,CAAA8B,MAAA;QAED,IAAApC,YAAA,CAAAqC,WAAA;UACFtB,IAAA;UAEJN,KAAA","ignoreList":[]}

package/dist/cjs/WebNativeImageDemo.cjs

@@ -0,0 +1,34 @@
+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: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__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: !0
+}), mod);
+var WebNativeImageDemo_exports = {};
+__export(WebNativeImageDemo_exports, {
+  WebNativeImageDemo: () => WebNativeImageDemo
+});
+module.exports = __toCommonJS(WebNativeImageDemo_exports);
+var import_image = require("@hanzogui/image"),
+  import_jsx_runtime = require("react/jsx-runtime");
+function WebNativeImageDemo() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_image.Image, {
+    src: "https://picsum.photos/200/300",
+    width: 200,
+    height: 300
+  });
+}

package/dist/cjs/WebNativeImageDemo.native.js

@@ -0,0 +1,37 @@
+"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: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__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: !0
+}), mod);
+var WebNativeImageDemo_exports = {};
+__export(WebNativeImageDemo_exports, {
+  WebNativeImageDemo: () => WebNativeImageDemo
+});
+module.exports = __toCommonJS(WebNativeImageDemo_exports);
+var import_jsx_runtime = require("react/jsx-runtime"),
+  import_image = require("@hanzogui/image");
+function WebNativeImageDemo() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_image.Image, {
+    src: "https://picsum.photos/200/300",
+    width: 200,
+    height: 300
+  });
+}
+//# sourceMappingURL=WebNativeImageDemo.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","WebNativeImageDemo_exports","__export","WebNativeImageDemo","module","exports","import_jsx_runtime","require","import_image","jsx","Image"],"sources":["../../src/WebNativeImageDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,0BAAA;AAAAC,QAAA,CAAAD,0BAAA;EAAAE,kBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAsB,CAAAK,0BAGb;AADF,IAAAK,kBAAS,GAAAC,OAAqB;EAAAC,YAAA,GAAAD,OAAA;AACnC,SAAOJ,mBAAA;EACT,0BAAAG,kBAAA,CAAAG,GAAA,EAAAD,YAAA,CAAAE,KAAA","ignoreList":[]}

package/dist/cjs/gui.config.cjs

@@ -0,0 +1,29 @@
+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: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__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: !0
+}), mod);
+var gui_config_exports = {};
+__export(gui_config_exports, {
+  default: () => gui_config_default
+});
+module.exports = __toCommonJS(gui_config_exports);
+var import_dev_config = require("@hanzogui/dev-config"),
+  import_gui = require("@hanzo/gui");
+const tamaConf = (0, import_gui.createGui)(import_dev_config.config);
+var gui_config_default = tamaConf;

package/dist/cjs/gui.config.native.js

@@ -0,0 +1,32 @@
+"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: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__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: !0
+}), mod);
+var gui_config_exports = {};
+__export(gui_config_exports, {
+  default: () => gui_config_default
+});
+module.exports = __toCommonJS(gui_config_exports);
+var import_dev_config = require("@hanzogui/dev-config"),
+  import_gui = require("@hanzo/gui"),
+  tamaConf = (0, import_gui.createGui)(import_dev_config.config),
+  gui_config_default = tamaConf;
+//# sourceMappingURL=gui.config.native.js.map

package/dist/cjs/gui.config.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","gui_config_exports","__export","default","gui_config_default","module","exports","import_dev_config","require","import_gui","tamaConf","createGui","config"],"sources":["../../src/gui.config.ts"],"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,OAAA,EAAAA,CAAA,KAAAC;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAV,YAAuB,CAAAK,kBAAA;AAGvB,IAAAM,iBAAiB,GAAAC,OAAA,uBAAU;EAAAC,UAAM,GAAAD,OAAA;EAAAE,QAAA,OAAAD,UAAA,CAAAE,SAAA,EAAAJ,iBAAA,CAAAK,MAAA;EAAAR,kBAAA,GAAAM,QAAA","ignoreList":[]}

package/dist/cjs/index.cjs

@@ -0,0 +1,79 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  },
+  __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var index_exports = {};
+module.exports = __toCommonJS(index_exports);
+__reExport(index_exports, require("./AccordionDemo.cjs"), module.exports);
+__reExport(index_exports, require("./AddThemeDemo.cjs"), module.exports);
+__reExport(index_exports, require("./AlertDialogDemo.cjs"), module.exports);
+__reExport(index_exports, require("./AnimationsDelayDemo.cjs"), module.exports);
+__reExport(index_exports, require("./AnimationsDemo.cjs"), module.exports);
+__reExport(index_exports, require("./AnimationsEnterDemo.cjs"), module.exports);
+__reExport(index_exports, require("./AnimationsHoverDemo.cjs"), module.exports);
+__reExport(index_exports, require("./AnimationsPresenceDemo.cjs"), module.exports);
+__reExport(index_exports, require("./AnimationsTimingDemo.cjs"), module.exports);
+__reExport(index_exports, require("./AvatarDemo.cjs"), module.exports);
+__reExport(index_exports, require("./BoxShadowTokenDemo.cjs"), module.exports);
+__reExport(index_exports, require("./BuildAButtonDemo.cjs"), module.exports);
+__reExport(index_exports, require("./ButtonDemo.cjs"), module.exports);
+__reExport(index_exports, require("./ThemeBuilderDemo.cjs"), module.exports);
+__reExport(index_exports, require("./CardDemo.cjs"), module.exports);
+__reExport(index_exports, require("./CheckboxDemo.cjs"), module.exports);
+__reExport(index_exports, require("./CheckboxHeadlessDemo.cjs"), module.exports);
+__reExport(index_exports, require("./CheckboxUnstyledDemo.cjs"), module.exports);
+__reExport(index_exports, require("./ColorsDemo.cjs"), module.exports);
+__reExport(index_exports, require("./ContextMenuDemo.cjs"), module.exports);
+__reExport(index_exports, require("./MenuDemo.cjs"), module.exports);
+__reExport(index_exports, require("./DialogDemo.cjs"), module.exports);
+__reExport(index_exports, require("./FormsDemo.cjs"), module.exports);
+__reExport(index_exports, require("./GroupDemo.cjs"), module.exports);
+__reExport(index_exports, require("./HeadingsDemo.cjs"), module.exports);
+__reExport(index_exports, require("./ImageDemo.cjs"), module.exports);
+__reExport(index_exports, require("./WebNativeImageDemo.cjs"), module.exports);
+__reExport(index_exports, require("./InputsDemo.cjs"), module.exports);
+__reExport(index_exports, require("./NewInputsDemo.cjs"), module.exports);
+__reExport(index_exports, require("./LabelDemo.cjs"), module.exports);
+__reExport(index_exports, require("./LinearGradientDemo.cjs"), module.exports);
+__reExport(index_exports, require("./ListItemDemo.cjs"), module.exports);
+__reExport(index_exports, require("./LucideIconsDemo.cjs"), module.exports);
+__reExport(index_exports, require("./PopoverDemo.cjs"), module.exports);
+__reExport(index_exports, require("./ProgressDemo.cjs"), module.exports);
+__reExport(index_exports, require("./RadioGroupDemo.cjs"), module.exports);
+__reExport(index_exports, require("./RadioGroupHeadlessDemo.cjs"), module.exports);
+__reExport(index_exports, require("./RadioGroupUnstyledDemo.cjs"), module.exports);
+__reExport(index_exports, require("./ReplaceThemeDemo.cjs"), module.exports);
+__reExport(index_exports, require("./ScrollViewDemo.cjs"), module.exports);
+__reExport(index_exports, require("./SelectDemo.cjs"), module.exports);
+__reExport(index_exports, require("./SeparatorDemo.cjs"), module.exports);
+__reExport(index_exports, require("./ShapesDemo.cjs"), module.exports);
+__reExport(index_exports, require("./SheetDemo.cjs"), module.exports);
+__reExport(index_exports, require("./SliderDemo.cjs"), module.exports);
+__reExport(index_exports, require("./SpinnerDemo.cjs"), module.exports);
+__reExport(index_exports, require("./StacksDemo.cjs"), module.exports);
+__reExport(index_exports, require("./SwitchDemo.cjs"), module.exports);
+__reExport(index_exports, require("./SwitchHeadlessDemo.cjs"), module.exports);
+__reExport(index_exports, require("./SwitchUnstyledDemo.cjs"), module.exports);
+__reExport(index_exports, require("./TabsAdvancedDemo.cjs"), module.exports);
+__reExport(index_exports, require("./TabsDemo.cjs"), module.exports);
+__reExport(index_exports, require("./TextDemo.cjs"), module.exports);
+__reExport(index_exports, require("./ThemeInverseDemo.cjs"), module.exports);
+__reExport(index_exports, require("./ToastDemo.cjs"), module.exports);
+__reExport(index_exports, require("./ToastDuplicateDemo.cjs"), module.exports);
+__reExport(index_exports, require("./ToggleGroupDemo.cjs"), module.exports);
+__reExport(index_exports, require("./TokensDemo.cjs"), module.exports);
+__reExport(index_exports, require("./TooltipDemo.cjs"), module.exports);
+__reExport(index_exports, require("./UpdateThemeDemo.cjs"), module.exports);
+__reExport(index_exports, require("./useOnIntersecting.cjs"), module.exports);
+__reExport(index_exports, require("./TabsHeadlessDemo.cjs"), module.exports);

package/dist/cjs/index.native.js

@@ -0,0 +1,82 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  },
+  __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var index_exports = {};
+module.exports = __toCommonJS(index_exports);
+__reExport(index_exports, require("./AccordionDemo.native.js"), module.exports);
+__reExport(index_exports, require("./AddThemeDemo.native.js"), module.exports);
+__reExport(index_exports, require("./AlertDialogDemo.native.js"), module.exports);
+__reExport(index_exports, require("./AnimationsDelayDemo.native.js"), module.exports);
+__reExport(index_exports, require("./AnimationsDemo.native.js"), module.exports);
+__reExport(index_exports, require("./AnimationsEnterDemo.native.js"), module.exports);
+__reExport(index_exports, require("./AnimationsHoverDemo.native.js"), module.exports);
+__reExport(index_exports, require("./AnimationsPresenceDemo.native.js"), module.exports);
+__reExport(index_exports, require("./AnimationsTimingDemo.native.js"), module.exports);
+__reExport(index_exports, require("./AvatarDemo.native.js"), module.exports);
+__reExport(index_exports, require("./BoxShadowTokenDemo.native.js"), module.exports);
+__reExport(index_exports, require("./BuildAButtonDemo.native.js"), module.exports);
+__reExport(index_exports, require("./ButtonDemo.native.js"), module.exports);
+__reExport(index_exports, require("./ThemeBuilderDemo.native.js"), module.exports);
+__reExport(index_exports, require("./CardDemo.native.js"), module.exports);
+__reExport(index_exports, require("./CheckboxDemo.native.js"), module.exports);
+__reExport(index_exports, require("./CheckboxHeadlessDemo.native.js"), module.exports);
+__reExport(index_exports, require("./CheckboxUnstyledDemo.native.js"), module.exports);
+__reExport(index_exports, require("./ColorsDemo.native.js"), module.exports);
+__reExport(index_exports, require("./ContextMenuDemo.native.js"), module.exports);
+__reExport(index_exports, require("./MenuDemo.native.js"), module.exports);
+__reExport(index_exports, require("./DialogDemo.native.js"), module.exports);
+__reExport(index_exports, require("./FormsDemo.native.js"), module.exports);
+__reExport(index_exports, require("./GroupDemo.native.js"), module.exports);
+__reExport(index_exports, require("./HeadingsDemo.native.js"), module.exports);
+__reExport(index_exports, require("./ImageDemo.native.js"), module.exports);
+__reExport(index_exports, require("./WebNativeImageDemo.native.js"), module.exports);
+__reExport(index_exports, require("./InputsDemo.native.js"), module.exports);
+__reExport(index_exports, require("./NewInputsDemo.native.js"), module.exports);
+__reExport(index_exports, require("./LabelDemo.native.js"), module.exports);
+__reExport(index_exports, require("./LinearGradientDemo.native.js"), module.exports);
+__reExport(index_exports, require("./ListItemDemo.native.js"), module.exports);
+__reExport(index_exports, require("./LucideIconsDemo.native.js"), module.exports);
+__reExport(index_exports, require("./PopoverDemo.native.js"), module.exports);
+__reExport(index_exports, require("./ProgressDemo.native.js"), module.exports);
+__reExport(index_exports, require("./RadioGroupDemo.native.js"), module.exports);
+__reExport(index_exports, require("./RadioGroupHeadlessDemo.native.js"), module.exports);
+__reExport(index_exports, require("./RadioGroupUnstyledDemo.native.js"), module.exports);
+__reExport(index_exports, require("./ReplaceThemeDemo.native.js"), module.exports);
+__reExport(index_exports, require("./ScrollViewDemo.native.js"), module.exports);
+__reExport(index_exports, require("./SelectDemo.native.js"), module.exports);
+__reExport(index_exports, require("./SeparatorDemo.native.js"), module.exports);
+__reExport(index_exports, require("./ShapesDemo.native.js"), module.exports);
+__reExport(index_exports, require("./SheetDemo.native.js"), module.exports);
+__reExport(index_exports, require("./SliderDemo.native.js"), module.exports);
+__reExport(index_exports, require("./SpinnerDemo.native.js"), module.exports);
+__reExport(index_exports, require("./StacksDemo.native.js"), module.exports);
+__reExport(index_exports, require("./SwitchDemo.native.js"), module.exports);
+__reExport(index_exports, require("./SwitchHeadlessDemo.native.js"), module.exports);
+__reExport(index_exports, require("./SwitchUnstyledDemo.native.js"), module.exports);
+__reExport(index_exports, require("./TabsAdvancedDemo.native.js"), module.exports);
+__reExport(index_exports, require("./TabsDemo.native.js"), module.exports);
+__reExport(index_exports, require("./TextDemo.native.js"), module.exports);
+__reExport(index_exports, require("./ThemeInverseDemo.native.js"), module.exports);
+__reExport(index_exports, require("./ToastDemo.native.js"), module.exports);
+__reExport(index_exports, require("./ToastDuplicateDemo.native.js"), module.exports);
+__reExport(index_exports, require("./ToggleGroupDemo.native.js"), module.exports);
+__reExport(index_exports, require("./TokensDemo.native.js"), module.exports);
+__reExport(index_exports, require("./TooltipDemo.native.js"), module.exports);
+__reExport(index_exports, require("./UpdateThemeDemo.native.js"), module.exports);
+__reExport(index_exports, require("./useOnIntersecting.native.js"), module.exports);
+__reExport(index_exports, require("./TabsHeadlessDemo.native.js"), module.exports);
+//# sourceMappingURL=index.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","index_exports","module","exports","__reExport","require"],"sources":["../../src/index.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA;AAGAC,MAAA,CAAAC,OAAA,GAAAP,YAAc,CAAAK,aAAA;AACdG,UAAA,CAAAH,aAAA,EAAcI,OAAA,+BAJdH,MAAA,CAAAC,OAAA;AAKAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,8BAAAH,MALd,CAAAC,OAAA;AAMAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,iCAAAH,MANd,CAAAC,OAAA;AAOAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,kCAPd,GAAAH,MAAA,CAAAC,OAAA;AAQAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,gCAAAH,MARd,CAAAC,OAAA;AASAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,qCATdH,MAAA,CAAAC,OAAA;AAUAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,qCAAAH,MAVd,CAAAC,OAAA;AAWAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,sCAXd,EAAAH,MAAA,CAAAC,OAAA;AAYAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,mCAZd,GAAAH,MAAA,CAAAC,OAAA;AAaAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,4BAAAH,MAAA,CAAAC,OAbd;AAcAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,kCAdd,EAAAH,MAAA,CAAAC,OAAA;AAeAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,+BAfd,GAAAH,MAAA,CAAAC,OAAA;AAgBAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,4BAAAH,MAhBd,CAAAC,OAAA;AAiBAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,+BAjBd,GAAAH,MAAA,CAAAC,OAAA;AAkBAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,0BAAAH,MAlBd,CAAAC,OAAA;AAmBAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,8BAAAH,MAAA,CAAAC,OAnBd;AAoBAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,sCApBdH,MAAA,CAAAC,OAAA;AAqBAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,mCArBd,GAAAH,MAAA,CAAAC,OAAA;AAsBAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,4BAAAH,MAtBd,CAAAC,OAAA;AAuBAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,8BAvBd,GAAAH,MAAA,CAAAC,OAAA;AAwBAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,0BAAAH,MAxBd,CAAAC,OAAA;AAyBAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,4BAzBdH,MAAA,CAAAC,OAAA;AA0BAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,2BA1BdH,MAAA,CAAAC,OAAA;AA2BAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,2BAAAH,MA3Bd,CAAAC,OAAA;AA4BAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,2BA5Bd,GAAAH,MAAA,CAAAC,OAAA;AA6BAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,2BAAAH,MAAA,CAAAC,OA7Bd;AA8BAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,iCA9Bd,GAAAH,MAAA,CAAAC,OAAA;AA+BAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,4BAAAH,MA/Bd,CAAAC,OAAA;AAgCAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,4BAhCd,GAAAH,MAAA,CAAAC,OAAA;AAiCAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,2BAAAH,MAAA,CAAAC,OAjCd;AAkCAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,iCAlCd,GAAAH,MAAA,CAAAC,OAAA;AAmCAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,8BAAAH,MAnCd,CAAAC,OAAA;AAoCAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,8BApCd,GAAAH,MAAA,CAAAC,OAAA;AAqCAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,6BAAAH,MArCd,CAAAC,OAAA;AAsCAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,8BAAAH,MAtCd,CAAAC,OAAA;AAuCAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,gCAAAH,MAAA,CAAAC,OAvCd;AAwCAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,wCAxCdH,MAAA,CAAAC,OAAA;AAyCAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,qCAzCd,GAAAH,MAAA,CAAAC,OAAA;AA0CAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,gCA1Cd,EAAAH,MAAA,CAAAC,OAAA;AA2CAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,6BA3Cd,GAAAH,MAAA,CAAAC,OAAA;AA4CAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,4BAAAH,MA5Cd,CAAAC,OAAA;AA6CAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,4BA7Cd,GAAAH,MAAA,CAAAC,OAAA;AA8CAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,4BA9CdH,MAAA,CAAAC,OAAA;AA+CAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,2BAAAH,MA/Cd,CAAAC,OAAA;AAgDAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,4BAAAH,MAhDd,CAAAC,OAAA;AAiDAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,6BAjDdH,MAAA,CAAAC,OAAA;AAkDAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,4BAlDdH,MAAA,CAAAC,OAAA;AAmDAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,4BAAAH,MAAA,CAAAC,OAnDd;AAoDAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,oCApDdH,MAAA,CAAAC,OAAA;AAqDAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,kCArDd,EAAAH,MAAA,CAAAC,OAAA;AAsDAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,+BAtDd,GAAAH,MAAA,CAAAC,OAAA;AAuDAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,0BAvDdH,MAAA,CAAAC,OAAA;AAwDAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,0BAAAH,MAAA,CAAAC,OAxDd;AAyDAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,+BAzDd,GAAAH,MAAA,CAAAC,OAAA;AA0DAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,2BAAAH,MAAA,CAAAC,OA1Dd;AA2DAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,iCA3Dd,GAAAH,MAAA,CAAAC,OAAA;AA4DAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,8BA5Dd,GAAAH,MAAA,CAAAC,OAAA;AA6DAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,4BAAAH,MA7Dd,CAAAC,OAAA;AA8DAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,6BAAAH,MA9Dd,CAAAC,OAAA;AA+DAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,iCAAAH,MA/Dd,CAAAC,OAAA;AAgEAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,mCAhEdH,MAAA,CAAAC,OAAA","ignoreList":[]}

package/dist/cjs/useOnIntersecting.cjs

@@ -0,0 +1,68 @@
+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: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__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: !0
+}), mod);
+var useOnIntersecting_exports = {};
+__export(useOnIntersecting_exports, {
+  useIsIntersecting: () => useIsIntersecting,
+  useOnIntersecting: () => useOnIntersecting
+});
+module.exports = __toCommonJS(useOnIntersecting_exports);
+var import_react = require("react"),
+  import_gui = require("@hanzo/gui");
+function useIsIntersecting(refs, {
+  once,
+  ...opts
+} = {}) {
+  const [values, setValues] = (0, import_react.useState)([]);
+  return useOnIntersecting(refs, entries => {
+    if (!import_gui.isWeb) return;
+    const intersecting = entries.some(x => x?.isIntersecting);
+    once && !intersecting || setValues(prev => {
+      const next = entries.map(e => e?.isIntersecting ?? !1);
+      return prev.length === next.length && prev.every((e, i) => e === next[i]) ? prev : next;
+    });
+  }, opts), Array.isArray(refs) ? values : values[0];
+}
+function useOnIntersecting(refsIn, incomingCbRaw, {
+  threshold = 0,
+  root,
+  rootMargin
+} = {}, mountArgs = []) {
+  const onIntersectEvent = (0, import_gui.useEvent)(incomingCbRaw);
+  (0, import_react.useEffect)(() => {
+    if (!import_gui.isWeb) return;
+    const refs = Array.isArray(refsIn) ? refsIn : [refsIn];
+    if (!refs.length) return;
+    let dispose = null,
+      currentEntries = [];
+    const options = {
+        threshold,
+        root,
+        rootMargin
+      },
+      io = new IntersectionObserver(entries => {
+        currentEntries = refs.map((ref, index) => entries.find(x => x.target === ref.current) ?? currentEntries[index] ?? null), dispose?.(), dispose = onIntersectEvent(currentEntries) || null;
+      }, options);
+    for (const ref of refs) ref.current && io.observe(ref.current);
+    return () => {
+      dispose?.(), io.disconnect();
+    };
+  }, [onIntersectEvent, refsIn, root, rootMargin, threshold, ...mountArgs]);
+}