@xleddyl/443-components-native 0.6.0 → 0.7.0

package/lib/module/components/core/Screen.js

@@ -1,11 +1,16 @@
 "use strict";
 
-import { KeyboardAvoidingView, Platform, ScrollView, View } from 'react-native';
+import { useRef, useState } from 'react';
+import { View } from 'react-native';
+import Animated, { useSharedValue } from 'react-native-reanimated';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import { StyleSheet } from 'react-native-unistyles';
-import { IconButton } from "./IconButton.js";
-import { Text } from "./Text.js";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { StyleSheet, useUnistyles } from 'react-native-unistyles';
+import { BlurSurface } from "./BlurSurface.js";
+import { GutterContext } from "./gutter.js";
+import { useKeyboardReveal } from "./useKeyboardReveal.js";
+import { assignRef } from "../../utils/refs.js";
+import { Header } from "../navigation/Header.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const allEdges = ['top', 'bottom', 'left', 'right'];
 export const Screen = ({
   ref,
@@ -17,6 +22,7 @@ export const Screen = ({
   header,
   headerLeft,
   headerRight,
+  largeTitle = false,
   footer,
   scroll = true,
   padded = true,
@@ -28,7 +34,28 @@ export const Screen = ({
   contentStyle,
   styles
 }) => {
+  const {
+    theme
+  } = useUnistyles();
   const insets = useSafeAreaInsets();
+  const scrollY = useSharedValue(0);
+  const rootRef = useRef(null);
+  const viewportRef = useRef(null);
+  const bottomInset = edges.includes('bottom') ? insets.bottom : 0;
+  const footerInsetAboveKeyboard = footer ? footerPadding(theme, bottomInset) - theme.space(1.5) : 0;
+  const {
+    scrollRef,
+    spacerStyle,
+    cancelReveal
+  } = useKeyboardReveal({
+    rootRef,
+    viewportRef,
+    scrollY,
+    margin: theme.space(2),
+    enabled: keyboardAvoiding,
+    uncoveredGap: footerInsetAboveKeyboard - keyboardVerticalOffset
+  });
+  const [measuredHeader, setMeasuredHeader] = useState(0);
   const inset = {
     top: edges.includes('top') ? insets.top : 0,
     bottom: edges.includes('bottom') ? insets.bottom : 0,
@@ -37,63 +64,92 @@ export const Screen = ({
   };
   const hasDefaultHeader = !!(title || subtitle || onBack || headerLeft || headerRight);
   const hasHeader = header !== undefined || hasDefaultHeader;
-  const leading = headerLeft ?? (onBack ? /*#__PURE__*/_jsx(IconButton, {
-    icon: "back",
-    accessibilityLabel: backLabel,
-    onPress: onBack,
-    variant: "soft",
-    tone: "neutral",
-    shape: "circle"
-  }) : null);
-  const headerNode = hasHeader ? /*#__PURE__*/_jsx(View, {
-    style: [stylesheet.header(inset, padded), styles?.header],
-    children: header ?? /*#__PURE__*/_jsxs(View, {
-      style: stylesheet.headerRow,
-      children: [leading, /*#__PURE__*/_jsxs(View, {
-        style: stylesheet.titles,
-        children: [title ? /*#__PURE__*/_jsx(Text, {
-          variant: "title",
-          accessibilityRole: "header",
-          numberOfLines: 2,
-          style: styles?.title,
-          children: title
-        }) : null, subtitle ? /*#__PURE__*/_jsx(Text, {
-          tone: "muted",
-          style: styles?.subtitle,
-          children: subtitle
-        }) : null]
-      }), headerRight]
-    })
+  const floatingHeader = hasHeader && scroll;
+  const headerHeight = measuredHeader || inset.top + theme.sizes.minTouchTarget + theme.space(2.5);
+  const handleHeaderLayout = event => {
+    const {
+      height
+    } = event.nativeEvent.layout;
+    setMeasuredHeader(current => largeTitle ? Math.max(current, height) : height);
+  };
+  const handleScroll = event => {
+    scrollY.value = event.nativeEvent.contentOffset.y;
+    scrollProps?.onScroll?.(event);
+  };
+  const headerContent = header !== undefined ? /*#__PURE__*/_jsx(BlurSurface, {
+    color: theme.colors.background,
+    style: [stylesheet.customHeader(inset, padded), styles?.header],
+    children: header
+  }) : hasDefaultHeader ? /*#__PURE__*/_jsx(Header, {
+    title: title,
+    subtitle: subtitle,
+    headerLeft: headerLeft,
+    headerRight: headerRight,
+    onBack: onBack,
+    backLabel: backLabel,
+    large: largeTitle,
+    scrollY: scroll ? scrollY : undefined,
+    border: scroll,
+    safeArea: edges.includes('top'),
+    style: styles?.header,
+    styles: {
+      title: styles?.title,
+      largeTitle: styles?.title,
+      subtitle: styles?.subtitle
+    }
   }) : null;
-  const contentLayout = stylesheet.content(inset, padded, hasHeader, !!footer);
-  const body = scroll ? /*#__PURE__*/_jsx(ScrollView, {
-    ref: ref,
+  const headerNode = floatingHeader ? /*#__PURE__*/_jsx(View, {
+    onLayout: handleHeaderLayout,
+    style: stylesheet.floatingHeader,
+    children: headerContent
+  }) : headerContent;
+  const contentTop = floatingHeader ? headerHeight : hasHeader ? 0 : inset.top;
+  const contentLayout = stylesheet.content(inset, padded, contentTop, !!footer);
+  const gutterContent = /*#__PURE__*/_jsx(GutterContext, {
+    value: gutter(theme, padded),
+    children: children
+  });
+  const body = scroll ? /*#__PURE__*/_jsx(Animated.ScrollView, {
+    ref: node => {
+      scrollRef(node);
+      assignRef(ref, node);
+    },
     keyboardShouldPersistTaps: "handled",
     keyboardDismissMode: "interactive",
+    scrollEventThrottle: 16,
     ...scrollProps,
+    onScroll: handleScroll,
+    onScrollBeginDrag: event => {
+      cancelReveal();
+      scrollProps?.onScrollBeginDrag?.(event);
+    },
+    scrollIndicatorInsets: {
+      top: floatingHeader ? headerHeight - inset.top : 0
+    },
     style: stylesheet.fill,
     contentContainerStyle: [contentLayout, contentStyle, styles?.content],
-    children: children
+    children: gutterContent
   }) : /*#__PURE__*/_jsx(View, {
     style: [stylesheet.fill, contentLayout, contentStyle, styles?.content],
-    children: children
+    children: gutterContent
   });
   const footerNode = footer ? /*#__PURE__*/_jsx(View, {
     style: [stylesheet.footer(inset, padded), styles?.footer],
     children: footer
   }) : null;
   return /*#__PURE__*/_jsxs(View, {
+    ref: rootRef,
     style: [stylesheet.root, style, styles?.root],
-    children: [headerNode, keyboardAvoiding ? /*#__PURE__*/_jsxs(KeyboardAvoidingView, {
+    children: [floatingHeader ? null : headerNode, /*#__PURE__*/_jsx(View, {
+      ref: viewportRef,
       style: stylesheet.fill,
-      behavior: Platform.OS === 'ios' ? 'padding' : undefined,
-      keyboardVerticalOffset: keyboardVerticalOffset,
-      children: [body, footerNode]
-    }) : /*#__PURE__*/_jsxs(_Fragment, {
-      children: [body, footerNode]
-    })]
+      children: body
+    }), footerNode, /*#__PURE__*/_jsx(Animated.View, {
+      style: spacerStyle
+    }), floatingHeader ? headerNode : null]
   });
 };
+const footerPadding = (theme, bottomInset) => Math.max(bottomInset, theme.space(1.5));
 const gutter = (theme, padded) => padded ? theme.components.screen?.paddingX ?? theme.space(2) : 0;
 const stylesheet = StyleSheet.create(theme => ({
   root: {
@@ -103,33 +159,30 @@ const stylesheet = StyleSheet.create(theme => ({
   fill: {
     flex: 1
   },
-  header: (inset, padded) => ({
+  customHeader: (inset, padded) => ({
     paddingTop: inset.top,
     paddingBottom: theme.space(1.5),
     paddingLeft: inset.left + gutter(theme, padded),
     paddingRight: inset.right + gutter(theme, padded)
   }),
-  headerRow: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    gap: theme.components.screen?.headerGap ?? theme.space(1.5),
-    paddingTop: theme.space(1)
-  },
-  titles: {
-    flex: 1,
-    gap: theme.space(0.25)
+  floatingHeader: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    zIndex: 1
   },
-  content: (inset, padded, hasHeader, hasFooter) => ({
+  content: (inset, padded, top, hasFooter) => ({
     gap: theme.components.screen?.contentGap ?? theme.space(2),
     paddingLeft: inset.left + gutter(theme, padded),
     paddingRight: inset.right + gutter(theme, padded),
-    paddingTop: (hasHeader ? 0 : inset.top) + (padded ? theme.space(2) : 0),
+    paddingTop: top + (padded ? theme.space(2) : 0),
     paddingBottom: (hasFooter ? 0 : inset.bottom) + (padded ? theme.space(2) : 0)
   }),
   footer: (inset, padded) => ({
     gap: theme.space(1),
     paddingTop: theme.space(1.5),
-    paddingBottom: Math.max(inset.bottom, theme.space(1.5)),
+    paddingBottom: footerPadding(theme, inset.bottom),
     paddingLeft: inset.left + gutter(theme, padded),
     paddingRight: inset.right + gutter(theme, padded),
     backgroundColor: theme.colors.surface,

package/lib/module/components/core/Screen.js.map

@@ -1 +1 @@
-{"version":3,"names":["KeyboardAvoidingView","Platform","ScrollView","View","useSafeAreaInsets","StyleSheet","IconButton","Text","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","allEdges","Screen","ref","children","title","subtitle","onBack","backLabel","header","headerLeft","headerRight","footer","scroll","padded","keyboardAvoiding","keyboardVerticalOffset","edges","scrollProps","style","contentStyle","styles","insets","inset","top","includes","bottom","left","right","hasDefaultHeader","hasHeader","undefined","leading","icon","accessibilityLabel","onPress","variant","tone","shape","headerNode","stylesheet","headerRow","titles","accessibilityRole","numberOfLines","contentLayout","content","body","keyboardShouldPersistTaps","keyboardDismissMode","fill","contentContainerStyle","footerNode","root","behavior","OS","gutter","theme","components","screen","paddingX","space","create","flex","backgroundColor","colors","background","paddingTop","paddingBottom","paddingLeft","paddingRight","flexDirection","alignItems","gap","headerGap","hasFooter","contentGap","Math","max","surface","borderTopWidth","footerBorder","sizes","borderWidth","borderTopColor","border"],"sourceRoot":"../../../../src","sources":["components/core/Screen.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useRef","useState","View","Animated","useSharedValue","useSafeAreaInsets","StyleSheet","useUnistyles","BlurSurface","GutterContext","useKeyboardReveal","assignRef","Header","jsx","_jsx","jsxs","_jsxs","allEdges","Screen","ref","children","title","subtitle","onBack","backLabel","header","headerLeft","headerRight","largeTitle","footer","scroll","padded","keyboardAvoiding","keyboardVerticalOffset","edges","scrollProps","style","contentStyle","styles","theme","insets","scrollY","rootRef","viewportRef","bottomInset","includes","bottom","footerInsetAboveKeyboard","footerPadding","space","scrollRef","spacerStyle","cancelReveal","margin","enabled","uncoveredGap","measuredHeader","setMeasuredHeader","inset","top","left","right","hasDefaultHeader","hasHeader","undefined","floatingHeader","headerHeight","sizes","minTouchTarget","handleHeaderLayout","event","height","nativeEvent","layout","current","Math","max","handleScroll","value","contentOffset","y","onScroll","headerContent","color","colors","background","stylesheet","customHeader","large","border","safeArea","headerNode","onLayout","contentTop","contentLayout","content","gutterContent","gutter","body","ScrollView","node","keyboardShouldPersistTaps","keyboardDismissMode","scrollEventThrottle","onScrollBeginDrag","scrollIndicatorInsets","fill","contentContainerStyle","footerNode","root","components","screen","paddingX","create","flex","backgroundColor","paddingTop","paddingBottom","paddingLeft","paddingRight","position","zIndex","hasFooter","gap","contentGap","surface","borderTopWidth","footerBorder","borderWidth","borderTopColor"],"sourceRoot":"../../../../src","sources":["components/core/Screen.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/core/TextField.js

@@ -4,6 +4,7 @@ import { useRef, useState } from 'react';
 import { Pressable, TextInput, View } from 'react-native';
 import Animated, { useAnimatedStyle, useReducedMotion, useSharedValue, withTiming } from 'react-native-reanimated';
 import { StyleSheet, useUnistyles } from 'react-native-unistyles';
+import { toneColors } from "../../theme/tones.js";
 import { variantFont } from "../../utils/fonts.js";
 import { mergeRefs } from "../../utils/refs.js";
 import { fieldErrorMessage, inputHeight, inputRadius, inputState, inputSurface, useFieldIds } from "./field.js";
@@ -115,8 +116,8 @@ export const TextField = ({
         onFocus: handleFocus,
         onBlur: handleBlur,
         placeholderTextColor: theme.colors.textDimmed,
-        selectionColor: theme.colors.primary,
-        cursorColor: theme.colors.primary,
+        selectionColor: toneColors(theme, 'primary').text,
+        cursorColor: toneColors(theme, 'primary').text,
         accessibilityLabel: accessibilityLabel ?? (label ? `${label}${required ? ', required' : ''}` : undefined),
         accessibilityLabelledBy: label ? labelId : undefined,
         accessibilityHint: accessibilityHint ?? message,

package/lib/module/components/core/TextField.js.map

@@ -1 +1 @@
-{"version":3,"names":["useRef","useState","Pressable","TextInput","View","Animated","useAnimatedStyle","useReducedMotion","useSharedValue","withTiming","StyleSheet","useUnistyles","variantFont","mergeRefs","fieldErrorMessage","inputHeight","inputRadius","inputState","inputSurface","useFieldIds","FieldLabel","FieldMessage","IconButton","jsx","_jsx","jsxs","_jsxs","TextField","ref","label","description","error","required","disabled","size","leftElement","rightElement","secureTextEntry","secureToggle","secureToggleLabels","show","hide","multiline","style","styles","onFocus","onBlur","accessibilityLabel","accessibilityHint","props","theme","reducedMotion","labelId","messageId","localRef","focused","setFocused","revealed","setRevealed","focusProgress","errorMessage","invalid","state","isSecure","message","ringDuration","motion","duration","normal","ringStyle","opacity","value","transform","scale","handleFocus","event","handleBlur","secureControl","icon","variant","tone","onPress","trailing","stylesheet","root","children","nativeID","accessible","current","focus","control","pointerEvents","focusRing","element","editable","placeholderTextColor","colors","textDimmed","selectionColor","primary","cursorColor","undefined","accessibilityLabelledBy","accessibilityState","input","errorStyle","descriptionStyle","inputFontSize","body","typography","variants","fontSize","create","gap","space","flexDirection","alignItems","minHeight","paddingHorizontal","paddingVertical","position","top","sizes","focusRingWidth","left","right","bottom","borderWidth","borderRadius","borderColor","danger","justifyContent","flex","alignSelf","color","textMuted","text","textAlignVertical"],"sourceRoot":"../../../../src","sources":["components/core/TextField.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useRef","useState","Pressable","TextInput","View","Animated","useAnimatedStyle","useReducedMotion","useSharedValue","withTiming","StyleSheet","useUnistyles","toneColors","variantFont","mergeRefs","fieldErrorMessage","inputHeight","inputRadius","inputState","inputSurface","useFieldIds","FieldLabel","FieldMessage","IconButton","jsx","_jsx","jsxs","_jsxs","TextField","ref","label","description","error","required","disabled","size","leftElement","rightElement","secureTextEntry","secureToggle","secureToggleLabels","show","hide","multiline","style","styles","onFocus","onBlur","accessibilityLabel","accessibilityHint","props","theme","reducedMotion","labelId","messageId","localRef","focused","setFocused","revealed","setRevealed","focusProgress","errorMessage","invalid","state","isSecure","message","ringDuration","motion","duration","normal","ringStyle","opacity","value","transform","scale","handleFocus","event","handleBlur","secureControl","icon","variant","tone","onPress","trailing","stylesheet","root","children","nativeID","accessible","current","focus","control","pointerEvents","focusRing","element","editable","placeholderTextColor","colors","textDimmed","selectionColor","text","cursorColor","undefined","accessibilityLabelledBy","accessibilityState","input","errorStyle","descriptionStyle","inputFontSize","body","typography","variants","fontSize","create","gap","space","flexDirection","alignItems","minHeight","paddingHorizontal","paddingVertical","position","top","sizes","focusRingWidth","left","right","bottom","borderWidth","borderRadius","borderColor","danger","justifyContent","flex","alignSelf","color","textMuted","textAlignVertical"],"sourceRoot":"../../../../src","sources":["components/core/TextField.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/core/buttonColors.js

@@ -1,6 +1,7 @@
 "use strict";
 
 import { toneColors } from "../../theme/tones.js";
+import { readableOn } from "../../utils/color.js";
 export const buttonColors = (theme, variant, tone) => {
   const colors = toneColors(theme, tone);
   switch (variant) {
@@ -19,7 +20,7 @@ export const buttonColors = (theme, variant, tone) => {
     case 'outline':
       return {
         background: 'transparent',
-        border: tone === 'neutral' ? theme.colors.borderStrong : colors.solid,
+        border: tone === 'neutral' ? theme.colors.borderStrong : readableOn(colors.solid, colors.text, theme.colors.surface),
         content: colors.text
       };
     case 'ghost':

package/lib/module/components/core/buttonColors.js.map

@@ -1 +1 @@
-{"version":3,"names":["toneColors","buttonColors","theme","variant","tone","colors","background","solid","border","content","on","soft","text","borderStrong"],"sourceRoot":"../../../../src","sources":["components/core/buttonColors.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,sBAAmB;AAW9C,OAAO,MAAMC,YAAY,GAAGA,CACzBC,KAAgB,EAChBC,OAAsB,EACtBC,IAAU,KACM;EAChB,MAAMC,MAAM,GAAGL,UAAU,CAACE,KAAK,EAAEE,IAAI,CAAC;EACtC,QAAQD,OAAO;IACZ,KAAK,OAAO;MACT,OAAO;QAAEG,UAAU,EAAED,MAAM,CAACE,KAAK;QAAEC,MAAM,EAAEH,MAAM,CAACE,KAAK;QAAEE,OAAO,EAAEJ,MAAM,CAACK;MAAG,CAAC;IAChF,KAAK,MAAM;MACR,OAAO;QAAEJ,UAAU,EAAED,MAAM,CAACM,IAAI;QAAEH,MAAM,EAAEH,MAAM,CAACM,IAAI;QAAEF,OAAO,EAAEJ,MAAM,CAACO;MAAK,CAAC;IAChF,KAAK,SAAS;MACX,OAAO;QACJN,UAAU,EAAE,aAAa;QACzBE,MAAM,EAAEJ,IAAI,KAAK,SAAS,GAAGF,KAAK,CAACG,MAAM,CAACQ,YAAY,GAAGR,MAAM,CAACE,KAAK;QACrEE,OAAO,EAAEJ,MAAM,CAACO;MACnB,CAAC;IACJ,KAAK,OAAO;MACT,OAAO;QAAEN,UAAU,EAAE,aAAa;QAAEE,MAAM,EAAE,aAAa;QAAEC,OAAO,EAAEJ,MAAM,CAACO;MAAK,CAAC;EACvF;AACH,CAAC","ignoreList":[]}
+{"version":3,"names":["toneColors","readableOn","buttonColors","theme","variant","tone","colors","background","solid","border","content","on","soft","text","borderStrong","surface"],"sourceRoot":"../../../../src","sources":["components/core/buttonColors.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,sBAAmB;AAC9C,SAASC,UAAU,QAAQ,sBAAmB;AAW9C,OAAO,MAAMC,YAAY,GAAGA,CACzBC,KAAgB,EAChBC,OAAsB,EACtBC,IAAU,KACM;EAChB,MAAMC,MAAM,GAAGN,UAAU,CAACG,KAAK,EAAEE,IAAI,CAAC;EACtC,QAAQD,OAAO;IACZ,KAAK,OAAO;MACT,OAAO;QAAEG,UAAU,EAAED,MAAM,CAACE,KAAK;QAAEC,MAAM,EAAEH,MAAM,CAACE,KAAK;QAAEE,OAAO,EAAEJ,MAAM,CAACK;MAAG,CAAC;IAChF,KAAK,MAAM;MACR,OAAO;QAAEJ,UAAU,EAAED,MAAM,CAACM,IAAI;QAAEH,MAAM,EAAEH,MAAM,CAACM,IAAI;QAAEF,OAAO,EAAEJ,MAAM,CAACO;MAAK,CAAC;IAChF,KAAK,SAAS;MACX,OAAO;QACJN,UAAU,EAAE,aAAa;QACzBE,MAAM,EACHJ,IAAI,KAAK,SAAS,GACbF,KAAK,CAACG,MAAM,CAACQ,YAAY,GACzBb,UAAU,CAACK,MAAM,CAACE,KAAK,EAAEF,MAAM,CAACO,IAAI,EAAEV,KAAK,CAACG,MAAM,CAACS,OAAO,CAAC;QACnEL,OAAO,EAAEJ,MAAM,CAACO;MACnB,CAAC;IACJ,KAAK,OAAO;MACT,OAAO;QAAEN,UAAU,EAAE,aAAa;QAAEE,MAAM,EAAE,aAAa;QAAEC,OAAO,EAAEJ,MAAM,CAACO;MAAK,CAAC;EACvF;AACH,CAAC","ignoreList":[]}

package/lib/module/components/core/gutter.js

@@ -0,0 +1,6 @@
+"use strict";
+
+import { createContext, use } from 'react';
+export const GutterContext = /*#__PURE__*/createContext(0);
+export const useGutter = () => use(GutterContext);
+//# sourceMappingURL=gutter.js.map

package/lib/module/components/core/gutter.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","use","GutterContext","useGutter"],"sourceRoot":"../../../../src","sources":["components/core/gutter.ts"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,GAAG,QAAQ,OAAO;AAE1C,OAAO,MAAMC,aAAa,gBAAGF,aAAa,CAAC,CAAC,CAAC;AAE7C,OAAO,MAAMG,SAAS,GAAGA,CAAA,KAAMF,GAAG,CAACC,aAAa,CAAC","ignoreList":[]}

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

@@ -1,9 +1,11 @@
 "use strict";
 
+export { BlurSurface } from "./BlurSurface.js";
 export { Button } from "./Button.js";
 export { buttonColors } from "./buttonColors.js";
 export { DefaultIcon, hasDefaultGlyph } from "./DefaultIcon.js";
 export { Icon, renderIcon, renderIconGlyph, resolveIconSize } from "./Icon.js";
+export { GutterContext, useGutter } from "./gutter.js";
 export { IconButton } from "./IconButton.js";
 export { Screen } from "./Screen.js";
 export { Spinner } from "./Spinner.js";

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

@@ -1 +1 @@
-{"version":3,"names":["Button","buttonColors","DefaultIcon","hasDefaultGlyph","Icon","renderIcon","renderIconGlyph","resolveIconSize","IconButton","Screen","Spinner","Stack","Text","textToneColor","TextField","Touchable"],"sourceRoot":"../../../../src","sources":["components/core/index.ts"],"mappings":";;AAAA,SAASA,MAAM,QAAQ,aAAU;AAEjC,SAASC,YAAY,QAAQ,mBAAgB;AAE7C,SAASC,WAAW,EAAEC,eAAe,QAAQ,kBAAe;AAC5D,SAASC,IAAI,EAAEC,UAAU,EAAEC,eAAe,EAAEC,eAAe,QAAQ,WAAQ;AAE3E,SAASC,UAAU,QAAQ,iBAAc;AAEzC,SAASC,MAAM,QAAQ,aAAU;AAEjC,SAASC,OAAO,QAAQ,cAAW;AAEnC,SAASC,KAAK,QAAQ,YAAS;AAE/B,SAASC,IAAI,EAAEC,aAAa,QAAQ,WAAQ;AAE5C,SAASC,SAAS,QAAQ,gBAAa;AAEvC,SAASC,SAAS,QAAQ,gBAAa","ignoreList":[]}
+{"version":3,"names":["BlurSurface","Button","buttonColors","DefaultIcon","hasDefaultGlyph","Icon","renderIcon","renderIconGlyph","resolveIconSize","GutterContext","useGutter","IconButton","Screen","Spinner","Stack","Text","textToneColor","TextField","Touchable"],"sourceRoot":"../../../../src","sources":["components/core/index.ts"],"mappings":";;AAAA,SAASA,WAAW,QAAQ,kBAAe;AAE3C,SAASC,MAAM,QAAQ,aAAU;AAEjC,SAASC,YAAY,QAAQ,mBAAgB;AAE7C,SAASC,WAAW,EAAEC,eAAe,QAAQ,kBAAe;AAC5D,SAASC,IAAI,EAAEC,UAAU,EAAEC,eAAe,EAAEC,eAAe,QAAQ,WAAQ;AAE3E,SAASC,aAAa,EAAEC,SAAS,QAAQ,aAAU;AACnD,SAASC,UAAU,QAAQ,iBAAc;AAEzC,SAASC,MAAM,QAAQ,aAAU;AAEjC,SAASC,OAAO,QAAQ,cAAW;AAEnC,SAASC,KAAK,QAAQ,YAAS;AAE/B,SAASC,IAAI,EAAEC,aAAa,QAAQ,WAAQ;AAE5C,SAASC,SAAS,QAAQ,gBAAa;AAEvC,SAASC,SAAS,QAAQ,gBAAa","ignoreList":[]}

package/lib/module/components/core/useKeyboardReveal.js

@@ -0,0 +1,95 @@
+"use strict";
+
+import { useEffect } from 'react';
+import { Keyboard, Platform, TextInput } from 'react-native';
+import { scrollTo, useAnimatedKeyboard, useAnimatedReaction, useAnimatedRef, useAnimatedStyle, useSharedValue } from 'react-native-reanimated';
+const idlePlan = {
+  from: 0,
+  delta: 0,
+  height: 0
+};
+const focusRetries = 6;
+const showEvent = Platform.OS === 'ios' ? 'keyboardWillShow' : 'keyboardDidShow';
+export const useKeyboardReveal = ({
+  rootRef,
+  viewportRef,
+  scrollY,
+  margin,
+  enabled,
+  uncoveredGap
+}) => {
+  const keyboard = useAnimatedKeyboard();
+  const scrollRef = useAnimatedRef();
+  const coveredGap = useSharedValue(uncoveredGap);
+  const plan = useSharedValue(idlePlan);
+  useAnimatedReaction(() => keyboard.height.value, height => {
+    const current = plan.value;
+    if (current.height <= 0) {
+      return;
+    }
+    const progress = Math.min(1, height / current.height);
+    scrollTo(scrollRef, 0, current.from + current.delta * progress, false);
+    if (height === 0) {
+      plan.value = idlePlan;
+    }
+  });
+  useEffect(() => {
+    if (!enabled || Platform.OS === 'web') {
+      return;
+    }
+    const planReveal = (event, attempt = 0) => {
+      const input = TextInput.State.currentlyFocusedInput();
+      if (!input && attempt < focusRetries) {
+        requestAnimationFrame(() => planReveal(event, attempt + 1));
+        return;
+      }
+      const root = rootRef.current;
+      const viewport = viewportRef.current;
+      const keyboardHeight = event.endCoordinates.height;
+      const windowBottom = event.endCoordinates.screenY + keyboardHeight;
+      if (!root) {
+        return;
+      }
+      root.measureInWindow((_x, rootY, _width, rootHeight) => {
+        const gap = windowBottom - (rootY + rootHeight) + uncoveredGap;
+        coveredGap.value = gap;
+        if (!input || !viewport) {
+          return;
+        }
+        const spacer = Math.max(0, keyboardHeight - gap);
+        input.measureInWindow((_ix, inputY, _iw, inputHeight) => viewport.measureInWindow((_sx, viewY, _sw, viewHeight) => {
+          const overflow = inputY + inputHeight + margin - (viewY + viewHeight - spacer);
+          if (overflow <= 0) {
+            return;
+          }
+          if (Platform.OS === 'ios') {
+            plan.value = {
+              from: scrollY.value,
+              delta: overflow,
+              height: keyboardHeight
+            };
+          } else {
+            scrollRef.current?.scrollTo({
+              y: scrollY.value + overflow,
+              animated: true
+            });
+          }
+        }));
+      });
+    };
+    const subscription = Keyboard.addListener(showEvent, event => planReveal(event));
+    return () => subscription.remove();
+  }, [enabled, margin, uncoveredGap, rootRef, viewportRef, scrollRef, scrollY, coveredGap, plan]);
+  const spacerStyle = useAnimatedStyle(() => ({
+    height: enabled ? Math.max(0, keyboard.height.value - coveredGap.value) : 0
+  }));
+  const cancelReveal = () => {
+    plan.value = idlePlan;
+  };
+  return {
+    scrollRef,
+    spacerStyle,
+    cancelReveal
+  };
+};
+//# sourceMappingURL=useKeyboardReveal.js.map

package/lib/module/components/core/useKeyboardReveal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","Keyboard","Platform","TextInput","scrollTo","useAnimatedKeyboard","useAnimatedReaction","useAnimatedRef","useAnimatedStyle","useSharedValue","idlePlan","from","delta","height","focusRetries","showEvent","OS","useKeyboardReveal","rootRef","viewportRef","scrollY","margin","enabled","uncoveredGap","keyboard","scrollRef","coveredGap","plan","value","current","progress","Math","min","planReveal","event","attempt","input","State","currentlyFocusedInput","requestAnimationFrame","root","viewport","keyboardHeight","endCoordinates","windowBottom","screenY","measureInWindow","_x","rootY","_width","rootHeight","gap","spacer","max","_ix","inputY","_iw","inputHeight","_sx","viewY","_sw","viewHeight","overflow","y","animated","subscription","addListener","remove","spacerStyle","cancelReveal"],"sourceRoot":"../../../../src","sources":["components/core/useKeyboardReveal.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/components/display/Card.js

@@ -1,9 +1,10 @@
 "use strict";
 
 import { View } from 'react-native';
-import { StyleSheet } from 'react-native-unistyles';
+import { StyleSheet, useUnistyles } from 'react-native-unistyles';
 import { disabledOpacity, nativeShadow } from "../../utils/styles.js";
 import { Touchable } from "../core/Touchable.js";
+import { GutterContext } from "../core/gutter.js";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const elevatedShadow = theme => ({
   opacity: theme.dark ? 0.4 : 0.08,
@@ -31,13 +32,19 @@ export const Card = ({
   style,
   styles
 }) => {
+  const {
+    theme
+  } = useUnistyles();
   const body = /*#__PURE__*/_jsxs(_Fragment, {
     children: [header ? /*#__PURE__*/_jsx(View, {
       style: [stylesheet.section(padded), styles?.header],
       children: header
     }) : null, /*#__PURE__*/_jsx(View, {
       style: [stylesheet.content(padded), styles?.content],
-      children: children
+      children: /*#__PURE__*/_jsx(GutterContext, {
+        value: padded ? cardPadding(theme) : 0,
+        children: children
+      })
     }), footer ? /*#__PURE__*/_jsx(View, {
       style: [stylesheet.section(padded), styles?.footer],
       children: footer

package/lib/module/components/display/Card.js.map

@@ -1 +1 @@
-{"version":3,"names":["View","StyleSheet","disabledOpacity","nativeShadow","Touchable","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","elevatedShadow","theme","opacity","dark","radius","offsetY","flatShadow","elevation","cardPadding","components","card","padding","space","Card","ref","children","header","footer","variant","padded","onPress","disabled","accessibilityLabel","accessibilityHint","style","styles","body","stylesheet","section","content","accessibilityRole","pressScale","container","create","borderRadius","lg","backgroundColor","colors","surfaceSunken","surfaceRaised","borderWidth","sizes","borderColor","border","paddingHorizontal","paddingVertical","gap"],"sourceRoot":"../../../../src","sources":["components/display/Card.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["View","StyleSheet","useUnistyles","disabledOpacity","nativeShadow","Touchable","GutterContext","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","elevatedShadow","theme","opacity","dark","radius","offsetY","flatShadow","elevation","cardPadding","components","card","padding","space","Card","ref","children","header","footer","variant","padded","onPress","disabled","accessibilityLabel","accessibilityHint","style","styles","body","stylesheet","section","content","value","accessibilityRole","pressScale","container","create","borderRadius","lg","backgroundColor","colors","surfaceSunken","surfaceRaised","borderWidth","sizes","borderColor","border","paddingHorizontal","paddingVertical","gap"],"sourceRoot":"../../../../src","sources":["components/display/Card.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/display/List.js

@@ -117,20 +117,21 @@ export const List = ({
     })
   });
 };
+const groupRadius = theme => theme.components.card?.radius ?? theme.radius.lg;
 const stylesheet = StyleSheet.create(theme => ({
   container: {
     alignSelf: 'stretch'
   },
   content: inset => ({
-    paddingHorizontal: inset ? theme.space(2) : 0,
+    paddingHorizontal: inset ? theme.components.screen?.paddingX ?? theme.space(2) : 0,
     paddingVertical: inset ? theme.space(1) : 0
   }),
   row: (inset, first, last) => ({
     backgroundColor: inset ? theme.colors.surfaceRaised : 'transparent',
-    borderTopLeftRadius: inset && first ? theme.radius.lg : 0,
-    borderTopRightRadius: inset && first ? theme.radius.lg : 0,
-    borderBottomLeftRadius: inset && last ? theme.radius.lg : 0,
-    borderBottomRightRadius: inset && last ? theme.radius.lg : 0,
+    borderTopLeftRadius: inset && first ? groupRadius(theme) : 0,
+    borderTopRightRadius: inset && first ? groupRadius(theme) : 0,
+    borderBottomLeftRadius: inset && last ? groupRadius(theme) : 0,
+    borderBottomRightRadius: inset && last ? groupRadius(theme) : 0,
     borderLeftWidth: inset ? theme.sizes.borderWidth : 0,
     borderRightWidth: inset ? theme.sizes.borderWidth : 0,
     borderTopWidth: inset && first ? theme.sizes.borderWidth : 0,