@multiplatform.one/theme 7.83.1 → 7.84.0

package/dist/esm/theme/readableColor.native.js

@@ -0,0 +1,354 @@
+import { useMemo } from "react";
+import { useTheme as useTamaguiTheme, useThemeName } from "tamagui";
+import { aaTextContrastRatio, contrastRatio, holdHueToFloor, holdInkFloor, normalizeToHex, pickReadableForeground, relativeLuminance } from "./colorRules.native.js";
+import { isDarkThemeName } from "./controlTiers.native.js";
+import { tintHueNames } from "./createThemes.native.js";
+function _type_of(obj) {
+  "@swc/helpers - typeof";
+
+  return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+function resolveTokenValue(theme, token) {
+  var _theme_key;
+  var key = token.startsWith("$") ? token.slice(1) : token;
+  var val = (_theme_key = theme[key]) === null || _theme_key === void 0 ? void 0 : _theme_key.val;
+  return typeof val === "string" ? val : void 0;
+}
+function useReadableTextOn(fill_) {
+  var theme = useTamaguiTheme();
+  var fill = (fill_ === null || fill_ === void 0 ? void 0 : fill_.startsWith("$")) ? resolveTokenValue(theme, fill_) : fill_;
+  var paper = resolveTokenValue(theme, "color1");
+  var ink = resolveTokenValue(theme, "color12");
+  return useMemo(function () {
+    if (!fill || !paper || !ink) return void 0;
+    if (!normalizeToHex(fill) || !normalizeToHex(paper) || !normalizeToHex(ink)) return void 0;
+    return holdInkFloor(fill, pickReadableForeground(fill, paper, ink));
+  }, [fill, paper, ink]);
+}
+function resolveLegibleInkOn(param) {
+  var {
+    fill,
+    preferred,
+    paper,
+    ink
+  } = param;
+  var fillHex = fill ? normalizeToHex(fill) : null;
+  var preferredHex = preferred ? normalizeToHex(preferred) : null;
+  if (!fill || !fillHex || !preferred || !preferredHex) return preferred;
+  var fillLum = relativeLuminance(fillHex);
+  if (contrastRatio(relativeLuminance(preferredHex), fillLum) >= aaTextContrastRatio) {
+    return preferred;
+  }
+  var anchor = paper && ink && normalizeToHex(paper) && normalizeToHex(ink) ? pickReadableForeground(fill, paper, ink) : preferred;
+  return holdInkFloor(fill, anchor);
+}
+function useLegibleInkOn(fill_, preferred) {
+  var theme = useTamaguiTheme();
+  var fill = (fill_ === null || fill_ === void 0 ? void 0 : fill_.startsWith("$")) ? resolveTokenValue(theme, fill_) : fill_;
+  var preferredValue = preferred.startsWith("$") ? resolveTokenValue(theme, preferred) : preferred;
+  var paper = resolveTokenValue(theme, "color1");
+  var ink = resolveTokenValue(theme, "color12");
+  return useMemo(function () {
+    var resolved = resolveLegibleInkOn({
+      fill,
+      preferred: preferredValue,
+      paper,
+      ink
+    });
+    return !resolved || resolved === preferredValue ? preferred : resolved;
+  }, [fill, preferred, preferredValue, paper, ink]);
+}
+var IDENTITY_CHROMA_FLOOR = 0.1;
+function chromaOf(hex) {
+  var rgb = [1, 3, 5].map(function (offset) {
+    return parseInt(hex.slice(offset, offset + 2), 16) / 255;
+  });
+  return Math.max(...rgb) - Math.min(...rgb);
+}
+function surfaceLuminances(surfaces) {
+  var lums = [];
+  var _iteratorNormalCompletion = true,
+    _didIteratorError = false,
+    _iteratorError = void 0;
+  try {
+    for (var _iterator = surfaces[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+      var surface = _step.value;
+      var hex = surface ? normalizeToHex(surface) : null;
+      if (!hex) return null;
+      lums.push(relativeLuminance(hex));
+    }
+  } catch (err) {
+    _didIteratorError = true;
+    _iteratorError = err;
+  } finally {
+    try {
+      if (!_iteratorNormalCompletion && _iterator.return != null) {
+        _iterator.return();
+      }
+    } finally {
+      if (_didIteratorError) {
+        throw _iteratorError;
+      }
+    }
+  }
+  return lums;
+}
+function pickIdentityInk(candidates, surfaces) {
+  var surfaceLums = surfaceLuminances(surfaces);
+  if (!surfaceLums) return void 0;
+  var best;
+  var bestChroma = IDENTITY_CHROMA_FLOOR;
+  var _iteratorNormalCompletion = true,
+    _didIteratorError = false,
+    _iteratorError = void 0;
+  try {
+    var _loop = function () {
+      var candidate = _step.value;
+      var hex = candidate ? normalizeToHex(candidate) : null;
+      if (!candidate || !hex) return "continue";
+      var lum = relativeLuminance(hex);
+      if (surfaceLums.some(function (surface) {
+        return contrastRatio(lum, surface) < aaTextContrastRatio;
+      })) return "continue";
+      var chroma = chromaOf(hex);
+      if (chroma > bestChroma) {
+        bestChroma = chroma;
+        best = candidate;
+      }
+    };
+    for (var _iterator = candidates[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) _loop();
+  } catch (err) {
+    _didIteratorError = true;
+    _iteratorError = err;
+  } finally {
+    try {
+      if (!_iteratorNormalCompletion && _iterator.return != null) {
+        _iterator.return();
+      }
+    } finally {
+      if (_didIteratorError) {
+        throw _iteratorError;
+      }
+    }
+  }
+  return best;
+}
+function resolveIdentityInk(param) {
+  var {
+    candidates,
+    surfaces,
+    ink
+  } = param;
+  var _pickIdentityInk;
+  return (_pickIdentityInk = pickIdentityInk(candidates, surfaces)) !== null && _pickIdentityInk !== void 0 ? _pickIdentityInk : ink;
+}
+function resolveAccentOnSurface(param) {
+  var {
+    identity,
+    accentSteps,
+    surfaces,
+    ink
+  } = param;
+  var hued = pickIdentityInk(identity, surfaces);
+  if (hued) return hued;
+  var surfaceLums = surfaceLuminances(surfaces);
+  if (!surfaceLums) return ink;
+  var best;
+  var bestMin = Number.POSITIVE_INFINITY;
+  var _iteratorNormalCompletion = true,
+    _didIteratorError = false,
+    _iteratorError = void 0;
+  try {
+    var _loop = function () {
+      var step = _step.value;
+      var hex = step ? normalizeToHex(step) : null;
+      if (!step || !hex) return "continue";
+      var stepLum = relativeLuminance(hex);
+      var min = Math.min(...surfaceLums.map(function (surface) {
+        return contrastRatio(stepLum, surface);
+      }));
+      if (min >= aaTextContrastRatio && min < bestMin) {
+        bestMin = min;
+        best = step;
+      }
+    };
+    for (var _iterator = accentSteps[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) _loop();
+  } catch (err) {
+    _didIteratorError = true;
+    _iteratorError = err;
+  } finally {
+    try {
+      if (!_iteratorNormalCompletion && _iterator.return != null) {
+        _iterator.return();
+      }
+    } finally {
+      if (_didIteratorError) {
+        throw _iteratorError;
+      }
+    }
+  }
+  return best !== null && best !== void 0 ? best : ink;
+}
+var accentStepKeys = Array.from({
+  length: 12
+}, function (_, index) {
+  return `accent${index + 1}`;
+});
+function useIdentityInputs() {
+  var _useThemeName, _resolveTokenValue;
+  var themeName = (_useThemeName = useThemeName()) !== null && _useThemeName !== void 0 ? _useThemeName : "";
+  var theme = useTamaguiTheme();
+  var hue = themeName.split("_")[1];
+  var isTint = hue !== void 0 && tintHueNames.has(hue);
+  var keys = isTint ? ["color8", "color9", "color10", `${hue}11`, `${hue}12`] : accentStepKeys;
+  return {
+    candidates: keys.map(function (key) {
+      return resolveTokenValue(theme, key);
+    }),
+    accentSteps: accentStepKeys.map(function (key) {
+      return resolveTokenValue(theme, key);
+    }),
+    c1: resolveTokenValue(theme, "color1"),
+    c2: resolveTokenValue(theme, "color2"),
+    ink: (_resolveTokenValue = resolveTokenValue(theme, "color12")) !== null && _resolveTokenValue !== void 0 ? _resolveTokenValue : "$color12"
+  };
+}
+function useAccentOnSurface() {
+  var {
+    candidates,
+    accentSteps,
+    c1,
+    c2,
+    ink
+  } = useIdentityInputs();
+  var candidateKey = candidates.join("|");
+  var stepKey = accentSteps.join("|");
+  return useMemo(function () {
+    return resolveAccentOnSurface({
+      identity: candidates,
+      accentSteps,
+      surfaces: [c1, c2],
+      ink
+    });
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [candidateKey, stepKey, c1, c2, ink]);
+}
+function useIdentityInkOnSurface() {
+  var {
+    candidates,
+    c1,
+    c2,
+    ink
+  } = useIdentityInputs();
+  var candidateKey = candidates.join("|");
+  return useMemo(function () {
+    return resolveIdentityInk({
+      candidates,
+      surfaces: [c1, c2],
+      ink
+    });
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [candidateKey, c1, c2, ink]);
+}
+function useIdentityHue() {
+  var {
+    candidates,
+    c1,
+    c2,
+    ink
+  } = useIdentityInputs();
+  var candidateKey = candidates.join("|");
+  var hue = useMemo(function () {
+    return pickIdentityInk(candidates, [c1, c2]);
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [candidateKey, c1, c2]);
+  return {
+    hue,
+    c1,
+    c2,
+    ink
+  };
+}
+var ACCENT_WASH_RATIO = 1.2;
+function resolveAccentTintedSurface(param) {
+  var _loop = function (step2) {
+    var share = step2 * 0.02;
+    var mix = `#${paperRgb.map(function (channel, index) {
+      return Math.round(channel + (solidRgb[index] - channel) * share).toString(16).padStart(2, "0");
+    }).join("")}`;
+    if (contrastRatio(relativeLuminance(mix), paperLum) >= ACCENT_WASH_RATIO) return {
+      v: mix
+    };
+  };
+  var {
+    solid,
+    paper
+  } = param;
+  var solidHex = solid ? normalizeToHex(solid) : null;
+  var paperHex = paper ? normalizeToHex(paper) : null;
+  if (!solidHex || !paperHex) return void 0;
+  var paperLum = relativeLuminance(paperHex);
+  var solidRgb = [1, 3, 5].map(function (offset) {
+    return parseInt(solidHex.slice(offset, offset + 2), 16);
+  });
+  var paperRgb = [1, 3, 5].map(function (offset) {
+    return parseInt(paperHex.slice(offset, offset + 2), 16);
+  });
+  for (var step = 1; step <= 50; step++) {
+    var _ret = _loop(step);
+    if (_type_of(_ret) === "object") return _ret.v;
+  }
+  return solidHex;
+}
+function useAccentTintedSurface() {
+  var theme = useTamaguiTheme();
+  var solid = resolveTokenValue(theme, "accentBackground");
+  var paper = resolveTokenValue(theme, "color1");
+  return useMemo(function () {
+    return resolveAccentTintedSurface({
+      solid,
+      paper
+    });
+  }, [solid, paper]);
+}
+var ACTIVE_TAB_CHROMA_FLOOR = 0.1;
+function resolveActiveTabInk(param) {
+  var {
+    hue,
+    solid,
+    dark,
+    surfaces,
+    ink
+  } = param;
+  if (hue) return hue;
+  var solidHex = solid ? normalizeToHex(solid) : null;
+  if (solidHex && chromaOf(solidHex) >= ACTIVE_TAB_CHROMA_FLOOR) {
+    return holdHueToFloor(solidHex, surfaces, dark, aaTextContrastRatio);
+  }
+  return ink;
+}
+function useActiveTabInk() {
+  var dark = isDarkThemeName(useThemeName());
+  var {
+    hue,
+    c1,
+    c2,
+    ink
+  } = useIdentityHue();
+  var theme = useTamaguiTheme();
+  var solid = resolveTokenValue(theme, "accentBackground");
+  return useMemo(function () {
+    return resolveActiveTabInk({
+      hue,
+      solid,
+      dark,
+      surfaces: [c1, c2],
+      ink
+    });
+  }, [hue, solid, dark, c1, c2, ink]);
+}
+export { resolveAccentOnSurface, resolveAccentTintedSurface, resolveActiveTabInk, resolveIdentityInk, resolveLegibleInkOn, useAccentOnSurface, useAccentTintedSurface, useActiveTabInk, useIdentityHue, useIdentityInkOnSurface, useLegibleInkOn, useReadableTextOn };
+//# sourceMappingURL=readableColor.native.js.map

package/dist/esm/theme/readableColor.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","useTheme","useTamaguiTheme","useThemeName","aaTextContrastRatio","contrastRatio","holdHueToFloor","holdInkFloor","normalizeToHex","pickReadableForeground","relativeLuminance","isDarkThemeName","tintHueNames","_type_of","obj","Symbol","constructor","resolveTokenValue","theme","token","_theme_key","key","startsWith","slice","val","useReadableTextOn","fill_","fill","paper","ink","resolveLegibleInkOn","param","preferred","fillHex","preferredHex","fillLum","anchor","useLegibleInkOn","preferredValue","resolved","IDENTITY_CHROMA_FLOOR","chromaOf","hex","rgb","map","offset","parseInt","Math","max","min","surfaceLuminances","surfaces","lums","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","iterator","_step","next","done","surface","value","push","err","return","pickIdentityInk","candidates","surfaceLums","best","bestChroma","_loop","candidate","lum","some","chroma","resolveIdentityInk","_pickIdentityInk","resolveAccentOnSurface","identity","accentSteps","hued","bestMin","Number","POSITIVE_INFINITY","step","stepLum","accentStepKeys","Array","from","length","_","index","useIdentityInputs","_useThemeName","_resolveTokenValue","themeName","hue","split","isTint","has","keys","c1","c2"],"sources":["../../../src/theme/readableColor.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/theme/recipeInputs.mjs

@@ -0,0 +1,309 @@
+import { scaleRadiusPx } from "./scale/activeScale.mjs";
+import { generateScale } from "./scale/generateScale.mjs";
+import { SIZE_RECIPE_TOKENS, defaultScaleInputs } from "./scale/scaleInputs.mjs";
+import { cloneTileSizeInputs, generateTileSizeLadder, resolveTileSizeInputs } from "./tileSizes.mjs";
+import { SIZE_RECIPE_TOKENS as SIZE_RECIPE_TOKENS2, SIZE_TOKEN_EXPONENTS } from "./scale/scaleInputs.mjs";
+const defaultScale = generateScale(defaultScaleInputs);
+const SIZE_RECIPE_RADIUS_STOPS = {
+  none: defaultScale.tokens.radius[0],
+  small: defaultScale.tokens.radius[2],
+  medium: defaultScale.tokens.radius[4],
+  large: defaultScale.tokens.radius[6],
+  full: defaultScale.tokens.radius[12]
+};
+const DEFAULT_SIZE_RECIPE_INPUTS = defaultScale.recipeInputs;
+const defaultRecipeInputs = DEFAULT_SIZE_RECIPE_INPUTS;
+const TOUCH_HEIGHT_FLOOR = DEFAULT_SIZE_RECIPE_INPUTS.touchFloor;
+function mergeTokenTable(base, over) {
+  const next = {};
+  for (const token of SIZE_RECIPE_TOKENS) {
+    const row = over?.[token] ?? (token === "$true" ? over?.$4 : void 0) ?? base[token];
+    if (row) next[token] = {
+      ...row
+    };
+  }
+  return next;
+}
+function mergeTokenHeights(base, over) {
+  const next = {
+    ...base,
+    ...over
+  };
+  if (over?.$4 != null && over.$true == null) next.$true = over.$4;
+  return next;
+}
+function cloneSizeRecipeInputs(inputs) {
+  return {
+    ...inputs,
+    tokenSteps: {
+      ...inputs.tokenSteps
+    },
+    tokenHeights: {
+      ...inputs.tokenHeights
+    },
+    tokenTable: mergeTokenTable(inputs.tokenTable),
+    chipTokenTable: mergeTokenTable(inputs.chipTokenTable),
+    inputPadX: {
+      ...inputs.inputPadX
+    },
+    ratios: {
+      ...inputs.ratios
+    },
+    chipRatios: {
+      ...inputs.chipRatios
+    },
+    tile: inputs.tile ? cloneTileSizeInputs(inputs.tile) : void 0
+  };
+}
+function resolveSizeRecipeInputs(partial = {}) {
+  const base = partial.control == null && partial.type == null ? DEFAULT_SIZE_RECIPE_INPUTS : generateScale({
+    ...defaultScaleInputs,
+    control: partial.control ?? DEFAULT_SIZE_RECIPE_INPUTS.control,
+    type: partial.type ?? DEFAULT_SIZE_RECIPE_INPUTS.type
+  }).recipeInputs;
+  const resolved = {
+    control: base.control,
+    type: base.type,
+    tokenSteps: {
+      ...base.tokenSteps,
+      ...partial.tokenSteps
+    },
+    tokenHeights: mergeTokenHeights(base.tokenHeights, partial.tokenHeights),
+    tokenTable: mergeTokenTable(base.tokenTable, partial.tokenTable),
+    chipTokenTable: mergeTokenTable(base.chipTokenTable, partial.chipTokenTable),
+    inputPadX: {
+      ...base.inputPadX,
+      ...partial.inputPadX
+    },
+    ratios: {
+      ...base.ratios,
+      ...partial.ratios
+    },
+    chipRatios: {
+      ...base.chipRatios,
+      ...partial.chipRatios
+    },
+    radiusPx: partial.radiusPx ?? base.radiusPx,
+    touchFloor: partial.touchFloor ?? base.touchFloor
+  };
+  if (partial.tile !== void 0) {
+    resolved.tile = partial.tile ? resolveTileSizeInputs(partial.tile) : void 0;
+  }
+  return resolved;
+}
+const mergeRecipeInputs = resolveSizeRecipeInputs;
+function clampHeight(value) {
+  return Math.max(1, Math.round(value));
+}
+function heightForToken(token, inputs) {
+  return clampHeight(inputs.tokenHeights[token] ?? inputs.control);
+}
+function sizeRecipeFromHeight(height, ratios = DEFAULT_SIZE_RECIPE_INPUTS.ratios) {
+  const gap = Math.round(height * ratios.gap);
+  return {
+    height,
+    paddingHorizontal: Math.round(height * ratios.padX),
+    fontSize: Math.round(height * ratios.font),
+    iconSize: Math.round(height * ratios.icon),
+    gap
+  };
+}
+function recipeFromTokenChannels(height, channels) {
+  return {
+    height,
+    paddingHorizontal: channels.paddingHorizontal,
+    fontSize: channels.fontSize,
+    iconSize: channels.iconSize,
+    gap: channels.radius
+  };
+}
+function applyRadiusStop(recipe, stop) {
+  return {
+    ...recipe,
+    gap: scaleRadiusPx(SIZE_RECIPE_RADIUS_STOPS[stop])
+  };
+}
+const SIZE_RECIPE_RADIUS_TOKEN_TO_STOP = {
+  $0: "none",
+  $2: "small",
+  $4: "medium",
+  $6: "large",
+  $12: "full"
+};
+function resolveControlRadius(recipe, stop = "medium") {
+  if (stop === "medium") {
+    return {
+      radius: recipe.gap,
+      gap: recipe.gap
+    };
+  }
+  const px = scaleRadiusPx(SIZE_RECIPE_RADIUS_STOPS[stop]);
+  return {
+    radius: px,
+    gap: recipe.gap
+  };
+}
+function generateTouchHeights(heights, inputs, tokens) {
+  const heightsTouch = {};
+  for (const token of tokens) {
+    heightsTouch[token] = Math.max(heights[token], inputs.touchFloor);
+  }
+  return heightsTouch;
+}
+function channelsForToken(token, table) {
+  if (!table) return void 0;
+  return table[token] ?? (token === "$true" ? table.$4 : void 0);
+}
+function generateSizeRecipeTables(inputs, ratios = inputs.ratios, table = inputs.tokenTable, heightOf = token => heightForToken(token, inputs)) {
+  const tokens = SIZE_RECIPE_TOKENS;
+  const heights = {};
+  for (const token of tokens) {
+    heights[token] = heightOf(token);
+  }
+  if (inputs.tokenHeights.$true == null) {
+    heights.$true = heights.$4;
+  }
+  const touchHeights = generateTouchHeights(heights, inputs, tokens);
+  const recipes = {};
+  const recipesTouch = {};
+  const boxVariants = {};
+  const typeVariants = {};
+  const iconVariants = {};
+  const heightVariants = {};
+  const radii = {};
+  for (const token of tokens) {
+    const channels = channelsForToken(token, table);
+    const recipe = channels ? recipeFromTokenChannels(heights[token], channels) : sizeRecipeFromHeight(heights[token], ratios);
+    const radius = channels ? channels.radius : recipe.gap;
+    recipes[token] = recipe;
+    recipesTouch[token] = {
+      ...recipe,
+      height: touchHeights[token]
+    };
+    radii[token] = radius;
+    boxVariants[token] = {
+      height: recipe.height,
+      paddingHorizontal: recipe.paddingHorizontal,
+      gap: recipe.gap
+    };
+    typeVariants[token] = {
+      fontSize: recipe.fontSize
+    };
+    iconVariants[token] = {
+      width: recipe.iconSize,
+      height: recipe.iconSize
+    };
+    heightVariants[token] = {
+      height: recipe.height
+    };
+  }
+  return {
+    inputs,
+    ratios: {
+      ...ratios
+    },
+    heights,
+    touchHeights,
+    recipes,
+    recipesTouch,
+    boxVariants,
+    typeVariants,
+    iconVariants,
+    heightVariants,
+    radii
+  };
+}
+const RECIPE_LADDER = SIZE_RECIPE_TOKENS.filter(token => token !== "$true");
+function recipeKeyBelow(token) {
+  const index = RECIPE_LADDER.indexOf(token === "$true" ? "$4" : token);
+  return RECIPE_LADDER[Math.max(0, index - 1)];
+}
+function recipeKeyAbove(token) {
+  const index = RECIPE_LADDER.indexOf(token === "$true" ? "$4" : token);
+  return RECIPE_LADDER[Math.min(RECIPE_LADDER.length - 1, index + 1)];
+}
+function ratiosOf(table, height) {
+  const row = table.$4;
+  if (!row) return {
+    padX: 0,
+    font: 0,
+    icon: 0,
+    gap: 0
+  };
+  return {
+    padX: row.paddingHorizontal / height,
+    font: row.fontSize / height,
+    icon: row.iconSize / height,
+    gap: row.radius / height
+  };
+}
+function deriveRowFamilyTables(inputs) {
+  const menuRow = {};
+  const tab = {};
+  const rowPadX = inputs.tokenTable.$3?.paddingHorizontal;
+  for (const token of SIZE_RECIPE_TOKENS) {
+    const own = channelsForToken(token, inputs.tokenTable);
+    const below = channelsForToken(recipeKeyBelow(token), inputs.tokenTable);
+    if (!own || !below) continue;
+    menuRow[token] = {
+      ...own,
+      paddingHorizontal: rowPadX ?? below.paddingHorizontal
+    };
+    tab[token] = {
+      ...own,
+      paddingHorizontal: below.paddingHorizontal
+    };
+  }
+  return {
+    menuRow,
+    tab
+  };
+}
+function createRecipeFamilies(inputs = {}) {
+  const resolved = cloneSizeRecipeInputs(resolveSizeRecipeInputs(inputs));
+  const control = generateSizeRecipeTables(resolved, resolved.ratios, resolved.tokenTable);
+  const chip = generateSizeRecipeTables(resolved, resolved.chipRatios, resolved.chipTokenTable);
+  const rows = deriveRowFamilyTables(resolved);
+  const heightBelow = token => heightForToken(recipeKeyBelow(token), resolved);
+  const rowHeight = heightBelow("$4");
+  const menuRow = generateSizeRecipeTables(resolved, ratiosOf(rows.menuRow, rowHeight), rows.menuRow, heightBelow);
+  const tab = generateSizeRecipeTables(resolved, ratiosOf(rows.tab, rowHeight), rows.tab, heightBelow);
+  return {
+    control: {
+      ...control,
+      name: "control"
+    },
+    chip: {
+      ...chip,
+      name: "chip"
+    },
+    menuRow: {
+      ...menuRow,
+      name: "menuRow"
+    },
+    tab: {
+      ...tab,
+      name: "tab"
+    }
+  };
+}
+function generateSizeRecipes(partial = {}) {
+  const inputs = cloneSizeRecipeInputs(resolveSizeRecipeInputs(partial));
+  const families = createRecipeFamilies(inputs);
+  const control = families.control;
+  return {
+    inputs,
+    heights: control.heights,
+    heightsTouch: control.touchHeights,
+    recipes: control.recipes,
+    recipesTouch: control.recipesTouch,
+    boxVariants: control.boxVariants,
+    typeVariants: control.typeVariants,
+    iconVariants: control.iconVariants,
+    radii: control.radii,
+    families,
+    tiles: generateTileSizeLadder(resolveTileSizeInputs(inputs.tile ?? {}))
+  };
+}
+export { DEFAULT_SIZE_RECIPE_INPUTS, SIZE_RECIPE_RADIUS_STOPS, SIZE_RECIPE_RADIUS_TOKEN_TO_STOP, SIZE_RECIPE_TOKENS2 as SIZE_RECIPE_TOKENS, SIZE_TOKEN_EXPONENTS, TOUCH_HEIGHT_FLOOR, applyRadiusStop, cloneSizeRecipeInputs, createRecipeFamilies, defaultRecipeInputs, generateSizeRecipeTables, generateSizeRecipes, mergeRecipeInputs, recipeFromTokenChannels, recipeKeyAbove, recipeKeyBelow, resolveControlRadius, resolveSizeRecipeInputs, sizeRecipeFromHeight };
+//# sourceMappingURL=recipeInputs.mjs.map