npm - @lessly/ui - Versions diffs - 0.12.0 → 0.14.1 - Mend

@lessly/ui 0.12.0 → 0.14.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/README.md CHANGED Viewed

@@ -16,7 +16,7 @@ it is published to the public npm registry (npmjs.com).
 - **Components:** shadcn/radix primitives themed by Lessly tokens (Button,
   Dialog, Select, Tabs, …) plus layout: `Grid` / `Col` (the adaptive 4 / 8 / 12
   column grid) and `GridOverlay` (a design-aid overlay). The full catalog lives
-  in Storybook at [ui.lessly.com](https://ui.lessly.com).
+  in Storybook at [ui.lessly.com/storybook](https://ui.lessly.com/storybook).
 - **Theme:** `useTheme` hook + `ThemeToggle` (toggles the `light` class on
   `<html>`; `:root` is dark, `.light` is light).
 - **Tokens:** the `tailwind-preset` re-exports the token vocabulary from
@@ -73,17 +73,22 @@ The Storybook toolbar has a global Dark/Light toggle driven by the package's own
 ## Deployment (ui.lessly.com)
-The Storybook is deployed via the Lessly static-service pipeline, which runs
-`pnpm build-storybook` and serves the resulting `storybook-static/`. The npm
-package build is `pnpm build` (tsup → `dist/`), which the release flow uses; the
-npm package published to npmjs always contains the package, never the Storybook site.
+`ui.lessly.com` is served by a Lessly platform service that builds the repo's root
+`Dockerfile` from `main`. The image runs the zero-dependency `site/server.mjs`, which
+serves the landing page (`site/`) at `/`, the built Storybook (`storybook-static/`) at
+`/storybook`, and a health check at `/healthz`. The Docker build runs `pnpm build`,
+`pnpm build-storybook`, and `pnpm build-site` in turn.
+The npm package build is `pnpm build` (tsup → `dist/`), which the release flow uses; the
+npm package published to npmjs always contains the package, never the site or Storybook.
 ## Scripts
 | Script | Description |
 | --- | --- |
 | `pnpm build` | tsup package build → `dist/` (+ assembles `styles.css` from the @lessly/tokens theme, deprecated `--color-*` aliases, ui-local pieces, and the animation layer) — the npm package published to npmjs |
-| `pnpm build-storybook` | Storybook static site → `storybook-static/` — what the static-service pipeline deploys to `ui.lessly.com` |
+| `pnpm build-storybook` | Storybook static site → `storybook-static/` — served at `ui.lessly.com/storybook` by `site/server.mjs` |
+| `pnpm build-site` | Landing app (`site/`) → `site/dist/` — served at `ui.lessly.com/` by `site/server.mjs` |
 | `pnpm storybook` | Storybook dev server on `http://localhost:6006` |
 | `pnpm test` | Vitest |
 | `pnpm type-check` | `tsc --noEmit` |

package/dist/index.d.ts CHANGED Viewed

@@ -615,6 +615,61 @@ interface EmptyStateProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, '
 }
 declare const EmptyState: React$1.ForwardRefExoticComponent<EmptyStateProps & React$1.RefAttributes<HTMLDivElement>>;
+/**
+ * The pre-auth states every internal Google-Workspace-SSO app needs. This is the
+ * gate shown BEFORE the app chrome — the post-auth shell is `AppShell`.
+ *
+ * - `login`     — brand, headline, "Continue with Google", domain-restriction note
+ * - `forbidden` — signed in, but not in the allowed group (a warning callout)
+ * - `error`     — load/auth failure with a message + optional retry
+ * - `loading`   — chromeless brand + spinner
+ */
+type SignInScreenState = 'login' | 'forbidden' | 'error' | 'loading';
+interface SignInScreenProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, 'title'> {
+    /** Which pre-auth state to render. Defaults to `login`. */
+    state?: SignInScreenState;
+    /** Brand mark shown at the top of the card (and centered in `loading`). Apps pass
+     *  their own — e.g. a wordmark. */
+    brand: React$1.ReactNode;
+    /** Small uppercase eyebrow above the headline. Rendered on `login` only, where it
+     *  orients without cluttering the error/forbidden headers. */
+    eyebrow?: React$1.ReactNode;
+    /** Headline. Falls back to a per-state default ("Sign in" / "Access restricted" /
+     *  "Couldn't load"). */
+    title?: React$1.ReactNode;
+    /** One-line sub under the headline. Falls back to a per-state default. */
+    description?: React$1.ReactNode;
+    /** Google button label. Default "Continue with Google". */
+    googleLabel?: React$1.ReactNode;
+    /** Handler for the Google button (`login` state). */
+    onGoogle?: () => void;
+    /** Busy: disables the Google button and swaps it for a spinner + `signingInLabel`. */
+    signingIn?: boolean;
+    /** Label shown while `signingIn`. Default "Signing you in…". */
+    signingInLabel?: React$1.ReactNode;
+    /** Domain-restriction lock note (shown on `login` + `forbidden`). Pass the inner
+     *  content — the lock icon is supplied. A `<code>` inside is styled as a chip. */
+    restriction?: React$1.ReactNode;
+    /** Body of the `forbidden` warning callout. */
+    forbidden?: React$1.ReactNode;
+    /** Body of the `error` danger callout. Falls back to a generic message. */
+    error?: React$1.ReactNode;
+    /** Retry handler shown as a button on the `error` state. Omit to hide the button. */
+    onRetry?: () => void;
+    /** Retry button label. Default "Try again". */
+    retryLabel?: React$1.ReactNode;
+    /** Label for the `loading` state. Default "Loading…". */
+    loadingLabel?: React$1.ReactNode;
+    /** Muted footer signature. Default "Supercharged by Lessly"; pass `null` to hide. */
+    footer?: React$1.ReactNode;
+}
+/**
+ * Full-screen pre-auth gate for internal Google Workspace SSO apps. Renders no app
+ * chrome. Theme-aware via kit tokens (dark leans on a border + glow ground, light on
+ * an elevation shadow); the glow/card treatment tokens live in the kit's styles.css.
+ */
+declare const SignInScreen: React$1.ForwardRefExoticComponent<SignInScreenProps & React$1.RefAttributes<HTMLDivElement>>;
 interface CopyButtonProps extends Omit<ButtonProps, 'value'> {
     value: string;
     label?: string;
@@ -885,6 +940,51 @@ type SidebarProductHeaderProps = SidebarProductHeaderOwnProps & Omit<React$1.Com
  *  which anchors a `MenuPopup` at left:12 with the default sideOffset, no alignOffset. */
 declare const SidebarProductHeader: React$1.ForwardRefExoticComponent<SidebarProductHeaderProps & React$1.RefAttributes<HTMLButtonElement>>;
+interface OrgProductSwitcherItem {
+    id: string;
+    name: string;
+    /** Optional leading mark. Falls back to a lettered tile built from `name`. */
+    icon?: React$1.ReactNode;
+}
+/** A row in the menu's footer action group — e.g. Create product, Product settings, Org
+ *  settings. `href` renders a link (right-click / new-tab work); otherwise `onSelect` fires. */
+interface OrgProductSwitcherAction {
+    id: string;
+    label: string;
+    icon?: React$1.ReactNode;
+    onSelect?: () => void;
+    href?: string;
+}
+interface OrgProductSwitcherProps {
+    /** All organizations the user can switch to. */
+    organizations: OrgProductSwitcherItem[];
+    activeOrgId: string;
+    onOrgSelect: (id: string) => void;
+    /** Products for the ACTIVE org. The consumer re-supplies these when the org changes. */
+    products: OrgProductSwitcherItem[];
+    activeProductId: string;
+    onProductSelect: (id: string) => void;
+    /** Footer actions below the products (Create product, Product settings, …). The group and
+     *  its divider render only when this is non-empty — the consumer owns which rows appear. */
+    actions?: OrgProductSwitcherAction[];
+    /** Accessible name for the trigger. Defaults to `"<org> / <product>"`. */
+    'aria-label'?: string;
+    className?: string;
+}
+/**
+ * Compound organization·product switcher for the sidebar header (#81): a single control that
+ * shows the current **org** as a label above the current **product**, and opens one menu to
+ * switch either — Organizations, then the active org's Products.
+ *
+ * Presentational: the consumer owns selection state and re-supplies `products` +
+ * `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, className, ...props }: OrgProductSwitcherProps): React$1.JSX.Element;
+declare namespace OrgProductSwitcher {
+    var displayName: string;
+}
 /** A slot's native attributes plus an explicit `data-*` index, so an object literal like
  *  `{ 'data-testid': 'drill-back' }` passes excess-property checking — plain
  *  `React.HTMLAttributes` does not declare `data-*` as a named property. */
@@ -993,6 +1093,29 @@ interface ColProps extends React$1.HTMLAttributes<HTMLDivElement> {
 }
 declare const Col: React$1.ForwardRefExoticComponent<ColProps & React$1.RefAttributes<HTMLDivElement>>;
+/**
+ * Dependency-free syntax highlighter for docs/consumer code snippets. A single
+ * ordered-alternation regex per language tokenizes the source into typed runs;
+ * no prism/shiki. Fidelity is "good enough for short snippets", and the public
+ * API is stable so the engine can be swapped later. Generalized from the
+ * landing page's local highlighter (ui.lessly.com #62).
+ */
+type CodeLang = 'tsx' | 'ts' | 'bash' | 'json' | 'css';
+interface CodeBlockProps extends React$1.HTMLAttributes<HTMLPreElement> {
+    code: string;
+    lang?: CodeLang;
+    /** Show a copy button in the header (frames the block). */
+    copy?: boolean;
+    /** Optional filename caption in the header (frames the block). */
+    filename?: string;
+    /** Scroll long lines instead of wrapping (default: wrap). */
+    scroll?: boolean;
+}
+declare const CodeBlock: React$1.ForwardRefExoticComponent<CodeBlockProps & React$1.RefAttributes<HTMLPreElement>>;
+type CodeProps = React$1.HTMLAttributes<HTMLElement>;
+/** Inline code — a styled `<code>` for prose (`<Code>@lessly/ui</Code>`). */
+declare const Code: React$1.ForwardRefExoticComponent<CodeProps & React$1.RefAttributes<HTMLElement>>;
 interface GridOverlayProps extends React$1.HTMLAttributes<HTMLDivElement> {
     /** Number of columns to paint (e.g. 4, 8 or 12). Fixed, viewport-independent. */
     columns: number;
@@ -1159,4 +1282,150 @@ interface CreateProductWindowProps {
 }
 declare function CreateProductWindow({ organizations, selectedOrgId, products, productsLoading, submitting, error, onOrganizationChange, onEnterProduct, onSubmit, }: CreateProductWindowProps): 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, 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, 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, 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, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SidebarBackHeader, type SidebarBackHeaderProps, SidebarNav, SidebarNavLink, type SidebarNavLinkProps, type SidebarNavProps, SidebarProductHeader, type SidebarProductHeaderProps, Skeleton, Slider, StatCard, type StatCardProps, StatusDot, type StatusDotProps, Switch, type SwitchProps, 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, isKnownExtensionIcon, navigationMenuTriggerStyle, segmentChipVariants, statusDotVariants, toggleVariants, useCarousel, useFormField, useIsMobile, useSidebar, useTheme };
+/** FYI / Important / Critical — the one severity vocabulary. */
+type NotificationSeverity = 'critical' | 'important' | 'fyi';
+/**
+ * How the item behaves, not how loud it is. `informational` settles when read,
+ * `actionable` waits on a decision, `ephemeral` is ambient progress and never
+ * settles.
+ */
+type NotificationClass = 'informational' | 'actionable' | 'ephemeral';
+/**
+ * Short aliases. The prefixed names above are primary — `Severity` on its own is
+ * too generic for a package-root export to own — but both spellings are public.
+ */
+type Severity = NotificationSeverity;
+type NotifClass = NotificationClass;
+interface NotificationAction {
+    id: string;
+    label: string;
+    /**
+     * `primary` and `destructive` render as chips — they are the deliberate
+     * decision pair. Everything else is flush text. Default `link`.
+     */
+    variant?: 'primary' | 'destructive' | 'link';
+}
+/** A durable destination. Survives into the archive after the row settles. */
+interface NotificationDeepLink {
+    label: string;
+    href?: string;
+}
+interface NotificationItem {
+    id: string;
+    title: string;
+    /** Provenance — the module that raised it, e.g. "Ship". Renders as the eyebrow. */
+    source: string;
+    severity: NotificationSeverity;
+    body?: string;
+    /** Default `informational`. */
+    cls?: NotificationClass;
+    read?: boolean;
+    /**
+     * The receipt for a handled item, e.g. "Approved by artur". Its presence is
+     * what makes a row settled: the row dims and one-time actions drop off.
+     */
+    receipt?: string;
+    createdAt?: string | Date;
+    deepLink?: NotificationDeepLink;
+    /** One-time actions. Dropped once settled — the receipt replaces them. */
+    actions?: NotificationAction[];
+    /** Optional grouping key for the centre's product filter. */
+    product?: string;
+}
+type NotificationThreshold = 'everything' | 'important' | 'critical only';
+interface NotificationSubscription {
+    id: string;
+    name: string;
+    scope: 'org' | 'product';
+}
+interface NotificationPreferences {
+    thresholds: Record<string, NotificationThreshold>;
+}
+interface NotificationMute {
+    source: string;
+    /** Pre-formatted, e.g. "42m left". Counting down is a timer — not our job. */
+    label: string;
+}
+interface NotificationProduct {
+    id: string;
+    label: string;
+}
+declare const severityLabels: Record<NotificationSeverity, string>;
+declare function severityBadgeVariant(severity: NotificationSeverity): 'destructive' | 'warning' | 'secondary';
+/**
+ * Reads a stamp as a relative age. `now` is injectable so the components stay
+ * testable and consumers can substitute an absolute or localized formatter; the
+ * default reads the clock once during render, which is not a timer.
+ */
+declare function formatRelativeAge(createdAt: string | Date, now?: Date): string;
+/**
+ * A settled item is one that has been dealt with: it dims, keeps its deep link
+ * and drops its one-time actions. Ephemeral items are ambient progress — they
+ * are never "handled", so they never settle.
+ */
+declare function isNotificationSettled(item: NotificationItem): boolean;
+interface NotificationBellProps {
+    items: NotificationItem[];
+    /** Defaults to the count of unread, non-ephemeral items. */
+    unreadCount?: number;
+    /** Rows shown in the popover. Default 5. */
+    maxItems?: number;
+    /**
+     * Reported when the consumer's own row affordance marks a single item read.
+     * The default row surfaces the item through `onItemClick`; this exists so a
+     * host that renders its own control has the callback the model expects.
+     */
+    onMarkRead?(id: string): void;
+    onMarkAllRead?(): void;
+    onItemClick?(item: NotificationItem): void;
+    onActionClick?(item: NotificationItem, action: NotificationAction): void;
+    /** Header gear. Rendered only when supplied. */
+    onOpenSettings?(): void;
+    /** Footer link. Rendered only when supplied and there is at least one item. */
+    onOpenArchive?(): void;
+    open?: boolean;
+    onOpenChange?(open: boolean): void;
+    /** Override the default relative-age label. */
+    formatAge?(createdAt: Date): string;
+    className?: string;
+}
+declare const NotificationBell: React$1.ForwardRefExoticComponent<NotificationBellProps & React$1.RefAttributes<HTMLButtonElement>>;
+interface NotificationCenterProps {
+    items: NotificationItem[];
+    title?: string;
+    description?: React$1.ReactNode;
+    /** Source filter chips. Derived from `items` when omitted. */
+    sources?: string[];
+    /** Product filter chips. Rendered only when supplied. */
+    products?: NotificationProduct[];
+    searchable?: boolean;
+    pageSize?: number;
+    onItemClick?(item: NotificationItem): void;
+    onDeepLinkClick?(item: NotificationItem): void;
+    /** "Read all". Rendered only when supplied. */
+    onMarkAllRead?(): void;
+    /** Override the default relative-age label. */
+    formatAge?(createdAt: Date): string;
+    className?: string;
+}
+declare const NotificationCenter: React$1.ForwardRefExoticComponent<NotificationCenterProps & React$1.RefAttributes<HTMLDivElement>>;
+interface NotificationSettingsProps {
+    subscriptions: NotificationSubscription[];
+    /** Keyed by product id, plus the required `default` key. */
+    value: Record<string, NotificationPreferences>;
+    onChange(next: Record<string, NotificationPreferences>): void;
+    products?: NotificationProduct[];
+    soundEnabled?: boolean;
+    onSoundEnabledChange?(v: boolean): void;
+    mutes?: NotificationMute[];
+    onUnmute?(source: string): void;
+    /** The "Push to" area. Falls back to the not-connected notice. */
+    pushSlot?: React$1.ReactNode;
+    className?: string;
+}
+declare const NotificationSettings: React$1.ForwardRefExoticComponent<NotificationSettingsProps & 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, 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, 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 };