@tamagui/web 2.7.7 → 3.0.0-beta.643.1

package/dist/esm/views/Text.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["stylePropsTextOnly","validStyles","createComponent","ellipsisStyle","maxWidth","overflow","textOverflow","whiteSpace","Text","componentName","acceptsClassName","isText","defaultProps","inlineWhenUnflattened","Set","inlineProps","variants","numberOfLines","WebkitLineClamp","WebkitBoxOrient","display","ellipsis","true"],"sources":["Text.mjs"],"sourcesContent":["import { stylePropsTextOnly, validStyles } from \"@tamagui/helpers\";\nimport { createComponent } from \"../createComponent\";\n\nconst ellipsisStyle = {\n\tmaxWidth: \"100%\",\n\toverflow: \"hidden\",\n\ttextOverflow: \"ellipsis\",\n\twhiteSpace: \"nowrap\"\n};\nconst Text = createComponent({\n\tcomponentName: \"Text\",\n\tacceptsClassName: true,\n\tisText: true,\n\tdefaultProps: void 0,\n\tinlineWhenUnflattened: /* @__PURE__ */ new Set([\"fontFamily\"]),\n\tinlineProps: /* @__PURE__ */ new Set([\"maxFontSizeMultiplier\"]),\n\tvariants: {\n\t\tnumberOfLines: {\n\t\t\t1: ellipsisStyle,\n\t\t\t\":number\": (numberOfLines) => numberOfLines >= 1 ? {\n\t\t\t\tmaxWidth: \"100%\",\n\t\t\t\tWebkitLineClamp: numberOfLines,\n\t\t\t\tWebkitBoxOrient: \"vertical\",\n\t\t\t\tdisplay: \"-webkit-box\",\n\t\t\t\toverflow: \"hidden\"\n\t\t\t} : null\n\t\t},\n\t\tellipsis: { true: ellipsisStyle }\n\t},\n\tvalidStyles: {\n\t\t...validStyles,\n\t\t...stylePropsTextOnly\n\t}\n});\n\nexport { Text };"],"mappings":"AAAA,SAASA,kBAAkB,EAAEC,WAAW,QAAQ,kBAAkB;AAClE,SAASC,eAAe,QAAQ,wBAAoB;AAEpD,MAAMC,aAAa,GAAG;EACrBC,QAAQ,EAAE,MAAM;EAChBC,QAAQ,EAAE,QAAQ;EAClBC,YAAY,EAAE,UAAU;EACxBC,UAAU,EAAE;AACb,CAAC;AACD,MAAMC,IAAI,GAAGN,eAAe,CAAC;EAC5BO,aAAa,EAAE,MAAM;EACrBC,gBAAgB,EAAE,IAAI;EACtBC,MAAM,EAAE,IAAI;EACZC,YAAY,EAAE,KAAK,CAAC;EACpBC,qBAAqB,EAAE,eAAgB,IAAIC,GAAG,CAAC,CAAC,YAAY,CAAC,CAAC;EAC9DC,WAAW,EAAE,eAAgB,IAAID,GAAG,CAAC,CAAC,uBAAuB,CAAC,CAAC;EAC/DE,QAAQ,EAAE;IACTC,aAAa,EAAE;MACd,CAAC,EAAEd,aAAa;MAChB,SAAS,EAAGc,aAAa,IAAKA,aAAa,IAAI,CAAC,GAAG;QAClDb,QAAQ,EAAE,MAAM;QAChBc,eAAe,EAAED,aAAa;QAC9BE,eAAe,EAAE,UAAU;QAC3BC,OAAO,EAAE,aAAa;QACtBf,QAAQ,EAAE;MACX,CAAC,GAAG;IACL,CAAC;IACDgB,QAAQ,EAAE;MAAEC,IAAI,EAAEnB;IAAc;EACjC,CAAC;EACDF,WAAW,EAAE;IACZ,GAAGA,WAAW;IACd,GAAGD;EACJ;AACD,CAAC,CAAC;AAEF,SAASQ,IAAI","ignoreList":[]}
+{"version":3,"file":"Text.js","names":[],"sources":["esm/views/Text.js"],"sourcesContent":["import { stylePropsTextOnly, validStyles } from \"@tamagui/helpers\";\nimport { createComponent } from \"../createComponent\";\nimport { setComponentDisplayName } from \"../helpers/componentDisplayName\";\n\nconst ellipsisStyle = {\n\tmaxWidth: \"100%\",\n\toverflow: \"hidden\",\n\ttextOverflow: \"ellipsis\",\n\twhiteSpace: \"nowrap\"\n};\nconst textStaticConfig = {\n\tacceptsClassName: true,\n\tisText: true,\n\tdefaultProps: void 0,\n\tinlineProps: /* @__PURE__ */ new Set([\"maxFontSizeMultiplier\"]),\n\tvariants: {\n\t\tnumberOfLines: {\n\t\t\t1: ellipsisStyle,\n\t\t\tnumber: (numberOfLines) => numberOfLines >= 1 ? {\n\t\t\t\tmaxWidth: \"100%\",\n\t\t\t\tWebkitLineClamp: numberOfLines,\n\t\t\t\tWebkitBoxOrient: \"vertical\",\n\t\t\t\tdisplay: \"-webkit-box\",\n\t\t\t\toverflow: \"hidden\"\n\t\t\t} : null\n\t\t},\n\t\tellipsis: { true: ellipsisStyle }\n\t},\n\tvalidStyles: {\n\t\t...validStyles,\n\t\t...stylePropsTextOnly\n\t}\n};\nconst Text = setComponentDisplayName(createComponent(textStaticConfig), \"Text\");\n\nexport { Text, textStaticConfig };"],"mappings":";;;;;AAIA,MAAM,gBAAgB;CACrB,UAAU;CACV,UAAU;CACV,cAAc;CACd,YAAY;AACb;AACA,MAAM,mBAAmB;CACxB,kBAAkB;CAClB,QAAQ;CACR,cAAc,KAAK;CACnB,6BAA6B,IAAI,IAAI,CAAC,uBAAuB,CAAC;CAC9D,UAAU;EACT,eAAe;GACd,GAAG;GACH,SAAS,kBAAkB,iBAAiB,IAAI;IAC/C,UAAU;IACV,iBAAiB;IACjB,iBAAiB;IACjB,SAAS;IACT,UAAU;GACX,IAAI;EACL;EACA,UAAU,EAAE,MAAM,cAAc;CACjC;CACA,aAAa;EACZ,GAAG;EACH,GAAG;CACJ;AACD;AACA,MAAM,OAAO,wBAAwB,gBAAgB,gBAAgB,GAAG,MAAM"}

package/dist/esm/views/Text.native.js

@@ -1,26 +1,22 @@
 import { stylePropsTextOnly, validStyles } from "@tamagui/helpers";
 import { createComponent } from "../createComponent.native.js";
-var Text = createComponent({
-  componentName: "Text",
-  acceptsClassName: true,
-  isText: true,
-  defaultProps: {
-    suppressHighlighting: true
-  },
-  inlineWhenUnflattened: /* @__PURE__ */new Set(["fontFamily"]),
-  inlineProps: /* @__PURE__ */new Set(["maxFontSizeMultiplier"]),
-  variants: {
-    ellipsis: {
-      true: {
-        numberOfLines: 1,
-        lineBreakMode: "clip"
-      }
-    }
-  },
-  validStyles: {
-    ...validStyles,
-    ...stylePropsTextOnly
-  }
-});
-export { Text };
+import { setComponentDisplayName } from "../helpers/componentDisplayName.native.js";
+
+var textStaticConfig = {
+	acceptsClassName: true,
+	isText: true,
+	defaultProps: { suppressHighlighting: true },
+	inlineProps: /* @__PURE__ */ new Set(["maxFontSizeMultiplier"]),
+	variants: { ellipsis: { true: {
+		numberOfLines: 1,
+		lineBreakMode: "clip"
+	} } },
+	validStyles: {
+		...validStyles,
+		...stylePropsTextOnly
+	}
+};
+var Text = setComponentDisplayName(createComponent(textStaticConfig), "Text");
+
+export { Text, textStaticConfig };
 //# sourceMappingURL=Text.native.js.map

package/dist/esm/views/Text.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["stylePropsTextOnly","validStyles","createComponent","Text","componentName","acceptsClassName","isText","defaultProps","suppressHighlighting","inlineWhenUnflattened","Set","inlineProps","variants","ellipsis","true","numberOfLines","lineBreakMode"],"sources":["Text.native.js"],"sourcesContent":["import { stylePropsTextOnly, validStyles } from \"@tamagui/helpers\";\nimport { createComponent } from \"../createComponent\";\n\nvar Text = createComponent({\n\tcomponentName: \"Text\",\n\tacceptsClassName: true,\n\tisText: true,\n\tdefaultProps: { suppressHighlighting: true },\n\tinlineWhenUnflattened: /* @__PURE__ */ new Set([\"fontFamily\"]),\n\tinlineProps: /* @__PURE__ */ new Set([\"maxFontSizeMultiplier\"]),\n\tvariants: { ellipsis: { true: {\n\t\tnumberOfLines: 1,\n\t\tlineBreakMode: \"clip\"\n\t} } },\n\tvalidStyles: {\n\t\t...validStyles,\n\t\t...stylePropsTextOnly\n\t}\n});\n\nexport { Text };"],"mappings":"AAAA,SAASA,kBAAkB,EAAEC,WAAW,QAAQ,kBAAkB;AAClE,SAASC,eAAe,QAAQ,8BAAoB;AAEpD,IAAIC,IAAI,GAAGD,eAAe,CAAC;EAC1BE,aAAa,EAAE,MAAM;EACrBC,gBAAgB,EAAE,IAAI;EACtBC,MAAM,EAAE,IAAI;EACZC,YAAY,EAAE;IAAEC,oBAAoB,EAAE;EAAK,CAAC;EAC5CC,qBAAqB,EAAE,eAAgB,IAAIC,GAAG,CAAC,CAAC,YAAY,CAAC,CAAC;EAC9DC,WAAW,EAAE,eAAgB,IAAID,GAAG,CAAC,CAAC,uBAAuB,CAAC,CAAC;EAC/DE,QAAQ,EAAE;IAAEC,QAAQ,EAAE;MAAEC,IAAI,EAAE;QAC7BC,aAAa,EAAE,CAAC;QAChBC,aAAa,EAAE;MAChB;IAAE;EAAE,CAAC;EACLf,WAAW,EAAE;IACZ,GAAGA,WAAW;IACd,GAAGD;EACJ;AACD,CAAC,CAAC;AAEF,SAASG,IAAI","ignoreList":[]}
+{"version":3,"file":"Text.native.js","names":[],"sources":["esm/views/Text.native.js"],"sourcesContent":["import { stylePropsTextOnly, validStyles } from \"@tamagui/helpers\";\nimport { createComponent } from \"../createComponent\";\nimport { setComponentDisplayName } from \"../helpers/componentDisplayName\";\n\nvar textStaticConfig = {\n\tacceptsClassName: true,\n\tisText: true,\n\tdefaultProps: { suppressHighlighting: true },\n\tinlineProps: /* @__PURE__ */ new Set([\"maxFontSizeMultiplier\"]),\n\tvariants: { ellipsis: { true: {\n\t\tnumberOfLines: 1,\n\t\tlineBreakMode: \"clip\"\n\t} } },\n\tvalidStyles: {\n\t\t...validStyles,\n\t\t...stylePropsTextOnly\n\t}\n};\nvar Text = setComponentDisplayName(createComponent(textStaticConfig), \"Text\");\n\nexport { Text, textStaticConfig };"],"mappings":";;;;;AAIA,IAAI,mBAAmB;CACtB,kBAAkB;CAClB,QAAQ;CACR,cAAc,EAAE,sBAAsB,KAAK;CAC3C,6BAA6B,IAAI,IAAI,CAAC,uBAAuB,CAAC;CAC9D,UAAU,EAAE,UAAU,EAAE,MAAM;EAC7B,eAAe;EACf,eAAe;CAChB,EAAE,EAAE;CACJ,aAAa;EACZ,GAAG;EACH,GAAG;CACJ;AACD;AACA,IAAI,OAAO,wBAAwB,gBAAgB,gBAAgB,GAAG,MAAM"}

package/dist/esm/views/Theme.mjs

@@ -1,161 +1,140 @@
-import { isWeb } from "@tamagui/constants";
-import React, { Children, cloneElement, forwardRef, isValidElement, useRef } from "react";
+import { createRefComponent } from "@tamagui/compose-refs";
+import { isWeb, useIsomorphicLayoutEffect } from "@tamagui/constants";
+import { getThemeClassNames } from "@tamagui/helpers";
+import React, { Children, cloneElement, isValidElement, useRef } from "react";
+import { getConfig } from "../config.mjs";
 import { variableToString } from "../createVariable.mjs";
+import { formatDiagnostic } from "../helpers/formatDiagnostic.mjs";
+import { insertStyleRules, shouldInsertStyleRules, updateRules } from "../helpers/insertStyleRule.mjs";
+import { getInlineValuesFromProps, getVariablesCSSRules } from "../helpers/variables.mjs";
 import { useThemeWithState } from "../hooks/useTheme.mjs";
-import { getThemeState, hasThemeUpdatingProps, ThemeStateContext } from "../hooks/useThemeState.mjs";
+import { ThemeStateContext, getThemeState, hasThemeUpdatingProps } from "../hooks/useThemeState.mjs";
 import { ThemeDebug } from "./ThemeDebug.mjs";
 import { jsx } from "react/jsx-runtime";
-const Theme = forwardRef(function Theme2(props, ref) {
-  "use no memo";
 
-  if (props.disable) {
-    return props.children;
-  }
-  const {
-    passThrough
-  } = props;
-  const isRoot = !!props["_isRoot"];
-  const [_, themeState] = useThemeWithState(props, isRoot, true);
-  const disableDirectChildTheme = props["disable-child-theme"];
-  let finalChildren = disableDirectChildTheme ? Children.map(props.children, child => passThrough || !isValidElement(child) ? child : cloneElement(child, {
-    ["data-disable-theme"]: true
-  })) : props.children;
-  if (ref) {
-    try {
-      React.Children.only(finalChildren);
-      finalChildren = cloneElement(finalChildren, {
-        ref
-      });
-    } catch {}
-  }
-  const stateRef = useRef({
-    hasEverThemed: false
-  });
-  return getThemedChildren(themeState, finalChildren, props, isRoot, stateRef, passThrough);
+const useInsertEffectCompat = isWeb ? React.useInsertionEffect || useIsomorphicLayoutEffect : () => {};
+const Theme = createRefComponent(function Theme2(props, ref) {
+	"use no memo";
+	if (props.disable) return props.children;
+	const { passThrough } = props;
+	const isRoot = !!props["_isRoot"];
+	const config = getConfig();
+	const inlineValues = getInlineValuesFromProps(props, config);
+	let inlineCSS = null;
+	let rulesToInsert = null;
+	if (inlineValues) {
+		inlineCSS = getVariablesCSSRules(inlineValues, config);
+		if (inlineCSS && shouldInsertStyleRules(inlineCSS.identifier)) {
+			updateRules(inlineCSS.identifier, inlineCSS.rules);
+			rulesToInsert = { [inlineCSS.identifier]: [
+				"variables",
+				"",
+				inlineCSS.identifier,
+				void 0,
+				inlineCSS.rules
+			] };
+		}
+	}
+	useInsertEffectCompat(() => {
+		if (rulesToInsert) insertStyleRules(rulesToInsert);
+	}, [inlineCSS?.identifier]);
+	const themeProps = inlineValues ? {
+		...props,
+		inlineValues,
+		inlineClassName: inlineCSS?.identifier
+	} : props;
+	const [_, themeState] = useThemeWithState(themeProps, isRoot, true);
+	useIsomorphicLayoutEffect(() => {}, [
+		themeState.id,
+		themeState.name,
+		themeState.theme
+	]);
+	let finalChildren = props["disable-child-theme"] ? Children.map(props.children, (child) => passThrough || !isValidElement(child) ? child : cloneElement(child, { ["data-disable-theme"]: true })) : props.children;
+	if (ref) try {
+		React.Children.only(finalChildren);
+		finalChildren = cloneElement(finalChildren, { ref });
+	} catch {}
+	const stateRef = useRef({ hasEverThemed: false });
+	return getThemedChildren(themeState, finalChildren, themeProps, isRoot, stateRef, passThrough);
 });
 Theme["avoidForwardRef"] = true;
 function getThemedChildren(themeState, children, props, isRoot = false, stateRef, passThrough = false) {
-  const {
-    shallow,
-    forceClassName
-  } = props;
-  const state = stateRef.current;
-  let hasEverThemed = state.hasEverThemed;
-  let shouldRenderChildrenWithTheme = hasEverThemed || themeState.isNew || isRoot || hasThemeUpdatingProps(props);
-  if (process.env.NODE_ENV === "development" && props.debug === "visualize") {
-    children = /* @__PURE__ */jsx(ThemeDebug, {
-      themeState,
-      themeProps: props,
-      children
-    });
-  }
-  if (!shouldRenderChildrenWithTheme) {
-    return children;
-  }
-  children = /* @__PURE__ */jsx(ThemeStateContext.Provider, {
-    value: themeState.id,
-    children
-  });
-  const {
-    isInverse,
-    name
-  } = themeState;
-  const requiresExtraWrapper = isInverse || forceClassName;
-  if (!state.hasEverThemed) {
-    state.hasEverThemed = true;
-  }
-  if (requiresExtraWrapper ||
-  // if the theme is exactly dark or light, its likely to change between dark/light
-  // and that would require wrapping which would re-parent, so to avoid re-parenting do this
-  themeState.name === "dark" || themeState.name === "light") {
-    state.hasEverThemed = "wrapped";
-  }
-  if (shallow) {
-    if (!themeState.parentId) {} else {
-      const parentState = getThemeState(themeState.isNew ? themeState.id : themeState.parentId);
-      if (!parentState) throw new Error(`\u203C\uFE0F010`);
-      children = Children.toArray(children).map(child => {
-        return isValidElement(child) ? passThrough ? child : cloneElement(child, void 0, /* @__PURE__ */jsx(Theme, {
-          name: parentState.name,
-          children: child.props.children
-        })) : child;
-      });
-    }
-  }
-  if (process.env.NODE_ENV === "development") {
-    if (!passThrough && props.debug) {
-      console.warn(` getThemedChildren`, {
-        requiresExtraWrapper,
-        forceClassName,
-        themeState,
-        state,
-        themeSpanProps: getThemeClassNameAndColor(themeState, props, isRoot)
-      });
-    }
-  }
-  if (forceClassName === false) {
-    return children;
-  }
-  if (isWeb) {
-    const baseStyle = props.contain ? inertContainedStyle : inertStyle;
-    const {
-      className = "",
-      color
-    } = passThrough ? {} : getThemeClassNameAndColor(themeState, props, isRoot);
-    children = /* @__PURE__ */jsx("span", {
-      className: `${className} is_Theme`,
-      style: passThrough ? baseStyle : {
-        color,
-        ...baseStyle
-      },
-      children
-    });
-    if (state.hasEverThemed === "wrapped") {
-      const className2 = requiresExtraWrapper ? `${name.startsWith("light") ? "t_light" : name.startsWith("dark") ? "t_dark" : ""} _dsp_contents` : `_dsp_contents`;
-      children = /* @__PURE__ */jsx("span", {
-        className: className2,
-        children
-      });
-    }
-    return children;
-  }
-  return children;
+	const { shallow, forceClassName } = props;
+	const state = stateRef.current;
+	let shouldRenderChildrenWithTheme = state.hasEverThemed || themeState.isNew || isRoot || hasThemeUpdatingProps(props);
+	if (process.env.NODE_ENV === "development" && props.debug === "visualize") children = /* @__PURE__ */ jsx(ThemeDebug, {
+		themeState,
+		themeProps: props,
+		children
+	});
+	if (!shouldRenderChildrenWithTheme) return children;
+	children = /* @__PURE__ */ jsx(ThemeStateContext.Provider, {
+		value: themeState.id,
+		children
+	});
+	const { isInverse, name } = themeState;
+	const requiresExtraWrapper = isInverse || forceClassName;
+	if (!state.hasEverThemed) state.hasEverThemed = true;
+	if (requiresExtraWrapper || themeState.name === "dark" || themeState.name === "light") state.hasEverThemed = "wrapped";
+	if (shallow) if (!themeState.parentId) {} else {
+		const parentState = getThemeState(themeState.isNew ? themeState.id : themeState.parentId);
+		if (!parentState) throw new Error(formatDiagnostic("‼️010", "Theme", "parent theme state is missing for shallow rendering", "Keep <Theme shallow> inside its mounted parent Theme", "name,parentId", {
+			name: themeState.name,
+			parentId: themeState.parentId
+		}));
+		children = Children.toArray(children).map((child) => {
+			return isValidElement(child) ? passThrough ? child : cloneElement(child, void 0, /* @__PURE__ */ jsx(Theme, {
+				name: parentState.name,
+				children: child.props.children
+			})) : child;
+		});
+	}
+	if (process.env.NODE_ENV === "development") {
+		if (!passThrough && props.debug) console.warn(` getThemedChildren`, {
+			requiresExtraWrapper,
+			forceClassName,
+			themeState,
+			state,
+			themeSpanProps: getThemeClassNameAndColor(themeState, props, isRoot)
+		});
+	}
+	if (forceClassName === false) return children;
+	if (isWeb) {
+		const baseStyle = props.contain ? inertContainedStyle : inertStyle;
+		const { className = "", color } = passThrough ? {} : getThemeClassNameAndColor(themeState, props, isRoot);
+		const inlineClassName = passThrough ? void 0 : props.inlineClassName;
+		children = /* @__PURE__ */ jsx("span", {
+			className: `${className} is_Theme${inlineClassName ? ` ${inlineClassName}` : ""}`,
+			style: passThrough ? baseStyle : {
+				color,
+				...baseStyle
+			},
+			children
+		});
+		if (state.hasEverThemed === "wrapped") children = /* @__PURE__ */ jsx("span", {
+			className: requiresExtraWrapper ? `${name.startsWith("light") ? "t_light" : name.startsWith("dark") ? "t_dark" : ""} _dsp_contents` : `_dsp_contents`,
+			children
+		});
+		return children;
+	}
+	return children;
 }
-const inertStyle = {
-  display: "contents"
-};
+const inertStyle = { display: "contents" };
 const inertContainedStyle = {
-  display: "contents",
-  contain: "strict"
+	display: "contents",
+	contain: "strict"
 };
 const empty = {
-  className: "",
-  color: void 0
+	className: "",
+	color: void 0
 };
 function getThemeClassNameAndColor(themeState, props, isRoot = false) {
-  if (!themeState.isNew && !props.forceClassName) {
-    return empty;
-  }
-  const themeColor = themeState?.theme && themeState.isNew ? variableToString(themeState.theme.color) : "";
-  const style = themeColor ? {
-    color: themeColor
-  } : void 0;
-  const themeClassName = themeState.name.replace(schemePrefix, "");
-  const themeNameParts = themeClassName.split("_");
-  let themeClasses = `t_${themeClassName}`;
-  if (themeNameParts.length > 1) {
-    const hierarchyClasses = [];
-    for (let i = 1; i <= themeNameParts.length; i++) {
-      hierarchyClasses.push(`t_${themeNameParts.slice(0, i).join("_")}`);
-    }
-    themeClasses = hierarchyClasses.join(" ");
-  }
-  const className = `${isRoot ? "" : "t_sub_theme"} ${themeClasses}`;
-  return {
-    color: themeColor,
-    className
-  };
+	if (!themeState.isNew && !props.forceClassName) return empty;
+	return {
+		color: themeState?.theme && themeState.isNew ? variableToString(themeState.theme.color) : "",
+		className: getThemeClassNames(themeState.name, isRoot)
+	};
 }
-const schemePrefix = /^(dark|light)_/;
+
 export { Theme, getThemedChildren };
 //# sourceMappingURL=Theme.mjs.map

package/dist/esm/views/Theme.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["isWeb","React","Children","cloneElement","forwardRef","isValidElement","useRef","variableToString","useThemeWithState","getThemeState","hasThemeUpdatingProps","ThemeStateContext","ThemeDebug","jsx","Theme","Theme2","props","ref","disable","children","passThrough","isRoot","_","themeState","disableDirectChildTheme","finalChildren","map","child","only","stateRef","hasEverThemed","getThemedChildren","shallow","forceClassName","state","current","shouldRenderChildrenWithTheme","isNew","process","env","NODE_ENV","debug","themeProps","Provider","value","id","isInverse","name","requiresExtraWrapper","parentId","parentState","Error","toArray","console","warn","themeSpanProps","getThemeClassNameAndColor","baseStyle","contain","inertContainedStyle","inertStyle","className","color","style","startsWith","className2","display","empty","themeColor","theme","themeClassName","replace","schemePrefix","themeNameParts","split","themeClasses","length","hierarchyClasses","i","push","slice","join"],"sources":["../../../src/views/Theme.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Theme.js","names":[],"sources":["esm/views/Theme.js"],"sourcesContent":["import { createRefComponent } from \"@tamagui/compose-refs\";\nimport { isWeb, useIsomorphicLayoutEffect } from \"@tamagui/constants\";\nimport { getThemeClassNames } from \"@tamagui/helpers\";\nimport React, { Children, cloneElement, isValidElement, useRef } from \"react\";\nimport { getConfig } from \"../config\";\nimport { variableToString } from \"../createVariable\";\nimport { formatDiagnostic } from \"../helpers/formatDiagnostic\";\nimport { insertStyleRules, shouldInsertStyleRules, updateRules } from \"../helpers/insertStyleRule\";\nimport { getInlineValuesFromProps, getVariablesCSSRules } from \"../helpers/variables\";\nimport { useThemeWithState } from \"../hooks/useTheme\";\nimport { ThemeStateContext, getThemeState, hasThemeUpdatingProps } from \"../hooks/useThemeState\";\nimport { ThemeDebug } from \"./ThemeDebug\";\nimport { jsx } from \"react/jsx-runtime\";\n\nconst useInsertEffectCompat = isWeb ? React.useInsertionEffect || useIsomorphicLayoutEffect : () => {};\nconst Theme = createRefComponent(function Theme2(props, ref) {\n\t\"use no memo\";\n\tif (props.disable) return props.children;\n\tconst { passThrough } = props;\n\tconst isRoot = !!props[\"_isRoot\"];\n\tconst config = getConfig();\n\tconst inlineValues = getInlineValuesFromProps(props, config);\n\tlet inlineCSS = null;\n\tlet rulesToInsert = null;\n\tif (inlineValues) {\n\t\tinlineCSS = getVariablesCSSRules(inlineValues, config);\n\t\tif (inlineCSS && shouldInsertStyleRules(inlineCSS.identifier)) {\n\t\t\tupdateRules(inlineCSS.identifier, inlineCSS.rules);\n\t\t\trulesToInsert = { [inlineCSS.identifier]: [\n\t\t\t\t\"variables\",\n\t\t\t\t\"\",\n\t\t\t\tinlineCSS.identifier,\n\t\t\t\tvoid 0,\n\t\t\t\tinlineCSS.rules\n\t\t\t] };\n\t\t}\n\t}\n\tuseInsertEffectCompat(() => {\n\t\tif (rulesToInsert) insertStyleRules(rulesToInsert);\n\t}, [inlineCSS?.identifier]);\n\tconst themeProps = inlineValues ? {\n\t\t...props,\n\t\tinlineValues,\n\t\tinlineClassName: inlineCSS?.identifier\n\t} : props;\n\tconst [_, themeState] = useThemeWithState(themeProps, isRoot, true);\n\tuseIsomorphicLayoutEffect(() => {}, [\n\t\tthemeState.id,\n\t\tthemeState.name,\n\t\tthemeState.theme\n\t]);\n\tlet finalChildren = props[\"disable-child-theme\"] ? Children.map(props.children, (child) => passThrough || !isValidElement(child) ? child : cloneElement(child, { [\"data-disable-theme\"]: true })) : props.children;\n\tif (ref) try {\n\t\tReact.Children.only(finalChildren);\n\t\tfinalChildren = cloneElement(finalChildren, { ref });\n\t} catch {}\n\tconst stateRef = useRef({ hasEverThemed: false });\n\treturn getThemedChildren(themeState, finalChildren, themeProps, isRoot, stateRef, passThrough);\n});\nTheme[\"avoidForwardRef\"] = true;\nfunction getThemedChildren(themeState, children, props, isRoot = false, stateRef, passThrough = false) {\n\tconst { shallow, forceClassName } = props;\n\tconst state = stateRef.current;\n\tlet shouldRenderChildrenWithTheme = state.hasEverThemed || themeState.isNew || isRoot || hasThemeUpdatingProps(props);\n\tif (process.env.NODE_ENV === \"development\" && props.debug === \"visualize\") children = /* @__PURE__ */ jsx(ThemeDebug, {\n\t\tthemeState,\n\t\tthemeProps: props,\n\t\tchildren\n\t});\n\tif (!shouldRenderChildrenWithTheme) return children;\n\tchildren = /* @__PURE__ */ jsx(ThemeStateContext.Provider, {\n\t\tvalue: themeState.id,\n\t\tchildren\n\t});\n\tconst { isInverse, name } = themeState;\n\tconst requiresExtraWrapper = isInverse || forceClassName;\n\tif (!state.hasEverThemed) state.hasEverThemed = true;\n\tif (requiresExtraWrapper || themeState.name === \"dark\" || themeState.name === \"light\") state.hasEverThemed = \"wrapped\";\n\tif (shallow) if (!themeState.parentId) {} else {\n\t\tconst parentState = getThemeState(themeState.isNew ? themeState.id : themeState.parentId);\n\t\tif (!parentState) throw new Error(formatDiagnostic(\"‼️010\", \"Theme\", \"parent theme state is missing for shallow rendering\", \"Keep <Theme shallow> inside its mounted parent Theme\", \"name,parentId\", {\n\t\t\tname: themeState.name,\n\t\t\tparentId: themeState.parentId\n\t\t}));\n\t\tchildren = Children.toArray(children).map((child) => {\n\t\t\treturn isValidElement(child) ? passThrough ? child : cloneElement(child, void 0, /* @__PURE__ */ jsx(Theme, {\n\t\t\t\tname: parentState.name,\n\t\t\t\tchildren: child.props.children\n\t\t\t})) : child;\n\t\t});\n\t}\n\tif (process.env.NODE_ENV === \"development\") {\n\t\tif (!passThrough && props.debug) console.warn(` getThemedChildren`, {\n\t\t\trequiresExtraWrapper,\n\t\t\tforceClassName,\n\t\t\tthemeState,\n\t\t\tstate,\n\t\t\tthemeSpanProps: getThemeClassNameAndColor(themeState, props, isRoot)\n\t\t});\n\t}\n\tif (forceClassName === false) return children;\n\tif (isWeb) {\n\t\tconst baseStyle = props.contain ? inertContainedStyle : inertStyle;\n\t\tconst { className = \"\", color } = passThrough ? {} : getThemeClassNameAndColor(themeState, props, isRoot);\n\t\tconst inlineClassName = passThrough ? void 0 : props.inlineClassName;\n\t\tchildren = /* @__PURE__ */ jsx(\"span\", {\n\t\t\tclassName: `${className} is_Theme${inlineClassName ? ` ${inlineClassName}` : \"\"}`,\n\t\t\tstyle: passThrough ? baseStyle : {\n\t\t\t\tcolor,\n\t\t\t\t...baseStyle\n\t\t\t},\n\t\t\tchildren\n\t\t});\n\t\tif (state.hasEverThemed === \"wrapped\") children = /* @__PURE__ */ jsx(\"span\", {\n\t\t\tclassName: requiresExtraWrapper ? `${name.startsWith(\"light\") ? \"t_light\" : name.startsWith(\"dark\") ? \"t_dark\" : \"\"} _dsp_contents` : `_dsp_contents`,\n\t\t\tchildren\n\t\t});\n\t\treturn children;\n\t}\n\treturn children;\n}\nconst inertStyle = { display: \"contents\" };\nconst inertContainedStyle = {\n\tdisplay: \"contents\",\n\tcontain: \"strict\"\n};\nconst empty = {\n\tclassName: \"\",\n\tcolor: void 0\n};\nfunction getThemeClassNameAndColor(themeState, props, isRoot = false) {\n\tif (!themeState.isNew && !props.forceClassName) return empty;\n\treturn {\n\t\tcolor: themeState?.theme && themeState.isNew ? variableToString(themeState.theme.color) : \"\",\n\t\tclassName: getThemeClassNames(themeState.name, isRoot)\n\t};\n}\n\nexport { Theme, getThemedChildren };"],"mappings":"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"}