@tamagui/web 1.144.2 → 1.144.4

package/dist/cjs/helpers/resolveRem.cjs

@@ -0,0 +1,32 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var resolveRem_exports = {};
+__export(resolveRem_exports, {
+  isRemValue: () => isRemValue,
+  resolveRem: () => resolveRem
+});
+module.exports = __toCommonJS(resolveRem_exports);
+function resolveRem(value) {
+  return value;
+}
+function isRemValue(value) {
+  return typeof value == "string" && value.includes("rem");
+}

package/dist/cjs/helpers/resolveRem.js

@@ -0,0 +1,27 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var resolveRem_exports = {};
+__export(resolveRem_exports, {
+  isRemValue: () => isRemValue,
+  resolveRem: () => resolveRem
+});
+module.exports = __toCommonJS(resolveRem_exports);
+function resolveRem(value) {
+  return value;
+}
+function isRemValue(value) {
+  return typeof value == "string" && value.includes("rem");
+}
+//# sourceMappingURL=resolveRem.js.map

package/dist/cjs/helpers/resolveRem.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/resolveRem.ts"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOO,SAAS,WAAW,OAAuB;AAChD,SAAO;AACT;AAKO,SAAS,WAAW,OAAiC;AAC1D,SAAO,OAAO,SAAU,YAAY,MAAM,SAAS,KAAK;AAC1D;",
+  "names": []
+}

package/dist/cjs/helpers/resolveRem.native.js

@@ -0,0 +1,50 @@
+"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: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var resolveRem_native_exports = {};
+__export(resolveRem_native_exports, {
+  isRemValue: () => isRemValue,
+  resolveRem: () => resolveRem
+});
+module.exports = __toCommonJS(resolveRem_native_exports);
+var import_react_native = require("react-native"),
+  import_config = require("../config.native.js"),
+  remRegex = /(-?[\d.]+)rem/g;
+function resolveRem(value) {
+  var _config_settings,
+    config = (0, import_config.getConfig)(),
+    _config_settings_remBaseFontSize,
+    baseFontSize = (_config_settings_remBaseFontSize = config == null || (_config_settings = config.settings) === null || _config_settings === void 0 ? void 0 : _config_settings.remBaseFontSize) !== null && _config_settings_remBaseFontSize !== void 0 ? _config_settings_remBaseFontSize : 16;
+  if (value.endsWith("rem") && !value.includes(" ")) {
+    var numericValue = Number.parseFloat(value);
+    if (!Number.isNaN(numericValue)) return import_react_native.PixelRatio.getFontScale() * baseFontSize * numericValue;
+  }
+  for (var result = 0, match; (match = remRegex.exec(value)) !== null;) {
+    var numericValue1 = Number.parseFloat(match[1]);
+    Number.isNaN(numericValue1) || (result += import_react_native.PixelRatio.getFontScale() * baseFontSize * numericValue1);
+  }
+  return remRegex.lastIndex = 0, result;
+}
+function isRemValue(value) {
+  return typeof value == "string" && value.includes("rem");
+}
+//# sourceMappingURL=resolveRem.native.js.map

package/dist/cjs/helpers/resolveRem.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["resolveRem_native_exports","__export","isRemValue","resolveRem","module","exports","__toCommonJS","import_react_native","require","import_config","remRegex","value","_config_settings","config","getConfig","_config_settings_remBaseFontSize","baseFontSize","settings","remBaseFontSize","endsWith","includes","numericValue","Number","parseFloat","isNaN","PixelRatio","getFontScale","result","match","exec","numericValue1","lastIndex"],"sources":["../../../src/helpers/resolveRem.native.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,yBAAA;AAAAC,QAAA,CAAAD,yBAAA;EAAAE,UAAA,EAAAA,CAAA,KAAAA,UAAA;EAAAC,UAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAC,YAAA,CAAAN,yBAAA;AAAA,IAAAO,mBAAA,GAA2BC,OAAA;EAC3BC,aAAA,GAA0BD,OAAA;EACtBE,QAAA,GAAW;AAOJ,SAASP,WAAWQ,KAAA,EAAO;EAClC,IAAIC,gBAAA;IACAC,MAAA,OAASJ,aAAA,CAAAK,SAAA,EAAU;IACnBC,gCAAA;IACAC,YAAA,IAAgBD,gCAAA,GAAmCF,MAAA,IAAW,SAAsCD,gBAAA,GAAmBC,MAAA,CAAOI,QAAA,MAAc,QAAQL,gBAAA,KAAqB,SAA/E,SAAiGA,gBAAA,CAAiBM,eAAA,MAAqB,QAAQH,gCAAA,KAAqC,SAASA,gCAAA,GAAmC;EAE9T,IAAIJ,KAAA,CAAMQ,QAAA,CAAS,KAAK,KAAK,CAACR,KAAA,CAAMS,QAAA,CAAS,GAAG,GAAG;IAC/C,IAAIC,YAAA,GAAeC,MAAA,CAAOC,UAAA,CAAWZ,KAAK;IAC1C,IAAI,CAACW,MAAA,CAAOE,KAAA,CAAMH,YAAY,GAC1B,OAAOd,mBAAA,CAAAkB,UAAA,CAAWC,YAAA,CAAa,IAAIV,YAAA,GAAeK,YAAA;EAE1D;EAIA,SAFIM,MAAA,GAAS,GACTC,KAAA,GACGA,KAAA,GAAQlB,QAAA,CAASmB,IAAA,CAAKlB,KAAK,OAAO,OAAK;IAC1C,IAAImB,aAAA,GAAgBR,MAAA,CAAOC,UAAA,CAAWK,KAAA,CAAM,CAAC,CAAC;IACzCN,MAAA,CAAOE,KAAA,CAAMM,aAAa,MAC3BH,MAAA,IAAUpB,mBAAA,CAAAkB,UAAA,CAAWC,YAAA,CAAa,IAAIV,YAAA,GAAec,aAAA;EAE7D;EACA,OAAApB,QAAA,CAASqB,SAAA,GAAY,GAEdJ,MAAA;AACX;AAGW,SAASzB,WAAWS,KAAA,EAAO;EAClC,OAAO,OAAOA,KAAA,IAAU,YAAYA,KAAA,CAAMS,QAAA,CAAS,KAAK;AAC5D","ignoreList":[]}

package/dist/cjs/helpers/resolveSafeArea.cjs

@@ -0,0 +1,34 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var resolveSafeArea_exports = {};
+__export(resolveSafeArea_exports, {
+  resolveSafeAreaValue: () => resolveSafeAreaValue
+});
+module.exports = __toCommonJS(resolveSafeArea_exports);
+const safeAreaTokens = {
+  $safeAreaTop: "env(safe-area-inset-top)",
+  $safeAreaBottom: "env(safe-area-inset-bottom)",
+  $safeAreaLeft: "env(safe-area-inset-left)",
+  $safeAreaRight: "env(safe-area-inset-right)"
+};
+function resolveSafeAreaValue(value) {
+  return safeAreaTokens[value];
+}

package/dist/cjs/helpers/resolveSafeArea.js

@@ -0,0 +1,29 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var resolveSafeArea_exports = {};
+__export(resolveSafeArea_exports, {
+  resolveSafeAreaValue: () => resolveSafeAreaValue
+});
+module.exports = __toCommonJS(resolveSafeArea_exports);
+const safeAreaTokens = {
+  $safeAreaTop: "env(safe-area-inset-top)",
+  $safeAreaBottom: "env(safe-area-inset-bottom)",
+  $safeAreaLeft: "env(safe-area-inset-left)",
+  $safeAreaRight: "env(safe-area-inset-right)"
+};
+function resolveSafeAreaValue(value) {
+  return safeAreaTokens[value];
+}
+//# sourceMappingURL=resolveSafeArea.js.map

package/dist/cjs/helpers/resolveSafeArea.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/resolveSafeArea.ts"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAAM,iBAAyC;AAAA,EAC7C,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,gBAAgB;AAClB;AAEO,SAAS,qBAAqB,OAAmC;AACtE,SAAO,eAAe,KAAK;AAC7B;",
+  "names": []
+}

package/dist/cjs/helpers/resolveSafeArea.native.js

@@ -0,0 +1,42 @@
+"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: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var resolveSafeArea_native_exports = {};
+__export(resolveSafeArea_native_exports, {
+  resolveSafeAreaValue: () => resolveSafeAreaValue
+});
+module.exports = __toCommonJS(resolveSafeArea_native_exports);
+var safeAreaEdges = {
+  $safeAreaTop: "top",
+  $safeAreaBottom: "bottom",
+  $safeAreaLeft: "left",
+  $safeAreaRight: "right"
+};
+function resolveSafeAreaValue(value) {
+  var edge = safeAreaEdges[value];
+  if (edge) {
+    var g = globalThis,
+      state = g.__tamagui_native_safe_area_state__;
+    return state?.enabled && state.initialMetrics ? state.initialMetrics.insets[edge] : 0;
+  }
+}
+//# sourceMappingURL=resolveSafeArea.native.js.map

package/dist/cjs/helpers/resolveSafeArea.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["resolveSafeArea_native_exports","__export","resolveSafeAreaValue","module","exports","__toCommonJS","safeAreaEdges","$safeAreaTop","$safeAreaBottom","$safeAreaLeft","$safeAreaRight","value","edge","g","globalThis","state","__tamagui_native_safe_area_state__","enabled","initialMetrics","insets"],"sources":["../../../src/helpers/resolveSafeArea.native.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,8BAAA;AAAAC,QAAA,CAAAD,8BAAA;EAAAE,oBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAC,YAAA,CAAAL,8BAAA;AAAA,IAAIM,aAAA,GAAgB;EAChBC,YAAA,EAAc;EACdC,eAAA,EAAiB;EACjBC,aAAA,EAAe;EACfC,cAAA,EAAgB;AACpB;AACO,SAASR,qBAAqBS,KAAA,EAAO;EACxC,IAAIC,IAAA,GAAON,aAAA,CAAcK,KAAK;EAC9B,IAAKC,IAAA,EACL;IAAA,IAAIC,CAAA,GAAIC,UAAA;MACJC,KAAA,GAAQF,CAAA,CAAEG,kCAAA;IACd,OAAmDD,KAAA,EAAME,OAAA,IAAYF,KAAA,CAAMG,cAAA,GAChEH,KAAA,CAAMG,cAAA,CAAeC,MAAA,CAAOP,IAAI,IAEpC;EAAA;AACX","ignoreList":[]}

package/dist/cjs/helpers/useRenderElement.cjs

@@ -0,0 +1,48 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var useRenderElement_exports = {};
+__export(useRenderElement_exports, {
+  evaluateRenderProp: () => evaluateRenderProp
+});
+module.exports = __toCommonJS(useRenderElement_exports);
+var import_react = require("react"),
+  import_compose_refs = require("@tamagui/compose-refs"),
+  import_mergeSlotStyleProps = require("./mergeSlotStyleProps.cjs");
+function evaluateRenderProp(render, props, state, defaultElement) {
+  if (!render) return defaultElement;
+  const defaultChildren = defaultElement.props.children;
+  if (typeof render == "string") return (0, import_react.createElement)(render, props, defaultChildren);
+  if (typeof render == "function") return render(props, state);
+  if ((0, import_react.isValidElement)(render)) {
+    const renderProps = render.props,
+      renderRef = renderProps?.ref;
+    if (!renderProps || Object.keys(renderProps).length === 0) return renderRef ? (0, import_react.cloneElement)(render, {
+      ...props,
+      ref: (0, import_compose_refs.composeRefs)(props.ref, renderRef)
+    }, defaultChildren) : (0, import_react.cloneElement)(render, props, defaultChildren);
+    const merged = (0, import_mergeSlotStyleProps.mergeSlotStyleProps)({
+        ...props
+      }, renderProps),
+      children = renderProps.children ?? defaultChildren;
+    return (0, import_react.cloneElement)(render, merged, children);
+  }
+  return defaultElement;
+}

package/dist/cjs/helpers/useRenderElement.js

@@ -0,0 +1,42 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var useRenderElement_exports = {};
+__export(useRenderElement_exports, {
+  evaluateRenderProp: () => evaluateRenderProp
+});
+module.exports = __toCommonJS(useRenderElement_exports);
+var import_react = require("react"), import_compose_refs = require("@tamagui/compose-refs"), import_mergeSlotStyleProps = require("./mergeSlotStyleProps");
+function evaluateRenderProp(render, props, state, defaultElement) {
+  if (!render)
+    return defaultElement;
+  const defaultChildren = defaultElement.props.children;
+  if (typeof render == "string")
+    return (0, import_react.createElement)(render, props, defaultChildren);
+  if (typeof render == "function")
+    return render(props, state);
+  if ((0, import_react.isValidElement)(render)) {
+    const renderProps = render.props, renderRef = renderProps?.ref;
+    if (!renderProps || Object.keys(renderProps).length === 0)
+      return renderRef ? (0, import_react.cloneElement)(
+        render,
+        { ...props, ref: (0, import_compose_refs.composeRefs)(props.ref, renderRef) },
+        defaultChildren
+      ) : (0, import_react.cloneElement)(render, props, defaultChildren);
+    const merged = (0, import_mergeSlotStyleProps.mergeSlotStyleProps)({ ...props }, renderProps), children = renderProps.children ?? defaultChildren;
+    return (0, import_react.cloneElement)(render, merged, children);
+  }
+  return defaultElement;
+}
+//# sourceMappingURL=useRenderElement.js.map

package/dist/cjs/helpers/useRenderElement.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/useRenderElement.tsx"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAA4D,kBAC5D,sBAA4B,kCAE5B,6BAAoC;AAe7B,SAAS,mBACd,QACA,OACA,OACA,gBACoB;AACpB,MAAI,CAAC;AACH,WAAO;AAGT,QAAM,kBAAkB,eAAe,MAAM;AAG7C,MAAI,OAAO,UAAW;AACpB,eAAO,4BAAc,QAAQ,OAAO,eAAe;AAIrD,MAAI,OAAO,UAAW;AACpB,WAAO,OAAO,OAAO,KAAK;AAI5B,UAAI,6BAAe,MAAM,GAAG;AAC1B,UAAM,cAAc,OAAO,OACrB,YAAY,aAAa;AAG/B,QAAI,CAAC,eAAe,OAAO,KAAK,WAAW,EAAE,WAAW;AACtD,aAAI,gBACK;AAAA,QACL;AAAA,QACA,EAAE,GAAG,OAAO,SAAK,iCAAY,MAAM,KAAK,SAAS,EAAE;AAAA,QACnD;AAAA,MACF,QAEK,2BAAa,QAAQ,OAAc,eAAe;AAI3D,UAAM,aAAS,gDAAoB,EAAE,GAAG,MAAM,GAAG,WAAW,GACtD,WAAW,YAAY,YAAY;AACzC,eAAO,2BAAa,QAAQ,QAAe,QAAQ;AAAA,EACrD;AAEA,SAAO;AACT;",
+  "names": []
+}

package/dist/cjs/helpers/useRenderElement.native.js

@@ -0,0 +1,52 @@
+"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: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var useRenderElement_exports = {};
+__export(useRenderElement_exports, {
+  evaluateRenderProp: () => evaluateRenderProp
+});
+module.exports = __toCommonJS(useRenderElement_exports);
+var import_react = require("react"),
+  import_compose_refs = require("@tamagui/compose-refs"),
+  import_mergeSlotStyleProps = require("./mergeSlotStyleProps.native.js");
+function evaluateRenderProp(render, props, state, defaultElement) {
+  if (!render) return defaultElement;
+  var defaultChildren = defaultElement.props.children;
+  if (typeof render == "string") return /* @__PURE__ */(0, import_react.createElement)(render, props, defaultChildren);
+  if (typeof render == "function") return render(props, state);
+  if (/* @__PURE__ */(0, import_react.isValidElement)(render)) {
+    var renderProps = render.props,
+      renderRef = renderProps?.ref;
+    if (!renderProps || Object.keys(renderProps).length === 0) return renderRef ? /* @__PURE__ */(0, import_react.cloneElement)(render, {
+      ...props,
+      ref: (0, import_compose_refs.composeRefs)(props.ref, renderRef)
+    }, defaultChildren) : /* @__PURE__ */(0, import_react.cloneElement)(render, props, defaultChildren);
+    var merged = (0, import_mergeSlotStyleProps.mergeSlotStyleProps)({
+        ...props
+      }, renderProps),
+      _renderProps_children,
+      children = (_renderProps_children = renderProps.children) !== null && _renderProps_children !== void 0 ? _renderProps_children : defaultChildren;
+    return /* @__PURE__ */(0, import_react.cloneElement)(render, merged, children);
+  }
+  return defaultElement;
+}
+//# sourceMappingURL=useRenderElement.native.js.map

package/dist/cjs/helpers/useRenderElement.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","useRenderElement_exports","__export","evaluateRenderProp","module","exports","import_react","require","import_compose_refs","import_mergeSlotStyleProps","render","props","state","defaultElement","defaultChildren","children","createElement","isValidElement","renderProps","renderRef","ref","Object","keys","length","cloneElement","composeRefs","merged","mergeSlotStyleProps","_renderProps_children"],"sources":["../../../src/helpers/useRenderElement.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,wBAAA;AAAAC,QAAA,CAAAD,wBAAA;EAAAE,kBAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAT,YAA4D,CAAAK,wBAC5D;AAiBO,IAAAK,YAAS,GAAAC,OAAA,QACd;EACAC,mBAEA,GAAAD,OACoB;EAAAE,0BAAA,GAAAF,OAAA;AACpB,SAAKJ,mBAAAO,MAAA,EAAAC,KAAA,EAAAC,KAAA,EAAAC,cAAA;EACH,KAAAH,MAAO,EAGT,OAAMG,cAAA;EAGN,IAAIC,eAAO,GAAWD,cAAA,CAAAF,KAAA,CAAAI,QAAA;EACpB,WAAAL,MAAO,cAIT,OAAI,eAAkB,IAAAJ,YAAA,CAAAU,aAAA,EAAAN,MAAA,EAAAC,KAAA,EAAAG,eAAA;EACpB,WAAOJ,MAAO,cAAY,EAI5B,OAAIA,MAAA,CAAAC,KAAA,EAAAC,KAAA;EACF,mBAAM,EAAc,EAAAN,YACd,CAAAW,cAAY,EAAAP,MAAA,GAAa;IAG/B,IAAIQ,WAAC,GAAAR,MAAe,CAAAC,KAAO;MAAKQ,SAAA,GAAWD,WAAE,EAAWE,GAAA;IACtD,KAAAF,WAAI,IAAAG,MACK,CAAAC,IAAA,CAAAJ,WAAA,EAAAK,MAAA,eACLJ,SAAA,sBAAAb,YAAA,CAAAkB,YAAA,EAAAd,MAAA;MACA,GAAEC,KAAG;MACLS,GAAA,MAAAZ,mBAAA,CAAAiB,WAAA,EAAAd,KAAA,CAAAS,GAAA,EAAAD,SAAA;IACF,GAAAL,eAEK,mBAAa,IAAAR,YAAsB,CAAAkB,YAAe,EAAAd,MAAA,EAAAC,KAAA,EAAAG,eAAA;IAI3D,IAAAY,MAAM,OAAAjB,0BAAS,CAAAkB,mBAAA;QAEf,GAAAhB;MACF,GAAAO,WAAA;MAAAU,qBAAA;MAAAb,QAAA,IAAAa,qBAAA,GAAAV,WAAA,CAAAH,QAAA,cAAAa,qBAAA,cAAAA,qBAAA,GAAAd,eAAA;IAEA,OAAO,mBAAAR,YAAA,CAAAkB,YAAA,EAAAd,MAAA,EAAAgB,MAAA,EAAAX,QAAA;EACT","ignoreList":[]}

package/dist/cjs/interfaces/TamaguiComponentPropsBaseBase.cjs

@@ -0,0 +1,16 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+    get: () => from[key],
+    enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+  });
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var TamaguiComponentPropsBaseBase_exports = {};
+module.exports = __toCommonJS(TamaguiComponentPropsBaseBase_exports);

package/dist/cjs/interfaces/TamaguiComponentPropsBaseBase.js

@@ -0,0 +1,14 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var TamaguiComponentPropsBaseBase_exports = {};
+module.exports = __toCommonJS(TamaguiComponentPropsBaseBase_exports);
+//# sourceMappingURL=TamaguiComponentPropsBaseBase.js.map

package/dist/cjs/interfaces/TamaguiComponentPropsBaseBase.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/interfaces/TamaguiComponentPropsBaseBase.tsx"],
+  "mappings": ";;;;;;;;;;;AAAA;AAAA;",
+  "names": []
+}

package/dist/cjs/interfaces/TamaguiComponentPropsBaseBase.native.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+    get: () => from[key],
+    enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+  });
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var TamaguiComponentPropsBaseBase_exports = {};
+module.exports = __toCommonJS(TamaguiComponentPropsBaseBase_exports);
+//# sourceMappingURL=TamaguiComponentPropsBaseBase.native.js.map

package/dist/cjs/interfaces/TamaguiComponentPropsBaseBase.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","TamaguiComponentPropsBaseBase_exports"],"sources":["../../../src/interfaces/TamaguiComponentPropsBaseBase.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,qCAAA","ignoreList":[]}

package/dist/cjs/styled.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","styled_exports","__export","styled","module","exports","import_createComponent","require","import_mergeVariants","import_setupReactNative","ComponentIn","options","config","process","env","NODE_ENV","Error","parentStaticConfig","staticConfig","isPlainStyledComponent","isReactNative","isHOC","isNonStyledHOC","isStyledHOC","Component","reactNativeConfig","getReactNativeConfig","staticConfigProps","variants","name","defaultVariants","acceptsClassName","acceptsClassNameProp","context","defaultProps","parentDefaultVariants","parentDefaultProps","avoid","pdp","key2","val","mergeVariants","componentName","isText","_config_acceptsClassName","_ref","conf","children","neverFlatten","component","createComponent","key"],"sources":["../../src/styled.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","styled_exports","__export","styled","module","exports","import_createComponent","require","import_mergeVariants","import_setupReactNative","ComponentIn","options","config","process","env","NODE_ENV","Error","parentStaticConfig","staticConfig","isPlainStyledComponent","isReactNative","isHOC","isNonStyledHOC","isStyledHOC","Component","reactNativeConfig","getReactNativeConfig","staticConfigProps","variants","name","defaultVariants","acceptsClassName","acceptsClassNameProp","context","defaultProps","parentDefaultVariants","parentDefaultProps","avoid","pdp","key2","val","mergeVariants","componentName","isText","_config_acceptsClassName","_ref","conf","children","neverFlatten","component","createComponent","key"],"sources":["../../src/styled.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/styledHtml.test-d.cjs

@@ -0,0 +1,156 @@
+var import_vitest = require("vitest"),
+  import_styled = require("./styled.cjs");
+(0, import_vitest.describe)("styled.a() types", () => {
+  const StyledAnchor = import_styled.styled.a({
+    color: "$blue10"
+  });
+  (0, import_vitest.test)("styled.a() accepts href prop", () => {
+    (0, import_vitest.expectTypeOf)().toHaveProperty("href"), (0, import_vitest.expectTypeOf)().toMatchTypeOf();
+  }), (0, import_vitest.test)("styled.a() accepts target prop", () => {
+    (0, import_vitest.expectTypeOf)().toHaveProperty("target");
+  }), (0, import_vitest.test)("styled.a() accepts rel prop", () => {
+    (0, import_vitest.expectTypeOf)().toHaveProperty("rel");
+  }), (0, import_vitest.test)("styled.a() accepts text style props", () => {
+    (0, import_vitest.expectTypeOf)().toHaveProperty("color"), (0, import_vitest.expectTypeOf)().toHaveProperty("fontSize"), (0, import_vitest.expectTypeOf)().toHaveProperty("fontWeight"), (0, import_vitest.expectTypeOf)().toHaveProperty("textDecorationLine");
+  });
+});
+(0, import_vitest.describe)("styled.button() types", () => {
+  const StyledButton = import_styled.styled.button({
+    padding: "$4"
+  });
+  (0, import_vitest.test)("styled.button() accepts type prop", () => {
+    (0, import_vitest.expectTypeOf)().toHaveProperty("type");
+  }), (0, import_vitest.test)("styled.button() accepts disabled prop", () => {
+    (0, import_vitest.expectTypeOf)().toHaveProperty("disabled");
+  }), (0, import_vitest.test)("styled.button() accepts onClick prop", () => {
+    (0, import_vitest.expectTypeOf)().toHaveProperty("onClick");
+  }), (0, import_vitest.test)("styled.button() accepts stack style props", () => {
+    (0, import_vitest.expectTypeOf)().toHaveProperty("padding"), (0, import_vitest.expectTypeOf)().toHaveProperty("backgroundColor"), (0, import_vitest.expectTypeOf)().toHaveProperty("borderRadius");
+  });
+});
+(0, import_vitest.describe)("styled.input() types", () => {
+  const StyledInput = import_styled.styled.input({
+    padding: "$2"
+  });
+  (0, import_vitest.test)("styled.input() accepts type prop", () => {
+    (0, import_vitest.expectTypeOf)().toHaveProperty("type");
+  }), (0, import_vitest.test)("styled.input() accepts placeholder prop", () => {
+    (0, import_vitest.expectTypeOf)().toHaveProperty("placeholder");
+  }), (0, import_vitest.test)("styled.input() accepts maxLength prop", () => {
+    (0, import_vitest.expectTypeOf)().toHaveProperty("maxLength");
+  }), (0, import_vitest.test)("styled.input() accepts value prop", () => {
+    (0, import_vitest.expectTypeOf)().toHaveProperty("value");
+  }), (0, import_vitest.test)("styled.input() accepts onChange prop", () => {
+    (0, import_vitest.expectTypeOf)().toHaveProperty("onChange");
+  });
+});
+(0, import_vitest.describe)("styled.form() types", () => {
+  const StyledForm = import_styled.styled.form({
+    gap: "$3"
+  });
+  (0, import_vitest.test)("styled.form() accepts action prop", () => {
+    (0, import_vitest.expectTypeOf)().toHaveProperty("action");
+  }), (0, import_vitest.test)("styled.form() accepts method prop", () => {
+    (0, import_vitest.expectTypeOf)().toHaveProperty("method");
+  }), (0, import_vitest.test)("styled.form() accepts onSubmit prop", () => {
+    (0, import_vitest.expectTypeOf)().toHaveProperty("onSubmit");
+  });
+});
+(0, import_vitest.describe)("styled.label() types", () => {
+  const StyledLabel = import_styled.styled.label({
+    fontSize: "$3"
+  });
+  (0, import_vitest.test)("styled.label() accepts htmlFor prop", () => {
+    (0, import_vitest.expectTypeOf)().toHaveProperty("htmlFor");
+  });
+});
+(0, import_vitest.describe)("styled.div() types", () => {
+  const StyledDiv = import_styled.styled.div({
+    padding: "$4"
+  });
+  (0, import_vitest.test)("styled.div() accepts stack style props", () => {
+    (0, import_vitest.expectTypeOf)().toHaveProperty("padding"), (0, import_vitest.expectTypeOf)().toHaveProperty("margin"), (0, import_vitest.expectTypeOf)().toHaveProperty("flex"), (0, import_vitest.expectTypeOf)().toHaveProperty("backgroundColor");
+  });
+});
+(0, import_vitest.describe)("styled.span() types", () => {
+  const StyledSpan = import_styled.styled.span({
+    color: "$color"
+  });
+  (0, import_vitest.test)("styled.span() accepts text style props", () => {
+    (0, import_vitest.expectTypeOf)().toHaveProperty("color"), (0, import_vitest.expectTypeOf)().toHaveProperty("fontSize"), (0, import_vitest.expectTypeOf)().toHaveProperty("fontWeight"), (0, import_vitest.expectTypeOf)().toHaveProperty("lineHeight");
+  });
+});
+(0, import_vitest.describe)("styled.element() with variants", () => {
+  const StyledAnchorWithVariants = import_styled.styled.a({
+    color: "$blue10",
+    variants: {
+      size: {
+        small: {
+          fontSize: "$2"
+        },
+        large: {
+          fontSize: "$6"
+        }
+      },
+      underline: {
+        true: {
+          textDecorationLine: "underline"
+        },
+        false: {
+          textDecorationLine: "none"
+        }
+      }
+    },
+    defaultVariants: {
+      underline: !0
+    }
+  });
+  (0, import_vitest.test)("styled.a() with variants accepts size variant", () => {
+    (0, import_vitest.expectTypeOf)().toHaveProperty("size");
+  }), (0, import_vitest.test)("styled.a() with variants accepts underline variant", () => {
+    (0, import_vitest.expectTypeOf)().toHaveProperty("underline");
+  }), (0, import_vitest.test)("styled.a() with variants still accepts href", () => {
+    (0, import_vitest.expectTypeOf)().toHaveProperty("href");
+  });
+});
+(0, import_vitest.describe)("styledHtml() function", () => {
+  const StyledAnchor = (0, import_styled.styledHtml)("a", {
+    color: "$blue10"
+  });
+  (0, import_vitest.test)('styledHtml("a") accepts href prop', () => {
+    (0, import_vitest.expectTypeOf)().toHaveProperty("href");
+  });
+});
+(0, import_vitest.describe)("semantic HTML elements", () => {
+  (0, import_vitest.test)("styled.nav() creates nav element component", () => {
+    const StyledNav = import_styled.styled.nav({
+      padding: "$2"
+    });
+    (0, import_vitest.expectTypeOf)().toHaveProperty("padding");
+  }), (0, import_vitest.test)("styled.main() creates main element component", () => {
+    const StyledMain = import_styled.styled.main({
+      flex: 1
+    });
+    (0, import_vitest.expectTypeOf)().toHaveProperty("flex");
+  }), (0, import_vitest.test)("styled.section() creates section element component", () => {
+    const StyledSection = import_styled.styled.section({
+      padding: "$3"
+    });
+    (0, import_vitest.expectTypeOf)().toHaveProperty("padding");
+  }), (0, import_vitest.test)("styled.article() creates article element component", () => {
+    const StyledArticle = import_styled.styled.article({
+      padding: "$3"
+    });
+    (0, import_vitest.expectTypeOf)().toHaveProperty("padding");
+  }), (0, import_vitest.test)("styled.header() creates header element component", () => {
+    const StyledHeader = import_styled.styled.header({
+      padding: "$2"
+    });
+    (0, import_vitest.expectTypeOf)().toHaveProperty("padding");
+  }), (0, import_vitest.test)("styled.footer() creates footer element component", () => {
+    const StyledFooter = import_styled.styled.footer({
+      padding: "$2"
+    });
+    (0, import_vitest.expectTypeOf)().toHaveProperty("padding");
+  });
+});