@hanzogui/demos 3.0.6 → 4.4.0

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":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","RadioGroupUnstyledDemo_exports","RadioGroupUnstyledDemo","module","exports","import_jsx_runtime","require","import_gui","import_radio_group","RADIO_GROUP_ITEM_NAME","RadioGroupItemFrame","styled","YStack","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","props","id","XStack","Label","htmlFor"],"sources":["RadioGroupUnstyledDemo.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar RadioGroupUnstyledDemo_exports = {};\n__export(RadioGroupUnstyledDemo_exports, {\n  RadioGroupUnstyledDemo: () => RadioGroupUnstyledDemo\n});\nmodule.exports = __toCommonJS(RadioGroupUnstyledDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_gui = require(\"@hanzo/gui\");\nvar import_radio_group = require(\"@hanzogui/radio-group\");\nvar RADIO_GROUP_ITEM_NAME = \"RadioGroupItem\";\nvar RadioGroupItemFrame = (0, import_gui.styled)(import_gui.YStack, {\n  name: RADIO_GROUP_ITEM_NAME,\n  render: \"button\",\n  rounded: 1e3,\n  bg: \"$background\",\n  items: \"center\",\n  justify: \"center\",\n  borderWidth: 1,\n  borderColor: \"$borderColor\",\n  p: 0,\n  hoverStyle: {\n    borderColor: \"$borderColorHover\",\n    bg: \"$backgroundHover\"\n  },\n  focusStyle: {\n    borderColor: \"$borderColorHover\",\n    bg: \"$backgroundHover\"\n  },\n  focusVisibleStyle: {\n    outlineStyle: \"solid\",\n    outlineWidth: 2,\n    outlineColor: \"$outlineColor\"\n  },\n  pressStyle: {\n    borderColor: \"$borderColorFocus\",\n    bg: \"$backgroundFocus\"\n  },\n  variants: {\n    disabled: {\n      true: {\n        pointerEvents: \"none\",\n        userSelect: \"none\",\n        cursor: \"not-allowed\",\n        hoverStyle: {\n          borderColor: \"$borderColor\",\n          bg: \"$background\"\n        },\n        pressStyle: {\n          borderColor: \"$borderColor\",\n          bg: \"$background\"\n        },\n        focusVisibleStyle: {\n          outlineWidth: 0\n        }\n      }\n    }\n  }\n});\nvar RADIO_GROUP_INDICATOR_NAME = \"RadioGroupIndicator\";\nvar RadioGroupIndicatorFrame = (0, import_gui.styled)(import_gui.YStack, {\n  name: RADIO_GROUP_INDICATOR_NAME,\n  width: \"53%\",\n  height: \"53%\",\n  rounded: 1e3,\n  bg: \"$color\"\n});\nvar RADIO_GROUP_NAME = \"RadioGroup\";\nvar RadioGroupFrame = (0, import_gui.styled)(import_gui.YStack, {\n  name: RADIO_GROUP_NAME,\n  variants: {\n    orientation: {\n      horizontal: {\n        flexDirection: \"row\",\n        spaceDirection: \"horizontal\"\n      },\n      vertical: {\n        flexDirection: \"column\",\n        spaceDirection: \"vertical\"\n      }\n    }\n  }\n});\nvar RadioGroup = (0, import_radio_group.createRadioGroup)({\n  Frame: RadioGroupFrame,\n  Indicator: RadioGroupIndicatorFrame,\n  Item: RadioGroupItemFrame\n});\nfunction RadioGroupUnstyledDemo() {\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroup, {\n    \"aria-labelledby\": \"Select one item\",\n    defaultValue: \"3\",\n    name: \"form\",\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.YStack, {\n      width: 200,\n      items: \"center\",\n      gap: \"$2\",\n      children: [\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemWithLabel, {\n          value: \"2\",\n          label: \"Option One\"\n        }),\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemWithLabel, {\n          value: \"3\",\n          label: \"Option Two\"\n        })\n      ]\n    })\n  });\n}\nfunction RadioGroupItemWithLabel(props) {\n  var id = `radiogroup-${props.value}`;\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.XStack, {\n    width: 300,\n    items: \"center\",\n    gap: \"$4\",\n    children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroup.Item, {\n        value: props.value,\n        id,\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroup.Indicator, {})\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Label, {\n        htmlFor: id,\n        children: props.label\n      })\n    ]\n  });\n}\n//# sourceMappingURL=RadioGroupUnstyledDemo.js.map\n"],"mappings":"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","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":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","ReplaceThemeDemo_exports","ReplaceThemeDemo","module","exports","import_jsx_runtime","require","import_react","import_theme","import_gui","theme","setTheme","default","useState","update","useForceUpdate","useIsomorphicLayoutEffect","addTheme","insertCSS","color","color2","jsxs","YStack","items","gap","children","jsx","XStack","Theme","Square","rounded","size","bg","Button","onPress","replaceTheme"],"sources":["ReplaceThemeDemo.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n  // If the importer is in node compatibility mode or this is not an ESM\n  // file that has been converted to a CommonJS file using a Babel-\n  // compatible transform (i.e. \"__esModule\" has not been set), then set\n  // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n  isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n  mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar ReplaceThemeDemo_exports = {};\n__export(ReplaceThemeDemo_exports, {\n  ReplaceThemeDemo: () => ReplaceThemeDemo\n});\nmodule.exports = __toCommonJS(ReplaceThemeDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_react = __toESM(require(\"react\"), 1);\nvar import_theme = require(\"@hanzogui/theme\");\nvar import_gui = require(\"@hanzo/gui\");\nfunction ReplaceThemeDemo() {\n  var [theme, setTheme] = import_react.default.useState();\n  var update = (0, import_gui.useForceUpdate)();\n  (0, import_gui.useIsomorphicLayoutEffect)(function() {\n    (0, import_theme.addTheme)({\n      name: \"mytheme\",\n      insertCSS: true,\n      theme: {\n        color: \"red\",\n        color2: \"green\"\n      }\n    });\n    setTheme(\"mytheme\");\n  }, []);\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.YStack, {\n    items: \"center\",\n    gap: \"$4\",\n    children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.XStack, {\n        gap: \"$5\",\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Theme, {\n          name: theme !== null && theme !== void 0 ? theme : null,\n          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Square, {\n            rounded: \"$8\",\n            size: 100,\n            bg: \"$color\"\n          })\n        })\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Button, {\n        onPress: function() {\n          (0, import_theme.replaceTheme)({\n            name: \"mytheme\",\n            theme: {\n              color: \"blue\"\n            }\n          });\n          update();\n        },\n        children: \"Replace theme to only have $color: blue\"\n      })\n    ]\n  });\n}\n//# sourceMappingURL=ReplaceThemeDemo.js.map\n"],"mappings":"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","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":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","ScrollViewDemo_exports","ScrollViewDemo","module","exports","import_jsx_runtime","require","import_gui","jsx","ScrollView","maxH","width","bg","p","rounded","children","jsxs","XStack","flexWrap","items","justify","Square","m","size","Circle"],"sources":["ScrollViewDemo.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar ScrollViewDemo_exports = {};\n__export(ScrollViewDemo_exports, {\n  ScrollViewDemo: () => ScrollViewDemo\n});\nmodule.exports = __toCommonJS(ScrollViewDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_gui = require(\"@hanzo/gui\");\nfunction ScrollViewDemo() {\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.ScrollView, {\n    maxH: 250,\n    width: \"75%\",\n    bg: \"$background\",\n    p: \"$4\",\n    rounded: \"$4\",\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.XStack, {\n      flexWrap: \"wrap\",\n      items: \"center\",\n      justify: \"center\",\n      children: [\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Square, {\n          m: \"$4\",\n          size: 120,\n          bg: \"$color5\"\n        }),\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Circle, {\n          m: \"$4\",\n          size: 120,\n          bg: \"$color6\"\n        }),\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Square, {\n          m: \"$4\",\n          size: 120,\n          bg: \"$color7\"\n        }),\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Circle, {\n          m: \"$4\",\n          size: 120,\n          bg: \"$color8\"\n        }),\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Square, {\n          m: \"$4\",\n          size: 120,\n          bg: \"$color9\"\n        }),\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Circle, {\n          m: \"$4\",\n          size: 120,\n          bg: \"$color10\"\n        }),\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Square, {\n          m: \"$4\",\n          size: 120,\n          bg: \"$color11\"\n        }),\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Circle, {\n          m: \"$4\",\n          size: 120,\n          bg: \"$color12\"\n        })\n      ]\n    })\n  });\n}\n//# sourceMappingURL=ScrollViewDemo.js.map\n"],"mappings":"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","ignoreList":[]}