@tamagui/progress 1.74.3 → 1.74.5

package/dist/esm/Progress.native.js

@@ -0,0 +1,122 @@
+import { getVariableValue, styled, withStaticProperties } from "@tamagui/core";
+import { createContextScope } from "@tamagui/create-context";
+import { getSize } from "@tamagui/get-token";
+import { ThemeableStack } from "@tamagui/stacks";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+const PROGRESS_NAME = "Progress", [createProgressContext, createProgressScope] = createContextScope(PROGRESS_NAME), [ProgressProvider, useProgressContext] = createProgressContext(PROGRESS_NAME), INDICATOR_NAME = "ProgressIndicator", ProgressIndicatorFrame = styled(ThemeableStack, {
+  name: INDICATOR_NAME,
+  variants: {
+    unstyled: {
+      false: {
+        height: "100%",
+        width: "100%",
+        backgrounded: !0
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: !1
+  }
+}), ProgressIndicator = ProgressIndicatorFrame.styleable(function(props, forwardedRef) {
+  const { __scopeProgress, ...indicatorProps } = props, context = useProgressContext(INDICATOR_NAME, __scopeProgress), pct = context.max - (context.value ?? 0), x = -(context.width === 0 ? 300 : context.width) * (pct / 100);
+  return /* @__PURE__ */ jsx(
+    ProgressIndicatorFrame,
+    {
+      "data-state": getProgressState(context.value, context.max),
+      "data-value": context.value ?? void 0,
+      "data-max": context.max,
+      x,
+      width: context.width,
+      ...!props.unstyled && {
+        animateOnly: ["transform"],
+        opacity: context.width === 0 ? 0 : 1
+      },
+      ...indicatorProps,
+      ref: forwardedRef
+    }
+  );
+});
+function defaultGetValueLabel(value, max) {
+  return `${Math.round(value / max * 100)}%`;
+}
+function getProgressState(value, maxValue) {
+  return value == null ? "indeterminate" : value === maxValue ? "complete" : "loading";
+}
+function isNumber(value) {
+  return typeof value == "number";
+}
+function isValidMaxNumber(max) {
+  return isNumber(max) && !isNaN(max) && max > 0;
+}
+function isValidValueNumber(value, max) {
+  return isNumber(value) && !isNaN(value) && value <= max && value >= 0;
+}
+const DEFAULT_MAX = 100, ProgressFrame = styled(ThemeableStack, {
+  name: "Progress",
+  variants: {
+    unstyled: {
+      false: {
+        borderRadius: 1e5,
+        overflow: "hidden",
+        backgrounded: !0
+      }
+    },
+    size: {
+      "...size": (val) => {
+        const size = Math.round(getVariableValue(getSize(val)) * 0.25);
+        return {
+          height: size,
+          minWidth: getVariableValue(size) * 20,
+          width: "100%"
+        };
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: !1
+  }
+}), Progress = withStaticProperties(
+  ProgressFrame.styleable(function(props, forwardedRef) {
+    const {
+      __scopeProgress,
+      value: valueProp,
+      max: maxProp,
+      getValueLabel = defaultGetValueLabel,
+      size = "$true",
+      ...progressProps
+    } = props, max = isValidMaxNumber(maxProp) ? maxProp : DEFAULT_MAX, value = isValidValueNumber(valueProp, max) ? valueProp : null, valueLabel = isNumber(value) ? getValueLabel(value, max) : void 0, [width, setWidth] = React.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 !== !0 && {
+          size
+        },
+        ...progressProps,
+        onLayout: (e) => {
+          setWidth(e.nativeEvent.layout.width), progressProps.onLayout?.(e);
+        },
+        ref: forwardedRef
+      }
+    ) });
+  }),
+  {
+    Indicator: ProgressIndicator
+  }
+);
+export {
+  Progress,
+  ProgressFrame,
+  ProgressIndicator,
+  ProgressIndicatorFrame,
+  createProgressScope
+};
+//# sourceMappingURL=Progress.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/Progress.tsx"],
+  "mappings": "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",
+  "names": []
+}

package/dist/esm/index.native.js

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

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts"],
+  "mappings": "AAAA,cAAc;",
+  "names": []
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/progress",
-  "version": "1.74.3",
+  "version": "1.74.5",
   "sideEffects": [
     "*.css"
   ],
@@ -31,18 +31,18 @@
     }
   },
   "dependencies": {
-    "@tamagui/compose-refs": "1.74.3",
-    "@tamagui/core": "1.74.3",
-    "@tamagui/create-context": "1.74.3",
-    "@tamagui/get-token": "1.74.3",
-    "@tamagui/stacks": "1.74.3"
+    "@tamagui/compose-refs": "1.74.5",
+    "@tamagui/core": "1.74.5",
+    "@tamagui/create-context": "1.74.5",
+    "@tamagui/get-token": "1.74.5",
+    "@tamagui/stacks": "1.74.5"
   },
   "peerDependencies": {
     "react": "*",
     "react-native": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "1.74.3",
+    "@tamagui/build": "1.74.5",
     "react": "^18.2.0",
     "react-native": "^0.72.1"
   },