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

package/dist/components/checkbox.js

@@ -0,0 +1,100 @@
+import { useThemeTokens } from '../lib/use-theme-tokens';
+import * as CheckboxPrimitive from '@rn-primitives/checkbox';
+import { Check } from 'lucide-react-native';
+import * as React from 'react';
+import { Platform, View } from 'react-native';
+// Size styles from CSS:
+// Size 1: --checkbox-size: var(--space-4) = 16px, border-radius: var(--radius-2) = 4px
+// Size 2: --checkbox-size: calc(var(--space-4) * 1.25) = 20px, border-radius: var(--radius-3) = 6px
+// Size 3: --checkbox-size: var(--space-5) = 24px, border-radius: var(--radius-3) = 6px
+function getSizeStyle(size) {
+    switch (size) {
+        case '1':
+            return { boxSize: 16, borderRadius: 4, iconSize: 12 };
+        case '2':
+            return { boxSize: 20, borderRadius: 6, iconSize: 14 };
+        case '3':
+            return { boxSize: 24, borderRadius: 6, iconSize: 18 };
+    }
+}
+function Checkbox({ size = '2', color, checked, disabled, onFocus, onBlur, ...props }) {
+    const { colors } = useThemeTokens();
+    const [focused, setFocused] = React.useState(false);
+    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 { boxSize, borderRadius, iconSize } = getSizeStyle(size);
+    // Base style
+    const baseStyle = {
+        width: boxSize,
+        height: boxSize,
+        borderRadius,
+        alignItems: 'center',
+        justifyContent: 'center',
+        overflow: 'hidden',
+    };
+    // State-based styles
+    let stateStyle;
+    if (disabled) {
+        stateStyle = {
+            backgroundColor: gray.a2,
+            borderWidth: 1,
+            borderColor: gray.a5,
+        };
+    }
+    else if (checked) {
+        stateStyle = {
+            backgroundColor: palette['9'],
+        };
+    }
+    else {
+        stateStyle = {
+            backgroundColor: colors.surface,
+            borderWidth: 1,
+            borderColor: gray.a7,
+        };
+    }
+    // Focus style - accent-a8 outline
+    const focusStyle = focused && !disabled
+        ? {
+            outlineWidth: 2,
+            outlineStyle: 'solid',
+            outlineColor: palette.a8,
+            outlineOffset: 2,
+        }
+        : undefined;
+    const combinedStyle = {
+        ...baseStyle,
+        ...stateStyle,
+        ...focusStyle,
+    };
+    // Icon color
+    const iconColor = disabled ? gray.a8 : palette['9-contrast'];
+    const handleFocus = React.useCallback((e) => {
+        if (Platform.OS === 'web') {
+            const target = e.target;
+            if (target?.matches?.(':focus-visible')) {
+                setFocused(true);
+            }
+        }
+        onFocus?.(e);
+    }, [onFocus]);
+    const handleBlur = React.useCallback((e) => {
+        setFocused(false);
+        onBlur?.(e);
+    }, [onBlur]);
+    // Reset default focus styles on the root
+    const rootStyle = {
+        outlineWidth: 0,
+    };
+    return (<CheckboxPrimitive.Root checked={checked} disabled={disabled} onFocus={handleFocus} onBlur={handleBlur} style={rootStyle} {...props}>
+      <View style={combinedStyle}>
+        <CheckboxPrimitive.Indicator>
+          <Check size={iconSize} strokeWidth={Platform.OS === 'web' ? 2.5 : 3.5} color={iconColor}/>
+        </CheckboxPrimitive.Indicator>
+      </View>
+    </CheckboxPrimitive.Root>);
+}
+export { Checkbox };
+//# sourceMappingURL=checkbox.js.map

package/dist/components/checkbox.js.map

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

package/dist/components/circular-progress.d.ts

@@ -0,0 +1,21 @@
+import type { Color } from '../lib/types';
+import * as React from 'react';
+import { type ViewProps } from 'react-native';
+type CircularProgressSize = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9';
+type CircularProgressProps = ViewProps & {
+    /** Size of the circular progress indicator */
+    size?: CircularProgressSize;
+    /** Color theme for the progress indicator */
+    color?: Color;
+    /** Current progress value */
+    value?: number;
+    /** Maximum progress value */
+    max?: number;
+};
+declare function CircularProgress({ size, color, value, max, style, ...props }: CircularProgressProps): React.JSX.Element;
+declare namespace CircularProgress {
+    var displayName: string;
+}
+export { CircularProgress };
+export type { CircularProgressProps, CircularProgressSize };
+//# sourceMappingURL=circular-progress.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"circular-progress.d.ts","sourceRoot":"","sources":["../../src/components/circular-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;AAOpE,KAAK,oBAAoB,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAEhF,KAAK,qBAAqB,GAAG,SAAS,GAAG;IACvC,8CAA8C;IAC9C,IAAI,CAAC,EAAE,oBAAoB,CAAC;IAC5B,6CAA6C;IAC7C,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6BAA6B;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAsCF,iBAAS,gBAAgB,CAAC,EACxB,IAAU,EACV,KAAK,EACL,KAAS,EACT,GAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,qBAAqB,qBAqFvB;kBA5FQ,gBAAgB;;;AAgGzB,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAC5B,YAAY,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,CAAC"}

package/dist/components/circular-progress.js

@@ -0,0 +1,78 @@
+import { useThemeTokens } from '../lib/use-theme-tokens';
+import * as React from 'react';
+import { View } from 'react-native';
+import Svg, { Circle } from 'react-native-svg';
+function getSizeConfig(size) {
+    switch (size) {
+        case '1':
+            return { diameter: 16, strokeWidth: 3 };
+        case '2':
+            return { diameter: 20, strokeWidth: 4 };
+        case '3':
+            return { diameter: 24, strokeWidth: 5 };
+        case '4':
+            return { diameter: 32, strokeWidth: 5 };
+        case '5':
+            return { diameter: 40, strokeWidth: 6 };
+        case '6':
+            return { diameter: 48, strokeWidth: 7 };
+        case '7':
+            return { diameter: 56, strokeWidth: 8 };
+        case '8':
+            return { diameter: 64, strokeWidth: 9 };
+        case '9':
+            return { diameter: 72, strokeWidth: 10 };
+    }
+}
+// ============================================================================
+// Component
+// ============================================================================
+function CircularProgress({ size = '3', color, value = 0, max = 100, style, ...props }) {
+    const { colors } = useThemeTokens();
+    // Get size configuration
+    const { diameter, strokeWidth } = getSizeConfig(size);
+    // Calculate SVG geometry
+    const radius = (diameter - strokeWidth) / 2;
+    const circumference = 2 * Math.PI * radius;
+    const center = diameter / 2;
+    // Calculate progress (0 to 1)
+    const progress = Math.max(0, Math.min((value || 0) / max, 1));
+    // Round caps add visual length beyond the arc endpoints
+    // Each cap extends by strokeWidth/2, total extension = strokeWidth
+    const capArcLength = strokeWidth / 2;
+    const totalCapArc = strokeWidth;
+    // Calculate the arc to draw (reduced to account for cap visual extension)
+    // Minimum arc ensures at least a dot (rounded cap) is visible when progress > 0
+    const targetVisualArc = progress * circumference;
+    const compensatedArc = targetVisualArc - totalCapArc;
+    const minArc = progress > 0 ? 0.1 : 0;
+    const actualArcToDraw = Math.max(minArc, compensatedArc);
+    // Stroke dash offset (how much of the circumference to hide)
+    const strokeDashoffset = circumference - actualArcToDraw;
+    // Rotate to position start cap's outer edge at 12 o'clock
+    const capAngle = (capArcLength / circumference) * 360;
+    const rotation = -90 + capAngle;
+    // Get colors
+    const gray = colors.palettes.gray;
+    const palette = colors.palettes[color ?? 'accent'] ?? gray;
+    // Track color (background circle) - uses alpha variant
+    const trackColor = palette.a3;
+    // Indicator color
+    const indicatorColor = palette['9'];
+    const containerStyle = {
+        width: diameter,
+        height: diameter,
+    };
+    return (<View role="progressbar" aria-valuemin={0} aria-valuemax={max} aria-valuenow={value} style={[containerStyle, style]} {...props}>
+      <Svg width={diameter} height={diameter} viewBox={`0 0 ${diameter} ${diameter}`}>
+        {/* Track (background circle) */}
+        <Circle cx={center} cy={center} r={radius} stroke={trackColor} strokeWidth={strokeWidth} fill="none"/>
+
+        {/* Progress indicator */}
+        {progress > 0 && (<Circle cx={center} cy={center} r={radius} stroke={indicatorColor} strokeWidth={strokeWidth} fill="none" strokeDasharray={progress >= 1 ? undefined : circumference} strokeDashoffset={progress >= 1 ? undefined : strokeDashoffset} strokeLinecap={progress >= 1 ? 'butt' : 'round'} transform={progress >= 1 ? undefined : `rotate(${rotation} ${center} ${center})`}/>)}
+      </Svg>
+    </View>);
+}
+CircularProgress.displayName = 'CircularProgress';
+export { CircularProgress };
+//# sourceMappingURL=circular-progress.js.map

package/dist/components/circular-progress.js.map

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

package/dist/components/code.d.ts

@@ -0,0 +1,18 @@
+import { themeTokens } from '../lib/theme-tokens';
+import type { Color } from '../lib/types';
+import * as React from 'react';
+import { Text as RNText, type TextStyle } from 'react-native';
+type CodeSize = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9';
+type CodeVariant = 'solid' | 'soft' | 'outline' | 'ghost';
+type CodeWeight = keyof typeof themeTokens.fontWeights;
+type CodeProps = Omit<React.ComponentProps<typeof RNText>, 'style'> & {
+    size?: CodeSize;
+    variant?: CodeVariant;
+    weight?: CodeWeight;
+    color?: Color;
+    style?: TextStyle;
+};
+declare function Code({ size, variant, weight, color, style, ...props }: CodeProps): React.JSX.Element;
+export { Code };
+export type { CodeProps, CodeSize, CodeVariant };
+//# sourceMappingURL=code.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"code.d.ts","sourceRoot":"","sources":["../../src/components/code.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEzC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAY,IAAI,IAAI,MAAM,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAExE,KAAK,QAAQ,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AACpE,KAAK,WAAW,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;AAC1D,KAAK,UAAU,GAAG,MAAM,OAAO,WAAW,CAAC,WAAW,CAAC;AAEvD,KAAK,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,OAAO,CAAC,GAAG;IACpE,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,iBAAS,IAAI,CAAC,EAAE,IAAU,EAAE,OAAgB,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,qBAwFxF;AAED,OAAO,EAAE,IAAI,EAAE,CAAC;AAChB,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/code.js

@@ -0,0 +1,83 @@
+import { useThemeTokens } from '../lib/use-theme-tokens';
+import * as React from 'react';
+import { Platform, Text as RNText } from 'react-native';
+function Code({ size = '2', variant = 'soft', weight, color, style, ...props }) {
+    const { colors, typography, fontWeights } = useThemeTokens();
+    const gray = colors.palettes.gray;
+    // Default to accent color, fallback to gray
+    const palette = colors.palettes[color ?? 'accent'] ?? gray;
+    // Typography from theme, with 0.95 font size adjustment like web
+    const typo = typography[size];
+    const fontSizeAdjust = 0.95;
+    const adjustedFontSize = typo.fontSize * fontSizeAdjust;
+    // Base typography style
+    const baseStyle = {
+        fontFamily: Platform.select({
+            ios: 'Menlo',
+            android: 'monospace',
+            default: 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace',
+        }),
+        fontSize: adjustedFontSize,
+        lineHeight: typo.lineHeight,
+        letterSpacing: typo.letterSpacing,
+    };
+    // Font weight
+    const weightStyle = weight
+        ? { fontWeight: fontWeights[weight] }
+        : undefined;
+    // Variant styles
+    let variantStyle = {};
+    // Padding for non-ghost variants (matches web: 0.25em horizontal)
+    const horizontalPadding = adjustedFontSize * 0.25;
+    // Border radius: calc((0.5px + 0.2em) * var(--radius-factor))
+    // Assuming radius-factor of 1, this is roughly 0.5 + 0.2 * fontSize
+    const borderRadius = 0.5 + 0.2 * adjustedFontSize;
+    switch (variant) {
+        case 'ghost':
+            variantStyle = {
+                color: palette.a11,
+            };
+            break;
+        case 'solid':
+            variantStyle = {
+                paddingHorizontal: horizontalPadding,
+                paddingVertical: 1,
+                backgroundColor: palette.a9,
+                color: palette['9-contrast'],
+                borderRadius,
+                overflow: 'hidden',
+            };
+            break;
+        case 'soft':
+            variantStyle = {
+                paddingHorizontal: horizontalPadding,
+                paddingVertical: 1,
+                backgroundColor: palette.a3,
+                color: palette.a11,
+                borderRadius,
+                overflow: 'hidden',
+            };
+            break;
+        case 'outline':
+            variantStyle = {
+                paddingHorizontal: horizontalPadding,
+                paddingVertical: 1,
+                color: palette.a11,
+                borderRadius,
+                overflow: 'hidden',
+                // Use borderWidth on native, boxShadow on web
+                ...(Platform.OS === 'web'
+                    ? {
+                        boxShadow: `inset 0 0 0 1px ${palette.a8}`,
+                    }
+                    : {
+                        borderWidth: 1,
+                        borderColor: palette.a8,
+                    }),
+            };
+            break;
+    }
+    return <RNText style={[baseStyle, weightStyle, variantStyle, style]} {...props}/>;
+}
+export { Code };
+//# sourceMappingURL=code.js.map

package/dist/components/code.js.map

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

package/dist/components/context-menu.d.ts

@@ -0,0 +1,65 @@
+import type { Color } from '../lib/types';
+import * as ContextMenuPrimitive from '@rn-primitives/context-menu';
+import * as React from 'react';
+type ContextMenuSize = '1' | '2' | '3';
+type ContextMenuVariant = 'solid' | 'soft';
+type ContextMenuRootProps = ContextMenuPrimitive.RootProps & {
+    size?: ContextMenuSize;
+    variant?: ContextMenuVariant;
+    color?: Color;
+};
+declare function ContextMenuRoot({ size, variant, color, ...props }: ContextMenuRootProps): React.JSX.Element;
+type ContextMenuTriggerProps = ContextMenuPrimitive.TriggerProps;
+declare function ContextMenuTrigger(props: ContextMenuTriggerProps): React.JSX.Element;
+type ContextMenuContentProps = Omit<ContextMenuPrimitive.ContentProps, 'children'> & {
+    portalHost?: string;
+    children?: React.ReactNode;
+};
+declare function ContextMenuContent({ portalHost, children, ...props }: ContextMenuContentProps): React.JSX.Element;
+type ContextMenuItemProps = Omit<ContextMenuPrimitive.ItemProps, 'children'> & {
+    color?: Color;
+    children?: React.ReactNode;
+};
+declare function ContextMenuItem({ children, disabled, color, ...props }: ContextMenuItemProps): React.JSX.Element;
+type ContextMenuCheckboxItemProps = Omit<ContextMenuPrimitive.CheckboxItemProps, 'children'> & {
+    children?: React.ReactNode;
+};
+declare function ContextMenuCheckboxItem({ children, disabled, ...props }: ContextMenuCheckboxItemProps): React.JSX.Element;
+type ContextMenuRadioGroupProps = ContextMenuPrimitive.RadioGroupProps;
+declare function ContextMenuRadioGroup(props: ContextMenuRadioGroupProps): React.JSX.Element;
+type ContextMenuRadioItemProps = Omit<ContextMenuPrimitive.RadioItemProps, 'children'> & {
+    children?: React.ReactNode;
+};
+declare function ContextMenuRadioItem({ children, disabled, ...props }: ContextMenuRadioItemProps): React.JSX.Element;
+type ContextMenuLabelProps = ContextMenuPrimitive.LabelProps;
+declare function ContextMenuLabel({ children, ...props }: ContextMenuLabelProps): React.JSX.Element;
+type ContextMenuSeparatorProps = ContextMenuPrimitive.SeparatorProps;
+declare function ContextMenuSeparator(props: ContextMenuSeparatorProps): React.JSX.Element;
+type ContextMenuGroupProps = ContextMenuPrimitive.GroupProps;
+declare function ContextMenuGroup(props: ContextMenuGroupProps): React.JSX.Element;
+type ContextMenuSubProps = ContextMenuPrimitive.SubProps;
+declare function ContextMenuSub(props: ContextMenuSubProps): React.JSX.Element;
+type ContextMenuSubTriggerProps = Omit<ContextMenuPrimitive.SubTriggerProps, 'children'> & {
+    children?: React.ReactNode;
+};
+declare function ContextMenuSubTrigger({ children, disabled, ...props }: ContextMenuSubTriggerProps): React.JSX.Element;
+type ContextMenuSubContentProps = ContextMenuPrimitive.SubContentProps;
+declare function ContextMenuSubContent(props: ContextMenuSubContentProps): React.JSX.Element;
+declare const ContextMenu: {
+    Root: typeof ContextMenuRoot;
+    Trigger: typeof ContextMenuTrigger;
+    Content: typeof ContextMenuContent;
+    Item: typeof ContextMenuItem;
+    CheckboxItem: typeof ContextMenuCheckboxItem;
+    RadioGroup: typeof ContextMenuRadioGroup;
+    RadioItem: typeof ContextMenuRadioItem;
+    Label: typeof ContextMenuLabel;
+    Separator: typeof ContextMenuSeparator;
+    Group: typeof ContextMenuGroup;
+    Sub: typeof ContextMenuSub;
+    SubTrigger: typeof ContextMenuSubTrigger;
+    SubContent: typeof ContextMenuSubContent;
+};
+export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuRoot, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, };
+export type { ContextMenuCheckboxItemProps, ContextMenuContentProps, ContextMenuGroupProps, ContextMenuItemProps, ContextMenuLabelProps, ContextMenuRadioGroupProps, ContextMenuRadioItemProps, ContextMenuRootProps, ContextMenuSeparatorProps, ContextMenuSize, ContextMenuSubContentProps, ContextMenuSubProps, ContextMenuSubTriggerProps, ContextMenuTriggerProps, ContextMenuVariant, };
+//# sourceMappingURL=context-menu.d.ts.map

package/dist/components/context-menu.d.ts.map

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