@lessly/ui 2.2.0 → 2.3.0

package/dist/{chunk-F5RMHSPS.js → chunk-CEXND5YW.js}

@@ -3,6 +3,31 @@ import { clsx } from "clsx";
 import { extendTailwindMerge } from "tailwind-merge";
 var TOKEN_FONT_WEIGHTS = ["regular", "medium", "semibold", "bold", "extrabold"];
 var TOKEN_BORDER_WIDTHS = ["none", "thin", "medium", "thick", "heavy"];
+var TOKEN_DURATIONS = [
+  "instant",
+  "fast",
+  "normal",
+  "slow",
+  "slower",
+  "slowest",
+  "ui",
+  "collapse",
+  "slide",
+  "overlay",
+  "toast"
+];
+var TOKEN_EASINGS = [
+  "default",
+  "in",
+  "out",
+  "in-out",
+  "spring",
+  "linear",
+  "standard",
+  "enter",
+  "exit",
+  "emphasized"
+];
 var twMerge = extendTailwindMerge((config) => {
   config.theme["font-weight"] = [...config.theme["font-weight"] ?? [], ...TOKEN_FONT_WEIGHTS];
   for (const group of Object.keys(config.classGroups)) {
@@ -12,6 +37,11 @@ var twMerge = extendTailwindMerge((config) => {
       { [group.replace("border-w", "border")]: TOKEN_BORDER_WIDTHS }
     ];
   }
+  config.classGroups["duration"] = [
+    ...config.classGroups["duration"] ?? [],
+    { duration: TOKEN_DURATIONS }
+  ];
+  config.classGroups["ease"] = [...config.classGroups["ease"] ?? [], { ease: TOKEN_EASINGS }];
   for (const entry of config.classGroups["outline-w"] ?? []) {
     if (typeof entry !== "object" || Array.isArray(entry)) continue;
     for (const [name, members] of Object.entries(entry)) {
@@ -33,7 +63,7 @@ import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var buttonVariants = cva(
-  "inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50",
+  "inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors duration-fast focus-visible:outline-none focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50",
   {
     variants: {
       // Every variant names its own `focus-visible:ring-*` colour and the base names none, because
@@ -232,7 +262,10 @@ var SheetOverlay = React3.forwardRef(({ className, ...props }, ref) => /* @__PUR
 ));
 SheetOverlay.displayName = SheetPrimitive.Overlay.displayName;
 var sheetVariants = cva2(
-  "fixed z-50 gap-4 bg-bg-elevated p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
+  // The slide is a keyframe animation, not a transition: `animate-in`/`animate-out` read
+  // `--tw-duration` and `--tw-ease`, which the `duration-*` pair and `ease-in-out` set. Nothing here
+  // transitions, so there is no bare `transition` and no resting duration to write.
+  "fixed z-50 gap-4 bg-bg-elevated p-6 shadow-lg ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
   {
     variants: {
       side: {
@@ -257,7 +290,7 @@ var SheetContent = React3.forwardRef(({ side = "right", className, children, ...
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsxs2(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm text-text-tertiary opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-border-focus disabled:pointer-events-none", children: [
+        /* @__PURE__ */ jsxs2(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm text-text-tertiary opacity-70 transition-opacity duration-fast hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-border-focus disabled:pointer-events-none", children: [
           /* @__PURE__ */ jsx3(X, { className: "h-4 w-4" }),
           /* @__PURE__ */ jsx3("span", { className: "sr-only", children: "Close" })
         ] })
@@ -346,7 +379,7 @@ function useSidebar(options = {}) {
 import * as React4 from "react";
 import { Slot as Slot2 } from "@radix-ui/react-slot";
 import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
-var base = "flex w-full items-center text-left text-sm transition-colors focus-visible:outline-none";
+var base = "flex w-full items-center text-left text-sm transition-colors duration-fast focus-visible:outline-none";
 var ring = "focus-visible:ring-2 focus-visible:ring-border-focus";
 var plate = "relative isolate after:pointer-events-none after:absolute after:inset-x-1.5 after:inset-y-1 after:-z-10 after:rounded-lg";
 var shape = {
@@ -361,7 +394,7 @@ var state = {
   },
   menu: {
     idle: "font-medium text-text-secondary hover:bg-[var(--menu-hov)]",
-    active: "font-semibold text-text-brand hover:bg-[var(--menu-hov)]"
+    active: "bg-bg-sunken font-semibold text-text-primary"
   },
   // A settings line reads as a label, not as navigation, so it idles at the body weight the rest of
   // the card is set in — and never marks itself current, because it isn't.

package/dist/index.d.ts

@@ -69,7 +69,7 @@ type AutoHeightProps = React$1.HTMLAttributes<HTMLDivElement>;
 declare const AutoHeight: React$1.ForwardRefExoticComponent<AutoHeightProps & React$1.RefAttributes<HTMLDivElement>>;
 
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "destructive" | "destructive-ghost" | "destructive-solid" | "outline" | "secondary" | "ghost" | null | undefined;
+    variant?: "default" | "link" | "destructive" | "destructive-ghost" | "destructive-solid" | "outline" | "secondary" | "ghost" | null | undefined;
     size?: "default" | "sm" | "xs" | "lg" | "icon" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type ButtonBase = Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, 'children'> & VariantProps<typeof buttonVariants>;
@@ -427,37 +427,22 @@ declare const Textarea: React$1.ForwardRefExoticComponent<TextareaProps & React$
 declare const Slider: React$1.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
 
 /**
- * Two signals on two channels that never touch (#446), and two treatments for two shapes.
+ * Two treatments for two shapes, and `ToggleGroup` picks between them from its `type` — the question
+ * being "can nothing be selected?". `frame` is a standalone `Toggle` and every `type="multiple"`
+ * group; `track` is every `type="single"` one. What each mark is, and why, is
+ * `Guidelines/Look/Selection weight`.
  *
- * **Fill means the pointer is here — except inside a track, where it means "this one".**
- * `ToggleGroup` picks the treatment from its `type`, the question being "can nothing be selected?".
- *
- * - `frame` (a standalone `Toggle`, and every `type="multiple"` group): each item carries its own
- *   1px hairline and selection steps it up to `border-strong` — 5.17:1 against the page in light and
- *   5.47:1 in dark, and 3.63:1 / 4.31:1 above the resting hairline it replaces. Nothing is filled but
- *   the hovered item, so a filter row still says which of its filters are applied.
- * - `track` (every `type="single"` group): the selected slot is a `bg-brand-subtle` tint with its
- *   label in `text-brand` at 600 against the unselected 500. No edge on the slot and no frame around
- *   the set. The tint measures 1.104:1 against the page in light and 1.144:1 in dark; the selected
- *   word measures 1.55:1 light and 1.26:1 against the unselected word — 1.19:1 and 1.35:1 with hue
- *   removed — and 5.89:1 light / 5.07:1 dark against the tint it sits on. The weight step is the one
- *   channel that survives hue removal.
+ * Both treatments carry the weight step, so the two read as one rule with one difference: the word
+ * thickens either way, and only what happens to its box changes.
  *
  * The `frame` mark is a **ring**, not a border: a ring is a box-shadow, so it costs no layout and an
- * icon-only toggle stays square at the height its `size` declares. `track` draws no ring and no
- * `shadow-sm`: `shadow-sm` is the one dark step `@lessly/tokens@0.7.0` leaves without a rim, so in
- * dark it can only darken, and its blur composites to 1.11:1 against the page in dark and 1.14:1 in
- * light.
+ * icon-only toggle stays square at the height its `size` declares.
  *
- * Focus is an **outline held 2px off the box** — a flush ring painted over the selection mark, and
- * focused-selected and focused-unselected measured 1.55:1 apart, which is #446 on the keyboard.
+ * `track` draws no ring and no `shadow-sm`. `shadow-sm` is the one dark step
+ * `@lessly/tokens@0.7.0` leaves without a rim, so in dark it can only darken.
  *
- * **An icon-only box drops its horizontal padding** (`ICON_ONLY_BOX` below), the same trade
- * `Button`'s icon-only box makes with `p-0`. Padding is the whole of the intrinsic width when the
- * only content is a 16px glyph, so `min-w-*` binds only while it stays under it: `sm` and `default`
- * cleared that by coincidence (10+16+10 = 36, 12+16+12 = 40) and `lg` did not — `px-5` around a
- * glyph is 56 against `h-12`, and an icon-only `lg` shipped 56&times;48. A **text** toggle is
- * untouched at every size.
+ * Focus is an **outline held 2px off the box** rather than a flush ring, which would paint over the
+ * mark it has to be told apart from.
  */
 declare const toggleVariants: (props?: ({
     treatment?: "track" | "frame" | null | undefined;
@@ -471,22 +456,14 @@ declare const Toggle: React$1.ForwardRefExoticComponent<Omit<TogglePrimitive.Tog
 } & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLButtonElement>>;
 
 /**
- * `type` answers "can nothing be selected?", and that is what decides how selection reads (#446).
+ * `type` answers "can nothing be selected?", and that is what decides how selection reads.
  *
  * `multiple` is a set of independent chips — a filter row, where nothing need be on — so each chip
- * carries its own edge and selection steps that edge up. `single` is one object with a moving part,
- * so it takes the segmented-control treatment (#346).
- *
- * A `single` set of **glyphs** is the exception, and it is the treatment's own limit rather than a
- * special case: with no word to thicken the mark would be the tint alone, which greyscale erases.
- * That set takes `frame`, the same as a `multiple` one (#755).
+ * carries its own edge. `single` is one object with a moving part, so it takes the track.
  *
- * **The selected slot is a tint and a heavier word, and the track draws nothing else.** The
- * `bg-brand-subtle` fill measures 1.104:1 against the page in light and 1.144:1 in dark; the label
- * goes to `text-brand` at 600 against the unselected 500, which is 1.55:1 light and 1.26:1 dark
- * against the unselected word — 1.19:1 and 1.35:1 with hue removed, so the weight step is the one
- * channel that does not depend on seeing colour. There is no edge on the slot and no frame around
- * the set: down a stacked list a frame put a rounded rectangle around every row.
+ * A `single` set of **glyphs** takes `frame` too. That is the treatment stating its own limit rather
+ * than an exception to it: the track leans on a weight step, and a glyph has no weight to step
+ * (`Guidelines/Look/Selection weight`).
  */
 declare const ToggleGroup: React$1.ForwardRefExoticComponent<((Omit<ToggleGroupPrimitive.ToggleGroupSingleProps & React$1.RefAttributes<HTMLDivElement>, "ref"> | Omit<ToggleGroupPrimitive.ToggleGroupMultipleProps & React$1.RefAttributes<HTMLDivElement>, "ref">) & VariantProps<(props?: ({
     treatment?: "track" | "frame" | null | undefined;
@@ -708,7 +685,7 @@ declare const MenubarShortcut: {
  * is read as part of the ladder rather than as a state pill. See Guidelines/Colour marks actions.
  */
 declare const badgeVariants: (props?: ({
-    variant?: "status" | "default" | "destructive" | "outline" | "secondary" | "danger-subtle" | "warning-subtle" | "neutral-subtle" | "success" | "warning" | null | undefined;
+    variant?: "default" | "status" | "destructive" | "outline" | "secondary" | "danger-subtle" | "warning-subtle" | "neutral-subtle" | "success" | "warning" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
 }
@@ -744,7 +721,7 @@ declare const Skeleton: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes
 /**
  * @deprecated Use `PersonAvatar` for a person, `GlyphAvatar` for an agent or a group, or
  * `EntityTile` for an object. Those three share one size scale, a tint family that holds contrast in
- * both themes, and a fallback that survives a 404. `Avatar` will be removed in 1.0.
+ * both themes, and a fallback that survives a 404. Removed in a future major.
  */
 declare const Avatar: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
 declare const AvatarImage: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React$1.RefAttributes<HTMLImageElement>, "ref"> & React$1.RefAttributes<HTMLImageElement>>;
@@ -816,6 +793,18 @@ declare const Progress: React$1.ForwardRefExoticComponent<Omit<ProgressPrimitive
 declare const AspectRatio: React$1.ForwardRefExoticComponent<AspectRatioPrimitive.AspectRatioProps & React$1.RefAttributes<HTMLDivElement>>;
 
 declare const Tabs: React$1.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React$1.RefAttributes<HTMLDivElement>>;
+/**
+ * The track rests on `bg-surface` so the selected slot can be the sunken step every other selection
+ * in the console is: 1.167:1 against the track in light and 1.201:1 in dark, with the word at 600 in
+ * `text-primary` against the resting 500 in `text-secondary`, 1.76:1 and 2.04:1. Neither channel is
+ * hue and neither is a shadow.
+ *
+ * A recessed track cannot hold the mark. On `bg-secondary` the sunken step is 1.126:1 in light and
+ * 1.034:1 in dark — invisible — because `bg-secondary` is already near the bottom of the surface
+ * stack in dark. Raising the track instead of inverting the step keeps one direction for "selected"
+ * across the kit. On a `bg-surface` card the track itself disappears, which is what `ToggleGroup`'s
+ * track already does: the set is read from its slots, not from a frame around them.
+ */
 declare const TabsList: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare const TabsTrigger: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 declare const TabsContent: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
@@ -2300,6 +2289,18 @@ declare const RemovableChip: React$1.ForwardRefExoticComponent<RemovableChipProp
 /** True when the viewport is narrower than the `md` breakpoint (768px). SSR-safe. */
 declare function useIsMobile(): boolean;
 
+interface UseFreshHighlightResult {
+    /** True for the id most recently passed to `markFresh`, until the class is dropped. */
+    isFresh: (id: string) => boolean;
+    /** Mark an id fresh, optionally announcing it to screen readers. */
+    markFresh: (id: string, announce?: string) => void;
+    /** Callback ref for the fresh element — scrolls it into view only if it is off-screen. */
+    freshRef: (el: HTMLElement | null) => void;
+    /** The polite live region. Render it once, anywhere in the tree. */
+    announcer: React$1.ReactElement;
+}
+declare function useFreshHighlight(): UseFreshHighlightResult;
+
 interface UseSidebarOptions {
     /** Controlled collapsed value. When provided, the hook does not own state. */
     collapsed?: boolean;
@@ -3383,4 +3384,102 @@ interface SecretRevealProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>,
 }
 declare const SecretReveal: React$1.ForwardRefExoticComponent<SecretRevealProps & 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, 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 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 OrgProductSwitcherProps, type OrganizationOnboardingDefaults, OrganizationOnboardingForm, type OrganizationOnboardingFormProps, type OrganizationOnboardingPayload, PageColumn, type PageColumnProps, PageHeader, type PageHeaderProps, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, type PaginationLinkProps, PaginationNext, PaginationPrevious, PersonAvatar, type PersonAvatarProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, 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, 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 UseSidebarOptions, type UseSidebarResult, UserMenu, type UserMenuItem, type UserMenuProps, type UserMenuUser, WEIGHT_TONE, alertVariants, attachmentChipVariants, badgeVariants, buttonVariants, cn, formatRelativeAge, grantRemoveLabel, isKnownExtensionIcon, isNotificationSettled, navigationMenuTriggerStyle, severityBadgeVariant, severityLabels, statusDotVariants, toggleVariants, useCarousel, useFormField, useIsMobile, useSidebar, useTheme };
+/**
+ * The mark is a **fill**, never a hue. A rating is a state, and state carries no colour here
+ * (`Guidelines/Look/Colour marks actions`) — so the amber star every other kit reaches for is out.
+ * What is left is the glyph's own two channels: an unrated star is the outline at
+ * `text-text-tertiary`, a rated one is the same outline filled at `text-text-primary`. Solid against
+ * hollow survives greyscale the way the weight step does, and reads the same in both themes.
+ *
+ * **Cumulative, not per-slot.** Star N standing for "N out of max" means the pointer over star 3
+ * fills 1–3, and a value of 3 rests with 1–3 filled. So the preview is one index the row holds, not
+ * a hover state each star owns — a `:hover` rule per star can only ever light the one under the
+ * cursor.
+ *
+ * **A radio group, because that is what it is:** one value out of an ordered few. Radix gives the
+ * roving tabindex, the arrow keys and the `radiogroup`/`radio` roles; wrapping it means the keyboard
+ * story is not re-derived here. Each star needs a name a screen reader can read on its own, and
+ * "3 stars" is not one — `itemLabel` writes the whole phrase.
+ */
+declare const STAR_BOX: {
+    readonly sm: "size-4";
+    readonly md: "size-5";
+    readonly lg: "size-6";
+};
+type StarRatingSize = keyof typeof STAR_BOX;
+interface StarRatingProps extends Omit<React$1.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>, 'value' | 'defaultValue' | 'onValueChange' | 'dir'> {
+    /** The rating, 1..`max`. `0` is "not rated yet" and rests with every star hollow. */
+    value?: number;
+    defaultValue?: number;
+    onValueChange?: (value: number) => void;
+    /** How many stars the scale has. */
+    max?: number;
+    /**
+     * The lowest answer the scale accepts. `1` is a mandatory rating; `0` lets it be cleared —
+     * pressing the resting star again, or `Backspace`/`Delete`, takes the row back to no rating.
+     * There is no zeroth star to click, because "no answer" is the absence of a mark and not one.
+     */
+    min?: 0 | 1;
+    size?: StarRatingSize;
+    /**
+     * Shows the value and takes no input — an average on a list row, a rating already given. Renders
+     * one labelled image rather than a set of controls, because there is nothing to choose.
+     */
+    readOnly?: boolean;
+    /** The accessible name of each star. The default reads "3 out of 5 stars". */
+    itemLabel?: (value: number, max: number) => string;
+    /** The accessible name of the whole scale, read once before the stars. */
+    'aria-label'?: string;
+}
+declare const StarRating: React$1.ForwardRefExoticComponent<StarRatingProps & React$1.RefAttributes<HTMLDivElement>>;
+
+/**
+ * A row of numbered slots for the questions a star cannot answer — an NPS 0..10, an effort 1..5.
+ *
+ * **The mark is the hairline stepped up, plus the weight step.** A scale is a set where nothing need
+ * be on until someone answers, so it takes the frame treatment rather than the sunken plate
+ * (`Guidelines/Look/Selection weight`): every slot is a box you click to answer a question, so it
+ * rests on the `--field-border` family like any other field (`Guidelines/Look/Borders`), and the
+ * chosen one steps to `border-border-strong` and thickens its number. That is 5.17:1 light and
+ * 5.47:1 dark, where the plate alone measures 1.208:1 and 1.109:1 — a selected slate that is
+ * legible in dark is the whole reason this is a component and not eleven buttons per product.
+ *
+ * **Every slot is the same box, one digit or two.** The width is a `min-w-*` a two-digit label
+ * cannot exceed at this type step, and the digits are `tabular-nums`, so `10` is the same object as
+ * `9` and the row does not stagger at its end.
+ *
+ * A radio group underneath, like `StarRating`: arrow keys walk the scale, and each slot's number is
+ * not a name a screen reader can use on its own, so `itemLabel` writes the phrase.
+ */
+declare const SLOT_BOX: {
+    readonly sm: "h-8 min-w-8 px-2 text-xs";
+    readonly md: "h-9 min-w-9 px-2 text-sm";
+    readonly lg: "h-11 min-w-11 px-3 text-base";
+};
+type RatingScaleSize = keyof typeof SLOT_BOX;
+interface RatingScaleProps extends Omit<React$1.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>, 'value' | 'defaultValue' | 'onValueChange' | 'dir'> {
+    value?: number;
+    defaultValue?: number;
+    onValueChange?: (value: number) => void;
+    /** The first slot. `0` for an NPS, `1` for a 1..5 effort scale. */
+    min?: number;
+    /** The last slot. */
+    max?: number;
+    size?: RatingScaleSize;
+    /** Shows the answer and takes no input. */
+    readOnly?: boolean;
+    /**
+     * The words under the two ends — "Not at all likely" / "Extremely likely". Both or neither: one
+     * end labelled alone leaves the row telling you which way it runs only half the time.
+     */
+    endLabels?: {
+        low: string;
+        high: string;
+    };
+    /** The accessible name of each slot. The default reads "7 out of 10". */
+    itemLabel?: (value: number, min: number, max: number) => string;
+    'aria-label'?: string;
+}
+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, 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 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 OrgProductSwitcherProps, type OrganizationOnboardingDefaults, OrganizationOnboardingForm, type OrganizationOnboardingFormProps, type OrganizationOnboardingPayload, PageColumn, type PageColumnProps, PageHeader, type PageHeaderProps, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, type PaginationLinkProps, PaginationNext, PaginationPrevious, PersonAvatar, type PersonAvatarProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, 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, severityBadgeVariant, severityLabels, statusDotVariants, toggleVariants, useCarousel, useFormField, useFreshHighlight, useIsMobile, useSidebar, useTheme };