@tamagui/stacks 1.114.3 → 1.115.0

package/dist/cjs/{NestingContext.js → NestingContext.cjs}

@@ -2,29 +2,37 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getProtoOf = Object.getPrototypeOf,
+  __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: !0 });
-}, __copyProps = (to, from, except, desc) => {
-  if (from && typeof from == "object" || typeof from == "function")
-    for (let key of __getOwnPropNames(from))
-      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  return to;
-};
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__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: !0 }) : target,
-  mod
-)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+    value: mod,
+    enumerable: !0
+  }) : target, mod)),
+  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+    value: !0
+  }), mod);
 var NestingContext_exports = {};
 __export(NestingContext_exports, {
   ButtonNestingContext: () => ButtonNestingContext
 });
 module.exports = __toCommonJS(NestingContext_exports);
 var import_react = __toESM(require("react"));
-const ButtonNestingContext = import_react.default.createContext(!1);
-//# sourceMappingURL=NestingContext.js.map
+const ButtonNestingContext = import_react.default.createContext(!1);

package/dist/cjs/{SizableStack.js → SizableStack.cjs}

@@ -3,21 +3,30 @@ 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: !0 });
-}, __copyProps = (to, from, except, desc) => {
-  if (from && typeof from == "object" || typeof from == "function")
-    for (let key of __getOwnPropNames(from))
-      !__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: !0 }), mod);
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__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: !0
+}), mod);
 var SizableStack_exports = {};
 __export(SizableStack_exports, {
   SizableStack: () => SizableStack
 });
 module.exports = __toCommonJS(SizableStack_exports);
-var import_core = require("@tamagui/core"), import_get_button_sized = require("@tamagui/get-button-sized"), import_Stacks = require("./Stacks"), import_variants = require("./variants");
+var import_core = require("@tamagui/core"),
+  import_get_button_sized = require("@tamagui/get-button-sized"),
+  import_Stacks = require("./Stacks.cjs"),
+  import_variants = require("./variants.cjs");
 const SizableStack = (0, import_core.styled)(import_Stacks.XStack, {
   name: "SizableStack",
   variants: {
@@ -40,5 +49,4 @@ const SizableStack = (0, import_core.styled)(import_Stacks.XStack, {
       "...size": (val, extras) => (0, import_get_button_sized.getButtonSized)(val, extras)
     }
   }
-});
-//# sourceMappingURL=SizableStack.js.map
+});

package/dist/cjs/Stacks.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: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__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: !0
+}), mod);
+var Stacks_exports = {};
+__export(Stacks_exports, {
+  XStack: () => XStack,
+  YStack: () => YStack,
+  ZStack: () => ZStack,
+  fullscreenStyle: () => fullscreenStyle
+});
+module.exports = __toCommonJS(Stacks_exports);
+var import_core = require("@tamagui/core"),
+  import_getElevation = require("./getElevation.cjs");
+const fullscreenStyle = {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0
+  },
+  getInset = val => val && typeof val == "object" ? val : {
+    top: val,
+    left: val,
+    bottom: val,
+    right: val
+  },
+  variants = {
+    fullscreen: {
+      true: fullscreenStyle
+    },
+    elevation: {
+      "...size": import_getElevation.getElevation,
+      ":number": import_getElevation.getElevation
+    },
+    inset: getInset
+  },
+  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: !0,
+  isZStack: !0
+});
+ZStack.displayName = "ZStack";

package/dist/cjs/ThemeableStack.cjs

@@ -0,0 +1,69 @@
+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: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__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: !0
+}), mod);
+var ThemeableStack_exports = {};
+__export(ThemeableStack_exports, {
+  ThemeableStack: () => ThemeableStack,
+  themeableVariants: () => themeableVariants
+});
+module.exports = __toCommonJS(ThemeableStack_exports);
+var import_core = require("@tamagui/core"),
+  import_Stacks = require("./Stacks.cjs"),
+  import_variants = require("./variants.cjs");
+const chromelessStyle = {
+    backgroundColor: "transparent",
+    borderColor: "transparent",
+    shadowColor: "transparent",
+    hoverStyle: {
+      borderColor: "transparent"
+    }
+  },
+  themeableVariants = {
+    backgrounded: {
+      true: {
+        backgroundColor: "$background"
+      }
+    },
+    radiused: import_variants.radiused,
+    hoverTheme: import_variants.hoverTheme,
+    pressTheme: import_variants.pressTheme,
+    focusTheme: import_variants.focusTheme,
+    circular: import_variants.circular,
+    padded: import_variants.padded,
+    elevate: import_variants.elevate,
+    bordered: import_variants.bordered,
+    transparent: {
+      true: {
+        backgroundColor: "transparent"
+      }
+    },
+    chromeless: {
+      true: chromelessStyle,
+      all: {
+        ...chromelessStyle,
+        hoverStyle: chromelessStyle,
+        pressStyle: chromelessStyle,
+        focusStyle: chromelessStyle
+      }
+    }
+  },
+  ThemeableStack = (0, import_core.styled)(import_Stacks.YStack, {
+    variants: themeableVariants
+  });

package/dist/cjs/getElevation.cjs

@@ -0,0 +1,59 @@
+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: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__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: !0
+}), mod);
+var getElevation_exports = {};
+__export(getElevation_exports, {
+  getElevation: () => getElevation,
+  getSizedElevation: () => getSizedElevation
+});
+module.exports = __toCommonJS(getElevation_exports);
+var import_core = require("@tamagui/core");
+const getElevation = (size, extras) => {
+    if (!size) return;
+    const {
+        tokens
+      } = extras,
+      token = tokens.size[size],
+      sizeNum = (0, import_core.isVariable)(token) ? +token.val : size;
+    return getSizedElevation(sizeNum, extras);
+  },
+  getSizedElevation = (val, {
+    theme,
+    tokens
+  }) => {
+    let num = 0;
+    if (val === !0) {
+      const val2 = (0, import_core.getVariableValue)(tokens.size.true);
+      typeof val2 == "number" ? num = val2 : num = 10;
+    } else num = +val;
+    if (num === 0) return;
+    const [height, shadowRadius] = [Math.round(num / 4 + 1), Math.round(num / 2 + 2)];
+    return {
+      shadowColor: theme.shadowColor,
+      shadowRadius,
+      shadowOffset: {
+        height,
+        width: 0
+      },
+      ...(import_core.isAndroid ? {
+        elevationAndroid: 2 * height
+      } : {})
+    };
+  };

package/dist/cjs/index.cjs

@@ -0,0 +1,21 @@
+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)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  },
+  __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var src_exports = {};
+module.exports = __toCommonJS(src_exports);
+__reExport(src_exports, require("./Stacks.cjs"), module.exports);
+__reExport(src_exports, require("./SizableStack.cjs"), module.exports);
+__reExport(src_exports, require("./ThemeableStack.cjs"), module.exports);
+__reExport(src_exports, require("./NestingContext.cjs"), module.exports);

package/dist/cjs/variants.cjs

@@ -0,0 +1,130 @@
+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: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__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: !0
+}), mod);
+var variants_exports = {};
+__export(variants_exports, {
+  bordered: () => bordered,
+  circular: () => circular,
+  elevate: () => elevate,
+  focusTheme: () => focusTheme,
+  hoverTheme: () => hoverTheme,
+  padded: () => padded,
+  pressTheme: () => pressTheme,
+  radiused: () => radiused
+});
+module.exports = __toCommonJS(variants_exports);
+var import_getElevation = require("./getElevation.cjs");
+const elevate = {
+    true: (_, extras) => (0, import_getElevation.getElevation)(extras.props.size, extras)
+  },
+  bordered = (val, {
+    props
+  }) => ({
+    // TODO size it with size in '...size'
+    borderWidth: typeof val == "number" ? val : 1,
+    borderColor: "$borderColor",
+    ...(props.hoverTheme && {
+      hoverStyle: {
+        borderColor: "$borderColorHover"
+      }
+    }),
+    ...(props.pressTheme && {
+      pressStyle: {
+        borderColor: "$borderColorPress"
+      }
+    }),
+    ...(props.focusTheme && {
+      focusStyle: {
+        borderColor: "$borderColorFocus"
+      }
+    })
+  }),
+  padded = {
+    true: (_, extras) => {
+      const {
+        tokens,
+        props
+      } = extras;
+      return {
+        padding: tokens.space[props.size] || tokens.space.$true
+      };
+    }
+  },
+  radiused = {
+    true: (_, extras) => {
+      const {
+        tokens,
+        props
+      } = extras;
+      return {
+        borderRadius: tokens.radius[props.size] || tokens.radius.$true
+      };
+    }
+  },
+  circularStyle = {
+    borderRadius: 1e5,
+    padding: 0
+  },
+  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
+      };
+    }
+  },
+  hoverTheme = {
+    true: {
+      hoverStyle: {
+        backgroundColor: "$backgroundHover",
+        borderColor: "$borderColorHover"
+      }
+    },
+    false: {}
+  },
+  pressTheme = {
+    true: {
+      cursor: "pointer",
+      pressStyle: {
+        backgroundColor: "$backgroundPress",
+        borderColor: "$borderColorPress"
+      }
+    },
+    false: {}
+  },
+  focusTheme = {
+    true: {
+      focusStyle: {
+        backgroundColor: "$backgroundFocus",
+        borderColor: "$borderColorFocus"
+      }
+    },
+    false: {}
+  };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/stacks",
-  "version": "1.114.3",
+  "version": "1.115.0",
   "sideEffects": [
     "*.css"
   ],
@@ -29,15 +29,16 @@
       "react-native": "./dist/cjs/index.native.js",
       "types": "./types/index.d.ts",
       "import": "./dist/esm/index.mjs",
-      "require": "./dist/cjs/index.js"
+      "require": "./dist/cjs/index.cjs",
+      "default": "./dist/cjs/index.native.js"
     }
   },
   "dependencies": {
-    "@tamagui/core": "1.114.3"
+    "@tamagui/core": "1.115.0"
   },
   "devDependencies": {
-    "@tamagui/build": "1.114.3",
-    "@tamagui/get-button-sized": "1.114.3",
+    "@tamagui/build": "1.115.0",
+    "@tamagui/get-button-sized": "1.115.0",
     "react": "^18.2.0 || ^19.0.0"
   },
   "publishConfig": {

package/dist/cjs/Stacks.js

@@ -1,65 +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: !0 });
-}, __copyProps = (to, from, except, desc) => {
-  if (from && typeof from == "object" || typeof from == "function")
-    for (let key of __getOwnPropNames(from))
-      !__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: !0 }), mod);
-var Stacks_exports = {};
-__export(Stacks_exports, {
-  XStack: () => XStack,
-  YStack: () => YStack,
-  ZStack: () => ZStack,
-  fullscreenStyle: () => fullscreenStyle
-});
-module.exports = __toCommonJS(Stacks_exports);
-var import_core = require("@tamagui/core"), import_getElevation = require("./getElevation");
-const fullscreenStyle = {
-  position: "absolute",
-  top: 0,
-  left: 0,
-  right: 0,
-  bottom: 0
-}, getInset = (val) => val && typeof val == "object" ? val : {
-  top: val,
-  left: val,
-  bottom: val,
-  right: val
-}, variants = {
-  fullscreen: {
-    true: fullscreenStyle
-  },
-  elevation: {
-    "...size": import_getElevation.getElevation,
-    ":number": import_getElevation.getElevation
-  },
-  inset: getInset
-}, 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: !0,
-    isZStack: !0
-  }
-);
-ZStack.displayName = "ZStack";
-//# sourceMappingURL=Stacks.js.map

package/dist/cjs/ThemeableStack.js

@@ -1,60 +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: !0 });
-}, __copyProps = (to, from, except, desc) => {
-  if (from && typeof from == "object" || typeof from == "function")
-    for (let key of __getOwnPropNames(from))
-      !__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: !0 }), mod);
-var ThemeableStack_exports = {};
-__export(ThemeableStack_exports, {
-  ThemeableStack: () => ThemeableStack,
-  themeableVariants: () => themeableVariants
-});
-module.exports = __toCommonJS(ThemeableStack_exports);
-var import_core = require("@tamagui/core"), import_Stacks = require("./Stacks"), import_variants = require("./variants");
-const chromelessStyle = {
-  backgroundColor: "transparent",
-  borderColor: "transparent",
-  shadowColor: "transparent",
-  hoverStyle: {
-    borderColor: "transparent"
-  }
-}, themeableVariants = {
-  backgrounded: {
-    true: {
-      backgroundColor: "$background"
-    }
-  },
-  radiused: import_variants.radiused,
-  hoverTheme: import_variants.hoverTheme,
-  pressTheme: import_variants.pressTheme,
-  focusTheme: import_variants.focusTheme,
-  circular: import_variants.circular,
-  padded: import_variants.padded,
-  elevate: import_variants.elevate,
-  bordered: import_variants.bordered,
-  transparent: {
-    true: {
-      backgroundColor: "transparent"
-    }
-  },
-  chromeless: {
-    true: chromelessStyle,
-    all: {
-      ...chromelessStyle,
-      hoverStyle: chromelessStyle,
-      pressStyle: chromelessStyle,
-      focusStyle: chromelessStyle
-    }
-  }
-}, ThemeableStack = (0, import_core.styled)(import_Stacks.YStack, {
-  variants: themeableVariants
-});
-//# sourceMappingURL=ThemeableStack.js.map

package/dist/cjs/getElevation.js

@@ -1,45 +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: !0 });
-}, __copyProps = (to, from, except, desc) => {
-  if (from && typeof from == "object" || typeof from == "function")
-    for (let key of __getOwnPropNames(from))
-      !__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: !0 }), mod);
-var getElevation_exports = {};
-__export(getElevation_exports, {
-  getElevation: () => getElevation,
-  getSizedElevation: () => getSizedElevation
-});
-module.exports = __toCommonJS(getElevation_exports);
-var import_core = require("@tamagui/core");
-const getElevation = (size, extras) => {
-  if (!size) return;
-  const { tokens } = extras, token = tokens.size[size], sizeNum = (0, import_core.isVariable)(token) ? +token.val : size;
-  return getSizedElevation(sizeNum, extras);
-}, getSizedElevation = (val, { theme, tokens }) => {
-  let num = 0;
-  if (val === !0) {
-    const val2 = (0, import_core.getVariableValue)(tokens.size.true);
-    typeof val2 == "number" ? num = val2 : num = 10;
-  } else
-    num = +val;
-  if (num === 0)
-    return;
-  const [height, shadowRadius] = [Math.round(num / 4 + 1), Math.round(num / 2 + 2)];
-  return {
-    shadowColor: theme.shadowColor,
-    shadowRadius,
-    shadowOffset: { height, width: 0 },
-    ...import_core.isAndroid ? {
-      elevationAndroid: 2 * height
-    } : {}
-  };
-};
-//# sourceMappingURL=getElevation.js.map

package/dist/cjs/index.js

@@ -1,18 +0,0 @@
-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))
-      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  return to;
-}, __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
-var src_exports = {};
-module.exports = __toCommonJS(src_exports);
-__reExport(src_exports, require("./Stacks"), module.exports);
-__reExport(src_exports, require("./SizableStack"), module.exports);
-__reExport(src_exports, require("./ThemeableStack"), module.exports);
-__reExport(src_exports, require("./NestingContext"), module.exports);
-//# sourceMappingURL=index.js.map

package/dist/cjs/variants.js

@@ -1,107 +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: !0 });
-}, __copyProps = (to, from, except, desc) => {
-  if (from && typeof from == "object" || typeof from == "function")
-    for (let key of __getOwnPropNames(from))
-      !__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: !0 }), mod);
-var variants_exports = {};
-__export(variants_exports, {
-  bordered: () => bordered,
-  circular: () => circular,
-  elevate: () => elevate,
-  focusTheme: () => focusTheme,
-  hoverTheme: () => hoverTheme,
-  padded: () => padded,
-  pressTheme: () => pressTheme,
-  radiused: () => radiused
-});
-module.exports = __toCommonJS(variants_exports);
-var import_getElevation = require("./getElevation");
-const elevate = {
-  true: (_, extras) => (0, import_getElevation.getElevation)(extras.props.size, extras)
-}, bordered = (val, { props }) => ({
-  // TODO size it with size in '...size'
-  borderWidth: typeof val == "number" ? val : 1,
-  borderColor: "$borderColor",
-  ...props.hoverTheme && {
-    hoverStyle: {
-      borderColor: "$borderColorHover"
-    }
-  },
-  ...props.pressTheme && {
-    pressStyle: {
-      borderColor: "$borderColorPress"
-    }
-  },
-  ...props.focusTheme && {
-    focusStyle: {
-      borderColor: "$borderColorFocus"
-    }
-  }
-}), padded = {
-  true: (_, extras) => {
-    const { tokens, props } = extras;
-    return {
-      padding: tokens.space[props.size] || tokens.space.$true
-    };
-  }
-}, radiused = {
-  true: (_, extras) => {
-    const { tokens, props } = extras;
-    return {
-      borderRadius: tokens.radius[props.size] || tokens.radius.$true
-    };
-  }
-}, circularStyle = {
-  borderRadius: 1e5,
-  padding: 0
-}, 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
-    };
-  }
-}, hoverTheme = {
-  true: {
-    hoverStyle: {
-      backgroundColor: "$backgroundHover",
-      borderColor: "$borderColorHover"
-    }
-  },
-  false: {}
-}, pressTheme = {
-  true: {
-    cursor: "pointer",
-    pressStyle: {
-      backgroundColor: "$backgroundPress",
-      borderColor: "$borderColorPress"
-    }
-  },
-  false: {}
-}, focusTheme = {
-  true: {
-    focusStyle: {
-      backgroundColor: "$backgroundFocus",
-      borderColor: "$borderColorFocus"
-    }
-  },
-  false: {}
-};
-//# sourceMappingURL=variants.js.map