@keboola/design 12.0.0 → 13.0.1

package/dist/index.js

@@ -4,51 +4,52 @@ import { DEFAULT_BRAND_ID, DEFAULT_COLOR_SCHEME } from "./defaults-i_xG2F_1.js";
 import { ArgoDesignContext, useArgoDesign, useTheme } from "./context-U293r3v-.js";
 import { findLiteralMatches, hasLiteralMatch } from "./findLiteralMatches-DgGLzyG0.js";
 import { mergeRefs } from "./internal/utils/mergeRefs.js";
-import { Button, ButtonInline, argoVariants } from "./Button-Ca4Q3VJU.js";
+import { Button, ButtonInline, argoVariants } from "./Button-B21oVcPU.js";
 import { ButtonGroup } from "./internal/components/ButtonGroup.js";
-import { DropdownMenu } from "./DropdownMenu-gRM-A8qU.js";
+import { DropdownMenu } from "./DropdownMenu-C5FLPkvR.js";
 import { ScrollArea, ScrollBar } from "./internal/components/ScrollArea.js";
 import { SplitButton } from "./internal/blocks/SplitButton.js";
-import { MultiActionButtonGroup } from "./MultiActionButtonGroup-BPnmzBtw.js";
+import { MultiActionButtonGroup } from "./MultiActionButtonGroup-AWLj1Tg7.js";
 import { Toggle } from "./internal/components/Toggle.js";
 import { ToggleGroup } from "./ToggleGroup-Cy_10Mvu.js";
 import { Clipboard } from "./Clipboard-_xf6hMDD.js";
-import { ClipboardButton, ClipboardInline } from "./ClipboardButton-DHa1trtI.js";
+import { ClipboardButton, ClipboardInline } from "./ClipboardButton-srUgWgwH.js";
 import { ExportMenu } from "./internal/blocks/ExportMenu.js";
-import { CopyField } from "./CopyField-6_c-NdLO.js";
+import { CopyField } from "./CopyField-Ba7h8MqZ.js";
 import { Label } from "./internal/components/Label.js";
 import { MicrosoftButton } from "./internal/blocks/MicrosoftButton.js";
 import { GoogleButton } from "./internal/blocks/GoogleButton.js";
 import { Link } from "./internal/components/Link.js";
-import { AlertModal } from "./AlertModal-Th2khjPi.js";
-import { Modal } from "./Modal-Driyqs_N.js";
+import { AlertModal } from "./AlertModal-mbSnuuka.js";
+import { Modal } from "./Modal-BkSuS9Yz.js";
 import { Separator } from "./internal/components/Separator.js";
-import { FullScreenModal, FullScreenModalBody, FullScreenModalHeader } from "./FullScreenModal-CD7mYeTz.js";
+import { FullScreenModal, FullScreenModalBody, FullScreenModalHeader } from "./FullScreenModal-Cwnm8WdM.js";
 import { Truncated } from "./internal/components/Truncated.js";
-import { Sheet } from "./Sheet-C-yXk5Da.js";
+import { Sheet } from "./Sheet-D0fAE14T.js";
 import { useStableCallback } from "./internal/hooks/useStableCallback.js";
 import { Popover } from "./Popover-CEk915I1.js";
-import { Popconfirm } from "./Popconfirm-SLz0zodk.js";
+import { Popconfirm } from "./Popconfirm-Dhzn7sy6.js";
 import { HoverCard } from "./HoverCard-B8OKu9XZ.js";
-import { Command, CommandGroup, CommandInput, CommandItem, CommandList, defaultFilter, useCommandState } from "./Command-BU_cVurn.js";
-import { InputGroup } from "./InputGroup-B4QOPxHl.js";
-import { TextInput } from "./TextInput-CDG2XpBl.js";
+import { Command, CommandGroup, CommandInput, CommandItem, CommandList, defaultFilter, useCommandState } from "./Command-BQPiZCNz.js";
+import { InputGroup } from "./InputGroup-CrlMRz4X.js";
+import { TextInput } from "./TextInput-BWYXbfs4.js";
 import { SpotlightBackdrop, useTargetRect } from "./internal/components/SpotlightBackdrop.js";
 import { Calendar } from "./Calendar-DFtmZzbF.js";
 import { DatePicker } from "./DatePicker-CtSa9b3V.js";
 import { TimePicker } from "./TimePicker-CDGYrRxi.js";
-import { DateRangePicker } from "./DateRangePicker-BoPnh4aH.js";
+import { DateRangePicker } from "./DateRangePicker-BAnuz6vO.js";
 import { Switch } from "./Switch-DZvNePOm.js";
-import { RadioGroup } from "./RadioGroup-CBPRLRN0.js";
-import { Slider } from "./Slider-DWdu9NuM.js";
+import { RadioGroup } from "./RadioGroup-CYEp8Wnx.js";
+import { Slider } from "./Slider-B0ou9r0B.js";
 import { Search, SearchForm } from "./Search-DmkQo716.js";
-import { Select } from "./Select-ByRvkZ3D.js";
+import { forwardAccessibleName } from "./internal/utils/accessibleName.js";
+import { Select } from "./Select-B4uK0QVm.js";
 import { Checkbox } from "./Checkbox-8yIIgY7g.js";
-import { BLANK_VALUES, Combobox, filterByWords, matchByWords, namedLabel, withBlankValues } from "./Combobox-CxRAYOBt.js";
-import { Badge } from "./Badge-DIjhwPvh.js";
+import { BLANK_VALUES, Combobox, filterByWords, matchByWords, namedLabel, withBlankValues } from "./Combobox-BNhW0TDB.js";
+import { Badge } from "./Badge-Dz0cj6rj.js";
 import { MultiCombobox } from "./internal/blocks/MultiCombobox.js";
-import { FormGroup } from "./FormGroup-CmNiAtU6.js";
-import { ColorInput } from "./ColorInput-DSMqrs2-.js";
+import { FormGroup } from "./FormGroup-CmCppxOn.js";
+import { ColorInput } from "./ColorInput-B3gBZ8Ya.js";
 import { HelpBlock } from "./internal/components/HelpBlock.js";
 import { NumberInput } from "./internal/blocks/NumberInput.js";
 import { Textarea } from "./internal/blocks/Textarea.js";
@@ -56,27 +57,26 @@ import { ComboboxField } from "./internal/blocks/Form/connectors/ComboboxField.j
 import { MultiComboboxField } from "./internal/blocks/Form/connectors/MultiComboboxField.js";
 import { ChipEditor } from "./internal/blocks/ChipEditor.js";
 import { AutoSaveTextarea } from "./AutoSaveTextarea-C5iIr2Ts.js";
-import { ColorModeSwitch } from "./ColorModeSwitch-D7EuWyJz.js";
-import { DateInput } from "./DateInput-DyEErfJf.js";
+import { ColorModeSwitch } from "./ColorModeSwitch-BBzn1D0u.js";
+import { DateInput } from "./DateInput-D0nWUasV.js";
 import { PasswordInput } from "./internal/blocks/PasswordInput.js";
 import { TimeInput } from "./internal/blocks/TimeInput.js";
-import { DateRangeInput } from "./DateRangeInput-Dg7-VUd9.js";
+import { DateRangeInput } from "./DateRangeInput-i6wE45-V.js";
 import { OtpInput, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS } from "./OtpInput-I8B8Vjdl.js";
-import { SearchInput } from "./SearchInput-CEfQDNl3.js";
+import { SearchInput } from "./SearchInput-D3qMkHaW.js";
 import { SearchInputWithNavigation } from "./internal/blocks/SearchInputWithNavigation.js";
-import { FileUpload, useFileDropTarget, useFileUploadRejections } from "./FileUpload-C83tXuE2.js";
-import { AnswerActions, AnswerSummary, ChatInlineIcon, CollapsibleStepHeader, DIAGRAM_LANGUAGES, FileDownloadChip, InlineStepDetail, InlineStepGroup, InlineStepLabel, Markdown, MarkdownTable, MessageBubble, PROMPT_INPUT_CONTAINER, PlanApproval, PlanRewritingIndicator, PromptInput, Question, QuestionBlock, SuggestedPrompt, ThinkingIndicator, ToolCallApproval, ToolCallChip, ToolCallStatusHeader, UsageBar, UsageStats, UsageStatsRing, clampPercentage, findMentionToken, findSlashToken, formatPercentage, getChatInlineIconName } from "./AIKit-BD4r7ff-.js";
+import { FileUpload, useFileDropTarget, useFileUploadRejections } from "./FileUpload-Ch2hrIWq.js";
+import { AnswerActions, AnswerSummary, ChatInlineIcon, CollapsibleStepHeader, DIAGRAM_LANGUAGES, FileDownloadChip, InlineStepDetail, InlineStepGroup, InlineStepLabel, Markdown, MarkdownTable, MessageBubble, PROMPT_INPUT_CONTAINER, PlanApproval, PlanRewritingIndicator, PromptInput, Question, QuestionBlock, SuggestedPrompt, ThinkingIndicator, ToolCallApproval, ToolCallChip, ToolCallStatusHeader, UsageBar, UsageStats, UsageStatsRing, clampPercentage, findMentionToken, findSlashToken, formatPercentage, getChatInlineIconName } from "./AIKit-VB7CXeQk.js";
 import { Table, tableAriaSort } from "./Table-BaVT5Tkn.js";
 import { Skeleton } from "./internal/components/Skeleton/Skeleton.js";
 import { DiagramSkeleton } from "./internal/blocks/DiagramShared/DiagramSkeleton.js";
 import { Progress } from "./internal/components/Progress.js";
 import { Collapsible } from "./Collapsible-BQXWEOBC.js";
 import { Alert } from "./Alert-UI-CIs-1.js";
-import { StatusDot, statusDotVariants } from "./internal/components/StatusDot.js";
 import { toast } from "./toast-CyXEdaCZ.js";
 import { Toaster, useNotification } from "./Toast-PfQf3vj-.js";
 import { EmptySearchContent } from "./internal/components/EmptySearchContent.js";
-import { Card } from "./Card-Cr9MBNHu.js";
+import { Card } from "./Card-BQmBWHXl.js";
 import { EmptyConfigurationActionCard } from "./internal/blocks/EmptyConfigurationActionCard.js";
 import { EmptyState } from "./internal/blocks/EmptyState.js";
 import { ErrorState } from "./internal/blocks/ErrorState.js";
@@ -84,27 +84,27 @@ import { SkeletonList } from "./internal/components/Skeleton/SkeletonList.js";
 import { DotsLoader } from "./internal/components/DotsLoader.js";
 import { CollapsiblePanel } from "./internal/components/CollapsiblePanel.js";
 import { PanelWithDetails } from "./internal/components/PanelWithDetails.js";
-import { ThemeProvider, ThemeScope, agnes, brandSchema, exampleCustomer, harbor, keboola, keboolaLegacySidebar, keboolaLegacyTopnav, useThemeScopeContainer } from "./ThemeProvider-DXsxFg1U.js";
+import { ThemeProvider, ThemeScope, agnes, brandSchema, exampleCustomer, harbor, keboola, keboolaLegacySidebar, useThemeScopeContainer } from "./ThemeProvider-VF38VfUa.js";
 import { AppShell, appShellSlotSelector } from "./AppShell-WSQabK8r.js";
 import { BrandLogo } from "./BrandLogo-CKpVSZb6.js";
 import { AuthLayout } from "./internal/blocks/AuthLayout.js";
 import { PageLayout } from "./PageLayout-DiAAILuS.js";
 import { PageHeader } from "./PageHeader-CgfyXpf1.js";
-import { PageToolbar } from "./PageToolbar-DOAtAnfL.js";
-import { SectionNav } from "./SectionNav-B_qf0AXi.js";
+import { PageToolbar } from "./PageToolbar-C06RKIif.js";
+import { SectionNav } from "./SectionNav-BTBiitiQ.js";
 import { ResizableHandle, ResizablePanel, ResizablePanelGroup, useDefaultLayout } from "./Resizable-D3vYToZH.js";
-import { Sidebar, SidebarProvider, useOptionalSidebar, useSidebar } from "./Sidebar-Ds0E6PbR.js";
+import { Sidebar, SidebarProvider, useOptionalSidebar, useSidebar } from "./Sidebar-BTv636Cq.js";
 import { useScrollbarPosition } from "./internal/hooks/useScrollbarPosition.js";
 import { Navbar } from "./Navbar-B_DNpv5s.js";
 import { DEFAULT_WORKBENCH_BAR_HEIGHT_IN_REM, DEFAULT_WORKBENCH_PANEL_HEIGHT_IN_PX, MIN_WORKBENCH_PANEL_HEIGHT_IN_PX, Workbench, useWorkbench } from "./Workbench-DmZzpkj7.js";
-import { Breadcrumb } from "./Breadcrumb-p9HtMLCc.js";
-import { Tabs, TabsContent } from "./Tabs-Dt9oLYHC.js";
+import { Breadcrumb } from "./Breadcrumb-BUoAZyhO.js";
+import { Tabs, TabsContent } from "./Tabs-CTDmye1N.js";
 import { Stepper } from "./Stepper-BLkLhfnd.js";
 import { Timeline } from "./Timeline-B-I6sb0M.js";
 import { Avatar } from "./internal/components/Avatar.js";
 import { MarkedText } from "./MarkedText-DlmlJO0u.js";
 import { Kbd, kbdVariants, keys } from "./Kbd-J4n1J6i4.js";
-import { Pagination } from "./Pagination-LaSg-5cl.js";
+import { Pagination } from "./Pagination-DH3f6LN0.js";
 import { DiffType, DiffView, computeDiffRows, computeLineInformation } from "./DiffView-ppTIzh2h.js";
 import { PaneHeader } from "./internal/components/MergeEditor/PaneHeader.js";
 import { ConflictStatusIndicator } from "./internal/components/MergeEditor/ConflictStatus/ConflictStatusIndicator.js";
@@ -112,9 +112,9 @@ import { useMergeDiff } from "./useMergeDiff-CvowEXJ1.js";
 import { DashboardHero } from "./internal/blocks/DashboardHero.js";
 import { StatCard, StatCardGrid } from "./internal/blocks/StatCard.js";
 import { ChartPanel } from "./internal/blocks/ChartPanel.js";
-import { setServerFieldErrors, setSubmitError, useAppForm, withForm } from "./Form-95rVLfX8.js";
+import { setServerFieldErrors, setSubmitError, useAppForm, withForm } from "./Form-VkzfVPyT.js";
 import { useAutosizeInput } from "./internal/hooks/useAutosizeInput.js";
-import { ZoomableSvg, svgToPngBlob, toSvgFileContent } from "./ZoomableSvg-BzXVfgnI.js";
-import { BrandEditor, DEFAULT_FALLBACK_FONT, DEFAULT_FONT_OPTIONS, channelsToHex, contrastRatio, hexToChannels, wcagLevel } from "./BrandEditor-BU23Vl8V.js";
+import { ZoomableSvg, svgToPngBlob, toSvgFileContent } from "./ZoomableSvg-C65nta_r.js";
+import { BrandEditor, DEFAULT_FALLBACK_FONT, DEFAULT_FONT_OPTIONS, channelsToHex, contrastRatio, hexToChannels, wcagLevel } from "./BrandEditor-P8OZX2hi.js";
 import { Slot } from "@radix-ui/react-slot";
-export { Alert, AlertModal, AnswerActions, AnswerSummary, AppShell, ArgoDesignContext, AuthLayout, AutoSaveTextarea, Avatar, BLANK_VALUES, Badge, BrandEditor, BrandLogo, Breadcrumb, Button, ButtonGroup, ButtonInline, Calendar, Card, ChartPanel, ChatInlineIcon, Checkbox, ChipEditor, Clipboard, ClipboardButton, ClipboardInline, Collapsible, CollapsiblePanel, CollapsibleStepHeader, ColorInput, ColorModeSwitch, Combobox, ComboboxField, Command, CommandGroup, CommandInput, CommandItem, CommandList, ConflictStatusIndicator, CopyField, DEFAULT_COLOR_SCHEME, DEFAULT_FALLBACK_FONT, DEFAULT_FONT_OPTIONS, DEFAULT_BRAND_ID as DEFAULT_KEBOOLA_BRAND_ID, DEFAULT_WORKBENCH_BAR_HEIGHT_IN_REM, DEFAULT_WORKBENCH_PANEL_HEIGHT_IN_PX, DIAGRAM_LANGUAGES, DashboardHero, DateInput, DatePicker, DateRangeInput, DateRangePicker, DiagramSkeleton, DiffType, DiffView, DotsLoader, DropdownMenu, EmptyConfigurationActionCard, EmptySearchContent, EmptyState, ErrorState, ExportMenu, FileDownloadChip, FileUpload, FormGroup, FullScreenModal, FullScreenModalBody, FullScreenModalHeader, GoogleButton, HINT_UNDERLINE_CLASS_NAME, HelpBlock, HoverCard, InlineStepDetail, InlineStepGroup, InlineStepLabel, InputGroup, Kbd, Label, Link, MIN_WORKBENCH_PANEL_HEIGHT_IN_PX, Markdown, MarkdownTable, MarkedText, MessageBubble, MicrosoftButton, Modal, MultiActionButtonGroup, MultiCombobox, MultiComboboxField, Navbar, NumberInput, OtpInput, PROMPT_INPUT_CONTAINER, PageHeader, PageLayout, PageToolbar, Pagination, PaneHeader, PanelWithDetails, PasswordInput, PlanApproval, PlanRewritingIndicator, Popconfirm, Popover, Progress, PromptInput, Question, QuestionBlock, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS, RadioGroup, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Search, SearchForm, SearchInput, SearchInputWithNavigation, SectionNav, Select, Separator, Sheet, Sidebar, SidebarProvider, Skeleton, SkeletonList, Slider, Slot, SplitButton, SpotlightBackdrop, StatCard, StatCardGrid, StatusDot, Stepper, SuggestedPrompt, Switch, Table, Tabs, TabsContent, TextInput, Textarea, ThemeProvider, ThemeScope, ThinkingIndicator, TimeInput, TimePicker, Timeline, Toaster, Toggle, ToggleGroup, ToolCallApproval, ToolCallChip, ToolCallStatusHeader, Tooltip, TooltipProvider, Truncated, UsageBar, UsageStats, UsageStatsRing, Workbench, ZoomableSvg, agnes, appShellSlotSelector, argoVariants, brandSchema, channelsToHex, clampPercentage, cn, computeDiffRows, computeLineInformation, contrastRatio, copyToClipboard, defaultFilter, exampleCustomer, filterByWords, findLiteralMatches, findMentionToken, findSlashToken, formatPercentage, getChatInlineIconName, harbor, hasLiteralMatch, hexToChannels, isMac, kbdVariants, keboola, keboolaLegacySidebar, keboolaLegacyTopnav, keys, matchByWords, mergeRefs, namedLabel, setServerFieldErrors, setSubmitError, statusDotVariants, svgToPngBlob, tableAriaSort, toSvgFileContent, toast, useAppForm, useArgoDesign, useAutosizeInput, useCommandState, useDefaultLayout, useFileDropTarget, useFileUploadRejections, useMergeDiff, useNotification, useOptionalSidebar, useScrollbarPosition, useSidebar, useStableCallback, useTargetRect, useTheme, useThemeScopeContainer, useWorkbench, wcagLevel, withBlankValues, withForm };
+export { Alert, AlertModal, AnswerActions, AnswerSummary, AppShell, ArgoDesignContext, AuthLayout, AutoSaveTextarea, Avatar, BLANK_VALUES, Badge, BrandEditor, BrandLogo, Breadcrumb, Button, ButtonGroup, ButtonInline, Calendar, Card, ChartPanel, ChatInlineIcon, Checkbox, ChipEditor, Clipboard, ClipboardButton, ClipboardInline, Collapsible, CollapsiblePanel, CollapsibleStepHeader, ColorInput, ColorModeSwitch, Combobox, ComboboxField, Command, CommandGroup, CommandInput, CommandItem, CommandList, ConflictStatusIndicator, CopyField, DEFAULT_COLOR_SCHEME, DEFAULT_FALLBACK_FONT, DEFAULT_FONT_OPTIONS, DEFAULT_BRAND_ID as DEFAULT_KEBOOLA_BRAND_ID, DEFAULT_WORKBENCH_BAR_HEIGHT_IN_REM, DEFAULT_WORKBENCH_PANEL_HEIGHT_IN_PX, DIAGRAM_LANGUAGES, DashboardHero, DateInput, DatePicker, DateRangeInput, DateRangePicker, DiagramSkeleton, DiffType, DiffView, DotsLoader, DropdownMenu, EmptyConfigurationActionCard, EmptySearchContent, EmptyState, ErrorState, ExportMenu, FileDownloadChip, FileUpload, FormGroup, FullScreenModal, FullScreenModalBody, FullScreenModalHeader, GoogleButton, HINT_UNDERLINE_CLASS_NAME, HelpBlock, HoverCard, InlineStepDetail, InlineStepGroup, InlineStepLabel, InputGroup, Kbd, Label, Link, MIN_WORKBENCH_PANEL_HEIGHT_IN_PX, Markdown, MarkdownTable, MarkedText, MessageBubble, MicrosoftButton, Modal, MultiActionButtonGroup, MultiCombobox, MultiComboboxField, Navbar, NumberInput, OtpInput, PROMPT_INPUT_CONTAINER, PageHeader, PageLayout, PageToolbar, Pagination, PaneHeader, PanelWithDetails, PasswordInput, PlanApproval, PlanRewritingIndicator, Popconfirm, Popover, Progress, PromptInput, Question, QuestionBlock, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS, RadioGroup, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Search, SearchForm, SearchInput, SearchInputWithNavigation, SectionNav, Select, Separator, Sheet, Sidebar, SidebarProvider, Skeleton, SkeletonList, Slider, Slot, SplitButton, SpotlightBackdrop, StatCard, StatCardGrid, Stepper, SuggestedPrompt, Switch, Table, Tabs, TabsContent, TextInput, Textarea, ThemeProvider, ThemeScope, ThinkingIndicator, TimeInput, TimePicker, Timeline, Toaster, Toggle, ToggleGroup, ToolCallApproval, ToolCallChip, ToolCallStatusHeader, Tooltip, TooltipProvider, Truncated, UsageBar, UsageStats, UsageStatsRing, Workbench, ZoomableSvg, agnes, appShellSlotSelector, argoVariants, brandSchema, channelsToHex, clampPercentage, cn, computeDiffRows, computeLineInformation, contrastRatio, copyToClipboard, defaultFilter, exampleCustomer, filterByWords, findLiteralMatches, findMentionToken, findSlashToken, formatPercentage, forwardAccessibleName, getChatInlineIconName, harbor, hasLiteralMatch, hexToChannels, isMac, kbdVariants, keboola, keboolaLegacySidebar, keys, matchByWords, mergeRefs, namedLabel, setServerFieldErrors, setSubmitError, svgToPngBlob, tableAriaSort, toSvgFileContent, toast, useAppForm, useArgoDesign, useAutosizeInput, useCommandState, useDefaultLayout, useFileDropTarget, useFileUploadRejections, useMergeDiff, useNotification, useOptionalSidebar, useScrollbarPosition, useSidebar, useStableCallback, useTargetRect, useTheme, useThemeScopeContainer, useWorkbench, wcagLevel, withBlankValues, withForm };

package/dist/internal/blocks/AIKit.js

@@ -1,2 +1,2 @@
-import { AnswerActions, AnswerSummary, ChatInlineIcon, CollapsibleStepHeader, DIAGRAM_LANGUAGES, FileDownloadChip, InlineStepDetail, InlineStepGroup, InlineStepLabel, Markdown, MarkdownTable, MessageBubble, PROMPT_INPUT_CONTAINER, PlanApproval, PlanRewritingIndicator, PromptInput, Question, QuestionBlock, SuggestedPrompt, ThinkingIndicator, ToolCallApproval, ToolCallChip, ToolCallStatusHeader, UsageBar, UsageStats, UsageStatsRing, clampPercentage, findMentionToken, findSlashToken, formatPercentage, getChatInlineIconName } from "../../AIKit-BD4r7ff-.js";
+import { AnswerActions, AnswerSummary, ChatInlineIcon, CollapsibleStepHeader, DIAGRAM_LANGUAGES, FileDownloadChip, InlineStepDetail, InlineStepGroup, InlineStepLabel, Markdown, MarkdownTable, MessageBubble, PROMPT_INPUT_CONTAINER, PlanApproval, PlanRewritingIndicator, PromptInput, Question, QuestionBlock, SuggestedPrompt, ThinkingIndicator, ToolCallApproval, ToolCallChip, ToolCallStatusHeader, UsageBar, UsageStats, UsageStatsRing, clampPercentage, findMentionToken, findSlashToken, formatPercentage, getChatInlineIconName } from "../../AIKit-VB7CXeQk.js";
 export { AnswerActions, AnswerSummary, ChatInlineIcon, CollapsibleStepHeader, DIAGRAM_LANGUAGES, FileDownloadChip, InlineStepDetail, InlineStepGroup, InlineStepLabel, Markdown, MarkdownTable, MessageBubble, PROMPT_INPUT_CONTAINER, PlanApproval, PlanRewritingIndicator, PromptInput, Question, QuestionBlock, SuggestedPrompt, ThinkingIndicator, ToolCallApproval, ToolCallChip, ToolCallStatusHeader, UsageBar, UsageStats, UsageStatsRing, clampPercentage, findMentionToken, findSlashToken, formatPercentage, getChatInlineIconName };

package/dist/internal/blocks/BrandEditor.js

@@ -1,2 +1,2 @@
-import { BrandEditor, DEFAULT_FALLBACK_FONT, DEFAULT_FONT_OPTIONS, channelsToHex, contrastRatio, hexToChannels, wcagLevel } from "../../BrandEditor-BU23Vl8V.js";
+import { BrandEditor, DEFAULT_FALLBACK_FONT, DEFAULT_FONT_OPTIONS, channelsToHex, contrastRatio, hexToChannels, wcagLevel } from "../../BrandEditor-P8OZX2hi.js";
 export { BrandEditor, DEFAULT_FALLBACK_FONT, DEFAULT_FONT_OPTIONS, channelsToHex, contrastRatio, hexToChannels, wcagLevel };

package/dist/internal/blocks/ChartPanel.js

@@ -1,5 +1,5 @@
 import { cn } from "../../classNames-BzrkDnOD.js";
-import { Card } from "../../Card-Cr9MBNHu.js";
+import { Card } from "../../Card-BQmBWHXl.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/blocks/ChartPanel/ChartPanel.tsx
 /**

package/dist/internal/blocks/ChipEditor.js

@@ -2,9 +2,9 @@ import { splitEntry } from "../../utils-Bd28bWgm.js";
 import { useArgoDesign } from "../../context-U293r3v-.js";
 import { mergeRefs } from "../utils/mergeRefs.js";
 import { X } from "../../icons-wcA70iQx.js";
-import { InputGroup } from "../../InputGroup-B4QOPxHl.js";
+import { InputGroup } from "../../InputGroup-CrlMRz4X.js";
 import { useControllableState } from "../../useControllableState-CUYXMsfz.js";
-import { Badge } from "../../Badge-DIjhwPvh.js";
+import { Badge } from "../../Badge-Dz0cj6rj.js";
 import { useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/blocks/ChipEditor/ChipEditor.tsx

package/dist/internal/blocks/ClipboardButton.js

@@ -1,2 +1,2 @@
-import { ClipboardButton, ClipboardInline } from "../../ClipboardButton-DHa1trtI.js";
+import { ClipboardButton, ClipboardInline } from "../../ClipboardButton-srUgWgwH.js";
 export { ClipboardButton, ClipboardInline };

package/dist/internal/blocks/ColorInput.js

@@ -1,2 +1,2 @@
-import { ColorInput } from "../../ColorInput-DSMqrs2-.js";
+import { ColorInput } from "../../ColorInput-B3gBZ8Ya.js";
 export { ColorInput };

package/dist/internal/blocks/ColorModeSwitch.js

@@ -1,2 +1,2 @@
-import { ColorModeSwitch } from "../../ColorModeSwitch-D7EuWyJz.js";
+import { ColorModeSwitch } from "../../ColorModeSwitch-BBzn1D0u.js";
 export { ColorModeSwitch };

package/dist/internal/blocks/Command.js

@@ -1,2 +1,2 @@
-import { Command, CommandGroup, CommandInput, CommandItem, CommandList, defaultFilter, useCommandState } from "../../Command-BU_cVurn.js";
+import { Command, CommandGroup, CommandInput, CommandItem, CommandList, defaultFilter, useCommandState } from "../../Command-BQPiZCNz.js";
 export { Command, CommandGroup, CommandInput, CommandItem, CommandList, defaultFilter, useCommandState };

package/dist/internal/blocks/CopyField.js

@@ -1,2 +1,2 @@
-import { CopyField } from "../../CopyField-6_c-NdLO.js";
+import { CopyField } from "../../CopyField-Ba7h8MqZ.js";
 export { CopyField };

package/dist/internal/blocks/DateInput.js

@@ -1,2 +1,2 @@
-import { DateInput } from "../../DateInput-DyEErfJf.js";
+import { DateInput } from "../../DateInput-D0nWUasV.js";
 export { DateInput };

package/dist/internal/blocks/DateRangeInput.js

@@ -1,2 +1,2 @@
-import { DateRangeInput } from "../../DateRangeInput-Dg7-VUd9.js";
+import { DateRangeInput } from "../../DateRangeInput-i6wE45-V.js";
 export { DateRangeInput };

package/dist/internal/blocks/EmptyConfigurationActionCard.js

@@ -1,4 +1,4 @@
-import { Card } from "../../Card-Cr9MBNHu.js";
+import { Card } from "../../Card-BQmBWHXl.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/blocks/EmptyConfigurationActionCard/EmptyConfigurationActionCard.tsx
 const EmptyConfigurationActionCard = ({ title, children, className }) => {

package/dist/internal/blocks/ExportMenu.js

@@ -1,7 +1,7 @@
 import { Tooltip } from "../../utils-Bd28bWgm.js";
 import { Download } from "../../icons-wcA70iQx.js";
-import { Button } from "../../Button-Ca4Q3VJU.js";
-import { DropdownMenu } from "../../DropdownMenu-gRM-A8qU.js";
+import { Button } from "../../Button-B21oVcPU.js";
+import { DropdownMenu } from "../../DropdownMenu-C5FLPkvR.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/blocks/ExportMenu/ExportMenu.tsx
 /**

package/dist/internal/blocks/Form/connectors/ComboboxField.js

@@ -1,5 +1,5 @@
-import { Combobox } from "../../../../Combobox-CxRAYOBt.js";
-import { FieldItem, useFieldContext } from "../../../../FieldItem-2wMXQ0Qw.js";
+import { Combobox } from "../../../../Combobox-BNhW0TDB.js";
+import { FieldItem, useFieldContext } from "../../../../FieldItem-BHViBJS3.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/blocks/Form/connectors/ComboboxField.tsx
 /**

package/dist/internal/blocks/Form/connectors/ComboboxField.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxField.js","names":[],"sources":["../../../../../src/blocks/Form/connectors/ComboboxField.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nimport { Combobox } from '../../../components/Combobox';\nimport { useFieldContext } from '../contexts';\n\nimport { FieldItem, type FieldItemProps } from './FieldItem';\n\ntype Props = FieldItemProps &\n  Omit<\n    ComponentProps<typeof Combobox<string>>,\n    // Owned by the field / `FieldItem` — see the connector rules in AGENTS.md.\n    | 'id'\n    | 'name'\n    | 'value'\n    | 'defaultValue'\n    | 'onValueChange'\n    | 'onBlur'\n    | 'aria-describedby'\n    | 'aria-invalid'\n    | 'aria-required'\n    // `className` styles the field frame; the input group gets its own prop below.\n    | 'className'\n    | 'state'\n  > & { inputClassName?: string };\n\n/**\n * Searchable single-selection field. State is `string`; `''` is no selection.\n *\n * - Imported by name, not `field.*`: registering it cost every `useAppForm` consumer +46 kB brotli.\n * - Reads the field from context; render it inside `form.AppField`.\n * - `allowClear` defaults to `!required`: a required value is not one click from empty.\n * - `string` items only — objects would put presentation into the payload; use `itemToStringLabel`.\n */\nexport const ComboboxField = ({\n  label,\n  action,\n  required,\n  requiredMark,\n  help,\n  tooltip,\n  className,\n  'aria-describedby': ariaDescribedBy,\n  inputClassName,\n  allowClear,\n  ...comboboxProps\n}: Props) => {\n  const field = useFieldContext<string>();\n\n  return (\n    <FieldItem\n      label={label}\n      action={action}\n      required={required}\n      requiredMark={requiredMark}\n      help={help}\n      tooltip={tooltip}\n      className={className}\n      aria-describedby={ariaDescribedBy}\n    >\n      {({ 'aria-invalid': isInvalid, ...control }) => (\n        <Combobox<string>\n          {...comboboxProps}\n          {...control}\n          allowClear={allowClear ?? !required}\n          // `aria-invalid` draws the error border; `state` adds the fill the `secondary` variant has.\n          aria-invalid={isInvalid}\n          state={isInvalid === true ? 'error' : undefined}\n          className={inputClassName}\n          // `undefined` would make `Combobox` uncontrolled and keep a selection the form reset.\n          value={field.state.value || null}\n          onValueChange={(next) => field.handleChange(next ?? '')}\n          onBlur={field.handleBlur}\n        />\n      )}\n    </FieldItem>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AAiCA,MAAa,iBAAiB,EAC5B,OACA,QACA,UACA,cACA,MACA,SACA,WACA,oBAAoB,iBACpB,gBACA,YACA,GAAG,oBACQ;CACX,MAAM,QAAQ,gBAAwB;CAEtC,OACE,oBAAC,WAAD;EACS;EACC;EACE;EACI;EACR;EACG;EACE;EACX,oBAAkB;EAEhB,WAAA,EAAE,gBAAgB,WAAW,GAAG,cAChC,oBAAC,UAAD;GACE,GAAI;GACJ,GAAI;GACJ,YAAY,cAAc,CAAC;GAE3B,gBAAc;GACd,OAAO,cAAc,OAAO,UAAU,KAAA;GACtC,WAAW;GAEX,OAAO,MAAM,MAAM,SAAS;GAC5B,gBAAgB,SAAS,MAAM,aAAa,QAAQ,EAAE;GACtD,QAAQ,MAAM;EACf,CAAA;CAEM,CAAA;AAEf"}
+{"version":3,"file":"ComboboxField.js","names":[],"sources":["../../../../../src/blocks/Form/connectors/ComboboxField.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nimport { Combobox } from '../../../components/Combobox';\nimport { useFieldContext } from '../contexts';\n\nimport { FieldItem, type FieldItemProps } from './FieldItem';\n\ntype Props = FieldItemProps &\n  Omit<\n    ComponentProps<typeof Combobox<string>>,\n    // Owned by the field / `FieldItem` — see the connector rules in AGENTS.md.\n    | 'id'\n    | 'aria-label'\n    | 'aria-labelledby'\n    | 'name'\n    | 'value'\n    | 'defaultValue'\n    | 'onValueChange'\n    | 'onBlur'\n    | 'aria-describedby'\n    | 'aria-invalid'\n    | 'aria-required'\n    // `className` styles the field frame; the input group gets its own prop below.\n    | 'className'\n    | 'state'\n  > & { inputClassName?: string };\n\n/**\n * Searchable single-selection field. State is `string`; `''` is no selection.\n *\n * - Imported by name, not `field.*`: registering it cost every `useAppForm` consumer +46 kB brotli.\n * - Reads the field from context; render it inside `form.AppField`.\n * - `allowClear` defaults to `!required`: a required value is not one click from empty.\n * - `string` items only — objects would put presentation into the payload; use `itemToStringLabel`.\n */\nexport const ComboboxField = ({\n  label,\n  action,\n  required,\n  requiredMark,\n  help,\n  tooltip,\n  className,\n  'aria-describedby': ariaDescribedBy,\n  inputClassName,\n  allowClear,\n  ...comboboxProps\n}: Props) => {\n  const field = useFieldContext<string>();\n\n  return (\n    <FieldItem\n      label={label}\n      action={action}\n      required={required}\n      requiredMark={requiredMark}\n      help={help}\n      tooltip={tooltip}\n      className={className}\n      aria-describedby={ariaDescribedBy}\n    >\n      {({ 'aria-invalid': isInvalid, ...control }) => (\n        <Combobox<string>\n          {...comboboxProps}\n          {...control}\n          allowClear={allowClear ?? !required}\n          // `aria-invalid` draws the error border; `state` adds the fill the `secondary` variant has.\n          aria-invalid={isInvalid}\n          state={isInvalid === true ? 'error' : undefined}\n          className={inputClassName}\n          // `undefined` would make `Combobox` uncontrolled and keep a selection the form reset.\n          value={field.state.value || null}\n          onValueChange={(next) => field.handleChange(next ?? '')}\n          onBlur={field.handleBlur}\n        />\n      )}\n    </FieldItem>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AAmCA,MAAa,iBAAiB,EAC5B,OACA,QACA,UACA,cACA,MACA,SACA,WACA,oBAAoB,iBACpB,gBACA,YACA,GAAG,oBACQ;CACX,MAAM,QAAQ,gBAAwB;CAEtC,OACE,oBAAC,WAAD;EACS;EACC;EACE;EACI;EACR;EACG;EACE;EACX,oBAAkB;EAEhB,WAAA,EAAE,gBAAgB,WAAW,GAAG,cAChC,oBAAC,UAAD;GACE,GAAI;GACJ,GAAI;GACJ,YAAY,cAAc,CAAC;GAE3B,gBAAc;GACd,OAAO,cAAc,OAAO,UAAU,KAAA;GACtC,WAAW;GAEX,OAAO,MAAM,MAAM,SAAS;GAC5B,gBAAgB,SAAS,MAAM,aAAa,QAAQ,EAAE;GACtD,QAAQ,MAAM;EACf,CAAA;CAEM,CAAA;AAEf"}

package/dist/internal/blocks/Form/connectors/MultiComboboxField.js

@@ -1,5 +1,5 @@
 import { MultiCombobox } from "../../MultiCombobox.js";
-import { FieldItem, useFieldContext } from "../../../../FieldItem-2wMXQ0Qw.js";
+import { FieldItem, useFieldContext } from "../../../../FieldItem-BHViBJS3.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/blocks/Form/connectors/MultiComboboxField.tsx
 /**

package/dist/internal/blocks/Form/connectors/MultiComboboxField.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiComboboxField.js","names":[],"sources":["../../../../../src/blocks/Form/connectors/MultiComboboxField.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nimport { MultiCombobox } from '../../MultiCombobox';\nimport { useFieldContext } from '../contexts';\n\nimport { FieldItem, type FieldItemProps } from './FieldItem';\n\ntype Props = FieldItemProps &\n  Omit<\n    ComponentProps<typeof MultiCombobox<string>>,\n    // Owned by the field / `FieldItem` — see the connector rules in AGENTS.md.\n    | 'id'\n    | 'name'\n    | 'value'\n    | 'defaultValue'\n    | 'onValueChange'\n    | 'onBlur'\n    | 'aria-describedby'\n    | 'aria-invalid'\n    | 'aria-required'\n    // `className` styles the field frame; the input group gets its own prop below.\n    | 'className'\n    | 'state'\n  > & { inputClassName?: string };\n\n/**\n * Multi-selection field. State is `string[]`.\n *\n * - ⚠️ Imported by name, not `field.*`: `fieldComponents` doesn't shake per key, and registering it\n *   cost every `useAppForm` consumer +45 kB brotli.\n * - Reads the field from context; render it inside `form.AppField`.\n * - `string` items only — objects would put presentation into the payload; use `itemToLabel`.\n */\nexport const MultiComboboxField = ({\n  label,\n  action,\n  required,\n  requiredMark,\n  help,\n  tooltip,\n  className,\n  'aria-describedby': ariaDescribedBy,\n  inputClassName,\n  ...comboboxProps\n}: Props) => {\n  const field = useFieldContext<string[]>();\n\n  return (\n    <FieldItem\n      label={label}\n      action={action}\n      required={required}\n      requiredMark={requiredMark}\n      help={help}\n      tooltip={tooltip}\n      className={className}\n      aria-describedby={ariaDescribedBy}\n    >\n      {({ 'aria-invalid': isInvalid, ...control }) => (\n        <MultiCombobox<string>\n          {...comboboxProps}\n          {...control}\n          // `aria-invalid` doubles as the visual error state; the input group has no \"invalid\" prop.\n          aria-invalid={isInvalid}\n          state={isInvalid === true ? 'error' : undefined}\n          className={inputClassName}\n          // `undefined` would make `MultiCombobox` hold a selection of its own, apart from the field.\n          value={field.state.value ?? []}\n          onValueChange={(next) => field.handleChange(next)}\n          onBlur={field.handleBlur}\n        />\n      )}\n    </FieldItem>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AAiCA,MAAa,sBAAsB,EACjC,OACA,QACA,UACA,cACA,MACA,SACA,WACA,oBAAoB,iBACpB,gBACA,GAAG,oBACQ;CACX,MAAM,QAAQ,gBAA0B;CAExC,OACE,oBAAC,WAAD;EACS;EACC;EACE;EACI;EACR;EACG;EACE;EACX,oBAAkB;EAEhB,WAAA,EAAE,gBAAgB,WAAW,GAAG,cAChC,oBAAC,eAAD;GACE,GAAI;GACJ,GAAI;GAEJ,gBAAc;GACd,OAAO,cAAc,OAAO,UAAU,KAAA;GACtC,WAAW;GAEX,OAAO,MAAM,MAAM,SAAS,CAAC;GAC7B,gBAAgB,SAAS,MAAM,aAAa,IAAI;GAChD,QAAQ,MAAM;EACf,CAAA;CAEM,CAAA;AAEf"}
+{"version":3,"file":"MultiComboboxField.js","names":[],"sources":["../../../../../src/blocks/Form/connectors/MultiComboboxField.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nimport { MultiCombobox } from '../../MultiCombobox';\nimport { useFieldContext } from '../contexts';\n\nimport { FieldItem, type FieldItemProps } from './FieldItem';\n\ntype Props = FieldItemProps &\n  Omit<\n    ComponentProps<typeof MultiCombobox<string>>,\n    // Owned by the field / `FieldItem` — see the connector rules in AGENTS.md.\n    | 'id'\n    | 'aria-label'\n    | 'aria-labelledby'\n    | 'name'\n    | 'value'\n    | 'defaultValue'\n    | 'onValueChange'\n    | 'onBlur'\n    | 'aria-describedby'\n    | 'aria-invalid'\n    | 'aria-required'\n    // `className` styles the field frame; the input group gets its own prop below.\n    | 'className'\n    | 'state'\n  > & { inputClassName?: string };\n\n/**\n * Multi-selection field. State is `string[]`.\n *\n * - ⚠️ Imported by name, not `field.*`: `fieldComponents` doesn't shake per key, and registering it\n *   cost every `useAppForm` consumer +45 kB brotli.\n * - Reads the field from context; render it inside `form.AppField`.\n * - `string` items only — objects would put presentation into the payload; use `itemToLabel`.\n */\nexport const MultiComboboxField = ({\n  label,\n  action,\n  required,\n  requiredMark,\n  help,\n  tooltip,\n  className,\n  'aria-describedby': ariaDescribedBy,\n  inputClassName,\n  ...comboboxProps\n}: Props) => {\n  const field = useFieldContext<string[]>();\n\n  return (\n    <FieldItem\n      label={label}\n      action={action}\n      required={required}\n      requiredMark={requiredMark}\n      help={help}\n      tooltip={tooltip}\n      className={className}\n      aria-describedby={ariaDescribedBy}\n    >\n      {({ 'aria-invalid': isInvalid, ...control }) => (\n        <MultiCombobox<string>\n          {...comboboxProps}\n          {...control}\n          // `aria-invalid` doubles as the visual error state; the input group has no \"invalid\" prop.\n          aria-invalid={isInvalid}\n          state={isInvalid === true ? 'error' : undefined}\n          className={inputClassName}\n          // `undefined` would make `MultiCombobox` hold a selection of its own, apart from the field.\n          value={field.state.value ?? []}\n          onValueChange={(next) => field.handleChange(next)}\n          onBlur={field.handleBlur}\n        />\n      )}\n    </FieldItem>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AAmCA,MAAa,sBAAsB,EACjC,OACA,QACA,UACA,cACA,MACA,SACA,WACA,oBAAoB,iBACpB,gBACA,GAAG,oBACQ;CACX,MAAM,QAAQ,gBAA0B;CAExC,OACE,oBAAC,WAAD;EACS;EACC;EACE;EACI;EACR;EACG;EACE;EACX,oBAAkB;EAEhB,WAAA,EAAE,gBAAgB,WAAW,GAAG,cAChC,oBAAC,eAAD;GACE,GAAI;GACJ,GAAI;GAEJ,gBAAc;GACd,OAAO,cAAc,OAAO,UAAU,KAAA;GACtC,WAAW;GAEX,OAAO,MAAM,MAAM,SAAS,CAAC;GAC7B,gBAAgB,SAAS,MAAM,aAAa,IAAI;GAChD,QAAQ,MAAM;EACf,CAAA;CAEM,CAAA;AAEf"}

package/dist/internal/blocks/Form.js

@@ -1,2 +1,2 @@
-import { setServerFieldErrors, setSubmitError, useAppForm, withForm } from "../../Form-95rVLfX8.js";
+import { setServerFieldErrors, setSubmitError, useAppForm, withForm } from "../../Form-VkzfVPyT.js";
 export { setServerFieldErrors, setSubmitError, useAppForm, withForm };

package/dist/internal/blocks/FormGroup.js

@@ -1,2 +1,2 @@
-import { FormGroup } from "../../FormGroup-CmNiAtU6.js";
+import { FormGroup } from "../../FormGroup-CmCppxOn.js";
 export { FormGroup };

package/dist/internal/blocks/MultiActionButtonGroup.js

@@ -1,2 +1,2 @@
-import { MultiActionButtonGroup } from "../../MultiActionButtonGroup-BPnmzBtw.js";
+import { MultiActionButtonGroup } from "../../MultiActionButtonGroup-AWLj1Tg7.js";
 export { MultiActionButtonGroup };

package/dist/internal/blocks/MultiCombobox.js

@@ -1,7 +1,8 @@
 import { splitEntry } from "../../utils-Bd28bWgm.js";
 import { useArgoDesign } from "../../context-U293r3v-.js";
 import { useControllableState } from "../../useControllableState-CUYXMsfz.js";
-import { Combobox as Combobox$1, ComboboxClearButton, ComboboxOpenButton, ComboboxOptions, createCreatableItem, defaultGroupToLabel, defaultItemToDisabled, defaultItemToIcon, defaultQueryToCreateLabel, defaultRowLabel, defaultToCreateValue, flatItems, isCreatableItem, isGroupHeaderItem, isSelectAllItem, sanitizeTypedInput, selectAllItem, toEntries, toLabel, useCreatableStringValue, useGroupHeaders, useItemEquality, useQueryReporter, useVirtualList, useWithCreated } from "../../Combobox-CxRAYOBt.js";
+import { forwardAccessibleName } from "../utils/accessibleName.js";
+import { Combobox as Combobox$1, ComboboxClearButton, ComboboxOpenButton, ComboboxOptions, createCreatableItem, defaultGroupToLabel, defaultItemToDisabled, defaultItemToIcon, defaultQueryToCreateLabel, defaultRowLabel, defaultToCreateValue, flatItems, isCreatableItem, isGroupHeaderItem, isSelectAllItem, sanitizeTypedInput, selectAllItem, toEntries, toLabel, useCreatableStringValue, useGroupHeaders, useItemEquality, useQueryReporter, useVirtualList, useWithCreated } from "../../Combobox-BNhW0TDB.js";
 import { useCallback, useMemo, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Combobox } from "@base-ui/react/combobox";
@@ -16,7 +17,7 @@ const NO_VALUES = [];
 * @see RECIPES.md#creatable-multi-combobox
 * @see RECIPES.md#filter-toolbar
 */
-const MultiCombobox = ({ items: _itemsProp, value: _valueProp, defaultValue, onValueChange, itemToStringLabel, itemToStringValue, disabled, filter: filterProp, isItemEqualToValue: isItemEqualToValueProp, inputRef, variant, sizing, focusVariant, state, placeholder, allowClear = true, id, name, onBlur, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid, "aria-required": ariaRequired, className, allowSelectAll = false, empty = "No items", isLoading = false, indicator, virtualized = false, inputValueSanitizer, onQueryChange, allowCreate, canCreate, queryToCreateValue, queryToCreateLabel = defaultQueryToCreateLabel, createSeparator = ",", itemToDisabled = defaultItemToDisabled, itemToLabel: itemToLabelProp, itemToIcon = defaultItemToIcon, groupToLabel = defaultGroupToLabel, collapsibleGroups = false, selectableGroups = false, itemToChipLabel, itemToChipColor, pinnedChipLabels, renderChips, maxVisible = 3 }) => {
+const MultiCombobox = ({ items: _itemsProp, value: _valueProp, defaultValue, onValueChange, itemToStringLabel, itemToStringValue, disabled, filter: filterProp, isItemEqualToValue: isItemEqualToValueProp, inputRef, variant, sizing, focusVariant, state, placeholder, allowClear = true, name, onBlur, "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid, "aria-required": ariaRequired, className, allowSelectAll = false, empty = "No items", isLoading = false, indicator, virtualized = false, inputValueSanitizer, onQueryChange, allowCreate, canCreate, queryToCreateValue, queryToCreateLabel = defaultQueryToCreateLabel, createSeparator = ",", itemToDisabled = defaultItemToDisabled, itemToLabel: itemToLabelProp, itemToIcon = defaultItemToIcon, groupToLabel = defaultGroupToLabel, collapsibleGroups = false, selectableGroups = false, itemToChipLabel, itemToChipColor, pinnedChipLabels, renderChips, maxVisible = 3, ...accessibleName }) => {
 	const itemsProp = _itemsProp ?? NO_ITEMS;
 	const [valueProp, setValueProp] = useControllableState({
 		prop: _valueProp === null ? NO_VALUES : _valueProp,
@@ -203,11 +204,9 @@ const MultiCombobox = ({ items: _itemsProp, value: _valueProp, defaultValue, onV
 					className: "tw:flex tw:min-w-0 tw:grow tw:items-center tw:gap-1",
 					children: [
 						/* @__PURE__ */ jsx(Combobox$1.Input, {
-							id,
+							...forwardAccessibleName(accessibleName),
 							name,
 							onBlur,
-							"aria-label": ariaLabel,
-							"aria-labelledby": ariaLabelledBy,
 							"aria-describedby": ariaDescribedBy,
 							"aria-invalid": ariaInvalid,
 							"aria-required": ariaRequired,

package/dist/internal/blocks/MultiCombobox.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiCombobox.js","names":["BaseCombobox","Combobox"],"sources":["../../../src/blocks/MultiCombobox/MultiCombobox.tsx"],"sourcesContent":["import { type ComponentProps, type ReactNode, useCallback, useMemo, useState } from 'react';\nimport { Combobox as BaseCombobox } from '@base-ui/react/combobox';\n\nimport { Combobox } from '../../components/Combobox';\nimport { ComboboxClearButton } from '../../components/Combobox/ComboboxClearButton';\nimport { ComboboxOpenButton } from '../../components/Combobox/ComboboxOpenButton';\nimport { ComboboxOptions } from '../../components/Combobox/ComboboxOptions';\nimport { useWithCreated } from '../../components/Combobox/createdItems';\nimport { useGroupHeaders } from '../../components/Combobox/groupHeaders';\nimport { sanitizeTypedInput, useQueryReporter } from '../../components/Combobox/query';\nimport type { Group } from '../../components/Combobox/types';\nimport {\n  createCreatableItem,\n  defaultGroupToLabel,\n  defaultItemToDisabled,\n  defaultItemToIcon,\n  defaultQueryToCreateLabel,\n  defaultRowLabel,\n  defaultToCreateValue,\n  flatItems,\n  isCreatableItem,\n  isGroupHeaderItem,\n  isSelectAllItem,\n  selectAllItem,\n  toEntries,\n  toLabel,\n  useCreatableStringValue,\n  useItemEquality,\n} from '../../components/Combobox/utils';\nimport { useVirtualList, type VirtualizedProps } from '../../components/Combobox/virtualList';\nimport { useArgoDesign } from '../../components/ThemeProvider/context';\nimport { useControllableState } from '../../hooks/useControllableState';\nimport { DEFAULT_ENTRY_SEPARATOR, splitEntry } from '../../utils';\n\ntype ComboboxProps<Value> = BaseCombobox.Root.Props<Value, true>;\ntype ComboboxInputProps = ComponentProps<typeof Combobox.Input>;\ntype ComboboxInputGroupProps = ComponentProps<typeof Combobox.InputGroup>;\ntype ComboboxItemProps = ComponentProps<typeof Combobox.Item>;\ntype ComboboxChipsProps<Value> = ComponentProps<typeof Combobox.Chips<Value>>;\n\ntype Indicator = Exclude<NonNullable<ComboboxItemProps['indicator']>, 'none'>;\n\n/** Joins the create row's values with the entry's separator; a `RegExp` uses the default one. */\nconst joinCreateParts = (parts: string[], separator: string | RegExp | null) =>\n  parts.join(`${typeof separator === 'string' ? separator : DEFAULT_ENTRY_SEPARATOR} `);\n\ntype CreatableProps<Value> = {\n  allowCreate?: boolean;\n  /** Words the create row. Receives the values it adds, trimmed and re-joined — not the entry as typed. */\n  queryToCreateLabel?: (query: string) => ReactNode;\n  /** Projects one entered value into an item. Called once per trimmed part of a split entry. */\n  queryToCreateValue?: (query: string) => Value;\n  /** Rejects a value `allowCreate` would mint; values naming an item or already selected skip it. */\n  canCreate?: (query: string) => boolean;\n  /** Splits one entry into several values (default `','`). A `RegExp` must not capture; `null` never splits. */\n  createSeparator?: string | RegExp | null;\n};\n\n/**\n * Props for `MultiCombobox`.\n *\n * - Pass `isItemEqualToValue` when a store recreates item objects — Base UI matches by reference.\n */\ntype Props<Value, GroupShape extends Group<Value> = Group<Value>> = Pick<\n  ComboboxInputProps,\n  // Go to the input, which is the `combobox` role; on the group they reach nothing.\n  // - The `aria-*` set links a form field's label, help and error text.\n  // - `onBlur` is the gate `FieldItem` reveals errors on.\n  | 'placeholder'\n  | 'id'\n  | 'name'\n  | 'onBlur'\n  | 'aria-label'\n  | 'aria-labelledby'\n  | 'aria-describedby'\n  | 'aria-invalid'\n  | 'aria-required'\n> &\n  Pick<ComboboxInputGroupProps, 'variant' | 'focusVariant' | 'sizing' | 'state' | 'className'> &\n  Pick<\n    ComboboxProps<Value>,\n    | 'disabled'\n    | 'inputRef'\n    | 'value'\n    | 'defaultValue'\n    | 'onValueChange'\n    | 'itemToStringLabel'\n    | 'itemToStringValue'\n    | 'filter'\n    | 'isItemEqualToValue'\n  > &\n  Pick<\n    ComboboxChipsProps<Value>,\n    'itemToChipLabel' | 'itemToChipColor' | 'pinnedChipLabels' | 'maxVisible'\n  > &\n  CreatableProps<Value> &\n  VirtualizedProps & {\n    /** Read as immutable: pass a new array to change it; one mutated in place is not re-filtered. */\n    items?: readonly (Value | GroupShape)[];\n\n    // root specific\n    /** Clear-all button, shown only while chips exist. Chips stay removable either way. */\n    allowClear?: boolean;\n    /** \"Select All\" row for the whole set; hidden while a query is active, clears when all are selected. */\n    allowSelectAll?: boolean;\n    empty?: ReactNode;\n    /** Options still arriving; doesn't disable — pass `disabled` where the user must wait. */\n    isLoading?: boolean;\n    indicator?: Indicator;\n\n    // query specific\n    /** Rewrites typed text before filtering and creating. Sees the whole text per keystroke — don't `trim()`. */\n    inputValueSanitizer?: (input: string) => string;\n    /** Reports the sanitized query, on mount too. Notification only — the control owns the text. */\n    onQueryChange?: (query: string) => void;\n\n    // item specific\n    /**\n     * Row and chip content (unless `itemToChipLabel`), `itemToStringLabel` by default.\n     * - `query` is the search text, for `MarkedText`; a chip gets `''`.\n     */\n    itemToLabel?: (item: Value, query: string) => ReactNode;\n    itemToIcon?: (item: Value) => ReactNode;\n    itemToDisabled?: (item: Value) => boolean;\n\n    // chip specific\n    /** Replaces the default chips; the chip props, `maxVisible` included, are then ignored. */\n    renderChips?: (values: Value[]) => ReactNode;\n\n    // group specific\n    /** Defaults to the group's `label`, as `Select` shows it. */\n    groupToLabel?: (group: GroupShape) => ReactNode;\n    /** A row per group that folds it. A query shows every match regardless; state is keyed by position. */\n    collapsibleGroups?: boolean;\n    /** A group's row selects its matching enabled items. The row itself never enters `value`. */\n    selectableGroups?: boolean;\n  };\n\nconst NO_ITEMS: readonly never[] = [];\nconst NO_VALUES: never[] = [];\n\n/**\n * Searchable multi-select with chips, built on Base UI Combobox.\n *\n * @see RECIPES.md#creatable-multi-combobox\n * @see RECIPES.md#filter-toolbar\n */\nexport const MultiCombobox = <Value, GroupShape extends Group<Value> = Group<Value>>({\n  // root props\n  items: _itemsProp,\n  value: _valueProp,\n  defaultValue,\n  onValueChange,\n  itemToStringLabel,\n  itemToStringValue,\n  disabled,\n  filter: filterProp,\n  isItemEqualToValue: isItemEqualToValueProp,\n  inputRef,\n\n  // input props\n  variant,\n  sizing,\n  focusVariant,\n  state,\n  placeholder,\n  allowClear = true,\n  id,\n  name,\n  onBlur,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledBy,\n  'aria-describedby': ariaDescribedBy,\n  'aria-invalid': ariaInvalid,\n  'aria-required': ariaRequired,\n  className,\n\n  // own props\n  allowSelectAll = false,\n  empty = 'No items',\n  isLoading = false,\n  indicator,\n  virtualized = false,\n\n  // query\n  inputValueSanitizer,\n  onQueryChange,\n\n  // creatable\n  allowCreate,\n  canCreate,\n  queryToCreateValue,\n  queryToCreateLabel = defaultQueryToCreateLabel,\n  createSeparator = DEFAULT_ENTRY_SEPARATOR,\n\n  // own item props\n  itemToDisabled = defaultItemToDisabled,\n  itemToLabel: itemToLabelProp,\n  itemToIcon = defaultItemToIcon,\n  groupToLabel = defaultGroupToLabel,\n  collapsibleGroups = false,\n  selectableGroups = false,\n  itemToChipLabel,\n  itemToChipColor,\n  pinnedChipLabels,\n  renderChips,\n  // Value editors pass `Infinity` (a chip inside `+N` can't be removed); single-row filters `1`.\n  maxVisible = 3,\n}: Props<Value, GroupShape>) => {\n  const itemsProp = _itemsProp ?? NO_ITEMS;\n  // Held here while `value` is absent; Base UI always gets the selection as `value`.\n  const [valueProp, setValueProp] = useControllableState<Value[]>({\n    prop: _valueProp === null ? NO_VALUES : _valueProp,\n    defaultProp: defaultValue ?? NO_VALUES,\n  });\n  const itemToString = useCallback(\n    (item: Value) => itemToStringLabel?.(item) ?? toLabel(item),\n    [itemToStringLabel],\n  );\n  const itemToLabel = itemToLabelProp ?? defaultRowLabel(itemToStringLabel);\n  const renderArgo = useArgoDesign();\n  const chipVariant = renderArgo ? 'pill' : 'default';\n\n  const [inputValue, setInputValue] = useState('');\n  const [createdItems, setCreatedItems] = useState<Value[]>([]);\n  const query = inputValue.trim();\n\n  useQueryReporter(query, onQueryChange);\n\n  // `aria-busy` on the input only (list items stay pickable); absent rather than `false`.\n  const busy = isLoading || undefined;\n\n  // Held here only when needed — owning the text re-renders on every keystroke.\n  // - `itemToLabel` needs it: its rows receive the query.\n  const ownsInput = Boolean(\n    allowCreate ||\n    inputValueSanitizer ||\n    onQueryChange ||\n    itemToLabelProp ||\n    collapsibleGroups ||\n    selectableGroups,\n  );\n\n  const baseItems = useWithCreated(itemsProp, createdItems);\n\n  const allFlatItems = flatItems(baseItems);\n  const sampleItem = allFlatItems[0];\n  // Otherwise `0 === 0` reads as all selected and puts the row's entry into `value`.\n  const hasSelectAllRow = allowSelectAll && allFlatItems.length > 0;\n  const isAllSelected = hasSelectAllRow && allFlatItems.length === (valueProp?.length ?? 0);\n\n  const defaultFilter = BaseCombobox.useFilter({\n    multiple: true,\n    value: valueProp,\n  });\n\n  // Keeps the control's own rows (create, group header) away from the caller's projection.\n  // Stable while the caller's accessor is: Base UI re-filters on every new identity.\n  const wrappedItemToStringLabel = useMemo<ComboboxProps<Value>['itemToStringLabel']>(() => {\n    // No caller projection keeps Base UI's own accessor.\n    if (!allowCreate && !collapsibleGroups && !selectableGroups) {\n      return itemToStringLabel && itemToString;\n    }\n    return (item) => {\n      if (isCreatableItem(item)) return item.value;\n      if (isGroupHeaderItem(item)) return item.label;\n      return itemToString(item);\n    };\n  }, [allowCreate, collapsibleGroups, selectableGroups, itemToStringLabel, itemToString]);\n\n  const itemFilter: NonNullable<ComboboxProps<Value>['filter']> =\n    filterProp ?? defaultFilter.contains;\n\n  const isItemEqualToValue = useItemEquality(isItemEqualToValueProp);\n\n  const groupHeaders = useGroupHeaders<Value, GroupShape>({\n    items: itemsProp,\n    collapsible: collapsibleGroups,\n    selectable: selectableGroups,\n    query,\n    matches: (item) => itemFilter(item, query, wrappedItemToStringLabel),\n    isItemEqualToValue,\n  });\n\n  const listItems = useWithCreated(groupHeaders.items, createdItems);\n\n  const virtualList = useVirtualList(baseItems, virtualized);\n\n  const labelKey = (item: Value) => itemToString(item).toLowerCase();\n\n  const createParts = !allowCreate || disabled || !query ? [] : splitEntry(query, createSeparator);\n\n  const selectedKeys = new Set<string>();\n  if (createParts.length > 0) for (const item of valueProp) selectedKeys.add(labelKey(item));\n\n  // A set only when `canCreate` asks per value; otherwise one early-exiting scan is cheaper.\n  const itemKeys = new Set<string>();\n  if (createParts.length > 0 && canCreate) {\n    for (const item of allFlatItems) itemKeys.add(labelKey(item));\n  }\n  const namesAnItem = (key: string) =>\n    canCreate ? itemKeys.has(key) : allFlatItems.some((item) => labelKey(item) === key);\n\n  /**\n   * The entry's values not yet selected, minus those `canCreate` rejects.\n   *\n   * - Both names the create row and is exactly what committing it adds.\n   * - A value naming an existing item counts and bypasses `canCreate` — committing selects it.\n   */\n  const addedCreateParts = createParts.filter((part) => {\n    const key = part.toLowerCase();\n    if (selectedKeys.has(key)) return false;\n    return !canCreate || namesAnItem(key) || canCreate(part);\n  });\n\n  const soleValueKey = createParts.length === 1 ? createParts[0]!.toLowerCase() : undefined;\n\n  // A single value naming an item already has its own row; a split entry matches no row.\n  const showCreateRow =\n    addedCreateParts.length > 0 && (soleValueKey === undefined || !namesAnItem(soleValueKey));\n\n  const items = useMemo(() => {\n    const withSelectAll = hasSelectAllRow\n      ? [...toEntries(listItems, [selectAllItem]), ...listItems]\n      : listItems;\n    return showCreateRow\n      ? [...withSelectAll, ...toEntries(listItems, [createCreatableItem(query)])]\n      : withSelectAll;\n  }, [hasSelectAllRow, showCreateRow, listItems, query]);\n\n  const filterHeader = groupHeaders.enabled ? groupHeaders.filterHeader : undefined;\n  const filter = useCallback(\n    (item: Value, query: string, itemToString?: (value: Value) => string) => {\n      // Select All covers the whole item set, so it exists only while no query narrows the list.\n      if (isSelectAllItem(item)) return query.trim() === '';\n      if (isCreatableItem(item)) return true;\n\n      return filterHeader?.(item) ?? itemFilter(item, query, itemToString);\n    },\n    [filterHeader, itemFilter],\n  );\n\n  const wrappedItemToStringValue = useCreatableStringValue(itemToStringValue, allowCreate);\n\n  const value = isAllSelected ? [...valueProp, selectAllItem as Value] : valueProp;\n\n  // Without a comparer Base UI compares by identity, so a `Set` suffices.\n  const selectedSet = selectableGroups && !isItemEqualToValueProp ? new Set(valueProp) : undefined;\n  const isSelected = (item: Value) =>\n    selectedSet?.has(item) ?? valueProp.some((selected) => isItemEqualToValue(item, selected));\n\n  /** What a group's row selects: the group's items the query matches, the disabled aside. */\n  const groupTargets = (row: unknown) =>\n    groupHeaders.headerOf(row)?.matching.filter((item) => !itemToDisabled(item)) ?? [];\n\n  /**\n   * Replaces a pressed group row in `next` with its items.\n   *\n   * - Base UI adds the row to `value` like any unselected item.\n   * - A row whose items are all selected deselects them.\n   */\n  const selectGroupRow = (next: Value[]) => {\n    const row = next.find(isGroupHeaderItem);\n    if (row === undefined) return next;\n\n    const rest = next.filter((item) => item !== row);\n    const targets = groupTargets(row);\n    if (!targets.every(isSelected))\n      return [...rest, ...targets.filter((item) => !isSelected(item))];\n    return rest.filter((item) => !targets.some((target) => isItemEqualToValue(target, item)));\n  };\n\n  const groupRowChecked = (targets: Value[]) => {\n    const selectedCount = targets.filter(isSelected).length;\n    if (selectedCount === 0) return false;\n    return selectedCount === targets.length ? true : 'mixed';\n  };\n\n  const handleInputValueChange: NonNullable<ComboboxProps<Value>['onInputValueChange']> = (\n    next,\n    { reason },\n  ) => {\n    setInputValue(sanitizeTypedInput(next, reason, inputValueSanitizer));\n  };\n\n  const handleValueChange: ComboboxProps<Value>['onValueChange'] = (next, event) => {\n    // Base UI clears the text itself only when it owns it.\n    if (ownsInput) setInputValue((prev) => (prev === '' ? prev : ''));\n    // A pinned `value` with no handler: the change lands nowhere, so nothing is minted either.\n    if (!onValueChange && _valueProp !== undefined) return;\n\n    const picked = selectGroupRow(next);\n    const created: Value[] = [];\n    const converted = (() => {\n      if (!allowCreate || !picked.some(isCreatableItem)) return picked;\n\n      // A value naming an item selects it rather than minting a duplicate chip.\n      const itemsByLabel = new Map<string, Value>();\n      for (const item of allFlatItems) itemsByLabel.set(labelKey(item), item);\n\n      return picked.flatMap((item) => {\n        if (!isCreatableItem(item)) return [item];\n\n        return addedCreateParts.map((part) => {\n          const existing = itemsByLabel.get(part.toLowerCase());\n          if (existing !== undefined) return existing;\n\n          const value = defaultToCreateValue(part, sampleItem, queryToCreateValue) as Value;\n          created.push(value);\n          return value;\n        });\n      });\n    })();\n\n    const hasSelectAll = converted.some((item) => isSelectAllItem(item));\n    const newValue = (() => {\n      if (!hasSelectAllRow) return converted;\n      if (!hasSelectAll) return isAllSelected ? [] : converted;\n      return isAllSelected ? converted.filter((item) => !isSelectAllItem(item)) : allFlatItems;\n    })();\n\n    if (allowCreate) {\n      // Filter by `newValue`: `valueProp` lacks values created in this change.\n      const selected = new Set(newValue.map(itemToString));\n      setCreatedItems((prev) =>\n        [...prev, ...created].filter((item) => selected.has(itemToString(item))),\n      );\n    }\n\n    setValueProp(newValue);\n    onValueChange?.(newValue, event);\n  };\n\n  return (\n    <Combobox.Root<Value, true>\n      multiple\n      // Otherwise Enter after typing selects nothing and closes the popup.\n      autoHighlight\n      items={items}\n      value={value}\n      filter={filter}\n      isItemEqualToValue={isItemEqualToValue}\n      onValueChange={handleValueChange}\n      onOpenChange={groupHeaders.onOpenChange}\n      onItemHighlighted={(item, details) => {\n        groupHeaders.onItemHighlighted(item);\n        virtualList.onItemHighlighted(details);\n      }}\n      virtualized={virtualList.enabled}\n      itemToStringLabel={wrappedItemToStringLabel}\n      itemToStringValue={wrappedItemToStringValue}\n      disabled={disabled}\n      inputRef={inputRef}\n      {...(ownsInput ? { inputValue, onInputValueChange: handleInputValueChange } : {})}\n    >\n      <Combobox.InputGroup\n        variant={variant}\n        sizing={sizing}\n        state={state}\n        focusVariant={focusVariant}\n        className={className}\n      >\n        {/* Chips plus the input row; its press handler focuses the input, arrows move between chips. */}\n        <BaseCombobox.Chips className=\"tw:flex tw:min-w-0 tw:flex-1 tw:flex-wrap tw:items-center tw:gap-1.5 tw:px-4 tw:py-1.5\">\n          <Combobox.Chips<Value>\n            maxVisible={maxVisible}\n            variant={chipVariant}\n            itemToChipLabel={itemToChipLabel ?? ((item) => itemToLabel(item, ''))}\n            itemToChipColor={itemToChipColor}\n            pinnedChipLabels={pinnedChipLabels}\n          >\n            {renderChips}\n          </Combobox.Chips>\n          {/* Wraps below the chips under 120px; alone on its row it shrinks to keep both buttons inside. */}\n          <div className=\"tw:flex tw:min-w-0 tw:grow tw:items-center tw:gap-1\">\n            <Combobox.Input\n              id={id}\n              name={name}\n              onBlur={onBlur}\n              aria-label={ariaLabel}\n              aria-labelledby={ariaLabelledBy}\n              aria-describedby={ariaDescribedBy}\n              aria-invalid={ariaInvalid}\n              aria-required={ariaRequired}\n              aria-busy={busy}\n              placeholder={placeholder}\n              disabled={disabled}\n              onKeyDown={groupHeaders.onInputKeyDown}\n              // Cancels the group's `&_input` padding; the chip row already pads.\n              className=\"tw:w-auto tw:min-w-0 tw:grow tw:basis-[120px] tw:!px-0 tw:!py-0\"\n            />\n            {allowClear && <ComboboxClearButton disabled={disabled} />}\n            <ComboboxOpenButton disabled={disabled} isLoading={isLoading} />\n          </div>\n        </BaseCombobox.Chips>\n      </Combobox.InputGroup>\n      <Combobox.Content>\n        <ComboboxOptions<Value, GroupShape>\n          isLoading={isLoading}\n          empty={empty}\n          virtualized={virtualList.enabled}\n          listRef={virtualList.ref}\n          groupHeaders={groupHeaders}\n          groupToLabel={groupToLabel}\n          indicator={indicator}\n          itemToLabel={(item) => itemToLabel(item, query)}\n          itemToIcon={itemToIcon}\n          itemToDisabled={itemToDisabled}\n          // Names exactly the values committing the row adds.\n          createLabel={() => queryToCreateLabel(joinCreateParts(addedCreateParts, createSeparator))}\n          groupRowState={\n            selectableGroups\n              ? (row) => {\n                  const targets = groupTargets(row);\n                  return { checked: groupRowChecked(targets), disabled: targets.length === 0 };\n                }\n              : undefined\n          }\n        />\n      </Combobox.Content>\n    </Combobox.Root>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"MultiCombobox.js","names":["BaseCombobox","Combobox"],"sources":["../../../src/blocks/MultiCombobox/MultiCombobox.tsx"],"sourcesContent":["import { type ComponentProps, type ReactNode, useCallback, useMemo, useState } from 'react';\nimport { Combobox as BaseCombobox } from '@base-ui/react/combobox';\n\nimport { Combobox } from '../../components/Combobox';\nimport { ComboboxClearButton } from '../../components/Combobox/ComboboxClearButton';\nimport { ComboboxOpenButton } from '../../components/Combobox/ComboboxOpenButton';\nimport { ComboboxOptions } from '../../components/Combobox/ComboboxOptions';\nimport { useWithCreated } from '../../components/Combobox/createdItems';\nimport { useGroupHeaders } from '../../components/Combobox/groupHeaders';\nimport { sanitizeTypedInput, useQueryReporter } from '../../components/Combobox/query';\nimport type { Group } from '../../components/Combobox/types';\nimport {\n  createCreatableItem,\n  defaultGroupToLabel,\n  defaultItemToDisabled,\n  defaultItemToIcon,\n  defaultQueryToCreateLabel,\n  defaultRowLabel,\n  defaultToCreateValue,\n  flatItems,\n  isCreatableItem,\n  isGroupHeaderItem,\n  isSelectAllItem,\n  selectAllItem,\n  toEntries,\n  toLabel,\n  useCreatableStringValue,\n  useItemEquality,\n} from '../../components/Combobox/utils';\nimport { useVirtualList, type VirtualizedProps } from '../../components/Combobox/virtualList';\nimport { useArgoDesign } from '../../components/ThemeProvider/context';\nimport { useControllableState } from '../../hooks/useControllableState';\nimport { DEFAULT_ENTRY_SEPARATOR, splitEntry } from '../../utils';\nimport { forwardAccessibleName, type WithAccessibleName } from '../../utils/accessibleName';\n\ntype ComboboxProps<Value> = BaseCombobox.Root.Props<Value, true>;\ntype ComboboxInputProps = ComponentProps<typeof Combobox.Input>;\ntype ComboboxInputGroupProps = ComponentProps<typeof Combobox.InputGroup>;\ntype ComboboxItemProps = ComponentProps<typeof Combobox.Item>;\ntype ComboboxChipsProps<Value> = ComponentProps<typeof Combobox.Chips<Value>>;\n\ntype Indicator = Exclude<NonNullable<ComboboxItemProps['indicator']>, 'none'>;\n\n/** Joins the create row's values with the entry's separator; a `RegExp` uses the default one. */\nconst joinCreateParts = (parts: string[], separator: string | RegExp | null) =>\n  parts.join(`${typeof separator === 'string' ? separator : DEFAULT_ENTRY_SEPARATOR} `);\n\ntype CreatableProps<Value> = {\n  allowCreate?: boolean;\n  /** Words the create row. Receives the values it adds, trimmed and re-joined — not the entry as typed. */\n  queryToCreateLabel?: (query: string) => ReactNode;\n  /** Projects one entered value into an item. Called once per trimmed part of a split entry. */\n  queryToCreateValue?: (query: string) => Value;\n  /** Rejects a value `allowCreate` would mint; values naming an item or already selected skip it. */\n  canCreate?: (query: string) => boolean;\n  /** Splits one entry into several values (default `','`). A `RegExp` must not capture; `null` never splits. */\n  createSeparator?: string | RegExp | null;\n};\n\ntype BaseProps<Value, GroupShape extends Group<Value> = Group<Value>> = Pick<\n  ComboboxInputProps,\n  // Go to the input, which is the `combobox` role; on the group they reach nothing.\n  // - The `aria-*` set links a form field's label, help and error text.\n  // - `onBlur` is the gate `FieldItem` reveals errors on.\n  | 'placeholder'\n  | 'id'\n  | 'name'\n  | 'onBlur'\n  | 'aria-label'\n  | 'aria-labelledby'\n  | 'aria-describedby'\n  | 'aria-invalid'\n  | 'aria-required'\n> &\n  Pick<ComboboxInputGroupProps, 'variant' | 'focusVariant' | 'sizing' | 'state' | 'className'> &\n  Pick<\n    ComboboxProps<Value>,\n    | 'disabled'\n    | 'inputRef'\n    | 'value'\n    | 'defaultValue'\n    | 'onValueChange'\n    | 'itemToStringLabel'\n    | 'itemToStringValue'\n    | 'filter'\n    | 'isItemEqualToValue'\n  > &\n  Pick<\n    ComboboxChipsProps<Value>,\n    'itemToChipLabel' | 'itemToChipColor' | 'pinnedChipLabels' | 'maxVisible'\n  > &\n  CreatableProps<Value> &\n  VirtualizedProps & {\n    /** Read as immutable: pass a new array to change it; one mutated in place is not re-filtered. */\n    items?: readonly (Value | GroupShape)[];\n\n    // root specific\n    /** Clear-all button, shown only while chips exist. Chips stay removable either way. */\n    allowClear?: boolean;\n    /** \"Select All\" row for the whole set; hidden while a query is active, clears when all are selected. */\n    allowSelectAll?: boolean;\n    empty?: ReactNode;\n    /** Options still arriving; doesn't disable — pass `disabled` where the user must wait. */\n    isLoading?: boolean;\n    indicator?: Indicator;\n\n    // query specific\n    /** Rewrites typed text before filtering and creating. Sees the whole text per keystroke — don't `trim()`. */\n    inputValueSanitizer?: (input: string) => string;\n    /** Reports the sanitized query, on mount too. Notification only — the control owns the text. */\n    onQueryChange?: (query: string) => void;\n\n    // item specific\n    /**\n     * Row and chip content (unless `itemToChipLabel`), `itemToStringLabel` by default.\n     * - `query` is the search text, for `MarkedText`; a chip gets `''`.\n     */\n    itemToLabel?: (item: Value, query: string) => ReactNode;\n    itemToIcon?: (item: Value) => ReactNode;\n    itemToDisabled?: (item: Value) => boolean;\n\n    // chip specific\n    /** Replaces the default chips; the chip props, `maxVisible` included, are then ignored. */\n    renderChips?: (values: Value[]) => ReactNode;\n\n    // group specific\n    /** Defaults to the group's `label`, as `Select` shows it. */\n    groupToLabel?: (group: GroupShape) => ReactNode;\n    /** A row per group that folds it. A query shows every match regardless; state is keyed by position. */\n    collapsibleGroups?: boolean;\n    /** A group's row selects its matching enabled items. The row itself never enters `value`. */\n    selectableGroups?: boolean;\n  };\n\n/**\n * Props for `MultiCombobox`.\n *\n * - Pass `isItemEqualToValue` when a store recreates item objects — Base UI matches by reference.\n */\ntype Props<Value, GroupShape extends Group<Value> = Group<Value>> = WithAccessibleName<\n  BaseProps<Value, GroupShape>\n>;\n\nconst NO_ITEMS: readonly never[] = [];\nconst NO_VALUES: never[] = [];\n\n/**\n * Searchable multi-select with chips, built on Base UI Combobox.\n *\n * @see RECIPES.md#creatable-multi-combobox\n * @see RECIPES.md#filter-toolbar\n */\nexport const MultiCombobox = <Value, GroupShape extends Group<Value> = Group<Value>>({\n  // root props\n  items: _itemsProp,\n  value: _valueProp,\n  defaultValue,\n  onValueChange,\n  itemToStringLabel,\n  itemToStringValue,\n  disabled,\n  filter: filterProp,\n  isItemEqualToValue: isItemEqualToValueProp,\n  inputRef,\n\n  // input props\n  variant,\n  sizing,\n  focusVariant,\n  state,\n  placeholder,\n  allowClear = true,\n  name,\n  onBlur,\n  'aria-describedby': ariaDescribedBy,\n  'aria-invalid': ariaInvalid,\n  'aria-required': ariaRequired,\n  className,\n\n  // own props\n  allowSelectAll = false,\n  empty = 'No items',\n  isLoading = false,\n  indicator,\n  virtualized = false,\n\n  // query\n  inputValueSanitizer,\n  onQueryChange,\n\n  // creatable\n  allowCreate,\n  canCreate,\n  queryToCreateValue,\n  queryToCreateLabel = defaultQueryToCreateLabel,\n  createSeparator = DEFAULT_ENTRY_SEPARATOR,\n\n  // own item props\n  itemToDisabled = defaultItemToDisabled,\n  itemToLabel: itemToLabelProp,\n  itemToIcon = defaultItemToIcon,\n  groupToLabel = defaultGroupToLabel,\n  collapsibleGroups = false,\n  selectableGroups = false,\n  itemToChipLabel,\n  itemToChipColor,\n  pinnedChipLabels,\n  renderChips,\n  // Value editors pass `Infinity` (a chip inside `+N` can't be removed); single-row filters `1`.\n  maxVisible = 3,\n  ...accessibleName\n}: Props<Value, GroupShape>) => {\n  const itemsProp = _itemsProp ?? NO_ITEMS;\n  // Held here while `value` is absent; Base UI always gets the selection as `value`.\n  const [valueProp, setValueProp] = useControllableState<Value[]>({\n    prop: _valueProp === null ? NO_VALUES : _valueProp,\n    defaultProp: defaultValue ?? NO_VALUES,\n  });\n  const itemToString = useCallback(\n    (item: Value) => itemToStringLabel?.(item) ?? toLabel(item),\n    [itemToStringLabel],\n  );\n  const itemToLabel = itemToLabelProp ?? defaultRowLabel(itemToStringLabel);\n  const renderArgo = useArgoDesign();\n  const chipVariant = renderArgo ? 'pill' : 'default';\n\n  const [inputValue, setInputValue] = useState('');\n  const [createdItems, setCreatedItems] = useState<Value[]>([]);\n  const query = inputValue.trim();\n\n  useQueryReporter(query, onQueryChange);\n\n  // `aria-busy` on the input only (list items stay pickable); absent rather than `false`.\n  const busy = isLoading || undefined;\n\n  // Held here only when needed — owning the text re-renders on every keystroke.\n  // - `itemToLabel` needs it: its rows receive the query.\n  const ownsInput = Boolean(\n    allowCreate ||\n    inputValueSanitizer ||\n    onQueryChange ||\n    itemToLabelProp ||\n    collapsibleGroups ||\n    selectableGroups,\n  );\n\n  const baseItems = useWithCreated(itemsProp, createdItems);\n\n  const allFlatItems = flatItems(baseItems);\n  const sampleItem = allFlatItems[0];\n  // Otherwise `0 === 0` reads as all selected and puts the row's entry into `value`.\n  const hasSelectAllRow = allowSelectAll && allFlatItems.length > 0;\n  const isAllSelected = hasSelectAllRow && allFlatItems.length === (valueProp?.length ?? 0);\n\n  const defaultFilter = BaseCombobox.useFilter({\n    multiple: true,\n    value: valueProp,\n  });\n\n  // Keeps the control's own rows (create, group header) away from the caller's projection.\n  // Stable while the caller's accessor is: Base UI re-filters on every new identity.\n  const wrappedItemToStringLabel = useMemo<ComboboxProps<Value>['itemToStringLabel']>(() => {\n    // No caller projection keeps Base UI's own accessor.\n    if (!allowCreate && !collapsibleGroups && !selectableGroups) {\n      return itemToStringLabel && itemToString;\n    }\n    return (item) => {\n      if (isCreatableItem(item)) return item.value;\n      if (isGroupHeaderItem(item)) return item.label;\n      return itemToString(item);\n    };\n  }, [allowCreate, collapsibleGroups, selectableGroups, itemToStringLabel, itemToString]);\n\n  const itemFilter: NonNullable<ComboboxProps<Value>['filter']> =\n    filterProp ?? defaultFilter.contains;\n\n  const isItemEqualToValue = useItemEquality(isItemEqualToValueProp);\n\n  const groupHeaders = useGroupHeaders<Value, GroupShape>({\n    items: itemsProp,\n    collapsible: collapsibleGroups,\n    selectable: selectableGroups,\n    query,\n    matches: (item) => itemFilter(item, query, wrappedItemToStringLabel),\n    isItemEqualToValue,\n  });\n\n  const listItems = useWithCreated(groupHeaders.items, createdItems);\n\n  const virtualList = useVirtualList(baseItems, virtualized);\n\n  const labelKey = (item: Value) => itemToString(item).toLowerCase();\n\n  const createParts = !allowCreate || disabled || !query ? [] : splitEntry(query, createSeparator);\n\n  const selectedKeys = new Set<string>();\n  if (createParts.length > 0) for (const item of valueProp) selectedKeys.add(labelKey(item));\n\n  // A set only when `canCreate` asks per value; otherwise one early-exiting scan is cheaper.\n  const itemKeys = new Set<string>();\n  if (createParts.length > 0 && canCreate) {\n    for (const item of allFlatItems) itemKeys.add(labelKey(item));\n  }\n  const namesAnItem = (key: string) =>\n    canCreate ? itemKeys.has(key) : allFlatItems.some((item) => labelKey(item) === key);\n\n  /**\n   * The entry's values not yet selected, minus those `canCreate` rejects.\n   *\n   * - Both names the create row and is exactly what committing it adds.\n   * - A value naming an existing item counts and bypasses `canCreate` — committing selects it.\n   */\n  const addedCreateParts = createParts.filter((part) => {\n    const key = part.toLowerCase();\n    if (selectedKeys.has(key)) return false;\n    return !canCreate || namesAnItem(key) || canCreate(part);\n  });\n\n  const soleValueKey = createParts.length === 1 ? createParts[0]!.toLowerCase() : undefined;\n\n  // A single value naming an item already has its own row; a split entry matches no row.\n  const showCreateRow =\n    addedCreateParts.length > 0 && (soleValueKey === undefined || !namesAnItem(soleValueKey));\n\n  const items = useMemo(() => {\n    const withSelectAll = hasSelectAllRow\n      ? [...toEntries(listItems, [selectAllItem]), ...listItems]\n      : listItems;\n    return showCreateRow\n      ? [...withSelectAll, ...toEntries(listItems, [createCreatableItem(query)])]\n      : withSelectAll;\n  }, [hasSelectAllRow, showCreateRow, listItems, query]);\n\n  const filterHeader = groupHeaders.enabled ? groupHeaders.filterHeader : undefined;\n  const filter = useCallback(\n    (item: Value, query: string, itemToString?: (value: Value) => string) => {\n      // Select All covers the whole item set, so it exists only while no query narrows the list.\n      if (isSelectAllItem(item)) return query.trim() === '';\n      if (isCreatableItem(item)) return true;\n\n      return filterHeader?.(item) ?? itemFilter(item, query, itemToString);\n    },\n    [filterHeader, itemFilter],\n  );\n\n  const wrappedItemToStringValue = useCreatableStringValue(itemToStringValue, allowCreate);\n\n  const value = isAllSelected ? [...valueProp, selectAllItem as Value] : valueProp;\n\n  // Without a comparer Base UI compares by identity, so a `Set` suffices.\n  const selectedSet = selectableGroups && !isItemEqualToValueProp ? new Set(valueProp) : undefined;\n  const isSelected = (item: Value) =>\n    selectedSet?.has(item) ?? valueProp.some((selected) => isItemEqualToValue(item, selected));\n\n  /** What a group's row selects: the group's items the query matches, the disabled aside. */\n  const groupTargets = (row: unknown) =>\n    groupHeaders.headerOf(row)?.matching.filter((item) => !itemToDisabled(item)) ?? [];\n\n  /**\n   * Replaces a pressed group row in `next` with its items.\n   *\n   * - Base UI adds the row to `value` like any unselected item.\n   * - A row whose items are all selected deselects them.\n   */\n  const selectGroupRow = (next: Value[]) => {\n    const row = next.find(isGroupHeaderItem);\n    if (row === undefined) return next;\n\n    const rest = next.filter((item) => item !== row);\n    const targets = groupTargets(row);\n    if (!targets.every(isSelected))\n      return [...rest, ...targets.filter((item) => !isSelected(item))];\n    return rest.filter((item) => !targets.some((target) => isItemEqualToValue(target, item)));\n  };\n\n  const groupRowChecked = (targets: Value[]) => {\n    const selectedCount = targets.filter(isSelected).length;\n    if (selectedCount === 0) return false;\n    return selectedCount === targets.length ? true : 'mixed';\n  };\n\n  const handleInputValueChange: NonNullable<ComboboxProps<Value>['onInputValueChange']> = (\n    next,\n    { reason },\n  ) => {\n    setInputValue(sanitizeTypedInput(next, reason, inputValueSanitizer));\n  };\n\n  const handleValueChange: ComboboxProps<Value>['onValueChange'] = (next, event) => {\n    // Base UI clears the text itself only when it owns it.\n    if (ownsInput) setInputValue((prev) => (prev === '' ? prev : ''));\n    // A pinned `value` with no handler: the change lands nowhere, so nothing is minted either.\n    if (!onValueChange && _valueProp !== undefined) return;\n\n    const picked = selectGroupRow(next);\n    const created: Value[] = [];\n    const converted = (() => {\n      if (!allowCreate || !picked.some(isCreatableItem)) return picked;\n\n      // A value naming an item selects it rather than minting a duplicate chip.\n      const itemsByLabel = new Map<string, Value>();\n      for (const item of allFlatItems) itemsByLabel.set(labelKey(item), item);\n\n      return picked.flatMap((item) => {\n        if (!isCreatableItem(item)) return [item];\n\n        return addedCreateParts.map((part) => {\n          const existing = itemsByLabel.get(part.toLowerCase());\n          if (existing !== undefined) return existing;\n\n          const value = defaultToCreateValue(part, sampleItem, queryToCreateValue) as Value;\n          created.push(value);\n          return value;\n        });\n      });\n    })();\n\n    const hasSelectAll = converted.some((item) => isSelectAllItem(item));\n    const newValue = (() => {\n      if (!hasSelectAllRow) return converted;\n      if (!hasSelectAll) return isAllSelected ? [] : converted;\n      return isAllSelected ? converted.filter((item) => !isSelectAllItem(item)) : allFlatItems;\n    })();\n\n    if (allowCreate) {\n      // Filter by `newValue`: `valueProp` lacks values created in this change.\n      const selected = new Set(newValue.map(itemToString));\n      setCreatedItems((prev) =>\n        [...prev, ...created].filter((item) => selected.has(itemToString(item))),\n      );\n    }\n\n    setValueProp(newValue);\n    onValueChange?.(newValue, event);\n  };\n\n  return (\n    <Combobox.Root<Value, true>\n      multiple\n      // Otherwise Enter after typing selects nothing and closes the popup.\n      autoHighlight\n      items={items}\n      value={value}\n      filter={filter}\n      isItemEqualToValue={isItemEqualToValue}\n      onValueChange={handleValueChange}\n      onOpenChange={groupHeaders.onOpenChange}\n      onItemHighlighted={(item, details) => {\n        groupHeaders.onItemHighlighted(item);\n        virtualList.onItemHighlighted(details);\n      }}\n      virtualized={virtualList.enabled}\n      itemToStringLabel={wrappedItemToStringLabel}\n      itemToStringValue={wrappedItemToStringValue}\n      disabled={disabled}\n      inputRef={inputRef}\n      {...(ownsInput ? { inputValue, onInputValueChange: handleInputValueChange } : {})}\n    >\n      <Combobox.InputGroup\n        variant={variant}\n        sizing={sizing}\n        state={state}\n        focusVariant={focusVariant}\n        className={className}\n      >\n        {/* Chips plus the input row; its press handler focuses the input, arrows move between chips. */}\n        <BaseCombobox.Chips className=\"tw:flex tw:min-w-0 tw:flex-1 tw:flex-wrap tw:items-center tw:gap-1.5 tw:px-4 tw:py-1.5\">\n          <Combobox.Chips<Value>\n            maxVisible={maxVisible}\n            variant={chipVariant}\n            itemToChipLabel={itemToChipLabel ?? ((item) => itemToLabel(item, ''))}\n            itemToChipColor={itemToChipColor}\n            pinnedChipLabels={pinnedChipLabels}\n          >\n            {renderChips}\n          </Combobox.Chips>\n          {/* Wraps below the chips under 120px; alone on its row it shrinks to keep both buttons inside. */}\n          <div className=\"tw:flex tw:min-w-0 tw:grow tw:items-center tw:gap-1\">\n            <Combobox.Input\n              {...forwardAccessibleName(accessibleName)}\n              name={name}\n              onBlur={onBlur}\n              aria-describedby={ariaDescribedBy}\n              aria-invalid={ariaInvalid}\n              aria-required={ariaRequired}\n              aria-busy={busy}\n              placeholder={placeholder}\n              disabled={disabled}\n              onKeyDown={groupHeaders.onInputKeyDown}\n              // Cancels the group's `&_input` padding; the chip row already pads.\n              className=\"tw:w-auto tw:min-w-0 tw:grow tw:basis-[120px] tw:!px-0 tw:!py-0\"\n            />\n            {allowClear && <ComboboxClearButton disabled={disabled} />}\n            <ComboboxOpenButton disabled={disabled} isLoading={isLoading} />\n          </div>\n        </BaseCombobox.Chips>\n      </Combobox.InputGroup>\n      <Combobox.Content>\n        <ComboboxOptions<Value, GroupShape>\n          isLoading={isLoading}\n          empty={empty}\n          virtualized={virtualList.enabled}\n          listRef={virtualList.ref}\n          groupHeaders={groupHeaders}\n          groupToLabel={groupToLabel}\n          indicator={indicator}\n          itemToLabel={(item) => itemToLabel(item, query)}\n          itemToIcon={itemToIcon}\n          itemToDisabled={itemToDisabled}\n          // Names exactly the values committing the row adds.\n          createLabel={() => queryToCreateLabel(joinCreateParts(addedCreateParts, createSeparator))}\n          groupRowState={\n            selectableGroups\n              ? (row) => {\n                  const targets = groupTargets(row);\n                  return { checked: groupRowChecked(targets), disabled: targets.length === 0 };\n                }\n              : undefined\n          }\n        />\n      </Combobox.Content>\n    </Combobox.Root>\n  );\n};\n"],"mappings":"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"}

package/dist/internal/blocks/NumberInput.js

@@ -1,4 +1,4 @@
-import { InputGroup } from "../../InputGroup-B4QOPxHl.js";
+import { InputGroup } from "../../InputGroup-CrlMRz4X.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/blocks/NumberInput/NumberInput.tsx
 const toNumberOrNull = (event) => Number.isNaN(event.target.valueAsNumber) ? null : event.target.valueAsNumber;

package/dist/internal/blocks/PageToolbar.js

@@ -1,2 +1,2 @@
-import { PageToolbar } from "../../PageToolbar-DOAtAnfL.js";
+import { PageToolbar } from "../../PageToolbar-C06RKIif.js";
 export { PageToolbar };

package/dist/internal/blocks/PasswordInput.js

@@ -1,7 +1,7 @@
 import { createChangeInputEvent } from "../../utils-Bd28bWgm.js";
 import { mergeRefs } from "../utils/mergeRefs.js";
 import { ArrowBigUpDash, Eye, EyeOff, X } from "../../icons-wcA70iQx.js";
-import { InputGroup } from "../../InputGroup-B4QOPxHl.js";
+import { InputGroup } from "../../InputGroup-CrlMRz4X.js";
 import { useControllableState } from "../../useControllableState-CUYXMsfz.js";
 import { useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/internal/blocks/SearchInput.js

@@ -1,2 +1,2 @@
-import { SearchInput } from "../../SearchInput-CEfQDNl3.js";
+import { SearchInput } from "../../SearchInput-D3qMkHaW.js";
 export { SearchInput };

package/dist/internal/blocks/SearchInputWithNavigation.js

@@ -1,10 +1,10 @@
 import { cn } from "../../classNames-BzrkDnOD.js";
 import { keyCodes } from "../../utils-Bd28bWgm.js";
 import { ChevronDown, ChevronUp, Search } from "../../icons-wcA70iQx.js";
-import { Button } from "../../Button-Ca4Q3VJU.js";
+import { Button } from "../../Button-B21oVcPU.js";
 import { ButtonGroup } from "../components/ButtonGroup.js";
 import { Separator } from "../components/Separator.js";
-import { TextInput } from "../../TextInput-CDG2XpBl.js";
+import { TextInput } from "../../TextInput-BWYXbfs4.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/blocks/SearchInputWithNavigation/SearchInputWithNavigation.tsx
 const SearchInputWithNavigation = ({ ref, value, onValueChange, placeholder = "Search...", variant = "secondary", onClear, focusVariant, currentIndex, totalResults, onNavigateNext, onNavigatePrevious, className }) => {

package/dist/internal/blocks/SectionNav.js

@@ -1,2 +1,2 @@
-import { SectionNav } from "../../SectionNav-B_qf0AXi.js";
+import { SectionNav } from "../../SectionNav-BTBiitiQ.js";
 export { SectionNav };

package/dist/internal/blocks/SplitButton.js

@@ -1,7 +1,7 @@
 import { ChevronDown } from "../../icons-wcA70iQx.js";
-import { Button } from "../../Button-Ca4Q3VJU.js";
+import { Button } from "../../Button-B21oVcPU.js";
 import { ButtonGroup } from "../components/ButtonGroup.js";
-import { DropdownMenu } from "../../DropdownMenu-gRM-A8qU.js";
+import { DropdownMenu } from "../../DropdownMenu-C5FLPkvR.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/blocks/SplitButton/SplitButton.tsx
 const iconSizeMap = {

package/dist/internal/blocks/StatCard.js

@@ -1,5 +1,5 @@
 import { cn } from "../../classNames-BzrkDnOD.js";
-import { Card } from "../../Card-Cr9MBNHu.js";
+import { Card } from "../../Card-BQmBWHXl.js";
 import { cva } from "class-variance-authority";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/blocks/StatCard/StatCard.tsx

package/dist/internal/blocks/TextInput.js

@@ -1,2 +1,2 @@
-import { TextInput } from "../../TextInput-CDG2XpBl.js";
+import { TextInput } from "../../TextInput-BWYXbfs4.js";
 export { TextInput };