@mieweb/ui 0.10.0-dev.9 → 0.11.0-dev.0

package/dist/{chunk-TPWKM7JH.js.map → chunk-43K7OQ3E.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/VideoCard/VideoCard.tsx"],"names":[],"mappings":"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","file":"chunk-TPWKM7JH.js","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Play, VolumeX } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { Badge } from '../Badge';\nimport { useYouTubeHoverPreview } from '../../hooks/useYouTubeHoverPreview';\n\n// =============================================================================\n// PlayButton\n// =============================================================================\n\nexport interface PlayButtonProps extends React.HTMLAttributes<HTMLSpanElement> {\n  /** Disc diameter. Default `md` (56px). */\n  size?: 'sm' | 'md' | 'lg';\n  /**\n   * Show the spinning brand ring. Default `hover` — the ring appears and spins\n   * only while the nearest `.group` ancestor is hovered; `always` keeps it on.\n   */\n  ring?: 'hover' | 'always' | 'none';\n}\n\nconst DISC_SIZE = {\n  sm: 'h-10 w-10',\n  md: 'h-14 w-14',\n  lg: 'h-20 w-20',\n} as const;\nconst ICON_SIZE = { sm: 'h-4 w-4', md: 'h-6 w-6', lg: 'h-8 w-8' } as const;\n\n/**\n * The branded play affordance: a white disc with a filled brand triangle and a\n * conic-gradient ring that lights up and spins on hover. Decorative — the\n * surrounding card/link carries the accessible label.\n */\nexport function PlayButton({\n  size = 'md',\n  ring = 'hover',\n  className,\n  ...props\n}: PlayButtonProps) {\n  return (\n    <span\n      data-slot=\"play-button\"\n      aria-hidden=\"true\"\n      className={cn(\n        'relative inline-flex items-center justify-center',\n        DISC_SIZE[size],\n        className\n      )}\n      {...props}\n    >\n      {ring !== 'none' && (\n        <span\n          className={cn(\n            'pointer-events-none absolute -inset-2 rounded-full transition-opacity duration-300',\n            'motion-safe:animate-[mie-spin_1.4s_linear_infinite]',\n            '[background:conic-gradient(from_0deg,transparent_0deg,var(--mieweb-primary-500)_90deg,var(--mieweb-primary-300)_240deg,var(--mieweb-primary-200)_320deg,transparent_360deg)]',\n            '[mask:radial-gradient(farthest-side,transparent_calc(100%-4px),#000_calc(100%-4px))]',\n            '[-webkit-mask:radial-gradient(farthest-side,transparent_calc(100%-4px),#000_calc(100%-4px))]',\n            'drop-shadow-[0_0_5px_color-mix(in_srgb,var(--mieweb-primary-400)_60%,transparent)]',\n            ring === 'hover'\n              ? 'opacity-0 group-hover:opacity-100 group-focus-visible:opacity-100'\n              : 'opacity-100'\n          )}\n        />\n      )}\n      <span\n        className={cn(\n          'relative flex items-center justify-center rounded-full bg-white/90 shadow-lg transition-transform group-hover:scale-110',\n          DISC_SIZE[size]\n        )}\n      >\n        <Play\n          // rtl-ignore -- optical centering of the play triangle, which points right in RTL media players too\n          className={cn('text-primary-600 ml-0.5', ICON_SIZE[size])}\n          fill=\"currentColor\"\n        />\n      </span>\n    </span>\n  );\n}\n\n// =============================================================================\n// VideoCard\n// =============================================================================\n\nexport interface VideoCardProps {\n  /** Video title — also the accessible name (\"Watch: {title}\"). */\n  title: string;\n  /** Navigates on click. Omit to render a `<button>` driven by `onClick`. */\n  href?: string;\n  onClick?: React.MouseEventHandler<HTMLElement>;\n  /** Anchor target (e.g. `_blank`). */\n  target?: string;\n  /** Enables the muted hover preview and the default YouTube thumbnail. */\n  youtubeId?: string;\n  /** Thumbnail URL. Defaults to the YouTube `hqdefault` when `youtubeId` is set. */\n  thumbnailUrl?: string;\n  /** Thumbnail alt. Defaults to `title`. */\n  thumbnailAlt?: string;\n  /** Duration label, e.g. `34 min` or `2:44`. */\n  duration?: string;\n  /** Word before the duration in the pill. Default `Watch` → \"Watch · 34 min\". Pass `null` for just the duration. */\n  durationPrefix?: string | null;\n  /** Turn the hover preview off even when `youtubeId` is set. */\n  preview?: boolean;\n  /** Label shown on the pill while the muted preview plays. Default `Silent`. */\n  silentLabel?: string;\n  /** Slot above the title in the body — a category `Badge`, for instance. */\n  eyebrow?: React.ReactNode;\n  description?: string;\n  /** Slot below the description — speaker, view count, date. */\n  footer?: React.ReactNode;\n  /**\n   * `card` renders thumbnail + body; `plate` renders only the media plate\n   * (for heroes and detail panels where the copy lives elsewhere).\n   */\n  variant?: 'card' | 'plate';\n  /** Heading level for the title in `card` variant. Default `h3`. */\n  headingLevel?: 'h2' | 'h3' | 'h4';\n  className?: string;\n}\n\n/**\n * A video thumbnail card with the branded `PlayButton`, a \"Watch · 34 min\"\n * duration pill and — when a `youtubeId` is supplied — a muted, looping\n * hover preview with a progress bar, exactly as YouTube's own grid behaves.\n * Ported from the Enterprise Health video library and hero HUD.\n *\n * @example\n * ```tsx\n * <VideoCard\n *   title=\"Ozwell AI in the exam room\"\n *   href=\"/videos/ozwell-ai/\"\n *   youtubeId=\"dQw4w9WgXcQ\"\n *   duration=\"2:44\"\n *   eyebrow={<Badge variant=\"secondary\" size=\"sm\">Demo</Badge>}\n *   description=\"Documentation and surveillance, native to the platform.\"\n * />\n * ```\n */\nexport function VideoCard({\n  title,\n  href,\n  onClick,\n  target,\n  youtubeId,\n  thumbnailUrl,\n  thumbnailAlt,\n  duration,\n  durationPrefix = 'Watch',\n  preview = true,\n  silentLabel = 'Silent',\n  eyebrow,\n  description,\n  footer,\n  variant = 'card',\n  headingLevel: Heading = 'h3',\n  className,\n}: VideoCardProps) {\n  const thumb =\n    thumbnailUrl ??\n    (youtubeId\n      ? `https://i.ytimg.com/vi/${youtubeId}/hqdefault.jpg`\n      : undefined);\n\n  const hover = useYouTubeHoverPreview(youtubeId, { enabled: preview });\n  const playing = hover.preview === 'playing';\n\n  const pill =\n    duration && (durationPrefix ? `${durationPrefix} · ${duration}` : duration);\n\n  const media = (\n    <div\n      data-slot=\"video-card-media\"\n      className=\"bg-primary-950 relative aspect-video overflow-hidden\"\n    >\n      {thumb && (\n        <img\n          src={thumb}\n          alt={thumbnailAlt ?? title}\n          loading=\"lazy\"\n          decoding=\"async\"\n          className=\"absolute inset-0 h-full w-full object-cover transition-transform duration-300 group-hover:scale-105\"\n        />\n      )}\n\n      {/* Muted preview player — fades in once frames are flowing. pointer-events-none\n          so clicks fall through to the card. */}\n      <div\n        ref={hover.hostRef}\n        aria-hidden=\"true\"\n        className={cn(\n          'bg-primary-950 pointer-events-none absolute inset-0 overflow-hidden transition-opacity duration-500',\n          '[&_iframe]:absolute [&_iframe]:inset-0 [&_iframe]:h-full [&_iframe]:w-full [&_iframe]:border-0',\n          playing ? 'opacity-100' : 'opacity-0'\n        )}\n      />\n\n      {playing && (\n        <span className=\"absolute start-2 top-2 inline-flex items-center gap-1 rounded bg-black/55 px-1.5 py-0.5 text-[11px] font-medium text-white backdrop-blur-sm\">\n          <VolumeX className=\"h-3 w-3\" aria-hidden=\"true\" />\n          {silentLabel}\n        </span>\n      )}\n\n      <div\n        className={cn(\n          'bg-primary-950/20 group-hover:bg-primary-950/30 absolute inset-0 flex items-center justify-center transition-all duration-300',\n          playing && 'opacity-0'\n        )}\n      >\n        <PlayButton size={variant === 'plate' ? 'lg' : 'md'} />\n      </div>\n\n      {pill && !playing && (\n        <Badge\n          data-slot=\"video-card-duration\"\n          size=\"sm\"\n          className=\"absolute end-2 bottom-2 bg-black/60 py-1 text-white backdrop-blur-sm dark:bg-black/60 dark:text-white\"\n        >\n          {pill}\n        </Badge>\n      )}\n\n      {hover.preview !== 'idle' && (\n        <div className=\"absolute inset-x-0 bottom-0 h-1 bg-white/20\">\n          <div\n            className=\"h-full rounded-e-full bg-[linear-gradient(90deg,var(--mieweb-primary-500),var(--mieweb-primary-300))] transition-[width] duration-200 ease-linear\"\n            style={{ width: `${Math.max(hover.progress * 100, 1.5)}%` }}\n          />\n        </div>\n      )}\n    </div>\n  );\n\n  // A real heading is only valid in the link variant — `<button>` accepts\n  // phrasing content only, so the button variant gets a styled block span.\n  const TitleTag = href ? Heading : 'span';\n\n  const body = variant === 'card' && (\n    <div data-slot=\"video-card-body\" className=\"p-4 text-start\">\n      {eyebrow && <div className=\"mb-2 flex items-center gap-2\">{eyebrow}</div>}\n      <TitleTag className=\"text-foreground group-hover:text-primary-700 dark:group-hover:text-primary-300 block text-lg font-semibold transition-colors\">\n        {title}\n      </TitleTag>\n      {description && (\n        <p className=\"text-muted-foreground mt-1 line-clamp-2 text-sm\">\n          {description}\n        </p>\n      )}\n      {footer && (\n        <div className=\"text-muted-foreground mt-2 text-sm\">{footer}</div>\n      )}\n    </div>\n  );\n\n  const shell = cn(\n    'group block w-full overflow-hidden no-underline transition-shadow',\n    'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n    variant === 'card'\n      ? 'rounded-xl border border-border bg-card text-card-foreground shadow-md hover:shadow-lg'\n      : 'rounded-xl shadow-lg',\n    className\n  );\n\n  const interaction = {\n    onMouseEnter: hover.handleEnter,\n    onMouseLeave: hover.stopPreview,\n    onFocus: hover.handleEnter,\n    onBlur: hover.stopPreview,\n    'aria-label': `Watch: ${title}`,\n    'data-slot': 'video-card',\n    'data-preview': hover.preview,\n  };\n\n  if (href) {\n    return (\n      <a\n        href={href}\n        target={target}\n        rel={target === '_blank' ? 'noopener noreferrer' : undefined}\n        onClick={onClick}\n        className={shell}\n        {...interaction}\n      >\n        {media}\n        {body}\n      </a>\n    );\n  }\n  return (\n    <button type=\"button\" onClick={onClick} className={shell} {...interaction}>\n      {media}\n      {body}\n    </button>\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/VideoCard/VideoCard.tsx"],"names":[],"mappings":";;;;;;AAsBA,IAAM,SAAA,GAAY;AAAA,EAChB,EAAA,EAAI,WAAA;AAAA,EACJ,EAAA,EAAI,WAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AACA,IAAM,YAAY,EAAE,EAAA,EAAI,WAAW,EAAA,EAAI,SAAA,EAAW,IAAI,SAAA,EAAU;AAOzD,SAAS,UAAA,CAAW;AAAA,EACzB,IAAA,GAAO,IAAA;AAAA,EACP,IAAA,GAAO,OAAA;AAAA,EACP,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAoB;AAClB,EAAA,uBACE,IAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,aAAA;AAAA,MACV,aAAA,EAAY,MAAA;AAAA,MACZ,SAAA,EAAW,EAAA;AAAA,QACT,kDAAA;AAAA,QACA,UAAU,IAAI,CAAA;AAAA,QACd;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,IAAA,KAAS,MAAA,oBACR,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,EAAA;AAAA,cACT,oFAAA;AAAA,cACA,qDAAA;AAAA,cACA,8KAAA;AAAA,cACA,sFAAA;AAAA,cACA,8FAAA;AAAA,cACA,oFAAA;AAAA,cACA,IAAA,KAAS,UACL,mEAAA,GACA;AAAA;AACN;AAAA,SACF;AAAA,wBAEF,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,EAAA;AAAA,cACT,yHAAA;AAAA,cACA,UAAU,IAAI;AAAA,aAChB;AAAA,YAEA,QAAA,kBAAA,GAAA;AAAA,cAAC,IAAA;AAAA,cAAA;AAAA,gBAEC,SAAA,EAAW,EAAA,CAAG,yBAAA,EAA2B,SAAA,CAAU,IAAI,CAAC,CAAA;AAAA,gBACxD,IAAA,EAAK;AAAA;AAAA;AACP;AAAA;AACF;AAAA;AAAA,GACF;AAEJ;AA6DO,SAAS,SAAA,CAAU;AAAA,EACxB,KAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAA;AAAA,EACA,YAAA;AAAA,EACA,QAAA;AAAA,EACA,cAAA,GAAiB,OAAA;AAAA,EACjB,OAAA,GAAU,IAAA;AAAA,EACV,WAAA,GAAc,QAAA;AAAA,EACd,OAAA;AAAA,EACA,WAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA,GAAU,MAAA;AAAA,EACV,cAAc,OAAA,GAAU,IAAA;AAAA,EACxB;AACF,CAAA,EAAmB;AACjB,EAAA,MAAM,KAAA,GACJ,YAAA,KACC,SAAA,GACG,CAAA,uBAAA,EAA0B,SAAS,CAAA,cAAA,CAAA,GACnC,MAAA,CAAA;AAEN,EAAA,MAAM,QAAQ,sBAAA,CAAuB,SAAA,EAAW,EAAE,OAAA,EAAS,SAAS,CAAA;AACpE,EAAA,MAAM,OAAA,GAAU,MAAM,OAAA,KAAY,SAAA;AAElC,EAAA,MAAM,OACJ,QAAA,KAAa,cAAA,GAAiB,GAAG,cAAc,CAAA,MAAA,EAAM,QAAQ,CAAA,CAAA,GAAK,QAAA,CAAA;AAEpE,EAAA,MAAM,KAAA,mBACJ,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,kBAAA;AAAA,MACV,SAAA,EAAU,sDAAA;AAAA,MAET,QAAA,EAAA;AAAA,QAAA,KAAA,oBACC,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,GAAA,EAAK,KAAA;AAAA,YACL,KAAK,YAAA,IAAgB,KAAA;AAAA,YACrB,OAAA,EAAQ,MAAA;AAAA,YACR,QAAA,EAAS,OAAA;AAAA,YACT,SAAA,EAAU;AAAA;AAAA,SACZ;AAAA,wBAKF,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,KAAK,KAAA,CAAM,OAAA;AAAA,YACX,aAAA,EAAY,MAAA;AAAA,YACZ,SAAA,EAAW,EAAA;AAAA,cACT,qGAAA;AAAA,cACA,gGAAA;AAAA,cACA,UAAU,aAAA,GAAgB;AAAA;AAC5B;AAAA,SACF;AAAA,QAEC,OAAA,oBACC,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,6IAAA,EACd,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,OAAA,EAAA,EAAQ,SAAA,EAAU,SAAA,EAAU,aAAA,EAAY,MAAA,EAAO,CAAA;AAAA,UAC/C;AAAA,SAAA,EACH,CAAA;AAAA,wBAGF,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,EAAA;AAAA,cACT,+HAAA;AAAA,cACA,OAAA,IAAW;AAAA,aACb;AAAA,YAEA,8BAAC,UAAA,EAAA,EAAW,IAAA,EAAM,OAAA,KAAY,OAAA,GAAU,OAAO,IAAA,EAAM;AAAA;AAAA,SACvD;AAAA,QAEC,IAAA,IAAQ,CAAC,OAAA,oBACR,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,WAAA,EAAU,qBAAA;AAAA,YACV,IAAA,EAAK,IAAA;AAAA,YACL,SAAA,EAAU,uGAAA;AAAA,YAET,QAAA,EAAA;AAAA;AAAA,SACH;AAAA,QAGD,MAAM,OAAA,KAAY,MAAA,oBACjB,GAAA,CAAC,KAAA,EAAA,EAAI,WAAU,6CAAA,EACb,QAAA,kBAAA,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,mJAAA;AAAA,YACV,KAAA,EAAO,EAAE,KAAA,EAAO,CAAA,EAAG,IAAA,CAAK,GAAA,CAAI,KAAA,CAAM,QAAA,GAAW,GAAA,EAAK,GAAG,CAAC,CAAA,CAAA,CAAA;AAAI;AAAA,SAC5D,EACF;AAAA;AAAA;AAAA,GAEJ;AAKF,EAAA,MAAM,QAAA,GAAW,OAAO,OAAA,GAAU,MAAA;AAElC,EAAA,MAAM,IAAA,GAAO,YAAY,MAAA,oBACvB,IAAA,CAAC,SAAI,WAAA,EAAU,iBAAA,EAAkB,WAAU,gBAAA,EACxC,QAAA,EAAA;AAAA,IAAA,OAAA,oBAAW,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,8BAAA,EAAgC,QAAA,EAAA,OAAA,EAAQ,CAAA;AAAA,oBACnE,GAAA,CAAC,QAAA,EAAA,EAAS,SAAA,EAAU,8HAAA,EACjB,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,IACC,WAAA,oBACC,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,mDACV,QAAA,EAAA,WAAA,EACH,CAAA;AAAA,IAED,MAAA,oBACC,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,sCAAsC,QAAA,EAAA,MAAA,EAAO;AAAA,GAAA,EAEhE,CAAA;AAGF,EAAA,MAAM,KAAA,GAAQ,EAAA;AAAA,IACZ,mEAAA;AAAA,IACA,qGAAA;AAAA,IACA,OAAA,KAAY,SACR,wFAAA,GACA,sBAAA;AAAA,IACJ;AAAA,GACF;AAEA,EAAA,MAAM,WAAA,GAAc;AAAA,IAClB,cAAc,KAAA,CAAM,WAAA;AAAA,IACpB,cAAc,KAAA,CAAM,WAAA;AAAA,IACpB,SAAS,KAAA,CAAM,WAAA;AAAA,IACf,QAAQ,KAAA,CAAM,WAAA;AAAA,IACd,YAAA,EAAc,UAAU,KAAK,CAAA,CAAA;AAAA,IAC7B,WAAA,EAAa,YAAA;AAAA,IACb,gBAAgB,KAAA,CAAM;AAAA,GACxB;AAEA,EAAA,IAAI,IAAA,EAAM;AACR,IAAA,uBACE,IAAA;AAAA,MAAC,GAAA;AAAA,MAAA;AAAA,QACC,IAAA;AAAA,QACA,MAAA;AAAA,QACA,GAAA,EAAK,MAAA,KAAW,QAAA,GAAW,qBAAA,GAAwB,MAAA;AAAA,QACnD,OAAA;AAAA,QACA,SAAA,EAAW,KAAA;AAAA,QACV,GAAG,WAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,KAAA;AAAA,UACA;AAAA;AAAA;AAAA,KACH;AAAA,EAEJ;AACA,EAAA,uBACE,IAAA,CAAC,YAAO,IAAA,EAAK,QAAA,EAAS,SAAkB,SAAA,EAAW,KAAA,EAAQ,GAAG,WAAA,EAC3D,QAAA,EAAA;AAAA,IAAA,KAAA;AAAA,IACA;AAAA,GAAA,EACH,CAAA;AAEJ","file":"chunk-43K7OQ3E.js","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Play, VolumeX } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { Badge } from '../Badge';\nimport { useYouTubeHoverPreview } from '../../hooks/useYouTubeHoverPreview';\n\n// =============================================================================\n// PlayButton\n// =============================================================================\n\nexport interface PlayButtonProps extends React.HTMLAttributes<HTMLSpanElement> {\n  /** Disc diameter. Default `md` (56px). */\n  size?: 'sm' | 'md' | 'lg';\n  /**\n   * Show the spinning brand ring. Default `hover` — the ring appears and spins\n   * only while the nearest `.group` ancestor is hovered; `always` keeps it on.\n   */\n  ring?: 'hover' | 'always' | 'none';\n}\n\nconst DISC_SIZE = {\n  sm: 'h-10 w-10',\n  md: 'h-14 w-14',\n  lg: 'h-20 w-20',\n} as const;\nconst ICON_SIZE = { sm: 'h-4 w-4', md: 'h-6 w-6', lg: 'h-8 w-8' } as const;\n\n/**\n * The branded play affordance: a white disc with a filled brand triangle and a\n * conic-gradient ring that lights up and spins on hover. Decorative — the\n * surrounding card/link carries the accessible label.\n */\nexport function PlayButton({\n  size = 'md',\n  ring = 'hover',\n  className,\n  ...props\n}: PlayButtonProps) {\n  return (\n    <span\n      data-slot=\"play-button\"\n      aria-hidden=\"true\"\n      className={cn(\n        'relative inline-flex items-center justify-center',\n        DISC_SIZE[size],\n        className\n      )}\n      {...props}\n    >\n      {ring !== 'none' && (\n        <span\n          className={cn(\n            'pointer-events-none absolute -inset-2 rounded-full transition-opacity duration-300',\n            'motion-safe:animate-[mie-spin_1.4s_linear_infinite]',\n            '[background:conic-gradient(from_0deg,transparent_0deg,var(--mieweb-primary-500)_90deg,var(--mieweb-primary-300)_240deg,var(--mieweb-primary-200)_320deg,transparent_360deg)]',\n            '[mask:radial-gradient(farthest-side,transparent_calc(100%-4px),#000_calc(100%-4px))]',\n            '[-webkit-mask:radial-gradient(farthest-side,transparent_calc(100%-4px),#000_calc(100%-4px))]',\n            'drop-shadow-[0_0_5px_color-mix(in_srgb,var(--mieweb-primary-400)_60%,transparent)]',\n            ring === 'hover'\n              ? 'opacity-0 group-hover:opacity-100 group-focus-visible:opacity-100'\n              : 'opacity-100'\n          )}\n        />\n      )}\n      <span\n        className={cn(\n          'relative flex items-center justify-center rounded-full bg-white/90 shadow-lg transition-transform group-hover:scale-110',\n          DISC_SIZE[size]\n        )}\n      >\n        <Play\n          // rtl-ignore -- optical centering of the play triangle, which points right in RTL media players too\n          className={cn('text-primary-600 ml-0.5', ICON_SIZE[size])}\n          fill=\"currentColor\"\n        />\n      </span>\n    </span>\n  );\n}\n\n// =============================================================================\n// VideoCard\n// =============================================================================\n\nexport interface VideoCardProps {\n  /** Video title — also the accessible name (\"Watch: {title}\"). */\n  title: string;\n  /** Navigates on click. Omit to render a `<button>` driven by `onClick`. */\n  href?: string;\n  onClick?: React.MouseEventHandler<HTMLElement>;\n  /** Anchor target (e.g. `_blank`). */\n  target?: string;\n  /** Enables the muted hover preview and the default YouTube thumbnail. */\n  youtubeId?: string;\n  /** Thumbnail URL. Defaults to the YouTube `hqdefault` when `youtubeId` is set. */\n  thumbnailUrl?: string;\n  /** Thumbnail alt. Defaults to `title`. */\n  thumbnailAlt?: string;\n  /** Duration label, e.g. `34 min` or `2:44`. */\n  duration?: string;\n  /** Word before the duration in the pill. Default `Watch` → \"Watch · 34 min\". Pass `null` for just the duration. */\n  durationPrefix?: string | null;\n  /** Turn the hover preview off even when `youtubeId` is set. */\n  preview?: boolean;\n  /** Label shown on the pill while the muted preview plays. Default `Silent`. */\n  silentLabel?: string;\n  /** Slot above the title in the body — a category `Badge`, for instance. */\n  eyebrow?: React.ReactNode;\n  description?: string;\n  /** Slot below the description — speaker, view count, date. */\n  footer?: React.ReactNode;\n  /**\n   * `card` renders thumbnail + body; `plate` renders only the media plate\n   * (for heroes and detail panels where the copy lives elsewhere).\n   */\n  variant?: 'card' | 'plate';\n  /** Heading level for the title in `card` variant. Default `h3`. */\n  headingLevel?: 'h2' | 'h3' | 'h4';\n  className?: string;\n}\n\n/**\n * A video thumbnail card with the branded `PlayButton`, a \"Watch · 34 min\"\n * duration pill and — when a `youtubeId` is supplied — a muted, looping\n * hover preview with a progress bar, exactly as YouTube's own grid behaves.\n * Ported from the Enterprise Health video library and hero HUD.\n *\n * @example\n * ```tsx\n * <VideoCard\n *   title=\"Ozwell AI in the exam room\"\n *   href=\"/videos/ozwell-ai/\"\n *   youtubeId=\"dQw4w9WgXcQ\"\n *   duration=\"2:44\"\n *   eyebrow={<Badge variant=\"secondary\" size=\"sm\">Demo</Badge>}\n *   description=\"Documentation and surveillance, native to the platform.\"\n * />\n * ```\n */\nexport function VideoCard({\n  title,\n  href,\n  onClick,\n  target,\n  youtubeId,\n  thumbnailUrl,\n  thumbnailAlt,\n  duration,\n  durationPrefix = 'Watch',\n  preview = true,\n  silentLabel = 'Silent',\n  eyebrow,\n  description,\n  footer,\n  variant = 'card',\n  headingLevel: Heading = 'h3',\n  className,\n}: VideoCardProps) {\n  const thumb =\n    thumbnailUrl ??\n    (youtubeId\n      ? `https://i.ytimg.com/vi/${youtubeId}/hqdefault.jpg`\n      : undefined);\n\n  const hover = useYouTubeHoverPreview(youtubeId, { enabled: preview });\n  const playing = hover.preview === 'playing';\n\n  const pill =\n    duration && (durationPrefix ? `${durationPrefix} · ${duration}` : duration);\n\n  const media = (\n    <div\n      data-slot=\"video-card-media\"\n      className=\"bg-primary-950 relative aspect-video overflow-hidden\"\n    >\n      {thumb && (\n        <img\n          src={thumb}\n          alt={thumbnailAlt ?? title}\n          loading=\"lazy\"\n          decoding=\"async\"\n          className=\"absolute inset-0 h-full w-full object-cover transition-transform duration-300 group-hover:scale-105\"\n        />\n      )}\n\n      {/* Muted preview player — fades in once frames are flowing. pointer-events-none\n          so clicks fall through to the card. */}\n      <div\n        ref={hover.hostRef}\n        aria-hidden=\"true\"\n        className={cn(\n          'bg-primary-950 pointer-events-none absolute inset-0 overflow-hidden transition-opacity duration-500',\n          '[&_iframe]:absolute [&_iframe]:inset-0 [&_iframe]:h-full [&_iframe]:w-full [&_iframe]:border-0',\n          playing ? 'opacity-100' : 'opacity-0'\n        )}\n      />\n\n      {playing && (\n        <span className=\"absolute start-2 top-2 inline-flex items-center gap-1 rounded bg-black/55 px-1.5 py-0.5 text-[11px] font-medium text-white backdrop-blur-sm\">\n          <VolumeX className=\"h-3 w-3\" aria-hidden=\"true\" />\n          {silentLabel}\n        </span>\n      )}\n\n      <div\n        className={cn(\n          'bg-primary-950/20 group-hover:bg-primary-950/30 absolute inset-0 flex items-center justify-center transition-all duration-300',\n          playing && 'opacity-0'\n        )}\n      >\n        <PlayButton size={variant === 'plate' ? 'lg' : 'md'} />\n      </div>\n\n      {pill && !playing && (\n        <Badge\n          data-slot=\"video-card-duration\"\n          size=\"sm\"\n          className=\"absolute end-2 bottom-2 bg-black/60 py-1 text-white backdrop-blur-sm dark:bg-black/60 dark:text-white\"\n        >\n          {pill}\n        </Badge>\n      )}\n\n      {hover.preview !== 'idle' && (\n        <div className=\"absolute inset-x-0 bottom-0 h-1 bg-white/20\">\n          <div\n            className=\"h-full rounded-e-full bg-[linear-gradient(90deg,var(--mieweb-primary-500),var(--mieweb-primary-300))] transition-[width] duration-200 ease-linear\"\n            style={{ width: `${Math.max(hover.progress * 100, 1.5)}%` }}\n          />\n        </div>\n      )}\n    </div>\n  );\n\n  // A real heading is only valid in the link variant — `<button>` accepts\n  // phrasing content only, so the button variant gets a styled block span.\n  const TitleTag = href ? Heading : 'span';\n\n  const body = variant === 'card' && (\n    <div data-slot=\"video-card-body\" className=\"p-4 text-start\">\n      {eyebrow && <div className=\"mb-2 flex items-center gap-2\">{eyebrow}</div>}\n      <TitleTag className=\"text-foreground group-hover:text-primary-700 dark:group-hover:text-primary-300 block text-lg font-semibold transition-colors\">\n        {title}\n      </TitleTag>\n      {description && (\n        <p className=\"text-muted-foreground mt-1 line-clamp-2 text-sm\">\n          {description}\n        </p>\n      )}\n      {footer && (\n        <div className=\"text-muted-foreground mt-2 text-sm\">{footer}</div>\n      )}\n    </div>\n  );\n\n  const shell = cn(\n    'group block w-full overflow-hidden no-underline transition-shadow',\n    'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n    variant === 'card'\n      ? 'rounded-xl border border-border bg-card text-card-foreground shadow-md hover:shadow-lg'\n      : 'rounded-xl shadow-lg',\n    className\n  );\n\n  const interaction = {\n    onMouseEnter: hover.handleEnter,\n    onMouseLeave: hover.stopPreview,\n    onFocus: hover.handleEnter,\n    onBlur: hover.stopPreview,\n    'aria-label': `Watch: ${title}`,\n    'data-slot': 'video-card',\n    'data-preview': hover.preview,\n  };\n\n  if (href) {\n    return (\n      <a\n        href={href}\n        target={target}\n        rel={target === '_blank' ? 'noopener noreferrer' : undefined}\n        onClick={onClick}\n        className={shell}\n        {...interaction}\n      >\n        {media}\n        {body}\n      </a>\n    );\n  }\n  return (\n    <button type=\"button\" onClick={onClick} className={shell} {...interaction}>\n      {media}\n      {body}\n    </button>\n  );\n}\n"]}

package/dist/chunk-47P5QLX4.cjs

@@ -0,0 +1,42 @@
+'use strict';
+
+var chunk4NCDU5IG_cjs = require('./chunk-4NCDU5IG.cjs');
+var luxon = require('luxon');
+
+function withLocale(dt, locale) {
+  return locale ? dt.setLocale(locale) : dt;
+}
+var millis = (dt) => dt ? dt.toMillis() : Number.NEGATIVE_INFINITY;
+function groupByDay(items, getDate, zone) {
+  const dated = items.map((item) => ({ item, dt: chunk4NCDU5IG_cjs.toDateTime(getDate(item), zone) })).sort((a, b) => millis(b.dt) - millis(a.dt) || 0);
+  const groups = [];
+  for (const { item, dt } of dated) {
+    const key = dt?.toISODate() ?? "";
+    const last = groups[groups.length - 1];
+    if (last?.key === key) last.items.push(item);
+    else groups.push({ key, items: [item] });
+  }
+  return groups;
+}
+function formatDayLabel(key, options) {
+  if (!key) return options.undated;
+  const day = withLocale(
+    luxon.DateTime.fromISO(key, { zone: options.zone }),
+    options.locale
+  );
+  const today = luxon.DateTime.fromJSDate(options.now, { zone: options.zone });
+  if (day.hasSame(today, "day")) return options.today;
+  if (day.hasSame(today.minus({ days: 1 }), "day")) return options.yesterday;
+  return day.toLocaleString({
+    weekday: "long",
+    month: "long",
+    day: "numeric",
+    ...day.year !== today.year && { year: "numeric" }
+  });
+}
+
+exports.formatDayLabel = formatDayLabel;
+exports.groupByDay = groupByDay;
+exports.withLocale = withLocale;
+//# sourceMappingURL=chunk-47P5QLX4.cjs.map
+//# sourceMappingURL=chunk-47P5QLX4.cjs.map

package/dist/chunk-47P5QLX4.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ActivityFeed/dayGroups.ts"],"names":["toDateTime","DateTime"],"mappings":";;;;;AAkBO,SAAS,UAAA,CAAW,IAAc,MAAA,EAA2B;AAClE,EAAA,OAAO,MAAA,GAAS,EAAA,CAAG,SAAA,CAAU,MAAM,CAAA,GAAI,EAAA;AACzC;AAEA,IAAM,SAAS,CAAC,EAAA,KACd,KAAK,EAAA,CAAG,QAAA,KAAa,MAAA,CAAO,iBAAA;AAGvB,SAAS,UAAA,CACd,KAAA,EACA,OAAA,EACA,IAAA,EACe;AACf,EAAA,MAAM,KAAA,GAAQ,KAAA,CACX,GAAA,CAAI,CAAC,IAAA,MAAU,EAAE,IAAA,EAAM,EAAA,EAAIA,4BAAA,CAAW,OAAA,CAAQ,IAAI,CAAA,EAAG,IAAI,CAAA,EAAE,CAAE,CAAA,CAC7D,IAAA,CAAK,CAAC,CAAA,EAAG,CAAA,KAAM,MAAA,CAAO,CAAA,CAAE,EAAE,CAAA,GAAI,MAAA,CAAO,CAAA,CAAE,EAAE,CAAA,IAAK,CAAC,CAAA;AAElD,EAAA,MAAM,SAAwB,EAAC;AAC/B,EAAA,KAAA,MAAW,EAAE,IAAA,EAAM,EAAA,EAAG,IAAK,KAAA,EAAO;AAChC,IAAA,MAAM,GAAA,GAAM,EAAA,EAAI,SAAA,EAAU,IAAK,EAAA;AAC/B,IAAA,MAAM,IAAA,GAAO,MAAA,CAAO,MAAA,CAAO,MAAA,GAAS,CAAC,CAAA;AACrC,IAAA,IAAI,MAAM,GAAA,KAAQ,GAAA,EAAK,IAAA,CAAK,KAAA,CAAM,KAAK,IAAI,CAAA;AAAA,SACtC,MAAA,CAAO,KAAK,EAAE,GAAA,EAAK,OAAO,CAAC,IAAI,GAAG,CAAA;AAAA,EACzC;AACA,EAAA,OAAO,MAAA;AACT;AAEO,SAAS,cAAA,CAAe,KAAa,OAAA,EAAkC;AAC5E,EAAA,IAAI,CAAC,GAAA,EAAK,OAAO,OAAA,CAAQ,OAAA;AACzB,EAAA,MAAM,GAAA,GAAM,UAAA;AAAA,IACVC,eAAS,OAAA,CAAQ,GAAA,EAAK,EAAE,IAAA,EAAM,OAAA,CAAQ,MAAM,CAAA;AAAA,IAC5C,OAAA,CAAQ;AAAA,GACV;AACA,EAAA,MAAM,KAAA,GAAQA,eAAS,UAAA,CAAW,OAAA,CAAQ,KAAK,EAAE,IAAA,EAAM,OAAA,CAAQ,IAAA,EAAM,CAAA;AACrE,EAAA,IAAI,IAAI,OAAA,CAAQ,KAAA,EAAO,KAAK,CAAA,SAAU,OAAA,CAAQ,KAAA;AAC9C,EAAA,IAAI,GAAA,CAAI,OAAA,CAAQ,KAAA,CAAM,KAAA,CAAM,EAAE,IAAA,EAAM,CAAA,EAAG,CAAA,EAAG,KAAK,CAAA,EAAG,OAAO,OAAA,CAAQ,SAAA;AACjE,EAAA,OAAO,IAAI,cAAA,CAAe;AAAA,IACxB,OAAA,EAAS,MAAA;AAAA,IACT,KAAA,EAAO,MAAA;AAAA,IACP,GAAA,EAAK,SAAA;AAAA,IACL,GAAI,GAAA,CAAI,IAAA,KAAS,MAAM,IAAA,IAAQ,EAAE,MAAM,SAAA;AAAU,GAClD,CAAA;AACH","file":"chunk-47P5QLX4.cjs","sourcesContent":["import { DateTime } from 'luxon';\nimport { toDateTime } from '../../views/types';\n\nexport interface DayGroup<T> {\n  /** ISO date (`yyyy-MM-dd`) in the display zone; `''` for undated items. */\n  key: string;\n  items: T[];\n}\n\nexport interface DayLabelOptions {\n  now: Date;\n  zone: string;\n  locale?: string;\n  today: string;\n  yesterday: string;\n  undated: string;\n}\n\nexport function withLocale(dt: DateTime, locale?: string): DateTime {\n  return locale ? dt.setLocale(locale) : dt;\n}\n\nconst millis = (dt: DateTime | null) =>\n  dt ? dt.toMillis() : Number.NEGATIVE_INFINITY;\n\n/** Buckets items by calendar day in `zone`, newest first; undated items last. */\nexport function groupByDay<T>(\n  items: readonly T[],\n  getDate: (item: T) => Date | string | null | undefined,\n  zone: string\n): DayGroup<T>[] {\n  const dated = items\n    .map((item) => ({ item, dt: toDateTime(getDate(item), zone) }))\n    .sort((a, b) => millis(b.dt) - millis(a.dt) || 0);\n\n  const groups: DayGroup<T>[] = [];\n  for (const { item, dt } of dated) {\n    const key = dt?.toISODate() ?? '';\n    const last = groups[groups.length - 1];\n    if (last?.key === key) last.items.push(item);\n    else groups.push({ key, items: [item] });\n  }\n  return groups;\n}\n\nexport function formatDayLabel(key: string, options: DayLabelOptions): string {\n  if (!key) return options.undated;\n  const day = withLocale(\n    DateTime.fromISO(key, { zone: options.zone }),\n    options.locale\n  );\n  const today = DateTime.fromJSDate(options.now, { zone: options.zone });\n  if (day.hasSame(today, 'day')) return options.today;\n  if (day.hasSame(today.minus({ days: 1 }), 'day')) return options.yesterday;\n  return day.toLocaleString({\n    weekday: 'long',\n    month: 'long',\n    day: 'numeric',\n    ...(day.year !== today.year && { year: 'numeric' }),\n  });\n}\n"]}

package/dist/{chunk-CR2SDI23.cjs → chunk-4QYYWYFD.cjs}

@@ -181,8 +181,8 @@ function YearTimeline({
               "span",
               {
                 "data-slot": "year-timeline-today",
-                style: { left: `calc(var(--yt-now) * 100%)` },
-                className: "bg-primary-800 absolute top-1.5 z-[5] inline-flex -translate-x-1/2 items-center gap-1.5 rounded-full px-2 py-0.5 text-[9px] font-bold tracking-[0.09em] whitespace-nowrap text-white uppercase",
+                style: { insetInlineStart: `calc(var(--yt-now) * 100%)` },
+                className: "bg-primary-800 absolute top-1.5 z-[5] inline-flex -translate-x-1/2 items-center gap-1.5 rounded-full px-2 py-0.5 text-[9px] font-bold tracking-[0.09em] whitespace-nowrap text-white uppercase rtl:translate-x-1/2",
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsx("i", { "aria-hidden": true, className: "h-1.5 w-1.5 rounded-full bg-white" }),
                   text.today
@@ -196,9 +196,10 @@ function YearTimeline({
             "div",
             {
               "aria-hidden": true,
+              "data-slot": "year-timeline-gridlines",
               className: "pointer-events-none absolute inset-y-0 end-0 z-0 hidden md:block",
               style: {
-                left: "var(--yt-label)",
+                insetInlineStart: "var(--yt-label)",
                 backgroundImage: "repeating-linear-gradient(90deg, var(--mieweb-border) 0, var(--mieweb-border) 1px, transparent 1px, transparent calc(100% / 12))",
                 opacity: 0.5
               }
@@ -210,10 +211,10 @@ function YearTimeline({
               "aria-hidden": true,
               "data-slot": "year-timeline-playhead",
               style: {
-                left: "calc(var(--yt-label) + (100% - var(--yt-label)) * var(--yt-now))"
+                insetInlineStart: "calc(var(--yt-label) + (100% - var(--yt-label)) * var(--yt-now))"
               },
               className: chunkS5RVSXDV_cjs.cn(
-                "pointer-events-none absolute inset-y-0 z-[3] hidden w-0.5 -translate-x-px md:block",
+                "pointer-events-none absolute inset-y-0 z-[3] hidden w-0.5 -translate-x-px md:block rtl:translate-x-px",
                 "[background:linear-gradient(180deg,var(--mieweb-primary-700),color-mix(in_srgb,var(--mieweb-primary-700)_15%,transparent))]",
                 'before:bg-primary-700 before:absolute before:top-0 before:left-1/2 before:h-2.5 before:w-2.5 before:-translate-x-1/2 before:rounded-full before:content-[""]'
               )
@@ -318,5 +319,5 @@ exports.MONTH_LETTERS = MONTH_LETTERS;
 exports.MONTH_NAMES = MONTH_NAMES;
 exports.YearTimeline = YearTimeline;
 exports.resolveCurrent = resolveCurrent;
-//# sourceMappingURL=chunk-CR2SDI23.cjs.map
-//# sourceMappingURL=chunk-CR2SDI23.cjs.map
+//# sourceMappingURL=chunk-4QYYWYFD.cjs.map
+//# sourceMappingURL=chunk-4QYYWYFD.cjs.map

package/dist/chunk-4QYYWYFD.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/YearTimeline/YearTimeline.tsx"],"names":["React","jsxs","cn","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA6EO,IAAM,aAAA,GAAgB;AAAA,EAC3B,GAAA;AAAA,EACA,GAAA;AAAA,EACA,GAAA;AAAA,EACA,GAAA;AAAA,EACA,GAAA;AAAA,EACA,GAAA;AAAA,EACA,GAAA;AAAA,EACA,GAAA;AAAA,EACA,GAAA;AAAA,EACA,GAAA;AAAA,EACA,GAAA;AAAA,EACA;AACF;AACO,IAAM,WAAA,GAAc;AAAA,EACzB,KAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF;AAEA,IAAM,KAAA,GAA4B;AAAA,EAChC,SAAA;AAAA,EACA,QAAA;AAAA,EACA,MAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA;AAEA,IAAM,WAAA,GAA0D;AAAA,EAC9D,OAAA,EAAS,CAAC,2BAAA,EAA6B,2BAA2B,CAAA;AAAA,EAClE,MAAA,EAAQ;AAAA,IACN,iDAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA,OAAA,EAAS;AAAA,IACP,uBAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA,OAAA,EAAS;AAAA,IACP,uBAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,+CAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA,OAAA,EAAS,CAAC,2BAAA,EAA6B,2BAA2B;AACpE,CAAA;AAEA,IAAM,UAAA,GAAkD;AAAA,EACtD,SAAA,EAAW,wCAAA;AAAA,EACX,UAAA,EAAY,oCAAA;AAAA,EACZ,KAAA,EAAO;AACT,CAAA;AAEA,SAAS,UAAU,IAAA,EAA6C;AAC9D,EAAA,OAAO,IAAA,CAAK,OAAA,KAAY,IAAA,CAAK,MAAA,EAAQ,SAAS,WAAA,GAAc,YAAA,CAAA;AAC9D;AAEA,SAAS,SACP,IAAA,EACuC;AACvC,EAAA,IAAI,CAAC,IAAA,CAAK,MAAA,EAAQ,MAAA,EAAQ,OAAO,IAAA;AACjC,EAAA,OAAO,EAAE,KAAA,EAAO,IAAA,CAAK,GAAA,CAAI,GAAG,IAAA,CAAK,MAAM,CAAA,EAAG,GAAA,EAAK,IAAA,CAAK,GAAA,CAAI,GAAG,IAAA,CAAK,MAAM,CAAA,EAAE;AAC1E;AAEA,SAAS,YAAA,CACP,MACA,KAAA,EACe;AACf,EAAA,MAAM,CAAA,GAAI,SAAS,IAAI,CAAA;AACvB,EAAA,IAAI,CAAC,GAAG,OAAO,IAAA;AACf,EAAA,OAAO,CAAA,CAAE,UAAU,CAAA,CAAE,GAAA,GACjB,MAAM,CAAA,CAAE,KAAA,GAAQ,CAAC,CAAA,GACjB,CAAA,EAAG,MAAM,CAAA,CAAE,KAAA,GAAQ,CAAC,CAAC,CAAA,MAAA,EAAI,MAAM,CAAA,CAAE,GAAA,GAAM,CAAC,CAAC,CAAA,CAAA;AAC/C;AAGO,SAAS,cAAA,CACd,OACA,KAAA,EACsC;AACtC,EAAA,MAAM,IAAA,GAAO,MAAM,IAAA,CAAK,CAAC,OAAO,EAAA,CAAG,MAAA,EAAQ,QAAA,CAAS,KAAK,CAAC,CAAA;AAC1D,EAAA,IAAI,MAAM,OAAO,EAAE,IAAI,IAAA,CAAK,EAAA,EAAI,MAAM,IAAA,EAAK;AAC3C,EAAA,IAAI,IAAA,GAAgC,IAAA;AACpC,EAAA,IAAI,SAAA,GAAY,EAAA;AAChB,EAAA,KAAA,MAAW,MAAM,KAAA,EAAO;AACtB,IAAA,IAAI,CAAC,EAAA,CAAG,MAAA,EAAQ,MAAA,EAAQ;AACxB,IAAA,MAAM,KAAA,GAAA,CAAS,KAAK,GAAA,CAAI,GAAG,GAAG,MAAM,CAAA,GAAI,QAAQ,EAAA,IAAM,EAAA;AACtD,IAAA,IAAI,KAAA,GAAQ,CAAA,IAAK,KAAA,GAAQ,SAAA,EAAW;AAClC,MAAA,SAAA,GAAY,KAAA;AACZ,MAAA,IAAA,GAAO,EAAA;AAAA,IACT;AAAA,EACF;AACA,EAAA,OAAO,OAAO,EAAE,EAAA,EAAI,KAAK,EAAA,EAAI,IAAA,EAAM,OAAM,GAAI,IAAA;AAC/C;AAEA,SAAS,QAAQ,KAAA,EAA8B;AAC7C,EAAA,OAAO,OAAO,KAAA,KAAU,QAAA,GAAW,KAAA,GAAQ,KAAA,CAAM,UAAS,GAAI,CAAA;AAChE;AAiBO,SAAS,YAAA,CAAa;AAAA,EAC3B,KAAA;AAAA,EACA,KAAA;AAAA,EACA,YAAA,GAAe,YAAA;AAAA,EACf,WAAA,GAAc,aAAA;AAAA,EACd,UAAA,GAAa,WAAA;AAAA,EACb,WAAA;AAAA,EACA,MAAA;AAAA,EACA,gBAAA,GAAmB,IAAA;AAAA,EACnB,UAAA,GAAa,OAAA;AAAA,EACb;AACF,CAAA,EAAsB;AAEpB,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAUA,0BAAwB,IAAI,CAAA;AAC1E,EAAMA,2BAAU,MAAM;AACpB,IAAA,IAAI,KAAA,KAAU,QAAW,eAAA,CAAA,iBAAgB,IAAI,MAAK,EAAE,QAAA,KAAa,CAAC,CAAA;AAAA,EACpE,CAAA,EAAG,CAAC,KAAK,CAAC,CAAA;AAEV,EAAA,MAAM,KAAA,GACJ,UAAU,IAAA,GAAO,IAAA,GAAO,UAAU,MAAA,GAAY,YAAA,GAAe,QAAQ,KAAK,CAAA;AAC5E,EAAA,MAAM,UACJ,KAAA,IAAS,IAAA,IAAQ,mBAAmB,cAAA,CAAe,KAAA,EAAO,KAAK,CAAA,GAAI,IAAA;AACrE,EAAA,MAAM,WAAA,GAAc,KAAA,IAAS,IAAA,GAAA,CAAQ,KAAA,GAAQ,OAAO,EAAA,GAAK,IAAA;AAEzD,EAAA,MAAM,UAAA,GAAkD;AAAA,IACtD,SAAA,EAAW,aAAa,SAAA,IAAa,iBAAA;AAAA,IACrC,UAAA,EAAY,aAAa,UAAA,IAAc,eAAA;AAAA,IACvC,KAAA,EAAO,aAAa,KAAA,IAAS;AAAA,GAC/B;AACA,EAAA,MAAM,IAAA,GAAO,EAAE,KAAA,EAAO,OAAA,EAAS,KAAK,KAAA,EAAO,MAAA,EAAQ,SAAA,EAAW,GAAG,MAAA,EAAO;AAExE,EAAA,MAAM,MAAA,GAAU,CAAC,WAAA,EAAa,YAAA,EAAc,OAAO,CAAA,CAChD,GAAA,CAAI,CAAC,GAAA,MAAS;AAAA,IACb,GAAA;AAAA,IACA,KAAA,EAAO,MACJ,MAAA,CAAO,CAAC,OAAO,SAAA,CAAU,EAAE,CAAA,KAAM,GAAG,CAAA,CACpC,IAAA;AAAA,MACC,CAAC,CAAA,EAAG,CAAA,KAAA,CAAO,QAAA,CAAS,CAAC,CAAA,EAAG,KAAA,IAAS,EAAA,KAAO,QAAA,CAAS,CAAC,CAAA,EAAG,KAAA,IAAS,EAAA;AAAA;AAChE,GACJ,CAAE,EACD,MAAA,CAAO,CAAC,MAAM,CAAA,CAAE,KAAA,CAAM,SAAS,CAAC,CAAA;AAEnC,EAAA,IAAI,SAAA,GAAY,CAAA;AAEhB,EAAA,uBACEC,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,eAAA;AAAA,MACV,KAAA,EACE;AAAA,QACE,YAAA,EAAc,UAAA;AAAA,QACd,YAAY,WAAA,IAAe;AAAA,OAC7B;AAAA,MAEF,SAAA,EAAWC,oBAAA;AAAA,QACT,iGAAA;AAAA;AAAA,QAEA,2FAAA;AAAA,QACA,0MAAA;AAAA,QACA;AAAA,OACF;AAAA,MAGA,QAAA,EAAA;AAAA,wBAAAD,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,sFAAA,EACb,QAAA,EAAA;AAAA,0BAAAE,cAAA,CAAC,KAAA,EAAA,EAAI,WAAU,wDAAA,EACb,QAAA,kBAAAA,cAAA,CAAC,UAAK,SAAA,EAAU,yEAAA,EACb,wBACH,CAAA,EACF,CAAA;AAAA,0BACAF,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,4BAAA,EACZ,QAAA,EAAA;AAAA,YAAA,WAAA,CAAY,GAAA,CAAI,CAAC,CAAA,EAAG,CAAA,qBACnBE,cAAA;AAAA,cAAC,MAAA;AAAA,cAAA;AAAA,gBAEC,SAAA,EAAWD,oBAAA;AAAA,kBACT,mFAAA;AAAA,kBACA,IAAI,CAAA,IAAK;AAAA,iBACX;AAAA,gBAEC,QAAA,EAAA;AAAA,eAAA;AAAA,cANI;AAAA,aAQR,CAAA;AAAA,YACA,eAAe,IAAA,oBACdD,eAAA;AAAA,cAAC,MAAA;AAAA,cAAA;AAAA,gBACC,WAAA,EAAU,qBAAA;AAAA,gBACV,KAAA,EAAO,EAAE,gBAAA,EAAkB,CAAA,0BAAA,CAAA,EAA6B;AAAA,gBACxD,SAAA,EAAU,oNAAA;AAAA,gBAEV,QAAA,EAAA;AAAA,kCAAAE,cAAA,CAAC,GAAA,EAAA,EAAE,aAAA,EAAW,IAAA,EAAC,SAAA,EAAU,mCAAA,EAAoC,CAAA;AAAA,kBAC5D,IAAA,CAAK;AAAA;AAAA;AAAA;AACR,WAAA,EAEJ;AAAA,SAAA,EACF,CAAA;AAAA,wBAGAF,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,UAAA,EAEb,QAAA,EAAA;AAAA,0BAAAE,cAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,aAAA,EAAW,IAAA;AAAA,cACX,WAAA,EAAU,yBAAA;AAAA,cACV,SAAA,EAAU,kEAAA;AAAA,cACV,KAAA,EAAO;AAAA,gBACL,gBAAA,EAAkB,iBAAA;AAAA,gBAClB,eAAA,EACE,kIAAA;AAAA,gBACF,OAAA,EAAS;AAAA;AACX;AAAA,WACF;AAAA,UACC,eAAe,IAAA,oBACdA,cAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,aAAA,EAAW,IAAA;AAAA,cACX,WAAA,EAAU,wBAAA;AAAA,cACV,KAAA,EAAO;AAAA,gBACL,gBAAA,EACE;AAAA,eACJ;AAAA,cACA,SAAA,EAAWD,oBAAA;AAAA,gBACT,uGAAA;AAAA,gBACA,6HAAA;AAAA,gBACA;AAAA;AACF;AAAA,WACF;AAAA,UAGD,MAAA,CAAO,IAAI,CAAC,CAAA,EAAG,uBACdD,eAAA,CAAC,KAAA,EAAA,EAAgB,cAAA,EAAc,CAAA,CAAE,GAAA,EAC/B,QAAA,EAAA;AAAA,4BAAAE,cAAA;AAAA,cAAC,KAAA;AAAA,cAAA;AAAA,gBACC,SAAA,EAAWD,oBAAA;AAAA,kBACT,kHAAA;AAAA,kBACA,KAAK,CAAA,IAAK,wBAAA;AAAA,kBACV,UAAA,CAAW,EAAE,GAAG;AAAA,iBAClB;AAAA,gBAEC,QAAA,EAAA,UAAA,CAAW,EAAE,GAAG;AAAA;AAAA,aACnB;AAAA,YAEC,CAAA,CAAE,KAAA,CAAM,GAAA,CAAI,CAAC,EAAA,KAAO;AACnB,cAAA,MAAM,OAAA,GAAU,UAAU,EAAE,CAAA;AAC5B,cAAA,MAAM,CAAA,GAAI,SAAS,EAAE,CAAA;AACrB,cAAA,MAAM,SAAA,GAAY,OAAA,EAAS,EAAA,KAAO,EAAA,CAAG,EAAA;AACrC,cAAA,MAAM,CAAC,EAAA,EAAI,EAAE,CAAA,GACX,EAAA,CAAG,MAAA,IACH,WAAA,CAAY,EAAA,CAAG,IAAA,IAAQ,KAAA,CAAM,SAAA,EAAA,GAAc,KAAA,CAAM,MAAM,CAAC,CAAA;AAC1D,cAAA,MAAM,UACJ,OAAA,KAAY,WAAA,GAAc,YAAA,CAAa,EAAA,EAAI,UAAU,CAAA,GAAI,IAAA;AAC3D,cAAA,MAAM,MAAA,GAAS,EAAA,CAAG,MAAA,IAAU,OAAA,IAAW,WAAW,OAAO,CAAA;AACzD,cAAA,MAAM,KAAA,GAAQ,EAAA,CAAG,IAAA,GAAO,GAAA,GAAM,MAAA;AAE9B,cAAA,uBACED,eAAA;AAAA,gBAAC,KAAA;AAAA,gBAAA;AAAA,kBAEC,WAAA,EAAU,mBAAA;AAAA,kBACV,cAAA,EACE,SAAA,GAAa,OAAA,EAAS,IAAA,GAAO,QAAQ,MAAA,GAAU,MAAA;AAAA,kBAEjD,SAAA,EAAWC,oBAAA;AAAA,oBACT,oGAAA;AAAA,oBACA,mBAAA;AAAA,oBACA,SAAA,IAAa;AAAA,mBACf;AAAA,kBAEA,QAAA,EAAA;AAAA,oCAAAD,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,wDAAA,EACb,QAAA,EAAA;AAAA,sCAAAA,eAAA;AAAA,wBAAC,KAAA;AAAA,wBAAA;AAAA,0BACC,SAAA,EAAU,gHAAA;AAAA,0BACV,KAAA,EAAO,EAAE,KAAA,EAAO,EAAA,EAAG;AAAA,0BAElB,QAAA,EAAA;AAAA,4BAAA,EAAA,CAAG,IAAA;AAAA,4CACJE,cAAA,CAAC,UAAM,QAAA,EAAA,MAAA,EAAO,CAAA;AAAA,4BACb,SAAA,oBACCA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,2FAAA,EACb,mBAAS,IAAA,GAAO,IAAA,CAAK,GAAA,GAAM,IAAA,CAAK,MAAA,EACnC;AAAA;AAAA;AAAA,uBAEJ;AAAA,sCACAA,cAAA;AAAA,wBAAC,KAAA;AAAA,wBAAA;AAAA,0BACC,MAAM,EAAA,CAAG,IAAA;AAAA,0BACT,SAAA,EAAWD,oBAAA;AAAA,4BACT,+CAAA;AAAA,4BACA,GAAG,IAAA,IAAQ;AAAA,2BACb;AAAA,0BAEC,QAAA,EAAA,EAAA,CAAG;AAAA;AAAA,uBACN;AAAA,sBACC,GAAG,MAAA,oBACFC,cAAA,CAAC,OAAE,SAAA,EAAU,oDAAA,EACV,aAAG,MAAA,EACN;AAAA,qBAAA,EAEJ,CAAA;AAAA,oCAEAA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,4DAAA,EACb,QAAA,kBAAAA,cAAA;AAAA,sBAAC,MAAA;AAAA,sBAAA;AAAA,wBACC,WAAA,EAAU,mBAAA;AAAA,wBACV,cAAA,EAAc,OAAA;AAAA,wBACd,KAAA,EAAO;AAAA,0BACL,UAAA,EACE,OAAA,KAAY,WAAA,IAAe,CAAA,GACvB,CAAA,EAAG,CAAA,CAAE,KAAK,CAAA,GAAA,EAAM,CAAA,CAAE,GAAA,GAAM,CAAC,CAAA,CAAA,GACzB,QAAA;AAAA,0BACN,GAAI,YAAY,WAAA,GACZ;AAAA,4BACE,UAAA,EAAY,CAAA,uBAAA,EAA0B,EAAE,CAAA,EAAA,EAAK,EAAE,CAAA,CAAA;AAAA,2BACjD,GACA,YAAY,YAAA,GACV;AAAA,4BACE,UAAA,EAAY,CAAA,0CAAA,EAA6C,EAAE,CAAA,uCAAA,EAA0C,EAAE,CAAA,mBAAA,CAAA;AAAA,4BACvG,WAAA,EAAa,sBAAsB,EAAE,CAAA,kBAAA;AAAA,2BACvC,GACA;AAAA,4BACE,UAAA,EAAY,uDAAuD,EAAE,CAAA,+CAAA,CAAA;AAAA,4BACrE,WAAA,EAAa,sBAAsB,EAAE,CAAA,kBAAA;AAAA;AACvC,yBACR;AAAA,wBACA,SAAA,EAAWD,oBAAA;AAAA,0BACT,yFAAA;AAAA,0BACA,YAAY,WAAA,IAAe,WAAA;AAAA,0BAC3B,YAAY,YAAA,IAAgB,QAAA;AAAA,0BAC5B,YAAY,OAAA,IAAW;AAAA,yBACzB;AAAA,wBAEC,QAAA,EAAA,OAAA,oBACCC,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,2GACb,QAAA,EAAA,OAAA,EACH;AAAA;AAAA,qBAEJ,EACF;AAAA;AAAA,iBAAA;AAAA,gBA5EK,EAAA,CAAG;AAAA,eA6EV;AAAA,YAEJ,CAAC;AAAA,WAAA,EAAA,EAxGO,CAAA,CAAE,GAyGZ,CACD;AAAA,SAAA,EACH;AAAA;AAAA;AAAA,GACF;AAEJ","file":"chunk-4QYYWYFD.cjs","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '../../utils/cn';\n\n// =============================================================================\n// Types\n// =============================================================================\n\n/** How an item lives in the year. */\nexport type YearTimelineCadence = 'scheduled' | 'continuous' | 'event';\n\nexport type YearTimelineTone =\n  | 'primary'\n  | 'accent'\n  | 'success'\n  | 'warning'\n  | 'info'\n  | 'neutral';\n\nexport interface YearTimelineItem {\n  id: string;\n  /** Row title. */\n  label: string;\n  /** Supporting copy under the title. */\n  detail?: string;\n  /**\n   * Eyebrow above the title, e.g. \"Jan–Feb\" or \"Year-round\". Defaults to the\n   * formatted month window for scheduled items.\n   */\n  period?: string;\n  /** Months (1–12) the item occupies. Drives the bar span and the live marker. */\n  months?: number[];\n  /**\n   * `scheduled` bars span `months`; `continuous` and `event` run full-width in\n   * their own lanes. Defaults to `scheduled` when `months` is set, else\n   * `continuous`.\n   */\n  cadence?: YearTimelineCadence;\n  /** Bar colour family. Default cycles through the tones. */\n  tone?: YearTimelineTone;\n  /** Any two CSS colours for a custom bar gradient — overrides `tone`. */\n  colors?: [string, string];\n  /** Small icon before the eyebrow (Lucide, 13px). */\n  icon?: React.ReactNode;\n  /** Makes the row title a link. */\n  href?: string;\n}\n\nexport interface YearTimelineProps {\n  items: YearTimelineItem[];\n  /**\n   * Which month (1–12) or date the playhead marks. Default: the viewer's\n   * current month, resolved after mount. Pass `null` to hide the marker.\n   */\n  today?: Date | number | null;\n  /** Column heading over the row labels. Default \"Obligation\". */\n  labelHeading?: string;\n  /** Twelve month tick labels. Default single letters. */\n  monthLabels?: readonly string[];\n  /** Twelve short month names used in period fallbacks and bar captions. */\n  monthNames?: readonly string[];\n  /** Lane headings by cadence. */\n  groupLabels?: Partial<Record<YearTimelineCadence, string>>;\n  /** Copy for the live marker and row badges. */\n  labels?: { today?: string; now?: string; upNext?: string };\n  /** Highlight the item happening now (or coming up next). Default true. */\n  highlightCurrent?: boolean;\n  /** Width of the label column. Default `300px`. */\n  labelWidth?: string;\n  className?: string;\n}\n\n// =============================================================================\n// Helpers\n// =============================================================================\n\nexport const MONTH_LETTERS = [\n  'J',\n  'F',\n  'M',\n  'A',\n  'M',\n  'J',\n  'J',\n  'A',\n  'S',\n  'O',\n  'N',\n  'D',\n] as const;\nexport const MONTH_NAMES = [\n  'Jan',\n  'Feb',\n  'Mar',\n  'Apr',\n  'May',\n  'Jun',\n  'Jul',\n  'Aug',\n  'Sep',\n  'Oct',\n  'Nov',\n  'Dec',\n] as const;\n\nconst TONES: YearTimelineTone[] = [\n  'primary',\n  'accent',\n  'info',\n  'success',\n  'warning',\n  'neutral',\n];\n\nconst TONE_COLORS: Record<YearTimelineTone, [string, string]> = {\n  primary: ['var(--mieweb-primary-600)', 'var(--mieweb-primary-400)'],\n  accent: [\n    'var(--mieweb-accent, var(--mieweb-primary-500))',\n    'var(--mieweb-accent-light, var(--mieweb-primary-300))',\n  ],\n  success: [\n    'var(--mieweb-success)',\n    'color-mix(in srgb, var(--mieweb-success) 60%, #fff)',\n  ],\n  warning: [\n    'var(--mieweb-warning)',\n    'color-mix(in srgb, var(--mieweb-warning) 60%, #fff)',\n  ],\n  info: [\n    'var(--mieweb-info, var(--mieweb-primary-400))',\n    'color-mix(in srgb, var(--mieweb-info, var(--mieweb-primary-400)) 60%, #fff)',\n  ],\n  neutral: ['var(--mieweb-neutral-500)', 'var(--mieweb-neutral-400)'],\n};\n\nconst GROUP_TEXT: Record<YearTimelineCadence, string> = {\n  scheduled: 'text-primary-800 dark:text-primary-300',\n  continuous: 'text-success-800 dark:text-success',\n  event: 'text-muted-foreground',\n};\n\nfunction cadenceOf(item: YearTimelineItem): YearTimelineCadence {\n  return item.cadence ?? (item.months?.length ? 'scheduled' : 'continuous');\n}\n\nfunction windowOf(\n  item: YearTimelineItem\n): { start: number; end: number } | null {\n  if (!item.months?.length) return null;\n  return { start: Math.min(...item.months), end: Math.max(...item.months) };\n}\n\nfunction formatWindow(\n  item: YearTimelineItem,\n  names: readonly string[]\n): string | null {\n  const w = windowOf(item);\n  if (!w) return null;\n  return w.start === w.end\n    ? names[w.start - 1]\n    : `${names[w.start - 1]}–${names[w.end - 1]}`;\n}\n\n/** Item in `month`, else the next one coming up (wrapping the year). */\nexport function resolveCurrent(\n  items: YearTimelineItem[],\n  month: number\n): { id: string; live: boolean } | null {\n  const live = items.find((it) => it.months?.includes(month));\n  if (live) return { id: live.id, live: true };\n  let best: YearTimelineItem | null = null;\n  let bestDelta = 99;\n  for (const it of items) {\n    if (!it.months?.length) continue;\n    const delta = (Math.min(...it.months) - month + 12) % 12;\n    if (delta > 0 && delta < bestDelta) {\n      bestDelta = delta;\n      best = it;\n    }\n  }\n  return best ? { id: best.id, live: false } : null;\n}\n\nfunction toMonth(today: Date | number): number {\n  return typeof today === 'number' ? today : today.getMonth() + 1;\n}\n\n// =============================================================================\n// YearTimeline\n// =============================================================================\n\n/**\n * A year on one Gantt-style timeline: twelve month columns, rows grouped by\n * cadence (scheduled windows as gradient pill bars; continuous and\n * event-driven items in full-width lanes), month gridlines, and a live\n * playhead + \"Today\" pill marking the current month. The item happening now\n * (or up next) is highlighted. Ported from the Enterprise Health compliance\n * calendar; fits any recurring annual schedule — audits, filings, campaigns,\n * maintenance.\n *\n * Collapses to stacked rows without the month scale below `md`.\n */\nexport function YearTimeline({\n  items,\n  today,\n  labelHeading = 'Obligation',\n  monthLabels = MONTH_LETTERS,\n  monthNames = MONTH_NAMES,\n  groupLabels,\n  labels,\n  highlightCurrent = true,\n  labelWidth = '300px',\n  className,\n}: YearTimelineProps) {\n  // The viewer's clock is only known after mount (SSR-safe).\n  const [mountedMonth, setMountedMonth] = React.useState<number | null>(null);\n  React.useEffect(() => {\n    if (today === undefined) setMountedMonth(new Date().getMonth() + 1);\n  }, [today]);\n\n  const month =\n    today === null ? null : today === undefined ? mountedMonth : toMonth(today);\n  const current =\n    month != null && highlightCurrent ? resolveCurrent(items, month) : null;\n  const nowFraction = month != null ? (month - 0.5) / 12 : null;\n\n  const groupTitle: Record<YearTimelineCadence, string> = {\n    scheduled: groupLabels?.scheduled ?? 'On the calendar',\n    continuous: groupLabels?.continuous ?? 'Runs all year',\n    event: groupLabels?.event ?? 'As it happens',\n  };\n  const text = { today: 'Today', now: 'Now', upNext: 'Up next', ...labels };\n\n  const groups = (['scheduled', 'continuous', 'event'] as const)\n    .map((key) => ({\n      key,\n      items: items\n        .filter((it) => cadenceOf(it) === key)\n        .sort(\n          (a, b) => (windowOf(a)?.start ?? 13) - (windowOf(b)?.start ?? 13)\n        ),\n    }))\n    .filter((g) => g.items.length > 0);\n\n  let toneIndex = 0;\n\n  return (\n    <div\n      data-slot=\"year-timeline\"\n      style={\n        {\n          '--yt-label': labelWidth,\n          '--yt-now': nowFraction ?? undefined,\n        } as React.CSSProperties\n      }\n      className={cn(\n        'border-border bg-card text-card-foreground relative overflow-hidden rounded-xl border shadow-md',\n        // year ribbon\n        'before:absolute before:inset-x-0 before:top-0 before:z-[4] before:h-1 before:content-[\"\"]',\n        'before:[background:linear-gradient(90deg,var(--mieweb-accent,var(--mieweb-primary-400))_0%,var(--mieweb-primary-500)_50%,var(--mieweb-success)_80%,var(--mieweb-accent,var(--mieweb-primary-400))_100%)]',\n        className\n      )}\n    >\n      {/* Head: label heading + month scale */}\n      <div className=\"border-border bg-muted/50 hidden border-b md:grid md:grid-cols-[var(--yt-label)_1fr]\">\n        <div className=\"border-border flex items-end border-e px-5 pt-3 pb-2.5\">\n          <span className=\"text-muted-foreground text-[10px] font-bold tracking-[0.11em] uppercase\">\n            {labelHeading}\n          </span>\n        </div>\n        <div className=\"relative grid grid-cols-12\">\n          {monthLabels.map((m, i) => (\n            <span\n              key={i}\n              className={cn(\n                'text-muted-foreground pt-3 pb-2.5 text-center text-[11px] font-bold tracking-wide',\n                i > 0 && 'border-border/60 border-s'\n              )}\n            >\n              {m}\n            </span>\n          ))}\n          {nowFraction != null && (\n            <span\n              data-slot=\"year-timeline-today\"\n              style={{ insetInlineStart: `calc(var(--yt-now) * 100%)` }}\n              className=\"bg-primary-800 absolute top-1.5 z-[5] inline-flex -translate-x-1/2 items-center gap-1.5 rounded-full px-2 py-0.5 text-[9px] font-bold tracking-[0.09em] whitespace-nowrap text-white uppercase rtl:translate-x-1/2\"\n            >\n              <i aria-hidden className=\"h-1.5 w-1.5 rounded-full bg-white\" />\n              {text.today}\n            </span>\n          )}\n        </div>\n      </div>\n\n      {/* Body */}\n      <div className=\"relative\">\n        {/* month gridlines */}\n        <div\n          aria-hidden\n          data-slot=\"year-timeline-gridlines\"\n          className=\"pointer-events-none absolute inset-y-0 end-0 z-0 hidden md:block\"\n          style={{\n            insetInlineStart: 'var(--yt-label)',\n            backgroundImage:\n              'repeating-linear-gradient(90deg, var(--mieweb-border) 0, var(--mieweb-border) 1px, transparent 1px, transparent calc(100% / 12))',\n            opacity: 0.5,\n          }}\n        />\n        {nowFraction != null && (\n          <span\n            aria-hidden\n            data-slot=\"year-timeline-playhead\"\n            style={{\n              insetInlineStart:\n                'calc(var(--yt-label) + (100% - var(--yt-label)) * var(--yt-now))',\n            }}\n            className={cn(\n              'pointer-events-none absolute inset-y-0 z-[3] hidden w-0.5 -translate-x-px md:block rtl:translate-x-px',\n              '[background:linear-gradient(180deg,var(--mieweb-primary-700),color-mix(in_srgb,var(--mieweb-primary-700)_15%,transparent))]',\n              'before:bg-primary-700 before:absolute before:top-0 before:left-1/2 before:h-2.5 before:w-2.5 before:-translate-x-1/2 before:rounded-full before:content-[\"\"]'\n            )}\n          />\n        )}\n\n        {groups.map((g, gi) => (\n          <div key={g.key} data-cadence={g.key}>\n            <div\n              className={cn(\n                'bg-muted/30 relative z-[1] flex items-center gap-2 px-5 py-2.5 text-[10px] font-bold tracking-[0.12em] uppercase',\n                gi > 0 && 'border-border border-t',\n                GROUP_TEXT[g.key]\n              )}\n            >\n              {groupTitle[g.key]}\n            </div>\n\n            {g.items.map((it) => {\n              const cadence = cadenceOf(it);\n              const w = windowOf(it);\n              const isCurrent = current?.id === it.id;\n              const [c1, c2] =\n                it.colors ??\n                TONE_COLORS[it.tone ?? TONES[toneIndex++ % TONES.length]];\n              const caption =\n                cadence === 'scheduled' ? formatWindow(it, monthNames) : null;\n              const period = it.period ?? caption ?? groupTitle[cadence];\n              const Title = it.href ? 'a' : 'span';\n\n              return (\n                <div\n                  key={it.id}\n                  data-slot=\"year-timeline-row\"\n                  data-current={\n                    isCurrent ? (current?.live ? 'now' : 'next') : undefined\n                  }\n                  className={cn(\n                    'border-border/60 relative z-[1] grid border-t transition-colors md:grid-cols-[var(--yt-label)_1fr]',\n                    'hover:bg-muted/40',\n                    isCurrent && 'bg-primary-500/10 hover:bg-primary-500/10'\n                  )}\n                >\n                  <div className=\"md:border-border/60 px-5 pt-4 pb-2 md:border-e md:pb-4\">\n                    <div\n                      className=\"mb-1.5 flex items-center gap-1.5 text-[10px] font-bold tracking-[0.09em] uppercase [&_svg]:h-3.5 [&_svg]:w-3.5\"\n                      style={{ color: c1 }}\n                    >\n                      {it.icon}\n                      <span>{period}</span>\n                      {isCurrent && (\n                        <span className=\"bg-primary-800 ms-auto rounded-full px-1.5 py-0.5 text-[9px] tracking-[0.08em] text-white\">\n                          {current?.live ? text.now : text.upNext}\n                        </span>\n                      )}\n                    </div>\n                    <Title\n                      href={it.href}\n                      className={cn(\n                        'text-foreground block text-base font-semibold',\n                        it.href && 'hover:underline'\n                      )}\n                    >\n                      {it.label}\n                    </Title>\n                    {it.detail && (\n                      <p className=\"text-muted-foreground mt-1 text-sm leading-relaxed\">\n                        {it.detail}\n                      </p>\n                    )}\n                  </div>\n\n                  <div className=\"grid grid-cols-12 items-center px-5 pb-4 md:px-0 md:py-3.5\">\n                    <span\n                      data-slot=\"year-timeline-bar\"\n                      data-cadence={cadence}\n                      style={{\n                        gridColumn:\n                          cadence === 'scheduled' && w\n                            ? `${w.start} / ${w.end + 1}`\n                            : '1 / 13',\n                        ...(cadence === 'scheduled'\n                          ? {\n                              background: `linear-gradient(90deg, ${c1}, ${c2})`,\n                            }\n                          : cadence === 'continuous'\n                            ? {\n                                background: `linear-gradient(90deg, color-mix(in srgb, ${c1} 22%, transparent), color-mix(in srgb, ${c2} 22%, transparent))`,\n                                borderColor: `color-mix(in srgb, ${c1} 45%, transparent)`,\n                              }\n                            : {\n                                background: `repeating-linear-gradient(45deg, color-mix(in srgb, ${c1} 30%, transparent) 0 6px, transparent 6px 12px)`,\n                                borderColor: `color-mix(in srgb, ${c1} 60%, transparent)`,\n                              }),\n                      }}\n                      className={cn(\n                        'row-start-1 flex h-3.5 min-w-2.5 items-center justify-end rounded-full px-2 md:h-[22px]',\n                        cadence === 'scheduled' && 'shadow-sm',\n                        cadence === 'continuous' && 'border',\n                        cadence === 'event' && 'border border-dashed'\n                      )}\n                    >\n                      {caption && (\n                        <span className=\"hidden text-[10px] font-bold tracking-wide text-white [text-shadow:0_1px_1px_rgba(0,0,0,0.3)] md:inline\">\n                          {caption}\n                        </span>\n                      )}\n                    </span>\n                  </div>\n                </div>\n              );\n            })}\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/{chunk-76TBQDED.js → chunk-4RI3CQGE.js}

@@ -1,8 +1,8 @@
-import { ViewSwitcher } from './chunk-IT775BYG.js';
-import { ListView } from './chunk-DZ5HFLRC.js';
+import { ViewSwitcher } from './chunk-2W73UQ3T.js';
 import { GanttView } from './chunk-Y4QNLW7W.js';
-import { BoardView } from './chunk-XVW5DPPP.js';
-import { CalendarView } from './chunk-G4D6CLBT.js';
+import { ListView } from './chunk-UNFDIBKJ.js';
+import { CalendarView } from './chunk-RZSSQ7AT.js';
+import { BoardView } from './chunk-F7SZSOB3.js';
 import { cn } from './chunk-TQONQSJO.js';
 import * as React from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
@@ -162,5 +162,5 @@ function ViewSet({
 }
 
 export { ViewSet };
-//# sourceMappingURL=chunk-76TBQDED.js.map
-//# sourceMappingURL=chunk-76TBQDED.js.map
+//# sourceMappingURL=chunk-4RI3CQGE.js.map
+//# sourceMappingURL=chunk-4RI3CQGE.js.map

package/dist/{chunk-76TBQDED.js.map → chunk-4RI3CQGE.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/ViewSet/ViewSet.tsx"],"names":[],"mappings":"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","file":"chunk-76TBQDED.js","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '../../utils/cn';\nimport { ViewSwitcher, type ViewOption } from '../ViewSwitcher';\nimport { ListView, type ListViewProps } from '../ListView';\nimport { BoardView, type BoardLabels, type BoardViewProps } from '../BoardView';\nimport {\n  CalendarView,\n  type CalendarLabels,\n  type CalendarViewProps,\n} from '../CalendarView';\nimport { GanttView, type GanttLabels, type GanttViewProps } from '../GanttView';\nimport type { Stage, ViewBaseProps, ViewId } from '../../views/types';\n\n// =============================================================================\n// Types\n// =============================================================================\n\n/**\n * Every string any layout in the set can render.\n *\n * Each view extends `ViewLabels` with its own — the calendar's month arrows and\n * \"+n more\", the board's move announcements, the Gantt's undated footnote. They\n * are all shared props, so the per-view escape hatches below exclude `labels`;\n * without widening here a non-English host could translate the common strings\n * and nothing else, which would break the contract that every user-facing\n * string is overridable. A view ignores the keys it does not know.\n */\nexport type ViewSetLabels = Partial<CalendarLabels & BoardLabels & GanttLabels>;\n\n/**\n * Props `ViewSet` passes to every layout itself, beyond `ViewBaseProps`. Named\n * here so the per-view escape hatches below can exclude them by key rather than\n * by a hand-kept list that would drift the moment a shared prop is added.\n */\ntype ViewSetOwned = 'stages' | 'onMove' | 'timeZone' | 'locale';\n\ntype ViewOverrides<P, T> = Omit<\n  Partial<P>,\n  keyof ViewBaseProps<T> | ViewSetOwned\n>;\n\nexport interface ViewSetProps<T> extends ViewBaseProps<T> {\n  /** Every string any offered layout can render, not just the shared ones. */\n  labels?: ViewSetLabels;\n  /** Views to offer, in order. The first is the default when uncontrolled. */\n  views: readonly (ViewId | ViewOption)[];\n  view?: ViewId;\n  defaultView?: ViewId;\n  onViewChange?: (view: ViewId) => void;\n  /**\n   * Remembers the chosen view under this key. Ignored when `view` is\n   * controlled — a page with its own URL state should own it there instead.\n   */\n  storageKey?: string;\n  /** Stages for the board and for list grouping. */\n  stages?: readonly Stage[];\n  onMove?: BoardViewProps<T>['onMove'];\n  /**\n   * IANA zone the date views read day boundaries in. Shared, because a page\n   * showing one collection as a calendar and as a Gantt must place it on the\n   * same days in both.\n   */\n  timeZone?: string;\n  /** Locale for date formatting in the calendar and Gantt. */\n  locale?: string;\n\n  /** Rendered above the switcher row. */\n  toolbar?: React.ReactNode;\n  /** Rendered under the switcher row, above the view. */\n  filters?: React.ReactNode;\n  /** The `overview` view. Domain content — the library has no opinion on it. */\n  overview?: React.ReactNode;\n  /** The `table` view. A tabular collection is a grid, not a view component. */\n  table?: React.ReactNode;\n  /** Rendered beside the view, for a list-plus-detail layout. */\n  detail?: React.ReactNode;\n\n  /**\n   * Per-view escape hatches for props this shell does not surface. Shared props\n   * are excluded: one collection rendered several ways means switching view can\n   * never change the records, the selection or the load state.\n   *\n   * `ViewSetOwned` covers the props the shell passes itself but that are not on\n   * `ViewBaseProps`. They are spread after the shared ones, so leaving them open\n   * would let one layout carry different stages, a different mutation callback\n   * or a different time zone from its neighbours — the same collection quietly\n   * disagreeing with itself as you switch tabs.\n   */\n  listProps?: ViewOverrides<ListViewProps<T>, T>;\n  boardProps?: ViewOverrides<BoardViewProps<T>, T>;\n  calendarProps?: ViewOverrides<CalendarViewProps<T>, T>;\n  ganttProps?: ViewOverrides<GanttViewProps<T>, T>;\n\n  classNames?: Partial<\n    Record<'toolbar' | 'switcher' | 'body' | 'detail', string>\n  >;\n}\n\nconst FIRST_ID = (views: ViewSetProps<unknown>['views']) => {\n  const first = views[0];\n  return (typeof first === 'string' ? first : first?.id) ?? 'list';\n};\n\n// Remembering the view is an enhancement, never a requirement. `localStorage`\n// can exist and still throw — Safari private browsing and a blocked third-party\n// storage policy both raise on access — so optional chaining is not enough; an\n// unguarded read would take the whole page down to save a preference.\nconst readStored = (key: string): ViewId | null => {\n  try {\n    return (globalThis.localStorage?.getItem(key) as ViewId | null) ?? null;\n  } catch {\n    return null;\n  }\n};\n\nconst writeStored = (key: string, value: ViewId) => {\n  try {\n    globalThis.localStorage?.setItem(key, value);\n  } catch {\n    // Fall back to in-memory state for the session.\n  }\n};\n\n// =============================================================================\n// Component\n// =============================================================================\n\n/**\n * The page-level composition: switcher, the enabled views, and the slots a page\n * needs around them. It owns which view is showing and nothing else — items,\n * selection and every mutation stay with the caller.\n */\nexport function ViewSet<T>({\n  views,\n  view,\n  defaultView,\n  onViewChange,\n  storageKey,\n  stages,\n  onMove,\n  toolbar,\n  filters,\n  overview,\n  table,\n  detail,\n  listProps,\n  boardProps,\n  calendarProps,\n  ganttProps,\n  className,\n  classNames,\n  ...shared\n}: ViewSetProps<T>) {\n  const [internalView, setInternalView] = React.useState<ViewId>(\n    () => defaultView ?? FIRST_ID(views)\n  );\n\n  // `overview` and `table` are the caller's content. Offering either without\n  // its slot would put a dead option in the switcher that renders a blank page.\n  const offered = React.useMemo(\n    () =>\n      views.filter((v) => {\n        const id = typeof v === 'string' ? v : v.id;\n        if (id === 'overview') return overview != null;\n        if (id === 'table') return table != null;\n        return true;\n      }),\n    [views, overview, table]\n  );\n\n  // Read storage after mount: a server render and the first client render must\n  // agree, and localStorage is not available to the former.\n  React.useEffect(() => {\n    if (!storageKey || view) return;\n    const stored = readStored(storageKey);\n    if (\n      stored &&\n      offered.some((v) => (typeof v === 'string' ? v : v.id) === stored)\n    )\n      setInternalView(stored);\n  }, [storageKey, view, offered]);\n\n  const requested = view ?? internalView;\n  const active = offered.some(\n    (v) => (typeof v === 'string' ? v : v.id) === requested\n  )\n    ? requested\n    : FIRST_ID(offered);\n\n  const changeView = (next: ViewId) => {\n    if (!view) setInternalView(next);\n    if (storageKey && !view) writeStored(storageKey, next);\n    onViewChange?.(next);\n  };\n\n  const body = (() => {\n    switch (active) {\n      case 'overview':\n        return overview ?? null;\n      case 'table':\n        return table ?? null;\n      case 'board':\n        return (\n          <BoardView\n            {...shared}\n            stages={stages ?? []}\n            onMove={onMove}\n            {...boardProps}\n          />\n        );\n      case 'calendar':\n        return <CalendarView {...shared} {...calendarProps} />;\n      case 'gantt':\n        return <GanttView {...shared} {...ganttProps} />;\n      case 'roadmap':\n        // A roadmap is the Gantt at a coarse cadence; see Views.mdx. The two\n        // props that make it one come last: `ganttProps` is shared with the\n        // plain `gantt` case, so a `cadence: 'day'` meant for that view must\n        // not quietly turn the Roadmap option into a daily chart.\n        return (\n          <GanttView\n            {...shared}\n            {...ganttProps}\n            cadence=\"quarter\"\n            groupByLane\n          />\n        );\n      case 'list':\n      default:\n        return <ListView {...shared} stages={stages} {...listProps} />;\n    }\n  })();\n\n  return (\n    <div data-slot=\"view-set\" className={cn('flex flex-col gap-3', className)}>\n      <div\n        data-slot=\"view-set-toolbar\"\n        className={cn('flex flex-wrap items-center gap-2', classNames?.toolbar)}\n      >\n        {toolbar}\n        <div\n          data-slot=\"view-set-switcher\"\n          className={cn('ms-auto', classNames?.switcher)}\n        >\n          <ViewSwitcher\n            views={offered}\n            value={active}\n            onValueChange={changeView}\n            label={shared.labels?.viewSwitcher}\n          />\n        </div>\n      </div>\n      {filters}\n      <div\n        data-slot=\"view-set-body\"\n        className={cn(\n          // Plain column spans rather than an arbitrary grid template, so a\n          // Tailwind 3 consumer needs no extra safelist entry.\n          detail && 'gap-3 lg:grid lg:grid-cols-3',\n          classNames?.body\n        )}\n      >\n        <div className={cn('min-w-0', detail && 'lg:col-span-2')}>{body}</div>\n        {detail && (\n          <aside\n            data-slot=\"view-set-detail\"\n            className={cn('min-w-0', classNames?.detail)}\n          >\n            {detail}\n          </aside>\n        )}\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/ViewSet/ViewSet.tsx"],"names":[],"mappings":";;;;;;;;;AAoGA,IAAM,QAAA,GAAW,CAAC,KAAA,KAA0C;AAC1D,EAAA,MAAM,KAAA,GAAQ,MAAM,CAAC,CAAA;AACrB,EAAA,OAAA,CAAQ,OAAO,KAAA,KAAU,QAAA,GAAW,KAAA,GAAQ,OAAO,EAAA,KAAO,MAAA;AAC5D,CAAA;AAMA,IAAM,UAAA,GAAa,CAAC,GAAA,KAA+B;AACjD,EAAA,IAAI;AACF,IAAA,OAAQ,UAAA,CAAW,YAAA,EAAc,OAAA,CAAQ,GAAG,CAAA,IAAuB,IAAA;AAAA,EACrE,CAAA,CAAA,MAAQ;AACN,IAAA,OAAO,IAAA;AAAA,EACT;AACF,CAAA;AAEA,IAAM,WAAA,GAAc,CAAC,GAAA,EAAa,KAAA,KAAkB;AAClD,EAAA,IAAI;AACF,IAAA,UAAA,CAAW,YAAA,EAAc,OAAA,CAAQ,GAAA,EAAK,KAAK,CAAA;AAAA,EAC7C,CAAA,CAAA,MAAQ;AAAA,EAER;AACF,CAAA;AAWO,SAAS,OAAA,CAAW;AAAA,EACzB,KAAA;AAAA,EACA,IAAA;AAAA,EACA,WAAA;AAAA,EACA,YAAA;AAAA,EACA,UAAA;AAAA,EACA,MAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA,aAAA;AAAA,EACA,UAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAoB;AAClB,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAU,KAAA,CAAA,QAAA;AAAA,IAC5C,MAAM,WAAA,IAAe,QAAA,CAAS,KAAK;AAAA,GACrC;AAIA,EAAA,MAAM,OAAA,GAAgB,KAAA,CAAA,OAAA;AAAA,IACpB,MACE,KAAA,CAAM,MAAA,CAAO,CAAC,CAAA,KAAM;AAClB,MAAA,MAAM,EAAA,GAAK,OAAO,CAAA,KAAM,QAAA,GAAW,IAAI,CAAA,CAAE,EAAA;AACzC,MAAA,IAAI,EAAA,KAAO,UAAA,EAAY,OAAO,QAAA,IAAY,IAAA;AAC1C,MAAA,IAAI,EAAA,KAAO,OAAA,EAAS,OAAO,KAAA,IAAS,IAAA;AACpC,MAAA,OAAO,IAAA;AAAA,IACT,CAAC,CAAA;AAAA,IACH,CAAC,KAAA,EAAO,QAAA,EAAU,KAAK;AAAA,GACzB;AAIA,EAAM,gBAAU,MAAM;AACpB,IAAA,IAAI,CAAC,cAAc,IAAA,EAAM;AACzB,IAAA,MAAM,MAAA,GAAS,WAAW,UAAU,CAAA;AACpC,IAAA,IACE,MAAA,IACA,OAAA,CAAQ,IAAA,CAAK,CAAC,CAAA,KAAA,CAAO,OAAO,CAAA,KAAM,QAAA,GAAW,CAAA,GAAI,CAAA,CAAE,EAAA,MAAQ,MAAM,CAAA;AAEjE,MAAA,eAAA,CAAgB,MAAM,CAAA;AAAA,EAC1B,CAAA,EAAG,CAAC,UAAA,EAAY,IAAA,EAAM,OAAO,CAAC,CAAA;AAE9B,EAAA,MAAM,YAAY,IAAA,IAAQ,YAAA;AAC1B,EAAA,MAAM,SAAS,OAAA,CAAQ,IAAA;AAAA,IACrB,CAAC,CAAA,KAAA,CAAO,OAAO,MAAM,QAAA,GAAW,CAAA,GAAI,EAAE,EAAA,MAAQ;AAAA,GAChD,GACI,SAAA,GACA,QAAA,CAAS,OAAO,CAAA;AAEpB,EAAA,MAAM,UAAA,GAAa,CAAC,IAAA,KAAiB;AACnC,IAAA,IAAI,CAAC,IAAA,EAAM,eAAA,CAAgB,IAAI,CAAA;AAC/B,IAAA,IAAI,UAAA,IAAc,CAAC,IAAA,EAAM,WAAA,CAAY,YAAY,IAAI,CAAA;AACrD,IAAA,YAAA,GAAe,IAAI,CAAA;AAAA,EACrB,CAAA;AAEA,EAAA,MAAM,QAAQ,MAAM;AAClB,IAAA,QAAQ,MAAA;AAAQ,MACd,KAAK,UAAA;AACH,QAAA,OAAO,QAAA,IAAY,IAAA;AAAA,MACrB,KAAK,OAAA;AACH,QAAA,OAAO,KAAA,IAAS,IAAA;AAAA,MAClB,KAAK,OAAA;AACH,QAAA,uBACE,GAAA;AAAA,UAAC,SAAA;AAAA,UAAA;AAAA,YACE,GAAG,MAAA;AAAA,YACJ,MAAA,EAAQ,UAAU,EAAC;AAAA,YACnB,MAAA;AAAA,YACC,GAAG;AAAA;AAAA,SACN;AAAA,MAEJ,KAAK,UAAA;AACH,QAAA,uBAAO,GAAA,CAAC,YAAA,EAAA,EAAc,GAAG,MAAA,EAAS,GAAG,aAAA,EAAe,CAAA;AAAA,MACtD,KAAK,OAAA;AACH,QAAA,uBAAO,GAAA,CAAC,SAAA,EAAA,EAAW,GAAG,MAAA,EAAS,GAAG,UAAA,EAAY,CAAA;AAAA,MAChD,KAAK,SAAA;AAKH,QAAA,uBACE,GAAA;AAAA,UAAC,SAAA;AAAA,UAAA;AAAA,YACE,GAAG,MAAA;AAAA,YACH,GAAG,UAAA;AAAA,YACJ,OAAA,EAAQ,SAAA;AAAA,YACR,WAAA,EAAW;AAAA;AAAA,SACb;AAAA,MAEJ,KAAK,MAAA;AAAA,MACL;AACE,QAAA,2BAAQ,QAAA,EAAA,EAAU,GAAG,MAAA,EAAQ,MAAA,EAAiB,GAAG,SAAA,EAAW,CAAA;AAAA;AAChE,EACF,CAAA,GAAG;AAEH,EAAA,uBACE,IAAA,CAAC,SAAI,WAAA,EAAU,UAAA,EAAW,WAAW,EAAA,CAAG,qBAAA,EAAuB,SAAS,CAAA,EACtE,QAAA,EAAA;AAAA,oBAAA,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,WAAA,EAAU,kBAAA;AAAA,QACV,SAAA,EAAW,EAAA,CAAG,mCAAA,EAAqC,UAAA,EAAY,OAAO,CAAA;AAAA,QAErE,QAAA,EAAA;AAAA,UAAA,OAAA;AAAA,0BACD,GAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,WAAA,EAAU,mBAAA;AAAA,cACV,SAAA,EAAW,EAAA,CAAG,SAAA,EAAW,UAAA,EAAY,QAAQ,CAAA;AAAA,cAE7C,QAAA,kBAAA,GAAA;AAAA,gBAAC,YAAA;AAAA,gBAAA;AAAA,kBACC,KAAA,EAAO,OAAA;AAAA,kBACP,KAAA,EAAO,MAAA;AAAA,kBACP,aAAA,EAAe,UAAA;AAAA,kBACf,KAAA,EAAO,OAAO,MAAA,EAAQ;AAAA;AAAA;AACxB;AAAA;AACF;AAAA;AAAA,KACF;AAAA,IACC,OAAA;AAAA,oBACD,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,WAAA,EAAU,eAAA;AAAA,QACV,SAAA,EAAW,EAAA;AAAA;AAAA;AAAA,UAGT,MAAA,IAAU,8BAAA;AAAA,UACV,UAAA,EAAY;AAAA,SACd;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,SAAI,SAAA,EAAW,EAAA,CAAG,WAAW,MAAA,IAAU,eAAe,GAAI,QAAA,EAAA,IAAA,EAAK,CAAA;AAAA,UAC/D,MAAA,oBACC,GAAA;AAAA,YAAC,OAAA;AAAA,YAAA;AAAA,cACC,WAAA,EAAU,iBAAA;AAAA,cACV,SAAA,EAAW,EAAA,CAAG,SAAA,EAAW,UAAA,EAAY,MAAM,CAAA;AAAA,cAE1C,QAAA,EAAA;AAAA;AAAA;AACH;AAAA;AAAA;AAEJ,GAAA,EACF,CAAA;AAEJ","file":"chunk-4RI3CQGE.js","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '../../utils/cn';\nimport { ViewSwitcher, type ViewOption } from '../ViewSwitcher';\nimport { ListView, type ListViewProps } from '../ListView';\nimport { BoardView, type BoardLabels, type BoardViewProps } from '../BoardView';\nimport {\n  CalendarView,\n  type CalendarLabels,\n  type CalendarViewProps,\n} from '../CalendarView';\nimport { GanttView, type GanttLabels, type GanttViewProps } from '../GanttView';\nimport type { Stage, ViewBaseProps, ViewId } from '../../views/types';\n\n// =============================================================================\n// Types\n// =============================================================================\n\n/**\n * Every string any layout in the set can render.\n *\n * Each view extends `ViewLabels` with its own — the calendar's month arrows and\n * \"+n more\", the board's move announcements, the Gantt's undated footnote. They\n * are all shared props, so the per-view escape hatches below exclude `labels`;\n * without widening here a non-English host could translate the common strings\n * and nothing else, which would break the contract that every user-facing\n * string is overridable. A view ignores the keys it does not know.\n */\nexport type ViewSetLabels = Partial<CalendarLabels & BoardLabels & GanttLabels>;\n\n/**\n * Props `ViewSet` passes to every layout itself, beyond `ViewBaseProps`. Named\n * here so the per-view escape hatches below can exclude them by key rather than\n * by a hand-kept list that would drift the moment a shared prop is added.\n */\ntype ViewSetOwned = 'stages' | 'onMove' | 'timeZone' | 'locale';\n\ntype ViewOverrides<P, T> = Omit<\n  Partial<P>,\n  keyof ViewBaseProps<T> | ViewSetOwned\n>;\n\nexport interface ViewSetProps<T> extends ViewBaseProps<T> {\n  /** Every string any offered layout can render, not just the shared ones. */\n  labels?: ViewSetLabels;\n  /** Views to offer, in order. The first is the default when uncontrolled. */\n  views: readonly (ViewId | ViewOption)[];\n  view?: ViewId;\n  defaultView?: ViewId;\n  onViewChange?: (view: ViewId) => void;\n  /**\n   * Remembers the chosen view under this key. Ignored when `view` is\n   * controlled — a page with its own URL state should own it there instead.\n   */\n  storageKey?: string;\n  /** Stages for the board and for list grouping. */\n  stages?: readonly Stage[];\n  onMove?: BoardViewProps<T>['onMove'];\n  /**\n   * IANA zone the date views read day boundaries in. Shared, because a page\n   * showing one collection as a calendar and as a Gantt must place it on the\n   * same days in both.\n   */\n  timeZone?: string;\n  /** Locale for date formatting in the calendar and Gantt. */\n  locale?: string;\n\n  /** Rendered above the switcher row. */\n  toolbar?: React.ReactNode;\n  /** Rendered under the switcher row, above the view. */\n  filters?: React.ReactNode;\n  /** The `overview` view. Domain content — the library has no opinion on it. */\n  overview?: React.ReactNode;\n  /** The `table` view. A tabular collection is a grid, not a view component. */\n  table?: React.ReactNode;\n  /** Rendered beside the view, for a list-plus-detail layout. */\n  detail?: React.ReactNode;\n\n  /**\n   * Per-view escape hatches for props this shell does not surface. Shared props\n   * are excluded: one collection rendered several ways means switching view can\n   * never change the records, the selection or the load state.\n   *\n   * `ViewSetOwned` covers the props the shell passes itself but that are not on\n   * `ViewBaseProps`. They are spread after the shared ones, so leaving them open\n   * would let one layout carry different stages, a different mutation callback\n   * or a different time zone from its neighbours — the same collection quietly\n   * disagreeing with itself as you switch tabs.\n   */\n  listProps?: ViewOverrides<ListViewProps<T>, T>;\n  boardProps?: ViewOverrides<BoardViewProps<T>, T>;\n  calendarProps?: ViewOverrides<CalendarViewProps<T>, T>;\n  ganttProps?: ViewOverrides<GanttViewProps<T>, T>;\n\n  classNames?: Partial<\n    Record<'toolbar' | 'switcher' | 'body' | 'detail', string>\n  >;\n}\n\nconst FIRST_ID = (views: ViewSetProps<unknown>['views']) => {\n  const first = views[0];\n  return (typeof first === 'string' ? first : first?.id) ?? 'list';\n};\n\n// Remembering the view is an enhancement, never a requirement. `localStorage`\n// can exist and still throw — Safari private browsing and a blocked third-party\n// storage policy both raise on access — so optional chaining is not enough; an\n// unguarded read would take the whole page down to save a preference.\nconst readStored = (key: string): ViewId | null => {\n  try {\n    return (globalThis.localStorage?.getItem(key) as ViewId | null) ?? null;\n  } catch {\n    return null;\n  }\n};\n\nconst writeStored = (key: string, value: ViewId) => {\n  try {\n    globalThis.localStorage?.setItem(key, value);\n  } catch {\n    // Fall back to in-memory state for the session.\n  }\n};\n\n// =============================================================================\n// Component\n// =============================================================================\n\n/**\n * The page-level composition: switcher, the enabled views, and the slots a page\n * needs around them. It owns which view is showing and nothing else — items,\n * selection and every mutation stay with the caller.\n */\nexport function ViewSet<T>({\n  views,\n  view,\n  defaultView,\n  onViewChange,\n  storageKey,\n  stages,\n  onMove,\n  toolbar,\n  filters,\n  overview,\n  table,\n  detail,\n  listProps,\n  boardProps,\n  calendarProps,\n  ganttProps,\n  className,\n  classNames,\n  ...shared\n}: ViewSetProps<T>) {\n  const [internalView, setInternalView] = React.useState<ViewId>(\n    () => defaultView ?? FIRST_ID(views)\n  );\n\n  // `overview` and `table` are the caller's content. Offering either without\n  // its slot would put a dead option in the switcher that renders a blank page.\n  const offered = React.useMemo(\n    () =>\n      views.filter((v) => {\n        const id = typeof v === 'string' ? v : v.id;\n        if (id === 'overview') return overview != null;\n        if (id === 'table') return table != null;\n        return true;\n      }),\n    [views, overview, table]\n  );\n\n  // Read storage after mount: a server render and the first client render must\n  // agree, and localStorage is not available to the former.\n  React.useEffect(() => {\n    if (!storageKey || view) return;\n    const stored = readStored(storageKey);\n    if (\n      stored &&\n      offered.some((v) => (typeof v === 'string' ? v : v.id) === stored)\n    )\n      setInternalView(stored);\n  }, [storageKey, view, offered]);\n\n  const requested = view ?? internalView;\n  const active = offered.some(\n    (v) => (typeof v === 'string' ? v : v.id) === requested\n  )\n    ? requested\n    : FIRST_ID(offered);\n\n  const changeView = (next: ViewId) => {\n    if (!view) setInternalView(next);\n    if (storageKey && !view) writeStored(storageKey, next);\n    onViewChange?.(next);\n  };\n\n  const body = (() => {\n    switch (active) {\n      case 'overview':\n        return overview ?? null;\n      case 'table':\n        return table ?? null;\n      case 'board':\n        return (\n          <BoardView\n            {...shared}\n            stages={stages ?? []}\n            onMove={onMove}\n            {...boardProps}\n          />\n        );\n      case 'calendar':\n        return <CalendarView {...shared} {...calendarProps} />;\n      case 'gantt':\n        return <GanttView {...shared} {...ganttProps} />;\n      case 'roadmap':\n        // A roadmap is the Gantt at a coarse cadence; see Views.mdx. The two\n        // props that make it one come last: `ganttProps` is shared with the\n        // plain `gantt` case, so a `cadence: 'day'` meant for that view must\n        // not quietly turn the Roadmap option into a daily chart.\n        return (\n          <GanttView\n            {...shared}\n            {...ganttProps}\n            cadence=\"quarter\"\n            groupByLane\n          />\n        );\n      case 'list':\n      default:\n        return <ListView {...shared} stages={stages} {...listProps} />;\n    }\n  })();\n\n  return (\n    <div data-slot=\"view-set\" className={cn('flex flex-col gap-3', className)}>\n      <div\n        data-slot=\"view-set-toolbar\"\n        className={cn('flex flex-wrap items-center gap-2', classNames?.toolbar)}\n      >\n        {toolbar}\n        <div\n          data-slot=\"view-set-switcher\"\n          className={cn('ms-auto', classNames?.switcher)}\n        >\n          <ViewSwitcher\n            views={offered}\n            value={active}\n            onValueChange={changeView}\n            label={shared.labels?.viewSwitcher}\n          />\n        </div>\n      </div>\n      {filters}\n      <div\n        data-slot=\"view-set-body\"\n        className={cn(\n          // Plain column spans rather than an arbitrary grid template, so a\n          // Tailwind 3 consumer needs no extra safelist entry.\n          detail && 'gap-3 lg:grid lg:grid-cols-3',\n          classNames?.body\n        )}\n      >\n        <div className={cn('min-w-0', detail && 'lg:col-span-2')}>{body}</div>\n        {detail && (\n          <aside\n            data-slot=\"view-set-detail\"\n            className={cn('min-w-0', classNames?.detail)}\n          >\n            {detail}\n          </aside>\n        )}\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/chunk-4ZB7RSMY.cjs

@@ -0,0 +1,306 @@
+'use strict';
+
+var chunkZ5S5JEJD_cjs = require('./chunk-Z5S5JEJD.cjs');
+var chunkS5RVSXDV_cjs = require('./chunk-S5RVSXDV.cjs');
+var React = require('react');
+var classVarianceAuthority = require('class-variance-authority');
+var lucideReact = require('lucide-react');
+var luxon = require('luxon');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var defaultInlineEditLabels = {
+  edit: (label) => `Edit ${label}`,
+  save: "Save",
+  cancel: "Cancel",
+  saving: "Saving\u2026",
+  empty: "Click to add",
+  saveFailed: "Could not save. Try again."
+};
+var displayVariants = classVarianceAuthority.cva(
+  [
+    "group inline-flex w-full min-w-0 items-center gap-2 rounded-md text-start",
+    "text-foreground transition-colors motion-reduce:transition-none",
+    "hover:bg-muted focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none",
+    "disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-transparent"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "min-h-8 px-2 py-1 text-sm",
+        md: "min-h-10 px-3 py-2 text-base"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+);
+function defaultDisplay(value, type, options) {
+  if (type === "select") {
+    return options?.find((o) => o.value === value)?.label ?? value;
+  }
+  if (type === "date") {
+    const date = luxon.DateTime.fromISO(value);
+    return date.isValid ? date.toLocaleString(luxon.DateTime.DATE_MED) : value;
+  }
+  return value;
+}
+var InlineEdit = React__namespace.forwardRef(
+  function InlineEdit2({
+    value,
+    onSave,
+    label,
+    type = "text",
+    options,
+    placeholder,
+    validate,
+    formatDisplay,
+    readOnly,
+    disabled,
+    saveOnBlur = true,
+    size,
+    labels: labelOverrides,
+    className,
+    "aria-describedby": describedBy,
+    ...props
+  }, ref) {
+    const labels = { ...defaultInlineEditLabels, ...labelOverrides };
+    const [editing, setEditing] = React__namespace.useState(false);
+    const [draft, setDraft] = React__namespace.useState(value);
+    const [pendingValue, setPendingValue] = React__namespace.useState(null);
+    const [error, setError] = React__namespace.useState(null);
+    const containerRef = React__namespace.useRef(null);
+    const displayRef = React__namespace.useRef(null);
+    const fieldRef = React__namespace.useRef(null);
+    const refocusDisplay = React__namespace.useRef(false);
+    const errorId = React__namespace.useId();
+    const describedByIds = [describedBy, error && errorId].filter(Boolean).join(" ") || void 0;
+    React__namespace.useImperativeHandle(ref, () => containerRef.current);
+    React__namespace.useEffect(() => {
+      if (editing) fieldRef.current?.focus();
+      else if (refocusDisplay.current) {
+        refocusDisplay.current = false;
+        displayRef.current?.focus();
+      }
+    }, [editing]);
+    const startEditing = () => {
+      if (disabled || readOnly || pendingValue !== null) return;
+      setDraft(value);
+      setError(null);
+      setEditing(true);
+    };
+    const cancel = (restoreFocus) => {
+      refocusDisplay.current = restoreFocus;
+      setError(null);
+      setEditing(false);
+    };
+    const commit = async (restoreFocus) => {
+      const next = type === "select" ? draft : draft.trim();
+      if (next === value) return cancel(restoreFocus);
+      const invalid = validate?.(next);
+      if (invalid) {
+        setError(invalid);
+        return;
+      }
+      refocusDisplay.current = restoreFocus;
+      setError(null);
+      setEditing(false);
+      setPendingValue(next);
+      try {
+        await onSave(next);
+      } catch (e) {
+        setError(
+          e instanceof Error && e.message ? e.message : labels.saveFailed
+        );
+      } finally {
+        setPendingValue(null);
+      }
+    };
+    const handleKeyDown = (e) => {
+      if (e.key === "Escape") {
+        e.preventDefault();
+        cancel(true);
+      } else if (e.key === "Enter" && (type !== "textarea" || e.metaKey || e.ctrlKey)) {
+        e.preventDefault();
+        void commit(true);
+      }
+    };
+    const handleBlur = (e) => {
+      if (containerRef.current?.contains(e.relatedTarget)) {
+        return;
+      }
+      if (saveOnBlur) void commit(false);
+      else cancel(false);
+    };
+    const shown = pendingValue ?? value;
+    const isEmpty = shown.trim() === "";
+    const displayContent = isEmpty ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground italic", children: placeholder ?? labels.empty }) : formatDisplay?.(shown) ?? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "break-words whitespace-pre-wrap", children: defaultDisplay(shown, type, options) });
+    const errorNode = error && /* @__PURE__ */ jsxRuntime.jsx(
+      "p",
+      {
+        id: errorId,
+        role: "alert",
+        "data-slot": "inline-edit-error",
+        className: "text-destructive-700 dark:text-destructive-400 mt-1 text-sm",
+        children: error
+      }
+    );
+    if (readOnly) {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          ref: containerRef,
+          "data-slot": "inline-edit",
+          "data-state": "read-only",
+          "aria-describedby": describedBy,
+          className: chunkS5RVSXDV_cjs.cn(
+            displayVariants({ size }),
+            "hover:bg-transparent",
+            className
+          ),
+          ...props,
+          children: displayContent
+        }
+      );
+    }
+    if (!editing) {
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          ref: containerRef,
+          "data-slot": "inline-edit",
+          "data-state": "display",
+          className: chunkS5RVSXDV_cjs.cn("min-w-0", className),
+          ...props,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              "button",
+              {
+                ref: displayRef,
+                type: "button",
+                "data-slot": "inline-edit-display",
+                "aria-label": labels.edit(label),
+                "aria-describedby": describedByIds,
+                "aria-busy": pendingValue !== null || void 0,
+                disabled,
+                onClick: startEditing,
+                className: displayVariants({ size }),
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1", children: displayContent }),
+                  pendingValue !== null ? /* @__PURE__ */ jsxRuntime.jsxs("span", { role: "status", className: "inline-flex items-center", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      lucideReact.Loader2,
+                      {
+                        "aria-hidden": "true",
+                        className: "text-muted-foreground h-4 w-4 animate-spin motion-reduce:animate-none"
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: labels.saving })
+                  ] }) : /* @__PURE__ */ jsxRuntime.jsx(
+                    lucideReact.Pencil,
+                    {
+                      "aria-hidden": "true",
+                      className: "text-muted-foreground h-3.5 w-3.5 shrink-0 opacity-0 transition-opacity group-hover:opacity-100 group-focus-visible:opacity-100 motion-reduce:transition-none"
+                    }
+                  )
+                ]
+              }
+            ),
+            errorNode
+          ]
+        }
+      );
+    }
+    const fieldProps = {
+      ref: fieldRef,
+      "aria-label": label,
+      "aria-invalid": error ? true : void 0,
+      "aria-describedby": describedByIds,
+      "data-slot": "inline-edit-field",
+      value: draft,
+      onChange: (e) => setDraft(e.target.value),
+      onKeyDown: handleKeyDown,
+      onBlur: handleBlur,
+      className: chunkS5RVSXDV_cjs.cn(
+        chunkZ5S5JEJD_cjs.inputVariants({ size: size === "sm" ? "sm" : "md", hasError: !!error })
+      )
+    };
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref: containerRef,
+        "data-slot": "inline-edit",
+        "data-state": "editing",
+        className: chunkS5RVSXDV_cjs.cn("min-w-0", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-1", children: [
+            type === "textarea" ? /* @__PURE__ */ jsxRuntime.jsx(
+              "textarea",
+              {
+                ...fieldProps,
+                rows: 3,
+                placeholder,
+                className: chunkS5RVSXDV_cjs.cn(fieldProps.className, "h-auto min-h-20")
+              }
+            ) : type === "select" ? /* @__PURE__ */ jsxRuntime.jsxs("select", { ...fieldProps, children: [
+              !options?.some((o) => o.value === draft) && /* @__PURE__ */ jsxRuntime.jsx("option", { value: draft, children: placeholder ?? "" }),
+              options?.map((o) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: o.value, children: o.label }, o.value))
+            ] }) : /* @__PURE__ */ jsxRuntime.jsx("input", { ...fieldProps, type, placeholder }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                "aria-label": labels.save,
+                title: labels.save,
+                onMouseDown: (e) => e.preventDefault(),
+                onClick: () => void commit(true),
+                onBlur: handleBlur,
+                className: "text-success hover:bg-muted focus-visible:ring-ring mt-1 rounded p-1 focus-visible:ring-2 focus-visible:outline-none",
+                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { "aria-hidden": "true", className: "h-4 w-4" })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                "aria-label": labels.cancel,
+                title: labels.cancel,
+                onMouseDown: (e) => e.preventDefault(),
+                onClick: () => cancel(true),
+                onBlur: handleBlur,
+                className: "text-muted-foreground hover:bg-muted focus-visible:ring-ring mt-1 rounded p-1 focus-visible:ring-2 focus-visible:outline-none",
+                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { "aria-hidden": "true", className: "h-4 w-4" })
+              }
+            )
+          ] }),
+          errorNode
+        ]
+      }
+    );
+  }
+);
+InlineEdit.displayName = "InlineEdit";
+
+exports.InlineEdit = InlineEdit;
+exports.defaultInlineEditLabels = defaultInlineEditLabels;
+//# sourceMappingURL=chunk-4ZB7RSMY.cjs.map
+//# sourceMappingURL=chunk-4ZB7RSMY.cjs.map