@mapples/components 1.1.1 → 1.2.0

package/dist/components/feedback/ProgressBar/index.d.ts

@@ -0,0 +1,53 @@
+import { StyledProp } from '@mapples/style';
+import { Tone } from '@mapples/ui';
+import { TextStyle, View, ViewProps, ViewStyle } from 'react-native';
+import { ProgressBarSize } from './types';
+/** Props for {@link ProgressBar}. */
+export interface ProgressBarProps extends Omit<ViewProps, 'children'> {
+    /** Current progress, from 0 to `max`. Defaults to `0`. */
+    value?: number;
+    /** The value that fills the bar. Defaults to `100`. */
+    max?: number;
+    /** Shows a sliding fill instead of a value (unknown duration). */
+    indeterminate?: boolean;
+    /** Colour role of the fill. Defaults to `primary`. */
+    tone?: Tone;
+    /** Track thickness: `sm` 4, `md` 8, `lg` 12. Defaults to `md`. */
+    size?: ProgressBarSize;
+    /** Shows the percentage after the track. */
+    showLabel?: boolean;
+    /** Custom text in place of the percentage ('3 of 5'); shown even without `showLabel`. */
+    label?: string;
+    /** Rounds the track and fill ends. Defaults to `true`. */
+    rounded?: boolean;
+    /** Styled slots for every visual part. */
+    styled?: {
+        /** The row holding track and label. */
+        style?: StyledProp<ViewStyle>;
+        /** The track (its `backgroundColor` is the track colour). */
+        styleTrack?: StyledProp<ViewStyle>;
+        /** The fill (its `backgroundColor` is the fill colour). */
+        styleFill?: StyledProp<ViewStyle>;
+        /** The label text. */
+        styleLabel?: StyledProp<TextStyle>;
+    };
+}
+/**
+ * A linear progress indicator: a track with a tone-coloured fill that eases
+ * to `value / max`, or an `indeterminate` sweep while the duration is
+ * unknown. Stretches across its parent; an optional percentage or custom
+ * label sits after the track.
+ *
+ * @example
+ * ```tsx
+ * <ProgressBar value={uploaded} max={total} showLabel />
+ * <ProgressBar indeterminate size="sm" />
+ * ```
+ *
+ * @public
+ */
+declare const ProgressBar: import("react").ForwardRefExoticComponent<ProgressBarProps & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<View>>;
+export default ProgressBar;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/feedback/ProgressBar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/ProgressBar/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAqC,MAAM,gBAAgB,CAAC;AAC/E,OAAO,EAAU,IAAI,EAA8B,MAAM,aAAa,CAAC;AACvE,OAAO,EAIL,SAAS,EACT,IAAI,EACJ,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAUtB,OAAO,EAGL,eAAe,EAEhB,MAAM,SAAS,CAAC;AAEjB,qCAAqC;AACrC,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IACnE,0DAA0D;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uDAAuD;IACvD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,kEAAkE;IAClE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,sDAAsD;IACtD,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,kEAAkE;IAClE,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,yFAAyF;IACzF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0DAA0D;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0CAA0C;IAC1C,MAAM,CAAC,EAAE;QACP,uCAAuC;QACvC,KAAK,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QAC9B,6DAA6D;QAC7D,UAAU,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACnC,2DAA2D;QAC3D,SAAS,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QAClC,sBAAsB;QACtB,UAAU,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;KACpC,CAAC;CACH;AAED;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,WAAW;;wCA8IhB,CAAC;AAGF,eAAe,WAAW,CAAC"}

package/dist/components/feedback/ProgressBar/index.js

@@ -0,0 +1,106 @@
+import { forwardRef, useState } from 'react';
+import { StyledView, Typography, useStyled } from '@mapples/style';
+import { Tokens, TYPOGRAPHY_PARTS, useTones } from '@mapples/ui';
+import { Animated, I18nManager, } from 'react-native';
+import { useLoopValue, useReduceMotion, useSlotColor, useTimingValue, } from '../../../internal';
+import { defaults } from './defaults';
+import { PROGRESS_BAR_INDETERMINATE_WIDTH, PROGRESS_BAR_TRACK, progressFraction, } from './types';
+/**
+ * A linear progress indicator: a track with a tone-coloured fill that eases
+ * to `value / max`, or an `indeterminate` sweep while the duration is
+ * unknown. Stretches across its parent; an optional percentage or custom
+ * label sits after the track.
+ *
+ * @example
+ * ```tsx
+ * <ProgressBar value={uploaded} max={total} showLabel />
+ * <ProgressBar indeterminate size="sm" />
+ * ```
+ *
+ * @public
+ */
+const ProgressBar = forwardRef(({ value = 0, max = 100, indeterminate = false, tone = 'primary', size = 'md', showLabel = false, label, rounded = true, styled, 
+// The canvas injects a drop area as children; leaf components ignore them.
+children: _children, ...rest }, ref) => {
+    const fraction = indeterminate
+        ? 0
+        : progressFraction(value, max, 'ProgressBar');
+    const tones = useTones();
+    const palette = tones.tone(tone);
+    const [trackWidth, setTrackWidth] = useState(0);
+    const reduceMotion = useReduceMotion();
+    const scaleX = useTimingValue(fraction);
+    const slide = useLoopValue({
+        duration: 1200,
+        running: indeterminate && trackWidth > 0,
+        reverse: false,
+    });
+    const trackColor = useSlotColor(styled?.styleTrack, 'backgroundColor', tones.fill);
+    const fillColor = useSlotColor(styled?.styleFill, 'backgroundColor', palette.main);
+    const resolved = useStyled({ fill: styled?.styleFill });
+    const thickness = PROGRESS_BAR_TRACK[size];
+    const radius = rounded ? thickness / 2 : 0;
+    const isRTL = I18nManager.isRTL;
+    const sweepWidth = PROGRESS_BAR_INDETERMINATE_WIDTH * trackWidth;
+    // The sweep enters from the reading start and leaves at the reading end.
+    const translateX = slide.interpolate({
+        inputRange: [0, 1],
+        outputRange: isRTL
+            ? [trackWidth, -sweepWidth]
+            : [-sweepWidth, trackWidth],
+    });
+    const percent = Math.round(fraction * 100);
+    const text = label || (showLabel && !indeterminate ? `${percent}%` : '');
+    const onLayout = (event) => setTrackWidth(event.nativeEvent.layout.width);
+    return (<StyledView ref={ref} accessibilityRole="progressbar" accessibilityValue={{
+            min: 0,
+            max,
+            now: indeterminate ? undefined : Math.min(Math.max(value, 0), max),
+        }} accessibilityState={{ busy: indeterminate }} styled={{ style: [defaults.root, styled?.style] }} {...rest}>
+        <StyledView onLayout={onLayout} styled={{
+            style: [
+                defaults.track,
+                {
+                    height: thickness,
+                    borderRadius: radius,
+                    backgroundColor: trackColor,
+                },
+                styled?.styleTrack,
+            ],
+        }}>
+          {indeterminate ? (<Animated.View pointerEvents="none" style={[
+                defaults.fill,
+                {
+                    width: `${PROGRESS_BAR_INDETERMINATE_WIDTH * 100}%`,
+                    borderRadius: radius,
+                    backgroundColor: fillColor,
+                },
+                resolved.fill,
+                {
+                    // With reduced motion the sweep rests at the start instead of vanishing.
+                    transform: [{ translateX: reduceMotion ? 0 : translateX }],
+                },
+            ]}/>) : (<Animated.View pointerEvents="none" style={[
+                defaults.fill,
+                {
+                    width: '100%',
+                    borderRadius: radius,
+                    backgroundColor: fillColor,
+                    transformOrigin: isRTL ? 'right' : 'left',
+                },
+                resolved.fill,
+                { transform: [{ scaleX }] },
+            ]}/>)}
+        </StyledView>
+        {text ? (<Typography variant={TYPOGRAPHY_PARTS.helper} numberOfLines={1} style={[
+                defaults.label,
+                { color: tones.resolve(Tokens.color.textSecondary) },
+                styled?.styleLabel,
+            ]}>
+            {text}
+          </Typography>) : null}
+      </StyledView>);
+});
+ProgressBar.displayName = 'ProgressBar';
+export default ProgressBar;
+//# sourceMappingURL=index.js.map

package/dist/components/feedback/ProgressBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/feedback/ProgressBar/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/feedback/ProgressBar/schematic.d.ts

@@ -0,0 +1,4 @@
+import { RegisteredComponent } from '@mapples/types';
+/** Registers {@link ProgressBar} under the `'ProgressBar'` type key. */
+export declare const ProgressBarSchematic: RegisteredComponent;
+//# sourceMappingURL=schematic.d.ts.map

package/dist/components/feedback/ProgressBar/schematic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"schematic.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/ProgressBar/schematic.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAIrD,wEAAwE;AACxE,eAAO,MAAM,oBAAoB,EAAE,mBAGlC,CAAC"}

package/dist/components/feedback/ProgressBar/schematic.js

@@ -0,0 +1,7 @@
+import ProgressBar from './index';
+/** Registers {@link ProgressBar} under the `'ProgressBar'` type key. */
+export const ProgressBarSchematic = {
+    type: 'ProgressBar',
+    Component: ProgressBar,
+};
+//# sourceMappingURL=schematic.js.map

package/dist/components/feedback/ProgressBar/schematic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schematic.js","sourceRoot":"","sources":["../../../../src/components/feedback/ProgressBar/schematic.ts"],"names":[],"mappings":"AAEA,OAAO,WAAW,MAAM,SAAS,CAAC;AAElC,wEAAwE;AACxE,MAAM,CAAC,MAAM,oBAAoB,GAAwB;IACvD,IAAI,EAAE,aAAa;IACnB,SAAS,EAAE,WAAW;CACvB,CAAC"}

package/dist/components/feedback/ProgressBar/types.d.ts

@@ -0,0 +1,13 @@
+/** Track thicknesses of the ProgressBar. */
+export declare const PROGRESS_BAR_SIZES: readonly ["sm", "md", "lg"];
+export type ProgressBarSize = (typeof PROGRESS_BAR_SIZES)[number];
+/** Track thickness in points per size. */
+export declare const PROGRESS_BAR_TRACK: Record<ProgressBarSize, number>;
+/** Fraction of the track the indeterminate fill covers. */
+export declare const PROGRESS_BAR_INDETERMINATE_WIDTH = 0.4;
+/**
+ * `value` as a 0–1 fraction of `max`, clamped. A non-positive `max` or a
+ * non-numeric `value` is a data error and is reported, never hidden.
+ */
+export declare const progressFraction: (value: number, max: number, component: string) => number;
+//# sourceMappingURL=types.d.ts.map

package/dist/components/feedback/ProgressBar/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/ProgressBar/types.ts"],"names":[],"mappings":"AAAA,4CAA4C;AAC5C,eAAO,MAAM,kBAAkB,6BAA8B,CAAC;AAC9D,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAC;AAElE,0CAA0C;AAC1C,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,eAAe,EAAE,MAAM,CAI9D,CAAC;AAEF,2DAA2D;AAC3D,eAAO,MAAM,gCAAgC,MAAM,CAAC;AAEpD;;;GAGG;AACH,eAAO,MAAM,gBAAgB,GAC3B,OAAO,MAAM,EACb,KAAK,MAAM,EACX,WAAW,MAAM,KAChB,MAUF,CAAC"}

package/dist/components/feedback/ProgressBar/types.js

@@ -0,0 +1,24 @@
+/** Track thicknesses of the ProgressBar. */
+export const PROGRESS_BAR_SIZES = ['sm', 'md', 'lg'];
+/** Track thickness in points per size. */
+export const PROGRESS_BAR_TRACK = {
+    sm: 4,
+    md: 8,
+    lg: 12,
+};
+/** Fraction of the track the indeterminate fill covers. */
+export const PROGRESS_BAR_INDETERMINATE_WIDTH = 0.4;
+/**
+ * `value` as a 0–1 fraction of `max`, clamped. A non-positive `max` or a
+ * non-numeric `value` is a data error and is reported, never hidden.
+ */
+export const progressFraction = (value, max, component) => {
+    if (typeof max !== 'number' || !(max > 0)) {
+        throw new Error(`${component}: max (${String(max)}) must be positive`);
+    }
+    if (typeof value !== 'number' || !Number.isFinite(value)) {
+        throw new Error(`${component}: value (${String(value)}) must be a finite number`);
+    }
+    return Math.min(1, Math.max(0, value / max));
+};
+//# sourceMappingURL=types.js.map

package/dist/components/feedback/ProgressBar/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/feedback/ProgressBar/types.ts"],"names":[],"mappings":"AAAA,4CAA4C;AAC5C,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAU,CAAC;AAG9D,0CAA0C;AAC1C,MAAM,CAAC,MAAM,kBAAkB,GAAoC;IACjE,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,EAAE;CACP,CAAC;AAEF,2DAA2D;AAC3D,MAAM,CAAC,MAAM,gCAAgC,GAAG,GAAG,CAAC;AAEpD;;;GAGG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC9B,KAAa,EACb,GAAW,EACX,SAAiB,EACT,EAAE;IACV,IAAI,OAAO,GAAG,KAAK,QAAQ,IAAI,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,EAAE,CAAC;QAC1C,MAAM,IAAI,KAAK,CAAC,GAAG,SAAS,UAAU,MAAM,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC;IACzE,CAAC;IACD,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;QACzD,MAAM,IAAI,KAAK,CACb,GAAG,SAAS,YAAY,MAAM,CAAC,KAAK,CAAC,2BAA2B,CACjE,CAAC;IACJ,CAAC;IACD,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC;AAC/C,CAAC,CAAC"}

package/dist/components/feedback/ProgressCircle/defaults.d.ts

@@ -0,0 +1,25 @@
+/** Runtime defaults — author slots merge over these. */
+export declare const defaults: {
+    root: {
+        alignSelf: "flex-start";
+        alignItems: "center";
+    };
+    dial: {
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    centre: {
+        position: "absolute";
+        top: number;
+        left: number;
+        right: number;
+        bottom: number;
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    bounds: {
+        flexDirection: "row";
+        justifyContent: "space-between";
+    };
+};
+//# sourceMappingURL=defaults.d.ts.map

package/dist/components/feedback/ProgressCircle/defaults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/ProgressCircle/defaults.ts"],"names":[],"mappings":"AAEA,wDAAwD;AACxD,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;CAsBnB,CAAC"}

package/dist/components/feedback/ProgressCircle/defaults.js

@@ -0,0 +1,26 @@
+import { Styler } from '@mapples/style';
+/** Runtime defaults — author slots merge over these. */
+export const defaults = Styler.create({
+    root: {
+        alignSelf: 'flex-start',
+        alignItems: 'center',
+    },
+    dial: {
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    centre: {
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    bounds: {
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+    },
+});
+//# sourceMappingURL=defaults.js.map

package/dist/components/feedback/ProgressCircle/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../../src/components/feedback/ProgressCircle/defaults.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAExC,wDAAwD;AACxD,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC;IACpC,IAAI,EAAE;QACJ,SAAS,EAAE,YAAY;QACvB,UAAU,EAAE,QAAQ;KACrB;IACD,IAAI,EAAE;QACJ,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;IACD,MAAM,EAAE;QACN,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;IACD,MAAM,EAAE;QACN,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,eAAe;KAChC;CACF,CAAC,CAAC"}

package/dist/components/feedback/ProgressCircle/index.d.ts

@@ -0,0 +1,61 @@
+import { StyledProp } from '@mapples/style';
+import { Tone } from '@mapples/ui';
+import { TextStyle, View, ViewProps, ViewStyle } from 'react-native';
+import { ProgressCircleVariant } from './types';
+/** Props for {@link ProgressCircle}. */
+export interface ProgressCircleProps extends Omit<ViewProps, 'children'> {
+    /** Current progress, from 0 to `max`. Defaults to `0`. */
+    value?: number;
+    /** The value that closes the circle. Defaults to `100`. */
+    max?: number;
+    /** Edge of the circle in points. Defaults to `48`. */
+    size?: number;
+    /** Stroke thickness in points. Defaults to `4`. */
+    strokeWidth?: number;
+    /** A full ring, or a 240° gauge open at the bottom with min/max labels. Defaults to `ring`. */
+    variant?: ProgressCircleVariant;
+    /** Spins a short arc instead of showing a value (unknown duration). */
+    indeterminate?: boolean;
+    /** Colour role of the fill. Defaults to `primary`. */
+    tone?: Tone;
+    /** Shows the percentage in the centre. */
+    showLabel?: boolean;
+    /** Custom centre text in place of the percentage; shown even without `showLabel`. */
+    label?: string;
+    /** Glyph in the centre instead of the text (project icon family). */
+    iconName?: string;
+    /** Styled slots for every visual part. */
+    styled?: {
+        /** The box around the circle. */
+        style?: StyledProp<ViewStyle>;
+        /** The track stroke (its `color` is the stroke colour). */
+        styleTrack?: StyledProp<ViewStyle & {
+            color?: string;
+        }>;
+        /** The fill stroke (its `color` is the stroke colour). */
+        styleFill?: StyledProp<ViewStyle & {
+            color?: string;
+        }>;
+        /** The centre label. */
+        styleLabel?: StyledProp<TextStyle>;
+    };
+}
+/**
+ * A circular progress indicator drawn with SVG: a ring (or a gauge open at
+ * the bottom) whose tone-coloured stroke covers `value / max`, with the
+ * percentage, a custom label or a glyph in the centre. `indeterminate` spins
+ * a short arc while the duration is unknown.
+ *
+ * @example
+ * ```tsx
+ * <ProgressCircle value={72} showLabel />
+ * <ProgressCircle variant="gauge" value={3.2} max={5} label="3.2" size={96} strokeWidth={8} />
+ * ```
+ *
+ * @public
+ */
+declare const ProgressCircle: import("react").ForwardRefExoticComponent<ProgressCircleProps & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<View>>;
+export default ProgressCircle;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/feedback/ProgressCircle/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/ProgressCircle/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAA0B,MAAM,gBAAgB,CAAC;AACpE,OAAO,EAAgB,IAAI,EAA8B,MAAM,aAAa,CAAC;AAC7E,OAAO,EAAY,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAO/E,OAAO,EAGL,qBAAqB,EACtB,MAAM,SAAS,CAAC;AAEjB,wCAAwC;AACxC,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IACtE,0DAA0D;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2DAA2D;IAC3D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,sDAAsD;IACtD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mDAAmD;IACnD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+FAA+F;IAC/F,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,uEAAuE;IACvE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,sDAAsD;IACtD,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,0CAA0C;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qFAAqF;IACrF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qEAAqE;IACrE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0CAA0C;IAC1C,MAAM,CAAC,EAAE;QACP,iCAAiC;QACjC,KAAK,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QAC9B,2DAA2D;QAC3D,UAAU,CAAC,EAAE,UAAU,CAAC,SAAS,GAAG;YAAE,KAAK,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC,CAAC;QACxD,0DAA0D;QAC1D,SAAS,CAAC,EAAE,UAAU,CAAC,SAAS,GAAG;YAAE,KAAK,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC,CAAC;QACvD,wBAAwB;QACxB,UAAU,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;KACpC,CAAC;CACH;AAED;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,cAAc;;wCAgKnB,CAAC;AAGF,eAAe,cAAc,CAAC"}

package/dist/components/feedback/ProgressCircle/index.js

@@ -0,0 +1,98 @@
+import { forwardRef } from 'react';
+import { StyledView, Typography } from '@mapples/style';
+import { Icon, Tokens, TYPOGRAPHY_PARTS, useTones } from '@mapples/ui';
+import { Animated } from 'react-native';
+import Svg, { Circle } from 'react-native-svg';
+import { useLoopValue, useSlotColor } from '../../../internal';
+import { progressFraction } from '../ProgressBar/types';
+import { defaults } from './defaults';
+import { circleGeometry, PROGRESS_CIRCLE_INDETERMINATE_ARC, } from './types';
+/**
+ * A circular progress indicator drawn with SVG: a ring (or a gauge open at
+ * the bottom) whose tone-coloured stroke covers `value / max`, with the
+ * percentage, a custom label or a glyph in the centre. `indeterminate` spins
+ * a short arc while the duration is unknown.
+ *
+ * @example
+ * ```tsx
+ * <ProgressCircle value={72} showLabel />
+ * <ProgressCircle variant="gauge" value={3.2} max={5} label="3.2" size={96} strokeWidth={8} />
+ * ```
+ *
+ * @public
+ */
+const ProgressCircle = forwardRef(({ value = 0, max = 100, size = 48, strokeWidth = 4, variant = 'ring', indeterminate = false, tone = 'primary', showLabel = false, label, iconName, styled, 
+// The canvas injects a drop area as children; leaf components ignore them.
+children: _children, ...rest }, ref) => {
+    if (!(size > 0)) {
+        throw new Error(`ProgressCircle: size (${size}) must be positive`);
+    }
+    if (!(strokeWidth > 0) || strokeWidth * 2 >= size) {
+        throw new Error(`ProgressCircle: strokeWidth (${strokeWidth}) must be positive and less than half the size (${size})`);
+    }
+    const fraction = indeterminate
+        ? PROGRESS_CIRCLE_INDETERMINATE_ARC
+        : progressFraction(value, max, 'ProgressCircle');
+    const tones = useTones();
+    const palette = tones.tone(tone);
+    const trackColor = useSlotColor(styled?.styleTrack, 'color', tones.fill);
+    const fillColor = useSlotColor(styled?.styleFill, 'color', palette.main);
+    const spin = useLoopValue({
+        duration: 1000,
+        running: indeterminate,
+        reverse: false,
+    });
+    const rotate = spin.interpolate({
+        inputRange: [0, 1],
+        outputRange: ['0deg', '360deg'],
+    });
+    const gauge = variant === 'gauge';
+    const { radius, circumference, arc, rotation } = circleGeometry(size, strokeWidth, variant);
+    const centre = size / 2;
+    const percent = Math.round(fraction * 100);
+    const centreText = label || (showLabel && !indeterminate ? `${percent}%` : '');
+    const secondary = tones.resolve(Tokens.color.textSecondary);
+    return (<StyledView ref={ref} accessibilityRole="progressbar" accessibilityValue={{
+            min: 0,
+            max,
+            now: indeterminate ? undefined : Math.min(Math.max(value, 0), max),
+        }} accessibilityState={{ busy: indeterminate }} styled={{ style: [defaults.root, styled?.style] }} {...rest}>
+        <StyledView styled={{ style: [defaults.dial, { width: size, height: size }] }}>
+          <Animated.View pointerEvents="none" style={{ width: size, height: size, transform: [{ rotate }] }}>
+            <Svg width={size} height={size} viewBox={`0 0 ${size} ${size}`} style={{ transform: [{ rotate: `${rotation}deg` }] }}>
+              <Circle cx={centre} cy={centre} r={radius} fill="none" stroke={trackColor} strokeWidth={strokeWidth} strokeLinecap={gauge ? 'round' : 'butt'} strokeDasharray={gauge ? [arc, circumference] : undefined}/>
+              <Circle cx={centre} cy={centre} r={radius} fill="none" stroke={fillColor} strokeWidth={strokeWidth} strokeLinecap={fraction > 0 ? 'round' : 'butt'} strokeDasharray={[arc, circumference]} strokeDashoffset={arc * (1 - fraction)}/>
+            </Svg>
+          </Animated.View>
+          <StyledView pointerEvents="none" styled={{ style: defaults.centre }}>
+            {iconName ? (<Icon iconName={iconName} size={Math.round(size * 0.4)} color={palette.main}/>) : centreText ? (<Typography variant={TYPOGRAPHY_PARTS.label} numberOfLines={1} style={[
+                {
+                    color: tones.resolve(Tokens.color.text),
+                    fontSize: Math.round(size / 4),
+                    lineHeight: Math.round(size * 0.3),
+                    textAlign: 'center',
+                },
+                styled?.styleLabel,
+            ]}>
+                {centreText}
+              </Typography>) : null}
+          </StyledView>
+        </StyledView>
+        {gauge ? (<StyledView pointerEvents="none" styled={{
+                style: [
+                    defaults.bounds,
+                    { width: size, marginTop: -Math.round(size * 0.1) },
+                ],
+            }}>
+            <Typography variant={TYPOGRAPHY_PARTS.helper} style={{ color: secondary }}>
+              0
+            </Typography>
+            <Typography variant={TYPOGRAPHY_PARTS.helper} style={{ color: secondary }}>
+              {String(max)}
+            </Typography>
+          </StyledView>) : null}
+      </StyledView>);
+});
+ProgressCircle.displayName = 'ProgressCircle';
+export default ProgressCircle;
+//# sourceMappingURL=index.js.map

package/dist/components/feedback/ProgressCircle/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/feedback/ProgressCircle/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/feedback/ProgressCircle/schematic.d.ts

@@ -0,0 +1,4 @@
+import { RegisteredComponent } from '@mapples/types';
+/** Registers {@link ProgressCircle} under the `'ProgressCircle'` type key. */
+export declare const ProgressCircleSchematic: RegisteredComponent;
+//# sourceMappingURL=schematic.d.ts.map

package/dist/components/feedback/ProgressCircle/schematic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"schematic.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/ProgressCircle/schematic.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAIrD,8EAA8E;AAC9E,eAAO,MAAM,uBAAuB,EAAE,mBAGrC,CAAC"}

package/dist/components/feedback/ProgressCircle/schematic.js

@@ -0,0 +1,7 @@
+import ProgressCircle from './index';
+/** Registers {@link ProgressCircle} under the `'ProgressCircle'` type key. */
+export const ProgressCircleSchematic = {
+    type: 'ProgressCircle',
+    Component: ProgressCircle,
+};
+//# sourceMappingURL=schematic.js.map

package/dist/components/feedback/ProgressCircle/schematic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schematic.js","sourceRoot":"","sources":["../../../../src/components/feedback/ProgressCircle/schematic.ts"],"names":[],"mappings":"AAEA,OAAO,cAAc,MAAM,SAAS,CAAC;AAErC,8EAA8E;AAC9E,MAAM,CAAC,MAAM,uBAAuB,GAAwB;IAC1D,IAAI,EAAE,gBAAgB;IACtB,SAAS,EAAE,cAAc;CAC1B,CAAC"}

package/dist/components/feedback/ProgressCircle/types.d.ts

@@ -0,0 +1,21 @@
+/** ProgressCircle shapes. */
+export declare const PROGRESS_CIRCLE_VARIANTS: readonly ["ring", "gauge"];
+export type ProgressCircleVariant = (typeof PROGRESS_CIRCLE_VARIANTS)[number];
+/** Degrees of the circle a gauge arc covers; the gap opens at the bottom. */
+export declare const GAUGE_SWEEP = 240;
+/** Fraction of the circumference the indeterminate arc covers. */
+export declare const PROGRESS_CIRCLE_INDETERMINATE_ARC = 0.25;
+/** Geometry derived from the edge and stroke of a circle. */
+export interface CircleGeometry {
+    /** Radius of the stroke's centre line. */
+    radius: number;
+    /** Length of the full circle. */
+    circumference: number;
+    /** Length of the visible arc (the whole circle for a ring). */
+    arc: number;
+    /** Degrees the SVG turns so the arc starts at 12 o'clock (ring) or at the gap's end (gauge). */
+    rotation: number;
+}
+/** The stroke geometry of a ring or gauge of `size` points. */
+export declare const circleGeometry: (size: number, strokeWidth: number, variant: ProgressCircleVariant) => CircleGeometry;
+//# sourceMappingURL=types.d.ts.map

package/dist/components/feedback/ProgressCircle/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/ProgressCircle/types.ts"],"names":[],"mappings":"AAAA,6BAA6B;AAC7B,eAAO,MAAM,wBAAwB,4BAA6B,CAAC;AACnE,MAAM,MAAM,qBAAqB,GAAG,CAAC,OAAO,wBAAwB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE9E,6EAA6E;AAC7E,eAAO,MAAM,WAAW,MAAM,CAAC;AAE/B,kEAAkE;AAClE,eAAO,MAAM,iCAAiC,OAAO,CAAC;AAEtD,6DAA6D;AAC7D,MAAM,WAAW,cAAc;IAC7B,0CAA0C;IAC1C,MAAM,EAAE,MAAM,CAAC;IACf,iCAAiC;IACjC,aAAa,EAAE,MAAM,CAAC;IACtB,+DAA+D;IAC/D,GAAG,EAAE,MAAM,CAAC;IACZ,gGAAgG;IAChG,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,+DAA+D;AAC/D,eAAO,MAAM,cAAc,GACzB,MAAM,MAAM,EACZ,aAAa,MAAM,EACnB,SAAS,qBAAqB,KAC7B,cAWF,CAAC"}

package/dist/components/feedback/ProgressCircle/types.js

@@ -0,0 +1,20 @@
+/** ProgressCircle shapes. */
+export const PROGRESS_CIRCLE_VARIANTS = ['ring', 'gauge'];
+/** Degrees of the circle a gauge arc covers; the gap opens at the bottom. */
+export const GAUGE_SWEEP = 240;
+/** Fraction of the circumference the indeterminate arc covers. */
+export const PROGRESS_CIRCLE_INDETERMINATE_ARC = 0.25;
+/** The stroke geometry of a ring or gauge of `size` points. */
+export const circleGeometry = (size, strokeWidth, variant) => {
+    const radius = (size - strokeWidth) / 2;
+    const circumference = 2 * Math.PI * radius;
+    const gauge = variant === 'gauge';
+    return {
+        radius,
+        circumference,
+        arc: gauge ? (circumference * GAUGE_SWEEP) / 360 : circumference,
+        // SVG angles start at 3 o'clock and run clockwise.
+        rotation: gauge ? 90 + (360 - GAUGE_SWEEP) / 2 : -90,
+    };
+};
+//# sourceMappingURL=types.js.map

package/dist/components/feedback/ProgressCircle/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/feedback/ProgressCircle/types.ts"],"names":[],"mappings":"AAAA,6BAA6B;AAC7B,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,MAAM,EAAE,OAAO,CAAU,CAAC;AAGnE,6EAA6E;AAC7E,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAC;AAE/B,kEAAkE;AAClE,MAAM,CAAC,MAAM,iCAAiC,GAAG,IAAI,CAAC;AActD,+DAA+D;AAC/D,MAAM,CAAC,MAAM,cAAc,GAAG,CAC5B,IAAY,EACZ,WAAmB,EACnB,OAA8B,EACd,EAAE;IAClB,MAAM,MAAM,GAAG,CAAC,IAAI,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC;IACxC,MAAM,aAAa,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,MAAM,CAAC;IAC3C,MAAM,KAAK,GAAG,OAAO,KAAK,OAAO,CAAC;IAClC,OAAO;QACL,MAAM;QACN,aAAa;QACb,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,aAAa,GAAG,WAAW,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,aAAa;QAChE,mDAAmD;QACnD,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;KACrD,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/feedback/Skeleton/defaults.d.ts

@@ -0,0 +1,8 @@
+/** Runtime defaults — author slots merge over these. */
+export declare const defaults: {
+    root: {
+        alignSelf: "flex-start";
+        overflow: "hidden";
+    };
+};
+//# sourceMappingURL=defaults.d.ts.map

package/dist/components/feedback/Skeleton/defaults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/Skeleton/defaults.ts"],"names":[],"mappings":"AAEA,wDAAwD;AACxD,eAAO,MAAM,QAAQ;;;;;CAKnB,CAAC"}

package/dist/components/feedback/Skeleton/defaults.js

@@ -0,0 +1,9 @@
+import { Styler } from '@mapples/style';
+/** Runtime defaults — author slots merge over these. */
+export const defaults = Styler.create({
+    root: {
+        alignSelf: 'flex-start',
+        overflow: 'hidden',
+    },
+});
+//# sourceMappingURL=defaults.js.map

package/dist/components/feedback/Skeleton/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../../src/components/feedback/Skeleton/defaults.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAExC,wDAAwD;AACxD,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC;IACpC,IAAI,EAAE;QACJ,SAAS,EAAE,YAAY;QACvB,QAAQ,EAAE,QAAQ;KACnB;CACF,CAAC,CAAC"}