@alfadocs/ui-kit-debug 0.1.8 → 0.1.9

package/dist/_chunks/slider-CcsQTZTA.js

@@ -0,0 +1,322 @@
+import { jsxs as f, jsx as e } from "react/jsx-runtime";
+import { forwardRef as la, useState as ca, useCallback as ua, useRef as q, useMemo as ma } from "react";
+import * as h from "@radix-ui/react-slider";
+import { c as t } from "./index-D2ZczOXr.js";
+import { useTranslation as pa } from "react-i18next";
+import { u as fa } from "./form-field-context-94LwgYTQ.js";
+import { u as ha } from "./use-direction-D6rvvG9G.js";
+import { c as va } from "./compose-refs-C0k0tdqF.js";
+import { u as ba } from "./registry-C9nwlNyL.js";
+const ga = {
+  id: "slider",
+  capabilities: ["pick", "range_pick"],
+  state: {
+    value: {
+      type: "number[]",
+      descriptionKey: "ui.agent.slider.state.value",
+      description: "Current thumb values; length 1 for a single slider, length 2 for a range.",
+      read: (d) => d.getValue()
+    }
+  },
+  actions: {
+    set_value: {
+      safety: "write",
+      argsType: "{ value: number[] }",
+      descriptionKey: "ui.agent.slider.actions.setValue",
+      description: "Replace the thumb value(s). Pass a 1-tuple for single, 2-tuple for range.",
+      invoke: (d, v) => {
+        d.setValue(v.value);
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "slider",
+      description: "Marks the Slider root."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    }
+  }
+}, wa = t(
+  [
+    "ds:relative ds:flex ds:touch-none ds:select-none ds:items-center",
+    "ds:data-[orientation=horizontal]:w-full",
+    "ds:data-[orientation=vertical]:flex-col ds:data-[orientation=vertical]:h-full",
+    "ds:data-[disabled]:cursor-not-allowed ds:data-[disabled]:opacity-50"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "ds:data-[orientation=horizontal]:h-1 ds:data-[orientation=vertical]:w-1",
+        md: "ds:data-[orientation=horizontal]:h-2 ds:data-[orientation=vertical]:w-2",
+        lg: "ds:data-[orientation=horizontal]:h-3 ds:data-[orientation=vertical]:w-3"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+), xa = t(
+  [
+    "ds:relative ds:grow ds:overflow-hidden ds:rounded-[var(--radius-full)] ds:bg-muted",
+    "ds:data-[orientation=horizontal]:h-full",
+    "ds:data-[orientation=vertical]:w-full"
+  ].join(" ")
+), ya = t(
+  [
+    "ds:absolute ds:bg-primary ds:rounded-[var(--radius-full)]",
+    "ds:data-[orientation=horizontal]:h-full",
+    "ds:data-[orientation=vertical]:w-full"
+  ].join(" ")
+), za = t(
+  [
+    "ds:group/thumb",
+    "ds:relative ds:block ds:rounded-full",
+    "ds:bg-background ds:border-2 ds:border-primary ds:shadow-[var(--shadow-sm)]",
+    "ds:transition-[transform,box-shadow] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+    "ds:outline-none",
+    "ds:focus-visible:shadow-[var(--shadow-focus),var(--shadow-sm)]",
+    "ds:active:shadow-[var(--shadow-sm)]",
+    "ds:data-[disabled]:cursor-not-allowed ds:data-[disabled]:opacity-50"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "ds:size-4",
+        md: "ds:size-5",
+        lg: "ds:size-6"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+), Va = t("ds:absolute ds:rounded-full", {
+  variants: {
+    size: {
+      sm: "ds:-inset-[calc((var(--min-target-size)-1rem)/2)]",
+      md: "ds:-inset-[calc((var(--min-target-size)-1.25rem)/2)]",
+      lg: "ds:-inset-[calc((var(--min-target-size)-1.5rem)/2)]"
+    }
+  },
+  defaultVariants: { size: "md" }
+}), ka = t(
+  "ds:absolute ds:flex ds:pointer-events-none ds:items-center ds:justify-center",
+  {
+    variants: {
+      orientation: {
+        horizontal: "ds:start-0 ds:end-0 ds:bottom-full",
+        vertical: "ds:top-0 ds:bottom-0 ds:start-full"
+      }
+    },
+    defaultVariants: { orientation: "horizontal" }
+  }
+), Na = t(
+  [
+    "ds:whitespace-nowrap ds:bg-foreground ds:text-background",
+    "ds:px-[var(--spacing-sm)] ds:py-[var(--spacing-xs)]",
+    "ds:rounded-[var(--radius-sm)] ds:text-[length:var(--font-size-xs)] ds:tabular-nums",
+    "ds:shadow-[var(--shadow-sm)]",
+    "ds:transition-opacity ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
+  ].join(" "),
+  {
+    variants: {
+      orientation: {
+        horizontal: "ds:mb-[var(--spacing-xs)]",
+        vertical: "ds:ms-[var(--spacing-xs)]"
+      },
+      alwaysShow: {
+        true: "ds:opacity-100",
+        false: "ds:opacity-0 ds:group-hover/thumb:opacity-100 ds:group-focus-visible/thumb:opacity-100"
+      }
+    },
+    defaultVariants: { orientation: "horizontal", alwaysShow: !1 }
+  }
+), Sa = t("ds:absolute ds:pointer-events-none", {
+  variants: {
+    orientation: {
+      horizontal: "ds:start-0 ds:end-0 ds:top-full",
+      vertical: "ds:top-0 ds:bottom-0 ds:start-full"
+    }
+  },
+  defaultVariants: { orientation: "horizontal" }
+}), Ra = t("ds:absolute ds:flex ds:items-center", {
+  variants: {
+    orientation: {
+      horizontal: "ds:flex-col ds:-translate-x-1/2 ds:rtl:translate-x-1/2",
+      vertical: "ds:flex-row ds:-translate-y-1/2 ds:ps-[var(--spacing-xs)]"
+    }
+  },
+  defaultVariants: { orientation: "horizontal" }
+}), Ma = t("ds:bg-border", {
+  variants: {
+    orientation: {
+      horizontal: "ds:w-px ds:h-1",
+      vertical: "ds:h-px ds:w-1"
+    }
+  },
+  defaultVariants: { orientation: "horizontal" }
+}), ja = t(
+  "ds:text-muted-foreground type-meta ds:mt-[var(--spacing-xs)]"
+), La = t(
+  "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]",
+  {
+    variants: {
+      orientation: {
+        horizontal: "ds:w-full ds:flex-row",
+        vertical: "ds:h-full ds:flex-col-reverse"
+      }
+    },
+    defaultVariants: { orientation: "horizontal" }
+  }
+), K = t(
+  "ds:text-muted-foreground type-meta ds:tabular-nums ds:shrink-0"
+), Ta = la((d, v) => {
+  const {
+    value: u,
+    defaultValue: S,
+    marks: b,
+    minLabel: g,
+    maxLabel: w,
+    formatValue: C,
+    alwaysShowValue: E = !1,
+    step: H = 1,
+    largeStep: R = 10,
+    thumbLabels: m,
+    size: x = "md",
+    orientation: s = "horizontal",
+    min: n = 0,
+    max: y = 100,
+    disabled: U,
+    dir: W,
+    id: z,
+    className: _,
+    onValueChange: p,
+    onValueCommit: r,
+    onKeyDown: V,
+    ...M
+  } = d, { t: j, i18n: L } = pa(), o = fa(), l = u !== void 0, [O, G] = ca(
+    u ?? S ?? [n]
+  ), c = l ? u : O, k = (a) => {
+    l || G(a), p == null || p(a);
+  }, T = !!(o.disabled || U), A = o.describedBy || void 0, J = z ?? o.id, Q = ua(
+    (a) => new Intl.NumberFormat(L.language).format(a),
+    [L.language]
+  ), D = C ?? Q, X = j("ui.inputs.slider.minLabel", "Minimum"), Y = j("ui.inputs.slider.maxLabel", "Maximum"), Z = M["aria-label"], aa = (a) => m != null && m[a] ? m[a] : c.length === 2 ? a === 0 ? X : Y : Z, ta = (a) => {
+    if (V == null || V(a), a.defaultPrevented || T || a.key !== "PageUp" && a.key !== "PageDown") return;
+    a.preventDefault();
+    const i = Array.from(
+      a.currentTarget.querySelectorAll('[role="slider"]')
+    ), N = Math.max(
+      0,
+      i.indexOf(document.activeElement)
+    ), oa = a.key === "PageUp" ? R : -R, B = c.map(
+      ($, da) => da === N ? Math.max(n, Math.min(y, $ + oa)) : $
+    );
+    k(B), r == null || r(B);
+  }, ea = y - n || 1, sa = (a) => (a - n) / ea * 100, F = q(null), ra = va(v, F), ia = ha(F), I = q(c);
+  I.current = c;
+  const na = ma(
+    () => ({
+      getValue: () => I.current.slice(),
+      setValue: (a) => {
+        k(a), r == null || r(a);
+      }
+    }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [l, p, r]
+  );
+  ba(ga, na, z);
+  const P = /* @__PURE__ */ f(
+    h.Root,
+    {
+      ref: ra,
+      id: J,
+      dir: W ?? ia,
+      orientation: s,
+      min: n,
+      max: y,
+      step: H,
+      disabled: T,
+      value: l ? u : void 0,
+      defaultValue: l ? void 0 : S ?? [n],
+      onValueChange: k,
+      onValueCommit: r,
+      onKeyDown: ta,
+      "aria-describedby": A,
+      "aria-invalid": o.invalid || void 0,
+      "aria-required": o.required || void 0,
+      className: wa({ size: x, className: _ }),
+      "data-component": "slider",
+      "data-component-id": z,
+      ...M,
+      "aria-label": void 0,
+      children: [
+        /* @__PURE__ */ e(h.Track, { className: xa(), children: /* @__PURE__ */ e(h.Range, { className: ya() }) }),
+        b && b.length > 0 ? /* @__PURE__ */ e(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: Sa({ orientation: s }),
+            children: b.map((a) => {
+              const i = sa(a.value), N = s === "vertical" ? { insetBlockEnd: `${i}%` } : { insetInlineStart: `${i}%` };
+              return /* @__PURE__ */ f(
+                "span",
+                {
+                  className: Ra({ orientation: s }),
+                  style: N,
+                  children: [
+                    /* @__PURE__ */ e("span", { className: Ma({ orientation: s }) }),
+                    a.label ? /* @__PURE__ */ e("span", { className: ja(), children: a.label }) : null
+                  ]
+                },
+                `${a.value}-${a.label ?? ""}`
+              );
+            })
+          }
+        ) : null,
+        c.map((a, i) => /* @__PURE__ */ f(
+          h.Thumb,
+          {
+            "aria-label": aa(i),
+            "aria-valuetext": D(a),
+            "aria-describedby": A,
+            "aria-invalid": o.invalid || void 0,
+            className: za({ size: x }),
+            children: [
+              /* @__PURE__ */ e("span", { "aria-hidden": "true", className: Va({ size: x }) }),
+              /* @__PURE__ */ e(
+                "span",
+                {
+                  "aria-hidden": "true",
+                  className: ka({ orientation: s }),
+                  children: /* @__PURE__ */ e(
+                    "span",
+                    {
+                      className: Na({
+                        orientation: s,
+                        alwaysShow: E
+                      }),
+                      children: D(a)
+                    }
+                  )
+                }
+              )
+            ]
+          },
+          i
+        ))
+      ]
+    }
+  );
+  return g !== void 0 || w !== void 0 ? /* @__PURE__ */ f("div", { className: La({ orientation: s }), children: [
+    g !== void 0 ? /* @__PURE__ */ e("span", { className: K(), children: g }) : null,
+    P,
+    w !== void 0 ? /* @__PURE__ */ e("span", { className: K(), children: w }) : null
+  ] }) : P;
+});
+Ta.displayName = "Slider";
+export {
+  Ta as S
+};
+//# sourceMappingURL=slider-CcsQTZTA.js.map

package/dist/_chunks/slider-CcsQTZTA.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider-CcsQTZTA.js","sources":["../../src/components/slider/slider.agent.ts","../../src/components/slider/slider.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — Slider.                                                */\n/*                                                                        */\n/* Slider supports both single-thumb and dual-thumb (range) operation.    */\n/* Capabilities cover both — the runtime distinguishes them via the       */\n/* value tuple length. See `src/docs/26-agent-readiness.mdx`.             */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { SliderHandle } from './slider';\n\nexport const sliderAgent: AgentAdapter<SliderHandle> = {\n  id: 'slider',\n  capabilities: ['pick', 'range_pick'],\n  state: {\n    value: {\n      type: 'number[]',\n      descriptionKey: 'ui.agent.slider.state.value',\n      description: 'Current thumb values; length 1 for a single slider, length 2 for a range.',\n      read: (handle) => handle.getValue(),\n    },\n  },\n  actions: {\n    set_value: {\n      safety: 'write',\n      argsType: '{ value: number[] }',\n      descriptionKey: 'ui.agent.slider.actions.setValue',\n      description: 'Replace the thumb value(s). Pass a 1-tuple for single, 2-tuple for range.',\n      invoke: (handle, args: { value: number[] }) => {\n        handle.setValue(args.value);\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'slider',\n      description: 'Marks the Slider root.',\n    },\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  useCallback,\n  useMemo,\n  useRef,\n  useState,\n  type CSSProperties,\n  type ComponentPropsWithoutRef,\n  type ElementRef,\n  type KeyboardEvent,\n} from 'react';\nimport { useAgentRegistration } from '../../agent';\nimport { sliderAgent } from './slider.agent';\n\n/** Agent-readiness curated handle for Slider. */\nexport interface SliderHandle {\n  getValue: () => number[];\n  setValue: (value: number[]) => void;\n}\nimport * as RadixSlider from '@radix-ui/react-slider';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { useFormField } from '../form-field/form-field-context';\nimport { useDirection } from '../_shared/use-direction';\nimport { composeRefs } from '../_shared/compose-refs';\n\nexport interface SliderMark {\n  value: number;\n  label?: string;\n}\n\nconst sliderVariants = cva(\n  [\n    'ds:relative ds:flex ds:touch-none ds:select-none ds:items-center',\n    'ds:data-[orientation=horizontal]:w-full',\n    'ds:data-[orientation=vertical]:flex-col ds:data-[orientation=vertical]:h-full',\n    'ds:data-[disabled]:cursor-not-allowed ds:data-[disabled]:opacity-50',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:data-[orientation=horizontal]:h-1 ds:data-[orientation=vertical]:w-1',\n        md: 'ds:data-[orientation=horizontal]:h-2 ds:data-[orientation=vertical]:w-2',\n        lg: 'ds:data-[orientation=horizontal]:h-3 ds:data-[orientation=vertical]:w-3',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\nconst trackVariants = cva(\n  [\n    'ds:relative ds:grow ds:overflow-hidden ds:rounded-[var(--radius-full)] ds:bg-muted',\n    'ds:data-[orientation=horizontal]:h-full',\n    'ds:data-[orientation=vertical]:w-full',\n  ].join(' '),\n);\n\nconst rangeVariants = cva(\n  [\n    'ds:absolute ds:bg-primary ds:rounded-[var(--radius-full)]',\n    'ds:data-[orientation=horizontal]:h-full',\n    'ds:data-[orientation=vertical]:w-full',\n  ].join(' '),\n);\n\nconst thumbVariants = cva(\n  [\n    'ds:group/thumb',\n    'ds:relative ds:block ds:rounded-full',\n    'ds:bg-background ds:border-2 ds:border-primary ds:shadow-[var(--shadow-sm)]',\n    'ds:transition-[transform,box-shadow] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:outline-none',\n    'ds:focus-visible:shadow-[var(--shadow-focus),var(--shadow-sm)]',\n    'ds:active:shadow-[var(--shadow-sm)]',\n    'ds:data-[disabled]:cursor-not-allowed ds:data-[disabled]:opacity-50',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:size-4',\n        md: 'ds:size-5',\n        lg: 'ds:size-6',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\nconst hitAreaVariants = cva('ds:absolute ds:rounded-full', {\n  variants: {\n    size: {\n      sm: 'ds:-inset-[calc((var(--min-target-size)-1rem)/2)]',\n      md: 'ds:-inset-[calc((var(--min-target-size)-1.25rem)/2)]',\n      lg: 'ds:-inset-[calc((var(--min-target-size)-1.5rem)/2)]',\n    },\n  },\n  defaultVariants: { size: 'md' },\n});\n\nconst tooltipWrapperVariants = cva(\n  'ds:absolute ds:flex ds:pointer-events-none ds:items-center ds:justify-center',\n  {\n    variants: {\n      orientation: {\n        horizontal: 'ds:start-0 ds:end-0 ds:bottom-full',\n        vertical: 'ds:top-0 ds:bottom-0 ds:start-full',\n      },\n    },\n    defaultVariants: { orientation: 'horizontal' },\n  },\n);\n\nconst tooltipBubbleVariants = cva(\n  [\n    'ds:whitespace-nowrap ds:bg-foreground ds:text-background',\n    'ds:px-[var(--spacing-sm)] ds:py-[var(--spacing-xs)]',\n    'ds:rounded-[var(--radius-sm)] ds:text-[length:var(--font-size-xs)] ds:tabular-nums',\n    'ds:shadow-[var(--shadow-sm)]',\n    'ds:transition-opacity ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n  ].join(' '),\n  {\n    variants: {\n      orientation: {\n        horizontal: 'ds:mb-[var(--spacing-xs)]',\n        vertical: 'ds:ms-[var(--spacing-xs)]',\n      },\n      alwaysShow: {\n        true: 'ds:opacity-100',\n        false:\n          'ds:opacity-0 ds:group-hover/thumb:opacity-100 ds:group-focus-visible/thumb:opacity-100',\n      },\n    },\n    defaultVariants: { orientation: 'horizontal', alwaysShow: false },\n  },\n);\n\nconst marksContainerVariants = cva('ds:absolute ds:pointer-events-none', {\n  variants: {\n    orientation: {\n      horizontal: 'ds:start-0 ds:end-0 ds:top-full',\n      vertical: 'ds:top-0 ds:bottom-0 ds:start-full',\n    },\n  },\n  defaultVariants: { orientation: 'horizontal' },\n});\n\nconst markVariants = cva('ds:absolute ds:flex ds:items-center', {\n  variants: {\n    orientation: {\n      horizontal: 'ds:flex-col ds:-translate-x-1/2 ds:rtl:translate-x-1/2',\n      vertical: 'ds:flex-row ds:-translate-y-1/2 ds:ps-[var(--spacing-xs)]',\n    },\n  },\n  defaultVariants: { orientation: 'horizontal' },\n});\n\nconst tickVariants = cva('ds:bg-border', {\n  variants: {\n    orientation: {\n      horizontal: 'ds:w-px ds:h-1',\n      vertical: 'ds:h-px ds:w-1',\n    },\n  },\n  defaultVariants: { orientation: 'horizontal' },\n});\n\nconst markLabelVariants = cva(\n  'ds:text-muted-foreground type-meta ds:mt-[var(--spacing-xs)]',\n);\n\nconst endpointWrapperVariants = cva(\n  'ds:flex ds:items-center ds:gap-[var(--spacing-sm)]',\n  {\n    variants: {\n      orientation: {\n        horizontal: 'ds:w-full ds:flex-row',\n        vertical: 'ds:h-full ds:flex-col-reverse',\n      },\n    },\n    defaultVariants: { orientation: 'horizontal' },\n  },\n);\n\nconst endpointLabelVariants = cva(\n  'ds:text-muted-foreground type-meta ds:tabular-nums ds:shrink-0',\n);\n\ntype RadixSliderRootProps = ComponentPropsWithoutRef<typeof RadixSlider.Root>;\n\nexport interface SliderProps\n  extends Omit<RadixSliderRootProps, 'children'>,\n    VariantProps<typeof sliderVariants> {\n  value?: number[];\n  defaultValue?: number[];\n  marks?: SliderMark[];\n  minLabel?: string;\n  maxLabel?: string;\n  formatValue?: (value: number) => string;\n  alwaysShowValue?: boolean;\n  step?: number;\n  largeStep?: number;\n  thumbLabels?: string[];\n  size?: 'sm' | 'md' | 'lg';\n  orientation?: 'horizontal' | 'vertical';\n  onValueChange?: (value: number[]) => void;\n  onValueCommit?: (value: number[]) => void;\n  className?: string;\n}\n\nexport const Slider = forwardRef<\n  ElementRef<typeof RadixSlider.Root>,\n  SliderProps\n>((props, ref) => {\n  const {\n    value,\n    defaultValue,\n    marks,\n    minLabel,\n    maxLabel,\n    formatValue,\n    alwaysShowValue = false,\n    step = 1,\n    largeStep = 10,\n    thumbLabels,\n    size = 'md',\n    orientation = 'horizontal',\n    min = 0,\n    max = 100,\n    disabled,\n    dir,\n    id,\n    className,\n    onValueChange,\n    onValueCommit,\n    onKeyDown,\n    ...rest\n  } = props;\n\n  const { t, i18n } = useTranslation();\n  const ctx = useFormField();\n\n  const isControlled = value !== undefined;\n  const [internalValue, setInternalValue] = useState<number[]>(\n    value ?? defaultValue ?? [min],\n  );\n  const currentValue: number[] = isControlled\n    ? (value as number[])\n    : internalValue;\n\n  const handleValueChange = (next: number[]) => {\n    if (!isControlled) setInternalValue(next);\n    onValueChange?.(next);\n  };\n\n  const effectiveDisabled = Boolean(ctx.disabled || disabled);\n  const describedBy = ctx.describedBy || undefined;\n  const sliderId = id ?? ctx.id;\n\n  const defaultFormat = useCallback(\n    (n: number) => new Intl.NumberFormat(i18n.language).format(n),\n    [i18n.language],\n  );\n  const format = formatValue ?? defaultFormat;\n\n  const defaultMinThumbLabel = t('ui.inputs.slider.minLabel', 'Minimum');\n  const defaultMaxThumbLabel = t('ui.inputs.slider.maxLabel', 'Maximum');\n  // Root's `aria-label` is the user-facing slider name (e.g. \"Hue\").\n  // Radix puts `role=\"slider\"` on the Thumb, not the Root, so axe's\n  // aria-input-field-name rule looks at the Thumb. Surface the Root's\n  // label on the single-thumb case when no thumbLabels override is given.\n  const rootAriaLabel =\n    (rest as { 'aria-label'?: string })['aria-label'];\n\n  const labelForThumb = (i: number): string | undefined => {\n    if (thumbLabels?.[i]) return thumbLabels[i];\n    if (currentValue.length === 2) {\n      return i === 0 ? defaultMinThumbLabel : defaultMaxThumbLabel;\n    }\n    return rootAriaLabel;\n  };\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    onKeyDown?.(event);\n    if (event.defaultPrevented) return;\n    if (effectiveDisabled) return;\n    if (event.key !== 'PageUp' && event.key !== 'PageDown') return;\n\n    event.preventDefault();\n    const thumbs = Array.from(\n      event.currentTarget.querySelectorAll<HTMLElement>('[role=\"slider\"]'),\n    );\n    const activeIndex = Math.max(\n      0,\n      thumbs.indexOf(document.activeElement as HTMLElement),\n    );\n    const delta = event.key === 'PageUp' ? largeStep : -largeStep;\n    const next = currentValue.map((v, i) =>\n      i === activeIndex ? Math.max(min, Math.min(max, v + delta)) : v,\n    );\n    handleValueChange(next);\n    onValueCommit?.(next);\n  };\n\n  const denom = max - min || 1;\n  const percentFor = (n: number) => ((n - min) / denom) * 100;\n\n  const rootRef = useRef<HTMLSpanElement>(null);\n  const composedRef = composeRefs(ref, rootRef);\n  const autoDir = useDirection(rootRef);\n\n  const currentValueRef = useRef<number[]>(currentValue);\n  currentValueRef.current = currentValue;\n\n  const agentHandle = useMemo<SliderHandle>(\n    () => ({\n      getValue: () => currentValueRef.current.slice(),\n      setValue: (next) => {\n        handleValueChange(next);\n        onValueCommit?.(next);\n      },\n    }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [isControlled, onValueChange, onValueCommit],\n  );\n  useAgentRegistration(sliderAgent, agentHandle, id);\n\n  const root = (\n    <RadixSlider.Root\n      ref={composedRef}\n      id={sliderId}\n      dir={dir ?? autoDir}\n      orientation={orientation}\n      min={min}\n      max={max}\n      step={step}\n      disabled={effectiveDisabled}\n      value={isControlled ? value : undefined}\n      defaultValue={!isControlled ? (defaultValue ?? [min]) : undefined}\n      onValueChange={handleValueChange}\n      onValueCommit={onValueCommit}\n      onKeyDown={handleKeyDown}\n      aria-describedby={describedBy}\n      aria-invalid={ctx.invalid || undefined}\n      aria-required={ctx.required || undefined}\n      className={sliderVariants({ size, className })}\n      data-component=\"slider\"\n      data-component-id={id}\n      {...rest}\n      // Strip aria-label off the Root span — Radix puts `role=\"slider\"`\n      // on the Thumb, so the label belongs there (see `labelForThumb`).\n      // Carrying aria-label on both the Root and the Thumb produces\n      // duplicate matches under accessible-name queries.\n      aria-label={undefined}\n    >\n      <RadixSlider.Track className={trackVariants()}>\n        <RadixSlider.Range className={rangeVariants()} />\n      </RadixSlider.Track>\n      {marks && marks.length > 0 ? (\n        <span\n          aria-hidden=\"true\"\n          className={marksContainerVariants({ orientation })}\n        >\n          {marks.map((m) => {\n            const p = percentFor(m.value);\n            const positionStyle: CSSProperties =\n              orientation === 'vertical'\n                ? { insetBlockEnd: `${p}%` }\n                : { insetInlineStart: `${p}%` };\n            return (\n              <span\n                key={`${m.value}-${m.label ?? ''}`}\n                className={markVariants({ orientation })}\n                style={positionStyle}\n              >\n                <span className={tickVariants({ orientation })} />\n                {m.label ? (\n                  <span className={markLabelVariants()}>{m.label}</span>\n                ) : null}\n              </span>\n            );\n          })}\n        </span>\n      ) : null}\n      {currentValue.map((v, i) => (\n        <RadixSlider.Thumb\n          key={i}\n          aria-label={labelForThumb(i)}\n          aria-valuetext={format(v)}\n          // The thumb is the focusable element — assistive tech reads its\n          // aria-describedby / aria-invalid when the user tabs onto it, not\n          // the parent Root's. Propagate FormField context to each thumb.\n          aria-describedby={describedBy}\n          aria-invalid={ctx.invalid || undefined}\n          className={thumbVariants({ size })}\n        >\n          <span aria-hidden=\"true\" className={hitAreaVariants({ size })} />\n          <span\n            aria-hidden=\"true\"\n            className={tooltipWrapperVariants({ orientation })}\n          >\n            <span\n              className={tooltipBubbleVariants({\n                orientation,\n                alwaysShow: alwaysShowValue,\n              })}\n            >\n              {format(v)}\n            </span>\n          </span>\n        </RadixSlider.Thumb>\n      ))}\n    </RadixSlider.Root>\n  );\n\n  if (minLabel !== undefined || maxLabel !== undefined) {\n    return (\n      <div className={endpointWrapperVariants({ orientation })}>\n        {minLabel !== undefined ? (\n          <span className={endpointLabelVariants()}>{minLabel}</span>\n        ) : null}\n        {root}\n        {maxLabel !== undefined ? (\n          <span className={endpointLabelVariants()}>{maxLabel}</span>\n        ) : null}\n      </div>\n    );\n  }\n\n  return root;\n});\n\nSlider.displayName = 'Slider';\n"],"names":["sliderAgent","handle","args","sliderVariants","cva","trackVariants","rangeVariants","thumbVariants","hitAreaVariants","tooltipWrapperVariants","tooltipBubbleVariants","marksContainerVariants","markVariants","tickVariants","markLabelVariants","endpointWrapperVariants","endpointLabelVariants","Slider","forwardRef","props","ref","value","defaultValue","marks","minLabel","maxLabel","formatValue","alwaysShowValue","step","largeStep","thumbLabels","size","orientation","min","max","disabled","dir","id","className","onValueChange","onValueCommit","onKeyDown","rest","t","i18n","useTranslation","ctx","useFormField","isControlled","internalValue","setInternalValue","useState","currentValue","handleValueChange","next","effectiveDisabled","describedBy","sliderId","defaultFormat","useCallback","n","format","defaultMinThumbLabel","defaultMaxThumbLabel","rootAriaLabel","labelForThumb","i","handleKeyDown","event","thumbs","activeIndex","delta","v","denom","percentFor","rootRef","useRef","composedRef","composeRefs","autoDir","useDirection","currentValueRef","agentHandle","useMemo","useAgentRegistration","root","jsxs","RadixSlider","jsx","m","p","positionStyle"],"mappings":"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"}

package/dist/_chunks/sparkline.agent-56Sj7nOP.js

@@ -0,0 +1,245 @@
+import { jsx as I, jsxs as L } from "react/jsx-runtime";
+import { forwardRef as P, useId as j, useMemo as S, useRef as G, useState as z, useEffect as A, useImperativeHandle as V } from "react";
+import { c as Z } from "./index-D2ZczOXr.js";
+import { useTranslation as $ } from "react-i18next";
+import q from "react-apexcharts";
+import w from "apexcharts";
+import { g as H, u as J } from "./apexcharts-theme-BkSShpEy.js";
+function K(n) {
+  if (n.length < 2)
+    return { slope: 0, direction: "steady" };
+  const t = n.length, i = (t - 1) / 2, c = n.reduce((s, o) => s + o, 0) / t;
+  let a = 0, l = 0;
+  for (let s = 0; s < t; s++) {
+    const o = s - i;
+    a += o * (n[s] - c), l += o * o;
+  }
+  const d = l === 0 ? 0 : a / l, b = 0.01 * (Math.max(...n) - Math.min(...n) || 1), k = Math.abs(d) < b ? "steady" : d > 0 ? "increasing" : "decreasing";
+  return { slope: d, direction: k };
+}
+const D = Z("ds:relative ds:inline-block ds:w-full", {
+  variants: {
+    size: {
+      xs: "ds:h-6",
+      sm: "ds:h-8",
+      md: "ds:h-10"
+    }
+  },
+  defaultVariants: { size: "md" }
+}), Q = {
+  increasing: "↑",
+  decreasing: "↓",
+  steady: "→"
+}, X = {
+  xs: 24,
+  sm: 32,
+  md: 40
+};
+function Y() {
+  return typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+const ee = P(
+  ({
+    id: n,
+    data: t,
+    variant: i = "line",
+    size: c = "md",
+    label: a,
+    color: l,
+    showEndpoint: d = !1,
+    showTooltip: v = !1,
+    width: b,
+    height: k,
+    className: s,
+    ...o
+  }, U) => {
+    var N;
+    const { t: u, i18n: R } = $(), M = j(), m = S(
+      () => `sparkline-${M.replace(/[^a-zA-Z0-9-_]/g, "")}`,
+      [M]
+    ), p = G(null), [C, _] = z(0), { direction: y } = K(t), T = S(() => {
+      if (t.length === 0)
+        return u("ui.sparkline.noData", "No data");
+      const e = (g) => new Intl.NumberFormat(R.language).format(g), r = u(`ui.sparkline.direction.${y}`), f = {
+        min: e(Math.min(...t)),
+        max: e(Math.max(...t)),
+        current: e(t[t.length - 1]),
+        direction: r
+      };
+      return a ? u("ui.sparkline.summary", { label: a, ...f }) : u("ui.sparkline.summaryNoLabel", f);
+    }, [t, a, y, R.language, u]), [h, E] = z(() => {
+      try {
+        return H();
+      } catch {
+        return {};
+      }
+    });
+    A(() => {
+      let e;
+      const r = new MutationObserver(() => {
+        clearTimeout(e), e = setTimeout(() => {
+          try {
+            E(H());
+          } catch {
+          }
+        }, 50);
+      });
+      return r.observe(document.documentElement, {
+        attributes: !0,
+        attributeFilter: ["class"]
+      }), () => {
+        clearTimeout(e), r.disconnect();
+      };
+    }, []), A(() => {
+      const e = p.current;
+      if (!e) return;
+      const r = new ResizeObserver((f) => {
+        const g = f[0];
+        g && _(Math.floor(g.contentRect.width));
+      });
+      return r.observe(e), () => r.disconnect();
+    }, []), J(p), V(U, () => ({
+      updateSeries(e) {
+        var r;
+        (r = w.getChartByID(m)) == null || r.updateSeries([{ data: e }]);
+      },
+      updateOptions(e) {
+        var r;
+        (r = w.getChartByID(m)) == null || r.updateOptions(e);
+      },
+      async dataURI() {
+        const e = w.getChartByID(m);
+        return e ? (await e.dataURI()).imgURI : "";
+      }
+    }));
+    const x = l ?? ((N = h.colors) == null ? void 0 : N[0]) ?? "currentColor";
+    if (t.length === 0)
+      return /* @__PURE__ */ I(
+        "div",
+        {
+          ref: p,
+          role: "img",
+          "aria-label": T,
+          dir: "ltr",
+          className: D({ size: c, className: s }),
+          ...o
+        }
+      );
+    const O = Y(), W = {
+      ...h,
+      chart: {
+        ...h.chart,
+        id: m,
+        type: i,
+        sparkline: { enabled: !0 },
+        toolbar: { show: !1 },
+        animations: {
+          enabled: !O,
+          dynamicAnimation: { enabled: !O }
+        },
+        zoom: { enabled: !1 },
+        parentHeightOffset: 0
+      },
+      colors: [x],
+      stroke: {
+        curve: "smooth",
+        width: i === "bar" ? 0 : 2
+      },
+      fill: {
+        opacity: i === "area" ? 0.15 : 1
+      },
+      xaxis: {
+        crosshairs: { show: !1 }
+      },
+      tooltip: { enabled: v },
+      markers: d ? {
+        size: [0],
+        discrete: [
+          {
+            seriesIndex: 0,
+            dataPointIndex: t.length - 1,
+            fillColor: x,
+            strokeColor: x,
+            size: 4
+          }
+        ]
+      } : { size: 0 },
+      grid: {
+        ...h.grid,
+        show: !1,
+        // ApexCharts grid.padding uses physical keys (not CSS logical properties).
+        // The chart wrapper enforces dir="ltr" so these always resolve correctly.
+        padding: { top: 2, right: 2, bottom: 2, left: 2 }
+      }
+    }, B = b ?? (C > 0 ? C : "100%"), F = k ?? X[c ?? "md"];
+    return /* @__PURE__ */ L(
+      "div",
+      {
+        ref: p,
+        role: "img",
+        "aria-label": T,
+        dir: "ltr",
+        className: D({ size: c, className: s }),
+        "data-component": "sparkline",
+        "data-component-id": n,
+        ...o,
+        children: [
+          /* @__PURE__ */ I(
+            q,
+            {
+              type: i,
+              series: [{ data: t }],
+              options: W,
+              width: B,
+              height: F,
+              "aria-hidden": "true"
+            }
+          ),
+          d && /* @__PURE__ */ I(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: "ds:pointer-events-none ds:absolute ds:end-0 ds:top-0 ds:text-[length:var(--font-size-xs)] ds:leading-none",
+              children: Q[y]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+ee.displayName = "Sparkline";
+const de = {
+  id: "sparkline",
+  capabilities: [],
+  state: {},
+  actions: {
+    update_series: {
+      safety: "read",
+      argsType: "{ data: number[] }",
+      description: "Replace the sparkline data without remounting.",
+      invoke: (n, t) => {
+        n.updateSeries(t.data);
+      }
+    },
+    export_png: {
+      safety: "read",
+      description: "Return a PNG data URI of the sparkline.",
+      invoke: (n) => n.dataURI()
+    }
+  },
+  domHooks: {
+    root: { attr: "data-component", value: "sparkline" },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    }
+  }
+};
+export {
+  ee as S,
+  de as s,
+  K as u
+};
+//# sourceMappingURL=sparkline.agent-56Sj7nOP.js.map

package/dist/_chunks/sparkline.agent-56Sj7nOP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sparkline.agent-56Sj7nOP.js","sources":["../../src/components/sparkline/use-linear-trend.ts","../../src/components/sparkline/sparkline.tsx","../../src/components/sparkline/sparkline.agent.ts"],"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 ? 'steady' : slope > 0 ? 'increasing' : 'decreasing';\n\n  return { slope, direction };\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 { useLinearTrend } from './use-linear-trend';\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    },\n  },\n  defaultVariants: { size: 'md' },\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\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[]) => void;\n  updateOptions: (opts: ApexCharts.ApexOptions) => void;\n  dataURI: () => Promise<string>;\n}\n\nexport interface SparklineProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'role' | 'children'>,\n    VariantProps<typeof sparklineVariants> {\n  /** Array of numeric data points */\n  data: number[];\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}\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      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\n    const { direction } = useLinearTrend(data);\n\n    /* ---- accessible summary ---------------------------------------- */\n    const ariaLabel = useMemo(() => {\n      if (data.length === 0) {\n        return t('ui.sparkline.noData', 'No data');\n      }\n      const fmt = (n: number) => new Intl.NumberFormat(i18n.language).format(n);\n      const dirText = t(`ui.sparkline.direction.${direction}`);\n      const nums = {\n        min: fmt(Math.min(...data)),\n        max: fmt(Math.max(...data)),\n        current: fmt(data[data.length - 1]),\n        direction: dirText,\n      };\n      if (label) {\n        return t('ui.sparkline.summary', { label, ...nums });\n      }\n      return t('ui.sparkline.summaryNoLabel', nums);\n    }, [data, label, direction, i18n.language, t]);\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      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 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    /* 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    useImperativeHandle(ref, () => ({\n      updateSeries(newData: number[]) {\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    }));\n\n    /* ---- resolve color -------------------------------------------- */\n    const resolvedColor = color ?? themeOptions.colors?.[0] ?? 'currentColor';\n\n    /* ---- empty state ---------------------------------------------- */\n    if (data.length === 0) {\n      return (\n        <div\n          ref={wrapperRef}\n          role=\"img\"\n          aria-label={ariaLabel}\n          dir=\"ltr\"\n          className={sparklineVariants({ size, className })}\n          {...props}\n        />\n      );\n    }\n\n    /* ---- chart config ---------------------------------------------- */\n    const reducedMotion = prefersReducedMotion();\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          dynamicAnimation: { enabled: !reducedMotion },\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      },\n      tooltip: { enabled: showTooltip },\n      markers:\n        showEndpoint\n          ? {\n              size: [0],\n              discrete: [\n                {\n                  seriesIndex: 0,\n                  dataPointIndex: data.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: { top: 2, right: 2, bottom: 2, left: 2 },\n      },\n    };\n\n    const resolvedWidth = width ?? (containerWidth > 0 ? containerWidth : '100%');\n    const resolvedHeight = height ?? SIZE_HEIGHT[size ?? 'md'];\n\n    return (\n      <div\n        ref={wrapperRef}\n        role=\"img\"\n        aria-label={ariaLabel}\n        dir=\"ltr\"\n        className={sparklineVariants({ size, className })}\n        data-component=\"sparkline\"\n        data-component-id={id}\n        {...props}\n      >\n        <ReactApexChart\n          type={variant}\n          series={[{ data }]}\n          options={chartOptions}\n          width={resolvedWidth}\n          height={resolvedHeight}\n          aria-hidden=\"true\"\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","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      safety: 'read',\n      argsType: '{ data: number[] }',\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      safety: 'read',\n      description: 'Return a PNG data URI of the sparkline.',\n      invoke: (handle) => handle.dataURI(),\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"],"names":["useLinearTrend","data","n","xMean","yMean","sum","y","numerator","denominator","i","dx","slope","threshold","direction","sparklineVariants","cva","DIRECTION_ARROW","SIZE_HEIGHT","prefersReducedMotion","Sparkline","forwardRef","id","variant","size","label","color","showEndpoint","showTooltip","width","height","className","props","ref","t","i18n","useTranslation","rawId","useId","chartId","useMemo","wrapperRef","useRef","containerWidth","setContainerWidth","useState","ariaLabel","fmt","dirText","nums","themeOptions","setThemeOptions","getApexChartsTheme","useEffect","timer","observer","el","ro","entries","entry","useNeutraliseHiddenFocus","useImperativeHandle","newData","_a","ApexCharts","opts","instance","resolvedColor","jsx","reducedMotion","chartOptions","resolvedWidth","resolvedHeight","jsxs","ReactApexChart","sparklineAgent","handle","args"],"mappings":"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"}