@godxjp/ui 13.5.0 → 13.6.0

package/dist/components/general/button.d.ts

@@ -2,7 +2,7 @@ import { A as AsChildProp, e as OnClickProp, c as DisabledProp, P as PendingProp
 import * as React from 'react';
 import { c as ButtonVariantProp, b as ButtonSizeProp, S as ShapeProp } from '../../interaction.prop-DD46aTro.js';
 import * as class_variance_authority_types from 'class-variance-authority/types';
-export { B as ButtonProp, B as ButtonProps } from '../../general.prop-CBQ_KVtR.js';
+export { B as ButtonProp, B as ButtonProps } from '../../general.prop-CzcLDzMw.js';
 
 declare const buttonVariants: (props?: ({
     variant?: "default" | "ghost" | "destructive" | "outline" | "dashed" | "secondary" | "link" | null | undefined;
@@ -19,6 +19,7 @@ declare const Button: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes
     disabled?: DisabledProp;
     loading?: PendingProp;
     loadingText?: string;
+    count?: number;
 } & React.RefAttributes<HTMLButtonElement>>;
 
 export { Button, buttonVariants };

package/dist/components/general/button.js

@@ -1,2 +1,4 @@
-export { Button, buttonVariants } from '../../chunk-CA247VOA.js';
+export { Button, buttonVariants } from '../../chunk-XZH3URGD.js';
+import '../../chunk-QTEPKNQE.js';
+import '../../chunk-C7W5BO7R.js';
 import '../../chunk-U7N2A7A3.js';

package/dist/components/general/index.d.ts

@@ -1,7 +1,7 @@
 export { Button, buttonVariants } from './button.js';
 import * as React from 'react';
 import { H as HeadingLevelProp, j as TextToneProp, T as TextAlignProp, i as TextSizeProp, F as FontWeightProp } from '../../interaction.prop-DD46aTro.js';
-export { B as ButtonProps, H as HeadingProp, H as HeadingProps, T as TextProp, T as TextProps } from '../../general.prop-CBQ_KVtR.js';
+export { B as ButtonProps, H as HeadingProp, H as HeadingProps, T as TextProp, T as TextProps } from '../../general.prop-CzcLDzMw.js';
 import '../../shared.prop-BvMSLFJ6.js';
 import 'class-variance-authority/types';
 

package/dist/components/general/index.js

@@ -1,4 +1,6 @@
-export { Button, buttonVariants } from '../../chunk-CA247VOA.js';
+export { Button, buttonVariants } from '../../chunk-XZH3URGD.js';
+import '../../chunk-QTEPKNQE.js';
+import '../../chunk-C7W5BO7R.js';
 import { cn } from '../../chunk-U7N2A7A3.js';
 import * as React from 'react';
 

package/dist/components/layout/index.js

@@ -1,4 +1,4 @@
-export { AppShell, Breadcrumb, PageContainer, Sidebar, SidebarHeader, SidebarItem, SidebarSection, SplitPane, Topbar } from '../../chunk-MQCFOEW2.js';
+export { AppShell, Breadcrumb, PageContainer, Sidebar, SidebarHeader, SidebarItem, SidebarSection, SplitPane, Topbar } from '../../chunk-I472SSN2.js';
 export { AspectRatio, Separator } from '../../chunk-XK3M3VRR.js';
 export { ResizableHandle, ResizablePanel, ResizablePanelGroup } from '../../chunk-W4REF4TD.js';
 import '../../chunk-LMKUKCTN.js';
@@ -7,6 +7,6 @@ import '../../chunk-DV52WNXO.js';
 export { Flex } from '../../chunk-INIIF7F7.js';
 import '../../chunk-DY5C44UP.js';
 export { ResponsiveGrid } from '../../chunk-C3PKEV6S.js';
-import '../../chunk-6EBULOWM.js';
-import '../../chunk-ITOHGSPS.js';
+import '../../chunk-QTEPKNQE.js';
+import '../../chunk-C7W5BO7R.js';
 import '../../chunk-U7N2A7A3.js';

package/dist/components/navigation/index.js

@@ -1,17 +1,17 @@
-export { AppSettingPicker, Toolbar, ToolbarGroup } from '../../chunk-YY5PUFBL.js';
-export { Steps } from '../../chunk-46UVXYPU.js';
-export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarItem, MenubarLabel, MenubarMenu, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger } from '../../chunk-B73NA66T.js';
+export { AppSettingPicker, Toolbar, ToolbarGroup } from '../../chunk-UVGI2RPC.js';
+export { Steps } from '../../chunk-LTKHPOE3.js';
 export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport } from '../../chunk-WGWI7EGL.js';
-export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from '../../chunk-LCKET5WL.js';
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from '../../chunk-2JW2QLUU.js';
 export { Tabs, TabsContent, TabsList, TabsTrigger } from '../../chunk-V3N266PT.js';
 export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger } from '../../chunk-HL3G4SVG.js';
+export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarItem, MenubarLabel, MenubarMenu, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger } from '../../chunk-B73NA66T.js';
 export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from '../../chunk-LMKUKCTN.js';
-import '../../chunk-CLEBTIY3.js';
+import '../../chunk-PKSHDFKP.js';
 import '../../chunk-3R3QVJCB.js';
-import '../../chunk-BNXPDUO4.js';
-import '../../chunk-CA247VOA.js';
+import '../../chunk-6AIYMYSG.js';
+import '../../chunk-XZH3URGD.js';
 import '../../chunk-DY5C44UP.js';
 import '../../chunk-B4K4BXEF.js';
-import '../../chunk-6EBULOWM.js';
-import '../../chunk-ITOHGSPS.js';
+import '../../chunk-QTEPKNQE.js';
+import '../../chunk-C7W5BO7R.js';
 import '../../chunk-U7N2A7A3.js';

package/dist/components/navigation/pagination.js

@@ -1,10 +1,10 @@
-export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from '../../chunk-LCKET5WL.js';
-import '../../chunk-CLEBTIY3.js';
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from '../../chunk-2JW2QLUU.js';
+import '../../chunk-PKSHDFKP.js';
 import '../../chunk-3R3QVJCB.js';
-import '../../chunk-BNXPDUO4.js';
-import '../../chunk-CA247VOA.js';
+import '../../chunk-6AIYMYSG.js';
+import '../../chunk-XZH3URGD.js';
 import '../../chunk-DY5C44UP.js';
 import '../../chunk-B4K4BXEF.js';
-import '../../chunk-6EBULOWM.js';
-import '../../chunk-ITOHGSPS.js';
+import '../../chunk-QTEPKNQE.js';
+import '../../chunk-C7W5BO7R.js';
 import '../../chunk-U7N2A7A3.js';

package/dist/components/navigation/steps.js

@@ -1,5 +1,5 @@
-export { Steps } from '../../chunk-46UVXYPU.js';
+export { Steps } from '../../chunk-LTKHPOE3.js';
 import '../../chunk-B4K4BXEF.js';
-import '../../chunk-6EBULOWM.js';
-import '../../chunk-ITOHGSPS.js';
+import '../../chunk-QTEPKNQE.js';
+import '../../chunk-C7W5BO7R.js';
 import '../../chunk-U7N2A7A3.js';

package/dist/components/query/index.d.ts

@@ -1,9 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { D as DataStateProp, A as AlertMutationFeedbackProp, B as ButtonRefetchProp, a as InfiniteQueryStateProp, P as PrefetchLinkProp } from '../../query.prop-CsRuaXNb.js';
+import { D as DataStateProp, A as AlertMutationFeedbackProp, B as ButtonRefetchProp, a as InfiniteQueryStateProp, P as PrefetchLinkProp } from '../../query.prop-DAILZ0x5.js';
 import 'react';
 import '@tanstack/react-query';
 import 'react-router-dom';
-import '../../general.prop-CBQ_KVtR.js';
+import '../../general.prop-CzcLDzMw.js';
 import '../../shared.prop-BvMSLFJ6.js';
 import '../../interaction.prop-DD46aTro.js';
 

package/dist/components/query/index.js

@@ -1,9 +1,9 @@
-import { AlertQueryError } from '../../chunk-QHS4U3SS.js';
-import '../../chunk-HOQSAUHZ.js';
+import { AlertQueryError } from '../../chunk-W2RYT6NT.js';
+import '../../chunk-2FJ5TMQU.js';
 import '../../chunk-INIIF7F7.js';
-import { Button } from '../../chunk-CA247VOA.js';
-import { useTranslation } from '../../chunk-6EBULOWM.js';
-import '../../chunk-ITOHGSPS.js';
+import { Button } from '../../chunk-XZH3URGD.js';
+import { useTranslation } from '../../chunk-QTEPKNQE.js';
+import '../../chunk-C7W5BO7R.js';
 import '../../chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';

package/dist/components/ui/index.d.ts

@@ -7,7 +7,7 @@ export { Button, buttonVariants } from '../general/button.js';
 export { Calendar } from '../data-entry/calendar.js';
 export { Carousel, CarouselApi, CarouselContent, CarouselDots, CarouselItem, CarouselNext, CarouselPrevious, useCarousel } from '../data-display/carousel.js';
 export { Card, CardAction, CardContent, CardContentProps, CardCover, CardCoverProps, CardDescription, CardFooter, CardFooterProps, CardHeader, CardHeaderProps, CardProps, CardTitle, StatCard, StatCardProps } from '../data-display/card.js';
-export { C as Checkbox } from '../../checkbox-iicX1PfF.js';
+export { C as Checkbox } from '../../checkbox-DAIwpMHO.js';
 export { ColorPicker } from '../data-entry/color-picker.js';
 export { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from '../data-entry/command.js';
 export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger } from '../navigation/context-menu.js';
@@ -38,8 +38,8 @@ export { Textarea, TextareaProps } from '../data-entry/textarea.js';
 export { TimePicker } from '../data-entry/time-picker.js';
 export { Upload, useUploadDraft } from '../data-entry/upload.js';
 export { A as AlertActionsProp, A as AlertActionsProps, a as AlertContentProp, a as AlertContentProps, b as AlertDescriptionProp, b as AlertDescriptionProps, c as AlertDialogProp, c as AlertDialogProps, d as AlertProp, d as AlertProps, e as AlertQueryErrorProp, e as AlertQueryErrorProps, f as AlertTitleProp, f as AlertTitleProps } from '../../feedback.prop-CHlHDYZK.js';
-export { B as ButtonProp, B as ButtonProps } from '../../general.prop-CBQ_KVtR.js';
-export { C as CalendarProp, C as CalendarProps, e as ColorPickerProp, e as ColorPickerProps, D as DatePickerProp, D as DatePickerProps, f as DateRangePickerProp, f as DateRangePickerProps, R as RadioGroupProp, R as RadioGroupProps, o as SliderProp, o as SliderProps, p as SwitchProp, p as SwitchProps, q as TimePickerProp, q as TimePickerProps, U as UploadCommitAction, w as UploadFileItem, x as UploadFileItemProp, y as UploadProp, y as UploadProps, z as UploadVariant, A as UploadVariantProp, B as collectUploadCommitActions, E as createUploadItem } from '../../data-entry.prop-D92hPBuo.js';
+export { B as ButtonProp, B as ButtonProps } from '../../general.prop-CzcLDzMw.js';
+export { C as CalendarProp, C as CalendarProps, e as ColorPickerProp, e as ColorPickerProps, D as DatePickerProp, D as DatePickerProps, f as DateRangePickerProp, f as DateRangePickerProps, R as RadioGroupProp, R as RadioGroupProps, o as SliderProp, o as SliderProps, p as SwitchProp, p as SwitchProps, q as TimePickerProp, q as TimePickerProps, U as UploadCommitAction, w as UploadFileItem, x as UploadFileItemProp, y as UploadProp, y as UploadProps, z as UploadVariant, A as UploadVariantProp, B as collectUploadCommitActions, E as createUploadItem } from '../../data-entry.prop-vn5VGnwY.js';
 export { P as PaginationProp, P as PaginationProps } from '../../navigation.prop-FCsOVGrP.js';
 import 'react/jsx-runtime';
 import '../../shared.prop-BvMSLFJ6.js';

package/dist/components/ui/index.js

@@ -1,47 +1,47 @@
 export { Avatar, AvatarFallback, AvatarImage } from '../../chunk-QTUJSRDH.js';
 export { Card, CardAction, CardContent, CardCover, CardDescription, CardFooter, CardHeader, CardTitle, StatCard } from '../../chunk-P5KPCT6R.js';
-export { Carousel, CarouselContent, CarouselDots, CarouselItem, CarouselNext, CarouselPrevious, useCarousel } from '../../chunk-DKW3XS2A.js';
+export { Carousel, CarouselContent, CarouselDots, CarouselItem, CarouselNext, CarouselPrevious, useCarousel } from '../../chunk-B7R7DHZF.js';
 export { Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger } from '../../chunk-IMERLXSC.js';
 export { PasswordStrength, Toggle, ToggleGroup, ToggleGroupItem, toggleVariants, usePasswordStrength } from '../../chunk-VSUYVT2Q.js';
-export { TimePicker } from '../../chunk-QEHMSZBQ.js';
+export { TimePicker } from '../../chunk-UKTVFPRV.js';
 export { Radio, RadioGroupOptions as RadioGroup, RadioGroupRoot, RadioItem } from '../../chunk-S2IJKT3D.js';
 export { Switch } from '../../chunk-I7NQ2LIL.js';
-export { Textarea } from '../../chunk-HCCID4YY.js';
-export { TimeInput } from '../../chunk-LIOHE3RU.js';
-export { ColorPicker } from '../../chunk-3JIPRB2T.js';
-export { DatePicker } from '../../chunk-IHNZCBES.js';
-export { DateRangePicker } from '../../chunk-PXOPMYPJ.js';
-export { Calendar } from '../../chunk-2XH6QAOC.js';
-export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarItem, MenubarLabel, MenubarMenu, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger } from '../../chunk-B73NA66T.js';
-export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport } from '../../chunk-WGWI7EGL.js';
-export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from '../../chunk-LCKET5WL.js';
-export { Tabs, TabsContent, TabsList, TabsTrigger } from '../../chunk-V3N266PT.js';
+export { Textarea } from '../../chunk-ZOMIELKI.js';
+export { TimeInput } from '../../chunk-3JQDPNTA.js';
+export { ColorPicker } from '../../chunk-LFO5BJ4H.js';
+export { DatePicker } from '../../chunk-6MZMMMHV.js';
+export { DateRangePicker } from '../../chunk-OIAT773P.js';
+export { Calendar } from '../../chunk-HS73G2C3.js';
 export { AspectRatio, Separator } from '../../chunk-XK3M3VRR.js';
 export { ResizableHandle, ResizablePanel, ResizablePanelGroup } from '../../chunk-W4REF4TD.js';
+export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport } from '../../chunk-WGWI7EGL.js';
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from '../../chunk-2JW2QLUU.js';
+export { Tabs, TabsContent, TabsList, TabsTrigger } from '../../chunk-V3N266PT.js';
 export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger } from '../../chunk-HL3G4SVG.js';
+export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarItem, MenubarLabel, MenubarMenu, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger } from '../../chunk-B73NA66T.js';
 export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from '../../chunk-LMKUKCTN.js';
 export { Skeleton } from '../../chunk-2BR7KFCP.js';
 export { Toaster } from '../../chunk-TO7URV7U.js';
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../../chunk-32WO3YLB.js';
-export { Alert, AlertActions, AlertBase, AlertContent, AlertDescription, AlertQueryError, AlertTitle } from '../../chunk-QHS4U3SS.js';
-export { Upload, collectUploadCommitActions, createUploadItem, useUploadDraft } from '../../chunk-X3E4QTA3.js';
-import '../../chunk-HOQSAUHZ.js';
-export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, Dialog, DialogAction, DialogBody, DialogCancel, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogRoot, DialogTitle, DialogTrigger } from '../../chunk-WW47N4ID.js';
+export { Alert, AlertActions, AlertBase, AlertContent, AlertDescription, AlertQueryError, AlertTitle } from '../../chunk-W2RYT6NT.js';
+export { Upload, collectUploadCommitActions, createUploadItem, useUploadDraft } from '../../chunk-J254ZX3A.js';
+import '../../chunk-2FJ5TMQU.js';
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, Dialog, DialogAction, DialogBody, DialogCancel, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogRoot, DialogTitle, DialogTrigger } from '../../chunk-UDMFKYZG.js';
 import '../../chunk-VU4GFGDG.js';
-export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from '../../chunk-CLEBTIY3.js';
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from '../../chunk-PKSHDFKP.js';
 export { Slider } from '../../chunk-TBJBVEIP.js';
 export { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from '../../chunk-3R3QVJCB.js';
-export { Input } from '../../chunk-BNXPDUO4.js';
+export { Input } from '../../chunk-6AIYMYSG.js';
 import '../../chunk-INIIF7F7.js';
 export { Checkbox } from '../../chunk-BE6GJGKJ.js';
 import '../../chunk-44YRPSZ7.js';
-export { Button, buttonVariants } from '../../chunk-CA247VOA.js';
-export { Badge } from '../../chunk-BTTKHJMC.js';
+export { Button, buttonVariants } from '../../chunk-XZH3URGD.js';
+export { Badge } from '../../chunk-ZYJRZLMZ.js';
 export { Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger } from '../../chunk-DY5C44UP.js';
 export { ScrollArea, ScrollBar } from '../../chunk-3KPEZ5CF.js';
 export { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '../../chunk-IJ5ALJGA.js';
 import '../../chunk-B4K4BXEF.js';
 export { Label } from '../../chunk-7PWBC4BY.js';
-import '../../chunk-6EBULOWM.js';
-import '../../chunk-ITOHGSPS.js';
+import '../../chunk-QTEPKNQE.js';
+import '../../chunk-C7W5BO7R.js';
 import '../../chunk-U7N2A7A3.js';

package/dist/{data-entry.prop-D92hPBuo.d.ts → data-entry.prop-vn5VGnwY.d.ts}

@@ -53,9 +53,19 @@ declare function collectUploadCommitActions(items: UploadFileItem[]): UploadComm
 /** Data Entry component prop types — @see docs/COMPONENTS.md#data-entry */
 
 /** @see Input */
-type InputProp = React.InputHTMLAttributes<HTMLInputElement>;
+type InputProp = React.InputHTMLAttributes<HTMLInputElement> & {
+    /** Show an inline ✕ that clears the field while it holds text (default false). */
+    allowClear?: boolean;
+    /** Called after the field is cleared via the inline ✕. */
+    onClear?: () => void;
+};
 /** @see Textarea */
-type TextareaProp = React.TextareaHTMLAttributes<HTMLTextAreaElement>;
+type TextareaProp = React.TextareaHTMLAttributes<HTMLTextAreaElement> & {
+    /** Show an inline ✕ (top-end) that clears the field while it holds text (default false). */
+    allowClear?: boolean;
+    /** Called after the field is cleared via the inline ✕. */
+    onClear?: () => void;
+};
 /**
  * @see NumberInput — localized numeric spinbutton (composes `Input` + step `Button`s).
  * `value`/`defaultValue`/`onValueChange` carry a `number | null` (null = empty). `step` drives both
@@ -204,6 +214,8 @@ type DatePickerProp = {
     locale?: DayPickerProps["locale"];
     fromDate?: Date;
     toDate?: Date;
+    /** Show an inline ✕ to clear the value when one is set (default true). */
+    allowClear?: boolean;
 };
 /** @see DateRangePicker */
 type DateRangePickerProp = {
@@ -219,6 +231,8 @@ type DateRangePickerProp = {
     locale?: DayPickerProps["locale"];
     fromDate?: Date;
     toDate?: Date;
+    /** Show an inline ✕ to clear the range when one is set (default true). */
+    allowClear?: boolean;
 };
 /** @see TimePicker — popover HH:mm picker (canonical 24h storage). */
 type TimePickerProp = {
@@ -233,6 +247,8 @@ type TimePickerProp = {
     name?: NameProp;
     /** Minute column step — default 5 (logistics cut-offs). */
     minuteStep?: number;
+    /** Show an inline ✕ to clear the value when one is set (default true). */
+    allowClear?: boolean;
 };
 /** @see ColorPicker */
 type ColorPickerProp = {

package/dist/{general.prop-CBQ_KVtR.d.ts → general.prop-CzcLDzMw.d.ts}

@@ -48,6 +48,14 @@ type ButtonProp = React.ButtonHTMLAttributes<HTMLButtonElement> & {
     loading?: PendingProp;
     /** Optional label to swap in while `loading` (pass the `t()`-translated string). */
     loadingText?: string;
+    /**
+     * Optional numeric count rendered as a borderless counter pill after the label
+     * (filter tabs / segmented toggles, e.g. "Chờ bay 18"). Formatted with
+     * `Intl.NumberFormat` in the active locale and styled to read on the button's
+     * own variant — never nest a `Badge` inside a Button for this. `0` renders.
+     * Ignored when `asChild` (Radix Slot requires a single child).
+     */
+    count?: number;
 };
 
 export type { ButtonProp as B, HeadingProp as H, TextProp as T };

package/dist/i18n/index.d.ts

@@ -13,6 +13,7 @@ var common = {
 	search: "Tìm kiếm",
 	clearSearch: "Xóa tìm kiếm",
 	clearFilters: "Xóa bộ lọc",
+	clear: "Xóa",
 	first: "Đầu",
 	previous: "Trước",
 	next: "Tiếp",

package/dist/i18n/index.js

@@ -1,2 +1,2 @@
-export { usePickerLocales, useTranslation } from '../chunk-6EBULOWM.js';
-export { MESSAGE_CATALOG, resetI18nLocale, syncI18nLocale, translate, translateCurrent } from '../chunk-ITOHGSPS.js';
+export { usePickerLocales, useTranslation } from '../chunk-QTEPKNQE.js';
+export { MESSAGE_CATALOG, resetI18nLocale, syncI18nLocale, translate, translateCurrent } from '../chunk-C7W5BO7R.js';

package/dist/index.d.ts

@@ -3,7 +3,7 @@ export { F as FlexAlignProp, a as FlexDirectionProp, b as FlexJustifyProp, c as
 export { F as Flex, P as PageContainer } from './flex-X2EFU1d5.js';
 export { C as ColumnDef, D as DataTable, a as Density, b as Descriptions, E as EmptyState } from './data-table-DRr70ULe.js';
 export { Badge } from './components/data-display/badge.js';
-export { F as Field, a as FormField, S as SearchInput } from './search-input-D29GSk0W.js';
+export { F as Field, a as FormField, S as SearchInput } from './search-input-Oxwpv_s9.js';
 export { a as SkeletonDetail, c as SkeletonRows, d as SkeletonStat, e as SkeletonTable } from './skeleton-cj9kh5wo.js';
 export { Alert, AlertActions, AlertContent, AlertDescription, AlertQueryError, AlertTitle } from './components/feedback/alert.js';
 export { Upload, useUploadDraft } from './components/data-entry/upload.js';
@@ -20,7 +20,7 @@ export { toast } from 'sonner';
 export { useDebouncedValue, useTimeoutFlag } from './lib/hooks.js';
 export { formatBytes, formatCurrency, humanError, shortId } from './components/admin/index.js';
 export { cn } from './lib/utils.js';
-export { F as FieldProps, B as collectUploadCommitActions, E as createUploadItem } from './data-entry.prop-D92hPBuo.js';
+export { F as FieldProps, B as collectUploadCommitActions, E as createUploadItem } from './data-entry.prop-vn5VGnwY.js';
 export { c as AlertDialogProps } from './feedback.prop-CHlHDYZK.js';
 export { d as ToolbarGroupProps, e as ToolbarProps } from './navigation.prop-FCsOVGrP.js';
 export { j as formatDate } from './format-date-ByyZoqI5.js';

package/dist/index.js

@@ -1,54 +1,54 @@
 import './chunk-2H65B4JA.js';
 import './chunk-IMERLXSC.js';
-import './chunk-IYSGELQC.js';
+import './chunk-GFDKJY63.js';
 import './chunk-VSUYVT2Q.js';
-import './chunk-QEHMSZBQ.js';
+import './chunk-UKTVFPRV.js';
 import './chunk-S2IJKT3D.js';
 import './chunk-I7NQ2LIL.js';
-import './chunk-HCCID4YY.js';
-import './chunk-LIOHE3RU.js';
-import './chunk-3JIPRB2T.js';
-import './chunk-IHNZCBES.js';
-import './chunk-PXOPMYPJ.js';
-import './chunk-2XH6QAOC.js';
+import './chunk-ZOMIELKI.js';
+import './chunk-3JQDPNTA.js';
+import './chunk-LFO5BJ4H.js';
+import './chunk-6MZMMMHV.js';
+import './chunk-OIAT773P.js';
+import './chunk-HS73G2C3.js';
 import './chunk-GJXOBDER.js';
-export { Toolbar, ToolbarGroup } from './chunk-YY5PUFBL.js';
-export { Steps } from './chunk-46UVXYPU.js';
-import './chunk-B73NA66T.js';
-import './chunk-WGWI7EGL.js';
-export { Pagination } from './chunk-LCKET5WL.js';
-export { Tabs, TabsContent, TabsList, TabsTrigger } from './chunk-V3N266PT.js';
-export { PageContainer } from './chunk-MQCFOEW2.js';
+export { PageContainer } from './chunk-I472SSN2.js';
 import './chunk-XK3M3VRR.js';
 import './chunk-W4REF4TD.js';
+export { Toolbar, ToolbarGroup } from './chunk-UVGI2RPC.js';
+export { Steps } from './chunk-LTKHPOE3.js';
+import './chunk-WGWI7EGL.js';
+export { Pagination } from './chunk-2JW2QLUU.js';
+export { Tabs, TabsContent, TabsList, TabsTrigger } from './chunk-V3N266PT.js';
 import './chunk-HL3G4SVG.js';
+import './chunk-B73NA66T.js';
 import './chunk-LMKUKCTN.js';
 export { sonnerToast as toast } from './chunk-ES4Q3KGL.js';
 export { SkeletonDetail, SkeletonRows, SkeletonStat, SkeletonTable } from './chunk-2BR7KFCP.js';
 export { Toaster } from './chunk-TO7URV7U.js';
 import './chunk-32WO3YLB.js';
-export { Alert, AlertActions, AlertContent, AlertDescription, AlertQueryError, AlertTitle } from './chunk-QHS4U3SS.js';
-export { Transfer } from './chunk-QVLCFPKF.js';
-export { TreeSelect } from './chunk-BIC6D4EL.js';
-export { Upload, collectUploadCommitActions, createUploadItem, useUploadDraft } from './chunk-X3E4QTA3.js';
-export { SearchInput } from './chunk-E2CTBKYL.js';
-export { formatBytes, formatCurrency, humanError, shortId } from './chunk-HOQSAUHZ.js';
-export { AlertDialog, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from './chunk-WW47N4ID.js';
+export { Alert, AlertActions, AlertContent, AlertDescription, AlertQueryError, AlertTitle } from './chunk-W2RYT6NT.js';
+export { Transfer } from './chunk-DVV6UYVS.js';
+export { TreeSelect } from './chunk-5XFFEW2P.js';
+export { Upload, collectUploadCommitActions, createUploadItem, useUploadDraft } from './chunk-J254ZX3A.js';
+export { SearchInput } from './chunk-RBXVCWXL.js';
+export { formatBytes, formatCurrency, humanError, shortId } from './chunk-2FJ5TMQU.js';
+export { AlertDialog, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from './chunk-UDMFKYZG.js';
 import './chunk-VU4GFGDG.js';
-import './chunk-CLEBTIY3.js';
+import './chunk-PKSHDFKP.js';
 import './chunk-TBJBVEIP.js';
-export { Cascader } from './chunk-RR2SSSQS.js';
+export { Cascader } from './chunk-6VUW6EKH.js';
 import './chunk-SMLKNECP.js';
 import './chunk-3R3QVJCB.js';
-import './chunk-BNXPDUO4.js';
-export { DataTable, Descriptions } from './chunk-JCDLEXBB.js';
+import './chunk-6AIYMYSG.js';
+export { DataTable, Descriptions } from './chunk-KNI7QI4J.js';
 import './chunk-DV52WNXO.js';
 export { EmptyState } from './chunk-YD7V2HGZ.js';
 export { Flex } from './chunk-INIIF7F7.js';
 import './chunk-BE6GJGKJ.js';
 export { Field } from './chunk-44YRPSZ7.js';
-import './chunk-CA247VOA.js';
-export { Badge } from './chunk-BTTKHJMC.js';
+import './chunk-XZH3URGD.js';
+export { Badge } from './chunk-ZYJRZLMZ.js';
 import './chunk-DY5C44UP.js';
 import './chunk-3KPEZ5CF.js';
 import './chunk-IJ5ALJGA.js';
@@ -56,7 +56,7 @@ import './chunk-B4K4BXEF.js';
 export { FormField } from './chunk-76S3TQFH.js';
 import './chunk-C3PKEV6S.js';
 import './chunk-7PWBC4BY.js';
-import './chunk-6EBULOWM.js';
-export { formatDate } from './chunk-ITOHGSPS.js';
+import './chunk-QTEPKNQE.js';
+export { formatDate } from './chunk-C7W5BO7R.js';
 export { useDebouncedValue, useTimeoutFlag } from './chunk-LFW37FGG.js';
 export { cn } from './chunk-U7N2A7A3.js';

package/dist/lib/datetime/index.js

@@ -1 +1 @@
-export { calendarDateToTZDate, detectFormatDateKind, disableLiveRelativeFormatting, enableLiveRelativeFormatting, formatAppDate, formatAppDateLong, formatAppDateTime, formatAppRelative, formatAppTime, formatCalendarDate, formatDate, formatTimeOfDay, getDatetimeContext, hhmmToTZDate, isDateOnlyString, isFormatDateValue, isValidHhmm, normalizeHhmm, parseDateInput, resetDatetimeContextForTests, syncDatetimeContext, toIsoDate } from '../../chunk-ITOHGSPS.js';
+export { calendarDateToTZDate, detectFormatDateKind, disableLiveRelativeFormatting, enableLiveRelativeFormatting, formatAppDate, formatAppDateLong, formatAppDateTime, formatAppRelative, formatAppTime, formatCalendarDate, formatDate, formatTimeOfDay, getDatetimeContext, hhmmToTZDate, isDateOnlyString, isFormatDateValue, isValidHhmm, normalizeHhmm, parseDateInput, resetDatetimeContextForTests, syncDatetimeContext, toIsoDate } from '../../chunk-C7W5BO7R.js';

package/dist/props/components/index.d.ts

@@ -1,9 +1,9 @@
 export { A as AppShellProp, P as PageContainerProp, d as PageInsetProp, e as SidebarItemProp, f as SidebarProductProp, g as SidebarProp, h as SidebarSectionProp, T as TopbarProductProp, i as TopbarProjectProp, j as TopbarProp } from '../../layout.prop-D2be7gOo.js';
-export { B as ButtonProp } from '../../general.prop-CBQ_KVtR.js';
-export { C as CalendarProp, a as CascaderProp, b as CheckboxGroupProp, c as CheckboxProp, d as ChoiceOptionProp, e as ColorPickerProp, D as DatePickerProp, f as DateRangePickerProp, g as FormFieldProp, I as InputProp, R as RadioGroupProp, i as RadioProp, S as SearchInputProp, n as ShowCheckedStrategyProp, o as SliderProp, p as SwitchProp, T as TextareaProp, q as TimePickerProp, r as TransferItemProp, s as TransferProp, t as TreeFieldNamesProp, u as TreeOptionProp, v as TreeSelectProp, x as UploadFileItemProp, y as UploadProp, A as UploadVariantProp } from '../../data-entry.prop-D92hPBuo.js';
+export { B as ButtonProp } from '../../general.prop-CzcLDzMw.js';
+export { C as CalendarProp, a as CascaderProp, b as CheckboxGroupProp, c as CheckboxProp, d as ChoiceOptionProp, e as ColorPickerProp, D as DatePickerProp, f as DateRangePickerProp, g as FormFieldProp, I as InputProp, R as RadioGroupProp, i as RadioProp, S as SearchInputProp, n as ShowCheckedStrategyProp, o as SliderProp, p as SwitchProp, T as TextareaProp, q as TimePickerProp, r as TransferItemProp, s as TransferProp, t as TreeFieldNamesProp, u as TreeOptionProp, v as TreeSelectProp, x as UploadFileItemProp, y as UploadProp, A as UploadVariantProp } from '../../data-entry.prop-vn5VGnwY.js';
 export { B as BadgeProp, D as DataTableProp, a as DescriptionsItemProp, b as DescriptionsProp, E as EmptyStateProp } from '../../data-display.prop-CT0nVMdp.js';
 export { A as AlertActionsProp, a as AlertContentProp, b as AlertDescriptionProp, d as AlertProp, e as AlertQueryErrorProp, f as AlertTitleProp, S as SkeletonRowsProp } from '../../feedback.prop-CHlHDYZK.js';
-export { D as DataStateProp, I as InfiniteQueryHelpers, a as InfiniteQueryStateProp, P as PrefetchLinkProp } from '../../query.prop-CsRuaXNb.js';
+export { D as DataStateProp, I as InfiniteQueryHelpers, a as InfiniteQueryStateProp, P as PrefetchLinkProp } from '../../query.prop-DAILZ0x5.js';
 export { P as PaginationProp, S as StepItemProp, a as StepStatusProp, b as StepsProp, T as TabItemProp, c as TabsProp } from '../../navigation.prop-FCsOVGrP.js';
 export { A as AppContextValue, a as AppProviderProp, b as AppSettingKind, c as AppSettingPickerProp } from '../../app.prop-CVY8V4ss.js';
 export { F as FieldErrorMessageProp, a as FormFieldControlProp, b as FormRootProp, U as UseZodFormOptionsProp, c as UseZodFormReturnProp, Z as ZodSchemaProp } from '../../form.prop-5cyL3bvT.js';

package/dist/props/index.d.ts

@@ -5,11 +5,11 @@ export { A as AlertVariantProp, B as BadgeVariantProp, a as BreakpointProp, b as
 export { B as BreadcrumbItem, B as BreadcrumbItemProp, a as BreadcrumbProp } from '../navigation.prop-CXDaVNaR.js';
 export { C as ColumnDef, C as ColumnDefProp, G as GetRowIdProp, H as HasActiveFiltersProp, O as OnClearFiltersProp, a as OnRowClickProp, b as OnSearchChangeProp, c as OnSelectChangeProp, d as OnSortChangeProp, e as OnTableDensityChangeProp, S as SelectedIdsProp } from '../data.prop-D0UEEczj.js';
 export { A as AppShellProp, P as PageContainerProp, P as PageContainerProps, d as PageInsetProp, e as SidebarItemProp, f as SidebarProductProp, g as SidebarProp, h as SidebarSectionProp, T as TopbarProductProp, i as TopbarProjectProp, j as TopbarProp } from '../layout.prop-D2be7gOo.js';
-export { B as ButtonProp, B as ButtonProps } from '../general.prop-CBQ_KVtR.js';
-export { C as CalendarProp, a as CascaderProp, b as CheckboxGroupProp, c as CheckboxProp, d as ChoiceOptionProp, e as ColorPickerProp, D as DatePickerProp, f as DateRangePickerProp, g as FormFieldProp, I as InputProp, R as RadioGroupProp, i as RadioProp, S as SearchInputProp, n as ShowCheckedStrategyProp, o as SliderProp, p as SwitchProp, T as TextareaProp, q as TimePickerProp, r as TransferItemProp, s as TransferProp, t as TreeFieldNamesProp, u as TreeOptionProp, v as TreeSelectProp, x as UploadFileItemProp, y as UploadProp, A as UploadVariantProp } from '../data-entry.prop-D92hPBuo.js';
+export { B as ButtonProp, B as ButtonProps } from '../general.prop-CzcLDzMw.js';
+export { C as CalendarProp, a as CascaderProp, b as CheckboxGroupProp, c as CheckboxProp, d as ChoiceOptionProp, e as ColorPickerProp, D as DatePickerProp, f as DateRangePickerProp, g as FormFieldProp, I as InputProp, R as RadioGroupProp, i as RadioProp, S as SearchInputProp, n as ShowCheckedStrategyProp, o as SliderProp, p as SwitchProp, T as TextareaProp, q as TimePickerProp, r as TransferItemProp, s as TransferProp, t as TreeFieldNamesProp, u as TreeOptionProp, v as TreeSelectProp, x as UploadFileItemProp, y as UploadProp, A as UploadVariantProp } from '../data-entry.prop-vn5VGnwY.js';
 export { B as BadgeProp, D as DataTableProp, a as DescriptionsItemProp, b as DescriptionsProp, E as EmptyStateProp } from '../data-display.prop-CT0nVMdp.js';
 export { A as AlertActionsProp, a as AlertContentProp, b as AlertDescriptionProp, d as AlertProp, e as AlertQueryErrorProp, f as AlertTitleProp, S as SkeletonRowsProp } from '../feedback.prop-CHlHDYZK.js';
-export { D as DataStateProp, I as InfiniteQueryHelpers, a as InfiniteQueryStateProp, P as PrefetchLinkProp } from '../query.prop-CsRuaXNb.js';
+export { D as DataStateProp, I as InfiniteQueryHelpers, a as InfiniteQueryStateProp, P as PrefetchLinkProp } from '../query.prop-DAILZ0x5.js';
 export { P as PaginationProp, S as StepItemProp, a as StepStatusProp, b as StepsProp, T as TabItemProp, c as TabsProp } from '../navigation.prop-FCsOVGrP.js';
 export { A as AppContextValue, a as AppProviderProp, b as AppSettingKind, c as AppSettingPickerProp } from '../app.prop-CVY8V4ss.js';
 export { F as FieldErrorMessageProp, a as FormFieldControlProp, b as FormRootProp, U as UseZodFormOptionsProp, c as UseZodFormReturnProp, Z as ZodSchemaProp } from '../form.prop-5cyL3bvT.js';

package/dist/{query.prop-CsRuaXNb.d.ts → query.prop-DAILZ0x5.d.ts}

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { UseQueryResult, UseInfiniteQueryResult, InfiniteData, QueryKey, UseMutationResult } from '@tanstack/react-query';
 import { LinkProps } from 'react-router-dom';
-import { B as ButtonProp } from './general.prop-CBQ_KVtR.js';
+import { B as ButtonProp } from './general.prop-CzcLDzMw.js';
 import { H as HandlerProp, a as ClassNameProp } from './shared.prop-BvMSLFJ6.js';
 
 /** Query / async lifecycle helpers — @see docs/COMPONENTS.md#query */

package/dist/{search-input-D29GSk0W.d.ts → search-input-Oxwpv_s9.d.ts}

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { g as FormFieldProp, F as FieldProp } from './data-entry.prop-D92hPBuo.js';
+import { g as FormFieldProp, F as FieldProp } from './data-entry.prop-vn5VGnwY.js';
 import * as React from 'react';
 
 declare function FormField({ id, label, required, helper, error, labelAddon, layout: layoutProp, labelWidth: labelWidthProp, controlWidth: controlWidthProp, colSpan, className, children, }: FormFieldProp): react_jsx_runtime.JSX.Element;

package/dist/styles/control.css

@@ -165,6 +165,17 @@
     height: var(--control-icon-size-sm);
   }
 
+  /* A Badge nested in a Button is a compact count/indicator chip, not a free-standing status
+   * chip. A full-height badge grows to the button's inner edges, so its border and (tighter)
+   * corner radius collide with the button's rounded border — it looks like the badge "cuts"
+   * the button outline. Drop its own vertical padding and pin the line box + radius so it
+   * always sits cleanly inside the button at every control height. */
+  .ui-button [data-slot="badge"] {
+    padding-block: 0;
+    line-height: var(--line-height-tight);
+    border-radius: var(--radius-sm);
+  }
+
   .ui-button--lg {
     height: var(--control-height-lg);
     padding-inline: var(--space-8);
@@ -712,7 +723,7 @@
   display: flex;
   flex-wrap: wrap;
   align-items: center;
-  gap: var(--space-1);
+  gap: var(--space-2);
   min-height: var(--control-height);
   padding: var(--space-1) var(--space-2);
   border: 1px solid hsl(var(--input));
@@ -727,6 +738,18 @@
   opacity: 0.6;
   cursor: not-allowed;
 }
+/* The chip list is its own flex row: a real `gap` separates peer chips on the
+   8px step (distinct concepts, not a tight group) instead of relying on
+   collapsed inline whitespace, and flex drops the inter-element whitespace. */
+.ui-tag-input-list {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: var(--space-2);
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
 .ui-tag-input-chip {
   display: inline-flex;
   align-items: center;

package/dist/styles/form-layout.css

@@ -31,12 +31,22 @@
 
   .ui-form-field-control {
     display: grid;
+    /* Single column capped to the field width. Without an explicit track the
+     * implicit column sizes to content (max-content), so a wide control (e.g. a
+     * Select with a long value) overflows its grid cell and overlaps siblings. */
+    grid-template-columns: minmax(0, 1fr);
     gap: var(--space-stack-xs); /* 4px between control and helper/error */
     min-width: 0;
     /* Cap the control width when a controlWidth is set; otherwise fill the column. */
     max-inline-size: var(--form-control-width, none);
   }
 
+  /* Let controls (and helper/error) shrink within the cell instead of forcing
+   * the column to their intrinsic width. */
+  .ui-form-field-control > * {
+    min-width: 0;
+  }
+
   /* ── Horizontal — label beside control. Each block is scoped to [data-layout=horizontal|inline]
    * so it NEVER affects a vertical field. Applies from the collapse breakpoint up (mobile-first). */
 

package/dist/styles/index.css

@@ -128,6 +128,23 @@
     border-color: hsl(var(--border));
   }
 
+  /* Visually-hidden, absolutely-positioned helpers must never affect layout or scroll height.
+   *
+   * Radix renders a hidden native form-fallback (BubbleSelect/BubbleInput) for Select, Checkbox,
+   * Switch and RadioGroup; it is `position:absolute` with NO top/left, so when the control has no
+   * positioned ancestor its static box resolves far down the page and inflates
+   * `document.scrollHeight` → phantom empty scroll space (gh#105). The same is true of the
+   * `.sr-only` clamp (Tailwind / our own status + file-input nodes). These fallbacks are always
+   * `aria-hidden` + `tabindex=-1`. Pinning every such node to the top-left of its containing block
+   * makes it impossible for it to extend the scroll height, regardless of consumer markup — no DOM
+   * wrapper or per-component positioning required. Inside the AppShell the `.app-main { contain:
+   * paint }` boundary (gh#104) already contains these; this rule protects every other call site too. */
+  :where(select, input)[aria-hidden="true"][tabindex="-1"],
+  .sr-only {
+    top: 0;
+    left: 0;
+  }
+
   body {
     background-color: hsl(var(--background));
     color: hsl(var(--foreground));

package/dist/styles/shell-layout.css

@@ -49,6 +49,16 @@
     grid-area: main;
     min-width: 0;
     overflow: auto;
+    /* Sole scroll/clip boundary for the page area. `overflow:auto` alone does NOT reliably
+     * establish a paint-containment boundary in Chrome: tall nested scrollers (a two-pane
+     * `grid` of long lists, a nested `overflow-y:auto` region) — or any absolutely-positioned
+     * descendant (Radix form-fallback bubbles, `.sr-only` nodes) — can leak their clipped
+     * extent into the DOCUMENT scroll, so the window scrolls past the content into a
+     * full-viewport void below the fold even though `.app-root` is exactly 100vh.
+     * `contain:paint` makes `.app-main` the real clip boundary + containing block, so its
+     * content can never extend the document scroll height (gh#104 — same shell-containment
+     * family as the gh#103 body-stretch void). */
+    contain: paint;
   }
 
   .app-footer {