@ai-matrx/design-system 0.48.1 → 0.48.5

package/dist/index.d.cts

@@ -1761,6 +1761,18 @@ interface OrganizationPickerOrganization {
      * first: in a list of a hundred, yours must not be something you search for.
      */
     isOwn?: boolean;
+    /**
+     * A short trailing label for the row — what a click does or the row's state
+     * ("Open", "Finish setup", "Turn on HR"). Muted text, right-aligned; the row
+     * stays one button. Omitted, the row is exactly as before.
+     */
+    detail?: string | null;
+    /**
+     * Fold this row behind the host's second disclosure (`foldedLabel`) — for rows
+     * the person rarely came for (organizations without HR). Hidden, counted,
+     * one click away; a search that matches only folded rows opens the fold.
+     */
+    folded?: boolean;
 }
 interface OrganizationPickerProps {
     organizations: readonly OrganizationPickerOrganization[];
@@ -1783,6 +1795,13 @@ interface OrganizationPickerProps {
     hideHeading?: boolean;
     /** Extra classes on each row button (e.g. a host menu's item class). */
     itemClassName?: string;
+    /**
+     * Hide the "Working in …" / "No organization selected" line — for a host
+     * whose choice is not the ACTIVE organization (HR's employer chooser).
+     */
+    hideStatus?: boolean;
+    /** The noun on the disclosure that holds `folded` rows. Default "More". */
+    foldedLabel?: string;
     className?: string;
 }
 /**
@@ -1795,7 +1814,7 @@ declare function OrganizationAbbreviation({ abbreviation, name, className, }: {
     name: string;
     className?: string | undefined;
 }): React.JSX.Element;
-declare function OrganizationPicker({ organizations, activeOrganizationId, defaultOrganizationId, loading, loadFailed, onSelect, onSetDefault, hideHeading, itemClassName, className, }: OrganizationPickerProps): React.JSX.Element;
+declare function OrganizationPicker({ organizations, activeOrganizationId, defaultOrganizationId, loading, loadFailed, onSelect, onSetDefault, hideHeading, itemClassName, hideStatus, foldedLabel, className, }: OrganizationPickerProps): React.JSX.Element;
 
 /**
  * Skeleton — the "content is coming" placeholder.
@@ -2418,4 +2437,23 @@ declare const ALL_MOTION_CLASSES: readonly ["matrx-motion-overlay", "matrx-motio
  */
 declare const FORBIDDEN_HOST_MOTION_UTILITIES: readonly ["animate-in", "animate-out", "fade-in", "fade-out", "zoom-in", "zoom-out", "slide-in-from", "slide-out-to", "animate-accordion", "animate-slide-down", "animate-slide-up", "animate-pulse", "animate-spin"];
 
-export { ALL_MOTION_CLASSES, ARCHIVE_FILTER_LABELS, ARCHIVE_FILTER_VALUES, ARCHIVE_LABEL, Accordion, AccordionContent, AccordionItem, type AccordionProps, type AccordionSize, AccordionTrigger, type AccordionTriggerProps, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogContentPrimitive, type AlertDialogContentProps, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, ArchiveFilter, type ArchiveFilterProps, type ArchiveFilterValue, ArchivedDisclosure, type ArchivedDisclosureProps, Avatar, AvatarFallback, AvatarImage, type AvatarProps, type AvatarSize, Badge, type BadgeProps, BasicInput, BasicTextarea, BottomSheet, BottomSheetBody, type BottomSheetBodyProps, BottomSheetFooter, type BottomSheetFooterProps, BottomSheetHeader, type BottomSheetHeaderProps, type BottomSheetProps, Button, type ButtonProps, CENTERED_DIALOG, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, type CardSize, CardTitle, Checkbox, type CheckboxProps, type CheckboxSize, Collapsible, CollapsibleContent, type CollapsibleContentProps, CollapsibleTrigger, Command, CommandDialog, type CommandDialogProps, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ConfirmDialog, ConfirmDialogHost, type ConfirmDialogProps, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, type ContextMenuContentProps, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, type CreatableOption, CreatablePicker, type CreatablePickerProps, DEFAULT_ARCHIVE_FILTER, DEFAULT_SCORE_THRESHOLDS, Dialog, DialogClose, DialogContent, DialogContentPrimitive, type DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerContentPrimitive, type DrawerContentProps, DrawerDescription, type DrawerDirection, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, type DrawerProps, type DrawerSize, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EditableLabel, type EditableLabelActivation, type EditableLabelCommitMode, type EditableLabelProps, EnterInput, type EnterInputProps, ErrorActions, type ErrorActionsInput, ErrorActionsProvider, type ErrorActionsRecord, type ErrorActionsRenderer, ErrorBox, type ErrorBoxProps, FLOATING_LAYER_ATTR, FORBIDDEN_HOST_MOTION_UTILITIES, FloatingLayer, HoverCard, HoverCardContent, type HoverCardContentProps, HoverCardTrigger, Input, type InputProps, type InputVariant, InputWithPrefix, type InputWithPrefixProps, LAYER_FRONT_EVENT, Label, type LayerFrontDetail, MOBILE_BREAKPOINT, MODAL_LAYER_Z, MOTION_BOTTOM_SHEET, MOTION_DIALOG, MOTION_OVERLAY, MOTION_POPPER, MOTION_PULSE, MOTION_SHEET, MOTION_SPIN, OrganizationAbbreviation, OrganizationPicker, type OrganizationPickerOrganization, type OrganizationPickerProps, OverflowToolbar, type OverflowToolbarProps, POPPER_OFFSET, type PickerIcon, Popover, PopoverAnchor, PopoverContent, type PopoverContentProps, PopoverTrigger, PortalContainerProvider, type PortalContainerProviderProps, Progress, type ProgressProps, type ProgressTone, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, type RadioGroupSize, RadixDialogModalProvider, type RadixDialogModalProviderProps, ResizableHandle, type ResizableHandleProps, type ResizableHandleSize, ResizablePanel, ResizablePanelGroup, ScoreRing, type ScoreRingProps, type ScoreThresholds, ScrollArea, type ScrollAreaProps, ScrollBar, type ScrollFadeState, type SegmentOption, SegmentedControl, type SegmentedControlProps, Select, SelectContent, type SelectContentProps, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, Separator, Sheet, SheetClose, SheetContent, type SheetContentProps, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, type SkeletonProps, Slider, type SliderProps, type SliderSize, Switch, type SwitchProps, type SwitchSize, TabbedBottomSheet, type TabbedBottomSheetProps, type TabbedBottomSheetTab, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableSize, Tabs, TabsContent, TabsList, TabsTrigger, TabsTriggerCore, Textarea, type TextareaProps, TextareaWithPrefix, type TextareaWithPrefixProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, type ToolbarAction, type ToolbarActionTone, type ToolbarIcon, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, type UseScrollFadeResult, alertVariants, announceLayerFront, archiveFilterFromDisclosure, badgeVariants, buttonVariants, cn, floatingLayerZIndex, isInsideFloatingLayer, isModalLayerOpen, keepFloatingLayersInside, registerModalLayer, scoreAccentBgClasses, scoreRingColorClasses, selectTriggerVariants, sheetVariants, toArchiveFilter, toggleVariants, useAccordionSize, useCardSize, useDialogContainer, useDrawerDirection, useErrorActions, useFloatingLayerZIndex, useIsMobile, useModalLayer, useModalLayerOpen, usePortalContainer, useRadixDialogModal, useScrollFade, useTableSize };
+/**
+ * THE ONE FIELD SURFACE (page-pass shared fix, 2026-09-27).
+ *
+ * Every control a person types into or picks from — Input, BasicInput,
+ * Textarea, the Select trigger, and the host's ProInput / ProTextarea — sits on
+ * this fill and this border. They used to disagree: Input and the elevated
+ * Textarea filled with `bg-background` (the grey page colour in light mode),
+ * BasicInput and the control Textarea were `bg-transparent` (grey on a grey
+ * page), while the Select trigger filled with `bg-card` (white). On one form
+ * the text fields therefore looked disabled beside white Selects
+ * (/hr/settings/employer, the message-template editor) — a screen that lies
+ * about what it will let you do.
+ *
+ * The surface is the Select's: the card fill and the regular border. A caller
+ * that genuinely wants no fill (an inline cell editor) still passes
+ * `bg-transparent`, which wins through `cn`.
+ */
+declare const FIELD_SURFACE_CLASS = "border border-border bg-card";
+
+export { ALL_MOTION_CLASSES, ARCHIVE_FILTER_LABELS, ARCHIVE_FILTER_VALUES, ARCHIVE_LABEL, Accordion, AccordionContent, AccordionItem, type AccordionProps, type AccordionSize, AccordionTrigger, type AccordionTriggerProps, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogContentPrimitive, type AlertDialogContentProps, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, ArchiveFilter, type ArchiveFilterProps, type ArchiveFilterValue, ArchivedDisclosure, type ArchivedDisclosureProps, Avatar, AvatarFallback, AvatarImage, type AvatarProps, type AvatarSize, Badge, type BadgeProps, BasicInput, BasicTextarea, BottomSheet, BottomSheetBody, type BottomSheetBodyProps, BottomSheetFooter, type BottomSheetFooterProps, BottomSheetHeader, type BottomSheetHeaderProps, type BottomSheetProps, Button, type ButtonProps, CENTERED_DIALOG, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, type CardSize, CardTitle, Checkbox, type CheckboxProps, type CheckboxSize, Collapsible, CollapsibleContent, type CollapsibleContentProps, CollapsibleTrigger, Command, CommandDialog, type CommandDialogProps, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ConfirmDialog, ConfirmDialogHost, type ConfirmDialogProps, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, type ContextMenuContentProps, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, type CreatableOption, CreatablePicker, type CreatablePickerProps, DEFAULT_ARCHIVE_FILTER, DEFAULT_SCORE_THRESHOLDS, Dialog, DialogClose, DialogContent, DialogContentPrimitive, type DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerContentPrimitive, type DrawerContentProps, DrawerDescription, type DrawerDirection, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, type DrawerProps, type DrawerSize, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EditableLabel, type EditableLabelActivation, type EditableLabelCommitMode, type EditableLabelProps, EnterInput, type EnterInputProps, ErrorActions, type ErrorActionsInput, ErrorActionsProvider, type ErrorActionsRecord, type ErrorActionsRenderer, ErrorBox, type ErrorBoxProps, FIELD_SURFACE_CLASS, FLOATING_LAYER_ATTR, FORBIDDEN_HOST_MOTION_UTILITIES, FloatingLayer, HoverCard, HoverCardContent, type HoverCardContentProps, HoverCardTrigger, Input, type InputProps, type InputVariant, InputWithPrefix, type InputWithPrefixProps, LAYER_FRONT_EVENT, Label, type LayerFrontDetail, MOBILE_BREAKPOINT, MODAL_LAYER_Z, MOTION_BOTTOM_SHEET, MOTION_DIALOG, MOTION_OVERLAY, MOTION_POPPER, MOTION_PULSE, MOTION_SHEET, MOTION_SPIN, OrganizationAbbreviation, OrganizationPicker, type OrganizationPickerOrganization, type OrganizationPickerProps, OverflowToolbar, type OverflowToolbarProps, POPPER_OFFSET, type PickerIcon, Popover, PopoverAnchor, PopoverContent, type PopoverContentProps, PopoverTrigger, PortalContainerProvider, type PortalContainerProviderProps, Progress, type ProgressProps, type ProgressTone, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, type RadioGroupSize, RadixDialogModalProvider, type RadixDialogModalProviderProps, ResizableHandle, type ResizableHandleProps, type ResizableHandleSize, ResizablePanel, ResizablePanelGroup, ScoreRing, type ScoreRingProps, type ScoreThresholds, ScrollArea, type ScrollAreaProps, ScrollBar, type ScrollFadeState, type SegmentOption, SegmentedControl, type SegmentedControlProps, Select, SelectContent, type SelectContentProps, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, Separator, Sheet, SheetClose, SheetContent, type SheetContentProps, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, type SkeletonProps, Slider, type SliderProps, type SliderSize, Switch, type SwitchProps, type SwitchSize, TabbedBottomSheet, type TabbedBottomSheetProps, type TabbedBottomSheetTab, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableSize, Tabs, TabsContent, TabsList, TabsTrigger, TabsTriggerCore, Textarea, type TextareaProps, TextareaWithPrefix, type TextareaWithPrefixProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, type ToolbarAction, type ToolbarActionTone, type ToolbarIcon, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, type UseScrollFadeResult, alertVariants, announceLayerFront, archiveFilterFromDisclosure, badgeVariants, buttonVariants, cn, floatingLayerZIndex, isInsideFloatingLayer, isModalLayerOpen, keepFloatingLayersInside, registerModalLayer, scoreAccentBgClasses, scoreRingColorClasses, selectTriggerVariants, sheetVariants, toArchiveFilter, toggleVariants, useAccordionSize, useCardSize, useDialogContainer, useDrawerDirection, useErrorActions, useFloatingLayerZIndex, useIsMobile, useModalLayer, useModalLayerOpen, usePortalContainer, useRadixDialogModal, useScrollFade, useTableSize };

package/dist/index.d.ts

@@ -1761,6 +1761,18 @@ interface OrganizationPickerOrganization {
      * first: in a list of a hundred, yours must not be something you search for.
      */
     isOwn?: boolean;
+    /**
+     * A short trailing label for the row — what a click does or the row's state
+     * ("Open", "Finish setup", "Turn on HR"). Muted text, right-aligned; the row
+     * stays one button. Omitted, the row is exactly as before.
+     */
+    detail?: string | null;
+    /**
+     * Fold this row behind the host's second disclosure (`foldedLabel`) — for rows
+     * the person rarely came for (organizations without HR). Hidden, counted,
+     * one click away; a search that matches only folded rows opens the fold.
+     */
+    folded?: boolean;
 }
 interface OrganizationPickerProps {
     organizations: readonly OrganizationPickerOrganization[];
@@ -1783,6 +1795,13 @@ interface OrganizationPickerProps {
     hideHeading?: boolean;
     /** Extra classes on each row button (e.g. a host menu's item class). */
     itemClassName?: string;
+    /**
+     * Hide the "Working in …" / "No organization selected" line — for a host
+     * whose choice is not the ACTIVE organization (HR's employer chooser).
+     */
+    hideStatus?: boolean;
+    /** The noun on the disclosure that holds `folded` rows. Default "More". */
+    foldedLabel?: string;
     className?: string;
 }
 /**
@@ -1795,7 +1814,7 @@ declare function OrganizationAbbreviation({ abbreviation, name, className, }: {
     name: string;
     className?: string | undefined;
 }): React.JSX.Element;
-declare function OrganizationPicker({ organizations, activeOrganizationId, defaultOrganizationId, loading, loadFailed, onSelect, onSetDefault, hideHeading, itemClassName, className, }: OrganizationPickerProps): React.JSX.Element;
+declare function OrganizationPicker({ organizations, activeOrganizationId, defaultOrganizationId, loading, loadFailed, onSelect, onSetDefault, hideHeading, itemClassName, hideStatus, foldedLabel, className, }: OrganizationPickerProps): React.JSX.Element;
 
 /**
  * Skeleton — the "content is coming" placeholder.
@@ -2418,4 +2437,23 @@ declare const ALL_MOTION_CLASSES: readonly ["matrx-motion-overlay", "matrx-motio
  */
 declare const FORBIDDEN_HOST_MOTION_UTILITIES: readonly ["animate-in", "animate-out", "fade-in", "fade-out", "zoom-in", "zoom-out", "slide-in-from", "slide-out-to", "animate-accordion", "animate-slide-down", "animate-slide-up", "animate-pulse", "animate-spin"];
 
-export { ALL_MOTION_CLASSES, ARCHIVE_FILTER_LABELS, ARCHIVE_FILTER_VALUES, ARCHIVE_LABEL, Accordion, AccordionContent, AccordionItem, type AccordionProps, type AccordionSize, AccordionTrigger, type AccordionTriggerProps, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogContentPrimitive, type AlertDialogContentProps, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, ArchiveFilter, type ArchiveFilterProps, type ArchiveFilterValue, ArchivedDisclosure, type ArchivedDisclosureProps, Avatar, AvatarFallback, AvatarImage, type AvatarProps, type AvatarSize, Badge, type BadgeProps, BasicInput, BasicTextarea, BottomSheet, BottomSheetBody, type BottomSheetBodyProps, BottomSheetFooter, type BottomSheetFooterProps, BottomSheetHeader, type BottomSheetHeaderProps, type BottomSheetProps, Button, type ButtonProps, CENTERED_DIALOG, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, type CardSize, CardTitle, Checkbox, type CheckboxProps, type CheckboxSize, Collapsible, CollapsibleContent, type CollapsibleContentProps, CollapsibleTrigger, Command, CommandDialog, type CommandDialogProps, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ConfirmDialog, ConfirmDialogHost, type ConfirmDialogProps, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, type ContextMenuContentProps, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, type CreatableOption, CreatablePicker, type CreatablePickerProps, DEFAULT_ARCHIVE_FILTER, DEFAULT_SCORE_THRESHOLDS, Dialog, DialogClose, DialogContent, DialogContentPrimitive, type DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerContentPrimitive, type DrawerContentProps, DrawerDescription, type DrawerDirection, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, type DrawerProps, type DrawerSize, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EditableLabel, type EditableLabelActivation, type EditableLabelCommitMode, type EditableLabelProps, EnterInput, type EnterInputProps, ErrorActions, type ErrorActionsInput, ErrorActionsProvider, type ErrorActionsRecord, type ErrorActionsRenderer, ErrorBox, type ErrorBoxProps, FLOATING_LAYER_ATTR, FORBIDDEN_HOST_MOTION_UTILITIES, FloatingLayer, HoverCard, HoverCardContent, type HoverCardContentProps, HoverCardTrigger, Input, type InputProps, type InputVariant, InputWithPrefix, type InputWithPrefixProps, LAYER_FRONT_EVENT, Label, type LayerFrontDetail, MOBILE_BREAKPOINT, MODAL_LAYER_Z, MOTION_BOTTOM_SHEET, MOTION_DIALOG, MOTION_OVERLAY, MOTION_POPPER, MOTION_PULSE, MOTION_SHEET, MOTION_SPIN, OrganizationAbbreviation, OrganizationPicker, type OrganizationPickerOrganization, type OrganizationPickerProps, OverflowToolbar, type OverflowToolbarProps, POPPER_OFFSET, type PickerIcon, Popover, PopoverAnchor, PopoverContent, type PopoverContentProps, PopoverTrigger, PortalContainerProvider, type PortalContainerProviderProps, Progress, type ProgressProps, type ProgressTone, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, type RadioGroupSize, RadixDialogModalProvider, type RadixDialogModalProviderProps, ResizableHandle, type ResizableHandleProps, type ResizableHandleSize, ResizablePanel, ResizablePanelGroup, ScoreRing, type ScoreRingProps, type ScoreThresholds, ScrollArea, type ScrollAreaProps, ScrollBar, type ScrollFadeState, type SegmentOption, SegmentedControl, type SegmentedControlProps, Select, SelectContent, type SelectContentProps, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, Separator, Sheet, SheetClose, SheetContent, type SheetContentProps, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, type SkeletonProps, Slider, type SliderProps, type SliderSize, Switch, type SwitchProps, type SwitchSize, TabbedBottomSheet, type TabbedBottomSheetProps, type TabbedBottomSheetTab, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableSize, Tabs, TabsContent, TabsList, TabsTrigger, TabsTriggerCore, Textarea, type TextareaProps, TextareaWithPrefix, type TextareaWithPrefixProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, type ToolbarAction, type ToolbarActionTone, type ToolbarIcon, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, type UseScrollFadeResult, alertVariants, announceLayerFront, archiveFilterFromDisclosure, badgeVariants, buttonVariants, cn, floatingLayerZIndex, isInsideFloatingLayer, isModalLayerOpen, keepFloatingLayersInside, registerModalLayer, scoreAccentBgClasses, scoreRingColorClasses, selectTriggerVariants, sheetVariants, toArchiveFilter, toggleVariants, useAccordionSize, useCardSize, useDialogContainer, useDrawerDirection, useErrorActions, useFloatingLayerZIndex, useIsMobile, useModalLayer, useModalLayerOpen, usePortalContainer, useRadixDialogModal, useScrollFade, useTableSize };
+/**
+ * THE ONE FIELD SURFACE (page-pass shared fix, 2026-09-27).
+ *
+ * Every control a person types into or picks from — Input, BasicInput,
+ * Textarea, the Select trigger, and the host's ProInput / ProTextarea — sits on
+ * this fill and this border. They used to disagree: Input and the elevated
+ * Textarea filled with `bg-background` (the grey page colour in light mode),
+ * BasicInput and the control Textarea were `bg-transparent` (grey on a grey
+ * page), while the Select trigger filled with `bg-card` (white). On one form
+ * the text fields therefore looked disabled beside white Selects
+ * (/hr/settings/employer, the message-template editor) — a screen that lies
+ * about what it will let you do.
+ *
+ * The surface is the Select's: the card fill and the regular border. A caller
+ * that genuinely wants no fill (an inline cell editor) still passes
+ * `bg-transparent`, which wins through `cn`.
+ */
+declare const FIELD_SURFACE_CLASS = "border border-border bg-card";
+
+export { ALL_MOTION_CLASSES, ARCHIVE_FILTER_LABELS, ARCHIVE_FILTER_VALUES, ARCHIVE_LABEL, Accordion, AccordionContent, AccordionItem, type AccordionProps, type AccordionSize, AccordionTrigger, type AccordionTriggerProps, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogContentPrimitive, type AlertDialogContentProps, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, ArchiveFilter, type ArchiveFilterProps, type ArchiveFilterValue, ArchivedDisclosure, type ArchivedDisclosureProps, Avatar, AvatarFallback, AvatarImage, type AvatarProps, type AvatarSize, Badge, type BadgeProps, BasicInput, BasicTextarea, BottomSheet, BottomSheetBody, type BottomSheetBodyProps, BottomSheetFooter, type BottomSheetFooterProps, BottomSheetHeader, type BottomSheetHeaderProps, type BottomSheetProps, Button, type ButtonProps, CENTERED_DIALOG, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, type CardSize, CardTitle, Checkbox, type CheckboxProps, type CheckboxSize, Collapsible, CollapsibleContent, type CollapsibleContentProps, CollapsibleTrigger, Command, CommandDialog, type CommandDialogProps, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ConfirmDialog, ConfirmDialogHost, type ConfirmDialogProps, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, type ContextMenuContentProps, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, type CreatableOption, CreatablePicker, type CreatablePickerProps, DEFAULT_ARCHIVE_FILTER, DEFAULT_SCORE_THRESHOLDS, Dialog, DialogClose, DialogContent, DialogContentPrimitive, type DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerContentPrimitive, type DrawerContentProps, DrawerDescription, type DrawerDirection, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, type DrawerProps, type DrawerSize, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EditableLabel, type EditableLabelActivation, type EditableLabelCommitMode, type EditableLabelProps, EnterInput, type EnterInputProps, ErrorActions, type ErrorActionsInput, ErrorActionsProvider, type ErrorActionsRecord, type ErrorActionsRenderer, ErrorBox, type ErrorBoxProps, FIELD_SURFACE_CLASS, FLOATING_LAYER_ATTR, FORBIDDEN_HOST_MOTION_UTILITIES, FloatingLayer, HoverCard, HoverCardContent, type HoverCardContentProps, HoverCardTrigger, Input, type InputProps, type InputVariant, InputWithPrefix, type InputWithPrefixProps, LAYER_FRONT_EVENT, Label, type LayerFrontDetail, MOBILE_BREAKPOINT, MODAL_LAYER_Z, MOTION_BOTTOM_SHEET, MOTION_DIALOG, MOTION_OVERLAY, MOTION_POPPER, MOTION_PULSE, MOTION_SHEET, MOTION_SPIN, OrganizationAbbreviation, OrganizationPicker, type OrganizationPickerOrganization, type OrganizationPickerProps, OverflowToolbar, type OverflowToolbarProps, POPPER_OFFSET, type PickerIcon, Popover, PopoverAnchor, PopoverContent, type PopoverContentProps, PopoverTrigger, PortalContainerProvider, type PortalContainerProviderProps, Progress, type ProgressProps, type ProgressTone, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, type RadioGroupSize, RadixDialogModalProvider, type RadixDialogModalProviderProps, ResizableHandle, type ResizableHandleProps, type ResizableHandleSize, ResizablePanel, ResizablePanelGroup, ScoreRing, type ScoreRingProps, type ScoreThresholds, ScrollArea, type ScrollAreaProps, ScrollBar, type ScrollFadeState, type SegmentOption, SegmentedControl, type SegmentedControlProps, Select, SelectContent, type SelectContentProps, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, Separator, Sheet, SheetClose, SheetContent, type SheetContentProps, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, type SkeletonProps, Slider, type SliderProps, type SliderSize, Switch, type SwitchProps, type SwitchSize, TabbedBottomSheet, type TabbedBottomSheetProps, type TabbedBottomSheetTab, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableSize, Tabs, TabsContent, TabsList, TabsTrigger, TabsTriggerCore, Textarea, type TextareaProps, TextareaWithPrefix, type TextareaWithPrefixProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, type ToolbarAction, type ToolbarActionTone, type ToolbarIcon, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, type UseScrollFadeResult, alertVariants, announceLayerFront, archiveFilterFromDisclosure, badgeVariants, buttonVariants, cn, floatingLayerZIndex, isInsideFloatingLayer, isModalLayerOpen, keepFloatingLayersInside, registerModalLayer, scoreAccentBgClasses, scoreRingColorClasses, selectTriggerVariants, sheetVariants, toArchiveFilter, toggleVariants, useAccordionSize, useCardSize, useDialogContainer, useDrawerDirection, useErrorActions, useFloatingLayerZIndex, useIsMobile, useModalLayer, useModalLayerOpen, usePortalContainer, useRadixDialogModal, useScrollFade, useTableSize };

package/dist/index.js

@@ -2683,17 +2683,22 @@ function EditableLabel({
 
 // src/input.tsx
 import * as React21 from "react";
+
+// src/field-surface.ts
+var FIELD_SURFACE_CLASS = "border border-border bg-card";
+
+// src/input.tsx
 import { jsx as jsx26, jsxs as jsxs15 } from "react/jsx-runtime";
 var getVariantStyles = (variant = "default") => {
-  const baseStyles = `flex h-10 w-full border border-border bg-background text-foreground shadow-input rounded-md px-3 py-2 text-sm file:border-0 file:bg-transparent
+  const baseStyles = `flex h-10 w-full ${FIELD_SURFACE_CLASS} text-foreground shadow-input rounded-md px-3 py-2 text-sm file:border-0 file:bg-transparent
     file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground
     focus-visible:outline-none focus-visible:ring-[2px] focus-visible:ring-ring
     disabled:cursor-not-allowed disabled:opacity-50
     dark:shadow-none
     transition duration-400
-    [&:-webkit-autofill]:bg-background [&:-webkit-autofill]:shadow-[0_0_0_1000px_hsl(var(--background))_inset] [&:-webkit-autofill]:[caret-color:currentColor]
-    dark:[&:-webkit-autofill]:shadow-[0_0_0_1000px_hsl(var(--background))_inset] dark:[&:-webkit-autofill]:[-webkit-text-fill-color:hsl(var(--foreground))]
-    [&:-webkit-autofill:hover]:shadow-[0_0_0_1000px_hsl(var(--background))_inset] [&:-webkit-autofill:focus]:shadow-[0_0_0_1000px_hsl(var(--background))_inset]`;
+    [&:-webkit-autofill]:bg-card [&:-webkit-autofill]:shadow-[0_0_0_1000px_hsl(var(--card))_inset] [&:-webkit-autofill]:[caret-color:currentColor]
+    dark:[&:-webkit-autofill]:shadow-[0_0_0_1000px_hsl(var(--card))_inset] dark:[&:-webkit-autofill]:[-webkit-text-fill-color:hsl(var(--foreground))]
+    [&:-webkit-autofill:hover]:shadow-[0_0_0_1000px_hsl(var(--card))_inset] [&:-webkit-autofill:focus]:shadow-[0_0_0_1000px_hsl(var(--card))_inset]`;
   switch (variant) {
     case "destructive":
       return `${baseStyles} bg-destructive text-destructive-foreground`;
@@ -2758,7 +2763,7 @@ var BasicInput = React21.forwardRef(
       {
         type,
         className: cn(
-          "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+          `flex h-9 w-full rounded-md ${FIELD_SURFACE_CLASS} px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50`,
           className
         ),
         ref,
@@ -3310,7 +3315,7 @@ var Select = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
 var selectTriggerVariants = cva4(
-  "flex w-full items-center justify-between gap-2 whitespace-nowrap rounded-md border border-border bg-card text-sm shadow-sm ring-offset-background placeholder:text-muted-foreground transition-colors hover:bg-accent hover:border-accent-foreground/20 focus:outline-none focus:ring-1 focus:ring-primary/30 focus:border-primary/40 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:min-w-0 [&>span]:line-clamp-1",
+  `flex w-full items-center justify-between gap-2 whitespace-nowrap rounded-md ${FIELD_SURFACE_CLASS} text-sm shadow-sm ring-offset-background placeholder:text-muted-foreground transition-colors hover:bg-accent hover:border-accent-foreground/20 focus:outline-none focus:ring-1 focus:ring-primary/30 focus:border-primary/40 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:min-w-0 [&>span]:line-clamp-1`,
   {
     variants: {
       size: {
@@ -3721,17 +3726,22 @@ function OrganizationPicker({
   onSetDefault,
   hideHeading = false,
   itemClassName,
+  hideStatus = false,
+  foldedLabel = "More",
   className
 }) {
   const [query, setQuery] = React31.useState("");
   const [showFixtures, setShowFixtures] = React31.useState(false);
+  const [showFolded, setShowFolded] = React31.useState(false);
   const active = organizations.find((o) => o.id === activeOrganizationId) ?? null;
   const isDefault = (id) => !!defaultOrganizationId && id === defaultOrganizationId;
   const rank = (org) => org.id === defaultOrganizationId ? 0 : org.isOwn ? 1 : 2;
   const ordered = [...organizations].sort((a, b) => rank(a) - rank(b));
   const matching = ordered.filter((org) => matchesQuery(org, query));
-  const listed = matching.filter((org) => !org.isTestFixture);
+  const listed = matching.filter((org) => !org.isTestFixture && !org.folded);
+  const folded = matching.filter((org) => !org.isTestFixture && org.folded);
   const fixtures = matching.filter((org) => org.isTestFixture);
+  const foldOpen = showFolded || folded.length > 0 && (listed.length === 0 || query.trim().length > 0);
   const searchable = organizations.length > SEARCH_APPEARS_ABOVE;
   const sharesItsName = (org) => organizations.filter((other) => other.name.trim() === org.name.trim()).length > 1;
   const renderRow = (org) => {
@@ -3768,6 +3778,14 @@ function OrganizationPicker({
             /* @__PURE__ */ jsx40("span", { className: "truncate", children: org.name }),
             sharesItsName(org) && org.distinguisher ? /* @__PURE__ */ jsx40("span", { className: "truncate text-[10px] font-normal text-muted-foreground", children: org.distinguisher }) : null
           ] }),
+          org.detail ? /* @__PURE__ */ jsx40(
+            "span",
+            {
+              className: "shrink-0 text-xs font-normal text-muted-foreground",
+              "data-slot": "organization-picker-detail",
+              children: org.detail
+            }
+          ) : null,
           isDefault(org.id) && /* @__PURE__ */ jsx40(
             StarIcon,
             {
@@ -3796,11 +3814,11 @@ function OrganizationPicker({
         children: "Could not load organizations."
       }
     ) : organizations.length === 0 ? /* @__PURE__ */ jsx40("p", { className: "px-2 py-2 text-xs text-muted-foreground", children: "Your account is not a member of any organization. Ask an administrator to add you to one." }) : /* @__PURE__ */ jsxs23(Fragment3, { children: [
-      active ? /* @__PURE__ */ jsxs23("p", { className: "px-2 pb-1 text-[11px] text-muted-foreground", "data-slot": "organization-picker-status", children: [
+      hideStatus ? null : active ? /* @__PURE__ */ jsxs23("p", { className: "px-2 pb-1 text-[11px] text-muted-foreground", "data-slot": "organization-picker-status", children: [
         "Working in",
         " ",
         /* @__PURE__ */ jsx40("span", { className: "font-medium text-foreground", children: active.name })
-      ] }) : /* @__PURE__ */ jsx40("p", { className: "px-2 pb-1 text-[11px] text-destructive", "data-slot": "organization-picker-status", children: "No organization selected \u2014 pick one below." }),
+      ] }) : /* @__PURE__ */ jsx40("p", { className: "px-2 pb-1 text-[11px] text-muted-foreground", "data-slot": "organization-picker-status", children: "No organization selected \u2014 pick one below." }),
       searchable && /* @__PURE__ */ jsx40("div", { className: "px-2 pb-1.5", children: /* @__PURE__ */ jsx40(
         Input,
         {
@@ -3815,7 +3833,7 @@ function OrganizationPicker({
           "data-slot": "organization-picker-search"
         }
       ) }),
-      listed.length === 0 && fixtures.length === 0 ? /* @__PURE__ */ jsxs23(
+      listed.length === 0 && folded.length === 0 && fixtures.length === 0 ? /* @__PURE__ */ jsxs23(
         "p",
         {
           className: "px-2 py-2 text-xs text-muted-foreground",
@@ -3826,7 +3844,7 @@ function OrganizationPicker({
             "\u201D."
           ]
         }
-      ) : listed.length === 0 ? (
+      ) : listed.length === 0 && folded.length > 0 ? null : listed.length === 0 ? (
         /* THE ARCHIVED-ITEMS LAW, honesty half: "nothing" may only be said
            when both halves are empty. Here the other half is one line down.
            AND IT SAYS WHAT IS TRUE, NOT WHAT IS EMPTY. The earlier sentence
@@ -3865,6 +3883,17 @@ function OrganizationPicker({
           }
         )
       ) : /* @__PURE__ */ jsx40("ul", { className: "max-h-72 overflow-y-auto", role: "listbox", "aria-label": "Organizations", children: listed.map(renderRow) }),
+      /* @__PURE__ */ jsx40(
+        ArchivedDisclosure,
+        {
+          count: folded.length,
+          open: foldOpen,
+          onOpenChange: setShowFolded,
+          label: foldedLabel,
+          className: "mt-0.5",
+          children: /* @__PURE__ */ jsx40("ul", { className: "max-h-72 overflow-y-auto", role: "listbox", "aria-label": foldedLabel, children: folded.map(renderRow) })
+        }
+      ),
       /* @__PURE__ */ jsx40(
         ArchivedDisclosure,
         {
@@ -4182,8 +4211,8 @@ function getStretchClasses(className) {
   if (FILL_WIDTH_REGEX.test(className)) fills.push("w-full");
   return fills.length ? fills.join(" ") : void 0;
 }
-var TEXTAREA_ELEVATED_CLASS = "flex h-auto w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground shadow-textarea transition duration-400 placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-[2px] focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50";
-var TEXTAREA_CONTROL_CLASS = "flex w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm text-foreground shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50";
+var TEXTAREA_ELEVATED_CLASS = `flex h-auto w-full rounded-md ${FIELD_SURFACE_CLASS} px-3 py-2 text-sm text-foreground shadow-textarea transition duration-400 placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-[2px] focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50`;
+var TEXTAREA_CONTROL_CLASS = `flex w-full rounded-md ${FIELD_SURFACE_CLASS} px-3 py-2 text-sm text-foreground shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50`;
 function useAutoGrow(ref, value, autoGrow = false, minHeight, maxHeight) {
   React34.useEffect(() => {
     if (!autoGrow || !ref.current) return;
@@ -5313,6 +5342,7 @@ export {
   ErrorActions,
   ErrorActionsProvider,
   ErrorBox,
+  FIELD_SURFACE_CLASS,
   FLOATING_LAYER_ATTR,
   FORBIDDEN_HOST_MOTION_UTILITIES,
   FloatingLayer,