@mieweb/ui 0.11.0-dev.2 → 0.11.0-dev.4

package/dist/{chunk-NUB5HRKS.js.map → chunk-DT3X3RBM.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/SliderCalculator/SliderCalculator.tsx"],"names":[],"mappings":"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","file":"chunk-NUB5HRKS.js","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { ChevronDown, ChevronUp } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { Slider } from '../Slider';\nimport { usePrefersReducedMotion } from '../../hooks/usePrefersReducedMotion';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport type CalculatorFormat =\n  | 'number'\n  | 'currency'\n  | 'compactCurrency'\n  | 'percent'\n  | 'hours'\n  | ((value: number) => string);\n\nexport interface CalculatorInput {\n  /** Key in the values object passed to `compute`. */\n  id: string;\n  label: string;\n  min: number;\n  max: number;\n  step?: number;\n  /** Starting value. */\n  defaultValue: number;\n  /** How the current value renders next to the label. Default `number`. */\n  format?: CalculatorFormat;\n  description?: string;\n}\n\nexport interface CalculatorBreakdown {\n  label: string;\n  value: number;\n}\n\nexport interface CalculatorMathRow {\n  label: string;\n  value: string;\n}\n\nexport interface CalculatorResult {\n  /** The headline number. */\n  total: number;\n  /** One-line context under the headline, e.g. \"42% of today's spend · 1,200 hours returned\". */\n  summary?: string;\n  /** Horizontal bars showing what makes up `total`. */\n  breakdown?: CalculatorBreakdown[];\n  /** Rows revealed by \"Show the math\". */\n  math?: CalculatorMathRow[];\n  /** Free-text assumptions listed under the math. */\n  assumptions?: string[];\n}\n\nexport interface SliderCalculatorProps {\n  inputs: CalculatorInput[];\n  /** Pure function from current values to a result. Runs on every change. */\n  compute: (values: Record<string, number>) => CalculatorResult;\n  /** Copy for the controls column. */\n  eyebrow?: string;\n  heading?: string;\n  description?: string;\n  headingLevel?: 'h2' | 'h3';\n  /** Label above the headline number. Default \"Estimated annual value\". */\n  resultLabel?: string;\n  /** Format for the headline. Default `compactCurrency`. */\n  resultFormat?: CalculatorFormat;\n  /** Format for breakdown values. Default `currency`. */\n  breakdownFormat?: CalculatorFormat;\n  /** Actions under the result (Buttons, links). */\n  actions?: React.ReactNode;\n  /** Small print under the actions. */\n  footnote?: string;\n  /** Labels for the math toggle. */\n  mathLabels?: { show?: string; hide?: string };\n  /** Currency for the built-in formatters. Default `USD`. */\n  currency?: string;\n  locale?: string;\n  /** Fires with the latest values and result on every change. */\n  onChange?: (values: Record<string, number>, result: CalculatorResult) => void;\n  className?: string;\n}\n\n// =============================================================================\n// Formatting\n// =============================================================================\n\nfunction makeFormatter(\n  format: CalculatorFormat | undefined,\n  locale: string,\n  currency: string\n): (v: number) => string {\n  if (typeof format === 'function') return format;\n  switch (format) {\n    case 'currency':\n      return (v) =>\n        v.toLocaleString(locale, {\n          style: 'currency',\n          currency,\n          maximumFractionDigits: 0,\n        });\n    case 'compactCurrency':\n      return (v) =>\n        v.toLocaleString(locale, {\n          style: 'currency',\n          currency,\n          notation: 'compact',\n          maximumFractionDigits: v >= 1_000_000 ? 2 : 0,\n        });\n    case 'percent':\n      return (v) => `${v.toLocaleString(locale)}%`;\n    case 'hours':\n      return (v) => `${v.toLocaleString(locale)} hr`;\n    default:\n      return (v) => v.toLocaleString(locale);\n  }\n}\n\n// =============================================================================\n// AnimatedNumber\n// =============================================================================\n\nexport interface AnimatedNumberProps {\n  value: number;\n  format?: (v: number) => string;\n  /** Tween length in ms. Default 480. */\n  duration?: number;\n  className?: string;\n}\n\n/** Tweens between numeric values with an ease-out; snaps under reduced motion. */\nexport function AnimatedNumber({\n  value,\n  format = (v) => v.toLocaleString(),\n  duration = 480,\n  className,\n}: AnimatedNumberProps) {\n  const reduced = usePrefersReducedMotion();\n  const [shown, setShown] = React.useState(value);\n  const shownRef = React.useRef(value);\n\n  React.useEffect(() => {\n    if (reduced || typeof window === 'undefined') {\n      shownRef.current = value;\n      setShown(value);\n      return;\n    }\n    const from = shownRef.current;\n    const start = performance.now();\n    let raf = 0;\n    const tick = (t: number) => {\n      const p = Math.min(1, (t - start) / duration);\n      const eased = 1 - Math.pow(1 - p, 3);\n      const v = from + (value - from) * eased;\n      shownRef.current = v;\n      setShown(v);\n      if (p < 1) raf = requestAnimationFrame(tick);\n    };\n    raf = requestAnimationFrame(tick);\n    return () => cancelAnimationFrame(raf);\n  }, [value, duration, reduced]);\n\n  return (\n    <span className={cn('tabular-nums', className)} data-slot=\"animated-number\">\n      {format(shown)}\n    </span>\n  );\n}\n\n// =============================================================================\n// SliderCalculator\n// =============================================================================\n\n/**\n * A two-column interactive calculator: labelled sliders on the left, a live\n * result panel on the right with an animated headline number, a one-line\n * summary, proportional breakdown bars, a \"Show the math\" disclosure and an\n * actions slot. Bring your own `compute` — the component owns only the\n * interaction. Ported from the Enterprise Health ROI calculator.\n *\n * @example\n * ```tsx\n * <SliderCalculator\n *   heading=\"What is consolidation worth?\"\n *   inputs={[\n *     { id: 'people', label: 'People covered', min: 500, max: 60000, step: 500, defaultValue: 8000 },\n *     { id: 'cost', label: 'Cost per exam', min: 20, max: 400, step: 5, defaultValue: 120, format: 'currency' },\n *   ]}\n *   compute={({ people, cost }) => ({ total: people * cost * 0.18 })}\n *   actions={<Button effect=\"sheen\">Request a demo</Button>}\n * />\n * ```\n */\nexport function SliderCalculator({\n  inputs,\n  compute,\n  eyebrow,\n  heading,\n  description,\n  headingLevel: Heading = 'h2',\n  resultLabel = 'Estimated annual value',\n  resultFormat = 'compactCurrency',\n  breakdownFormat = 'currency',\n  actions,\n  footnote,\n  mathLabels,\n  currency = 'USD',\n  locale = 'en-US',\n  onChange,\n  className,\n}: SliderCalculatorProps) {\n  const [values, setValues] = React.useState<Record<string, number>>(() =>\n    Object.fromEntries(inputs.map((i) => [i.id, i.defaultValue]))\n  );\n  const [showMath, setShowMath] = React.useState(false);\n  const id = React.useId();\n\n  const result = React.useMemo(() => compute(values), [compute, values]);\n\n  // Notify from an effect keyed on `values` only. `result` and `onChange` are\n  // read through a ref: an inline `compute` or `onChange` prop gets a new\n  // identity on every parent render, and depending on either would re-fire the\n  // notification (and potentially loop) without any actual slider change.\n  const skipInitialNotify = React.useRef(true);\n  const notifyRef = React.useRef({ onChange, result });\n  notifyRef.current = { onChange, result };\n  React.useEffect(() => {\n    if (skipInitialNotify.current) {\n      skipInitialNotify.current = false;\n      return;\n    }\n    notifyRef.current.onChange?.(values, notifyRef.current.result);\n  }, [values]);\n\n  const fmtResult = React.useMemo(\n    () => makeFormatter(resultFormat, locale, currency),\n    [resultFormat, locale, currency]\n  );\n  const fmtBreakdown = makeFormatter(breakdownFormat, locale, currency);\n\n  // Announce only the settled total. The result container previously carried\n  // aria-live while `AnimatedNumber` updated every animation frame, so screen\n  // readers could queue or repeat intermediate values during a drag.\n  const [announced, setAnnounced] = React.useState('');\n  const skipInitialAnnounce = React.useRef(true);\n  React.useEffect(() => {\n    if (skipInitialAnnounce.current) {\n      skipInitialAnnounce.current = false;\n      return;\n    }\n    const t = window.setTimeout(\n      () => setAnnounced(fmtResult(result.total)),\n      600\n    );\n    return () => window.clearTimeout(t);\n  }, [result.total, fmtResult]);\n\n  const labels = {\n    show: 'Show the math',\n    hide: 'Hide the math',\n    ...mathLabels,\n  };\n\n  const set = (key: string, v: number) => {\n    setValues((prev) => ({ ...prev, [key]: v }));\n  };\n\n  return (\n    <div\n      data-slot=\"slider-calculator\"\n      className={cn(\n        'border-border bg-card text-card-foreground grid overflow-hidden rounded-2xl border shadow-md',\n        'lg:grid-cols-[1.1fr_1fr]',\n        className\n      )}\n    >\n      {/* Controls */}\n      <div className=\"p-6 sm:p-8\">\n        {eyebrow && (\n          <p className=\"text-primary-800 dark:text-primary-300 mb-2 text-[11px] font-bold tracking-[0.14em] uppercase\">\n            {eyebrow}\n          </p>\n        )}\n        {heading && (\n          <Heading className=\"text-foreground text-2xl leading-tight font-semibold sm:text-3xl\">\n            {heading}\n          </Heading>\n        )}\n        {description && (\n          <p className=\"text-muted-foreground mt-3 text-sm\">{description}</p>\n        )}\n\n        <div className={cn('space-y-5', (heading || description) && 'mt-7')}>\n          {inputs.map((input) => (\n            <Slider\n              key={input.id}\n              id={`${id}-${input.id}`}\n              label={input.label}\n              description={input.description}\n              min={input.min}\n              max={input.max}\n              step={input.step}\n              value={values[input.id]}\n              onValueChange={(v) => set(input.id, v)}\n              showValue\n              formatValue={makeFormatter(input.format, locale, currency)}\n            />\n          ))}\n        </div>\n      </div>\n\n      {/* Result */}\n      <div\n        data-slot=\"slider-calculator-result\"\n        className=\"bg-primary-950 flex flex-col gap-6 p-6 text-white [background:radial-gradient(120%_120%_at_100%_0%,var(--mieweb-primary-800),var(--mieweb-primary-950)_70%)] sm:p-8\"\n      >\n        <span aria-live=\"polite\" className=\"sr-only\">\n          {announced ? `${resultLabel}: ${announced}` : ''}\n        </span>\n        <div>\n          <p className=\"text-[11px] font-bold tracking-[0.14em] text-white/70 uppercase\">\n            {resultLabel}\n          </p>\n          <p className=\"mt-2 text-5xl leading-none font-semibold tracking-tight sm:text-6xl\">\n            <AnimatedNumber value={result.total} format={fmtResult} />\n          </p>\n          {result.summary && (\n            <p className=\"mt-3 text-sm text-white/80\">{result.summary}</p>\n          )}\n        </div>\n\n        {result.breakdown && result.breakdown.length > 0 && (\n          <div className=\"space-y-3\">\n            {result.breakdown.map((b) => {\n              const pct =\n                result.total > 0\n                  ? Math.max(2, Math.min(100, (b.value / result.total) * 100))\n                  : 0;\n              return (\n                <div key={b.label}>\n                  <div className=\"mb-1 flex items-baseline justify-between gap-3 text-sm\">\n                    <span className=\"text-white/80\">{b.label}</span>\n                    <b className=\"tabular-nums\">\n                      <AnimatedNumber\n                        value={Math.max(b.value, 0)}\n                        format={fmtBreakdown}\n                      />\n                    </b>\n                  </div>\n                  <div className=\"h-1.5 overflow-hidden rounded-full bg-white/15\">\n                    <span\n                      className=\"block h-full rounded-full transition-[width] duration-500 ease-out [background:linear-gradient(90deg,var(--mieweb-accent,var(--mieweb-primary-300)),var(--mieweb-primary-300))]\"\n                      style={{ width: `${pct}%` }}\n                    />\n                  </div>\n                </div>\n              );\n            })}\n          </div>\n        )}\n\n        {(result.math?.length || result.assumptions?.length) && (\n          <div>\n            <button\n              type=\"button\"\n              onClick={() => setShowMath((v) => !v)}\n              aria-expanded={showMath}\n              aria-controls={`${id}-math`}\n              className=\"inline-flex items-center gap-1 text-sm font-semibold text-white/80 underline-offset-4 hover:text-white hover:underline\"\n            >\n              {showMath ? labels.hide : labels.show}\n              {showMath ? (\n                <ChevronUp size={14} aria-hidden />\n              ) : (\n                <ChevronDown size={14} aria-hidden />\n              )}\n            </button>\n            {showMath && (\n              <div\n                id={`${id}-math`}\n                className=\"mt-3 rounded-xl border border-white/15 bg-white/5 p-4 text-sm\"\n              >\n                {result.math?.map((row) => (\n                  <div\n                    key={row.label}\n                    className=\"flex justify-between gap-4 border-b border-white/10 py-1.5 last:border-0\"\n                  >\n                    <span className=\"text-white/75\">{row.label}</span>\n                    <b className=\"tabular-nums\">{row.value}</b>\n                  </div>\n                ))}\n                {result.assumptions && result.assumptions.length > 0 && (\n                  <ul className=\"mt-3 list-disc space-y-1 ps-5 text-xs text-white/70\">\n                    {result.assumptions.map((a) => (\n                      <li key={a}>{a}</li>\n                    ))}\n                  </ul>\n                )}\n              </div>\n            )}\n          </div>\n        )}\n\n        {actions && (\n          <div className=\"mt-auto flex flex-wrap gap-3\">{actions}</div>\n        )}\n        {footnote && <p className=\"text-xs text-white/60\">{footnote}</p>}\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/SliderCalculator/SliderCalculator.tsx"],"names":[],"mappings":"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","file":"chunk-DT3X3RBM.js","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { ChevronDown, ChevronUp } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { Slider } from '../Slider';\nimport { usePrefersReducedMotion } from '../../hooks/usePrefersReducedMotion';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport type CalculatorFormat =\n  | 'number'\n  | 'currency'\n  | 'compactCurrency'\n  | 'percent'\n  | 'hours'\n  | ((value: number) => string);\n\nexport interface CalculatorInput {\n  /** Key in the values object passed to `compute`. */\n  id: string;\n  label: string;\n  min: number;\n  max: number;\n  step?: number;\n  /** Starting value. */\n  defaultValue: number;\n  /** How the current value renders next to the label. Default `number`. */\n  format?: CalculatorFormat;\n  description?: string;\n}\n\nexport interface CalculatorBreakdown {\n  label: string;\n  value: number;\n}\n\nexport interface CalculatorMathRow {\n  label: string;\n  value: string;\n}\n\nexport interface CalculatorResult {\n  /** The headline number. */\n  total: number;\n  /** One-line context under the headline, e.g. \"42% of today's spend · 1,200 hours returned\". */\n  summary?: string;\n  /** Horizontal bars showing what makes up `total`. */\n  breakdown?: CalculatorBreakdown[];\n  /** Rows revealed by \"Show the math\". */\n  math?: CalculatorMathRow[];\n  /** Free-text assumptions listed under the math. */\n  assumptions?: string[];\n}\n\nexport interface SliderCalculatorProps {\n  inputs: CalculatorInput[];\n  /** Pure function from current values to a result. Runs on every change. */\n  compute: (values: Record<string, number>) => CalculatorResult;\n  /** Copy for the controls column. */\n  eyebrow?: string;\n  heading?: string;\n  description?: string;\n  headingLevel?: 'h2' | 'h3';\n  /** Label above the headline number. Default \"Estimated annual value\". */\n  resultLabel?: string;\n  /** Format for the headline. Default `compactCurrency`. */\n  resultFormat?: CalculatorFormat;\n  /** Format for breakdown values. Default `currency`. */\n  breakdownFormat?: CalculatorFormat;\n  /** Actions under the result (Buttons, links). */\n  actions?: React.ReactNode;\n  /** Small print under the actions. */\n  footnote?: string;\n  /** Labels for the math toggle. */\n  mathLabels?: { show?: string; hide?: string };\n  /** Currency for the built-in formatters. Default `USD`. */\n  currency?: string;\n  locale?: string;\n  /** Fires with the latest values and result on every change. */\n  onChange?: (values: Record<string, number>, result: CalculatorResult) => void;\n  className?: string;\n}\n\n// =============================================================================\n// Formatting\n// =============================================================================\n\nfunction makeFormatter(\n  format: CalculatorFormat | undefined,\n  locale: string,\n  currency: string\n): (v: number) => string {\n  if (typeof format === 'function') return format;\n  switch (format) {\n    case 'currency':\n      return (v) =>\n        v.toLocaleString(locale, {\n          style: 'currency',\n          currency,\n          maximumFractionDigits: 0,\n        });\n    case 'compactCurrency':\n      return (v) =>\n        v.toLocaleString(locale, {\n          style: 'currency',\n          currency,\n          notation: 'compact',\n          maximumFractionDigits: v >= 1_000_000 ? 2 : 0,\n        });\n    case 'percent':\n      return (v) => `${v.toLocaleString(locale)}%`;\n    case 'hours':\n      return (v) => `${v.toLocaleString(locale)} hr`;\n    default:\n      return (v) => v.toLocaleString(locale);\n  }\n}\n\n// =============================================================================\n// AnimatedNumber\n// =============================================================================\n\nexport interface AnimatedNumberProps {\n  value: number;\n  format?: (v: number) => string;\n  /** Tween length in ms. Default 480. */\n  duration?: number;\n  className?: string;\n}\n\n/** Tweens between numeric values with an ease-out; snaps under reduced motion. */\nexport function AnimatedNumber({\n  value,\n  format = (v) => v.toLocaleString(),\n  duration = 480,\n  className,\n}: AnimatedNumberProps) {\n  const reduced = usePrefersReducedMotion();\n  const [shown, setShown] = React.useState(value);\n  const shownRef = React.useRef(value);\n\n  React.useEffect(() => {\n    if (reduced || typeof window === 'undefined') {\n      shownRef.current = value;\n      setShown(value);\n      return;\n    }\n    const from = shownRef.current;\n    const start = performance.now();\n    let raf = 0;\n    const tick = (t: number) => {\n      const p = Math.min(1, (t - start) / duration);\n      const eased = 1 - Math.pow(1 - p, 3);\n      const v = from + (value - from) * eased;\n      shownRef.current = v;\n      setShown(v);\n      if (p < 1) raf = requestAnimationFrame(tick);\n    };\n    raf = requestAnimationFrame(tick);\n    return () => cancelAnimationFrame(raf);\n  }, [value, duration, reduced]);\n\n  return (\n    <span className={cn('tabular-nums', className)} data-slot=\"animated-number\">\n      {format(shown)}\n    </span>\n  );\n}\n\n// =============================================================================\n// SliderCalculator\n// =============================================================================\n\n/**\n * A two-column interactive calculator: labelled sliders on the left, a live\n * result panel on the right with an animated headline number, a one-line\n * summary, proportional breakdown bars, a \"Show the math\" disclosure and an\n * actions slot. Bring your own `compute` — the component owns only the\n * interaction. Ported from the Enterprise Health ROI calculator.\n *\n * @example\n * ```tsx\n * <SliderCalculator\n *   heading=\"What is consolidation worth?\"\n *   inputs={[\n *     { id: 'people', label: 'People covered', min: 500, max: 60000, step: 500, defaultValue: 8000 },\n *     { id: 'cost', label: 'Cost per exam', min: 20, max: 400, step: 5, defaultValue: 120, format: 'currency' },\n *   ]}\n *   compute={({ people, cost }) => ({ total: people * cost * 0.18 })}\n *   actions={<Button effect=\"sheen\">Request a demo</Button>}\n * />\n * ```\n */\nexport function SliderCalculator({\n  inputs,\n  compute,\n  eyebrow,\n  heading,\n  description,\n  headingLevel: Heading = 'h2',\n  resultLabel = 'Estimated annual value',\n  resultFormat = 'compactCurrency',\n  breakdownFormat = 'currency',\n  actions,\n  footnote,\n  mathLabels,\n  currency = 'USD',\n  locale = 'en-US',\n  onChange,\n  className,\n}: SliderCalculatorProps) {\n  const [values, setValues] = React.useState<Record<string, number>>(() =>\n    Object.fromEntries(inputs.map((i) => [i.id, i.defaultValue]))\n  );\n  const [showMath, setShowMath] = React.useState(false);\n  const id = React.useId();\n\n  const result = React.useMemo(() => compute(values), [compute, values]);\n\n  // Notify from an effect keyed on `values` only. `result` and `onChange` are\n  // read through a ref: an inline `compute` or `onChange` prop gets a new\n  // identity on every parent render, and depending on either would re-fire the\n  // notification (and potentially loop) without any actual slider change.\n  const skipInitialNotify = React.useRef(true);\n  const notifyRef = React.useRef({ onChange, result });\n  notifyRef.current = { onChange, result };\n  React.useEffect(() => {\n    if (skipInitialNotify.current) {\n      skipInitialNotify.current = false;\n      return;\n    }\n    notifyRef.current.onChange?.(values, notifyRef.current.result);\n  }, [values]);\n\n  const fmtResult = React.useMemo(\n    () => makeFormatter(resultFormat, locale, currency),\n    [resultFormat, locale, currency]\n  );\n  const fmtBreakdown = makeFormatter(breakdownFormat, locale, currency);\n\n  // Announce only the settled total. The result container previously carried\n  // aria-live while `AnimatedNumber` updated every animation frame, so screen\n  // readers could queue or repeat intermediate values during a drag.\n  const [announced, setAnnounced] = React.useState('');\n  const skipInitialAnnounce = React.useRef(true);\n  React.useEffect(() => {\n    if (skipInitialAnnounce.current) {\n      skipInitialAnnounce.current = false;\n      return;\n    }\n    const t = window.setTimeout(\n      () => setAnnounced(fmtResult(result.total)),\n      600\n    );\n    return () => window.clearTimeout(t);\n  }, [result.total, fmtResult]);\n\n  const labels = {\n    show: 'Show the math',\n    hide: 'Hide the math',\n    ...mathLabels,\n  };\n\n  const set = (key: string, v: number) => {\n    setValues((prev) => ({ ...prev, [key]: v }));\n  };\n\n  return (\n    <div\n      data-slot=\"slider-calculator\"\n      className={cn(\n        'border-border bg-card text-card-foreground grid overflow-hidden rounded-2xl border shadow-md',\n        'lg:grid-cols-[1.1fr_1fr]',\n        className\n      )}\n    >\n      {/* Controls */}\n      <div className=\"p-6 sm:p-8\">\n        {eyebrow && (\n          <p className=\"text-primary-800 dark:text-primary-300 mb-2 text-[11px] font-bold tracking-[0.14em] uppercase\">\n            {eyebrow}\n          </p>\n        )}\n        {heading && (\n          <Heading className=\"text-foreground text-2xl leading-tight font-semibold sm:text-3xl\">\n            {heading}\n          </Heading>\n        )}\n        {description && (\n          <p className=\"text-muted-foreground mt-3 text-sm\">{description}</p>\n        )}\n\n        <div className={cn('space-y-5', (heading || description) && 'mt-7')}>\n          {inputs.map((input) => (\n            <Slider\n              key={input.id}\n              id={`${id}-${input.id}`}\n              label={input.label}\n              description={input.description}\n              min={input.min}\n              max={input.max}\n              step={input.step}\n              value={values[input.id]}\n              onValueChange={(v) => set(input.id, v)}\n              showValue\n              formatValue={makeFormatter(input.format, locale, currency)}\n            />\n          ))}\n        </div>\n      </div>\n\n      {/* Result */}\n      <div\n        data-slot=\"slider-calculator-result\"\n        className=\"bg-primary-950 flex flex-col gap-6 p-6 text-white [background:radial-gradient(120%_120%_at_100%_0%,var(--mieweb-primary-800),var(--mieweb-primary-950)_70%)] sm:p-8\"\n      >\n        <span aria-live=\"polite\" className=\"sr-only\">\n          {announced ? `${resultLabel}: ${announced}` : ''}\n        </span>\n        <div>\n          <p className=\"text-[11px] font-bold tracking-[0.14em] text-white/70 uppercase\">\n            {resultLabel}\n          </p>\n          <p className=\"mt-2 text-5xl leading-none font-semibold tracking-tight sm:text-6xl\">\n            <AnimatedNumber value={result.total} format={fmtResult} />\n          </p>\n          {result.summary && (\n            <p className=\"mt-3 text-sm text-white/80\">{result.summary}</p>\n          )}\n        </div>\n\n        {result.breakdown && result.breakdown.length > 0 && (\n          <div className=\"space-y-3\">\n            {result.breakdown.map((b) => {\n              const pct =\n                result.total > 0\n                  ? Math.max(2, Math.min(100, (b.value / result.total) * 100))\n                  : 0;\n              return (\n                <div key={b.label}>\n                  <div className=\"mb-1 flex items-baseline justify-between gap-3 text-sm\">\n                    <span className=\"text-white/80\">{b.label}</span>\n                    <b className=\"tabular-nums\">\n                      <AnimatedNumber\n                        value={Math.max(b.value, 0)}\n                        format={fmtBreakdown}\n                      />\n                    </b>\n                  </div>\n                  <div className=\"h-1.5 overflow-hidden rounded-full bg-white/15\">\n                    <span\n                      className=\"block h-full rounded-full transition-[width] duration-500 ease-out [background:linear-gradient(90deg,var(--mieweb-accent,var(--mieweb-primary-300)),var(--mieweb-primary-300))]\"\n                      style={{ width: `${pct}%` }}\n                    />\n                  </div>\n                </div>\n              );\n            })}\n          </div>\n        )}\n\n        {(result.math?.length || result.assumptions?.length) && (\n          <div>\n            <button\n              type=\"button\"\n              onClick={() => setShowMath((v) => !v)}\n              aria-expanded={showMath}\n              aria-controls={`${id}-math`}\n              className=\"inline-flex items-center gap-1 text-sm font-semibold text-white/80 underline-offset-4 hover:text-white hover:underline\"\n            >\n              {showMath ? labels.hide : labels.show}\n              {showMath ? (\n                <ChevronUp size={14} aria-hidden />\n              ) : (\n                <ChevronDown size={14} aria-hidden />\n              )}\n            </button>\n            {showMath && (\n              <div\n                id={`${id}-math`}\n                className=\"mt-3 rounded-xl border border-white/15 bg-white/5 p-4 text-sm\"\n              >\n                {result.math?.map((row) => (\n                  <div\n                    key={row.label}\n                    className=\"flex justify-between gap-4 border-b border-white/10 py-1.5 last:border-0\"\n                  >\n                    <span className=\"text-white/75\">{row.label}</span>\n                    <b className=\"tabular-nums\">{row.value}</b>\n                  </div>\n                ))}\n                {result.assumptions && result.assumptions.length > 0 && (\n                  <ul className=\"mt-3 list-disc space-y-1 ps-5 text-xs text-white/70\">\n                    {result.assumptions.map((a) => (\n                      <li key={a}>{a}</li>\n                    ))}\n                  </ul>\n                )}\n              </div>\n            )}\n          </div>\n        )}\n\n        {actions && (\n          <div className=\"mt-auto flex flex-wrap gap-3\">{actions}</div>\n        )}\n        {footnote && <p className=\"text-xs text-white/60\">{footnote}</p>}\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/{chunk-MYAU2ZUC.cjs → chunk-GDKOYVX3.cjs}

@@ -1,5 +1,6 @@
 'use strict';
 
+var chunkZ3WMDVMR_cjs = require('./chunk-Z3WMDVMR.cjs');
 var chunkS5RVSXDV_cjs = require('./chunk-S5RVSXDV.cjs');
 var React = require('react');
 var classVarianceAuthority = require('class-variance-authority');
@@ -46,7 +47,7 @@ var sliderTrackVariants = classVarianceAuthority.cva(
   }
 );
 var sliderRangeVariants = classVarianceAuthority.cva(
-  ["absolute h-full rounded-full transition-all duration-75 ease-out"],
+  ["absolute start-0 h-full rounded-full transition-all duration-75 ease-out"],
   {
     variants: {
       variant: {
@@ -64,7 +65,7 @@ var sliderRangeVariants = classVarianceAuthority.cva(
 );
 var sliderThumbVariants = classVarianceAuthority.cva(
   [
-    "absolute top-1/2 -translate-y-1/2 -translate-x-1/2",
+    "absolute top-1/2 -translate-y-1/2 -translate-x-1/2 rtl:translate-x-1/2",
     "rounded-full border-2 bg-white",
     "shadow-md transition-shadow duration-150",
     "cursor-grab active:cursor-grabbing",
@@ -141,10 +142,8 @@ var Slider = React__namespace.forwardRef(
         const track = trackRef.current;
         if (!track) return clampedValue;
         const rect = track.getBoundingClientRect();
-        const ratio = Math.min(
-          Math.max((clientX - rect.left) / rect.width, 0),
-          1
-        );
+        const offset = chunkZ3WMDVMR_cjs.isRtl(track) ? rect.right - clientX : clientX - rect.left;
+        const ratio = Math.min(Math.max(offset / rect.width, 0), 1);
         const raw = min + ratio * (max - min);
         const stepped = min + Math.round((raw - min) / safeStep) * safeStep;
         return Math.min(Math.max(stepped, min), max);
@@ -202,13 +201,18 @@ var Slider = React__namespace.forwardRef(
     const handleKeyDown = React__namespace.useCallback(
       (e) => {
         if (disabled) return;
+        const rtl = chunkZ3WMDVMR_cjs.isRtl(e.currentTarget);
         let newValue = null;
         switch (e.key) {
           case "ArrowRight":
+          case "ArrowLeft": {
+            const increase = e.key === "ArrowRight" !== rtl;
+            newValue = increase ? Math.min(clampedValue + safeStep, max) : Math.max(clampedValue - safeStep, min);
+            break;
+          }
           case "ArrowUp":
             newValue = Math.min(clampedValue + safeStep, max);
             break;
-          case "ArrowLeft":
           case "ArrowDown":
             newValue = Math.max(clampedValue - safeStep, min);
             break;
@@ -330,7 +334,7 @@ var Slider = React__namespace.forwardRef(
                   {
                     "data-slot": "slider-thumb",
                     className: sliderThumbVariants({ size, variant }),
-                    style: { left: `${percentage}%` },
+                    style: { insetInlineStart: `${percentage}%` },
                     "aria-hidden": "true"
                   }
                 )
@@ -380,5 +384,5 @@ exports.Slider = Slider;
 exports.sliderRangeVariants = sliderRangeVariants;
 exports.sliderThumbVariants = sliderThumbVariants;
 exports.sliderTrackVariants = sliderTrackVariants;
-//# sourceMappingURL=chunk-MYAU2ZUC.cjs.map
-//# sourceMappingURL=chunk-MYAU2ZUC.cjs.map
+//# sourceMappingURL=chunk-GDKOYVX3.cjs.map
+//# sourceMappingURL=chunk-GDKOYVX3.cjs.map

package/dist/chunk-GDKOYVX3.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Slider/Slider.tsx"],"names":["cva","React","isRtl","jsxs","cn","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,IAAM,mBAAA,GAAsBA,0BAAA;AAAA,EAC1B;AAAA,IACE,8CAAA;AAAA,IACA,oCAAA;AAAA,IACA,gBAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,KAAA;AAAA,QACJ,EAAA,EAAI,KAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM;AAAA;AACR;AAEJ;AAEA,IAAM,mBAAA,GAAsBA,0BAAA;AAAA,EAC1B,CAAC,0EAA0E,CAAA;AAAA,EAC3E;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,gBAAA;AAAA,QACT,OAAA,EAAS,cAAA;AAAA,QACT,OAAA,EAAS,eAAA;AAAA,QACT,MAAA,EAAQ,YAAA;AAAA,QACR,OAAA,EAAS;AAAA;AACX,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS;AAAA;AACX;AAEJ;AAEA,IAAM,mBAAA,GAAsBA,0BAAA;AAAA,EAC1B;AAAA,IACE,wEAAA;AAAA,IACA,gCAAA;AAAA,IACA,0CAAA;AAAA,IACA,oCAAA;AAAA,IACA,iBAAA;AAAA,IACA,mCAAA;AAAA,IACA,6HAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,aAAA;AAAA,QACJ,EAAA,EAAI,SAAA;AAAA,QACJ,EAAA,EAAI;AAAA,OACN;AAAA,MACA,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,oBAAA;AAAA,QACT,OAAA,EAAS,kBAAA;AAAA,QACT,OAAA,EAAS,mBAAA;AAAA,QACT,MAAA,EAAQ,gBAAA;AAAA,QACR,OAAA,EAAS;AAAA;AACX,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM,IAAA;AAAA,MACN,OAAA,EAAS;AAAA;AACX;AAEJ;AA2EA,IAAM,MAAA,GAAeC,gBAAA,CAAA,UAAA;AAAA,EACnB,CACE;AAAA,IACE,KAAA,EAAO,eAAA;AAAA,IACP,YAAA,GAAe,CAAA;AAAA,IACf,GAAA,GAAM,CAAA;AAAA,IACN,GAAA,GAAM,GAAA;AAAA,IACN,IAAA,GAAO,CAAA;AAAA,IACP,aAAA;AAAA,IACA,aAAA;AAAA,IACA,QAAA,GAAW,KAAA;AAAA,IACX,KAAA;AAAA,IACA,SAAA,GAAY,KAAA;AAAA,IACZ,WAAA;AAAA,IACA,WAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,IACA,IAAA;AAAA,IACA,SAAA;AAAA,IACA,cAAA;AAAA,IACA,EAAA;AAAA,IACA,IAAA;AAAA,IACA,YAAA,EAAc,aAAA;AAAA,IACd,iBAAA,EAAmB;AAAA,KAErB,GAAA,KACG;AACH,IAAA,MAAM,gBAAA,GAAmB,CAAC,CAAC,KAAA;AAC3B,IAAA,MAAM,UAAgBA,gBAAA,CAAA,KAAA,EAAM;AAC5B,IAAA,MAAM,gBAAsBA,gBAAA,CAAA,KAAA,EAAM;AAClC,IAAA,MAAM,cAAA,GACJ,kBAAA,KAAuB,gBAAA,GAAmB,OAAA,GAAU,MAAA,CAAA;AACtD,IAAA,MAAM,eAAA,GAAkB,cAAc,aAAA,GAAgB,MAAA;AACtD,IAAA,MAAM,YACJ,aAAA,KACC,CAAC,gBAAA,IAAoB,CAAC,qBAAqB,QAAA,GAAW,MAAA,CAAA;AACzD,IAAA,MAAM,CAAC,iBAAA,EAAmB,oBAAoB,CAAA,GACtCA,0BAAS,YAAY,CAAA;AAC7B,IAAA,MAAM,eAAe,eAAA,KAAoB,MAAA;AACzC,IAAA,MAAM,YAAA,GAAe,eAAe,eAAA,GAAkB,iBAAA;AAGtD,IAAA,MAAM,YAAA,GAAe,KAAK,GAAA,CAAI,IAAA,CAAK,IAAI,YAAA,EAAc,GAAG,GAAG,GAAG,CAAA;AAG9D,IAAA,MAAM,aACJ,GAAA,KAAQ,GAAA,GAAA,CAAQ,eAAe,GAAA,KAAQ,GAAA,GAAM,OAAQ,GAAA,GAAM,CAAA;AAE7D,IAAA,MAAM,cAAoBA,gBAAA,CAAA,KAAA,EAAM;AAChC,IAAA,MAAM,UAAU,EAAA,IAAM,WAAA;AAEtB,IAAA,MAAM,QAAA,GAAiBA,wBAAuB,IAAI,CAAA;AAClD,IAAA,MAAM,cAAA,GAAuBA,wBAAO,YAAY,CAAA;AAChD,IAAA,cAAA,CAAe,OAAA,GAAU,YAAA;AAEzB,IAAA,MAAM,QAAA,GAAW,IAAA,GAAO,CAAA,GAAI,IAAA,GAAO,CAAA;AAEnC,IAAA,MAAM,uBAAA,GAAgCA,gBAAA,CAAA,WAAA;AAAA,MACpC,CAAC,OAAA,KAAoB;AACnB,QAAA,MAAM,QAAQ,QAAA,CAAS,OAAA;AACvB,QAAA,IAAI,CAAC,OAAO,OAAO,YAAA;AACnB,QAAA,MAAM,IAAA,GAAO,MAAM,qBAAA,EAAsB;AAGzC,QAAA,MAAM,MAAA,GAASC,wBAAM,KAAK,CAAA,GACtB,KAAK,KAAA,GAAQ,OAAA,GACb,UAAU,IAAA,CAAK,IAAA;AACnB,QAAA,MAAM,KAAA,GAAQ,IAAA,CAAK,GAAA,CAAI,IAAA,CAAK,GAAA,CAAI,SAAS,IAAA,CAAK,KAAA,EAAO,CAAC,CAAA,EAAG,CAAC,CAAA;AAC1D,QAAA,MAAM,GAAA,GAAM,GAAA,GAAM,KAAA,IAAS,GAAA,GAAM,GAAA,CAAA;AAEjC,QAAA,MAAM,UAAU,GAAA,GAAM,IAAA,CAAK,OAAO,GAAA,GAAM,GAAA,IAAO,QAAQ,CAAA,GAAI,QAAA;AAC3D,QAAA,OAAO,KAAK,GAAA,CAAI,IAAA,CAAK,IAAI,OAAA,EAAS,GAAG,GAAG,GAAG,CAAA;AAAA,MAC7C,CAAA;AAAA,MACA,CAAC,GAAA,EAAK,GAAA,EAAK,QAAA,EAAU,YAAY;AAAA,KACnC;AAEA,IAAA,MAAM,QAAA,GAAiBD,gBAAA,CAAA,WAAA;AAAA,MACrB,CAAC,QAAA,KAAqB;AACpB,QAAA,cAAA,CAAe,OAAA,GAAU,QAAA;AACzB,QAAA,IAAI,CAAC,YAAA,EAAc;AACjB,UAAA,oBAAA,CAAqB,QAAQ,CAAA;AAAA,QAC/B;AACA,QAAA,aAAA,GAAgB,QAAQ,CAAA;AAAA,MAC1B,CAAA;AAAA,MACA,CAAC,cAAc,aAAa;AAAA,KAC9B;AAEA,IAAA,MAAM,iBAAA,GAA0BA,gBAAA,CAAA,WAAA;AAAA,MAC9B,CAAC,CAAA,KAA0B;AACzB,QAAA,IAAI,QAAA,EAAU;AACd,QAAA,CAAA,CAAE,cAAA,EAAe;AACjB,QAAC,CAAA,CAAE,cAA8B,KAAA,EAAM;AACvC,QAAC,CAAA,CAAE,MAAA,CAAuB,iBAAA,CAAkB,CAAA,CAAE,SAAS,CAAA;AACvD,QAAA,MAAM,QAAA,GAAW,uBAAA,CAAwB,CAAA,CAAE,OAAO,CAAA;AAClD,QAAA,QAAA,CAAS,QAAQ,CAAA;AAAA,MACnB,CAAA;AAAA,MACA,CAAC,QAAA,EAAU,uBAAA,EAAyB,QAAQ;AAAA,KAC9C;AAEA,IAAA,MAAM,iBAAA,GAA0BA,gBAAA,CAAA,WAAA;AAAA,MAC9B,CAAC,CAAA,KAA0B;AACzB,QAAA,IAAI,QAAA,EAAU;AACd,QAAA,IAAI,CAAE,CAAA,CAAE,MAAA,CAAuB,iBAAA,CAAkB,CAAA,CAAE,SAAS,CAAA,EAAG;AAC/D,QAAA,MAAM,QAAA,GAAW,uBAAA,CAAwB,CAAA,CAAE,OAAO,CAAA;AAClD,QAAA,QAAA,CAAS,QAAQ,CAAA;AAAA,MACnB,CAAA;AAAA,MACA,CAAC,QAAA,EAAU,uBAAA,EAAyB,QAAQ;AAAA,KAC9C;AAEA,IAAA,MAAM,eAAA,GAAwBA,gBAAA,CAAA,WAAA;AAAA,MAC5B,CAAC,CAAA,KAA0B;AACzB,QAAA,IAAI,QAAA,EAAU;AACd,QAAC,CAAA,CAAE,MAAA,CAAuB,qBAAA,CAAsB,CAAA,CAAE,SAAS,CAAA;AAC3D,QAAA,aAAA,GAAgB,eAAe,OAAO,CAAA;AAAA,MACxC,CAAA;AAAA,MACA,CAAC,UAAU,aAAa;AAAA,KAC1B;AAEA,IAAA,MAAM,wBAAA,GAAiCA,6BAAY,MAAM;AACvD,MAAA,aAAA,GAAgB,eAAe,OAAO,CAAA;AAAA,IACxC,CAAA,EAAG,CAAC,aAAa,CAAC,CAAA;AAElB,IAAA,MAAM,YAAA,GAAe,CAAC,CAAA,KAA2C;AAC/D,MAAA,MAAM,QAAA,GAAW,UAAA,CAAW,CAAA,CAAE,MAAA,CAAO,KAAK,CAAA;AAC1C,MAAA,IAAI,CAAC,YAAA,EAAc;AACjB,QAAA,oBAAA,CAAqB,QAAQ,CAAA;AAAA,MAC/B;AACA,MAAA,aAAA,GAAgB,QAAQ,CAAA;AAAA,IAC1B,CAAA;AAEA,IAAA,MAAM,aAAA,GAAsBA,gBAAA,CAAA,WAAA;AAAA,MAC1B,CAAC,CAAA,KAA2B;AAC1B,QAAA,IAAI,QAAA,EAAU;AAGd,QAAA,MAAM,GAAA,GAAMC,uBAAA,CAAM,CAAA,CAAE,aAAa,CAAA;AACjC,QAAA,IAAI,QAAA,GAA0B,IAAA;AAC9B,QAAA,QAAQ,EAAE,GAAA;AAAK,UACb,KAAK,YAAA;AAAA,UACL,KAAK,WAAA,EAAa;AAChB,YAAA,MAAM,QAAA,GAAY,CAAA,CAAE,GAAA,KAAQ,YAAA,KAAkB,GAAA;AAC9C,YAAA,QAAA,GAAW,QAAA,GACP,IAAA,CAAK,GAAA,CAAI,YAAA,GAAe,QAAA,EAAU,GAAG,CAAA,GACrC,IAAA,CAAK,GAAA,CAAI,YAAA,GAAe,QAAA,EAAU,GAAG,CAAA;AACzC,YAAA;AAAA,UACF;AAAA,UACA,KAAK,SAAA;AACH,YAAA,QAAA,GAAW,IAAA,CAAK,GAAA,CAAI,YAAA,GAAe,QAAA,EAAU,GAAG,CAAA;AAChD,YAAA;AAAA,UACF,KAAK,WAAA;AACH,YAAA,QAAA,GAAW,IAAA,CAAK,GAAA,CAAI,YAAA,GAAe,QAAA,EAAU,GAAG,CAAA;AAChD,YAAA;AAAA,UACF,KAAK,MAAA;AACH,YAAA,QAAA,GAAW,GAAA;AACX,YAAA;AAAA,UACF,KAAK,KAAA;AACH,YAAA,QAAA,GAAW,GAAA;AACX,YAAA;AAAA,UACF;AACE,YAAA;AAAA;AAEJ,QAAA,CAAA,CAAE,cAAA,EAAe;AACjB,QAAA,QAAA,CAAS,QAAQ,CAAA;AACjB,QAAA,aAAA,GAAgB,QAAQ,CAAA;AAAA,MAC1B,CAAA;AAAA,MACA,CAAC,QAAA,EAAU,YAAA,EAAc,UAAU,GAAA,EAAK,GAAA,EAAK,UAAU,aAAa;AAAA,KACtE;AAEA,IAAA,MAAM,eAAe,WAAA,GACjB,WAAA,CAAY,YAAY,CAAA,GACxB,OAAO,YAAY,CAAA;AAEvB,IAAA,uBACEC,eAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,WAAA,EAAU,QAAA;AAAA,QACV,SAAA,EAAWC,oBAAA,CAAG,iBAAA,EAAmB,SAAS,CAAA;AAAA,QAC1C,iBAAe,QAAA,IAAY,MAAA;AAAA,QAGzB,QAAA,EAAA;AAAA,UAAA,CAAA,KAAA,IAAS,SAAA,qBACTD,eAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,WAAA,EAAU,kBAAA;AAAA,cACV,SAAA,EAAU,4CAAA;AAAA,cAET,QAAA,EAAA;AAAA,gBAAA,KAAA,oBACCA,eAAA;AAAA,kBAAC,OAAA;AAAA,kBAAA;AAAA,oBACC,EAAA,EAAI,OAAA;AAAA,oBACJ,OAAA,EAAS,OAAA;AAAA,oBACT,WAAA,EAAU,cAAA;AAAA,oBACV,SAAA,EAAWC,oBAAA;AAAA,sBACT,qCAAA;AAAA,sBACA,QAAA,IAAY;AAAA,qBACd;AAAA,oBAEC,QAAA,EAAA;AAAA,sBAAA,KAAA;AAAA,sBACA,SAAA,oBACCC,cAAA;AAAA,wBAAC,MAAA;AAAA,wBAAA;AAAA,0BACC,WAAA,EAAU,cAAA;AAAA,0BACV,SAAA,EAAU,4BAAA;AAAA,0BAET,QAAA,EAAA;AAAA;AAAA;AACH;AAAA;AAAA,iBAEJ;AAAA,gBAED,CAAC,SAAS,SAAA,oBACTA,cAAA;AAAA,kBAAC,MAAA;AAAA,kBAAA;AAAA,oBACC,WAAA,EAAU,cAAA;AAAA,oBACV,SAAA,EAAU,+BAAA;AAAA,oBAET,QAAA,EAAA;AAAA;AAAA;AACH;AAAA;AAAA,WAEJ;AAAA,UAID,WAAA,oBACCA,cAAA;AAAA,YAAC,GAAA;AAAA,YAAA;AAAA,cACC,EAAA,EAAI,aAAA;AAAA,cACJ,WAAA,EAAU,oBAAA;AAAA,cACV,SAAA,EAAWD,oBAAA;AAAA,gBACT,oCAAA;AAAA,gBACA,QAAA,IAAY;AAAA,eACd;AAAA,cAEC,QAAA,EAAA;AAAA;AAAA,WACH;AAAA,0BAIFD,eAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,GAAA,EAAK,QAAA;AAAA,cACL,WAAA,EAAU,sBAAA;AAAA,cACV,SAAA,EAAU,mHAAA;AAAA,cACV,KAAA,EAAO,EAAE,WAAA,EAAa,QAAA,GAAW,SAAS,MAAA,EAAO;AAAA,cACjD,IAAA,EAAK,QAAA;AAAA,cACL,QAAA,EAAU,WAAW,EAAA,GAAK,CAAA;AAAA,cAC1B,eAAA,EAAe,GAAA;AAAA,cACf,eAAA,EAAe,GAAA;AAAA,cACf,eAAA,EAAe,YAAA;AAAA,cACf,YAAA,EAAY,SAAA;AAAA,cACZ,iBAAA,EAAiB,cAAA;AAAA,cACjB,kBAAA,EAAkB,eAAA;AAAA,cAClB,iBAAe,QAAA,IAAY,MAAA;AAAA,cAC3B,iBAAe,QAAA,IAAY,MAAA;AAAA,cAC3B,aAAA,EAAe,iBAAA;AAAA,cACf,aAAA,EAAe,iBAAA;AAAA,cACf,WAAA,EAAa,eAAA;AAAA,cACb,oBAAA,EAAsB,wBAAA;AAAA,cACtB,SAAA,EAAW,aAAA;AAAA,cAGX,QAAA,EAAA;AAAA,gCAAAE,cAAA;AAAA,kBAAC,KAAA;AAAA,kBAAA;AAAA,oBACC,WAAA,EAAU,cAAA;AAAA,oBACV,WAAWD,oBAAA,CAAG,mBAAA,CAAoB,EAAE,IAAA,EAAM,GAAG,cAAc,CAAA;AAAA,oBAG3D,QAAA,kBAAAC,cAAA;AAAA,sBAAC,KAAA;AAAA,sBAAA;AAAA,wBACC,WAAA,EAAU,cAAA;AAAA,wBACV,SAAA,EAAW,mBAAA,CAAoB,EAAE,OAAA,EAAS,CAAA;AAAA,wBAC1C,KAAA,EAAO,EAAE,KAAA,EAAO,CAAA,EAAG,UAAU,CAAA,CAAA,CAAA;AAAI;AAAA;AACnC;AAAA,iBACF;AAAA,gCAGAA,cAAA;AAAA,kBAAC,KAAA;AAAA,kBAAA;AAAA,oBACC,WAAA,EAAU,cAAA;AAAA,oBACV,SAAA,EAAW,mBAAA,CAAoB,EAAE,IAAA,EAAM,SAAS,CAAA;AAAA,oBAChD,KAAA,EAAO,EAAE,gBAAA,EAAkB,CAAA,EAAG,UAAU,CAAA,CAAA,CAAA,EAAI;AAAA,oBAC5C,aAAA,EAAY;AAAA;AAAA;AACd;AAAA;AAAA,WACF;AAAA,0BAGAA,cAAA;AAAA,YAAC,OAAA;AAAA,YAAA;AAAA,cACC,GAAA;AAAA,cACA,IAAA,EAAK,OAAA;AAAA,cACL,SAAA,EAAU,8DAAA;AAAA,cACV,QAAA,EAAU,EAAA;AAAA,cACV,aAAA,EAAY,MAAA;AAAA,cACZ,EAAA,EAAI,OAAA;AAAA,cACJ,IAAA;AAAA,cACA,GAAA;AAAA,cACA,GAAA;AAAA,cACA,IAAA;AAAA,cACA,KAAA,EAAO,YAAA;AAAA,cACP,QAAA,EAAU,YAAA;AAAA,cACV;AAAA;AAAA,WACF;AAAA,UAAA,CAGE,YAAY,QAAA,qBACZF,eAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,WAAA,EAAU,eAAA;AAAA,cACV,SAAA,EAAWC,oBAAA;AAAA,gBACT,yDAAA;AAAA,gBACA,QAAA,IAAY;AAAA,eACd;AAAA,cAEA,QAAA,EAAA;AAAA,gCAAAC,cAAA,CAAC,UAAM,QAAA,EAAA,QAAA,EAAS,CAAA;AAAA,gCAChBA,cAAA,CAAC,UAAM,QAAA,EAAA,QAAA,EAAS;AAAA;AAAA;AAAA;AAClB;AAAA;AAAA,KAEJ;AAAA,EAEJ;AACF;AAEA,MAAA,CAAO,WAAA,GAAc,QAAA","file":"chunk-GDKOYVX3.cjs","sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { isRtl } from '../../hooks/useDirection';\n\n// ============================================================================\n// Slider Variants\n// ============================================================================\n\nconst sliderTrackVariants = cva(\n  [\n    'relative w-full overflow-hidden rounded-full',\n    'bg-neutral-200 dark:bg-neutral-700',\n    'cursor-pointer',\n    'group-data-[disabled=true]:cursor-not-allowed group-data-[disabled=true]:opacity-50',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'h-1',\n        md: 'h-2',\n        lg: 'h-3',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  }\n);\n\nconst sliderRangeVariants = cva(\n  ['absolute start-0 h-full rounded-full transition-all duration-75 ease-out'],\n  {\n    variants: {\n      variant: {\n        default: 'bg-primary-800',\n        success: 'bg-green-500',\n        warning: 'bg-yellow-500',\n        danger: 'bg-red-500',\n        neutral: 'bg-neutral-500',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }\n);\n\nconst sliderThumbVariants = cva(\n  [\n    'absolute top-1/2 -translate-y-1/2 -translate-x-1/2 rtl:translate-x-1/2',\n    'rounded-full border-2 bg-white',\n    'shadow-md transition-shadow duration-150',\n    'cursor-grab active:cursor-grabbing',\n    'hover:shadow-lg',\n    'active:shadow-xl active:scale-110',\n    'group-focus-visible:outline-none group-focus-visible:ring-2 group-focus-visible:ring-ring group-focus-visible:ring-offset-2',\n    'group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'h-3.5 w-3.5',\n        md: 'h-5 w-5',\n        lg: 'h-6 w-6',\n      },\n      variant: {\n        default: 'border-primary-500',\n        success: 'border-green-500',\n        warning: 'border-yellow-500',\n        danger: 'border-red-500',\n        neutral: 'border-neutral-500',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n      variant: 'default',\n    },\n  }\n);\n\n// ============================================================================\n// Slider Component\n// ============================================================================\n\nexport interface SliderProps\n  extends\n    VariantProps<typeof sliderTrackVariants>,\n    VariantProps<typeof sliderRangeVariants> {\n  /** Current value (controlled) */\n  value?: number;\n  /** Default value (uncontrolled) */\n  defaultValue?: number;\n  /** Minimum value */\n  min?: number;\n  /** Maximum value */\n  max?: number;\n  /** Step increment */\n  step?: number;\n  /** Callback when value changes */\n  onValueChange?: (value: number) => void;\n  /** Callback when interaction ends (mouseup / touchend) */\n  onValueCommit?: (value: number) => void;\n  /** Whether the slider is disabled */\n  disabled?: boolean;\n  /** Label for the slider */\n  label?: string;\n  /** Show the current value */\n  showValue?: boolean;\n  /** Format the displayed value */\n  formatValue?: (value: number) => string;\n  /** Description text below the label */\n  description?: string;\n  /** Min label displayed below the track (left) */\n  minLabel?: string;\n  /** Max label displayed below the track (right) */\n  maxLabel?: string;\n  /** Additional class name for the root container */\n  className?: string;\n  /** Additional class name for the track */\n  trackClassName?: string;\n  /** ID for the underlying input */\n  id?: string;\n  /** Name for form submission */\n  name?: string;\n  /** Accessible label for the slider */\n  'aria-label'?: string;\n  /** ID of the element that labels the slider */\n  'aria-labelledby'?: string;\n}\n\n/**\n * A fully branded, accessible slider/range input component.\n *\n * Uses brand design tokens for colors, border-radius, and sizing.\n * Supports controlled and uncontrolled usage, labels, descriptions,\n * min/max labels, value display, and multiple color variants.\n *\n * @example\n * ```tsx\n * <Slider label=\"Volume\" min={0} max={100} defaultValue={50} />\n * <Slider\n *   label=\"Border Radius\"\n *   min={0}\n *   max={32}\n *   value={radius}\n *   onValueChange={setRadius}\n *   showValue\n *   formatValue={(v) => `${v}px`}\n *   minLabel=\"Square\"\n *   maxLabel=\"Rounded\"\n * />\n * ```\n */\nconst Slider = React.forwardRef<HTMLInputElement, SliderProps>(\n  (\n    {\n      value: controlledValue,\n      defaultValue = 0,\n      min = 0,\n      max = 100,\n      step = 1,\n      onValueChange,\n      onValueCommit,\n      disabled = false,\n      label,\n      showValue = false,\n      formatValue,\n      description,\n      minLabel,\n      maxLabel,\n      variant,\n      size,\n      className,\n      trackClassName,\n      id,\n      name,\n      'aria-label': ariaLabelProp,\n      'aria-labelledby': ariaLabelledByProp,\n    },\n    ref\n  ) => {\n    const hasExplicitLabel = !!label;\n    const labelId = React.useId();\n    const descriptionId = React.useId();\n    const ariaLabelledBy =\n      ariaLabelledByProp ?? (hasExplicitLabel ? labelId : undefined);\n    const ariaDescribedBy = description ? descriptionId : undefined;\n    const ariaLabel =\n      ariaLabelProp ??\n      (!hasExplicitLabel && !ariaLabelledByProp ? 'Slider' : undefined);\n    const [uncontrolledValue, setUncontrolledValue] =\n      React.useState(defaultValue);\n    const isControlled = controlledValue !== undefined;\n    const currentValue = isControlled ? controlledValue : uncontrolledValue;\n\n    // Clamp value to min/max\n    const clampedValue = Math.min(Math.max(currentValue, min), max);\n\n    // Percentage for visual fill\n    const percentage =\n      max !== min ? ((clampedValue - min) / (max - min)) * 100 : 0;\n\n    const generatedId = React.useId();\n    const inputId = id ?? generatedId;\n\n    const trackRef = React.useRef<HTMLDivElement>(null);\n    const latestValueRef = React.useRef(clampedValue);\n    latestValueRef.current = clampedValue;\n\n    const safeStep = step > 0 ? step : 1;\n\n    const computeValueFromPointer = React.useCallback(\n      (clientX: number) => {\n        const track = trackRef.current;\n        if (!track) return clampedValue;\n        const rect = track.getBoundingClientRect();\n        // Value grows toward the inline-end edge: left→right in LTR,\n        // right→left in RTL.\n        const offset = isRtl(track)\n          ? rect.right - clientX\n          : clientX - rect.left;\n        const ratio = Math.min(Math.max(offset / rect.width, 0), 1);\n        const raw = min + ratio * (max - min);\n        // Snap to step relative to min\n        const stepped = min + Math.round((raw - min) / safeStep) * safeStep;\n        return Math.min(Math.max(stepped, min), max);\n      },\n      [min, max, safeStep, clampedValue]\n    );\n\n    const setValue = React.useCallback(\n      (newValue: number) => {\n        latestValueRef.current = newValue;\n        if (!isControlled) {\n          setUncontrolledValue(newValue);\n        }\n        onValueChange?.(newValue);\n      },\n      [isControlled, onValueChange]\n    );\n\n    const handlePointerDown = React.useCallback(\n      (e: React.PointerEvent) => {\n        if (disabled) return;\n        e.preventDefault();\n        (e.currentTarget as HTMLElement).focus();\n        (e.target as HTMLElement).setPointerCapture(e.pointerId);\n        const newValue = computeValueFromPointer(e.clientX);\n        setValue(newValue);\n      },\n      [disabled, computeValueFromPointer, setValue]\n    );\n\n    const handlePointerMove = React.useCallback(\n      (e: React.PointerEvent) => {\n        if (disabled) return;\n        if (!(e.target as HTMLElement).hasPointerCapture(e.pointerId)) return;\n        const newValue = computeValueFromPointer(e.clientX);\n        setValue(newValue);\n      },\n      [disabled, computeValueFromPointer, setValue]\n    );\n\n    const handlePointerUp = React.useCallback(\n      (e: React.PointerEvent) => {\n        if (disabled) return;\n        (e.target as HTMLElement).releasePointerCapture(e.pointerId);\n        onValueCommit?.(latestValueRef.current);\n      },\n      [disabled, onValueCommit]\n    );\n\n    const handleLostPointerCapture = React.useCallback(() => {\n      onValueCommit?.(latestValueRef.current);\n    }, [onValueCommit]);\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      const newValue = parseFloat(e.target.value);\n      if (!isControlled) {\n        setUncontrolledValue(newValue);\n      }\n      onValueChange?.(newValue);\n    };\n\n    const handleKeyDown = React.useCallback(\n      (e: React.KeyboardEvent) => {\n        if (disabled) return;\n        // Horizontal arrows follow the visual direction: in RTL the slider\n        // fills right→left, so ArrowLeft increases and ArrowRight decreases.\n        const rtl = isRtl(e.currentTarget);\n        let newValue: number | null = null;\n        switch (e.key) {\n          case 'ArrowRight':\n          case 'ArrowLeft': {\n            const increase = (e.key === 'ArrowRight') !== rtl;\n            newValue = increase\n              ? Math.min(clampedValue + safeStep, max)\n              : Math.max(clampedValue - safeStep, min);\n            break;\n          }\n          case 'ArrowUp':\n            newValue = Math.min(clampedValue + safeStep, max);\n            break;\n          case 'ArrowDown':\n            newValue = Math.max(clampedValue - safeStep, min);\n            break;\n          case 'Home':\n            newValue = min;\n            break;\n          case 'End':\n            newValue = max;\n            break;\n          default:\n            return;\n        }\n        e.preventDefault();\n        setValue(newValue);\n        onValueCommit?.(newValue);\n      },\n      [disabled, clampedValue, safeStep, min, max, setValue, onValueCommit]\n    );\n\n    const displayValue = formatValue\n      ? formatValue(clampedValue)\n      : String(clampedValue);\n\n    return (\n      <div\n        data-slot=\"slider\"\n        className={cn('relative w-full', className)}\n        data-disabled={disabled || undefined}\n      >\n        {/* Label row */}\n        {(label || showValue) && (\n          <div\n            data-slot=\"slider-label-row\"\n            className=\"mb-1.5 flex items-baseline justify-between\"\n          >\n            {label && (\n              <label\n                id={labelId}\n                htmlFor={inputId}\n                data-slot=\"slider-label\"\n                className={cn(\n                  'text-foreground text-sm font-medium',\n                  disabled && 'opacity-50'\n                )}\n              >\n                {label}\n                {showValue && (\n                  <span\n                    data-slot=\"slider-value\"\n                    className=\"text-muted-foreground ms-1\"\n                  >\n                    {displayValue}\n                  </span>\n                )}\n              </label>\n            )}\n            {!label && showValue && (\n              <span\n                data-slot=\"slider-value\"\n                className=\"text-muted-foreground text-sm\"\n              >\n                {displayValue}\n              </span>\n            )}\n          </div>\n        )}\n\n        {/* Description */}\n        {description && (\n          <p\n            id={descriptionId}\n            data-slot=\"slider-description\"\n            className={cn(\n              'text-muted-foreground mb-2 text-xs',\n              disabled && 'opacity-50'\n            )}\n          >\n            {description}\n          </p>\n        )}\n\n        {/* Track + Thumb */}\n        <div\n          ref={trackRef}\n          data-slot=\"slider-track-wrapper\"\n          className=\"group focus-visible:ring-ring relative rounded py-2 outline-none focus-visible:ring-2 focus-visible:ring-offset-2\"\n          style={{ touchAction: disabled ? 'auto' : 'none' }}\n          role=\"slider\"\n          tabIndex={disabled ? -1 : 0}\n          aria-valuemin={min}\n          aria-valuemax={max}\n          aria-valuenow={clampedValue}\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledBy}\n          aria-describedby={ariaDescribedBy}\n          aria-disabled={disabled || undefined}\n          data-disabled={disabled || undefined}\n          onPointerDown={handlePointerDown}\n          onPointerMove={handlePointerMove}\n          onPointerUp={handlePointerUp}\n          onLostPointerCapture={handleLostPointerCapture}\n          onKeyDown={handleKeyDown}\n        >\n          {/* Visual track background */}\n          <div\n            data-slot=\"slider-track\"\n            className={cn(sliderTrackVariants({ size }), trackClassName)}\n          >\n            {/* Filled range */}\n            <div\n              data-slot=\"slider-range\"\n              className={sliderRangeVariants({ variant })}\n              style={{ width: `${percentage}%` }}\n            />\n          </div>\n\n          {/* Thumb indicator */}\n          <div\n            data-slot=\"slider-thumb\"\n            className={sliderThumbVariants({ size, variant })}\n            style={{ insetInlineStart: `${percentage}%` }}\n            aria-hidden=\"true\"\n          />\n        </div>\n\n        {/* Native range input — for form submission only, rendered outside role=\"slider\" to avoid nested-interactive */}\n        <input\n          ref={ref}\n          type=\"range\"\n          className=\"pointer-events-none absolute inset-0 h-full w-full opacity-0\"\n          tabIndex={-1}\n          aria-hidden=\"true\"\n          id={inputId}\n          name={name}\n          min={min}\n          max={max}\n          step={step}\n          value={clampedValue}\n          onChange={handleChange}\n          disabled={disabled}\n        />\n\n        {/* Min / Max labels */}\n        {(minLabel || maxLabel) && (\n          <div\n            data-slot=\"slider-minmax\"\n            className={cn(\n              'text-muted-foreground mt-1 flex justify-between text-xs',\n              disabled && 'opacity-50'\n            )}\n          >\n            <span>{minLabel}</span>\n            <span>{maxLabel}</span>\n          </div>\n        )}\n      </div>\n    );\n  }\n);\n\nSlider.displayName = 'Slider';\n\nexport {\n  Slider,\n  sliderTrackVariants,\n  sliderRangeVariants,\n  sliderThumbVariants,\n};\n"]}

package/dist/{chunk-S2JZL4JC.js → chunk-JM4YFLO4.js}

@@ -1,4 +1,4 @@
-import { Slider } from './chunk-2BPIVWAK.js';
+import { Slider } from './chunk-V5VPECJI.js';
 import { MediaPlayer } from './chunk-N54FYWG6.js';
 import { Checkbox } from './chunk-753Z3NXL.js';
 import { useTranscriptEdits, DEFAULT_FILLER_WORDS } from './chunk-UUI7WXI5.js';
@@ -6,6 +6,7 @@ import { isSilenceType, PLAYBACK_SPEEDS } from './chunk-6CGM5H4J.js';
 import { Select } from './chunk-VCI2Y7ST.js';
 import { Modal, ModalHeader, ModalTitle, ModalClose, ModalBody, ModalFooter } from './chunk-TWQSMUE6.js';
 import { Input } from './chunk-3IMM2PM4.js';
+import { isRtl } from './chunk-YVKBXNPK.js';
 import { Button } from './chunk-WFBUBT54.js';
 import * as React6 from 'react';
 import { cva } from 'class-variance-authority';
@@ -556,7 +557,11 @@ var SpeedMarkerMenu = ({
     {
       ref: menuRef,
       className: "border-border bg-card text-card-foreground fixed z-50 min-w-36 overflow-hidden rounded-lg border shadow-lg",
-      style: { left: position.x, top: position.y },
+      style: {
+        // rtl-ignore -- fixed viewport coordinate from the pointer event
+        left: position.x,
+        top: position.y
+      },
       role: "menu",
       "aria-label": "Set speed marker",
       children: [
@@ -1475,18 +1480,20 @@ var MediaEditor = React6.forwardRef(
           if (canRedoWords) redo();
           else if (canRedo && onRedo) onRedo();
           handled = true;
-        } else if (e.key === "ArrowLeft") {
-          if (cursorPosition === "after") {
-            setCursorPosition("before");
+        } else if (e.key === "ArrowLeft" || e.key === "ArrowRight") {
+          const forward = e.key === "ArrowRight" !== isRtl(e.currentTarget);
+          if (forward) {
+            if (cursorIndex === wordCount - 1 && cursorPosition === "before") {
+              setCursorPosition("after");
+            } else if (cursorPosition !== "after") {
+              newIndex = Math.min(wordCount - 1, cursorIndex + 1);
+            }
           } else {
-            newIndex = Math.max(0, cursorIndex - 1);
-          }
-          handled = true;
-        } else if (e.key === "ArrowRight") {
-          if (cursorIndex === wordCount - 1 && cursorPosition === "before") {
-            setCursorPosition("after");
-          } else if (cursorPosition !== "after") {
-            newIndex = Math.min(wordCount - 1, cursorIndex + 1);
+            if (cursorPosition === "after") {
+              setCursorPosition("before");
+            } else {
+              newIndex = Math.max(0, cursorIndex - 1);
+            }
           }
           handled = true;
         } else if (e.key === "ArrowUp" || e.key === "ArrowDown") {
@@ -1999,5 +2006,5 @@ var MediaEditor = React6.forwardRef(
 MediaEditor.displayName = "MediaEditor";
 
 export { FillerWordsModal, MediaEditor, SilenceSettingsModal, SpeedMarkerMenu, WordEditorModal };
-//# sourceMappingURL=chunk-S2JZL4JC.js.map
-//# sourceMappingURL=chunk-S2JZL4JC.js.map
+//# sourceMappingURL=chunk-JM4YFLO4.js.map
+//# sourceMappingURL=chunk-JM4YFLO4.js.map