@hanzogui/demos 8.2.1 → 8.3.2

package/dist/cjs/BoxShadowTokenDemo.native.js

@@ -1,64 +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 BoxShadowTokenDemo_exports = {};
-__export(BoxShadowTokenDemo_exports, {
-  BoxShadowTokenDemo: () => BoxShadowTokenDemo
-});
-module.exports = __toCommonJS(BoxShadowTokenDemo_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_gui = require("@hanzo/gui");
-var StyledShadowBox = (0, import_gui.styled)(import_gui.View, {
-  width: 100,
-  height: 100,
-  backgroundColor: "$color5",
-  borderRadius: "$4",
-  boxShadow: "0px 2px 8px $shadowColor"
-});
-function BoxShadowTokenDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
-    gap: "$4",
-    items: "center",
-    p: "$4",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Text, {
-      testID: "box-shadow-token-title",
-      children: "BoxShadow Token Test"
-    }), /* styled() definition - breaks if web imports leak to native */
-    /* @__PURE__ */(0, import_jsx_runtime.jsx)(StyledShadowBox, {
-      testID: "box-shadow-styled"
-    }), /* inline prop - should always work */
-    /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.View, {
-      width: 100,
-      height: 100,
-      backgroundColor: "$color5",
-      borderRadius: "$4",
-      boxShadow: "0px 2px 8px $shadowColor",
-      testID: "box-shadow-prop"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Text, {
-      testID: "box-shadow-token-ok",
-      children: "OK"
-    })]
-  });
-}
-//# sourceMappingURL=BoxShadowTokenDemo.native.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","BoxShadowTokenDemo_exports","__export","BoxShadowTokenDemo","module","exports","import_jsx_runtime","require","import_gui","StyledShadowBox","styled","View","width","height","backgroundColor","borderRadius","boxShadow","jsxs","YStack","gap","items","p","children","jsx","Text","testID"],"sources":["../../src/BoxShadowTokenDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,0BAAA;AAAAC,QAAA,CAAAD,0BAAA;EAAAE,kBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAA2CT,YAAA,CAAAK,0BAAA;AAevC,IAAAK,kBAAA,GAAAC,OAAA;AAVJ,IAAAC,UAAM,GAAAD,OAAA,aAAkB;AAAa,IACnCE,eAAO,OAAAD,UAAA,CAAAE,MAAA,EAAAF,UAAA,CAAAG,IAAA;EACPC,KAAA,KAAQ;EACRC,MAAA;EACAC,eAAc;EACdC,YAAW;EACZC,SAAA;AAEM;AACL,SACEb,mBAAA;EACE,0BAAAG,kBAAA,CAACW,IAAA,EAAAT,UAAA,CAAAU,MAAK;IAGNC,GAAA;IAGAC,KAAA;IAAAC,CAAA,EAAC;IAAAC,QAAA,kBACQ,IAAAhB,kBAAA,CAAAiB,GAAA,EAAAf,UAAA,CAAAgB,IAAA;MACPC,MAAA,EAAQ;MACRH,QAAA;IAAgB,EAChB,EAAa;IACH,eACH,IAAAhB,kBAAA,CAAAiB,GAAA,EAAAd,eAAA;MAAAgB,MAAA;IACT,IAEA;IACF,mBAAAnB,kBAAA,CAAAiB,GAAA,EAAAf,UAAA,CAAAG,IAAA;MAEJC,KAAA","ignoreList":[]}

package/dist/cjs/BrandTokensDemo.cjs

@@ -1,142 +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 BrandTokensDemo_exports = {};
-__export(BrandTokensDemo_exports, {
-  BrandTokensDemo: () => BrandTokensDemo
-});
-module.exports = __toCommonJS(BrandTokensDemo_exports);
-var import_hanzogui = require("hanzogui");
-var import_jsx_runtime = require("react/jsx-runtime");
-const BRANDS = ["hanzo", "lux", "zoo", "pars"];
-const 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 Zen 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(([name, tok, label]) => /* @__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(b =>
-          // brand themes come from the host app's config (@hanzogui/themes/v4),
-          // not from the @hanzogui/dev-config this package is typed against
-          // @ts-expect-error
-          /* @__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))
-        })]
-      })]
-    })
-  });
-}

package/dist/cjs/BrandTokensDemo.native.js

@@ -1,151 +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 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 Zen 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 (
-              // brand themes come from the host app's config (@hanzogui/themes/v4),
-              // not from the @hanzogui/dev-config this package is typed against
-              // @ts-expect-error
-              /* @__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

@@ -1 +0,0 @@
-{"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;MACeN,QAAA,sBAAAR,kBAAA,CAAAS,IAAA,EAAAP,eAAA,CAAAQ,MAAA;QAAAG,GAAA;QAIXL,QAAA,GACG,mBAAAR,kBAAA,CAAAK,GAAA,EAAAH,eAAA,CAAAa,EAAA;UAAAC,UAAA;UACCC,KAAA,YAAgB;UAChBT,QAAA;QACA,IACA,eAAc,IAAAR,kBAAA,CAAAK,GAAA,EAAAH,eAAA,CAAAgB,SAAA;UACdD,KAAA,EAAQ;UACRD,UAAO;UACPR,QAAI;QAEJ;MACE,mBAAC,IAAAR,kBAAA,CAAAS,IAAA,EAAAP,eAAA,CAAAQ,MAAA;QAAAG,GAAA;QAAAL,QAAA,EACC,CAAO,eACC,IAAAR,kBAAA,CAAAK,GAAA,EAAAH,eAAA,CAAAiB,IAAA;UAAAF,KAAA,EACR;UAAcD,UACd;UAAgBI,QAAA;UAAAZ,QAClB;QAAA,IAGA,eACF,IAAAR,kBAAA,CAAAK,GAAA,EAAAH,eAAA,CAAAmB,MAAA;UACAR,GAAA;UAAAS,QAAC;UAAAd,QAAA,EAAAJ,QAAA,CAAAmB,GAAA,WAAAC,KAAA;YAAA,IACC,CAAAjB,IAAA,EAAQkB,GAAA,EAAAC,KAAA,IAAAF,KAAA;YAAA,OACR,eAAc,IAAAxB,kBAAA,CAAAS,IAAA,EAAAP,eAAA,CAAAQ,MAAA;cACdC,eAAA,EAAgBc,GAAA;cAChBE,KAAA;cACAC,MAAA;cAEAC,YAAA;cAEAC,WAAA;cACFC,WAAA;cACAnB,OAAA;cAAqBoB,cAAA;cAAAxB,QAAA,GAEzB,mBAAAR,kBAAA,CAAAK,GAAA,EAAAH,eAAA,CAAAiB,IAAA;gBAEJF,KAAA;gBACFD,UAAA;gBAEJI,QAAA;gBAEJZ,QAAA,EAAAD","ignoreList":[]}

package/dist/cjs/BuildAButtonDemo.cjs

@@ -1,131 +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 BuildAButtonDemo_exports = {};
-__export(BuildAButtonDemo_exports, {
-  BuildAButtonDemo: () => BuildAButtonDemo
-});
-module.exports = __toCommonJS(BuildAButtonDemo_exports);
-var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
-var import_gui = require("@hanzo/gui");
-var import_jsx_runtime = require("react/jsx-runtime");
-const outlined = {
-  bg: "transparent",
-  borderWidth: 2,
-  borderColor: "$background",
-  rounded: "$10",
-  hoverStyle: {
-    bg: "transparent",
-    borderColor: "$backgroundPress"
-  }
-};
-function BuildAButtonDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
-    fullscreen: true,
-    overflow: "hidden",
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
-      maxH: 200,
-      y: -100,
-      x: -40,
-      rotate: "-10deg",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(ButtonCol, {
-        y: 35,
-        size: "$2",
-        ...outlined,
-        subTheme: "surface1",
-        borderWidth: 1
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ButtonCol, {
-        y: 30
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ButtonCol, {
-        y: -50,
-        ...outlined
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ButtonCol, {
-        ...outlined,
-        icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.Hand, {})
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ButtonCol, {
-        size: "$6",
-        subTheme: "surface2"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ButtonCol, {
-        size: "$6",
-        subTheme: "surface2",
-        ...outlined
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ButtonCol, {
-        size: "$8",
-        subTheme: "surface2",
-        iconAfter: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.Drumstick, {}),
-        ...outlined
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ButtonCol, {
-        size: "$10",
-        subTheme: "surface1"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ButtonCol, {
-        size: "$8",
-        subTheme: "surface2",
-        ...outlined,
-        rounded: 0
-      })]
-    })
-  });
-}
-function ButtonCol(props) {
-  const {
-    subTheme,
-    ...buttonProps
-  } = props;
-  const subThemeSuffix = subTheme ? `_${subTheme}` : "";
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
-    p: "$2",
-    gap: "$3",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
-      theme: props.subTheme,
-      ...props,
-      children: "Hello"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
-      theme: "orange" + subThemeSuffix,
-      ...buttonProps,
-      children: "Hello"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
-      theme: "yellow" + subThemeSuffix,
-      ...buttonProps,
-      children: "Hello"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
-      theme: "green" + subThemeSuffix,
-      ...buttonProps,
-      children: "Hello"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
-      theme: "blue" + subThemeSuffix,
-      ...buttonProps,
-      children: "Hello"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
-      theme: "purple" + subThemeSuffix,
-      ...buttonProps,
-      children: "Hello"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
-      theme: "pink" + subThemeSuffix,
-      ...buttonProps,
-      children: "Hello"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
-      theme: "red" + subThemeSuffix,
-      ...buttonProps,
-      children: "Hello"
-    })]
-  });
-}

package/dist/cjs/BuildAButtonDemo.native.js

@@ -1,134 +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 BuildAButtonDemo_exports = {};
-__export(BuildAButtonDemo_exports, {
-  BuildAButtonDemo: () => BuildAButtonDemo
-});
-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_gui = require("@hanzo/gui");
-var outlined = {
-  bg: "transparent",
-  borderWidth: 2,
-  borderColor: "$background",
-  rounded: "$10",
-  hoverStyle: {
-    bg: "transparent",
-    borderColor: "$backgroundPress"
-  }
-};
-function BuildAButtonDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
-    fullscreen: true,
-    overflow: "hidden",
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
-      maxH: 200,
-      y: -100,
-      x: -40,
-      rotate: "-10deg",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(ButtonCol, {
-        y: 35,
-        size: "$2",
-        ...outlined,
-        subTheme: "surface1",
-        borderWidth: 1
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ButtonCol, {
-        y: 30
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ButtonCol, {
-        y: -50,
-        ...outlined
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ButtonCol, {
-        ...outlined,
-        icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.Hand, {})
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ButtonCol, {
-        size: "$6",
-        subTheme: "surface2"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ButtonCol, {
-        size: "$6",
-        subTheme: "surface2",
-        ...outlined
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ButtonCol, {
-        size: "$8",
-        subTheme: "surface2",
-        iconAfter: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.Drumstick, {}),
-        ...outlined
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ButtonCol, {
-        size: "$10",
-        subTheme: "surface1"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ButtonCol, {
-        size: "$8",
-        subTheme: "surface2",
-        ...outlined,
-        rounded: 0
-      })]
-    })
-  });
-}
-function ButtonCol(props) {
-  var {
-    subTheme,
-    ...buttonProps
-  } = props;
-  var subThemeSuffix = subTheme ? `_${subTheme}` : "";
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
-    p: "$2",
-    gap: "$3",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
-      theme: props.subTheme,
-      ...props,
-      children: "Hello"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
-      theme: "orange" + subThemeSuffix,
-      ...buttonProps,
-      children: "Hello"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
-      theme: "yellow" + subThemeSuffix,
-      ...buttonProps,
-      children: "Hello"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
-      theme: "green" + subThemeSuffix,
-      ...buttonProps,
-      children: "Hello"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
-      theme: "blue" + subThemeSuffix,
-      ...buttonProps,
-      children: "Hello"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
-      theme: "purple" + subThemeSuffix,
-      ...buttonProps,
-      children: "Hello"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
-      theme: "pink" + subThemeSuffix,
-      ...buttonProps,
-      children: "Hello"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
-      theme: "red" + subThemeSuffix,
-      ...buttonProps,
-      children: "Hello"
-    })]
-  });
-}
-//# sourceMappingURL=BuildAButtonDemo.native.js.map

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

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