@tamagui/progress 2.7.7 → 3.0.0-0.canary.1791056644527

package/dist/esm/Progress.mjs

@@ -1,149 +1,120 @@
-import { getVariableValue, isWeb, styled } from "@tamagui/core";
+import { createStyledHOC, getVariableValue, isWeb, styled } from "@tamagui/core";
 import { createContextScope } from "@tamagui/create-context";
 import { getSize } from "@tamagui/get-token";
 import { withStaticProperties } from "@tamagui/helpers";
 import { YStack } from "@tamagui/stacks";
 import { useState } from "react";
 import { jsx } from "react/jsx-runtime";
+
 const PROGRESS_NAME = "Progress";
 const [createProgressContext, createProgressScope] = createContextScope(PROGRESS_NAME);
 const [ProgressProvider, useProgressContext] = createProgressContext(PROGRESS_NAME);
 const INDICATOR_NAME = "ProgressIndicator";
 const ProgressIndicatorFrame = styled(YStack, {
-  name: INDICATOR_NAME,
-  variants: {
-    unstyled: {
-      false: {
-        height: "100%",
-        width: "100%",
-        backgroundColor: "$background"
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  }
+	displayName: INDICATOR_NAME,
+	height: "100%",
+	width: "100%"
 });
-const ProgressIndicator = ProgressIndicatorFrame.styleable(function ProgressIndicator2(props, forwardedRef) {
-  const {
-    __scopeProgress,
-    transition,
-    ...indicatorProps
-  } = props;
-  const context = useProgressContext(INDICATOR_NAME, __scopeProgress);
-  const progressRatio = (context.value ?? 0) / context.max;
-  let x;
-  if (isWeb) {
-    x = `${-100 + progressRatio * 50}%`;
-  } else {
-    const baseWidth = context.width || 0;
-    x = Math.ceil(-baseWidth * (2 - progressRatio));
-  }
-  return /* @__PURE__ */jsx(ProgressIndicatorFrame, {
-    "data-state": getProgressState(context.value, context.max),
-    "data-value": context.value ?? void 0,
-    "data-max": context.max,
-    x,
-    width: "200%",
-    ...(!props.unstyled && {
-      animateOnly: ["transform"],
-      // on native, hide until we have width measurement
-      ...(!isWeb && context.width === 0 && {
-        opacity: 0
-      })
-    }),
-    ...indicatorProps,
-    ref: forwardedRef,
-    transition: !isWeb && !context.width ? null : transition
-  });
+const ProgressIndicator = createStyledHOC(ProgressIndicatorFrame, function ProgressIndicator2(props, forwardedRef) {
+	const { __scopeProgress, transition, ...indicatorProps } = props;
+	const context = useProgressContext(INDICATOR_NAME, __scopeProgress);
+	const progressRatio = (context.value ?? 0) / context.max;
+	let x;
+	if (isWeb) {
+		x = `${-100 + progressRatio * 50}%`;
+	} else {
+		const baseWidth = context.width || 0;
+		x = Math.ceil(-baseWidth * (2 - progressRatio));
+	}
+	return /* @__PURE__ */ jsx(ProgressIndicatorFrame, {
+		"data-state": getProgressState(context.value, context.max),
+		"data-value": context.value ?? void 0,
+		"data-max": context.max,
+		x,
+		width: "200%",
+		...!isWeb && context.width === 0 && { opacity: 0 },
+		...indicatorProps,
+		ref: forwardedRef,
+		transition: !isWeb && !context.width ? null : { transform: transition }
+	});
 });
 function defaultGetValueLabel(value, max) {
-  return `${Math.round(value / max * 100)}%`;
+	return `${Math.round(value / max * 100)}%`;
 }
 function getProgressState(value, maxValue) {
-  return value == null ? "indeterminate" : value === maxValue ? "complete" : "loading";
+	return value == null ? "indeterminate" : value === maxValue ? "complete" : "loading";
 }
 function isNumber(value) {
-  return typeof value === "number";
+	return typeof value === "number";
 }
 function isValidMaxNumber(max) {
-  return isNumber(max) && !Number.isNaN(max) && max > 0;
+	return isNumber(max) && !Number.isNaN(max) && max > 0;
 }
 function isValidValueNumber(value, max) {
-  return isNumber(value) && !Number.isNaN(value) && value <= max && value >= 0;
+	return isNumber(value) && !Number.isNaN(value) && value <= max && value >= 0;
 }
 const DEFAULT_MAX = 100;
-const ProgressFrame = styled(YStack, {
-  name: "Progress",
-  variants: {
-    unstyled: {
-      false: {
-        borderRadius: 1e5,
-        overflow: "hidden",
-        backgroundColor: "$background"
-      }
-    },
-    size: {
-      "...size": val => {
-        const size = Math.round(getVariableValue(getSize(val)) * 0.25);
-        return {
-          height: size,
-          minWidth: getVariableValue(size) * 20,
-          width: "100%"
-        };
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  }
+const progressTrackHeight = {
+	xs: 4,
+	sm: 6,
+	md: 9,
+	lg: 12,
+	xl: 16
+};
+const resolveProgressSize = (val) => {
+	if (typeof val === "string" && val in progressTrackHeight) {
+		return progressTrackHeight[val];
+	}
+	const resolved = Number(getVariableValue(getSize(val === true ? 36 : val)));
+	const base = Number.isFinite(resolved) ? resolved : Number(getVariableValue(getSize(36)));
+	return Math.round(base * .25);
+};
+const getProgressSize = styled.dynamic((val) => {
+	const size = resolveProgressSize(val);
+	return {
+		height: size,
+		minWidth: size * 20,
+		width: "100%"
+	};
 });
-const Progress = withStaticProperties(ProgressFrame.styleable(function Progress2(props, forwardedRef) {
-  const {
-    // @ts-expect-error
-    __scopeProgress,
-    value: valueProp,
-    max: maxProp,
-    getValueLabel = defaultGetValueLabel,
-    size = "$true",
-    ...progressProps
-  } = props;
-  const max = isValidMaxNumber(maxProp) ? maxProp : DEFAULT_MAX;
-  const value = isValidValueNumber(valueProp, max) ? Math.round(valueProp) : null;
-  const valueLabel = isNumber(value) ? getValueLabel(value, max) : void 0;
-  const [width, setWidth] = useState(0);
-  return /* @__PURE__ */jsx(ProgressProvider, {
-    scope: __scopeProgress,
-    value,
-    max,
-    width,
-    children: /* @__PURE__ */jsx(ProgressFrame, {
-      "aria-valuemax": max,
-      "aria-valuemin": 0,
-      "aria-valuenow": isNumber(value) ? value : void 0,
-      "aria-valuetext": valueLabel,
-      role: "progressbar",
-      "data-state": getProgressState(value, max),
-      "data-value": value ?? void 0,
-      "data-max": max,
-      ...(progressProps.unstyled !== true && {
-        size
-      }),
-      ...progressProps,
-      ...(!isWeb && {
-        onLayout: e => {
-          const newWidth = Math.round(e.nativeEvent.layout.width);
-          if (newWidth !== width) {
-            setWidth(newWidth);
-          }
-          progressProps.onLayout?.(e);
-        }
-      }),
-      ref: forwardedRef
-    })
-  });
-}), {
-  Indicator: ProgressIndicator
+const ProgressFrame = styled(YStack, {
+	displayName: "Progress",
+	overflow: "hidden",
+	variants: { size: getProgressSize }
 });
+const Progress = withStaticProperties(createStyledHOC(ProgressFrame, function Progress2(props, forwardedRef) {
+	const { __scopeProgress, value: valueProp, max: maxProp, getValueLabel = defaultGetValueLabel, size = true, ...progressProps } = props;
+	const max = isValidMaxNumber(maxProp) ? maxProp : DEFAULT_MAX;
+	const value = isValidValueNumber(valueProp, max) ? Math.round(valueProp) : null;
+	const valueLabel = isNumber(value) ? getValueLabel(value, max) : void 0;
+	const [width, setWidth] = useState(0);
+	return /* @__PURE__ */ jsx(ProgressProvider, {
+		scope: __scopeProgress,
+		value,
+		max,
+		width,
+		children: /* @__PURE__ */ jsx(ProgressFrame, {
+			"aria-valuemax": max,
+			"aria-valuemin": 0,
+			"aria-valuenow": isNumber(value) ? value : void 0,
+			"aria-valuetext": valueLabel,
+			role: "progressbar",
+			"data-state": getProgressState(value, max),
+			"data-value": value ?? void 0,
+			"data-max": max,
+			size,
+			...progressProps,
+			...!isWeb && { onLayout: (e) => {
+				const newWidth = Math.round(e.nativeEvent.layout.width);
+				if (newWidth !== width) {
+					setWidth(newWidth);
+				}
+				progressProps.onLayout?.(e);
+			} },
+			ref: forwardedRef
+		})
+	});
+}), { Indicator: ProgressIndicator });
+
 export { Progress, ProgressFrame, ProgressIndicator, ProgressIndicatorFrame, createProgressScope };
 //# sourceMappingURL=Progress.mjs.map

package/dist/esm/Progress.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["getVariableValue","isWeb","styled","createContextScope","getSize","withStaticProperties","YStack","useState","jsx","PROGRESS_NAME","createProgressContext","createProgressScope","ProgressProvider","useProgressContext","INDICATOR_NAME","ProgressIndicatorFrame","name","variants","unstyled","false","height","width","backgroundColor","defaultVariants","process","env","TAMAGUI_HEADLESS","ProgressIndicator","styleable","props","forwardedRef","__scopeProgress","transition","indicatorProps","context","progressRatio","value","max","x","baseWidth","Math","ceil","getProgressState","animateOnly","opacity","ref","defaultGetValueLabel","round","maxValue","isNumber","isValidMaxNumber","Number","isNaN","isValidValueNumber","DEFAULT_MAX","ProgressFrame","borderRadius","overflow","size","val","minWidth","Progress","Progress2","valueProp","maxProp","getValueLabel","progressProps","valueLabel","setWidth","scope","children","role","onLayout","e","newWidth","nativeEvent","layout","Indicator"],"sources":["../../src/Progress.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Progress.js","names":[],"sources":["esm/Progress.js"],"sourcesContent":["import { createStyledHOC, getVariableValue, isWeb, styled } from \"@tamagui/core\";\nimport { createContextScope } from \"@tamagui/create-context\";\nimport { getSize } from \"@tamagui/get-token\";\nimport { withStaticProperties } from \"@tamagui/helpers\";\nimport { YStack } from \"@tamagui/stacks\";\nimport { useState } from \"react\";\nimport { jsx } from \"react/jsx-runtime\";\nconst PROGRESS_NAME = \"Progress\";\nconst [createProgressContext, createProgressScope] = createContextScope(PROGRESS_NAME);\nconst [ProgressProvider, useProgressContext] = createProgressContext(PROGRESS_NAME);\nconst INDICATOR_NAME = \"ProgressIndicator\";\nconst ProgressIndicatorFrame = styled(YStack, {\n  displayName: INDICATOR_NAME,\n  height: \"100%\",\n  width: \"100%\"\n});\nconst ProgressIndicator = createStyledHOC(\n  ProgressIndicatorFrame,\n  function ProgressIndicator2(props, forwardedRef) {\n    const { __scopeProgress, transition, ...indicatorProps } = props;\n    const context = useProgressContext(INDICATOR_NAME, __scopeProgress);\n    const progressRatio = (context.value ?? 0) / context.max;\n    let x;\n    if (isWeb) {\n      x = `${-100 + progressRatio * 50}%`;\n    } else {\n      const baseWidth = context.width || 0;\n      x = Math.ceil(-baseWidth * (2 - progressRatio));\n    }\n    return /* @__PURE__ */ jsx(\n      ProgressIndicatorFrame,\n      {\n        \"data-state\": getProgressState(context.value, context.max),\n        \"data-value\": context.value ?? void 0,\n        \"data-max\": context.max,\n        x,\n        width: \"200%\",\n        ...!isWeb && context.width === 0 && { opacity: 0 },\n        ...indicatorProps,\n        ref: forwardedRef,\n        transition: !isWeb && !context.width ? null : { transform: transition }\n      }\n    );\n  }\n);\nfunction defaultGetValueLabel(value, max) {\n  return `${Math.round(value / max * 100)}%`;\n}\nfunction getProgressState(value, maxValue) {\n  return value == null ? \"indeterminate\" : value === maxValue ? \"complete\" : \"loading\";\n}\nfunction isNumber(value) {\n  return typeof value === \"number\";\n}\nfunction isValidMaxNumber(max) {\n  return isNumber(max) && !Number.isNaN(max) && max > 0;\n}\nfunction isValidValueNumber(value, max) {\n  return isNumber(value) && !Number.isNaN(value) && value <= max && value >= 0;\n}\nconst DEFAULT_MAX = 100;\nconst progressTrackHeight = {\n  xs: 4,\n  sm: 6,\n  md: 9,\n  lg: 12,\n  xl: 16\n};\nconst resolveProgressSize = (val) => {\n  if (typeof val === \"string\" && val in progressTrackHeight) {\n    return progressTrackHeight[val];\n  }\n  const resolved = Number(getVariableValue(getSize(val === true ? 36 : val)));\n  const base = Number.isFinite(resolved) ? resolved : Number(getVariableValue(getSize(36)));\n  return Math.round(base * 0.25);\n};\nconst getProgressSize = styled.dynamic((val) => {\n  const size = resolveProgressSize(val);\n  return {\n    height: size,\n    minWidth: size * 20,\n    width: \"100%\"\n  };\n});\nconst ProgressFrame = styled(YStack, {\n  displayName: \"Progress\",\n  overflow: \"hidden\",\n  variants: {\n    size: getProgressSize\n  }\n});\nconst Progress = withStaticProperties(\n  createStyledHOC(ProgressFrame, function Progress2(props, forwardedRef) {\n    const {\n      // @ts-expect-error\n      __scopeProgress,\n      value: valueProp,\n      max: maxProp,\n      getValueLabel = defaultGetValueLabel,\n      size = true,\n      ...progressProps\n    } = props;\n    const max = isValidMaxNumber(maxProp) ? maxProp : DEFAULT_MAX;\n    const value = isValidValueNumber(valueProp, max) ? Math.round(valueProp) : null;\n    const valueLabel = isNumber(value) ? getValueLabel(value, max) : void 0;\n    const [width, setWidth] = useState(0);\n    return /* @__PURE__ */ jsx(ProgressProvider, { scope: __scopeProgress, value, max, width, children: /* @__PURE__ */ jsx(\n      ProgressFrame,\n      {\n        \"aria-valuemax\": max,\n        \"aria-valuemin\": 0,\n        \"aria-valuenow\": isNumber(value) ? value : void 0,\n        \"aria-valuetext\": valueLabel,\n        role: \"progressbar\",\n        \"data-state\": getProgressState(value, max),\n        \"data-value\": value ?? void 0,\n        \"data-max\": max,\n        size,\n        ...progressProps,\n        ...!isWeb && {\n          onLayout: (e) => {\n            const newWidth = Math.round(e.nativeEvent.layout.width);\n            if (newWidth !== width) {\n              setWidth(newWidth);\n            }\n            progressProps.onLayout?.(e);\n          }\n        },\n        ref: forwardedRef\n      }\n    ) });\n  }),\n  {\n    Indicator: ProgressIndicator\n  }\n);\nexport {\n  Progress,\n  ProgressFrame,\n  ProgressIndicator,\n  ProgressIndicatorFrame,\n  createProgressScope\n};\n//# sourceMappingURL=Progress.js.map\n"],"mappings":"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"}

package/dist/esm/Progress.native.js

@@ -1,153 +1,123 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { getVariableValue, isWeb, styled } from "@tamagui/core";
+import { jsx } from "react/jsx-runtime";
+import { createStyledHOC, getVariableValue, isWeb, styled } from "@tamagui/core";
 import { createContextScope } from "@tamagui/create-context";
 import { getSize } from "@tamagui/get-token";
 import { withStaticProperties } from "@tamagui/helpers";
 import { YStack } from "@tamagui/stacks";
 import { useState } from "react";
+
 var PROGRESS_NAME = "Progress";
 var [createProgressContext, createProgressScope] = createContextScope(PROGRESS_NAME);
 var [ProgressProvider, useProgressContext] = createProgressContext(PROGRESS_NAME);
 var INDICATOR_NAME = "ProgressIndicator";
 var ProgressIndicatorFrame = styled(YStack, {
-  name: INDICATOR_NAME,
-  variants: {
-    unstyled: {
-      false: {
-        height: "100%",
-        width: "100%",
-        backgroundColor: "$background"
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  }
+	displayName: INDICATOR_NAME,
+	height: "100%",
+	width: "100%"
 });
-var ProgressIndicator = ProgressIndicatorFrame.styleable(function ProgressIndicator2(props, forwardedRef) {
-  var {
-    __scopeProgress,
-    transition,
-    ...indicatorProps
-  } = props;
-  var context = useProgressContext(INDICATOR_NAME, __scopeProgress);
-  var _context_value;
-  var progressRatio = ((_context_value = context.value) !== null && _context_value !== void 0 ? _context_value : 0) / context.max;
-  var x;
-  if (isWeb) {
-    x = `${-100 + progressRatio * 50}%`;
-  } else {
-    var baseWidth = context.width || 0;
-    x = Math.ceil(-baseWidth * (2 - progressRatio));
-  }
-  var _context_value1;
-  return /* @__PURE__ */_jsx(ProgressIndicatorFrame, {
-    "data-state": getProgressState(context.value, context.max),
-    "data-value": (_context_value1 = context.value) !== null && _context_value1 !== void 0 ? _context_value1 : void 0,
-    "data-max": context.max,
-    x,
-    width: "200%",
-    ...(!props.unstyled && {
-      animateOnly: ["transform"],
-      // on native, hide until we have width measurement
-      ...(!isWeb && context.width === 0 && {
-        opacity: 0
-      })
-    }),
-    ...indicatorProps,
-    ref: forwardedRef,
-    transition: !isWeb && !context.width ? null : transition
-  });
+var ProgressIndicator = createStyledHOC(ProgressIndicatorFrame, function ProgressIndicator2(props, forwardedRef) {
+	var { __scopeProgress, transition, ...indicatorProps } = props;
+	var context = useProgressContext(INDICATOR_NAME, __scopeProgress);
+	var _context_value;
+	var progressRatio = ((_context_value = context.value) !== null && _context_value !== void 0 ? _context_value : 0) / context.max;
+	var x;
+	if (isWeb) {
+		x = `${-100 + progressRatio * 50}%`;
+	} else {
+		var baseWidth = context.width || 0;
+		x = Math.ceil(-baseWidth * (2 - progressRatio));
+	}
+	var _context_value1;
+	return /* @__PURE__ */ jsx(ProgressIndicatorFrame, {
+		"data-state": getProgressState(context.value, context.max),
+		"data-value": (_context_value1 = context.value) !== null && _context_value1 !== void 0 ? _context_value1 : void 0,
+		"data-max": context.max,
+		x,
+		width: "200%",
+		...!isWeb && context.width === 0 && { opacity: 0 },
+		...indicatorProps,
+		ref: forwardedRef,
+		transition: !isWeb && !context.width ? null : { transform: transition }
+	});
 });
 function defaultGetValueLabel(value, max) {
-  return `${Math.round(value / max * 100)}%`;
+	return `${Math.round(value / max * 100)}%`;
 }
 function getProgressState(value, maxValue) {
-  return value == null ? "indeterminate" : value === maxValue ? "complete" : "loading";
+	return value == null ? "indeterminate" : value === maxValue ? "complete" : "loading";
 }
 function isNumber(value) {
-  return typeof value === "number";
+	return typeof value === "number";
 }
 function isValidMaxNumber(max) {
-  return isNumber(max) && !Number.isNaN(max) && max > 0;
+	return isNumber(max) && !Number.isNaN(max) && max > 0;
 }
 function isValidValueNumber(value, max) {
-  return isNumber(value) && !Number.isNaN(value) && value <= max && value >= 0;
+	return isNumber(value) && !Number.isNaN(value) && value <= max && value >= 0;
 }
 var DEFAULT_MAX = 100;
-var ProgressFrame = styled(YStack, {
-  name: "Progress",
-  variants: {
-    unstyled: {
-      false: {
-        borderRadius: 1e5,
-        overflow: "hidden",
-        backgroundColor: "$background"
-      }
-    },
-    size: {
-      "...size": function (val) {
-        var size = Math.round(getVariableValue(getSize(val)) * 0.25);
-        return {
-          height: size,
-          minWidth: getVariableValue(size) * 20,
-          width: "100%"
-        };
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  }
+var progressTrackHeight = {
+	xs: 4,
+	sm: 6,
+	md: 9,
+	lg: 12,
+	xl: 16
+};
+var resolveProgressSize = function(val) {
+	if (typeof val === "string" && val in progressTrackHeight) {
+		return progressTrackHeight[val];
+	}
+	var resolved = Number(getVariableValue(getSize(val === true ? 36 : val)));
+	var base = Number.isFinite(resolved) ? resolved : Number(getVariableValue(getSize(36)));
+	return Math.round(base * .25);
+};
+var getProgressSize = styled.dynamic(function(val) {
+	var size = resolveProgressSize(val);
+	return {
+		height: size,
+		minWidth: size * 20,
+		width: "100%"
+	};
 });
-var Progress = withStaticProperties(ProgressFrame.styleable(function Progress2(props, forwardedRef) {
-  var {
-    // @ts-expect-error
-    __scopeProgress,
-    value: valueProp,
-    max: maxProp,
-    getValueLabel = defaultGetValueLabel,
-    size = "$true",
-    ...progressProps
-  } = props;
-  var max = isValidMaxNumber(maxProp) ? maxProp : DEFAULT_MAX;
-  var value = isValidValueNumber(valueProp, max) ? Math.round(valueProp) : null;
-  var valueLabel = isNumber(value) ? getValueLabel(value, max) : void 0;
-  var [width, setWidth] = useState(0);
-  return /* @__PURE__ */_jsx(ProgressProvider, {
-    scope: __scopeProgress,
-    value,
-    max,
-    width,
-    children: /* @__PURE__ */_jsx(ProgressFrame, {
-      "aria-valuemax": max,
-      "aria-valuemin": 0,
-      "aria-valuenow": isNumber(value) ? value : void 0,
-      "aria-valuetext": valueLabel,
-      // @ts-ignore
-      role: "progressbar",
-      "data-state": getProgressState(value, max),
-      "data-value": value !== null && value !== void 0 ? value : void 0,
-      "data-max": max,
-      ...(progressProps.unstyled !== true && {
-        size
-      }),
-      ...progressProps,
-      ...(!isWeb && {
-        onLayout: function (e) {
-          var _progressProps_onLayout;
-          var newWidth = Math.round(e.nativeEvent.layout.width);
-          if (newWidth !== width) {
-            setWidth(newWidth);
-          }
-          (_progressProps_onLayout = progressProps.onLayout) === null || _progressProps_onLayout === void 0 ? void 0 : _progressProps_onLayout.call(progressProps, e);
-        }
-      }),
-      ref: forwardedRef
-    })
-  });
-}), {
-  Indicator: ProgressIndicator
+var ProgressFrame = styled(YStack, {
+	displayName: "Progress",
+	overflow: "hidden",
+	variants: { size: getProgressSize }
 });
+var Progress = withStaticProperties(createStyledHOC(ProgressFrame, function Progress2(props, forwardedRef) {
+	var { __scopeProgress, value: valueProp, max: maxProp, getValueLabel = defaultGetValueLabel, size = true, ...progressProps } = props;
+	var max = isValidMaxNumber(maxProp) ? maxProp : DEFAULT_MAX;
+	var value = isValidValueNumber(valueProp, max) ? Math.round(valueProp) : null;
+	var valueLabel = isNumber(value) ? getValueLabel(value, max) : void 0;
+	var [width, setWidth] = useState(0);
+	return /* @__PURE__ */ jsx(ProgressProvider, {
+		scope: __scopeProgress,
+		value,
+		max,
+		width,
+		children: /* @__PURE__ */ jsx(ProgressFrame, {
+			"aria-valuemax": max,
+			"aria-valuemin": 0,
+			"aria-valuenow": isNumber(value) ? value : void 0,
+			"aria-valuetext": valueLabel,
+			role: "progressbar",
+			"data-state": getProgressState(value, max),
+			"data-value": value !== null && value !== void 0 ? value : void 0,
+			"data-max": max,
+			size,
+			...progressProps,
+			...!isWeb && { onLayout: function(e) {
+				var _progressProps_onLayout;
+				var newWidth = Math.round(e.nativeEvent.layout.width);
+				if (newWidth !== width) {
+					setWidth(newWidth);
+				}
+				(_progressProps_onLayout = progressProps.onLayout) === null || _progressProps_onLayout === void 0 ? void 0 : _progressProps_onLayout.call(progressProps, e);
+			} },
+			ref: forwardedRef
+		})
+	});
+}), { Indicator: ProgressIndicator });
+
 export { Progress, ProgressFrame, ProgressIndicator, ProgressIndicatorFrame, createProgressScope };
 //# sourceMappingURL=Progress.native.js.map

package/dist/esm/Progress.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","getVariableValue","isWeb","styled","createContextScope","getSize","withStaticProperties","YStack","useState","PROGRESS_NAME","createProgressContext","createProgressScope","ProgressProvider","useProgressContext","INDICATOR_NAME","ProgressIndicatorFrame","name","variants","unstyled","false","height","width","backgroundColor","defaultVariants","process","env","TAMAGUI_HEADLESS","ProgressIndicator","styleable","ProgressIndicator2","props","forwardedRef","__scopeProgress","transition","indicatorProps","context","_context_value","progressRatio","value","max","x","baseWidth","Math","ceil","_context_value1","getProgressState","animateOnly","opacity","ref","defaultGetValueLabel","round","maxValue","isNumber","isValidMaxNumber","Number","isNaN","isValidValueNumber","DEFAULT_MAX","ProgressFrame","borderRadius","overflow","size","...size","val","minWidth","Progress","Progress2","valueProp","maxProp","getValueLabel","progressProps","valueLabel","setWidth","scope","children","role","onLayout","e","_progressProps_onLayout","newWidth","nativeEvent","layout","call"],"sources":["../../src/Progress.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Progress.native.js","names":[],"sources":["esm/Progress.native.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { createStyledHOC, getVariableValue, isWeb, styled } from \"@tamagui/core\";\nimport { createContextScope } from \"@tamagui/create-context\";\nimport { getSize } from \"@tamagui/get-token\";\nimport { withStaticProperties } from \"@tamagui/helpers\";\nimport { YStack } from \"@tamagui/stacks\";\nimport { useState } from \"react\";\nvar PROGRESS_NAME = \"Progress\";\nvar [createProgressContext, createProgressScope] = createContextScope(PROGRESS_NAME);\nvar [ProgressProvider, useProgressContext] = createProgressContext(PROGRESS_NAME);\nvar INDICATOR_NAME = \"ProgressIndicator\";\nvar ProgressIndicatorFrame = styled(YStack, {\n  displayName: INDICATOR_NAME,\n  height: \"100%\",\n  width: \"100%\"\n});\nvar ProgressIndicator = createStyledHOC(ProgressIndicatorFrame, function ProgressIndicator2(props, forwardedRef) {\n  var { __scopeProgress, transition, ...indicatorProps } = props;\n  var context = useProgressContext(INDICATOR_NAME, __scopeProgress);\n  var _context_value;\n  var progressRatio = ((_context_value = context.value) !== null && _context_value !== void 0 ? _context_value : 0) / context.max;\n  var x;\n  if (isWeb) {\n    x = `${-100 + progressRatio * 50}%`;\n  } else {\n    var baseWidth = context.width || 0;\n    x = Math.ceil(-baseWidth * (2 - progressRatio));\n  }\n  var _context_value1;\n  return /* @__PURE__ */ _jsx(ProgressIndicatorFrame, {\n    \"data-state\": getProgressState(context.value, context.max),\n    \"data-value\": (_context_value1 = context.value) !== null && _context_value1 !== void 0 ? _context_value1 : void 0,\n    \"data-max\": context.max,\n    x,\n    width: \"200%\",\n    ...!isWeb && context.width === 0 && {\n      opacity: 0\n    },\n    ...indicatorProps,\n    ref: forwardedRef,\n    // only the indicator's slide transitions; `width` is a layout jump\n    transition: !isWeb && !context.width ? null : {\n      transform: transition\n    }\n  });\n});\nfunction defaultGetValueLabel(value, max) {\n  return `${Math.round(value / max * 100)}%`;\n}\nfunction getProgressState(value, maxValue) {\n  return value == null ? \"indeterminate\" : value === maxValue ? \"complete\" : \"loading\";\n}\nfunction isNumber(value) {\n  return typeof value === \"number\";\n}\nfunction isValidMaxNumber(max) {\n  return isNumber(max) && !Number.isNaN(max) && max > 0;\n}\nfunction isValidValueNumber(value, max) {\n  return isNumber(value) && !Number.isNaN(value) && value <= max && value >= 0;\n}\nvar DEFAULT_MAX = 100;\nvar progressTrackHeight = {\n  xs: 4,\n  sm: 6,\n  md: 9,\n  lg: 12,\n  xl: 16\n};\nvar resolveProgressSize = function(val) {\n  if (typeof val === \"string\" && val in progressTrackHeight) {\n    return progressTrackHeight[val];\n  }\n  var resolved = Number(getVariableValue(getSize(val === true ? 36 : val)));\n  var base = Number.isFinite(resolved) ? resolved : Number(getVariableValue(getSize(36)));\n  return Math.round(base * 0.25);\n};\nvar getProgressSize = styled.dynamic(function(val) {\n  var size = resolveProgressSize(val);\n  return {\n    height: size,\n    minWidth: size * 20,\n    width: \"100%\"\n  };\n});\nvar ProgressFrame = styled(YStack, {\n  displayName: \"Progress\",\n  overflow: \"hidden\",\n  variants: {\n    size: getProgressSize\n  }\n});\nvar Progress = withStaticProperties(createStyledHOC(ProgressFrame, function Progress2(props, forwardedRef) {\n  var {\n    // @ts-expect-error\n    __scopeProgress,\n    value: valueProp,\n    max: maxProp,\n    getValueLabel = defaultGetValueLabel,\n    size = true,\n    ...progressProps\n  } = props;\n  var max = isValidMaxNumber(maxProp) ? maxProp : DEFAULT_MAX;\n  var value = isValidValueNumber(valueProp, max) ? Math.round(valueProp) : null;\n  var valueLabel = isNumber(value) ? getValueLabel(value, max) : void 0;\n  var [width, setWidth] = useState(0);\n  return /* @__PURE__ */ _jsx(ProgressProvider, {\n    scope: __scopeProgress,\n    value,\n    max,\n    width,\n    children: /* @__PURE__ */ _jsx(ProgressFrame, {\n      \"aria-valuemax\": max,\n      \"aria-valuemin\": 0,\n      \"aria-valuenow\": isNumber(value) ? value : void 0,\n      \"aria-valuetext\": valueLabel,\n      // @ts-ignore\n      role: \"progressbar\",\n      \"data-state\": getProgressState(value, max),\n      \"data-value\": value !== null && value !== void 0 ? value : void 0,\n      \"data-max\": max,\n      size,\n      ...progressProps,\n      ...!isWeb && {\n        onLayout: function(e) {\n          var _progressProps_onLayout;\n          var newWidth = Math.round(e.nativeEvent.layout.width);\n          if (newWidth !== width) {\n            setWidth(newWidth);\n          }\n          (_progressProps_onLayout = progressProps.onLayout) === null || _progressProps_onLayout === void 0 ? void 0 : _progressProps_onLayout.call(progressProps, e);\n        }\n      },\n      ref: forwardedRef\n    })\n  });\n}), {\n  Indicator: ProgressIndicator\n});\nexport {\n  Progress,\n  ProgressFrame,\n  ProgressIndicator,\n  ProgressIndicatorFrame,\n  createProgressScope\n};\n//# sourceMappingURL=Progress.js.map\n"],"mappings":"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"}

package/dist/esm/index.js

@@ -1,2 +1 @@
-export * from "./Progress.mjs";
-//# sourceMappingURL=index.js.map
+export * from "./Progress.mjs"

package/dist/esm/index.mjs

@@ -1,2 +1 @@
-export * from "./Progress.mjs";
-//# sourceMappingURL=index.mjs.map
+export * from "./Progress.mjs"

package/dist/esm/index.native.js

@@ -1,2 +1 @@
-export * from "./Progress.native.js";
-//# sourceMappingURL=index.native.js.map
+export * from "./Progress.native.js"