@frosted-ui/react-native 0.0.1-canary.100

package/dist/components/list.d.ts

@@ -0,0 +1,37 @@
+import { type CardVariant } from '../components/card';
+import * as React from 'react';
+import { type PressableProps, type TextProps, type TextStyle, type ViewProps, type ViewStyle } from 'react-native';
+type ListRootProps = ViewProps & {
+    variant?: CardVariant;
+};
+declare function ListRoot({ variant, style, children, ...props }: ListRootProps): React.JSX.Element;
+type ListItemProps = Omit<PressableProps, 'style'> & {
+    style?: ViewStyle;
+};
+declare function ListItem({ children, onPress, disabled, style, ...props }: ListItemProps): React.JSX.Element;
+type ListItemSlotProps = ViewProps;
+declare function ListItemSlot({ children, style, ...props }: ListItemSlotProps): React.JSX.Element;
+type ListItemContentProps = ViewProps;
+declare function ListItemContent({ children, style, ...props }: ListItemContentProps): React.JSX.Element;
+type ListItemTitleProps = Omit<TextProps, 'style'> & {
+    style?: TextStyle;
+};
+declare function ListItemTitle({ children, style, ...props }: ListItemTitleProps): React.JSX.Element;
+type ListItemDescriptionProps = Omit<TextProps, 'style'> & {
+    style?: TextStyle;
+};
+declare function ListItemDescription({ children, style, ...props }: ListItemDescriptionProps): React.JSX.Element;
+type ListSeparatorProps = ViewProps;
+declare function ListSeparator({ style, ...props }: ListSeparatorProps): React.JSX.Element;
+declare const List: {
+    Root: typeof ListRoot;
+    Item: typeof ListItem;
+    ItemSlot: typeof ListItemSlot;
+    ItemContent: typeof ListItemContent;
+    ItemTitle: typeof ListItemTitle;
+    ItemDescription: typeof ListItemDescription;
+    Separator: typeof ListSeparator;
+};
+export { List };
+export type { ListItemContentProps, ListItemDescriptionProps, ListItemProps, ListItemSlotProps, ListItemTitleProps, ListRootProps, ListSeparatorProps, };
+//# sourceMappingURL=list.d.ts.map

package/dist/components/list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../src/components/list.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAG3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAKL,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAMtB,KAAK,aAAa,GAAG,SAAS,GAAG;IAC/B,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB,CAAC;AAEF,iBAAS,QAAQ,CAAC,EAAE,OAAmB,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,qBAMlF;AAMD,KAAK,aAAa,GAAG,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC,GAAG;IACnD,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,iBAAS,QAAQ,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,qBAyChF;AAMD,KAAK,iBAAiB,GAAG,SAAS,CAAC;AAEnC,iBAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,qBAkBrE;AAMD,KAAK,oBAAoB,GAAG,SAAS,CAAC;AAEtC,iBAAS,eAAe,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,qBAY3E;AAMD,KAAK,kBAAkB,GAAG,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,GAAG;IACnD,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,iBAAS,aAAa,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,qBAiBvE;AAMD,KAAK,wBAAwB,GAAG,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,GAAG;IACzD,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,iBAAS,mBAAmB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,wBAAwB,qBAgBnF;AAMD,KAAK,kBAAkB,GAAG,SAAS,CAAC;AAEpC,iBAAS,aAAa,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,qBAS7D;AAMD,QAAA,MAAM,IAAI;;;;;;;;CAQT,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,CAAC;AAChB,YAAY,EACV,oBAAoB,EACpB,wBAAwB,EACxB,aAAa,EACb,iBAAiB,EACjB,kBAAkB,EAClB,aAAa,EACb,kBAAkB,GACnB,CAAC"}

package/dist/components/list.js

@@ -0,0 +1,112 @@
+import { Card } from '../components/card';
+import { TextStyleContext } from '../components/text';
+import { useThemeTokens } from '../lib/use-theme-tokens';
+import * as React from 'react';
+import { Platform, Pressable, Text, View, } from 'react-native';
+function ListRoot({ variant = 'surface', style, children, ...props }) {
+    return (<Card variant={variant} style={[{ padding: 0 }, style]} {...props}>
+      {children}
+    </Card>);
+}
+function ListItem({ children, onPress, disabled, style, ...props }) {
+    const { colors } = useThemeTokens();
+    const [pressed, setPressed] = React.useState(false);
+    const [hovered, setHovered] = React.useState(false);
+    const isInteractive = !!onPress && !disabled;
+    const isHighlighted = isInteractive && (pressed || hovered);
+    const itemStyle = {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 12,
+        paddingVertical: 12,
+        paddingHorizontal: 16,
+        backgroundColor: isHighlighted ? colors.palettes.gray.a3 : undefined,
+        ...(Platform.OS === 'web' && isInteractive
+            ? { cursor: 'pointer', userSelect: 'none' }
+            : {}),
+    };
+    // Web hover handlers
+    const webProps = Platform.OS === 'web' && isInteractive
+        ? {
+            onMouseEnter: () => setHovered(true),
+            onMouseLeave: () => setHovered(false),
+        }
+        : {};
+    return (<Pressable onPress={onPress} onPressIn={() => setPressed(true)} onPressOut={() => setPressed(false)} disabled={disabled || !onPress} style={[itemStyle, style]} {...webProps} {...props}>
+      {children}
+    </Pressable>);
+}
+function ListItemSlot({ children, style, ...props }) {
+    const { colors } = useThemeTokens();
+    const slotStyle = {
+        alignItems: 'center',
+        justifyContent: 'center',
+        minWidth: 24,
+        minHeight: 24,
+    };
+    // Provide icon color context
+    return (<TextStyleContext.Provider value={{ color: colors.palettes.gray.a11 }}>
+      <View style={[slotStyle, style]} {...props}>
+        {children}
+      </View>
+    </TextStyleContext.Provider>);
+}
+function ListItemContent({ children, style, ...props }) {
+    const contentStyle = {
+        flex: 1,
+        gap: 2,
+        justifyContent: 'center',
+    };
+    return (<View style={[contentStyle, style]} {...props}>
+      {children}
+    </View>);
+}
+function ListItemTitle({ children, style, ...props }) {
+    const { colors, typography, fontWeights } = useThemeTokens();
+    const typo = typography['3'];
+    const titleStyle = {
+        fontSize: typo.fontSize,
+        lineHeight: typo.lineHeight,
+        letterSpacing: typo.letterSpacing,
+        fontWeight: fontWeights.medium,
+        color: colors.palettes.gray['12'],
+    };
+    return (<Text style={[titleStyle, style]} {...props}>
+      {children}
+    </Text>);
+}
+function ListItemDescription({ children, style, ...props }) {
+    const { colors, typography } = useThemeTokens();
+    const typo = typography['2'];
+    const descriptionStyle = {
+        fontSize: typo.fontSize,
+        lineHeight: typo.lineHeight,
+        letterSpacing: typo.letterSpacing,
+        color: colors.palettes.gray.a11,
+    };
+    return (<Text style={[descriptionStyle, style]} {...props}>
+      {children}
+    </Text>);
+}
+function ListSeparator({ style, ...props }) {
+    const { colors } = useThemeTokens();
+    const separatorStyle = {
+        height: 1,
+        backgroundColor: colors.stroke,
+    };
+    return <View style={[separatorStyle, style]} {...props}/>;
+}
+// ============================================================================
+// Exports
+// ============================================================================
+const List = {
+    Root: ListRoot,
+    Item: ListItem,
+    ItemSlot: ListItemSlot,
+    ItemContent: ListItemContent,
+    ItemTitle: ListItemTitle,
+    ItemDescription: ListItemDescription,
+    Separator: ListSeparator,
+};
+export { List };
+//# sourceMappingURL=list.js.map

package/dist/components/list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.js","sourceRoot":"","sources":["../../src/components/list.tsx"],"names":[],"mappings":"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"}

package/dist/components/native-only-animated-view.d.ts

@@ -0,0 +1,219 @@
+import React from 'react';
+/**
+ * This component is used to wrap animated views that should only be animated on native.
+ * @param props - The props for the animated view.
+ * @returns The animated view if the platform is native, otherwise the children.
+ * @example
+ * <NativeOnlyAnimatedView entering={FadeIn} exiting={FadeOut}>
+ *   <Text>I am only animated on native</Text>
+ * </NativeOnlyAnimatedView>
+ */
+declare const NativeOnlyAnimatedView: React.ForwardRefExoticComponent<{
+    children?: React.ReactNode | import("react-native-reanimated").SharedValue<React.ReactNode>;
+    hitSlop?: number | import("react-native").Insets | import("react-native-reanimated").SharedValue<number | import("react-native").Insets | null | undefined> | null | undefined;
+    id?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+    needsOffscreenAlphaCompositing?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").LayoutChangeEvent) => void) | undefined> | undefined;
+    pointerEvents?: "none" | "auto" | "box-none" | "box-only" | import("react-native-reanimated").SharedValue<"none" | "auto" | "box-none" | "box-only" | undefined> | undefined;
+    removeClippedSubviews?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    testID?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+    nativeID?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+    collapsable?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    collapsableChildren?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    onBlur?: ((e: import("react-native").BlurEvent) => void) | import("react-native-reanimated").SharedValue<((e: import("react-native").BlurEvent) => void) | null | undefined> | null | undefined;
+    onFocus?: ((e: import("react-native").FocusEvent) => void) | import("react-native-reanimated").SharedValue<((e: import("react-native").FocusEvent) => void) | null | undefined> | null | undefined;
+    renderToHardwareTextureAndroid?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    focusable?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    tabIndex?: 0 | -1 | import("react-native-reanimated").SharedValue<0 | -1 | undefined> | undefined;
+    shouldRasterizeIOS?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    isTVSelectable?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    hasTVPreferredFocus?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    tvParallaxShiftDistanceX?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
+    tvParallaxShiftDistanceY?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
+    tvParallaxTiltAngle?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
+    tvParallaxMagnification?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
+    onStartShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
+    onMoveShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
+    onResponderEnd?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onResponderGrant?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onResponderReject?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onResponderMove?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onResponderRelease?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onResponderStart?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onResponderTerminationRequest?: ((event: import("react-native").GestureResponderEvent) => boolean) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
+    onResponderTerminate?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onStartShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
+    onMoveShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
+    onTouchStart?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onTouchMove?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onTouchEnd?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onTouchCancel?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onTouchEndCapture?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onPointerEnter?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerEnterCapture?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerLeave?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerLeaveCapture?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerMove?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerMoveCapture?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerCancel?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerCancelCapture?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerDown?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerDownCapture?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerUp?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerUpCapture?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    accessible?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    accessibilityActions?: readonly Readonly<{
+        name: import("react-native").AccessibilityActionName | string;
+        label?: string | undefined;
+    }>[] | import("react-native-reanimated").SharedValue<readonly Readonly<{
+        name: import("react-native").AccessibilityActionName | string;
+        label?: string | undefined;
+    }>[] | undefined> | undefined;
+    accessibilityLabel?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+    'aria-label'?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+    accessibilityRole?: import("react-native").AccessibilityRole | import("react-native-reanimated").SharedValue<import("react-native").AccessibilityRole | undefined> | undefined;
+    accessibilityState?: import("react-native").AccessibilityState | import("react-native-reanimated").SharedValue<import("react-native").AccessibilityState | undefined> | undefined;
+    'aria-busy'?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    'aria-checked'?: boolean | "mixed" | import("react-native-reanimated").SharedValue<boolean | "mixed" | undefined> | undefined;
+    'aria-disabled'?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    'aria-expanded'?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    'aria-selected'?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    accessibilityHint?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+    accessibilityValue?: import("react-native").AccessibilityValue | import("react-native-reanimated").SharedValue<import("react-native").AccessibilityValue | undefined> | undefined;
+    'aria-valuemax'?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
+    'aria-valuemin'?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
+    'aria-valuenow'?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
+    'aria-valuetext'?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+    onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").AccessibilityActionEvent) => void) | undefined> | undefined;
+    importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants" | import("react-native-reanimated").SharedValue<"auto" | "yes" | "no" | "no-hide-descendants" | undefined> | undefined;
+    'aria-hidden'?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    'aria-modal'?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    role?: import("react-native").Role | import("react-native-reanimated").SharedValue<import("react-native").Role | undefined> | undefined;
+    accessibilityLabelledBy?: string | string[] | import("react-native-reanimated").SharedValue<string | string[] | undefined> | undefined;
+    'aria-labelledby'?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+    accessibilityLiveRegion?: "none" | "polite" | "assertive" | import("react-native-reanimated").SharedValue<"none" | "polite" | "assertive" | undefined> | undefined;
+    'aria-live'?: "polite" | "assertive" | "off" | import("react-native-reanimated").SharedValue<"polite" | "assertive" | "off" | undefined> | undefined;
+    screenReaderFocusable?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    accessibilityElementsHidden?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    accessibilityViewIsModal?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    onAccessibilityEscape?: (() => void) | import("react-native-reanimated").SharedValue<(() => void) | undefined> | undefined;
+    onAccessibilityTap?: (() => void) | import("react-native-reanimated").SharedValue<(() => void) | undefined> | undefined;
+    onMagicTap?: (() => void) | import("react-native-reanimated").SharedValue<(() => void) | undefined> | undefined;
+    accessibilityIgnoresInvertColors?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    accessibilityLanguage?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+    accessibilityShowsLargeContentViewer?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    accessibilityLargeContentTitle?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+    accessibilityRespondsToUserInteraction?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+} & {
+    style?: import("react-native").StyleProp<import("react-native-reanimated").AnimatedStyle<import("react-native").StyleProp<import("react-native").ViewStyle>>>;
+} & {
+    layout?: import("react-native-reanimated").BaseAnimationBuilder | import("react-native-reanimated").LayoutAnimationFunction | typeof import("react-native-reanimated").BaseAnimationBuilder;
+    entering?: import("react-native-reanimated").EntryOrExitLayoutType;
+    exiting?: import("react-native-reanimated").EntryOrExitLayoutType;
+} & {
+    animatedProps?: import("react-native-reanimated/lib/typescript/css/types").AddArrayPropertyType<Partial<{
+        children?: React.ReactNode | import("react-native-reanimated").SharedValue<React.ReactNode>;
+        hitSlop?: number | import("react-native").Insets | import("react-native-reanimated").SharedValue<number | import("react-native").Insets | null | undefined> | null | undefined;
+        id?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+        needsOffscreenAlphaCompositing?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").LayoutChangeEvent) => void) | undefined> | undefined;
+        pointerEvents?: "none" | "auto" | "box-none" | "box-only" | import("react-native-reanimated").SharedValue<"none" | "auto" | "box-none" | "box-only" | undefined> | undefined;
+        removeClippedSubviews?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        testID?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+        nativeID?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+        collapsable?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        collapsableChildren?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        onBlur?: ((e: import("react-native").BlurEvent) => void) | import("react-native-reanimated").SharedValue<((e: import("react-native").BlurEvent) => void) | null | undefined> | null | undefined;
+        onFocus?: ((e: import("react-native").FocusEvent) => void) | import("react-native-reanimated").SharedValue<((e: import("react-native").FocusEvent) => void) | null | undefined> | null | undefined;
+        renderToHardwareTextureAndroid?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        focusable?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        tabIndex?: 0 | -1 | import("react-native-reanimated").SharedValue<0 | -1 | undefined> | undefined;
+        shouldRasterizeIOS?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        isTVSelectable?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        hasTVPreferredFocus?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        tvParallaxShiftDistanceX?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
+        tvParallaxShiftDistanceY?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
+        tvParallaxTiltAngle?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
+        tvParallaxMagnification?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
+        onStartShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
+        onMoveShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
+        onResponderEnd?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+        onResponderGrant?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+        onResponderReject?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+        onResponderMove?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+        onResponderRelease?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+        onResponderStart?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+        onResponderTerminationRequest?: ((event: import("react-native").GestureResponderEvent) => boolean) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
+        onResponderTerminate?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+        onStartShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
+        onMoveShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
+        onTouchStart?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+        onTouchMove?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+        onTouchEnd?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+        onTouchCancel?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+        onTouchEndCapture?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+        onPointerEnter?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+        onPointerEnterCapture?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+        onPointerLeave?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+        onPointerLeaveCapture?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+        onPointerMove?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+        onPointerMoveCapture?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+        onPointerCancel?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+        onPointerCancelCapture?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+        onPointerDown?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+        onPointerDownCapture?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+        onPointerUp?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+        onPointerUpCapture?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+        accessible?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        accessibilityActions?: readonly Readonly<{
+            name: import("react-native").AccessibilityActionName | string;
+            label?: string | undefined;
+        }>[] | import("react-native-reanimated").SharedValue<readonly Readonly<{
+            name: import("react-native").AccessibilityActionName | string;
+            label?: string | undefined;
+        }>[] | undefined> | undefined;
+        accessibilityLabel?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+        'aria-label'?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+        accessibilityRole?: import("react-native").AccessibilityRole | import("react-native-reanimated").SharedValue<import("react-native").AccessibilityRole | undefined> | undefined;
+        accessibilityState?: import("react-native").AccessibilityState | import("react-native-reanimated").SharedValue<import("react-native").AccessibilityState | undefined> | undefined;
+        'aria-busy'?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        'aria-checked'?: boolean | "mixed" | import("react-native-reanimated").SharedValue<boolean | "mixed" | undefined> | undefined;
+        'aria-disabled'?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        'aria-expanded'?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        'aria-selected'?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        accessibilityHint?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+        accessibilityValue?: import("react-native").AccessibilityValue | import("react-native-reanimated").SharedValue<import("react-native").AccessibilityValue | undefined> | undefined;
+        'aria-valuemax'?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
+        'aria-valuemin'?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
+        'aria-valuenow'?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
+        'aria-valuetext'?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+        onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").AccessibilityActionEvent) => void) | undefined> | undefined;
+        importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants" | import("react-native-reanimated").SharedValue<"auto" | "yes" | "no" | "no-hide-descendants" | undefined> | undefined;
+        'aria-hidden'?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        'aria-modal'?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        role?: import("react-native").Role | import("react-native-reanimated").SharedValue<import("react-native").Role | undefined> | undefined;
+        accessibilityLabelledBy?: string | string[] | import("react-native-reanimated").SharedValue<string | string[] | undefined> | undefined;
+        'aria-labelledby'?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+        accessibilityLiveRegion?: "none" | "polite" | "assertive" | import("react-native-reanimated").SharedValue<"none" | "polite" | "assertive" | undefined> | undefined;
+        'aria-live'?: "polite" | "assertive" | "off" | import("react-native-reanimated").SharedValue<"polite" | "assertive" | "off" | undefined> | undefined;
+        screenReaderFocusable?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        accessibilityElementsHidden?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        accessibilityViewIsModal?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        onAccessibilityEscape?: (() => void) | import("react-native-reanimated").SharedValue<(() => void) | undefined> | undefined;
+        onAccessibilityTap?: (() => void) | import("react-native-reanimated").SharedValue<(() => void) | undefined> | undefined;
+        onMagicTap?: (() => void) | import("react-native-reanimated").SharedValue<(() => void) | undefined> | undefined;
+        accessibilityIgnoresInvertColors?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        accessibilityLanguage?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+        accessibilityShowsLargeContentViewer?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        accessibilityLargeContentTitle?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+        accessibilityRespondsToUserInteraction?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    } & {
+        style?: import("react-native").StyleProp<import("react-native-reanimated").AnimatedStyle<import("react-native").StyleProp<import("react-native").ViewStyle>>>;
+    } & {
+        layout?: import("react-native-reanimated").BaseAnimationBuilder | import("react-native-reanimated").LayoutAnimationFunction | typeof import("react-native-reanimated").BaseAnimationBuilder;
+        entering?: import("react-native-reanimated").EntryOrExitLayoutType;
+        exiting?: import("react-native-reanimated").EntryOrExitLayoutType;
+    }> | import("react-native-reanimated").CSSStyle<import("react-native").ViewProps>> | undefined;
+} & React.RefAttributes<any>>;
+export { NativeOnlyAnimatedView };
+//# sourceMappingURL=native-only-animated-view.d.ts.map

package/dist/components/native-only-animated-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"native-only-animated-view.d.ts","sourceRoot":"","sources":["../../src/components/native-only-animated-view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B;;;;;;;;GAQG;AAEH,QAAA,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6BAc3B,CAAC;AAEF,OAAO,EAAE,sBAAsB,EAAE,CAAC"}

package/dist/components/native-only-animated-view.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import { Platform } from 'react-native';
+import Animated from 'react-native-reanimated';
+/**
+ * This component is used to wrap animated views that should only be animated on native.
+ * @param props - The props for the animated view.
+ * @returns The animated view if the platform is native, otherwise the children.
+ * @example
+ * <NativeOnlyAnimatedView entering={FadeIn} exiting={FadeOut}>
+ *   <Text>I am only animated on native</Text>
+ * </NativeOnlyAnimatedView>
+ */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any -- Animated.View ref types don't align with React's forwardRef
+const NativeOnlyAnimatedView = React.forwardRef(({ children, ...rest }, ref) => {
+    if (Platform.OS === 'web') {
+        return <>{children}</>;
+    }
+    // Animated.View expects its own ref type; cast to satisfy differing React typings.
+    return (
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- ref type mismatch between React and Reanimated
+    <Animated.View ref={ref} {...rest}>
+        {children}
+      </Animated.View>);
+});
+export { NativeOnlyAnimatedView };
+//# sourceMappingURL=native-only-animated-view.js.map

package/dist/components/native-only-animated-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"native-only-animated-view.js","sourceRoot":"","sources":["../../src/components/native-only-animated-view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,QAAQ,MAAM,yBAAyB,CAAC;AAI/C;;;;;;;;GAQG;AACH,6HAA6H;AAC7H,MAAM,sBAAsB,GAAG,KAAK,CAAC,UAAU,CAC7C,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IAC7B,IAAI,QAAQ,CAAC,EAAE,KAAK,KAAK,EAAE,CAAC;QAC1B,OAAO,EAAE,CAAC,QAA2B,CAAC,GAAG,CAAC;IAC5C,CAAC;IAED,mFAAmF;IACnF,OAAO;IACL,gHAAgH;IAChH,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAU,CAAC,CAAC,IAAI,IAAI,CAAC,CACvC;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,QAAQ,CAAC,IAAI,CAAC,CACjB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,OAAO,EAAE,sBAAsB,EAAE,CAAC"}

package/dist/components/popover.d.ts

@@ -0,0 +1,24 @@
+import { type PanelSize, type PanelVariant } from '../lib/panel-styles';
+import * as PopoverPrimitive from '@rn-primitives/popover';
+import * as React from 'react';
+type PopoverSize = PanelSize;
+type PopoverVariant = PanelVariant;
+type PopoverRootProps = PopoverPrimitive.RootProps;
+declare const PopoverRoot: typeof PopoverPrimitive.Root;
+declare const PopoverTrigger: typeof PopoverPrimitive.Trigger;
+declare const PopoverClose: typeof PopoverPrimitive.Close;
+type PopoverContentProps = PopoverPrimitive.ContentProps & {
+    size?: PopoverSize;
+    variant?: PopoverVariant;
+    portalHost?: string;
+};
+declare function PopoverContent({ size, variant, align, sideOffset, portalHost, style, children, ...props }: PopoverContentProps): React.JSX.Element;
+declare const Popover: {
+    Root: typeof PopoverRoot;
+    Trigger: typeof PopoverTrigger;
+    Close: typeof PopoverClose;
+    Content: typeof PopoverContent;
+};
+export { Popover, PopoverClose, PopoverContent, PopoverRoot, PopoverTrigger };
+export type { PopoverContentProps, PopoverRootProps, PopoverSize, PopoverVariant };
+//# sourceMappingURL=popover.d.ts.map

package/dist/components/popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../src/components/popover.tsx"],"names":[],"mappings":"AACA,OAAO,EAAwB,KAAK,SAAS,EAAE,KAAK,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAE7F,OAAO,KAAK,gBAAgB,MAAM,wBAAwB,CAAC;AAC3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,KAAK,WAAW,GAAG,SAAS,CAAC;AAC7B,KAAK,cAAc,GAAG,YAAY,CAAC;AAMnC,KAAK,gBAAgB,GAAG,gBAAgB,CAAC,SAAS,CAAC;AAEnD,QAAA,MAAM,WAAW,EAAE,OAAO,gBAAgB,CAAC,IAA4B,CAAC;AAMxE,QAAA,MAAM,cAAc,EAAE,OAAO,gBAAgB,CAAC,OAAkC,CAAC;AAMjF,QAAA,MAAM,YAAY,EAAE,OAAO,gBAAgB,CAAC,KAA8B,CAAC;AAQ3E,KAAK,mBAAmB,GAAG,gBAAgB,CAAC,YAAY,GAAG;IACzD,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,iBAAS,cAAc,CAAC,EACtB,IAAU,EACV,OAAuB,EACvB,KAAe,EACf,UAAc,EACd,UAAU,EACV,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,mBAAmB,qBA2BrB;AAMD,QAAA,MAAM,OAAO,EAAE;IACb,IAAI,EAAE,OAAO,WAAW,CAAC;IACzB,OAAO,EAAE,OAAO,cAAc,CAAC;IAC/B,KAAK,EAAE,OAAO,YAAY,CAAC;IAC3B,OAAO,EAAE,OAAO,cAAc,CAAC;CAMhC,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,WAAW,EAAE,cAAc,EAAE,CAAC;AAC9E,YAAY,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,WAAW,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/popover.js

@@ -0,0 +1,52 @@
+import { NativeOnlyAnimatedView } from '../components/native-only-animated-view';
+import { getPanelContentStyle } from '../lib/panel-styles';
+import { useThemeTokens } from '../lib/use-theme-tokens';
+import * as PopoverPrimitive from '@rn-primitives/popover';
+import * as React from 'react';
+import { Platform, StyleSheet, View } from 'react-native';
+import { FadeIn, FadeOut } from 'react-native-reanimated';
+import { FullWindowOverlay as RNFullWindowOverlay } from 'react-native-screens';
+const PopoverRoot = PopoverPrimitive.Root;
+// ============================================================================
+// Popover.Trigger
+// ============================================================================
+const PopoverTrigger = PopoverPrimitive.Trigger;
+// ============================================================================
+// Popover.Close
+// ============================================================================
+const PopoverClose = PopoverPrimitive.Close;
+// ============================================================================
+// Popover.Content
+// ============================================================================
+const FullWindowOverlay = Platform.OS === 'ios' ? RNFullWindowOverlay : React.Fragment;
+function PopoverContent({ size = '2', variant = 'translucent', align = 'start', sideOffset = 8, portalHost, style, children, ...props }) {
+    const { colors, isDark } = useThemeTokens();
+    const contentStyle = getPanelContentStyle({
+        size,
+        variant,
+        colors,
+        isDark,
+    });
+    return (<PopoverPrimitive.Portal hostName={portalHost}>
+      <FullWindowOverlay>
+        <PopoverPrimitive.Overlay style={Platform.select({ native: StyleSheet.absoluteFill })}>
+          <NativeOnlyAnimatedView entering={FadeIn.duration(200)} exiting={FadeOut}>
+            <PopoverPrimitive.Content align={align} insets={{ top: 8, right: 8, bottom: 8, left: 8 }} sideOffset={sideOffset} {...props}>
+              <View style={[contentStyle, style]}>{children}</View>
+            </PopoverPrimitive.Content>
+          </NativeOnlyAnimatedView>
+        </PopoverPrimitive.Overlay>
+      </FullWindowOverlay>
+    </PopoverPrimitive.Portal>);
+}
+// ============================================================================
+// Export composite component
+// ============================================================================
+const Popover = {
+    Root: PopoverRoot,
+    Trigger: PopoverTrigger,
+    Close: PopoverClose,
+    Content: PopoverContent,
+};
+export { Popover, PopoverClose, PopoverContent, PopoverRoot, PopoverTrigger };
+//# sourceMappingURL=popover.js.map

package/dist/components/popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.js","sourceRoot":"","sources":["../../src/components/popover.tsx"],"names":[],"mappings":"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"}

package/dist/components/progress.d.ts

@@ -0,0 +1,14 @@
+import type { Color } from '../lib/types';
+import * as React from 'react';
+import { type ViewProps } from 'react-native';
+type ProgressSize = '1' | '2' | '3' | '4' | '5' | '6';
+type ProgressProps = ViewProps & {
+    size?: ProgressSize;
+    color?: Color;
+    value?: number;
+    max?: number;
+};
+declare function Progress({ size, color, value, max, style, ...props }: ProgressProps): React.JSX.Element;
+export { Progress };
+export type { ProgressProps };
+//# sourceMappingURL=progress.d.ts.map

package/dist/components/progress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../src/components/progress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEzC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAQ,KAAK,SAAS,EAAkB,MAAM,cAAc,CAAC;AAEpE,KAAK,YAAY,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAqBtD,KAAK,aAAa,GAAG,SAAS,GAAG;IAC/B,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,iBAAS,QAAQ,CAAC,EAAE,IAAU,EAAE,KAAK,EAAE,KAAS,EAAE,GAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,qBA0C5F;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/progress.js

@@ -0,0 +1,52 @@
+import { useThemeTokens } from '../lib/use-theme-tokens';
+import * as React from 'react';
+import { View } from 'react-native';
+// Size styles from CSS:
+// Size 1: 2px, Size 2: 4px, Size 3: 6px, Size 4: 8px, Size 5: 12px, Size 6: 16px
+function getHeight(size) {
+    switch (size) {
+        case '1':
+            return 2;
+        case '2':
+            return 4;
+        case '3':
+            return 6;
+        case '4':
+            return 8;
+        case '5':
+            return 12;
+        case '6':
+            return 16;
+    }
+}
+function Progress({ size = '6', color, value = 0, max = 100, style, ...props }) {
+    const { colors } = useThemeTokens();
+    const gray = colors.palettes.gray;
+    // Semantic colors (accent, danger, etc.) are added by useThemeTokens
+    // Fallback to gray if palette key doesn't exist
+    const palette = colors.palettes[color ?? 'accent'] ?? gray;
+    const height = getHeight(size);
+    // Calculate progress percentage
+    const progress = Math.max(0, Math.min((value || 0) / max, 1));
+    const progressPercent = progress * 100;
+    // Track style
+    const trackStyle = {
+        width: '100%',
+        height,
+        borderRadius: height / 2, // Fully rounded (radius-thumb)
+        backgroundColor: gray.a4,
+        overflow: 'hidden',
+    };
+    // Indicator style
+    const indicatorStyle = {
+        height: '100%',
+        width: `${progressPercent}%`,
+        backgroundColor: palette['9'],
+        borderRadius: height / 2,
+    };
+    return (<View role="progressbar" aria-valuemin={0} aria-valuemax={max} aria-valuenow={value} style={[trackStyle, style]} {...props}>
+      <View style={indicatorStyle}/>
+    </View>);
+}
+export { Progress };
+//# sourceMappingURL=progress.js.map

package/dist/components/progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.js","sourceRoot":"","sources":["../../src/components/progress.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAkC,MAAM,cAAc,CAAC;AAIpE,wBAAwB;AACxB,iFAAiF;AACjF,SAAS,SAAS,CAAC,IAAkB;IACnC,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,GAAG;YACN,OAAO,CAAC,CAAC;QACX,KAAK,GAAG;YACN,OAAO,CAAC,CAAC;QACX,KAAK,GAAG;YACN,OAAO,CAAC,CAAC;QACX,KAAK,GAAG;YACN,OAAO,CAAC,CAAC;QACX,KAAK,GAAG;YACN,OAAO,EAAE,CAAC;QACZ,KAAK,GAAG;YACN,OAAO,EAAE,CAAC;IACd,CAAC;AACH,CAAC;AASD,SAAS,QAAQ,CAAC,EAAE,IAAI,GAAG,GAAG,EAAE,KAAK,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,GAAG,GAAG,EAAE,KAAK,EAAE,GAAG,KAAK,EAAiB;IAC3F,MAAM,EAAE,MAAM,EAAE,GAAG,cAAc,EAAE,CAAC;IAEpC,MAAM,IAAI,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC;IAClC,qEAAqE;IACrE,gDAAgD;IAChD,MAAM,OAAO,GAAG,MAAM,CAAC,QAAQ,CAAC,KAAK,IAAI,QAAQ,CAAC,IAAI,IAAI,CAAC;IAE3D,MAAM,MAAM,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC;IAE/B,gCAAgC;IAChC,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC;IAC9D,MAAM,eAAe,GAAG,QAAQ,GAAG,GAAG,CAAC;IAEvC,cAAc;IACd,MAAM,UAAU,GAAc;QAC5B,KAAK,EAAE,MAAM;QACb,MAAM;QACN,YAAY,EAAE,MAAM,GAAG,CAAC,EAAE,+BAA+B;QACzD,eAAe,EAAE,IAAI,CAAC,EAAE;QACxB,QAAQ,EAAE,QAAQ;KACnB,CAAC;IAEF,kBAAkB;IAClB,MAAM,cAAc,GAAc;QAChC,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,GAAG,eAAe,GAAG;QAC5B,eAAe,EAAE,OAAO,CAAC,GAAG,CAAC;QAC7B,YAAY,EAAE,MAAM,GAAG,CAAC;KACzB,CAAC;IAEF,OAAO,CACL,CAAC,IAAI,CACH,IAAI,CAAC,aAAa,CAClB,aAAa,CAAC,CAAC,CAAC,CAAC,CACjB,aAAa,CAAC,CAAC,GAAG,CAAC,CACnB,aAAa,CAAC,CAAC,KAAK,CAAC,CACrB,KAAK,CAAC,CAAC,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,CAC3B,IAAI,KAAK,CAAC,CACV;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,cAAc,CAAC,EAC9B;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}