@keboola/design 11.3.0 → 11.5.0

package/dist/MermaidDiagram-JlvuGcY-.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MermaidDiagram-JlvuGcY-.js","names":[],"sources":["../src/blocks/MermaidDiagram/mermaidTheme.ts","../src/blocks/MermaidDiagram/MermaidDiagram.tsx"],"sourcesContent":["import type { RenderOptions } from 'beautiful-mermaid';\nimport type { MermaidConfig } from 'mermaid';\n\nimport type { ResolvedColorScheme } from '../../components/ThemeProvider/types';\nimport { createTokenResolver } from '../../utils/themeTokens';\n\nconst DIAGRAM_FONT = 'Inter, system-ui, sans-serif';\n\n/**\n * Fallback channels for the tokens the diagram palette reads, mirroring the\n * `:root` / `[data-theme='dark']` blocks of `styles.css`.\n *\n * `resolveToken` only reaches these when the live custom property is missing —\n * SSR, or a unit test that loads no CSS. In the browser the computed value wins,\n * which is what makes a customer brand re-skin the diagram for free.\n */\nconst FALLBACK_CHANNELS = {\n  card: { light: '255 255 255', dark: '34 34 40' },\n  'card-foreground': { light: '30 41 59', dark: '229 230 236' },\n  foreground: { light: '30 41 59', dark: '229 230 236' },\n  muted: { light: '241 245 249', dark: '38 38 45' },\n  'muted-foreground': { light: '100 116 139', dark: '141 144 153' },\n  border: { light: '229 231 235', dark: '52 53 62' },\n  primary: { light: '37 99 235', dark: '31 143 255' },\n  accent: { light: '224 242 254', dark: '30 58 95' },\n  'accent-foreground': { light: '13 65 127', dark: '147 197 253' },\n  warning: { light: '138 82 16', dark: '255 190 92' },\n  success: { light: '24 122 76', dark: '62 207 127' },\n  destructive: { light: '220 38 38', dark: '229 72 77' },\n} as const;\n\ntype TokenName = keyof typeof FALLBACK_CHANNELS;\n\n/**\n * Binds a token lookup to one `getComputedStyle` snapshot for the whole palette.\n * Built per call, never hoisted: the values move with the scheme and the brand.\n */\nconst tokenReader = (scheme: ResolvedColorScheme) => {\n  const resolve = createTokenResolver();\n  return (name: TokenName, alpha?: number): string =>\n    resolve(name, FALLBACK_CHANNELS[name][scheme], alpha);\n};\n\n/**\n * Palette for `beautiful-mermaid`'s synchronous renderer. It sets these as CSS\n * variables on the `<svg>` and derives everything else it needs from `bg` + `fg`\n * with `color-mix()` — which is why leaving them at the library defaults painted\n * a near-white node fill (#f8f8f8, mixed from a white `bg`) on a dark page.\n *\n * `transparent` keeps the page background showing through, so `bg` only feeds\n * those derivations; the node fill is pinned explicitly via `surface`.\n */\nexport const fastRenderOptions = (scheme: ResolvedColorScheme): RenderOptions => {\n  const token = tokenReader(scheme);\n\n  return {\n    bg: token('card'),\n    fg: token('foreground'),\n    line: token('border'),\n    accent: token('primary'),\n    muted: token('muted-foreground'),\n    surface: token('muted'),\n    border: token('border'),\n    transparent: true,\n    font: DIAGRAM_FONT,\n  };\n};\n\n/**\n * Config for the async `mermaid` renderer (the fallback for dialects the fast\n * renderer can't parse, and for icon-pack diagrams).\n *\n * Built on the `base` theme so every colour comes from `themeVariables` rather\n * than mermaid's own light/dark palettes. Node chrome maps to the `accent` pair\n * (a tinted surface with a legible foreground in both schemes), containers to\n * `card`, and the gantt/note states to the status tokens — consumed as a low\n * alpha tint plus a solid mark, per the brand-neutrality contract, since the\n * status tokens themselves are text-legible colours rather than fills.\n */\nexport const mermaidConfig = (scheme: ResolvedColorScheme): MermaidConfig => {\n  const token = tokenReader(scheme);\n\n  const surface = token('accent');\n  const onSurface = token('accent-foreground');\n  const container = token('card');\n  const onContainer = token('card-foreground');\n  const line = token('border');\n  const stroke = token('primary');\n  const text = token('foreground');\n\n  return {\n    startOnLoad: false,\n    securityLevel: 'strict',\n    theme: 'base',\n    themeVariables: {\n      darkMode: scheme === 'dark',\n      background: container,\n      primaryColor: surface,\n      primaryTextColor: onSurface,\n      primaryBorderColor: stroke,\n      secondaryColor: container,\n      secondaryTextColor: onContainer,\n      secondaryBorderColor: line,\n      tertiaryColor: token('warning', 0.15),\n      tertiaryTextColor: token('warning'),\n      tertiaryBorderColor: token('warning'),\n      lineColor: line,\n      textColor: text,\n      mainBkg: surface,\n      nodeBorder: stroke,\n      clusterBkg: container,\n      clusterBorder: line,\n      titleColor: text,\n      edgeLabelBackground: container,\n      nodeTextColor: onSurface,\n      actorBorder: stroke,\n      actorBkg: surface,\n      actorTextColor: onSurface,\n      actorLineColor: line,\n      signalColor: text,\n      signalTextColor: text,\n      labelBoxBkgColor: surface,\n      labelBoxBorderColor: stroke,\n      labelTextColor: onSurface,\n      loopTextColor: text,\n      noteBorderColor: token('warning'),\n      noteBkgColor: token('warning', 0.15),\n      noteTextColor: text,\n      sectionBkgColor: surface,\n      altSectionBkgColor: container,\n      sectionBkgColor2: token('muted'),\n      taskBorderColor: stroke,\n      taskBkgColor: surface,\n      taskTextColor: onSurface,\n      taskTextDarkColor: text,\n      taskTextLightColor: text,\n      activeTaskBorderColor: stroke,\n      activeTaskBkgColor: token('primary', 0.25),\n      doneTaskBorderColor: token('success'),\n      doneTaskBkgColor: token('success', 0.15),\n      critBorderColor: token('destructive'),\n      critBkgColor: token('destructive', 0.15),\n      fontFamily: DIAGRAM_FONT,\n      fontSize: '14px',\n    },\n  };\n};\n","import { useEffect, useId, useRef, useState } from 'react';\nimport type { ReactNode } from 'react';\nimport { renderMermaidSVG } from 'beautiful-mermaid';\nimport type mermaid from 'mermaid';\n\nimport type { ResolvedColorScheme } from '../../components/ThemeProvider/types';\nimport { useThemeAttributes } from '../../components/ThemeProvider/useThemeAttributes';\nimport { ZoomableSvg } from '../../components/ZoomableSvg';\nimport { DiagramSkeleton } from '../DiagramShared/DiagramSkeleton';\nimport { DiagramSource } from '../DiagramShared/DiagramSource';\nimport {\n  flattenForeignObjectLabels,\n  hasDrawnContent,\n  makeResponsive,\n} from '../DiagramShared/svgTransforms';\n\nimport { fastRenderOptions, mermaidConfig } from './mermaidTheme';\n\ntype MermaidModule = { default: typeof mermaid };\n\nlet mermaidPromise: Promise<MermaidModule> | null = null;\n\n// Iconify icon pack registered with mermaid so `@{ icon: \"lucide:name\" }` node\n// shapes and `architecture-beta service <id>(lucide:name)` render — keeping\n// diagram glyphs consistent with the Lucide icons used across the rest of the UI.\n// The pack JSON resolves from a workspace dependency (no CDN fetch) via a dynamic\n// import, so it lands in its own lazy chunk and icons render offline / under a\n// strict CSP without weighing down the initial bundle.\nconst registerLucideIconPack = (m: typeof mermaid): void => {\n  m.registerIconPacks([\n    {\n      name: 'lucide',\n      loader: () => import('@iconify-json/lucide/icons.json').then((mod) => mod.default),\n    },\n  ]);\n};\n\nconst getMermaid = (): Promise<MermaidModule> => {\n  if (!mermaidPromise) {\n    mermaidPromise = import('mermaid')\n      .then((m) => {\n        registerLucideIconPack(m.default);\n        return m;\n      })\n      .catch((err) => {\n        mermaidPromise = null;\n        throw err;\n      });\n  }\n  return mermaidPromise;\n};\n\nconst stripFontImports = (svg: string): string =>\n  svg.replace(/@import\\s+url\\([^)]*fonts\\.googleapis\\.com[^)]*\\);?\\s*/g, '');\n\n// beautiful-mermaid's synchronous renderer has no icon-pack support, so a diagram\n// using icon syntax must skip the fast path and take the async mermaid render\n// (which registers the pack). Matches:\n// - the flowchart / treeView icon shape `@{ icon: \"pack:name\" }`\n// - `architecture-beta` / `treeView` refs `icon|service|group <id>(pack:name)`\n//   (the id between keyword and `(` is optional)\n// - legacy FontAwesome refs `fa:fa-*` / `fab:` embedded in node text\nconst hasIconSyntax = (code: string): boolean =>\n  /@\\{[^}]*\\bicon\\s*:/.test(code) ||\n  /\\b(?:icon|service|group)\\b[^\\n(]*\\(\\s*[\\w-]+:/.test(code) ||\n  /\\bfa[bslr]?:fa-/.test(code);\n\nconst tryFastRender = (code: string, scheme: ResolvedColorScheme): string | null => {\n  if (hasIconSyntax(code)) return null;\n  try {\n    const svg = stripFontImports(renderMermaidSVG(code, fastRenderOptions(scheme)));\n    // A zero-sized result is a silent layout failure, not a diagram — take the\n    // async fallback rather than caching an empty box. See `hasDrawnContent`.\n    return hasDrawnContent(svg) ? svg : null;\n  } catch (err) {\n    // beautiful-mermaid can't parse every mermaid dialect; the async mermaid\n    // renderer is the fallback. Log at debug so regressions are diagnosable\n    // without noising up the console on the expected unsupported-syntax path.\n    console.debug('[MermaidDiagram] fast render unavailable, using async fallback:', err);\n    return null;\n  }\n};\n\n/**\n * Whether a mermaid parse error means \"ran out of input\" rather than \"bad syntax\".\n *\n * - Mermaid's jison parsers report the end of input as token `1`, so a source\n *   truncated mid-diagram — every intermediate frame of a streaming answer —\n *   fails with `hash.token === 1`.\n * - Genuinely invalid syntax fails on a real token (`'ONLY_ONE'`, …) instead.\n * - Only a lower bound: some truncations do land on a real token and read as\n *   invalid. Those fall through to the `<pre>` fallback for one frame and clear\n *   when the next chunk arrives, which is the pre-existing behaviour.\n */\nconst isTruncatedDiagram = (err: unknown): boolean =>\n  typeof err === 'object' && err !== null && 'hash' in err\n    ? (err as { hash?: { token?: unknown } }).hash?.token === 1\n    : false;\n\nconst RENDER_DEBOUNCE_MS = 300;\n\n// How long a truncated diagram is held as \"still arriving\" before it is shown as\n// source. Comfortably longer than the gap between streamed chunks, short enough\n// that an abandoned stream resolves while the reader is still looking at it.\nconst TRUNCATION_GRACE_MS = 2_000;\n\n// Module-level SVG cache — persists across component remounts (e.g. tab switches\n// that cause React to remount the tree). The colours are baked into the markup,\n// so the key is the code *plus* the theme key (scheme + brand): the same diagram\n// is a different SVG under a different colour scheme or brand.\nconst svgCache = new Map<string, string>();\n\nconst diagramCacheKey = (code: string, themeKey: string): string => `${themeKey}\\n${code}`;\n\n// Resolve an SVG synchronously: cache hit first, otherwise a fast synchronous\n// render. Caches the result and returns it, or null when neither is available\n// (the caller then falls back to the async mermaid render).\nconst resolveSyncSvg = (\n  code: string,\n  cacheKey: string,\n  scheme: ResolvedColorScheme,\n): string | null => {\n  const cached = svgCache.get(cacheKey);\n  if (cached) return cached;\n  const fast = tryFastRender(code, scheme);\n  if (fast) svgCache.set(cacheKey, fast);\n  return fast;\n};\n\ntype Props = {\n  /** Mermaid diagram source code. Supports flowchart, sequence, class, state, ER,\n   *  pie, gantt, and mindmap. Gantt `dateFormat HH:mm` (time-only) is not supported\n   *  by mermaid's dayjs parser — use `dateFormat YYYY-MM-DD HH:mm` with `axisFormat %H:%M` instead. */\n  code: string;\n  /** Extra toolbar controls (e.g. an `ExportMenu`), forwarded to `ZoomableSvg`.\n   *  Receives the sanitized SVG. Omit to keep the default toolbar. */\n  renderActions?: (safeSvg: string) => ReactNode;\n};\n\nexport const MermaidDiagram = ({ code, renderActions }: Props) => {\n  const id = useId();\n  // Re-renders whenever the active colour scheme or brand changes, so the\n  // diagram is re-rendered in the new palette instead of staying a light island\n  // on a dark page. The scheme comes out of the same read as the key, so the\n  // palette can never be resolved under one scheme and cached under the other —\n  // see `useThemeAttributes` for why the theme context is a step ahead of the\n  // CSS variables it stands for.\n  const { scheme, cacheKey: themeKey } = useThemeAttributes();\n  const cacheKey = diagramCacheKey(code, themeKey);\n\n  const [svg, setSvg] = useState<string | null>(() => resolveSyncSvg(code, cacheKey, scheme));\n  const [renderFailed, setRenderFailed] = useState(false);\n  const [truncated, setTruncated] = useState(false);\n  const debounceRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const renderIdRef = useRef(0);\n\n  // Synchronously reset stale state when the code or the theme changes, to avoid\n  // a one-frame flash of the previous diagram.\n  const [prevKey, setPrevKey] = useState(cacheKey);\n  if (cacheKey !== prevKey) {\n    setPrevKey(cacheKey);\n    setSvg(resolveSyncSvg(code, cacheKey, scheme));\n    setRenderFailed(false);\n    setTruncated(false);\n  }\n\n  useEffect(() => {\n    // Synchronous results (cache hit / fast render) are already applied and\n    // cached by the useState initializer (mount) and the render-phase reset\n    // (code / theme change). Only the async fallback needs an effect.\n    if (svgCache.has(cacheKey)) return;\n\n    const currentRenderId = ++renderIdRef.current;\n\n    if (debounceRef.current) {\n      clearTimeout(debounceRef.current);\n    }\n\n    debounceRef.current = setTimeout(() => {\n      getMermaid()\n        .then(async (mermaidModule) => {\n          if (renderIdRef.current !== currentRenderId) return;\n          const rendererId = `mermaid-${id.replaceAll(':', '')}`;\n          const container = document.createElement('div');\n          container.style.visibility = 'hidden';\n          container.style.position = 'absolute';\n          container.style.top = '-9999px';\n          container.style.width = '900px';\n          document.body.appendChild(container);\n          // Re-applied per render rather than once at import: `initialize` is the\n          // only way to change mermaid's palette, and the palette follows the\n          // active scheme/brand.\n          mermaidModule.default.initialize(mermaidConfig(scheme));\n          try {\n            const result = await mermaidModule.default.render(rendererId, code, container);\n            if (renderIdRef.current === currentRenderId && result) {\n              const svgOutput = flattenForeignObjectLabels(result.svg);\n              svgCache.set(cacheKey, svgOutput);\n              setSvg(svgOutput);\n              setRenderFailed(false);\n              setTruncated(false);\n            }\n          } finally {\n            container.remove();\n          }\n        })\n        .catch((err: unknown) => {\n          if (renderIdRef.current !== currentRenderId) return;\n          setSvg(null);\n          // A diagram arriving a chunk at a time is invalid at almost every\n          // intermediate length, so a truncation is treated as \"not ready\" and\n          // holds the skeleton instead of the raw-code `<pre>`. It is held for a\n          // bounded wait, not indefinitely: a stream that dies mid-entity — or a\n          // diagram a user simply left unterminated — never gets a next chunk, and\n          // a skeleton that stays forever is worse than showing the source. The\n          // timer is cleared by the effect teardown, so any further chunk cancels\n          // it and re-renders.\n          if (isTruncatedDiagram(err)) {\n            console.debug('[MermaidDiagram] incomplete diagram, awaiting more input:', err);\n            setTruncated(true);\n            return;\n          }\n          console.error('[MermaidDiagram] fallback failed:', err);\n          setRenderFailed(true);\n        });\n    }, RENDER_DEBOUNCE_MS);\n\n    const timer = debounceRef.current;\n    const renderId = renderIdRef;\n    return () => {\n      renderId.current++;\n      if (timer) {\n        clearTimeout(timer);\n      }\n    };\n  }, [cacheKey, code, id, scheme]);\n\n  // A truncated diagram is held as \"still arriving\" for a bounded wait, not\n  // indefinitely: a stream that dies mid-entity — or a diagram a user left\n  // unterminated — never sends another chunk, and a skeleton that stays forever\n  // is worse than showing the source. Any further chunk changes `code`, which\n  // resets `truncated` and tears this timer down.\n  useEffect(() => {\n    if (!truncated) return;\n    const timer = setTimeout(() => setRenderFailed(true), TRUNCATION_GRACE_MS);\n    return () => clearTimeout(timer);\n  }, [truncated, cacheKey]);\n\n  const processedSvg = svg ? makeResponsive(svg) : null;\n\n  if (renderFailed) {\n    return <DiagramSource code={code} />;\n  }\n\n  if (processedSvg) {\n    return (\n      <ZoomableSvg\n        key={code}\n        html={processedSvg}\n        copyText={`\\`\\`\\`mermaid\\n${code}\\n\\`\\`\\``}\n        className=\"tw:my-3\"\n        allowForeignObject\n        renderActions={renderActions}\n      />\n    );\n  }\n\n  return <DiagramSkeleton />;\n};\n"],"mappings":"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"}

package/dist/Modal-o4ATIexE.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Modal-o4ATIexE.js","names":[],"sources":["../src/components/Modal/ModalBody.tsx","../src/components/Modal/ModalContent.tsx","../src/components/Modal/ModalFooter.tsx","../src/components/Modal/ModalActions.tsx","../src/components/Modal/ModalHeader.tsx","../src/components/Modal/ModalIcon.tsx","../src/components/Modal/ModalImage.tsx","../src/components/Modal/Modal.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nimport { cn } from '../../utils';\n\n/** Props for `Modal.Body`. Accepts all `<div>` attributes; `as=\"form\"` is reserved for future use. */\ntype Props = ComponentProps<'div'> & {\n  as?: 'form';\n};\n\n/**\n * Scrollable body slot for `Modal`. Place form fields, content blocks, or detail panels here.\n * Takes available height inside `Modal.Content` and scrolls when content overflows.\n */\nexport const ModalBody = ({ className, ...props }: Props) => (\n  <div\n    data-slot=\"modal-body\"\n    className={cn(\n      // scrollable body - takes available space and scrolls when content overflows\n      'tw:flex-1',\n      'tw:overflow-y-auto',\n\n      // argo: soft top/bottom edge fade in place of header/footer separators (pure-CSS utility)\n      'tw:group-data-[argo=true]/modal:scroll-fade-y',\n\n      // Own horizontal padding, matching Header/Footer so content edges align (ModalContent adds none)\n      'tw:group-data-[argo=false]/modal:px-7',\n      'tw:group-data-[argo=true]/modal:px-4',\n      'tw:py-1',\n\n      // normalize nested Lucide icon sizing, matching Popover/HoverCard/Alert content surfaces\n      \"tw:[&_svg.lucide:not([class*='tw:size-'])]:size-4\",\n      'tw:[&_svg]:shrink-0',\n      className,\n    )}\n    {...props}\n  />\n);\n","import type { ComponentProps } from 'react';\nimport { Content, Portal } from '@radix-ui/react-dialog';\n\nimport { cn } from '../../utils';\nimport { useArgoDesign } from '../ThemeProvider/context';\n\nimport { ModalOverlay } from './ModalOverlay';\n\ntype Props = ComponentProps<typeof Content> & {\n  size?: 'small' | 'medium' | 'large';\n};\n\nexport const ModalContent = ({\n  size = 'medium',\n  className,\n  children,\n  onEscapeKeyDown,\n  ...props\n}: Props) => {\n  const renderArgo = useArgoDesign();\n\n  const handleEscapeKeyDown: typeof onEscapeKeyDown = (event) => {\n    // Stop propagation to prevent parent modals (like FullScreenModal) from closing\n    event.stopPropagation();\n    onEscapeKeyDown?.(event);\n  };\n\n  return (\n    <Portal>\n      <ModalOverlay>\n        <Content\n          // props first so callers can't override the computed data-argo / data-size\n          {...props}\n          data-argo={renderArgo}\n          data-size={size}\n          className={cn(\n            'tailwindcss-preflight',\n            'tw:group/modal',\n\n            // positioning - horizontally centered; vertical anchor depends on the design language\n            'tw:fixed',\n            'tw:left-1/2',\n            'tw:-translate-x-1/2',\n            'tw:z-[1051]',\n\n            // legacy: anchored near the top; argo: centered in the viewport (like AlertModal)\n            'tw:data-[argo=false]:top-20',\n            'tw:data-[argo=true]:top-1/2',\n            'tw:data-[argo=true]:-translate-y-1/2',\n\n            // sizing - responsive max dimensions\n            'tw:w-full',\n            'tw:max-w-2xl',\n            'tw:max-h-[calc(100vh-2*theme(spacing.20))]',\n\n            // layout\n            'tw:flex',\n            'tw:flex-col',\n            'tw:gap-4',\n            'tw:data-[argo=false]:rounded-lg',\n            'tw:data-[argo=true]:rounded-3xl',\n            'tw:bg-card',\n            'tw:text-card-foreground',\n\n            // Vertical (edge) padding lives here so it survives an omitted Header or Footer.\n            // Horizontal padding is owned by Header / Body / Footer, so the Body runs full-bleed and\n            // its scrollbar sits at the modal edge (see ModalBody).\n            'tw:data-[argo=false]:py-8',\n            'tw:data-[argo=true]:py-4',\n\n            // animation — shared\n            'tw:duration-200',\n            'tw:data-[state=open]:animate-in',\n            'tw:data-[state=open]:fade-in-0',\n            'tw:data-[state=closed]:animate-out',\n            'tw:data-[state=closed]:fade-out-0',\n\n            // NOTE: no `slide-*-left-1/2` (both) or argo `slide-*-top-1/2`. Those re-pinned the\n            // -50%/-50% centring during the animation under v3, where centring and the animation\n            // shared the `transform` property (the animation overrode it). Under v4 the centring\n            // uses the `translate` PROPERTY while tw-animate-css animates `transform` — they compose\n            // instead of overriding, so a -50% enter-translate stacks on the -50% centring (= -100%)\n            // and the modal flies in from the top-left. Centring now persists on its own, so we\n            // animate transform-only (zoom + fade) and the modal stays put.\n\n            // legacy: slide-down + zoom (top-anchored via `top-20`, so no `translate-y` to double)\n            'tw:data-[argo=false]:data-[state=open]:zoom-in-80',\n            'tw:data-[argo=false]:data-[state=open]:slide-in-from-top-[48%]',\n            'tw:data-[argo=false]:data-[state=closed]:zoom-out-80',\n            'tw:data-[argo=false]:data-[state=closed]:slide-out-to-top-[48%]',\n\n            // argo: pop from the centre — zoom only\n            'tw:data-[argo=true]:data-[state=open]:zoom-in-95',\n            'tw:data-[argo=true]:data-[state=closed]:zoom-out-95',\n\n            {\n              'tw:max-w-[480px]': size === 'small',\n              'tw:max-w-4xl': size === 'large',\n            },\n\n            className,\n          )}\n          onEscapeKeyDown={handleEscapeKeyDown}\n        >\n          {children}\n        </Content>\n      </ModalOverlay>\n    </Portal>\n  );\n};\n","import type { ComponentPropsWithRef } from 'react';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentPropsWithRef<'div'>;\n\nexport const ModalFooter = ({ className, ...props }: Props) => (\n  <div\n    {...props}\n    className={cn(\n      // Own horizontal padding (ModalContent owns the vertical edge padding)\n      'tw:group-data-[argo=false]/modal:px-7',\n      'tw:group-data-[argo=true]/modal:px-4',\n      className,\n    )}\n  />\n);\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<'div'>;\n\n/**\n * Container for the header's top-right controls — any `actions` passed to `Modal.Header` plus the\n * close icon. Sits in the header grid's last column, top-aligned. Mirrors `Alert`'s action slot.\n */\nexport const ModalActions = ({ className, ...props }: Props) => (\n  <div\n    className={cn(\n      'tw:col-start-3',\n      'tw:row-start-1',\n      'tw:self-start',\n      'tw:flex',\n      'tw:items-center',\n      'tw:gap-1',\n      // argo: gutter separating the actions/close from the title (carried here so the grid needs no\n      // column gap — see ModalHeader)\n      'tw:group-data-[argo=true]/modal:ml-3',\n      className,\n    )}\n    {...props}\n  />\n);\n","import type { ComponentProps, ReactNode } from 'react';\nimport { Close } from '@radix-ui/react-dialog';\n\nimport { X } from '../../icons';\nimport { cn } from '../../utils';\nimport { Button } from '../Button';\nimport { Separator } from '../Separator';\n\nimport { ModalActions } from './ModalActions';\nimport { ModalDescription } from './ModalDescription';\nimport { ModalTitle } from './ModalTitle';\n\ntype Props = {\n  /** Status icon slot — `<Modal.Icon />` or `<Modal.Image />`. */\n  icon?: ReactNode;\n  /** Visible subtitle below the title (also fills `aria-describedby`). */\n  description?: ReactNode;\n  /** Screen-reader-only description; fills `aria-describedby` without rendering visibly. */\n  'aria-description'?: string;\n  /** Controls rendered top-right, before the close icon. */\n  actions?: ReactNode;\n  /** Hide the top-right close icon. */\n  hideCloseIcon?: boolean;\n} & ComponentProps<'div'>;\n\n/** Modal header: `[icon] | title (children) | actions + close` on row 1, `description` on row 2. */\nexport const ModalHeader = ({\n  className,\n  icon,\n  description,\n  'aria-description': ariaDescription,\n  actions,\n  hideCloseIcon = false,\n  children,\n  ...props\n}: Props) => (\n  <div\n    {...props}\n    data-slot=\"modal-header\"\n    className={cn(\n      'tw:grid',\n      'tw:grid-cols-[auto_1fr_auto]',\n      'tw:items-center',\n      'tw:group-data-[argo=false]/modal:px-7',\n      'tw:group-data-[argo=true]/modal:px-4',\n      className,\n    )}\n  >\n    {icon}\n\n    {children && <ModalTitle className=\"tw:col-start-2 tw:row-start-1\">{children}</ModalTitle>}\n    {(actions || !hideCloseIcon) && (\n      <ModalActions>\n        {actions}\n        {!hideCloseIcon && (\n          <Close asChild>\n            <Button variant=\"invisible\" size=\"icon-sm\">\n              <X />\n              <span className=\"tw:sr-only\">Close</span>\n            </Button>\n          </Close>\n        )}\n      </ModalActions>\n    )}\n    {(description || ariaDescription) && (\n      <ModalDescription\n        className={cn(\n          'tw:col-start-1',\n          'tw:col-end-4',\n          'tw:row-start-2',\n          description ? 'tw:mt-1' : 'tw:sr-only',\n        )}\n      >\n        {description ?? ariaDescription}\n      </ModalDescription>\n    )}\n\n    {/* Legacy-only separator; shown when a Body follows, hidden when that body hosts Tabs. */}\n    <div\n      className={cn(\n        'tw:col-start-1',\n        'tw:col-end-4',\n        'tw:mt-5',\n        'tw:hidden',\n        'tw:group-data-[argo=false]/modal:[[data-slot=modal-header]:has(~[data-slot=modal-body])_&]:block',\n        'tw:group-data-[argo=false]/modal:[[data-slot=modal-header]:has(~[data-slot=modal-body]_[data-slot=tabs-root])_&]:!hidden',\n      )}\n    >\n      <Separator orientation=\"horizontal\" />\n    </div>\n  </div>\n);\n","import type { ReactNode } from 'react';\n\nimport { cn } from '../../utils';\n\ntype NamedColor = 'orange' | 'blue' | 'red' | 'green' | 'gray' | 'violet';\n\ntype Props = {\n  color: NamedColor | (string & {});\n  icon: ReactNode;\n};\n\nconst NAMED_COLORS = new Set<string>(['orange', 'blue', 'red', 'green', 'gray', 'violet']);\n\n/**\n * Status-coloured icon for `Modal`. Authored inside `Modal.Header`. For a remote image badge (a\n * component or backend logo fetched by URL) use `Modal.Image` instead.\n *\n * - **Legacy anatomy:** a solid-filled circular badge docked to the top-left of `Modal.Content`\n *   (absolutely positioned, so it renders identically wherever it is authored).\n * - **Argo anatomy** (`data-argo` on `Modal.Content`): a small soft-tinted inline badge in the\n *   header grid, next to the title.\n *\n * Both variants are rendered and toggled purely via CSS (`group-data-[argo=true]/modal:`) — no\n * context. Use the categorical `color` (`red` destructive, `orange` warning, `green` success,\n * `blue` info, `gray` neutral, `violet` agent) to encode meaning; the palette stays fixed across\n * brand themes.\n */\nexport const ModalIcon = ({ color, icon }: Props) => {\n  const customColor = color && !NAMED_COLORS.has(color) ? color : undefined;\n\n  return (\n    <span\n      data-slot=\"modal-icon\"\n      className={cn(\n        'tw:flex',\n        'tw:shrink-0',\n        'tw:items-center',\n        'tw:justify-center',\n        'tw:[&_svg]:aspect-square',\n\n        // legacy: solid-filled circular badge floating at the modal's top-left\n        'tw:group-data-[argo=false]/modal:absolute',\n        'tw:group-data-[argo=false]/modal:top-0',\n        'tw:group-data-[argo=false]/modal:left-8',\n        'tw:group-data-[argo=false]/modal:-translate-y-1/2',\n        'tw:group-data-[argo=false]/modal:size-12',\n        'tw:group-data-[argo=false]/modal:rounded-full',\n        'tw:group-data-[argo=false]/modal:[&_svg:not([class*=\"tw:size-\"])]:size-6',\n\n        // argo: soft-tinted inline badge in the header grid's first column\n        'tw:group-data-[argo=true]/modal:col-start-1',\n        'tw:group-data-[argo=true]/modal:row-start-1',\n        'tw:group-data-[argo=true]/modal:self-start',\n        'tw:group-data-[argo=true]/modal:mr-3',\n        'tw:group-data-[argo=true]/modal:size-8',\n        'tw:group-data-[argo=true]/modal:rounded',\n        'tw:group-data-[argo=true]/modal:overflow-hidden',\n        'tw:group-data-[argo=true]/modal:[&_svg:not([class*=\"tw:size-\"])]:size-5',\n\n        // legacy palette: solid fill + white glyph (violet is the exception — tinted)\n        {\n          'tw:group-data-[argo=false]/modal:bg-warning-500': color === 'orange',\n          'tw:group-data-[argo=false]/modal:bg-blue-500': color === 'blue',\n          'tw:group-data-[argo=false]/modal:bg-green-500': color === 'green',\n          'tw:group-data-[argo=false]/modal:bg-error-500': color === 'red',\n          'tw:group-data-[argo=false]/modal:bg-neutral-150': color === 'gray',\n          'tw:group-data-[argo=false]/modal:bg-purple-100': color === 'violet',\n          'tw:group-data-[argo=false]/modal:text-white': color !== 'violet',\n          'tw:group-data-[argo=false]/modal:text-purple-500': color === 'violet',\n        },\n\n        // argo palette: soft tint + matching glyph colour\n        {\n          'tw:group-data-[argo=true]/modal:bg-warning-100 tw:group-data-[argo=true]/modal:text-warning-500':\n            color === 'orange',\n          'tw:group-data-[argo=true]/modal:bg-blue-100 tw:group-data-[argo=true]/modal:text-blue-600':\n            color === 'blue',\n          'tw:group-data-[argo=true]/modal:bg-green-100 tw:group-data-[argo=true]/modal:text-green-900':\n            color === 'green',\n          'tw:group-data-[argo=true]/modal:bg-error-100 tw:group-data-[argo=true]/modal:text-error-500':\n            color === 'red',\n          'tw:group-data-[argo=true]/modal:bg-neutral-100 tw:group-data-[argo=true]/modal:text-neutral-500':\n            color === 'gray',\n          'tw:group-data-[argo=true]/modal:bg-purple-100 tw:group-data-[argo=true]/modal:text-purple-500':\n            color === 'violet',\n        },\n\n        // custom (non-named) colour: caller-provided fill + white glyph\n        { 'tw:text-white': !!customColor },\n      )}\n      style={customColor ? { backgroundColor: customColor } : undefined}\n    >\n      {icon}\n    </span>\n  );\n};\n","import { useEffect, useState } from 'react';\n\nimport { cn } from '../../utils';\n\ntype Props = {\n  src: string;\n  /** Accessible alt text. Defaults to `\"\"` (decorative) — provide it when the image carries meaning. */\n  alt?: string;\n};\n\nexport const ModalImage = ({ src, alt = '' }: Props) => {\n  const [hasImageError, setHasImageError] = useState(false);\n\n  // Reset the error state when the source changes, so a reused badge (new logo, or a retry after a\n  // transient failure) isn't permanently hidden by an earlier onError.\n  useEffect(() => setHasImageError(false), [src]);\n\n  if (hasImageError) return null;\n\n  return (\n    <span\n      data-slot=\"modal-image\"\n      className={cn(\n        'tw:shrink-0',\n        'tw:overflow-hidden',\n\n        // legacy: circular badge floating at the top-left of the modal\n        'tw:group-data-[argo=false]/modal:absolute',\n        'tw:group-data-[argo=false]/modal:top-0',\n        'tw:group-data-[argo=false]/modal:left-8',\n        'tw:group-data-[argo=false]/modal:-translate-y-1/2',\n        'tw:group-data-[argo=false]/modal:size-12',\n        'tw:group-data-[argo=false]/modal:rounded-full',\n\n        // argo: inline badge in the header grid's first column\n        'tw:group-data-[argo=true]/modal:flex',\n        'tw:group-data-[argo=true]/modal:col-start-1',\n        'tw:group-data-[argo=true]/modal:row-start-1',\n        'tw:group-data-[argo=true]/modal:self-start',\n        'tw:group-data-[argo=true]/modal:mr-3',\n        'tw:group-data-[argo=true]/modal:items-center',\n        'tw:group-data-[argo=true]/modal:justify-center',\n        'tw:group-data-[argo=true]/modal:rounded',\n        'tw:group-data-[argo=true]/modal:size-8',\n      )}\n    >\n      <img\n        src={src}\n        alt={alt}\n        className=\"tw:size-full tw:object-contain\"\n        onError={() => setHasImageError(true)}\n      />\n    </span>\n  );\n};\n","import type { ComponentProps } from 'react';\nimport { Close, Root, Trigger } from '@radix-ui/react-dialog';\n\nimport { ModalBody } from './ModalBody';\nimport { ModalContent } from './ModalContent';\nimport { ModalFooter } from './ModalFooter';\nimport { ModalHeader } from './ModalHeader';\nimport { ModalIcon } from './ModalIcon';\nimport { ModalImage } from './ModalImage';\nimport { ModalOverlay } from './ModalOverlay';\n\ntype Props = ComponentProps<typeof Root>;\n\n/**\n * Blocking dialog for confirmations, forms, and detail views. Built on Radix Dialog.\n *\n * **When to use:** the user must act before continuing (confirm a destructive action, fill a short form,\n * view a focused detail panel). Use the compound parts `Modal.Trigger`, `Modal.Content`, `Modal.Header`,\n * `Modal.Body`, `Modal.Footer`, and optionally `Modal.Icon` for a status-coloured header glyph.\n * **When NOT to use:** for slide-in side editing use `Sheet`; for an inline destructive confirmation anchored\n * to its trigger use `Popconfirm`; for hover previews use `HoverCard`.\n * **Composition:** wrap `Modal.Content` around `Modal.Header` + `Modal.Body` + `Modal.Footer`. Put `useAppForm`\n * `FormBody` inside `Modal.Body` and the submit / cancel buttons inside `Modal.Footer`.\n *\n * @see RECIPES.md#modal-form — for the canonical form-in-modal composition\n * @see RECIPES.md#confirm-dialog — for destructive-confirm dialogs\n */\nexport const Modal = (props: Props) => <Root {...props} />;\n\nModal.Close = Close;\nModal.Trigger = Trigger;\n\nModal.Content = ModalContent;\nModal.Body = ModalBody;\nModal.Icon = ModalIcon;\nModal.Image = ModalImage;\nModal.Footer = ModalFooter;\nModal.Header = ModalHeader;\nModal.Overlay = ModalOverlay;\n"],"mappings":";;;;;;;;;;;;;;AAaA,MAAa,aAAa,EAAE,WAAW,GAAG,YACxC,oBAAC,OAAD;CACE,aAAU;CACV,WAAW,GAET,aACA,sBAGA,iDAGA,yCACA,wCACA,WAGA,qDACA,uBACA,SACF;CACA,GAAI;AACL,CAAA;;;ACvBH,MAAa,gBAAgB,EAC3B,OAAO,UACP,WACA,UACA,iBACA,GAAG,YACQ;CACX,MAAM,aAAa,cAAc;CAEjC,MAAM,uBAA+C,UAAU;EAE7D,MAAM,gBAAgB;EACtB,kBAAkB,KAAK;CACzB;CAEA,OACE,oBAAC,QAAD,EAAA,UACE,oBAAC,cAAD,EAAA,UACE,oBAAC,SAAD;EAEE,GAAI;EACJ,aAAW;EACX,aAAW;EACX,WAAW,GACT,yBACA,kBAGA,YACA,eACA,uBACA,eAGA,+BACA,+BACA,wCAGA,aACA,gBACA,8CAGA,WACA,eACA,YACA,mCACA,mCACA,cACA,2BAKA,6BACA,4BAGA,mBACA,mCACA,kCACA,sCACA,qCAWA,qDACA,kEACA,wDACA,mEAGA,oDACA,uDAEA;GACE,oBAAoB,SAAS;GAC7B,gBAAgB,SAAS;EAC3B,GAEA,SACF;EACA,iBAAiB;EAEhB;CACM,CAAA,EACG,CAAA,EACR,CAAA;AAEZ;;;ACvGA,MAAa,eAAe,EAAE,WAAW,GAAG,YAC1C,oBAAC,OAAD;CACE,GAAI;CACJ,WAAW,GAET,yCACA,wCACA,SACF;AACD,CAAA;;;;;;;ACLH,MAAa,gBAAgB,EAAE,WAAW,GAAG,YAC3C,oBAAC,OAAD;CACE,WAAW,GACT,kBACA,kBACA,iBACA,WACA,mBACA,YAGA,wCACA,SACF;CACA,GAAI;AACL,CAAA;;;;ACCH,MAAa,eAAe,EAC1B,WACA,MACA,aACA,oBAAoB,iBACpB,SACA,gBAAgB,OAChB,UACA,GAAG,YAEH,qBAAC,OAAD;CACE,GAAI;CACJ,aAAU;CACV,WAAW,GACT,WACA,gCACA,mBACA,yCACA,wCACA,SACF;CAVF,UAAA;EAYG;EAEA,YAAY,oBAAC,YAAD;GAAY,WAAU;GAAiC;EAAqB,CAAA;GACvF,WAAW,CAAC,kBACZ,qBAAC,cAAD,EAAA,UAAA,CACG,SACA,CAAC,iBACA,oBAAC,OAAD;GAAO,SAAA;GACL,UAAA,qBAAC,QAAD;IAAQ,SAAQ;IAAY,MAAK;IAAjC,UAAA,CACE,oBAAC,GAAD,CAAI,CAAA,GACJ,oBAAC,QAAD;KAAM,WAAU;KAAa,UAAA;IAAW,CAAA,CAClC;;EACH,CAAA,CAEG,EAAA,CAAA;GAEd,eAAe,oBACf,oBAAC,kBAAD;GACE,WAAW,GACT,kBACA,gBACA,kBACA,cAAc,YAAY,YAC5B;GAEC,UAAA,eAAe;EACA,CAAA;EAIpB,oBAAC,OAAD;GACE,WAAW,GACT,kBACA,gBACA,WACA,aACA,oGACA,0HACF;GAEA,UAAA,oBAAC,WAAD,EAAW,aAAY,aAAc,CAAA;EAClC,CAAA;CACF;;;;AC/EP,MAAM,+BAAe,IAAI,IAAY;CAAC;CAAU;CAAQ;CAAO;CAAS;CAAQ;AAAQ,CAAC;;;;;;;;;;;;;;;AAgBzF,MAAa,aAAa,EAAE,OAAO,WAAkB;CACnD,MAAM,cAAc,SAAS,CAAC,aAAa,IAAI,KAAK,IAAI,QAAQ,KAAA;CAEhE,OACE,oBAAC,QAAD;EACE,aAAU;EACV,WAAW,GACT,WACA,eACA,mBACA,qBACA,4BAGA,6CACA,0CACA,2CACA,qDACA,4CACA,iDACA,8EAGA,+CACA,+CACA,8CACA,wCACA,0CACA,2CACA,mDACA,6EAGA;GACE,mDAAmD,UAAU;GAC7D,gDAAgD,UAAU;GAC1D,iDAAiD,UAAU;GAC3D,iDAAiD,UAAU;GAC3D,mDAAmD,UAAU;GAC7D,kDAAkD,UAAU;GAC5D,+CAA+C,UAAU;GACzD,oDAAoD,UAAU;EAChE,GAGA;GACE,mGACE,UAAU;GACZ,6FACE,UAAU;GACZ,+FACE,UAAU;GACZ,+FACE,UAAU;GACZ,mGACE,UAAU;GACZ,iGACE,UAAU;EACd,GAGA,EAAE,iBAAiB,CAAC,CAAC,YAAY,CACnC;EACA,OAAO,cAAc,EAAE,iBAAiB,YAAY,IAAI,KAAA;EAEvD,UAAA;CACG,CAAA;AAEV;;;ACrFA,MAAa,cAAc,EAAE,KAAK,MAAM,SAAgB;CACtD,MAAM,CAAC,eAAe,oBAAoB,SAAS,KAAK;CAIxD,gBAAgB,iBAAiB,KAAK,GAAG,CAAC,GAAG,CAAC;CAE9C,IAAI,eAAe,OAAO;CAE1B,OACE,oBAAC,QAAD;EACE,aAAU;EACV,WAAW,GACT,eACA,sBAGA,6CACA,0CACA,2CACA,qDACA,4CACA,iDAGA,wCACA,+CACA,+CACA,8CACA,wCACA,gDACA,kDACA,2CACA,wCACF;EAEA,UAAA,oBAAC,OAAD;GACO;GACA;GACL,WAAU;GACV,eAAe,iBAAiB,IAAI;EACrC,CAAA;CACG,CAAA;AAEV;;;;;;;;;;;;;;;;;AC3BA,MAAa,SAAS,UAAiB,oBAAC,MAAD,EAAM,GAAI,MAAQ,CAAA;AAEzD,MAAM,QAAQ;AACd,MAAM,UAAU;AAEhB,MAAM,UAAU;AAChB,MAAM,OAAO;AACb,MAAM,OAAO;AACb,MAAM,QAAQ;AACd,MAAM,SAAS;AACf,MAAM,SAAS;AACf,MAAM,UAAU"}

package/dist/Popover-DsbI2HKu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Popover-DsbI2HKu.js","names":[],"sources":["../src/components/Popover/PopoverContent.tsx","../src/components/Popover/Popover.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\nimport { Content, Portal } from '@radix-ui/react-popover';\nimport type { VariantProps } from 'class-variance-authority';\nimport { cva } from 'class-variance-authority';\n\nimport { cn } from '../../utils';\nimport { useArgoDesign } from '../ThemeProvider/context';\n\nconst variants = cva(\n  [\n    'tailwindcss-preflight',\n    'tw:group/popover-content',\n    'tw:z-[1055]',\n    'tw:focus-visible:outline-hidden',\n\n    // An open Radix Dialog locks `pointer-events: none` on <body>. Popover content\n    // is portalled to <body> as a sibling of the dialog, so it inherits the lock\n    // and clicks fall through — re-enable pointer events on the content itself\n    // (dismiss-on-outside-click still works, it listens on document).\n    'tw:pointer-events-auto',\n\n    // sizing\n    'tw:min-w-32',\n    'tw:max-h-[var(--radix-popover-content-available-height)]',\n    'tw:origin-(--radix-popover-content-transform-origin)',\n\n    // layout\n    'tw:flex',\n    'tw:flex-col',\n    'tw:overflow-y-auto',\n\n    // border\n    'tw:box-border',\n    'tw:border',\n    'tw:border-solid',\n    'tw:border-border',\n    'tw:shadow-lg',\n\n    // surface — semantic tokens, so a portalled panel follows the brand and the scheme\n    'tw:bg-popover',\n    'tw:text-popover-foreground',\n\n    // open animation\n    'tw:data-[state=open]:animate-in',\n    'tw:data-[state=open]:fade-in-0',\n    'tw:data-[state=open]:zoom-in-95',\n\n    // closed animation\n    'tw:data-[state=closed]:animate-out',\n    'tw:data-[state=closed]:fade-out-0',\n    'tw:data-[state=closed]:zoom-out-95',\n\n    // position animation\n    'tw:data-[side=bottom]:slide-in-from-top-2',\n    'tw:data-[side=left]:slide-in-from-right-2',\n    'tw:data-[side=right]:slide-in-from-left-2',\n    'tw:data-[side=top]:slide-in-from-bottom-2',\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      matchTriggerWidth: false,\n      variant: 'default',\n    },\n    variants: {\n      // Radius is the only thing the surface variants differ in — the panel's colours\n      // live in the base array.\n      variant: {\n        default: ['tw:rounded-md'],\n        argo: ['tw:rounded-2xl'],\n      },\n      matchTriggerWidth: {\n        true: ['tw:w-[var(--radix-popover-trigger-width)]'],\n        false: [],\n      },\n    },\n  },\n);\n\ntype Props = ComponentProps<typeof Content> & Omit<VariantProps<typeof variants>, 'variant'>;\n\nexport const PopoverContent = ({\n  ref,\n  className,\n  align = 'center',\n  sideOffset = 4,\n  matchTriggerWidth = false,\n  children,\n  onEscapeKeyDown,\n  ...props\n}: Props) => {\n  const effectiveVariant: NonNullable<VariantProps<typeof variants>['variant']> = useArgoDesign()\n    ? 'argo'\n    : 'default';\n  return (\n    <Portal>\n      <Content\n        ref={ref}\n        align={matchTriggerWidth ? 'start' : align}\n        sideOffset={sideOffset}\n        className={cn(variants({ className, matchTriggerWidth, variant: effectiveVariant }))}\n        onEscapeKeyDown={(event) => {\n          // Stop propagation to prevent parent modals (like FullScreenModal) from closing\n          event.stopPropagation();\n          onEscapeKeyDown?.(event);\n        }}\n        {...props}\n      >\n        {children}\n      </Content>\n    </Portal>\n  );\n};\n","import type { ComponentProps } from 'react';\nimport { Close, Root, Trigger } from '@radix-ui/react-popover';\n\nimport { PopoverContent } from './PopoverContent';\n\ntype Props = ComponentProps<typeof Root>;\n\nexport const Popover = (props: Props) => <Root {...props} />;\n\n/**\n * Main Layout\n */\nPopover.Content = PopoverContent;\nPopover.Trigger = Trigger;\nPopover.Close = Close;\n"],"mappings":";;;;;;AAQA,MAAM,WAAW,IACf;CACE;CACA;CACA;CACA;CAMA;CAGA;CACA;CACA;CAGA;CACA;CACA;CAGA;CACA;CACA;CACA;CACA;CAGA;CACA;CAGA;CACA;CACA;CAGA;CACA;CACA;CAGA;CACA;CACA;CACA;CAGA;CACA;AACF,GACA;CACE,iBAAiB;EACf,mBAAmB;EACnB,SAAS;CACX;CACA,UAAU;EAGR,SAAS;GACP,SAAS,CAAC,eAAe;GACzB,MAAM,CAAC,gBAAgB;EACzB;EACA,mBAAmB;GACjB,MAAM,CAAC,2CAA2C;GAClD,OAAO,CAAC;EACV;CACF;AACF,CACF;AAIA,MAAa,kBAAkB,EAC7B,KACA,WACA,QAAQ,UACR,aAAa,GACb,oBAAoB,OACpB,UACA,iBACA,GAAG,YACQ;CACX,MAAM,mBAA0E,cAAc,IAC1F,SACA;CACJ,OACE,oBAAC,QAAD,EAAA,UACE,oBAAC,SAAD;EACO;EACL,OAAO,oBAAoB,UAAU;EACzB;EACZ,WAAW,GAAG,SAAS;GAAE;GAAW;GAAmB,SAAS;EAAiB,CAAC,CAAC;EACnF,kBAAkB,UAAU;GAE1B,MAAM,gBAAgB;GACtB,kBAAkB,KAAK;EACzB;EACA,GAAI;EAEH;CACM,CAAA,EACH,CAAA;AAEZ;;;AC5GA,MAAa,WAAW,UAAiB,oBAAC,MAAD,EAAM,GAAI,MAAQ,CAAA;;;;AAK3D,QAAQ,UAAU;AAClB,QAAQ,UAAU;AAClB,QAAQ,QAAQ"}

package/dist/Select-D6IZVvwL.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Select-D6IZVvwL.js","names":["SelectItemComponent"],"sources":["../src/components/Select/SelectContent.tsx","../src/components/Select/SelectGroup.tsx","../src/components/Select/SelectItem.tsx","../src/components/Select/SelectLabel.tsx","../src/components/Select/SelectRoot.tsx","../src/components/Select/SelectSeparator.tsx","../src/components/Select/SelectTrigger.tsx","../src/components/Select/Select.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\nimport * as SelectPrimitive from '@radix-ui/react-select';\n\nimport { ChevronDown, ChevronUp } from '../../icons';\nimport { cn } from '../../utils';\nimport { useArgoDesign } from '../ThemeProvider/context';\n\nconst scrollButtonStyles = cn(\n  'tw:flex',\n  'tw:items-center',\n  'tw:justify-center',\n  'tw:rounded-sm',\n  'tw:p-1',\n  'tw:[&_svg:not([class*=\"tw:size-\"])]:size-5',\n);\n\ntype Variant = 'default' | 'argo';\n\n/**\n * Props for `Select.Content`. `container` portals the listbox into a custom element (useful inside modals).\n */\ntype Props = ComponentProps<typeof SelectPrimitive.Content> & {\n  container?: HTMLElement | null;\n};\n\n/**\n * Listbox container for `Select`. Portals items into a popover sized to the trigger.\n * Normally rendered implicitly by `Select`; use directly only when composing custom item layouts via\n * the `Select.Root` / `Select.Trigger` / `Select.Content` compound parts.\n */\nexport const SelectContent = ({\n  ref,\n  className,\n  children,\n  container,\n  position = 'popper',\n  sideOffset = 4,\n  ...props\n}: Props) => {\n  const effectiveVariant: Variant = useArgoDesign() ? 'argo' : 'default';\n  return (\n    <SelectPrimitive.Portal container={container}>\n      <SelectPrimitive.Content\n        {...props}\n        ref={ref}\n        position={position}\n        sideOffset={sideOffset}\n        data-variant={effectiveVariant}\n        className={cn(\n          'tailwindcss-preflight',\n          'tw:group/select-content',\n          // Floating tier above Modal (1051): Tooltip 1060 / Combobox·Popover·Select 1055 / Modal 1051 / DropdownMenu.SubContent 1041 / FullScreenModal 1039\n          'tw:z-[1055]',\n\n          // layout\n          'tw:flex tw:flex-col',\n          'tw:p-1',\n          'tw:data-[variant=default]:p-0',\n          'tw:overflow-hidden',\n          'tw:origin-(--radix-select-content-transform-origin)',\n\n          // sizing\n          'tw:max-h-[var(--radix-select-content-available-height)]',\n          'tw:min-w-[var(--radix-select-trigger-width)]',\n\n          // appearance\n          'tw:bg-popover',\n          'tw:text-popover-foreground',\n          'tw:shadow-md',\n          'tw:ring-1',\n          'tw:ring-foreground/10',\n          'tw:rounded-lg',\n          'tw:data-[variant=default]:rounded',\n\n          // open animation\n          'tw:data-[state=open]:animate-in',\n          'tw:data-[state=open]:fade-in-0',\n          'tw:data-[state=open]:zoom-in-95',\n\n          // closed animation\n          'tw:data-[state=closed]:animate-out',\n          'tw:data-[state=closed]:fade-out-0',\n          'tw:data-[state=closed]:zoom-out-95',\n\n          // position animations\n          'tw:data-[side=bottom]:slide-in-from-top-2',\n          'tw:data-[side=left]:slide-in-from-right-2',\n          'tw:data-[side=right]:slide-in-from-left-2',\n          'tw:data-[side=top]:slide-in-from-bottom-2',\n          className,\n        )}\n      >\n        <SelectPrimitive.ScrollUpButton className={scrollButtonStyles}>\n          <ChevronUp />\n        </SelectPrimitive.ScrollUpButton>\n\n        <SelectPrimitive.Viewport\n          className={cn({\n            'tw:h-[var(--radix-select-trigger-height)] tw:w-full tw:min-w-[var(--radix-select-trigger-width)]':\n              position === 'popper',\n          })}\n        >\n          {children}\n        </SelectPrimitive.Viewport>\n\n        <SelectPrimitive.ScrollDownButton className={scrollButtonStyles}>\n          <ChevronDown />\n        </SelectPrimitive.ScrollDownButton>\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  );\n};\n","import type { ComponentProps } from 'react';\nimport * as SelectPrimitive from '@radix-ui/react-select';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<typeof SelectPrimitive.Group>;\n\nexport const SelectGroup = ({ className, ...props }: Props) => (\n  <SelectPrimitive.Group {...props} className={cn('tw:flex tw:flex-col tw:gap-0.5', className)} />\n);\n","import type { ComponentProps, ReactNode } from 'react';\nimport * as SelectPrimitive from '@radix-ui/react-select';\n\nimport { Check } from '../../icons';\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<typeof SelectPrimitive.Item> & {\n  icon?: ReactNode;\n};\n\nexport const SelectItem = ({ ref, className, children, icon, ...props }: Props) => (\n  <SelectPrimitive.Item\n    {...props}\n    ref={ref}\n    className={cn(\n      'tw:group/select-item',\n\n      // layout\n      'tw:relative',\n      'tw:flex',\n      'tw:flex-1',\n      'tw:items-center',\n      'tw:gap-2',\n\n      // spacing — default variant uses tighter radius and wider horizontal padding\n      'tw:py-2',\n      'tw:px-2',\n      'tw:group-data-[variant=default]/select-content:px-4',\n      'tw:rounded-lg',\n      'tw:group-data-[variant=default]/select-content:rounded-none',\n\n      // typography\n      'tw:text-sm',\n      'tw:select-none',\n      'tw:cursor-default',\n      'tw:outline-hidden',\n\n      // highlighted (keyboard / hover)\n      'tw:focus:outline-hidden',\n      'tw:data-[highlighted]:bg-accent',\n      // The legacy highlight is a neutral step, not the argo accent.\n      //\n      // - `secondary` carries its own foreground, so fill and ink move together.\n      // - `muted` is unusable: in dark it equals `popover`, so the band would disappear\n      //   into the listbox.\n      'tw:group-data-[variant=default]/select-content:data-[highlighted]:bg-secondary',\n      'tw:data-[highlighted]:text-accent-foreground',\n      'tw:group-data-[variant=default]/select-content:data-[highlighted]:text-secondary-foreground',\n\n      // disabled\n      'tw:data-[disabled]:pointer-events-none',\n      'tw:data-[disabled]:opacity-50',\n\n      // child svg defaults\n      'tw:[&_svg]:pointer-events-none',\n      'tw:[&_svg]:shrink-0',\n      'tw:[&_svg]:text-muted-foreground',\n      \"tw:[&_svg:not([class*='tw:size-'])]:size-4\",\n      className,\n    )}\n  >\n    {icon}\n    <span className=\"tw:flex-1 tw:truncate\">\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    </span>\n    <SelectPrimitive.ItemIndicator className=\"tw:pointer-events-none\">\n      <Check className=\"tw:size-4\" />\n    </SelectPrimitive.ItemIndicator>\n  </SelectPrimitive.Item>\n);\n","import type { ComponentProps } from 'react';\nimport * as SelectPrimitive from '@radix-ui/react-select';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<typeof SelectPrimitive.Label>;\n\nexport const SelectLabel = ({ className, ...props }: Props) => (\n  <SelectPrimitive.Label\n    {...props}\n    className={cn(\n      // Base (argo variant) — soft gray section label\n      'tw:px-2',\n      'tw:py-1.5',\n      'tw:text-xs',\n      'tw:font-medium',\n      'tw:leading-none',\n      'tw:text-muted-foreground',\n\n      // Default variant — uppercase tracked label, matches Combobox default\n      'tw:group-data-[variant=default]/select-content:uppercase',\n      'tw:group-data-[variant=default]/select-content:font-semibold',\n      'tw:group-data-[variant=default]/select-content:tracking-wider',\n      'tw:group-data-[variant=default]/select-content:text-[11px]',\n      'tw:group-data-[variant=default]/select-content:text-black',\n      'tw:group-data-[variant=default]/select-content:pt-2',\n      'tw:group-data-[variant=default]/select-content:px-4',\n\n      className,\n    )}\n  />\n);\n","import type { ReactNode } from 'react';\nimport { Root } from '@radix-ui/react-select';\n\n// Mirror Radix's `SelectProps` as an explicit list. We can't infer via\n// `ComponentProps<typeof Root>` or reuse Radix's `SelectProps` directly: both\n// transitively reference the un-exported `SelectSharedProps` interface, and\n// TS4023 fires when DTS emits anything that consumes it (e.g. `useAppForm`).\n// Keep this in sync with `@radix-ui/react-select`'s `SelectProps` shape.\nexport type SelectRootProps = {\n  // SelectSharedProps\n  children?: ReactNode;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?(open: boolean): void;\n  dir?: 'ltr' | 'rtl';\n  name?: string;\n  autoComplete?: string;\n  disabled?: boolean;\n  required?: boolean;\n  form?: string;\n  // SelectProps\n  value?: string;\n  defaultValue?: string;\n  onValueChange?(value: string): void;\n};\n\nexport const SelectRoot = (props: SelectRootProps) => <Root {...props} />;\n","import type { ComponentProps } from 'react';\nimport * as SelectPrimitive from '@radix-ui/react-select';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<typeof SelectPrimitive.Separator>;\n\nexport const SelectSeparator = ({ className, ...props }: Props) => (\n  <SelectPrimitive.Separator\n    {...props}\n    className={cn('tw:mx-2 tw:my-1 tw:h-px tw:bg-border', className)}\n  />\n);\n","import type { ComponentProps } from 'react';\nimport * as SelectPrimitive from '@radix-ui/react-select';\nimport { type VariantProps } from 'class-variance-authority';\n\nimport { ChevronDown } from '../../icons';\nimport { cn } from '../../utils';\nimport { Button } from '../Button';\nimport { overlayTriggerVariants } from '../OverlayTrigger/styles';\nimport { useArgoDesign } from '../ThemeProvider/context';\n\ntype Props = ComponentProps<typeof SelectPrimitive.Trigger> &\n  Omit<VariantProps<typeof overlayTriggerVariants>, 'variant'> & {\n    variant?: Exclude<VariantProps<typeof overlayTriggerVariants>['variant'], 'argo'> | 'inline';\n  } & Pick<ComponentProps<typeof SelectPrimitive.Value>, 'placeholder'>;\n\nexport const SelectTrigger = ({\n  ref,\n  className,\n  variant,\n  state,\n  sizing,\n  placeholder,\n  ...props\n}: Props) => {\n  const isArgoDesign = useArgoDesign();\n  const effectiveVariant = (() => {\n    if (variant === 'inline') return 'inline';\n    if (isArgoDesign) return 'argo';\n    return variant;\n  })();\n  const isInlineVariant = effectiveVariant === 'inline';\n\n  if (isInlineVariant)\n    return (\n      <SelectPrimitive.Trigger {...props} ref={ref} className={cn(className)} asChild>\n        <Button variant=\"inline\">\n          <SelectPrimitive.Value placeholder={placeholder} />\n          <SelectPrimitive.Icon asChild>\n            <ChevronDown />\n          </SelectPrimitive.Icon>\n        </Button>\n      </SelectPrimitive.Trigger>\n    );\n\n  return (\n    <SelectPrimitive.Trigger\n      {...props}\n      ref={ref}\n      className={cn(\n        overlayTriggerVariants({ variant: effectiveVariant, state, sizing }),\n        className,\n      )}\n    >\n      <SelectPrimitive.Value placeholder={placeholder} />\n      <SelectPrimitive.Icon asChild>\n        <ChevronDown className=\"tw:size-4 tw:text-muted-foreground\" />\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  );\n};\n","import { useId } from 'react';\nimport type { ComponentProps, ReactNode } from 'react';\n\nimport { SelectContent } from './SelectContent';\nimport { SelectGroup } from './SelectGroup';\nimport { SelectItem as SelectItemComponent } from './SelectItem';\nimport { SelectLabel } from './SelectLabel';\nimport { SelectRoot, type SelectRootProps } from './SelectRoot';\nimport { SelectSeparator } from './SelectSeparator';\nimport { SelectTrigger } from './SelectTrigger';\n\nexport type SelectItem = {\n  value: string;\n  label: ReactNode;\n  icon?: ReactNode;\n  disabled?: boolean;\n};\n\nexport type SelectItemGroup = {\n  label?: ReactNode;\n  items: readonly SelectItem[];\n};\n\nconst isGroup = (itemOrGroup: SelectItem | SelectItemGroup): itemOrGroup is SelectItemGroup =>\n  'items' in itemOrGroup;\n\ntype TriggerProps = ComponentProps<typeof SelectTrigger>;\n\ntype Props = Pick<\n  SelectRootProps,\n  | 'value'\n  | 'defaultValue'\n  | 'onValueChange'\n  | 'disabled'\n  | 'name'\n  | 'required'\n  | 'open'\n  | 'defaultOpen'\n  | 'onOpenChange'\n  | 'dir'\n  | 'autoComplete'\n  | 'form'\n> &\n  Pick<\n    TriggerProps,\n    | 'variant'\n    | 'state'\n    | 'sizing'\n    | 'placeholder'\n    | 'id'\n    | 'className'\n    | 'onBlur'\n    | 'aria-describedby'\n    | 'aria-invalid'\n    | 'aria-required'\n  > & {\n    items?: readonly (SelectItem | SelectItemGroup)[];\n  };\n\n/**\n * Single selection from a short enumerated list. Built on Radix Select.\n *\n * **When to use:** picking one value from ~10 or fewer options where search adds no value (status,\n * region, role). Pass a flat `items` array or grouped arrays with optional labels for headings.\n * **When NOT to use:** for longer lists with search use `Combobox`; for multi-select use `MultiCombobox`.\n * **Composition:** wrap in `FormGroup` for label + help text, or use `useAppForm` + `field.SelectField`\n * for forms with validation. Use the compound parts (`Select.Root`, `Select.Trigger`, `Select.Content`,\n * `Select.Item`) for custom item layouts; the top-level `Select` covers the common cases.\n */\nexport const Select = ({\n  // root\n  value,\n  defaultValue,\n  onValueChange,\n  disabled,\n  name,\n  required,\n  open,\n  defaultOpen,\n  onOpenChange,\n  dir,\n  autoComplete,\n  form,\n  // trigger\n  variant,\n  state,\n  sizing,\n  placeholder,\n  id,\n  className,\n  onBlur,\n  'aria-describedby': ariaDescribedBy,\n  'aria-invalid': ariaInvalid,\n  'aria-required': ariaRequired,\n  // items\n  items = [],\n}: Props) => {\n  const groupKeyId = useId();\n\n  const renderItem = (item: SelectItem) => (\n    <SelectItemComponent\n      key={item.value}\n      value={item.value}\n      icon={item.icon}\n      disabled={item.disabled}\n    >\n      {item.label}\n    </SelectItemComponent>\n  );\n\n  return (\n    <SelectRoot\n      value={value}\n      defaultValue={defaultValue}\n      onValueChange={onValueChange}\n      disabled={disabled}\n      name={name}\n      required={required}\n      open={open}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n      dir={dir}\n      autoComplete={autoComplete}\n      form={form}\n    >\n      <SelectTrigger\n        variant={variant}\n        state={state}\n        sizing={sizing}\n        placeholder={placeholder}\n        id={id}\n        className={className}\n        onBlur={onBlur}\n        aria-describedby={ariaDescribedBy}\n        aria-invalid={ariaInvalid}\n        aria-required={ariaRequired}\n      />\n      <SelectContent>\n        {items.map((itemOrGroup, index) => {\n          if (isGroup(itemOrGroup)) {\n            return (\n              <SelectGroup key={`${groupKeyId}-group-${index}`}>\n                {itemOrGroup.label && <SelectLabel>{itemOrGroup.label}</SelectLabel>}\n                {itemOrGroup.items.map(renderItem)}\n              </SelectGroup>\n            );\n          }\n\n          return renderItem(itemOrGroup);\n        })}\n      </SelectContent>\n    </SelectRoot>\n  );\n};\n\nSelect.Root = SelectRoot;\nSelect.Trigger = SelectTrigger;\nSelect.Content = SelectContent;\nSelect.Item = SelectItemComponent;\nSelect.Group = SelectGroup;\nSelect.Label = SelectLabel;\nSelect.Separator = SelectSeparator;\n"],"mappings":"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"}

package/dist/Sidebar-r1TW4g_b.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Sidebar-r1TW4g_b.js","names":[],"sources":["../src/components/Sidebar/SidebarProvider/useTransitionPresence.ts","../src/components/Sidebar/SidebarContent.tsx","../src/components/Sidebar/utils.ts","../src/components/Sidebar/SidebarProvider/context.ts","../src/components/Sidebar/SidebarProvider/useHoverTracking.ts","../src/components/Sidebar/SidebarProvider/useSidebarState.ts","../src/components/Sidebar/SidebarProvider/SidebarProvider.tsx","../src/components/Sidebar/SidebarFillTrigger.tsx","../src/components/Sidebar/SidebarFooter.tsx","../src/components/Sidebar/SidebarGroup/SidebarGroup.tsx","../src/components/Sidebar/SidebarGroup/SidebarGroupContent.tsx","../src/components/Sidebar/SidebarGroup/SidebarGroupAction.tsx","../src/components/Sidebar/SidebarGroup/SidebarGroupLabel.tsx","../src/components/Sidebar/SidebarInstanceContext.ts","../src/components/Sidebar/SidebarHeader.tsx","../src/components/Sidebar/SidebarMenu/SidebarMenu.tsx","../src/components/Sidebar/SidebarMenu/SidebarMenuIcon.tsx","../src/components/Sidebar/SidebarMenu/SidebarMenuButton.tsx","../src/components/Sidebar/SidebarMenu/SidebarMenuItem.tsx","../src/components/Sidebar/SidebarMenu/SidebarMenuAction.tsx","../src/components/Sidebar/SidebarMenu/SidebarSearchInput.tsx","../src/components/Sidebar/SidebarMenu/SidebarMenuCard.tsx","../src/components/Sidebar/SidebarMenu/SidebarMenuBadge.tsx","../src/components/Sidebar/SidebarMenu/SidebarMenuSub.tsx","../src/components/Sidebar/SidebarMenu/SidebarMenuSubItem.tsx","../src/components/Sidebar/useResizeSidebar.ts","../src/components/Sidebar/SidebarResizeHandle.tsx","../src/components/Sidebar/SidebarSeparator.tsx","../src/components/Sidebar/SidebarTrigger.tsx","../src/components/Sidebar/Sidebar.tsx"],"sourcesContent":["import { useEffect, useLayoutEffect, useMemo, useReducer } from 'react';\n\ntype MountState = 'mounted' | 'unmountSuspended' | 'unmounted';\ntype MountEvent = 'MOUNT' | 'TRANSITION_OUT' | 'TRANSITION_END';\n\ntype UseTransitionPresenceOptions = {\n  mounted: boolean;\n  keepMounted?: boolean;\n};\n\nconst FALLBACK_TIMEOUT_MS = 500;\n\nconst reducer = (state: MountState, event: MountEvent): MountState => {\n  switch (event) {\n    case 'MOUNT':\n      return 'mounted';\n    case 'TRANSITION_OUT':\n      return state === 'mounted' ? 'unmountSuspended' : state;\n    case 'TRANSITION_END':\n      return state === 'unmountSuspended' ? 'unmounted' : state;\n    default:\n      return state;\n  }\n};\n\nexport const useTransitionPresence = ({\n  mounted,\n  keepMounted = false,\n}: UseTransitionPresenceOptions) => {\n  const [state, send] = useReducer(reducer, mounted ? 'mounted' : 'unmounted');\n\n  useLayoutEffect(() => {\n    if (keepMounted) return;\n    mounted ? send('MOUNT') : send('TRANSITION_OUT');\n  }, [mounted, keepMounted]);\n\n  // Fallback: complete unmount if onTransitionEnd never fires\n  // (e.g. prefers-reduced-motion, interrupted or missing transitions)\n  useEffect(() => {\n    if (state !== 'unmountSuspended') return;\n\n    const id = setTimeout(() => send('TRANSITION_END'), FALLBACK_TIMEOUT_MS);\n    return () => clearTimeout(id);\n  }, [state]);\n\n  return useMemo(\n    () => ({\n      isMounted: keepMounted || state !== 'unmounted',\n      completeUnmount: () => send('TRANSITION_END'),\n    }),\n    [state, keepMounted],\n  );\n};\n","import type { ComponentProps, ReactNode } from 'react';\n\nimport { useScrollbarPosition } from '../../hooks/useScrollbarPosition';\nimport { cn, mergeRefs } from '../../utils';\nimport { ScrollArea } from '../ScrollArea';\n\ntype Props = {\n  className?: string;\n  children?: ReactNode;\n  contentRef?: ComponentProps<'div'>['ref'];\n  ref?: ComponentProps<'div'>['ref'];\n};\n\nexport const SidebarContent = ({ ref, className, children, contentRef }: Props) => {\n  const { setElement, isBottom, isTop, isMiddle } = useScrollbarPosition();\n  const mergedRefs = mergeRefs(ref ?? null, (ref) => setElement(ref));\n\n  return (\n    <ScrollArea\n      ref={mergedRefs}\n      type=\"scroll\"\n      className=\"tw:group/sidebar-content tw:flex-1\"\n      data-slot=\"sidebar-content\"\n      scrollBarClassName=\"tw:w-1.5\"\n      viewPortClassName={cn(\n        'tw:overflow-x-hidden',\n        'tw:overscroll-contain',\n        'tw:[&>div]:!flex', // overflow fix for scrollbar\n        // Hide scroll-position-based borders (top/bottom) if SidebarHeader or SidebarFooter is omitted.\n        'tw:group-first/sidebar-content:before:hidden',\n        'tw:group-last/sidebar-content:after:hidden',\n        'tw:!box-border',\n        {\n          'tw:before:absolute tw:before:top-0 tw:before:left-0 tw:before:right-0 tw:before:h-px tw:before:bg-sidebar-border tw:before:z-10 tw:before:content-[\"\"]':\n            isBottom || isMiddle,\n          'tw:after:absolute tw:after:bottom-0 tw:after:left-0 tw:after:right-0 tw:after:h-px tw:after:bg-sidebar-border tw:after:z-10 tw:after:content-[\"\"]':\n            isTop || isMiddle,\n        },\n      )}\n    >\n      <div\n        ref={contentRef}\n        className={cn(\n          'tw:flex',\n          'tw:flex-1',\n          'tw:flex-col',\n          'tw:gap-1',\n          'tw:overflow-x-hidden',\n          'tw:p-2',\n          className,\n        )}\n      >\n        {children}\n      </div>\n    </ScrollArea>\n  );\n};\n","import type { SidebarCollapsible, SidebarMode, SidebarState, SidebarVariant } from './types';\n\nexport const SidebarWidthInPx = {\n  MIN_DEFAULT: 256,\n\n  // 8 px / 36 px / 8 px = 52 px\n  // left padding / icon width / right padding\n  COLLAPSED_ICON: 52,\n\n  // padding from every side for floating variant (see --sidebar-floating-padding)\n  FLOATING_VARIANT_PADDING: 8,\n} as const;\n\nconst floatingSideCount: Record<SidebarVariant, number> = {\n  'sided-floating': 1,\n  floating: 2,\n  inset: 0,\n  none: 0,\n};\n\ntype Input = {\n  variant: SidebarVariant;\n  width?: number;\n  collapsible: SidebarCollapsible;\n  mode: SidebarMode;\n  state: SidebarState;\n};\n\ntype EffectiveWidths = {\n  sidebar: number;\n  gap: number;\n  fill: number;\n};\n\nexport const calcEffectiveWidths = ({\n  variant,\n  width: customWidth,\n  collapsible,\n  state,\n  mode,\n}: Input) => {\n  if (variant === 'none') return { sidebar: 0, gap: 0, fill: 0 };\n\n  const padding = floatingSideCount[variant] * SidebarWidthInPx.FLOATING_VARIANT_PADDING;\n  const width = Math.max(customWidth ?? 0, SidebarWidthInPx.MIN_DEFAULT) + padding;\n  const iconWidth = SidebarWidthInPx.COLLAPSED_ICON + padding;\n  const isExpanded = state === 'expanded';\n\n  // Only compensate for floating padding when this sidebar itself has padding,\n  // so the opposite filled sidebar doesn't double-count the gap.\n  const reduction = variant === 'inset' ? 0 : SidebarWidthInPx.FLOATING_VARIANT_PADDING;\n\n  const iconWidths = ((): EffectiveWidths => {\n    const sidebar = isExpanded ? width : iconWidth;\n    const gap = mode === 'expand-on-hover' ? iconWidth : sidebar;\n    // Use gap (not sidebar) so the opposite filled sidebar stays stable\n    // during expand-on-hover — gap stays at iconWidth while sidebar grows\n    const fill = gap - reduction;\n    return { sidebar, gap, fill };\n  })();\n\n  const offCanvasWidths = ((): EffectiveWidths => {\n    const sidebar = width; //We use CSS translate to hide elements because it allows for transitions without shrinking the width.\n    const gap = isExpanded ? width : SidebarWidthInPx.FLOATING_VARIANT_PADDING; // The gap is invisible and needs to be shrunk to move the content to its place.\n    const fill = gap - reduction;\n    return { sidebar, gap, fill };\n  })();\n\n  return collapsible === 'icon' ? iconWidths : offCanvasWidths;\n};\n","import { createContext, use } from 'react';\n\nimport type { SidebarCollapsible, SidebarSide, SidebarVariant } from '../types';\nimport type { calcEffectiveWidths } from '../utils';\n\nimport type { useSidebarState } from './useSidebarState';\n\ntype SidebarWidths = ReturnType<typeof calcEffectiveWidths>;\ntype SidebarState = ReturnType<typeof useSidebarState>;\n\ntype SidebarSideValue = SidebarState & {\n  isFill: boolean;\n  toggleFill: () => void;\n  widths: SidebarWidths;\n  collapsible: SidebarCollapsible;\n  variant: SidebarVariant;\n  baseWidth: number | undefined;\n  onWidthChange: ((width: number) => void) | undefined;\n  setDragWidth: (width: number | null) => void;\n  isDragging: boolean;\n  setIsDragging: (dragging: boolean) => void;\n};\n\nexport type SidebarContextValue = {\n  left: SidebarSideValue;\n  right: SidebarSideValue;\n};\n\nexport const SidebarContext = createContext<SidebarContextValue | null>(null);\n\n/**\n * The sidebar if there is one, `null` otherwise — for code that ENHANCES a page when the app shell is\n * around it (borrowing width, collapsing a panel) and must still render without one, in a test, a\n * story, or an embedded surface. Anything that genuinely requires a sidebar keeps `useSidebar`.\n */\nexport const useOptionalSidebar = (side: SidebarSide = 'left'): SidebarSideValue | null =>\n  use(SidebarContext)?.[side] ?? null;\n\nexport const useSidebar = (side: SidebarSide = 'left'): SidebarSideValue => {\n  const context = use(SidebarContext);\n  if (context === null) throw new Error('useSidebar must be used within a SidebarProvider.');\n  return context[side];\n};\n","import { useEffect, useRef, useState } from 'react';\n\n/**\n * CSS selectors matching portal-based overlay triggers in their open state.\n *\n * The sidebar's hover tracking ignores `mouseleave` while any of these selectors\n * match inside the sidebar DOM — preventing the sidebar from collapsing while the\n * user interacts with portal content rendered outside the sidebar tree.\n *\n * Update this list when changing or adding new components:\n */\nconst PORTAL_OPEN_SELECTORS = [\n  '[aria-haspopup=\"menu\"][aria-expanded=true]', // DropdownMenu\n  '[aria-haspopup=\"dialog\"][aria-expanded=true]', // Popover, Dialogs (Modal, Sheet)\n];\n\nconst PORTAL_OPEN_SELECTORS_STRING = PORTAL_OPEN_SELECTORS.join(',');\n\nexport const useHoverTracking = (sidebarElement: HTMLElement | null) => {\n  const [isHovered, setIsHovered] = useState(false);\n  const isLockedRef = useRef(false);\n\n  useEffect(() => {\n    if (!sidebarElement) return;\n\n    const handleMouseEnter = () => setIsHovered(true);\n    const handleMouseLeave = () => {\n      if (isLockedRef.current) return;\n      setIsHovered(false);\n    };\n\n    sidebarElement.addEventListener('mouseenter', handleMouseEnter);\n    sidebarElement.addEventListener('mouseleave', handleMouseLeave);\n\n    return () => {\n      sidebarElement.removeEventListener('mouseenter', handleMouseEnter);\n      sidebarElement.removeEventListener('mouseleave', handleMouseLeave);\n    };\n  }, [sidebarElement]);\n\n  useEffect(() => {\n    if (!sidebarElement) return;\n    let animationFrameId: number;\n\n    const observer = new MutationObserver(() => {\n      const hasOpenPortal = sidebarElement.querySelector(PORTAL_OPEN_SELECTORS_STRING) !== null;\n      isLockedRef.current = hasOpenPortal;\n\n      if (hasOpenPortal) return;\n\n      animationFrameId = requestAnimationFrame(() => {\n        setIsHovered(sidebarElement.matches(':hover'));\n      });\n    });\n\n    // Sync lock state immediately in case a portal trigger is already open on mount.\n    isLockedRef.current = sidebarElement.querySelector(PORTAL_OPEN_SELECTORS_STRING) !== null;\n\n    observer.observe(sidebarElement, {\n      attributes: true,\n      attributeFilter: ['aria-expanded'],\n      subtree: true,\n    });\n\n    return () => {\n      cancelAnimationFrame(animationFrameId);\n      observer.disconnect();\n    };\n  }, [sidebarElement]);\n\n  return isHovered;\n};\n","import { useCallback, useMemo, useState } from 'react';\n\nimport { useElement } from '../../../hooks/useElement';\nimport type { SidebarMode, SidebarState } from '../types';\n\nimport { useHoverTracking } from './useHoverTracking';\n\ntype Props = {\n  defaultMode?: SidebarMode;\n  mode?: SidebarMode;\n  onModeChange?: (state: SidebarMode) => void;\n};\n\nexport const useSidebarState = ({ defaultMode, mode: modeProp, onModeChange }: Props) => {\n  const [sidebarElement, setSidebarElement] = useElement();\n  const isHovered = useHoverTracking(sidebarElement);\n  const [_mode, _setMode] = useState(defaultMode ?? 'expanded');\n  const mode = modeProp ?? _mode;\n\n  const setMode = useCallback(\n    (dispatch: Parameters<typeof _setMode>[0]) => {\n      const newState = typeof dispatch === 'function' ? dispatch(mode) : dispatch;\n      const set = onModeChange ?? _setMode;\n      set(newState);\n    },\n    [onModeChange, mode],\n  );\n\n  const toggle = useCallback(() => {\n    setMode((currState) => (currState === 'expanded' ? 'collapsed' : 'expanded'));\n  }, [setMode]);\n\n  const state: SidebarState = (() => {\n    if (mode === 'expand-on-hover') return isHovered ? 'expanded' : 'collapsed';\n    return mode;\n  })();\n\n  return useMemo(\n    () => ({\n      isHovered,\n      toggle,\n      setMode,\n      mode,\n      state,\n      sidebarElement,\n      setSidebarElement,\n    }),\n    [isHovered, toggle, setMode, mode, state, sidebarElement, setSidebarElement],\n  );\n};\n","import { type ReactNode, useCallback, useMemo, useState } from 'react';\n\nimport type { SidebarCollapsible, SidebarMode, SidebarSide, SidebarVariant } from '../types';\nimport { calcEffectiveWidths } from '../utils';\n\nimport type { SidebarContextValue } from './context';\nimport { SidebarContext } from './context';\nimport { useSidebarState } from './useSidebarState';\n\nconst DEFAULT_SIDEBAR_VARIANT: SidebarVariant = 'none';\nconst DEFAULT_SIDEBAR_MODE: SidebarMode = 'expanded';\nconst DEFAULT_SIDEBAR_COLLAPSIBLE: SidebarCollapsible = 'off-canvas';\n\ntype Props = {\n  children?: ReactNode;\n  // left state\n  defaultLeftMode?: SidebarMode;\n  leftMode?: SidebarMode;\n  onLeftModeChange?: (mode: SidebarMode) => void;\n\n  // right state\n  defaultRightMode?: SidebarMode;\n  rightMode?: SidebarMode;\n  onRightModeChange?: (mode: SidebarMode) => void;\n\n  // left\n  leftVariant?: SidebarVariant;\n  leftWidth?: number;\n  leftCollapsible?: SidebarCollapsible;\n\n  // right\n  rightVariant?: SidebarVariant;\n  rightWidth?: number;\n  rightCollapsible?: SidebarCollapsible;\n\n  // width change callbacks\n  onLeftWidthChange?: (width: number) => void;\n  onRightWidthChange?: (width: number) => void;\n\n  // fill\n  defaultFilledSide?: SidebarSide | null;\n};\n\nexport const SidebarProvider = ({\n  children,\n  // left state\n  defaultLeftMode = DEFAULT_SIDEBAR_MODE,\n  leftMode,\n  onLeftModeChange,\n\n  // right state\n  defaultRightMode = DEFAULT_SIDEBAR_MODE,\n  rightMode,\n  onRightModeChange,\n\n  // left\n  leftCollapsible = DEFAULT_SIDEBAR_COLLAPSIBLE,\n  leftVariant = DEFAULT_SIDEBAR_VARIANT,\n  leftWidth,\n\n  // right\n  rightCollapsible = DEFAULT_SIDEBAR_COLLAPSIBLE,\n  rightVariant = DEFAULT_SIDEBAR_VARIANT,\n  rightWidth,\n\n  // width change callbacks\n  onLeftWidthChange,\n  onRightWidthChange,\n\n  // fill\n  defaultFilledSide = null,\n}: Props) => {\n  const [filledSide, setFilledSide] = useState<SidebarSide | null>(defaultFilledSide);\n  const [isLeftDragging, setIsLeftDragging] = useState(false);\n  const [isRightDragging, setIsRightDragging] = useState(false);\n  const [leftDragWidth, setLeftDragWidth] = useState<number | null>(null);\n  const [rightDragWidth, setRightDragWidth] = useState<number | null>(null);\n\n  // Clear the local drag override the moment it matches the controlled width, so a\n  // later width prop change isn't masked by a stale override (`baseWidth` is\n  // `dragWidth ?? width`). Done during render rather than in an effect: it\n  // converges (the override becomes null, so it can't loop) and triggers on a\n  // change to either the prop or the drag width — matching the original effect,\n  // whose dependency array also watched the drag width.\n  if (leftDragWidth !== null && leftWidth === leftDragWidth) setLeftDragWidth(null);\n  if (rightDragWidth !== null && rightWidth === rightDragWidth) setRightDragWidth(null);\n\n  const leftState = useSidebarState({\n    defaultMode: defaultLeftMode,\n    mode: leftMode,\n    onModeChange: onLeftModeChange,\n  });\n\n  const rightState = useSidebarState({\n    defaultMode: defaultRightMode,\n    mode: rightMode,\n    onModeChange: onRightModeChange,\n  });\n\n  const toggleLeftFill = useCallback(\n    () => setFilledSide((prev) => (prev === 'left' ? null : 'left')),\n    [],\n  );\n  const toggleRightFill = useCallback(\n    () => setFilledSide((prev) => (prev === 'right' ? null : 'right')),\n    [],\n  );\n\n  const value = useMemo<SidebarContextValue>(\n    () => ({\n      left: {\n        ...leftState,\n        isFill: filledSide === 'left',\n        toggleFill: toggleLeftFill,\n        widths: calcEffectiveWidths({\n          variant: leftVariant,\n          width: leftDragWidth ?? leftWidth,\n          collapsible: leftCollapsible,\n          state: leftState.state,\n          mode: leftState.mode,\n        }),\n        collapsible: leftCollapsible,\n        variant: leftVariant,\n        baseWidth: leftDragWidth ?? leftWidth,\n        onWidthChange: onLeftWidthChange,\n        setDragWidth: setLeftDragWidth,\n        isDragging: isLeftDragging,\n        setIsDragging: setIsLeftDragging,\n      },\n      right: {\n        ...rightState,\n        isFill: filledSide === 'right',\n        toggleFill: toggleRightFill,\n        widths: calcEffectiveWidths({\n          variant: rightVariant,\n          width: rightDragWidth ?? rightWidth,\n          collapsible: rightCollapsible,\n          state: rightState.state,\n          mode: rightState.mode,\n        }),\n        collapsible: rightCollapsible,\n        variant: rightVariant,\n        baseWidth: rightDragWidth ?? rightWidth,\n        onWidthChange: onRightWidthChange,\n        setDragWidth: setRightDragWidth,\n        isDragging: isRightDragging,\n        setIsDragging: setIsRightDragging,\n      },\n    }),\n    [\n      leftState,\n      filledSide,\n      toggleLeftFill,\n      leftVariant,\n      leftWidth,\n      leftDragWidth,\n      leftCollapsible,\n      onLeftWidthChange,\n      isLeftDragging,\n      rightState,\n      toggleRightFill,\n      rightVariant,\n      rightWidth,\n      rightDragWidth,\n      rightCollapsible,\n      onRightWidthChange,\n      isRightDragging,\n    ],\n  );\n\n  return <SidebarContext value={value}>{children}</SidebarContext>;\n};\n","import type { ComponentProps, MouseEventHandler } from 'react';\nimport { Slot } from '@radix-ui/react-slot';\n\nimport { useSidebar } from './SidebarProvider';\nimport type { SidebarSide } from './types';\n\ntype Props = ComponentProps<typeof Slot> & {\n  side?: SidebarSide;\n};\n\nexport const SidebarFillTrigger = ({ ref, side = 'left', onClick, ...rest }: Props) => {\n  const { toggleFill, isFill } = useSidebar(side);\n\n  const handleOnClick: MouseEventHandler<HTMLElement> = (event) => {\n    toggleFill();\n    onClick?.(event);\n  };\n\n  return <Slot {...rest} ref={ref} onClick={handleOnClick} aria-selected={isFill} />;\n};\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<'div'>;\n\nexport const SidebarFooter = ({ className, ...props }: Props) => (\n  <div\n    data-slot=\"sidebar-footer\"\n    className={cn('tw:flex', 'tw:flex-col', 'tw:gap-2', 'tw:p-2', className)}\n    {...props}\n  />\n);\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '../../../utils';\n\ntype Props = ComponentProps<'div'>;\n\nexport const SidebarGroup = ({ className, ...props }: Props) => (\n  <div\n    className={cn(\n      'tw:group/sidebar-group',\n      'tw:relative',\n      'tw:w-full',\n\n      // positioning\n      'tw:flex',\n      'tw:flex-col',\n      'tw:min-w-0',\n      'tw:rounded-lg',\n      className,\n    )}\n    {...props}\n  />\n);\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '../../../utils';\n\ntype Props = ComponentProps<'div'>;\n\nexport const SidebarGroupContent = ({ className, ...props }: Props) => (\n  <div\n    className={cn(\n      // positioning\n      'tw:flex',\n      'tw:flex-col',\n      'tw:gap-2',\n\n      'tw:w-full',\n      className,\n    )}\n    {...props}\n  />\n);\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '../../../utils';\n\ntype Props = ComponentProps<'button'>;\n\nexport const SidebarGroupAction = ({\n  ref,\n  className,\n  type = 'button',\n  children,\n  ...props\n}: Props) => (\n  <button\n    {...props}\n    type={type}\n    ref={ref}\n    className={cn(\n      'tw:group-data-[state=collapsed]/sidebar:hidden',\n\n      // positioning\n      'tw:absolute',\n      'tw:right-1.5',\n      'tw:top-2',\n      'tw:flex',\n      'tw:items-center',\n      'tw:justify-center',\n\n      // sizing\n      'tw:size-5',\n\n      // styles\n      'tw:text-neutral-800',\n      'tw:rounded-full',\n\n      // svg defaults: size + colour\n      'tw:[&_svg:not([class*=\"tw:size-\"])]:size-3',\n      'tw:[&_svg]:text-neutral-400',\n      'tw:hover:[&_svg]:text-secondary-600',\n\n      'tw:hover:bg-neutral-100',\n\n      'tw:focus-visible:ring-4',\n      'tw:focus-visible:ring-ring/30',\n      'tw:focus-visible:outline',\n      'tw:focus-visible:outline-1',\n      'tw:focus-visible:outline-ring',\n      className,\n    )}\n  >\n    {children}\n  </button>\n);\n","import type { ComponentProps, Ref } from 'react';\n\nimport { cn } from '../../../utils';\nimport { Separator } from '../../Separator';\n\ntype Props = ComponentProps<'div'>;\n\nexport const SidebarGroupLabel = ({\n  ref,\n  className,\n  children,\n  ...props\n}: Props & { ref?: Ref<HTMLDivElement> }) => (\n  <div\n    ref={ref}\n    className={cn(\n      'tw:relative',\n      // positioning\n      'tw:flex',\n      'tw:flex-col',\n      'tw:shrink-0',\n\n      // styling\n      'tw:h-8',\n      'tw:px-2',\n      'tw:-mb-1',\n      'tw:rounded-lg',\n\n      // text\n      'tw:uppercase',\n      'tw:font-sans',\n      'tw:text-xs',\n      'tw:tracking-[1px]',\n      className,\n    )}\n    {...props}\n  >\n    <Separator\n      orientation=\"horizontal\"\n      size=\"3/4\"\n      className={cn(\n        'tw:opacity-0',\n        'tw:group-data-[state=collapsed]/sidebar:opacity-100',\n\n        // positioning\n        'tw:absolute',\n        'tw:w-full',\n        'tw:left-0',\n        'tw:top-1/2 tw:-translate-y-1/2',\n\n        'tw:transition-opacity',\n        'tw:duration-200',\n        'tw:ease-linear',\n      )}\n    />\n\n    <span\n      className={cn(\n        'tw:flex',\n        'tw:group-data-[state=collapsed]/sidebar:opacity-0',\n\n        'tw:items-center',\n        'tw:flex-1',\n        'tw:text-muted-foreground',\n        'tw:whitespace-nowrap',\n\n        // transition\n        'tw:transition-opacity',\n        'tw:duration-200',\n        'tw:ease-linear',\n      )}\n    >\n      {children}\n    </span>\n  </div>\n);\n","import { createContext, use } from 'react';\n\nimport type { SidebarMode, SidebarSide, SidebarState } from './types';\n\ntype SidebarInstanceContextValue = {\n  state: SidebarState;\n  mode: SidebarMode;\n  side: SidebarSide;\n};\n\nexport const SidebarInstanceContext = createContext<SidebarInstanceContextValue | null>(null);\n\nexport const useSidebarInstance = () => {\n  const context = use(SidebarInstanceContext);\n  if (context === null)\n    throw new Error('useSidebarInstance must be used within a SidebarInstanceContext.');\n  return context;\n};\n","import { type ComponentProps, use } from 'react';\n\nimport { cn } from '../../utils';\nimport { BrandLogo } from '../BrandLogo';\n\nimport { SidebarInstanceContext } from './SidebarInstanceContext';\n\ntype Props = ComponentProps<'div'>;\n\nexport const SidebarHeader = ({ className, children, ...props }: Props) => {\n  const instance = use(SidebarInstanceContext);\n  // BrandLogo reads the nearest ThemeProvider (or the default context) and renders\n  // null when the active brand ships no logo, so no provider gate is needed.\n  const variant = instance?.state === 'collapsed' ? 'mark' : 'wordmark';\n  const fallback = <BrandLogo variant={variant} className=\"tw:h-7\" />;\n\n  return (\n    <div\n      data-slot=\"sidebar-header\"\n      className={cn(\n        'tw:peer/sidebar-header',\n        'tw:flex',\n        'tw:flex-col',\n        'tw:gap-2',\n        'tw:p-2',\n        className,\n      )}\n      {...props}\n    >\n      {children ?? fallback}\n    </div>\n  );\n};\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '../../../utils';\n\ntype Props = ComponentProps<'ul'>;\n\nexport const SidebarMenu = ({ className, ...props }: Props) => (\n  <ul\n    data-sidebar=\"menu\"\n    className={cn(\n      'tw:flex',\n      'tw:w-full',\n      'tw:min-w-0',\n      'tw:flex-col',\n      'tw:gap-1',\n\n      // transition\n      'tw:transition-[margin,opacity]',\n      'tw:duration-200',\n      'tw:ease-linear',\n\n      // TODO: remove when boostrap is gone\n      'tw:pl-0',\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 SidebarMenuIcon = ({ ref, className, children, ...rest }: Props) => (\n  <span\n    {...rest}\n    ref={ref}\n    className={cn(\n      'tw:inline-flex',\n      'tw:items-center',\n      'tw:justify-center',\n      'tw:aspect-square',\n      'tw:shrink-0',\n      'tw:p-0.5',\n      'tw:text-sidebar-primary',\n      'tw:[&_svg:not([class*=\"tw:size-\"])]:size-4',\n      className,\n    )}\n  >\n    {children}\n  </span>\n);\n","import type { ComponentProps, ReactNode, Ref } from 'react';\nimport { Root, Slottable } from '@radix-ui/react-slot';\n\nimport { cn } from '../../../utils';\nimport { Tooltip } from '../../Tooltip';\nimport { useSidebarInstance } from '../SidebarInstanceContext';\n\nimport { SidebarMenuIcon } from './SidebarMenuIcon';\n\ntype Props = ComponentProps<'button'> & {\n  asChild?: boolean;\n  tooltip?: ReactNode;\n  icon?: ReactNode;\n};\n\nexport const SidebarMenuButton = ({\n  ref,\n  'aria-selected': selected,\n  className,\n  children,\n  asChild = false,\n  icon,\n  tooltip,\n  ...props\n}: Props & { ref?: Ref<HTMLButtonElement> }) => {\n  const Component = asChild ? Root : 'button';\n  const { state, mode, side } = useSidebarInstance();\n\n  const button = (\n    <Component\n      {...props}\n      ref={ref}\n      data-slot=\"sidebar-menu-button\"\n      // `type` and `aria-selected` belong to a real <button>. With `asChild` the slot is\n      // usually an <a> (the canonical nav item), where both are invalid — axe flags\n      // `aria-selected` on a link as a critical violation. Mark the active link with\n      // `aria-current=\"page\"` instead; it is styled identically below. `aria-selected`\n      // is still forwarded when a caller passes it explicitly.\n      {...(asChild ? {} : { type: 'button' as const })}\n      {...(selected === undefined ? {} : { 'aria-selected': selected })}\n      className={cn(\n        'tw:peer/sidebar-menu-button',\n        'tw:group/sidebar-menu-button',\n\n        // if <SidebarMenuAction /> visible, prevent the text from being under the action button.\n        'tw:group-data-[state=expanded]/sidebar:group-has-[[data-slot=sidebar-menu-action][data-hover-only=false]]/sidebar-menu-item:pr-8',\n        'tw:group-data-[state=expanded]/sidebar:[&:has(+[data-slot=\"sidebar-menu-action\"])]:group-hover/sidebar-menu-item:pr-8',\n        'tw:group-data-[state=expanded]/sidebar:[&:has(+[data-slot=\"sidebar-menu-action\"])]:group-focus-within/sidebar-menu-item:pr-8',\n        'tw:group-data-[state=expanded]/sidebar:[&:has(+[data-slot=\"sidebar-menu-action\"][data-hover-only=true][data-state=open])]:pr-8',\n\n        'tw:flex',\n        'tw:w-full',\n        'tw:gap-2',\n        'tw:items-center',\n        'tw:z-10',\n        'tw:font-normal',\n        'tw:text-sidebar-foreground',\n        'tw:p-2',\n        'tw:whitespace-nowrap',\n        'tw:overflow-hidden',\n        'tw:rounded-lg',\n        'tw:text-start',\n        'tw:no-underline',\n        'tw:select-none',\n\n        // hover\n        'tw:hover:not-disabled:bg-sidebar-accent',\n        'tw:hover:text-sidebar-accent-foreground',\n        'tw:focus:text-sidebar-accent-foreground', // anchor override\n        'tw:data-[slot=dropdown-menu-trigger]:data-[state=open]:bg-sidebar-accent',\n\n        // disabled\n        'tw:disabled:opacity-50',\n        'tw:disabled:cursor-not-allowed',\n\n        // active\n        'tw:aria-selected:font-medium',\n        'tw:aria-selected:bg-sidebar-accent',\n        'tw:aria-selected:cursor-default',\n        // active for links https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Attributes/aria-current\n        'tw:aria-[current=page]:bg-sidebar-accent',\n        'tw:aria-[current=page]:font-medium',\n        'tw:aria-[current=page]:focus:text-sidebar-accent-foreground',\n\n        // focus-visible\n        'tw:focus-visible:outline-hidden',\n        'tw:focus-visible:z-10',\n        'tw:focus-visible:ring-2',\n        'tw:focus-visible:ring-sidebar-ring/50',\n        'tw:focus-visible:text-sidebar-foreground', // anchor override\n        className,\n      )}\n      // Explicitly set the tabIndex to 0 to ensure the button is focusable; in Safari, anchors are not focusable by default.\n      tabIndex={0}\n    >\n      {icon && <SidebarMenuIcon>{icon}</SidebarMenuIcon>}\n      <Slottable>{children}</Slottable>\n    </Component>\n  );\n\n  const shouldShowTooltip = state === 'collapsed' && mode !== 'expand-on-hover' && tooltip;\n\n  if (shouldShowTooltip) {\n    const tooltipPlacement = side === 'right' ? 'left' : 'right';\n\n    return (\n      <Tooltip tooltip={tooltip} placement={tooltipPlacement} triggerAsChild>\n        {button}\n      </Tooltip>\n    );\n  }\n\n  return button;\n};\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '../../../utils';\n\ntype Props = ComponentProps<'li'>;\n\nexport const SidebarMenuItem = ({ className, ...props }: Props) => (\n  <li className={cn('tw:group/sidebar-menu-item', 'tw:relative', className)} {...props} />\n);\n","import type { ComponentProps } from 'react';\nimport { Slot } from '@radix-ui/react-slot';\n\nimport { cn } from '../../../utils';\n\ntype Props = ComponentProps<'button'> & {\n  asChild?: boolean;\n  showOnHover?: boolean;\n};\n\nexport const SidebarMenuAction = ({\n  ref,\n  className,\n  asChild = false,\n  showOnHover = false,\n  children,\n  ...props\n}: Props) => {\n  const Comp = asChild ? Slot : 'button';\n  return (\n    <Comp\n      {...props}\n      data-slot=\"sidebar-menu-action\"\n      data-hover-only={showOnHover}\n      ref={ref}\n      className={cn(\n        'tw:absolute',\n        'tw:top-1/2',\n        'tw:-translate-y-1/2',\n        'tw:right-3',\n        'tw:z-10',\n        'tw:p-0.5',\n\n        // display\n        'tw:flex',\n        'tw:items-center',\n        'tw:justify-center',\n        'tw:aspect-square',\n\n        // hiding\n        'tw:data-[hover-only=true]:opacity-0',\n        'tw:group-data-[state=collapsed]/sidebar:hidden',\n\n        'tw:group-data-[state=expanded]/sidebar:group-hover/sidebar-menu-item:opacity-100',\n        'tw:group-data-[state=expanded]/sidebar:group-focus-within/sidebar-menu-item:opacity-100', // keyboard navigation\n\n        'tw:group-data-[state=expanded]/sidebar:data-[hover-only=true]:data-[state=open]:opacity-100', // for triggers (dropdown, tooltip, popover)\n\n        'tw:size-4',\n        'tw:rounded',\n\n        // icon styling\n        'tw:[&_svg]:shrink-0',\n        'tw:[&_svg:not([class*=\"tw:size-\"])]:size-3.5',\n        'tw:[&_svg]:text-sidebar-accent-foreground',\n\n        // focus visible\n        'tw:focus-visible:outline-hidden',\n        'tw:focus-visible:z-10',\n        'tw:focus-visible:ring-2',\n        'tw:focus-visible:ring-sidebar-ring/50',\n        'tw:focus-visible:text-sidebar-foreground',\n        className,\n      )}\n    >\n      {children}\n    </Comp>\n  );\n};\n","import { useRef } from 'react';\nimport type { ComponentProps } from 'react';\n\nimport { Search } from '../../../icons';\nimport { cn, mergeRefs } from '../../../utils';\nimport { useSidebarInstance } from '../SidebarInstanceContext';\nimport { useSidebar } from '../SidebarProvider';\n\nconst wrapperClassnames = cn(\n  'tw:group/search-input',\n  'tw:relative',\n  'tw:flex',\n  'tw:items-center',\n  'tw:min-h-9',\n  'tw:rounded-lg',\n  'tw:border',\n  'tw:transition-all',\n\n  // collapsed state - transparent border/bg, hover like search button\n  'tw:group-data-[state=collapsed]/sidebar:cursor-pointer',\n  'tw:group-data-[state=collapsed]/sidebar:border-transparent',\n  'tw:group-data-[state=collapsed]/sidebar:hover:bg-sidebar-accent',\n\n  // expanded state - visible border/bg, padding for input, text cursor\n  'tw:group-data-[state=expanded]/sidebar:cursor-text',\n  'tw:group-data-[state=expanded]/sidebar:px-2',\n  'tw:group-data-[state=expanded]/sidebar:border-neutral-200',\n\n  // focus styles (only relevant when expanded)\n  'tw:focus-within:ring-2',\n  'tw:focus-within:ring-sidebar-ring/50',\n  'tw:focus-within:text-sidebar-foreground',\n);\n\ntype Props = Omit<ComponentProps<'input'>, 'prefix'>;\n\nexport const SidebarSearchInput = ({ ref: forwardedRef, className, ...inputProps }: Props) => {\n  const { side } = useSidebarInstance();\n  const { setMode } = useSidebar(side);\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const handleFocus = () => {\n    setMode('expanded');\n  };\n\n  return (\n    <div className={cn(wrapperClassnames, className)}>\n      <Search\n        className={cn(\n          'tw:pointer-events-none',\n          'tw:absolute',\n          'tw:left-2',\n          'tw:size-4',\n\n          'tw:text-sidebar-primary',\n          'tw:group-data-[state=expanded]/sidebar:text-neutral-400',\n        )}\n      />\n      <input\n        ref={mergeRefs(forwardedRef ?? null, inputRef)}\n        {...inputProps}\n        onFocus={(e) => {\n          handleFocus();\n          inputProps.onFocus?.(e);\n        }}\n        className={cn(\n          'tw:w-full',\n          'tw:bg-transparent',\n          'tw:text-sm',\n          'tw:font-sans',\n          'tw:outline-hidden',\n          'tw:placeholder:text-neutral-400',\n\n          // collapsed state - visually hidden but still focusable for a11y\n          'tw:group-data-[state=collapsed]/sidebar:opacity-0',\n          'tw:group-data-[state=collapsed]/sidebar:cursor-pointer',\n\n          // expanded state\n          'tw:group-data-[state=expanded]/sidebar:pl-6',\n        )}\n      />\n    </div>\n  );\n};\n","import { useCallback, useState } from 'react';\nimport type { ComponentProps, HTMLAttributes, ReactNode } from 'react';\n\nimport { cn } from '../../../utils';\nimport { HoverCard } from '../../HoverCard';\nimport { useSidebarInstance } from '../SidebarInstanceContext';\nimport { useSidebar } from '../SidebarProvider';\n\nimport { SidebarMenuIcon } from './SidebarMenuIcon';\n\nconst Title = ({ children }: { children: ReactNode }) => (\n  <div className=\"tw:flex tw:select-none tw:gap-2 tw:text-sm tw:font-semibold\">{children}</div>\n);\n\nconst Content = ({ children, className }: { children: ReactNode; className?: string }) => (\n  <div\n    className={cn(\n      'tw:whitespace-pre-line',\n      'tw:group-data-[fill=false]/sidebar:group-data-[state=collapsed]/sidebar:group-data-[collapsible=icon]/sidebar:invisible',\n      className,\n    )}\n  >\n    {children}\n  </div>\n);\n\ntype Props = HTMLAttributes<HTMLDivElement> & {\n  icon: ReactNode;\n  title: ReactNode;\n};\n\nexport const SidebarMenuCard = ({ children, className, icon, title, ...rest }: Props) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const { side = 'left' } = useSidebarInstance();\n  const { state, isFill } = useSidebar(side);\n  const isExpanded = state === 'expanded' || isFill;\n\n  const handleOnOpenChange: ComponentProps<typeof HoverCard>['onOpenChange'] = useCallback(\n    (open: boolean) => {\n      setIsOpen(isExpanded || document.hidden ? false : open);\n    },\n    [isExpanded],\n  );\n\n  return (\n    <HoverCard open={isOpen} onOpenChange={handleOnOpenChange}>\n      <HoverCard.Trigger asChild>\n        <div\n          {...rest}\n          data-slot=\"sidebar-menu-card\"\n          tabIndex={isExpanded ? -1 : 0}\n          className={cn(\n            'tw:group/sidebar-menu-card',\n            'tw:peer/sidebar-menu-card',\n\n            'tw:overflow-hidden',\n\n            'tw:border',\n            'tw:border-sidebar-border',\n            'tw:rounded-2xl',\n\n            // layout\n            'tw:grid',\n            'tw:grid-rows-[1fr]',\n            'tw:flex-1',\n            'tw:p-4',\n\n            // icon collapsed\n            'tw:group-data-[fill=false]/sidebar:group-data-[state=collapsed]/sidebar:group-data-[collapsible=icon]/sidebar:p-2',\n            'tw:group-data-[fill=false]/sidebar:group-data-[state=collapsed]/sidebar:group-data-[collapsible=icon]/sidebar:border-transparent',\n            'tw:group-data-[fill=false]/sidebar:group-data-[state=collapsed]/sidebar:group-data-[collapsible=icon]/sidebar:grid-rows-[18px]',\n            'tw:group-data-[fill=false]/sidebar:group-data-[state=collapsed]/sidebar:group-data-[collapsible=icon]/sidebar:rounded-md',\n\n            // focus-visible\n            'tw:outline-hidden',\n            'tw:group-data-[fill=false]/sidebar:group-data-[state=collapsed]/sidebar:group-data-[collapsible=icon]/sidebar:hover:bg-sidebar-accent',\n            'tw:group-data-[fill=false]/sidebar:group-data-[state=collapsed]/sidebar:group-data-[collapsible=icon]/sidebar:focus-visible:ring-2',\n            'tw:group-data-[fill=false]/sidebar:group-data-[state=collapsed]/sidebar:group-data-[collapsible=icon]/sidebar:focus-visible:ring-sidebar-ring/50',\n\n            // transition\n            'tw:transition-[padding,border]',\n            'tw:duration-200',\n            'tw:ease-linear',\n          )}\n        >\n          <div className=\"tw:flex tw:flex-col tw:gap-2\">\n            <Title>\n              <SidebarMenuIcon className=\"tw:p-px\">{icon}</SidebarMenuIcon>\n              {title}\n            </Title>\n            <Content className={className}>{children}</Content>\n          </div>\n        </div>\n      </HoverCard.Trigger>\n\n      <HoverCard.Content\n        sideOffset={10}\n        align=\"center\"\n        side={side === 'left' ? 'right' : 'left'}\n        className=\"tw:flex tw:flex-col tw:gap-2\"\n      >\n        <Title>{title}</Title>\n        <Content className={className}>{children}</Content>\n      </HoverCard.Content>\n    </HoverCard>\n  );\n};\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '../../../utils';\n\ntype Props = ComponentProps<'div'>;\n\nexport const SidebarMenuBadge = ({ ref, className, ...props }: Props) => {\n  return (\n    <div\n      ref={ref}\n      data-slot=\"sidebar-menu-badge\"\n      data-sidebar=\"menu-badge\"\n      className={cn(\n        // layout\n        'tw:flex',\n        'tw:items-center',\n        'tw:justify-center',\n        'tw:z-20',\n\n        'tw:absolute',\n\n        // menu button position\n        'tw:peer-[]/sidebar-menu-button:right-2',\n        // menu card position\n        'tw:peer-[]/sidebar-menu-card:right-4',\n        'tw:peer-[]/sidebar-menu-card:top-4',\n\n        // icon collapsed position\n        'tw:group-data-[state=collapsed]/sidebar:group-data-[collapsible=icon]/sidebar:right-0',\n        'tw:group-data-[state=collapsed]/sidebar:group-data-[collapsible=icon]/sidebar:-top-1',\n\n        'tw:text-xs',\n        'tw:text-sidebar-primary-foreground',\n        'tw:bg-sidebar-primary',\n        'tw:px-1',\n        'tw:min-w-5',\n        'tw:h-5',\n        'tw:rounded-full',\n        'tw:pointer-events-none',\n        'tw:font-medium',\n        'tw:tabular-nums',\n        'tw:select-none',\n\n        'tw:transition-[top,right]',\n        'tw:delay-50',\n        'tw:ease-linear',\n        className,\n      )}\n      {...props}\n    />\n  );\n};\n","import { useState } from 'react';\nimport type { ComponentProps, ReactNode } from 'react';\n\nimport { ChevronDown } from '../../../icons';\nimport { cn } from '../../../utils';\nimport { Collapsible } from '../../Collapsible';\nimport { DropdownMenu } from '../../DropdownMenu';\nimport { Tooltip } from '../../Tooltip';\nimport { useSidebarInstance } from '../SidebarInstanceContext';\n\nimport { SidebarMenuButton } from './SidebarMenuButton';\n\ntype Props = {\n  children: ReactNode;\n  icon: ReactNode;\n  isActive?: boolean;\n  label: string;\n} & Pick<ComponentProps<typeof Collapsible>, 'defaultOpen' | 'open' | 'onOpenChange'>;\n\nexport const SidebarMenuSub = ({\n  children,\n  icon,\n  isActive = false,\n  label,\n\n  // collapsible props\n  defaultOpen = false,\n  open: openProp,\n  onOpenChange,\n}: Props) => {\n  const { state, side, mode } = useSidebarInstance();\n  const [open, setOpen] = useState<'open-tooltip' | 'open-dropdown-menu' | null>(null);\n  const [innerCollapsibleOpen, setInnerCollapsibleOpen] = useState(defaultOpen);\n\n  const isCollapsibleOpen = (() => {\n    // In the collapsed sidebar state, it is always closed.\n    if (state === 'collapsed') return false;\n    return openProp ?? innerCollapsibleOpen;\n  })();\n\n  const isDropdownMenu = mode === 'expand-on-hover' || mode === 'collapsed';\n\n  const handleCollapsibleOpenChange = (open: boolean) => {\n    if (openProp === undefined) setInnerCollapsibleOpen(open);\n\n    onOpenChange?.(open);\n  };\n\n  const handleDropdownOpenChange = (open: boolean) => {\n    setOpen(open ? 'open-dropdown-menu' : null);\n  };\n\n  const handleTooltipOpenChange = (open: boolean) => {\n    setOpen((currentOpen) => {\n      // dropdown menu has higher priority than tooltip, if it's open, keep it open\n      if (currentOpen === 'open-dropdown-menu') return 'open-dropdown-menu';\n      // no need to show tooltip in expanded state, so return null\n      if (state === 'expanded') return null;\n      return open ? 'open-tooltip' : null;\n    });\n  };\n\n  if (isDropdownMenu) {\n    return (\n      <DropdownMenu open={open === 'open-dropdown-menu'} onOpenChange={handleDropdownOpenChange}>\n        <Tooltip.Root open={open === 'open-tooltip'} onOpenChange={handleTooltipOpenChange}>\n          <Tooltip.Trigger asChild>\n            <DropdownMenu.Trigger asChild>\n              <SidebarMenuButton\n                icon={icon}\n                data-active={isActive}\n                className={cn(\n                  'tw:data-[active=true]:bg-sidebar-accent',\n                  'tw:data-[active=true]:font-medium',\n                )}\n              >\n                {label}\n              </SidebarMenuButton>\n            </DropdownMenu.Trigger>\n          </Tooltip.Trigger>\n          <Tooltip.Content variant=\"action\" placement={side}>\n            {label}\n          </Tooltip.Content>\n        </Tooltip.Root>\n\n        <DropdownMenu.Content side={side} align=\"start\">\n          <DropdownMenu.Label>{label}</DropdownMenu.Label>\n          {children}\n        </DropdownMenu.Content>\n      </DropdownMenu>\n    );\n  }\n\n  return (\n    <Collapsible open={isCollapsibleOpen} onOpenChange={handleCollapsibleOpenChange}>\n      <Collapsible.Trigger asChild>\n        <SidebarMenuButton\n          icon={icon}\n          data-active={isActive && !isCollapsibleOpen}\n          className={cn(\n            'tw:group',\n            'tw:data-[active=true]:bg-sidebar-accent',\n            'tw:data-[active=true]:font-medium',\n          )}\n        >\n          {label}\n          <ChevronDown className=\"tw:ml-auto tw:size-5 tw:transition-transform tw:duration-200 tw:group-data-[state=open]:rotate-180\" />\n        </SidebarMenuButton>\n      </Collapsible.Trigger>\n      <Collapsible.Content>\n        <ul\n          data-sidebar=\"menu-sub\"\n          className={cn(\n            'tw:ml-3.5',\n            'tw:flex',\n            'tw:min-w-0',\n            'tw:translate-x-px',\n            'tw:flex-col',\n            'tw:gap-1',\n            'tw:border-l',\n            'tw:border-sidebar-border',\n            'tw:py-0.5',\n            'tw:pl-2.5',\n            'tw:pr-0',\n\n            // TODO: remove when bootstrap is gone\n            'tw:list-none',\n          )}\n        >\n          {children}\n        </ul>\n      </Collapsible.Content>\n    </Collapsible>\n  );\n};\n","import type { ComponentProps } from 'react';\nimport { Root, Slottable } from '@radix-ui/react-slot';\n\nimport { cn } from '../../../utils';\nimport { DropdownMenu } from '../../DropdownMenu';\nimport { useSidebarInstance } from '../SidebarInstanceContext';\n\ntype Props = ComponentProps<'button'> & {\n  asChild?: boolean;\n};\n\nexport const SidebarMenuSubItem = ({\n  ref,\n  className,\n  asChild = false,\n  children,\n  disabled,\n  'aria-current': ariaCurrent,\n  ...props\n}: Props) => {\n  const { mode } = useSidebarInstance();\n  const isDropdownMenu = mode === 'collapsed' || mode === 'expand-on-hover';\n\n  if (isDropdownMenu) {\n    return (\n      <DropdownMenu.Item\n        aria-current={ariaCurrent}\n        asChild={asChild}\n        disabled={disabled}\n        className={cn(\n          // use sidebar colors for active and focus states\n          'tw:focus:!bg-sidebar-accent',\n          'tw:aria-[current=page]:bg-sidebar-accent',\n          'tw:aria-[current=page]:focus:text-sidebar-accent-foreground',\n          className,\n        )}\n      >\n        {children}\n      </DropdownMenu.Item>\n    );\n  }\n\n  const Component = asChild ? Root : 'button';\n\n  return (\n    <li className=\"tw:group/sidebar-menu-sub-item tw:relative\">\n      <Component\n        {...props}\n        ref={ref}\n        aria-current={ariaCurrent}\n        data-slot=\"sidebar-menu-sub-button\"\n        type=\"button\"\n        disabled={disabled}\n        className={cn(\n          // layout\n          'tw:flex',\n          'tw:items-center',\n          'tw:gap-2',\n\n          // sizing\n          'tw:h-7',\n          'tw:w-full',\n          'tw:min-w-0',\n          'tw:px-2',\n\n          //font\n          'tw:text-sidebar-foreground',\n          'tw:text-sm',\n          'tw:font-normal',\n          'tw:text-start',\n          'tw:whitespace-nowrap',\n\n          'tw:overflow-hidden',\n          'tw:rounded-md',\n          'tw:no-underline',\n\n          'tw:select-none',\n          'tw:outline-hidden',\n\n          // hover\n          'tw:hover:not-disabled:bg-sidebar-accent',\n          'tw:hover:text-sidebar-accent-foreground',\n          'tw:focus:text-sidebar-accent-foreground',\n\n          // active\n          'tw:aria-selected:font-medium',\n          'tw:aria-selected:bg-sidebar-accent',\n          'tw:aria-[current=page]:bg-sidebar-accent',\n          'tw:aria-[current=page]:font-medium',\n\n          // disabled\n          'tw:disabled:opacity-50',\n          'tw:disabled:cursor-not-allowed',\n\n          // focus-visible\n          'tw:focus-visible:outline-hidden',\n          'tw:focus-visible:ring-2',\n          'tw:focus-visible:ring-sidebar-ring/50',\n          className,\n        )}\n      >\n        <Slottable>{children}</Slottable>\n      </Component>\n    </li>\n  );\n};\n","import { type MouseEventHandler, useCallback, useEffect, useRef } from 'react';\n\nimport { useSidebar } from './SidebarProvider';\nimport type { SidebarSide } from './types';\nimport { SidebarWidthInPx } from './utils';\n\nconst DEFAULT_MIN_WIDTH = 384;\nconst DEFAULT_MAX_WIDTH = 800;\n\ntype UseResizeSidebarInput = {\n  side: SidebarSide;\n  minWidth?: number;\n  maxWidth?: number;\n};\n\nexport const useResizeSidebar = ({\n  side,\n  minWidth = DEFAULT_MIN_WIDTH,\n  maxWidth = DEFAULT_MAX_WIDTH,\n}: UseResizeSidebarInput) => {\n  const { onWidthChange, baseWidth, isFill, state, isDragging, setIsDragging, setDragWidth } =\n    useSidebar(side);\n  const isResizable = state === 'expanded' && !isFill && onWidthChange !== undefined;\n  const startXRef = useRef(0);\n  const startWidthRef = useRef(0);\n  const cleanupRef = useRef<(() => void) | null>(null);\n\n  useEffect(() => {\n    return () => {\n      cleanupRef.current?.();\n      document.body.style.cursor = '';\n      document.body.style.userSelect = '';\n    };\n  }, []);\n\n  const clampToRange = useCallback(\n    (width: number) => {\n      const effectiveMax = Math.max(minWidth, Math.min(maxWidth, window.innerWidth * 0.5));\n      return Math.round(Math.min(effectiveMax, Math.max(minWidth, width)));\n    },\n    [minWidth, maxWidth],\n  );\n\n  const handleMouseDown: MouseEventHandler = useCallback(\n    (e) => {\n      if (!isResizable || isDragging) return;\n\n      cleanupRef.current?.();\n      setIsDragging(true);\n\n      startWidthRef.current = baseWidth ?? SidebarWidthInPx.MIN_DEFAULT;\n      startXRef.current = e.clientX;\n\n      const handleMouseMove = (moveEvent: MouseEvent) => {\n        const delta =\n          side === 'right'\n            ? startXRef.current - moveEvent.clientX\n            : moveEvent.clientX - startXRef.current;\n        setDragWidth(clampToRange(startWidthRef.current + delta));\n      };\n\n      const handleMouseUp = (upEvent: MouseEvent) => {\n        const delta =\n          side === 'right'\n            ? startXRef.current - upEvent.clientX\n            : upEvent.clientX - startXRef.current;\n        onWidthChange?.(clampToRange(startWidthRef.current + delta));\n        setIsDragging(false);\n        document.removeEventListener('mousemove', handleMouseMove);\n        document.removeEventListener('mouseup', handleMouseUp);\n        document.body.style.cursor = '';\n        document.body.style.userSelect = '';\n        cleanupRef.current = null;\n      };\n\n      document.body.style.cursor = 'col-resize';\n      document.body.style.userSelect = 'none';\n      document.addEventListener('mousemove', handleMouseMove);\n      document.addEventListener('mouseup', handleMouseUp);\n\n      cleanupRef.current = () => {\n        document.removeEventListener('mousemove', handleMouseMove);\n        document.removeEventListener('mouseup', handleMouseUp);\n        setIsDragging(false);\n        setDragWidth(null);\n      };\n    },\n    [\n      isResizable,\n      isDragging,\n      side,\n      onWidthChange,\n      baseWidth,\n      setIsDragging,\n      setDragWidth,\n      clampToRange,\n    ],\n  );\n\n  const handleDoubleClick = useCallback(() => {\n    onWidthChange?.(minWidth);\n  }, [onWidthChange, minWidth]);\n\n  return {\n    handleProps: {\n      onMouseDown: handleMouseDown,\n      onDoubleClick: handleDoubleClick,\n    },\n    isDragging,\n    isResizable,\n  };\n};\n","import { cn } from '../../utils';\n\nimport type { SidebarSide } from './types';\nimport { useResizeSidebar } from './useResizeSidebar';\n\ntype Props = {\n  side: SidebarSide;\n  minWidth?: number;\n  maxWidth?: number;\n};\n\nexport const SidebarResizeHandle = ({ side, minWidth, maxWidth }: Props) => {\n  const { handleProps, isResizable } = useResizeSidebar({ side, minWidth, maxWidth });\n\n  if (!isResizable) return null;\n\n  return (\n    <div\n      {...handleProps}\n      aria-hidden\n      className={cn(\n        'tw:absolute tw:inset-y-0 tw:z-10 tw:w-3',\n        side === 'right' ? 'tw:left-0' : 'tw:right-0',\n        'tw:cursor-col-resize',\n      )}\n    />\n  );\n};\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '../../utils';\nimport { Separator } from '../Separator';\n\ntype Props = Omit<ComponentProps<typeof Separator>, 'orientation' | 'size'>;\n\nexport const SidebarSeparator = ({ className, ...props }: Props) => (\n  <Separator\n    {...props}\n    orientation=\"horizontal\"\n    size=\"full\"\n    className={cn('tw:before:bg-sidebar-border tw:p-2', className)}\n  />\n);\n","import type { ComponentProps, MouseEventHandler } from 'react';\nimport { Slot } from '@radix-ui/react-slot';\n\nimport { cn } from '../../utils';\n\nimport { useSidebar } from './SidebarProvider';\nimport type { SidebarSide } from './types';\n\ntype Props = ComponentProps<typeof Slot> & {\n  side?: SidebarSide;\n  hideWhenCollapsed?: boolean;\n};\n\nexport const SidebarTrigger = ({\n  side = 'left',\n  onClick,\n  hideWhenCollapsed = false,\n  className,\n  ...rest\n}: Props) => {\n  const { toggle } = useSidebar(side);\n\n  const handleOnClick: MouseEventHandler<HTMLElement> = (event) => {\n    toggle();\n    onClick?.(event);\n  };\n\n  return (\n    <Slot\n      {...rest}\n      onClick={handleOnClick}\n      className={cn(\n        {\n          'tw:group-data-[state=collapsed]/sidebar:hidden': hideWhenCollapsed,\n        },\n        className,\n      )}\n    />\n  );\n};\n","import { useMemo } from 'react';\nimport type { CSSProperties, ReactNode, TransitionEventHandler } from 'react';\n\nimport { cn } from '../../utils';\nimport { TooltipProvider } from '../Tooltip';\n\nimport { useTransitionPresence } from './SidebarProvider/useTransitionPresence';\nimport { SidebarContent } from './SidebarContent';\nimport { SidebarFillTrigger } from './SidebarFillTrigger';\nimport { SidebarFooter } from './SidebarFooter';\nimport {\n  SidebarGroup,\n  SidebarGroupAction,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n} from './SidebarGroup';\nimport { SidebarHeader } from './SidebarHeader';\nimport { SidebarInstanceContext } from './SidebarInstanceContext';\nimport {\n  SidebarMenu,\n  SidebarMenuAction,\n  SidebarMenuBadge,\n  SidebarMenuButton,\n  SidebarMenuCard,\n  SidebarMenuIcon,\n  SidebarMenuItem,\n  SidebarMenuSub,\n  SidebarMenuSubItem,\n  SidebarSearchInput,\n} from './SidebarMenu';\nimport { useSidebar } from './SidebarProvider';\nimport { SidebarResizeHandle } from './SidebarResizeHandle';\nimport { SidebarSeparator } from './SidebarSeparator';\nimport { SidebarTrigger } from './SidebarTrigger';\nimport type { SidebarSide } from './types';\nimport { SidebarWidthInPx } from './utils';\n\ntype Props = {\n  children: ReactNode;\n  className?: string;\n  id?: string;\n  side?: SidebarSide;\n  style?: CSSProperties;\n  container?: boolean;\n  keepMounted?: boolean;\n  resizable?: boolean;\n};\n\nexport const Sidebar = ({\n  children,\n  className,\n  id,\n  side = 'left',\n  style,\n  container = false,\n  keepMounted,\n  resizable = false,\n}: Props) => {\n  const oppositeSide = side === 'left' ? 'right' : 'left';\n  const { setSidebarElement, state, mode, isFill, widths, collapsible, variant, isDragging } =\n    useSidebar(side);\n\n  const { isMounted, completeUnmount } = useTransitionPresence({\n    mounted: collapsible !== 'off-canvas' || mode !== 'collapsed',\n    keepMounted,\n  });\n  const { widths: oppositeWidths } = useSidebar(oppositeSide);\n  const sidebarInstanceContextValue = useMemo(() => ({ state, mode, side }), [state, mode, side]);\n\n  const handleTransitionEnd: TransitionEventHandler<HTMLDivElement> = (event) => {\n    // Ignore bubbled transitions from child elements\n    if (event.target !== event.currentTarget) return;\n    completeUnmount();\n  };\n\n  const styles = {\n    '--sidebar-floating-padding': `${SidebarWidthInPx.FLOATING_VARIANT_PADDING}px`,\n    '--sidebar-width': `${widths.sidebar}px`,\n    '--sidebar-width-gap': `${widths.gap}px`,\n    '--opposite-sidebar-width': `${oppositeWidths.fill}px`,\n  } as CSSProperties;\n\n  if (variant === 'none') return null;\n\n  return (\n    <TooltipProvider>\n      <SidebarInstanceContext value={sidebarInstanceContextValue}>\n        <div\n          id={id}\n          ref={setSidebarElement}\n          data-state={state}\n          data-side={side}\n          data-mode={mode}\n          data-collapsible={collapsible}\n          data-variant={variant}\n          data-fill={isFill}\n          style={styles}\n          className={cn(\n            'tailwindcss-preflight',\n            'tw:flex',\n            'tw:relative',\n            // expand-on-hover needs a higher z-index so the expanding sidebar\n            // overlaps the opposite filled sidebar instead of sliding behind it\n            mode === 'expand-on-hover' ? 'tw:z-[51]' : 'tw:z-50',\n            {\n              // group/peer scoping is only for page-level sidebars — container\n              // sidebars are nested inside other components and must not leak\n              // group/peer selectors to avoid clashing with the outer sidebar\n              'tw:group/sidebar tw:peer/sidebar': !container,\n            },\n\n            // ── GAP DIV ──\n            'tw:[&>[data-slot=gap]]:w-(--sidebar-width-gap)',\n            'tw:[&[data-side=right]>[data-slot=gap]]:rotate-180',\n\n            // ── SIDEBAR-WRAPPER DIV ──\n            'tw:[&>[data-slot=sidebar-wrapper]]:w-(--sidebar-width)',\n            'tw:[&[data-side=left]>[data-slot=sidebar-wrapper]]:left-0',\n            'tw:[&[data-side=right]>[data-slot=sidebar-wrapper]]:right-0',\n            // Off-canvas hiding.\n            // - `translate-x-*` sets the standalone `translate` property, not `transform`.\n            // - The wrapper's transition list must therefore name `translate`, or the rail\n            //   teleports instead of sliding.\n            'tw:[&[data-state=collapsed][data-collapsible=off-canvas][data-side=left]>[data-slot=sidebar-wrapper]]:-translate-x-full',\n            'tw:[&[data-state=collapsed][data-collapsible=off-canvas][data-side=right]>[data-slot=sidebar-wrapper]]:translate-x-full',\n\n            // floating variants styles\n            'tw:[&[data-variant=sided-floating]>[data-slot=sidebar-wrapper]]:pt-(--sidebar-floating-padding)',\n            'tw:[&[data-variant=sided-floating][data-side=left]>[data-slot=sidebar-wrapper]]:pr-(--sidebar-floating-padding)',\n            'tw:[&[data-variant=sided-floating][data-side=right]>[data-slot=sidebar-wrapper]]:pl-(--sidebar-floating-padding)',\n\n            'tw:[&[data-variant=floating]>[data-slot=sidebar-wrapper]]:p-(--sidebar-floating-padding)',\n\n            // fill state\n            'tw:[&[data-fill=true]>[data-slot=sidebar-wrapper]]:!w-[calc(100svw-var(--opposite-sidebar-width))]',\n            'tw:[&[data-fill=true][data-variant=floating]>[data-slot=sidebar-wrapper]]:!p-(--sidebar-floating-padding)',\n            'tw:[&[data-fill=true][data-variant=sided-floating][data-side=left]>[data-slot=sidebar-wrapper]>[data-slot=sidebar]]:!rounded-tr-xl',\n            'tw:[&[data-fill=true][data-variant=sided-floating][data-side=right]>[data-slot=sidebar-wrapper]>[data-slot=sidebar]]:!rounded-tl-xl',\n\n            // ── SIDEBAR DIV (INNERMOST) ──\n            'tw:[&[data-variant=inset][data-side=left]>[data-slot=sidebar-wrapper]>[data-slot=sidebar]]:border-r',\n            'tw:[&[data-variant=inset][data-side=right]>[data-slot=sidebar-wrapper]>[data-slot=sidebar]]:border-l',\n            'tw:[&[data-variant=floating]>[data-slot=sidebar-wrapper]>[data-slot=sidebar]]:shadow',\n            'tw:[&[data-variant=floating]>[data-slot=sidebar-wrapper]>[data-slot=sidebar]]:rounded-xl',\n            'tw:[&[data-variant=sided-floating]>[data-slot=sidebar-wrapper]>[data-slot=sidebar]]:shadow',\n            'tw:[&[data-variant=sided-floating][data-side=left]>[data-slot=sidebar-wrapper]>[data-slot=sidebar]]:rounded-tr-xl',\n            'tw:[&[data-variant=sided-floating][data-side=right]>[data-slot=sidebar-wrapper]>[data-slot=sidebar]]:rounded-tl-xl',\n            // The rail's inner edge, mirroring `inset`. The shadow above cannot carry\n            // this alone: a shadow needs a lighter ground to fall on, and on the dark\n            // scheme `--sidebar` is darker than `--background`, so the rail's edge\n            // dissolves into the page beside it.\n            'tw:[&[data-variant=sided-floating][data-side=left]>[data-slot=sidebar-wrapper]>[data-slot=sidebar]]:border-r',\n            'tw:[&[data-variant=sided-floating][data-side=right]>[data-slot=sidebar-wrapper]>[data-slot=sidebar]]:border-l',\n\n            // transitions\n            isDragging\n              ? 'tw:transition-none'\n              : 'tw:transition-[width,translate,transform] tw:duration-200 tw:ease-linear',\n          )}\n        >\n          <div\n            data-slot=\"gap\"\n            className={cn(\n              'tw:bg-transparent',\n              isDragging ? '' : 'tw:transition-[width] tw:duration-200 tw:ease-linear',\n            )}\n          />\n\n          <div\n            data-slot=\"sidebar-wrapper\"\n            onTransitionEnd={handleTransitionEnd}\n            className={cn(\n              'tw:fixed',\n              'tw:inset-y-0',\n              'tw:border-neutral-100',\n\n              // transition\n              isDragging\n                ? 'tw:transition-none'\n                : 'tw:transition-[width,translate,transform] tw:duration-200 tw:ease-linear',\n              className,\n            )}\n            style={style}\n          >\n            {resizable && <SidebarResizeHandle side={side} />}\n            <div\n              data-slot=\"sidebar\"\n              className={cn(\n                'tw:bg-sidebar',\n                'tw:overflow-hidden',\n                'tw:relative',\n                'tw:flex',\n                'tw:flex-col',\n                'tw:size-full',\n                'tw:border-sidebar-border',\n                'tw:group-[]/sidebar:pt-2',\n              )}\n            >\n              {isMounted ? children : null}\n            </div>\n          </div>\n        </div>\n      </SidebarInstanceContext>\n    </TooltipProvider>\n  );\n};\n\n// main layout\nSidebar.Header = SidebarHeader;\nSidebar.Content = SidebarContent;\nSidebar.Footer = SidebarFooter;\nSidebar.Trigger = SidebarTrigger;\nSidebar.FillTrigger = SidebarFillTrigger;\nSidebar.Separator = SidebarSeparator;\nSidebar.MenuIcon = SidebarMenuIcon;\n\n// group features\nSidebar.Group = SidebarGroup;\nSidebar.GroupLabel = SidebarGroupLabel;\nSidebar.GroupContent = SidebarGroupContent;\nSidebar.GroupAction = SidebarGroupAction;\n\n// menu features\nSidebar.Menu = SidebarMenu;\nSidebar.MenuItem = SidebarMenuItem;\nSidebar.MenuButton = SidebarMenuButton;\nSidebar.MenuAction = SidebarMenuAction;\nSidebar.SearchInput = SidebarSearchInput;\nSidebar.MenuCard = SidebarMenuCard;\nSidebar.MenuBadge = SidebarMenuBadge;\n\n// sub-menu features\nSidebar.SubMenu = SidebarMenuSub;\nSidebar.SubItem = SidebarMenuSubItem;\n"],"mappings":"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"}

package/dist/ThemeProvider-DZfGdf1v.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ThemeProvider-DZfGdf1v.js","names":[],"sources":["../src/components/ThemeProvider/AIGradientSvg.tsx","../src/components/ThemeProvider/useThemeTokens.ts","../src/components/ThemeProvider/ThemeProvider.tsx"],"sourcesContent":["export const AIGradientsSvg = () => (\n  <svg width=\"0\" height=\"0\" style={{ position: 'absolute', visibility: 'hidden' }}>\n    <defs>\n      {/*aigradient-600*/}\n      <linearGradient id=\"aigradient-600\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n        <stop offset=\"0%\" stopColor=\"#61E4FF\" />\n        <stop offset=\"50%\" stopColor=\"#1F8FFF\" />\n        <stop offset=\"100%\" stopColor=\"#7C5CFF\" />\n      </linearGradient>\n\n      {/*aigradient-700*/}\n      <linearGradient id=\"aigradient-700\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n        <stop offset=\"0%\" stopColor=\"#075fb8\" />\n        <stop offset=\"100%\" stopColor=\"#5b2cb8\" />\n      </linearGradient>\n    </defs>\n  </svg>\n);\n","import { useInsertionEffect } from 'react';\n\nimport type {\n  BrandTheme,\n  Colors,\n  Gradient,\n  Motion,\n  Radii,\n  Shadows,\n  Spacing,\n  Typography,\n} from '@keboola/brand-registry';\n\nimport type { ResolvedColorScheme } from './types';\nimport { createCssVars } from './utils';\n\nexport type ThemeTokens = {\n  colors?: Colors;\n  typography?: Typography;\n  radii?: Radii;\n  shadows?: Shadows;\n  spacing?: Spacing;\n  motion?: Motion;\n  gradient?: Gradient;\n};\n\nexport const brandThemeToTokens = (\n  theme: BrandTheme,\n  scheme: ResolvedColorScheme,\n): ThemeTokens => ({\n  colors: scheme === 'dark' ? theme.colorsDark : theme.colors,\n  typography: theme.typography,\n  radii: theme.radii,\n  // Scheme-independent — the same values apply in light and dark.\n  shadows: theme.shadows,\n  spacing: theme.spacing,\n  motion: theme.motion,\n  gradient: theme.gradient,\n});\n\nexport const tokensToCssVars = ({\n  colors,\n  typography,\n  radii,\n  shadows,\n  spacing,\n  motion,\n  gradient,\n}: ThemeTokens): Record<string, string> => {\n  const vars = createCssVars();\n\n  vars.set('--background', colors?.background);\n  vars.set('--foreground', colors?.foreground);\n  vars.set('--muted', colors?.muted);\n  vars.set('--muted-foreground', colors?.mutedForeground);\n  vars.set('--border', colors?.border);\n  vars.set('--input', colors?.input);\n  vars.set('--input-background', colors?.inputBackground);\n  vars.set('--ring', colors?.ring);\n  vars.set('--ring-offset', colors?.ringOffset);\n  vars.set('--primary', colors?.primary);\n  vars.set('--primary-foreground', colors?.primaryForeground);\n  vars.set('--secondary', colors?.secondary);\n  vars.set('--secondary-foreground', colors?.secondaryForeground);\n  vars.set('--accent', colors?.accent);\n  vars.set('--accent-foreground', colors?.accentForeground);\n  vars.set('--card', colors?.card);\n  vars.set('--card-foreground', colors?.cardForeground);\n  vars.set('--popover', colors?.popover);\n  vars.set('--popover-foreground', colors?.popoverForeground);\n  vars.set('--destructive', colors?.destructive);\n  vars.set('--destructive-foreground', colors?.destructiveForeground);\n  vars.set('--success', colors?.success);\n  vars.set('--success-foreground', colors?.successForeground);\n  vars.set('--warning', colors?.warning);\n  vars.set('--warning-foreground', colors?.warningForeground);\n  vars.set('--info', colors?.info);\n  vars.set('--info-foreground', colors?.infoForeground);\n\n  vars.set('--chart-1', colors?.chart?.chart1);\n  vars.set('--chart-2', colors?.chart?.chart2);\n  vars.set('--chart-3', colors?.chart?.chart3);\n  vars.set('--chart-4', colors?.chart?.chart4);\n  vars.set('--chart-5', colors?.chart?.chart5);\n\n  vars.set('--sidebar', colors?.sidebar?.sidebar);\n  vars.set('--sidebar-foreground', colors?.sidebar?.sidebarForeground);\n  vars.set('--sidebar-primary', colors?.sidebar?.sidebarPrimary);\n  vars.set('--sidebar-primary-foreground', colors?.sidebar?.sidebarPrimaryForeground);\n  vars.set('--sidebar-accent', colors?.sidebar?.sidebarAccent);\n  vars.set('--sidebar-accent-foreground', colors?.sidebar?.sidebarAccentForeground);\n  vars.set('--sidebar-border', colors?.sidebar?.sidebarBorder);\n  vars.set('--sidebar-ring', colors?.sidebar?.sidebarRing);\n\n  /**\n   * TYPOGRAPHY\n   */\n  vars.set('--font-sans', typography?.fontFamily?.trim() || undefined);\n  vars.set('--font-display', typography?.fontDisplay?.trim() || undefined);\n  vars.set('--font-mono', typography?.fontMono?.trim() || undefined);\n\n  // Chrome font-weight slots — read by Tailwind's `fontWeight` scale.\n  vars.set('--font-weight-normal', typography?.weight?.normal);\n  vars.set('--font-weight-medium', typography?.weight?.medium);\n  vars.set('--font-weight-semibold', typography?.weight?.semibold);\n  vars.set('--font-weight-bold', typography?.weight?.bold);\n\n  // Chrome tracking — behind Button/Badge `tracking-chrome`.\n  vars.set('--letter-spacing-chrome', typography?.letterSpacing?.chrome);\n\n  // Type scale — display/heading/body steps read by `text-display/heading/body`.\n  vars.set('--type-display-size', typography?.typeScale?.display?.size);\n  vars.set('--type-display-weight', typography?.typeScale?.display?.weight);\n  vars.set('--type-display-leading', typography?.typeScale?.display?.leading);\n  vars.set('--type-display-tracking', typography?.typeScale?.display?.tracking);\n  vars.set('--type-heading-size', typography?.typeScale?.heading?.size);\n  vars.set('--type-heading-weight', typography?.typeScale?.heading?.weight);\n  vars.set('--type-heading-leading', typography?.typeScale?.heading?.leading);\n  vars.set('--type-heading-tracking', typography?.typeScale?.heading?.tracking);\n  vars.set('--type-body-size', typography?.typeScale?.body?.size);\n  vars.set('--type-body-weight', typography?.typeScale?.body?.weight);\n  vars.set('--type-body-leading', typography?.typeScale?.body?.leading);\n  vars.set('--type-body-tracking', typography?.typeScale?.body?.tracking);\n\n  vars.set('--radius-sm', radii?.sm);\n  vars.set('--radius-md', radii?.md);\n  vars.set('--radius-lg', radii?.lg);\n\n  /**\n   * ELEVATION / DENSITY / MOTION / GRADIENT\n   */\n  vars.set('--shadow-sm', shadows?.sm);\n  vars.set('--shadow-md', shadows?.md);\n  vars.set('--shadow-lg', shadows?.lg);\n  vars.set('--shadow-lift', shadows?.lift);\n\n  vars.set('--space-gutter', spacing?.gutter);\n  vars.set('--space-inset', spacing?.inset);\n\n  vars.set('--motion-duration', motion?.duration);\n  vars.set('--motion-easing', motion?.easing);\n\n  vars.set('--gradient-brand', gradient?.brand);\n\n  return vars.expose();\n};\n\nconst setTokens = (node: HTMLElement, vars: Record<string, string>) => {\n  for (const [name, value] of Object.entries(vars)) {\n    node.style.setProperty(name, value);\n  }\n};\n\nconst removeTokens = (node: HTMLElement, vars: Record<string, string>) => {\n  for (const name of Object.keys(vars)) {\n    node.style.removeProperty(name);\n  }\n};\n\nexport const useThemeTokens = (tokens: ThemeTokens) => {\n  // Insertion effect: runs before the DOM mutates and before any (descendant)\n  // layout effect measures token-dependent geometry. Write-only, so it fits the\n  // hook's constraints. Only the brand's overrides are set; unset slots fall\n  // through to the stylesheet's `:root` / `[data-theme='dark']` defaults.\n  useInsertionEffect(() => {\n    if (typeof document === 'undefined') return;\n    const root = document.documentElement;\n    const vars = tokensToCssVars(tokens);\n\n    setTokens(root, vars);\n\n    return () => removeTokens(root, vars);\n  }, [tokens]);\n};\n","import { type ReactNode, useMemo } from 'react';\n\nimport type { Brand } from '@keboola/brand-registry';\n\nimport { TooltipProvider } from '../Tooltip';\n\nimport { AIGradientsSvg } from './AIGradientSvg';\nimport { ThemeContext, type ThemeContextValue } from './context';\nimport { DEFAULT_BRANDS, defaultBrand } from './defaults';\nimport { type UseBrandOptions, useBrandState } from './useBrandState';\nimport { type UseColorSchemeOptions, useColorSchemeState } from './useColorSchemeState';\nimport { brandThemeToTokens, useThemeTokens } from './useThemeTokens';\nimport { createTheme } from './utils';\n\ntype Props = UseColorSchemeOptions &\n  UseBrandOptions & {\n    /** Brands this provider knows about; the active brand id resolves against these. */\n    brands?: readonly Brand[];\n    children: ReactNode;\n  };\n\nexport const ThemeProvider = ({\n  defaultScheme,\n  scheme,\n  onSchemeChange,\n  defaultBrandId,\n  brandId,\n  onBrandIdChange,\n  brands = DEFAULT_BRANDS,\n  children,\n}: Props) => {\n  const colorSchemeState = useColorSchemeState({\n    defaultScheme,\n    scheme,\n    onSchemeChange,\n  });\n\n  const brandState = useBrandState({\n    defaultBrandId,\n    brandId,\n    onBrandIdChange,\n  });\n\n  // Resolve the active brand; an unknown id (incl. the default sentinel) falls\n  // back to `defaultBrand`, whose empty theme injects nothing so the stylesheet\n  // defaults apply.\n  const brand = useMemo(\n    () => brands.find((item) => item.id === brandState.brandId) ?? defaultBrand,\n    [brands, brandState.brandId],\n  );\n  const themes = useMemo(() => brands.map(createTheme), [brands]);\n  const currentTheme = useMemo(() => createTheme(brand), [brand]);\n\n  // Only the brand's overrides for the resolved scheme are injected; every slot\n  // it omits (including a missing dark palette) falls through to the stylesheet's\n  // `:root` / `[data-theme='dark']` defaults — so dark mode works for any brand.\n  const themeTokens = useMemo(\n    () => brandThemeToTokens(brand.theme, colorSchemeState.resolvedScheme),\n    [brand, colorSchemeState.resolvedScheme],\n  );\n\n  useThemeTokens(themeTokens);\n\n  const { scheme: activeScheme, resolvedScheme, setScheme } = colorSchemeState;\n  const { brandId: activeBrandId, setBrand } = brandState;\n  const context = useMemo<ThemeContextValue>(\n    () => ({\n      scheme: activeScheme,\n      resolvedScheme,\n      setScheme,\n      brandId: activeBrandId,\n      setBrand,\n      themes,\n      currentTheme,\n    }),\n    [activeScheme, resolvedScheme, setScheme, activeBrandId, setBrand, themes, currentTheme],\n  );\n\n  return (\n    <ThemeContext value={context}>\n      <AIGradientsSvg />\n      <TooltipProvider>{children}</TooltipProvider>\n    </ThemeContext>\n  );\n};\n"],"mappings":"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"}

package/dist/Workbench-BzE-Vvd9.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Workbench-BzE-Vvd9.js","names":[],"sources":["../src/components/Workbench/constants.ts","../src/components/Workbench/context.ts","../src/components/Workbench/WorkbenchBar/WorkbenchBarEnd.tsx","../src/components/Workbench/WorkbenchBar/WorkbenchBarMiddle.tsx","../src/components/Workbench/WorkbenchBar/WorkbenchBarStart.tsx","../src/components/Workbench/WorkbenchBar/WorkbenchBar.tsx","../src/components/Workbench/WorkbenchFullScreenTrigger.tsx","../src/components/Workbench/WorkbenchPanel/WorkbenchPanelResizeHandle.tsx","../src/components/Workbench/WorkbenchPanel/WorkbenchPanel.tsx","../src/components/Workbench/WorkbenchPanel/WorkbenchPanelActions.tsx","../src/components/Workbench/WorkbenchPanel/WorkbenchPanelContent.tsx","../src/components/Workbench/WorkbenchPanel/WorkbenchPanelHeader.tsx","../src/components/Workbench/WorkbenchPanel/WorkbenchPanelTitle.tsx","../src/components/Workbench/Workbench.tsx"],"sourcesContent":["export const DEFAULT_WORKBENCH_BAR_HEIGHT_IN_REM = 2.75;\n\nexport const MIN_WORKBENCH_BAR_HEIGHT_IN_REM = 1;\n\nexport const DEFAULT_WORKBENCH_PANEL_HEIGHT_IN_PX = 320;\n\nexport const MIN_WORKBENCH_PANEL_HEIGHT_IN_PX = 120;\n\nexport const WORKBENCH_PANEL_RESIZE_STEP_IN_PX = 24;\n\nexport const WORKBENCH_PANEL_FULL_SCREEN_EXIT_RATIO = 0.8;\n","import { createContext, use } from 'react';\nimport type { Dispatch, SetStateAction } from 'react';\n\n/**\n * Full screen is a mode of the open panel, not a flag beside it — as two booleans the fourth\n * combination (collapsed *and* full screen) is expressible but meaningless.\n */\nexport type WorkbenchState = 'collapsed' | 'expanded' | 'full-screen';\n\ntype WorkbenchActions = {\n  expand: () => void;\n  collapse: () => void;\n  toggleExpanded: () => void;\n  enterFullScreen: () => void;\n  exitFullScreen: () => void;\n  toggleFullScreen: () => void;\n};\n\ntype WorkbenchContextValue = WorkbenchActions & {\n  state: WorkbenchState;\n  setState: Dispatch<SetStateAction<WorkbenchState>>;\n  panelHeight: number;\n  setPanelHeight: Dispatch<SetStateAction<number>>;\n  isResizing: boolean;\n  setIsResizing: (isResizing: boolean) => void;\n};\n\nexport const createWorkbenchActions = (\n  setState: Dispatch<SetStateAction<WorkbenchState>>,\n): WorkbenchActions => ({\n  // Opening an already-open panel leaves full screen alone.\n  expand: () => setState((state) => (state === 'collapsed' ? 'expanded' : state)),\n  collapse: () => setState('collapsed'),\n  toggleExpanded: () => setState((state) => (state === 'collapsed' ? 'expanded' : 'collapsed')),\n\n  enterFullScreen: () => setState('full-screen'),\n  // Exiting returns to the open panel, never to a closed one — this is a restore, not a collapse.\n  exitFullScreen: () => setState((state) => (state === 'full-screen' ? 'expanded' : state)),\n  toggleFullScreen: () =>\n    setState((state) => (state === 'full-screen' ? 'expanded' : 'full-screen')),\n});\n\nexport const WorkbenchContext = createContext<WorkbenchContextValue | null>(null);\n\n/**\n * The parts sit at arbitrary depth under `<Workbench>` — a trigger lives inside the panel header,\n * three levels down — so the state travels by context rather than props.\n */\nexport const useWorkbench = (): WorkbenchContextValue => {\n  const context = use(WorkbenchContext);\n\n  if (context === null) {\n    throw new Error('Workbench compound components must be rendered inside <Workbench>.');\n  }\n\n  return context;\n};\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '../../../utils';\n\ntype Props = ComponentProps<'div'>;\n\nexport const WorkbenchBarEnd = ({ className, ...props }: Props) => (\n  <div\n    {...props}\n    data-slot=\"workbench-bar-end\"\n    className={cn(\n      // grid placement\n      'tw:col-start-3',\n      'tw:row-start-1',\n\n      // layout\n      'tw:flex',\n      'tw:items-center',\n      'tw:justify-end',\n      'tw:gap-2',\n\n      className,\n    )}\n  />\n);\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '../../../utils';\n\ntype Props = ComponentProps<'div'>;\n\nexport const WorkbenchBarMiddle = ({ className, ...props }: Props) => (\n  <div\n    {...props}\n    data-slot=\"workbench-bar-middle\"\n    className={cn(\n      // grid placement\n      'tw:col-start-2',\n      'tw:row-start-1',\n\n      // layout\n      'tw:flex',\n      'tw:items-center',\n      'tw:justify-center',\n      'tw:gap-2',\n\n      className,\n    )}\n  />\n);\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '../../../utils';\n\ntype Props = ComponentProps<'div'>;\n\nexport const WorkbenchBarStart = ({ className, ...props }: Props) => (\n  <div\n    {...props}\n    data-slot=\"workbench-bar-start\"\n    className={cn(\n      // grid placement\n      'tw:col-start-1',\n      'tw:row-start-1',\n\n      // layout\n      'tw:flex',\n      'tw:items-center',\n      'tw:gap-2',\n\n      className,\n    )}\n  />\n);\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '../../../utils';\n\nimport { WorkbenchBarEnd } from './WorkbenchBarEnd';\nimport { WorkbenchBarMiddle } from './WorkbenchBarMiddle';\nimport { WorkbenchBarStart } from './WorkbenchBarStart';\n\ntype Props = ComponentProps<'div'>;\n\nexport const WorkbenchBar = ({ className, children, ...props }: Props) => (\n  <div\n    className={cn(\n      // layout\n      'tw:grid',\n      'tw:grid-cols-[auto_1fr_auto]',\n      'tw:items-center',\n      'tw:gap-x-2',\n\n      // sizing\n      'tw:h-(--workbench-bar-height)',\n      'tw:shrink-0',\n      'tw:pointer-events-auto',\n\n      // surface\n      'tw:border-t',\n      'tw:border-sidebar-border',\n      'tw:bg-sidebar',\n\n      // spacing\n      'tw:px-3',\n\n      // typography\n      'tw:text-xs',\n\n      className,\n    )}\n    {...props}\n  >\n    {children}\n  </div>\n);\n\nWorkbenchBar.Start = WorkbenchBarStart;\nWorkbenchBar.Middle = WorkbenchBarMiddle;\nWorkbenchBar.End = WorkbenchBarEnd;\n","import type { ComponentProps, MouseEvent } from 'react';\nimport { Slot } from '@radix-ui/react-slot';\n\nimport { useWorkbench } from './context';\n\ntype Props = ComponentProps<'button'> & {\n  asChild?: boolean;\n};\n\nexport const WorkbenchFullScreenTrigger = ({ asChild = false, onClick, ...props }: Props) => {\n  const { state, toggleFullScreen } = useWorkbench();\n  const isFullScreen = state === 'full-screen';\n  const Comp = asChild ? Slot : 'button';\n\n  const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n    onClick?.(event);\n\n    if (!event.defaultPrevented) {\n      toggleFullScreen();\n    }\n  };\n\n  return (\n    <Comp\n      {...(asChild ? {} : { type: 'button' as const })}\n      {...props}\n      data-slot=\"workbench-full-screen-trigger\"\n      data-state={isFullScreen ? 'on' : 'off'}\n      onClick={handleClick}\n    />\n  );\n};\n","import { useEffect, useRef } from 'react';\nimport type { KeyboardEvent, PointerEvent, RefObject } from 'react';\n\nimport { cn } from '../../../utils';\nimport {\n  MIN_WORKBENCH_PANEL_HEIGHT_IN_PX,\n  WORKBENCH_PANEL_FULL_SCREEN_EXIT_RATIO,\n  WORKBENCH_PANEL_RESIZE_STEP_IN_PX,\n} from '../constants';\nimport { useWorkbench } from '../context';\n\ntype Props = {\n  panelRef: RefObject<HTMLDivElement | null>;\n};\n\nconst getMaxHeight = (panel: HTMLDivElement) => {\n  const hostTop = panel.offsetParent?.getBoundingClientRect().top ?? 0;\n\n  return Math.max(panel.getBoundingClientRect().bottom - hostTop, MIN_WORKBENCH_PANEL_HEIGHT_IN_PX);\n};\n\nconst clampHeight = (height: number, panel: HTMLDivElement) =>\n  Math.min(Math.max(height, MIN_WORKBENCH_PANEL_HEIGHT_IN_PX), getMaxHeight(panel));\n\nexport const WorkbenchPanelResizeHandle = ({ panelRef }: Props) => {\n  const {\n    state,\n    panelHeight,\n    setPanelHeight,\n    isResizing,\n    setIsResizing,\n    enterFullScreen,\n    exitFullScreen,\n  } = useWorkbench();\n  const grabOffsetRef = useRef(0);\n  const previousStateRef = useRef(state);\n  const isFullScreenRequestedRef = useRef(state === 'full-screen');\n  const enteredFullScreenByDragRef = useRef(false);\n  const exitedFullScreenByDragRef = useRef(false);\n\n  useEffect(() => {\n    if (!isResizing) return;\n\n    const { body } = document;\n    const { cursor, userSelect } = body.style;\n\n    body.style.cursor = 'ns-resize';\n    body.style.userSelect = 'none';\n\n    return () => {\n      body.style.cursor = cursor;\n      body.style.userSelect = userSelect;\n    };\n  }, [isResizing]);\n\n  useEffect(() => {\n    const previous = previousStateRef.current;\n    const panel = panelRef.current;\n\n    previousStateRef.current = state;\n    isFullScreenRequestedRef.current = state === 'full-screen';\n\n    if (previous !== 'full-screen' || state !== 'expanded' || !panel) return;\n\n    const draggedIntoFullScreen = enteredFullScreenByDragRef.current;\n    const draggedOutOfFullScreen = exitedFullScreenByDragRef.current;\n\n    enteredFullScreenByDragRef.current = false;\n    exitedFullScreenByDragRef.current = false;\n\n    if (!draggedIntoFullScreen || draggedOutOfFullScreen) return;\n\n    setPanelHeight(\n      clampHeight(getMaxHeight(panel) * WORKBENCH_PANEL_FULL_SCREEN_EXIT_RATIO, panel),\n    );\n  }, [state, panelRef, setPanelHeight]);\n\n  const applyHeight = (height: number, panel: HTMLDivElement) => {\n    const isFullScreen = isFullScreenRequestedRef.current;\n\n    if (height >= getMaxHeight(panel)) {\n      if (!isFullScreen) {\n        isFullScreenRequestedRef.current = true;\n        enteredFullScreenByDragRef.current = true;\n        enterFullScreen();\n      }\n\n      return;\n    }\n\n    if (isFullScreen) {\n      isFullScreenRequestedRef.current = false;\n      exitedFullScreenByDragRef.current = true;\n      exitFullScreen();\n    }\n\n    setPanelHeight(Math.max(height, MIN_WORKBENCH_PANEL_HEIGHT_IN_PX));\n  };\n\n  const handlePointerDown = (event: PointerEvent<HTMLDivElement>) => {\n    const panel = panelRef.current;\n\n    if (event.button !== 0 || !panel) return;\n\n    event.preventDefault();\n    event.currentTarget.setPointerCapture(event.pointerId);\n    grabOffsetRef.current = panel.getBoundingClientRect().top - event.clientY;\n    setIsResizing(true);\n  };\n\n  const handlePointerMove = (event: PointerEvent<HTMLDivElement>) => {\n    const panel = panelRef.current;\n\n    if (!panel || !event.currentTarget.hasPointerCapture(event.pointerId)) return;\n\n    const top = event.clientY + grabOffsetRef.current;\n\n    applyHeight(panel.getBoundingClientRect().bottom - top, panel);\n  };\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    const panel = panelRef.current;\n\n    if (!panel) return;\n\n    const step = event.shiftKey\n      ? WORKBENCH_PANEL_RESIZE_STEP_IN_PX * 4\n      : WORKBENCH_PANEL_RESIZE_STEP_IN_PX;\n    const delta = event.key === 'ArrowUp' ? step : event.key === 'ArrowDown' ? -step : 0;\n\n    if (delta === 0) return;\n\n    event.preventDefault();\n    applyHeight(\n      (isFullScreenRequestedRef.current ? getMaxHeight(panel) : panelHeight) + delta,\n      panel,\n    );\n  };\n\n  return (\n    <div\n      role=\"separator\"\n      aria-orientation=\"horizontal\"\n      aria-label=\"Resize panel\"\n      aria-valuenow={Math.round(panelHeight)}\n      aria-valuemin={MIN_WORKBENCH_PANEL_HEIGHT_IN_PX}\n      tabIndex={0}\n      onPointerDown={handlePointerDown}\n      onPointerMove={handlePointerMove}\n      onLostPointerCapture={() => setIsResizing(false)}\n      onKeyDown={handleKeyDown}\n      className={cn(\n        // group\n        'tw:group/workbench-resize',\n\n        // positioning — the panel is the positioned ancestor\n        'tw:absolute',\n        'tw:inset-x-0',\n        'tw:top-0',\n        'tw:z-10',\n\n        // sizing\n        'tw:h-2',\n\n        // layout — the whole strip grabs, only the pill shows\n        'tw:flex',\n        'tw:justify-center',\n\n        // affordance\n        'tw:cursor-ns-resize',\n        'tw:touch-none',\n\n        // focus\n        'tw:outline-none',\n      )}\n    >\n      <span\n        className={cn(\n          // layout — hangs below the strip so the pill sits clear of the top edge, and\n          // grabs there too since the events bubble to the strip\n          'tw:flex',\n          'tw:h-3',\n          'tw:w-16',\n          'tw:items-end',\n          'tw:justify-center',\n        )}\n      >\n        <span\n          className={cn(\n            // sizing\n            'tw:h-1.5',\n            'tw:w-16',\n\n            // surface\n            'tw:rounded-full',\n            'tw:bg-input',\n            'tw:transition-colors',\n            'tw:group-hover/workbench-resize:bg-muted-foreground',\n            'tw:group-focus-visible/workbench-resize:bg-muted-foreground',\n            'tw:group-data-[workbench-resizing=true]/workbench:bg-muted-foreground',\n          )}\n        />\n      </span>\n    </div>\n  );\n};\n","import { useEffect, useRef } from 'react';\nimport type { ComponentProps, CSSProperties } from 'react';\n\nimport { cn } from '../../../utils';\nimport { Collapsible } from '../../Collapsible';\n\nimport { WorkbenchPanelResizeHandle } from './WorkbenchPanelResizeHandle';\n\ntype Props = ComponentProps<'div'>;\n\nconst clearRadixMeasurementTransitionBlock = (panel: HTMLDivElement | null) => {\n  if (panel) panel.style.transitionDuration = '';\n};\n\nexport const WorkbenchPanel = ({ className, children, ...props }: Props) => {\n  const panelRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => clearRadixMeasurementTransitionBlock(panelRef.current), []);\n\n  return (\n    <Collapsible.Content\n      ref={panelRef}\n      style={{ '--workbench-panel-shadow': '0 -8px 24px -6px rgb(0 0 0 / 0.08)' } as CSSProperties}\n      className={cn(\n        // positioning — against the host, which must be a positioned element\n        'tw:absolute',\n        'tw:inset-x-0',\n        'tw:bottom-(--workbench-bar-height)',\n        'tw:pointer-events-auto',\n\n        // height — the drag-controlled var, capped at the space above the bar so the panel\n        // never covers it, whatever height was dragged or restored\n        'tw:h-(--workbench-panel-height)',\n        'tw:max-h-[calc(100%-var(--workbench-bar-height))]',\n        'tw:group-data-[workbench-state=full-screen]/workbench:h-[calc(100%-var(--workbench-bar-height))]',\n\n        // height transition\n        'tw:transition-[height]',\n        'tw:duration-200',\n        'tw:ease-out',\n        'tw:group-data-[workbench-resizing=true]/workbench:transition-none',\n\n        // surface\n        'tw:border-x',\n        'tw:border-t',\n        'tw:border-border',\n\n        // clipping\n        'tw:overflow-hidden',\n\n        // raised edge\n        'tw:group-not-data-[workbench-state=full-screen]/workbench:rounded-t-2xl',\n        'tw:group-not-data-[workbench-state=full-screen]/workbench:shadow-(--workbench-panel-shadow)',\n      )}\n    >\n      <WorkbenchPanelResizeHandle panelRef={panelRef} />\n\n      <div\n        className={cn(\n          // layout\n          'tw:flex',\n          'tw:flex-col',\n          'tw:h-full',\n\n          // surface\n          'tw:bg-background',\n\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </div>\n    </Collapsible.Content>\n  );\n};\n","import type { ComponentProps } from 'react';\nimport { Slot } from '@radix-ui/react-slot';\n\nimport { cn } from '../../../utils';\n\ntype Props = ComponentProps<'div'> & {\n  asChild?: boolean;\n};\n\nexport const WorkbenchPanelActions = ({ className, asChild = false, ...props }: Props) => {\n  const Comp = asChild ? Slot : 'div';\n\n  return (\n    <Comp\n      {...props}\n      data-slot=\"workbench-panel-actions\"\n      className={cn(\n        // grid placement\n        'tw:col-start-2',\n        'tw:row-start-1',\n\n        // layout\n        'tw:flex',\n        'tw:items-center',\n        'tw:gap-2',\n\n        className,\n      )}\n    />\n  );\n};\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '../../../utils';\n\ntype Props = ComponentProps<'div'>;\n\nexport const WorkbenchPanelContent = ({ className, children, ...props }: Props) => (\n  <div\n    className={cn(\n      // layout\n      'tw:min-h-0',\n      'tw:flex-1',\n      'tw:overflow-auto',\n\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\nexport const WorkbenchPanelHeader = ({ className, children, ...props }: Props) => (\n  <div\n    className={cn(\n      // layout\n      'tw:grid',\n      'tw:grid-cols-[1fr_auto]',\n      'tw:items-center',\n      'tw:gap-x-2',\n\n      // sizing\n      'tw:shrink-0',\n\n      // surface\n      'tw:bg-sidebar',\n\n      // spacing\n      'tw:px-3',\n      'tw:py-2',\n\n      // typography\n      'tw:text-xs',\n\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\nexport const WorkbenchPanelTitle = ({ className, ...props }: Props) => (\n  <div\n    {...props}\n    data-slot=\"workbench-panel-title\"\n    className={cn(\n      // grid placement\n      'tw:col-start-1',\n\n      // layout\n      'tw:flex',\n      'tw:items-center',\n\n      // typography\n      'tw:text-sm',\n      'tw:font-semibold',\n      'tw:text-foreground',\n\n      className,\n    )}\n  />\n);\n","import { useMemo, useState } from 'react';\nimport type { CSSProperties, ReactNode } from 'react';\n\nimport { useControllableState } from '../../hooks/useControllableState';\nimport { cn } from '../../utils';\nimport { Collapsible } from '../Collapsible';\n\nimport {\n  DEFAULT_WORKBENCH_BAR_HEIGHT_IN_REM,\n  DEFAULT_WORKBENCH_PANEL_HEIGHT_IN_PX,\n  MIN_WORKBENCH_BAR_HEIGHT_IN_REM,\n  MIN_WORKBENCH_PANEL_HEIGHT_IN_PX,\n} from './constants';\nimport type { WorkbenchState } from './context';\nimport { createWorkbenchActions, WorkbenchContext } from './context';\nimport {\n  WorkbenchBar,\n  WorkbenchBarEnd,\n  WorkbenchBarMiddle,\n  WorkbenchBarStart,\n} from './WorkbenchBar';\nimport { WorkbenchFullScreenTrigger } from './WorkbenchFullScreenTrigger';\nimport {\n  WorkbenchPanel,\n  WorkbenchPanelActions,\n  WorkbenchPanelContent,\n  WorkbenchPanelHeader,\n  WorkbenchPanelTitle,\n} from './WorkbenchPanel';\n\ntype Props = {\n  className?: string;\n  children: ReactNode;\n  state?: WorkbenchState;\n  defaultState?: WorkbenchState;\n  onStateChange?: (state: WorkbenchState) => void;\n  barHeight?: number;\n  panelHeight?: number;\n  defaultPanelHeight?: number;\n  onPanelHeightChange?: (panelHeight: number) => void;\n};\n\nexport const Workbench = ({\n  className,\n  children,\n  state: stateProp,\n  defaultState = 'collapsed',\n  onStateChange,\n  barHeight = DEFAULT_WORKBENCH_BAR_HEIGHT_IN_REM,\n  panelHeight: panelHeightProp,\n  defaultPanelHeight = DEFAULT_WORKBENCH_PANEL_HEIGHT_IN_PX,\n  onPanelHeightChange,\n}: Props) => {\n  const [state, setState] = useControllableState<WorkbenchState>({\n    prop: stateProp,\n    defaultProp: defaultState,\n    onChange: onStateChange,\n  });\n  const [panelHeight, setPanelHeight] = useControllableState<number>({\n    prop: panelHeightProp,\n    defaultProp: defaultPanelHeight,\n    onChange: onPanelHeightChange,\n  });\n  const [isResizing, setIsResizing] = useState(false);\n\n  const actions = useMemo(() => createWorkbenchActions(setState), [setState]);\n  const value = useMemo(\n    () => ({\n      state,\n      setState,\n      panelHeight,\n      setPanelHeight,\n      isResizing,\n      setIsResizing,\n      ...actions,\n    }),\n    [state, setState, panelHeight, setPanelHeight, isResizing, actions],\n  );\n\n  const clampedBarHeight = Math.max(barHeight, MIN_WORKBENCH_BAR_HEIGHT_IN_REM);\n  const clampedPanelHeight = Math.max(panelHeight, MIN_WORKBENCH_PANEL_HEIGHT_IN_PX);\n\n  return (\n    <WorkbenchContext value={value}>\n      <Collapsible\n        open={state !== 'collapsed'}\n        onOpenChange={(open) => setState(open ? 'expanded' : 'collapsed')}\n        data-workbench-state={state}\n        data-workbench-resizing={isResizing ? 'true' : undefined}\n        style={\n          {\n            '--workbench-bar-height': `${clampedBarHeight}rem`,\n            '--workbench-panel-height': `${clampedPanelHeight}px`,\n          } as CSSProperties\n        }\n        className={cn(\n          // reset\n          'tailwindcss-preflight',\n\n          // group\n          'tw:group/workbench',\n\n          // positioning — above the chrome layer (`z-50`) *and* above a `Sidebar` in\n          // `expand-on-hover`, which takes `z-51` to float over content; the dock outranks both.\n          // Overlays (Modal / Sheet / Popover / Tooltip) live at 1051+, so they still win.\n          'tw:z-[52]',\n\n          // layout\n          'tw:shrink-0',\n\n          className,\n        )}\n      >\n        {children}\n      </Collapsible>\n    </WorkbenchContext>\n  );\n};\n\nWorkbench.Bar = WorkbenchBar;\nWorkbench.BarStart = WorkbenchBarStart;\nWorkbench.BarMiddle = WorkbenchBarMiddle;\nWorkbench.BarEnd = WorkbenchBarEnd;\n\nWorkbench.Panel = WorkbenchPanel;\nWorkbench.PanelHeader = WorkbenchPanelHeader;\nWorkbench.PanelTitle = WorkbenchPanelTitle;\nWorkbench.PanelActions = WorkbenchPanelActions;\nWorkbench.PanelContent = WorkbenchPanelContent;\n\nWorkbench.Trigger = Collapsible.Trigger;\nWorkbench.FullScreenTrigger = WorkbenchFullScreenTrigger;\n"],"mappings":"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"}

package/dist/context-BrNtMc1H.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"context-BrNtMc1H.js","names":[],"sources":["../src/components/ThemeProvider/context.tsx"],"sourcesContent":["import { createContext, use } from 'react';\n\nimport { DEFAULT_COLOR_SCHEME, defaultTheme } from './defaults';\nimport type { Theme } from './types';\nimport type { useBrandState } from './useBrandState';\nimport type { useColorSchemeState } from './useColorSchemeState';\n\nexport type ThemeContextValue = ReturnType<typeof useColorSchemeState> &\n  ReturnType<typeof useBrandState> & {\n    themes: Theme[];\n    currentTheme: Theme;\n  };\n\nconst noop = () => void 0;\n\nconst defaultContext: ThemeContextValue = {\n  scheme: DEFAULT_COLOR_SCHEME,\n  resolvedScheme: DEFAULT_COLOR_SCHEME,\n  setScheme: noop,\n  brandId: defaultTheme.id,\n  setBrand: noop,\n\n  themes: [defaultTheme],\n  currentTheme: defaultTheme,\n};\n\nexport const ThemeContext = createContext(defaultContext);\n\nexport const useTheme = () => use(ThemeContext);\n\n/**\n * TEMPORARY — kbc-ui-internal only.\n *\n * Flags whether the subtree renders the argo design language. Defaults to argo\n * (`true`) — the modern default; legacy chrome is the exception. It exists\n * solely to bridge kbc-ui while its chrome is migrated off the legacy design\n * language: kbc-ui provides `false` for legacy brands/surfaces (see its\n * `AppThemeProvider`) and reads it via `useArgoDesign`. `ThemeProvider` does\n * not set it — argo is decoupled from the brand. Once every kbc-ui surface has\n * been migrated, this context and its hook can be deleted.\n */\nexport const ArgoDesignContext = createContext<boolean>(true);\n\nexport const useArgoDesign = () => use(ArgoDesignContext);\n"],"mappings":";;;AAaA,MAAM,aAAa,KAAK;AAExB,MAAM,iBAAoC;CACxC,QAAQ;CACR,gBAAgB;CAChB,WAAW;CACX,SAAS,aAAa;CACtB,UAAU;CAEV,QAAQ,CAAC,YAAY;CACrB,cAAc;AAChB;AAEA,MAAa,eAAe,cAAc,cAAc;AAExD,MAAa,iBAAiB,IAAI,YAAY;;;;;;;;;;;;AAa9C,MAAa,oBAAoB,cAAuB,IAAI;AAE5D,MAAa,sBAAsB,IAAI,iBAAiB"}

package/dist/defaults-CTfvj2KB.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"defaults-CTfvj2KB.js","names":[],"sources":["../src/components/ThemeProvider/utils.ts","../src/components/ThemeProvider/defaults.ts"],"sourcesContent":["import type { Brand } from '@keboola/brand-registry';\n\nimport type { Theme } from './types';\n\nexport const createTheme = (brand: Brand): Theme => ({\n  id: brand.id,\n  name: brand.name,\n  shell: brand.shell,\n  logo: brand.logo,\n});\n\nexport type CssVars = {\n  set: (name: string, value: string | undefined) => void;\n  expose: () => Record<string, string>;\n};\n\nexport const createCssVars = (): CssVars => {\n  const vars: Record<string, string> = {};\n  return {\n    set: (name, value) => {\n      if (value !== undefined) vars[name] = value;\n    },\n    expose: () => ({ ...vars }),\n  };\n};\n","import type { Brand } from '@keboola/brand-registry';\nimport { keboolaLegacySidebar, keboolaLegacyTopnav } from '@keboola/brand-registry';\n\nimport type { ResolvedColorScheme } from './types';\nimport { createTheme } from './utils';\n\nexport const keboolaLegacyIds = [keboolaLegacySidebar.id, keboolaLegacyTopnav.id];\nexport const DEFAULT_COLOR_SCHEME: ResolvedColorScheme = 'light';\n\n// Sentinel active-brand id that maps to no registry brand. It resolves to\n// `defaultBrand` below, whose empty theme injects nothing — so the design-system\n// stylesheet defaults (`:root` / `[data-theme='dark']`) provide every token.\nexport const DEFAULT_BRAND_ID = 'design-system';\n\n// The \"no brand\" fallback: an empty theme → no CSS vars injected → the\n// stylesheet defaults win. Its shell/name still drive AppShell + switcher label.\nexport const defaultBrand: Brand = {\n  id: DEFAULT_BRAND_ID,\n  name: 'Design System',\n  shell: 'sidebar',\n  theme: {},\n};\nexport const defaultTheme = createTheme(defaultBrand);\n\nexport const DEFAULT_BRANDS: Brand[] = [];\n"],"mappings":";;AAIA,MAAa,eAAe,WAAyB;CACnD,IAAI,MAAM;CACV,MAAM,MAAM;CACZ,OAAO,MAAM;CACb,MAAM,MAAM;AACd;AAOA,MAAa,sBAA+B;CAC1C,MAAM,OAA+B,CAAC;CACtC,OAAO;EACL,MAAM,MAAM,UAAU;GACpB,IAAI,UAAU,KAAA,GAAW,KAAK,QAAQ;EACxC;EACA,eAAe,EAAE,GAAG,KAAK;CAC3B;AACF;;;AClBA,MAAa,mBAAmB,CAAC,qBAAqB,IAAI,oBAAoB,EAAE;AAChF,MAAa,uBAA4C;AAKzD,MAAa,mBAAmB;AAIhC,MAAa,eAAsB;CACjC,IAAI;CACJ,MAAM;CACN,OAAO;CACP,OAAO,CAAC;AACV;AACA,MAAa,eAAe,YAAY,YAAY;AAEpD,MAAa,iBAA0B,CAAC"}

package/dist/escapeStringRegexp-8MxP2knR.js

@@ -1,6 +0,0 @@
-//#region src/utils/escapeStringRegexp.ts
-const escapeStringRegexp = (string) => string.replace(/[|\\{}()[\]^$+*?.]/g, "\\$&").replace(/-/g, "\\x2d");
-//#endregion
-export { escapeStringRegexp };
-
-//# sourceMappingURL=escapeStringRegexp-8MxP2knR.js.map

package/dist/escapeStringRegexp-8MxP2knR.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"escapeStringRegexp-8MxP2knR.js","names":[],"sources":["../src/utils/escapeStringRegexp.ts"],"sourcesContent":["// Escape characters with special meaning either inside or outside character sets.\n// Use a simple backslash escape when it's always valid, and a `\\xnn` escape when the simpler form would be disallowed by Unicode patterns' stricter grammar.\nexport const escapeStringRegexp = (string: string) =>\n  string.replace(/[|\\\\{}()[\\]^$+*?.]/g, '\\\\$&').replace(/-/g, '\\\\x2d');\n"],"mappings":";AAEA,MAAa,sBAAsB,WACjC,OAAO,QAAQ,uBAAuB,MAAM,CAAC,CAAC,QAAQ,MAAM,OAAO"}

package/dist/themeTokens-7T1AFLhq.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"themeTokens-7T1AFLhq.js","names":[],"sources":["../src/components/ThemeProvider/useThemeAttributes.ts","../src/utils/themeTokens.ts"],"sourcesContent":["import { useSyncExternalStore } from 'react';\n\nimport { DEFAULT_BRAND_ID, DEFAULT_COLOR_SCHEME } from './defaults';\nimport type { BrandId, ResolvedColorScheme } from './types';\nimport { BRAND_ATTRIBUTE } from './useBrandState';\nimport { THEME_ATTRIBUTE } from './useColorSchemeState';\n\nexport type ThemeAttributes = {\n  /** Changes whenever `scheme` or `brandId` does — the memo key for anything built from live `--*` values. */\n  cacheKey: string;\n  scheme: ResolvedColorScheme;\n  brandId: BrandId;\n};\n\n// No attribute set means the stylesheet's own `:root` block is painting, which is\n// the default scheme — not a third \"unknown\" state. Same value on the server, so\n// the SSR snapshot and the client's first render agree.\nconst DEFAULT_ATTRIBUTES: ThemeAttributes = {\n  cacheKey: `${DEFAULT_COLOR_SCHEME}:${DEFAULT_BRAND_ID}`,\n  scheme: DEFAULT_COLOR_SCHEME,\n  brandId: DEFAULT_BRAND_ID,\n};\n\n// `useSyncExternalStore` re-renders forever on a snapshot whose reference changes\n// on every read, so the object is rebuilt only when the key it stands for moves.\nlet snapshot = DEFAULT_ATTRIBUTES;\n\nconst readThemeAttributes = (): ThemeAttributes => {\n  if (typeof document === 'undefined') return DEFAULT_ATTRIBUTES;\n\n  const root = document.documentElement;\n  const theme = root.getAttribute(THEME_ATTRIBUTE);\n  const scheme: ResolvedColorScheme =\n    theme === 'dark' || theme === 'light' ? theme : DEFAULT_COLOR_SCHEME;\n  const brandId = root.getAttribute(BRAND_ATTRIBUTE) ?? DEFAULT_BRAND_ID;\n  const cacheKey = `${scheme}:${brandId}`;\n\n  if (cacheKey !== snapshot.cacheKey) snapshot = { cacheKey, scheme, brandId };\n\n  return snapshot;\n};\n\nconst subscribe = (onChange: () => void): (() => void) => {\n  if (typeof document === 'undefined') return () => {};\n\n  const observer = new MutationObserver(onChange);\n  observer.observe(document.documentElement, {\n    attributes: true,\n    attributeFilter: [THEME_ATTRIBUTE, BRAND_ATTRIBUTE],\n  });\n\n  return () => observer.disconnect();\n};\n\nconst getServerSnapshot = (): ThemeAttributes => DEFAULT_ATTRIBUTES;\n\n/**\n * The colour scheme and brand currently applied to `<html>`, plus a key that\n * changes whenever they do — for memoizing anything built from `resolveToken`.\n *\n * Read from the DOM rather than `useTheme()` on purpose: `ThemeProvider` writes\n * both attributes from passive effects, so during the render after a scheme\n * change the context already says `dark` while `<html>` — and therefore every\n * computed `--*` value — is still light. Keying off the attributes keeps the\n * values and the key that stands for them in lockstep, and works in a subtree\n * with no `ThemeProvider` above it.\n *\n * Returning `scheme` from the same read is what makes that safe by construction:\n * a caller cannot pick up the new key and the old scheme.\n */\nexport const useThemeAttributes = (): ThemeAttributes =>\n  useSyncExternalStore(subscribe, readThemeAttributes, getServerSnapshot);\n","/**\n * Live access to the semantic `--*` design tokens for consumers that cannot use\n * a Tailwind class — a CodeMirror theme object, a mermaid `themeVariables` map,\n * an SVG serialized for export. Those all need a concrete color string at build\n * time, so we resolve the value the browser currently computes for `<html>` and\n * hand the resulting `rgb(...)` to the library.\n *\n * SSR/no-document falls back to a literal; so does a token the stylesheet has\n * not defined (which is what unit tests see, since they load no CSS).\n */\nconst format = (channels: string, alpha?: number): string =>\n  alpha === undefined ? `rgb(${channels})` : `rgb(${channels} / ${alpha})`;\n\nexport const resolveToken = (token: string, fallbackChannels: string, alpha?: number): string => {\n  const channels =\n    typeof document === 'undefined'\n      ? fallbackChannels\n      : getComputedStyle(document.documentElement).getPropertyValue(`--${token}`).trim() ||\n        fallbackChannels;\n  return format(channels, alpha);\n};\n\n/**\n * A {@link resolveToken} bound to a single `getComputedStyle` snapshot.\n *\n * Reach for this when building a whole palette at once: `resolveToken` reads the\n * computed style per call, so a config with dozens of token lookups forces dozens\n * of style resolutions for one render. Take a snapshot, read every token off it,\n * throw it away.\n *\n * Snapshot per palette build, never module-level — the values change whenever the\n * scheme or brand does, and a cached resolver would keep serving the old ones.\n *\n * {@link createChannelResolver} is the same snapshot answering the raw `\"R G B\"`\n * channels, for a consumer that needs another serialization.\n */\nexport const createChannelResolver = () => {\n  const computed =\n    typeof document === 'undefined' ? null : getComputedStyle(document.documentElement);\n\n  return (token: string, fallbackChannels: string): string =>\n    computed?.getPropertyValue(`--${token}`).trim() || fallbackChannels;\n};\n\nexport const createTokenResolver = () => {\n  const resolve = createChannelResolver();\n\n  return (token: string, fallbackChannels: string, alpha?: number): string =>\n    format(resolve(token, fallbackChannels), alpha);\n};\n"],"mappings":";;;;AAiBA,MAAM,qBAAsC;CAC1C,UAAU,GAAG,qBAAqB,GAAG;CACrC,QAAQ;CACR,SAAS;AACX;AAIA,IAAI,WAAW;AAEf,MAAM,4BAA6C;CACjD,IAAI,OAAO,aAAa,aAAa,OAAO;CAE5C,MAAM,OAAO,SAAS;CACtB,MAAM,QAAQ,KAAK,aAAa,eAAe;CAC/C,MAAM,SACJ,UAAU,UAAU,UAAU,UAAU,QAAQ;CAClD,MAAM,UAAU,KAAK,aAAA,YAA4B,KAAA;CACjD,MAAM,WAAW,GAAG,OAAO,GAAG;CAE9B,IAAI,aAAa,SAAS,UAAU,WAAW;EAAE;EAAU;EAAQ;CAAQ;CAE3E,OAAO;AACT;AAEA,MAAM,aAAa,aAAuC;CACxD,IAAI,OAAO,aAAa,aAAa,aAAa,CAAC;CAEnD,MAAM,WAAW,IAAI,iBAAiB,QAAQ;CAC9C,SAAS,QAAQ,SAAS,iBAAiB;EACzC,YAAY;EACZ,iBAAiB,CAAC,iBAAiB,eAAe;CACpD,CAAC;CAED,aAAa,SAAS,WAAW;AACnC;AAEA,MAAM,0BAA2C;;;;;;;;;;;;;;;AAgBjD,MAAa,2BACX,qBAAqB,WAAW,qBAAqB,iBAAiB;;;;;;;;;;;;;AC7DxE,MAAM,UAAU,UAAkB,UAChC,UAAU,KAAA,IAAY,OAAO,SAAS,KAAK,OAAO,SAAS,KAAK,MAAM;AAExE,MAAa,gBAAgB,OAAe,kBAA0B,UAA2B;CAC/F,MAAM,WACJ,OAAO,aAAa,cAChB,mBACA,iBAAiB,SAAS,eAAe,CAAC,CAAC,iBAAiB,KAAK,OAAO,CAAC,CAAC,KAAK,KAC/E;CACN,OAAO,OAAO,UAAU,KAAK;AAC/B;;;;;;;;;;;;;;;AAgBA,MAAa,8BAA8B;CACzC,MAAM,WACJ,OAAO,aAAa,cAAc,OAAO,iBAAiB,SAAS,eAAe;CAEpF,QAAQ,OAAe,qBACrB,UAAU,iBAAiB,KAAK,OAAO,CAAC,CAAC,KAAK,KAAK;AACvD;AAEA,MAAa,4BAA4B;CACvC,MAAM,UAAU,sBAAsB;CAEtC,QAAQ,OAAe,kBAA0B,UAC/C,OAAO,QAAQ,OAAO,gBAAgB,GAAG,KAAK;AAClD"}

package/dist/useColorSchemeState-BJEk6esG.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useColorSchemeState-BJEk6esG.js","names":[],"sources":["../src/components/ThemeProvider/useBrandState.ts","../src/components/ThemeProvider/useColorSchemeState.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\n\nimport { DEFAULT_BRAND_ID } from './defaults';\nimport type { BrandId } from './types';\n\nexport const BRAND_ATTRIBUTE = 'data-brand';\n\nexport type UseBrandOptions = {\n  /** Initial active brand id for uncontrolled use. Defaults to the design-system sentinel (`DEFAULT_BRAND_ID`) — no brand tokens injected, so the stylesheet defaults apply. */\n  defaultBrandId?: BrandId;\n  /** Controlled active brand id. When set, the parent owns the value and `setBrand` only notifies via `onBrandIdChange` (it does not mutate internal state). */\n  brandId?: BrandId;\n  /** Called with the next id whenever `setBrand` runs — required to persist the choice in controlled mode. */\n  onBrandIdChange?: (brandId: BrandId) => void;\n};\n\nexport const useBrandState = ({\n  defaultBrandId: defaultBrand = DEFAULT_BRAND_ID,\n  brandId: controlledBrand,\n  onBrandIdChange: onBrandChange,\n}: UseBrandOptions = {}) => {\n  const [uncontrolledBrand, setUncontrolledBrand] = useState(defaultBrand);\n\n  const isControlled = controlledBrand !== undefined;\n  const brandId = isControlled ? controlledBrand : uncontrolledBrand;\n\n  const setBrand = useCallback(\n    (next: BrandId) => {\n      if (!isControlled) setUncontrolledBrand(next);\n      onBrandChange?.(next);\n    },\n    [isControlled, onBrandChange],\n  );\n\n  useEffect(() => {\n    if (typeof document === 'undefined') return;\n    document.documentElement.setAttribute(BRAND_ATTRIBUTE, brandId);\n  }, [brandId]);\n\n  return { brandId, setBrand };\n};\n","import { useCallback, useEffect, useState } from 'react';\n\nimport { DEFAULT_COLOR_SCHEME } from './defaults';\nimport type { ColorScheme, ResolvedColorScheme } from './types';\n\nconst DARK_QUERY = '(prefers-color-scheme: dark)';\nexport const THEME_ATTRIBUTE = 'data-theme';\n\nconst getSystemColorScheme = (): ResolvedColorScheme => {\n  if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') return 'light';\n  return window.matchMedia(DARK_QUERY).matches ? 'dark' : 'light';\n};\n\nexport type UseColorSchemeOptions = {\n  /** Initial colour scheme for uncontrolled use. Defaults to `light` (`DEFAULT_COLOR_SCHEME`). */\n  defaultScheme?: ColorScheme;\n  /** Controlled colour scheme (`light` / `dark` / `system`). When set, the parent owns the value and `setScheme` only notifies via `onSchemeChange`. `system` follows `prefers-color-scheme` and resolves reactively. */\n  scheme?: ColorScheme;\n  /** Called with the next scheme whenever `setScheme` runs — required to persist the choice in controlled mode. */\n  onSchemeChange?: (theme: ColorScheme) => void;\n};\n\nexport const useColorSchemeState = ({\n  defaultScheme = DEFAULT_COLOR_SCHEME,\n  scheme: propScheme,\n  onSchemeChange,\n}: UseColorSchemeOptions = {}) => {\n  const [uncontrolledScheme, setUncontrolledScheme] = useState(defaultScheme);\n  const [systemScheme, setSystemScheme] = useState<ResolvedColorScheme>(getSystemColorScheme);\n\n  const isControlled = propScheme !== undefined;\n  const scheme = isControlled ? propScheme : uncontrolledScheme;\n\n  const setScheme = useCallback(\n    (next: ColorScheme) => {\n      if (!isControlled) setUncontrolledScheme(next);\n      onSchemeChange?.(next);\n    },\n    [isControlled, onSchemeChange],\n  );\n\n  // Track the OS preference so `system` stays live as the user flips it.\n  useEffect(() => {\n    if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') return;\n    const mq = window.matchMedia(DARK_QUERY);\n    const onChange = () => setSystemScheme(mq.matches ? 'dark' : 'light');\n    onChange();\n    mq.addEventListener('change', onChange);\n    return () => mq.removeEventListener('change', onChange);\n  }, []);\n\n  const resolvedScheme: ResolvedColorScheme = scheme === 'system' ? systemScheme : scheme;\n\n  useEffect(() => {\n    if (typeof document === 'undefined') return;\n    document.documentElement.setAttribute(THEME_ATTRIBUTE, resolvedScheme);\n  }, [resolvedScheme]);\n\n  return { scheme, resolvedScheme, setScheme };\n};\n"],"mappings":";;;AAKA,MAAa,kBAAkB;AAW/B,MAAa,iBAAiB,EAC5B,gBAAgB,eAAe,kBAC/B,SAAS,iBACT,iBAAiB,kBACE,CAAC,MAAM;CAC1B,MAAM,CAAC,mBAAmB,wBAAwB,SAAS,YAAY;CAEvE,MAAM,eAAe,oBAAoB,KAAA;CACzC,MAAM,UAAU,eAAe,kBAAkB;CAEjD,MAAM,WAAW,aACd,SAAkB;EACjB,IAAI,CAAC,cAAc,qBAAqB,IAAI;EAC5C,gBAAgB,IAAI;CACtB,GACA,CAAC,cAAc,aAAa,CAC9B;CAEA,gBAAgB;EACd,IAAI,OAAO,aAAa,aAAa;EACrC,SAAS,gBAAgB,aAAa,iBAAiB,OAAO;CAChE,GAAG,CAAC,OAAO,CAAC;CAEZ,OAAO;EAAE;EAAS;CAAS;AAC7B;;;ACnCA,MAAM,aAAa;AACnB,MAAa,kBAAkB;AAE/B,MAAM,6BAAkD;CACtD,IAAI,OAAO,WAAW,eAAe,OAAO,OAAO,eAAe,YAAY,OAAO;CACrF,OAAO,OAAO,WAAW,UAAU,CAAC,CAAC,UAAU,SAAS;AAC1D;AAWA,MAAa,uBAAuB,EAClC,gBAAgB,sBAChB,QAAQ,YACR,mBACyB,CAAC,MAAM;CAChC,MAAM,CAAC,oBAAoB,yBAAyB,SAAS,aAAa;CAC1E,MAAM,CAAC,cAAc,mBAAmB,SAA8B,oBAAoB;CAE1F,MAAM,eAAe,eAAe,KAAA;CACpC,MAAM,SAAS,eAAe,aAAa;CAE3C,MAAM,YAAY,aACf,SAAsB;EACrB,IAAI,CAAC,cAAc,sBAAsB,IAAI;EAC7C,iBAAiB,IAAI;CACvB,GACA,CAAC,cAAc,cAAc,CAC/B;CAGA,gBAAgB;EACd,IAAI,OAAO,WAAW,eAAe,OAAO,OAAO,eAAe,YAAY;EAC9E,MAAM,KAAK,OAAO,WAAW,UAAU;EACvC,MAAM,iBAAiB,gBAAgB,GAAG,UAAU,SAAS,OAAO;EACpE,SAAS;EACT,GAAG,iBAAiB,UAAU,QAAQ;EACtC,aAAa,GAAG,oBAAoB,UAAU,QAAQ;CACxD,GAAG,CAAC,CAAC;CAEL,MAAM,iBAAsC,WAAW,WAAW,eAAe;CAEjF,gBAAgB;EACd,IAAI,OAAO,aAAa,aAAa;EACrC,SAAS,gBAAgB,aAAa,iBAAiB,cAAc;CACvE,GAAG,CAAC,cAAc,CAAC;CAEnB,OAAO;EAAE;EAAQ;EAAgB;CAAU;AAC7C"}