panelui-native 0.7.0 → 0.12.0

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

@@ -1,20 +1,48 @@
 "use strict";
 
-import { Children, createContext, isValidElement, useContext, useMemo, useState } from 'react';
-import { Pressable, ScrollView, View } from 'react-native';
+/**
+ * Select — a picker with one trigger and three ways of showing its options.
+ *
+ * Which one is right depends on what surrounds the trigger, not on what the
+ * options are, which is why it is a prop rather than three components:
+ *
+ * - `sheet` (default) takes the bottom of the screen. Best for a long list, or
+ *   on a small screen where an anchored panel would cover the thing you are
+ *   choosing for.
+ * - `inline` expands the list in normal layout flow. Everything below moves
+ *   down. Right inside a settings list, where that reads as the row growing;
+ *   wrong anywhere the shift is jarring.
+ * - `overlay` floats the list above the page through a portal, anchored to the
+ *   trigger and flipped above it when there is no room below. Nothing else on
+ *   the screen moves.
+ *
+ * ```tsx
+ * <Select value={region} onValueChange={setRegion} presentation="overlay">
+ *   <Select.Item value="us" label="United States" />
+ *   <Select.Item value="eu" label="Europe" />
+ * </Select>
+ * ```
+ */
+import { Children, createContext, isValidElement, useCallback, useContext, useMemo, useRef, useState } from 'react';
+import { Pressable, ScrollView, useWindowDimensions, View } from 'react-native';
+import Animated, { FadeIn, FadeOut, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
 import { tv } from 'tailwind-variants';
 import { useCSSVariable } from 'uniwind';
 import { CheckIcon, ChevronDownIcon } from "../../icons/index.js";
 import { getNativeUI } from "../../native/index.js";
+import { Portal } from "../../primitives/portal.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";
 const selectVariants = tv({
   slots: {
-    trigger: 'w-full flex-row items-center justify-between gap-3 rounded-2xl border border-input bg-background px-4 py-3.5',
+    // `rounded-lg`, the same radius Button and Input use — a select sitting in
+    // a form beside either of them should read as the same family of control.
+    trigger: 'w-full flex-row items-center justify-between gap-3 rounded-lg border border-input bg-background px-4 py-3.5',
     triggerLabel: 'flex-1 text-base font-medium text-foreground',
     placeholder: 'flex-1 text-base text-muted-foreground',
-    item: 'flex-row items-center gap-2 rounded-xl px-3 py-3',
+    list: 'overflow-hidden rounded-xl border border-border bg-popover p-2 shadow-sm',
+    item: 'flex-row items-center gap-2 rounded-lg px-3 py-3',
     itemLabel: 'flex-1 text-base font-medium text-foreground',
     itemIndicator: 'h-5 w-5 items-center justify-center'
   },
@@ -26,13 +54,35 @@ const selectVariants = tv({
     },
     disabled: {
       true: {
-        trigger: 'opacity-50'
+        trigger: 'opacity-[0.64]'
+      }
+    },
+    presentation: {
+      sheet: {},
+      inline: {
+        list: 'mt-2'
+      },
+      overlay: {
+        list: 'shadow-lg'
       }
     }
+  },
+  defaultVariants: {
+    presentation: 'sheet'
   }
 });
+/**
+ * Height given to the native host per appearance — a menu is a compact button,
+ * a wheel is a full rotor. The host is told its size rather than asked to
+ * measure the platform's content, which arrives a frame late and leaves the
+ * control collapsed until something forces a second pass.
+ */
+const NATIVE_HEIGHT = {
+  menu: 44,
+  wheel: 216
+};
 const SelectContext = /*#__PURE__*/createContext(null);
-/** Declarative option. Rendered inside the picker sheet. */
+/** Declarative option. Rendered inside whichever surface is presenting. */
 function SelectItem({
   value,
   label
@@ -69,18 +119,32 @@ function SelectItem({
     })]
   });
 }
+
+/** Trigger frame in window coordinates, measured when the list opens. */
+
 function SelectRoot({
   className,
   value,
   onValueChange,
   placeholder = 'Select an option',
-  title,
   disabled,
+  presentation = 'sheet',
+  title,
+  contentWidth = 'trigger',
+  offset = 8,
+  onOpenChange,
   native,
   nativeAppearance = 'menu',
   children
 }) {
   const [open, setOpen] = useState(false);
+  const [anchor, setAnchor] = useState(null);
+  const [listHeight, setListHeight] = useState(0);
+  const triggerRef = useRef(null);
+  const chevron = useSharedValue(0);
+  const {
+    height: screenHeight
+  } = useWindowDimensions();
   const nativeUI = native ? getNativeUI() : null;
   const options = useMemo(() => {
     const collected = [];
@@ -95,21 +159,59 @@ function SelectRoot({
     return collected;
   }, [children]);
   const selectedLabel = useMemo(() => options.find(option => option.value === value)?.label, [options, value]);
+  const close = useCallback(() => {
+    chevron.value = withTiming(0, {
+      duration: 160
+    });
+    setOpen(false);
+    onOpenChange?.(false);
+  }, [chevron, onOpenChange]);
+  const toggle = useCallback(() => {
+    if (open) {
+      close();
+      return;
+    }
+    const show = () => {
+      chevron.value = withTiming(1, {
+        duration: 160
+      });
+      setOpen(true);
+      onOpenChange?.(true);
+    };
+    if (presentation !== 'overlay') {
+      show();
+      return;
+    }
+
+    // The floating list is positioned in window coordinates, so it has to know
+    // where the trigger actually landed — not where layout said it would.
+    triggerRef.current?.measureInWindow((x, y, width, height) => {
+      setAnchor({
+        x,
+        y,
+        width,
+        height
+      });
+      show();
+    });
+  }, [chevron, close, onOpenChange, open, presentation]);
   const context = useMemo(() => ({
     value,
     onSelect: next => {
       onValueChange(next);
-      setOpen(false);
+      close();
     }
-  }), [value, onValueChange]);
-  const {
-    trigger,
-    triggerLabel,
-    placeholder: placeholderSlot
-  } = selectVariants({
-    disabled: !!disabled
+  }), [value, onValueChange, close]);
+  const slots = selectVariants({
+    disabled: !!disabled,
+    presentation
   });
   const chevronColor = useCSSVariable('--color-muted-foreground');
+  const chevronStyle = useAnimatedStyle(() => ({
+    transform: [{
+      rotate: `${chevron.value * 180}deg`
+    }]
+  }));
   if (nativeUI) {
     const {
       Host,
@@ -118,7 +220,9 @@ function SelectRoot({
     // 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,
+      style: {
+        height: NATIVE_HEIGHT[nativeAppearance]
+      },
       children: /*#__PURE__*/_jsx(Picker, {
         selectedValue: value ?? options[0]?.value ?? '',
         onValueChange: next => onValueChange(next),
@@ -131,50 +235,135 @@ function SelectRoot({
       })
     });
   }
-  return /*#__PURE__*/_jsxs(SelectContext.Provider, {
-    value: context,
-    children: [/*#__PURE__*/_jsxs(Pressable, {
-      accessibilityRole: "button",
-      accessibilityState: {
-        disabled: !!disabled,
-        expanded: open
-      },
-      disabled: disabled,
-      onPress: () => setOpen(true),
-      className: trigger({
-        className
-      }),
-      children: [selectedLabel ? /*#__PURE__*/_jsx(Text, {
-        className: triggerLabel(),
-        children: selectedLabel
-      }) : /*#__PURE__*/_jsx(Text, {
-        className: placeholderSlot(),
-        children: placeholder
-      }), /*#__PURE__*/_jsx(ChevronDownIcon, {
+  const trigger = /*#__PURE__*/_jsxs(Pressable, {
+    ref: triggerRef,
+    accessibilityRole: "button",
+    accessibilityState: {
+      disabled: !!disabled,
+      expanded: open
+    },
+    disabled: disabled,
+    onPress: toggle,
+    className: slots.trigger(),
+    children: [selectedLabel ? /*#__PURE__*/_jsx(Text, {
+      className: slots.triggerLabel(),
+      children: selectedLabel
+    }) : /*#__PURE__*/_jsx(Text, {
+      className: slots.placeholder(),
+      children: placeholder
+    }), /*#__PURE__*/_jsx(Animated.View, {
+      style: chevronStyle,
+      children: /*#__PURE__*/_jsx(ChevronDownIcon, {
         color: typeof chevronColor === 'string' ? chevronColor : '#737373'
+      })
+    })]
+  });
+  if (presentation === 'sheet') {
+    return /*#__PURE__*/_jsxs(SelectContext.Provider, {
+      value: context,
+      children: [/*#__PURE__*/_jsx(View, {
+        className: className,
+        children: trigger
+      }), /*#__PURE__*/_jsx(BottomSheet, {
+        open: open,
+        onOpenChange: next => {
+          if (!next) close();
+        },
+        children: /*#__PURE__*/_jsx(BottomSheet.Content, {
+          children: /*#__PURE__*/_jsxs(SelectContext.Provider, {
+            value: context,
+            children: [title ? /*#__PURE__*/_jsx(Text, {
+              size: "lg",
+              weight: "semibold",
+              className: "mb-2 px-3",
+              children: title
+            }) : null, /*#__PURE__*/_jsx(ScrollView, {
+              bounces: false,
+              className: "max-h-96",
+              children: /*#__PURE__*/_jsx(View, {
+                className: "gap-1 pb-2",
+                children: children
+              })
+            })]
+          })
+        })
       })]
-    }), /*#__PURE__*/_jsx(BottomSheet, {
-      open: open,
-      onOpenChange: setOpen,
-      children: /*#__PURE__*/_jsx(BottomSheet.Content, {
-        children: /*#__PURE__*/_jsxs(SelectContext.Provider, {
-          value: context,
-          children: [title ? /*#__PURE__*/_jsx(Text, {
-            size: "lg",
-            weight: "semibold",
-            className: "mb-2 px-3",
-            children: title
-          }) : null, /*#__PURE__*/_jsx(ScrollView, {
+    });
+  }
+  if (presentation === 'inline') {
+    return /*#__PURE__*/_jsx(SelectContext.Provider, {
+      value: context,
+      children: /*#__PURE__*/_jsxs(View, {
+        className: className,
+        children: [trigger, open ? /*#__PURE__*/_jsx(Animated.View, {
+          entering: FadeIn.duration(140),
+          exiting: FadeOut.duration(120),
+          className: slots.list(),
+          children: children
+        }) : null]
+      })
+    });
+  }
+
+  // Flip above the trigger when the list would run off the bottom. listHeight
+  // is 0 on the first frame, so the list opens downwards and corrects itself
+  // once measured — which is invisible inside the 140ms fade.
+  const spaceBelow = anchor ? screenHeight - (anchor.y + anchor.height) - offset : 0;
+  const flip = !!anchor && listHeight > 0 && listHeight > spaceBelow;
+  const overlayPosition = anchor ? {
+    position: 'absolute',
+    left: anchor.x,
+    ...(flip ? {
+      bottom: screenHeight - anchor.y + offset
+    } : {
+      top: anchor.y + anchor.height + offset
+    }),
+    ...(contentWidth === 'trigger' ? {
+      width: anchor.width
+    } : typeof contentWidth === 'number' ? {
+      width: contentWidth
+    } : {
+      minWidth: anchor.width
+    }),
+    // Never collapse to nothing in a cramped viewport — the list scrolls.
+    maxHeight: Math.max((flip ? anchor.y : spaceBelow) - offset, 160)
+  } : null;
+  const onListLayout = event => {
+    setListHeight(event.nativeEvent.layout.height);
+  };
+  return /*#__PURE__*/_jsxs(SelectContext.Provider, {
+    value: context,
+    children: [/*#__PURE__*/_jsx(View, {
+      className: className,
+      children: trigger
+    }), open && overlayPosition ? /*#__PURE__*/_jsxs(Portal, {
+      children: [/*#__PURE__*/_jsx(Pressable, {
+        accessibilityRole: "button",
+        accessibilityLabel: "Close",
+        onPress: close,
+        style: {
+          position: 'absolute',
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0
+        }
+      }), /*#__PURE__*/_jsx(SelectContext.Provider, {
+        value: context,
+        children: /*#__PURE__*/_jsx(Animated.View, {
+          entering: FadeIn.duration(140),
+          exiting: FadeOut.duration(120),
+          onLayout: onListLayout,
+          style: overlayPosition,
+          className: slots.list(),
+          children: /*#__PURE__*/_jsx(ScrollView, {
             bounces: false,
-            className: "max-h-96",
-            children: /*#__PURE__*/_jsx(View, {
-              className: "gap-1 pb-2",
-              children: children
-            })
-          })]
+            showsVerticalScrollIndicator: false,
+            children: children
+          })
         })
-      })
-    })]
+      })]
+    }) : null]
   });
 }
 export const Select = Object.assign(SelectRoot, {

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","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":[]}
+{"version":3,"names":["Children","createContext","isValidElement","useCallback","useContext","useMemo","useRef","useState","Pressable","ScrollView","useWindowDimensions","View","Animated","FadeIn","FadeOut","useAnimatedStyle","useSharedValue","withTiming","tv","useCSSVariable","CheckIcon","ChevronDownIcon","getNativeUI","Portal","Text","BottomSheet","jsx","_jsx","jsxs","_jsxs","selectVariants","slots","trigger","triggerLabel","placeholder","list","item","itemLabel","itemIndicator","variants","selected","true","disabled","presentation","sheet","inline","overlay","defaultVariants","NATIVE_HEIGHT","menu","wheel","SelectContext","SelectItem","value","label","context","Error","checkColor","accessibilityRole","accessibilityState","onPress","onSelect","className","children","size","color","SelectRoot","onValueChange","title","contentWidth","offset","onOpenChange","native","nativeAppearance","open","setOpen","anchor","setAnchor","listHeight","setListHeight","triggerRef","chevron","height","screenHeight","nativeUI","options","collected","forEach","child","push","props","selectedLabel","find","option","close","duration","toggle","show","current","measureInWindow","x","y","width","next","chevronColor","chevronStyle","transform","rotate","Host","Picker","style","selectedValue","appearance","enabled","map","Item","ref","expanded","Provider","Content","weight","bounces","entering","exiting","spaceBelow","flip","overlayPosition","position","left","bottom","top","minWidth","maxHeight","Math","max","onListLayout","event","nativeEvent","layout","accessibilityLabel","right","onLayout","showsVerticalScrollIndicator","Select","Object","assign"],"sourceRoot":"../../../../src","sources":["components/select/index.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SACEA,QAAQ,EACRC,aAAa,EACbC,cAAc,EACdC,WAAW,EACXC,UAAU,EACVC,OAAO,EACPC,MAAM,EACNC,QAAQ,QAEH,OAAO;AACd,SACEC,SAAS,EACTC,UAAU,EACVC,mBAAmB,EACnBC,IAAI,QAEC,cAAc;AACrB,OAAOC,QAAQ,IACbC,MAAM,EACNC,OAAO,EACPC,gBAAgB,EAChBC,cAAc,EACdC,UAAU,QACL,yBAAyB;AAChC,SAASC,EAAE,QAAQ,mBAAmB;AACtC,SAASC,cAAc,QAAQ,SAAS;AACxC,SAASC,SAAS,EAAEC,eAAe,QAAQ,sBAAa;AACxD,SAASC,WAAW,QAAQ,uBAAc;AAC1C,SAASC,MAAM,QAAQ,4BAAyB;AAChD,SAASC,IAAI,QAAQ,0BAAuB;AAC5C,SAASC,WAAW,QAAQ,0BAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE9C,MAAMC,cAAc,GAAGZ,EAAE,CAAC;EACxBa,KAAK,EAAE;IACL;IACA;IACAC,OAAO,EACL,6GAA6G;IAC/GC,YAAY,EAAE,8CAA8C;IAC5DC,WAAW,EAAE,wCAAwC;IACrDC,IAAI,EAAE,0EAA0E;IAChFC,IAAI,EAAE,kDAAkD;IACxDC,SAAS,EAAE,8CAA8C;IACzDC,aAAa,EAAE;EACjB,CAAC;EACDC,QAAQ,EAAE;IACRC,QAAQ,EAAE;MACRC,IAAI,EAAE;QAAEL,IAAI,EAAE;MAAY;IAC5B,CAAC;IACDM,QAAQ,EAAE;MACRD,IAAI,EAAE;QAAET,OAAO,EAAE;MAAiB;IACpC,CAAC;IACDW,YAAY,EAAE;MACZC,KAAK,EAAE,CAAC,CAAC;MACTC,MAAM,EAAE;QAAEV,IAAI,EAAE;MAAO,CAAC;MACxBW,OAAO,EAAE;QAAEX,IAAI,EAAE;MAAY;IAC/B;EACF,CAAC;EACDY,eAAe,EAAE;IACfJ,YAAY,EAAE;EAChB;AACF,CAAC,CAAC;AAIF;AACA;AACA;AACA;AACA;AACA;AACA,MAAMK,aAAa,GAAG;EAAEC,IAAI,EAAE,EAAE;EAAEC,KAAK,EAAE;AAAI,CAAU;AAOvD,MAAMC,aAAa,gBAAGlD,aAAa,CAA4B,IAAI,CAAC;AAOpE;AACA,SAASmD,UAAUA,CAAC;EAAEC,KAAK;EAAEC;AAAuB,CAAC,EAAE;EACrD,MAAMC,OAAO,GAAGnD,UAAU,CAAC+C,aAAa,CAAC;EACzC,IAAI,CAACI,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CAAC,4CAA4C,CAAC;EAC/D;EAEA,MAAMhB,QAAQ,GAAGe,OAAO,CAACF,KAAK,KAAKA,KAAK;EACxC,MAAM;IAAEjB,IAAI;IAAEC,SAAS;IAAEC;EAAc,CAAC,GAAGR,cAAc,CAAC;IAAEU;EAAS,CAAC,CAAC;EACvE,MAAMiB,UAAU,GAAGtC,cAAc,CAAC,0BAA0B,CAAC;EAE7D,oBACEU,KAAA,CAACrB,SAAS;IACRkD,iBAAiB,EAAC,UAAU;IAC5BC,kBAAkB,EAAE;MAAEnB;IAAS,CAAE;IACjCoB,OAAO,EAAEA,CAAA,KAAML,OAAO,CAACM,QAAQ,CAACR,KAAK,CAAE;IACvCS,SAAS,EAAE1B,IAAI,CAAC,CAAE;IAAA2B,QAAA,gBAElBpC,IAAA,CAACH,IAAI;MAACsC,SAAS,EAAEzB,SAAS,CAAC,CAAE;MAAA0B,QAAA,EAAET;IAAK,CAAO,CAAC,eAC5C3B,IAAA,CAAChB,IAAI;MAACmD,SAAS,EAAExB,aAAa,CAAC,CAAE;MAAAyB,QAAA,EAC9BvB,QAAQ,gBACPb,IAAA,CAACP,SAAS;QACR4C,IAAI,EAAE,EAAG;QACTC,KAAK,EAAE,OAAOR,UAAU,KAAK,QAAQ,GAAGA,UAAU,GAAG;MAAU,CAChE,CAAC,GACA;IAAI,CACJ,CAAC;EAAA,CACE,CAAC;AAEhB;;AAEA;;AAiDA,SAASS,UAAUA,CAAC;EAClBJ,SAAS;EACTT,KAAK;EACLc,aAAa;EACbjC,WAAW,GAAG,kBAAkB;EAChCQ,QAAQ;EACRC,YAAY,GAAG,OAAO;EACtByB,KAAK;EACLC,YAAY,GAAG,SAAS;EACxBC,MAAM,GAAG,CAAC;EACVC,YAAY;EACZC,MAAM;EACNC,gBAAgB,GAAG,MAAM;EACzBV;AACW,CAAC,EAAE;EACd,MAAM,CAACW,IAAI,EAAEC,OAAO,CAAC,GAAGpE,QAAQ,CAAC,KAAK,CAAC;EACvC,MAAM,CAACqE,MAAM,EAAEC,SAAS,CAAC,GAAGtE,QAAQ,CAAgB,IAAI,CAAC;EACzD,MAAM,CAACuE,UAAU,EAAEC,aAAa,CAAC,GAAGxE,QAAQ,CAAC,CAAC,CAAC;EAC/C,MAAMyE,UAAU,GAAG1E,MAAM,CAAO,IAAI,CAAC;EACrC,MAAM2E,OAAO,GAAGjE,cAAc,CAAC,CAAC,CAAC;EACjC,MAAM;IAAEkE,MAAM,EAAEC;EAAa,CAAC,GAAGzE,mBAAmB,CAAC,CAAC;EACtD,MAAM0E,QAAQ,GAAGZ,MAAM,GAAGlD,WAAW,CAAC,CAAC,GAAG,IAAI;EAE9C,MAAM+D,OAAO,GAAGhF,OAAO,CAAC,MAAM;IAC5B,MAAMiF,SAA4B,GAAG,EAAE;IACvCtF,QAAQ,CAACuF,OAAO,CAACxB,QAAQ,EAAGyB,KAAK,IAAK;MACpC,iBAAItF,cAAc,CAAkBsF,KAAK,CAAC,EAAE;QAC1CF,SAAS,CAACG,IAAI,CAAC;UAAEpC,KAAK,EAAEmC,KAAK,CAACE,KAAK,CAACrC,KAAK;UAAEC,KAAK,EAAEkC,KAAK,CAACE,KAAK,CAACpC;QAAM,CAAC,CAAC;MACxE;IACF,CAAC,CAAC;IACF,OAAOgC,SAAS;EAClB,CAAC,EAAE,CAACvB,QAAQ,CAAC,CAAC;EAEd,MAAM4B,aAAa,GAAGtF,OAAO,CAC3B,MAAMgF,OAAO,CAACO,IAAI,CAAEC,MAAM,IAAKA,MAAM,CAACxC,KAAK,KAAKA,KAAK,CAAC,EAAEC,KAAK,EAC7D,CAAC+B,OAAO,EAAEhC,KAAK,CACjB,CAAC;EAED,MAAMyC,KAAK,GAAG3F,WAAW,CAAC,MAAM;IAC9B8E,OAAO,CAAC5B,KAAK,GAAGpC,UAAU,CAAC,CAAC,EAAE;MAAE8E,QAAQ,EAAE;IAAI,CAAC,CAAC;IAChDpB,OAAO,CAAC,KAAK,CAAC;IACdJ,YAAY,GAAG,KAAK,CAAC;EACvB,CAAC,EAAE,CAACU,OAAO,EAAEV,YAAY,CAAC,CAAC;EAE3B,MAAMyB,MAAM,GAAG7F,WAAW,CAAC,MAAM;IAC/B,IAAIuE,IAAI,EAAE;MACRoB,KAAK,CAAC,CAAC;MACP;IACF;IAEA,MAAMG,IAAI,GAAGA,CAAA,KAAM;MACjBhB,OAAO,CAAC5B,KAAK,GAAGpC,UAAU,CAAC,CAAC,EAAE;QAAE8E,QAAQ,EAAE;MAAI,CAAC,CAAC;MAChDpB,OAAO,CAAC,IAAI,CAAC;MACbJ,YAAY,GAAG,IAAI,CAAC;IACtB,CAAC;IAED,IAAI5B,YAAY,KAAK,SAAS,EAAE;MAC9BsD,IAAI,CAAC,CAAC;MACN;IACF;;IAEA;IACA;IACAjB,UAAU,CAACkB,OAAO,EAAEC,eAAe,CAAC,CAACC,CAAC,EAAEC,CAAC,EAAEC,KAAK,EAAEpB,MAAM,KAAK;MAC3DL,SAAS,CAAC;QAAEuB,CAAC;QAAEC,CAAC;QAAEC,KAAK;QAAEpB;MAAO,CAAC,CAAC;MAClCe,IAAI,CAAC,CAAC;IACR,CAAC,CAAC;EACJ,CAAC,EAAE,CAAChB,OAAO,EAAEa,KAAK,EAAEvB,YAAY,EAAEG,IAAI,EAAE/B,YAAY,CAAC,CAAC;EAEtD,MAAMY,OAAO,GAAGlD,OAAO,CACrB,OAAO;IACLgD,KAAK;IACLQ,QAAQ,EAAG0C,IAAI,IAAK;MAClBpC,aAAa,CAACoC,IAAI,CAAC;MACnBT,KAAK,CAAC,CAAC;IACT;EACF,CAAC,CAAC,EACF,CAACzC,KAAK,EAAEc,aAAa,EAAE2B,KAAK,CAC9B,CAAC;EAED,MAAM/D,KAAK,GAAGD,cAAc,CAAC;IAAEY,QAAQ,EAAE,CAAC,CAACA,QAAQ;IAAEC;EAAa,CAAC,CAAC;EACpE,MAAM6D,YAAY,GAAGrF,cAAc,CAAC,0BAA0B,CAAC;EAE/D,MAAMsF,YAAY,GAAG1F,gBAAgB,CAAC,OAAO;IAC3C2F,SAAS,EAAE,CAAC;MAAEC,MAAM,EAAE,GAAG1B,OAAO,CAAC5B,KAAK,GAAG,GAAG;IAAM,CAAC;EACrD,CAAC,CAAC,CAAC;EAEH,IAAI+B,QAAQ,EAAE;IACZ,MAAM;MAAEwB,IAAI;MAAEC;IAAO,CAAC,GAAGzB,QAAQ;IACjC;IACA;IACA,oBACEzD,IAAA,CAACiF,IAAI;MAACE,KAAK,EAAE;QAAE5B,MAAM,EAAElC,aAAa,CAACyB,gBAAgB;MAAE,CAAE;MAAAV,QAAA,eACvDpC,IAAA,CAACkF,MAAM;QACLE,aAAa,EAAE1D,KAAK,IAAIgC,OAAO,CAAC,CAAC,CAAC,EAAEhC,KAAK,IAAI,EAAG;QAChDc,aAAa,EAAGoC,IAAY,IAAKpC,aAAa,CAACoC,IAAI,CAAE;QACrDS,UAAU,EAAEvC,gBAAiB;QAC7BwC,OAAO,EAAE,CAACvE,QAAS;QAAAqB,QAAA,EAElBsB,OAAO,CAAC6B,GAAG,CAAErB,MAAM,iBAClBlE,IAAA,CAACkF,MAAM,CAACM,IAAI;UAAoB7D,KAAK,EAAEuC,MAAM,CAACvC,KAAM;UAACD,KAAK,EAAEwC,MAAM,CAACxC;QAAM,GAAvDwC,MAAM,CAACxC,KAAkD,CAC5E;MAAC,CACI;IAAC,CACL,CAAC;EAEX;EAEA,MAAMrB,OAAO,gBACXH,KAAA,CAACrB,SAAS;IACR4G,GAAG,EAAEpC,UAAW;IAChBtB,iBAAiB,EAAC,QAAQ;IAC1BC,kBAAkB,EAAE;MAAEjB,QAAQ,EAAE,CAAC,CAACA,QAAQ;MAAE2E,QAAQ,EAAE3C;IAAK,CAAE;IAC7DhC,QAAQ,EAAEA,QAAS;IACnBkB,OAAO,EAAEoC,MAAO;IAChBlC,SAAS,EAAE/B,KAAK,CAACC,OAAO,CAAC,CAAE;IAAA+B,QAAA,GAE1B4B,aAAa,gBACZhE,IAAA,CAACH,IAAI;MAACsC,SAAS,EAAE/B,KAAK,CAACE,YAAY,CAAC,CAAE;MAAA8B,QAAA,EAAE4B;IAAa,CAAO,CAAC,gBAE7DhE,IAAA,CAACH,IAAI;MAACsC,SAAS,EAAE/B,KAAK,CAACG,WAAW,CAAC,CAAE;MAAA6B,QAAA,EAAE7B;IAAW,CAAO,CAC1D,eACDP,IAAA,CAACf,QAAQ,CAACD,IAAI;MAACmG,KAAK,EAAEL,YAAa;MAAA1C,QAAA,eACjCpC,IAAA,CAACN,eAAe;QACd4C,KAAK,EAAE,OAAOuC,YAAY,KAAK,QAAQ,GAAGA,YAAY,GAAG;MAAU,CACpE;IAAC,CACW,CAAC;EAAA,CACP,CACZ;EAED,IAAI7D,YAAY,KAAK,OAAO,EAAE;IAC5B,oBACEd,KAAA,CAACsB,aAAa,CAACmE,QAAQ;MAACjE,KAAK,EAAEE,OAAQ;MAAAQ,QAAA,gBACrCpC,IAAA,CAAChB,IAAI;QAACmD,SAAS,EAAEA,SAAU;QAAAC,QAAA,EAAE/B;MAAO,CAAO,CAAC,eAG5CL,IAAA,CAACF,WAAW;QACViD,IAAI,EAAEA,IAAK;QACXH,YAAY,EAAGgC,IAAI,IAAK;UACtB,IAAI,CAACA,IAAI,EAAET,KAAK,CAAC,CAAC;QACpB,CAAE;QAAA/B,QAAA,eAEFpC,IAAA,CAACF,WAAW,CAAC8F,OAAO;UAAAxD,QAAA,eAGlBlC,KAAA,CAACsB,aAAa,CAACmE,QAAQ;YAACjE,KAAK,EAAEE,OAAQ;YAAAQ,QAAA,GACpCK,KAAK,gBACJzC,IAAA,CAACH,IAAI;cAACwC,IAAI,EAAC,IAAI;cAACwD,MAAM,EAAC,UAAU;cAAC1D,SAAS,EAAC,WAAW;cAAAC,QAAA,EACpDK;YAAK,CACF,CAAC,GACL,IAAI,eACRzC,IAAA,CAAClB,UAAU;cAACgH,OAAO,EAAE,KAAM;cAAC3D,SAAS,EAAC,UAAU;cAAAC,QAAA,eAC9CpC,IAAA,CAAChB,IAAI;gBAACmD,SAAS,EAAC,YAAY;gBAAAC,QAAA,EAAEA;cAAQ,CAAO;YAAC,CACpC,CAAC;UAAA,CACS;QAAC,CACN;MAAC,CACX,CAAC;IAAA,CACQ,CAAC;EAE7B;EAEA,IAAIpB,YAAY,KAAK,QAAQ,EAAE;IAC7B,oBACEhB,IAAA,CAACwB,aAAa,CAACmE,QAAQ;MAACjE,KAAK,EAAEE,OAAQ;MAAAQ,QAAA,eACrClC,KAAA,CAAClB,IAAI;QAACmD,SAAS,EAAEA,SAAU;QAAAC,QAAA,GACxB/B,OAAO,EACP0C,IAAI,gBACH/C,IAAA,CAACf,QAAQ,CAACD,IAAI;UACZ+G,QAAQ,EAAE7G,MAAM,CAACkF,QAAQ,CAAC,GAAG,CAAE;UAC/B4B,OAAO,EAAE7G,OAAO,CAACiF,QAAQ,CAAC,GAAG,CAAE;UAC/BjC,SAAS,EAAE/B,KAAK,CAACI,IAAI,CAAC,CAAE;UAAA4B,QAAA,EAEvBA;QAAQ,CACI,CAAC,GACd,IAAI;MAAA,CACJ;IAAC,CACe,CAAC;EAE7B;;EAEA;EACA;EACA;EACA,MAAM6D,UAAU,GAAGhD,MAAM,GAAGO,YAAY,IAAIP,MAAM,CAACyB,CAAC,GAAGzB,MAAM,CAACM,MAAM,CAAC,GAAGZ,MAAM,GAAG,CAAC;EAClF,MAAMuD,IAAI,GAAG,CAAC,CAACjD,MAAM,IAAIE,UAAU,GAAG,CAAC,IAAIA,UAAU,GAAG8C,UAAU;EAElE,MAAME,eAAe,GAAGlD,MAAM,GAC1B;IACEmD,QAAQ,EAAE,UAAmB;IAC7BC,IAAI,EAAEpD,MAAM,CAACwB,CAAC;IACd,IAAIyB,IAAI,GACJ;MAAEI,MAAM,EAAE9C,YAAY,GAAGP,MAAM,CAACyB,CAAC,GAAG/B;IAAO,CAAC,GAC5C;MAAE4D,GAAG,EAAEtD,MAAM,CAACyB,CAAC,GAAGzB,MAAM,CAACM,MAAM,GAAGZ;IAAO,CAAC,CAAC;IAC/C,IAAID,YAAY,KAAK,SAAS,GAC1B;MAAEiC,KAAK,EAAE1B,MAAM,CAAC0B;IAAM,CAAC,GACvB,OAAOjC,YAAY,KAAK,QAAQ,GAC9B;MAAEiC,KAAK,EAAEjC;IAAa,CAAC,GACvB;MAAE8D,QAAQ,EAAEvD,MAAM,CAAC0B;IAAM,CAAC,CAAC;IACjC;IACA8B,SAAS,EAAEC,IAAI,CAACC,GAAG,CAAC,CAACT,IAAI,GAAGjD,MAAM,CAACyB,CAAC,GAAGuB,UAAU,IAAItD,MAAM,EAAE,GAAG;EAClE,CAAC,GACD,IAAI;EAER,MAAMiE,YAAY,GAAIC,KAAwB,IAAK;IACjDzD,aAAa,CAACyD,KAAK,CAACC,WAAW,CAACC,MAAM,CAACxD,MAAM,CAAC;EAChD,CAAC;EAED,oBACErD,KAAA,CAACsB,aAAa,CAACmE,QAAQ;IAACjE,KAAK,EAAEE,OAAQ;IAAAQ,QAAA,gBACrCpC,IAAA,CAAChB,IAAI;MAACmD,SAAS,EAAEA,SAAU;MAAAC,QAAA,EAAE/B;IAAO,CAAO,CAAC,EAE3C0C,IAAI,IAAIoD,eAAe,gBACtBjG,KAAA,CAACN,MAAM;MAAAwC,QAAA,gBAELpC,IAAA,CAACnB,SAAS;QACRkD,iBAAiB,EAAC,QAAQ;QAC1BiF,kBAAkB,EAAC,OAAO;QAC1B/E,OAAO,EAAEkC,KAAM;QACfgB,KAAK,EAAE;UAAEiB,QAAQ,EAAE,UAAU;UAAEG,GAAG,EAAE,CAAC;UAAEF,IAAI,EAAE,CAAC;UAAEY,KAAK,EAAE,CAAC;UAAEX,MAAM,EAAE;QAAE;MAAE,CACvE,CAAC,eACFtG,IAAA,CAACwB,aAAa,CAACmE,QAAQ;QAACjE,KAAK,EAAEE,OAAQ;QAAAQ,QAAA,eACrCpC,IAAA,CAACf,QAAQ,CAACD,IAAI;UACZ+G,QAAQ,EAAE7G,MAAM,CAACkF,QAAQ,CAAC,GAAG,CAAE;UAC/B4B,OAAO,EAAE7G,OAAO,CAACiF,QAAQ,CAAC,GAAG,CAAE;UAC/B8C,QAAQ,EAAEN,YAAa;UACvBzB,KAAK,EAAEgB,eAAgB;UACvBhE,SAAS,EAAE/B,KAAK,CAACI,IAAI,CAAC,CAAE;UAAA4B,QAAA,eAExBpC,IAAA,CAAClB,UAAU;YAACgH,OAAO,EAAE,KAAM;YAACqB,4BAA4B,EAAE,KAAM;YAAA/E,QAAA,EAC7DA;UAAQ,CACC;QAAC,CACA;MAAC,CACM,CAAC;IAAA,CACnB,CAAC,GACP,IAAI;EAAA,CACc,CAAC;AAE7B;AAEA,OAAO,MAAMgF,MAAM,GAAGC,MAAM,CAACC,MAAM,CAAC/E,UAAU,EAAE;EAC9CiD,IAAI,EAAE/D;AACR,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,91 @@
+"use strict";
+
+/**
+ * Separator — a rule between content.
+ *
+ * React Native has no `<hr>` and no border shorthand that survives a flex row,
+ * so a separator here is a view with a size on one axis and a stretch on the
+ * other. That is why orientation is a prop rather than something the layout
+ * infers: the component has to know which axis carries the thickness.
+ *
+ * ```tsx
+ * <Separator />
+ * <Separator orientation="vertical" />
+ * ```
+ *
+ * A vertical separator takes its length from the parent, so the parent needs a
+ * height — inside a `flex-row` with `items-stretch`, or with an explicit `h-*`
+ * on either the row or the separator itself. Without one it measures zero and
+ * nothing draws.
+ */
+import { forwardRef } from 'react';
+import { View } from 'react-native';
+import { tv } from 'tailwind-variants';
+import { jsx as _jsx } from "react/jsx-runtime";
+const separatorVariants = tv({
+  base: 'bg-border',
+  variants: {
+    orientation: {
+      horizontal: 'w-full',
+      vertical: 'h-full'
+    },
+    variant: {
+      thin: '',
+      thick: ''
+    }
+  },
+  compoundVariants: [
+  // Thickness is on whichever axis is *not* the length, so it cannot be
+  // expressed by the orientation and variant classes independently.
+  {
+    orientation: 'horizontal',
+    variant: 'thin',
+    class: 'h-px'
+  }, {
+    orientation: 'horizontal',
+    variant: 'thick',
+    class: 'h-1'
+  }, {
+    orientation: 'vertical',
+    variant: 'thin',
+    class: 'w-px'
+  }, {
+    orientation: 'vertical',
+    variant: 'thick',
+    class: 'w-1'
+  }],
+  defaultVariants: {
+    orientation: 'horizontal',
+    variant: 'thin'
+  }
+});
+export const Separator = /*#__PURE__*/forwardRef(({
+  className,
+  orientation = 'horizontal',
+  variant,
+  thickness,
+  decorative = true,
+  style,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(View, {
+  ref: ref
+  // `role` rather than `accessibilityRole` — React Native's older role list
+  // has no separator, the ARIA-aligned one does.
+  ,
+  role: decorative ? 'none' : 'separator',
+  accessible: !decorative,
+  "aria-orientation": decorative ? undefined : orientation,
+  className: separatorVariants({
+    orientation,
+    variant,
+    className
+  }),
+  style: thickness !== undefined ? [orientation === 'horizontal' ? {
+    height: thickness
+  } : {
+    width: thickness
+  }, style] : style,
+  ...props
+}));
+Separator.displayName = 'Separator';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","View","tv","jsx","_jsx","separatorVariants","base","variants","orientation","horizontal","vertical","variant","thin","thick","compoundVariants","class","defaultVariants","Separator","className","thickness","decorative","style","props","ref","role","accessible","undefined","height","width","displayName"],"sourceRoot":"../../../../src","sources":["components/separator/index.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,IAAI,QAAwB,cAAc;AACnD,SAASC,EAAE,QAA2B,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE1D,MAAMC,iBAAiB,GAAGH,EAAE,CAAC;EAC3BI,IAAI,EAAE,WAAW;EACjBC,QAAQ,EAAE;IACRC,WAAW,EAAE;MACXC,UAAU,EAAE,QAAQ;MACpBC,QAAQ,EAAE;IACZ,CAAC;IACDC,OAAO,EAAE;MACPC,IAAI,EAAE,EAAE;MACRC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,gBAAgB,EAAE;EAChB;EACA;EACA;IAAEN,WAAW,EAAE,YAAY;IAAEG,OAAO,EAAE,MAAM;IAAEI,KAAK,EAAE;EAAO,CAAC,EAC7D;IAAEP,WAAW,EAAE,YAAY;IAAEG,OAAO,EAAE,OAAO;IAAEI,KAAK,EAAE;EAAM,CAAC,EAC7D;IAAEP,WAAW,EAAE,UAAU;IAAEG,OAAO,EAAE,MAAM;IAAEI,KAAK,EAAE;EAAO,CAAC,EAC3D;IAAEP,WAAW,EAAE,UAAU;IAAEG,OAAO,EAAE,OAAO;IAAEI,KAAK,EAAE;EAAM,CAAC,CAC5D;EACDC,eAAe,EAAE;IACfR,WAAW,EAAE,YAAY;IACzBG,OAAO,EAAE;EACX;AACF,CAAC,CAAC;AAmBF,OAAO,MAAMM,SAAS,gBAAGjB,UAAU,CACjC,CACE;EACEkB,SAAS;EACTV,WAAW,GAAG,YAAY;EAC1BG,OAAO;EACPQ,SAAS;EACTC,UAAU,GAAG,IAAI;EACjBC,KAAK;EACL,GAAGC;AACL,CAAC,EACDC,GAAG,kBAEHnB,IAAA,CAACH,IAAI;EACHsB,GAAG,EAAEA;EACL;EACA;EAAA;EACAC,IAAI,EAAEJ,UAAU,GAAG,MAAM,GAAG,WAAY;EACxCK,UAAU,EAAE,CAACL,UAAW;EACxB,oBAAkBA,UAAU,GAAGM,SAAS,GAAGlB,WAAY;EACvDU,SAAS,EAAEb,iBAAiB,CAAC;IAAEG,WAAW;IAAEG,OAAO;IAAEO;EAAU,CAAC,CAAE;EAClEG,KAAK,EACHF,SAAS,KAAKO,SAAS,GACnB,CAAClB,WAAW,KAAK,YAAY,GAAG;IAAEmB,MAAM,EAAER;EAAU,CAAC,GAAG;IAAES,KAAK,EAAET;EAAU,CAAC,EAAEE,KAAK,CAAC,GACpFA,KACL;EAAA,GACGC;AAAK,CACV,CAEL,CAAC;AAEDL,SAAS,CAACY,WAAW,GAAG,WAAW","ignoreList":[]}