@dowel-ui/react 0.5.0 → 0.7.0

package/dist/index.js

@@ -1,4 +1,4 @@
-import { disabledStyles, focusRing, focusRingInset, iconSlot, invalidStyles } from "./lib/styles.js";
+import { disabledStyles, focusRing, focusRingInset, iconSlot, invalidStyles, mirrorForDirection } from "./lib/styles.js";
 import { cn } from "./lib/utils.js";
 import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "./components/accordion/accordion.js";
 import { ActivityContent, ActivityDescription, ActivityFeed, ActivityIndicator, ActivityItem, ActivityTime, ActivityTitle } from "./components/activity-feed/activity-feed.js";
@@ -26,12 +26,14 @@ import { Tool, ToolContent, ToolHeader, ToolPayload, ToolSection, toolVariants }
 import { Alert, AlertDescription, AlertTitle, alertVariants } from "./components/alert/alert.js";
 import { Avatar, AvatarFallback, AvatarImage, avatarVariants } from "./components/avatar/avatar.js";
 import { Badge, badgeVariants } from "./components/badge/badge.js";
+import { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "./components/breadcrumb/breadcrumb.js";
 import { Spinner, spinnerVariants } from "./components/spinner/spinner.js";
 import { Button, buttonVariants } from "./components/button/button.js";
 import { Calendar } from "./components/calendar/calendar.js";
 import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./components/card/card.js";
 import { Checkbox } from "./components/checkbox/checkbox.js";
 import { CodeBlock, CopyButton } from "./components/code-block/code-block.js";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "./components/collapsible/collapsible.js";
 import { Combobox, ComboboxContent, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxList, ComboboxTrigger, defaultComboboxFilter } from "./components/combobox/combobox.js";
 import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from "./components/dialog/dialog.js";
 import { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, defaultCommandFilter } from "./components/command/command.js";
@@ -43,6 +45,7 @@ import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMe
 import { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from "./components/table/table.js";
 import { DataTable, DataTableColumnHeader, DataTablePagination, DataTableViewOptions } from "./components/data-table/data-table.js";
 import { DatePicker, DateRangePicker } from "./components/date-picker/date-picker.js";
+import { DirectionProvider } from "./components/direction/direction.js";
 import { buildDiff, countChanges, groupIntoHunks, toSplitRows } from "./components/diff-viewer/diff-model.js";
 import { DiffViewer, DiffViewerToolbar } from "./components/diff-viewer/diff-viewer.js";
 import { DnsRecord, dnsHostForms } from "./components/dns-record/dns-record.js";
@@ -66,6 +69,7 @@ import { SecretField, maskSecret } from "./components/secret-field/secret-field.
 import { Separator } from "./components/separator/separator.js";
 import { SessionExpiry, describeCountdown, formatCountdown, secondsLeft, sessionPhase } from "./components/session-expiry/session-expiry.js";
 import { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, sheetVariants } from "./components/sheet/sheet.js";
+import { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuButton, SidebarMenuItem, SidebarMenuLabel, SidebarProvider, SidebarTrigger } from "./components/sidebar/sidebar.js";
 import { RESERVED_KEYS, describeShortcut, detectPlatform, formatShortcut, needsModifier, parseShortcut, serializeShortcut, shortcutFromKey, shortcutParts, shortcutsEqual } from "./components/shortcut-recorder/shortcut-model.js";
 import { ShortcutRecorder } from "./components/shortcut-recorder/shortcut-recorder.js";
 import { Skeleton } from "./components/skeleton/skeleton.js";
@@ -76,8 +80,9 @@ import { Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants, tabsTrigger
 import { TagsInput } from "./components/tags-input/tags-input.js";
 import { DEFAULT_PRESETS, TimeExpressionError, absoluteExpression, describeTimeRange, formatResolvedRange, isValidTimeRange, resolveExpression, resolveTimeRange } from "./components/time-range-picker/time-expression.js";
 import { TimeRange, TimeRangeCalendar, TimeRangeContent, TimeRangeExpression, TimeRangePresets, TimeRangeTrigger } from "./components/time-range-picker/time-range-picker.js";
+import { Textarea, textareaVariants } from "./components/textarea/textarea.js";
 import { DEFAULT_TOAST_DURATION, TOAST_LIMIT, toast, useToasts } from "./components/toast/toast-store.js";
 import { Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, Toaster, toastVariants } from "./components/toast/toast.js";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./components/tooltip/tooltip.js";
 import { COMPONENT_CATEGORIES, COMPONENT_STATUSES, defineMeta } from "./registry/schema.js";
-export { AIDisclosure, AIDisclosureProvenance, Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActionLedger, ActionLedgerEntry, ActionLedgerList, ActionLedgerPayload, ActionLedgerSelectionSummary, ActionLedgerToolbar, ActivityContent, ActivityDescription, ActivityFeed, ActivityIndicator, ActivityItem, ActivityTime, ActivityTitle, AgentPlan, AgentPlanStep, AgentPlanSteps, AgentPlanSummary, AgentStatus, Alert, AlertDescription, AlertTitle, ApprovalRequest, Avatar, AvatarFallback, AvatarImage, Badge, Button, COMPONENT_CATEGORIES, COMPONENT_STATUSES, CRON_SHORTCUTS, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, CodeBlock, Combobox, ComboboxContent, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxList, ComboboxTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ConfirmTyped, Conversation, ConversationMessages, ConversationScrollButton, ConversationStatus, CopyButton, Cron, CronBuilder, CronExpression, CronExpressionError, CronNextRuns, DEFAULT_PRESETS, DEFAULT_TOAST_DURATION, DataTable, DataTableColumnHeader, DataTablePagination, DataTableViewOptions, DatePicker, DateRangePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DiffViewer, DiffViewerToolbar, DnsRecord, Drawer, DrawerBody, DrawerCancel, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, EmptyStateActions, EmptyStateDescription, EmptyStateIcon, EmptyStateTitle, ExtractionReview, FileUpload, FileUploadItem, FileUploadList, FileUploadStatus, Form, FormControl, FormDescription, FormField, FormLabel, FormMessage, InlineCitation, InlineCompletion, Input, LOG_LEVELS, Label, LogViewer, LogViewerRow, LogViewerToolbar, Message, MessageActions, MessageAvatar, MessageBody, MessageFooter, Meter, MeterLegend, MeterValue, MetricDelta, ModelSelector, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PermissionMatrix, Popover, PopoverAnchor, PopoverArrow, PopoverClose, PopoverContent, PopoverTrigger, Progress, PromptInput, PromptInputCounter, PromptInputSubmit, PromptInputTextarea, PromptInputToolbar, RESERVED_KEYS, RadioGroup, RadioGroupItem, Reasoning, ReasoningContent, ReasoningTrigger, RecordDiff, RecordDiffSummary, RecordDiffTable, Response, ResponseCaret, SecretField, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Separator, SessionExpiry, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, ShortcutRecorder, Skeleton, Slider, Source, Sources, SourcesContent, SourcesTrigger, Spinner, StructuredConfidence, StructuredField, StructuredFieldError, StructuredOutput, SuggestedValue, Switch, SyncStatus, TOAST_LIMIT, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TagsInput, ThinkingIndicator, TimeExpressionError, TimeRange, TimeRangeCalendar, TimeRangeContent, TimeRangeExpression, TimeRangePresets, TimeRangeTrigger, Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, Toaster, TokenCount, TokenUsage, Tool, ToolContent, ToolHeader, ToolPayload, ToolSection, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, absoluteExpression, agentStatusVariants, alertVariants, avatarVariants, badgeVariants, buildDiff, buttonVariants, cellState, clampSpan, cn, compileQuery, countChanges, countGranted, defaultComboboxFilter, defaultCommandFilter, defineMeta, deltaVariants, describeCountdown, describeCron, describeShortcut, describeSyncState, describeTimeRange, detectPlatform, diffRecords, disabledStyles, disclosureVariants, dnsHostForms, emptyStateVariants, evidenceOf, findMatches, focusRing, focusRingInset, formatBytes, formatCountdown, formatResolvedRange, formatShortcut, groupIntoHunks, groupPermissions, groupState, iconSlot, inheritedFrom, inputVariants, invalidStyles, isSourced, isValidCron, isValidTimeRange, ledgerEntryVariants, maskSecret, matchesAccept, messageBodyVariants, messageVariants, needsModifier, nextRuns, parseCron, parseShortcut, progressVariants, resolveExpression, resolveTimeRange, secondsLeft, segment, segmentSource, selectTriggerVariants, serializeShortcut, sessionPhase, sheetVariants, shortcutFromKey, shortcutParts, shortcutsEqual, spinnerVariants, summarizeReview, syncState, tabsListVariants, tabsTriggerVariants, toSplitRows, toast, toastVariants, toolVariants, useLogStream, useOnlineStatus, useToasts, useUploadQueue, xhrUpload, zonedTimeToInstant };
+export { AIDisclosure, AIDisclosureProvenance, Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActionLedger, ActionLedgerEntry, ActionLedgerList, ActionLedgerPayload, ActionLedgerSelectionSummary, ActionLedgerToolbar, ActivityContent, ActivityDescription, ActivityFeed, ActivityIndicator, ActivityItem, ActivityTime, ActivityTitle, AgentPlan, AgentPlanStep, AgentPlanSteps, AgentPlanSummary, AgentStatus, Alert, AlertDescription, AlertTitle, ApprovalRequest, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, COMPONENT_CATEGORIES, COMPONENT_STATUSES, CRON_SHORTCUTS, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, CodeBlock, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, ComboboxContent, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxList, ComboboxTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ConfirmTyped, Conversation, ConversationMessages, ConversationScrollButton, ConversationStatus, CopyButton, Cron, CronBuilder, CronExpression, CronExpressionError, CronNextRuns, DEFAULT_PRESETS, DEFAULT_TOAST_DURATION, DataTable, DataTableColumnHeader, DataTablePagination, DataTableViewOptions, DatePicker, DateRangePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DiffViewer, DiffViewerToolbar, DirectionProvider, DnsRecord, Drawer, DrawerBody, DrawerCancel, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, EmptyStateActions, EmptyStateDescription, EmptyStateIcon, EmptyStateTitle, ExtractionReview, FileUpload, FileUploadItem, FileUploadList, FileUploadStatus, Form, FormControl, FormDescription, FormField, FormLabel, FormMessage, InlineCitation, InlineCompletion, Input, LOG_LEVELS, Label, LogViewer, LogViewerRow, LogViewerToolbar, Message, MessageActions, MessageAvatar, MessageBody, MessageFooter, Meter, MeterLegend, MeterValue, MetricDelta, ModelSelector, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PermissionMatrix, Popover, PopoverAnchor, PopoverArrow, PopoverClose, PopoverContent, PopoverTrigger, Progress, PromptInput, PromptInputCounter, PromptInputSubmit, PromptInputTextarea, PromptInputToolbar, RESERVED_KEYS, RadioGroup, RadioGroupItem, Reasoning, ReasoningContent, ReasoningTrigger, RecordDiff, RecordDiffSummary, RecordDiffTable, Response, ResponseCaret, SecretField, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Separator, SessionExpiry, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, ShortcutRecorder, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuButton, SidebarMenuItem, SidebarMenuLabel, SidebarProvider, SidebarTrigger, Skeleton, Slider, Source, Sources, SourcesContent, SourcesTrigger, Spinner, StructuredConfidence, StructuredField, StructuredFieldError, StructuredOutput, SuggestedValue, Switch, SyncStatus, TOAST_LIMIT, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TagsInput, Textarea, ThinkingIndicator, TimeExpressionError, TimeRange, TimeRangeCalendar, TimeRangeContent, TimeRangeExpression, TimeRangePresets, TimeRangeTrigger, Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, Toaster, TokenCount, TokenUsage, Tool, ToolContent, ToolHeader, ToolPayload, ToolSection, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, absoluteExpression, agentStatusVariants, alertVariants, avatarVariants, badgeVariants, buildDiff, buttonVariants, cellState, clampSpan, cn, compileQuery, countChanges, countGranted, defaultComboboxFilter, defaultCommandFilter, defineMeta, deltaVariants, describeCountdown, describeCron, describeShortcut, describeSyncState, describeTimeRange, detectPlatform, diffRecords, disabledStyles, disclosureVariants, dnsHostForms, emptyStateVariants, evidenceOf, findMatches, focusRing, focusRingInset, formatBytes, formatCountdown, formatResolvedRange, formatShortcut, groupIntoHunks, groupPermissions, groupState, iconSlot, inheritedFrom, inputVariants, invalidStyles, isSourced, isValidCron, isValidTimeRange, ledgerEntryVariants, maskSecret, matchesAccept, messageBodyVariants, messageVariants, mirrorForDirection, needsModifier, nextRuns, parseCron, parseShortcut, progressVariants, resolveExpression, resolveTimeRange, secondsLeft, segment, segmentSource, selectTriggerVariants, serializeShortcut, sessionPhase, sheetVariants, shortcutFromKey, shortcutParts, shortcutsEqual, spinnerVariants, summarizeReview, syncState, tabsListVariants, tabsTriggerVariants, textareaVariants, toSplitRows, toast, toastVariants, toolVariants, useLogStream, useOnlineStatus, useToasts, useUploadQueue, xhrUpload, zonedTimeToInstant };

package/dist/lib/styles.d.ts

@@ -16,6 +16,21 @@ declare const disabledStyles = "disabled:pointer-events-none disabled:opacity-55
 declare const invalidStyles = "aria-invalid:border-destructive aria-invalid:focus-visible:ring-destructive/40";
 /** Sizes any icon rendered as a direct child of a control. */
 declare const iconSlot = "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
+/**
+ * Mirrors an icon that points along the reading direction.
+ *
+ * A chevron meaning "forward" points right in English and left in Arabic.
+ * Logical CSS does not help here: the glyph is drawn, not laid out, so the
+ * class list mirrors the box while the arrow inside it goes on pointing the
+ * wrong way. The result is a fully mirrored page whose "next" button points
+ * back the way you came.
+ *
+ * Only for icons whose meaning is directional. A chevron pointing *down* to
+ * open a select means down in every language, and flipping it horizontally
+ * would be flipping a thing that was never sided. Nor is a tick, a cross or a
+ * spinner.
+ */
+declare const mirrorForDirection = "rtl:-scale-x-100";
 //#endregion
-export { disabledStyles, focusRing, focusRingInset, iconSlot, invalidStyles };
+export { disabledStyles, focusRing, focusRingInset, iconSlot, invalidStyles, mirrorForDirection };
 //# sourceMappingURL=styles.d.ts.map

package/dist/lib/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","names":[],"sources":["../../src/lib/styles.ts"],"mappings":";;;;;;;;;cASa;;cAIA;;cAGA;;cAIA;;cAIA"}
+{"version":3,"file":"styles.d.ts","names":[],"sources":["../../src/lib/styles.ts"],"mappings":";;;;;;;;;cASa;;cAIA;;cAGA;;cAIA;;cAIA;;;;;;;;;;;;;;;cAiBA"}

package/dist/lib/styles.js

@@ -16,7 +16,22 @@ const disabledStyles = "disabled:pointer-events-none disabled:opacity-55 aria-di
 const invalidStyles = "aria-invalid:border-destructive aria-invalid:focus-visible:ring-destructive/40";
 /** Sizes any icon rendered as a direct child of a control. */
 const iconSlot = "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
+/**
+* Mirrors an icon that points along the reading direction.
+*
+* A chevron meaning "forward" points right in English and left in Arabic.
+* Logical CSS does not help here: the glyph is drawn, not laid out, so the
+* class list mirrors the box while the arrow inside it goes on pointing the
+* wrong way. The result is a fully mirrored page whose "next" button points
+* back the way you came.
+*
+* Only for icons whose meaning is directional. A chevron pointing *down* to
+* open a select means down in every language, and flipping it horizontally
+* would be flipping a thing that was never sided. Nor is a tick, a cross or a
+* spinner.
+*/
+const mirrorForDirection = "rtl:-scale-x-100";
 //#endregion
-export { disabledStyles, focusRing, focusRingInset, iconSlot, invalidStyles };
+export { disabledStyles, focusRing, focusRingInset, iconSlot, invalidStyles, mirrorForDirection };
 
 //# sourceMappingURL=styles.js.map

package/dist/lib/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":[],"sources":["../../src/lib/styles.ts"],"sourcesContent":["/**\n * Style fragments shared across components.\n *\n * These exist so interaction states are defined once. If focus rings or\n * disabled treatment need to change, they change here and every component\n * follows — which is what keeps the system visually coherent (design spec §12).\n */\n\n/** Keyboard focus ring. Deliberately not applied on pointer focus. */\nexport const focusRing =\n  \"outline-none focus-visible:ring-2 focus-visible:ring-ring/55 focus-visible:ring-offset-2 focus-visible:ring-offset-background\";\n\n/** Focus ring for controls that sit flush inside a bordered container. */\nexport const focusRingInset = \"outline-none focus-visible:ring-2 focus-visible:ring-ring/55\";\n\n/** Applied to natively disabled elements and `aria-disabled` ones alike. */\nexport const disabledStyles =\n  \"disabled:pointer-events-none disabled:opacity-55 aria-disabled:pointer-events-none aria-disabled:opacity-55\";\n\n/** Invalid-state treatment driven by `aria-invalid`, never by a bespoke prop. */\nexport const invalidStyles =\n  \"aria-invalid:border-destructive aria-invalid:focus-visible:ring-destructive/40\";\n\n/** Sizes any icon rendered as a direct child of a control. */\nexport const iconSlot =\n  \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\";\n"],"mappings":";;;;;;;;;AASA,MAAa,YACX;;AAGF,MAAa,iBAAiB;;AAG9B,MAAa,iBACX;;AAGF,MAAa,gBACX;;AAGF,MAAa,WACX"}
+{"version":3,"file":"styles.js","names":[],"sources":["../../src/lib/styles.ts"],"sourcesContent":["/**\n * Style fragments shared across components.\n *\n * These exist so interaction states are defined once. If focus rings or\n * disabled treatment need to change, they change here and every component\n * follows — which is what keeps the system visually coherent (design spec §12).\n */\n\n/** Keyboard focus ring. Deliberately not applied on pointer focus. */\nexport const focusRing =\n  \"outline-none focus-visible:ring-2 focus-visible:ring-ring/55 focus-visible:ring-offset-2 focus-visible:ring-offset-background\";\n\n/** Focus ring for controls that sit flush inside a bordered container. */\nexport const focusRingInset = \"outline-none focus-visible:ring-2 focus-visible:ring-ring/55\";\n\n/** Applied to natively disabled elements and `aria-disabled` ones alike. */\nexport const disabledStyles =\n  \"disabled:pointer-events-none disabled:opacity-55 aria-disabled:pointer-events-none aria-disabled:opacity-55\";\n\n/** Invalid-state treatment driven by `aria-invalid`, never by a bespoke prop. */\nexport const invalidStyles =\n  \"aria-invalid:border-destructive aria-invalid:focus-visible:ring-destructive/40\";\n\n/** Sizes any icon rendered as a direct child of a control. */\nexport const iconSlot =\n  \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\";\n\n/**\n * Mirrors an icon that points along the reading direction.\n *\n * A chevron meaning \"forward\" points right in English and left in Arabic.\n * Logical CSS does not help here: the glyph is drawn, not laid out, so the\n * class list mirrors the box while the arrow inside it goes on pointing the\n * wrong way. The result is a fully mirrored page whose \"next\" button points\n * back the way you came.\n *\n * Only for icons whose meaning is directional. A chevron pointing *down* to\n * open a select means down in every language, and flipping it horizontally\n * would be flipping a thing that was never sided. Nor is a tick, a cross or a\n * spinner.\n */\nexport const mirrorForDirection = \"rtl:-scale-x-100\";\n"],"mappings":";;;;;;;;;AASA,MAAa,YACX;;AAGF,MAAa,iBAAiB;;AAG9B,MAAa,iBACX;;AAGF,MAAa,gBACX;;AAGF,MAAa,WACX;;;;;;;;;;;;;;;AAgBF,MAAa,qBAAqB"}

package/dist/registry/blocks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"blocks.d.ts","names":[],"sources":["../../src/registry/blocks.ts"],"mappings":";;;;;;;;;;;cAoBa,YAAY"}
+{"version":3,"file":"blocks.d.ts","names":[],"sources":["../../src/registry/blocks.ts"],"mappings":";;;;;;;;;;;cA6Ba,YAAY"}

package/dist/registry/blocks.js

@@ -1,11 +1,20 @@
-import { meta } from "../blocks/admin-users/meta.js";
-import { meta as meta$1 } from "../blocks/ai-chat/meta.js";
-import { meta as meta$2 } from "../blocks/dashboard/meta.js";
-import { meta as meta$3 } from "../blocks/forgot-password/meta.js";
-import { meta as meta$4 } from "../blocks/login/meta.js";
-import { meta as meta$5 } from "../blocks/pricing/meta.js";
-import { meta as meta$6 } from "../blocks/settings/meta.js";
-import { meta as meta$7 } from "../blocks/signup/meta.js";
+import { meta } from "../blocks/admin-dashboard/meta.js";
+import { meta as meta$1 } from "../blocks/admin-users/meta.js";
+import { meta as meta$2 } from "../blocks/agent-console/meta.js";
+import { meta as meta$3 } from "../blocks/ai-chat/meta.js";
+import { meta as meta$4 } from "../blocks/ai-dashboard/meta.js";
+import { meta as meta$5 } from "../blocks/ai-workspace/meta.js";
+import { meta as meta$6 } from "../blocks/analytics/meta.js";
+import { meta as meta$7 } from "../blocks/billing/meta.js";
+import { meta as meta$8 } from "../blocks/command-center/meta.js";
+import { meta as meta$9 } from "../blocks/crm/meta.js";
+import { meta as meta$10 } from "../blocks/dashboard/meta.js";
+import { meta as meta$11 } from "../blocks/forgot-password/meta.js";
+import { meta as meta$12 } from "../blocks/login/meta.js";
+import { meta as meta$13 } from "../blocks/onboarding/meta.js";
+import { meta as meta$14 } from "../blocks/pricing/meta.js";
+import { meta as meta$15 } from "../blocks/settings/meta.js";
+import { meta as meta$16 } from "../blocks/signup/meta.js";
 //#region src/registry/blocks.ts
 /**
 * Every block in the registry.
@@ -24,7 +33,16 @@ const blockMetas = [
 	meta$4,
 	meta$5,
 	meta$6,
-	meta$7
+	meta$7,
+	meta$8,
+	meta$9,
+	meta$10,
+	meta$11,
+	meta$12,
+	meta$13,
+	meta$14,
+	meta$15,
+	meta$16
 ];
 //#endregion
 export { blockMetas };

package/dist/registry/blocks.js.map

@@ -1 +1 @@
-{"version":3,"file":"blocks.js","names":["adminUsersMeta","aiChatMeta","dashboardMeta","forgotPasswordMeta","loginMeta","pricingMeta","settingsMeta","signupMeta"],"sources":["../../src/registry/blocks.ts"],"sourcesContent":["import type { ComponentMeta } from \"./schema\";\n\nimport { meta as adminUsersMeta } from \"@/blocks/admin-users/meta\";\nimport { meta as aiChatMeta } from \"@/blocks/ai-chat/meta\";\nimport { meta as dashboardMeta } from \"@/blocks/dashboard/meta\";\nimport { meta as forgotPasswordMeta } from \"@/blocks/forgot-password/meta\";\nimport { meta as loginMeta } from \"@/blocks/login/meta\";\nimport { meta as pricingMeta } from \"@/blocks/pricing/meta\";\nimport { meta as settingsMeta } from \"@/blocks/settings/meta\";\nimport { meta as signupMeta } from \"@/blocks/signup/meta\";\n\n/**\n * Every block in the registry.\n *\n * Kept separate from `componentMetas` for the same reason blocks install into a\n * different directory: they are whole page sections, browsed and used\n * differently from the components they are assembled out of.\n *\n * `meta.test.ts` fails if a block directory exists that is missing from here.\n */\nexport const blockMetas: ComponentMeta[] = [\n  adminUsersMeta,\n  aiChatMeta,\n  dashboardMeta,\n  forgotPasswordMeta,\n  loginMeta,\n  pricingMeta,\n  settingsMeta,\n  signupMeta,\n];\n"],"mappings":";;;;;;;;;;;;;;;;;;AAoBA,MAAa,aAA8B;CACzCA;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;AACF"}
+{"version":3,"file":"blocks.js","names":["adminDashboardMeta","adminUsersMeta","agentConsoleMeta","aiChatMeta","aiDashboardMeta","aiWorkspaceMeta","analyticsMeta","billingMeta","commandCenterMeta","crmMeta","dashboardMeta","forgotPasswordMeta","loginMeta","onboardingMeta","pricingMeta","settingsMeta","signupMeta"],"sources":["../../src/registry/blocks.ts"],"sourcesContent":["import type { ComponentMeta } from \"./schema\";\n\nimport { meta as adminDashboardMeta } from \"@/blocks/admin-dashboard/meta\";\nimport { meta as adminUsersMeta } from \"@/blocks/admin-users/meta\";\nimport { meta as agentConsoleMeta } from \"@/blocks/agent-console/meta\";\nimport { meta as aiChatMeta } from \"@/blocks/ai-chat/meta\";\nimport { meta as aiDashboardMeta } from \"@/blocks/ai-dashboard/meta\";\nimport { meta as aiWorkspaceMeta } from \"@/blocks/ai-workspace/meta\";\nimport { meta as analyticsMeta } from \"@/blocks/analytics/meta\";\nimport { meta as billingMeta } from \"@/blocks/billing/meta\";\nimport { meta as commandCenterMeta } from \"@/blocks/command-center/meta\";\nimport { meta as crmMeta } from \"@/blocks/crm/meta\";\nimport { meta as dashboardMeta } from \"@/blocks/dashboard/meta\";\nimport { meta as forgotPasswordMeta } from \"@/blocks/forgot-password/meta\";\nimport { meta as loginMeta } from \"@/blocks/login/meta\";\nimport { meta as onboardingMeta } from \"@/blocks/onboarding/meta\";\nimport { meta as pricingMeta } from \"@/blocks/pricing/meta\";\nimport { meta as settingsMeta } from \"@/blocks/settings/meta\";\nimport { meta as signupMeta } from \"@/blocks/signup/meta\";\n\n/**\n * Every block in the registry.\n *\n * Kept separate from `componentMetas` for the same reason blocks install into a\n * different directory: they are whole page sections, browsed and used\n * differently from the components they are assembled out of.\n *\n * `meta.test.ts` fails if a block directory exists that is missing from here.\n */\nexport const blockMetas: ComponentMeta[] = [\n  adminDashboardMeta,\n  adminUsersMeta,\n  agentConsoleMeta,\n  aiChatMeta,\n  aiDashboardMeta,\n  aiWorkspaceMeta,\n  analyticsMeta,\n  billingMeta,\n  commandCenterMeta,\n  crmMeta,\n  dashboardMeta,\n  forgotPasswordMeta,\n  loginMeta,\n  onboardingMeta,\n  pricingMeta,\n  settingsMeta,\n  signupMeta,\n];\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,MAAa,aAA8B;CACzCA;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;AACF"}

package/dist/registry/components.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"components.d.ts","names":[],"sources":["../../src/registry/components.ts"],"mappings":";;;;;;;;;;;;;;cAoFa,gBAAgB"}
+{"version":3,"file":"components.d.ts","names":[],"sources":["../../src/registry/components.ts"],"mappings":";;;;;;;;;;;;;;cAyFa,gBAAgB"}

package/dist/registry/components.js

@@ -22,53 +22,58 @@ import { meta as meta$19 } from "../components/ai-tool/meta.js";
 import { meta as meta$20 } from "../components/alert/meta.js";
 import { meta as meta$21 } from "../components/avatar/meta.js";
 import { meta as meta$22 } from "../components/badge/meta.js";
-import { meta as meta$23 } from "../components/button/meta.js";
-import { meta as meta$24 } from "../components/calendar/meta.js";
-import { meta as meta$25 } from "../components/card/meta.js";
-import { meta as meta$26 } from "../components/checkbox/meta.js";
-import { meta as meta$27 } from "../components/code-block/meta.js";
-import { meta as meta$28 } from "../components/combobox/meta.js";
-import { meta as meta$29 } from "../components/command/meta.js";
-import { meta as meta$30 } from "../components/confirm-typed/meta.js";
-import { meta as meta$31 } from "../components/cron-editor/meta.js";
-import { meta as meta$32 } from "../components/data-table/meta.js";
-import { meta as meta$33 } from "../components/date-picker/meta.js";
-import { meta as meta$34 } from "../components/dialog/meta.js";
-import { meta as meta$35 } from "../components/diff-viewer/meta.js";
-import { meta as meta$36 } from "../components/dns-record/meta.js";
-import { meta as meta$37 } from "../components/drawer/meta.js";
-import { meta as meta$38 } from "../components/dropdown-menu/meta.js";
-import { meta as meta$39 } from "../components/empty-state/meta.js";
-import { meta as meta$40 } from "../components/file-upload/meta.js";
-import { meta as meta$41 } from "../components/form/meta.js";
-import { meta as meta$42 } from "../components/input/meta.js";
-import { meta as meta$43 } from "../components/label/meta.js";
-import { meta as meta$44 } from "../components/log-viewer/meta.js";
-import { meta as meta$45 } from "../components/meter/meta.js";
-import { meta as meta$46 } from "../components/metric-delta/meta.js";
-import { meta as meta$47 } from "../components/pagination/meta.js";
-import { meta as meta$48 } from "../components/permission-matrix/meta.js";
-import { meta as meta$49 } from "../components/popover/meta.js";
-import { meta as meta$50 } from "../components/progress/meta.js";
-import { meta as meta$51 } from "../components/radio-group/meta.js";
-import { meta as meta$52 } from "../components/record-diff/meta.js";
-import { meta as meta$53 } from "../components/secret-field/meta.js";
-import { meta as meta$54 } from "../components/select/meta.js";
-import { meta as meta$55 } from "../components/separator/meta.js";
-import { meta as meta$56 } from "../components/session-expiry/meta.js";
-import { meta as meta$57 } from "../components/sheet/meta.js";
-import { meta as meta$58 } from "../components/shortcut-recorder/meta.js";
-import { meta as meta$59 } from "../components/skeleton/meta.js";
-import { meta as meta$60 } from "../components/slider/meta.js";
-import { meta as meta$61 } from "../components/spinner/meta.js";
-import { meta as meta$62 } from "../components/switch/meta.js";
-import { meta as meta$63 } from "../components/sync-status/meta.js";
-import { meta as meta$64 } from "../components/table/meta.js";
-import { meta as meta$65 } from "../components/tabs/meta.js";
-import { meta as meta$66 } from "../components/tags-input/meta.js";
-import { meta as meta$67 } from "../components/time-range-picker/meta.js";
-import { meta as meta$68 } from "../components/toast/meta.js";
-import { meta as meta$69 } from "../components/tooltip/meta.js";
+import { meta as meta$23 } from "../components/breadcrumb/meta.js";
+import { meta as meta$24 } from "../components/button/meta.js";
+import { meta as meta$25 } from "../components/calendar/meta.js";
+import { meta as meta$26 } from "../components/card/meta.js";
+import { meta as meta$27 } from "../components/checkbox/meta.js";
+import { meta as meta$28 } from "../components/code-block/meta.js";
+import { meta as meta$29 } from "../components/collapsible/meta.js";
+import { meta as meta$30 } from "../components/combobox/meta.js";
+import { meta as meta$31 } from "../components/command/meta.js";
+import { meta as meta$32 } from "../components/confirm-typed/meta.js";
+import { meta as meta$33 } from "../components/cron-editor/meta.js";
+import { meta as meta$34 } from "../components/data-table/meta.js";
+import { meta as meta$35 } from "../components/date-picker/meta.js";
+import { meta as meta$36 } from "../components/direction/meta.js";
+import { meta as meta$37 } from "../components/dialog/meta.js";
+import { meta as meta$38 } from "../components/diff-viewer/meta.js";
+import { meta as meta$39 } from "../components/dns-record/meta.js";
+import { meta as meta$40 } from "../components/drawer/meta.js";
+import { meta as meta$41 } from "../components/dropdown-menu/meta.js";
+import { meta as meta$42 } from "../components/empty-state/meta.js";
+import { meta as meta$43 } from "../components/file-upload/meta.js";
+import { meta as meta$44 } from "../components/form/meta.js";
+import { meta as meta$45 } from "../components/input/meta.js";
+import { meta as meta$46 } from "../components/label/meta.js";
+import { meta as meta$47 } from "../components/log-viewer/meta.js";
+import { meta as meta$48 } from "../components/meter/meta.js";
+import { meta as meta$49 } from "../components/metric-delta/meta.js";
+import { meta as meta$50 } from "../components/pagination/meta.js";
+import { meta as meta$51 } from "../components/permission-matrix/meta.js";
+import { meta as meta$52 } from "../components/popover/meta.js";
+import { meta as meta$53 } from "../components/progress/meta.js";
+import { meta as meta$54 } from "../components/radio-group/meta.js";
+import { meta as meta$55 } from "../components/record-diff/meta.js";
+import { meta as meta$56 } from "../components/secret-field/meta.js";
+import { meta as meta$57 } from "../components/select/meta.js";
+import { meta as meta$58 } from "../components/separator/meta.js";
+import { meta as meta$59 } from "../components/session-expiry/meta.js";
+import { meta as meta$60 } from "../components/sidebar/meta.js";
+import { meta as meta$61 } from "../components/sheet/meta.js";
+import { meta as meta$62 } from "../components/shortcut-recorder/meta.js";
+import { meta as meta$63 } from "../components/skeleton/meta.js";
+import { meta as meta$64 } from "../components/slider/meta.js";
+import { meta as meta$65 } from "../components/spinner/meta.js";
+import { meta as meta$66 } from "../components/switch/meta.js";
+import { meta as meta$67 } from "../components/sync-status/meta.js";
+import { meta as meta$68 } from "../components/table/meta.js";
+import { meta as meta$69 } from "../components/tabs/meta.js";
+import { meta as meta$70 } from "../components/tags-input/meta.js";
+import { meta as meta$71 } from "../components/time-range-picker/meta.js";
+import { meta as meta$72 } from "../components/textarea/meta.js";
+import { meta as meta$73 } from "../components/toast/meta.js";
+import { meta as meta$74 } from "../components/tooltip/meta.js";
 import { blockMetas } from "./blocks.js";
 //#region src/registry/components.ts
 /**
@@ -119,8 +124,8 @@ const componentMetas = [
 	meta$33,
 	meta$34,
 	meta$35,
-	meta$36,
 	meta$37,
+	meta$36,
 	meta$38,
 	meta$39,
 	meta$40,
@@ -143,8 +148,8 @@ const componentMetas = [
 	meta$57,
 	meta$58,
 	meta$59,
-	meta$60,
 	meta$61,
+	meta$60,
 	meta$62,
 	meta$63,
 	meta$64,
@@ -152,7 +157,12 @@ const componentMetas = [
 	meta$66,
 	meta$67,
 	meta$68,
-	meta$69
+	meta$69,
+	meta$70,
+	meta$71,
+	meta$72,
+	meta$73,
+	meta$74
 ];
 //#endregion
 export { COMPONENT_CATEGORIES, COMPONENT_STATUSES, blockMetas, componentMetas };

package/dist/registry/components.js.map

@@ -1 +1 @@
-{"version":3,"file":"components.js","names":["accordionMeta","activityFeedMeta","aiActionLedgerMeta","aiAgentPlanMeta","aiAgentStatusMeta","aiApprovalRequestMeta","aiConversationMeta","aiDisclosureMeta","aiExtractionReviewMeta","aiInlineCompletionMeta","aiMessageMeta","aiModelSelectorMeta","aiPromptInputMeta","aiReasoningMeta","aiResponseMeta","aiSourcesMeta","aiStructuredOutputMeta","aiSuggestedValueMeta","aiTokenUsageMeta","aiToolMeta","alertMeta","avatarMeta","badgeMeta","buttonMeta","calendarMeta","cardMeta","checkboxMeta","codeBlockMeta","comboboxMeta","commandMeta","confirmTypedMeta","cronEditorMeta","dataTableMeta","datePickerMeta","dialogMeta","diffViewerMeta","dnsRecordMeta","drawerMeta","dropdownMenuMeta","emptyStateMeta","fileUploadMeta","formMeta","inputMeta","labelMeta","logViewerMeta","meterMeta","metricDeltaMeta","paginationMeta","permissionMatrixMeta","popoverMeta","progressMeta","radioGroupMeta","recordDiffMeta","secretFieldMeta","selectMeta","separatorMeta","sessionExpiryMeta","sheetMeta","shortcutRecorderMeta","skeletonMeta","sliderMeta","spinnerMeta","switchMeta","syncStatusMeta","tableMeta","tabsMeta","tagsInputMeta","timeRangePickerMeta","toastMeta","tooltipMeta"],"sources":["../../src/registry/components.ts"],"sourcesContent":["import type { ComponentMeta } from \"./schema\";\n\nimport { meta as accordionMeta } from \"@/components/accordion/meta\";\nimport { meta as activityFeedMeta } from \"@/components/activity-feed/meta\";\nimport { meta as aiActionLedgerMeta } from \"@/components/ai-action-ledger/meta\";\nimport { meta as aiAgentPlanMeta } from \"@/components/ai-agent-plan/meta\";\nimport { meta as aiAgentStatusMeta } from \"@/components/ai-agent-status/meta\";\nimport { meta as aiApprovalRequestMeta } from \"@/components/ai-approval-request/meta\";\nimport { meta as aiConversationMeta } from \"@/components/ai-conversation/meta\";\nimport { meta as aiDisclosureMeta } from \"@/components/ai-disclosure/meta\";\nimport { meta as aiExtractionReviewMeta } from \"@/components/ai-extraction-review/meta\";\nimport { meta as aiInlineCompletionMeta } from \"@/components/ai-inline-completion/meta\";\nimport { meta as aiMessageMeta } from \"@/components/ai-message/meta\";\nimport { meta as aiModelSelectorMeta } from \"@/components/ai-model-selector/meta\";\nimport { meta as aiPromptInputMeta } from \"@/components/ai-prompt-input/meta\";\nimport { meta as aiReasoningMeta } from \"@/components/ai-reasoning/meta\";\nimport { meta as aiResponseMeta } from \"@/components/ai-response/meta\";\nimport { meta as aiSourcesMeta } from \"@/components/ai-sources/meta\";\nimport { meta as aiStructuredOutputMeta } from \"@/components/ai-structured-output/meta\";\nimport { meta as aiSuggestedValueMeta } from \"@/components/ai-suggested-value/meta\";\nimport { meta as aiTokenUsageMeta } from \"@/components/ai-token-usage/meta\";\nimport { meta as aiToolMeta } from \"@/components/ai-tool/meta\";\nimport { meta as alertMeta } from \"@/components/alert/meta\";\nimport { meta as avatarMeta } from \"@/components/avatar/meta\";\nimport { meta as badgeMeta } from \"@/components/badge/meta\";\nimport { meta as buttonMeta } from \"@/components/button/meta\";\nimport { meta as calendarMeta } from \"@/components/calendar/meta\";\nimport { meta as cardMeta } from \"@/components/card/meta\";\nimport { meta as checkboxMeta } from \"@/components/checkbox/meta\";\nimport { meta as codeBlockMeta } from \"@/components/code-block/meta\";\nimport { meta as comboboxMeta } from \"@/components/combobox/meta\";\nimport { meta as commandMeta } from \"@/components/command/meta\";\nimport { meta as confirmTypedMeta } from \"@/components/confirm-typed/meta\";\nimport { meta as cronEditorMeta } from \"@/components/cron-editor/meta\";\nimport { meta as dataTableMeta } from \"@/components/data-table/meta\";\nimport { meta as datePickerMeta } from \"@/components/date-picker/meta\";\nimport { meta as dialogMeta } from \"@/components/dialog/meta\";\nimport { meta as diffViewerMeta } from \"@/components/diff-viewer/meta\";\nimport { meta as dnsRecordMeta } from \"@/components/dns-record/meta\";\nimport { meta as drawerMeta } from \"@/components/drawer/meta\";\nimport { meta as dropdownMenuMeta } from \"@/components/dropdown-menu/meta\";\nimport { meta as emptyStateMeta } from \"@/components/empty-state/meta\";\nimport { meta as fileUploadMeta } from \"@/components/file-upload/meta\";\nimport { meta as formMeta } from \"@/components/form/meta\";\nimport { meta as inputMeta } from \"@/components/input/meta\";\nimport { meta as labelMeta } from \"@/components/label/meta\";\nimport { meta as logViewerMeta } from \"@/components/log-viewer/meta\";\nimport { meta as meterMeta } from \"@/components/meter/meta\";\nimport { meta as metricDeltaMeta } from \"@/components/metric-delta/meta\";\nimport { meta as paginationMeta } from \"@/components/pagination/meta\";\nimport { meta as permissionMatrixMeta } from \"@/components/permission-matrix/meta\";\nimport { meta as popoverMeta } from \"@/components/popover/meta\";\nimport { meta as progressMeta } from \"@/components/progress/meta\";\nimport { meta as radioGroupMeta } from \"@/components/radio-group/meta\";\nimport { meta as recordDiffMeta } from \"@/components/record-diff/meta\";\nimport { meta as secretFieldMeta } from \"@/components/secret-field/meta\";\nimport { meta as selectMeta } from \"@/components/select/meta\";\nimport { meta as separatorMeta } from \"@/components/separator/meta\";\nimport { meta as sessionExpiryMeta } from \"@/components/session-expiry/meta\";\nimport { meta as sheetMeta } from \"@/components/sheet/meta\";\nimport { meta as shortcutRecorderMeta } from \"@/components/shortcut-recorder/meta\";\nimport { meta as skeletonMeta } from \"@/components/skeleton/meta\";\nimport { meta as sliderMeta } from \"@/components/slider/meta\";\nimport { meta as spinnerMeta } from \"@/components/spinner/meta\";\nimport { meta as switchMeta } from \"@/components/switch/meta\";\nimport { meta as syncStatusMeta } from \"@/components/sync-status/meta\";\nimport { meta as tableMeta } from \"@/components/table/meta\";\nimport { meta as tabsMeta } from \"@/components/tabs/meta\";\nimport { meta as tagsInputMeta } from \"@/components/tags-input/meta\";\nimport { meta as timeRangePickerMeta } from \"@/components/time-range-picker/meta\";\nimport { meta as toastMeta } from \"@/components/toast/meta\";\nimport { meta as tooltipMeta } from \"@/components/tooltip/meta\";\n\n/**\n * Every component in the registry.\n *\n * An explicit list rather than a glob: the registry build runs in plain Node,\n * where bundler-only globbing is unavailable, and a static list is also what\n * lets the bundle tree-shake. `meta.test.ts` fails if a component directory\n * exists that is missing from here, so it cannot silently fall out of date.\n *\n * Identifiers carry a `Meta` suffix because component names include reserved\n * words — `switch` cannot be a binding name.\n */\nexport const componentMetas: ComponentMeta[] = [\n  accordionMeta,\n  activityFeedMeta,\n  aiActionLedgerMeta,\n  aiAgentPlanMeta,\n  aiAgentStatusMeta,\n  aiApprovalRequestMeta,\n  aiConversationMeta,\n  aiDisclosureMeta,\n  aiExtractionReviewMeta,\n  aiInlineCompletionMeta,\n  aiMessageMeta,\n  aiModelSelectorMeta,\n  aiPromptInputMeta,\n  aiReasoningMeta,\n  aiResponseMeta,\n  aiSourcesMeta,\n  aiStructuredOutputMeta,\n  aiSuggestedValueMeta,\n  aiTokenUsageMeta,\n  aiToolMeta,\n  alertMeta,\n  avatarMeta,\n  badgeMeta,\n  buttonMeta,\n  calendarMeta,\n  cardMeta,\n  checkboxMeta,\n  codeBlockMeta,\n  comboboxMeta,\n  commandMeta,\n  confirmTypedMeta,\n  cronEditorMeta,\n  dataTableMeta,\n  datePickerMeta,\n  dialogMeta,\n  diffViewerMeta,\n  dnsRecordMeta,\n  drawerMeta,\n  dropdownMenuMeta,\n  emptyStateMeta,\n  fileUploadMeta,\n  formMeta,\n  inputMeta,\n  labelMeta,\n  logViewerMeta,\n  meterMeta,\n  metricDeltaMeta,\n  paginationMeta,\n  permissionMatrixMeta,\n  popoverMeta,\n  progressMeta,\n  radioGroupMeta,\n  recordDiffMeta,\n  secretFieldMeta,\n  selectMeta,\n  separatorMeta,\n  sessionExpiryMeta,\n  sheetMeta,\n  shortcutRecorderMeta,\n  skeletonMeta,\n  sliderMeta,\n  spinnerMeta,\n  switchMeta,\n  syncStatusMeta,\n  tableMeta,\n  tabsMeta,\n  tagsInputMeta,\n  timeRangePickerMeta,\n  toastMeta,\n  tooltipMeta,\n];\n\n// This file is the `@dowel-ui/react/registry` entry point, so the block barrel is\n// re-exported here — the registry build reads both through one import.\nexport { blockMetas } from \"./blocks\";\nexport { COMPONENT_CATEGORIES, COMPONENT_STATUSES } from \"./schema\";\nexport type { ComponentCategory, ComponentMeta, ComponentStatus } from \"./schema\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoFA,MAAa,iBAAkC;CAC7CA;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;AACF"}
+{"version":3,"file":"components.js","names":["accordionMeta","activityFeedMeta","aiActionLedgerMeta","aiAgentPlanMeta","aiAgentStatusMeta","aiApprovalRequestMeta","aiConversationMeta","aiDisclosureMeta","aiExtractionReviewMeta","aiInlineCompletionMeta","aiMessageMeta","aiModelSelectorMeta","aiPromptInputMeta","aiReasoningMeta","aiResponseMeta","aiSourcesMeta","aiStructuredOutputMeta","aiSuggestedValueMeta","aiTokenUsageMeta","aiToolMeta","alertMeta","avatarMeta","badgeMeta","breadcrumbMeta","buttonMeta","calendarMeta","cardMeta","checkboxMeta","codeBlockMeta","collapsibleMeta","comboboxMeta","commandMeta","confirmTypedMeta","cronEditorMeta","dataTableMeta","datePickerMeta","dialogMeta","directionMeta","diffViewerMeta","dnsRecordMeta","drawerMeta","dropdownMenuMeta","emptyStateMeta","fileUploadMeta","formMeta","inputMeta","labelMeta","logViewerMeta","meterMeta","metricDeltaMeta","paginationMeta","permissionMatrixMeta","popoverMeta","progressMeta","radioGroupMeta","recordDiffMeta","secretFieldMeta","selectMeta","separatorMeta","sessionExpiryMeta","sheetMeta","sidebarMeta","shortcutRecorderMeta","skeletonMeta","sliderMeta","spinnerMeta","switchMeta","syncStatusMeta","tableMeta","tabsMeta","tagsInputMeta","timeRangePickerMeta","textareaMeta","toastMeta","tooltipMeta"],"sources":["../../src/registry/components.ts"],"sourcesContent":["import type { ComponentMeta } from \"./schema\";\n\nimport { meta as accordionMeta } from \"@/components/accordion/meta\";\nimport { meta as activityFeedMeta } from \"@/components/activity-feed/meta\";\nimport { meta as aiActionLedgerMeta } from \"@/components/ai-action-ledger/meta\";\nimport { meta as aiAgentPlanMeta } from \"@/components/ai-agent-plan/meta\";\nimport { meta as aiAgentStatusMeta } from \"@/components/ai-agent-status/meta\";\nimport { meta as aiApprovalRequestMeta } from \"@/components/ai-approval-request/meta\";\nimport { meta as aiConversationMeta } from \"@/components/ai-conversation/meta\";\nimport { meta as aiDisclosureMeta } from \"@/components/ai-disclosure/meta\";\nimport { meta as aiExtractionReviewMeta } from \"@/components/ai-extraction-review/meta\";\nimport { meta as aiInlineCompletionMeta } from \"@/components/ai-inline-completion/meta\";\nimport { meta as aiMessageMeta } from \"@/components/ai-message/meta\";\nimport { meta as aiModelSelectorMeta } from \"@/components/ai-model-selector/meta\";\nimport { meta as aiPromptInputMeta } from \"@/components/ai-prompt-input/meta\";\nimport { meta as aiReasoningMeta } from \"@/components/ai-reasoning/meta\";\nimport { meta as aiResponseMeta } from \"@/components/ai-response/meta\";\nimport { meta as aiSourcesMeta } from \"@/components/ai-sources/meta\";\nimport { meta as aiStructuredOutputMeta } from \"@/components/ai-structured-output/meta\";\nimport { meta as aiSuggestedValueMeta } from \"@/components/ai-suggested-value/meta\";\nimport { meta as aiTokenUsageMeta } from \"@/components/ai-token-usage/meta\";\nimport { meta as aiToolMeta } from \"@/components/ai-tool/meta\";\nimport { meta as alertMeta } from \"@/components/alert/meta\";\nimport { meta as avatarMeta } from \"@/components/avatar/meta\";\nimport { meta as badgeMeta } from \"@/components/badge/meta\";\nimport { meta as breadcrumbMeta } from \"@/components/breadcrumb/meta\";\nimport { meta as buttonMeta } from \"@/components/button/meta\";\nimport { meta as calendarMeta } from \"@/components/calendar/meta\";\nimport { meta as cardMeta } from \"@/components/card/meta\";\nimport { meta as checkboxMeta } from \"@/components/checkbox/meta\";\nimport { meta as codeBlockMeta } from \"@/components/code-block/meta\";\nimport { meta as collapsibleMeta } from \"@/components/collapsible/meta\";\nimport { meta as comboboxMeta } from \"@/components/combobox/meta\";\nimport { meta as commandMeta } from \"@/components/command/meta\";\nimport { meta as confirmTypedMeta } from \"@/components/confirm-typed/meta\";\nimport { meta as cronEditorMeta } from \"@/components/cron-editor/meta\";\nimport { meta as dataTableMeta } from \"@/components/data-table/meta\";\nimport { meta as datePickerMeta } from \"@/components/date-picker/meta\";\nimport { meta as directionMeta } from \"@/components/direction/meta\";\nimport { meta as dialogMeta } from \"@/components/dialog/meta\";\nimport { meta as diffViewerMeta } from \"@/components/diff-viewer/meta\";\nimport { meta as dnsRecordMeta } from \"@/components/dns-record/meta\";\nimport { meta as drawerMeta } from \"@/components/drawer/meta\";\nimport { meta as dropdownMenuMeta } from \"@/components/dropdown-menu/meta\";\nimport { meta as emptyStateMeta } from \"@/components/empty-state/meta\";\nimport { meta as fileUploadMeta } from \"@/components/file-upload/meta\";\nimport { meta as formMeta } from \"@/components/form/meta\";\nimport { meta as inputMeta } from \"@/components/input/meta\";\nimport { meta as labelMeta } from \"@/components/label/meta\";\nimport { meta as logViewerMeta } from \"@/components/log-viewer/meta\";\nimport { meta as meterMeta } from \"@/components/meter/meta\";\nimport { meta as metricDeltaMeta } from \"@/components/metric-delta/meta\";\nimport { meta as paginationMeta } from \"@/components/pagination/meta\";\nimport { meta as permissionMatrixMeta } from \"@/components/permission-matrix/meta\";\nimport { meta as popoverMeta } from \"@/components/popover/meta\";\nimport { meta as progressMeta } from \"@/components/progress/meta\";\nimport { meta as radioGroupMeta } from \"@/components/radio-group/meta\";\nimport { meta as recordDiffMeta } from \"@/components/record-diff/meta\";\nimport { meta as secretFieldMeta } from \"@/components/secret-field/meta\";\nimport { meta as selectMeta } from \"@/components/select/meta\";\nimport { meta as separatorMeta } from \"@/components/separator/meta\";\nimport { meta as sessionExpiryMeta } from \"@/components/session-expiry/meta\";\nimport { meta as sidebarMeta } from \"@/components/sidebar/meta\";\nimport { meta as sheetMeta } from \"@/components/sheet/meta\";\nimport { meta as shortcutRecorderMeta } from \"@/components/shortcut-recorder/meta\";\nimport { meta as skeletonMeta } from \"@/components/skeleton/meta\";\nimport { meta as sliderMeta } from \"@/components/slider/meta\";\nimport { meta as spinnerMeta } from \"@/components/spinner/meta\";\nimport { meta as switchMeta } from \"@/components/switch/meta\";\nimport { meta as syncStatusMeta } from \"@/components/sync-status/meta\";\nimport { meta as tableMeta } from \"@/components/table/meta\";\nimport { meta as tabsMeta } from \"@/components/tabs/meta\";\nimport { meta as tagsInputMeta } from \"@/components/tags-input/meta\";\nimport { meta as timeRangePickerMeta } from \"@/components/time-range-picker/meta\";\nimport { meta as textareaMeta } from \"@/components/textarea/meta\";\nimport { meta as toastMeta } from \"@/components/toast/meta\";\nimport { meta as tooltipMeta } from \"@/components/tooltip/meta\";\n\n/**\n * Every component in the registry.\n *\n * An explicit list rather than a glob: the registry build runs in plain Node,\n * where bundler-only globbing is unavailable, and a static list is also what\n * lets the bundle tree-shake. `meta.test.ts` fails if a component directory\n * exists that is missing from here, so it cannot silently fall out of date.\n *\n * Identifiers carry a `Meta` suffix because component names include reserved\n * words — `switch` cannot be a binding name.\n */\nexport const componentMetas: ComponentMeta[] = [\n  accordionMeta,\n  activityFeedMeta,\n  aiActionLedgerMeta,\n  aiAgentPlanMeta,\n  aiAgentStatusMeta,\n  aiApprovalRequestMeta,\n  aiConversationMeta,\n  aiDisclosureMeta,\n  aiExtractionReviewMeta,\n  aiInlineCompletionMeta,\n  aiMessageMeta,\n  aiModelSelectorMeta,\n  aiPromptInputMeta,\n  aiReasoningMeta,\n  aiResponseMeta,\n  aiSourcesMeta,\n  aiStructuredOutputMeta,\n  aiSuggestedValueMeta,\n  aiTokenUsageMeta,\n  aiToolMeta,\n  alertMeta,\n  avatarMeta,\n  badgeMeta,\n  breadcrumbMeta,\n  buttonMeta,\n  calendarMeta,\n  cardMeta,\n  checkboxMeta,\n  codeBlockMeta,\n  collapsibleMeta,\n  comboboxMeta,\n  commandMeta,\n  confirmTypedMeta,\n  cronEditorMeta,\n  dataTableMeta,\n  datePickerMeta,\n  dialogMeta,\n  directionMeta,\n  diffViewerMeta,\n  dnsRecordMeta,\n  drawerMeta,\n  dropdownMenuMeta,\n  emptyStateMeta,\n  fileUploadMeta,\n  formMeta,\n  inputMeta,\n  labelMeta,\n  logViewerMeta,\n  meterMeta,\n  metricDeltaMeta,\n  paginationMeta,\n  permissionMatrixMeta,\n  popoverMeta,\n  progressMeta,\n  radioGroupMeta,\n  recordDiffMeta,\n  secretFieldMeta,\n  selectMeta,\n  separatorMeta,\n  sessionExpiryMeta,\n  sheetMeta,\n  sidebarMeta,\n  shortcutRecorderMeta,\n  skeletonMeta,\n  sliderMeta,\n  spinnerMeta,\n  switchMeta,\n  syncStatusMeta,\n  tableMeta,\n  tabsMeta,\n  tagsInputMeta,\n  timeRangePickerMeta,\n  textareaMeta,\n  toastMeta,\n  tooltipMeta,\n];\n\n// This file is the `@dowel-ui/react/registry` entry point, so the block barrel is\n// re-exported here — the registry build reads both through one import.\nexport { blockMetas } from \"./blocks\";\nexport { COMPONENT_CATEGORIES, COMPONENT_STATUSES } from \"./schema\";\nexport type { ComponentCategory, ComponentMeta, ComponentStatus } from \"./schema\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyFA,MAAa,iBAAkC;CAC7CA;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;CACAC;AACF"}

package/dist/registry/schema.d.ts

@@ -36,6 +36,14 @@ interface ComponentMeta {
   files: string[];
   /** Accessibility notes surfaced on the docs page. */
   a11y?: string;
+  /**
+   * Whether the source is public.
+   *
+   * Omitted means `free`, and free is a promise: an item that has shipped
+   * installable without a licence stays that way. Marking an existing component
+   * `pro` breaks every project that already installs it.
+   */
+  access?: "free" | "pro";
 }
 /** Identity helper that gives editors autocomplete inside `meta.ts`. */
 declare function defineMeta<const T extends ComponentMeta>(meta: T): T;

package/dist/registry/schema.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"schema.d.ts","names":[],"sources":["../../src/registry/schema.ts"],"mappings":";;;;;;;;;cASa;KAYD,4BAA4B;cAE3B;KAED,0BAA0B;UAErB;;EAEf;;;;;;;;EAQA;;EAEA;;EAEA;EACA,UAAU;EACV,QAAQ;;EAER;;EAEA;;EAEA;;EAEA;;;iBAIc,iBAAiB,UAAU,eAAe,MAAM,IAAI"}
+{"version":3,"file":"schema.d.ts","names":[],"sources":["../../src/registry/schema.ts"],"mappings":";;;;;;;;;cASa;KAYD,4BAA4B;cAE3B;KAED,0BAA0B;UAErB;;EAEf;;;;;;;;EAQA;;EAEA;;EAEA;EACA,UAAU;EACV,QAAQ;;EAER;;EAEA;;EAEA;;EAEA;;;;;;;;EAQA;;;iBAIc,iBAAiB,UAAU,eAAe,MAAM,IAAI"}

package/dist/registry/schema.js.map

@@ -1 +1 @@
-{"version":3,"file":"schema.js","names":[],"sources":["../../src/registry/schema.ts"],"sourcesContent":["/**\n * Registry metadata contract.\n *\n * Every component ships a `meta.ts` describing what the CLI must install\n * alongside it. This file defines the *type* only; `meta.test.ts` validates\n * every declaration against the source's real imports, so metadata cannot drift\n * from the code it describes. See docs/architecture/0003-registry-metadata.md.\n */\n\nexport const COMPONENT_CATEGORIES = [\n  \"foundation\",\n  \"display\",\n  \"navigation\",\n  \"overlay\",\n  \"layout\",\n  \"form\",\n  \"feedback\",\n  \"data\",\n  \"ai\",\n] as const;\n\nexport type ComponentCategory = (typeof COMPONENT_CATEGORIES)[number];\n\nexport const COMPONENT_STATUSES = [\"stable\", \"beta\", \"experimental\"] as const;\n\nexport type ComponentStatus = (typeof COMPONENT_STATUSES)[number];\n\nexport interface ComponentMeta {\n  /** Registry id. Must match the directory name and the CLI argument. */\n  name: string;\n  /**\n   * What kind of registry entry this is.\n   *\n   * Components are the building blocks; blocks are whole sections assembled\n   * from them. They install into different places and are browsed differently,\n   * so the distinction is explicit rather than inferred from the category.\n   */\n  kind?: \"component\" | \"block\";\n  /** Display name for docs and Storybook. */\n  title: string;\n  /** One sentence, used on listing pages and by `<cli> list`. */\n  description: string;\n  category: ComponentCategory;\n  status: ComponentStatus;\n  /** npm packages the source imports. Peer deps (react) are excluded. */\n  dependencies: string[];\n  /** Other registry components this one imports. */\n  registryDependencies: string[];\n  /** Files the CLI copies, relative to the component directory. */\n  files: string[];\n  /** Accessibility notes surfaced on the docs page. */\n  a11y?: string;\n}\n\n/** Identity helper that gives editors autocomplete inside `meta.ts`. */\nexport function defineMeta<const T extends ComponentMeta>(meta: T): T {\n  return meta;\n}\n"],"mappings":";;;;;;;;;AASA,MAAa,uBAAuB;CAClC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AAIA,MAAa,qBAAqB;CAAC;CAAU;CAAQ;AAAc;;AAgCnE,SAAgB,WAA0C,MAAY;CACpE,OAAO;AACT"}
+{"version":3,"file":"schema.js","names":[],"sources":["../../src/registry/schema.ts"],"sourcesContent":["/**\n * Registry metadata contract.\n *\n * Every component ships a `meta.ts` describing what the CLI must install\n * alongside it. This file defines the *type* only; `meta.test.ts` validates\n * every declaration against the source's real imports, so metadata cannot drift\n * from the code it describes. See docs/architecture/0003-registry-metadata.md.\n */\n\nexport const COMPONENT_CATEGORIES = [\n  \"foundation\",\n  \"display\",\n  \"navigation\",\n  \"overlay\",\n  \"layout\",\n  \"form\",\n  \"feedback\",\n  \"data\",\n  \"ai\",\n] as const;\n\nexport type ComponentCategory = (typeof COMPONENT_CATEGORIES)[number];\n\nexport const COMPONENT_STATUSES = [\"stable\", \"beta\", \"experimental\"] as const;\n\nexport type ComponentStatus = (typeof COMPONENT_STATUSES)[number];\n\nexport interface ComponentMeta {\n  /** Registry id. Must match the directory name and the CLI argument. */\n  name: string;\n  /**\n   * What kind of registry entry this is.\n   *\n   * Components are the building blocks; blocks are whole sections assembled\n   * from them. They install into different places and are browsed differently,\n   * so the distinction is explicit rather than inferred from the category.\n   */\n  kind?: \"component\" | \"block\";\n  /** Display name for docs and Storybook. */\n  title: string;\n  /** One sentence, used on listing pages and by `<cli> list`. */\n  description: string;\n  category: ComponentCategory;\n  status: ComponentStatus;\n  /** npm packages the source imports. Peer deps (react) are excluded. */\n  dependencies: string[];\n  /** Other registry components this one imports. */\n  registryDependencies: string[];\n  /** Files the CLI copies, relative to the component directory. */\n  files: string[];\n  /** Accessibility notes surfaced on the docs page. */\n  a11y?: string;\n  /**\n   * Whether the source is public.\n   *\n   * Omitted means `free`, and free is a promise: an item that has shipped\n   * installable without a licence stays that way. Marking an existing component\n   * `pro` breaks every project that already installs it.\n   */\n  access?: \"free\" | \"pro\";\n}\n\n/** Identity helper that gives editors autocomplete inside `meta.ts`. */\nexport function defineMeta<const T extends ComponentMeta>(meta: T): T {\n  return meta;\n}\n"],"mappings":";;;;;;;;;AASA,MAAa,uBAAuB;CAClC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AAIA,MAAa,qBAAqB;CAAC;CAAU;CAAQ;AAAc;;AAwCnE,SAAgB,WAA0C,MAAY;CACpE,OAAO;AACT"}

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@dowel-ui/react",
-  "version": "0.5.0",
+  "version": "0.7.0",
   "type": "module",
-  "description": "Source-first React components for SaaS and AI products — 70 accessible components you install as code you own, not as a dependency.",
+  "description": "Source-first React components for SaaS and AI products — 75 accessible components you install as code you own, not as a dependency.",
   "keywords": [
     "react",
     "ui",
@@ -39,6 +39,7 @@
   "files": [
     "dist",
     "src",
+    "!src/blocks",
     "!src/**/*.test.ts",
     "!src/**/*.test.tsx",
     "!src/**/*.stories.tsx"
@@ -95,8 +96,8 @@
     "vite": "8.2.2",
     "vitest": "4.1.10",
     "zod": "4.5.4",
-    "@dowel-ui/config": "0.5.0",
-    "@dowel-ui/themes": "0.5.0"
+    "@dowel-ui/themes": "0.7.0",
+    "@dowel-ui/config": "0.7.0"
   },
   "scripts": {
     "build": "tsdown",

package/src/components/accordion/accordion.tsx

@@ -37,7 +37,7 @@ export function AccordionTrigger({ className, children, ...props }: AccordionTri
       <AccordionPrimitive.Trigger
         data-slot="accordion-trigger"
         className={cn(
-          "flex flex-1 items-start justify-between gap-4 py-4 text-left text-sm font-medium",
+          "flex flex-1 items-start justify-between gap-4 py-4 text-start text-sm font-medium",
           "transition-colors duration-[var(--duration-fast)] hover:text-primary",
           "disabled:pointer-events-none disabled:opacity-55",
           "[&[data-state=open]>svg]:rotate-180",

package/src/components/activity-feed/activity-feed.tsx

@@ -29,7 +29,7 @@ export function ActivityItem({ className, last, ...props }: ActivityItemProps) {
         "relative flex gap-3 pb-6 last:pb-0",
         // The rail is a pseudo-element on the item, so it is decorative by
         // construction rather than by remembering an aria-hidden.
-        "before:absolute before:top-7 before:bottom-1 before:left-[0.6875rem] before:w-px before:bg-border",
+        "before:absolute before:start-[0.6875rem] before:top-7 before:bottom-1 before:w-px before:bg-border",
         "last:before:hidden data-[last]:before:hidden",
         className,
       )}

package/src/components/ai-extraction-review/ai-extraction-review.tsx

@@ -456,7 +456,7 @@ function ReviewField({
           {sourced ? (
             <FieldButton
               aria-label={`Show in source — ${field.label}`}
-              className="ml-auto"
+              className="ms-auto"
               onClick={onActivate}
             >
               Show in source

package/src/components/ai-prompt-input/ai-prompt-input.tsx

@@ -222,7 +222,7 @@ export function PromptInputSubmit({
       disabled={disabled}
       onClick={busy ? onStop : undefined}
       className={cn(
-        "ml-auto grid size-8 shrink-0 place-items-center rounded-lg",
+        "ms-auto grid size-8 shrink-0 place-items-center rounded-lg",
         "bg-primary text-primary-foreground transition-colors duration-[var(--duration-fast)]",
         "hover:bg-primary-hover disabled:pointer-events-none disabled:opacity-55",
         focusRing,

package/src/components/ai-reasoning/ai-reasoning.tsx

@@ -98,7 +98,7 @@ export function ReasoningContent({
       )}
       {...props}
     >
-      <div className="mt-2 border-l-2 border-border pl-3 text-sm whitespace-pre-wrap text-muted-foreground">
+      <div className="mt-2 border-s-2 border-border ps-3 text-sm whitespace-pre-wrap text-muted-foreground">
         {children}
       </div>
     </CollapsiblePrimitive.Content>

package/src/components/ai-response/ai-response.tsx

@@ -31,7 +31,7 @@ export function Response({ className, streaming, children, ...props }: ResponseP
         // Minimal prose styling for consumers who pass rendered Markdown.
         "[&_a]:text-primary [&_a]:underline [&_a]:underline-offset-4",
         "[&_code]:rounded [&_code]:bg-muted [&_code]:px-1 [&_code]:py-0.5 [&_code]:font-mono [&_code]:text-[0.9em]",
-        "[&_ol]:my-2 [&_ol]:list-decimal [&_ol]:pl-5 [&_ul]:my-2 [&_ul]:list-disc [&_ul]:pl-5",
+        "[&_ol]:my-2 [&_ol]:list-decimal [&_ol]:ps-5 [&_ul]:my-2 [&_ul]:list-disc [&_ul]:ps-5",
         "[&_p+p]:mt-3",
         className,
       )}
@@ -52,7 +52,7 @@ export function ResponseCaret({ className, ...props }: ComponentPropsWithRef<"sp
       aria-hidden="true"
       data-motion="indicator"
       className={cn(
-        "ml-0.5 inline-block h-[1em] w-[2px] translate-y-[0.15em] animate-caret bg-current align-baseline",
+        "ms-0.5 inline-block h-[1em] w-[2px] translate-y-[0.15em] animate-caret bg-current align-baseline",
         className,
       )}
       {...props}

package/src/components/ai-tool/ai-tool.tsx

@@ -82,7 +82,7 @@ export function ToolHeader({
     <CollapsiblePrimitive.Trigger
       data-slot="tool-header"
       className={cn(
-        "flex w-full items-center gap-2 px-3 py-2 text-left",
+        "flex w-full items-center gap-2 px-3 py-2 text-start",
         "transition-colors duration-[var(--duration-fast)] hover:bg-accent/50",
         "[&[data-state=open]>svg:last-child]:rotate-180",
         focusRing,
@@ -97,7 +97,7 @@ export function ToolHeader({
       <span
         data-slot="tool-status"
         className={cn(
-          "ml-auto text-xs",
+          "ms-auto text-xs",
           status === "error" ? "text-destructive" : "text-muted-foreground",
         )}
       >