@mieweb/ui 0.10.0-dev.15 → 0.10.0-dev.16

package/dist/{chunk-6EN3IQQI.cjs.map → chunk-6GZKQR7P.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/RadialExplorer/RadialExplorer.tsx"],"names":["usePrefersReducedMotion","React","jsxs","cn","jsx","Badge","buttonVariants","ArrowRight"],"mappings":"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","file":"chunk-6EN3IQQI.cjs","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { ArrowRight } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { Badge } from '../Badge';\nimport { buttonVariants } from '../Button';\nimport { usePrefersReducedMotion } from '../../hooks/usePrefersReducedMotion';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface RadialSpoke {\n  id: string;\n  /** Label under the tile. */\n  label: string;\n  /** Tile icon (Lucide, ~22px). */\n  icon: React.ReactNode;\n  /** Small caps tag above the detail heading. Defaults to `label`. */\n  tag?: string;\n  /** Detail heading. Defaults to `label`. */\n  title?: string;\n  description?: string;\n  /** Detail media — a `VideoCard variant=\"plate\"`, an image, a chart. */\n  media?: React.ReactNode;\n  /** Caption under the media, e.g. \"AI Medical Assistant · 2:44\". */\n  caption?: string;\n  /** Primary CTA in the detail panel. */\n  cta?: { label: string; href: string };\n  /** Secondary \"Explore module →\" link. */\n  href?: string;\n  hrefLabel?: string;\n}\n\nexport interface RadialExplorerProps {\n  spokes: RadialSpoke[];\n  /** Centre node — a brand mark or product tile. */\n  center: React.ReactNode;\n  /** Small caps label over the whole explorer. */\n  eyebrow?: string;\n  /** Controlled active spoke. */\n  activeId?: string | null;\n  defaultActiveId?: string | null;\n  onActiveChange?: (id: string | null) => void;\n  /** Shown in the detail panel before any spoke is chosen. */\n  welcome?: {\n    tag?: string;\n    title: string;\n    description?: string;\n    media?: React.ReactNode;\n    cta?: { label: string; href: string };\n  };\n  /**\n   * Auto-advance through the spokes until the visitor interacts. Default\n   * 2200ms; pass 0 to disable. Skipped under `prefers-reduced-motion`.\n   */\n  attractMs?: number;\n  /** Hint under the ring. Default \"Hover a module to preview\". */\n  hint?: string;\n  /** Orbit radius. Default `clamp(118px, 17vw, 188px)`. */\n  radius?: string;\n  /** Accessible name for the spoke group. Default \"Modules\". */\n  groupLabel?: string;\n  className?: string;\n}\n\n// =============================================================================\n// RadialExplorer\n// =============================================================================\n\n/**\n * A radial product explorer: a centre mark with N icon tiles orbiting it, a\n * glowing tracer ray from the core to the active tile, tab dots, and a detail\n * panel beside the ring that shows the active spoke's media, copy and CTAs\n * (with a welcome state before any pick). Auto-advances gently until the\n * visitor engages. Below `lg` the ring becomes a chip grid above the panel.\n * Ported from the Enterprise Health hero HUD.\n *\n * @example\n * ```tsx\n * <RadialExplorer\n *   eyebrow=\"Explore the platform\"\n *   center={<img src=\"/mark.svg\" alt=\"\" />}\n *   spokes={[{ id: 'ehr', label: 'Certified EHR', icon: <FileText />, description: '…',\n *     media: <VideoCard variant=\"plate\" title=\"EHR tour\" youtubeId=\"…\" duration=\"2:44\" />,\n *     cta: { label: 'Request a demo', href: '/demo/' }, href: '/platform/ehr/' }]}\n * />\n * ```\n */\nexport function RadialExplorer({\n  spokes,\n  center,\n  eyebrow,\n  activeId: controlled,\n  defaultActiveId = null,\n  onActiveChange,\n  welcome,\n  attractMs = 2200,\n  hint = 'Hover a module to preview',\n  radius = 'clamp(118px, 17vw, 188px)',\n  groupLabel = 'Modules',\n  className,\n}: RadialExplorerProps) {\n  const reduced = usePrefersReducedMotion();\n  const [inner, setInner] = React.useState<string | null>(defaultActiveId);\n  const [engaged, setEngaged] = React.useState(false);\n  const activeId = controlled !== undefined ? controlled : inner;\n  const id = React.useId();\n\n  const select = React.useCallback(\n    (next: string | null) => {\n      setEngaged(true);\n      if (controlled === undefined) setInner(next);\n      onActiveChange?.(next);\n    },\n    [controlled, onActiveChange]\n  );\n\n  // Attract loop until the visitor interacts. Never runs in controlled mode:\n  // `activeId` is owned by the host, so cycling it (or firing unsolicited\n  // `onActiveChange` ticks) would fight the controlled API contract.\n  React.useEffect(() => {\n    if (\n      controlled !== undefined ||\n      engaged ||\n      reduced ||\n      !attractMs ||\n      spokes.length === 0\n    )\n      return;\n    let i = spokes.findIndex((s) => s.id === activeId);\n    const t = window.setInterval(() => {\n      i = (i + 1) % spokes.length;\n      setInner(spokes[i].id);\n      onActiveChange?.(spokes[i].id);\n    }, attractMs);\n    return () => window.clearInterval(t);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [engaged, reduced, attractMs, spokes.length, controlled]);\n\n  const activeIndex = spokes.findIndex((s) => s.id === activeId);\n  const active = activeIndex >= 0 ? spokes[activeIndex] : null;\n  const step = 360 / Math.max(spokes.length, 1);\n  const angle = (i: number) => `${i * step - 90}deg`;\n\n  return (\n    <section\n      data-slot=\"radial-explorer\"\n      style={{ '--re-r': radius } as React.CSSProperties}\n      className={cn(\n        'grid gap-8 lg:grid-cols-[1.1fr_minmax(300px,380px)] lg:items-center',\n        className\n      )}\n      aria-labelledby={eyebrow ? `${id}-eyebrow` : undefined}\n    >\n      <div className=\"flex flex-col items-center gap-5\">\n        {eyebrow && (\n          <p\n            id={`${id}-eyebrow`}\n            className=\"text-primary-800 dark:text-primary-300 text-[11px] font-bold tracking-[0.18em] uppercase\"\n          >\n            {eyebrow}\n          </p>\n        )}\n\n        {/* Ring (lg+) */}\n        <div\n          role=\"group\"\n          aria-label={groupLabel}\n          data-slot=\"radial-explorer-ring\"\n          className=\"relative hidden aspect-square w-[calc(var(--re-r)*2+120px)] place-items-center lg:grid\"\n        >\n          <span\n            aria-hidden\n            data-slot=\"radial-explorer-core\"\n            className={cn(\n              // rtl-ignore -- physical centering paired with -translate-x-1/2 is direction-independent; start-1/2 would break it in RTL\n              'absolute top-1/2 left-1/2 grid h-[100px] w-[100px] -translate-x-1/2 -translate-y-1/2 place-items-center rounded-[24%] border border-white/15 text-white shadow-[0_14px_30px_rgba(0,0,0,0.3),inset_0_1px_0_rgba(255,255,255,0.08)]',\n              '[background:radial-gradient(90%_90%_at_24%_8%,color-mix(in_srgb,var(--mieweb-primary-400)_35%,transparent),transparent_60%),linear-gradient(145deg,var(--mieweb-primary-700)_0%,var(--mieweb-primary-900)_68%,var(--mieweb-primary-950)_100%)]',\n              '[&>*]:h-[54px] [&>*]:w-[54px] [&>img]:object-contain'\n            )}\n          >\n            {center}\n          </span>\n\n          {active && (\n            <span\n              aria-hidden\n              data-slot=\"radial-explorer-ray\"\n              style={{\n                width: 'var(--re-r)',\n                transform: `translateY(-50%) rotate(${angle(activeIndex)})`,\n              }}\n              className={cn(\n                // rtl-ignore -- the ray is rotated to a computed angle from the physical center; origin/tip geometry must stay physical\n                'pointer-events-none absolute top-1/2 left-1/2 z-0 h-0.5 origin-left rounded-full transition-transform duration-500 [transition-timing-function:cubic-bezier(0.4,0.85,0.3,1)]',\n                '[filter:drop-shadow(0_0_6px_color-mix(in_srgb,var(--mieweb-accent,var(--mieweb-primary-300))_55%,transparent))] [background:linear-gradient(90deg,transparent_4%,var(--mieweb-accent,var(--mieweb-primary-300))_94%)]',\n                // rtl-ignore -- tip dot sits at the physical end of the rotated ray\n                'after:absolute after:top-1/2 after:-right-[3px] after:h-[7px] after:w-[7px] after:-translate-y-1/2 after:rounded-full after:bg-[var(--mieweb-accent,var(--mieweb-primary-300))] after:shadow-[0_0_9px_2px_color-mix(in_srgb,var(--mieweb-accent,var(--mieweb-primary-300))_70%,transparent)] after:content-[\"\"]'\n              )}\n            />\n          )}\n\n          {spokes.map((s, i) => {\n            const on = s.id === activeId;\n            return (\n              <button\n                key={s.id}\n                type=\"button\"\n                aria-pressed={on}\n                data-slot=\"radial-explorer-spoke\"\n                data-active={on || undefined}\n                style={{\n                  transform: `translate(-50%,-50%) rotate(${angle(i)}) translate(var(--re-r)) rotate(calc(-1 * ${angle(i)}))`,\n                }}\n                onMouseEnter={() => select(s.id)}\n                onFocus={() => select(s.id)}\n                onClick={() => select(s.id)}\n                // rtl-ignore -- spokes are placed by rotate/translate trig from the physical center; the wheel is rotationally symmetric\n                className=\"group/spoke absolute top-1/2 left-1/2 grid w-24 justify-items-center gap-2 focus-visible:outline-none\"\n              >\n                <SpokeTile icon={s.icon} active={on} />\n                <span\n                  className={cn(\n                    'text-muted-foreground group-hover/spoke:text-primary-800 dark:group-hover/spoke:text-primary-200 text-[13px] font-semibold transition-colors',\n                    on && 'text-primary-800 dark:text-primary-200'\n                  )}\n                >\n                  {s.label}\n                </span>\n              </button>\n            );\n          })}\n        </div>\n\n        {/* Chip grid (< lg) */}\n        <div\n          role=\"group\"\n          aria-label={groupLabel}\n          className=\"grid w-full grid-cols-3 gap-3 lg:hidden\"\n        >\n          {spokes.map((s) => {\n            const on = s.id === activeId;\n            return (\n              <button\n                key={s.id}\n                type=\"button\"\n                aria-pressed={on}\n                data-slot=\"radial-explorer-chip\"\n                onClick={() => select(s.id)}\n                className=\"group/spoke grid justify-items-center gap-1.5 focus-visible:outline-none\"\n              >\n                <SpokeTile icon={s.icon} active={on} size=\"sm\" />\n                <span\n                  className={cn(\n                    'text-muted-foreground text-center text-xs font-semibold',\n                    on && 'text-primary-800 dark:text-primary-200'\n                  )}\n                >\n                  {s.label}\n                </span>\n              </button>\n            );\n          })}\n        </div>\n\n        {/* dots + hint */}\n        <div className=\"flex flex-col items-center gap-2\">\n          <div role=\"group\" aria-label={groupLabel} className=\"flex gap-2\">\n            {spokes.map((s, i) => (\n              <button\n                key={s.id}\n                type=\"button\"\n                aria-pressed={i === activeIndex}\n                aria-label={s.label}\n                onClick={() => select(s.id)}\n                className={cn(\n                  'h-2 rounded-full transition-all',\n                  i === activeIndex\n                    ? 'w-6 bg-[var(--mieweb-accent,var(--mieweb-primary-400))]'\n                    : 'bg-primary-300/60 hover:bg-primary-400 w-2'\n                )}\n              />\n            ))}\n          </div>\n          {hint && (\n            <p\n              className={cn(\n                'text-muted-foreground text-xs transition-opacity',\n                engaged && 'opacity-0'\n              )}\n              aria-hidden={engaged}\n            >\n              {hint}\n            </p>\n          )}\n        </div>\n      </div>\n\n      {/* Detail */}\n      <div\n        data-slot=\"radial-explorer-detail\"\n        aria-live={engaged ? 'polite' : 'off'}\n        className=\"border-border bg-card text-card-foreground grid content-center gap-3.5 rounded-2xl border p-5 shadow-xl\"\n      >\n        {active ? (\n          <Detail\n            key={active.id}\n            tag={active.tag ?? active.label}\n            title={active.title ?? active.label}\n            description={active.description}\n            media={active.media}\n            caption={active.caption}\n            cta={active.cta}\n            href={active.href}\n            hrefLabel={active.hrefLabel ?? 'Explore module'}\n          />\n        ) : welcome ? (\n          <Detail\n            key=\"welcome\"\n            tag={welcome.tag}\n            title={welcome.title}\n            description={welcome.description}\n            media={welcome.media}\n            cta={welcome.cta}\n          />\n        ) : null}\n      </div>\n    </section>\n  );\n}\n\n// =============================================================================\n// Pieces\n// =============================================================================\n\nfunction SpokeTile({\n  icon,\n  active,\n  size = 'md',\n}: {\n  icon: React.ReactNode;\n  active: boolean;\n  size?: 'sm' | 'md';\n}) {\n  return (\n    <span\n      aria-hidden\n      className={cn(\n        'mie-fx-sheen relative grid place-items-center rounded-[17px] border transition-[transform,border-color,color,box-shadow,background] duration-200',\n        size === 'md'\n          ? 'h-[60px] w-[60px] [&>svg]:h-[22px] [&>svg]:w-[22px]'\n          : 'h-12 w-12 rounded-xl [&>svg]:h-5 [&>svg]:w-5',\n        'border-border bg-primary-500/10 text-primary-800 dark:text-primary-300 shadow-md backdrop-blur-sm',\n        'group-hover/spoke:-translate-y-0.5 group-hover/spoke:scale-[1.04] group-hover/spoke:border-transparent group-hover/spoke:text-white group-hover/spoke:shadow-xl',\n        'group-hover/spoke:[background:linear-gradient(150deg,var(--mieweb-primary-700),var(--mieweb-primary-900))_padding-box,linear-gradient(135deg,var(--mieweb-accent,var(--mieweb-primary-300)),var(--mieweb-primary-200)_55%,var(--mieweb-accent,var(--mieweb-primary-300)))_border-box]',\n        'group-focus-visible/spoke:outline-primary-500 group-focus-visible/spoke:outline group-focus-visible/spoke:outline-2 group-focus-visible/spoke:outline-offset-[3px]',\n        active &&\n          '-translate-y-0.5 scale-[1.04] border-transparent text-white shadow-xl [background:linear-gradient(150deg,var(--mieweb-primary-700),var(--mieweb-primary-900))_padding-box,linear-gradient(135deg,var(--mieweb-accent,var(--mieweb-primary-300)),var(--mieweb-primary-200)_55%,var(--mieweb-accent,var(--mieweb-primary-300)))_border-box]'\n      )}\n    >\n      {icon}\n    </span>\n  );\n}\n\nfunction Detail({\n  tag,\n  title,\n  description,\n  media,\n  caption,\n  cta,\n  href,\n  hrefLabel,\n}: {\n  tag?: string;\n  title: string;\n  description?: string;\n  media?: React.ReactNode;\n  caption?: string;\n  cta?: { label: string; href: string };\n  href?: string;\n  hrefLabel?: string;\n}) {\n  return (\n    <div className=\"grid gap-3.5 motion-safe:animate-[mie-fade-in_0.25s_ease-out]\">\n      {media && <div data-slot=\"radial-explorer-media\">{media}</div>}\n      {tag && (\n        <Badge\n          size=\"sm\"\n          className=\"w-fit text-[10px] font-bold tracking-[0.14em] uppercase\"\n        >\n          {tag}\n        </Badge>\n      )}\n      <h3 className=\"text-foreground text-2xl leading-tight font-semibold\">\n        {title}\n      </h3>\n      {description && (\n        <p className=\"text-muted-foreground text-[15px] leading-snug\">\n          {description}\n        </p>\n      )}\n      {caption && <p className=\"text-muted-foreground text-sm\">{caption}</p>}\n      {(cta || href) && (\n        <div className=\"mt-1 flex flex-wrap items-center gap-3\">\n          {cta && (\n            <a href={cta.href} className={buttonVariants({ effect: 'sheen' })}>\n              {cta.label}\n              <ArrowRight size={16} aria-hidden />\n            </a>\n          )}\n          {href && (\n            <a\n              href={href}\n              className=\"text-primary-800 dark:text-primary-200 text-sm font-semibold underline-offset-4 hover:underline\"\n            >\n              {hrefLabel}\n            </a>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/RadialExplorer/RadialExplorer.tsx"],"names":["usePrefersReducedMotion","React","jsxs","cn","jsx","Badge","buttonVariants","ArrowRight"],"mappings":"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","file":"chunk-6GZKQR7P.cjs","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { ArrowRight } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { Badge } from '../Badge';\nimport { buttonVariants } from '../Button';\nimport { usePrefersReducedMotion } from '../../hooks/usePrefersReducedMotion';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface RadialSpoke {\n  id: string;\n  /** Label under the tile. */\n  label: string;\n  /** Tile icon (Lucide, ~22px). */\n  icon: React.ReactNode;\n  /** Small caps tag above the detail heading. Defaults to `label`. */\n  tag?: string;\n  /** Detail heading. Defaults to `label`. */\n  title?: string;\n  description?: string;\n  /** Detail media — a `VideoCard variant=\"plate\"`, an image, a chart. */\n  media?: React.ReactNode;\n  /** Caption under the media, e.g. \"AI Medical Assistant · 2:44\". */\n  caption?: string;\n  /** Primary CTA in the detail panel. */\n  cta?: { label: string; href: string };\n  /** Secondary \"Explore module →\" link. */\n  href?: string;\n  hrefLabel?: string;\n}\n\nexport interface RadialExplorerProps {\n  spokes: RadialSpoke[];\n  /** Centre node — a brand mark or product tile. */\n  center: React.ReactNode;\n  /** Small caps label over the whole explorer. */\n  eyebrow?: string;\n  /** Controlled active spoke. */\n  activeId?: string | null;\n  defaultActiveId?: string | null;\n  onActiveChange?: (id: string | null) => void;\n  /** Shown in the detail panel before any spoke is chosen. */\n  welcome?: {\n    tag?: string;\n    title: string;\n    description?: string;\n    media?: React.ReactNode;\n    cta?: { label: string; href: string };\n  };\n  /**\n   * Auto-advance through the spokes until the visitor interacts. Default\n   * 2200ms; pass 0 to disable. Skipped under `prefers-reduced-motion`.\n   */\n  attractMs?: number;\n  /** Hint under the ring. Default \"Hover a module to preview\". */\n  hint?: string;\n  /** Orbit radius. Default `clamp(118px, 17vw, 188px)`. */\n  radius?: string;\n  /** Accessible name for the spoke group. Default \"Modules\". */\n  groupLabel?: string;\n  className?: string;\n}\n\n// =============================================================================\n// RadialExplorer\n// =============================================================================\n\n/**\n * A radial product explorer: a centre mark with N icon tiles orbiting it, a\n * glowing tracer ray from the core to the active tile, tab dots, and a detail\n * panel beside the ring that shows the active spoke's media, copy and CTAs\n * (with a welcome state before any pick). Auto-advances gently until the\n * visitor engages. Below `lg` the ring becomes a chip grid above the panel.\n * Ported from the Enterprise Health hero HUD.\n *\n * @example\n * ```tsx\n * <RadialExplorer\n *   eyebrow=\"Explore the platform\"\n *   center={<img src=\"/mark.svg\" alt=\"\" />}\n *   spokes={[{ id: 'ehr', label: 'Certified EHR', icon: <FileText />, description: '…',\n *     media: <VideoCard variant=\"plate\" title=\"EHR tour\" youtubeId=\"…\" duration=\"2:44\" />,\n *     cta: { label: 'Request a demo', href: '/demo/' }, href: '/platform/ehr/' }]}\n * />\n * ```\n */\nexport function RadialExplorer({\n  spokes,\n  center,\n  eyebrow,\n  activeId: controlled,\n  defaultActiveId = null,\n  onActiveChange,\n  welcome,\n  attractMs = 2200,\n  hint = 'Hover a module to preview',\n  radius = 'clamp(118px, 17vw, 188px)',\n  groupLabel = 'Modules',\n  className,\n}: RadialExplorerProps) {\n  const reduced = usePrefersReducedMotion();\n  const [inner, setInner] = React.useState<string | null>(defaultActiveId);\n  const [engaged, setEngaged] = React.useState(false);\n  const activeId = controlled !== undefined ? controlled : inner;\n  const id = React.useId();\n\n  const select = React.useCallback(\n    (next: string | null) => {\n      setEngaged(true);\n      if (controlled === undefined) setInner(next);\n      onActiveChange?.(next);\n    },\n    [controlled, onActiveChange]\n  );\n\n  // Attract loop until the visitor interacts. Never runs in controlled mode:\n  // `activeId` is owned by the host, so cycling it (or firing unsolicited\n  // `onActiveChange` ticks) would fight the controlled API contract.\n  React.useEffect(() => {\n    if (\n      controlled !== undefined ||\n      engaged ||\n      reduced ||\n      !attractMs ||\n      spokes.length === 0\n    )\n      return;\n    let i = spokes.findIndex((s) => s.id === activeId);\n    const t = window.setInterval(() => {\n      i = (i + 1) % spokes.length;\n      setInner(spokes[i].id);\n      onActiveChange?.(spokes[i].id);\n    }, attractMs);\n    return () => window.clearInterval(t);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [engaged, reduced, attractMs, spokes.length, controlled]);\n\n  const activeIndex = spokes.findIndex((s) => s.id === activeId);\n  const active = activeIndex >= 0 ? spokes[activeIndex] : null;\n  const step = 360 / Math.max(spokes.length, 1);\n  const angle = (i: number) => `${i * step - 90}deg`;\n\n  return (\n    <section\n      data-slot=\"radial-explorer\"\n      style={{ '--re-r': radius } as React.CSSProperties}\n      className={cn(\n        'grid gap-8 lg:grid-cols-[1.1fr_minmax(300px,380px)] lg:items-center',\n        className\n      )}\n      aria-labelledby={eyebrow ? `${id}-eyebrow` : undefined}\n    >\n      <div className=\"flex flex-col items-center gap-5\">\n        {eyebrow && (\n          <p\n            id={`${id}-eyebrow`}\n            className=\"text-primary-800 dark:text-primary-300 text-[11px] font-bold tracking-[0.18em] uppercase\"\n          >\n            {eyebrow}\n          </p>\n        )}\n\n        {/* Ring (lg+) */}\n        <div\n          role=\"group\"\n          aria-label={groupLabel}\n          data-slot=\"radial-explorer-ring\"\n          className=\"relative hidden aspect-square w-[calc(var(--re-r)*2+120px)] place-items-center lg:grid\"\n        >\n          <span\n            aria-hidden\n            data-slot=\"radial-explorer-core\"\n            className={cn(\n              // rtl-ignore -- physical centering paired with -translate-x-1/2 is direction-independent; start-1/2 would break it in RTL\n              'absolute top-1/2 left-1/2 grid h-[100px] w-[100px] -translate-x-1/2 -translate-y-1/2 place-items-center rounded-[24%] border border-white/15 text-white shadow-[0_14px_30px_rgba(0,0,0,0.3),inset_0_1px_0_rgba(255,255,255,0.08)]',\n              '[background:radial-gradient(90%_90%_at_24%_8%,color-mix(in_srgb,var(--mieweb-primary-400)_35%,transparent),transparent_60%),linear-gradient(145deg,var(--mieweb-primary-700)_0%,var(--mieweb-primary-900)_68%,var(--mieweb-primary-950)_100%)]',\n              '[&>*]:h-[54px] [&>*]:w-[54px] [&>img]:object-contain'\n            )}\n          >\n            {center}\n          </span>\n\n          {active && (\n            <span\n              aria-hidden\n              data-slot=\"radial-explorer-ray\"\n              style={{\n                width: 'var(--re-r)',\n                transform: `translateY(-50%) rotate(${angle(activeIndex)})`,\n              }}\n              className={cn(\n                // rtl-ignore -- the ray is rotated to a computed angle from the physical center; origin/tip geometry must stay physical\n                'pointer-events-none absolute top-1/2 left-1/2 z-0 h-0.5 origin-left rounded-full transition-transform duration-500 [transition-timing-function:cubic-bezier(0.4,0.85,0.3,1)]',\n                '[filter:drop-shadow(0_0_6px_color-mix(in_srgb,var(--mieweb-accent,var(--mieweb-primary-300))_55%,transparent))] [background:linear-gradient(90deg,transparent_4%,var(--mieweb-accent,var(--mieweb-primary-300))_94%)]',\n                // rtl-ignore -- tip dot sits at the physical end of the rotated ray\n                'after:absolute after:top-1/2 after:-right-[3px] after:h-[7px] after:w-[7px] after:-translate-y-1/2 after:rounded-full after:bg-[var(--mieweb-accent,var(--mieweb-primary-300))] after:shadow-[0_0_9px_2px_color-mix(in_srgb,var(--mieweb-accent,var(--mieweb-primary-300))_70%,transparent)] after:content-[\"\"]'\n              )}\n            />\n          )}\n\n          {spokes.map((s, i) => {\n            const on = s.id === activeId;\n            return (\n              <button\n                key={s.id}\n                type=\"button\"\n                aria-pressed={on}\n                data-slot=\"radial-explorer-spoke\"\n                data-active={on || undefined}\n                style={{\n                  transform: `translate(-50%,-50%) rotate(${angle(i)}) translate(var(--re-r)) rotate(calc(-1 * ${angle(i)}))`,\n                }}\n                onMouseEnter={() => select(s.id)}\n                onFocus={() => select(s.id)}\n                onClick={() => select(s.id)}\n                // rtl-ignore -- spokes are placed by rotate/translate trig from the physical center; the wheel is rotationally symmetric\n                className=\"group/spoke absolute top-1/2 left-1/2 grid w-24 justify-items-center gap-2 focus-visible:outline-none\"\n              >\n                <SpokeTile icon={s.icon} active={on} />\n                <span\n                  className={cn(\n                    'text-muted-foreground group-hover/spoke:text-primary-800 dark:group-hover/spoke:text-primary-200 text-[13px] font-semibold transition-colors',\n                    on && 'text-primary-800 dark:text-primary-200'\n                  )}\n                >\n                  {s.label}\n                </span>\n              </button>\n            );\n          })}\n        </div>\n\n        {/* Chip grid (< lg) */}\n        <div\n          role=\"group\"\n          aria-label={groupLabel}\n          className=\"grid w-full grid-cols-3 gap-3 lg:hidden\"\n        >\n          {spokes.map((s) => {\n            const on = s.id === activeId;\n            return (\n              <button\n                key={s.id}\n                type=\"button\"\n                aria-pressed={on}\n                data-slot=\"radial-explorer-chip\"\n                onClick={() => select(s.id)}\n                className=\"group/spoke grid justify-items-center gap-1.5 focus-visible:outline-none\"\n              >\n                <SpokeTile icon={s.icon} active={on} size=\"sm\" />\n                <span\n                  className={cn(\n                    'text-muted-foreground text-center text-xs font-semibold',\n                    on && 'text-primary-800 dark:text-primary-200'\n                  )}\n                >\n                  {s.label}\n                </span>\n              </button>\n            );\n          })}\n        </div>\n\n        {/* dots + hint */}\n        <div className=\"flex flex-col items-center gap-2\">\n          <div role=\"group\" aria-label={groupLabel} className=\"flex gap-2\">\n            {spokes.map((s, i) => (\n              <button\n                key={s.id}\n                type=\"button\"\n                aria-pressed={i === activeIndex}\n                aria-label={s.label}\n                onClick={() => select(s.id)}\n                className={cn(\n                  'h-2 rounded-full transition-all',\n                  i === activeIndex\n                    ? 'w-6 bg-[var(--mieweb-accent,var(--mieweb-primary-400))]'\n                    : 'bg-primary-300/60 hover:bg-primary-400 w-2'\n                )}\n              />\n            ))}\n          </div>\n          {hint && (\n            <p\n              className={cn(\n                'text-muted-foreground text-xs transition-opacity',\n                engaged && 'opacity-0'\n              )}\n              aria-hidden={engaged}\n            >\n              {hint}\n            </p>\n          )}\n        </div>\n      </div>\n\n      {/* Detail */}\n      <div\n        data-slot=\"radial-explorer-detail\"\n        aria-live={engaged ? 'polite' : 'off'}\n        className=\"border-border bg-card text-card-foreground grid content-center gap-3.5 rounded-2xl border p-5 shadow-xl\"\n      >\n        {active ? (\n          <Detail\n            key={active.id}\n            tag={active.tag ?? active.label}\n            title={active.title ?? active.label}\n            description={active.description}\n            media={active.media}\n            caption={active.caption}\n            cta={active.cta}\n            href={active.href}\n            hrefLabel={active.hrefLabel ?? 'Explore module'}\n          />\n        ) : welcome ? (\n          <Detail\n            key=\"welcome\"\n            tag={welcome.tag}\n            title={welcome.title}\n            description={welcome.description}\n            media={welcome.media}\n            cta={welcome.cta}\n          />\n        ) : null}\n      </div>\n    </section>\n  );\n}\n\n// =============================================================================\n// Pieces\n// =============================================================================\n\nfunction SpokeTile({\n  icon,\n  active,\n  size = 'md',\n}: {\n  icon: React.ReactNode;\n  active: boolean;\n  size?: 'sm' | 'md';\n}) {\n  return (\n    <span\n      aria-hidden\n      className={cn(\n        'mie-fx-sheen relative grid place-items-center rounded-[17px] border transition-[transform,border-color,color,box-shadow,background] duration-200',\n        size === 'md'\n          ? 'h-[60px] w-[60px] [&>svg]:h-[22px] [&>svg]:w-[22px]'\n          : 'h-12 w-12 rounded-xl [&>svg]:h-5 [&>svg]:w-5',\n        'border-border bg-primary-500/10 text-primary-800 dark:text-primary-300 shadow-md backdrop-blur-sm',\n        'group-hover/spoke:-translate-y-0.5 group-hover/spoke:scale-[1.04] group-hover/spoke:border-transparent group-hover/spoke:text-white group-hover/spoke:shadow-xl',\n        'group-hover/spoke:[background:linear-gradient(150deg,var(--mieweb-primary-700),var(--mieweb-primary-900))_padding-box,linear-gradient(135deg,var(--mieweb-accent,var(--mieweb-primary-300)),var(--mieweb-primary-200)_55%,var(--mieweb-accent,var(--mieweb-primary-300)))_border-box]',\n        'group-focus-visible/spoke:outline-primary-500 group-focus-visible/spoke:outline group-focus-visible/spoke:outline-2 group-focus-visible/spoke:outline-offset-[3px]',\n        active &&\n          '-translate-y-0.5 scale-[1.04] border-transparent text-white shadow-xl [background:linear-gradient(150deg,var(--mieweb-primary-700),var(--mieweb-primary-900))_padding-box,linear-gradient(135deg,var(--mieweb-accent,var(--mieweb-primary-300)),var(--mieweb-primary-200)_55%,var(--mieweb-accent,var(--mieweb-primary-300)))_border-box]'\n      )}\n    >\n      {icon}\n    </span>\n  );\n}\n\nfunction Detail({\n  tag,\n  title,\n  description,\n  media,\n  caption,\n  cta,\n  href,\n  hrefLabel,\n}: {\n  tag?: string;\n  title: string;\n  description?: string;\n  media?: React.ReactNode;\n  caption?: string;\n  cta?: { label: string; href: string };\n  href?: string;\n  hrefLabel?: string;\n}) {\n  return (\n    <div className=\"grid gap-3.5 motion-safe:animate-[mie-fade-in_0.25s_ease-out]\">\n      {media && <div data-slot=\"radial-explorer-media\">{media}</div>}\n      {tag && (\n        <Badge\n          size=\"sm\"\n          className=\"w-fit text-[10px] font-bold tracking-[0.14em] uppercase\"\n        >\n          {tag}\n        </Badge>\n      )}\n      <h3 className=\"text-foreground text-2xl leading-tight font-semibold\">\n        {title}\n      </h3>\n      {description && (\n        <p className=\"text-muted-foreground text-[15px] leading-snug\">\n          {description}\n        </p>\n      )}\n      {caption && <p className=\"text-muted-foreground text-sm\">{caption}</p>}\n      {(cta || href) && (\n        <div className=\"mt-1 flex flex-wrap items-center gap-3\">\n          {cta && (\n            <a href={cta.href} className={buttonVariants({ effect: 'sheen' })}>\n              {cta.label}\n              <ArrowRight size={16} aria-hidden />\n            </a>\n          )}\n          {href && (\n            <a\n              href={href}\n              className=\"text-primary-800 dark:text-primary-200 text-sm font-semibold underline-offset-4 hover:underline\"\n            >\n              {hrefLabel}\n            </a>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n"]}

package/dist/{chunk-Y5HFM7LO.js → chunk-77PNQILS.js}

@@ -1,6 +1,6 @@
 import { usePrefersReducedMotion } from './chunk-HB7C7NB5.js';
 import { Badge } from './chunk-BMSG4NBH.js';
-import { buttonVariants } from './chunk-GOALNQZ2.js';
+import { buttonVariants } from './chunk-AXRRBEER.js';
 import { cn } from './chunk-TQONQSJO.js';
 import * as React from 'react';
 import { ArrowRight } from 'lucide-react';
@@ -306,5 +306,5 @@ function Detail({
 }
 
 export { RadialExplorer };
-//# sourceMappingURL=chunk-Y5HFM7LO.js.map
-//# sourceMappingURL=chunk-Y5HFM7LO.js.map
+//# sourceMappingURL=chunk-77PNQILS.js.map
+//# sourceMappingURL=chunk-77PNQILS.js.map

package/dist/{chunk-Y5HFM7LO.js.map → chunk-77PNQILS.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/RadialExplorer/RadialExplorer.tsx"],"names":[],"mappings":"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","file":"chunk-Y5HFM7LO.js","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { ArrowRight } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { Badge } from '../Badge';\nimport { buttonVariants } from '../Button';\nimport { usePrefersReducedMotion } from '../../hooks/usePrefersReducedMotion';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface RadialSpoke {\n  id: string;\n  /** Label under the tile. */\n  label: string;\n  /** Tile icon (Lucide, ~22px). */\n  icon: React.ReactNode;\n  /** Small caps tag above the detail heading. Defaults to `label`. */\n  tag?: string;\n  /** Detail heading. Defaults to `label`. */\n  title?: string;\n  description?: string;\n  /** Detail media — a `VideoCard variant=\"plate\"`, an image, a chart. */\n  media?: React.ReactNode;\n  /** Caption under the media, e.g. \"AI Medical Assistant · 2:44\". */\n  caption?: string;\n  /** Primary CTA in the detail panel. */\n  cta?: { label: string; href: string };\n  /** Secondary \"Explore module →\" link. */\n  href?: string;\n  hrefLabel?: string;\n}\n\nexport interface RadialExplorerProps {\n  spokes: RadialSpoke[];\n  /** Centre node — a brand mark or product tile. */\n  center: React.ReactNode;\n  /** Small caps label over the whole explorer. */\n  eyebrow?: string;\n  /** Controlled active spoke. */\n  activeId?: string | null;\n  defaultActiveId?: string | null;\n  onActiveChange?: (id: string | null) => void;\n  /** Shown in the detail panel before any spoke is chosen. */\n  welcome?: {\n    tag?: string;\n    title: string;\n    description?: string;\n    media?: React.ReactNode;\n    cta?: { label: string; href: string };\n  };\n  /**\n   * Auto-advance through the spokes until the visitor interacts. Default\n   * 2200ms; pass 0 to disable. Skipped under `prefers-reduced-motion`.\n   */\n  attractMs?: number;\n  /** Hint under the ring. Default \"Hover a module to preview\". */\n  hint?: string;\n  /** Orbit radius. Default `clamp(118px, 17vw, 188px)`. */\n  radius?: string;\n  /** Accessible name for the spoke group. Default \"Modules\". */\n  groupLabel?: string;\n  className?: string;\n}\n\n// =============================================================================\n// RadialExplorer\n// =============================================================================\n\n/**\n * A radial product explorer: a centre mark with N icon tiles orbiting it, a\n * glowing tracer ray from the core to the active tile, tab dots, and a detail\n * panel beside the ring that shows the active spoke's media, copy and CTAs\n * (with a welcome state before any pick). Auto-advances gently until the\n * visitor engages. Below `lg` the ring becomes a chip grid above the panel.\n * Ported from the Enterprise Health hero HUD.\n *\n * @example\n * ```tsx\n * <RadialExplorer\n *   eyebrow=\"Explore the platform\"\n *   center={<img src=\"/mark.svg\" alt=\"\" />}\n *   spokes={[{ id: 'ehr', label: 'Certified EHR', icon: <FileText />, description: '…',\n *     media: <VideoCard variant=\"plate\" title=\"EHR tour\" youtubeId=\"…\" duration=\"2:44\" />,\n *     cta: { label: 'Request a demo', href: '/demo/' }, href: '/platform/ehr/' }]}\n * />\n * ```\n */\nexport function RadialExplorer({\n  spokes,\n  center,\n  eyebrow,\n  activeId: controlled,\n  defaultActiveId = null,\n  onActiveChange,\n  welcome,\n  attractMs = 2200,\n  hint = 'Hover a module to preview',\n  radius = 'clamp(118px, 17vw, 188px)',\n  groupLabel = 'Modules',\n  className,\n}: RadialExplorerProps) {\n  const reduced = usePrefersReducedMotion();\n  const [inner, setInner] = React.useState<string | null>(defaultActiveId);\n  const [engaged, setEngaged] = React.useState(false);\n  const activeId = controlled !== undefined ? controlled : inner;\n  const id = React.useId();\n\n  const select = React.useCallback(\n    (next: string | null) => {\n      setEngaged(true);\n      if (controlled === undefined) setInner(next);\n      onActiveChange?.(next);\n    },\n    [controlled, onActiveChange]\n  );\n\n  // Attract loop until the visitor interacts. Never runs in controlled mode:\n  // `activeId` is owned by the host, so cycling it (or firing unsolicited\n  // `onActiveChange` ticks) would fight the controlled API contract.\n  React.useEffect(() => {\n    if (\n      controlled !== undefined ||\n      engaged ||\n      reduced ||\n      !attractMs ||\n      spokes.length === 0\n    )\n      return;\n    let i = spokes.findIndex((s) => s.id === activeId);\n    const t = window.setInterval(() => {\n      i = (i + 1) % spokes.length;\n      setInner(spokes[i].id);\n      onActiveChange?.(spokes[i].id);\n    }, attractMs);\n    return () => window.clearInterval(t);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [engaged, reduced, attractMs, spokes.length, controlled]);\n\n  const activeIndex = spokes.findIndex((s) => s.id === activeId);\n  const active = activeIndex >= 0 ? spokes[activeIndex] : null;\n  const step = 360 / Math.max(spokes.length, 1);\n  const angle = (i: number) => `${i * step - 90}deg`;\n\n  return (\n    <section\n      data-slot=\"radial-explorer\"\n      style={{ '--re-r': radius } as React.CSSProperties}\n      className={cn(\n        'grid gap-8 lg:grid-cols-[1.1fr_minmax(300px,380px)] lg:items-center',\n        className\n      )}\n      aria-labelledby={eyebrow ? `${id}-eyebrow` : undefined}\n    >\n      <div className=\"flex flex-col items-center gap-5\">\n        {eyebrow && (\n          <p\n            id={`${id}-eyebrow`}\n            className=\"text-primary-800 dark:text-primary-300 text-[11px] font-bold tracking-[0.18em] uppercase\"\n          >\n            {eyebrow}\n          </p>\n        )}\n\n        {/* Ring (lg+) */}\n        <div\n          role=\"group\"\n          aria-label={groupLabel}\n          data-slot=\"radial-explorer-ring\"\n          className=\"relative hidden aspect-square w-[calc(var(--re-r)*2+120px)] place-items-center lg:grid\"\n        >\n          <span\n            aria-hidden\n            data-slot=\"radial-explorer-core\"\n            className={cn(\n              // rtl-ignore -- physical centering paired with -translate-x-1/2 is direction-independent; start-1/2 would break it in RTL\n              'absolute top-1/2 left-1/2 grid h-[100px] w-[100px] -translate-x-1/2 -translate-y-1/2 place-items-center rounded-[24%] border border-white/15 text-white shadow-[0_14px_30px_rgba(0,0,0,0.3),inset_0_1px_0_rgba(255,255,255,0.08)]',\n              '[background:radial-gradient(90%_90%_at_24%_8%,color-mix(in_srgb,var(--mieweb-primary-400)_35%,transparent),transparent_60%),linear-gradient(145deg,var(--mieweb-primary-700)_0%,var(--mieweb-primary-900)_68%,var(--mieweb-primary-950)_100%)]',\n              '[&>*]:h-[54px] [&>*]:w-[54px] [&>img]:object-contain'\n            )}\n          >\n            {center}\n          </span>\n\n          {active && (\n            <span\n              aria-hidden\n              data-slot=\"radial-explorer-ray\"\n              style={{\n                width: 'var(--re-r)',\n                transform: `translateY(-50%) rotate(${angle(activeIndex)})`,\n              }}\n              className={cn(\n                // rtl-ignore -- the ray is rotated to a computed angle from the physical center; origin/tip geometry must stay physical\n                'pointer-events-none absolute top-1/2 left-1/2 z-0 h-0.5 origin-left rounded-full transition-transform duration-500 [transition-timing-function:cubic-bezier(0.4,0.85,0.3,1)]',\n                '[filter:drop-shadow(0_0_6px_color-mix(in_srgb,var(--mieweb-accent,var(--mieweb-primary-300))_55%,transparent))] [background:linear-gradient(90deg,transparent_4%,var(--mieweb-accent,var(--mieweb-primary-300))_94%)]',\n                // rtl-ignore -- tip dot sits at the physical end of the rotated ray\n                'after:absolute after:top-1/2 after:-right-[3px] after:h-[7px] after:w-[7px] after:-translate-y-1/2 after:rounded-full after:bg-[var(--mieweb-accent,var(--mieweb-primary-300))] after:shadow-[0_0_9px_2px_color-mix(in_srgb,var(--mieweb-accent,var(--mieweb-primary-300))_70%,transparent)] after:content-[\"\"]'\n              )}\n            />\n          )}\n\n          {spokes.map((s, i) => {\n            const on = s.id === activeId;\n            return (\n              <button\n                key={s.id}\n                type=\"button\"\n                aria-pressed={on}\n                data-slot=\"radial-explorer-spoke\"\n                data-active={on || undefined}\n                style={{\n                  transform: `translate(-50%,-50%) rotate(${angle(i)}) translate(var(--re-r)) rotate(calc(-1 * ${angle(i)}))`,\n                }}\n                onMouseEnter={() => select(s.id)}\n                onFocus={() => select(s.id)}\n                onClick={() => select(s.id)}\n                // rtl-ignore -- spokes are placed by rotate/translate trig from the physical center; the wheel is rotationally symmetric\n                className=\"group/spoke absolute top-1/2 left-1/2 grid w-24 justify-items-center gap-2 focus-visible:outline-none\"\n              >\n                <SpokeTile icon={s.icon} active={on} />\n                <span\n                  className={cn(\n                    'text-muted-foreground group-hover/spoke:text-primary-800 dark:group-hover/spoke:text-primary-200 text-[13px] font-semibold transition-colors',\n                    on && 'text-primary-800 dark:text-primary-200'\n                  )}\n                >\n                  {s.label}\n                </span>\n              </button>\n            );\n          })}\n        </div>\n\n        {/* Chip grid (< lg) */}\n        <div\n          role=\"group\"\n          aria-label={groupLabel}\n          className=\"grid w-full grid-cols-3 gap-3 lg:hidden\"\n        >\n          {spokes.map((s) => {\n            const on = s.id === activeId;\n            return (\n              <button\n                key={s.id}\n                type=\"button\"\n                aria-pressed={on}\n                data-slot=\"radial-explorer-chip\"\n                onClick={() => select(s.id)}\n                className=\"group/spoke grid justify-items-center gap-1.5 focus-visible:outline-none\"\n              >\n                <SpokeTile icon={s.icon} active={on} size=\"sm\" />\n                <span\n                  className={cn(\n                    'text-muted-foreground text-center text-xs font-semibold',\n                    on && 'text-primary-800 dark:text-primary-200'\n                  )}\n                >\n                  {s.label}\n                </span>\n              </button>\n            );\n          })}\n        </div>\n\n        {/* dots + hint */}\n        <div className=\"flex flex-col items-center gap-2\">\n          <div role=\"group\" aria-label={groupLabel} className=\"flex gap-2\">\n            {spokes.map((s, i) => (\n              <button\n                key={s.id}\n                type=\"button\"\n                aria-pressed={i === activeIndex}\n                aria-label={s.label}\n                onClick={() => select(s.id)}\n                className={cn(\n                  'h-2 rounded-full transition-all',\n                  i === activeIndex\n                    ? 'w-6 bg-[var(--mieweb-accent,var(--mieweb-primary-400))]'\n                    : 'bg-primary-300/60 hover:bg-primary-400 w-2'\n                )}\n              />\n            ))}\n          </div>\n          {hint && (\n            <p\n              className={cn(\n                'text-muted-foreground text-xs transition-opacity',\n                engaged && 'opacity-0'\n              )}\n              aria-hidden={engaged}\n            >\n              {hint}\n            </p>\n          )}\n        </div>\n      </div>\n\n      {/* Detail */}\n      <div\n        data-slot=\"radial-explorer-detail\"\n        aria-live={engaged ? 'polite' : 'off'}\n        className=\"border-border bg-card text-card-foreground grid content-center gap-3.5 rounded-2xl border p-5 shadow-xl\"\n      >\n        {active ? (\n          <Detail\n            key={active.id}\n            tag={active.tag ?? active.label}\n            title={active.title ?? active.label}\n            description={active.description}\n            media={active.media}\n            caption={active.caption}\n            cta={active.cta}\n            href={active.href}\n            hrefLabel={active.hrefLabel ?? 'Explore module'}\n          />\n        ) : welcome ? (\n          <Detail\n            key=\"welcome\"\n            tag={welcome.tag}\n            title={welcome.title}\n            description={welcome.description}\n            media={welcome.media}\n            cta={welcome.cta}\n          />\n        ) : null}\n      </div>\n    </section>\n  );\n}\n\n// =============================================================================\n// Pieces\n// =============================================================================\n\nfunction SpokeTile({\n  icon,\n  active,\n  size = 'md',\n}: {\n  icon: React.ReactNode;\n  active: boolean;\n  size?: 'sm' | 'md';\n}) {\n  return (\n    <span\n      aria-hidden\n      className={cn(\n        'mie-fx-sheen relative grid place-items-center rounded-[17px] border transition-[transform,border-color,color,box-shadow,background] duration-200',\n        size === 'md'\n          ? 'h-[60px] w-[60px] [&>svg]:h-[22px] [&>svg]:w-[22px]'\n          : 'h-12 w-12 rounded-xl [&>svg]:h-5 [&>svg]:w-5',\n        'border-border bg-primary-500/10 text-primary-800 dark:text-primary-300 shadow-md backdrop-blur-sm',\n        'group-hover/spoke:-translate-y-0.5 group-hover/spoke:scale-[1.04] group-hover/spoke:border-transparent group-hover/spoke:text-white group-hover/spoke:shadow-xl',\n        'group-hover/spoke:[background:linear-gradient(150deg,var(--mieweb-primary-700),var(--mieweb-primary-900))_padding-box,linear-gradient(135deg,var(--mieweb-accent,var(--mieweb-primary-300)),var(--mieweb-primary-200)_55%,var(--mieweb-accent,var(--mieweb-primary-300)))_border-box]',\n        'group-focus-visible/spoke:outline-primary-500 group-focus-visible/spoke:outline group-focus-visible/spoke:outline-2 group-focus-visible/spoke:outline-offset-[3px]',\n        active &&\n          '-translate-y-0.5 scale-[1.04] border-transparent text-white shadow-xl [background:linear-gradient(150deg,var(--mieweb-primary-700),var(--mieweb-primary-900))_padding-box,linear-gradient(135deg,var(--mieweb-accent,var(--mieweb-primary-300)),var(--mieweb-primary-200)_55%,var(--mieweb-accent,var(--mieweb-primary-300)))_border-box]'\n      )}\n    >\n      {icon}\n    </span>\n  );\n}\n\nfunction Detail({\n  tag,\n  title,\n  description,\n  media,\n  caption,\n  cta,\n  href,\n  hrefLabel,\n}: {\n  tag?: string;\n  title: string;\n  description?: string;\n  media?: React.ReactNode;\n  caption?: string;\n  cta?: { label: string; href: string };\n  href?: string;\n  hrefLabel?: string;\n}) {\n  return (\n    <div className=\"grid gap-3.5 motion-safe:animate-[mie-fade-in_0.25s_ease-out]\">\n      {media && <div data-slot=\"radial-explorer-media\">{media}</div>}\n      {tag && (\n        <Badge\n          size=\"sm\"\n          className=\"w-fit text-[10px] font-bold tracking-[0.14em] uppercase\"\n        >\n          {tag}\n        </Badge>\n      )}\n      <h3 className=\"text-foreground text-2xl leading-tight font-semibold\">\n        {title}\n      </h3>\n      {description && (\n        <p className=\"text-muted-foreground text-[15px] leading-snug\">\n          {description}\n        </p>\n      )}\n      {caption && <p className=\"text-muted-foreground text-sm\">{caption}</p>}\n      {(cta || href) && (\n        <div className=\"mt-1 flex flex-wrap items-center gap-3\">\n          {cta && (\n            <a href={cta.href} className={buttonVariants({ effect: 'sheen' })}>\n              {cta.label}\n              <ArrowRight size={16} aria-hidden />\n            </a>\n          )}\n          {href && (\n            <a\n              href={href}\n              className=\"text-primary-800 dark:text-primary-200 text-sm font-semibold underline-offset-4 hover:underline\"\n            >\n              {hrefLabel}\n            </a>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/RadialExplorer/RadialExplorer.tsx"],"names":[],"mappings":"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","file":"chunk-77PNQILS.js","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { ArrowRight } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { Badge } from '../Badge';\nimport { buttonVariants } from '../Button';\nimport { usePrefersReducedMotion } from '../../hooks/usePrefersReducedMotion';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface RadialSpoke {\n  id: string;\n  /** Label under the tile. */\n  label: string;\n  /** Tile icon (Lucide, ~22px). */\n  icon: React.ReactNode;\n  /** Small caps tag above the detail heading. Defaults to `label`. */\n  tag?: string;\n  /** Detail heading. Defaults to `label`. */\n  title?: string;\n  description?: string;\n  /** Detail media — a `VideoCard variant=\"plate\"`, an image, a chart. */\n  media?: React.ReactNode;\n  /** Caption under the media, e.g. \"AI Medical Assistant · 2:44\". */\n  caption?: string;\n  /** Primary CTA in the detail panel. */\n  cta?: { label: string; href: string };\n  /** Secondary \"Explore module →\" link. */\n  href?: string;\n  hrefLabel?: string;\n}\n\nexport interface RadialExplorerProps {\n  spokes: RadialSpoke[];\n  /** Centre node — a brand mark or product tile. */\n  center: React.ReactNode;\n  /** Small caps label over the whole explorer. */\n  eyebrow?: string;\n  /** Controlled active spoke. */\n  activeId?: string | null;\n  defaultActiveId?: string | null;\n  onActiveChange?: (id: string | null) => void;\n  /** Shown in the detail panel before any spoke is chosen. */\n  welcome?: {\n    tag?: string;\n    title: string;\n    description?: string;\n    media?: React.ReactNode;\n    cta?: { label: string; href: string };\n  };\n  /**\n   * Auto-advance through the spokes until the visitor interacts. Default\n   * 2200ms; pass 0 to disable. Skipped under `prefers-reduced-motion`.\n   */\n  attractMs?: number;\n  /** Hint under the ring. Default \"Hover a module to preview\". */\n  hint?: string;\n  /** Orbit radius. Default `clamp(118px, 17vw, 188px)`. */\n  radius?: string;\n  /** Accessible name for the spoke group. Default \"Modules\". */\n  groupLabel?: string;\n  className?: string;\n}\n\n// =============================================================================\n// RadialExplorer\n// =============================================================================\n\n/**\n * A radial product explorer: a centre mark with N icon tiles orbiting it, a\n * glowing tracer ray from the core to the active tile, tab dots, and a detail\n * panel beside the ring that shows the active spoke's media, copy and CTAs\n * (with a welcome state before any pick). Auto-advances gently until the\n * visitor engages. Below `lg` the ring becomes a chip grid above the panel.\n * Ported from the Enterprise Health hero HUD.\n *\n * @example\n * ```tsx\n * <RadialExplorer\n *   eyebrow=\"Explore the platform\"\n *   center={<img src=\"/mark.svg\" alt=\"\" />}\n *   spokes={[{ id: 'ehr', label: 'Certified EHR', icon: <FileText />, description: '…',\n *     media: <VideoCard variant=\"plate\" title=\"EHR tour\" youtubeId=\"…\" duration=\"2:44\" />,\n *     cta: { label: 'Request a demo', href: '/demo/' }, href: '/platform/ehr/' }]}\n * />\n * ```\n */\nexport function RadialExplorer({\n  spokes,\n  center,\n  eyebrow,\n  activeId: controlled,\n  defaultActiveId = null,\n  onActiveChange,\n  welcome,\n  attractMs = 2200,\n  hint = 'Hover a module to preview',\n  radius = 'clamp(118px, 17vw, 188px)',\n  groupLabel = 'Modules',\n  className,\n}: RadialExplorerProps) {\n  const reduced = usePrefersReducedMotion();\n  const [inner, setInner] = React.useState<string | null>(defaultActiveId);\n  const [engaged, setEngaged] = React.useState(false);\n  const activeId = controlled !== undefined ? controlled : inner;\n  const id = React.useId();\n\n  const select = React.useCallback(\n    (next: string | null) => {\n      setEngaged(true);\n      if (controlled === undefined) setInner(next);\n      onActiveChange?.(next);\n    },\n    [controlled, onActiveChange]\n  );\n\n  // Attract loop until the visitor interacts. Never runs in controlled mode:\n  // `activeId` is owned by the host, so cycling it (or firing unsolicited\n  // `onActiveChange` ticks) would fight the controlled API contract.\n  React.useEffect(() => {\n    if (\n      controlled !== undefined ||\n      engaged ||\n      reduced ||\n      !attractMs ||\n      spokes.length === 0\n    )\n      return;\n    let i = spokes.findIndex((s) => s.id === activeId);\n    const t = window.setInterval(() => {\n      i = (i + 1) % spokes.length;\n      setInner(spokes[i].id);\n      onActiveChange?.(spokes[i].id);\n    }, attractMs);\n    return () => window.clearInterval(t);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [engaged, reduced, attractMs, spokes.length, controlled]);\n\n  const activeIndex = spokes.findIndex((s) => s.id === activeId);\n  const active = activeIndex >= 0 ? spokes[activeIndex] : null;\n  const step = 360 / Math.max(spokes.length, 1);\n  const angle = (i: number) => `${i * step - 90}deg`;\n\n  return (\n    <section\n      data-slot=\"radial-explorer\"\n      style={{ '--re-r': radius } as React.CSSProperties}\n      className={cn(\n        'grid gap-8 lg:grid-cols-[1.1fr_minmax(300px,380px)] lg:items-center',\n        className\n      )}\n      aria-labelledby={eyebrow ? `${id}-eyebrow` : undefined}\n    >\n      <div className=\"flex flex-col items-center gap-5\">\n        {eyebrow && (\n          <p\n            id={`${id}-eyebrow`}\n            className=\"text-primary-800 dark:text-primary-300 text-[11px] font-bold tracking-[0.18em] uppercase\"\n          >\n            {eyebrow}\n          </p>\n        )}\n\n        {/* Ring (lg+) */}\n        <div\n          role=\"group\"\n          aria-label={groupLabel}\n          data-slot=\"radial-explorer-ring\"\n          className=\"relative hidden aspect-square w-[calc(var(--re-r)*2+120px)] place-items-center lg:grid\"\n        >\n          <span\n            aria-hidden\n            data-slot=\"radial-explorer-core\"\n            className={cn(\n              // rtl-ignore -- physical centering paired with -translate-x-1/2 is direction-independent; start-1/2 would break it in RTL\n              'absolute top-1/2 left-1/2 grid h-[100px] w-[100px] -translate-x-1/2 -translate-y-1/2 place-items-center rounded-[24%] border border-white/15 text-white shadow-[0_14px_30px_rgba(0,0,0,0.3),inset_0_1px_0_rgba(255,255,255,0.08)]',\n              '[background:radial-gradient(90%_90%_at_24%_8%,color-mix(in_srgb,var(--mieweb-primary-400)_35%,transparent),transparent_60%),linear-gradient(145deg,var(--mieweb-primary-700)_0%,var(--mieweb-primary-900)_68%,var(--mieweb-primary-950)_100%)]',\n              '[&>*]:h-[54px] [&>*]:w-[54px] [&>img]:object-contain'\n            )}\n          >\n            {center}\n          </span>\n\n          {active && (\n            <span\n              aria-hidden\n              data-slot=\"radial-explorer-ray\"\n              style={{\n                width: 'var(--re-r)',\n                transform: `translateY(-50%) rotate(${angle(activeIndex)})`,\n              }}\n              className={cn(\n                // rtl-ignore -- the ray is rotated to a computed angle from the physical center; origin/tip geometry must stay physical\n                'pointer-events-none absolute top-1/2 left-1/2 z-0 h-0.5 origin-left rounded-full transition-transform duration-500 [transition-timing-function:cubic-bezier(0.4,0.85,0.3,1)]',\n                '[filter:drop-shadow(0_0_6px_color-mix(in_srgb,var(--mieweb-accent,var(--mieweb-primary-300))_55%,transparent))] [background:linear-gradient(90deg,transparent_4%,var(--mieweb-accent,var(--mieweb-primary-300))_94%)]',\n                // rtl-ignore -- tip dot sits at the physical end of the rotated ray\n                'after:absolute after:top-1/2 after:-right-[3px] after:h-[7px] after:w-[7px] after:-translate-y-1/2 after:rounded-full after:bg-[var(--mieweb-accent,var(--mieweb-primary-300))] after:shadow-[0_0_9px_2px_color-mix(in_srgb,var(--mieweb-accent,var(--mieweb-primary-300))_70%,transparent)] after:content-[\"\"]'\n              )}\n            />\n          )}\n\n          {spokes.map((s, i) => {\n            const on = s.id === activeId;\n            return (\n              <button\n                key={s.id}\n                type=\"button\"\n                aria-pressed={on}\n                data-slot=\"radial-explorer-spoke\"\n                data-active={on || undefined}\n                style={{\n                  transform: `translate(-50%,-50%) rotate(${angle(i)}) translate(var(--re-r)) rotate(calc(-1 * ${angle(i)}))`,\n                }}\n                onMouseEnter={() => select(s.id)}\n                onFocus={() => select(s.id)}\n                onClick={() => select(s.id)}\n                // rtl-ignore -- spokes are placed by rotate/translate trig from the physical center; the wheel is rotationally symmetric\n                className=\"group/spoke absolute top-1/2 left-1/2 grid w-24 justify-items-center gap-2 focus-visible:outline-none\"\n              >\n                <SpokeTile icon={s.icon} active={on} />\n                <span\n                  className={cn(\n                    'text-muted-foreground group-hover/spoke:text-primary-800 dark:group-hover/spoke:text-primary-200 text-[13px] font-semibold transition-colors',\n                    on && 'text-primary-800 dark:text-primary-200'\n                  )}\n                >\n                  {s.label}\n                </span>\n              </button>\n            );\n          })}\n        </div>\n\n        {/* Chip grid (< lg) */}\n        <div\n          role=\"group\"\n          aria-label={groupLabel}\n          className=\"grid w-full grid-cols-3 gap-3 lg:hidden\"\n        >\n          {spokes.map((s) => {\n            const on = s.id === activeId;\n            return (\n              <button\n                key={s.id}\n                type=\"button\"\n                aria-pressed={on}\n                data-slot=\"radial-explorer-chip\"\n                onClick={() => select(s.id)}\n                className=\"group/spoke grid justify-items-center gap-1.5 focus-visible:outline-none\"\n              >\n                <SpokeTile icon={s.icon} active={on} size=\"sm\" />\n                <span\n                  className={cn(\n                    'text-muted-foreground text-center text-xs font-semibold',\n                    on && 'text-primary-800 dark:text-primary-200'\n                  )}\n                >\n                  {s.label}\n                </span>\n              </button>\n            );\n          })}\n        </div>\n\n        {/* dots + hint */}\n        <div className=\"flex flex-col items-center gap-2\">\n          <div role=\"group\" aria-label={groupLabel} className=\"flex gap-2\">\n            {spokes.map((s, i) => (\n              <button\n                key={s.id}\n                type=\"button\"\n                aria-pressed={i === activeIndex}\n                aria-label={s.label}\n                onClick={() => select(s.id)}\n                className={cn(\n                  'h-2 rounded-full transition-all',\n                  i === activeIndex\n                    ? 'w-6 bg-[var(--mieweb-accent,var(--mieweb-primary-400))]'\n                    : 'bg-primary-300/60 hover:bg-primary-400 w-2'\n                )}\n              />\n            ))}\n          </div>\n          {hint && (\n            <p\n              className={cn(\n                'text-muted-foreground text-xs transition-opacity',\n                engaged && 'opacity-0'\n              )}\n              aria-hidden={engaged}\n            >\n              {hint}\n            </p>\n          )}\n        </div>\n      </div>\n\n      {/* Detail */}\n      <div\n        data-slot=\"radial-explorer-detail\"\n        aria-live={engaged ? 'polite' : 'off'}\n        className=\"border-border bg-card text-card-foreground grid content-center gap-3.5 rounded-2xl border p-5 shadow-xl\"\n      >\n        {active ? (\n          <Detail\n            key={active.id}\n            tag={active.tag ?? active.label}\n            title={active.title ?? active.label}\n            description={active.description}\n            media={active.media}\n            caption={active.caption}\n            cta={active.cta}\n            href={active.href}\n            hrefLabel={active.hrefLabel ?? 'Explore module'}\n          />\n        ) : welcome ? (\n          <Detail\n            key=\"welcome\"\n            tag={welcome.tag}\n            title={welcome.title}\n            description={welcome.description}\n            media={welcome.media}\n            cta={welcome.cta}\n          />\n        ) : null}\n      </div>\n    </section>\n  );\n}\n\n// =============================================================================\n// Pieces\n// =============================================================================\n\nfunction SpokeTile({\n  icon,\n  active,\n  size = 'md',\n}: {\n  icon: React.ReactNode;\n  active: boolean;\n  size?: 'sm' | 'md';\n}) {\n  return (\n    <span\n      aria-hidden\n      className={cn(\n        'mie-fx-sheen relative grid place-items-center rounded-[17px] border transition-[transform,border-color,color,box-shadow,background] duration-200',\n        size === 'md'\n          ? 'h-[60px] w-[60px] [&>svg]:h-[22px] [&>svg]:w-[22px]'\n          : 'h-12 w-12 rounded-xl [&>svg]:h-5 [&>svg]:w-5',\n        'border-border bg-primary-500/10 text-primary-800 dark:text-primary-300 shadow-md backdrop-blur-sm',\n        'group-hover/spoke:-translate-y-0.5 group-hover/spoke:scale-[1.04] group-hover/spoke:border-transparent group-hover/spoke:text-white group-hover/spoke:shadow-xl',\n        'group-hover/spoke:[background:linear-gradient(150deg,var(--mieweb-primary-700),var(--mieweb-primary-900))_padding-box,linear-gradient(135deg,var(--mieweb-accent,var(--mieweb-primary-300)),var(--mieweb-primary-200)_55%,var(--mieweb-accent,var(--mieweb-primary-300)))_border-box]',\n        'group-focus-visible/spoke:outline-primary-500 group-focus-visible/spoke:outline group-focus-visible/spoke:outline-2 group-focus-visible/spoke:outline-offset-[3px]',\n        active &&\n          '-translate-y-0.5 scale-[1.04] border-transparent text-white shadow-xl [background:linear-gradient(150deg,var(--mieweb-primary-700),var(--mieweb-primary-900))_padding-box,linear-gradient(135deg,var(--mieweb-accent,var(--mieweb-primary-300)),var(--mieweb-primary-200)_55%,var(--mieweb-accent,var(--mieweb-primary-300)))_border-box]'\n      )}\n    >\n      {icon}\n    </span>\n  );\n}\n\nfunction Detail({\n  tag,\n  title,\n  description,\n  media,\n  caption,\n  cta,\n  href,\n  hrefLabel,\n}: {\n  tag?: string;\n  title: string;\n  description?: string;\n  media?: React.ReactNode;\n  caption?: string;\n  cta?: { label: string; href: string };\n  href?: string;\n  hrefLabel?: string;\n}) {\n  return (\n    <div className=\"grid gap-3.5 motion-safe:animate-[mie-fade-in_0.25s_ease-out]\">\n      {media && <div data-slot=\"radial-explorer-media\">{media}</div>}\n      {tag && (\n        <Badge\n          size=\"sm\"\n          className=\"w-fit text-[10px] font-bold tracking-[0.14em] uppercase\"\n        >\n          {tag}\n        </Badge>\n      )}\n      <h3 className=\"text-foreground text-2xl leading-tight font-semibold\">\n        {title}\n      </h3>\n      {description && (\n        <p className=\"text-muted-foreground text-[15px] leading-snug\">\n          {description}\n        </p>\n      )}\n      {caption && <p className=\"text-muted-foreground text-sm\">{caption}</p>}\n      {(cta || href) && (\n        <div className=\"mt-1 flex flex-wrap items-center gap-3\">\n          {cta && (\n            <a href={cta.href} className={buttonVariants({ effect: 'sheen' })}>\n              {cta.label}\n              <ArrowRight size={16} aria-hidden />\n            </a>\n          )}\n          {href && (\n            <a\n              href={href}\n              className=\"text-primary-800 dark:text-primary-200 text-sm font-semibold underline-offset-4 hover:underline\"\n            >\n              {hrefLabel}\n            </a>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n"]}

package/dist/{chunk-G4D6CLBT.js → chunk-7U5QYH54.js}

@@ -1,7 +1,7 @@
 import { defaultViewLabels, toDateTime, accentClasses } from './chunk-3YBS4WUQ.js';
 import { Spinner } from './chunk-UA7E7PDS.js';
 import { ChevronLeft, ChevronRight } from './chunk-BKSPDTX4.js';
-import { Button } from './chunk-GOALNQZ2.js';
+import { Button } from './chunk-UV4IJNSN.js';
 import { cn } from './chunk-TQONQSJO.js';
 import * as React from 'react';
 import { DateTime, Info } from 'luxon';
@@ -329,5 +329,5 @@ function CalendarView({
 }
 
 export { CalendarView, defaultCalendarLabels };
-//# sourceMappingURL=chunk-G4D6CLBT.js.map
-//# sourceMappingURL=chunk-G4D6CLBT.js.map
+//# sourceMappingURL=chunk-7U5QYH54.js.map
+//# sourceMappingURL=chunk-7U5QYH54.js.map

package/dist/{chunk-G4D6CLBT.js.map → chunk-7U5QYH54.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/CalendarView/CalendarView.tsx"],"names":[],"mappings":";;;;;;;;;AAsCO,IAAM,qBAAA,GAAwC;AAAA,EACnD,GAAG,iBAAA;AAAA,EACH,KAAA,EAAO,oBAAA;AAAA,EACP,aAAA,EAAe,gBAAA;AAAA,EACf,SAAA,EAAW,YAAA;AAAA,EACX,KAAA,EAAO,OAAA;AAAA,EACP,IAAA,EAAM;AACR;AAqCO,SAAS,YAAA,CAAgB;AAAA,EAC9B,KAAA;AAAA,EACA,SAAA;AAAA,EACA,OAAA,GAAU,KAAA;AAAA,EACV,KAAA,GAAQ,IAAA;AAAA,EACR,UAAA,GAAa,IAAA;AAAA,EACb,MAAA;AAAA,EACA,OAAA;AAAA,EACA,UAAA;AAAA,EACA,UAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA;AAAA,EACA,YAAA;AAAA,EACA,aAAA;AAAA,EACA,QAAA;AAAA,EACA,YAAA,GAAe,CAAA;AAAA,EACf,MAAA;AAAA,EACA,SAAA,GAAY,CAAA;AAAA,EACZ,GAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA,WAAA,GAAc;AAChB,CAAA,EAAyB;AACvB,EAAA,MAAM,IAAA,GAAO,EAAE,GAAG,qBAAA,EAAuB,GAAG,MAAA,EAAO;AACnD,EAAA,MAAM,IAAA,GAAO,QAAA,IAAY,QAAA,CAAS,KAAA,EAAM,CAAE,QAAA;AAC1C,EAAA,MAAM,KAAA,GAAc,KAAA,CAAA,OAAA;AAAA,IAClB,MAAM,QAAA,CAAS,UAAA,CAAW,GAAA,oBAAO,IAAI,IAAA,EAAK,EAAG,EAAE,IAAA,EAAM,CAAA,CAAE,OAAA,CAAQ,KAAK,CAAA;AAAA,IACpE,CAAC,KAAK,IAAI;AAAA,GACZ;AAEA,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAU,KAAA,CAAA,QAAA;AAAA,IAAS,MACvD,YAAA,GACI,QAAA,CAAS,UAAA,CAAW,cAAc,EAAE,IAAA,EAAM,CAAA,CAAE,OAAA,CAAQ,OAAO,CAAA,GAC3D,KAAA,CAAM,QAAQ,OAAO;AAAA,GAC3B;AAGA,EAAA,MAAM,OAAA,GAAgB,cAAQ,MAAM;AAClC,IAAA,MAAM,MAAA,GAAS,QAAQ,QAAA,CAAS,UAAA,CAAW,OAAO,EAAE,IAAA,EAAM,CAAA,GAAI,aAAA;AAC9D,IAAA,OAAO,QAAA,CAAS,UAAA;AAAA,MACd,EAAE,MAAM,MAAA,CAAO,IAAA,EAAM,OAAO,MAAA,CAAO,KAAA,EAAO,KAAK,CAAA,EAAE;AAAA,MACjD,EAAE,IAAA;AAAK,KACT;AAAA,EACF,CAAA,EAAG,CAAC,KAAA,EAAO,aAAA,EAAe,IAAI,CAAC,CAAA;AAE/B,EAAA,MAAM,SAAA,GAAY,CAAC,IAAA,KAAmB;AACpC,IAAA,IAAI,CAAC,KAAA,EAAO,gBAAA,CAAiB,IAAI,CAAA;AACjC,IAAA,aAAA,GAAgB,IAAA,CAAK,UAAU,CAAA;AAAA,EACjC,CAAA;AAGA,EAAA,MAAM,SAAA,GAAkB,cAAQ,MAAM;AACpC,IAAA,MAAM,KAAA,GAAQ,OAAA,CAAQ,OAAA,CAAQ,OAAO,CAAA;AACrC,IAAA,MAAM,MAAA,GAAA,CAAU,KAAA,CAAM,OAAA,GAAU,YAAA,GAAe,CAAA,IAAK,CAAA;AACpD,IAAA,OAAO,KAAA,CAAM,KAAA,CAAM,EAAE,IAAA,EAAM,QAAQ,CAAA;AAAA,EACrC,CAAA,EAAG,CAAC,OAAA,EAAS,YAAY,CAAC,CAAA;AAE1B,EAAA,MAAM,IAAA,GAAa,KAAA,CAAA,OAAA;AAAA,IACjB,MAAM,KAAA,CAAM,IAAA,CAAK,EAAE,MAAA,EAAQ,IAAG,EAAG,CAAC,CAAA,EAAG,CAAA,KAAM,UAAU,IAAA,CAAK,EAAE,IAAA,EAAM,CAAA,EAAG,CAAC,CAAA;AAAA,IACtE,CAAC,SAAS;AAAA,GACZ;AAEA,EAAA,MAAM,KAAA,GAAc,KAAA,CAAA,OAAA;AAAA,IAClB,MAAM,KAAA,CAAM,IAAA,CAAK,EAAE,MAAA,EAAQ,GAAE,EAAG,CAAC,CAAA,EAAG,CAAA,KAAM,KAAK,KAAA,CAAM,CAAA,GAAI,GAAG,CAAA,GAAI,CAAA,GAAI,CAAC,CAAC,CAAA;AAAA,IACtE,CAAC,IAAI;AAAA,GACP;AAEA,EAAA,MAAM,MAAA,GAAe,cAAqB,MAAM;AAC9C,IAAA,MAAM,MAAmB,EAAC;AAC1B,IAAA,KAAA,MAAW,QAAQ,KAAA,EAAO;AACxB,MAAA,MAAM,QAAQ,UAAA,CAAW,SAAA,CAAU,WAAW,IAAI,CAAA,EAAG,IAAI,CAAA,EAAG,OAAA;AAAA,QAC1D;AAAA,OACF;AACA,MAAA,IAAI,CAAC,KAAA,EAAO;AACZ,MAAA,MAAM,MAAA,GAAS,WAAW,SAAA,CAAU,MAAA,GAAS,IAAI,CAAA,EAAG,IAAI,CAAA,EAAG,OAAA,CAAQ,KAAK,CAAA;AACxE,MAAA,MAAM,MAAM,MAAA,IAAU,KAAA;AACtB,MAAA,GAAA,CAAI,IAAA,CAAK;AAAA,QACP,EAAA,EAAI,SAAA,CAAU,KAAA,CAAM,IAAI,CAAA;AAAA,QACxB,IAAA;AAAA,QACA,KAAA;AAAA;AAAA,QAEA,GAAA,EAAK,GAAA,GAAM,KAAA,GAAQ,KAAA,GAAQ;AAAA,OAC5B,CAAA;AAAA,IACH;AACA,IAAA,OAAO,GAAA;AAAA,EACT,CAAA,EAAG,CAAC,KAAA,EAAO,SAAA,EAAW,IAAI,CAAC,CAAA;AAE3B,EAAA,MAAM,KAAA,GAAc,cAAQ,MAAM;AAChC,IAAA,MAAM,GAAA,uBAAU,GAAA,EAAyB;AACzC,IAAA,KAAA,MAAW,OAAO,IAAA,EAAM;AACtB,MAAA,MAAM,GAAA,GAAM,GAAA,CAAI,SAAA,EAAU,IAAK,EAAA;AAC/B,MAAA,GAAA,CAAI,GAAA;AAAA,QACF,GAAA;AAAA,QACA,MAAA,CAAO,OAAO,CAAC,CAAA,KAAM,EAAE,KAAA,IAAS,GAAA,IAAO,GAAA,IAAO,CAAA,CAAE,GAAG;AAAA,OACrD;AAAA,IACF;AACA,IAAA,OAAO,GAAA;AAAA,EACT,CAAA,EAAG,CAAC,IAAA,EAAM,MAAM,CAAC,CAAA;AAEjB,EAAA,MAAM,YAAA,GAAqB,cAAQ,MAAM;AACvC,IAAA,MAAM,QAAQ,IAAA,CAAK,QAAA,CAAS,OAAA,EAAS,EAAE,QAAQ,CAAA;AAC/C,IAAA,OAAO,KAAA,CAAM,IAAA;AAAA,MACX,EAAE,QAAQ,CAAA,EAAE;AAAA,MACZ,CAAC,CAAA,EAAG,CAAA,KAAM,OAAO,YAAA,GAAe,CAAA,GAAI,KAAK,CAAC;AAAA,KAC5C;AAAA,EACF,CAAA,EAAG,CAAC,MAAA,EAAQ,YAAY,CAAC,CAAA;AAEzB,EAAA,MAAM,KAAA,GAAQ,CAAC,OAAA,qBACb,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,qBAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,8IAAA;AAAA,QACA,UAAA,EAAY;AAAA,OACd;AAAA,MAEC,QAAA,EAAA;AAAA;AAAA,GACH;AAGF,EAAA,IAAI,KAAA,EAAO;AACT,IAAA,OAAO,KAAA;AAAA,0BACJ,GAAA,EAAA,EAAE,IAAA,EAAK,SAAQ,SAAA,EAAU,kBAAA,EACvB,eAAK,KAAA,EACR;AAAA,KACF;AAAA,EACF;AACA,EAAA,IAAI,OAAA,EAAS;AACX,IAAA,OAAO,KAAA;AAAA,sBACL,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,yBAAA,EACd,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,OAAA,EAAA,EAAQ,IAAA,EAAK,IAAA,EAAK,KAAA,EAAO,KAAK,OAAA,EAAS,CAAA;AAAA,wBACxC,GAAA,CAAC,MAAA,EAAA,EAAK,aAAA,EAAW,IAAA,EAAE,eAAK,OAAA,EAAQ;AAAA,OAAA,EAClC;AAAA,KACF;AAAA,EACF;AAEA,EAAA,MAAM,UAAA,GAAa,QAChB,SAAA,CAAU,MAAA,IAAU,QAAQ,MAAA,IAAU,IAAI,CAAA,CAC1C,QAAA,CAAS,WAAW,CAAA;AACvB,EAAA,MAAM,aAAA,GAAgB,OAAO,MAAA,KAAW,CAAA;AAExC,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,eAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,yDAAA;AAAA,QACA;AAAA,OACF;AAAA,MAEC,QAAA,EAAA;AAAA,QAAA,CAAC,WAAA,oBACA,IAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,WAAA,EAAU,uBAAA;AAAA,YACV,SAAA,EAAW,EAAA;AAAA,cACT,0DAAA;AAAA,cACA,UAAA,EAAY;AAAA,aACd;AAAA,YAEA,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,IAAA,EAAA,EAAG,WAAA,EAAU,QAAA,EAAS,SAAA,EAAU,yBAC9B,QAAA,EAAA,UAAA,EACH,CAAA;AAAA,8BACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iCAAA,EACb,QAAA,EAAA;AAAA,gCAAA,GAAA;AAAA,kBAAC,MAAA;AAAA,kBAAA;AAAA,oBACC,OAAA,EAAQ,OAAA;AAAA,oBACR,IAAA,EAAK,IAAA;AAAA,oBACL,cAAY,IAAA,CAAK,aAAA;AAAA,oBACjB,OAAA,EAAS,MAAM,SAAA,CAAU,OAAA,CAAQ,MAAM,EAAE,MAAA,EAAQ,CAAA,EAAG,CAAC,CAAA;AAAA,oBAErD,QAAA,kBAAA,GAAA,CAAC,WAAA,EAAA,EAAgB,SAAA,EAAU,uBAAA,EAAwB,eAAW,IAAA,EAAC;AAAA;AAAA,iBACjE;AAAA,gCACA,GAAA;AAAA,kBAAC,MAAA;AAAA,kBAAA;AAAA,oBACC,OAAA,EAAQ,OAAA;AAAA,oBACR,IAAA,EAAK,IAAA;AAAA,oBACL,SAAS,MAAM,SAAA,CAAU,KAAA,CAAM,OAAA,CAAQ,OAAO,CAAC,CAAA;AAAA,oBAE9C,QAAA,EAAA,IAAA,CAAK;AAAA;AAAA,iBACR;AAAA,gCACA,GAAA;AAAA,kBAAC,MAAA;AAAA,kBAAA;AAAA,oBACC,OAAA,EAAQ,OAAA;AAAA,oBACR,IAAA,EAAK,IAAA;AAAA,oBACL,cAAY,IAAA,CAAK,SAAA;AAAA,oBACjB,OAAA,EAAS,MAAM,SAAA,CAAU,OAAA,CAAQ,KAAK,EAAE,MAAA,EAAQ,CAAA,EAAG,CAAC,CAAA;AAAA,oBAEpD,QAAA,kBAAA,GAAA,CAAC,YAAA,EAAA,EAAiB,SAAA,EAAU,uBAAA,EAAwB,eAAW,IAAA,EAAC;AAAA;AAAA;AAClE,eAAA,EACF;AAAA;AAAA;AAAA,SACF;AAAA,QAGD,iBAAiB,UAAA,GAChB,UAAA;AAAA;AAAA;AAAA;AAAA,0BAKA,IAAA,CAAC,KAAA,EAAA,EAAI,IAAA,EAAK,OAAA,EAAQ,cAAY,UAAA,EAC5B,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,KAAA,EAAA,EAAI,IAAA,EAAK,UAAA,EACR,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,IAAA,EAAK,KAAA,EAAM,SAAA,EAAU,yCAAA,EACvB,QAAA,EAAA,YAAA,CAAa,GAAA,CAAI,CAAC,IAAA,qBACjB,GAAA;AAAA,cAAC,KAAA;AAAA,cAAA;AAAA,gBAEC,IAAA,EAAK,cAAA;AAAA,gBACL,WAAA,EAAU,uBAAA;AAAA,gBACV,SAAA,EAAW,EAAA;AAAA,kBACT,2FAAA;AAAA,kBACA,UAAA,EAAY;AAAA,iBACd;AAAA,gBAEC,QAAA,EAAA;AAAA,eAAA;AAAA,cARI;AAAA,aAUR,GACH,CAAA,EACF,CAAA;AAAA,gCACC,KAAA,EAAA,EAAI,IAAA,EAAK,YACP,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,qBACV,GAAA;AAAA,cAAC,KAAA;AAAA,cAAA;AAAA,gBAEC,IAAA,EAAK,KAAA;AAAA,gBACL,SAAA,EAAU,kBAAA;AAAA,gBAET,QAAA,EAAA,IAAA,CAAK,GAAA,CAAI,CAAC,GAAA,KAAQ;AACjB,kBAAA,MAAM,GAAA,GAAM,GAAA,CAAI,SAAA,EAAU,IAAK,EAAA;AAC/B,kBAAA,MAAM,OAAA,GAAU,KAAA,CAAM,GAAA,CAAI,GAAG,KAAK,EAAC;AACnC,kBAAA,MAAM,OAAA,GAAU,GAAA,CAAI,KAAA,KAAU,OAAA,CAAQ,KAAA;AACtC,kBAAA,MAAM,OAAA,GAAU,GAAA,CAAI,OAAA,CAAQ,KAAA,EAAO,KAAK,CAAA;AACxC,kBAAA,MAAM,OAAA,GAAU,OAAA,CAAQ,KAAA,CAAM,CAAA,EAAG,SAAS,CAAA;AAC1C,kBAAA,MAAM,QAAA,GAAW,OAAA,CAAQ,MAAA,GAAS,OAAA,CAAQ,MAAA;AAC1C,kBAAA,uBACE,IAAA;AAAA,oBAAC,KAAA;AAAA,oBAAA;AAAA,sBAEC,IAAA,EAAK,MAAA;AAAA,sBACL,WAAA,EAAU,mBAAA;AAAA,sBACV,gBAAc,OAAA,IAAW,MAAA;AAAA,sBACzB,cAAY,OAAA,IAAW,MAAA;AAAA,sBACvB,SAAA,EAAW,EAAA;AAAA,wBACT,8DAAA;AAAA,wBACA,OAAA,IAAW,EAAA,CAAG,aAAA,EAAe,UAAA,EAAY,UAAU,CAAA;AAAA,wBACnD,WAAW,UAAA,EAAY,KAAA;AAAA,wBACvB,UAAA,EAAY;AAAA,uBACd;AAAA,sBAEA,QAAA,EAAA;AAAA,wCAAA,IAAA;AAAA,0BAAC,KAAA;AAAA,0BAAA;AAAA,4BACC,SAAA,EAAW,EAAA;AAAA,8BACT,iFAAA;AAAA,8BACA,UAAU,uBAAA,GAA0B,iBAAA;AAAA;AAAA;AAAA,8BAGpC,OAAA,IAAW;AAAA,6BACb;AAAA,4BAEA,QAAA,EAAA;AAAA,8CAAA,GAAA,CAAC,MAAA,EAAA,EAAK,QAAA,EAAU,GAAA,EAAM,QAAA,EAAA,GAAA,CAAI,GAAA,EAAI,CAAA;AAAA,8BAC7B,2BACC,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAW,eAAK,KAAA,EAAM;AAAA;AAAA;AAAA,yBAE1C;AAAA,wCACA,IAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,aAAA,EACX,QAAA,EAAA;AAAA,0BAAA,OAAA,CAAQ,IAAI,CAAC,EAAE,IAAI,IAAA,EAAM,KAAA,EAAO,KAAI,KAAM;AACzC,4BAAA,MAAM,MAAA,GACJ,SAAA,CAAU,SAAA,GAAY,IAAI,CAAA,IAAK,SAAA;AACjC,4BAAA,MAAM,WAAW,EAAA,KAAO,UAAA;AACxB,4BAAA,MAAM,IAAA,GAAO,aAAa,IAAA,EAAM;AAAA,8BAC9B,IAAA,EAAM;AAAA,6BACP,qBACC,GAAA,CAAC,MAAA,EAAA,EAAK,WAAU,gBAAA,EACb,QAAA,EAAA,SAAA,CAAU,QAAA,CAAS,IAAI,CAAA,EAC1B,CAAA;AAEF,4BAAA,MAAM,OAAA,GAAU,EAAA;AAAA,8BACd,qEAAA;AAAA,8BACA,aAAA,CAAc,MAAM,CAAA,CAAE,IAAA;AAAA,8BACtB,yEAAA;AAAA,8BACA,UAAA,EAAY,KAAA;AAAA,8BACZ,QAAA,IACE,EAAA;AAAA,gCACE,QAAA;AAAA,gCACA,aAAA,CAAc,MAAM,CAAA,CAAE,MAAA;AAAA,gCACtB,UAAA,EAAY;AAAA;AACd,6BACJ;AAGA,4BAAA,MAAM,YAAY,KAAA,CAAM,OAAA,CAAQ,KAAK,KAAK,CAAA,GACtC,SACA,CAAA,EAAG,SAAA,CAAU,SAAS,IAAI,CAAC,KAAK,KAAA,CAAM,SAAA,EAAW,CAAA,IAAA,EAAO,GAAA,CAAI,WAAW,CAAA,CAAA;AAC3E,4BAAA,MAAM,IAAA,GAAO,OAAA,GAAU,EAAA,EAAI,IAAI,CAAA;AAC/B,4BAAA,uBACE,GAAA,CAAC,QACE,QAAA,EAAA,IAAA,mBACC,GAAA;AAAA,8BAAC,GAAA;AAAA,8BAAA;AAAA,gCACC,IAAA;AAAA,gCACA,YAAA,EAAY,SAAA;AAAA,gCACZ,cAAA,EAAc,WAAW,MAAA,GAAS,MAAA;AAAA,gCAClC,WAAA,EAAU,qBAAA;AAAA,gCACV,SAAA,EAAW,OAAA;AAAA,gCACX,OAAA,EAAS,CAAC,KAAA,KAAU;AAClB,kCAAA,IACE,CAAC,MAAA,IACD,KAAA,CAAM,gBAAA,IACN,KAAA,CAAM,OAAA,IACN,KAAA,CAAM,OAAA,IACN,KAAA,CAAM,QAAA,IACN,KAAA,CAAM,MAAA,KAAW,CAAA;AAEjB,oCAAA;AACF,kCAAA,KAAA,CAAM,cAAA,EAAe;AACrB,kCAAA,MAAA,CAAO,IAAI,IAAI,CAAA;AAAA,gCACjB,CAAA;AAAA,gCAEC,QAAA,EAAA;AAAA;AAAA,gCAED,MAAA,mBACF,GAAA;AAAA,8BAAC,QAAA;AAAA,8BAAA;AAAA,gCACC,IAAA,EAAK,QAAA;AAAA,gCACL,YAAA,EAAY,SAAA;AAAA,gCACZ,cAAA,EAAc,WAAW,MAAA,GAAS,MAAA;AAAA,gCAClC,WAAA,EAAU,qBAAA;AAAA,gCACV,SAAA,EAAW,OAAA;AAAA,gCACX,OAAA,EAAS,MAAM,MAAA,CAAO,EAAA,EAAI,IAAI,CAAA;AAAA,gCAE7B,QAAA,EAAA;AAAA;AAAA,6BACH;AAAA;AAAA;AAAA,8CAIA,IAAA;AAAA,gCAAC,MAAA;AAAA,gCAAA;AAAA,kCACC,WAAA,EAAU,qBAAA;AAAA,kCACV,SAAA,EAAW,OAAA;AAAA,kCAEV,QAAA,EAAA;AAAA,oCAAA,IAAA;AAAA,oCACA,SAAA,oBACC,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EACb,QAAA,EAAA,CAAA,EAAA,EAAK,KAAA,CAAM,SAAA,EAAW,CAAA,IAAA,EAAO,GAAA,CAAI,SAAA,EAAW,CAAA,CAAA,EAC/C;AAAA;AAAA;AAAA;AAEJ,6BAAA,EAAA,EAhDK,EAkDT,CAAA;AAAA,0BAEJ,CAAC,CAAA;AAAA,0BACA,QAAA,GAAW,CAAA,oBACV,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,oCAAA,EACX,QAAA,EAAA,IAAA,CAAK,IAAA,CAAK,OAAA,CAAQ,SAAA,EAAW,MAAA,CAAO,QAAQ,CAAC,CAAA,EAChD;AAAA,yBAAA,EAEJ;AAAA;AAAA,qBAAA;AAAA,oBAnHK;AAAA,mBAoHP;AAAA,gBAEJ,CAAC;AAAA,eAAA;AAAA,cAnII,IAAA,CAAK,CAAC,CAAA,CAAE,SAAA;AAAU,aAqI1B,CAAA,EACH,CAAA;AAAA,YACC,iCACC,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,qDAAA,EACV,eAAK,KAAA,EACR;AAAA,WAAA,EAEJ;AAAA;AAAA;AAAA;AAAA,GAEJ;AAEJ","file":"chunk-G4D6CLBT.js","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { DateTime, Info } from 'luxon';\nimport { cn } from '../../utils/cn';\nimport { Spinner } from '../Spinner';\nimport { Button } from '../Button';\nimport { ChevronLeftIcon, ChevronRightIcon } from '../Icons';\nimport {\n  accentClasses,\n  defaultViewLabels,\n  toDateTime,\n  type ViewBaseProps,\n  type ViewLabels,\n} from '../../views/types';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport type CalendarViewSlot =\n  | 'toolbar'\n  | 'weekday'\n  | 'day'\n  | 'outsideDay'\n  | 'today'\n  | 'entry'\n  | 'selectedEntry'\n  | 'state';\n\nexport interface CalendarLabels extends ViewLabels {\n  previousMonth: string;\n  nextMonth: string;\n  today: string;\n  /** Overflow affordance. `{count}` is substituted. */\n  more: string;\n}\n\nexport const defaultCalendarLabels: CalendarLabels = {\n  ...defaultViewLabels,\n  empty: 'Nothing this month',\n  previousMonth: 'Previous month',\n  nextMonth: 'Next month',\n  today: 'Today',\n  more: '{count} more',\n};\n\nexport interface CalendarViewProps<T> extends ViewBaseProps<T> {\n  /** Controlled month. Any date inside the month works. */\n  month?: Date;\n  /** Starting month when uncontrolled. Defaults to the month containing `now`. */\n  defaultMonth?: Date;\n  onMonthChange?: (month: Date) => void;\n  /**\n   * IANA zone the grid is drawn in, e.g. `America/New_York`. Defaults to the\n   * runtime's. A day boundary is a business fact, so state it explicitly when\n   * the collection belongs to somewhere other than the viewer.\n   */\n  timeZone?: string;\n  /** 1 = Monday … 7 = Sunday. Defaults to Monday. */\n  weekStartsOn?: number;\n  /** Locale for month, weekday and day-number formatting. */\n  locale?: string;\n  /** Entries to show per day before collapsing into \"{count} more\". */\n  maxPerDay?: number;\n  labels?: Partial<CalendarLabels>;\n  classNames?: Partial<Record<CalendarViewSlot, string>>;\n  /** Hide the month toolbar when the host renders its own. */\n  hideToolbar?: boolean;\n}\n\ninterface Placed<T> {\n  id: string;\n  item: T;\n  start: DateTime;\n  end: DateTime;\n}\n\n// =============================================================================\n// Component\n// =============================================================================\n\nexport function CalendarView<T>({\n  items,\n  accessors,\n  loading = false,\n  error = null,\n  selectedId = null,\n  onOpen,\n  getHref,\n  renderItem,\n  emptyState,\n  labels,\n  month,\n  defaultMonth,\n  onMonthChange,\n  timeZone,\n  weekStartsOn = 1,\n  locale,\n  maxPerDay = 3,\n  now,\n  className,\n  classNames,\n  hideToolbar = false,\n}: CalendarViewProps<T>) {\n  const text = { ...defaultCalendarLabels, ...labels };\n  const zone = timeZone ?? DateTime.local().zoneName;\n  const today = React.useMemo(\n    () => DateTime.fromJSDate(now ?? new Date(), { zone }).startOf('day'),\n    [now, zone]\n  );\n\n  const [internalMonth, setInternalMonth] = React.useState(() =>\n    defaultMonth\n      ? DateTime.fromJSDate(defaultMonth, { zone }).startOf('month')\n      : today.startOf('month')\n  );\n  // Re-anchor from the calendar year and month rather than the instant: an\n  // instant on the 1st shifted into a behind-UTC zone lands in the month before.\n  const current = React.useMemo(() => {\n    const source = month ? DateTime.fromJSDate(month, { zone }) : internalMonth;\n    return DateTime.fromObject(\n      { year: source.year, month: source.month, day: 1 },\n      { zone }\n    );\n  }, [month, internalMonth, zone]);\n\n  const goToMonth = (next: DateTime) => {\n    if (!month) setInternalMonth(next);\n    onMonthChange?.(next.toJSDate());\n  };\n\n  // Six weeks always, so the grid does not change height between months.\n  const gridStart = React.useMemo(() => {\n    const first = current.startOf('month');\n    const offset = (first.weekday - weekStartsOn + 7) % 7;\n    return first.minus({ days: offset });\n  }, [current, weekStartsOn]);\n\n  const days = React.useMemo(\n    () => Array.from({ length: 42 }, (_, i) => gridStart.plus({ days: i })),\n    [gridStart]\n  );\n\n  const weeks = React.useMemo(\n    () => Array.from({ length: 6 }, (_, i) => days.slice(i * 7, i * 7 + 7)),\n    [days]\n  );\n\n  const placed = React.useMemo<Placed<T>[]>(() => {\n    const out: Placed<T>[] = [];\n    for (const item of items) {\n      const start = toDateTime(accessors.getStart?.(item), zone)?.startOf(\n        'day'\n      );\n      if (!start) continue;\n      const rawEnd = toDateTime(accessors.getEnd?.(item), zone)?.startOf('day');\n      const end = rawEnd ?? start;\n      out.push({\n        id: accessors.getId(item),\n        item,\n        start,\n        // A backwards range is data, not a crash: clamp it to one day.\n        end: end < start ? start : end,\n      });\n    }\n    return out;\n  }, [items, accessors, zone]);\n\n  const byDay = React.useMemo(() => {\n    const map = new Map<string, Placed<T>[]>();\n    for (const day of days) {\n      const key = day.toISODate() ?? '';\n      map.set(\n        key,\n        placed.filter((p) => p.start <= day && day <= p.end)\n      );\n    }\n    return map;\n  }, [days, placed]);\n\n  const weekdayNames = React.useMemo(() => {\n    const names = Info.weekdays('short', { locale });\n    return Array.from(\n      { length: 7 },\n      (_, i) => names[(weekStartsOn - 1 + i) % 7]\n    );\n  }, [locale, weekStartsOn]);\n\n  const state = (content: React.ReactNode) => (\n    <div\n      data-slot=\"calendar-view-state\"\n      className={cn(\n        'border-border bg-card text-muted-foreground flex flex-col items-center justify-center gap-2 rounded-lg border px-4 py-10 text-center text-sm',\n        classNames?.state\n      )}\n    >\n      {content}\n    </div>\n  );\n\n  if (error) {\n    return state(\n      <p role=\"alert\" className=\"text-destructive\">\n        {text.error}\n      </p>\n    );\n  }\n  if (loading) {\n    return state(\n      <span className=\"flex items-center gap-2\">\n        <Spinner size=\"sm\" label={text.loading} />\n        <span aria-hidden>{text.loading}</span>\n      </span>\n    );\n  }\n\n  const monthLabel = current\n    .setLocale(locale ?? current.locale ?? 'en')\n    .toFormat('LLLL yyyy');\n  const nothingPlaced = placed.length === 0;\n\n  return (\n    <div\n      data-slot=\"calendar-view\"\n      className={cn(\n        'border-border bg-card overflow-hidden rounded-lg border',\n        className\n      )}\n    >\n      {!hideToolbar && (\n        <div\n          data-slot=\"calendar-view-toolbar\"\n          className={cn(\n            'border-border flex items-center gap-2 border-b px-3 py-2',\n            classNames?.toolbar\n          )}\n        >\n          <h3 aria-live=\"polite\" className=\"text-sm font-semibold\">\n            {monthLabel}\n          </h3>\n          <div className=\"ms-auto flex items-center gap-1\">\n            <Button\n              variant=\"ghost\"\n              size=\"sm\"\n              aria-label={text.previousMonth}\n              onClick={() => goToMonth(current.minus({ months: 1 }))}\n            >\n              <ChevronLeftIcon className=\"size-4 rtl:rotate-180\" aria-hidden />\n            </Button>\n            <Button\n              variant=\"ghost\"\n              size=\"sm\"\n              onClick={() => goToMonth(today.startOf('month'))}\n            >\n              {text.today}\n            </Button>\n            <Button\n              variant=\"ghost\"\n              size=\"sm\"\n              aria-label={text.nextMonth}\n              onClick={() => goToMonth(current.plus({ months: 1 }))}\n            >\n              <ChevronRightIcon className=\"size-4 rtl:rotate-180\" aria-hidden />\n            </Button>\n          </div>\n        </div>\n      )}\n\n      {nothingPlaced && emptyState ? (\n        emptyState\n      ) : (\n        // `table`, not `grid`: a grid promises arrow-key navigation between\n        // cells, which this does not implement. Rows are explicit because a\n        // columnheader or cell outside one is invalid ARIA, not just untidy.\n        <div role=\"table\" aria-label={monthLabel}>\n          <div role=\"rowgroup\">\n            <div role=\"row\" className=\"border-border grid grid-cols-7 border-b\">\n              {weekdayNames.map((name) => (\n                <div\n                  key={name}\n                  role=\"columnheader\"\n                  data-slot=\"calendar-view-weekday\"\n                  className={cn(\n                    'text-muted-foreground px-2 py-1.5 text-center text-xs font-medium tracking-wide uppercase',\n                    classNames?.weekday\n                  )}\n                >\n                  {name}\n                </div>\n              ))}\n            </div>\n          </div>\n          <div role=\"rowgroup\">\n            {weeks.map((week) => (\n              <div\n                key={week[0].toISODate()}\n                role=\"row\"\n                className=\"grid grid-cols-7\"\n              >\n                {week.map((day) => {\n                  const key = day.toISODate() ?? '';\n                  const entries = byDay.get(key) ?? [];\n                  const outside = day.month !== current.month;\n                  const isToday = day.hasSame(today, 'day');\n                  const visible = entries.slice(0, maxPerDay);\n                  const overflow = entries.length - visible.length;\n                  return (\n                    <div\n                      key={key}\n                      role=\"cell\"\n                      data-slot=\"calendar-view-day\"\n                      data-outside={outside || undefined}\n                      data-today={isToday || undefined}\n                      className={cn(\n                        'border-border min-h-24 border-e border-b p-1 last:border-e-0',\n                        outside && cn('bg-muted/30', classNames?.outsideDay),\n                        isToday && classNames?.today,\n                        classNames?.day\n                      )}\n                    >\n                      <div\n                        className={cn(\n                          'mb-1 flex h-5 w-5 items-center justify-center rounded-full text-xs tabular-nums',\n                          outside ? 'text-muted-foreground' : 'text-foreground',\n                          // primary-800, not 500: white on the mid scale is\n                          // about 2:1 and fails AA. Same pair Button uses.\n                          isToday && 'bg-primary-800 font-semibold text-white'\n                        )}\n                      >\n                        <time dateTime={key}>{day.day}</time>\n                        {isToday && (\n                          <span className=\"sr-only\">{text.today}</span>\n                        )}\n                      </div>\n                      <ul className=\"space-y-0.5\">\n                        {visible.map(({ id, item, start, end }) => {\n                          const accent =\n                            accessors.getAccent?.(item) ?? 'primary';\n                          const selected = id === selectedId;\n                          const body = renderItem?.(item, {\n                            view: 'calendar',\n                          }) ?? (\n                            <span className=\"block truncate\">\n                              {accessors.getTitle(item)}\n                            </span>\n                          );\n                          const classes = cn(\n                            'block w-full rounded px-1 py-0.5 text-start text-xs text-foreground',\n                            accentClasses[accent].tint,\n                            'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring',\n                            classNames?.entry,\n                            selected &&\n                              cn(\n                                'ring-1',\n                                accentClasses[accent].border,\n                                classNames?.selectedEntry\n                              )\n                          );\n                          // A multi-day item repeats on each day it covers; the\n                          // range is in the accessible name, not in the geometry.\n                          const spanLabel = start.hasSame(end, 'day')\n                            ? undefined\n                            : `${accessors.getTitle(item)}, ${start.toISODate()} to ${end.toISODate()}`;\n                          const href = getHref?.(id, item);\n                          return (\n                            <li key={id}>\n                              {href ? (\n                                <a\n                                  href={href}\n                                  aria-label={spanLabel}\n                                  aria-current={selected ? 'true' : undefined}\n                                  data-slot=\"calendar-view-entry\"\n                                  className={classes}\n                                  onClick={(event) => {\n                                    if (\n                                      !onOpen ||\n                                      event.defaultPrevented ||\n                                      event.metaKey ||\n                                      event.ctrlKey ||\n                                      event.shiftKey ||\n                                      event.button !== 0\n                                    )\n                                      return;\n                                    event.preventDefault();\n                                    onOpen(id, item);\n                                  }}\n                                >\n                                  {body}\n                                </a>\n                              ) : onOpen ? (\n                                <button\n                                  type=\"button\"\n                                  aria-label={spanLabel}\n                                  aria-current={selected ? 'true' : undefined}\n                                  data-slot=\"calendar-view-entry\"\n                                  className={classes}\n                                  onClick={() => onOpen(id, item)}\n                                >\n                                  {body}\n                                </button>\n                              ) : (\n                                // `aria-label` is prohibited on role `generic`,\n                                // so the range rides along as hidden text here.\n                                <span\n                                  data-slot=\"calendar-view-entry\"\n                                  className={classes}\n                                >\n                                  {body}\n                                  {spanLabel && (\n                                    <span className=\"sr-only\">\n                                      {`, ${start.toISODate()} to ${end.toISODate()}`}\n                                    </span>\n                                  )}\n                                </span>\n                              )}\n                            </li>\n                          );\n                        })}\n                        {overflow > 0 && (\n                          <li className=\"text-muted-foreground px-1 text-xs\">\n                            {text.more.replace('{count}', String(overflow))}\n                          </li>\n                        )}\n                      </ul>\n                    </div>\n                  );\n                })}\n              </div>\n            ))}\n          </div>\n          {nothingPlaced && (\n            <p className=\"text-muted-foreground px-3 py-2 text-center text-sm\">\n              {text.empty}\n            </p>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/CalendarView/CalendarView.tsx"],"names":[],"mappings":"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","file":"chunk-7U5QYH54.js","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { DateTime, Info } from 'luxon';\nimport { cn } from '../../utils/cn';\nimport { Spinner } from '../Spinner';\nimport { Button } from '../Button';\nimport { ChevronLeftIcon, ChevronRightIcon } from '../Icons';\nimport {\n  accentClasses,\n  defaultViewLabels,\n  toDateTime,\n  type ViewBaseProps,\n  type ViewLabels,\n} from '../../views/types';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport type CalendarViewSlot =\n  | 'toolbar'\n  | 'weekday'\n  | 'day'\n  | 'outsideDay'\n  | 'today'\n  | 'entry'\n  | 'selectedEntry'\n  | 'state';\n\nexport interface CalendarLabels extends ViewLabels {\n  previousMonth: string;\n  nextMonth: string;\n  today: string;\n  /** Overflow affordance. `{count}` is substituted. */\n  more: string;\n}\n\nexport const defaultCalendarLabels: CalendarLabels = {\n  ...defaultViewLabels,\n  empty: 'Nothing this month',\n  previousMonth: 'Previous month',\n  nextMonth: 'Next month',\n  today: 'Today',\n  more: '{count} more',\n};\n\nexport interface CalendarViewProps<T> extends ViewBaseProps<T> {\n  /** Controlled month. Any date inside the month works. */\n  month?: Date;\n  /** Starting month when uncontrolled. Defaults to the month containing `now`. */\n  defaultMonth?: Date;\n  onMonthChange?: (month: Date) => void;\n  /**\n   * IANA zone the grid is drawn in, e.g. `America/New_York`. Defaults to the\n   * runtime's. A day boundary is a business fact, so state it explicitly when\n   * the collection belongs to somewhere other than the viewer.\n   */\n  timeZone?: string;\n  /** 1 = Monday … 7 = Sunday. Defaults to Monday. */\n  weekStartsOn?: number;\n  /** Locale for month, weekday and day-number formatting. */\n  locale?: string;\n  /** Entries to show per day before collapsing into \"{count} more\". */\n  maxPerDay?: number;\n  labels?: Partial<CalendarLabels>;\n  classNames?: Partial<Record<CalendarViewSlot, string>>;\n  /** Hide the month toolbar when the host renders its own. */\n  hideToolbar?: boolean;\n}\n\ninterface Placed<T> {\n  id: string;\n  item: T;\n  start: DateTime;\n  end: DateTime;\n}\n\n// =============================================================================\n// Component\n// =============================================================================\n\nexport function CalendarView<T>({\n  items,\n  accessors,\n  loading = false,\n  error = null,\n  selectedId = null,\n  onOpen,\n  getHref,\n  renderItem,\n  emptyState,\n  labels,\n  month,\n  defaultMonth,\n  onMonthChange,\n  timeZone,\n  weekStartsOn = 1,\n  locale,\n  maxPerDay = 3,\n  now,\n  className,\n  classNames,\n  hideToolbar = false,\n}: CalendarViewProps<T>) {\n  const text = { ...defaultCalendarLabels, ...labels };\n  const zone = timeZone ?? DateTime.local().zoneName;\n  const today = React.useMemo(\n    () => DateTime.fromJSDate(now ?? new Date(), { zone }).startOf('day'),\n    [now, zone]\n  );\n\n  const [internalMonth, setInternalMonth] = React.useState(() =>\n    defaultMonth\n      ? DateTime.fromJSDate(defaultMonth, { zone }).startOf('month')\n      : today.startOf('month')\n  );\n  // Re-anchor from the calendar year and month rather than the instant: an\n  // instant on the 1st shifted into a behind-UTC zone lands in the month before.\n  const current = React.useMemo(() => {\n    const source = month ? DateTime.fromJSDate(month, { zone }) : internalMonth;\n    return DateTime.fromObject(\n      { year: source.year, month: source.month, day: 1 },\n      { zone }\n    );\n  }, [month, internalMonth, zone]);\n\n  const goToMonth = (next: DateTime) => {\n    if (!month) setInternalMonth(next);\n    onMonthChange?.(next.toJSDate());\n  };\n\n  // Six weeks always, so the grid does not change height between months.\n  const gridStart = React.useMemo(() => {\n    const first = current.startOf('month');\n    const offset = (first.weekday - weekStartsOn + 7) % 7;\n    return first.minus({ days: offset });\n  }, [current, weekStartsOn]);\n\n  const days = React.useMemo(\n    () => Array.from({ length: 42 }, (_, i) => gridStart.plus({ days: i })),\n    [gridStart]\n  );\n\n  const weeks = React.useMemo(\n    () => Array.from({ length: 6 }, (_, i) => days.slice(i * 7, i * 7 + 7)),\n    [days]\n  );\n\n  const placed = React.useMemo<Placed<T>[]>(() => {\n    const out: Placed<T>[] = [];\n    for (const item of items) {\n      const start = toDateTime(accessors.getStart?.(item), zone)?.startOf(\n        'day'\n      );\n      if (!start) continue;\n      const rawEnd = toDateTime(accessors.getEnd?.(item), zone)?.startOf('day');\n      const end = rawEnd ?? start;\n      out.push({\n        id: accessors.getId(item),\n        item,\n        start,\n        // A backwards range is data, not a crash: clamp it to one day.\n        end: end < start ? start : end,\n      });\n    }\n    return out;\n  }, [items, accessors, zone]);\n\n  const byDay = React.useMemo(() => {\n    const map = new Map<string, Placed<T>[]>();\n    for (const day of days) {\n      const key = day.toISODate() ?? '';\n      map.set(\n        key,\n        placed.filter((p) => p.start <= day && day <= p.end)\n      );\n    }\n    return map;\n  }, [days, placed]);\n\n  const weekdayNames = React.useMemo(() => {\n    const names = Info.weekdays('short', { locale });\n    return Array.from(\n      { length: 7 },\n      (_, i) => names[(weekStartsOn - 1 + i) % 7]\n    );\n  }, [locale, weekStartsOn]);\n\n  const state = (content: React.ReactNode) => (\n    <div\n      data-slot=\"calendar-view-state\"\n      className={cn(\n        'border-border bg-card text-muted-foreground flex flex-col items-center justify-center gap-2 rounded-lg border px-4 py-10 text-center text-sm',\n        classNames?.state\n      )}\n    >\n      {content}\n    </div>\n  );\n\n  if (error) {\n    return state(\n      <p role=\"alert\" className=\"text-destructive\">\n        {text.error}\n      </p>\n    );\n  }\n  if (loading) {\n    return state(\n      <span className=\"flex items-center gap-2\">\n        <Spinner size=\"sm\" label={text.loading} />\n        <span aria-hidden>{text.loading}</span>\n      </span>\n    );\n  }\n\n  const monthLabel = current\n    .setLocale(locale ?? current.locale ?? 'en')\n    .toFormat('LLLL yyyy');\n  const nothingPlaced = placed.length === 0;\n\n  return (\n    <div\n      data-slot=\"calendar-view\"\n      className={cn(\n        'border-border bg-card overflow-hidden rounded-lg border',\n        className\n      )}\n    >\n      {!hideToolbar && (\n        <div\n          data-slot=\"calendar-view-toolbar\"\n          className={cn(\n            'border-border flex items-center gap-2 border-b px-3 py-2',\n            classNames?.toolbar\n          )}\n        >\n          <h3 aria-live=\"polite\" className=\"text-sm font-semibold\">\n            {monthLabel}\n          </h3>\n          <div className=\"ms-auto flex items-center gap-1\">\n            <Button\n              variant=\"ghost\"\n              size=\"sm\"\n              aria-label={text.previousMonth}\n              onClick={() => goToMonth(current.minus({ months: 1 }))}\n            >\n              <ChevronLeftIcon className=\"size-4 rtl:rotate-180\" aria-hidden />\n            </Button>\n            <Button\n              variant=\"ghost\"\n              size=\"sm\"\n              onClick={() => goToMonth(today.startOf('month'))}\n            >\n              {text.today}\n            </Button>\n            <Button\n              variant=\"ghost\"\n              size=\"sm\"\n              aria-label={text.nextMonth}\n              onClick={() => goToMonth(current.plus({ months: 1 }))}\n            >\n              <ChevronRightIcon className=\"size-4 rtl:rotate-180\" aria-hidden />\n            </Button>\n          </div>\n        </div>\n      )}\n\n      {nothingPlaced && emptyState ? (\n        emptyState\n      ) : (\n        // `table`, not `grid`: a grid promises arrow-key navigation between\n        // cells, which this does not implement. Rows are explicit because a\n        // columnheader or cell outside one is invalid ARIA, not just untidy.\n        <div role=\"table\" aria-label={monthLabel}>\n          <div role=\"rowgroup\">\n            <div role=\"row\" className=\"border-border grid grid-cols-7 border-b\">\n              {weekdayNames.map((name) => (\n                <div\n                  key={name}\n                  role=\"columnheader\"\n                  data-slot=\"calendar-view-weekday\"\n                  className={cn(\n                    'text-muted-foreground px-2 py-1.5 text-center text-xs font-medium tracking-wide uppercase',\n                    classNames?.weekday\n                  )}\n                >\n                  {name}\n                </div>\n              ))}\n            </div>\n          </div>\n          <div role=\"rowgroup\">\n            {weeks.map((week) => (\n              <div\n                key={week[0].toISODate()}\n                role=\"row\"\n                className=\"grid grid-cols-7\"\n              >\n                {week.map((day) => {\n                  const key = day.toISODate() ?? '';\n                  const entries = byDay.get(key) ?? [];\n                  const outside = day.month !== current.month;\n                  const isToday = day.hasSame(today, 'day');\n                  const visible = entries.slice(0, maxPerDay);\n                  const overflow = entries.length - visible.length;\n                  return (\n                    <div\n                      key={key}\n                      role=\"cell\"\n                      data-slot=\"calendar-view-day\"\n                      data-outside={outside || undefined}\n                      data-today={isToday || undefined}\n                      className={cn(\n                        'border-border min-h-24 border-e border-b p-1 last:border-e-0',\n                        outside && cn('bg-muted/30', classNames?.outsideDay),\n                        isToday && classNames?.today,\n                        classNames?.day\n                      )}\n                    >\n                      <div\n                        className={cn(\n                          'mb-1 flex h-5 w-5 items-center justify-center rounded-full text-xs tabular-nums',\n                          outside ? 'text-muted-foreground' : 'text-foreground',\n                          // primary-800, not 500: white on the mid scale is\n                          // about 2:1 and fails AA. Same pair Button uses.\n                          isToday && 'bg-primary-800 font-semibold text-white'\n                        )}\n                      >\n                        <time dateTime={key}>{day.day}</time>\n                        {isToday && (\n                          <span className=\"sr-only\">{text.today}</span>\n                        )}\n                      </div>\n                      <ul className=\"space-y-0.5\">\n                        {visible.map(({ id, item, start, end }) => {\n                          const accent =\n                            accessors.getAccent?.(item) ?? 'primary';\n                          const selected = id === selectedId;\n                          const body = renderItem?.(item, {\n                            view: 'calendar',\n                          }) ?? (\n                            <span className=\"block truncate\">\n                              {accessors.getTitle(item)}\n                            </span>\n                          );\n                          const classes = cn(\n                            'block w-full rounded px-1 py-0.5 text-start text-xs text-foreground',\n                            accentClasses[accent].tint,\n                            'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring',\n                            classNames?.entry,\n                            selected &&\n                              cn(\n                                'ring-1',\n                                accentClasses[accent].border,\n                                classNames?.selectedEntry\n                              )\n                          );\n                          // A multi-day item repeats on each day it covers; the\n                          // range is in the accessible name, not in the geometry.\n                          const spanLabel = start.hasSame(end, 'day')\n                            ? undefined\n                            : `${accessors.getTitle(item)}, ${start.toISODate()} to ${end.toISODate()}`;\n                          const href = getHref?.(id, item);\n                          return (\n                            <li key={id}>\n                              {href ? (\n                                <a\n                                  href={href}\n                                  aria-label={spanLabel}\n                                  aria-current={selected ? 'true' : undefined}\n                                  data-slot=\"calendar-view-entry\"\n                                  className={classes}\n                                  onClick={(event) => {\n                                    if (\n                                      !onOpen ||\n                                      event.defaultPrevented ||\n                                      event.metaKey ||\n                                      event.ctrlKey ||\n                                      event.shiftKey ||\n                                      event.button !== 0\n                                    )\n                                      return;\n                                    event.preventDefault();\n                                    onOpen(id, item);\n                                  }}\n                                >\n                                  {body}\n                                </a>\n                              ) : onOpen ? (\n                                <button\n                                  type=\"button\"\n                                  aria-label={spanLabel}\n                                  aria-current={selected ? 'true' : undefined}\n                                  data-slot=\"calendar-view-entry\"\n                                  className={classes}\n                                  onClick={() => onOpen(id, item)}\n                                >\n                                  {body}\n                                </button>\n                              ) : (\n                                // `aria-label` is prohibited on role `generic`,\n                                // so the range rides along as hidden text here.\n                                <span\n                                  data-slot=\"calendar-view-entry\"\n                                  className={classes}\n                                >\n                                  {body}\n                                  {spanLabel && (\n                                    <span className=\"sr-only\">\n                                      {`, ${start.toISODate()} to ${end.toISODate()}`}\n                                    </span>\n                                  )}\n                                </span>\n                              )}\n                            </li>\n                          );\n                        })}\n                        {overflow > 0 && (\n                          <li className=\"text-muted-foreground px-1 text-xs\">\n                            {text.more.replace('{count}', String(overflow))}\n                          </li>\n                        )}\n                      </ul>\n                    </div>\n                  );\n                })}\n              </div>\n            ))}\n          </div>\n          {nothingPlaced && (\n            <p className=\"text-muted-foreground px-3 py-2 text-center text-sm\">\n              {text.empty}\n            </p>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n"]}

package/dist/chunk-AXRRBEER.js

@@ -0,0 +1,86 @@
+import { cva } from 'class-variance-authority';
+
+// src/components/Button/button-variants.ts
+var buttonVariants = cva(
+  // Base styles
+  [
+    "inline-flex items-center justify-center gap-2",
+    "min-w-0 whitespace-nowrap",
+    "font-semibold transition-all duration-200",
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+    "disabled:pointer-events-none disabled:opacity-50",
+    "active:scale-[0.98]"
+  ],
+  {
+    variants: {
+      variant: {
+        primary: [
+          "bg-primary-800 text-white",
+          "hover:bg-primary-900",
+          "active:bg-primary-950"
+        ],
+        secondary: [
+          "bg-neutral-200 text-neutral-900",
+          "hover:bg-neutral-300",
+          "active:bg-neutral-400",
+          "dark:bg-neutral-700 dark:text-neutral-100",
+          "dark:hover:bg-neutral-600",
+          "dark:active:bg-neutral-500"
+        ],
+        ghost: [
+          "bg-transparent text-neutral-600",
+          "hover:bg-neutral-100",
+          "active:bg-neutral-200",
+          "dark:text-neutral-400",
+          "dark:hover:bg-neutral-800",
+          "dark:active:bg-neutral-700"
+        ],
+        outline: [
+          "border-2 border-primary-800 text-primary-800 bg-transparent",
+          "hover:bg-primary-50 hover:text-primary-900",
+          "active:bg-primary-100",
+          "dark:border-primary-400 dark:text-primary-400",
+          "dark:hover:bg-primary-950",
+          "dark:active:bg-primary-900"
+        ],
+        danger: [
+          "bg-red-600 text-white",
+          "hover:bg-red-700",
+          "active:bg-red-800"
+        ],
+        link: [
+          "text-primary-800 underline-offset-4",
+          "hover:underline hover:text-primary-900",
+          "active:text-primary-950",
+          "dark:text-primary-400"
+        ]
+      },
+      size: {
+        sm: "h-8 px-3 text-sm rounded-md",
+        md: "h-10 px-4 text-base rounded-lg",
+        lg: "h-12 px-6 text-lg rounded-xl",
+        icon: "h-10 w-10 rounded-lg"
+      },
+      fullWidth: {
+        true: "w-full",
+        false: ""
+      },
+      /** Opt-in hover motion (see src/styles/effects.css). */
+      effect: {
+        none: "",
+        sheen: "mie-fx-sheen hover:-translate-y-0.5",
+        orbit: "mie-fx-orbit hover:-translate-y-0.5"
+      }
+    },
+    defaultVariants: {
+      variant: "primary",
+      size: "md",
+      fullWidth: false,
+      effect: "none"
+    }
+  }
+);
+
+export { buttonVariants };
+//# sourceMappingURL=chunk-AXRRBEER.js.map
+//# sourceMappingURL=chunk-AXRRBEER.js.map

package/dist/chunk-AXRRBEER.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Button/button-variants.ts"],"names":[],"mappings":";;;AAIO,IAAM,cAAA,GAAiB,GAAA;AAAA;AAAA,EAE5B;AAAA,IACE,+CAAA;AAAA,IACA,2BAAA;AAAA,IACA,2CAAA;AAAA,IACA,qGAAA;AAAA,IACA,kDAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS;AAAA,UACP,2BAAA;AAAA,UACA,sBAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,SAAA,EAAW;AAAA,UACT,iCAAA;AAAA,UACA,sBAAA;AAAA,UACA,uBAAA;AAAA,UACA,2CAAA;AAAA,UACA,2BAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,KAAA,EAAO;AAAA,UACL,iCAAA;AAAA,UACA,sBAAA;AAAA,UACA,uBAAA;AAAA,UACA,uBAAA;AAAA,UACA,2BAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,OAAA,EAAS;AAAA,UACP,6DAAA;AAAA,UACA,4CAAA;AAAA,UACA,uBAAA;AAAA,UACA,+CAAA;AAAA,UACA,2BAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,MAAA,EAAQ;AAAA,UACN,uBAAA;AAAA,UACA,kBAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,IAAA,EAAM;AAAA,UACJ,qCAAA;AAAA,UACA,wCAAA;AAAA,UACA,yBAAA;AAAA,UACA;AAAA;AACF,OACF;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,6BAAA;AAAA,QACJ,EAAA,EAAI,gCAAA;AAAA,QACJ,EAAA,EAAI,8BAAA;AAAA,QACJ,IAAA,EAAM;AAAA,OACR;AAAA,MACA,SAAA,EAAW;AAAA,QACT,IAAA,EAAM,QAAA;AAAA,QACN,KAAA,EAAO;AAAA,OACT;AAAA;AAAA,MAEA,MAAA,EAAQ;AAAA,QACN,IAAA,EAAM,EAAA;AAAA,QACN,KAAA,EAAO,qCAAA;AAAA,QACP,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM,IAAA;AAAA,MACN,SAAA,EAAW,KAAA;AAAA,MACX,MAAA,EAAQ;AAAA;AACV;AAEJ","file":"chunk-AXRRBEER.js","sourcesContent":["import { cva } from 'class-variance-authority';\n\n// Kept apart from Button.tsx so hook-free consumers (the Templates tier) can\n// style anchors without importing the Button component module.\nexport const buttonVariants = cva(\n  // Base styles\n  [\n    'inline-flex items-center justify-center gap-2',\n    'min-w-0 whitespace-nowrap',\n    'font-semibold transition-all duration-200',\n    'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n    'disabled:pointer-events-none disabled:opacity-50',\n    'active:scale-[0.98]',\n  ],\n  {\n    variants: {\n      variant: {\n        primary: [\n          'bg-primary-800 text-white',\n          'hover:bg-primary-900',\n          'active:bg-primary-950',\n        ],\n        secondary: [\n          'bg-neutral-200 text-neutral-900',\n          'hover:bg-neutral-300',\n          'active:bg-neutral-400',\n          'dark:bg-neutral-700 dark:text-neutral-100',\n          'dark:hover:bg-neutral-600',\n          'dark:active:bg-neutral-500',\n        ],\n        ghost: [\n          'bg-transparent text-neutral-600',\n          'hover:bg-neutral-100',\n          'active:bg-neutral-200',\n          'dark:text-neutral-400',\n          'dark:hover:bg-neutral-800',\n          'dark:active:bg-neutral-700',\n        ],\n        outline: [\n          'border-2 border-primary-800 text-primary-800 bg-transparent',\n          'hover:bg-primary-50 hover:text-primary-900',\n          'active:bg-primary-100',\n          'dark:border-primary-400 dark:text-primary-400',\n          'dark:hover:bg-primary-950',\n          'dark:active:bg-primary-900',\n        ],\n        danger: [\n          'bg-red-600 text-white',\n          'hover:bg-red-700',\n          'active:bg-red-800',\n        ],\n        link: [\n          'text-primary-800 underline-offset-4',\n          'hover:underline hover:text-primary-900',\n          'active:text-primary-950',\n          'dark:text-primary-400',\n        ],\n      },\n      size: {\n        sm: 'h-8 px-3 text-sm rounded-md',\n        md: 'h-10 px-4 text-base rounded-lg',\n        lg: 'h-12 px-6 text-lg rounded-xl',\n        icon: 'h-10 w-10 rounded-lg',\n      },\n      fullWidth: {\n        true: 'w-full',\n        false: '',\n      },\n      /** Opt-in hover motion (see src/styles/effects.css). */\n      effect: {\n        none: '',\n        sheen: 'mie-fx-sheen hover:-translate-y-0.5',\n        orbit: 'mie-fx-orbit hover:-translate-y-0.5',\n      },\n    },\n    defaultVariants: {\n      variant: 'primary',\n      size: 'md',\n      fullWidth: false,\n      effect: 'none',\n    },\n  }\n);\n"]}

package/dist/{chunk-VU6UTJRM.js → chunk-CATY3P2U.js}

@@ -1,5 +1,5 @@
 import { useScrollSpy } from './chunk-WBGUYSWY.js';
-import { buttonVariants } from './chunk-GOALNQZ2.js';
+import { buttonVariants } from './chunk-AXRRBEER.js';
 import { cn } from './chunk-TQONQSJO.js';
 import * as React from 'react';
 import { ArrowDown, ArrowRight, ArrowUpRight } from 'lucide-react';
@@ -138,5 +138,5 @@ function SectionSpyNav({
 }
 
 export { SectionSpyNav };
-//# sourceMappingURL=chunk-VU6UTJRM.js.map
-//# sourceMappingURL=chunk-VU6UTJRM.js.map
+//# sourceMappingURL=chunk-CATY3P2U.js.map
+//# sourceMappingURL=chunk-CATY3P2U.js.map

package/dist/{chunk-VU6UTJRM.js.map → chunk-CATY3P2U.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/SectionSpyNav/SectionSpyNav.tsx"],"names":[],"mappings":"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","file":"chunk-VU6UTJRM.js","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { ArrowDown, ArrowRight, ArrowUpRight } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { useScrollSpy } from '../../hooks/useScrollSpy';\nimport { buttonVariants } from '../Button';\n\n// =============================================================================\n// Types\n// =============================================================================\n\n/** One section the nav links to. The id must match a `section[id]` on the page. */\nexport interface SectionSpyItem {\n  id: string;\n  label: string;\n}\n\n/**\n * Funnel intent for the bar's single contextual CTA — drives its visual\n * weight so the in-page strip never out-shouts a page's primary CTA:\n * `explore` (quiet next step) → `evaluate` (sales-ready ask) → `commit`\n * (high-intent action).\n */\nexport type SectionSpyCtaTier = 'explore' | 'evaluate' | 'commit';\n\nexport interface SectionSpyCta {\n  label: string;\n  href: string;\n  tier?: SectionSpyCtaTier;\n}\n\nexport interface SectionSpyNavProps {\n  /** Sections to link to, in page order. */\n  items: SectionSpyItem[];\n  /** Optional single page-specific next-step CTA at the end of the bar. */\n  cta?: SectionSpyCta;\n  /** Eyebrow before the links (default \"On this page\"). */\n  label?: string;\n  /**\n   * Visual tone: `surface` sits on the page background; `brand` renders the\n   * inverted primary band.\n   */\n  tone?: 'surface' | 'brand';\n  /** IntersectionObserver root margin tuning for the scroll spy. */\n  rootMargin?: string;\n  /** Called with the section id when a nav link is clicked. */\n  onItemClick?: (id: string) => void;\n  /** Called when the CTA is clicked (e.g. for analytics). */\n  onCtaClick?: (cta: SectionSpyCta) => void;\n  className?: string;\n}\n\n// =============================================================================\n// Internals\n// =============================================================================\n\n/** Directional glyph inferred from the destination. */\nfunction CtaArrow({ href }: { href: string }) {\n  const Icon = href.startsWith('#')\n    ? ArrowDown\n    : href.startsWith('/')\n      ? ArrowRight\n      : ArrowUpRight;\n  // rtl:-scale-x-100 mirrors ArrowRight and ArrowUpRight for RTL reading\n  // direction; ArrowDown is horizontally symmetric so the flip is a no-op.\n  return <Icon aria-hidden=\"true\" className=\"h-3.5 w-3.5 rtl:-scale-x-100\" />;\n}\n\nconst CTA_TIER_VARIANT = {\n  explore: 'ghost',\n  evaluate: 'outline',\n  commit: 'primary',\n} as const;\n\n// =============================================================================\n// SectionSpyNav\n// =============================================================================\n\n/**\n * Sticky horizontal in-page wayfinding: jumps between a page's major\n * sections, highlights the one in view with a sliding underline, and can\n * carry a single page-specific next-step CTA. Pure anchor links, so it\n * still works if the scroll spy never runs.\n *\n * The horizontal complement to `TableOfContents` — use that for a sidebar\n * outline, this for a band under the page header. Section elements need\n * matching `id`s.\n *\n * @example\n * ```tsx\n * <SectionSpyNav\n *   items={[\n *     { id: 'overview', label: 'Overview' },\n *     { id: 'pricing', label: 'Pricing' },\n *   ]}\n *   cta={{ label: 'Book a demo', href: '/demo', tier: 'evaluate' }}\n * />\n * ```\n */\nexport function SectionSpyNav({\n  items,\n  cta,\n  label = 'On this page',\n  tone = 'surface',\n  rootMargin = '-22% 0px -68% 0px',\n  onItemClick,\n  onCtaClick,\n  className,\n}: SectionSpyNavProps) {\n  const ids = React.useMemo(() => items.map((it) => it.id), [items]);\n  const { activeId } = useScrollSpy({ ids, rootMargin });\n  const active = activeId ?? items[0]?.id ?? '';\n\n  const railRef = React.useRef<HTMLDivElement>(null);\n  const markRef = React.useRef<HTMLSpanElement>(null);\n\n  // Find the active link by dataset rather than a CSS selector, so ids\n  // never need escaping and CSS.escape availability doesn't matter.\n  const findActiveLink = React.useCallback((): HTMLAnchorElement | null => {\n    const links = railRef.current?.querySelectorAll<HTMLAnchorElement>('a');\n    if (!links) return null;\n    for (const link of links) {\n      if (link.dataset.id === active) return link;\n    }\n    return null;\n  }, [active]);\n\n  // Slide the underline beneath the active link. offsetLeft/offsetWidth are\n  // physical and measured against the rail, so the marker tracks the link\n  // in both directions and while the rail is scrolled horizontally.\n  const syncMarker = React.useCallback(() => {\n    const link = findActiveLink();\n    const mark = markRef.current;\n    if (!link || !mark) return;\n    mark.style.left = `${link.offsetLeft}px`;\n    mark.style.width = `${link.offsetWidth}px`;\n  }, [findActiveLink]);\n\n  React.useEffect(() => {\n    const link = findActiveLink();\n    link?.scrollIntoView?.({ inline: 'center', block: 'nearest' });\n    syncMarker();\n  }, [findActiveLink, syncMarker]);\n\n  React.useEffect(() => {\n    window.addEventListener('resize', syncMarker);\n    return () => window.removeEventListener('resize', syncMarker);\n  }, [syncMarker]);\n\n  const brand = tone === 'brand';\n\n  return (\n    <nav\n      className={cn(\n        'sticky top-0 z-30 w-full',\n        brand\n          ? 'bg-primary-900 text-white'\n          : 'border-border bg-card/95 border-b backdrop-blur',\n        className\n      )}\n      aria-label={label}\n    >\n      <div className=\"flex items-center gap-4 px-4 py-0.5\">\n        <span\n          className={cn(\n            'shrink-0 text-[11px] font-semibold tracking-wide uppercase max-md:hidden',\n            brand ? 'text-white/85' : 'text-muted-foreground'\n          )}\n          aria-hidden=\"true\"\n        >\n          {label}\n        </span>\n        <div\n          ref={railRef}\n          className=\"relative flex min-w-0 flex-1 gap-1 overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden\"\n        >\n          {items.map((it) => {\n            const isActive = active === it.id;\n            return (\n              <a\n                key={it.id}\n                href={`#${it.id}`}\n                data-id={it.id}\n                onClick={() => onItemClick?.(it.id)}\n                className={cn(\n                  'shrink-0 rounded px-2.5 py-2 text-sm whitespace-nowrap transition-colors',\n                  brand\n                    ? isActive\n                      ? 'font-semibold text-white'\n                      : 'text-white/85 hover:text-white'\n                    : isActive\n                      ? 'text-foreground font-semibold'\n                      : 'text-muted-foreground hover:text-foreground'\n                )}\n                aria-current={isActive ? 'location' : undefined}\n              >\n                {it.label}\n              </a>\n            );\n          })}\n          <span\n            ref={markRef}\n            className={cn(\n              'absolute bottom-0 h-0.5 rounded-full transition-[left,width] duration-300',\n              brand ? 'bg-primary-400' : 'bg-primary-500'\n            )}\n            aria-hidden=\"true\"\n          />\n        </div>\n        {cta && (\n          <a\n            href={cta.href}\n            onClick={() => onCtaClick?.(cta)}\n            className={cn(\n              buttonVariants({\n                variant: CTA_TIER_VARIANT[cta.tier ?? 'explore'],\n                size: 'sm',\n              }),\n              'shrink-0',\n              brand &&\n                (cta.tier ?? 'explore') !== 'commit' &&\n                'text-white hover:bg-white/10 hover:text-white'\n            )}\n          >\n            {cta.label}\n            <CtaArrow href={cta.href} />\n          </a>\n        )}\n      </div>\n    </nav>\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/SectionSpyNav/SectionSpyNav.tsx"],"names":[],"mappings":"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","file":"chunk-CATY3P2U.js","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { ArrowDown, ArrowRight, ArrowUpRight } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { useScrollSpy } from '../../hooks/useScrollSpy';\nimport { buttonVariants } from '../Button';\n\n// =============================================================================\n// Types\n// =============================================================================\n\n/** One section the nav links to. The id must match a `section[id]` on the page. */\nexport interface SectionSpyItem {\n  id: string;\n  label: string;\n}\n\n/**\n * Funnel intent for the bar's single contextual CTA — drives its visual\n * weight so the in-page strip never out-shouts a page's primary CTA:\n * `explore` (quiet next step) → `evaluate` (sales-ready ask) → `commit`\n * (high-intent action).\n */\nexport type SectionSpyCtaTier = 'explore' | 'evaluate' | 'commit';\n\nexport interface SectionSpyCta {\n  label: string;\n  href: string;\n  tier?: SectionSpyCtaTier;\n}\n\nexport interface SectionSpyNavProps {\n  /** Sections to link to, in page order. */\n  items: SectionSpyItem[];\n  /** Optional single page-specific next-step CTA at the end of the bar. */\n  cta?: SectionSpyCta;\n  /** Eyebrow before the links (default \"On this page\"). */\n  label?: string;\n  /**\n   * Visual tone: `surface` sits on the page background; `brand` renders the\n   * inverted primary band.\n   */\n  tone?: 'surface' | 'brand';\n  /** IntersectionObserver root margin tuning for the scroll spy. */\n  rootMargin?: string;\n  /** Called with the section id when a nav link is clicked. */\n  onItemClick?: (id: string) => void;\n  /** Called when the CTA is clicked (e.g. for analytics). */\n  onCtaClick?: (cta: SectionSpyCta) => void;\n  className?: string;\n}\n\n// =============================================================================\n// Internals\n// =============================================================================\n\n/** Directional glyph inferred from the destination. */\nfunction CtaArrow({ href }: { href: string }) {\n  const Icon = href.startsWith('#')\n    ? ArrowDown\n    : href.startsWith('/')\n      ? ArrowRight\n      : ArrowUpRight;\n  // rtl:-scale-x-100 mirrors ArrowRight and ArrowUpRight for RTL reading\n  // direction; ArrowDown is horizontally symmetric so the flip is a no-op.\n  return <Icon aria-hidden=\"true\" className=\"h-3.5 w-3.5 rtl:-scale-x-100\" />;\n}\n\nconst CTA_TIER_VARIANT = {\n  explore: 'ghost',\n  evaluate: 'outline',\n  commit: 'primary',\n} as const;\n\n// =============================================================================\n// SectionSpyNav\n// =============================================================================\n\n/**\n * Sticky horizontal in-page wayfinding: jumps between a page's major\n * sections, highlights the one in view with a sliding underline, and can\n * carry a single page-specific next-step CTA. Pure anchor links, so it\n * still works if the scroll spy never runs.\n *\n * The horizontal complement to `TableOfContents` — use that for a sidebar\n * outline, this for a band under the page header. Section elements need\n * matching `id`s.\n *\n * @example\n * ```tsx\n * <SectionSpyNav\n *   items={[\n *     { id: 'overview', label: 'Overview' },\n *     { id: 'pricing', label: 'Pricing' },\n *   ]}\n *   cta={{ label: 'Book a demo', href: '/demo', tier: 'evaluate' }}\n * />\n * ```\n */\nexport function SectionSpyNav({\n  items,\n  cta,\n  label = 'On this page',\n  tone = 'surface',\n  rootMargin = '-22% 0px -68% 0px',\n  onItemClick,\n  onCtaClick,\n  className,\n}: SectionSpyNavProps) {\n  const ids = React.useMemo(() => items.map((it) => it.id), [items]);\n  const { activeId } = useScrollSpy({ ids, rootMargin });\n  const active = activeId ?? items[0]?.id ?? '';\n\n  const railRef = React.useRef<HTMLDivElement>(null);\n  const markRef = React.useRef<HTMLSpanElement>(null);\n\n  // Find the active link by dataset rather than a CSS selector, so ids\n  // never need escaping and CSS.escape availability doesn't matter.\n  const findActiveLink = React.useCallback((): HTMLAnchorElement | null => {\n    const links = railRef.current?.querySelectorAll<HTMLAnchorElement>('a');\n    if (!links) return null;\n    for (const link of links) {\n      if (link.dataset.id === active) return link;\n    }\n    return null;\n  }, [active]);\n\n  // Slide the underline beneath the active link. offsetLeft/offsetWidth are\n  // physical and measured against the rail, so the marker tracks the link\n  // in both directions and while the rail is scrolled horizontally.\n  const syncMarker = React.useCallback(() => {\n    const link = findActiveLink();\n    const mark = markRef.current;\n    if (!link || !mark) return;\n    mark.style.left = `${link.offsetLeft}px`;\n    mark.style.width = `${link.offsetWidth}px`;\n  }, [findActiveLink]);\n\n  React.useEffect(() => {\n    const link = findActiveLink();\n    link?.scrollIntoView?.({ inline: 'center', block: 'nearest' });\n    syncMarker();\n  }, [findActiveLink, syncMarker]);\n\n  React.useEffect(() => {\n    window.addEventListener('resize', syncMarker);\n    return () => window.removeEventListener('resize', syncMarker);\n  }, [syncMarker]);\n\n  const brand = tone === 'brand';\n\n  return (\n    <nav\n      className={cn(\n        'sticky top-0 z-30 w-full',\n        brand\n          ? 'bg-primary-900 text-white'\n          : 'border-border bg-card/95 border-b backdrop-blur',\n        className\n      )}\n      aria-label={label}\n    >\n      <div className=\"flex items-center gap-4 px-4 py-0.5\">\n        <span\n          className={cn(\n            'shrink-0 text-[11px] font-semibold tracking-wide uppercase max-md:hidden',\n            brand ? 'text-white/85' : 'text-muted-foreground'\n          )}\n          aria-hidden=\"true\"\n        >\n          {label}\n        </span>\n        <div\n          ref={railRef}\n          className=\"relative flex min-w-0 flex-1 gap-1 overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden\"\n        >\n          {items.map((it) => {\n            const isActive = active === it.id;\n            return (\n              <a\n                key={it.id}\n                href={`#${it.id}`}\n                data-id={it.id}\n                onClick={() => onItemClick?.(it.id)}\n                className={cn(\n                  'shrink-0 rounded px-2.5 py-2 text-sm whitespace-nowrap transition-colors',\n                  brand\n                    ? isActive\n                      ? 'font-semibold text-white'\n                      : 'text-white/85 hover:text-white'\n                    : isActive\n                      ? 'text-foreground font-semibold'\n                      : 'text-muted-foreground hover:text-foreground'\n                )}\n                aria-current={isActive ? 'location' : undefined}\n              >\n                {it.label}\n              </a>\n            );\n          })}\n          <span\n            ref={markRef}\n            className={cn(\n              'absolute bottom-0 h-0.5 rounded-full transition-[left,width] duration-300',\n              brand ? 'bg-primary-400' : 'bg-primary-500'\n            )}\n            aria-hidden=\"true\"\n          />\n        </div>\n        {cta && (\n          <a\n            href={cta.href}\n            onClick={() => onCtaClick?.(cta)}\n            className={cn(\n              buttonVariants({\n                variant: CTA_TIER_VARIANT[cta.tier ?? 'explore'],\n                size: 'sm',\n              }),\n              'shrink-0',\n              brand &&\n                (cta.tier ?? 'explore') !== 'commit' &&\n                'text-white hover:bg-white/10 hover:text-white'\n            )}\n          >\n            {cta.label}\n            <CtaArrow href={cta.href} />\n          </a>\n        )}\n      </div>\n    </nav>\n  );\n}\n"]}