@whop/elements-react-native 0.1.0

package/lib/module/ui/payment-method-icon.js

@@ -0,0 +1,69 @@
+"use strict";
+
+import { Image } from 'react-native';
+import { useTheme } from "../theme/provider.js";
+
+/** The art's own pixel size at 1x, which is what the API's `png_1x` serves: a 32x32 square tile,
+ *  a 48x30 card tile. The 2x and 4x files are exact multiples of it. */
+import { jsx as _jsx } from "react/jsx-runtime";
+const SHAPE_BASE = {
+  square: {
+    width: 32,
+    height: 32
+  },
+  card: {
+    width: 48,
+    height: 30
+  }
+};
+
+/**
+ * A method's brand art.
+ *
+ * The API serves each shape as an SVG plus a 1x/2x/4x raster set, and this draws the RASTERS: the
+ * SVG would need a native peer, and every candidate ships CocoaPods-only, which is the one thing
+ * this package cannot take on. Handing `Image` all three densities lets it pick the sharpest file
+ * for the box it is drawn in.
+ *
+ * Each entry carries `width` and `height`, not `scale`: those are what the multi-source picker
+ * measures against, and Android's `RCTImageView` throws `null width` on an entry without them.
+ */
+export function PaymentMethodIcon({
+  icons,
+  shape = 'square',
+  size = 20,
+  style
+}) {
+  const theme = useTheme();
+  const files = icons?.[shape]?.[theme.mode === 'dark' ? 'dark' : 'light'];
+  if (!files) return null;
+  const base = SHAPE_BASE[shape];
+  const densities = [{
+    uri: files.png_1x,
+    scale: 1
+  }, {
+    uri: files.png_2x,
+    scale: 2
+  }, {
+    uri: files.png_4x,
+    scale: 4
+  }].filter(entry => Boolean(entry.uri)).map(({
+    uri,
+    scale
+  }) => ({
+    uri,
+    width: base.width * scale,
+    height: base.height * scale
+  }));
+  if (densities.length === 0) return null;
+  return /*#__PURE__*/_jsx(Image, {
+    source: densities,
+    style: [{
+      height: size,
+      width: size * base.width / base.height
+    }, style],
+    resizeMode: "contain",
+    accessible: false
+  });
+}
+//# sourceMappingURL=payment-method-icon.js.map

package/lib/module/ui/payment-method-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Image","useTheme","jsx","_jsx","SHAPE_BASE","square","width","height","card","PaymentMethodIcon","icons","shape","size","style","theme","files","mode","base","densities","uri","png_1x","scale","png_2x","png_4x","filter","entry","Boolean","map","length","source","resizeMode","accessible"],"sourceRoot":"../../../src","sources":["ui/payment-method-icon.tsx"],"mappings":";;AAAA,SAASA,KAAK,QAAyC,cAAc;AAGrE,SAASC,QAAQ,QAAQ,sBAAmB;;AAE5C;AACA;AADA,SAAAC,GAAA,IAAAC,IAAA;AAEA,MAAMC,UAAU,GAAG;EAAEC,MAAM,EAAE;IAAEC,KAAK,EAAE,EAAE;IAAEC,MAAM,EAAE;EAAG,CAAC;EAAEC,IAAI,EAAE;IAAEF,KAAK,EAAE,EAAE;IAAEC,MAAM,EAAE;EAAG;AAAE,CAAU;;AAElG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASE,iBAAiBA,CAAC;EACjCC,KAAK;EACLC,KAAK,GAAG,QAAQ;EAChBC,IAAI,GAAG,EAAE;EACTC;AAOD,CAAC,EAAE;EACF,MAAMC,KAAK,GAAGb,QAAQ,CAAC,CAAC;EACxB,MAAMc,KAAK,GAAGL,KAAK,GAAGC,KAAK,CAAC,GAAGG,KAAK,CAACE,IAAI,KAAK,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;EACxE,IAAI,CAACD,KAAK,EAAE,OAAO,IAAI;EAEvB,MAAME,IAAI,GAAGb,UAAU,CAACO,KAAK,CAAC;EAC9B,MAAMO,SAAS,GAAG,CACjB;IAAEC,GAAG,EAAEJ,KAAK,CAACK,MAAM;IAAEC,KAAK,EAAE;EAAE,CAAC,EAC/B;IAAEF,GAAG,EAAEJ,KAAK,CAACO,MAAM;IAAED,KAAK,EAAE;EAAE,CAAC,EAC/B;IAAEF,GAAG,EAAEJ,KAAK,CAACQ,MAAM;IAAEF,KAAK,EAAE;EAAE,CAAC,CAC/B,CACCG,MAAM,CAAEC,KAAK,IAA8CC,OAAO,CAACD,KAAK,CAACN,GAAG,CAAC,CAAC,CAC9EQ,GAAG,CAAC,CAAC;IAAER,GAAG;IAAEE;EAAM,CAAC,MAAM;IAAEF,GAAG;IAAEb,KAAK,EAAEW,IAAI,CAACX,KAAK,GAAGe,KAAK;IAAEd,MAAM,EAAEU,IAAI,CAACV,MAAM,GAAGc;EAAM,CAAC,CAAC,CAAC;EAC5F,IAAIH,SAAS,CAACU,MAAM,KAAK,CAAC,EAAE,OAAO,IAAI;EAEvC,oBACCzB,IAAA,CAACH,KAAK;IACL6B,MAAM,EAAEX,SAAU;IAClBL,KAAK,EAAE,CAAC;MAAEN,MAAM,EAAEK,IAAI;MAAEN,KAAK,EAAGM,IAAI,GAAGK,IAAI,CAACX,KAAK,GAAIW,IAAI,CAACV;IAAO,CAAC,EAAEM,KAAK,CAAE;IAC3EiB,UAAU,EAAC,SAAS;IACpBC,UAAU,EAAE;EAAM,CAClB,CAAC;AAEJ","ignoreList":[]}

package/lib/module/ui/primitives.js

@@ -0,0 +1,266 @@
+"use strict";
+
+import { forwardRef, useState } from 'react';
+import { Pressable, StyleSheet, Text, TextInput, View } from 'react-native';
+import { alphaStep, step, useTheme } from "../theme/provider.js";
+
+/** Merge the theme's per-part override in last, so a consumer's `parts` entry always wins. */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function part(theme, name) {
+  return theme.parts[name] ?? {};
+}
+export function useFieldStyles() {
+  const theme = useTheme();
+  const {
+    tokens
+  } = theme;
+  return {
+    theme,
+    container: {
+      gap: tokens.spacing
+    },
+    label: {
+      fontSize: tokens.labelFontSize,
+      fontFamily: tokens.fontFamily,
+      color: step(theme.gray, 11),
+      fontWeight: '500'
+    },
+    box: state => ({
+      minHeight: tokens.controlHeight,
+      borderRadius: tokens.radius,
+      borderWidth: tokens.borderWidth,
+      borderColor: state.invalid ? step(theme.danger, 8) : state.focused ? step(theme.accent, 8) : alphaStep(theme.gray, 7),
+      backgroundColor: state.disabled ? alphaStep(theme.gray, 2) : step(theme.gray, 1),
+      paddingHorizontal: tokens.spacing * 3,
+      justifyContent: 'center'
+    }),
+    input: {
+      fontSize: tokens.fontSize,
+      fontFamily: tokens.fontFamily,
+      color: step(theme.gray, 12),
+      paddingVertical: tokens.spacing * 2,
+      // Android draws its own underline and vertical padding on TextInput; both fight the box.
+      paddingHorizontal: 0
+    },
+    error: {
+      fontSize: tokens.labelFontSize,
+      fontFamily: tokens.fontFamily,
+      color: step(theme.danger, 11)
+    },
+    placeholder: alphaStep(theme.gray, 10)
+  };
+}
+
+/** React Native's own TextInput instance type is not nameable from a declaration file, so the
+ *  alias is declared here and the component is annotated with it. */
+
+export const Field = /*#__PURE__*/forwardRef(function Field({
+  label,
+  error,
+  disabled,
+  trailing,
+  containerStyle,
+  partName,
+  onFocus,
+  onBlur,
+  ...input
+}, ref) {
+  const s = useFieldStyles();
+  const [focused, setFocused] = useState(false);
+  const invalid = Boolean(error);
+  const handleFocus = e => {
+    setFocused(true);
+    onFocus?.(e);
+  };
+  const handleBlur = e => {
+    setFocused(false);
+    onBlur?.(e);
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    style: [s.container, containerStyle],
+    children: [label ? /*#__PURE__*/_jsx(Text, {
+      style: [s.label, part(s.theme, 'whop-Label')],
+      children: label
+    }) : null, /*#__PURE__*/_jsxs(View, {
+      style: [s.box({
+        focused,
+        invalid,
+        disabled: Boolean(disabled)
+      }), trailing ? styles.row : null, part(s.theme, 'whop-Input'), focused ? part(s.theme, 'whop-InputFocused') : null, invalid ? part(s.theme, 'whop-InputInvalid') : null, partName ? part(s.theme, partName) : null],
+      children: [/*#__PURE__*/_jsx(TextInput, {
+        ref: ref,
+        editable: !disabled,
+        placeholderTextColor: s.placeholder,
+        onFocus: handleFocus,
+        onBlur: handleBlur,
+        style: [s.input, styles.grow],
+        ...input
+      }), trailing]
+    }), error ? /*#__PURE__*/_jsx(Text, {
+      style: [s.error, part(s.theme, 'whop-ErrorText')],
+      children: error
+    }) : null]
+  });
+});
+/**
+ * The label, box, and error row around an input this package does not own — a Basis Theory hosted
+ * field. Shares its chrome with `Field` so an isolated field is visually indistinguishable from a
+ * plain one.
+ */
+export function FieldShell({
+  label,
+  error,
+  focused = false,
+  disabled = false,
+  trailing,
+  partName,
+  boxStyle,
+  containerStyle,
+  children
+}) {
+  const s = useFieldStyles();
+  const invalid = Boolean(error);
+  return /*#__PURE__*/_jsxs(View, {
+    style: [s.container, containerStyle],
+    children: [label ? /*#__PURE__*/_jsx(Text, {
+      style: [s.label, part(s.theme, 'whop-Label')],
+      children: label
+    }) : null, /*#__PURE__*/_jsxs(View, {
+      style: [s.box({
+        focused,
+        invalid,
+        disabled
+      }), styles.row, part(s.theme, 'whop-Input'), focused ? part(s.theme, 'whop-InputFocused') : null, invalid ? part(s.theme, 'whop-InputInvalid') : null, partName ? part(s.theme, partName) : null, boxStyle],
+      children: [/*#__PURE__*/_jsx(View, {
+        style: styles.grow,
+        children: children
+      }), trailing]
+    }), error ? /*#__PURE__*/_jsx(Text, {
+      style: [s.error, part(s.theme, 'whop-ErrorText')],
+      children: error
+    }) : null]
+  });
+}
+
+/** The shell every element paints before its first content commit. */
+export function Skeleton({
+  height,
+  width,
+  style
+}) {
+  const theme = useTheme();
+  return /*#__PURE__*/_jsx(View, {
+    accessibilityElementsHidden: true,
+    importantForAccessibility: "no-hide-descendants",
+    style: [{
+      height,
+      width: width ?? '100%',
+      borderRadius: theme.tokens.radius,
+      backgroundColor: alphaStep(theme.gray, 3)
+    }, part(theme, 'whop-Skeleton'), style]
+  });
+}
+export function FieldSkeleton({
+  label = true
+}) {
+  const theme = useTheme();
+  return /*#__PURE__*/_jsxs(View, {
+    style: {
+      gap: theme.tokens.spacing
+    },
+    children: [label ? /*#__PURE__*/_jsx(Skeleton, {
+      height: 12,
+      width: 96
+    }) : null, /*#__PURE__*/_jsx(Skeleton, {
+      height: theme.tokens.controlHeight
+    })]
+  });
+}
+
+/** Form fields sit top-aligned: one field carrying an error message must not vertically re-centre
+ *  the field beside it. */
+export function Row({
+  children,
+  style
+}) {
+  const theme = useTheme();
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.row, styles.rowTop, {
+      gap: theme.tokens.spacing * 2
+    }, style],
+    children: children
+  });
+}
+export function Stack({
+  children,
+  style,
+  gap
+}) {
+  const theme = useTheme();
+  return /*#__PURE__*/_jsx(View, {
+    style: [{
+      gap: gap ?? theme.tokens.spacing * 3
+    }, style],
+    children: children
+  });
+}
+export function ErrorFace({
+  message
+}) {
+  const theme = useTheme();
+  return /*#__PURE__*/_jsx(View, {
+    accessibilityRole: "alert",
+    style: {
+      borderRadius: theme.tokens.radius,
+      borderWidth: theme.tokens.borderWidth,
+      borderColor: alphaStep(theme.danger, 6),
+      backgroundColor: alphaStep(theme.danger, 2),
+      padding: theme.tokens.spacing * 3
+    },
+    children: /*#__PURE__*/_jsx(Text, {
+      style: {
+        fontSize: theme.tokens.fontSize,
+        color: step(theme.danger, 11),
+        fontFamily: theme.tokens.fontFamily
+      },
+      children: message
+    })
+  });
+}
+export function TextButton({
+  label,
+  onPress,
+  disabled
+}) {
+  const theme = useTheme();
+  return /*#__PURE__*/_jsx(Pressable, {
+    accessibilityRole: "button",
+    disabled: disabled,
+    onPress: onPress,
+    hitSlop: 8,
+    children: ({
+      pressed
+    }) => /*#__PURE__*/_jsx(Text, {
+      style: {
+        fontSize: theme.tokens.labelFontSize,
+        fontFamily: theme.tokens.fontFamily,
+        color: step(theme.accent, 11),
+        opacity: disabled ? 0.5 : pressed ? 0.7 : 1
+      },
+      children: label
+    })
+  });
+}
+const styles = StyleSheet.create({
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  rowTop: {
+    alignItems: 'flex-start'
+  },
+  grow: {
+    flex: 1
+  }
+});
+//# sourceMappingURL=primitives.js.map

package/lib/module/ui/primitives.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useState","Pressable","StyleSheet","Text","TextInput","View","alphaStep","step","useTheme","jsx","_jsx","jsxs","_jsxs","part","theme","name","parts","useFieldStyles","tokens","container","gap","spacing","label","fontSize","labelFontSize","fontFamily","color","gray","fontWeight","box","state","minHeight","controlHeight","borderRadius","radius","borderWidth","borderColor","invalid","danger","focused","accent","backgroundColor","disabled","paddingHorizontal","justifyContent","input","paddingVertical","error","placeholder","Field","trailing","containerStyle","partName","onFocus","onBlur","ref","s","setFocused","Boolean","handleFocus","e","handleBlur","style","children","styles","row","editable","placeholderTextColor","grow","FieldShell","boxStyle","Skeleton","height","width","accessibilityElementsHidden","importantForAccessibility","FieldSkeleton","Row","rowTop","Stack","ErrorFace","message","accessibilityRole","padding","TextButton","onPress","hitSlop","pressed","opacity","create","flexDirection","alignItems","flex"],"sourceRoot":"../../../src","sources":["ui/primitives.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/ui/select.js

@@ -0,0 +1,281 @@
+"use strict";
+
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { Animated, Easing, FlatList, Modal, Pressable, StyleSheet, Text, TextInput, View, useWindowDimensions } from 'react-native';
+import { useT } from "../i18n/index.js";
+import { alphaStep, step } from "../theme/provider.js";
+import { part, useFieldStyles } from "./primitives.js";
+
+/** Keeps the closed offset and the style cap from drifting apart. */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const SHEET_MAX_HEIGHT_RATIO = 0.7;
+/**
+ * A picker sheet rather than a platform picker: `@react-native-picker/picker` renders as a spinner
+ * on iOS and a dropdown on Android, which makes the same element look like two different products
+ * and gives the theme nothing to style. One sheet, both platforms.
+ */
+export function Select({
+  label,
+  value,
+  options,
+  onChange,
+  placeholder,
+  error,
+  disabled,
+  searchable,
+  partName,
+  accessibilityLabel
+}) {
+  const t = useT();
+  const s = useFieldStyles();
+  const theme = s.theme;
+  const {
+    height: windowHeight
+  } = useWindowDimensions();
+  const [open, setOpen] = useState(false);
+  const [query, setQuery] = useState('');
+  const [sheetHeight, setSheetHeight] = useState(0);
+  const progress = useRef(new Animated.Value(0)).current;
+  const selected = options.find(option => option.value === value);
+  const filtered = useMemo(() => {
+    if (!searchable || !query.trim()) return options;
+    const needle = query.trim().toLowerCase();
+    return options.filter(option => option.label.toLowerCase().includes(needle));
+  }, [options, query, searchable]);
+  useEffect(() => {
+    if (!open) return;
+    Animated.timing(progress, {
+      toValue: 1,
+      duration: 260,
+      easing: Easing.out(Easing.cubic),
+      useNativeDriver: true
+    }).start();
+  }, [open, progress]);
+  const close = useCallback(() => {
+    Animated.timing(progress, {
+      toValue: 0,
+      duration: 200,
+      easing: Easing.in(Easing.cubic),
+      useNativeDriver: true
+    }).start(({
+      finished
+    }) => {
+      if (!finished) return;
+      setOpen(false);
+      setQuery('');
+    });
+  }, [progress]);
+  const onSheetLayout = useCallback(event => {
+    const next = event.nativeEvent.layout.height;
+    setSheetHeight(previous => Math.abs(previous - next) < 1 ? previous : next);
+  }, []);
+  const translateY = progress.interpolate({
+    inputRange: [0, 1],
+    outputRange: [sheetHeight || windowHeight * SHEET_MAX_HEIGHT_RATIO, 0]
+  });
+  return /*#__PURE__*/_jsxs(View, {
+    style: s.container,
+    children: [label ? /*#__PURE__*/_jsx(Text, {
+      style: [s.label, part(theme, 'whop-Label')],
+      children: label
+    }) : null, /*#__PURE__*/_jsxs(Pressable, {
+      accessibilityRole: "button",
+      accessibilityState: {
+        disabled: Boolean(disabled),
+        expanded: open
+      },
+      accessibilityLabel: accessibilityLabel ?? label,
+      disabled: disabled,
+      onPress: () => setOpen(true),
+      style: [s.box({
+        focused: open,
+        invalid: Boolean(error),
+        disabled: Boolean(disabled)
+      }), styles.trigger, part(theme, 'whop-Select'), partName ? part(theme, partName) : null],
+      children: [/*#__PURE__*/_jsx(Text, {
+        numberOfLines: 1,
+        style: [s.input, styles.grow, !selected ? {
+          color: s.placeholder
+        } : null, part(theme, 'whop-SelectValue')],
+        children: selected?.label ?? placeholder ?? ''
+      }), /*#__PURE__*/_jsx(Chevron, {
+        color: step(theme.gray, 11)
+      })]
+    }), error ? /*#__PURE__*/_jsx(Text, {
+      style: [s.error, part(theme, 'whop-ErrorText')],
+      children: error
+    }) : null, /*#__PURE__*/_jsxs(Modal, {
+      visible: open,
+      transparent: true,
+      animationType: "none",
+      onRequestClose: close,
+      statusBarTranslucent: true,
+      children: [/*#__PURE__*/_jsx(Pressable, {
+        style: styles.backdrop,
+        onPress: close,
+        accessibilityLabel: t('Close'),
+        children: /*#__PURE__*/_jsx(Animated.View, {
+          style: [styles.scrim, {
+            opacity: progress
+          }]
+        })
+      }), /*#__PURE__*/_jsxs(Animated.View, {
+        onLayout: onSheetLayout,
+        style: [styles.sheet, {
+          backgroundColor: step(theme.gray, 1),
+          borderTopLeftRadius: theme.tokens.radius * 2,
+          borderTopRightRadius: theme.tokens.radius * 2,
+          transform: [{
+            translateY
+          }]
+        }, part(theme, 'whop-Sheet')],
+        children: [/*#__PURE__*/_jsx(View, {
+          style: [styles.grabber, {
+            backgroundColor: alphaStep(theme.gray, 7)
+          }]
+        }), label ? /*#__PURE__*/_jsx(Text, {
+          style: [s.label, {
+            paddingHorizontal: theme.tokens.spacing * 4
+          }],
+          children: label
+        }) : null, searchable ? /*#__PURE__*/_jsx(View, {
+          style: {
+            paddingHorizontal: theme.tokens.spacing * 4,
+            paddingTop: theme.tokens.spacing * 2
+          },
+          children: /*#__PURE__*/_jsx(View, {
+            style: s.box({
+              focused: false,
+              invalid: false,
+              disabled: false
+            }),
+            children: /*#__PURE__*/_jsx(TextInput, {
+              autoFocus: true,
+              value: query,
+              onChangeText: setQuery,
+              placeholder: t('Search'),
+              placeholderTextColor: s.placeholder,
+              style: s.input,
+              autoCorrect: false,
+              autoCapitalize: "none"
+            })
+          })
+        }) : null, /*#__PURE__*/_jsx(FlatList, {
+          data: filtered,
+          keyExtractor: option => option.value,
+          keyboardShouldPersistTaps: "handled",
+          initialNumToRender: 20,
+          style: styles.list,
+          ListEmptyComponent: /*#__PURE__*/_jsx(Text, {
+            style: [s.input, {
+              padding: theme.tokens.spacing * 4,
+              color: step(theme.gray, 11)
+            }],
+            children: t('No matches')
+          }),
+          renderItem: ({
+            item
+          }) => {
+            const active = item.value === value;
+            return /*#__PURE__*/_jsxs(Pressable, {
+              accessibilityRole: "button",
+              accessibilityState: {
+                selected: active
+              },
+              onPress: () => {
+                onChange(item.value);
+                close();
+              },
+              style: ({
+                pressed
+              }) => [styles.row, {
+                paddingHorizontal: theme.tokens.spacing * 4,
+                paddingVertical: theme.tokens.spacing * 3,
+                backgroundColor: pressed || active ? alphaStep(theme.gray, 3) : 'transparent'
+              }, part(theme, 'whop-SheetRow')],
+              children: [/*#__PURE__*/_jsx(Text, {
+                style: [s.input, styles.grow, {
+                  paddingVertical: 0
+                }],
+                children: item.label
+              }), active ? /*#__PURE__*/_jsx(Text, {
+                style: {
+                  color: step(theme.accent, 11)
+                },
+                children: "\u2713"
+              }) : null]
+            });
+          }
+        })]
+      })]
+    })]
+  });
+}
+
+/** A stroked chevron rather than the "▾" glyph, which renders as a tiny solid triangle whose size
+ *  and weight are the font's business rather than the theme's. Two borders on a rotated square is
+ *  the whole shape, so it stays crisp at any size without a vector dependency. */
+function Chevron({
+  color
+}) {
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.chevron, {
+      borderColor: color
+    }]
+  });
+}
+const styles = StyleSheet.create({
+  chevron: {
+    width: 7,
+    height: 7,
+    borderRightWidth: 1.5,
+    borderBottomWidth: 1.5,
+    borderRadius: 1,
+    transform: [{
+      rotate: '45deg'
+    }],
+    marginBottom: 3
+  },
+  trigger: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  grow: {
+    flex: 1
+  },
+  backdrop: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0
+  },
+  scrim: {
+    flex: 1,
+    backgroundColor: 'rgba(0,0,0,0.4)'
+  },
+  sheet: {
+    position: 'absolute',
+    left: 0,
+    right: 0,
+    bottom: 0,
+    maxHeight: `${SHEET_MAX_HEIGHT_RATIO * 100}%`,
+    paddingTop: 8,
+    paddingBottom: 24
+  },
+  grabber: {
+    alignSelf: 'center',
+    width: 36,
+    height: 4,
+    borderRadius: 2,
+    marginBottom: 12
+  },
+  list: {
+    flexGrow: 0
+  },
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  }
+});
+//# sourceMappingURL=select.js.map

package/lib/module/ui/select.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useMemo","useRef","useState","Animated","Easing","FlatList","Modal","Pressable","StyleSheet","Text","TextInput","View","useWindowDimensions","useT","alphaStep","step","part","useFieldStyles","jsx","_jsx","jsxs","_jsxs","SHEET_MAX_HEIGHT_RATIO","Select","label","value","options","onChange","placeholder","error","disabled","searchable","partName","accessibilityLabel","t","s","theme","height","windowHeight","open","setOpen","query","setQuery","sheetHeight","setSheetHeight","progress","Value","current","selected","find","option","filtered","trim","needle","toLowerCase","filter","includes","timing","toValue","duration","easing","out","cubic","useNativeDriver","start","close","in","finished","onSheetLayout","event","next","nativeEvent","layout","previous","Math","abs","translateY","interpolate","inputRange","outputRange","style","container","children","accessibilityRole","accessibilityState","Boolean","expanded","onPress","box","focused","invalid","styles","trigger","numberOfLines","input","grow","color","Chevron","gray","visible","transparent","animationType","onRequestClose","statusBarTranslucent","backdrop","scrim","opacity","onLayout","sheet","backgroundColor","borderTopLeftRadius","tokens","radius","borderTopRightRadius","transform","grabber","paddingHorizontal","spacing","paddingTop","autoFocus","onChangeText","placeholderTextColor","autoCorrect","autoCapitalize","data","keyExtractor","keyboardShouldPersistTaps","initialNumToRender","list","ListEmptyComponent","padding","renderItem","item","active","pressed","row","paddingVertical","accent","chevron","borderColor","create","width","borderRightWidth","borderBottomWidth","borderRadius","rotate","marginBottom","flexDirection","alignItems","flex","position","top","left","right","bottom","maxHeight","paddingBottom","alignSelf","flexGrow"],"sourceRoot":"../../../src","sources":["ui/select.tsx"],"mappings":"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","ignoreList":[]}