@mapples/components 1.1.2 → 1.2.0

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

@@ -0,0 +1,47 @@
+import { StyledProp } from '@mapples/style';
+import { DimensionValue, View, ViewProps, ViewStyle } from 'react-native';
+import { SkeletonVariant } from './types';
+/** Props for {@link Skeleton}. */
+export interface SkeletonProps extends Omit<ViewProps, 'children'> {
+    /** Shape: stacked text lines, a block, or a circle. Defaults to `rect`. */
+    variant?: SkeletonVariant;
+    /** Width in points or a percentage. Defaults to `'100%'` (a circle: `40`). */
+    width?: DimensionValue;
+    /** Height in points. Defaults to `16` per text line, `80` for a block; a circle takes its width. */
+    height?: number;
+    /** Number of text lines (`text` only); the last is 60% wide. Defaults to `1`. */
+    lines?: number;
+    /** Corner radius in points. Defaults to `8`; a circle is round. */
+    radius?: number;
+    /** Pulses the opacity while shown. Defaults to `true`. */
+    animated?: boolean;
+    /** Space between text lines in points. Defaults to `8`. */
+    gap?: number;
+    /** Styled slots for every visual part. */
+    styled?: {
+        /** The block (or the column of lines). */
+        style?: StyledProp<ViewStyle>;
+        /** Every line/shape (its `backgroundColor` is the placeholder colour). */
+        styleLine?: StyledProp<ViewStyle>;
+    };
+}
+/**
+ * A pulsing placeholder standing in for content that is still loading — a
+ * paragraph of lines, a block, or a circle. The colour derives from the text
+ * colour so it reads on light and dark surfaces alike; the pulse stops when
+ * `animated` is off or the OS reduces motion.
+ *
+ * @example
+ * ```tsx
+ * <Skeleton variant="circle" width={48} />
+ * <Skeleton variant="text" lines={3} />
+ * <Skeleton height={160} />
+ * ```
+ *
+ * @public
+ */
+declare const Skeleton: import("react").ForwardRefExoticComponent<SkeletonProps & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<View>>;
+export default Skeleton;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/Skeleton/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAyB,MAAM,gBAAgB,CAAC;AAEnE,OAAO,EAEL,cAAc,EACd,IAAI,EACJ,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAKtB,OAAO,EAIL,eAAe,EAChB,MAAM,SAAS,CAAC;AAEjB,kCAAkC;AAClC,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAChE,2EAA2E;IAC3E,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,8EAA8E;IAC9E,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,oGAAoG;IACpG,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iFAAiF;IACjF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mEAAmE;IACnE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2DAA2D;IAC3D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,0CAA0C;IAC1C,MAAM,CAAC,EAAE;QACP,0CAA0C;QAC1C,KAAK,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QAC9B,0EAA0E;QAC1E,SAAS,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;KACnC,CAAC;CACH;AAED;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,QAAQ;;wCA4Fb,CAAC;AAGF,eAAe,QAAQ,CAAC"}

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

@@ -0,0 +1,75 @@
+import { forwardRef } from 'react';
+import { StyledView, useStyled } from '@mapples/style';
+import { RADII, useTones } from '@mapples/ui';
+import { Animated, } from 'react-native';
+import { useLoopValue, useSlotColor } from '../../../internal';
+import { defaults } from './defaults';
+import { SKELETON_CIRCLE_EDGE, SKELETON_HEIGHT, SKELETON_LAST_LINE, } from './types';
+/**
+ * A pulsing placeholder standing in for content that is still loading — a
+ * paragraph of lines, a block, or a circle. The colour derives from the text
+ * colour so it reads on light and dark surfaces alike; the pulse stops when
+ * `animated` is off or the OS reduces motion.
+ *
+ * @example
+ * ```tsx
+ * <Skeleton variant="circle" width={48} />
+ * <Skeleton variant="text" lines={3} />
+ * <Skeleton height={160} />
+ * ```
+ *
+ * @public
+ */
+const Skeleton = forwardRef(({ variant = 'rect', width, height, lines = 1, radius, animated = true, gap = 8, accessibilityLabel = 'Loading', styled, 
+// The canvas injects a drop area as children; leaf components ignore them.
+children: _children, ...rest }, ref) => {
+    const isCircle = variant === 'circle';
+    const isText = variant === 'text';
+    const resolvedWidth = width ?? (isCircle ? SKELETON_CIRCLE_EDGE : '100%');
+    let circleEdge = 0;
+    if (isCircle) {
+        if (typeof resolvedWidth !== 'number') {
+            throw new Error(`Skeleton: a circle needs a numeric width, got ${String(resolvedWidth)}`);
+        }
+        circleEdge = resolvedWidth;
+    }
+    if (!Number.isInteger(lines) || lines < 1) {
+        throw new Error(`Skeleton: lines (${lines}) must be a positive integer`);
+    }
+    const resolvedHeight = height ??
+        (isCircle
+            ? circleEdge
+            : isText
+                ? SKELETON_HEIGHT.text
+                : SKELETON_HEIGHT.rect);
+    const cornerRadius = radius ?? (isCircle ? circleEdge / 2 : RADII.sm);
+    const count = isText ? lines : 1;
+    const tones = useTones();
+    const color = useSlotColor(styled?.styleLine, 'backgroundColor', tones.fillStrong);
+    const resolved = useStyled({ line: styled?.styleLine });
+    const opacity = useLoopValue({
+        from: 0.5,
+        to: 1,
+        duration: 800,
+        running: animated,
+    });
+    return (<StyledView ref={ref} accessibilityRole="none" accessibilityLabel={accessibilityLabel} styled={{
+            style: [defaults.root, { width: resolvedWidth, gap }, styled?.style],
+        }} {...rest}>
+        {Array.from({ length: count }, (_, index) => (<Animated.View key={index} pointerEvents="none" style={[
+                {
+                    width: isText && count > 1 && index === count - 1
+                        ? `${SKELETON_LAST_LINE * 100}%`
+                        : '100%',
+                    height: resolvedHeight,
+                    borderRadius: cornerRadius,
+                    backgroundColor: color,
+                },
+                resolved.line,
+                { opacity },
+            ]}/>))}
+      </StyledView>);
+});
+Skeleton.displayName = 'Skeleton';
+export default Skeleton;
+//# sourceMappingURL=index.js.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"schematic.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/Skeleton/schematic.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAIrD,kEAAkE;AAClE,eAAO,MAAM,iBAAiB,EAAE,mBAG/B,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"schematic.js","sourceRoot":"","sources":["../../../../src/components/feedback/Skeleton/schematic.ts"],"names":[],"mappings":"AAEA,OAAO,QAAQ,MAAM,SAAS,CAAC;AAE/B,kEAAkE;AAClE,MAAM,CAAC,MAAM,iBAAiB,GAAwB;IACpD,IAAI,EAAE,UAAU;IAChB,SAAS,EAAE,QAAQ;CACpB,CAAC"}

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

@@ -0,0 +1,13 @@
+/** Skeleton shapes. */
+export declare const SKELETON_VARIANTS: readonly ["text", "rect", "circle"];
+export type SkeletonVariant = (typeof SKELETON_VARIANTS)[number];
+/** Default height per variant (a circle takes its width). */
+export declare const SKELETON_HEIGHT: {
+    readonly text: 16;
+    readonly rect: 80;
+};
+/** Default edge of a circle. */
+export declare const SKELETON_CIRCLE_EDGE = 40;
+/** Width of the last of several text lines, as a fraction of the block. */
+export declare const SKELETON_LAST_LINE = 0.6;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/Skeleton/types.ts"],"names":[],"mappings":"AAAA,uBAAuB;AACvB,eAAO,MAAM,iBAAiB,qCAAsC,CAAC;AACrE,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEjE,6DAA6D;AAC7D,eAAO,MAAM,eAAe;;;CAAkC,CAAC;AAE/D,gCAAgC;AAChC,eAAO,MAAM,oBAAoB,KAAK,CAAC;AAEvC,2EAA2E;AAC3E,eAAO,MAAM,kBAAkB,MAAM,CAAC"}

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

@@ -0,0 +1,9 @@
+/** Skeleton shapes. */
+export const SKELETON_VARIANTS = ['text', 'rect', 'circle'];
+/** Default height per variant (a circle takes its width). */
+export const SKELETON_HEIGHT = { text: 16, rect: 80 };
+/** Default edge of a circle. */
+export const SKELETON_CIRCLE_EDGE = 40;
+/** Width of the last of several text lines, as a fraction of the block. */
+export const SKELETON_LAST_LINE = 0.6;
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/feedback/Skeleton/types.ts"],"names":[],"mappings":"AAAA,uBAAuB;AACvB,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAU,CAAC;AAGrE,6DAA6D;AAC7D,MAAM,CAAC,MAAM,eAAe,GAAG,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAW,CAAC;AAE/D,gCAAgC;AAChC,MAAM,CAAC,MAAM,oBAAoB,GAAG,EAAE,CAAC;AAEvC,2EAA2E;AAC3E,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CAAC"}

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

@@ -0,0 +1,28 @@
+/** Runtime defaults — author slots merge over these. */
+export declare const defaults: {
+    container: {
+        marginHorizontal: number;
+        marginVertical: number;
+        paddingVertical: number;
+        paddingStart: number;
+        paddingEnd: number;
+        flexDirection: "row";
+        alignItems: "center";
+        gap: number;
+    };
+    message: {
+        flex: number;
+    };
+    action: {
+        paddingHorizontal: number;
+        minHeight: number;
+        justifyContent: "center";
+    };
+    close: {
+        width: number;
+        height: number;
+        alignItems: "center";
+        justifyContent: "center";
+    };
+};
+//# sourceMappingURL=defaults.d.ts.map

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

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

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

@@ -0,0 +1,29 @@
+import { Styler } from '@mapples/style';
+/** Runtime defaults — author slots merge over these. */
+export const defaults = Styler.create({
+    container: {
+        marginHorizontal: 16,
+        marginVertical: 16,
+        paddingVertical: 12,
+        paddingStart: 16,
+        paddingEnd: 8,
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 8,
+    },
+    message: {
+        flex: 1,
+    },
+    action: {
+        paddingHorizontal: 8,
+        minHeight: 36,
+        justifyContent: 'center',
+    },
+    close: {
+        width: 36,
+        height: 36,
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+});
+//# sourceMappingURL=defaults.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../../src/components/feedback/Snackbar/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,SAAS,EAAE;QACT,gBAAgB,EAAE,EAAE;QACpB,cAAc,EAAE,EAAE;QAClB,eAAe,EAAE,EAAE;QACnB,YAAY,EAAE,EAAE;QAChB,UAAU,EAAE,CAAC;QACb,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,CAAC;KACP;IACD,OAAO,EAAE;QACP,IAAI,EAAE,CAAC;KACR;IACD,MAAM,EAAE;QACN,iBAAiB,EAAE,CAAC;QACpB,SAAS,EAAE,EAAE;QACb,cAAc,EAAE,QAAQ;KACzB;IACD,KAAK,EAAE;QACL,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;CACF,CAAC,CAAC"}

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

@@ -0,0 +1,65 @@
+import { StyledProp } from '@mapples/style';
+import { TextStyle, View, ViewProps, ViewStyle } from 'react-native';
+import { SnackbarPosition, SnackbarTone } from './types';
+/** Props for {@link Snackbar}. */
+export interface SnackbarProps extends Omit<ViewProps, 'children'> {
+    /** The text. */
+    message?: string;
+    /** Label of the inline action ('Undo'); omit to hide it. */
+    actionLabel?: string;
+    /** Fires when the action is pressed (the snackbar then hides). */
+    onActionPress?: () => void;
+    /** Whether the snackbar is shown (controlled). Omit to let it keep its own state. */
+    visible?: boolean;
+    /** Initial state while uncontrolled. Defaults to `false`. */
+    defaultVisible?: boolean;
+    /** Fires with the next visibility — `false` when it hides. */
+    onVisibleChange?: (visible: boolean) => void;
+    /** Fires when the snackbar hides by timer, action or close. */
+    onDismiss?: () => void;
+    /** Auto-hide delay in ms; `0` keeps it until dismissed. Defaults to `4000`. */
+    duration?: number;
+    /** Edge it appears at. Defaults to `bottom`. */
+    position?: SnackbarPosition;
+    /** Colour role: an inverse surface, or a success/error fill. Defaults to `neutral`. */
+    tone?: SnackbarTone;
+    /** Shows a close glyph. */
+    showClose?: boolean;
+    /** Styled slots for every visual part. */
+    styled?: {
+        /** The overlay layer (absolute fill, taps pass through). */
+        style?: StyledProp<ViewStyle>;
+        /** The pill. */
+        styleContainer?: StyledProp<ViewStyle>;
+        /** The message text. */
+        styleMessage?: StyledProp<TextStyle>;
+        /** The action label. */
+        styleAction?: StyledProp<TextStyle>;
+        /** The close glyph button. */
+        styleClose?: StyledProp<ViewStyle>;
+    };
+}
+/**
+ * A brief toast confirming an action, with one optional inline action and an
+ * auto-hide timer. It floats over the parent it is placed in without blocking
+ * it, so it belongs as the LAST child of the page root; `visible` is two-way
+ * bindable.
+ *
+ * @example
+ * ```tsx
+ * <Snackbar
+ *   visible={saved}
+ *   onVisibleChange={setSaved}
+ *   message="Photo saved"
+ *   actionLabel="Undo"
+ *   onActionPress={undo}
+ * />
+ * ```
+ *
+ * @public
+ */
+declare const Snackbar: import("react").ForwardRefExoticComponent<SnackbarProps & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<View>>;
+export default Snackbar;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/Snackbar/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAA0B,MAAM,gBAAgB,CAAC;AAQpE,OAAO,EAAa,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAKhF,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEzD,kCAAkC;AAClC,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAChE,gBAAgB;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,4DAA4D;IAC5D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kEAAkE;IAClE,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,qFAAqF;IACrF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,6DAA6D;IAC7D,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,8DAA8D;IAC9D,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,+DAA+D;IAC/D,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,uFAAuF;IACvF,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0CAA0C;IAC1C,MAAM,CAAC,EAAE;QACP,4DAA4D;QAC5D,KAAK,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QAC9B,gBAAgB;QAChB,cAAc,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACvC,wBAAwB;QACxB,YAAY,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACrC,wBAAwB;QACxB,WAAW,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACpC,8BAA8B;QAC9B,UAAU,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;KACpC,CAAC;CACH;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,QAAA,MAAM,QAAQ;;wCAwHb,CAAC;AAGF,eAAe,QAAQ,CAAC"}

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

@@ -0,0 +1,87 @@
+import { forwardRef, useCallback, useEffect } from 'react';
+import { StyledView, Typography } from '@mapples/style';
+import { ELEVATION, RADII, Tokens, TYPOGRAPHY_PARTS, useTones, } from '@mapples/ui';
+import { Pressable } from 'react-native';
+import { Glyph, OverlayRoot, useControllableState } from '../../../internal';
+import { defaults } from './defaults';
+/**
+ * A brief toast confirming an action, with one optional inline action and an
+ * auto-hide timer. It floats over the parent it is placed in without blocking
+ * it, so it belongs as the LAST child of the page root; `visible` is two-way
+ * bindable.
+ *
+ * @example
+ * ```tsx
+ * <Snackbar
+ *   visible={saved}
+ *   onVisibleChange={setSaved}
+ *   message="Photo saved"
+ *   actionLabel="Undo"
+ *   onActionPress={undo}
+ * />
+ * ```
+ *
+ * @public
+ */
+const Snackbar = forwardRef(({ message, actionLabel, onActionPress, visible, defaultVisible = false, onVisibleChange, onDismiss, duration = 4000, position = 'bottom', tone = 'neutral', showClose = false, styled, testID, 
+// The canvas injects a drop area as children; leaf components ignore them.
+children: _children, ...rest }, ref) => {
+    const tones = useTones();
+    const [isVisible, setVisible] = useControllableState({
+        value: visible,
+        defaultValue: defaultVisible,
+        onChange: onVisibleChange,
+    });
+    const hide = useCallback(() => {
+        setVisible(false);
+        onDismiss?.();
+    }, [onDismiss, setVisible]);
+    useEffect(() => {
+        if (!isVisible || duration <= 0)
+            return;
+        const timer = setTimeout(hide, duration);
+        return () => clearTimeout(timer);
+    }, [duration, hide, isVisible]);
+    const background = tone === 'neutral'
+        ? tones.resolve(Tokens.color.inverse)
+        : tones.tone(tone).main;
+    const foreground = tone === 'neutral'
+        ? tones.resolve(Tokens.color.background)
+        : tones.tone(tone).contrast;
+    const actionColor = tone === 'neutral' ? tones.resolve(Tokens.color.accentLight) : foreground;
+    return (<OverlayRoot ref={ref} visible={isVisible} align={position} enter={position === 'bottom' ? 'slide-up' : 'slide-down'} backdrop={false} style={styled?.style} testID={testID}>
+        <StyledView accessibilityRole="alert" accessibilityLiveRegion="polite" styled={{
+            style: [
+                defaults.container,
+                {
+                    borderRadius: RADII.md,
+                    backgroundColor: background,
+                    boxShadow: ELEVATION,
+                },
+                styled?.styleContainer,
+            ],
+        }} {...rest}>
+          <Typography variant={TYPOGRAPHY_PARTS.body} style={[
+            defaults.message,
+            { color: foreground },
+            styled?.styleMessage,
+        ]}>
+            {message}
+          </Typography>
+          {actionLabel ? (<Pressable accessibilityRole="button" hitSlop={4} onPress={() => {
+                onActionPress?.();
+                hide();
+            }} style={defaults.action}>
+              <Typography variant={TYPOGRAPHY_PARTS.button} style={[{ color: actionColor }, styled?.styleAction]}>
+                {actionLabel}
+              </Typography>
+            </Pressable>) : null}
+          {showClose ? (<Pressable accessibilityRole="button" accessibilityLabel="Dismiss" hitSlop={4} onPress={hide} style={defaults.close}>
+              <Glyph name="close" size={18} color={foreground}/>
+            </Pressable>) : null}
+        </StyledView>
+      </OverlayRoot>);
+});
+Snackbar.displayName = 'Snackbar';
+export default Snackbar;
+//# sourceMappingURL=index.js.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"schematic.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/Snackbar/schematic.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAIrD,kEAAkE;AAClE,eAAO,MAAM,iBAAiB,EAAE,mBAG/B,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"schematic.js","sourceRoot":"","sources":["../../../../src/components/feedback/Snackbar/schematic.ts"],"names":[],"mappings":"AAEA,OAAO,QAAQ,MAAM,SAAS,CAAC;AAE/B,kEAAkE;AAClE,MAAM,CAAC,MAAM,iBAAiB,GAAwB;IACpD,IAAI,EAAE,UAAU;IAChB,SAAS,EAAE,QAAQ;CACpB,CAAC"}

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

@@ -0,0 +1,7 @@
+/** Where the snackbar appears. */
+export declare const SNACKBAR_POSITIONS: readonly ["bottom", "top"];
+export type SnackbarPosition = (typeof SNACKBAR_POSITIONS)[number];
+/** Snackbar colour roles. */
+export declare const SNACKBAR_TONES: readonly ["neutral", "success", "error"];
+export type SnackbarTone = (typeof SNACKBAR_TONES)[number];
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/Snackbar/types.ts"],"names":[],"mappings":"AAAA,kCAAkC;AAClC,eAAO,MAAM,kBAAkB,4BAA6B,CAAC;AAC7D,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEnE,6BAA6B;AAC7B,eAAO,MAAM,cAAc,0CAA2C,CAAC;AACvE,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC"}

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

@@ -0,0 +1,5 @@
+/** Where the snackbar appears. */
+export const SNACKBAR_POSITIONS = ['bottom', 'top'];
+/** Snackbar colour roles. */
+export const SNACKBAR_TONES = ['neutral', 'success', 'error'];
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/feedback/Snackbar/types.ts"],"names":[],"mappings":"AAAA,kCAAkC;AAClC,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAU,CAAC;AAG7D,6BAA6B;AAC7B,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,CAAU,CAAC"}

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

@@ -0,0 +1,17 @@
+/** Runtime defaults — author slots merge over these. */
+export declare const defaults: {
+    root: {
+        alignSelf: "flex-start";
+        alignItems: "center";
+        justifyContent: "center";
+        gap: number;
+    };
+    box: {
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    label: {
+        textAlign: "center";
+    };
+};
+//# sourceMappingURL=defaults.d.ts.map

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

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

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

@@ -0,0 +1,18 @@
+import { Styler } from '@mapples/style';
+/** Runtime defaults — author slots merge over these. */
+export const defaults = Styler.create({
+    root: {
+        alignSelf: 'flex-start',
+        alignItems: 'center',
+        justifyContent: 'center',
+        gap: 8,
+    },
+    box: {
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    label: {
+        textAlign: 'center',
+    },
+});
+//# sourceMappingURL=defaults.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../../src/components/feedback/Spinner/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;QACpB,cAAc,EAAE,QAAQ;QACxB,GAAG,EAAE,CAAC;KACP;IACD,GAAG,EAAE;QACH,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;IACD,KAAK,EAAE;QACL,SAAS,EAAE,QAAQ;KACpB;CACF,CAAC,CAAC"}

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

@@ -0,0 +1,37 @@
+import { StyledProp } from '@mapples/style';
+import { TextStyle, View, ViewProps, ViewStyle } from 'react-native';
+import { SpinnerSize, SpinnerTone } from './types';
+/** Props for {@link Spinner}. */
+export interface SpinnerProps extends Omit<ViewProps, 'children'> {
+    /** Indicator size. Defaults to `md`. */
+    size?: SpinnerSize;
+    /** Colour role: the primary colour, secondary text, or the contrast colour on a primary fill. Defaults to `primary`. */
+    tone?: SpinnerTone;
+    /** Caption under the indicator ('Loading…'). */
+    label?: string;
+    /** Styled slots for every visual part. */
+    styled?: {
+        /** The column holding indicator and label. */
+        style?: StyledProp<ViewStyle>;
+        /** The label text. */
+        styleLabel?: StyledProp<TextStyle>;
+    };
+}
+/**
+ * The platform activity indicator in a theme colour, with an optional
+ * caption — for short waits inside a screen or a button. Long or measurable
+ * work belongs to `ProgressBar`/`ProgressCircle`.
+ *
+ * @example
+ * ```tsx
+ * <Spinner label="Loading…" />
+ * <Spinner size="sm" tone="onPrimary" />
+ * ```
+ *
+ * @public
+ */
+declare const Spinner: import("react").ForwardRefExoticComponent<SpinnerProps & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<View>>;
+export default Spinner;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/Spinner/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAA0B,MAAM,gBAAgB,CAAC;AAEpE,OAAO,EAEL,SAAS,EACT,IAAI,EACJ,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAoB,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAErE,iCAAiC;AACjC,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAC/D,wCAAwC;IACxC,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,wHAAwH;IACxH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,MAAM,CAAC,EAAE;QACP,8CAA8C;QAC9C,KAAK,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QAC9B,sBAAsB;QACtB,UAAU,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;KACpC,CAAC;CACH;AAED;;;;;;;;;;;;GAYG;AACH,QAAA,MAAM,OAAO;;wCAyDZ,CAAC;AAGF,eAAe,OAAO,CAAC"}

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

@@ -0,0 +1,50 @@
+import { forwardRef } from 'react';
+import { StyledView, Typography } from '@mapples/style';
+import { Tokens, TYPOGRAPHY_PARTS, useTones } from '@mapples/ui';
+import { ActivityIndicator, } from 'react-native';
+import { defaults } from './defaults';
+import { SPINNER_GEOMETRY } from './types';
+/**
+ * The platform activity indicator in a theme colour, with an optional
+ * caption — for short waits inside a screen or a button. Long or measurable
+ * work belongs to `ProgressBar`/`ProgressCircle`.
+ *
+ * @example
+ * ```tsx
+ * <Spinner label="Loading…" />
+ * <Spinner size="sm" tone="onPrimary" />
+ * ```
+ *
+ * @public
+ */
+const Spinner = forwardRef(({ size = 'md', tone = 'primary', label, styled, 
+// The canvas injects a drop area as children; leaf components ignore them.
+children: _children, ...rest }, ref) => {
+    const tones = useTones();
+    const geometry = SPINNER_GEOMETRY[size];
+    const primary = tones.tone('primary');
+    const color = tone === 'primary'
+        ? primary.main
+        : tone === 'neutral'
+            ? tones.resolve(Tokens.color.textSecondary)
+            : primary.contrast;
+    const labelColor = tone === 'onPrimary'
+        ? primary.contrast
+        : tones.resolve(Tokens.color.textSecondary);
+    return (<StyledView ref={ref} accessibilityRole="progressbar" accessibilityState={{ busy: true }} accessibilityLabel={label} styled={{ style: [defaults.root, styled?.style] }} {...rest}>
+        <StyledView styled={{
+            style: [
+                defaults.box,
+                { width: geometry.box, height: geometry.box },
+            ],
+        }}>
+          <ActivityIndicator size={geometry.indicator} color={color}/>
+        </StyledView>
+        {label ? (<Typography variant={TYPOGRAPHY_PARTS.helper} style={[defaults.label, { color: labelColor }, styled?.styleLabel]}>
+            {label}
+          </Typography>) : null}
+      </StyledView>);
+});
+Spinner.displayName = 'Spinner';
+export default Spinner;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/feedback/Spinner/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAqB,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAc,UAAU,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACpE,OAAO,EAAE,MAAM,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACjE,OAAO,EACL,iBAAiB,GAKlB,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAA4B,MAAM,SAAS,CAAC;AAmBrE;;;;;;;;;;;;GAYG;AACH,MAAM,OAAO,GAAG,UAAU,CACxB,CACE,EACE,IAAI,GAAG,IAAI,EACX,IAAI,GAAG,SAAS,EAChB,KAAK,EACL,MAAM;AACN,2EAA2E;AAC3E,QAAQ,EAAE,SAAS,EACnB,GAAG,IAAI,EACR,EACD,GAAG,EACH,EAAE;IACF,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,QAAQ,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACxC,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IACtC,MAAM,KAAK,GACT,IAAI,KAAK,SAAS;QAChB,CAAC,CAAC,OAAO,CAAC,IAAI;QACd,CAAC,CAAC,IAAI,KAAK,SAAS;YAClB,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC;YAC3C,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC;IACzB,MAAM,UAAU,GACd,IAAI,KAAK,WAAW;QAClB,CAAC,CAAC,OAAO,CAAC,QAAQ;QAClB,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;IAEhD,OAAO,CACL,CAAC,UAAU,CACT,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,iBAAiB,CAAC,aAAa,CAC/B,kBAAkB,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CACnC,kBAAkB,CAAC,CAAC,KAAK,CAAC,CAC1B,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,CAClD,IAAI,IAAI,CAAC,CAET;QAAA,CAAC,UAAU,CACT,MAAM,CAAC,CAAC;YACN,KAAK,EAAE;gBACL,QAAQ,CAAC,GAAG;gBACZ,EAAE,KAAK,EAAE,QAAQ,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,CAAC,GAAG,EAAE;aAC9C;SACF,CAAC,CAEF;UAAA,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,EAC5D;QAAA,EAAE,UAAU,CACZ;QAAA,CAAC,KAAK,CAAC,CAAC,CAAC,CACP,CAAC,UAAU,CACT,OAAO,CAAC,CAAC,gBAAgB,CAAC,MAAM,CAAC,CACjC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC,CAEnE;YAAA,CAAC,KAAK,CACR;UAAA,EAAE,UAAU,CAAC,CACd,CAAC,CAAC,CAAC,IAAI,CACV;MAAA,EAAE,UAAU,CAAC,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AACF,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC;AAEhC,eAAe,OAAO,CAAC"}

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

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

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

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