@keboola/design 11.6.1 → 12.0.0

package/dist/index.js

@@ -1,79 +1,82 @@
 import { cn } from "./classNames-BzrkDnOD.js";
-import { Tooltip, TooltipProvider, copyToClipboard, isMac } from "./utils-DnkrFYqY.js";
+import { HINT_UNDERLINE_CLASS_NAME, Tooltip, TooltipProvider, copyToClipboard, isMac } from "./utils-Bd28bWgm.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 { ArgoDesignContext, useArgoDesign, useTheme } from "./context-U293r3v-.js";
+import { findLiteralMatches, hasLiteralMatch } from "./findLiteralMatches-DgGLzyG0.js";
 import { mergeRefs } from "./internal/utils/mergeRefs.js";
-import { Button, ButtonInline, argoVariants } from "./Button-DsRrU5F1.js";
+import { Button, ButtonInline, argoVariants } from "./Button-Ca4Q3VJU.js";
 import { ButtonGroup } from "./internal/components/ButtonGroup.js";
-import { DropdownMenu } from "./DropdownMenu-CASr-jgl.js";
+import { DropdownMenu } from "./DropdownMenu-gRM-A8qU.js";
 import { ScrollArea, ScrollBar } from "./internal/components/ScrollArea.js";
 import { SplitButton } from "./internal/blocks/SplitButton.js";
-import { MultiActionButtonGroup } from "./MultiActionButtonGroup-CNNoBQbv.js";
+import { MultiActionButtonGroup } from "./MultiActionButtonGroup-BPnmzBtw.js";
 import { Toggle } from "./internal/components/Toggle.js";
 import { ToggleGroup } from "./ToggleGroup-Cy_10Mvu.js";
-import { Clipboard } from "./Clipboard-C2YBRfD8.js";
-import { ClipboardButton, ClipboardInline } from "./ClipboardButton-CrljClL1.js";
+import { Clipboard } from "./Clipboard-_xf6hMDD.js";
+import { ClipboardButton, ClipboardInline } from "./ClipboardButton-DHa1trtI.js";
 import { ExportMenu } from "./internal/blocks/ExportMenu.js";
-import { CopyField } from "./CopyField-Rx9HPTbJ.js";
+import { CopyField } from "./CopyField-6_c-NdLO.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 { AlertModal } from "./AlertModal-Th2khjPi.js";
+import { Modal } from "./Modal-Driyqs_N.js";
 import { Separator } from "./internal/components/Separator.js";
-import { FullScreenModal, FullScreenModalBody, FullScreenModalHeader } from "./FullScreenModal-CN9nAs72.js";
+import { FullScreenModal, FullScreenModalBody, FullScreenModalHeader } from "./FullScreenModal-CD7mYeTz.js";
 import { Truncated } from "./internal/components/Truncated.js";
-import { Sheet } from "./Sheet-Chf0kX1E.js";
+import { Sheet } from "./Sheet-C-yXk5Da.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-CqxoI_De.js";
-import { InputGroup } from "./InputGroup-DcZRlVnN.js";
-import { TextInput } from "./TextInput-DiEMxVF6.js";
+import { Popover } from "./Popover-CEk915I1.js";
+import { Popconfirm } from "./Popconfirm-SLz0zodk.js";
+import { HoverCard } from "./HoverCard-B8OKu9XZ.js";
+import { Command, CommandGroup, CommandInput, CommandItem, CommandList, defaultFilter, useCommandState } from "./Command-BU_cVurn.js";
+import { InputGroup } from "./InputGroup-B4QOPxHl.js";
+import { TextInput } from "./TextInput-CDG2XpBl.js";
 import { 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-CUBsuP7r.js";
-import { Slider } from "./Slider-Bv0B6lI0.js";
-import { Search, SearchForm } from "./Search-DVpJuzr9.js";
-import { Select } from "./Select-DV3Hak_l.js";
-import { Checkbox } from "./Checkbox-Bqr6zXcW.js";
-import { Combobox, filterByWords, matchByWords, namedLabel, withBlankValues } from "./Combobox-BfanUAqY.js";
-import { Badge } from "./Badge-o5jURtpB.js";
+import { Calendar } from "./Calendar-DFtmZzbF.js";
+import { DatePicker } from "./DatePicker-CtSa9b3V.js";
+import { TimePicker } from "./TimePicker-CDGYrRxi.js";
+import { DateRangePicker } from "./DateRangePicker-BoPnh4aH.js";
+import { Switch } from "./Switch-DZvNePOm.js";
+import { RadioGroup } from "./RadioGroup-CBPRLRN0.js";
+import { Slider } from "./Slider-DWdu9NuM.js";
+import { Search, SearchForm } from "./Search-DmkQo716.js";
+import { Select } from "./Select-ByRvkZ3D.js";
+import { Checkbox } from "./Checkbox-8yIIgY7g.js";
+import { BLANK_VALUES, Combobox, filterByWords, matchByWords, namedLabel, withBlankValues } from "./Combobox-CxRAYOBt.js";
+import { Badge } from "./Badge-DIjhwPvh.js";
 import { MultiCombobox } from "./internal/blocks/MultiCombobox.js";
-import { FormGroup } from "./FormGroup-Bl8JmnzJ.js";
-import { ColorInput } from "./ColorInput-Dg87lKcR.js";
+import { FormGroup } from "./FormGroup-CmNiAtU6.js";
+import { ColorInput } from "./ColorInput-DSMqrs2-.js";
 import { HelpBlock } from "./internal/components/HelpBlock.js";
 import { NumberInput } from "./internal/blocks/NumberInput.js";
 import { Textarea } from "./internal/blocks/Textarea.js";
+import { ComboboxField } from "./internal/blocks/Form/connectors/ComboboxField.js";
 import { MultiComboboxField } from "./internal/blocks/Form/connectors/MultiComboboxField.js";
-import { AutoSaveTextarea } from "./AutoSaveTextarea-BeuWuszr.js";
-import { ColorModeSwitch } from "./ColorModeSwitch-CsWLiTBX.js";
-import { DateInput } from "./DateInput-DpifECUQ.js";
+import { ChipEditor } from "./internal/blocks/ChipEditor.js";
+import { AutoSaveTextarea } from "./AutoSaveTextarea-C5iIr2Ts.js";
+import { ColorModeSwitch } from "./ColorModeSwitch-D7EuWyJz.js";
+import { DateInput } from "./DateInput-DyEErfJf.js";
 import { PasswordInput } from "./internal/blocks/PasswordInput.js";
 import { TimeInput } from "./internal/blocks/TimeInput.js";
-import { DateRangeInput } from "./DateRangeInput-9MIw7P6L.js";
-import { OtpInput, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS } from "./OtpInput-CbbymqYs.js";
-import { SearchInput } from "./SearchInput-Q85p8Ews.js";
+import { DateRangeInput } from "./DateRangeInput-Dg7-VUd9.js";
+import { OtpInput, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS } from "./OtpInput-I8B8Vjdl.js";
+import { SearchInput } from "./SearchInput-CEfQDNl3.js";
 import { SearchInputWithNavigation } from "./internal/blocks/SearchInputWithNavigation.js";
-import { FileUpload, useFileDropTarget, useFileUploadRejections } from "./FileUpload-DYQCTGjU.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-CQxVwyAk.js";
-import { Table, tableAriaSort } from "./Table-CvYuTuNU.js";
+import { FileUpload, useFileDropTarget, useFileUploadRejections } from "./FileUpload-C83tXuE2.js";
+import { AnswerActions, AnswerSummary, ChatInlineIcon, CollapsibleStepHeader, DIAGRAM_LANGUAGES, FileDownloadChip, InlineStepDetail, InlineStepGroup, InlineStepLabel, Markdown, MarkdownTable, MessageBubble, PROMPT_INPUT_CONTAINER, PlanApproval, PlanRewritingIndicator, PromptInput, Question, QuestionBlock, SuggestedPrompt, ThinkingIndicator, ToolCallApproval, ToolCallChip, ToolCallStatusHeader, UsageBar, UsageStats, UsageStatsRing, clampPercentage, findMentionToken, findSlashToken, formatPercentage, getChatInlineIconName } from "./AIKit-BD4r7ff-.js";
+import { Table, tableAriaSort } from "./Table-BaVT5Tkn.js";
 import { Skeleton } from "./internal/components/Skeleton/Skeleton.js";
 import { DiagramSkeleton } from "./internal/blocks/DiagramShared/DiagramSkeleton.js";
 import { Progress } from "./internal/components/Progress.js";
 import { Collapsible } from "./Collapsible-BQXWEOBC.js";
-import { Alert } from "./Alert-C4Y9IwMI.js";
-import { toast } from "./toast-DIC0iNRf.js";
-import { Toaster, useNotification } from "./Toast-Dr6Uw7ao.js";
+import { Alert } from "./Alert-UI-CIs-1.js";
+import { StatusDot, statusDotVariants } from "./internal/components/StatusDot.js";
+import { toast } from "./toast-CyXEdaCZ.js";
+import { Toaster, useNotification } from "./Toast-PfQf3vj-.js";
 import { EmptySearchContent } from "./internal/components/EmptySearchContent.js";
-import { Card } from "./Card-Dyo7055Q.js";
+import { Card } from "./Card-Cr9MBNHu.js";
 import { EmptyConfigurationActionCard } from "./internal/blocks/EmptyConfigurationActionCard.js";
 import { EmptyState } from "./internal/blocks/EmptyState.js";
 import { ErrorState } from "./internal/blocks/ErrorState.js";
@@ -81,27 +84,27 @@ import { SkeletonList } from "./internal/components/Skeleton/SkeletonList.js";
 import { DotsLoader } from "./internal/components/DotsLoader.js";
 import { CollapsiblePanel } from "./internal/components/CollapsiblePanel.js";
 import { PanelWithDetails } from "./internal/components/PanelWithDetails.js";
-import { ThemeProvider, ThemeScope, brandSchema, exampleCustomer, keboola, keboolaLegacySidebar, keboolaLegacyTopnav, useThemeScopeContainer } from "./ThemeProvider-BI6JWBdJ.js";
-import { AppShell, appShellSlotSelector } from "./AppShell-DRgJxpXW.js";
-import { BrandLogo } from "./BrandLogo-CoKBk4MI.js";
+import { ThemeProvider, ThemeScope, agnes, brandSchema, exampleCustomer, harbor, keboola, keboolaLegacySidebar, keboolaLegacyTopnav, useThemeScopeContainer } from "./ThemeProvider-DXsxFg1U.js";
+import { AppShell, appShellSlotSelector } from "./AppShell-WSQabK8r.js";
+import { BrandLogo } from "./BrandLogo-CKpVSZb6.js";
 import { AuthLayout } from "./internal/blocks/AuthLayout.js";
-import { PageLayout } from "./PageLayout-DSVM-ASz.js";
-import { PageHeader } from "./PageHeader-Q3IpCnQd.js";
-import { PageToolbar } from "./PageToolbar-BKVJiDAL.js";
-import { SectionNav } from "./SectionNav-mpmSM3OC.js";
+import { PageLayout } from "./PageLayout-DiAAILuS.js";
+import { PageHeader } from "./PageHeader-CgfyXpf1.js";
+import { PageToolbar } from "./PageToolbar-DOAtAnfL.js";
+import { SectionNav } from "./SectionNav-B_qf0AXi.js";
 import { ResizableHandle, ResizablePanel, ResizablePanelGroup, useDefaultLayout } from "./Resizable-D3vYToZH.js";
-import { Sidebar, SidebarProvider, useOptionalSidebar, useSidebar } from "./Sidebar-CTWsHZhF.js";
+import { Sidebar, SidebarProvider, useOptionalSidebar, useSidebar } from "./Sidebar-Ds0E6PbR.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-D1id7YXd.js";
-import { Tabs, TabsContent } from "./Tabs-eB974xJf.js";
-import { Stepper } from "./Stepper-C8sm9ZFM.js";
-import { Timeline } from "./Timeline-BG5Xogxh.js";
+import { Navbar } from "./Navbar-B_DNpv5s.js";
+import { DEFAULT_WORKBENCH_BAR_HEIGHT_IN_REM, DEFAULT_WORKBENCH_PANEL_HEIGHT_IN_PX, MIN_WORKBENCH_PANEL_HEIGHT_IN_PX, Workbench, useWorkbench } from "./Workbench-DmZzpkj7.js";
+import { Breadcrumb } from "./Breadcrumb-p9HtMLCc.js";
+import { Tabs, TabsContent } from "./Tabs-Dt9oLYHC.js";
+import { Stepper } from "./Stepper-BLkLhfnd.js";
+import { Timeline } from "./Timeline-B-I6sb0M.js";
 import { Avatar } from "./internal/components/Avatar.js";
-import { MarkedText } from "./MarkedText-DNGEUVWc.js";
-import { Kbd, kbdVariants, keys } from "./Kbd-D1Azcc4g.js";
-import { Pagination } from "./Pagination-C_b7Xhey.js";
+import { MarkedText } from "./MarkedText-DlmlJO0u.js";
+import { Kbd, kbdVariants, keys } from "./Kbd-J4n1J6i4.js";
+import { Pagination } from "./Pagination-LaSg-5cl.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";
@@ -109,9 +112,9 @@ import { useMergeDiff } from "./useMergeDiff-CvowEXJ1.js";
 import { DashboardHero } from "./internal/blocks/DashboardHero.js";
 import { StatCard, StatCardGrid } from "./internal/blocks/StatCard.js";
 import { ChartPanel } from "./internal/blocks/ChartPanel.js";
-import { setServerFieldErrors, setSubmitError, useAppForm, withForm } from "./Form-DAaatlBk.js";
+import { setServerFieldErrors, setSubmitError, useAppForm, withForm } from "./Form-95rVLfX8.js";
 import { useAutosizeInput } from "./internal/hooks/useAutosizeInput.js";
-import { ZoomableSvg, svgToPngBlob, toSvgFileContent } from "./ZoomableSvg-U_VH3QRO.js";
-import { BrandEditor, DEFAULT_FALLBACK_FONT, DEFAULT_FONT_OPTIONS, channelsToHex, contrastRatio, hexToChannels, wcagLevel } from "./BrandEditor-CS9P4r2p.js";
+import { ZoomableSvg, svgToPngBlob, toSvgFileContent } from "./ZoomableSvg-BzXVfgnI.js";
+import { BrandEditor, DEFAULT_FALLBACK_FONT, DEFAULT_FONT_OPTIONS, channelsToHex, contrastRatio, hexToChannels, wcagLevel } from "./BrandEditor-BU23Vl8V.js";
 import { 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, BLANK_VALUES, Badge, BrandEditor, BrandLogo, Breadcrumb, Button, ButtonGroup, ButtonInline, Calendar, Card, ChartPanel, ChatInlineIcon, Checkbox, ChipEditor, Clipboard, ClipboardButton, ClipboardInline, Collapsible, CollapsiblePanel, CollapsibleStepHeader, ColorInput, ColorModeSwitch, Combobox, ComboboxField, Command, CommandGroup, CommandInput, CommandItem, CommandList, ConflictStatusIndicator, CopyField, DEFAULT_COLOR_SCHEME, DEFAULT_FALLBACK_FONT, DEFAULT_FONT_OPTIONS, DEFAULT_BRAND_ID as DEFAULT_KEBOOLA_BRAND_ID, DEFAULT_WORKBENCH_BAR_HEIGHT_IN_REM, DEFAULT_WORKBENCH_PANEL_HEIGHT_IN_PX, DIAGRAM_LANGUAGES, DashboardHero, DateInput, DatePicker, DateRangeInput, DateRangePicker, DiagramSkeleton, DiffType, DiffView, DotsLoader, DropdownMenu, EmptyConfigurationActionCard, EmptySearchContent, EmptyState, ErrorState, ExportMenu, FileDownloadChip, FileUpload, FormGroup, FullScreenModal, FullScreenModalBody, FullScreenModalHeader, GoogleButton, HINT_UNDERLINE_CLASS_NAME, HelpBlock, HoverCard, InlineStepDetail, InlineStepGroup, InlineStepLabel, InputGroup, Kbd, Label, Link, MIN_WORKBENCH_PANEL_HEIGHT_IN_PX, Markdown, MarkdownTable, MarkedText, MessageBubble, MicrosoftButton, Modal, MultiActionButtonGroup, MultiCombobox, MultiComboboxField, Navbar, NumberInput, OtpInput, PROMPT_INPUT_CONTAINER, PageHeader, PageLayout, PageToolbar, Pagination, PaneHeader, PanelWithDetails, PasswordInput, PlanApproval, PlanRewritingIndicator, Popconfirm, Popover, Progress, PromptInput, Question, QuestionBlock, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS, RadioGroup, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Search, SearchForm, SearchInput, SearchInputWithNavigation, SectionNav, Select, Separator, Sheet, Sidebar, SidebarProvider, Skeleton, SkeletonList, Slider, Slot, SplitButton, SpotlightBackdrop, StatCard, StatCardGrid, StatusDot, Stepper, SuggestedPrompt, Switch, Table, Tabs, TabsContent, TextInput, Textarea, ThemeProvider, ThemeScope, ThinkingIndicator, TimeInput, TimePicker, Timeline, Toaster, Toggle, ToggleGroup, ToolCallApproval, ToolCallChip, ToolCallStatusHeader, Tooltip, TooltipProvider, Truncated, UsageBar, UsageStats, UsageStatsRing, Workbench, ZoomableSvg, agnes, appShellSlotSelector, argoVariants, brandSchema, channelsToHex, clampPercentage, cn, computeDiffRows, computeLineInformation, contrastRatio, copyToClipboard, defaultFilter, exampleCustomer, filterByWords, findLiteralMatches, findMentionToken, findSlashToken, formatPercentage, getChatInlineIconName, harbor, hasLiteralMatch, hexToChannels, isMac, kbdVariants, keboola, keboolaLegacySidebar, keboolaLegacyTopnav, keys, matchByWords, mergeRefs, namedLabel, setServerFieldErrors, setSubmitError, statusDotVariants, svgToPngBlob, tableAriaSort, toSvgFileContent, toast, useAppForm, useArgoDesign, useAutosizeInput, useCommandState, useDefaultLayout, useFileDropTarget, useFileUploadRejections, useMergeDiff, useNotification, useOptionalSidebar, useScrollbarPosition, useSidebar, useStableCallback, useTargetRect, useTheme, useThemeScopeContainer, useWorkbench, wcagLevel, withBlankValues, withForm };

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-CQxVwyAk.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, FileDownloadChip, InlineStepDetail, InlineStepGroup, InlineStepLabel, Markdown, MarkdownTable, MessageBubble, PROMPT_INPUT_CONTAINER, PlanApproval, PlanRewritingIndicator, PromptInput, Question, QuestionBlock, SuggestedPrompt, ThinkingIndicator, ToolCallApproval, ToolCallChip, ToolCallStatusHeader, UsageBar, UsageStats, UsageStatsRing, clampPercentage, findMentionToken, findSlashToken, formatPercentage, getChatInlineIconName } from "../../AIKit-BD4r7ff-.js";
+export { AnswerActions, AnswerSummary, ChatInlineIcon, CollapsibleStepHeader, DIAGRAM_LANGUAGES, FileDownloadChip, InlineStepDetail, InlineStepGroup, InlineStepLabel, Markdown, MarkdownTable, MessageBubble, PROMPT_INPUT_CONTAINER, PlanApproval, PlanRewritingIndicator, PromptInput, Question, QuestionBlock, SuggestedPrompt, ThinkingIndicator, ToolCallApproval, ToolCallChip, ToolCallStatusHeader, UsageBar, UsageStats, UsageStatsRing, clampPercentage, findMentionToken, findSlashToken, formatPercentage, getChatInlineIconName };

package/dist/internal/blocks/AppShell.js

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

package/dist/internal/blocks/AuthLayout.js

@@ -1,5 +1,5 @@
 import { cn } from "../../classNames-BzrkDnOD.js";
-import { BrandLogo } from "../../BrandLogo-CoKBk4MI.js";
+import { BrandLogo } from "../../BrandLogo-CKpVSZb6.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/blocks/AuthLayout/AuthLayout.tsx
 const widthClass = {
@@ -7,13 +7,9 @@ const widthClass = {
 	wide: "tw:max-w-[34rem]"
 };
 /**
-* Column tracks of the split geometry: the form track carries a floor, the aside takes the rest.
+* Split-geometry column tracks.
 *
-* - The floor is the column's own width plus `SURFACE`'s gutters (`2rem` a side from `sm` up).
-* - A bare `1fr` makes the track a share of the viewport instead — `1fr` of `1fr 2fr` is a third of
-*   it — so the floor binds up to 1536px for `form` and 1824px for `wide`. Below that a bare `1fr`
-*   hands the column less than `widthClass` asks for and a two-field row collapses to ~180px each.
-* - `2fr` keeps the aside the wider half once the floor is met.
+* - The form floor is `widthClass` plus `SURFACE`'s gutters; a bare `1fr` would squeeze the form.
 */
 const splitClass = {
 	form: {
@@ -85,31 +81,15 @@ const Footer = ({ ref, className, children, ...props }) => /* @__PURE__ */ jsx("
 	children
 });
 /**
-* The signed-out page frame — sign-in, sign-up, password reset, MFA, project picker, stack picker.
+* The signed-out page frame — sign-in, sign-up, password reset, MFA, project and stack pickers.
 *
-* - Third member of the page-chrome family: `AppShell` frames the signed-in app, `PageLayout` its
-*   content column, `AuthLayout` the pages a visitor reaches without a session.
-* - Owns the landmarks. `Header` / `Content` / `Footer` are `header` / `main` / `footer`, so every
-*   element on the page sits inside one — the thing each hand-built copy got wrong differently.
-* - Owns the lockup. `Header` pairs the active brand's mark with the `productName` it is given, so
-*   the page re-skins and still names the product when the brand ships no logo; pass children
-*   instead to replace the pair with an app-specific lockup.
-* - Does **not** own the card. Two of the pages it frames deliberately have none (the form column
-*   *is* the surface), so `Content` is a plain column — wrap the body in `Card` at the call site.
-* - The tinted surface is whatever is not the form: without an `aside` the page is `bg-muted` and the
-*   card supplies the contrast; with one the form column is `bg-background` and the panel `bg-muted`.
-* - Below `lg` the split collapses to one column and the `aside` is dropped. A page whose pitch has
-*   to survive that — an acquisition funnel — passes `asideCollapse="stack"` to keep it.
-*
-* **When NOT to use:** a signed-out page that is *navigational* rather than an auth step — a public
-* catalog, a shared authorization link — is a document, not a form. Use `AppShell` + `PageLayout`.
+* - Owns the `header` / `main` / `footer` landmarks and the brand lockup.
+* - No card: wrap the body in `Card` at the call site.
+* - Not for navigational signed-out pages (public catalog) — use `AppShell` + `PageLayout`.
 */
 const AuthLayout = Object.assign(Root, {
-	/** Lockup row: `productName` beside the brand's mark, or your own children. `actions` sit opposite. */
 	Header,
-	/** The form column. Wrap the body in `Card` here if the page wants one. */
 	Content,
-	/** Legal copy, a way back out, social proof. Pinned to the bottom of the column in the split geometry. */
 	Footer
 });
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"AuthLayout.js","names":[],"sources":["../../../src/blocks/AuthLayout/AuthLayout.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\n\nimport { BrandLogo } from '../../components/BrandLogo';\nimport { cn } from '../../utils';\n\n/**\n * Content-column width.\n *\n * - `form` (28rem) — one field per row: sign-in, MFA, password reset, project picker.\n * - `wide` (34rem) — multi-field or two-column forms: registration.\n */\ntype Width = 'form' | 'wide';\n\nconst widthClass = {\n  form: 'tw:max-w-md',\n  wide: 'tw:max-w-[34rem]',\n} as const satisfies Record<Width, string>;\n\n/**\n * Column tracks of the split geometry: the form track carries a floor, the aside takes the rest.\n *\n * - The floor is the column's own width plus `SURFACE`'s gutters (`2rem` a side from `sm` up).\n * - A bare `1fr` makes the track a share of the viewport instead — `1fr` of `1fr 2fr` is a third of\n *   it — so the floor binds up to 1536px for `form` and 1824px for `wide`. Below that a bare `1fr`\n *   hands the column less than `widthClass` asks for and a two-field row collapses to ~180px each.\n * - `2fr` keeps the aside the wider half once the floor is met.\n */\nconst splitClass = {\n  form: {\n    end: 'tw:lg:grid-cols-[minmax(32rem,1fr)_2fr]',\n    start: 'tw:lg:grid-cols-[2fr_minmax(32rem,1fr)]',\n  },\n  wide: {\n    end: 'tw:lg:grid-cols-[minmax(38rem,1fr)_2fr]',\n    start: 'tw:lg:grid-cols-[2fr_minmax(38rem,1fr)]',\n  },\n} as const satisfies Record<Width, Record<'start' | 'end', string>>;\n\n// `svh` rather than `vh`: the page is one screen tall by design, and `vh` on mobile reserves height\n// for browser chrome that is not there, leaving the column scrollable by the height of the toolbar.\nconst SCREEN = 'tw:min-h-svh';\n\n// Padding and horizontal centring of the form column — the screen height is deliberately not here.\n// In the split geometry the grid root carries it and its rows stretch to fill, so the column is\n// full-height anyway; its own `min-h-svh` would instead reserve a whole screen *under* a stacked\n// aside, leaving a short card with an empty viewport below it.\nconst SURFACE = 'tw:flex tw:justify-center tw:px-4 tw:py-12 tw:sm:px-8';\n\nconst COLUMN = 'tw:flex tw:w-full tw:flex-col tw:items-center tw:gap-6';\n\ntype RootProps = ComponentProps<'div'> & {\n  width?: Width;\n  /** Marketing / illustration panel. Its presence switches the page to the split geometry. */\n  aside?: ReactNode;\n  /** Which side the `aside` takes on wide screens. */\n  asideSide?: 'start' | 'end';\n  /**\n   * What the `aside` does below `lg`, where the split collapses to one column.\n   *\n   * - `hide` (default) — the panel is dropped. Right for a page a signed-out *user* asked for: they\n   *   came to sign in, and the pitch is not why they are here.\n   * - `stack` — the panel keeps its `asideSide` order relative to the form and renders above or\n   *   below it. Right for a page that has to sell: an acquisition funnel loses its social proof\n   *   otherwise, on the devices most of it arrives on.\n   */\n  asideCollapse?: 'hide' | 'stack';\n};\n\nconst Root = ({\n  ref,\n  className,\n  width = 'form',\n  aside,\n  asideSide = 'end',\n  asideCollapse = 'hide',\n  children,\n  ...props\n}: RootProps) => {\n  const column = <div className={cn(COLUMN, widthClass[width])}>{children}</div>;\n\n  if (!aside) {\n    return (\n      <div\n        ref={ref}\n        className={cn(SURFACE, SCREEN, 'tw:items-center tw:bg-muted', className)}\n        {...props}\n      >\n        {column}\n      </div>\n    );\n  }\n\n  // The form column is always the floored track and the aside the `2fr` one, whichever side it takes —\n  // so DOM order, not an `order` utility, decides the side and the reading order matches the visual one.\n  const panel = (\n    <aside\n      className={cn('tw:bg-muted', asideCollapse === 'stack' ? 'tw:flex' : 'tw:hidden tw:lg:flex')}\n    >\n      {aside}\n    </aside>\n  );\n  const form = <div className={cn(SURFACE, 'tw:bg-background')}>{column}</div>;\n\n  return (\n    <div\n      ref={ref}\n      className={cn('tw:grid', SCREEN, splitClass[width][asideSide], className)}\n      {...props}\n    >\n      {asideSide === 'start' ? panel : form}\n      {asideSide === 'start' ? form : panel}\n    </div>\n  );\n};\n\n/**\n * The lockup: either the page's own, or the brand's mark beside the product name.\n *\n * - Exactly one of the two is required. A logo-only default cannot be trusted to name the product:\n *   `BrandLogo` returns `null` for a brand that ships no logo, and falls back to the mark for one\n *   that ships no wordmark — an auth page has no bar around it, so what is left names nothing.\n * - `productName` is text, not part of the image, for the same reason.\n */\ntype Lockup =\n  | { children: ReactNode; productName?: never }\n  | { children?: never; productName: ReactNode };\n\ntype HeaderProps = Omit<ComponentProps<'header'>, 'children'> & {\n  actions?: ReactNode;\n} & Lockup;\n\nconst Header = ({ ref, className, actions, productName, children, ...props }: HeaderProps) => (\n  <header\n    ref={ref}\n    className={cn(\n      'tw:flex tw:items-center tw:gap-4',\n      // Controls need somewhere to sit apart from the mark; without them the mark centres instead.\n      actions && 'tw:w-full tw:justify-between',\n      className,\n    )}\n    {...props}\n  >\n    {children ?? (\n      <span className=\"tw:flex tw:items-center tw:gap-3\">\n        {/* `variant=\"mark\"`: a wordmark already spells the brand, so pairing it with the product\n            name states the brand twice. `h-8`, not the bar's `h-6` — with no chrome around it the\n            lockup is the only thing naming the product. */}\n        <BrandLogo variant=\"mark\" className=\"tw:h-8 tw:text-primary\" />\n        <span className=\"tw:text-lg tw:font-semibold\">{productName}</span>\n      </span>\n    )}\n    {actions && <div className=\"tw:flex tw:items-center tw:gap-1\">{actions}</div>}\n  </header>\n);\n\nconst Content = ({ ref, className, children, ...props }: ComponentProps<'main'>) => (\n  <main\n    ref={ref}\n    className={cn('tw:flex tw:min-h-0 tw:w-full tw:flex-1 tw:flex-col tw:gap-6', className)}\n    {...props}\n  >\n    {children}\n  </main>\n);\n\nconst Footer = ({ ref, className, children, ...props }: ComponentProps<'footer'>) => (\n  <footer\n    ref={ref}\n    className={cn('tw:mt-auto tw:w-full tw:text-xs tw:text-muted-foreground', className)}\n    {...props}\n  >\n    {children}\n  </footer>\n);\n\n/**\n * The signed-out page frame — sign-in, sign-up, password reset, MFA, project picker, stack picker.\n *\n * - Third member of the page-chrome family: `AppShell` frames the signed-in app, `PageLayout` its\n *   content column, `AuthLayout` the pages a visitor reaches without a session.\n * - Owns the landmarks. `Header` / `Content` / `Footer` are `header` / `main` / `footer`, so every\n *   element on the page sits inside one — the thing each hand-built copy got wrong differently.\n * - Owns the lockup. `Header` pairs the active brand's mark with the `productName` it is given, so\n *   the page re-skins and still names the product when the brand ships no logo; pass children\n *   instead to replace the pair with an app-specific lockup.\n * - Does **not** own the card. Two of the pages it frames deliberately have none (the form column\n *   *is* the surface), so `Content` is a plain column — wrap the body in `Card` at the call site.\n * - The tinted surface is whatever is not the form: without an `aside` the page is `bg-muted` and the\n *   card supplies the contrast; with one the form column is `bg-background` and the panel `bg-muted`.\n * - Below `lg` the split collapses to one column and the `aside` is dropped. A page whose pitch has\n *   to survive that — an acquisition funnel — passes `asideCollapse=\"stack\"` to keep it.\n *\n * **When NOT to use:** a signed-out page that is *navigational* rather than an auth step — a public\n * catalog, a shared authorization link — is a document, not a form. Use `AppShell` + `PageLayout`.\n */\nexport const AuthLayout = Object.assign(Root, {\n  /** Lockup row: `productName` beside the brand's mark, or your own children. `actions` sit opposite. */\n  Header,\n  /** The form column. Wrap the body in `Card` here if the page wants one. */\n  Content,\n  /** Legal copy, a way back out, social proof. Pinned to the bottom of the column in the split geometry. */\n  Footer,\n});\n\nexport type { RootProps as AuthLayoutProps };\n"],"mappings":";;;;AAaA,MAAM,aAAa;CACjB,MAAM;CACN,MAAM;AACR;;;;;;;;;;AAWA,MAAM,aAAa;CACjB,MAAM;EACJ,KAAK;EACL,OAAO;CACT;CACA,MAAM;EACJ,KAAK;EACL,OAAO;CACT;AACF;AAIA,MAAM,SAAS;AAMf,MAAM,UAAU;AAEhB,MAAM,SAAS;AAoBf,MAAM,QAAQ,EACZ,KACA,WACA,QAAQ,QACR,OACA,YAAY,OACZ,gBAAgB,QAChB,UACA,GAAG,YACY;CACf,MAAM,SAAS,oBAAC,OAAD;EAAK,WAAW,GAAG,QAAQ,WAAW,MAAM;EAAI;CAAc,CAAA;CAE7E,IAAI,CAAC,OACH,OACE,oBAAC,OAAD;EACO;EACL,WAAW,GAAG,SAAS,QAAQ,+BAA+B,SAAS;EACvE,GAAI;EAEH,UAAA;CACE,CAAA;CAMT,MAAM,QACJ,oBAAC,SAAD;EACE,WAAW,GAAG,eAAe,kBAAkB,UAAU,YAAY,sBAAsB;EAE1F,UAAA;CACI,CAAA;CAET,MAAM,OAAO,oBAAC,OAAD;EAAK,WAAW,GAAG,SAAS,kBAAkB;EAAI,UAAA;CAAY,CAAA;CAE3E,OACE,qBAAC,OAAD;EACO;EACL,WAAW,GAAG,WAAW,QAAQ,WAAW,MAAM,CAAC,YAAY,SAAS;EACxE,GAAI;EAHN,UAAA,CAKG,cAAc,UAAU,QAAQ,MAChC,cAAc,UAAU,OAAO,KAC7B;;AAET;AAkBA,MAAM,UAAU,EAAE,KAAK,WAAW,SAAS,aAAa,UAAU,GAAG,YACnE,qBAAC,UAAD;CACO;CACL,WAAW,GACT,oCAEA,WAAW,gCACX,SACF;CACA,GAAI;CARN,UAAA,CAUG,YACC,qBAAC,QAAD;EAAM,WAAU;EAAhB,UAAA,CAIE,oBAAC,WAAD;GAAW,SAAQ;GAAO,WAAU;EAA0B,CAAA,GAC9D,oBAAC,QAAD;GAAM,WAAU;GAA+B,UAAA;EAAkB,CAAA,CAC7D;CAEP,CAAA,GAAA,WAAW,oBAAC,OAAD;EAAK,WAAU;EAAoC,UAAA;CAAa,CAAA,CACtE;;AAGV,MAAM,WAAW,EAAE,KAAK,WAAW,UAAU,GAAG,YAC9C,oBAAC,QAAD;CACO;CACL,WAAW,GAAG,+DAA+D,SAAS;CACtF,GAAI;CAEH;AACG,CAAA;AAGR,MAAM,UAAU,EAAE,KAAK,WAAW,UAAU,GAAG,YAC7C,oBAAC,UAAD;CACO;CACL,WAAW,GAAG,4DAA4D,SAAS;CACnF,GAAI;CAEH;AACK,CAAA;;;;;;;;;;;;;;;;;;;;;AAuBV,MAAa,aAAa,OAAO,OAAO,MAAM;;CAE5C;;CAEA;;CAEA;AACF,CAAC"}
+{"version":3,"file":"AuthLayout.js","names":[],"sources":["../../../src/blocks/AuthLayout/AuthLayout.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\n\nimport { BrandLogo } from '../../components/BrandLogo';\nimport { cn } from '../../utils';\n\n/**\n * Content-column width.\n *\n * - `form` (28rem) — one field per row: sign-in, MFA, password reset, project picker.\n * - `wide` (34rem) — multi-field or two-column forms: registration.\n */\ntype Width = 'form' | 'wide';\n\nconst widthClass = {\n  form: 'tw:max-w-md',\n  wide: 'tw:max-w-[34rem]',\n} as const satisfies Record<Width, string>;\n\n/**\n * Split-geometry column tracks.\n *\n * - The form floor is `widthClass` plus `SURFACE`'s gutters; a bare `1fr` would squeeze the form.\n */\nconst splitClass = {\n  form: {\n    end: 'tw:lg:grid-cols-[minmax(32rem,1fr)_2fr]',\n    start: 'tw:lg:grid-cols-[2fr_minmax(32rem,1fr)]',\n  },\n  wide: {\n    end: 'tw:lg:grid-cols-[minmax(38rem,1fr)_2fr]',\n    start: 'tw:lg:grid-cols-[2fr_minmax(38rem,1fr)]',\n  },\n} as const satisfies Record<Width, Record<'start' | 'end', string>>;\n\n// `svh`, not `vh`: `vh` on mobile makes the page scrollable by the toolbar's height.\nconst SCREEN = 'tw:min-h-svh';\n\n// No `SCREEN` here: in the split geometry the grid root carries it, and a column `min-h-svh`\n// would leave an empty screen under a stacked aside.\nconst SURFACE = 'tw:flex tw:justify-center tw:px-4 tw:py-12 tw:sm:px-8';\n\nconst COLUMN = 'tw:flex tw:w-full tw:flex-col tw:items-center tw:gap-6';\n\ntype RootProps = ComponentProps<'div'> & {\n  width?: Width;\n  /** Marketing / illustration panel. Its presence switches the page to the split geometry. */\n  aside?: ReactNode;\n  /** Which side the `aside` takes on wide screens. */\n  asideSide?: 'start' | 'end';\n  /** The `aside` below `lg`: `hide` it (sign-in) or `stack` it by the form (acquisition funnels). */\n  asideCollapse?: 'hide' | 'stack';\n};\n\nconst Root = ({\n  ref,\n  className,\n  width = 'form',\n  aside,\n  asideSide = 'end',\n  asideCollapse = 'hide',\n  children,\n  ...props\n}: RootProps) => {\n  const column = <div className={cn(COLUMN, widthClass[width])}>{children}</div>;\n\n  if (!aside) {\n    return (\n      <div\n        ref={ref}\n        className={cn(SURFACE, SCREEN, 'tw:items-center tw:bg-muted', className)}\n        {...props}\n      >\n        {column}\n      </div>\n    );\n  }\n\n  // DOM order, not an `order` utility, picks the side, so reading order matches the visual one.\n  const panel = (\n    <aside\n      className={cn('tw:bg-muted', asideCollapse === 'stack' ? 'tw:flex' : 'tw:hidden tw:lg:flex')}\n    >\n      {aside}\n    </aside>\n  );\n  const form = <div className={cn(SURFACE, 'tw:bg-background')}>{column}</div>;\n\n  return (\n    <div\n      ref={ref}\n      className={cn('tw:grid', SCREEN, splitClass[width][asideSide], className)}\n      {...props}\n    >\n      {asideSide === 'start' ? panel : form}\n      {asideSide === 'start' ? form : panel}\n    </div>\n  );\n};\n\n/**\n * The lockup: either the page's own, or the brand's mark beside the product name.\n *\n * - Exactly one is required: `BrandLogo` alone may render nothing or a bare mark.\n */\ntype Lockup =\n  | { children: ReactNode; productName?: never }\n  | { children?: never; productName: ReactNode };\n\ntype HeaderProps = Omit<ComponentProps<'header'>, 'children'> & {\n  actions?: ReactNode;\n} & Lockup;\n\nconst Header = ({ ref, className, actions, productName, children, ...props }: HeaderProps) => (\n  <header\n    ref={ref}\n    className={cn(\n      'tw:flex tw:items-center tw:gap-4',\n      actions && 'tw:w-full tw:justify-between',\n      className,\n    )}\n    {...props}\n  >\n    {children ?? (\n      <span className=\"tw:flex tw:items-center tw:gap-3\">\n        {/* `mark`: a wordmark beside the product name would state the brand twice. */}\n        <BrandLogo variant=\"mark\" className=\"tw:h-8 tw:text-primary\" />\n        <span className=\"tw:text-lg tw:font-semibold\">{productName}</span>\n      </span>\n    )}\n    {actions && <div className=\"tw:flex tw:items-center tw:gap-1\">{actions}</div>}\n  </header>\n);\n\nconst Content = ({ ref, className, children, ...props }: ComponentProps<'main'>) => (\n  <main\n    ref={ref}\n    className={cn('tw:flex tw:min-h-0 tw:w-full tw:flex-1 tw:flex-col tw:gap-6', className)}\n    {...props}\n  >\n    {children}\n  </main>\n);\n\nconst Footer = ({ ref, className, children, ...props }: ComponentProps<'footer'>) => (\n  <footer\n    ref={ref}\n    className={cn('tw:mt-auto tw:w-full tw:text-xs tw:text-muted-foreground', className)}\n    {...props}\n  >\n    {children}\n  </footer>\n);\n\n/**\n * The signed-out page frame — sign-in, sign-up, password reset, MFA, project and stack pickers.\n *\n * - Owns the `header` / `main` / `footer` landmarks and the brand lockup.\n * - No card: wrap the body in `Card` at the call site.\n * - Not for navigational signed-out pages (public catalog) — use `AppShell` + `PageLayout`.\n */\nexport const AuthLayout = Object.assign(Root, {\n  Header,\n  Content,\n  Footer,\n});\n\nexport type { RootProps as AuthLayoutProps };\n"],"mappings":";;;;AAaA,MAAM,aAAa;CACjB,MAAM;CACN,MAAM;AACR;;;;;;AAOA,MAAM,aAAa;CACjB,MAAM;EACJ,KAAK;EACL,OAAO;CACT;CACA,MAAM;EACJ,KAAK;EACL,OAAO;CACT;AACF;AAGA,MAAM,SAAS;AAIf,MAAM,UAAU;AAEhB,MAAM,SAAS;AAYf,MAAM,QAAQ,EACZ,KACA,WACA,QAAQ,QACR,OACA,YAAY,OACZ,gBAAgB,QAChB,UACA,GAAG,YACY;CACf,MAAM,SAAS,oBAAC,OAAD;EAAK,WAAW,GAAG,QAAQ,WAAW,MAAM;EAAI;CAAc,CAAA;CAE7E,IAAI,CAAC,OACH,OACE,oBAAC,OAAD;EACO;EACL,WAAW,GAAG,SAAS,QAAQ,+BAA+B,SAAS;EACvE,GAAI;EAEH,UAAA;CACE,CAAA;CAKT,MAAM,QACJ,oBAAC,SAAD;EACE,WAAW,GAAG,eAAe,kBAAkB,UAAU,YAAY,sBAAsB;EAE1F,UAAA;CACI,CAAA;CAET,MAAM,OAAO,oBAAC,OAAD;EAAK,WAAW,GAAG,SAAS,kBAAkB;EAAI,UAAA;CAAY,CAAA;CAE3E,OACE,qBAAC,OAAD;EACO;EACL,WAAW,GAAG,WAAW,QAAQ,WAAW,MAAM,CAAC,YAAY,SAAS;EACxE,GAAI;EAHN,UAAA,CAKG,cAAc,UAAU,QAAQ,MAChC,cAAc,UAAU,OAAO,KAC7B;;AAET;AAeA,MAAM,UAAU,EAAE,KAAK,WAAW,SAAS,aAAa,UAAU,GAAG,YACnE,qBAAC,UAAD;CACO;CACL,WAAW,GACT,oCACA,WAAW,gCACX,SACF;CACA,GAAI;CAPN,UAAA,CASG,YACC,qBAAC,QAAD;EAAM,WAAU;EAAhB,UAAA,CAEE,oBAAC,WAAD;GAAW,SAAQ;GAAO,WAAU;EAA0B,CAAA,GAC9D,oBAAC,QAAD;GAAM,WAAU;GAA+B,UAAA;EAAkB,CAAA,CAC7D;CAEP,CAAA,GAAA,WAAW,oBAAC,OAAD;EAAK,WAAU;EAAoC,UAAA;CAAa,CAAA,CACtE;;AAGV,MAAM,WAAW,EAAE,KAAK,WAAW,UAAU,GAAG,YAC9C,oBAAC,QAAD;CACO;CACL,WAAW,GAAG,+DAA+D,SAAS;CACtF,GAAI;CAEH;AACG,CAAA;AAGR,MAAM,UAAU,EAAE,KAAK,WAAW,UAAU,GAAG,YAC7C,oBAAC,UAAD;CACO;CACL,WAAW,GAAG,4DAA4D,SAAS;CACnF,GAAI;CAEH;AACK,CAAA;;;;;;;;AAUV,MAAa,aAAa,OAAO,OAAO,MAAM;CAC5C;CACA;CACA;AACF,CAAC"}

package/dist/internal/blocks/AutoSaveTextarea.js

@@ -1,2 +1,2 @@
-import { AutoSaveTextarea } from "../../AutoSaveTextarea-BeuWuszr.js";
+import { AutoSaveTextarea } from "../../AutoSaveTextarea-C5iIr2Ts.js";
 export { AutoSaveTextarea };

package/dist/internal/blocks/BrandEditor.js

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

package/dist/internal/blocks/ChartPanel.js

@@ -1,16 +1,12 @@
 import { cn } from "../../classNames-BzrkDnOD.js";
-import { Card } from "../../Card-Dyo7055Q.js";
+import { Card } from "../../Card-Cr9MBNHu.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/blocks/ChartPanel/ChartPanel.tsx
 /**
-* Signature chart panel — a `Card` shell with a title/description header, an optional toolbar,
-* a chart body, and an optional footer. Pass a `@keboola/design/charts` chart (`LineChart`,
-* `BarChart`, `AreaChart`, `PieChart`) as children; the panel owns the chrome, the chart owns
-* its own responsive container and themed palette.
+* `Card` chrome around a `@keboola/design/charts` chart passed as children.
 *
-* **When to use:** any framed data-viz block on a dashboard.
-* **When NOT to use:** for a KPI number use `StatCard`; for a raw unframed chart drop the chart
-* component directly. Charts follow the active brand's chart palette — never hardcode colours.
+* - The chart owns its responsive container and brand palette — never hardcode colours.
+* - For a KPI number use `StatCard`; for an unframed chart use the chart directly.
 */
 const ChartPanel = ({ title, description, titleAs = "h3", toolbar, footer, className, bordered = true, children, ...rest }) => /* @__PURE__ */ jsxs(Card, {
 	bordered,

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

@@ -1 +1 @@
-{"version":3,"file":"ChartPanel.js","names":[],"sources":["../../../src/blocks/ChartPanel/ChartPanel.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\n\nimport { Card } from '../../components/Card';\nimport { cn } from '../../utils';\n\ntype RootProps = Omit<ComponentProps<typeof Card>, 'title'> & {\n  /** Panel heading. */\n  title: ReactNode;\n  /** Optional supporting line under the title. */\n  description?: ReactNode;\n  /** Heading level for the title — defaults to `h3`. Set to sit correctly under a page `h1`/`h2`. */\n  titleAs?: ComponentProps<typeof Card.Title>['as'];\n  /** Right-aligned header slot — range picker, legend toggle, menu, etc. */\n  toolbar?: ReactNode;\n  /** Optional footer row (e.g. a source note or an inline legend). */\n  footer?: ReactNode;\n};\n\n/**\n * Signature chart panel — a `Card` shell with a title/description header, an optional toolbar,\n * a chart body, and an optional footer. Pass a `@keboola/design/charts` chart (`LineChart`,\n * `BarChart`, `AreaChart`, `PieChart`) as children; the panel owns the chrome, the chart owns\n * its own responsive container and themed palette.\n *\n * **When to use:** any framed data-viz block on a dashboard.\n * **When NOT to use:** for a KPI number use `StatCard`; for a raw unframed chart drop the chart\n * component directly. Charts follow the active brand's chart palette — never hardcode colours.\n */\nexport const ChartPanel = ({\n  title,\n  description,\n  titleAs = 'h3',\n  toolbar,\n  footer,\n  className,\n  bordered = true,\n  children,\n  ...rest\n}: RootProps) => (\n  <Card bordered={bordered} className={cn('tw:gap-4', className)} {...rest}>\n    <Card.Header className=\"tw:flex tw:items-start tw:justify-between tw:gap-4\">\n      <div className=\"tw:flex tw:flex-col tw:gap-1\">\n        <Card.Title as={titleAs}>{title}</Card.Title>\n        {description ? (\n          <p className=\"tw:m-0 tw:text-sm tw:text-muted-foreground\">{description}</p>\n        ) : null}\n      </div>\n      {toolbar ? (\n        <div className=\"tw:flex tw:shrink-0 tw:items-center tw:gap-2\">{toolbar}</div>\n      ) : null}\n    </Card.Header>\n    <Card.Content>{children}</Card.Content>\n    {footer ? (\n      <div className=\"tw:border-0 tw:border-t tw:border-solid tw:border-border tw:pt-3 tw:text-sm tw:text-muted-foreground\">\n        {footer}\n      </div>\n    ) : null}\n  </Card>\n);\n\nexport type { RootProps as ChartPanelProps };\n"],"mappings":";;;;;;;;;;;;;;AA4BA,MAAa,cAAc,EACzB,OACA,aACA,UAAU,MACV,SACA,QACA,WACA,WAAW,MACX,UACA,GAAG,WAEH,qBAAC,MAAD;CAAgB;CAAU,WAAW,GAAG,YAAY,SAAS;CAAG,GAAI;CAApE,UAAA;EACE,qBAAC,KAAK,QAAN;GAAa,WAAU;GAAvB,UAAA,CACE,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,oBAAC,KAAK,OAAN;KAAY,IAAI;KAAU,UAAA;IAAkB,CAAA,GAC3C,cACC,oBAAC,KAAD;KAAG,WAAU;KAA8C,UAAA;IAAe,CAAA,IACxE,IACD;GACJ,CAAA,GAAA,UACC,oBAAC,OAAD;IAAK,WAAU;IAAgD,UAAA;GAAa,CAAA,IAC1E,IACO;;EACb,oBAAC,KAAK,SAAN,EAAe,SAAuB,CAAA;EACrC,SACC,oBAAC,OAAD;GAAK,WAAU;GACZ,UAAA;EACE,CAAA,IACH;CACA"}
+{"version":3,"file":"ChartPanel.js","names":[],"sources":["../../../src/blocks/ChartPanel/ChartPanel.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\n\nimport { Card } from '../../components/Card';\nimport { cn } from '../../utils';\n\ntype RootProps = Omit<ComponentProps<typeof Card>, 'title'> & {\n  title: ReactNode;\n  description?: ReactNode;\n  /** Defaults to `h3`; set it to fit the page's heading outline. */\n  titleAs?: ComponentProps<typeof Card.Title>['as'];\n  /** Right-aligned header slot. */\n  toolbar?: ReactNode;\n  footer?: ReactNode;\n};\n\n/**\n * `Card` chrome around a `@keboola/design/charts` chart passed as children.\n *\n * - The chart owns its responsive container and brand palette — never hardcode colours.\n * - For a KPI number use `StatCard`; for an unframed chart use the chart directly.\n */\nexport const ChartPanel = ({\n  title,\n  description,\n  titleAs = 'h3',\n  toolbar,\n  footer,\n  className,\n  bordered = true,\n  children,\n  ...rest\n}: RootProps) => (\n  <Card bordered={bordered} className={cn('tw:gap-4', className)} {...rest}>\n    <Card.Header className=\"tw:flex tw:items-start tw:justify-between tw:gap-4\">\n      <div className=\"tw:flex tw:flex-col tw:gap-1\">\n        <Card.Title as={titleAs}>{title}</Card.Title>\n        {description ? (\n          <p className=\"tw:m-0 tw:text-sm tw:text-muted-foreground\">{description}</p>\n        ) : null}\n      </div>\n      {toolbar ? (\n        <div className=\"tw:flex tw:shrink-0 tw:items-center tw:gap-2\">{toolbar}</div>\n      ) : null}\n    </Card.Header>\n    <Card.Content>{children}</Card.Content>\n    {footer ? (\n      <div className=\"tw:border-0 tw:border-t tw:border-solid tw:border-border tw:pt-3 tw:text-sm tw:text-muted-foreground\">\n        {footer}\n      </div>\n    ) : null}\n  </Card>\n);\n\nexport type { RootProps as ChartPanelProps };\n"],"mappings":";;;;;;;;;;AAqBA,MAAa,cAAc,EACzB,OACA,aACA,UAAU,MACV,SACA,QACA,WACA,WAAW,MACX,UACA,GAAG,WAEH,qBAAC,MAAD;CAAgB;CAAU,WAAW,GAAG,YAAY,SAAS;CAAG,GAAI;CAApE,UAAA;EACE,qBAAC,KAAK,QAAN;GAAa,WAAU;GAAvB,UAAA,CACE,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,oBAAC,KAAK,OAAN;KAAY,IAAI;KAAU,UAAA;IAAkB,CAAA,GAC3C,cACC,oBAAC,KAAD;KAAG,WAAU;KAA8C,UAAA;IAAe,CAAA,IACxE,IACD;GACJ,CAAA,GAAA,UACC,oBAAC,OAAD;IAAK,WAAU;IAAgD,UAAA;GAAa,CAAA,IAC1E,IACO;;EACb,oBAAC,KAAK,SAAN,EAAe,SAAuB,CAAA;EACrC,SACC,oBAAC,OAAD;GAAK,WAAU;GACZ,UAAA;EACE,CAAA,IACH;CACA"}

package/dist/internal/blocks/ChipEditor.js

@@ -0,0 +1,129 @@
+import { splitEntry } from "../../utils-Bd28bWgm.js";
+import { useArgoDesign } from "../../context-U293r3v-.js";
+import { mergeRefs } from "../utils/mergeRefs.js";
+import { X } from "../../icons-wcA70iQx.js";
+import { InputGroup } from "../../InputGroup-B4QOPxHl.js";
+import { useControllableState } from "../../useControllableState-CUYXMsfz.js";
+import { Badge } from "../../Badge-DIjhwPvh.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.
+*
+* - **Use** for strings the user writes rather than picks; the platform's one chip editor.
+* - **Not** for values from a known list — use `MultiCombobox` (`allowCreate` if open-ended).
+* - Wrap in a `FormGroup` for label and error state.
+* - Values are compared case-insensitively.
+*/
+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; returns whether the text is spent.
+	*
+	* - A duplicate adds nothing but still spends the text.
+	* - Only a value `canAdd` rejects keeps the text, so the user can fix it.
+	*/
+	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 entry into several values, like `MultiCombobox`'s `createSeparator`.\n   * `null` when a value can itself contain the separator.\n   */\n  separator?: string | RegExp | null;\n  /** Gates each value after the split; a pasted list keeps the values that pass. */\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 * - **Use** for strings the user writes rather than picks; the platform's one chip editor.\n * - **Not** for values from a known list — use `MultiCombobox` (`allowCreate` if open-ended).\n * - Wrap in a `FormGroup` for label and error state.\n * - Values are compared case-insensitively.\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; returns whether the text is spent.\n   *\n   * - A duplicate adds nothing but still spends the text.\n   * - Only a value `canAdd` rejects keeps the text, so the user can fix it.\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    // A typed string separator commits everything before the last one; the rest stays in the field.\n    // `RegExp` separators only split on commit.\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 adds a value, never submits the surrounding form.\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 with text to discard — otherwise Escape reaches the enclosing overlay.\n      event.preventDefault();\n      event.stopPropagation();\n      setQuery('');\n    }\n  };\n\n  const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n    onBlur?.(event);\n    // A value typed then blurred is one the user meant to add.\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":";;;;;;;;;;AAwCA,MAAM,sBAAsB,UAAkB,UAAU;AAExD,MAAM,aAAa,GAAW,MAAc,EAAE,YAAY,MAAM,EAAE,YAAY;;;;;;;;;AAU9E,MAAa,cAAc,EACzB,KAAK,cACL,OAAO,WACP,cACA,eACA,YAAA,KACA,QACA,WACA,cAAc,oBACd,QACA,QAAQ,WACR,SAAS,WACT,SACA,eAAe,WACf,WACA,WAAW,OACX,WAAW,OACX,UACA,QACA,WACA,GAAG,iBACQ;CACX,MAAM,aAAa,cAAc;CACjC,MAAM,WAAW,OAA8B,IAAI;CACnD,MAAM,CAAC,OAAO,YAAY,SAAS,EAAE;CAErC,MAAM,CAAC,QAAQ,aAAa,qBAA+B;EACzD,MAAM;EACN,aAAa,gBAAgB,CAAC;EAC9B,UAAU;CACZ,CAAC;CAED,MAAM,aAAa,CAAC,YAAY,CAAC;;;;;;;CAQjC,MAAM,UAAU,UAAwC;EACtD,MAAM,QAAQ,WAAW,OAAO,SAAS,CAAC,CACvC,KAAK,SAAS,KAAK,KAAK,CAAC,CAAC,CAC1B,QAAQ,SAAS,SAAS,EAAE;EAE/B,MAAM,WAAW,MAAM,QAAQ,SAAS,SAAS,IAAI,KAAK,IAAI;EAC9D,MAAM,QAAQ,SAAS,QACpB,MAAM,UACL,CAAC,OAAO,MAAM,SAAS,UAAU,MAAM,IAAI,CAAC,KAC5C,SAAS,WAAW,UAAU,UAAU,OAAO,IAAI,CAAC,MAAM,KAC9D;EAEA,IAAI,MAAM,SAAS,GAAG,UAAU,CAAC,GAAG,QAAQ,GAAG,KAAK,CAAC;EAErD,OAAO,EAAE,SAAS,SAAS,WAAW,MAAM,OAAO;CACrD;CAEA,MAAM,kBAAkB,UAAkB;EACxC,IAAI,OAAO,KAAK,CAAC,CAAC,SAAS,SAAS,EAAE;CACxC;CAEA,MAAM,gBAAgB,UAAyC;EAC7D,WAAW,KAAK;EAChB,MAAM,OAAO,MAAM,OAAO;EAI1B,IAAI,OAAO,cAAc,YAAY,KAAK,SAAS,SAAS,GAAG;GAC7D,MAAM,MAAM,KAAK,YAAY,SAAS;GACtC,OAAO,KAAK,MAAM,GAAG,GAAG,CAAC;GACzB,SAAS,KAAK,MAAM,MAAM,UAAU,MAAM,CAAC;GAC3C;EACF;EAEA,SAAS,IAAI;CACf;CAEA,MAAM,iBAAiB,UAA2C;EAChE,YAAY,KAAK;EACjB,IAAI,MAAM,kBAAkB;EAE5B,IAAI,MAAM,QAAQ,SAAS;GAEzB,MAAM,eAAe;GACrB,eAAe,KAAK;GACpB;EACF;EAEA,IAAI,MAAM,QAAQ,eAAe,UAAU,MAAM,OAAO,SAAS,GAAG;GAClE,UAAU,OAAO,MAAM,GAAG,EAAE,CAAC;GAC7B;EACF;EAEA,IAAI,MAAM,QAAQ,YAAY,UAAU,IAAI;GAE1C,MAAM,eAAe;GACrB,MAAM,gBAAgB;GACtB,SAAS,EAAE;EACb;CACF;CAEA,MAAM,cAAc,UAAwC;EAC1D,SAAS,KAAK;EAEd,eAAe,KAAK;CACtB;CAEA,MAAM,YAAY,UAAkB;EAClC,UAAU,OAAO,QAAQ,GAAG,aAAa,aAAa,KAAK,CAAC;EAC5D,SAAS,SAAS,MAAM;CAC1B;CAEA,OACE,qBAAC,YAAD;EACS;EACE;EACD;EACM;EACH;EACX,eAAa;EANf,UAAA,CAQE,oBAAC,WAAW,OAAZ;GAAkB,OAAM;GAAc,WAAU;GAAe,MAAK;GACjE,UAAA,OAAO,KAAK,OAAO,UAClB,qBAAC,MAAM,MAAP;IAEE,MAAK;IACL,OAAO;IACP,SAAS,aAAa,SAAS;IAC/B,WAAU;IALZ,UAAA,CASE,oBAAC,MAAM,OAAP;KAAa,OAAO;KAAQ,UAAA;IAAmB,CAAA,GAC9C,cACC,oBAAC,MAAM,OAAP;KAAa,SAAQ;KAAS,OAAM;KAClC,UAAA,oBAAC,MAAM,QAAP;MAAc,cAAY,YAAY,KAAK;MAAG,eAAe,SAAS,KAAK;MACzE,UAAA,oBAAC,GAAD,EAAG,WAAU,YAAa,CAAA;KACd,CAAA;IACH,CAAA,CAEL;GAhBL,GAAA,KAgBK,CACb;EACe,CAAA,GAElB,oBAAC,WAAW,OAAZ;GACE,GAAI;GACJ,KAAK,UAAU,gBAAgB,MAAM,QAAQ;GAC7C,MAAK;GACL,OAAO;GACG;GACA;GACV,UAAU;GACV,WAAW;GACX,QAAQ;EACT,CAAA,CACS;;AAEhB"}

package/dist/internal/blocks/ClipboardButton.js

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

package/dist/internal/blocks/ColorInput.js

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

package/dist/internal/blocks/ColorModeSwitch.js

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

package/dist/internal/blocks/Command.js

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

package/dist/internal/blocks/CopyField.js

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

package/dist/internal/blocks/DashboardHero.js

@@ -2,14 +2,11 @@ import { cn } from "../../classNames-BzrkDnOD.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/blocks/DashboardHero/DashboardHero.tsx
 /**
-* Signature dashboard hero banner — the opinionated top-of-page welcome/summary surface
-* (daily-brief header, project overview, greeting + primary CTA).
+* Top-of-dashboard welcome/summary banner: eyebrow, title, lead paragraph, actions.
 *
-* **When to use:** the first block on a landing or dashboard page, above the KPI strip and
-* chart panels. It sets tone with an eyebrow, a large title, a lead paragraph, and an actions row.
-* **When NOT to use:** for an in-app page title use `PageHeader.Index`; for an empty page use
-* `EmptyState`. **Composition:** `DashboardHero.Eyebrow`, `.Title`, `.Description`, `.Actions`,
-* and an optional `.Aside` that floats to the right on wide screens. Reads semantic tokens only.
+* - First block on a landing/dashboard page, above KPIs and charts.
+* - Not for in-app page titles (`PageHeader.Index`) or empty pages (`EmptyState`).
+* - `.Aside` floats right on wide screens.
 */
 const DashboardHeroRoot = ({ className, children, ...rest }) => /* @__PURE__ */ jsx("section", {
 	className: cn("tw:flex tw:flex-col tw:gap-6 tw:rounded-lg tw:border tw:border-solid tw:border-border tw:bg-card tw:p-8 tw:text-card-foreground", "tw:md:flex-row tw:md:items-center tw:md:justify-between", className),

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

@@ -1 +1 @@
-{"version":3,"file":"DashboardHero.js","names":[],"sources":["../../../src/blocks/DashboardHero/DashboardHero.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nimport { cn } from '../../utils';\n\ntype RootProps = ComponentProps<'section'>;\n\n/**\n * Signature dashboard hero banner — the opinionated top-of-page welcome/summary surface\n * (daily-brief header, project overview, greeting + primary CTA).\n *\n * **When to use:** the first block on a landing or dashboard page, above the KPI strip and\n * chart panels. It sets tone with an eyebrow, a large title, a lead paragraph, and an actions row.\n * **When NOT to use:** for an in-app page title use `PageHeader.Index`; for an empty page use\n * `EmptyState`. **Composition:** `DashboardHero.Eyebrow`, `.Title`, `.Description`, `.Actions`,\n * and an optional `.Aside` that floats to the right on wide screens. Reads semantic tokens only.\n */\nconst DashboardHeroRoot = ({ className, children, ...rest }: RootProps) => (\n  <section\n    className={cn(\n      'tw:flex tw:flex-col tw:gap-6 tw:rounded-lg tw:border tw:border-solid tw:border-border tw:bg-card tw:p-8 tw:text-card-foreground',\n      'tw:md:flex-row tw:md:items-center tw:md:justify-between',\n      className,\n    )}\n    {...rest}\n  >\n    {children}\n  </section>\n);\n\ntype BodyProps = ComponentProps<'div'>;\n\nconst DashboardHeroBody = ({ className, children, ...rest }: BodyProps) => (\n  <div className={cn('tw:flex tw:flex-col tw:gap-3', className)} {...rest}>\n    {children}\n  </div>\n);\n\ntype EyebrowProps = ComponentProps<'p'>;\n\nconst DashboardHeroEyebrow = ({ className, children, ...rest }: EyebrowProps) => (\n  <p\n    className={cn(\n      'tw:m-0 tw:text-sm tw:font-semibold tw:uppercase tw:tracking-wide tw:text-primary',\n      className,\n    )}\n    {...rest}\n  >\n    {children}\n  </p>\n);\n\ntype TitleProps = ComponentProps<'h1'>;\n\nconst DashboardHeroTitle = ({ className, children, ...rest }: TitleProps) => (\n  <h1\n    className={cn(\n      'tw:m-0 tw:text-3xl tw:font-semibold tw:leading-tight tw:tracking-tight tw:text-foreground',\n      className,\n    )}\n    {...rest}\n  >\n    {children}\n  </h1>\n);\n\ntype DescriptionProps = ComponentProps<'p'>;\n\nconst DashboardHeroDescription = ({ className, children, ...rest }: DescriptionProps) => (\n  <p\n    className={cn('tw:m-0 tw:max-w-prose tw:text-base tw:text-muted-foreground', className)}\n    {...rest}\n  >\n    {children}\n  </p>\n);\n\ntype ActionsProps = ComponentProps<'div'>;\n\nconst DashboardHeroActions = ({ className, children, ...rest }: ActionsProps) => (\n  <div className={cn('tw:mt-2 tw:flex tw:flex-wrap tw:items-center tw:gap-3', className)} {...rest}>\n    {children}\n  </div>\n);\n\ntype AsideProps = ComponentProps<'div'>;\n\nconst DashboardHeroAside = ({ className, children, ...rest }: AsideProps) => (\n  <div className={cn('tw:flex tw:shrink-0 tw:flex-col tw:gap-2', className)} {...rest}>\n    {children}\n  </div>\n);\n\nexport const DashboardHero = DashboardHeroRoot as typeof DashboardHeroRoot & {\n  Body: typeof DashboardHeroBody;\n  Eyebrow: typeof DashboardHeroEyebrow;\n  Title: typeof DashboardHeroTitle;\n  Description: typeof DashboardHeroDescription;\n  Actions: typeof DashboardHeroActions;\n  Aside: typeof DashboardHeroAside;\n};\n\nDashboardHero.Body = DashboardHeroBody;\nDashboardHero.Eyebrow = DashboardHeroEyebrow;\nDashboardHero.Title = DashboardHeroTitle;\nDashboardHero.Description = DashboardHeroDescription;\nDashboardHero.Actions = DashboardHeroActions;\nDashboardHero.Aside = DashboardHeroAside;\n\nexport type { RootProps as DashboardHeroProps };\n"],"mappings":";;;;;;;;;;;;;AAgBA,MAAM,qBAAqB,EAAE,WAAW,UAAU,GAAG,WACnD,oBAAC,WAAD;CACE,WAAW,GACT,mIACA,2DACA,SACF;CACA,GAAI;CAEH;AACM,CAAA;AAKX,MAAM,qBAAqB,EAAE,WAAW,UAAU,GAAG,WACnD,oBAAC,OAAD;CAAK,WAAW,GAAG,gCAAgC,SAAS;CAAG,GAAI;CAChE;AACE,CAAA;AAKP,MAAM,wBAAwB,EAAE,WAAW,UAAU,GAAG,WACtD,oBAAC,KAAD;CACE,WAAW,GACT,oFACA,SACF;CACA,GAAI;CAEH;AACA,CAAA;AAKL,MAAM,sBAAsB,EAAE,WAAW,UAAU,GAAG,WACpD,oBAAC,MAAD;CACE,WAAW,GACT,6FACA,SACF;CACA,GAAI;CAEH;AACC,CAAA;AAKN,MAAM,4BAA4B,EAAE,WAAW,UAAU,GAAG,WAC1D,oBAAC,KAAD;CACE,WAAW,GAAG,+DAA+D,SAAS;CACtF,GAAI;CAEH;AACA,CAAA;AAKL,MAAM,wBAAwB,EAAE,WAAW,UAAU,GAAG,WACtD,oBAAC,OAAD;CAAK,WAAW,GAAG,yDAAyD,SAAS;CAAG,GAAI;CACzF;AACE,CAAA;AAKP,MAAM,sBAAsB,EAAE,WAAW,UAAU,GAAG,WACpD,oBAAC,OAAD;CAAK,WAAW,GAAG,4CAA4C,SAAS;CAAG,GAAI;CAC5E;AACE,CAAA;AAGP,MAAa,gBAAgB;AAS7B,cAAc,OAAO;AACrB,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,cAAc;AAC5B,cAAc,UAAU;AACxB,cAAc,QAAQ"}
+{"version":3,"file":"DashboardHero.js","names":[],"sources":["../../../src/blocks/DashboardHero/DashboardHero.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nimport { cn } from '../../utils';\n\ntype RootProps = ComponentProps<'section'>;\n\n/**\n * Top-of-dashboard welcome/summary banner: eyebrow, title, lead paragraph, actions.\n *\n * - First block on a landing/dashboard page, above KPIs and charts.\n * - Not for in-app page titles (`PageHeader.Index`) or empty pages (`EmptyState`).\n * - `.Aside` floats right on wide screens.\n */\nconst DashboardHeroRoot = ({ className, children, ...rest }: RootProps) => (\n  <section\n    className={cn(\n      'tw:flex tw:flex-col tw:gap-6 tw:rounded-lg tw:border tw:border-solid tw:border-border tw:bg-card tw:p-8 tw:text-card-foreground',\n      'tw:md:flex-row tw:md:items-center tw:md:justify-between',\n      className,\n    )}\n    {...rest}\n  >\n    {children}\n  </section>\n);\n\ntype BodyProps = ComponentProps<'div'>;\n\nconst DashboardHeroBody = ({ className, children, ...rest }: BodyProps) => (\n  <div className={cn('tw:flex tw:flex-col tw:gap-3', className)} {...rest}>\n    {children}\n  </div>\n);\n\ntype EyebrowProps = ComponentProps<'p'>;\n\nconst DashboardHeroEyebrow = ({ className, children, ...rest }: EyebrowProps) => (\n  <p\n    className={cn(\n      'tw:m-0 tw:text-sm tw:font-semibold tw:uppercase tw:tracking-wide tw:text-primary',\n      className,\n    )}\n    {...rest}\n  >\n    {children}\n  </p>\n);\n\ntype TitleProps = ComponentProps<'h1'>;\n\nconst DashboardHeroTitle = ({ className, children, ...rest }: TitleProps) => (\n  <h1\n    className={cn(\n      'tw:m-0 tw:text-3xl tw:font-semibold tw:leading-tight tw:tracking-tight tw:text-foreground',\n      className,\n    )}\n    {...rest}\n  >\n    {children}\n  </h1>\n);\n\ntype DescriptionProps = ComponentProps<'p'>;\n\nconst DashboardHeroDescription = ({ className, children, ...rest }: DescriptionProps) => (\n  <p\n    className={cn('tw:m-0 tw:max-w-prose tw:text-base tw:text-muted-foreground', className)}\n    {...rest}\n  >\n    {children}\n  </p>\n);\n\ntype ActionsProps = ComponentProps<'div'>;\n\nconst DashboardHeroActions = ({ className, children, ...rest }: ActionsProps) => (\n  <div className={cn('tw:mt-2 tw:flex tw:flex-wrap tw:items-center tw:gap-3', className)} {...rest}>\n    {children}\n  </div>\n);\n\ntype AsideProps = ComponentProps<'div'>;\n\nconst DashboardHeroAside = ({ className, children, ...rest }: AsideProps) => (\n  <div className={cn('tw:flex tw:shrink-0 tw:flex-col tw:gap-2', className)} {...rest}>\n    {children}\n  </div>\n);\n\nexport const DashboardHero = DashboardHeroRoot as typeof DashboardHeroRoot & {\n  Body: typeof DashboardHeroBody;\n  Eyebrow: typeof DashboardHeroEyebrow;\n  Title: typeof DashboardHeroTitle;\n  Description: typeof DashboardHeroDescription;\n  Actions: typeof DashboardHeroActions;\n  Aside: typeof DashboardHeroAside;\n};\n\nDashboardHero.Body = DashboardHeroBody;\nDashboardHero.Eyebrow = DashboardHeroEyebrow;\nDashboardHero.Title = DashboardHeroTitle;\nDashboardHero.Description = DashboardHeroDescription;\nDashboardHero.Actions = DashboardHeroActions;\nDashboardHero.Aside = DashboardHeroAside;\n\nexport type { RootProps as DashboardHeroProps };\n"],"mappings":";;;;;;;;;;AAaA,MAAM,qBAAqB,EAAE,WAAW,UAAU,GAAG,WACnD,oBAAC,WAAD;CACE,WAAW,GACT,mIACA,2DACA,SACF;CACA,GAAI;CAEH;AACM,CAAA;AAKX,MAAM,qBAAqB,EAAE,WAAW,UAAU,GAAG,WACnD,oBAAC,OAAD;CAAK,WAAW,GAAG,gCAAgC,SAAS;CAAG,GAAI;CAChE;AACE,CAAA;AAKP,MAAM,wBAAwB,EAAE,WAAW,UAAU,GAAG,WACtD,oBAAC,KAAD;CACE,WAAW,GACT,oFACA,SACF;CACA,GAAI;CAEH;AACA,CAAA;AAKL,MAAM,sBAAsB,EAAE,WAAW,UAAU,GAAG,WACpD,oBAAC,MAAD;CACE,WAAW,GACT,6FACA,SACF;CACA,GAAI;CAEH;AACC,CAAA;AAKN,MAAM,4BAA4B,EAAE,WAAW,UAAU,GAAG,WAC1D,oBAAC,KAAD;CACE,WAAW,GAAG,+DAA+D,SAAS;CACtF,GAAI;CAEH;AACA,CAAA;AAKL,MAAM,wBAAwB,EAAE,WAAW,UAAU,GAAG,WACtD,oBAAC,OAAD;CAAK,WAAW,GAAG,yDAAyD,SAAS;CAAG,GAAI;CACzF;AACE,CAAA;AAKP,MAAM,sBAAsB,EAAE,WAAW,UAAU,GAAG,WACpD,oBAAC,OAAD;CAAK,WAAW,GAAG,4CAA4C,SAAS;CAAG,GAAI;CAC5E;AACE,CAAA;AAGP,MAAa,gBAAgB;AAS7B,cAAc,OAAO;AACrB,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,cAAc;AAC5B,cAAc,UAAU;AACxB,cAAc,QAAQ"}