@impulse-ui-native/progress 6.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 ImpulseUI Native contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,25 @@
+# @impulse-ui-native/progress
+
+Token-aware linear and circular progress with Reanimated indeterminate animations.
+
+## Installation
+
+`pnpm add @impulse-ui-native/progress`
+
+Install React, React Native, `react-native-svg`, `react-native-reanimated` (4 or newer), and compatible `react-native-worklets` peers. Configure Reanimated and Worklets in the native host, and render inside `ThemeProvider` from `@impulse-ui-native/theme`.
+
+## Usage
+
+```tsx
+import { Progress } from "@impulse-ui-native/progress";
+
+<Progress value={65} />;
+<Progress variant="circular" value={35} />;
+<Progress />;
+```
+
+Progress defaults to a medium linear indicator with the primary tone. Provide `value` for determinate progress or omit it for indeterminate progress. Values are clamped between `min` and `max`, defaulting to 0 and 100. Invalid bounds fall back to a finite range; non-finite values render at the range minimum. Sizes, semantic colors, geometry, and animation duration come from `theme.components.progress`. Override indicator and track colors through `color` and `trackColor`.
+
+Indeterminate linear motion respects RTL. Reanimated loops cancel on unmount and restart when duration changes. Native View props, styles, and linear `onLayout` callbacks are preserved.
+
+`Progress` and `ProgressProps` are also exported by `@impulse-ui-native/toolkit`. Migrate imports from primitives to this package or the toolkit. Use the native Progress stories to inspect both variants, ranges, sizes, tones, and indeterminate states.

package/dist/components/circular-indeterminate-indicator.d.mts

@@ -0,0 +1,8 @@
+import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { CircularIndeterminateIndicatorProps } from '../types/progress-internal.types.mjs';
+import 'react-native';
+
+declare const CircularIndeterminateIndicator: react.MemoExoticComponent<({ animationDuration, color, strokeWidth, trackColor, width, }: CircularIndeterminateIndicatorProps) => react_jsx_runtime.JSX.Element>;
+
+export { CircularIndeterminateIndicator };

package/dist/components/circular-indeterminate-indicator.js

@@ -0,0 +1,56 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { memo, useMemo } from "react";
+import Animated, { useAnimatedStyle } from "react-native-reanimated";
+import Svg, { Circle } from "react-native-svg";
+import { useIndeterminateProgressAnimation } from "../hooks/use-indeterminate-progress-animation.hook";
+const CircularIndeterminateIndicator = memo(
+  function CircularIndeterminateIndicator2({
+    animationDuration,
+    color,
+    strokeWidth,
+    trackColor,
+    width
+  }) {
+    const progress = useIndeterminateProgressAnimation(animationDuration);
+    const center = width / 2;
+    const radius = (width - strokeWidth) / 2;
+    const circumference = 2 * Math.PI * radius;
+    const animatedStyle = useAnimatedStyle(() => ({
+      transform: [{ rotate: progress.value * 360 + "deg" }]
+    }));
+    const strokeDasharray = useMemo(
+      () => [circumference * 0.25, circumference * 0.75],
+      [circumference]
+    );
+    return /* @__PURE__ */ jsx(Animated.View, { style: animatedStyle, children: /* @__PURE__ */ jsxs(Svg, { height: width, width, children: [
+      /* @__PURE__ */ jsx(
+        Circle,
+        {
+          cx: center,
+          cy: center,
+          fill: "none",
+          r: radius,
+          stroke: trackColor,
+          strokeWidth
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Circle,
+        {
+          cx: center,
+          cy: center,
+          fill: "none",
+          r: radius,
+          stroke: color,
+          strokeDasharray,
+          strokeLinecap: "round",
+          strokeWidth
+        }
+      )
+    ] }) });
+  }
+);
+export {
+  CircularIndeterminateIndicator
+};
+//# sourceMappingURL=circular-indeterminate-indicator.js.map

package/dist/components/circular-indeterminate-indicator.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/circular-indeterminate-indicator.tsx"],"sourcesContent":["import { memo, useMemo } from \"react\";\nimport Animated, { useAnimatedStyle } from \"react-native-reanimated\";\nimport Svg, { Circle } from \"react-native-svg\";\n\nimport type { CircularIndeterminateIndicatorProps } from \"../types/progress-internal.types\";\nimport { useIndeterminateProgressAnimation } from \"../hooks/use-indeterminate-progress-animation.hook\";\n\nexport const CircularIndeterminateIndicator = memo(\n  function CircularIndeterminateIndicator({\n    animationDuration,\n    color,\n    strokeWidth,\n    trackColor,\n    width,\n  }: CircularIndeterminateIndicatorProps) {\n    const progress = useIndeterminateProgressAnimation(animationDuration);\n\n    const center = width / 2;\n    const radius = (width - strokeWidth) / 2;\n    const circumference = 2 * Math.PI * radius;\n\n    const animatedStyle = useAnimatedStyle(() => ({\n      transform: [{ rotate: progress.value * 360 + \"deg\" }],\n    }));\n    const strokeDasharray = useMemo(\n      () => [circumference * 0.25, circumference * 0.75],\n      [circumference],\n    );\n\n    return (\n      <Animated.View style={animatedStyle}>\n        <Svg height={width} width={width}>\n          <Circle\n            cx={center}\n            cy={center}\n            fill=\"none\"\n            r={radius}\n            stroke={trackColor}\n            strokeWidth={strokeWidth}\n          />\n          <Circle\n            cx={center}\n            cy={center}\n            fill=\"none\"\n            r={radius}\n            stroke={color}\n            strokeDasharray={strokeDasharray}\n            strokeLinecap=\"round\"\n            strokeWidth={strokeWidth}\n          />\n        </Svg>\n      </Animated.View>\n    );\n  },\n);\n"],"mappings":"AA+BQ,SACE,KADF;AA/BR,SAAS,MAAM,eAAe;AAC9B,OAAO,YAAY,wBAAwB;AAC3C,OAAO,OAAO,cAAc;AAG5B,SAAS,yCAAyC;AAE3C,MAAM,iCAAiC;AAAA,EAC5C,SAASA,gCAA+B;AAAA,IACtC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,GAAwC;AACtC,UAAM,WAAW,kCAAkC,iBAAiB;AAEpE,UAAM,SAAS,QAAQ;AACvB,UAAM,UAAU,QAAQ,eAAe;AACvC,UAAM,gBAAgB,IAAI,KAAK,KAAK;AAEpC,UAAM,gBAAgB,iBAAiB,OAAO;AAAA,MAC5C,WAAW,CAAC,EAAE,QAAQ,SAAS,QAAQ,MAAM,MAAM,CAAC;AAAA,IACtD,EAAE;AACF,UAAM,kBAAkB;AAAA,MACtB,MAAM,CAAC,gBAAgB,MAAM,gBAAgB,IAAI;AAAA,MACjD,CAAC,aAAa;AAAA,IAChB;AAEA,WACE,oBAAC,SAAS,MAAT,EAAc,OAAO,eACpB,+BAAC,OAAI,QAAQ,OAAO,OAClB;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,MAAK;AAAA,UACL,GAAG;AAAA,UACH,QAAQ;AAAA,UACR;AAAA;AAAA,MACF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,MAAK;AAAA,UACL,GAAG;AAAA,UACH,QAAQ;AAAA,UACR;AAAA,UACA,eAAc;AAAA,UACd;AAAA;AAAA,MACF;AAAA,OACF,GACF;AAAA,EAEJ;AACF;","names":["CircularIndeterminateIndicator"]}

package/dist/components/circular-progress.d.mts

@@ -0,0 +1,8 @@
+import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { CircularProgressProps } from '../types/progress-internal.types.mjs';
+import 'react-native';
+
+declare const CircularProgress: react.MemoExoticComponent<({ animationDuration, fraction, indicatorColor, indeterminate, strokeWidth, style, trackColor, width, ...props }: CircularProgressProps) => react_jsx_runtime.JSX.Element>;
+
+export { CircularProgress };

package/dist/components/circular-progress.js

@@ -0,0 +1,48 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { memo, useMemo } from "react";
+import { View } from "react-native";
+import { ProgressRootStyles as styles } from "../constants/progress.constants";
+import { CircularIndeterminateIndicator } from "./circular-indeterminate-indicator";
+import { ProgressCircle } from "./progress-circle";
+const CircularProgress = memo(function CircularProgress2({
+  animationDuration,
+  fraction,
+  indicatorColor,
+  indeterminate,
+  strokeWidth,
+  style,
+  trackColor,
+  width,
+  ...props
+}) {
+  const rootStyle = useMemo(
+    () => [styles.root, { height: width, width }, style],
+    [style, width]
+  );
+  return /* @__PURE__ */ jsxs(View, { ...props, style: rootStyle, children: [
+    indeterminate ? /* @__PURE__ */ jsx(
+      CircularIndeterminateIndicator,
+      {
+        animationDuration,
+        color: indicatorColor,
+        strokeWidth,
+        trackColor,
+        width
+      }
+    ) : null,
+    !indeterminate ? /* @__PURE__ */ jsx(
+      ProgressCircle,
+      {
+        color: indicatorColor,
+        fraction,
+        strokeWidth,
+        trackColor,
+        width
+      }
+    ) : null
+  ] });
+});
+export {
+  CircularProgress
+};
+//# sourceMappingURL=circular-progress.js.map

package/dist/components/circular-progress.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/circular-progress.tsx"],"sourcesContent":["import { memo, useMemo } from \"react\";\nimport { View } from \"react-native\";\n\nimport type { CircularProgressProps } from \"../types/progress-internal.types\";\nimport { ProgressRootStyles as styles } from \"../constants/progress.constants\";\nimport { CircularIndeterminateIndicator } from \"./circular-indeterminate-indicator\";\nimport { ProgressCircle } from \"./progress-circle\";\n\nexport const CircularProgress = memo(function CircularProgress({\n  animationDuration,\n  fraction,\n  indicatorColor,\n  indeterminate,\n  strokeWidth,\n  style,\n  trackColor,\n  width,\n  ...props\n}: CircularProgressProps) {\n  const rootStyle = useMemo(\n    () => [styles.root, { height: width, width }, style],\n    [style, width],\n  );\n\n  return (\n    <View {...props} style={rootStyle}>\n      {indeterminate ? (\n        <CircularIndeterminateIndicator\n          animationDuration={animationDuration}\n          color={indicatorColor}\n          strokeWidth={strokeWidth}\n          trackColor={trackColor}\n          width={width}\n        />\n      ) : null}\n      {!indeterminate ? (\n        <ProgressCircle\n          color={indicatorColor}\n          fraction={fraction}\n          strokeWidth={strokeWidth}\n          trackColor={trackColor}\n          width={width}\n        />\n      ) : null}\n    </View>\n  );\n});\n"],"mappings":"AAyBI,SAEI,KAFJ;AAzBJ,SAAS,MAAM,eAAe;AAC9B,SAAS,YAAY;AAGrB,SAAS,sBAAsB,cAAc;AAC7C,SAAS,sCAAsC;AAC/C,SAAS,sBAAsB;AAExB,MAAM,mBAAmB,KAAK,SAASA,kBAAiB;AAAA,EAC7D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA0B;AACxB,QAAM,YAAY;AAAA,IAChB,MAAM,CAAC,OAAO,MAAM,EAAE,QAAQ,OAAO,MAAM,GAAG,KAAK;AAAA,IACnD,CAAC,OAAO,KAAK;AAAA,EACf;AAEA,SACE,qBAAC,QAAM,GAAG,OAAO,OAAO,WACrB;AAAA,oBACC;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,OAAO;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF,IACE;AAAA,IACH,CAAC,gBACA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF,IACE;AAAA,KACN;AAEJ,CAAC;","names":["CircularProgress"]}

package/dist/components/index.d.mts

@@ -0,0 +1,6 @@
+export { Progress } from './progress.mjs';
+import 'react';
+import 'react/jsx-runtime';
+import '../types/progress.types.mjs';
+import 'react-native';
+import '@impulse-ui-native/theme';

package/dist/components/index.js

@@ -0,0 +1,5 @@
+import { Progress } from "./progress";
+export {
+  Progress
+};
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/index.ts"],"sourcesContent":["export { Progress } from \"./progress\";\n"],"mappings":"AAAA,SAAS,gBAAgB;","names":[]}

package/dist/components/linear-indeterminate-indicator.d.mts

@@ -0,0 +1,8 @@
+import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { LinearIndeterminateIndicatorProps } from '../types/progress-internal.types.mjs';
+import 'react-native';
+
+declare const LinearIndeterminateIndicator: react.MemoExoticComponent<({ animationDuration, borderRadius, color, ratio, trackHeight, trackWidth, }: LinearIndeterminateIndicatorProps) => react_jsx_runtime.JSX.Element>;
+
+export { LinearIndeterminateIndicator };

package/dist/components/linear-indeterminate-indicator.js

@@ -0,0 +1,44 @@
+import { jsx } from "react/jsx-runtime";
+import { memo, useMemo } from "react";
+import { I18nManager } from "react-native";
+import Animated, { useAnimatedStyle } from "react-native-reanimated";
+import { useIndeterminateProgressAnimation } from "../hooks/use-indeterminate-progress-animation.hook";
+const LinearIndeterminateIndicator = memo(
+  function LinearIndeterminateIndicator2({
+    animationDuration,
+    borderRadius,
+    color,
+    ratio,
+    trackHeight,
+    trackWidth
+  }) {
+    const progress = useIndeterminateProgressAnimation(animationDuration);
+    const indicatorWidth = trackWidth * ratio;
+    const direction = I18nManager.isRTL;
+    const animatedStyle = useAnimatedStyle(() => ({
+      transform: [
+        {
+          translateX: direction ? trackWidth - progress.value * (trackWidth + indicatorWidth) : -indicatorWidth + progress.value * (trackWidth + indicatorWidth)
+        }
+      ]
+    }));
+    const indicatorStyle = useMemo(
+      () => ({
+        backgroundColor: color,
+        borderRadius,
+        height: trackHeight,
+        width: `${ratio * 100}%`
+      }),
+      [borderRadius, color, ratio, trackHeight]
+    );
+    const composedStyle = useMemo(
+      () => [indicatorStyle, animatedStyle],
+      [indicatorStyle, animatedStyle]
+    );
+    return /* @__PURE__ */ jsx(Animated.View, { style: composedStyle });
+  }
+);
+export {
+  LinearIndeterminateIndicator
+};
+//# sourceMappingURL=linear-indeterminate-indicator.js.map

package/dist/components/linear-indeterminate-indicator.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/linear-indeterminate-indicator.tsx"],"sourcesContent":["import { memo, useMemo } from \"react\";\nimport { I18nManager } from \"react-native\";\nimport Animated, { useAnimatedStyle } from \"react-native-reanimated\";\n\nimport type { LinearIndeterminateIndicatorProps } from \"../types/progress-internal.types\";\nimport { useIndeterminateProgressAnimation } from \"../hooks/use-indeterminate-progress-animation.hook\";\n\nexport const LinearIndeterminateIndicator = memo(\n  function LinearIndeterminateIndicator({\n    animationDuration,\n    borderRadius,\n    color,\n    ratio,\n    trackHeight,\n    trackWidth,\n  }: LinearIndeterminateIndicatorProps) {\n    const progress = useIndeterminateProgressAnimation(animationDuration);\n\n    const indicatorWidth = trackWidth * ratio;\n    const direction = I18nManager.isRTL;\n    const animatedStyle = useAnimatedStyle(() => ({\n      transform: [\n        {\n          translateX: direction\n            ? trackWidth - progress.value * (trackWidth + indicatorWidth)\n            : -indicatorWidth + progress.value * (trackWidth + indicatorWidth),\n        },\n      ],\n    }));\n\n    const indicatorStyle = useMemo(\n      () => ({\n        backgroundColor: color,\n        borderRadius,\n        height: trackHeight,\n        width: `${ratio * 100}%` as const,\n      }),\n      [borderRadius, color, ratio, trackHeight],\n    );\n\n    const composedStyle = useMemo(\n      () => [indicatorStyle, animatedStyle],\n      [indicatorStyle, animatedStyle],\n    );\n\n    return <Animated.View style={composedStyle} />;\n  },\n);\n"],"mappings":"AA6CW;AA7CX,SAAS,MAAM,eAAe;AAC9B,SAAS,mBAAmB;AAC5B,OAAO,YAAY,wBAAwB;AAG3C,SAAS,yCAAyC;AAE3C,MAAM,+BAA+B;AAAA,EAC1C,SAASA,8BAA6B;AAAA,IACpC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,GAAsC;AACpC,UAAM,WAAW,kCAAkC,iBAAiB;AAEpE,UAAM,iBAAiB,aAAa;AACpC,UAAM,YAAY,YAAY;AAC9B,UAAM,gBAAgB,iBAAiB,OAAO;AAAA,MAC5C,WAAW;AAAA,QACT;AAAA,UACE,YAAY,YACR,aAAa,SAAS,SAAS,aAAa,kBAC5C,CAAC,iBAAiB,SAAS,SAAS,aAAa;AAAA,QACvD;AAAA,MACF;AAAA,IACF,EAAE;AAEF,UAAM,iBAAiB;AAAA,MACrB,OAAO;AAAA,QACL,iBAAiB;AAAA,QACjB;AAAA,QACA,QAAQ;AAAA,QACR,OAAO,GAAG,QAAQ,GAAG;AAAA,MACvB;AAAA,MACA,CAAC,cAAc,OAAO,OAAO,WAAW;AAAA,IAC1C;AAEA,UAAM,gBAAgB;AAAA,MACpB,MAAM,CAAC,gBAAgB,aAAa;AAAA,MACpC,CAAC,gBAAgB,aAAa;AAAA,IAChC;AAEA,WAAO,oBAAC,SAAS,MAAT,EAAc,OAAO,eAAe;AAAA,EAC9C;AACF;","names":["LinearIndeterminateIndicator"]}

package/dist/components/linear-progress.d.mts

@@ -0,0 +1,8 @@
+import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { LinearProgressProps } from '../types/progress-internal.types.mjs';
+import 'react-native';
+
+declare const LinearProgress: react.MemoExoticComponent<({ animationDuration, borderRadius, fraction, indicatorColor, indeterminate, indeterminateWidth, onLayout, style, trackColor, trackHeight, ...props }: LinearProgressProps) => react_jsx_runtime.JSX.Element>;
+
+export { LinearProgress };

package/dist/components/linear-progress.js

@@ -0,0 +1,67 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { memo, useCallback, useMemo, useState } from "react";
+import { I18nManager, View } from "react-native";
+import { ProgressTrackStyles as styles } from "../constants/progress.constants";
+import { LinearIndeterminateIndicator } from "./linear-indeterminate-indicator";
+const LinearProgress = memo(function LinearProgress2({
+  animationDuration,
+  borderRadius,
+  fraction,
+  indicatorColor,
+  indeterminate,
+  indeterminateWidth,
+  onLayout,
+  style,
+  trackColor,
+  trackHeight,
+  ...props
+}) {
+  const [trackWidth, setTrackWidth] = useState(0);
+  const handleLayout = useCallback(
+    (event) => {
+      setTrackWidth(event.nativeEvent.layout.width);
+      onLayout?.(event);
+    },
+    [onLayout]
+  );
+  const trackStyle = useMemo(
+    () => [
+      styles.track,
+      {
+        backgroundColor: trackColor,
+        borderRadius,
+        height: trackHeight
+      },
+      style
+    ],
+    [borderRadius, style, trackColor, trackHeight]
+  );
+  const determinateIndicatorStyle = useMemo(
+    () => ({
+      alignSelf: I18nManager.isRTL ? "flex-end" : "flex-start",
+      backgroundColor: indicatorColor,
+      borderRadius,
+      height: trackHeight,
+      width: `${fraction * 100}%`
+    }),
+    [borderRadius, fraction, indicatorColor, trackHeight]
+  );
+  return /* @__PURE__ */ jsxs(View, { ...props, onLayout: handleLayout, style: trackStyle, children: [
+    indeterminate ? /* @__PURE__ */ jsx(
+      LinearIndeterminateIndicator,
+      {
+        animationDuration,
+        borderRadius,
+        color: indicatorColor,
+        ratio: indeterminateWidth,
+        trackHeight,
+        trackWidth
+      }
+    ) : null,
+    !indeterminate ? /* @__PURE__ */ jsx(View, { style: determinateIndicatorStyle }) : null
+  ] });
+});
+export {
+  LinearProgress
+};
+//# sourceMappingURL=linear-progress.js.map

package/dist/components/linear-progress.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/linear-progress.tsx"],"sourcesContent":["import type { LayoutChangeEvent } from \"react-native\";\nimport { memo, useCallback, useMemo, useState } from \"react\";\nimport { I18nManager, View } from \"react-native\";\n\nimport type { LinearProgressProps } from \"../types/progress-internal.types\";\nimport { ProgressTrackStyles as styles } from \"../constants/progress.constants\";\nimport { LinearIndeterminateIndicator } from \"./linear-indeterminate-indicator\";\n\nexport const LinearProgress = memo(function LinearProgress({\n  animationDuration,\n  borderRadius,\n  fraction,\n  indicatorColor,\n  indeterminate,\n  indeterminateWidth,\n  onLayout,\n  style,\n  trackColor,\n  trackHeight,\n  ...props\n}: LinearProgressProps) {\n  const [trackWidth, setTrackWidth] = useState(0);\n\n  const handleLayout = useCallback(\n    (event: LayoutChangeEvent) => {\n      setTrackWidth(event.nativeEvent.layout.width);\n      onLayout?.(event);\n    },\n    [onLayout],\n  );\n\n  const trackStyle = useMemo(\n    () => [\n      styles.track,\n      {\n        backgroundColor: trackColor,\n        borderRadius,\n        height: trackHeight,\n      },\n      style,\n    ],\n    [borderRadius, style, trackColor, trackHeight],\n  );\n\n  const determinateIndicatorStyle = useMemo(\n    () => ({\n      alignSelf: I18nManager.isRTL\n        ? (\"flex-end\" as const)\n        : (\"flex-start\" as const),\n      backgroundColor: indicatorColor,\n      borderRadius,\n      height: trackHeight,\n      width: `${fraction * 100}%` as const,\n    }),\n    [borderRadius, fraction, indicatorColor, trackHeight],\n  );\n\n  return (\n    <View {...props} onLayout={handleLayout} style={trackStyle}>\n      {indeterminate ? (\n        <LinearIndeterminateIndicator\n          animationDuration={animationDuration}\n          borderRadius={borderRadius}\n          color={indicatorColor}\n          ratio={indeterminateWidth}\n          trackHeight={trackHeight}\n          trackWidth={trackWidth}\n        />\n      ) : null}\n      {!indeterminate ? <View style={determinateIndicatorStyle} /> : null}\n    </View>\n  );\n});\n"],"mappings":"AA0DI,SAEI,KAFJ;AAzDJ,SAAS,MAAM,aAAa,SAAS,gBAAgB;AACrD,SAAS,aAAa,YAAY;AAGlC,SAAS,uBAAuB,cAAc;AAC9C,SAAS,oCAAoC;AAEtC,MAAM,iBAAiB,KAAK,SAASA,gBAAe;AAAA,EACzD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAwB;AACtB,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,CAAC;AAE9C,QAAM,eAAe;AAAA,IACnB,CAAC,UAA6B;AAC5B,oBAAc,MAAM,YAAY,OAAO,KAAK;AAC5C,iBAAW,KAAK;AAAA,IAClB;AAAA,IACA,CAAC,QAAQ;AAAA,EACX;AAEA,QAAM,aAAa;AAAA,IACjB,MAAM;AAAA,MACJ,OAAO;AAAA,MACP;AAAA,QACE,iBAAiB;AAAA,QACjB;AAAA,QACA,QAAQ;AAAA,MACV;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,cAAc,OAAO,YAAY,WAAW;AAAA,EAC/C;AAEA,QAAM,4BAA4B;AAAA,IAChC,OAAO;AAAA,MACL,WAAW,YAAY,QAClB,aACA;AAAA,MACL,iBAAiB;AAAA,MACjB;AAAA,MACA,QAAQ;AAAA,MACR,OAAO,GAAG,WAAW,GAAG;AAAA,IAC1B;AAAA,IACA,CAAC,cAAc,UAAU,gBAAgB,WAAW;AAAA,EACtD;AAEA,SACE,qBAAC,QAAM,GAAG,OAAO,UAAU,cAAc,OAAO,YAC7C;AAAA,oBACC;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,OAAO;AAAA,QACP,OAAO;AAAA,QACP;AAAA,QACA;AAAA;AAAA,IACF,IACE;AAAA,IACH,CAAC,gBAAgB,oBAAC,QAAK,OAAO,2BAA2B,IAAK;AAAA,KACjE;AAEJ,CAAC;","names":["LinearProgress"]}

package/dist/components/progress-circle.d.mts

@@ -0,0 +1,8 @@
+import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ProgressCircleProps } from '../types/progress-internal.types.mjs';
+import 'react-native';
+
+declare const ProgressCircle: react.MemoExoticComponent<({ color, fraction, strokeWidth, trackColor, width, }: ProgressCircleProps) => react_jsx_runtime.JSX.Element>;
+
+export { ProgressCircle };

package/dist/components/progress-circle.js

@@ -0,0 +1,49 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { memo, useMemo } from "react";
+import Svg, { Circle, G } from "react-native-svg";
+const ProgressCircle = memo(function ProgressCircle2({
+  color,
+  fraction,
+  strokeWidth,
+  trackColor,
+  width
+}) {
+  const center = width / 2;
+  const radius = (width - strokeWidth) / 2;
+  const circumference = 2 * Math.PI * radius;
+  const strokeDasharray = useMemo(
+    () => [circumference, circumference],
+    [circumference]
+  );
+  return /* @__PURE__ */ jsxs(Svg, { height: width, width, children: [
+    /* @__PURE__ */ jsx(
+      Circle,
+      {
+        cx: center,
+        cy: center,
+        fill: "none",
+        r: radius,
+        stroke: trackColor,
+        strokeWidth
+      }
+    ),
+    /* @__PURE__ */ jsx(G, { origin: `${center}, ${center}`, rotation: -90, children: /* @__PURE__ */ jsx(
+      Circle,
+      {
+        cx: center,
+        cy: center,
+        fill: "none",
+        r: radius,
+        stroke: color,
+        strokeDasharray,
+        strokeDashoffset: circumference * (1 - fraction),
+        strokeLinecap: fraction === 0 ? "butt" : "round",
+        strokeWidth
+      }
+    ) })
+  ] });
+});
+export {
+  ProgressCircle
+};
+//# sourceMappingURL=progress-circle.js.map

package/dist/components/progress-circle.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/progress-circle.tsx"],"sourcesContent":["import { memo, useMemo } from \"react\";\nimport Svg, { Circle, G } from \"react-native-svg\";\n\nimport type { ProgressCircleProps } from \"../types/progress-internal.types\";\n\nexport const ProgressCircle = memo(function ProgressCircle({\n  color,\n  fraction,\n  strokeWidth,\n  trackColor,\n  width,\n}: ProgressCircleProps) {\n  const center = width / 2;\n  const radius = (width - strokeWidth) / 2;\n  const circumference = 2 * Math.PI * radius;\n\n  const strokeDasharray = useMemo(\n    () => [circumference, circumference],\n    [circumference],\n  );\n\n  return (\n    <Svg height={width} width={width}>\n      <Circle\n        cx={center}\n        cy={center}\n        fill=\"none\"\n        r={radius}\n        stroke={trackColor}\n        strokeWidth={strokeWidth}\n      />\n      <G origin={`${center}, ${center}`} rotation={-90}>\n        <Circle\n          cx={center}\n          cy={center}\n          fill=\"none\"\n          r={radius}\n          stroke={color}\n          strokeDasharray={strokeDasharray}\n          strokeDashoffset={circumference * (1 - fraction)}\n          strokeLinecap={fraction === 0 ? \"butt\" : \"round\"}\n          strokeWidth={strokeWidth}\n        />\n      </G>\n    </Svg>\n  );\n});\n"],"mappings":"AAsBI,SACE,KADF;AAtBJ,SAAS,MAAM,eAAe;AAC9B,OAAO,OAAO,QAAQ,SAAS;AAIxB,MAAM,iBAAiB,KAAK,SAASA,gBAAe;AAAA,EACzD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAwB;AACtB,QAAM,SAAS,QAAQ;AACvB,QAAM,UAAU,QAAQ,eAAe;AACvC,QAAM,gBAAgB,IAAI,KAAK,KAAK;AAEpC,QAAM,kBAAkB;AAAA,IACtB,MAAM,CAAC,eAAe,aAAa;AAAA,IACnC,CAAC,aAAa;AAAA,EAChB;AAEA,SACE,qBAAC,OAAI,QAAQ,OAAO,OAClB;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAK;AAAA,QACL,GAAG;AAAA,QACH,QAAQ;AAAA,QACR;AAAA;AAAA,IACF;AAAA,IACA,oBAAC,KAAE,QAAQ,GAAG,MAAM,KAAK,MAAM,IAAI,UAAU,KAC3C;AAAA,MAAC;AAAA;AAAA,QACC,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAK;AAAA,QACL,GAAG;AAAA,QACH,QAAQ;AAAA,QACR;AAAA,QACA,kBAAkB,iBAAiB,IAAI;AAAA,QACvC,eAAe,aAAa,IAAI,SAAS;AAAA,QACzC;AAAA;AAAA,IACF,GACF;AAAA,KACF;AAEJ,CAAC;","names":["ProgressCircle"]}

package/dist/components/progress.d.mts

@@ -0,0 +1,9 @@
+import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ProgressProps } from '../types/progress.types.mjs';
+import 'react-native';
+import '@impulse-ui-native/theme';
+
+declare const Progress: react.MemoExoticComponent<({ color, max, min, size, tone, trackColor, value, variant, ...props }: ProgressProps) => react_jsx_runtime.JSX.Element>;
+
+export { Progress };

package/dist/components/progress.js

@@ -0,0 +1,69 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { memo, useMemo } from "react";
+import { useComponentsTokens } from "@impulse-ui-native/theme";
+import { normalizeProgressValue } from "../utils/progress.utils";
+import { CircularProgress } from "./circular-progress";
+import { LinearProgress } from "./linear-progress";
+const Progress = memo(function Progress2({
+  color,
+  max = 100,
+  min = 0,
+  size = "medium",
+  tone = "primary",
+  trackColor,
+  value,
+  variant = "linear",
+  ...props
+}) {
+  const tokens = useComponentsTokens().progress;
+  const sizeTokens = tokens.sizes[size];
+  const colorTokens = tokens.colors[tone];
+  const normalized = useMemo(
+    () => normalizeProgressValue(value, min, max),
+    [max, min, value]
+  );
+  const indeterminate = normalized.value === void 0;
+  const commonProps = useMemo(
+    () => ({
+      ...props,
+      animationDuration: tokens.animationDuration,
+      fraction: normalized.fraction,
+      indicatorColor: color ?? colorTokens.indicatorColor,
+      indeterminate,
+      trackColor: trackColor ?? colorTokens.trackColor
+    }),
+    [
+      color,
+      colorTokens.indicatorColor,
+      colorTokens.trackColor,
+      indeterminate,
+      normalized.fraction,
+      props,
+      tokens.animationDuration,
+      trackColor
+    ]
+  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    variant === "circular" ? /* @__PURE__ */ jsx(
+      CircularProgress,
+      {
+        ...commonProps,
+        strokeWidth: sizeTokens.circularStrokeWidth,
+        width: sizeTokens.circularSize
+      }
+    ) : null,
+    variant === "linear" ? /* @__PURE__ */ jsx(
+      LinearProgress,
+      {
+        ...commonProps,
+        borderRadius: tokens.borderRadius,
+        indeterminateWidth: tokens.indeterminateLinearWidth,
+        trackHeight: sizeTokens.linearHeight
+      }
+    ) : null
+  ] });
+});
+export {
+  Progress
+};
+//# sourceMappingURL=progress.js.map

package/dist/components/progress.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/progress.tsx"],"sourcesContent":["import { memo, useMemo } from \"react\";\n\nimport { useComponentsTokens } from \"@impulse-ui-native/theme\";\n\nimport type { ProgressProps } from \"../types\";\nimport { normalizeProgressValue } from \"../utils/progress.utils\";\nimport { CircularProgress } from \"./circular-progress\";\nimport { LinearProgress } from \"./linear-progress\";\n\nexport const Progress = memo(function Progress({\n  color,\n  max = 100,\n  min = 0,\n  size = \"medium\",\n  tone = \"primary\",\n  trackColor,\n  value,\n  variant = \"linear\",\n  ...props\n}: ProgressProps) {\n  const tokens = useComponentsTokens().progress;\n  const sizeTokens = tokens.sizes[size];\n  const colorTokens = tokens.colors[tone];\n\n  const normalized = useMemo(\n    () => normalizeProgressValue(value, min, max),\n    [max, min, value],\n  );\n\n  const indeterminate = normalized.value === undefined;\n\n  const commonProps = useMemo(\n    () => ({\n      ...props,\n      animationDuration: tokens.animationDuration,\n      fraction: normalized.fraction,\n      indicatorColor: color ?? colorTokens.indicatorColor,\n      indeterminate,\n      trackColor: trackColor ?? colorTokens.trackColor,\n    }),\n    [\n      color,\n      colorTokens.indicatorColor,\n      colorTokens.trackColor,\n      indeterminate,\n      normalized.fraction,\n      props,\n      tokens.animationDuration,\n      trackColor,\n    ],\n  );\n\n  return (\n    <>\n      {variant === \"circular\" ? (\n        <CircularProgress\n          {...commonProps}\n          strokeWidth={sizeTokens.circularStrokeWidth}\n          width={sizeTokens.circularSize}\n        />\n      ) : null}\n      {variant === \"linear\" ? (\n        <LinearProgress\n          {...commonProps}\n          borderRadius={tokens.borderRadius}\n          indeterminateWidth={tokens.indeterminateLinearWidth}\n          trackHeight={sizeTokens.linearHeight}\n        />\n      ) : null}\n    </>\n  );\n});\n"],"mappings":"AAqDI,mBAEI,KAFJ;AArDJ,SAAS,MAAM,eAAe;AAE9B,SAAS,2BAA2B;AAGpC,SAAS,8BAA8B;AACvC,SAAS,wBAAwB;AACjC,SAAS,sBAAsB;AAExB,MAAM,WAAW,KAAK,SAASA,UAAS;AAAA,EAC7C;AAAA,EACA,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,GAAG;AACL,GAAkB;AAChB,QAAM,SAAS,oBAAoB,EAAE;AACrC,QAAM,aAAa,OAAO,MAAM,IAAI;AACpC,QAAM,cAAc,OAAO,OAAO,IAAI;AAEtC,QAAM,aAAa;AAAA,IACjB,MAAM,uBAAuB,OAAO,KAAK,GAAG;AAAA,IAC5C,CAAC,KAAK,KAAK,KAAK;AAAA,EAClB;AAEA,QAAM,gBAAgB,WAAW,UAAU;AAE3C,QAAM,cAAc;AAAA,IAClB,OAAO;AAAA,MACL,GAAG;AAAA,MACH,mBAAmB,OAAO;AAAA,MAC1B,UAAU,WAAW;AAAA,MACrB,gBAAgB,SAAS,YAAY;AAAA,MACrC;AAAA,MACA,YAAY,cAAc,YAAY;AAAA,IACxC;AAAA,IACA;AAAA,MACE;AAAA,MACA,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ;AAAA,MACA,WAAW;AAAA,MACX;AAAA,MACA,OAAO;AAAA,MACP;AAAA,IACF;AAAA,EACF;AAEA,SACE,iCACG;AAAA,gBAAY,aACX;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,aAAa,WAAW;AAAA,QACxB,OAAO,WAAW;AAAA;AAAA,IACpB,IACE;AAAA,IACH,YAAY,WACX;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,cAAc,OAAO;AAAA,QACrB,oBAAoB,OAAO;AAAA,QAC3B,aAAa,WAAW;AAAA;AAAA,IAC1B,IACE;AAAA,KACN;AAEJ,CAAC;","names":["Progress"]}

package/dist/constants/progress.constants.d.mts

@@ -0,0 +1,14 @@
+declare const ProgressTrackStyles: {
+    track: {
+        overflow: "hidden";
+        width: "100%";
+    };
+};
+declare const ProgressRootStyles: {
+    root: {
+        alignItems: "center";
+        justifyContent: "center";
+    };
+};
+
+export { ProgressRootStyles, ProgressTrackStyles };

package/dist/constants/progress.constants.js

@@ -0,0 +1,12 @@
+import { StyleSheet } from "react-native";
+const ProgressTrackStyles = StyleSheet.create({
+  track: { overflow: "hidden", width: "100%" }
+});
+const ProgressRootStyles = StyleSheet.create({
+  root: { alignItems: "center", justifyContent: "center" }
+});
+export {
+  ProgressRootStyles,
+  ProgressTrackStyles
+};
+//# sourceMappingURL=progress.constants.js.map

package/dist/constants/progress.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/constants/progress.constants.ts"],"sourcesContent":["import { StyleSheet } from \"react-native\";\n\nexport const ProgressTrackStyles = StyleSheet.create({\n  track: { overflow: \"hidden\", width: \"100%\" },\n});\n\nexport const ProgressRootStyles = StyleSheet.create({\n  root: { alignItems: \"center\", justifyContent: \"center\" },\n});\n"],"mappings":"AAAA,SAAS,kBAAkB;AAEpB,MAAM,sBAAsB,WAAW,OAAO;AAAA,EACnD,OAAO,EAAE,UAAU,UAAU,OAAO,OAAO;AAC7C,CAAC;AAEM,MAAM,qBAAqB,WAAW,OAAO;AAAA,EAClD,MAAM,EAAE,YAAY,UAAU,gBAAgB,SAAS;AACzD,CAAC;","names":[]}

package/dist/hooks/use-indeterminate-progress-animation.hook.d.mts

@@ -0,0 +1,5 @@
+import * as react_native_reanimated from 'react-native-reanimated';
+
+declare function useIndeterminateProgressAnimation(duration: number): react_native_reanimated.SharedValue<number>;
+
+export { useIndeterminateProgressAnimation };

package/dist/hooks/use-indeterminate-progress-animation.hook.js

@@ -0,0 +1,25 @@
+import { useEffect } from "react";
+import {
+  cancelAnimation,
+  Easing,
+  useSharedValue,
+  withRepeat,
+  withTiming
+} from "react-native-reanimated";
+function useIndeterminateProgressAnimation(duration) {
+  const progress = useSharedValue(0);
+  useEffect(() => {
+    progress.value = 0;
+    progress.value = withRepeat(
+      withTiming(1, { duration, easing: Easing.linear }),
+      -1,
+      false
+    );
+    return () => cancelAnimation(progress);
+  }, [duration, progress]);
+  return progress;
+}
+export {
+  useIndeterminateProgressAnimation
+};
+//# sourceMappingURL=use-indeterminate-progress-animation.hook.js.map

package/dist/hooks/use-indeterminate-progress-animation.hook.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/use-indeterminate-progress-animation.hook.ts"],"sourcesContent":["import { useEffect } from \"react\";\nimport {\n  cancelAnimation,\n  Easing,\n  useSharedValue,\n  withRepeat,\n  withTiming,\n} from \"react-native-reanimated\";\n\nexport function useIndeterminateProgressAnimation(duration: number) {\n  const progress = useSharedValue(0);\n\n  useEffect(() => {\n    progress.value = 0;\n    progress.value = withRepeat(\n      withTiming(1, { duration, easing: Easing.linear }),\n      -1,\n      false,\n    );\n\n    return () => cancelAnimation(progress);\n  }, [duration, progress]);\n\n  return progress;\n}\n"],"mappings":"AAAA,SAAS,iBAAiB;AAC1B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,SAAS,kCAAkC,UAAkB;AAClE,QAAM,WAAW,eAAe,CAAC;AAEjC,YAAU,MAAM;AACd,aAAS,QAAQ;AACjB,aAAS,QAAQ;AAAA,MACf,WAAW,GAAG,EAAE,UAAU,QAAQ,OAAO,OAAO,CAAC;AAAA,MACjD;AAAA,MACA;AAAA,IACF;AAEA,WAAO,MAAM,gBAAgB,QAAQ;AAAA,EACvC,GAAG,CAAC,UAAU,QAAQ,CAAC;AAEvB,SAAO;AACT;","names":[]}

package/dist/index.d.mts

@@ -0,0 +1,6 @@
+export { Progress } from './components/progress.mjs';
+export { ProgressProps } from './types/progress.types.mjs';
+import 'react';
+import 'react/jsx-runtime';
+import 'react-native';
+import '@impulse-ui-native/theme';

package/dist/index.js

@@ -0,0 +1,3 @@
+export * from "./components";
+export * from "./types";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export * from \"./components\";\nexport * from \"./types\";\n"],"mappings":"AAAA,cAAc;AACd,cAAc;","names":[]}

package/dist/types/index.d.mts

@@ -0,0 +1,3 @@
+export { ProgressProps } from './progress.types.mjs';
+import 'react-native';
+import '@impulse-ui-native/theme';

package/dist/types/index.js

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

package/dist/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/types/index.ts"],"sourcesContent":["export * from \"./progress.types\";\n"],"mappings":"AAAA,cAAc;","names":[]}

package/dist/types/progress-internal.types.d.mts

@@ -0,0 +1,45 @@
+import { ColorValue, ViewProps } from 'react-native';
+
+interface LinearProgressProps extends ViewProps {
+    animationDuration: number;
+    borderRadius: number;
+    fraction: number;
+    indicatorColor: ColorValue;
+    indeterminate: boolean;
+    indeterminateWidth: number;
+    trackColor: ColorValue;
+    trackHeight: number;
+}
+interface LinearIndeterminateIndicatorProps {
+    animationDuration: number;
+    borderRadius: number;
+    color: ColorValue;
+    ratio: number;
+    trackHeight: number;
+    trackWidth: number;
+}
+interface CircularProgressProps extends ViewProps {
+    animationDuration: number;
+    fraction: number;
+    indicatorColor: ColorValue;
+    indeterminate: boolean;
+    strokeWidth: number;
+    trackColor: ColorValue;
+    width: number;
+}
+interface ProgressCircleProps {
+    color: ColorValue;
+    fraction: number;
+    strokeWidth: number;
+    trackColor: ColorValue;
+    width: number;
+}
+interface CircularIndeterminateIndicatorProps {
+    animationDuration: number;
+    color: ColorValue;
+    strokeWidth: number;
+    trackColor: ColorValue;
+    width: number;
+}
+
+export type { CircularIndeterminateIndicatorProps, CircularProgressProps, LinearIndeterminateIndicatorProps, LinearProgressProps, ProgressCircleProps };

package/dist/types/progress-internal.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=progress-internal.types.js.map

package/dist/types/progress-internal.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/types/progress.types.d.mts

@@ -0,0 +1,15 @@
+import { ViewProps, ColorValue } from 'react-native';
+import { ComponentSize, ProgressTone, ProgressVariant } from '@impulse-ui-native/theme';
+
+interface ProgressProps extends Omit<ViewProps, "children"> {
+    color?: ColorValue;
+    max?: number;
+    min?: number;
+    size?: ComponentSize;
+    tone?: ProgressTone;
+    trackColor?: ColorValue;
+    value?: number;
+    variant?: ProgressVariant;
+}
+
+export type { ProgressProps };

package/dist/types/progress.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=progress.types.js.map

package/dist/types/progress.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/utils/progress.utils.d.mts

@@ -0,0 +1,9 @@
+interface NormalizedProgressValue {
+    fraction: number;
+    max: number;
+    min: number;
+    value: number | undefined;
+}
+declare function normalizeProgressValue(value: number | undefined, min: number, max: number): NormalizedProgressValue;
+
+export { type NormalizedProgressValue, normalizeProgressValue };

package/dist/utils/progress.utils.js

@@ -0,0 +1,27 @@
+function normalizeProgressValue(value, min, max) {
+  const resolvedMin = Number.isFinite(min) ? min : 0;
+  const resolvedMax = Number.isFinite(max) && max > resolvedMin ? max : resolvedMin + 100;
+  if (value === void 0) {
+    return {
+      fraction: 0,
+      max: resolvedMax,
+      min: resolvedMin,
+      value: void 0
+    };
+  }
+  const finiteValue = Number.isFinite(value) ? value : resolvedMin;
+  const resolvedValue = Math.min(
+    Math.max(finiteValue, resolvedMin),
+    resolvedMax
+  );
+  return {
+    fraction: (resolvedValue - resolvedMin) / (resolvedMax - resolvedMin),
+    max: resolvedMax,
+    min: resolvedMin,
+    value: resolvedValue
+  };
+}
+export {
+  normalizeProgressValue
+};
+//# sourceMappingURL=progress.utils.js.map

package/dist/utils/progress.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/progress.utils.ts"],"sourcesContent":["export interface NormalizedProgressValue {\n  fraction: number;\n  max: number;\n  min: number;\n  value: number | undefined;\n}\n\nexport function normalizeProgressValue(\n  value: number | undefined,\n  min: number,\n  max: number,\n): NormalizedProgressValue {\n  const resolvedMin = Number.isFinite(min) ? min : 0;\n  const resolvedMax =\n    Number.isFinite(max) && max > resolvedMin ? max : resolvedMin + 100;\n\n  if (value === undefined) {\n    return {\n      fraction: 0,\n      max: resolvedMax,\n      min: resolvedMin,\n      value: undefined,\n    };\n  }\n\n  const finiteValue = Number.isFinite(value) ? value : resolvedMin;\n  const resolvedValue = Math.min(\n    Math.max(finiteValue, resolvedMin),\n    resolvedMax,\n  );\n\n  return {\n    fraction: (resolvedValue - resolvedMin) / (resolvedMax - resolvedMin),\n    max: resolvedMax,\n    min: resolvedMin,\n    value: resolvedValue,\n  };\n}\n"],"mappings":"AAOO,SAAS,uBACd,OACA,KACA,KACyB;AACzB,QAAM,cAAc,OAAO,SAAS,GAAG,IAAI,MAAM;AACjD,QAAM,cACJ,OAAO,SAAS,GAAG,KAAK,MAAM,cAAc,MAAM,cAAc;AAElE,MAAI,UAAU,QAAW;AACvB,WAAO;AAAA,MACL,UAAU;AAAA,MACV,KAAK;AAAA,MACL,KAAK;AAAA,MACL,OAAO;AAAA,IACT;AAAA,EACF;AAEA,QAAM,cAAc,OAAO,SAAS,KAAK,IAAI,QAAQ;AACrD,QAAM,gBAAgB,KAAK;AAAA,IACzB,KAAK,IAAI,aAAa,WAAW;AAAA,IACjC;AAAA,EACF;AAEA,SAAO;AAAA,IACL,WAAW,gBAAgB,gBAAgB,cAAc;AAAA,IACzD,KAAK;AAAA,IACL,KAAK;AAAA,IACL,OAAO;AAAA,EACT;AACF;","names":[]}

package/package.json

@@ -0,0 +1,62 @@
+{
+  "name": "@impulse-ui-native/progress",
+  "version": "6.0.0",
+  "description": "Progress components for ImpulseUI Native.",
+  "keywords": [
+    "react-native",
+    "progress",
+    "components"
+  ],
+  "license": "MIT",
+  "source": "src/index.ts",
+  "module": "dist/index.js",
+  "types": "dist/index.d.mts",
+  "react-native": "src/index.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.mts",
+      "react-native": "./src/index.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "sideEffects": false,
+  "dependencies": {
+    "@impulse-ui-native/theme": "6.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "~19.2.14",
+    "eslint": "^9.38.0",
+    "prettier": "^3.6.2",
+    "react": "19.2.3",
+    "react-native": "0.86.2",
+    "typescript": "~6.0.3",
+    "react-native-svg": "15.15.4",
+    "react-native-reanimated": "4.5.1",
+    "react-native-worklets": "0.10.1",
+    "@impulse-ui-native/eslint-config": "1.0.0",
+    "@impulse-ui-native/prettier-config": "1.0.0",
+    "@impulse-ui-native/tsconfig": "1.0.0"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-native": ">=0.73",
+    "react-native-svg": ">=13.9.0",
+    "react-native-reanimated": ">=4.0.0",
+    "react-native-worklets": ">=0.5"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "prettier": "@impulse-ui-native/prettier-config",
+  "scripts": {
+    "build": "tsup --config tsup.config.ts",
+    "typecheck": "tsc -p tsconfig.json --noEmit",
+    "lint": "pnpm exec eslint . --fix",
+    "format": "prettier --write \"./**/*.{ts,tsx,js,jsx,json,md}\" --ignore-path ../../.prettierignore"
+  }
+}