@qumra/fanar-native 0.1.0

package/lib/icons.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+import { AlertTriangle, ArrowLeft, ArrowRight, BarChart3, Bell, Bot, Check, CheckCheck, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Copy, ExternalLink, Globe, Home, Info, Lock, Menu, Minus, Plus, Search, Share2, Sparkles, Star, Undo2, X, type LucideIcon } from 'lucide-react-native';
+export type { LucideIcon };
+export declare function qumraIconFor(name: string): string | undefined;
+export declare function icon(name: string): LucideIcon;
+export declare function hasIcon(name: string): boolean;
+export type IconProps = {
+    name: string;
+    size?: number;
+    color?: string;
+    strokeWidth?: number;
+    style?: StyleProp<ViewStyle>;
+    flip?: boolean;
+    onPress?: () => void;
+};
+export declare function Icon({ name, size, color, strokeWidth, style, flip, onPress }: IconProps): React.FunctionComponentElement<import("lucide-react-native").LucideProps>;
+export { AlertTriangle, ArrowLeft, ArrowRight, BarChart3, Bell, Bot, Check, CheckCheck, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Copy, ExternalLink, Globe, Home, Info, Lock, Menu, Minus, Plus, Search, Share2, Sparkles, Star, Undo2, X, };

package/lib/icons.js

@@ -0,0 +1,400 @@
+import * as React from 'react';
+import { View } from 'react-native';
+import { useFanar } from './theme/context';
+import { Activity, AlertCircle, AlertTriangle, AlignJustify, Archive, ArrowDown, ArrowLeft, ArrowLeftCircle, ArrowLeftRight, ArrowRight, ArrowUp, ArrowUpDown, Ban, Banknote, BarChart3, Barcode, Bell, BellOff, BookOpen, Bookmark, Bot, Brush, Building2, Calculator, Calendar, CalendarDays, Camera, CameraOff, Car, Check, CheckCheck, CheckCircle2, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Circle, CircleCheck, CircleDot, CircleEllipsis, CircleUserRound, CircleX, Clapperboard, Clock, Clipboard, Hand, Hourglass, Network, Scissors, Ticket, CloudDownload, CloudOff, CloudUpload, Code, Copy, CornerDownLeft, CreditCard, Crown, Download, ExternalLink, Eye, EyeOff, File, FileText, Files, Filter, Fingerprint, Flag, Folder, FolderPlus, Gauge, Gem, Gift, GitBranch, GitMerge, Globe, Grid3x3, GripVertical, Handshake, Headphones, Heart, HelpCircle, Home, Image as ImageIcon, Images, Info, Key, Languages, Layers, LayoutGrid, Library, LifeBuoy, Lightbulb, LineChart, Link as LinkIcon, List, Lock, LogIn, LogOut, Mail, MailOpen, MailPlus, Map, MapPin, Maximize2, Megaphone, Menu, MessageCircle, MessageCircleMore, MessagesSquare, Minimize2, Minus, Monitor, Moon, MoreHorizontal, MoreVertical, Navigation, Newspaper, Package, PackageOpen, PackagePlus, Palette, PauseCircle, PenLine, Percent, Phone, PhoneCall, PieChart, Pin, Play, PlayCircle, Plus, PlusCircle, Printer, Radio, Receipt, Redo2, RefreshCw, Rocket, RotateCw, Save, Scaling, ScanLine, Search, Send, Server, Settings, Shapes, Share2, ShieldCheck, ShieldHalf, ShoppingBag, ShoppingCart, SkipForward, SlidersHorizontal, Smartphone, Sparkles, Square, SquareCheck, SquareCheckBig, Star, Store, Sun, Tag, Tags, Telescope, Terminal, TimerOff, Trash2, TrendingDown, TrendingUp, Truck, Type, Undo2, UserPlus, UserRound, Users, Wallet, Wand2, Warehouse, Wrench, X, Zap, } from 'lucide-react-native';
+import { WhatsappIcon } from './glyphs';
+import { QumraIcon } from './qumra/QumraIcon';
+const MAP = {
+    home: Home,
+    'shopping-bag': ShoppingBag,
+    package: Package,
+    sparkles: Sparkles,
+    crown: Crown,
+    warehouse: Warehouse,
+    'package-plus': PackagePlus,
+    store: Store,
+    'bar-chart-3': BarChart3,
+    'trending-up': TrendingUp,
+    wallet: Wallet,
+    'layout-grid': LayoutGrid,
+    settings: Settings,
+    'alert-triangle': AlertTriangle,
+    star: Star,
+    palette: Palette,
+    truck: Truck,
+    rocket: Rocket,
+    'credit-card': CreditCard,
+    image: ImageIcon,
+    megaphone: Megaphone,
+    'shield-check': ShieldCheck,
+    'message-circle': MessageCircle,
+    'book-open': BookOpen,
+    'play-circle': PlayCircle,
+    'arrow-left': ArrowLeft,
+    'arrow-right': ArrowRight,
+    bot: Bot,
+    'user-round': UserRound,
+    users: Users,
+    handshake: Handshake,
+    'pen-line': PenLine,
+    clapperboard: Clapperboard,
+    'life-buoy': LifeBuoy,
+    'help-circle': HelpCircle,
+    lightbulb: Lightbulb,
+    'log-out': LogOut,
+    bookmark: Bookmark,
+    globe: Globe,
+    'messages-square': MessagesSquare,
+    bell: Bell,
+    check: Check,
+    'check-check': CheckCheck,
+    'chevron-down': ChevronDown,
+    'chevron-left': ChevronLeft,
+    'chevron-right': ChevronRight,
+    'chevron-up': ChevronUp,
+    copy: Copy,
+    'external-link': ExternalLink,
+    info: Info,
+    link: LinkIcon,
+    lock: Lock,
+    menu: Menu,
+    minus: Minus,
+    plus: Plus,
+    'plus-circle': PlusCircle,
+    search: Search,
+    'share-2': Share2,
+    undo: Undo2,
+    x: X,
+};
+const ALIAS = {
+    add: Plus,
+    'add-circle-outline': PlusCircle,
+    'add-outline': Plus,
+    'albums-outline': Library,
+    'alert-circle': AlertCircle,
+    'alert-circle-outline': AlertCircle,
+    'analytics-outline': LineChart,
+    'angle-down': ChevronDown,
+    'angle-up': ChevronUp,
+    'apps-outline': LayoutGrid,
+    'archive-outline': Archive,
+    'arrow-back': ArrowLeft,
+    'arrow-back-circle-outline': ArrowLeftCircle,
+    'arrow-back-outline': ArrowLeft,
+    'arrow-down': ArrowDown,
+    'arrow-down-outline': ArrowDown,
+    'arrow-forward': ArrowRight,
+    'arrow-forward-outline': ArrowRight,
+    'eye-off': EyeOff,
+    'map-marker-outline': MapPin,
+    'widgets-outline': LayoutGrid,
+    'arrow-redo-outline': Redo2,
+    'arrow-undo-outline': Undo2,
+    'arrow-up': ArrowUp,
+    'arrow-up-outline': ArrowUp,
+    'bag-handle': ShoppingBag,
+    'bag-handle-outline': ShoppingBag,
+    'bag-outline': ShoppingBag,
+    ban: Ban,
+    'bar-chart-outline': BarChart3,
+    'barcode-outline': Barcode,
+    'book-outline': BookOpen,
+    'bookmark-outline': Bookmark,
+    'brush-outline': Brush,
+    'bulb-outline': Lightbulb,
+    business: Building2,
+    'business-outline': Building2,
+    'calculator-outline': Calculator,
+    calendar: Calendar,
+    'calendar-clear-outline': Calendar,
+    'calendar-number-outline': CalendarDays,
+    'calendar-outline': Calendar,
+    call: Phone,
+    'call-outline': Phone,
+    camera: Camera,
+    'camera-off-outline': CameraOff,
+    'camera-outline': Camera,
+    'car-outline': Car,
+    'card-outline': CreditCard,
+    cart: ShoppingCart,
+    'cart-outline': ShoppingCart,
+    'cash-outline': Banknote,
+    'chatbubble-ellipses-outline': MessageCircleMore,
+    'chatbubble-outline': MessageCircle,
+    'chatbubbles-outline': MessagesSquare,
+    checkbox: SquareCheckBig,
+    'checkbox-outline': SquareCheck,
+    checkmark: Check,
+    'checkmark-circle': CheckCircle2,
+    'checkmark-circle-outline': CircleCheck,
+    'checkmark-done-outline': CheckCheck,
+    'checkmark-outline': Check,
+    'chevron-back': ChevronLeft,
+    'chevron-down': ChevronDown,
+    'chevron-down-outline': ChevronDown,
+    'chevron-forward': ChevronRight,
+    'chevron-small-down': ChevronDown,
+    'chevron-up': ChevronUp,
+    close: X,
+    'close-circle': CircleX,
+    'close-circle-outline': CircleX,
+    'close-outline': X,
+    'cloud-download': CloudDownload,
+    'cloud-download-outline': CloudDownload,
+    'cloud-offline-outline': CloudOff,
+    'cloud-upload-outline': CloudUpload,
+    'code-slash': Code,
+    'code-slash-outline': Code,
+    color: Palette,
+    'color-palette-outline': Palette,
+    'color-wand-outline': Wand2,
+    construct: Wrench,
+    'contract-outline': Minimize2,
+    'copy-outline': Copy,
+    'create-outline': PenLine,
+    cube: Package,
+    'cube-outline': Package,
+    desktop: Monitor,
+    'desktop-outline': Monitor,
+    diamond: Gem,
+    'diamond-outline': Gem,
+    'document-outline': File,
+    'document-text': FileText,
+    'document-text-outline': FileText,
+    'documents-outline': Files,
+    'download-outline': Download,
+    'drag-indicator': GripVertical,
+    ellipse: Circle,
+    'ellipse-outline': Circle,
+    'ellipsis-horizontal': MoreHorizontal,
+    'ellipsis-horizontal-circle-outline': CircleEllipsis,
+    'ellipsis-vertical': MoreVertical,
+    'expand-outline': Maximize2,
+    eye: Eye,
+    'eye-off-outline': EyeOff,
+    'eye-outline': Eye,
+    'finger-print-outline': Fingerprint,
+    'flag-outline': Flag,
+    flash: Zap,
+    'flash-outline': Zap,
+    'folder-outline': Folder,
+    'folder-plus': FolderPlus,
+    'funnel-outline': Filter,
+    'gift-outline': Gift,
+    'git-branch-outline': GitBranch,
+    'git-merge-outline': GitMerge,
+    'globe-outline': Globe,
+    'grid-outline': LayoutGrid,
+    'headset-outline': Headphones,
+    'heart-outline': Heart,
+    'help-circle-outline': HelpCircle,
+    'home-outline': Home,
+    image: ImageIcon,
+    'image-outline': ImageIcon,
+    'images-outline': Images,
+    'information-circle': Info,
+    'information-circle-outline': Info,
+    'key-outline': Key,
+    'keyboard-arrow-left': ChevronLeft,
+    'keyboard-arrow-right': ChevronRight,
+    'keypad-outline': Grid3x3,
+    'language-outline': Languages,
+    'layers-outline': Layers,
+    'layout-grid': LayoutGrid,
+    left: ChevronLeft,
+    'library-outline': Library,
+    'link-outline': LinkIcon,
+    list: List,
+    'list-outline': List,
+    location: MapPin,
+    'location-outline': MapPin,
+    'clipboard-outline': Clipboard,
+    'construct-outline': Wrench,
+    'cut-outline': Scissors,
+    'git-network-outline': Network,
+    'hand-left-outline': Hand,
+    'hourglass-outline': Hourglass,
+    'moon-outline': Moon,
+    'save': Save,
+    'sunny-outline': Sun,
+    'ticket-outline': Ticket,
+    printer: Printer,
+    'lock-closed': Lock,
+    'logo-whatsapp': WhatsappIcon,
+    'lock-closed-outline': Lock,
+    login: LogIn,
+    mail: Mail,
+    'mail-open-outline': MailOpen,
+    'mail-outline': Mail,
+    'mail-unread-outline': MailPlus,
+    manual: BookOpen,
+    'map-outline': Map,
+    megaphone: Megaphone,
+    'megaphone-outline': Megaphone,
+    menu: Menu,
+    'menu-outline': Menu,
+    moon: Moon,
+    'navigate-outline': Navigation,
+    'newspaper-outline': Newspaper,
+    'notifications-off-outline': BellOff,
+    'notifications-outline': Bell,
+    'open-outline': ExternalLink,
+    'options-outline': SlidersHorizontal,
+    'package-open': PackageOpen,
+    'pause-circle-outline': PauseCircle,
+    percent: Percent,
+    people: Users,
+    'people-outline': Users,
+    person: UserRound,
+    'person-add-outline': UserPlus,
+    'person-circle-outline': CircleUserRound,
+    'person-outline': UserRound,
+    phone: Phone,
+    'phone-call': PhoneCall,
+    'phone-portrait-outline': Smartphone,
+    'pie-chart-outline': PieChart,
+    pin: Pin,
+    'pin-outline': Pin,
+    play: Play,
+    'play-circle-outline': PlayCircle,
+    'play-skip-forward-outline': SkipForward,
+    pricetag: Tag,
+    'pricetag-outline': Tag,
+    'pricetags-outline': Tags,
+    'print-outline': Printer,
+    'pulse-outline': Activity,
+    'radio-button-off': Circle,
+    'radio-button-on': CircleDot,
+    'radio-button-on-outline': CircleDot,
+    'radio-outline': Radio,
+    'reader-outline': BookOpen,
+    receipt: Receipt,
+    'receipt-outline': Receipt,
+    'refresh-circle': RefreshCw,
+    'refresh-outline': RefreshCw,
+    reload: RotateCw,
+    remove: Minus,
+    'remove-outline': Minus,
+    'reorder-three': AlignJustify,
+    'reorder-three-outline': AlignJustify,
+    'resize-outline': Scaling,
+    'return-down-back-outline': CornerDownLeft,
+    rocket: Rocket,
+    'rocket-outline': Rocket,
+    'save-outline': Save,
+    'scan-outline': ScanLine,
+    scanner: ScanLine,
+    search: Search,
+    'search-outline': Search,
+    send: Send,
+    'send-outline': Send,
+    'server-outline': Server,
+    settings: Settings,
+    'settings-outline': Settings,
+    'shapes-outline': Shapes,
+    'share-social-outline': Share2,
+    'shield-checkmark': ShieldCheck,
+    'shield-checkmark-outline': ShieldCheck,
+    'shield-half-outline': ShieldHalf,
+    shoppingcart: ShoppingCart,
+    sparkles: Sparkles,
+    'sparkles-outline': Sparkles,
+    'speedometer-outline': Gauge,
+    'square-outline': Square,
+    star: Star,
+    'star-outline': Star,
+    'stats-chart-outline': BarChart3,
+    stop: Square,
+    store: Store,
+    storefront: Store,
+    'storefront-outline': Store,
+    sun: Sun,
+    'swap-horizontal': ArrowLeftRight,
+    'swap-horizontal-outline': ArrowLeftRight,
+    'swap-vertical': ArrowUpDown,
+    'swap-vertical-outline': ArrowUpDown,
+    'sync-outline': RefreshCw,
+    'telescope-outline': Telescope,
+    'terminal-outline': Terminal,
+    'text-outline': Type,
+    'time-outline': Clock,
+    timeout: TimerOff,
+    'today-outline': CalendarDays,
+    'trash-2': Trash2,
+    'trash-outline': Trash2,
+    'trending-down': TrendingDown,
+    'trending-down-outline': TrendingDown,
+    'trending-up': TrendingUp,
+    'trending-up-outline': TrendingUp,
+    truck: Truck,
+    user: UserRound,
+    'wallet-outline': Wallet,
+    warehouse: Warehouse,
+    warning: AlertTriangle,
+    'warning-outline': AlertTriangle,
+};
+const QUMRA_FOR = {
+    home: 'home',
+    store: 'store',
+    'shopping-bag': 'sales',
+    package: 'catalog',
+    products: 'catalog',
+    'bar-chart-3': 'analytics',
+    warehouse: 'inventory',
+    truck: 'shipping',
+    'layout-grid': 'apps',
+    image: 'content',
+    images: 'content',
+    settings: 'settings',
+    customer: 'customers',
+    users: 'customers',
+    'user-round': 'customers',
+    wallet: 'payments',
+    'credit-card': 'payment',
+    bell: 'notifications',
+    crown: 'premium',
+    bot: 'shihab',
+    'book-open': 'academy',
+    'life-buoy': 'support',
+    'message-circle': 'chat',
+    'messages-square': 'chat',
+    handshake: 'partners',
+    lightbulb: 'guide',
+    clapperboard: 'video',
+    'play-circle': 'video',
+    globe: 'website',
+};
+const wrapped = {};
+function qumraAs(qumraName) {
+    const cached = wrapped[qumraName];
+    if (cached)
+        return cached;
+    const Wrapped = ({ size = 16, color, style, onPress, ...rest }) => React.createElement(View, { style, pointerEvents: onPress ? undefined : 'none' }, React.createElement(QumraIcon, { name: qumraName, size, color, onPress, ...rest }));
+    Wrapped.displayName = `Qumra(${qumraName})`;
+    wrapped[qumraName] = Wrapped;
+    return wrapped[qumraName];
+}
+export function qumraIconFor(name) {
+    return QUMRA_FOR[name];
+}
+export function icon(name) {
+    const brand = QUMRA_FOR[name];
+    if (brand)
+        return qumraAs(brand);
+    return MAP[name] ?? ALIAS[name] ?? Home;
+}
+export function hasIcon(name) {
+    return name in QUMRA_FOR || name in MAP || name in ALIAS;
+}
+export function Icon({ name, size = 16, color, strokeWidth, style, flip, onPress }) {
+    const Cmp = icon(name);
+    const { dir } = useFanar();
+    return React.createElement(Cmp, {
+        size,
+        color,
+        strokeWidth,
+        onPress,
+        style: flip && dir === 'rtl' ? [style, { transform: [{ scaleX: -1 }] }] : style,
+    });
+}
+export { AlertTriangle, ArrowLeft, ArrowRight, BarChart3, Bell, Bot, Check, CheckCheck, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Copy, ExternalLink, Globe, Home, Info, Lock, Menu, Minus, Plus, Search, Share2, Sparkles, Star, Undo2, X, };

package/lib/index.d.ts

@@ -0,0 +1,25 @@
+export { TEXT_SCALE, RADIUS_SCALE, SHADOW_SCALE, CONTAINER_SCALE, ANIMATE_SCALE, COLOR_SCALE, TOKENS, DARK_TOKENS, TEXT_PX, RADIUS_PX, type TextSize, type Radius, type Shadow, type Container, type Animation, type ColorToken, type TokenName, } from './tokens';
+export { FanarProvider, useFanar, useTheme, useLang, buildTheme, space, SPACE, LEADING, DURATION, ALEXANDRIA, SYSTEM_FONT, WEIGHT_VALUE, fontFor, rnShadow, type FanarTheme, type FanarContextValue, type FanarProviderProps, type ColorMode, type SpaceStep, type Leading, type FontSet, type Weight, } from './theme';
+export { DICT, EN, CONTENT_EN, SCREENS_EN, PHRASES, phrase, translate, stepsLeft, heroBodyLeft, previewBlockedMsg, ofCount, type Lang, type Dir, type PhraseKey, } from './i18n';
+export { TONE_SOFT, TONE_SOLID, type Tone, type ToneColors } from './lib/tone';
+export { toLatinDigits, toArabicDigits, groupDigits } from './lib/digits';
+export { usePressScale, useEnter, useSkeletonPulse, EASE_OUT, EASE_IN_OUT } from './lib/motion';
+export { hitSlopFor, HIT_SLOP_SM, TOUCH_MIN } from './lib/a11y';
+export { icon, hasIcon, Icon, qumraIconFor, type LucideIcon, type IconProps } from './icons';
+export { QumraIcon, hasQumraIcon, QUMRA_ICONS, type QumraIconProps, type QumraIconName, type QumraIconSpec, } from './qumra/QumraIcon';
+export { NavIcon, type NavIconProps } from './qumra/NavIcon';
+export { art, hasArt, BRAND, ART, type BrandName, type ArtName } from './art';
+export { Text, type TextProps } from './components/Text';
+export { Button, IconButton, type ButtonProps, type ButtonVariant, type ButtonSize, type IconButtonProps, } from './components/Button';
+export { Badge, Counter, Avatar, initials, Card, CardHeader, PageHeader, StatCard, Progress, ProgressSteps, Skeleton, Divider, type BadgeProps, type AvatarProps, type AvatarSize, type CardProps, type CardHeaderProps, type PageHeaderProps, type StatCardProps, type ProgressProps, type SkeletonProps, } from './components/Display';
+export { Field, Input, SearchInput, Textarea, Checkbox, Radio, RadioGroup, Switch, Select, type FieldProps, type FieldSize, type InputProps, type SearchInputProps, type TextareaProps, type ChoiceProps, type RadioGroupProps, type SwitchProps, type SelectProps, type SelectOption, } from './components/Form';
+export { Sheet, SheetRow, Modal, Alert, EmptyState, type SheetProps, type SheetRowProps, type ModalProps, type ModalSize, type AlertProps, type EmptyStateProps, } from './components/Overlay';
+export { toast, useToasts, ToastHost, Tooltip, type ToastItem, type ToastInput, type ToastTone, } from './components/Feedback';
+export { Tabs, FilterChips, type TabsProps, type TabItem, type FilterChip } from './components/Nav';
+export { Accordion, Timeline, Stepper, type AccordionProps, type AccordionItem, type TimelineStep, type StepperStep, } from './components/Disclosure';
+export { NumberStepper, type NumberStepperProps, type StepperSize } from './components/NumberStepper';
+export { Stars, RatingInput, MAX as RATING_MAX, type StarsProps, type RatingInputProps } from './components/Rating';
+export { Money, MoneyProvider, useCurrency, useCurrencySymbol, useMoneyLocale, CURRENCY, currencyName, isCurrency, type MoneyProps, type MoneySize, type Currency, type SymbolStyle, } from './components/Money';
+export { DrawerMenu, type DrawerMenuProps, type DrawerSection, type DrawerItem, } from './components/Drawer';
+export { Screen, AppHeader, BottomTabBar, type ScreenProps, type AppHeaderProps, type HeaderMark, type HeaderAction, type BottomTabBarProps, type TabBarItem, } from './components/Shell';
+export { Hero, PromptCard, ListRow, StepRow, RuleGrid, Glow, type HeroProps, type PromptCardProps, type ListRowProps, type StepRowProps, } from './components/Surfaces';

package/lib/index.js

@@ -0,0 +1,25 @@
+export { TEXT_SCALE, RADIUS_SCALE, SHADOW_SCALE, CONTAINER_SCALE, ANIMATE_SCALE, COLOR_SCALE, TOKENS, DARK_TOKENS, TEXT_PX, RADIUS_PX, } from './tokens';
+export { FanarProvider, useFanar, useTheme, useLang, buildTheme, space, SPACE, LEADING, DURATION, ALEXANDRIA, SYSTEM_FONT, WEIGHT_VALUE, fontFor, rnShadow, } from './theme';
+export { DICT, EN, CONTENT_EN, SCREENS_EN, PHRASES, phrase, translate, stepsLeft, heroBodyLeft, previewBlockedMsg, ofCount, } from './i18n';
+export { TONE_SOFT, TONE_SOLID } from './lib/tone';
+export { toLatinDigits, toArabicDigits, groupDigits } from './lib/digits';
+export { usePressScale, useEnter, useSkeletonPulse, EASE_OUT, EASE_IN_OUT } from './lib/motion';
+export { hitSlopFor, HIT_SLOP_SM, TOUCH_MIN } from './lib/a11y';
+export { icon, hasIcon, Icon, qumraIconFor } from './icons';
+export { QumraIcon, hasQumraIcon, QUMRA_ICONS, } from './qumra/QumraIcon';
+export { NavIcon } from './qumra/NavIcon';
+export { art, hasArt, BRAND, ART } from './art';
+export { Text } from './components/Text';
+export { Button, IconButton, } from './components/Button';
+export { Badge, Counter, Avatar, initials, Card, CardHeader, PageHeader, StatCard, Progress, ProgressSteps, Skeleton, Divider, } from './components/Display';
+export { Field, Input, SearchInput, Textarea, Checkbox, Radio, RadioGroup, Switch, Select, } from './components/Form';
+export { Sheet, SheetRow, Modal, Alert, EmptyState, } from './components/Overlay';
+export { toast, useToasts, ToastHost, Tooltip, } from './components/Feedback';
+export { Tabs, FilterChips } from './components/Nav';
+export { Accordion, Timeline, Stepper, } from './components/Disclosure';
+export { NumberStepper } from './components/NumberStepper';
+export { Stars, RatingInput, MAX as RATING_MAX } from './components/Rating';
+export { Money, MoneyProvider, useCurrency, useCurrencySymbol, useMoneyLocale, CURRENCY, currencyName, isCurrency, } from './components/Money';
+export { DrawerMenu, } from './components/Drawer';
+export { Screen, AppHeader, BottomTabBar, } from './components/Shell';
+export { Hero, PromptCard, ListRow, StepRow, RuleGrid, Glow, } from './components/Surfaces';

package/lib/lib/a11y.d.ts

@@ -0,0 +1,4 @@
+import type { Insets } from 'react-native';
+export declare const TOUCH_MIN = 44;
+export declare function hitSlopFor(size: number): Insets | undefined;
+export declare const HIT_SLOP_SM: Insets;

package/lib/lib/a11y.js

@@ -0,0 +1,8 @@
+export const TOUCH_MIN = 44;
+export function hitSlopFor(size) {
+    if (size >= TOUCH_MIN)
+        return undefined;
+    const pad = Math.ceil((TOUCH_MIN - size) / 2);
+    return { top: pad, bottom: pad, left: pad, right: pad };
+}
+export const HIT_SLOP_SM = { top: 10, bottom: 10, left: 10, right: 10 };

package/lib/lib/digits.d.ts

@@ -0,0 +1,3 @@
+export declare function toLatinDigits(s: string): string;
+export declare function toArabicDigits(s: string): string;
+export declare function groupDigits(n: number, fractionDigits?: number): string;

package/lib/lib/digits.js

@@ -0,0 +1,22 @@
+const ARABIC = '٠١٢٣٤٥٦٧٨٩';
+export function toLatinDigits(s) {
+    return s.replace(/[٠-٩۰-۹٫٬]/g, (c) => {
+        if (c === '٫')
+            return '.';
+        if (c === '٬')
+            return ',';
+        const i = ARABIC.indexOf(c);
+        if (i >= 0)
+            return String(i);
+        return String(c.charCodeAt(0) - 0x06f0);
+    });
+}
+export function toArabicDigits(s) {
+    return s.replace(/[0-9]/g, (d) => ARABIC[Number(d)]);
+}
+export function groupDigits(n, fractionDigits = 0) {
+    const fixed = Math.abs(n).toFixed(fractionDigits);
+    const [int = '0', frac] = fixed.split('.');
+    const grouped = int.replace(/\B(?=(\d{3})+(?!\d))/g, ',');
+    return `${n < 0 ? '-' : ''}${grouped}${frac ? `.${frac}` : ''}`;
+}

package/lib/lib/motion.d.ts

@@ -0,0 +1,14 @@
+import { Animated } from 'react-native';
+export declare const EASE_OUT: import("react-native").EasingFunction;
+export declare const EASE_IN_OUT: import("react-native").EasingFunction;
+export declare function usePressScale(enabled?: boolean, to?: number): {
+    style: {
+        transform: {
+            scale: Animated.Value;
+        }[];
+    };
+    onPressIn: () => void;
+    onPressOut: () => void;
+};
+export declare function useEnter(open: boolean, duration?: number): Animated.Value;
+export declare function useSkeletonPulse(): Animated.Value;

package/lib/lib/motion.js

@@ -0,0 +1,47 @@
+import { useCallback, useEffect, useRef } from 'react';
+import { Animated, Easing } from 'react-native';
+import { DURATION } from '../theme/theme';
+export const EASE_OUT = Easing.bezier(0.2, 0.9, 0.2, 1);
+export const EASE_IN_OUT = Easing.bezier(0.2, 0.8, 0.2, 1);
+export function usePressScale(enabled = true, to = 0.97) {
+    const scale = useRef(new Animated.Value(1)).current;
+    const run = useCallback((value) => {
+        if (!enabled)
+            return;
+        Animated.timing(scale, {
+            toValue: value,
+            duration: DURATION.press,
+            easing: EASE_OUT,
+            useNativeDriver: true,
+        }).start();
+    }, [enabled, scale]);
+    return {
+        style: { transform: [{ scale }] },
+        onPressIn: () => run(to),
+        onPressOut: () => run(1),
+    };
+}
+export function useEnter(open, duration = DURATION.sheet) {
+    const value = useRef(new Animated.Value(open ? 1 : 0)).current;
+    useEffect(() => {
+        Animated.timing(value, {
+            toValue: open ? 1 : 0,
+            duration,
+            easing: EASE_OUT,
+            useNativeDriver: true,
+        }).start();
+    }, [open, duration, value]);
+    return value;
+}
+export function useSkeletonPulse() {
+    const value = useRef(new Animated.Value(1)).current;
+    useEffect(() => {
+        const loop = Animated.loop(Animated.sequence([
+            Animated.timing(value, { toValue: 0.7, duration: 800, easing: EASE_IN_OUT, useNativeDriver: true }),
+            Animated.timing(value, { toValue: 1, duration: 800, easing: EASE_IN_OUT, useNativeDriver: true }),
+        ]));
+        loop.start();
+        return () => loop.stop();
+    }, [value]);
+    return value;
+}

package/lib/lib/tone.d.ts

@@ -0,0 +1,9 @@
+import type { ColorToken } from '../tokens';
+export type Tone = 'neutral' | 'brand' | 'amber' | 'green' | 'red' | 'violet';
+export interface ToneColors {
+    bg: ColorToken | 'white' | 'transparent';
+    fg: ColorToken | 'white';
+    line: ColorToken | 'transparent';
+}
+export declare const TONE_SOFT: Record<Tone, ToneColors>;
+export declare const TONE_SOLID: Record<Tone, ToneColors>;

package/lib/lib/tone.js

@@ -0,0 +1,16 @@
+export const TONE_SOFT = {
+    neutral: { bg: 'hover', fg: 'muted', line: 'line' },
+    brand: { bg: 'soft', fg: 'brand-ink', line: 'soft2' },
+    amber: { bg: 'amber-bg', fg: 'amber-ink', line: 'amber-line' },
+    green: { bg: 'green-bg2', fg: 'green', line: 'green-line' },
+    red: { bg: 'red-bg', fg: 'red', line: 'red-line' },
+    violet: { bg: 'violet-bg', fg: 'violet', line: 'violet-line' },
+};
+export const TONE_SOLID = {
+    neutral: { bg: 'ink2', fg: 'surface', line: 'transparent' },
+    brand: { bg: 'brand', fg: 'white', line: 'transparent' },
+    amber: { bg: 'amber', fg: 'amber-900', line: 'transparent' },
+    green: { bg: 'green-solid', fg: 'white', line: 'transparent' },
+    red: { bg: 'danger', fg: 'white', line: 'transparent' },
+    violet: { bg: 'violet-solid', fg: 'white', line: 'transparent' },
+};

package/lib/qumra/NavIcon.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+import { type LucideIcon } from '../icons';
+export interface NavIconProps {
+    icon: LucideIcon | string;
+    size?: number;
+    active?: boolean;
+    color?: string;
+    activeColor?: string;
+    strokeWidth?: number;
+    style?: StyleProp<ViewStyle>;
+}
+export declare function NavIcon({ icon, size, active, color, activeColor, strokeWidth, style, }: NavIconProps): React.JSX.Element;
+export default NavIcon;

package/lib/qumra/NavIcon.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { icon as resolveLucide, qumraIconFor } from '../icons';
+import { QUMRA_ICONS, QumraIcon } from './QumraIcon';
+const brandName = (name) => qumraIconFor(name) ?? (name in QUMRA_ICONS ? name : undefined);
+export function NavIcon({ icon, size = 20, active, color, activeColor, strokeWidth, style, }) {
+    if (typeof icon === 'string') {
+        const brand = brandName(icon);
+        if (brand) {
+            return _jsx(QumraIcon, { name: brand, size: size, mono: true, active: active });
+        }
+        const Lucide = resolveLucide(icon);
+        return _jsx(Lucide, { size: size, strokeWidth: strokeWidth, color: active ? activeColor : color, style: style });
+    }
+    const Lucide = icon;
+    return _jsx(Lucide, { size: size, strokeWidth: strokeWidth, color: active ? activeColor : color, style: style });
+}
+export default NavIcon;

package/lib/qumra/QumraIcon.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { QUMRA_ICONS } from './data.generated';
+export interface QumraIconProps {
+    name: string;
+    size?: number;
+    mono?: boolean;
+    active?: boolean;
+    color?: string;
+    count?: number | string;
+    label?: string;
+    onPress?: () => void;
+}
+export declare function QumraIcon({ name, size, mono, active, color, count, label, onPress, }: QumraIconProps): React.JSX.Element | null;
+export declare const hasQumraIcon: (name: string) => boolean;
+export { QUMRA_ICONS };
+export type { QumraIconName } from './data.generated';
+export type { QumraIconSpec, QumraNode } from './types';