@stll/ui 0.66.0 → 0.68.0

package/dist/components/sheet.js

@@ -1,11 +1,11 @@
 "use client";
 import { XIcon } from "../icons.js";
-import { cn } from "../lib/utils.js";
 import { OVERLAY_LAYER_CLASS_NAMES } from "../lib/overlay-layer.js";
 import "../lib/safe-area.js";
-import { renderTooltipTrigger } from "./tooltip-trigger-helper.js";
+import { cn } from "../lib/utils.js";
 import { Button } from "./button.js";
 import { ScrollArea } from "./scroll-area.js";
+import { renderTooltipTrigger } from "./tooltip-trigger-helper.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Dialog } from "@base-ui/react/dialog";
 // src/components/sheet.tsx

package/dist/components/sheet.native.js

@@ -1,5 +1,5 @@
-import { Text as Text$1 } from "./text.native.js";
 import { Button } from "./button.native.js";
+import { Text as Text$1 } from "./text.native.js";
 import { jsx } from "react/jsx-runtime";
 import { createContext, use } from "react";
 import { KeyboardAvoidingView, Modal, Platform, ScrollView, View } from "react-native";

package/dist/components/sidebar.js

@@ -1,15 +1,15 @@
 "use client";
+import { useIsMobile } from "../hooks/use-mobile.js";
 import { PanelLeftIcon, PanelRightIcon } from "../icons.js";
+import { Slot } from "../lib/slot.js";
 import { cn } from "../lib/utils.js";
-import { Tooltip, TooltipContent as TooltipPopup, TooltipTrigger } from "./tooltip.js";
-import { useIsMobile } from "../hooks/use-mobile.js";
 import { Button } from "./button.js";
-import { Sheet, SheetContent as SheetPopup, SheetDescription, SheetHeader, SheetTitle } from "./sheet.js";
 import { Input } from "./input.js";
 import { Separator } from "./separator.js";
-import { Slot } from "../lib/slot.js";
+import { Sheet, SheetContent as SheetPopup, SheetDescription, SheetHeader, SheetTitle } from "./sheet.js";
 import { deriveSidebarState, nextOpenMobile, nextRequestedOpen, resolveSidebarLayout, resolveSidebarOpen } from "./sidebar.logic.js";
 import { Skeleton } from "./skeleton.js";
+import { Tooltip, TooltipContent as TooltipPopup, TooltipTrigger } from "./tooltip.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { createContext, use, useId, useState } from "react";
 import { mergeProps } from "@base-ui/react/merge-props";

package/dist/components/split-button.js

@@ -2,8 +2,8 @@
 import { ChevronDownIcon } from "../icons.js";
 import { cn } from "../lib/utils.js";
 import { BUTTON_CONTENT, Button } from "./button.js";
-import { Popover, PopoverTrigger } from "./popover.js";
 import { DropdownMenu as Menu, DropdownMenuTrigger as MenuTrigger } from "./menu.js";
+import { Popover, PopoverTrigger } from "./popover.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 // src/components/split-button.tsx
 /** Two independent actions share quiet chrome; only the chevron opens the secondary surface. */

package/dist/components/table.js

@@ -82,7 +82,7 @@ const SortableHead = ({ children, sortDirection = null, onSort, trailing, classN
 		children: /* @__PURE__ */ jsxs("span", {
 			className: "inline-flex items-center gap-1",
 			children: [/* @__PURE__ */ jsxs(Button, {
-				className: cn("min-w-0 gap-1", endAligned ? "-me-3 flex-row-reverse" : "-ms-3"),
+				className: cn("min-w-0 gap-1 px-2.5", endAligned ? "-me-2.5 flex-row-reverse" : "-ms-2.5"),
 				onClick: onSort,
 				type: "button",
 				variant: "muted",

package/dist/components/tabs.js

@@ -1,6 +1,6 @@
 "use client";
-import { cn, composeRefs } from "../lib/utils.js";
 import { hasTabOrderChanged, revealActiveTab } from "../lib/tab-order.js";
+import { cn, composeRefs } from "../lib/utils.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useLayoutEffect, useRef, useState } from "react";
 import { Tabs as Tabs$1 } from "@base-ui/react/tabs";

package/dist/components/textarea.js

@@ -1,7 +1,7 @@
 "use client";
-import { cn } from "../lib/utils.js";
-import { CONTROL_SIZE } from "../lib/control-size.js";
 import { useContentDir } from "../hooks/use-content-dir.js";
+import { CONTROL_SIZE } from "../lib/control-size.js";
+import { cn } from "../lib/utils.js";
 import { INLINE_FIELD_CLASS_NAME } from "./input-control.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";

package/dist/components/toast.js

@@ -1,9 +1,9 @@
 "use client";
 import { CircleAlertIcon, CircleCheckIcon, InfoIcon, TriangleAlertIcon, XIcon } from "../icons.js";
-import { cn } from "../lib/utils.js";
 import { SAFE_AREA_TOAST_GEOMETRY_CLASS_NAME } from "../lib/safe-area.js";
-import { Loader } from "./loader.js";
+import { cn } from "../lib/utils.js";
 import { buttonVariants } from "./button.js";
+import { Loader } from "./loader.js";
 import { ScrollArea } from "./scroll-area.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React$1 from "react";
@@ -108,7 +108,7 @@ const Toasts = ({ position }) => {
 								"data-slot": "toast-action",
 								children: toastItem.actionProps.children
 							}), /* @__PURE__ */ jsx(Toast.Close, {
-								className: "text-muted-foreground hover:text-foreground shrink-0 cursor-pointer rounded p-0.5 select-none",
+								className: "text-muted-foreground hover:text-foreground shrink-0 cursor-pointer rounded-sm p-0.5 select-none",
 								"data-slot": "toast-close",
 								"aria-label": "Close notification",
 								children: /* @__PURE__ */ jsx(XIcon, { className: "size-4" })

package/dist/components/tooltip.js

@@ -1,7 +1,7 @@
 "use client";
-import { cn } from "../lib/utils.js";
 import { OVERLAY_LAYER_CLASS_NAMES } from "../lib/overlay-layer.js";
 import { CONTENT_SIZED_POSITIONER_CLASS_NAME, IN_FLOW_POPUP_CLASS_NAME } from "../lib/positioner-sizing.js";
+import { cn } from "../lib/utils.js";
 import { Kbd } from "./kbd.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Tooltip as Tooltip$1 } from "@base-ui/react/tooltip";

package/dist/components/truncated-text.js

@@ -1,8 +1,8 @@
 "use client";
-import { cn } from "../lib/utils.js";
-import { Tooltip, TooltipContent as TooltipPopup, TooltipTrigger } from "./tooltip.js";
 import { containedEventHandler } from "../hooks/use-contained-handler.js";
+import { cn } from "../lib/utils.js";
 import { Popover, PopoverContent as PopoverPopup } from "./popover.js";
+import { Tooltip, TooltipContent as TooltipPopup, TooltipTrigger } from "./tooltip.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React$1 from "react";
 import { mergeProps } from "@base-ui/react/merge-props";

package/dist/components/view-toolbar.d.ts

@@ -1,6 +1,10 @@
 import { Button } from "./button.js";
 import { ComponentProps } from "react";
-/** Shared view controls stay compact and scroll horizontally on small screens. */
+/**
+ * Shared view controls stay compact and scroll horizontally on small screens:
+ * the row never grows past its container, so a control past the edge is
+ * scrolled to rather than clipped.
+ */
 export declare const ViewToolbarChrome: ({ className, ...props }: ComponentProps<"div">) => import("react").JSX.Element;
 type ViewFilterButtonProps = Omit<ComponentProps<typeof Button>, "children" | "size" | "variant" | "aria-label" | "title"> & {
   label: string;

package/dist/components/view-toolbar.js

@@ -3,9 +3,13 @@ import { cn } from "../lib/utils.js";
 import { Button } from "./button.js";
 import { jsx } from "react/jsx-runtime";
 // src/components/view-toolbar.tsx
-/** Shared view controls stay compact and scroll horizontally on small screens. */
+/**
+* Shared view controls stay compact and scroll horizontally on small screens:
+* the row never grows past its container, so a control past the edge is
+* scrolled to rather than clipped.
+*/
 const ViewToolbarChrome = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
-	className: cn("flex min-w-0 shrink-0 [scrollbar-width:none] flex-nowrap items-center gap-1 overflow-x-auto px-2 py-1 [-ms-overflow-style:none] md:flex-wrap md:overflow-visible [&::-webkit-scrollbar]:hidden", className),
+	className: cn("flex max-w-full min-w-0 shrink-0 [scrollbar-width:none] flex-nowrap items-center gap-1 overflow-x-auto px-2 py-1 [-ms-overflow-style:none] md:flex-wrap md:overflow-visible [&::-webkit-scrollbar]:hidden", className),
 	...props
 });
 const ViewFilterButton = ({ label, ...props }) => /* @__PURE__ */ jsx(Button, {

package/dist/components/workspace-shell.js

@@ -1,10 +1,10 @@
 "use client";
+import { useIsMobile } from "../hooks/use-mobile.js";
 import { NewChatIcon } from "../icons.js";
-import { cn } from "../lib/utils.js";
+import { InspectorRail, InspectorRailCell, InspectorRailContent, InspectorRailFooter, InspectorRailIconButton } from "../inspector/chrome.js";
 import { SHELL_CHROME_LAYER_CLASS_NAME } from "../lib/overlay-layer.js";
 import { SAFE_AREA_BOTTOM_EDGE_CLASS_NAME, SAFE_AREA_TOP_EDGE_CLASS_NAME } from "../lib/safe-area.js";
-import { useIsMobile } from "../hooks/use-mobile.js";
-import { InspectorRail, InspectorRailCell, InspectorRailContent, InspectorRailFooter, InspectorRailIconButton } from "../inspector/chrome.js";
+import { cn } from "../lib/utils.js";
 import { Sheet, SheetContent as SheetPopup, SheetTitle, SheetTrigger } from "./sheet.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect } from "react";

package/dist/data-table/table.js

@@ -1,7 +1,7 @@
-import { cn } from "../lib/utils.js";
 import { Button } from "../components/button.js";
 import { Skeleton } from "../components/skeleton.js";
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "../components/table.js";
+import { cn } from "../lib/utils.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 // src/data-table/table.tsx
 const DataTable = ({ columns, emptyLabel, getRowProps, isLoading = false, loadingLabel, loadingRowCount = DEFAULT_LOADING_ROW_COUNT, rowAction, rowKey, rows }) => {

package/dist/index.js

@@ -1,84 +1,84 @@
-import { cn, composeRefs } from "./lib/utils.js";
 import { Accordion, AccordionContent as AccordionPanel, AccordionItem, AccordionTrigger } from "./components/accordion.js";
-import { PROPERTY_ROW_GRID, SIDE_RAIL_CONTAINER_CLASS, SIDE_RAIL_ICON_BUTTON_SIZE, SIDE_RAIL_TAB_ICON_SIZE, SIDE_RAIL_WIDTH, TOOLBAR_ROW_HEIGHT, TOOLBAR_ROW_HEIGHT_PX } from "./inspector/layout-tokens.js";
 import { APPLICATION_RAIL_BUTTON_SIZE, APPLICATION_RAIL_ICON_SIZE, APPLICATION_RAIL_WIDTH, ApplicationRail, ApplicationRailButton, ApplicationRailContent, ApplicationRailFooter, ApplicationRailHeader, ApplicationRailMenu, ApplicationRailSeparator } from "./components/application-rail.js";
-import { BOARD_DRAG_OVERLAY_Z_INDEX, OVERLAY_COLLISION_PADDING, OVERLAY_LAYER_CLASS_NAMES, SHELL_CHROME_LAYER_CLASS_NAME } from "./lib/overlay-layer.js";
-import { Kbd, formatKeys, kbdPlatformOf, useKbdPlatform } from "./components/kbd.js";
-import { TOOLTIP_OPEN_DELAY_MS, Tooltip, TooltipContent as TooltipPopup, TooltipCreateHandle, TooltipFactTrigger, TooltipProvider, TooltipTrigger } from "./components/tooltip.js";
+import { PROPERTY_ROW_GRID, SIDE_RAIL_CONTAINER_CLASS, SIDE_RAIL_ICON_BUTTON_SIZE, SIDE_RAIL_TAB_ICON_SIZE, SIDE_RAIL_WIDTH, TOOLBAR_ROW_HEIGHT, TOOLBAR_ROW_HEIGHT_PX } from "./inspector/layout-tokens.js";
 import { AlertDialog, AlertDialogBackdrop, AlertDialogClose, AlertDialogContent as AlertDialogPopup, AlertDialogCreateHandle, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogPanel, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertDialogViewport } from "./components/alert-dialog.js";
-import { useIsMobile } from "./hooks/use-mobile.js";
-import { BidiText, UserText, stripDirectionalControls, withoutDirectionalControls } from "./components/bidi-text.js";
-import { Inspector, InspectorActions, InspectorContent, InspectorDescription, InspectorEmptyRow, InspectorHeader, InspectorHeaderText, InspectorProperty, InspectorPropertyLabel, InspectorPropertyList, InspectorPropertyValue, InspectorRail, InspectorRailCell, InspectorRailContent, InspectorRailFooter, InspectorRailIconButton, InspectorRailTab, InspectorSection, InspectorSectionTitle, InspectorTitle } from "./inspector/chrome.js";
-import { StellaMark } from "./components/stella-mark.js";
-import { BUTTON_CONTENT, BUTTON_SIZE_CONTENT, Button, ButtonTextRun, buttonAccessibleDisabledClass, buttonVariants } from "./components/button.js";
-import { ScrollArea, ScrollBar } from "./components/scroll-area.js";
-import { Sheet, SheetBackdrop, SheetClose, SheetContent as SheetPopup, SheetDescription, SheetFooter, SheetHeader, SheetPanel, SheetPortal, SheetTitle, SheetTrigger } from "./components/sheet.js";
 import { WorkspaceEndRail, WorkspaceShell } from "./components/workspace-shell.js";
 import { Avatar, AvatarFallback, AvatarImage } from "./components/avatar.js";
 import { Badge, badgeVariants } from "./components/badge.js";
+import { BidiText, UserText, stripDirectionalControls, withoutDirectionalControls } from "./components/bidi-text.js";
 import { DiscordLogoIcon, GitHubLogoIcon, XLogoIcon } from "./components/brand-icons.js";
-import { DirectionalIcon } from "./components/directional-icon.js";
 import { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "./components/breadcrumb.js";
+import { Inspector, InspectorActions, InspectorContent, InspectorDescription, InspectorEmptyRow, InspectorHeader, InspectorHeaderText, InspectorProperty, InspectorPropertyLabel, InspectorPropertyList, InspectorPropertyValue, InspectorRail, InspectorRailCell, InspectorRailContent, InspectorRailFooter, InspectorRailIconButton, InspectorRailTab, InspectorSection, InspectorSectionTitle, InspectorTitle } from "./inspector/chrome.js";
+import { BUTTON_CONTENT, BUTTON_SIZE_CONTENT, Button, ButtonTextRun, buttonAccessibleDisabledClass, buttonVariants } from "./components/button.js";
 import { Checkbox } from "./components/checkbox.js";
 import { Collapsible, CollapsiblePanel, CollapsibleTrigger } from "./components/collapsible.js";
 import { ColorPicker, ColorPickerContent, DEFAULT_PRESETS } from "./components/color-picker.js";
-import { containedEventHandler, containedHandler } from "./hooks/use-contained-handler.js";
-import { CONTROL_SIZE, CONTROL_SIZES } from "./lib/control-size.js";
-import { contentDir, isStructuredInputType, useContentDir } from "./hooks/use-content-dir.js";
-import { Input } from "./components/input.js";
 import { Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxClear, ComboboxCollection, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxList, ComboboxPopup, ComboboxRow, ComboboxSeparator, ComboboxStatus, ComboboxTrigger, ComboboxValue } from "./components/combobox.js";
-import { DialogFormState } from "./components/dialog-form-state.js";
-import { DIALOG_MOBILE_LAYOUT, DIALOG_SIZE_CLASS_NAMES, Dialog, DialogBackdrop, DialogClose, DialogContent as DialogPopup, DialogCreateHandle, DialogDescription, DialogFooter, DialogHeader, DialogPanel, DialogPortal, DialogProvider, DialogTitle, DialogTrigger, DialogViewport } from "./components/dialog.js";
 import { Command, CommandCollection, CommandDialog, CommandDialogPopup, CommandDialogTrigger, CommandEmpty, CommandFooter, CommandGroup, CommandGroupLabel, CommandInput, CommandItem, CommandList, CommandPanel, CommandSeparator, CommandShortcut } from "./components/command.js";
 import { COPIED_RESET_MS, CopyButton, CopyFeedback, useCopiedFeedback, useCopyConfirmation } from "./components/copy-button.js";
 import { CalendarCell, CalendarEntryButton, CalendarEntrySurface, CalendarGrid, CalendarHeaderCell, CalendarHeaderRow } from "./calendar/primitives.js";
-import { assertConsecutiveCalendarDates, getResourceCalendarPlacement, layoutResourceCalendarEntries, nextCalendarDate } from "./calendar/resource-calendar.logic.js";
 import { ResourceCalendar } from "./calendar/resource-calendar.js";
-import { getFirstWeekday, getLocaleWeekInfo, getWeekendDays } from "./lib/week.js";
-import { Popover, PopoverClose, PopoverContent as PopoverPopup, PopoverCreateHandle, PopoverDescription, PopoverPanel, PopoverTitle, PopoverTrigger } from "./components/popover.js";
-import { useLatest } from "./hooks/use-latest.js";
-import { Select, SelectContent as SelectPopup, SelectGroup, SelectGroupLabel, SelectItem, SelectSeparator, SelectTrigger, SelectValue } from "./components/select.js";
+import { assertConsecutiveCalendarDates, getResourceCalendarPlacement, layoutResourceCalendarEntries, nextCalendarDate } from "./calendar/resource-calendar.logic.js";
 import { DatePickerPopover } from "./components/date-picker-popover.js";
 import { DetailsGrid, DetailsItem } from "./components/details-grid.js";
-import { Field, FieldControl, FieldDescription, FieldError, FieldItem, FieldLabel, FieldValidity } from "./components/field.js";
 import { DestructiveActionConfirmation, useDestructiveActionConfirmation } from "./components/destructive-action-confirmation.js";
 import { DestructiveConfirmDialog } from "./components/destructive-confirm-dialog.js";
+import { DIALOG_MOBILE_LAYOUT, DIALOG_SIZE_CLASS_NAMES, Dialog, DialogBackdrop, DialogClose, DialogContent as DialogPopup, DialogCreateHandle, DialogDescription, DialogFooter, DialogHeader, DialogPanel, DialogPortal, DialogProvider, DialogTitle, DialogTrigger, DialogViewport } from "./components/dialog.js";
+import { DirectionalIcon } from "./components/directional-icon.js";
+import { Field, FieldControl, FieldDescription, FieldError, FieldItem, FieldLabel, FieldValidity } from "./components/field.js";
 import { FileInput } from "./components/file-input.js";
+import { DialogFormState } from "./components/dialog-form-state.js";
 import { Form, formVariants } from "./components/form.js";
 import { Frame, FrameDescription, FrameFooter, FrameHeader, FramePanel, FrameTitle } from "./components/frame.js";
 import { HexColorPicker } from "./components/hex-color-picker.js";
+import { Input } from "./components/input.js";
 import { InlineRenameInput } from "./components/inline-rename.js";
-import { Textarea } from "./components/textarea.js";
 import { InputGroup, InputGroupAddon, InputGroupInput, InputGroupText, InputGroupTextarea } from "./components/input-group.js";
 import { List, ListEmpty, ListGroup, ListGroupAction, ListGroupCount, ListGroupDescription, ListGroupHeader, ListGroupHeading, ListGroupTitle, ListItem, ListItemActions, ListItemContent, ListItemDescription, ListItemMedia, ListItemStatus, ListItemTitle } from "./components/list.js";
 import { SearchField } from "./components/search-field.js";
 import { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot } from "./components/input-otp.js";
+import { Kbd, formatKeys, kbdPlatformOf, useKbdPlatform } from "./components/kbd.js";
 import { Label } from "./components/label.js";
 import { DropdownMenu as Menu, DropdownMenuCheckboxItem as MenuCheckboxItem, DropdownMenuContent as MenuPopup, DropdownMenuCreateHandle as MenuCreateHandle, DropdownMenuGroup as MenuGroup, DropdownMenuItem as MenuItem, DropdownMenuLabel as MenuGroupLabel, DropdownMenuLinkItem as MenuLinkItem, DropdownMenuPortal as MenuPortal, DropdownMenuRadioGroup as MenuRadioGroup, DropdownMenuRadioItem as MenuRadioItem, DropdownMenuSeparator as MenuSeparator, DropdownMenuShortcut as MenuShortcut, DropdownMenuSub as MenuSub, DropdownMenuSubContent as MenuSubPopup, DropdownMenuSubTrigger as MenuSubTrigger, DropdownMenuTrigger as MenuTrigger, MenuAnchor } from "./components/menu.js";
 import { MenuSection } from "./components/menu-section.js";
-import { getInitials } from "./lib/initials.js";
-import { ReviewAuthorAvatar, UNKNOWN_AUTHOR_LABEL } from "./review/review-author-avatar.js";
 import { OUTLINE_CONTROL_MIN_SIZE, OUTLINE_EMPHASIS, OutlineRail, outlineEntryText } from "./components/outline-rail.js";
 import { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from "./components/pagination.js";
+import { Popover, PopoverClose, PopoverContent as PopoverPopup, PopoverCreateHandle, PopoverDescription, PopoverPanel, PopoverTitle, PopoverTrigger } from "./components/popover.js";
 import { HoverCard as PreviewCard, HoverCardContent as PreviewCardPopup, HoverCardTrigger as PreviewCardTrigger, PreviewCardPrimitive } from "./components/preview-card.js";
 import { MenuPreviewLayout, PreviewPane } from "./components/preview-pane.js";
 import { LEGAL_TEXT_CLASS_NAME, Prose } from "./components/prose.js";
+import { ScrollArea, ScrollBar } from "./components/scroll-area.js";
 import { ScrollToTop } from "./components/scroll-to-top.js";
 import { SecretInput } from "./components/secret-input.js";
-import { Toggle } from "./components/toggle.js";
-import { ToggleGroup, ToggleGroupItem } from "./components/toggle-group.js";
 import { SegmentedIconToggle } from "./components/segmented-icon-toggle.js";
+import { Select, SelectContent as SelectPopup, SelectGroup, SelectGroupLabel, SelectItem, SelectSeparator, SelectTrigger, SelectValue } from "./components/select.js";
 import { ResizeSeparator, Separator, TextSeparator } from "./components/separator.js";
-import { Skeleton } from "./components/skeleton.js";
+import { Sheet, SheetBackdrop, SheetClose, SheetContent as SheetPopup, SheetDescription, SheetFooter, SheetHeader, SheetPanel, SheetPortal, SheetTitle, SheetTrigger } from "./components/sheet.js";
 import { PanelTrigger, SIDEBAR_WIDTH_ICON_PX, SIDEBAR_WIDTH_PX, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarIdentityButton, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, sidebarIdentityTriggerClassName, useSidebar, useSidebarInlineSize, useSidebarLayout } from "./components/sidebar.js";
+import { Skeleton } from "./components/skeleton.js";
+import { StellaMark } from "./components/stella-mark.js";
 import { StellaWordmarkLatin } from "./components/stella-wordmark.js";
 import { SortableHead, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from "./components/table.js";
 import { Tabs, TabsContent as TabsPanel, TabsList, TabsTab } from "./components/tabs.js";
+import { Textarea } from "./components/textarea.js";
 import { AnchoredToastProvider, TOAST_RIGHT_OFFSET_VAR, ToastProvider, resolveToastUpdateTimeout, stellaToast, toastCountdownMs, toastDedupeId } from "./components/toast.js";
+import { Toggle } from "./components/toggle.js";
+import { ToggleGroup, ToggleGroupItem } from "./components/toggle-group.js";
+import { TOOLTIP_OPEN_DELAY_MS, Tooltip, TooltipContent as TooltipPopup, TooltipCreateHandle, TooltipFactTrigger, TooltipProvider, TooltipTrigger } from "./components/tooltip.js";
 import { TruncatedText, isTextOverflowing } from "./components/truncated-text.js";
+import { containedEventHandler, containedHandler } from "./hooks/use-contained-handler.js";
+import { contentDir, isStructuredInputType, useContentDir } from "./hooks/use-content-dir.js";
+import { useLatest } from "./hooks/use-latest.js";
+import { useIsMobile } from "./hooks/use-mobile.js";
+import { useViewportWidth } from "./hooks/use-viewport-width.js";
+import { CONTROL_SIZE, CONTROL_SIZES } from "./lib/control-size.js";
+import { getInitials } from "./lib/initials.js";
+import { emptyColor, optionColors, resolveOptionColor } from "./lib/option-color.js";
+import { BOARD_DRAG_OVERLAY_Z_INDEX, OVERLAY_COLLISION_PADDING, OVERLAY_LAYER_CLASS_NAMES, SHELL_CHROME_LAYER_CLASS_NAME } from "./lib/overlay-layer.js";
+import { typedCharacter } from "./lib/typed-character.js";
 import { duplicateColumnIds, findTableColumn, hideableColumnIds, sortableColumnIds, tableColumnIds, tableColumnSizing, visibleColumnIds } from "./data-table/schema.js";
 import { DataTable } from "./data-table/table.js";
-import { useViewportWidth } from "./hooks/use-viewport-width.js";
+import { cn, composeRefs } from "./lib/utils.js";
 import { INSPECTOR_CONTENT_MIN_WIDTH, INSPECTOR_EDITOR_MIN_WIDTH, INSPECTOR_PANE_DEFAULT_WIDTH, INSPECTOR_PANE_MAX_WIDTH, INSPECTOR_PANE_MIN_WIDTH, INSPECTOR_RAIL_WIDTH, resolveInspectorDockWidth, resolveInspectorPaneMaxWidth, resolveInspectorPaneWidth, shouldForceSidebarCollapsed } from "./inspector/pane-width.js";
 import { InspectorDock } from "./inspector/dock.js";
 import { InspectorEntityTab, entityTabGlyph } from "./inspector/entity-tab.js";
@@ -100,9 +100,9 @@ import { KANBAN_DIRECTIONS, KANBAN_HORIZONTAL_EDGES, getKanbanHorizontalEdge } f
 import { KANBAN_BOARD_AUTO_SCROLL_SOURCES, KANBAN_CARD_DRAG_MIME, registerKanbanBoardAutoScroll, registerKanbanCardDrag } from "./kanban/drag-interactions.js";
 import { KANBAN_BAND_PEEK_DELAY_MS, KANBAN_BAND_PEEK_LINGER_MS } from "./kanban/band-peek.js";
 import { KanbanSubgroupBoard } from "./kanban/subgroup-board.js";
-import { emptyColor, optionColors, resolveOptionColor } from "./lib/option-color.js";
+import { getFirstWeekday, getLocaleWeekInfo, getWeekendDays } from "./lib/week.js";
 import { KANBAN_VIRTUAL_CELL_PAGINATION, KanbanVirtualCell } from "./kanban/virtual-cell.js";
-import { typedCharacter } from "./lib/typed-character.js";
+import { ReviewAuthorAvatar, UNKNOWN_AUTHOR_LABEL } from "./review/review-author-avatar.js";
 import { ReviewCommentCard } from "./review/review-comment-card.js";
 import { ReviewDecisionActions } from "./review/review-decision-actions.js";
 import { ReviewDiffDeletion, ReviewDiffInsertion, ReviewDiffText, TRACKED_DELETION_STYLE, TRACKED_INSERTION_STYLE, reviewDiffSegmentKeys } from "./review/review-diff-text.js";

package/dist/inspector/chrome.js

@@ -1,6 +1,6 @@
+import { withoutDirectionalControls } from "../components/bidi-text.js";
 import { cn } from "../lib/utils.js";
 import { PROPERTY_ROW_GRID, SIDE_RAIL_CONTAINER_CLASS, SIDE_RAIL_ICON_BUTTON_SIZE, TOOLBAR_ROW_HEIGHT } from "./layout-tokens.js";
-import { withoutDirectionalControls } from "../components/bidi-text.js";
 import { jsx } from "react/jsx-runtime";
 // src/inspector/chrome.tsx
 /**

package/dist/inspector/dock.js

@@ -1,6 +1,6 @@
 import { EllipsisIcon } from "../icons.js";
-import { cn } from "../lib/utils.js";
 import { SHELL_CHROME_LAYER_CLASS_NAME } from "../lib/overlay-layer.js";
+import { cn } from "../lib/utils.js";
 import "./pane-width.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 // src/inspector/dock.tsx

package/dist/inspector/entity-tab.js

@@ -1,7 +1,7 @@
-import { cn } from "../lib/utils.js";
 import { Tooltip, TooltipContent as TooltipPopup, TooltipTrigger } from "../components/tooltip.js";
-import { InspectorRailTab } from "./chrome.js";
 import { containedEventHandler } from "../hooks/use-contained-handler.js";
+import { cn } from "../lib/utils.js";
+import { InspectorRailTab } from "./chrome.js";
 import { resolveEntityTabActivateHandler, resolveEntityTabCloseHandler } from "./entity-tab.logic.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 // src/inspector/entity-tab.tsx

package/dist/inspector/facet-bar.js

@@ -1,10 +1,10 @@
-import { ChevronDownIcon } from "../icons.js";
-import { cn } from "../lib/utils.js";
-import { TOOLBAR_ROW_HEIGHT } from "./layout-tokens.js";
-import { Tooltip, TooltipContent as TooltipPopup, TooltipTrigger } from "../components/tooltip.js";
 import { Button } from "../components/button.js";
 import { DropdownMenu as Menu, DropdownMenuContent as MenuPopup, DropdownMenuItem as MenuItem, DropdownMenuTrigger as MenuTrigger } from "../components/menu.js";
+import { Tooltip, TooltipContent as TooltipPopup, TooltipTrigger } from "../components/tooltip.js";
+import { ChevronDownIcon } from "../icons.js";
+import { cn } from "../lib/utils.js";
 import { resolveFacetOverflow } from "./facet-bar.logic.js";
+import { TOOLBAR_ROW_HEIGHT } from "./layout-tokens.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
 // src/inspector/facet-bar.tsx

package/dist/inspector/index.js

@@ -1,8 +1,8 @@
-import { PROPERTY_ROW_GRID, SIDE_RAIL_CONTAINER_CLASS, SIDE_RAIL_ICON_BUTTON_SIZE, SIDE_RAIL_TAB_ICON_SIZE, SIDE_RAIL_WIDTH, TOOLBAR_ROW_HEIGHT, TOOLBAR_ROW_HEIGHT_PX } from "./layout-tokens.js";
 import { Inspector, InspectorActions, InspectorContent, InspectorDescription, InspectorEmptyRow, InspectorHeader, InspectorHeaderText, InspectorProperty, InspectorPropertyLabel, InspectorPropertyList, InspectorPropertyValue, InspectorRail, InspectorRailCell, InspectorRailContent, InspectorRailFooter, InspectorRailIconButton, InspectorRailTab, InspectorSection, InspectorSectionTitle, InspectorTitle } from "./chrome.js";
-import { INSPECTOR_CONTENT_MIN_WIDTH, INSPECTOR_EDITOR_MIN_WIDTH, INSPECTOR_PANE_DEFAULT_WIDTH, INSPECTOR_PANE_MAX_WIDTH, INSPECTOR_PANE_MIN_WIDTH, INSPECTOR_RAIL_WIDTH, resolveInspectorDockWidth, resolveInspectorPaneMaxWidth, resolveInspectorPaneWidth, shouldForceSidebarCollapsed } from "./pane-width.js";
 import { InspectorDock } from "./dock.js";
 import { InspectorEntityTab, entityTabGlyph } from "./entity-tab.js";
 import { InspectorFacetBar } from "./facet-bar.js";
+import { PROPERTY_ROW_GRID, SIDE_RAIL_CONTAINER_CLASS, SIDE_RAIL_ICON_BUTTON_SIZE, SIDE_RAIL_TAB_ICON_SIZE, SIDE_RAIL_WIDTH, TOOLBAR_ROW_HEIGHT, TOOLBAR_ROW_HEIGHT_PX } from "./layout-tokens.js";
+import { INSPECTOR_CONTENT_MIN_WIDTH, INSPECTOR_EDITOR_MIN_WIDTH, INSPECTOR_PANE_DEFAULT_WIDTH, INSPECTOR_PANE_MAX_WIDTH, INSPECTOR_PANE_MIN_WIDTH, INSPECTOR_RAIL_WIDTH, resolveInspectorDockWidth, resolveInspectorPaneMaxWidth, resolveInspectorPaneWidth, shouldForceSidebarCollapsed } from "./pane-width.js";
 import { INSPECTOR_PANE_KEYBOARD_PAGE_STEP, INSPECTOR_PANE_KEYBOARD_STEP, resolveDragWidth, resolveKeyboardWidth, useInspectorPaneWidth } from "./use-pane-width.js";
 export { INSPECTOR_CONTENT_MIN_WIDTH, INSPECTOR_EDITOR_MIN_WIDTH, INSPECTOR_PANE_DEFAULT_WIDTH, INSPECTOR_PANE_KEYBOARD_PAGE_STEP, INSPECTOR_PANE_KEYBOARD_STEP, INSPECTOR_PANE_MAX_WIDTH, INSPECTOR_PANE_MIN_WIDTH, INSPECTOR_RAIL_WIDTH, Inspector, InspectorActions, InspectorContent, InspectorDescription, InspectorDock, InspectorEmptyRow, InspectorEntityTab, InspectorFacetBar, InspectorHeader, InspectorHeaderText, InspectorProperty, InspectorPropertyLabel, InspectorPropertyList, InspectorPropertyValue, InspectorRail, InspectorRailCell, InspectorRailContent, InspectorRailFooter, InspectorRailIconButton, InspectorRailTab, InspectorSection, InspectorSectionTitle, InspectorTitle, PROPERTY_ROW_GRID, SIDE_RAIL_CONTAINER_CLASS, SIDE_RAIL_ICON_BUTTON_SIZE, SIDE_RAIL_TAB_ICON_SIZE, SIDE_RAIL_WIDTH, TOOLBAR_ROW_HEIGHT, TOOLBAR_ROW_HEIGHT_PX, entityTabGlyph, resolveDragWidth, resolveInspectorDockWidth, resolveInspectorPaneMaxWidth, resolveInspectorPaneWidth, resolveKeyboardWidth, shouldForceSidebarCollapsed, useInspectorPaneWidth };

package/dist/kanban/card-shell.js

@@ -1,5 +1,5 @@
-import { cn } from "../lib/utils.js";
 import { containedEventHandler } from "../hooks/use-contained-handler.js";
+import { cn } from "../lib/utils.js";
 import { KANBAN_CARD_STICKY_TOP_CLASS } from "./sticky-lane.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 // src/kanban/card-shell.tsx

package/dist/kanban/cell-action.js

@@ -1,6 +1,6 @@
+import { Button } from "../components/button.js";
 import { PlusIcon } from "../icons.js";
 import { cn } from "../lib/utils.js";
-import { Button } from "../components/button.js";
 import "./layout-tokens.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 // src/kanban/cell-action.tsx

package/dist/kanban/column-band-header.js

@@ -1,6 +1,6 @@
+import { DirectionalIcon } from "../components/directional-icon.js";
 import { ChevronDownIcon } from "../icons.js";
 import { cn } from "../lib/utils.js";
-import { DirectionalIcon } from "../components/directional-icon.js";
 import { KANBAN_CHROME_TOGGLE_COARSE_TARGET_CLASS } from "./layout-tokens.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 // src/kanban/column-band-header.tsx

package/dist/kanban/index.js

@@ -1,18 +1,18 @@
 import { selectKanbanCardFieldIds } from "./card-properties.js";
-import { KANBAN_CARD_STICKY_TOP_VAR, KANBAN_STICKY_TOP_VAR, KanbanCollapsedBandCaption } from "./sticky-lane.js";
 import { KanbanCardShell } from "./card-shell.js";
-import { KANBAN_BAND_CAPTION_ROW_HEIGHT, KANBAN_BAND_CAPTION_ROW_HEIGHT_PX, KANBAN_CHROME_ROW_HEIGHT, KANBAN_CHROME_ROW_HEIGHT_PX } from "./layout-tokens.js";
 import { KanbanCellAction } from "./cell-action.js";
 import { KanbanColumnBandHeader } from "./column-band-header.js";
-import { getKanbanGroupingPropertyId, getKanbanGroups, isKanbanGroupingRenderable, resolveKanbanGroupOptions, resolveKanbanGrouping, selectKanbanRows } from "./grouping.js";
-import { KANBAN_BOARD_AXES, buildKanbanBoardMatrix, createKanbanDropIntent, getKanbanBoardColumnIdentity, getKanbanBoardLaneIdentity, orderKanbanCellsByColumns } from "./matrix.js";
 import { KANBAN_COLLAPSED_BAND_WIDTH_CLASS, KANBAN_COLLAPSED_BAND_WIDTH_PX, KANBAN_COLUMN_GAP_PX, KANBAN_COLUMN_WIDTH_CLASS, KANBAN_COLUMN_WIDTH_PX, hasKanbanColumnBands, resolveKanbanColumnBands } from "./column-bands.js";
 import { KanbanColumnHeader } from "./column-header.js";
-import { KANBAN_BOARD_COLLISION_DETECTION, kanbanKeyboardCoordinates } from "./sortable-interactions.logic.js";
+import { KANBAN_BAND_CAPTION_ROW_HEIGHT, KANBAN_BAND_CAPTION_ROW_HEIGHT_PX, KANBAN_CHROME_ROW_HEIGHT, KANBAN_CHROME_ROW_HEIGHT_PX } from "./layout-tokens.js";
 import { KANBAN_BOARD_AUTO_SCROLL_OPTIONS, KANBAN_DRAG_OVERLAY_Z_INDEX, KANBAN_MOUSE_ACTIVATION_DISTANCE, KANBAN_SORTABLE_ACTIVATION_MODES, KANBAN_TOUCH_ACTIVATION_CONSTRAINT, KanbanCardDragSurface, KanbanDragHandle, KanbanSortableBoard, useKanbanDropTarget, useKanbanSortable, useKanbanSortableSensors } from "./sortable-interactions.js";
 import { KANBAN_DIRECTIONS, KANBAN_HORIZONTAL_EDGES, getKanbanHorizontalEdge } from "./sortable-edge.js";
 import { KANBAN_BOARD_AUTO_SCROLL_SOURCES, KANBAN_CARD_DRAG_MIME, registerKanbanBoardAutoScroll, registerKanbanCardDrag } from "./drag-interactions.js";
+import { KANBAN_BOARD_COLLISION_DETECTION, kanbanKeyboardCoordinates } from "./sortable-interactions.logic.js";
+import { getKanbanGroupingPropertyId, getKanbanGroups, isKanbanGroupingRenderable, resolveKanbanGroupOptions, resolveKanbanGrouping, selectKanbanRows } from "./grouping.js";
+import { KANBAN_BOARD_AXES, buildKanbanBoardMatrix, createKanbanDropIntent, getKanbanBoardColumnIdentity, getKanbanBoardLaneIdentity, orderKanbanCellsByColumns } from "./matrix.js";
 import { KANBAN_BAND_PEEK_DELAY_MS, KANBAN_BAND_PEEK_LINGER_MS } from "./band-peek.js";
 import { KanbanSubgroupBoard } from "./subgroup-board.js";
+import { KANBAN_CARD_STICKY_TOP_VAR, KANBAN_STICKY_TOP_VAR, KanbanCollapsedBandCaption } from "./sticky-lane.js";
 import { KANBAN_VIRTUAL_CELL_PAGINATION, KanbanVirtualCell } from "./virtual-cell.js";
 export { KANBAN_BAND_CAPTION_ROW_HEIGHT, KANBAN_BAND_CAPTION_ROW_HEIGHT_PX, KANBAN_BAND_PEEK_DELAY_MS, KANBAN_BAND_PEEK_LINGER_MS, KANBAN_BOARD_AUTO_SCROLL_OPTIONS, KANBAN_BOARD_AUTO_SCROLL_SOURCES, KANBAN_BOARD_AXES, KANBAN_BOARD_COLLISION_DETECTION, KANBAN_CARD_DRAG_MIME, KANBAN_CARD_STICKY_TOP_VAR, KANBAN_CHROME_ROW_HEIGHT, KANBAN_CHROME_ROW_HEIGHT_PX, KANBAN_COLLAPSED_BAND_WIDTH_CLASS, KANBAN_COLLAPSED_BAND_WIDTH_PX, KANBAN_COLUMN_GAP_PX, KANBAN_COLUMN_WIDTH_CLASS, KANBAN_COLUMN_WIDTH_PX, KANBAN_DIRECTIONS, KANBAN_DRAG_OVERLAY_Z_INDEX, KANBAN_HORIZONTAL_EDGES, KANBAN_MOUSE_ACTIVATION_DISTANCE, KANBAN_SORTABLE_ACTIVATION_MODES, KANBAN_STICKY_TOP_VAR, KANBAN_TOUCH_ACTIVATION_CONSTRAINT, KANBAN_VIRTUAL_CELL_PAGINATION, KanbanCardDragSurface, KanbanCardShell, KanbanCellAction, KanbanCollapsedBandCaption, KanbanColumnBandHeader, KanbanColumnHeader, KanbanDragHandle, KanbanSortableBoard, KanbanSubgroupBoard, KanbanVirtualCell, buildKanbanBoardMatrix, createKanbanDropIntent, getKanbanBoardColumnIdentity, getKanbanBoardLaneIdentity, getKanbanGroupingPropertyId, getKanbanGroups, getKanbanHorizontalEdge, hasKanbanColumnBands, isKanbanGroupingRenderable, kanbanKeyboardCoordinates, orderKanbanCellsByColumns, registerKanbanBoardAutoScroll, registerKanbanCardDrag, resolveKanbanColumnBands, resolveKanbanGroupOptions, resolveKanbanGrouping, selectKanbanCardFieldIds, selectKanbanRows, useKanbanDropTarget, useKanbanSortable, useKanbanSortableSensors };

package/dist/kanban/sortable-interactions.js

@@ -1,8 +1,8 @@
 "use client";
+import { Button } from "../components/button.js";
 import { GripVerticalIcon } from "../icons.js";
-import { cn } from "../lib/utils.js";
 import "../lib/overlay-layer.js";
-import { Button } from "../components/button.js";
+import { cn } from "../lib/utils.js";
 import { KANBAN_BOARD_COLLISION_DETECTION, KANBAN_DROP_TARGET_TYPES, clearKanbanKeyboardTarget, getKanbanKeyboardTargetState, isKanbanDropSettled, kanbanKeyboardCoordinates } from "./sortable-interactions.logic.js";
 import { isActiveTouchChange } from "./touch-identity.js";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/kanban/subgroup-board.js

@@ -1,12 +1,12 @@
+import { DirectionalIcon } from "../components/directional-icon.js";
 import { ChevronDownIcon } from "../icons.js";
 import { cn } from "../lib/utils.js";
-import { DirectionalIcon } from "../components/directional-icon.js";
-import { KANBAN_STICKY_TOP_CLASS, KANBAN_STICKY_TOP_VAR, KanbanCollapsedBandCaption } from "./sticky-lane.js";
-import { KANBAN_CHROME_TOGGLE_COARSE_TARGET_CLASS } from "./layout-tokens.js";
+import { createBandPeekController } from "./band-peek.js";
 import { KanbanColumnBandHeader } from "./column-band-header.js";
 import { KANBAN_COLLAPSED_BAND_WIDTH_CLASS, KANBAN_COLUMN_WIDTH_CLASS, resolveKanbanColumnBands } from "./column-bands.js";
 import { KANBAN_CARD_DRAG_MIME } from "./drag-interactions.js";
-import { createBandPeekController } from "./band-peek.js";
+import { KANBAN_CHROME_TOGGLE_COARSE_TARGET_CLASS } from "./layout-tokens.js";
+import { KANBAN_STICKY_TOP_CLASS, KANBAN_STICKY_TOP_VAR, KanbanCollapsedBandCaption } from "./sticky-lane.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo, useRef, useState } from "react";
 // src/kanban/subgroup-board.tsx

package/dist/kanban/virtual-cell.js

@@ -1,7 +1,7 @@
+import { resolveOptionColor } from "../lib/option-color.js";
 import { cn } from "../lib/utils.js";
-import { KANBAN_CARD_STICKY_TOP_VAR, KANBAN_STICKY_TOP_CLASS, resolveKanbanCardStickyTop } from "./sticky-lane.js";
 import { useKanbanDropTarget } from "./sortable-interactions.js";
-import { resolveOptionColor } from "../lib/option-color.js";
+import { KANBAN_CARD_STICKY_TOP_VAR, KANBAN_STICKY_TOP_CLASS, resolveKanbanCardStickyTop } from "./sticky-lane.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useId, useLayoutEffect, useRef, useState } from "react";
 import { useDndContext } from "@dnd-kit/core";

package/dist/lib/native-context-menu.d.ts

@@ -0,0 +1,24 @@
+/** Why a right-click keeps the native menu, or null when stella may take it. */
+export type NativeContextMenuReason = "editable" | "link" | "selection" | "shift";
+type ContextMenuEventLike = {
+  readonly shiftKey: boolean;
+  readonly target: EventTarget | null;
+};
+/** The element is, or sits inside, text the user can edit. */
+export declare const isEditableContextMenuTarget: (element: Element) => boolean;
+/** The element is, or sits inside, a link with a destination. */
+export declare const isLinkContextMenuTarget: (element: Element) => boolean;
+/** A non-empty text selection covers the element. */
+export declare const isSelectedTextContextMenuTarget: (element: Element) => boolean;
+/**
+ * Why this right-click keeps the browser's menu on an object, or null when
+ * the object's own actions open instead.
+ */
+export declare const nativeContextMenuReason: (event: ContextMenuEventLike) => NativeContextMenuReason | null;
+/**
+ * The narrower rule a desktop webview applies to a right-click nothing in the
+ * page handled: only editable or selected text keeps a (text) menu, since
+ * the webview's native menu elsewhere offers browser items such as reload.
+ */
+export declare const nativeTextContextMenuReason: (event: Pick<ContextMenuEventLike, "target">) => Extract<NativeContextMenuReason, "editable" | "selection"> | null;
+export {};

package/dist/lib/native-context-menu.js

@@ -0,0 +1,85 @@
+// src/lib/native-context-menu.ts
+/** Input types whose value is text a user edits; the others are controls. */
+const NON_TEXT_INPUT_TYPES = /* @__PURE__ */ new Set([
+	"button",
+	"checkbox",
+	"color",
+	"file",
+	"hidden",
+	"image",
+	"radio",
+	"range",
+	"reset",
+	"submit"
+]);
+/** The element a right-click landed on; a text node answers for its parent. */
+const elementOf = (target) => {
+	if (target instanceof Element) return target;
+	if (target instanceof Node) return target.parentElement;
+	return null;
+};
+/**
+* What a `contenteditable` value means under the HTML standard: its keywords
+* match ASCII case-insensitively, the empty string means "true", and an
+* invalid value inherits from the parent.
+*/
+const contentEditableState = (value) => {
+	if (value === null) return "inherit";
+	switch (value.toLowerCase()) {
+		case "":
+		case "true":
+		case "plaintext-only": return "editable";
+		case "false": return "not-editable";
+		default: return "inherit";
+	}
+};
+/** The element is, or sits inside, text the user can edit. */
+const isEditableContextMenuTarget = (element) => {
+	const field = element.closest("input, textarea");
+	if (field !== null) {
+		const type = field.getAttribute("type")?.toLowerCase() ?? "text";
+		if (field.tagName.toLowerCase() === "textarea") return true;
+		return !NON_TEXT_INPUT_TYPES.has(type);
+	}
+	for (let current = element.closest("[contenteditable]"); current !== null; current = current.parentElement?.closest("[contenteditable]") ?? null) {
+		const state = contentEditableState(current.getAttribute("contenteditable"));
+		if (state !== "inherit") return state === "editable";
+	}
+	return false;
+};
+/** The element is, or sits inside, a link with a destination. */
+const isLinkContextMenuTarget = (element) => element.closest("a[href]") !== null;
+/** A non-empty text selection covers the element. */
+const isSelectedTextContextMenuTarget = (element) => {
+	const selection = element.ownerDocument.defaultView?.getSelection() ?? null;
+	if (selection === null || selection.isCollapsed) return false;
+	if (selection.toString().trim() === "") return false;
+	for (let index = 0; index < selection.rangeCount; index += 1) if (selection.getRangeAt(index).intersectsNode(element)) return true;
+	return false;
+};
+/**
+* Why this right-click keeps the browser's menu on an object, or null when
+* the object's own actions open instead.
+*/
+const nativeContextMenuReason = (event) => {
+	if (event.shiftKey) return "shift";
+	const element = elementOf(event.target);
+	if (element === null) return null;
+	if (isEditableContextMenuTarget(element)) return "editable";
+	if (isSelectedTextContextMenuTarget(element)) return "selection";
+	if (isLinkContextMenuTarget(element)) return "link";
+	return null;
+};
+/**
+* The narrower rule a desktop webview applies to a right-click nothing in the
+* page handled: only editable or selected text keeps a (text) menu, since
+* the webview's native menu elsewhere offers browser items such as reload.
+*/
+const nativeTextContextMenuReason = (event) => {
+	const element = elementOf(event.target);
+	if (element === null) return null;
+	if (isEditableContextMenuTarget(element)) return "editable";
+	if (isSelectedTextContextMenuTarget(element)) return "selection";
+	return null;
+};
+export { isEditableContextMenuTarget, isLinkContextMenuTarget, isSelectedTextContextMenuTarget, nativeContextMenuReason, nativeTextContextMenuReason };

package/dist/review/review-author-avatar.js

@@ -1,6 +1,6 @@
-import { cn } from "../lib/utils.js";
 import { Avatar, AvatarFallback, AvatarImage } from "../components/avatar.js";
 import { getInitials } from "../lib/initials.js";
+import { cn } from "../lib/utils.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 // src/review/review-author-avatar.tsx
 /**