react-native-terra-ui 0.10.0 → 0.10.2

package/lib/module/components/toast/parts/ToastOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ToastOverlay","children","_jsx","_Fragment"],"sourceRoot":"../../../../../src","sources":["components/toast/parts/ToastOverlay.tsx"],"mappings":";;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASA,YAAYA,CAAC;EAAEC;AAAkC,CAAC,EAAE;EAClE,oBAAOC,IAAA,CAAAC,SAAA;IAAAF,QAAA,EAAGA;EAAQ,CAAG,CAAC;AACxB","ignoreList":[]}

package/lib/module/components/toast/parts/ToastViewport.js

@@ -0,0 +1,91 @@
+"use strict";
+
+import { useEffect } from "react";
+import { Keyboard, Platform } from "react-native";
+import Animated, { useAnimatedStyle, useSharedValue, withTiming } from "react-native-reanimated";
+import { useSafeAreaInsets } from "react-native-safe-area-context";
+import { ToastAnimatedItem } from "./ToastAnimatedItem.js";
+import { ToastOverlay } from "./ToastOverlay";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function ToastViewport({
+  placement,
+  toasts,
+  manager,
+  maxVisibleToasts,
+  offset
+}) {
+  const safeAreaInsets = useSafeAreaInsets();
+  const heights = useSharedValue({});
+  const keyboardHeight = useSharedValue(0);
+  const baseBottom = offset?.bottom ?? safeAreaInsets.bottom + (Platform.OS === "ios" ? 6 : 12);
+  const baseTop = offset?.top ?? safeAreaInsets.top + (Platform.OS === "ios" ? 0 : 12);
+  useEffect(() => {
+    if (placement !== "bottom") return;
+    const showEvent = Platform.OS === "ios" ? "keyboardWillShow" : "keyboardDidShow";
+    const hideEvent = Platform.OS === "ios" ? "keyboardWillHide" : "keyboardDidHide";
+    const showSub = Keyboard.addListener(showEvent, e => {
+      keyboardHeight.value = withTiming(e.endCoordinates.height);
+    });
+    const hideSub = Keyboard.addListener(hideEvent, () => {
+      keyboardHeight.value = withTiming(0);
+    });
+    return () => {
+      showSub.remove();
+      hideSub.remove();
+    };
+  }, [keyboardHeight, placement]);
+  const gap = Platform.OS === "ios" ? 6 : 12;
+  const keyboardStyle = useAnimatedStyle(() => {
+    if (placement === "top") return {
+      top: baseTop
+    };
+    if (keyboardHeight.value > 0) {
+      return {
+        bottom: keyboardHeight.value + gap
+      };
+    }
+    return {
+      bottom: baseBottom
+    };
+  });
+  useEffect(() => {
+    const activeIds = new Set(toasts.map(toast => toast.id));
+    const nextHeights = {};
+    for (const [id, height] of Object.entries(heights.value)) {
+      if (activeIds.has(id)) {
+        nextHeights[id] = height;
+      }
+    }
+    heights.value = nextHeights;
+  }, [heights, toasts]);
+  const frontToast = toasts[toasts.length - 1];
+  if (!frontToast) return null;
+  return /*#__PURE__*/_jsx(ToastOverlay, {
+    children: /*#__PURE__*/_jsx(Animated.View, {
+      pointerEvents: "box-none",
+      style: [{
+        position: "absolute",
+        zIndex: 9999,
+        elevation: 9999,
+        left: offset?.left ?? safeAreaInsets.left + 12,
+        right: offset?.right ?? safeAreaInsets.right + 12
+      }, keyboardStyle],
+      children: toasts.map((toast, index) => /*#__PURE__*/_jsx(ToastAnimatedItem, {
+        heights: heights,
+        id: toast.id,
+        index: index,
+        maxVisibleToasts: maxVisibleToasts,
+        placement: placement,
+        total: toasts.length,
+        frontId: frontToast.id,
+        children: toast.component({
+          id: toast.id,
+          index,
+          hide: manager.hide,
+          show: manager.show
+        })
+      }, toast.id))
+    })
+  });
+}
+//# sourceMappingURL=ToastViewport.js.map

package/lib/module/components/toast/parts/ToastViewport.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","Keyboard","Platform","Animated","useAnimatedStyle","useSharedValue","withTiming","useSafeAreaInsets","ToastAnimatedItem","ToastOverlay","jsx","_jsx","ToastViewport","placement","toasts","manager","maxVisibleToasts","offset","safeAreaInsets","heights","keyboardHeight","baseBottom","bottom","OS","baseTop","top","showEvent","hideEvent","showSub","addListener","e","value","endCoordinates","height","hideSub","remove","gap","keyboardStyle","activeIds","Set","map","toast","id","nextHeights","Object","entries","has","frontToast","length","children","View","pointerEvents","style","position","zIndex","elevation","left","right","index","total","frontId","component","hide","show"],"sourceRoot":"../../../../../src","sources":["components/toast/parts/ToastViewport.tsx"],"mappings":"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","ignoreList":[]}

package/lib/typescript/src/components/button/Button.d.ts

@@ -4,6 +4,7 @@ import type { ColorToken, TerraIconName } from "../../theme/types";
 export type ButtonVariant = "primary" | "secondary" | "outline" | "ghost" | "danger";
 export type ButtonSize = "sm" | "md" | "lg";
 export type ButtonRadius = "none" | "sm" | "md" | "lg" | "xl" | "full";
+export type ButtonAnimation = "scale" | "opacity" | "none";
 export interface ButtonProps extends Omit<PressableProps, "style" | "children" | "disabled"> {
     variant?: ButtonVariant;
     size?: ButtonSize;
@@ -19,6 +20,12 @@ export interface ButtonProps extends Omit<PressableProps, "style" | "children" |
     fullWidth?: boolean;
     /** Remove the button's built-in horizontal padding. */
     compact?: boolean;
+    /**
+     * Press feedback. `'scale'` shrinks the button to 0.96, `'opacity'` dims it
+     * to `opacity.pressed`, `'none'` leaves it static. The two are mutually
+     * exclusive. Defaults to `'scale'`.
+     */
+    animation?: ButtonAnimation;
     /**
      * Overrides the variant's resolved background color (theme token or raw
      * CSS color). The label/icon/spinner foreground automatically switches to

package/lib/typescript/src/components/button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0D,KAAK,SAAS,EAAc,MAAM,OAAO,CAAC;AAC3G,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAMnD,OAAO,KAAK,EAAE,UAAU,EAAmB,aAAa,EAA2B,MAAM,cAAc,CAAC;AAOxG,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;AACrF,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC5C,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAEvE,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,UAAU,GAAG,UAAU,CAAC;IAC1F,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4DAA4D;IAC5D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uDAAuD;IACvD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,UAAU,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IACxC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAID,UAAU,kBAAkB;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,UAAU,CAAC;CAClB;AAOD,eAAO,MAAM,gBAAgB,QAAO,kBAA+C,CAAC;AAmEpF,QAAA,MAAM,WAAW,GAAI,cAAc;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,gCAQzD,CAAC;AAUF,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,aAAa,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,QAAA,MAAM,UAAU,GAAI,yDAAyD,eAAe,gCAW3F,CAAC;AAgBF,QAAA,MAAM,UAAU,yLAyDd,CAAC;AAEH,KAAK,eAAe,GAAG,OAAO,UAAU,GAAG;IACzC,IAAI,EAAE,OAAO,UAAU,CAAC;IACxB,KAAK,EAAE,OAAO,WAAW,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,MAAM,EAAiB,eAAe,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0D,KAAK,SAAS,EAAc,MAAM,OAAO,CAAC;AAC3G,OAAO,KAAK,EAAa,cAAc,EAA8B,MAAM,cAAc,CAAC;AAK1F,OAAO,KAAK,EAAE,UAAU,EAAmB,aAAa,EAA2B,MAAM,cAAc,CAAC;AAQxG,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;AACrF,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC5C,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AACvE,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAK3D,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,UAAU,GAAG,UAAU,CAAC;IAC1F,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4DAA4D;IAC5D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uDAAuD;IACvD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B;;;;;OAKG;IACH,UAAU,CAAC,EAAE,UAAU,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IACxC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAID,UAAU,kBAAkB;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,UAAU,CAAC;CAClB;AAOD,eAAO,MAAM,gBAAgB,QAAO,kBAA+C,CAAC;AAmEpF,QAAA,MAAM,WAAW,GAAI,cAAc;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,gCAQzD,CAAC;AAUF,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,aAAa,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,QAAA,MAAM,UAAU,GAAI,yDAAyD,eAAe,gCAW3F,CAAC;AAgBF,QAAA,MAAM,UAAU,yLAkEd,CAAC;AAEH,KAAK,eAAe,GAAG,OAAO,UAAU,GAAG;IACzC,IAAI,EAAE,OAAO,UAAU,CAAC;IACxB,KAAK,EAAE,OAAO,WAAW,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,MAAM,EAAiB,eAAe,CAAC"}

package/lib/typescript/src/components/button/index.d.ts

@@ -1,3 +1,3 @@
-export type { ButtonIconProps, ButtonProps, ButtonRadius, ButtonSize, ButtonVariant, } from "./Button.js";
+export type { ButtonAnimation, ButtonIconProps, ButtonProps, ButtonRadius, ButtonSize, ButtonVariant, } from "./Button.js";
 export { Button, useButtonContext } from "./Button.js";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/button/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,eAAe,EACf,WAAW,EACX,YAAY,EACZ,UAAU,EACV,aAAa,GACd,MAAM,aAAU,CAAC;AAClB,OAAO,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM,aAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/button/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,eAAe,EACf,eAAe,EACf,WAAW,EACX,YAAY,EACZ,UAAU,EACV,aAAa,GACd,MAAM,aAAU,CAAC;AAClB,OAAO,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM,aAAU,CAAC"}

package/lib/typescript/src/components/divider/Divider.d.ts

@@ -0,0 +1,49 @@
+import { type ReactNode } from "react";
+import { type ViewProps } from "react-native";
+import type { ColorToken, SpacingKey } from "../../theme/types";
+export type DividerOrientation = "horizontal" | "vertical";
+export type DividerLabelAlign = "start" | "center" | "end";
+/** `number | 'hairline'`, mirroring `Box`'s `borderWidth`. */
+export type DividerThickness = number | "hairline";
+export interface DividerProps extends ViewProps {
+    /** Rule direction. Defaults to `'horizontal'`. */
+    orientation?: DividerOrientation;
+    /** Rule color. Defaults to `'border.default'`. */
+    color?: ColorToken;
+    /**
+     * Rule weight. `'hairline'` is the thinnest line the display can draw —
+     * a true 1px rule at any density. Defaults to `'hairline'`.
+     */
+    thickness?: DividerThickness;
+    /**
+     * Symmetric margin on the cross axis — above and below a horizontal rule,
+     * either side of a vertical one. Defaults to `undefined` (no margin).
+     */
+    spacing?: SpacingKey;
+    /**
+     * Where the label sits along the rule. Ignored without `children`.
+     * Defaults to `'center'`.
+     */
+    labelAlign?: DividerLabelAlign;
+    /**
+     * An optional label, drawn with the rule running either side of it. Strings
+     * and numbers are wrapped in `Text` automatically. Horizontal only — a
+     * vertical divider ignores children.
+     */
+    children?: ReactNode;
+}
+/**
+ * A rule that separates content.
+ *
+ * Decorative by default — screen readers skip it, because the separation it
+ * expresses is already carried by the content either side. A labelled divider
+ * keeps its label readable.
+ *
+ * @example
+ * <Divider />
+ * <Divider spacing="4" />
+ * <Divider orientation="vertical" />
+ * <Divider>OR</Divider>
+ */
+export declare const Divider: import("react").ForwardRefExoticComponent<DividerProps & import("react").RefAttributes<import("react-native/types_generated/src/private/webapis/dom/nodes/ReactNativeElement").default>>;
+//# sourceMappingURL=Divider.d.ts.map

package/lib/typescript/src/components/divider/Divider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../../../src/components/divider/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAChF,OAAO,EAAoC,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIhF,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAI3D,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG,UAAU,CAAC;AAC3D,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AAE3D,8DAA8D;AAC9D,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,UAAU,CAAC;AAEnD,MAAM,WAAW,YAAa,SAAQ,SAAS;IAC7C,kDAAkD;IAClD,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,kDAAkD;IAClD,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B;;;OAGG;IACH,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AA0BD;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,OAAO,0LAgElB,CAAC"}

package/lib/typescript/src/components/divider/index.d.ts

@@ -0,0 +1,3 @@
+export type { DividerLabelAlign, DividerOrientation, DividerProps, DividerThickness, } from "./Divider.js";
+export { Divider } from "./Divider.js";
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/divider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/divider/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,iBAAiB,EACjB,kBAAkB,EAClB,YAAY,EACZ,gBAAgB,GACjB,MAAM,cAAW,CAAC;AACnB,OAAO,EAAE,OAAO,EAAE,MAAM,cAAW,CAAC"}

package/lib/typescript/src/components/index.d.ts

@@ -2,12 +2,14 @@ export * from "./avatar/index.js";
 export * from "./box/index.js";
 export * from "./button/index.js";
 export * from "./chip/index.js";
+export * from "./divider/index.js";
 export * from "./empty-state/index.js";
 export * from "./header/index.js";
 export * from "./icon/index.js";
 export * from "./image/index.js";
 export * from "./page-indicator/index.js";
 export * from "./portal/index.js";
+export * from "./pressable/index.js";
 export * from "./screen/index.js";
 export * from "./slot/index.js";
 export * from "./spinner/index.js";

package/lib/typescript/src/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAU,CAAC;AACzB,cAAc,gBAAO,CAAC;AACtB,cAAc,mBAAU,CAAC;AACzB,cAAc,iBAAQ,CAAC;AACvB,cAAc,wBAAe,CAAC;AAC9B,cAAc,mBAAU,CAAC;AACzB,cAAc,iBAAQ,CAAC;AACvB,cAAc,kBAAS,CAAC;AACxB,cAAc,2BAAkB,CAAC;AACjC,cAAc,mBAAU,CAAC;AACzB,cAAc,mBAAU,CAAC;AACzB,cAAc,iBAAQ,CAAC;AACvB,cAAc,oBAAW,CAAC;AAC1B,cAAc,oBAAW,CAAC;AAC1B,cAAc,iBAAQ,CAAC;AACvB,cAAc,kBAAS,CAAC;AACxB,cAAc,oBAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAU,CAAC;AACzB,cAAc,gBAAO,CAAC;AACtB,cAAc,mBAAU,CAAC;AACzB,cAAc,iBAAQ,CAAC;AACvB,cAAc,oBAAW,CAAC;AAC1B,cAAc,wBAAe,CAAC;AAC9B,cAAc,mBAAU,CAAC;AACzB,cAAc,iBAAQ,CAAC;AACvB,cAAc,kBAAS,CAAC;AACxB,cAAc,2BAAkB,CAAC;AACjC,cAAc,mBAAU,CAAC;AACzB,cAAc,sBAAa,CAAC;AAC5B,cAAc,mBAAU,CAAC;AACzB,cAAc,iBAAQ,CAAC;AACvB,cAAc,oBAAW,CAAC;AAC1B,cAAc,oBAAW,CAAC;AAC1B,cAAc,iBAAQ,CAAC;AACvB,cAAc,kBAAS,CAAC;AACxB,cAAc,oBAAW,CAAC"}

package/lib/typescript/src/components/pressable/index.d.ts

@@ -0,0 +1,3 @@
+export type { PressableScaleAnimationConfig, PressableScaleProps, } from "./variants/PressableScale/index.js";
+export { PressableScale } from "./variants/PressableScale/index.js";
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/pressable/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/pressable/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,6BAA6B,EAC7B,mBAAmB,GACpB,MAAM,oCAA2B,CAAC;AACnC,OAAO,EAAE,cAAc,EAAE,MAAM,oCAA2B,CAAC"}

package/lib/typescript/src/components/pressable/variants/PressableScale/index.d.ts

@@ -0,0 +1,47 @@
+import type { PressableProps, PressableStateCallbackType, StyleProp, ViewStyle } from "react-native";
+import { type WithSpringConfig, type WithTimingConfig } from "react-native-reanimated";
+export type PressableScaleAnimationConfig = {
+    type: "timing";
+    config?: WithTimingConfig;
+} | {
+    type: "spring";
+    config?: WithSpringConfig;
+};
+export interface PressableScaleProps extends Omit<PressableProps, "style" | "disabled"> {
+    /** Scale held at rest. Defaults to `1`. */
+    baseScale?: number;
+    /**
+     * Scale held while pressed. Values below `baseScale` shrink, above it grow.
+     * Defaults to `0.96`.
+     */
+    minScale?: number;
+    /**
+     * Opacity held while pressed, animated on the same curve as the scale.
+     * Defaults to `undefined` — opacity is left untouched so `style` keeps
+     * ownership of it.
+     */
+    pressedOpacity?: number;
+    /**
+     * Drives the press animation. Defaults to `{ type: 'timing' }` with a 250ms
+     * ease; pass `{ type: 'spring' }` for a springy release.
+     */
+    animationConfig?: PressableScaleAnimationConfig;
+    /** Blocks presses and holds the resting scale. Defaults to `false`. */
+    isDisabled?: boolean;
+    /**
+     * Styles for the pressable itself. The function form receives `pressed`
+     * only — `hovered` and `focused` are not tracked, because the animated
+     * style has to be merged outside of `Pressable`'s own callback.
+     */
+    style?: StyleProp<ViewStyle> | ((state: PressableStateCallbackType) => StyleProp<ViewStyle>);
+}
+/**
+ * A `Pressable` that animates a scale (and optionally an opacity) between its
+ * resting and pressed states, driven by a single shared `progress` value on the
+ * UI thread.
+ *
+ * Use it anywhere a press deserves physical feedback — cards, list rows, custom
+ * controls. `Button` renders one internally via its `animation` prop.
+ */
+export declare const PressableScale: import("react").ForwardRefExoticComponent<PressableScaleProps & import("react").RefAttributes<import("react-native/types_generated/src/private/webapis/dom/nodes/ReactNativeElement").default>>;
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/pressable/variants/PressableScale/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/pressable/variants/PressableScale/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAEV,cAAc,EACd,0BAA0B,EAC1B,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAGtB,OAAiB,EAKf,KAAK,gBAAgB,EACrB,KAAK,gBAAgB,EAGtB,MAAM,yBAAyB,CAAC;AAWjC,MAAM,MAAM,6BAA6B,GACrC;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,MAAM,CAAC,EAAE,gBAAgB,CAAA;CAAE,GAC7C;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,MAAM,CAAC,EAAE,gBAAgB,CAAA;CAAE,CAAC;AAElD,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,UAAU,CAAC;IACrF,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,eAAe,CAAC,EAAE,6BAA6B,CAAC;IAChD,uEAAuE;IACvE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,0BAA0B,KAAK,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC;CAC9F;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc,iMAsF1B,CAAC"}

package/lib/typescript/src/components/toast/ToastProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToastProvider.d.ts","sourceRoot":"","sources":["../../../../../src/components/toast/ToastProvider.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAKV,YAAY,EAEZ,kBAAkB,EAInB,MAAM,YAAS,CAAC;AA2DjB,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,gBAAwB,EACxB,eAAkC,EAClC,gBAA6C,EAC7C,MAAM,GACP,EAAE,kBAAkB,+BA8IpB;AA+FD,wBAAgB,QAAQ,IAAI,YAAY,CAMvC"}
+{"version":3,"file":"ToastProvider.d.ts","sourceRoot":"","sources":["../../../../../src/components/toast/ToastProvider.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,YAAS,CAAC;AAIhE,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,gBAAwB,EACxB,eAAsB,EACtB,gBAAoB,EACpB,MAAM,GACP,EAAE,kBAAkB,+BAwBpB;AAED,wBAAgB,QAAQ,IAAI,YAAY,CAMvC"}

package/lib/typescript/src/components/toast/hooks/use-toast-manager.d.ts

@@ -0,0 +1,6 @@
+import type { ToastItem, ToastManager, ToastPlacement } from "../types.js";
+export declare function useToastManager(defaultPlacement: ToastPlacement, defaultDuration: number): {
+    toasts: ToastItem[];
+    manager: ToastManager;
+};
+//# sourceMappingURL=use-toast-manager.d.ts.map

package/lib/typescript/src/components/toast/hooks/use-toast-manager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-toast-manager.d.ts","sourceRoot":"","sources":["../../../../../../src/components/toast/hooks/use-toast-manager.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAGV,SAAS,EACT,YAAY,EACZ,cAAc,EAEf,MAAM,aAAU,CAAC;AAmBlB,wBAAgB,eAAe,CAAC,gBAAgB,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM;;;EAoFxF"}

package/lib/typescript/src/components/toast/parts/ToastAnimatedItem.d.ts

@@ -8,11 +8,12 @@ export interface ToastAnimatedItemProps {
     index: number;
     maxVisibleToasts: number;
     placement: ToastPlacement;
-    total: SharedValue<number>;
+    total: number;
+    frontId: ToastId;
 }
 export declare const enteringTop: import("react-native-reanimated").ReanimatedKeyframe;
 export declare const exitingTop: import("react-native-reanimated").ReanimatedKeyframe;
 export declare const enteringBottom: import("react-native-reanimated").ReanimatedKeyframe;
 export declare const exitingBottom: import("react-native-reanimated").ReanimatedKeyframe;
-export declare function ToastAnimatedItem({ children, heights, id, index, maxVisibleToasts, placement, total, }: ToastAnimatedItemProps): import("react").JSX.Element;
+export declare function ToastAnimatedItem({ children, heights, id, index, maxVisibleToasts, placement, total, frontId, }: ToastAnimatedItemProps): import("react").JSX.Element;
 //# sourceMappingURL=ToastAnimatedItem.d.ts.map

package/lib/typescript/src/components/toast/parts/ToastAnimatedItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToastAnimatedItem.d.ts","sourceRoot":"","sources":["../../../../../../src/components/toast/parts/ToastAnimatedItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAiB,EAKf,KAAK,WAAW,EAIjB,MAAM,yBAAyB,CAAC;AAEjC,OAAO,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,aAAU,CAAC;AAExD,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,YAAY,CAAC;IACvB,OAAO,EAAE,WAAW,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC;IAC9C,EAAE,EAAE,OAAO,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB,EAAE,MAAM,CAAC;IACzB,SAAS,EAAE,cAAc,CAAC;IAC1B,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CAC5B;AAED,eAAO,MAAM,WAAW,sDAUR,CAAC;AAEjB,eAAO,MAAM,UAAU,sDAUP,CAAC;AAEjB,eAAO,MAAM,cAAc,sDAUX,CAAC;AAEjB,eAAO,MAAM,aAAa,sDAUV,CAAC;AASjB,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,OAAO,EACP,EAAE,EACF,KAAK,EACL,gBAAgB,EAChB,SAAS,EACT,KAAK,GACN,EAAE,sBAAsB,+BAkExB"}
+{"version":3,"file":"ToastAnimatedItem.d.ts","sourceRoot":"","sources":["../../../../../../src/components/toast/parts/ToastAnimatedItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAiB,EAGf,KAAK,WAAW,EAIjB,MAAM,yBAAyB,CAAC;AAGjC,OAAO,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,aAAU,CAAC;AAExD,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,YAAY,CAAC;IACvB,OAAO,EAAE,WAAW,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC;IAC9C,EAAE,EAAE,OAAO,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB,EAAE,MAAM,CAAC;IACzB,SAAS,EAAE,cAAc,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,WAAW,sDAUR,CAAC;AAEjB,eAAO,MAAM,UAAU,sDAUP,CAAC;AAEjB,eAAO,MAAM,cAAc,sDAUX,CAAC;AAEjB,eAAO,MAAM,aAAa,sDAUV,CAAC;AAIjB,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,OAAO,EACP,EAAE,EACF,KAAK,EACL,gBAAgB,EAChB,SAAS,EACT,KAAK,EACL,OAAO,GACR,EAAE,sBAAsB,+BAqDxB"}

package/lib/typescript/src/components/toast/parts/ToastOverlay.d.ts

@@ -0,0 +1,28 @@
+import type { ReactNode } from "react";
+/**
+ * Hosts the toast viewport where it already is, because on Android it is
+ * already in the right place.
+ *
+ * The iOS variant explains the problem: a sheet there is a separate view
+ * controller, so a toast in the root tree paints underneath it. Android does
+ * not have that problem for these screens. `react-native-screens` handles
+ * `formSheet` as a `StackPresentation` inside the screen stack (see
+ * `Screen.kt`), which lives in the Activity's own window — the same window as
+ * this provider — so the viewport's `elevation: 9999` puts it on top the
+ * ordinary way. Verified on an API 36 emulator: a toast raised from a
+ * `formSheet` route renders over that sheet.
+ *
+ * Not to be confused with `ScreenModalFragment`, which *is* a
+ * `BottomSheetDialogFragment` and so does carry its own `Window`. It backs a
+ * different presentation, not the `formSheet` route above. A toast raised from
+ * something hosted in a real `Dialog` — that fragment, or React Native's own
+ * `Modal` — would still be behind it, and `elevation` cannot cross windows.
+ * Untested, and left alone: `FullWindowOverlay` is iOS-only (elsewhere it warns
+ * and renders a plain `View`), so the remedy there would be to own a window
+ * too, via a React Native `Modal`, which brings its own back-button and
+ * touch-capture behaviour.
+ */
+export declare function ToastOverlay({ children }: {
+    children: ReactNode;
+}): import("react").JSX.Element;
+//# sourceMappingURL=ToastOverlay.d.ts.map

package/lib/typescript/src/components/toast/parts/ToastOverlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastOverlay.d.ts","sourceRoot":"","sources":["../../../../../../src/components/toast/parts/ToastOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,+BAEjE"}

package/lib/typescript/src/components/toast/parts/ToastOverlay.ios.d.ts

@@ -0,0 +1,28 @@
+import type { ReactNode } from "react";
+/**
+ * Lifts the toast viewport into a window of its own, above every presented
+ * view controller.
+ *
+ * Without this, a toast raised from a screen presented as `modal` or
+ * `formSheet` is invisible. `ToastProvider` sits above the app's navigator, so
+ * its viewport belongs to the root view controller's view; UIKit presents a
+ * sheet as a *separate* view controller on top of that one. They are different
+ * presentation layers, so no `zIndex` or `elevation` can lift the viewport over
+ * the sheet — the toast is mounted and animating, just underneath. The reader
+ * presses something, the app reports the result, and nothing appears.
+ *
+ * `FullWindowOverlay` hosts its children in its own `UIWindow`, which sits
+ * above presented controllers, so the viewport paints over a sheet the same way
+ * it paints over an ordinary screen.
+ *
+ * It covers the whole window, but it does not swallow the app's touches:
+ * `RNSFullWindowOverlay`'s `pointInside:` walks its subviews and answers NO
+ * anywhere they are not, so presses fall through to whatever is underneath.
+ *
+ * Mounted only alongside a non-empty viewport — `ToastViewport` returns `null`
+ * before reaching this — so an idle app carries no extra window.
+ */
+export declare function ToastOverlay({ children }: {
+    children: ReactNode;
+}): import("react").JSX.Element;
+//# sourceMappingURL=ToastOverlay.ios.d.ts.map

package/lib/typescript/src/components/toast/parts/ToastOverlay.ios.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastOverlay.ios.d.ts","sourceRoot":"","sources":["../../../../../../src/components/toast/parts/ToastOverlay.ios.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,+BAEjE"}

package/lib/typescript/src/components/toast/parts/ToastViewport.d.ts

@@ -0,0 +1,11 @@
+import type { ToastItem, ToastManager, ToastPlacement, ToastProviderProps } from "../types.js";
+interface ToastViewportProps {
+    placement: ToastPlacement;
+    toasts: ToastItem[];
+    manager: ToastManager;
+    maxVisibleToasts: number;
+    offset?: ToastProviderProps["offset"];
+}
+export declare function ToastViewport({ placement, toasts, manager, maxVisibleToasts, offset }: ToastViewportProps): import("react").JSX.Element | null;
+export {};
+//# sourceMappingURL=ToastViewport.d.ts.map

package/lib/typescript/src/components/toast/parts/ToastViewport.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastViewport.d.ts","sourceRoot":"","sources":["../../../../../../src/components/toast/parts/ToastViewport.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAW,SAAS,EAAE,YAAY,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,aAAU,CAAC;AAIrG,UAAU,kBAAkB;IAC1B,SAAS,EAAE,cAAc,CAAC;IAC1B,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,OAAO,EAAE,YAAY,CAAC;IACtB,gBAAgB,EAAE,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,kBAAkB,CAAC,QAAQ,CAAC,CAAC;CACvC;AAED,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,EAAE,kBAAkB,sCAqFzG"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-terra-ui",
-  "version": "0.10.0",
+  "version": "0.10.2",
   "description": "Themeable React Native UI components built on react-native-unistyles",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",

package/src/components/button/Button.tsx

@@ -1,6 +1,5 @@
 import { Children, type ComponentRef, createContext, forwardRef, type ReactNode, useContext } from "react";
-import type { PressableProps } from "react-native";
-import { Pressable } from "react-native";
+import type { Pressable, PressableProps, PressableStateCallbackType } from "react-native";
 
 import { StyleSheet, useUnistyles } from "react-native-unistyles";
 
@@ -9,12 +8,17 @@ import type { ColorToken, FontWeightToken, TerraIconName, TerraTheme, TextVarian
 import { readableOn } from "#utils/color-utils";
 import { resolveThemeColor } from "#utils/resolve-theme-color";
 import { Icon } from "../icon";
+import { PressableScale } from "../pressable";
 import { Spinner } from "../spinner";
 import { Text } from "../text";
 
 export type ButtonVariant = "primary" | "secondary" | "outline" | "ghost" | "danger";
 export type ButtonSize = "sm" | "md" | "lg";
 export type ButtonRadius = "none" | "sm" | "md" | "lg" | "xl" | "full";
+export type ButtonAnimation = "scale" | "opacity" | "none";
+
+/** Matches pressto's `minScale` default — enough to feel, not enough to distract. */
+const PRESSED_SCALE = 0.96;
 
 export interface ButtonProps extends Omit<PressableProps, "style" | "children" | "disabled"> {
   variant?: ButtonVariant;
@@ -31,6 +35,12 @@ export interface ButtonProps extends Omit<PressableProps, "style" | "children" |
   fullWidth?: boolean;
   /** Remove the button's built-in horizontal padding. */
   compact?: boolean;
+  /**
+   * Press feedback. `'scale'` shrinks the button to 0.96, `'opacity'` dims it
+   * to `opacity.pressed`, `'none'` leaves it static. The two are mutually
+   * exclusive. Defaults to `'scale'`.
+   */
+  animation?: ButtonAnimation;
   /**
    * Overrides the variant's resolved background color (theme token or raw
    * CSS color). The label/icon/spinner foreground automatically switches to
@@ -182,6 +192,7 @@ const ButtonRoot = forwardRef<ComponentRef<typeof Pressable>, ButtonProps>(funct
     isIconOnly = false,
     fullWidth = true,
     compact = false,
+    animation = "scale",
     background,
     children,
     onPress,
@@ -206,27 +217,35 @@ const ButtonRoot = forwardRef<ComponentRef<typeof Pressable>, ButtonProps>(funct
     style?: PressableProps["style"];
   };
 
+  const ownStyles = [
+    styles.base,
+    { backgroundColor: bg, borderColor: border, borderWidth },
+    compact ? styles.compact : null,
+    isDisabled ? { opacity: theme.opacity.disabled } : null,
+  ];
+  // Only the function form forces a re-render per touch, so keep the array form
+  // whenever the caller's style doesn't need the pressed state.
+  const style =
+    typeof externalStyle === "function"
+      ? (state: PressableStateCallbackType) => [...ownStyles, externalStyle(state)]
+      : [...ownStyles, externalStyle];
+
   return (
     <ButtonContext.Provider value={{ color: fg, size }}>
-      <Pressable
+      <PressableScale
         ref={ref}
         onPress={blocked ? undefined : onPress}
-        disabled={blocked}
+        isDisabled={blocked}
+        minScale={animation === "scale" ? PRESSED_SCALE : 1}
+        pressedOpacity={animation === "opacity" ? theme.opacity.pressed : undefined}
         accessibilityRole="button"
         accessibilityState={{ disabled: blocked, busy: isLoading }}
         {...pressableRest}
-        style={(state) => [
-          styles.base,
-          { backgroundColor: bg, borderColor: border, borderWidth },
-          compact ? styles.compact : null,
-          state.pressed && !blocked ? { opacity: theme.opacity.pressed } : null,
-          isDisabled ? { opacity: theme.opacity.disabled } : null,
-          typeof externalStyle === "function" ? externalStyle(state) : externalStyle,
-        ]}
+        style={style}
       >
         {isLoading && <Spinner size="sm" color={fg} />}
         {renderChildren(children)}
-      </Pressable>
+      </PressableScale>
     </ButtonContext.Provider>
   );
 });

package/src/components/button/index.ts

@@ -1,4 +1,5 @@
 export type {
+  ButtonAnimation,
   ButtonIconProps,
   ButtonProps,
   ButtonRadius,