@alfadocs/ui-kit-debug 0.1.9 → 0.2.0

package/dist/_chunks/card-BEy58ZKp.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"card-BEy58ZKp.js","sources":["../../src/components/card/card.tsx"],"sourcesContent":["import {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useId,\n  useState,\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type ReactNode,\n} from 'react';\nimport { Slot } from '@radix-ui/react-slot';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\n/* ------------------------------------------------------------------ */\n/* Context                                                             */\n/* ------------------------------------------------------------------ */\n\ninterface CardContextValue {\n  headerId: string;\n  interactive: boolean;\n  registerHeader: () => void;\n}\n\nconst CardContext = createContext<CardContextValue>({\n  headerId: '',\n  interactive: false,\n  registerHeader: () => {},\n});\n\n/* ------------------------------------------------------------------ */\n/* Variants                                                            */\n/* ------------------------------------------------------------------ */\n\nconst cardVariants = cva(\n  [\n    'ds:rounded-[var(--radius-lg)] ds:text-[var(--card-foreground)]',\n    'ds:overflow-hidden',\n    'ds:flex ds:flex-col',\n  ].join(' '),\n  {\n    variants: {\n      variant: {\n        default: 'ds:bg-[var(--card)] ds:border ds:border-[color:var(--card-border)]',\n        outlined: 'ds:bg-[var(--card)] ds:border ds:border-[color:var(--border)]',\n        elevated: 'ds:bg-[var(--card)] ds:shadow-[var(--shadow-card)]',\n      },\n      interactive: {\n        true: [\n          'ds:cursor-pointer',\n          'ds:transition-shadow ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n          'ds:hover:shadow-[var(--shadow-hover)]',\n          'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n          'ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n          'ds:min-h-[var(--min-target-size)]',\n        ].join(' '),\n        false: '',\n      },\n      // `stretch: true` fills the parent layout cell (grid / flex) so a\n      // row of Cards ends up with matching heights. Combined with the\n      // `flex-1` on `Card.Body`, the footer naturally pins to the bottom.\n      stretch: {\n        true: 'ds:h-full ds:self-stretch',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      interactive: false,\n      stretch: false,\n    },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* Types                                                               */\n/* ------------------------------------------------------------------ */\n\nexport interface CardProps\n  extends Omit<HTMLAttributes<HTMLElement>, 'role'>,\n    VariantProps<typeof cardVariants> {\n  variant?: 'default' | 'outlined' | 'elevated';\n  interactive?: boolean;\n  /**\n   * Stretch the Card to fill its parent layout cell. Use on every Card in\n   * a dashboard row so siblings end up with matching heights, and the\n   * `Card.Body` + `Card.Footer` flex naturally pin the footer to the\n   * bottom. Grid cells already `align-items: stretch` by default, but an\n   * explicit `h-full` keeps the behaviour robust under flex parents too.\n   */\n  stretch?: boolean;\n  asChild?: boolean;\n  children: ReactNode;\n}\n\n/* ------------------------------------------------------------------ */\n/* Root                                                                */\n/* ------------------------------------------------------------------ */\n\nconst CardRoot = forwardRef<HTMLElement, CardProps>(\n  (\n    {\n      variant = 'default',\n      interactive = false,\n      stretch = false,\n      asChild = false,\n      className,\n      children,\n      onClick,\n      onKeyDown,\n      ...props\n    },\n    ref,\n  ) => {\n    const headerId = useId();\n    const [hasHeader, setHasHeader] = useState(false);\n    const registerHeader = useCallback(() => setHasHeader(true), []);\n\n    const handleKeyDown = (e: KeyboardEvent<HTMLElement>) => {\n      if (interactive && (e.key === 'Enter' || e.key === ' ')) {\n        e.preventDefault();\n        (e.currentTarget as HTMLElement).click();\n      }\n      onKeyDown?.(e);\n    };\n\n    // When asChild=true the consumer provides its own element (<a>, <button>)\n    // which already carries the correct role and tabIndex — don't override them.\n    const interactiveProps = interactive\n      ? {\n          ...(asChild ? {} : { role: 'button' as const, tabIndex: 0 }),\n          onKeyDown: handleKeyDown,\n          onClick,\n        }\n      : { onClick };\n\n    const Comp = asChild ? Slot : 'article';\n\n    return (\n      <CardContext.Provider value={{ headerId, interactive: interactive ?? false, registerHeader }}>\n        <Comp\n          ref={ref as React.Ref<HTMLElement>}\n          aria-labelledby={hasHeader ? headerId : undefined}\n          data-component=\"card\"\n          className={cardVariants({\n            variant,\n            interactive: interactive ?? false,\n            stretch: stretch ?? false,\n            className,\n          })}\n          {...interactiveProps}\n          {...props}\n        >\n          {children}\n        </Comp>\n      </CardContext.Provider>\n    );\n  },\n);\nCardRoot.displayName = 'Card';\n\n/* ------------------------------------------------------------------ */\n/* Header                                                              */\n/* ------------------------------------------------------------------ */\n\nconst CardHeader = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => {\n    const { headerId, registerHeader } = useContext(CardContext);\n\n    // Notify root that a header is present so aria-labelledby is applied.\n    const callbackRef = useCallback(\n      (node: HTMLDivElement | null) => {\n        if (node) registerHeader();\n        if (typeof ref === 'function') ref(node);\n        else if (ref) (ref as React.MutableRefObject<HTMLDivElement | null>).current = node;\n      },\n      [ref, registerHeader],\n    );\n\n    return (\n      <div\n        ref={callbackRef}\n        id={headerId}\n        className={[\n          'ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:p-[var(--spacing-md)] ds:pb-0',\n          'ds:[&_*]:break-normal ds:[&_*]:[overflow-wrap:anywhere]',\n          className,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        {...props}\n      />\n    );\n  },\n);\nCardHeader.displayName = 'Card.Header';\n\n/* ------------------------------------------------------------------ */\n/* Media                                                               */\n/* ------------------------------------------------------------------ */\n\nconst CardMedia = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={[\n        'ds:overflow-hidden ds:[&_img]:w-full ds:[&_img]:h-auto ds:[&_img]:[object-fit:cover] ds:[&_video]:w-full',\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    />\n  ),\n);\nCardMedia.displayName = 'Card.Media';\n\n/* ------------------------------------------------------------------ */\n/* Body                                                                */\n/* ------------------------------------------------------------------ */\n\nconst CardBody = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={['ds:p-[var(--spacing-md)] ds:flex-1 ds:text-start', className]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    />\n  ),\n);\nCardBody.displayName = 'Card.Body';\n\n/* ------------------------------------------------------------------ */\n/* Footer                                                              */\n/* ------------------------------------------------------------------ */\n\nconst CardFooter = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={[\n        'ds:flex ds:items-center ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-md)] ds:pt-0',\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    />\n  ),\n);\nCardFooter.displayName = 'Card.Footer';\n\n/* ------------------------------------------------------------------ */\n/* Compound export                                                     */\n/* ------------------------------------------------------------------ */\n\nexport const Card = Object.assign(CardRoot, {\n  Header: CardHeader,\n  Media: CardMedia,\n  Body: CardBody,\n  Footer: CardFooter,\n});\n\nexport type { VariantProps as CardVariantProps };\n"],"names":["CardContext","createContext","cardVariants","cva","CardRoot","forwardRef","variant","interactive","stretch","asChild","className","children","onClick","onKeyDown","props","ref","headerId","useId","hasHeader","setHasHeader","useState","registerHeader","useCallback","interactiveProps","e","Comp","Slot","jsx","CardHeader","useContext","callbackRef","node","CardMedia","CardBody","CardFooter","Card"],"mappings":"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"}

package/dist/_chunks/chart.agent-_pRYS17d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"chart.agent-_pRYS17d.js","sources":["../../src/components/chart/chart.tsx","../../src/components/chart/chart.agent.ts"],"sourcesContent":["/* ------------------------------------------------------------------ */\n/* Chart — thin, typed wrapper over ApexCharts (react-apexcharts).      */\n/*                                                                     */\n/* - All chrome, colours, and fonts flow from                          */\n/*   `src/tokens/apexcharts-theme.ts` — never hex literals in user     */\n/*   code. A MutationObserver on `<html class>` re-reads the bridge so */\n/*   theme changes repaint without remount.                            */\n/* - A ResizeObserver on the wrapper keeps the chart responsive        */\n/*   without listening on `window.resize`.                             */\n/* - Accessibility: the wrapper carries `role=\"img\"` + `aria-label`    */\n/*   (required `title` prop) + `aria-describedby` pointing at a        */\n/*   visually-hidden `<table>` that mirrors series × categories.        */\n/* - Colour-blind users: `patterns` prop flips `fill.type` to pattern  */\n/*   using ApexCharts' built-in pattern presets.                       */\n/* - Numbers format via `Intl.NumberFormat(locale)` — no hand-rolled   */\n/*   `toFixed()`.                                                      */\n/* ------------------------------------------------------------------ */\n\nimport {\n  forwardRef,\n  useEffect,\n  useId,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport ReactApexChart from 'react-apexcharts';\nimport ApexCharts from 'apexcharts';\nimport { getApexChartsTheme } from '../../tokens/apexcharts-theme';\nimport { usePrefersReducedMotion } from '../../hooks';\nimport { useNeutraliseHiddenFocus } from '../_shared/use-neutralize-hidden-focus';\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                  */\n/* ------------------------------------------------------------------ */\n\nconst chartVariants = cva('ds:relative ds:block ds:w-full', {\n  variants: {\n    density: {\n      compact: 'ds:min-h-[var(--chart-min-height-compact)]',\n      comfortable: 'ds:min-h-[var(--chart-min-height-comfortable)]',\n    },\n  },\n  defaultVariants: { density: 'comfortable' },\n});\n\n/* ------------------------------------------------------------------ */\n/* Public types                                                         */\n/* ------------------------------------------------------------------ */\n\nexport type ChartType = 'line' | 'bar' | 'pie' | 'donut' | 'area' | 'radialBar';\n\nexport interface ChartSeries {\n  name: string;\n  data: number[];\n}\n\nexport interface ChartProps extends VariantProps<typeof chartVariants> {\n  /** Required — drives aria-label and sr-only table caption. */\n  title: string;\n  /** Opaque instance id — emitted as `data-component-id` for the agent registry. */\n  id?: string;\n  /** Chart visual type. */\n  type: ChartType;\n  /**\n   * For `line` / `bar` / `area`: an array of `ChartSeries`.\n   * For `pie` / `donut` / `radialBar`: an array of numbers matched to `labels`.\n   */\n  series: ChartSeries[] | number[];\n  /** Category axis labels (line / bar / area). */\n  categories?: string[];\n  /** Slice labels (pie / donut / radialBar). */\n  labels?: string[];\n  /** Height override. Defaults to 320px. */\n  height?: number | string;\n  /** Width override. Defaults to 100% of container. */\n  width?: number | string;\n  /** Opt-in pattern fills for colour-blind users. */\n  patterns?: boolean;\n  /** Show the ApexCharts toolbar. Defaults to false. */\n  toolbar?: boolean;\n  /** Locale override — defaults to the active i18next language. */\n  locale?: string;\n  /** Extra class names on the wrapper. */\n  className?: string;\n}\n\nexport interface ChartHandle {\n  /** Returns a PNG data URI for the chart. */\n  dataURI: () => Promise<string>;\n  /** Updates series without remounting. */\n  updateSeries: (next: ChartProps['series']) => void;\n}\n\n/* ------------------------------------------------------------------ */\n/* Constants                                                            */\n/* ------------------------------------------------------------------ */\n\nconst PATTERN_STYLES = [\n  'verticalLines',\n  'horizontalLines',\n  'slantedLines',\n  'squares',\n  'circles',\n] as const;\n\n/** Types where `categories` belong on an x-axis. */\nconst CATEGORICAL_TYPES: ReadonlyArray<ChartType> = ['line', 'bar', 'area'];\n\n/** Types where `series` is a flat `number[]` paired with `labels`. */\nconst SLICE_TYPES: ReadonlyArray<ChartType> = ['pie', 'donut', 'radialBar'];\n\n/* ------------------------------------------------------------------ */\n/* Helpers                                                              */\n/* ------------------------------------------------------------------ */\n\nfunction isSliceType(type: ChartType): boolean {\n  return SLICE_TYPES.includes(type);\n}\n\nfunction isCategoricalType(type: ChartType): boolean {\n  return CATEGORICAL_TYPES.includes(type);\n}\n\n/** Coerce `series` into `ChartSeries[]` for shared logic (table, aria). */\nfunction normaliseSeries(\n  series: ChartSeries[] | number[],\n  type: ChartType,\n): ChartSeries[] {\n  if (isSliceType(type)) {\n    const nums = series as number[];\n    return [\n      {\n        name: '',\n        data: nums,\n      },\n    ];\n  }\n  return series as ChartSeries[];\n}\n\n/* ------------------------------------------------------------------ */\n/* Chart component                                                      */\n/* ------------------------------------------------------------------ */\n\nexport const Chart = forwardRef<ChartHandle, ChartProps>(\n  (\n    {\n      title,\n      id,\n      type,\n      series,\n      categories,\n      labels,\n      height,\n      width,\n      patterns = false,\n      toolbar = false,\n      locale: localeProp,\n      density,\n      className,\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n    const rawId = useId();\n    const chartId = useMemo(\n      () => `chart-${rawId.replace(/[^a-zA-Z0-9-_]/g, '')}`,\n      [rawId],\n    );\n    const summaryId = `${chartId}-summary`;\n\n    const wrapperRef = useRef<HTMLDivElement>(null);\n    const [containerWidth, setContainerWidth] = useState(0);\n\n    /* ApexCharts injects focusable canvases inside the `aria-hidden`   */\n    /* chart wrapper. Neutralise their tabindex so axe's                */\n    /* `aria-hidden-focus` rule passes. Same hook used in Sparkline.    */\n    useNeutraliseHiddenFocus(wrapperRef);\n\n    const locale = localeProp ?? i18n.language ?? 'en';\n\n    /* ---- dev warning if title missing ------------------------------ */\n    if (import.meta.env.DEV && !title) {\n      // eslint-disable-next-line no-console\n      console.warn(\n        'Chart: `title` prop is required. It drives aria-label and the screen-reader summary table.',\n      );\n    }\n\n    /* ---- theme-reactive state -------------------------------------- */\n    const [themeOptions, setThemeOptions] = useState<ApexCharts.ApexOptions>(() => {\n      try {\n        return getApexChartsTheme();\n      } catch {\n        return {};\n      }\n    });\n\n    /* ---- MutationObserver: re-read theme on class change ------------ */\n    useEffect(() => {\n      if (typeof document === 'undefined') return undefined;\n      let timer: ReturnType<typeof setTimeout>;\n      const observer = new MutationObserver(() => {\n        clearTimeout(timer);\n        timer = setTimeout(() => {\n          try {\n            setThemeOptions(getApexChartsTheme());\n          } catch {\n            /* no-op in non-browser environments */\n          }\n        }, 50);\n      });\n      observer.observe(document.documentElement, {\n        attributes: true,\n        attributeFilter: ['class'],\n      });\n      return () => {\n        clearTimeout(timer);\n        observer.disconnect();\n      };\n    }, []);\n\n    /* ---- ResizeObserver: track container width --------------------- */\n    useEffect(() => {\n      const el = wrapperRef.current;\n      if (!el || typeof ResizeObserver === 'undefined') return undefined;\n      const ro = new ResizeObserver((entries) => {\n        const entry = entries[0];\n        if (entry) setContainerWidth(Math.floor(entry.contentRect.width));\n      });\n      ro.observe(el);\n      return () => ro.disconnect();\n    }, []);\n\n    /* ---- imperative handle ----------------------------------------- */\n    useImperativeHandle(ref, () => ({\n      async dataURI(): Promise<string> {\n        const instance = ApexCharts.getChartByID(chartId);\n        if (!instance) return '';\n        const result = await instance.dataURI();\n        return (result as { imgURI: string }).imgURI;\n      },\n      updateSeries(next) {\n        const instance = ApexCharts.getChartByID(chartId);\n        if (!instance) return;\n        if (isSliceType(type)) {\n          instance.updateSeries(next as number[]);\n        } else {\n          instance.updateSeries(next as ChartSeries[]);\n        }\n      },\n    }));\n\n    /* ---- RTL detection --------------------------------------------- */\n    const isRtl =\n      typeof document !== 'undefined' && document.documentElement.dir === 'rtl';\n\n    /* ---- normalised series for sr-only table ----------------------- */\n    const tableSeries = useMemo(\n      () => normaliseSeries(series, type),\n      [series, type],\n    );\n\n    /* ---- Intl formatter -------------------------------------------- */\n    const numberFormatter = useMemo(\n      () => new Intl.NumberFormat(locale),\n      [locale],\n    );\n\n    /* ---- toolbar localisation -------------------------------------- */\n    const toolbarLocale = useMemo(\n      () => ({\n        name: locale,\n        options: {\n          toolbar: {\n            download: t('chart.toolbar.download'),\n            selection: t('chart.toolbar.selection'),\n            selectionZoom: t('chart.toolbar.selectionZoom'),\n            zoomIn: t('chart.toolbar.zoomIn'),\n            zoomOut: t('chart.toolbar.zoomOut'),\n            pan: t('chart.toolbar.pan'),\n            reset: t('chart.toolbar.reset'),\n            exportToSVG: t('chart.toolbar.exportToSVG'),\n            exportToPNG: t('chart.toolbar.exportToPNG'),\n            exportToCSV: t('chart.toolbar.exportToCSV'),\n          },\n        },\n      }),\n      [locale, t],\n    );\n\n    /* ---- build ApexOptions ----------------------------------------- */\n    const reducedMotion = usePrefersReducedMotion();\n\n    const chartOptions: ApexCharts.ApexOptions = useMemo(() => {\n      const base = themeOptions;\n\n      const options: ApexCharts.ApexOptions = {\n        ...base,\n        chart: {\n          ...base.chart,\n          id: chartId,\n          toolbar: { show: toolbar },\n          zoom: { enabled: toolbar },\n          animations: {\n            enabled: !reducedMotion,\n            dynamicAnimation: { enabled: !reducedMotion },\n          },\n          locales: [toolbarLocale],\n          defaultLocale: locale,\n          parentHeightOffset: 0,\n        },\n        labels: labels,\n        legend: {\n          ...base.legend,\n          position: 'bottom',\n          // ApexCharts legend.horizontalAlign is a physical prop mapped internally\n          // to the chart's own text flow. For RTL we flip via `yaxis.opposite`\n          // and ApexCharts' own `direction: 'rtl'` handling; legend stays anchored\n          // to the inline-start by asking for 'left' on LTR and 'right' on RTL.\n          horizontalAlign: isRtl ? 'right' : 'left',\n          fontFamily: 'inherit',\n        },\n        tooltip: {\n          ...base.tooltip,\n          y: {\n            formatter: (value: number) => numberFormatter.format(value),\n          },\n        },\n        noData: {\n          text: t('chart.noData'),\n        },\n      };\n\n      if (isCategoricalType(type)) {\n        options.xaxis = {\n          ...base.xaxis,\n          categories: categories ?? [],\n        };\n        options.yaxis = {\n          ...base.yaxis,\n          opposite: isRtl,\n          labels: {\n            formatter: (value: number) => numberFormatter.format(value),\n          },\n        };\n        options.stroke = {\n          curve: 'smooth',\n          width: type === 'bar' ? 0 : 2,\n        };\n        options.dataLabels = { enabled: false };\n      }\n\n      if (patterns) {\n        options.fill = {\n          type: 'pattern',\n          opacity: type === 'area' ? 0.3 : 1,\n          pattern: {\n            style: [...PATTERN_STYLES],\n            strokeWidth: 2,\n          },\n        };\n      } else if (type === 'area') {\n        options.fill = {\n          type: 'gradient',\n          opacity: 0.3,\n        };\n      }\n\n      return options;\n    }, [\n      themeOptions,\n      chartId,\n      toolbar,\n      reducedMotion,\n      toolbarLocale,\n      locale,\n      labels,\n      numberFormatter,\n      t,\n      type,\n      categories,\n      isRtl,\n      patterns,\n    ]);\n\n    /* ---- resolved dimensions --------------------------------------- */\n    const resolvedWidth = width ?? (containerWidth > 0 ? containerWidth : '100%');\n    const resolvedHeight = height ?? 320;\n\n    /* ---- sr-only data table --------------------------------------- */\n    const srTable = useMemo(() => {\n      const columnLabels = isSliceType(type)\n        ? (labels ?? [])\n        : (categories ?? []);\n      const rows = tableSeries;\n      return (\n        <table id={summaryId} className=\"ds:sr-only\">\n          <caption>{title}</caption>\n          <thead>\n            <tr>\n              <th scope=\"col\">{t('chart.table.series')}</th>\n              {columnLabels.map((col, i) => (\n                <th key={`${col}-${i}`} scope=\"col\">\n                  {col}\n                </th>\n              ))}\n            </tr>\n          </thead>\n          <tbody>\n            {rows.map((row, rowIndex) => (\n              <tr key={`${row.name}-${rowIndex}`}>\n                <th scope=\"row\">{row.name || t('chart.table.value')}</th>\n                {row.data.map((value, colIndex) => (\n                  <td key={`${rowIndex}-${colIndex}`}>\n                    {numberFormatter.format(value)}\n                  </td>\n                ))}\n              </tr>\n            ))}\n          </tbody>\n        </table>\n      );\n    }, [type, tableSeries, labels, categories, summaryId, title, t, numberFormatter]);\n\n    /* ---- ApexCharts `series` prop shape ----------------------------- */\n    const apexSeries = useMemo(() => {\n      if (isSliceType(type)) {\n        return series as number[];\n      }\n      return series as ChartSeries[];\n    }, [series, type]);\n\n    return (\n      <div\n        ref={wrapperRef}\n        role=\"img\"\n        aria-label={title}\n        aria-describedby={summaryId}\n        className={chartVariants({ density, className })}\n        data-component=\"chart\"\n        data-component-id={id}\n      >\n        {srTable}\n        <ReactApexChart\n          type={type}\n          series={apexSeries as ApexCharts.ApexOptions['series']}\n          options={chartOptions}\n          width={resolvedWidth}\n          height={resolvedHeight}\n          aria-hidden=\"true\"\n        />\n      </div>\n    );\n  },\n);\n\nChart.displayName = 'Chart';\n\n/* ------------------------------------------------------------------ */\n/* Re-export internal helper for downstream theming (kept narrow).      */\n/* ------------------------------------------------------------------ */\n\nexport { chartVariants };\n","import type { AgentAdapter } from '../../agent/types';\nimport type { ChartHandle } from './chart';\n\nexport const chartAgent: AgentAdapter<ChartHandle> = {\n  id: 'chart',\n  capabilities: [],\n  state: {},\n  actions: {\n    update_series: {\n      safety: 'read',\n      argsType: 'series',\n      description: 'Replace the chart series without remounting.',\n      invoke: (handle, args: { series: Parameters<ChartHandle['updateSeries']>[0] }) => {\n        handle.updateSeries(args.series);\n      },\n    },\n    export_png: {\n      safety: 'read',\n      description: 'Return a PNG data URI of the chart for export or screenshotting.',\n      invoke: (handle) => handle.dataURI(),\n    },\n  },\n  domHooks: {\n    root: { attr: 'data-component', value: 'chart' },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n"],"names":["chartVariants","cva","PATTERN_STYLES","CATEGORICAL_TYPES","SLICE_TYPES","isSliceType","type","isCategoricalType","normaliseSeries","series","Chart","forwardRef","title","id","categories","labels","height","width","patterns","toolbar","localeProp","density","className","ref","t","i18n","useTranslation","rawId","useId","chartId","useMemo","summaryId","wrapperRef","useRef","containerWidth","setContainerWidth","useState","useNeutraliseHiddenFocus","locale","themeOptions","setThemeOptions","getApexChartsTheme","useEffect","timer","observer","el","ro","entries","entry","useImperativeHandle","instance","ApexCharts","next","isRtl","tableSeries","numberFormatter","toolbarLocale","reducedMotion","usePrefersReducedMotion","chartOptions","base","options","value","resolvedWidth","resolvedHeight","srTable","columnLabels","rows","jsx","jsxs","col","row","rowIndex","colIndex","apexSeries","ReactApexChart","chartAgent","handle","args"],"mappings":"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"}

package/dist/_chunks/chat-container-Dl0Kfy5a.js

@@ -1,175 +0,0 @@
-import { jsxs as c, jsx as t } from "react/jsx-runtime";
-import { forwardRef as R, useRef as h, useState as V, useCallback as L, useImperativeHandle as B, useEffect as C, useLayoutEffect as E } from "react";
-import { c as b } from "./index-D2ZczOXr.js";
-import { useTranslation as O } from "react-i18next";
-import { u as j } from "./index-CJE9uQmb.js";
-import { F as H } from "./floating-action-button-Cnw-f6AG.js";
-import { u as M } from "./use-prefers-reduced-motion-BMwIQRjB.js";
-import { C as S } from "./chevron-down-BX_NP2Yh.js";
-const $ = b(
-  "ds:relative ds:flex ds:w-full ds:flex-col ds:overflow-hidden ds:bg-background",
-  {
-    variants: {
-      density: {
-        default: "ds:gap-[var(--spacing-md)]",
-        compact: "ds:gap-[var(--spacing-sm)]"
-      }
-    },
-    defaultVariants: { density: "default" }
-  }
-), D = b(
-  [
-    "ds:flex-1 ds:min-h-0 ds:overflow-y-auto ds:overflow-x-hidden",
-    "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
-    "ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]",
-    "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
-    "ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
-    "ds:scroll-smooth ds:motion-reduce:scroll-auto ds:[.theme-accessible_&]:scroll-auto",
-    // Edge fade — content near the scroll boundaries fades into the
-    // container surface instead of clipping abruptly against the header
-    // or composer, so avatars / bubbles don't look "cut in half" as they
-    // pass the viewport edge. Fade width matches the viewport padding so
-    // a row can slide fully behind the mask before disappearing.
-    // Disabled under HCM (mask strips content), reduced motion (less
-    // decoration when motion is off), and the accessible theme.
-    "ds:[mask-image:linear-gradient(to_bottom,transparent_0,black_var(--spacing-md),black_calc(100%-var(--spacing-md)),transparent_100%)]",
-    "ds:motion-reduce:[mask-image:none]",
-    "ds:[.theme-accessible_&]:[mask-image:none]",
-    "ds:forced-colors:[mask-image:none]"
-  ].join(" ")
-), F = 100, K = 48, P = R(
-  ({
-    messages: a,
-    composer: m,
-    density: x = "default",
-    className: w,
-    id: N,
-    onAutoScrollChange: o,
-    showScrollToLatest: k = !1,
-    ...I
-  }, y) => {
-    const { t: u } = O(), n = h(null), f = h(null), [d, T] = V(!0), p = M(), i = L(
-      (s) => {
-        const e = n.current;
-        if (!e) return;
-        const r = ((s == null ? void 0 : s.smooth) ?? !0) && !p;
-        e.scrollTo({ top: e.scrollHeight, behavior: r ? "smooth" : "auto" });
-      },
-      [p]
-    );
-    B(
-      y,
-      () => ({
-        scrollToBottom: i,
-        getScrollViewport: () => n.current
-      }),
-      [i]
-    ), C(() => {
-      const s = n.current, e = f.current;
-      if (!s || !e) return;
-      const r = new IntersectionObserver(
-        (z) => {
-          const g = z[0];
-          T(g.isIntersecting), o == null || o(g.isIntersecting);
-        },
-        {
-          root: s,
-          // Fire when the sentinel is within BOTTOM_SLACK_PX of being visible.
-          rootMargin: `0px 0px ${K}px 0px`,
-          threshold: 0
-        }
-      );
-      return r.observe(e), () => r.disconnect();
-    }, [o]);
-    const _ = a.length;
-    E(() => {
-      d && i({ smooth: !1 });
-    }, [_, d, i]);
-    const v = a.length > F, l = j({
-      count: v ? a.length : 0,
-      getScrollElement: () => n.current,
-      estimateSize: () => 80,
-      overscan: 6,
-      getItemKey: (s) => {
-        var e;
-        return ((e = a[s]) == null ? void 0 : e.id) ?? s;
-      }
-    });
-    return /* @__PURE__ */ c("div", { className: $({ density: x, className: w }), "data-component": "chat-container", "data-component-id": N, ...I, children: [
-      /* @__PURE__ */ c("div", { className: "ds:relative ds:flex-1 ds:min-h-0 ds:flex ds:flex-col", children: [
-        /* @__PURE__ */ c(
-          "div",
-          {
-            ref: n,
-            role: "log",
-            "aria-live": "polite",
-            "aria-relevant": "additions",
-            "aria-label": u("ui.chat.container"),
-            tabIndex: 0,
-            className: D(),
-            children: [
-              v ? /* @__PURE__ */ t(
-                "ol",
-                {
-                  className: "ds:relative ds:list-none ds:ps-0 ds:m-0",
-                  style: { blockSize: `${l.getTotalSize()}px` },
-                  children: l.getVirtualItems().map((s) => {
-                    const e = a[s.index];
-                    return e ? /* @__PURE__ */ t(
-                      "li",
-                      {
-                        "data-index": s.index,
-                        ref: l.measureElement,
-                        className: "ds:absolute ds:start-0 ds:end-0 ds:top-0 ds:w-full",
-                        style: { transform: `translateY(${s.start}px)` },
-                        children: /* @__PURE__ */ t("div", { className: "ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]", children: e.node })
-                      },
-                      e.id
-                    ) : null;
-                  })
-                }
-              ) : /* @__PURE__ */ t("ol", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:list-none ds:ps-0 ds:m-0", children: a.map((s) => /* @__PURE__ */ t("li", { children: s.node }, s.id)) }),
-              /* @__PURE__ */ t("div", { ref: f, "aria-hidden": "true", className: "ds:h-1 ds:w-full" })
-            ]
-          }
-        ),
-        k && !d ? /* @__PURE__ */ t(
-          "div",
-          {
-            className: [
-              "ds:pointer-events-none ds:absolute ds:inset-inline-end-0",
-              // `bottom` is measured from the bottom of the scroll
-              // column (i.e. the top edge of the composer slot). A
-              // small spacing-md gap keeps the FAB clear of the
-              // divider border above the composer.
-              "ds:bottom-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
-              // Enter animation — fade + scale in from 95%. The FAB only
-              // unmounts when the user returns to bottom, so an exit
-              // animation isn't justified (abrupt disappearance reads as
-              // "task complete" when they've scrolled back).
-              "ds:motion-safe:animate-in ds:motion-safe:fade-in-0 ds:motion-safe:zoom-in-95",
-              "ds:duration-[var(--animation-duration)] ds:ease-[var(--ease-out)]"
-            ].join(" "),
-            children: /* @__PURE__ */ t("div", { className: "ds:pointer-events-auto", children: /* @__PURE__ */ t(
-              H,
-              {
-                icon: /* @__PURE__ */ t(S, {}),
-                "aria-label": u("ui.chat.scrollToLatest"),
-                size: "sm",
-                variant: "secondary",
-                position: "static",
-                onClick: () => i({ smooth: !0 })
-              }
-            ) })
-          }
-        ) : null
-      ] }),
-      m ? /* @__PURE__ */ t("div", { className: "ds:shrink-0 ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)] ds:bg-background", children: m }) : null
-    ] });
-  }
-);
-P.displayName = "ChatContainer";
-export {
-  P as C
-};
-//# sourceMappingURL=chat-container-Dl0Kfy5a.js.map

package/dist/_chunks/chat-container-Dl0Kfy5a.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"chat-container-Dl0Kfy5a.js","sources":["../../src/components/chat-container/chat-container.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { ChevronDown } from 'lucide-react';\nimport { useVirtualizer } from '@tanstack/react-virtual';\nimport { FloatingActionButton } from '../floating-action-button/floating-action-button';\nimport { usePrefersReducedMotion } from '../../hooks';\n\nconst rootVariants = cva(\n  'ds:relative ds:flex ds:w-full ds:flex-col ds:overflow-hidden ds:bg-background',\n  {\n    variants: {\n      density: {\n        default: 'ds:gap-[var(--spacing-md)]',\n        compact: 'ds:gap-[var(--spacing-sm)]',\n      },\n    },\n    defaultVariants: { density: 'default' },\n  },\n);\n\nconst scrollViewportVariants = cva(\n  [\n    'ds:flex-1 ds:min-h-0 ds:overflow-y-auto ds:overflow-x-hidden',\n    'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n    'ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:scroll-smooth ds:motion-reduce:scroll-auto ds:[.theme-accessible_&]:scroll-auto',\n    // Edge fade — content near the scroll boundaries fades into the\n    // container surface instead of clipping abruptly against the header\n    // or composer, so avatars / bubbles don't look \"cut in half\" as they\n    // pass the viewport edge. Fade width matches the viewport padding so\n    // a row can slide fully behind the mask before disappearing.\n    // Disabled under HCM (mask strips content), reduced motion (less\n    // decoration when motion is off), and the accessible theme.\n    'ds:[mask-image:linear-gradient(to_bottom,transparent_0,black_var(--spacing-md),black_calc(100%-var(--spacing-md)),transparent_100%)]',\n    'ds:motion-reduce:[mask-image:none]',\n    'ds:[.theme-accessible_&]:[mask-image:none]',\n    'ds:forced-colors:[mask-image:none]',\n  ].join(' '),\n);\n\nconst VIRTUALIZATION_THRESHOLD = 100;\n/** Pixel slack against the bottom edge that still counts as \"at bottom\". */\nconst BOTTOM_SLACK_PX = 48;\n\nexport interface ChatContainerHandle {\n  scrollToBottom: (opts?: { smooth?: boolean }) => void;\n  getScrollViewport: () => HTMLDivElement | null;\n}\n\nexport interface ChatContainerProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'id'>,\n    VariantProps<typeof rootVariants> {\n  /** Opaque instance id — emitted as `data-component-id` for the agent registry. */\n  id?: string;\n  /** Array of messages to render. When the array exceeds 100 items the\n   *  list is virtualised via @tanstack/react-virtual. */\n  messages: Array<{ id: string; node: ReactNode }>;\n  /** Composer slot pinned to the block-end. */\n  composer?: ReactNode;\n  /** Fires when the user's auto-scroll preference flips. */\n  onAutoScrollChange?: (isAtBottom: boolean) => void;\n  /**\n   * When true, renders a \"scroll to latest\" FloatingActionButton in the\n   * bottom-end of the scroll column whenever the user has scrolled\n   * away from the newest message. Defaults to `false` because the\n   * affordance is only useful in long-form chat surfaces (fullscreen\n   * assistants, dedicated messaging views); in compact docks — e.g. the\n   * Leo side-panel — conversations rarely exceed one screen and the FAB\n   * just adds visual noise. Turn on for fullscreen chat surfaces.\n   */\n  showScrollToLatest?: boolean;\n}\n\nexport const ChatContainer = forwardRef<ChatContainerHandle, ChatContainerProps>(\n  (\n    {\n      messages,\n      composer,\n      density = 'default',\n      className,\n      id,\n      onAutoScrollChange,\n      showScrollToLatest = false,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const viewportRef = useRef<HTMLDivElement | null>(null);\n    const sentinelRef = useRef<HTMLDivElement | null>(null);\n    const [isAtBottom, setIsAtBottom] = useState(true);\n\n    const prefersReducedMotion = usePrefersReducedMotion();\n\n    const scrollToBottom = useCallback(\n      (opts?: { smooth?: boolean }) => {\n        const el = viewportRef.current;\n        if (!el) return;\n        const smooth = (opts?.smooth ?? true) && !prefersReducedMotion;\n        el.scrollTo({ top: el.scrollHeight, behavior: smooth ? 'smooth' : 'auto' });\n      },\n      [prefersReducedMotion],\n    );\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        scrollToBottom,\n        getScrollViewport: () => viewportRef.current,\n      }),\n      [scrollToBottom],\n    );\n\n    /* ── Intersection observer: track \"at bottom\" via a sentinel ── */\n    useEffect(() => {\n      const root = viewportRef.current;\n      const sentinel = sentinelRef.current;\n      if (!root || !sentinel) return;\n      const observer = new IntersectionObserver(\n        (entries) => {\n          const entry = entries[0];\n          setIsAtBottom(entry.isIntersecting);\n          onAutoScrollChange?.(entry.isIntersecting);\n        },\n        {\n          root,\n          // Fire when the sentinel is within BOTTOM_SLACK_PX of being visible.\n          rootMargin: `0px 0px ${BOTTOM_SLACK_PX}px 0px`,\n          threshold: 0,\n        },\n      );\n      observer.observe(sentinel);\n      return () => observer.disconnect();\n    }, [onAutoScrollChange]);\n\n    /* ── Auto-scroll on new messages when at bottom ── */\n    const messagesLength = messages.length;\n    useLayoutEffect(() => {\n      // `smooth: false` — when we're already pinned to the bottom and a\n      // new message appends, the user doesn't perceive any scroll motion\n      // (the sentinel just slides a few px). But a smooth animation DOES\n      // give the IntersectionObserver a window in which the sentinel is\n      // temporarily outside the rootMargin zone — that's what causes the\n      // scroll-to-latest FAB to flicker in and out on every new message.\n      // Instant scroll settles in one frame; FAB state stays stable.\n      // The user-initiated FAB click below still uses smooth because the\n      // jump is large and the motion communicates the travel.\n      if (isAtBottom) scrollToBottom({ smooth: false });\n      // Intentionally watching only length — individual node updates (streaming)\n      // are driven by their own scroll decisions.\n    }, [messagesLength, isAtBottom, scrollToBottom]);\n\n    const virtualized = messages.length > VIRTUALIZATION_THRESHOLD;\n\n    const virtualizer = useVirtualizer({\n      count: virtualized ? messages.length : 0,\n      getScrollElement: () => viewportRef.current,\n      estimateSize: () => 80,\n      overscan: 6,\n      getItemKey: (i) => messages[i]?.id ?? i,\n    });\n\n    return (\n      <div className={rootVariants({ density, className })} data-component=\"chat-container\" data-component-id={id} {...rest}>\n        {/* Scroll column wraps the viewport AND the FAB together so the\n            FAB's absolute `bottom` is measured from the top of the\n            composer (this wrapper's end edge), not from the root — which\n            would drop the FAB inside the composer/suggestion-chip area. */}\n        <div className=\"ds:relative ds:flex-1 ds:min-h-0 ds:flex ds:flex-col\">\n          <div\n            ref={viewportRef}\n            role=\"log\"\n            aria-live=\"polite\"\n            aria-relevant=\"additions\"\n            aria-label={t('ui.chat.container')}\n            tabIndex={0}\n            className={scrollViewportVariants()}\n          >\n            {virtualized ? (\n              <ol\n                className=\"ds:relative ds:list-none ds:ps-0 ds:m-0\"\n                // Inline style — permitted per 23-constraints\n                // §Runtime-computed dimensions (virtualizer total size).\n                style={{ blockSize: `${virtualizer.getTotalSize()}px` }}\n              >\n                {virtualizer.getVirtualItems().map((vi) => {\n                  const msg = messages[vi.index];\n                  if (!msg) return null;\n                  return (\n                    <li\n                      key={msg.id}\n                      data-index={vi.index}\n                      ref={virtualizer.measureElement}\n                      className=\"ds:absolute ds:start-0 ds:end-0 ds:top-0 ds:w-full\"\n                      // Inline style — permitted per 23-constraints\n                      // §Runtime-computed dimensions (virtualizer translateY).\n                      style={{ transform: `translateY(${vi.start}px)` }}\n                    >\n                      <div className=\"ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]\">\n                        {msg.node}\n                      </div>\n                    </li>\n                  );\n                })}\n              </ol>\n            ) : (\n              <ol className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:list-none ds:ps-0 ds:m-0\">\n                {messages.map((m) => (\n                  <li key={m.id}>{m.node}</li>\n                ))}\n              </ol>\n            )}\n            <div ref={sentinelRef} aria-hidden=\"true\" className=\"ds:h-1 ds:w-full\" />\n          </div>\n\n          {showScrollToLatest && !isAtBottom ? (\n            <div\n              className={[\n                'ds:pointer-events-none ds:absolute ds:inset-inline-end-0',\n                // `bottom` is measured from the bottom of the scroll\n                // column (i.e. the top edge of the composer slot). A\n                // small spacing-md gap keeps the FAB clear of the\n                // divider border above the composer.\n                'ds:bottom-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n                // Enter animation — fade + scale in from 95%. The FAB only\n                // unmounts when the user returns to bottom, so an exit\n                // animation isn't justified (abrupt disappearance reads as\n                // \"task complete\" when they've scrolled back).\n                'ds:motion-safe:animate-in ds:motion-safe:fade-in-0 ds:motion-safe:zoom-in-95',\n                'ds:duration-[var(--animation-duration)] ds:ease-[var(--ease-out)]',\n              ].join(' ')}\n            >\n              <div className=\"ds:pointer-events-auto\">\n                <FloatingActionButton\n                  icon={<ChevronDown />}\n                  aria-label={t('ui.chat.scrollToLatest')}\n                  size=\"sm\"\n                  variant=\"secondary\"\n                  // `position=\"static\"` — the wrapper is already\n                  // absolutely-positioned. Without this, FAB's default\n                  // `bottom-end` variant applies `position: fixed` and\n                  // pins the button to the browser viewport corner,\n                  // escaping the container and appearing as an orphan\n                  // circle that stays put while the chat scrolls.\n                  position=\"static\"\n                  onClick={() => scrollToBottom({ smooth: true })}\n                />\n              </div>\n            </div>\n          ) : null}\n        </div>\n\n        {composer ? (\n          <div className=\"ds:shrink-0 ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)] ds:bg-background\">\n            {composer}\n          </div>\n        ) : null}\n      </div>\n    );\n  },\n);\n\nChatContainer.displayName = 'ChatContainer';\n"],"names":["rootVariants","cva","scrollViewportVariants","VIRTUALIZATION_THRESHOLD","BOTTOM_SLACK_PX","ChatContainer","forwardRef","messages","composer","density","className","id","onAutoScrollChange","showScrollToLatest","rest","ref","t","useTranslation","viewportRef","useRef","sentinelRef","isAtBottom","setIsAtBottom","useState","prefersReducedMotion","usePrefersReducedMotion","scrollToBottom","useCallback","opts","el","smooth","useImperativeHandle","useEffect","root","sentinel","observer","entries","entry","messagesLength","useLayoutEffect","virtualized","virtualizer","useVirtualizer","i","_a","jsxs","jsx","vi","msg","m","FloatingActionButton","ChevronDown"],"mappings":"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"}

package/dist/_chunks/chat-container.agent-CM4WModE.js

@@ -1,27 +0,0 @@
-const e = {
-  id: "chat-container",
-  capabilities: ["navigate"],
-  state: {},
-  actions: {
-    scroll_to_bottom: {
-      safety: "read",
-      argsType: "{ smooth?: boolean }",
-      description: "Scroll the conversation viewport to the latest message.",
-      invoke: (t, o) => {
-        t.scrollToBottom(o);
-      }
-    }
-  },
-  domHooks: {
-    root: { attr: "data-component", value: "chat-container" },
-    instanceId: {
-      attr: "data-component-id",
-      sourceProp: "id",
-      description: "Sourced from the id prop."
-    }
-  }
-};
-export {
-  e as c
-};
-//# sourceMappingURL=chat-container.agent-CM4WModE.js.map

package/dist/_chunks/chat-container.agent-CM4WModE.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"chat-container.agent-CM4WModE.js","sources":["../../src/components/chat-container/chat-container.agent.ts"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\nimport type { ChatContainerHandle } from './chat-container';\n\nexport const chatContainerAgent: AgentAdapter<ChatContainerHandle> = {\n  id: 'chat-container',\n  capabilities: ['navigate'],\n  state: {},\n  actions: {\n    scroll_to_bottom: {\n      safety: 'read',\n      argsType: '{ smooth?: boolean }',\n      description: 'Scroll the conversation viewport to the latest message.',\n      invoke: (handle, args: { smooth?: boolean }) => {\n        handle.scrollToBottom(args);\n      },\n    },\n  },\n  domHooks: {\n    root: { attr: 'data-component', value: 'chat-container' },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n"],"names":["chatContainerAgent","handle","args"],"mappings":"AAGO,MAAMA,IAAwD;AAAA,EACnE,IAAI;AAAA,EACJ,cAAc,CAAC,UAAU;AAAA,EACzB,OAAO,CAAA;AAAA,EACP,SAAS;AAAA,IACP,kBAAkB;AAAA,MAChB,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,aAAa;AAAA,MACb,QAAQ,CAACC,GAAQC,MAA+B;AAC9C,QAAAD,EAAO,eAAeC,CAAI;AAAA,MAC5B;AAAA,IAAA;AAAA,EACF;AAAA,EAEF,UAAU;AAAA,IACR,MAAM,EAAE,MAAM,kBAAkB,OAAO,iBAAA;AAAA,IACvC,YAAY;AAAA,MACV,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,aAAa;AAAA,IAAA;AAAA,EACf;AAEJ;"}

package/dist/_chunks/chat-input-C_tMQv92.js

@@ -1,252 +0,0 @@
-import { jsxs as d, jsx as r, Fragment as ge } from "react/jsx-runtime";
-import { forwardRef as he, useId as ve, useRef as H, useCallback as K, useState as be, useLayoutEffect as ye, useImperativeHandle as xe } from "react";
-import { c as Ie } from "./index-D2ZczOXr.js";
-import { useTranslation as Ce } from "react-i18next";
-import { I as W } from "./icon-button-Wnnde5lc.js";
-import { c as Ne } from "./createLucideIcon-CrFbzy84.js";
-import { C as ke } from "./circle-alert-ChA9opNA.js";
-import { S as ze } from "./send-CySZIRPJ.js";
-/**
- * @license lucide-react v1.8.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const we = [
-  [
-    "path",
-    {
-      d: "m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551",
-      key: "1miecu"
-    }
-  ]
-], Fe = Ne("paperclip", we), He = Ie(
-  [
-    "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:w-full",
-    // Soft drop-shadow + transparent border replaces a flat
-    // `border-border` (grey-800 since the WCAG 1.4.11 bump). Border kept
-    // at 1px so the focus-within color override + forced-colors
-    // fallback still paint a visible edge.
-    "ds:rounded-[var(--radius-md)] ds:shadow-[var(--shadow-sm)] ds:border ds:border-transparent",
-    "ds:bg-background ds:focus-within:border-[color:var(--primary)]",
-    "ds:transition-[border-color] ds:duration-[var(--animation-duration)]",
-    "ds:motion-reduce:transition-none",
-    "ds:forced-colors:border-[CanvasText]"
-  ].join(" "),
-  {
-    variants: {
-      size: {
-        sm: "ds:text-[length:var(--font-size-sm)]",
-        md: "ds:text-[length:var(--font-size-base)]",
-        lg: "ds:text-[length:var(--font-size-lg)]"
-      }
-    },
-    defaultVariants: { size: "md" }
-  }
-);
-function Te(c, u) {
-  if (typeof Intl < "u" && typeof Intl.Segmenter == "function")
-    try {
-      const p = new Intl.Segmenter(u, { granularity: "grapheme" });
-      let t = 0;
-      for (const T of p.segment(c)) t += 1;
-      return t;
-    } catch {
-    }
-  return Array.from(c).length;
-}
-const Ve = he(
-  ({
-    size: c = "md",
-    value: u,
-    defaultValue: p,
-    maxLength: t,
-    submitOnEnter: T = !1,
-    minRows: y = 1,
-    maxRows: V = 8,
-    onSubmit: x,
-    onAttach: f,
-    accept: Y,
-    disabled: m,
-    toolbar: q,
-    label: j,
-    placeholder: G,
-    className: J,
-    onChange: I,
-    onKeyDown: C,
-    onCompositionStart: N,
-    onCompositionEnd: k,
-    id: B,
-    ...L
-  }, O) => {
-    const { t: i, i18n: Q } = Ce(), U = ve(), g = H(!1), E = H(null), z = H(null), X = K(
-      (e) => {
-        z.current = e;
-      },
-      []
-    ), a = u !== void 0, [Z, h] = be(
-      String(p ?? "")
-    ), s = a ? String(u) : Z, w = Te(s, Q.language), v = typeof t == "number" && t > 0, D = v ? Math.max(0, t - w) : 0, A = v && w > t * 0.9, o = v && w >= t, M = K(() => {
-      const e = z.current;
-      if (!e) return;
-      const n = window.getComputedStyle(e), b = parseFloat(n.lineHeight) || 24, de = parseFloat(n.paddingTop) || 0, ce = parseFloat(n.paddingBottom) || 0, ue = parseFloat(n.borderTopWidth) || 0, pe = parseFloat(n.borderBottomWidth) || 0, R = de + ce + ue + pe, fe = b * y + R, _ = b * V + R;
-      e.style.height = "auto";
-      const me = Math.max(fe, Math.min(e.scrollHeight, _));
-      e.style.height = `${me}px`, e.style.overflowY = e.scrollHeight > _ ? "auto" : "hidden";
-    }, [y, V]);
-    ye(() => {
-      M();
-    }, [M, s]);
-    const ee = (e) => {
-      a || h(e.target.value), !g.current && (I == null || I(e));
-    }, te = (e) => {
-      g.current = !0, N == null || N(e);
-    }, se = (e) => {
-      g.current = !1, k == null || k(e);
-    }, re = (e) => e.nativeEvent.isComposing || e.keyCode === 229 || g.current, F = () => {
-      !s.trim() || m || o || (x == null || x(s), a || h(""));
-    };
-    xe(
-      O,
-      () => ({
-        getValue: () => s,
-        isEmpty: () => !s.trim(),
-        setValue: (e) => {
-          a || h(e);
-        },
-        clear: () => {
-          a || h("");
-        },
-        submit: () => {
-          F();
-        },
-        focus: () => {
-          var e;
-          (e = z.current) == null || e.focus();
-        }
-      }),
-      // `submit` is a local closure that always sees the latest currentValue
-      // via React's render cycle — depend on currentValue + isControlled so
-      // the handle picks up new values across renders.
-      // eslint-disable-next-line react-hooks/exhaustive-deps
-      [s, a]
-    );
-    const ae = (e) => {
-      if (C == null || C(e), !e.defaultPrevented && !re(e) && e.key === "Enter") {
-        const n = e.metaKey || e.ctrlKey, b = T && !e.shiftKey;
-        (n || b) && (e.preventDefault(), F());
-      }
-    }, ne = () => {
-      var e;
-      (e = E.current) == null || e.click();
-    }, ie = (e) => {
-      e.target.files && e.target.files.length > 0 && (f == null || f(e.target.files)), e.target.value = "";
-    }, l = B ?? U, P = `${l}-label`, S = v ? `${l}-counter` : void 0, $ = `${l}-hint`, oe = G ?? i("chat.input.placeholder"), le = j ?? i("chat.prompt");
-    return /* @__PURE__ */ d("div", { "data-component": "chat-input", "data-component-id": B, className: He({ size: c, className: J }), children: [
-      /* @__PURE__ */ r("label", { id: P, htmlFor: l, className: j ? "type-label ds:ps-[var(--spacing-sm)] ds:pt-[var(--spacing-sm)]" : "ds:sr-only", children: le }),
-      /* @__PURE__ */ r(
-        "textarea",
-        {
-          ref: X,
-          id: l,
-          value: a ? s : void 0,
-          defaultValue: a ? void 0 : p,
-          disabled: m,
-          rows: y,
-          maxLength: t,
-          placeholder: oe,
-          "aria-labelledby": P,
-          "aria-describedby": [S, $].filter(Boolean).join(" ") || void 0,
-          "aria-invalid": o || void 0,
-          onChange: ee,
-          onKeyDown: ae,
-          onCompositionStart: te,
-          onCompositionEnd: se,
-          className: [
-            "ds:w-full ds:resize-none ds:bg-transparent",
-            "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-xs)]",
-            "ds:placeholder:text-[color:var(--muted-foreground)]",
-            "ds:leading-[var(--line-height-base)]",
-            "ds:disabled:opacity-50 ds:disabled:cursor-not-allowed",
-            // Tokenised focus ring on the textarea itself — the 1px border
-            // shift on the wrapper alone fails the 3px accessible-theme
-            // requirement. See a11y-critical-fixes.mdx.
-            "ds:outline-none",
-            "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
-            "ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
-            "ds:rounded-[var(--radius-sm)]",
-            "ds:forced-colors:focus-visible:outline-[CanvasText]"
-          ].join(" "),
-          ...L
-        }
-      ),
-      /* @__PURE__ */ d("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)] ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]", children: [
-        f ? /* @__PURE__ */ d(ge, { children: [
-          /* @__PURE__ */ r(
-            "input",
-            {
-              ref: E,
-              type: "file",
-              className: "ds:sr-only",
-              multiple: !0,
-              accept: Y,
-              onChange: ie
-            }
-          ),
-          /* @__PURE__ */ r(
-            W,
-            {
-              icon: /* @__PURE__ */ r(Fe, {}),
-              "aria-label": i("chat.input.attach"),
-              intent: "ghost",
-              size: "sm",
-              onClick: ne,
-              disabled: m
-            }
-          )
-        ] }) : null,
-        q,
-        /* @__PURE__ */ d("div", { className: "ds:ms-auto ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
-          A ? /* @__PURE__ */ d(
-            "span",
-            {
-              id: S,
-              "aria-live": "polite",
-              className: [
-                "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]",
-                "type-meta ds:tabular-nums",
-                o ? "ds:text-[color:var(--destructive)]" : "ds:text-[color:var(--muted-foreground)]"
-              ].join(" "),
-              children: [
-                o ? (
-                  // Icon pairs with --destructive colour so the at-limit
-                  // state is not conveyed by hue alone (WCAG 1.4.1).
-                  /* @__PURE__ */ r(ke, { "aria-hidden": "true", className: "ds:size-3.5" })
-                ) : null,
-                i("chat.input.remaining", { count: D })
-              ]
-            }
-          ) : null,
-          /* @__PURE__ */ r("span", { id: $, className: "ds:sr-only", children: i("chat.input.sendHint") }),
-          /* @__PURE__ */ r(
-            W,
-            {
-              icon: /* @__PURE__ */ r(ze, {}),
-              "aria-label": i("chat.send"),
-              intent: "primary",
-              size: "sm",
-              disabled: m || !s.trim() || o,
-              onClick: F,
-              "aria-keyshortcuts": "Meta+Enter Control+Enter"
-            }
-          )
-        ] })
-      ] })
-    ] });
-  }
-);
-Ve.displayName = "ChatInput";
-export {
-  Ve as C
-};
-//# sourceMappingURL=chat-input-C_tMQv92.js.map