@multiplatform.one/theme 7.83.1 → 7.84.0

package/dist/cjs/theme/Surface.cjs

@@ -0,0 +1,115 @@
+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 Surface_exports = {};
+__export(Surface_exports, {
+  Surface: () => Surface,
+  SurfaceContext: () => SurfaceContext,
+  clampSurfaceSize: () => clampSurfaceSize,
+  compareSizeTokens: () => compareSizeTokens,
+  sizeTokenBelow: () => sizeTokenBelow,
+  sizeTokenStep: () => sizeTokenStep,
+  sizeTokenStop: () => sizeTokenStop,
+  surfaceSizeRank: () => surfaceSizeRank,
+  useBarSurface: () => useBarSurface,
+  useElevatedSurface: () => useElevatedSurface,
+  useFieldSurface: () => useFieldSurface
+});
+module.exports = __toCommonJS(Surface_exports);
+var import_tamagui = require("tamagui");
+var import_pageGutter = require("./pageGutter.cjs");
+var import_scaleInputs = require("./scale/scaleInputs.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+const SurfaceContext = (0, import_tamagui.createStyledContext)({
+  size: "unset",
+  painted: false,
+  bar: false,
+  elevated: false,
+  field: false
+});
+function useBarSurface() {
+  return SurfaceContext.useStyledContext().bar ?? false;
+}
+function useFieldSurface() {
+  return SurfaceContext.useStyledContext().field ?? false;
+}
+function useElevatedSurface() {
+  return SurfaceContext.useStyledContext().elevated ?? false;
+}
+const sizeKeyRank = new Map(import_scaleInputs.SIZE_KEYS.map((key, index) => [key, index]));
+sizeKeyRank.set("$true", sizeKeyRank.get("$4") ?? 0);
+function surfaceSizeRank(size) {
+  return typeof size === "string" ? sizeKeyRank.get(size) : void 0;
+}
+function compareSizeTokens(a, b) {
+  const rankA = surfaceSizeRank(a);
+  const rankB = surfaceSizeRank(b);
+  return rankA === void 0 || rankB === void 0 ? 0 : rankA - rankB;
+}
+function sizeTokenStep(sizeToken) {
+  return Math.sign(compareSizeTokens(sizeToken, "$true"));
+}
+function sizeTokenStop(sizeToken) {
+  const step = sizeTokenStep(sizeToken);
+  return step < 0 ? "small" : step > 0 ? "large" : "medium";
+}
+function sizeTokenBelow(size) {
+  const key = size === "$true" ? "$4" : String(size);
+  const step = Number(key.replace(/^\$/, ""));
+  if (!Number.isFinite(step)) return "$3";
+  return `$${Math.max(1, Math.ceil(step) - 1)}`;
+}
+function clampSurfaceSize(requested, parent) {
+  if (parent === "unset") return requested;
+  if (requested === "unset") return parent;
+  const requestedRank = surfaceSizeRank(requested);
+  const parentRank = surfaceSizeRank(parent);
+  if (parentRank === void 0) return requested;
+  if (requestedRank === void 0) return parent;
+  return requestedRank <= parentRank ? requested : parent;
+}
+function Surface({
+  size,
+  painted,
+  bar,
+  elevated,
+  field,
+  children
+}) {
+  const parent = SurfaceContext.useStyledContext();
+  const nextSize = clampSurfaceSize(size ?? "unset", parent.size);
+  const nextPainted = painted ?? parent.painted ?? false;
+  const nextBar = bar ?? (painted === void 0 ? parent.bar ?? false : false);
+  const nextElevated = elevated ?? (painted === void 0 ? parent.elevated ?? false : false);
+  const nextField = field ?? (painted === void 0 ? parent.field ?? false : false);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(SurfaceContext.Provider, {
+    size: nextSize,
+    painted: nextPainted,
+    bar: nextBar,
+    elevated: nextElevated,
+    field: nextField,
+    children: painted === void 0 ? children : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_pageGutter.PageGutter, {
+      inset: null,
+      children
+    })
+  });
+}

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

@@ -0,0 +1,126 @@
+"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 Surface_exports = {};
+__export(Surface_exports, {
+  Surface: () => Surface,
+  SurfaceContext: () => SurfaceContext,
+  clampSurfaceSize: () => clampSurfaceSize,
+  compareSizeTokens: () => compareSizeTokens,
+  sizeTokenBelow: () => sizeTokenBelow,
+  sizeTokenStep: () => sizeTokenStep,
+  sizeTokenStop: () => sizeTokenStop,
+  surfaceSizeRank: () => surfaceSizeRank,
+  useBarSurface: () => useBarSurface,
+  useElevatedSurface: () => useElevatedSurface,
+  useFieldSurface: () => useFieldSurface
+});
+module.exports = __toCommonJS(Surface_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_tamagui = require("tamagui");
+var import_pageGutter = require("./pageGutter.native.js");
+var import_scaleInputs = require("./scale/scaleInputs.native.js");
+var _sizeKeyRank_get;
+var SurfaceContext = (0, import_tamagui.createStyledContext)({
+  size: "unset",
+  painted: false,
+  bar: false,
+  elevated: false,
+  field: false
+});
+function useBarSurface() {
+  var _SurfaceContext_useStyledContext_bar;
+  return (_SurfaceContext_useStyledContext_bar = SurfaceContext.useStyledContext().bar) !== null && _SurfaceContext_useStyledContext_bar !== void 0 ? _SurfaceContext_useStyledContext_bar : false;
+}
+function useFieldSurface() {
+  var _SurfaceContext_useStyledContext_field;
+  return (_SurfaceContext_useStyledContext_field = SurfaceContext.useStyledContext().field) !== null && _SurfaceContext_useStyledContext_field !== void 0 ? _SurfaceContext_useStyledContext_field : false;
+}
+function useElevatedSurface() {
+  var _SurfaceContext_useStyledContext_elevated;
+  return (_SurfaceContext_useStyledContext_elevated = SurfaceContext.useStyledContext().elevated) !== null && _SurfaceContext_useStyledContext_elevated !== void 0 ? _SurfaceContext_useStyledContext_elevated : false;
+}
+var sizeKeyRank = new Map(import_scaleInputs.SIZE_KEYS.map(function (key, index) {
+  return [key, index];
+}));
+sizeKeyRank.set("$true", (_sizeKeyRank_get = sizeKeyRank.get("$4")) !== null && _sizeKeyRank_get !== void 0 ? _sizeKeyRank_get : 0);
+function surfaceSizeRank(size) {
+  return typeof size === "string" ? sizeKeyRank.get(size) : void 0;
+}
+function compareSizeTokens(a, b) {
+  var rankA = surfaceSizeRank(a);
+  var rankB = surfaceSizeRank(b);
+  return rankA === void 0 || rankB === void 0 ? 0 : rankA - rankB;
+}
+function sizeTokenStep(sizeToken) {
+  return Math.sign(compareSizeTokens(sizeToken, "$true"));
+}
+function sizeTokenStop(sizeToken) {
+  var step = sizeTokenStep(sizeToken);
+  return step < 0 ? "small" : step > 0 ? "large" : "medium";
+}
+function sizeTokenBelow(size) {
+  var key = size === "$true" ? "$4" : String(size);
+  var step = Number(key.replace(/^\$/, ""));
+  if (!Number.isFinite(step)) return "$3";
+  return `$${Math.max(1, Math.ceil(step) - 1)}`;
+}
+function clampSurfaceSize(requested, parent) {
+  if (parent === "unset") return requested;
+  if (requested === "unset") return parent;
+  var requestedRank = surfaceSizeRank(requested);
+  var parentRank = surfaceSizeRank(parent);
+  if (parentRank === void 0) return requested;
+  if (requestedRank === void 0) return parent;
+  return requestedRank <= parentRank ? requested : parent;
+}
+function Surface(param) {
+  var {
+    size,
+    painted,
+    bar,
+    elevated,
+    field,
+    children
+  } = param;
+  var _ref, _parent_bar, _parent_elevated, _parent_field;
+  var parent = SurfaceContext.useStyledContext();
+  var nextSize = clampSurfaceSize(size !== null && size !== void 0 ? size : "unset", parent.size);
+  var nextPainted = (_ref = painted !== null && painted !== void 0 ? painted : parent.painted) !== null && _ref !== void 0 ? _ref : false;
+  var nextBar = bar !== null && bar !== void 0 ? bar : painted === void 0 ? (_parent_bar = parent.bar) !== null && _parent_bar !== void 0 ? _parent_bar : false : false;
+  var nextElevated = elevated !== null && elevated !== void 0 ? elevated : painted === void 0 ? (_parent_elevated = parent.elevated) !== null && _parent_elevated !== void 0 ? _parent_elevated : false : false;
+  var nextField = field !== null && field !== void 0 ? field : painted === void 0 ? (_parent_field = parent.field) !== null && _parent_field !== void 0 ? _parent_field : false : false;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(SurfaceContext.Provider, {
+    size: nextSize,
+    painted: nextPainted,
+    bar: nextBar,
+    elevated: nextElevated,
+    field: nextField,
+    children: painted === void 0 ? children : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_pageGutter.PageGutter, {
+      inset: null,
+      children
+    })
+  });
+}
+//# sourceMappingURL=Surface.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Surface_exports","__export","Surface","SurfaceContext","clampSurfaceSize","compareSizeTokens","sizeTokenBelow","sizeTokenStep","sizeTokenStop","surfaceSizeRank","useBarSurface","useElevatedSurface","useFieldSurface","module","exports","import_jsx_runtime","require","import_tamagui","import_pageGutter","import_scaleInputs","_sizeKeyRank_get","createStyledContext","size","painted","bar","elevated","field","_SurfaceContext_useStyledContext_bar","useStyledContext","_SurfaceContext_useStyledContext_field","_SurfaceContext_useStyledContext_elevated","sizeKeyRank","Map","SIZE_KEYS","map","key","index","set","get","a","b","rankA","rankB","sizeToken","Math","sign","step","String","Number","replace","isFinite","max","ceil","requested","parent","requestedRank","parentRank","param","children","_ref","_parent_bar","_parent_elevated","_parent_field","nextSize","nextPainted","nextBar","nextElevated","nextField","jsx","Provider","PageGutter"],"sources":["../../../src/theme/Surface.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/theme/Text.cjs

@@ -0,0 +1,147 @@
+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 Text_exports = {};
+__export(Text_exports, {
+  Anchor: () => Anchor,
+  Paragraph: () => Paragraph,
+  SizableText: () => SizableText,
+  Text: () => Text
+});
+module.exports = __toCommonJS(Text_exports);
+var import_readableColor = require("./readableColor.cjs");
+var import_useResolvedKnobs = require("./useResolvedKnobs.cjs");
+var import_tamagui = require("tamagui");
+var import_jsx_runtime = require("react/jsx-runtime");
+function leadingFor(fontSize) {
+  if (fontSize === void 0) return "$true";
+  return typeof fontSize === "string" && fontSize.startsWith("$") ? fontSize : void 0;
+}
+function useBodyVoice(fontWeight, {
+  variant,
+  tabular
+} = {}) {
+  const {
+    knobProps
+  } = (0, import_useResolvedKnobs.useResolvedKnobs)();
+  const {
+    fontWeight: knobWeight,
+    ...body
+  } = knobProps.body;
+  return {
+    body,
+    variantProps: variant === "mutedMono" ? knobProps.typography.mutedMono : void 0,
+    digitProps: tabular ? knobProps.typography.tabular : void 0,
+    color: knobProps.textAccentColor,
+    weight: fontWeight ?? knobWeight
+  };
+}
+function Text({
+  fontWeight,
+  variant,
+  tabular,
+  style,
+  ...props
+}) {
+  const {
+    body,
+    color,
+    weight,
+    variantProps,
+    digitProps
+  } = useBodyVoice(fontWeight, {
+    variant,
+    tabular: tabular && props.fontVariant === void 0
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+    fontSize: "$true",
+    lineHeight: leadingFor(props.fontSize),
+    ...body,
+    color,
+    ...variantProps,
+    ...digitProps,
+    ...props,
+    style: digitProps?.style ? [digitProps.style, ...[style].flat()] : style,
+    fontWeight: weight
+  });
+}
+function SizableText({
+  fontWeight,
+  ...props
+}) {
+  const {
+    body,
+    color,
+    weight
+  } = useBodyVoice(fontWeight);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
+    ...body,
+    color,
+    ...props,
+    fontWeight: weight
+  });
+}
+function Paragraph({
+  fontWeight,
+  variant,
+  tabular,
+  style,
+  ...props
+}) {
+  const {
+    body,
+    color,
+    weight,
+    variantProps,
+    digitProps
+  } = useBodyVoice(fontWeight, {
+    variant,
+    tabular: tabular && props.fontVariant === void 0
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+    fontSize: "$true",
+    lineHeight: leadingFor(props.fontSize),
+    ...body,
+    color,
+    ...variantProps,
+    ...digitProps,
+    ...props,
+    style: digitProps?.style ? [digitProps.style, ...[style].flat()] : style,
+    fontWeight: weight
+  });
+}
+function Anchor({
+  fontWeight,
+  ...props
+}) {
+  const {
+    body,
+    weight
+  } = useBodyVoice(fontWeight);
+  const linkInk = (0, import_readableColor.useAccentOnSurface)();
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Anchor, {
+    ...body,
+    color: linkInk,
+    ...props,
+    fontWeight: weight
+  });
+}

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

@@ -0,0 +1,155 @@
+"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 Text_exports = {};
+__export(Text_exports, {
+  Anchor: () => Anchor,
+  Paragraph: () => Paragraph,
+  SizableText: () => SizableText,
+  Text: () => Text
+});
+module.exports = __toCommonJS(Text_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_readableColor = require("./readableColor.native.js");
+var import_useResolvedKnobs = require("./useResolvedKnobs.native.js");
+var import_tamagui = require("tamagui");
+function leadingFor(fontSize) {
+  if (fontSize === void 0) return "$true";
+  return typeof fontSize === "string" && fontSize.startsWith("$") ? fontSize : void 0;
+}
+function useBodyVoice(fontWeight) {
+  var {
+    variant,
+    tabular
+  } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+  var {
+    knobProps
+  } = (0, import_useResolvedKnobs.useResolvedKnobs)();
+  var {
+    fontWeight: knobWeight,
+    ...body
+  } = knobProps.body;
+  return {
+    body,
+    variantProps: variant === "mutedMono" ? knobProps.typography.mutedMono : void 0,
+    digitProps: tabular ? knobProps.typography.tabular : void 0,
+    color: knobProps.textAccentColor,
+    weight: fontWeight !== null && fontWeight !== void 0 ? fontWeight : knobWeight
+  };
+}
+function Text(param) {
+  var {
+    fontWeight,
+    variant,
+    tabular,
+    style,
+    ...props
+  } = param;
+  var {
+    body,
+    color,
+    weight,
+    variantProps,
+    digitProps
+  } = useBodyVoice(fontWeight, {
+    variant,
+    tabular: tabular && props.fontVariant === void 0
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+    fontSize: "$true",
+    lineHeight: leadingFor(props.fontSize),
+    ...body,
+    color,
+    ...variantProps,
+    ...digitProps,
+    ...props,
+    style: (digitProps === null || digitProps === void 0 ? void 0 : digitProps.style) ? [digitProps.style, ...[style].flat()] : style,
+    fontWeight: weight
+  });
+}
+function SizableText(param) {
+  var {
+    fontWeight,
+    ...props
+  } = param;
+  var {
+    body,
+    color,
+    weight
+  } = useBodyVoice(fontWeight);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
+    ...body,
+    color,
+    ...props,
+    fontWeight: weight
+  });
+}
+function Paragraph(param) {
+  var {
+    fontWeight,
+    variant,
+    tabular,
+    style,
+    ...props
+  } = param;
+  var {
+    body,
+    color,
+    weight,
+    variantProps,
+    digitProps
+  } = useBodyVoice(fontWeight, {
+    variant,
+    tabular: tabular && props.fontVariant === void 0
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+    fontSize: "$true",
+    lineHeight: leadingFor(props.fontSize),
+    ...body,
+    color,
+    ...variantProps,
+    ...digitProps,
+    ...props,
+    style: (digitProps === null || digitProps === void 0 ? void 0 : digitProps.style) ? [digitProps.style, ...[style].flat()] : style,
+    fontWeight: weight
+  });
+}
+function Anchor(param) {
+  var {
+    fontWeight,
+    ...props
+  } = param;
+  var {
+    body,
+    weight
+  } = useBodyVoice(fontWeight);
+  var linkInk = (0, import_readableColor.useAccentOnSurface)();
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Anchor, {
+    ...body,
+    color: linkInk,
+    ...props,
+    fontWeight: weight
+  });
+}
+//# sourceMappingURL=Text.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Text_exports","__export","Anchor","Paragraph","SizableText","Text","module","exports","import_jsx_runtime","require","import_readableColor","import_useResolvedKnobs","import_tamagui","leadingFor","fontSize","startsWith","useBodyVoice","fontWeight","variant","tabular","arguments","length","knobProps","useResolvedKnobs","knobWeight","body","variantProps","typography","mutedMono","digitProps","color","textAccentColor","weight","param","style","props","fontVariant","jsx","lineHeight","flat"],"sources":["../../../src/theme/Text.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/theme/Tint.cjs

@@ -0,0 +1,55 @@
+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 Tint_exports = {};
+__export(Tint_exports, {
+  Tint: () => Tint,
+  useTintDepth: () => useTintDepth
+});
+module.exports = __toCommonJS(Tint_exports);
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_PresetContext = require("./PresetContext.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+const TintDepthContext = (0, import_react.createContext)(0);
+function Tint({
+  children,
+  alt = 0,
+  disable,
+  ...props
+}) {
+  const parentDepth = (0, import_react.useContext)(TintDepthContext);
+  const depth = parentDepth + 1 + alt;
+  const tints = (0, import_PresetContext.usePresetTints)();
+  const tint = tints.length > 0 ? tints[(depth - 1) % tints.length] : void 0;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TintDepthContext.Provider, {
+    value: depth,
+    children: disable || !tint ? children : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Theme, {
+      name: tint,
+      ...props,
+      children
+    })
+  });
+}
+function useTintDepth() {
+  return (0, import_react.useContext)(TintDepthContext);
+}

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

@@ -0,0 +1,59 @@
+"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 Tint_exports = {};
+__export(Tint_exports, {
+  Tint: () => Tint,
+  useTintDepth: () => useTintDepth
+});
+module.exports = __toCommonJS(Tint_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_PresetContext = require("./PresetContext.native.js");
+var TintDepthContext = /* @__PURE__ */(0, import_react.createContext)(0);
+function Tint(param) {
+  var {
+    children,
+    alt = 0,
+    disable,
+    ...props
+  } = param;
+  var parentDepth = (0, import_react.useContext)(TintDepthContext);
+  var depth = parentDepth + 1 + alt;
+  var tints = (0, import_PresetContext.usePresetTints)();
+  var tint = tints.length > 0 ? tints[(depth - 1) % tints.length] : void 0;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TintDepthContext.Provider, {
+    value: depth,
+    children: disable || !tint ? children : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Theme, {
+      name: tint,
+      ...props,
+      children
+    })
+  });
+}
+function useTintDepth() {
+  return (0, import_react.useContext)(TintDepthContext);
+}
+//# sourceMappingURL=Tint.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Tint_exports","__export","Tint","useTintDepth","module","exports","import_jsx_runtime","require","import_react","import_tamagui","import_PresetContext","TintDepthContext","createContext","param","children","alt","disable","props","parentDepth","useContext","depth","tints","usePresetTints","tint","length","jsx","Provider","Theme"],"sources":["../../../src/theme/Tint.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,YAAA;AAAAC,QAAA,CAAAD,YAAA;EAAAE,IAAA,EAAAA,CAAA,KAAAA,IAAA;EAAAC,YAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAV,YAAkE,CAAAK,YAAA;AAClE,IAAAM,kBAAsB,GAAAC,OAAA;AACtB,IAAAC,YAAA,GAAAD,OAAA,CAA+B;AA6BvB,IAAAE,cAAA,GAAAF,OAAA;AA3BR,IAAAG,oBAAM,GAAAH,OAAmB;AAgBlB,IAAAI,gBAAgB,kBAAmB,IAAAH,YAAkB,CAAcI,aAAA;AACxE,SAAMV,KAAAW,KAAA;EACN;IAAMC,QAAQ;IAAAC,GAAA;IAAAC,OAAkB;IAAA,GAAAC;EAAA,IAAAJ,KAAA;EAChC,IAAAK,WAAM,GAAQ,IAAAV,YAAA,CAAAW,UAAA,EAAAR,gBAAe;EAC7B,IAAAS,KAAM,GAAAF,WAAa,OAASH,GAAI;EAEhC,IAAAM,KACE,OAAAX,oBAAA,CAAAY,cAAC;EAUL,IAAAC,IAAA,GAAAF,KAAA,CAAAG,MAAA,OAAAH,KAAA,EAAAD,KAAA,QAAAC,KAAA,CAAAG,MAAA;EAKO,OAAS,eAAuB,IAAAlB,kBAAA,CAAAmB,GAAA,EAAAd,gBAAA,CAAAe,QAAA;IACrC3B,KAAA,EAAAqB,KAAO;IACTN,QAAA,EAAAE,OAAA,KAAAO,IAAA,GAAAT,QAAA,sBAAAR,kBAAA,CAAAmB,GAAA,EAAAhB,cAAA,CAAAkB,KAAA","ignoreList":[]}