@hanzogui/demos 3.0.6 → 4.3.1

package/dist/cjs/RadioGroupUnstyledDemo.native.js

@@ -5,107 +5,109 @@ 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, {
+  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;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var RadioGroupUnstyledDemo_exports = {};
 __export(RadioGroupUnstyledDemo_exports, {
   RadioGroupUnstyledDemo: () => RadioGroupUnstyledDemo
 });
 module.exports = __toCommonJS(RadioGroupUnstyledDemo_exports);
-var import_jsx_runtime = require("react/jsx-runtime"),
-  import_gui = require("@hanzo/gui"),
-  import_radio_group = require("@hanzogui/radio-group"),
-  RADIO_GROUP_ITEM_NAME = "RadioGroupItem",
-  RadioGroupItemFrame = (0, import_gui.styled)(import_gui.YStack, {
-    name: RADIO_GROUP_ITEM_NAME,
-    render: "button",
-    rounded: 1e3,
-    bg: "$background",
-    items: "center",
-    justify: "center",
-    borderWidth: 1,
-    borderColor: "$borderColor",
-    p: 0,
-    hoverStyle: {
-      borderColor: "$borderColorHover",
-      bg: "$backgroundHover"
-    },
-    focusStyle: {
-      borderColor: "$borderColorHover",
-      bg: "$backgroundHover"
-    },
-    focusVisibleStyle: {
-      outlineStyle: "solid",
-      outlineWidth: 2,
-      outlineColor: "$outlineColor"
-    },
-    pressStyle: {
-      borderColor: "$borderColorFocus",
-      bg: "$backgroundFocus"
-    },
-    variants: {
-      disabled: {
-        true: {
-          pointerEvents: "none",
-          userSelect: "none",
-          cursor: "not-allowed",
-          hoverStyle: {
-            borderColor: "$borderColor",
-            bg: "$background"
-          },
-          pressStyle: {
-            borderColor: "$borderColor",
-            bg: "$background"
-          },
-          focusVisibleStyle: {
-            outlineWidth: 0
-          }
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_gui = require("@hanzo/gui");
+var import_radio_group = require("@hanzogui/radio-group");
+var RADIO_GROUP_ITEM_NAME = "RadioGroupItem";
+var RadioGroupItemFrame = (0, import_gui.styled)(import_gui.YStack, {
+  name: RADIO_GROUP_ITEM_NAME,
+  render: "button",
+  rounded: 1e3,
+  bg: "$background",
+  items: "center",
+  justify: "center",
+  borderWidth: 1,
+  borderColor: "$borderColor",
+  p: 0,
+  hoverStyle: {
+    borderColor: "$borderColorHover",
+    bg: "$backgroundHover"
+  },
+  focusStyle: {
+    borderColor: "$borderColorHover",
+    bg: "$backgroundHover"
+  },
+  focusVisibleStyle: {
+    outlineStyle: "solid",
+    outlineWidth: 2,
+    outlineColor: "$outlineColor"
+  },
+  pressStyle: {
+    borderColor: "$borderColorFocus",
+    bg: "$backgroundFocus"
+  },
+  variants: {
+    disabled: {
+      true: {
+        pointerEvents: "none",
+        userSelect: "none",
+        cursor: "not-allowed",
+        hoverStyle: {
+          borderColor: "$borderColor",
+          bg: "$background"
+        },
+        pressStyle: {
+          borderColor: "$borderColor",
+          bg: "$background"
+        },
+        focusVisibleStyle: {
+          outlineWidth: 0
         }
       }
     }
-  }),
-  RADIO_GROUP_INDICATOR_NAME = "RadioGroupIndicator",
-  RadioGroupIndicatorFrame = (0, import_gui.styled)(import_gui.YStack, {
-    name: RADIO_GROUP_INDICATOR_NAME,
-    width: "53%",
-    height: "53%",
-    rounded: 1e3,
-    bg: "$color"
-  }),
-  RADIO_GROUP_NAME = "RadioGroup",
-  RadioGroupFrame = (0, import_gui.styled)(import_gui.YStack, {
-    name: RADIO_GROUP_NAME,
-    variants: {
-      orientation: {
-        horizontal: {
-          flexDirection: "row",
-          spaceDirection: "horizontal"
-        },
-        vertical: {
-          flexDirection: "column",
-          spaceDirection: "vertical"
-        }
+  }
+});
+var RADIO_GROUP_INDICATOR_NAME = "RadioGroupIndicator";
+var RadioGroupIndicatorFrame = (0, import_gui.styled)(import_gui.YStack, {
+  name: RADIO_GROUP_INDICATOR_NAME,
+  width: "53%",
+  height: "53%",
+  rounded: 1e3,
+  bg: "$color"
+});
+var RADIO_GROUP_NAME = "RadioGroup";
+var RadioGroupFrame = (0, import_gui.styled)(import_gui.YStack, {
+  name: RADIO_GROUP_NAME,
+  variants: {
+    orientation: {
+      horizontal: {
+        flexDirection: "row",
+        spaceDirection: "horizontal"
+      },
+      vertical: {
+        flexDirection: "column",
+        spaceDirection: "vertical"
       }
     }
-  }),
-  RadioGroup = (0, import_radio_group.createRadioGroup)({
-    Frame: RadioGroupFrame,
-    Indicator: RadioGroupIndicatorFrame,
-    Item: RadioGroupItemFrame
-  });
+  }
+});
+var RadioGroup = (0, import_radio_group.createRadioGroup)({
+  Frame: RadioGroupFrame,
+  Indicator: RadioGroupIndicatorFrame,
+  Item: RadioGroupItemFrame
+});
 function RadioGroupUnstyledDemo() {
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(RadioGroup, {
     "aria-labelledby": "Select one item",

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","RadioGroupUnstyledDemo_exports","__export","RadioGroupUnstyledDemo","module","exports","import_jsx_runtime","require","import_gui","import_radio_group","RADIO_GROUP_ITEM_NAME","RadioGroupItemFrame","styled","YStack","name","render","rounded","bg","items","justify","borderWidth","borderColor","p","hoverStyle","focusStyle","focusVisibleStyle","outlineStyle","outlineWidth","outlineColor","pressStyle","variants","disabled","true","pointerEvents","userSelect","cursor","RADIO_GROUP_INDICATOR_NAME","RadioGroupIndicatorFrame","width","height","RADIO_GROUP_NAME","RadioGroupFrame","orientation","horizontal","flexDirection","spaceDirection","vertical","RadioGroup","createRadioGroup","Frame","Indicator","Item","jsx","defaultValue","children","jsxs","gap","RadioGroupItemWithLabel","label"],"sources":["../../src/RadioGroupUnstyledDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,8BAAA;AAAAC,QAAA,CAAAD,8BAAA;EAAAE,sBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAA8CT,YAAA,CAAAK,8BAE9C,CAAiC;AAEjC,IAAAK,kBAAM,GAAAC,OAAwB,oBAExB;EAAAC,UAAA,GAAAD,OAAsB;EAAAE,kBAAO,GAAQF,OAAA;EAAAG,qBAAA;EAAAC,mBAAA,OAAAH,UAAA,CAAAI,MAAA,EAAAJ,UAAA,CAAAK,MAAA;IACzCC,IAAA,EAAMJ,qBAAA;IACNK,MAAA,EAAQ;IAERC,OAAA,EAAS;IACTC,EAAA,EAAI;IACJC,KAAA,EAAO;IACPC,OAAA,EAAS;IACTC,WAAA,EAAa;IACbC,WAAA,EAAa;IACbC,CAAA,EAAG;IAEHC,UAAA,EAAY;MACVF,WAAA,EAAa;MACbJ,EAAA,EAAI;IACN;IAEAO,UAAA,EAAY;MACVH,WAAA,EAAa;MACbJ,EAAA,EAAI;IACN;IAEAQ,iBAAA,EAAmB;MACjBC,YAAA,EAAc;MACdC,YAAA,EAAc;MACdC,YAAA,EAAc;IAChB;IAEAC,UAAA,EAAY;MACVR,WAAA,EAAa;MACbJ,EAAA,EAAI;IACN;IAEAa,QAAA,EAAU;MACRC,QAAA,EAAU;QACRC,IAAA,EAAM;UACJC,aAAA,EAAe;UACfC,UAAA,EAAY;UACZC,MAAA,EAAQ;UAERZ,UAAA,EAAY;YACVF,WAAA,EAAa;YACbJ,EAAA,EAAI;UACN;UAEAY,UAAA,EAAY;YACVR,WAAA,EAAa;YACbJ,EAAA,EAAI;UACN;UAEAQ,iBAAA,EAAmB;YACjBE,YAAA,EAAc;UAChB;QACF;MACF;IACF;EACF,CAAU;EAEJS,0BAAA,GAA6B;EAE7BC,wBAAA,OAA2B7B,UAAA,CAAAI,MAAA,EAAOJ,UAAA,CAAAK,MAAA,EAAQ;IAC9CC,IAAA,EAAMsB,0BAAA;IACNE,KAAA,EAAO;IACPC,MAAA,EAAQ;IACRvB,OAAA,EAAS;IACTC,EAAA,EAAI;EACN,CAAC;EAEKuB,gBAAA,GAAmB;EAEnBC,eAAA,OAAkBjC,UAAA,CAAAI,MAAA,EAAOJ,UAAA,CAAAK,MAAA,EAAQ;IACrCC,IAAA,EAAM0B,gBAAA;IACNV,QAAA,EAAU;MACRY,WAAA,EAAa;QACXC,UAAA,EAAY;UACVC,aAAA,EAAe;UACfC,cAAA,EAAgB;QAClB;QACAC,QAAA,EAAU;UACRF,aAAA,EAAe;UACfC,cAAA,EAAgB;QAClB;MACF;IACF;EACF,CAAC;EAEKE,UAAA,OAAatC,kBAAA,CAAAuC,gBAAA,EAAiB;IAClCC,KAAA,EAAOR,eAAA;IACPS,SAAA,EAAWb,wBAAA;IACXc,IAAA,EAAMxC;EACR,CAAC;AAEM,SAASR,uBAAA,EAAyB;EACvC,OACE,mBAAAG,kBAAA,CAAA8C,GAAA,EAACL,UAAA;IAEG;IACAM,YAAA;IAAsDvC,IAE1D;IAEJwC,QAAA,qBAAAhD,kBAAA,CAAAiD,IAAA,EAAA/C,UAAA,CAAAK,MAAA;MAEAyB,KAAS;MACPpB,KAAM,EAAK;MACXsC,GACE;MACEF,QAAA,GAIA,mBAAAhD,kBAAA,CAAA8C,GAAC,EAAAK,uBAAM,EAAS;QAClBzD,KAAA;QAEJ0D,KAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","RadioGroupUnstyledDemo_exports","__export","RadioGroupUnstyledDemo","module","exports","import_jsx_runtime","require","import_gui","import_radio_group","RADIO_GROUP_ITEM_NAME","RadioGroupItemFrame","styled","YStack","name","render","rounded","bg","items","justify","borderWidth","borderColor","p","hoverStyle","focusStyle","focusVisibleStyle","outlineStyle","outlineWidth","outlineColor","pressStyle","variants","disabled","true","pointerEvents","userSelect","cursor","RADIO_GROUP_INDICATOR_NAME","RadioGroupIndicatorFrame","width","height","RADIO_GROUP_NAME","RadioGroupFrame","orientation","horizontal","flexDirection","spaceDirection","vertical","RadioGroup","createRadioGroup","Frame","Indicator","Item","jsx","defaultValue","children","jsxs","gap","RadioGroupItemWithLabel"],"sources":["../../src/RadioGroupUnstyledDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,8BAAA;AAAAC,QAAA,CAAAD,8BAAA;EAAAE,sBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAA8CT,YAAA,CAAAK,8BAAA;AAE9C,IAAAK,kBAAA,GAAiCC,OAAA;AAmG3B,IAAAC,UAAA,GAAAD,OAAA;AAjGN,IAAAE,kBAAM,GAAAF,OAAwB;AAE9B,IAAAG,qBAAM,mBAAsB;AAAe,IACzCC,mBAAM,OAAAH,UAAA,CAAAI,MAAA,EAAAJ,UAAA,CAAAK,MAAA;EACNC,IAAA,EAAAJ,qBAAQ;EAERK,MAAA,UAAS;EACTC,OAAI;EACJC,EAAA,eAAO;EACPC,KAAA,UAAS;EACTC,OAAA,UAAa;EACbC,WAAA,EAAa;EACbC,WAAG;EAEHC,CAAA;EAAYC,UACV;IACAF,WAAI;IACNJ,EAAA;EAEA;EAAYO,UACV;IACAH,WAAI;IACNJ,EAAA;EAEA;EAAmBQ,iBACH;IACdC,YAAA,EAAc;IACdC,YAAA,EAAc;IAChBC,YAAA;EAEA;EAAYC,UACV;IACAR,WAAI;IACNJ,EAAA;EAEA;EAAUa,QACR;IAAUC,QACF;MAAAC,IACJ;QACAC,aAAY;QACZC,UAAQ;QAERC,MAAA,eAAY;QAAAZ,UACV;UACAF,WAAI;UACNJ,EAAA;QAEA;QAAYY,UACV;UACAR,WAAI;UACNJ,EAAA;QAEA;QAAmBQ,iBACH;UAChBE,YAAA;QACF;MACF;IACF;EACQ;AAEV;AAEA,IAAAS,0BAAM,wBAA2B;AAAe,IAC9CC,wBAAM,OAAA7B,UAAA,CAAAI,MAAA,EAAAJ,UAAA,CAAAK,MAAA;EACNC,IAAA,EAAAsB,0BAAO;EACPE,KAAA,OAAQ;EACRC,MAAA,OAAS;EACTvB,OAAI;EACLC,EAAA;AAED;AAEA,IAAAuB,gBAAM,eAAkB;AAAe,IACrCC,eAAM,OAAAjC,UAAA,CAAAI,MAAA,EAAAJ,UAAA,CAAAK,MAAA;EACNC,IAAA,EAAA0B,gBAAU;EAAAV,QACR;IAAaY,WACX;MAAYC,UACV;QACAC,aAAA,OAAgB;QAClBC,cAAA;MACA;MAAUC,QACR;QACAF,aAAA,UAAgB;QAClBC,cAAA;MACF;IACF;EACD;AAED;AAAoC,IAClCE,UAAO,OAAAtC,kBAAA,CAAAuC,gBAAA;EACPC,KAAA,EAAAR,eAAW;EACXS,SAAM,EAAAb,wBAAA;EACPc,IAAA,EAAAxC;AAEM;AACL,SACER,uBAAA;EAEI,0BAAAG,kBAAA,CAAC8C,GAAA,EAAAL,UAAA;IACD;IAAsDM,YAE1D;IAEJvC,IAAA;IAEAwC,QAAS,qBAAwBhD,kBAAyC,CAAAiD,IAAA,EAAA/C,UAAA,CAAAK,MAAA;MACxEyB,KAAM,EAAK;MACXpB,KACE;MACEsC,GAAA;MAIAF,QAAA,GACF,mBAAAhD,kBAAA,CAAA8C,GAAA,EAAAK,uBAAA;QAEJzD,KAAA","ignoreList":[]}

package/dist/cjs/ReplaceThemeDemo.cjs

@@ -2,55 +2,59 @@ 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 __getProtoOf = Object.getPrototypeOf;
+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, {
+  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;
-  };
+  }
+  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);
+// 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 ReplaceThemeDemo_exports = {};
 __export(ReplaceThemeDemo_exports, {
   ReplaceThemeDemo: () => ReplaceThemeDemo
 });
 module.exports = __toCommonJS(ReplaceThemeDemo_exports);
-var import_react = __toESM(require("react"), 1),
-  import_theme = require("@hanzogui/theme"),
-  import_gui = require("@hanzo/gui"),
-  import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"), 1);
+var import_theme = require("@hanzogui/theme");
+var import_gui = require("@hanzo/gui");
+var import_jsx_runtime = require("react/jsx-runtime");
 function ReplaceThemeDemo() {
-  const [theme, setTheme] = import_react.default.useState(),
-    update = (0, import_gui.useForceUpdate)();
-  return (0, import_gui.useIsomorphicLayoutEffect)(() => {
+  const [theme, setTheme] = import_react.default.useState();
+  const update = (0, import_gui.useForceUpdate)();
+  (0, import_gui.useIsomorphicLayoutEffect)(() => {
     (0, import_theme.addTheme)({
       name: "mytheme",
-      insertCSS: !0,
+      insertCSS: true,
       theme: {
         color: "red",
         color2: "green"
       }
-    }), setTheme("mytheme");
-  }, []), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
+    });
+    setTheme("mytheme");
+  }, []);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
     items: "center",
     gap: "$4",
     children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.XStack, {
@@ -70,7 +74,8 @@ function ReplaceThemeDemo() {
           theme: {
             color: "blue"
           }
-        }), update();
+        });
+        update();
       },
       children: "Replace theme to only have $color: blue"
     })]

package/dist/cjs/ReplaceThemeDemo.native.js

@@ -4,61 +4,65 @@ 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 __getProtoOf = Object.getPrototypeOf;
+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, {
+  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;
-  };
+  }
+  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);
+// 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 ReplaceThemeDemo_exports = {};
 __export(ReplaceThemeDemo_exports, {
   ReplaceThemeDemo: () => ReplaceThemeDemo
 });
 module.exports = __toCommonJS(ReplaceThemeDemo_exports);
-var import_jsx_runtime = require("react/jsx-runtime"),
-  import_react = __toESM(require("react"), 1),
-  import_theme = require("@hanzogui/theme"),
-  import_gui = require("@hanzo/gui");
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"), 1);
+var import_theme = require("@hanzogui/theme");
+var import_gui = require("@hanzo/gui");
 function ReplaceThemeDemo() {
-  var [theme, setTheme] = import_react.default.useState(),
-    update = (0, import_gui.useForceUpdate)();
-  return (0, import_gui.useIsomorphicLayoutEffect)(function () {
+  var [theme, setTheme] = import_react.default.useState();
+  var update = (0, import_gui.useForceUpdate)();
+  (0, import_gui.useIsomorphicLayoutEffect)(function () {
     (0, import_theme.addTheme)({
       name: "mytheme",
-      insertCSS: !0,
+      insertCSS: true,
       theme: {
         color: "red",
         color2: "green"
       }
-    }), setTheme("mytheme");
-  }, []), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
+    });
+    setTheme("mytheme");
+  }, []);
+  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,
+        name: theme !== null && theme !== void 0 ? theme : null,
         children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
           rounded: "$8",
           size: 100,
@@ -72,7 +76,8 @@ function ReplaceThemeDemo() {
           theme: {
             color: "blue"
           }
-        }), update();
+        });
+        update();
       },
       children: "Replace theme to only have $color: blue"
     })]

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ReplaceThemeDemo_exports","__export","ReplaceThemeDemo","module","exports","import_jsx_runtime","require","import_react","__toESM","import_theme","import_gui","theme","setTheme","default","useState","update","useForceUpdate","useIsomorphicLayoutEffect","addTheme","name","insertCSS","color","color2","jsxs","YStack","items","gap","children","jsx","XStack","Theme","Square","rounded","size","bg","Button","onPress"],"sources":["../../src/ReplaceThemeDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAAA;EAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;IAAAC,KAAA;EAAA,IAAAH,GAAA;AAAA,IAAAI,wBAAA;AAAAC,QAAA,CAAAD,wBAAA;EAAAE,gBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAkB,CAAAK,wBAClB;AAYO,IAAAK,kBAAS,GAAAC,OAAmB;EAAAC,YAAA,GAAAC,OAAA,CAAAF,OAAA;EAAAG,YAAA,GAAAH,OAAA;EAAAI,UAAA,GAAAJ,OAAA;AACjC,SAAOJ,gBAAeA,CAAA,EAAI;EAG1B,KAAAS,KAAA,EAAAC,QAAA,IAAAL,YAAA,CAAAM,OAAA,CAAAC,QAA0B,EAAM;IAAAC,MAAA,OAAAL,UAAA,CAAAM,cAAA;EAC9B,WAAAN,UAAA,CAAAO,yBAAS;IAAA,EACP,EAAAR,YAAM,CAAAS,QAAA;MACNC,IAAA,WAAW;MACXC,SAAO;MAAAT,KACL;QACAU,KAAA,OAAQ;QACVC,MAAA;MACD;IAEH,CAAG,CAAC,EAACV,QAGH;EACE,2BAAAP,kBAAC,CAAAkB,IAAA,EAAAb,UAAA,CAAAc,MAAO,EAAI;IAMZC,KAAA;IAAAC,GAAC;IAAAC,QAAA,kBACU,CAAM,GAAAtB,kBAAA,CAAAuB,GAAA,EAAAlB,UAAA,CAAAmB,MAAA;MACbH,GAAA;MAAaC,QACX,EAAM,mBAAAtB,kBAAA,CAAAuB,GAAA,EAAAlB,UAAA,CAAAoB,KAAA;QAAAX,IACN,EAAAR,KAAO;QAAAgB,QACL,iBAAO,IAAAtB,kBAAA,CAAAuB,GAAA,EAAAlB,UAAA,CAAAqB,MAAA;UACTC,OAAA;UACDC,IACD,KAAO;UACTC,EAAA;QACD;MAAA;IAED,IACF,mBAAA7B,kBAAA,CAAAuB,GAAA,EAAAlB,UAAA,CAAAyB,MAAA;MAEJC,OAAA,WAAAA,CAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ReplaceThemeDemo_exports","__export","ReplaceThemeDemo","module","exports","import_jsx_runtime","require","import_react","__toESM","import_theme","import_gui","theme","setTheme","default","useState","update","useForceUpdate","useIsomorphicLayoutEffect","addTheme","name","insertCSS","color","color2","jsxs","YStack","items","gap","children","jsx","XStack","Theme","Square","rounded","size","bg","Button","onPress","replaceTheme"],"sources":["../../src/ReplaceThemeDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,wBAAA;AAAAC,QAAA,CAAAD,wBAAA;EAAAE,gBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAkB,CAAAK,wBAAA;AAClB,IAAAK,kBAAuC,GAAAC,OAAA;AAEvC,IAAAC,YAAA,GAQOC,OAAA,CAAAF,OAAA;AAmBH,IAAAG,YAAA,GAAAH,OAAA;AAjBG,IAAAI,UAAS,GAAAJ,OAAA,aAAmB;AACjC,SAAOJ,gBAAeA,CAAA,EAAI;EAC1B,KAAAS,KAAM,EAAAC,QAAS,IAAAL,YAAA,CAAAM,OAAA,CAAAC,QAAe;EAE9B,IAAAC,MAAA,OAAAL,UAAA,CAAAM,cAA0B;EACxB,IAAAN,UAAA,CAAAO,yBAAS;IAAA,EACP,EAAAR,YAAM,CAAAS,QAAA;MACNC,IAAA,WAAW;MACXC,SAAO;MAAAT,KACL;QACAU,KAAA,OAAQ;QACVC,MAAA;MACD;IACD;IACFV,QAAK;EAEL;EAEI,0BAAAP,kBAAA,CAACkB,IAAA,EAAAb,UAAA,CAAAc,MAAO;IAMRC,KAAA;IAAAC,GAAC;IAAAC,QAAA,kBACU,CAAM,GAAAtB,kBAAA,CAAAuB,GAAA,EAAAlB,UAAA,CAAAmB,MAAA;MACbH,GAAA;MAAaC,QACX,EAAM,mBAAAtB,kBAAA,CAAAuB,GAAA,EAAAlB,UAAA,CAAAoB,KAAA;QAAAX,IACN,EAAAR,KAAO,aAAAA,KAAA,cAAAA,KAAA;QAAAgB,QACL,iBAAO,IAAAtB,kBAAA,CAAAuB,GAAA,EAAAlB,UAAA,CAAAqB,MAAA;UACTC,OAAA;UACDC,IAAA;UACDC,EAAA;QACF;MACD;IAAA,IAED,mBAAA7B,kBAAA,CAAAuB,GAAA,EAAAlB,UAAA,CAAAyB,MAAA;MACFC,OAAA,WAAAA,CAAA;QAEJ,IAAA3B,YAAA,CAAA4B,YAAA","ignoreList":[]}

package/dist/cjs/ScrollViewDemo.cjs

@@ -3,28 +3,30 @@ 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, {
+  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;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var ScrollViewDemo_exports = {};
 __export(ScrollViewDemo_exports, {
   ScrollViewDemo: () => ScrollViewDemo
 });
 module.exports = __toCommonJS(ScrollViewDemo_exports);
-var import_gui = require("@hanzo/gui"),
-  import_jsx_runtime = require("react/jsx-runtime");
+var import_gui = require("@hanzo/gui");
+var import_jsx_runtime = require("react/jsx-runtime");
 function ScrollViewDemo() {
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.ScrollView, {
     maxH: 250,

package/dist/cjs/ScrollViewDemo.native.js

@@ -5,28 +5,30 @@ 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, {
+  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;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var ScrollViewDemo_exports = {};
 __export(ScrollViewDemo_exports, {
   ScrollViewDemo: () => ScrollViewDemo
 });
 module.exports = __toCommonJS(ScrollViewDemo_exports);
-var import_jsx_runtime = require("react/jsx-runtime"),
-  import_gui = require("@hanzo/gui");
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_gui = require("@hanzo/gui");
 function ScrollViewDemo() {
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.ScrollView, {
     maxH: 250,

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ScrollViewDemo_exports","__export","ScrollViewDemo","module","exports","import_jsx_runtime","require","import_gui","jsx","ScrollView","maxH","width","bg","p","rounded","children","jsxs","XStack","flexWrap","items","justify"],"sources":["../../src/ScrollViewDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,sBAAA;AAAAC,QAAA,CAAAD,sBAAA;EAAAE,cAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAmDT,YAAA,CAAAK,sBAK7C;AAHC,IAAAK,kBAAS,GAAAC,OAAiB;EAAAC,UAAA,GAAAD,OAAA;AAC/B,SACEJ,eAAA;EAEI,0BAAAG,kBAAA,CAACG,GAAA,EAAAD,UAAA,CAAAE,UAAS;IACVC,IAAA;IACAC,KAAA;IACAC,EAAA;IACAC,CAAA;IACAC,OAAA;IACAC,QAAA,qBAAAV,kBAAC,CAAAW,IAAA,EAAAT,UAAO,CAAAU,MAAE,EAAK;MACfC,QAAA;MACFC,KACF;MAEJC,OAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ScrollViewDemo_exports","__export","ScrollViewDemo","module","exports","import_jsx_runtime","require","import_gui","jsx","ScrollView","maxH","width","bg","p","rounded","children","jsxs","XStack","flexWrap","items","justify"],"sources":["../../src/ScrollViewDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,sBAAA;AAAAC,QAAA,CAAAD,sBAAA;EAAAE,cAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAmDT,YAAA,CAAAK,sBAAA;AAK7C,IAAAK,kBAAA,GAAAC,OAAA;AAHC,IAAAC,UAAS,GAAAD,OAAA,aAAiB;AAC/B,SACEJ,eAAA;EAEI,0BAAAG,kBAAA,CAACG,GAAA,EAAAD,UAAA,CAAAE,UAAS;IACVC,IAAA;IACAC,KAAA;IACAC,EAAA;IACAC,CAAA;IACAC,OAAA;IACAC,QAAA,qBAAAV,kBAAC,CAAAW,IAAA,EAAAT,UAAO,CAAAU,MAAE,EAAK;MACfC,QAAA;MACFC,KACF;MAEJC,OAAA","ignoreList":[]}