tamagui 1.125.1 → 1.125.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/native.js +134 -110
  2. package/dist/native.js.map +3 -3
  3. package/dist/test.native.js +115 -77
  4. package/dist/test.native.js.map +3 -3
  5. package/package.json +55 -55
package/dist/native.js CHANGED
@@ -2424,7 +2424,7 @@ var require_insertStyleRule_native = __commonJS({
2424
2424
  return insertStyleRules;
2425
2425
  },
2426
2426
  insertedTransforms: function() {
2427
- return insertedTransforms2;
2427
+ return insertedTransforms;
2428
2428
  },
2429
2429
  listenForSheetChanges: function() {
2430
2430
  return listenForSheetChanges;
@@ -2443,12 +2443,12 @@ var require_insertStyleRule_native = __commonJS({
2443
2443
  }
2444
2444
  });
2445
2445
  module2.exports = __toCommonJS2(insertStyleRule_exports);
2446
- var import_constants4 = require_index_native6(), import_helpers = require_index_native7(), import_createVariable = require_createVariable_native(), scannedCache = /* @__PURE__ */ new WeakMap(), totalSelectorsInserted = /* @__PURE__ */ new Map(), allSelectors = {}, allRules = {}, insertedTransforms2 = {}, getAllSelectors = function() {
2446
+ var import_constants4 = require_index_native6(), import_helpers = require_index_native7(), import_createVariable = require_createVariable_native(), scannedCache = /* @__PURE__ */ new WeakMap(), totalSelectorsInserted = /* @__PURE__ */ new Map(), allSelectors = {}, allRules = {}, insertedTransforms = {}, getAllSelectors = function() {
2447
2447
  return allSelectors;
2448
2448
  }, getAllRules = function() {
2449
2449
  return Object.values(allRules);
2450
2450
  }, getAllTransforms = function() {
2451
- return insertedTransforms2;
2451
+ return insertedTransforms;
2452
2452
  };
2453
2453
  function addTransform(identifier, css, rule) {
2454
2454
  var s = css.indexOf("transform:");
@@ -2457,7 +2457,7 @@ var require_insertStyleRule_native = __commonJS({
2457
2457
  return;
2458
2458
  }
2459
2459
  var startI = s + 10, endI = css.indexOf(";"), value = css.slice(startI, endI);
2460
- if (!insertedTransforms2[identifier]) return insertedTransforms2[identifier] = value, !0;
2460
+ if (!insertedTransforms[identifier]) return insertedTransforms[identifier] = value, !0;
2461
2461
  }
2462
2462
  function listenForSheetChanges() {
2463
2463
  if (import_constants4.isClient) {
@@ -3812,6 +3812,59 @@ var require_defaultComponentState_native = __commonJS({
3812
3812
  }
3813
3813
  });
3814
3814
 
3815
+ // ../../core/web/dist/cjs/helpers/consoleLog.native.js
3816
+ var require_consoleLog_native = __commonJS({
3817
+ "../../core/web/dist/cjs/helpers/consoleLog.native.js"(exports2, module2) {
3818
+ "use strict";
3819
+ var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
3820
+ for (var name in all) __defProp2(target, name, {
3821
+ get: all[name],
3822
+ enumerable: !0
3823
+ });
3824
+ }, __copyProps2 = function(to, from, except, desc) {
3825
+ var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
3826
+ if (from && typeof from == "object" || typeof from == "function") try {
3827
+ for (var _loop = function() {
3828
+ var key = _step.value;
3829
+ !__hasOwnProp2.call(to, key) && key !== except && __defProp2(to, key, {
3830
+ get: function() {
3831
+ return from[key];
3832
+ },
3833
+ enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable
3834
+ });
3835
+ }, _iterator = __getOwnPropNames2(from)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) _loop();
3836
+ } catch (err) {
3837
+ _didIteratorError = !0, _iteratorError = err;
3838
+ } finally {
3839
+ try {
3840
+ !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
3841
+ } finally {
3842
+ if (_didIteratorError)
3843
+ throw _iteratorError;
3844
+ }
3845
+ }
3846
+ return to;
3847
+ }, __toCommonJS2 = function(mod) {
3848
+ return __copyProps2(__defProp2({}, "__esModule", {
3849
+ value: !0
3850
+ }), mod);
3851
+ }, consoleLog_exports = {};
3852
+ __export2(consoleLog_exports, {
3853
+ gc: function() {
3854
+ return gc;
3855
+ },
3856
+ groupCollapsed: function() {
3857
+ return groupCollapsed;
3858
+ },
3859
+ groupEnd: function() {
3860
+ return groupEnd;
3861
+ }
3862
+ });
3863
+ module2.exports = __toCommonJS2(consoleLog_exports);
3864
+ var import_constants4 = require_index_native6(), groupEnd = console.groupEnd.bind(console), gc = console.groupCollapsed.bind(console), groupCollapsed = import_constants4.isWeb ? gc : console.info;
3865
+ }
3866
+ });
3867
+
3815
3868
  // ../../core/web/dist/cjs/helpers/getShorthandValue.native.js
3816
3869
  var require_getShorthandValue_native = __commonJS({
3817
3870
  "../../core/web/dist/cjs/helpers/getShorthandValue.native.js"(exports2, module2) {
@@ -5056,6 +5109,8 @@ var require_log_native = __commonJS({
5056
5109
  (0, import_useMedia._disableMediaTouch)(!0);
5057
5110
  try {
5058
5111
  return console.log(...args);
5112
+ } catch (err) {
5113
+ console.error(err);
5059
5114
  } finally {
5060
5115
  (0, import_useMedia._disableMediaTouch)(!1);
5061
5116
  }
@@ -5104,13 +5159,10 @@ var require_normalizeValueWithProperty_native = __commonJS({
5104
5159
  __export2(normalizeValueWithProperty_exports, {
5105
5160
  normalizeValueWithProperty: function() {
5106
5161
  return normalizeValueWithProperty;
5107
- },
5108
- reverseMapClassNameToValue: function() {
5109
- return reverseMapClassNameToValue;
5110
5162
  }
5111
5163
  });
5112
5164
  module2.exports = __toCommonJS2(normalizeValueWithProperty_exports);
5113
- var import_constants4 = require_index_native6(), import_helpers = require_index_native7(), import_insertStyleRule = require_insertStyleRule_native(), stylePropsAllPlusTransforms = {
5165
+ var import_constants4 = require_index_native6(), import_helpers = require_index_native7(), stylePropsAllPlusTransforms = {
5114
5166
  ...import_helpers.stylePropsAll,
5115
5167
  translateX: !0,
5116
5168
  translateY: !0
@@ -5121,23 +5173,6 @@ var require_normalizeValueWithProperty_native = __commonJS({
5121
5173
  var res = value;
5122
5174
  return value && typeof value == "object" ? value : (typeof value == "number" ? res = `${value}px` : property && (res = `${res}`), res);
5123
5175
  }
5124
- var rcache = {};
5125
- function reverseMapClassNameToValue(key, className) {
5126
- var selectors = (0, import_insertStyleRule.getAllSelectors)(), cssRule = selectors[className];
5127
- if (rcache[cssRule]) return rcache[cssRule];
5128
- if (!cssRule) {
5129
- process.env.NODE_ENV === "development" && console.warn(`No CSS rule found for ${key} looking for selector ".${className}", you may not be injecting extracted CSS`);
5130
- return;
5131
- }
5132
- var cssVal = cssRule.replace(/.*:/, "").replace(/;.*/, "").trim(), res;
5133
- return cssVal.startsWith("var(") ? res = cssVal : import_helpers.stylePropsUnitless[key] ? res = +cssVal : cssVal.endsWith("px") ? res = +cssVal.replace("px", "") : res = cssVal, rcache[cssRule] = res, process.env.NODE_ENV === "development" && typeof res == "number" && Number.isNaN(res) && console.info("Tamagui invalid parsed value, NaN:", {
5134
- res,
5135
- cssVal,
5136
- cssRule,
5137
- key,
5138
- className
5139
- }), res;
5140
- }
5141
5176
  }
5142
5177
  });
5143
5178
 
@@ -6295,7 +6330,7 @@ var require_getSplitStyles_native = __commonJS({
6295
6330
  }
6296
6331
  });
6297
6332
  module2.exports = __toCommonJS2(getSplitStyles_exports);
6298
- var import_constants4 = require_index_native6(), import_helpers = require_index_native7(), import_react3 = __toESM2(require("react")), import_config = require_config_native(), import_accessibilityDirectMap = require_accessibilityDirectMap_native(), import_constants22 = require_constants_native2(), import_isDevTools = require_isDevTools_native(), import_useMedia = require_useMedia_native(), import_createMediaStyle = require_createMediaStyle_native(), import_expandStyles = require_expandStyles_native(), import_getCSSStylesAtomic = require_getCSSStylesAtomic_native(), import_getGroupPropParts = require_getGroupPropParts_native(), import_insertStyleRule = require_insertStyleRule_native(), import_isActivePlatform = require_isActivePlatform_native(), import_isActiveTheme = require_isActiveTheme_native(), import_log = require_log_native(), import_normalizeValueWithProperty = require_normalizeValueWithProperty_native(), import_propMapper = require_propMapper_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), import_skipProps = require_skipProps_native(), import_sortString = require_sortString_native(), import_transformsToString = require_transformsToString_native(), consoleGroupCollapsed = import_constants4.isWeb ? console.groupCollapsed : console.info, conf, PROP_SPLIT = "-";
6333
+ var import_constants4 = require_index_native6(), import_helpers = require_index_native7(), import_react3 = __toESM2(require("react")), import_config = require_config_native(), import_accessibilityDirectMap = require_accessibilityDirectMap_native(), import_constants22 = require_constants_native2(), import_isDevTools = require_isDevTools_native(), import_useMedia = require_useMedia_native(), import_consoleLog = require_consoleLog_native(), import_createMediaStyle = require_createMediaStyle_native(), import_expandStyles = require_expandStyles_native(), import_getCSSStylesAtomic = require_getCSSStylesAtomic_native(), import_getGroupPropParts = require_getGroupPropParts_native(), import_insertStyleRule = require_insertStyleRule_native(), import_isActivePlatform = require_isActivePlatform_native(), import_isActiveTheme = require_isActiveTheme_native(), import_log = require_log_native(), import_normalizeValueWithProperty = require_normalizeValueWithProperty_native(), import_propMapper = require_propMapper_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), import_skipProps = require_skipProps_native(), import_sortString = require_sortString_native(), import_transformsToString = require_transformsToString_native(), conf, PROP_SPLIT = "-";
6299
6334
  function isValidStyleKey(key, validStyles, accept) {
6300
6335
  return key in validStyles ? !0 : accept && key in accept;
6301
6336
  }
@@ -6308,19 +6343,13 @@ var require_getSplitStyles_native = __commonJS({
6308
6343
  var accepted = accept[keyInit];
6309
6344
  if ((accepted === "style" || accepted === "textStyle") && valInit && typeof valInit == "object") return viewProps[keyInit] = getSubStyle(styleState, keyInit, valInit, styleProps.noClass), "continue";
6310
6345
  }
6311
- if (process.env.NODE_ENV === "development" && debug === "verbose" && console.groupEnd(), disableExpandShorthands || keyInit in shorthands && (keyInit = shorthands[keyInit]), keyInit === "className" || keyInit in usedKeys) return "continue";
6346
+ if (process.env.NODE_ENV === "development" && debug === "verbose" && (0, import_consoleLog.groupEnd)(), disableExpandShorthands || keyInit in shorthands && (keyInit = shorthands[keyInit]), keyInit === "className" || keyInit in usedKeys) return "continue";
6312
6347
  if (keyInit in import_skipProps.skipProps && !noSkip && !isHOC) {
6313
6348
  if (keyInit === "group" && !1) var identifier2, containerType, containerCSS;
6314
6349
  return "continue";
6315
6350
  }
6316
6351
  var valInitType = typeof valInit, isValidStyleKeyInit = isValidStyleKey(keyInit, validStyles, accept);
6317
- if (0) {
6318
- if (staticConfig.isReactNative && keyInit.startsWith("data-")) var _viewProps2, _dataSet;
6319
- if (isValidStyleKeyInit && valInitType === "string" && valInit[0] === "_") {
6320
- var isValidClassName, isMediaOrPseudo;
6321
- if ((isValidClassName || isMediaOrPseudo) && !shouldDoClasses) var _styleState3;
6322
- }
6323
- }
6352
+ if (0) var _viewProps2, _dataSet;
6324
6353
  if (!isValidStyleKeyInit) {
6325
6354
  if (!import_constants4.isAndroid && keyInit === "elevationAndroid") return "continue";
6326
6355
  if (keyInit === "userSelect") keyInit = "selectable", valInit = valInit !== "none";
@@ -6331,8 +6360,8 @@ var require_getSplitStyles_native = __commonJS({
6331
6360
  return "continue";
6332
6361
  }
6333
6362
  if (0) var didUseKeyInit;
6334
- var isVariant = !isValidStyleKeyInit && variants && keyInit in variants, isStyleLikeKey = isValidStyleKeyInit || isVariant, isPseudo = keyInit in import_helpers.validPseudoKeys, isMedia = !isStyleLikeKey && !isPseudo && (0, import_useMedia.isMediaKey)(keyInit), isMediaOrPseudo1 = !!(isMedia || isPseudo);
6335
- if (isMediaOrPseudo1 && keyInit.startsWith("$group-")) {
6363
+ var isVariant = !isValidStyleKeyInit && variants && keyInit in variants, isStyleLikeKey = isValidStyleKeyInit || isVariant, isPseudo = keyInit in import_helpers.validPseudoKeys, isMedia = !isStyleLikeKey && !isPseudo && (0, import_useMedia.isMediaKey)(keyInit), isMediaOrPseudo = !!(isMedia || isPseudo);
6364
+ if (isMediaOrPseudo && keyInit.startsWith("$group-")) {
6336
6365
  var parts = keyInit.split("-");
6337
6366
  if (
6338
6367
  // check if its actually a simple group selector to avoid breaking selectors
@@ -6342,11 +6371,11 @@ var require_getSplitStyles_native = __commonJS({
6342
6371
  context != null && context.groups.subscribe && !(context != null && context.groups.state[name2]) && (keyInit = keyInit.replace("$group-", "$group-true-"));
6343
6372
  }
6344
6373
  }
6345
- var isStyleProp = isValidStyleKeyInit || isMediaOrPseudo1 || isVariant && !noExpand;
6374
+ var isStyleProp = isValidStyleKeyInit || isMediaOrPseudo || isVariant && !noExpand;
6346
6375
  if (isStyleProp && (asChild === "except-style" || asChild === "except-style-web")) return "continue";
6347
6376
  var shouldPassProp = !isStyleProp && isHOC || // is in parent variants
6348
- isHOC && parentVariants && keyInit in parentVariants || (inlineProps == null ? void 0 : inlineProps.has(keyInit)), parentVariant = parentVariants == null ? void 0 : parentVariants[keyInit], isHOCShouldPassThrough = !!(isHOC && (isValidStyleKeyInit || isMediaOrPseudo1 || parentVariant || keyInit in import_skipProps.skipProps)), shouldPassThrough = shouldPassProp || isHOCShouldPassThrough;
6349
- if (process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupEnd(), console.groupEnd(), consoleGroupCollapsed(` \u{1F511} ${keyOg2}${keyInit !== keyOg2 ? ` (shorthand for ${keyInit})` : ""} ${shouldPassThrough ? "(pass)" : ""}`), (0, import_log.log)({
6377
+ isHOC && parentVariants && keyInit in parentVariants || (inlineProps == null ? void 0 : inlineProps.has(keyInit)), parentVariant = parentVariants == null ? void 0 : parentVariants[keyInit], isHOCShouldPassThrough = !!(isHOC && (isValidStyleKeyInit || isMediaOrPseudo || parentVariant || keyInit in import_skipProps.skipProps)), shouldPassThrough = shouldPassProp || isHOCShouldPassThrough;
6378
+ if (process.env.NODE_ENV === "development" && debug === "verbose" && ((0, import_consoleLog.groupEnd)(), (0, import_consoleLog.groupEnd)(), (0, import_consoleLog.groupCollapsed)(` \u{1F511} ${keyOg2}${keyInit !== keyOg2 ? ` (shorthand for ${keyInit})` : ""} ${shouldPassThrough ? "(pass)" : ""}`), (0, import_log.log)({
6350
6379
  isVariant,
6351
6380
  valInit,
6352
6381
  shouldPassProp
@@ -6356,16 +6385,16 @@ var require_getSplitStyles_native = __commonJS({
6356
6385
  isVariant,
6357
6386
  isHOCShouldPassThrough,
6358
6387
  parentStaticConfig
6359
- })), shouldPassThrough && (passDownProp(viewProps, keyInit, valInit, isMediaOrPseudo1), !isVariant) || !noSkip && keyInit in import_skipProps.skipProps) return "continue";
6388
+ })), shouldPassThrough && (passDownProp(viewProps, keyInit, valInit, isMediaOrPseudo), !isVariant) || !noSkip && keyInit in import_skipProps.skipProps) return "continue";
6360
6389
  (isText || isInput) && valInit && (keyInit === "fontFamily" || keyInit === shorthands.fontFamily) && valInit in conf.fontsParsed && (styleState.fontFamily = valInit);
6361
- var disablePropMap = isMediaOrPseudo1 || !isStyleLikeKey;
6390
+ var disablePropMap = isMediaOrPseudo || !isStyleLikeKey;
6362
6391
  if ((0, import_propMapper.propMapper)(keyInit, valInit, styleState, disablePropMap, function(key4, val2) {
6363
6392
  var _parentStaticConfig_variants;
6364
- if (!isHOC && disablePropMap && !isMediaOrPseudo1) {
6393
+ if (!isHOC && disablePropMap && !isMediaOrPseudo) {
6365
6394
  viewProps[key4] = val2;
6366
6395
  return;
6367
6396
  }
6368
- if (process.env.NODE_ENV === "development" && debug === "verbose" && (consoleGroupCollapsed(" \u{1F4A0} expanded", keyInit, "=>", key4), (0, import_log.log)(val2), console.groupEnd()), val2 != null && !(key4 in usedKeys)) {
6397
+ if (process.env.NODE_ENV === "development" && debug === "verbose" && ((0, import_consoleLog.groupCollapsed)(" \u{1F4A0} expanded", keyInit, "=>", key4), (0, import_log.log)(val2), (0, import_consoleLog.groupEnd)()), val2 != null && !(key4 in usedKeys)) {
6369
6398
  if (key4 === "pointerEvents") {
6370
6399
  viewProps[key4] = val2;
6371
6400
  return;
@@ -6374,23 +6403,23 @@ var require_getSplitStyles_native = __commonJS({
6374
6403
  mergeStyle(styleState, key4, val2);
6375
6404
  return;
6376
6405
  }
6377
- if (isPseudo = key4 in import_helpers.validPseudoKeys, isMedia = !isPseudo && (0, import_useMedia.isMediaKey)(key4), isMediaOrPseudo1 = !!(isMedia || isPseudo), isVariant = variants && key4 in variants, inlineProps != null && inlineProps.has(key4) || process.env.IS_STATIC === "is_static" && inlineWhenUnflattened != null && inlineWhenUnflattened.has(key4)) {
6406
+ if (isPseudo = key4 in import_helpers.validPseudoKeys, isMedia = !isPseudo && (0, import_useMedia.isMediaKey)(key4), isMediaOrPseudo = !!(isMedia || isPseudo), isVariant = variants && key4 in variants, inlineProps != null && inlineProps.has(key4) || process.env.IS_STATIC === "is_static" && inlineWhenUnflattened != null && inlineWhenUnflattened.has(key4)) {
6378
6407
  var _props_key;
6379
6408
  viewProps[key4] = (_props_key = props[key4]) !== null && _props_key !== void 0 ? _props_key : val2;
6380
6409
  }
6381
- var shouldPassThrough2 = styleProps.noExpand && isPseudo || isHOC && (isMediaOrPseudo1 || (parentStaticConfig == null || (_parentStaticConfig_variants = parentStaticConfig.variants) === null || _parentStaticConfig_variants === void 0 ? void 0 : _parentStaticConfig_variants[keyInit]));
6410
+ var shouldPassThrough2 = styleProps.noExpand && isPseudo || isHOC && (isMediaOrPseudo || (parentStaticConfig == null || (_parentStaticConfig_variants = parentStaticConfig.variants) === null || _parentStaticConfig_variants === void 0 ? void 0 : _parentStaticConfig_variants[keyInit]));
6382
6411
  if (shouldPassThrough2) {
6383
- passDownProp(viewProps, key4, val2, isMediaOrPseudo1), process.env.NODE_ENV === "development" && debug === "verbose" && (consoleGroupCollapsed(` - passing down prop ${key4}`), (0, import_log.log)({
6412
+ passDownProp(viewProps, key4, val2, isMediaOrPseudo), process.env.NODE_ENV === "development" && debug === "verbose" && ((0, import_consoleLog.groupCollapsed)(` - passing down prop ${key4}`), (0, import_log.log)({
6384
6413
  val: val2,
6385
6414
  after: {
6386
6415
  ...viewProps[key4]
6387
6416
  }
6388
- }), console.groupEnd());
6417
+ }), (0, import_consoleLog.groupEnd)());
6389
6418
  return;
6390
6419
  }
6391
6420
  if (isPseudo) {
6392
6421
  if (!val2) return;
6393
- var pseudoStyleObject = getSubStyle(styleState, key4, val2, styleProps.noClass);
6422
+ var pseudoStyleObject = getSubStyle(styleState, key4, val2, styleProps.noClass && process.env.IS_STATIC !== "is_static");
6394
6423
  if (!shouldDoClasses || process.env.IS_STATIC === "is_static") {
6395
6424
  var _pseudos, _key;
6396
6425
  if (pseudos || (pseudos = {}), (_pseudos = pseudos)[_key = key4] || (_pseudos[_key] = {}), process.env.IS_STATIC === "is_static") {
@@ -6402,15 +6431,12 @@ var require_getSplitStyles_native = __commonJS({
6402
6431
  if (!descriptor) return;
6403
6432
  if (shouldDoClasses && !isExit) {
6404
6433
  var pseudoStyles = (0, import_getCSSStylesAtomic.getStyleAtomic)(pseudoStyleObject, descriptor);
6405
- process.env.NODE_ENV === "development" && debug === "verbose" && (consoleGroupCollapsed("pseudo (classes)", key4), (0, import_log.log)({
6406
- pseudoStyleObject,
6407
- pseudoStyles
6408
- }), console.groupEnd());
6434
+ process.env.NODE_ENV === "development" && debug === "verbose" && console.info("pseudo:", key4, pseudoStyleObject, pseudoStyles);
6409
6435
  var _iteratorNormalCompletion2 = !0, _didIteratorError2 = !1, _iteratorError2 = void 0;
6410
6436
  try {
6411
6437
  for (var _iterator2 = pseudoStyles[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = !0) {
6412
6438
  var psuedoStyle = _step2.value, fullKey = `${psuedoStyle[import_helpers.StyleObjectProperty]}${PROP_SPLIT}${descriptor.name}`;
6413
- fullKey in usedKeys || (addStyleToInsertRules(rulesToInsert, psuedoStyle), mergeClassName(transforms, classNames, fullKey, psuedoStyle[import_helpers.StyleObjectIdentifier], isMediaOrPseudo1, !0));
6439
+ fullKey in usedKeys || (addStyleToInsertRules(rulesToInsert, psuedoStyle), classNames[fullKey] = psuedoStyle[import_helpers.StyleObjectIdentifier]);
6414
6440
  }
6415
6441
  } catch (err) {
6416
6442
  _didIteratorError2 = !0, _iteratorError2 = err;
@@ -6424,14 +6450,14 @@ var require_getSplitStyles_native = __commonJS({
6424
6450
  }
6425
6451
  if (!shouldDoClasses || isExit || isEnter) {
6426
6452
  var descriptorKey = descriptor.stateKey || descriptor.name, isDisabled = componentState[descriptorKey] === !1;
6427
- isExit && (isDisabled = !styleProps.isExiting), isEnter && componentState.unmounted === !1 && (isDisabled = !0), process.env.NODE_ENV === "development" && debug === "verbose" && (consoleGroupCollapsed("pseudo", key4, {
6453
+ isExit && (isDisabled = !styleProps.isExiting), isEnter && componentState.unmounted === !1 && (isDisabled = !0), process.env.NODE_ENV === "development" && debug === "verbose" && ((0, import_consoleLog.groupCollapsed)("pseudo", key4, {
6428
6454
  isDisabled
6429
6455
  }), (0, import_log.log)({
6430
6456
  pseudoStyleObject,
6431
6457
  isDisabled,
6432
6458
  descriptor,
6433
6459
  componentState
6434
- }), console.groupEnd());
6460
+ }), (0, import_consoleLog.groupEnd)());
6435
6461
  var importance = descriptor.priority;
6436
6462
  for (var pkey in pseudoStyleObject) {
6437
6463
  var _$val = pseudoStyleObject[pkey];
@@ -6488,7 +6514,7 @@ var require_getSplitStyles_native = __commonJS({
6488
6514
  var out = (0, import_createMediaStyle.createMediaStyle)(style3, mediaKeyShort, import_useMedia.mediaQueryConfig, isMedia, !1, priority);
6489
6515
  process.env.NODE_ENV === "development" && debug === "verbose" && (0, import_log.log)("\u{1F4FA} media style:", out);
6490
6516
  var subKey = isSubStyle ? style3[2] : "", fullKey1 = `${style3[import_helpers.StyleObjectProperty]}${subKey}${PROP_SPLIT}${mediaKeyShort}${style3[import_helpers.StyleObjectPseudo] || ""}`;
6491
- fullKey1 in usedKeys || (addStyleToInsertRules(rulesToInsert, out), mergeClassName(transforms, classNames, fullKey1, out[import_helpers.StyleObjectIdentifier], !0, !0));
6517
+ fullKey1 in usedKeys || (addStyleToInsertRules(rulesToInsert, out), classNames[fullKey1] = out[import_helpers.StyleObjectIdentifier]);
6492
6518
  }
6493
6519
  }
6494
6520
  } catch (err) {
@@ -6502,8 +6528,8 @@ var require_getSplitStyles_native = __commonJS({
6502
6528
  }
6503
6529
  } else {
6504
6530
  var mergeMediaStyle2 = function(key5, val3) {
6505
- var _styleState4;
6506
- (_styleState4 = styleState).style || (_styleState4.style = {});
6531
+ var _styleState3;
6532
+ (_styleState3 = styleState).style || (_styleState3.style = {});
6507
6533
  var didMerge = mergeMediaByImportance(styleState, mediaKeyShort, key5, val3, usedKeys, mediaState3[mediaKeyShort], importanceBump, debug);
6508
6534
  didMerge && key5 === "fontFamily" && (styleState.fontFamily = mediaStyle1.fontFamily);
6509
6535
  }, mergeMediaStyle = mergeMediaStyle2, isThemeMedia = isMedia === "theme", isGroupMedia = isMedia === "group", isPlatformMedia = isMedia === "platform";
@@ -6566,18 +6592,16 @@ var require_getSplitStyles_native = __commonJS({
6566
6592
  try {
6567
6593
  (0, import_log.log)(" \u2714\uFE0F expand complete", keyInit), (0, import_log.log)("style", {
6568
6594
  ...styleState.style
6569
- }), (0, import_log.log)("transforms", {
6570
- ...transforms
6571
6595
  }), (0, import_log.log)("viewProps", {
6572
6596
  ...viewProps
6573
6597
  });
6574
6598
  } catch {
6575
6599
  }
6576
- console.groupEnd();
6600
+ (0, import_consoleLog.groupEnd)();
6577
6601
  }
6578
6602
  };
6579
6603
  conf = conf || (0, import_config.getConfig)(), import_constants4.isWeb && styleProps.isAnimated && conf.animations.isReactNative && !styleProps.noNormalize && (styleProps.noNormalize = "values");
6580
- var { shorthands } = conf, { isHOC, isText, isInput, variants, isReactNative, inlineProps, inlineWhenUnflattened, parentStaticConfig, acceptsClassName } = staticConfig, viewProps = {}, mediaState3 = styleProps.mediaState || import_useMedia.mediaState, usedKeys = {}, shouldDoClasses = acceptsClassName && import_constants4.isWeb && !styleProps.noClass, rulesToInsert = void 0, classNames = {}, transforms = {}, pseudos = null, space = props.space, hasMedia = !1, dynamicThemeAccess, pseudoGroups, mediaGroups, className = props.className || "", mediaStylesSeen = 0, validStyles = staticConfig.validStyles || (staticConfig.isText || staticConfig.isInput ? import_helpers.stylePropsText : import_helpers.validStyles);
6604
+ var { shorthands } = conf, { isHOC, isText, isInput, variants, isReactNative, inlineProps, inlineWhenUnflattened, parentStaticConfig, acceptsClassName } = staticConfig, viewProps = {}, mediaState3 = styleProps.mediaState || import_useMedia.mediaState, usedKeys = {}, shouldDoClasses = acceptsClassName && import_constants4.isWeb && !styleProps.noClass, rulesToInsert = void 0, classNames = {}, pseudos = null, space = props.space, hasMedia = !1, dynamicThemeAccess, pseudoGroups, mediaGroups, className = props.className || "", mediaStylesSeen = 0, validStyles = staticConfig.validStyles || (staticConfig.isText || staticConfig.isInput ? import_helpers.stylePropsText : import_helpers.validStyles);
6581
6605
  process.env.NODE_ENV === "development" && debug === "profile" && time`split-styles-setup`;
6582
6606
  var styleState = {
6583
6607
  classNames,
@@ -6601,7 +6625,7 @@ var require_getSplitStyles_native = __commonJS({
6601
6625
  }
6602
6626
  }));
6603
6627
  }
6604
- process.env.NODE_ENV === "development" && debug === "profile" && time`style-state`, process.env.NODE_ENV === "development" && debug && debug !== "profile" && import_constants4.isClient && (consoleGroupCollapsed("getSplitStyles (collapsed)"), (0, import_log.log)({
6628
+ process.env.NODE_ENV === "development" && debug === "profile" && time`style-state`, process.env.NODE_ENV === "development" && debug && debug !== "profile" && import_constants4.isClient && ((0, import_consoleLog.groupCollapsed)("getSplitStyles (collapsed)"), (0, import_log.log)({
6605
6629
  props,
6606
6630
  staticConfig,
6607
6631
  shouldDoClasses,
@@ -6612,7 +6636,7 @@ var require_getSplitStyles_native = __commonJS({
6612
6636
  theme: {
6613
6637
  ...theme
6614
6638
  }
6615
- }), console.groupEnd());
6639
+ }), (0, import_consoleLog.groupEnd)());
6616
6640
  var { asChild } = props, { accept } = staticConfig, { noSkip, disableExpandShorthands, noExpand } = styleProps, { webContainerType } = conf.settings, parentVariants = parentStaticConfig == null ? void 0 : parentStaticConfig.variants;
6617
6641
  for (var keyOg in props) _loop(keyOg);
6618
6642
  process.env.NODE_ENV === "development" && debug === "profile" && time`split-styles-propsend`;
@@ -6620,13 +6644,7 @@ var require_getSplitStyles_native = __commonJS({
6620
6644
  if (!avoidNormalize) {
6621
6645
  if (styleState.style && ((0, import_expandStyles.fixStyles)(styleState.style), !styleProps.noExpand && !styleProps.noMergeStyle && import_constants4.isWeb && !isReactNative && (0, import_getCSSStylesAtomic.styleToCSS)(styleState.style)), styleState.flatTransforms) {
6622
6646
  var _styleState;
6623
- (_styleState = styleState).style || (_styleState.style = {}), Object.entries(styleState.flatTransforms).sort(function(param, param1) {
6624
- var [a] = param, [b] = param1;
6625
- return (0, import_sortString.sortString)(a, b);
6626
- }).forEach(function(param) {
6627
- var [key4, val2] = param;
6628
- mergeTransform(styleState.style, key4, val2, !0);
6629
- });
6647
+ (_styleState = styleState).style || (_styleState.style = {}), mergeFlatTransforms(styleState.style, styleState.flatTransforms);
6630
6648
  }
6631
6649
  if (parentSplitStyles) {
6632
6650
  if (0) for (var key in parentSplitStyles.classNames) var val;
@@ -6648,10 +6666,6 @@ var require_getSplitStyles_native = __commonJS({
6648
6666
  } finally {
6649
6667
  }
6650
6668
  }
6651
- if (transforms) for (var namespace in transforms) {
6652
- var hash, val1, identifier1;
6653
- if (import_constants4.isClient && !insertedTransforms[identifier1]) var rule;
6654
- }
6655
6669
  }
6656
6670
  if (isReactNative) {
6657
6671
  if (viewProps.tabIndex === 0) var _viewProps, _accessible;
@@ -6705,13 +6719,12 @@ var require_getSplitStyles_native = __commonJS({
6705
6719
  } else style2 && (viewProps.style = style2);
6706
6720
  }
6707
6721
  if (process.env.NODE_ENV === "development" && debug === "verbose" && import_isDevTools.isDevTools) {
6708
- consoleGroupCollapsed("\u{1F539} getSplitStyles ===>");
6722
+ (0, import_consoleLog.groupCollapsed)("\u{1F539} getSplitStyles ===>");
6709
6723
  try {
6710
6724
  var logs = {
6711
6725
  ...result,
6712
6726
  className,
6713
6727
  componentState,
6714
- transforms,
6715
6728
  viewProps,
6716
6729
  rulesToInsert,
6717
6730
  parentSplitStyles
@@ -6719,20 +6732,22 @@ var require_getSplitStyles_native = __commonJS({
6719
6732
  for (var key3 in logs) (0, import_log.log)(key3, logs[key3]);
6720
6733
  } catch {
6721
6734
  }
6722
- console.groupEnd();
6735
+ (0, import_consoleLog.groupEnd)();
6723
6736
  }
6724
6737
  return process.env.NODE_ENV === "development" && debug === "profile" && time`split-styles-done`, result;
6725
6738
  };
6726
- function mergeClassName(transforms, classNames, key, val) {
6727
- var isMediaOrPseudo = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : !1, isInsertingNow = arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : !1;
6728
- if (0) var _transforms, _ns, ns, transform;
6739
+ function mergeFlatTransforms(target, flatTransforms) {
6740
+ Object.entries(flatTransforms).sort(function(param, param1) {
6741
+ var [a] = param, [b] = param1;
6742
+ return (0, import_sortString.sortString)(a, b);
6743
+ }).forEach(function(param) {
6744
+ var [key, val] = param;
6745
+ mergeTransform(target, key, val, !0);
6746
+ });
6729
6747
  }
6730
6748
  function mergeStyle(styleState, key, val) {
6731
- var disableNormalize = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : !1, { classNames, viewProps, usedKeys, styleProps, staticConfig } = styleState;
6732
- if (import_constants4.isWeb && (val == null ? void 0 : val[0]) === "_") {
6733
- var _usedKeys, _key;
6734
- classNames[key] = val, (_usedKeys = usedKeys)[_key = key] || (_usedKeys[_key] = 1);
6735
- } else if (key in import_helpers.stylePropsTransform) {
6749
+ var disableNormalize = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : !1, { viewProps, styleProps, staticConfig } = styleState;
6750
+ if (key in import_helpers.stylePropsTransform) {
6736
6751
  var _styleState;
6737
6752
  (_styleState = styleState).flatTransforms || (_styleState.flatTransforms = {}), styleState.flatTransforms[key] = val;
6738
6753
  } else {
@@ -6743,7 +6758,11 @@ var require_getSplitStyles_native = __commonJS({
6743
6758
  ) viewProps[key] = out;
6744
6759
  else {
6745
6760
  var _styleState1;
6746
- (_styleState1 = styleState).style || (_styleState1.style = {}), styleState.style[key] = out;
6761
+ (_styleState1 = styleState).style || (_styleState1.style = {}), styleState.style[key] = // if you dont do this you'll be passing props.transform arrays directly here and then mutating them
6762
+ // if theres any flatTransforms later, causing issues (mutating props is bad, in strict mode styles get borked)
6763
+ key === "transform" && Array.isArray(out) ? [
6764
+ ...out
6765
+ ] : out;
6747
6766
  }
6748
6767
  }
6749
6768
  }
@@ -6758,6 +6777,16 @@ var require_getSplitStyles_native = __commonJS({
6758
6777
  }), key = key1;
6759
6778
  }, { staticConfig, conf: conf2, styleProps } = styleState, styleOut = {};
6760
6779
  for (var key in styleIn) _loop(key);
6780
+ if (!avoidMergeTransform) {
6781
+ if (Array.isArray(styleOut.transform)) {
6782
+ var _styleState_style, parentTransform = (_styleState_style = styleState.style) === null || _styleState_style === void 0 ? void 0 : _styleState_style.transform;
6783
+ parentTransform && (styleOut.transform = [
6784
+ ...parentTransform,
6785
+ ...styleOut.transform
6786
+ ]);
6787
+ }
6788
+ styleState.flatTransforms && mergeFlatTransforms(styleOut, styleState.flatTransforms);
6789
+ }
6761
6790
  return styleProps.noNormalize || (0, import_expandStyles.fixStyles)(styleOut), styleOut;
6762
6791
  }, useInsertEffectCompat = import_constants4.isWeb ? import_react3.default.useInsertionEffect || import_constants4.useIsomorphicLayoutEffect : function() {
6763
6792
  }, useSplitStyles = function(a, b, c, d, e, f, g, h, i, j) {
@@ -7081,7 +7110,7 @@ var require_subscribeToContextGroup_native = __commonJS({
7081
7110
  });
7082
7111
  module2.exports = __toCommonJS2(subscribeToContextGroup_exports);
7083
7112
  var import_createShallowSetState = require_createShallowSetState_native(), import_useMedia = require_useMedia_native(), subscribeToContextGroup = function(param) {
7084
- var { disabled = !1, setStateShallow, pseudoGroups, mediaGroups, componentContext, state } = param;
7113
+ var { setStateShallow, pseudoGroups, mediaGroups, componentContext, state } = param;
7085
7114
  if (pseudoGroups || mediaGroups) {
7086
7115
  var _componentContext_groups_subscribe, _componentContext_groups, current = {
7087
7116
  pseudo: {},
@@ -7742,7 +7771,7 @@ var require_Theme_native = __commonJS({
7742
7771
  Theme2.avoidForwardRef = !0;
7743
7772
  function getThemedChildren(themeState, children, props) {
7744
7773
  var isRoot = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : !1, stateRef = arguments.length > 4 ? arguments[4] : void 0, { shallow, forceClassName } = props, state = stateRef.current, hasEverThemed = state.hasEverThemed, shouldRenderChildrenWithTheme = hasEverThemed || themeState.isNew || isRoot || (0, import_useThemeState.hasThemeUpdatingProps)(props);
7745
- if (process.env.NODE_ENV === "development" && props.debug && (children = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ThemeDebug.ThemeDebug, {
7774
+ if (process.env.NODE_ENV === "development" && props.debug === "visualize" && (children = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ThemeDebug.ThemeDebug, {
7746
7775
  themeState,
7747
7776
  themeProps: props,
7748
7777
  children
@@ -8383,7 +8412,7 @@ var require_createComponent_native = __commonJS({
8383
8412
  }
8384
8413
  });
8385
8414
  module2.exports = __toCommonJS2(createComponent_exports);
8386
- var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_helpers = require_index_native7(), import_react3 = __toESM2(require("react")), import_config = require_config_native(), import_constants22 = require_constants_native2(), import_isDevTools = require_isDevTools_native(), import_ComponentContext = require_ComponentContext_native(), import_createVariable = require_createVariable_native(), import_defaultComponentState = require_defaultComponentState_native(), import_getShorthandValue = require_getShorthandValue_native(), import_getSplitStyles = require_getSplitStyles_native(), import_log = require_log_native(), import_mergeProps = require_mergeProps_native(), import_setElementProps = require_setElementProps_native(), import_subscribeToContextGroup = require_subscribeToContextGroup_native(), import_themeable = require_themeable_native(), import_wrapStyleTags = require_wrapStyleTags_native(), import_useComponentState = require_useComponentState_native(), import_useMedia = require_useMedia_native(), import_useTheme = require_useTheme_native(), import_setupHooks = require_setupHooks_native(), import_Slot = require_Slot_native(), import_Theme = require_Theme_native(), time2, debugKeyListeners, startVisualizer, componentSetStates = /* @__PURE__ */ new Set();
8415
+ var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_helpers = require_index_native7(), import_react3 = __toESM2(require("react")), import_config = require_config_native(), import_constants22 = require_constants_native2(), import_isDevTools = require_isDevTools_native(), import_ComponentContext = require_ComponentContext_native(), import_createVariable = require_createVariable_native(), import_defaultComponentState = require_defaultComponentState_native(), import_consoleLog = require_consoleLog_native(), import_getShorthandValue = require_getShorthandValue_native(), import_getSplitStyles = require_getSplitStyles_native(), import_log = require_log_native(), import_mergeProps = require_mergeProps_native(), import_setElementProps = require_setElementProps_native(), import_subscribeToContextGroup = require_subscribeToContextGroup_native(), import_themeable = require_themeable_native(), import_wrapStyleTags = require_wrapStyleTags_native(), import_useComponentState = require_useComponentState_native(), import_useMedia = require_useMedia_native(), import_useTheme = require_useTheme_native(), import_setupHooks = require_setupHooks_native(), import_Slot = require_Slot_native(), import_Theme = require_Theme_native(), time2, debugKeyListeners, startVisualizer, componentSetStates = /* @__PURE__ */ new Set();
8387
8416
  typeof document < "u" && (cancelTouches = function() {
8388
8417
  componentSetStates.forEach(function(setState) {
8389
8418
  return setState(function(prev) {
@@ -8520,9 +8549,9 @@ var require_createComponent_native = __commonJS({
8520
8549
  supportsCSSVars
8521
8550
  });
8522
8551
  else {
8523
- console.groupEnd();
8552
+ (0, import_consoleLog.groupEnd)();
8524
8553
  var ch = propsIn.children, childLog = typeof ch == "string" ? ch.length > 4 ? ch.slice(0, 4) + "..." : ch : "";
8525
- childLog.length && (childLog = `(children: ${childLog})`), console.groupCollapsed(`${childLog} Props:`), (0, import_log.log)("props in:", propsIn), (0, import_log.log)("final props:", props), (0, import_log.log)({
8554
+ childLog.length && (childLog = `(children: ${childLog})`), (0, import_consoleLog.groupCollapsed)(`${childLog} Props:`), (0, import_log.log)("props in:", propsIn), (0, import_log.log)("final props:", props), (0, import_log.log)({
8526
8555
  state,
8527
8556
  staticConfig,
8528
8557
  elementType,
@@ -8536,7 +8565,7 @@ var require_createComponent_native = __commonJS({
8536
8565
  isHOC,
8537
8566
  hasAnimationProp,
8538
8567
  useAnimations
8539
- }), console.groupEnd();
8568
+ }), (0, import_consoleLog.groupEnd)();
8540
8569
  }
8541
8570
  }
8542
8571
  process.env.NODE_ENV === "development" && time2 && time2`pre-theme-media`;
@@ -8641,34 +8670,31 @@ If you meant to do this, you can disable this warning - either change untilMeasu
8641
8670
  }
8642
8671
  return styleObject;
8643
8672
  }, cssStyleDeclarationToObject = cssStyleDeclarationToObject2, computed = cssStyleDeclarationToObject2(getComputedStyle(stateRef.current.host));
8644
- console.groupCollapsed(`Rendered > (opacity: ${computed.opacity})`), console.warn(stateRef.current.host), console.warn(computed), console.groupEnd();
8673
+ (0, import_consoleLog.groupCollapsed)(`Rendered > (opacity: ${computed.opacity})`), console.warn(stateRef.current.host), console.warn(computed), (0, import_consoleLog.groupEnd)();
8645
8674
  }
8646
- }), import_react3.default.useEffect(function() {
8675
+ }), (0, import_constants4.useIsomorphicLayoutEffect)(function() {
8647
8676
  if (!disabled) {
8648
- var tm;
8649
8677
  if (state.unmounted === !0 && hasEnterStyle) {
8650
8678
  setStateShallow({
8651
8679
  unmounted: "should-enter"
8652
8680
  });
8653
8681
  return;
8654
8682
  }
8655
- if (state.unmounted) return tm = setTimeout(function() {
8683
+ if (state.unmounted) {
8656
8684
  setStateShallow({
8657
8685
  unmounted: !1
8658
8686
  });
8659
- }), function() {
8660
- return clearTimeout(tm);
8661
- };
8662
- var dispose = (0, import_subscribeToContextGroup.subscribeToContextGroup)({
8663
- disabled,
8687
+ return;
8688
+ }
8689
+ var dispose = pseudoGroups || mediaGroups ? (0, import_subscribeToContextGroup.subscribeToContextGroup)({
8664
8690
  componentContext,
8665
8691
  setStateShallow,
8666
8692
  state,
8667
8693
  mediaGroups,
8668
8694
  pseudoGroups
8669
- });
8695
+ }) : null;
8670
8696
  return function() {
8671
- clearTimeout(tm), dispose == null || dispose(), componentSetStates.delete(setState);
8697
+ dispose == null || dispose(), componentSetStates.delete(setState);
8672
8698
  };
8673
8699
  }
8674
8700
  }, [
@@ -8835,7 +8861,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
8835
8861
  if (process.env.NODE_ENV === "development" && debugProp && debugProp !== "profile") {
8836
8862
  var element1 = typeof elementType == "string" ? elementType : "Component", title = `render <${element1} /> (${internalID}) with props`;
8837
8863
  if (import_constants4.isWeb) {
8838
- console.groupCollapsed(title);
8864
+ (0, import_consoleLog.groupCollapsed)(title);
8839
8865
  try {
8840
8866
  (0, import_log.log)("viewProps", viewProps), (0, import_log.log)("children", content), typeof window < "u" && (0, import_log.log)({
8841
8867
  propsIn,
@@ -8866,7 +8892,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
8866
8892
  });
8867
8893
  } catch {
8868
8894
  } finally {
8869
- console.groupEnd();
8895
+ (0, import_consoleLog.groupEnd)();
8870
8896
  }
8871
8897
  } else {
8872
8898
  (0, import_log.log)(title), (0, import_log.log)("state: ", state), import_isDevTools.isDevTools && (0, import_log.log)("viewProps", viewProps), (0, import_log.log)("final styles:");
@@ -10839,7 +10865,6 @@ var require_useProps_native = __commonJS({
10839
10865
  return;
10840
10866
  }
10841
10867
  return (0, import_subscribeToContextGroup.subscribeToContextGroup)({
10842
- disabled,
10843
10868
  componentContext,
10844
10869
  setStateShallow,
10845
10870
  state,
@@ -29874,7 +29899,7 @@ var require_Tabs_native = __commonJS({
29874
29899
  }, Tabs_exports = {};
29875
29900
  __export2(Tabs_exports, {
29876
29901
  Tabs: function() {
29877
- return Tabs;
29902
+ return Tabs2;
29878
29903
  },
29879
29904
  useTabsContext: function() {
29880
29905
  return useTabsContext;
@@ -30093,7 +30118,7 @@ var require_Tabs_native = __commonJS({
30093
30118
  ref: forwardedRef
30094
30119
  })
30095
30120
  });
30096
- }), Tabs = (0, import_helpers.withStaticProperties)(TabsComponent, {
30121
+ }), Tabs2 = (0, import_helpers.withStaticProperties)(TabsComponent, {
30097
30122
  List: TabsList,
30098
30123
  /**
30099
30124
  * @deprecated Use Tabs.Tab instead
@@ -30102,7 +30127,6 @@ var require_Tabs_native = __commonJS({
30102
30127
  Tab: TabsTrigger,
30103
30128
  Content: TabsContent
30104
30129
  });
30105
- Tabs.displayName = TABS_NAME;
30106
30130
  function makeTriggerId(baseId, value) {
30107
30131
  return `${baseId}-trigger-${value}`;
30108
30132
  }