@keboola/design 11.9.0 → 12.0.0

package/dist/internal/blocks/EmptyState.js

@@ -79,16 +79,12 @@ const emptyStateActionsClassnames = cva([
 	defaultVariants: { variant: "default" }
 });
 /**
-* Friendly "nothing here yet" placeholder with icon, title, description, and actions slots.
+* "Nothing here yet" placeholder with icon, title, description and actions slots.
 *
-* **When to use:** the user reached a page or surface that is intentionally empty (no items created
-* yet, an empty list after filtering, an empty inbox). The goal is to guide the user to the next action.
-* **When NOT to use:** for an error or failure state use `ErrorState`; for inline loading placeholders
-* use `Skeleton`; for "no matches found after search" inside a search/combobox use `EmptySearchContent`.
-* **Composition:** nest `EmptyState.Icon`, `EmptyState.Title`, `EmptyState.Description`, and
-* `EmptyState.Actions` (with one or two `Button`s). Use `variant="compact"` inside a `Card`.
-*
-* @see RECIPES.md#card-with-empty-state — for the empty-card pattern
+* - For intentionally empty surfaces; guide the user to the next action.
+* - Not for errors (`ErrorState`), loading (`Skeleton`) or search misses (`EmptySearchContent`).
+* - Use `variant="compact"` inside a `Card`.
+* @see RECIPES.md#card-with-empty-state
 */
 const EmptyStateRoot = ({ className, variant = "default", children, ...rest }) => /* @__PURE__ */ jsx("div", {
 	role: "status",

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

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.js","names":[],"sources":["../../../src/blocks/EmptyState/EmptyState.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\nimport type { VariantProps } from 'class-variance-authority';\nimport { cva } from 'class-variance-authority';\n\nconst emptyStateClassnames = cva(['tw:flex', 'tw:flex-col', 'tw:items-center', 'tw:text-center'], {\n  variants: {\n    variant: {\n      default: ['tw:py-16', 'tw:px-8', 'tw:gap-4'],\n      compact: ['tw:py-8', 'tw:px-4', 'tw:gap-2'],\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n\nconst emptyStateIconClassnames = cva(\n  ['tw:flex', 'tw:items-center', 'tw:justify-center', 'tw:text-muted-foreground'],\n  {\n    variants: {\n      variant: {\n        default: ['tw:size-16', 'tw:text-4xl', 'tw:[&_svg:not([class*=\"tw:size-\"])]:size-10'],\n        compact: ['tw:size-10', 'tw:text-2xl', 'tw:[&_svg:not([class*=\"tw:size-\"])]:size-6'],\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  },\n);\n\nconst emptyStateTitleClassnames = cva(['tw:m-0', 'tw:font-semibold', 'tw:text-foreground'], {\n  variants: {\n    variant: {\n      default: ['tw:text-lg', 'tw:leading-7'],\n      compact: ['tw:text-base', 'tw:leading-6'],\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n\nconst emptyStateDescriptionClassnames = cva(['tw:m-0', 'tw:text-muted-foreground'], {\n  variants: {\n    variant: {\n      default: ['tw:text-sm', 'tw:leading-5', 'tw:max-w-sm'],\n      compact: ['tw:text-xs', 'tw:leading-4', 'tw:max-w-xs'],\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n\nconst emptyStateActionsClassnames = cva(['tw:flex', 'tw:items-center', 'tw:flex-wrap'], {\n  variants: {\n    variant: {\n      default: ['tw:gap-3', 'tw:mt-2'],\n      compact: ['tw:gap-2', 'tw:mt-1'],\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n\ntype Variant = VariantProps<typeof emptyStateClassnames>['variant'];\n\n/**\n * Props for `EmptyState`. `variant` chooses spacing — `\"default\"` for full-page empty states,\n * `\"compact\"` for inside cards / small surfaces.\n */\ntype RootProps = ComponentProps<'div'> &\n  VariantProps<typeof emptyStateClassnames> & {\n    variant?: Variant;\n  };\n\n/**\n * Friendly \"nothing here yet\" placeholder with icon, title, description, and actions slots.\n *\n * **When to use:** the user reached a page or surface that is intentionally empty (no items created\n * yet, an empty list after filtering, an empty inbox). The goal is to guide the user to the next action.\n * **When NOT to use:** for an error or failure state use `ErrorState`; for inline loading placeholders\n * use `Skeleton`; for \"no matches found after search\" inside a search/combobox use `EmptySearchContent`.\n * **Composition:** nest `EmptyState.Icon`, `EmptyState.Title`, `EmptyState.Description`, and\n * `EmptyState.Actions` (with one or two `Button`s). Use `variant=\"compact\"` inside a `Card`.\n *\n * @see RECIPES.md#card-with-empty-state — for the empty-card pattern\n */\nconst EmptyStateRoot = ({ className, variant = 'default', children, ...rest }: RootProps) => (\n  <div role=\"status\" className={emptyStateClassnames({ className, variant })} {...rest}>\n    {children}\n  </div>\n);\n\ntype SlotProps = ComponentProps<'div'> & { variant?: Variant };\n\nconst EmptyStateIcon = ({ className, variant = 'default', children, ...rest }: SlotProps) => (\n  <div className={emptyStateIconClassnames({ className, variant })} {...rest}>\n    {children}\n  </div>\n);\n\ntype TitleProps = ComponentProps<'h3'> & { variant?: Variant };\n\nconst EmptyStateTitle = ({ className, variant = 'default', children, ...rest }: TitleProps) => (\n  <h3 className={emptyStateTitleClassnames({ className, variant })} {...rest}>\n    {children}\n  </h3>\n);\n\ntype DescriptionProps = ComponentProps<'p'> & { variant?: Variant };\n\nconst EmptyStateDescription = ({\n  className,\n  variant = 'default',\n  children,\n  ...rest\n}: DescriptionProps) => (\n  <p className={emptyStateDescriptionClassnames({ className, variant })} {...rest}>\n    {children}\n  </p>\n);\n\ntype ActionsProps = ComponentProps<'div'> & { variant?: Variant };\n\nconst EmptyStateActions = ({ className, variant = 'default', children, ...rest }: ActionsProps) => (\n  <div className={emptyStateActionsClassnames({ className, variant })} {...rest}>\n    {children}\n  </div>\n);\n\nexport const EmptyState = EmptyStateRoot as typeof EmptyStateRoot & {\n  Icon: typeof EmptyStateIcon;\n  Title: typeof EmptyStateTitle;\n  Description: typeof EmptyStateDescription;\n  Actions: typeof EmptyStateActions;\n};\n\nEmptyState.Icon = EmptyStateIcon;\nEmptyState.Title = EmptyStateTitle;\nEmptyState.Description = EmptyStateDescription;\nEmptyState.Actions = EmptyStateActions;\n\nexport type { RootProps as EmptyStateProps, Variant as EmptyStateVariant };\n"],"mappings":";;;AAIA,MAAM,uBAAuB,IAAI;CAAC;CAAW;CAAe;CAAmB;AAAgB,GAAG;CAChG,UAAU,EACR,SAAS;EACP,SAAS;GAAC;GAAY;GAAW;EAAU;EAC3C,SAAS;GAAC;GAAW;GAAW;EAAU;CAC5C,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CAAC;AAED,MAAM,2BAA2B,IAC/B;CAAC;CAAW;CAAmB;CAAqB;AAA0B,GAC9E;CACE,UAAU,EACR,SAAS;EACP,SAAS;GAAC;GAAc;GAAe;EAA6C;EACpF,SAAS;GAAC;GAAc;GAAe;EAA4C;CACrF,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CACF;AAEA,MAAM,4BAA4B,IAAI;CAAC;CAAU;CAAoB;AAAoB,GAAG;CAC1F,UAAU,EACR,SAAS;EACP,SAAS,CAAC,cAAc,cAAc;EACtC,SAAS,CAAC,gBAAgB,cAAc;CAC1C,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CAAC;AAED,MAAM,kCAAkC,IAAI,CAAC,UAAU,0BAA0B,GAAG;CAClF,UAAU,EACR,SAAS;EACP,SAAS;GAAC;GAAc;GAAgB;EAAa;EACrD,SAAS;GAAC;GAAc;GAAgB;EAAa;CACvD,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CAAC;AAED,MAAM,8BAA8B,IAAI;CAAC;CAAW;CAAmB;AAAc,GAAG;CACtF,UAAU,EACR,SAAS;EACP,SAAS,CAAC,YAAY,SAAS;EAC/B,SAAS,CAAC,YAAY,SAAS;CACjC,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CAAC;;;;;;;;;;;;;AAyBD,MAAM,kBAAkB,EAAE,WAAW,UAAU,WAAW,UAAU,GAAG,WACrE,oBAAC,OAAD;CAAK,MAAK;CAAS,WAAW,qBAAqB;EAAE;EAAW;CAAQ,CAAC;CAAG,GAAI;CAC7E;AACE,CAAA;AAKP,MAAM,kBAAkB,EAAE,WAAW,UAAU,WAAW,UAAU,GAAG,WACrE,oBAAC,OAAD;CAAK,WAAW,yBAAyB;EAAE;EAAW;CAAQ,CAAC;CAAG,GAAI;CACnE;AACE,CAAA;AAKP,MAAM,mBAAmB,EAAE,WAAW,UAAU,WAAW,UAAU,GAAG,WACtE,oBAAC,MAAD;CAAI,WAAW,0BAA0B;EAAE;EAAW;CAAQ,CAAC;CAAG,GAAI;CACnE;AACC,CAAA;AAKN,MAAM,yBAAyB,EAC7B,WACA,UAAU,WACV,UACA,GAAG,WAEH,oBAAC,KAAD;CAAG,WAAW,gCAAgC;EAAE;EAAW;CAAQ,CAAC;CAAG,GAAI;CACxE;AACA,CAAA;AAKL,MAAM,qBAAqB,EAAE,WAAW,UAAU,WAAW,UAAU,GAAG,WACxE,oBAAC,OAAD;CAAK,WAAW,4BAA4B;EAAE;EAAW;CAAQ,CAAC;CAAG,GAAI;CACtE;AACE,CAAA;AAGP,MAAa,aAAa;AAO1B,WAAW,OAAO;AAClB,WAAW,QAAQ;AACnB,WAAW,cAAc;AACzB,WAAW,UAAU"}
+{"version":3,"file":"EmptyState.js","names":[],"sources":["../../../src/blocks/EmptyState/EmptyState.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\nimport type { VariantProps } from 'class-variance-authority';\nimport { cva } from 'class-variance-authority';\n\nconst emptyStateClassnames = cva(['tw:flex', 'tw:flex-col', 'tw:items-center', 'tw:text-center'], {\n  variants: {\n    variant: {\n      default: ['tw:py-16', 'tw:px-8', 'tw:gap-4'],\n      compact: ['tw:py-8', 'tw:px-4', 'tw:gap-2'],\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n\nconst emptyStateIconClassnames = cva(\n  ['tw:flex', 'tw:items-center', 'tw:justify-center', 'tw:text-muted-foreground'],\n  {\n    variants: {\n      variant: {\n        default: ['tw:size-16', 'tw:text-4xl', 'tw:[&_svg:not([class*=\"tw:size-\"])]:size-10'],\n        compact: ['tw:size-10', 'tw:text-2xl', 'tw:[&_svg:not([class*=\"tw:size-\"])]:size-6'],\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  },\n);\n\nconst emptyStateTitleClassnames = cva(['tw:m-0', 'tw:font-semibold', 'tw:text-foreground'], {\n  variants: {\n    variant: {\n      default: ['tw:text-lg', 'tw:leading-7'],\n      compact: ['tw:text-base', 'tw:leading-6'],\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n\nconst emptyStateDescriptionClassnames = cva(['tw:m-0', 'tw:text-muted-foreground'], {\n  variants: {\n    variant: {\n      default: ['tw:text-sm', 'tw:leading-5', 'tw:max-w-sm'],\n      compact: ['tw:text-xs', 'tw:leading-4', 'tw:max-w-xs'],\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n\nconst emptyStateActionsClassnames = cva(['tw:flex', 'tw:items-center', 'tw:flex-wrap'], {\n  variants: {\n    variant: {\n      default: ['tw:gap-3', 'tw:mt-2'],\n      compact: ['tw:gap-2', 'tw:mt-1'],\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n\ntype Variant = VariantProps<typeof emptyStateClassnames>['variant'];\n\n/** `variant`: `\"default\"` for full-page, `\"compact\"` inside cards / small surfaces. */\ntype RootProps = ComponentProps<'div'> &\n  VariantProps<typeof emptyStateClassnames> & {\n    variant?: Variant;\n  };\n\n/**\n * \"Nothing here yet\" placeholder with icon, title, description and actions slots.\n *\n * - For intentionally empty surfaces; guide the user to the next action.\n * - Not for errors (`ErrorState`), loading (`Skeleton`) or search misses (`EmptySearchContent`).\n * - Use `variant=\"compact\"` inside a `Card`.\n * @see RECIPES.md#card-with-empty-state\n */\nconst EmptyStateRoot = ({ className, variant = 'default', children, ...rest }: RootProps) => (\n  <div role=\"status\" className={emptyStateClassnames({ className, variant })} {...rest}>\n    {children}\n  </div>\n);\n\ntype SlotProps = ComponentProps<'div'> & { variant?: Variant };\n\nconst EmptyStateIcon = ({ className, variant = 'default', children, ...rest }: SlotProps) => (\n  <div className={emptyStateIconClassnames({ className, variant })} {...rest}>\n    {children}\n  </div>\n);\n\ntype TitleProps = ComponentProps<'h3'> & { variant?: Variant };\n\nconst EmptyStateTitle = ({ className, variant = 'default', children, ...rest }: TitleProps) => (\n  <h3 className={emptyStateTitleClassnames({ className, variant })} {...rest}>\n    {children}\n  </h3>\n);\n\ntype DescriptionProps = ComponentProps<'p'> & { variant?: Variant };\n\nconst EmptyStateDescription = ({\n  className,\n  variant = 'default',\n  children,\n  ...rest\n}: DescriptionProps) => (\n  <p className={emptyStateDescriptionClassnames({ className, variant })} {...rest}>\n    {children}\n  </p>\n);\n\ntype ActionsProps = ComponentProps<'div'> & { variant?: Variant };\n\nconst EmptyStateActions = ({ className, variant = 'default', children, ...rest }: ActionsProps) => (\n  <div className={emptyStateActionsClassnames({ className, variant })} {...rest}>\n    {children}\n  </div>\n);\n\nexport const EmptyState = EmptyStateRoot as typeof EmptyStateRoot & {\n  Icon: typeof EmptyStateIcon;\n  Title: typeof EmptyStateTitle;\n  Description: typeof EmptyStateDescription;\n  Actions: typeof EmptyStateActions;\n};\n\nEmptyState.Icon = EmptyStateIcon;\nEmptyState.Title = EmptyStateTitle;\nEmptyState.Description = EmptyStateDescription;\nEmptyState.Actions = EmptyStateActions;\n\nexport type { RootProps as EmptyStateProps, Variant as EmptyStateVariant };\n"],"mappings":";;;AAIA,MAAM,uBAAuB,IAAI;CAAC;CAAW;CAAe;CAAmB;AAAgB,GAAG;CAChG,UAAU,EACR,SAAS;EACP,SAAS;GAAC;GAAY;GAAW;EAAU;EAC3C,SAAS;GAAC;GAAW;GAAW;EAAU;CAC5C,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CAAC;AAED,MAAM,2BAA2B,IAC/B;CAAC;CAAW;CAAmB;CAAqB;AAA0B,GAC9E;CACE,UAAU,EACR,SAAS;EACP,SAAS;GAAC;GAAc;GAAe;EAA6C;EACpF,SAAS;GAAC;GAAc;GAAe;EAA4C;CACrF,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CACF;AAEA,MAAM,4BAA4B,IAAI;CAAC;CAAU;CAAoB;AAAoB,GAAG;CAC1F,UAAU,EACR,SAAS;EACP,SAAS,CAAC,cAAc,cAAc;EACtC,SAAS,CAAC,gBAAgB,cAAc;CAC1C,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CAAC;AAED,MAAM,kCAAkC,IAAI,CAAC,UAAU,0BAA0B,GAAG;CAClF,UAAU,EACR,SAAS;EACP,SAAS;GAAC;GAAc;GAAgB;EAAa;EACrD,SAAS;GAAC;GAAc;GAAgB;EAAa;CACvD,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CAAC;AAED,MAAM,8BAA8B,IAAI;CAAC;CAAW;CAAmB;AAAc,GAAG;CACtF,UAAU,EACR,SAAS;EACP,SAAS,CAAC,YAAY,SAAS;EAC/B,SAAS,CAAC,YAAY,SAAS;CACjC,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CAAC;;;;;;;;;AAkBD,MAAM,kBAAkB,EAAE,WAAW,UAAU,WAAW,UAAU,GAAG,WACrE,oBAAC,OAAD;CAAK,MAAK;CAAS,WAAW,qBAAqB;EAAE;EAAW;CAAQ,CAAC;CAAG,GAAI;CAC7E;AACE,CAAA;AAKP,MAAM,kBAAkB,EAAE,WAAW,UAAU,WAAW,UAAU,GAAG,WACrE,oBAAC,OAAD;CAAK,WAAW,yBAAyB;EAAE;EAAW;CAAQ,CAAC;CAAG,GAAI;CACnE;AACE,CAAA;AAKP,MAAM,mBAAmB,EAAE,WAAW,UAAU,WAAW,UAAU,GAAG,WACtE,oBAAC,MAAD;CAAI,WAAW,0BAA0B;EAAE;EAAW;CAAQ,CAAC;CAAG,GAAI;CACnE;AACC,CAAA;AAKN,MAAM,yBAAyB,EAC7B,WACA,UAAU,WACV,UACA,GAAG,WAEH,oBAAC,KAAD;CAAG,WAAW,gCAAgC;EAAE;EAAW;CAAQ,CAAC;CAAG,GAAI;CACxE;AACA,CAAA;AAKL,MAAM,qBAAqB,EAAE,WAAW,UAAU,WAAW,UAAU,GAAG,WACxE,oBAAC,OAAD;CAAK,WAAW,4BAA4B;EAAE;EAAW;CAAQ,CAAC;CAAG,GAAI;CACtE;AACE,CAAA;AAGP,MAAa,aAAa;AAO1B,WAAW,OAAO;AAClB,WAAW,QAAQ;AACnB,WAAW,cAAc;AACzB,WAAW,UAAU"}

package/dist/internal/blocks/ErrorState.js

@@ -1,4 +1,4 @@
-import { useArgoDesign } from "../../context-D7X470dy.js";
+import { useArgoDesign } from "../../context-U293r3v-.js";
 import { cva } from "class-variance-authority";
 import { jsx } from "react/jsx-runtime";
 //#region src/blocks/ErrorState/ErrorState.tsx
@@ -109,15 +109,11 @@ const errorStateActionsClassnames = cva([
 	defaultVariants: { variant: "default" }
 });
 /**
-* Page-level error placeholder with icon, title, description, and recovery-action slots.
+* Page-level error placeholder with `Icon`, `Title`, `Description` and `Actions` slots.
 *
-* **When to use:** the page can't render its content because a request failed, the user lacks permission,
-* or the entity doesn't exist. Show a recovery action (retry, go back, request access) in
-* `ErrorState.Actions`.
-* **When NOT to use:** for transient operation failures use `toast()`; for inline form validation use
-* `FormGroup state="error"`; for contextual warning banners use `Alert variant="error"`.
-* **Composition:** nest `ErrorState.Icon`, `ErrorState.Title`, `ErrorState.Description`, and
-* `ErrorState.Actions`. Use `variant="destructive"` for full-page critical failures.
+* - Use when the page can't render: failed request, no permission, missing entity.
+* - Put a recovery action (retry, go back, request access) in `ErrorState.Actions`.
+* - Not for transient failures (`toast()`), form validation (`FormGroup`) or banners (`Alert`).
 */
 const ErrorStateRoot = ({ className, variant = "default", children, ...rest }) => /* @__PURE__ */ jsx("div", {
 	role: "alert",

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

@@ -1 +1 @@
-{"version":3,"file":"ErrorState.js","names":[],"sources":["../../../src/blocks/ErrorState/ErrorState.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\nimport type { VariantProps } from 'class-variance-authority';\nimport { cva } from 'class-variance-authority';\n\nimport { useArgoDesign } from '../../components/ThemeProvider/context';\n\nconst errorStateClassnames = cva(['tw:flex', 'tw:flex-col', 'tw:items-center', 'tw:text-center'], {\n  variants: {\n    variant: {\n      default: ['tw:py-16', 'tw:px-8', 'tw:gap-4'],\n      compact: ['tw:py-8', 'tw:px-4', 'tw:gap-2'],\n      destructive: ['tw:py-16', 'tw:px-8', 'tw:gap-4'],\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n\nconst errorStateIconClassnames = cva(['tw:flex', 'tw:items-center', 'tw:justify-center'], {\n  variants: {\n    variant: {\n      default: [\n        'tw:size-16',\n        'tw:text-4xl',\n        'tw:[&_svg:not([class*=\"tw:size-\"])]:size-10',\n        'tw:text-warning',\n      ],\n      compact: [\n        'tw:size-10',\n        'tw:text-2xl',\n        'tw:[&_svg:not([class*=\"tw:size-\"])]:size-6',\n        'tw:text-warning',\n      ],\n      // Legacy keeps the fixed error scale; argo uses the themeable destructive token.\n      destructive: [\n        'tw:size-16',\n        'tw:text-4xl',\n        'tw:[&_svg:not([class*=\"tw:size-\"])]:size-10',\n        'tw:data-[argo=false]:text-error-500',\n        'tw:data-[argo=true]:text-destructive',\n      ],\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n\nconst errorStateTitleClassnames = cva(['tw:m-0', 'tw:font-semibold'], {\n  variants: {\n    variant: {\n      default: ['tw:text-lg', 'tw:leading-7', 'tw:text-foreground'],\n      compact: ['tw:text-base', 'tw:leading-6', 'tw:text-foreground'],\n      destructive: [\n        'tw:text-lg',\n        'tw:leading-7',\n        'tw:data-[argo=false]:text-error-700',\n        'tw:data-[argo=true]:text-destructive',\n      ],\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n\nconst errorStateDescriptionClassnames = cva(['tw:m-0', 'tw:text-muted-foreground'], {\n  variants: {\n    variant: {\n      default: ['tw:text-sm', 'tw:leading-5', 'tw:max-w-sm'],\n      compact: ['tw:text-xs', 'tw:leading-4', 'tw:max-w-xs'],\n      destructive: ['tw:text-sm', 'tw:leading-5', 'tw:max-w-sm'],\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n\nconst errorStateActionsClassnames = cva(['tw:flex', 'tw:items-center', 'tw:flex-wrap'], {\n  variants: {\n    variant: {\n      default: ['tw:gap-3', 'tw:mt-2'],\n      compact: ['tw:gap-2', 'tw:mt-1'],\n      destructive: ['tw:gap-3', 'tw:mt-2'],\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n\ntype Variant = VariantProps<typeof errorStateClassnames>['variant'];\n\n/**\n * Props for `ErrorState`. `variant` chooses look — `\"default\"` for non-blocking errors, `\"compact\"` for\n * inside cards, `\"destructive\"` for blocking failures (red title + icon).\n */\ntype RootProps = ComponentProps<'div'> &\n  VariantProps<typeof errorStateClassnames> & {\n    variant?: Variant;\n  };\n\n/**\n * Page-level error placeholder with icon, title, description, and recovery-action slots.\n *\n * **When to use:** the page can't render its content because a request failed, the user lacks permission,\n * or the entity doesn't exist. Show a recovery action (retry, go back, request access) in\n * `ErrorState.Actions`.\n * **When NOT to use:** for transient operation failures use `toast()`; for inline form validation use\n * `FormGroup state=\"error\"`; for contextual warning banners use `Alert variant=\"error\"`.\n * **Composition:** nest `ErrorState.Icon`, `ErrorState.Title`, `ErrorState.Description`, and\n * `ErrorState.Actions`. Use `variant=\"destructive\"` for full-page critical failures.\n */\nconst ErrorStateRoot = ({ className, variant = 'default', children, ...rest }: RootProps) => (\n  <div role=\"alert\" className={errorStateClassnames({ className, variant })} {...rest}>\n    {children}\n  </div>\n);\n\ntype SlotProps = ComponentProps<'div'> & { variant?: Variant };\n\nconst ErrorStateIcon = ({ className, variant = 'default', children, ...rest }: SlotProps) => {\n  const renderArgo = useArgoDesign();\n  return (\n    <div\n      data-argo={renderArgo}\n      className={errorStateIconClassnames({ className, variant })}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n};\n\ntype HeadingLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n\ntype TitleProps = ComponentProps<'h3'> & {\n  variant?: Variant;\n  /** Heading tag to render. Defaults to `h3`; set explicitly to avoid a heading-order skip\n   *  (e.g. `as=\"h2\"` when the error state sits directly under a page's `h1`). */\n  as?: HeadingLevel;\n};\n\nconst ErrorStateTitle = ({\n  className,\n  variant = 'default',\n  as: Tag = 'h3',\n  children,\n  ...rest\n}: TitleProps) => {\n  const renderArgo = useArgoDesign();\n  return (\n    <Tag\n      data-argo={renderArgo}\n      className={errorStateTitleClassnames({ className, variant })}\n      {...rest}\n    >\n      {children}\n    </Tag>\n  );\n};\n\ntype DescriptionProps = ComponentProps<'p'> & { variant?: Variant };\n\nconst ErrorStateDescription = ({\n  className,\n  variant = 'default',\n  children,\n  ...rest\n}: DescriptionProps) => (\n  <p className={errorStateDescriptionClassnames({ className, variant })} {...rest}>\n    {children}\n  </p>\n);\n\ntype ActionsProps = ComponentProps<'div'> & { variant?: Variant };\n\nconst ErrorStateActions = ({ className, variant = 'default', children, ...rest }: ActionsProps) => (\n  <div className={errorStateActionsClassnames({ className, variant })} {...rest}>\n    {children}\n  </div>\n);\n\nexport const ErrorState = ErrorStateRoot as typeof ErrorStateRoot & {\n  Icon: typeof ErrorStateIcon;\n  Title: typeof ErrorStateTitle;\n  Description: typeof ErrorStateDescription;\n  Actions: typeof ErrorStateActions;\n};\n\nErrorState.Icon = ErrorStateIcon;\nErrorState.Title = ErrorStateTitle;\nErrorState.Description = ErrorStateDescription;\nErrorState.Actions = ErrorStateActions;\n\nexport type { RootProps as ErrorStateProps, Variant as ErrorStateVariant };\n"],"mappings":";;;;AAMA,MAAM,uBAAuB,IAAI;CAAC;CAAW;CAAe;CAAmB;AAAgB,GAAG;CAChG,UAAU,EACR,SAAS;EACP,SAAS;GAAC;GAAY;GAAW;EAAU;EAC3C,SAAS;GAAC;GAAW;GAAW;EAAU;EAC1C,aAAa;GAAC;GAAY;GAAW;EAAU;CACjD,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CAAC;AAED,MAAM,2BAA2B,IAAI;CAAC;CAAW;CAAmB;AAAmB,GAAG;CACxF,UAAU,EACR,SAAS;EACP,SAAS;GACP;GACA;GACA;GACA;EACF;EACA,SAAS;GACP;GACA;GACA;GACA;EACF;EAEA,aAAa;GACX;GACA;GACA;GACA;GACA;EACF;CACF,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CAAC;AAED,MAAM,4BAA4B,IAAI,CAAC,UAAU,kBAAkB,GAAG;CACpE,UAAU,EACR,SAAS;EACP,SAAS;GAAC;GAAc;GAAgB;EAAoB;EAC5D,SAAS;GAAC;GAAgB;GAAgB;EAAoB;EAC9D,aAAa;GACX;GACA;GACA;GACA;EACF;CACF,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CAAC;AAED,MAAM,kCAAkC,IAAI,CAAC,UAAU,0BAA0B,GAAG;CAClF,UAAU,EACR,SAAS;EACP,SAAS;GAAC;GAAc;GAAgB;EAAa;EACrD,SAAS;GAAC;GAAc;GAAgB;EAAa;EACrD,aAAa;GAAC;GAAc;GAAgB;EAAa;CAC3D,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CAAC;AAED,MAAM,8BAA8B,IAAI;CAAC;CAAW;CAAmB;AAAc,GAAG;CACtF,UAAU,EACR,SAAS;EACP,SAAS,CAAC,YAAY,SAAS;EAC/B,SAAS,CAAC,YAAY,SAAS;EAC/B,aAAa,CAAC,YAAY,SAAS;CACrC,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CAAC;;;;;;;;;;;;AAwBD,MAAM,kBAAkB,EAAE,WAAW,UAAU,WAAW,UAAU,GAAG,WACrE,oBAAC,OAAD;CAAK,MAAK;CAAQ,WAAW,qBAAqB;EAAE;EAAW;CAAQ,CAAC;CAAG,GAAI;CAC5E;AACE,CAAA;AAKP,MAAM,kBAAkB,EAAE,WAAW,UAAU,WAAW,UAAU,GAAG,WAAsB;CAC3F,MAAM,aAAa,cAAc;CACjC,OACE,oBAAC,OAAD;EACE,aAAW;EACX,WAAW,yBAAyB;GAAE;GAAW;EAAQ,CAAC;EAC1D,GAAI;EAEH;CACE,CAAA;AAET;AAWA,MAAM,mBAAmB,EACvB,WACA,UAAU,WACV,IAAI,MAAM,MACV,UACA,GAAG,WACa;CAChB,MAAM,aAAa,cAAc;CACjC,OACE,oBAAC,KAAD;EACE,aAAW;EACX,WAAW,0BAA0B;GAAE;GAAW;EAAQ,CAAC;EAC3D,GAAI;EAEH;CACE,CAAA;AAET;AAIA,MAAM,yBAAyB,EAC7B,WACA,UAAU,WACV,UACA,GAAG,WAEH,oBAAC,KAAD;CAAG,WAAW,gCAAgC;EAAE;EAAW;CAAQ,CAAC;CAAG,GAAI;CACxE;AACA,CAAA;AAKL,MAAM,qBAAqB,EAAE,WAAW,UAAU,WAAW,UAAU,GAAG,WACxE,oBAAC,OAAD;CAAK,WAAW,4BAA4B;EAAE;EAAW;CAAQ,CAAC;CAAG,GAAI;CACtE;AACE,CAAA;AAGP,MAAa,aAAa;AAO1B,WAAW,OAAO;AAClB,WAAW,QAAQ;AACnB,WAAW,cAAc;AACzB,WAAW,UAAU"}
+{"version":3,"file":"ErrorState.js","names":[],"sources":["../../../src/blocks/ErrorState/ErrorState.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\nimport type { VariantProps } from 'class-variance-authority';\nimport { cva } from 'class-variance-authority';\n\nimport { useArgoDesign } from '../../components/ThemeProvider/context';\n\nconst errorStateClassnames = cva(['tw:flex', 'tw:flex-col', 'tw:items-center', 'tw:text-center'], {\n  variants: {\n    variant: {\n      default: ['tw:py-16', 'tw:px-8', 'tw:gap-4'],\n      compact: ['tw:py-8', 'tw:px-4', 'tw:gap-2'],\n      destructive: ['tw:py-16', 'tw:px-8', 'tw:gap-4'],\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n\nconst errorStateIconClassnames = cva(['tw:flex', 'tw:items-center', 'tw:justify-center'], {\n  variants: {\n    variant: {\n      default: [\n        'tw:size-16',\n        'tw:text-4xl',\n        'tw:[&_svg:not([class*=\"tw:size-\"])]:size-10',\n        'tw:text-warning',\n      ],\n      compact: [\n        'tw:size-10',\n        'tw:text-2xl',\n        'tw:[&_svg:not([class*=\"tw:size-\"])]:size-6',\n        'tw:text-warning',\n      ],\n      // Legacy keeps the fixed error scale; argo uses the themeable destructive token.\n      destructive: [\n        'tw:size-16',\n        'tw:text-4xl',\n        'tw:[&_svg:not([class*=\"tw:size-\"])]:size-10',\n        'tw:data-[argo=false]:text-error-500',\n        'tw:data-[argo=true]:text-destructive',\n      ],\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n\nconst errorStateTitleClassnames = cva(['tw:m-0', 'tw:font-semibold'], {\n  variants: {\n    variant: {\n      default: ['tw:text-lg', 'tw:leading-7', 'tw:text-foreground'],\n      compact: ['tw:text-base', 'tw:leading-6', 'tw:text-foreground'],\n      destructive: [\n        'tw:text-lg',\n        'tw:leading-7',\n        'tw:data-[argo=false]:text-error-700',\n        'tw:data-[argo=true]:text-destructive',\n      ],\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n\nconst errorStateDescriptionClassnames = cva(['tw:m-0', 'tw:text-muted-foreground'], {\n  variants: {\n    variant: {\n      default: ['tw:text-sm', 'tw:leading-5', 'tw:max-w-sm'],\n      compact: ['tw:text-xs', 'tw:leading-4', 'tw:max-w-xs'],\n      destructive: ['tw:text-sm', 'tw:leading-5', 'tw:max-w-sm'],\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n\nconst errorStateActionsClassnames = cva(['tw:flex', 'tw:items-center', 'tw:flex-wrap'], {\n  variants: {\n    variant: {\n      default: ['tw:gap-3', 'tw:mt-2'],\n      compact: ['tw:gap-2', 'tw:mt-1'],\n      destructive: ['tw:gap-3', 'tw:mt-2'],\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n\ntype Variant = VariantProps<typeof errorStateClassnames>['variant'];\n\n/**\n * Props for `ErrorState`. `variant` chooses look — `\"default\"` for non-blocking errors, `\"compact\"` for\n * inside cards, `\"destructive\"` for blocking failures (red title + icon).\n */\ntype RootProps = ComponentProps<'div'> &\n  VariantProps<typeof errorStateClassnames> & {\n    variant?: Variant;\n  };\n\n/**\n * Page-level error placeholder with `Icon`, `Title`, `Description` and `Actions` slots.\n *\n * - Use when the page can't render: failed request, no permission, missing entity.\n * - Put a recovery action (retry, go back, request access) in `ErrorState.Actions`.\n * - Not for transient failures (`toast()`), form validation (`FormGroup`) or banners (`Alert`).\n */\nconst ErrorStateRoot = ({ className, variant = 'default', children, ...rest }: RootProps) => (\n  <div role=\"alert\" className={errorStateClassnames({ className, variant })} {...rest}>\n    {children}\n  </div>\n);\n\ntype SlotProps = ComponentProps<'div'> & { variant?: Variant };\n\nconst ErrorStateIcon = ({ className, variant = 'default', children, ...rest }: SlotProps) => {\n  const renderArgo = useArgoDesign();\n  return (\n    <div\n      data-argo={renderArgo}\n      className={errorStateIconClassnames({ className, variant })}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n};\n\ntype HeadingLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n\ntype TitleProps = ComponentProps<'h3'> & {\n  variant?: Variant;\n  /** Set it to avoid a heading-order skip (e.g. `h2` directly under a page's `h1`). */\n  as?: HeadingLevel;\n};\n\nconst ErrorStateTitle = ({\n  className,\n  variant = 'default',\n  as: Tag = 'h3',\n  children,\n  ...rest\n}: TitleProps) => {\n  const renderArgo = useArgoDesign();\n  return (\n    <Tag\n      data-argo={renderArgo}\n      className={errorStateTitleClassnames({ className, variant })}\n      {...rest}\n    >\n      {children}\n    </Tag>\n  );\n};\n\ntype DescriptionProps = ComponentProps<'p'> & { variant?: Variant };\n\nconst ErrorStateDescription = ({\n  className,\n  variant = 'default',\n  children,\n  ...rest\n}: DescriptionProps) => (\n  <p className={errorStateDescriptionClassnames({ className, variant })} {...rest}>\n    {children}\n  </p>\n);\n\ntype ActionsProps = ComponentProps<'div'> & { variant?: Variant };\n\nconst ErrorStateActions = ({ className, variant = 'default', children, ...rest }: ActionsProps) => (\n  <div className={errorStateActionsClassnames({ className, variant })} {...rest}>\n    {children}\n  </div>\n);\n\nexport const ErrorState = ErrorStateRoot as typeof ErrorStateRoot & {\n  Icon: typeof ErrorStateIcon;\n  Title: typeof ErrorStateTitle;\n  Description: typeof ErrorStateDescription;\n  Actions: typeof ErrorStateActions;\n};\n\nErrorState.Icon = ErrorStateIcon;\nErrorState.Title = ErrorStateTitle;\nErrorState.Description = ErrorStateDescription;\nErrorState.Actions = ErrorStateActions;\n\nexport type { RootProps as ErrorStateProps, Variant as ErrorStateVariant };\n"],"mappings":";;;;AAMA,MAAM,uBAAuB,IAAI;CAAC;CAAW;CAAe;CAAmB;AAAgB,GAAG;CAChG,UAAU,EACR,SAAS;EACP,SAAS;GAAC;GAAY;GAAW;EAAU;EAC3C,SAAS;GAAC;GAAW;GAAW;EAAU;EAC1C,aAAa;GAAC;GAAY;GAAW;EAAU;CACjD,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CAAC;AAED,MAAM,2BAA2B,IAAI;CAAC;CAAW;CAAmB;AAAmB,GAAG;CACxF,UAAU,EACR,SAAS;EACP,SAAS;GACP;GACA;GACA;GACA;EACF;EACA,SAAS;GACP;GACA;GACA;GACA;EACF;EAEA,aAAa;GACX;GACA;GACA;GACA;GACA;EACF;CACF,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CAAC;AAED,MAAM,4BAA4B,IAAI,CAAC,UAAU,kBAAkB,GAAG;CACpE,UAAU,EACR,SAAS;EACP,SAAS;GAAC;GAAc;GAAgB;EAAoB;EAC5D,SAAS;GAAC;GAAgB;GAAgB;EAAoB;EAC9D,aAAa;GACX;GACA;GACA;GACA;EACF;CACF,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CAAC;AAED,MAAM,kCAAkC,IAAI,CAAC,UAAU,0BAA0B,GAAG;CAClF,UAAU,EACR,SAAS;EACP,SAAS;GAAC;GAAc;GAAgB;EAAa;EACrD,SAAS;GAAC;GAAc;GAAgB;EAAa;EACrD,aAAa;GAAC;GAAc;GAAgB;EAAa;CAC3D,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CAAC;AAED,MAAM,8BAA8B,IAAI;CAAC;CAAW;CAAmB;AAAc,GAAG;CACtF,UAAU,EACR,SAAS;EACP,SAAS,CAAC,YAAY,SAAS;EAC/B,SAAS,CAAC,YAAY,SAAS;EAC/B,aAAa,CAAC,YAAY,SAAS;CACrC,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CAAC;;;;;;;;AAoBD,MAAM,kBAAkB,EAAE,WAAW,UAAU,WAAW,UAAU,GAAG,WACrE,oBAAC,OAAD;CAAK,MAAK;CAAQ,WAAW,qBAAqB;EAAE;EAAW;CAAQ,CAAC;CAAG,GAAI;CAC5E;AACE,CAAA;AAKP,MAAM,kBAAkB,EAAE,WAAW,UAAU,WAAW,UAAU,GAAG,WAAsB;CAC3F,MAAM,aAAa,cAAc;CACjC,OACE,oBAAC,OAAD;EACE,aAAW;EACX,WAAW,yBAAyB;GAAE;GAAW;EAAQ,CAAC;EAC1D,GAAI;EAEH;CACE,CAAA;AAET;AAUA,MAAM,mBAAmB,EACvB,WACA,UAAU,WACV,IAAI,MAAM,MACV,UACA,GAAG,WACa;CAChB,MAAM,aAAa,cAAc;CACjC,OACE,oBAAC,KAAD;EACE,aAAW;EACX,WAAW,0BAA0B;GAAE;GAAW;EAAQ,CAAC;EAC3D,GAAI;EAEH;CACE,CAAA;AAET;AAIA,MAAM,yBAAyB,EAC7B,WACA,UAAU,WACV,UACA,GAAG,WAEH,oBAAC,KAAD;CAAG,WAAW,gCAAgC;EAAE;EAAW;CAAQ,CAAC;CAAG,GAAI;CACxE;AACA,CAAA;AAKL,MAAM,qBAAqB,EAAE,WAAW,UAAU,WAAW,UAAU,GAAG,WACxE,oBAAC,OAAD;CAAK,WAAW,4BAA4B;EAAE;EAAW;CAAQ,CAAC;CAAG,GAAI;CACtE;AACE,CAAA;AAGP,MAAa,aAAa;AAO1B,WAAW,OAAO;AAClB,WAAW,QAAQ;AACnB,WAAW,cAAc;AACzB,WAAW,UAAU"}

package/dist/internal/blocks/ExportMenu.js

@@ -1,18 +1,14 @@
-import { Tooltip } from "../../utils-BW4AE8VP.js";
-import { Download } from "../../icons-Cek151jC.js";
-import { Button } from "../../Button-DsRrU5F1.js";
-import { DropdownMenu } from "../../DropdownMenu-CgVwhDvl.js";
+import { Tooltip } from "../../utils-Bd28bWgm.js";
+import { Download } from "../../icons-wcA70iQx.js";
+import { Button } from "../../Button-Ca4Q3VJU.js";
+import { DropdownMenu } from "../../DropdownMenu-gRM-A8qU.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/blocks/ExportMenu/ExportMenu.tsx
 /**
 * Download-icon trigger with a menu of export formats.
 *
-* Lives in the root barrel rather than inside `ZoomableSvg` on purpose: that
-* component ships behind the lazy `@keboola/design/mermaid` boundary, and Radix's
-* menu is not in that chunk closure — importing it there would pull ~11 kB
-* brotlied of chunk-mates (`DropdownMenu` travels with `ButtonGroup` and `toast`,
-* which in turn pulls `ScrollArea`) plus two more external deps behind the lazy
-* boundary. Callers already paying for the barrel inject this instead.
+* - Callers inject it into `ZoomableSvg`; importing it there would pull ~11 kB of
+*   `DropdownMenu` chunk-mates behind the lazy `@keboola/design/mermaid` boundary.
 */
 const ExportMenu = ({ items, label, size = "icon-sm", variant = "outline" }) => /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(Tooltip, {
 	tooltip: label,

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

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

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

@@ -0,0 +1,40 @@
+import { Combobox } from "../../../../Combobox-CxRAYOBt.js";
+import { FieldItem, useFieldContext } from "../../../../FieldItem-2wMXQ0Qw.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/blocks/Form/connectors/ComboboxField.tsx
+/**
+* Searchable single-selection field. State is `string`; `''` is no selection.
+*
+* - Imported by name, not `field.*`: registering it cost every `useAppForm` consumer +46 kB brotli.
+* - Reads the field from context; render it inside `form.AppField`.
+* - `allowClear` defaults to `!required`: a required value is not one click from empty.
+* - `string` items only — objects would put presentation into the payload; use `itemToStringLabel`.
+*/
+const ComboboxField = ({ label, action, required, requiredMark, help, tooltip, className, "aria-describedby": ariaDescribedBy, inputClassName, allowClear, ...comboboxProps }) => {
+	const field = useFieldContext();
+	return /* @__PURE__ */ jsx(FieldItem, {
+		label,
+		action,
+		required,
+		requiredMark,
+		help,
+		tooltip,
+		className,
+		"aria-describedby": ariaDescribedBy,
+		children: ({ "aria-invalid": isInvalid, ...control }) => /* @__PURE__ */ jsx(Combobox, {
+			...comboboxProps,
+			...control,
+			allowClear: allowClear ?? !required,
+			"aria-invalid": isInvalid,
+			state: isInvalid === true ? "error" : void 0,
+			className: inputClassName,
+			value: field.state.value || null,
+			onValueChange: (next) => field.handleChange(next ?? ""),
+			onBlur: field.handleBlur
+		})
+	});
+};
+//#endregion
+export { ComboboxField };
+
+//# sourceMappingURL=ComboboxField.js.map

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

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

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

@@ -1,31 +1,14 @@
 import { MultiCombobox } from "../../MultiCombobox.js";
-import { FieldItem, useFieldContext } from "../../../../FieldItem-DZGIdiXE.js";
+import { FieldItem, useFieldContext } from "../../../../FieldItem-2wMXQ0Qw.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/blocks/Form/connectors/MultiComboboxField.tsx
 /**
 * Multi-selection field. State is `string[]`.
 *
-* ⚠️ Imported by name, not reached as `field.MultiComboboxField`, for the same reason as
-* `CodeEditorField`: `fieldComponents` is an object literal handed to `createFormHook`, so no bundler
-* shakes it per key — registering this here made every `useAppForm` consumer carry Base UI's combobox
-* and `@tanstack/react-virtual`, measured at **+45 kB brotlied** (135 → 180 kB for
-* `import { useAppForm }`), including apps that only render a `TextField`. As a named export the
-* weight is opt-in, and anyone rendering a multi-select pays it via `MultiCombobox` regardless.
-*
-* It still reads the field from context, so it composes exactly like a connector:
-*
-* ```tsx
-* import { MultiComboboxField } from '@keboola/design';
-*
-* <form.AppField name="features">{() => <MultiComboboxField label="Features" items={FEATURES} />}</form.AppField>
-* ```
-*
-* Locked to `string` items rather than generic over the item shape: a form value is what gets
-* submitted, and a field holding `{ label, value }` objects would put presentation into the payload.
-* Project labels with `itemToLabel` instead.
-*
-* Pass `allowCreate` for an enum the user may extend — an open list of synchronous action names, say.
-* The created values land in the field value like any other.
+* - ⚠️ Imported by name, not `field.*`: `fieldComponents` doesn't shake per key, and registering it
+*   cost every `useAppForm` consumer +45 kB brotli.
+* - Reads the field from context; render it inside `form.AppField`.
+* - `string` items only — objects would put presentation into the payload; use `itemToLabel`.
 */
 const MultiComboboxField = ({ label, action, required, requiredMark, help, tooltip, className, "aria-describedby": ariaDescribedBy, inputClassName, ...comboboxProps }) => {
 	const field = useFieldContext();

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

@@ -1 +1 @@
-{"version":3,"file":"MultiComboboxField.js","names":[],"sources":["../../../../../src/blocks/Form/connectors/MultiComboboxField.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nimport { MultiCombobox } from '../../MultiCombobox';\nimport { useFieldContext } from '../contexts';\n\nimport { FieldItem, type FieldItemProps } from './FieldItem';\n\ntype Props = FieldItemProps &\n  Omit<\n    ComponentProps<typeof MultiCombobox<string>>,\n    // Owned by the field / `FieldItem` — see the connector rules in AGENTS.md.\n    | 'id'\n    | 'name'\n    | 'value'\n    | 'defaultValue'\n    | 'onValueChange'\n    | 'onBlur'\n    | 'aria-describedby'\n    | 'aria-invalid'\n    | 'aria-required'\n    // `className` styles the field frame; the input group gets its own prop below.\n    | 'className'\n    | 'state'\n  > & { inputClassName?: string };\n\n/**\n * Multi-selection field. State is `string[]`.\n *\n * ⚠️ Imported by name, not reached as `field.MultiComboboxField`, for the same reason as\n * `CodeEditorField`: `fieldComponents` is an object literal handed to `createFormHook`, so no bundler\n * shakes it per key — registering this here made every `useAppForm` consumer carry Base UI's combobox\n * and `@tanstack/react-virtual`, measured at **+45 kB brotlied** (135 → 180 kB for\n * `import { useAppForm }`), including apps that only render a `TextField`. As a named export the\n * weight is opt-in, and anyone rendering a multi-select pays it via `MultiCombobox` regardless.\n *\n * It still reads the field from context, so it composes exactly like a connector:\n *\n * ```tsx\n * import { MultiComboboxField } from '@keboola/design';\n *\n * <form.AppField name=\"features\">{() => <MultiComboboxField label=\"Features\" items={FEATURES} />}</form.AppField>\n * ```\n *\n * Locked to `string` items rather than generic over the item shape: a form value is what gets\n * submitted, and a field holding `{ label, value }` objects would put presentation into the payload.\n * Project labels with `itemToLabel` instead.\n *\n * Pass `allowCreate` for an enum the user may extend — an open list of synchronous action names, say.\n * The created values land in the field value like any other.\n */\nexport const MultiComboboxField = ({\n  label,\n  action,\n  required,\n  requiredMark,\n  help,\n  tooltip,\n  className,\n  'aria-describedby': ariaDescribedBy,\n  inputClassName,\n  ...comboboxProps\n}: Props) => {\n  const field = useFieldContext<string[]>();\n\n  return (\n    <FieldItem\n      label={label}\n      action={action}\n      required={required}\n      requiredMark={requiredMark}\n      help={help}\n      tooltip={tooltip}\n      className={className}\n      aria-describedby={ariaDescribedBy}\n    >\n      {({ 'aria-invalid': isInvalid, ...control }) => (\n        <MultiCombobox<string>\n          {...comboboxProps}\n          {...control}\n          // `aria-invalid` doubles as the visual error state — the input group has no separate\n          // \"invalid\" prop, and a field that reads invalid to a screen reader but looks untouched is\n          // the worse half of the two.\n          aria-invalid={isInvalid}\n          state={isInvalid === true ? 'error' : undefined}\n          className={inputClassName}\n          // `?? []` because a field with no default is `undefined`, and `MultiCombobox` treats a\n          // missing value as uncontrolled — which would silently drop every selection.\n          value={field.state.value ?? []}\n          onValueChange={(next) => field.handleChange(next)}\n          onBlur={field.handleBlur}\n        />\n      )}\n    </FieldItem>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkDA,MAAa,sBAAsB,EACjC,OACA,QACA,UACA,cACA,MACA,SACA,WACA,oBAAoB,iBACpB,gBACA,GAAG,oBACQ;CACX,MAAM,QAAQ,gBAA0B;CAExC,OACE,oBAAC,WAAD;EACS;EACC;EACE;EACI;EACR;EACG;EACE;EACX,oBAAkB;EAEhB,WAAA,EAAE,gBAAgB,WAAW,GAAG,cAChC,oBAAC,eAAD;GACE,GAAI;GACJ,GAAI;GAIJ,gBAAc;GACd,OAAO,cAAc,OAAO,UAAU,KAAA;GACtC,WAAW;GAGX,OAAO,MAAM,MAAM,SAAS,CAAC;GAC7B,gBAAgB,SAAS,MAAM,aAAa,IAAI;GAChD,QAAQ,MAAM;EACf,CAAA;CAEM,CAAA;AAEf"}
+{"version":3,"file":"MultiComboboxField.js","names":[],"sources":["../../../../../src/blocks/Form/connectors/MultiComboboxField.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nimport { MultiCombobox } from '../../MultiCombobox';\nimport { useFieldContext } from '../contexts';\n\nimport { FieldItem, type FieldItemProps } from './FieldItem';\n\ntype Props = FieldItemProps &\n  Omit<\n    ComponentProps<typeof MultiCombobox<string>>,\n    // Owned by the field / `FieldItem` — see the connector rules in AGENTS.md.\n    | 'id'\n    | 'name'\n    | 'value'\n    | 'defaultValue'\n    | 'onValueChange'\n    | 'onBlur'\n    | 'aria-describedby'\n    | 'aria-invalid'\n    | 'aria-required'\n    // `className` styles the field frame; the input group gets its own prop below.\n    | 'className'\n    | 'state'\n  > & { inputClassName?: string };\n\n/**\n * Multi-selection field. State is `string[]`.\n *\n * - ⚠️ Imported by name, not `field.*`: `fieldComponents` doesn't shake per key, and registering it\n *   cost every `useAppForm` consumer +45 kB brotli.\n * - Reads the field from context; render it inside `form.AppField`.\n * - `string` items only — objects would put presentation into the payload; use `itemToLabel`.\n */\nexport const MultiComboboxField = ({\n  label,\n  action,\n  required,\n  requiredMark,\n  help,\n  tooltip,\n  className,\n  'aria-describedby': ariaDescribedBy,\n  inputClassName,\n  ...comboboxProps\n}: Props) => {\n  const field = useFieldContext<string[]>();\n\n  return (\n    <FieldItem\n      label={label}\n      action={action}\n      required={required}\n      requiredMark={requiredMark}\n      help={help}\n      tooltip={tooltip}\n      className={className}\n      aria-describedby={ariaDescribedBy}\n    >\n      {({ 'aria-invalid': isInvalid, ...control }) => (\n        <MultiCombobox<string>\n          {...comboboxProps}\n          {...control}\n          // `aria-invalid` doubles as the visual error state; the input group has no \"invalid\" prop.\n          aria-invalid={isInvalid}\n          state={isInvalid === true ? 'error' : undefined}\n          className={inputClassName}\n          // `undefined` would make `MultiCombobox` hold a selection of its own, apart from the field.\n          value={field.state.value ?? []}\n          onValueChange={(next) => field.handleChange(next)}\n          onBlur={field.handleBlur}\n        />\n      )}\n    </FieldItem>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AAiCA,MAAa,sBAAsB,EACjC,OACA,QACA,UACA,cACA,MACA,SACA,WACA,oBAAoB,iBACpB,gBACA,GAAG,oBACQ;CACX,MAAM,QAAQ,gBAA0B;CAExC,OACE,oBAAC,WAAD;EACS;EACC;EACE;EACI;EACR;EACG;EACE;EACX,oBAAkB;EAEhB,WAAA,EAAE,gBAAgB,WAAW,GAAG,cAChC,oBAAC,eAAD;GACE,GAAI;GACJ,GAAI;GAEJ,gBAAc;GACd,OAAO,cAAc,OAAO,UAAU,KAAA;GACtC,WAAW;GAEX,OAAO,MAAM,MAAM,SAAS,CAAC;GAC7B,gBAAgB,SAAS,MAAM,aAAa,IAAI;GAChD,QAAQ,MAAM;EACf,CAAA;CAEM,CAAA;AAEf"}

package/dist/internal/blocks/Form.js

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

package/dist/internal/blocks/FormGroup.js

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

package/dist/internal/blocks/GoogleButton.js

@@ -1,5 +1,5 @@
 import { cn } from "../../classNames-BzrkDnOD.js";
-import { Google, Loader2 } from "../../icons-Cek151jC.js";
+import { Google, Loader2 } from "../../icons-wcA70iQx.js";
 import { cva } from "class-variance-authority";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/blocks/GoogleButton/GoogleButton.tsx

package/dist/internal/blocks/MicrosoftButton.js

@@ -1,5 +1,5 @@
 import { cn } from "../../classNames-BzrkDnOD.js";
-import { Loader2, Microsoft } from "../../icons-Cek151jC.js";
+import { Loader2, Microsoft } from "../../icons-wcA70iQx.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/blocks/MicrosoftButton/MicrosoftButton.tsx
 /** The same Microsoft mark supports these call-to-action wordings. */

package/dist/internal/blocks/MultiActionButtonGroup.js

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