@objectifthunes/limestone-sdk 0.1.0

package/dist/components/navigation/tab-bar/types.d.ts

@@ -0,0 +1,37 @@
+import type { BoxStyleProps, SizeVariant } from '../../types.js';
+import type { ResolvedBoxStyle, ResolvedTextStyle } from '../../use-component-style.js';
+export interface Tab {
+    key: string;
+    label: string;
+    icon?: string;
+    badge?: number;
+}
+export interface TabBarProps extends BoxStyleProps {
+    tabs: Tab[];
+    activeTab: string;
+    onTabPress?: (key: string) => void;
+    variant?: 'default' | 'pill';
+    haptic?: boolean;
+    size?: SizeVariant;
+    accessibilityLabel?: string;
+    testID?: string;
+}
+export interface UseTabBarResult {
+    containerStyle: ResolvedBoxStyle;
+    tabStyles: ResolvedBoxStyle[];
+    tabLabelStyles: ResolvedTextStyle[];
+    tabIconColors: string[];
+    indicatorStyle: ResolvedBoxStyle | null;
+    accessibilityProps: {
+        accessibilityRole: 'tablist';
+        accessibilityLabel?: string;
+        testID?: string;
+    };
+    tabAccessibilityProps: Array<{
+        accessibilityRole: 'tab';
+        accessibilityState: {
+            selected: boolean;
+        };
+    }>;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/navigation/tab-bar/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/tab-bar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACjE,OAAO,KAAK,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAExF,MAAM,WAAW,GAAG;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,WAAY,SAAQ,aAAa;IAChD,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,eAAe;IAC9B,cAAc,EAAE,gBAAgB,CAAC;IACjC,SAAS,EAAE,gBAAgB,EAAE,CAAC;IAC9B,cAAc,EAAE,iBAAiB,EAAE,CAAC;IACpC,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,cAAc,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACxC,kBAAkB,EAAE;QAClB,iBAAiB,EAAE,SAAS,CAAC;QAC7B,kBAAkB,CAAC,EAAE,MAAM,CAAC;QAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,qBAAqB,EAAE,KAAK,CAAC;QAC3B,iBAAiB,EAAE,KAAK,CAAC;QACzB,kBAAkB,EAAE;YAAE,QAAQ,EAAE,OAAO,CAAA;SAAE,CAAC;KAC3C,CAAC,CAAC;CACJ"}

package/dist/components/navigation/tab-bar/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/components/navigation/tab-bar/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/navigation/tab-bar/types.ts"],"names":[],"mappings":""}

package/dist/components/navigation/tab-bar/use-tab-bar.d.ts

@@ -0,0 +1,4 @@
+import type { ThemeTokens } from '../../../theme/tokens.js';
+import type { TabBarProps, UseTabBarResult } from './types.js';
+export declare function useTabBar(tokens: ThemeTokens, props: TabBarProps): UseTabBarResult;
+//# sourceMappingURL=use-tab-bar.d.ts.map

package/dist/components/navigation/tab-bar/use-tab-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-tab-bar.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/tab-bar/use-tab-bar.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAG5D,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAU/D,wBAAgB,SAAS,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,GAAG,eAAe,CAwFlF"}

package/dist/components/navigation/tab-bar/use-tab-bar.js

@@ -0,0 +1,71 @@
+const HEIGHT_MAP = {
+    xs: 48,
+    sm: 52,
+    md: 56,
+    lg: 64,
+    xl: 72,
+};
+export function useTabBar(tokens, props) {
+    const { tabs, activeTab, variant = 'default', size = 'md', accessibilityLabel, testID, 
+    // strip BoxStyleProps
+    bg: _bg, p: _p, px: _px, py: _py, pt: _pt, pb: _pb, pl: _pl, pr: _pr, m: _m, mx: _mx, my: _my, mt: _mt, mb: _mb, ml: _ml, mr: _mr, rounded: _rounded, shadow: _shadow, flex: _flex, row: _row, center: _center, w: _w, h: _h, borderWidth: _bw, borderColor: _bc, opacity: _op, overflow: _ov, position: _pos, top: _top, bottom: _bot, left: _left, right: _right, zIndex: _zi, onTabPress: _onTabPress, haptic: _haptic, ...rest } = props;
+    void rest;
+    const height = HEIGHT_MAP[size];
+    const containerStyle = {
+        flexDirection: 'row',
+        borderTopWidth: 1,
+        borderColor: tokens.colors.border,
+        backgroundColor: tokens.colors.card,
+        height,
+    };
+    const tabStyles = tabs.map(() => ({
+        flex: 1,
+        alignItems: 'center',
+        justifyContent: 'center',
+    }));
+    const tabLabelStyles = tabs.map((tab) => {
+        const isActive = tab.key === activeTab;
+        return {
+            color: isActive ? tokens.colors.primary : tokens.colors.mutedForeground,
+            fontWeight: isActive
+                ? tokens.typography.weights.semibold
+                : tokens.typography.weights.regular,
+            fontSize: tokens.typography.sizes.xs,
+            fontFamily: tokens.typography.fontFamily.body,
+        };
+    });
+    const tabIconColors = tabs.map((tab) => tab.key === activeTab ? tokens.colors.primary : tokens.colors.mutedForeground);
+    let indicatorStyle = null;
+    if (variant === 'pill') {
+        const activeIndex = tabs.findIndex((t) => t.key === activeTab);
+        const tabWidth = activeIndex >= 0 ? 1 / tabs.length : 0;
+        const indicatorHeight = height - tokens.spacing.sm;
+        indicatorStyle = {
+            position: 'absolute',
+            top: tokens.spacing.xs,
+            height: indicatorHeight,
+            width: `${tabWidth * 100}%`,
+            left: `${activeIndex * tabWidth * 100}%`,
+            backgroundColor: tokens.colors.primary,
+            borderRadius: tokens.radii.full,
+        };
+    }
+    const tabAccessibilityProps = tabs.map((tab) => ({
+        accessibilityRole: 'tab',
+        accessibilityState: { selected: tab.key === activeTab },
+    }));
+    return {
+        containerStyle,
+        tabStyles,
+        tabLabelStyles,
+        tabIconColors,
+        indicatorStyle,
+        accessibilityProps: {
+            accessibilityRole: 'tablist',
+            ...(accessibilityLabel !== undefined && { accessibilityLabel }),
+            ...(testID !== undefined && { testID }),
+        },
+        tabAccessibilityProps,
+    };
+}
+//# sourceMappingURL=use-tab-bar.js.map

package/dist/components/navigation/tab-bar/use-tab-bar.js.map

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

package/dist/components/overlays/index.d.ts

@@ -0,0 +1,11 @@
+export { Modal, useModal } from './modal/index.js';
+export type { ModalProps, ModalPosition, ModalAnimationType, UseModalResult } from './modal/index.js';
+export { Popover, usePopover } from './popover/index.js';
+export type { PopoverProps, PopoverPlacement, AnchorRect, UsePopoverResult } from './popover/index.js';
+export { Tooltip, useTooltip } from './tooltip/index.js';
+export type { TooltipProps, TooltipPlacement, UseTooltipResult } from './tooltip/index.js';
+export { Menu, useMenu } from './menu/index.js';
+export type { MenuProps, MenuItem, MenuPlacement, MenuItemStyle, MenuItemAccessibilityProps, UseMenuResult } from './menu/index.js';
+export { Lightbox, useLightbox } from './lightbox/index.js';
+export type { LightboxProps, LightboxImage, UseLightboxResult } from './lightbox/index.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/overlays/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACnD,YAAY,EAAE,UAAU,EAAE,aAAa,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEtG,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACzD,YAAY,EAAE,YAAY,EAAE,gBAAgB,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEvG,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACzD,YAAY,EAAE,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAE3F,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,aAAa,EAAE,aAAa,EAAE,0BAA0B,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEpI,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC5D,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/components/overlays/index.js

@@ -0,0 +1,6 @@
+export { Modal, useModal } from './modal/index.js';
+export { Popover, usePopover } from './popover/index.js';
+export { Tooltip, useTooltip } from './tooltip/index.js';
+export { Menu, useMenu } from './menu/index.js';
+export { Lightbox, useLightbox } from './lightbox/index.js';
+//# sourceMappingURL=index.js.map

package/dist/components/overlays/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/overlays/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGnD,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGzD,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGzD,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAGhD,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/components/overlays/lightbox/index.d.ts

@@ -0,0 +1,4 @@
+export { Lightbox } from './lightbox.js';
+export { useLightbox } from './use-lightbox.js';
+export type { LightboxProps, LightboxImage, UseLightboxResult } from './types.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/overlays/lightbox/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/overlays/lightbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/overlays/lightbox/index.js

@@ -0,0 +1,3 @@
+export { Lightbox } from './lightbox.js';
+export { useLightbox } from './use-lightbox.js';
+//# sourceMappingURL=index.js.map

package/dist/components/overlays/lightbox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/overlays/lightbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/components/overlays/lightbox/lightbox.d.ts

@@ -0,0 +1,4 @@
+import { View, type ViewProps } from 'react-native';
+import type { LightboxProps } from './types.js';
+export declare const Lightbox: import("react").ForwardRefExoticComponent<LightboxProps & Omit<ViewProps, keyof LightboxProps> & import("react").RefAttributes<View>>;
+//# sourceMappingURL=lightbox.d.ts.map

package/dist/components/overlays/lightbox/lightbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lightbox.d.ts","sourceRoot":"","sources":["../../../../src/components/overlays/lightbox/lightbox.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAA4C,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAG9F,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,eAAO,MAAM,QAAQ,uIA0DnB,CAAC"}

package/dist/components/overlays/lightbox/lightbox.js

@@ -0,0 +1,36 @@
+import { forwardRef, createElement } from 'react';
+import { View, Image, Text, Pressable, Modal as RNModal } from 'react-native';
+import { useTheme } from '../../../theme/context.js';
+import { useLightbox } from './use-lightbox.js';
+export const Lightbox = forwardRef(function Lightbox(props, ref) {
+    const { tokens } = useTheme();
+    const { visible, onClose, images, showCounter = true, bg: _bg, p: _p, px: _px, py: _py, pt: _pt, pb: _pb, pl: _pl, pr: _pr, m: _m, mx: _mx, my: _my, mt: _mt, mb: _mb, ml: _ml, mr: _mr, rounded: _r, shadow: _sh, flex: _f, row: _row, center: _cen, w: _w, h: _h, borderWidth: _bw, borderColor: _bc, opacity: _op, overflow: _ov, position: _pos, top: _top, bottom: _bot, left: _left, right: _right, zIndex: _zi, accessibilityLabel: _al, testID: _tid, initialIndex: _ii, ...rest } = props;
+    const { containerStyle, imageStyle, counterStyle, counterTextStyle, closeButtonStyle, closeIconColor: _closeIconColor, currentIndex, counterText, accessibilityProps, } = useLightbox(tokens, props);
+    const currentImage = images[currentIndex];
+    return createElement(RNModal, {
+        visible,
+        transparent: false,
+        animationType: 'fade',
+        onRequestClose: onClose,
+    }, createElement(View, {
+        ref,
+        style: containerStyle,
+        ...accessibilityProps,
+        ...rest,
+    }, currentImage !== undefined
+        ? createElement(Image, {
+            source: { uri: currentImage.uri },
+            style: imageStyle,
+            resizeMode: 'contain',
+            accessibilityLabel: currentImage.alt,
+        })
+        : null, showCounter && images.length > 1
+        ? createElement(View, { style: counterStyle }, createElement(Text, { style: counterTextStyle }, counterText))
+        : null, createElement(Pressable, {
+        style: closeButtonStyle,
+        onPress: onClose,
+        accessibilityRole: 'button',
+        accessibilityLabel: 'Close',
+    })));
+});
+//# sourceMappingURL=lightbox.js.map

package/dist/components/overlays/lightbox/lightbox.js.map

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

package/dist/components/overlays/lightbox/types.d.ts

@@ -0,0 +1,32 @@
+import type { BoxStyleProps } from '../../types.js';
+import type { ResolvedBoxStyle, ResolvedTextStyle } from '../../use-component-style.js';
+export interface LightboxImage {
+    uri: string;
+    alt?: string;
+}
+export interface LightboxProps extends BoxStyleProps {
+    visible: boolean;
+    onClose?: () => void;
+    images: LightboxImage[];
+    initialIndex?: number;
+    showCounter?: boolean;
+    accessibilityLabel?: string;
+    testID?: string;
+}
+export interface UseLightboxResult {
+    containerStyle: ResolvedBoxStyle;
+    imageStyle: ResolvedBoxStyle;
+    counterStyle: ResolvedBoxStyle;
+    counterTextStyle: ResolvedTextStyle;
+    closeButtonStyle: ResolvedBoxStyle;
+    closeIconColor: string;
+    currentIndex: number;
+    totalImages: number;
+    counterText: string;
+    accessibilityProps: {
+        accessibilityViewIsModal?: boolean;
+        accessibilityLabel?: string;
+        testID?: string;
+    };
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/overlays/lightbox/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/overlays/lightbox/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,KAAK,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAExF,MAAM,WAAW,aAAa;IAC5B,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,aAAc,SAAQ,aAAa;IAClD,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,EAAE,aAAa,EAAE,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,iBAAiB;IAChC,cAAc,EAAE,gBAAgB,CAAC;IACjC,UAAU,EAAE,gBAAgB,CAAC;IAC7B,YAAY,EAAE,gBAAgB,CAAC;IAC/B,gBAAgB,EAAE,iBAAiB,CAAC;IACpC,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE;QAClB,wBAAwB,CAAC,EAAE,OAAO,CAAC;QACnC,kBAAkB,CAAC,EAAE,MAAM,CAAC;QAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;CACH"}

package/dist/components/overlays/lightbox/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/components/overlays/lightbox/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/overlays/lightbox/types.ts"],"names":[],"mappings":""}

package/dist/components/overlays/lightbox/use-lightbox.d.ts

@@ -0,0 +1,4 @@
+import type { ThemeTokens } from '../../../theme/tokens.js';
+import type { LightboxProps, UseLightboxResult } from './types.js';
+export declare function useLightbox(tokens: ThemeTokens, props: LightboxProps): UseLightboxResult;
+//# sourceMappingURL=use-lightbox.d.ts.map

package/dist/components/overlays/lightbox/use-lightbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-lightbox.d.ts","sourceRoot":"","sources":["../../../../src/components/overlays/lightbox/use-lightbox.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAKnE,wBAAgB,WAAW,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,aAAa,GAAG,iBAAiB,CA4ExF"}

package/dist/components/overlays/lightbox/use-lightbox.js

@@ -0,0 +1,64 @@
+const CLOSE_BUTTON_SIZE = 44;
+export function useLightbox(tokens, props) {
+    const { images, initialIndex = 0, accessibilityLabel, testID, } = props;
+    const totalImages = images.length;
+    // Clamp currentIndex to valid range
+    const currentIndex = totalImages === 0
+        ? 0
+        : Math.max(0, Math.min(initialIndex, totalImages - 1));
+    const counterText = `${currentIndex + 1} / ${totalImages}`;
+    // Container: black bg, flex 1
+    const containerStyle = {
+        backgroundColor: '#000',
+        flex: 1,
+    };
+    // Image: flex 1 (resizeMode is passed separately to native Image)
+    const imageStyle = {
+        flex: 1,
+    };
+    // Counter: absolute, top md, center, semi-transparent bg, rounded full
+    const counterStyle = {
+        position: 'absolute',
+        top: tokens.spacing.md,
+        alignSelf: 'center',
+        paddingHorizontal: tokens.spacing.sm,
+        paddingVertical: tokens.spacing.xs,
+        backgroundColor: 'rgba(0,0,0,0.5)',
+        borderRadius: tokens.radii.full,
+    };
+    // Counter text: white, sm, mono
+    const counterTextStyle = {
+        color: '#fff',
+        fontSize: tokens.typography.sizes.sm,
+        fontFamily: tokens.typography.fontFamily.mono,
+        fontWeight: tokens.typography.weights.regular,
+    };
+    // Close button: absolute, top md, right md, 44x44, centered
+    const closeButtonStyle = {
+        position: 'absolute',
+        top: tokens.spacing.md,
+        right: tokens.spacing.md,
+        width: CLOSE_BUTTON_SIZE,
+        height: CLOSE_BUTTON_SIZE,
+        alignItems: 'center',
+        justifyContent: 'center',
+    };
+    const closeIconColor = '#fff';
+    return {
+        containerStyle,
+        imageStyle,
+        counterStyle,
+        counterTextStyle,
+        closeButtonStyle,
+        closeIconColor,
+        currentIndex,
+        totalImages,
+        counterText,
+        accessibilityProps: {
+            accessibilityViewIsModal: true,
+            ...(accessibilityLabel !== undefined && { accessibilityLabel }),
+            ...(testID !== undefined && { testID }),
+        },
+    };
+}
+//# sourceMappingURL=use-lightbox.js.map

package/dist/components/overlays/lightbox/use-lightbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-lightbox.js","sourceRoot":"","sources":["../../../../src/components/overlays/lightbox/use-lightbox.ts"],"names":[],"mappings":"AAIA,MAAM,iBAAiB,GAAG,EAAE,CAAC;AAE7B,MAAM,UAAU,WAAW,CAAC,MAAmB,EAAE,KAAoB;IACnE,MAAM,EACJ,MAAM,EACN,YAAY,GAAG,CAAC,EAChB,kBAAkB,EAClB,MAAM,GACP,GAAG,KAAK,CAAC;IAEV,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC;IAElC,oCAAoC;IACpC,MAAM,YAAY,GAAG,WAAW,KAAK,CAAC;QACpC,CAAC,CAAC,CAAC;QACH,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,WAAW,GAAG,CAAC,CAAC,CAAC,CAAC;IAEzD,MAAM,WAAW,GAAG,GAAG,YAAY,GAAG,CAAC,MAAM,WAAW,EAAE,CAAC;IAE3D,8BAA8B;IAC9B,MAAM,cAAc,GAAqB;QACvC,eAAe,EAAE,MAAM;QACvB,IAAI,EAAE,CAAC;KACR,CAAC;IAEF,kEAAkE;IAClE,MAAM,UAAU,GAAqB;QACnC,IAAI,EAAE,CAAC;KACR,CAAC;IAEF,uEAAuE;IACvE,MAAM,YAAY,GAAqB;QACrC,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;QACtB,SAAS,EAAE,QAAQ;QACnB,iBAAiB,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;QACpC,eAAe,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;QAClC,eAAe,EAAE,iBAAiB;QAClC,YAAY,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI;KAChC,CAAC;IAEF,gCAAgC;IAChC,MAAM,gBAAgB,GAAG;QACvB,KAAK,EAAE,MAAM;QACb,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE;QACpC,UAAU,EAAE,MAAM,CAAC,UAAU,CAAC,UAAU,CAAC,IAAI;QAC7C,UAAU,EAAE,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC,OAAO;KAC9C,CAAC;IAEF,4DAA4D;IAC5D,MAAM,gBAAgB,GAAqB;QACzC,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;QACtB,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;QACxB,KAAK,EAAE,iBAAiB;QACxB,MAAM,EAAE,iBAAiB;QACzB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB,CAAC;IAEF,MAAM,cAAc,GAAG,MAAM,CAAC;IAE9B,OAAO;QACL,cAAc;QACd,UAAU;QACV,YAAY;QACZ,gBAAgB;QAChB,gBAAgB;QAChB,cAAc;QACd,YAAY;QACZ,WAAW;QACX,WAAW;QACX,kBAAkB,EAAE;YAClB,wBAAwB,EAAE,IAAI;YAC9B,GAAG,CAAC,kBAAkB,KAAK,SAAS,IAAI,EAAE,kBAAkB,EAAE,CAAC;YAC/D,GAAG,CAAC,MAAM,KAAK,SAAS,IAAI,EAAE,MAAM,EAAE,CAAC;SACxC;KACF,CAAC;AACJ,CAAC"}

package/dist/components/overlays/menu/index.d.ts

@@ -0,0 +1,4 @@
+export { Menu } from './menu.js';
+export { useMenu } from './use-menu.js';
+export type { MenuProps, MenuItem, MenuPlacement, MenuItemStyle, MenuItemAccessibilityProps, UseMenuResult } from './types.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/overlays/menu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/overlays/menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,aAAa,EAAE,aAAa,EAAE,0BAA0B,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/overlays/menu/index.js

@@ -0,0 +1,3 @@
+export { Menu } from './menu.js';
+export { useMenu } from './use-menu.js';
+//# sourceMappingURL=index.js.map

package/dist/components/overlays/menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/overlays/menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/overlays/menu/menu.d.ts

@@ -0,0 +1,4 @@
+import { View, type ViewProps } from 'react-native';
+import type { MenuProps } from './types.js';
+export declare const Menu: import("react").ForwardRefExoticComponent<MenuProps & Omit<ViewProps, keyof MenuProps> & import("react").RefAttributes<View>>;
+//# sourceMappingURL=menu.d.ts.map

package/dist/components/overlays/menu/menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../../src/components/overlays/menu/menu.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAmB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGrE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAE5C,eAAO,MAAM,IAAI,+HA4Cf,CAAC"}

package/dist/components/overlays/menu/menu.js

@@ -0,0 +1,25 @@
+import { forwardRef, createElement } from 'react';
+import { View, Pressable, Text } from 'react-native';
+import { useTheme } from '../../../theme/context.js';
+import { useMenu } from './use-menu.js';
+export const Menu = forwardRef(function Menu(props, ref) {
+    const { tokens } = useTheme();
+    const { visible, onClose, items, bg: _bg, p: _p, px: _px, py: _py, pt: _pt, pb: _pb, pl: _pl, pr: _pr, m: _m, mx: _mx, my: _my, mt: _mt, mb: _mb, ml: _ml, mr: _mr, rounded: _r, shadow: _sh, flex: _f, row: _row, center: _cen, w: _w, h: _h, borderWidth: _bw, borderColor: _bc, opacity: _op, overflow: _ov, position: _pos, top: _top, bottom: _bot, left: _left, right: _right, zIndex: _zi, accessibilityLabel, testID, anchorRect: _anc, placement: _pl2, ...rest } = props;
+    const { containerStyle, itemStyles, separatorStyle, positionStyle, accessibilityProps, itemAccessibilityProps } = useMenu(tokens, props);
+    if (!visible)
+        return null;
+    const mergedStyle = { ...containerStyle, ...positionStyle };
+    return createElement(View, {
+        ref,
+        style: mergedStyle,
+        ...accessibilityProps,
+        ...rest,
+    }, items.map((item, index) => createElement(View, { key: item.key }, createElement(Pressable, {
+        onPress: item.disabled ? undefined : item.onPress,
+        style: itemStyles[index]?.containerStyle,
+        ...itemAccessibilityProps[index],
+    }, createElement(Text, { style: itemStyles[index]?.labelStyle }, item.label)), index < items.length - 1
+        ? createElement(View, { style: separatorStyle })
+        : null)));
+});
+//# sourceMappingURL=menu.js.map

package/dist/components/overlays/menu/menu.js.map

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

package/dist/components/overlays/menu/types.d.ts

@@ -0,0 +1,49 @@
+import type { BoxStyleProps } from '../../types.js';
+import type { ResolvedBoxStyle, ResolvedTextStyle } from '../../use-component-style.js';
+export type MenuPlacement = 'top' | 'bottom';
+export interface MenuItem {
+    key: string;
+    label: string;
+    icon?: string;
+    onPress?: () => void;
+    disabled?: boolean;
+    destructive?: boolean;
+}
+export interface MenuProps extends BoxStyleProps {
+    visible: boolean;
+    onClose?: () => void;
+    items: MenuItem[];
+    anchorRect?: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+    placement?: MenuPlacement;
+    accessibilityLabel?: string;
+    testID?: string;
+}
+export interface MenuItemStyle {
+    containerStyle: ResolvedBoxStyle;
+    labelStyle: ResolvedTextStyle;
+    iconColor: string;
+}
+export interface MenuItemAccessibilityProps {
+    accessibilityRole: string;
+    accessibilityState: {
+        disabled: boolean;
+    };
+}
+export interface UseMenuResult {
+    containerStyle: ResolvedBoxStyle;
+    itemStyles: MenuItemStyle[];
+    separatorStyle: ResolvedBoxStyle;
+    positionStyle: ResolvedBoxStyle;
+    accessibilityProps: {
+        accessibilityRole: string;
+        accessibilityLabel?: string;
+        testID?: string;
+    };
+    itemAccessibilityProps: MenuItemAccessibilityProps[];
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/overlays/menu/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/overlays/menu/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,KAAK,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAExF,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,QAAQ,CAAC;AAE7C,MAAM,WAAW,QAAQ;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,SAAU,SAAQ,aAAa;IAC9C,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,UAAU,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IACrE,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,aAAa;IAC5B,cAAc,EAAE,gBAAgB,CAAC;IACjC,UAAU,EAAE,iBAAiB,CAAC;IAC9B,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,0BAA0B;IACzC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,kBAAkB,EAAE;QAAE,QAAQ,EAAE,OAAO,CAAA;KAAE,CAAC;CAC3C;AAED,MAAM,WAAW,aAAa;IAC5B,cAAc,EAAE,gBAAgB,CAAC;IACjC,UAAU,EAAE,aAAa,EAAE,CAAC;IAC5B,cAAc,EAAE,gBAAgB,CAAC;IACjC,aAAa,EAAE,gBAAgB,CAAC;IAChC,kBAAkB,EAAE;QAClB,iBAAiB,EAAE,MAAM,CAAC;QAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;QAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,sBAAsB,EAAE,0BAA0B,EAAE,CAAC;CACtD"}

package/dist/components/overlays/menu/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/components/overlays/menu/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/overlays/menu/types.ts"],"names":[],"mappings":""}

package/dist/components/overlays/menu/use-menu.d.ts

@@ -0,0 +1,4 @@
+import type { ThemeTokens } from '../../../theme/tokens.js';
+import type { MenuProps, UseMenuResult } from './types.js';
+export declare function useMenu(tokens: ThemeTokens, props: MenuProps): UseMenuResult;
+//# sourceMappingURL=use-menu.d.ts.map

package/dist/components/overlays/menu/use-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-menu.d.ts","sourceRoot":"","sources":["../../../../src/components/overlays/menu/use-menu.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAA6C,MAAM,YAAY,CAAC;AAQtG,wBAAgB,OAAO,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,GAAG,aAAa,CA0F5E"}

package/dist/components/overlays/menu/use-menu.js

@@ -0,0 +1,81 @@
+const ESTIMATED_HEIGHT = 200;
+const GAP = 8;
+const MIN_WIDTH = 180;
+const DISABLED_OPACITY = 0.5;
+export function useMenu(tokens, props) {
+    const { items, anchorRect, placement = 'bottom', accessibilityLabel, testID, } = props;
+    // Container: card bg, shadow lg, rounded md, minWidth 180, padding vertical xs
+    const containerStyle = {
+        backgroundColor: tokens.colors.card,
+        borderRadius: tokens.radii.md,
+        minWidth: MIN_WIDTH,
+        paddingVertical: tokens.spacing.xs,
+        shadowColor: tokens.shadows.lg.color,
+        shadowOffset: tokens.shadows.lg.offset,
+        shadowRadius: tokens.shadows.lg.radius,
+        shadowOpacity: tokens.shadows.lg.opacity,
+        elevation: tokens.shadows.lg.elevation,
+    };
+    // Per-item styles
+    const itemStyles = items.map((item) => {
+        const isDestructive = item.destructive === true;
+        const isDisabled = item.disabled === true;
+        const labelColor = isDestructive
+            ? tokens.colors.destructive
+            : tokens.colors.foreground;
+        const iconColor = isDestructive
+            ? tokens.colors.destructive
+            : tokens.colors.foreground;
+        const itemContainerStyle = {
+            paddingHorizontal: tokens.spacing.md,
+            paddingVertical: tokens.spacing.sm,
+            ...(isDisabled && { opacity: DISABLED_OPACITY }),
+        };
+        return {
+            containerStyle: itemContainerStyle,
+            labelStyle: {
+                color: labelColor,
+                fontSize: tokens.typography.sizes.md,
+                fontWeight: tokens.typography.weights.regular,
+                fontFamily: tokens.typography.fontFamily.body,
+            },
+            iconColor,
+        };
+    });
+    // Separator: 1px border using border color
+    const separatorStyle = {
+        borderBottomWidth: 1,
+        borderColor: tokens.colors.border,
+    };
+    // Position from anchorRect + placement
+    let positionStyle = {};
+    if (anchorRect !== undefined) {
+        positionStyle = { position: 'absolute' };
+        if (placement === 'bottom') {
+            positionStyle.top = anchorRect.y + anchorRect.height + GAP;
+            positionStyle.left = anchorRect.x;
+        }
+        else {
+            positionStyle.top = anchorRect.y - ESTIMATED_HEIGHT - GAP;
+            positionStyle.left = anchorRect.x;
+        }
+    }
+    // Per-item accessibility
+    const itemAccessibilityProps = items.map((item) => ({
+        accessibilityRole: 'menuitem',
+        accessibilityState: { disabled: item.disabled === true },
+    }));
+    return {
+        containerStyle,
+        itemStyles,
+        separatorStyle,
+        positionStyle,
+        accessibilityProps: {
+            accessibilityRole: 'menu',
+            ...(accessibilityLabel !== undefined && { accessibilityLabel }),
+            ...(testID !== undefined && { testID }),
+        },
+        itemAccessibilityProps,
+    };
+}
+//# sourceMappingURL=use-menu.js.map

package/dist/components/overlays/menu/use-menu.js.map

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

package/dist/components/overlays/modal/index.d.ts

@@ -0,0 +1,4 @@
+export { Modal } from './modal.js';
+export { useModal } from './use-modal.js';
+export type { ModalProps, ModalPosition, ModalAnimationType, UseModalResult } from './types.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/overlays/modal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/overlays/modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,YAAY,EAAE,UAAU,EAAE,aAAa,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/overlays/modal/index.js

@@ -0,0 +1,3 @@
+export { Modal } from './modal.js';
+export { useModal } from './use-modal.js';
+//# sourceMappingURL=index.js.map

package/dist/components/overlays/modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/overlays/modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/overlays/modal/modal.d.ts

@@ -0,0 +1,4 @@
+import { View, type ViewProps } from 'react-native';
+import type { ModalProps } from './types.js';
+export declare const Modal: import("react").ForwardRefExoticComponent<ModalProps & Omit<ViewProps, keyof ModalProps> & import("react").RefAttributes<View>>;
+//# sourceMappingURL=modal.d.ts.map