panelui-native 0.7.0 → 0.12.0

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

@@ -1,284 +0,0 @@
-"use strict";
-
-/**
- * InlineSelect — a select that reveals its options next to the trigger instead
- * of taking over the screen with a sheet.
- *
- * Two presentations, because the right one depends on what surrounds it:
- *
- * - Inline (default) expands the list in normal layout flow. Everything below
- *   moves down. Fine 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.
- */
-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 { Portal } from "../../primitives/portal.js";
-import { Text } from "../../primitives/text.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const inlineSelectVariants = 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',
-    triggerLabel: 'flex-1 text-base font-medium text-foreground',
-    placeholder: 'flex-1 text-base text-muted-foreground',
-    list: 'overflow-hidden rounded-2xl border border-border bg-popover p-2 shadow-sm',
-    item: 'flex-row items-center gap-2 rounded-xl px-3 py-3',
-    itemLabel: 'flex-1 text-base font-medium text-foreground',
-    itemIndicator: 'h-5 w-5 items-center justify-center'
-  },
-  variants: {
-    selected: {
-      true: {
-        item: 'bg-accent'
-      }
-    },
-    disabled: {
-      true: {
-        trigger: 'opacity-[0.64]'
-      }
-    },
-    presentation: {
-      inline: {
-        list: 'mt-2'
-      },
-      overlay: {
-        list: 'shadow-lg'
-      }
-    }
-  },
-  defaultVariants: {
-    presentation: 'inline'
-  }
-});
-const InlineSelectContext = /*#__PURE__*/createContext(null);
-/** Option row. */
-function InlineSelectItem({
-  value,
-  label
-}) {
-  const context = useContext(InlineSelectContext);
-  if (!context) {
-    throw new Error('InlineSelect.Item must be used within an <InlineSelect>');
-  }
-  const selected = context.value === value;
-  const {
-    item,
-    itemLabel,
-    itemIndicator
-  } = inlineSelectVariants({
-    selected
-  });
-  const checkColor = useCSSVariable('--color-muted-foreground');
-  return /*#__PURE__*/_jsxs(Pressable, {
-    accessibilityRole: "menuitem",
-    accessibilityState: {
-      selected
-    },
-    onPress: () => context.onSelect(value),
-    className: item(),
-    children: [/*#__PURE__*/_jsx(Text, {
-      className: itemLabel(),
-      children: label
-    }), /*#__PURE__*/_jsx(View, {
-      className: itemIndicator(),
-      children: selected ? /*#__PURE__*/_jsx(CheckIcon, {
-        size: 16,
-        color: typeof checkColor === 'string' ? checkColor : '#737373'
-      }) : null
-    })]
-  });
-}
-
-/** Trigger frame in window coordinates, measured when the list opens. */
-
-function InlineSelectRoot({
-  className,
-  value,
-  onValueChange,
-  placeholder = 'Select an option',
-  disabled,
-  overlay = false,
-  overlayWidth = 'trigger',
-  overlayOffset = 8,
-  onOpenChange,
-  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 selectedLabel = useMemo(() => {
-    let label;
-    Children.forEach(children, child => {
-      if (/*#__PURE__*/isValidElement(child) && child.props.value === value) {
-        label = child.props.label;
-      }
-    });
-    return label;
-  }, [children, 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 (!overlay) {
-      show();
-      return;
-    }
-
-    // The 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, overlay]);
-  const context = useMemo(() => ({
-    value,
-    onSelect: next => {
-      onValueChange(next);
-      close();
-    }
-  }), [value, onValueChange, close]);
-  const slots = inlineSelectVariants({
-    disabled: !!disabled,
-    presentation: overlay ? 'overlay' : 'inline'
-  });
-  const chevronColor = useCSSVariable('--color-muted-foreground');
-  const chevronStyle = useAnimatedStyle(() => ({
-    transform: [{
-      rotate: `${chevron.value * 180}deg`
-    }]
-  }));
-  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 (!overlay) {
-    return /*#__PURE__*/_jsx(InlineSelectContext.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) - overlayOffset : 0;
-  const flip = !!anchor && listHeight > 0 && listHeight > spaceBelow;
-  const overlayPosition = anchor ? {
-    position: 'absolute',
-    left: anchor.x,
-    ...(flip ? {
-      bottom: screenHeight - anchor.y + overlayOffset
-    } : {
-      top: anchor.y + anchor.height + overlayOffset
-    }),
-    ...(overlayWidth === 'trigger' ? {
-      width: anchor.width
-    } : typeof overlayWidth === 'number' ? {
-      width: overlayWidth
-    } : {
-      minWidth: anchor.width
-    }),
-    // Never collapse to nothing in a cramped viewport — the list scrolls.
-    maxHeight: Math.max((flip ? anchor.y : spaceBelow) - overlayOffset, 160)
-  } : null;
-  const onListLayout = event => {
-    setListHeight(event.nativeEvent.layout.height);
-  };
-  return /*#__PURE__*/_jsxs(InlineSelectContext.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(InlineSelectContext.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,
-            showsVerticalScrollIndicator: false,
-            children: children
-          })
-        })
-      })]
-    }) : null]
-  });
-}
-export const InlineSelect = Object.assign(InlineSelectRoot, {
-  Item: InlineSelectItem
-});
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"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","Portal","Text","jsx","_jsx","jsxs","_jsxs","inlineSelectVariants","slots","trigger","triggerLabel","placeholder","list","item","itemLabel","itemIndicator","variants","selected","true","disabled","presentation","inline","overlay","defaultVariants","InlineSelectContext","InlineSelectItem","value","label","context","Error","checkColor","accessibilityRole","accessibilityState","onPress","onSelect","className","children","size","color","InlineSelectRoot","onValueChange","overlayWidth","overlayOffset","onOpenChange","open","setOpen","anchor","setAnchor","listHeight","setListHeight","triggerRef","chevron","height","screenHeight","selectedLabel","forEach","child","props","close","duration","toggle","show","current","measureInWindow","x","y","width","next","chevronColor","chevronStyle","transform","rotate","ref","expanded","style","Provider","entering","exiting","spaceBelow","flip","overlayPosition","position","left","bottom","top","minWidth","maxHeight","Math","max","onListLayout","event","nativeEvent","layout","accessibilityLabel","right","onLayout","bounces","showsVerticalScrollIndicator","InlineSelect","Object","assign","Item"],"sourceRoot":"../../../../src","sources":["components/inline-select/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/typescript/src/components/inline-select/index.d.ts

@@ -1,48 +0,0 @@
-/**
- * InlineSelect — a select that reveals its options next to the trigger instead
- * of taking over the screen with a sheet.
- *
- * Two presentations, because the right one depends on what surrounds it:
- *
- * - Inline (default) expands the list in normal layout flow. Everything below
- *   moves down. Fine 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.
- */
-import { type ReactNode } from 'react';
-export interface InlineSelectItemProps {
-    value: string;
-    label: string;
-}
-/** Option row. */
-declare function InlineSelectItem({ value, label }: InlineSelectItemProps): import("react").JSX.Element;
-export interface InlineSelectProps {
-    className?: string;
-    value?: string;
-    onValueChange: (value: string) => void;
-    placeholder?: string;
-    disabled?: boolean;
-    /**
-     * Float the list above the page instead of expanding it in layout flow, so
-     * opening the select does not push the content below it down.
-     */
-    overlay?: boolean;
-    /**
-     * Width of the floating list. `trigger` matches the trigger, `content` sizes
-     * to the longest option, or pass a pixel value. Ignored without `overlay`.
-     */
-    overlayWidth?: 'trigger' | 'content' | number;
-    /** Gap between the trigger and the floating list. Ignored without `overlay`. */
-    overlayOffset?: number;
-    /** Called when the list opens or closes. */
-    onOpenChange?: (open: boolean) => void;
-    children: ReactNode;
-}
-declare function InlineSelectRoot({ className, value, onValueChange, placeholder, disabled, overlay, overlayWidth, overlayOffset, onOpenChange, children, }: InlineSelectProps): import("react").JSX.Element;
-export declare const InlineSelect: typeof InlineSelectRoot & {
-    Item: typeof InlineSelectItem;
-};
-export {};
-//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/inline-select/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/inline-select/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,OAAO,EASL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAwDf,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,kBAAkB;AAClB,iBAAS,gBAAgB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,qBAAqB,+BA4BhE;AAUD,MAAM,WAAW,iBAAiB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,YAAY,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;IAC9C,gFAAgF;IAChF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,KAAK,EACL,aAAa,EACb,WAAgC,EAChC,QAAQ,EACR,OAAe,EACf,YAAwB,EACxB,aAAiB,EACjB,YAAY,EACZ,QAAQ,GACT,EAAE,iBAAiB,+BA0KnB;AAED,eAAO,MAAM,YAAY;;CAEvB,CAAC"}

package/src/components/inline-select/index.tsx

@@ -1,332 +0,0 @@
-/**
- * InlineSelect — a select that reveals its options next to the trigger instead
- * of taking over the screen with a sheet.
- *
- * Two presentations, because the right one depends on what surrounds it:
- *
- * - Inline (default) expands the list in normal layout flow. Everything below
- *   moves down. Fine 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.
- */
-import {
-  Children,
-  createContext,
-  isValidElement,
-  useCallback,
-  useContext,
-  useMemo,
-  useRef,
-  useState,
-  type ReactNode,
-} from 'react';
-import {
-  Pressable,
-  ScrollView,
-  useWindowDimensions,
-  View,
-  type LayoutChangeEvent,
-} 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';
-import { Portal } from '../../primitives/portal';
-import { Text } from '../../primitives/text';
-
-const inlineSelectVariants = 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',
-    triggerLabel: 'flex-1 text-base font-medium text-foreground',
-    placeholder: 'flex-1 text-base text-muted-foreground',
-    list: 'overflow-hidden rounded-2xl border border-border bg-popover p-2 shadow-sm',
-    item: 'flex-row items-center gap-2 rounded-xl px-3 py-3',
-    itemLabel: 'flex-1 text-base font-medium text-foreground',
-    itemIndicator: 'h-5 w-5 items-center justify-center',
-  },
-  variants: {
-    selected: {
-      true: { item: 'bg-accent' },
-    },
-    disabled: {
-      true: { trigger: 'opacity-[0.64]' },
-    },
-    presentation: {
-      inline: { list: 'mt-2' },
-      overlay: { list: 'shadow-lg' },
-    },
-  },
-  defaultVariants: {
-    presentation: 'inline',
-  },
-});
-
-interface InlineSelectContextValue {
-  value: string | undefined;
-  onSelect: (value: string) => void;
-}
-
-const InlineSelectContext = createContext<InlineSelectContextValue | null>(null);
-
-export interface InlineSelectItemProps {
-  value: string;
-  label: string;
-}
-
-/** Option row. */
-function InlineSelectItem({ value, label }: InlineSelectItemProps) {
-  const context = useContext(InlineSelectContext);
-  if (!context) {
-    throw new Error('InlineSelect.Item must be used within an <InlineSelect>');
-  }
-
-  const selected = context.value === value;
-  const { item, itemLabel, itemIndicator } = inlineSelectVariants({ selected });
-  const checkColor = useCSSVariable('--color-muted-foreground');
-
-  return (
-    <Pressable
-      accessibilityRole="menuitem"
-      accessibilityState={{ selected }}
-      onPress={() => context.onSelect(value)}
-      className={item()}
-    >
-      <Text className={itemLabel()}>{label}</Text>
-      <View className={itemIndicator()}>
-        {selected ? (
-          <CheckIcon
-            size={16}
-            color={typeof checkColor === 'string' ? checkColor : '#737373'}
-          />
-        ) : null}
-      </View>
-    </Pressable>
-  );
-}
-
-/** Trigger frame in window coordinates, measured when the list opens. */
-interface Anchor {
-  x: number;
-  y: number;
-  width: number;
-  height: number;
-}
-
-export interface InlineSelectProps {
-  className?: string;
-  value?: string;
-  onValueChange: (value: string) => void;
-  placeholder?: string;
-  disabled?: boolean;
-  /**
-   * Float the list above the page instead of expanding it in layout flow, so
-   * opening the select does not push the content below it down.
-   */
-  overlay?: boolean;
-  /**
-   * Width of the floating list. `trigger` matches the trigger, `content` sizes
-   * to the longest option, or pass a pixel value. Ignored without `overlay`.
-   */
-  overlayWidth?: 'trigger' | 'content' | number;
-  /** Gap between the trigger and the floating list. Ignored without `overlay`. */
-  overlayOffset?: number;
-  /** Called when the list opens or closes. */
-  onOpenChange?: (open: boolean) => void;
-  children: ReactNode;
-}
-
-function InlineSelectRoot({
-  className,
-  value,
-  onValueChange,
-  placeholder = 'Select an option',
-  disabled,
-  overlay = false,
-  overlayWidth = 'trigger',
-  overlayOffset = 8,
-  onOpenChange,
-  children,
-}: InlineSelectProps) {
-  const [open, setOpen] = useState(false);
-  const [anchor, setAnchor] = useState<Anchor | null>(null);
-  const [listHeight, setListHeight] = useState(0);
-  const triggerRef = useRef<View>(null);
-  const chevron = useSharedValue(0);
-  const { height: screenHeight } = useWindowDimensions();
-
-  const selectedLabel = useMemo(() => {
-    let label: string | undefined;
-    Children.forEach(children, (child) => {
-      if (isValidElement<InlineSelectItemProps>(child) && child.props.value === value) {
-        label = child.props.label;
-      }
-    });
-    return label;
-  }, [children, 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 (!overlay) {
-      show();
-      return;
-    }
-
-    // The 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, overlay]);
-
-  const context = useMemo<InlineSelectContextValue>(
-    () => ({
-      value,
-      onSelect: (next) => {
-        onValueChange(next);
-        close();
-      },
-    }),
-    [value, onValueChange, close]
-  );
-
-  const slots = inlineSelectVariants({
-    disabled: !!disabled,
-    presentation: overlay ? 'overlay' : 'inline',
-  });
-  const chevronColor = useCSSVariable('--color-muted-foreground');
-
-  const chevronStyle = useAnimatedStyle(() => ({
-    transform: [{ rotate: `${chevron.value * 180}deg` }],
-  }));
-
-  const trigger = (
-    <Pressable
-      ref={triggerRef}
-      accessibilityRole="button"
-      accessibilityState={{ disabled: !!disabled, expanded: open }}
-      disabled={disabled}
-      onPress={toggle}
-      className={slots.trigger()}
-    >
-      {selectedLabel ? (
-        <Text className={slots.triggerLabel()}>{selectedLabel}</Text>
-      ) : (
-        <Text className={slots.placeholder()}>{placeholder}</Text>
-      )}
-      <Animated.View style={chevronStyle}>
-        <ChevronDownIcon
-          color={typeof chevronColor === 'string' ? chevronColor : '#737373'}
-        />
-      </Animated.View>
-    </Pressable>
-  );
-
-  if (!overlay) {
-    return (
-      <InlineSelectContext.Provider value={context}>
-        <View className={className}>
-          {trigger}
-          {open ? (
-            <Animated.View
-              entering={FadeIn.duration(140)}
-              exiting={FadeOut.duration(120)}
-              className={slots.list()}
-            >
-              {children}
-            </Animated.View>
-          ) : null}
-        </View>
-      </InlineSelectContext.Provider>
-    );
-  }
-
-  // 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) - overlayOffset
-    : 0;
-  const flip = !!anchor && listHeight > 0 && listHeight > spaceBelow;
-
-  const overlayPosition = anchor
-    ? {
-        position: 'absolute' as const,
-        left: anchor.x,
-        ...(flip
-          ? { bottom: screenHeight - anchor.y + overlayOffset }
-          : { top: anchor.y + anchor.height + overlayOffset }),
-        ...(overlayWidth === 'trigger'
-          ? { width: anchor.width }
-          : typeof overlayWidth === 'number'
-            ? { width: overlayWidth }
-            : { minWidth: anchor.width }),
-        // Never collapse to nothing in a cramped viewport — the list scrolls.
-        maxHeight: Math.max((flip ? anchor.y : spaceBelow) - overlayOffset, 160),
-      }
-    : null;
-
-  const onListLayout = (event: LayoutChangeEvent) => {
-    setListHeight(event.nativeEvent.layout.height);
-  };
-
-  return (
-    <InlineSelectContext.Provider value={context}>
-      <View className={className}>{trigger}</View>
-
-      {open && overlayPosition ? (
-        <Portal>
-          {/* Full-screen catcher so a press anywhere else dismisses the list. */}
-          <Pressable
-            accessibilityRole="button"
-            accessibilityLabel="Close"
-            onPress={close}
-            style={{ position: 'absolute', top: 0, left: 0, right: 0, bottom: 0 }}
-          />
-          <InlineSelectContext.Provider value={context}>
-            <Animated.View
-              entering={FadeIn.duration(140)}
-              exiting={FadeOut.duration(120)}
-              onLayout={onListLayout}
-              style={overlayPosition}
-              className={slots.list()}
-            >
-              <ScrollView bounces={false} showsVerticalScrollIndicator={false}>
-                {children}
-              </ScrollView>
-            </Animated.View>
-          </InlineSelectContext.Provider>
-        </Portal>
-      ) : null}
-    </InlineSelectContext.Provider>
-  );
-}
-
-export const InlineSelect = Object.assign(InlineSelectRoot, {
-  Item: InlineSelectItem,
-});