@hanzogui/demos 8.2.1 → 8.3.2

package/dist/cjs/RadioGroupUnstyledDemo.native.js

@@ -1,146 +0,0 @@
-"use strict";
-
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
-};
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
-var RadioGroupUnstyledDemo_exports = {};
-__export(RadioGroupUnstyledDemo_exports, {
-  RadioGroupUnstyledDemo: () => RadioGroupUnstyledDemo
-});
-module.exports = __toCommonJS(RadioGroupUnstyledDemo_exports);
-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
-        }
-      }
-    }
-  }
-});
-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"
-      }
-    }
-  }
-});
-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",
-    defaultValue: "3",
-    name: "form",
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
-      width: 200,
-      items: "center",
-      gap: "$2",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(RadioGroupItemWithLabel, {
-        value: "2",
-        label: "Option One"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(RadioGroupItemWithLabel, {
-        value: "3",
-        label: "Option Two"
-      })]
-    })
-  });
-}
-function RadioGroupItemWithLabel(props) {
-  var id = `radiogroup-${props.value}`;
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
-    width: 300,
-    items: "center",
-    gap: "$4",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(RadioGroup.Item, {
-      value: props.value,
-      id,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(RadioGroup.Indicator, {})
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Label, {
-      htmlFor: id,
-      children: props.label
-    })]
-  });
-}
-//# sourceMappingURL=RadioGroupUnstyledDemo.native.js.map

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

@@ -1 +0,0 @@
-{"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

@@ -1,83 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-// If the importer is in node compatibility mode or this is not an ESM
-// file that has been converted to a CommonJS file using a Babel-
-// compatible transform (i.e. "__esModule" has not been set), then set
-// "default" to the CommonJS "module.exports" for node compatibility.
-isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-  value: mod,
-  enumerable: true
-}) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
-var ReplaceThemeDemo_exports = {};
-__export(ReplaceThemeDemo_exports, {
-  ReplaceThemeDemo: () => ReplaceThemeDemo
-});
-module.exports = __toCommonJS(ReplaceThemeDemo_exports);
-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();
-  const update = (0, import_gui.useForceUpdate)();
-  (0, import_gui.useIsomorphicLayoutEffect)(() => {
-    (0, import_theme.addTheme)({
-      name: "mytheme",
-      insertCSS: true,
-      theme: {
-        color: "red",
-        color2: "green"
-      }
-    });
-    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,
-        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: () => {
-        (0, import_theme.replaceTheme)({
-          name: "mytheme",
-          theme: {
-            color: "blue"
-          }
-        });
-        update();
-      },
-      children: "Replace theme to only have $color: blue"
-    })]
-  });
-}

package/dist/cjs/ReplaceThemeDemo.native.js

@@ -1,86 +0,0 @@
-"use strict";
-
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-// If the importer is in node compatibility mode or this is not an ESM
-// file that has been converted to a CommonJS file using a Babel-
-// compatible transform (i.e. "__esModule" has not been set), then set
-// "default" to the CommonJS "module.exports" for node compatibility.
-isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-  value: mod,
-  enumerable: true
-}) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
-var ReplaceThemeDemo_exports = {};
-__export(ReplaceThemeDemo_exports, {
-  ReplaceThemeDemo: () => ReplaceThemeDemo
-});
-module.exports = __toCommonJS(ReplaceThemeDemo_exports);
-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();
-  var update = (0, import_gui.useForceUpdate)();
-  (0, import_gui.useIsomorphicLayoutEffect)(function () {
-    (0, import_theme.addTheme)({
-      name: "mytheme",
-      insertCSS: true,
-      theme: {
-        color: "red",
-        color2: "green"
-      }
-    });
-    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 && theme !== void 0 ? 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 () {
-        (0, import_theme.replaceTheme)({
-          name: "mytheme",
-          theme: {
-            color: "blue"
-          }
-        });
-        update();
-      },
-      children: "Replace theme to only have $color: blue"
-    })]
-  });
-}
-//# sourceMappingURL=ReplaceThemeDemo.native.js.map

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

@@ -1 +0,0 @@
-{"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

@@ -1,76 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
-};
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
-var ScrollViewDemo_exports = {};
-__export(ScrollViewDemo_exports, {
-  ScrollViewDemo: () => ScrollViewDemo
-});
-module.exports = __toCommonJS(ScrollViewDemo_exports);
-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,
-    width: "75%",
-    bg: "$background",
-    p: "$4",
-    rounded: "$4",
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
-      flexWrap: "wrap",
-      items: "center",
-      justify: "center",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
-        m: "$4",
-        size: 120,
-        bg: "$color5"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Circle, {
-        m: "$4",
-        size: 120,
-        bg: "$color6"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
-        m: "$4",
-        size: 120,
-        bg: "$color7"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Circle, {
-        m: "$4",
-        size: 120,
-        bg: "$color8"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
-        m: "$4",
-        size: 120,
-        bg: "$color9"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Circle, {
-        m: "$4",
-        size: 120,
-        bg: "$color10"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
-        m: "$4",
-        size: 120,
-        bg: "$color11"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Circle, {
-        m: "$4",
-        size: 120,
-        bg: "$color12"
-      })]
-    })
-  });
-}

package/dist/cjs/ScrollViewDemo.native.js

@@ -1,79 +0,0 @@
-"use strict";
-
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
-};
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
-var ScrollViewDemo_exports = {};
-__export(ScrollViewDemo_exports, {
-  ScrollViewDemo: () => ScrollViewDemo
-});
-module.exports = __toCommonJS(ScrollViewDemo_exports);
-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,
-    width: "75%",
-    bg: "$background",
-    p: "$4",
-    rounded: "$4",
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
-      flexWrap: "wrap",
-      items: "center",
-      justify: "center",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
-        m: "$4",
-        size: 120,
-        bg: "$color5"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Circle, {
-        m: "$4",
-        size: 120,
-        bg: "$color6"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
-        m: "$4",
-        size: 120,
-        bg: "$color7"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Circle, {
-        m: "$4",
-        size: 120,
-        bg: "$color8"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
-        m: "$4",
-        size: 120,
-        bg: "$color9"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Circle, {
-        m: "$4",
-        size: 120,
-        bg: "$color10"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
-        m: "$4",
-        size: 120,
-        bg: "$color11"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Circle, {
-        m: "$4",
-        size: 120,
-        bg: "$color12"
-      })]
-    })
-  });
-}
-//# sourceMappingURL=ScrollViewDemo.native.js.map

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

@@ -1 +0,0 @@
-{"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":[]}