@mieweb/ui 0.10.0-dev.33 → 0.10.0-dev.35

package/dist/{chunk-VPIYTQCV.cjs → chunk-2I4IRQQG.cjs}

@@ -42,7 +42,9 @@ var progressBarTrackVariants = classVarianceAuthority.cva(
   }
 );
 var progressBarFillVariants = classVarianceAuthority.cva(
-  ["h-full rounded-full transition-all duration-300 ease-out"],
+  [
+    "h-full rounded-full motion-safe:transition-all motion-safe:duration-300 motion-safe:ease-out"
+  ],
   {
     variants: {
       variant: {
@@ -76,6 +78,8 @@ function Progress({
   value,
   max = 100,
   label,
+  srLabel,
+  valueText,
   showValue = false,
   formatValue,
   size,
@@ -83,6 +87,7 @@ function Progress({
   animated,
   striped,
   className,
+  fillClassName,
   indeterminate = false
 }) {
   const percentage = Math.min(Math.max(value / max * 100, 0), 100);
@@ -123,8 +128,9 @@ function Progress({
         "aria-valuenow": indeterminate ? void 0 : value,
         "aria-valuemin": 0,
         "aria-valuemax": max,
+        "aria-valuetext": indeterminate ? void 0 : valueText,
         "aria-labelledby": label ? `${progressId}-label` : void 0,
-        "aria-label": !label ? "Progress" : void 0,
+        "aria-label": !label ? srLabel ?? "Progress" : void 0,
         className: chunkS5RVSXDV_cjs.cn(progressBarTrackVariants({ size })),
         children: /* @__PURE__ */ jsxRuntime.jsx(
           "div",
@@ -136,7 +142,8 @@ function Progress({
               !striped && variant === "default" && "bg-primary-800",
               !striped && variant === "success" && "bg-green-500",
               !striped && variant === "warning" && "bg-yellow-500",
-              !striped && variant === "danger" && "bg-red-500"
+              !striped && variant === "danger" && "bg-red-500",
+              fillClassName
             ),
             style: indeterminate ? void 0 : { width: `${percentage}%` }
           }
@@ -253,5 +260,5 @@ exports.Progress = Progress;
 exports.circularProgressVariants = circularProgressVariants;
 exports.progressBarFillVariants = progressBarFillVariants;
 exports.progressBarTrackVariants = progressBarTrackVariants;
-//# sourceMappingURL=chunk-VPIYTQCV.cjs.map
-//# sourceMappingURL=chunk-VPIYTQCV.cjs.map
+//# sourceMappingURL=chunk-2I4IRQQG.cjs.map
+//# sourceMappingURL=chunk-2I4IRQQG.cjs.map

package/dist/chunk-2I4IRQQG.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Progress/Progress.tsx"],"names":["cva","React","jsxs","cn","jsx"],"mappings":"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","file":"chunk-2I4IRQQG.cjs","sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\n// ============================================================================\n// Progress Bar Variants\n// ============================================================================\n\nconst progressBarTrackVariants = cva(\n  ['w-full overflow-hidden rounded-full bg-neutral-200 dark:bg-neutral-700'],\n  {\n    variants: {\n      size: {\n        sm: 'h-1',\n        md: 'h-2',\n        lg: 'h-3',\n        xl: 'h-4',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  }\n);\n\nconst progressBarFillVariants = cva(\n  [\n    'h-full rounded-full motion-safe:transition-all motion-safe:duration-300 motion-safe:ease-out',\n  ],\n  {\n    variants: {\n      variant: {\n        default: 'bg-primary-800',\n        success: 'bg-green-500',\n        warning: 'bg-yellow-500',\n        danger: 'bg-red-500',\n      },\n      animated: {\n        true: 'animate-pulse',\n        false: '',\n      },\n      striped: {\n        true: [\n          'bg-gradient-to-r',\n          'from-transparent via-white/20 to-transparent',\n          'bg-[length:1rem_100%]',\n          'animate-[progress-stripes_1s_linear_infinite]',\n        ],\n        false: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      animated: false,\n      striped: false,\n    },\n  }\n);\n\n// ============================================================================\n// Progress Bar Component\n// ============================================================================\n\nexport interface ProgressProps\n  extends\n    VariantProps<typeof progressBarTrackVariants>,\n    VariantProps<typeof progressBarFillVariants> {\n  /** Current progress value (0-100) */\n  value: number;\n  /** Maximum value (default: 100) */\n  max?: number;\n  /** Label for the progress bar */\n  label?: string;\n  /** Accessible name when no visible `label` is rendered. */\n  srLabel?: string;\n  /** Human-readable `aria-valuetext` announced instead of the raw value. */\n  valueText?: string;\n  /** Show the percentage value */\n  showValue?: boolean;\n  /** Format the displayed value */\n  formatValue?: (value: number, max: number) => string;\n  /** Additional class name */\n  className?: string;\n  /** Class for the fill, e.g. to tone its colour by value. */\n  fillClassName?: string;\n  /** Whether the progress is indeterminate */\n  indeterminate?: boolean;\n}\n\n/**\n * A progress bar component for showing completion status.\n *\n * @example\n * ```tsx\n * <Progress value={60} />\n * <Progress value={75} showValue label=\"Upload progress\" />\n * <Progress value={30} variant=\"success\" striped />\n * ```\n */\nfunction Progress({\n  value,\n  max = 100,\n  label,\n  srLabel,\n  valueText,\n  showValue = false,\n  formatValue,\n  size,\n  variant,\n  animated,\n  striped,\n  className,\n  fillClassName,\n  indeterminate = false,\n}: ProgressProps) {\n  const percentage = Math.min(Math.max((value / max) * 100, 0), 100);\n  const progressId = React.useId();\n\n  const displayValue = formatValue\n    ? formatValue(value, max)\n    : `${Math.round(percentage)}%`;\n\n  return (\n    <div data-slot=\"progress\" className={cn('w-full', className)}>\n      {(label || showValue) && (\n        <div\n          data-slot=\"progress-label-row\"\n          className=\"mb-1.5 flex items-center justify-between\"\n        >\n          {label && (\n            <label\n              data-slot=\"progress-label\"\n              id={`${progressId}-label`}\n              className=\"text-foreground text-sm font-medium\"\n            >\n              {label}\n            </label>\n          )}\n          {showValue && !indeterminate && (\n            <span\n              data-slot=\"progress-value\"\n              className=\"text-sm text-neutral-600 dark:text-neutral-400\"\n            >\n              {displayValue}\n            </span>\n          )}\n        </div>\n      )}\n      <div\n        data-slot=\"progress-track\"\n        role=\"progressbar\"\n        aria-valuenow={indeterminate ? undefined : value}\n        aria-valuemin={0}\n        aria-valuemax={max}\n        aria-valuetext={indeterminate ? undefined : valueText}\n        aria-labelledby={label ? `${progressId}-label` : undefined}\n        aria-label={!label ? (srLabel ?? 'Progress') : undefined}\n        className={cn(progressBarTrackVariants({ size }))}\n      >\n        <div\n          data-slot=\"progress-fill\"\n          className={cn(\n            progressBarFillVariants({ variant, animated, striped }),\n            indeterminate &&\n              'w-1/3 animate-[indeterminate_1.5s_ease-in-out_infinite]',\n            !striped && variant === 'default' && 'bg-primary-800',\n            !striped && variant === 'success' && 'bg-green-500',\n            !striped && variant === 'warning' && 'bg-yellow-500',\n            !striped && variant === 'danger' && 'bg-red-500',\n            fillClassName\n          )}\n          style={indeterminate ? undefined : { width: `${percentage}%` }}\n        />\n      </div>\n    </div>\n  );\n}\n\nProgress.displayName = 'Progress';\n\n// ============================================================================\n// Circular Progress Variants\n// ============================================================================\n\nconst circularProgressVariants = cva(['relative inline-flex'], {\n  variants: {\n    size: {\n      sm: 'h-8 w-8',\n      md: 'h-12 w-12',\n      lg: 'h-16 w-16',\n      xl: 'h-24 w-24',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\n// ============================================================================\n// Circular Progress Component\n// ============================================================================\n\nexport interface CircularProgressProps extends VariantProps<\n  typeof circularProgressVariants\n> {\n  /** Current progress value (0-100) */\n  value: number;\n  /** Maximum value (default: 100) */\n  max?: number;\n  /** Color variant */\n  variant?: 'default' | 'success' | 'warning' | 'danger';\n  /** Stroke width */\n  strokeWidth?: number;\n  /** Show the percentage value in the center */\n  showValue?: boolean;\n  /** Whether the progress is indeterminate */\n  indeterminate?: boolean;\n  /** Additional class name */\n  className?: string;\n}\n\n/**\n * A circular progress indicator component.\n *\n * @example\n * ```tsx\n * <CircularProgress value={75} showValue />\n * <CircularProgress value={50} variant=\"success\" size=\"lg\" />\n * ```\n */\nfunction CircularProgress({\n  value,\n  max = 100,\n  variant = 'default',\n  size,\n  strokeWidth = 4,\n  showValue = false,\n  indeterminate = false,\n  className,\n}: CircularProgressProps) {\n  const percentage = Math.min(Math.max((value / max) * 100, 0), 100);\n\n  // SVG calculations\n  const sizeMap = { sm: 32, md: 48, lg: 64, xl: 96 };\n  const svgSize = sizeMap[size || 'md'];\n  const radius = (svgSize - strokeWidth) / 2;\n  const circumference = 2 * Math.PI * radius;\n  const offset = circumference - (percentage / 100) * circumference;\n\n  const variantColors = {\n    default: 'stroke-primary-500',\n    success: 'stroke-green-500',\n    warning: 'stroke-yellow-500',\n    danger: 'stroke-red-500',\n  };\n\n  return (\n    <div\n      data-slot=\"circular-progress\"\n      role=\"progressbar\"\n      aria-valuenow={indeterminate ? undefined : value}\n      aria-valuemin={0}\n      aria-valuemax={max}\n      aria-label=\"Progress\"\n      className={cn(circularProgressVariants({ size }), className)}\n    >\n      <svg\n        aria-hidden=\"true\"\n        className={cn('-rotate-90 transform', indeterminate && 'animate-spin')}\n        width={svgSize}\n        height={svgSize}\n      >\n        {/* Background track */}\n        <circle\n          className=\"stroke-neutral-200 dark:stroke-neutral-700\"\n          fill=\"none\"\n          strokeWidth={strokeWidth}\n          cx={svgSize / 2}\n          cy={svgSize / 2}\n          r={radius}\n        />\n        {/* Progress fill */}\n        <circle\n          className={cn(\n            variantColors[variant],\n            'transition-all duration-300 ease-out'\n          )}\n          fill=\"none\"\n          strokeWidth={strokeWidth}\n          strokeLinecap=\"round\"\n          cx={svgSize / 2}\n          cy={svgSize / 2}\n          r={radius}\n          strokeDasharray={circumference}\n          strokeDashoffset={indeterminate ? circumference * 0.75 : offset}\n        />\n      </svg>\n      {showValue && !indeterminate && (\n        <span\n          data-slot=\"circular-progress-value\"\n          className=\"text-foreground absolute inset-0 flex items-center justify-center text-xs font-medium\"\n        >\n          {Math.round(percentage)}%\n        </span>\n      )}\n    </div>\n  );\n}\n\nCircularProgress.displayName = 'CircularProgress';\n\nexport {\n  Progress,\n  CircularProgress,\n  progressBarTrackVariants,\n  progressBarFillVariants,\n  circularProgressVariants,\n};\n"]}

package/dist/{chunk-FKGFOBC2.js → chunk-434L5RYF.js}

@@ -1,11 +1,11 @@
 import { withLocale } from './chunk-YGS2TRMP.js';
 import { usePendingOverrides } from './chunk-FTEZNCRI.js';
 import { RecordState } from './chunk-Y424YL55.js';
-import { Progress } from './chunk-CEQJGUAS.js';
+import { Progress } from './chunk-P4E3K3ND.js';
 import { Checkbox } from './chunk-753Z3NXL.js';
 import { Avatar } from './chunk-TI3TQQ7F.js';
 import { accentClasses, toDateTime } from './chunk-3YBS4WUQ.js';
-import { Badge } from './chunk-BMSG4NBH.js';
+import { Badge } from './chunk-522WJIVI.js';
 import { Button } from './chunk-WFBUBT54.js';
 import { cn } from './chunk-TQONQSJO.js';
 import * as React from 'react';
@@ -310,5 +310,5 @@ var ActionPlan = React.forwardRef(
 ActionPlan.displayName = "ActionPlan";
 
 export { ActionPlan, defaultActionPlanLabels };
-//# sourceMappingURL=chunk-FKGFOBC2.js.map
-//# sourceMappingURL=chunk-FKGFOBC2.js.map
+//# sourceMappingURL=chunk-434L5RYF.js.map
+//# sourceMappingURL=chunk-434L5RYF.js.map

package/dist/{chunk-FKGFOBC2.js.map → chunk-434L5RYF.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/ActionPlan/ActionPlan.tsx"],"names":[],"mappings":"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","file":"chunk-FKGFOBC2.js","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { DateTime } from 'luxon';\nimport { CalendarClock, Plus } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { Avatar } from '../Avatar';\nimport { Badge } from '../Badge';\nimport { Button } from '../Button';\nimport { Checkbox } from '../Checkbox';\nimport { Progress } from '../Progress';\nimport { accentClasses, toDateTime } from '../../views/types';\nimport { withLocale } from '../ActivityFeed/dayGroups';\nimport { RecordState } from '../ActivityFeed/RecordState';\nimport { usePendingOverrides } from '../ActivityFeed/usePendingOverrides';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport type ActionPlanStepStatus = 'todo' | 'in_progress' | 'done';\n\nexport interface ActionPlanOwner {\n  name: string;\n  avatarUrl?: string;\n}\n\nexport interface ActionPlanStep {\n  id: string;\n  title: string;\n  owner?: ActionPlanOwner;\n  /** ISO date or date-time. Date-only values are wall dates in `timeZone`. */\n  dueDate?: string;\n  status: ActionPlanStepStatus;\n  note?: string;\n}\n\nexport interface ActionPlanLabels {\n  title: string;\n  progress: (done: number, total: number) => string;\n  overdue: string;\n  todo: string;\n  inProgress: string;\n  done: string;\n  addStep: string;\n  loading: string;\n  empty: string;\n  error: string;\n  retry: string;\n}\n\nexport const defaultActionPlanLabels: ActionPlanLabels = {\n  title: 'Action plan',\n  progress: (done, total) => `${done} of ${total} complete`,\n  overdue: 'Overdue',\n  todo: 'To do',\n  inProgress: 'In progress',\n  done: 'Done',\n  addStep: 'Add step',\n  loading: 'Loading plan',\n  empty: 'No steps yet',\n  error: 'Could not load this plan',\n  retry: 'Try again',\n};\n\nexport type ActionPlanSlot =\n  | 'header'\n  | 'progress'\n  | 'group'\n  | 'step'\n  | 'overdueStep'\n  | 'state';\n\nexport type ActionPlanArrange = 'manual' | 'dueDate' | 'status';\n\nexport interface ActionPlanProps extends Omit<\n  React.HTMLAttributes<HTMLElement>,\n  'children' | 'title'\n> {\n  items: ActionPlanStep[];\n  /** Card heading. Defaults to `labels.title`. */\n  title?: string;\n  loading?: boolean;\n  error?: Error | null;\n  onRetry?: () => void;\n  /** `manual` keeps `items` order; `dueDate` sorts soonest first; `status` groups by status. */\n  arrange?: ActionPlanArrange;\n  /** Reference for overdue checks. Defaults to the current time. */\n  now?: Date;\n  locale?: string;\n  /** IANA zone for due dates. Defaults to local. */\n  timeZone?: string;\n  /** The checkbox shows the new status at once and restores it on rejection. */\n  onStatusChange?: (\n    id: string,\n    status: ActionPlanStepStatus\n  ) => void | Promise<void>;\n  onAdd?: () => void;\n  onOpen?: (id: string, step: ActionPlanStep) => void;\n  getHref?: (id: string, step: ActionPlanStep) => string;\n  /** Extra content on a step's meta line. */\n  renderStepMeta?: (step: ActionPlanStep) => React.ReactNode;\n  emptyState?: React.ReactNode;\n  labels?: Partial<ActionPlanLabels>;\n  classNames?: Partial<Record<ActionPlanSlot, string>>;\n  headingLevel?: 'h2' | 'h3' | 'h4';\n}\n\nconst STATUS_ORDER: ActionPlanStepStatus[] = ['in_progress', 'todo', 'done'];\nconst SUB_HEADING = { h2: 'h3', h3: 'h4', h4: 'h5' } as const;\n\n// =============================================================================\n// Component\n// =============================================================================\n\n/**\n * A shared checklist with progress and due dates. Declared\n * `parameters.catalog.collection` — its load states are part of the API.\n */\nexport const ActionPlan = React.forwardRef<HTMLElement, ActionPlanProps>(\n  (\n    {\n      items,\n      title,\n      loading = false,\n      error = null,\n      onRetry,\n      arrange = 'manual',\n      now,\n      locale,\n      timeZone = 'local',\n      onStatusChange,\n      onAdd,\n      onOpen,\n      getHref,\n      renderStepMeta,\n      emptyState,\n      labels,\n      classNames,\n      headingLevel: Heading = 'h3',\n      className,\n      ...rest\n    },\n    ref\n  ) => {\n    const text = { ...defaultActionPlanLabels, ...labels };\n    const baseId = React.useId();\n    const [overrides, runStatus] = usePendingOverrides<ActionPlanStepStatus>();\n    const today = (now ? DateTime.fromJSDate(now) : DateTime.now())\n      .setZone(timeZone)\n      .startOf('day');\n\n    const statusOf = (step: ActionPlanStep) =>\n      overrides.get(step.id) ?? step.status;\n    const statusLabel: Record<ActionPlanStepStatus, string> = {\n      todo: text.todo,\n      in_progress: text.inProgress,\n      done: text.done,\n    };\n    const done = items.filter((s) => statusOf(s) === 'done').length;\n\n    const dueOf = (step: ActionPlanStep) => toDateTime(step.dueDate, timeZone);\n\n    const renderStep = (step: ActionPlanStep) => {\n      const status = statusOf(step);\n      const pending = overrides.has(step.id);\n      const due = dueOf(step);\n      const overdue =\n        status !== 'done' && due !== null && due.startOf('day') < today;\n      // Position, not the caller's id: ids with spaces would break aria-labelledby.\n      const titleId = `${baseId}-step-${items.indexOf(step)}`;\n      const href = getHref?.(step.id, step);\n      const titleClasses = cn(\n        'text-sm font-medium',\n        status === 'done'\n          ? 'text-muted-foreground line-through'\n          : 'text-foreground'\n      );\n      const focusRing =\n        'rounded-sm hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring';\n\n      let titleNode: React.ReactNode = (\n        <span id={titleId} className={titleClasses}>\n          {step.title}\n        </span>\n      );\n      if (href) {\n        titleNode = (\n          <a\n            id={titleId}\n            href={href}\n            className={cn(titleClasses, focusRing)}\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(step.id, step);\n            }}\n          >\n            {step.title}\n          </a>\n        );\n      } else if (onOpen) {\n        titleNode = (\n          <button\n            id={titleId}\n            type=\"button\"\n            className={cn(titleClasses, focusRing, 'text-start')}\n            onClick={() => onOpen(step.id, step)}\n          >\n            {step.title}\n          </button>\n        );\n      }\n\n      return (\n        <li\n          key={step.id}\n          data-slot=\"action-plan-step\"\n          data-overdue={overdue || undefined}\n          aria-busy={pending || undefined}\n          className={cn(\n            'flex items-start gap-3 px-4 py-3',\n            overdue && accentClasses.destructive.tint,\n            classNames?.step,\n            overdue && classNames?.overdueStep\n          )}\n        >\n          <Checkbox\n            size=\"sm\"\n            className=\"mt-0.5\"\n            checked={status === 'done'}\n            disabled={!onStatusChange || pending}\n            aria-labelledby={titleId}\n            onChange={(event) => {\n              if (!onStatusChange) return;\n              const next = event.currentTarget.checked ? 'done' : 'todo';\n              void runStatus(step.id, next, () =>\n                onStatusChange(step.id, next)\n              );\n            }}\n          />\n          <div className=\"min-w-0 flex-1\">\n            <div className=\"flex flex-wrap items-center gap-2\">\n              {titleNode}\n              {status === 'in_progress' && (\n                <Badge size=\"sm\" variant=\"secondary\">\n                  {text.inProgress}\n                </Badge>\n              )}\n              {overdue && (\n                <Badge size=\"sm\" variant=\"danger\">\n                  {text.overdue}\n                </Badge>\n              )}\n            </div>\n            {(step.owner || due) && (\n              <div className=\"text-muted-foreground mt-1 flex flex-wrap items-center gap-x-3 gap-y-1 text-xs\">\n                {step.owner && (\n                  <span className=\"inline-flex items-center gap-1.5\">\n                    <Avatar\n                      size=\"xs\"\n                      name={step.owner.name}\n                      src={step.owner.avatarUrl}\n                      alt=\"\"\n                      aria-hidden\n                    />\n                    {step.owner.name}\n                  </span>\n                )}\n                {due && (\n                  <span className=\"inline-flex items-center gap-1\">\n                    <CalendarClock className=\"size-3.5\" aria-hidden />\n                    <time dateTime={step.dueDate}>\n                      {withLocale(due, locale).toLocaleString(\n                        DateTime.DATE_MED\n                      )}\n                    </time>\n                  </span>\n                )}\n                {renderStepMeta?.(step)}\n              </div>\n            )}\n            {step.note && (\n              <p className=\"text-muted-foreground mt-1 text-sm\">{step.note}</p>\n            )}\n          </div>\n        </li>\n      );\n    };\n\n    let body: React.ReactNode;\n    if (error) {\n      body = (\n        <RecordState\n          kind=\"error\"\n          slot=\"action-plan-state\"\n          message={text.error}\n          retryLabel={text.retry}\n          onRetry={onRetry}\n          className={classNames?.state}\n        />\n      );\n    } else if (loading) {\n      body = (\n        <RecordState\n          kind=\"loading\"\n          slot=\"action-plan-state\"\n          message={text.loading}\n          className={classNames?.state}\n        />\n      );\n    } else if (items.length === 0) {\n      body = emptyState ?? (\n        <RecordState\n          kind=\"empty\"\n          slot=\"action-plan-state\"\n          message={text.empty}\n          className={classNames?.state}\n        />\n      );\n    } else if (arrange === 'status') {\n      const SubHeading = SUB_HEADING[Heading];\n      body = STATUS_ORDER.map((status) => {\n        const group = items.filter((s) => statusOf(s) === status);\n        if (group.length === 0) return null;\n        const groupId = `${baseId}-group-${status}`;\n        return (\n          <section\n            key={status}\n            aria-labelledby={groupId}\n            data-slot=\"action-plan-group\"\n            className={classNames?.group}\n          >\n            <SubHeading\n              id={groupId}\n              className=\"border-border bg-muted text-muted-foreground flex items-center justify-between border-y px-4 py-1.5 text-xs font-semibold tracking-wide uppercase\"\n            >\n              {statusLabel[status]}\n              <span className=\"font-normal tabular-nums\">{group.length}</span>\n            </SubHeading>\n            <ul className=\"divide-border divide-y\">{group.map(renderStep)}</ul>\n          </section>\n        );\n      });\n    } else {\n      const ordered =\n        arrange === 'dueDate'\n          ? [...items].sort(\n              (a, b) =>\n                (dueOf(a)?.toMillis() ?? Infinity) -\n                  (dueOf(b)?.toMillis() ?? Infinity) || 0\n            )\n          : items;\n      body = (\n        <ul className=\"divide-border divide-y\">{ordered.map(renderStep)}</ul>\n      );\n    }\n\n    const headingId = `${baseId}-title`;\n    return (\n      <section\n        ref={ref}\n        aria-labelledby={headingId}\n        data-slot=\"action-plan\"\n        className={cn(\n          'border-border bg-card overflow-hidden rounded-lg border',\n          className\n        )}\n        {...rest}\n      >\n        <div\n          data-slot=\"action-plan-header\"\n          className={cn(\n            'border-border space-y-3 border-b px-4 py-3',\n            classNames?.header\n          )}\n        >\n          <div className=\"flex items-center gap-2\">\n            <Heading\n              id={headingId}\n              className=\"text-foreground min-w-0 flex-1 truncate text-sm font-semibold\"\n            >\n              {title ?? text.title}\n            </Heading>\n            {onAdd && (\n              <Button\n                variant=\"ghost\"\n                size=\"sm\"\n                onClick={onAdd}\n                leftIcon={<Plus className=\"size-4\" aria-hidden />}\n              >\n                {text.addStep}\n              </Button>\n            )}\n          </div>\n          {!loading && !error && items.length > 0 && (\n            <div\n              data-slot=\"action-plan-progress\"\n              className={classNames?.progress}\n            >\n              <Progress\n                size=\"sm\"\n                value={done}\n                max={items.length}\n                label={text.progress(done, items.length)}\n              />\n            </div>\n          )}\n        </div>\n        {body}\n      </section>\n    );\n  }\n);\n\nActionPlan.displayName = 'ActionPlan';\n"]}
+{"version":3,"sources":["../src/components/ActionPlan/ActionPlan.tsx"],"names":[],"mappings":"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","file":"chunk-434L5RYF.js","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { DateTime } from 'luxon';\nimport { CalendarClock, Plus } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { Avatar } from '../Avatar';\nimport { Badge } from '../Badge';\nimport { Button } from '../Button';\nimport { Checkbox } from '../Checkbox';\nimport { Progress } from '../Progress';\nimport { accentClasses, toDateTime } from '../../views/types';\nimport { withLocale } from '../ActivityFeed/dayGroups';\nimport { RecordState } from '../ActivityFeed/RecordState';\nimport { usePendingOverrides } from '../ActivityFeed/usePendingOverrides';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport type ActionPlanStepStatus = 'todo' | 'in_progress' | 'done';\n\nexport interface ActionPlanOwner {\n  name: string;\n  avatarUrl?: string;\n}\n\nexport interface ActionPlanStep {\n  id: string;\n  title: string;\n  owner?: ActionPlanOwner;\n  /** ISO date or date-time. Date-only values are wall dates in `timeZone`. */\n  dueDate?: string;\n  status: ActionPlanStepStatus;\n  note?: string;\n}\n\nexport interface ActionPlanLabels {\n  title: string;\n  progress: (done: number, total: number) => string;\n  overdue: string;\n  todo: string;\n  inProgress: string;\n  done: string;\n  addStep: string;\n  loading: string;\n  empty: string;\n  error: string;\n  retry: string;\n}\n\nexport const defaultActionPlanLabels: ActionPlanLabels = {\n  title: 'Action plan',\n  progress: (done, total) => `${done} of ${total} complete`,\n  overdue: 'Overdue',\n  todo: 'To do',\n  inProgress: 'In progress',\n  done: 'Done',\n  addStep: 'Add step',\n  loading: 'Loading plan',\n  empty: 'No steps yet',\n  error: 'Could not load this plan',\n  retry: 'Try again',\n};\n\nexport type ActionPlanSlot =\n  | 'header'\n  | 'progress'\n  | 'group'\n  | 'step'\n  | 'overdueStep'\n  | 'state';\n\nexport type ActionPlanArrange = 'manual' | 'dueDate' | 'status';\n\nexport interface ActionPlanProps extends Omit<\n  React.HTMLAttributes<HTMLElement>,\n  'children' | 'title'\n> {\n  items: ActionPlanStep[];\n  /** Card heading. Defaults to `labels.title`. */\n  title?: string;\n  loading?: boolean;\n  error?: Error | null;\n  onRetry?: () => void;\n  /** `manual` keeps `items` order; `dueDate` sorts soonest first; `status` groups by status. */\n  arrange?: ActionPlanArrange;\n  /** Reference for overdue checks. Defaults to the current time. */\n  now?: Date;\n  locale?: string;\n  /** IANA zone for due dates. Defaults to local. */\n  timeZone?: string;\n  /** The checkbox shows the new status at once and restores it on rejection. */\n  onStatusChange?: (\n    id: string,\n    status: ActionPlanStepStatus\n  ) => void | Promise<void>;\n  onAdd?: () => void;\n  onOpen?: (id: string, step: ActionPlanStep) => void;\n  getHref?: (id: string, step: ActionPlanStep) => string;\n  /** Extra content on a step's meta line. */\n  renderStepMeta?: (step: ActionPlanStep) => React.ReactNode;\n  emptyState?: React.ReactNode;\n  labels?: Partial<ActionPlanLabels>;\n  classNames?: Partial<Record<ActionPlanSlot, string>>;\n  headingLevel?: 'h2' | 'h3' | 'h4';\n}\n\nconst STATUS_ORDER: ActionPlanStepStatus[] = ['in_progress', 'todo', 'done'];\nconst SUB_HEADING = { h2: 'h3', h3: 'h4', h4: 'h5' } as const;\n\n// =============================================================================\n// Component\n// =============================================================================\n\n/**\n * A shared checklist with progress and due dates. Declared\n * `parameters.catalog.collection` — its load states are part of the API.\n */\nexport const ActionPlan = React.forwardRef<HTMLElement, ActionPlanProps>(\n  (\n    {\n      items,\n      title,\n      loading = false,\n      error = null,\n      onRetry,\n      arrange = 'manual',\n      now,\n      locale,\n      timeZone = 'local',\n      onStatusChange,\n      onAdd,\n      onOpen,\n      getHref,\n      renderStepMeta,\n      emptyState,\n      labels,\n      classNames,\n      headingLevel: Heading = 'h3',\n      className,\n      ...rest\n    },\n    ref\n  ) => {\n    const text = { ...defaultActionPlanLabels, ...labels };\n    const baseId = React.useId();\n    const [overrides, runStatus] = usePendingOverrides<ActionPlanStepStatus>();\n    const today = (now ? DateTime.fromJSDate(now) : DateTime.now())\n      .setZone(timeZone)\n      .startOf('day');\n\n    const statusOf = (step: ActionPlanStep) =>\n      overrides.get(step.id) ?? step.status;\n    const statusLabel: Record<ActionPlanStepStatus, string> = {\n      todo: text.todo,\n      in_progress: text.inProgress,\n      done: text.done,\n    };\n    const done = items.filter((s) => statusOf(s) === 'done').length;\n\n    const dueOf = (step: ActionPlanStep) => toDateTime(step.dueDate, timeZone);\n\n    const renderStep = (step: ActionPlanStep) => {\n      const status = statusOf(step);\n      const pending = overrides.has(step.id);\n      const due = dueOf(step);\n      const overdue =\n        status !== 'done' && due !== null && due.startOf('day') < today;\n      // Position, not the caller's id: ids with spaces would break aria-labelledby.\n      const titleId = `${baseId}-step-${items.indexOf(step)}`;\n      const href = getHref?.(step.id, step);\n      const titleClasses = cn(\n        'text-sm font-medium',\n        status === 'done'\n          ? 'text-muted-foreground line-through'\n          : 'text-foreground'\n      );\n      const focusRing =\n        'rounded-sm hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring';\n\n      let titleNode: React.ReactNode = (\n        <span id={titleId} className={titleClasses}>\n          {step.title}\n        </span>\n      );\n      if (href) {\n        titleNode = (\n          <a\n            id={titleId}\n            href={href}\n            className={cn(titleClasses, focusRing)}\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(step.id, step);\n            }}\n          >\n            {step.title}\n          </a>\n        );\n      } else if (onOpen) {\n        titleNode = (\n          <button\n            id={titleId}\n            type=\"button\"\n            className={cn(titleClasses, focusRing, 'text-start')}\n            onClick={() => onOpen(step.id, step)}\n          >\n            {step.title}\n          </button>\n        );\n      }\n\n      return (\n        <li\n          key={step.id}\n          data-slot=\"action-plan-step\"\n          data-overdue={overdue || undefined}\n          aria-busy={pending || undefined}\n          className={cn(\n            'flex items-start gap-3 px-4 py-3',\n            overdue && accentClasses.destructive.tint,\n            classNames?.step,\n            overdue && classNames?.overdueStep\n          )}\n        >\n          <Checkbox\n            size=\"sm\"\n            className=\"mt-0.5\"\n            checked={status === 'done'}\n            disabled={!onStatusChange || pending}\n            aria-labelledby={titleId}\n            onChange={(event) => {\n              if (!onStatusChange) return;\n              const next = event.currentTarget.checked ? 'done' : 'todo';\n              void runStatus(step.id, next, () =>\n                onStatusChange(step.id, next)\n              );\n            }}\n          />\n          <div className=\"min-w-0 flex-1\">\n            <div className=\"flex flex-wrap items-center gap-2\">\n              {titleNode}\n              {status === 'in_progress' && (\n                <Badge size=\"sm\" variant=\"secondary\">\n                  {text.inProgress}\n                </Badge>\n              )}\n              {overdue && (\n                <Badge size=\"sm\" variant=\"danger\">\n                  {text.overdue}\n                </Badge>\n              )}\n            </div>\n            {(step.owner || due) && (\n              <div className=\"text-muted-foreground mt-1 flex flex-wrap items-center gap-x-3 gap-y-1 text-xs\">\n                {step.owner && (\n                  <span className=\"inline-flex items-center gap-1.5\">\n                    <Avatar\n                      size=\"xs\"\n                      name={step.owner.name}\n                      src={step.owner.avatarUrl}\n                      alt=\"\"\n                      aria-hidden\n                    />\n                    {step.owner.name}\n                  </span>\n                )}\n                {due && (\n                  <span className=\"inline-flex items-center gap-1\">\n                    <CalendarClock className=\"size-3.5\" aria-hidden />\n                    <time dateTime={step.dueDate}>\n                      {withLocale(due, locale).toLocaleString(\n                        DateTime.DATE_MED\n                      )}\n                    </time>\n                  </span>\n                )}\n                {renderStepMeta?.(step)}\n              </div>\n            )}\n            {step.note && (\n              <p className=\"text-muted-foreground mt-1 text-sm\">{step.note}</p>\n            )}\n          </div>\n        </li>\n      );\n    };\n\n    let body: React.ReactNode;\n    if (error) {\n      body = (\n        <RecordState\n          kind=\"error\"\n          slot=\"action-plan-state\"\n          message={text.error}\n          retryLabel={text.retry}\n          onRetry={onRetry}\n          className={classNames?.state}\n        />\n      );\n    } else if (loading) {\n      body = (\n        <RecordState\n          kind=\"loading\"\n          slot=\"action-plan-state\"\n          message={text.loading}\n          className={classNames?.state}\n        />\n      );\n    } else if (items.length === 0) {\n      body = emptyState ?? (\n        <RecordState\n          kind=\"empty\"\n          slot=\"action-plan-state\"\n          message={text.empty}\n          className={classNames?.state}\n        />\n      );\n    } else if (arrange === 'status') {\n      const SubHeading = SUB_HEADING[Heading];\n      body = STATUS_ORDER.map((status) => {\n        const group = items.filter((s) => statusOf(s) === status);\n        if (group.length === 0) return null;\n        const groupId = `${baseId}-group-${status}`;\n        return (\n          <section\n            key={status}\n            aria-labelledby={groupId}\n            data-slot=\"action-plan-group\"\n            className={classNames?.group}\n          >\n            <SubHeading\n              id={groupId}\n              className=\"border-border bg-muted text-muted-foreground flex items-center justify-between border-y px-4 py-1.5 text-xs font-semibold tracking-wide uppercase\"\n            >\n              {statusLabel[status]}\n              <span className=\"font-normal tabular-nums\">{group.length}</span>\n            </SubHeading>\n            <ul className=\"divide-border divide-y\">{group.map(renderStep)}</ul>\n          </section>\n        );\n      });\n    } else {\n      const ordered =\n        arrange === 'dueDate'\n          ? [...items].sort(\n              (a, b) =>\n                (dueOf(a)?.toMillis() ?? Infinity) -\n                  (dueOf(b)?.toMillis() ?? Infinity) || 0\n            )\n          : items;\n      body = (\n        <ul className=\"divide-border divide-y\">{ordered.map(renderStep)}</ul>\n      );\n    }\n\n    const headingId = `${baseId}-title`;\n    return (\n      <section\n        ref={ref}\n        aria-labelledby={headingId}\n        data-slot=\"action-plan\"\n        className={cn(\n          'border-border bg-card overflow-hidden rounded-lg border',\n          className\n        )}\n        {...rest}\n      >\n        <div\n          data-slot=\"action-plan-header\"\n          className={cn(\n            'border-border space-y-3 border-b px-4 py-3',\n            classNames?.header\n          )}\n        >\n          <div className=\"flex items-center gap-2\">\n            <Heading\n              id={headingId}\n              className=\"text-foreground min-w-0 flex-1 truncate text-sm font-semibold\"\n            >\n              {title ?? text.title}\n            </Heading>\n            {onAdd && (\n              <Button\n                variant=\"ghost\"\n                size=\"sm\"\n                onClick={onAdd}\n                leftIcon={<Plus className=\"size-4\" aria-hidden />}\n              >\n                {text.addStep}\n              </Button>\n            )}\n          </div>\n          {!loading && !error && items.length > 0 && (\n            <div\n              data-slot=\"action-plan-progress\"\n              className={classNames?.progress}\n            >\n              <Progress\n                size=\"sm\"\n                value={done}\n                max={items.length}\n                label={text.progress(done, items.length)}\n              />\n            </div>\n          )}\n        </div>\n        {body}\n      </section>\n    );\n  }\n);\n\nActionPlan.displayName = 'ActionPlan';\n"]}

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

@@ -1,5 +1,5 @@
 import { useYouTubeHoverPreview } from './chunk-POWS35OT.js';
-import { Badge } from './chunk-BMSG4NBH.js';
+import { Badge } from './chunk-522WJIVI.js';
 import { cn } from './chunk-TQONQSJO.js';
 import { Play, VolumeX } from 'lucide-react';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -192,5 +192,5 @@ function VideoCard({
 }
 
 export { PlayButton, VideoCard };
-//# sourceMappingURL=chunk-TPWKM7JH.js.map
-//# sourceMappingURL=chunk-TPWKM7JH.js.map
+//# sourceMappingURL=chunk-43K7OQ3E.js.map
+//# sourceMappingURL=chunk-43K7OQ3E.js.map

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-522WJIVI.js

@@ -0,0 +1,99 @@
+import { cn } from './chunk-TQONQSJO.js';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { X } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var badgeVariants = cva(
+  [
+    "inline-flex items-center justify-center",
+    "font-medium",
+    "rounded-full",
+    "transition-colors duration-150"
+  ],
+  {
+    variants: {
+      variant: {
+        default: "bg-primary-100 text-primary-900 dark:bg-primary-900 dark:text-primary-100",
+        secondary: "bg-neutral-100 text-neutral-900 dark:bg-neutral-800 dark:text-neutral-100",
+        success: "bg-green-100 text-green-900 dark:bg-green-900 dark:text-green-100",
+        warning: "bg-yellow-100 text-yellow-900 dark:bg-yellow-900 dark:text-yellow-100",
+        danger: "bg-red-100 text-red-900 dark:bg-red-900 dark:text-red-100",
+        outline: "border border-current bg-transparent"
+      },
+      size: {
+        sm: "text-xs",
+        md: "text-sm",
+        lg: "text-base"
+      },
+      // Padding lives in compound variants so the remove button can sit
+      // closer to the end edge without fighting the symmetric `px-*`.
+      // No root gap: the remove button carries its own `ms-1` so icon and
+      // multi-node children keep their normal spacing.
+      removable: {
+        true: "",
+        false: ""
+      }
+    },
+    compoundVariants: [
+      { size: "sm", removable: false, className: "px-2 py-0.5" },
+      { size: "sm", removable: true, className: "ps-2 pe-0.5 py-0.5" },
+      { size: "md", removable: false, className: "px-2.5 py-0.5" },
+      { size: "md", removable: true, className: "ps-2.5 pe-1 py-0.5" },
+      { size: "lg", removable: false, className: "px-3 py-1" },
+      { size: "lg", removable: true, className: "ps-3 pe-1.5 py-1" }
+    ],
+    defaultVariants: {
+      variant: "default",
+      size: "md",
+      removable: false
+    }
+  }
+);
+var Badge = React.forwardRef(
+  ({
+    className,
+    variant,
+    size,
+    icon,
+    onRemove,
+    removeLabel = "Remove",
+    removeDisabled,
+    children,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      "span",
+      {
+        ref,
+        "data-slot": "badge",
+        className: cn(
+          badgeVariants({ variant, size, removable: !!onRemove }),
+          className
+        ),
+        ...props,
+        children: [
+          icon && /* @__PURE__ */ jsx("span", { className: "me-1 shrink-0", children: icon }),
+          children,
+          onRemove && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              "data-slot": "badge-remove",
+              "aria-label": removeLabel,
+              disabled: removeDisabled,
+              onClick: onRemove,
+              className: "focus-visible:ring-ring ms-1 shrink-0 rounded-full p-0.5 hover:bg-black/10 focus-visible:ring-2 focus-visible:outline-none disabled:opacity-50 dark:hover:bg-white/10",
+              children: /* @__PURE__ */ jsx(X, { "aria-hidden": "true", className: "h-3 w-3" })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Badge.displayName = "Badge";
+
+export { Badge, badgeVariants };
+//# sourceMappingURL=chunk-522WJIVI.js.map
+//# sourceMappingURL=chunk-522WJIVI.js.map

package/dist/chunk-522WJIVI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Badge/Badge.tsx"],"names":[],"mappings":"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","file":"chunk-522WJIVI.js","sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { X } from 'lucide-react';\nimport { cn } from '../../utils/cn';\n\nconst badgeVariants = cva(\n  [\n    'inline-flex items-center justify-center',\n    'font-medium',\n    'rounded-full',\n    'transition-colors duration-150',\n  ],\n  {\n    variants: {\n      variant: {\n        default:\n          'bg-primary-100 text-primary-900 dark:bg-primary-900 dark:text-primary-100',\n        secondary:\n          'bg-neutral-100 text-neutral-900 dark:bg-neutral-800 dark:text-neutral-100',\n        success:\n          'bg-green-100 text-green-900 dark:bg-green-900 dark:text-green-100',\n        warning:\n          'bg-yellow-100 text-yellow-900 dark:bg-yellow-900 dark:text-yellow-100',\n        danger: 'bg-red-100 text-red-900 dark:bg-red-900 dark:text-red-100',\n        outline: 'border border-current bg-transparent',\n      },\n      size: {\n        sm: 'text-xs',\n        md: 'text-sm',\n        lg: 'text-base',\n      },\n      // Padding lives in compound variants so the remove button can sit\n      // closer to the end edge without fighting the symmetric `px-*`.\n      // No root gap: the remove button carries its own `ms-1` so icon and\n      // multi-node children keep their normal spacing.\n      removable: {\n        true: '',\n        false: '',\n      },\n    },\n    compoundVariants: [\n      { size: 'sm', removable: false, className: 'px-2 py-0.5' },\n      { size: 'sm', removable: true, className: 'ps-2 pe-0.5 py-0.5' },\n      { size: 'md', removable: false, className: 'px-2.5 py-0.5' },\n      { size: 'md', removable: true, className: 'ps-2.5 pe-1 py-0.5' },\n      { size: 'lg', removable: false, className: 'px-3 py-1' },\n      { size: 'lg', removable: true, className: 'ps-3 pe-1.5 py-1' },\n    ],\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n      removable: false,\n    },\n  }\n);\n\nexport interface BadgeProps\n  extends\n    React.HTMLAttributes<HTMLSpanElement>,\n    Omit<VariantProps<typeof badgeVariants>, 'removable'> {\n  /** Optional icon before the text */\n  icon?: React.ReactNode;\n  /** Renders a remove button after the text; the badge becomes a chip. */\n  onRemove?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  /**\n   * Accessible name of the remove button. Always pass a translated string;\n   * the English default only guards against a missing label.\n   */\n  removeLabel?: string;\n  /** Disables the remove button. */\n  removeDisabled?: boolean;\n}\n\n/**\n * A badge component for displaying status, labels, or counts.\n * With `onRemove` it becomes a removable chip.\n *\n * @example\n * ```tsx\n * <Badge variant=\"success\">Active</Badge>\n * <Badge variant=\"warning\" size=\"sm\">Pending</Badge>\n * <Badge variant=\"danger\" icon={<AlertIcon />}>Error</Badge>\n * <Badge onRemove={() => clear(tag)} removeLabel={t('removeTag', { tag })}>\n *   {tag}\n * </Badge>\n * ```\n */\nconst Badge = React.forwardRef<HTMLSpanElement, BadgeProps>(\n  (\n    {\n      className,\n      variant,\n      size,\n      icon,\n      onRemove,\n      removeLabel = 'Remove',\n      removeDisabled,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <span\n        ref={ref}\n        data-slot=\"badge\"\n        className={cn(\n          badgeVariants({ variant, size, removable: !!onRemove }),\n          className\n        )}\n        {...props}\n      >\n        {icon && <span className=\"me-1 shrink-0\">{icon}</span>}\n        {children}\n        {onRemove && (\n          <button\n            type=\"button\"\n            data-slot=\"badge-remove\"\n            aria-label={removeLabel}\n            disabled={removeDisabled}\n            onClick={onRemove}\n            className=\"focus-visible:ring-ring ms-1 shrink-0 rounded-full p-0.5 hover:bg-black/10 focus-visible:ring-2 focus-visible:outline-none disabled:opacity-50 dark:hover:bg-white/10\"\n          >\n            <X aria-hidden=\"true\" className=\"h-3 w-3\" />\n          </button>\n        )}\n      </span>\n    );\n  }\n);\n\nBadge.displayName = 'Badge';\n\nexport { Badge, badgeVariants };\n"]}

package/dist/{chunk-LRRSD7LR.js → chunk-5HKZR6UG.js}

@@ -1,7 +1,7 @@
 import { usePendingOverrides } from './chunk-FTEZNCRI.js';
 import { RecordState } from './chunk-Y424YL55.js';
 import { Avatar } from './chunk-TI3TQQ7F.js';
-import { Badge } from './chunk-BMSG4NBH.js';
+import { Badge } from './chunk-522WJIVI.js';
 import { Button } from './chunk-WFBUBT54.js';
 import { cn } from './chunk-TQONQSJO.js';
 import * as React from 'react';
@@ -244,5 +244,5 @@ var AssociationList = React.forwardRef(
 AssociationList.displayName = "AssociationList";
 
 export { AssociationList, defaultAssociationListLabels };
-//# sourceMappingURL=chunk-LRRSD7LR.js.map
-//# sourceMappingURL=chunk-LRRSD7LR.js.map
+//# sourceMappingURL=chunk-5HKZR6UG.js.map
+//# sourceMappingURL=chunk-5HKZR6UG.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/AssociationList/AssociationList.tsx"],"names":[],"mappings":"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","file":"chunk-LRRSD7LR.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-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"]}

package/dist/{chunk-MJJJDQ5P.cjs → chunk-6WX2OR3U.cjs}

@@ -469,6 +469,11 @@ var miewebUISafelist = [
   "start-0",
   "end-0",
   "ps-4",
+  // Badge removable-chip paddings (ps/pe compound variants)
+  "ps-2.5",
+  "pe-0.5",
+  "pe-1",
+  "pe-1.5",
   "start-2",
   "end-2",
   "border-e",
@@ -1301,6 +1306,7 @@ var miewebUISafelist = [
   "dark:bg-primary-800",
   "dark:bg-primary-900/60",
   "dark:hover:bg-white/10",
+  "hover:bg-black/10",
   "group-open:rotate-180",
   "rtl:-scale-x-100",
   "after:absolute",
@@ -1330,6 +1336,8 @@ var miewebUISafelist = [
   "md:top-[var(--record-layout-sticky-top,1rem)]",
   "motion-reduce:animate-none",
   "motion-safe:duration-300",
+  "motion-safe:transition-all",
+  "motion-safe:ease-out",
   "motion-safe:enabled:hover:scale-110",
   "motion-safe:transition-[opacity,box-shadow]",
   "motion-safe:transition-[width]",
@@ -1664,5 +1672,5 @@ var tailwind_preset_default = miewebUIPreset;
 exports.miewebUIPreset = miewebUIPreset;
 exports.miewebUISafelist = miewebUISafelist;
 exports.tailwind_preset_default = tailwind_preset_default;
-//# sourceMappingURL=chunk-MJJJDQ5P.cjs.map
-//# sourceMappingURL=chunk-MJJJDQ5P.cjs.map
+//# sourceMappingURL=chunk-6WX2OR3U.cjs.map
+//# sourceMappingURL=chunk-6WX2OR3U.cjs.map