everkit-ui 0.1.0

package/dist/module/components/ChatInputBar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TextInput","View","Pressable","Send","useColors","useShadows","useTypography","VARIANT_GEOMETRY","SPACE","RADIUS","jsx","_jsx","jsxs","_jsxs","ChatInputBar","value","onChangeText","onSend","isSending","placeholder","maxLength","style","colors","shadows","typography","canSend","trim","length","bodyGeometry","fieldFont","fontFamily","fontSize","lineHeight","letterSpacing","flexDirection","alignItems","paddingHorizontal","paddingVertical","gap","backgroundColor","bg","primary","borderTopWidth","borderTopColor","border","default","children","placeholderTextColor","text","tertiary","flex","borderRadius","maxHeight","card","color","multiline","returnKeyType","accessibilityLabel","accessibilityHint","onPress","disabled","width","height","full","justifyContent","brand","sm","secondary","accessibilityRole","accessibilityState","size","inverse"],"sourceRoot":"../../../src","sources":["components/ChatInputBar.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/components/ChatScreen.js

@@ -0,0 +1,198 @@
+"use strict";
+
+import React, { forwardRef, useCallback, useImperativeHandle, useMemo, useRef, useState } from 'react';
+import { View, Keyboard, FlatList } from 'react-native';
+import { SafeAreaView } from 'react-native-safe-area-context';
+import { ScreenGradient } from "./ScreenGradient.js";
+import { ScreenHeader } from "./ScreenHeader.js";
+import { KeyboardAware } from "./KeyboardAware.js";
+import { ErrorState } from "./ErrorState.js";
+import { ChatInputBar } from "./ChatInputBar.js";
+import { SPACE } from "../theme/scale.js";
+
+/**
+ * Minimal contract every message must satisfy: a stable `id` for the FlatList.
+ * Callers pass their own full message shape; this scaffold never introspects
+ * anything beyond `id` — it is fully generic over the message type.
+ */
+
+/**
+ * Imperative handle exposed via `ref`. The only verb is `scrollToBottom` (used by
+ * a "back to latest" affordance). Kept intentionally small — anything richer
+ * would leak the FlatList implementation.
+ */
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Theme-agnostic, generic scaffold for chat screens: a {@link ScreenGradient}
+ * background → {@link KeyboardAware} → safe-area → {@link ScreenHeader} → an
+ * inverted `FlatList` → {@link ChatInputBar}, with error / loading / empty
+ * states. Fully generic over the message type (`M extends { id: string }`).
+ *
+ * What it OWNS: layout, the input text state (so it can restore on send-failure),
+ * the inverted-list perf knobs, and the imperative `scrollToBottom` handle.
+ *
+ * What it does NOT own: message rendering (caller passes `renderMessage`), the
+ * mutation lifecycle (caller passes `onSend` + an `onSendError` callback — there
+ * is NO `useToast` coupling; the app surfaces failures itself), and which data
+ * hook drives `messages`. It carries no color of its own; every surface inside
+ * reads the active theme.
+ *
+ * Router-decoupled: `onBack` is a plain callback — no `expo-router` import.
+ */
+function ChatScreenInner({
+  title,
+  subtitle,
+  onBack,
+  rightActions,
+  messages,
+  renderMessage,
+  isLoading = false,
+  loadingFallback,
+  error,
+  onRetry,
+  emptyState,
+  onSend,
+  onSendError,
+  isSending = false,
+  inputPlaceholder = 'Type a message...',
+  inputMaxLength = 2000,
+  onEndReached,
+  onEndReachedThreshold,
+  listFooter,
+  onListScroll,
+  floatingOverlay
+}, ref) {
+  const [text, setText] = useState('');
+  const listRef = useRef(null);
+  useImperativeHandle(ref, () => ({
+    scrollToBottom: ({
+      animated = true
+    } = {}) => {
+      // Inverted list → offset 0 is the visible bottom.
+      listRef.current?.scrollToOffset({
+        offset: 0,
+        animated
+      });
+    }
+  }), []);
+
+  // With `inverted`, index 0 sits at the bottom. Callers pass oldest-first, so
+  // we reverse for display. Memoised to keep the reference stable across
+  // re-renders that do not change the array.
+  const reversedMessages = useMemo(() => messages.slice().reverse(), [messages]);
+  const handleSend = useCallback(() => {
+    const trimmed = text.trim();
+    if (!trimmed || isSending) return;
+    // Optimistically clear the input so the keyboard feels responsive. The
+    // original text is captured in `trimmed`; on rejection we restore via a
+    // functional setter so we do not stomp whatever the user typed since.
+    setText('');
+    Keyboard.dismiss();
+    const onError = err => {
+      setText(current => current.length === 0 ? trimmed : current);
+      onSendError?.(err);
+    };
+    // try/catch handles a synchronous throw; .catch handles a rejected Promise.
+    try {
+      Promise.resolve(onSend(trimmed)).catch(onError);
+    } catch (err) {
+      onError(err);
+    }
+  }, [text, isSending, onSend, onSendError]);
+  const keyExtractor = useCallback(item => item.id, []);
+  const showEmpty = !isLoading && messages.length === 0 && !error;
+  const showLoading = isLoading && messages.length === 0;
+  const showList = !showEmpty && !showLoading && !error;
+  return /*#__PURE__*/_jsx(ScreenGradient, {
+    children: /*#__PURE__*/_jsx(KeyboardAware, {
+      keyboardVerticalOffset: 0,
+      children: /*#__PURE__*/_jsxs(SafeAreaView, {
+        style: {
+          flex: 1
+        },
+        edges: ['top'],
+        children: [/*#__PURE__*/_jsx(ScreenHeader, {
+          variant: "detail",
+          title: title,
+          subtitle: subtitle,
+          onBack: onBack,
+          showBack: Boolean(onBack),
+          rightActions: rightActions
+        }), error ? /*#__PURE__*/_jsx(ErrorState, {
+          message: error.message,
+          onRetry: onRetry
+        }) : showLoading ? loadingFallback ?? /*#__PURE__*/_jsx(View, {
+          style: {
+            flex: 1
+          }
+        }) : showEmpty ?
+        /*#__PURE__*/
+        // Fill the space between header and input so the empty state centers
+        // instead of collapsing to the top. `flexGrow/flexBasis/alignSelf` are
+        // spelled out rather than the `flex: 1` shorthand: on the New
+        // Architecture a deeply-nested `flex: 1` chain (this box → the caller's
+        // wrapper → a self-centering EmptyState) can collapse to zero height,
+        // and the explicit longhand + `stretch` is the reliable form.
+        _jsx(View, {
+          style: {
+            flexGrow: 1,
+            flexBasis: 0,
+            alignSelf: 'stretch',
+            justifyContent: 'center'
+          },
+          children: emptyState ?? null
+        }) : showList ? /*#__PURE__*/_jsxs(View, {
+          style: {
+            flex: 1
+          },
+          children: [/*#__PURE__*/_jsx(FlatList, {
+            ref: listRef,
+            inverted: true,
+            data: reversedMessages,
+            renderItem: renderMessage,
+            keyExtractor: keyExtractor,
+            keyboardDismissMode: "on-drag"
+            // `"always"` (not `"handled"`): under New Arch `"handled"` lets
+            // ancestor responders eat the first tap, breaking first-tap
+            // focus AND smooth scrolling on an inverted list. Bubbles are
+            // read-only, so there is no «persist on tap» behaviour to keep.
+            ,
+            keyboardShouldPersistTaps: "always",
+            contentContainerStyle: {
+              paddingTop: SPACE['4'],
+              paddingBottom: SPACE['4']
+            },
+            onEndReached: onEndReached,
+            onEndReachedThreshold: onEndReachedThreshold,
+            ListFooterComponent: listFooter ? /*#__PURE__*/_jsx(_Fragment, {
+              children: listFooter
+            }) : null,
+            onScroll: onListScroll,
+            scrollEventThrottle: onListScroll ? 16 : undefined
+            // Perf knobs. `removeClippedSubviews` is intentionally OFF for an
+            // inverted FlatList — iOS clips the bottom (latest) rows when the
+            // keyboard opens and they never re-mount.
+            ,
+            windowSize: 7,
+            maxToRenderPerBatch: 10,
+            updateCellsBatchingPeriod: 120,
+            initialNumToRender: 20
+          }), floatingOverlay]
+        }) : null, /*#__PURE__*/_jsx(ChatInputBar, {
+          value: text,
+          onChangeText: setText,
+          onSend: handleSend,
+          isSending: isSending,
+          placeholder: inputPlaceholder,
+          maxLength: inputMaxLength
+        })]
+      })
+    })
+  });
+}
+
+// `forwardRef` loses the generic <M>, so cast back. Standard React pattern for a
+// generic forwardRef component.
+export const ChatScreen = /*#__PURE__*/forwardRef(ChatScreenInner);
+ChatScreen.displayName = 'ChatScreen';
+//# sourceMappingURL=ChatScreen.js.map

package/dist/module/components/ChatScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","useCallback","useImperativeHandle","useMemo","useRef","useState","View","Keyboard","FlatList","SafeAreaView","ScreenGradient","ScreenHeader","KeyboardAware","ErrorState","ChatInputBar","SPACE","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","ChatScreenInner","title","subtitle","onBack","rightActions","messages","renderMessage","isLoading","loadingFallback","error","onRetry","emptyState","onSend","onSendError","isSending","inputPlaceholder","inputMaxLength","onEndReached","onEndReachedThreshold","listFooter","onListScroll","floatingOverlay","ref","text","setText","listRef","scrollToBottom","animated","current","scrollToOffset","offset","reversedMessages","slice","reverse","handleSend","trimmed","trim","dismiss","onError","err","length","Promise","resolve","catch","keyExtractor","item","id","showEmpty","showLoading","showList","children","keyboardVerticalOffset","style","flex","edges","variant","showBack","Boolean","message","flexGrow","flexBasis","alignSelf","justifyContent","inverted","data","renderItem","keyboardDismissMode","keyboardShouldPersistTaps","contentContainerStyle","paddingTop","paddingBottom","ListFooterComponent","onScroll","scrollEventThrottle","undefined","windowSize","maxToRenderPerBatch","updateCellsBatchingPeriod","initialNumToRender","value","onChangeText","placeholder","maxLength","ChatScreen","displayName"],"sourceRoot":"../../../src","sources":["components/ChatScreen.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/components/Chip.js

@@ -0,0 +1,63 @@
+"use strict";
+
+import React from 'react';
+import { View } from 'react-native';
+import { Text } from "./Text.js";
+import { useColors } from "../theme/ThemeProvider.js";
+import { RADIUS } from "../theme/scale.js";
+import { resolveChipColors, resolveChipSize } from "../internal/chipStyle.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Theme-agnostic pill-shaped tag — the single primitive for chip-style labels.
+ *
+ * GENERIC variants only (`default | info | success | warning`); domain chips
+ * (tea-companion's `'tea-type'`, espresso's diag chips) read per-app palettes
+ * and stay per app. Background + foreground come INLINE from {@link useColors}
+ * via the pure {@link resolveChipColors} helper — `default` uses neutral
+ * `bg.tertiary` / `text.secondary`, `success` uses `brand.primaryLight` /
+ * `brand.primaryDark`, and `info` / `warning` are translucent washes over the
+ * matching `semantic.*` colour. No hardcoded hex. Size geometry (padding, gap,
+ * icon/emoji sizing, text variant) comes from {@link resolveChipSize}.
+ *
+ * `icon` is an optional leading visual, colored to match the foreground.
+ * Layout (flex, radius, alignment) is applied INLINE from the library-owned
+ * {@link RADIUS} scale, so the chip renders with no NativeWind setup in the
+ * consumer; `style` is an inline override merged last.
+ */
+export const Chip = /*#__PURE__*/React.memo(function Chip({
+  variant = 'default',
+  label,
+  icon: Icon,
+  size = 'md',
+  style
+}) {
+  const colors = useColors();
+  const palette = resolveChipColors(variant, {
+    colors
+  });
+  const dims = resolveChipSize(size);
+  const hasLeading = Boolean(Icon);
+  return /*#__PURE__*/_jsxs(View, {
+    style: [{
+      flexDirection: 'row',
+      alignItems: 'center',
+      borderRadius: RADIUS.full,
+      alignSelf: 'flex-start',
+      backgroundColor: palette.bg,
+      paddingHorizontal: dims.paddingHorizontal,
+      paddingVertical: dims.paddingVertical,
+      gap: hasLeading ? dims.gap : 0
+    }, style],
+    children: [Icon ? /*#__PURE__*/_jsx(Icon, {
+      size: dims.iconSize,
+      color: palette.fg
+    }) : null, /*#__PURE__*/_jsx(Text, {
+      variant: dims.textVariant,
+      style: {
+        color: palette.fg
+      },
+      children: label
+    })]
+  });
+});
+//# sourceMappingURL=Chip.js.map

package/dist/module/components/Chip.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","useColors","RADIUS","resolveChipColors","resolveChipSize","jsx","_jsx","jsxs","_jsxs","Chip","memo","variant","label","icon","Icon","size","style","colors","palette","dims","hasLeading","Boolean","flexDirection","alignItems","borderRadius","full","alignSelf","backgroundColor","bg","paddingHorizontal","paddingVertical","gap","children","iconSize","color","fg","textVariant"],"sourceRoot":"../../../src","sources":["components/Chip.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAwC,cAAc;AAEnE,SAASC,IAAI,QAAQ,WAAQ;AAC7B,SAASC,SAAS,QAAQ,2BAAwB;AAClD,SAASC,MAAM,QAAQ,mBAAgB;AACvC,SACEC,iBAAiB,EACjBC,eAAe,QAGV,0BAAuB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAiB9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,IAAI,gBAAGX,KAAK,CAACY,IAAI,CAAC,SAASD,IAAIA,CAAC;EAC3CE,OAAO,GAAG,SAAS;EACnBC,KAAK;EACLC,IAAI,EAAEC,IAAI;EACVC,IAAI,GAAG,IAAI;EACXC;AACS,CAAC,EAAE;EACZ,MAAMC,MAAM,GAAGhB,SAAS,CAAC,CAAC;EAC1B,MAAMiB,OAAO,GAAGf,iBAAiB,CAACQ,OAAO,EAAE;IAAEM;EAAO,CAAC,CAAC;EACtD,MAAME,IAAI,GAAGf,eAAe,CAACW,IAAI,CAAC;EAElC,MAAMK,UAAU,GAAGC,OAAO,CAACP,IAAI,CAAC;EAEhC,oBACEN,KAAA,CAACT,IAAI;IACHiB,KAAK,EAAE,CACL;MACEM,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,YAAY,EAAEtB,MAAM,CAACuB,IAAI;MACzBC,SAAS,EAAE,YAAY;MACvBC,eAAe,EAAET,OAAO,CAACU,EAAE;MAC3BC,iBAAiB,EAAEV,IAAI,CAACU,iBAAiB;MACzCC,eAAe,EAAEX,IAAI,CAACW,eAAe;MACrCC,GAAG,EAAEX,UAAU,GAAGD,IAAI,CAACY,GAAG,GAAG;IAC/B,CAAC,EACDf,KAAK,CACL;IAAAgB,QAAA,GAEDlB,IAAI,gBAAGR,IAAA,CAACQ,IAAI;MAACC,IAAI,EAAEI,IAAI,CAACc,QAAS;MAACC,KAAK,EAAEhB,OAAO,CAACiB;IAAG,CAAE,CAAC,GAAG,IAAI,eAC/D7B,IAAA,CAACN,IAAI;MAACW,OAAO,EAAEQ,IAAI,CAACiB,WAAY;MAACpB,KAAK,EAAE;QAAEkB,KAAK,EAAEhB,OAAO,CAACiB;MAAG,CAAE;MAAAH,QAAA,EAC3DpB;IAAK,CACF,CAAC;EAAA,CACH,CAAC;AAEX,CAAC,CAAC","ignoreList":[]}

package/dist/module/components/ChipSelector.js

@@ -0,0 +1,122 @@
+"use strict";
+
+import { View, ScrollView, Pressable } from 'react-native';
+import { Text } from "./Text.js";
+import { useColors } from "../theme/ThemeProvider.js";
+import { SPACE } from "../theme/scale.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Theme-agnostic single-select chip group — a row (or wrapping grid) of pill
+ * chips where exactly one is active. Distinct from the static {@link Chip} tag:
+ * this owns selection state styling and tap handling.
+ *
+ * Every colour comes INLINE from {@link useColors}: the active `filled` chip
+ * fills with the chosen `brand.*` ramp (label `text.inverse`); the active
+ * `outlined` chip uses the `brand.*Light` wash (label the matching `brand.*`);
+ * inactive chips fill with `bg.secondary` (label `text.secondary`). The pilot
+ * consumer's var-backed text classes (`text-white`, `text-brand-*`) are replaced
+ * with inline theme colours per the one styling rule. Layout (gap + label
+ * spacing) is applied INLINE from the library-owned {@link SPACE} scale, so the
+ * chip group renders with no NativeWind setup in the consumer.
+ */
+export function ChipSelector({
+  options,
+  selected,
+  onSelect,
+  variant = 'filled',
+  color = 'primary',
+  layout = 'wrap',
+  shape = 'pill',
+  label,
+  contentPaddingHorizontal
+}) {
+  const colors = useColors();
+  const borderRadius = shape === 'pill' ? 999 : 12;
+  const activeBg = {
+    filled: {
+      primary: colors.brand.primary,
+      secondary: colors.brand.secondary,
+      accent: colors.brand.accent
+    },
+    outlined: {
+      primary: colors.brand.primaryLight,
+      secondary: colors.brand.secondaryLight,
+      accent: colors.brand.accentLight
+    }
+  };
+  const activeInk = {
+    filled: {
+      primary: colors.text.inverse,
+      secondary: colors.text.inverse,
+      accent: colors.text.inverse
+    },
+    outlined: {
+      primary: colors.brand.primary,
+      secondary: colors.brand.secondary,
+      accent: colors.brand.accent
+    }
+  };
+  const renderChips = () => options.map(option => {
+    const isActive = option.value === selected;
+    // A per-option `color` overrides the ramp: filled with that colour, label
+    // in `text.inverse` (matching a filled active chip).
+    const activeBackground = option.color ?? activeBg[variant][color];
+    const activeForeground = option.color ? colors.text.inverse : activeInk[variant][color];
+    return /*#__PURE__*/_jsx(Pressable, {
+      onPress: () => onSelect(option.value),
+      accessibilityRole: "button",
+      accessibilityState: {
+        selected: isActive
+      },
+      accessibilityLabel: option.label,
+      style: {
+        flexShrink: 0,
+        paddingHorizontal: 16,
+        height: 36,
+        borderRadius,
+        alignItems: 'center',
+        justifyContent: 'center',
+        backgroundColor: isActive ? activeBackground : colors.bg.secondary
+      },
+      children: /*#__PURE__*/_jsx(Text, {
+        variant: "label-sm",
+        numberOfLines: 1,
+        style: {
+          color: isActive ? activeForeground : colors.text.secondary
+        },
+        children: option.label
+      })
+    }, option.value);
+  });
+  return /*#__PURE__*/_jsxs(View, {
+    children: [label && /*#__PURE__*/_jsx(Text, {
+      variant: "label-md",
+      style: {
+        marginBottom: SPACE['1.5'],
+        color: colors.text.secondary
+      },
+      children: label
+    }), layout === 'wrap' ? /*#__PURE__*/_jsx(View, {
+      style: {
+        flexDirection: 'row',
+        flexWrap: 'wrap',
+        gap: SPACE['2'],
+        paddingHorizontal: contentPaddingHorizontal
+      },
+      children: renderChips()
+    }) : /*#__PURE__*/_jsx(ScrollView, {
+      horizontal: true,
+      showsHorizontalScrollIndicator: false,
+      contentContainerStyle: {
+        gap: 8,
+        alignItems: 'center',
+        paddingHorizontal: contentPaddingHorizontal
+      },
+      style: {
+        height: 44
+      },
+      children: renderChips()
+    })]
+  });
+}
+//# sourceMappingURL=ChipSelector.js.map

package/dist/module/components/ChipSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","ScrollView","Pressable","Text","useColors","SPACE","jsx","_jsx","jsxs","_jsxs","ChipSelector","options","selected","onSelect","variant","color","layout","shape","label","contentPaddingHorizontal","colors","borderRadius","activeBg","filled","primary","brand","secondary","accent","outlined","primaryLight","secondaryLight","accentLight","activeInk","text","inverse","renderChips","map","option","isActive","value","activeBackground","activeForeground","onPress","accessibilityRole","accessibilityState","accessibilityLabel","style","flexShrink","paddingHorizontal","height","alignItems","justifyContent","backgroundColor","bg","children","numberOfLines","marginBottom","flexDirection","flexWrap","gap","horizontal","showsHorizontalScrollIndicator","contentContainerStyle"],"sourceRoot":"../../../src","sources":["components/ChipSelector.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/components/CircularProgress.js

@@ -0,0 +1,123 @@
+"use strict";
+
+import { useEffect, useId } from 'react';
+import { View } from 'react-native';
+import Animated, { useSharedValue, useAnimatedProps, withTiming, Easing, cancelAnimation } from 'react-native-reanimated';
+import Svg, { Circle, Defs, LinearGradient, Stop } from 'react-native-svg';
+import { useColors } from "../theme/ThemeProvider.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const AnimatedCircle = Animated.createAnimatedComponent(Circle);
+const SWEEP_DURATION_MS = 800;
+/**
+ * Theme-agnostic circular progress RING with a centered content slot — the
+ * generic primitive behind countdown dials, percentage gauges, and step
+ * meters. The app composes the center (time, percent, play/pause) and owns all
+ * domain logic (counting, formatting, infusion state); this ring only paints
+ * the arc and animates the sweep.
+ *
+ * Colour comes INLINE from {@link useColors}: the track defaults to
+ * `border.default` and the filled arc to a `brand.primary` → `brand.primaryDark`
+ * gradient (or a flat `brand.primary` when `gradient={false}`). The
+ * `strokeDashoffset` sweep is driven on the UI thread via `useAnimatedProps`, so
+ * pushing a new `progress` eases the arc without a JS-thread re-render. The arc
+ * starts at 12 o'clock (`rotate(-90)`) and grows clockwise.
+ */
+export function CircularProgress({
+  progress,
+  size = 200,
+  strokeWidth = 12,
+  trackColor,
+  gradient = true,
+  rounded = true,
+  animationDurationMs = SWEEP_DURATION_MS,
+  children,
+  style
+}) {
+  const colors = useColors();
+  const radius = (size - strokeWidth) / 2;
+  const circumference = 2 * Math.PI * radius;
+  const center = size / 2;
+  const clamped = Math.min(Math.max(progress, 0), 1);
+
+  // A unique gradient id per instance — two rings on one screen must not share
+  // (or clobber) the same `<Defs>` entry. `useId()` returns colons (`:r0:`),
+  // which are invalid in an SVG element id / `url(#…)` reference and silently
+  // break gradient resolution, so strip them out.
+  const rawId = useId();
+  const gradientId = `everkit-progress-${rawId.replace(/:/g, '')}`;
+
+  // Drive `strokeDashoffset` on the UI thread; pushing a new `progress` eases
+  // the arc with no JS-thread re-render.
+  const progressValue = useSharedValue(clamped);
+  useEffect(() => {
+    progressValue.value = withTiming(clamped, {
+      duration: animationDurationMs,
+      easing: Easing.out(Easing.cubic)
+    });
+  }, [clamped, animationDurationMs]);
+
+  // Cancel the in-flight sweep on unmount.
+  useEffect(() => {
+    return () => cancelAnimation(progressValue);
+  }, []);
+  const progressArcProps = useAnimatedProps(() => ({
+    strokeDashoffset: circumference * (1 - progressValue.value)
+  }));
+  const stroke = gradient ? `url(#${gradientId})` : colors.brand.primary;
+  return /*#__PURE__*/_jsxs(View, {
+    style: [{
+      width: size,
+      height: size,
+      alignItems: 'center',
+      justifyContent: 'center'
+    }, style],
+    children: [/*#__PURE__*/_jsxs(Svg, {
+      width: size,
+      height: size,
+      style: {
+        position: 'absolute'
+      },
+      children: [/*#__PURE__*/_jsx(Defs, {
+        children: /*#__PURE__*/_jsxs(LinearGradient, {
+          id: gradientId,
+          x1: "0",
+          y1: "0",
+          x2: "0",
+          y2: "1",
+          children: [/*#__PURE__*/_jsx(Stop, {
+            offset: "0",
+            stopColor: colors.brand.primary
+          }), /*#__PURE__*/_jsx(Stop, {
+            offset: "1",
+            stopColor: colors.brand.primaryDark
+          })]
+        })
+      }), /*#__PURE__*/_jsx(Circle, {
+        cx: center,
+        cy: center,
+        r: radius,
+        stroke: trackColor ?? colors.border.default,
+        strokeWidth: strokeWidth,
+        fill: "none"
+      }), /*#__PURE__*/_jsx(AnimatedCircle, {
+        cx: center,
+        cy: center,
+        r: radius,
+        stroke: stroke,
+        strokeWidth: strokeWidth,
+        fill: "none",
+        strokeDasharray: circumference,
+        strokeLinecap: rounded ? 'round' : 'butt',
+        transform: `rotate(-90 ${center} ${center})`,
+        animatedProps: progressArcProps
+      })]
+    }), children != null && /*#__PURE__*/_jsx(View, {
+      style: {
+        alignItems: 'center',
+        justifyContent: 'center'
+      },
+      children: children
+    })]
+  });
+}
+//# sourceMappingURL=CircularProgress.js.map

package/dist/module/components/CircularProgress.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useId","View","Animated","useSharedValue","useAnimatedProps","withTiming","Easing","cancelAnimation","Svg","Circle","Defs","LinearGradient","Stop","useColors","jsx","_jsx","jsxs","_jsxs","AnimatedCircle","createAnimatedComponent","SWEEP_DURATION_MS","CircularProgress","progress","size","strokeWidth","trackColor","gradient","rounded","animationDurationMs","children","style","colors","radius","circumference","Math","PI","center","clamped","min","max","rawId","gradientId","replace","progressValue","value","duration","easing","out","cubic","progressArcProps","strokeDashoffset","stroke","brand","primary","width","height","alignItems","justifyContent","position","id","x1","y1","x2","y2","offset","stopColor","primaryDark","cx","cy","r","border","default","fill","strokeDasharray","strokeLinecap","transform","animatedProps"],"sourceRoot":"../../../src","sources":["components/CircularProgress.tsx"],"mappings":"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","ignoreList":[]}