panelui-native 0.5.3 → 0.6.0

package/README.md

@@ -1,7 +1,7 @@
 # PanelUI — React Native UI components for Expo, styled with Tailwind CSS
 
 **PanelUI** (`panelui-native`) is an accessible, high-performance React Native component
-library for Expo apps. 26 typed components — buttons, bottom sheets, dialogs, selects,
+library for Expo apps. 29 typed components — buttons, bottom sheets, dialogs, selects,
 toasts, forms — styled with Tailwind CSS v4 and animated on the UI thread with Reanimated.
 Zero native code, so it runs in Expo Go.
 
@@ -107,7 +107,9 @@ overlays, and the toast viewport.
 | `Label` | Form field label with required, invalid and disabled states |
 | `Progress` | Determinate and indeterminate progress bar |
 | `RadioGroup` | Single-select list of options |
+| `ScrollFade` | Fades the edges of a scroll container |
 | `Select` | Picker that opens in a bottom sheet |
+| `Shimmer` | Animated highlight sweeping across content |
 | `Skeleton` | Shimmer placeholder for loading content |
 | `Spinner` | Indeterminate loading indicator |
 | `Steps` | Stepper for multi-step flows, horizontal or vertical |
@@ -117,9 +119,11 @@ overlays, and the toast viewport.
 | `Toast` | Transient notification queue with swipe-to-dismiss |
 | `Typography` | Semantic text presets — `h1`–`h6`, body sizes, inline code |
 
-Plus `PanelUIProvider`, `Portal`, `AnimatedPressable`, `Text`, `useTheme`, `useThemeMode`,
-`useToast`, a set of SVG icons (with brand marks for Google, Facebook and Apple), and the `cn`
-class-merging helper.
+Plus `PanelUIProvider`, `Portal`, `AnimatedPressable`, `Text`, a set of SVG icons (with brand
+marks for Google, Facebook and Apple), and the `cn` class-merging helper.
+
+**Hooks:** `useTheme`, `useThemeMode`, `useToast`, `useCopyToClipboard`, `useDisclosure`,
+`useBreakpoint`, `useKeyboard`, `useDebouncedValue`, `usePrevious`.
 
 Icons inside a coloured surface inherit a readable colour automatically — `Button` provides the
 foreground its variant reads against, so an icon in `startContent` follows the theme without a

package/lib/module/components/scroll-fade/index.js

@@ -0,0 +1,156 @@
+"use strict";
+
+/**
+ * ScrollFade — fades the edges of a scroll container.
+ *
+ * The React Native equivalent of shadcn-ui/ui's `scroll-fade` utility
+ * (https://ui.shadcn.com/docs/utils/scroll-fade), which is CSS `mask-image`
+ * driven by a scroll timeline. React Native has neither masks nor scroll
+ * timelines, so the fades are SVG gradients overlaid on each edge, with their
+ * opacity following the scroll position.
+ *
+ * Composition follows heroui-native's ScrollShadow: wrap the scrollable and
+ * let the orientation be inferred from its `horizontal` prop.
+ *
+ * ```tsx
+ * <ScrollFade>
+ *   <ScrollView horizontal>…</ScrollView>
+ * </ScrollFade>
+ * ```
+ */
+import { Children, cloneElement, isValidElement, useState } from 'react';
+import { View } from 'react-native';
+import Svg, { Defs, LinearGradient, Rect, Stop } from 'react-native-svg';
+import { useCSSVariable } from 'uniwind';
+
+/** Past this many pixels from an edge, that edge's fade is fully shown. */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const FADE_IN_DISTANCE = 24;
+export function ScrollFade({
+  className,
+  size = 48,
+  edges = 'both',
+  color,
+  children,
+  ...props
+}) {
+  const [startOpacity, setStartOpacity] = useState(0);
+  const [endOpacity, setEndOpacity] = useState(0);
+  const themeBackground = useCSSVariable('--color-background');
+  const fadeColor = color ?? (typeof themeBackground === 'string' ? themeBackground : '#000000');
+  const child = Children.only(children);
+  const horizontal = /*#__PURE__*/isValidElement(child) ? !!child.props.horizontal : false;
+  const handleScroll = event => {
+    const {
+      contentOffset,
+      contentSize,
+      layoutMeasurement
+    } = event.nativeEvent;
+    const offset = horizontal ? contentOffset.x : contentOffset.y;
+    const total = horizontal ? contentSize.width : contentSize.height;
+    const visible = horizontal ? layoutMeasurement.width : layoutMeasurement.height;
+    const remaining = total - visible - offset;
+
+    // Each edge fades in over the first FADE_IN_DISTANCE px of travel, so an
+    // edge with nothing past it shows nothing.
+    setStartOpacity(Math.min(offset / FADE_IN_DISTANCE, 1));
+    setEndOpacity(Math.min(Math.max(remaining, 0) / FADE_IN_DISTANCE, 1));
+    child.props.onScroll?.(event);
+  };
+  const scrollable = /*#__PURE__*/isValidElement(child) ? /*#__PURE__*/cloneElement(child, {
+    onScroll: handleScroll,
+    scrollEventThrottle: child.props.scrollEventThrottle ?? 16
+  }) : child;
+  const showStart = edges !== 'end';
+  const showEnd = edges !== 'start';
+  return /*#__PURE__*/_jsxs(View, {
+    ...props,
+    className: className,
+    children: [scrollable, showStart ? /*#__PURE__*/_jsx(Fade, {
+      color: fadeColor,
+      size: size,
+      horizontal: horizontal,
+      opacity: startOpacity,
+      edge: "start"
+    }) : null, showEnd ? /*#__PURE__*/_jsx(Fade, {
+      color: fadeColor,
+      size: size,
+      horizontal: horizontal,
+      opacity: endOpacity,
+      edge: "end"
+    }) : null]
+  });
+}
+ScrollFade.displayName = 'ScrollFade';
+
+/** One edge's gradient, opaque at the edge and clear inwards. */
+function Fade({
+  color,
+  size,
+  horizontal,
+  opacity,
+  edge
+}) {
+  const isStart = edge === 'start';
+  const id = `scroll-fade-${edge}-${horizontal ? 'x' : 'y'}`;
+  const position = horizontal ? {
+    top: 0,
+    bottom: 0,
+    width: size,
+    ...(isStart ? {
+      left: 0
+    } : {
+      right: 0
+    })
+  } : {
+    left: 0,
+    right: 0,
+    height: size,
+    ...(isStart ? {
+      top: 0
+    } : {
+      bottom: 0
+    })
+  };
+
+  // The gradient runs from the screen edge inwards, so it is reversed on the
+  // end edge.
+  const [x2, y2] = horizontal ? [1, 0] : [0, 1];
+  return /*#__PURE__*/_jsx(View, {
+    pointerEvents: "none",
+    style: {
+      position: 'absolute',
+      opacity,
+      ...position
+    },
+    children: /*#__PURE__*/_jsxs(Svg, {
+      width: "100%",
+      height: "100%",
+      children: [/*#__PURE__*/_jsx(Defs, {
+        children: /*#__PURE__*/_jsxs(LinearGradient, {
+          id: id,
+          x1: "0",
+          y1: "0",
+          x2: String(x2),
+          y2: String(y2),
+          children: [/*#__PURE__*/_jsx(Stop, {
+            offset: "0",
+            stopColor: color,
+            stopOpacity: isStart ? 1 : 0
+          }), /*#__PURE__*/_jsx(Stop, {
+            offset: "1",
+            stopColor: color,
+            stopOpacity: isStart ? 0 : 1
+          })]
+        })
+      }), /*#__PURE__*/_jsx(Rect, {
+        x: "0",
+        y: "0",
+        width: "100%",
+        height: "100%",
+        fill: `url(#${id})`
+      })]
+    })
+  });
+}
+//# sourceMappingURL=index.js.map

package/lib/module/components/scroll-fade/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Children","cloneElement","isValidElement","useState","View","Svg","Defs","LinearGradient","Rect","Stop","useCSSVariable","jsx","_jsx","jsxs","_jsxs","FADE_IN_DISTANCE","ScrollFade","className","size","edges","color","children","props","startOpacity","setStartOpacity","endOpacity","setEndOpacity","themeBackground","fadeColor","child","only","horizontal","handleScroll","event","contentOffset","contentSize","layoutMeasurement","nativeEvent","offset","x","y","total","width","height","visible","remaining","Math","min","max","onScroll","scrollable","scrollEventThrottle","showStart","showEnd","Fade","opacity","edge","displayName","isStart","id","position","top","bottom","left","right","x2","y2","pointerEvents","style","x1","y1","String","stopColor","stopOpacity","fill"],"sourceRoot":"../../../../src","sources":["components/scroll-fade/index.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SACEA,QAAQ,EACRC,YAAY,EACZC,cAAc,EACdC,QAAQ,QAGH,OAAO;AACd,SACEC,IAAI,QAIC,cAAc;AACrB,OAAOC,GAAG,IAAIC,IAAI,EAAEC,cAAc,EAAEC,IAAI,EAAEC,IAAI,QAAQ,kBAAkB;AACxE,SAASC,cAAc,QAAQ,SAAS;;AAExC;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AACA,MAAMC,gBAAgB,GAAG,EAAE;AAsB3B,OAAO,SAASC,UAAUA,CAAC;EACzBC,SAAS;EACTC,IAAI,GAAG,EAAE;EACTC,KAAK,GAAG,MAAM;EACdC,KAAK;EACLC,QAAQ;EACR,GAAGC;AACY,CAAC,EAAE;EAClB,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAGrB,QAAQ,CAAC,CAAC,CAAC;EACnD,MAAM,CAACsB,UAAU,EAAEC,aAAa,CAAC,GAAGvB,QAAQ,CAAC,CAAC,CAAC;EAE/C,MAAMwB,eAAe,GAAGjB,cAAc,CAAC,oBAAoB,CAAC;EAC5D,MAAMkB,SAAS,GACbR,KAAK,KAAK,OAAOO,eAAe,KAAK,QAAQ,GAAGA,eAAe,GAAG,SAAS,CAAC;EAE9E,MAAME,KAAK,GAAG7B,QAAQ,CAAC8B,IAAI,CAACT,QAAQ,CAAkC;EACtE,MAAMU,UAAU,GAAG,aAAA7B,cAAc,CAAC2B,KAAK,CAAC,GAAG,CAAC,CAACA,KAAK,CAACP,KAAK,CAACS,UAAU,GAAG,KAAK;EAE3E,MAAMC,YAAY,GAAIC,KAA8C,IAAK;IACvE,MAAM;MAAEC,aAAa;MAAEC,WAAW;MAAEC;IAAkB,CAAC,GAAGH,KAAK,CAACI,WAAW;IAC3E,MAAMC,MAAM,GAAGP,UAAU,GAAGG,aAAa,CAACK,CAAC,GAAGL,aAAa,CAACM,CAAC;IAC7D,MAAMC,KAAK,GAAGV,UAAU,GAAGI,WAAW,CAACO,KAAK,GAAGP,WAAW,CAACQ,MAAM;IACjE,MAAMC,OAAO,GAAGb,UAAU,GAAGK,iBAAiB,CAACM,KAAK,GAAGN,iBAAiB,CAACO,MAAM;IAC/E,MAAME,SAAS,GAAGJ,KAAK,GAAGG,OAAO,GAAGN,MAAM;;IAE1C;IACA;IACAd,eAAe,CAACsB,IAAI,CAACC,GAAG,CAACT,MAAM,GAAGvB,gBAAgB,EAAE,CAAC,CAAC,CAAC;IACvDW,aAAa,CAACoB,IAAI,CAACC,GAAG,CAACD,IAAI,CAACE,GAAG,CAACH,SAAS,EAAE,CAAC,CAAC,GAAG9B,gBAAgB,EAAE,CAAC,CAAC,CAAC;IAErEc,KAAK,CAACP,KAAK,CAAC2B,QAAQ,GAAGhB,KAAK,CAAC;EAC/B,CAAC;EAED,MAAMiB,UAAU,GAAG,aAAAhD,cAAc,CAAC2B,KAAK,CAAC,gBACpC5B,YAAY,CAAC4B,KAAK,EAAE;IAClBoB,QAAQ,EAAEjB,YAAY;IACtBmB,mBAAmB,EAAEtB,KAAK,CAACP,KAAK,CAAC6B,mBAAmB,IAAI;EAC1D,CAAC,CAAC,GACFtB,KAAK;EAET,MAAMuB,SAAS,GAAGjC,KAAK,KAAK,KAAK;EACjC,MAAMkC,OAAO,GAAGlC,KAAK,KAAK,OAAO;EAEjC,oBACEL,KAAA,CAACV,IAAI;IAAA,GAAKkB,KAAK;IAAEL,SAAS,EAAEA,SAAU;IAAAI,QAAA,GACnC6B,UAAU,EAEVE,SAAS,gBACRxC,IAAA,CAAC0C,IAAI;MACHlC,KAAK,EAAEQ,SAAU;MACjBV,IAAI,EAAEA,IAAK;MACXa,UAAU,EAAEA,UAAW;MACvBwB,OAAO,EAAEhC,YAAa;MACtBiC,IAAI,EAAC;IAAO,CACb,CAAC,GACA,IAAI,EACPH,OAAO,gBACNzC,IAAA,CAAC0C,IAAI;MACHlC,KAAK,EAAEQ,SAAU;MACjBV,IAAI,EAAEA,IAAK;MACXa,UAAU,EAAEA,UAAW;MACvBwB,OAAO,EAAE9B,UAAW;MACpB+B,IAAI,EAAC;IAAK,CACX,CAAC,GACA,IAAI;EAAA,CACJ,CAAC;AAEX;AAEAxC,UAAU,CAACyC,WAAW,GAAG,YAAY;;AAErC;AACA,SAASH,IAAIA,CAAC;EACZlC,KAAK;EACLF,IAAI;EACJa,UAAU;EACVwB,OAAO;EACPC;AAOF,CAAC,EAAE;EACD,MAAME,OAAO,GAAGF,IAAI,KAAK,OAAO;EAChC,MAAMG,EAAE,GAAG,eAAeH,IAAI,IAAIzB,UAAU,GAAG,GAAG,GAAG,GAAG,EAAE;EAE1D,MAAM6B,QAAQ,GAAG7B,UAAU,GACvB;IAAE8B,GAAG,EAAE,CAAC;IAAEC,MAAM,EAAE,CAAC;IAAEpB,KAAK,EAAExB,IAAI;IAAE,IAAIwC,OAAO,GAAG;MAAEK,IAAI,EAAE;IAAE,CAAC,GAAG;MAAEC,KAAK,EAAE;IAAE,CAAC;EAAE,CAAC,GAC7E;IAAED,IAAI,EAAE,CAAC;IAAEC,KAAK,EAAE,CAAC;IAAErB,MAAM,EAAEzB,IAAI;IAAE,IAAIwC,OAAO,GAAG;MAAEG,GAAG,EAAE;IAAE,CAAC,GAAG;MAAEC,MAAM,EAAE;IAAE,CAAC;EAAE,CAAC;;EAElF;EACA;EACA,MAAM,CAACG,EAAE,EAAEC,EAAE,CAAC,GAAGnC,UAAU,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC;EAE7C,oBACEnB,IAAA,CAACR,IAAI;IAAC+D,aAAa,EAAC,MAAM;IAACC,KAAK,EAAE;MAAER,QAAQ,EAAE,UAAU;MAAEL,OAAO;MAAE,GAAGK;IAAS,CAAE;IAAAvC,QAAA,eAC/EP,KAAA,CAACT,GAAG;MAACqC,KAAK,EAAC,MAAM;MAACC,MAAM,EAAC,MAAM;MAAAtB,QAAA,gBAC7BT,IAAA,CAACN,IAAI;QAAAe,QAAA,eACHP,KAAA,CAACP,cAAc;UAACoD,EAAE,EAAEA,EAAG;UAACU,EAAE,EAAC,GAAG;UAACC,EAAE,EAAC,GAAG;UAACL,EAAE,EAAEM,MAAM,CAACN,EAAE,CAAE;UAACC,EAAE,EAAEK,MAAM,CAACL,EAAE,CAAE;UAAA7C,QAAA,gBACnET,IAAA,CAACH,IAAI;YAAC6B,MAAM,EAAC,GAAG;YAACkC,SAAS,EAAEpD,KAAM;YAACqD,WAAW,EAAEf,OAAO,GAAG,CAAC,GAAG;UAAE,CAAE,CAAC,eACnE9C,IAAA,CAACH,IAAI;YAAC6B,MAAM,EAAC,GAAG;YAACkC,SAAS,EAAEpD,KAAM;YAACqD,WAAW,EAAEf,OAAO,GAAG,CAAC,GAAG;UAAE,CAAE,CAAC;QAAA,CACrD;MAAC,CACb,CAAC,eACP9C,IAAA,CAACJ,IAAI;QAAC+B,CAAC,EAAC,GAAG;QAACC,CAAC,EAAC,GAAG;QAACE,KAAK,EAAC,MAAM;QAACC,MAAM,EAAC,MAAM;QAAC+B,IAAI,EAAE,QAAQf,EAAE;MAAI,CAAE,CAAC;IAAA,CACjE;EAAC,CACF,CAAC;AAEX","ignoreList":[]}

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

@@ -0,0 +1,120 @@
+"use strict";
+
+/**
+ * Shimmer — an animated highlight sweeping across content.
+ *
+ * The React Native equivalent of shadcn-ui/ui's `shimmer` utility
+ * (https://ui.shadcn.com/docs/utils/shimmer). That one is CSS:
+ * `background-clip: text` with a `color-mix()` highlight. React Native has
+ * neither, so the highlight is drawn as an SVG gradient band swept across an
+ * overlay by Reanimated, on the UI thread.
+ *
+ * The visible difference: the band passes *over* the content rather than
+ * being clipped to glyph shapes. On body-sized text the two read the same; on
+ * very large text the web version is crisper.
+ *
+ * ```tsx
+ * <Shimmer>
+ *   <Text muted>Generating response…</Text>
+ * </Shimmer>
+ * ```
+ */
+import { useEffect, useState } from 'react';
+import { View } from 'react-native';
+import Animated, { cancelAnimation, Easing, useAnimatedStyle, useReducedMotion, useSharedValue, withRepeat, withTiming } from 'react-native-reanimated';
+import Svg, { Defs, LinearGradient, Rect, Stop } from 'react-native-svg';
+import { useCSSVariable } from 'uniwind';
+import { cn } from "../../utils/cn.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function Shimmer({
+  className,
+  duration = 2000,
+  once = false,
+  reverse = false,
+  spread = 0.4,
+  color,
+  intensity = 0.45,
+  children,
+  ...props
+}) {
+  const [width, setWidth] = useState(0);
+  const progress = useSharedValue(0);
+  const reducedMotion = useReducedMotion();
+  const themeForeground = useCSSVariable('--color-foreground');
+  const highlight = color ?? (typeof themeForeground === 'string' ? themeForeground : '#ffffff');
+  useEffect(() => {
+    // Respect the OS setting rather than animating regardless — the same
+    // thing shadcn's utility does with prefers-reduced-motion.
+    if (reducedMotion || width === 0) return;
+    progress.value = 0;
+    progress.value = withRepeat(withTiming(1, {
+      duration,
+      easing: Easing.linear
+    }), once ? 1 : -1, false);
+    return () => cancelAnimation(progress);
+  }, [duration, once, reducedMotion, width, progress]);
+  const bandWidth = Math.max(width * spread, 1);
+  const bandStyle = useAnimatedStyle(() => {
+    // Travel from fully off one edge to fully off the other.
+    const from = -bandWidth;
+    const to = width;
+    const x = reverse ? to - progress.value * (to - from) : from + progress.value * (to - from);
+    return {
+      transform: [{
+        translateX: x
+      }]
+    };
+  });
+  const onLayout = event => {
+    setWidth(event.nativeEvent.layout.width);
+    props.onLayout?.(event);
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    ...props,
+    onLayout: onLayout,
+    className: cn('overflow-hidden', className),
+    children: [children, reducedMotion || width === 0 ? null : /*#__PURE__*/_jsx(Animated.View, {
+      pointerEvents: "none",
+      style: [{
+        position: 'absolute',
+        top: 0,
+        bottom: 0,
+        width: bandWidth
+      }, bandStyle],
+      children: /*#__PURE__*/_jsxs(Svg, {
+        width: "100%",
+        height: "100%",
+        children: [/*#__PURE__*/_jsx(Defs, {
+          children: /*#__PURE__*/_jsxs(LinearGradient, {
+            id: "shimmer",
+            x1: "0",
+            y1: "0",
+            x2: "1",
+            y2: "0",
+            children: [/*#__PURE__*/_jsx(Stop, {
+              offset: "0",
+              stopColor: highlight,
+              stopOpacity: 0
+            }), /*#__PURE__*/_jsx(Stop, {
+              offset: "0.5",
+              stopColor: highlight,
+              stopOpacity: intensity
+            }), /*#__PURE__*/_jsx(Stop, {
+              offset: "1",
+              stopColor: highlight,
+              stopOpacity: 0
+            })]
+          })
+        }), /*#__PURE__*/_jsx(Rect, {
+          x: "0",
+          y: "0",
+          width: "100%",
+          height: "100%",
+          fill: "url(#shimmer)"
+        })]
+      })
+    })]
+  });
+}
+Shimmer.displayName = 'Shimmer';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useState","View","Animated","cancelAnimation","Easing","useAnimatedStyle","useReducedMotion","useSharedValue","withRepeat","withTiming","Svg","Defs","LinearGradient","Rect","Stop","useCSSVariable","cn","jsx","_jsx","jsxs","_jsxs","Shimmer","className","duration","once","reverse","spread","color","intensity","children","props","width","setWidth","progress","reducedMotion","themeForeground","highlight","value","easing","linear","bandWidth","Math","max","bandStyle","from","to","x","transform","translateX","onLayout","event","nativeEvent","layout","pointerEvents","style","position","top","bottom","height","id","x1","y1","x2","y2","offset","stopColor","stopOpacity","y","fill","displayName"],"sourceRoot":"../../../../src","sources":["components/shimmer/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,64 @@
+"use strict";
+
+/**
+ * Surface — an elevated container.
+ *
+ * Adapted from: heroui-inc/heroui-native src/components/surface/
+ * (the variant ladder and the nesting model for building hierarchy).
+ *
+ * Both the fill and the corner radius follow the active theme: the variants
+ * resolve to themed `--color-surface-*` tokens, and `rounded-3xl` resolves
+ * through the per-theme radius scale — so Moon's surfaces are tight and
+ * Grass's are soft, without the component knowing anything about either.
+ *
+ * ```tsx
+ * <Surface>
+ *   <Surface variant="secondary">
+ *     <Surface variant="tertiary">…</Surface>
+ *   </Surface>
+ * </Surface>
+ * ```
+ */
+import { forwardRef } from 'react';
+import { StyleSheet, View } from 'react-native';
+import { tv } from 'tailwind-variants';
+import { jsx as _jsx } from "react/jsx-runtime";
+const surfaceVariants = tv({
+  base: 'overflow-hidden rounded-3xl p-4',
+  variants: {
+    variant: {
+      default: 'bg-surface',
+      secondary: 'bg-surface-secondary',
+      tertiary: 'bg-surface-tertiary',
+      transparent: 'bg-transparent'
+    }
+  },
+  defaultVariants: {
+    variant: 'default'
+  }
+});
+export const Surface = /*#__PURE__*/forwardRef(({
+  className,
+  variant,
+  style,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(View, {
+  ref: ref
+  // `borderCurve` has no Tailwind equivalent. On iOS it gives the
+  // continuous (squircle) corner Apple uses, which is visibly smoother
+  // than a circular arc at this radius; Android ignores it.
+  ,
+  style: [styles.root, style],
+  className: surfaceVariants({
+    variant,
+    className
+  }),
+  ...props
+}));
+Surface.displayName = 'Surface';
+const styles = StyleSheet.create({
+  root: {
+    borderCurve: 'continuous'
+  }
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","StyleSheet","View","tv","jsx","_jsx","surfaceVariants","base","variants","variant","default","secondary","tertiary","transparent","defaultVariants","Surface","className","style","props","ref","styles","root","displayName","create","borderCurve"],"sourceRoot":"../../../../src","sources":["components/surface/index.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,UAAU,EAAEC,IAAI,QAAwB,cAAc;AAC/D,SAASC,EAAE,QAA2B,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE1D,MAAMC,eAAe,GAAGH,EAAE,CAAC;EACzBI,IAAI,EAAE,iCAAiC;EACvCC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,OAAO,EAAE,YAAY;MACrBC,SAAS,EAAE,sBAAsB;MACjCC,QAAQ,EAAE,qBAAqB;MAC/BC,WAAW,EAAE;IACf;EACF,CAAC;EACDC,eAAe,EAAE;IACfL,OAAO,EAAE;EACX;AACF,CAAC,CAAC;AAQF,OAAO,MAAMM,OAAO,gBAAGf,UAAU,CAC/B,CAAC;EAAEgB,SAAS;EAAEP,OAAO;EAAEQ,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,kBAC3Cd,IAAA,CAACH,IAAI;EACHiB,GAAG,EAAEA;EACL;EACA;EACA;EAAA;EACAF,KAAK,EAAE,CAACG,MAAM,CAACC,IAAI,EAAEJ,KAAK,CAAE;EAC5BD,SAAS,EAAEV,eAAe,CAAC;IAAEG,OAAO;IAAEO;EAAU,CAAC,CAAE;EAAA,GAC/CE;AAAK,CACV,CAEL,CAAC;AAEDH,OAAO,CAACO,WAAW,GAAG,SAAS;AAE/B,MAAMF,MAAM,GAAGnB,UAAU,CAACsB,MAAM,CAAC;EAC/BF,IAAI,EAAE;IAAEG,WAAW,EAAE;EAAa;AACpC,CAAC,CAAC","ignoreList":[]}

package/lib/module/hooks/index.js

@@ -0,0 +1,9 @@
+"use strict";
+
+export { useCopyToClipboard } from "./use-copy-to-clipboard.js";
+export { useDisclosure } from "./use-disclosure.js";
+export { useBreakpoint, BREAKPOINTS } from "./use-breakpoint.js";
+export { useKeyboard } from "./use-keyboard.js";
+export { useDebouncedValue } from "./use-debounced-value.js";
+export { usePrevious } from "./use-previous.js";
+//# sourceMappingURL=index.js.map

package/lib/module/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCopyToClipboard","useDisclosure","useBreakpoint","BREAKPOINTS","useKeyboard","useDebouncedValue","usePrevious"],"sourceRoot":"../../../src","sources":["hooks/index.ts"],"mappings":";;AAAA,SACEA,kBAAkB,QAGb,4BAAyB;AAChC,SACEC,aAAa,QAGR,qBAAkB;AACzB,SACEC,aAAa,EACbC,WAAW,QAGN,qBAAkB;AACzB,SAASC,WAAW,QAAgC,mBAAgB;AACpE,SAASC,iBAAiB,QAAQ,0BAAuB;AACzD,SAASC,WAAW,QAAQ,mBAAgB","ignoreList":[]}

package/lib/module/hooks/use-breakpoint.js

@@ -0,0 +1,39 @@
+"use strict";
+
+import { useWindowDimensions } from 'react-native';
+
+/** Tailwind's breakpoints, minus the ones no phone or tablet reaches. */
+export const BREAKPOINTS = {
+  sm: 640,
+  md: 768,
+  lg: 1024,
+  xl: 1280
+};
+/**
+ * Responsive state from the window size — the React Native answer to
+ * coss.com/ui's `useMediaQuery`, which has no equivalent here.
+ *
+ * For styling, prefer Uniwind's responsive class prefixes (`md:flex-row`).
+ * Reach for this when the *behaviour* changes, not just the look — rendering
+ * a sheet on a phone and a dialog on a tablet, say.
+ *
+ * ```tsx
+ * const { isAtLeast } = useBreakpoint();
+ * return isAtLeast('md') ? <Dialog …/> : <BottomSheet …/>;
+ * ```
+ */
+export function useBreakpoint() {
+  const {
+    width,
+    height
+  } = useWindowDimensions();
+  const current = width >= BREAKPOINTS.xl ? 'xl' : width >= BREAKPOINTS.lg ? 'lg' : width >= BREAKPOINTS.md ? 'md' : width >= BREAKPOINTS.sm ? 'sm' : 'base';
+  return {
+    current,
+    isAtLeast: breakpoint => width >= BREAKPOINTS[breakpoint],
+    width,
+    height,
+    isLandscape: width > height
+  };
+}
+//# sourceMappingURL=use-breakpoint.js.map

package/lib/module/hooks/use-breakpoint.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useWindowDimensions","BREAKPOINTS","sm","md","lg","xl","useBreakpoint","width","height","current","isAtLeast","breakpoint","isLandscape"],"sourceRoot":"../../../src","sources":["hooks/use-breakpoint.ts"],"mappings":";;AAAA,SAASA,mBAAmB,QAAQ,cAAc;;AAElD;AACA,OAAO,MAAMC,WAAW,GAAG;EAAEC,EAAE,EAAE,GAAG;EAAEC,EAAE,EAAE,GAAG;EAAEC,EAAE,EAAE,IAAI;EAAEC,EAAE,EAAE;AAAK,CAAU;AAc5E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,aAAaA,CAAA,EAAwB;EACnD,MAAM;IAAEC,KAAK;IAAEC;EAAO,CAAC,GAAGR,mBAAmB,CAAC,CAAC;EAE/C,MAAMS,OAA4B,GAChCF,KAAK,IAAIN,WAAW,CAACI,EAAE,GACnB,IAAI,GACJE,KAAK,IAAIN,WAAW,CAACG,EAAE,GACrB,IAAI,GACJG,KAAK,IAAIN,WAAW,CAACE,EAAE,GACrB,IAAI,GACJI,KAAK,IAAIN,WAAW,CAACC,EAAE,GACrB,IAAI,GACJ,MAAM;EAElB,OAAO;IACLO,OAAO;IACPC,SAAS,EAAGC,UAAU,IAAKJ,KAAK,IAAIN,WAAW,CAACU,UAAU,CAAC;IAC3DJ,KAAK;IACLC,MAAM;IACNI,WAAW,EAAEL,KAAK,GAAGC;EACvB,CAAC;AACH","ignoreList":[]}

package/lib/module/hooks/use-copy-to-clipboard.js

@@ -0,0 +1,62 @@
+"use strict";
+
+import { useCallback, useEffect, useRef, useState } from 'react';
+/**
+ * Copy text to the clipboard, with a temporary "copied" state.
+ *
+ * Mirrors coss.com/ui's `useCopyToClipboard`.
+ *
+ * Requires `expo-clipboard`, which is an optional peer dependency — React
+ * Native removed `Clipboard` from core, and pulling in a required native
+ * module for one hook would cost every consumer who never calls it:
+ *
+ * ```sh
+ * npx expo install expo-clipboard
+ * ```
+ *
+ * ```tsx
+ * const { copy, copied } = useCopyToClipboard();
+ * <Button onPress={() => copy(url)}>{copied ? 'Copied' : 'Copy link'}</Button>
+ * ```
+ */
+export function useCopyToClipboard({
+  timeout = 2000,
+  onCopy
+} = {}) {
+  const [copied, setCopied] = useState(false);
+  const timer = useRef(null);
+
+  // Never leave a timer running against an unmounted component.
+  useEffect(() => () => {
+    if (timer.current) clearTimeout(timer.current);
+  }, []);
+  const copy = useCallback(async value => {
+    const setString = await loadClipboard();
+    await setString(value);
+    setCopied(true);
+    onCopy?.();
+    if (timer.current) clearTimeout(timer.current);
+    if (timeout > 0) {
+      timer.current = setTimeout(() => setCopied(false), timeout);
+    }
+  }, [timeout, onCopy]);
+  return {
+    copy,
+    copied
+  };
+}
+
+/**
+ * Resolves expo-clipboard lazily, so apps that never call this hook are not
+ * asked to install it. The import is awaited rather than top-level for the
+ * same reason.
+ */
+async function loadClipboard() {
+  try {
+    const clipboard = await import('expo-clipboard');
+    return clipboard.setStringAsync;
+  } catch {
+    throw new Error('useCopyToClipboard requires expo-clipboard. Install it with: npx expo install expo-clipboard');
+  }
+}
+//# sourceMappingURL=use-copy-to-clipboard.js.map

package/lib/module/hooks/use-copy-to-clipboard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useRef","useState","useCopyToClipboard","timeout","onCopy","copied","setCopied","timer","current","clearTimeout","copy","value","setString","loadClipboard","setTimeout","clipboard","setStringAsync","Error"],"sourceRoot":"../../../src","sources":["hooks/use-copy-to-clipboard.ts"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAchE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,kBAAkBA,CAAC;EACjCC,OAAO,GAAG,IAAI;EACdC;AACyB,CAAC,GAAG,CAAC,CAAC,EAA4B;EAC3D,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGL,QAAQ,CAAC,KAAK,CAAC;EAC3C,MAAMM,KAAK,GAAGP,MAAM,CAAuC,IAAI,CAAC;;EAEhE;EACAD,SAAS,CACP,MAAM,MAAM;IACV,IAAIQ,KAAK,CAACC,OAAO,EAAEC,YAAY,CAACF,KAAK,CAACC,OAAO,CAAC;EAChD,CAAC,EACD,EACF,CAAC;EAED,MAAME,IAAI,GAAGZ,WAAW,CACtB,MAAOa,KAAa,IAAK;IACvB,MAAMC,SAAS,GAAG,MAAMC,aAAa,CAAC,CAAC;IACvC,MAAMD,SAAS,CAACD,KAAK,CAAC;IAEtBL,SAAS,CAAC,IAAI,CAAC;IACfF,MAAM,GAAG,CAAC;IAEV,IAAIG,KAAK,CAACC,OAAO,EAAEC,YAAY,CAACF,KAAK,CAACC,OAAO,CAAC;IAC9C,IAAIL,OAAO,GAAG,CAAC,EAAE;MACfI,KAAK,CAACC,OAAO,GAAGM,UAAU,CAAC,MAAMR,SAAS,CAAC,KAAK,CAAC,EAAEH,OAAO,CAAC;IAC7D;EACF,CAAC,EACD,CAACA,OAAO,EAAEC,MAAM,CAClB,CAAC;EAED,OAAO;IAAEM,IAAI;IAAEL;EAAO,CAAC;AACzB;;AAEA;AACA;AACA;AACA;AACA;AACA,eAAeQ,aAAaA,CAAA,EAAiD;EAC3E,IAAI;IACF,MAAME,SAAS,GAAG,MAAM,MAAM,CAAC,gBAAgB,CAAC;IAChD,OAAOA,SAAS,CAACC,cAAc;EACjC,CAAC,CAAC,MAAM;IACN,MAAM,IAAIC,KAAK,CACb,8FACF,CAAC;EACH;AACF","ignoreList":[]}

package/lib/module/hooks/use-debounced-value.js

@@ -0,0 +1,24 @@
+"use strict";
+
+import { useEffect, useState } from 'react';
+
+/**
+ * A copy of `value` that only updates once it has stopped changing for
+ * `delay` ms — for search fields, where you want the typed value on screen
+ * immediately but the query fired once.
+ *
+ * ```tsx
+ * const [query, setQuery] = useState('');
+ * const debounced = useDebouncedValue(query, 300);
+ * useEffect(() => { search(debounced); }, [debounced]);
+ * ```
+ */
+export function useDebouncedValue(value, delay = 300) {
+  const [debounced, setDebounced] = useState(value);
+  useEffect(() => {
+    const timer = setTimeout(() => setDebounced(value), delay);
+    return () => clearTimeout(timer);
+  }, [value, delay]);
+  return debounced;
+}
+//# sourceMappingURL=use-debounced-value.js.map

package/lib/module/hooks/use-debounced-value.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useState","useDebouncedValue","value","delay","debounced","setDebounced","timer","setTimeout","clearTimeout"],"sourceRoot":"../../../src","sources":["hooks/use-debounced-value.ts"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;;AAE3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,iBAAiBA,CAAIC,KAAQ,EAAEC,KAAK,GAAG,GAAG,EAAK;EAC7D,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGL,QAAQ,CAACE,KAAK,CAAC;EAEjDH,SAAS,CAAC,MAAM;IACd,MAAMO,KAAK,GAAGC,UAAU,CAAC,MAAMF,YAAY,CAACH,KAAK,CAAC,EAAEC,KAAK,CAAC;IAC1D,OAAO,MAAMK,YAAY,CAACF,KAAK,CAAC;EAClC,CAAC,EAAE,CAACJ,KAAK,EAAEC,KAAK,CAAC,CAAC;EAElB,OAAOC,SAAS;AAClB","ignoreList":[]}

package/lib/module/hooks/use-disclosure.js

@@ -0,0 +1,43 @@
+"use strict";
+
+import { useCallback, useMemo, useState } from 'react';
+/**
+ * Open/closed state for an overlay.
+ *
+ * The same controlled-or-uncontrolled pattern Dialog, BottomSheet and Select
+ * implement internally, lifted out for when you need to drive one from
+ * elsewhere — closing a sheet after a request settles, say.
+ *
+ * ```tsx
+ * const sheet = useDisclosure();
+ * <Button onPress={sheet.open}>Share</Button>
+ * <BottomSheet {...sheet.props}>…</BottomSheet>
+ * ```
+ */
+export function useDisclosure({
+  defaultOpen = false,
+  open: controlledOpen,
+  onOpenChange
+} = {}) {
+  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);
+  const isControlled = controlledOpen !== undefined;
+  const isOpen = isControlled ? controlledOpen : uncontrolledOpen;
+  const setOpen = useCallback(next => {
+    if (!isControlled) setUncontrolledOpen(next);
+    onOpenChange?.(next);
+  }, [isControlled, onOpenChange]);
+  const open = useCallback(() => setOpen(true), [setOpen]);
+  const close = useCallback(() => setOpen(false), [setOpen]);
+  const toggle = useCallback(() => setOpen(!isOpen), [setOpen, isOpen]);
+  return useMemo(() => ({
+    isOpen,
+    open,
+    close,
+    toggle,
+    props: {
+      open: isOpen,
+      onOpenChange: setOpen
+    }
+  }), [isOpen, open, close, toggle, setOpen]);
+}
+//# sourceMappingURL=use-disclosure.js.map

package/lib/module/hooks/use-disclosure.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useMemo","useState","useDisclosure","defaultOpen","open","controlledOpen","onOpenChange","uncontrolledOpen","setUncontrolledOpen","isControlled","undefined","isOpen","setOpen","next","close","toggle","props"],"sourceRoot":"../../../src","sources":["hooks/use-disclosure.ts"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AAkBtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,aAAaA,CAAC;EAC5BC,WAAW,GAAG,KAAK;EACnBC,IAAI,EAAEC,cAAc;EACpBC;AACoB,CAAC,GAAG,CAAC,CAAC,EAAuB;EACjD,MAAM,CAACC,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGP,QAAQ,CAACE,WAAW,CAAC;EACrE,MAAMM,YAAY,GAAGJ,cAAc,KAAKK,SAAS;EACjD,MAAMC,MAAM,GAAGF,YAAY,GAAGJ,cAAc,GAAGE,gBAAgB;EAE/D,MAAMK,OAAO,GAAGb,WAAW,CACxBc,IAAa,IAAK;IACjB,IAAI,CAACJ,YAAY,EAAED,mBAAmB,CAACK,IAAI,CAAC;IAC5CP,YAAY,GAAGO,IAAI,CAAC;EACtB,CAAC,EACD,CAACJ,YAAY,EAAEH,YAAY,CAC7B,CAAC;EAED,MAAMF,IAAI,GAAGL,WAAW,CAAC,MAAMa,OAAO,CAAC,IAAI,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EACxD,MAAME,KAAK,GAAGf,WAAW,CAAC,MAAMa,OAAO,CAAC,KAAK,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAC1D,MAAMG,MAAM,GAAGhB,WAAW,CAAC,MAAMa,OAAO,CAAC,CAACD,MAAM,CAAC,EAAE,CAACC,OAAO,EAAED,MAAM,CAAC,CAAC;EAErE,OAAOX,OAAO,CACZ,OAAO;IAAEW,MAAM;IAAEP,IAAI;IAAEU,KAAK;IAAEC,MAAM;IAAEC,KAAK,EAAE;MAAEZ,IAAI,EAAEO,MAAM;MAAEL,YAAY,EAAEM;IAAQ;EAAE,CAAC,CAAC,EACvF,CAACD,MAAM,EAAEP,IAAI,EAAEU,KAAK,EAAEC,MAAM,EAAEH,OAAO,CACvC,CAAC;AACH","ignoreList":[]}

package/lib/module/hooks/use-keyboard.js

@@ -0,0 +1,36 @@
+"use strict";
+
+import { useEffect, useState } from 'react';
+import { Keyboard, Platform } from 'react-native';
+/**
+ * Keyboard height and visibility, on the JS thread.
+ *
+ * Use this when the value drives rendering — showing a hint, swapping a
+ * layout. For *animating* against the keyboard, use Reanimated's
+ * `useAnimatedKeyboard` instead: it runs on the UI thread and tracks the
+ * keyboard frame-for-frame, where this fires once per show/hide.
+ *
+ * ```tsx
+ * const { isVisible } = useKeyboard();
+ * {isVisible ? null : <Footer />}
+ * ```
+ */
+export function useKeyboard() {
+  const [height, setHeight] = useState(0);
+  useEffect(() => {
+    // iOS reports the frame before it animates; Android only on completion.
+    const showEvent = Platform.OS === 'ios' ? 'keyboardWillShow' : 'keyboardDidShow';
+    const hideEvent = Platform.OS === 'ios' ? 'keyboardWillHide' : 'keyboardDidHide';
+    const show = Keyboard.addListener(showEvent, event => setHeight(event.endCoordinates.height));
+    const hide = Keyboard.addListener(hideEvent, () => setHeight(0));
+    return () => {
+      show.remove();
+      hide.remove();
+    };
+  }, []);
+  return {
+    height,
+    isVisible: height > 0
+  };
+}
+//# sourceMappingURL=use-keyboard.js.map

package/lib/module/hooks/use-keyboard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useState","Keyboard","Platform","useKeyboard","height","setHeight","showEvent","OS","hideEvent","show","addListener","event","endCoordinates","hide","remove","isVisible"],"sourceRoot":"../../../src","sources":["hooks/use-keyboard.ts"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,SAASC,QAAQ,EAAEC,QAAQ,QAAQ,cAAc;AAQjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,WAAWA,CAAA,EAAsB;EAC/C,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGL,QAAQ,CAAC,CAAC,CAAC;EAEvCD,SAAS,CAAC,MAAM;IACd;IACA,MAAMO,SAAS,GAAGJ,QAAQ,CAACK,EAAE,KAAK,KAAK,GAAG,kBAAkB,GAAG,iBAAiB;IAChF,MAAMC,SAAS,GAAGN,QAAQ,CAACK,EAAE,KAAK,KAAK,GAAG,kBAAkB,GAAG,iBAAiB;IAEhF,MAAME,IAAI,GAAGR,QAAQ,CAACS,WAAW,CAACJ,SAAS,EAAGK,KAAK,IACjDN,SAAS,CAACM,KAAK,CAACC,cAAc,CAACR,MAAM,CACvC,CAAC;IACD,MAAMS,IAAI,GAAGZ,QAAQ,CAACS,WAAW,CAACF,SAAS,EAAE,MAAMH,SAAS,CAAC,CAAC,CAAC,CAAC;IAEhE,OAAO,MAAM;MACXI,IAAI,CAACK,MAAM,CAAC,CAAC;MACbD,IAAI,CAACC,MAAM,CAAC,CAAC;IACf,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IAAEV,MAAM;IAAEW,SAAS,EAAEX,MAAM,GAAG;EAAE,CAAC;AAC1C","ignoreList":[]}