@hanzogui/demos 4.4.0 → 8.0.0

package/dist/cjs/RadioGroupUnstyledDemo.native.js

@@ -28,10 +28,10 @@ __export(RadioGroupUnstyledDemo_exports, {
 });
 module.exports = __toCommonJS(RadioGroupUnstyledDemo_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_gui = require("@hanzo/gui");
+var import_hanzogui = require("hanzogui");
 var import_radio_group = require("@hanzogui/radio-group");
 var RADIO_GROUP_ITEM_NAME = "RadioGroupItem";
-var RadioGroupItemFrame = (0, import_gui.styled)(import_gui.YStack, {
+var RadioGroupItemFrame = (0, import_hanzogui.styled)(import_hanzogui.YStack, {
   name: RADIO_GROUP_ITEM_NAME,
   render: "button",
   rounded: 1e3,
@@ -80,7 +80,7 @@ var RadioGroupItemFrame = (0, import_gui.styled)(import_gui.YStack, {
   }
 });
 var RADIO_GROUP_INDICATOR_NAME = "RadioGroupIndicator";
-var RadioGroupIndicatorFrame = (0, import_gui.styled)(import_gui.YStack, {
+var RadioGroupIndicatorFrame = (0, import_hanzogui.styled)(import_hanzogui.YStack, {
   name: RADIO_GROUP_INDICATOR_NAME,
   width: "53%",
   height: "53%",
@@ -88,7 +88,7 @@ var RadioGroupIndicatorFrame = (0, import_gui.styled)(import_gui.YStack, {
   bg: "$color"
 });
 var RADIO_GROUP_NAME = "RadioGroup";
-var RadioGroupFrame = (0, import_gui.styled)(import_gui.YStack, {
+var RadioGroupFrame = (0, import_hanzogui.styled)(import_hanzogui.YStack, {
   name: RADIO_GROUP_NAME,
   variants: {
     orientation: {
@@ -113,7 +113,7 @@ function RadioGroupUnstyledDemo() {
     "aria-labelledby": "Select one item",
     defaultValue: "3",
     name: "form",
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
       width: 200,
       items: "center",
       gap: "$2",
@@ -129,7 +129,7 @@ function RadioGroupUnstyledDemo() {
 }
 function RadioGroupItemWithLabel(props) {
   var id = `radiogroup-${props.value}`;
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
     width: 300,
     items: "center",
     gap: "$4",
@@ -137,7 +137,7 @@ function RadioGroupItemWithLabel(props) {
       value: props.value,
       id,
       children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(RadioGroup.Indicator, {})
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Label, {
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Label, {
       htmlFor: id,
       children: props.label
     })]

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

@@ -1 +1 @@
-{"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":"AAAA,YAAY;;AACZ,IAAIA,SAAS,GAAGC,MAAM,CAACC,cAAc;AACrC,IAAIC,gBAAgB,GAAGF,MAAM,CAACG,wBAAwB;AACtD,IAAIC,iBAAiB,GAAGJ,MAAM,CAACK,mBAAmB;AAClD,IAAIC,YAAY,GAAGN,MAAM,CAACO,SAAS,CAACC,cAAc;AAClD,IAAIC,QAAQ,GAAGA,CAACC,MAAM,EAAEC,GAAG,KAAK;EAC9B,KAAK,IAAIC,IAAI,IAAID,GAAG,EAClBZ,SAAS,CAACW,MAAM,EAAEE,IAAI,EAAE;IAAEC,GAAG,EAAEF,GAAG,CAACC,IAAI,CAAC;IAAEE,UAAU,EAAE;EAAK,CAAC,CAAC;AACjE,CAAC;AACD,IAAIC,WAAW,GAAGA,CAACC,EAAE,EAAEC,IAAI,EAAEC,MAAM,EAAEC,IAAI,KAAK;EAC5C,IAAIF,IAAI,IAAI,OAAOA,IAAI,KAAK,QAAQ,IAAI,OAAOA,IAAI,KAAK,UAAU,EAAE;IAClE,KAAK,IAAIG,GAAG,IAAIhB,iBAAiB,CAACa,IAAI,CAAC,EACrC,IAAI,CAACX,YAAY,CAACe,IAAI,CAACL,EAAE,EAAEI,GAAG,CAAC,IAAIA,GAAG,KAAKF,MAAM,EAC/CnB,SAAS,CAACiB,EAAE,EAAEI,GAAG,EAAE;MAAEP,GAAG,EAAEA,CAAA,KAAMI,IAAI,CAACG,GAAG,CAAC;MAAEN,UAAU,EAAE,EAAEK,IAAI,GAAGjB,gBAAgB,CAACe,IAAI,EAAEG,GAAG,CAAC,CAAC,IAAID,IAAI,CAACL;IAAW,CAAC,CAAC;EACxH;EACA,OAAOE,EAAE;AACX,CAAC;AACD,IAAIM,YAAY,GAAIC,GAAG,IAAKR,WAAW,CAAChB,SAAS,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE;EAAEyB,KAAK,EAAE;AAAK,CAAC,CAAC,EAAED,GAAG,CAAC;AAC1F,IAAIE,8BAA8B,GAAG,CAAC,CAAC;AACvChB,QAAQ,CAACgB,8BAA8B,EAAE;EACvCC,sBAAsB,EAAEA,CAAA,KAAMA;AAChC,CAAC,CAAC;AACFC,MAAM,CAACC,OAAO,GAAGN,YAAY,CAACG,8BAA8B,CAAC;AAC7D,IAAII,kBAAkB,GAAGC,OAAO,CAAC,mBAAmB,CAAC;AACrD,IAAIC,UAAU,GAAGD,OAAO,CAAC,YAAY,CAAC;AACtC,IAAIE,kBAAkB,GAAGF,OAAO,CAAC,uBAAuB,CAAC;AACzD,IAAIG,qBAAqB,GAAG,gBAAgB;AAC5C,IAAIC,mBAAmB,GAAG,CAAC,CAAC,EAAEH,UAAU,CAACI,MAAM,EAAEJ,UAAU,CAACK,MAAM,EAAE;EAClExB,IAAI,EAAEqB,qBAAqB;EAC3BI,MAAM,EAAE,QAAQ;EAChBC,OAAO,EAAE,GAAG;EACZC,EAAE,EAAE,aAAa;EACjBC,KAAK,EAAE,QAAQ;EACfC,OAAO,EAAE,QAAQ;EACjBC,WAAW,EAAE,CAAC;EACdC,WAAW,EAAE,cAAc;EAC3BC,CAAC,EAAE,CAAC;EACJC,UAAU,EAAE;IACVF,WAAW,EAAE,mBAAmB;IAChCJ,EAAE,EAAE;EACN,CAAC;EACDO,UAAU,EAAE;IACVH,WAAW,EAAE,mBAAmB;IAChCJ,EAAE,EAAE;EACN,CAAC;EACDQ,iBAAiB,EAAE;IACjBC,YAAY,EAAE,OAAO;IACrBC,YAAY,EAAE,CAAC;IACfC,YAAY,EAAE;EAChB,CAAC;EACDC,UAAU,EAAE;IACVR,WAAW,EAAE,mBAAmB;IAChCJ,EAAE,EAAE;EACN,CAAC;EACDa,QAAQ,EAAE;IACRC,QAAQ,EAAE;MACRC,IAAI,EAAE;QACJC,aAAa,EAAE,MAAM;QACrBC,UAAU,EAAE,MAAM;QAClBC,MAAM,EAAE,aAAa;QACrBZ,UAAU,EAAE;UACVF,WAAW,EAAE,cAAc;UAC3BJ,EAAE,EAAE;QACN,CAAC;QACDY,UAAU,EAAE;UACVR,WAAW,EAAE,cAAc;UAC3BJ,EAAE,EAAE;QACN,CAAC;QACDQ,iBAAiB,EAAE;UACjBE,YAAY,EAAE;QAChB;MACF;IACF;EACF;AACF,CAAC,CAAC;AACF,IAAIS,0BAA0B,GAAG,qBAAqB;AACtD,IAAIC,wBAAwB,GAAG,CAAC,CAAC,EAAE5B,UAAU,CAACI,MAAM,EAAEJ,UAAU,CAACK,MAAM,EAAE;EACvExB,IAAI,EAAE8C,0BAA0B;EAChCE,KAAK,EAAE,KAAK;EACZC,MAAM,EAAE,KAAK;EACbvB,OAAO,EAAE,GAAG;EACZC,EAAE,EAAE;AACN,CAAC,CAAC;AACF,IAAIuB,gBAAgB,GAAG,YAAY;AACnC,IAAIC,eAAe,GAAG,CAAC,CAAC,EAAEhC,UAAU,CAACI,MAAM,EAAEJ,UAAU,CAACK,MAAM,EAAE;EAC9DxB,IAAI,EAAEkD,gBAAgB;EACtBV,QAAQ,EAAE;IACRY,WAAW,EAAE;MACXC,UAAU,EAAE;QACVC,aAAa,EAAE,KAAK;QACpBC,cAAc,EAAE;MAClB,CAAC;MACDC,QAAQ,EAAE;QACRF,aAAa,EAAE,QAAQ;QACvBC,cAAc,EAAE;MAClB;IACF;EACF;AACF,CAAC,CAAC;AACF,IAAIE,UAAU,GAAG,CAAC,CAAC,EAAErC,kBAAkB,CAACsC,gBAAgB,EAAE;EACxDC,KAAK,EAAER,eAAe;EACtBS,SAAS,EAAEb,wBAAwB;EACnCc,IAAI,EAAEvC;AACR,CAAC,CAAC;AACF,SAASR,sBAAsBA,CAAA,EAAG;EAChC,OAAO,eAAgB,CAAC,CAAC,EAAEG,kBAAkB,CAAC6C,GAAG,EAAEL,UAAU,EAAE;IAC7D,iBAAiB,EAAE,iBAAiB;IACpCM,YAAY,EAAE,GAAG;IACjB/D,IAAI,EAAE,MAAM;IACZgE,QAAQ,EAAE,eAAgB,CAAC,CAAC,EAAE/C,kBAAkB,CAACgD,IAAI,EAAE9C,UAAU,CAACK,MAAM,EAAE;MACxEwB,KAAK,EAAE,GAAG;MACVpB,KAAK,EAAE,QAAQ;MACfsC,GAAG,EAAE,IAAI;MACTF,QAAQ,EAAE,CACR,eAAgB,CAAC,CAAC,EAAE/C,kBAAkB,CAAC6C,GAAG,EAAEK,uBAAuB,EAAE;QACnEvD,KAAK,EAAE,GAAG;QACVwD,KAAK,EAAE;MACT,CAAC,CAAC,EACF,eAAgB,CAAC,CAAC,EAAEnD,kBAAkB,CAAC6C,GAAG,EAAEK,uBAAuB,EAAE;QACnEvD,KAAK,EAAE,GAAG;QACVwD,KAAK,EAAE;MACT,CAAC,CAAC;IAEN,CAAC;EACH,CAAC,CAAC;AACJ;AACA,SAASD,uBAAuBA,CAACE,KAAK,EAAE;EACtC,IAAIC,EAAE,GAAG,cAAcD,KAAK,CAACzD,KAAK,EAAE;EACpC,OAAO,eAAgB,CAAC,CAAC,EAAEK,kBAAkB,CAACgD,IAAI,EAAE9C,UAAU,CAACoD,MAAM,EAAE;IACrEvB,KAAK,EAAE,GAAG;IACVpB,KAAK,EAAE,QAAQ;IACfsC,GAAG,EAAE,IAAI;IACTF,QAAQ,EAAE,CACR,eAAgB,CAAC,CAAC,EAAE/C,kBAAkB,CAAC6C,GAAG,EAAEL,UAAU,CAACI,IAAI,EAAE;MAC3DjD,KAAK,EAAEyD,KAAK,CAACzD,KAAK;MAClB0D,EAAE;MACFN,QAAQ,EAAE,eAAgB,CAAC,CAAC,EAAE/C,kBAAkB,CAAC6C,GAAG,EAAEL,UAAU,CAACG,SAAS,EAAE,CAAC,CAAC;IAChF,CAAC,CAAC,EACF,eAAgB,CAAC,CAAC,EAAE3C,kBAAkB,CAAC6C,GAAG,EAAE3C,UAAU,CAACqD,KAAK,EAAE;MAC5DC,OAAO,EAAEH,EAAE;MACXN,QAAQ,EAAEK,KAAK,CAACD;IAClB,CAAC,CAAC;EAEN,CAAC,CAAC;AACJ","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","RadioGroupUnstyledDemo_exports","__export","RadioGroupUnstyledDemo","module","exports","import_jsx_runtime","require","import_hanzogui","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,GAAAT,YAA8C,CAAAK,8BAAA;AAE9C,IAAAK,kBAAA,GAAiCC,OAAA;AAmG3B,IAAAC,eAAA,GAAAD,OAAA;AAjGN,IAAAE,kBAAM,GAAAF,OAAwB;AAE9B,IAAAG,qBAAM,mBAAsB;AAAe,IACzCC,mBAAM,OAAAH,eAAA,CAAAI,MAAA,EAAAJ,eAAA,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,eAAA,CAAAI,MAAA,EAAAJ,eAAA,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,eAAA,CAAAI,MAAA,EAAAJ,eAAA,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,eAAA,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

@@ -38,12 +38,12 @@ __export(ReplaceThemeDemo_exports, {
 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_hanzogui = require("hanzogui");
 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)(() => {
+  const update = (0, import_hanzogui.useForceUpdate)();
+  (0, import_hanzogui.useIsomorphicLayoutEffect)(() => {
     (0, import_theme.addTheme)({
       name: "mytheme",
       insertCSS: true,
@@ -54,20 +54,20 @@ function ReplaceThemeDemo() {
     });
     setTheme("mytheme");
   }, []);
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
     items: "center",
     gap: "$4",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.XStack, {
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.XStack, {
       gap: "$5",
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Theme, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Theme, {
         name: theme ?? null,
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Square, {
           rounded: "$8",
           size: 100,
           bg: "$color"
         })
       })
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
       onPress: () => {
         (0, import_theme.replaceTheme)({
           name: "mytheme",

package/dist/cjs/ReplaceThemeDemo.native.js

@@ -41,11 +41,11 @@ 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");
+var import_hanzogui = require("hanzogui");
 function ReplaceThemeDemo() {
   var [theme, setTheme] = import_react.default.useState();
-  var update = (0, import_gui.useForceUpdate)();
-  (0, import_gui.useIsomorphicLayoutEffect)(function () {
+  var update = (0, import_hanzogui.useForceUpdate)();
+  (0, import_hanzogui.useIsomorphicLayoutEffect)(function () {
     (0, import_theme.addTheme)({
       name: "mytheme",
       insertCSS: true,
@@ -56,20 +56,20 @@ function ReplaceThemeDemo() {
     });
     setTheme("mytheme");
   }, []);
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
     items: "center",
     gap: "$4",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.XStack, {
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.XStack, {
       gap: "$5",
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Theme, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Theme, {
         name: theme !== null && theme !== void 0 ? theme : null,
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Square, {
           rounded: "$8",
           size: 100,
           bg: "$color"
         })
       })
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
       onPress: function () {
         (0, import_theme.replaceTheme)({
           name: "mytheme",

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ReplaceThemeDemo_exports","__export","ReplaceThemeDemo","module","exports","import_jsx_runtime","require","import_react","__toESM","import_theme","import_hanzogui","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,GAAAC,OAQO,CAAAF,OAAA;AAmBH,IAAAG,YAAA,GAAAH,OAAA;AAjBG,IAAAI,eAAS,GAAAJ,OAAmB;AACjC,SAAOJ,gBAAeA,CAAA,EAAI;EAC1B,KAAAS,KAAM,EAAAC,QAAS,IAAAL,YAAA,CAAAM,OAAA,CAAAC,QAAe;EAE9B,IAAAC,MAAA,OAAAL,eAAA,CAAAM,cAA0B;EACxB,IAAAN,eAAA,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,eAAA,CAAAc,MAAO;IAMRC,KAAA;IAAAC,GAAC;IAAAC,QAAA,kBACU,CAAM,GAAAtB,kBAAA,CAAAuB,GAAA,EAAAlB,eAAA,CAAAmB,MAAA;MACbH,GAAA;MAAaC,QACX,EAAM,mBAAAtB,kBAAA,CAAAuB,GAAA,EAAAlB,eAAA,CAAAoB,KAAA;QAAAX,IACN,EAAAR,KAAO,aAAAA,KAAA,cAAAA,KAAA;QAAAgB,QACL,iBAAO,IAAAtB,kBAAA,CAAAuB,GAAA,EAAAlB,eAAA,CAAAqB,MAAA;UACTC,OAAA;UACDC,IAAA;UACDC,EAAA;QACF;MACD;IAAA,IAED,mBAAA7B,kBAAA,CAAAuB,GAAA,EAAAlB,eAAA,CAAAyB,MAAA;MACFC,OAAA,WAAAA,CAAA;QAEJ,IAAA3B,YAAA,CAAA4B,YAAA","ignoreList":[]}

package/dist/cjs/ScrollViewDemo.cjs

@@ -25,48 +25,48 @@ __export(ScrollViewDemo_exports, {
   ScrollViewDemo: () => ScrollViewDemo
 });
 module.exports = __toCommonJS(ScrollViewDemo_exports);
-var import_gui = require("@hanzo/gui");
+var import_hanzogui = require("hanzogui");
 var import_jsx_runtime = require("react/jsx-runtime");
 function ScrollViewDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.ScrollView, {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.ScrollView, {
     maxH: 250,
     width: "75%",
     bg: "$background",
     p: "$4",
     rounded: "$4",
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
       flexWrap: "wrap",
       items: "center",
       justify: "center",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Square, {
         m: "$4",
         size: 120,
         bg: "$color5"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Circle, {
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Circle, {
         m: "$4",
         size: 120,
         bg: "$color6"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Square, {
         m: "$4",
         size: 120,
         bg: "$color7"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Circle, {
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Circle, {
         m: "$4",
         size: 120,
         bg: "$color8"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Square, {
         m: "$4",
         size: 120,
         bg: "$color9"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Circle, {
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Circle, {
         m: "$4",
         size: 120,
         bg: "$color10"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Square, {
         m: "$4",
         size: 120,
         bg: "$color11"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Circle, {
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Circle, {
         m: "$4",
         size: 120,
         bg: "$color12"

package/dist/cjs/ScrollViewDemo.native.js

@@ -28,47 +28,47 @@ __export(ScrollViewDemo_exports, {
 });
 module.exports = __toCommonJS(ScrollViewDemo_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_gui = require("@hanzo/gui");
+var import_hanzogui = require("hanzogui");
 function ScrollViewDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.ScrollView, {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.ScrollView, {
     maxH: 250,
     width: "75%",
     bg: "$background",
     p: "$4",
     rounded: "$4",
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
       flexWrap: "wrap",
       items: "center",
       justify: "center",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Square, {
         m: "$4",
         size: 120,
         bg: "$color5"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Circle, {
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Circle, {
         m: "$4",
         size: 120,
         bg: "$color6"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Square, {
         m: "$4",
         size: 120,
         bg: "$color7"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Circle, {
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Circle, {
         m: "$4",
         size: 120,
         bg: "$color8"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Square, {
         m: "$4",
         size: 120,
         bg: "$color9"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Circle, {
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Circle, {
         m: "$4",
         size: 120,
         bg: "$color10"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Square, {
         m: "$4",
         size: 120,
         bg: "$color11"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Circle, {
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Circle, {
         m: "$4",
         size: 120,
         bg: "$color12"

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ScrollViewDemo_exports","__export","ScrollViewDemo","module","exports","import_jsx_runtime","require","import_hanzogui","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,GAAAT,YAAmD,CAAAK,sBAAA;AAK7C,IAAAK,kBAAA,GAAAC,OAAA;AAHC,IAAAC,eAAS,GAAAD,OAAiB;AAC/B,SACEJ,eAAA;EAEI,0BAAAG,kBAAA,CAACG,GAAA,EAAAD,eAAA,CAAAE,UAAS;IACVC,IAAA;IACAC,KAAA;IACAC,EAAA;IACAC,CAAA;IACAC,OAAA;IACAC,QAAA,qBAAAV,kBAAC,CAAAW,IAAA,EAAAT,eAAO,CAAAU,MAAE,EAAK;MACfC,QAAA;MACFC,KACF;MAEJC,OAAA","ignoreList":[]}

package/dist/cjs/SelectDemo.cjs

@@ -39,19 +39,19 @@ __export(SelectDemo_exports, {
 module.exports = __toCommonJS(SelectDemo_exports);
 var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
 var import_react = __toESM(require("react"), 1);
-var import_gui = require("@hanzo/gui");
-var import_linear_gradient = require("gui/linear-gradient");
+var import_hanzogui = require("hanzogui");
+var import_linear_gradient = require("hanzogui/linear-gradient");
 var import_jsx_runtime = require("react/jsx-runtime");
 function SelectDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Theme, {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Theme, {
     name: "surface1",
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
       gap: "$4",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
         width: "100%",
         items: "center",
         gap: "$4",
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Label, {
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Label, {
           htmlFor: "select-demo-1",
           flex: 1,
           minW: 80,
@@ -59,11 +59,11 @@ function SelectDemo() {
         }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(SelectDemoContents, {
           id: "select-demo-1"
         })]
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
         width: "100%",
         items: "center",
         gap: "$4",
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Label, {
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Label, {
           htmlFor: "select-demo-2",
           flex: 1,
           minW: 80,
@@ -79,33 +79,33 @@ function SelectDemo() {
 const getItemLabel = value => items.find(item => item.name.toLowerCase() === value)?.name;
 function SelectDemoContents(props) {
   const [val, setVal] = import_react.default.useState("apple");
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Select, {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Select, {
     value: val,
     onValueChange: setVal,
     disablePreventBodyScroll: true,
     ...props,
     renderValue: getItemLabel,
-    children: [props?.trigger || /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Select.Trigger, {
+    children: [props?.trigger || /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Select.Trigger, {
       maxWidth: 220,
       iconAfter: import_lucide_icons_2.ChevronDown,
       borderRadius: "$4",
       backgroundColor: "$background",
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Select.Value, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Select.Value, {
         placeholder: "Something"
       })
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Adapt, {
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Adapt, {
       when: "maxMd",
       platform: "touch",
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Sheet, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Sheet, {
         native: !!props.native,
         modal: true,
         dismissOnSnapToBottom: true,
         transition: "medium",
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Sheet.Frame, {
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Sheet.ScrollView, {
-            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Adapt.Contents, {})
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Sheet.Frame, {
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Sheet.ScrollView, {
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Adapt.Contents, {})
           })
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Sheet.Overlay, {
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Sheet.Overlay, {
           bg: "$shadowColor",
           transition: "lazy",
           enterStyle: {
@@ -116,14 +116,14 @@ function SelectDemoContents(props) {
           }
         })]
       })
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Select.Content, {
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Select.ScrollUpButton, {
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Select.Content, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Select.ScrollUpButton, {
         items: "center",
         justify: "center",
         position: "relative",
         width: "100%",
         height: "$3",
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
           z: 10,
           children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.ChevronUp, {
             size: 20
@@ -135,23 +135,23 @@ function SelectDemoContents(props) {
           colors: ["$background", "transparent"],
           rounded: "$4"
         })]
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Select.Viewport, {
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Select.Viewport, {
         minW: 200,
         bg: "$background",
         rounded: "$4",
         borderWidth: 1,
         borderColor: "$borderColor",
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Select.Group, {
-          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Select.Label, {
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Select.Group, {
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Select.Label, {
             fontWeight: "700",
             children: "Fruits"
           }), import_react.default.useMemo(() => items.map((item, i) => {
-            return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Select.Item, {
+            return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Select.Item, {
               index: i,
               value: item.name.toLowerCase(),
-              children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Select.ItemText, {
+              children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Select.ItemText, {
                 children: item.name
-              }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Select.ItemIndicator, {
+              }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Select.ItemIndicator, {
                 marginLeft: "auto",
                 children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.Check, {
                   size: 16
@@ -159,7 +159,7 @@ function SelectDemoContents(props) {
               })]
             }, item.name);
           }), [items])]
-        }), props.native && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
+        }), props.native && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
           position: "absolute",
           r: 0,
           t: 16,
@@ -168,16 +168,16 @@ function SelectDemoContents(props) {
           width: "$4",
           pointerEvents: "none",
           children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.ChevronDown, {
-            size: (0, import_gui.getFontSize)(props.size ?? "$true")
+            size: (0, import_hanzogui.getFontSize)(props.size ?? "$true")
           })
         })]
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Select.ScrollDownButton, {
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Select.ScrollDownButton, {
         items: "center",
         justify: "center",
         position: "relative",
         width: "100%",
         height: "$3",
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
           z: 10,
           children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.ChevronDown, {
             size: 20