@hanzogui/demos 8.0.0 → 8.0.2

package/dist/cjs/BrandTokensDemo.native.js

@@ -0,0 +1,145 @@
+"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 BrandTokensDemo_exports = {};
+__export(BrandTokensDemo_exports, {
+  BrandTokensDemo: () => BrandTokensDemo
+});
+module.exports = __toCommonJS(BrandTokensDemo_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_hanzogui = require("hanzogui");
+var BRANDS = ["hanzo", "lux", "zoo", "pars"];
+var SURFACES = [["background", "$background", "#000 canvas"], ["color2", "$color2", "#0a0a0a surface"], ["color3", "$color3", "#111 raised"], ["color4", "$color4", "#171717 elevated"]];
+function BrandTokensDemo() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Theme, {
+    name: "dark",
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
+      backgroundColor: "$background",
+      padding: "$6",
+      gap: "$5",
+      minHeight: 640,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
+        gap: "$2",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.H2, {
+          fontFamily: "$heading",
+          color: "$color12",
+          children: "Hanzo GUI \u2014 design tokens"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Paragraph, {
+          color: "$color11",
+          fontFamily: "$body",
+          children: "True-black canvas \xB7 one accent per brand \xB7 Geist type system"
+        })]
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
+        gap: "$2",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Text, {
+          color: "$color11",
+          fontFamily: "$mono",
+          fontSize: "$2",
+          children: "neutral surface ramp"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.XStack, {
+          gap: "$3",
+          flexWrap: "wrap",
+          children: SURFACES.map(function (param) {
+            var [name, tok, label] = param;
+            return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
+              backgroundColor: tok,
+              width: 160,
+              height: 96,
+              borderRadius: 12,
+              borderWidth: 1,
+              borderColor: "$borderColor",
+              padding: "$3",
+              justifyContent: "flex-end",
+              children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Text, {
+                color: "$color12",
+                fontFamily: "$mono",
+                fontSize: "$3",
+                children: name
+              }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Text, {
+                color: "$color10",
+                fontSize: "$2",
+                children: label
+              })]
+            }, name);
+          })
+        })]
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
+        gap: "$2",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Text, {
+          color: "$color11",
+          fontFamily: "$mono",
+          fontSize: "$2",
+          children: "per-brand accent (applied sparingly over the shared canvas)"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.XStack, {
+          gap: "$4",
+          flexWrap: "wrap",
+          children: BRANDS.map(function (b) {
+            return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Theme, {
+              name: b,
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Card, {
+                backgroundColor: "$color2",
+                borderWidth: 1,
+                borderColor: "$borderColor",
+                borderRadius: 12,
+                padding: "$4",
+                width: 210,
+                gap: "$3",
+                children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
+                  alignItems: "center",
+                  gap: "$2",
+                  children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
+                    width: 14,
+                    height: 14,
+                    borderRadius: 999,
+                    backgroundColor: "$color9"
+                  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Text, {
+                    color: "$color12",
+                    fontFamily: "$heading",
+                    fontSize: "$5",
+                    children: b
+                  })]
+                }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
+                  height: 44,
+                  borderRadius: 8,
+                  backgroundColor: "$color9",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Text, {
+                    color: "$color1",
+                    fontSize: "$3",
+                    fontWeight: "700",
+                    children: "Primary CTA"
+                  })
+                }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
+                  children: "Themed button"
+                })]
+              })
+            }, b);
+          })
+        })]
+      })]
+    })
+  });
+}
+//# sourceMappingURL=BrandTokensDemo.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","BrandTokensDemo_exports","__export","BrandTokensDemo","module","exports","import_jsx_runtime","require","import_hanzogui","BRANDS","SURFACES","jsx","Theme","name","children","jsxs","YStack","backgroundColor","padding","gap","minHeight","H2","fontFamily","color","Paragraph","Text","fontSize","XStack","flexWrap","map","param","tok","label","width","height","borderRadius","borderWidth","borderColor","justifyContent"],"sources":["../../src/BrandTokensDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,uBAAA;AAAAC,QAAA,CAAAD,uBAAA;EAAAE,eAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAyE,CAAAK,uBAAA;AAoBjE,IAAAK,kBAAA,GAAAC,OAAA;AAbR,IAAAC,eAAgB,GAAAD,OAAS,WAAc;AAEvC,IAAAE,MAAM,IACJ,OAAC,EACD,KAAC,EACD,KAAC,EACD,MAAC,CACH;AAEO,IAAAC,QAAS,IACd,CAGM,cACE,eAEA,aACA,CAEA,EACF,CAGE,UAEA,SACA,EAEI,iBAAC,IAEkB,QACjB,EAAO,SACP,EAAQ,aACR,CAAc,EACD,CACD,QACZ,EAAQ,SACR,EAAe,kBAEf,EAEA;AAGA,SAAAP,gBAAA;EAAA,0BAAAG,kBAAA,CAAAK,GAAA,EAAAH,eAAA,CAAAI,KAAA;IAAAC,IAfK;IAAAC,QAkBX,qBAAAR,kBAAA,CAAAS,IAAA,EAAAP,eAAA,CAAAQ,MAAA;MAAAC,eACF;MAEAC,OAAA;MACEC,GAAA;MAGAC,SAAA;MAGMN,QAAC,sBAAAR,kBAAA,CAAAS,IAAA,EAAAP,eAAA,CAAAQ,MAAA;QACCG,GAAA;QACAL,QAAA,GACA,eAAY,IAAAR,kBAAA,CAAAK,GAAA,EAAAH,eAAA,CAAAa,EAAA;UACZC,UAAc;UACdC,KAAQ;UACRT,QAAO;QACP,IAEA,mBAAAR,kBAAA,CAAAK,GAAA,EAAAH,eAAA,CAAAgB,SAAA;UAAAD,KAAA;UACED,UAAA;UAAAR,QAAC;QAAA;MACQ,IACC,eACR,IAAAR,kBAAc,CAAAS,IAAA,EAAAP,eAAA,CAAAQ,MAAA;QAAAG,GAAA,MACd;QAAgBL,QAAA,kBAClB,IAAAR,kBAAA,CAAAK,GAAA,EAAAH,eAAA,CAAAiB,IAAA;UACAF,KAAA;UAEAD,UACF;UACAI,QAAA;UAACZ,QAAA;QAAA,mBACS,IAAAR,kBAAA,CAAAK,GAAA,EAAAH,eAAA,CAAAmB,MAAA;UAAAR,GACR;UAAcS,QACd;UAAgBd,QAChB,EAAAJ,QAAW,CAAAmB,GAAA,WAAAC,KAAA;YACX,KAAAjB,IAAA,EAAAkB,GAAA,EAAeC,KAAA,IAAAF,KAAA;YAEf,0BAAAxB,kBAAA,CAAAS,IAAA,EAAAP,eAAC,CAAAQ,MAAA;cAEDC,eAAA,EAAAc,GAAA;cACFE,KAAA;cACAC,MAAA;cAAqBC,YAAA;cAAAC,WAAA;cAI7BC,WAAA;cACFnB,OAAA;cAEJoB,cAAA;cAEJxB,QAAA,G","ignoreList":[]}

package/dist/cjs/BuildAButtonDemo.cjs

@@ -26,7 +26,7 @@ __export(BuildAButtonDemo_exports, {
 });
 module.exports = __toCommonJS(BuildAButtonDemo_exports);
 var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
-var import_hanzogui = require("hanzogui");
+var import_gui = require("@hanzo/gui");
 var import_jsx_runtime = require("react/jsx-runtime");
 const outlined = {
   bg: "transparent",
@@ -39,10 +39,10 @@ const outlined = {
   }
 };
 function BuildAButtonDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
     fullscreen: true,
     overflow: "hidden",
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
       maxH: 200,
       y: -100,
       x: -40,
@@ -91,38 +91,38 @@ function ButtonCol(props) {
     ...buttonProps
   } = props;
   const subThemeSuffix = subTheme ? `_${subTheme}` : "";
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
     p: "$2",
     gap: "$3",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
       theme: props.subTheme,
       ...props,
       children: "Hello"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
       theme: "orange" + subThemeSuffix,
       ...buttonProps,
       children: "Hello"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
       theme: "yellow" + subThemeSuffix,
       ...buttonProps,
       children: "Hello"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
       theme: "green" + subThemeSuffix,
       ...buttonProps,
       children: "Hello"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
       theme: "blue" + subThemeSuffix,
       ...buttonProps,
       children: "Hello"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
       theme: "purple" + subThemeSuffix,
       ...buttonProps,
       children: "Hello"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
       theme: "pink" + subThemeSuffix,
       ...buttonProps,
       children: "Hello"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
       theme: "red" + subThemeSuffix,
       ...buttonProps,
       children: "Hello"

package/dist/cjs/BuildAButtonDemo.native.js

@@ -29,7 +29,7 @@ __export(BuildAButtonDemo_exports, {
 module.exports = __toCommonJS(BuildAButtonDemo_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
-var import_hanzogui = require("hanzogui");
+var import_gui = require("@hanzo/gui");
 var outlined = {
   bg: "transparent",
   borderWidth: 2,
@@ -41,10 +41,10 @@ var outlined = {
   }
 };
 function BuildAButtonDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
     fullscreen: true,
     overflow: "hidden",
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
       maxH: 200,
       y: -100,
       x: -40,
@@ -93,38 +93,38 @@ function ButtonCol(props) {
     ...buttonProps
   } = props;
   var subThemeSuffix = subTheme ? `_${subTheme}` : "";
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
     p: "$2",
     gap: "$3",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
       theme: props.subTheme,
       ...props,
       children: "Hello"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
       theme: "orange" + subThemeSuffix,
       ...buttonProps,
       children: "Hello"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
       theme: "yellow" + subThemeSuffix,
       ...buttonProps,
       children: "Hello"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
       theme: "green" + subThemeSuffix,
       ...buttonProps,
       children: "Hello"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
       theme: "blue" + subThemeSuffix,
       ...buttonProps,
       children: "Hello"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
       theme: "purple" + subThemeSuffix,
       ...buttonProps,
       children: "Hello"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
       theme: "pink" + subThemeSuffix,
       ...buttonProps,
       children: "Hello"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
       theme: "red" + subThemeSuffix,
       ...buttonProps,
       children: "Hello"

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","BuildAButtonDemo_exports","__export","BuildAButtonDemo","module","exports","import_jsx_runtime","require","import_lucide_icons_2","import_hanzogui","outlined","bg","borderWidth","borderColor","rounded","hoverStyle","jsx","YStack","fullscreen","overflow","children","jsxs","XStack","maxH","y","x","rotate","ButtonCol","size","subTheme","icon","Hand"],"sources":["../../src/BuildAButtonDemo.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,YAAgC,CAAAK,wBAAA;AAEhC,IAAAK,kBAAuC,GAAAC,OAAA;AAiBjC,IAAAC,qBAAA,GAAAD,OAAA;AAfN,IAAAE,eAAiB,GAAAF,OAAA;AAAA,IACfG,QAAI;EACJC,EAAA,eAAa;EACbC,WAAA,EAAa;EACbC,WAAS;EAETC,OAAA,OAAY;EAAAC,UACN;IACJJ,EAAA,eAAa;IACfE,WAAA;EACF;AAEO;AACL,SACEV,iBAAA;EAEI,0BAAAG,kBAAA,CAACU,GAAA,EAAAP,eAAiB,CAAAQ,MAAK;IACvBC,UAAA;IACAC,QAAA;IACAC,QAAA,qBAAAd,kBAAC,CAAAe,IAAA,EAAAZ,eAAwB,CAAAa,MAAM;MAC/BC,IAAA;MACAC,CAAA;MACAC,CAAA;MAACC,MAAA;MAAAN,QAAA,GACC,eAAK,IAAAd,kBAAA,CAAAU,GAAA,EAAAW,SAAA;QACLH,CAAA;QACAI,IAAA,MAAW;QACV,GAAGlB,QAAA;QAAAmB,QAAA;QACNjB,WAAA;MACA,IACA,mBAAAN,kBAAA,CAAAU,GAAC,EAAAW,SAAU;QAEfH,CAAA;MAEJ,IAEA,eAAmB,EAAY,EAAAlB,kBAAA,CAAAU,GAAA,EAAAW,SAAA;QACrBH,CAAA;QACF,GAAAd;MAEN,CACE,GACE,mBAAAJ,kBAAA,CAAAU,GAAC,EAAAW,SAAA;QAGD,GAAAjB,QAAA;QAGAoB,IAAA,qBAAAxB,kBAAC,CAAAU,GAAA,EAAAR,qBAAe,CAAAuB,IAAA;MAGhB,IAGA,mBAAAzB,kBAAA,CAAAU,GAAC,EAAAW,SAAA;QAGDC,IAAA;QAGAC,QAAA;MAGA,IAGF,mBAAAvB,kBAAA,CAAAU,GAAA,EAAAW,SAAA;QAEJC,IAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","BuildAButtonDemo_exports","__export","BuildAButtonDemo","module","exports","import_jsx_runtime","require","import_lucide_icons_2","import_gui","outlined","bg","borderWidth","borderColor","rounded","hoverStyle","jsx","YStack","fullscreen","overflow","children","jsxs","XStack","maxH","y","x","rotate","ButtonCol","size","subTheme","icon","Hand"],"sources":["../../src/BuildAButtonDemo.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,YAAgC,CAAAK,wBAAA;AAEhC,IAAAK,kBAAuC,GAAAC,OAAA;AAiBjC,IAAAC,qBAAA,GAAAD,OAAA;AAfN,IAAAE,UAAM,GAAWF,OAAA;AAAA,IACfG,QAAI;EACJC,EAAA,eAAa;EACbC,WAAA,EAAa;EACbC,WAAS;EAETC,OAAA,OAAY;EAAAC,UACN;IACJJ,EAAA,eAAa;IACfE,WAAA;EACF;AAEO;AACL,SACEV,iBAAA;EAEI,0BAAAG,kBAAA,CAACU,GAAA,EAAAP,UAAU,CAAGQ,MAAI;IAClBC,UAAA;IACAC,QAAA;IACAC,QAAA,qBAAAd,kBAAC,CAAAe,IAAA,EAAAZ,UAAc,CAAAa,MAAU;MACzBC,IAAA;MACAC,CAAA;MACAC,CAAA;MAACC,MAAA;MAAAN,QAAA,GACC,eAAK,IAAAd,kBAAA,CAAAU,GAAA,EAAAW,SAAA;QACLH,CAAA;QACAI,IAAA,MAAW;QACV,GAAGlB,QAAA;QAAAmB,QAAA;QACNjB,WAAA;MACA,IACA,mBAAAN,kBAAA,CAAAU,GAAC,EAAAW,SAAU;QAEfH,CAAA;MAEJ,IAEA,eAAmB,EAAY,EAAAlB,kBAAA,CAAAU,GAAA,EAAAW,SAAA;QACrBH,CAAA;QACF,GAAAd;MAEN,CACE,GACE,mBAAAJ,kBAAA,CAAAU,GAAC,EAAAW,SAAA;QAGD,GAAAjB,QAAA;QAGAoB,IAAA,qBAAAxB,kBAAC,CAAAU,GAAA,EAAAR,qBAAe,CAAAuB,IAAA,EAAW;MAG3B,IAGA,mBAAAzB,kBAAA,CAAAU,GAAC,EAAAW,SAAA;QAGDC,IAAA;QAGAC,QAAA;MAGA,IAGF,mBAAAvB,kBAAA,CAAAU,GAAA,EAAAW,SAAA;QAEJC,IAAA","ignoreList":[]}

package/dist/cjs/ButtonDemo.cjs

@@ -27,10 +27,10 @@ __export(ButtonDemo_exports, {
 module.exports = __toCommonJS(ButtonDemo_exports);
 var import_button = require("@hanzogui/button");
 var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
-var import_hanzogui = require("hanzogui");
+var import_gui = require("@hanzo/gui");
 var import_jsx_runtime = require("react/jsx-runtime");
 function ButtonDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
     p: "$3",
     gap: "$3",
     children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_button.Button, {
@@ -40,7 +40,7 @@ function ButtonDemo() {
       icon: import_lucide_icons_2.Airplay,
       size: "$6",
       children: "Large"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
       gap: "$2",
       justify: "center",
       children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_button.Button, {
@@ -52,10 +52,10 @@ function ButtonDemo() {
         variant: "outlined",
         children: "Outlined"
       })]
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
       gap: "$2",
       justify: "center",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Theme, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Theme, {
         name: "accent",
         children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_button.Button, {
           size: "$3",
@@ -70,8 +70,8 @@ function ButtonDemo() {
         size: "$3",
         children: "iconAfter"
       })]
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XGroup, {
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.XGroup.Item, {
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XGroup, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.XGroup.Item, {
         children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_button.Button, {
           width: "50%",
           size: "$2",
@@ -79,7 +79,7 @@ function ButtonDemo() {
           opacity: 0.5,
           children: "disabled"
         })
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.XGroup.Item, {
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.XGroup.Item, {
         children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_button.Button, {
           width: "50%",
           size: "$2",

package/dist/cjs/ButtonDemo.native.js

@@ -30,9 +30,9 @@ module.exports = __toCommonJS(ButtonDemo_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_button = require("@hanzogui/button");
 var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
-var import_hanzogui = require("hanzogui");
+var import_gui = require("@hanzo/gui");
 function ButtonDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
     p: "$3",
     gap: "$3",
     children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_button.Button, {
@@ -42,7 +42,7 @@ function ButtonDemo() {
       icon: import_lucide_icons_2.Airplay,
       size: "$6",
       children: "Large"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
       gap: "$2",
       justify: "center",
       children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_button.Button, {
@@ -54,10 +54,10 @@ function ButtonDemo() {
         variant: "outlined",
         children: "Outlined"
       })]
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
       gap: "$2",
       justify: "center",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Theme, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Theme, {
         name: "accent",
         children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_button.Button, {
           size: "$3",
@@ -72,8 +72,8 @@ function ButtonDemo() {
         size: "$3",
         children: "iconAfter"
       })]
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XGroup, {
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.XGroup.Item, {
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XGroup, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.XGroup.Item, {
         children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_button.Button, {
           width: "50%",
           size: "$2",
@@ -81,7 +81,7 @@ function ButtonDemo() {
           opacity: 0.5,
           children: "disabled"
         })
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.XGroup.Item, {
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.XGroup.Item, {
         children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_button.Button, {
           width: "50%",
           size: "$2",

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ButtonDemo_exports","__export","ButtonDemo","module","exports","import_jsx_runtime","require","import_button","import_lucide_icons_2","import_hanzogui","jsxs","YStack","p","gap","children","jsx","Button","self","icon","Airplay","size","XStack","justify"],"sources":["../../src/ButtonDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,kBAAA;AAAAC,QAAA,CAAAD,kBAAA;EAAAE,UAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAuB,CAAAK,kBAAA;AACvB,IAAAK,kBAAA,GAAAC,OAAkC;AAClC,IAAAC,aAAA,GAAAD,OAA8C;AAKxC,IAAAE,qBAAA,GAAAF,OAAA;AAHC,IAAAG,eAAS,GAAaH,OAAA;AAC3B,SACEJ,WAAA;EACE,0BAAAG,kBAAA,CAACK,IAAA,EAAAD,eAAA,CAAAE,MAAO;IACRC,CAAA;IAGAC,GAAA;IACEC,QAAA,GAGA,mBAAAT,kBAAA,CAAAU,GAAA,EAACR,aAAA,CAAAS,MAAA;MAGHF,QAAA;IACA,IACE,mBAAAT,kBAAA,CAAAU,GAAA,EAACR,aAAA,CAAAS,MAAA;MAEGC,IAAA;MAGAC,IAAA,EAAAV,qBAAA,CAAAW,OAAA;MAAoBC,IAExB;MACAN,QAAA;IAEA,CACF,GAEA,mBAAAT,kBAAA,CAAAK,IAAC,EAAAD,eAAA,CAAAY,MAAA,EACC;MAAAR,GAAA;MAMAS,OAAA;MAKFR,QAAA,GACF,mBAAAT,kBAAA,CAAAU,GAAA,EAAAR,aAAA,CAAAS,MAAA;QAEJI,IAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ButtonDemo_exports","__export","ButtonDemo","module","exports","import_jsx_runtime","require","import_button","import_lucide_icons_2","import_gui","jsxs","YStack","p","gap","children","jsx","Button","self","icon","Airplay","size","XStack","justify"],"sources":["../../src/ButtonDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,kBAAA;AAAAC,QAAA,CAAAD,kBAAA;EAAAE,UAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAuB,CAAAK,kBAAA;AACvB,IAAAK,kBAAA,GAAAC,OAAkC;AAClC,IAAAC,aAA8C,GAAAD,OAAA;AAKxC,IAAAE,qBAAA,GAAAF,OAAA;AAHC,IAAAG,UAAS,GAAAH,OAAa;AAC3B,SACEJ,WAAA;EACE,0BAAAG,kBAAA,CAACK,IAAA,EAAAD,UAAA,CAAAE,MAAA,EAAO;IACRC,CAAA;IAGAC,GAAA;IACEC,QAAA,GAGA,mBAAAT,kBAAA,CAAAU,GAAA,EAACR,aAAA,CAAAS,MAAA;MAGHF,QAAA;IACA,IACE,mBAAAT,kBAAA,CAAAU,GAAA,EAACR,aAAA,CAAAS,MAAM;MAEHC,IAAA;MAGAC,IAAA,EAAAV,qBAAA,CAAAW,OAAA;MAAoBC,IAExB;MACAN,QAAA;IAEA,CACF,GAEA,mBAAAT,kBAAA,CAAAK,IAAC,EAAAD,UAAA,CAAAY,MAAA,EACC;MAAAR,GAAA;MAMAS,OAAA;MAKFR,QAAA,GACF,mBAAAT,kBAAA,CAAAU,GAAA,EAAAR,aAAA,CAAAS,MAAA;QAEJI,IAAA","ignoreList":[]}

package/dist/cjs/CardDemo.cjs

@@ -26,12 +26,12 @@ __export(CardDemo_exports, {
   DemoCard: () => DemoCard
 });
 module.exports = __toCommonJS(CardDemo_exports);
-var import_hanzogui = require("hanzogui");
+var import_gui = require("@hanzo/gui");
 var import_jsx_runtime = require("react/jsx-runtime");
 function CardDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Theme, {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Theme, {
     name: "surface1",
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
       $maxMd: {
         flexDirection: "column"
       },
@@ -58,29 +58,29 @@ function CardDemo() {
   });
 }
 function DemoCard(props) {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Card, {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Card, {
     size: "$4",
     borderWidth: 1,
     borderColor: "$borderColor",
     ...props,
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Card.Header, {
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Card.Header, {
       p: "$4",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.H2, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H2, {
         children: "Sony A7IV"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Paragraph, {
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Paragraph, {
         children: "Now available"
       })]
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Card.Footer, {
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Card.Footer, {
       p: "$4",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.XStack, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.XStack, {
         flex: 1
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
         rounded: "$10",
         children: "Purchase"
       })]
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Card.Background, {
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Card.Background, {
       items: "center",
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Image, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Image, {
         objectFit: "contain",
         width: 300,
         height: 300,

package/dist/cjs/CardDemo.native.js

@@ -29,11 +29,11 @@ __export(CardDemo_exports, {
 });
 module.exports = __toCommonJS(CardDemo_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_hanzogui = require("hanzogui");
+var import_gui = require("@hanzo/gui");
 function CardDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Theme, {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Theme, {
     name: "surface1",
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
       $maxMd: {
         flexDirection: "column"
       },
@@ -60,29 +60,29 @@ function CardDemo() {
   });
 }
 function DemoCard(props) {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Card, {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Card, {
     size: "$4",
     borderWidth: 1,
     borderColor: "$borderColor",
     ...props,
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Card.Header, {
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Card.Header, {
       p: "$4",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.H2, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H2, {
         children: "Sony A7IV"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Paragraph, {
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Paragraph, {
         children: "Now available"
       })]
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Card.Footer, {
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Card.Footer, {
       p: "$4",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.XStack, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.XStack, {
         flex: 1
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
         rounded: "$10",
         children: "Purchase"
       })]
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Card.Background, {
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Card.Background, {
       items: "center",
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Image, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Image, {
         objectFit: "contain",
         width: 300,
         height: 300,

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","CardDemo_exports","__export","CardDemo","DemoCard","module","exports","import_jsx_runtime","require","import_hanzogui","jsx","Theme","name","children","jsxs","XStack","$maxMd","flexDirection","px","gap","transition","size","width","height","scale","hoverStyle","pressStyle","props","Card","borderWidth","borderColor"],"sources":["../../src/CardDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,gBAAA;AAAAC,QAAA,CAAAD,gBAAA;EAAAE,QAAA,EAAAA,CAAA,KAAAA,QAAA;EAAAC,QAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAV,YAAkE,CAAAK,gBAAA;AAK5D,IAAAM,kBAAA,GAAAC,OAAA;AAHC,IAAAC,eAAS,GAAWD,OAAA;AACzB,SACEL,SAAA;EAEI,0BAAAI,kBAAA,CAAAG,GAAA,EAAAD,eAAA,CAAAE,KAAA;IAAAC,IAAC;IAAAC,QAAA,qBAAAN,kBAAA,CAAAO,IAAA,EAAAL,eAAA,CAAAM,MAAA;MAAAC,MACC;QACAC,aAAK;MAAA;MACEC,EACP;MAAQC,GACR,MAAO;MAAAN,QACP,GACA,eAAc,IAAAN,kBAAa,CAAAG,GAAA,EAAAN,QAAA;QAAAgB,UAAA;QAC7BC,IAAA;QACAC,KAAA;QAEJC,MAAA;QAEJC,KAAA;QAEgBC,UAAS;UAErBD,KAAA;QACE;QACEE,UAAA;UACAF,KAAA;QACF;MACA,IACE,mBAAAjB,kBAAA,CAAAG,GAAC,EAAAN,QAAA;QACDiB,IAAA;QACFC,KAAA;QACAC,MAAA;MACG;IAAA;EACW;AACH;AACC,SACRnB,QAAKA,CAAAuB,KAAA;EAAA,0BAAApB,kBAAA,CAAAO,IAAA,EAAAL,eAAA,CAAAmB,IAAA;IACPP,IACF;IAAAQ,WACF;IAEJC,WAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","CardDemo_exports","__export","CardDemo","DemoCard","module","exports","import_jsx_runtime","require","import_gui","jsx","Theme","name","children","jsxs","XStack","$maxMd","flexDirection","px","gap","transition","size","width","height","scale","hoverStyle","pressStyle","props","Card","borderWidth","borderColor"],"sources":["../../src/CardDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,gBAAA;AAAAC,QAAA,CAAAD,gBAAA;EAAAE,QAAA,EAAAA,CAAA,KAAAA,QAAA;EAAAC,QAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAkEV,YAAA,CAAAK,gBAAA;AAK5D,IAAAM,kBAAA,GAAAC,OAAA;AAHC,IAAAC,UAAS,GAAAD,OAAW;AACzB,SACEL,SAAA;EAEI,0BAAAI,kBAAA,CAAAG,GAAA,EAAAD,UAAA,CAAAE,KAAA;IAAAC,IAAC;IAAAC,QAAA,qBAAAN,kBAAA,CAAAO,IAAA,EAAAL,UAAA,CAAAM,MAAA;MAAAC,MACC;QACAC,aAAK;MAAA;MACEC,EACP;MAAQC,GACR,MAAO;MAAAN,QACP,GACA,eAAc,IAAAN,kBAAa,CAAAG,GAAA,EAAAN,QAAA;QAAAgB,UAAA;QAC7BC,IAAA;QACAC,KAAA;QAEJC,MAAA;QAEJC,KAAA;QAEgBC,UAAS;UAErBD,KAAA;QACE;QACEE,UAAA;UACAF,KAAA;QACF;MACA,IACE,mBAAAjB,kBAAA,CAAAG,GAAC,EAAAN,QAAA;QACDiB,IAAA;QACFC,KAAA;QACAC,MAAA;MACG;IAAA;EACW;AACH;AACC,SACRnB,QAAKA,CAAAuB,KAAA;EAAA,0BAAApB,kBAAA,CAAAO,IAAA,EAAAL,UAAA,CAAAmB,IAAA;IACPP,IACF;IAAAQ,WACF;IAEJC,WAAA","ignoreList":[]}

package/dist/cjs/CheckboxDemo.cjs

@@ -27,12 +27,12 @@ __export(CheckboxDemo_exports, {
 });
 module.exports = __toCommonJS(CheckboxDemo_exports);
 var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
-var import_hanzogui = require("hanzogui");
+var import_gui = require("@hanzo/gui");
 var import_jsx_runtime = require("react/jsx-runtime");
 function CheckboxDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Theme, {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Theme, {
     name: "surface2",
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
       width: 300,
       items: "center",
       gap: "$2",
@@ -56,21 +56,21 @@ function CheckboxWithLabel({
   ...checkboxProps
 }) {
   const id = `checkbox-${(size || "").toString().slice(1)}`;
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Theme, {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Theme, {
     name: disabled ? "gray" : null,
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
       width: 300,
       items: "center",
       gap: "$4",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Checkbox, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Checkbox, {
         id,
         size,
         disabled,
         ...checkboxProps,
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Checkbox.Indicator, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Checkbox.Indicator, {
           children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.Check, {})
         })
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Label, {
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Label, {
         size,
         htmlFor: id,
         opacity: disabled ? 0.5 : 1,

package/dist/cjs/CheckboxDemo.native.js

@@ -30,11 +30,11 @@ __export(CheckboxDemo_exports, {
 module.exports = __toCommonJS(CheckboxDemo_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
-var import_hanzogui = require("hanzogui");
+var import_gui = require("@hanzo/gui");
 function CheckboxDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Theme, {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Theme, {
     name: "surface2",
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
       width: 300,
       items: "center",
       gap: "$2",
@@ -59,21 +59,21 @@ function CheckboxWithLabel(param) {
     ...checkboxProps
   } = param;
   var id = `checkbox-${(size || "").toString().slice(1)}`;
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Theme, {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Theme, {
     name: disabled ? "gray" : null,
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
       width: 300,
       items: "center",
       gap: "$4",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Checkbox, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Checkbox, {
         id,
         size,
         disabled,
         ...checkboxProps,
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Checkbox.Indicator, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Checkbox.Indicator, {
           children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.Check, {})
         })
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Label, {
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Label, {
         size,
         htmlFor: id,
         opacity: disabled ? 0.5 : 1,

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","CheckboxDemo_exports","__export","CheckboxDemo","CheckboxWithLabel","module","exports","import_jsx_runtime","require","import_lucide_icons_2","import_hanzogui","jsx","Theme","name","children","jsxs","YStack","width","items","gap","size","defaultChecked","disabled"],"sources":["../../src/CheckboxDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,oBAAA;AAAAC,QAAA,CAAAD,oBAAA;EAAAE,YAAA,EAAAA,CAAA,KAAAA,YAAA;EAAAC,iBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAV,YAAmC,CAAAK,oBAAA;AAEnC,IAAAM,kBAAuD,GAAAC,OAAA;AAKjD,IAAAC,qBAAA,GAAAD,OAAA;AAHC,IAAAE,eAAS,GAAAF,OAAe;AAC7B,SACEL,aAAA;EAEI,0BAAAI,kBAAA,CAACI,GAAA,EAAAD,eAAA,CAAkBE,KAAA,EAAK;IACxBC,IAAA;IACAC,QAAA,qBAAAP,kBAAC,CAAAQ,IAAA,EAAAL,eAAkB,CAAKM,MAAK;MAC/BC,KACF;MAEJC,KAAA;MAEOC,GAAS;MACdL,QAAA,GACA,eAAQ,IAAAP,kBAAA,CAAAI,GAAA,EAAAP,iBAAA;QACRgB,IAAA;MACG,IACkC,mBAAAb,kBAAA,CAAAI,GAAA,EAAAP,iBAAA;QAC/BgB,IAAK;QAETC,cAAA;MAEI,IAMA,mBAAAd,kBAAA,CAAAI,GAAC,EAAAP,iBAAA;QAILgB,IAAA;QAEJE,QAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","CheckboxDemo_exports","__export","CheckboxDemo","CheckboxWithLabel","module","exports","import_jsx_runtime","require","import_lucide_icons_2","import_gui","jsx","Theme","name","children","jsxs","YStack","width","items","gap","size","defaultChecked","disabled"],"sources":["../../src/CheckboxDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,oBAAA;AAAAC,QAAA,CAAAD,oBAAA;EAAAE,YAAA,EAAAA,CAAA,KAAAA,YAAA;EAAAC,iBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAV,YAAmC,CAAAK,oBAAA;AAEnC,IAAAM,kBAAuD,GAAAC,OAAA;AAKjD,IAAAC,qBAAA,GAAAD,OAAA;AAHC,IAAAE,UAAS,GAAAF,OAAe;AAC7B,SACEL,aAAA;EAEI,0BAAAI,kBAAA,CAACI,GAAA,EAAAD,UAAA,CAAAE,KAAkB;IACnBC,IAAA;IACAC,QAAA,qBAAAP,kBAAC,CAAAQ,IAAA,EAAAL,UAAkB,CAAAM,MAAK;MAC1BC,KACF;MAEJC,KAAA;MAEOC,GAAS;MACdL,QAAA,GACA,eAAQ,IAAAP,kBAAA,CAAAI,GAAA,EAAAP,iBAAA;QACRgB,IAAA;MACG,IACkC,mBAAAb,kBAAA,CAAAI,GAAA,EAAAP,iBAAA;QAC/BgB,IAAK;QAETC,cAAA;MAEI,IAMA,mBAAAd,kBAAA,CAAAI,GAAC,EAAAP,iBAAM;QAIXgB,IAAA;QAEJE,QAAA","ignoreList":[]}