@lessly/ui 4.1.1 → 5.0.0

package/dist/{chunk-LTHOLX7I.js → chunk-OTYVKDP2.js}

@@ -81,8 +81,9 @@ var buttonVariants = cva(
          *  of framed ✕ buttons would shout. */
         "destructive-ghost": "text-text-tertiary focus-visible:ring-border-focus hover:bg-bg-danger-subtle hover:text-text-danger",
         /** @deprecated A resting red fill. It belongs on a confirm inside a window that has already
-         *  stated the stakes, and the kit sanctions two: `ConfirmDialog`'s confirm and a
-         *  `StepUpChallenge destructive` one. Use `destructive` for any trigger that sits on a page. */
+         *  stated the stakes, and nowhere else; `ConfirmDialog`'s confirm and a
+         *  `StepUpChallenge destructive` one are where the kit draws it. Use `destructive` for any
+         *  trigger that sits on a page. */
         "destructive-solid": "bg-bg-danger text-text-on-danger focus-visible:ring-border-focus hover:bg-bg-danger-a90",
         outline: "border border-border-default bg-transparent text-text-primary focus-visible:ring-border-focus hover:bg-bg-secondary",
         secondary: "border border-border-default bg-bg-secondary text-text-primary focus-visible:ring-border-focus hover:bg-bg-secondary-a80",
@@ -232,7 +233,7 @@ var TooltipContent = React2.forwardRef(({ className, sideOffset = 4, dir, ...pro
       dir: dir ?? directionOf(trigger),
       sideOffset,
       className: cn(
-        "z-50 max-w-[min(var(--layout-80),var(--radix-popper-available-width))] overflow-hidden break-words rounded-md border border-border-subtle bg-bg-elevated px-3 py-1.5 text-xs text-text-primary shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+        "z-50 max-w-[min(var(--layout-80),var(--radix-popper-available-width))] overflow-hidden break-words rounded-md border border-border-subtle bg-bg-overlay px-3 py-1.5 text-xs text-text-primary shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
         className
       ),
       ...props
@@ -256,7 +257,11 @@ var SheetOverlay = React3.forwardRef(({ className, ...props }, ref) => /* @__PUR
   {
     ref,
     className: cn(
-      "fixed inset-0 z-50 bg-black/50 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      // The scrim's state-scoped pair is the panel's below, so the two arrive as one — and an
+      // unprefixed 500 would slow the close as well as the open. Naming a duration at all is what
+      // makes `prefers-reduced-motion` reach the fade: an unset `--tw-duration` falls to
+      // tw-animate-css's own literal 0.15s, which no media query can collapse.
+      "fixed inset-0 z-50 bg-black/50 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:duration-300 data-[state=open]:duration-500",
       className
     ),
     ...props
@@ -613,13 +618,16 @@ function RailMark({ collapsed, className }) {
     }
   );
 }
+function railToggleLabel(collapsed) {
+  return collapsed ? "Expand sidebar" : "Collapse sidebar";
+}
 var RailToggle = React7.forwardRef(function RailToggle2({ collapsed, className, "aria-label": ariaLabel, ...rest }, ref) {
   return /* @__PURE__ */ jsx7(
     "button",
     {
       ref,
       type: "button",
-      "aria-label": ariaLabel ?? (collapsed ? "Expand sidebar" : "Collapse sidebar"),
+      "aria-label": ariaLabel ?? railToggleLabel(collapsed),
       "aria-expanded": !collapsed,
       className: cn(
         RAIL_COLUMN_BOX,
@@ -632,6 +640,25 @@ var RailToggle = React7.forwardRef(function RailToggle2({ collapsed, className,
   );
 });
 
+// src/hooks/use-sidebar-drawer.ts
+import { createContext as createContext2, useContext as useContext2 } from "react";
+var SidebarDrawerContext = createContext2(false);
+function useSidebarDrawer() {
+  return useContext2(SidebarDrawerContext);
+}
+var NOT_IN_A_DRAWER = () => {
+};
+var SidebarDrawerDismissContext = createContext2(null);
+function useSidebarDismiss() {
+  return useContext2(SidebarDrawerDismissContext) ?? NOT_IN_A_DRAWER;
+}
+
+// src/components/sidebar-drawer.tsx
+import { jsx as jsx8 } from "react/jsx-runtime";
+function SidebarDrawer({ children, onDismiss }) {
+  return /* @__PURE__ */ jsx8(SidebarDrawerContext.Provider, { value: true, children: /* @__PURE__ */ jsx8(SidebarDrawerDismissContext.Provider, { value: onDismiss ?? null, children }) });
+}
+
 export {
   cn,
   buttonVariants,
@@ -657,5 +684,9 @@ export {
   useSidebar,
   NavRow,
   RAIL_COLUMN_BOX,
-  RailToggle
+  railToggleLabel,
+  RailToggle,
+  useSidebarDrawer,
+  useSidebarDismiss,
+  SidebarDrawer
 };

package/dist/index.d.ts

@@ -993,7 +993,12 @@ interface CommandDialogProps extends DialogProps {
      * empty line and key hints; supply `children` instead and it draws whatever you put in it.
      */
     groups?: CommandDialogGroup[];
-    /** The input's placeholder. Read only alongside `groups`. */
+    /**
+     * The palette's accessible name, on both paths: cmdk computes the field's name from the root, so
+     * this is written there whatever the dialog draws inside it. Alongside `groups` it is also the
+     * placeholder of the input the dialog draws, because what a field says is what it is called;
+     * alongside `children` it names whatever field you put in.
+     */
     placeholder?: string;
     /** What the list says when nothing matches. Read only alongside `groups`. */
     empty?: React$1.ReactNode;
@@ -1481,8 +1486,31 @@ interface ConfirmDialogProps {
     title: React$1.ReactNode;
     description?: React$1.ReactNode;
     confirmLabel?: string;
+    /**
+     * The word on the press that steps forward to a `stepUp` challenge, where the word on the press
+     * that acts would be wrong there: `Continue`, then `Regenerate codes`. Defaults to `confirmLabel`,
+     * so a caller that names one word writes it in both places as it always did.
+     *
+     * Read only where a panel is held before the challenge — a `confirmPhrase` or `confirmFirst`.
+     * With a `stepUp` and neither, the challenge is the whole window, no press steps forward, and
+     * this is ignored.
+     */
+    continueLabel?: string;
     cancelLabel?: string;
+    /**
+     * The act this dialog performs takes something away. The resting red goes on the one press that
+     * performs it (Guidelines/Destructive actions) — the challenge's confirm where a `stepUp` follows,
+     * the footer's where nothing does. A press that only steps forward never wears it.
+     */
     destructive?: boolean;
+    /**
+     * Hold a panel before the challenge with nothing to type on it, for a consequence the person has
+     * to accept before being asked who they are. Without it a `stepUp` and no `confirmPhrase` makes
+     * the challenge the whole window, and a warning has nowhere to go but the challenge's own words.
+     *
+     * There is no challenge to hold a panel before without a `stepUp`, so on its own it does nothing.
+     */
+    confirmFirst?: boolean;
     /**
      * The words the user has to type before the confirm will fire — a product's name, `DELETE`. For an
      * action whose cost is that it cannot be taken back by the person taking it.
@@ -1503,7 +1531,7 @@ interface ConfirmDialogProps {
      */
     onError?: (error: unknown) => string;
 }
-declare function ConfirmDialog({ open, onOpenChange, trigger, title, description, confirmLabel, cancelLabel, destructive, confirmPhrase, stepUp, onConfirm, onError, }: ConfirmDialogProps): React$1.JSX.Element;
+declare function ConfirmDialog({ open, onOpenChange, trigger, title, description, confirmLabel, continueLabel, cancelLabel, destructive, confirmFirst, confirmPhrase, stepUp, onConfirm, onError, }: ConfirmDialogProps): React$1.JSX.Element;
 
 interface UserMenuUser {
     name: string;
@@ -2551,6 +2579,11 @@ type NavRowProps = NavRowOwnProps & Omit<React$1.ComponentPropsWithoutRef<'butto
  *  not an entity opening as a page, so the hover fill is the whole affordance. */
 declare const NavRow: React$1.ForwardRefExoticComponent<NavRowProps & React$1.RefAttributes<HTMLButtonElement>>;
 
+/** What the control answers to, from the state it is in: the name says what the press will do, so a
+ *  closed rail's control is `Expand sidebar`. It is a function rather than two strings at the call
+ *  site because the tooltip a call site composes has to say what the control is called — and two
+ *  hand-written copies of a pair like this are two copies to keep in step. */
+declare function railToggleLabel(collapsed: boolean): string;
 interface RailToggleProps extends React$1.ComponentPropsWithoutRef<'button'> {
     /** Which state the rail is in now, not what the press will do. The mark and the accessible name
      *  are both read off it, so a rail cannot say one thing and draw another. */
@@ -2574,7 +2607,9 @@ interface RailToggleProps extends React$1.ComponentPropsWithoutRef<'button'> {
  * console gives the control the words its command palette already uses for it.
  *
  * No tooltip of its own. On a closed rail every neighbour has one, so the call site composes it —
- * and the label it shows is then the same string this takes.
+ * and the label it shows is `railToggleLabel(collapsed)`, the same resolver the accessible name
+ * above falls back to, so the two cannot say different things. `AppSidebar` composes exactly that
+ * at its foot.
  */
 declare const RailToggle: React$1.ForwardRefExoticComponent<RailToggleProps & React$1.RefAttributes<HTMLButtonElement>>;
 
@@ -2586,6 +2621,14 @@ interface QuickSearchRowProps {
     /**
      * The second way in, stated rather than implied — this is the one fact a person needs before they
      * stop reaching for the sidebar at all. `false` for a rail with no shortcut bound.
+     *
+     * Only an unset prop takes the default. `false` and `null` both mean this rail has no shortcut,
+     * on either surface — `shortcut={binding ?? null}` is the shape a caller reaches for and it has
+     * to mean what it says.
+     *
+     * Unset, it is `⌘K` on a rail and nothing at all inside a `<SidebarDrawer>`: a drawer is the
+     * shape a phone gets, and a phone has no key to press. Set, it is what the row states on either
+     * surface — a drawer opened on a tablet with a keyboard really does have one.
      */
     shortcut?: React$1.ReactNode;
     /**
@@ -2613,6 +2656,26 @@ declare namespace QuickSearchRow {
     var displayName: string;
 }
 
+/** Marks everything below as drawn inside a drawer — a rail, and every part it holds — and hands it
+ *  the way out. `AppShell` wraps its sheet's contents in it and passes its own close as `onDismiss`,
+ *  which is what lets a rail that navigates by state close the sheet it navigated in. A product that
+ *  builds its own rail inside its own sheet writes this itself; without it every such rail keeps
+ *  printing ⌘K on a phone.
+ *
+ *  Its own module, and not beside `AppSidebar`. This ships from `@lessly/ui` while the rail ships
+ *  from `@lessly/ui/router`, and a module both entries reach lands in the chunk they share — so
+ *  written in `app-sidebar.tsx` this dragged `react-router` into `import { Button } from
+ *  '@lessly/ui'` and broke resolution for a consumer who skipped the optional peer (#878). Nothing
+ *  here imports anything but React and the contexts. */
+declare function SidebarDrawer({ children, onDismiss }: {
+    children: React$1.ReactNode;
+    onDismiss?: () => void;
+}): React$1.JSX.Element;
+
+/** How a part inside a drawer closes it. Outside one it is a no-op, so a rail row can call it
+ *  unconditionally rather than asking which surface it is on first. */
+declare function useSidebarDismiss(): () => void;
+
 type NavSectionLabelProps = React$1.HTMLAttributes<HTMLDivElement>;
 /** Section header for nav rails and menu popups. Insets match the 0.3.0 prototype
  *  (4px 4px 2px 8px), so it hangs slightly left of the rows it labels. */
@@ -2754,6 +2817,15 @@ interface OrgProductSwitcherProps {
      * console offers it.
      */
     trigger?: 'stacked' | 'inline';
+    /**
+     * Whether the `stacked` trigger draws its own leading mark, or holds the place open and draws
+     * nothing in it. `hold` is for a surface that draws that mark itself and can only carry one: a
+     * rail stands the organization's mark on its glyph column at both widths, and a trigger drawing
+     * a second puts two marks 2px apart in one band. The place is held rather than closed so the name
+     * starts on the column it starts on either way, and the trigger's own box is untouched, so the
+     * menu anchors where it did. The `inline` trigger has never drawn a mark and reads neither value.
+     */
+    mark?: 'draw' | 'hold';
     /** Accessible name for the trigger. Defaults to `"<org> / <product>"`, and to whatever the
      *  trigger reads before an org resolves. */
     'aria-label'?: string;
@@ -2776,7 +2848,7 @@ interface OrgProductSwitcherProps {
  * `activeProductId` for the newly-selected org. Wiring org/product switches to routing is the
  * consumer's job.
  */
-declare function OrgProductSwitcher({ organizations, activeOrgId, onOrgSelect, products, activeProductId, onProductSelect, actions, trigger, className, ...props }: OrgProductSwitcherProps): React$1.JSX.Element;
+declare function OrgProductSwitcher({ organizations, activeOrgId, onOrgSelect, products, activeProductId, onProductSelect, actions, trigger, mark, className, ...props }: OrgProductSwitcherProps): React$1.JSX.Element;
 declare namespace OrgProductSwitcher {
     var displayName: string;
 }
@@ -3331,6 +3403,7 @@ interface NotificationCenterProps {
 }
 declare const NotificationCenter: React$1.ForwardRefExoticComponent<NotificationCenterProps & React$1.RefAttributes<HTMLDivElement>>;
 
+type Density = 'compact' | 'comfortable';
 interface NotificationRowProps extends React$1.HTMLAttributes<HTMLDivElement> {
     item: NotificationItem;
     onItemClick?(item: NotificationItem): void;
@@ -3343,9 +3416,21 @@ interface NotificationRowProps extends React$1.HTMLAttributes<HTMLDivElement> {
     /** Override the default relative-age label. */
     formatAge?(createdAt: Date): string;
     /**
-     * The card rests on `bg-bg-surface`, which assumes an elevated parent — it is the
-     * step the bell's panel gives it. On a page, whose ground is `bg-bg-primary`, that
-     * step inverts sign: pass `bg-bg-elevated` to keep the row reading as raised.
+     * How roomy the row is drawn. Default `compact`, which is the row the bell's panel
+     * needs: a body clamped to two lines, small type on the deep link, and the receipt
+     * as a clause on the source eyebrow.
+     *
+     * `comfortable` is the drawing the Notification Center uses for its own rows, for a
+     * row given the width of a page: `px-4 py-3`, the body a step up and unclamped, the
+     * receipt on a line of its own under a check, and the whole bottom row a step up with
+     * it, so the deep link and the one-time actions stay the same size as each other.
+     * Nothing else moves, and neither density paints a severity badge.
+     */
+    density?: Density;
+    /**
+     * The card rests on `bg-bg-overlay` behind a hairline. `bg-bg-overlay` is the one
+     * fill above every ground in both themes, and the panel that holds the row is
+     * already on it, so there the edge is the whole step — pass nothing anywhere.
      */
     className?: string;
 }
@@ -3431,6 +3516,38 @@ interface NotificationToasterProps {
 }
 declare const NotificationToaster: React$1.ForwardRefExoticComponent<NotificationToasterProps & React$1.RefAttributes<HTMLDivElement>>;
 
+/**
+ * The window an account is opened in: a full-viewport glow ground with a single centered card
+ * holding everything — logo, header copy and the screen's form — so a beta gate, a sign-up, an
+ * organization and a first product all read as one screen a person is moving through rather than
+ * four products. The only thing outside the card is the theme toggle, parked top-right.
+ *
+ * It is the frame `OrganizationOnboardingForm` was drawn inside. The ground and the card's edge
+ * read `--auth-*` variables that ship in the stylesheet but are not exported as names, so a
+ * consumer who adopted the form alone had to rebuild this window out of constants they could not
+ * import.
+ *
+ * Unlike a sign-in gate the card carries no signature line unless a `footer` is passed.
+ */
+interface OnboardingScreenShellProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, 'title'> {
+    /** Brand mark above the headline. Consumers pass their own wordmark. */
+    logo?: React$1.ReactNode;
+    /** Rendered in the top-right corner. Defaults to the kit's own `ThemeToggle`, so a screen
+     *  gets the control without wiring; pass your own node to replace it, or `null` to drop
+     *  it. */
+    themeToggle?: React$1.ReactNode;
+    /** `null` renders no `h1` at all — for a screen whose body carries its own headings. */
+    title: React$1.ReactNode;
+    description?: React$1.ReactNode;
+    /** Muted footer signature. Absent by default — the onboarding window carries no
+     *  signature; pass a node to render one. */
+    footer?: React$1.ReactNode;
+    /** Card width. Org creation needs a wider card than product creation. */
+    width?: 'md' | 'lg';
+    children: React$1.ReactNode;
+}
+declare const OnboardingScreenShell: React$1.ForwardRefExoticComponent<OnboardingScreenShellProps & React$1.RefAttributes<HTMLDivElement>>;
+
 /**
  * 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
@@ -3780,4 +3897,4 @@ interface RatingScaleProps extends Omit<React$1.ComponentPropsWithoutRef<typeof
 }
 declare const RatingScale: React$1.ForwardRefExoticComponent<RatingScaleProps & React$1.RefAttributes<HTMLDivElement>>;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AddPicker, type AddPickerItem, type AddPickerProps, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, AttachmentChip, type AttachmentChipProps, type AttachmentState, AutoHeight, type AutoHeightProps, Avatar, AvatarFallback, AvatarImage, BackLink, type BackLinkProps, 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, CardNote, type CardNoteProps, type CardProps, CardTitle, type CardTitleProps, Carousel, type CarouselApi, CarouselContent, type CarouselContextProps, CarouselItem, CarouselNext, type CarouselOptions, type CarouselPlugin, CarouselPrevious, type CarouselProps, Checkbox, Code, CodeBlock, type CodeBlockProps, type CodeLang, type CodeProps, type CodeVariant, Col, type ColProps, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, type CommandDialogGroup, type CommandDialogItem, type CommandDialogProps, CommandEmpty, CommandGroup, CommandInput, CommandItem, type CommandItemProps, CommandList, CommandSeparator, CommandShortcut, ConfirmDialog, type ConfirmDialogProps, type ConfirmDialogStepUp, ConnectorCard, type ConnectorCardProps, type ConnectorOrigin, type ConnectorStatus, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyButton, type CopyButtonProps, DatePicker, type DatePickerProps, DecorativeIcon, type DecorativeIconProps, 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, EntityRow, type EntityRowOpens, type EntityRowOpensProps, type EntityRowProps, EntityTile, type EntityTileProps, ExtensionIcon, type ExtensionIconProps, FeedbackButton, type FeedbackButtonLabels, type FeedbackButtonProps, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, GlyphAvatar, type GlyphAvatarProps, type GrantRole, type GrantRoleNotes, GrantRolePicker, type GrantRolePickerProps, GrantRow, type GrantRowProps, Grid, GridOverlay, type GridOverlayProps, type GridProps, HoverCard, HoverCardContent, HoverCardTrigger, IconHint, type IconHintProps, ImageCropDialog, type ImageCropDialogProps, type ImageCropShape, type ImageCropType, ImageCropper, type ImageCropperProps, ImageUpload, type ImageUploadProps, type ImageUploadSize, InlineError, type InlineErrorProps, Input, InputAddon, type InputAddonProps, InputGroup, InputGroupInput, type InputGroupInputProps, type InputGroupProps, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, type InputProps, Label, ListCells, type ListCellsProps, type ListColumn, type ListColumnWidth, ListHeader, type ListHeaderProps, MISSING_TONE, Medallion, type MedallionProps, MenuDivider, MenuPopup, type MenuPopupProps, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavRow, type NavRowMark, 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, NotificationRow, type NotificationRowProps, NotificationSettings, type NotificationSettingsProps, type NotificationSeverity, type NotificationSubscription, type NotificationThreshold, NotificationToast, type NotificationToastDwell, type NotificationToastProps, NotificationToaster, type NotificationToasterPosition, type NotificationToasterProps, OptionCard, type OptionCardProps, OrgProductSwitcher, type OrgProductSwitcherAction, type OrgProductSwitcherItem, type OrgProductSwitcherProduct, type OrgProductSwitcherProps, type OrganizationOnboardingDefaults, OrganizationOnboardingForm, type OrganizationOnboardingFormProps, type OrganizationOnboardingPayload, PageColumn, type PageColumnProps, PageHeader, type PageHeaderProps, type PageHeaderSize, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, type PaginationLinkProps, PaginationNext, PaginationPrevious, PersonAvatar, type PersonAvatarProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, type ProductStatus, Progress, QuickSearchRow, type QuickSearchRowProps, RadioGroup, RadioGroupItem, RailToggle, type RailToggleProps, RatingScale, type RatingScaleProps, type RatingScaleSize, RemovableChip, type RemovableChipProps, RemoveButton, type RemoveButtonProps, RequestRow, type RequestRowProps, type RequestState, type RequestSurface, type ResolvedTheme, type Responsive, ScrollArea, ScrollBar, SecretReveal, type SecretRevealProps, SectionIntro, type SectionIntroProps, Select, type SelectOption, type SelectProps, Separator, SettingRow, type SettingRowProps, type Severity, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SidebarBackHeader, type SidebarBackHeaderProps, SidebarProductHeader, type SidebarProductHeaderProps, Skeleton, Slider, StarRating, type StarRatingProps, type StarRatingSize, StatCard, type StatCardProps, StatusDot, type StatusDotProps, StepUpChallenge, type StepUpChallengeProps, type StepUpMethod, type StepUpProof, Switch, type SwitchProps, TOAST_DWELL, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, type TableProps, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, type TextareaProps, type Theme, ThemePicker, type ThemePickerProps, ThemeToggle, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TopBar, type TopBarProps, TopBarUtilities, type TopBarUtilitiesProps, type TopBarUtility, type UseFreshHighlightResult, type UseSidebarOptions, type UseSidebarResult, UserMenu, type UserMenuItem, type UserMenuProps, type UserMenuUser, WEIGHT_TONE, alertVariants, attachmentChipVariants, badgeVariants, buttonVariants, cn, formatRelativeAge, grantRemoveLabel, isKnownExtensionIcon, isNotificationSettled, navigationMenuTriggerStyle, productStatusBadge, severityBadgeVariant, severityLabels, statusDotVariants, toggleVariants, useCarousel, useFormField, useFreshHighlight, useIsMobile, useSidebar, useTheme };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AddPicker, type AddPickerItem, type AddPickerProps, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, AttachmentChip, type AttachmentChipProps, type AttachmentState, AutoHeight, type AutoHeightProps, Avatar, AvatarFallback, AvatarImage, BackLink, type BackLinkProps, 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, CardNote, type CardNoteProps, type CardProps, CardTitle, type CardTitleProps, Carousel, type CarouselApi, CarouselContent, type CarouselContextProps, CarouselItem, CarouselNext, type CarouselOptions, type CarouselPlugin, CarouselPrevious, type CarouselProps, Checkbox, Code, CodeBlock, type CodeBlockProps, type CodeLang, type CodeProps, type CodeVariant, Col, type ColProps, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, type CommandDialogGroup, type CommandDialogItem, type CommandDialogProps, CommandEmpty, CommandGroup, CommandInput, CommandItem, type CommandItemProps, CommandList, CommandSeparator, CommandShortcut, ConfirmDialog, type ConfirmDialogProps, type ConfirmDialogStepUp, ConnectorCard, type ConnectorCardProps, type ConnectorOrigin, type ConnectorStatus, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyButton, type CopyButtonProps, DatePicker, type DatePickerProps, DecorativeIcon, type DecorativeIconProps, 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, EntityRow, type EntityRowOpens, type EntityRowOpensProps, type EntityRowProps, EntityTile, type EntityTileProps, ExtensionIcon, type ExtensionIconProps, FeedbackButton, type FeedbackButtonLabels, type FeedbackButtonProps, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, GlyphAvatar, type GlyphAvatarProps, type GrantRole, type GrantRoleNotes, GrantRolePicker, type GrantRolePickerProps, GrantRow, type GrantRowProps, Grid, GridOverlay, type GridOverlayProps, type GridProps, HoverCard, HoverCardContent, HoverCardTrigger, IconHint, type IconHintProps, ImageCropDialog, type ImageCropDialogProps, type ImageCropShape, type ImageCropType, ImageCropper, type ImageCropperProps, ImageUpload, type ImageUploadProps, type ImageUploadSize, InlineError, type InlineErrorProps, Input, InputAddon, type InputAddonProps, InputGroup, InputGroupInput, type InputGroupInputProps, type InputGroupProps, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, type InputProps, Label, ListCells, type ListCellsProps, type ListColumn, type ListColumnWidth, ListHeader, type ListHeaderProps, MISSING_TONE, Medallion, type MedallionProps, MenuDivider, MenuPopup, type MenuPopupProps, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavRow, type NavRowMark, 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, NotificationRow, type NotificationRowProps, NotificationSettings, type NotificationSettingsProps, type NotificationSeverity, type NotificationSubscription, type NotificationThreshold, NotificationToast, type NotificationToastDwell, type NotificationToastProps, NotificationToaster, type NotificationToasterPosition, type NotificationToasterProps, OnboardingScreenShell, type OnboardingScreenShellProps, OptionCard, type OptionCardProps, OrgProductSwitcher, type OrgProductSwitcherAction, type OrgProductSwitcherItem, type OrgProductSwitcherProduct, type OrgProductSwitcherProps, type OrganizationOnboardingDefaults, OrganizationOnboardingForm, type OrganizationOnboardingFormProps, type OrganizationOnboardingPayload, PageColumn, type PageColumnProps, PageHeader, type PageHeaderProps, type PageHeaderSize, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, type PaginationLinkProps, PaginationNext, PaginationPrevious, PersonAvatar, type PersonAvatarProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, type ProductStatus, Progress, QuickSearchRow, type QuickSearchRowProps, RadioGroup, RadioGroupItem, RailToggle, type RailToggleProps, RatingScale, type RatingScaleProps, type RatingScaleSize, RemovableChip, type RemovableChipProps, RemoveButton, type RemoveButtonProps, RequestRow, type RequestRowProps, type RequestState, type RequestSurface, type ResolvedTheme, type Responsive, ScrollArea, ScrollBar, SecretReveal, type SecretRevealProps, SectionIntro, type SectionIntroProps, Select, type SelectOption, type SelectProps, Separator, SettingRow, type SettingRowProps, type Severity, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SidebarBackHeader, type SidebarBackHeaderProps, SidebarDrawer, SidebarProductHeader, type SidebarProductHeaderProps, Skeleton, Slider, StarRating, type StarRatingProps, type StarRatingSize, StatCard, type StatCardProps, StatusDot, type StatusDotProps, StepUpChallenge, type StepUpChallengeProps, type StepUpMethod, type StepUpProof, Switch, type SwitchProps, TOAST_DWELL, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, type TableProps, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, type TextareaProps, type Theme, ThemePicker, type ThemePickerProps, ThemeToggle, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TopBar, type TopBarProps, TopBarUtilities, type TopBarUtilitiesProps, type TopBarUtility, type UseFreshHighlightResult, type UseSidebarOptions, type UseSidebarResult, UserMenu, type UserMenuItem, type UserMenuProps, type UserMenuUser, WEIGHT_TONE, alertVariants, attachmentChipVariants, badgeVariants, buttonVariants, cn, formatRelativeAge, grantRemoveLabel, isKnownExtensionIcon, isNotificationSettled, navigationMenuTriggerStyle, productStatusBadge, railToggleLabel, severityBadgeVariant, severityLabels, statusDotVariants, toggleVariants, useCarousel, useFormField, useFreshHighlight, useIsMobile, useSidebar, useSidebarDismiss, useTheme };