react-native-terra-ui 0.10.1 → 0.10.2

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## [0.10.2](https://github.com/earthlin9/react-native-terra-ui/compare/v0.10.1...v0.10.2) (2026-09-11)
+
+### Features
+
+* **ui:** [button] add PressableScale and a Button animation prop ([#22](https://github.com/earthlin9/react-native-terra-ui/issues/22)) ([ff91d4f](https://github.com/earthlin9/react-native-terra-ui/commit/ff91d4f9f1d68ea68c779b647f2320dab49516fe))
+* **ui:** [divider] add Divider ([#23](https://github.com/earthlin9/react-native-terra-ui/issues/23)) ([132c83b](https://github.com/earthlin9/react-native-terra-ui/commit/132c83bcb134bdfb552f4f0070805ab7efdf7e45))
+
 ## [0.10.1](https://github.com/earthlin9/react-native-terra-ui/compare/v0.10.0...v0.10.1) (2026-09-10)
 
 ### Bug Fixes

package/lib/module/components/button/Button.js

@@ -1,17 +1,20 @@
 "use strict";
 
-import { Pressable } from "react-native-unistyles/components/native/Pressable";
 import { Children, createContext, forwardRef, useContext } from "react";
 import { StyleSheet, useUnistyles } from "react-native-unistyles";
 import { getDefaultRadius } from "../../theme/registry.js";
 import { readableOn } from "../../utils/color-utils.js";
 import { resolveThemeColor } from "../../utils/resolve-theme-color.js";
 import { Icon } from "../icon/index.js";
+import { PressableScale } from "../pressable/index.js";
 import { Spinner } from "../spinner/index.js";
 import { Text } from "../text/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** Matches pressto's `minScale` default — enough to feel, not enough to distract. */
+const PRESSED_SCALE = 0.96;
 
 // ─── Context (lets icons/labels read the resolved foreground + size) ───────────
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+
 const ButtonContext = /*#__PURE__*/createContext({
   color: "",
   size: "md"
@@ -147,6 +150,7 @@ const ButtonRoot = /*#__PURE__*/forwardRef(function Button({
   isIconOnly = false,
   fullWidth = true,
   compact = false,
+  animation = "scale",
   background,
   children,
   onPress,
@@ -177,30 +181,34 @@ const ButtonRoot = /*#__PURE__*/forwardRef(function Button({
       style: externalStyle,
       ...pressableRest
     } = rest;
+    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 => [...ownStyles, externalStyle(state)] : [...ownStyles, externalStyle];
     return /*#__PURE__*/_jsx(ButtonContext.Provider, {
       value: {
         color: fg,
         size
       },
-      children: /*#__PURE__*/_jsxs(Pressable, {
+      children: /*#__PURE__*/_jsxs(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,
         children: [isLoading && /*#__PURE__*/_jsx(Spinner, {
           size: "sm",
           color: fg

package/lib/module/components/button/Button.js.map

@@ -1 +1 @@
-{"version":3,"names":["Children","createContext","forwardRef","useContext","StyleSheet","useUnistyles","getDefaultRadius","readableOn","resolveThemeColor","Icon","Spinner","Text","jsx","_jsx","jsxs","_jsxs","ButtonContext","color","size","useButtonContext","getColors","variant","theme","c","get","key","bg","border","borderWidth","fg","LABEL_TYPOGRAPHY","sm","weight","md","lg","ButtonLabel","children","typography","style","ICON_SIZE","ButtonIcon","name","sizeProp","colorProp","strokeWidth","renderChildren","map","child","trim","length","ButtonRoot","Button","radius","isDisabled","isLoading","isIconOnly","fullWidth","compact","background","onPress","rest","ref","_styles","styles","useVariants","iconOnly","variantBg","variantFg","resolvedBackground","undefined","blocked","externalStyle","pressableRest","Provider","value","Pressable","disabled","accessibilityRole","accessibilityState","busy","state","base","backgroundColor","borderColor","pressed","opacity","Label","create","flexDirection","alignItems","justifyContent","alignSelf","variants","height","paddingHorizontal","gap","none","borderRadius","xl","full","true","false","aspectRatio","uni__dependencies","paddingVertical"],"sourceRoot":"../../../../src","sources":["components/button/Button.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Children","createContext","forwardRef","useContext","StyleSheet","useUnistyles","getDefaultRadius","readableOn","resolveThemeColor","Icon","PressableScale","Spinner","Text","jsx","_jsx","jsxs","_jsxs","PRESSED_SCALE","ButtonContext","color","size","useButtonContext","getColors","variant","theme","c","get","key","bg","border","borderWidth","fg","LABEL_TYPOGRAPHY","sm","weight","md","lg","ButtonLabel","children","typography","style","ICON_SIZE","ButtonIcon","name","sizeProp","colorProp","strokeWidth","renderChildren","map","child","trim","length","ButtonRoot","Button","radius","isDisabled","isLoading","isIconOnly","fullWidth","compact","animation","background","onPress","rest","ref","_styles","styles","useVariants","iconOnly","variantBg","variantFg","resolvedBackground","undefined","blocked","externalStyle","pressableRest","ownStyles","base","backgroundColor","borderColor","opacity","disabled","state","Provider","value","minScale","pressedOpacity","pressed","accessibilityRole","accessibilityState","busy","Label","create","flexDirection","alignItems","justifyContent","alignSelf","variants","height","paddingHorizontal","gap","none","borderRadius","xl","full","true","false","aspectRatio","uni__dependencies","paddingVertical"],"sourceRoot":"../../../../src","sources":["components/button/Button.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/button/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Button","useButtonContext"],"sourceRoot":"../../../../src","sources":["components/button/index.ts"],"mappings":";;AAOA,SAASA,MAAM,EAAEC,gBAAgB","ignoreList":[]}
+{"version":3,"names":["Button","useButtonContext"],"sourceRoot":"../../../../src","sources":["components/button/index.ts"],"mappings":";;AAQA,SAASA,MAAM,EAAEC,gBAAgB","ignoreList":[]}

package/lib/module/components/divider/Divider.js

@@ -0,0 +1,127 @@
+"use strict";
+
+import { View } from "react-native-unistyles/components/native/View";
+import { Children, forwardRef } from "react";
+import { StyleSheet as RNStyleSheet } from "react-native";
+import { StyleSheet, useUnistyles } from "react-native-unistyles";
+import { resolveThemeColor } from "../../utils/resolve-theme-color.js";
+import { Text } from "../text/index.js";
+
+/** `number | 'hairline'`, mirroring `Box`'s `borderWidth`. */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function resolveThickness(thickness) {
+  return thickness === "hairline" ? RNStyleSheet.hairlineWidth : thickness;
+}
+function renderLabel(children) {
+  return Children.map(children, child => {
+    if (typeof child === "string") {
+      return child.trim().length > 0 ? /*#__PURE__*/_jsx(Text, {
+        variant: "label-sm",
+        color: "text.secondary",
+        children: child
+      }) : null;
+    }
+    if (typeof child === "number") {
+      return /*#__PURE__*/_jsx(Text, {
+        variant: "label-sm",
+        color: "text.secondary",
+        children: child
+      });
+    }
+    return child;
+  });
+}
+
+/**
+ * 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 const Divider = /*#__PURE__*/forwardRef(function Divider({
+  orientation = "horizontal",
+  color = "border.default",
+  thickness = "hairline",
+  spacing,
+  labelAlign = "center",
+  children,
+  style,
+  ...rest
+}, ref) {
+  const {
+    theme
+  } = useUnistyles();
+  const isVertical = orientation === "vertical";
+  // A vertical rule has no room to run either side of a label, so children are
+  // dropped rather than silently laid out in a direction they were not written for.
+  const label = isVertical ? null : renderLabel(children);
+  const hasLabel = Children.count(label) > 0;
+  const lineColor = resolveThemeColor(color, theme);
+  const weight = resolveThickness(thickness);
+  const margin = spacing !== undefined ? theme.spacing[spacing] : undefined;
+  const line = {
+    backgroundColor: lineColor,
+    ...(isVertical ? {
+      width: weight
+    } : {
+      height: weight
+    })
+  };
+  if (!hasLabel) {
+    return /*#__PURE__*/_jsx(View, {
+      ref: ref,
+      accessibilityElementsHidden: true,
+      importantForAccessibility: "no-hide-descendants",
+      "aria-hidden": true,
+      ...rest,
+      style: [styles.rule, line, margin !== undefined ? isVertical ? {
+        marginHorizontal: margin
+      } : {
+        marginVertical: margin
+      } : null, style]
+    });
+  }
+
+  // The label stays readable, so the wrapper is not hidden from accessibility —
+  // only the two rule segments are, and each is a bare decorative View.
+  return /*#__PURE__*/_jsxs(View, {
+    ref: ref,
+    ...rest,
+    style: [styles.labelledRoot, margin !== undefined ? {
+      marginVertical: margin
+    } : null, style],
+    children: [labelAlign !== "start" && /*#__PURE__*/_jsx(View, {
+      style: [styles.labelledSegment, line]
+    }), label, labelAlign !== "end" && /*#__PURE__*/_jsx(View, {
+      style: [styles.labelledSegment, line]
+    })]
+  });
+});
+
+// ─── Styles ───────────────────────────────────────────────────────────────────
+
+const styles = StyleSheet.create(theme => ({
+  // Stretches across its parent's cross axis: full width in a column, full
+  // height in a row. The `line` style supplies the other dimension.
+  rule: {
+    alignSelf: "stretch"
+  },
+  labelledRoot: {
+    alignSelf: "stretch",
+    flexDirection: "row",
+    alignItems: "center",
+    gap: theme.spacing["3"],
+    uni__dependencies: [0]
+  },
+  labelledSegment: {
+    flex: 1
+  }
+}));
+//# sourceMappingURL=Divider.js.map

package/lib/module/components/divider/Divider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Children","forwardRef","StyleSheet","RNStyleSheet","useUnistyles","resolveThemeColor","Text","jsx","_jsx","jsxs","_jsxs","resolveThickness","thickness","hairlineWidth","renderLabel","children","map","child","trim","length","variant","color","Divider","orientation","spacing","labelAlign","style","rest","ref","theme","isVertical","label","hasLabel","count","lineColor","weight","margin","undefined","line","backgroundColor","width","height","View","accessibilityElementsHidden","importantForAccessibility","styles","rule","marginHorizontal","marginVertical","labelledRoot","labelledSegment","create","alignSelf","flexDirection","alignItems","gap","uni__dependencies","flex"],"sourceRoot":"../../../../src","sources":["components/divider/Divider.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/divider/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { Divider } from "./Divider.js";
+//# sourceMappingURL=index.js.map

package/lib/module/components/divider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Divider"],"sourceRoot":"../../../../src","sources":["components/divider/index.ts"],"mappings":";;AAMA,SAASA,OAAO","ignoreList":[]}

package/lib/module/components/index.js

@@ -4,12 +4,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/module/components/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}

package/lib/module/components/pressable/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { PressableScale } from "./variants/PressableScale/index.js";
+//# sourceMappingURL=index.js.map

package/lib/module/components/pressable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["PressableScale"],"sourceRoot":"../../../../src","sources":["components/pressable/index.ts"],"mappings":";;AAIA,SAASA,cAAc","ignoreList":[]}

package/lib/module/components/pressable/variants/PressableScale/index.js

@@ -0,0 +1,110 @@
+"use strict";
+
+import { Pressable } from "react-native-unistyles/components/native/Pressable";
+import { forwardRef, useCallback, useEffect, useState } from "react";
+import Animated, { Easing, interpolate, useAnimatedStyle, useSharedValue, withSpring, withTiming } from "react-native-reanimated";
+import { StyleSheet } from "react-native-unistyles";
+import { jsx as _jsx } from "react/jsx-runtime";
+const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
+
+/** A 250ms ease that reads as instant on press-in but never snaps back on release. */
+const DEFAULT_TIMING = {
+  duration: 250,
+  easing: Easing.bezier(0.25, 0.1, 0.25, 1)
+};
+/**
+ * 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 const PressableScale = /*#__PURE__*/forwardRef(function PressableScale({
+  baseScale = 1,
+  minScale = 0.96,
+  pressedOpacity,
+  animationConfig,
+  isDisabled = false,
+  style,
+  onPressIn,
+  onPressOut,
+  ...rest
+}, ref) {
+  const progress = useSharedValue(0);
+
+  // Only the function form of `style` needs a re-render to resolve; tracking
+  // `pressed` unconditionally would re-render every consumer on every touch.
+  const isStyleFunction = typeof style === "function";
+  const [pressed, setPressed] = useState(false);
+  const animateTo = useCallback(to => {
+    if (animationConfig?.type === "spring") {
+      progress.value = withSpring(to, animationConfig.config);
+      return;
+    }
+    progress.value = withTiming(to, {
+      ...DEFAULT_TIMING,
+      ...animationConfig?.config
+    });
+  }, [animationConfig, progress]);
+  const handlePressIn = useCallback(event => {
+    animateTo(1);
+    if (isStyleFunction) setPressed(true);
+    onPressIn?.(event);
+  }, [animateTo, isStyleFunction, onPressIn]);
+  const handlePressOut = useCallback(event => {
+    animateTo(0);
+    if (isStyleFunction) setPressed(false);
+    onPressOut?.(event);
+  }, [animateTo, isStyleFunction, onPressOut]);
+
+  // A press that disables its own pressable — `onPress` flipping a button into
+  // a loading state — never gets an `onPressOut`, so release it here instead
+  // of leaving it stuck at the pressed scale.
+  useEffect(() => {
+    if (!isDisabled) return;
+    animateTo(0);
+    setPressed(false);
+  }, [isDisabled, animateTo]);
+  const animatedStyle = useAnimatedStyle(() => {
+    const scale = interpolate(progress.value, [0, 1], [baseScale, minScale]);
+    if (pressedOpacity === undefined) {
+      return {
+        transform: [{
+          scale
+        }]
+      };
+    }
+    return {
+      transform: [{
+        scale
+      }],
+      opacity: interpolate(progress.value, [0, 1], [1, pressedOpacity])
+    };
+  });
+  const pressableState = {
+    pressed
+  };
+  return /*#__PURE__*/_jsx(AnimatedPressable, {
+    ref: ref,
+    disabled: isDisabled,
+    ...rest,
+    onPressIn: handlePressIn,
+    onPressOut: handlePressOut
+    // The animated style goes first so anything the caller sets — a disabled
+    // opacity, say — still wins.
+    ,
+    style: [styles.root, animatedStyle, isStyleFunction ? style(pressableState) : style]
+  });
+});
+
+// ─── Styles ───────────────────────────────────────────────────────────────────
+//
+// PressableScale has no style of its own — this stylesheet exists so the
+// Unistyles Babel plugin swaps the `Pressable` imported above for its
+// Unistyles-aware counterpart. Without it a themed style handed in through
+// `style` freezes at whichever theme was active when it was created.
+const styles = StyleSheet.create(() => ({
+  root: {}
+}));
+//# sourceMappingURL=index.js.map

package/lib/module/components/pressable/variants/PressableScale/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useCallback","useEffect","useState","Animated","Easing","interpolate","useAnimatedStyle","useSharedValue","withSpring","withTiming","StyleSheet","jsx","_jsx","AnimatedPressable","createAnimatedComponent","Pressable","DEFAULT_TIMING","duration","easing","bezier","PressableScale","baseScale","minScale","pressedOpacity","animationConfig","isDisabled","style","onPressIn","onPressOut","rest","ref","progress","isStyleFunction","pressed","setPressed","animateTo","to","type","value","config","handlePressIn","event","handlePressOut","animatedStyle","scale","undefined","transform","opacity","pressableState","disabled","styles","root","create"],"sourceRoot":"../../../../../../src","sources":["components/pressable/variants/PressableScale/index.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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-terra-ui",
-  "version": "0.10.1",
+  "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,

package/src/components/divider/Divider.tsx

@@ -0,0 +1,164 @@
+import { Children, type ComponentRef, forwardRef, type ReactNode } from "react";
+import { StyleSheet as RNStyleSheet, View, type ViewProps } from "react-native";
+
+import { StyleSheet, useUnistyles } from "react-native-unistyles";
+
+import type { ColorToken, SpacingKey } from "#theme/types";
+import { resolveThemeColor } from "#utils/resolve-theme-color";
+import { Text } from "../text";
+
+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;
+}
+
+function resolveThickness(thickness: DividerThickness): number {
+  return thickness === "hairline" ? RNStyleSheet.hairlineWidth : thickness;
+}
+
+function renderLabel(children: ReactNode): ReactNode {
+  return Children.map(children, (child) => {
+    if (typeof child === "string") {
+      return child.trim().length > 0 ? (
+        <Text variant="label-sm" color="text.secondary">
+          {child}
+        </Text>
+      ) : null;
+    }
+    if (typeof child === "number") {
+      return (
+        <Text variant="label-sm" color="text.secondary">
+          {child}
+        </Text>
+      );
+    }
+    return child;
+  });
+}
+
+/**
+ * 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 const Divider = forwardRef<ComponentRef<typeof View>, DividerProps>(function Divider(
+  {
+    orientation = "horizontal",
+    color = "border.default",
+    thickness = "hairline",
+    spacing,
+    labelAlign = "center",
+    children,
+    style,
+    ...rest
+  },
+  ref
+) {
+  const { theme } = useUnistyles();
+  const isVertical = orientation === "vertical";
+  // A vertical rule has no room to run either side of a label, so children are
+  // dropped rather than silently laid out in a direction they were not written for.
+  const label = isVertical ? null : renderLabel(children);
+  const hasLabel = Children.count(label) > 0;
+
+  const lineColor = resolveThemeColor(color, theme);
+  const weight = resolveThickness(thickness);
+  const margin = spacing !== undefined ? theme.spacing[spacing] : undefined;
+
+  const line = {
+    backgroundColor: lineColor,
+    ...(isVertical ? { width: weight } : { height: weight }),
+  };
+
+  if (!hasLabel) {
+    return (
+      <View
+        ref={ref}
+        accessibilityElementsHidden
+        importantForAccessibility="no-hide-descendants"
+        aria-hidden
+        {...rest}
+        style={[
+          styles.rule,
+          line,
+          margin !== undefined
+            ? isVertical
+              ? { marginHorizontal: margin }
+              : { marginVertical: margin }
+            : null,
+          style,
+        ]}
+      />
+    );
+  }
+
+  // The label stays readable, so the wrapper is not hidden from accessibility —
+  // only the two rule segments are, and each is a bare decorative View.
+  return (
+    <View
+      ref={ref}
+      {...rest}
+      style={[styles.labelledRoot, margin !== undefined ? { marginVertical: margin } : null, style]}
+    >
+      {labelAlign !== "start" && <View style={[styles.labelledSegment, line]} />}
+      {label}
+      {labelAlign !== "end" && <View style={[styles.labelledSegment, line]} />}
+    </View>
+  );
+});
+
+// ─── Styles ───────────────────────────────────────────────────────────────────
+
+const styles = StyleSheet.create((theme) => ({
+  // Stretches across its parent's cross axis: full width in a column, full
+  // height in a row. The `line` style supplies the other dimension.
+  rule: {
+    alignSelf: "stretch",
+  },
+  labelledRoot: {
+    alignSelf: "stretch",
+    flexDirection: "row",
+    alignItems: "center",
+    gap: theme.spacing["3"],
+  },
+  labelledSegment: {
+    flex: 1,
+  },
+}));

package/src/components/divider/index.ts

@@ -0,0 +1,7 @@
+export type {
+  DividerLabelAlign,
+  DividerOrientation,
+  DividerProps,
+  DividerThickness,
+} from "./Divider";
+export { Divider } from "./Divider";

package/src/components/index.ts

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

package/src/components/pressable/index.ts

@@ -0,0 +1,5 @@
+export type {
+  PressableScaleAnimationConfig,
+  PressableScaleProps,
+} from "./variants/PressableScale";
+export { PressableScale } from "./variants/PressableScale";

package/src/components/pressable/variants/PressableScale/index.tsx

@@ -0,0 +1,166 @@
+import { type ComponentRef, forwardRef, useCallback, useEffect, useState } from "react";
+import type {
+  GestureResponderEvent,
+  PressableProps,
+  PressableStateCallbackType,
+  StyleProp,
+  ViewStyle,
+} from "react-native";
+import { Pressable } from "react-native";
+
+import Animated, {
+  Easing,
+  interpolate,
+  useAnimatedStyle,
+  useSharedValue,
+  type WithSpringConfig,
+  type WithTimingConfig,
+  withSpring,
+  withTiming,
+} from "react-native-reanimated";
+import { StyleSheet } from "react-native-unistyles";
+
+const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
+
+/** A 250ms ease that reads as instant on press-in but never snaps back on release. */
+const DEFAULT_TIMING: WithTimingConfig = {
+  duration: 250,
+  easing: Easing.bezier(0.25, 0.1, 0.25, 1),
+};
+
+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 const PressableScale = forwardRef<ComponentRef<typeof Pressable>, PressableScaleProps>(
+  function PressableScale(
+    {
+      baseScale = 1,
+      minScale = 0.96,
+      pressedOpacity,
+      animationConfig,
+      isDisabled = false,
+      style,
+      onPressIn,
+      onPressOut,
+      ...rest
+    },
+    ref
+  ) {
+    const progress = useSharedValue(0);
+
+    // Only the function form of `style` needs a re-render to resolve; tracking
+    // `pressed` unconditionally would re-render every consumer on every touch.
+    const isStyleFunction = typeof style === "function";
+    const [pressed, setPressed] = useState(false);
+
+    const animateTo = useCallback(
+      (to: number) => {
+        if (animationConfig?.type === "spring") {
+          progress.value = withSpring(to, animationConfig.config);
+          return;
+        }
+        progress.value = withTiming(to, { ...DEFAULT_TIMING, ...animationConfig?.config });
+      },
+      [animationConfig, progress]
+    );
+
+    const handlePressIn = useCallback(
+      (event: GestureResponderEvent) => {
+        animateTo(1);
+        if (isStyleFunction) setPressed(true);
+        onPressIn?.(event);
+      },
+      [animateTo, isStyleFunction, onPressIn]
+    );
+
+    const handlePressOut = useCallback(
+      (event: GestureResponderEvent) => {
+        animateTo(0);
+        if (isStyleFunction) setPressed(false);
+        onPressOut?.(event);
+      },
+      [animateTo, isStyleFunction, onPressOut]
+    );
+
+    // A press that disables its own pressable — `onPress` flipping a button into
+    // a loading state — never gets an `onPressOut`, so release it here instead
+    // of leaving it stuck at the pressed scale.
+    useEffect(() => {
+      if (!isDisabled) return;
+      animateTo(0);
+      setPressed(false);
+    }, [isDisabled, animateTo]);
+
+    const animatedStyle = useAnimatedStyle(() => {
+      const scale = interpolate(progress.value, [0, 1], [baseScale, minScale]);
+      if (pressedOpacity === undefined) {
+        return { transform: [{ scale }] };
+      }
+      return {
+        transform: [{ scale }],
+        opacity: interpolate(progress.value, [0, 1], [1, pressedOpacity]),
+      };
+    });
+
+    const pressableState: PressableStateCallbackType = { pressed };
+
+    return (
+      <AnimatedPressable
+        ref={ref}
+        disabled={isDisabled}
+        {...rest}
+        onPressIn={handlePressIn}
+        onPressOut={handlePressOut}
+        // The animated style goes first so anything the caller sets — a disabled
+        // opacity, say — still wins.
+        style={[styles.root, animatedStyle, isStyleFunction ? style(pressableState) : style]}
+      />
+    );
+  }
+);
+
+// ─── Styles ───────────────────────────────────────────────────────────────────
+//
+// PressableScale has no style of its own — this stylesheet exists so the
+// Unistyles Babel plugin swaps the `Pressable` imported above for its
+// Unistyles-aware counterpart. Without it a themed style handed in through
+// `style` freezes at whichever theme was active when it was created.
+const styles = StyleSheet.create(() => ({ root: {} }));