@keboola/design 11.5.0 → 11.6.0

package/dist/index.js

@@ -23,7 +23,7 @@ import { Link } from "./internal/components/Link.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-BvPuYibe.js";
+import { FullScreenModal, FullScreenModalBody, FullScreenModalHeader } from "./FullScreenModal-CN9nAs72.js";
 import { Truncated } from "./internal/components/Truncated.js";
 import { Sheet } from "./Sheet-Chf0kX1E.js";
 import { useStableCallback } from "./internal/hooks/useStableCallback.js";
@@ -63,7 +63,7 @@ import { OtpInput, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND
 import { SearchInput } from "./SearchInput-D4UgAXJK.js";
 import { SearchInputWithNavigation } from "./internal/blocks/SearchInputWithNavigation.js";
 import { FileUpload, useFileDropTarget, useFileUploadRejections } from "./FileUpload-ABThVZyg.js";
-import { AnswerActions, AnswerSummary, CollapsibleStepHeader, DIAGRAM_LANGUAGES, InlineStepDetail, InlineStepLabel, Markdown, MessageBubble, PlanApproval, PlanRewritingIndicator, PromptInput, Question, QuestionBlock, SuggestedPrompt, ThinkingIndicator, ToolCallApproval, ToolCallChip, ToolCallStatusHeader, UsageStats, UsageStatsRing, clampPercentage, formatPercentage } from "./AIKit-CNX6aiKm.js";
+import { AnswerActions, AnswerSummary, CollapsibleStepHeader, DIAGRAM_LANGUAGES, InlineStepDetail, InlineStepLabel, Markdown, MarkdownTable, MessageBubble, PlanApproval, PlanRewritingIndicator, PromptInput, Question, QuestionBlock, SuggestedPrompt, ThinkingIndicator, ToolCallApproval, ToolCallChip, ToolCallStatusHeader, UsageStats, UsageStatsRing, clampPercentage, formatPercentage } from "./AIKit-BExvt9pt.js";
 import { Table, tableAriaSort } from "./Table-CvYuTuNU.js";
 import { Skeleton } from "./internal/components/Skeleton/Skeleton.js";
 import { DiagramSkeleton } from "./internal/blocks/DiagramShared/DiagramSkeleton.js";
@@ -114,4 +114,4 @@ import { useAutosizeInput } from "./internal/hooks/useAutosizeInput.js";
 import { ZoomableSvg, svgToPngBlob, toSvgFileContent } from "./ZoomableSvg-pooPb1Cu.js";
 import { BrandEditor, DEFAULT_FALLBACK_FONT, DEFAULT_FONT_OPTIONS, channelsToHex, contrastRatio, hexToChannels, wcagLevel } from "./BrandEditor-CSANsxUz.js";
 import { 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, MarkedText, MessageBubble, MicrosoftButton, Modal, MultiActionButtonGroup, MultiCombobox, MultiComboboxField, Navbar, NumberInput, OtpInput, PageHeader, PageLayout, PageToolbar, Pagination, PaneHeader, PanelWithDetails, PasswordInput, PlanApproval, PlanRewritingIndicator, Popconfirm, Popover, Progress, PromptInput, Question, QuestionBlock, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS, RadioGroup, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Search, SearchForm, SearchInput, SearchInputWithNavigation, SectionNav, Select, Separator, Sheet, Sidebar, SidebarProvider, Skeleton, SkeletonList, Slider, Slot, SplitButton, SpotlightBackdrop, StatCard, StatCardGrid, Stepper, SuggestedPrompt, Switch, Table, Tabs, TabsContent, TextInput, Textarea, ThemeProvider, ThemeScope, ThinkingIndicator, TimeInput, TimePicker, Timeline, Toaster, Toggle, ToggleGroup, ToolCallApproval, ToolCallChip, ToolCallStatusHeader, Tooltip, TooltipProvider, Truncated, UsageStats, UsageStatsRing, Workbench, ZoomableSvg, appShellSlotSelector, argoVariants, brandSchema, channelsToHex, clampPercentage, cn, computeDiffRows, computeLineInformation, contrastRatio, copyToClipboard, defaultFilter, exampleCustomer, filterByWords, findLiteralMatches, formatPercentage, hasLiteralMatch, hexToChannels, isMac, kbdVariants, keboola, keboolaLegacySidebar, keboolaLegacyTopnav, keys, matchByWords, mergeRefs, namedLabel, setServerFieldErrors, setSubmitError, svgToPngBlob, tableAriaSort, toSvgFileContent, toast, useAppForm, useArgoDesign, useAutosizeInput, useCommandState, useDefaultLayout, useFileDropTarget, useFileUploadRejections, useMergeDiff, useNotification, useOptionalSidebar, useScrollbarPosition, useSidebar, useStableCallback, useTargetRect, useTheme, useThemeScopeContainer, useWorkbench, wcagLevel, withBlankValues, withForm };
+export { Alert, AlertModal, AnswerActions, AnswerSummary, AppShell, ArgoDesignContext, AuthLayout, AutoSaveTextarea, Avatar, Badge, BrandEditor, BrandLogo, Breadcrumb, Button, ButtonGroup, ButtonInline, Calendar, Card, ChartPanel, 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 };

package/dist/internal/blocks/AIKit.js

@@ -1,2 +1,2 @@
-import { AnswerActions, AnswerSummary, CollapsibleStepHeader, DIAGRAM_LANGUAGES, InlineStepDetail, InlineStepLabel, Markdown, MessageBubble, PlanApproval, PlanRewritingIndicator, PromptInput, Question, QuestionBlock, SuggestedPrompt, ThinkingIndicator, ToolCallApproval, ToolCallChip, ToolCallStatusHeader, UsageStats, UsageStatsRing, clampPercentage, formatPercentage } from "../../AIKit-CNX6aiKm.js";
-export { AnswerActions, AnswerSummary, CollapsibleStepHeader, DIAGRAM_LANGUAGES, InlineStepDetail, InlineStepLabel, Markdown, MessageBubble, PlanApproval, PlanRewritingIndicator, PromptInput, Question, QuestionBlock, SuggestedPrompt, ThinkingIndicator, ToolCallApproval, ToolCallChip, ToolCallStatusHeader, UsageStats, UsageStatsRing, clampPercentage, formatPercentage };
+import { AnswerActions, AnswerSummary, CollapsibleStepHeader, DIAGRAM_LANGUAGES, InlineStepDetail, InlineStepLabel, Markdown, MarkdownTable, MessageBubble, PlanApproval, PlanRewritingIndicator, PromptInput, Question, QuestionBlock, SuggestedPrompt, ThinkingIndicator, ToolCallApproval, ToolCallChip, ToolCallStatusHeader, UsageStats, UsageStatsRing, clampPercentage, formatPercentage } from "../../AIKit-BExvt9pt.js";
+export { AnswerActions, AnswerSummary, CollapsibleStepHeader, DIAGRAM_LANGUAGES, InlineStepDetail, InlineStepLabel, Markdown, MarkdownTable, MessageBubble, PlanApproval, PlanRewritingIndicator, PromptInput, Question, QuestionBlock, SuggestedPrompt, ThinkingIndicator, ToolCallApproval, ToolCallChip, ToolCallStatusHeader, UsageStats, UsageStatsRing, clampPercentage, formatPercentage };

package/dist/internal/components/FullScreenModal.js

@@ -1,2 +1,2 @@
-import { FullScreenModal, FullScreenModalBody, FullScreenModalHeader } from "../../FullScreenModal-BvPuYibe.js";
+import { FullScreenModal, FullScreenModalBody, FullScreenModalHeader } from "../../FullScreenModal-CN9nAs72.js";
 export { FullScreenModal, FullScreenModalBody, FullScreenModalHeader };

package/dist/internal/components/Progress.js

@@ -18,7 +18,9 @@ const variants = cva([
 	variants: {
 		variant: {
 			default: ["tw:bg-primary/20", "tw:[&_[data-slot=\"progress-indicator\"]]:bg-primary"],
-			success: ["tw:bg-success/20", "tw:[&_[data-slot=\"progress-indicator\"]]:bg-success"]
+			success: ["tw:bg-success/20", "tw:[&_[data-slot=\"progress-indicator\"]]:bg-success"],
+			warning: ["tw:bg-warning-500/20", "tw:[&_[data-slot=\"progress-indicator\"]]:bg-warning-500"],
+			error: ["tw:bg-error-500/20", "tw:[&_[data-slot=\"progress-indicator\"]]:bg-error-500"]
 		},
 		size: {
 			sm: ["tw:rounded-full", "tw:h-1"],

package/dist/internal/components/Progress.js.map

@@ -1 +1 @@
-{"version":3,"file":"Progress.js","names":[],"sources":["../../../src/components/Progress/Progress.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\nimport { Indicator, Root } from '@radix-ui/react-progress';\nimport type { VariantProps } from 'class-variance-authority';\nimport { cva } from 'class-variance-authority';\n\nimport { cn } from '../../utils';\n\nconst variants = cva(\n  ['tw:relative', 'tw:flex', 'tw:items-center', 'tw:z-0', 'tw:overflow-x-hidden', 'tw:w-full'],\n  {\n    defaultVariants: {\n      variant: 'default',\n      size: 'lg',\n    },\n    variants: {\n      variant: {\n        default: ['tw:bg-primary/20', 'tw:[&_[data-slot=\"progress-indicator\"]]:bg-primary'],\n        success: ['tw:bg-success/20', 'tw:[&_[data-slot=\"progress-indicator\"]]:bg-success'],\n      },\n      size: {\n        sm: ['tw:rounded-full', 'tw:h-1'],\n        lg: ['tw:rounded', 'tw:h-4'],\n      },\n    },\n  },\n);\n\ntype Props = ComponentProps<typeof Root> & VariantProps<typeof variants>;\n\nexport const Progress = ({ ref, className, value, variant, size, ...props }: Props) => (\n  <Root {...props} ref={ref} className={cn(variants({ variant, size, className }))} value={value}>\n    <Indicator\n      data-slot=\"progress-indicator\"\n      className=\"tw:size-full tw:flex-1 tw:transition-all\"\n      style={{ transform: `translateX(-${100 - (value ?? 0)}%)` }}\n    />\n  </Root>\n);\n"],"mappings":";;;;;AAOA,MAAM,WAAW,IACf;CAAC;CAAe;CAAW;CAAmB;CAAU;CAAwB;AAAW,GAC3F;CACE,iBAAiB;EACf,SAAS;EACT,MAAM;CACR;CACA,UAAU;EACR,SAAS;GACP,SAAS,CAAC,oBAAoB,sDAAoD;GAClF,SAAS,CAAC,oBAAoB,sDAAoD;EACpF;EACA,MAAM;GACJ,IAAI,CAAC,mBAAmB,QAAQ;GAChC,IAAI,CAAC,cAAc,QAAQ;EAC7B;CACF;AACF,CACF;AAIA,MAAa,YAAY,EAAE,KAAK,WAAW,OAAO,SAAS,MAAM,GAAG,YAClE,oBAAC,MAAD;CAAM,GAAI;CAAY;CAAK,WAAW,GAAG,SAAS;EAAE;EAAS;EAAM;CAAU,CAAC,CAAC;CAAU;CACvF,UAAA,oBAAC,WAAD;EACE,aAAU;EACV,WAAU;EACV,OAAO,EAAE,WAAW,eAAe,OAAO,SAAS,GAAG,IAAI;CAC3D,CAAA;AACG,CAAA"}
+{"version":3,"file":"Progress.js","names":[],"sources":["../../../src/components/Progress/Progress.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\nimport { Indicator, Root } from '@radix-ui/react-progress';\nimport type { VariantProps } from 'class-variance-authority';\nimport { cva } from 'class-variance-authority';\n\nimport { cn } from '../../utils';\n\nconst variants = cva(\n  ['tw:relative', 'tw:flex', 'tw:items-center', 'tw:z-0', 'tw:overflow-x-hidden', 'tw:w-full'],\n  {\n    defaultVariants: {\n      variant: 'default',\n      size: 'lg',\n    },\n    variants: {\n      variant: {\n        default: ['tw:bg-primary/20', 'tw:[&_[data-slot=\"progress-indicator\"]]:bg-primary'],\n        success: ['tw:bg-success/20', 'tw:[&_[data-slot=\"progress-indicator\"]]:bg-success'],\n        // Same ramps `Badge` maps `orange` and `red` to, so a meter and a label\n        // for the same state cannot disagree.\n        warning: ['tw:bg-warning-500/20', 'tw:[&_[data-slot=\"progress-indicator\"]]:bg-warning-500'],\n        error: ['tw:bg-error-500/20', 'tw:[&_[data-slot=\"progress-indicator\"]]:bg-error-500'],\n      },\n      size: {\n        sm: ['tw:rounded-full', 'tw:h-1'],\n        lg: ['tw:rounded', 'tw:h-4'],\n      },\n    },\n  },\n);\n\ntype Props = ComponentProps<typeof Root> & VariantProps<typeof variants>;\n\nexport const Progress = ({ ref, className, value, variant, size, ...props }: Props) => (\n  <Root {...props} ref={ref} className={cn(variants({ variant, size, className }))} value={value}>\n    <Indicator\n      data-slot=\"progress-indicator\"\n      className=\"tw:size-full tw:flex-1 tw:transition-all\"\n      style={{ transform: `translateX(-${100 - (value ?? 0)}%)` }}\n    />\n  </Root>\n);\n"],"mappings":";;;;;AAOA,MAAM,WAAW,IACf;CAAC;CAAe;CAAW;CAAmB;CAAU;CAAwB;AAAW,GAC3F;CACE,iBAAiB;EACf,SAAS;EACT,MAAM;CACR;CACA,UAAU;EACR,SAAS;GACP,SAAS,CAAC,oBAAoB,sDAAoD;GAClF,SAAS,CAAC,oBAAoB,sDAAoD;GAGlF,SAAS,CAAC,wBAAwB,0DAAwD;GAC1F,OAAO,CAAC,sBAAsB,wDAAsD;EACtF;EACA,MAAM;GACJ,IAAI,CAAC,mBAAmB,QAAQ;GAChC,IAAI,CAAC,cAAc,QAAQ;EAC7B;CACF;AACF,CACF;AAIA,MAAa,YAAY,EAAE,KAAK,WAAW,OAAO,SAAS,MAAM,GAAG,YAClE,oBAAC,MAAD;CAAM,GAAI;CAAY;CAAK,WAAW,GAAG,SAAS;EAAE;EAAS;EAAM;CAAU,CAAC,CAAC;CAAU;CACvF,UAAA,oBAAC,WAAD;EACE,aAAU;EACV,WAAU;EACV,OAAO,EAAE,WAAW,eAAe,OAAO,SAAS,GAAG,IAAI;CAC3D,CAAA;AACG,CAAA"}

package/dist/markdown-editor.js

@@ -141,7 +141,7 @@ const $isImageNode = (node) => {
 };
 //#endregion
 //#region src/blocks/MarkdownEditor/nodes/MermaidNodeComponent.tsx
-const MermaidDiagram = lazy(() => import("./MermaidDiagram-CXG5tC6J.js").then((n) => n.MermaidDiagram_exports).then((m) => ({ default: m.MermaidDiagram }), (error) => {
+const MermaidDiagram = lazy(() => import("./MermaidDiagram-DSI7xMu2.js").then((n) => n.MermaidDiagram_exports).then((m) => ({ default: m.MermaidDiagram }), (error) => {
 	console.error("[MarkdownEditor] failed to load MermaidDiagram chunk", error);
 	return { default: ({ code }) => /* @__PURE__ */ jsx("pre", { children: /* @__PURE__ */ jsx("code", { children: code }) }) };
 }));

package/dist/mermaid.js

@@ -1,2 +1,2 @@
-import { MermaidDiagram } from "./MermaidDiagram-CXG5tC6J.js";
+import { MermaidDiagram } from "./MermaidDiagram-DSI7xMu2.js";
 export { MermaidDiagram };