@hanzogui/stacks 7.0.0 → 7.3.0

package/LICENSE

@@ -1,21 +1,42 @@
-MIT License
+BSD 3-Clause License
+
+Copyright (c) 2026-present, Hanzo AI, Inc.
+
+Portions of this software are derived from upstream code originally licensed under
+the MIT License, with the following copyright notices retained per its terms:
 
   Copyright (c) 2020 Nate Wienert
-  
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to deal
-  in the Software without restriction, including without limitation the rights
-  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-  copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-  
-  The above copyright notice and this permission notice shall be included in all
-  copies or substantial portions of the Software.
-  
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-  SOFTWARE.
+  Copyright (c) 2015-present, Nicolas Gallagher.
+  Copyright (c) 2015-present, Facebook, Inc.
+  Copyright (c) 2021 Radix
+  Copyright (c) 2017 Carmelo Pullara
+  Copyright (c) 2018 Framer B.V.
+  Copyright (c) 2022 WorkOS
+
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+
+1. Redistributions of source code must retain the above copyright notice, this
+   list of conditions and the following disclaimer.
+
+2. Redistributions in binary form must reproduce the above copyright notice,
+   this list of conditions and the following disclaimer in the documentation
+   and/or other materials provided with the distribution.
+
+3. Neither the name of the copyright holder nor the names of its contributors
+   may be used to endorse or promote products derived from this software
+   without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
+AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
+IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
+ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE
+LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
+CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
+SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
+INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
+CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
+ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
+POSSIBILITY OF SUCH DAMAGE.

package/dist/cjs/NestingContext.cjs

@@ -0,0 +1,40 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var NestingContext_exports = {};
+__export(NestingContext_exports, {
+  ButtonNestingContext: () => ButtonNestingContext
+});
+module.exports = __toCommonJS(NestingContext_exports);
+var import_react = __toESM(require("react"), 1);
+const ButtonNestingContext = import_react.default.createContext(false);

package/dist/cjs/NestingContext.native.js

@@ -0,0 +1,43 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var NestingContext_exports = {};
+__export(NestingContext_exports, {
+  ButtonNestingContext: () => ButtonNestingContext
+});
+module.exports = __toCommonJS(NestingContext_exports);
+var import_react = __toESM(require("react"), 1);
+var ButtonNestingContext = /* @__PURE__ */import_react.default.createContext(false);
+//# sourceMappingURL=NestingContext.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","NestingContext_exports","__export","ButtonNestingContext","module","exports","import_react","__toESM","require"],"sources":["../../src/NestingContext.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,sBAAA;AAAAC,QAAA,CAAAD,sBAAA;EAAAE,oBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAkB,CAAAK,sBAAA;AAEX,IAAAK,YAAM,GAAAC,OAAA,CAAAC,OAAuB","ignoreList":[]}

package/dist/cjs/SizableStack.cjs

@@ -0,0 +1,52 @@
+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 SizableStack_exports = {};
+__export(SizableStack_exports, {
+  SizableStack: () => SizableStack
+});
+module.exports = __toCommonJS(SizableStack_exports);
+var import_core = require("@hanzogui/core");
+var import_get_button_sized = require("@hanzogui/get-button-sized");
+var import_ThemeableStack = require("./ThemeableStack.cjs");
+var import_variants = require("./variants.cjs");
+const SizableStack = (0, import_core.styled)(import_ThemeableStack.ThemeableStack, {
+  name: "SizableStack",
+  variants: {
+    unstyled: {
+      true: {
+        elevate: false,
+        bordered: false
+      }
+    },
+    circular: import_variants.circular,
+    elevate: import_variants.elevate,
+    bordered: {
+      true: import_variants.bordered
+    },
+    size: {
+      "...size": (val, extras) => {
+        return (0, import_get_button_sized.getButtonSized)(val, extras);
+      }
+    }
+  }
+});

package/dist/cjs/SizableStack.native.js

@@ -0,0 +1,55 @@
+"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 SizableStack_exports = {};
+__export(SizableStack_exports, {
+  SizableStack: () => SizableStack
+});
+module.exports = __toCommonJS(SizableStack_exports);
+var import_core = require("@hanzogui/core");
+var import_get_button_sized = require("@hanzogui/get-button-sized");
+var import_ThemeableStack = require("./ThemeableStack.native.js");
+var import_variants = require("./variants.native.js");
+var SizableStack = (0, import_core.styled)(import_ThemeableStack.ThemeableStack, {
+  name: "SizableStack",
+  variants: {
+    unstyled: {
+      true: {
+        elevate: false,
+        bordered: false
+      }
+    },
+    circular: import_variants.circular,
+    elevate: import_variants.elevate,
+    bordered: {
+      true: import_variants.bordered
+    },
+    size: {
+      "...size": function (val, extras) {
+        return (0, import_get_button_sized.getButtonSized)(val, extras);
+      }
+    }
+  }
+});
+//# sourceMappingURL=SizableStack.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","SizableStack_exports","__export","SizableStack","module","exports","import_core","require","import_get_button_sized","import_ThemeableStack","import_variants","styled","ThemeableStack","name","variants","unstyled","true","elevate","bordered","circular","size","...size","val","extras","getButtonSized"],"sources":["../../src/SizableStack.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;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAuB,CAAAK,oBAAA;AACvB,IAAAK,WAAA,GAAAC,OAAA,iBAA+B;AAE/B,IAAAC,uBAAA,GAA+BD,OAAA;AAC/B,IAAAE,qBAA4C,GAAAF,OAAA;AAErC,IAAAG,eAAM,GAAAH,OAAe;AAAuB,IACjDJ,YAAM,OAAAG,WAAA,CAAAK,MAAA,EAAAF,qBAAA,CAAAG,cAAA;EAENC,IAAA,gBAAU;EAAAC,QACR;IAAUC,QACF;MAAAC,IACJ;QACAC,OAAA,OAAU;QACZC,QAAA;MACF;IAEA;IACAC,QAAA,EAAAT,eAAA,CAAAS,QAAA;IAEAF,OAAA,EAAAP,eAAU,CAAAO,OAAA;IAAAC,QACF;MACRF,IAAA,EAAAN,eAAA,CAAAQ;IAEA;IAAME,IACJ;MACE,oBAAAC,CAAOC,GAAA,EAAAC,MAAA;QACT,WAAAf,uBAAA,CAAAgB,cAAA,EAAAF,GAAA,EAAAC,MAAA;MACF;IACF;EACD","ignoreList":[]}

package/dist/cjs/Stacks.cjs

@@ -0,0 +1,62 @@
+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 Stacks_exports = {};
+__export(Stacks_exports, {
+  XStack: () => XStack,
+  YStack: () => YStack,
+  ZStack: () => ZStack,
+  fullscreenStyle: () => fullscreenStyle
+});
+module.exports = __toCommonJS(Stacks_exports);
+var import_core = require("@hanzogui/core");
+var import_getElevation = require("./getElevation.cjs");
+const fullscreenStyle = {
+  position: "absolute",
+  inset: 0
+};
+const variants = {
+  fullscreen: {
+    true: fullscreenStyle
+  },
+  elevation: {
+    "...size": import_getElevation.getElevation,
+    ":number": import_getElevation.getElevation
+  }
+};
+const YStack = (0, import_core.styled)(import_core.View, {
+  flexDirection: "column",
+  variants
+});
+YStack["displayName"] = "YStack";
+const XStack = (0, import_core.styled)(import_core.View, {
+  flexDirection: "row",
+  variants
+});
+XStack["displayName"] = "XStack";
+const ZStack = (0, import_core.styled)(YStack, {
+  position: "relative"
+}, {
+  neverFlatten: true,
+  isZStack: true
+});
+ZStack["displayName"] = "ZStack";

package/dist/cjs/Stacks.native.js

@@ -0,0 +1,65 @@
+"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 Stacks_exports = {};
+__export(Stacks_exports, {
+  XStack: () => XStack,
+  YStack: () => YStack,
+  ZStack: () => ZStack,
+  fullscreenStyle: () => fullscreenStyle
+});
+module.exports = __toCommonJS(Stacks_exports);
+var import_core = require("@hanzogui/core");
+var import_getElevation = require("./getElevation.native.js");
+var fullscreenStyle = {
+  position: "absolute",
+  inset: 0
+};
+var variants = {
+  fullscreen: {
+    true: fullscreenStyle
+  },
+  elevation: {
+    "...size": import_getElevation.getElevation,
+    ":number": import_getElevation.getElevation
+  }
+};
+var YStack = (0, import_core.styled)(import_core.View, {
+  flexDirection: "column",
+  variants
+});
+YStack["displayName"] = "YStack";
+var XStack = (0, import_core.styled)(import_core.View, {
+  flexDirection: "row",
+  variants
+});
+XStack["displayName"] = "XStack";
+var ZStack = (0, import_core.styled)(YStack, {
+  position: "relative"
+}, {
+  neverFlatten: true,
+  isZStack: true
+});
+ZStack["displayName"] = "ZStack";
+//# sourceMappingURL=Stacks.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Stacks_exports","__export","XStack","YStack","ZStack","fullscreenStyle","module","exports","import_core","require","import_getElevation","position","inset","variants","fullscreen","true","elevation","getElevation","styled","View","flexDirection","neverFlatten","isZStack"],"sources":["../../src/Stacks.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,cAAA;AAAAC,QAAA,CAAAD,cAAA;EAAAE,MAAA,EAAAA,CAAA,KAAAA,MAAA;EAAAC,MAAA,EAAAA,CAAA,KAAAA,MAAA;EAAAC,MAAA,EAAAA,CAAA,KAAAA,MAAA;EAAAC,eAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAZ,YAA6B,CAAAK,cAAA;AAE7B,IAAAQ,WAAA,GAAAC,OAAA,CAA6B;AAiBtB,IAAAC,mBAAM,GAAkBD,OAAA;AAAA,IAC7BJ,eAAU;EACVM,QAAO;EACTC,KAAA;AAEA;AAAiB,IACfC,QAAA,GAAY;EAAAC,UACJ;IACRC,IAAA,EAAAV;EAEA;EAAWW,SACT;IACA,WAAWN,mBAAA,CAAAO,YAAA;IACb,WAAAP,mBAAA,CAAAO;EACF;AAMO;AAA4B,IACjCd,MAAA,OAAeK,WAAA,CAAAU,MAAA,EAAAV,WAAA,CAAAW,IAAA;EACfC,aAAA;EACDP;AAED;AAMOV,MAAM,cAAS;AAAa,IACjCD,MAAA,OAAeM,WAAA,CAAAU,MAAA,EAAAV,WAAA,CAAAW,IAAA;EACfC,aAAA;EACDP;AAED;AAMOX,MAAM,cAAS;AAAA,IACpBE,MAAA,OAAAI,WAAA,CAAAU,MAAA,EAAAf,MAAA;EACAQ,QAAA;AAAA;EAEAU,YAAA;EACAC,QAAA;AAAA;AACgBlB,MACd,cAAU","ignoreList":[]}

package/dist/cjs/ThemeableStack.cjs

@@ -0,0 +1,63 @@
+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 ThemeableStack_exports = {};
+__export(ThemeableStack_exports, {
+  ThemeableStack: () => ThemeableStack,
+  themeableVariants: () => themeableVariants
+});
+module.exports = __toCommonJS(ThemeableStack_exports);
+var import_core = require("@hanzogui/core");
+var import_Stacks = require("./Stacks.cjs");
+var import_variants = require("./variants.cjs");
+const chromelessStyle = {
+  backgroundColor: "transparent",
+  borderColor: "transparent",
+  shadowColor: "transparent",
+  hoverStyle: {
+    borderColor: "transparent"
+  }
+};
+const themeableVariants = {
+  circular: import_variants.circular,
+  elevate: import_variants.elevate,
+  bordered: {
+    true: import_variants.bordered
+  },
+  transparent: {
+    true: {
+      backgroundColor: "transparent"
+    }
+  },
+  chromeless: {
+    true: chromelessStyle,
+    all: {
+      ...chromelessStyle,
+      hoverStyle: chromelessStyle,
+      pressStyle: chromelessStyle,
+      focusStyle: chromelessStyle
+    }
+  }
+};
+const ThemeableStack = (0, import_core.styled)(import_Stacks.YStack, {
+  variants: themeableVariants
+});

package/dist/cjs/ThemeableStack.native.js

@@ -0,0 +1,66 @@
+"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 ThemeableStack_exports = {};
+__export(ThemeableStack_exports, {
+  ThemeableStack: () => ThemeableStack,
+  themeableVariants: () => themeableVariants
+});
+module.exports = __toCommonJS(ThemeableStack_exports);
+var import_core = require("@hanzogui/core");
+var import_Stacks = require("./Stacks.native.js");
+var import_variants = require("./variants.native.js");
+var chromelessStyle = {
+  backgroundColor: "transparent",
+  borderColor: "transparent",
+  shadowColor: "transparent",
+  hoverStyle: {
+    borderColor: "transparent"
+  }
+};
+var themeableVariants = {
+  circular: import_variants.circular,
+  elevate: import_variants.elevate,
+  bordered: {
+    true: import_variants.bordered
+  },
+  transparent: {
+    true: {
+      backgroundColor: "transparent"
+    }
+  },
+  chromeless: {
+    true: chromelessStyle,
+    all: {
+      ...chromelessStyle,
+      hoverStyle: chromelessStyle,
+      pressStyle: chromelessStyle,
+      focusStyle: chromelessStyle
+    }
+  }
+};
+var ThemeableStack = (0, import_core.styled)(import_Stacks.YStack, {
+  variants: themeableVariants
+});
+//# sourceMappingURL=ThemeableStack.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ThemeableStack_exports","__export","ThemeableStack","themeableVariants","module","exports","import_core","require","import_Stacks","import_variants","chromelessStyle","backgroundColor","borderColor","shadowColor","hoverStyle","circular","elevate","bordered","true","transparent","chromeless","all","pressStyle","focusStyle","styled","YStack","variants"],"sources":["../../src/ThemeableStack.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,sBAAA;AAAAC,QAAA,CAAAD,sBAAA;EAAAE,cAAA,EAAAA,CAAA,KAAAA,cAAA;EAAAC,iBAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAV,YAAuB,CAAAK,sBAAA;AAEvB,IAAAM,WAAA,GAAAC,OAAuB;AAEvB,IAAAC,aAAA,GAAAD,OAA4C;AAE5C,IAAAE,eAAM,GAAAF,OAAkB;AAAA,IACtBG,eAAiB;EACjBC,eAAa;EACbC,WAAA,EAAa;EAEbC,WAAA,EAAY;EAAAC,UACV;IACFF,WAAA;EACF;AAEO;AAA0B,IAC/BT,iBAAA;EACAY,QAAA,EAAAN,eAAA,CAAAM,QAAA;EAEAC,OAAA,EAAAP,eAAU,CAAAO,OAAA;EAAAC,QACF;IACRC,IAAA,EAAAT,eAAA,CAAAQ;EAEA;EAAaE,WACL;IAAAD,IACJ;MACFP,eAAA;IACF;EAEA;EAAYS,UACJ;IACNF,IAAA,EAAKR,eAAA;IAAAW,GACH,EAAG;MACH,GAAAX,eAAY;MACZI,UAAA,EAAYJ,eAAA;MACZY,UAAA,EAAYZ,eAAA;MACda,UAAA,EAAAb;IACF;EACF;AAEO;AAAsC,IAC3CR,cAAU,OAAAI,WAAA,CAAAkB,MAAA,EAAAhB,aAAA,CAAAiB,MAAA;EACXC,QAAA,EAAAvB","ignoreList":[]}

package/dist/cjs/getElevation.cjs

@@ -0,0 +1,70 @@
+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 getElevation_exports = {};
+__export(getElevation_exports, {
+  getElevation: () => getElevation,
+  getSizedElevation: () => getSizedElevation
+});
+module.exports = __toCommonJS(getElevation_exports);
+var import_core = require("@hanzogui/core");
+const getElevation = (size, extras) => {
+  if (!size) return;
+  const {
+    tokens
+  } = extras;
+  const token = tokens.size[size];
+  const sizeNum = (0, import_core.isVariable)(token) ? +token.val : size;
+  return getSizedElevation(sizeNum, extras);
+};
+const getSizedElevation = (val, {
+  theme,
+  tokens
+}) => {
+  let num = 0;
+  if (val === true) {
+    const val2 = (0, import_core.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
+    },
+    ...(import_core.isAndroid ? {
+      elevationAndroid: 2 * height
+    } : {})
+  };
+  return shadow;
+};

package/dist/cjs/getElevation.native.js

@@ -0,0 +1,74 @@
+"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 getElevation_exports = {};
+__export(getElevation_exports, {
+  getElevation: () => getElevation,
+  getSizedElevation: () => getSizedElevation
+});
+module.exports = __toCommonJS(getElevation_exports);
+var import_core = require("@hanzogui/core");
+var getElevation = function (size, extras) {
+  if (!size) return;
+  var {
+    tokens
+  } = extras;
+  var token = tokens.size[size];
+  var sizeNum = (0, import_core.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 = (0, import_core.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
+    },
+    ...(import_core.isAndroid ? {
+      elevationAndroid: 2 * height
+    } : {})
+  };
+  return shadow;
+};
+//# sourceMappingURL=getElevation.native.js.map