@tamagui/progress 3.0.18 → 3.1.0

package/dist/cjs/Progress.cjs

@@ -43,7 +43,8 @@ const ProgressIndicatorFrame = (0, import_core.styled)(import_stacks.YStack, {
 	height: "100%",
 	width: "100%"
 });
-const ProgressIndicator = (0, import_core.createStyledHOC)(ProgressIndicatorFrame, function ProgressIndicator2(props, forwardedRef) {
+const ProgressIndicator = (0, import_core.createStyledHOC)(ProgressIndicatorFrame, function ProgressIndicator2(propsIn, forwardedRef) {
+	const props = propsIn;
 	const { __scopeProgress, transition, ...indicatorProps } = props;
 	const context = useProgressContext(INDICATOR_NAME, __scopeProgress);
 	const progressRatio = (context.value ?? 0) / context.max;
@@ -110,7 +111,8 @@ const ProgressFrame = (0, import_core.styled)(import_stacks.YStack, {
 	overflow: "hidden",
 	variants: { size: getProgressSize }
 });
-const Progress = (0, import_helpers.withStaticProperties)((0, import_core.createStyledHOC)(ProgressFrame, function Progress2(props, forwardedRef) {
+const Progress = (0, import_helpers.withStaticProperties)((0, import_core.createStyledHOC)(ProgressFrame, function Progress2(propsIn, forwardedRef) {
+	const props = propsIn;
 	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;

package/dist/cjs/Progress.native.cjs

@@ -45,8 +45,9 @@ var ProgressIndicatorFrame = (0, import_core.styled)(import_stacks.YStack, {
 	height: "100%",
 	width: "100%"
 });
-var ProgressIndicator = (0, import_core.createStyledHOC)(ProgressIndicatorFrame, function ProgressIndicator2(props, forwardedRef) {
+var ProgressIndicator = (0, import_core.createStyledHOC)(ProgressIndicatorFrame, function ProgressIndicator2(propsIn, forwardedRef) {
 	var _context_value, _context_value1;
+	var props = propsIn;
 	var { __scopeProgress, transition, ...indicatorProps } = props;
 	var context = useProgressContext(INDICATOR_NAME, __scopeProgress);
 	var progressRatio = ((_context_value = context.value) !== null && _context_value !== void 0 ? _context_value : 0) / context.max;
@@ -113,7 +114,8 @@ var ProgressFrame = (0, import_core.styled)(import_stacks.YStack, {
 	overflow: "hidden",
 	variants: { size: getProgressSize }
 });
-var Progress = (0, import_helpers.withStaticProperties)((0, import_core.createStyledHOC)(ProgressFrame, function Progress2(props, forwardedRef) {
+var Progress = (0, import_helpers.withStaticProperties)((0, import_core.createStyledHOC)(ProgressFrame, function Progress2(propsIn, forwardedRef) {
+	var props = propsIn;
 	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;

package/dist/cjs/Progress.native.js

@@ -45,8 +45,9 @@ var ProgressIndicatorFrame = (0, import_core.styled)(import_stacks.YStack, {
 	height: "100%",
 	width: "100%"
 });
-var ProgressIndicator = (0, import_core.createStyledHOC)(ProgressIndicatorFrame, function ProgressIndicator2(props, forwardedRef) {
+var ProgressIndicator = (0, import_core.createStyledHOC)(ProgressIndicatorFrame, function ProgressIndicator2(propsIn, forwardedRef) {
 	var _context_value, _context_value1;
+	var props = propsIn;
 	var { __scopeProgress, transition, ...indicatorProps } = props;
 	var context = useProgressContext(INDICATOR_NAME, __scopeProgress);
 	var progressRatio = ((_context_value = context.value) !== null && _context_value !== void 0 ? _context_value : 0) / context.max;
@@ -113,7 +114,8 @@ var ProgressFrame = (0, import_core.styled)(import_stacks.YStack, {
 	overflow: "hidden",
 	variants: { size: getProgressSize }
 });
-var Progress = (0, import_helpers.withStaticProperties)((0, import_core.createStyledHOC)(ProgressFrame, function Progress2(props, forwardedRef) {
+var Progress = (0, import_helpers.withStaticProperties)((0, import_core.createStyledHOC)(ProgressFrame, function Progress2(propsIn, forwardedRef) {
+	var props = propsIn;
 	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;

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

@@ -1 +1 @@
-{"version":3,"file":"Progress.native.js","names":[],"sources":["cjs/Progress.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar Progress_exports = {};\n__export(Progress_exports, {\n  Progress: () => Progress,\n  ProgressFrame: () => ProgressFrame,\n  ProgressIndicator: () => ProgressIndicator,\n  ProgressIndicatorFrame: () => ProgressIndicatorFrame,\n  createProgressScope: () => createProgressScope\n});\nmodule.exports = __toCommonJS(Progress_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_core = require(\"@tamagui/core\");\nvar import_create_context = require(\"@tamagui/create-context\");\nvar import_get_token = require(\"@tamagui/get-token\");\nvar import_helpers = require(\"@tamagui/helpers\");\nvar import_stacks = require(\"@tamagui/stacks\");\nvar import_react = require(\"react\");\nvar PROGRESS_NAME = \"Progress\";\nvar [createProgressContext, createProgressScope] = (0, import_create_context.createContextScope)(PROGRESS_NAME);\nvar [ProgressProvider, useProgressContext] = createProgressContext(PROGRESS_NAME);\nvar INDICATOR_NAME = \"ProgressIndicator\";\nvar ProgressIndicatorFrame = (0, import_core.styled)(import_stacks.YStack, {\n  displayName: INDICATOR_NAME,\n  height: \"100%\",\n  width: \"100%\"\n});\nvar ProgressIndicator = (0, import_core.createStyledHOC)(ProgressIndicatorFrame, function ProgressIndicator2(props, forwardedRef) {\n  var _context_value, _context_value1;\n  var { __scopeProgress, transition, ...indicatorProps } = props;\n  var context = useProgressContext(INDICATOR_NAME, __scopeProgress);\n  var progressRatio = ((_context_value = context.value) !== null && _context_value !== void 0 ? _context_value : 0) / context.max;\n  var x;\n  if (import_core.isWeb) {\n    x = `${-100 + progressRatio * 50}%`;\n  } else {\n    var baseWidth = context.width || 0;\n    x = Math.ceil(-baseWidth * (2 - progressRatio));\n  }\n  return /* @__PURE__ */ (0, import_jsx_runtime.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    ...!import_core.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: !import_core.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 resolveProgressSize2(val) {\n  if (typeof val === \"string\" && val in progressTrackHeight) {\n    return progressTrackHeight[val];\n  }\n  var resolved = Number((0, import_core.getVariableValue)((0, import_get_token.getSize)(val === true ? 36 : val)));\n  var base = Number.isFinite(resolved) ? resolved : Number((0, import_core.getVariableValue)((0, import_get_token.getSize)(36)));\n  return Math.round(base * 0.25);\n};\nvar getProgressSize = import_core.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 = (0, import_core.styled)(import_stacks.YStack, {\n  displayName: \"Progress\",\n  overflow: \"hidden\",\n  variants: {\n    size: getProgressSize\n  }\n});\nvar Progress = (0, import_helpers.withStaticProperties)((0, import_core.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] = (0, import_react.useState)(0);\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ProgressProvider, {\n    scope: __scopeProgress,\n    value,\n    max,\n    width,\n    children: /* @__PURE__ */ (0, import_jsx_runtime.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      ...!import_core.isWeb && {\n        onLayout: function onLayout(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});\n//# sourceMappingURL=Progress.js.map\n"],"mappings":"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"}
+{"version":3,"file":"Progress.native.js","names":[],"sources":["cjs/Progress.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar Progress_exports = {};\n__export(Progress_exports, {\n  Progress: () => Progress,\n  ProgressFrame: () => ProgressFrame,\n  ProgressIndicator: () => ProgressIndicator,\n  ProgressIndicatorFrame: () => ProgressIndicatorFrame,\n  createProgressScope: () => createProgressScope\n});\nmodule.exports = __toCommonJS(Progress_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_core = require(\"@tamagui/core\");\nvar import_create_context = require(\"@tamagui/create-context\");\nvar import_get_token = require(\"@tamagui/get-token\");\nvar import_helpers = require(\"@tamagui/helpers\");\nvar import_stacks = require(\"@tamagui/stacks\");\nvar import_react = require(\"react\");\nvar PROGRESS_NAME = \"Progress\";\nvar [createProgressContext, createProgressScope] = (0, import_create_context.createContextScope)(PROGRESS_NAME);\nvar [ProgressProvider, useProgressContext] = createProgressContext(PROGRESS_NAME);\nvar INDICATOR_NAME = \"ProgressIndicator\";\nvar ProgressIndicatorFrame = (0, import_core.styled)(import_stacks.YStack, {\n  displayName: INDICATOR_NAME,\n  height: \"100%\",\n  width: \"100%\"\n});\nvar ProgressIndicator = (0, import_core.createStyledHOC)(ProgressIndicatorFrame, function ProgressIndicator2(propsIn, forwardedRef) {\n  var _context_value, _context_value1;\n  var props = propsIn;\n  var { __scopeProgress, transition, ...indicatorProps } = props;\n  var context = useProgressContext(INDICATOR_NAME, __scopeProgress);\n  var progressRatio = ((_context_value = context.value) !== null && _context_value !== void 0 ? _context_value : 0) / context.max;\n  var x;\n  if (import_core.isWeb) {\n    x = `${-100 + progressRatio * 50}%`;\n  } else {\n    var baseWidth = context.width || 0;\n    x = Math.ceil(-baseWidth * (2 - progressRatio));\n  }\n  return /* @__PURE__ */ (0, import_jsx_runtime.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    ...!import_core.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: !import_core.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 resolveProgressSize2(val) {\n  if (typeof val === \"string\" && val in progressTrackHeight) {\n    return progressTrackHeight[val];\n  }\n  var resolved = Number((0, import_core.getVariableValue)((0, import_get_token.getSize)(val === true ? 36 : val)));\n  var base = Number.isFinite(resolved) ? resolved : Number((0, import_core.getVariableValue)((0, import_get_token.getSize)(36)));\n  return Math.round(base * 0.25);\n};\nvar getProgressSize = import_core.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 = (0, import_core.styled)(import_stacks.YStack, {\n  displayName: \"Progress\",\n  overflow: \"hidden\",\n  variants: {\n    size: getProgressSize\n  }\n});\nvar Progress = (0, import_helpers.withStaticProperties)((0, import_core.createStyledHOC)(ProgressFrame, function Progress2(propsIn, forwardedRef) {\n  var props = propsIn;\n  var { __scopeProgress, value: valueProp, max: maxProp, getValueLabel = defaultGetValueLabel, size = true, ...progressProps } = 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] = (0, import_react.useState)(0);\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ProgressProvider, {\n    scope: __scopeProgress,\n    value,\n    max,\n    width,\n    children: /* @__PURE__ */ (0, import_jsx_runtime.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      ...!import_core.isWeb && {\n        onLayout: function onLayout(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});\n//# sourceMappingURL=Progress.js.map\n"],"mappings":"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"}

package/dist/esm/Progress.mjs

@@ -15,7 +15,8 @@ const ProgressIndicatorFrame = styled(YStack, {
 	height: "100%",
 	width: "100%"
 });
-const ProgressIndicator = createStyledHOC(ProgressIndicatorFrame, function ProgressIndicator2(props, forwardedRef) {
+const ProgressIndicator = createStyledHOC(ProgressIndicatorFrame, function ProgressIndicator2(propsIn, forwardedRef) {
+	const props = propsIn;
 	const { __scopeProgress, transition, ...indicatorProps } = props;
 	const context = useProgressContext(INDICATOR_NAME, __scopeProgress);
 	const progressRatio = (context.value ?? 0) / context.max;
@@ -82,7 +83,8 @@ const ProgressFrame = styled(YStack, {
 	overflow: "hidden",
 	variants: { size: getProgressSize }
 });
-const Progress = withStaticProperties(createStyledHOC(ProgressFrame, function Progress2(props, forwardedRef) {
+const Progress = withStaticProperties(createStyledHOC(ProgressFrame, function Progress2(propsIn, forwardedRef) {
+	const props = propsIn;
 	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;

package/dist/esm/Progress.mjs.map

@@ -1 +1 @@
-{"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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"}
+{"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(propsIn, forwardedRef) {\n    const props = propsIn;\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(\n    ProgressFrame,\n    function Progress2(propsIn, forwardedRef) {\n      const props = propsIn;\n      const {\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  {\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

@@ -15,8 +15,9 @@ var ProgressIndicatorFrame = styled(YStack, {
 	height: "100%",
 	width: "100%"
 });
-var ProgressIndicator = createStyledHOC(ProgressIndicatorFrame, function ProgressIndicator2(props, forwardedRef) {
+var ProgressIndicator = createStyledHOC(ProgressIndicatorFrame, function ProgressIndicator2(propsIn, forwardedRef) {
 	var _context_value, _context_value1;
+	var props = propsIn;
 	var { __scopeProgress, transition, ...indicatorProps } = props;
 	var context = useProgressContext(INDICATOR_NAME, __scopeProgress);
 	var progressRatio = ((_context_value = context.value) !== null && _context_value !== void 0 ? _context_value : 0) / context.max;
@@ -83,7 +84,8 @@ var ProgressFrame = styled(YStack, {
 	overflow: "hidden",
 	variants: { size: getProgressSize }
 });
-var Progress = withStaticProperties(createStyledHOC(ProgressFrame, function Progress2(props, forwardedRef) {
+var Progress = withStaticProperties(createStyledHOC(ProgressFrame, function Progress2(propsIn, forwardedRef) {
+	var props = propsIn;
 	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;

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

@@ -1 +1 @@
-{"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 _context_value, _context_value1;\n  var { __scopeProgress, transition, ...indicatorProps } = props;\n  var context = useProgressContext(INDICATOR_NAME, __scopeProgress);\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  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 resolveProgressSize2(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 onLayout(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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"}
+{"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(propsIn, forwardedRef) {\n  var _context_value, _context_value1;\n  var props = propsIn;\n  var { __scopeProgress, transition, ...indicatorProps } = props;\n  var context = useProgressContext(INDICATOR_NAME, __scopeProgress);\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  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 resolveProgressSize2(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(propsIn, forwardedRef) {\n  var props = propsIn;\n  var { __scopeProgress, value: valueProp, max: maxProp, getValueLabel = defaultGetValueLabel, size = true, ...progressProps } = 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 onLayout(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/jsx/Progress.mjs

@@ -15,7 +15,8 @@ const ProgressIndicatorFrame = styled(YStack, {
 	height: "100%",
 	width: "100%"
 });
-const ProgressIndicator = createStyledHOC(ProgressIndicatorFrame, function ProgressIndicator2(props, forwardedRef) {
+const ProgressIndicator = createStyledHOC(ProgressIndicatorFrame, function ProgressIndicator2(propsIn, forwardedRef) {
+	const props = propsIn;
 	const { __scopeProgress, transition, ...indicatorProps } = props;
 	const context = useProgressContext(INDICATOR_NAME, __scopeProgress);
 	const progressRatio = (context.value ?? 0) / context.max;
@@ -82,7 +83,8 @@ const ProgressFrame = styled(YStack, {
 	overflow: "hidden",
 	variants: { size: getProgressSize }
 });
-const Progress = withStaticProperties(createStyledHOC(ProgressFrame, function Progress2(props, forwardedRef) {
+const Progress = withStaticProperties(createStyledHOC(ProgressFrame, function Progress2(propsIn, forwardedRef) {
+	const props = propsIn;
 	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;

package/dist/jsx/Progress.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Progress.js","names":[],"sources":["jsx/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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"}
+{"version":3,"file":"Progress.js","names":[],"sources":["jsx/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(propsIn, forwardedRef) {\n    const props = propsIn;\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(\n    ProgressFrame,\n    function Progress2(propsIn, forwardedRef) {\n      const props = propsIn;\n      const {\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  {\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/jsx/Progress.native.cjs

@@ -45,8 +45,9 @@ var ProgressIndicatorFrame = (0, import_core.styled)(import_stacks.YStack, {
 	height: "100%",
 	width: "100%"
 });
-var ProgressIndicator = (0, import_core.createStyledHOC)(ProgressIndicatorFrame, function ProgressIndicator2(props, forwardedRef) {
+var ProgressIndicator = (0, import_core.createStyledHOC)(ProgressIndicatorFrame, function ProgressIndicator2(propsIn, forwardedRef) {
 	var _context_value, _context_value1;
+	var props = propsIn;
 	var { __scopeProgress, transition, ...indicatorProps } = props;
 	var context = useProgressContext(INDICATOR_NAME, __scopeProgress);
 	var progressRatio = ((_context_value = context.value) !== null && _context_value !== void 0 ? _context_value : 0) / context.max;
@@ -113,7 +114,8 @@ var ProgressFrame = (0, import_core.styled)(import_stacks.YStack, {
 	overflow: "hidden",
 	variants: { size: getProgressSize }
 });
-var Progress = (0, import_helpers.withStaticProperties)((0, import_core.createStyledHOC)(ProgressFrame, function Progress2(props, forwardedRef) {
+var Progress = (0, import_helpers.withStaticProperties)((0, import_core.createStyledHOC)(ProgressFrame, function Progress2(propsIn, forwardedRef) {
+	var props = propsIn;
 	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;

package/dist/jsx/Progress.native.js

@@ -45,8 +45,9 @@ var ProgressIndicatorFrame = (0, import_core.styled)(import_stacks.YStack, {
 	height: "100%",
 	width: "100%"
 });
-var ProgressIndicator = (0, import_core.createStyledHOC)(ProgressIndicatorFrame, function ProgressIndicator2(props, forwardedRef) {
+var ProgressIndicator = (0, import_core.createStyledHOC)(ProgressIndicatorFrame, function ProgressIndicator2(propsIn, forwardedRef) {
 	var _context_value, _context_value1;
+	var props = propsIn;
 	var { __scopeProgress, transition, ...indicatorProps } = props;
 	var context = useProgressContext(INDICATOR_NAME, __scopeProgress);
 	var progressRatio = ((_context_value = context.value) !== null && _context_value !== void 0 ? _context_value : 0) / context.max;
@@ -113,7 +114,8 @@ var ProgressFrame = (0, import_core.styled)(import_stacks.YStack, {
 	overflow: "hidden",
 	variants: { size: getProgressSize }
 });
-var Progress = (0, import_helpers.withStaticProperties)((0, import_core.createStyledHOC)(ProgressFrame, function Progress2(props, forwardedRef) {
+var Progress = (0, import_helpers.withStaticProperties)((0, import_core.createStyledHOC)(ProgressFrame, function Progress2(propsIn, forwardedRef) {
+	var props = propsIn;
 	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;

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

@@ -1 +1 @@
-{"version":3,"file":"Progress.native.js","names":[],"sources":["jsx/Progress.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar Progress_exports = {};\n__export(Progress_exports, {\n  Progress: () => Progress,\n  ProgressFrame: () => ProgressFrame,\n  ProgressIndicator: () => ProgressIndicator,\n  ProgressIndicatorFrame: () => ProgressIndicatorFrame,\n  createProgressScope: () => createProgressScope\n});\nmodule.exports = __toCommonJS(Progress_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_core = require(\"@tamagui/core\");\nvar import_create_context = require(\"@tamagui/create-context\");\nvar import_get_token = require(\"@tamagui/get-token\");\nvar import_helpers = require(\"@tamagui/helpers\");\nvar import_stacks = require(\"@tamagui/stacks\");\nvar import_react = require(\"react\");\nvar PROGRESS_NAME = \"Progress\";\nvar [createProgressContext, createProgressScope] = (0, import_create_context.createContextScope)(PROGRESS_NAME);\nvar [ProgressProvider, useProgressContext] = createProgressContext(PROGRESS_NAME);\nvar INDICATOR_NAME = \"ProgressIndicator\";\nvar ProgressIndicatorFrame = (0, import_core.styled)(import_stacks.YStack, {\n  displayName: INDICATOR_NAME,\n  height: \"100%\",\n  width: \"100%\"\n});\nvar ProgressIndicator = (0, import_core.createStyledHOC)(ProgressIndicatorFrame, function ProgressIndicator2(props, forwardedRef) {\n  var _context_value, _context_value1;\n  var { __scopeProgress, transition, ...indicatorProps } = props;\n  var context = useProgressContext(INDICATOR_NAME, __scopeProgress);\n  var progressRatio = ((_context_value = context.value) !== null && _context_value !== void 0 ? _context_value : 0) / context.max;\n  var x;\n  if (import_core.isWeb) {\n    x = `${-100 + progressRatio * 50}%`;\n  } else {\n    var baseWidth = context.width || 0;\n    x = Math.ceil(-baseWidth * (2 - progressRatio));\n  }\n  return /* @__PURE__ */ (0, import_jsx_runtime.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    ...!import_core.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: !import_core.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 resolveProgressSize2(val) {\n  if (typeof val === \"string\" && val in progressTrackHeight) {\n    return progressTrackHeight[val];\n  }\n  var resolved = Number((0, import_core.getVariableValue)((0, import_get_token.getSize)(val === true ? 36 : val)));\n  var base = Number.isFinite(resolved) ? resolved : Number((0, import_core.getVariableValue)((0, import_get_token.getSize)(36)));\n  return Math.round(base * 0.25);\n};\nvar getProgressSize = import_core.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 = (0, import_core.styled)(import_stacks.YStack, {\n  displayName: \"Progress\",\n  overflow: \"hidden\",\n  variants: {\n    size: getProgressSize\n  }\n});\nvar Progress = (0, import_helpers.withStaticProperties)((0, import_core.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] = (0, import_react.useState)(0);\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ProgressProvider, {\n    scope: __scopeProgress,\n    value,\n    max,\n    width,\n    children: /* @__PURE__ */ (0, import_jsx_runtime.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      ...!import_core.isWeb && {\n        onLayout: function onLayout(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});\n//# sourceMappingURL=Progress.js.map\n"],"mappings":"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"}
+{"version":3,"file":"Progress.native.js","names":[],"sources":["jsx/Progress.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar Progress_exports = {};\n__export(Progress_exports, {\n  Progress: () => Progress,\n  ProgressFrame: () => ProgressFrame,\n  ProgressIndicator: () => ProgressIndicator,\n  ProgressIndicatorFrame: () => ProgressIndicatorFrame,\n  createProgressScope: () => createProgressScope\n});\nmodule.exports = __toCommonJS(Progress_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_core = require(\"@tamagui/core\");\nvar import_create_context = require(\"@tamagui/create-context\");\nvar import_get_token = require(\"@tamagui/get-token\");\nvar import_helpers = require(\"@tamagui/helpers\");\nvar import_stacks = require(\"@tamagui/stacks\");\nvar import_react = require(\"react\");\nvar PROGRESS_NAME = \"Progress\";\nvar [createProgressContext, createProgressScope] = (0, import_create_context.createContextScope)(PROGRESS_NAME);\nvar [ProgressProvider, useProgressContext] = createProgressContext(PROGRESS_NAME);\nvar INDICATOR_NAME = \"ProgressIndicator\";\nvar ProgressIndicatorFrame = (0, import_core.styled)(import_stacks.YStack, {\n  displayName: INDICATOR_NAME,\n  height: \"100%\",\n  width: \"100%\"\n});\nvar ProgressIndicator = (0, import_core.createStyledHOC)(ProgressIndicatorFrame, function ProgressIndicator2(propsIn, forwardedRef) {\n  var _context_value, _context_value1;\n  var props = propsIn;\n  var { __scopeProgress, transition, ...indicatorProps } = props;\n  var context = useProgressContext(INDICATOR_NAME, __scopeProgress);\n  var progressRatio = ((_context_value = context.value) !== null && _context_value !== void 0 ? _context_value : 0) / context.max;\n  var x;\n  if (import_core.isWeb) {\n    x = `${-100 + progressRatio * 50}%`;\n  } else {\n    var baseWidth = context.width || 0;\n    x = Math.ceil(-baseWidth * (2 - progressRatio));\n  }\n  return /* @__PURE__ */ (0, import_jsx_runtime.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    ...!import_core.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: !import_core.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 resolveProgressSize2(val) {\n  if (typeof val === \"string\" && val in progressTrackHeight) {\n    return progressTrackHeight[val];\n  }\n  var resolved = Number((0, import_core.getVariableValue)((0, import_get_token.getSize)(val === true ? 36 : val)));\n  var base = Number.isFinite(resolved) ? resolved : Number((0, import_core.getVariableValue)((0, import_get_token.getSize)(36)));\n  return Math.round(base * 0.25);\n};\nvar getProgressSize = import_core.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 = (0, import_core.styled)(import_stacks.YStack, {\n  displayName: \"Progress\",\n  overflow: \"hidden\",\n  variants: {\n    size: getProgressSize\n  }\n});\nvar Progress = (0, import_helpers.withStaticProperties)((0, import_core.createStyledHOC)(ProgressFrame, function Progress2(propsIn, forwardedRef) {\n  var props = propsIn;\n  var { __scopeProgress, value: valueProp, max: maxProp, getValueLabel = defaultGetValueLabel, size = true, ...progressProps } = 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] = (0, import_react.useState)(0);\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ProgressProvider, {\n    scope: __scopeProgress,\n    value,\n    max,\n    width,\n    children: /* @__PURE__ */ (0, import_jsx_runtime.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      ...!import_core.isWeb && {\n        onLayout: function onLayout(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});\n//# sourceMappingURL=Progress.js.map\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/progress",
-  "version": "3.0.18",
+  "version": "3.1.0",
   "license": "MIT",
   "source": "src/index.ts",
   "files": [
@@ -35,17 +35,17 @@
     "clean:build": "tamagui-build clean:build"
   },
   "dependencies": {
-    "@tamagui/compose-refs": "3.0.18",
-    "@tamagui/core": "3.0.18",
-    "@tamagui/create-context": "3.0.18",
-    "@tamagui/get-token": "3.0.18",
-    "@tamagui/helpers": "3.0.18",
-    "@tamagui/stacks": "3.0.18"
+    "@tamagui/compose-refs": "3.1.0",
+    "@tamagui/core": "3.1.0",
+    "@tamagui/create-context": "3.1.0",
+    "@tamagui/get-token": "3.1.0",
+    "@tamagui/helpers": "3.1.0",
+    "@tamagui/stacks": "3.1.0"
   },
   "devDependencies": {
-    "@tamagui/build": "3.0.18",
-    "react": "19.2.3",
-    "react-native": "0.87.1"
+    "@tamagui/build": "3.1.0",
+    "react": "19.3.0",
+    "react-native": "0.88.0"
   },
   "peerDependencies": {
     "react": ">=19"
@@ -56,5 +56,5 @@
     "url": "git+https://github.com/tamagui/tamagui.git",
     "directory": "code/ui/progress"
   },
-  "releaseSourceCommit": "e7ebeed9d446eee3e0eda4b0dd5e55dd8ec46bf7"
+  "releaseSourceCommit": "690ee7d9f451e684f0f197d160c261cdf37dd79f"
 }

package/src/Progress.tsx

@@ -39,7 +39,8 @@ export type ProgressIndicatorProps = GetProps<typeof ProgressIndicatorFrame>
 
 const ProgressIndicator = createStyledHOC(
   ProgressIndicatorFrame,
-  function ProgressIndicator(props: ScopedProps<ProgressIndicatorProps>, forwardedRef) {
+  function ProgressIndicator(propsIn: ScopedProps<{}>, forwardedRef) {
+    const props: ScopedProps<ProgressIndicatorProps> = propsIn
     const { __scopeProgress, transition, ...indicatorProps } = props
     const context = useProgressContext(INDICATOR_NAME, __scopeProgress)
 
@@ -173,52 +174,55 @@ export interface ProgressExtraProps {
 export type ProgressProps = GetProps<typeof ProgressFrame> & ProgressExtraProps
 
 const Progress = withStaticProperties(
-  createStyledHOC(ProgressFrame, function Progress(props: ProgressProps, 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) : undefined
-
-    // only needed for native where we can't use percentage-based transforms
-    const [width, setWidth] = useState(0)
-
-    return (
-      <ProgressProvider scope={__scopeProgress} value={value} max={max} width={width}>
-        <ProgressFrame
-          aria-valuemax={max}
-          aria-valuemin={0}
-          aria-valuenow={isNumber(value) ? value : undefined}
-          aria-valuetext={valueLabel}
-          // @ts-ignore
-          role="progressbar"
-          data-state={getProgressState(value, max)}
-          data-value={value ?? undefined}
-          data-max={max}
-          size={size}
-          {...progressProps}
-          {...(!isWeb && {
-            onLayout: (e) => {
-              const newWidth = Math.round(e.nativeEvent.layout.width)
-              if (newWidth !== width) {
-                setWidth(newWidth)
-              }
-              progressProps.onLayout?.(e)
-            },
-          })}
-          ref={forwardedRef}
-        />
-      </ProgressProvider>
-    )
-  }),
+  createStyledHOC(
+    ProgressFrame,
+    function Progress(propsIn: ScopedProps<ProgressExtraProps>, forwardedRef) {
+      const props: ScopedProps<ProgressProps> = propsIn
+      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) : undefined
+
+      // only needed for native where we can't use percentage-based transforms
+      const [width, setWidth] = useState(0)
+
+      return (
+        <ProgressProvider scope={__scopeProgress} value={value} max={max} width={width}>
+          <ProgressFrame
+            aria-valuemax={max}
+            aria-valuemin={0}
+            aria-valuenow={isNumber(value) ? value : undefined}
+            aria-valuetext={valueLabel}
+            // @ts-ignore
+            role="progressbar"
+            data-state={getProgressState(value, max)}
+            data-value={value ?? undefined}
+            data-max={max}
+            size={size}
+            {...progressProps}
+            {...(!isWeb && {
+              onLayout: (e) => {
+                const newWidth = Math.round(e.nativeEvent.layout.width)
+                if (newWidth !== width) {
+                  setWidth(newWidth)
+                }
+                progressProps.onLayout?.(e)
+              },
+            })}
+            ref={forwardedRef}
+          />
+        </ProgressProvider>
+      )
+    }
+  ),
   {
     Indicator: ProgressIndicator,
   }

package/types/Progress.d.ts

@@ -1,53 +1,29 @@
 import type { ComponentSize, GetProps, SizeTokens } from '@tamagui/core';
 import type { Scope } from '@tamagui/create-context';
 declare const createProgressScope: import("@tamagui/create-context").CreateScope;
-export declare const ProgressIndicatorFrame: import("react").FunctionComponent<Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, never> & Omit<import("@tamagui/core").WithThemeValues<Omit<import("@tamagui/core").StackStyleBase, never>> & import("@tamagui/core").WithFlatVariantValues<{}> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>>, keyof import("@tamagui/core").RNTamaguiViewNonStyleProps> & {
-    ref?: import("react").Ref<import("@tamagui/core").TamaguiElement> | undefined;
-}> & import("@tamagui/core").StaticComponentObject<import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {}, import("@tamagui/core").StaticConfigPublic> & Omit<import("@tamagui/core").StaticConfigPublic, "staticConfig"> & {
-    __tama: [import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {}, import("@tamagui/core").StaticConfigPublic];
-};
+export declare const ProgressIndicatorFrame: import("@tamagui/core").TamaguiComponent<import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {}, import("@tamagui/core").StaticConfigPublic>;
 export type ProgressIndicatorProps = GetProps<typeof ProgressIndicatorFrame>;
-declare const ProgressIndicator: import("@tamagui/core").TamaguiComponent<import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiElement, Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "__scopeProgress" | keyof import("@tamagui/core").RNTamaguiViewNonStyleProps | keyof import("@tamagui/core").StackStyleBase> & Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, never> & Omit<import("@tamagui/core").WithThemeValues<Omit<import("@tamagui/core").StackStyleBase, never>> & import("@tamagui/core").WithFlatVariantValues<{}> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>>, keyof import("@tamagui/core").RNTamaguiViewNonStyleProps> & {
+declare const ProgressIndicator: import("@tamagui/core").TamaguiComponent<import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiElement, Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "__scopeProgress"> & {
     __scopeProgress?: Scope;
-}, import("@tamagui/core").StackStyleBase, Omit<{}, "__scopeProgress" | keyof import("@tamagui/core").RNTamaguiViewNonStyleProps | keyof import("@tamagui/core").StackStyleBase>, import("@tamagui/core").StaticConfigPublic>;
+}, import("@tamagui/core").StackStyleBase, Omit<{}, "__scopeProgress">, import("@tamagui/core").StaticConfigPublic>;
 export type ProgressSize = ComponentSize | SizeTokens | number | boolean;
-export declare const ProgressFrame: import("react").FunctionComponent<Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "size"> & Omit<import("@tamagui/core").WithThemeValues<Omit<import("@tamagui/core").StackStyleBase, "size">> & import("@tamagui/core").WithFlatVariantValues<{
+export declare const ProgressFrame: import("@tamagui/core").TamaguiComponent<import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
     size?: ProgressSize | undefined;
-}> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>>, keyof import("@tamagui/core").RNTamaguiViewNonStyleProps> & {
-    ref?: import("react").Ref<import("@tamagui/core").TamaguiElement> | undefined;
-}> & import("@tamagui/core").StaticComponentObject<import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
-    size?: ProgressSize | undefined;
-}, import("@tamagui/core").StaticConfigPublic> & Omit<import("@tamagui/core").StaticConfigPublic, "staticConfig"> & {
-    __tama: [import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
-        size?: ProgressSize | undefined;
-    }, import("@tamagui/core").StaticConfigPublic];
-};
+}, import("@tamagui/core").StaticConfigPublic>;
 export interface ProgressExtraProps {
     value?: number | null | undefined;
     max?: number;
     getValueLabel?(value: number, max: number): string;
 }
 export type ProgressProps = GetProps<typeof ProgressFrame> & ProgressExtraProps;
-declare const Progress: import("react").FunctionComponent<Omit<Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "size" | keyof ProgressExtraProps | keyof import("@tamagui/core").RNTamaguiViewNonStyleProps | keyof import("@tamagui/core").StackStyleBase> & Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "size"> & Omit<import("@tamagui/core").WithThemeValues<Omit<import("@tamagui/core").StackStyleBase, "size">> & import("@tamagui/core").WithFlatVariantValues<{
-    size?: ProgressSize | undefined;
-}> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>>, keyof import("@tamagui/core").RNTamaguiViewNonStyleProps> & ProgressExtraProps, never> & Omit<import("@tamagui/core").WithThemeValues<Omit<import("@tamagui/core").StackStyleBase, never>> & import("@tamagui/core").WithFlatVariantValues<Omit<{
-    size?: ProgressSize | undefined;
-}, "size" | keyof ProgressExtraProps | keyof import("@tamagui/core").RNTamaguiViewNonStyleProps | keyof import("@tamagui/core").StackStyleBase>> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>>, "size" | keyof ProgressExtraProps | keyof import("@tamagui/core").RNTamaguiViewNonStyleProps | keyof import("@tamagui/core").StackStyleBase> & {
-    ref?: import("react").Ref<import("@tamagui/core").TamaguiElement> | undefined;
-}> & import("@tamagui/core").StaticComponentObject<import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiElement, Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "size" | keyof ProgressExtraProps | keyof import("@tamagui/core").RNTamaguiViewNonStyleProps | keyof import("@tamagui/core").StackStyleBase> & Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "size"> & Omit<import("@tamagui/core").WithThemeValues<Omit<import("@tamagui/core").StackStyleBase, "size">> & import("@tamagui/core").WithFlatVariantValues<{
-    size?: ProgressSize | undefined;
-}> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>>, keyof import("@tamagui/core").RNTamaguiViewNonStyleProps> & ProgressExtraProps, import("@tamagui/core").StackStyleBase, Omit<{
+declare const Progress: import("@tamagui/helpers").Combined<import("@tamagui/core").TamaguiComponent<import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiElement, Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "__scopeProgress" | keyof ProgressExtraProps> & ProgressExtraProps & {
+    __scopeProgress?: Scope;
+}, import("@tamagui/core").StackStyleBase, Omit<{
     size?: ProgressSize | undefined;
-}, "size" | keyof ProgressExtraProps | keyof import("@tamagui/core").RNTamaguiViewNonStyleProps | keyof import("@tamagui/core").StackStyleBase>, import("@tamagui/core").StaticConfigPublic> & Omit<import("@tamagui/core").StaticConfigPublic, "staticConfig"> & {
-    __tama: [import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiElement, Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "size" | keyof ProgressExtraProps | keyof import("@tamagui/core").RNTamaguiViewNonStyleProps | keyof import("@tamagui/core").StackStyleBase> & Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "size"> & Omit<import("@tamagui/core").WithThemeValues<Omit<import("@tamagui/core").StackStyleBase, "size">> & import("@tamagui/core").WithFlatVariantValues<{
-        size?: ProgressSize | undefined;
-    }> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>>, keyof import("@tamagui/core").RNTamaguiViewNonStyleProps> & ProgressExtraProps, import("@tamagui/core").StackStyleBase, Omit<{
-        size?: ProgressSize | undefined;
-    }, "size" | keyof ProgressExtraProps | keyof import("@tamagui/core").RNTamaguiViewNonStyleProps | keyof import("@tamagui/core").StackStyleBase>, import("@tamagui/core").StaticConfigPublic];
-} & {
-    Indicator: import("@tamagui/core").TamaguiComponent<import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiElement, Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "__scopeProgress" | keyof import("@tamagui/core").RNTamaguiViewNonStyleProps | keyof import("@tamagui/core").StackStyleBase> & Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, never> & Omit<import("@tamagui/core").WithThemeValues<Omit<import("@tamagui/core").StackStyleBase, never>> & import("@tamagui/core").WithFlatVariantValues<{}> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>>, keyof import("@tamagui/core").RNTamaguiViewNonStyleProps> & {
+}, "__scopeProgress" | keyof ProgressExtraProps>, import("@tamagui/core").StaticConfigPublic>, {
+    Indicator: import("@tamagui/core").TamaguiComponent<import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiElement, Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "__scopeProgress"> & {
         __scopeProgress?: Scope;
-    }, import("@tamagui/core").StackStyleBase, Omit<{}, "__scopeProgress" | keyof import("@tamagui/core").RNTamaguiViewNonStyleProps | keyof import("@tamagui/core").StackStyleBase>, import("@tamagui/core").StaticConfigPublic>;
-};
+    }, import("@tamagui/core").StackStyleBase, Omit<{}, "__scopeProgress">, import("@tamagui/core").StaticConfigPublic>;
+}>;
 export { createProgressScope, Progress, ProgressIndicator };
 //# sourceMappingURL=Progress.d.ts.map

package/types/Progress.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../src/Progress.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAExE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAA;AASpD,QAAA,MAA8B,mBAAmB,+CAAqC,CAAA;AAiBtF,eAAO,MAAM,sBAAsB;;;;CAIjC,CAAA;AAEF,MAAM,MAAM,sBAAsB,GAAG,QAAQ,CAAC,OAAO,sBAAsB,CAAC,CAAA;AAE5E,QAAA,MAAM,iBAAiB;sBAyEuB,KAAK;6NAjClD,CAAA;AAqCD,MAAM,MAAM,YAAY,GAAG,aAAa,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,CAAA;AAyCxE,eAAO,MAAM,aAAa;;;;;;;;;;CAOxB,CAAA;AAEF,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAA;IACjC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,aAAa,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;CACnD;AAED,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,GAAG,kBAAkB,CAAA;AAE/E,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;0BA9DgC,KAAK;;CAgHlD,CAAA;AAED,OAAO,EAAE,mBAAmB,EAAE,QAAQ,EAAE,iBAAiB,EAAE,CAAA"}
+{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../src/Progress.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAExE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAA;AASpD,QAAA,MAA8B,mBAAmB,+CAAqC,CAAA;AAiBtF,eAAO,MAAM,sBAAsB,iQAIjC,CAAA;AAEF,MAAM,MAAM,sBAAsB,GAAG,QAAQ,CAAC,OAAO,sBAAsB,CAAC,CAAA;AAE5E,QAAA,MAAM,iBAAiB;sBA0EuB,KAAK;mHAjClD,CAAA;AAqCD,MAAM,MAAM,YAAY,GAAG,aAAa,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,CAAA;AAyCxE,eAAO,MAAM,aAAa;;8CAOxB,CAAA;AAEF,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAA;IACjC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,aAAa,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;CACnD;AAED,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,GAAG,kBAAkB,CAAA;AAE/E,QAAA,MAAM,QAAQ;sBA9DgC,KAAK;;;;;0BAAL,KAAK;;EAmHlD,CAAA;AAED,OAAO,EAAE,mBAAmB,EAAE,QAAQ,EAAE,iBAAiB,EAAE,CAAA"}