@alfadocs/ui-kit-debug 1.3.13 → 1.4.0

package/dist/_chunks/sparkline-BTY4B5tv.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sparkline-BTY4B5tv.js","sources":["../../src/components/sparkline/use-linear-trend.ts","../../src/components/sparkline/sparkline.agent.ts","../../src/components/sparkline/sparkline.tsx"],"sourcesContent":["export type TrendDirection = 'increasing' | 'decreasing' | 'steady';\n\nexport interface LinearTrendResult {\n  slope: number;\n  direction: TrendDirection;\n}\n\nexport function useLinearTrend(data: number[]): LinearTrendResult {\n  if (data.length < 2) {\n    return { slope: 0, direction: 'steady' };\n  }\n\n  const n = data.length;\n  const xMean = (n - 1) / 2;\n  const yMean = data.reduce((sum, y) => sum + y, 0) / n;\n\n  let numerator = 0;\n  let denominator = 0;\n\n  for (let i = 0; i < n; i++) {\n    const dx = i - xMean;\n    numerator += dx * (data[i] - yMean);\n    denominator += dx * dx;\n  }\n\n  const slope = denominator === 0 ? 0 : numerator / denominator;\n  const range = Math.max(...data) - Math.min(...data);\n  const threshold = 0.01 * (range || 1);\n\n  const direction: TrendDirection =\n    Math.abs(slope) < threshold\n      ? 'steady'\n      : slope > 0\n        ? 'increasing'\n        : 'decreasing';\n\n  return { slope, direction };\n}\n","import type { AgentAdapter } from '../../agent/types';\nimport type { SparklineHandle } from './sparkline';\n\nexport const sparklineAgent: AgentAdapter<SparklineHandle> = {\n  id: 'sparkline',\n  capabilities: [],\n  state: {},\n  actions: {\n    update_series: {\n      // Replacing the rendered series mutates what the chart displays — write,\n      // not read.\n      safety: 'write',\n      argsType: '{ data: number[] }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          data: {\n            type: 'array',\n            items: { type: 'number' },\n            description: 'The new data points to render.',\n          },\n        },\n        required: ['data'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.sparkline.actions.updateSeries',\n      description: 'Replace the sparkline data without remounting.',\n      invoke: (handle, args: { data: number[] }) => {\n        handle.updateSeries(args.data);\n      },\n    },\n    export_png: {\n      // Pure getter — returns an image of the current chart, no state change.\n      safety: 'read',\n      returns: 'string',\n      returnsSchema: {\n        type: 'string',\n        description: 'A PNG image of the sparkline encoded as a data URI.',\n      },\n      descriptionKey: 'ui.agent.sparkline.actions.exportPng',\n      description: 'Return a PNG data URI of the sparkline.',\n      invoke: (handle) => handle.dataURI(),\n    },\n    select_annotation: {\n      // Routes the host somewhere — the same thing a pointer press on the\n      // annotation's band does. Nothing in the chart changes, but the host's\n      // surface does, so it is not a read.\n      safety: 'write',\n      argsType: '{ annotationId: string }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          annotationId: {\n            type: 'string',\n            description:\n              \"The annotation's id, as carried by data-annotation-hit-id on the pressable band. The decorative drawn marker carries the same value as data-annotation-id, but is not selectable.\",\n          },\n        },\n        required: ['annotationId'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.sparkline.actions.selectAnnotation',\n      description:\n        'Select a drawn annotation, as pressing its band would. No-op unless the host wired onAnnotationSelect and the id names an annotation that is currently drawn.',\n      invoke: (handle, args: { annotationId: string }) => {\n        handle.selectAnnotation(args.annotationId);\n      },\n    },\n  },\n  domHooks: {\n    root: { attr: 'data-component', value: 'sparkline' },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useEffect,\n  useId,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  type HTMLAttributes,\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 { useNeutraliseHiddenFocus } from '../_shared/use-neutralize-hidden-focus';\nimport { markerPath, type MarkerShape } from '../annotation-marker';\nimport { useLinearTrend } from './use-linear-trend';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { sparklineAgent } from './sparkline.agent';\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                  */\n/* ------------------------------------------------------------------ */\n\nconst sparklineVariants = cva('ds:relative ds:inline-block ds:w-full', {\n  variants: {\n    size: {\n      xs: 'ds:h-6',\n      sm: 'ds:h-8',\n      md: 'ds:h-10',\n      // Applied when an explicit `height` prop is given: the wrapper\n      // grows with the svg instead of clipping at the size's fixed height.\n      auto: '',\n    },\n  },\n  defaultVariants: { size: 'md' },\n});\n\n/* Tone only TINTS the annotation — the shape is what distinguishes one\n * event from another (WCAG 1.4.1), matching AnnotationMarker's vocabulary. */\nconst annotationVariants = cva('', {\n  variants: {\n    tone: {\n      neutral: 'ds:[--annotation-color:var(--muted-foreground)]',\n      info: 'ds:[--annotation-color:var(--info)]',\n      success: 'ds:[--annotation-color:var(--success)]',\n      /* `--warning-readable`, not `--warning`: a 1.5px dashed line is a\n       * non-text graphic (WCAG 1.4.11, 3:1), and yellow-500 is ~1.6:1 on a\n       * light card. The token aliases back to `--warning` in dark. */\n      warning: 'ds:[--annotation-color:var(--warning-readable)]',\n      error: 'ds:[--annotation-color:var(--destructive)]',\n      accent: 'ds:[--annotation-color:var(--accent)]',\n    },\n  },\n  defaultVariants: { tone: 'neutral' },\n});\n\n/* A 24–40px sparkline cannot hold a 44px target, so the POINTER layer alone is\n * bled outward to reach it. The drawn layer is a separate div at `inset-y-0`;\n * nothing rendered moves.\n *\n * BOTH axes follow `--min-target-size`: the vertical bleed via the calc\n * variants below, and the JS band width by measuring the resolved token off\n * the wrapper (fallback 44). Under `.theme-accessible` (48px) the band\n * widens on both axes. `auto` (an explicit `height`) cannot be computed here\n * at all and inherits whatever the host set. */\nconst annotationHitVariants = cva(\n  'ds:pointer-events-none ds:absolute ds:inset-x-[2px]',\n  {\n    variants: {\n      // Bleed to the target-size token, not a literal: (token − drawn)/−2 per\n      // size, so `.theme-accessible` (48px) widens the band automatically —\n      // the same calc idiom IconButton uses for its hit-area expansion.\n      size: {\n        xs: 'ds:inset-y-[calc((var(--min-target-size)-24px)/-2)]',\n        sm: 'ds:inset-y-[calc((var(--min-target-size)-32px)/-2)]',\n        md: 'ds:inset-y-[calc((var(--min-target-size)-40px)/-2)]',\n        auto: 'ds:inset-y-0',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* Constants                                                            */\n/* ------------------------------------------------------------------ */\n\nconst DIRECTION_ARROW = {\n  increasing: '↑',\n  decreasing: '↓',\n  steady: '→',\n} as const;\n\nconst SIZE_HEIGHT: Record<'xs' | 'sm' | 'md', number> = {\n  xs: 24,\n  sm: 32,\n  md: 40,\n};\n\n/** ApexCharts grid padding, in px. The plotted extent is the wrapper inset by\n * this on each edge, so the annotation overlay has to use the same number to\n * land its first/last position on the first/last data point. */\nconst PLOT_EDGE_PADDING = 2;\n\n/** Radius of an annotation's shape cap, in svg user units (= px here). Sized\n * against the SMALLEST sparkline it has to sit on (`xs`, 24px): a 5px cap is\n * ~a fifth of that height, still shape-legible, and no longer competes with\n * the series it annotates. */\nconst ANNOTATION_CAP_RADIUS = 2.5;\n\n/** FALLBACK pointer-band width, in px — the light/dark `--min-target-size`.\n * The live value is measured off the wrapper so `.theme-accessible` (48px)\n * widens the band; this constant only covers the tick before the first\n * measurement and non-browser environments. Wider than the token is never\n * allowed — a sparse set of annotations would turn the whole trend into a\n * click target. */\nconst ANNOTATION_HIT_WIDTH = 44;\n\ninterface AnnotationHitBand {\n  annotation: SparklineAnnotation;\n  x: number;\n  width: number;\n}\n\n/**\n * The pointer bands for a set of annotations across a plot `plotWidth` px wide.\n * Pure — the geometry is the only part needing a measured width, and keeping it\n * out of the render is what makes it testable.\n *\n * Each annotation owns the strip from the midpoint of the gap behind it to the\n * midpoint of the gap ahead, clamped to the plot. Its band is 44px inside that\n * strip, centred on its line and slid inward where the strip's edge would cut\n * it — so a line on the first data point still gets a full band, and no band\n * reaches past the plot onto whatever sits beside the sparkline. Annotations\n * closer than 44px each keep half the gap: a press must mean exactly one.\n */\nfunction annotationHitBands(\n  annotations: readonly SparklineAnnotation[],\n  plotWidth: number,\n  hitWidth: number = ANNOTATION_HIT_WIDTH,\n): AnnotationHitBand[] {\n  const centred = annotations\n    .map((annotation) => ({\n      annotation,\n      centre: clampFraction(annotation.position) * plotWidth,\n    }))\n    .sort((a, b) => a.centre - b.centre);\n\n  return centred.map((entry, index) => {\n    const before = centred[index - 1];\n    const after = centred[index + 1];\n    const from = before ? (before.centre + entry.centre) / 2 : 0;\n    const to = after ? (entry.centre + after.centre) / 2 : plotWidth;\n    const lower = Math.max(0, from);\n    const upper = Math.min(plotWidth, to);\n    const width = Math.min(hitWidth, Math.max(0, upper - lower));\n    const x = Math.min(\n      Math.max(entry.centre - width / 2, lower),\n      upper - width,\n    );\n    return { annotation: entry.annotation, x, width };\n  });\n}\n\nfunction clampFraction(value: number): number {\n  if (!Number.isFinite(value)) return 0;\n  return Math.min(1, Math.max(0, value));\n}\n\n/** The measurements in a series, gaps dropped. A `null` is an unmeasured\n * position, not a zero — it must not reach the min/max/trend maths. */\nfunction measured(data: readonly (number | null)[]): number[] {\n  return data.filter((value): value is number => value != null);\n}\n\nfunction prefersReducedMotion(): boolean {\n  return (\n    typeof window !== 'undefined' &&\n    window.matchMedia('(prefers-reduced-motion: reduce)').matches\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* Public types                                                         */\n/* ------------------------------------------------------------------ */\n\nexport interface SparklineHandle {\n  updateSeries: (data: (number | null)[]) => void;\n  updateOptions: (opts: ApexCharts.ApexOptions) => void;\n  dataURI: () => Promise<string>;\n  /** Fire the host's annotation handler for `id`, as a pointer press on that\n   * annotation's band would. No-op when the sparkline is not selectable, or\n   * when `id` names no currently drawn annotation. */\n  selectAnnotation: (id: string) => void;\n}\n\n/** Semantic tint for an annotation. Decorative reinforcement of `shape` —\n * never the only channel carrying which event this is. */\nexport type SparklineAnnotationTone =\n  | 'neutral'\n  | 'info'\n  | 'success'\n  | 'warning'\n  | 'error'\n  | 'accent';\n\n/**\n * A vertical reference line dropped across the plot — the release-annotation\n * pattern: \"something happened here, look at what the line does around it\".\n *\n * `position` is a FRACTION of the plotted x extent, not an index: `0` is the\n * first data point, `1` the last, `0.5` exactly halfway between them. That is\n * what lets an event that falls BETWEEN two points be placed at all, and what\n * lets the same event land at the same x in a column of stacked sparklines —\n * the caller derives the fraction once, from a domain the whole column shares,\n * rather than per-series from a point count that differs row to row.\n */\nexport interface SparklineAnnotation {\n  /** Stable key — also emitted as `data-annotation-id` for test/agent hooks. */\n  id: string;\n  /** Fraction of the plotted x extent: 0 = first point, 1 = last. Clamped. */\n  position: number;\n  /** Accessible label, already localised by the caller. Folded into the\n   * sparkline's own `aria-label` — the line itself says nothing aloud. */\n  label: string;\n  /** Shape of the cap drawn at the top of the line. The accessible channel. */\n  shape?: MarkerShape;\n  tone?: SparklineAnnotationTone;\n}\n\nexport interface SparklineProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, 'role' | 'children'>,\n    VariantProps<typeof sparklineVariants> {\n  /** Data points in plot order. `null` is an unmeasured position — it holds\n   * the point's place on the x extent and draws a gap, so a series measured\n   * at some positions and not others stays aligned with one that was measured\n   * at all of them. */\n  data: (number | null)[];\n  /** Chart visual style */\n  variant?: 'line' | 'bar' | 'area';\n  /** Size preset */\n  size?: 'xs' | 'sm' | 'md';\n  /** Accessible label prefix, e.g. \"Revenue, 30 days\" */\n  label?: string;\n  /** Stroke / bar colour override — defaults to var(--primary) via bridge */\n  color?: string;\n  /** Show end-point dot with trend direction arrow */\n  showEndpoint?: boolean;\n  /**\n   * Show Apex's hover tooltip with the data point value. Defaults to\n   * `false` — sparklines are intentionally minimal — opt in when the\n   * sparkline is large enough to be a primary metric surface (e.g.\n   * dashboard widgets) and the user benefits from per-point readout.\n   */\n  showTooltip?: boolean;\n  /** Width override — defaults to 100% of container */\n  width?: string | number;\n  /** Height override — defaults to the size variant height */\n  height?: string | number;\n  /** Vertical reference lines dropped across the plot. Omitted = none, so\n   * every existing consumer is unaffected. */\n  annotations?: readonly SparklineAnnotation[];\n  /**\n   * Make the drawn annotations POINTER-selectable — a press anywhere in an\n   * annotation's 44px band calls this with its `id`. Omitted (the default, and\n   * what every consumer before 1.1.0 gets) leaves them decorative, which is\n   * what a dashboard sparkline wants: a trend thumbnail should not be a click\n   * target.\n   *\n   * NOT a keyboard route, and deliberately so. The sparkline is `role=\"img\"`,\n   * whose descendants are not exposed to assistive technology at all, so a\n   * focusable control drawn inside it would be a tab stop with no accessible\n   * name. The host MUST therefore already offer a keyboard control that does\n   * the same thing for the same annotation (WCAG 2.1.1) — this is a pointer\n   * shortcut to that control, never the only way in.\n   *\n   * The band is delivered by the `size` variants only, and follows\n   * `--min-target-size` on both axes (48px under `.theme-accessible`). Pass\n   * an explicit `height` and the pointer layer falls back to the drawn\n   * height, so `height={20}` yields a 20px-tall target — below even WCAG\n   * 2.5.8.\n   */\n  onAnnotationSelect?: (annotationId: string) => void;\n}\n\n/* ------------------------------------------------------------------ */\n/* Sparkline component                                                  */\n/* ------------------------------------------------------------------ */\n\nexport const Sparkline = forwardRef<SparklineHandle, SparklineProps>(\n  (\n    {\n      id,\n      data,\n      variant = 'line',\n      size = 'md',\n      label,\n      color,\n      showEndpoint = false,\n      showTooltip = false,\n      width,\n      height,\n      annotations,\n      onAnnotationSelect,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n    const rawId = useId();\n    const chartId = useMemo(\n      () => `sparkline-${rawId.replace(/[^a-zA-Z0-9-_]/g, '')}`,\n      [rawId],\n    );\n    const wrapperRef = useRef<HTMLDivElement>(null);\n    const [containerWidth, setContainerWidth] = useState(0);\n    const [hitWidth, setHitWidth] = useState(ANNOTATION_HIT_WIDTH);\n\n    // Gaps are positions, not values: they hold the point's place on the x\n    // extent but never reach the trend, the min/max, or the endpoint dot.\n    const points = useMemo(() => measured(data), [data]);\n    const { direction } = useLinearTrend(points);\n\n    /* ---- accessible summary ---------------------------------------- */\n    const ariaLabel = useMemo(() => {\n      // The annotations are the only thing a vertical line in an SVG can say\n      // aloud, so they ride the summary in every branch — including \"no data\",\n      // where the marked events are all there is left to report.\n      const marks =\n        annotations && annotations.length > 0\n          ? t('sparkline.annotations', {\n              list: annotations.map((a) => a.label).join(', '),\n            })\n          : '';\n      const withMarks = (summary: string) =>\n        marks ? `${summary}. ${marks}` : summary;\n\n      if (points.length === 0) {\n        return withMarks(t('sparkline.noData', 'No data'));\n      }\n      const fmt = (n: number) => new Intl.NumberFormat(i18n.language).format(n);\n      const dirText = t(`sparkline.direction.${direction}`);\n      const nums = {\n        min: fmt(Math.min(...points)),\n        max: fmt(Math.max(...points)),\n        current: fmt(points[points.length - 1]),\n        direction: dirText,\n      };\n      if (label) {\n        return withMarks(t('sparkline.summary', { label, ...nums }));\n      }\n      return withMarks(t('sparkline.summaryNoLabel', nums));\n    }, [points, annotations, label, direction, i18n.language, t]);\n\n    /* ---- theme-reactive state -------------------------------------- */\n    const [themeOptions, setThemeOptions] = useState<ApexCharts.ApexOptions>(\n      () => {\n        try {\n          return getApexChartsTheme();\n        } catch {\n          return {};\n        }\n      },\n    );\n\n    /* ---- MutationObserver: re-read theme on class change ----------- */\n    useEffect(() => {\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) return;\n      const measureTarget = () => {\n        // The resolved token off the wrapper: theme classes live above the\n        // component, so the cascade answers for whichever theme applies.\n        const raw = getComputedStyle(el).getPropertyValue('--min-target-size');\n        const parsed = Number.parseFloat(raw);\n        if (Number.isFinite(parsed) && parsed > 0) setHitWidth(parsed);\n      };\n      measureTarget();\n      const ro = new ResizeObserver((entries) => {\n        const entry = entries[0];\n        if (entry) setContainerWidth(Math.floor(entry.contentRect.width));\n        measureTarget();\n      });\n      ro.observe(el);\n      return () => ro.disconnect();\n    }, []);\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. Shared hook — same fix in       */\n    /* `Chart` (full apex) and the calendar's mirror events.            */\n    useNeutraliseHiddenFocus(wrapperRef);\n\n    /* ---- imperative handle ---------------------------------------- */\n    // Through a ref so the handle keeps one identity across a host that\n    // re-creates the callback on every render — the agent registry keys on it.\n    const selectRef = useRef(onAnnotationSelect);\n    useEffect(() => {\n      selectRef.current = onAnnotationSelect;\n    }, [onAnnotationSelect]);\n    // Assigned during render, not in an effect: an agent may call before the\n    // next commit, and routing the host to an annotation that is not drawn\n    // opens a panel addressed to nothing.\n    const drawnRef = useRef(annotations);\n    drawnRef.current = annotations;\n\n    const agentHandle = useMemo<SparklineHandle>(\n      () => ({\n        updateSeries(newData: (number | null)[]) {\n          ApexCharts.getChartByID(chartId)?.updateSeries([{ data: newData }]);\n        },\n        updateOptions(opts: ApexCharts.ApexOptions) {\n          ApexCharts.getChartByID(chartId)?.updateOptions(opts);\n        },\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        selectAnnotation(annotationId: string) {\n          const drawn = drawnRef.current?.some((a) => a.id === annotationId);\n          if (!drawn) return;\n          selectRef.current?.(annotationId);\n        },\n      }),\n      [chartId],\n    );\n    useImperativeHandle(ref, () => agentHandle, [agentHandle]);\n    useAgentRegistration(sparklineAgent, agentHandle, id);\n\n    /* ---- resolve color -------------------------------------------- */\n    const resolvedColor = color ?? themeOptions.colors?.[0] ?? 'currentColor';\n\n    /* ---- empty state ---------------------------------------------- */\n    if (points.length === 0) {\n      return (\n        <div\n          ref={wrapperRef}\n          role=\"img\"\n          aria-label={ariaLabel}\n          dir=\"ltr\"\n          className={sparklineVariants({\n            size: height !== undefined ? 'auto' : size,\n            className,\n          })}\n          data-component=\"sparkline\"\n          data-component-id={id}\n          {...props}\n        />\n      );\n    }\n\n    /* ---- chart config ---------------------------------------------- */\n    const reducedMotion = prefersReducedMotion();\n\n    // A gapped series is plotted as {x, y} pairs on a NUMERIC axis pinned to\n    // the full slot count, not as an array with holes in it: ApexCharts draws\n    // a line only between consecutive non-null points, so a lab measured at\n    // slots 0, 4 and 8 would render as three isolated points and no trend at\n    // all. Pairs keep each measurement at its own slot, connect across the\n    // gap, and leave the extent — and so every annotation — unchanged.\n    // Gapless data keeps the plain-array form, so every existing consumer\n    // renders byte-identically.\n    const gapped = data.length > points.length;\n    const seriesData = gapped\n      ? data.flatMap((y, x) => (y == null ? [] : [{ x, y }]))\n      : points;\n\n    const chartOptions: ApexCharts.ApexOptions = {\n      ...themeOptions,\n      chart: {\n        ...themeOptions.chart,\n        id: chartId,\n        type: variant,\n        sparkline: { enabled: true },\n        toolbar: { show: false },\n        animations: {\n          enabled: !reducedMotion,\n          // A gapped series is re-rendered as {x, y} pairs, and Apex's\n          // update tween interpolates between the old and new paths point by\n          // point. Across a width change the two have different lengths and\n          // the tween emits `d=\"… NaN …\"` for a few frames. The finished\n          // render is correct either way; switching the tween off keeps the\n          // console clean.\n          dynamicAnimation: { enabled: !reducedMotion && !gapped },\n        },\n        zoom: { enabled: false },\n        parentHeightOffset: 0,\n      },\n      colors: [resolvedColor],\n      stroke: {\n        curve: 'smooth',\n        width: variant === 'bar' ? 0 : 2,\n      },\n      fill: {\n        opacity: variant === 'area' ? 0.15 : 1,\n      },\n      xaxis: {\n        crosshairs: { show: false },\n        // Pin the extent to the slot count so a gap at either end still holds\n        // its place — otherwise the plot would rescale to the measurements\n        // and the annotation fractions would no longer mean the same thing.\n        ...(gapped\n          ? { type: 'numeric' as const, min: 0, max: data.length - 1 }\n          : {}),\n      },\n      tooltip: { enabled: showTooltip },\n      markers: showEndpoint\n        ? {\n            size: [0],\n            discrete: [\n              {\n                // An index into the SERIES, whose holes have already been\n                // removed — so this is the last MEASURED point, never a slot\n                // the parameter was not measured at.\n                seriesIndex: 0,\n                dataPointIndex: seriesData.length - 1,\n                fillColor: resolvedColor,\n                strokeColor: resolvedColor,\n                size: 4,\n              },\n            ],\n          }\n        : { size: 0 },\n      grid: {\n        ...themeOptions.grid,\n        show: false,\n        // ApexCharts grid.padding uses physical keys (not CSS logical properties).\n        // The chart wrapper enforces dir=\"ltr\" so these always resolve correctly.\n        padding: {\n          top: PLOT_EDGE_PADDING,\n          right: PLOT_EDGE_PADDING,\n          bottom: PLOT_EDGE_PADDING,\n          left: PLOT_EDGE_PADDING,\n        },\n      },\n    };\n\n    const resolvedWidth =\n      width ?? (containerWidth > 0 ? containerWidth : '100%');\n    const resolvedHeight = height ?? SIZE_HEIGHT[size ?? 'md'];\n\n    // Positioned as a percentage of the overlay's own box rather than from a\n    // measured width: the overlay is inset to the plot area, so a fraction is\n    // exact at any size and cannot lag or disagree with the plot.\n    const drawnAnnotations = annotations?.length ? annotations : undefined;\n\n    // The plot box in px — the overlay is the wrapper inset by the grid padding\n    // on each edge. Nothing is measured before the first ResizeObserver tick,\n    // and a band with no width lies about where it is: no width, no bands.\n    const plotWidth = containerWidth - PLOT_EDGE_PADDING * 2;\n    const hitBands =\n      onAnnotationSelect && drawnAnnotations && plotWidth > 0\n        ? annotationHitBands(drawnAnnotations, plotWidth, hitWidth)\n        : undefined;\n\n    return (\n      <div\n        ref={wrapperRef}\n        role=\"img\"\n        aria-label={ariaLabel}\n        dir=\"ltr\"\n        className={sparklineVariants({\n          size: height !== undefined ? 'auto' : size,\n          className,\n        })}\n        data-component=\"sparkline\"\n        data-component-id={id}\n        {...props}\n      >\n        <ReactApexChart\n          type={variant}\n          series={[{ data: seriesData }]}\n          options={chartOptions}\n          width={resolvedWidth}\n          height={resolvedHeight}\n          aria-hidden=\"true\"\n        />\n        {drawnAnnotations && (\n          /* Drawn over the plot rather than through ApexCharts' own xaxis\n             annotations: a fraction of the measured extent is the one\n             positioning rule that survives series of different lengths, which\n             is what makes a column of sparklines share an x. */\n          /* The inset lives on a div: an <svg> is a replaced element, so\n             left+right do not size it and it would fall back to its intrinsic\n             300px. The div is the plot box; the svg fills it. The 2px MUST\n             equal PLOT_EDGE_PADDING — Tailwind needs a static literal, so the\n             two cannot share one source; change them together or the first and\n             last annotation drift off the first and last data point. */\n          <div className=\"ds:pointer-events-none ds:absolute ds:inset-y-0 ds:inset-x-[2px]\">\n            <svg\n              aria-hidden=\"true\"\n              focusable=\"false\"\n              data-testid=\"sparkline-annotations\"\n              className=\"ds:size-full\"\n            >\n              {drawnAnnotations.map((annotation) => {\n                const fraction = clampFraction(annotation.position);\n                return (\n                  /* A nested viewport placed at a percentage of the plot: the\n                   one positioning rule that needs no measurement, so a column\n                   of sparklines shares an x whatever their widths. */\n                  <svg\n                    key={annotation.id}\n                    x={`${fraction * 100}%`}\n                    y=\"0\"\n                    width=\"1\"\n                    height=\"100%\"\n                    overflow=\"visible\"\n                    data-annotation-id={annotation.id}\n                    data-annotation-position={fraction}\n                    className={annotationVariants({ tone: annotation.tone })}\n                  >\n                    <line\n                      x1={0}\n                      x2={0}\n                      y1={0}\n                      y2=\"100%\"\n                      /* 1px, more gap than dash: the line marks WHERE, the\n                         series is what is read, and at 1.5px the annotation\n                         was the louder of the two. */\n                      className=\"ds:[stroke:var(--annotation-color)] ds:[stroke-dasharray:2_3] ds:[stroke-width:1]\"\n                    />\n                    <path\n                      d={markerPath(\n                        annotation.shape ?? 'diamond',\n                        0,\n                        ANNOTATION_CAP_RADIUS,\n                        ANNOTATION_CAP_RADIUS,\n                      )}\n                      className=\"ds:[fill:var(--annotation-color)]\"\n                    />\n                  </svg>\n                );\n              })}\n            </svg>\n          </div>\n        )}\n        {hitBands && onAnnotationSelect && (\n          /* Sized in px, not percentages: the target size is a measurement,\n             not a fraction of a box the reader can resize.\n             `pointer-events-none` holds all the way down to the bands, so the\n             only live pixels are the token-width each annotation owns. */\n          <div\n            className={annotationHitVariants({\n              size: height !== undefined ? 'auto' : size,\n            })}\n          >\n            <svg\n              aria-hidden=\"true\"\n              focusable=\"false\"\n              data-testid=\"sparkline-annotation-hits\"\n              className=\"ds:size-full\"\n            >\n              {hitBands.map(({ annotation, x, width }) => (\n                <g\n                  key={annotation.id}\n                  data-annotation-hit-id={annotation.id}\n                  onClick={() => onAnnotationSelect(annotation.id)}\n                  className={`ds:group ds:pointer-events-auto ds:cursor-pointer ${annotationVariants(\n                    { tone: annotation.tone },\n                  )}`}\n                >\n                  {/* A native tooltip for the pointer that can act on it. The\n                      same labels already ride the wrapper's aria-label, and\n                      this svg is aria-hidden, so nothing is said twice. */}\n                  <title>\n                    {t('sparkline.annotationAction', {\n                      label: annotation.label,\n                    })}\n                  </title>\n                  {/* Target and hover affordance in one rect: it tints on\n                      hover so the reader sees which event the press means.\n                      Opacity does not affect hit-testing. */}\n                  <rect\n                    x={x}\n                    y={0}\n                    width={width}\n                    height=\"100%\"\n                    className=\"ds:[fill:var(--annotation-color)] ds:opacity-0 ds:transition-opacity ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none ds:group-hover:opacity-20\"\n                  />\n                </g>\n              ))}\n            </svg>\n          </div>\n        )}\n        {showEndpoint && (\n          <span\n            aria-hidden=\"true\"\n            className=\"ds:pointer-events-none ds:absolute ds:end-0 ds:top-0 ds:text-[length:var(--font-size-xs)] ds:leading-none\"\n          >\n            {DIRECTION_ARROW[direction]}\n          </span>\n        )}\n      </div>\n    );\n  },\n);\n\nSparkline.displayName = 'Sparkline';\n"],"names":["useLinearTrend","data","n","xMean","yMean","sum","y","numerator","denominator","i","dx","slope","threshold","direction","sparklineAgent","handle","args","sparklineVariants","cva","annotationVariants","annotationHitVariants","DIRECTION_ARROW","SIZE_HEIGHT","PLOT_EDGE_PADDING","ANNOTATION_CAP_RADIUS","ANNOTATION_HIT_WIDTH","annotationHitBands","annotations","plotWidth","hitWidth","centred","annotation","clampFraction","a","b","entry","index","before","after","from","to","lower","upper","width","x","value","measured","prefersReducedMotion","Sparkline","forwardRef","id","variant","size","label","color","showEndpoint","showTooltip","height","onAnnotationSelect","className","props","ref","t","i18n","useTranslation","rawId","useId","chartId","useMemo","wrapperRef","useRef","containerWidth","setContainerWidth","useState","setHitWidth","points","ariaLabel","marks","withMarks","summary","fmt","dirText","nums","themeOptions","setThemeOptions","getApexChartsTheme","useEffect","timer","observer","el","measureTarget","raw","parsed","ro","entries","useNeutraliseHiddenFocus","selectRef","drawnRef","agentHandle","newData","_a","ApexCharts","opts","instance","annotationId","_b","useImperativeHandle","useAgentRegistration","resolvedColor","jsx","reducedMotion","gapped","seriesData","chartOptions","resolvedWidth","resolvedHeight","drawnAnnotations","hitBands","jsxs","ReactApexChart","fraction","markerPath"],"mappings":"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"}

package/dist/_chunks/subDays-BcNi04uf.js

@@ -1,8 +0,0 @@
-import { a as o } from "./date-picker-variants-eL6HjWvw.js";
-function n(a, s, r) {
-  return o(a, -s, r);
-}
-export {
-  n as s
-};
-//# sourceMappingURL=subDays-BcNi04uf.js.map

package/dist/_chunks/tab-bar-Axhk6xzx.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tab-bar-Axhk6xzx.js","sources":["../../src/hooks/use-scroll-overflow.ts","../../src/components/tab-bar/tab-bar.tsx"],"sourcesContent":["import { useCallback, useRef, useState, type RefObject } from 'react';\nimport { useIsomorphicLayoutEffect } from './use-isomorphic-layout-effect';\n\nexport interface UseScrollOverflowReturn<T extends HTMLElement> {\n  /** Attach to the horizontally-scrollable element (the `overflow-x-auto` box). */\n  ref: RefObject<T | null>;\n  /** Content is hidden past the inline-START edge (scrolled away from the start). */\n  canScrollStart: boolean;\n  /** Content is hidden past the inline-END edge (more to reveal toward the end). */\n  canScrollEnd: boolean;\n  /**\n   * Scroll by ~one viewport toward the inline start (`-1`) or end (`+1`),\n   * smoothly unless the user prefers reduced motion. Direction-agnostic: works\n   * in both LTR and RTL.\n   */\n  scrollByPage: (direction: -1 | 1) => void;\n}\n\n/**\n * Reports whether a horizontally-scrollable element has hidden content at its\n * inline-start / inline-end edges, and exposes a paged scroll action — the\n * plumbing behind a scroll strip's edge affordances (fade + chevron buttons).\n *\n * Direction-agnostic: distance-from-start is read as `Math.abs(scrollLeft)`,\n * which is correct in both LTR (`0…max`) and modern RTL (`0…-max`), so the two\n * edges are reported on the right logical side without branching. `scrollByPage`\n * flips its physical sign from the element's computed `direction`.\n *\n * Re-measures on element resize AND on content-size change (a tab added past the\n * fold widens the content without changing the container) by observing both the\n * scroll box and its first child. `enabled` switches measurement off — e.g. when\n * the host collapses the strip into a menu and there is nothing to scroll.\n *\n * Because the scrolled content stays in the DOM and is reachable by keyboard\n * (focus scrolls it into view), the affordance this drives is a sighted-pointer\n * convenience; assistive tech is unaffected.\n */\nexport function useScrollOverflow<T extends HTMLElement>(\n  enabled = true,\n): UseScrollOverflowReturn<T> {\n  const ref = useRef<T>(null);\n  const [edges, setEdges] = useState({ start: false, end: false });\n\n  useIsomorphicLayoutEffect(() => {\n    const el = ref.current;\n    if (!el || !enabled) {\n      setEdges((prev) =>\n        prev.start || prev.end ? { start: false, end: false } : prev,\n      );\n      return;\n    }\n    const measure = () => {\n      // Math.abs() makes this direction-agnostic: modern RTL reports scrollLeft\n      // as 0 at the start and negative toward the end, so |scrollLeft| is the\n      // distance scrolled from the start in both writing directions.\n      const distanceFromStart = Math.abs(el.scrollLeft);\n      const maxScroll = el.scrollWidth - el.clientWidth;\n      // +1 tolerates sub-pixel rounding between scroll/client widths.\n      const start = distanceFromStart > 1;\n      const end = maxScroll - distanceFromStart > 1;\n      // Bail to the same reference when nothing changed, so neither the initial\n      // no-overflow measure nor an idle scroll event triggers a re-render.\n      setEdges((prev) =>\n        prev.start === start && prev.end === end ? prev : { start, end },\n      );\n    };\n    measure();\n    el.addEventListener('scroll', measure, { passive: true });\n    let observer: ResizeObserver | undefined;\n    if (typeof ResizeObserver !== 'undefined') {\n      observer = new ResizeObserver(measure);\n      // The container catches viewport-width changes; its first child (the\n      // content row) catches a tab added/removed past the fold, which grows the\n      // scroll width without resizing the container.\n      observer.observe(el);\n      if (el.firstElementChild) observer.observe(el.firstElementChild);\n    }\n    return () => {\n      el.removeEventListener('scroll', measure);\n      observer?.disconnect();\n    };\n  }, [enabled]);\n\n  const scrollByPage = useCallback((direction: -1 | 1) => {\n    const el = ref.current;\n    if (!el || typeof window === 'undefined') return;\n    const isRtl = window.getComputedStyle(el).direction === 'rtl';\n    const reduceMotion = window.matchMedia?.(\n      '(prefers-reduced-motion: reduce)',\n    ).matches;\n    // ~85% of the viewport so a sliver of context carries across pages. The\n    // physical sign flips in RTL (scrollLeft runs toward negative).\n    const amount = el.clientWidth * 0.85 * direction * (isRtl ? -1 : 1);\n    el.scrollBy({ left: amount, behavior: reduceMotion ? 'auto' : 'smooth' });\n  }, []);\n\n  return {\n    ref,\n    canScrollStart: edges.start,\n    canScrollEnd: edges.end,\n    scrollByPage,\n  };\n}\n","/**\n * TabBar — a floating-pill bar of page-level navigation tabs.\n *\n * Each tab is an icon + label (+ optional count badge); the active tab is\n * marked with `aria-current=\"page\"` and an `--accent` underline. The bar is a\n * glassy `--card` pill that floats on whatever canvas the consumer provides\n * (the strip area itself is transparent, so it blends with the surrounding\n * surface).\n *\n * Two layouts:\n * - default (`fill` off): content-width tabs that **centre** when they fit and\n *   scroll from the inline-start (`safe center`) when they overflow, with a\n *   gutter preserved at both ends. The label stacks under the icon below `sm`.\n *   Use this when the tab set is open-ended (e.g. a marketplace app's routes).\n * - `fill`: equal-width tabs that fill the bar and always stack the label under\n *   the icon — a fixed, always-visible set that fits any column width without\n *   scrolling (e.g. a patient portal's handful of sections).\n *\n * Tabs render as links when given an `href` (real navigation) or as buttons\n * otherwise (in-app view switching via `onSelect`). Use it as a header (top,\n * default) for section navigation; `position=\"bottom\"` floats it from the\n * bottom edge for a footer.\n *\n * With `collapseToMenu`, the strip folds into a single DropdownMenu whenever the\n * tabs don't fit — below the `sm` breakpoint OR when they overflow their\n * container at any width (a narrow column on a wide screen, e.g. a page squeezed\n * between two sidebars, clips the tabs just the same as a small viewport).\n *\n * SPA / consumer-router links: pass `renderLink` and TabBar hands each `href`\n * tab off to your router's `<Link>` instead of rendering its own `<a>` — the\n * embedded MarketplaceAppShell strip uses this so a tab click is a client-side\n * route change, not a full page navigation. The kit forwards the same\n * `className` + `aria-current` so the accent-underline active styling and the\n * `aria-current=\"page\"` marker survive in both modes. With `renderLink`\n * omitted the output is the plain `<a href>` exactly as before.\n */\nimport { forwardRef, Fragment, type MouseEvent, type ReactNode } from 'react';\nimport { cva } from 'class-variance-authority';\nimport { Check, ChevronDown, ChevronLeft, ChevronRight } from 'lucide-react';\nimport { useTranslation } from 'react-i18next';\n\nimport { Badge } from '../badge';\nimport { DropdownMenu } from '../dropdown-menu';\nimport { useMediaQuery } from '../../hooks/use-media-query';\nimport { useScrollOverflow } from '../../hooks/use-scroll-overflow';\nimport { useOverflowCollapse } from '../../hooks/use-overflow-collapse';\n\nexport interface TabBarItem {\n  /** Stable id; also the value handed to `onSelect` for button tabs. */\n  id: string;\n  /** Pre-translated label — consumers localise their own nav copy. */\n  label: string;\n  /** Optional leading icon (a lucide-react element or equivalent), tinted with `--accent`. */\n  icon?: ReactNode;\n  /** Optional unseen-item count rendered as a pill badge. */\n  badgeCount?: number;\n  /** Mark the tab as the current page (`aria-current='page'` + accent underline). */\n  isActive?: boolean;\n  /** When set, the tab renders as a link to this href; otherwise it's a button. */\n  href?: string;\n  /**\n   * Optional click handler threaded onto the link tab's `<a>` (or, when\n   * `renderLink` is supplied, available to the consumer's router element). Use\n   * it to intercept a same-origin click and route client-side without a full\n   * navigation. Only applies to `href` (link) tabs — button tabs use `onSelect`.\n   */\n  onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;\n}\n\n/**\n * Props the kit hands to `renderLink` for each `href` tab. The consumer returns\n * their router's `<Link to={href}>` carrying the same `className` (the active\n * accent-underline styling) and `aria-current` (`'page'` on the active tab).\n */\nexport interface TabBarRenderLinkProps {\n  /** The tab's destination — feed it to your router's `to` / `href`. */\n  href: string;\n  /** The kit's tab classes (CVA output) — apply verbatim to the link element. */\n  className: string;\n  /** Icon + label + badge — render as the link's children. */\n  children: ReactNode;\n  /** `'page'` on the active tab, otherwise omitted — forward to the link. */\n  'aria-current'?: 'page';\n  /** Optional per-item click handler (the item's `onClick`), if supplied. */\n  onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;\n}\n\nexport interface TabBarProps {\n  /** The tabs, in order. */\n  items: TabBarItem[];\n  /** Accessible name for the `<nav>` landmark. */\n  ariaLabel: string;\n  /** Fires with the tab `id` when a button tab (one without `href`) is chosen. */\n  onSelect?: (id: string) => void;\n  /**\n   * Render an `href` tab via the consumer's router instead of the kit's own\n   * `<a>`. TabBar calls it for each link tab and renders the returned node; the\n   * consumer returns their `<Link to={href}>` carrying the supplied `className`\n   * + `aria-current` so the active accent underline and the `aria-current=\"page\"`\n   * marker are preserved. Use it for SPA navigation (e.g. the MarketplaceAppShell\n   * strip) so a tab click is a client-side route change, not a full page load.\n   * Omit it to render the plain `<a href>` exactly as before. Button tabs (no\n   * `href`) ignore `renderLink` and continue to use `onSelect`.\n   */\n  renderLink?: (props: TabBarRenderLinkProps) => ReactNode;\n  /**\n   * Equal-width tabs that fill the bar and always stack the label under the\n   * icon (for a fixed, always-visible set). Off (default) = content-width tabs\n   * that centre when they fit and scroll when they overflow.\n   */\n  fill?: boolean;\n  /**\n   * Float side. `'top'` (default) gutters from the top edge for a header;\n   * `'bottom'` gutters from the bottom edge for a footer.\n   */\n  position?: 'top' | 'bottom';\n  /**\n   * Collapse the tab strip into a single DropdownMenu whenever the tabs don't\n   * fit — below the `sm` breakpoint (≤640px) OR when they overflow their\n   * container at any viewport width (a narrow column between two sidebars clips\n   * the tabs the same as a small screen). The trigger shows the active tab; the\n   * menu lists them all. Off (default) keeps the content-width / scroll\n   * behaviour at every width, so existing consumers are unaffected. Designed for\n   * button (`onSelect`) tabs; in the collapsed menu an `href` tab navigates with\n   * a full page load, so `renderLink` (SPA routing) and a per-item `onClick`\n   * apply only to the expanded strip.\n   */\n  collapseToMenu?: boolean;\n  /** Extra classes merged onto the outer strip (e.g. sticky/fixed positioning). */\n  className?: string;\n}\n\nfunction formatBadgeCount(count: number): string {\n  return count > 99 ? '99+' : String(count);\n}\n\n/* Transparent strip area — provides the floating gutter on the active side. The\n   default layout also insets the pill horizontally so it reads as a floating\n   strip; `fill` drops that inset so the pill spans the full width and aligns\n   with the consumer's content (e.g. a portal's cards). */\nconst stripVariants = cva('ds:shrink-0', {\n  variants: {\n    position: {\n      top: 'ds:pt-[var(--spacing-md)]',\n      bottom: 'ds:pb-[var(--spacing-md)]',\n    },\n    fill: {\n      false: 'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n      true: '',\n    },\n  },\n  defaultVariants: { position: 'top', fill: false },\n});\n\n/* The pill is the glass chrome — the bordered, blurred, rounded surface. The\n   scrollable tab row is a separate inner element (`pillScrollClasses`) so the\n   edge-fade mask touches only the tabs, never the pill's border. It is also the\n   overflow-collapse MEASUREMENT container: it stays mounted in both the scroll\n   and the dropdown render, and (carrying no padding) its `clientWidth` is\n   exactly the width the tab row has to fit. */\nconst pillClasses =\n  'ds:rounded-[var(--radius-lg)] ds:border ds:border-[color:var(--card-border)] ds:bg-[var(--card)]/80 ds:backdrop-blur-md ds:shadow-[var(--shadow-md)]';\n\n/* The inner scroll container. `safe center` centres the tabs when they fit but\n   falls back to start-alignment the moment they overflow, so the row stays fully\n   scrollable end to end. Inline-edge MASK: the leading / trailing edge fades only\n   when tabs are hidden past it (`data-fade-start` / `data-fade-end`), so a clipped\n   tab dissolves into the glass under the accent chevron — alpha-based, so no seam\n   with the translucent pill. Logical via `--tabbar-mask-*` (RTL-mapped); `black`\n   is the mask-opaque sentinel, not a colour. Disabled under reduced motion, the\n   accessible theme, and forced-colors so content is never hidden from those\n   users. `--tabbar-fade-distance` (default `--spacing-lg`) is per-instance. */\nconst pillScrollClasses = [\n  'ds:flex ds:[justify-content:safe_center] ds:overflow-x-auto ds:py-[var(--spacing-xs)]',\n  'ds:[--tabbar-mask-start:black] ds:[--tabbar-mask-end:black]',\n  'ds:ltr:data-[fade-start=true]:[--tabbar-mask-start:transparent]',\n  'ds:ltr:data-[fade-end=true]:[--tabbar-mask-end:transparent]',\n  'ds:rtl:data-[fade-start=true]:[--tabbar-mask-end:transparent]',\n  'ds:rtl:data-[fade-end=true]:[--tabbar-mask-start:transparent]',\n  'ds:[mask-image:linear-gradient(to_right,var(--tabbar-mask-start)_0,black_var(--tabbar-fade-distance,var(--spacing-lg)),black_calc(100%-var(--tabbar-fade-distance,var(--spacing-lg))),var(--tabbar-mask-end)_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/* The nav's inline padding is the start/end gutter — it scrolls WITH the tabs,\n   so the gutter survives a full scroll. Content width (`shrink-0`) by default so\n   it overflows and scrolls; `w-full` in fill mode so the tabs spread to fit. */\nconst navVariants = cva(\n  'ds:flex ds:items-stretch ds:gap-[var(--spacing-xs)] ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n  {\n    variants: {\n      fill: { false: 'ds:shrink-0', true: 'ds:w-full' },\n    },\n    defaultVariants: { fill: false },\n  },\n);\n\n/* Each tab is a centred flex box so the icon + label sit centred on both axes.\n   Regular weight; the active state is carried by the accent underline + accent\n   icon, not a heavier weight. */\nconst tabVariants = cva(\n  'ds:group ds:flex ds:items-center ds:justify-center ds:gap-[var(--spacing-xs)] ds:min-h-[var(--min-target-size)] ds:rounded-[var(--radius-sm)] ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:py-[var(--spacing-xs)] ds:whitespace-nowrap ds:cursor-pointer ds:appearance-none ds:border-0 ds:bg-transparent ds:text-[length:var(--font-size-sm)] ds:font-[var(--font-weight-regular)] ds:text-[color:var(--foreground)] ds:no-underline ds:hover:bg-[var(--muted)]/20 ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)] ds:forced-colors:focus-visible:outline-[CanvasText]',\n  {\n    variants: {\n      fill: {\n        // Responsive: label under the icon below `sm`, beside it at `sm`+.\n        false: 'ds:flex-col ds:sm:flex-row ds:sm:gap-[var(--spacing-sm)]',\n        // Fill the bar, always icon-over-label. No `min-w-0`, so a tab never\n        // shrinks below its label (labels never overlap); if the full set can't\n        // fit, the pill scrolls instead.\n        true: 'ds:flex-1 ds:basis-0 ds:flex-col',\n      },\n    },\n    defaultVariants: { fill: false },\n  },\n);\n\nconst iconClasses =\n  'ds:inline-flex ds:items-center ds:text-[color:var(--accent)] ds:[&>svg]:size-4';\n\n/* The accent underline rides the label text itself (not the whole tab), so it\n   never reaches the icon or badge and never has to propagate through flex. */\nconst labelClasses =\n  'ds:group-aria-[current=page]:underline ds:group-aria-[current=page]:decoration-2 ds:group-aria-[current=page]:decoration-[color:var(--accent)] ds:group-aria-[current=page]:underline-offset-[var(--spacing-xs)]';\n\n/* The mobile collapse trigger — a full-width button styled like a tab, showing\n   the active tab's icon + label with a trailing chevron. */\nconst menuTriggerClasses =\n  'ds:flex ds:w-full ds:items-center ds:gap-[var(--spacing-sm)] ds:min-h-[var(--min-target-size)] ds:rounded-[var(--radius-sm)] ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:py-[var(--spacing-xs)] ds:cursor-pointer ds:appearance-none ds:border-0 ds:bg-transparent ds:text-[length:var(--font-size-sm)] ds:font-[var(--font-weight-regular)] ds:text-[color:var(--foreground)] ds:hover:bg-[var(--muted)]/20 ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)] ds:forced-colors:focus-visible:outline-[CanvasText]';\n\n/* Scroll affordance — an accent chevron pinned to a scrollable edge of the pill,\n   shown only when there are tabs hidden past that edge. No button chrome: the\n   edge tab fades into the glass via the inner scroll's mask (above); the chevron\n   just points the way and pages the strip on click. A `--min-target-size` hit\n   area keeps it tappable. Block axis spans the pill (`top`/`bottom` px-inset past\n   the border); the inline edge (`start`/`end`) and the chevron flip mirror RTL. */\nconst scrollAffordanceClasses =\n  'ds:absolute ds:top-px ds:bottom-px ds:z-10 ds:flex ds:min-w-[var(--min-target-size)] ds:items-center ds:cursor-pointer ds:appearance-none ds:border-0 ds:bg-transparent ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)] ds:forced-colors:focus-visible:outline-[CanvasText]';\n\n/* Pin the chevron to its inline edge, over the faded tab. */\nconst scrollAffordanceStartClasses =\n  'ds:start-px ds:justify-start ds:ps-[var(--spacing-xs)]';\n\nconst scrollAffordanceEndClasses =\n  'ds:end-px ds:justify-end ds:pe-[var(--spacing-xs)]';\n\n/* The chevron is the only visible mark — accent-tinted (matching the tab icons),\n   mirrored under RTL. Decorative (`aria-hidden`); the button carries the label. */\nconst scrollChevronClasses =\n  'ds:size-4 ds:shrink-0 ds:text-[color:var(--accent)] ds:rtl:-scale-x-100';\n\nexport const TabBar = forwardRef<HTMLDivElement, TabBarProps>(\n  (\n    {\n      items,\n      ariaLabel,\n      onSelect,\n      renderLink,\n      fill = false,\n      position = 'top',\n      collapseToMenu = false,\n      className,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n\n    // Collapse is twofold, OR'd: the documented mobile floor (≤sm) AND actual\n    // container overflow (a narrow column on a wide screen clips the tabs just\n    // the same). Both hooks run every render (hook order); only consulted when\n    // collapseToMenu is on. The pill (containerRef) stays mounted across the\n    // collapse so the overflow hook can still tell when the column has grown\n    // back; the tab row (contentRef) carries the natural width.\n    const isNarrow = useMediaQuery('(max-width: 640px)');\n    const { containerRef, contentRef, isOverflowing } = useOverflowCollapse<\n      HTMLDivElement,\n      HTMLElement\n    >(collapseToMenu);\n    const isDropdown = collapseToMenu && (isNarrow || isOverflowing);\n\n    // Edge scroll affordances for the scroll layout. Disabled in dropdown mode\n    // (no scroll box), so the observer tears down / re-attaches across the flip.\n    const {\n      ref: pillRef,\n      canScrollStart,\n      canScrollEnd,\n      scrollByPage,\n    } = useScrollOverflow<HTMLDivElement>(!isDropdown);\n\n    const activeItem = items.find((item) => item.isActive) ?? items[0];\n\n    return (\n      <div\n        ref={ref}\n        data-component=\"tab-bar\"\n        className={`${stripVariants({ position, fill })}${className ? ` ${className}` : ''}`}\n      >\n        {/* Relative wrapper: the scroll affordances are absolutely positioned\n            against it, NOT inside the scroll box (absolute children of a scroller\n            scroll away with the content). */}\n        <div className=\"ds:relative\">\n          {/* The pill doubles as the overflow-collapse measurement container —\n              rendered in BOTH branches (same element, same width) so the hook\n              can keep measuring after the tab row is swapped for the menu. */}\n          <div ref={containerRef} className={pillClasses}>\n            {isDropdown ? (\n              <nav aria-label={ariaLabel} className=\"ds:w-full\">\n                <DropdownMenu.Root>\n                  <DropdownMenu.Trigger className={menuTriggerClasses}>\n                    {activeItem?.icon ? (\n                      <span aria-hidden=\"true\" className={iconClasses}>\n                        {activeItem.icon}\n                      </span>\n                    ) : null}\n                    <span className=\"ds:flex-1 ds:truncate ds:text-start\">\n                      {activeItem?.label}\n                    </span>\n                    <ChevronDown\n                      aria-hidden=\"true\"\n                      className=\"ds:size-4 ds:shrink-0 ds:text-[color:var(--muted-foreground)]\"\n                    />\n                  </DropdownMenu.Trigger>\n                  <DropdownMenu.Content\n                    align=\"start\"\n                    className=\"ds:min-w-[12rem]\"\n                  >\n                    {items.map((item) => (\n                      <DropdownMenu.Item\n                        key={item.id}\n                        startIcon={item.icon}\n                        endIcon={\n                          item.isActive ? (\n                            <Check\n                              aria-hidden=\"true\"\n                              className=\"ds:text-[color:var(--accent)]\"\n                            />\n                          ) : undefined\n                        }\n                        aria-current={item.isActive ? 'page' : undefined}\n                        onSelect={() => {\n                          if (item.href) {\n                            window.location.assign(item.href);\n                          } else {\n                            onSelect?.(item.id);\n                          }\n                        }}\n                      >\n                        {item.label}\n                      </DropdownMenu.Item>\n                    ))}\n                  </DropdownMenu.Content>\n                </DropdownMenu.Root>\n              </nav>\n            ) : (\n              <div\n                ref={pillRef}\n                data-fade-start={canScrollStart ? 'true' : undefined}\n                data-fade-end={canScrollEnd ? 'true' : undefined}\n                className={pillScrollClasses}\n              >\n                <nav\n                  ref={contentRef}\n                  aria-label={ariaLabel}\n                  className={navVariants({ fill })}\n                >\n                  {items.map((item) => {\n                    const badge =\n                      typeof item.badgeCount === 'number' && item.badgeCount > 0\n                        ? item.badgeCount\n                        : undefined;\n                    const ariaCurrent = item.isActive ? 'page' : undefined;\n                    const inner = (\n                      <>\n                        {item.icon ? (\n                          <span aria-hidden=\"true\" className={iconClasses}>\n                            {item.icon}\n                          </span>\n                        ) : null}\n                        {/* Label + badge stay paired; they sit under the icon when\n                          the tab stacks to a column. */}\n                        <span className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n                          <span className={labelClasses}>{item.label}</span>\n                          {badge !== undefined ? (\n                            <Badge variant=\"neutral\">\n                              {formatBadgeCount(badge)}\n                            </Badge>\n                          ) : null}\n                        </span>\n                      </>\n                    );\n                    if (item.href !== undefined) {\n                      const tabClassName = tabVariants({ fill });\n                      // Consumer-router mode: hand the tab to the consumer's <Link>,\n                      // forwarding the same className + aria-current (+ the item's\n                      // onClick) so the active styling and `aria-current=\"page\"`\n                      // marker carry over and clicking routes client-side.\n                      if (renderLink) {\n                        return (\n                          <Fragment key={item.id}>\n                            {renderLink({\n                              href: item.href,\n                              className: tabClassName,\n                              children: inner,\n                              'aria-current': ariaCurrent,\n                              onClick: item.onClick,\n                            })}\n                          </Fragment>\n                        );\n                      }\n                      // Default: plain anchor — byte-identical to before when no\n                      // per-item onClick is supplied (onClick is omitted entirely,\n                      // not passed as undefined, so the rendered <a> is unchanged).\n                      return (\n                        <a\n                          key={item.id}\n                          href={item.href}\n                          aria-current={ariaCurrent}\n                          className={tabClassName}\n                          {...(item.onClick ? { onClick: item.onClick } : {})}\n                        >\n                          {inner}\n                        </a>\n                      );\n                    }\n                    return (\n                      <button\n                        key={item.id}\n                        type=\"button\"\n                        aria-current={ariaCurrent}\n                        className={tabVariants({ fill })}\n                        onClick={() => onSelect?.(item.id)}\n                      >\n                        {inner}\n                      </button>\n                    );\n                  })}\n                </nav>\n              </div>\n            )}\n          </div>\n          {canScrollStart ? (\n            <button\n              type=\"button\"\n              aria-label={t('navigation.tabBar.scrollBack')}\n              onClick={() => scrollByPage(-1)}\n              className={`${scrollAffordanceClasses} ${scrollAffordanceStartClasses}`}\n            >\n              <ChevronLeft\n                aria-hidden=\"true\"\n                className={scrollChevronClasses}\n              />\n            </button>\n          ) : null}\n          {canScrollEnd ? (\n            <button\n              type=\"button\"\n              aria-label={t('navigation.tabBar.scrollForward')}\n              onClick={() => scrollByPage(1)}\n              className={`${scrollAffordanceClasses} ${scrollAffordanceEndClasses}`}\n            >\n              <ChevronRight\n                aria-hidden=\"true\"\n                className={scrollChevronClasses}\n              />\n            </button>\n          ) : null}\n        </div>\n      </div>\n    );\n  },\n);\nTabBar.displayName = 'TabBar';\n"],"names":["useScrollOverflow","enabled","ref","useRef","edges","setEdges","useState","useIsomorphicLayoutEffect","el","prev","measure","distanceFromStart","maxScroll","start","end","observer","scrollByPage","useCallback","direction","isRtl","reduceMotion","_a","amount","formatBadgeCount","count","stripVariants","cva","pillClasses","pillScrollClasses","navVariants","tabVariants","iconClasses","labelClasses","menuTriggerClasses","scrollAffordanceClasses","scrollAffordanceStartClasses","scrollAffordanceEndClasses","scrollChevronClasses","TabBar","forwardRef","items","ariaLabel","onSelect","renderLink","fill","position","collapseToMenu","className","t","useTranslation","isNarrow","useMediaQuery","containerRef","contentRef","isOverflowing","useOverflowCollapse","isDropdown","pillRef","canScrollStart","canScrollEnd","activeItem","item","jsx","jsxs","DropdownMenu","ChevronDown","Check","badge","ariaCurrent","inner","Fragment","Badge","tabClassName","ChevronLeft","ChevronRight"],"mappings":"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"}

package/dist/_chunks/task-card.agent-Bt14CzUd.js

@@ -1,25 +0,0 @@
-const t = {
-  id: "task-card",
-  // `dismiss` is host-delegated: the card itself exposes no imperative handle —
-  // removal is performed by the hosting TaskTray (see task-tray.agent.ts
-  // `dismiss`). The capability documents the intent for the addressed card.
-  capabilities: ["dismiss"],
-  state: {},
-  actions: {},
-  domHooks: {
-    root: {
-      attr: "data-component",
-      value: "task-card",
-      description: "Marks the element as a kit TaskCard. The card root also emits data-component-id sourced from item.id and data-status with the current lifecycle."
-    },
-    instanceId: {
-      attr: "data-component-id",
-      sourceProp: "item.id",
-      description: "Sourced from item.id — the stable task identifier."
-    }
-  }
-};
-export {
-  t
-};
-//# sourceMappingURL=task-card.agent-Bt14CzUd.js.map

package/dist/_chunks/task-card.agent-Bt14CzUd.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"task-card.agent-Bt14CzUd.js","sources":["../../src/components/task-card/task-card.agent.ts"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — TaskCard.                                              */\n/*                                                                        */\n/* Single-task surface. Lifecycle (dismiss, toggle-done) is owned by     */\n/* the consumer / host tray; the card emits a DOM hook so a future MCP   */\n/* UI bridge can address one rendered card by its task id.               */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\n\nexport const taskCardAgent: AgentAdapter = {\n  id: 'task-card',\n  // `dismiss` is host-delegated: the card itself exposes no imperative handle —\n  // removal is performed by the hosting TaskTray (see task-tray.agent.ts\n  // `dismiss`). The capability documents the intent for the addressed card.\n  capabilities: ['dismiss'],\n  state: {},\n  actions: {},\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'task-card',\n      description:\n        'Marks the element as a kit TaskCard. The card root also emits data-component-id sourced from item.id and data-status with the current lifecycle.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'item.id',\n      description: 'Sourced from item.id — the stable task identifier.',\n    },\n  },\n};\n"],"names":["taskCardAgent"],"mappings":"AAUO,MAAMA,IAA8B;AAAA,EACzC,IAAI;AAAA;AAAA;AAAA;AAAA,EAIJ,cAAc,CAAC,SAAS;AAAA,EACxB,OAAO,CAAA;AAAA,EACP,SAAS,CAAA;AAAA,EACT,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aACE;AAAA,IAAA;AAAA,IAEJ,YAAY;AAAA,MACV,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,aAAa;AAAA,IAAA;AAAA,EACf;AAEJ;"}