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

package/dist/components/tooltip.js

@@ -0,0 +1,63 @@
+import { NativeOnlyAnimatedView } from '../components/native-only-animated-view';
+import { Text } from '../components/text';
+import { useThemeTokens } from '../lib/use-theme-tokens';
+import * as TooltipPrimitive from '@rn-primitives/tooltip';
+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 FullWindowOverlay = Platform.OS === 'ios' ? RNFullWindowOverlay : React.Fragment;
+/**
+ * Tooltip component matching web version.
+ * Uses reversed theme appearance (light mode shows dark tooltip, dark mode shows light tooltip).
+ */
+function Tooltip({ children, content, delayDuration = 400, sideOffset = 4, side = 'top', portalHost, ...rootProps }) {
+    const { invertedColors } = useThemeTokens();
+    // Use inverted theme colors - tooltip shows opposite of current theme
+    const backgroundColor = invertedColors.background;
+    const textColor = invertedColors.palettes.gray['12'];
+    // Shadow style
+    const shadowStyle = Platform.select({
+        web: {
+            boxShadow: `
+        0 4px 16px -8px rgba(0, 0, 0, 0.08),
+        0 3px 12px -4px rgba(0, 0, 0, 0.05),
+        0 2px 3px -2px rgba(0, 0, 61, 0.05)
+      `.trim(),
+        },
+        default: {
+            shadowColor: '#000',
+            shadowOffset: { width: 0, height: 2 },
+            shadowOpacity: 0.1,
+            shadowRadius: 8,
+            elevation: 4,
+        },
+    });
+    const contentStyle = {
+        backgroundColor,
+        paddingVertical: 4, // space-1
+        paddingHorizontal: 8, // space-2
+        borderRadius: 10, // radius-4
+        ...shadowStyle,
+    };
+    return (<TooltipPrimitive.Root delayDuration={delayDuration} {...rootProps}>
+      <TooltipPrimitive.Trigger asChild>{children}</TooltipPrimitive.Trigger>
+      <TooltipPrimitive.Portal hostName={portalHost}>
+        <FullWindowOverlay>
+          <TooltipPrimitive.Overlay style={Platform.select({ native: StyleSheet.absoluteFill })}>
+            <NativeOnlyAnimatedView entering={FadeIn.duration(100)} exiting={FadeOut.duration(100)}>
+              <TooltipPrimitive.Content sideOffset={sideOffset} side={side}>
+                <View style={contentStyle}>
+                  <Text size="2" style={{ color: textColor }}>
+                    {content}
+                  </Text>
+                </View>
+              </TooltipPrimitive.Content>
+            </NativeOnlyAnimatedView>
+          </TooltipPrimitive.Overlay>
+        </FullWindowOverlay>
+      </TooltipPrimitive.Portal>
+    </TooltipPrimitive.Root>);
+}
+export { Tooltip };
+//# sourceMappingURL=tooltip.js.map

package/dist/components/tooltip.js.map

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

package/dist/index.d.ts

@@ -0,0 +1,9 @@
+export * from './components';
+export { isSemanticColor, resolveAccentFromColor } from './lib/color-utils';
+export * from './lib/types';
+export * from './lib/use-theme-tokens';
+export { defaultSemanticColors, ThemeProvider, useTheme } from './lib/theme-context';
+export type { ColorScheme, DangerColor, InfoColor, SemanticColorConfig, SuccessColor, ThemeContextValue, ThemeProviderProps, WarningColor, } from './lib/theme-context';
+export { NAV_THEME, useNavTheme } from './lib/theme';
+export { PortalHost } from '@rn-primitives/portal';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,cAAc,cAAc,CAAC;AAI7B,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAC5E,cAAc,aAAa,CAAC;AAC5B,cAAc,wBAAwB,CAAC;AAIvC,OAAO,EAAE,qBAAqB,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AACrF,YAAY,EACV,WAAW,EACX,WAAW,EACX,SAAS,EACT,mBAAmB,EACnB,YAAY,EACZ,iBAAiB,EACjB,kBAAkB,EAClB,YAAY,GACb,MAAM,qBAAqB,CAAC;AAI7B,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAIrD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/index.js

@@ -0,0 +1,18 @@
+// COMPONENTS
+//------------------------------------------------------------------------------
+export * from './components';
+// UTILITIES
+//------------------------------------------------------------------------------
+export { isSemanticColor, resolveAccentFromColor } from './lib/color-utils';
+export * from './lib/types';
+export * from './lib/use-theme-tokens';
+// THEME
+//------------------------------------------------------------------------------
+export { defaultSemanticColors, ThemeProvider, useTheme } from './lib/theme-context';
+// NAVIGATION
+//------------------------------------------------------------------------------
+export { NAV_THEME, useNavTheme } from './lib/theme';
+// PORTAL
+//------------------------------------------------------------------------------
+export { PortalHost } from '@rn-primitives/portal';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,aAAa;AACb,gFAAgF;AAChF,cAAc,cAAc,CAAC;AAE7B,YAAY;AACZ,gFAAgF;AAChF,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAC5E,cAAc,aAAa,CAAC;AAC5B,cAAc,wBAAwB,CAAC;AAEvC,QAAQ;AACR,gFAAgF;AAChF,OAAO,EAAE,qBAAqB,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAYrF,aAAa;AACb,gFAAgF;AAChF,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAErD,SAAS;AACT,gFAAgF;AAChF,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/lib/button-styles.d.ts

@@ -0,0 +1,13 @@
+import { useThemeTokens } from '../lib/use-theme-tokens';
+import type { ViewStyle } from 'react-native';
+export type ButtonSize = '1' | '2' | '3' | '4';
+export type ButtonVariant = 'solid' | 'soft' | 'surface' | 'ghost';
+type Palette = ReturnType<typeof useThemeTokens>['colors']['palettes']['gray'];
+export declare function getButtonSizeStyle(size: ButtonSize, isIconButton?: boolean): ViewStyle;
+export declare function getButtonVariantStyle(variant: ButtonVariant, colors: ReturnType<typeof useThemeTokens>['colors'], palette: Palette, gray: Palette, disabled: boolean, pressed: boolean, hovered: boolean): ViewStyle;
+export declare function getButtonShadowStyle(variant: ButtonVariant, disabled: boolean, pressed: boolean): ViewStyle | undefined;
+export declare function getButtonFocusStyle(palette: Palette, focused: boolean, disabled: boolean): ViewStyle | undefined;
+export declare function getButtonPressedFilter(variant: ButtonVariant, pressed: boolean, disabled: boolean): ViewStyle | undefined;
+export declare function getButtonTextColor(variant: ButtonVariant, palette: Palette, gray: Palette, disabled: boolean): string;
+export {};
+//# sourceMappingURL=button-styles.d.ts.map

package/dist/lib/button-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-styles.d.ts","sourceRoot":"","sources":["../../src/lib/button-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG9C,MAAM,MAAM,UAAU,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAC/C,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;AAGnE,KAAK,OAAO,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,QAAQ,CAAC,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;AAE/E,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,UAAU,EAAE,YAAY,UAAQ,GAAG,SAAS,CA+BpF;AAED,wBAAgB,qBAAqB,CACnC,OAAO,EAAE,aAAa,EACtB,MAAM,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,QAAQ,CAAC,EACnD,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,OAAO,EACb,QAAQ,EAAE,OAAO,EACjB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,GACf,SAAS,CA+CX;AAED,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAE,OAAO,EACjB,OAAO,EAAE,OAAO,GACf,SAAS,GAAG,SAAS,CAWvB;AAED,wBAAgB,mBAAmB,CACjC,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,OAAO,GAChB,SAAS,GAAG,SAAS,CAUvB;AAED,wBAAgB,sBAAsB,CACpC,OAAO,EAAE,aAAa,EACtB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,OAAO,GAChB,SAAS,GAAG,SAAS,CAKvB;AAED,wBAAgB,kBAAkB,CAChC,OAAO,EAAE,aAAa,EACtB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,OAAO,EACb,QAAQ,EAAE,OAAO,GAChB,MAAM,CAQR"}

package/dist/lib/button-styles.js

@@ -0,0 +1,115 @@
+import { Platform } from 'react-native';
+export function getButtonSizeStyle(size, isIconButton = false) {
+    // Based on web CSS:
+    // Size 1: height=space-5(24), gap=space-1(4), padding=space-2(8), radius=6
+    // Size 2: height=space-6(32), gap=space-1*1.5(6), padding=space-3(12), radius=8
+    // Size 3: height=space-7(40), gap=space-2(8), padding=space-4(16), radius=10
+    // Size 4: height=space-8(48), gap=space-3(12), padding=space-4(16), radius=14
+    const baseSize = size === '1'
+        ? { height: 24, borderRadius: 6, gap: 4 }
+        : size === '2'
+            ? { height: 32, borderRadius: 8, gap: 6 }
+            : size === '3'
+                ? { height: 40, borderRadius: 10, gap: 8 }
+                : { height: 48, borderRadius: 14, gap: 12 };
+    if (isIconButton) {
+        // IconButton: square (width = height), no horizontal padding
+        return {
+            ...baseSize,
+            width: baseSize.height,
+            paddingHorizontal: 0,
+        };
+    }
+    // Regular Button: horizontal padding based on size
+    const paddingHorizontal = size === '1' ? 8 : size === '2' ? 12 : size === '3' ? 16 : 16;
+    return {
+        ...baseSize,
+        paddingHorizontal,
+    };
+}
+export function getButtonVariantStyle(variant, colors, palette, gray, disabled, pressed, hovered) {
+    let backgroundColor;
+    let borderColor;
+    let borderWidth;
+    if (disabled) {
+        switch (variant) {
+            case 'solid':
+            case 'soft':
+                backgroundColor = gray.a3;
+                break;
+            case 'surface':
+                backgroundColor = gray.a2;
+                borderColor = gray.a6;
+                borderWidth = 1;
+                break;
+            case 'ghost':
+                backgroundColor = 'transparent';
+                break;
+        }
+    }
+    else {
+        switch (variant) {
+            case 'solid':
+                backgroundColor = pressed ? palette['10'] : hovered ? palette['10'] : palette['9'];
+                break;
+            case 'soft':
+                backgroundColor = pressed ? palette.a5 : hovered ? palette.a4 : palette.a3;
+                break;
+            case 'surface':
+                // Default: panelSolid bg, gray-a5 border (stroke), outer shadow
+                // Hover: same bg, gray-a7 border, outer shadow
+                // Pressed: gray-a3 bg, gray-a6 border, no outer shadow
+                backgroundColor = pressed ? gray['3'] : colors.panelSolid;
+                borderColor = pressed ? gray.a6 : hovered ? gray.a7 : gray.a5;
+                borderWidth = 1;
+                break;
+            case 'ghost':
+                backgroundColor = pressed ? palette.a4 : hovered ? palette.a3 : undefined;
+                break;
+        }
+    }
+    return {
+        backgroundColor,
+        borderColor,
+        borderWidth,
+    };
+}
+export function getButtonShadowStyle(variant, disabled, pressed) {
+    if (!disabled && !pressed && variant === 'surface') {
+        return {
+            shadowColor: '#000000',
+            shadowOpacity: 0.05,
+            shadowOffset: { width: 0, height: 1 },
+            shadowRadius: 2,
+            elevation: 2,
+        };
+    }
+    return undefined;
+}
+export function getButtonFocusStyle(palette, focused, disabled) {
+    if (focused && !disabled) {
+        return {
+            outlineWidth: 2,
+            outlineStyle: 'solid',
+            outlineColor: palette.a8,
+            outlineOffset: 2,
+        };
+    }
+    return undefined;
+}
+export function getButtonPressedFilter(variant, pressed, disabled) {
+    if (Platform.OS === 'web' && pressed && !disabled && variant === 'solid') {
+        return { filter: 'brightness(0.92) saturate(1.1)' };
+    }
+    return undefined;
+}
+export function getButtonTextColor(variant, palette, gray, disabled) {
+    if (disabled) {
+        return gray.a8;
+    }
+    if (variant === 'solid') {
+        return palette['9-contrast'];
+    }
+    return palette.a11 || palette['11'];
+}
+//# sourceMappingURL=button-styles.js.map

package/dist/lib/button-styles.js.map

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

package/dist/lib/color-utils.d.ts

@@ -0,0 +1,26 @@
+import { type SemanticColorConfig } from './theme-context';
+import type { AccentColor, Color, SemanticColor } from './types';
+/**
+ * Resolves a Color (which can be an AccentColor or SemanticColor) to an AccentColor.
+ * Semantic colors are resolved using the provided semantic color configuration.
+ *
+ * @param color - The color to resolve (can be 'danger', 'warning', 'success', 'info', or any AccentColor)
+ * @param semanticColors - The semantic color configuration from ThemeProvider (optional, uses defaults if not provided)
+ * @param defaultColor - The default color to return if no color is provided (defaults to 'blue')
+ * @returns The resolved AccentColor
+ */
+export declare function resolveAccentFromColor(color: Color | undefined, semanticColors?: SemanticColorConfig, defaultColor?: AccentColor): AccentColor;
+/**
+ * Checks if a color is a semantic color.
+ */
+export declare function isSemanticColor(color: Color): color is SemanticColor;
+/**
+ * Hook that returns a function to resolve colors using the current theme's semantic color configuration.
+ * Use this in components to properly respect ThemeProvider's color settings.
+ *
+ * @example
+ * const resolveColor = useResolveColor();
+ * const accentColor = resolveColor(props.color); // Respects ThemeProvider config
+ */
+export declare function useResolveColor(): (color: Color | undefined, defaultColor?: AccentColor) => AccentColor;
+//# sourceMappingURL=color-utils.d.ts.map

package/dist/lib/color-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-utils.d.ts","sourceRoot":"","sources":["../../src/lib/color-utils.ts"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,mBAAmB,EACzB,MAAM,iBAAiB,CAAC;AACzB,OAAO,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAEjE;;;;;;;;GAQG;AACH,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,KAAK,GAAG,SAAS,EACxB,cAAc,GAAE,mBAA2C,EAC3D,YAAY,GAAE,WAAoB,GACjC,WAAW,CAiBb;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,KAAK,GAAG,KAAK,IAAI,aAAa,CAEpE;AAED;;;;;;;GAOG;AACH,wBAAgB,eAAe,YAKjB,KAAK,GAAG,SAAS,iBAAgB,WAAW,KAAY,WAAW,CAIhF"}

package/dist/lib/color-utils.js

@@ -0,0 +1,48 @@
+import { useMemo } from 'react';
+import { defaultSemanticColors, useSemanticColors, } from './theme-context';
+/**
+ * Resolves a Color (which can be an AccentColor or SemanticColor) to an AccentColor.
+ * Semantic colors are resolved using the provided semantic color configuration.
+ *
+ * @param color - The color to resolve (can be 'danger', 'warning', 'success', 'info', or any AccentColor)
+ * @param semanticColors - The semantic color configuration from ThemeProvider (optional, uses defaults if not provided)
+ * @param defaultColor - The default color to return if no color is provided (defaults to 'blue')
+ * @returns The resolved AccentColor
+ */
+export function resolveAccentFromColor(color, semanticColors = defaultSemanticColors, defaultColor = 'blue') {
+    if (!color)
+        return defaultColor;
+    switch (color) {
+        case 'accent':
+            return semanticColors.accentColor;
+        case 'danger':
+            return semanticColors.dangerColor;
+        case 'warning':
+            return semanticColors.warningColor;
+        case 'success':
+            return semanticColors.successColor;
+        case 'info':
+            return semanticColors.infoColor;
+        default:
+            return color;
+    }
+}
+/**
+ * Checks if a color is a semantic color.
+ */
+export function isSemanticColor(color) {
+    return color === 'danger' || color === 'warning' || color === 'success' || color === 'info';
+}
+/**
+ * Hook that returns a function to resolve colors using the current theme's semantic color configuration.
+ * Use this in components to properly respect ThemeProvider's color settings.
+ *
+ * @example
+ * const resolveColor = useResolveColor();
+ * const accentColor = resolveColor(props.color); // Respects ThemeProvider config
+ */
+export function useResolveColor() {
+    const semanticColors = useSemanticColors();
+    return useMemo(() => (color, defaultColor = 'blue') => resolveAccentFromColor(color, semanticColors, defaultColor), [semanticColors]);
+}
+//# sourceMappingURL=color-utils.js.map

package/dist/lib/color-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-utils.js","sourceRoot":"","sources":["../../src/lib/color-utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EACL,qBAAqB,EACrB,iBAAiB,GAElB,MAAM,iBAAiB,CAAC;AAGzB;;;;;;;;GAQG;AACH,MAAM,UAAU,sBAAsB,CACpC,KAAwB,EACxB,iBAAsC,qBAAqB,EAC3D,eAA4B,MAAM;IAElC,IAAI,CAAC,KAAK;QAAE,OAAO,YAAY,CAAC;IAEhC,QAAQ,KAAK,EAAE,CAAC;QACd,KAAK,QAAQ;YACX,OAAO,cAAc,CAAC,WAAW,CAAC;QACpC,KAAK,QAAQ;YACX,OAAO,cAAc,CAAC,WAAW,CAAC;QACpC,KAAK,SAAS;YACZ,OAAO,cAAc,CAAC,YAAY,CAAC;QACrC,KAAK,SAAS;YACZ,OAAO,cAAc,CAAC,YAAY,CAAC;QACrC,KAAK,MAAM;YACT,OAAO,cAAc,CAAC,SAAS,CAAC;QAClC;YACE,OAAO,KAAoB,CAAC;IAChC,CAAC;AACH,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,eAAe,CAAC,KAAY;IAC1C,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,MAAM,CAAC;AAC9F,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,UAAU,eAAe;IAC7B,MAAM,cAAc,GAAG,iBAAiB,EAAE,CAAC;IAE3C,OAAO,OAAO,CACZ,GAAG,EAAE,CACH,CAAC,KAAwB,EAAE,eAA4B,MAAM,EAAe,EAAE,CAC5E,sBAAsB,CAAC,KAAK,EAAE,cAAc,EAAE,YAAY,CAAC,EAC/D,CAAC,cAAc,CAAC,CACjB,CAAC;AACJ,CAAC"}

package/dist/lib/dialog-styles.d.ts

@@ -0,0 +1,42 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+export type DialogSize = '1' | '2' | '3' | '4';
+interface ThemeColors {
+    panelSolid: string;
+    palettes: {
+        gray: {
+            a3: string;
+            a6: string;
+            a7: string;
+        };
+        black: {
+            a3: string;
+            a4: string;
+            a6: string;
+            a11: string;
+        };
+    };
+}
+export declare function getDialogSizeStyles(size: DialogSize): {
+    padding: number;
+    borderRadius: number;
+    titleMarginBottom: number;
+    descriptionMarginBottom: number;
+    minWidth: number;
+};
+export declare function getDialogTitleSize(size: DialogSize): '3' | '5' | '6';
+export declare function getDialogDescriptionSize(size: DialogSize): '1' | '2' | '3';
+export declare function getDialogShadowStyle(gray: {
+    a3: string;
+    a6: string;
+    a7: string;
+}, black: {
+    a3: string;
+    a4: string;
+    a6: string;
+    a11: string;
+}, isDark: boolean): ViewStyle;
+export declare function getDialogOverlayStyle(): ViewStyle;
+export declare function getDialogBackdropStyle(): ViewStyle;
+export declare function getDialogContentStyle(size: DialogSize, colors: ThemeColors, isDark: boolean, windowWidth: number, userStyle?: StyleProp<ViewStyle>): ViewStyle;
+export {};
+//# sourceMappingURL=dialog-styles.d.ts.map

package/dist/lib/dialog-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-styles.d.ts","sourceRoot":"","sources":["../../src/lib/dialog-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAMxE,MAAM,MAAM,UAAU,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAE/C,UAAU,WAAW;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,MAAM,CAAC;YACX,EAAE,EAAE,MAAM,CAAC;YACX,EAAE,EAAE,MAAM,CAAC;SACZ,CAAC;QACF,KAAK,EAAE;YACL,EAAE,EAAE,MAAM,CAAC;YACX,EAAE,EAAE,MAAM,CAAC;YACX,EAAE,EAAE,MAAM,CAAC;YACX,GAAG,EAAE,MAAM,CAAC;SACb,CAAC;KACH,CAAC;CACH;AAMD,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,UAAU;;;;;;EAmCnD;AAED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,UAAU,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAUpE;AAED,wBAAgB,wBAAwB,CAAC,IAAI,EAAE,UAAU,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAU1E;AAMD,wBAAgB,oBAAoB,CAClC,IAAI,EAAE;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,EAC5C,KAAK,EAAE;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,EAC1D,MAAM,EAAE,OAAO,GACd,SAAS,CAoBX;AAMD,wBAAgB,qBAAqB,IAAI,SAAS,CAejD;AAED,wBAAgB,sBAAsB,IAAI,SAAS,CAsBlD;AAMD,wBAAgB,qBAAqB,CACnC,IAAI,EAAE,UAAU,EAChB,MAAM,EAAE,WAAW,EACnB,MAAM,EAAE,OAAO,EACf,WAAW,EAAE,MAAM,EACnB,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,GAC/B,SAAS,CAsCX"}

package/dist/lib/dialog-styles.js

@@ -0,0 +1,162 @@
+import { Platform } from 'react-native';
+// ============================================================================
+// Size helpers
+// ============================================================================
+export function getDialogSizeStyles(size) {
+    switch (size) {
+        case '1':
+            return {
+                padding: 12, // space-3
+                borderRadius: 8,
+                titleMarginBottom: 4, // space-1
+                descriptionMarginBottom: 12, // space-3
+                minWidth: 200,
+            };
+        case '2':
+            return {
+                padding: 16, // space-4
+                borderRadius: 12,
+                titleMarginBottom: 8, // space-2
+                descriptionMarginBottom: 16, // space-4
+                minWidth: 240,
+            };
+        case '3':
+            return {
+                padding: 20,
+                borderRadius: 16,
+                titleMarginBottom: 12, // space-3
+                descriptionMarginBottom: 20,
+                minWidth: 280,
+            };
+        case '4':
+            return {
+                padding: 24, // space-5
+                borderRadius: 20,
+                titleMarginBottom: 12, // space-3
+                descriptionMarginBottom: 24, // space-5
+                minWidth: 320,
+            };
+    }
+}
+export function getDialogTitleSize(size) {
+    switch (size) {
+        case '1':
+            return '3';
+        case '2':
+        case '3':
+            return '5';
+        case '4':
+            return '6';
+    }
+}
+export function getDialogDescriptionSize(size) {
+    switch (size) {
+        case '1':
+            return '1';
+        case '2':
+        case '3':
+            return '2';
+        case '4':
+            return '3';
+    }
+}
+// ============================================================================
+// Shadow helper (shadow-6)
+// ============================================================================
+export function getDialogShadowStyle(gray, black, isDark) {
+    if (Platform.OS === 'web') {
+        const boxShadow = isDark
+            ? `0 0 0 1px ${gray.a6}, 0 12px 60px ${black.a4}, 0 16px 64px ${black.a6}, 0 16px 36px -20px ${black.a11}`
+            : `0 0 0 1px ${gray.a3}, 0 12px 60px ${black.a3}, 0 16px 64px ${gray.a3}, 0 16px 36px -20px ${gray.a7}`;
+        return { boxShadow };
+    }
+    // Native shadow approximation
+    return {
+        shadowColor: '#000',
+        shadowOffset: { width: 0, height: 16 },
+        shadowOpacity: isDark ? 0.5 : 0.25,
+        shadowRadius: 32,
+        elevation: 24,
+        // Add border for native
+        borderWidth: 1,
+        borderColor: isDark ? gray.a6 : gray.a3,
+    };
+}
+// ============================================================================
+// Overlay styles
+// ============================================================================
+export function getDialogOverlayStyle() {
+    return {
+        position: Platform.OS === 'web' ? 'fixed' : 'absolute',
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        zIndex: 50,
+        alignItems: 'center',
+        justifyContent: 'center',
+        paddingTop: 16, // space-4
+        paddingBottom: 32, // max(space-4, 4vh) approximation
+        paddingLeft: 16, // space-4
+        paddingRight: 16, // space-4
+    };
+}
+export function getDialogBackdropStyle() {
+    if (Platform.OS === 'web') {
+        return {
+            position: 'absolute',
+            top: 0,
+            left: 0,
+            right: 0,
+            bottom: 0,
+            backdropFilter: 'blur(3px) brightness(0.7)',
+            WebkitBackdropFilter: 'blur(3px) brightness(0.7)',
+        };
+    }
+    // Native: semi-transparent black backdrop
+    return {
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        backgroundColor: 'rgba(0, 0, 0, 0.5)',
+    };
+}
+// ============================================================================
+// Content styles
+// ============================================================================
+export function getDialogContentStyle(size, colors, isDark, windowWidth, userStyle) {
+    const sizeStyles = getDialogSizeStyles(size);
+    const gray = colors.palettes.gray;
+    const black = colors.palettes.black;
+    const shadowStyle = getDialogShadowStyle(gray, black, isDark);
+    // Calculate available width (screen width minus overlay padding)
+    const overlayPadding = 16; // space-4
+    const availableWidth = windowWidth - overlayPadding * 2;
+    const defaultMaxWidth = 580;
+    // Extract maxWidth from style prop if provided
+    const flatStyle = userStyle
+        ? Array.isArray(userStyle)
+            ? Object.assign({}, ...userStyle.filter((s) => s != null && typeof s === 'object'))
+            : typeof userStyle === 'object' && userStyle != null
+                ? userStyle
+                : {}
+        : {};
+    const userMaxWidth = flatStyle.maxWidth;
+    const effectiveMaxWidth = typeof userMaxWidth === 'number' ? userMaxWidth : defaultMaxWidth;
+    return {
+        // On web, width: '100%' works with flexbox centering
+        // On native, we calculate a fixed width based on available space and maxWidth
+        width: Platform.OS === 'web' ? '100%' : Math.min(availableWidth, effectiveMaxWidth),
+        minWidth: sizeStyles.minWidth,
+        maxWidth: defaultMaxWidth,
+        backgroundColor: colors.panelSolid,
+        padding: sizeStyles.padding,
+        borderRadius: sizeStyles.borderRadius,
+        overflow: Platform.OS === 'web' ? 'auto' : 'hidden',
+        zIndex: 1,
+        ...shadowStyle,
+    };
+}
+//# sourceMappingURL=dialog-styles.js.map

package/dist/lib/dialog-styles.js.map

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

package/dist/lib/full-window-overlay.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+/**
+ * A wrapper that uses FullWindowOverlay on iOS and a Fragment on other platforms.
+ * This is implemented as a component rather than a top-level constant to avoid
+ * accessing Platform.OS at module load time, which can cause issues in monorepos
+ * where modules are loaded before React Native is fully initialized.
+ */
+export declare function FullWindowOverlay({ children }: {
+    children: React.ReactNode;
+}): React.JSX.Element;
+//# sourceMappingURL=full-window-overlay.d.ts.map

package/dist/lib/full-window-overlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"full-window-overlay.d.ts","sourceRoot":"","sources":["../../src/lib/full-window-overlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,qBAK5E"}

package/dist/lib/full-window-overlay.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { Platform } from 'react-native';
+import { FullWindowOverlay as RNFullWindowOverlay } from 'react-native-screens';
+/**
+ * A wrapper that uses FullWindowOverlay on iOS and a Fragment on other platforms.
+ * This is implemented as a component rather than a top-level constant to avoid
+ * accessing Platform.OS at module load time, which can cause issues in monorepos
+ * where modules are loaded before React Native is fully initialized.
+ */
+export function FullWindowOverlay({ children }) {
+    if (Platform.OS === 'ios') {
+        return <RNFullWindowOverlay>{children}</RNFullWindowOverlay>;
+    }
+    return <>{children}</>;
+}
+//# sourceMappingURL=full-window-overlay.js.map

package/dist/lib/full-window-overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"full-window-overlay.js","sourceRoot":"","sources":["../../src/lib/full-window-overlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,iBAAiB,IAAI,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAEhF;;;;;GAKG;AACH,MAAM,UAAU,iBAAiB,CAAC,EAAE,QAAQ,EAAiC;IAC3E,IAAI,QAAQ,CAAC,EAAE,KAAK,KAAK,EAAE,CAAC;QAC1B,OAAO,CAAC,mBAAmB,CAAC,CAAC,QAAQ,CAAC,EAAE,mBAAmB,CAAC,CAAC;IAC/D,CAAC;IACD,OAAO,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC;AACzB,CAAC"}

package/dist/lib/panel-styles.d.ts

@@ -0,0 +1,32 @@
+import { type ViewStyle } from 'react-native';
+type PanelSize = '1' | '2' | '3' | '4';
+type PanelVariant = 'solid' | 'translucent';
+interface ThemeColors {
+    panelSolid: string;
+    panelTranslucent: string;
+    palettes: {
+        gray: {
+            a6: string;
+        };
+    };
+}
+interface PanelStyleOptions {
+    size: PanelSize;
+    variant: PanelVariant;
+    colors: ThemeColors;
+    isDark: boolean;
+}
+/**
+ * Get padding and border radius for panel content based on size
+ */
+declare function getPanelSizeStyle(size: PanelSize): {
+    padding: number;
+    borderRadius: number;
+};
+/**
+ * Get complete panel content style
+ */
+declare function getPanelContentStyle(options: PanelStyleOptions): ViewStyle;
+export { getPanelContentStyle, getPanelSizeStyle };
+export type { PanelSize, PanelStyleOptions, PanelVariant };
+//# sourceMappingURL=panel-styles.d.ts.map

package/dist/lib/panel-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel-styles.d.ts","sourceRoot":"","sources":["../../src/lib/panel-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAExD,KAAK,SAAS,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AACvC,KAAK,YAAY,GAAG,OAAO,GAAG,aAAa,CAAC;AAE5C,UAAU,WAAW;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,MAAM,CAAC;SACZ,CAAC;KACH,CAAC;CACH;AAED,UAAU,iBAAiB;IACzB,IAAI,EAAE,SAAS,CAAC;IAChB,OAAO,EAAE,YAAY,CAAC;IACtB,MAAM,EAAE,WAAW,CAAC;IACpB,MAAM,EAAE,OAAO,CAAC;CACjB;AAED;;GAEG;AACH,iBAAS,iBAAiB,CAAC,IAAI,EAAE,SAAS,GAAG;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,YAAY,EAAE,MAAM,CAAA;CAAE,CAWrF;AA6DD;;GAEG;AACH,iBAAS,oBAAoB,CAAC,OAAO,EAAE,iBAAiB,GAAG,SAAS,CA0BnE;AAED,OAAO,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,CAAC;AACnD,YAAY,EAAE,SAAS,EAAE,iBAAiB,EAAE,YAAY,EAAE,CAAC"}