@hanzogui/stacks 7.0.0 → 7.3.0

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","getElevation_exports","__export","getElevation","getSizedElevation","module","exports","import_core","require","size","extras","tokens","token","sizeNum","isVariable","val","param","theme","num","_$val","getVariableValue","height","shadowRadius","Math","round","shadow","shadowColor","shadowOffset"],"sources":["../../src/getElevation.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;AAMAC,MAAA,CAAAC,OAAA,GAAAV,YAAwD,CAAAK,oBAAA;AAEjD,IAAAM,WAAM,GAAAC,OAAsD,iBAAiB;AAClF,IAAAL,YAAW,YAAAA,CAAAM,IAAA,EAAAC,MAAA;EACX,KAAAD,IAAQ;EACR;IAAME;EAAA,CAAQ,GAAAD,MAAO;EACrB,IAAAE,KAAM,GAAAD,MAAA,CAAAF,IAAW,CAAAA,IAAA;EACjB,IAAAI,OAAO,OAAAN,WAAkB,CAAAO,UAAe,EAAAF,KAAA,KAAAA,KAAA,CAAAG,GAAA,GAAAN,IAAA;EAC1C,OAAAL,iBAAA,CAAAS,OAAA,EAAAH,MAAA;AAEO;AAIL,IAAAN,iBAAU,YAAAA,CAAAW,GAAA,EAAAC,KAAA;EACV,IAAI;IAAAC,KAAA;IAAQN;EAAM,IAAAK,KAAA;EAChB,IAAAE,GAAA,GAAM;EACN,IAAAH,GAAI,SAAO;IACT,IAAAI,KAAM,OAAAZ,WAAA,CAAAa,gBAAA,EAAAT,MAAA,CAAAF,IAAA;IACR,WAAOU,KAAA;MACLD,GAAA,GAAMC,KAAA;IACR;MACFD,GAAO;IACL;EACF;IACAA,GAAI,IAAAH,GAAQ;EACV;EACF,IAAAG,GAAA;IACA;EACA;EAAe,IACb,CAAAG,MAAA,EAAAC,YAAmB,KACnBC,IAAA,CAAAC,KAAA,CAAAN,GAAA,WACAK,IAAA,CAAAC,KAAA,CAAAN,GAAc,GAAE,OAAiB;EAE7B,IACEO,MAAA;IACFC,WACC,EAAAT,KAAA,CAAAS,WAAA;IACPJ,YAAA;IACAK,YAAO;MACTN,MAAA","ignoreList":[]}

package/dist/cjs/index.cjs

@@ -0,0 +1,24 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var index_exports = {};
+module.exports = __toCommonJS(index_exports);
+__reExport(index_exports, require("./Stacks.cjs"), module.exports);
+__reExport(index_exports, require("./ThemeableStack.cjs"), module.exports);
+__reExport(index_exports, require("./SizableStack.cjs"), module.exports);
+__reExport(index_exports, require("./NestingContext.cjs"), module.exports);
+__reExport(index_exports, require("./getElevation.cjs"), module.exports);

package/dist/cjs/index.native.js

@@ -0,0 +1,27 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var index_exports = {};
+module.exports = __toCommonJS(index_exports);
+__reExport(index_exports, require("./Stacks.native.js"), module.exports);
+__reExport(index_exports, require("./ThemeableStack.native.js"), module.exports);
+__reExport(index_exports, require("./SizableStack.native.js"), module.exports);
+__reExport(index_exports, require("./NestingContext.native.js"), module.exports);
+__reExport(index_exports, require("./getElevation.native.js"), module.exports);
+//# sourceMappingURL=index.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","index_exports","module","exports","__reExport","require"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAP,YAAc,CAAAK,aAAA;AACdG,UAAA,CAAAH,aAAA,EAAcI,OAAA,wBAAAH,MAAA,CAAAC,OADd;AAEAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,8BAFd,EAAAH,MAAA,CAAAC,OAAA;AAGAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,8BAAAH,MAHd,CAAAC,OAAA;AAIAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,8BAJd,EAAAH,MAAA,CAAAC,OAAA","ignoreList":[]}

package/dist/cjs/variants.cjs

@@ -0,0 +1,68 @@
+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 variants_exports = {};
+__export(variants_exports, {
+  bordered: () => bordered,
+  circular: () => circular,
+  elevate: () => elevate
+});
+module.exports = __toCommonJS(variants_exports);
+var import_getElevation = require("./getElevation.cjs");
+const elevate = {
+  true: (_, extras) => {
+    return (0, import_getElevation.getElevation)(extras.props["size"], extras);
+  }
+};
+const bordered = (val, {
+  props
+}) => {
+  return {
+    // TODO size it with size in '...size'
+    borderWidth: typeof val === "number" ? val : 1,
+    borderColor: "$borderColor"
+  };
+};
+const circularStyle = {
+  borderRadius: 1e5,
+  padding: 0
+};
+const circular = {
+  true: (_, {
+    props,
+    tokens
+  }) => {
+    if (!("size" in props)) {
+      return circularStyle;
+    }
+    const size = typeof props.size === "number" ? props.size : tokens.size[props.size];
+    return {
+      ...circularStyle,
+      width: size,
+      height: size,
+      maxWidth: size,
+      maxHeight: size,
+      minWidth: size,
+      minHeight: size
+    };
+  }
+};

package/dist/cjs/variants.native.js

@@ -0,0 +1,73 @@
+"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 variants_exports = {};
+__export(variants_exports, {
+  bordered: () => bordered,
+  circular: () => circular,
+  elevate: () => elevate
+});
+module.exports = __toCommonJS(variants_exports);
+var import_getElevation = require("./getElevation.native.js");
+var elevate = {
+  true: function (_, extras) {
+    return (0, import_getElevation.getElevation)(extras.props["size"], extras);
+  }
+};
+var bordered = function (val, param) {
+  var {
+    props
+  } = param;
+  return {
+    // TODO size it with size in '...size'
+    borderWidth: typeof val === "number" ? val : 1,
+    borderColor: "$borderColor"
+  };
+};
+var circularStyle = {
+  borderRadius: 1e5,
+  padding: 0
+};
+var circular = {
+  true: function (_, param) {
+    var {
+      props,
+      tokens
+    } = param;
+    if (!("size" in props)) {
+      return circularStyle;
+    }
+    var size = typeof props.size === "number" ? props.size : tokens.size[props.size];
+    return {
+      ...circularStyle,
+      width: size,
+      height: size,
+      maxWidth: size,
+      maxHeight: size,
+      minWidth: size,
+      minHeight: size
+    };
+  }
+};
+//# sourceMappingURL=variants.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","variants_exports","__export","bordered","circular","elevate","module","exports","import_getElevation","require","true","_","extras","getElevation","props","val","param","borderWidth","borderColor","circularStyle","borderRadius","padding","tokens","size","width","height","maxWidth","maxHeight","minWidth","minHeight"],"sources":["../../src/variants.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,QAAA;EAAAC,OAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAX,YAA6B,CAAAK,gBAAA;AAEtB,IAAAO,mBAAgB,GAAAC,OAAA;AAAA,IACrBJ,OAAO,GAAY;EACjBK,IAAA,WAAAA,CAAOC,CAAA,EAAAC,MAAA;IACT,WAAAJ,mBAAA,CAAAK,YAAA,EAAAD,MAAA,CAAAE,KAAA,UAAAF,MAAA;EACF;AAEO;AACL,IAAAT,QAAO,YAAAA,CAAAY,GAAA,EAAAC,KAAA;EAAA;IAAAF;EAAA,IAAAE,KAAA;EAAA,OAEL;IACA;IACFC,WAAA,SAAAF,GAAA,gBAAAA,GAAA;IACFG,WAAA;EAEA;AAAsB;AACN,IACdC,aAAS;EACXC,YAAA;EAEOC,OAAM;AAAW;AAEpB,IAAAjB,QAAM;EACJM,IAAA,WAAAA,CAAOC,CAAA,EAAAK,KAAA;IACT;MAAAF,KAAA;MAAAQ;IAAA,IAAAN,KAAA;IACA,MAAM,UAAOF,KAAO;MACpB,OAAOK,aAAA;IAAA;IACF,IACHI,IAAA,GAAO,OAAAT,KAAA,CAAAS,IAAA,gBAAAT,KAAA,CAAAS,IAAA,GAAAD,MAAA,CAAAC,IAAA,CAAAT,KAAA,CAAAS,IAAA;IAAA,OACP;MACA,GAAAJ,aAAU;MACVK,KAAA,EAAAD,IAAW;MACXE,MAAA,EAAAF,IAAU;MACVG,QAAA,EAAAH,IAAW;MACbI,SAAA,EAAAJ,IAAA;MACFK,QAAA,EAAAL,IAAA;MACFM,SAAA,EAAAN","ignoreList":[]}

package/dist/esm/NestingContext.mjs

@@ -0,0 +1,4 @@
+import React from "react";
+const ButtonNestingContext = React.createContext(false);
+export { ButtonNestingContext };
+//# sourceMappingURL=NestingContext.mjs.map

package/dist/esm/NestingContext.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ButtonNestingContext","createContext"],"sources":["../../src/NestingContext.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAEX,MAAMC,oBAAA,GAAuBD,KAAA,CAAME,aAAA,CAAc,KAAK","ignoreList":[]}

package/dist/esm/NestingContext.native.js

@@ -0,0 +1,4 @@
+import React from "react";
+var ButtonNestingContext = /* @__PURE__ */React.createContext(false);
+export { ButtonNestingContext };
+//# sourceMappingURL=NestingContext.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","ButtonNestingContext","createContext"],"sources":["../../src/NestingContext.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAEX,IAAAC,oBAAM,kBAA6BD,KAAA,CAAcE,aAAK","ignoreList":[]}

package/dist/esm/SizableStack.mjs

@@ -0,0 +1,27 @@
+import { styled } from "@hanzogui/core";
+import { getButtonSized } from "@hanzogui/get-button-sized";
+import { ThemeableStack } from "./ThemeableStack.mjs";
+import { bordered, circular, elevate } from "./variants.mjs";
+const SizableStack = styled(ThemeableStack, {
+  name: "SizableStack",
+  variants: {
+    unstyled: {
+      true: {
+        elevate: false,
+        bordered: false
+      }
+    },
+    circular,
+    elevate,
+    bordered: {
+      true: bordered
+    },
+    size: {
+      "...size": (val, extras) => {
+        return getButtonSized(val, extras);
+      }
+    }
+  }
+});
+export { SizableStack };
+//# sourceMappingURL=SizableStack.mjs.map

package/dist/esm/SizableStack.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["styled","getButtonSized","ThemeableStack","bordered","circular","elevate","SizableStack","name","variants","unstyled","true","size","...size","val","extras"],"sources":["../../src/SizableStack.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,QAAc;AACvB,SAASC,cAAA,QAAsB;AAE/B,SAASC,cAAA,QAAsB;AAC/B,SAASC,QAAA,EAAUC,QAAA,EAAUC,OAAA,QAAe;AAErC,MAAMC,YAAA,GAAeN,MAAA,CAAOE,cAAA,EAAgB;EACjDK,IAAA,EAAM;EAENC,QAAA,EAAU;IACRC,QAAA,EAAU;MACRC,IAAA,EAAM;QACJL,OAAA,EAAS;QACTF,QAAA,EAAU;MACZ;IACF;IAEAC,QAAA;IACAC,OAAA;IAEAF,QAAA,EAAU;MACRO,IAAA,EAAMP;IACR;IAEAQ,IAAA,EAAM;MACJ,WAAWC,CAACC,GAAA,EAAKC,MAAA,KAAW;QAC1B,OAAOb,cAAA,CAAeY,GAAA,EAAKC,MAAM;MACnC;IACF;EACF;AACF,CAAC","ignoreList":[]}

package/dist/esm/SizableStack.native.js

@@ -0,0 +1,27 @@
+import { styled } from "@hanzogui/core";
+import { getButtonSized } from "@hanzogui/get-button-sized";
+import { ThemeableStack } from "./ThemeableStack.native.js";
+import { bordered, circular, elevate } from "./variants.native.js";
+var SizableStack = styled(ThemeableStack, {
+  name: "SizableStack",
+  variants: {
+    unstyled: {
+      true: {
+        elevate: false,
+        bordered: false
+      }
+    },
+    circular,
+    elevate,
+    bordered: {
+      true: bordered
+    },
+    size: {
+      "...size": function (val, extras) {
+        return getButtonSized(val, extras);
+      }
+    }
+  }
+});
+export { SizableStack };
+//# sourceMappingURL=SizableStack.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["styled","getButtonSized","ThemeableStack","bordered","circular","elevate","SizableStack","name","variants","unstyled","true","size","...size","val","extras"],"sources":["../../src/SizableStack.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,QAAc;AACvB,SAASC,cAAA,QAAsB;AAE/B,SAASC,cAAA,QAAsB;AAC/B,SAASC,QAAA,EAAUC,QAAA,EAAUC,OAAA,QAAe;AAErC,IAAAC,YAAM,GAAAN,MAAe,CAAAE,cAAO;EACjCK,IAAA,EAAM;EAENC,QAAA,EAAU;IACRC,QAAA,EAAU;MACRC,IAAA,EAAM;QACJL,OAAA,EAAS;QACTF,QAAA,EAAU;MACZ;IACF;IAEAC,QAAA;IACAC,OAAA;IAEAF,QAAA,EAAU;MACRO,IAAA,EAAMP;IACR;IAEAQ,IAAA,EAAM;MACJ,WAAW,SAAAC,CAAMC,GAAA,EAAAC,MAAW;QAC1B,OAAOb,cAAA,CAAeY,GAAA,EAAKC,MAAM;MACnC;IACF;EACF;AACF,CAAC","ignoreList":[]}

package/dist/esm/Stacks.mjs

@@ -0,0 +1,34 @@
+import { View, styled } from "@hanzogui/core";
+import { getElevation } from "./getElevation.mjs";
+const fullscreenStyle = {
+  position: "absolute",
+  inset: 0
+};
+const variants = {
+  fullscreen: {
+    true: fullscreenStyle
+  },
+  elevation: {
+    "...size": getElevation,
+    ":number": getElevation
+  }
+};
+const YStack = styled(View, {
+  flexDirection: "column",
+  variants
+});
+YStack["displayName"] = "YStack";
+const XStack = styled(View, {
+  flexDirection: "row",
+  variants
+});
+XStack["displayName"] = "XStack";
+const ZStack = styled(YStack, {
+  position: "relative"
+}, {
+  neverFlatten: true,
+  isZStack: true
+});
+ZStack["displayName"] = "ZStack";
+export { XStack, YStack, ZStack, fullscreenStyle };
+//# sourceMappingURL=Stacks.mjs.map

package/dist/esm/Stacks.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","styled","getElevation","fullscreenStyle","position","inset","variants","fullscreen","true","elevation","YStack","flexDirection","XStack","ZStack","neverFlatten","isZStack"],"sources":["../../src/Stacks.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,IAAA,EAAMC,MAAA,QAAc;AAE7B,SAASC,YAAA,QAAoB;AAiBtB,MAAMC,eAAA,GAAkB;EAC7BC,QAAA,EAAU;EACVC,KAAA,EAAO;AACT;AAEA,MAAMC,QAAA,GAAW;EACfC,UAAA,EAAY;IACVC,IAAA,EAAML;EACR;EAEAM,SAAA,EAAW;IACT,WAAWP,YAAA;IACX,WAAWA;EACb;AACF;AAMO,MAAMQ,MAAA,GAAST,MAAA,CAAOD,IAAA,EAAM;EACjCW,aAAA,EAAe;EACfL;AACF,CAAC;AAEDI,MAAA,CAAO,aAAa,IAAI;AAMjB,MAAME,MAAA,GAASX,MAAA,CAAOD,IAAA,EAAM;EACjCW,aAAA,EAAe;EACfL;AACF,CAAC;AAEDM,MAAA,CAAO,aAAa,IAAI;AAMjB,MAAMC,MAAA,GAASZ,MAAA,CACpBS,MAAA,EACA;EACEN,QAAA,EAAU;AACZ,GACA;EACEU,YAAA,EAAc;EACdC,QAAA,EAAU;AACZ,CACF;AAEAF,MAAA,CAAO,aAAa,IAAI","ignoreList":[]}

package/dist/esm/Stacks.native.js

@@ -0,0 +1,34 @@
+import { View, styled } from "@hanzogui/core";
+import { getElevation } from "./getElevation.native.js";
+var fullscreenStyle = {
+  position: "absolute",
+  inset: 0
+};
+var variants = {
+  fullscreen: {
+    true: fullscreenStyle
+  },
+  elevation: {
+    "...size": getElevation,
+    ":number": getElevation
+  }
+};
+var YStack = styled(View, {
+  flexDirection: "column",
+  variants
+});
+YStack["displayName"] = "YStack";
+var XStack = styled(View, {
+  flexDirection: "row",
+  variants
+});
+XStack["displayName"] = "XStack";
+var ZStack = styled(YStack, {
+  position: "relative"
+}, {
+  neverFlatten: true,
+  isZStack: true
+});
+ZStack["displayName"] = "ZStack";
+export { XStack, YStack, ZStack, fullscreenStyle };
+//# sourceMappingURL=Stacks.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["View","styled","getElevation","fullscreenStyle","position","inset","variants","fullscreen","true","elevation","YStack","flexDirection","XStack","ZStack","neverFlatten","isZStack"],"sources":["../../src/Stacks.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,IAAA,EAAMC,MAAA,QAAc;AAE7B,SAASC,YAAA,QAAoB;AAiBtB,IAAAC,eAAM;EACXC,QAAA,EAAU;EACVC,KAAA,EAAO;AACT;AAEA,IAAAC,QAAM;EACJC,UAAA,EAAY;IACVC,IAAA,EAAML;EACR;EAEAM,SAAA,EAAW;IACT,WAAWP,YAAA;IACX,WAAWA;EACb;AACF;AAMO,IAAAQ,MAAM,GAAAT,MAAS,CAAAD,IAAO;EAC3BW,aAAA,EAAe;EACfL;AACF,CAAC;AAEDI,MAAA,CAAO,aAAa,IAAI;AAMjB,IAAAE,MAAM,GAAAX,MAAS,CAAAD,IAAO;EAC3BW,aAAA,EAAe;EACfL;AACF,CAAC;AAEDM,MAAA,CAAO,aAAa,IAAI;AAMjB,IAAAC,MAAM,GAAAZ,MAAS,CAAAS,MAAA;EACpBN,QAAA;AAAA,GACA;EAAAU,YACY;EACZC,QAAA;AAAA,EACA;AAAAF,MACE,cAAc;AAAA,SAEhBD,MAAA,EACFF,MAAA,EAEAG,MAAO,E","ignoreList":[]}

package/dist/esm/ThemeableStack.mjs

@@ -0,0 +1,37 @@
+import { styled } from "@hanzogui/core";
+import { YStack } from "./Stacks.mjs";
+import { bordered, circular, elevate } from "./variants.mjs";
+const chromelessStyle = {
+  backgroundColor: "transparent",
+  borderColor: "transparent",
+  shadowColor: "transparent",
+  hoverStyle: {
+    borderColor: "transparent"
+  }
+};
+const themeableVariants = {
+  circular,
+  elevate,
+  bordered: {
+    true: bordered
+  },
+  transparent: {
+    true: {
+      backgroundColor: "transparent"
+    }
+  },
+  chromeless: {
+    true: chromelessStyle,
+    all: {
+      ...chromelessStyle,
+      hoverStyle: chromelessStyle,
+      pressStyle: chromelessStyle,
+      focusStyle: chromelessStyle
+    }
+  }
+};
+const ThemeableStack = styled(YStack, {
+  variants: themeableVariants
+});
+export { ThemeableStack, themeableVariants };
+//# sourceMappingURL=ThemeableStack.mjs.map

package/dist/esm/ThemeableStack.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["styled","YStack","bordered","circular","elevate","chromelessStyle","backgroundColor","borderColor","shadowColor","hoverStyle","themeableVariants","true","transparent","chromeless","all","pressStyle","focusStyle","ThemeableStack","variants"],"sources":["../../src/ThemeableStack.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,MAAA,QAAc;AAEvB,SAASC,MAAA,QAAc;AAEvB,SAASC,QAAA,EAAUC,QAAA,EAAUC,OAAA,QAAe;AAE5C,MAAMC,eAAA,GAAkB;EACtBC,eAAA,EAAiB;EACjBC,WAAA,EAAa;EACbC,WAAA,EAAa;EAEbC,UAAA,EAAY;IACVF,WAAA,EAAa;EACf;AACF;AAEO,MAAMG,iBAAA,GAAoB;EAC/BP,QAAA;EACAC,OAAA;EAEAF,QAAA,EAAU;IACRS,IAAA,EAAMT;EACR;EAEAU,WAAA,EAAa;IACXD,IAAA,EAAM;MACJL,eAAA,EAAiB;IACnB;EACF;EAEAO,UAAA,EAAY;IACVF,IAAA,EAAMN,eAAA;IACNS,GAAA,EAAK;MACH,GAAGT,eAAA;MACHI,UAAA,EAAYJ,eAAA;MACZU,UAAA,EAAYV,eAAA;MACZW,UAAA,EAAYX;IACd;EACF;AACF;AAEO,MAAMY,cAAA,GAAiBjB,MAAA,CAAOC,MAAA,EAAQ;EAC3CiB,QAAA,EAAUR;AACZ,CAAC","ignoreList":[]}

package/dist/esm/ThemeableStack.native.js

@@ -0,0 +1,37 @@
+import { styled } from "@hanzogui/core";
+import { YStack } from "./Stacks.native.js";
+import { bordered, circular, elevate } from "./variants.native.js";
+var chromelessStyle = {
+  backgroundColor: "transparent",
+  borderColor: "transparent",
+  shadowColor: "transparent",
+  hoverStyle: {
+    borderColor: "transparent"
+  }
+};
+var themeableVariants = {
+  circular,
+  elevate,
+  bordered: {
+    true: bordered
+  },
+  transparent: {
+    true: {
+      backgroundColor: "transparent"
+    }
+  },
+  chromeless: {
+    true: chromelessStyle,
+    all: {
+      ...chromelessStyle,
+      hoverStyle: chromelessStyle,
+      pressStyle: chromelessStyle,
+      focusStyle: chromelessStyle
+    }
+  }
+};
+var ThemeableStack = styled(YStack, {
+  variants: themeableVariants
+});
+export { ThemeableStack, themeableVariants };
+//# sourceMappingURL=ThemeableStack.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["styled","YStack","bordered","circular","elevate","chromelessStyle","backgroundColor","borderColor","shadowColor","hoverStyle","themeableVariants","true","transparent","chromeless","all","pressStyle","focusStyle","ThemeableStack","variants"],"sources":["../../src/ThemeableStack.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,MAAA,QAAc;AAEvB,SAASC,MAAA,QAAc;AAEvB,SAASC,QAAA,EAAUC,QAAA,EAAUC,OAAA,QAAe;AAE5C,IAAAC,eAAM;EACJC,eAAA,EAAiB;EACjBC,WAAA,EAAa;EACbC,WAAA,EAAa;EAEbC,UAAA,EAAY;IACVF,WAAA,EAAa;EACf;AACF;AAEO,IAAAG,iBAAM;EACXP,QAAA;EACAC,OAAA;EAEAF,QAAA,EAAU;IACRS,IAAA,EAAMT;EACR;EAEAU,WAAA,EAAa;IACXD,IAAA,EAAM;MACJL,eAAA,EAAiB;IACnB;EACF;EAEAO,UAAA,EAAY;IACVF,IAAA,EAAMN,eAAA;IACNS,GAAA,EAAK;MACH,GAAGT,eAAA;MACHI,UAAA,EAAYJ,eAAA;MACZU,UAAA,EAAYV,eAAA;MACZW,UAAA,EAAYX;IACd;EACF;AACF;AAEO,IAAAY,cAAM,GAAAjB,MAAiB,CAAAC,MAAO;EACnCiB,QAAA,EAAUR;AACZ,CAAC","ignoreList":[]}

package/dist/esm/getElevation.mjs

@@ -0,0 +1,44 @@
+import { getVariableValue, isAndroid, isVariable } from "@hanzogui/core";
+const getElevation = (size, extras) => {
+  if (!size) return;
+  const {
+    tokens
+  } = extras;
+  const token = tokens.size[size];
+  const sizeNum = isVariable(token) ? +token.val : size;
+  return getSizedElevation(sizeNum, extras);
+};
+const getSizedElevation = (val, {
+  theme,
+  tokens
+}) => {
+  let num = 0;
+  if (val === true) {
+    const val2 = getVariableValue(tokens.size["true"]);
+    if (typeof val2 === "number") {
+      num = val2;
+    } else {
+      num = 10;
+    }
+  } else {
+    num = +val;
+  }
+  if (num === 0) {
+    return;
+  }
+  const [height, shadowRadius] = [Math.round(num / 4 + 1), Math.round(num / 2 + 2)];
+  const shadow = {
+    shadowColor: theme.shadowColor,
+    shadowRadius,
+    shadowOffset: {
+      height,
+      width: 0
+    },
+    ...(isAndroid ? {
+      elevationAndroid: 2 * height
+    } : {})
+  };
+  return shadow;
+};
+export { getElevation, getSizedElevation };
+//# sourceMappingURL=getElevation.mjs.map

package/dist/esm/getElevation.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["getVariableValue","isAndroid","isVariable","getElevation","size","extras","tokens","token","sizeNum","val","getSizedElevation","theme","num","height","shadowRadius","Math","round","shadow","shadowColor","shadowOffset","width","elevationAndroid"],"sources":["../../src/getElevation.tsx"],"sourcesContent":[null],"mappings":"AAMA,SAASA,gBAAA,EAAkBC,SAAA,EAAWC,UAAA,QAAkB;AAEjD,MAAMC,YAAA,GAAqDA,CAACC,IAAA,EAAMC,MAAA,KAAW;EAClF,IAAI,CAACD,IAAA,EAAM;EACX,MAAM;IAAEE;EAAO,IAAID,MAAA;EACnB,MAAME,KAAA,GAAQD,MAAA,CAAOF,IAAA,CAAKA,IAAI;EAC9B,MAAMI,OAAA,GAAWN,UAAA,CAAWK,KAAK,IAAI,CAACA,KAAA,CAAME,GAAA,GAAML,IAAA;EAClD,OAAOM,iBAAA,CAAkBF,OAAA,EAASH,MAAM;AAC1C;AAEO,MAAMK,iBAAA,GAAoBA,CAC/BD,GAAA,EACA;EAAEE,KAAA;EAAOL;AAAO,MACb;EACH,IAAIM,GAAA,GAAM;EACV,IAAIH,GAAA,KAAQ,MAAM;IAChB,MAAMA,IAAA,GAAMT,gBAAA,CAAiBM,MAAA,CAAOF,IAAA,CAAK,MAAM,CAAC;IAChD,IAAI,OAAOK,IAAA,KAAQ,UAAU;MAC3BG,GAAA,GAAMH,IAAA;IACR,OAAO;MACLG,GAAA,GAAM;IACR;EACF,OAAO;IACLA,GAAA,GAAM,CAACH,GAAA;EACT;EACA,IAAIG,GAAA,KAAQ,GAAG;IACb;EACF;EACA,MAAM,CAACC,MAAA,EAAQC,YAAY,IAAI,CAACC,IAAA,CAAKC,KAAA,CAAMJ,GAAA,GAAM,IAAI,CAAC,GAAGG,IAAA,CAAKC,KAAA,CAAMJ,GAAA,GAAM,IAAI,CAAC,CAAC;EAChF,MAAMK,MAAA,GAAS;IACbC,WAAA,EAAaP,KAAA,CAAMO,WAAA;IACnBJ,YAAA;IACAK,YAAA,EAAc;MAAEN,MAAA;MAAQO,KAAA,EAAO;IAAE;IACjC,IAAInB,SAAA,GACA;MACEoB,gBAAA,EAAkB,IAAIR;IACxB,IACA,CAAC;EACP;EACA,OAAOI,MAAA;AACT","ignoreList":[]}

package/dist/esm/getElevation.native.js

@@ -0,0 +1,45 @@
+import { getVariableValue, isAndroid, isVariable } from "@hanzogui/core";
+var getElevation = function (size, extras) {
+  if (!size) return;
+  var {
+    tokens
+  } = extras;
+  var token = tokens.size[size];
+  var sizeNum = isVariable(token) ? +token.val : size;
+  return getSizedElevation(sizeNum, extras);
+};
+var getSizedElevation = function (val, param) {
+  var {
+    theme,
+    tokens
+  } = param;
+  var num = 0;
+  if (val === true) {
+    var _$val = getVariableValue(tokens.size["true"]);
+    if (typeof _$val === "number") {
+      num = _$val;
+    } else {
+      num = 10;
+    }
+  } else {
+    num = +val;
+  }
+  if (num === 0) {
+    return;
+  }
+  var [height, shadowRadius] = [Math.round(num / 4 + 1), Math.round(num / 2 + 2)];
+  var shadow = {
+    shadowColor: theme.shadowColor,
+    shadowRadius,
+    shadowOffset: {
+      height,
+      width: 0
+    },
+    ...(isAndroid ? {
+      elevationAndroid: 2 * height
+    } : {})
+  };
+  return shadow;
+};
+export { getElevation, getSizedElevation };
+//# sourceMappingURL=getElevation.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["getVariableValue","isAndroid","isVariable","getElevation","size","extras","tokens","token","sizeNum","val","getSizedElevation","param","theme","num","_$val","height","shadowRadius","Math","round","shadow","shadowColor","shadowOffset","width"],"sources":["../../src/getElevation.tsx"],"sourcesContent":[null],"mappings":"AAMA,SAASA,gBAAA,EAAkBC,SAAA,EAAWC,UAAA,QAAkB;AAEjD,IAAAC,YAAM,YAAAA,CAA4DC,IAAA,EAAAC,MAAW;EAClF,IAAI,CAACD,IAAA,EAAM;EACX;IAAME;EAAE,IAAOD,MAAI;EACnB,IAAAE,KAAM,GAAAD,MAAQ,CAAAF,IAAO,CAAAA,IAAK;EAC1B,IAAAI,OAAM,GAAAN,UAAW,CAAAK,KAAW,IAAK,CAAAA,KAAK,CAAAE,GAAM,GAAAL,IAAM;EAClD,OAAOM,iBAAA,CAAkBF,OAAA,EAASH,MAAM;AAC1C;AAEO,IAAAK,iBAAM,YAAAA,CAEXD,GAAE,EAAAE,KAAO;EAET,IAAI;IAAAC,KAAM;IAAAN;EAAA,IAAAK,KAAA;EACV,IAAIE,GAAA;EACF,IAAAJ,GAAA,KAAM,IAAM;IACZ,IAAIK,KAAA,GAAOd,gBAAQ,CAAAM,MAAU,CAAAF,IAAA;IAC3B,WAAMU,KAAA;MACRD,GAAA,GAAOC,KAAA;IACL;MACFD,GAAA;IACF;EACE;IACFA,GAAA,IAAAJ,GAAA;EACA;EACE,IAAAI,GAAA;IACF;EACA;EACA,KAAAE,MAAM,EAAAC,YAAS,KACbC,IAAA,CAAAC,KAAA,CAAAL,GAAa,OAAM,IACnBI,IAAA,CAAAC,KAAA,CAAAL,GAAA;EACiC,IACjCM,MAAI;IACAC,WACE,EAAAR,KAAA,CAAAQ,WAAsB;IACxBJ,YACC;IACPK,YAAA;MACAN,MAAO;MACTO,KAAA","ignoreList":[]}

package/dist/esm/index.js

@@ -0,0 +1,6 @@
+export * from "./Stacks.mjs";
+export * from "./ThemeableStack.mjs";
+export * from "./SizableStack.mjs";
+export * from "./NestingContext.mjs";
+export * from "./getElevation.mjs";
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc","ignoreList":[]}

package/dist/esm/index.mjs

@@ -0,0 +1,6 @@
+export * from "./Stacks.mjs";
+export * from "./ThemeableStack.mjs";
+export * from "./SizableStack.mjs";
+export * from "./NestingContext.mjs";
+export * from "./getElevation.mjs";
+//# sourceMappingURL=index.mjs.map

package/dist/esm/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc","ignoreList":[]}

package/dist/esm/index.native.js

@@ -0,0 +1,6 @@
+export * from "./Stacks.native.js";
+export * from "./ThemeableStack.native.js";
+export * from "./SizableStack.native.js";
+export * from "./NestingContext.native.js";
+export * from "./getElevation.native.js";
+//# sourceMappingURL=index.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc","ignoreList":[]}

package/dist/esm/variants.mjs

@@ -0,0 +1,41 @@
+import { getElevation } from "./getElevation.mjs";
+const elevate = {
+  true: (_, extras) => {
+    return getElevation(extras.props["size"], extras);
+  }
+};
+const bordered = (val, {
+  props
+}) => {
+  return {
+    // TODO size it with size in '...size'
+    borderWidth: typeof val === "number" ? val : 1,
+    borderColor: "$borderColor"
+  };
+};
+const circularStyle = {
+  borderRadius: 1e5,
+  padding: 0
+};
+const circular = {
+  true: (_, {
+    props,
+    tokens
+  }) => {
+    if (!("size" in props)) {
+      return circularStyle;
+    }
+    const size = typeof props.size === "number" ? props.size : tokens.size[props.size];
+    return {
+      ...circularStyle,
+      width: size,
+      height: size,
+      maxWidth: size,
+      maxHeight: size,
+      minWidth: size,
+      minHeight: size
+    };
+  }
+};
+export { bordered, circular, elevate };
+//# sourceMappingURL=variants.mjs.map

package/dist/esm/variants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["getElevation","elevate","true","_","extras","props","bordered","val","borderWidth","borderColor","circularStyle","borderRadius","padding","circular","tokens","size","width","height","maxWidth","maxHeight","minWidth","minHeight"],"sources":["../../src/variants.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,YAAA,QAAoB;AAEtB,MAAMC,OAAA,GAAU;EACrBC,IAAA,EAAMA,CAACC,CAAA,EAAYC,MAAA,KAAgB;IACjC,OAAOJ,YAAA,CAAaI,MAAA,CAAOC,KAAA,CAAM,MAAM,GAAGD,MAAM;EAClD;AACF;AAEO,MAAME,QAAA,GAAWA,CAACC,GAAA,EAAuB;EAAEF;AAAM,MAAM;EAC5D,OAAO;IAAA;IAELG,WAAA,EAAa,OAAOD,GAAA,KAAQ,WAAWA,GAAA,GAAM;IAC7CE,WAAA,EAAa;EACf;AACF;AAEA,MAAMC,aAAA,GAAgB;EACpBC,YAAA,EAAc;EACdC,OAAA,EAAS;AACX;AAEO,MAAMC,QAAA,GAAW;EACtBX,IAAA,EAAMA,CAACC,CAAA,EAAG;IAAEE,KAAA;IAAOS;EAAO,MAAM;IAC9B,IAAI,EAAE,UAAUT,KAAA,GAAQ;MACtB,OAAOK,aAAA;IACT;IACA,MAAMK,IAAA,GAAO,OAAOV,KAAA,CAAMU,IAAA,KAAS,WAAWV,KAAA,CAAMU,IAAA,GAAOD,MAAA,CAAOC,IAAA,CAAKV,KAAA,CAAMU,IAAI;IACjF,OAAO;MACL,GAAGL,aAAA;MACHM,KAAA,EAAOD,IAAA;MACPE,MAAA,EAAQF,IAAA;MACRG,QAAA,EAAUH,IAAA;MACVI,SAAA,EAAWJ,IAAA;MACXK,QAAA,EAAUL,IAAA;MACVM,SAAA,EAAWN;IACb;EACF;AACF","ignoreList":[]}