panelui-native 0.6.0 → 0.9.0

package/lib/module/components/radio-group/index.js

@@ -1,25 +1,85 @@
 "use strict";
 
+/**
+ * RadioGroup — one choice from a set.
+ *
+ * The group owns the value and hands each item its selected state through
+ * context, so an item is a thin pressable that reports its own value up and
+ * reads selection back down.
+ *
+ * Two shapes, chosen on the group and inherited by every item: `dot` is the
+ * classic label-beside-a-disc row; `card` turns the whole surface into the
+ * target — for pickable options where the disc is a confirmation rather than
+ * the thing you aim at. The card is the same treatment `Checkbox` offers, so a
+ * form mixing single- and multi-select choices reads as one family.
+ *
+ * ```tsx
+ * <RadioGroup value={plan} onValueChange={setPlan} variant="card">
+ *   <RadioGroup.Item value="pro" label="Pro" description="For growing teams" />
+ *   <RadioGroup.Item value="max" label="Max" description="Everything, uncapped" />
+ * </RadioGroup>
+ * ```
+ */
 import { createContext, forwardRef, useContext, useEffect, useMemo } from 'react';
 import { Pressable, View } from 'react-native';
 import Animated, { useAnimatedStyle, useSharedValue, withSpring, withTiming } from 'react-native-reanimated';
+import { tv } from 'tailwind-variants';
 import { cn } from "../../utils/cn.js";
 import { Text } from "../../primitives/text.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const itemVariants = tv({
+  slots: {
+    row: 'flex-row items-center gap-2.5',
+    indicator: 'h-5 w-5 items-center justify-center rounded-full border border-input bg-background',
+    label: 'text-sm text-foreground',
+    description: 'text-xs text-muted-foreground'
+  },
+  variants: {
+    variant: {
+      dot: {},
+      card: {
+        // The whole surface is the target; the disc moves to the trailing edge
+        // as a confirmation of the row, not the affordance for it.
+        row: 'w-full items-start justify-between gap-3 rounded-xl border border-border bg-card p-4',
+        label: 'text-base font-medium'
+      }
+    },
+    selected: {
+      true: {}
+    },
+    disabled: {
+      true: {
+        row: 'opacity-50'
+      }
+    }
+  },
+  compoundVariants: [{
+    variant: 'card',
+    selected: true,
+    class: {
+      row: 'border-primary bg-accent'
+    }
+  }],
+  defaultVariants: {
+    variant: 'dot'
+  }
+});
 const RadioGroupContext = /*#__PURE__*/createContext(null);
 const RadioGroupRoot = /*#__PURE__*/forwardRef(({
   className,
   value,
   onValueChange,
   disabled,
+  variant = 'dot',
   children,
   ...props
 }, ref) => {
   const context = useMemo(() => ({
     value,
     onValueChange,
-    disabled
-  }), [value, onValueChange, disabled]);
+    disabled,
+    variant
+  }), [value, onValueChange, disabled, variant]);
   return /*#__PURE__*/_jsx(RadioGroupContext.Provider, {
     value: context,
     children: /*#__PURE__*/_jsx(View, {
@@ -36,7 +96,9 @@ const RadioGroupItem = /*#__PURE__*/forwardRef(({
   className,
   value,
   label,
+  description,
   disabled: itemDisabled,
+  hideIndicator,
   children
 }, ref) => {
   const context = useContext(RadioGroupContext);
@@ -45,6 +107,7 @@ const RadioGroupItem = /*#__PURE__*/forwardRef(({
   }
   const selected = context.value === value;
   const disabled = itemDisabled || context.disabled;
+  const variant = context.variant;
   const progress = useSharedValue(selected ? 1 : 0);
   useEffect(() => {
     progress.value = selected ? withSpring(1, {
@@ -61,7 +124,39 @@ const RadioGroupItem = /*#__PURE__*/forwardRef(({
       scale: progress.value
     }]
   }));
-  return /*#__PURE__*/_jsxs(Pressable, {
+  const slots = itemVariants({
+    variant,
+    selected,
+    disabled: !!disabled
+  });
+  const indicator = hideIndicator ? null : /*#__PURE__*/_jsx(View, {
+    className: slots.indicator(),
+    children: /*#__PURE__*/_jsx(Animated.View, {
+      style: dotStyle,
+      className: "h-2.5 w-2.5 rounded-full bg-primary"
+    })
+  });
+
+  // The card lays its text out first so the disc sits at the trailing edge;
+  // the dot row keeps the classic disc-then-label order.
+  const body = variant === 'card' ? /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsxs(View, {
+      className: "flex-1 gap-1",
+      children: [label ? /*#__PURE__*/_jsx(Text, {
+        className: slots.label(),
+        children: label
+      }) : children, description ? /*#__PURE__*/_jsx(Text, {
+        className: slots.description(),
+        children: description
+      }) : null]
+    }), indicator]
+  }) : /*#__PURE__*/_jsxs(_Fragment, {
+    children: [indicator, label ? /*#__PURE__*/_jsx(Text, {
+      className: slots.label(),
+      children: label
+    }) : children]
+  });
+  return /*#__PURE__*/_jsx(Pressable, {
     ref: ref,
     accessibilityRole: "radio",
     accessibilityState: {
@@ -71,18 +166,11 @@ const RadioGroupItem = /*#__PURE__*/forwardRef(({
     accessibilityLabel: label,
     disabled: disabled,
     onPress: () => context.onValueChange(value),
-    hitSlop: 8,
-    className: cn('flex-row items-center gap-2.5', disabled && 'opacity-50', className),
-    children: [/*#__PURE__*/_jsx(View, {
-      className: "h-5 w-5 items-center justify-center rounded-full border border-input bg-background",
-      children: /*#__PURE__*/_jsx(Animated.View, {
-        style: dotStyle,
-        className: "h-2.5 w-2.5 rounded-full bg-primary"
-      })
-    }), label ? /*#__PURE__*/_jsx(Text, {
-      className: "text-sm text-foreground",
-      children: label
-    }) : children]
+    hitSlop: variant === 'card' ? undefined : 8,
+    className: slots.row({
+      className
+    }),
+    children: body
   });
 });
 RadioGroupItem.displayName = 'RadioGroup.Item';

package/lib/module/components/radio-group/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["createContext","forwardRef","useContext","useEffect","useMemo","Pressable","View","Animated","useAnimatedStyle","useSharedValue","withSpring","withTiming","cn","Text","jsx","_jsx","jsxs","_jsxs","RadioGroupContext","RadioGroupRoot","className","value","onValueChange","disabled","children","props","ref","context","Provider","accessibilityRole","displayName","RadioGroupItem","label","itemDisabled","Error","selected","progress","damping","stiffness","mass","duration","dotStyle","opacity","transform","scale","accessibilityState","accessibilityLabel","onPress","hitSlop","style","RadioGroup","Object","assign","Item"],"sourceRoot":"../../../../src","sources":["components/radio-group/index.tsx"],"mappings":";;AAAA,SACEA,aAAa,EACbC,UAAU,EACVC,UAAU,EACVC,SAAS,EACTC,OAAO,QAEF,OAAO;AACd,SAASC,SAAS,EAAEC,IAAI,QAAwB,cAAc;AAC9D,OAAOC,QAAQ,IACbC,gBAAgB,EAChBC,cAAc,EACdC,UAAU,EACVC,UAAU,QACL,yBAAyB;AAChC,SAASC,EAAE,QAAQ,mBAAgB;AACnC,SAASC,IAAI,QAAQ,0BAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAQ7C,MAAMC,iBAAiB,gBAAGlB,aAAa,CAAgC,IAAI,CAAC;AAU5E,MAAMmB,cAAc,gBAAGlB,UAAU,CAC/B,CAAC;EAAEmB,SAAS;EAAEC,KAAK;EAAEC,aAAa;EAAEC,QAAQ;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC1E,MAAMC,OAAO,GAAGvB,OAAO,CACrB,OAAO;IAAEiB,KAAK;IAAEC,aAAa;IAAEC;EAAS,CAAC,CAAC,EAC1C,CAACF,KAAK,EAAEC,aAAa,EAAEC,QAAQ,CACjC,CAAC;EAED,oBACER,IAAA,CAACG,iBAAiB,CAACU,QAAQ;IAACP,KAAK,EAAEM,OAAQ;IAAAH,QAAA,eACzCT,IAAA,CAACT,IAAI;MACHoB,GAAG,EAAEA,GAAI;MACTG,iBAAiB,EAAC,YAAY;MAC9BT,SAAS,EAAER,EAAE,CAAC,OAAO,EAAEQ,SAAS,CAAE;MAAA,GAC9BK,KAAK;MAAAD,QAAA,EAERA;IAAQ,CACL;EAAC,CACmB,CAAC;AAEjC,CACF,CAAC;AACDL,cAAc,CAACW,WAAW,GAAG,YAAY;AAUzC,MAAMC,cAAc,gBAAG9B,UAAU,CAC/B,CAAC;EAAEmB,SAAS;EAAEC,KAAK;EAAEW,KAAK;EAAET,QAAQ,EAAEU,YAAY;EAAET;AAAS,CAAC,EAAEE,GAAG,KAAK;EACtE,MAAMC,OAAO,GAAGzB,UAAU,CAACgB,iBAAiB,CAAC;EAC7C,IAAI,CAACS,OAAO,EAAE;IACZ,MAAM,IAAIO,KAAK,CAAC,oDAAoD,CAAC;EACvE;EAEA,MAAMC,QAAQ,GAAGR,OAAO,CAACN,KAAK,KAAKA,KAAK;EACxC,MAAME,QAAQ,GAAGU,YAAY,IAAIN,OAAO,CAACJ,QAAQ;EACjD,MAAMa,QAAQ,GAAG3B,cAAc,CAAC0B,QAAQ,GAAG,CAAC,GAAG,CAAC,CAAC;EAEjDhC,SAAS,CAAC,MAAM;IACdiC,QAAQ,CAACf,KAAK,GAAGc,QAAQ,GACrBzB,UAAU,CAAC,CAAC,EAAE;MAAE2B,OAAO,EAAE,EAAE;MAAEC,SAAS,EAAE,GAAG;MAAEC,IAAI,EAAE;IAAI,CAAC,CAAC,GACzD5B,UAAU,CAAC,CAAC,EAAE;MAAE6B,QAAQ,EAAE;IAAI,CAAC,CAAC;EACtC,CAAC,EAAE,CAACL,QAAQ,EAAEC,QAAQ,CAAC,CAAC;EAExB,MAAMK,QAAQ,GAAGjC,gBAAgB,CAAC,OAAO;IACvCkC,OAAO,EAAEN,QAAQ,CAACf,KAAK;IACvBsB,SAAS,EAAE,CAAC;MAAEC,KAAK,EAAER,QAAQ,CAACf;IAAM,CAAC;EACvC,CAAC,CAAC,CAAC;EAEH,oBACEJ,KAAA,CAACZ,SAAS;IACRqB,GAAG,EAAEA,GAAI;IACTG,iBAAiB,EAAC,OAAO;IACzBgB,kBAAkB,EAAE;MAAEV,QAAQ;MAAEZ,QAAQ,EAAE,CAAC,CAACA;IAAS,CAAE;IACvDuB,kBAAkB,EAAEd,KAAM;IAC1BT,QAAQ,EAAEA,QAAS;IACnBwB,OAAO,EAAEA,CAAA,KAAMpB,OAAO,CAACL,aAAa,CAACD,KAAK,CAAE;IAC5C2B,OAAO,EAAE,CAAE;IACX5B,SAAS,EAAER,EAAE,CACX,+BAA+B,EAC/BW,QAAQ,IAAI,YAAY,EACxBH,SACF,CAAE;IAAAI,QAAA,gBAEFT,IAAA,CAACT,IAAI;MAACc,SAAS,EAAC,oFAAoF;MAAAI,QAAA,eAClGT,IAAA,CAACR,QAAQ,CAACD,IAAI;QACZ2C,KAAK,EAAER,QAAS;QAChBrB,SAAS,EAAC;MAAqC,CAChD;IAAC,CACE,CAAC,EACNY,KAAK,gBAAGjB,IAAA,CAACF,IAAI;MAACO,SAAS,EAAC,yBAAyB;MAAAI,QAAA,EAAEQ;IAAK,CAAO,CAAC,GAAGR,QAAQ;EAAA,CACnE,CAAC;AAEhB,CACF,CAAC;AACDO,cAAc,CAACD,WAAW,GAAG,iBAAiB;AAE9C,OAAO,MAAMoB,UAAU,GAAGC,MAAM,CAACC,MAAM,CAACjC,cAAc,EAAE;EACtDkC,IAAI,EAAEtB;AACR,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["createContext","forwardRef","useContext","useEffect","useMemo","Pressable","View","Animated","useAnimatedStyle","useSharedValue","withSpring","withTiming","tv","cn","Text","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","itemVariants","slots","row","indicator","label","description","variants","variant","dot","card","selected","true","disabled","compoundVariants","class","defaultVariants","RadioGroupContext","RadioGroupRoot","className","value","onValueChange","children","props","ref","context","Provider","accessibilityRole","displayName","RadioGroupItem","itemDisabled","hideIndicator","Error","progress","damping","stiffness","mass","duration","dotStyle","opacity","transform","scale","style","body","accessibilityState","accessibilityLabel","onPress","hitSlop","undefined","RadioGroup","Object","assign","Item"],"sourceRoot":"../../../../src","sources":["components/radio-group/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -3,14 +3,13 @@
 /**
  * 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.
+ * Content that runs past a boundary reads better fading out than being cut
+ * off, and the fade doubles as an affordance: an edge that is fading is an
+ * edge with more content behind it.
  *
- * Composition follows heroui-native's ScrollShadow: wrap the scrollable and
- * let the orientation be inferred from its `horizontal` prop.
+ * Scroll position, content size and viewport size are all held in shared
+ * values and consumed by `useAnimatedStyle`, so the fades track the scroll on
+ * the UI thread without re-rendering React.
  *
  * ```tsx
  * <ScrollFade>
@@ -18,61 +17,101 @@
  * </ScrollFade>
  * ```
  */
-import { Children, cloneElement, isValidElement, useState } from 'react';
-import { View } from 'react-native';
-import Svg, { Defs, LinearGradient, Rect, Stop } from 'react-native-svg';
+import { Children, isValidElement, useMemo } from 'react';
+import { StyleSheet, View } from 'react-native';
+import { LinearGradient } from 'expo-linear-gradient';
+import Animated, { useAnimatedScrollHandler, useAnimatedStyle, useComposedEventHandler, useDerivedValue, useSharedValue } from 'react-native-reanimated';
 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;
+const DEFAULT_FADE_IN_DISTANCE = 24;
 export function ScrollFade({
   className,
   size = 48,
   edges = 'both',
+  orientation,
   color,
+  fadeInDistance = DEFAULT_FADE_IN_DISTANCE,
+  enabled = true,
   children,
   ...props
 }) {
-  const [startOpacity, setStartOpacity] = useState(0);
-  const [endOpacity, setEndOpacity] = useState(0);
+  const offset = useSharedValue(0);
+  const contentLength = useSharedValue(0);
+  const viewportLength = useSharedValue(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;
+  const horizontal = orientation !== undefined ? orientation === 'horizontal' : /*#__PURE__*/isValidElement(child) && !!child.props.horizontal;
+
+  // Reanimated can only drive a scroll handler on an animated component, and
+  // `Animated.ScrollView` is not necessarily what was passed in — the child may
+  // be a FlatList, a SectionList or a custom scrollable. Keyed on the element
+  // *type*, not the element: rebuilding the wrapper would remount the list.
+  const childType = /*#__PURE__*/isValidElement(child) ? child.type : null;
+  const AnimatedScrollable = useMemo(() => childType ? Animated.createAnimatedComponent(childType) : null, [childType]);
+  const scrollHandler = useAnimatedScrollHandler({
+    onScroll: event => {
+      const {
+        contentOffset,
+        contentSize,
+        layoutMeasurement
+      } = event;
+      offset.value = horizontal ? contentOffset.x : contentOffset.y;
+      contentLength.value = horizontal ? contentSize.width : contentSize.height;
+      viewportLength.value = horizontal ? layoutMeasurement.width : layoutMeasurement.height;
+    }
+  });
 
-    // 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);
+  // A consumer `onScroll` is composed rather than dropped — but because the
+  // child is now an animated component it has to be an animated handler too.
+  const onScroll = useComposedEventHandler([scrollHandler, child.props.onScroll ?? null]);
+
+  // Measured up front as well as on scroll, so an end edge with content behind
+  // it fades from the first frame rather than waiting for a scroll event.
+  const onLayout = event => {
+    const {
+      width,
+      height
+    } = event.nativeEvent.layout;
+    viewportLength.value = horizontal ? width : height;
+    child.props.onLayout?.(event);
+  };
+  const onContentSizeChange = (width, height) => {
+    contentLength.value = horizontal ? width : height;
+    child.props.onContentSizeChange?.(width, height);
   };
-  const scrollable = /*#__PURE__*/isValidElement(child) ? /*#__PURE__*/cloneElement(child, {
-    onScroll: handleScroll,
+  const startOpacity = useDerivedValue(() => Math.min(offset.value / fadeInDistance, 1));
+  const endOpacity = useDerivedValue(() => {
+    // Nothing to fade towards when the content fits inside the viewport.
+    const remaining = contentLength.value - viewportLength.value - offset.value;
+    return Math.min(Math.max(remaining, 0) / fadeInDistance, 1);
+  });
+  const scrollable = AnimatedScrollable && /*#__PURE__*/isValidElement(child) ? /*#__PURE__*/_jsx(AnimatedScrollable, {
+    ...child.props,
+    onScroll: onScroll,
+    onLayout: onLayout,
+    onContentSizeChange: onContentSizeChange,
     scrollEventThrottle: child.props.scrollEventThrottle ?? 16
   }) : child;
-  const showStart = edges !== 'end';
-  const showEnd = edges !== 'start';
+  if (!enabled || edges === 'none') {
+    return /*#__PURE__*/_jsx(View, {
+      ...props,
+      className: className,
+      children: scrollable
+    });
+  }
   return /*#__PURE__*/_jsxs(View, {
     ...props,
     className: className,
-    children: [scrollable, showStart ? /*#__PURE__*/_jsx(Fade, {
+    children: [scrollable, edges !== 'end' ? /*#__PURE__*/_jsx(Fade, {
       color: fadeColor,
       size: size,
       horizontal: horizontal,
       opacity: startOpacity,
       edge: "start"
-    }) : null, showEnd ? /*#__PURE__*/_jsx(Fade, {
+    }) : null, edges !== 'start' ? /*#__PURE__*/_jsx(Fade, {
       color: fadeColor,
       size: size,
       horizontal: horizontal,
@@ -92,7 +131,6 @@ function Fade({
   edge
 }) {
   const isStart = edge === 'start';
-  const id = `scroll-fade-${edge}-${horizontal ? 'x' : 'y'}`;
   const position = horizontal ? {
     top: 0,
     bottom: 0,
@@ -112,45 +150,55 @@ function Fade({
       bottom: 0
     })
   };
+  const style = useAnimatedStyle(() => ({
+    opacity: opacity.value
+  }));
 
-  // The gradient runs from the screen edge inwards, so it is reversed on the
+  // The gradient runs from the edge inwards, so its stops are reversed on the
   // end edge.
-  const [x2, y2] = horizontal ? [1, 0] : [0, 1];
-  return /*#__PURE__*/_jsx(View, {
+  const colors = isStart ? [withAlpha(color, 1), withAlpha(color, 0)] : [withAlpha(color, 0), withAlpha(color, 1)];
+  return /*#__PURE__*/_jsx(Animated.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})`
-      })]
+    style: [{
+      position: 'absolute'
+    }, position, style],
+    children: /*#__PURE__*/_jsx(LinearGradient, {
+      colors: colors,
+      start: {
+        x: 0,
+        y: 0
+      },
+      end: horizontal ? {
+        x: 1,
+        y: 0
+      } : {
+        x: 0,
+        y: 1
+      },
+      style: StyleSheet.absoluteFill
     })
   });
 }
+
+/**
+ * Gradients need a transparent stop of the *same* colour — `transparent` is
+ * black at zero alpha on Android, which shows as a grey smear.
+ */
+function withAlpha(color, alpha) {
+  if (color.startsWith('#')) {
+    const hex = color.slice(1);
+    const full = hex.length === 3 ? hex.split('').map(c => c + c).join('') : hex.slice(0, 6);
+    const r = parseInt(full.slice(0, 2), 16);
+    const g = parseInt(full.slice(2, 4), 16);
+    const b = parseInt(full.slice(4, 6), 16);
+    if (Number.isNaN(r + g + b)) return color;
+    return `rgba(${r}, ${g}, ${b}, ${alpha})`;
+  }
+  const channels = color.match(/rgba?\(([^)]+)\)/)?.[1];
+  if (channels) {
+    const [r, g, b] = channels.split(',').map(part => part.trim());
+    return `rgba(${r}, ${g}, ${b}, ${alpha})`;
+  }
+  return color;
+}
 //# sourceMappingURL=index.js.map

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

@@ -1 +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":"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","ignoreList":[]}
+{"version":3,"names":["Children","isValidElement","useMemo","StyleSheet","View","LinearGradient","Animated","useAnimatedScrollHandler","useAnimatedStyle","useComposedEventHandler","useDerivedValue","useSharedValue","useCSSVariable","jsx","_jsx","jsxs","_jsxs","DEFAULT_FADE_IN_DISTANCE","ScrollFade","className","size","edges","orientation","color","fadeInDistance","enabled","children","props","offset","contentLength","viewportLength","themeBackground","fadeColor","child","only","horizontal","undefined","childType","type","AnimatedScrollable","createAnimatedComponent","scrollHandler","onScroll","event","contentOffset","contentSize","layoutMeasurement","value","x","y","width","height","onLayout","nativeEvent","layout","onContentSizeChange","startOpacity","Math","min","endOpacity","remaining","max","scrollable","scrollEventThrottle","Fade","opacity","edge","displayName","isStart","position","top","bottom","left","right","style","colors","withAlpha","pointerEvents","start","end","absoluteFill","alpha","startsWith","hex","slice","full","length","split","map","c","join","r","parseInt","g","b","Number","isNaN","channels","match","part","trim"],"sourceRoot":"../../../../src","sources":["components/scroll-fade/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -5,6 +5,7 @@ import { Pressable, ScrollView, View } from 'react-native';
 import { tv } from 'tailwind-variants';
 import { useCSSVariable } from 'uniwind';
 import { CheckIcon, ChevronDownIcon } from "../../icons/index.js";
+import { getNativeUI } from "../../native/index.js";
 import { Text } from "../../primitives/text.js";
 import { BottomSheet } from "../bottom-sheet/index.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -75,18 +76,25 @@ function SelectRoot({
   placeholder = 'Select an option',
   title,
   disabled,
+  native,
+  nativeAppearance = 'menu',
   children
 }) {
   const [open, setOpen] = useState(false);
-  const selectedLabel = useMemo(() => {
-    let label;
+  const nativeUI = native ? getNativeUI() : null;
+  const options = useMemo(() => {
+    const collected = [];
     Children.forEach(children, child => {
-      if (/*#__PURE__*/isValidElement(child) && child.props.value === value) {
-        label = child.props.label;
+      if (/*#__PURE__*/isValidElement(child)) {
+        collected.push({
+          value: child.props.value,
+          label: child.props.label
+        });
       }
     });
-    return label;
-  }, [children, value]);
+    return collected;
+  }, [children]);
+  const selectedLabel = useMemo(() => options.find(option => option.value === value)?.label, [options, value]);
   const context = useMemo(() => ({
     value,
     onSelect: next => {
@@ -102,6 +110,27 @@ function SelectRoot({
     disabled: !!disabled
   });
   const chevronColor = useCSSVariable('--color-muted-foreground');
+  if (nativeUI) {
+    const {
+      Host,
+      Picker
+    } = nativeUI;
+    // The native picker has no empty state, so an unset value shows the first
+    // option rather than the placeholder.
+    return /*#__PURE__*/_jsx(Host, {
+      matchContents: true,
+      children: /*#__PURE__*/_jsx(Picker, {
+        selectedValue: value ?? options[0]?.value ?? '',
+        onValueChange: next => onValueChange(next),
+        appearance: nativeAppearance,
+        enabled: !disabled,
+        children: options.map(option => /*#__PURE__*/_jsx(Picker.Item, {
+          label: option.label,
+          value: option.value
+        }, option.value))
+      })
+    });
+  }
   return /*#__PURE__*/_jsxs(SelectContext.Provider, {
     value: context,
     children: [/*#__PURE__*/_jsxs(Pressable, {

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

@@ -1 +1 @@
-{"version":3,"names":["Children","createContext","isValidElement","useContext","useMemo","useState","Pressable","ScrollView","View","tv","useCSSVariable","CheckIcon","ChevronDownIcon","Text","BottomSheet","jsx","_jsx","jsxs","_jsxs","selectVariants","slots","trigger","triggerLabel","placeholder","item","itemLabel","itemIndicator","variants","selected","true","disabled","SelectContext","SelectItem","value","label","context","Error","checkColor","accessibilityRole","accessibilityState","onPress","onSelect","className","children","size","color","SelectRoot","onValueChange","title","open","setOpen","selectedLabel","forEach","child","props","next","placeholderSlot","chevronColor","Provider","expanded","onOpenChange","Content","weight","bounces","Select","Object","assign","Item"],"sourceRoot":"../../../../src","sources":["components/select/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Children","createContext","isValidElement","useContext","useMemo","useState","Pressable","ScrollView","View","tv","useCSSVariable","CheckIcon","ChevronDownIcon","getNativeUI","Text","BottomSheet","jsx","_jsx","jsxs","_jsxs","selectVariants","slots","trigger","triggerLabel","placeholder","item","itemLabel","itemIndicator","variants","selected","true","disabled","SelectContext","SelectItem","value","label","context","Error","checkColor","accessibilityRole","accessibilityState","onPress","onSelect","className","children","size","color","SelectRoot","onValueChange","title","native","nativeAppearance","open","setOpen","nativeUI","options","collected","forEach","child","push","props","selectedLabel","find","option","next","placeholderSlot","chevronColor","Host","Picker","matchContents","selectedValue","appearance","enabled","map","Item","Provider","expanded","onOpenChange","Content","weight","bounces","Select","Object","assign"],"sourceRoot":"../../../../src","sources":["components/select/index.tsx"],"mappings":"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","ignoreList":[]}