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

package/README.md

@@ -0,0 +1,160 @@
+# @frosted-ui/react-native
+
+A beautiful, accessible component library for React Native with a built-in design system.
+
+## Installation
+
+### For Bare React Native Projects
+
+1. Install the package and its peer dependencies:
+
+```bash
+npm install @frosted-ui/react-native
+# or
+yarn add @frosted-ui/react-native
+# or
+pnpm add @frosted-ui/react-native
+```
+
+2. Install peer dependencies:
+
+```bash
+npm install react react-native react-native-reanimated react-native-safe-area-context react-native-screens react-native-svg lucide-react-native
+# or
+yarn add react react-native react-native-reanimated react-native-safe-area-context react-native-screens react-native-svg lucide-react-native
+# or
+pnpm add react react-native react-native-reanimated react-native-safe-area-context react-native-screens react-native-svg lucide-react-native
+```
+
+3. **Setup React Native Reanimated**: Follow the [React Native Reanimated installation guide](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/getting-started/).
+
+4. **Setup React Native Screens**: Follow the [React Native Screens installation guide](https://github.com/software-mansion/react-native-screens#installation).
+
+5. **Setup React Native SVG**: Follow the [React Native SVG installation guide](https://github.com/software-mansion/react-native-svg#installation).
+
+### For Expo Projects
+
+The package works with Expo projects as well. Follow the same installation steps above, and Expo will handle the native module linking automatically.
+
+## Usage
+
+```tsx
+import { Button, Text, ThemeProvider } from '@frosted-ui/react-native';
+
+export default function App() {
+  return (
+    <ThemeProvider>
+      <Button variant="surface" size="2">
+        <Text>Hello World</Text>
+      </Button>
+    </ThemeProvider>
+  );
+}
+```
+
+### Theme Management
+
+The library provides a `ThemeProvider` for managing light/dark mode:
+
+```tsx
+import { ThemeProvider, useTheme } from '@frosted-ui/react-native';
+
+function MyComponent() {
+  const { colorScheme, toggleColorScheme } = useTheme();
+
+  return (
+    <Button onPress={toggleColorScheme}>
+      <Text>Current theme: {colorScheme}</Text>
+    </Button>
+  );
+}
+
+export default function App() {
+  return (
+    <ThemeProvider>
+      <MyComponent />
+    </ThemeProvider>
+  );
+}
+```
+
+### Accessing Theme Colors
+
+Use `useThemeTokens` to access the design system colors in your components:
+
+```tsx
+import { useThemeTokens } from '@frosted-ui/react-native';
+
+function MyComponent() {
+  const { colors, isDark } = useThemeTokens();
+
+  return (
+    <View style={{ backgroundColor: colors.background }}>
+      <Text style={{ color: colors.palettes.gray['12'] }}>Hello World</Text>
+    </View>
+  );
+}
+```
+
+## Requirements
+
+- React >= 18.0.0
+- React Native >= 0.70.0
+- React Native Reanimated >= 3.0.0
+- React Native Safe Area Context >= 4.0.0
+- React Native Screens >= 3.0.0
+- React Native SVG >= 13.0.0
+- Lucide React Native >= 0.300.0
+
+## Components
+
+This library includes a comprehensive set of UI components:
+
+- Accordion
+- Alert Dialog
+- Avatar
+- Badge
+- Button
+- Card
+- Checkbox
+- Dialog
+- Dropdown Menu
+- Hover Card
+- Icon
+- Label
+- Popover
+- Progress
+- Radio Group
+- Select
+- Separator
+- Skeleton
+- Spinner
+- Switch
+- Tabs
+- Text
+- Text Field
+- Text Area
+- Tooltip
+
+## Styling
+
+This library uses React Native's built-in styling system with a comprehensive design system. All components support light and dark mode out of the box, and include multiple color palettes (28+ accent colors) and variants.
+
+## AI/LLM Documentation
+
+This package includes comprehensive documentation designed for AI agents and LLMs to generate code using Frosted UI. When installed, the docs are available at:
+
+```
+node_modules/@frosted-ui/react-native/docs/llm/
+├── README.md           # Overview and quick reference
+├── COLOR_SYSTEM.md     # Color palettes, shades, variants, accessibility
+├── TYPOGRAPHY.md       # Typography scale, font weights, components
+├── COMPONENTS.md       # Full component API reference
+└── DESIGN_PATTERNS.md  # UX patterns, layout composition, visual design
+```
+
+AI agents should read these files to understand how to properly use the design system when generating React Native applications.
+
+## License
+
+MIT

package/dist/components/accordion.d.ts

@@ -0,0 +1,21 @@
+import * as AccordionPrimitive from '@rn-primitives/accordion';
+import * as React from 'react';
+type AccordionRootProps = Omit<AccordionPrimitive.RootProps, 'asChild'> & React.RefAttributes<AccordionPrimitive.RootRef>;
+declare function AccordionRoot({ children, ...props }: AccordionRootProps): React.JSX.Element;
+type AccordionItemProps = AccordionPrimitive.ItemProps & React.RefAttributes<AccordionPrimitive.ItemRef>;
+declare function AccordionItem({ children, value, ...props }: AccordionItemProps): React.JSX.Element;
+type AccordionTriggerProps = AccordionPrimitive.TriggerProps & {
+    children?: React.ReactNode;
+} & React.RefAttributes<AccordionPrimitive.TriggerRef>;
+declare function AccordionTrigger({ children, ...props }: AccordionTriggerProps): React.JSX.Element;
+type AccordionContentProps = AccordionPrimitive.ContentProps & React.RefAttributes<AccordionPrimitive.ContentRef>;
+declare function AccordionContent({ children, ...props }: AccordionContentProps): React.JSX.Element;
+declare const Accordion: {
+    Root: typeof AccordionRoot;
+    Item: typeof AccordionItem;
+    Trigger: typeof AccordionTrigger;
+    Content: typeof AccordionContent;
+};
+export { Accordion, AccordionContent, AccordionItem, AccordionRoot, AccordionTrigger };
+export type { AccordionContentProps, AccordionItemProps, AccordionRootProps, AccordionTriggerProps, };
+//# sourceMappingURL=accordion.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../src/components/accordion.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,kBAAkB,MAAM,0BAA0B,CAAC;AAC/D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmB/B,KAAK,kBAAkB,GAAG,IAAI,CAAC,kBAAkB,CAAC,SAAS,EAAE,SAAS,CAAC,GACrE,KAAK,CAAC,aAAa,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC;AAElD,iBAAS,aAAa,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,qBAMhE;AAED,KAAK,kBAAkB,GAAG,kBAAkB,CAAC,SAAS,GACpD,KAAK,CAAC,aAAa,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC;AAElD,iBAAS,aAAa,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,qBAMvE;AAID,KAAK,qBAAqB,GAAG,kBAAkB,CAAC,YAAY,GAAG;IAC7D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,GAAG,KAAK,CAAC,aAAa,CAAC,kBAAkB,CAAC,UAAU,CAAC,CAAC;AAEvD,iBAAS,gBAAgB,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,qBA8DtE;AAED,KAAK,qBAAqB,GAAG,kBAAkB,CAAC,YAAY,GAC1D,KAAK,CAAC,aAAa,CAAC,kBAAkB,CAAC,UAAU,CAAC,CAAC;AAErD,iBAAS,gBAAgB,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,qBAYtE;AAED,QAAA,MAAM,SAAS;;;;;CAKd,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,aAAa,EAAE,aAAa,EAAE,gBAAgB,EAAE,CAAC;AACvF,YAAY,EACV,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,EAClB,qBAAqB,GACtB,CAAC"}

package/dist/components/accordion.js

@@ -0,0 +1,94 @@
+import { useThemeTokens } from '../lib/use-theme-tokens';
+import * as AccordionPrimitive from '@rn-primitives/accordion';
+import * as React from 'react';
+import { Platform, Pressable, View } from 'react-native';
+import Svg, { Path } from 'react-native-svg';
+import { Text } from './text';
+// Custom chevron icon that matches web version
+function ChevronIcon({ size, color }) {
+    return (<Svg width={size} height={size} viewBox="0 0 20 20" fill="none">
+      <Path d="M6 12L9.64645 8.35355C9.84171 8.15829 10.1583 8.15829 10.3536 8.35355L14 12" stroke={color} strokeWidth={1.5} strokeLinecap="round"/>
+    </Svg>);
+}
+function AccordionRoot({ children, ...props }) {
+    return (<AccordionPrimitive.Root {...props}>
+      {children}
+    </AccordionPrimitive.Root>);
+}
+function AccordionItem({ children, value, ...props }) {
+    return (<AccordionPrimitive.Item value={value} {...props}>
+      {children}
+    </AccordionPrimitive.Item>);
+}
+const TriggerWrapper = Platform.OS === 'web' ? View : Pressable;
+function AccordionTrigger({ children, ...props }) {
+    const { isExpanded } = AccordionPrimitive.useItemContext();
+    const { colors } = useThemeTokens();
+    const gray = colors.palettes.gray;
+    // Trigger styles matching web CSS
+    const triggerStyle = {
+        flexDirection: 'row',
+        alignItems: 'center',
+        width: '100%',
+        gap: 8, // space-2
+        backgroundColor: gray.a3,
+        borderRadius: 8, // radius-4
+        paddingVertical: 8, // space-2
+        paddingHorizontal: 16, // space-4
+        // Inset border using boxShadow on web, borderWidth on native
+        ...(Platform.OS === 'web'
+            ? {
+                boxShadow: `0px 0px 0px 1px ${gray.a5} inset`,
+            }
+            : {
+                borderWidth: 1,
+                borderColor: gray.a5,
+            }),
+    };
+    // Focus style for web
+    const focusStyle = Platform.OS === 'web'
+        ? {
+            outlineWidth: 0,
+        }
+        : undefined;
+    // Chevron rotation style
+    const chevronStyle = {
+        transform: [{ rotate: isExpanded ? '0deg' : '180deg' }],
+    };
+    return (<AccordionPrimitive.Header>
+      <AccordionPrimitive.Trigger {...props} asChild>
+        <TriggerWrapper style={[triggerStyle, focusStyle]}>
+          <View style={chevronStyle}>
+            <ChevronIcon size={20} color={gray.a11}/>
+          </View>
+          <View style={{ flex: 1 }}>
+            <Text size="1" weight="bold" style={{
+            color: gray.a11,
+            textTransform: 'uppercase',
+            letterSpacing: 0.06 * 12, // 0.06em at font-size 12px
+        }}>
+              {children}
+            </Text>
+          </View>
+        </TriggerWrapper>
+      </AccordionPrimitive.Trigger>
+    </AccordionPrimitive.Header>);
+}
+function AccordionContent({ children, ...props }) {
+    // Content inner padding matching web CSS
+    const contentInnerStyle = {
+        paddingVertical: 16, // space-4
+        paddingHorizontal: 20, // space-5
+    };
+    return (<AccordionPrimitive.Content {...props}>
+      <View style={contentInnerStyle}>{children}</View>
+    </AccordionPrimitive.Content>);
+}
+const Accordion = {
+    Root: AccordionRoot,
+    Item: AccordionItem,
+    Trigger: AccordionTrigger,
+    Content: AccordionContent,
+};
+export { Accordion, AccordionContent, AccordionItem, AccordionRoot, AccordionTrigger };
+//# sourceMappingURL=accordion.js.map

package/dist/components/accordion.js.map

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

package/dist/components/alert-dialog.d.ts

@@ -0,0 +1,67 @@
+import { Heading } from '../components/heading';
+import { Text } from '../components/text';
+import { type DialogSize } from '../lib/dialog-styles';
+import * as AlertDialogPrimitive from '@rn-primitives/alert-dialog';
+import * as React from 'react';
+import { View } from 'react-native';
+type AlertDialogRootProps = React.ComponentProps<typeof AlertDialogPrimitive.Root>;
+type AlertDialogTriggerProps = React.ComponentProps<typeof AlertDialogPrimitive.Trigger>;
+interface AlertDialogContentProps extends Omit<AlertDialogPrimitive.ContentProps, 'asChild'>, React.RefAttributes<AlertDialogPrimitive.ContentRef> {
+    size?: DialogSize;
+    portalHost?: string;
+}
+declare function AlertDialogContent({ size, portalHost, children, style, ...props }: AlertDialogContentProps): React.JSX.Element;
+declare namespace AlertDialogContent {
+    var displayName: string;
+}
+declare function AlertDialogHeader({ style, ...props }: React.ComponentProps<typeof View>): React.JSX.Element;
+declare namespace AlertDialogHeader {
+    var displayName: string;
+}
+declare function AlertDialogFooter({ style, ...props }: React.ComponentProps<typeof View>): React.JSX.Element;
+declare namespace AlertDialogFooter {
+    var displayName: string;
+}
+type AlertDialogTitleProps = Omit<React.ComponentProps<typeof Heading>, 'as'>;
+declare function AlertDialogTitle({ size: sizeProp, style, ...props }: AlertDialogTitleProps): React.JSX.Element;
+declare namespace AlertDialogTitle {
+    var displayName: string;
+}
+type AlertDialogDescriptionProps = Omit<React.ComponentProps<typeof Text>, 'as'>;
+declare function AlertDialogDescription({ size: sizeProp, style, ...props }: AlertDialogDescriptionProps): React.JSX.Element;
+declare namespace AlertDialogDescription {
+    var displayName: string;
+}
+type AlertDialogActionProps = React.ComponentProps<typeof AlertDialogPrimitive.Action>;
+declare function AlertDialogAction({ children, ...props }: AlertDialogActionProps): React.JSX.Element;
+declare namespace AlertDialogAction {
+    var displayName: string;
+}
+type AlertDialogCancelProps = React.ComponentProps<typeof AlertDialogPrimitive.Cancel>;
+declare function AlertDialogCancel({ children, ...props }: AlertDialogCancelProps): React.JSX.Element;
+declare namespace AlertDialogCancel {
+    var displayName: string;
+}
+declare const AlertDialog: {
+    (props: AlertDialogRootProps): React.JSX.Element;
+    displayName: string;
+} & {
+    Root: {
+        (props: AlertDialogRootProps): React.JSX.Element;
+        displayName: string;
+    };
+    Trigger: {
+        (props: AlertDialogTriggerProps): React.JSX.Element;
+        displayName: string;
+    };
+    Content: typeof AlertDialogContent;
+    Header: typeof AlertDialogHeader;
+    Footer: typeof AlertDialogFooter;
+    Title: typeof AlertDialogTitle;
+    Description: typeof AlertDialogDescription;
+    Action: typeof AlertDialogAction;
+    Cancel: typeof AlertDialogCancel;
+};
+export { AlertDialog };
+export type { AlertDialogActionProps as ActionProps, AlertDialogCancelProps as CancelProps, AlertDialogContentProps as ContentProps, AlertDialogDescriptionProps as DescriptionProps, AlertDialogRootProps as RootProps, AlertDialogTitleProps as TitleProps, AlertDialogTriggerProps as TriggerProps, };
+//# sourceMappingURL=alert-dialog.d.ts.map

package/dist/components/alert-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog.d.ts","sourceRoot":"","sources":["../../src/components/alert-dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAOL,KAAK,UAAU,EAChB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,KAAK,oBAAoB,MAAM,6BAA6B,CAAC;AACpE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAA6C,IAAI,EAAkB,MAAM,cAAc,CAAC;AAuB/F,KAAK,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,CAAC;AAKnF,KAAK,uBAAuB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAsDzF,UAAU,uBACR,SACE,IAAI,CAAC,oBAAoB,CAAC,YAAY,EAAE,SAAS,CAAC,EAClD,KAAK,CAAC,aAAa,CAAC,oBAAoB,CAAC,UAAU,CAAC;IACtD,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,iBAAS,kBAAkB,CAAC,EAC1B,IAAU,EACV,UAAU,EACV,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACT,EAAE,uBAAuB,qBA6BzB;kBAnCQ,kBAAkB;;;AAuC3B,iBAAS,iBAAiB,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,qBAEhF;kBAFQ,iBAAiB;;;AAM1B,iBAAS,iBAAiB,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,qBAchF;kBAdQ,iBAAiB;;;AAkB1B,KAAK,qBAAqB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,OAAO,CAAC,EAAE,IAAI,CAAC,CAAC;AAE9E,iBAAS,gBAAgB,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,qBAYnF;kBAZQ,gBAAgB;;;AAgBzB,KAAK,2BAA2B,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC;AAEjF,iBAAS,sBAAsB,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,2BAA2B,qBAY/F;kBAZQ,sBAAsB;;;AAgB/B,KAAK,sBAAsB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,CAAC;AAEvF,iBAAS,iBAAiB,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,sBAAsB,qBAMxE;kBANQ,iBAAiB;;;AAU1B,KAAK,sBAAsB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,CAAC;AAEvF,iBAAS,iBAAiB,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,sBAAsB,qBAMxE;kBANQ,iBAAiB;;;AA6C1B,QAAA,MAAM,WAAW;YAhOe,oBAAoB;;;;gBAApB,oBAAoB;;;;gBAKjB,uBAAuB;;;;;;;;;;CAqOxD,CAAC;AAEH,OAAO,EAAE,WAAW,EAAE,CAAC;AACvB,YAAY,EACV,sBAAsB,IAAI,WAAW,EACrC,sBAAsB,IAAI,WAAW,EACrC,uBAAuB,IAAI,YAAY,EACvC,2BAA2B,IAAI,gBAAgB,EAC/C,oBAAoB,IAAI,SAAS,EACjC,qBAAqB,IAAI,UAAU,EACnC,uBAAuB,IAAI,YAAY,GACxC,CAAC"}

package/dist/components/alert-dialog.js

@@ -0,0 +1,170 @@
+import { Heading } from '../components/heading';
+import { Text } from '../components/text';
+import { getDialogBackdropStyle, getDialogContentStyle, getDialogDescriptionSize, getDialogOverlayStyle, getDialogSizeStyles, getDialogTitleSize, } from '../lib/dialog-styles';
+import { useThemeTokens } from '../lib/use-theme-tokens';
+import * as AlertDialogPrimitive from '@rn-primitives/alert-dialog';
+import * as React from 'react';
+import { Platform, StyleSheet, useWindowDimensions, View } from 'react-native';
+import Animated, { FadeIn, FadeOut } from 'react-native-reanimated';
+import { FullWindowOverlay as RNFullWindowOverlay } from 'react-native-screens';
+const AlertDialogContentContext = React.createContext({
+    size: '3',
+});
+// ============================================================================
+// Components
+// ============================================================================
+const FullWindowOverlay = Platform.OS === 'ios' ? RNFullWindowOverlay : React.Fragment;
+const AlertDialogRoot = (props) => <AlertDialogPrimitive.Root {...props}/>;
+AlertDialogRoot.displayName = 'AlertDialog.Root';
+const AlertDialogTrigger = (props) => (<AlertDialogPrimitive.Trigger {...props} asChild/>);
+AlertDialogTrigger.displayName = 'AlertDialog.Trigger';
+// Overlay
+function AlertDialogOverlay({ children, ...props }) {
+    const overlayStyle = getDialogOverlayStyle();
+    const backdropStyle = getDialogBackdropStyle();
+    if (Platform.OS === 'web') {
+        return (<FullWindowOverlay>
+        <AlertDialogPrimitive.Overlay style={overlayStyle} {...props}>
+          <View style={backdropStyle} pointerEvents="none"/>
+          {children}
+        </AlertDialogPrimitive.Overlay>
+      </FullWindowOverlay>);
+    }
+    // Native: AlertDialog should NOT dismiss on backdrop tap, so we use View (not Pressable)
+    const nativeBackdropStyle = getDialogBackdropStyle();
+    return (<FullWindowOverlay>
+      <AlertDialogPrimitive.Overlay {...props} asChild>
+        <View style={overlayStyle}>
+          {/* Animated backdrop */}
+          <Animated.View entering={FadeIn.duration(200)} exiting={FadeOut.duration(150)} style={nativeBackdropStyle} pointerEvents="none"/>
+          {/* Animated content */}
+          <Animated.View entering={FadeIn.duration(200)} exiting={FadeOut.duration(150)}>
+            {children}
+          </Animated.View>
+        </View>
+      </AlertDialogPrimitive.Overlay>
+    </FullWindowOverlay>);
+}
+AlertDialogOverlay.displayName = 'AlertDialog.Overlay';
+function AlertDialogContent({ size = '3', portalHost, children, style, ...props }) {
+    const { colors, isDark } = useThemeTokens();
+    const { width: windowWidth } = useWindowDimensions();
+    const contentStyle = getDialogContentStyle(size, colors, isDark, windowWidth, style);
+    const contextValue = React.useMemo(() => ({ size }), [size]);
+    // On web, flatten styles to avoid "indexed property setter" error
+    const finalStyle = Platform.OS === 'web'
+        ? StyleSheet.flatten([
+            contentStyle,
+            { animation: 'fui-dialog-content-show 400ms cubic-bezier(0.16, 1, 0.3, 1)' },
+            style,
+        ])
+        : [contentStyle, style];
+    return (<AlertDialogPrimitive.Portal hostName={portalHost}>
+      <AlertDialogOverlay>
+        <AlertDialogPrimitive.Content style={finalStyle} {...props}>
+          <AlertDialogContentContext.Provider value={contextValue}>
+            {children}
+          </AlertDialogContentContext.Provider>
+        </AlertDialogPrimitive.Content>
+      </AlertDialogOverlay>
+    </AlertDialogPrimitive.Portal>);
+}
+AlertDialogContent.displayName = 'AlertDialog.Content';
+// Header
+function AlertDialogHeader({ style, ...props }) {
+    return <View style={[{ flexDirection: 'column', gap: 8 }, style]} {...props}/>;
+}
+AlertDialogHeader.displayName = 'AlertDialog.Header';
+// Footer
+function AlertDialogFooter({ style, ...props }) {
+    return (<View style={[
+            {
+                flexDirection: Platform.OS === 'web' ? 'row' : 'column-reverse',
+                gap: 12,
+                justifyContent: 'flex-end',
+            },
+            style,
+        ]} {...props}/>);
+}
+AlertDialogFooter.displayName = 'AlertDialog.Footer';
+function AlertDialogTitle({ size: sizeProp, style, ...props }) {
+    const { size: contextSize } = React.useContext(AlertDialogContentContext);
+    const size = sizeProp ?? getDialogTitleSize(contextSize);
+    const sizeStyles = getDialogSizeStyles(contextSize);
+    return (<View style={{ marginBottom: sizeStyles.titleMarginBottom }}>
+      <AlertDialogPrimitive.Title asChild>
+        <Heading size={size} style={style} {...props}/>
+      </AlertDialogPrimitive.Title>
+    </View>);
+}
+AlertDialogTitle.displayName = 'AlertDialog.Title';
+function AlertDialogDescription({ size: sizeProp, style, ...props }) {
+    const { size: contextSize } = React.useContext(AlertDialogContentContext);
+    const size = sizeProp ?? getDialogDescriptionSize(contextSize);
+    const sizeStyles = getDialogSizeStyles(contextSize);
+    return (<View style={{ marginBottom: sizeStyles.descriptionMarginBottom }}>
+      <AlertDialogPrimitive.Description asChild>
+        <Text size={size} style={style} {...props}/>
+      </AlertDialogPrimitive.Description>
+    </View>);
+}
+AlertDialogDescription.displayName = 'AlertDialog.Description';
+function AlertDialogAction({ children, ...props }) {
+    return (<AlertDialogPrimitive.Action {...props} asChild>
+      {children}
+    </AlertDialogPrimitive.Action>);
+}
+AlertDialogAction.displayName = 'AlertDialog.Action';
+function AlertDialogCancel({ children, ...props }) {
+    return (<AlertDialogPrimitive.Cancel {...props} asChild>
+      {children}
+    </AlertDialogPrimitive.Cancel>);
+}
+AlertDialogCancel.displayName = 'AlertDialog.Cancel';
+// Inject CSS keyframes for web animations (same as Dialog)
+if (Platform.OS === 'web' && typeof document !== 'undefined') {
+    const styleId = 'frosted-ui-dialog-keyframes';
+    if (!document.getElementById(styleId)) {
+        const styleEl = document.createElement('style');
+        styleEl.id = styleId;
+        styleEl.textContent = `
+      @keyframes fui-dialog-content-show {
+        from {
+          opacity: 0;
+          transform: translateY(5px) scale(0.97);
+        }
+        to {
+          opacity: 1;
+          transform: translateY(0px) scale(1);
+        }
+      }
+      @keyframes fui-dialog-content-hide {
+        from {
+          opacity: 1;
+          transform: translateY(0px) scale(1);
+        }
+        to {
+          opacity: 0;
+          transform: translateY(5px) scale(0.99);
+        }
+      }
+    `;
+        document.head.appendChild(styleEl);
+    }
+}
+// ============================================================================
+// Exports
+// ============================================================================
+const AlertDialog = Object.assign(AlertDialogRoot, {
+    Root: AlertDialogRoot,
+    Trigger: AlertDialogTrigger,
+    Content: AlertDialogContent,
+    Header: AlertDialogHeader,
+    Footer: AlertDialogFooter,
+    Title: AlertDialogTitle,
+    Description: AlertDialogDescription,
+    Action: AlertDialogAction,
+    Cancel: AlertDialogCancel,
+});
+export { AlertDialog };
+//# sourceMappingURL=alert-dialog.js.map

package/dist/components/alert-dialog.js.map

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

package/dist/components/aspect-ratio.d.ts

@@ -0,0 +1,4 @@
+import * as AspectRatioPrimitive from '@rn-primitives/aspect-ratio';
+declare const AspectRatio: typeof AspectRatioPrimitive.Root;
+export { AspectRatio };
+//# sourceMappingURL=aspect-ratio.d.ts.map

package/dist/components/aspect-ratio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"aspect-ratio.d.ts","sourceRoot":"","sources":["../../src/components/aspect-ratio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,oBAAoB,MAAM,6BAA6B,CAAC;AAEpE,QAAA,MAAM,WAAW,EAAE,OAAO,oBAAoB,CAAC,IAAgC,CAAC;AAEhF,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/aspect-ratio.js

@@ -0,0 +1,4 @@
+import * as AspectRatioPrimitive from '@rn-primitives/aspect-ratio';
+const AspectRatio = AspectRatioPrimitive.Root;
+export { AspectRatio };
+//# sourceMappingURL=aspect-ratio.js.map

package/dist/components/aspect-ratio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"aspect-ratio.js","sourceRoot":"","sources":["../../src/components/aspect-ratio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,oBAAoB,MAAM,6BAA6B,CAAC;AAEpE,MAAM,WAAW,GAAqC,oBAAoB,CAAC,IAAI,CAAC;AAEhF,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/avatar.d.ts

@@ -0,0 +1,23 @@
+import type { Color } from '../lib/types';
+import * as React from 'react';
+declare const avatarSizes: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"];
+declare const avatarShapes: readonly ["circle", "square"];
+type AvatarSize = (typeof avatarSizes)[number];
+type AvatarShape = (typeof avatarShapes)[number];
+declare function getAvatarSize(size: AvatarSize): number;
+type AvatarProps = {
+    /** Image source URL */
+    src?: string;
+    /** Fallback content - string (will generate initials) or ReactNode */
+    fallback: React.ReactNode;
+    /** Size of the avatar */
+    size?: AvatarSize;
+    /** Shape of the avatar */
+    shape?: AvatarShape;
+    /** Accent color for fallback state */
+    color?: Color;
+};
+declare function Avatar({ src, fallback, size, shape, color }: AvatarProps): React.JSX.Element;
+export { Avatar, avatarShapes, avatarSizes, getAvatarSize };
+export type { AvatarProps, AvatarShape, AvatarSize };
+//# sourceMappingURL=avatar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../src/components/avatar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEzC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,QAAA,MAAM,WAAW,6DAA8D,CAAC;AAChF,QAAA,MAAM,YAAY,+BAAgC,CAAC;AAEnD,KAAK,UAAU,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AAC/C,KAAK,WAAW,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AAKjD,iBAAS,aAAa,CAAC,IAAI,EAAE,UAAU,GAAG,MAAM,CAuB/C;AAiBD,KAAK,WAAW,GAAG;IACjB,uBAAuB;IACvB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,sEAAsE;IACtE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,yBAAyB;IACzB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,sCAAsC;IACtC,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEF,iBAAS,MAAM,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAU,EAAE,KAAgB,EAAE,KAAK,EAAE,EAAE,WAAW,qBAqGlF;AAED,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,CAAC;AAC5D,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,CAAC"}