@lessly/ui 0.16.1 → 0.18.0

package/dist/index.d.ts

@@ -1262,13 +1262,24 @@ interface CreateProductWindowProduct {
 type CreateProductSubmit = {
     name: string;
     organizationId: string;
-} | {
+}
+/** @deprecated Emitted only by the deprecated create-new-org mode — see
+ *  `CreateProductWindowProps.selectedOrgId`. Use `OrganizationCreateScreen` instead. */
+ | {
     name: string;
     organizationName: string;
 };
 interface CreateProductWindowProps {
     organizations: CreateProductWindowOrganization[];
-    /** null => create-new-org mode */
+    /**
+     * null => create-new-org mode.
+     *
+     * @deprecated The create-new-org mode is deprecated. Organization creation now goes
+     * through `OrganizationCreateScreen`, which collects the legal details the API needs
+     * (legal name, country of incorporation, beneficial owners) — this window only ever
+     * sends a bare `organizationName`. Pass a real org id and let the onboarding screens
+     * handle the org-first flow. Selecting an existing org here is unaffected.
+     */
     selectedOrgId: string | null;
     /** products of the selected org */
     products: CreateProductWindowProduct[];
@@ -1280,6 +1291,13 @@ interface CreateProductWindowProps {
     onEnterProduct: (product: CreateProductWindowProduct) => void;
     onSubmit: (data: CreateProductSubmit) => void;
 }
+/**
+ * The legacy first-run window: pick an organization and name a product, in one panel.
+ *
+ * Still supported for picking an existing organization. Its **create-new-org mode**
+ * (`selectedOrgId: null`, or an empty `organizations` list) is deprecated — org creation
+ * now goes through `OrganizationCreateScreen`, followed by `ProductCreateScreen`.
+ */
 declare function CreateProductWindow({ organizations, selectedOrgId, products, productsLoading, submitting, error, onOrganizationChange, onEnterProduct, onSubmit, }: CreateProductWindowProps): React$1.JSX.Element;
 
 /** FYI / Important / Critical — the one severity vocabulary. */
@@ -1477,4 +1495,142 @@ 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;
+
+interface OrganizationCreateScreenProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, 'title' | 'onSubmit'> {
+    /** Makes the country of incorporation — and the ownership confirmation, where it is
+     *  shown — mandatory. Mirrors the server-side requirement the consumer runs under. */
+    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 in the form when provided. */
+    onCancel?: () => void;
+    /** Brand mark above the headline. */
+    logo?: React$1.ReactNode;
+    /** Rendered top-right. Defaults to the kit's own `ThemeToggle`; pass your own node to
+     *  replace it, or `null` to drop it. */
+    themeToggle?: React$1.ReactNode;
+    title?: React$1.ReactNode;
+    description?: React$1.ReactNode;
+    /** Muted footer signature. Pass `null` to hide. */
+    footer?: React$1.ReactNode;
+}
+/**
+ * Full-page first step of the org-first onboarding flow: the screen a user lands on when
+ * they have no organization yet. It is the screen wrapper around
+ * `OrganizationOnboardingForm` — presentational and self-contained, it never calls an API
+ * and never navigates; the caller handles the outcome of `onSubmit`.
+ */
+declare function OrganizationCreateScreen({ requireSanctionsFields, onSubmit, defaultValues, submitting, serverError, violations, countries, submitLabel, onCancel, logo, themeToggle, title, description, footer, ...props }: OrganizationCreateScreenProps): React$1.JSX.Element;
+
+/** One product already living in the target organization. */
+interface ProductCreateScreenProduct {
+    id: string;
+    name: string;
+    slug?: string;
+}
+/** The submit payload. The organization is implied — the screen only ever creates inside
+ *  the organization it was given. */
+interface ProductCreateScreenSubmit {
+    name: string;
+}
+interface ProductCreateScreenProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, 'title' | 'onSubmit'> {
+    /** The organization the new product lands in. Shown so the user can see where they are. */
+    organizationName: string;
+    onSubmit: (data: ProductCreateScreenSubmit) => void;
+    defaultName?: string;
+    /** Disables the submit button and swaps its label while the caller's request is in flight. */
+    submitting?: boolean;
+    serverError?: string | null;
+    /** Products the organization already has. Omit (or pass an empty list) to hide the
+     *  "Your products" section entirely. */
+    existingProducts?: ProductCreateScreenProduct[];
+    /** Makes each existing product a button. Without it the list is read-only. */
+    onOpenProduct?: (product: ProductCreateScreenProduct) => void;
+    /** Heading above the existing-products list. */
+    existingProductsLabel?: React$1.ReactNode;
+    submitLabel?: React$1.ReactNode;
+    /** Renders a Cancel button when provided. */
+    onCancel?: () => void;
+    /** Brand mark above the headline. */
+    logo?: React$1.ReactNode;
+    /** Rendered top-right. Defaults to the kit's own `ThemeToggle`; pass your own node to
+     *  replace it, or `null` to drop it. */
+    themeToggle?: React$1.ReactNode;
+    title?: React$1.ReactNode;
+    description?: React$1.ReactNode;
+    /** Muted footer signature. Pass `null` to hide. */
+    footer?: React$1.ReactNode;
+}
+/**
+ * Full-page second step of the org-first onboarding flow: create the first product inside
+ * an organization that already exists. Presentational and self-contained — it never calls
+ * an API and never navigates; the caller handles the outcome of `onSubmit`.
+ */
+declare function ProductCreateScreen({ organizationName, onSubmit, defaultName, submitting, serverError, existingProducts, onOpenProduct, existingProductsLabel, submitLabel, onCancel, logo, themeToggle, title, description, footer, ...props }: ProductCreateScreenProps): 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, OrganizationCreateScreen, type OrganizationCreateScreenProps, type OrganizationOnboardingDefaults, OrganizationOnboardingForm, type OrganizationOnboardingFormProps, type OrganizationOnboardingPayload, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, type PaginationLinkProps, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, ProductCreateScreen, type ProductCreateScreenProduct, type ProductCreateScreenProps, type ProductCreateScreenSubmit, 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,758 @@ 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 })
+    ] })
+  ] });
+}
+
+// src/components/onboarding-screen-shell.tsx
+import { jsx as jsx80, jsxs as jsxs46 } from "react/jsx-runtime";
+var GLOW_BG2 = "radial-gradient(560px 320px at 28% 16%, var(--auth-glow-a), transparent 68%),radial-gradient(520px 340px at 78% 90%, var(--auth-glow-b), transparent 66%),var(--bg-sunken)";
+var CARD_WIDTH = {
+  md: "max-w-[440px]",
+  lg: "max-w-[560px]"
+};
+function OnboardingScreenShell({
+  logo,
+  themeToggle = /* @__PURE__ */ jsx80(ThemeToggle, {}),
+  title,
+  description,
+  footer = "Supercharged by Lessly",
+  width = "md",
+  children,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs46(
+    "div",
+    {
+      className: cn(
+        "relative flex min-h-screen w-full flex-col items-center justify-center overflow-hidden px-6 py-12 text-text-primary",
+        className
+      ),
+      style: { background: GLOW_BG2 },
+      ...props,
+      children: [
+        themeToggle && /* @__PURE__ */ jsx80("div", { className: "absolute right-6 top-6", children: themeToggle }),
+        /* @__PURE__ */ jsxs46("div", { className: cn("w-full", CARD_WIDTH[width]), children: [
+          /* @__PURE__ */ jsxs46("div", { className: "mb-[26px] text-center", children: [
+            logo && /* @__PURE__ */ jsx80("div", { className: "mb-[20px] text-[24px] font-bold leading-none tracking-[-0.02em] text-text-primary", children: logo }),
+            /* @__PURE__ */ jsx80("h1", { className: "mb-[8px] text-[22px] font-semibold leading-[1.25] tracking-[-0.015em] text-text-primary", children: title }),
+            description && /* @__PURE__ */ jsx80("p", { className: "mx-auto max-w-[380px] text-[13.5px] leading-[1.5] text-text-secondary", children: description })
+          ] }),
+          /* @__PURE__ */ jsx80(
+            "div",
+            {
+              className: "rounded-2xl bg-bg-surface px-[30px] pb-[28px] pt-[28px]",
+              style: {
+                border: "1px solid var(--auth-card-border)",
+                boxShadow: "var(--auth-card-shadow)"
+              },
+              children
+            }
+          ),
+          footer != null && /* @__PURE__ */ jsx80("div", { className: "mt-[24px] text-center text-[11px] tracking-[0.005em] text-text-tertiary", children: footer })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/components/organization-create-screen.tsx
+import { jsx as jsx81 } from "react/jsx-runtime";
+function OrganizationCreateScreen({
+  requireSanctionsFields,
+  onSubmit,
+  defaultValues,
+  submitting,
+  serverError,
+  violations,
+  countries,
+  submitLabel,
+  onCancel,
+  logo,
+  themeToggle,
+  title = "Create your organization",
+  description = "An organization is the home for your team and products",
+  footer,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx81(
+    OnboardingScreenShell,
+    {
+      logo,
+      themeToggle,
+      title,
+      description,
+      footer,
+      width: "lg",
+      ...props,
+      children: /* @__PURE__ */ jsx81(
+        OrganizationOnboardingForm,
+        {
+          requireSanctionsFields,
+          onSubmit,
+          defaultValues,
+          submitting,
+          serverError,
+          violations,
+          countries,
+          submitLabel,
+          onCancel
+        }
+      )
+    }
+  );
+}
+
+// src/components/product-create-screen.tsx
+import * as React67 from "react";
+import { jsx as jsx82, jsxs as jsxs47 } from "react/jsx-runtime";
+var productRow = "flex w-full items-center justify-between rounded-md border border-border-default bg-bg-primary px-3 py-2 text-left text-sm text-text-primary";
+function ProductCreateScreen({
+  organizationName,
+  onSubmit,
+  defaultName = "",
+  submitting,
+  serverError,
+  existingProducts,
+  onOpenProduct,
+  existingProductsLabel = "Your products",
+  submitLabel = "Create product",
+  onCancel,
+  logo,
+  themeToggle,
+  title = "Create your product",
+  description = "A product is where your data, extensions and team access live",
+  footer,
+  ...props
+}) {
+  const [name, setName] = React67.useState(defaultName);
+  const submittingRef = React67.useRef(false);
+  const trimmed = name.trim();
+  const canSubmit = trimmed !== "" && !submitting;
+  React67.useEffect(() => {
+    submittingRef.current = false;
+  }, [name, submitting, serverError]);
+  const handleSubmit = (event) => {
+    event.preventDefault();
+    if (!canSubmit || submittingRef.current) return;
+    submittingRef.current = true;
+    onSubmit({ name: trimmed });
+  };
+  const products = existingProducts ?? [];
+  return /* @__PURE__ */ jsxs47(
+    OnboardingScreenShell,
+    {
+      logo,
+      themeToggle,
+      title,
+      description,
+      footer,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs47("form", { onSubmit: handleSubmit, className: "space-y-4", noValidate: true, children: [
+          /* @__PURE__ */ jsxs47("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ jsx82("span", { className: "text-sm font-medium leading-none text-text-primary", children: "Organization" }),
+            /* @__PURE__ */ jsx82(
+              "p",
+              {
+                "data-testid": "create-product-organization",
+                className: "truncate rounded-md border border-border-default bg-bg-secondary px-3 py-2 text-sm text-text-secondary",
+                children: organizationName
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs47("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ jsx82(Label2, { htmlFor: "create-product-name", children: "Product name" }),
+            /* @__PURE__ */ jsx82(
+              Input,
+              {
+                id: "create-product-name",
+                "data-testid": "create-product-input",
+                value: name,
+                onChange: (event) => setName(event.target.value),
+                placeholder: "My product"
+              }
+            )
+          ] }),
+          serverError && /* @__PURE__ */ jsx82(InlineError, { children: serverError }),
+          /* @__PURE__ */ jsxs47("div", { className: "flex justify-end gap-2", children: [
+            onCancel && /* @__PURE__ */ jsx82(Button, { type: "button", variant: "outline", onClick: onCancel, children: "Cancel" }),
+            /* @__PURE__ */ jsx82(Button, { type: "submit", "data-testid": "submit-create-product", disabled: !canSubmit, children: submitting ? "Creating\u2026" : submitLabel })
+          ] })
+        ] }),
+        products.length > 0 && /* @__PURE__ */ jsxs47("div", { "data-testid": "existing-products", className: "mt-6 space-y-2 border-t border-border-default pt-5", children: [
+          /* @__PURE__ */ jsx82(Label2, { children: existingProductsLabel }),
+          /* @__PURE__ */ jsx82("ul", { className: "flex flex-col gap-1", children: products.map((product) => /* @__PURE__ */ jsx82("li", { children: onOpenProduct ? /* @__PURE__ */ jsxs47(
+            "button",
+            {
+              type: "button",
+              "data-testid": `existing-product-${product.id}`,
+              onClick: () => onOpenProduct(product),
+              className: cn(
+                productRow,
+                "hover:bg-bg-secondary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus"
+              ),
+              children: [
+                /* @__PURE__ */ jsx82("span", { className: "truncate", children: product.name }),
+                product.slug && /* @__PURE__ */ jsx82("span", { className: "ml-2 truncate text-text-tertiary", children: product.slug })
+              ]
+            }
+          ) : /* @__PURE__ */ jsxs47("div", { className: productRow, children: [
+            /* @__PURE__ */ jsx82("span", { className: "truncate", children: product.name }),
+            product.slug && /* @__PURE__ */ jsx82("span", { className: "ml-2 truncate text-text-tertiary", children: product.slug })
+          ] }) }, product.id)) })
+        ] })
+      ]
+    }
+  );
+}
 export {
   Accordion,
   AccordionContent,
@@ -5127,6 +5879,7 @@ export {
   BreadcrumbPage,
   BreadcrumbSeparator,
   Button,
+  COUNTRY_OPTIONS,
   Calendar,
   Card,
   CardContent,
@@ -5268,6 +6021,8 @@ export {
   NotificationToast,
   NotificationToaster,
   OrgProductSwitcher,
+  OrganizationCreateScreen,
+  OrganizationOnboardingForm,
   Pagination,
   PaginationContent,
   PaginationEllipsis,
@@ -5279,6 +6034,7 @@ export {
   PopoverAnchor,
   PopoverContent,
   PopoverTrigger,
+  ProductCreateScreen,
   Progress,
   RadioGroup2 as RadioGroup,
   RadioGroupItem,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lessly/ui",
-  "version": "0.16.1",
+  "version": "0.18.0",
   "description": "Lessly design system — shared UI primitives, tokens, and theme",
   "type": "module",
   "packageManager": "pnpm@10.30.3",