@assure-one/design-system 1.0.0 → 1.1.0

package/dist/index.d.ts

@@ -990,6 +990,46 @@ interface PhoneInputProps extends Omit<InputProps, "type" | "onChange" | "value"
 }
 declare const PhoneInput: React$1.ForwardRefExoticComponent<Omit<PhoneInputProps, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
 
+interface CountryCode {
+    iso: string;
+    name: string;
+    dialCode: string;
+}
+declare const COUNTRY_CODES: CountryCode[];
+/**
+ * Convert an ISO 3166-1 alpha-2 country code to its Unicode flag emoji.
+ * (Fallback for environments without the SVG flag set.)
+ */
+declare function getFlagEmoji(iso: string): string;
+/**
+ * Split a stored E.164-ish phone string (e.g. "+44 7700 900000") into the
+ * matching country ISO and the local portion, for seeding an edit form.
+ * Falls back to US + the raw string when no dial code matches.
+ */
+declare function parsePhoneForEditing(phone: string): {
+    iso: string;
+    localPhone: string;
+};
+
+declare function CountryFlag({ iso }: {
+    iso: string;
+}): react_jsx_runtime.JSX.Element;
+declare function CountrySelect({ value, onChange, disabled, }: {
+    value: string;
+    onChange: (iso: string) => void;
+    disabled?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function PhoneCountryInput({ countryIso, localPhone, onCountryChange, onPhoneChange, placeholder, error, disabled, id, }: {
+    countryIso: string;
+    localPhone: string;
+    onCountryChange: (iso: string) => void;
+    onPhoneChange: (phone: string) => void;
+    placeholder?: string;
+    error?: string;
+    disabled?: boolean;
+    id?: string;
+}): react_jsx_runtime.JSX.Element;
+
 declare const Popover: React$1.FC<PopoverPrimitive.PopoverProps>;
 declare const PopoverTrigger: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
 declare const PopoverAnchor: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React$1.RefAttributes<HTMLDivElement>>;
@@ -2839,4 +2879,4 @@ declare const KbdHint: React$1.ForwardRefExoticComponent<KbdHintProps & React$1.
 
 declare function cn(...inputs: ClassValue[]): string;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, type ActivityDotVariant, ActivityEventItem, type ActivityEventItemProps, ActivityItem, type ActivityItemProps, ActivityList, type ActivityListProps, Alert, AlertCircleIcon, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, AlertTriangleIcon, AlertTriangleSolidIcon, AppHeader, AppHeaderActions, type AppHeaderActionsProps, AppHeaderBreadcrumb, type AppHeaderBreadcrumbProps, type AppHeaderProps, AppHeaderSearch, type AppHeaderSearchProps, AppHeaderTitle, type AppHeaderTitleProps, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowRightSmallIcon, ArrowUpIcon, AspectRatio, AssureAuditBrandIcon, AssureBooksBrandIcon, AssureProBrandIcon, AssureTaxBrandIcon, AtSignIcon, Avatar, Badge, type BadgeProps, BarChartIcon, BellIcon, Blockquote, BoldIcon, type BrandIconProps, Breadcrumb, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbList, type BreadcrumbListProps, BreadcrumbPage, type BreadcrumbPageProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, BriefcaseIcon, Building2Icon, BuildingIcon, BulkActionBar, BulkActionBarAction, type BulkActionBarActionProps, type BulkActionBarProps, BulkActionBarSeparator, type BulkActionBarVariant, Button, type ButtonProps, Calendar, type CalendarHighlight, type CalendarHighlightColor, CalendarIcon, type CalendarProps, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, type CardVariants, ChatBubbleIcon, CheckCircle2Icon, CheckCircleSolidIcon, CheckIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsUpDownIcon, CircleDotIcon, CircleIcon, ClientSelect, type ClientSelectOption, ClipboardCheckIcon, ClockIcon, CloseIcon, Collapsible, CollapsibleContent, CollapsibleTrigger, ComingSoon, type ComingSoonProps, CommandIcon, type CommandItem, CommandPalette, ConfirmActionButton, type ConfirmActionButtonProps, Content, type ContentProps, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyButton, CopyIcon, CornerDownLeftIcon, CreditCardIcon, DATE_DISPLAY_PLACEHOLDER, DangerAction, type DangerActionProps, DataItem, DataTable, DataTableBody, type DataTableBodyProps, DataTableCell, DataTableCellDue, type DataTableCellDueProps, DataTableCellId, DataTableCellMono, DataTableCellName, type DataTableCellProps, DataTableCheckbox, type DataTableCheckboxProps, DataTableHead, type DataTableHeadProps, DataTableHeader, type DataTableHeaderProps, DataTablePagination, type DataTablePaginationProps, type DataTableProps, DataTableResultsCount, type DataTableResultsCountProps, DataTableRow, type DataTableRowProps, DataTableSearch, type DataTableSearchProps, DataTableSpacer, type DataTableSpacerProps, DataTableToolbar, type DataTableToolbarProps, DatePicker, DateRangePicker, type DateRangeValue, DetailGrid, type DetailGridProps, DetailMain, type DetailMainProps, DetailSpine, DetailSpineHeader, type DetailSpineHeaderProps, type DetailSpineProps, DetailSpineSection, type DetailSpineSectionProps, DetailSpineStats, type DetailSpineStatsProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DismissibleChip, DocumentIcon, DollarSignIcon, DownloadIcon, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, type EmptyStateProps, EyeIcon, EyeOffIcon, Eyebrow, type EyebrowProps, FileIcon, FileReturnIcon, FileTextIcon, FileUpload, FilterChip, type FilterChipProps, FilterIcon, FlagIcon, FolderClosedIcon, FolderOpenIcon, FolderPlusIcon, FormError, FormSection, FormSuccess, GlobeIcon, GoogleBrandIcon, HelpCircleIcon, HistoryIcon, HomeIcon, HoverCard, HoverCardContent, HoverCardPortal, HoverCardTrigger, IconAction, type IconActionProps, InboxIcon, InfoCircleSolidIcon, InfoIcon, Input, type InputVariants, ItalicIcon, Kanban, KanbanCard, type KanbanCardProps, KanbanColumn, type KanbanColumnProps, KanbanIcon, type KanbanProps, KbdHint, type KbdHintProps, KeyIcon, type KeyboardShortcut, type KeyboardShortcutSection, KeyboardShortcutsDialog, type KeyboardShortcutsDialogProps, KpiCard, type KpiCardProps, type KpiDelta, Label, LayoutDashboardIcon, LayoutGridIcon, LayoutListIcon, LightningIcon, Link2Icon, LinkAction, type LinkActionProps, LinkButton, LinkIcon, ListChecksIcon, ListIcon, ListOrderedIcon, LoaderIcon, LoadingRows, LockIcon, LockKeyholeIcon, LockOpenIcon, LogOutIcon, Logo, MailIcon, Main, type MainProps, MapPinIcon, MenuIcon, MessageBubble, MessageBubbleAction, type MessageBubbleActionProps, type MessageBubbleProps, MessageBubbleTombstone, type MessageBubbleTombstoneProps, MessageCircleIcon, MessageCircleWarningIcon, MessageComposer, type MessageComposerProps, MetadataGrid, MicrosoftBrandIcon, MinusIcon, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoveIcon, MultiFilterPill, MultiSelectField, MutedSpec, type MutedSpecProps, NotificationFilter, type NotificationFilterProps, type NotificationFilterValue, NotificationItem, type NotificationItemProps, NotificationList, type NotificationListProps, NotificationPanel, NotificationPanelFooter, type NotificationPanelFooterProps, NotificationPanelHeader, type NotificationPanelHeaderProps, type NotificationPanelProps, Numeric, type NumericProps, OTPInput, PageHeader, type PageHeaderProps, PageHeaderSep, type PageHeaderSepProps, PageHeaderSpec, type PageHeaderSpecProps, Pagination, type PaginationProps, PaletteIcon, PanelLeftCloseIcon, PanelLeftIcon, PaperclipIcon, PauseIcon, PenSignIcon, PencilIcon, PhoneIcon, PhoneInput, PlayIcon, PlusIcon, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, PrimaryAction, type PrimaryActionProps, type Priority, PriorityIcon, type PriorityIconProps, ProgressBar, type ProgressBarProps, ProgressRing, type ProgressRingProps, type QuickReplyChip, RadioGroup, RadioGroupItem, ReceiptIcon, ReplyIcon, RotateCcwIcon, SaveIcon, ScrollArea, ScrollBar, SearchIcon, SearchInput, type SearchInputVariants, SearchSelect, type SearchSelectOption, SecondaryAction, type SecondaryActionProps, Section, SectionHead, SectionHeader, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, type SelectOption, type SelectProps, SelectRoot, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SelectableKpiCard, type SelectableKpiCardProps, SendIcon, Separator, SettingsIcon, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Shell, type ShellProps, ShieldIcon, SideDrawer, Sidebar, SidebarBrand, type SidebarBrandProps, SidebarBrandSwitcher, type SidebarBrandSwitcherItem, type SidebarBrandSwitcherProps, SidebarBrandSwitcherTile, SidebarBrandText, type SidebarBrandTextProps, SidebarFooter, type SidebarFooterProps, SidebarLink, SidebarLinkAction, type SidebarLinkActionProps, SidebarLinkBadge, type SidebarLinkBadgeProps, type SidebarLinkBadgeVariants, SidebarLinkGroup, type SidebarLinkGroupProps, SidebarLinkLabel, type SidebarLinkLabelProps, type SidebarLinkProps, SidebarPinButton, type SidebarPinButtonProps, type SidebarProps, SidebarProvider, type SidebarProviderProps, SidebarSection, type SidebarSectionProps, type SidebarState, SidebarTrigger, type SidebarTriggerProps, SidebarUser, type SidebarUserProps, Skeleton, SkeletonCircle, SkeletonText, SlashIcon, Slider, SmartphoneIcon, type SortDirection, SparkleIcon, SparklesIcon, Spinner, type SpinnerProps, StarIcon, StarRating, type StarRatingProps, Stat, StatusIcon, type StatusIconProps, type StatusState, type Step, Stepper, type StepperProps, StopIcon, StrikethroughIcon, SubmitButton, SunIcon, Switch, Table, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, TableIcon, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, TabsList, TabsTrigger, TagIcon, TeamIcon, TeamMemberSelect, Textarea, type TextareaVariants, TimeLogger, TimeLoggerActions, type TimeLoggerActionsProps, TimeLoggerBillable, type TimeLoggerBillableProps, TimeLoggerContextRow, type TimeLoggerContextRowProps, TimeLoggerEntry, TimeLoggerEntryList, type TimeLoggerEntryListProps, type TimeLoggerEntryProps, TimeLoggerField, type TimeLoggerFieldProps, TimeLoggerFooter, type TimeLoggerFooterProps, TimeLoggerHeader, type TimeLoggerHeaderProps, TimeLoggerNotes, type TimeLoggerNotesProps, type TimeLoggerPhase, type TimeLoggerProps, type TimeLoggerTier, TimeLoggerTimer, type TimeLoggerTimerProps, ToastProvider, ToggleGroup, ToggleGroupItem, Toolbar, type ToolbarProps, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, Trash2Icon, TrashIcon, TrendingDownIcon, TrendingUpIcon, UnderlineIcon, UploadIcon, type UseStopwatchReturn, UserCircleIcon, UserIcon, UsersIcon, VisuallyHidden, WorkflowIcon, XCircleSolidIcon, XIcon, YEAR_DISPLAY_PLACEHOLDER, ZoomInIcon, ZoomOutIcon, alertVariants, applyMask, applyYearMask, badgeVariants, buttonVariants, cardVariants, cn, dateToIso, displayToIso, filterChipVariants, formatClock, formatCurrency, formatDuration, inputVariants, isoToDate, isoToDisplay, isoToYear, labelVariants, parseDuration, progressBarVariants, progressRingVariants, searchInputVariants, sidebarLinkBadgeVariants, spinnerVariants, starRatingVariants, textareaVariants, useSidebarPeekLock, useSidebarState, useStopwatch, useToast, yearToIso };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, type ActivityDotVariant, ActivityEventItem, type ActivityEventItemProps, ActivityItem, type ActivityItemProps, ActivityList, type ActivityListProps, Alert, AlertCircleIcon, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, AlertTriangleIcon, AlertTriangleSolidIcon, AppHeader, AppHeaderActions, type AppHeaderActionsProps, AppHeaderBreadcrumb, type AppHeaderBreadcrumbProps, type AppHeaderProps, AppHeaderSearch, type AppHeaderSearchProps, AppHeaderTitle, type AppHeaderTitleProps, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowRightSmallIcon, ArrowUpIcon, AspectRatio, AssureAuditBrandIcon, AssureBooksBrandIcon, AssureProBrandIcon, AssureTaxBrandIcon, AtSignIcon, Avatar, Badge, type BadgeProps, BarChartIcon, BellIcon, Blockquote, BoldIcon, type BrandIconProps, Breadcrumb, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbList, type BreadcrumbListProps, BreadcrumbPage, type BreadcrumbPageProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, BriefcaseIcon, Building2Icon, BuildingIcon, BulkActionBar, BulkActionBarAction, type BulkActionBarActionProps, type BulkActionBarProps, BulkActionBarSeparator, type BulkActionBarVariant, Button, type ButtonProps, COUNTRY_CODES, Calendar, type CalendarHighlight, type CalendarHighlightColor, CalendarIcon, type CalendarProps, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, type CardVariants, ChatBubbleIcon, CheckCircle2Icon, CheckCircleSolidIcon, CheckIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsUpDownIcon, CircleDotIcon, CircleIcon, ClientSelect, type ClientSelectOption, ClipboardCheckIcon, ClockIcon, CloseIcon, Collapsible, CollapsibleContent, CollapsibleTrigger, ComingSoon, type ComingSoonProps, CommandIcon, type CommandItem, CommandPalette, ConfirmActionButton, type ConfirmActionButtonProps, Content, type ContentProps, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyButton, CopyIcon, CornerDownLeftIcon, type CountryCode, CountryFlag, CountrySelect, CreditCardIcon, DATE_DISPLAY_PLACEHOLDER, DangerAction, type DangerActionProps, DataItem, DataTable, DataTableBody, type DataTableBodyProps, DataTableCell, DataTableCellDue, type DataTableCellDueProps, DataTableCellId, DataTableCellMono, DataTableCellName, type DataTableCellProps, DataTableCheckbox, type DataTableCheckboxProps, DataTableHead, type DataTableHeadProps, DataTableHeader, type DataTableHeaderProps, DataTablePagination, type DataTablePaginationProps, type DataTableProps, DataTableResultsCount, type DataTableResultsCountProps, DataTableRow, type DataTableRowProps, DataTableSearch, type DataTableSearchProps, DataTableSpacer, type DataTableSpacerProps, DataTableToolbar, type DataTableToolbarProps, DatePicker, DateRangePicker, type DateRangeValue, DetailGrid, type DetailGridProps, DetailMain, type DetailMainProps, DetailSpine, DetailSpineHeader, type DetailSpineHeaderProps, type DetailSpineProps, DetailSpineSection, type DetailSpineSectionProps, DetailSpineStats, type DetailSpineStatsProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DismissibleChip, DocumentIcon, DollarSignIcon, DownloadIcon, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, type EmptyStateProps, EyeIcon, EyeOffIcon, Eyebrow, type EyebrowProps, FileIcon, FileReturnIcon, FileTextIcon, FileUpload, FilterChip, type FilterChipProps, FilterIcon, FlagIcon, FolderClosedIcon, FolderOpenIcon, FolderPlusIcon, FormError, FormSection, FormSuccess, GlobeIcon, GoogleBrandIcon, HelpCircleIcon, HistoryIcon, HomeIcon, HoverCard, HoverCardContent, HoverCardPortal, HoverCardTrigger, IconAction, type IconActionProps, InboxIcon, InfoCircleSolidIcon, InfoIcon, Input, type InputVariants, ItalicIcon, Kanban, KanbanCard, type KanbanCardProps, KanbanColumn, type KanbanColumnProps, KanbanIcon, type KanbanProps, KbdHint, type KbdHintProps, KeyIcon, type KeyboardShortcut, type KeyboardShortcutSection, KeyboardShortcutsDialog, type KeyboardShortcutsDialogProps, KpiCard, type KpiCardProps, type KpiDelta, Label, LayoutDashboardIcon, LayoutGridIcon, LayoutListIcon, LightningIcon, Link2Icon, LinkAction, type LinkActionProps, LinkButton, LinkIcon, ListChecksIcon, ListIcon, ListOrderedIcon, LoaderIcon, LoadingRows, LockIcon, LockKeyholeIcon, LockOpenIcon, LogOutIcon, Logo, MailIcon, Main, type MainProps, MapPinIcon, MenuIcon, MessageBubble, MessageBubbleAction, type MessageBubbleActionProps, type MessageBubbleProps, MessageBubbleTombstone, type MessageBubbleTombstoneProps, MessageCircleIcon, MessageCircleWarningIcon, MessageComposer, type MessageComposerProps, MetadataGrid, MicrosoftBrandIcon, MinusIcon, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoveIcon, MultiFilterPill, MultiSelectField, MutedSpec, type MutedSpecProps, NotificationFilter, type NotificationFilterProps, type NotificationFilterValue, NotificationItem, type NotificationItemProps, NotificationList, type NotificationListProps, NotificationPanel, NotificationPanelFooter, type NotificationPanelFooterProps, NotificationPanelHeader, type NotificationPanelHeaderProps, type NotificationPanelProps, Numeric, type NumericProps, OTPInput, PageHeader, type PageHeaderProps, PageHeaderSep, type PageHeaderSepProps, PageHeaderSpec, type PageHeaderSpecProps, Pagination, type PaginationProps, PaletteIcon, PanelLeftCloseIcon, PanelLeftIcon, PaperclipIcon, PauseIcon, PenSignIcon, PencilIcon, PhoneCountryInput, PhoneIcon, PhoneInput, PlayIcon, PlusIcon, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, PrimaryAction, type PrimaryActionProps, type Priority, PriorityIcon, type PriorityIconProps, ProgressBar, type ProgressBarProps, ProgressRing, type ProgressRingProps, type QuickReplyChip, RadioGroup, RadioGroupItem, ReceiptIcon, ReplyIcon, RotateCcwIcon, SaveIcon, ScrollArea, ScrollBar, SearchIcon, SearchInput, type SearchInputVariants, SearchSelect, type SearchSelectOption, SecondaryAction, type SecondaryActionProps, Section, SectionHead, SectionHeader, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, type SelectOption, type SelectProps, SelectRoot, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SelectableKpiCard, type SelectableKpiCardProps, SendIcon, Separator, SettingsIcon, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Shell, type ShellProps, ShieldIcon, SideDrawer, Sidebar, SidebarBrand, type SidebarBrandProps, SidebarBrandSwitcher, type SidebarBrandSwitcherItem, type SidebarBrandSwitcherProps, SidebarBrandSwitcherTile, SidebarBrandText, type SidebarBrandTextProps, SidebarFooter, type SidebarFooterProps, SidebarLink, SidebarLinkAction, type SidebarLinkActionProps, SidebarLinkBadge, type SidebarLinkBadgeProps, type SidebarLinkBadgeVariants, SidebarLinkGroup, type SidebarLinkGroupProps, SidebarLinkLabel, type SidebarLinkLabelProps, type SidebarLinkProps, SidebarPinButton, type SidebarPinButtonProps, type SidebarProps, SidebarProvider, type SidebarProviderProps, SidebarSection, type SidebarSectionProps, type SidebarState, SidebarTrigger, type SidebarTriggerProps, SidebarUser, type SidebarUserProps, Skeleton, SkeletonCircle, SkeletonText, SlashIcon, Slider, SmartphoneIcon, type SortDirection, SparkleIcon, SparklesIcon, Spinner, type SpinnerProps, StarIcon, StarRating, type StarRatingProps, Stat, StatusIcon, type StatusIconProps, type StatusState, type Step, Stepper, type StepperProps, StopIcon, StrikethroughIcon, SubmitButton, SunIcon, Switch, Table, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, TableIcon, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, TabsList, TabsTrigger, TagIcon, TeamIcon, TeamMemberSelect, Textarea, type TextareaVariants, TimeLogger, TimeLoggerActions, type TimeLoggerActionsProps, TimeLoggerBillable, type TimeLoggerBillableProps, TimeLoggerContextRow, type TimeLoggerContextRowProps, TimeLoggerEntry, TimeLoggerEntryList, type TimeLoggerEntryListProps, type TimeLoggerEntryProps, TimeLoggerField, type TimeLoggerFieldProps, TimeLoggerFooter, type TimeLoggerFooterProps, TimeLoggerHeader, type TimeLoggerHeaderProps, TimeLoggerNotes, type TimeLoggerNotesProps, type TimeLoggerPhase, type TimeLoggerProps, type TimeLoggerTier, TimeLoggerTimer, type TimeLoggerTimerProps, ToastProvider, ToggleGroup, ToggleGroupItem, Toolbar, type ToolbarProps, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, Trash2Icon, TrashIcon, TrendingDownIcon, TrendingUpIcon, UnderlineIcon, UploadIcon, type UseStopwatchReturn, UserCircleIcon, UserIcon, UsersIcon, VisuallyHidden, WorkflowIcon, XCircleSolidIcon, XIcon, YEAR_DISPLAY_PLACEHOLDER, ZoomInIcon, ZoomOutIcon, alertVariants, applyMask, applyYearMask, badgeVariants, buttonVariants, cardVariants, cn, dateToIso, displayToIso, filterChipVariants, formatClock, formatCurrency, formatDuration, getFlagEmoji, inputVariants, isoToDate, isoToDisplay, isoToYear, labelVariants, parseDuration, parsePhoneForEditing, progressBarVariants, progressRingVariants, searchInputVariants, sidebarLinkBadgeVariants, spinnerVariants, starRatingVariants, textareaVariants, useSidebarPeekLock, useSidebarState, useStopwatch, useToast, yearToIso };

package/dist/index.js

@@ -25,6 +25,7 @@ import * as LabelPrimitive from '@radix-ui/react-label';
 import Link from 'next/link';
 import Image2 from 'next/image';
 import { OTPInput as OTPInput$1, REGEXP_ONLY_DIGITS } from 'input-otp';
+import * as AllFlags from 'country-flag-icons/react/3x2';
 import * as ProgressPrimitive from '@radix-ui/react-progress';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
@@ -5684,6 +5685,367 @@ var PhoneInput = forwardRef(function PhoneInput2({ value, defaultValue, onChange
   ] });
 });
 PhoneInput.displayName = "PhoneInput";
+
+// src/lib/country-codes.ts
+var COUNTRY_CODES = [
+  { iso: "US", name: "United States", dialCode: "+1" },
+  { iso: "CA", name: "Canada", dialCode: "+1" },
+  { iso: "GB", name: "United Kingdom", dialCode: "+44" },
+  { iso: "AU", name: "Australia", dialCode: "+61" },
+  { iso: "IN", name: "India", dialCode: "+91" },
+  { iso: "AF", name: "Afghanistan", dialCode: "+93" },
+  { iso: "AL", name: "Albania", dialCode: "+355" },
+  { iso: "DZ", name: "Algeria", dialCode: "+213" },
+  { iso: "AD", name: "Andorra", dialCode: "+376" },
+  { iso: "AO", name: "Angola", dialCode: "+244" },
+  { iso: "AG", name: "Antigua and Barbuda", dialCode: "+1268" },
+  { iso: "AR", name: "Argentina", dialCode: "+54" },
+  { iso: "AM", name: "Armenia", dialCode: "+374" },
+  { iso: "AT", name: "Austria", dialCode: "+43" },
+  { iso: "AZ", name: "Azerbaijan", dialCode: "+994" },
+  { iso: "BS", name: "Bahamas", dialCode: "+1242" },
+  { iso: "BH", name: "Bahrain", dialCode: "+973" },
+  { iso: "BD", name: "Bangladesh", dialCode: "+880" },
+  { iso: "BB", name: "Barbados", dialCode: "+1246" },
+  { iso: "BY", name: "Belarus", dialCode: "+375" },
+  { iso: "BE", name: "Belgium", dialCode: "+32" },
+  { iso: "BZ", name: "Belize", dialCode: "+501" },
+  { iso: "BJ", name: "Benin", dialCode: "+229" },
+  { iso: "BT", name: "Bhutan", dialCode: "+975" },
+  { iso: "BO", name: "Bolivia", dialCode: "+591" },
+  { iso: "BA", name: "Bosnia and Herzegovina", dialCode: "+387" },
+  { iso: "BW", name: "Botswana", dialCode: "+267" },
+  { iso: "BR", name: "Brazil", dialCode: "+55" },
+  { iso: "BN", name: "Brunei", dialCode: "+673" },
+  { iso: "BG", name: "Bulgaria", dialCode: "+359" },
+  { iso: "BF", name: "Burkina Faso", dialCode: "+226" },
+  { iso: "BI", name: "Burundi", dialCode: "+257" },
+  { iso: "KH", name: "Cambodia", dialCode: "+855" },
+  { iso: "CM", name: "Cameroon", dialCode: "+237" },
+  { iso: "CV", name: "Cape Verde", dialCode: "+238" },
+  { iso: "CF", name: "Central African Republic", dialCode: "+236" },
+  { iso: "TD", name: "Chad", dialCode: "+235" },
+  { iso: "CL", name: "Chile", dialCode: "+56" },
+  { iso: "CN", name: "China", dialCode: "+86" },
+  { iso: "CO", name: "Colombia", dialCode: "+57" },
+  { iso: "KM", name: "Comoros", dialCode: "+269" },
+  { iso: "CG", name: "Congo", dialCode: "+242" },
+  { iso: "CD", name: "Congo, DR", dialCode: "+243" },
+  { iso: "CR", name: "Costa Rica", dialCode: "+506" },
+  { iso: "HR", name: "Croatia", dialCode: "+385" },
+  { iso: "CU", name: "Cuba", dialCode: "+53" },
+  { iso: "CY", name: "Cyprus", dialCode: "+357" },
+  { iso: "CZ", name: "Czech Republic", dialCode: "+420" },
+  { iso: "DK", name: "Denmark", dialCode: "+45" },
+  { iso: "DJ", name: "Djibouti", dialCode: "+253" },
+  { iso: "DM", name: "Dominica", dialCode: "+1767" },
+  { iso: "DO", name: "Dominican Republic", dialCode: "+1809" },
+  { iso: "EC", name: "Ecuador", dialCode: "+593" },
+  { iso: "EG", name: "Egypt", dialCode: "+20" },
+  { iso: "SV", name: "El Salvador", dialCode: "+503" },
+  { iso: "GQ", name: "Equatorial Guinea", dialCode: "+240" },
+  { iso: "ER", name: "Eritrea", dialCode: "+291" },
+  { iso: "EE", name: "Estonia", dialCode: "+372" },
+  { iso: "SZ", name: "Eswatini", dialCode: "+268" },
+  { iso: "ET", name: "Ethiopia", dialCode: "+251" },
+  { iso: "FJ", name: "Fiji", dialCode: "+679" },
+  { iso: "FI", name: "Finland", dialCode: "+358" },
+  { iso: "FR", name: "France", dialCode: "+33" },
+  { iso: "GA", name: "Gabon", dialCode: "+241" },
+  { iso: "GM", name: "Gambia", dialCode: "+220" },
+  { iso: "GE", name: "Georgia", dialCode: "+995" },
+  { iso: "DE", name: "Germany", dialCode: "+49" },
+  { iso: "GH", name: "Ghana", dialCode: "+233" },
+  { iso: "GR", name: "Greece", dialCode: "+30" },
+  { iso: "GD", name: "Grenada", dialCode: "+1473" },
+  { iso: "GT", name: "Guatemala", dialCode: "+502" },
+  { iso: "GN", name: "Guinea", dialCode: "+224" },
+  { iso: "GW", name: "Guinea-Bissau", dialCode: "+245" },
+  { iso: "GY", name: "Guyana", dialCode: "+592" },
+  { iso: "HT", name: "Haiti", dialCode: "+509" },
+  { iso: "HN", name: "Honduras", dialCode: "+504" },
+  { iso: "HK", name: "Hong Kong", dialCode: "+852" },
+  { iso: "HU", name: "Hungary", dialCode: "+36" },
+  { iso: "IS", name: "Iceland", dialCode: "+354" },
+  { iso: "ID", name: "Indonesia", dialCode: "+62" },
+  { iso: "IR", name: "Iran", dialCode: "+98" },
+  { iso: "IQ", name: "Iraq", dialCode: "+964" },
+  { iso: "IE", name: "Ireland", dialCode: "+353" },
+  { iso: "IL", name: "Israel", dialCode: "+972" },
+  { iso: "IT", name: "Italy", dialCode: "+39" },
+  { iso: "CI", name: "Ivory Coast", dialCode: "+225" },
+  { iso: "JM", name: "Jamaica", dialCode: "+1876" },
+  { iso: "JP", name: "Japan", dialCode: "+81" },
+  { iso: "JO", name: "Jordan", dialCode: "+962" },
+  { iso: "KZ", name: "Kazakhstan", dialCode: "+7" },
+  { iso: "KE", name: "Kenya", dialCode: "+254" },
+  { iso: "KI", name: "Kiribati", dialCode: "+686" },
+  { iso: "KW", name: "Kuwait", dialCode: "+965" },
+  { iso: "KG", name: "Kyrgyzstan", dialCode: "+996" },
+  { iso: "LA", name: "Laos", dialCode: "+856" },
+  { iso: "LV", name: "Latvia", dialCode: "+371" },
+  { iso: "LB", name: "Lebanon", dialCode: "+961" },
+  { iso: "LS", name: "Lesotho", dialCode: "+266" },
+  { iso: "LR", name: "Liberia", dialCode: "+231" },
+  { iso: "LY", name: "Libya", dialCode: "+218" },
+  { iso: "LI", name: "Liechtenstein", dialCode: "+423" },
+  { iso: "LT", name: "Lithuania", dialCode: "+370" },
+  { iso: "LU", name: "Luxembourg", dialCode: "+352" },
+  { iso: "MO", name: "Macau", dialCode: "+853" },
+  { iso: "MG", name: "Madagascar", dialCode: "+261" },
+  { iso: "MW", name: "Malawi", dialCode: "+265" },
+  { iso: "MY", name: "Malaysia", dialCode: "+60" },
+  { iso: "MV", name: "Maldives", dialCode: "+960" },
+  { iso: "ML", name: "Mali", dialCode: "+223" },
+  { iso: "MT", name: "Malta", dialCode: "+356" },
+  { iso: "MH", name: "Marshall Islands", dialCode: "+692" },
+  { iso: "MR", name: "Mauritania", dialCode: "+222" },
+  { iso: "MU", name: "Mauritius", dialCode: "+230" },
+  { iso: "MX", name: "Mexico", dialCode: "+52" },
+  { iso: "FM", name: "Micronesia", dialCode: "+691" },
+  { iso: "MD", name: "Moldova", dialCode: "+373" },
+  { iso: "MC", name: "Monaco", dialCode: "+377" },
+  { iso: "MN", name: "Mongolia", dialCode: "+976" },
+  { iso: "ME", name: "Montenegro", dialCode: "+382" },
+  { iso: "MA", name: "Morocco", dialCode: "+212" },
+  { iso: "MZ", name: "Mozambique", dialCode: "+258" },
+  { iso: "MM", name: "Myanmar", dialCode: "+95" },
+  { iso: "NA", name: "Namibia", dialCode: "+264" },
+  { iso: "NR", name: "Nauru", dialCode: "+674" },
+  { iso: "NP", name: "Nepal", dialCode: "+977" },
+  { iso: "NL", name: "Netherlands", dialCode: "+31" },
+  { iso: "NZ", name: "New Zealand", dialCode: "+64" },
+  { iso: "NI", name: "Nicaragua", dialCode: "+505" },
+  { iso: "NE", name: "Niger", dialCode: "+227" },
+  { iso: "NG", name: "Nigeria", dialCode: "+234" },
+  { iso: "KP", name: "North Korea", dialCode: "+850" },
+  { iso: "MK", name: "North Macedonia", dialCode: "+389" },
+  { iso: "NO", name: "Norway", dialCode: "+47" },
+  { iso: "OM", name: "Oman", dialCode: "+968" },
+  { iso: "PK", name: "Pakistan", dialCode: "+92" },
+  { iso: "PW", name: "Palau", dialCode: "+680" },
+  { iso: "PS", name: "Palestine", dialCode: "+970" },
+  { iso: "PA", name: "Panama", dialCode: "+507" },
+  { iso: "PG", name: "Papua New Guinea", dialCode: "+675" },
+  { iso: "PY", name: "Paraguay", dialCode: "+595" },
+  { iso: "PE", name: "Peru", dialCode: "+51" },
+  { iso: "PH", name: "Philippines", dialCode: "+63" },
+  { iso: "PL", name: "Poland", dialCode: "+48" },
+  { iso: "PT", name: "Portugal", dialCode: "+351" },
+  { iso: "PR", name: "Puerto Rico", dialCode: "+1787" },
+  { iso: "QA", name: "Qatar", dialCode: "+974" },
+  { iso: "RO", name: "Romania", dialCode: "+40" },
+  { iso: "RU", name: "Russia", dialCode: "+7" },
+  { iso: "RW", name: "Rwanda", dialCode: "+250" },
+  { iso: "KN", name: "Saint Kitts and Nevis", dialCode: "+1869" },
+  { iso: "LC", name: "Saint Lucia", dialCode: "+1758" },
+  { iso: "VC", name: "Saint Vincent", dialCode: "+1784" },
+  { iso: "WS", name: "Samoa", dialCode: "+685" },
+  { iso: "SM", name: "San Marino", dialCode: "+378" },
+  { iso: "ST", name: "Sao Tome and Principe", dialCode: "+239" },
+  { iso: "SA", name: "Saudi Arabia", dialCode: "+966" },
+  { iso: "SN", name: "Senegal", dialCode: "+221" },
+  { iso: "RS", name: "Serbia", dialCode: "+381" },
+  { iso: "SC", name: "Seychelles", dialCode: "+248" },
+  { iso: "SL", name: "Sierra Leone", dialCode: "+232" },
+  { iso: "SG", name: "Singapore", dialCode: "+65" },
+  { iso: "SK", name: "Slovakia", dialCode: "+421" },
+  { iso: "SI", name: "Slovenia", dialCode: "+386" },
+  { iso: "SB", name: "Solomon Islands", dialCode: "+677" },
+  { iso: "SO", name: "Somalia", dialCode: "+252" },
+  { iso: "ZA", name: "South Africa", dialCode: "+27" },
+  { iso: "KR", name: "South Korea", dialCode: "+82" },
+  { iso: "SS", name: "South Sudan", dialCode: "+211" },
+  { iso: "ES", name: "Spain", dialCode: "+34" },
+  { iso: "LK", name: "Sri Lanka", dialCode: "+94" },
+  { iso: "SD", name: "Sudan", dialCode: "+249" },
+  { iso: "SR", name: "Suriname", dialCode: "+597" },
+  { iso: "SE", name: "Sweden", dialCode: "+46" },
+  { iso: "CH", name: "Switzerland", dialCode: "+41" },
+  { iso: "SY", name: "Syria", dialCode: "+963" },
+  { iso: "TW", name: "Taiwan", dialCode: "+886" },
+  { iso: "TJ", name: "Tajikistan", dialCode: "+992" },
+  { iso: "TZ", name: "Tanzania", dialCode: "+255" },
+  { iso: "TH", name: "Thailand", dialCode: "+66" },
+  { iso: "TL", name: "Timor-Leste", dialCode: "+670" },
+  { iso: "TG", name: "Togo", dialCode: "+228" },
+  { iso: "TO", name: "Tonga", dialCode: "+676" },
+  { iso: "TT", name: "Trinidad and Tobago", dialCode: "+1868" },
+  { iso: "TN", name: "Tunisia", dialCode: "+216" },
+  { iso: "TR", name: "Turkey", dialCode: "+90" },
+  { iso: "TM", name: "Turkmenistan", dialCode: "+993" },
+  { iso: "TV", name: "Tuvalu", dialCode: "+688" },
+  { iso: "UG", name: "Uganda", dialCode: "+256" },
+  { iso: "UA", name: "Ukraine", dialCode: "+380" },
+  { iso: "AE", name: "United Arab Emirates", dialCode: "+971" },
+  { iso: "UY", name: "Uruguay", dialCode: "+598" },
+  { iso: "UZ", name: "Uzbekistan", dialCode: "+998" },
+  { iso: "VU", name: "Vanuatu", dialCode: "+678" },
+  { iso: "VE", name: "Venezuela", dialCode: "+58" },
+  { iso: "VN", name: "Vietnam", dialCode: "+84" },
+  { iso: "YE", name: "Yemen", dialCode: "+967" },
+  { iso: "ZM", name: "Zambia", dialCode: "+260" },
+  { iso: "ZW", name: "Zimbabwe", dialCode: "+263" }
+];
+function getFlagEmoji(iso) {
+  return iso.toUpperCase().split("").map((c) => String.fromCodePoint(127456 + c.charCodeAt(0) - 65)).join("");
+}
+function parsePhoneForEditing(phone) {
+  if (!phone || !phone.startsWith("+")) {
+    return { iso: "US", localPhone: phone };
+  }
+  const sorted = [...COUNTRY_CODES].sort((a, b) => b.dialCode.length - a.dialCode.length);
+  for (const c of sorted) {
+    if (phone.startsWith(c.dialCode)) {
+      return { iso: c.iso, localPhone: phone.slice(c.dialCode.length).trimStart() };
+    }
+  }
+  return { iso: "US", localPhone: phone };
+}
+function CountryFlag({ iso }) {
+  const Flag = AllFlags[iso];
+  if (!Flag) return /* @__PURE__ */ jsx("span", { className: "text-[10px] font-mono", children: iso });
+  return /* @__PURE__ */ jsx(Flag, { style: { width: 20, height: 14, borderRadius: 2, display: "block", flexShrink: 0 } });
+}
+function CountrySelect({
+  value,
+  onChange,
+  disabled
+}) {
+  const [open, setOpen] = useState(false);
+  const [search, setSearch] = useState("");
+  const searchRef = useRef(null);
+  const selected = COUNTRY_CODES.find((c) => c.iso === value) ?? COUNTRY_CODES[0];
+  const filtered = useMemo(() => {
+    const q = search.toLowerCase();
+    if (!q) return COUNTRY_CODES;
+    return COUNTRY_CODES.filter(
+      (c) => c.name.toLowerCase().includes(q) || c.dialCode.includes(q) || c.iso.toLowerCase().includes(q)
+    );
+  }, [search]);
+  return /* @__PURE__ */ jsxs(
+    PopoverPrimitive.Root,
+    {
+      modal: true,
+      open,
+      onOpenChange: (next) => {
+        setOpen(next);
+        if (!next) setSearch("");
+      },
+      children: [
+        /* @__PURE__ */ jsx(PopoverPrimitive.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            disabled,
+            "aria-label": "Select country code",
+            className: "flex h-10 w-[90px] shrink-0 items-center gap-1.5 rounded-lg border border-input bg-input-background px-2.5 text-sm text-foreground focus-visible:outline-none focus-visible:[box-shadow:var(--shadow-focus-ring)] disabled:cursor-not-allowed disabled:opacity-50",
+            children: [
+              /* @__PURE__ */ jsx(CountryFlag, { iso: selected.iso }),
+              /* @__PURE__ */ jsx("span", { className: "text-xs tabular-nums text-muted-foreground", children: selected.dialCode }),
+              /* @__PURE__ */ jsx("svg", { className: "ml-auto size-3 shrink-0 text-muted-foreground", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6" }) })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+          PopoverPrimitive.Content,
+          {
+            side: "bottom",
+            align: "start",
+            sideOffset: 4,
+            style: { zIndex: 9999, minWidth: 248 },
+            className: "rounded-xl border border-border bg-popover shadow-xl outline-none",
+            onOpenAutoFocus: (e) => {
+              e.preventDefault();
+              searchRef.current?.focus({ preventScroll: true });
+            },
+            onCloseAutoFocus: (e) => e.preventDefault(),
+            onKeyDown: (e) => {
+              if (e.key !== "Escape") e.stopPropagation();
+            },
+            children: [
+              /* @__PURE__ */ jsx("div", { className: "rounded-t-xl border-b border-border px-3 py-2.5", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 rounded-lg border border-input bg-input-background px-2.5", children: [
+                /* @__PURE__ */ jsxs("svg", { className: "size-3.5 shrink-0 text-muted-foreground", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+                  /* @__PURE__ */ jsx("circle", { cx: "11", cy: "11", r: "8" }),
+                  /* @__PURE__ */ jsx("path", { d: "m21 21-4.35-4.35" })
+                ] }),
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    ref: searchRef,
+                    value: search,
+                    onChange: (e) => setSearch(e.target.value),
+                    onKeyDown: (e) => e.stopPropagation(),
+                    placeholder: "Search country or code...",
+                    className: "h-8 flex-1 bg-transparent text-xs text-foreground placeholder:text-muted-foreground focus:outline-none"
+                  }
+                )
+              ] }) }),
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: "max-h-56 overflow-y-auto rounded-b-xl",
+                  style: { overscrollBehavior: "contain" },
+                  onWheel: (e) => e.stopPropagation(),
+                  children: filtered.length === 0 ? /* @__PURE__ */ jsx("p", { className: "px-4 py-3 text-center text-xs text-muted-foreground", children: "No countries found" }) : filtered.map((c) => /* @__PURE__ */ jsxs(
+                    "button",
+                    {
+                      type: "button",
+                      onMouseDown: (e) => e.preventDefault(),
+                      onClick: () => {
+                        onChange(c.iso);
+                        setOpen(false);
+                        setSearch("");
+                      },
+                      className: cn(
+                        "flex w-full items-center gap-3 px-3 py-2 text-left transition-colors hover:bg-muted/60",
+                        c.iso === value && "bg-primary/5"
+                      ),
+                      children: [
+                        /* @__PURE__ */ jsx(CountryFlag, { iso: c.iso }),
+                        /* @__PURE__ */ jsx("span", { className: "flex-1 truncate text-xs text-foreground", children: c.name }),
+                        /* @__PURE__ */ jsx("span", { className: "shrink-0 text-xs tabular-nums text-muted-foreground", children: c.dialCode })
+                      ]
+                    },
+                    c.iso
+                  ))
+                }
+              )
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+}
+function PhoneCountryInput({
+  countryIso,
+  localPhone,
+  onCountryChange,
+  onPhoneChange,
+  placeholder,
+  error,
+  disabled,
+  id
+}) {
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex gap-1.5", children: [
+      /* @__PURE__ */ jsx(CountrySelect, { value: countryIso, onChange: onCountryChange, disabled }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          id,
+          value: localPhone,
+          onChange: (e) => onPhoneChange(e.target.value),
+          placeholder: placeholder ?? "(555) 555-0100",
+          disabled,
+          className: "flex-1"
+        }
+      )
+    ] }),
+    error && /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-destructive", children: error })
+  ] });
+}
 var BARS = [
   { x: 1.5, y: 9, height: 5 },
   // bar 1 (shortest)
@@ -7898,7 +8260,7 @@ var Main = forwardRef(function Main2({ className, ...props }, ref) {
   );
 });
 Main.displayName = "Main";
-var Content15 = forwardRef(function Content16({ padTop, padBottom, className, style, ...props }, ref) {
+var Content16 = forwardRef(function Content17({ padTop, padBottom, className, style, ...props }, ref) {
   const paddingStyle = padTop || padBottom ? {
     ...padTop ? { paddingTop: padTop } : null,
     ...padBottom ? { paddingBottom: padBottom } : null,
@@ -7917,7 +8279,7 @@ var Content15 = forwardRef(function Content16({ padTop, padBottom, className, st
     }
   );
 });
-Content15.displayName = "Content";
+Content16.displayName = "Content";
 var SidebarContext = React36.createContext(null);
 var NOOP_CONTEXT = {
   state: "expanded",
@@ -10943,6 +11305,6 @@ var KbdHint = forwardRef(function KbdHint2({ className, children, ...props }, re
 });
 KbdHint.displayName = "KbdHint";
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActivityEventItem, ActivityItem, ActivityList, Alert, AlertCircleIcon, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AlertTriangleIcon, AlertTriangleSolidIcon, AppHeader, AppHeaderActions, AppHeaderBreadcrumb, AppHeaderSearch, AppHeaderTitle, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowRightSmallIcon, ArrowUpIcon, AspectRatio, AssureAuditBrandIcon, AssureBooksBrandIcon, AssureProBrandIcon, AssureTaxBrandIcon, AtSignIcon, Avatar, Badge, BarChartIcon, BellIcon, Blockquote, BoldIcon, Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, BriefcaseIcon, Building2Icon, BuildingIcon, BulkActionBar, BulkActionBarAction, BulkActionBarSeparator, Button, Calendar, CalendarIcon, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChatBubbleIcon, CheckCircle2Icon, CheckCircleSolidIcon, CheckIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsUpDownIcon, CircleDotIcon, CircleIcon, ClientSelect, ClipboardCheckIcon, ClockIcon, CloseIcon, Collapsible, CollapsibleContent, CollapsibleTrigger, ComingSoon, CommandIcon, CommandPalette, ConfirmActionButton, Content15 as Content, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyButton, CopyIcon, CornerDownLeftIcon, CreditCardIcon, DATE_DISPLAY_PLACEHOLDER, DangerAction, DataItem, DataTable, DataTableBody, DataTableCell, DataTableCellDue, DataTableCellId, DataTableCellMono, DataTableCellName, DataTableCheckbox, DataTableHead, DataTableHeader, DataTablePagination, DataTableResultsCount, DataTableRow, DataTableSearch, DataTableSpacer, DataTableToolbar, DatePicker, DateRangePicker, DetailGrid, DetailMain, DetailSpine, DetailSpineHeader, DetailSpineSection, DetailSpineStats, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DismissibleChip, DocumentIcon, DollarSignIcon, DownloadIcon, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, EyeIcon, EyeOffIcon, Eyebrow, FileIcon, FileReturnIcon, FileTextIcon, FileUpload, FilterChip, FilterIcon, FlagIcon, FolderClosedIcon, FolderOpenIcon, FolderPlusIcon, FormError, FormSection, FormSuccess, GlobeIcon, GoogleBrandIcon, HelpCircleIcon, HistoryIcon, HomeIcon, HoverCard, HoverCardContent, HoverCardPortal, HoverCardTrigger, IconAction, InboxIcon, InfoCircleSolidIcon, InfoIcon, Input, ItalicIcon, Kanban, KanbanCard, KanbanColumn, KanbanIcon, KbdHint, KeyIcon, KeyboardShortcutsDialog, KpiCard, Label4 as Label, LayoutDashboardIcon, LayoutGridIcon, LayoutListIcon, LightningIcon, Link2Icon, LinkAction, LinkButton, LinkIcon, ListChecksIcon, ListIcon, ListOrderedIcon, LoaderIcon, LoadingRows, LockIcon, LockKeyholeIcon, LockOpenIcon, LogOutIcon, Logo, MailIcon, Main, MapPinIcon, MenuIcon, MessageBubble, MessageBubbleAction, MessageBubbleTombstone, MessageCircleIcon, MessageCircleWarningIcon, MessageComposer, MetadataGrid, MicrosoftBrandIcon, MinusIcon, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoveIcon, MultiFilterPill, MultiSelectField, MutedSpec, NotificationFilter, NotificationItem, NotificationList, NotificationPanel, NotificationPanelFooter, NotificationPanelHeader, Numeric, OTPInput, PageHeader, PageHeaderSep, PageHeaderSpec, Pagination, PaletteIcon, PanelLeftCloseIcon, PanelLeftIcon, PaperclipIcon, PauseIcon, PenSignIcon, PencilIcon, PhoneIcon, PhoneInput, PlayIcon, PlusIcon, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, PrimaryAction, PriorityIcon, ProgressBar, ProgressRing, RadioGroup3 as RadioGroup, RadioGroupItem, ReceiptIcon, ReplyIcon, RotateCcwIcon, SaveIcon, ScrollArea, ScrollBar, SearchIcon, SearchInput, SearchSelect, SecondaryAction, Section, SectionHead, SectionHeader, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectRoot, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SelectableKpiCard, SendIcon, Separator4 as Separator, SettingsIcon, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Shell, ShieldIcon, SideDrawer, Sidebar, SidebarBrand, SidebarBrandSwitcher, SidebarBrandSwitcherTile, SidebarBrandText, SidebarFooter, SidebarLink, SidebarLinkAction, SidebarLinkBadge, SidebarLinkGroup, SidebarLinkLabel, SidebarPinButton, SidebarProvider, SidebarSection, SidebarTrigger, SidebarUser, Skeleton, SkeletonCircle, SkeletonText, SlashIcon, Slider, SmartphoneIcon, SparkleIcon, SparklesIcon, Spinner, StarIcon, StarRating, Stat, StatusIcon, Stepper, StopIcon, StrikethroughIcon, SubmitButton, SunIcon, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableIcon, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TagIcon, TeamIcon, TeamMemberSelect, Textarea, TimeLogger, TimeLoggerActions, TimeLoggerBillable, TimeLoggerContextRow, TimeLoggerEntry, TimeLoggerEntryList, TimeLoggerField, TimeLoggerFooter, TimeLoggerHeader, TimeLoggerNotes, TimeLoggerTimer, ToastProvider, ToggleGroup, ToggleGroupItem, Toolbar, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, Trash2Icon, TrashIcon, TrendingDownIcon, TrendingUpIcon, UnderlineIcon, UploadIcon, UserCircleIcon, UserIcon, UsersIcon, VisuallyHidden, WorkflowIcon, XCircleSolidIcon, XIcon, YEAR_DISPLAY_PLACEHOLDER, ZoomInIcon, ZoomOutIcon, alertVariants, applyMask, applyYearMask, badgeVariants, buttonVariants, cardVariants, cn, colors, dateToIso, displayToIso, filterChipVariants, formatClock, formatCurrency, formatDuration, inputVariants, isoToDate, isoToDisplay, isoToYear, labelVariants, parseDuration, progressBarVariants, progressRingVariants, radii, reference, searchInputVariants, shadows, sidebarLinkBadgeVariants, spacing, spinnerVariants, starRatingVariants, surfaces, systemTokens, textareaVariants, typography, useSidebarPeekLock, useSidebarState, useStopwatch, useToast, yearToIso };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActivityEventItem, ActivityItem, ActivityList, Alert, AlertCircleIcon, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AlertTriangleIcon, AlertTriangleSolidIcon, AppHeader, AppHeaderActions, AppHeaderBreadcrumb, AppHeaderSearch, AppHeaderTitle, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowRightSmallIcon, ArrowUpIcon, AspectRatio, AssureAuditBrandIcon, AssureBooksBrandIcon, AssureProBrandIcon, AssureTaxBrandIcon, AtSignIcon, Avatar, Badge, BarChartIcon, BellIcon, Blockquote, BoldIcon, Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, BriefcaseIcon, Building2Icon, BuildingIcon, BulkActionBar, BulkActionBarAction, BulkActionBarSeparator, Button, COUNTRY_CODES, Calendar, CalendarIcon, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChatBubbleIcon, CheckCircle2Icon, CheckCircleSolidIcon, CheckIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsUpDownIcon, CircleDotIcon, CircleIcon, ClientSelect, ClipboardCheckIcon, ClockIcon, CloseIcon, Collapsible, CollapsibleContent, CollapsibleTrigger, ComingSoon, CommandIcon, CommandPalette, ConfirmActionButton, Content16 as Content, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyButton, CopyIcon, CornerDownLeftIcon, CountryFlag, CountrySelect, CreditCardIcon, DATE_DISPLAY_PLACEHOLDER, DangerAction, DataItem, DataTable, DataTableBody, DataTableCell, DataTableCellDue, DataTableCellId, DataTableCellMono, DataTableCellName, DataTableCheckbox, DataTableHead, DataTableHeader, DataTablePagination, DataTableResultsCount, DataTableRow, DataTableSearch, DataTableSpacer, DataTableToolbar, DatePicker, DateRangePicker, DetailGrid, DetailMain, DetailSpine, DetailSpineHeader, DetailSpineSection, DetailSpineStats, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DismissibleChip, DocumentIcon, DollarSignIcon, DownloadIcon, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, EyeIcon, EyeOffIcon, Eyebrow, FileIcon, FileReturnIcon, FileTextIcon, FileUpload, FilterChip, FilterIcon, FlagIcon, FolderClosedIcon, FolderOpenIcon, FolderPlusIcon, FormError, FormSection, FormSuccess, GlobeIcon, GoogleBrandIcon, HelpCircleIcon, HistoryIcon, HomeIcon, HoverCard, HoverCardContent, HoverCardPortal, HoverCardTrigger, IconAction, InboxIcon, InfoCircleSolidIcon, InfoIcon, Input, ItalicIcon, Kanban, KanbanCard, KanbanColumn, KanbanIcon, KbdHint, KeyIcon, KeyboardShortcutsDialog, KpiCard, Label4 as Label, LayoutDashboardIcon, LayoutGridIcon, LayoutListIcon, LightningIcon, Link2Icon, LinkAction, LinkButton, LinkIcon, ListChecksIcon, ListIcon, ListOrderedIcon, LoaderIcon, LoadingRows, LockIcon, LockKeyholeIcon, LockOpenIcon, LogOutIcon, Logo, MailIcon, Main, MapPinIcon, MenuIcon, MessageBubble, MessageBubbleAction, MessageBubbleTombstone, MessageCircleIcon, MessageCircleWarningIcon, MessageComposer, MetadataGrid, MicrosoftBrandIcon, MinusIcon, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoveIcon, MultiFilterPill, MultiSelectField, MutedSpec, NotificationFilter, NotificationItem, NotificationList, NotificationPanel, NotificationPanelFooter, NotificationPanelHeader, Numeric, OTPInput, PageHeader, PageHeaderSep, PageHeaderSpec, Pagination, PaletteIcon, PanelLeftCloseIcon, PanelLeftIcon, PaperclipIcon, PauseIcon, PenSignIcon, PencilIcon, PhoneCountryInput, PhoneIcon, PhoneInput, PlayIcon, PlusIcon, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, PrimaryAction, PriorityIcon, ProgressBar, ProgressRing, RadioGroup3 as RadioGroup, RadioGroupItem, ReceiptIcon, ReplyIcon, RotateCcwIcon, SaveIcon, ScrollArea, ScrollBar, SearchIcon, SearchInput, SearchSelect, SecondaryAction, Section, SectionHead, SectionHeader, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectRoot, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SelectableKpiCard, SendIcon, Separator4 as Separator, SettingsIcon, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Shell, ShieldIcon, SideDrawer, Sidebar, SidebarBrand, SidebarBrandSwitcher, SidebarBrandSwitcherTile, SidebarBrandText, SidebarFooter, SidebarLink, SidebarLinkAction, SidebarLinkBadge, SidebarLinkGroup, SidebarLinkLabel, SidebarPinButton, SidebarProvider, SidebarSection, SidebarTrigger, SidebarUser, Skeleton, SkeletonCircle, SkeletonText, SlashIcon, Slider, SmartphoneIcon, SparkleIcon, SparklesIcon, Spinner, StarIcon, StarRating, Stat, StatusIcon, Stepper, StopIcon, StrikethroughIcon, SubmitButton, SunIcon, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableIcon, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TagIcon, TeamIcon, TeamMemberSelect, Textarea, TimeLogger, TimeLoggerActions, TimeLoggerBillable, TimeLoggerContextRow, TimeLoggerEntry, TimeLoggerEntryList, TimeLoggerField, TimeLoggerFooter, TimeLoggerHeader, TimeLoggerNotes, TimeLoggerTimer, ToastProvider, ToggleGroup, ToggleGroupItem, Toolbar, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, Trash2Icon, TrashIcon, TrendingDownIcon, TrendingUpIcon, UnderlineIcon, UploadIcon, UserCircleIcon, UserIcon, UsersIcon, VisuallyHidden, WorkflowIcon, XCircleSolidIcon, XIcon, YEAR_DISPLAY_PLACEHOLDER, ZoomInIcon, ZoomOutIcon, alertVariants, applyMask, applyYearMask, badgeVariants, buttonVariants, cardVariants, cn, colors, dateToIso, displayToIso, filterChipVariants, formatClock, formatCurrency, formatDuration, getFlagEmoji, inputVariants, isoToDate, isoToDisplay, isoToYear, labelVariants, parseDuration, parsePhoneForEditing, progressBarVariants, progressRingVariants, radii, reference, searchInputVariants, shadows, sidebarLinkBadgeVariants, spacing, spinnerVariants, starRatingVariants, surfaces, systemTokens, textareaVariants, typography, useSidebarPeekLock, useSidebarState, useStopwatch, useToast, yearToIso };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map