@tamagui/react-native-web-internals 2.0.0-rc.3 → 2.0.0-rc.30

package/dist/cjs/index.cjs

@@ -35,6 +35,7 @@ __export(index_exports, {
   createEventHandle: () => import_createEventHandle.createEventHandle,
   createReactDOMStyle: () => import_createReactDOMStyle.createReactDOMStyle,
   createSheet: () => import_dom.createSheet,
+  createTransformValue: () => import_createReactDOMStyle.createTransformValue,
   dismissKeyboard: () => import_dismissKeyboard.dismissKeyboard,
   flattenStyle: () => import_StyleSheet.flatten,
   getBoundingClientRect: () => import_getBoundingClientRect.getBoundingClientRect,

package/dist/cjs/index.js

@@ -3,15 +3,22 @@ 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;
-}, __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+    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;
+  },
+  __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
 var index_exports = {};
 __export(index_exports, {
   AccessibilityUtil: () => import_AccessibilityUtil.AccessibilityUtil,
@@ -28,6 +35,7 @@ __export(index_exports, {
   createEventHandle: () => import_createEventHandle.createEventHandle,
   createReactDOMStyle: () => import_createReactDOMStyle.createReactDOMStyle,
   createSheet: () => import_dom.createSheet,
+  createTransformValue: () => import_createReactDOMStyle.createTransformValue,
   dismissKeyboard: () => import_dismissKeyboard.dismissKeyboard,
   flattenStyle: () => import_StyleSheet.flatten,
   getBoundingClientRect: () => import_getBoundingClientRect.getBoundingClientRect,
@@ -50,17 +58,46 @@ __export(index_exports, {
   useStable: () => import_useStable.useStable
 });
 module.exports = __toCommonJS(index_exports);
-__reExport(index_exports, require("./modules/AssetRegistry/index"), module.exports);
-__reExport(index_exports, require("./modules/forwardedProps/index"), module.exports);
-__reExport(index_exports, require("./modules/mergeRefs/index"), module.exports);
-__reExport(index_exports, require("./modules/modality/index"), module.exports);
-__reExport(index_exports, require("./modules/useLocale/index"), module.exports);
-var import_usePlatformMethods = require("./modules/usePlatformMethods/index"), import_TextAncestorContext = require("./TextAncestorContext");
+__reExport(index_exports, require("./modules/AssetRegistry/index.cjs"), module.exports);
+__reExport(index_exports, require("./modules/forwardedProps/index.cjs"), module.exports);
+__reExport(index_exports, require("./modules/mergeRefs/index.cjs"), module.exports);
+__reExport(index_exports, require("./modules/modality/index.cjs"), module.exports);
+__reExport(index_exports, require("./modules/useLocale/index.cjs"), module.exports);
+var import_usePlatformMethods = require("./modules/usePlatformMethods/index.cjs"),
+  import_TextAncestorContext = require("./TextAncestorContext.cjs");
 __reExport(index_exports, require("@tamagui/react-native-use-pressable"), module.exports);
 __reExport(index_exports, require("@tamagui/react-native-use-responder-events"), module.exports);
-var import_colorProps = require("./colorProps"), import_AccessibilityUtil = require("./modules/AccessibilityUtil/index"), import_canUseDOM = require("./modules/canUseDOM"), import_createDOMProps = require("./modules/createDOMProps/index"), import_createDOMProps2 = require("./modules/createDOMProps/index"), import_createReactDOMStyle = require("./StyleSheet/compiler/createReactDOMStyle"), import_createEventHandle = require("./modules/createEventHandle/index"), import_dismissKeyboard = require("./modules/dismissKeyboard/index"), import_getBoundingClientRect = require("./modules/getBoundingClientRect/index"), import_ImageLoader = require("./modules/ImageLoader/index"), import_isSelectionValid = require("./modules/isSelectionValid/index"), import_isWebColor = require("./modules/isWebColor/index"), import_multiplyStyleLengthValue = require("./modules/multiplyStyleLengthValue/index"), import_normalizeColor = require("./modules/normalizeColor/index"), import_pick = require("./modules/pick/index"), import_Platform = require("./modules/Platform/index");
-__reExport(index_exports, require("./StyleSheet/preprocess"), module.exports);
-var import_StyleSheet = require("./StyleSheet/index"), import_dom = require("./StyleSheet/dom/index"), import_requestIdleCallback = require("./modules/requestIdleCallback/index"), import_setValueForStyles = require("./modules/setValueForStyles/index"), import_TextInputState = require("./modules/TextInputState/index"), import_UIManager = require("./modules/UIManager/index"), import_unitlessNumbers = require("./modules/unitlessNumbers/index"), import_useElementLayout = require("./modules/useElementLayout/index"), import_useEvent = require("./modules/useEvent/index"), import_useHover = require("./modules/useHover/index"), import_useLayoutEffect = require("./modules/useLayoutEffect/index"), import_useStable = require("./modules/useStable/index"), import_InteractionManager = require("./modules/InteractionManager");
-__reExport(index_exports, require("./modules/invariant"), module.exports);
-var import_processColor = require("./modules/processColor/index"), import_StyleSheet2 = require("./StyleSheet/index"), import_useMergeRefs = require("./modules/useMergeRefs/index");
-//# sourceMappingURL=index.js.map
+var import_colorProps = require("./colorProps.cjs"),
+  import_AccessibilityUtil = require("./modules/AccessibilityUtil/index.cjs"),
+  import_canUseDOM = require("./modules/canUseDOM.cjs"),
+  import_createDOMProps = require("./modules/createDOMProps/index.cjs"),
+  import_createDOMProps2 = require("./modules/createDOMProps/index.cjs"),
+  import_createReactDOMStyle = require("./StyleSheet/compiler/createReactDOMStyle.cjs"),
+  import_createEventHandle = require("./modules/createEventHandle/index.cjs"),
+  import_dismissKeyboard = require("./modules/dismissKeyboard/index.cjs"),
+  import_getBoundingClientRect = require("./modules/getBoundingClientRect/index.cjs"),
+  import_ImageLoader = require("./modules/ImageLoader/index.cjs"),
+  import_isSelectionValid = require("./modules/isSelectionValid/index.cjs"),
+  import_isWebColor = require("./modules/isWebColor/index.cjs"),
+  import_multiplyStyleLengthValue = require("./modules/multiplyStyleLengthValue/index.cjs"),
+  import_normalizeColor = require("./modules/normalizeColor/index.cjs"),
+  import_pick = require("./modules/pick/index.cjs"),
+  import_Platform = require("./modules/Platform/index.cjs");
+__reExport(index_exports, require("./StyleSheet/preprocess.cjs"), module.exports);
+var import_StyleSheet = require("./StyleSheet/index.cjs"),
+  import_dom = require("./StyleSheet/dom/index.cjs"),
+  import_requestIdleCallback = require("./modules/requestIdleCallback/index.cjs"),
+  import_setValueForStyles = require("./modules/setValueForStyles/index.cjs"),
+  import_TextInputState = require("./modules/TextInputState/index.cjs"),
+  import_UIManager = require("./modules/UIManager/index.cjs"),
+  import_unitlessNumbers = require("./modules/unitlessNumbers/index.cjs"),
+  import_useElementLayout = require("./modules/useElementLayout/index.cjs"),
+  import_useEvent = require("./modules/useEvent/index.cjs"),
+  import_useHover = require("./modules/useHover/index.cjs"),
+  import_useLayoutEffect = require("./modules/useLayoutEffect/index.cjs"),
+  import_useStable = require("./modules/useStable/index.cjs"),
+  import_InteractionManager = require("./modules/InteractionManager.cjs");
+__reExport(index_exports, require("./modules/invariant.cjs"), module.exports);
+var import_processColor = require("./modules/processColor/index.cjs"),
+  import_StyleSheet2 = require("./StyleSheet/index.cjs"),
+  import_useMergeRefs = require("./modules/useMergeRefs/index.cjs");

package/dist/cjs/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA,0BAAc,0CAVd;AAWA,0BAAc,2CAXd;AAYA,0BAAc,sCAZd;AAaA,0BAAc,qCAbd;AAcA,0BAAc,sCAdd;AAeA,gCAAmC,+CACnC,6BAAoC;AAEpC,0BAAc,gDAlBd;AAmBA,0BAAc,uDAnBd;AAqBA,wBAA2B,yBAC3B,2BAAkC,8CAClC,mBAA0B,gCAC1B,wBAA+B,2CAC/BA,yBAAgC,2CAChC,6BAAoC,sDACpC,2BAAkC,8CAClC,yBAAgC,4CAChC,+BAAsC,kDACtC,qBAA4B,wCAC5B,0BAAiC,6CACjC,oBAA2B,uCAC3B,kCAAyC,qDACzC,wBAA+B,2CAC/B,cAAqB,iCACrB,kBAAyB;AACzB,0BAAc,oCArCd;AAsCA,wBAAwC,+BACxC,aAA4B,mCAC5B,6BAAoC,gDACpC,2BAAkC,8CAClC,wBAA+B,2CAC/B,mBAA0B,sCAC1B,yBAAgC,4CAChC,0BAAiC,6CACjC,kBAAyB,qCACzB,kBAAyB,qCACzB,yBAAuD,4CACvD,mBAA0B,sCAC1B,4BAAmC;AACnC,0BAAc,gCAnDd;AAoDA,0BAA6B,yCAC7BC,qBAA2B,+BAC3B,sBAA6B;",
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA,0BAAc,0CAVd;AAWA,0BAAc,2CAXd;AAYA,0BAAc,sCAZd;AAaA,0BAAc,qCAbd;AAcA,0BAAc,sCAdd;AAeA,gCAAmC,+CACnC,6BAAoC;AAEpC,0BAAc,gDAlBd;AAmBA,0BAAc,uDAnBd;AAqBA,wBAA2B,yBAC3B,2BAAkC,8CAClC,mBAA0B,gCAC1B,wBAA+B,2CAC/BA,yBAAgC,2CAChC,6BAGO,sDACP,2BAAkC,8CAClC,yBAAgC,4CAChC,+BAAsC,kDACtC,qBAA4B,wCAC5B,0BAAiC,6CACjC,oBAA2B,uCAC3B,kCAAyC,qDACzC,wBAA+B,2CAC/B,cAAqB,iCACrB,kBAAyB;AACzB,0BAAc,oCAxCd;AAyCA,wBAAwC,+BACxC,aAA4B,mCAC5B,6BAAoC,gDACpC,2BAAkC,8CAClC,wBAA+B,2CAC/B,mBAA0B,sCAC1B,yBAAgC,4CAChC,0BAAiC,6CACjC,kBAAyB,qCACzB,kBAAyB,qCACzB,yBAAuD,4CACvD,mBAA0B,sCAC1B,4BAAmC;AACnC,0BAAc,gCAtDd;AAuDA,0BAA6B,yCAC7BC,qBAA2B,+BAC3B,sBAA6B;",
   "names": ["import_createDOMProps", "import_StyleSheet"]
 }

package/dist/cjs/modules/createDOMProps/index.cjs

@@ -29,6 +29,48 @@ var import_web = require("@tamagui/web"),
 const emptyObject = {},
   hasOwnProperty = Object.prototype.hasOwnProperty,
   isArray = Array.isArray,
+  reactNativeOnlyProps = {
+    collapsable: !0,
+    contentContainerStyle: !0,
+    contentOffset: !0,
+    decelerationRate: !0,
+    maintainVisibleContentPosition: !0,
+    onLayout: !0,
+    onMomentumScrollBegin: !0,
+    onMomentumScrollEnd: !0,
+    onMoveShouldSetResponder: !0,
+    onMoveShouldSetResponderCapture: !0,
+    onResponderEnd: !0,
+    onResponderGrant: !0,
+    onResponderMove: !0,
+    onResponderReject: !0,
+    onResponderRelease: !0,
+    onResponderStart: !0,
+    onResponderTerminate: !0,
+    onResponderTerminationRequest: !0,
+    onScrollBeginDrag: !0,
+    onScrollEndDrag: !0,
+    onScrollShouldSetResponder: !0,
+    onScrollShouldSetResponderCapture: !0,
+    onSelectionChangeShouldSetResponder: !0,
+    onSelectionChangeShouldSetResponderCapture: !0,
+    onStartShouldSetResponder: !0,
+    onStartShouldSetResponderCapture: !0,
+    refreshControl: !0,
+    removeClippedSubviews: !0,
+    scrollEnabled: !0,
+    scrollEventThrottle: !0,
+    scrollIndicatorInsets: !0,
+    showsHorizontalScrollIndicator: !0,
+    showsVerticalScrollIndicator: !0,
+    snapToAlignment: !0,
+    snapToEnd: !0,
+    snapToInterval: !0,
+    snapToOffsets: !0,
+    snapToStart: !0,
+    stickyHeaderIndices: !0,
+    ScrollComponent: !0
+  },
   uppercasePattern = /[A-Z]/g;
 function toHyphenLower(match) {
   return "-" + match.toLowerCase();
@@ -53,65 +95,66 @@ const stylesFromProps = /* @__PURE__ */new WeakMap(),
   createDOMProps = (elementType, props, options) => {
     props || (props = emptyObject);
     const {
-        accessibilityActiveDescendant,
-        accessibilityAtomic,
-        accessibilityAutoComplete,
-        accessibilityBusy,
-        accessibilityChecked,
-        accessibilityColumnCount,
-        accessibilityColumnIndex,
-        accessibilityColumnSpan,
-        accessibilityControls,
-        accessibilityCurrent,
-        accessibilityDescribedBy,
-        accessibilityDetails,
-        accessibilityDisabled,
-        accessibilityErrorMessage,
-        accessibilityExpanded,
-        accessibilityFlowTo,
-        accessibilityHasPopup,
-        accessibilityHidden,
-        accessibilityInvalid,
-        accessibilityKeyShortcuts,
-        accessibilityLabel,
-        accessibilityLabelledBy,
-        accessibilityLevel,
-        accessibilityLiveRegion,
-        accessibilityModal,
-        accessibilityMultiline,
-        accessibilityMultiSelectable,
-        accessibilityOrientation,
-        accessibilityOwns,
-        accessibilityPlaceholder,
-        accessibilityPosInSet,
-        accessibilityPressed,
-        accessibilityReadOnly,
-        accessibilityRequired,
-        /* eslint-disable */
-        accessibilityRole,
-        /* eslint-enable */
-        accessibilityRoleDescription,
-        accessibilityRowCount,
-        accessibilityRowIndex,
-        accessibilityRowSpan,
-        accessibilitySelected,
-        accessibilitySetSize,
-        accessibilitySort,
-        accessibilityValueMax,
-        accessibilityValueMin,
-        accessibilityValueNow,
-        accessibilityValueText,
-        dataSet,
-        focusable,
-        nativeID,
-        pointerEvents,
-        style,
-        testID,
-        id,
-        // Rest
-        ...domProps
-      } = props,
-      disabled = accessibilityDisabled,
+      accessibilityActiveDescendant,
+      accessibilityAtomic,
+      accessibilityAutoComplete,
+      accessibilityBusy,
+      accessibilityChecked,
+      accessibilityColumnCount,
+      accessibilityColumnIndex,
+      accessibilityColumnSpan,
+      accessibilityControls,
+      accessibilityCurrent,
+      accessibilityDescribedBy,
+      accessibilityDetails,
+      accessibilityDisabled,
+      accessibilityErrorMessage,
+      accessibilityExpanded,
+      accessibilityFlowTo,
+      accessibilityHasPopup,
+      accessibilityHidden,
+      accessibilityInvalid,
+      accessibilityKeyShortcuts,
+      accessibilityLabel,
+      accessibilityLabelledBy,
+      accessibilityLevel,
+      accessibilityLiveRegion,
+      accessibilityModal,
+      accessibilityMultiline,
+      accessibilityMultiSelectable,
+      accessibilityOrientation,
+      accessibilityOwns,
+      accessibilityPlaceholder,
+      accessibilityPosInSet,
+      accessibilityPressed,
+      accessibilityReadOnly,
+      accessibilityRequired,
+      /* eslint-disable */
+      accessibilityRole,
+      /* eslint-enable */
+      accessibilityRoleDescription,
+      accessibilityRowCount,
+      accessibilityRowIndex,
+      accessibilityRowSpan,
+      accessibilitySelected,
+      accessibilitySetSize,
+      accessibilitySort,
+      accessibilityValueMax,
+      accessibilityValueMin,
+      accessibilityValueNow,
+      accessibilityValueText,
+      dataSet,
+      focusable,
+      nativeID,
+      pointerEvents,
+      style,
+      testID,
+      id,
+      // Rest
+      ...domProps
+    } = props;
+    for (const key in domProps) reactNativeOnlyProps[key] && delete domProps[key];
+    const disabled = accessibilityDisabled,
       role = import_AccessibilityUtil.AccessibilityUtil.propsToAriaRole(props);
     accessibilityActiveDescendant != null && (domProps["aria-activedescendant"] = accessibilityActiveDescendant), accessibilityAtomic != null && (domProps["aria-atomic"] = accessibilityAtomic), accessibilityAutoComplete != null && (domProps["aria-autocomplete"] = accessibilityAutoComplete), accessibilityBusy != null && (domProps["aria-busy"] = accessibilityBusy), accessibilityChecked != null && (domProps["aria-checked"] = accessibilityChecked), accessibilityColumnCount != null && (domProps["aria-colcount"] = accessibilityColumnCount), accessibilityColumnIndex != null && (domProps["aria-colindex"] = accessibilityColumnIndex), accessibilityColumnSpan != null && (domProps["aria-colspan"] = accessibilityColumnSpan), accessibilityControls != null && (domProps["aria-controls"] = processIDRefList(accessibilityControls)), accessibilityCurrent != null && (domProps["aria-current"] = accessibilityCurrent), accessibilityDescribedBy != null && (domProps["aria-describedby"] = processIDRefList(accessibilityDescribedBy)), accessibilityDetails != null && (domProps["aria-details"] = accessibilityDetails), disabled === !0 && (domProps["aria-disabled"] = !0, (elementType === "button" || elementType === "form" || elementType === "input" || elementType === "select" || elementType === "textarea") && (domProps.disabled = !0)), accessibilityErrorMessage != null && (domProps["aria-errormessage"] = accessibilityErrorMessage), accessibilityExpanded != null && (domProps["aria-expanded"] = accessibilityExpanded), accessibilityFlowTo != null && (domProps["aria-flowto"] = processIDRefList(accessibilityFlowTo)), accessibilityHasPopup != null && (domProps["aria-haspopup"] = accessibilityHasPopup), accessibilityHidden === !0 && (domProps["aria-hidden"] = accessibilityHidden), accessibilityInvalid != null && (domProps["aria-invalid"] = accessibilityInvalid), accessibilityKeyShortcuts != null && Array.isArray(accessibilityKeyShortcuts) && (domProps["aria-keyshortcuts"] = accessibilityKeyShortcuts.join(" ")), accessibilityLabel != null && (domProps["aria-label"] = accessibilityLabel), accessibilityLabelledBy != null && (domProps["aria-labelledby"] = processIDRefList(accessibilityLabelledBy)), accessibilityLevel != null && (domProps["aria-level"] = accessibilityLevel), accessibilityLiveRegion != null && (domProps["aria-live"] = accessibilityLiveRegion === "none" ? "off" : accessibilityLiveRegion), accessibilityModal != null && (domProps["aria-modal"] = accessibilityModal), accessibilityMultiline != null && (domProps["aria-multiline"] = accessibilityMultiline), accessibilityMultiSelectable != null && (domProps["aria-multiselectable"] = accessibilityMultiSelectable), accessibilityOrientation != null && (domProps["aria-orientation"] = accessibilityOrientation), accessibilityOwns != null && (domProps["aria-owns"] = processIDRefList(accessibilityOwns)), accessibilityPlaceholder != null && (domProps["aria-placeholder"] = accessibilityPlaceholder), accessibilityPosInSet != null && (domProps["aria-posinset"] = accessibilityPosInSet), accessibilityPressed != null && (domProps["aria-pressed"] = accessibilityPressed), accessibilityReadOnly != null && (domProps["aria-readonly"] = accessibilityReadOnly, (elementType === "input" || elementType === "select" || elementType === "textarea") && (domProps.readOnly = !0)), accessibilityRequired != null && (domProps["aria-required"] = accessibilityRequired, (elementType === "input" || elementType === "select" || elementType === "textarea") && (domProps.required = !0)), role != null && (domProps.role = role === "none" ? "presentation" : role), accessibilityRoleDescription != null && (domProps["aria-roledescription"] = accessibilityRoleDescription), accessibilityRowCount != null && (domProps["aria-rowcount"] = accessibilityRowCount), accessibilityRowIndex != null && (domProps["aria-rowindex"] = accessibilityRowIndex), accessibilityRowSpan != null && (domProps["aria-rowspan"] = accessibilityRowSpan), accessibilitySelected != null && (domProps["aria-selected"] = accessibilitySelected), accessibilitySetSize != null && (domProps["aria-setsize"] = accessibilitySetSize), accessibilitySort != null && (domProps["aria-sort"] = accessibilitySort), accessibilityValueMax != null && (domProps["aria-valuemax"] = accessibilityValueMax), accessibilityValueMin != null && (domProps["aria-valuemin"] = accessibilityValueMin), accessibilityValueNow != null && (domProps["aria-valuenow"] = accessibilityValueNow), accessibilityValueText != null && (domProps["aria-valuetext"] = accessibilityValueText);
     const tmgCN = dataSet ? dataSet.className : void 0,

package/dist/cjs/modules/forwardedProps/index.cjs

@@ -128,6 +128,7 @@ const defaultProps = {
   },
   styleProps = {
     classList: !0,
+    className: !0,
     style: !0
   },
   forwardedProps = {

package/dist/cjs/modules/setValueForStyles/dangerousStyleValue.cjs

@@ -23,8 +23,13 @@ __export(dangerousStyleValue_exports, {
   dangerousStyleValue: () => dangerousStyleValue
 });
 module.exports = __toCommonJS(dangerousStyleValue_exports);
-var import_unitlessNumbers = require("../unitlessNumbers/index.cjs");
+var import_unitlessNumbers = require("../unitlessNumbers/index.cjs"),
+  import_normalizeValueWithProperty = require("../../StyleSheet/compiler/normalizeValueWithProperty.cjs");
 function dangerousStyleValue(name, value, isCustomProperty) {
   var isEmpty = value == null || typeof value == "boolean" || value === "";
-  return isEmpty ? "" : !isCustomProperty && typeof value == "number" && value !== 0 && !(import_unitlessNumbers.unitlessNumbers.hasOwnProperty(name) && import_unitlessNumbers.unitlessNumbers[name]) ? value + "px" : ("" + value).trim();
+  return isEmpty ? "" : (typeof value == "object" && typeof value.__getValue == "function" && (value = value.__getValue()), name === "transform" && Array.isArray(value) ? value.map(t => {
+    const key = Object.keys(t)[0];
+    let val = t[key];
+    return typeof val == "object" && typeof val.__getValue == "function" && (val = val.__getValue()), key === "matrix" || key === "matrix3d" ? `${key}(${val.join(",")})` : `${key}(${(0, import_normalizeValueWithProperty.normalizeValueWithProperty)(val, key)})`;
+  }).join(" ") : !isCustomProperty && typeof value == "number" && value !== 0 && !(import_unitlessNumbers.unitlessNumbers.hasOwnProperty(name) && import_unitlessNumbers.unitlessNumbers[name]) ? value + "px" : ("" + value).trim());
 }

package/dist/esm/StyleSheet/__tests__/compiler-test.mjs

@@ -1,4 +1,4 @@
-import { atomic, classic, inline } from "../compiler";
+import { atomic, classic, inline } from "../compiler/index.mjs";
 describe("StyleSheet/compile", () => {
   describe("atomic", () => {
     test("converts style to atomic CSS", () => {

package/dist/esm/StyleSheet/compiler/normalizeColor.mjs

@@ -1,5 +1,5 @@
-import { isWebColor } from "../../modules/isWebColor";
-import { processColor } from "../../modules/processColor";
+import { isWebColor } from "../../modules/isWebColor/index.mjs";
+import { processColor } from "../../modules/processColor/index.mjs";
 const normalizeColor = (color, opacity = 1) => {
   if (color == null) return;
   if (typeof color == "string" && isWebColor(color)) return color;

package/dist/esm/index.js

@@ -1,80 +1,45 @@
-export * from "./modules/AssetRegistry/index";
-export * from "./modules/forwardedProps/index";
-export * from "./modules/mergeRefs/index";
-export * from "./modules/modality/index";
-export * from "./modules/useLocale/index";
-import { usePlatformMethods } from "./modules/usePlatformMethods/index";
-import { TextAncestorContext } from "./TextAncestorContext";
+export * from "./modules/AssetRegistry/index.mjs";
+export * from "./modules/forwardedProps/index.mjs";
+export * from "./modules/mergeRefs/index.mjs";
+export * from "./modules/modality/index.mjs";
+export * from "./modules/useLocale/index.mjs";
+import { usePlatformMethods } from "./modules/usePlatformMethods/index.mjs";
+import { TextAncestorContext } from "./TextAncestorContext.mjs";
 export * from "@tamagui/react-native-use-pressable";
 export * from "@tamagui/react-native-use-responder-events";
-import { colorProps } from "./colorProps";
-import { AccessibilityUtil } from "./modules/AccessibilityUtil/index";
-import { canUseDOM } from "./modules/canUseDOM";
-import { createDOMProps } from "./modules/createDOMProps/index";
-import { stylesFromProps } from "./modules/createDOMProps/index";
-import { createReactDOMStyle } from "./StyleSheet/compiler/createReactDOMStyle";
-import { createEventHandle } from "./modules/createEventHandle/index";
-import { dismissKeyboard } from "./modules/dismissKeyboard/index";
-import { getBoundingClientRect } from "./modules/getBoundingClientRect/index";
-import { ImageLoader } from "./modules/ImageLoader/index";
-import { isSelectionValid } from "./modules/isSelectionValid/index";
-import { isWebColor } from "./modules/isWebColor/index";
-import { multiplyStyleLengthValue } from "./modules/multiplyStyleLengthValue/index";
-import { normalizeColor } from "./modules/normalizeColor/index";
-import { pick } from "./modules/pick/index";
-import { Platform } from "./modules/Platform/index";
-export * from "./StyleSheet/preprocess";
-import { flatten } from "./StyleSheet/index";
-import { createSheet } from "./StyleSheet/dom/index";
-import { requestIdleCallback } from "./modules/requestIdleCallback/index";
-import { setValueForStyles } from "./modules/setValueForStyles/index";
-import { TextInputState } from "./modules/TextInputState/index";
-import { UIManager } from "./modules/UIManager/index";
-import { unitlessNumbers } from "./modules/unitlessNumbers/index";
-import { useElementLayout } from "./modules/useElementLayout/index";
-import { useEvent } from "./modules/useEvent/index";
-import { useHover } from "./modules/useHover/index";
-import { useLayoutEffectImpl } from "./modules/useLayoutEffect/index";
-import { useStable } from "./modules/useStable/index";
-import { InteractionManager } from "./modules/InteractionManager";
-export * from "./modules/invariant";
-import { processColor } from "./modules/processColor/index";
-import { StyleSheet } from "./StyleSheet/index";
-import { useMergeRefs } from "./modules/useMergeRefs/index";
-export {
-  AccessibilityUtil,
-  ImageLoader,
-  InteractionManager,
-  Platform,
-  StyleSheet,
-  TextAncestorContext,
-  TextInputState,
-  UIManager,
-  canUseDOM,
-  colorProps,
-  createDOMProps,
-  createEventHandle,
-  createReactDOMStyle,
-  createSheet,
-  dismissKeyboard,
-  flatten as flattenStyle,
-  getBoundingClientRect,
-  isSelectionValid,
-  isWebColor,
-  multiplyStyleLengthValue,
-  normalizeColor,
-  pick,
-  processColor,
-  requestIdleCallback,
-  setValueForStyles,
-  stylesFromProps,
-  unitlessNumbers,
-  useElementLayout,
-  useEvent,
-  useHover,
-  useLayoutEffectImpl as useLayoutEffect,
-  useMergeRefs,
-  usePlatformMethods,
-  useStable
-};
+import { colorProps } from "./colorProps.mjs";
+import { AccessibilityUtil } from "./modules/AccessibilityUtil/index.mjs";
+import { canUseDOM } from "./modules/canUseDOM.mjs";
+import { createDOMProps } from "./modules/createDOMProps/index.mjs";
+import { stylesFromProps } from "./modules/createDOMProps/index.mjs";
+import { createReactDOMStyle, createTransformValue } from "./StyleSheet/compiler/createReactDOMStyle.mjs";
+import { createEventHandle } from "./modules/createEventHandle/index.mjs";
+import { dismissKeyboard } from "./modules/dismissKeyboard/index.mjs";
+import { getBoundingClientRect } from "./modules/getBoundingClientRect/index.mjs";
+import { ImageLoader } from "./modules/ImageLoader/index.mjs";
+import { isSelectionValid } from "./modules/isSelectionValid/index.mjs";
+import { isWebColor } from "./modules/isWebColor/index.mjs";
+import { multiplyStyleLengthValue } from "./modules/multiplyStyleLengthValue/index.mjs";
+import { normalizeColor } from "./modules/normalizeColor/index.mjs";
+import { pick } from "./modules/pick/index.mjs";
+import { Platform } from "./modules/Platform/index.mjs";
+export * from "./StyleSheet/preprocess.mjs";
+import { flatten } from "./StyleSheet/index.mjs";
+import { createSheet } from "./StyleSheet/dom/index.mjs";
+import { requestIdleCallback } from "./modules/requestIdleCallback/index.mjs";
+import { setValueForStyles } from "./modules/setValueForStyles/index.mjs";
+import { TextInputState } from "./modules/TextInputState/index.mjs";
+import { UIManager } from "./modules/UIManager/index.mjs";
+import { unitlessNumbers } from "./modules/unitlessNumbers/index.mjs";
+import { useElementLayout } from "./modules/useElementLayout/index.mjs";
+import { useEvent } from "./modules/useEvent/index.mjs";
+import { useHover } from "./modules/useHover/index.mjs";
+import { useLayoutEffectImpl } from "./modules/useLayoutEffect/index.mjs";
+import { useStable } from "./modules/useStable/index.mjs";
+import { InteractionManager } from "./modules/InteractionManager.mjs";
+export * from "./modules/invariant.mjs";
+import { processColor } from "./modules/processColor/index.mjs";
+import { StyleSheet } from "./StyleSheet/index.mjs";
+import { useMergeRefs } from "./modules/useMergeRefs/index.mjs";
+export { AccessibilityUtil, ImageLoader, InteractionManager, Platform, StyleSheet, TextAncestorContext, TextInputState, UIManager, canUseDOM, colorProps, createDOMProps, createEventHandle, createReactDOMStyle, createSheet, createTransformValue, dismissKeyboard, flatten as flattenStyle, getBoundingClientRect, isSelectionValid, isWebColor, multiplyStyleLengthValue, normalizeColor, pick, processColor, requestIdleCallback, setValueForStyles, stylesFromProps, unitlessNumbers, useElementLayout, useEvent, useHover, useLayoutEffectImpl as useLayoutEffect, useMergeRefs, usePlatformMethods, useStable };
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1,6 +1 @@
-{
-  "version": 3,
-  "sources": ["../../src/index.tsx"],
-  "mappings": "AAUA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,SAAS,0BAA0B;AACnC,SAAS,2BAA2B;AAEpC,cAAc;AACd,cAAc;AAEd,SAAS,kBAAkB;AAC3B,SAAS,yBAAyB;AAClC,SAAS,iBAAiB;AAC1B,SAAS,sBAAsB;AAC/B,SAAS,uBAAuB;AAChC,SAAS,2BAA2B;AACpC,SAAS,yBAAyB;AAClC,SAAS,uBAAuB;AAChC,SAAS,6BAA6B;AACtC,SAAS,mBAAmB;AAC5B,SAAS,wBAAwB;AACjC,SAAS,kBAAkB;AAC3B,SAAS,gCAAgC;AACzC,SAAS,sBAAsB;AAC/B,SAAS,YAAY;AACrB,SAAS,gBAAgB;AACzB,cAAc;AACd,SAAoB,eAAoB;AACxC,SAAS,mBAAmB;AAC5B,SAAS,2BAA2B;AACpC,SAAS,yBAAyB;AAClC,SAAS,sBAAsB;AAC/B,SAAS,iBAAiB;AAC1B,SAAS,uBAAuB;AAChC,SAAS,wBAAwB;AACjC,SAAS,gBAAgB;AACzB,SAAS,gBAAgB;AACzB,SAAgC,2BAAuB;AACvD,SAAS,iBAAiB;AAC1B,SAAS,0BAA0B;AACnC,cAAc;AACd,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;",
-  "names": []
-}
+{"version":3,"names":["usePlatformMethods","TextAncestorContext","colorProps","AccessibilityUtil","canUseDOM","createDOMProps","stylesFromProps","createReactDOMStyle","createTransformValue","createEventHandle","dismissKeyboard","getBoundingClientRect","ImageLoader","isSelectionValid","isWebColor","multiplyStyleLengthValue","normalizeColor","pick","Platform","flatten","createSheet","requestIdleCallback","setValueForStyles","TextInputState","UIManager","unitlessNumbers","useElementLayout","useEvent","useHover","useLayoutEffectImpl","useStable","InteractionManager","processColor","StyleSheet","useMergeRefs"],"sources":["../../src/index.tsx"],"sourcesContent":[null],"mappings":"AAUA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,SAASA,kBAAA,QAA0B;AACnC,SAASC,mBAAA,QAA2B;AAEpC,cAAc;AACd,cAAc;AAEd,SAASC,UAAA,QAAkB;AAC3B,SAASC,iBAAA,QAAyB;AAClC,SAASC,SAAA,QAAiB;AAC1B,SAASC,cAAA,QAAsB;AAC/B,SAASC,eAAA,QAAuB;AAChC,SACEC,mBAAA,EACAC,oBAAA,QACK;AACP,SAASC,iBAAA,QAAyB;AAClC,SAASC,eAAA,QAAuB;AAChC,SAASC,qBAAA,QAA6B;AACtC,SAASC,WAAA,QAAmB;AAC5B,SAASC,gBAAA,QAAwB;AACjC,SAASC,UAAA,QAAkB;AAC3B,SAASC,wBAAA,QAAgC;AACzC,SAASC,cAAA,QAAsB;AAC/B,SAASC,IAAA,QAAY;AACrB,SAASC,QAAA,QAAgB;AACzB,cAAc;AACd,SAAoBC,OAAA,QAAoB;AACxC,SAASC,WAAA,QAAmB;AAC5B,SAASC,mBAAA,QAA2B;AACpC,SAASC,iBAAA,QAAyB;AAClC,SAASC,cAAA,QAAsB;AAC/B,SAASC,SAAA,QAAiB;AAC1B,SAASC,eAAA,QAAuB;AAChC,SAASC,gBAAA,QAAwB;AACjC,SAASC,QAAA,QAAgB;AACzB,SAASC,QAAA,QAAgB;AACzB,SAAgCC,mBAAA,QAAuB;AACvD,SAASC,SAAA,QAAiB;AAC1B,SAASC,kBAAA,QAA0B;AACnC,cAAc;AACd,SAASC,YAAA,QAAoB;AAC7B,SAASC,UAAA,QAAkB;AAC3B,SAASC,YAAA,QAAoB","ignoreList":[]}

package/dist/esm/index.mjs

@@ -12,7 +12,7 @@ import { AccessibilityUtil } from "./modules/AccessibilityUtil/index.mjs";
 import { canUseDOM } from "./modules/canUseDOM.mjs";
 import { createDOMProps } from "./modules/createDOMProps/index.mjs";
 import { stylesFromProps } from "./modules/createDOMProps/index.mjs";
-import { createReactDOMStyle } from "./StyleSheet/compiler/createReactDOMStyle.mjs";
+import { createReactDOMStyle, createTransformValue } from "./StyleSheet/compiler/createReactDOMStyle.mjs";
 import { createEventHandle } from "./modules/createEventHandle/index.mjs";
 import { dismissKeyboard } from "./modules/dismissKeyboard/index.mjs";
 import { getBoundingClientRect } from "./modules/getBoundingClientRect/index.mjs";
@@ -41,5 +41,5 @@ export * from "./modules/invariant.mjs";
 import { processColor } from "./modules/processColor/index.mjs";
 import { StyleSheet } from "./StyleSheet/index.mjs";
 import { useMergeRefs } from "./modules/useMergeRefs/index.mjs";
-export { AccessibilityUtil, ImageLoader, InteractionManager, Platform, StyleSheet, TextAncestorContext, TextInputState, UIManager, canUseDOM, colorProps, createDOMProps, createEventHandle, createReactDOMStyle, createSheet, dismissKeyboard, flatten as flattenStyle, getBoundingClientRect, isSelectionValid, isWebColor, multiplyStyleLengthValue, normalizeColor, pick, processColor, requestIdleCallback, setValueForStyles, stylesFromProps, unitlessNumbers, useElementLayout, useEvent, useHover, useLayoutEffectImpl as useLayoutEffect, useMergeRefs, usePlatformMethods, useStable };
+export { AccessibilityUtil, ImageLoader, InteractionManager, Platform, StyleSheet, TextAncestorContext, TextInputState, UIManager, canUseDOM, colorProps, createDOMProps, createEventHandle, createReactDOMStyle, createSheet, createTransformValue, dismissKeyboard, flatten as flattenStyle, getBoundingClientRect, isSelectionValid, isWebColor, multiplyStyleLengthValue, normalizeColor, pick, processColor, requestIdleCallback, setValueForStyles, stylesFromProps, unitlessNumbers, useElementLayout, useEvent, useHover, useLayoutEffectImpl as useLayoutEffect, useMergeRefs, usePlatformMethods, useStable };
 //# sourceMappingURL=index.mjs.map

package/dist/esm/index.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["usePlatformMethods","TextAncestorContext","colorProps","AccessibilityUtil","canUseDOM","createDOMProps","stylesFromProps","createReactDOMStyle","createEventHandle","dismissKeyboard","getBoundingClientRect","ImageLoader","isSelectionValid","isWebColor","multiplyStyleLengthValue","normalizeColor","pick","Platform","flatten","createSheet","requestIdleCallback","setValueForStyles","TextInputState","UIManager","unitlessNumbers","useElementLayout","useEvent","useHover","useLayoutEffectImpl","useStable","InteractionManager","processColor","StyleSheet","useMergeRefs"],"sources":["../../src/index.tsx"],"sourcesContent":[null],"mappings":"AAUA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,SAASA,kBAAA,QAA0B;AACnC,SAASC,mBAAA,QAA2B;AAEpC,cAAc;AACd,cAAc;AAEd,SAASC,UAAA,QAAkB;AAC3B,SAASC,iBAAA,QAAyB;AAClC,SAASC,SAAA,QAAiB;AAC1B,SAASC,cAAA,QAAsB;AAC/B,SAASC,eAAA,QAAuB;AAChC,SAASC,mBAAA,QAA2B;AACpC,SAASC,iBAAA,QAAyB;AAClC,SAASC,eAAA,QAAuB;AAChC,SAASC,qBAAA,QAA6B;AACtC,SAASC,WAAA,QAAmB;AAC5B,SAASC,gBAAA,QAAwB;AACjC,SAASC,UAAA,QAAkB;AAC3B,SAASC,wBAAA,QAAgC;AACzC,SAASC,cAAA,QAAsB;AAC/B,SAASC,IAAA,QAAY;AACrB,SAASC,QAAA,QAAgB;AACzB,cAAc;AACd,SAAoBC,OAAA,QAAoB;AACxC,SAASC,WAAA,QAAmB;AAC5B,SAASC,mBAAA,QAA2B;AACpC,SAASC,iBAAA,QAAyB;AAClC,SAASC,cAAA,QAAsB;AAC/B,SAASC,SAAA,QAAiB;AAC1B,SAASC,eAAA,QAAuB;AAChC,SAASC,gBAAA,QAAwB;AACjC,SAASC,QAAA,QAAgB;AACzB,SAASC,QAAA,QAAgB;AACzB,SAAgCC,mBAAA,QAAuB;AACvD,SAASC,SAAA,QAAiB;AAC1B,SAASC,kBAAA,QAA0B;AACnC,cAAc;AACd,SAASC,YAAA,QAAoB;AAC7B,SAASC,UAAA,QAAkB;AAC3B,SAASC,YAAA,QAAoB","ignoreList":[]}
+{"version":3,"names":["usePlatformMethods","TextAncestorContext","colorProps","AccessibilityUtil","canUseDOM","createDOMProps","stylesFromProps","createReactDOMStyle","createTransformValue","createEventHandle","dismissKeyboard","getBoundingClientRect","ImageLoader","isSelectionValid","isWebColor","multiplyStyleLengthValue","normalizeColor","pick","Platform","flatten","createSheet","requestIdleCallback","setValueForStyles","TextInputState","UIManager","unitlessNumbers","useElementLayout","useEvent","useHover","useLayoutEffectImpl","useStable","InteractionManager","processColor","StyleSheet","useMergeRefs"],"sources":["../../src/index.tsx"],"sourcesContent":[null],"mappings":"AAUA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,SAASA,kBAAA,QAA0B;AACnC,SAASC,mBAAA,QAA2B;AAEpC,cAAc;AACd,cAAc;AAEd,SAASC,UAAA,QAAkB;AAC3B,SAASC,iBAAA,QAAyB;AAClC,SAASC,SAAA,QAAiB;AAC1B,SAASC,cAAA,QAAsB;AAC/B,SAASC,eAAA,QAAuB;AAChC,SACEC,mBAAA,EACAC,oBAAA,QACK;AACP,SAASC,iBAAA,QAAyB;AAClC,SAASC,eAAA,QAAuB;AAChC,SAASC,qBAAA,QAA6B;AACtC,SAASC,WAAA,QAAmB;AAC5B,SAASC,gBAAA,QAAwB;AACjC,SAASC,UAAA,QAAkB;AAC3B,SAASC,wBAAA,QAAgC;AACzC,SAASC,cAAA,QAAsB;AAC/B,SAASC,IAAA,QAAY;AACrB,SAASC,QAAA,QAAgB;AACzB,cAAc;AACd,SAAoBC,OAAA,QAAoB;AACxC,SAASC,WAAA,QAAmB;AAC5B,SAASC,mBAAA,QAA2B;AACpC,SAASC,iBAAA,QAAyB;AAClC,SAASC,cAAA,QAAsB;AAC/B,SAASC,SAAA,QAAiB;AAC1B,SAASC,eAAA,QAAuB;AAChC,SAASC,gBAAA,QAAwB;AACjC,SAASC,QAAA,QAAgB;AACzB,SAASC,QAAA,QAAgB;AACzB,SAAgCC,mBAAA,QAAuB;AACvD,SAASC,SAAA,QAAiB;AAC1B,SAASC,kBAAA,QAA0B;AACnC,cAAc;AACd,SAASC,YAAA,QAAoB;AAC7B,SAASC,UAAA,QAAkB;AAC3B,SAASC,YAAA,QAAoB","ignoreList":[]}

package/dist/esm/modules/Platform/__tests__/index-test.mjs

@@ -1,4 +1,4 @@
-import Platform from "..";
+import Platform from "../index.mjs";
 describe("apis/Platform", () => {
   describe("select", () => {
     test('supports "default"', () => {

package/dist/esm/modules/TextInputState/index.mjs

@@ -1,4 +1,4 @@
-import { UIManager } from "../UIManager";
+import { UIManager } from "../UIManager/index.mjs";
 const TextInputState = {
   /**
    * Internal state

package/dist/esm/modules/UIManager/__tests__/index-test.mjs

@@ -1,4 +1,4 @@
-import UIManager from "..";
+import UIManager from "../index.mjs";
 const createStyledNode = (name = "div", style = {}) => {
     const root = document.createElement(name);
     return Object.keys(style).forEach(prop => {

package/dist/esm/modules/createDOMProps/__tests__/index-test.mjs

@@ -1,4 +1,4 @@
-import createDOMProps from "..";
+import createDOMProps from "../index.mjs";
 const createProps = props => createDOMProps(null, props);
 describe("modules/createDOMProps", () => {
   describe("focus-related accessibility attributes", () => {