@lessly/ui 0.16.0 → 0.17.0

package/dist/index.d.ts

@@ -1477,4 +1477,62 @@ interface NotificationToasterProps {
 }
 declare const NotificationToaster: React$1.ForwardRefExoticComponent<NotificationToasterProps & React$1.RefAttributes<HTMLDivElement>>;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AppShell, type AppShellProps, AppSidebar, type AppSidebarProps, AspectRatio, AuthenticatedLayout, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Calendar, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, type CarouselContextProps, CarouselItem, CarouselNext, type CarouselOptions, type CarouselPlugin, CarouselPrevious, type CarouselProps, Checkbox, Code, CodeBlock, type CodeBlockProps, type CodeLang, type CodeProps, Col, type ColProps, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ConfirmDialog, type ConfirmDialogProps, type ConnectionAuth, ConnectionCard, type ConnectionCardProps, type ConnectionScope, type ConnectionStatus, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyButton, type CopyButtonProps, type CreateProductSubmit, CreateProductWindow, type CreateProductWindowOrganization, type CreateProductWindowProduct, type CreateProductWindowProps, DatePicker, type DatePickerProps, type DeltaDirection, type DeltaTone, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DocsLink, type DocsLinkProps, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, type EmptyStateProps, ExtensionIcon, type ExtensionIconProps, ExtensionLink, type ExtensionLinkProps, type ExtensionLinkUiMode, FeedbackButton, type FeedbackButtonLabels, type FeedbackButtonProps, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Grid, GridOverlay, type GridOverlayProps, type GridProps, HoverCard, HoverCardContent, HoverCardTrigger, InlineError, type InlineErrorProps, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, type InputProps, Label, MenuDivider, MenuPopup, type MenuPopupProps, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, type NavItem, type NavLinkComponent, NavRow, type NavRowProps, type NavRowVariant, NavSectionLabel, type NavSectionLabelProps, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, type NotifClass, type NotificationAction, NotificationBell, type NotificationBellProps, NotificationCenter, type NotificationCenterProps, type NotificationClass, type NotificationDeepLink, type NotificationItem, type NotificationMute, type NotificationPreferences, type NotificationProduct, NotificationSettings, type NotificationSettingsProps, type NotificationSeverity, type NotificationSubscription, type NotificationThreshold, NotificationToast, type NotificationToastDwell, type NotificationToastProps, NotificationToaster, type NotificationToasterPosition, type NotificationToasterProps, OrgProductSwitcher, type OrgProductSwitcherAction, type OrgProductSwitcherItem, type OrgProductSwitcherProps, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, type PaginationLinkProps, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, RequestRow, type RequestRowProps, type RequestState, type RequestSurface, type ResolvedTheme, type Responsive, ScrollArea, ScrollBar, SectionIntro, type SectionIntroProps, SegmentChip, type SegmentChipProps, Select, type SelectOption, type SelectProps, Separator, type Severity, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SidebarBackHeader, type SidebarBackHeaderProps, SidebarNav, SidebarNavLink, type SidebarNavLinkProps, type SidebarNavProps, SidebarProductHeader, type SidebarProductHeaderProps, SignInScreen, type SignInScreenProps, type SignInScreenState, Skeleton, Slider, StatCard, type StatCardProps, StatusDot, type StatusDotProps, Switch, type SwitchProps, TOAST_DWELL, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, type TextareaProps, type Theme, ThemeToggle, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type UseSidebarOptions, type UseSidebarResult, UserMenu, type UserMenuItem, type UserMenuProps, type UserMenuUser, alertVariants, badgeVariants, buttonVariants, cn, formatRelativeAge, isKnownExtensionIcon, isNotificationSettled, navigationMenuTriggerStyle, segmentChipVariants, severityBadgeVariant, severityLabels, statusDotVariants, toggleVariants, useCarousel, useFormField, useIsMobile, useSidebar, useTheme };
+/**
+ * ISO 3166-1 alpha-2 countries, English names, sorted by name. Platform APIs that take a country
+ * on an organization validate it as an alpha-2 code and upper-case it, so this list is the
+ * client-side mirror of what such an endpoint accepts — an option outside it would be rejected.
+ * Generated from the ISO 3166-1 code list with `Intl.DisplayNames('en', { type: 'region' })`.
+ */
+declare const COUNTRY_OPTIONS: SelectOption[];
+
+/** One beneficial owner, in the shape the organization API takes it. */
+interface BeneficialOwnerPayload {
+    name: string;
+    country: string;
+    share_pct: number;
+}
+/** The submit payload — snake_case, exactly as the organization-creation endpoint takes it. */
+interface OrganizationOnboardingPayload {
+    name: string;
+    legal_name?: string;
+    owner_name?: string;
+    country_of_incorporation?: string;
+    residency_country?: string;
+    beneficial_owners: BeneficialOwnerPayload[];
+    /** Only present when no listed owner holds a controlling share. */
+    ownership_confirmed?: boolean;
+}
+interface OrganizationOnboardingDefaults {
+    name?: string;
+    legal_name?: string;
+    owner_name?: string;
+    country_of_incorporation?: string;
+    residency_country?: string;
+    beneficial_owners?: BeneficialOwnerPayload[];
+}
+interface OrganizationOnboardingFormProps {
+    /** Makes the country of incorporation — and the ownership confirmation, where it is shown —
+     *  mandatory. Mirrors the server-side requirement the consumer is configured for. */
+    requireSanctionsFields: boolean;
+    onSubmit: (payload: OrganizationOnboardingPayload) => void;
+    defaultValues?: OrganizationOnboardingDefaults;
+    /** Disables the submit button and swaps its label while the caller's request is in flight. */
+    submitting?: boolean;
+    serverError?: string | null;
+    /** Field-level messages returned alongside a server error. */
+    violations?: string[];
+    /** Defaults to the built-in ISO 3166-1 alpha-2 list. */
+    countries?: SelectOption[];
+    submitLabel?: string;
+    /** Renders a Cancel button when provided. */
+    onCancel?: () => void;
+    className?: string;
+}
+/**
+ * The organization-creation form: name plus the extra details some jurisdictions require of a
+ * new organization. Presentational and self-contained — it never calls an API and never
+ * navigates; the caller wraps it in its own dialog and handles the outcome of `onSubmit`.
+ */
+declare function OrganizationOnboardingForm({ requireSanctionsFields, onSubmit, defaultValues, submitting, serverError, violations, countries, submitLabel, onCancel, className, }: OrganizationOnboardingFormProps): React$1.JSX.Element;
+
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AppShell, type AppShellProps, AppSidebar, type AppSidebarProps, AspectRatio, AuthenticatedLayout, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, type BeneficialOwnerPayload, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, COUNTRY_OPTIONS, Calendar, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, type CarouselContextProps, CarouselItem, CarouselNext, type CarouselOptions, type CarouselPlugin, CarouselPrevious, type CarouselProps, Checkbox, Code, CodeBlock, type CodeBlockProps, type CodeLang, type CodeProps, Col, type ColProps, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ConfirmDialog, type ConfirmDialogProps, type ConnectionAuth, ConnectionCard, type ConnectionCardProps, type ConnectionScope, type ConnectionStatus, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyButton, type CopyButtonProps, type CreateProductSubmit, CreateProductWindow, type CreateProductWindowOrganization, type CreateProductWindowProduct, type CreateProductWindowProps, DatePicker, type DatePickerProps, type DeltaDirection, type DeltaTone, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DocsLink, type DocsLinkProps, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, type EmptyStateProps, ExtensionIcon, type ExtensionIconProps, ExtensionLink, type ExtensionLinkProps, type ExtensionLinkUiMode, FeedbackButton, type FeedbackButtonLabels, type FeedbackButtonProps, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Grid, GridOverlay, type GridOverlayProps, type GridProps, HoverCard, HoverCardContent, HoverCardTrigger, InlineError, type InlineErrorProps, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, type InputProps, Label, MenuDivider, MenuPopup, type MenuPopupProps, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, type NavItem, type NavLinkComponent, NavRow, type NavRowProps, type NavRowVariant, NavSectionLabel, type NavSectionLabelProps, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, type NotifClass, type NotificationAction, NotificationBell, type NotificationBellProps, NotificationCenter, type NotificationCenterProps, type NotificationClass, type NotificationDeepLink, type NotificationItem, type NotificationMute, type NotificationPreferences, type NotificationProduct, NotificationSettings, type NotificationSettingsProps, type NotificationSeverity, type NotificationSubscription, type NotificationThreshold, NotificationToast, type NotificationToastDwell, type NotificationToastProps, NotificationToaster, type NotificationToasterPosition, type NotificationToasterProps, OrgProductSwitcher, type OrgProductSwitcherAction, type OrgProductSwitcherItem, type OrgProductSwitcherProps, type OrganizationOnboardingDefaults, OrganizationOnboardingForm, type OrganizationOnboardingFormProps, type OrganizationOnboardingPayload, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, type PaginationLinkProps, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, RequestRow, type RequestRowProps, type RequestState, type RequestSurface, type ResolvedTheme, type Responsive, ScrollArea, ScrollBar, SectionIntro, type SectionIntroProps, SegmentChip, type SegmentChipProps, Select, type SelectOption, type SelectProps, Separator, type Severity, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SidebarBackHeader, type SidebarBackHeaderProps, SidebarNav, SidebarNavLink, type SidebarNavLinkProps, type SidebarNavProps, SidebarProductHeader, type SidebarProductHeaderProps, SignInScreen, type SignInScreenProps, type SignInScreenState, Skeleton, Slider, StatCard, type StatCardProps, StatusDot, type StatusDotProps, Switch, type SwitchProps, TOAST_DWELL, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, type TextareaProps, type Theme, ThemeToggle, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type UseSidebarOptions, type UseSidebarResult, UserMenu, type UserMenuItem, type UserMenuProps, type UserMenuUser, alertVariants, badgeVariants, buttonVariants, cn, formatRelativeAge, isKnownExtensionIcon, isNotificationSettled, navigationMenuTriggerStyle, segmentChipVariants, severityBadgeVariant, severityLabels, statusDotVariants, toggleVariants, useCarousel, useFormField, useIsMobile, useSidebar, useTheme };

package/dist/index.js

@@ -5092,6 +5092,554 @@ var NotificationToaster = React65.forwardRef(
   }
 );
 NotificationToaster.displayName = "NotificationToaster";
+
+// src/lib/countries.ts
+var COUNTRY_OPTIONS = [
+  { value: "AF", label: "Afghanistan" },
+  { value: "AX", label: "\xC5land Islands" },
+  { value: "AL", label: "Albania" },
+  { value: "DZ", label: "Algeria" },
+  { value: "AS", label: "American Samoa" },
+  { value: "AD", label: "Andorra" },
+  { value: "AO", label: "Angola" },
+  { value: "AI", label: "Anguilla" },
+  { value: "AQ", label: "Antarctica" },
+  { value: "AG", label: "Antigua & Barbuda" },
+  { value: "AR", label: "Argentina" },
+  { value: "AM", label: "Armenia" },
+  { value: "AW", label: "Aruba" },
+  { value: "AU", label: "Australia" },
+  { value: "AT", label: "Austria" },
+  { value: "AZ", label: "Azerbaijan" },
+  { value: "BS", label: "Bahamas" },
+  { value: "BH", label: "Bahrain" },
+  { value: "BD", label: "Bangladesh" },
+  { value: "BB", label: "Barbados" },
+  { value: "BY", label: "Belarus" },
+  { value: "BE", label: "Belgium" },
+  { value: "BZ", label: "Belize" },
+  { value: "BJ", label: "Benin" },
+  { value: "BM", label: "Bermuda" },
+  { value: "BT", label: "Bhutan" },
+  { value: "BO", label: "Bolivia" },
+  { value: "BA", label: "Bosnia & Herzegovina" },
+  { value: "BW", label: "Botswana" },
+  { value: "BV", label: "Bouvet Island" },
+  { value: "BR", label: "Brazil" },
+  { value: "IO", label: "British Indian Ocean Territory" },
+  { value: "VG", label: "British Virgin Islands" },
+  { value: "BN", label: "Brunei" },
+  { value: "BG", label: "Bulgaria" },
+  { value: "BF", label: "Burkina Faso" },
+  { value: "BI", label: "Burundi" },
+  { value: "KH", label: "Cambodia" },
+  { value: "CM", label: "Cameroon" },
+  { value: "CA", label: "Canada" },
+  { value: "CV", label: "Cape Verde" },
+  { value: "BQ", label: "Caribbean Netherlands" },
+  { value: "KY", label: "Cayman Islands" },
+  { value: "CF", label: "Central African Republic" },
+  { value: "TD", label: "Chad" },
+  { value: "CL", label: "Chile" },
+  { value: "CN", label: "China" },
+  { value: "CX", label: "Christmas Island" },
+  { value: "CC", label: "Cocos (Keeling) Islands" },
+  { value: "CO", label: "Colombia" },
+  { value: "KM", label: "Comoros" },
+  { value: "CG", label: "Congo - Brazzaville" },
+  { value: "CD", label: "Congo - Kinshasa" },
+  { value: "CK", label: "Cook Islands" },
+  { value: "CR", label: "Costa Rica" },
+  { value: "CI", label: "C\xF4te d\u2019Ivoire" },
+  { value: "HR", label: "Croatia" },
+  { value: "CU", label: "Cuba" },
+  { value: "CW", label: "Cura\xE7ao" },
+  { value: "CY", label: "Cyprus" },
+  { value: "CZ", label: "Czechia" },
+  { value: "DK", label: "Denmark" },
+  { value: "DJ", label: "Djibouti" },
+  { value: "DM", label: "Dominica" },
+  { value: "DO", label: "Dominican Republic" },
+  { value: "EC", label: "Ecuador" },
+  { value: "EG", label: "Egypt" },
+  { value: "SV", label: "El Salvador" },
+  { value: "GQ", label: "Equatorial Guinea" },
+  { value: "ER", label: "Eritrea" },
+  { value: "EE", label: "Estonia" },
+  { value: "SZ", label: "Eswatini" },
+  { value: "ET", label: "Ethiopia" },
+  { value: "FK", label: "Falkland Islands" },
+  { value: "FO", label: "Faroe Islands" },
+  { value: "FJ", label: "Fiji" },
+  { value: "FI", label: "Finland" },
+  { value: "FR", label: "France" },
+  { value: "GF", label: "French Guiana" },
+  { value: "PF", label: "French Polynesia" },
+  { value: "TF", label: "French Southern Territories" },
+  { value: "GA", label: "Gabon" },
+  { value: "GM", label: "Gambia" },
+  { value: "GE", label: "Georgia" },
+  { value: "DE", label: "Germany" },
+  { value: "GH", label: "Ghana" },
+  { value: "GI", label: "Gibraltar" },
+  { value: "GR", label: "Greece" },
+  { value: "GL", label: "Greenland" },
+  { value: "GD", label: "Grenada" },
+  { value: "GP", label: "Guadeloupe" },
+  { value: "GU", label: "Guam" },
+  { value: "GT", label: "Guatemala" },
+  { value: "GG", label: "Guernsey" },
+  { value: "GN", label: "Guinea" },
+  { value: "GW", label: "Guinea-Bissau" },
+  { value: "GY", label: "Guyana" },
+  { value: "HT", label: "Haiti" },
+  { value: "HM", label: "Heard & McDonald Islands" },
+  { value: "HN", label: "Honduras" },
+  { value: "HK", label: "Hong Kong SAR China" },
+  { value: "HU", label: "Hungary" },
+  { value: "IS", label: "Iceland" },
+  { value: "IN", label: "India" },
+  { value: "ID", label: "Indonesia" },
+  { value: "IR", label: "Iran" },
+  { value: "IQ", label: "Iraq" },
+  { value: "IE", label: "Ireland" },
+  { value: "IM", label: "Isle of Man" },
+  { value: "IL", label: "Israel" },
+  { value: "IT", label: "Italy" },
+  { value: "JM", label: "Jamaica" },
+  { value: "JP", label: "Japan" },
+  { value: "JE", label: "Jersey" },
+  { value: "JO", label: "Jordan" },
+  { value: "KZ", label: "Kazakhstan" },
+  { value: "KE", label: "Kenya" },
+  { value: "KI", label: "Kiribati" },
+  { value: "KW", label: "Kuwait" },
+  { value: "KG", label: "Kyrgyzstan" },
+  { value: "LA", label: "Laos" },
+  { value: "LV", label: "Latvia" },
+  { value: "LB", label: "Lebanon" },
+  { value: "LS", label: "Lesotho" },
+  { value: "LR", label: "Liberia" },
+  { value: "LY", label: "Libya" },
+  { value: "LI", label: "Liechtenstein" },
+  { value: "LT", label: "Lithuania" },
+  { value: "LU", label: "Luxembourg" },
+  { value: "MO", label: "Macao SAR China" },
+  { value: "MG", label: "Madagascar" },
+  { value: "MW", label: "Malawi" },
+  { value: "MY", label: "Malaysia" },
+  { value: "MV", label: "Maldives" },
+  { value: "ML", label: "Mali" },
+  { value: "MT", label: "Malta" },
+  { value: "MH", label: "Marshall Islands" },
+  { value: "MQ", label: "Martinique" },
+  { value: "MR", label: "Mauritania" },
+  { value: "MU", label: "Mauritius" },
+  { value: "YT", label: "Mayotte" },
+  { value: "MX", label: "Mexico" },
+  { value: "FM", label: "Micronesia" },
+  { value: "MD", label: "Moldova" },
+  { value: "MC", label: "Monaco" },
+  { value: "MN", label: "Mongolia" },
+  { value: "ME", label: "Montenegro" },
+  { value: "MS", label: "Montserrat" },
+  { value: "MA", label: "Morocco" },
+  { value: "MZ", label: "Mozambique" },
+  { value: "MM", label: "Myanmar (Burma)" },
+  { value: "NA", label: "Namibia" },
+  { value: "NR", label: "Nauru" },
+  { value: "NP", label: "Nepal" },
+  { value: "NL", label: "Netherlands" },
+  { value: "NC", label: "New Caledonia" },
+  { value: "NZ", label: "New Zealand" },
+  { value: "NI", label: "Nicaragua" },
+  { value: "NE", label: "Niger" },
+  { value: "NG", label: "Nigeria" },
+  { value: "NU", label: "Niue" },
+  { value: "NF", label: "Norfolk Island" },
+  { value: "KP", label: "North Korea" },
+  { value: "MK", label: "North Macedonia" },
+  { value: "MP", label: "Northern Mariana Islands" },
+  { value: "NO", label: "Norway" },
+  { value: "OM", label: "Oman" },
+  { value: "PK", label: "Pakistan" },
+  { value: "PW", label: "Palau" },
+  { value: "PS", label: "Palestinian Territories" },
+  { value: "PA", label: "Panama" },
+  { value: "PG", label: "Papua New Guinea" },
+  { value: "PY", label: "Paraguay" },
+  { value: "PE", label: "Peru" },
+  { value: "PH", label: "Philippines" },
+  { value: "PN", label: "Pitcairn Islands" },
+  { value: "PL", label: "Poland" },
+  { value: "PT", label: "Portugal" },
+  { value: "PR", label: "Puerto Rico" },
+  { value: "QA", label: "Qatar" },
+  { value: "RE", label: "R\xE9union" },
+  { value: "RO", label: "Romania" },
+  { value: "RU", label: "Russia" },
+  { value: "RW", label: "Rwanda" },
+  { value: "WS", label: "Samoa" },
+  { value: "SM", label: "San Marino" },
+  { value: "ST", label: "S\xE3o Tom\xE9 & Pr\xEDncipe" },
+  { value: "SA", label: "Saudi Arabia" },
+  { value: "SN", label: "Senegal" },
+  { value: "RS", label: "Serbia" },
+  { value: "SC", label: "Seychelles" },
+  { value: "SL", label: "Sierra Leone" },
+  { value: "SG", label: "Singapore" },
+  { value: "SX", label: "Sint Maarten" },
+  { value: "SK", label: "Slovakia" },
+  { value: "SI", label: "Slovenia" },
+  { value: "SB", label: "Solomon Islands" },
+  { value: "SO", label: "Somalia" },
+  { value: "ZA", label: "South Africa" },
+  { value: "GS", label: "South Georgia & South Sandwich Islands" },
+  { value: "KR", label: "South Korea" },
+  { value: "SS", label: "South Sudan" },
+  { value: "ES", label: "Spain" },
+  { value: "LK", label: "Sri Lanka" },
+  { value: "BL", label: "St. Barth\xE9lemy" },
+  { value: "SH", label: "St. Helena" },
+  { value: "KN", label: "St. Kitts & Nevis" },
+  { value: "LC", label: "St. Lucia" },
+  { value: "MF", label: "St. Martin" },
+  { value: "PM", label: "St. Pierre & Miquelon" },
+  { value: "VC", label: "St. Vincent & Grenadines" },
+  { value: "SD", label: "Sudan" },
+  { value: "SR", label: "Suriname" },
+  { value: "SJ", label: "Svalbard & Jan Mayen" },
+  { value: "SE", label: "Sweden" },
+  { value: "CH", label: "Switzerland" },
+  { value: "SY", label: "Syria" },
+  { value: "TW", label: "Taiwan" },
+  { value: "TJ", label: "Tajikistan" },
+  { value: "TZ", label: "Tanzania" },
+  { value: "TH", label: "Thailand" },
+  { value: "TL", label: "Timor-Leste" },
+  { value: "TG", label: "Togo" },
+  { value: "TK", label: "Tokelau" },
+  { value: "TO", label: "Tonga" },
+  { value: "TT", label: "Trinidad & Tobago" },
+  { value: "TN", label: "Tunisia" },
+  { value: "TR", label: "T\xFCrkiye" },
+  { value: "TM", label: "Turkmenistan" },
+  { value: "TC", label: "Turks & Caicos Islands" },
+  { value: "TV", label: "Tuvalu" },
+  { value: "UM", label: "U.S. Outlying Islands" },
+  { value: "VI", label: "U.S. Virgin Islands" },
+  { value: "UG", label: "Uganda" },
+  { value: "UA", label: "Ukraine" },
+  { value: "AE", label: "United Arab Emirates" },
+  { value: "GB", label: "United Kingdom" },
+  { value: "US", label: "United States" },
+  { value: "UY", label: "Uruguay" },
+  { value: "UZ", label: "Uzbekistan" },
+  { value: "VU", label: "Vanuatu" },
+  { value: "VA", label: "Vatican City" },
+  { value: "VE", label: "Venezuela" },
+  { value: "VN", label: "Vietnam" },
+  { value: "WF", label: "Wallis & Futuna" },
+  { value: "EH", label: "Western Sahara" },
+  { value: "YE", label: "Yemen" },
+  { value: "ZM", label: "Zambia" },
+  { value: "ZW", label: "Zimbabwe" }
+];
+
+// src/components/organization-onboarding-form.tsx
+import * as React66 from "react";
+import { jsx as jsx79, jsxs as jsxs45 } from "react/jsx-runtime";
+var CONTROLLER_SHARE_PCT = 50;
+var MAX_BENEFICIAL_OWNERS = 50;
+function parseShare(raw) {
+  if (!/^\d{1,3}$/.test(raw.trim())) return null;
+  const n = Number(raw);
+  return n >= 0 && n <= 100 ? n : null;
+}
+function isRowBlank(row) {
+  return row.name.trim() === "" && row.country === "" && row.share.trim() === "";
+}
+function initialRows(owners) {
+  return (owners ?? []).map((owner, i) => ({
+    key: i + 1,
+    name: owner.name,
+    country: owner.country,
+    share: String(owner.share_pct)
+  }));
+}
+function OrganizationOnboardingForm({
+  requireSanctionsFields,
+  onSubmit,
+  defaultValues,
+  submitting,
+  serverError,
+  violations,
+  countries = COUNTRY_OPTIONS,
+  submitLabel = "Create",
+  onCancel,
+  className
+}) {
+  const [name, setName] = React66.useState(defaultValues?.name ?? "");
+  const [legalName, setLegalName] = React66.useState(defaultValues?.legal_name ?? "");
+  const [ownerName, setOwnerName] = React66.useState(defaultValues?.owner_name ?? "");
+  const [countryOfIncorporation, setCountryOfIncorporation] = React66.useState(
+    defaultValues?.country_of_incorporation ?? ""
+  );
+  const [residencyCountry, setResidencyCountry] = React66.useState(
+    defaultValues?.residency_country ?? ""
+  );
+  const [owners, setOwners] = React66.useState(
+    () => initialRows(defaultValues?.beneficial_owners)
+  );
+  const [ownershipConfirmed, setOwnershipConfirmed] = React66.useState(false);
+  const nextKeyRef = React66.useRef(owners.length);
+  const submittingRef = React66.useRef(false);
+  const trimmed = name.trim();
+  const filledOwners = owners.filter((row) => !isRowBlank(row));
+  const ownerShares = filledOwners.map((row) => parseShare(row.share));
+  const ownersValid = filledOwners.every(
+    (row, i) => row.name.trim() !== "" && row.country !== "" && ownerShares[i] !== null
+  );
+  const shareSum = ownerShares.reduce((sum, share) => sum + (share ?? 0), 0);
+  const hasController = ownerShares.some(
+    (share) => share !== null && share >= CONTROLLER_SHARE_PCT
+  );
+  const needsOwnershipConfirmation = !hasController;
+  const missingCountry = requireSanctionsFields && countryOfIncorporation === "";
+  const missingConfirmation = requireSanctionsFields && needsOwnershipConfirmation && !ownershipConfirmed;
+  const canSubmit = trimmed !== "" && ownersValid && !missingCountry && !missingConfirmation && !submitting;
+  const addOwner = () => {
+    if (owners.length >= MAX_BENEFICIAL_OWNERS) return;
+    nextKeyRef.current += 1;
+    setOwners((prev) => [
+      ...prev,
+      { key: nextKeyRef.current, name: "", country: "", share: "" }
+    ]);
+  };
+  const removeOwner = (key) => setOwners((prev) => prev.filter((row) => row.key !== key));
+  const patchOwner = (key, patch) => setOwners((prev) => prev.map((row) => row.key === key ? { ...row, ...patch } : row));
+  const handleSubmit = (event) => {
+    event.preventDefault();
+    if (!canSubmit || submittingRef.current) return;
+    submittingRef.current = true;
+    const beneficialOwners = filledOwners.map((row, i) => ({
+      name: row.name,
+      country: row.country,
+      share_pct: ownerShares[i] ?? 0
+    }));
+    onSubmit({
+      name: trimmed,
+      ...legalName.trim() !== "" ? { legal_name: legalName.trim() } : {},
+      ...ownerName.trim() !== "" ? { owner_name: ownerName.trim() } : {},
+      ...countryOfIncorporation !== "" ? { country_of_incorporation: countryOfIncorporation } : {},
+      ...residencyCountry !== "" ? { residency_country: residencyCountry } : {},
+      beneficial_owners: beneficialOwners,
+      // Only meaningful — and only collected — when the list shows no controlling owner.
+      ...needsOwnershipConfirmation ? { ownership_confirmed: ownershipConfirmed } : {}
+    });
+  };
+  React66.useEffect(() => {
+    submittingRef.current = false;
+  }, [
+    name,
+    legalName,
+    ownerName,
+    countryOfIncorporation,
+    residencyCountry,
+    owners,
+    ownershipConfirmed,
+    submitting,
+    serverError
+  ]);
+  const countryField = (params) => /* @__PURE__ */ jsxs45("div", { className: "space-y-1.5", children: [
+    /* @__PURE__ */ jsxs45(Label2, { htmlFor: params.id, children: [
+      params.label,
+      params.required && /* @__PURE__ */ jsx79("span", { className: "text-text-danger", children: " *" })
+    ] }),
+    /* @__PURE__ */ jsx79(
+      Select,
+      {
+        id: params.id,
+        "data-testid": params.id,
+        value: params.value,
+        onValueChange: params.onChange,
+        options: countries,
+        placeholder: "Select a country\u2026",
+        optionTestId: (value) => `${params.id}-option-${value}`
+      }
+    )
+  ] });
+  return /* @__PURE__ */ jsxs45("form", { onSubmit: handleSubmit, className: cn("space-y-4", className), children: [
+    /* @__PURE__ */ jsxs45("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ jsx79(Label2, { htmlFor: "create-org-name", children: "Organization name" }),
+      /* @__PURE__ */ jsx79(
+        Input,
+        {
+          id: "create-org-name",
+          "data-testid": "create-org-input",
+          value: name,
+          onChange: (event) => setName(event.target.value),
+          placeholder: "Acme Inc"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs45("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ jsx79(Label2, { htmlFor: "create-org-legal-name", children: "Legal name" }),
+      /* @__PURE__ */ jsx79(
+        Input,
+        {
+          id: "create-org-legal-name",
+          "data-testid": "create-org-legal-name",
+          value: legalName,
+          onChange: (event) => setLegalName(event.target.value),
+          placeholder: "Acme O\xDC"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs45("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ jsx79(Label2, { htmlFor: "create-org-owner-name", children: "Owner name" }),
+      /* @__PURE__ */ jsx79(
+        Input,
+        {
+          id: "create-org-owner-name",
+          "data-testid": "create-org-owner-name",
+          value: ownerName,
+          onChange: (event) => setOwnerName(event.target.value),
+          placeholder: "Jane Doe"
+        }
+      )
+    ] }),
+    countryField({
+      id: "create-org-country",
+      label: "Country of incorporation",
+      value: countryOfIncorporation,
+      onChange: setCountryOfIncorporation,
+      required: requireSanctionsFields
+    }),
+    countryField({
+      id: "create-org-residency",
+      label: "Country of residency",
+      value: residencyCountry,
+      onChange: setResidencyCountry,
+      required: false
+    }),
+    /* @__PURE__ */ jsxs45("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxs45("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx79(Label2, { children: "Beneficial owners" }),
+        /* @__PURE__ */ jsx79(
+          Button,
+          {
+            type: "button",
+            variant: "outline",
+            size: "sm",
+            "data-testid": "add-beneficial-owner",
+            disabled: owners.length >= MAX_BENEFICIAL_OWNERS,
+            onClick: addOwner,
+            children: "Add owner"
+          }
+        )
+      ] }),
+      owners.length === 0 && /* @__PURE__ */ jsx79("p", { className: "text-xs text-text-tertiary", children: "List the natural persons who ultimately own or control the organization." }),
+      owners.map((row) => /* @__PURE__ */ jsxs45(
+        "div",
+        {
+          "data-testid": `beneficial-owner-row-${row.key}`,
+          className: "flex items-end gap-2",
+          children: [
+            /* @__PURE__ */ jsxs45("div", { className: "flex-1 space-y-1", children: [
+              /* @__PURE__ */ jsx79(Label2, { htmlFor: `bo-name-${row.key}`, className: "text-xs", children: "Name" }),
+              /* @__PURE__ */ jsx79(
+                Input,
+                {
+                  id: `bo-name-${row.key}`,
+                  "data-testid": `bo-name-${row.key}`,
+                  value: row.name,
+                  onChange: (event) => patchOwner(row.key, { name: event.target.value })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs45("div", { className: "w-40 space-y-1", children: [
+              /* @__PURE__ */ jsx79(Label2, { htmlFor: `bo-country-${row.key}`, className: "text-xs", children: "Country" }),
+              /* @__PURE__ */ jsx79(
+                Select,
+                {
+                  id: `bo-country-${row.key}`,
+                  "data-testid": `bo-country-${row.key}`,
+                  value: row.country,
+                  onValueChange: (value) => patchOwner(row.key, { country: value }),
+                  options: countries,
+                  placeholder: "Country\u2026",
+                  optionTestId: (value) => `bo-country-${row.key}-option-${value}`
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs45("div", { className: "w-24 space-y-1", children: [
+              /* @__PURE__ */ jsx79(Label2, { htmlFor: `bo-share-${row.key}`, className: "text-xs", children: "Share %" }),
+              /* @__PURE__ */ jsx79(
+                Input,
+                {
+                  id: `bo-share-${row.key}`,
+                  "data-testid": `bo-share-${row.key}`,
+                  inputMode: "numeric",
+                  value: row.share,
+                  onChange: (event) => patchOwner(row.key, { share: event.target.value })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx79(
+              Button,
+              {
+                type: "button",
+                variant: "outline",
+                size: "sm",
+                "data-testid": `remove-beneficial-owner-${row.key}`,
+                onClick: () => removeOwner(row.key),
+                children: "Remove"
+              }
+            )
+          ]
+        },
+        row.key
+      )),
+      !ownersValid && /* @__PURE__ */ jsx79("p", { "data-testid": "beneficial-owners-error", className: "text-xs text-text-danger", children: "Every owner needs a name, a country and a share between 0 and 100." }),
+      shareSum > 100 && /* @__PURE__ */ jsxs45("p", { "data-testid": "beneficial-owners-sum-warning", className: "text-xs text-text-warning", children: [
+        "The listed shares add up to ",
+        shareSum,
+        "%, which is more than 100%."
+      ] })
+    ] }),
+    needsOwnershipConfirmation && /* @__PURE__ */ jsxs45("div", { className: "flex items-start gap-2", children: [
+      /* @__PURE__ */ jsx79(
+        Checkbox,
+        {
+          id: "create-org-ownership-confirmed",
+          "data-testid": "create-org-ownership-confirmed",
+          checked: ownershipConfirmed,
+          onCheckedChange: (value) => setOwnershipConfirmed(value === true)
+        }
+      ),
+      /* @__PURE__ */ jsxs45(
+        Label2,
+        {
+          htmlFor: "create-org-ownership-confirmed",
+          className: "text-xs font-normal leading-snug",
+          children: [
+            "I confirm the ownership structure above is complete and correct",
+            requireSanctionsFields && /* @__PURE__ */ jsx79("span", { className: "text-text-danger", children: " *" })
+          ]
+        }
+      )
+    ] }),
+    (serverError || violations && violations.length > 0) && /* @__PURE__ */ jsxs45(InlineError, { children: [
+      serverError,
+      violations && violations.length > 0 && /* @__PURE__ */ jsx79("ul", { "data-testid": "create-org-violations", className: "mt-1 list-disc pl-4", children: violations.map((violation) => /* @__PURE__ */ jsx79("li", { children: violation }, violation)) })
+    ] }),
+    /* @__PURE__ */ jsxs45("div", { className: "flex justify-end gap-2", children: [
+      onCancel && /* @__PURE__ */ jsx79(Button, { type: "button", variant: "outline", onClick: onCancel, children: "Cancel" }),
+      /* @__PURE__ */ jsx79(Button, { type: "submit", "data-testid": "submit-create-org", disabled: !canSubmit, children: submitting ? "Creating\u2026" : submitLabel })
+    ] })
+  ] });
+}
 export {
   Accordion,
   AccordionContent,
@@ -5127,6 +5675,7 @@ export {
   BreadcrumbPage,
   BreadcrumbSeparator,
   Button,
+  COUNTRY_OPTIONS,
   Calendar,
   Card,
   CardContent,
@@ -5268,6 +5817,7 @@ export {
   NotificationToast,
   NotificationToaster,
   OrgProductSwitcher,
+  OrganizationOnboardingForm,
   Pagination,
   PaginationContent,
   PaginationEllipsis,

package/dist/styles.css

@@ -15,6 +15,7 @@
   --bg-secondary: #12141b;
   --bg-surface: #1f222d;
   --bg-elevated: #252936;
+  --bg-overlay: #252936;
   --bg-sunken: #0e1015;
   --bg-brand: #06297d;
   --bg-brand-subtle: #1f2541;
@@ -276,6 +277,7 @@
   --bg-secondary: #eeeff0;
   --bg-surface: #f2f3f4;
   --bg-elevated: #edeef0;
+  --bg-overlay: #ffffff;
   --bg-sunken: #e1e2e4;
   --bg-brand-subtle: #e4ecfe;
   --bg-brand-hover: #05226a;
@@ -742,10 +744,11 @@
 }
 :root {
   /* === Nav / menu surfaces (0.3.0 sidebar) === */
-  /* --menu-shadow sits on the package's --shadow-overlay role; theme.css re-resolves
-     it per theme, so `.light` needs no override. */
+  /* The floating surface sits on the package's overlay pair: --menu-bg on
+     --bg-overlay, --menu-shadow on --shadow-overlay. theme.css re-resolves both
+     per theme, so `.light` needs no override for either. */
   --hov-bg: color-mix(in srgb, var(--text-primary) 7%, transparent);
-  --menu-bg: var(--bg-elevated);
+  --menu-bg: var(--bg-overlay);
   --menu-shadow: var(--shadow-overlay);
   --menu-hov: var(--hov-bg);
 
@@ -763,11 +766,10 @@
 }
 
 .light {
-  /* Light keeps opaque plates: a translucent text-mix would vanish on a white menu.
-     Pinned 0.3.0-prototype literals — deliberately NOT var(--bg-elevated), which
-     resolves to #edeef0 in the package, not this white. */
+  /* Light keeps opaque hover plates: a translucent text-mix would vanish on a
+     white menu. Pinned 0.3.0-prototype literals — the package has no hover-surface
+     roles yet, so these can't move onto tokens the way --menu-bg did. */
   --hov-bg: #ffffff;
-  --menu-bg: #ffffff;
   --menu-hov: #f2f4f7;
 
   /* Auth screen — see :root above. */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lessly/ui",
-  "version": "0.16.0",
+  "version": "0.17.0",
   "description": "Lessly design system — shared UI primitives, tokens, and theme",
   "type": "module",
   "packageManager": "pnpm@10.30.3",
@@ -62,7 +62,7 @@
     }
   },
   "dependencies": {
-    "@lessly/tokens": "^0.4.0",
+    "@lessly/tokens": "^0.5.0",
     "@radix-ui/react-accordion": "^1.2.16",
     "@radix-ui/react-alert-dialog": "^1.1.19",
     "@radix-ui/react-aspect-ratio": "^1.1.11",