@keboola/design 11.2.0 → 11.4.0

package/dist/index.js

@@ -1,76 +1,78 @@
 import { cn } from "./classNames-BzrkDnOD.js";
-import { Tooltip, TooltipProvider, copyToClipboard, isMac } from "./utils-D0c5VAyF.js";
-import { ArgoDesignContext, DEFAULT_BRAND_ID, DEFAULT_COLOR_SCHEME, useArgoDesign, useTheme } from "./context-KxxeMHbR.js";
+import { Tooltip, TooltipProvider, copyToClipboard, isMac } from "./utils-B5Z52hYs.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-6xBX0nNl.js";
+import { Button, ButtonInline, argoVariants } from "./Button-DsRrU5F1.js";
 import { ButtonGroup } from "./internal/components/ButtonGroup.js";
-import { DropdownMenu } from "./DropdownMenu-t90tVw6l.js";
+import { DropdownMenu } from "./DropdownMenu-CASr-jgl.js";
 import { ScrollArea, ScrollBar } from "./internal/components/ScrollArea.js";
 import { SplitButton } from "./internal/blocks/SplitButton.js";
-import { MultiActionButtonGroup } from "./MultiActionButtonGroup-BiIIubiL.js";
+import { MultiActionButtonGroup } from "./MultiActionButtonGroup-CxWH7yWK.js";
 import { Toggle } from "./internal/components/Toggle.js";
 import { ToggleGroup } from "./ToggleGroup-Cy_10Mvu.js";
-import { Clipboard } from "./Clipboard-CBJZiviP.js";
-import { ClipboardButton, ClipboardInline } from "./ClipboardButton-ClcluT0C.js";
+import { Clipboard } from "./Clipboard-ChPdiUy3.js";
+import { ClipboardButton, ClipboardInline } from "./ClipboardButton-D9pDjgkB.js";
 import { ExportMenu } from "./internal/blocks/ExportMenu.js";
-import { CopyField } from "./CopyField-BJ96zvXs.js";
+import { CopyField } from "./CopyField-BO_sh-HO.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-Dp_XuJBW.js";
-import { Modal } from "./Modal-wqG8nJiK.js";
+import { AlertModal } from "./AlertModal-BGJdaRRj.js";
+import { Modal } from "./Modal-Coj-H02o.js";
 import { Separator } from "./internal/components/Separator.js";
-import { FullScreenModal, FullScreenModalBody, FullScreenModalHeader } from "./FullScreenModal-Cb3PGgh4.js";
+import { FullScreenModal, FullScreenModalBody, FullScreenModalHeader } from "./FullScreenModal-BvPuYibe.js";
 import { Truncated } from "./internal/components/Truncated.js";
-import { Sheet } from "./Sheet-Dw9BDvjI.js";
-import { Popover } from "./Popover-CzeHjvrB.js";
-import { Popconfirm } from "./Popconfirm-D7_vfxFd.js";
-import { HoverCard } from "./HoverCard-WfDkLK1s.js";
-import { Command, CommandGroup, CommandInput, CommandItem, CommandList, defaultFilter, useCommandState } from "./Command-C0aZfVTq.js";
-import { InputGroup } from "./InputGroup-CdTq8H7c.js";
-import { TextInput } from "./TextInput-CMuN1WfY.js";
+import { Sheet } from "./Sheet-Chf0kX1E.js";
+import { Popover } from "./Popover-BEbQrC_P.js";
+import { Popconfirm } from "./Popconfirm-CILjmzKI.js";
+import { HoverCard } from "./HoverCard-B9ZMJxjn.js";
+import { Command, CommandGroup, CommandInput, CommandItem, CommandList, defaultFilter, useCommandState } from "./Command-B7ML9YMv.js";
+import { InputGroup } from "./InputGroup-BnLHY0eq.js";
+import { TextInput } from "./TextInput-DHM6dHmn.js";
 import { SpotlightBackdrop, useTargetRect } from "./internal/components/SpotlightBackdrop.js";
 import { Calendar } from "./Calendar-cG5NIJ4O.js";
-import { DatePicker } from "./DatePicker-Dw3DpbUh.js";
-import { TimePicker } from "./TimePicker-D9zktB8A.js";
-import { DateRangePicker } from "./DateRangePicker-DCmMHg4s.js";
-import { Switch } from "./Switch-CX2A0v50.js";
-import { RadioGroup } from "./RadioGroup-sIveSsNa.js";
-import { Slider } from "./Slider-BOPfMOMm.js";
-import { Search, SearchForm } from "./Search-3UiqNZRj.js";
-import { Select } from "./Select-Is0VkePH.js";
-import { Checkbox } from "./Checkbox-GJ8-srt4.js";
+import { DatePicker } from "./DatePicker-nA8YdE84.js";
+import { TimePicker } from "./TimePicker-BGeqc-Ed.js";
+import { DateRangePicker } from "./DateRangePicker-DjSUFjh4.js";
+import { Switch } from "./Switch-ChfPKcTE.js";
+import { RadioGroup } from "./RadioGroup-XFzFd1ti.js";
+import { Slider } from "./Slider-pPC_3gz9.js";
+import { Search, SearchForm } from "./Search-4Bxtt8hS.js";
+import { Select } from "./Select-DpcgKqKB.js";
+import { Checkbox } from "./Checkbox-fC0BuO2B.js";
 import { Badge } from "./Badge-Ch26CXoP.js";
-import { Combobox } from "./Combobox-Dgm6Z4ib.js";
+import { Combobox } from "./Combobox-Cs_1pj2q.js";
 import { MultiCombobox } from "./internal/blocks/MultiCombobox.js";
-import { FormGroup } from "./FormGroup-C41n65cE.js";
-import { ColorInput } from "./ColorInput-B8z4j4Y_.js";
+import { FormGroup } from "./FormGroup-DbcDtrgU.js";
+import { ColorInput } from "./ColorInput-Bxj-1eLT.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 { AutoSaveTextarea } from "./AutoSaveTextarea-BeuWuszr.js";
-import { ColorModeSwitch } from "./ColorModeSwitch-dZFZyqy1.js";
-import { DateInput } from "./DateInput-B3UdzRfW.js";
+import { ColorModeSwitch } from "./ColorModeSwitch-CsWLiTBX.js";
+import { DateInput } from "./DateInput-ZdaMQo5i.js";
 import { PasswordInput } from "./internal/blocks/PasswordInput.js";
 import { TimeInput } from "./internal/blocks/TimeInput.js";
-import { DateRangeInput } from "./DateRangeInput-DTuySEiq.js";
+import { DateRangeInput } from "./DateRangeInput-DkvNh_sT.js";
 import { OtpInput, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS } from "./OtpInput-CbbymqYs.js";
-import { SearchInput } from "./SearchInput-C7dF_Ir-.js";
+import { SearchInput } from "./SearchInput-f_oY9T4Z.js";
 import { SearchInputWithNavigation } from "./internal/blocks/SearchInputWithNavigation.js";
-import { FileUpload, useFileDropTarget, useFileUploadRejections } from "./FileUpload-BRv0TaZk.js";
-import { AnswerSummary, CollapsibleStepHeader, InlineStepDetail, InlineStepLabel, Markdown, MessageBubble, PlanApproval, PlanRewritingIndicator, PromptInput, Question, QuestionBlock, SuggestedPrompt, ThinkingIndicator, ToolCallApproval, ToolCallChip, UsageStats, UsageStatsRing } from "./AIKit-DiS0CVOW.js";
+import { FileUpload, useFileDropTarget, useFileUploadRejections } from "./FileUpload-ABThVZyg.js";
+import { AnswerSummary, CollapsibleStepHeader, InlineStepDetail, InlineStepLabel, Markdown, MessageBubble, PlanApproval, PlanRewritingIndicator, PromptInput, Question, QuestionBlock, SuggestedPrompt, ThinkingIndicator, ToolCallApproval, ToolCallChip, ToolCallStatusHeader, UsageStats, UsageStatsRing } from "./AIKit-DDg5DBCG.js";
 import { Table, tableAriaSort } from "./Table-CvYuTuNU.js";
 import { Skeleton } from "./internal/components/Skeleton/Skeleton.js";
-import { Avatar } from "./internal/components/Avatar.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-DfZq9kGe.js";
-import { toast } from "./toast-CjkURw0M.js";
-import { Toaster, useNotification } from "./Toast-DQSbs3oA.js";
+import { Alert } from "./Alert-DHJFrWnS.js";
+import { toast } from "./toast-DIC0iNRf.js";
+import { Toaster, useNotification } from "./Toast-Dr6Uw7ao.js";
 import { EmptySearchContent } from "./internal/components/EmptySearchContent.js";
-import { Card } from "./Card-BAoZ35CV.js";
+import { Card } from "./Card-Dyo7055Q.js";
 import { EmptyConfigurationActionCard } from "./internal/blocks/EmptyConfigurationActionCard.js";
 import { EmptyState } from "./internal/blocks/EmptyState.js";
 import { ErrorState } from "./internal/blocks/ErrorState.js";
@@ -78,25 +80,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, brandSchema, exampleCustomer, keboola, keboolaLegacySidebar, keboolaLegacyTopnav } from "./ThemeProvider-QncUrfJn.js";
-import { AppShell } from "./AppShell-B5GQN6Zs.js";
+import { ThemeProvider, ThemeScope, brandSchema, exampleCustomer, keboola, keboolaLegacySidebar, keboolaLegacyTopnav, useThemeScopeContainer } from "./ThemeProvider-DrQJtzpd.js";
+import { AppShell, appShellSlotSelector } from "./AppShell-DRgJxpXW.js";
 import { PageLayout } from "./PageLayout-DSVM-ASz.js";
 import { PageHeader } from "./PageHeader-Q3IpCnQd.js";
-import { PageToolbar } from "./PageToolbar-OQg3mPF-.js";
-import { SectionNav } from "./SectionNav-8NoTOKO8.js";
-import { BrandLogo } from "./BrandLogo-CJkRd0F8.js";
+import { PageToolbar } from "./PageToolbar-DnbFt14Q.js";
+import { SectionNav } from "./SectionNav-BpJlisbT.js";
+import { BrandLogo } from "./BrandLogo-Dmi7jo21.js";
 import { ResizableHandle, ResizablePanel, ResizablePanelGroup, useDefaultLayout } from "./Resizable-D3vYToZH.js";
-import { Sidebar, SidebarProvider, useOptionalSidebar, useSidebar } from "./Sidebar-Dcb4rinA.js";
+import { Sidebar, SidebarProvider, useOptionalSidebar, useSidebar } from "./Sidebar-Cm6I4dE1.js";
 import { useScrollbarPosition } from "./internal/hooks/useScrollbarPosition.js";
-import { Navbar } from "./Navbar-BfaPeLUL.js";
+import { Navbar } from "./Navbar-B2UsolVU.js";
 import { DEFAULT_WORKBENCH_BAR_HEIGHT_IN_REM, DEFAULT_WORKBENCH_PANEL_HEIGHT_IN_PX, MIN_WORKBENCH_PANEL_HEIGHT_IN_PX, Workbench, useWorkbench } from "./Workbench-BzE-Vvd9.js";
-import { Breadcrumb } from "./Breadcrumb-Frst8MTA.js";
-import { Tabs, TabsContent } from "./Tabs-UMQuDoW8.js";
+import { Breadcrumb } from "./Breadcrumb-uEkM6adI.js";
+import { Tabs, TabsContent } from "./Tabs-eB974xJf.js";
 import { Stepper } from "./Stepper-C8sm9ZFM.js";
 import { Timeline } from "./Timeline-6btyJl4D.js";
-import { MarkedText } from "./MarkedText-Ckbft5mw.js";
-import { Kbd, kbdVariants, keys } from "./Kbd-CxHAo1oo.js";
-import { Pagination } from "./Pagination-Cjfda8KG.js";
+import { Avatar } from "./internal/components/Avatar.js";
+import { MarkedText } from "./MarkedText-DNGEUVWc.js";
+import { Kbd, kbdVariants, keys } from "./Kbd-CvSM3D3-.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";
 import { ConflictStatusIndicator } from "./internal/components/MergeEditor/ConflictStatus/ConflictStatusIndicator.js";
@@ -104,10 +107,10 @@ 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-DHvcFoEi.js";
+import { setServerFieldErrors, setSubmitError, useAppForm, withForm } from "./Form-k6PH-em3.js";
 import { useAutosizeInput } from "./internal/hooks/useAutosizeInput.js";
 import { useStableCallback } from "./internal/hooks/useStableCallback.js";
-import { ZoomableSvg, svgToPngBlob, toSvgFileContent } from "./ZoomableSvg-CZEu6sAq.js";
-import { BrandEditor, DEFAULT_FALLBACK_FONT, DEFAULT_FONT_OPTIONS, channelsToHex, contrastRatio, hexToChannels, wcagLevel } from "./BrandEditor-DyzgfVkl.js";
+import { ZoomableSvg, svgToPngBlob, toSvgFileContent } from "./ZoomableSvg-BWnDkR61.js";
+import { BrandEditor, DEFAULT_FALLBACK_FONT, DEFAULT_FONT_OPTIONS, channelsToHex, contrastRatio, hexToChannels, wcagLevel } from "./BrandEditor-Go7w8Zj2.js";
 import { Slot } from "@radix-ui/react-slot";
-export { Alert, AlertModal, AnswerSummary, AppShell, ArgoDesignContext, 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, DashboardHero, DateInput, DatePicker, DateRangeInput, DateRangePicker, 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, 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, ThinkingIndicator, TimeInput, TimePicker, Timeline, Toaster, Toggle, ToggleGroup, ToolCallApproval, ToolCallChip, Tooltip, TooltipProvider, Truncated, UsageStats, UsageStatsRing, Workbench, ZoomableSvg, argoVariants, brandSchema, channelsToHex, cn, computeDiffRows, computeLineInformation, contrastRatio, copyToClipboard, defaultFilter, exampleCustomer, hexToChannels, isMac, kbdVariants, keboola, keboolaLegacySidebar, keboolaLegacyTopnav, keys, mergeRefs, setServerFieldErrors, setSubmitError, svgToPngBlob, tableAriaSort, toSvgFileContent, toast, useAppForm, useArgoDesign, useAutosizeInput, useCommandState, useDefaultLayout, useFileDropTarget, useFileUploadRejections, useMergeDiff, useNotification, useOptionalSidebar, useScrollbarPosition, useSidebar, useStableCallback, useTargetRect, useTheme, useWorkbench, wcagLevel, withForm };
+export { Alert, AlertModal, AnswerSummary, AppShell, ArgoDesignContext, 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, 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, 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, cn, computeDiffRows, computeLineInformation, contrastRatio, copyToClipboard, defaultFilter, exampleCustomer, findLiteralMatches, hasLiteralMatch, hexToChannels, isMac, kbdVariants, keboola, keboolaLegacySidebar, keboolaLegacyTopnav, keys, mergeRefs, setServerFieldErrors, setSubmitError, svgToPngBlob, tableAriaSort, toSvgFileContent, toast, useAppForm, useArgoDesign, useAutosizeInput, useCommandState, useDefaultLayout, useFileDropTarget, useFileUploadRejections, useMergeDiff, useNotification, useOptionalSidebar, useScrollbarPosition, useSidebar, useStableCallback, useTargetRect, useTheme, useThemeScopeContainer, useWorkbench, wcagLevel, withForm };

package/dist/internal/blocks/AIKit.js

@@ -1,2 +1,2 @@
-import { AnswerSummary, CollapsibleStepHeader, InlineStepDetail, InlineStepLabel, Markdown, MessageBubble, PlanApproval, PlanRewritingIndicator, PromptInput, Question, QuestionBlock, SuggestedPrompt, ThinkingIndicator, ToolCallApproval, ToolCallChip, UsageStats, UsageStatsRing } from "../../AIKit-DiS0CVOW.js";
-export { AnswerSummary, CollapsibleStepHeader, InlineStepDetail, InlineStepLabel, Markdown, MessageBubble, PlanApproval, PlanRewritingIndicator, PromptInput, Question, QuestionBlock, SuggestedPrompt, ThinkingIndicator, ToolCallApproval, ToolCallChip, UsageStats, UsageStatsRing };
+import { AnswerSummary, CollapsibleStepHeader, InlineStepDetail, InlineStepLabel, Markdown, MessageBubble, PlanApproval, PlanRewritingIndicator, PromptInput, Question, QuestionBlock, SuggestedPrompt, ThinkingIndicator, ToolCallApproval, ToolCallChip, ToolCallStatusHeader, UsageStats, UsageStatsRing } from "../../AIKit-DDg5DBCG.js";
+export { AnswerSummary, CollapsibleStepHeader, InlineStepDetail, InlineStepLabel, Markdown, MessageBubble, PlanApproval, PlanRewritingIndicator, PromptInput, Question, QuestionBlock, SuggestedPrompt, ThinkingIndicator, ToolCallApproval, ToolCallChip, ToolCallStatusHeader, UsageStats, UsageStatsRing };

package/dist/internal/blocks/AppShell.js

@@ -1,2 +1,2 @@
-import { AppShell } from "../../AppShell-B5GQN6Zs.js";
-export { AppShell };
+import { AppShell, appShellSlotSelector } from "../../AppShell-DRgJxpXW.js";
+export { AppShell, appShellSlotSelector };

package/dist/internal/blocks/BrandEditor.js

@@ -1,2 +1,2 @@
-import { BrandEditor, DEFAULT_FALLBACK_FONT, DEFAULT_FONT_OPTIONS, channelsToHex, contrastRatio, hexToChannels, wcagLevel } from "../../BrandEditor-DyzgfVkl.js";
+import { BrandEditor, DEFAULT_FALLBACK_FONT, DEFAULT_FONT_OPTIONS, channelsToHex, contrastRatio, hexToChannels, wcagLevel } from "../../BrandEditor-Go7w8Zj2.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-BAoZ35CV.js";
+import { Card } from "../../Card-Dyo7055Q.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/blocks/ChartPanel/ChartPanel.tsx
 /**

package/dist/internal/blocks/ClipboardButton.js

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

package/dist/internal/blocks/ColorInput.js

@@ -1,2 +1,2 @@
-import { ColorInput } from "../../ColorInput-B8z4j4Y_.js";
+import { ColorInput } from "../../ColorInput-Bxj-1eLT.js";
 export { ColorInput };

package/dist/internal/blocks/ColorModeSwitch.js

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

package/dist/internal/blocks/Command.js

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

package/dist/internal/blocks/CopyField.js

@@ -1,2 +1,2 @@
-import { CopyField } from "../../CopyField-BJ96zvXs.js";
+import { CopyField } from "../../CopyField-BO_sh-HO.js";
 export { CopyField };

package/dist/internal/blocks/DateInput.js

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

package/dist/internal/blocks/DateRangeInput.js

@@ -1,2 +1,2 @@
-import { DateRangeInput } from "../../DateRangeInput-DTuySEiq.js";
+import { DateRangeInput } from "../../DateRangeInput-DkvNh_sT.js";
 export { DateRangeInput };

package/dist/{DiagramSkeleton-lwBS2YBa.js → internal/blocks/DiagramShared/DiagramSkeleton.js}

@@ -1,6 +1,6 @@
-import { Skeleton } from "./internal/components/Skeleton/Skeleton.js";
+import { Skeleton } from "../../components/Skeleton/Skeleton.js";
 import { jsx } from "react/jsx-runtime";
-//#region src/blocks/MermaidDiagram/DiagramSkeleton.tsx
+//#region src/blocks/DiagramShared/DiagramSkeleton.tsx
 const DiagramSkeleton = () => /* @__PURE__ */ jsx("div", {
 	className: "tw:my-3 tw:overflow-hidden tw:rounded-md tw:border tw:border-border tw:bg-muted tw:p-6",
 	children: /* @__PURE__ */ jsx(Skeleton, { className: "tw:h-40" })
@@ -8,4 +8,4 @@ const DiagramSkeleton = () => /* @__PURE__ */ jsx("div", {
 //#endregion
 export { DiagramSkeleton };
 
-//# sourceMappingURL=DiagramSkeleton-lwBS2YBa.js.map
+//# sourceMappingURL=DiagramSkeleton.js.map

package/dist/internal/blocks/DiagramShared/DiagramSkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DiagramSkeleton.js","names":[],"sources":["../../../../src/blocks/DiagramShared/DiagramSkeleton.tsx"],"sourcesContent":["import { Skeleton } from '../../components/Skeleton/Skeleton';\n\n// Lives apart from MermaidDiagram so callers can show it while that component's\n// chunk is still loading, without importing beautiful-mermaid to do it.\nexport const DiagramSkeleton = () => (\n  <div className=\"tw:my-3 tw:overflow-hidden tw:rounded-md tw:border tw:border-border tw:bg-muted tw:p-6\">\n    <Skeleton className=\"tw:h-40\" />\n  </div>\n);\n"],"mappings":";;;AAIA,MAAa,wBACX,oBAAC,OAAD;CAAK,WAAU;CACb,UAAA,oBAAC,UAAD,EAAU,WAAU,UAAW,CAAA;AAC5B,CAAA"}

package/dist/internal/blocks/EmptyConfigurationActionCard.js

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

package/dist/internal/blocks/ErrorState.js

@@ -1,4 +1,4 @@
-import { useArgoDesign } from "../../context-KxxeMHbR.js";
+import { useArgoDesign } from "../../context-D7X470dy.js";
 import { cva } from "class-variance-authority";
 import { jsx } from "react/jsx-runtime";
 //#region src/blocks/ErrorState/ErrorState.tsx

package/dist/internal/blocks/ExportMenu.js

@@ -1,7 +1,7 @@
-import { Tooltip } from "../../utils-D0c5VAyF.js";
+import { Tooltip } from "../../utils-B5Z52hYs.js";
 import { Download } from "../../icons-Cek151jC.js";
-import { Button } from "../../Button-6xBX0nNl.js";
-import { DropdownMenu } from "../../DropdownMenu-t90tVw6l.js";
+import { Button } from "../../Button-DsRrU5F1.js";
+import { DropdownMenu } from "../../DropdownMenu-CASr-jgl.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/blocks/ExportMenu/ExportMenu.tsx
 /**
@@ -14,7 +14,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 * which in turn pulls `ScrollArea`) plus two more external deps behind the lazy
 * boundary. Callers already paying for the barrel inject this instead.
 */
-const ExportMenu = ({ items, label, size = "icon-sm" }) => /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(Tooltip, {
+const ExportMenu = ({ items, label, size = "icon-sm", variant = "outline" }) => /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(Tooltip, {
 	tooltip: label,
 	placement: "top",
 	triggerAsChild: true,
@@ -22,7 +22,7 @@ const ExportMenu = ({ items, label, size = "icon-sm" }) => /* @__PURE__ */ jsxs(
 		asChild: true,
 		children: /* @__PURE__ */ jsx(Button, {
 			size,
-			variant: "outline",
+			variant,
 			"aria-label": label,
 			className: "tw:data-[state=open]:!bg-primary/10 tw:data-[state=open]:!text-primary",
 			children: /* @__PURE__ */ jsx(Download, { className: "tw:size-4" })

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

@@ -1 +1 @@
-{"version":3,"file":"ExportMenu.js","names":[],"sources":["../../../src/blocks/ExportMenu/ExportMenu.tsx"],"sourcesContent":["import { Button } from '../../components/Button';\nimport { DropdownMenu } from '../../components/DropdownMenu';\nimport { Tooltip } from '../../components/Tooltip';\nimport { Download } from '../../icons';\n\nexport type ExportMenuItem = {\n  /** Menu label, e.g. \"Download as CSV\". */\n  label: string;\n  onSelect: () => void;\n};\n\ntype Props = {\n  items: ExportMenuItem[];\n  /** Accessible name + tooltip for the trigger, e.g. \"Export table\". */\n  label: string;\n  size?: 'icon-xs' | 'icon-sm';\n};\n\n/**\n * Download-icon trigger with a menu of export formats.\n *\n * Lives in the root barrel rather than inside `ZoomableSvg` on purpose: that\n * component ships behind the lazy `@keboola/design/mermaid` boundary, and Radix's\n * menu is not in that chunk closure — importing it there would pull ~11 kB\n * brotlied of chunk-mates (`DropdownMenu` travels with `ButtonGroup` and `toast`,\n * which in turn pulls `ScrollArea`) plus two more external deps behind the lazy\n * boundary. Callers already paying for the barrel inject this instead.\n */\nexport const ExportMenu = ({ items, label, size = 'icon-sm' }: Props) => (\n  <DropdownMenu>\n    <Tooltip tooltip={label} placement=\"top\" triggerAsChild>\n      <DropdownMenu.Trigger asChild>\n        <Button\n          size={size}\n          variant=\"outline\"\n          aria-label={label}\n          // A menu trigger reads as active while its menu is open, and the argo\n          // `outline` variant resets to the plain background when active\n          // (`tw:hover:active:bg-background`). Re-assert the tint so an open\n          // trigger stays highlighted instead of dropping back to plain.\n          className=\"tw:data-[state=open]:!bg-primary/10 tw:data-[state=open]:!text-primary\"\n        >\n          <Download className=\"tw:size-4\" />\n        </Button>\n      </DropdownMenu.Trigger>\n    </Tooltip>\n    <DropdownMenu.Content align=\"end\">\n      {/* Keyed by index, not label: labels aren't guaranteed unique on a public\n          export (localized or dynamic text), and a duplicate key trips React's\n          duplicate-key warning. */}\n      {items.map((item, index) => (\n        <DropdownMenu.Item key={index} onSelect={item.onSelect}>\n          {item.label}\n        </DropdownMenu.Item>\n      ))}\n    </DropdownMenu.Content>\n  </DropdownMenu>\n);\n"],"mappings":";;;;;;;;;;;;;;;;AA4BA,MAAa,cAAc,EAAE,OAAO,OAAO,OAAO,gBAChD,qBAAC,cAAD,EAAA,UAAA,CACE,oBAAC,SAAD;CAAS,SAAS;CAAO,WAAU;CAAM,gBAAA;CACvC,UAAA,oBAAC,aAAa,SAAd;EAAsB,SAAA;EACpB,UAAA,oBAAC,QAAD;GACQ;GACN,SAAQ;GACR,cAAY;GAKZ,WAAU;GAEV,UAAA,oBAAC,UAAD,EAAU,WAAU,YAAa,CAAA;EAC3B,CAAA;CACY,CAAA;AACf,CAAA,GACT,oBAAC,aAAa,SAAd;CAAsB,OAAM;CAIzB,UAAA,MAAM,KAAK,MAAM,UAChB,oBAAC,aAAa,MAAd;EAA+B,UAAU,KAAK;EAC3C,UAAA,KAAK;CACW,GAFK,KAEL,CACpB;AACmB,CAAA,CACV,EAAA,CAAA"}
+{"version":3,"file":"ExportMenu.js","names":[],"sources":["../../../src/blocks/ExportMenu/ExportMenu.tsx"],"sourcesContent":["import { Button } from '../../components/Button';\nimport { DropdownMenu } from '../../components/DropdownMenu';\nimport { Tooltip } from '../../components/Tooltip';\nimport { Download } from '../../icons';\n\nexport type ExportMenuItem = {\n  /** Menu label, e.g. \"Download as CSV\". */\n  label: string;\n  onSelect: () => void;\n};\n\ntype Props = {\n  items: ExportMenuItem[];\n  /** Accessible name + tooltip for the trigger, e.g. \"Export table\". */\n  label: string;\n  size?: 'icon-xs' | 'icon-sm';\n  /**\n   * Trigger weight. `outline` (default) for a standalone control; `invisible`\n   * where the trigger sits in a row of ghost actions and a border would make\n   * the one menu louder than the buttons beside it.\n   */\n  variant?: 'outline' | 'invisible';\n};\n\n/**\n * Download-icon trigger with a menu of export formats.\n *\n * Lives in the root barrel rather than inside `ZoomableSvg` on purpose: that\n * component ships behind the lazy `@keboola/design/mermaid` boundary, and Radix's\n * menu is not in that chunk closure — importing it there would pull ~11 kB\n * brotlied of chunk-mates (`DropdownMenu` travels with `ButtonGroup` and `toast`,\n * which in turn pulls `ScrollArea`) plus two more external deps behind the lazy\n * boundary. Callers already paying for the barrel inject this instead.\n */\nexport const ExportMenu = ({ items, label, size = 'icon-sm', variant = 'outline' }: Props) => (\n  <DropdownMenu>\n    <Tooltip tooltip={label} placement=\"top\" triggerAsChild>\n      <DropdownMenu.Trigger asChild>\n        <Button\n          size={size}\n          variant={variant}\n          aria-label={label}\n          // A menu trigger reads as active while its menu is open, and the argo\n          // `outline` variant resets to the plain background when active\n          // (`tw:hover:active:bg-background`). Re-assert the tint so an open\n          // trigger stays highlighted instead of dropping back to plain.\n          className=\"tw:data-[state=open]:!bg-primary/10 tw:data-[state=open]:!text-primary\"\n        >\n          <Download className=\"tw:size-4\" />\n        </Button>\n      </DropdownMenu.Trigger>\n    </Tooltip>\n    <DropdownMenu.Content align=\"end\">\n      {/* Keyed by index, not label: labels aren't guaranteed unique on a public\n          export (localized or dynamic text), and a duplicate key trips React's\n          duplicate-key warning. */}\n      {items.map((item, index) => (\n        <DropdownMenu.Item key={index} onSelect={item.onSelect}>\n          {item.label}\n        </DropdownMenu.Item>\n      ))}\n    </DropdownMenu.Content>\n  </DropdownMenu>\n);\n"],"mappings":";;;;;;;;;;;;;;;;AAkCA,MAAa,cAAc,EAAE,OAAO,OAAO,OAAO,WAAW,UAAU,gBACrE,qBAAC,cAAD,EAAA,UAAA,CACE,oBAAC,SAAD;CAAS,SAAS;CAAO,WAAU;CAAM,gBAAA;CACvC,UAAA,oBAAC,aAAa,SAAd;EAAsB,SAAA;EACpB,UAAA,oBAAC,QAAD;GACQ;GACG;GACT,cAAY;GAKZ,WAAU;GAEV,UAAA,oBAAC,UAAD,EAAU,WAAU,YAAa,CAAA;EAC3B,CAAA;CACY,CAAA;AACf,CAAA,GACT,oBAAC,aAAa,SAAd;CAAsB,OAAM;CAIzB,UAAA,MAAM,KAAK,MAAM,UAChB,oBAAC,aAAa,MAAd;EAA+B,UAAU,KAAK;EAC3C,UAAA,KAAK;CACW,GAFK,KAEL,CACpB;AACmB,CAAA,CACV,EAAA,CAAA"}

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

@@ -1,5 +1,5 @@
 import { MultiCombobox } from "../../MultiCombobox.js";
-import { FieldItem, useFieldContext } from "../../../../FieldItem-D-h1NeBo.js";
+import { FieldItem, useFieldContext } from "../../../../FieldItem-CCd9-xnp.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-DHvcFoEi.js";
+import { setServerFieldErrors, setSubmitError, useAppForm, withForm } from "../../Form-k6PH-em3.js";
 export { setServerFieldErrors, setSubmitError, useAppForm, withForm };

package/dist/internal/blocks/FormGroup.js

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

package/dist/internal/blocks/MultiActionButtonGroup.js

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

package/dist/internal/blocks/MultiCombobox.js

@@ -1,7 +1,7 @@
-import { useArgoDesign } from "../../context-KxxeMHbR.js";
+import { useArgoDesign } from "../../context-D7X470dy.js";
 import { ChevronDown, Plus, X } from "../../icons-Cek151jC.js";
-import { InputGroup } from "../../InputGroup-CdTq8H7c.js";
-import { Combobox as Combobox$1, createCreatableItem, defaultGroupToLabel, defaultItemToDisabled, defaultItemToIcon, defaultItemToLabel, defaultQueryToCreateLabel, defaultToCreateValue, isCreatableItem, isGroupItem, isGroupItems, isLabeledItem, toLabel } from "../../Combobox-Dgm6Z4ib.js";
+import { InputGroup } from "../../InputGroup-BnLHY0eq.js";
+import { Combobox as Combobox$1, createCreatableItem, defaultGroupToLabel, defaultItemToDisabled, defaultItemToIcon, defaultItemToLabel, defaultQueryToCreateLabel, defaultToCreateValue, isCreatableItem, isGroupItem, isGroupItems, isLabeledItem, toLabel } from "../../Combobox-Cs_1pj2q.js";
 import { Fragment, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Combobox } from "@base-ui/react/combobox";
@@ -24,7 +24,7 @@ const isSelectAllItem = (item) => isLabeledItem(item) && item.value === "__selec
 * @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, inputRef, variant, sizing, focusVariant, state, placeholder, allowClear, id, name, onBlur, "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid, "aria-required": ariaRequired, className, allowSelectAll = false, empty = "No items", indicator, allowCreate, queryToCreateValue, queryToCreateLabel = defaultQueryToCreateLabel, itemToDisabled = defaultItemToDisabled, itemToLabel = defaultItemToLabel, itemToIcon = defaultItemToIcon, groupToLabel = defaultGroupToLabel, itemToChipLabel, itemToChipColor, maxVisible = 3 }) => {
+const MultiCombobox = ({ items: _itemsProp, value: _valueProp, defaultValue, onValueChange, itemToStringLabel, itemToStringValue, disabled, filter: filterProp, inputRef, variant, sizing, focusVariant, state, placeholder, allowClear, id, name, onBlur, "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid, "aria-required": ariaRequired, className, allowSelectAll = false, empty = "No items", indicator, allowCreate, queryToCreateValue, queryToCreateLabel = defaultQueryToCreateLabel, itemToDisabled = defaultItemToDisabled, itemToLabel = defaultItemToLabel, itemToIcon = defaultItemToIcon, groupToLabel = defaultGroupToLabel, itemToChipLabel, itemToChipColor, pinnedChipLabels, maxVisible = 3 }) => {
 	const itemsProp = _itemsProp ?? [];
 	const valueProp = _valueProp ?? [];
 	const chipVariant = useArgoDesign() ? "pill" : "default";
@@ -79,16 +79,18 @@ const MultiCombobox = ({ items: _itemsProp, value: _valueProp, defaultValue, onV
 			created.push(value);
 			return value;
 		}) : next;
-		if (allowCreate) {
-			if (created.length > 0) setCreatedItems((prev) => [...prev, ...created]);
-			setInputValue("");
-		}
 		const hasSelectAll = converted.some((item) => isSelectAllItem(item));
-		onValueChange((() => {
+		const newValue = (() => {
 			if (!allowSelectAll) return converted;
 			if (!hasSelectAll) return isAllSelected ? [] : converted;
 			return isAllSelected ? converted.filter((item) => !isSelectAllItem(item)) : allFlatItems;
-		})(), event);
+		})();
+		if (allowCreate) {
+			const selected = new Set(newValue.map(itemToString));
+			setCreatedItems((prev) => [...prev, ...created].filter((item) => selected.has(itemToString(item))));
+			setInputValue("");
+		}
+		onValueChange(newValue, event);
 	};
 	const renderItem = (item) => {
 		return /* @__PURE__ */ jsx(Combobox$1.Item, {
@@ -101,6 +103,7 @@ const MultiCombobox = ({ items: _itemsProp, value: _valueProp, defaultValue, onV
 	};
 	return /* @__PURE__ */ jsxs(Combobox$1.Root, {
 		multiple: true,
+		autoHighlight: true,
 		items,
 		value,
 		defaultValue,
@@ -128,7 +131,8 @@ const MultiCombobox = ({ items: _itemsProp, value: _valueProp, defaultValue, onV
 						maxVisible,
 						variant: chipVariant,
 						itemToChipLabel: itemToChipLabel ?? itemToLabel,
-						itemToChipColor
+						itemToChipColor,
+						pinnedChipLabels
 					}), /* @__PURE__ */ jsxs("div", {
 						className: "tw:flex tw:flex-1 tw:items-center tw:gap-1",
 						children: [

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, Fragment, type ReactNode, useState } from 'react';\nimport { Combobox as BaseCombobox } from '@base-ui/react/combobox';\n\nimport { Combobox } from '../../components/Combobox';\nimport type { Group, LabeledItem } from '../../components/Combobox/types';\nimport {\n  createCreatableItem,\n  defaultGroupToLabel,\n  defaultItemToDisabled,\n  defaultItemToIcon,\n  defaultItemToLabel,\n  defaultQueryToCreateLabel,\n  defaultToCreateValue,\n  isCreatableItem,\n  isGroupItem,\n  isGroupItems,\n  isLabeledItem,\n  toLabel,\n} from '../../components/Combobox/utils';\nimport { InputGroup } from '../../components/InputGroup';\nimport { useArgoDesign } from '../../components/ThemeProvider/context';\nimport { ChevronDown, Plus, X } from '../../icons';\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 = ComponentProps<typeof Combobox.Chips>;\n\ntype Indicator = NonNullable<ComboboxItemProps['indicator']>;\n\ntype CreatableProps<Value> = {\n  allowCreate?: boolean;\n  queryToCreateLabel?: (query: string) => ReactNode;\n  queryToCreateValue?: (query: string) => Value;\n};\n\n/**\n * Props for `MultiCombobox`. Generic over `Value` (the item shape) and `GroupShape` (optional group wrapper).\n * Use `itemToLabel` / `itemToIcon` / `itemToDisabled` to project custom item shapes; use `filter` to override\n * the default substring matcher. Pass `allowCreate` to let the user add free-form values not in `items`.\n */\ntype Props<Value, GroupShape extends Group<Value> = Group<Value>> = Pick<\n  ComboboxInputProps,\n  // `name`, `onBlur` and the `aria-*` set are forwarded to the input so a form connector can hand\n  // over the wiring it derives from the field — without the `aria-*` set the control cannot be linked\n  // to its own help and error text, and without `onBlur` the field never registers as blurred, which\n  // is the gate `FieldItem` reveals errors on.\n  'placeholder' | 'id' | 'name' | 'onBlur' | 'aria-describedby' | 'aria-invalid' | '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  > &\n  Pick<ComboboxChipsProps, 'itemToChipLabel' | 'itemToChipColor' | 'maxVisible'> &\n  CreatableProps<Value> & {\n    items?: readonly (Value | GroupShape)[];\n\n    // root specific\n    allowClear?: boolean;\n    allowSelectAll?: boolean;\n    empty?: ReactNode;\n    indicator?: Indicator;\n\n    // item specific\n    itemToLabel?: (item: Value) => ReactNode;\n    itemToIcon?: (item: Value) => ReactNode;\n    itemToDisabled?: (item: Value) => boolean;\n\n    // group specific\n    groupToLabel?: (group: GroupShape) => ReactNode;\n  };\n\nconst selectAllItem: LabeledItem = {\n  value: '__select_all__',\n  label: 'Select All',\n};\n\nconst isSelectAllItem = <Value,>(item: Value) =>\n  isLabeledItem(item) && item.value === '__select_all__';\n\n/**\n * Multi-selection combobox with chip display and search. Built on Base UI Combobox.\n *\n * **When to use:** picking several items from a searchable enumerated list (filter by tags, assign labels).\n * Items render as chips above the input; `maxVisible` collapses excess into a `+N more` chip.\n * **When NOT to use:** for single selection use `Combobox`; for short enums without search use `Select`.\n * **Composition:** wrap in `FormGroup` for label + help text, or use `useAppForm` for form integration.\n * Pass `allowSelectAll` for a sticky \"Select All\" item when the full enum is small. Pass `allowCreate`\n * to let the user add free-form values that are not in `items` (e.g. entering column names by hand).\n *\n * @see RECIPES.md#creatable-multi-combobox — for free-form-plus-enumerated patterns\n * @see RECIPES.md#filter-toolbar — for combining multi-select with other filter chips\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  inputRef,\n\n  // input props\n  variant,\n  sizing,\n  focusVariant,\n  state,\n  placeholder,\n  allowClear,\n  id,\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  indicator,\n\n  // creatable\n  allowCreate,\n  queryToCreateValue,\n  queryToCreateLabel = defaultQueryToCreateLabel,\n\n  // own item props\n  itemToDisabled = defaultItemToDisabled,\n  itemToLabel = defaultItemToLabel,\n  itemToIcon = defaultItemToIcon,\n  groupToLabel = defaultGroupToLabel,\n  itemToChipLabel,\n  itemToChipColor,\n  maxVisible = 3,\n}: Props<Value, GroupShape>) => {\n  const itemsProp = _itemsProp ?? [];\n  const valueProp = _valueProp ?? [];\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  const queryLower = query.toLowerCase();\n\n  // Created values are appended to `items` so Base UI can keep resolving them (as chips and as\n  // list options) once the query clears — otherwise a value that isn't in `items` gets dropped.\n  const baseItems = (() => {\n    if (createdItems.length === 0) return itemsProp;\n    if (isGroupItems(itemsProp))\n      return [...itemsProp, { items: createdItems } as unknown as GroupShape];\n    return [...itemsProp, ...createdItems];\n  })();\n\n  const allFlatItems = baseItems.flatMap((item) => (isGroupItem(item) ? item.items : item));\n  const sampleItem = allFlatItems[0] as Value | undefined;\n  const isAllSelected = allFlatItems.length === (valueProp?.length ?? 0);\n\n  const defaultFilter = BaseCombobox.useFilter({\n    multiple: true,\n    value: valueProp,\n  });\n\n  const itemsWithSelectAllItem = (() => {\n    if (!allowSelectAll) return baseItems;\n    return [selectAllItem, ...baseItems];\n  })();\n\n  const itemToString = (item: Value) => itemToStringLabel?.(item) ?? toLabel(item);\n\n  const items = (() => {\n    const base = itemsWithSelectAllItem;\n    if (!allowCreate || disabled || !query) return base;\n\n    const exactMatch = allFlatItems.some((item) => itemToString(item).toLowerCase() === queryLower);\n    const alreadySelected = valueProp.some(\n      (item) => itemToString(item).toLowerCase() === queryLower,\n    );\n    if (exactMatch || alreadySelected) return base;\n\n    const creatable = createCreatableItem(query);\n    return isGroupItems(base)\n      ? [...base, { items: [creatable] } as unknown as GroupShape]\n      : [...base, creatable as unknown as Value];\n  })();\n\n  const filter = (item: Value, query: string, itemToString?: (value: Value) => string) => {\n    // keep select always visible\n    if (isSelectAllItem(item)) return true;\n    // always offer the transient \"create\" option\n    if (isCreatableItem(item)) return true;\n\n    if (filterProp) return filterProp(item, query, itemToString);\n    return defaultFilter.contains(item, query, itemToString);\n  };\n\n  const wrappedItemToStringLabel: ComboboxProps<Value>['itemToStringLabel'] = !allowCreate\n    ? itemToStringLabel\n    : (item) => (isCreatableItem(item) ? item.value : itemToString(item));\n\n  const wrappedItemToStringValue: ComboboxProps<Value>['itemToStringValue'] =\n    !allowCreate || !itemToStringValue\n      ? itemToStringValue\n      : (item) => (isCreatableItem(item) ? item.value : itemToStringValue(item));\n\n  const value = (() => {\n    if (!allowSelectAll) return valueProp;\n    return isAllSelected ? [...valueProp, selectAllItem as Value] : valueProp;\n  })();\n\n  const handleValueChange: ComboboxProps<Value>['onValueChange'] = (next, event) => {\n    if (!onValueChange) return;\n\n    const created: Value[] = [];\n    const converted = allowCreate\n      ? next.map((item) => {\n          if (!isCreatableItem(item)) return item;\n          const value = defaultToCreateValue(item.value, sampleItem, queryToCreateValue) as Value;\n          created.push(value);\n          return value;\n        })\n      : next;\n\n    if (allowCreate) {\n      if (created.length > 0) setCreatedItems((prev) => [...prev, ...created]);\n      setInputValue('');\n    }\n\n    const hasSelectAll = converted.some((item) => isSelectAllItem(item));\n    const newValue = (() => {\n      if (!allowSelectAll) return converted;\n      if (!hasSelectAll) return isAllSelected ? [] : converted;\n      return isAllSelected ? converted.filter((item) => !isSelectAllItem(item)) : allFlatItems;\n    })();\n\n    onValueChange(newValue, event);\n  };\n\n  const renderItem = (item: Value) => {\n    return (\n      <Combobox.Item\n        value={item}\n        indicator={indicator}\n        icon={itemToIcon(item)}\n        disabled={itemToDisabled(item)}\n      >\n        {itemToLabel(item)}\n      </Combobox.Item>\n    );\n  };\n\n  return (\n    <Combobox.Root<Value, true>\n      multiple\n      items={items}\n      value={value}\n      defaultValue={defaultValue}\n      filter={filter}\n      onValueChange={handleValueChange}\n      itemToStringLabel={wrappedItemToStringLabel}\n      itemToStringValue={wrappedItemToStringValue}\n      disabled={disabled}\n      inputRef={inputRef}\n      {...(allowCreate\n        ? { inputValue, onInputValueChange: (nextValue: string) => setInputValue(nextValue) }\n        : {})}\n    >\n      <BaseCombobox.Chips render={<Fragment />}>\n        <Combobox.InputGroup\n          variant={variant}\n          sizing={sizing}\n          state={state}\n          focusVariant={focusVariant}\n          className={className}\n        >\n          <div 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 ?? itemToLabel}\n              itemToChipColor={itemToChipColor}\n            />\n            <div className=\"tw:flex tw:flex-1 tw:items-center tw:gap-1\">\n              <Combobox.Input\n                id={id}\n                name={name}\n                onBlur={onBlur}\n                aria-describedby={ariaDescribedBy}\n                aria-invalid={ariaInvalid}\n                aria-required={ariaRequired}\n                placeholder={placeholder}\n                disabled={disabled}\n                className=\"tw:w-auto tw:min-w-[120px] tw:flex-1\"\n              />\n              {allowClear && (\n                <InputGroup.Button asChild aria-label=\"Clear\" disabled={disabled}>\n                  <BaseCombobox.Clear>\n                    <X className=\"tw:size-4\" />\n                  </BaseCombobox.Clear>\n                </InputGroup.Button>\n              )}\n              <InputGroup.Button disabled={disabled} asChild aria-label=\"Open combobox\">\n                <BaseCombobox.Trigger>\n                  <ChevronDown className=\"tw:size-4\" />\n                </BaseCombobox.Trigger>\n              </InputGroup.Button>\n            </div>\n          </div>\n        </Combobox.InputGroup>\n      </BaseCombobox.Chips>\n      <Combobox.Content>\n        <Combobox.Empty>{empty}</Combobox.Empty>\n        <Combobox.List>\n          {(itemOrGroup: Value | GroupShape) => {\n            if (isSelectAllItem(itemOrGroup)) {\n              return (\n                <Combobox.Item value={itemOrGroup} indicator=\"checkbox\">\n                  Select All\n                </Combobox.Item>\n              );\n            }\n\n            if (isCreatableItem(itemOrGroup)) {\n              return (\n                <Combobox.Item value={itemOrGroup} icon={<Plus />}>\n                  {queryToCreateLabel(itemOrGroup.value)}\n                </Combobox.Item>\n              );\n            }\n\n            if (isGroupItem(itemOrGroup)) {\n              const maybeCreatable = itemOrGroup.items[0];\n\n              if (isCreatableItem(maybeCreatable)) {\n                return (\n                  <Combobox.Item value={maybeCreatable} icon={<Plus />}>\n                    {queryToCreateLabel(maybeCreatable.value)}\n                  </Combobox.Item>\n                );\n              }\n\n              const groupLabel = groupToLabel(itemOrGroup);\n              return (\n                <Combobox.Group items={itemOrGroup.items}>\n                  {groupLabel && <Combobox.GroupLabel>{groupLabel}</Combobox.GroupLabel>}\n                  <Combobox.GroupList>{renderItem}</Combobox.GroupList>\n                </Combobox.Group>\n              );\n            }\n\n            return renderItem(itemOrGroup);\n          }}\n        </Combobox.List>\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, Fragment, type ReactNode, useState } from 'react';\nimport { Combobox as BaseCombobox } from '@base-ui/react/combobox';\n\nimport { Combobox } from '../../components/Combobox';\nimport type { Group, LabeledItem } from '../../components/Combobox/types';\nimport {\n  createCreatableItem,\n  defaultGroupToLabel,\n  defaultItemToDisabled,\n  defaultItemToIcon,\n  defaultItemToLabel,\n  defaultQueryToCreateLabel,\n  defaultToCreateValue,\n  isCreatableItem,\n  isGroupItem,\n  isGroupItems,\n  isLabeledItem,\n  toLabel,\n} from '../../components/Combobox/utils';\nimport { InputGroup } from '../../components/InputGroup';\nimport { useArgoDesign } from '../../components/ThemeProvider/context';\nimport { ChevronDown, Plus, X } from '../../icons';\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 = NonNullable<ComboboxItemProps['indicator']>;\n\ntype CreatableProps<Value> = {\n  allowCreate?: boolean;\n  queryToCreateLabel?: (query: string) => ReactNode;\n  queryToCreateValue?: (query: string) => Value;\n};\n\n/**\n * Props for `MultiCombobox`. Generic over `Value` (the item shape) and `GroupShape` (optional group wrapper).\n * Use `itemToLabel` / `itemToIcon` / `itemToDisabled` to project custom item shapes; use `filter` to override\n * the default substring matcher. Pass `allowCreate` to let the user add free-form values not in `items`.\n */\ntype Props<Value, GroupShape extends Group<Value> = Group<Value>> = Pick<\n  ComboboxInputProps,\n  // `name`, `onBlur` and the `aria-*` set are forwarded to the input so a form connector can hand\n  // over the wiring it derives from the field — without the `aria-*` set the control cannot be linked\n  // to its own help and error text, and without `onBlur` the field never registers as blurred, which\n  // is the gate `FieldItem` reveals errors on.\n  'placeholder' | 'id' | 'name' | 'onBlur' | 'aria-describedby' | 'aria-invalid' | '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  > &\n  Pick<\n    ComboboxChipsProps<Value>,\n    'itemToChipLabel' | 'itemToChipColor' | 'pinnedChipLabels' | 'maxVisible'\n  > &\n  CreatableProps<Value> & {\n    items?: readonly (Value | GroupShape)[];\n\n    // root specific\n    allowClear?: boolean;\n    allowSelectAll?: boolean;\n    empty?: ReactNode;\n    indicator?: Indicator;\n\n    // item specific\n    itemToLabel?: (item: Value) => ReactNode;\n    itemToIcon?: (item: Value) => ReactNode;\n    itemToDisabled?: (item: Value) => boolean;\n\n    // group specific\n    groupToLabel?: (group: GroupShape) => ReactNode;\n  };\n\nconst selectAllItem: LabeledItem = {\n  value: '__select_all__',\n  label: 'Select All',\n};\n\nconst isSelectAllItem = <Value,>(item: Value) =>\n  isLabeledItem(item) && item.value === '__select_all__';\n\n/**\n * Multi-selection combobox with chip display and search. Built on Base UI Combobox.\n *\n * **When to use:** picking several items from a searchable enumerated list (filter by tags, assign labels).\n * Items render as chips above the input; `maxVisible` collapses excess into a `+N more` chip.\n * **When NOT to use:** for single selection use `Combobox`; for short enums without search use `Select`.\n * **Composition:** wrap in `FormGroup` for label + help text, or use `useAppForm` for form integration.\n * Pass `allowSelectAll` for a sticky \"Select All\" item when the full enum is small. Pass `allowCreate`\n * to let the user add free-form values that are not in `items` (e.g. entering column names by hand).\n *\n * @see RECIPES.md#creatable-multi-combobox — for free-form-plus-enumerated patterns\n * @see RECIPES.md#filter-toolbar — for combining multi-select with other filter chips\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  inputRef,\n\n  // input props\n  variant,\n  sizing,\n  focusVariant,\n  state,\n  placeholder,\n  allowClear,\n  id,\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  indicator,\n\n  // creatable\n  allowCreate,\n  queryToCreateValue,\n  queryToCreateLabel = defaultQueryToCreateLabel,\n\n  // own item props\n  itemToDisabled = defaultItemToDisabled,\n  itemToLabel = defaultItemToLabel,\n  itemToIcon = defaultItemToIcon,\n  groupToLabel = defaultGroupToLabel,\n  itemToChipLabel,\n  itemToChipColor,\n  pinnedChipLabels,\n  // Nothing chose 3: value editors override it to `Infinity` (a chip inside `+N` can be neither\n  // read nor removed) and single-row filters to `1`. Changing it moves eleven call sites at once,\n  // so it waits for a PR that can look at them.\n  maxVisible = 3,\n}: Props<Value, GroupShape>) => {\n  const itemsProp = _itemsProp ?? [];\n  const valueProp = _valueProp ?? [];\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  const queryLower = query.toLowerCase();\n\n  // Created values are appended to `items` so Base UI can keep resolving them (as chips and as\n  // list options) once the query clears — otherwise a value that isn't in `items` gets dropped.\n  // `handleValueChange` drops the ones the selection no longer holds, so this list tracks the\n  // selection rather than every value ever typed.\n  const baseItems = (() => {\n    if (createdItems.length === 0) return itemsProp;\n    if (isGroupItems(itemsProp))\n      return [...itemsProp, { items: createdItems } as unknown as GroupShape];\n    return [...itemsProp, ...createdItems];\n  })();\n\n  const allFlatItems = baseItems.flatMap((item) => (isGroupItem(item) ? item.items : item));\n  const sampleItem = allFlatItems[0] as Value | undefined;\n  const isAllSelected = allFlatItems.length === (valueProp?.length ?? 0);\n\n  const defaultFilter = BaseCombobox.useFilter({\n    multiple: true,\n    value: valueProp,\n  });\n\n  const itemsWithSelectAllItem = (() => {\n    if (!allowSelectAll) return baseItems;\n    return [selectAllItem, ...baseItems];\n  })();\n\n  const itemToString = (item: Value) => itemToStringLabel?.(item) ?? toLabel(item);\n\n  const items = (() => {\n    const base = itemsWithSelectAllItem;\n    if (!allowCreate || disabled || !query) return base;\n\n    const exactMatch = allFlatItems.some((item) => itemToString(item).toLowerCase() === queryLower);\n    const alreadySelected = valueProp.some(\n      (item) => itemToString(item).toLowerCase() === queryLower,\n    );\n    if (exactMatch || alreadySelected) return base;\n\n    const creatable = createCreatableItem(query);\n    return isGroupItems(base)\n      ? [...base, { items: [creatable] } as unknown as GroupShape]\n      : [...base, creatable as unknown as Value];\n  })();\n\n  const filter = (item: Value, query: string, itemToString?: (value: Value) => string) => {\n    // keep select always visible\n    if (isSelectAllItem(item)) return true;\n    // always offer the transient \"create\" option\n    if (isCreatableItem(item)) return true;\n\n    if (filterProp) return filterProp(item, query, itemToString);\n    return defaultFilter.contains(item, query, itemToString);\n  };\n\n  const wrappedItemToStringLabel: ComboboxProps<Value>['itemToStringLabel'] = !allowCreate\n    ? itemToStringLabel\n    : (item) => (isCreatableItem(item) ? item.value : itemToString(item));\n\n  const wrappedItemToStringValue: ComboboxProps<Value>['itemToStringValue'] =\n    !allowCreate || !itemToStringValue\n      ? itemToStringValue\n      : (item) => (isCreatableItem(item) ? item.value : itemToStringValue(item));\n\n  const value = (() => {\n    if (!allowSelectAll) return valueProp;\n    return isAllSelected ? [...valueProp, selectAllItem as Value] : valueProp;\n  })();\n\n  const handleValueChange: ComboboxProps<Value>['onValueChange'] = (next, event) => {\n    if (!onValueChange) return;\n\n    const created: Value[] = [];\n    const converted = allowCreate\n      ? next.map((item) => {\n          if (!isCreatableItem(item)) return item;\n          const value = defaultToCreateValue(item.value, sampleItem, queryToCreateValue) as Value;\n          created.push(value);\n          return value;\n        })\n      : next;\n\n    const hasSelectAll = converted.some((item) => isSelectAllItem(item));\n    const newValue = (() => {\n      if (!allowSelectAll) return converted;\n      if (!hasSelectAll) return isAllSelected ? [] : converted;\n      return isAllSelected ? converted.filter((item) => !isSelectAllItem(item)) : allFlatItems;\n    })();\n\n    if (allowCreate) {\n      // Keep only the created values the selection being emitted still holds — `valueProp` is the\n      // selection before this change, so a value created right now is not in it yet.\n      const selected = new Set(newValue.map(itemToString));\n      setCreatedItems((prev) =>\n        [...prev, ...created].filter((item) => selected.has(itemToString(item))),\n      );\n      setInputValue('');\n    }\n\n    onValueChange(newValue, event);\n  };\n\n  const renderItem = (item: Value) => {\n    return (\n      <Combobox.Item\n        value={item}\n        indicator={indicator}\n        icon={itemToIcon(item)}\n        disabled={itemToDisabled(item)}\n      >\n        {itemToLabel(item)}\n      </Combobox.Item>\n    );\n  };\n\n  return (\n    <Combobox.Root<Value, true>\n      multiple\n      // Base UI highlights nothing until ArrowDown, so Enter after typing would drop the query\n      // silently — no selection, and the popup closes. Highlighting the first match makes Enter\n      // commit it, including the creatable row when `allowCreate` is on.\n      autoHighlight\n      items={items}\n      value={value}\n      defaultValue={defaultValue}\n      filter={filter}\n      onValueChange={handleValueChange}\n      itemToStringLabel={wrappedItemToStringLabel}\n      itemToStringValue={wrappedItemToStringValue}\n      disabled={disabled}\n      inputRef={inputRef}\n      {...(allowCreate\n        ? { inputValue, onInputValueChange: (nextValue: string) => setInputValue(nextValue) }\n        : {})}\n    >\n      <BaseCombobox.Chips render={<Fragment />}>\n        <Combobox.InputGroup\n          variant={variant}\n          sizing={sizing}\n          state={state}\n          focusVariant={focusVariant}\n          className={className}\n        >\n          <div 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 ?? itemToLabel}\n              itemToChipColor={itemToChipColor}\n              pinnedChipLabels={pinnedChipLabels}\n            />\n            <div className=\"tw:flex tw:flex-1 tw:items-center tw:gap-1\">\n              <Combobox.Input\n                id={id}\n                name={name}\n                onBlur={onBlur}\n                aria-describedby={ariaDescribedBy}\n                aria-invalid={ariaInvalid}\n                aria-required={ariaRequired}\n                placeholder={placeholder}\n                disabled={disabled}\n                className=\"tw:w-auto tw:min-w-[120px] tw:flex-1\"\n              />\n              {allowClear && (\n                <InputGroup.Button asChild aria-label=\"Clear\" disabled={disabled}>\n                  <BaseCombobox.Clear>\n                    <X className=\"tw:size-4\" />\n                  </BaseCombobox.Clear>\n                </InputGroup.Button>\n              )}\n              <InputGroup.Button disabled={disabled} asChild aria-label=\"Open combobox\">\n                <BaseCombobox.Trigger>\n                  <ChevronDown className=\"tw:size-4\" />\n                </BaseCombobox.Trigger>\n              </InputGroup.Button>\n            </div>\n          </div>\n        </Combobox.InputGroup>\n      </BaseCombobox.Chips>\n      <Combobox.Content>\n        <Combobox.Empty>{empty}</Combobox.Empty>\n        <Combobox.List>\n          {(itemOrGroup: Value | GroupShape) => {\n            if (isSelectAllItem(itemOrGroup)) {\n              return (\n                <Combobox.Item value={itemOrGroup} indicator=\"checkbox\">\n                  Select All\n                </Combobox.Item>\n              );\n            }\n\n            if (isCreatableItem(itemOrGroup)) {\n              return (\n                <Combobox.Item value={itemOrGroup} icon={<Plus />}>\n                  {queryToCreateLabel(itemOrGroup.value)}\n                </Combobox.Item>\n              );\n            }\n\n            if (isGroupItem(itemOrGroup)) {\n              const maybeCreatable = itemOrGroup.items[0];\n\n              if (isCreatableItem(maybeCreatable)) {\n                return (\n                  <Combobox.Item value={maybeCreatable} icon={<Plus />}>\n                    {queryToCreateLabel(maybeCreatable.value)}\n                  </Combobox.Item>\n                );\n              }\n\n              const groupLabel = groupToLabel(itemOrGroup);\n              return (\n                <Combobox.Group items={itemOrGroup.items}>\n                  {groupLabel && <Combobox.GroupLabel>{groupLabel}</Combobox.GroupLabel>}\n                  <Combobox.GroupList>{renderItem}</Combobox.GroupList>\n                </Combobox.Group>\n              );\n            }\n\n            return renderItem(itemOrGroup);\n          }}\n        </Combobox.List>\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-CdTq8H7c.js";
+import { InputGroup } from "../../InputGroup-BnLHY0eq.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-OQg3mPF-.js";
+import { PageToolbar } from "../../PageToolbar-DnbFt14Q.js";
 export { PageToolbar };

package/dist/internal/blocks/PasswordInput.js

@@ -1,7 +1,7 @@
-import { createChangeInputEvent } from "../../utils-D0c5VAyF.js";
+import { createChangeInputEvent } from "../../utils-B5Z52hYs.js";
 import { mergeRefs } from "../utils/mergeRefs.js";
 import { ArrowBigUpDash, Eye, EyeOff, X } from "../../icons-Cek151jC.js";
-import { InputGroup } from "../../InputGroup-CdTq8H7c.js";
+import { InputGroup } from "../../InputGroup-BnLHY0eq.js";
 import { useControllableState } from "../../useControllableState-M6494mCT.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-C7dF_Ir-.js";
+import { SearchInput } from "../../SearchInput-f_oY9T4Z.js";
 export { SearchInput };

package/dist/internal/blocks/SearchInputWithNavigation.js

@@ -1,10 +1,10 @@
 import { cn } from "../../classNames-BzrkDnOD.js";
-import { keyCodes } from "../../utils-D0c5VAyF.js";
+import { keyCodes } from "../../utils-B5Z52hYs.js";
 import { ChevronDown, ChevronUp, Search } from "../../icons-Cek151jC.js";
-import { Button } from "../../Button-6xBX0nNl.js";
+import { Button } from "../../Button-DsRrU5F1.js";
 import { ButtonGroup } from "../components/ButtonGroup.js";
 import { Separator } from "../components/Separator.js";
-import { TextInput } from "../../TextInput-CMuN1WfY.js";
+import { TextInput } from "../../TextInput-DHM6dHmn.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-8NoTOKO8.js";
+import { SectionNav } from "../../SectionNav-BpJlisbT.js";
 export { SectionNav };

package/dist/internal/blocks/SplitButton.js

@@ -1,7 +1,7 @@
 import { ChevronDown } from "../../icons-Cek151jC.js";
-import { Button } from "../../Button-6xBX0nNl.js";
+import { Button } from "../../Button-DsRrU5F1.js";
 import { ButtonGroup } from "../components/ButtonGroup.js";
-import { DropdownMenu } from "../../DropdownMenu-t90tVw6l.js";
+import { DropdownMenu } from "../../DropdownMenu-CASr-jgl.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-BAoZ35CV.js";
+import { Card } from "../../Card-Dyo7055Q.js";
 import { cva } from "class-variance-authority";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/blocks/StatCard/StatCard.tsx