@mieweb/ui 0.10.0-dev.4 → 0.10.0-dev.40

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/BoardView/BoardView.tsx"],"names":["defaultViewLabels","cva","useDraggable","jsxs","jsx","cn","accentClasses","useDroppable","React","useSensors","useSensor","PointerSensor","Spinner","DndContext","pointerWithin","DragOverlay"],"mappings":"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","file":"chunk-4IS3QCOQ.cjs","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport {\n  DndContext,\n  DragOverlay,\n  PointerSensor,\n  pointerWithin,\n  useDraggable,\n  useDroppable,\n  useSensor,\n  useSensors,\n  type DragEndEvent,\n  type DragStartEvent,\n} from '@dnd-kit/core';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { Spinner } from '../Spinner';\nimport {\n  accentClasses,\n  defaultViewLabels,\n  type Accent,\n  type Stage,\n  type ViewBaseProps,\n  type ViewLabels,\n} from '../../views/types';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport type BoardViewSlot =\n  | 'column'\n  | 'columnHeader'\n  | 'card'\n  | 'selectedCard'\n  | 'state';\n\nexport interface BoardLabels extends ViewLabels {\n  /** Accessible name of the scrollable board region. */\n  board: string;\n  /** Announced when a card starts moving. `{item}` and `{stage}` are substituted. */\n  moved: string;\n  /** Announced when `onMove` rejects. */\n  moveFailed: string;\n  /** Hint on a focusable card describing the keyboard move. */\n  moveHint: string;\n}\n\nexport const defaultBoardLabels: BoardLabels = {\n  ...defaultViewLabels,\n  empty: 'Nothing in this stage',\n  board: 'Board',\n  moved: '{item} moved to {stage}',\n  moveFailed: 'Could not move {item}',\n  moveHint: 'Press Control with the arrow keys to move between stages',\n};\n\nexport interface BoardViewProps<T>\n  extends ViewBaseProps<T>, VariantProps<typeof cardVariants> {\n  /** Columns, in order. A board without stages has nothing to draw. */\n  stages: readonly Stage[];\n  /**\n   * Commits a move. The board shows the card in its new column while this is\n   * pending and puts it back if the promise rejects, so the caller never has to\n   * re-render it home.\n   */\n  onMove?: (id: string, toStage: string, item: T) => void | Promise<void>;\n  labels?: Partial<BoardLabels>;\n  classNames?: Partial<Record<BoardViewSlot, string>>;\n  /** Heading level for column headers, under the page's own heading. */\n  headingLevel?: 'h2' | 'h3' | 'h4';\n}\n\n// =============================================================================\n// Variants\n// =============================================================================\n\nconst cardVariants = cva(\n  [\n    'w-full rounded-md border border-border bg-card p-2 text-start',\n    'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring',\n  ],\n  {\n    variants: {\n      density: {\n        comfortable: 'p-3',\n        compact: 'p-2',\n      },\n      interactive: { true: 'hover:border-primary-500/40', false: '' },\n      selected: { true: 'ring-2 ring-primary-500/50', false: '' },\n      pending: { true: 'opacity-60', false: '' },\n    },\n    defaultVariants: {\n      density: 'comfortable',\n      interactive: false,\n      selected: false,\n      pending: false,\n    },\n  }\n);\n\nconst fill = (template: string, values: Record<string, string>) =>\n  template.replace(/\\{(\\w+)\\}/g, (_, key) => values[key] ?? '');\n\n// =============================================================================\n// Card\n// =============================================================================\n\ninterface CardProps {\n  id: string;\n  title: string;\n  subtitle?: string;\n  accent?: Accent;\n  selected: boolean;\n  pending: boolean;\n  draggable: boolean;\n  hint?: string;\n  href?: string;\n  className?: string;\n  children?: React.ReactNode;\n  onOpen?: () => void;\n  onKeyDown?: (event: React.KeyboardEvent) => void;\n}\n\nfunction BoardCard({\n  id,\n  title,\n  subtitle,\n  accent,\n  selected,\n  pending,\n  draggable,\n  hint,\n  href,\n  className,\n  children,\n  onOpen,\n  onKeyDown,\n}: CardProps) {\n  const { attributes, listeners, setNodeRef, isDragging } = useDraggable({\n    id,\n    disabled: !draggable,\n  });\n\n  const body = children ?? (\n    <span className=\"flex items-start gap-2\">\n      {accent && (\n        <span\n          aria-hidden\n          className={cn(\n            'mt-1.5 size-2 shrink-0 rounded-full',\n            accentClasses[accent].marker\n          )}\n        />\n      )}\n      <span className=\"min-w-0 flex-1\">\n        <span className=\"text-foreground block text-sm font-medium\">\n          {title}\n        </span>\n        {subtitle && (\n          <span className=\"text-muted-foreground block truncate text-xs\">\n            {subtitle}\n          </span>\n        )}\n      </span>\n    </span>\n  );\n\n  const onCardKeyDown = (event: React.KeyboardEvent) => {\n    if (onOpen && !href && (event.key === 'Enter' || event.key === ' ')) {\n      // Space is dnd-kit's pick-up key only while dragging; here the card is at\n      // rest, so it activates like any other button.\n      if (!event.ctrlKey && !event.metaKey) {\n        event.preventDefault();\n        onOpen();\n        return;\n      }\n    }\n    onKeyDown?.(event);\n  };\n\n  const shared = {\n    ref: setNodeRef,\n    // Only the pointer listeners are shared. dnd-kit's `attributes` carry\n    // `role=\"button\"` and a `tabIndex`, which on an `<a href>` would override\n    // the native link role — the card would announce as a button, and the\n    // middle-click / \"copy link\" affordance this branch exists to preserve\n    // would no longer be what assistive tech describes. The non-link card takes\n    // them below, where button semantics are the correct answer.\n    ...(draggable ? listeners : {}),\n    'aria-current': selected ? ('true' as const) : undefined,\n    'aria-describedby': hint,\n    'aria-busy': pending || undefined,\n    'data-slot': 'board-view-card',\n    className: cn(className, isDragging && 'opacity-40'),\n  };\n\n  return (\n    <li>\n      {href ? (\n        // An anchor, like every other view: the card stays middle-clickable and\n        // \"copy link\" works. dnd-kit's listeners still own the drag.\n        <a\n          {...shared}\n          href={href}\n          onKeyDown={onCardKeyDown}\n          onClick={(event) => {\n            if (\n              !onOpen ||\n              event.defaultPrevented ||\n              event.metaKey ||\n              event.ctrlKey ||\n              event.shiftKey ||\n              event.button !== 0\n            )\n              return;\n            event.preventDefault();\n            onOpen();\n          }}\n        >\n          {body}\n        </a>\n      ) : (\n        <div\n          {...shared}\n          {...(draggable ? attributes : {})}\n          role={onOpen ? 'button' : undefined}\n          tabIndex={draggable || onOpen ? 0 : undefined}\n          onKeyDown={onCardKeyDown}\n          onClick={onOpen}\n        >\n          {body}\n        </div>\n      )}\n    </li>\n  );\n}\n\n// =============================================================================\n// Column\n// =============================================================================\n\nfunction BoardColumn({\n  stage,\n  headerId,\n  count,\n  headingLevel: Heading,\n  droppable,\n  classNames,\n  children,\n}: {\n  stage: Stage;\n  droppable: boolean;\n  headerId: string;\n  count: number;\n  headingLevel: 'h2' | 'h3' | 'h4';\n  classNames?: BoardViewProps<unknown>['classNames'];\n  children: React.ReactNode;\n}) {\n  const { setNodeRef, isOver } = useDroppable({\n    id: stage.id,\n    disabled: !droppable,\n  });\n  const accent = stage.accent ?? 'neutral';\n  return (\n    <section\n      ref={setNodeRef}\n      data-slot=\"board-view-column\"\n      data-over={isOver || undefined}\n      className={cn(\n        'bg-muted/40 flex min-w-0 flex-col rounded-lg border',\n        isOver ? accentClasses[accent].border : 'border-border',\n        'sm:w-72 sm:shrink-0',\n        classNames?.column\n      )}\n    >\n      <Heading>\n        <span\n          id={headerId}\n          data-slot=\"board-view-column-header\"\n          className={cn(\n            'border-border text-muted-foreground flex items-center gap-2 border-b px-3 py-2 text-xs font-semibold tracking-wide uppercase',\n            classNames?.columnHeader\n          )}\n        >\n          <span\n            aria-hidden\n            className={cn(\n              'size-2 shrink-0 rounded-full',\n              accentClasses[accent].marker\n            )}\n          />\n          <span>{stage.label}</span>\n          <span className=\"ms-auto font-normal tabular-nums\">{count}</span>\n        </span>\n      </Heading>\n      {children}\n    </section>\n  );\n}\n\n// =============================================================================\n// Component\n// =============================================================================\n\nexport function BoardView<T>({\n  items,\n  accessors,\n  stages,\n  loading = false,\n  error = null,\n  selectedId = null,\n  onOpen,\n  getHref,\n  onMove,\n  renderItem,\n  emptyState,\n  labels,\n  density,\n  className,\n  classNames,\n  headingLevel = 'h3',\n}: BoardViewProps<T>) {\n  const text = { ...defaultBoardLabels, ...labels };\n  const hintId = React.useId();\n  // Ids come from position, not from the stage id: two distinct statuses can\n  // normalise to the same string, and a duplicate id makes `aria-labelledby`\n  // resolve to the wrong heading.\n  const baseId = React.useId();\n  const [announcement, setAnnouncement] = React.useState('');\n  const [draggingId, setDraggingId] = React.useState<string | null>(null);\n  // Where a card is shown while its move is in flight, so the column it landed\n  // in is the one the user sees before the caller's data catches up.\n  // A Map, not an object. Ids come from the caller's `getId` and are only\n  // typed `string`, so a collection keyed by user data can legitimately produce\n  // `toString`, `constructor` or `__proto__`. On a plain object `'toString' in\n  // pending` is true before anything is pending, which would pin that card as\n  // permanently in-flight and make it impossible to move.\n  const [pending, setPending] = React.useState<Map<string, string>>(\n    () => new Map()\n  );\n\n  const byId = React.useMemo(() => {\n    const map = new Map<string, T>();\n    for (const item of items) map.set(accessors.getId(item), item);\n    return map;\n  }, [items, accessors]);\n\n  const stageOf = React.useCallback(\n    (item: T) =>\n      pending.get(accessors.getId(item)) ?? accessors.getStatus?.(item),\n    [pending, accessors]\n  );\n\n  const columns = React.useMemo(() => {\n    const buckets = new Map<string, T[]>(stages.map((s) => [s.id, []]));\n    const extra = new Map<string, T[]>();\n    for (const item of items) {\n      const key = stageOf(item) ?? '';\n      const bucket = buckets.get(key);\n      if (bucket) bucket.push(item);\n      else {\n        const spill = extra.get(key);\n        if (spill) spill.push(item);\n        else extra.set(key, [item]);\n      }\n    }\n    return [\n      ...stages.map((stage) => ({\n        stage,\n        declared: true,\n        items: buckets.get(stage.id) ?? [],\n      })),\n      // Never silently drop a record whose status matches no stage. These are\n      // shown so the record stays visible, but they are not drop targets: their\n      // ids were never declared, and `onMove` promises a named stage.\n      ...[...extra].map(([key, bucket]) => ({\n        stage: { id: key, label: key || text.ungrouped } as Stage,\n        declared: false,\n        items: bucket,\n      })),\n    ];\n  }, [items, stages, stageOf, text.ungrouped]);\n\n  const commit = React.useCallback(\n    async (id: string, toStage: string) => {\n      const item = byId.get(id);\n      if (!item || !onMove) return;\n      // One move per card at a time: a second would overwrite the first's\n      // pending stage, and the first `finally` would then clear it, snapping\n      // the card home while the second mutation is still in flight.\n      if (pending.has(id)) return;\n      const stage = stages.find((s) => s.id === toStage);\n      // `onMove` promises a move to a stage the caller declared. Columns\n      // synthesized for unknown statuses exist so a record is never silently\n      // dropped, not as somewhere to put things — accepting a drop there would\n      // hand back an id that was never in `stages`.\n      if (!stage) return;\n      const from = accessors.getStatus?.(item);\n      if (from === toStage) return;\n      const title = accessors.getTitle(item);\n\n      setPending((prev) => new Map(prev).set(id, toStage));\n      setAnnouncement(\n        fill(text.moved, { item: title, stage: stage.label ?? toStage })\n      );\n      try {\n        await onMove(id, toStage, item);\n      } catch {\n        setAnnouncement(fill(text.moveFailed, { item: title }));\n      } finally {\n        setPending((prev) => {\n          const next = new Map(prev);\n          next.delete(id);\n          return next;\n        });\n      }\n    },\n    [byId, onMove, pending, accessors, stages, text.moved, text.moveFailed]\n  );\n\n  const sensors = useSensors(\n    useSensor(PointerSensor, { activationConstraint: { distance: 5 } })\n  );\n\n  const onDragStart = (event: DragStartEvent) =>\n    setDraggingId(String(event.active.id));\n\n  const onDragEnd = (event: DragEndEvent) => {\n    setDraggingId(null);\n    if (event.over) void commit(String(event.active.id), String(event.over.id));\n  };\n\n  // Pointer drag has no keyboard equivalent that is pleasant to use, so moving\n  // by keyboard is its own command on the focused card rather than a simulated\n  // drag: Ctrl/Cmd with the arrow keys steps it between adjacent stages.\n  const onCardKeyDown = (\n    event: React.KeyboardEvent,\n    id: string,\n    columnIndex: number\n  ) => {\n    if (!onMove || !(event.ctrlKey || event.metaKey)) return;\n    const rtl = getComputedStyle(event.currentTarget).direction === 'rtl';\n    let delta = 0;\n    if (event.key === 'ArrowRight') delta = rtl ? -1 : 1;\n    else if (event.key === 'ArrowLeft') delta = rtl ? 1 : -1;\n    else return;\n    // Step to the next *declared* stage. A fallback column is not a move\n    // target, so stopping on one would strand the card there; skipping it\n    // keeps arrowing continuous and still lets a card leave one.\n    let target;\n    for (\n      let i = columnIndex + delta;\n      i >= 0 && i < columns.length;\n      i += delta\n    ) {\n      if (columns[i].declared) {\n        target = columns[i];\n        break;\n      }\n    }\n    if (!target) return;\n    event.preventDefault();\n    void commit(id, target.stage.id);\n  };\n\n  const state = (content: React.ReactNode) => (\n    <div\n      data-slot=\"board-view-state\"\n      className={cn(\n        'border-border bg-card text-muted-foreground flex flex-col items-center justify-center gap-2 rounded-lg border px-4 py-10 text-center text-sm',\n        classNames?.state\n      )}\n    >\n      {content}\n    </div>\n  );\n\n  if (error) {\n    return state(\n      <p role=\"alert\" className=\"text-destructive\">\n        {text.error}\n      </p>\n    );\n  }\n  if (loading) {\n    return state(\n      <span className=\"flex items-center gap-2\">\n        <Spinner size=\"sm\" label={text.loading} />\n        <span aria-hidden>{text.loading}</span>\n      </span>\n    );\n  }\n  if (items.length === 0 && emptyState) return <>{emptyState}</>;\n\n  const draggingItem = draggingId ? byId.get(draggingId) : undefined;\n\n  return (\n    <DndContext\n      sensors={sensors}\n      collisionDetection={pointerWithin}\n      onDragStart={onDragStart}\n      onDragEnd={onDragEnd}\n      onDragCancel={() => setDraggingId(null)}\n    >\n      <div\n        data-slot=\"board-view\"\n        // Scrollable content must be keyboard operable (WCAG 2.1.1), which axe\n        // enforces as scrollable-region-focusable. jsx-a11y disagrees for\n        // non-interactive elements; the success criterion wins.\n        // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex\n        tabIndex={0}\n        role=\"group\"\n        aria-label={text.board}\n        className={cn(\n          // Columns on one scrolling row once there is room; stacked below it,\n          // because five 288px columns on a phone is a horizontal maze.\n          'flex flex-col gap-3 sm:flex-row sm:overflow-x-auto sm:pb-2',\n          className\n        )}\n      >\n        {columns.map((column, columnIndex) => (\n          <BoardColumn\n            key={column.stage.id}\n            stage={column.stage}\n            droppable={column.declared && Boolean(onMove)}\n            headerId={`${baseId}-col-${columnIndex}`}\n            count={column.items.length}\n            headingLevel={headingLevel}\n            classNames={classNames}\n          >\n            <ul\n              aria-labelledby={`${baseId}-col-${columnIndex}`}\n              className=\"flex flex-1 flex-col gap-2 p-2\"\n            >\n              {column.items.map((item) => {\n                const id = accessors.getId(item);\n                return (\n                  <BoardCard\n                    key={id}\n                    id={id}\n                    title={accessors.getTitle(item)}\n                    subtitle={accessors.getSubtitle?.(item)}\n                    accent={accessors.getAccent?.(item)}\n                    selected={id === selectedId}\n                    pending={pending.has(id)}\n                    draggable={Boolean(onMove)}\n                    hint={onMove ? hintId : undefined}\n                    href={getHref?.(id, item)}\n                    className={cn(\n                      cardVariants({\n                        density,\n                        interactive: Boolean(onOpen),\n                        selected: id === selectedId,\n                        pending: pending.has(id),\n                      }),\n                      classNames?.card,\n                      id === selectedId && classNames?.selectedCard\n                    )}\n                    onOpen={onOpen ? () => onOpen(id, item) : undefined}\n                    onKeyDown={(event) => onCardKeyDown(event, id, columnIndex)}\n                  >\n                    {renderItem?.(item, { view: 'board' })}\n                  </BoardCard>\n                );\n              })}\n              {column.items.length === 0 && (\n                <li className=\"text-muted-foreground px-1 py-2 text-xs\">\n                  {text.empty}\n                </li>\n              )}\n            </ul>\n          </BoardColumn>\n        ))}\n      </div>\n\n      {onMove && (\n        <span id={hintId} className=\"sr-only\">\n          {text.moveHint}\n        </span>\n      )}\n      {/* Separate from dnd-kit's own drag live region: this announces moves\n          made by keyboard command, which are not drags. */}\n      <span\n        data-slot=\"board-view-announcer\"\n        role=\"status\"\n        aria-live=\"polite\"\n        className=\"sr-only\"\n      >\n        {announcement}\n      </span>\n\n      <DragOverlay>\n        {draggingItem && (\n          <div className={cn(cardVariants({ density }), 'shadow-lg')}>\n            <span className=\"text-foreground block text-sm font-medium\">\n              {accessors.getTitle(draggingItem)}\n            </span>\n          </div>\n        )}\n      </DragOverlay>\n    </DndContext>\n  );\n}\n\nexport { cardVariants as boardViewCardVariants };\n"]}

package/dist/chunk-4NCDU5IG.cjs

@@ -0,0 +1,56 @@
+'use strict';
+
+var luxon = require('luxon');
+
+// src/views/types.ts
+var defaultViewLabels = {
+  viewSwitcher: "View",
+  loading: "Loading",
+  empty: "Nothing to show",
+  error: "Could not load this view",
+  retry: "Try again",
+  ungrouped: "Ungrouped"
+};
+function toDateTime(value, zone) {
+  if (value == null) return null;
+  const dt = value instanceof Date ? luxon.DateTime.fromJSDate(value, { zone }) : luxon.DateTime.fromISO(value, { zone });
+  return dt.isValid ? dt : null;
+}
+var accentClasses = {
+  primary: {
+    tint: "bg-primary-500/10",
+    border: "border-primary-500/40",
+    marker: "bg-primary-500"
+  },
+  success: {
+    tint: "bg-success/10",
+    border: "border-success/40",
+    marker: "bg-success"
+  },
+  warning: {
+    tint: "bg-warning/10",
+    border: "border-warning/40",
+    marker: "bg-warning"
+  },
+  destructive: {
+    tint: "bg-destructive/10",
+    border: "border-destructive/40",
+    marker: "bg-destructive"
+  },
+  info: {
+    tint: "bg-info/10",
+    border: "border-info/40",
+    marker: "bg-info"
+  },
+  neutral: {
+    tint: "bg-muted",
+    border: "border-border",
+    marker: "bg-muted-foreground"
+  }
+};
+
+exports.accentClasses = accentClasses;
+exports.defaultViewLabels = defaultViewLabels;
+exports.toDateTime = toDateTime;
+//# sourceMappingURL=chunk-4NCDU5IG.cjs.map
+//# sourceMappingURL=chunk-4NCDU5IG.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/views/types.ts"],"names":["DateTime"],"mappings":";;;;;AAmFO,IAAM,iBAAA,GAAgC;AAAA,EAC3C,YAAA,EAAc,MAAA;AAAA,EACd,OAAA,EAAS,SAAA;AAAA,EACT,KAAA,EAAO,iBAAA;AAAA,EACP,KAAA,EAAO,0BAAA;AAAA,EACP,KAAA,EAAO,WAAA;AAAA,EACP,SAAA,EAAW;AACb;AAoCO,SAAS,UAAA,CACd,OACA,IAAA,EACiB;AACjB,EAAA,IAAI,KAAA,IAAS,MAAM,OAAO,IAAA;AAC1B,EAAA,MAAM,EAAA,GACJ,KAAA,YAAiB,IAAA,GACbA,cAAA,CAAS,WAAW,KAAA,EAAO,EAAE,IAAA,EAAM,IACnCA,cAAA,CAAS,OAAA,CAAQ,KAAA,EAAO,EAAE,MAAM,CAAA;AACtC,EAAA,OAAO,EAAA,CAAG,UAAU,EAAA,GAAK,IAAA;AAC3B;AAWO,IAAM,aAAA,GAGT;AAAA,EACF,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,mBAAA;AAAA,IACN,MAAA,EAAQ,uBAAA;AAAA,IACR,MAAA,EAAQ;AAAA,GACV;AAAA,EACA,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,eAAA;AAAA,IACN,MAAA,EAAQ,mBAAA;AAAA,IACR,MAAA,EAAQ;AAAA,GACV;AAAA,EACA,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,eAAA;AAAA,IACN,MAAA,EAAQ,mBAAA;AAAA,IACR,MAAA,EAAQ;AAAA,GACV;AAAA,EACA,WAAA,EAAa;AAAA,IACX,IAAA,EAAM,mBAAA;AAAA,IACN,MAAA,EAAQ,uBAAA;AAAA,IACR,MAAA,EAAQ;AAAA,GACV;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM,YAAA;AAAA,IACN,MAAA,EAAQ,gBAAA;AAAA,IACR,MAAA,EAAQ;AAAA,GACV;AAAA,EACA,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,UAAA;AAAA,IACN,MAAA,EAAQ,eAAA;AAAA,IACR,MAAA,EAAQ;AAAA;AAEZ","file":"chunk-4NCDU5IG.cjs","sourcesContent":["/**\n * The contract every component in the `Modules/Views` family reads through.\n *\n * A page describes its collection once — which field is the id, the title, the\n * status, the start date — and every view understands it. That is the whole\n * reason the family exists: without it each view needs its own adapter and you\n * end up re-implementing the same board per entity.\n *\n * Views are headless. Nothing here fetches, subscribes, or navigates.\n * See CONTRIBUTING → \"Modules: headless data components\".\n */\nimport type * as React from 'react';\nimport { DateTime } from 'luxon';\n\n/**\n * Which layout is on screen. `overview` and `table` are rendered by the host\n * through `ViewSet` slots rather than by a component in this family — a tabular\n * collection is `DataVisNitroGrid`, and an overview is domain content.\n */\nexport type ViewId =\n  | 'overview'\n  | 'list'\n  | 'board'\n  | 'calendar'\n  | 'gantt'\n  | 'roadmap'\n  | 'table';\n\n/**\n * A semantic colour name, resolved to `--mieweb-*` tokens by each view.\n *\n * Accessors return one of these rather than a class string so a caller cannot\n * hardcode a palette that breaks under another brand or in dark mode.\n */\nexport type Accent =\n  | 'primary'\n  | 'success'\n  | 'warning'\n  | 'destructive'\n  | 'info'\n  | 'neutral';\n\n/** A named stage: a board column, and the segments of a stage bar. */\nexport interface Stage {\n  id: string;\n  label: string;\n  accent?: Accent;\n}\n\n/**\n * How a view reads one item. Only `getId` and `getTitle` are always required;\n * each view documents which of the rest it needs (a board needs `getStatus`, a\n * Gantt needs `getStart`) and renders an explanatory empty state without them.\n */\nexport interface ViewAccessors<T> {\n  getId: (item: T) => string;\n  getTitle: (item: T) => string;\n  /** Secondary line under the title. */\n  getSubtitle?: (item: T) => string | undefined;\n  /** Board column and list group; matched against `Stage['id']`. */\n  getStatus?: (item: T) => string;\n  /** Gantt bar start, calendar placement. */\n  getStart?: (item: T) => Date | string | null | undefined;\n  /** Gantt bar end, calendar span. Falls back to the start when absent. */\n  getEnd?: (item: T) => Date | string | null | undefined;\n  /** Swimlane in a roadmap, row group in a Gantt. */\n  getGroup?: (item: T) => string | undefined;\n  getAccent?: (item: T) => Accent;\n}\n\n/** Strings a view renders. Every one is overridable; the defaults are English. */\nexport interface ViewLabels {\n  /** Accessible name of the view switcher group. */\n  viewSwitcher: string;\n  loading: string;\n  empty: string;\n  error: string;\n  /** Action on the error state. */\n  retry: string;\n  /** Heading for the group a record with no status or group falls into. */\n  ungrouped: string;\n}\n\nexport const defaultViewLabels: ViewLabels = {\n  viewSwitcher: 'View',\n  loading: 'Loading',\n  empty: 'Nothing to show',\n  error: 'Could not load this view',\n  retry: 'Try again',\n  ungrouped: 'Ungrouped',\n};\n\n/**\n * Props every view accepts. Views are controlled: selection, the active view and\n * filter state live in the page, and every change is handed back.\n */\nexport interface ViewBaseProps<T> {\n  items: T[];\n  accessors: ViewAccessors<T>;\n  loading?: boolean;\n  error?: Error | null;\n  selectedId?: string | null;\n  /** Called when the user activates an item. */\n  onOpen?: (id: string, item: T) => void;\n  /** Return a URL to render each item as a real anchor — middle-clickable and crawlable. */\n  getHref?: (id: string, item: T) => string;\n  /** Render one item. Receives the active view so one function can serve several. */\n  renderItem?: (item: T, context: { view: ViewId }) => React.ReactNode;\n  /** Replaces the built-in empty state. */\n  emptyState?: React.ReactNode;\n  labels?: Partial<ViewLabels>;\n  /** Pins \"today\" so stories, tests and visual snapshots stay deterministic. */\n  now?: Date;\n  className?: string;\n}\n\n/**\n * Reads an accessor's date in the view's zone.\n *\n * `DateTime.fromISO` is what makes this correct for both shapes an accessor may\n * return. A date-only string is a wall date — `2026-03-10` means that calendar\n * day where the collection lives, not UTC midnight, which is the 9th in the\n * Americas — while a full timestamp is an instant and gets converted. Going via\n * `new Date()` would collapse the first case into the second and shift the item\n * onto the previous day in every zone behind UTC.\n */\nexport function toDateTime(\n  value: Date | string | null | undefined,\n  zone: string\n): DateTime | null {\n  if (value == null) return null;\n  const dt =\n    value instanceof Date\n      ? DateTime.fromJSDate(value, { zone })\n      : DateTime.fromISO(value, { zone });\n  return dt.isValid ? dt : null;\n}\n\n/**\n * Tailwind classes per accent, so every view tints the same way.\n *\n * There is deliberately no text colour here. `--mieweb-success` and friends are\n * fill tokens: as ink on a surface — even their own 10% wash — they fail WCAG AA\n * contrast, which axe catches as a serious violation. So an accent is carried by\n * a wash, a border and a solid marker, and label text always uses a foreground\n * token. That also means colour is never the only signal.\n */\nexport const accentClasses: Record<\n  Accent,\n  { tint: string; border: string; marker: string }\n> = {\n  primary: {\n    tint: 'bg-primary-500/10',\n    border: 'border-primary-500/40',\n    marker: 'bg-primary-500',\n  },\n  success: {\n    tint: 'bg-success/10',\n    border: 'border-success/40',\n    marker: 'bg-success',\n  },\n  warning: {\n    tint: 'bg-warning/10',\n    border: 'border-warning/40',\n    marker: 'bg-warning',\n  },\n  destructive: {\n    tint: 'bg-destructive/10',\n    border: 'border-destructive/40',\n    marker: 'bg-destructive',\n  },\n  info: {\n    tint: 'bg-info/10',\n    border: 'border-info/40',\n    marker: 'bg-info',\n  },\n  neutral: {\n    tint: 'bg-muted',\n    border: 'border-border',\n    marker: 'bg-muted-foreground',\n  },\n};\n"]}

package/dist/chunk-4ZB7RSMY.cjs

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/InlineEdit/InlineEdit.tsx"],"names":["cva","DateTime","React","InlineEdit","jsx","cn","jsxs","Loader2","Pencil","inputVariants","Check","X"],"mappings":"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","file":"chunk-4ZB7RSMY.cjs","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { Check, Loader2, Pencil, X } from 'lucide-react';\nimport { DateTime } from 'luxon';\nimport { cn } from '../../utils/cn';\nimport { inputVariants } from '../Input';\n\nexport type InlineEditType =\n  | 'text'\n  | 'textarea'\n  | 'number'\n  | 'date'\n  | 'select'\n  | 'email'\n  | 'url'\n  | 'tel';\n\nexport interface InlineEditOption {\n  value: string;\n  label: string;\n}\n\nexport interface InlineEditLabels {\n  /** Accessible name of the display button. */\n  edit: (label: string) => string;\n  save: string;\n  cancel: string;\n  saving: string;\n  /** Shown when the value is empty and no `placeholder` is given. */\n  empty: string;\n  /** Shown when `onSave` rejects without an `Error` message. */\n  saveFailed: string;\n}\n\nexport const defaultInlineEditLabels: InlineEditLabels = {\n  edit: (label) => `Edit ${label}`,\n  save: 'Save',\n  cancel: 'Cancel',\n  saving: 'Saving…',\n  empty: 'Click to add',\n  saveFailed: 'Could not save. Try again.',\n};\n\nconst displayVariants = cva(\n  [\n    'group inline-flex w-full min-w-0 items-center gap-2 rounded-md text-start',\n    'text-foreground transition-colors motion-reduce:transition-none',\n    'hover:bg-muted focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none',\n    'disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-transparent',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'min-h-8 px-2 py-1 text-sm',\n        md: 'min-h-10 px-3 py-2 text-base',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  }\n);\n\nexport interface InlineEditProps\n  extends\n    Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'>,\n    VariantProps<typeof displayVariants> {\n  /** Current persisted value. Dates are ISO `yyyy-MM-dd`. */\n  value: string;\n  /** Persist the new value. Rejecting restores the previous value and shows an error. */\n  onSave: (value: string) => void | Promise<void>;\n  /** Field name, used for the accessible names of the controls. */\n  label: string;\n  /** Which control to render while editing. */\n  type?: InlineEditType;\n  /** Choices for `type=\"select\"`. */\n  options?: InlineEditOption[];\n  /** Shown when the value is empty. */\n  placeholder?: string;\n  /** Return an error message to block the save. */\n  validate?: (value: string) => string | undefined;\n  /** Custom rendering of a non-empty value in display mode. */\n  formatDisplay?: (value: string) => React.ReactNode;\n  /** Render the value as plain text with no edit affordance. */\n  readOnly?: boolean;\n  disabled?: boolean;\n  /** Save when focus leaves the editor (default). When false, blur cancels. */\n  saveOnBlur?: boolean;\n  /** Translatable strings. */\n  labels?: Partial<InlineEditLabels>;\n}\n\nfunction defaultDisplay(\n  value: string,\n  type: InlineEditType,\n  options?: InlineEditOption[]\n): string {\n  if (type === 'select') {\n    return options?.find((o) => o.value === value)?.label ?? value;\n  }\n  if (type === 'date') {\n    const date = DateTime.fromISO(value);\n    return date.isValid ? date.toLocaleString(DateTime.DATE_MED) : value;\n  }\n  return value;\n}\n\n/**\n * Click-to-edit value: a button in display mode, the matching control in edit\n * mode. Enter saves (Cmd/Ctrl+Enter in a textarea), Escape cancels.\n */\nexport const InlineEdit = React.forwardRef<HTMLDivElement, InlineEditProps>(\n  function InlineEdit(\n    {\n      value,\n      onSave,\n      label,\n      type = 'text',\n      options,\n      placeholder,\n      validate,\n      formatDisplay,\n      readOnly,\n      disabled,\n      saveOnBlur = true,\n      size,\n      labels: labelOverrides,\n      className,\n      'aria-describedby': describedBy,\n      ...props\n    },\n    ref\n  ) {\n    const labels = { ...defaultInlineEditLabels, ...labelOverrides };\n    const [editing, setEditing] = React.useState(false);\n    const [draft, setDraft] = React.useState(value);\n    const [pendingValue, setPendingValue] = React.useState<string | null>(null);\n    const [error, setError] = React.useState<string | null>(null);\n    const containerRef = React.useRef<HTMLDivElement>(null);\n    const displayRef = React.useRef<HTMLButtonElement>(null);\n    const fieldRef = React.useRef<\n      HTMLInputElement & HTMLTextAreaElement & HTMLSelectElement\n    >(null);\n    const refocusDisplay = React.useRef(false);\n    const errorId = React.useId();\n    const describedByIds =\n      [describedBy, error && errorId].filter(Boolean).join(' ') || undefined;\n\n    React.useImperativeHandle(ref, () => containerRef.current!);\n\n    React.useEffect(() => {\n      if (editing) fieldRef.current?.focus();\n      else if (refocusDisplay.current) {\n        refocusDisplay.current = false;\n        displayRef.current?.focus();\n      }\n    }, [editing]);\n\n    const startEditing = () => {\n      if (disabled || readOnly || pendingValue !== null) return;\n      setDraft(value);\n      setError(null);\n      setEditing(true);\n    };\n\n    const cancel = (restoreFocus: boolean) => {\n      refocusDisplay.current = restoreFocus;\n      setError(null);\n      setEditing(false);\n    };\n\n    const commit = async (restoreFocus: boolean) => {\n      const next = type === 'select' ? draft : draft.trim();\n      if (next === value) return cancel(restoreFocus);\n      const invalid = validate?.(next);\n      if (invalid) {\n        setError(invalid);\n        return;\n      }\n      refocusDisplay.current = restoreFocus;\n      setError(null);\n      setEditing(false);\n      setPendingValue(next);\n      try {\n        await onSave(next);\n      } catch (e) {\n        setError(\n          e instanceof Error && e.message ? e.message : labels.saveFailed\n        );\n      } finally {\n        setPendingValue(null);\n      }\n    };\n\n    const handleKeyDown = (e: React.KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        e.preventDefault();\n        cancel(true);\n      } else if (\n        e.key === 'Enter' &&\n        (type !== 'textarea' || e.metaKey || e.ctrlKey)\n      ) {\n        e.preventDefault();\n        void commit(true);\n      }\n    };\n\n    const handleBlur = (e: React.FocusEvent) => {\n      if (containerRef.current?.contains(e.relatedTarget as Node | null)) {\n        return;\n      }\n      if (saveOnBlur) void commit(false);\n      else cancel(false);\n    };\n\n    const shown = pendingValue ?? value;\n    const isEmpty = shown.trim() === '';\n    const displayContent = isEmpty ? (\n      <span className=\"text-muted-foreground italic\">\n        {placeholder ?? labels.empty}\n      </span>\n    ) : (\n      (formatDisplay?.(shown) ?? (\n        <span className=\"break-words whitespace-pre-wrap\">\n          {defaultDisplay(shown, type, options)}\n        </span>\n      ))\n    );\n\n    const errorNode = error && (\n      <p\n        id={errorId}\n        role=\"alert\"\n        data-slot=\"inline-edit-error\"\n        className=\"text-destructive-700 dark:text-destructive-400 mt-1 text-sm\"\n      >\n        {error}\n      </p>\n    );\n\n    if (readOnly) {\n      return (\n        <div\n          ref={containerRef}\n          data-slot=\"inline-edit\"\n          data-state=\"read-only\"\n          aria-describedby={describedBy}\n          className={cn(\n            displayVariants({ size }),\n            'hover:bg-transparent',\n            className\n          )}\n          {...props}\n        >\n          {displayContent}\n        </div>\n      );\n    }\n\n    if (!editing) {\n      return (\n        <div\n          ref={containerRef}\n          data-slot=\"inline-edit\"\n          data-state=\"display\"\n          className={cn('min-w-0', className)}\n          {...props}\n        >\n          <button\n            ref={displayRef}\n            type=\"button\"\n            data-slot=\"inline-edit-display\"\n            aria-label={labels.edit(label)}\n            aria-describedby={describedByIds}\n            aria-busy={pendingValue !== null || undefined}\n            disabled={disabled}\n            onClick={startEditing}\n            className={displayVariants({ size })}\n          >\n            <span className=\"min-w-0 flex-1\">{displayContent}</span>\n            {pendingValue !== null ? (\n              <span role=\"status\" className=\"inline-flex items-center\">\n                <Loader2\n                  aria-hidden=\"true\"\n                  className=\"text-muted-foreground h-4 w-4 animate-spin motion-reduce:animate-none\"\n                />\n                <span className=\"sr-only\">{labels.saving}</span>\n              </span>\n            ) : (\n              <Pencil\n                aria-hidden=\"true\"\n                className=\"text-muted-foreground h-3.5 w-3.5 shrink-0 opacity-0 transition-opacity group-hover:opacity-100 group-focus-visible:opacity-100 motion-reduce:transition-none\"\n              />\n            )}\n          </button>\n          {errorNode}\n        </div>\n      );\n    }\n\n    const fieldProps = {\n      ref: fieldRef,\n      'aria-label': label,\n      'aria-invalid': error ? true : undefined,\n      'aria-describedby': describedByIds,\n      'data-slot': 'inline-edit-field',\n      value: draft,\n      onChange: (\n        e: React.ChangeEvent<\n          HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement\n        >\n      ) => setDraft(e.target.value),\n      onKeyDown: handleKeyDown,\n      onBlur: handleBlur,\n      className: cn(\n        inputVariants({ size: size === 'sm' ? 'sm' : 'md', hasError: !!error })\n      ),\n    };\n\n    return (\n      <div\n        ref={containerRef}\n        data-slot=\"inline-edit\"\n        data-state=\"editing\"\n        className={cn('min-w-0', className)}\n        {...props}\n      >\n        <div className=\"flex items-start gap-1\">\n          {type === 'textarea' ? (\n            <textarea\n              {...fieldProps}\n              rows={3}\n              placeholder={placeholder}\n              className={cn(fieldProps.className, 'h-auto min-h-20')}\n            />\n          ) : type === 'select' ? (\n            <select {...fieldProps}>\n              {!options?.some((o) => o.value === draft) && (\n                <option value={draft}>{placeholder ?? ''}</option>\n              )}\n              {options?.map((o) => (\n                <option key={o.value} value={o.value}>\n                  {o.label}\n                </option>\n              ))}\n            </select>\n          ) : (\n            <input {...fieldProps} type={type} placeholder={placeholder} />\n          )}\n          <button\n            type=\"button\"\n            aria-label={labels.save}\n            title={labels.save}\n            onMouseDown={(e) => e.preventDefault()}\n            onClick={() => void commit(true)}\n            onBlur={handleBlur}\n            className=\"text-success hover:bg-muted focus-visible:ring-ring mt-1 rounded p-1 focus-visible:ring-2 focus-visible:outline-none\"\n          >\n            <Check aria-hidden=\"true\" className=\"h-4 w-4\" />\n          </button>\n          <button\n            type=\"button\"\n            aria-label={labels.cancel}\n            title={labels.cancel}\n            onMouseDown={(e) => e.preventDefault()}\n            onClick={() => cancel(true)}\n            onBlur={handleBlur}\n            className=\"text-muted-foreground hover:bg-muted focus-visible:ring-ring mt-1 rounded p-1 focus-visible:ring-2 focus-visible:outline-none\"\n          >\n            <X aria-hidden=\"true\" className=\"h-4 w-4\" />\n          </button>\n        </div>\n        {errorNode}\n      </div>\n    );\n  }\n);\n\nInlineEdit.displayName = 'InlineEdit';\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"]}