@keboola/design 11.6.0 → 11.9.0

package/dist/index.js

@@ -1,75 +1,77 @@
 import { cn } from "./classNames-BzrkDnOD.js";
-import { Tooltip, TooltipProvider, copyToClipboard, isMac } from "./utils-DSvrhU8E.js";
+import { HINT_UNDERLINE_CLASS_NAME, Tooltip, TooltipProvider, copyToClipboard, isMac } from "./utils-BW4AE8VP.js";
 import { DEFAULT_BRAND_ID, DEFAULT_COLOR_SCHEME } from "./defaults-i_xG2F_1.js";
 import { ArgoDesignContext, useArgoDesign, useTheme } from "./context-D7X470dy.js";
 import { findLiteralMatches, hasLiteralMatch } from "./findLiteralMatches-BGBw8Vbl.js";
 import { mergeRefs } from "./internal/utils/mergeRefs.js";
 import { Button, ButtonInline, argoVariants } from "./Button-DsRrU5F1.js";
 import { ButtonGroup } from "./internal/components/ButtonGroup.js";
-import { DropdownMenu } from "./DropdownMenu-CASr-jgl.js";
+import { DropdownMenu } from "./DropdownMenu-CgVwhDvl.js";
 import { ScrollArea, ScrollBar } from "./internal/components/ScrollArea.js";
 import { SplitButton } from "./internal/blocks/SplitButton.js";
-import { MultiActionButtonGroup } from "./MultiActionButtonGroup-DokHbPgM.js";
+import { MultiActionButtonGroup } from "./MultiActionButtonGroup-CYZ8IgSf.js";
 import { Toggle } from "./internal/components/Toggle.js";
 import { ToggleGroup } from "./ToggleGroup-Cy_10Mvu.js";
-import { Clipboard } from "./Clipboard-BTW6C-b_.js";
-import { ClipboardButton, ClipboardInline } from "./ClipboardButton-CwZJdRaz.js";
+import { Clipboard } from "./Clipboard-BZitKiSA.js";
+import { ClipboardButton, ClipboardInline } from "./ClipboardButton-KHQnPEh_.js";
 import { ExportMenu } from "./internal/blocks/ExportMenu.js";
-import { CopyField } from "./CopyField-DpT0Ngz1.js";
+import { CopyField } from "./CopyField-BHRQUyuF.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-BGJdaRRj.js";
-import { Modal } from "./Modal-Coj-H02o.js";
+import { Modal } from "./Modal-I3VWk2oo.js";
 import { Separator } from "./internal/components/Separator.js";
 import { FullScreenModal, FullScreenModalBody, FullScreenModalHeader } from "./FullScreenModal-CN9nAs72.js";
 import { Truncated } from "./internal/components/Truncated.js";
-import { Sheet } from "./Sheet-Chf0kX1E.js";
+import { Sheet } from "./Sheet-OparjIi-.js";
 import { useStableCallback } from "./internal/hooks/useStableCallback.js";
 import { Popover } from "./Popover-BEbQrC_P.js";
 import { Popconfirm } from "./Popconfirm-5pBzT_HQ.js";
 import { HoverCard } from "./HoverCard-B9ZMJxjn.js";
-import { Command, CommandGroup, CommandInput, CommandItem, CommandList, defaultFilter, useCommandState } from "./Command-Bfa1kpbt.js";
-import { InputGroup } from "./InputGroup-DcZRlVnN.js";
-import { TextInput } from "./TextInput-DH5SkbsE.js";
+import { Command, CommandGroup, CommandInput, CommandItem, CommandList, defaultFilter, useCommandState } from "./Command-BDU3C1gg.js";
+import { InputGroup } from "./InputGroup-Do8K2hvD.js";
+import { TextInput } from "./TextInput-CFTf4Cz1.js";
 import { SpotlightBackdrop, useTargetRect } from "./internal/components/SpotlightBackdrop.js";
 import { Calendar } from "./Calendar-cG5NIJ4O.js";
 import { DatePicker } from "./DatePicker-nA8YdE84.js";
 import { TimePicker } from "./TimePicker-BGeqc-Ed.js";
 import { DateRangePicker } from "./DateRangePicker-DjSUFjh4.js";
 import { Switch } from "./Switch-B0WdGSjz.js";
-import { RadioGroup } from "./RadioGroup-DXPbSj8P.js";
-import { Slider } from "./Slider-CRf-bB4y.js";
-import { Search, SearchForm } from "./Search-5uQAiNIP.js";
+import { RadioGroup } from "./RadioGroup-Byc2mym4.js";
+import { Slider } from "./Slider-DLclvRws.js";
+import { Search, SearchForm } from "./Search-Dhig_hPD.js";
 import { Select } from "./Select-DV3Hak_l.js";
-import { Checkbox } from "./Checkbox-CUIn2jap.js";
-import { Combobox, filterByWords, matchByWords, namedLabel, withBlankValues } from "./Combobox-BfIfaVMA.js";
-import { Badge } from "./Badge-D0pXdekt.js";
+import { Checkbox } from "./Checkbox-Dq5fPNrO.js";
+import { Combobox, filterByWords, matchByWords, namedLabel, withBlankValues } from "./Combobox-D8PrEqTG.js";
+import { Badge } from "./Badge-o5jURtpB.js";
 import { MultiCombobox } from "./internal/blocks/MultiCombobox.js";
-import { FormGroup } from "./FormGroup-DHvTFdno.js";
-import { ColorInput } from "./ColorInput-BZV-u_94.js";
+import { FormGroup } from "./FormGroup-DR_gZ25-.js";
+import { ColorInput } from "./ColorInput-Bj3dfPFA.js";
 import { HelpBlock } from "./internal/components/HelpBlock.js";
 import { NumberInput } from "./internal/blocks/NumberInput.js";
 import { Textarea } from "./internal/blocks/Textarea.js";
 import { MultiComboboxField } from "./internal/blocks/Form/connectors/MultiComboboxField.js";
+import { ChipEditor } from "./internal/blocks/ChipEditor.js";
 import { AutoSaveTextarea } from "./AutoSaveTextarea-BeuWuszr.js";
-import { ColorModeSwitch } from "./ColorModeSwitch-CsWLiTBX.js";
-import { DateInput } from "./DateInput-DiEd5uCL.js";
+import { ColorModeSwitch } from "./ColorModeSwitch-CWt-DZGC.js";
+import { DateInput } from "./DateInput-B6N8g0ra.js";
 import { PasswordInput } from "./internal/blocks/PasswordInput.js";
 import { TimeInput } from "./internal/blocks/TimeInput.js";
-import { DateRangeInput } from "./DateRangeInput-DPfVYchl.js";
+import { DateRangeInput } from "./DateRangeInput-7M9Z4cVO.js";
 import { OtpInput, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS } from "./OtpInput-CbbymqYs.js";
-import { SearchInput } from "./SearchInput-D4UgAXJK.js";
+import { SearchInput } from "./SearchInput-92r2bkA7.js";
 import { SearchInputWithNavigation } from "./internal/blocks/SearchInputWithNavigation.js";
-import { FileUpload, useFileDropTarget, useFileUploadRejections } from "./FileUpload-ABThVZyg.js";
-import { AnswerActions, AnswerSummary, CollapsibleStepHeader, DIAGRAM_LANGUAGES, InlineStepDetail, InlineStepLabel, Markdown, MarkdownTable, MessageBubble, PlanApproval, PlanRewritingIndicator, PromptInput, Question, QuestionBlock, SuggestedPrompt, ThinkingIndicator, ToolCallApproval, ToolCallChip, ToolCallStatusHeader, UsageStats, UsageStatsRing, clampPercentage, formatPercentage } from "./AIKit-BExvt9pt.js";
+import { FileUpload, useFileDropTarget, useFileUploadRejections } from "./FileUpload-DYQCTGjU.js";
+import { AnswerActions, AnswerSummary, ChatInlineIcon, CollapsibleStepHeader, DIAGRAM_LANGUAGES, InlineStepDetail, InlineStepGroup, InlineStepLabel, Markdown, MarkdownTable, MessageBubble, PlanApproval, PlanRewritingIndicator, PromptInput, Question, QuestionBlock, SuggestedPrompt, ThinkingIndicator, ToolCallApproval, ToolCallChip, ToolCallStatusHeader, UsageBar, UsageStats, UsageStatsRing, clampPercentage, formatPercentage, getChatInlineIconName } from "./AIKit-ELIsegJz.js";
 import { Table, tableAriaSort } from "./Table-CvYuTuNU.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-Ba5b2YPq.js";
+import { Alert } from "./Alert-BsIM_oFK.js";
+import { StatusDot, statusDotVariants } from "./internal/components/StatusDot.js";
 import { toast } from "./toast-DIC0iNRf.js";
 import { Toaster, useNotification } from "./Toast-Dr6Uw7ao.js";
 import { EmptySearchContent } from "./internal/components/EmptySearchContent.js";
@@ -81,26 +83,26 @@ 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, brandSchema, exampleCustomer, keboola, keboolaLegacySidebar, keboolaLegacyTopnav, useThemeScopeContainer } from "./ThemeProvider-2RMdVGxO.js";
+import { ThemeProvider, ThemeScope, brandSchema, exampleCustomer, keboola, keboolaLegacySidebar, keboolaLegacyTopnav, useThemeScopeContainer } from "./ThemeProvider-DAmNn9Sd.js";
 import { AppShell, appShellSlotSelector } from "./AppShell-DRgJxpXW.js";
 import { BrandLogo } from "./BrandLogo-CoKBk4MI.js";
 import { AuthLayout } from "./internal/blocks/AuthLayout.js";
 import { PageLayout } from "./PageLayout-DSVM-ASz.js";
 import { PageHeader } from "./PageHeader-Q3IpCnQd.js";
-import { PageToolbar } from "./PageToolbar-DExqEYGl.js";
-import { SectionNav } from "./SectionNav-OkKCjSA-.js";
+import { PageToolbar } from "./PageToolbar-BKVJiDAL.js";
+import { SectionNav } from "./SectionNav-CNLJsiVG.js";
 import { ResizableHandle, ResizablePanel, ResizablePanelGroup, useDefaultLayout } from "./Resizable-D3vYToZH.js";
-import { Sidebar, SidebarProvider, useOptionalSidebar, useSidebar } from "./Sidebar-D3cY1kha.js";
+import { Sidebar, SidebarProvider, useOptionalSidebar, useSidebar } from "./Sidebar-CLEbBtNY.js";
 import { useScrollbarPosition } from "./internal/hooks/useScrollbarPosition.js";
 import { Navbar } from "./Navbar-Liy1TPI7.js";
 import { DEFAULT_WORKBENCH_BAR_HEIGHT_IN_REM, DEFAULT_WORKBENCH_PANEL_HEIGHT_IN_PX, MIN_WORKBENCH_PANEL_HEIGHT_IN_PX, Workbench, useWorkbench } from "./Workbench-UR2FBC7I.js";
-import { Breadcrumb } from "./Breadcrumb-g_xn_-Nf.js";
+import { Breadcrumb } from "./Breadcrumb-xqEUxfwn.js";
 import { Tabs, TabsContent } from "./Tabs-eB974xJf.js";
 import { Stepper } from "./Stepper-C8sm9ZFM.js";
-import { Timeline } from "./Timeline-BG5Xogxh.js";
+import { Timeline } from "./Timeline-C8-wnRRr.js";
 import { Avatar } from "./internal/components/Avatar.js";
 import { MarkedText } from "./MarkedText-DNGEUVWc.js";
-import { Kbd, kbdVariants, keys } from "./Kbd-Cvvt91Q8.js";
+import { Kbd, kbdVariants, keys } from "./Kbd-LCFMumoq.js";
 import { Pagination } from "./Pagination-C_b7Xhey.js";
 import { DiffType, DiffView, computeDiffRows, computeLineInformation } from "./DiffView-ppTIzh2h.js";
 import { PaneHeader } from "./internal/components/MergeEditor/PaneHeader.js";
@@ -109,9 +111,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-CsttTHn4.js";
+import { setServerFieldErrors, setSubmitError, useAppForm, withForm } from "./Form-CcK7dRrC.js";
 import { useAutosizeInput } from "./internal/hooks/useAutosizeInput.js";
-import { ZoomableSvg, svgToPngBlob, toSvgFileContent } from "./ZoomableSvg-pooPb1Cu.js";
-import { BrandEditor, DEFAULT_FALLBACK_FONT, DEFAULT_FONT_OPTIONS, channelsToHex, contrastRatio, hexToChannels, wcagLevel } from "./BrandEditor-CSANsxUz.js";
+import { ZoomableSvg, svgToPngBlob, toSvgFileContent } from "./ZoomableSvg-BZlk3PFJ.js";
+import { BrandEditor, DEFAULT_FALLBACK_FONT, DEFAULT_FONT_OPTIONS, channelsToHex, contrastRatio, hexToChannels, wcagLevel } from "./BrandEditor-BsTBM3s6.js";
 import { Slot } from "@radix-ui/react-slot";
-export { Alert, AlertModal, AnswerActions, AnswerSummary, AppShell, ArgoDesignContext, AuthLayout, AutoSaveTextarea, Avatar, Badge, BrandEditor, BrandLogo, Breadcrumb, Button, ButtonGroup, ButtonInline, Calendar, Card, ChartPanel, Checkbox, Clipboard, ClipboardButton, ClipboardInline, Collapsible, CollapsiblePanel, CollapsibleStepHeader, ColorInput, ColorModeSwitch, Combobox, 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, FileUpload, FormGroup, FullScreenModal, FullScreenModalBody, FullScreenModalHeader, GoogleButton, HelpBlock, HoverCard, InlineStepDetail, InlineStepLabel, InputGroup, Kbd, Label, Link, MIN_WORKBENCH_PANEL_HEIGHT_IN_PX, Markdown, MarkdownTable, MarkedText, MessageBubble, MicrosoftButton, Modal, MultiActionButtonGroup, MultiCombobox, MultiComboboxField, Navbar, NumberInput, OtpInput, 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, UsageStats, UsageStatsRing, Workbench, ZoomableSvg, appShellSlotSelector, argoVariants, brandSchema, channelsToHex, clampPercentage, cn, computeDiffRows, computeLineInformation, contrastRatio, copyToClipboard, defaultFilter, exampleCustomer, filterByWords, findLiteralMatches, formatPercentage, hasLiteralMatch, hexToChannels, isMac, kbdVariants, keboola, keboolaLegacySidebar, keboolaLegacyTopnav, 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 };
+export { Alert, AlertModal, AnswerActions, AnswerSummary, AppShell, ArgoDesignContext, AuthLayout, AutoSaveTextarea, Avatar, Badge, BrandEditor, BrandLogo, Breadcrumb, Button, ButtonGroup, ButtonInline, Calendar, Card, ChartPanel, ChatInlineIcon, Checkbox, ChipEditor, Clipboard, ClipboardButton, ClipboardInline, Collapsible, CollapsiblePanel, CollapsibleStepHeader, ColorInput, ColorModeSwitch, Combobox, 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, 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, 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, appShellSlotSelector, argoVariants, brandSchema, channelsToHex, clampPercentage, cn, computeDiffRows, computeLineInformation, contrastRatio, copyToClipboard, defaultFilter, exampleCustomer, filterByWords, findLiteralMatches, formatPercentage, getChatInlineIconName, 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 };

package/dist/internal/blocks/AIKit.js

@@ -1,2 +1,2 @@
-import { AnswerActions, AnswerSummary, CollapsibleStepHeader, DIAGRAM_LANGUAGES, InlineStepDetail, InlineStepLabel, Markdown, MarkdownTable, MessageBubble, PlanApproval, PlanRewritingIndicator, PromptInput, Question, QuestionBlock, SuggestedPrompt, ThinkingIndicator, ToolCallApproval, ToolCallChip, ToolCallStatusHeader, UsageStats, UsageStatsRing, clampPercentage, formatPercentage } from "../../AIKit-BExvt9pt.js";
-export { AnswerActions, AnswerSummary, CollapsibleStepHeader, DIAGRAM_LANGUAGES, InlineStepDetail, InlineStepLabel, Markdown, MarkdownTable, MessageBubble, PlanApproval, PlanRewritingIndicator, PromptInput, Question, QuestionBlock, SuggestedPrompt, ThinkingIndicator, ToolCallApproval, ToolCallChip, ToolCallStatusHeader, UsageStats, UsageStatsRing, clampPercentage, formatPercentage };
+import { AnswerActions, AnswerSummary, ChatInlineIcon, CollapsibleStepHeader, DIAGRAM_LANGUAGES, InlineStepDetail, InlineStepGroup, InlineStepLabel, Markdown, MarkdownTable, MessageBubble, PlanApproval, PlanRewritingIndicator, PromptInput, Question, QuestionBlock, SuggestedPrompt, ThinkingIndicator, ToolCallApproval, ToolCallChip, ToolCallStatusHeader, UsageBar, UsageStats, UsageStatsRing, clampPercentage, formatPercentage, getChatInlineIconName } from "../../AIKit-ELIsegJz.js";
+export { AnswerActions, AnswerSummary, ChatInlineIcon, CollapsibleStepHeader, DIAGRAM_LANGUAGES, InlineStepDetail, InlineStepGroup, InlineStepLabel, Markdown, MarkdownTable, MessageBubble, PlanApproval, PlanRewritingIndicator, PromptInput, Question, QuestionBlock, SuggestedPrompt, ThinkingIndicator, ToolCallApproval, ToolCallChip, ToolCallStatusHeader, UsageBar, UsageStats, UsageStatsRing, clampPercentage, 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-CSANsxUz.js";
+import { BrandEditor, DEFAULT_FALLBACK_FONT, DEFAULT_FONT_OPTIONS, channelsToHex, contrastRatio, hexToChannels, wcagLevel } from "../../BrandEditor-BsTBM3s6.js";
 export { BrandEditor, DEFAULT_FALLBACK_FONT, DEFAULT_FONT_OPTIONS, channelsToHex, contrastRatio, hexToChannels, wcagLevel };

package/dist/internal/blocks/ChipEditor.js

@@ -0,0 +1,137 @@
+import { splitEntry } from "../../utils-BW4AE8VP.js";
+import { useArgoDesign } from "../../context-D7X470dy.js";
+import { mergeRefs } from "../utils/mergeRefs.js";
+import { X } from "../../icons-Cek151jC.js";
+import { InputGroup } from "../../InputGroup-Do8K2hvD.js";
+import { useControllableState } from "../../useControllableState-M6494mCT.js";
+import { Badge } from "../../Badge-o5jURtpB.js";
+import { useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/blocks/ChipEditor/ChipEditor.tsx
+const defaultRemoveLabel = (value) => `Remove ${value}`;
+const sameValue = (a, b) => a.toLowerCase() === b.toLowerCase();
+/**
+* Free-text token editor — type a value, press Enter, it becomes a removable chip.
+*
+* **When to use:** a list of strings the user writes rather than picks — tags, feature flags,
+* column names, permitted email domains. It is the one chip editor on the platform, so an app
+* never rebuilds the input-plus-chips row itself.
+* **When NOT to use:** when the values come from a known list use `MultiCombobox` (with
+* `allowCreate` when the list is open-ended) — a searchable popup beats blind typing. A list the
+* user cannot edit is a row of plain `Badge`s.
+* **Composition:** wrap in a `FormGroup` for a label and error state, or pass `state="error"` /
+* `aria-invalid` directly. Values are compared case-insensitively, so one already held is never
+* added twice.
+*/
+const ChipEditor = ({ ref: forwardedRef, value: valueProp, defaultValue, onValueChange, separator = ",", canAdd, chipColor, removeLabel = defaultRemoveLabel, testId, state = "default", sizing = "default", variant, focusVariant = "default", className, disabled = false, readOnly = false, onChange, onBlur, onKeyDown, ...inputProps }) => {
+	const renderArgo = useArgoDesign();
+	const inputRef = useRef(null);
+	const [query, setQuery] = useState("");
+	const [values, setValues] = useControllableState({
+		prop: valueProp,
+		defaultProp: defaultValue ?? [],
+		onChange: onValueChange
+	});
+	const isEditable = !disabled && !readOnly;
+	/**
+	* Turns typed text into chips, and answers whether the text is spent.
+	*
+	* - The split runs first, so one entry can add several values.
+	* - A value already held adds nothing, but the text is still spent — the user's intent is
+	*   satisfied by the chip that is already there.
+	* - A value `canAdd` rejects is the one case the text survives: the field still shows what the
+	*   user has to fix.
+	*/
+	const commit = (entry) => {
+		const parts = splitEntry(entry, separator).map((part) => part.trim()).filter((part) => part !== "");
+		const accepted = parts.filter((part) => canAdd?.(part) ?? true);
+		const added = accepted.filter((part, index) => !values.some((held) => sameValue(held, part)) && accepted.findIndex((other) => sameValue(other, part)) === index);
+		if (added.length > 0) setValues([...values, ...added]);
+		return { isSpent: accepted.length === parts.length };
+	};
+	const commitAndClear = (entry) => {
+		if (commit(entry).isSpent) setQuery("");
+	};
+	const handleChange = (event) => {
+		onChange?.(event);
+		const next = event.target.value;
+		if (typeof separator === "string" && next.includes(separator)) {
+			const cut = next.lastIndexOf(separator);
+			commit(next.slice(0, cut));
+			setQuery(next.slice(cut + separator.length));
+			return;
+		}
+		setQuery(next);
+	};
+	const handleKeyDown = (event) => {
+		onKeyDown?.(event);
+		if (event.defaultPrevented) return;
+		if (event.key === "Enter") {
+			event.preventDefault();
+			commitAndClear(query);
+			return;
+		}
+		if (event.key === "Backspace" && query === "" && values.length > 0) {
+			setValues(values.slice(0, -1));
+			return;
+		}
+		if (event.key === "Escape" && query !== "") {
+			event.preventDefault();
+			event.stopPropagation();
+			setQuery("");
+		}
+	};
+	const handleBlur = (event) => {
+		onBlur?.(event);
+		commitAndClear(query);
+	};
+	const removeAt = (index) => {
+		setValues(values.filter((_, position) => position !== index));
+		inputRef.current?.focus();
+	};
+	return /* @__PURE__ */ jsxs(InputGroup, {
+		state,
+		variant,
+		sizing,
+		focusVariant,
+		className,
+		"data-testid": testId,
+		children: [/* @__PURE__ */ jsx(InputGroup.Addon, {
+			align: "block-start",
+			className: "tw:flex-wrap",
+			role: "list",
+			children: values.map((value, index) => /* @__PURE__ */ jsxs(Badge.Root, {
+				role: "listitem",
+				color: chipColor,
+				variant: renderArgo ? "pill" : "default",
+				className: "tw:max-w-40",
+				children: [/* @__PURE__ */ jsx(Badge.Label, {
+					title: value,
+					children: value
+				}), isEditable && /* @__PURE__ */ jsx(Badge.Addon, {
+					variant: "inline",
+					align: "inline-end",
+					children: /* @__PURE__ */ jsx(Badge.Button, {
+						"aria-label": removeLabel(value),
+						onClick: () => removeAt(index),
+						children: /* @__PURE__ */ jsx(X, { className: "tw:size-3" })
+					})
+				})]
+			}, value))
+		}), /* @__PURE__ */ jsx(InputGroup.Input, {
+			...inputProps,
+			ref: mergeRefs(forwardedRef ?? null, inputRef),
+			type: "text",
+			value: query,
+			disabled,
+			readOnly,
+			onChange: handleChange,
+			onKeyDown: handleKeyDown,
+			onBlur: handleBlur
+		})]
+	});
+};
+//#endregion
+export { ChipEditor };
+
+//# sourceMappingURL=ChipEditor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChipEditor.js","names":[],"sources":["../../../src/blocks/ChipEditor/ChipEditor.tsx"],"sourcesContent":["import { useRef, useState } from 'react';\nimport type { ChangeEvent, ComponentProps, ComponentRef, FocusEvent, KeyboardEvent } from 'react';\n\nimport { Badge } from '../../components/Badge';\nimport { InputGroup } from '../../components/InputGroup';\nimport { useArgoDesign } from '../../components/ThemeProvider/context';\nimport { useControllableState } from '../../hooks/useControllableState';\nimport { X } from '../../icons';\nimport { DEFAULT_ENTRY_SEPARATOR, mergeRefs, splitEntry } from '../../utils';\n\ntype InputGroupProps = Pick<\n  ComponentProps<typeof InputGroup>,\n  'variant' | 'focusVariant' | 'sizing' | 'state'\n>;\n\ntype BadgeColor = ComponentProps<typeof Badge>['color'];\n\ntype OwnProps = {\n  value?: string[];\n  defaultValue?: string[];\n  /** Called with the whole next list whenever a value is added or removed. */\n  onValueChange?: (value: string[]) => void;\n  /**\n   * Splits one committed entry into several values — the same split as `MultiCombobox`'s\n   * `createSeparator`, so a pasted list becomes one chip per value rather than a chip literally\n   * named `id1, id2, id3`. `null` for a value that can itself contain the separator.\n   */\n  separator?: string | RegExp | null;\n  /**\n   * Gates each value, after the split and before it becomes a chip.\n   *\n   * - Reach for it when the value has a **format** the user must get right — an identifier, an\n   *   email, a domain.\n   * - A pasted list keeps the values that pass and drops the rest, so one bad value never costs\n   *   the good ones.\n   */\n  canAdd?: (value: string) => boolean;\n  /** The chip colour. Decorative — it categorises values, it does not encode their state. */\n  chipColor?: BadgeColor;\n  /** Names each remove button for a screen reader. */\n  removeLabel?: (value: string) => string;\n  testId?: string;\n};\n\nexport type Props = InputGroupProps &\n  OwnProps &\n  Omit<ComponentProps<'input'>, 'value' | 'defaultValue' | 'type' | 'prefix'>;\n\nconst defaultRemoveLabel = (value: string) => `Remove ${value}`;\n\nconst sameValue = (a: string, b: string) => a.toLowerCase() === b.toLowerCase();\n\n/**\n * Free-text token editor — type a value, press Enter, it becomes a removable chip.\n *\n * **When to use:** a list of strings the user writes rather than picks — tags, feature flags,\n * column names, permitted email domains. It is the one chip editor on the platform, so an app\n * never rebuilds the input-plus-chips row itself.\n * **When NOT to use:** when the values come from a known list use `MultiCombobox` (with\n * `allowCreate` when the list is open-ended) — a searchable popup beats blind typing. A list the\n * user cannot edit is a row of plain `Badge`s.\n * **Composition:** wrap in a `FormGroup` for a label and error state, or pass `state=\"error\"` /\n * `aria-invalid` directly. Values are compared case-insensitively, so one already held is never\n * added twice.\n */\nexport const ChipEditor = ({\n  ref: forwardedRef,\n  value: valueProp,\n  defaultValue,\n  onValueChange,\n  separator = DEFAULT_ENTRY_SEPARATOR,\n  canAdd,\n  chipColor,\n  removeLabel = defaultRemoveLabel,\n  testId,\n  state = 'default',\n  sizing = 'default',\n  variant,\n  focusVariant = 'default',\n  className,\n  disabled = false,\n  readOnly = false,\n  onChange,\n  onBlur,\n  onKeyDown,\n  ...inputProps\n}: Props) => {\n  const renderArgo = useArgoDesign();\n  const inputRef = useRef<ComponentRef<'input'>>(null);\n  const [query, setQuery] = useState('');\n\n  const [values, setValues] = useControllableState<string[]>({\n    prop: valueProp,\n    defaultProp: defaultValue ?? [],\n    onChange: onValueChange,\n  });\n\n  const isEditable = !disabled && !readOnly;\n\n  /**\n   * Turns typed text into chips, and answers whether the text is spent.\n   *\n   * - The split runs first, so one entry can add several values.\n   * - A value already held adds nothing, but the text is still spent — the user's intent is\n   *   satisfied by the chip that is already there.\n   * - A value `canAdd` rejects is the one case the text survives: the field still shows what the\n   *   user has to fix.\n   */\n  const commit = (entry: string): { isSpent: boolean } => {\n    const parts = splitEntry(entry, separator)\n      .map((part) => part.trim())\n      .filter((part) => part !== '');\n\n    const accepted = parts.filter((part) => canAdd?.(part) ?? true);\n    const added = accepted.filter(\n      (part, index) =>\n        !values.some((held) => sameValue(held, part)) &&\n        accepted.findIndex((other) => sameValue(other, part)) === index,\n    );\n\n    if (added.length > 0) setValues([...values, ...added]);\n\n    return { isSpent: accepted.length === parts.length };\n  };\n\n  const commitAndClear = (entry: string) => {\n    if (commit(entry).isSpent) setQuery('');\n  };\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    onChange?.(event);\n    const next = event.target.value;\n\n    // Typing (or pasting) the separator ends a value on the spot. Everything up to the last one\n    // commits; the fragment after it stays in the field, because the user may still be typing it.\n    // A `RegExp` separator has no character to look for, so only a string one does this.\n    if (typeof separator === 'string' && next.includes(separator)) {\n      const cut = next.lastIndexOf(separator);\n      commit(next.slice(0, cut));\n      setQuery(next.slice(cut + separator.length));\n      return;\n    }\n\n    setQuery(next);\n  };\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n    onKeyDown?.(event);\n    if (event.defaultPrevented) return;\n\n    if (event.key === 'Enter') {\n      // Always prevented: Enter in a field that takes several values means \"add this one\", never\n      // \"submit the form it happens to sit in\".\n      event.preventDefault();\n      commitAndClear(query);\n      return;\n    }\n\n    if (event.key === 'Backspace' && query === '' && values.length > 0) {\n      setValues(values.slice(0, -1));\n      return;\n    }\n\n    if (event.key === 'Escape' && query !== '') {\n      // Only while there is text to discard — an empty field lets Escape reach whatever overlay\n      // the editor sits in.\n      event.preventDefault();\n      event.stopPropagation();\n      setQuery('');\n    }\n  };\n\n  const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n    onBlur?.(event);\n    // A value typed and then clicked away from is a value the user meant to add — dropping it\n    // silently is what every hand-rolled chip row got wrong.\n    commitAndClear(query);\n  };\n\n  const removeAt = (index: number) => {\n    setValues(values.filter((_, position) => position !== index));\n    inputRef.current?.focus();\n  };\n\n  return (\n    <InputGroup\n      state={state}\n      variant={variant}\n      sizing={sizing}\n      focusVariant={focusVariant}\n      className={className}\n      data-testid={testId}\n    >\n      <InputGroup.Addon align=\"block-start\" className=\"tw:flex-wrap\" role=\"list\">\n        {values.map((value, index) => (\n          <Badge.Root\n            key={value}\n            role=\"listitem\"\n            color={chipColor}\n            variant={renderArgo ? 'pill' : 'default'}\n            className=\"tw:max-w-40\"\n          >\n            {/* Same cap and the same `title` as a `MultiCombobox` chip — the two chip rows are the\n                same object to a user, so they truncate at the same width. */}\n            <Badge.Label title={value}>{value}</Badge.Label>\n            {isEditable && (\n              <Badge.Addon variant=\"inline\" align=\"inline-end\">\n                <Badge.Button aria-label={removeLabel(value)} onClick={() => removeAt(index)}>\n                  <X className=\"tw:size-3\" />\n                </Badge.Button>\n              </Badge.Addon>\n            )}\n          </Badge.Root>\n        ))}\n      </InputGroup.Addon>\n\n      <InputGroup.Input\n        {...inputProps}\n        ref={mergeRefs(forwardedRef ?? null, inputRef)}\n        type=\"text\"\n        value={query}\n        disabled={disabled}\n        readOnly={readOnly}\n        onChange={handleChange}\n        onKeyDown={handleKeyDown}\n        onBlur={handleBlur}\n      />\n    </InputGroup>\n  );\n};\n"],"mappings":"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"}

package/dist/internal/blocks/ClipboardButton.js

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

package/dist/internal/blocks/ColorInput.js

@@ -1,2 +1,2 @@
-import { ColorInput } from "../../ColorInput-BZV-u_94.js";
+import { ColorInput } from "../../ColorInput-Bj3dfPFA.js";
 export { ColorInput };

package/dist/internal/blocks/ColorModeSwitch.js

@@ -1,2 +1,2 @@
-import { ColorModeSwitch } from "../../ColorModeSwitch-CsWLiTBX.js";
+import { ColorModeSwitch } from "../../ColorModeSwitch-CWt-DZGC.js";
 export { ColorModeSwitch };

package/dist/internal/blocks/Command.js

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

package/dist/internal/blocks/CopyField.js

@@ -1,2 +1,2 @@
-import { CopyField } from "../../CopyField-DpT0Ngz1.js";
+import { CopyField } from "../../CopyField-BHRQUyuF.js";
 export { CopyField };

package/dist/internal/blocks/DateInput.js

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

package/dist/internal/blocks/DateRangeInput.js

@@ -1,2 +1,2 @@
-import { DateRangeInput } from "../../DateRangeInput-DPfVYchl.js";
+import { DateRangeInput } from "../../DateRangeInput-7M9Z4cVO.js";
 export { DateRangeInput };

package/dist/internal/blocks/ExportMenu.js

@@ -1,7 +1,7 @@
-import { Tooltip } from "../../utils-DSvrhU8E.js";
+import { Tooltip } from "../../utils-BW4AE8VP.js";
 import { Download } from "../../icons-Cek151jC.js";
 import { Button } from "../../Button-DsRrU5F1.js";
-import { DropdownMenu } from "../../DropdownMenu-CASr-jgl.js";
+import { DropdownMenu } from "../../DropdownMenu-CgVwhDvl.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/blocks/ExportMenu/ExportMenu.tsx
 /**

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

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

package/dist/internal/blocks/Form.js

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

package/dist/internal/blocks/FormGroup.js

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

package/dist/internal/blocks/MultiActionButtonGroup.js

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

package/dist/internal/blocks/MultiCombobox.js

@@ -1,36 +1,17 @@
+import { splitEntry } from "../../utils-BW4AE8VP.js";
 import { useArgoDesign } from "../../context-D7X470dy.js";
 import { ChevronDown, Plus, X } from "../../icons-Cek151jC.js";
-import { InputGroup } from "../../InputGroup-DcZRlVnN.js";
-import { Combobox as Combobox$1, createCreatableItem, defaultGroupToLabel, defaultItemToDisabled, defaultItemToIcon, defaultItemToLabel, defaultQueryToCreateLabel, defaultToCreateValue, isCreatableItem, isGroupItem, isGroupItems, isSelectAllItem, namedLabel, sanitizeTypedInput, selectAllItem, toItemEquality, toLabel, useQueryReporter } from "../../Combobox-BfIfaVMA.js";
+import { InputGroup } from "../../InputGroup-Do8K2hvD.js";
+import { Combobox as Combobox$1, createCreatableItem, defaultGroupToLabel, defaultItemToDisabled, defaultItemToIcon, defaultItemToLabel, defaultQueryToCreateLabel, defaultToCreateValue, isCreatableItem, isGroupItem, isGroupItems, isSelectAllItem, namedLabel, sanitizeTypedInput, selectAllItem, toItemEquality, toLabel, useQueryReporter } from "../../Combobox-D8PrEqTG.js";
 import { Fragment, useMemo, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Combobox } from "@base-ui/react/combobox";
 //#region src/blocks/MultiCombobox/MultiCombobox.tsx
 /**
-* The strings one creatable entry stands for.
-*
-* - `id1, id2,` is two values: the blanks a stray separator leaves are dropped.
-* - A repeat collapses to its first occurrence, case-insensitively, as everything the control
-*   matches by display string does — one entry cannot add the same value twice.
-* - A `null` separator yields the entry itself.
-*/
-const DEFAULT_CREATE_SEPARATOR = ",";
-/**
 * How the create row lists the values it adds: each separated by the entry's own separator, then
 * a space. A `RegExp` stands for many strings, so the default separator stands in for it.
 */
-const joinCreateParts = (parts, separator) => parts.join(`${typeof separator === "string" ? separator : DEFAULT_CREATE_SEPARATOR} `);
-const splitCreateEntry = (entry, separator) => {
-	if (separator === null) return [entry];
-	const seen = /* @__PURE__ */ new Set();
-	return entry.split(separator).map((part) => part.trim()).filter((part) => {
-		if (part === "") return false;
-		const key = part.toLowerCase();
-		if (seen.has(key)) return false;
-		seen.add(key);
-		return true;
-	});
-};
+const joinCreateParts = (parts, separator) => parts.join(`${typeof separator === "string" ? separator : ","} `);
 /**
 * Multi-selection combobox with chip display and search. Built on Base UI Combobox.
 *
@@ -45,10 +26,20 @@ const splitCreateEntry = (entry, separator) => {
 * @see RECIPES.md#creatable-multi-combobox — for free-form-plus-enumerated patterns
 * @see RECIPES.md#filter-toolbar — for combining multi-select with other filter chips
 */
-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-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid, "aria-required": ariaRequired, className, allowSelectAll = false, empty = "No items", indicator, inputValueSanitizer, onQueryChange, allowCreate, canCreate, queryToCreateValue, queryToCreateLabel = defaultQueryToCreateLabel, createSeparator = DEFAULT_CREATE_SEPARATOR, itemToDisabled = defaultItemToDisabled, itemToLabel: itemToLabelProp, itemToIcon = defaultItemToIcon, groupToLabel = defaultGroupToLabel, 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, id, name, onBlur, "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid, "aria-required": ariaRequired, className, allowSelectAll = false, empty = "No items", indicator, inputValueSanitizer, onQueryChange, allowCreate, canCreate, queryToCreateValue, queryToCreateLabel = defaultQueryToCreateLabel, createSeparator = ",", itemToDisabled = defaultItemToDisabled, itemToLabel: itemToLabelProp, itemToIcon = defaultItemToIcon, groupToLabel = defaultGroupToLabel, itemToChipLabel, itemToChipColor, pinnedChipLabels, renderChips, maxVisible = 3 }) => {
 	const itemsProp = _itemsProp ?? [];
 	const valueProp = _valueProp ?? [];
-	const itemToLabel = itemToLabelProp ?? (itemToStringLabel ? (item) => namedLabel(itemToStringLabel(item)) : defaultItemToLabel);
+	const itemToString = (item) => itemToStringLabel?.(item) ?? toLabel(item);
+	/**
+	* The node a row or a chip shows for an item.
+	*
+	* - `itemToStringLabel` is a projection, not a display accessor, so a blank it returns still
+	*   needs naming — rows and chips are where a blank value would otherwise render as nothing.
+	* - It reads through `itemToString`, so an item the projection has no answer for falls back to
+	*   the item's own string: Base UI reports the outgoing selection for the render after `items`
+	*   and `itemToStringLabel` change together.
+	*/
+	const itemToLabel = itemToLabelProp ?? (itemToStringLabel ? (item) => namedLabel(itemToString(item)) : defaultItemToLabel);
 	const chipVariant = useArgoDesign() ? "pill" : "default";
 	const [inputValue, setInputValue] = useState("");
 	const [createdItems, setCreatedItems] = useState([]);
@@ -69,9 +60,8 @@ const MultiCombobox = ({ items: _itemsProp, value: _valueProp, defaultValue, onV
 		value: valueProp
 	});
 	const itemsWithSelectAllItem = hasSelectAllRow ? [selectAllItem, ...baseItems] : baseItems;
-	const itemToString = (item) => itemToStringLabel?.(item) ?? toLabel(item);
 	const labelKey = (item) => itemToString(item).toLowerCase();
-	const createParts = !allowCreate || disabled || !query ? [] : splitCreateEntry(query, createSeparator);
+	const createParts = !allowCreate || disabled || !query ? [] : splitEntry(query, createSeparator);
 	const selectedKeys = /* @__PURE__ */ new Set();
 	if (createParts.length > 0) for (const item of valueProp) selectedKeys.add(labelKey(item));
 	const itemKeys = /* @__PURE__ */ new Set();
@@ -107,7 +97,7 @@ const MultiCombobox = ({ items: _itemsProp, value: _valueProp, defaultValue, onV
 		return defaultFilter.contains(item, query, itemToString);
 	};
 	const isItemEqualToValue = useMemo(() => toItemEquality(isItemEqualToValueProp), [isItemEqualToValueProp]);
-	const wrappedItemToStringLabel = !allowCreate ? itemToStringLabel : (item) => isCreatableItem(item) ? item.value : itemToString(item);
+	const wrappedItemToStringLabel = !allowCreate ? itemToStringLabel && itemToString : (item) => isCreatableItem(item) ? item.value : itemToString(item);
 	const wrappedItemToStringValue = !allowCreate || !itemToStringValue ? itemToStringValue : (item) => isCreatableItem(item) ? item.value : itemToStringValue(item);
 	const value = isAllSelected ? [...valueProp, selectAllItem] : valueProp;
 	const handleInputValueChange = (next, { reason }) => {