@tamagui/web 1.116.0 → 1.116.2

package/dist/cjs/setupHooks.js

@@ -0,0 +1,25 @@
+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 setupHooks_exports = {};
+__export(setupHooks_exports, {
+  hooks: () => hooks,
+  setupHooks: () => setupHooks
+});
+module.exports = __toCommonJS(setupHooks_exports);
+const hooks = {};
+function setupHooks(next) {
+  Object.assign(hooks, next);
+}
+//# sourceMappingURL=setupHooks.js.map

package/dist/cjs/setupReactNative.js

@@ -0,0 +1,46 @@
+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 setupReactNative_exports = {};
+__export(setupReactNative_exports, {
+  getReactNativeConfig: () => getReactNativeConfig,
+  setupReactNative: () => setupReactNative
+});
+module.exports = __toCommonJS(setupReactNative_exports);
+const ReactNativeStaticConfigs = /* @__PURE__ */ new WeakMap();
+function getReactNativeConfig(Component) {
+  if (Component)
+    return Component.getSize && Component.prefetch ? RNConfigs.Image : Component.displayName === "Text" && Component.render ? RNConfigs.Text : Component.render && (Component.displayName === "ScrollView" || Component.displayName === "View") ? RNConfigs.default : Component.State?.blurTextInput ? RNConfigs.TextInput : ReactNativeStaticConfigs.get(Component);
+}
+const RNConfigs = {
+  Image: {
+    isReactNative: !0,
+    inlineProps: /* @__PURE__ */ new Set(["src", "width", "height"])
+  },
+  Text: {
+    isReactNative: !0,
+    isText: !0
+  },
+  TextInput: {
+    isReactNative: !0,
+    isInput: !0,
+    isText: !0
+  },
+  default: {
+    isReactNative: !0
+  }
+};
+function setupReactNative(rnExports) {
+}
+//# sourceMappingURL=setupReactNative.js.map

package/dist/cjs/styled.js

@@ -0,0 +1,74 @@
+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 styled_exports = {};
+__export(styled_exports, {
+  styled: () => styled
+});
+module.exports = __toCommonJS(styled_exports);
+var import_createComponent = require("./createComponent"), import_mergeVariants = require("./helpers/mergeVariants"), import_setupReactNative = require("./setupReactNative");
+function styled(ComponentIn, options, staticExtractionOptions) {
+  if (process.env.NODE_ENV !== "production" && !ComponentIn)
+    throw new Error("No component given to styled()");
+  const parentStaticConfig = ComponentIn.staticConfig, isPlainStyledComponent = !!parentStaticConfig && !(parentStaticConfig.isReactNative || parentStaticConfig.isHOC);
+  let Component = parentStaticConfig?.isHOC && !parentStaticConfig?.isStyledHOC || isPlainStyledComponent ? ComponentIn : parentStaticConfig?.Component || ComponentIn;
+  const reactNativeConfig = parentStaticConfig ? void 0 : (0, import_setupReactNative.getReactNativeConfig)(Component), isReactNative = !!(reactNativeConfig || staticExtractionOptions?.isReactNative || parentStaticConfig?.isReactNative), staticConfigProps = (() => {
+    let {
+      variants,
+      name,
+      defaultVariants,
+      acceptsClassName: acceptsClassNameProp,
+      context,
+      ...defaultProps
+    } = options || {}, parentDefaultVariants, parentDefaultProps;
+    if (parentStaticConfig && !(parentStaticConfig.isHOC && !parentStaticConfig.isStyledHOC)) {
+      const pdp = parentStaticConfig.defaultProps;
+      for (const key in pdp) {
+        const val = pdp[key];
+        parentStaticConfig.defaultVariants && key in parentStaticConfig.defaultVariants && (!defaultVariants || !(key in defaultVariants)) && (parentDefaultVariants ||= {}, parentDefaultVariants[key] = val), key in defaultProps || (parentDefaultProps ||= {}, parentDefaultProps[key] = pdp[key]);
+      }
+      parentStaticConfig.variants && (variants = (0, import_mergeVariants.mergeVariants)(parentStaticConfig.variants, variants));
+    }
+    (parentDefaultProps || defaultVariants || parentDefaultVariants) && (defaultProps = {
+      ...parentDefaultProps,
+      ...parentDefaultVariants,
+      ...defaultProps,
+      ...defaultVariants
+    }), parentStaticConfig?.isHOC && name && (defaultProps.componentName = name);
+    const isText = !!(staticExtractionOptions?.isText || parentStaticConfig?.isText), acceptsClassName = staticExtractionOptions?.acceptsClassName ?? acceptsClassNameProp ?? (isPlainStyledComponent || isReactNative || parentStaticConfig?.isHOC && parentStaticConfig?.acceptsClassName), conf = {
+      ...parentStaticConfig,
+      ...staticExtractionOptions,
+      ...!isPlainStyledComponent && {
+        Component
+      },
+      // @ts-expect-error
+      variants,
+      defaultProps,
+      defaultVariants,
+      componentName: name || parentStaticConfig?.componentName,
+      isReactNative,
+      isText,
+      acceptsClassName,
+      context,
+      ...reactNativeConfig,
+      isStyledHOC: !!parentStaticConfig?.isHOC,
+      parentStaticConfig
+    };
+    return (defaultProps.children || !acceptsClassName || context) && (conf.neverFlatten = !0), conf;
+  })(), component = (0, import_createComponent.createComponent)(staticConfigProps || {});
+  for (const key in ComponentIn)
+    key !== "propTypes" && (key in component || (component[key] = ComponentIn[key]));
+  return component;
+}
+//# sourceMappingURL=styled.js.map

package/dist/cjs/type-utils.js

@@ -0,0 +1,14 @@
+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;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var type_utils_exports = {};
+module.exports = __toCommonJS(type_utils_exports);
+//# sourceMappingURL=type-utils.js.map

package/dist/cjs/types.js

@@ -0,0 +1,16 @@
+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 types_exports = {};
+module.exports = __toCommonJS(types_exports);
+__reExport(types_exports, require("./interfaces/KeyTypes"), module.exports);
+__reExport(types_exports, require("./interfaces/TamaguiComponentState"), module.exports);
+//# sourceMappingURL=types.js.map

package/dist/cjs/views/Configuration.js

@@ -0,0 +1,34 @@
+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 Configuration_exports = {};
+__export(Configuration_exports, {
+  Configuration: () => Configuration
+});
+module.exports = __toCommonJS(Configuration_exports);
+var import_react = __toESM(require("react")), import_ComponentContext = require("../contexts/ComponentContext"), import_jsx_runtime = require("react/jsx-runtime");
+const Configuration = (props) => {
+  const current = import_react.default.useContext(import_ComponentContext.ComponentContext);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ComponentContext.ComponentContext.Provider, { ...current, ...props });
+};
+Configuration.displayName = "Configuration";
+//# sourceMappingURL=Configuration.js.map

package/dist/cjs/views/FontLanguage.js

@@ -0,0 +1,32 @@
+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 FontLanguage_exports = {};
+__export(FontLanguage_exports, {
+  FontLanguage: () => FontLanguage
+});
+module.exports = __toCommonJS(FontLanguage_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+const FontLanguage = ({ children, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  "div",
+  {
+    style: {
+      display: "contents"
+    },
+    className: Object.entries(props).map(([name, language]) => `t_lang-${name}-${language}`).join(" "),
+    children
+  }
+);
+FontLanguage.displayName = "FontLanguage";
+//# sourceMappingURL=FontLanguage.js.map

package/dist/cjs/views/FontLanguage.types.js

@@ -0,0 +1,14 @@
+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;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var FontLanguage_types_exports = {};
+module.exports = __toCommonJS(FontLanguage_types_exports);
+//# sourceMappingURL=FontLanguage.types.js.map

package/dist/cjs/views/Slot.js

@@ -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 Slot_exports = {};
+__export(Slot_exports, {
+  Slot: () => Slot,
+  Slottable: () => Slottable
+});
+module.exports = __toCommonJS(Slot_exports);
+var import_compose_refs = require("@tamagui/compose-refs"), import_constants = require("@tamagui/constants"), import_helpers = require("@tamagui/helpers"), import_react = require("react"), import_jsx_runtime = require("react/jsx-runtime");
+const is19 = import_react.version.startsWith("19."), Slot = (0, import_react.memo)(
+  (0, import_react.forwardRef)(function(props, forwardedRef) {
+    const { children, ...slotProps } = props;
+    if ((0, import_react.isValidElement)(children)) {
+      const mergedProps = mergeSlotProps(children, slotProps);
+      return (0, import_react.cloneElement)(
+        children,
+        children.type.avoidForwardRef ? mergedProps : {
+          ...mergedProps,
+          ref: (0, import_compose_refs.composeRefs)(
+            forwardedRef,
+            is19 ? children.props.ref : children.ref
+          )
+        }
+      );
+    }
+    return import_react.Children.count(children) > 1 ? import_react.Children.only(null) : null;
+  })
+), Slottable = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children });
+Slottable.displayName = "Slottable";
+const pressMap = import_constants.isWeb ? {
+  onPress: "onClick",
+  onPressOut: "onMouseUp",
+  onPressIn: "onMouseDown"
+} : {};
+function mergeSlotProps(child, slotProps) {
+  const childProps = child.props, overrideProps = { ...childProps }, isHTMLChild = typeof child.type == "string";
+  if (isHTMLChild)
+    for (const key in pressMap)
+      key in slotProps && (slotProps[pressMap[key]] = slotProps[key], delete slotProps[key]);
+  for (let propName in childProps) {
+    const slotPropValue = slotProps[propName], childPropValue = childProps[propName];
+    isHTMLChild && propName in pressMap && (propName = pressMap[propName], delete overrideProps[propName]), handleRegex.test(propName) ? overrideProps[propName] = (0, import_helpers.composeEventHandlers)(childPropValue, slotPropValue) : propName === "style" ? overrideProps[propName] = { ...slotPropValue, ...childPropValue } : propName === "className" && (overrideProps[propName] = [slotPropValue, childPropValue].filter(Boolean).join(" "));
+  }
+  return { ...slotProps, ...overrideProps };
+}
+const handleRegex = /^on[A-Z]/;
+//# sourceMappingURL=Slot.js.map

package/dist/cjs/views/Stack.js

@@ -0,0 +1,27 @@
+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 Stack_exports = {};
+__export(Stack_exports, {
+  Stack: () => Stack
+});
+module.exports = __toCommonJS(Stack_exports);
+var import_helpers = require("@tamagui/helpers"), import_constants = require("../constants/constants"), import_createComponent = require("../createComponent");
+const Stack = (0, import_createComponent.createComponent)({
+  acceptsClassName: !0,
+  defaultProps: import_constants.stackDefaultStyles,
+  validStyles: import_helpers.validStyles
+});
+Stack.displayName = "Stack";
+//# sourceMappingURL=Stack.js.map

package/dist/cjs/views/TamaguiProvider.js

@@ -0,0 +1,76 @@
+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 TamaguiProvider_exports = {};
+__export(TamaguiProvider_exports, {
+  TamaguiProvider: () => TamaguiProvider
+});
+module.exports = __toCommonJS(TamaguiProvider_exports);
+var import_constants = require("@tamagui/constants"), import_react = __toESM(require("react")), import_config = require("../config"), import_ComponentContext = require("../contexts/ComponentContext"), import_ThemeProvider = require("./ThemeProvider"), import_jsx_runtime = require("react/jsx-runtime");
+function TamaguiProvider({
+  children,
+  disableInjectCSS,
+  config,
+  className,
+  defaultTheme,
+  disableRootThemeClass,
+  reset,
+  themeClassNameOnRoot
+}) {
+  return process.env.TAMAGUI_REACT_19 || import_constants.isClient && (0, import_constants.useIsomorphicLayoutEffect)(() => {
+    if (config && !disableInjectCSS) {
+      const style = document.createElement("style");
+      return style.appendChild(document.createTextNode(config.getCSS())), document.head.appendChild(style), () => {
+        document.head.removeChild(style);
+      };
+    }
+  }, [config, disableInjectCSS]), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(UnmountedClassName, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ComponentContext.ComponentContext.Provider, { animationDriver: config?.animations, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_ThemeProvider.ThemeProvider,
+      {
+        themeClassNameOnRoot: themeClassNameOnRoot ?? (0, import_config.getSetting)("themeClassNameOnRoot"),
+        disableRootThemeClass: disableRootThemeClass ?? (0, import_config.getSetting)("disableRootThemeClass"),
+        defaultTheme: defaultTheme ?? (config ? Object.keys(config.themes)[0] : ""),
+        reset,
+        className,
+        children
+      }
+    ) }) }),
+    process.env.TAMAGUI_REACT_19 && config && !disableInjectCSS && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "style",
+      {
+        precedence: "default",
+        href: "tamagui-css",
+        children: config.getCSS()
+      },
+      "tamagui-css"
+    )
+  ] });
+}
+function UnmountedClassName(props) {
+  const [mounted, setMounted] = import_react.default.useState(!1);
+  return import_react.default.useEffect(() => {
+    setMounted(!0);
+  }, []), import_constants.isWeb ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { display: "contents" }, className: mounted ? "" : "t_unmounted", children: props.children }) : props.children;
+}
+TamaguiProvider.displayName = "TamaguiProvider";
+//# sourceMappingURL=TamaguiProvider.js.map

package/dist/cjs/views/Text.js

@@ -0,0 +1,77 @@
+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 Text_exports = {};
+__export(Text_exports, {
+  Text: () => Text
+});
+module.exports = __toCommonJS(Text_exports);
+var import_helpers = require("@tamagui/helpers"), import_createComponent = require("../createComponent");
+const ellipseStyle = {
+  maxWidth: "100%",
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  whiteSpace: "nowrap"
+}, defaultWebStyle = {
+  display: "inline",
+  // display: inline breaks css transform styles
+  boxSizing: "border-box",
+  wordWrap: "break-word",
+  whiteSpace: "pre-wrap",
+  margin: 0
+}, ellipsisStyle = ellipseStyle, Text = (0, import_createComponent.createComponent)({
+  acceptsClassName: !0,
+  isText: !0,
+  defaultProps: {
+    fontFamily: "unset",
+    ...defaultWebStyle
+  },
+  inlineWhenUnflattened: /* @__PURE__ */ new Set(["fontFamily"]),
+  variants: {
+    numberOfLines: {
+      1: ellipseStyle,
+      ":number": (numberOfLines) => numberOfLines >= 1 ? {
+        WebkitLineClamp: numberOfLines,
+        WebkitBoxOrient: "vertical",
+        display: "-webkit-box",
+        overflow: "hidden"
+      } : null
+    },
+    selectable: {
+      true: {
+        userSelect: "text",
+        cursor: "text"
+      },
+      false: {
+        userSelect: "none",
+        cursor: "default"
+      }
+    },
+    /**
+     * @deprecated Use ellipsis instead
+     */
+    ellipse: {
+      true: ellipsisStyle
+    },
+    ellipsis: {
+      true: ellipsisStyle
+    }
+  },
+  validStyles: {
+    ...import_helpers.validStyles,
+    ...import_helpers.stylePropsTextOnly
+  }
+});
+Text.displayName = "Text";
+//# sourceMappingURL=Text.js.map

package/dist/cjs/views/Theme.js

@@ -0,0 +1,103 @@
+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 Theme_exports = {};
+__export(Theme_exports, {
+  Theme: () => Theme,
+  getThemedChildren: () => getThemedChildren
+});
+module.exports = __toCommonJS(Theme_exports);
+var import_constants = require("@tamagui/constants"), import_react = __toESM(require("react")), import_createVariable = require("../createVariable"), import_ThemeManagerContext = require("../helpers/ThemeManagerContext"), import_useTheme = require("../hooks/useTheme"), import_ThemeDebug = require("./ThemeDebug"), import_log = require("../helpers/log"), import_jsx_runtime = require("react/jsx-runtime");
+const Theme = (0, import_react.forwardRef)(function({ children, ...props }, ref) {
+  if (props.disable)
+    return children;
+  const isRoot = !!props._isRoot, themeState = (0, import_useTheme.useChangeThemeEffect)(props, isRoot);
+  let finalChildren = props["disable-child-theme"] ? import_react.Children.map(
+    children,
+    (child) => (0, import_react.cloneElement)(child, { "data-disable-theme": !0 })
+  ) : children;
+  if (ref)
+    try {
+      import_react.default.Children.only(finalChildren), finalChildren = (0, import_react.cloneElement)(finalChildren, { ref });
+    } catch {
+    }
+  process.env.NODE_ENV === "development" && props.debug === "visualize" && (finalChildren = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ThemeDebug.ThemeDebug, { themeState, themeProps: props, children: finalChildren }));
+  const stateRef = (0, import_react.useRef)({
+    hasEverThemed: !1
+  });
+  return getThemedChildren(themeState, finalChildren, props, isRoot, stateRef);
+});
+Theme.displayName = "Theme";
+Theme.avoidForwardRef = !0;
+function getThemedChildren(themeState, children, props, isRoot = !1, stateRef) {
+  const { themeManager, isNewTheme } = themeState;
+  if (!themeManager)
+    return children;
+  const { shallow, forceClassName } = props;
+  let shouldRenderChildrenWithTheme = isNewTheme || isRoot || "inverse" in props || "name" in props || "reset" in props || "forceClassName" in props || stateRef.current.hasEverThemed;
+  if (shouldRenderChildrenWithTheme && (stateRef.current.hasEverThemed = !0), !shouldRenderChildrenWithTheme)
+    return children;
+  process.env.NODE_ENV === "development" && shouldRenderChildrenWithTheme && props.debug === "verbose" && (0, import_log.log)(
+    `adding theme: isRoot ${isRoot}, inverse ${"inverse" in props}, isNewTheme ${isNewTheme}, hasEver ${stateRef.current.hasEverThemed}`,
+    props
+  );
+  let next = children;
+  shallow && (next = import_react.Children.toArray(children).map((child) => (0, import_react.isValidElement)(child) ? (0, import_react.cloneElement)(
+    child,
+    void 0,
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Theme, { name: themeManager.state.parentName, children: child.props.children })
+  ) : child));
+  const elementsWithContext = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ThemeManagerContext.ThemeManagerIDContext.Provider, { value: themeManager.id, children: next });
+  return forceClassName === !1 ? elementsWithContext : import_constants.isWeb ? wrapThemeElements({
+    children: elementsWithContext,
+    themeState,
+    forceClassName,
+    isRoot
+  }) : elementsWithContext;
+}
+function wrapThemeElements({
+  children,
+  themeState,
+  forceClassName,
+  isRoot
+}) {
+  if (isRoot && forceClassName === !1)
+    return children;
+  const inverse = themeState.inversed, requiresExtraWrapper = typeof inverse == "boolean" || forceClassName, { className, style } = getThemeClassNameAndStyle(themeState, isRoot);
+  let themedChildren = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `${className} _dsp_contents is_Theme`, style, children });
+  if (requiresExtraWrapper) {
+    const name = themeState.state?.name || "", inverseClassName = name.startsWith("light") ? "t_light is_inversed" : name.startsWith("dark") ? "t_dark is_inversed" : "";
+    themedChildren = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `${inverse ? inverseClassName : ""} _dsp_contents`, children: themedChildren });
+  }
+  return themedChildren;
+}
+const emptyObj = {};
+function getThemeClassNameAndStyle(themeState, isRoot = !1) {
+  if (!themeState.isNewTheme)
+    return { className: "", style: emptyObj };
+  const themeColor = themeState.state?.theme && themeState.isNewTheme ? (0, import_createVariable.variableToString)(themeState.state.theme.color) : "", style = themeColor ? {
+    color: themeColor
+  } : void 0;
+  let className = themeState.state?.className || "";
+  return isRoot && (className = className.replace("t_sub_theme", "")), { style, className };
+}
+//# sourceMappingURL=Theme.js.map