@alfadocs/ui-kit-debug 0.1.8 → 0.1.9

package/dist/_chunks/slider-DjyRt3Mp.js

@@ -1,274 +0,0 @@
-import { jsxs as u, jsx as s } from "react/jsx-runtime";
-import { forwardRef as na, useState as ia, useCallback as oa, useRef as da } from "react";
-import * as m from "@radix-ui/react-slider";
-import { c as t } from "./index-D2ZczOXr.js";
-import { useTranslation as la } from "react-i18next";
-import { u as ca } from "./form-field-context-94LwgYTQ.js";
-import { u as ua } from "./use-direction-D6rvvG9G.js";
-import { c as ma } from "./compose-refs-C0k0tdqF.js";
-const fa = 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" }
-  }
-), ha = 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(" ")
-), pa = t(
-  [
-    "ds:absolute ds:bg-primary ds:rounded-[var(--radius-full)]",
-    "ds:data-[orientation=horizontal]:h-full",
-    "ds:data-[orientation=vertical]:w-full"
-  ].join(" ")
-), va = 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" }
-  }
-), ba = 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" }
-}), ga = 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" }
-  }
-), xa = 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 }
-  }
-), wa = 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" }
-}), za = 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" }
-}), ya = t("ds:bg-border", {
-  variants: {
-    orientation: {
-      horizontal: "ds:w-px ds:h-1",
-      vertical: "ds:h-px ds:w-1"
-    }
-  },
-  defaultVariants: { orientation: "horizontal" }
-}), Va = t(
-  "ds:text-muted-foreground type-meta ds:mt-[var(--spacing-xs)]"
-), Na = 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" }
-  }
-), F = t(
-  "ds:text-muted-foreground type-meta ds:tabular-nums ds:shrink-0"
-), ka = na((B, I) => {
-  const {
-    value: o,
-    defaultValue: y,
-    marks: f,
-    minLabel: h,
-    maxLabel: p,
-    formatValue: P,
-    alwaysShowValue: $ = !1,
-    step: q = 1,
-    largeStep: V = 10,
-    thumbLabels: d,
-    size: v = "md",
-    orientation: e = "horizontal",
-    min: n = 0,
-    max: b = 100,
-    disabled: A,
-    dir: C,
-    id: E,
-    className: U,
-    onValueChange: g,
-    onValueCommit: l,
-    onKeyDown: x,
-    ...W
-  } = B, { t: N, i18n: k } = la(), i = ca(), c = o !== void 0, [K, O] = ia(
-    o ?? y ?? [n]
-  ), w = c ? o : K, S = (a) => {
-    c || O(a), g == null || g(a);
-  }, j = !!(i.disabled || A), G = i.describedBy || void 0, H = E ?? i.id, J = oa(
-    (a) => new Intl.NumberFormat(k.language).format(a),
-    [k.language]
-  ), R = P ?? J, Q = N("ui.inputs.slider.minLabel", "Minimum"), X = N("ui.inputs.slider.maxLabel", "Maximum"), Y = (a) => {
-    if (d != null && d[a]) return d[a];
-    if (w.length === 2)
-      return a === 0 ? Q : X;
-  }, Z = (a) => {
-    if (x == null || x(a), a.defaultPrevented || j || a.key !== "PageUp" && a.key !== "PageDown") return;
-    a.preventDefault();
-    const r = Array.from(
-      a.currentTarget.querySelectorAll('[role="slider"]')
-    ), z = Math.max(
-      0,
-      r.indexOf(document.activeElement)
-    ), ea = a.key === "PageUp" ? V : -V, T = w.map(
-      (D, ra) => ra === z ? Math.max(n, Math.min(b, D + ea)) : D
-    );
-    S(T), l == null || l(T);
-  }, _ = b - n || 1, aa = (a) => (a - n) / _ * 100, L = da(null), ta = ma(I, L), sa = ua(L), M = /* @__PURE__ */ u(
-    m.Root,
-    {
-      ref: ta,
-      id: H,
-      dir: C ?? sa,
-      orientation: e,
-      min: n,
-      max: b,
-      step: q,
-      disabled: j,
-      value: c ? o : void 0,
-      defaultValue: c ? void 0 : y ?? [n],
-      onValueChange: S,
-      onValueCommit: l,
-      onKeyDown: Z,
-      "aria-describedby": G,
-      "aria-invalid": i.invalid || void 0,
-      "aria-required": i.required || void 0,
-      className: fa({ size: v, className: U }),
-      "data-component": "slider",
-      ...W,
-      children: [
-        /* @__PURE__ */ s(m.Track, { className: ha(), children: /* @__PURE__ */ s(m.Range, { className: pa() }) }),
-        f && f.length > 0 ? /* @__PURE__ */ s(
-          "span",
-          {
-            "aria-hidden": "true",
-            className: wa({ orientation: e }),
-            children: f.map((a) => {
-              const r = aa(a.value), z = e === "vertical" ? { insetBlockEnd: `${r}%` } : { insetInlineStart: `${r}%` };
-              return /* @__PURE__ */ u(
-                "span",
-                {
-                  className: za({ orientation: e }),
-                  style: z,
-                  children: [
-                    /* @__PURE__ */ s("span", { className: ya({ orientation: e }) }),
-                    a.label ? /* @__PURE__ */ s("span", { className: Va(), children: a.label }) : null
-                  ]
-                },
-                `${a.value}-${a.label ?? ""}`
-              );
-            })
-          }
-        ) : null,
-        w.map((a, r) => /* @__PURE__ */ u(
-          m.Thumb,
-          {
-            "aria-label": Y(r),
-            "aria-valuetext": R(a),
-            className: va({ size: v }),
-            children: [
-              /* @__PURE__ */ s("span", { "aria-hidden": "true", className: ba({ size: v }) }),
-              /* @__PURE__ */ s(
-                "span",
-                {
-                  "aria-hidden": "true",
-                  className: ga({ orientation: e }),
-                  children: /* @__PURE__ */ s(
-                    "span",
-                    {
-                      className: xa({
-                        orientation: e,
-                        alwaysShow: $
-                      }),
-                      children: R(a)
-                    }
-                  )
-                }
-              )
-            ]
-          },
-          r
-        ))
-      ]
-    }
-  );
-  return h !== void 0 || p !== void 0 ? /* @__PURE__ */ u("div", { className: Na({ orientation: e }), children: [
-    h !== void 0 ? /* @__PURE__ */ s("span", { className: F(), children: h }) : null,
-    M,
-    p !== void 0 ? /* @__PURE__ */ s("span", { className: F(), children: p }) : null
-  ] }) : M;
-});
-ka.displayName = "Slider";
-export {
-  ka as S
-};
-//# sourceMappingURL=slider-DjyRt3Mp.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"slider-DjyRt3Mp.js","sources":["../../src/components/slider/slider.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useRef,\n  useState,\n  type CSSProperties,\n  type ComponentPropsWithoutRef,\n  type ElementRef,\n  type KeyboardEvent,\n} from 'react';\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  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 undefined;\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 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      {...rest}\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          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":["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","labelForThumb","i","handleKeyDown","event","thumbs","activeIndex","delta","v","denom","percentFor","rootRef","useRef","composedRef","composeRefs","autoDir","useDirection","root","jsxs","RadixSlider","jsx","m","p","positionStyle"],"mappings":"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"}

package/dist/_chunks/sparkline.agent-C_xp3NRB.js

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

package/dist/_chunks/sparkline.agent-C_xp3NRB.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sparkline.agent-C_xp3NRB.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      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        {...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  },\n};\n"],"names":["useLinearTrend","data","xMean","yMean","sum","y","numerator","denominator","i","dx","slope","threshold","direction","sparklineVariants","cva","DIRECTION_ARROW","SIZE_HEIGHT","prefersReducedMotion","Sparkline","forwardRef","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","n","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":";;;;;;;AAOO,SAASA,EAAeC,GAAmC;AAChE,MAAIA,EAAK,SAAS;AAChB,WAAO,EAAE,OAAO,GAAG,WAAW,SAAA;AAGhC,QAAM,IAAIA,EAAK,QACTC,KAAS,IAAI,KAAK,GAClBC,IAAQF,EAAK,OAAO,CAACG,GAAKC,MAAMD,IAAMC,GAAG,CAAC,IAAI;AAEpD,MAAIC,IAAY,GACZC,IAAc;AAElB,WAASC,IAAI,GAAGA,IAAI,GAAGA,KAAK;AAC1B,UAAMC,IAAKD,IAAIN;AACf,IAAAI,KAAaG,KAAMR,EAAKO,CAAC,IAAIL,IAC7BI,KAAeE,IAAKA;AAAA,EACtB;AAEA,QAAMC,IAAQH,MAAgB,IAAI,IAAID,IAAYC,GAE5CI,IAAY,QADJ,KAAK,IAAI,GAAGV,CAAI,IAAI,KAAK,IAAI,GAAGA,CAAI,KACf,IAE7BW,IACJ,KAAK,IAAIF,CAAK,IAAIC,IAAY,WAAWD,IAAQ,IAAI,eAAe;AAEtE,SAAO,EAAE,OAAAA,GAAO,WAAAE,EAAA;AAClB;ACXA,MAAMC,IAAoBC,EAAI,yCAAyC;AAAA,EACrE,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EACN;AAAA,EAEF,iBAAiB,EAAE,MAAM,KAAA;AAC3B,CAAC,GAMKC,IAAkB;AAAA,EACtB,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,QAAQ;AACV,GAEMC,IAAkD;AAAA,EACtD,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEA,SAASC,IAAgC;AACvC,SACE,OAAO,SAAW,OAClB,OAAO,WAAW,kCAAkC,EAAE;AAE1D;AA4CO,MAAMC,IAAYC;AAAA,EACvB,CACE;AAAA,IACE,MAAAlB;AAAA,IACA,SAAAmB,IAAU;AAAA,IACV,MAAAC,IAAO;AAAA,IACP,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,cAAAC,IAAe;AAAA,IACf,aAAAC,IAAc;AAAA,IACd,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;;AACH,UAAM,EAAE,GAAAC,GAAG,MAAAC,EAAA,IAASC,EAAA,GACdC,IAAQC,EAAA,GACRC,IAAUC;AAAA,MACd,MAAM,aAAaH,EAAM,QAAQ,mBAAmB,EAAE,CAAC;AAAA,MACvD,CAACA,CAAK;AAAA,IAAA,GAEFI,IAAaC,EAAuB,IAAI,GACxC,CAACC,GAAgBC,CAAiB,IAAIC,EAAS,CAAC,GAEhD,EAAE,WAAA9B,EAAA,IAAcZ,EAAeC,CAAI,GAGnC0C,IAAYN,EAAQ,MAAM;AAC9B,UAAIpC,EAAK,WAAW;AAClB,eAAO8B,EAAE,uBAAuB,SAAS;AAE3C,YAAMa,IAAM,CAACC,MAAc,IAAI,KAAK,aAAab,EAAK,QAAQ,EAAE,OAAOa,CAAC,GAClEC,IAAUf,EAAE,0BAA0BnB,CAAS,EAAE,GACjDmC,IAAO;AAAA,QACX,KAAKH,EAAI,KAAK,IAAI,GAAG3C,CAAI,CAAC;AAAA,QAC1B,KAAK2C,EAAI,KAAK,IAAI,GAAG3C,CAAI,CAAC;AAAA,QAC1B,SAAS2C,EAAI3C,EAAKA,EAAK,SAAS,CAAC,CAAC;AAAA,QAClC,WAAW6C;AAAA,MAAA;AAEb,aAAIxB,IACKS,EAAE,wBAAwB,EAAE,OAAAT,GAAO,GAAGyB,GAAM,IAE9ChB,EAAE,+BAA+BgB,CAAI;AAAA,IAC9C,GAAG,CAAC9C,GAAMqB,GAAOV,GAAWoB,EAAK,UAAUD,CAAC,CAAC,GAGvC,CAACiB,GAAcC,CAAe,IAAIP,EAAiC,MAAM;AAC7E,UAAI;AACF,eAAOQ,EAAA;AAAA,MACT,QAAQ;AACN,eAAO,CAAA;AAAA,MACT;AAAA,IACF,CAAC;AAGD,IAAAC,EAAU,MAAM;AACd,UAAIC;AACJ,YAAMC,IAAW,IAAI,iBAAiB,MAAM;AAC1C,qBAAaD,CAAK,GAClBA,IAAQ,WAAW,MAAM;AACvB,cAAI;AACF,YAAAH,EAAgBC,GAAoB;AAAA,UACtC,QAAQ;AAAA,UAER;AAAA,QACF,GAAG,EAAE;AAAA,MACP,CAAC;AACD,aAAAG,EAAS,QAAQ,SAAS,iBAAiB;AAAA,QACzC,YAAY;AAAA,QACZ,iBAAiB,CAAC,OAAO;AAAA,MAAA,CAC1B,GACM,MAAM;AACX,qBAAaD,CAAK,GAClBC,EAAS,WAAA;AAAA,MACX;AAAA,IACF,GAAG,CAAA,CAAE,GAGLF,EAAU,MAAM;AACd,YAAMG,IAAKhB,EAAW;AACtB,UAAI,CAACgB,EAAI;AACT,YAAMC,IAAK,IAAI,eAAe,CAACC,MAAY;AACzC,cAAMC,IAAQD,EAAQ,CAAC;AACvB,QAAIC,KAAOhB,EAAkB,KAAK,MAAMgB,EAAM,YAAY,KAAK,CAAC;AAAA,MAClE,CAAC;AACD,aAAAF,EAAG,QAAQD,CAAE,GACN,MAAMC,EAAG,WAAA;AAAA,IAClB,GAAG,CAAA,CAAE,GAMLG,EAAyBpB,CAAU,GAGnCqB,EAAoB7B,GAAK,OAAO;AAAA,MAC9B,aAAa8B,GAAmB;;AAC9B,SAAAC,IAAAC,EAAW,aAAa1B,CAAO,MAA/B,QAAAyB,EAAkC,aAAa,CAAC,EAAE,MAAMD,EAAA,CAAS;AAAA,MACnE;AAAA,MACA,cAAcG,GAA8B;;AAC1C,SAAAF,IAAAC,EAAW,aAAa1B,CAAO,MAA/B,QAAAyB,EAAkC,cAAcE;AAAA,MAClD;AAAA,MACA,MAAM,UAA2B;AAC/B,cAAMC,IAAWF,EAAW,aAAa1B,CAAO;AAChD,eAAK4B,KACU,MAAMA,EAAS,QAAA,GACQ,SAFhB;AAAA,MAGxB;AAAA,IAAA,EACA;AAGF,UAAMC,IAAgB1C,OAASsC,IAAAb,EAAa,WAAb,gBAAAa,EAAsB,OAAM;AAG3D,QAAI5D,EAAK,WAAW;AAClB,aACE,gBAAAiE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAK5B;AAAA,UACL,MAAK;AAAA,UACL,cAAYK;AAAA,UACZ,KAAI;AAAA,UACJ,WAAW9B,EAAkB,EAAE,MAAAQ,GAAM,WAAAO,GAAW;AAAA,UAC/C,GAAGC;AAAA,QAAA;AAAA,MAAA;AAMV,UAAMsC,IAAgBlD,EAAA,GAEhBmD,IAAuC;AAAA,MAC3C,GAAGpB;AAAA,MACH,OAAO;AAAA,QACL,GAAGA,EAAa;AAAA,QAChB,IAAIZ;AAAA,QACJ,MAAMhB;AAAA,QACN,WAAW,EAAE,SAAS,GAAA;AAAA,QACtB,SAAS,EAAE,MAAM,GAAA;AAAA,QACjB,YAAY;AAAA,UACV,SAAS,CAAC+C;AAAA,UACV,kBAAkB,EAAE,SAAS,CAACA,EAAA;AAAA,QAAc;AAAA,QAE9C,MAAM,EAAE,SAAS,GAAA;AAAA,QACjB,oBAAoB;AAAA,MAAA;AAAA,MAEtB,QAAQ,CAACF,CAAa;AAAA,MACtB,QAAQ;AAAA,QACN,OAAO;AAAA,QACP,OAAO7C,MAAY,QAAQ,IAAI;AAAA,MAAA;AAAA,MAEjC,MAAM;AAAA,QACJ,SAASA,MAAY,SAAS,OAAO;AAAA,MAAA;AAAA,MAEvC,OAAO;AAAA,QACL,YAAY,EAAE,MAAM,GAAA;AAAA,MAAM;AAAA,MAE5B,SAAS,EAAE,SAASK,EAAA;AAAA,MACpB,SACED,IACI;AAAA,QACE,MAAM,CAAC,CAAC;AAAA,QACR,UAAU;AAAA,UACR;AAAA,YACE,aAAa;AAAA,YACb,gBAAgBvB,EAAK,SAAS;AAAA,YAC9B,WAAWgE;AAAA,YACX,aAAaA;AAAA,YACb,MAAM;AAAA,UAAA;AAAA,QACR;AAAA,MACF,IAEF,EAAE,MAAM,EAAA;AAAA,MACd,MAAM;AAAA,QACJ,GAAGjB,EAAa;AAAA,QAChB,MAAM;AAAA;AAAA;AAAA,QAGN,SAAS,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,EAAA;AAAA,MAAE;AAAA,IAClD,GAGIqB,IAAgB3C,MAAUc,IAAiB,IAAIA,IAAiB,SAChE8B,IAAiB3C,KAAUX,EAAYK,KAAQ,IAAI;AAEzD,WACE,gBAAAkD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKjC;AAAA,QACL,MAAK;AAAA,QACL,cAAYK;AAAA,QACZ,KAAI;AAAA,QACJ,WAAW9B,EAAkB,EAAE,MAAAQ,GAAM,WAAAO,GAAW;AAAA,QAChD,kBAAe;AAAA,QACd,GAAGC;AAAA,QAEJ,UAAA;AAAA,UAAA,gBAAAqC;AAAA,YAACM;AAAA,YAAA;AAAA,cACC,MAAMpD;AAAA,cACN,QAAQ,CAAC,EAAE,MAAAnB,GAAM;AAAA,cACjB,SAASmE;AAAA,cACT,OAAOC;AAAA,cACP,QAAQC;AAAA,cACR,eAAY;AAAA,YAAA;AAAA,UAAA;AAAA,UAEb9C,KACC,gBAAA0C;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,eAAY;AAAA,cACZ,WAAU;AAAA,cAET,YAAgBtD,CAAS;AAAA,YAAA;AAAA,UAAA;AAAA,QAC5B;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;AAEAM,EAAU,cAAc;ACzTjB,MAAMuD,KAAgD;AAAA,EAC3D,IAAI;AAAA,EACJ,cAAc,CAAA;AAAA,EACd,OAAO,CAAA;AAAA,EACP,SAAS;AAAA,IACP,eAAe;AAAA,MACb,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,aAAa;AAAA,MACb,QAAQ,CAACC,GAAQC,MAA6B;AAC5C,QAAAD,EAAO,aAAaC,EAAK,IAAI;AAAA,MAC/B;AAAA,IAAA;AAAA,IAEF,YAAY;AAAA,MACV,QAAQ;AAAA,MACR,aAAa;AAAA,MACb,QAAQ,CAACD,MAAWA,EAAO,QAAA;AAAA,IAAQ;AAAA,EACrC;AAAA,EAEF,UAAU;AAAA,IACR,MAAM,EAAE,MAAM,kBAAkB,OAAO,YAAA;AAAA,EAAY;AAEvD;"}