@keboola/design 11.9.0 → 13.0.0

package/dist/AppShell-DRgJxpXW.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppShell-DRgJxpXW.js","names":["Root"],"sources":["../src/blocks/AppShell/SidebarShell.tsx","../src/blocks/AppShell/TopNavShell.tsx","../src/blocks/AppShell/AppShell.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nimport { cn } from '../../utils';\n\nimport type { AppShellHeaderSpan } from './types';\n\n// Required, not defaulted: `AppShell` owns the default so the generated component\n// API reports it, and this shell is internal — nothing else constructs it.\ntype Props = ComponentProps<'div'> & { headerSpan: AppShellHeaderSpan };\n\n/**\n * Sidebar geometry: left-rail navigation + header row + main outlet, with an\n * optional right rail. The grid template names match the `[grid-area:*]`\n * utilities the `AppShell.*` slots write onto themselves, so slot placement\n * is independent of source order.\n *\n * `headerSpan` picks which of the two row templates applies — see\n * {@link AppShellHeaderSpan}. Both keep the same three columns, so the rails\n * line up either way.\n */\nexport const SidebarShell = ({ ref, className, headerSpan, children, ...props }: Props) => (\n  <div\n    ref={ref}\n    data-app-shell-geometry=\"sidebar\"\n    data-header-span={headerSpan}\n    className={cn(\n      'tw:relative tw:grid tw:h-svh tw:w-full tw:bg-background',\n      'tw:grid-cols-[auto_1fr_auto] tw:grid-rows-[auto_1fr]',\n      headerSpan === 'full'\n        ? cn(\n            'tw:[grid-template-areas:\"header_header_header\"_\"sidebar_main_aside\"]',\n            // `Sidebar`'s inner wrapper is `fixed inset-y-0` — it owns that for its\n            // collapse/resize animation — so it anchors to the viewport and paints\n            // over a full-width header. Promoting the rail slots to containing\n            // blocks re-anchors those fixed children to the slot's own grid box.\n            // Beats overriding `top`: no `!important` to out-specify `inset-y-0`,\n            // and the shell never needs to know the header's height.\n            'tw:[&>[data-app-shell-slot=sidebar]]:[transform:translateZ(0)]',\n            'tw:[&>[data-app-shell-slot=aside]]:[transform:translateZ(0)]',\n            // A containing block is also a stacking context, so the promotion traps\n            // the rail's own `z-50` inside the slot. The left rail sits before `main`\n            // in source order, so without a slot-level z-index an expand-on-hover rail\n            // paints *under* main's positioned content instead of over it. Restate it\n            // here — grid items take `z-index` without `position`. The right rail needs\n            // one too: source order only beats `z-index: auto` content, so main's\n            // sticky elements (table headers at `z-10`, PageLayout's sticky header at\n            // `z-20`) would paint over an aside left at `auto`. `z-30` clears them all\n            // outright — no source-order tiebreak — while staying under the left\n            // rail's `z-50`, keeping an expanding left rail above a filled right one.\n            'tw:[&>[data-app-shell-slot=sidebar]]:z-50',\n            'tw:[&>[data-app-shell-slot=aside]]:z-30',\n            // The promotion is also what lets `styles.css` clip a parked off-canvas\n            // rail: it makes the slot that panel's containing block.\n          )\n        : 'tw:[grid-template-areas:\"sidebar_header_aside\"_\"sidebar_main_aside\"]',\n      className,\n    )}\n    {...props}\n  >\n    {children}\n  </div>\n);\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<'div'>;\n\n/**\n * Top-nav geometry: header row spans the full width, main + aside live below.\n * The `sidebar` grid area is intentionally absent — the\n * `[grid-area:sidebar]` slot collapses to `display: none` so consumers can\n * pass the same composition under either brand. Primary navigation moves\n * into `<AppShell.Header>` for top-nav-first compositions.\n *\n * Takes no `headerSpan`: this header already spans the full width, so `AppShell`\n * keeps the prop away from this shell rather than having it accept and ignore it.\n */\nexport const TopNavShell = ({ ref, className, children, ...props }: Props) => (\n  <div\n    ref={ref}\n    data-app-shell-geometry=\"topnav\"\n    className={cn(\n      'tw:grid tw:h-svh tw:w-full tw:bg-background',\n      'tw:grid-cols-[1fr_auto] tw:grid-rows-[auto_1fr]',\n      'tw:[grid-template-areas:\"header_header\"_\"main_aside\"]',\n      // The sidebar slot has no place in this geometry — hide it without\n      // forcing callers to conditionalise their JSX.\n      'tw:[&>[data-app-shell-slot=sidebar]]:hidden',\n      className,\n    )}\n    {...props}\n  >\n    {children}\n  </div>\n);\n","import type { ComponentPropsWithoutRef, ComponentRef, Ref } from 'react';\nimport { Slot, Slottable } from '@radix-ui/react-slot';\n\nimport { useTheme } from '../../components/ThemeProvider';\nimport { cn } from '../../utils';\n\nimport { SidebarShell } from './SidebarShell';\nimport { TopNavShell } from './TopNavShell';\nimport type { AppShellHeaderSpan, AppShellSlot } from './types';\n\n/**\n * Targets a shell slot from outside the shell.\n *\n * - Each slot component stamps `data-app-shell-slot` with its own name.\n * - Exported so a consumer never hand-types the attribute: renaming it then breaks the\n *   build instead of silently matching nothing.\n */\nexport const appShellSlotSelector = (slot: AppShellSlot) => `[data-app-shell-slot=\"${slot}\"]`;\n\ntype RootProps = ComponentPropsWithoutRef<'div'> & {\n  /**\n   * How far the header row stretches. `content` (default) gives it the middle\n   * column only, with both rails beside it; `full` spans all three columns and\n   * drops the rails below it, so the brand mark aligns to the viewport edge.\n   * No-op under the top-nav geometry, whose header is already full width.\n   *\n   * Reach for `full` when the header carries app-wide identity (brand mark,\n   * project switcher, account menu) rather than page-level navigation.\n   */\n  headerSpan?: AppShellHeaderSpan;\n};\n\nconst Root = ({\n  ref,\n  className,\n  // Defaulted here rather than in SidebarShell so the generated component API\n  // records `content` instead of \"no default\".\n  headerSpan = 'content',\n  children,\n  ...props\n}: RootProps & { ref?: Ref<ComponentRef<'div'>> }) => {\n  const { currentTheme: brand } = useTheme();\n\n  // Branch rather than pick a component and spread: `headerSpan` is meaningless\n  // to the top-nav geometry, and forwarding it there would land a stray\n  // `headerspan` attribute on the DOM node.\n  if (brand.shell === 'topnav') {\n    return (\n      <TopNavShell ref={ref} className={className} {...props}>\n        {children}\n      </TopNavShell>\n    );\n  }\n\n  return (\n    <SidebarShell ref={ref} className={className} headerSpan={headerSpan} {...props}>\n      {children}\n    </SidebarShell>\n  );\n};\n\ntype SlotProps = ComponentPropsWithoutRef<'div'> & {\n  /** Render as the child element (Radix-Slot pattern), forwarding props onto it. */\n  asChild?: boolean;\n};\n\ntype MainProps = SlotProps & {\n  /**\n   * Classes for the padded content wrapper inside `Main`, where the page gutter lives.\n   *\n   * This is the one to reach for when overriding the gutter — `className` lands on the scroll\n   * container, and a `p-*` there is what breaks every sticky header below it.\n   */\n  contentClassName?: string;\n  /**\n   * Bounds the content wrapper to `Main`'s height instead of letting it grow with the content.\n   *\n   * - For a page that owns its `overflow-auto` scroller: a bounded wrapper is what gives a\n   *   `flex-1` descendant a definite height, so that descendant is what scrolls.\n   * - Gives up the bottom-gutter guarantee below, so pair it with a gutter-free\n   *   `contentClassName`.\n   */\n  clampContent?: boolean;\n};\n\ntype ChromeSlotProps = SlotProps & {\n  /**\n   * Drop the slot's own padding, background and border so a hosted chrome component\n   * (`Navbar` in `Header`, `Sidebar side=\"right\"` in `Aside`) can render edge to edge.\n   *\n   * The slots paint themselves, which is right when you put content straight into them.\n   * It is wrong when the child is already a full-bleed surface: the child ends up inset\n   * inside the slot with the slot's background showing through as gutters at each end.\n   * Use this instead of re-stating the overrides at the call site — hand-written\n   * overrides also have to win a cascade fight, which is why they tend to grow an `!`.\n   */\n  flush?: boolean;\n};\n\nconst Header = ({\n  ref,\n  className,\n  asChild,\n  flush = false,\n  children,\n  ...props\n}: ChromeSlotProps & { ref?: Ref<ComponentRef<'header'>> }) => {\n  const Comp = asChild ? Slot : 'header';\n  return (\n    <Comp\n      ref={ref}\n      data-app-shell-slot=\"header\"\n      data-flush={flush || undefined}\n      className={cn(\n        'tw:flex',\n        flush\n          ? 'tw:items-stretch tw:gap-0'\n          : 'tw:items-center tw:gap-3 tw:border-b tw:border-border tw:bg-background tw:px-4',\n        'tw:[grid-area:header]',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </Comp>\n  );\n};\n\nconst SidebarSlot = ({\n  ref,\n  className,\n  asChild,\n  children,\n  ...props\n}: SlotProps & { ref?: Ref<ComponentRef<'div'>> }) => {\n  const Comp = asChild ? Slot : 'div';\n  return (\n    <Comp\n      ref={ref}\n      data-app-shell-slot=\"sidebar\"\n      // In a sidebar shell the children render in place. In a top-nav shell\n      // the slot is hidden — the shell defines `display: none` for the\n      // `sidebar` grid area in that geometry, so consumers can pass the\n      // same JSX and let the shell decide visibility.\n      className={cn('tw:flex tw:min-h-0 tw:flex-col', 'tw:[grid-area:sidebar]', className)}\n      {...props}\n    >\n      {children}\n    </Comp>\n  );\n};\n\nconst Main = ({\n  ref,\n  className,\n  contentClassName,\n  clampContent = false,\n  asChild,\n  children,\n  ...props\n}: MainProps & { ref?: Ref<ComponentRef<'main'>> }) => {\n  const Comp = asChild ? Slot : 'main';\n  return (\n    <Comp\n      ref={ref}\n      data-app-shell-slot=\"main\"\n      // The scroll container, and nothing else. `className` stays on this element because that is\n      // what consumers reach for to reset the contained-scroll opinion (`overflow-visible`), and\n      // because the grid placement belongs to the grid item.\n      className={cn(\n        'tw:flex tw:min-w-0 tw:min-h-0 tw:flex-1 tw:flex-col tw:overflow-auto',\n        'tw:[grid-area:main]',\n        className,\n      )}\n      {...props}\n    >\n      {/*\n        The page gutter, on its own wrapper rather than on the scroll container above.\n        ⚠️ Not cosmetic layering — it is what makes `position: sticky` work inside `Main`.\n\n        - Sticky insets resolve against the nearest scrollport's **padding box**. A gutter on the\n          scroll container parks a sticky element one gutter below the scrollport's visible top\n          edge, and scrolled content shows through the strip above it. `Table.Header` is\n          `sticky top-0`, so that reaches every table in every app on this shell.\n        - `min-h-full` keeps the wrapper at least as tall as the scrollport, so a child using\n          `flex-1` to fill the viewport still does.\n        - `shrink-0` is load-bearing beside it: `min-h-full` replaces flexbox's automatic minimum\n          size, which hands `flex-shrink: 1` back to the wrapper. Without it a page taller than\n          the scrollport clamps the wrapper to the scrollport height, the content overflows it,\n          and the wrapper's `padding-bottom` falls outside the scrollable area.\n        - `min-h-full` is only a *minimum*, so the wrapper's used height is its content's and a\n          `flex-1` descendant resolves against the content, not the scrollport. `clampContent`\n          swaps in `flex-1 min-h-0` for the page that needs the opposite. The two are exclusive:\n          no CSS is both content-sized and viewport-definite.\n        - The `Slottable` render-prop form is what keeps `asChild` honest: it makes the caller's\n          element the scroll container and nests this wrapper inside it. Handing the wrapper to\n          `Slot` as its only child instead merges the scroll classes onto the wrapper — dropping\n          the `<main>` landmark and putting the gutter back on the scrollport.\n\n        Override the gutter through `contentClassName`, not `className`: a `p-*` on the scroll\n        container reintroduces the sticky bug.\n      */}\n      <Slottable child={children}>\n        {(content) => (\n          <div\n            className={cn(\n              'tw:flex tw:flex-col tw:p-6',\n              clampContent ? 'tw:min-h-0 tw:flex-1' : 'tw:min-h-full tw:shrink-0',\n              contentClassName,\n            )}\n          >\n            {content}\n          </div>\n        )}\n      </Slottable>\n    </Comp>\n  );\n};\n\nconst Aside = ({\n  ref,\n  className,\n  asChild,\n  flush = false,\n  children,\n  ...props\n}: ChromeSlotProps & { ref?: Ref<ComponentRef<'aside'>> }) => {\n  const Comp = asChild ? Slot : 'aside';\n  return (\n    <Comp\n      ref={ref}\n      data-app-shell-slot=\"aside\"\n      data-flush={flush || undefined}\n      className={cn(\n        'tw:flex tw:min-h-0 tw:shrink-0 tw:flex-col',\n        // A hosted `Sidebar side=\"right\"` owns its own width, border, background and\n        // scrolling — so the slot must not also set them, or the rail renders inset\n        // inside a second painted surface.\n        flush\n          ? 'tw:w-auto tw:overflow-visible'\n          : 'tw:w-72 tw:overflow-auto tw:border-l tw:border-border tw:bg-background',\n        'tw:[grid-area:aside]',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </Comp>\n  );\n};\n\n/**\n * App-shell layout primitive. Reads `useTheme().brand.shell` and dispatches to\n * a sidebar (left rail) or top-nav geometry. Consumers compose the same\n * `<AppShell.Header>` / `<AppShell.Sidebar>` / `<AppShell.Main>` /\n * `<AppShell.Aside>` slots — the shell decides where each slot lives based on\n * the active brand.\n *\n * **When to use:** the root layout of any app that wants to follow the active\n * brand's shell geometry. Host a `PageLayout` inside `<AppShell.Main>` for\n * the per-page content column. Pass `headerSpan=\"full\"` for a full-bleed header\n * row above both rails.\n * **When NOT to use:** standalone screens that aren't part of a navigated app\n * (sign-in, error pages). Render those without `AppShell`.\n * **Composition:** must be rendered inside a `<ThemeProvider>` — the geometry\n * is brand-driven. Pass the same content across brands; the shell handles\n * placement and shows/hides the `Sidebar` slot accordingly.\n *\n * @see AppShell.stories.tsx — flip the Storybook brand toolbar to see the\n * sidebar / top-nav geometry swap from a single composition.\n */\nexport const AppShell = Object.assign(Root, {\n  /**\n   * Top header row. Renders above `Main` in the sidebar shell; renders as the\n   * top bar (with full-width navigation room) in the top-nav shell.\n   */\n  Header,\n  /**\n   * Left navigation rail. Rendered in the sidebar shell; hidden by the\n   * top-nav shell so the same composition works under either brand — move\n   * primary navigation into `Header` for top-nav-first compositions.\n   */\n  Sidebar: SidebarSlot,\n  /**\n   * Main content outlet. Scrolls its own content, and applies an opinionated\n   * default page gutter (`tw:p-6`) on a wrapper inside the scroll container.\n   *\n   * - Override the gutter through `contentClassName` (e.g. `tw:p-0`) when the\n   *   app owns its own.\n   * - `className` lands on the scroll container itself — a `p-*` there parks\n   *   every `position: sticky` descendant one gutter below the scrollport's\n   *   visible top edge.\n   */\n  Main,\n  /** Optional right rail. Present in both shells. */\n  Aside,\n});\n"],"mappings":";;;;;;;;;;;;;;;AAoBA,MAAa,gBAAgB,EAAE,KAAK,WAAW,YAAY,UAAU,GAAG,YACtE,oBAAC,OAAD;CACO;CACL,2BAAwB;CACxB,oBAAkB;CAClB,WAAW,GACT,2DACA,wDACA,eAAe,SACX,GACE,4EAOA,kEACA,gEAWA,6CACA,yCAGF,IACA,4EACJ,SACF;CACA,GAAI;CAEH;AACE,CAAA;;;;;;;;;;;;;AC5CP,MAAa,eAAe,EAAE,KAAK,WAAW,UAAU,GAAG,YACzD,oBAAC,OAAD;CACO;CACL,2BAAwB;CACxB,WAAW,GACT,+CACA,mDACA,6DAGA,+CACA,SACF;CACA,GAAI;CAEH;AACE,CAAA;;;;;;;;;;ACfP,MAAa,wBAAwB,SAAuB,yBAAyB,KAAK;AAe1F,MAAMA,UAAQ,EACZ,KACA,WAGA,aAAa,WACb,UACA,GAAG,YACiD;CACpD,MAAM,EAAE,cAAc,UAAU,SAAS;CAKzC,IAAI,MAAM,UAAU,UAClB,OACE,oBAAC,aAAD;EAAkB;EAAgB;EAAW,GAAI;EAC9C;CACU,CAAA;CAIjB,OACE,oBAAC,cAAD;EAAmB;EAAgB;EAAuB;EAAY,GAAI;EACvE;CACW,CAAA;AAElB;AAwCA,MAAM,UAAU,EACd,KACA,WACA,SACA,QAAQ,OACR,UACA,GAAG,YAC0D;CAE7D,OACE,oBAFW,UAAU,OAAO,UAE5B;EACO;EACL,uBAAoB;EACpB,cAAY,SAAS,KAAA;EACrB,WAAW,GACT,WACA,QACI,8BACA,kFACJ,yBACA,SACF;EACA,GAAI;EAEH;CACG,CAAA;AAEV;AAEA,MAAM,eAAe,EACnB,KACA,WACA,SACA,UACA,GAAG,YACiD;CAEpD,OACE,oBAFW,UAAU,OAAO,OAE5B;EACO;EACL,uBAAoB;EAKpB,WAAW,GAAG,kCAAkC,0BAA0B,SAAS;EACnF,GAAI;EAEH;CACG,CAAA;AAEV;AAEA,MAAM,QAAQ,EACZ,KACA,WACA,kBACA,eAAe,OACf,SACA,UACA,GAAG,YACkD;CAErD,OACE,oBAFW,UAAU,OAAO,QAE5B;EACO;EACL,uBAAoB;EAIpB,WAAW,GACT,wEACA,uBACA,SACF;EACA,GAAI;EA4BJ,UAAA,oBAAC,WAAD;GAAW,OAAO;GACd,WAAA,YACA,oBAAC,OAAD;IACE,WAAW,GACT,8BACA,eAAe,yBAAyB,6BACxC,gBACF;IAEC,UAAA;GACE,CAAA;EAEE,CAAA;CACP,CAAA;AAEV;AAEA,MAAM,SAAS,EACb,KACA,WACA,SACA,QAAQ,OACR,UACA,GAAG,YACyD;CAE5D,OACE,oBAFW,UAAU,OAAO,SAE5B;EACO;EACL,uBAAoB;EACpB,cAAY,SAAS,KAAA;EACrB,WAAW,GACT,8CAIA,QACI,kCACA,0EACJ,wBACA,SACF;EACA,GAAI;EAEH;CACG,CAAA;AAEV;;;;;;;;;;;;;;;;;;;;;AAsBA,MAAa,WAAW,OAAO,OAAOA,QAAM;;;;;CAK1C;;;;;;CAMA,SAAS;;;;;;;;;;;CAWT;;CAEA;AACF,CAAC"}

package/dist/Badge-o5jURtpB.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Badge-o5jURtpB.js","names":[],"sources":["../src/components/Badge/BadgeAddon.tsx","../src/components/Badge/BadgeButton.tsx","../src/components/Badge/BadgeLabel.tsx","../src/components/Badge/styles.ts","../src/components/Badge/BadgeRoot.tsx","../src/components/Badge/Badge.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '../../utils';\n\nconst addonVariants = cva(\n  [\n    'tw:flex',\n    'tw:items-center',\n    'tw:shrink-0',\n    'tw:bg-inherit',\n    'tw:self-stretch',\n    'tw:px-1',\n    'tw:has-[button]:px-0',\n    'tw:[&_svg:not([class*=\"tw:size-\"])]:size-3',\n  ],\n  {\n    defaultVariants: {\n      align: 'inline-end',\n      variant: 'inline',\n    },\n    variants: {\n      align: {\n        'inline-start': ['tw:order-first'],\n        'inline-end': ['tw:order-last'],\n      },\n      variant: {\n        inline: [],\n        floating: [\n          'tw:hidden',\n          'tw:group-hover/badge:flex',\n\n          'tw:absolute',\n          'tw:top-0',\n          'tw:bottom-0',\n          'tw:focus-within:flex',\n        ],\n      },\n    },\n    compoundVariants: [\n      { variant: 'floating', align: 'inline-end', className: ['tw:right-0'] },\n      { variant: 'floating', align: 'inline-start', className: ['tw:left-0'] },\n    ],\n  },\n);\n\ntype Props = ComponentProps<'div'> & VariantProps<typeof addonVariants>;\n\nexport const BadgeAddon = ({\n  ref,\n  align = 'inline-end',\n  variant = 'inline',\n  className,\n  ...rest\n}: Props) => (\n  <div\n    {...rest}\n    ref={ref}\n    data-align={align}\n    data-variant={variant}\n    className={cn(addonVariants({ align, variant, className }))}\n  />\n);\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<'button'>;\n\nexport const BadgeButton = ({ ref, className, type = 'button', children, ...rest }: Props) => (\n  <button\n    {...rest}\n    ref={ref}\n    type={type}\n    className={cn(\n      'tailwindcss-preflight',\n\n      'tw:inline-flex',\n      'tw:items-center',\n      'tw:justify-center',\n      'tw:cursor-pointer',\n\n      'tw:bg-inherit',\n      'tw:text-inherit',\n\n      'tw:hover:brightness-95',\n      'tw:px-1',\n\n      // The focus ring lives here rather than on `BadgeRoot`, whose own `focus-visible` block\n      // sits on a `div` that never takes focus. Inset, because a badge root clips its overflow —\n      // an outset ring on a nested button would be cut off.\n      'tw:focus-visible:outline-hidden',\n      'tw:focus-visible:ring-2',\n      'tw:focus-visible:ring-inset',\n      'tw:focus-visible:ring-ring',\n      // Default sizing for Lucide-icon children (which ship at 24×24); keeps\n      // the visual baseline aligned with the previous FA-icon API and other\n      // icon-wrapper components (ItemIcon, SidebarMenuIcon).\n      'tw:[&_svg:not([class*=\"tw:size-\"])]:size-3',\n      className,\n    )}\n  >\n    {children}\n  </button>\n);\n","import type { ComponentProps } from 'react';\nimport { Slot } from '@radix-ui/react-slot';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<'span'> & {\n  asChild?: boolean;\n};\n\nexport const BadgeLabel = ({ ref, className, asChild = false, ...rest }: Props) => {\n  const Comp = asChild ? Slot : 'span';\n  return (\n    <Comp\n      {...rest}\n      ref={ref}\n      data-slot=\"badge-label\"\n      className={cn(\n        'tw:max-w-56',\n        'tw:truncate',\n        'tw:px-2',\n        'tw:py-0.5',\n\n        // Drop side padding only when an *inline* addon is present —\n        // floating addons overlay the label without taking layout space,\n        // so the label still needs full padding behind them.\n        'tw:group-has-[[data-align=inline-start][data-variant=inline]:not(:empty)]/badge:pl-0',\n        'tw:group-has-[[data-align=inline-end][data-variant=inline]:not(:empty)]/badge:pr-0',\n        className,\n      )}\n    />\n  );\n};\n","import { cva } from 'class-variance-authority';\n\n/**\n * Badge's `color` variants: a fill class, a foreground class, and a matching\n * `decoration-*` so an underlined badge underlines in its own fill colour.\n *\n * - Tinted (`-inverse`) variants each carry a `[data-theme=dark]` override, so the\n *   chip inverts with the page instead of staying a light slab on a dark surface.\n * - Solid fills are fixed across schemes.\n * - Exported for `scripts/contrast-audit.ts` and the contrast story tests, which\n *   measure each pairing rather than restating this map.\n */\nexport const badgeColors = {\n  gray: 'tw:bg-neutral-400 tw:text-white tw:decoration-neutral-400',\n  'gray-darker': 'tw:bg-neutral-500 tw:text-white tw:decoration-neutral-500',\n  'gray-inverse':\n    'tw:bg-neutral-100 tw:text-neutral-500 tw:decoration-neutral-100 tw:[[data-theme=dark]_&]:bg-neutral-700 tw:[[data-theme=dark]_&]:text-neutral-300 tw:[[data-theme=dark]_&]:decoration-neutral-700',\n  green: 'tw:bg-green-500 tw:text-white tw:decoration-green-500',\n  'green-darker': 'tw:bg-green-600 tw:text-white tw:decoration-green-600',\n  'green-inverse':\n    'tw:bg-green-100 tw:text-green-900 tw:decoration-green-100 tw:[[data-theme=dark]_&]:bg-green-900 tw:[[data-theme=dark]_&]:text-green-200 tw:[[data-theme=dark]_&]:decoration-green-900',\n  blue: 'tw:bg-blue-500 tw:text-white tw:decoration-blue-500',\n  'blue-inverse':\n    'tw:bg-blue-100 tw:text-blue-800 tw:decoration-blue-100 tw:[[data-theme=dark]_&]:bg-blue-900 tw:[[data-theme=dark]_&]:text-blue-200 tw:[[data-theme=dark]_&]:decoration-blue-900',\n  red: 'tw:bg-error-500 tw:text-white tw:decoration-error-500',\n  orange: 'tw:bg-warning-500 tw:text-white tw:decoration-warning-500',\n  'orange-inverse':\n    'tw:bg-warning-100 tw:text-warning-800 tw:decoration-warning-100 tw:[[data-theme=dark]_&]:bg-warning-900 tw:[[data-theme=dark]_&]:text-warning-200 tw:[[data-theme=dark]_&]:decoration-warning-900',\n  amber: 'tw:bg-warning-300 tw:text-warning-800 tw:decoration-warning-300',\n  // One rung deeper than `orange-inverse` on both ends of the ramp, which is what\n  // keeps caution and warning telling apart — the two share the `warning` hue.\n  'amber-inverse':\n    'tw:bg-warning-200 tw:text-warning-800 tw:decoration-warning-200 tw:[[data-theme=dark]_&]:bg-warning-800 tw:[[data-theme=dark]_&]:text-warning-200 tw:[[data-theme=dark]_&]:decoration-warning-800',\n  teal: 'tw:bg-teal-500 tw:text-white tw:decoration-teal-500',\n  'teal-inverse':\n    'tw:bg-teal-100 tw:text-teal-800 tw:decoration-teal-100 tw:[[data-theme=dark]_&]:bg-teal-900 tw:[[data-theme=dark]_&]:text-teal-200 tw:[[data-theme=dark]_&]:decoration-teal-900',\n  purple: 'tw:bg-purple-500 tw:text-white tw:decoration-purple-500',\n  'purple-inverse':\n    'tw:bg-purple-100 tw:text-purple-800 tw:decoration-purple-100 tw:[[data-theme=dark]_&]:bg-purple-900 tw:[[data-theme=dark]_&]:text-purple-200 tw:[[data-theme=dark]_&]:decoration-purple-900',\n  cyan: 'tw:bg-cyan-500 tw:text-white tw:decoration-cyan-500',\n  'cyan-inverse':\n    'tw:bg-cyan-100 tw:text-cyan-800 tw:decoration-cyan-100 tw:[[data-theme=dark]_&]:bg-cyan-900 tw:[[data-theme=dark]_&]:text-cyan-200 tw:[[data-theme=dark]_&]:decoration-cyan-900',\n  'sidebar-primary': 'tw:bg-sidebar-primary tw:text-white tw:decoration-sidebar-primary',\n  white: 'tw:bg-white/90 tw:text-neutral-600 tw:decoration-white/90',\n} as const;\n\n/** A `Badge` `color` value. */\nexport type BadgeColor = keyof typeof badgeColors;\n\n/**\n * Whether a variant paints text on its own tint rather than on a solid fill.\n *\n * - Tinted variants are the ones held to WCAG-AA per `AGENTS.md`; solid `-500`\n *   fills are pinned across brands, so their contrast is recorded, not asserted.\n */\nexport const isTintedBadgeColor = (color: string): boolean => color.endsWith('-inverse');\n\nexport const badgeRootVariants = cva(\n  [\n    'tailwindcss-preflight',\n    'tw:group/badge',\n\n    // display\n    'tw:relative',\n    'tw:inline-flex',\n    'tw:justify-center',\n    'tw:items-center',\n    'tw:min-h-5',\n    'tw:h-fit',\n    'tw:shrink-0',\n    'tw:overflow-hidden',\n\n    // text — chrome weight/tracking are brand-overridable tokens\n    // (`--font-weight-medium` / `--letter-spacing-chrome`); casing lives on the\n    // `default` variant below via `tw:uppercase`.\n    'tw:whitespace-pre-wrap',\n    'tw:break-normal',\n    'tw:text-xs',\n    'tw:font-medium',\n    'tw:tracking-chrome',\n    'tw:text-center',\n    'tw:underline',\n\n    // content\n    'tw:border-none',\n    'tw:[&>svg]:self-center',\n    'tw:[button&]:cursor-pointer',\n\n    // focus\n    'tw:focus-visible:outline-hidden',\n    'tw:focus-visible:ring-2',\n    'tw:focus-visible:ring-inset',\n    'tw:focus-visible:ring-ring',\n  ],\n  {\n    defaultVariants: {\n      color: 'gray',\n      variant: 'default',\n    },\n    variants: {\n      variant: {\n        // Casing is the legacy brands' to ask for: `keboola-legacy-*` uppercases the default\n        // badge, every other brand reads standard case. Same rule, same shape, as `Button` and\n        // `Tooltip`.\n        default: ['tw:rounded', 'tw:[[data-brand^=keboola-legacy]_&]:uppercase'],\n        tag: ['tw:rounded tw:normal-case'],\n        pill: ['tw:min-w-5 tw:rounded-full tw:normal-case tw:tracking-normal'],\n      },\n      color: badgeColors,\n    },\n  },\n);\n","import type { ComponentProps } from 'react';\nimport { type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '../../utils';\n\nimport { badgeRootVariants } from './styles';\n\ntype Props = ComponentProps<'div'> & VariantProps<typeof badgeRootVariants>;\n\nexport const BadgeRoot = ({ ref, variant, color, className, children, ...rest }: Props) => (\n  <div\n    {...rest}\n    ref={ref}\n    data-slot=\"badge\"\n    className={cn(badgeRootVariants({ variant, color, className }))}\n  >\n    {children}\n  </div>\n);\n","import type { ComponentProps, ReactNode } from 'react';\n\nimport { BadgeAddon } from './BadgeAddon';\nimport { BadgeButton } from './BadgeButton';\nimport { BadgeLabel } from './BadgeLabel';\nimport { BadgeRoot } from './BadgeRoot';\n\ntype AddonVariant = ComponentProps<typeof BadgeAddon>['variant'];\ntype BadgeRootProps = ComponentProps<typeof BadgeRoot>;\ntype BadgeLabelProps = ComponentProps<typeof BadgeLabel>;\n\n/**\n * Props for `Badge`. `color` is a categorical contract (`green` = success, `red` = error, `orange` = warning,\n * `amber` = caution, `purple/cyan/teal/blue/gray` for decorative tags) — colours stay fixed across brand themes.\n * Pass `prefix` / `suffix` for icon-style addons.\n */\ntype Props = Pick<BadgeRootProps, 'variant' | 'color'> &\n  Omit<BadgeLabelProps, 'prefix'> & {\n    prefix?: ReactNode;\n    prefixVariant?: AddonVariant;\n    suffix?: ReactNode;\n    suffixVariant?: AddonVariant;\n    labelClassName?: string;\n  };\n\n/**\n * Compact status / category label rendered as an inline pill.\n *\n * **When to use:** encoding status (active, deprecated, beta), counts, or decorative tags next to a title\n * or in a table cell. The `color` prop is a semantic contract — `green` means success, `red` means error\n * etc., and colours are intentionally stable across customer brand themes.\n * **When NOT to use:** for an inline action use `Button` / `ButtonInline`; for a persistent contextual\n * banner use `Alert`; for a counter-only chip prefer `Badge` with just a numeric label.\n * **Composition:** drop into `PageHeader.Detail` `badges` slot, `Table.Cell`, or alongside titles in cards.\n * Use `Badge.Button` for an interactive (clickable) badge variant.\n */\nconst BadgeInner = ({\n  ref,\n  // root props\n  variant,\n  color,\n  // custom props\n  prefix,\n  prefixVariant = 'inline',\n  suffix,\n  suffixVariant = 'inline',\n  className,\n  labelClassName,\n  ...labelProps\n}: Props) => (\n  <BadgeRoot className={className} variant={variant} color={color}>\n    {prefix && (\n      <BadgeAddon align=\"inline-start\" variant={prefixVariant}>\n        {prefix}\n      </BadgeAddon>\n    )}\n    <BadgeLabel {...labelProps} ref={ref} className={labelClassName} />\n    {suffix && (\n      <BadgeAddon align=\"inline-end\" variant={suffixVariant}>\n        {suffix}\n      </BadgeAddon>\n    )}\n  </BadgeRoot>\n);\n\nexport const Badge = Object.assign(BadgeInner, {\n  Root: BadgeRoot,\n  Button: BadgeButton,\n  Label: BadgeLabel,\n  Addon: BadgeAddon,\n});\n"],"mappings":"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"}

package/dist/BrandLogo-CoKBk4MI.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BrandLogo-CoKBk4MI.js","names":[],"sources":["../src/components/BrandLogo/BrandLogo.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport DOMPurify from 'dompurify';\n\nimport type { Brand } from '@keboola/brand-registry';\n\nimport { cn } from '../../utils';\nimport { type ResolvedColorScheme, useTheme } from '../ThemeProvider';\n\ntype Props = {\n  /** `wordmark` (default, full logo) or `mark` (square icon); each falls back to the other. */\n  variant?: 'mark' | 'wordmark';\n  /** Sets the logo height; aspect ratio is preserved (e.g. `tw:h-7`). */\n  className?: string;\n  /**\n   * The logo's accessible name.\n   *\n   * - Defaults to the brand's `name`, which is registry metadata: it labels the brand's row in a\n   *   picker, so it carries whatever disambiguates it there (`Keboola (V2)`).\n   * - Pass the product's own name wherever the logo is what names something to a screen reader — a\n   *   link around it most of all, which otherwise announces that suffix.\n   */\n  label?: string;\n};\n\nconst isInlineSvg = (source: string) => source.trimStart().startsWith('<');\n\n// Resolved mode wins, then the other mode, then the other variant.\nconst resolveLogoSource = (\n  logo: Brand['logo'],\n  variant: 'mark' | 'wordmark',\n  mode: ResolvedColorScheme,\n): string | undefined => {\n  if (!logo) return undefined;\n  const forMode = (light?: string, dark?: string) =>\n    mode === 'dark' ? (dark ?? light) : (light ?? dark);\n  const mark = forMode(logo.mark, logo.markDark);\n  const wordmark = forMode(logo.wordmark, logo.wordmarkDark);\n  return variant === 'mark' ? (mark ?? wordmark) : (wordmark ?? mark);\n};\n\n// Reference SVGs omit width/height, so without a default height a bare\n// `<BrandLogo />` renders at the browser's ~150px intrinsic size. `className` overrides it.\nconst wrapperClass = 'tw:inline-flex tw:h-6 tw:items-center tw:[&>svg]:h-full tw:[&>svg]:w-auto';\n\n/**\n * Renders the active brand's logo from the nearest `<ThemeProvider>`, or `null`\n * if the brand ships none. Inline SVG inherits `currentColor`; URLs use `<img>`.\n */\nexport const BrandLogo = ({ variant = 'wordmark', className, label }: Props) => {\n  const { currentTheme, resolvedScheme } = useTheme();\n  const source = resolveLogoSource(currentTheme.logo, variant, resolvedScheme);\n\n  // A brand may come from customer config or a paste field, not just the repo.\n  const safeSvg = useMemo(\n    () =>\n      source && isInlineSvg(source)\n        ? DOMPurify.sanitize(source, { USE_PROFILES: { svg: true, svgFilters: true } })\n        : null,\n    [source],\n  );\n\n  if (!source) return null;\n\n  if (safeSvg !== null) {\n    return (\n      <span\n        role=\"img\"\n        aria-label={label ?? currentTheme.name}\n        className={cn(wrapperClass, className)}\n        dangerouslySetInnerHTML={{ __html: safeSvg }}\n      />\n    );\n  }\n\n  return (\n    <span className={cn(wrapperClass, className)}>\n      <img src={source} alt={label ?? currentTheme.name} className=\"tw:h-full tw:w-auto\" />\n    </span>\n  );\n};\n"],"mappings":";;;;;;AAwBA,MAAM,eAAe,WAAmB,OAAO,UAAU,CAAC,CAAC,WAAW,GAAG;AAGzE,MAAM,qBACJ,MACA,SACA,SACuB;CACvB,IAAI,CAAC,MAAM,OAAO,KAAA;CAClB,MAAM,WAAW,OAAgB,SAC/B,SAAS,SAAU,QAAQ,QAAU,SAAS;CAChD,MAAM,OAAO,QAAQ,KAAK,MAAM,KAAK,QAAQ;CAC7C,MAAM,WAAW,QAAQ,KAAK,UAAU,KAAK,YAAY;CACzD,OAAO,YAAY,SAAU,QAAQ,WAAa,YAAY;AAChE;AAIA,MAAM,eAAe;;;;;AAMrB,MAAa,aAAa,EAAE,UAAU,YAAY,WAAW,YAAmB;CAC9E,MAAM,EAAE,cAAc,mBAAmB,SAAS;CAClD,MAAM,SAAS,kBAAkB,aAAa,MAAM,SAAS,cAAc;CAG3E,MAAM,UAAU,cAEZ,UAAU,YAAY,MAAM,IACxB,UAAU,SAAS,QAAQ,EAAE,cAAc;EAAE,KAAK;EAAM,YAAY;CAAK,EAAE,CAAC,IAC5E,MACN,CAAC,MAAM,CACT;CAEA,IAAI,CAAC,QAAQ,OAAO;CAEpB,IAAI,YAAY,MACd,OACE,oBAAC,QAAD;EACE,MAAK;EACL,cAAY,SAAS,aAAa;EAClC,WAAW,GAAG,cAAc,SAAS;EACrC,yBAAyB,EAAE,QAAQ,QAAQ;CAC5C,CAAA;CAIL,OACE,oBAAC,QAAD;EAAM,WAAW,GAAG,cAAc,SAAS;EACzC,UAAA,oBAAC,OAAD;GAAK,KAAK;GAAQ,KAAK,SAAS,aAAa;GAAM,WAAU;EAAuB,CAAA;CAChF,CAAA;AAEV"}

package/dist/Breadcrumb-xqEUxfwn.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Breadcrumb-xqEUxfwn.js","names":[],"sources":["../src/components/Breadcrumb/BreadcrumbDropdownContext.ts","../src/components/Breadcrumb/BreadcrumbDropdownGroup.tsx","../src/components/Breadcrumb/BreadcrumbDropdownItem.tsx","../src/components/Breadcrumb/BreadcrumbLink.tsx","../src/components/Breadcrumb/BreadcrumbDropdown.tsx","../src/components/Breadcrumb/BreadcrumbEllipsis.tsx","../src/components/Breadcrumb/BreadcrumbItem.tsx","../src/components/Breadcrumb/BreadcrumbList.tsx","../src/components/Breadcrumb/BreadcrumbPage.tsx","../src/components/Breadcrumb/BreadcrumbSeparator.tsx","../src/components/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import { createContext, isValidElement, useCallback, useMemo, useState } from 'react';\nimport type { ReactNode } from 'react';\n\nexport type BreadcrumbDropdownContextValue = {\n  /** Current (trimmed, lowercased) filter query. Empty string = no filtering. */\n  query: string;\n  /** An ancestor group's label matched the query — descendants render regardless of their own match. */\n  forceVisible: boolean;\n  /** Filtering is off (`filter={false}` or `shouldFilter={false}`) — items never self-hide. */\n  filterDisabled: boolean;\n  /** Report this node's visibility to the parent scope. Returns the unregister cleanup. */\n  register: (id: string, visible: boolean) => () => void;\n  /** Close the panel (fired by items on select). */\n  close: () => void;\n};\n\nexport const BreadcrumbDropdownContext = createContext<BreadcrumbDropdownContextValue | null>(null);\n\nexport const matchesQuery = (text: string, query: string) => text.toLowerCase().includes(query);\n\n/** Text content of a React tree — the default filter text when no `textValue` is given. */\nexport const getNodeText = (node: ReactNode): string => {\n  if (typeof node === 'string' || typeof node === 'number') return String(node);\n  if (Array.isArray(node)) return node.map(getNodeText).join('');\n  if (isValidElement<{ children?: ReactNode }>(node)) return getNodeText(node.props.children);\n  return '';\n};\n\nexport const normalizeQuery = (query: string) => query.trim().toLowerCase();\n\n/**\n * Visibility registry for one filtering scope (the panel root, or one group). Items and groups\n * report their visibility here; `anyVisible` drives the group header / empty-state rendering.\n */\nexport const useMatchRegistry = () => {\n  const [matches, setMatches] = useState<ReadonlyMap<string, boolean>>(new Map());\n\n  const register = useCallback((id: string, visible: boolean) => {\n    setMatches((prev) => (prev.get(id) === visible ? prev : new Map(prev).set(id, visible)));\n    return () => {\n      setMatches((prev) => {\n        if (!prev.has(id)) return prev;\n        const next = new Map(prev);\n        next.delete(id);\n        return next;\n      });\n    };\n  }, []);\n\n  const anyVisible = useMemo(() => [...matches.values()].some(Boolean), [matches]);\n\n  return { register, anyVisible };\n};\n","import { Children, use, useEffect, useId, useMemo, useState } from 'react';\nimport type { ReactNode } from 'react';\n\nimport { ChevronDown, ChevronRight } from '../../icons';\nimport { cn } from '../../utils';\n\nimport {\n  BreadcrumbDropdownContext,\n  getNodeText,\n  matchesQuery,\n  useMatchRegistry,\n} from './BreadcrumbDropdownContext';\n\nconst headerClass = cn(\n  // layout\n  'tw:flex',\n  'tw:w-full',\n  'tw:items-center',\n  'tw:gap-2',\n  'tw:box-border',\n\n  'tw:rounded-md',\n  'tw:border-none',\n  'tw:bg-transparent',\n  'tw:px-2',\n  'tw:py-1.5',\n  'tw:text-left',\n\n  // font — single line; wrap the label in `Truncated` (design system) for ellipsis + tooltip\n  'tw:text-sm',\n  'tw:font-medium',\n  'tw:text-foreground',\n  'tw:min-w-0',\n  'tw:overflow-hidden',\n\n  // icons\n  \"tw:[&_svg:not([class*='tw:size-'])]:size-4\",\n  'tw:[&_svg]:shrink-0',\n);\n\nconst collapsibleHeaderClass = cn(\n  'tw:cursor-pointer',\n  'tw:hover:bg-accent',\n  'tw:focus-visible:outline-hidden',\n  'tw:focus-visible:ring-2',\n  'tw:focus-visible:ring-ring/50',\n);\n\ntype BreadcrumbDropdownGroupProps = {\n  /** Group header (e.g. bucket name + stage badge). */\n  label: ReactNode;\n  /**\n   * Text the built-in filter matches against. When the group label matches, all its items stay\n   * visible. Defaults to the label's rendered text content.\n   */\n  textValue?: string;\n  /** Render the header as a toggle that expands / collapses the group's items. Default `false`. */\n  collapsible?: boolean;\n  /** Initial expanded state for `collapsible` groups. Default `true`. */\n  defaultExpanded?: boolean;\n  className?: string;\n  children: ReactNode;\n};\n\n/**\n * A labelled group of `Breadcrumb.Dropdown.Item`s (e.g. one bucket with its tables). The group\n * hides itself when neither its label nor any child matches the filter query; an active query\n * force-expands collapsible groups. Non-empty `collapsible` groups toggle their items behind the\n * header with an animated expand / collapse; a `collapsible` group with no items renders a\n * non-interactive, greyed header that can't toggle.\n */\nexport const BreadcrumbDropdownGroup = ({\n  label,\n  textValue,\n  collapsible = false,\n  defaultExpanded = true,\n  className,\n  children,\n}: BreadcrumbDropdownGroupProps) => {\n  const parent = use(BreadcrumbDropdownContext);\n  if (!parent) {\n    throw new Error('Breadcrumb.Dropdown.Group must be rendered inside Breadcrumb.Dropdown');\n  }\n  const id = useId();\n  const { register: registerChild, anyVisible } = useMatchRegistry();\n  const [expanded, setExpanded] = useState(defaultExpanded);\n\n  const text = textValue ?? getNodeText(label);\n  const filtering = !parent.filterDisabled && !!parent.query;\n  const labelMatched = filtering && matchesQuery(text, parent.query);\n  const visible = !filtering || parent.forceVisible || labelMatched || anyVisible;\n\n  useEffect(() => parent.register(id, visible), [parent, id, visible]);\n\n  const childContext = useMemo(\n    () => ({\n      query: parent.query,\n      forceVisible: parent.forceVisible || labelMatched,\n      filterDisabled: parent.filterDisabled,\n      register: registerChild,\n      close: parent.close,\n    }),\n    [parent, labelMatched, registerChild],\n  );\n\n  // An active query force-expands the group so matches are never hidden behind a collapsed header.\n  const isExpanded = !collapsible || expanded || filtering;\n  // A collapsible group with no items has nothing to toggle — render a non-interactive header.\n  // oxlint-disable-next-line react-x/no-children-count -- emptiness check, no child transformation\n  const isEmpty = Children.count(children) === 0;\n\n  return (\n    <div\n      className={cn('tw:flex tw:flex-col', className)}\n      style={visible ? undefined : { display: 'none' }}\n    >\n      {collapsible && isEmpty ? (\n        <span\n          aria-disabled\n          className={cn(\n            headerClass,\n            'tw:text-muted-foreground',\n            // Fade just the leading chevron lighter than the label text.\n            'tw:[&>svg:first-child]:opacity-50',\n          )}\n        >\n          <ChevronRight />\n          {label}\n        </span>\n      ) : collapsible && !isEmpty ? (\n        <button\n          type=\"button\"\n          aria-expanded={isExpanded}\n          className={cn(headerClass, collapsibleHeaderClass)}\n          onClick={() => setExpanded((prev) => !prev)}\n        >\n          {isExpanded ? <ChevronDown /> : <ChevronRight />}\n          {label}\n        </button>\n      ) : (\n        <span className={headerClass}>{label}</span>\n      )}\n      <BreadcrumbDropdownContext value={childContext}>\n        {collapsible && !isEmpty ? (\n          // Animated expand / collapse via a CSS grid-rows transition (0fr ↔ 1fr). The children stay\n          // mounted while collapsed so the filter registry keeps receiving their visibility; `inert`\n          // + `aria-hidden` take the collapsed content out of the a11y tree and tab order. An active\n          // filter query force-expands (`isExpanded` includes `filtering`).\n          <div\n            className={cn(\n              'tw:grid tw:transition-[grid-template-rows] tw:duration-200 tw:ease-out',\n              'tw:motion-reduce:transition-none',\n              isExpanded ? 'tw:grid-rows-[1fr]' : 'tw:grid-rows-[0fr]',\n            )}\n          >\n            <div\n              className=\"tw:overflow-hidden\"\n              inert={!isExpanded}\n              aria-hidden={isExpanded ? undefined : true}\n            >\n              <div className=\"tw:flex tw:flex-col tw:pl-6\">{children}</div>\n            </div>\n          </div>\n        ) : (\n          <div\n            className=\"tw:flex tw:flex-col tw:pl-6\"\n            style={isExpanded ? undefined : { display: 'none' }}\n          >\n            {children}\n          </div>\n        )}\n      </BreadcrumbDropdownContext>\n    </div>\n  );\n};\n","import { use, useEffect, useId } from 'react';\nimport type { ComponentProps } from 'react';\nimport { Slot } from '@radix-ui/react-slot';\n\nimport { cn } from '../../utils';\n\nimport { BreadcrumbDropdownContext, getNodeText, matchesQuery } from './BreadcrumbDropdownContext';\n\nconst itemClass = cn(\n  // layout\n  'tw:flex',\n  'tw:w-full',\n  'tw:items-center',\n  'tw:gap-2',\n  'tw:box-border',\n\n  'tw:rounded-md',\n  'tw:border-none',\n  'tw:bg-transparent',\n  'tw:px-2',\n  'tw:py-1.5',\n  'tw:cursor-pointer',\n  'tw:text-left',\n\n  // font — single line; wrap the label in `Truncated` (design system) for ellipsis + tooltip\n  'tw:text-sm',\n  'tw:font-normal',\n  'tw:text-foreground',\n  'tw:no-underline',\n  'tw:min-w-0',\n  'tw:overflow-hidden',\n\n  // hover / active entity\n  'tw:hover:bg-accent',\n  'tw:data-[active]:bg-accent',\n  'tw:data-[active]:font-medium',\n\n  // focus\n  'tw:focus-visible:outline-hidden',\n  'tw:focus-visible:ring-2',\n  'tw:focus-visible:ring-ring/50',\n\n  // icons\n  \"tw:[&_svg:not([class*='tw:size-'])]:size-4\",\n  'tw:[&_svg]:shrink-0',\n);\n\ntype BreadcrumbDropdownItemProps = ComponentProps<'button'> & {\n  /** Render the consumer's element (typically a router link) instead of a `button`. */\n  asChild?: boolean;\n  /**\n   * Text the built-in filter matches against. Defaults to the item's rendered text content\n   * (extracted recursively, so `asChild` links with icons work out of the box).\n   */\n  textValue?: string;\n  /** Marks the currently open entity (highlight + `aria-current`). */\n  active?: boolean;\n  /** Close the panel when the item is selected. Default `true`. */\n  closeOnSelect?: boolean;\n};\n\n/**\n * One selectable entity row inside `Breadcrumb.Dropdown`. Self-hides when it doesn't match the\n * panel's filter query and closes the panel on select. Use `asChild` to render a router link.\n */\nexport const BreadcrumbDropdownItem = ({\n  ref,\n  asChild = false,\n  textValue,\n  active = false,\n  closeOnSelect = true,\n  className,\n  children,\n  onClick,\n  ...props\n}: BreadcrumbDropdownItemProps) => {\n  const context = use(BreadcrumbDropdownContext);\n  if (!context) {\n    throw new Error('Breadcrumb.Dropdown.Item must be rendered inside Breadcrumb.Dropdown');\n  }\n  const id = useId();\n\n  const text = textValue ?? getNodeText(children);\n  const visible =\n    context.filterDisabled ||\n    !context.query ||\n    context.forceVisible ||\n    matchesQuery(text, context.query);\n\n  useEffect(() => context.register(id, visible), [context, id, visible]);\n\n  if (!visible) return null;\n\n  const Comp = asChild ? Slot : 'button';\n  return (\n    <Comp\n      ref={ref}\n      {...(asChild ? {} : { type: 'button' as const })}\n      data-active={active || undefined}\n      aria-current={active || undefined}\n      className={cn(itemClass, className)}\n      onClick={(event) => {\n        onClick?.(event);\n        if (closeOnSelect && !event.defaultPrevented) {\n          context.close();\n        }\n      }}\n      {...props}\n    >\n      {children}\n    </Comp>\n  );\n};\n","import type { ComponentProps } from 'react';\nimport { Slot } from '@radix-ui/react-slot';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<'a'> & {\n  asChild?: boolean;\n};\n\nexport const BreadcrumbLink = ({ ref, asChild = false, className, ...props }: Props) => {\n  const Comp = asChild ? Slot : 'a';\n  return (\n    <Comp\n      ref={ref}\n      className={cn(\n        'tw:flex',\n        'tw:items-center',\n        'tw:gap-1.5',\n        // font\n        'tw:text-muted-foreground',\n        'tw:font-normal',\n        'tw:no-underline',\n\n        // hover\n        'tw:hover:text-foreground',\n\n        // focus\n        'tw:focus-visible:outline-hidden',\n        'tw:focus-visible:ring-2',\n        'tw:focus-visible:ring-ring/50',\n        'tw:focus-visible:rounded-sm',\n\n        // Icon\n        'tw:[&_svg:not([class*=\"tw:size-\"])]:size-3.5',\n\n        // transition\n        'tw:transition-colors',\n        className,\n      )}\n      {...props}\n    />\n  );\n};\n","import { useCallback, useMemo, useRef, useState } from 'react';\nimport type { ComponentRef, ReactNode } from 'react';\n\nimport { SearchInput } from '../../blocks/SearchInput';\nimport { ChevronDown } from '../../icons';\nimport { cn } from '../../utils';\nimport { Popover } from '../Popover';\n\nimport {\n  BreadcrumbDropdownContext,\n  normalizeQuery,\n  useMatchRegistry,\n} from './BreadcrumbDropdownContext';\nimport { BreadcrumbDropdownGroup } from './BreadcrumbDropdownGroup';\nimport { BreadcrumbDropdownItem } from './BreadcrumbDropdownItem';\nimport { BreadcrumbLink } from './BreadcrumbLink';\n\n// Chevron trigger — the only button in the crumb. It sits tight next to the label so it reads as\n// grouped with it, with no persistent outline: it's a button purely via the hover / open background\n// + colour lift. Used on its own next to a link label (`splitTrigger`) or after a plain label.\nconst chevronButtonClass = cn(\n  // layout\n  'tw:flex',\n  'tw:items-center',\n  'tw:justify-center',\n\n  'tw:rounded-md',\n  'tw:border-none',\n  'tw:bg-transparent',\n  'tw:cursor-pointer',\n  // compact square hit target that stays snug against the label\n  'tw:size-5',\n  'tw:text-muted-foreground',\n  'tw:transition-colors',\n  'tw:hover:bg-accent',\n  'tw:hover:text-foreground',\n  'tw:data-[state=open]:bg-accent',\n  'tw:data-[state=open]:text-foreground',\n\n  // focus\n  'tw:focus-visible:outline-hidden',\n  'tw:focus-visible:ring-2',\n  'tw:focus-visible:ring-ring/50',\n\n  // chevron rotation while open\n  'tw:[&_svg]:transition-transform',\n  'tw:[&[data-state=open]_svg]:rotate-180',\n);\n\n// Plain (non-link) label — same typography as `BreadcrumbLink` but no hover/focus treatment, since\n// it isn't interactive: only the chevron opens the panel.\nconst plainLabelClass = cn(\n  'tw:flex',\n  'tw:items-center',\n  'tw:gap-1.5',\n  'tw:text-muted-foreground',\n  'tw:font-normal',\n  'tw:[&_svg:not([class*=\"tw:size-\"])]:size-3.5',\n);\n\n// Fixed panel width per `size` (default `medium`). Long names truncate rather than wrap or widen\n// the panel. Width still clamps to the viewport via min(); height is clamped the same way.\nconst PANEL_BASE = 'tw:max-h-[min(640px,var(--radix-popover-content-available-height))]';\n\nconst PANEL_WIDTH = {\n  small: 'tw:w-[min(360px,var(--radix-popover-content-available-width))]',\n  medium: 'tw:w-[min(440px,var(--radix-popover-content-available-width))]',\n  large: 'tw:w-[min(560px,var(--radix-popover-content-available-width))]',\n} as const;\n\ntype PanelSize = keyof typeof PANEL_WIDTH;\n\n/**\n * Props for `Breadcrumb.Dropdown`. The panel chrome (trigger typography, popover sizing, pinned\n * filter input) is owned by the component — consumers supply the label and the panel content,\n * composed from `Breadcrumb.Dropdown.Group` / `Breadcrumb.Dropdown.Item`.\n */\ntype BreadcrumbDropdownProps = {\n  /**\n   * Crumb label, shown next to the chevron button that opens the panel — the label itself is never\n   * the trigger. With `splitTrigger`, pass an anchor-like element (e.g. a router link) so the label\n   * also navigates; otherwise it renders as a plain, non-navigational crumb label.\n   */\n  label: ReactNode;\n  /**\n   * When `true`, the label is a navigable link (pass an anchor-like `label` element, rendered through\n   * `Breadcrumb.Link asChild`). Default `false` — the label is plain text. Either way only the\n   * chevron button opens the panel; it always sits grouped tight to the label.\n   */\n  splitTrigger?: boolean;\n  /**\n   * Accessible name for the chevron trigger button. Defaults to `\"${label} menu\"` when `label` is\n   * a plain string, otherwise `\"Open menu\"` — pass explicitly when `label` is a non-string node.\n   */\n  triggerLabel?: string;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  /**\n   * Fixed panel width: `small` (360px), `medium` (440px, default), or `large` (560px). Names that\n   * exceed the width truncate with an ellipsis (hover shows the full name). Clamps to the viewport.\n   */\n  size?: PanelSize;\n  /**\n   * Pinned filter input at the top of the panel, focused on open. On by default — items and groups\n   * that don't match the query hide themselves (matched against their `textValue` / string\n   * content). Set to `false` to opt out of the input entirely.\n   */\n  filter?: boolean;\n  /**\n   * Set to `false` to keep the filter input but disable the built-in matching — the consumer\n   * filters the content it renders (e.g. server-side or custom matching). Default `true`.\n   */\n  shouldFilter?: boolean;\n  /** Controlled filter value. Omit to let the component manage the query internally. */\n  searchValue?: string;\n  onSearchChange?: (value: string) => void;\n  searchPlaceholder?: string;\n  /** Rendered when the built-in filter hides everything. Default `\"No results.\"`. */\n  emptyMessage?: ReactNode;\n  /** Panel content — `Breadcrumb.Dropdown.Group` / `Breadcrumb.Dropdown.Item` elements. */\n  children: ReactNode;\n};\n\n/**\n * Breadcrumb segment that opens a standardized switcher panel — a filterable list / tree of\n * sibling entities the user can jump between (e.g. the Storage bucket/table tree on a table\n * detail page).\n *\n * **When to use:** on the leftmost breadcrumb segment that has siblings / children worth switching\n * between. Use at most one dropdown segment per breadcrumb.\n * **When NOT to use:** for tertiary actions on the breadcrumbs row use the `overflowActions` slot of\n * `PageHeader.Detail`; for a collapsed middle of a long breadcrumb use `Breadcrumb.Ellipsis`.\n * **Composition:** render inside `Breadcrumb.Item` in place of `Breadcrumb.Link`. Compose the panel\n * from `Breadcrumb.Dropdown.Group` and `Breadcrumb.Dropdown.Item` — the built-in filter matches\n * and hides them automatically.\n */\nexport const BreadcrumbDropdown = ({\n  label,\n  splitTrigger = false,\n  triggerLabel,\n  open,\n  defaultOpen = false,\n  onOpenChange,\n  size = 'medium',\n  filter = true,\n  shouldFilter = true,\n  searchValue,\n  onSearchChange,\n  searchPlaceholder = 'Search…',\n  emptyMessage = 'No results.',\n  children,\n}: BreadcrumbDropdownProps) => {\n  const searchRef = useRef<ComponentRef<'input'>>(null);\n  const [internalOpen, setInternalOpen] = useState(defaultOpen);\n  const [internalQuery, setInternalQuery] = useState('');\n  const { register, anyVisible } = useMatchRegistry();\n\n  const isOpen = open ?? internalOpen;\n  const handleOpenChange = useCallback(\n    (nextOpen: boolean) => {\n      setInternalOpen(nextOpen);\n      if (!nextOpen) setInternalQuery('');\n      onOpenChange?.(nextOpen);\n    },\n    [onOpenChange],\n  );\n  const close = useCallback(() => handleOpenChange(false), [handleOpenChange]);\n\n  const effectiveTriggerLabel =\n    triggerLabel ?? (typeof label === 'string' ? `${label} menu` : 'Open menu');\n\n  const rawQuery = searchValue ?? internalQuery;\n  const filterDisabled = !filter || !shouldFilter;\n  const query = filterDisabled ? '' : normalizeQuery(rawQuery);\n\n  const contextValue = useMemo(\n    () => ({ query, forceVisible: false, filterDisabled, register, close }),\n    [query, filterDisabled, register, close],\n  );\n\n  return (\n    <Popover open={isOpen} onOpenChange={handleOpenChange}>\n      <span className=\"tw:flex tw:items-center tw:gap-0.5\">\n        {splitTrigger ? (\n          <BreadcrumbLink asChild>{label}</BreadcrumbLink>\n        ) : (\n          <span className={plainLabelClass}>{label}</span>\n        )}\n        <Popover.Trigger asChild>\n          <button type=\"button\" aria-label={effectiveTriggerLabel} className={chevronButtonClass}>\n            <ChevronDown className=\"tw:size-3.5\" />\n          </button>\n        </Popover.Trigger>\n      </span>\n      <Popover.Content\n        align=\"start\"\n        sideOffset={8}\n        collisionPadding={16}\n        data-size={size}\n        className={cn('tw:overflow-hidden tw:p-0', PANEL_BASE, PANEL_WIDTH[size])}\n        onOpenAutoFocus={\n          filter\n            ? (event) => {\n                event.preventDefault();\n                searchRef.current?.focus();\n              }\n            : undefined\n        }\n      >\n        {filter && (\n          <div className=\"tw:shrink-0 tw:border-0 tw:border-b tw:border-solid tw:border-border tw:p-2\">\n            <SearchInput\n              ref={searchRef}\n              value={rawQuery}\n              onValueChange={(value) => {\n                setInternalQuery(value);\n                onSearchChange?.(value);\n              }}\n              placeholder={searchPlaceholder}\n              allowClear\n              // Built-in matching is client-side and cheap — filter on every keystroke. Keep the\n              // debounce only when the consumer filters itself (shouldFilter={false}, e.g. server-side).\n              disableDebounce={shouldFilter}\n            />\n          </div>\n        )}\n        <div className=\"tw:flex tw:flex-1 tw:flex-col tw:overflow-y-auto tw:p-2\">\n          <BreadcrumbDropdownContext value={contextValue}>{children}</BreadcrumbDropdownContext>\n          {!filterDisabled && !!query && !anyVisible && (\n            <span className=\"tw:px-2 tw:py-1.5 tw:text-sm tw:text-muted-foreground\">\n              {emptyMessage}\n            </span>\n          )}\n        </div>\n      </Popover.Content>\n    </Popover>\n  );\n};\n\nBreadcrumbDropdown.Item = BreadcrumbDropdownItem;\nBreadcrumbDropdown.Group = BreadcrumbDropdownGroup;\n","import type { ComponentProps } from 'react';\n\nimport { Ellipsis } from '../../icons';\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<'button'>;\n\nexport const BreadcrumbEllipsis = ({ ref, className, ...props }: Props) => (\n  <button\n    ref={ref}\n    type=\"button\"\n    className={cn(\n      // layout\n      'tw:flex',\n      'tw:items-center',\n      'tw:justify-center',\n\n      'tw:rounded-md',\n      'tw:border-none',\n      'tw:bg-transparent',\n      'tw:cursor-pointer',\n      'tw:text-muted-foreground',\n      'tw:transition-colors',\n      // Match the Breadcrumb.Dropdown chevron trigger: background + colour lift on hover / while the\n      // menu is open, so the two interactive breadcrumb affordances read consistently.\n      'tw:hover:bg-accent',\n      'tw:hover:text-foreground',\n      'tw:data-[state=open]:bg-accent',\n      'tw:data-[state=open]:text-foreground',\n\n      // focus\n      'tw:focus-visible:outline-hidden',\n      'tw:focus-visible:ring-2',\n      'tw:focus-visible:ring-ring/50',\n\n      'tw:p-1',\n      className,\n    )}\n    {...props}\n  >\n    <Ellipsis className=\"tw:size-4\" />\n    <span className=\"tw:sr-only\">More</span>\n  </button>\n);\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<'li'>;\n\nexport const BreadcrumbItem = ({ className, ...props }: Props) => (\n  <li className={cn('tw:inline-flex', 'tw:items-center', className)} {...props} />\n);\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<'ol'>;\n\nexport const BreadcrumbList = ({ className, ...props }: Props) => (\n  <ol\n    className={cn(\n      // layout\n      'tw:flex',\n      'tw:flex-wrap',\n      'tw:items-center',\n      'tw:gap-2',\n      'tw:m-0',\n      'tw:p-0',\n\n      // font\n      'tw:break-words',\n      'tw:text-sm',\n      'tw:text-muted-foreground',\n      className,\n    )}\n    {...props}\n  />\n);\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<'span'>;\n\nexport const BreadcrumbPage = ({ ref, className, ...props }: Props) => (\n  <span\n    ref={ref}\n    // Do not use the anchor, as this item is not clickable\n    // oxlint-disable-next-line jsx_a11y/prefer-tag-over-role\n    role=\"link\"\n    aria-disabled=\"true\"\n    aria-current=\"page\"\n    className={cn('tw:font-medium', 'tw:text-foreground', className)}\n    {...props}\n  />\n);\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<'li'>;\n\nexport const BreadcrumbSeparator = ({ children, className, ...props }: Props) => (\n  <li\n    role=\"presentation\"\n    aria-hidden=\"true\"\n    className={cn(\n      // layout\n      'tw:flex',\n      'tw:items-center',\n      'tw:justify-center',\n\n      'tw:aspect-square',\n      'tw:size-[15px]',\n      'tw:[&_svg:not([class*=\"tw:size-\"])]:size-2.5',\n      'tw:text-muted-foreground',\n      className,\n    )}\n    {...props}\n  >\n    {children ?? <span className=\"tw:select-none tw:text-sm tw:text-muted-foreground/50\">/</span>}\n  </li>\n);\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '../../utils';\n\nimport { BreadcrumbDropdown } from './BreadcrumbDropdown';\nimport { BreadcrumbEllipsis } from './BreadcrumbEllipsis';\nimport { BreadcrumbItem } from './BreadcrumbItem';\nimport { BreadcrumbLink } from './BreadcrumbLink';\nimport { BreadcrumbList } from './BreadcrumbList';\nimport { BreadcrumbPage } from './BreadcrumbPage';\nimport { BreadcrumbSeparator } from './BreadcrumbSeparator';\n\ntype Props = ComponentProps<'nav'>;\n\nexport const Breadcrumb = ({ className, ...props }: Props) => (\n  <nav aria-label=\"breadcrumb\" className={cn('tailwindcss-preflight', className)} {...props} />\n);\n\nBreadcrumb.List = BreadcrumbList;\nBreadcrumb.Item = BreadcrumbItem;\nBreadcrumb.Link = BreadcrumbLink;\nBreadcrumb.Page = BreadcrumbPage;\nBreadcrumb.Separator = BreadcrumbSeparator;\nBreadcrumb.Ellipsis = BreadcrumbEllipsis;\nBreadcrumb.Dropdown = BreadcrumbDropdown;\n"],"mappings":"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"}

package/dist/Button-DsRrU5F1.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button-DsRrU5F1.js","names":[],"sources":["../src/components/Button/styles.ts","../src/components/Button/Button.tsx","../src/components/Button/ButtonInline.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\n\n// An opaque tint is spelled `bg-[color-mix(in_oklab,rgb(var(--tint))_N%,rgb(var(--base)))]`\n// rather than Tailwind's `bg-<token>/N`, which mixes into `transparent`.\n//\n// - A translucent fill on a control that is opaque at rest shows whatever the button overlaps.\n// - Raw `--*` triples, not Tailwind's `--color-*` theme names: those exist at build time only,\n//   and an unresolved one invalidates the declaration, which then computes to `transparent`.\n// - The whole class must appear literally — Tailwind scans source text, so a string a helper\n//   assembles generates no CSS.\n\nexport const variants = cva(\n  [\n    'tailwindcss-preflight',\n    'tw:group/button',\n    'tw:border-box',\n\n    // layout\n    'tw:relative',\n    'tw:flex',\n    'tw:items-center',\n    'tw:justify-center',\n    'tw:gap-2',\n\n    // text — chrome weight/tracking are brand-overridable tokens\n    // (`--font-weight-medium` / `--letter-spacing-chrome`). Casing: standard case is\n    // the default; only legacy brands (`keboola-legacy-*`) uppercase the chrome, so\n    // modern brands (incl. Keboola V2) read naturally. Mirrors the V2 standard-case\n    // treatment shipped for Tooltip/Badge (PR 7629).\n    'tw:text-xs',\n    'tw:leading-5',\n    'tw:font-medium',\n    'tw:[[data-brand^=keboola-legacy]_&]:tracking-chrome',\n    'tw:[[data-brand^=keboola-legacy]_&]:uppercase',\n\n    // border — legacy (non-argo) chrome uses a fixed radius, not the brand token.\n    'tw:rounded',\n    'tw:border',\n    'tw:border-transparent',\n\n    // styling\n    'tw:shadow-none',\n    'tw:[a]:cursor-pointer', // explicitly set for anchor\n\n    'tw:focus-visible:outline',\n    'tw:focus-visible:outline-1',\n    'tw:focus-visible:-outline-offset-1',\n    'tw:focus-visible:outline-ring',\n    'tw:focus-visible:ring-4',\n    'tw:focus-visible:ring-ring/30',\n\n    // disabled\n    'tw:disabled:opacity-40',\n    'tw:disabled:cursor-not-allowed',\n\n    // anchor support\n    'tw:!no-underline',\n    'tw:aria-disabled:opacity-40',\n    'tw:aria-disabled:cursor-not-allowed',\n\n    'tw:[&_svg]:shrink-0',\n  ],\n  {\n    defaultVariants: {\n      size: 'medium',\n      variant: 'primary',\n      block: false,\n    },\n    variants: {\n      block: {\n        true: ['tw:w-full'],\n      },\n      variant: {\n        primary: [\n          'tw:text-white',\n          'tw:bg-primary-500',\n\n          'tw:focus:text-white',\n          'tw:hover:text-white',\n          'tw:hover:not-disabled:bg-primary-600',\n          'tw:active:not-disabled:bg-primary-800',\n\n          // anchor disabled override\n          'tw:aria-disabled:!bg-primary-500',\n        ],\n        secondary: [\n          'tw:text-white',\n          'tw:bg-secondary-500',\n\n          'tw:focus:text-white',\n          'tw:hover:text-white',\n          'tw:hover:not-disabled:bg-secondary-700',\n          'tw:active:not-disabled:bg-secondary-800',\n\n          // anchor disabled override\n          'tw:aria-disabled:!bg-secondary-500',\n        ],\n        danger: [\n          'tw:text-white',\n          'tw:bg-error-500',\n\n          'tw:focus:text-white',\n          'tw:hover:text-white',\n          'tw:hover:not-disabled:bg-error-600',\n          'tw:active:not-disabled:bg-error-700',\n\n          // anchor disabled override\n          'tw:aria-disabled:!bg-error-500',\n        ],\n        // The label and the hover/active fills read tokens rather than the fixed\n        // neutral scale, so the variant follows the active brand and colour scheme\n        // (argo's `invisible` already did). A transparent button inherits whatever\n        // surface it is dropped on, so it is the one legacy variant that cannot\n        // assume a light page — pinning it forced every dark-scheme call site to\n        // re-declare the colour by hand.\n        invisible: [\n          'tw:text-foreground',\n          'tw:bg-transparent',\n\n          'tw:focus:text-foreground',\n          'tw:hover:not-disabled:bg-muted',\n          'tw:hover:text-foreground',\n          'tw:active:not-disabled:bg-secondary',\n\n          // contrasting icon on hover/active\n          'tw:[&_svg]:text-neutral-400',\n          'tw:hover:not-disabled:[&_svg]:text-secondary-600',\n          'tw:active:not-disabled:[&_svg]:text-secondary-600',\n\n          // anchor disabled override\n          'tw:aria-disabled:!bg-transparent',\n        ],\n        outline: [\n          'tw:text-foreground',\n          'tw:bg-card',\n          // border\n          'tw:!border-input',\n          'tw:hover:text-foreground',\n          'tw:focus:text-foreground',\n          // Hover/pressed fills and the hover border are `muted-foreground` tints, not\n          // tokens of their own: a tint composites over `bg-card` and so steps visibly in\n          // either scheme, where `bg-muted` sits 4/255 from `bg-card` in the dark one.\n          //\n          // - The fills mix into `--card`, so the colour is unchanged on a card and stays\n          //   opaque off one.\n          // - The border stays a tint of `transparent`: no `bg-clip-padding` here, so the\n          //   fill paints under the border box and the border composites over it.\n          'tw:hover:not-disabled:!border-muted-foreground/60',\n          'tw:hover:not-disabled:bg-[color-mix(in_oklab,rgb(var(--muted-foreground))_15%,rgb(var(--card)))]',\n          'tw:active:not-disabled:bg-[color-mix(in_oklab,rgb(var(--muted-foreground))_35%,rgb(var(--card)))]',\n\n          // contrasting icon hover, same as invisible\n          'tw:[&_svg]:text-muted-foreground',\n          'tw:not-disabled:hover:[&_svg]:text-secondary-600',\n          'tw:active:not-disabled:[&_svg]:text-secondary-600',\n\n          // anchor disabled override\n          'tw:aria-disabled:!bg-card',\n          'tw:aria-disabled:!border-input',\n        ],\n\n        inline: [\n          'tw:text-foreground',\n          'tw:bg-transparent',\n          'tw:rounded-full',\n\n          'tw:[&_svg]:text-muted-foreground',\n          'tw:not-disabled:hover:[&_svg]:text-secondary-600',\n          'tw:not-disabled:focus:[&_svg]:text-secondary-600',\n        ],\n      },\n      size: {\n        medium: [\n          'tw:max-h-10',\n          'tw:min-h-10',\n          'tw:px-4',\n          'tw:py-2.5',\n          'tw:[&_svg:not([class*=\"tw:size-\"])]:size-4',\n        ],\n        small: [\n          'tw:max-h-8',\n          'tw:min-h-8',\n          'tw:px-4',\n          'tw:py-1.5',\n          'tw:[&_svg:not([class*=\"tw:size-\"])]:size-4',\n        ],\n        large: [\n          'tw:max-h-12',\n          'tw:min-h-12',\n          'tw:px-4',\n          'tw:py-3.5',\n          'tw:[&_svg:not([class*=\"tw:size-\"])]:size-4',\n        ],\n\n        'icon-lg': ['tw:size-12', 'tw:p-0', 'tw:[&_svg:not([class*=\"tw:size-\"])]:size-6'],\n        icon: ['tw:size-10', 'tw:p-0', 'tw:[&_svg:not([class*=\"tw:size-\"])]:size-4'],\n        'icon-sm': ['tw:size-8', 'tw:p-0', 'tw:[&_svg:not([class*=\"tw:size-\"])]:size-4'],\n        'icon-xs': ['tw:size-6', 'tw:p-0', 'tw:[&_svg:not([class*=\"tw:size-\"])]:size-4'],\n        'icon-2xs': [\n          'tw:!inline-flex',\n          'tw:size-5',\n          'tw:max-h-5',\n          'tw:[&_svg:not([class*=\"tw:size-\"])]:size-3',\n        ],\n        'icon-3xs': ['tw:h-fit', 'tw:w-fit', 'tw:[&_svg:not([class*=\"tw:size-\"])]:size-4'],\n      },\n    },\n  },\n);\n\nexport const argoVariants = cva(\n  [\n    'tailwindcss-preflight',\n\n    // layout\n    'tw:relative',\n    'tw:inline-flex',\n    'tw:items-center',\n    'tw:justify-center',\n    'tw:whitespace-nowrap',\n    'tw:gap-2',\n\n    // border\n    'tw:border',\n    'tw:border-transparent',\n    'tw:rounded-[var(--radius-lg,0.25rem)]',\n\n    // text\n    'tw:font-medium',\n    'tw:select-none',\n\n    // focus visible\n    'tw:!outline-hidden',\n    'tw:focus-visible:ring-2',\n\n    // disabled\n    'tw:disabled:cursor-not-allowed',\n    'tw:disabled:opacity-50',\n    'tw:active:opacity-60',\n\n    'tw:transition-all',\n    'tw:bg-clip-padding',\n\n    // anchor support\n    'tw:!no-underline',\n    'tw:aria-disabled:cursor-not-allowed',\n    'tw:aria-disabled:opacity-50',\n\n    // icon\n    'tw:shrink-0',\n    'tw:[&_svg]:pointer-events-none',\n    'tw:[&_svg]:shrink-0',\n    \"tw:[&_svg:not([class*='tw:size-'])]:size-4\",\n  ],\n  {\n    defaultVariants: {\n      variant: 'primary',\n      size: 'medium',\n    },\n    variants: {\n      block: {\n        true: ['tw:w-full'],\n      },\n      variant: {\n        primary: [\n          'tw:bg-primary',\n          'tw:text-primary-foreground',\n          'tw:[a]:hover:bg-primary/80',\n          'tw:hover:not-disabled:bg-primary/90',\n          'tw:hover:text-primary-foreground',\n          'tw:focus:text-primary-foreground',\n\n          'tw:focus-visible:border-primary',\n          'tw:focus-visible:ring-ring/50',\n        ],\n        secondary: [\n          'tw:bg-primary/10',\n          'tw:text-primary',\n          'tw:hover:not-disabled:bg-primary/20',\n\n          'tw:focus-visible:border-primary',\n          'tw:focus-visible:ring-ring/50',\n        ],\n\n        // should be called \"destructive\" by Figma\n        danger: [\n          'tw:bg-destructive',\n          'tw:text-destructive-foreground',\n          'tw:hover:not-disabled:bg-destructive/90',\n          'tw:hover:text-destructive-foreground',\n          'tw:focus:text-destructive-foreground',\n\n          'tw:focus-visible:border-destructive',\n          'tw:focus-visible:ring-destructive/20',\n        ],\n        outline: [\n          'tw:!border-input',\n          'tw:bg-background',\n          // Semantic base text color so the label/icon flips in dark mode\n          // (matches `invisible`); previously unset → inherited a fixed dark color.\n          'tw:text-foreground',\n          // Hover takes its hue from the brand primary rather than the fixed `accent` blue.\n          //\n          // - The fill mixes into `--background`, so it tints the button rather than\n          //   showing the surface through it — `bg-clip-padding` gives a translucent fill\n          //   nothing of its own to sit on.\n          // - The border carries the state change; the fill cannot, being within ~1.5:1 of\n          //   any light surface at tint opacities. It steps the *chrome* border, leaving\n          //   `--primary` to `focus-visible` as in every other argo variant.\n          // - Solid, not `muted-foreground/<alpha>`: `bg-clip-padding` leaves the surface\n          //   under the border, so a tint's contrast would depend on the call site.\n          'tw:hover:not-disabled:bg-[color-mix(in_oklab,rgb(var(--primary))_10%,rgb(var(--background)))]',\n          'tw:hover:not-disabled:!border-muted-foreground',\n          'tw:hover:not-disabled:text-primary',\n          'tw:hover:active:bg-background',\n          'tw:focus-visible:!border-primary',\n          'tw:focus-visible:ring-ring/50',\n        ],\n\n        // should be called \"ghost\" by Figma\n        invisible: [\n          'tw:bg-transparent',\n          'tw:text-foreground',\n          'tw:hover:not-disabled:bg-primary/10',\n          'tw:hover:not-disabled:text-primary',\n          'tw:hover:not-disabled:border-primary/10',\n\n          'tw:focus-visible:ring-ring/50',\n        ],\n        // should be called \"link\" by Figma\n        inline: [\n          'tw:bg-transparent',\n          'tw:text-primary',\n          'tw:hover:underline',\n          'tw:hover:active:bg-transparent',\n          'tw:focus-visible:ring-ring/50',\n        ],\n      },\n      size: {\n        // should be called \"default\" by Figma\n        medium: ['tw:max-h-9', 'tw:py-2', 'tw:px-4', 'tw:text-sm'],\n        // should be called \"small\" by Figma\n        small: ['tw:max-h-8', 'tw:py-2', 'tw:px-3', 'tw:text-xs'],\n        // should be called \"large\" by Figma\n        large: ['tw:max-h-10', 'tw:py-2.5', 'tw:px-6', 'tw:text-sm'],\n\n        'icon-lg': ['tw:size-10'],\n        icon: ['tw:size-9'],\n        'icon-sm': ['tw:size-8'],\n        'icon-xs': ['tw:size-6'],\n        // unsupported in ARGO, remove when old design is gone\n        'icon-2xs': [],\n        'icon-3xs': [],\n      },\n    },\n  },\n);\n","import type { ComponentProps } from 'react';\nimport { Root, Slottable } from '@radix-ui/react-slot';\nimport type { VariantProps } from 'class-variance-authority';\n\nimport { Loader2 } from '../../icons';\nimport { cn } from '../../utils';\nimport { useArgoDesign } from '../ThemeProvider/context';\n\nimport { argoVariants, variants } from './styles';\n\n/**\n * Props for the `Button` component.\n *\n * Pass `variant` for primary/secondary/danger/outline/invisible looks, `size`\n * for height (including `icon-*` sizes when rendering icon-only). Icons are\n * composed as children — `<Button><Trash2 className=\"tw:size-4\" /> Delete</Button>`.\n */\ntype Props = {\n  /** Replaces the leading content with a spinner and disables the button visually. The caller still controls `disabled`. */\n  isLoading?: boolean;\n  /** Render as a Radix `Slot` so the parent JSX (e.g. a `react-router` `<Link>`) becomes the button element. */\n  asChild?: boolean;\n} & ComponentProps<'button'> &\n  VariantProps<typeof variants>;\n\n/**\n * Primary action surface for the design system — covers all clickable controls except inline text links.\n *\n * **When to use:** any user-initiated action (submit, save, open modal, run job). Use `size=\"icon-*\"` with no\n * children for an icon-only button; there is no separate `IconButton` component.\n * **When NOT to use:** for inline text-link actions inside body copy use `ButtonInline`; for navigation that\n * opens a URL use `Link`; for \"primary action + dropdown of related actions\" use `SplitButton`.\n * **Composition:** wrap in `Tooltip` when icon-only or when disabled state needs an explanation; pair with\n * `Popconfirm` for destructive confirmations; pass through `Modal.Trigger` / `DropdownMenu.Trigger` via `asChild`.\n *\n * @see RECIPES.md#disabled-button-tooltip — for the disabled-button + tooltip pattern\n * @see RECIPES.md#confirm-dialog — for destructive-action confirmation\n */\nexport const Button = ({\n  ref,\n  children,\n  disabled = false,\n  className,\n  type = 'button',\n  isLoading = false,\n  asChild = false,\n  onClick,\n  variant = 'primary',\n  size = 'medium',\n  block = false,\n  ...buttonProps\n}: Props) => {\n  const renderArgo = useArgoDesign();\n  const Comp = asChild ? Root : 'button';\n  const isIconOnly = String(size).startsWith('icon');\n  const classNames = renderArgo\n    ? argoVariants({ variant, size, block, className })\n    : variants({ size, variant, block, className });\n\n  const handleClick: ComponentProps<'button'>['onClick'] = (event) => {\n    const isAnchor = event.currentTarget.tagName === 'A';\n\n    // <a/> does not support disabled by default, and we cannot use pointer-events: none because cursor-not-allowed would not work.\n    if (isAnchor && disabled) {\n      event.preventDefault();\n      return;\n    }\n\n    onClick?.(event);\n  };\n\n  return (\n    <Comp\n      {...buttonProps}\n      ref={ref}\n      disabled={disabled}\n      aria-disabled={disabled}\n      data-variant={variant}\n      // `size=\"icon\"` / `size=\"icon-*\"` flags the button as icon-only — needed\n      // by `ButtonGroup space=\"block\"` which stretches non-icon children to\n      // equal width.\n      data-icon-only={isIconOnly}\n      type={type}\n      onClick={handleClick}\n      className={cn(classNames)}\n    >\n      {isLoading && <Loader2 className=\"tw:size-4 tw:shrink-0 tw:animate-spin\" />}\n      <Slottable>{isLoading && isIconOnly ? null : children}</Slottable>\n    </Comp>\n  );\n};\n","import type { ComponentProps } from 'react';\nimport { Root } from '@radix-ui/react-slot';\nimport type { VariantProps } from 'class-variance-authority';\nimport { cva } from 'class-variance-authority';\n\nconst buttonInlineVariants = cva(\n  [\n    'tailwindcss-preflight',\n\n    'tw:inline-flex',\n    'tw:items-center',\n    'tw:gap-2',\n\n    'tw:underline-offset-2',\n\n    'tw:disabled:opacity-40',\n    'tw:disabled:cursor-not-allowed',\n    'tw:disabled:text-neutral-500',\n    'tw:disabled:no-underline',\n    'tw:disabled:[&_svg]:text-neutral-400',\n\n    // Default size for nested Lucide icons; 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      variant: 'link',\n      color: 'link',\n    },\n    variants: {\n      color: {\n        link: ['tw:text-primary', 'tw:hover:text-primary/90', 'tw:[&_svg]:text-primary'],\n        dark: ['tw:text-foreground tw:[&_svg]:text-muted-foreground'],\n        danger: ['tw:text-error-500 tw:[&_svg]:text-error-500'],\n        muted: ['tw:text-muted-foreground tw:[&_svg]:text-muted-foreground'],\n        custom: [],\n      },\n      variant: {\n        link: ['tw:underline', 'tw:hover:no-underline'],\n        'link-reverse': ['tw:no-underline', '', 'tw:hover:underline'],\n        custom: [],\n      },\n    },\n  },\n);\n\ntype Props = ComponentProps<'button'> &\n  VariantProps<typeof buttonInlineVariants> & { asChild?: boolean };\n\nexport const ButtonInline = ({\n  ref,\n  children,\n  className,\n  variant,\n  color,\n  type = 'button',\n  asChild = false,\n  ...buttonProps\n}: Props) => {\n  const Comp = asChild ? Root : 'button';\n\n  return (\n    <Comp\n      {...buttonProps}\n      ref={ref}\n      type={asChild ? undefined : type}\n      className={buttonInlineVariants({ variant, color, className })}\n    >\n      {children}\n    </Comp>\n  );\n};\n"],"mappings":";;;;;;;AAWA,MAAa,WAAW,IACtB;CACE;CACA;CACA;CAGA;CACA;CACA;CACA;CACA;CAOA;CACA;CACA;CACA;CACA;CAGA;CACA;CACA;CAGA;CACA;CAEA;CACA;CACA;CACA;CACA;CACA;CAGA;CACA;CAGA;CACA;CACA;CAEA;AACF,GACA;CACE,iBAAiB;EACf,MAAM;EACN,SAAS;EACT,OAAO;CACT;CACA,UAAU;EACR,OAAO,EACL,MAAM,CAAC,WAAW,EACpB;EACA,SAAS;GACP,SAAS;IACP;IACA;IAEA;IACA;IACA;IACA;IAGA;GACF;GACA,WAAW;IACT;IACA;IAEA;IACA;IACA;IACA;IAGA;GACF;GACA,QAAQ;IACN;IACA;IAEA;IACA;IACA;IACA;IAGA;GACF;GAOA,WAAW;IACT;IACA;IAEA;IACA;IACA;IACA;IAGA;IACA;IACA;IAGA;GACF;GACA,SAAS;IACP;IACA;IAEA;IACA;IACA;IASA;IACA;IACA;IAGA;IACA;IACA;IAGA;IACA;GACF;GAEA,QAAQ;IACN;IACA;IACA;IAEA;IACA;IACA;GACF;EACF;EACA,MAAM;GACJ,QAAQ;IACN;IACA;IACA;IACA;IACA;GACF;GACA,OAAO;IACL;IACA;IACA;IACA;IACA;GACF;GACA,OAAO;IACL;IACA;IACA;IACA;IACA;GACF;GAEA,WAAW;IAAC;IAAc;IAAU;GAA4C;GAChF,MAAM;IAAC;IAAc;IAAU;GAA4C;GAC3E,WAAW;IAAC;IAAa;IAAU;GAA4C;GAC/E,WAAW;IAAC;IAAa;IAAU;GAA4C;GAC/E,YAAY;IACV;IACA;IACA;IACA;GACF;GACA,YAAY;IAAC;IAAY;IAAY;GAA4C;EACnF;CACF;AACF,CACF;AAEA,MAAa,eAAe,IAC1B;CACE;CAGA;CACA;CACA;CACA;CACA;CACA;CAGA;CACA;CACA;CAGA;CACA;CAGA;CACA;CAGA;CACA;CACA;CAEA;CACA;CAGA;CACA;CACA;CAGA;CACA;CACA;CACA;AACF,GACA;CACE,iBAAiB;EACf,SAAS;EACT,MAAM;CACR;CACA,UAAU;EACR,OAAO,EACL,MAAM,CAAC,WAAW,EACpB;EACA,SAAS;GACP,SAAS;IACP;IACA;IACA;IACA;IACA;IACA;IAEA;IACA;GACF;GACA,WAAW;IACT;IACA;IACA;IAEA;IACA;GACF;GAGA,QAAQ;IACN;IACA;IACA;IACA;IACA;IAEA;IACA;GACF;GACA,SAAS;IACP;IACA;IAGA;IAWA;IACA;IACA;IACA;IACA;IACA;GACF;GAGA,WAAW;IACT;IACA;IACA;IACA;IACA;IAEA;GACF;GAEA,QAAQ;IACN;IACA;IACA;IACA;IACA;GACF;EACF;EACA,MAAM;GAEJ,QAAQ;IAAC;IAAc;IAAW;IAAW;GAAY;GAEzD,OAAO;IAAC;IAAc;IAAW;IAAW;GAAY;GAExD,OAAO;IAAC;IAAe;IAAa;IAAW;GAAY;GAE3D,WAAW,CAAC,YAAY;GACxB,MAAM,CAAC,WAAW;GAClB,WAAW,CAAC,WAAW;GACvB,WAAW,CAAC,WAAW;GAEvB,YAAY,CAAC;GACb,YAAY,CAAC;EACf;CACF;AACF,CACF;;;;;;;;;;;;;;;;AC9TA,MAAa,UAAU,EACrB,KACA,UACA,WAAW,OACX,WACA,OAAO,UACP,YAAY,OACZ,UAAU,OACV,SACA,UAAU,WACV,OAAO,UACP,QAAQ,OACR,GAAG,kBACQ;CACX,MAAM,aAAa,cAAc;CACjC,MAAM,OAAO,UAAU,OAAO;CAC9B,MAAM,aAAa,OAAO,IAAI,CAAC,CAAC,WAAW,MAAM;CACjD,MAAM,aAAa,aACf,aAAa;EAAE;EAAS;EAAM;EAAO;CAAU,CAAC,IAChD,SAAS;EAAE;EAAM;EAAS;EAAO;CAAU,CAAC;CAEhD,MAAM,eAAoD,UAAU;EAIlE,IAHiB,MAAM,cAAc,YAAY,OAGjC,UAAU;GACxB,MAAM,eAAe;GACrB;EACF;EAEA,UAAU,KAAK;CACjB;CAEA,OACE,qBAAC,MAAD;EACE,GAAI;EACC;EACK;EACV,iBAAe;EACf,gBAAc;EAId,kBAAgB;EACV;EACN,SAAS;EACT,WAAW,GAAG,UAAU;EAZ1B,UAAA,CAcG,aAAa,oBAAC,SAAD,EAAS,WAAU,wCAAyC,CAAA,GAC1E,oBAAC,WAAD,EAAA,UAAY,aAAa,aAAa,OAAO,SAAoB,CAAA,CAC7D;;AAEV;;;ACrFA,MAAM,uBAAuB,IAC3B;CACE;CAEA;CACA;CACA;CAEA;CAEA;CACA;CACA;CACA;CACA;CAGA;CACA;AACF,GACA;CACE,iBAAiB;EACf,SAAS;EACT,OAAO;CACT;CACA,UAAU;EACR,OAAO;GACL,MAAM;IAAC;IAAmB;IAA4B;GAAyB;GAC/E,MAAM,CAAC,qDAAqD;GAC5D,QAAQ,CAAC,6CAA6C;GACtD,OAAO,CAAC,2DAA2D;GACnE,QAAQ,CAAC;EACX;EACA,SAAS;GACP,MAAM,CAAC,gBAAgB,uBAAuB;GAC9C,gBAAgB;IAAC;IAAmB;IAAI;GAAoB;GAC5D,QAAQ,CAAC;EACX;CACF;AACF,CACF;AAKA,MAAa,gBAAgB,EAC3B,KACA,UACA,WACA,SACA,OACA,OAAO,UACP,UAAU,OACV,GAAG,kBACQ;CAGX,OACE,oBAHW,UAAU,OAAO,UAG5B;EACE,GAAI;EACC;EACL,MAAM,UAAU,KAAA,IAAY;EAC5B,WAAW,qBAAqB;GAAE;GAAS;GAAO;EAAU,CAAC;EAE5D;CACG,CAAA;AAEV"}