@keboola/design 11.0.0 → 11.0.1

package/dist/chunk-SC275NHZ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/InputGroup/InputGroupAddon.tsx","../src/components/InputGroup/InputGroupButton.tsx","../src/components/InputGroup/InputGroupInput.tsx","../src/components/InputGroup/InputGroupText.tsx","../src/components/InputGroup/InputGroupTextArea.tsx","../src/components/InputGroup/InputGroup.tsx"],"names":["jsx","cva"],"mappings":"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","file":"chunk-SC275NHZ.js","sourcesContent":["import type { ComponentProps } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '../../utils';\n\n// Padding only fires when the addon actually has content — keeps an empty\n// `<Addon>{maybeNull}</Addon>` from carving 16px out of the input row.\nconst addonVariants = cva(\n  [\n    'tw:flex',\n    'tw:items-center',\n    'tw:gap-1',\n\n    // Default size for nested Lucide icons in prefix/suffix slots; callers can override on the icon.\n    \"tw:[&_svg.lucide:not([class*='tw:size-'])]:size-4\",\n    'tw:[&_svg]:shrink-0',\n  ],\n  {\n    defaultVariants: {\n      align: 'inline-start',\n    },\n    variants: {\n      align: {\n        'inline-start': ['tw:order-first', 'tw:[&:not(:empty)]:pl-4'],\n        'inline-end': ['tw:order-last', 'tw:[&:not(:empty)]:pr-4'],\n        'block-start': [\n          'tw:order-first',\n          // `tw:w-full` needs to be empty-conditional too — when the addon\n          // has no content the root stays in flex-row, and a 100%-wide\n          // empty addon would claim half of the input row beside the input.\n          'tw:[&:not(:empty)]:w-full',\n          'tw:[&:not(:empty)]:px-4',\n          'tw:[&:not(:empty)]:py-1.5',\n        ],\n        'block-end': [\n          'tw:order-last',\n          'tw:[&:not(:empty)]:w-full',\n          'tw:[&:not(:empty)]:px-4',\n          'tw:[&:not(:empty)]:py-1.5',\n        ],\n      },\n    },\n  },\n);\n\ntype Props = ComponentProps<'div'> & VariantProps<typeof addonVariants>;\n\nexport const InputGroupAddon = ({\n  children,\n  align = 'inline-start',\n  className,\n  ...props\n}: Props) => (\n  <div {...props} data-align={align} className={cn(addonVariants({ align, className }))}>\n    {children}\n  </div>\n);\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '../../utils';\nimport { Button } from '../Button';\n\ntype ButtonProps = ComponentProps<typeof Button>;\n\ntype Props = Omit<ButtonProps, 'size' | 'block' | 'variant'>;\n\nexport const InputGroupButton = ({ ref, className, tabIndex = -1, ...props }: Props) => (\n  <Button\n    {...props}\n    tabIndex={tabIndex}\n    ref={ref}\n    variant=\"invisible\"\n    size=\"icon-sm\"\n    className={cn('tw:size-5', 'tw:[&_svg]:text-muted-foreground', className)}\n  />\n);\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<'input'>;\n\nexport const InputGroupInput = ({ ref, className, ...inputProps }: Props) => (\n  <input\n    {...inputProps}\n    ref={ref}\n    className={cn(\n      'tw:w-full',\n      'tw:bg-transparent',\n      'tw:outline-hidden',\n\n      // font\n      'tw:font-sans',\n      'tw:text-sm',\n\n      // placeholder\n      'tw:placeholder:text-neutral-400',\n      'tw:placeholder:font-normal',\n\n      // disabled\n      'tw:disabled:cursor-not-allowed',\n\n      className,\n    )}\n  />\n);\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<'span'>;\n\nexport const InputGroupText = ({ className, ...props }: Props) => (\n  <span\n    className={cn(\n      'tw:flex',\n      'tw:items-center',\n      'tw:gap-2',\n      'tw:text-sm',\n      'tw:text-muted-foreground',\n      'tw:[&_svg]:pointer-events-none',\n      'tw:[&_svg:not([class*=\"tw:size-\"])]:size-4',\n      className,\n    )}\n    {...props}\n  />\n);\n","import type { ChangeEventHandler, ComponentProps, FocusEventHandler } from 'react';\nimport TextareaAutosize from 'react-textarea-autosize';\n\nimport { cn } from '../../utils';\n\ntype TextareaNativeProps = Omit<\n  ComponentProps<typeof TextareaAutosize>,\n  'value' | 'defaultValue' | 'rows' | 'maxRows'\n>;\n\ntype Props = TextareaNativeProps & {\n  value?: string | null;\n  defaultValue?: string | null;\n  onValueChange?: (value: string) => void;\n  onValueBlur?: (value: string) => void;\n  maxRows?: number | 'unlimited';\n  disableResize?: boolean;\n};\n\nexport const InputGroupTextArea = ({\n  ref,\n  className,\n  onChange,\n  onValueChange,\n  value,\n  defaultValue,\n  onBlur,\n  onValueBlur,\n  disableResize = false,\n  minRows = 1,\n  maxRows = 4,\n  ...props\n}: Props) => {\n  const handleChange: ChangeEventHandler<HTMLTextAreaElement> = (event) => {\n    onValueChange?.(event.target.value);\n    onChange?.(event);\n  };\n\n  const handleBlur: FocusEventHandler<HTMLTextAreaElement> = (event) => {\n    onValueBlur?.(event.target.value);\n    onBlur?.(event);\n  };\n\n  return (\n    <TextareaAutosize\n      {...props}\n      ref={ref}\n      value={value ?? undefined}\n      defaultValue={defaultValue ?? undefined}\n      onChange={handleChange}\n      onBlur={handleBlur}\n      minRows={minRows}\n      maxRows={maxRows === 'unlimited' ? undefined : maxRows}\n      className={cn(\n        'tw:w-full',\n        'tw:bg-transparent',\n        'tw:outline-hidden',\n        'tw:px-4',\n\n        // font\n        'tw:font-sans',\n        'tw:text-sm',\n\n        // placeholder\n        'tw:placeholder:text-neutral-400',\n        'tw:placeholder:font-normal',\n\n        // disabled\n        'tw:disabled:cursor-not-allowed',\n        {\n          'tw:resize-none': disableResize,\n        },\n\n        className,\n      )}\n    />\n  );\n};\n","import type { ComponentPropsWithRef } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '../../utils';\nimport { useArgoDesign } from '../ThemeProvider/context';\n\nimport { InputGroupAddon } from './InputGroupAddon';\nimport { InputGroupButton } from './InputGroupButton';\nimport { InputGroupInput } from './InputGroupInput';\nimport { InputGroupText } from './InputGroupText';\nimport { InputGroupTextArea } from './InputGroupTextArea';\n\nconst inputGroupVariants = cva(\n  [\n    'tailwindcss-preflight',\n    'tw:group',\n\n    'tw:overflow-hidden',\n    'tw:box-border',\n\n    // positioning\n    'tw:flex',\n    'tw:items-center',\n\n    // base — legacy (non-argo) chrome uses a fixed radius; argo overrides it with\n    // the brand radius token in the `argo` variant below.\n    'tw:rounded',\n    'tw:border',\n    'tw:border-solid',\n    // `border-input` rather than the fixed `neutral-200` — same light-scheme\n    // grey, but it follows the dark scheme too. The base text stays pinned:\n    // `secondary` and the readonly state below both fill with a fixed light\n    // grey, so a scheme-following text colour would go light-on-light there.\n    // `primary` opts into the token itself (and re-pins its readonly fill).\n    'tw:border-input',\n    'tw:text-neutral-800',\n    'tw:transition',\n\n    // focus\n    'tw:has-[:is(input,textarea):focus]:ring-4',\n\n    // readonly\n    'tw:has-[:is(input,textarea)[readonly]]:bg-neutral-150',\n    'tw:has-[:is(input,textarea)[readonly]]:focus-within:ring-0',\n    'tw:has-[:is(input,textarea)[readonly]]:border-neutral-150',\n\n    // disabled cursor (opacity owned by variant)\n    'tw:has-[:is(input,textarea):disabled]:cursor-not-allowed',\n\n    // textarea: top-align addons, allow vertical expansion, own its y-padding\n    'tw:has-[textarea]:items-start',\n\n    'tw:has-[[data-align=block-start]:not(:empty)]:flex-wrap',\n    'tw:has-[[data-align=block-end]:not(:empty)]:flex-wrap',\n    'tw:[&>input]:has-[[data-align=block-start]:not(:empty)]:w-auto',\n    'tw:[&>input]:has-[[data-align=block-start]:not(:empty)]:flex-1',\n    'tw:[&>input]:has-[[data-align=block-end]:not(:empty)]:w-auto',\n    'tw:[&>input]:has-[[data-align=block-end]:not(:empty)]:flex-1',\n\n    'tw:[&>input]:px-4',\n    'tw:[&>input]:has-[[data-align=inline-start]:not(:empty)]:pl-2',\n    'tw:[&>input]:has-[[data-align=inline-end]:not(:empty)]:pr-2',\n  ],\n  {\n    defaultVariants: {\n      variant: 'primary',\n      state: 'default',\n      sizing: 'medium',\n      focusVariant: 'default',\n    },\n    compoundVariants: [\n      {\n        variant: 'secondary',\n        state: 'error',\n        className: ['tw:bg-error-100'],\n      },\n      {\n        variant: 'secondary',\n        state: 'warning',\n        className: ['tw:bg-warning-100'],\n      },\n      {\n        variant: 'primary',\n        state: 'default',\n        focusVariant: 'off',\n        className: ['tw:has-[:is(input,textarea):focus]:border-neutral-200'],\n      },\n      {\n        variant: 'secondary',\n        state: 'default',\n        focusVariant: 'off',\n        className: ['tw:has-[:is(input,textarea):focus]:border-neutral-100'],\n      },\n      {\n        variant: ['primary', 'secondary'],\n        state: 'error',\n        focusVariant: 'on',\n        className: ['tw:!border-error-500', 'tw:!ring-error-200'],\n      },\n      {\n        variant: ['primary', 'secondary'],\n        state: 'warning',\n        focusVariant: 'on',\n        className: ['tw:!border-warning-500', 'tw:!ring-warning-200'],\n      },\n      // --- argo ---\n      {\n        variant: 'argo',\n        state: 'default',\n        className: [\n          'tw:has-[:is(input,textarea):focus]:border-primary',\n          'tw:has-[:is(input,textarea):focus]:ring-ring/50',\n        ],\n      },\n      {\n        variant: 'argo',\n        state: 'error',\n        className: [\n          'tw:border-destructive',\n          'tw:has-[:is(input,textarea):focus]:border-destructive',\n          'tw:has-[:is(input,textarea):focus]:ring-destructive/20',\n        ],\n      },\n      {\n        variant: 'argo',\n        focusVariant: 'on',\n        className: ['tw:!border-primary', 'tw:!ring-ring/50'],\n      },\n      {\n        variant: 'argo',\n        state: 'error',\n        focusVariant: 'on',\n        className: ['tw:!border-destructive', 'tw:!ring-destructive/20'],\n      },\n      {\n        variant: 'argo',\n        state: 'default',\n        focusVariant: 'off',\n        className: ['tw:has-[:is(input,textarea):focus]:border-input'],\n      },\n    ],\n    variants: {\n      focusVariant: {\n        default: [],\n        on: ['tw:!border-ring', 'tw:!ring-ring/30', 'tw:!ring-4'],\n        off: ['tw:has-[:is(input,textarea):focus]:!ring-0'],\n      },\n      variant: {\n        primary: [\n          // The field-surface token — white in the light scheme, so this is a\n          // no-op there; the dark scheme gets a field fill, not a white slab.\n          'tw:bg-input-background',\n          'tw:text-foreground',\n          // The base readonly fill is a fixed light grey, which the scheme-following\n          // text above would sit on invisibly in dark. Re-pin to the same\n          // `muted`/`input` pair argo uses for exactly this reason.\n          'tw:has-[:is(input,textarea)[readonly]]:bg-muted',\n          'tw:has-[:is(input,textarea)[readonly]]:border-input',\n          'tw:has-[:is(input,textarea):disabled]:opacity-40',\n          // aria-invalid on the control surfaces the error chrome without a `state` prop — the\n          // accessible path (mirrors the `state=\"error\"` legacy tokens). Higher specificity than\n          // the default focus selector, so it wins without `!important`.\n          'tw:has-[:is(input,textarea)[aria-invalid=true]]:border-error-500',\n          'tw:has-[:is(input,textarea)[aria-invalid=true]:focus]:border-error-500',\n          'tw:has-[:is(input,textarea)[aria-invalid=true]:focus]:ring-error-200',\n        ],\n        secondary: [\n          'tw:bg-neutral-100',\n          'tw:border-neutral-100',\n          'tw:has-[:is(input,textarea):disabled]:opacity-40',\n          'tw:has-[:is(input,textarea)[aria-invalid=true]]:border-error-500',\n          'tw:has-[:is(input,textarea)[aria-invalid=true]:focus]:border-error-500',\n          'tw:has-[:is(input,textarea)[aria-invalid=true]:focus]:ring-error-200',\n        ],\n        argo: [\n          // argo follows the brand radius token (overrides the static base)\n          'tw:rounded-[var(--radius-lg,0.25rem)]',\n          // muted filled input surface — gray, distinct from white containers; not the app-background token.\n          // Deliberately `muted`, not the `input-background` field token legacy uses: argo's field is a\n          // grey inset by design. Converging the two is a brand-value decision, not a component one.\n          'tw:bg-muted',\n          'tw:border-input',\n          'tw:text-foreground',\n          'tw:has-[:is(input,textarea):disabled]:opacity-50',\n          // readonly: keep the themed input surface/border. The base layer's fixed\n          // `neutral-150` (a light grey) is correct for the legacy light chrome but\n          // collides with argo's themed `foreground` text — light-on-light, invisible\n          // in dark mode. Re-pin to the same `muted`/`input` tokens the editable argo\n          // input uses (validated AA), so readonly stays legible in every scheme.\n          'tw:has-[:is(input,textarea)[readonly]]:bg-muted',\n          'tw:has-[:is(input,textarea)[readonly]]:border-input',\n          // higher specificity than has-[:is(input,textarea):focus] — prevents focus border on readonly\n          'tw:has-[:is(input,textarea)[readonly]:focus]:border-input',\n          // aria-invalid on the control surfaces the error chrome without a `state` prop — the\n          // accessible path (uses the themeable `destructive` status token).\n          'tw:has-[:is(input,textarea)[aria-invalid=true]]:border-destructive',\n          'tw:has-[:is(input,textarea)[aria-invalid=true]:focus]:border-destructive',\n          'tw:has-[:is(input,textarea)[aria-invalid=true]:focus]:ring-destructive/20',\n        ],\n      },\n      sizing: {\n        default: [\n          'tw:[&>:is(input,textarea)]:py-2.5',\n          'tw:[&>:is(input,textarea)]:leading-[18px]',\n          'tw:[&>textarea]:!min-h-[calc(2.5rem-2px)]',\n        ],\n        small: [\n          'tw:[&>:is(input,textarea)]:py-2',\n          'tw:[&>:is(input,textarea)]:leading-[16px]',\n          'tw:[&>textarea]:!min-h-[calc(2rem-2px)]',\n        ],\n        medium: [\n          'tw:[&>:is(input,textarea)]:py-2',\n          'tw:[&>:is(input,textarea)]:leading-[18px]',\n          'tw:[&>textarea]:!min-h-[calc(2.25rem-2px)]',\n        ],\n      },\n      state: {\n        default: [\n          'tw:has-[:is(input,textarea):focus]:border-ring',\n          'tw:has-[:is(input,textarea):focus]:ring-ring/30',\n        ],\n        error: [\n          'tw:border-error-500',\n          'tw:has-[:is(input,textarea):focus]:border-error-500',\n          'tw:has-[:is(input,textarea):focus]:ring-error-200',\n        ],\n        warning: [\n          'tw:border-warning-500',\n          'tw:has-[:is(input,textarea):focus]:border-warning-500',\n          'tw:has-[:is(input,textarea):focus]:ring-warning-200',\n        ],\n      },\n    },\n  },\n);\n\ntype Props = ComponentPropsWithRef<'div'> &\n  Omit<VariantProps<typeof inputGroupVariants>, 'variant'> & {\n    variant?: Exclude<VariantProps<typeof inputGroupVariants>['variant'], 'argo'>;\n  };\n\nconst InputGroupRoot = ({\n  ref,\n  children,\n  state,\n  variant,\n  sizing,\n  focusVariant,\n  className,\n  ...props\n}: Props) => {\n  const isArgo = useArgoDesign();\n  const effectiveVariant = isArgo ? 'argo' : variant;\n  const effectiveSizing = effectiveVariant === 'argo' ? 'medium' : sizing;\n  return (\n    <div\n      {...props}\n      ref={ref}\n      className={cn(\n        inputGroupVariants({\n          state,\n          variant: effectiveVariant,\n          sizing: effectiveSizing,\n          focusVariant,\n          className,\n        }),\n      )}\n    >\n      {children}\n    </div>\n  );\n};\n\nexport const InputGroup = InputGroupRoot as typeof InputGroupRoot & {\n  Input: typeof InputGroupInput;\n  Addon: typeof InputGroupAddon;\n  Button: typeof InputGroupButton;\n  TextArea: typeof InputGroupTextArea;\n  Text: typeof InputGroupText;\n};\n\nInputGroup.Input = InputGroupInput;\nInputGroup.Addon = InputGroupAddon;\nInputGroup.Button = InputGroupButton;\nInputGroup.TextArea = InputGroupTextArea;\nInputGroup.Text = InputGroupText;\n"]}

package/dist/chunk-SCQPU4UE.js

@@ -1,97 +0,0 @@
-import { cn } from './chunk-LXLIQ2D6.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { cva } from 'class-variance-authority';
-
-var FieldBoxDescription = ({ className, ...props }) => /* @__PURE__ */ jsx(
-  "span",
-  {
-    ...props,
-    "data-slot": "field-box-description",
-    className: cn(
-      "tw:text-xs",
-      "tw:text-muted-foreground",
-      "tw:group-has-[:disabled]/field-box:opacity-50",
-      className
-    )
-  }
-);
-var FieldBoxTitle = ({ className, ...props }) => /* @__PURE__ */ jsx(
-  "span",
-  {
-    ...props,
-    "data-slot": "field-box-title",
-    className: cn(
-      "tw:text-sm",
-      "tw:font-medium",
-      "tw:text-foreground",
-      "tw:group-has-[:disabled]/field-box:cursor-not-allowed",
-      "tw:group-has-[:disabled]/field-box:opacity-50",
-      className
-    )
-  }
-);
-var fieldBoxVariants = cva(
-  [
-    "tw:group/field-box",
-    "tw:m-0",
-    "tw:inline-flex",
-    "tw:gap-3",
-    "tw:items-start",
-    "tw:cursor-pointer",
-    "tw:select-none",
-    "tw:has-[:disabled]:cursor-not-allowed"
-  ],
-  {
-    variants: {
-      variant: {
-        default: [],
-        boxed: [
-          "tw:rounded-lg",
-          "tw:border",
-          "tw:border-solid",
-          "tw:border-border",
-          "tw:p-3",
-          "tw:transition-colors",
-          "tw:has-[[data-state=checked]]:border-primary",
-          "tw:has-[[data-state=checked]]:bg-accent",
-          "tw:has-[[data-state=indeterminate]]:border-primary",
-          "tw:has-[[data-state=indeterminate]]:bg-accent"
-        ]
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-var FieldBoxRoot = ({
-  ref,
-  className,
-  variant,
-  position = "start",
-  control,
-  children,
-  ...rest
-}) => /* @__PURE__ */ jsxs(
-  "label",
-  {
-    ...rest,
-    ref,
-    className: cn(
-      fieldBoxVariants({ variant, className }),
-      position === "end" && "tw:flex-row-reverse"
-    ),
-    children: [
-      /* @__PURE__ */ jsx("span", { className: "tw:inline-flex tw:min-h-5 tw:shrink-0 tw:items-center tw:group-has-[[data-slot=field-box-description]]/field-box:mt-0.5", children: control }),
-      children != null && /* @__PURE__ */ jsx("span", { className: "tw:flex tw:flex-1 tw:flex-col tw:gap-0.5", children })
-    ]
-  }
-);
-var FieldBox = Object.assign(FieldBoxRoot, {
-  Title: FieldBoxTitle,
-  Description: FieldBoxDescription
-});
-
-export { FieldBox };
-//# sourceMappingURL=chunk-SCQPU4UE.js.map
-//# sourceMappingURL=chunk-SCQPU4UE.js.map

package/dist/chunk-SCQPU4UE.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/FieldBox/FieldBoxDescription.tsx","../src/components/FieldBox/FieldBoxTitle.tsx","../src/components/FieldBox/styles.ts","../src/components/FieldBox/FieldBox.tsx"],"names":["jsx"],"mappings":";;;;AAMO,IAAM,sBAAsB,CAAC,EAAE,SAAA,EAAW,GAAG,OAAM,qBACxD,GAAA;AAAA,EAAC,MAAA;AAAA,EAAA;AAAA,IACE,GAAG,KAAA;AAAA,IACJ,WAAA,EAAU,uBAAA;AAAA,IACV,SAAA,EAAW,EAAA;AAAA,MACT,YAAA;AAAA,MACA,0BAAA;AAAA,MACA,+CAAA;AAAA,MACA;AAAA;AACF;AACF,CAAA;ACVK,IAAM,gBAAgB,CAAC,EAAE,WAAW,GAAG,KAAA,uBAC5CA,GAAAA;AAAA,EAAC,MAAA;AAAA,EAAA;AAAA,IACE,GAAG,KAAA;AAAA,IACJ,WAAA,EAAU,iBAAA;AAAA,IACV,SAAA,EAAW,EAAA;AAAA,MACT,YAAA;AAAA,MACA,gBAAA;AAAA,MACA,oBAAA;AAAA,MACA,uDAAA;AAAA,MACA,+CAAA;AAAA,MACA;AAAA;AACF;AACF,CAAA;AChBK,IAAM,gBAAA,GAAmB,GAAA;AAAA,EAC9B;AAAA,IACE,oBAAA;AAAA,IACA,QAAA;AAAA,IACA,gBAAA;AAAA,IACA,UAAA;AAAA,IACA,gBAAA;AAAA,IACA,mBAAA;AAAA,IACA,gBAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,SAAS,EAAC;AAAA,QACV,KAAA,EAAO;AAAA,UACL,eAAA;AAAA,UACA,WAAA;AAAA,UACA,iBAAA;AAAA,UACA,kBAAA;AAAA,UACA,QAAA;AAAA,UACA,sBAAA;AAAA,UACA,8CAAA;AAAA,UACA,yCAAA;AAAA,UACA,oDAAA;AAAA,UACA;AAAA;AACF;AACF,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS;AAAA;AACX;AAEJ,CAAA;ACpBA,IAAM,eAAe,CAAC;AAAA,EACpB,GAAA;AAAA,EACA,SAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA,GAAW,OAAA;AAAA,EACX,OAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,qBACE,IAAA;AAAA,EAAC,OAAA;AAAA,EAAA;AAAA,IACE,GAAG,IAAA;AAAA,IACJ,GAAA;AAAA,IACA,SAAA,EAAW,EAAA;AAAA,MACT,gBAAA,CAAiB,EAAE,OAAA,EAAS,SAAA,EAAW,CAAA;AAAA,MACvC,aAAa,KAAA,IAAS;AAAA,KACxB;AAAA,IAEA,QAAA,EAAA;AAAA,sBAAAA,GAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,yHAAA,EACb,QAAA,EAAA,OAAA,EACH,CAAA;AAAA,MACC,YAAY,IAAA,oBACXA,IAAC,MAAA,EAAA,EAAK,SAAA,EAAU,4CAA4C,QAAA,EAAS;AAAA;AAAA;AAEzE,CAAA;AAGK,IAAM,QAAA,GAAW,MAAA,CAAO,MAAA,CAAO,YAAA,EAAc;AAAA,EAClD,KAAA,EAAO,aAAA;AAAA,EACP,WAAA,EAAa;AACf,CAAC","file":"chunk-SCQPU4UE.js","sourcesContent":["import type { ComponentProps } from 'react';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<'span'>;\n\nexport const FieldBoxDescription = ({ className, ...props }: Props) => (\n  <span\n    {...props}\n    data-slot=\"field-box-description\"\n    className={cn(\n      'tw:text-xs',\n      'tw:text-muted-foreground',\n      'tw:group-has-[:disabled]/field-box:opacity-50',\n      className,\n    )}\n  />\n);\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<'span'>;\n\nexport const FieldBoxTitle = ({ className, ...props }: Props) => (\n  <span\n    {...props}\n    data-slot=\"field-box-title\"\n    className={cn(\n      'tw:text-sm',\n      'tw:font-medium',\n      'tw:text-foreground',\n      'tw:group-has-[:disabled]/field-box:cursor-not-allowed',\n      'tw:group-has-[:disabled]/field-box:opacity-50',\n      className,\n    )}\n  />\n);\n","import { cva } from 'class-variance-authority';\n\nexport const fieldBoxVariants = cva(\n  [\n    'tw:group/field-box',\n    'tw:m-0',\n    'tw:inline-flex',\n    'tw:gap-3',\n    'tw:items-start',\n    'tw:cursor-pointer',\n    'tw:select-none',\n    'tw:has-[:disabled]:cursor-not-allowed',\n  ],\n  {\n    variants: {\n      variant: {\n        default: [],\n        boxed: [\n          'tw:rounded-lg',\n          'tw:border',\n          'tw:border-solid',\n          'tw:border-border',\n          'tw:p-3',\n          'tw:transition-colors',\n          'tw:has-[[data-state=checked]]:border-primary',\n          'tw:has-[[data-state=checked]]:bg-accent',\n          'tw:has-[[data-state=indeterminate]]:border-primary',\n          'tw:has-[[data-state=indeterminate]]:bg-accent',\n        ],\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  },\n);\n","import type { ComponentProps, ReactNode } from 'react';\nimport type { VariantProps } from 'class-variance-authority';\n\nimport { cn } from '../../utils';\n\nimport { FieldBoxDescription } from './FieldBoxDescription';\nimport { FieldBoxTitle } from './FieldBoxTitle';\nimport { fieldBoxVariants } from './styles';\n\ntype Props = {\n  control: ReactNode;\n  position?: 'start' | 'end';\n} & ComponentProps<'label'> &\n  VariantProps<typeof fieldBoxVariants>;\n\nconst FieldBoxRoot = ({\n  ref,\n  className,\n  variant,\n  position = 'start',\n  control,\n  children,\n  ...rest\n}: Props) => (\n  <label\n    {...rest}\n    ref={ref}\n    className={cn(\n      fieldBoxVariants({ variant, className }),\n      position === 'end' && 'tw:flex-row-reverse',\n    )}\n  >\n    <span className=\"tw:inline-flex tw:min-h-5 tw:shrink-0 tw:items-center tw:group-has-[[data-slot=field-box-description]]/field-box:mt-0.5\">\n      {control}\n    </span>\n    {children != null && (\n      <span className=\"tw:flex tw:flex-1 tw:flex-col tw:gap-0.5\">{children}</span>\n    )}\n  </label>\n);\n\nexport const FieldBox = Object.assign(FieldBoxRoot, {\n  Title: FieldBoxTitle,\n  Description: FieldBoxDescription,\n});\n"]}

package/dist/chunk-SFFF2WQP.js

@@ -1,8 +0,0 @@
-import { Skeleton } from './chunk-PACNBKJV.js';
-import { jsx } from 'react/jsx-runtime';
-
-var DiagramSkeleton = () => /* @__PURE__ */ jsx("div", { className: "tw:my-3 tw:overflow-hidden tw:rounded-md tw:border tw:border-border tw:bg-muted tw:p-6", children: /* @__PURE__ */ jsx(Skeleton, { className: "tw:h-40" }) });
-
-export { DiagramSkeleton };
-//# sourceMappingURL=chunk-SFFF2WQP.js.map
-//# sourceMappingURL=chunk-SFFF2WQP.js.map

package/dist/chunk-SFFF2WQP.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/blocks/MermaidDiagram/DiagramSkeleton.tsx"],"names":[],"mappings":";;;AAIO,IAAM,eAAA,GAAkB,sBAC7B,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,0FACb,QAAA,kBAAA,GAAA,CAAC,QAAA,EAAA,EAAS,SAAA,EAAU,SAAA,EAAU,CAAA,EAChC","file":"chunk-SFFF2WQP.js","sourcesContent":["import { Skeleton } from '../../components/Skeleton/Skeleton';\n\n// Lives apart from MermaidDiagram so callers can show it while that component's\n// chunk is still loading, without importing beautiful-mermaid to do it.\nexport const DiagramSkeleton = () => (\n  <div className=\"tw:my-3 tw:overflow-hidden tw:rounded-md tw:border tw:border-border tw:bg-muted tw:p-6\">\n    <Skeleton className=\"tw:h-40\" />\n  </div>\n);\n"]}

package/dist/chunk-SJYMHZKA.js

@@ -1,36 +0,0 @@
-import { cn } from './chunk-LXLIQ2D6.js';
-import { Root, Indicator } from '@radix-ui/react-progress';
-import { cva } from 'class-variance-authority';
-import { jsx } from 'react/jsx-runtime';
-
-var variants = cva(
-  ["tw:relative", "tw:flex", "tw:items-center", "tw:z-0", "tw:overflow-x-hidden", "tw:w-full"],
-  {
-    defaultVariants: {
-      variant: "default",
-      size: "lg"
-    },
-    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']
-      },
-      size: {
-        sm: ["tw:rounded-full", "tw:h-1"],
-        lg: ["tw:rounded", "tw:h-4"]
-      }
-    }
-  }
-);
-var Progress = ({ ref, className, value, variant, size, ...props }) => /* @__PURE__ */ jsx(Root, { ...props, ref, className: cn(variants({ variant, size, className })), value, children: /* @__PURE__ */ jsx(
-  Indicator,
-  {
-    "data-slot": "progress-indicator",
-    className: "tw:size-full tw:flex-1 tw:transition-all",
-    style: { transform: `translateX(-${100 - (value ?? 0)}%)` }
-  }
-) });
-
-export { Progress };
-//# sourceMappingURL=chunk-SJYMHZKA.js.map
-//# sourceMappingURL=chunk-SJYMHZKA.js.map

package/dist/chunk-SJYMHZKA.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Progress/Progress.tsx"],"names":[],"mappings":";;;;;AAOA,IAAM,QAAA,GAAW,GAAA;AAAA,EACf,CAAC,aAAA,EAAe,SAAA,EAAW,iBAAA,EAAmB,QAAA,EAAU,wBAAwB,WAAW,CAAA;AAAA,EAC3F;AAAA,IACE,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM;AAAA,KACR;AAAA,IACA,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,CAAC,kBAAA,EAAoB,oDAAoD,CAAA;AAAA,QAClF,OAAA,EAAS,CAAC,kBAAA,EAAoB,oDAAoD;AAAA,OACpF;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,CAAC,iBAAA,EAAmB,QAAQ,CAAA;AAAA,QAChC,EAAA,EAAI,CAAC,YAAA,EAAc,QAAQ;AAAA;AAC7B;AACF;AAEJ,CAAA;AAIO,IAAM,QAAA,GAAW,CAAC,EAAE,GAAA,EAAK,SAAA,EAAW,KAAA,EAAO,OAAA,EAAS,IAAA,EAAM,GAAG,KAAA,EAAM,qBACxE,GAAA,CAAC,IAAA,EAAA,EAAM,GAAG,KAAA,EAAO,GAAA,EAAU,SAAA,EAAW,EAAA,CAAG,QAAA,CAAS,EAAE,OAAA,EAAS,IAAA,EAAM,SAAA,EAAW,CAAC,CAAA,EAAG,KAAA,EAChF,QAAA,kBAAA,GAAA;AAAA,EAAC,SAAA;AAAA,EAAA;AAAA,IACC,WAAA,EAAU,oBAAA;AAAA,IACV,SAAA,EAAU,0CAAA;AAAA,IACV,OAAO,EAAE,SAAA,EAAW,eAAe,GAAA,IAAO,KAAA,IAAS,EAAE,CAAA,EAAA,CAAA;AAAK;AAC5D,CAAA,EACF","file":"chunk-SJYMHZKA.js","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"]}

package/dist/chunk-SLCCUJVN.js

@@ -1,125 +0,0 @@
-import { cn } from './chunk-LXLIQ2D6.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-// src/blocks/PageHeader/styles.ts
-var titleRowClass = "tw:flex tw:flex-wrap tw:items-center tw:gap-x-3 tw:gap-y-2";
-var titleClass = "tw:m-0 tw:text-3xl tw:font-semibold tw:leading-9 tw:text-foreground tw:break-words";
-var titleCompactClass = "tw:m-0 tw:text-xl tw:font-semibold tw:leading-7 tw:text-foreground tw:break-words";
-var badgesClass = "tw:flex tw:flex-wrap tw:items-center tw:gap-2 tw:[&_[data-slot=badge]]:rounded-full tw:[&_[data-slot=badge]]:normal-case tw:[&_[data-slot=badge]]:tracking-normal tw:[&_[data-slot=badge]]:py-0";
-var descriptionClass = "tw:m-0 tw:max-w-[800px] tw:break-words tw:text-sm tw:leading-5 tw:text-muted-foreground";
-var PageHeaderDetail = ({
-  ref,
-  className,
-  breadcrumbs,
-  overflowActions,
-  title,
-  titleIcon,
-  badges,
-  description,
-  compact = false,
-  primaryAction,
-  secondaryAction,
-  headerNav,
-  fullWidthDescription = false,
-  ...props
-}) => {
-  const titleRow = /* @__PURE__ */ jsxs("div", { className: cn(titleRowClass, "tw:min-w-64 tw:flex-1 tw:pr-2"), children: [
-    titleIcon && /* @__PURE__ */ jsx("span", { className: "tw:flex tw:shrink-0 tw:items-center", children: titleIcon }),
-    /* @__PURE__ */ jsx("h1", { className: compact ? titleCompactClass : titleClass, children: title }),
-    badges && /* @__PURE__ */ jsx("div", { className: badgesClass, children: badges })
-  ] });
-  const actions = (primaryAction || secondaryAction) && /* @__PURE__ */ jsxs("div", { className: "tw:ml-auto tw:flex tw:flex-wrap tw:items-center tw:justify-end tw:gap-2", children: [
-    secondaryAction,
-    primaryAction
-  ] });
-  const descriptionNode = description && /* @__PURE__ */ jsx("p", { className: descriptionClass, children: description });
-  return /* @__PURE__ */ jsxs(
-    "header",
-    {
-      ref,
-      className: cn("tw:flex tw:w-full tw:flex-col tw:gap-4", className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "tw:flex tw:w-full tw:items-center tw:justify-between tw:gap-4", children: [
-          /* @__PURE__ */ jsx("div", { className: "tw:min-w-0 tw:flex-1", children: breadcrumbs }),
-          overflowActions && /* @__PURE__ */ jsx("div", { className: "tw:flex tw:shrink-0 tw:items-center tw:gap-2", children: overflowActions })
-        ] }),
-        fullWidthDescription ? /* @__PURE__ */ jsxs("div", { className: "tw:flex tw:w-full tw:flex-col tw:gap-2", children: [
-          /* @__PURE__ */ jsxs("div", { className: "tw:flex tw:w-full tw:flex-wrap tw:items-start tw:justify-between tw:gap-x-4 tw:gap-y-3", children: [
-            titleRow,
-            actions
-          ] }),
-          descriptionNode
-        ] }) : /* @__PURE__ */ jsxs("div", { className: "tw:flex tw:w-full tw:flex-wrap tw:items-start tw:justify-between tw:gap-x-4 tw:gap-y-3", children: [
-          /* @__PURE__ */ jsxs("div", { className: "tw:flex tw:min-w-64 tw:flex-1 tw:flex-col tw:gap-2 tw:pr-2", children: [
-            /* @__PURE__ */ jsxs("div", { className: titleRowClass, children: [
-              titleIcon && /* @__PURE__ */ jsx("span", { className: "tw:flex tw:shrink-0 tw:items-center", children: titleIcon }),
-              /* @__PURE__ */ jsx("h1", { className: compact ? titleCompactClass : titleClass, children: title }),
-              badges && /* @__PURE__ */ jsx("div", { className: badgesClass, children: badges })
-            ] }),
-            descriptionNode
-          ] }),
-          actions
-        ] }),
-        headerNav
-      ]
-    }
-  );
-};
-var PageHeaderIndex = ({
-  ref,
-  className,
-  title,
-  description,
-  metadata,
-  documentation,
-  action,
-  headerNav,
-  fullWidthDescription = false,
-  ...props
-}) => {
-  const subtitle = metadata ?? description;
-  const hasActions = Boolean(documentation || action);
-  return /* @__PURE__ */ jsxs(
-    "header",
-    {
-      ref,
-      className: cn("tw:flex tw:w-full tw:flex-col tw:gap-4", className),
-      ...props,
-      children: [
-        fullWidthDescription ? /* @__PURE__ */ jsxs("div", { className: "tw:flex tw:w-full tw:flex-col tw:gap-2", children: [
-          /* @__PURE__ */ jsxs("div", { className: "tw:flex tw:w-full tw:flex-wrap tw:items-start tw:justify-between tw:gap-x-4 tw:gap-y-3", children: [
-            /* @__PURE__ */ jsx("div", { className: cn(titleRowClass, "tw:min-w-64 tw:flex-1 tw:pr-2"), children: /* @__PURE__ */ jsx("h1", { className: titleClass, children: title }) }),
-            hasActions && /* @__PURE__ */ jsxs("div", { className: "tw:ml-auto tw:flex tw:flex-wrap tw:items-center tw:justify-end tw:gap-2", children: [
-              documentation,
-              action
-            ] })
-          ] }),
-          subtitle && /* @__PURE__ */ jsx("p", { className: descriptionClass, children: subtitle })
-        ] }) : /* @__PURE__ */ jsxs("div", { className: "tw:flex tw:w-full tw:items-start tw:justify-between tw:gap-4", children: [
-          /* @__PURE__ */ jsxs("div", { className: "tw:flex tw:min-w-0 tw:flex-1 tw:flex-col tw:gap-2 tw:pr-2", children: [
-            /* @__PURE__ */ jsx("div", { className: titleRowClass, children: /* @__PURE__ */ jsx("h1", { className: titleClass, children: title }) }),
-            subtitle && /* @__PURE__ */ jsx("p", { className: descriptionClass, children: subtitle })
-          ] }),
-          hasActions && /* @__PURE__ */ jsxs("div", { className: "tw:flex tw:shrink-0 tw:items-center tw:gap-2", children: [
-            documentation,
-            action
-          ] })
-        ] }),
-        headerNav
-      ]
-    }
-  );
-};
-
-// src/blocks/PageHeader/PageHeader.tsx
-var PageHeader = {
-  /** Index variant — top-level list / collection pages. No breadcrumbs; `metadata` wins over `description`. */
-  Index: PageHeaderIndex,
-  /** Detail variant — single-entity pages with required breadcrumbs and an overflow-actions slot. Max 2 visible actions. */
-  Detail: PageHeaderDetail
-};
-
-export { PageHeader };
-//# sourceMappingURL=chunk-SLCCUJVN.js.map
-//# sourceMappingURL=chunk-SLCCUJVN.js.map

package/dist/chunk-SLCCUJVN.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/blocks/PageHeader/styles.ts","../src/blocks/PageHeader/PageHeaderDetail.tsx","../src/blocks/PageHeader/PageHeaderIndex.tsx","../src/blocks/PageHeader/PageHeader.tsx"],"names":["jsxs","jsx"],"mappings":"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","file":"chunk-SLCCUJVN.js","sourcesContent":["export const titleRowClass = 'tw:flex tw:flex-wrap tw:items-center tw:gap-x-3 tw:gap-y-2';\nexport const titleClass =\n  'tw:m-0 tw:text-3xl tw:font-semibold tw:leading-9 tw:text-foreground tw:break-words';\nexport const titleCompactClass =\n  'tw:m-0 tw:text-xl tw:font-semibold tw:leading-7 tw:text-foreground tw:break-words';\n// Header badges always read as pills: force pill shape/case/tracking on any\n// Badge inside the slot via its `data-slot=\"badge\"` root (higher specificity\n// than the Badge's own variant classes, so it wins regardless of variant).\n// `tw:py-0` neutralises consumer-forced vertical padding (e.g. StatusLabel's\n// `tw:py-1.5`) so every header pill keeps the standard badge height.\nexport const badgesClass =\n  'tw:flex tw:flex-wrap tw:items-center tw:gap-2 tw:[&_[data-slot=badge]]:rounded-full tw:[&_[data-slot=badge]]:normal-case tw:[&_[data-slot=badge]]:tracking-normal tw:[&_[data-slot=badge]]:py-0';\nexport const descriptionClass =\n  'tw:m-0 tw:max-w-[800px] tw:break-words tw:text-sm tw:leading-5 tw:text-muted-foreground';\n","import type { ComponentProps, ReactNode } from 'react';\n\nimport { cn } from '../../utils';\n\nimport {\n  badgesClass,\n  descriptionClass,\n  titleClass,\n  titleCompactClass,\n  titleRowClass,\n} from './styles';\n\n// Detail page header — single entity pages (bucket, flow, data app, …).\n// Pattern: docs/patterns/page-header/detail/detail-page-header.md\n//   - Breadcrumbs are required; overflow menu sits on the breadcrumbs row.\n//   - Max two visible actions: `primaryAction` + optional `secondaryAction`.\n//   - All other actions belong in the breadcrumbs-row overflow menu.\n/**\n * Props for `PageHeader.Detail`. Detail pages enforce mandatory breadcrumbs, ≤ 2 visible actions, and an\n * overflow-menu slot on the breadcrumbs row.\n */\ntype PageHeaderDetailProps = Omit<ComponentProps<'header'>, 'title'> & {\n  /** `Breadcrumb` chain ending in the entity name (last item is not a link). Required. */\n  breadcrumbs: ReactNode;\n  /** `DropdownMenu` for tertiary actions. Sits on the breadcrumbs row, not the title row. */\n  overflowActions?: ReactNode;\n  title: ReactNode;\n  /** Optional icon rendered immediately left of the title (entity / component / type icon). */\n  titleIcon?: ReactNode;\n  /** Inline `Badge`s rendered next to the title (status, environment, version). Always rendered as pills. */\n  badges?: ReactNode;\n  description?: ReactNode;\n  /** Compact title mode: renders a smaller title since the breadcrumb already shows the entity name. Default `false`. */\n  compact?: boolean;\n  /** Primary action (`Button`). Use the verb appropriate to the entity (Deploy / Run / Save). */\n  primaryAction?: ReactNode;\n  /** Optional second action (`Button variant=\"secondary\"`). Everything beyond goes in `overflowActions`. */\n  secondaryAction?: ReactNode;\n  /** Optional `Tabs` row below the title block. */\n  headerNav?: ReactNode;\n  /**\n   * Opt into the responsive layout: the description spans its own full-width row below the title/actions row\n   * instead of sharing the title column. Defaults to `false` (description sits inside the title column).\n   * Enabled per the `sidebar-navigation` feature in kbc-ui; leaving it off keeps existing consumers\n   * byte-identical.\n   */\n  fullWidthDescription?: boolean;\n};\n\n/**\n * Page header for single-entity pages.\n *\n * **When to use:** the page shows one entity (a bucket, flow, data app) with a parent hierarchy worth\n * breadcrumbing. Primary action is typically \"edit / deploy / run on this entity\".\n * **When NOT to use:** for top-level list pages use `PageHeader.Index`. For pages without a parent\n * hierarchy use `PageHeader.Index` even if they show one entity.\n * **Composition:** nest inside `PageLayout.Header`. Pass `Button`s for actions. Anything beyond the\n * 2-visible-actions cap belongs in `overflowActions` (a `DropdownMenu`), not in extra slots.\n *\n * @see RECIPES.md#list-detail — for the list-page → detail-page navigation pattern\n */\nexport const PageHeaderDetail = ({\n  ref,\n  className,\n  breadcrumbs,\n  overflowActions,\n  title,\n  titleIcon,\n  badges,\n  description,\n  compact = false,\n  primaryAction,\n  secondaryAction,\n  headerNav,\n  fullWidthDescription = false,\n  ...props\n}: PageHeaderDetailProps) => {\n  const titleRow = (\n    <div className={cn(titleRowClass, 'tw:min-w-64 tw:flex-1 tw:pr-2')}>\n      {titleIcon && <span className=\"tw:flex tw:shrink-0 tw:items-center\">{titleIcon}</span>}\n      <h1 className={compact ? titleCompactClass : titleClass}>{title}</h1>\n      {badges && <div className={badgesClass}>{badges}</div>}\n    </div>\n  );\n  const actions = (primaryAction || secondaryAction) && (\n    <div className=\"tw:ml-auto tw:flex tw:flex-wrap tw:items-center tw:justify-end tw:gap-2\">\n      {secondaryAction}\n      {primaryAction}\n    </div>\n  );\n  const descriptionNode = description && <p className={descriptionClass}>{description}</p>;\n  return (\n    <header\n      ref={ref}\n      className={cn('tw:flex tw:w-full tw:flex-col tw:gap-4', className)}\n      {...props}\n    >\n      <div className=\"tw:flex tw:w-full tw:items-center tw:justify-between tw:gap-4\">\n        <div className=\"tw:min-w-0 tw:flex-1\">{breadcrumbs}</div>\n        {overflowActions && (\n          <div className=\"tw:flex tw:shrink-0 tw:items-center tw:gap-2\">{overflowActions}</div>\n        )}\n      </div>\n\n      {fullWidthDescription ? (\n        <div className=\"tw:flex tw:w-full tw:flex-col tw:gap-2\">\n          <div className=\"tw:flex tw:w-full tw:flex-wrap tw:items-start tw:justify-between tw:gap-x-4 tw:gap-y-3\">\n            {titleRow}\n            {actions}\n          </div>\n          {descriptionNode}\n        </div>\n      ) : (\n        <div className=\"tw:flex tw:w-full tw:flex-wrap tw:items-start tw:justify-between tw:gap-x-4 tw:gap-y-3\">\n          <div className=\"tw:flex tw:min-w-64 tw:flex-1 tw:flex-col tw:gap-2 tw:pr-2\">\n            <div className={titleRowClass}>\n              {titleIcon && (\n                <span className=\"tw:flex tw:shrink-0 tw:items-center\">{titleIcon}</span>\n              )}\n              <h1 className={compact ? titleCompactClass : titleClass}>{title}</h1>\n              {badges && <div className={badgesClass}>{badges}</div>}\n            </div>\n            {descriptionNode}\n          </div>\n          {actions}\n        </div>\n      )}\n\n      {headerNav}\n    </header>\n  );\n};\n","import type { ComponentProps, ReactNode } from 'react';\n\nimport { cn } from '../../utils';\n\nimport { descriptionClass, titleClass, titleRowClass } from './styles';\n\n// Index page header — list / collection pages (Flows, Storage, Jobs, …).\n// Pattern: docs/patterns/page-header/index/index-page-header.md\n//   - No breadcrumbs (top-level pages).\n//   - `metadata` wins over `description` (mutually exclusive in pattern).\n//   - At most one primary `action`; pair with the `documentation` icon button.\n/**\n * Props for `PageHeader.Index`. Index pages have no breadcrumbs and no overflow menu — search and filters\n * belong in `PageToolbar`, not here.\n */\ntype PageHeaderIndexProps = Omit<ComponentProps<'header'>, 'title'> & {\n  title: ReactNode;\n  /** Prose description shown below the title. Mutually exclusive with `metadata` in the pattern; `metadata` wins when both are passed. */\n  description?: ReactNode;\n  /** Count / system summary shown below the title (e.g. \"3 buckets and 39 tables\"). Wins over `description`. */\n  metadata?: ReactNode;\n  /** Icon-only docs button (`Button variant=\"invisible\" icon={<BookOpen />}`). Sits next to `action`. */\n  documentation?: ReactNode;\n  /** Primary \"create / add new X\" `Button`. */\n  action?: ReactNode;\n  /** Optional `Tabs` row rendered below the title block. Use only when >1 dataset / section is worth navigating to. */\n  headerNav?: ReactNode;\n  /**\n   * Opt into the responsive layout: the description spans its own full-width row below the title, and the\n   * action group wraps beneath the title (right-aligned) on narrow widths instead of shrinking. Defaults to\n   * `false` (the description shares the title column and actions stay `shrink-0`). Enabled per the\n   * `sidebar-navigation` feature in kbc-ui; leaving it off keeps existing consumers byte-identical.\n   */\n  fullWidthDescription?: boolean;\n};\n\n/**\n * Page header for top-level list / collection pages.\n *\n * **When to use:** the page is a list (Flows, Storage, Jobs, …) with no parent in the same section.\n * Primary action is typically \"create / add a new X\".\n * **When NOT to use:** for single-entity detail pages use `PageHeader.Detail`; for layouts that don't fit\n * either pattern host custom JSX in `PageLayout.Header` directly.\n * **Composition:** nest inside `PageLayout.Header`. Pass `Button`s into `action` and\n * `documentation`. Search and filter chips belong in `PageToolbar`, not here.\n */\nexport const PageHeaderIndex = ({\n  ref,\n  className,\n  title,\n  description,\n  metadata,\n  documentation,\n  action,\n  headerNav,\n  fullWidthDescription = false,\n  ...props\n}: PageHeaderIndexProps) => {\n  const subtitle = metadata ?? description;\n  const hasActions = Boolean(documentation || action);\n  return (\n    <header\n      ref={ref}\n      className={cn('tw:flex tw:w-full tw:flex-col tw:gap-4', className)}\n      {...props}\n    >\n      {fullWidthDescription ? (\n        <div className=\"tw:flex tw:w-full tw:flex-col tw:gap-2\">\n          <div className=\"tw:flex tw:w-full tw:flex-wrap tw:items-start tw:justify-between tw:gap-x-4 tw:gap-y-3\">\n            <div className={cn(titleRowClass, 'tw:min-w-64 tw:flex-1 tw:pr-2')}>\n              <h1 className={titleClass}>{title}</h1>\n            </div>\n            {hasActions && (\n              <div className=\"tw:ml-auto tw:flex tw:flex-wrap tw:items-center tw:justify-end tw:gap-2\">\n                {documentation}\n                {action}\n              </div>\n            )}\n          </div>\n          {subtitle && <p className={descriptionClass}>{subtitle}</p>}\n        </div>\n      ) : (\n        <div className=\"tw:flex tw:w-full tw:items-start tw:justify-between tw:gap-4\">\n          <div className=\"tw:flex tw:min-w-0 tw:flex-1 tw:flex-col tw:gap-2 tw:pr-2\">\n            <div className={titleRowClass}>\n              <h1 className={titleClass}>{title}</h1>\n            </div>\n            {subtitle && <p className={descriptionClass}>{subtitle}</p>}\n          </div>\n          {hasActions && (\n            <div className=\"tw:flex tw:shrink-0 tw:items-center tw:gap-2\">\n              {documentation}\n              {action}\n            </div>\n          )}\n        </div>\n      )}\n      {headerNav}\n    </header>\n  );\n};\n","import { PageHeaderDetail } from './PageHeaderDetail';\nimport { PageHeaderIndex } from './PageHeaderIndex';\n\n/**\n * Structured page-header block that encodes the evviku page-header patterns 1:1 at the type level.\n *\n * **When to use:** every kbc-ui page with a structured header (title + actions + optional badges /\n * description / tabs). Choose `PageHeader.Index` for list / collection pages, `PageHeader.Detail` for\n * single-entity pages with breadcrumbs.\n * **When NOT to use:** for layouts that don't match either pattern, host custom JSX inside\n * `PageLayout.Header` directly. For routing-driven tab rows below the header use `PageLayout.Tabs`.\n * **Composition:** nest inside `PageLayout.Header`. Pass `@keboola/design` `Button`s into the header slots\n * (chrome is brand-driven). The variant types enforce pattern constraints (e.g. `Index` rejects breadcrumbs).\n *\n * @see RECIPES.md#page-header-tabs — for the canonical page-header + tabs composition\n */\nexport const PageHeader = {\n  /** Index variant — top-level list / collection pages. No breadcrumbs; `metadata` wins over `description`. */\n  Index: PageHeaderIndex,\n  /** Detail variant — single-entity pages with required breadcrumbs and an overflow-actions slot. Max 2 visible actions. */\n  Detail: PageHeaderDetail,\n};\n"]}