@hanzogui/demos 8.3.0 → 8.3.3

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

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","styled","View","Text","YStack","StyledShadowBox","width","height","backgroundColor","borderRadius","boxShadow","BoxShadowTokenDemo","gap","items","p","children","testID"],"sources":["../../src/BoxShadowTokenDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAQ,EAAAC,IAAM,IAAMC,KAAA,QAAc;AAevC,SACEC,MADF,EAAAC,IAAA,EAAAC,IAAA,EAAAC,MAAA;AAVJ,IAAAC,eAAM,GAAAJ,MAAkB,CAAAC,IAAO;EAC7BI,KAAA,EAAO;EACPC,MAAA,EAAQ;EACRC,eAAA,EAAiB;EACjBC,YAAA,EAAc;EACdC,SAAA,EAAW;AACb,CAAC;AAEM,SAASC,mBAAA,EAAqB;EACnC,OACE,eAAAX,KAAC,CAAAI,MAAA;IACCQ,GAAA;IAGAC,KAAA;IAGAC,CAAA;IAAAC,QAAC,kBAAAjB,IAAA,CAAAK,IAAA;MACCa,MAAA,EAAO;MACPD,QAAQ;IAAA,EACR,EAAgB;IACH,eACHjB,IAAA,CAAAO,eAAA;MACVW,MAAA,EAAO;IAAA,IACT;IAEA,eAAAlB,IAAC,CAAAI,IAAA,EAAK;MACRI,KAAA;MAEJC,MAAA","ignoreList":[]}

package/dist/esm/BrandTokensDemo.mjs

@@ -1,117 +0,0 @@
-import { Button, Card, H2, Paragraph, Text, Theme, XStack, YStack } from "hanzogui";
-import { jsx, jsxs } from "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__ */jsx(Theme, {
-    name: "dark",
-    children: /* @__PURE__ */jsxs(YStack, {
-      backgroundColor: "$background",
-      padding: "$6",
-      gap: "$5",
-      minHeight: 640,
-      children: [/* @__PURE__ */jsxs(YStack, {
-        gap: "$2",
-        children: [/* @__PURE__ */jsx(H2, {
-          fontFamily: "$heading",
-          color: "$color12",
-          children: "Hanzo GUI \u2014 design tokens"
-        }), /* @__PURE__ */jsx(Paragraph, {
-          color: "$color11",
-          fontFamily: "$body",
-          children: "True-black canvas \xB7 one accent per brand \xB7 Zen type system"
-        })]
-      }), /* @__PURE__ */jsxs(YStack, {
-        gap: "$2",
-        children: [/* @__PURE__ */jsx(Text, {
-          color: "$color11",
-          fontFamily: "$mono",
-          fontSize: "$2",
-          children: "neutral surface ramp"
-        }), /* @__PURE__ */jsx(XStack, {
-          gap: "$3",
-          flexWrap: "wrap",
-          children: SURFACES.map(([name, tok, label]) => /* @__PURE__ */jsxs(YStack, {
-            backgroundColor: tok,
-            width: 160,
-            height: 96,
-            borderRadius: 12,
-            borderWidth: 1,
-            borderColor: "$borderColor",
-            padding: "$3",
-            justifyContent: "flex-end",
-            children: [/* @__PURE__ */jsx(Text, {
-              color: "$color12",
-              fontFamily: "$mono",
-              fontSize: "$3",
-              children: name
-            }), /* @__PURE__ */jsx(Text, {
-              color: "$color10",
-              fontSize: "$2",
-              children: label
-            })]
-          }, name))
-        })]
-      }), /* @__PURE__ */jsxs(YStack, {
-        gap: "$2",
-        children: [/* @__PURE__ */jsx(Text, {
-          color: "$color11",
-          fontFamily: "$mono",
-          fontSize: "$2",
-          children: "per-brand accent (applied sparingly over the shared canvas)"
-        }), /* @__PURE__ */jsx(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__ */
-          jsx(Theme, {
-            name: b,
-            children: /* @__PURE__ */jsxs(Card, {
-              backgroundColor: "$color2",
-              borderWidth: 1,
-              borderColor: "$borderColor",
-              borderRadius: 12,
-              padding: "$4",
-              width: 210,
-              gap: "$3",
-              children: [/* @__PURE__ */jsxs(XStack, {
-                alignItems: "center",
-                gap: "$2",
-                children: [/* @__PURE__ */jsx(YStack, {
-                  width: 14,
-                  height: 14,
-                  borderRadius: 999,
-                  backgroundColor: "$color9"
-                }), /* @__PURE__ */jsx(Text, {
-                  color: "$color12",
-                  fontFamily: "$heading",
-                  fontSize: "$5",
-                  children: b
-                })]
-              }), /* @__PURE__ */jsx(YStack, {
-                height: 44,
-                borderRadius: 8,
-                backgroundColor: "$color9",
-                alignItems: "center",
-                justifyContent: "center",
-                children: /* @__PURE__ */jsx(Text, {
-                  color: "$color1",
-                  fontSize: "$3",
-                  fontWeight: "700",
-                  children: "Primary CTA"
-                })
-              }), /* @__PURE__ */jsx(Button, {
-                children: "Themed button"
-              })]
-            })
-          }, b))
-        })]
-      })]
-    })
-  });
-}
-export { BrandTokensDemo };
-//# sourceMappingURL=BrandTokensDemo.mjs.map

package/dist/esm/BrandTokensDemo.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["Button","Card","H2","Paragraph","Text","Theme","XStack","YStack","jsx","jsxs","BRANDS","SURFACES","BrandTokensDemo","name","children","backgroundColor","padding","gap","minHeight","fontFamily","color","fontSize","flexWrap","map","tok","label","width","height","borderRadius","borderWidth","borderColor","justifyContent","b","alignItems","fontWeight"],"sources":["../../src/BrandTokensDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/BrandTokensDemo.native.js

@@ -1,123 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Card, H2, Paragraph, Text, Theme, XStack, YStack } from "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__ */_jsx(Theme, {
-    name: "dark",
-    children: /* @__PURE__ */_jsxs(YStack, {
-      backgroundColor: "$background",
-      padding: "$6",
-      gap: "$5",
-      minHeight: 640,
-      children: [/* @__PURE__ */_jsxs(YStack, {
-        gap: "$2",
-        children: [/* @__PURE__ */_jsx(H2, {
-          fontFamily: "$heading",
-          color: "$color12",
-          children: "Hanzo GUI \u2014 design tokens"
-        }), /* @__PURE__ */_jsx(Paragraph, {
-          color: "$color11",
-          fontFamily: "$body",
-          children: "True-black canvas \xB7 one accent per brand \xB7 Zen type system"
-        })]
-      }), /* @__PURE__ */_jsxs(YStack, {
-        gap: "$2",
-        children: [/* @__PURE__ */_jsx(Text, {
-          color: "$color11",
-          fontFamily: "$mono",
-          fontSize: "$2",
-          children: "neutral surface ramp"
-        }), /* @__PURE__ */_jsx(XStack, {
-          gap: "$3",
-          flexWrap: "wrap",
-          children: SURFACES.map(function (param) {
-            var [name, tok, label] = param;
-            return /* @__PURE__ */_jsxs(YStack, {
-              backgroundColor: tok,
-              width: 160,
-              height: 96,
-              borderRadius: 12,
-              borderWidth: 1,
-              borderColor: "$borderColor",
-              padding: "$3",
-              justifyContent: "flex-end",
-              children: [/* @__PURE__ */_jsx(Text, {
-                color: "$color12",
-                fontFamily: "$mono",
-                fontSize: "$3",
-                children: name
-              }), /* @__PURE__ */_jsx(Text, {
-                color: "$color10",
-                fontSize: "$2",
-                children: label
-              })]
-            }, name);
-          })
-        })]
-      }), /* @__PURE__ */_jsxs(YStack, {
-        gap: "$2",
-        children: [/* @__PURE__ */_jsx(Text, {
-          color: "$color11",
-          fontFamily: "$mono",
-          fontSize: "$2",
-          children: "per-brand accent (applied sparingly over the shared canvas)"
-        }), /* @__PURE__ */_jsx(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__ */
-              _jsx(Theme, {
-                name: b,
-                children: /* @__PURE__ */_jsxs(Card, {
-                  backgroundColor: "$color2",
-                  borderWidth: 1,
-                  borderColor: "$borderColor",
-                  borderRadius: 12,
-                  padding: "$4",
-                  width: 210,
-                  gap: "$3",
-                  children: [/* @__PURE__ */_jsxs(XStack, {
-                    alignItems: "center",
-                    gap: "$2",
-                    children: [/* @__PURE__ */_jsx(YStack, {
-                      width: 14,
-                      height: 14,
-                      borderRadius: 999,
-                      backgroundColor: "$color9"
-                    }), /* @__PURE__ */_jsx(Text, {
-                      color: "$color12",
-                      fontFamily: "$heading",
-                      fontSize: "$5",
-                      children: b
-                    })]
-                  }), /* @__PURE__ */_jsx(YStack, {
-                    height: 44,
-                    borderRadius: 8,
-                    backgroundColor: "$color9",
-                    alignItems: "center",
-                    justifyContent: "center",
-                    children: /* @__PURE__ */_jsx(Text, {
-                      color: "$color1",
-                      fontSize: "$3",
-                      fontWeight: "700",
-                      children: "Primary CTA"
-                    })
-                  }), /* @__PURE__ */_jsx(Button, {
-                    children: "Themed button"
-                  })]
-                })
-              }, b)
-            );
-          })
-        })]
-      })]
-    })
-  });
-}
-export { BrandTokensDemo };
-//# sourceMappingURL=BrandTokensDemo.native.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Button","Card","H2","Paragraph","Text","Theme","XStack","YStack","BRANDS","SURFACES","BrandTokensDemo","name","children","backgroundColor","padding","gap","minHeight","fontFamily","color","fontSize","flexWrap","map","param","tok","label","width","height","borderRadius","borderWidth","borderColor","justifyContent"],"sources":["../../src/BrandTokensDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAQ,EAAAC,IAAM,IAAIC,KAAA,QAAW,mBAAqB;AAoBnD,SACEC,MADF,EAAAC,IAAA,EAAAC,EAAA,EAAAC,SAAA,EAAAC,IAAA,EAAAC,KAAA,EAAAC,MAAA,EAAAC,MAAA;AAbR,IAAAC,MAAM,IAEN,OAAM,EACJ,KAAC,EACD,KAAC,EACD,MAAC,CAAkC;AAErC,IAAAC,QAAA,IAEO,CACL,YACE,EAEI,eACE,cAEA,EAGA,CAGF,UACE,WAEA,iBACA,CAEI,EAAC,SAEC,EAAiB,SACjB,EAAO,aACP,CAAQ,EACM,CACD,QACb,EAAY,SACZ,EAAQ,kBACR,CAAe,CAEf;AAEA,SAAAC,eACAA,CAAA;EAEA,sBAAAb,IAAA,CAAAQ,KAAA;IAAAM,IAAA;IAAAC,QAfK,iBAAAb,KAAA,CAAAQ,MAAA;MAgBPM,eAEJ;MAAAC,OACF;MAEAC,GAAA;MACEC,SAAA;MAGAJ,QAAA,GACe,eAAAb,KAAA,CAAAQ,MAAA;QAAAQ,GAAA;QAAAH,QAAA,GAIX,eAACf,IAAA,CAAAK,EAAA,EAAc;UACZe,UAAA;UAAAC,KAAA;UACCN,QAAA;QACA,IACA,eAAYf,IAAA,CAAAM,SAAA;UACZe,KAAA,YAAc;UACdD,UAAQ;UACRL,QAAO;QACP;MAEA,IACE,eAAAb,KAAA,CAAAQ,MAAA;QAAAQ,GAAA,MAAC;QAAAH,QAAA,kBACQf,IAAA,CAAAO,IAAA;UAAAc,KAAA,EACP,UAAQ;UAAAD,UACR;UAAcE,QACd;UAAgBP,QAAA;QAAA,IAClB,eACAf,IAAA,CAAAS,MAAC;UAEDS,GACF;UACAK,QAAA;UAAAR,QAAC,EAAAH,QAAA,CAAAY,GAAA,WAAAC,KAAA;YAAA,KAAAX,IAAA,EAAAY,GAAA,EAAAC,KAAA,IAAAF,KAAA;YAAA,OACC,eAAQvB,KAAA,CAAAQ,MAAA;cACRM,eAAc,EAAAU,GAAA;cACdE,KAAA;cACAC,MAAA;cACAC,YAAA,IAAe;cAEfC,WAAA;cAEAC,WAAA;cACFf,OAAA;cACAgB,cAAA,EAAC,UAAO;cAAalB,QAAA,kBAAAf,IAAA,CAAAO,IAAA;gBAEzBc,KAAA;gBAEJD,UAAA;gBACFE,QAAA;gBAEJP,QAAA,EAAAD;cAEJ,I","ignoreList":[]}

package/dist/esm/BuildAButtonDemo.mjs

@@ -1,106 +0,0 @@
-import { Drumstick, Hand } from "@hanzogui/lucide-icons-2";
-import { Button, XStack, YStack } from "@hanzo/gui";
-import { jsx, jsxs } from "react/jsx-runtime";
-const outlined = {
-  bg: "transparent",
-  borderWidth: 2,
-  borderColor: "$background",
-  rounded: "$10",
-  hoverStyle: {
-    bg: "transparent",
-    borderColor: "$backgroundPress"
-  }
-};
-function BuildAButtonDemo() {
-  return /* @__PURE__ */jsx(YStack, {
-    fullscreen: true,
-    overflow: "hidden",
-    children: /* @__PURE__ */jsxs(XStack, {
-      maxH: 200,
-      y: -100,
-      x: -40,
-      rotate: "-10deg",
-      children: [/* @__PURE__ */jsx(ButtonCol, {
-        y: 35,
-        size: "$2",
-        ...outlined,
-        subTheme: "surface1",
-        borderWidth: 1
-      }), /* @__PURE__ */jsx(ButtonCol, {
-        y: 30
-      }), /* @__PURE__ */jsx(ButtonCol, {
-        y: -50,
-        ...outlined
-      }), /* @__PURE__ */jsx(ButtonCol, {
-        ...outlined,
-        icon: /* @__PURE__ */jsx(Hand, {})
-      }), /* @__PURE__ */jsx(ButtonCol, {
-        size: "$6",
-        subTheme: "surface2"
-      }), /* @__PURE__ */jsx(ButtonCol, {
-        size: "$6",
-        subTheme: "surface2",
-        ...outlined
-      }), /* @__PURE__ */jsx(ButtonCol, {
-        size: "$8",
-        subTheme: "surface2",
-        iconAfter: /* @__PURE__ */jsx(Drumstick, {}),
-        ...outlined
-      }), /* @__PURE__ */jsx(ButtonCol, {
-        size: "$10",
-        subTheme: "surface1"
-      }), /* @__PURE__ */jsx(ButtonCol, {
-        size: "$8",
-        subTheme: "surface2",
-        ...outlined,
-        rounded: 0
-      })]
-    })
-  });
-}
-function ButtonCol(props) {
-  const {
-    subTheme,
-    ...buttonProps
-  } = props;
-  const subThemeSuffix = subTheme ? `_${subTheme}` : "";
-  return /* @__PURE__ */jsxs(YStack, {
-    p: "$2",
-    gap: "$3",
-    children: [/* @__PURE__ */jsx(Button, {
-      theme: props.subTheme,
-      ...props,
-      children: "Hello"
-    }), /* @__PURE__ */jsx(Button, {
-      theme: "orange" + subThemeSuffix,
-      ...buttonProps,
-      children: "Hello"
-    }), /* @__PURE__ */jsx(Button, {
-      theme: "yellow" + subThemeSuffix,
-      ...buttonProps,
-      children: "Hello"
-    }), /* @__PURE__ */jsx(Button, {
-      theme: "green" + subThemeSuffix,
-      ...buttonProps,
-      children: "Hello"
-    }), /* @__PURE__ */jsx(Button, {
-      theme: "blue" + subThemeSuffix,
-      ...buttonProps,
-      children: "Hello"
-    }), /* @__PURE__ */jsx(Button, {
-      theme: "purple" + subThemeSuffix,
-      ...buttonProps,
-      children: "Hello"
-    }), /* @__PURE__ */jsx(Button, {
-      theme: "pink" + subThemeSuffix,
-      ...buttonProps,
-      children: "Hello"
-    }), /* @__PURE__ */jsx(Button, {
-      theme: "red" + subThemeSuffix,
-      ...buttonProps,
-      children: "Hello"
-    })]
-  });
-}
-export { BuildAButtonDemo };
-//# sourceMappingURL=BuildAButtonDemo.mjs.map

package/dist/esm/BuildAButtonDemo.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["Drumstick","Hand","Button","XStack","YStack","jsx","jsxs","outlined","bg","borderWidth","borderColor","rounded","hoverStyle","BuildAButtonDemo","fullscreen","overflow","children","maxH","y","x","rotate","ButtonCol","size","subTheme","icon","iconAfter","props","buttonProps","subThemeSuffix","p","gap","theme"],"sources":["../../src/BuildAButtonDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/BuildAButtonDemo.native.js

@@ -1,106 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Drumstick, Hand } from "@hanzogui/lucide-icons-2";
-import { Button, XStack, YStack } from "@hanzo/gui";
-var outlined = {
-  bg: "transparent",
-  borderWidth: 2,
-  borderColor: "$background",
-  rounded: "$10",
-  hoverStyle: {
-    bg: "transparent",
-    borderColor: "$backgroundPress"
-  }
-};
-function BuildAButtonDemo() {
-  return /* @__PURE__ */_jsx(YStack, {
-    fullscreen: true,
-    overflow: "hidden",
-    children: /* @__PURE__ */_jsxs(XStack, {
-      maxH: 200,
-      y: -100,
-      x: -40,
-      rotate: "-10deg",
-      children: [/* @__PURE__ */_jsx(ButtonCol, {
-        y: 35,
-        size: "$2",
-        ...outlined,
-        subTheme: "surface1",
-        borderWidth: 1
-      }), /* @__PURE__ */_jsx(ButtonCol, {
-        y: 30
-      }), /* @__PURE__ */_jsx(ButtonCol, {
-        y: -50,
-        ...outlined
-      }), /* @__PURE__ */_jsx(ButtonCol, {
-        ...outlined,
-        icon: /* @__PURE__ */_jsx(Hand, {})
-      }), /* @__PURE__ */_jsx(ButtonCol, {
-        size: "$6",
-        subTheme: "surface2"
-      }), /* @__PURE__ */_jsx(ButtonCol, {
-        size: "$6",
-        subTheme: "surface2",
-        ...outlined
-      }), /* @__PURE__ */_jsx(ButtonCol, {
-        size: "$8",
-        subTheme: "surface2",
-        iconAfter: /* @__PURE__ */_jsx(Drumstick, {}),
-        ...outlined
-      }), /* @__PURE__ */_jsx(ButtonCol, {
-        size: "$10",
-        subTheme: "surface1"
-      }), /* @__PURE__ */_jsx(ButtonCol, {
-        size: "$8",
-        subTheme: "surface2",
-        ...outlined,
-        rounded: 0
-      })]
-    })
-  });
-}
-function ButtonCol(props) {
-  var {
-    subTheme,
-    ...buttonProps
-  } = props;
-  var subThemeSuffix = subTheme ? `_${subTheme}` : "";
-  return /* @__PURE__ */_jsxs(YStack, {
-    p: "$2",
-    gap: "$3",
-    children: [/* @__PURE__ */_jsx(Button, {
-      theme: props.subTheme,
-      ...props,
-      children: "Hello"
-    }), /* @__PURE__ */_jsx(Button, {
-      theme: "orange" + subThemeSuffix,
-      ...buttonProps,
-      children: "Hello"
-    }), /* @__PURE__ */_jsx(Button, {
-      theme: "yellow" + subThemeSuffix,
-      ...buttonProps,
-      children: "Hello"
-    }), /* @__PURE__ */_jsx(Button, {
-      theme: "green" + subThemeSuffix,
-      ...buttonProps,
-      children: "Hello"
-    }), /* @__PURE__ */_jsx(Button, {
-      theme: "blue" + subThemeSuffix,
-      ...buttonProps,
-      children: "Hello"
-    }), /* @__PURE__ */_jsx(Button, {
-      theme: "purple" + subThemeSuffix,
-      ...buttonProps,
-      children: "Hello"
-    }), /* @__PURE__ */_jsx(Button, {
-      theme: "pink" + subThemeSuffix,
-      ...buttonProps,
-      children: "Hello"
-    }), /* @__PURE__ */_jsx(Button, {
-      theme: "red" + subThemeSuffix,
-      ...buttonProps,
-      children: "Hello"
-    })]
-  });
-}
-export { BuildAButtonDemo };
-//# sourceMappingURL=BuildAButtonDemo.native.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Drumstick","Hand","Button","XStack","YStack","outlined","bg","borderWidth","borderColor","rounded","hoverStyle","BuildAButtonDemo","fullscreen","overflow","children","maxH","y","x","rotate","ButtonCol","size","subTheme","icon"],"sources":["../../src/BuildAButtonDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAY;AAEhC,SAASC,SAAQ,EAAAC,IAAA,QAAQ,0BAAc;AAiBjC,SACEC,MADF,EAAAC,MAAA,EAAAC,MAAA;AAfN,IAAAC,QAAM;EACJC,EAAA,EAAI;EACJC,WAAA,EAAa;EACbC,WAAA,EAAa;EACbC,OAAA,EAAS;EAETC,UAAA,EAAY;IACVJ,EAAA,EAAI;IACJE,WAAA,EAAa;EACf;AACF;AAEO,SAASG,iBAAA,EAAmB;EACjC,OACE,eAAAd,IAAC,CAAAO,MAAA;IAEGQ,UAAA;IACAC,QAAA;IACAC,QAAA,iBAACf,KAAA,CAAAI,MAAa;MACdY,IAAA;MACAC,CAAA;MACAC,CAAA;MACAC,MAAA;MAACJ,QAAA,kBAAAjB,IAAA,CAAAsB,SAAA;QACCH,CAAA,IAAK;QACLI,IAAA,MAAS;QACT,GAAAf,QAAW;QACVgB,QAAG;QAAAd,WAAA;MACN,IACA,eAACV,IAAA,CAAAsB,SAAU;QACXH,CAAA;MAEJ,IAEJ,eAAAnB,IAAA,CAAAsB,SAAA;QAESH,CAAA;QACC,GAAAX;MACF,IAEN,eACER,IAAA,CAAAsB,SAAC,EAAO;QACN,GAAAd,QAAA;QAGAiB,IAAA,iBAACzB,IAAO,CAAAI,IAAQ;MAGhB,IAGA,eAACJ,IAAA,CAAAsB,SAAO;QAGRC,IAAA;QAGAC,QAAA;MAGA,IAGA,eAACxB,IAAA,CAAAsB,SAAO;QAGVC,IAAA;QAEJC,QAAA","ignoreList":[]}

package/dist/esm/ButtonDemo.mjs

@@ -1,66 +0,0 @@
-import { Button } from "@hanzogui/button";
-import { Activity, Airplay } from "@hanzogui/lucide-icons-2";
-import { Theme, XGroup, XStack, YStack } from "@hanzo/gui";
-import { jsx, jsxs } from "react/jsx-runtime";
-function ButtonDemo() {
-  return /* @__PURE__ */jsxs(YStack, {
-    p: "$3",
-    gap: "$3",
-    children: [/* @__PURE__ */jsx(Button, {
-      children: "Plain"
-    }), /* @__PURE__ */jsx(Button, {
-      self: "center",
-      icon: Airplay,
-      size: "$6",
-      children: "Large"
-    }), /* @__PURE__ */jsxs(XStack, {
-      gap: "$2",
-      justify: "center",
-      children: [/* @__PURE__ */jsx(Button, {
-        size: "$3",
-        theme: "accent",
-        children: "Active"
-      }), /* @__PURE__ */jsx(Button, {
-        size: "$3",
-        variant: "outlined",
-        children: "Outlined"
-      })]
-    }), /* @__PURE__ */jsxs(XStack, {
-      gap: "$2",
-      justify: "center",
-      children: [/* @__PURE__ */jsx(Theme, {
-        name: "accent",
-        children: /* @__PURE__ */jsxs(Button, {
-          size: "$3",
-          children: [/* @__PURE__ */jsx(Button.Icon, {
-            children: /* @__PURE__ */jsx(Activity, {})
-          }), /* @__PURE__ */jsx(Button.Text, {
-            children: "Inverse"
-          })]
-        })
-      }), /* @__PURE__ */jsx(Button, {
-        iconAfter: Activity,
-        size: "$3",
-        children: "iconAfter"
-      })]
-    }), /* @__PURE__ */jsxs(XGroup, {
-      children: [/* @__PURE__ */jsx(XGroup.Item, {
-        children: /* @__PURE__ */jsx(Button, {
-          width: "50%",
-          size: "$2",
-          disabled: true,
-          opacity: 0.5,
-          children: "disabled"
-        })
-      }), /* @__PURE__ */jsx(XGroup.Item, {
-        children: /* @__PURE__ */jsx(Button, {
-          width: "50%",
-          size: "$2",
-          children: "plain"
-        })
-      })]
-    })]
-  });
-}
-export { ButtonDemo };
-//# sourceMappingURL=ButtonDemo.mjs.map

package/dist/esm/ButtonDemo.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["Button","Activity","Airplay","Theme","XGroup","XStack","YStack","jsx","jsxs","ButtonDemo","p","gap","children","self","icon","size","justify","theme","variant","name","Icon","Text","iconAfter","Item","width","disabled","opacity"],"sources":["../../src/ButtonDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,QAAc;AACvB,SAASC,QAAA,EAAUC,OAAA,QAAe;AAClC,SAASC,KAAA,EAAOC,MAAA,EAAQC,MAAA,EAAQC,MAAA,QAAc;AAKxC,SAAAC,GAAA,EAIAC,IAAA,QAJA;AAHC,SAASC,WAAA,EAAa;EAC3B,OACE,eAAAD,IAAA,CAACF,MAAA;IAAOI,CAAA,EAAE;IAAKC,GAAA,EAAI;IACjBC,QAAA,kBAAAL,GAAA,CAACP,MAAA;MAAOY,QAAA;IAAA,CAAK,GACb,eAAAL,GAAA,CAACP,MAAA;MAAOa,IAAA,EAAK;MAASC,IAAA,EAAMZ,OAAA;MAASa,IAAA,EAAK;MAAKH,QAAA;IAAA,CAE/C,GACA,eAAAJ,IAAA,CAACH,MAAA;MAAOM,GAAA,EAAI;MAAKK,OAAA,EAAQ;MACvBJ,QAAA,kBAAAL,GAAA,CAACP,MAAA;QAAOe,IAAA,EAAK;QAAKE,KAAA,EAAM;QAASL,QAAA;MAAA,CAEjC,GACA,eAAAL,GAAA,CAACP,MAAA;QAAOe,IAAA,EAAK;QAAKG,OAAA,EAAQ;QAAWN,QAAA;MAAA,CAErC;IAAA,CACF,GACA,eAAAJ,IAAA,CAACH,MAAA;MAAOM,GAAA,EAAI;MAAKK,OAAA,EAAQ;MACvBJ,QAAA,kBAAAL,GAAA,CAACJ,KAAA;QAAMgB,IAAA,EAAK;QACVP,QAAA,iBAAAJ,IAAA,CAACR,MAAA;UAAOe,IAAA,EAAK;UACXH,QAAA,kBAAAL,GAAA,CAACP,MAAA,CAAOoB,IAAA,EAAP;YACCR,QAAA,iBAAAL,GAAA,CAACN,QAAA,IAAS;UAAA,CACZ,GACA,eAAAM,GAAA,CAACP,MAAA,CAAOqB,IAAA,EAAP;YAAYT,QAAA;UAAA,CAAO;QAAA,CACtB;MAAA,CACF,GACA,eAAAL,GAAA,CAACP,MAAA;QAAOsB,SAAA,EAAWrB,QAAA;QAAUc,IAAA,EAAK;QAAKH,QAAA;MAAA,CAEvC;IAAA,CACF,GAEA,eAAAJ,IAAA,CAACJ,MAAA;MACCQ,QAAA,kBAAAL,GAAA,CAACH,MAAA,CAAOmB,IAAA,EAAP;QACCX,QAAA,iBAAAL,GAAA,CAACP,MAAA;UAAOwB,KAAA,EAAM;UAAMT,IAAA,EAAK;UAAKU,QAAA,EAAQ;UAACC,OAAA,EAAS;UAAKd,QAAA;QAAA,CAErD;MAAA,CACF,GAEA,eAAAL,GAAA,CAACH,MAAA,CAAOmB,IAAA,EAAP;QACCX,QAAA,iBAAAL,GAAA,CAACP,MAAA;UAAOwB,KAAA,EAAM;UAAMT,IAAA,EAAK;UAAKH,QAAA;QAAA,CAE9B;MAAA,CACF;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}

package/dist/esm/ButtonDemo.native.js

@@ -1,66 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from "@hanzogui/button";
-import { Activity, Airplay } from "@hanzogui/lucide-icons-2";
-import { Theme, XGroup, XStack, YStack } from "@hanzo/gui";
-function ButtonDemo() {
-  return /* @__PURE__ */_jsxs(YStack, {
-    p: "$3",
-    gap: "$3",
-    children: [/* @__PURE__ */_jsx(Button, {
-      children: "Plain"
-    }), /* @__PURE__ */_jsx(Button, {
-      self: "center",
-      icon: Airplay,
-      size: "$6",
-      children: "Large"
-    }), /* @__PURE__ */_jsxs(XStack, {
-      gap: "$2",
-      justify: "center",
-      children: [/* @__PURE__ */_jsx(Button, {
-        size: "$3",
-        theme: "accent",
-        children: "Active"
-      }), /* @__PURE__ */_jsx(Button, {
-        size: "$3",
-        variant: "outlined",
-        children: "Outlined"
-      })]
-    }), /* @__PURE__ */_jsxs(XStack, {
-      gap: "$2",
-      justify: "center",
-      children: [/* @__PURE__ */_jsx(Theme, {
-        name: "accent",
-        children: /* @__PURE__ */_jsxs(Button, {
-          size: "$3",
-          children: [/* @__PURE__ */_jsx(Button.Icon, {
-            children: /* @__PURE__ */_jsx(Activity, {})
-          }), /* @__PURE__ */_jsx(Button.Text, {
-            children: "Inverse"
-          })]
-        })
-      }), /* @__PURE__ */_jsx(Button, {
-        iconAfter: Activity,
-        size: "$3",
-        children: "iconAfter"
-      })]
-    }), /* @__PURE__ */_jsxs(XGroup, {
-      children: [/* @__PURE__ */_jsx(XGroup.Item, {
-        children: /* @__PURE__ */_jsx(Button, {
-          width: "50%",
-          size: "$2",
-          disabled: true,
-          opacity: 0.5,
-          children: "disabled"
-        })
-      }), /* @__PURE__ */_jsx(XGroup.Item, {
-        children: /* @__PURE__ */_jsx(Button, {
-          width: "50%",
-          size: "$2",
-          children: "plain"
-        })
-      })]
-    })]
-  });
-}
-export { ButtonDemo };
-//# sourceMappingURL=ButtonDemo.native.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Button","Activity","Airplay","Theme","XGroup","XStack","YStack","ButtonDemo","p","gap","children","self","icon","size","justify","theme"],"sources":["../../src/ButtonDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAc,IAAAC,KAAA;AACvB,SAASC,MAAA,QAAU,kBAAe;AAClC,SAASC,QAAO,EAAAC,OAAQ,QAAQ,0BAAc;AAKxC,SAAAC,KAIA,EAAAC,MAAA,EAAAC,MAJA,EAAAC,MAAA;AAHC,SAASC,WAAA,EAAa;EAC3B,OACE,eAAAR,KAAC,CAAAO,MAAA;IACCE,CAAA;IACAC,GAAA;IAGAC,QAAA,GACE,eAAAb,IAAC,CAAAG,MAAA;MAGDU,QAAA;IAEA,CACF,GACA,eAAAb,IAAC,CAAAG,MAAA,EAAO;MACNW,IAAA;MAEIC,IAAA,EAAAV,OAAA;MAGAW,IAAA;MAAoBH,QAExB;IACA,IAEA,eACFX,KAAA,CAAAM,MAAA;MAEAI,GAAA;MACEK,OAAA;MAMAJ,QAAA,GAKF,eAAAb,IAAA,CAAAG,MAAA;QACFa,IAAA;QAEJE,KAAA","ignoreList":[]}