@multiplatform.one/theme 7.83.1 → 7.84.0

package/dist/cjs/theme/FontKnobStyles.cjs

@@ -0,0 +1,161 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var FontKnobStyles_exports = {};
+__export(FontKnobStyles_exports, {
+  FontKnobStyles: () => FontKnobStyles,
+  buildFontKnobCss: () => buildFontKnobCss,
+  fontCategoryMetrics: () => import_fontCategoryMetrics.fontCategoryMetrics,
+  getConfiguredFontFamily: () => getConfiguredFontFamily,
+  getConfiguredFontTables: () => getConfiguredFontTables,
+  resolveFontTokenFamily: () => resolveFontTokenFamily
+});
+module.exports = __toCommonJS(FontKnobStyles_exports);
+var import_web = require("@tamagui/web");
+var import_react = require("react");
+var import_fontCategoryMetrics = require("./fontCategoryMetrics.cjs");
+var import_fontCategoryStacks = require("./fontCategoryStacks.cjs");
+var import_knobs = require("./knobs.cjs");
+var import_PresetContext = require("./PresetContext.cjs");
+const STYLE_TAG_ID = "mp-font-knob-styles";
+const DEFAULT_HEADING_LEADING_MIN = 1.25;
+const DEFAULT_BODY_LEADING_MIN = 1.5;
+function defaultLeadingRule(scope, category) {
+  const metrics = import_fontCategoryMetrics.fontCategoryMetrics[category] ?? import_fontCategoryMetrics.fontCategoryMetrics["sans-serif"];
+  const ratio = Math.max(metrics[scope], scope === "heading" ? DEFAULT_HEADING_LEADING_MIN : DEFAULT_BODY_LEADING_MIN);
+  return `:where(:root .font_${scope}) { line-height: ${ratio}; }`;
+}
+function getConfiguredFontFamily(category) {
+  return resolveFontTokenFamily(`$${category}`);
+}
+function resolveFontTokenFamily(token) {
+  if (typeof token !== "string" || !token) return void 0;
+  let config;
+  try {
+    config = (0, import_web.getConfig)();
+  } catch {
+    return void 0;
+  }
+  const key = token.startsWith("$") ? token.slice(1) : token;
+  const fontsParsed = config.fontsParsed;
+  const font = fontsParsed?.[`$${key}`] ?? config.fonts?.[key];
+  const family = font?.family;
+  if (typeof family === "string") return family;
+  if (family && typeof family.val === "string") return family.val;
+  return void 0;
+}
+function getConfiguredFontTables(scope) {
+  let config;
+  try {
+    config = (0, import_web.getConfig)();
+  } catch {
+    return void 0;
+  }
+  const fontsParsed = config.fontsParsed;
+  const font = fontsParsed?.[`$${scope}`] ?? config.fonts?.[scope];
+  if (!font) return void 0;
+  const unwrap = table => {
+    if (!table) return void 0;
+    const out = {};
+    for (const [key, value] of Object.entries(table)) {
+      const num = typeof value === "number" ? value : value && typeof value.val === "number" ? value.val : void 0;
+      if (num !== void 0) out[key.replace(/^\$/, "")] = num;
+    }
+    return Object.keys(out).length > 0 ? out : void 0;
+  };
+  const size = unwrap(font.size);
+  const lineHeight = unwrap(font.lineHeight);
+  if (!size || !lineHeight) return void 0;
+  return {
+    size,
+    lineHeight,
+    letterSpacing: unwrap(font.letterSpacing)
+  };
+}
+function buildScopeRule(scope, category, family, tables) {
+  const metrics = import_fontCategoryMetrics.fontCategoryMetrics[category];
+  const decls = [`--f-family: ${family} !important`];
+  if (tables && metrics) {
+    const minRatio = metrics[scope];
+    for (const [key, size] of Object.entries(tables.size)) {
+      const baseLineHeight = tables.lineHeight[key];
+      if (typeof baseLineHeight !== "number") continue;
+      const floored = (0, import_fontCategoryMetrics.flooredLineHeight)(size, baseLineHeight, minRatio);
+      if (floored > baseLineHeight) {
+        decls.push(`--f-lineHeight-${key}: ${floored}px !important`);
+      }
+    }
+    if (metrics.letterSpacing === "neutral" && tables.letterSpacing) {
+      for (const [key, tracking] of Object.entries(tables.letterSpacing)) {
+        if (tracking !== 0) decls.push(`--f-letterSpacing-${key}: 0px !important`);
+      }
+    }
+  }
+  return `:root .font_${scope} { ${decls.join("; ")}; }`;
+}
+function buildFontKnobCss(headingFont, bodyFont, resolveFamily = getConfiguredFontFamily, resolveTables = getConfiguredFontTables) {
+  const rules = [defaultLeadingRule("heading", headingFont), defaultLeadingRule("body", bodyFont)];
+  if (headingFont !== "sans-serif") {
+    const family = resolveFamily(headingFont) ?? import_fontCategoryStacks.fontCategoryStacks[headingFont];
+    if (family) {
+      rules.push(buildScopeRule("heading", headingFont, family, resolveTables("heading")));
+    }
+  }
+  if (bodyFont !== "sans-serif") {
+    const family = resolveFamily(bodyFont) ?? import_fontCategoryStacks.fontCategoryStacks[bodyFont];
+    if (family) {
+      rules.push(buildScopeRule("body", bodyFont, family, resolveTables("body")));
+    }
+  }
+  return rules.join("\n");
+}
+function FontKnobStyles() {
+  const presetCtx = (0, import_PresetContext.usePresetContext)();
+  const knobs = presetCtx ? {
+    ...presetCtx.preset.knobs,
+    ...presetCtx.overrides
+  } : import_knobs.defaultKnobs;
+  const headingFont = knobs.headingFont ?? import_knobs.defaultKnobs.headingFont;
+  const bodyFont = knobs.bodyFont ?? import_knobs.defaultKnobs.bodyFont;
+  const scaleId = presetCtx?.scaleId;
+  (0, import_react.useEffect)(() => {
+    if (typeof document === "undefined") return;
+    const css = buildFontKnobCss(headingFont, bodyFont);
+    let tag = document.getElementById(STYLE_TAG_ID);
+    if (!css) {
+      tag?.remove();
+      return;
+    }
+    if (!tag) {
+      tag = document.createElement("style");
+      tag.id = STYLE_TAG_ID;
+      document.head.appendChild(tag);
+    }
+    if (tag.textContent !== css) tag.textContent = css;
+  }, [headingFont, bodyFont, scaleId]);
+  (0, import_react.useEffect)(() => () => {
+    if (typeof document !== "undefined") {
+      document.getElementById(STYLE_TAG_ID)?.remove();
+    }
+  }, []);
+  return null;
+}

package/dist/cjs/theme/FontKnobStyles.native.js

@@ -0,0 +1,41 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var FontKnobStyles_native_exports = {};
+__export(FontKnobStyles_native_exports, {
+  FontKnobStyles: () => FontKnobStyles,
+  buildFontKnobCss: () => buildFontKnobCss,
+  getConfiguredFontFamily: () => getConfiguredFontFamily
+});
+module.exports = __toCommonJS(FontKnobStyles_native_exports);
+function getConfiguredFontFamily(_category) {
+  return void 0;
+}
+function buildFontKnobCss(_headingFont, _bodyFont, _resolveFamily) {
+  return "";
+}
+function FontKnobStyles() {
+  return null;
+}
+//# sourceMappingURL=FontKnobStyles.native.js.map

package/dist/cjs/theme/FontKnobStyles.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FontKnobStyles_native_exports","__export","FontKnobStyles","buildFontKnobCss","getConfiguredFontFamily","module","exports","__toCommonJS","_category","_headingFont","_bodyFont","_resolveFamily"],"sources":["../../../src/theme/FontKnobStyles.native.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,6BAAA;AAAAC,QAAA,CAAAD,6BAAA;EAAAE,cAAA,EAAAA,CAAA,KAAAA,cAAA;EAAAC,gBAAA,EAAAA,CAAA,KAAAA,gBAAA;EAAAC,uBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAC,YAAA,CAAAP,6BAAA;AAMW,SAASI,wBAAwBI,SAAA,EAAW;EACnD,OAAO;AACX;AACO,SAASL,iBAAiBM,YAAA,EAAcC,SAAA,EAAWC,cAAA,EAAgB;EACtE,OAAO;AACX;AACO,SAAST,eAAA,EAAiB;EAC7B,OAAO;AACX","ignoreList":[]}

package/dist/cjs/theme/Heading.cjs

@@ -0,0 +1,174 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var Heading_exports = {};
+__export(Heading_exports, {
+  H1: () => H1,
+  H2: () => H2,
+  H3: () => H3,
+  H4: () => H4,
+  H5: () => H5,
+  H6: () => H6,
+  Heading: () => Heading
+});
+module.exports = __toCommonJS(Heading_exports);
+var import_dynamicType = require("./dynamicType.cjs");
+var import_useResolvedKnobs = require("./useResolvedKnobs.cjs");
+var import_tamagui = require("tamagui");
+var import_jsx_runtime = require("react/jsx-runtime");
+function headingPx(size, fallback) {
+  if (typeof size === "number") return size;
+  const token = typeof size === "string" ? size : fallback;
+  if (typeof token === "number") return token;
+  return (0, import_tamagui.getFontSize)(token, {
+    font: "$heading"
+  });
+}
+function useHeadingVoice(fontWeight, props, defaultSize) {
+  const {
+    knobProps
+  } = (0, import_useResolvedKnobs.useResolvedKnobs)();
+  const {
+    sm
+  } = (0, import_tamagui.useMedia)();
+  const {
+    fontWeight: knobWeight,
+    ...heading
+  } = knobProps.heading;
+  const resolvedWeight = fontWeight ?? knobWeight;
+  const pageTitle = knobProps.pageTitle;
+  const titleSize = (sm === false ? pageTitle["$max-sm"]?.fontSize : void 0) ?? pageTitle.size;
+  const titlePx = headingPx(titleSize, "$10");
+  const ownPx = headingPx(props.fontSize ?? props.size, defaultSize === "title" ? titleSize : defaultSize);
+  return {
+    heading,
+    pageTitle,
+    weight: {
+      ...(resolvedWeight === void 0 ? {} : {
+        fontWeight: resolvedWeight
+      }),
+      maxFontSizeMultiplier: props.maxFontSizeMultiplier ?? (0, import_dynamicType.headingMaxFontScale)(ownPx, titlePx),
+      lineBreakStrategyIOS: props.lineBreakStrategyIOS ?? "standard"
+    }
+  };
+}
+function Heading({
+  fontWeight,
+  ...props
+}) {
+  const {
+    heading,
+    weight
+  } = useHeadingVoice(fontWeight, props, "$8");
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Heading, {
+    ...heading,
+    ...props,
+    ...weight
+  });
+}
+function H1({
+  fontWeight,
+  ...props
+}) {
+  const {
+    heading,
+    pageTitle,
+    weight
+  } = useHeadingVoice(fontWeight, props, "title");
+  const step = props.size === void 0 ? pageTitle : null;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.H1, {
+    ...step,
+    ...heading,
+    ...props,
+    ...weight
+  });
+}
+function H2({
+  fontWeight,
+  ...props
+}) {
+  const {
+    heading,
+    weight
+  } = useHeadingVoice(fontWeight, props, "$9");
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.H2, {
+    ...heading,
+    ...props,
+    ...weight
+  });
+}
+function H3({
+  fontWeight,
+  ...props
+}) {
+  const {
+    heading,
+    weight
+  } = useHeadingVoice(fontWeight, props, "$8");
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.H3, {
+    ...heading,
+    ...props,
+    ...weight
+  });
+}
+function H4({
+  fontWeight,
+  ...props
+}) {
+  const {
+    heading,
+    weight
+  } = useHeadingVoice(fontWeight, props, "$7");
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.H4, {
+    ...heading,
+    ...props,
+    ...weight
+  });
+}
+function H5({
+  fontWeight,
+  ...props
+}) {
+  const {
+    heading,
+    weight
+  } = useHeadingVoice(fontWeight, props, "$6");
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.H5, {
+    ...heading,
+    ...props,
+    ...weight
+  });
+}
+function H6({
+  fontWeight,
+  ...props
+}) {
+  const {
+    heading,
+    weight
+  } = useHeadingVoice(fontWeight, props, "$5");
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.H6, {
+    ...heading,
+    ...props,
+    ...weight
+  });
+}

package/dist/cjs/theme/Heading.native.js

@@ -0,0 +1,186 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var Heading_exports = {};
+__export(Heading_exports, {
+  H1: () => H1,
+  H2: () => H2,
+  H3: () => H3,
+  H4: () => H4,
+  H5: () => H5,
+  H6: () => H6,
+  Heading: () => Heading
+});
+module.exports = __toCommonJS(Heading_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_dynamicType = require("./dynamicType.native.js");
+var import_useResolvedKnobs = require("./useResolvedKnobs.native.js");
+var import_tamagui = require("tamagui");
+function headingPx(size, fallback) {
+  if (typeof size === "number") return size;
+  var token = typeof size === "string" ? size : fallback;
+  if (typeof token === "number") return token;
+  return (0, import_tamagui.getFontSize)(token, {
+    font: "$heading"
+  });
+}
+function useHeadingVoice(fontWeight, props, defaultSize) {
+  var _ref, _props_fontSize, _props_maxFontSizeMultiplier, _props_lineBreakStrategyIOS;
+  var _pageTitle_$maxsm;
+  var {
+    knobProps
+  } = (0, import_useResolvedKnobs.useResolvedKnobs)();
+  var {
+    sm
+  } = (0, import_tamagui.useMedia)();
+  var {
+    fontWeight: knobWeight,
+    ...heading
+  } = knobProps.heading;
+  var resolvedWeight = fontWeight !== null && fontWeight !== void 0 ? fontWeight : knobWeight;
+  var pageTitle = knobProps.pageTitle;
+  var titleSize = (_ref = sm === false ? (_pageTitle_$maxsm = pageTitle["$max-sm"]) === null || _pageTitle_$maxsm === void 0 ? void 0 : _pageTitle_$maxsm.fontSize : void 0) !== null && _ref !== void 0 ? _ref : pageTitle.size;
+  var titlePx = headingPx(titleSize, "$10");
+  var ownPx = headingPx((_props_fontSize = props.fontSize) !== null && _props_fontSize !== void 0 ? _props_fontSize : props.size, defaultSize === "title" ? titleSize : defaultSize);
+  return {
+    heading,
+    pageTitle,
+    weight: {
+      ...(resolvedWeight === void 0 ? {} : {
+        fontWeight: resolvedWeight
+      }),
+      maxFontSizeMultiplier: (_props_maxFontSizeMultiplier = props.maxFontSizeMultiplier) !== null && _props_maxFontSizeMultiplier !== void 0 ? _props_maxFontSizeMultiplier : (0, import_dynamicType.headingMaxFontScale)(ownPx, titlePx),
+      lineBreakStrategyIOS: (_props_lineBreakStrategyIOS = props.lineBreakStrategyIOS) !== null && _props_lineBreakStrategyIOS !== void 0 ? _props_lineBreakStrategyIOS : "standard"
+    }
+  };
+}
+function Heading(param) {
+  var {
+    fontWeight,
+    ...props
+  } = param;
+  var {
+    heading,
+    weight
+  } = useHeadingVoice(fontWeight, props, "$8");
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Heading, {
+    ...heading,
+    ...props,
+    ...weight
+  });
+}
+function H1(param) {
+  var {
+    fontWeight,
+    ...props
+  } = param;
+  var {
+    heading,
+    pageTitle,
+    weight
+  } = useHeadingVoice(fontWeight, props, "title");
+  var step = props.size === void 0 ? pageTitle : null;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.H1, {
+    ...step,
+    ...heading,
+    ...props,
+    ...weight
+  });
+}
+function H2(param) {
+  var {
+    fontWeight,
+    ...props
+  } = param;
+  var {
+    heading,
+    weight
+  } = useHeadingVoice(fontWeight, props, "$9");
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.H2, {
+    ...heading,
+    ...props,
+    ...weight
+  });
+}
+function H3(param) {
+  var {
+    fontWeight,
+    ...props
+  } = param;
+  var {
+    heading,
+    weight
+  } = useHeadingVoice(fontWeight, props, "$8");
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.H3, {
+    ...heading,
+    ...props,
+    ...weight
+  });
+}
+function H4(param) {
+  var {
+    fontWeight,
+    ...props
+  } = param;
+  var {
+    heading,
+    weight
+  } = useHeadingVoice(fontWeight, props, "$7");
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.H4, {
+    ...heading,
+    ...props,
+    ...weight
+  });
+}
+function H5(param) {
+  var {
+    fontWeight,
+    ...props
+  } = param;
+  var {
+    heading,
+    weight
+  } = useHeadingVoice(fontWeight, props, "$6");
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.H5, {
+    ...heading,
+    ...props,
+    ...weight
+  });
+}
+function H6(param) {
+  var {
+    fontWeight,
+    ...props
+  } = param;
+  var {
+    heading,
+    weight
+  } = useHeadingVoice(fontWeight, props, "$5");
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.H6, {
+    ...heading,
+    ...props,
+    ...weight
+  });
+}
+//# sourceMappingURL=Heading.native.js.map

package/dist/cjs/theme/Heading.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Heading_exports","__export","H1","H2","H3","H4","H5","H6","Heading","module","exports","import_jsx_runtime","require","import_dynamicType","import_useResolvedKnobs","import_tamagui","headingPx","size","fallback","token","getFontSize","font","useHeadingVoice","fontWeight","props","defaultSize","_ref","_props_fontSize","_props_maxFontSizeMultiplier","_props_lineBreakStrategyIOS","_pageTitle_$maxsm","knobProps","useResolvedKnobs","sm","useMedia","knobWeight","heading","resolvedWeight","pageTitle","titleSize","fontSize","titlePx","ownPx","weight","maxFontSizeMultiplier","headingMaxFontScale","lineBreakStrategyIOS","param","jsx","step"],"sources":["../../../src/theme/Heading.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/theme/IconSlot.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, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var IconSlot_exports = {};
+__export(IconSlot_exports, {
+  IconSlot: () => IconSlot
+});
+module.exports = __toCommonJS(IconSlot_exports);
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_glyphPaint = require("./glyphPaint.cjs");
+function IconSlot({
+  icon,
+  color,
+  size
+}) {
+  const theme = (0, import_tamagui.useTheme)();
+  const ink = value => (0, import_glyphPaint.resolveGlyphPaint)(theme, value && value !== "currentColor" ? value : color === "currentColor" ? void 0 : color);
+  const render = value => {
+    if ((0, import_react.isValidElement)(value)) {
+      if (value.type === import_react.Fragment) return (0, import_react.cloneElement)(value, {}, import_react.Children.map(value.props.children, render));
+      const glyphInk = import_tamagui.isWeb ? void 0 : ink(value.props.color);
+      return (0, import_react.cloneElement)(value, {
+        ...(size == null || value.props.size != null ? {} : {
+          size
+        }),
+        ...(glyphInk === void 0 ? {} : {
+          color: glyphInk
+        }),
+        // FZ-8439: react-native-svg resolves currentColor to black, so a bold
+        // glyph's outline stroke would ring its fill in black.
+        ...(glyphInk !== void 0 && value.props.stroke === "currentColor" ? {
+          stroke: glyphInk
+        } : {})
+      });
+    }
+    if (typeof value === "function" || value && typeof value === "object" && "$$typeof" in value) {
+      return (0, import_react.createElement)(value, {
+        size,
+        ...(!import_tamagui.isWeb ? {
+          color: ink()
+        } : {})
+      });
+    }
+    return value;
+  };
+  return render(icon);
+}