tamagui 1.74.19 → 1.74.20

package/dist/cjs/index.js

@@ -74,7 +74,7 @@ __export(src_exports, {
   withStaticProperties: () => import_core.withStaticProperties
 });
 module.exports = __toCommonJS(src_exports);
-var import_setup = require("./setup.js");
+var import_setup = require("./setup");
 __reExport(src_exports, require("@tamagui/accordion"), module.exports);
 __reExport(src_exports, require("@tamagui/adapt"), module.exports);
 __reExport(src_exports, require("@tamagui/alert-dialog"), module.exports);

package/dist/cjs/index.native.js

@@ -75,7 +75,7 @@ __export(src_exports, {
   withStaticProperties: () => import_core.withStaticProperties
 });
 module.exports = __toCommonJS(src_exports);
-var import_setup = require("./setup.js");
+var import_setup = require("./setup");
 __reExport(src_exports, require("@tamagui/accordion"), module.exports);
 __reExport(src_exports, require("@tamagui/adapt"), module.exports);
 __reExport(src_exports, require("@tamagui/alert-dialog"), module.exports);

package/dist/esm/index.js

@@ -1,4 +1,4 @@
-import "./setup.js";
+import "./setup";
 export * from "@tamagui/accordion";
 export * from "@tamagui/adapt";
 export * from "@tamagui/alert-dialog";

package/dist/esm/index.native.js

@@ -1,4 +1,4 @@
-import "./setup.js";
+import "./setup";
 export * from "@tamagui/accordion";
 export * from "@tamagui/adapt";
 export * from "@tamagui/alert-dialog";

package/dist/jsx/index.js

@@ -1,4 +1,4 @@
-import "./setup.js";
+import "./setup";
 export * from "@tamagui/accordion";
 export * from "@tamagui/adapt";
 export * from "@tamagui/alert-dialog";

package/dist/jsx/index.native.js

@@ -1,4 +1,4 @@
-import "./setup.js";
+import "./setup";
 export * from "@tamagui/accordion";
 export * from "@tamagui/adapt";
 export * from "@tamagui/alert-dialog";

package/dist/native.js

@@ -1702,7 +1702,7 @@ var require_createMediaStyle_native = __commonJS({
         if (isTheme || isGroup) {
           let groupInfo = (0, import_getGroupPropParts.getGroupPropParts)(mediaKeyIn), mediaName = groupInfo == null ? void 0 : groupInfo.name;
           groupMediaKey = groupInfo == null ? void 0 : groupInfo.media, isGroup && (containerName = mediaName);
-          let name = (isGroup ? "group_" : "") + mediaName, selectorStart = styleInner.indexOf(":root"), selectorEnd = styleInner.lastIndexOf("{"), selector = styleInner.slice(selectorStart, selectorEnd), precedenceSpace = conf.themeClassNameOnRoot ? "" : " ", pseudoSelectorName = groupInfo.pseudo ? groupPseudoToPseudoCSSMap[groupInfo.pseudo] || groupInfo.pseudo : void 0, pseudoSelector = pseudoSelectorName ? `:${pseudoSelectorName}` : "", presedencePrefix = `:root${precedenceImportancePrefix}${precedenceSpace}`, mediaSelector = `.t_${name}${pseudoSelector}`, nextSelector = `${presedencePrefix}${mediaSelector} ${selector.replace(
+          let name = (isGroup ? "group_" : "") + mediaName, selectorStart = styleInner.indexOf(":root"), selectorEnd = styleInner.lastIndexOf("{"), selector = styleInner.slice(selectorStart, selectorEnd), precedenceSpace = conf.themeClassNameOnRoot && isTheme ? "" : " ", pseudoSelectorName = groupInfo.pseudo ? groupPseudoToPseudoCSSMap[groupInfo.pseudo] || groupInfo.pseudo : void 0, pseudoSelector = pseudoSelectorName ? `:${pseudoSelectorName}` : "", presedencePrefix = `:root${precedenceImportancePrefix}${precedenceSpace}`, mediaSelector = `.t_${name}${pseudoSelector}`, nextSelector = `${presedencePrefix}${mediaSelector} ${selector.replace(
             ":root",
             ""
           )}`;
@@ -12504,110 +12504,108 @@ var require_Checkbox_native = __commonJS({
       defaultVariants: {
         unstyled: !1
       }
-    }), [createCheckboxContext, createCheckboxScope] = (0, import_create_context.createContextScope)(CHECKBOX_NAME), [CheckboxProvider, useCheckboxContext] = createCheckboxContext(CHECKBOX_NAME), CheckboxComponent = CheckboxFrame.extractable(
-      React2.forwardRef(function(props, forwardedRef) {
-        let {
-          __scopeCheckbox,
-          labelledBy: ariaLabelledby,
+    }), [createCheckboxContext, createCheckboxScope] = (0, import_create_context.createContextScope)(CHECKBOX_NAME), [CheckboxProvider, useCheckboxContext] = createCheckboxContext(CHECKBOX_NAME), CheckboxComponent = CheckboxFrame.styleable(function(props, forwardedRef) {
+      let {
+        __scopeCheckbox,
+        labelledBy: ariaLabelledby,
+        name,
+        checked: checkedProp,
+        defaultChecked,
+        required,
+        scaleSize = 0.45,
+        sizeAdjust = 0,
+        disabled,
+        value = "on",
+        onCheckedChange,
+        native,
+        scaleIcon,
+        ...checkboxProps
+      } = props, [button, setButton] = React2.useState(null), composedRefs = (0, import_core13.useComposedRefs)(forwardedRef, (node) => setButton(node)), hasConsumerStoppedPropagationRef = React2.useRef(!1), propsActive = (0, import_core13.useProps)(props), isFormControl = import_core13.isWeb ? button ? !!button.closest("form") : !0 : !1, [checked = !1, setChecked] = (0, import_use_controllable_state.useControllableState)({
+        prop: checkedProp,
+        defaultProp: defaultChecked,
+        onChange: onCheckedChange
+      }), styledContext = React2.useContext(CheckboxStyledContext), adjustedSize = (0, import_core13.getVariableValue)(
+        (0, import_get_token2.getSize)(propsActive.size ?? (styledContext == null ? void 0 : styledContext.size) ?? "$true", {
+          shift: sizeAdjust
+        })
+      ), size2 = scaleSize ? Math.round(adjustedSize * scaleSize) : adjustedSize, labelId = (0, import_label.useLabelContext)(button), labelledBy = ariaLabelledby || labelId;
+      return React2.useEffect(() => {
+        if (props.id && !disabled)
+          return (0, import_focusable2.registerFocusable)(props.id, {
+            focusAndSelect: () => {
+              setChecked((x) => !x);
+            },
+            focus: () => {
+            }
+          });
+      }, [props.id, setChecked, disabled]), /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CheckboxProvider, { scope: __scopeCheckbox, state: checked, disabled, children: import_core13.isWeb && native ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        BubbleInput,
+        {
+          control: button,
+          bubbles: !hasConsumerStoppedPropagationRef.current,
           name,
-          checked: checkedProp,
-          defaultChecked,
+          value,
+          checked,
           required,
-          scaleSize = 0.45,
-          sizeAdjust = 0,
           disabled,
-          value = "on",
-          onCheckedChange,
-          native,
-          scaleIcon,
-          ...checkboxProps
-        } = props, [button, setButton] = React2.useState(null), composedRefs = (0, import_core13.useComposedRefs)(forwardedRef, (node) => setButton(node)), hasConsumerStoppedPropagationRef = React2.useRef(!1), propsActive = (0, import_core13.useProps)(props), isFormControl = import_core13.isWeb ? button ? !!button.closest("form") : !0 : !1, [checked = !1, setChecked] = (0, import_use_controllable_state.useControllableState)({
-          prop: checkedProp,
-          defaultProp: defaultChecked,
-          onChange: onCheckedChange
-        }), styledContext = React2.useContext(CheckboxStyledContext), adjustedSize = (0, import_core13.getVariableValue)(
-          (0, import_get_token2.getSize)(propsActive.size ?? (styledContext == null ? void 0 : styledContext.size) ?? "$true", {
-            shift: sizeAdjust
-          })
-        ), size2 = scaleSize ? Math.round(adjustedSize * scaleSize) : adjustedSize, labelId = (0, import_label.useLabelContext)(button), labelledBy = ariaLabelledby || labelId;
-        return React2.useEffect(() => {
-          if (props.id && !disabled)
-            return (0, import_focusable2.registerFocusable)(props.id, {
-              focusAndSelect: () => {
-                setChecked((x) => !x);
-              },
-              focus: () => {
+          id: props.id
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          CheckboxFrame,
+          {
+            width: size2,
+            height: size2,
+            tag: "button",
+            role: "checkbox",
+            "aria-labelledby": labelledBy,
+            "aria-checked": isIndeterminate(checked) ? "mixed" : checked,
+            "aria-required": required,
+            "data-state": getState(checked),
+            "data-disabled": disabled ? "" : void 0,
+            disabled,
+            ...checkboxProps,
+            ref: composedRefs,
+            ...import_core13.isWeb && {
+              type: "button",
+              value,
+              onKeyDown: (0, import_core13.composeEventHandlers)(
+                props.onKeyDown,
+                (event) => {
+                  event.key === "Enter" && event.preventDefault();
+                }
+              )
+            },
+            onPress: (0, import_core13.composeEventHandlers)(props.onPress, (event) => {
+              setChecked(
+                (prevChecked) => isIndeterminate(prevChecked) ? !0 : !prevChecked
+              ), isFormControl && (hasConsumerStoppedPropagationRef.current = event.isPropagationStopped(), hasConsumerStoppedPropagationRef.current || event.stopPropagation());
+            }),
+            children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+              CheckboxStyledContext.Provider,
+              {
+                size: propsActive.size ?? (styledContext == null ? void 0 : styledContext.size) ?? "$true",
+                scaleIcon: scaleIcon ?? (styledContext == null ? void 0 : styledContext.scaleIcon) ?? 1,
+                children: propsActive.children
               }
-            });
-        }, [props.id, setChecked, disabled]), /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CheckboxProvider, { scope: __scopeCheckbox, state: checked, disabled, children: import_core13.isWeb && native ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            )
+          }
+        ),
+        import_core13.isWeb && isFormControl ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           BubbleInput,
           {
+            isHidden: !0,
             control: button,
             bubbles: !hasConsumerStoppedPropagationRef.current,
             name,
             value,
             checked,
             required,
-            disabled,
-            id: props.id
+            disabled
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-            CheckboxFrame,
-            {
-              width: size2,
-              height: size2,
-              tag: "button",
-              role: "checkbox",
-              "aria-labelledby": labelledBy,
-              "aria-checked": isIndeterminate(checked) ? "mixed" : checked,
-              "aria-required": required,
-              "data-state": getState(checked),
-              "data-disabled": disabled ? "" : void 0,
-              disabled,
-              ...checkboxProps,
-              ref: composedRefs,
-              ...import_core13.isWeb && {
-                type: "button",
-                value,
-                onKeyDown: (0, import_core13.composeEventHandlers)(
-                  props.onKeyDown,
-                  (event) => {
-                    event.key === "Enter" && event.preventDefault();
-                  }
-                )
-              },
-              onPress: (0, import_core13.composeEventHandlers)(props.onPress, (event) => {
-                setChecked(
-                  (prevChecked) => isIndeterminate(prevChecked) ? !0 : !prevChecked
-                ), isFormControl && (hasConsumerStoppedPropagationRef.current = event.isPropagationStopped(), hasConsumerStoppedPropagationRef.current || event.stopPropagation());
-              }),
-              children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-                CheckboxStyledContext.Provider,
-                {
-                  size: propsActive.size ?? (styledContext == null ? void 0 : styledContext.size) ?? "$true",
-                  scaleIcon: scaleIcon ?? (styledContext == null ? void 0 : styledContext.scaleIcon) ?? 1,
-                  children: propsActive.children
-                }
-              )
-            }
-          ),
-          import_core13.isWeb && isFormControl ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-            BubbleInput,
-            {
-              isHidden: !0,
-              control: button,
-              bubbles: !hasConsumerStoppedPropagationRef.current,
-              name,
-              value,
-              checked,
-              required,
-              disabled
-            }
-          ) : null
-        ] }) });
-      })
-    ), Checkbox2 = (0, import_core13.withStaticProperties)(CheckboxComponent, {
+        ) : null
+      ] }) });
+    }), Checkbox2 = (0, import_core13.withStaticProperties)(CheckboxComponent, {
       Indicator: CheckboxIndicator,
       Props: CheckboxStyledContext.Provider
     });
@@ -16913,21 +16911,17 @@ var require_SliderImpl_native = __commonJS({
       mod
     )), __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: !0 }), mod), SliderImpl_exports = {};
     __export2(SliderImpl_exports, {
-      DirectionalYStack: () => DirectionalYStack2,
       SliderFrame: () => SliderFrame2,
       SliderImpl: () => SliderImpl
     });
     module2.exports = __toCommonJS2(SliderImpl_exports);
-    var import_core13 = require_index_native15(), import_get_token2 = require_index_native17(), import_stacks3 = require_index_native19(), React2 = __toESM2(require("react")), import_constants = require_constants_native5(), import_jsx_runtime6 = require("react/jsx-runtime"), DirectionalYStack2 = (0, import_core13.styled)(import_stacks3.YStack, {
+    var import_core13 = require_index_native15(), import_get_token2 = require_index_native17(), import_stacks3 = require_index_native19(), React2 = __toESM2(require("react")), import_constants = require_constants_native5(), import_jsx_runtime6 = require("react/jsx-runtime"), SliderFrame2 = (0, import_core13.styled)(import_stacks3.YStack, {
+      position: "relative",
       variants: {
         orientation: {
           horizontal: {},
           vertical: {}
-        }
-      }
-    }), SliderFrame2 = (0, import_core13.styled)(DirectionalYStack2, {
-      position: "relative",
-      variants: {
+        },
         size: (val, extras) => {
           if (!val)
             return;
@@ -17428,7 +17422,6 @@ var require_index_native60 = __commonJS({
       return to;
     }, __reExport2 = (target, mod, secondTarget) => (__copyProps2(target, mod, "default"), secondTarget && __copyProps2(secondTarget, mod, "default")), __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: !0 }), mod), src_exports2 = {};
     __export2(src_exports2, {
-      DirectionalYStack: () => import_SliderImpl.DirectionalYStack,
       SliderFrame: () => import_SliderImpl.SliderFrame
     });
     module2.exports = __toCommonJS2(src_exports2);
@@ -18026,31 +18019,27 @@ var require_Tabs_native = __commonJS({
     TabsTrigger.displayName = TRIGGER_NAME;
     var CONTENT_NAME = "TabsContent", TabsContentFrame = (0, import_web.styled)(import_stacks3.ThemeableStack, {
       name: CONTENT_NAME
-    }), TabsContent = TabsContentFrame.extractable(
-      React2.forwardRef(
-        (props, forwardedRef) => {
-          let { __scopeTabs, value, forceMount, children, ...contentProps } = props, context = useTabsContext(__scopeTabs), isSelected = value === context.value, show = forceMount || isSelected, triggerId = makeTriggerId(context.baseId, value), contentId = makeContentId(context.baseId, value);
-          return show ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-            TabsContentFrame,
-            {
-              "data-state": isSelected ? "active" : "inactive",
-              "data-orientation": context.orientation,
-              role: "tabpanel",
-              "aria-labelledby": triggerId,
-              hidden: !show,
-              id: contentId,
-              tabIndex: 0,
-              ...contentProps,
-              ref: forwardedRef,
-              children
-            },
-            value
-          ) : null;
-        }
-      )
-    );
-    TabsContent.displayName = CONTENT_NAME;
-    var TABS_NAME = "Tabs", { Provider: TabsProvider, useStyledContext: useTabsContext } = (0, import_web.createStyledContext)(), TabsFrame = (0, import_web.styled)(import_stacks3.SizableStack, {
+    }), TabsContent = TabsContentFrame.styleable(
+      function(props, forwardedRef) {
+        let { __scopeTabs, value, forceMount, children, ...contentProps } = props, context = useTabsContext(__scopeTabs), isSelected = value === context.value, show = forceMount || isSelected, triggerId = makeTriggerId(context.baseId, value), contentId = makeContentId(context.baseId, value);
+        return show ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          TabsContentFrame,
+          {
+            "data-state": isSelected ? "active" : "inactive",
+            "data-orientation": context.orientation,
+            role: "tabpanel",
+            "aria-labelledby": triggerId,
+            hidden: !show,
+            id: contentId,
+            tabIndex: 0,
+            ...contentProps,
+            ref: forwardedRef,
+            children
+          },
+          value
+        ) : null;
+      }
+    ), TABS_NAME = "Tabs", { Provider: TabsProvider, useStyledContext: useTabsContext } = (0, import_web.createStyledContext)(), TabsFrame = (0, import_web.styled)(import_stacks3.SizableStack, {
       name: TABS_NAME
     }), Tabs = (0, import_web.withStaticProperties)(
       TabsFrame.extractable(