@mieweb/ui 0.11.0-dev.30 → 0.11.0-dev.32

package/dist/{chunk-VOEXGDL5.js.map → chunk-33Y3KQWL.js.map}

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

package/dist/{chunk-GYXSF6BJ.cjs → chunk-3IKIRGHI.cjs}

@@ -2,8 +2,8 @@
 
 var chunkXPWFIDZM_cjs = require('./chunk-XPWFIDZM.cjs');
 var chunkVINZZQBD_cjs = require('./chunk-VINZZQBD.cjs');
-var chunkPYI2IWNX_cjs = require('./chunk-PYI2IWNX.cjs');
-var chunkGM32IDVL_cjs = require('./chunk-GM32IDVL.cjs');
+var chunkZOSM6D7F_cjs = require('./chunk-ZOSM6D7F.cjs');
+var chunk32ZILZ2T_cjs = require('./chunk-32ZILZ2T.cjs');
 var chunk2FZYZ4HT_cjs = require('./chunk-2FZYZ4HT.cjs');
 var chunkS5RVSXDV_cjs = require('./chunk-S5RVSXDV.cjs');
 var React = require('react');
@@ -111,7 +111,7 @@ function ViewSet({
           }
         );
       case "calendar":
-        return /* @__PURE__ */ jsxRuntime.jsx(chunkGM32IDVL_cjs.CalendarView, { ...shared, ...calendarProps });
+        return /* @__PURE__ */ jsxRuntime.jsx(chunk32ZILZ2T_cjs.CalendarView, { ...shared, ...calendarProps });
       case "gantt":
         return /* @__PURE__ */ jsxRuntime.jsx(chunkVINZZQBD_cjs.GanttView, { ...shared, ...ganttProps });
       case "roadmap":
@@ -126,7 +126,7 @@ function ViewSet({
         );
       case "list":
       default:
-        return /* @__PURE__ */ jsxRuntime.jsx(chunkPYI2IWNX_cjs.ListView, { ...shared, stages, ...listProps });
+        return /* @__PURE__ */ jsxRuntime.jsx(chunkZOSM6D7F_cjs.ListView, { ...shared, stages, ...listProps });
     }
   })();
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-slot": "view-set", className: chunkS5RVSXDV_cjs.cn("flex flex-col gap-3", className), children: [
@@ -184,5 +184,5 @@ function ViewSet({
 }
 
 exports.ViewSet = ViewSet;
-//# sourceMappingURL=chunk-GYXSF6BJ.cjs.map
-//# sourceMappingURL=chunk-GYXSF6BJ.cjs.map
+//# sourceMappingURL=chunk-3IKIRGHI.cjs.map
+//# sourceMappingURL=chunk-3IKIRGHI.cjs.map

package/dist/{chunk-GYXSF6BJ.cjs.map → chunk-3IKIRGHI.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/ViewSet/ViewSet.tsx"],"names":["React","jsx","BoardView","CalendarView","GanttView","ListView","jsxs","cn","ViewSwitcher"],"mappings":"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","file":"chunk-GYXSF6BJ.cjs","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":["React","jsx","BoardView","CalendarView","GanttView","ListView","jsxs","cn","ViewSwitcher"],"mappings":"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","file":"chunk-3IKIRGHI.cjs","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-5HKZR6UG.js → chunk-43L4KGLU.js}

@@ -1,8 +1,8 @@
 import { usePendingOverrides } from './chunk-FTEZNCRI.js';
-import { RecordState } from './chunk-Y424YL55.js';
+import { RecordState } from './chunk-OLA7OYAS.js';
 import { Avatar } from './chunk-TI3TQQ7F.js';
 import { Badge } from './chunk-522WJIVI.js';
-import { Button } from './chunk-WFBUBT54.js';
+import { Button } from './chunk-WX2XB6FP.js';
 import { cn } from './chunk-TQONQSJO.js';
 import * as React from 'react';
 import { LoaderCircle, X, Plus } from 'lucide-react';
@@ -244,5 +244,5 @@ var AssociationList = React.forwardRef(
 AssociationList.displayName = "AssociationList";
 
 export { AssociationList, defaultAssociationListLabels };
-//# sourceMappingURL=chunk-5HKZR6UG.js.map
-//# sourceMappingURL=chunk-5HKZR6UG.js.map
+//# sourceMappingURL=chunk-43L4KGLU.js.map
+//# sourceMappingURL=chunk-43L4KGLU.js.map

package/dist/{chunk-5HKZR6UG.js.map → chunk-43L4KGLU.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/AssociationList/AssociationList.tsx"],"names":[],"mappings":"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","file":"chunk-5HKZR6UG.js","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { LoaderCircle, Plus, X } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { Avatar } from '../Avatar';\nimport { Badge } from '../Badge';\nimport { Button } from '../Button';\nimport { RecordState } from '../ActivityFeed/RecordState';\nimport { usePendingOverrides } from '../ActivityFeed/usePendingOverrides';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface AssociationListItem {\n  id: string;\n  name: string;\n  subtitle?: string;\n  avatarUrl?: string;\n}\n\nexport interface AssociationListLabels {\n  loading: string;\n  empty: string;\n  error: string;\n  retry: string;\n  add: string;\n  /** Accessible name of an item's remove button. */\n  remove: (name: string) => string;\n  showAll: (count: number) => string;\n  showLess: string;\n}\n\nexport const defaultAssociationListLabels: AssociationListLabels = {\n  loading: 'Loading',\n  empty: 'None yet',\n  error: 'Could not load these records',\n  retry: 'Try again',\n  add: 'Add',\n  remove: (name) => `Remove ${name}`,\n  showAll: (count) => `Show all (${count})`,\n  showLess: 'Show less',\n};\n\nexport type AssociationListSlot =\n  | 'header'\n  | 'list'\n  | 'item'\n  | 'toggle'\n  | 'state';\n\nexport interface AssociationListProps extends Omit<\n  React.HTMLAttributes<HTMLElement>,\n  'children' | 'title'\n> {\n  /** Card heading, e.g. \"Contacts\". */\n  title: string;\n  items: AssociationListItem[];\n  loading?: boolean;\n  error?: Error | null;\n  onRetry?: () => void;\n  /** Items shown before \"Show all\". Defaults to 5. */\n  maxVisible?: number;\n  onOpen?: (id: string, item: AssociationListItem) => void;\n  getHref?: (id: string, item: AssociationListItem) => string;\n  /** Renders the header's add button. */\n  onAdd?: () => void;\n  /** Confirmation is the caller's; the row shows pending until the promise settles. */\n  onRemove?: (id: string, item: AssociationListItem) => void | Promise<void>;\n  /** Trailing content per row, e.g. a role badge. */\n  renderItemMeta?: (item: AssociationListItem) => React.ReactNode;\n  emptyState?: React.ReactNode;\n  labels?: Partial<AssociationListLabels>;\n  classNames?: Partial<Record<AssociationListSlot, string>>;\n  headingLevel?: 'h2' | 'h3' | 'h4';\n}\n\n// =============================================================================\n// Component\n// =============================================================================\n\n/**\n * A card of records related to the current one. Declared\n * `parameters.catalog.collection` — its load states are part of the API.\n */\nexport const AssociationList = React.forwardRef<\n  HTMLElement,\n  AssociationListProps\n>(\n  (\n    {\n      title,\n      items,\n      loading = false,\n      error = null,\n      onRetry,\n      maxVisible = 5,\n      onOpen,\n      getHref,\n      onAdd,\n      onRemove,\n      renderItemMeta,\n      emptyState,\n      labels,\n      classNames,\n      headingLevel: Heading = 'h3',\n      className,\n      ...rest\n    },\n    ref\n  ) => {\n    const text = { ...defaultAssociationListLabels, ...labels };\n    const headingId = React.useId();\n    const listId = React.useId();\n    const [expanded, setExpanded] = React.useState(false);\n    const [pending, runRemove] = usePendingOverrides<true>();\n\n    const shown = expanded ? items : items.slice(0, maxVisible);\n    const linkClasses =\n      'text-foreground block truncate rounded-sm text-sm font-medium hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring';\n\n    let body: React.ReactNode;\n    if (error) {\n      body = (\n        <RecordState\n          kind=\"error\"\n          slot=\"association-list-state\"\n          message={text.error}\n          retryLabel={text.retry}\n          onRetry={onRetry}\n          className={cn('py-6', classNames?.state)}\n        />\n      );\n    } else if (loading) {\n      body = (\n        <RecordState\n          kind=\"loading\"\n          slot=\"association-list-state\"\n          message={text.loading}\n          rows={2}\n          className={classNames?.state}\n        />\n      );\n    } else if (items.length === 0) {\n      body = emptyState ?? (\n        <RecordState\n          kind=\"empty\"\n          slot=\"association-list-state\"\n          message={text.empty}\n          className={cn('py-6', classNames?.state)}\n        />\n      );\n    } else {\n      body = (\n        <>\n          <ul\n            id={listId}\n            data-slot=\"association-list-list\"\n            className={cn('divide-border divide-y', classNames?.list)}\n          >\n            {shown.map((item) => {\n              const isPending = pending.has(item.id);\n              const href = getHref?.(item.id, item);\n              let name: React.ReactNode = (\n                <span className=\"text-foreground block truncate text-sm font-medium\">\n                  {item.name}\n                </span>\n              );\n              if (href) {\n                name = (\n                  <a\n                    href={href}\n                    className={linkClasses}\n                    onClick={(event) => {\n                      if (\n                        !onOpen ||\n                        event.metaKey ||\n                        event.ctrlKey ||\n                        event.shiftKey ||\n                        event.button !== 0\n                      )\n                        return;\n                      event.preventDefault();\n                      onOpen(item.id, item);\n                    }}\n                  >\n                    {item.name}\n                  </a>\n                );\n              } else if (onOpen) {\n                name = (\n                  <button\n                    type=\"button\"\n                    className={cn(linkClasses, 'max-w-full text-start')}\n                    onClick={() => onOpen(item.id, item)}\n                  >\n                    {item.name}\n                  </button>\n                );\n              }\n              return (\n                <li\n                  key={item.id}\n                  data-slot=\"association-list-item\"\n                  aria-busy={isPending || undefined}\n                  className={cn(\n                    'flex items-center gap-3 px-4 py-2.5',\n                    isPending && 'opacity-60',\n                    classNames?.item\n                  )}\n                >\n                  <Avatar\n                    size=\"sm\"\n                    name={item.name}\n                    src={item.avatarUrl}\n                    alt=\"\"\n                    aria-hidden\n                    className=\"shrink-0\"\n                  />\n                  <div className=\"min-w-0 flex-1\">\n                    {name}\n                    {item.subtitle && (\n                      <span className=\"text-muted-foreground block truncate text-xs\">\n                        {item.subtitle}\n                      </span>\n                    )}\n                  </div>\n                  {renderItemMeta?.(item)}\n                  {onRemove && (\n                    <button\n                      type=\"button\"\n                      aria-label={text.remove(item.name)}\n                      title={text.remove(item.name)}\n                      disabled={isPending}\n                      onClick={() =>\n                        void runRemove(item.id, true, () =>\n                          onRemove(item.id, item)\n                        )\n                      }\n                      className={cn(\n                        'text-muted-foreground hover:bg-muted hover:text-foreground shrink-0 rounded-md p-1.5',\n                        'focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none'\n                      )}\n                    >\n                      {isPending ? (\n                        <LoaderCircle\n                          className=\"size-4 animate-spin motion-reduce:animate-none\"\n                          aria-hidden\n                        />\n                      ) : (\n                        <X className=\"size-4\" aria-hidden />\n                      )}\n                    </button>\n                  )}\n                </li>\n              );\n            })}\n          </ul>\n          {items.length > maxVisible && (\n            <div className=\"border-border border-t px-2 py-1.5\">\n              <Button\n                variant=\"ghost\"\n                size=\"sm\"\n                fullWidth\n                aria-expanded={expanded}\n                aria-controls={listId}\n                data-slot=\"association-list-toggle\"\n                className={classNames?.toggle}\n                onClick={() => setExpanded((e) => !e)}\n              >\n                {expanded ? text.showLess : text.showAll(items.length)}\n              </Button>\n            </div>\n          )}\n        </>\n      );\n    }\n\n    return (\n      <section\n        ref={ref}\n        aria-labelledby={headingId}\n        data-slot=\"association-list\"\n        className={cn(\n          'border-border bg-card overflow-hidden rounded-lg border',\n          className\n        )}\n        {...rest}\n      >\n        <div\n          data-slot=\"association-list-header\"\n          className={cn(\n            'border-border flex items-center gap-2 border-b px-4 py-2.5',\n            classNames?.header\n          )}\n        >\n          <Heading\n            id={headingId}\n            className=\"text-foreground min-w-0 flex-1 truncate text-sm font-semibold\"\n          >\n            {title}\n          </Heading>\n          {!loading && !error && (\n            <Badge size=\"sm\" variant=\"secondary\">\n              {items.length}\n            </Badge>\n          )}\n          {onAdd && (\n            <Button\n              variant=\"ghost\"\n              size=\"sm\"\n              onClick={onAdd}\n              leftIcon={<Plus className=\"size-4\" aria-hidden />}\n            >\n              {text.add}\n            </Button>\n          )}\n        </div>\n        {body}\n      </section>\n    );\n  }\n);\n\nAssociationList.displayName = 'AssociationList';\n"]}
+{"version":3,"sources":["../src/components/AssociationList/AssociationList.tsx"],"names":[],"mappings":"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","file":"chunk-43L4KGLU.js","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { LoaderCircle, Plus, X } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { Avatar } from '../Avatar';\nimport { Badge } from '../Badge';\nimport { Button } from '../Button';\nimport { RecordState } from '../ActivityFeed/RecordState';\nimport { usePendingOverrides } from '../ActivityFeed/usePendingOverrides';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface AssociationListItem {\n  id: string;\n  name: string;\n  subtitle?: string;\n  avatarUrl?: string;\n}\n\nexport interface AssociationListLabels {\n  loading: string;\n  empty: string;\n  error: string;\n  retry: string;\n  add: string;\n  /** Accessible name of an item's remove button. */\n  remove: (name: string) => string;\n  showAll: (count: number) => string;\n  showLess: string;\n}\n\nexport const defaultAssociationListLabels: AssociationListLabels = {\n  loading: 'Loading',\n  empty: 'None yet',\n  error: 'Could not load these records',\n  retry: 'Try again',\n  add: 'Add',\n  remove: (name) => `Remove ${name}`,\n  showAll: (count) => `Show all (${count})`,\n  showLess: 'Show less',\n};\n\nexport type AssociationListSlot =\n  | 'header'\n  | 'list'\n  | 'item'\n  | 'toggle'\n  | 'state';\n\nexport interface AssociationListProps extends Omit<\n  React.HTMLAttributes<HTMLElement>,\n  'children' | 'title'\n> {\n  /** Card heading, e.g. \"Contacts\". */\n  title: string;\n  items: AssociationListItem[];\n  loading?: boolean;\n  error?: Error | null;\n  onRetry?: () => void;\n  /** Items shown before \"Show all\". Defaults to 5. */\n  maxVisible?: number;\n  onOpen?: (id: string, item: AssociationListItem) => void;\n  getHref?: (id: string, item: AssociationListItem) => string;\n  /** Renders the header's add button. */\n  onAdd?: () => void;\n  /** Confirmation is the caller's; the row shows pending until the promise settles. */\n  onRemove?: (id: string, item: AssociationListItem) => void | Promise<void>;\n  /** Trailing content per row, e.g. a role badge. */\n  renderItemMeta?: (item: AssociationListItem) => React.ReactNode;\n  emptyState?: React.ReactNode;\n  labels?: Partial<AssociationListLabels>;\n  classNames?: Partial<Record<AssociationListSlot, string>>;\n  headingLevel?: 'h2' | 'h3' | 'h4';\n}\n\n// =============================================================================\n// Component\n// =============================================================================\n\n/**\n * A card of records related to the current one. Declared\n * `parameters.catalog.collection` — its load states are part of the API.\n */\nexport const AssociationList = React.forwardRef<\n  HTMLElement,\n  AssociationListProps\n>(\n  (\n    {\n      title,\n      items,\n      loading = false,\n      error = null,\n      onRetry,\n      maxVisible = 5,\n      onOpen,\n      getHref,\n      onAdd,\n      onRemove,\n      renderItemMeta,\n      emptyState,\n      labels,\n      classNames,\n      headingLevel: Heading = 'h3',\n      className,\n      ...rest\n    },\n    ref\n  ) => {\n    const text = { ...defaultAssociationListLabels, ...labels };\n    const headingId = React.useId();\n    const listId = React.useId();\n    const [expanded, setExpanded] = React.useState(false);\n    const [pending, runRemove] = usePendingOverrides<true>();\n\n    const shown = expanded ? items : items.slice(0, maxVisible);\n    const linkClasses =\n      'text-foreground block truncate rounded-sm text-sm font-medium hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring';\n\n    let body: React.ReactNode;\n    if (error) {\n      body = (\n        <RecordState\n          kind=\"error\"\n          slot=\"association-list-state\"\n          message={text.error}\n          retryLabel={text.retry}\n          onRetry={onRetry}\n          className={cn('py-6', classNames?.state)}\n        />\n      );\n    } else if (loading) {\n      body = (\n        <RecordState\n          kind=\"loading\"\n          slot=\"association-list-state\"\n          message={text.loading}\n          rows={2}\n          className={classNames?.state}\n        />\n      );\n    } else if (items.length === 0) {\n      body = emptyState ?? (\n        <RecordState\n          kind=\"empty\"\n          slot=\"association-list-state\"\n          message={text.empty}\n          className={cn('py-6', classNames?.state)}\n        />\n      );\n    } else {\n      body = (\n        <>\n          <ul\n            id={listId}\n            data-slot=\"association-list-list\"\n            className={cn('divide-border divide-y', classNames?.list)}\n          >\n            {shown.map((item) => {\n              const isPending = pending.has(item.id);\n              const href = getHref?.(item.id, item);\n              let name: React.ReactNode = (\n                <span className=\"text-foreground block truncate text-sm font-medium\">\n                  {item.name}\n                </span>\n              );\n              if (href) {\n                name = (\n                  <a\n                    href={href}\n                    className={linkClasses}\n                    onClick={(event) => {\n                      if (\n                        !onOpen ||\n                        event.metaKey ||\n                        event.ctrlKey ||\n                        event.shiftKey ||\n                        event.button !== 0\n                      )\n                        return;\n                      event.preventDefault();\n                      onOpen(item.id, item);\n                    }}\n                  >\n                    {item.name}\n                  </a>\n                );\n              } else if (onOpen) {\n                name = (\n                  <button\n                    type=\"button\"\n                    className={cn(linkClasses, 'max-w-full text-start')}\n                    onClick={() => onOpen(item.id, item)}\n                  >\n                    {item.name}\n                  </button>\n                );\n              }\n              return (\n                <li\n                  key={item.id}\n                  data-slot=\"association-list-item\"\n                  aria-busy={isPending || undefined}\n                  className={cn(\n                    'flex items-center gap-3 px-4 py-2.5',\n                    isPending && 'opacity-60',\n                    classNames?.item\n                  )}\n                >\n                  <Avatar\n                    size=\"sm\"\n                    name={item.name}\n                    src={item.avatarUrl}\n                    alt=\"\"\n                    aria-hidden\n                    className=\"shrink-0\"\n                  />\n                  <div className=\"min-w-0 flex-1\">\n                    {name}\n                    {item.subtitle && (\n                      <span className=\"text-muted-foreground block truncate text-xs\">\n                        {item.subtitle}\n                      </span>\n                    )}\n                  </div>\n                  {renderItemMeta?.(item)}\n                  {onRemove && (\n                    <button\n                      type=\"button\"\n                      aria-label={text.remove(item.name)}\n                      title={text.remove(item.name)}\n                      disabled={isPending}\n                      onClick={() =>\n                        void runRemove(item.id, true, () =>\n                          onRemove(item.id, item)\n                        )\n                      }\n                      className={cn(\n                        'text-muted-foreground hover:bg-muted hover:text-foreground shrink-0 rounded-md p-1.5',\n                        'focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none'\n                      )}\n                    >\n                      {isPending ? (\n                        <LoaderCircle\n                          className=\"size-4 animate-spin motion-reduce:animate-none\"\n                          aria-hidden\n                        />\n                      ) : (\n                        <X className=\"size-4\" aria-hidden />\n                      )}\n                    </button>\n                  )}\n                </li>\n              );\n            })}\n          </ul>\n          {items.length > maxVisible && (\n            <div className=\"border-border border-t px-2 py-1.5\">\n              <Button\n                variant=\"ghost\"\n                size=\"sm\"\n                fullWidth\n                aria-expanded={expanded}\n                aria-controls={listId}\n                data-slot=\"association-list-toggle\"\n                className={classNames?.toggle}\n                onClick={() => setExpanded((e) => !e)}\n              >\n                {expanded ? text.showLess : text.showAll(items.length)}\n              </Button>\n            </div>\n          )}\n        </>\n      );\n    }\n\n    return (\n      <section\n        ref={ref}\n        aria-labelledby={headingId}\n        data-slot=\"association-list\"\n        className={cn(\n          'border-border bg-card overflow-hidden rounded-lg border',\n          className\n        )}\n        {...rest}\n      >\n        <div\n          data-slot=\"association-list-header\"\n          className={cn(\n            'border-border flex items-center gap-2 border-b px-4 py-2.5',\n            classNames?.header\n          )}\n        >\n          <Heading\n            id={headingId}\n            className=\"text-foreground min-w-0 flex-1 truncate text-sm font-semibold\"\n          >\n            {title}\n          </Heading>\n          {!loading && !error && (\n            <Badge size=\"sm\" variant=\"secondary\">\n              {items.length}\n            </Badge>\n          )}\n          {onAdd && (\n            <Button\n              variant=\"ghost\"\n              size=\"sm\"\n              onClick={onAdd}\n              leftIcon={<Plus className=\"size-4\" aria-hidden />}\n            >\n              {text.add}\n            </Button>\n          )}\n        </div>\n        {body}\n      </section>\n    );\n  }\n);\n\nAssociationList.displayName = 'AssociationList';\n"]}

package/dist/{chunk-6BNZLN4B.cjs → chunk-4I5V6SXP.cjs}

@@ -2,12 +2,12 @@
 
 var chunk47P5QLX4_cjs = require('./chunk-47P5QLX4.cjs');
 var chunkIWRBJHO3_cjs = require('./chunk-IWRBJHO3.cjs');
-var chunk7IRTD4JT_cjs = require('./chunk-7IRTD4JT.cjs');
+var chunkSGDNEIJM_cjs = require('./chunk-SGDNEIJM.cjs');
 var chunkGKDHMNUA_cjs = require('./chunk-GKDHMNUA.cjs');
 var chunk4NCDU5IG_cjs = require('./chunk-4NCDU5IG.cjs');
 var chunkCPDNX3LS_cjs = require('./chunk-CPDNX3LS.cjs');
 var chunkYW2AKBLS_cjs = require('./chunk-YW2AKBLS.cjs');
-var chunkANMX7YDL_cjs = require('./chunk-ANMX7YDL.cjs');
+var chunkFSARTLUE_cjs = require('./chunk-FSARTLUE.cjs');
 var chunkS5RVSXDV_cjs = require('./chunk-S5RVSXDV.cjs');
 var React = require('react');
 var luxon = require('luxon');
@@ -357,7 +357,7 @@ function ActivityFeedInner({
   let body;
   if (error) {
     body = /* @__PURE__ */ jsxRuntime.jsx(
-      chunk7IRTD4JT_cjs.RecordState,
+      chunkSGDNEIJM_cjs.RecordState,
       {
         kind: "error",
         slot: "activity-feed-state",
@@ -369,7 +369,7 @@ function ActivityFeedInner({
     );
   } else if (loading) {
     body = /* @__PURE__ */ jsxRuntime.jsx(
-      chunk7IRTD4JT_cjs.RecordState,
+      chunkSGDNEIJM_cjs.RecordState,
       {
         kind: "loading",
         slot: "activity-feed-state",
@@ -379,7 +379,7 @@ function ActivityFeedInner({
     );
   } else if (items.length === 0) {
     body = emptyState ?? /* @__PURE__ */ jsxRuntime.jsx(
-      chunk7IRTD4JT_cjs.RecordState,
+      chunkSGDNEIJM_cjs.RecordState,
       {
         kind: "empty",
         slot: "activity-feed-state",
@@ -389,13 +389,13 @@ function ActivityFeedInner({
     );
   } else if (visible.length === 0) {
     body = /* @__PURE__ */ jsxRuntime.jsx(
-      chunk7IRTD4JT_cjs.RecordState,
+      chunkSGDNEIJM_cjs.RecordState,
       {
         kind: "empty",
         slot: "activity-feed-state",
         message: text.noMatches,
         className: classNames?.state,
-        children: /* @__PURE__ */ jsxRuntime.jsx(chunkANMX7YDL_cjs.Button, { variant: "ghost", size: "sm", onClick: () => updateFilters([]), children: text.allCategories })
+        children: /* @__PURE__ */ jsxRuntime.jsx(chunkFSARTLUE_cjs.Button, { variant: "ghost", size: "sm", onClick: () => updateFilters([]), children: text.allCategories })
       }
     );
   } else {
@@ -429,7 +429,7 @@ function ActivityFeedInner({
           "data-slot": "activity-feed-load-more",
           className: chunkS5RVSXDV_cjs.cn("border-border border-t p-3", classNames?.loadMore),
           children: /* @__PURE__ */ jsxRuntime.jsx(
-            chunkANMX7YDL_cjs.Button,
+            chunkFSARTLUE_cjs.Button,
             {
               variant: "ghost",
               size: "sm",
@@ -544,5 +544,5 @@ ActivityFeed.displayName = "ActivityFeed";
 
 exports.ActivityFeed = ActivityFeed;
 exports.defaultActivityFeedLabels = defaultActivityFeedLabels;
-//# sourceMappingURL=chunk-6BNZLN4B.cjs.map
-//# sourceMappingURL=chunk-6BNZLN4B.cjs.map
+//# sourceMappingURL=chunk-4I5V6SXP.cjs.map
+//# sourceMappingURL=chunk-4I5V6SXP.cjs.map