@tamagui/web 1.114.3 → 1.115.0

package/dist/cjs/helpers/ThemeManager.cjs

@@ -0,0 +1,184 @@
+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 ThemeManager_exports = {};
+__export(ThemeManager_exports, {
+  ThemeManager: () => ThemeManager,
+  getHasThemeUpdatingProps: () => getHasThemeUpdatingProps,
+  getManagers: () => getManagers
+});
+module.exports = __toCommonJS(ThemeManager_exports);
+var import_constants = require("@tamagui/constants"),
+  import_config = require("../config.cjs"),
+  import_constants2 = require("../constants/constants.cjs");
+const emptyState = {
+  name: ""
+};
+function getHasThemeUpdatingProps(props) {
+  return !!(props.name || props.componentName || props.inverse || props.reset);
+}
+let uid = 0;
+class ThemeManager {
+  constructor(props = {}, parentManager) {
+    this.props = props;
+    if (uid = (uid + 1) % Number.MAX_VALUE, this.id = uid, parentManager === "root") {
+      this.updateStateFromProps(props, !1);
+      return;
+    }
+    if (!parentManager) throw process.env.NODE_ENV !== "production" ? new Error("No parent manager given, this is likely due to duplicated Tamagui dependencies. Check your lockfile for mis-matched versions. It could also be from an error somewhere else in your stack causing Tamagui to recieve undefined context, you can try putting some ErrorBoundary components around other areas of your app, or a Suspense boundary.") : "\u274C 000";
+    if (this.parentManager = parentManager, !this.updateStateFromProps(props, !1)) return parentManager;
+  }
+  id = 0;
+  themeListeners = /* @__PURE__ */new Set();
+  parentManager = null;
+  state = emptyState;
+  updateStateFromProps(props = this.props || {}, shouldNotify = !0) {
+    if (this.props = props, props.forceTheme) return this.state.theme = props.forceTheme, this.state.name = props.name || "", this.updateState(this.state, !0), this.state;
+    const nextState = this.getStateIfChanged(props);
+    if (nextState) return this.updateState(nextState, shouldNotify), nextState;
+  }
+  updateState(nextState, shouldNotify = !0) {
+    this.state = nextState, this._allKeys = null;
+  }
+  getStateIfChanged(props = this.props, state = this.state, parentManager = this.parentManager) {
+    const _ = this.getState(props, parentManager);
+    if (state && state !== emptyState && !_) return parentManager?.state;
+    if (this.getStateShouldChange(_, state)) return _;
+  }
+  getStateShouldChange(nextState, state = this.state) {
+    return !(!nextState?.theme || nextState.theme === state?.theme);
+  }
+  getState(props = this.props, parentManager = this.parentManager) {
+    return getState(props, parentManager) || null;
+  }
+  _allKeys = null;
+  get allKeys() {
+    return this._allKeys ||= /* @__PURE__ */new Set([...(this.parentManager?.allKeys || []), ...Object.keys(this.state.theme || {})]), this._allKeys;
+  }
+  notify(forced = !1) {
+    this.themeListeners.forEach(cb => cb(this.state.name, this, forced)), process.env.NODE_ENV !== "production" && (this._numChangeEventsSent ??= 0, this._numChangeEventsSent++);
+  }
+  _selfListener;
+  selfUpdate() {
+    this._selfListener?.(this.state.name, this, "self");
+  }
+  onChangeTheme(cb, debugId) {
+    return process.env.NODE_ENV !== "production" && debugId && (this._listeningIds ??= /* @__PURE__ */new Set(), this._listeningIds.add(debugId)), debugId === !0 && (this._selfListener = cb), this.themeListeners.add(cb), () => {
+      this.themeListeners.delete(cb);
+    };
+  }
+}
+function getState(props, manager) {
+  if (props.name && props.reset) throw new Error(process.env.NODE_ENV === "production" ? "\u274C004" : "Cannot reset and set a new name at the same time.");
+  if (!getHasThemeUpdatingProps(props)) return null;
+  const themes = (0, import_config.getThemes)(),
+    [allManagers, componentManagers] = getManagers(manager),
+    isDirectParentAComponentTheme = !!manager?.state.isComponent,
+    startIndex = props.reset && !isDirectParentAComponentTheme ? 1 : 0;
+  let baseManager = allManagers[startIndex],
+    parentManager = allManagers[startIndex + 1];
+  if (!baseManager && props.reset) return process.env.NODE_ENV !== "production" && console.warn("Cannot reset, no parent theme exists"), null;
+  const {
+    componentName
+  } = props;
+  let result = null,
+    baseName = baseManager?.state.name || "";
+  baseManager?.state.isComponent && (baseName = baseName.replace(/_[A-Z][A-Za-z]+/, ""));
+  const nextName = props.reset ? baseName : props.name || "",
+    allComponentThemes = componentManagers.map(x => x?.state.name || "");
+  isDirectParentAComponentTheme && allComponentThemes.shift();
+  const base = baseName.split(import_constants2.THEME_NAME_SEPARATOR),
+    max = base.length,
+    min = props.componentName && !nextName ? max : 0;
+  for (let i = max; i >= min; i--) {
+    let prefix = base.slice(0, i).join(import_constants2.THEME_NAME_SEPARATOR);
+    props.inverse && (prefix = inverseThemeName(prefix));
+    let potentials = [];
+    if (prefix && prefix !== baseName && prefix.includes(nextName) && potentials.push(prefix), nextName && potentials.unshift(prefix ? `${prefix}_${nextName}` : nextName), i === 1) {
+      const lastSegment = potentials.findIndex(x => !x.includes("_"));
+      lastSegment > 0 && potentials.splice(lastSegment, 0, nextName);
+    }
+    if (componentName && !props.reset) {
+      const baseLen = base.length;
+      let componentPotentials = [];
+      if (nextName && baseLen > 1) {
+        const beforeSeparator = base[0];
+        componentPotentials.push(`${beforeSeparator}_${nextName}_${componentName}`);
+      }
+      if (componentPotentials.push(`${prefix}_${componentName}`), nextName) {
+        if (i > baseLen) {
+          const prefixLessOne = base.slice(0, i - 1).join(import_constants2.THEME_NAME_SEPARATOR);
+          if (prefixLessOne) {
+            const lessSpecific = `${prefixLessOne}_${nextName}_${componentName}`;
+            componentPotentials.unshift(lessSpecific);
+          }
+        }
+        const moreSpecific = `${prefix}_${nextName}_${componentName}`;
+        componentPotentials.unshift(moreSpecific);
+      }
+      potentials = [...componentPotentials, ...potentials, ...allComponentThemes];
+    }
+    const found = potentials.find(t => t in themes);
+    if (process.env.NODE_ENV !== "production" && typeof props.debug == "string" && import_constants.isClient && console.info(` \u{1F537} [${manager?.id}] getState`, {
+      props,
+      found,
+      potentials,
+      baseManager,
+      nextName,
+      baseName,
+      prefix
+    }), found) {
+      const names = found.split("_"),
+        [firstName, ...restNames] = names,
+        lastName = names[names.length - 1],
+        isComponent = lastName[0] === lastName[0].toUpperCase(),
+        scheme = firstName === "light" ? "light" : firstName === "dark" ? "dark" : void 0,
+        pre = import_constants2.THEME_CLASSNAME_PREFIX,
+        className = import_constants.isWeb ? `${pre}sub_theme ${pre}${!scheme || !restNames.length ? firstName : restNames.join("_")}` : "",
+        parentName = (baseManager || parentManager)?.state?.name;
+      result = {
+        name: found,
+        parentName,
+        theme: themes[found],
+        className,
+        isComponent,
+        scheme
+      };
+      break;
+    }
+  }
+  return process.env.NODE_ENV !== "production" && props.debug === "verbose" && import_constants.isClient && (console.groupCollapsed("ThemeManager.getState()"), console.info({
+    props,
+    baseName,
+    base,
+    min,
+    max
+  }), console.warn("result", {
+    result
+  }), console.trace(), console.groupEnd()), result;
+}
+const inverseThemeName = themeName => themeName.startsWith("light") ? themeName.replace(/^light/, "dark") : themeName.replace(/^dark/, "light");
+function getManagers(themeManager) {
+  const comp = [],
+    all = [];
+  let cur = themeManager;
+  for (; cur;) all.push(cur), cur.state.isComponent && comp.push(cur), cur = cur.parentManager;
+  return [all, comp];
+}

package/dist/cjs/helpers/{ThemeManagerContext.js → ThemeManagerContext.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 ThemeManagerContext_exports = {};
 __export(ThemeManagerContext_exports, {
   ThemeManagerIDContext: () => ThemeManagerIDContext
 });
 module.exports = __toCommonJS(ThemeManagerContext_exports);
 var import_react = __toESM(require("react"));
-const ThemeManagerIDContext = import_react.default.createContext(1);
-//# sourceMappingURL=ThemeManagerContext.js.map
+const ThemeManagerIDContext = import_react.default.createContext(1);

package/dist/cjs/helpers/createMediaStyle.cjs

@@ -0,0 +1,96 @@
+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 createMediaStyle_exports = {};
+__export(createMediaStyle_exports, {
+  MEDIA_SEP: () => MEDIA_SEP,
+  createMediaStyle: () => createMediaStyle
+});
+module.exports = __toCommonJS(createMediaStyle_exports);
+var import_config = require("../config.cjs"),
+  import_useMedia = require("../hooks/useMedia.cjs"),
+  import_getGroupPropParts = require("./getGroupPropParts.cjs");
+const MEDIA_SEP = "_";
+let prefixes = null,
+  selectors = null;
+const groupPseudoToPseudoCSSMap = {
+    press: "active"
+  },
+  specificities = new Array(5).fill(0).map((_, i) => new Array(i).fill(":root").join(""));
+function getThemeOrGroupSelector(name, styleInner, isGroup, groupParts, isTheme = !1, precedenceImportancePrefix = "") {
+  const selectorStart = styleInner.lastIndexOf(":root") + 5,
+    selectorEnd = styleInner.lastIndexOf("{"),
+    selector = styleInner.slice(selectorStart, selectorEnd),
+    precedenceSpace = (0, import_config.getSetting)("themeClassNameOnRoot") && isTheme ? "" : " ",
+    pseudoSelectorName = groupParts.pseudo ? groupPseudoToPseudoCSSMap[groupParts.pseudo] || groupParts.pseudo : void 0,
+    pseudoSelector = pseudoSelectorName ? `:${pseudoSelectorName}` : "",
+    presedencePrefix = `:root${precedenceImportancePrefix}${precedenceSpace}`,
+    mediaSelector = `.t_${isGroup ? "group_" : ""}${name}${pseudoSelector}`;
+  return [selector, `${presedencePrefix}${mediaSelector} ${selector.replaceAll(":root", "")}`];
+}
+const createMediaStyle = (styleObject, mediaKeyIn, mediaQueries, type, negate, priority) => {
+  const [property,, identifier, pseudoIn, rules] = styleObject,
+    enableMediaPropOrder = (0, import_config.getSetting)("mediaPropOrder"),
+    isTheme = type === "theme",
+    isPlatform = type === "platform",
+    isGroup = type === "group",
+    isNonWindowMedia = isTheme || isPlatform || isGroup,
+    negKey = negate ? "0" : "",
+    ogPrefix = identifier.slice(0, identifier.indexOf("-") + 1),
+    id = `${ogPrefix}${MEDIA_SEP}${mediaKeyIn.replace("-", "")}${negKey}${MEDIA_SEP}`;
+  let styleRule = "",
+    groupPriority = "",
+    groupMediaKey,
+    containerName,
+    nextIdentifier = identifier.replace(ogPrefix, id),
+    styleInner = rules.map(rule => rule.replace(identifier, nextIdentifier)).join(";"),
+    isHover = !1;
+  if (isNonWindowMedia) {
+    let specificity = (priority || 0) + (isGroup || isPlatform ? 1 : 0);
+    if (isTheme || isGroup) {
+      const groupParts = (0, import_getGroupPropParts.getGroupPropParts)(isTheme ? "theme-" + mediaKeyIn : mediaKeyIn),
+        {
+          name,
+          media,
+          pseudo
+        } = groupParts;
+      groupMediaKey = media, isGroup && (containerName = name), (pseudo === "press" || pseudoIn === "active") && (specificity += 2), pseudo === "hover" && (isHover = !0);
+      const [selector, nextSelector] = getThemeOrGroupSelector(name, styleInner, isGroup, groupParts, isTheme, specificities[specificity]);
+      styleRule = styleInner.replace(selector, nextSelector);
+    } else styleRule = `${specificities[specificity]}${styleInner}`;
+  }
+  if (!isNonWindowMedia || groupMediaKey) {
+    if (!selectors) {
+      const mediaKeys = Object.keys(mediaQueries);
+      selectors = Object.fromEntries(mediaKeys.map(key => [key, (0, import_useMedia.mediaObjectToString)(mediaQueries[key])])), enableMediaPropOrder || (prefixes = Object.fromEntries(mediaKeys.map((k, index) => [k, new Array(index + 1).fill(":root").join("")])));
+    }
+    const mediaKey = groupMediaKey || mediaKeyIn,
+      mediaSelector = selectors[mediaKey],
+      mediaQuery = `${negate ? "not all and " : ""}${mediaSelector}`,
+      precedenceImportancePrefix = groupMediaKey ? groupPriority : enableMediaPropOrder && priority ?
+      // this new array should be cached
+      specificities[priority] :
+      // @ts-ignore
+      prefixes[mediaKey],
+      prefix = groupMediaKey ? `@container ${containerName}` : "@media";
+    groupMediaKey && (styleInner = styleRule), styleInner.includes(prefix) ? styleRule = styleInner.replace("{", ` and ${mediaQuery} {`).replace("and screen and", "and") : styleRule = `${prefix} ${mediaQuery}{${precedenceImportancePrefix}${styleInner}}`, groupMediaKey && (styleRule = `@supports (contain: ${(0, import_config.getSetting)("webContainerType") || "inline-size"}) {${styleRule}}`);
+  }
+  return isHover && (styleRule = `@media (hover:hover){${styleRule}}`), [property, void 0, nextIdentifier, void 0, [styleRule]];
+};

package/dist/cjs/helpers/{createShallowSetState.js → createShallowSetState.cjs}

@@ -3,15 +3,21 @@ 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 createShallowSetState_exports = {};
 __export(createShallowSetState_exports, {
   createShallowSetState: () => createShallowSetState,
@@ -20,25 +26,26 @@ __export(createShallowSetState_exports, {
 });
 module.exports = __toCommonJS(createShallowSetState_exports);
 var import_react = require("react");
-const callImmediate = (cb) => cb();
+const callImmediate = cb => cb();
 function createShallowSetState(setter, isDisabled, transition, debug) {
-  return (next) => {
+  return next => {
     (transition ? import_react.startTransition : callImmediate)(() => {
-      setter((prev) => mergeIfNotShallowEqual(prev, next, isDisabled, debug));
+      setter(prev => mergeIfNotShallowEqual(prev, next, isDisabled, debug));
     });
   };
 }
 function mergeIfNotShallowEqual(prev, next, isDisabled, debug) {
-  if (isDisabled || !prev || !next || isEqualShallow(prev, next))
-    return prev || next;
-  if (process.env.NODE_ENV === "development" && debug && (console.info("setStateShallow CHANGE", { prev, next }), debug === "break"))
-    debugger;
-  return { ...prev, ...next };
+  if (isDisabled || !prev || !next || isEqualShallow(prev, next)) return prev || next;
+  if (process.env.NODE_ENV === "development" && debug && (console.info("setStateShallow CHANGE", {
+    prev,
+    next
+  }), debug === "break")) debugger;
+  return {
+    ...prev,
+    ...next
+  };
 }
 function isEqualShallow(prev, next) {
-  for (const key in next)
-    if (prev[key] !== next[key])
-      return !1;
+  for (const key in next) if (prev[key] !== next[key]) return !1;
   return !0;
-}
-//# sourceMappingURL=createShallowSetState.js.map
+}

package/dist/cjs/helpers/createStyledContext.cjs

@@ -0,0 +1,70 @@
+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 __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 __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);
+var createStyledContext_exports = {};
+__export(createStyledContext_exports, {
+  createStyledContext: () => createStyledContext
+});
+module.exports = __toCommonJS(createStyledContext_exports);
+var import_react = __toESM(require("react")),
+  import_objectIdentityKey = require("./objectIdentityKey.cjs"),
+  import_jsx_runtime = require("react/jsx-runtime");
+function createStyledContext(defaultValues) {
+  const OGContext = import_react.default.createContext(defaultValues),
+    OGProvider = OGContext.Provider,
+    Context = OGContext,
+    scopedContexts = /* @__PURE__ */new Map();
+  function getOrCreateScopedContext(scope) {
+    let ScopedContext = scopedContexts.get(scope);
+    return ScopedContext || (ScopedContext = import_react.default.createContext(defaultValues), scopedContexts.set(scope, ScopedContext)), ScopedContext;
+  }
+  const Provider = ({
+      children,
+      scope,
+      ...values
+    }) => {
+      const next = import_react.default.useMemo(() => ({
+        // this ! is a workaround for ts error
+        ...defaultValues,
+        ...values
+      }), [(0, import_objectIdentityKey.objectIdentityKey)(values)]);
+      let Provider2 = OGProvider;
+      return scope && (Provider2 = getOrCreateScopedContext(scope).Provider), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Provider2, {
+        value: next,
+        children
+      });
+    },
+    useStyledContext = scope => {
+      const context = scope ? getOrCreateScopedContext(scope) : OGContext;
+      return import_react.default.useContext(context);
+    };
+  return Context.Provider = Provider, Context.props = defaultValues, Context.context = OGContext, Context.useStyledContext = useStyledContext, Context;
+}

package/dist/cjs/helpers/defaultOffset.cjs

@@ -0,0 +1,29 @@
+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 defaultOffset_exports = {};
+__export(defaultOffset_exports, {
+  defaultOffset: () => defaultOffset
+});
+module.exports = __toCommonJS(defaultOffset_exports);
+const defaultOffset = {
+  height: 0,
+  width: 0
+};

package/dist/cjs/helpers/expandStyle.cjs

@@ -0,0 +1,67 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all2) => {
+    for (var name in all2) __defProp(target, name, {
+      get: all2[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 expandStyle_exports = {};
+__export(expandStyle_exports, {
+  expandStyle: () => expandStyle
+});
+module.exports = __toCommonJS(expandStyle_exports);
+var import_constants = require("@tamagui/constants"),
+  import_webToNativeProps = require("../constants/webToNativeProps.cjs"),
+  import_config = require("../config.cjs");
+const neg1Flex = [["flexGrow", 0], ["flexShrink", 1], ["flexBasis", "auto"]];
+function expandStyle(key, value) {
+  if (key === "flex") return value === -1 ? neg1Flex : [["flexGrow", value], ["flexShrink", 1], ["flexBasis", (0, import_config.getConfig)().settings.styleCompat === "react-native" ? 0 : "auto"]];
+  switch (key) {
+    case "textAlignVertical":
+      return [["verticalAlign", value === "center" ? "middle" : value]];
+    case "writingDirection":
+      return [["direction", value]];
+  }
+  if (key in EXPANSIONS) return EXPANSIONS[key].map(key2 => [key2, value]);
+  if (key in import_webToNativeProps.webToNativeExpansion) return import_webToNativeProps.webToNativeExpansion[key].map(key2 => [key2, value]);
+  if (key in import_webToNativeProps.webToNativeDynamicExpansion) return import_webToNativeProps.webToNativeDynamicExpansion[key](value);
+}
+const all = ["Top", "Right", "Bottom", "Left"],
+  horiz = ["Right", "Left"],
+  vert = ["Top", "Bottom"],
+  xy = ["X", "Y"],
+  EXPANSIONS = {
+    borderColor: ["TopColor", "RightColor", "BottomColor", "LeftColor"],
+    borderRadius: ["TopLeftRadius", "TopRightRadius", "BottomRightRadius", "BottomLeftRadius"],
+    borderWidth: ["TopWidth", "RightWidth", "BottomWidth", "LeftWidth"],
+    margin: all,
+    marginHorizontal: horiz,
+    marginVertical: vert,
+    overscrollBehavior: xy,
+    padding: all,
+    paddingHorizontal: horiz,
+    paddingVertical: vert,
+    ...(import_constants.isWeb && {
+      // react-native only supports borderStyle
+      borderStyle: ["TopStyle", "RightStyle", "BottomStyle", "LeftStyle"],
+      // react-native doesn't support X / Y
+      overflow: xy
+    })
+  };
+for (const parent in EXPANSIONS) {
+  const prefix = parent.slice(0, /[A-Z]/.exec(parent)?.index ?? parent.length);
+  EXPANSIONS[parent] = EXPANSIONS[parent].map(k => `${prefix}${k}`);
+}

package/dist/cjs/helpers/expandStyles.cjs

@@ -0,0 +1,40 @@
+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 expandStyles_exports = {};
+__export(expandStyles_exports, {
+  fixStyles: () => fixStyles
+});
+module.exports = __toCommonJS(expandStyles_exports);
+var import_constants = require("@tamagui/constants"),
+  import_normalizeShadow = require("./normalizeShadow.cjs");
+function fixStyles(style) {
+  (style.shadowRadius != null || style.shadowColor || style.shadowOpacity != null || style.shadowOffset) && Object.assign(style, (0, import_normalizeShadow.normalizeShadow)(style));
+  for (const key in borderDefaults) key in style && (style[borderDefaults[key]] ||= "solid");
+}
+const nativeStyle = import_constants.isWeb ? null : "borderStyle",
+  borderDefaults = {
+    borderWidth: "borderStyle",
+    borderBottomWidth: nativeStyle || "borderBottomStyle",
+    borderTopWidth: nativeStyle || "borderTopStyle",
+    borderLeftWidth: nativeStyle || "borderLeftStyle",
+    borderRightWidth: nativeStyle || "borderRightStyle"
+    // TODO: need to add borderBlock and borderInline here, but they are alot and might impact performance
+  };

package/dist/cjs/helpers/getExpandedShorthands.cjs

@@ -0,0 +1,33 @@
+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 getExpandedShorthands_exports = {};
+__export(getExpandedShorthands_exports, {
+  getExpandedShorthands: () => getExpandedShorthands
+});
+module.exports = __toCommonJS(getExpandedShorthands_exports);
+var import_config = require("../config.cjs");
+function getExpandedShorthands(props) {
+  const shorthands = (0, import_config.getConfig)().shorthands;
+  if (!shorthands) return props;
+  const res = {};
+  for (const key in props) res[shorthands[key] || key] = props[key];
+  return res;
+}