@mieweb/ui 0.10.0-dev.31 → 0.10.0-dev.32

package/dist/{chunk-IYWG72DM.js.map → chunk-VEE46VTX.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/ViewSet/ViewSet.tsx"],"names":[],"mappings":"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","file":"chunk-IYWG72DM.js","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '../../utils/cn';\nimport { ViewSwitcher, type ViewOption } from '../ViewSwitcher';\nimport { ListView, type ListViewProps } from '../ListView';\nimport { BoardView, type BoardLabels, type BoardViewProps } from '../BoardView';\nimport {\n  CalendarView,\n  type CalendarLabels,\n  type CalendarViewProps,\n} from '../CalendarView';\nimport { GanttView, type GanttLabels, type GanttViewProps } from '../GanttView';\nimport type { Stage, ViewBaseProps, ViewId } from '../../views/types';\n\n// =============================================================================\n// Types\n// =============================================================================\n\n/**\n * Every string any layout in the set can render.\n *\n * Each view extends `ViewLabels` with its own — the calendar's month arrows and\n * \"+n more\", the board's move announcements, the Gantt's undated footnote. They\n * are all shared props, so the per-view escape hatches below exclude `labels`;\n * without widening here a non-English host could translate the common strings\n * and nothing else, which would break the contract that every user-facing\n * string is overridable. A view ignores the keys it does not know.\n */\nexport type ViewSetLabels = Partial<CalendarLabels & BoardLabels & GanttLabels>;\n\n/**\n * Props `ViewSet` passes to every layout itself, beyond `ViewBaseProps`. Named\n * here so the per-view escape hatches below can exclude them by key rather than\n * by a hand-kept list that would drift the moment a shared prop is added.\n */\ntype ViewSetOwned = 'stages' | 'onMove' | 'timeZone' | 'locale';\n\ntype ViewOverrides<P, T> = Omit<\n  Partial<P>,\n  keyof ViewBaseProps<T> | ViewSetOwned\n>;\n\nexport interface ViewSetProps<T> extends ViewBaseProps<T> {\n  /** Every string any offered layout can render, not just the shared ones. */\n  labels?: ViewSetLabels;\n  /** Views to offer, in order. The first is the default when uncontrolled. */\n  views: readonly (ViewId | ViewOption)[];\n  view?: ViewId;\n  defaultView?: ViewId;\n  onViewChange?: (view: ViewId) => void;\n  /**\n   * Remembers the chosen view under this key. Ignored when `view` is\n   * controlled — a page with its own URL state should own it there instead.\n   */\n  storageKey?: string;\n  /** Stages for the board and for list grouping. */\n  stages?: readonly Stage[];\n  onMove?: BoardViewProps<T>['onMove'];\n  /**\n   * IANA zone the date views read day boundaries in. Shared, because a page\n   * showing one collection as a calendar and as a Gantt must place it on the\n   * same days in both.\n   */\n  timeZone?: string;\n  /** Locale for date formatting in the calendar and Gantt. */\n  locale?: string;\n\n  /** Rendered above the switcher row. */\n  toolbar?: React.ReactNode;\n  /** Rendered under the switcher row, above the view. */\n  filters?: React.ReactNode;\n  /** The `overview` view. Domain content — the library has no opinion on it. */\n  overview?: React.ReactNode;\n  /** The `table` view. A tabular collection is a grid, not a view component. */\n  table?: React.ReactNode;\n  /** Rendered beside the view, for a list-plus-detail layout. */\n  detail?: React.ReactNode;\n\n  /**\n   * Per-view escape hatches for props this shell does not surface. Shared props\n   * are excluded: one collection rendered several ways means switching view can\n   * never change the records, the selection or the load state.\n   *\n   * `ViewSetOwned` covers the props the shell passes itself but that are not on\n   * `ViewBaseProps`. They are spread after the shared ones, so leaving them open\n   * would let one layout carry different stages, a different mutation callback\n   * or a different time zone from its neighbours — the same collection quietly\n   * disagreeing with itself as you switch tabs.\n   */\n  listProps?: ViewOverrides<ListViewProps<T>, T>;\n  boardProps?: ViewOverrides<BoardViewProps<T>, T>;\n  calendarProps?: ViewOverrides<CalendarViewProps<T>, T>;\n  ganttProps?: ViewOverrides<GanttViewProps<T>, T>;\n\n  classNames?: Partial<\n    Record<'toolbar' | 'switcher' | 'body' | 'detail', string>\n  >;\n}\n\nconst FIRST_ID = (views: ViewSetProps<unknown>['views']) => {\n  const first = views[0];\n  return (typeof first === 'string' ? first : first?.id) ?? 'list';\n};\n\n// Remembering the view is an enhancement, never a requirement. `localStorage`\n// can exist and still throw — Safari private browsing and a blocked third-party\n// storage policy both raise on access — so optional chaining is not enough; an\n// unguarded read would take the whole page down to save a preference.\nconst readStored = (key: string): ViewId | null => {\n  try {\n    return (globalThis.localStorage?.getItem(key) as ViewId | null) ?? null;\n  } catch {\n    return null;\n  }\n};\n\nconst writeStored = (key: string, value: ViewId) => {\n  try {\n    globalThis.localStorage?.setItem(key, value);\n  } catch {\n    // Fall back to in-memory state for the session.\n  }\n};\n\n// =============================================================================\n// Component\n// =============================================================================\n\n/**\n * The page-level composition: switcher, the enabled views, and the slots a page\n * needs around them. It owns which view is showing and nothing else — items,\n * selection and every mutation stay with the caller.\n */\nexport function ViewSet<T>({\n  views,\n  view,\n  defaultView,\n  onViewChange,\n  storageKey,\n  stages,\n  onMove,\n  toolbar,\n  filters,\n  overview,\n  table,\n  detail,\n  listProps,\n  boardProps,\n  calendarProps,\n  ganttProps,\n  className,\n  classNames,\n  ...shared\n}: ViewSetProps<T>) {\n  const [internalView, setInternalView] = React.useState<ViewId>(\n    () => defaultView ?? FIRST_ID(views)\n  );\n\n  // `overview` and `table` are the caller's content. Offering either without\n  // its slot would put a dead option in the switcher that renders a blank page.\n  const offered = React.useMemo(\n    () =>\n      views.filter((v) => {\n        const id = typeof v === 'string' ? v : v.id;\n        if (id === 'overview') return overview != null;\n        if (id === 'table') return table != null;\n        return true;\n      }),\n    [views, overview, table]\n  );\n\n  // Read storage after mount: a server render and the first client render must\n  // agree, and localStorage is not available to the former.\n  React.useEffect(() => {\n    if (!storageKey || view) return;\n    const stored = readStored(storageKey);\n    if (\n      stored &&\n      offered.some((v) => (typeof v === 'string' ? v : v.id) === stored)\n    )\n      setInternalView(stored);\n  }, [storageKey, view, offered]);\n\n  const requested = view ?? internalView;\n  const active = offered.some(\n    (v) => (typeof v === 'string' ? v : v.id) === requested\n  )\n    ? requested\n    : FIRST_ID(offered);\n\n  const changeView = (next: ViewId) => {\n    if (!view) setInternalView(next);\n    if (storageKey && !view) writeStored(storageKey, next);\n    onViewChange?.(next);\n  };\n\n  const body = (() => {\n    switch (active) {\n      case 'overview':\n        return overview ?? null;\n      case 'table':\n        return table ?? null;\n      case 'board':\n        return (\n          <BoardView\n            {...shared}\n            stages={stages ?? []}\n            onMove={onMove}\n            {...boardProps}\n          />\n        );\n      case 'calendar':\n        return <CalendarView {...shared} {...calendarProps} />;\n      case 'gantt':\n        return <GanttView {...shared} {...ganttProps} />;\n      case 'roadmap':\n        // A roadmap is the Gantt at a coarse cadence; see Views.mdx. The two\n        // props that make it one come last: `ganttProps` is shared with the\n        // plain `gantt` case, so a `cadence: 'day'` meant for that view must\n        // not quietly turn the Roadmap option into a daily chart.\n        return (\n          <GanttView\n            {...shared}\n            {...ganttProps}\n            cadence=\"quarter\"\n            groupByLane\n          />\n        );\n      case 'list':\n      default:\n        return <ListView {...shared} stages={stages} {...listProps} />;\n    }\n  })();\n\n  return (\n    <div data-slot=\"view-set\" className={cn('flex flex-col gap-3', className)}>\n      <div\n        data-slot=\"view-set-toolbar\"\n        className={cn('flex flex-wrap items-center gap-2', classNames?.toolbar)}\n      >\n        {toolbar}\n        <div\n          data-slot=\"view-set-switcher\"\n          className={cn('ms-auto', classNames?.switcher)}\n        >\n          <ViewSwitcher\n            views={offered}\n            value={active}\n            onValueChange={changeView}\n            label={shared.labels?.viewSwitcher}\n          />\n        </div>\n      </div>\n      {filters}\n      <div\n        data-slot=\"view-set-body\"\n        className={cn(\n          // Plain column spans rather than an arbitrary grid template, so a\n          // Tailwind 3 consumer needs no extra safelist entry.\n          detail && 'gap-3 lg:grid lg:grid-cols-3',\n          classNames?.body\n        )}\n      >\n        <div className={cn('min-w-0', detail && 'lg:col-span-2')}>{body}</div>\n        {detail && (\n          <aside\n            data-slot=\"view-set-detail\"\n            className={cn('min-w-0', classNames?.detail)}\n          >\n            {detail}\n          </aside>\n        )}\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/ViewSet/ViewSet.tsx"],"names":[],"mappings":"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","file":"chunk-VEE46VTX.js","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '../../utils/cn';\nimport { ViewSwitcher, type ViewOption } from '../ViewSwitcher';\nimport { ListView, type ListViewProps } from '../ListView';\nimport { BoardView, type BoardLabels, type BoardViewProps } from '../BoardView';\nimport {\n  CalendarView,\n  type CalendarLabels,\n  type CalendarViewProps,\n} from '../CalendarView';\nimport { GanttView, type GanttLabels, type GanttViewProps } from '../GanttView';\nimport type { Stage, ViewBaseProps, ViewId } from '../../views/types';\n\n// =============================================================================\n// Types\n// =============================================================================\n\n/**\n * Every string any layout in the set can render.\n *\n * Each view extends `ViewLabels` with its own — the calendar's month arrows and\n * \"+n more\", the board's move announcements, the Gantt's undated footnote. They\n * are all shared props, so the per-view escape hatches below exclude `labels`;\n * without widening here a non-English host could translate the common strings\n * and nothing else, which would break the contract that every user-facing\n * string is overridable. A view ignores the keys it does not know.\n */\nexport type ViewSetLabels = Partial<CalendarLabels & BoardLabels & GanttLabels>;\n\n/**\n * Props `ViewSet` passes to every layout itself, beyond `ViewBaseProps`. Named\n * here so the per-view escape hatches below can exclude them by key rather than\n * by a hand-kept list that would drift the moment a shared prop is added.\n */\ntype ViewSetOwned = 'stages' | 'onMove' | 'timeZone' | 'locale';\n\ntype ViewOverrides<P, T> = Omit<\n  Partial<P>,\n  keyof ViewBaseProps<T> | ViewSetOwned\n>;\n\nexport interface ViewSetProps<T> extends ViewBaseProps<T> {\n  /** Every string any offered layout can render, not just the shared ones. */\n  labels?: ViewSetLabels;\n  /** Views to offer, in order. The first is the default when uncontrolled. */\n  views: readonly (ViewId | ViewOption)[];\n  view?: ViewId;\n  defaultView?: ViewId;\n  onViewChange?: (view: ViewId) => void;\n  /**\n   * Remembers the chosen view under this key. Ignored when `view` is\n   * controlled — a page with its own URL state should own it there instead.\n   */\n  storageKey?: string;\n  /** Stages for the board and for list grouping. */\n  stages?: readonly Stage[];\n  onMove?: BoardViewProps<T>['onMove'];\n  /**\n   * IANA zone the date views read day boundaries in. Shared, because a page\n   * showing one collection as a calendar and as a Gantt must place it on the\n   * same days in both.\n   */\n  timeZone?: string;\n  /** Locale for date formatting in the calendar and Gantt. */\n  locale?: string;\n\n  /** Rendered above the switcher row. */\n  toolbar?: React.ReactNode;\n  /** Rendered under the switcher row, above the view. */\n  filters?: React.ReactNode;\n  /** The `overview` view. Domain content — the library has no opinion on it. */\n  overview?: React.ReactNode;\n  /** The `table` view. A tabular collection is a grid, not a view component. */\n  table?: React.ReactNode;\n  /** Rendered beside the view, for a list-plus-detail layout. */\n  detail?: React.ReactNode;\n\n  /**\n   * Per-view escape hatches for props this shell does not surface. Shared props\n   * are excluded: one collection rendered several ways means switching view can\n   * never change the records, the selection or the load state.\n   *\n   * `ViewSetOwned` covers the props the shell passes itself but that are not on\n   * `ViewBaseProps`. They are spread after the shared ones, so leaving them open\n   * would let one layout carry different stages, a different mutation callback\n   * or a different time zone from its neighbours — the same collection quietly\n   * disagreeing with itself as you switch tabs.\n   */\n  listProps?: ViewOverrides<ListViewProps<T>, T>;\n  boardProps?: ViewOverrides<BoardViewProps<T>, T>;\n  calendarProps?: ViewOverrides<CalendarViewProps<T>, T>;\n  ganttProps?: ViewOverrides<GanttViewProps<T>, T>;\n\n  classNames?: Partial<\n    Record<'toolbar' | 'switcher' | 'body' | 'detail', string>\n  >;\n}\n\nconst FIRST_ID = (views: ViewSetProps<unknown>['views']) => {\n  const first = views[0];\n  return (typeof first === 'string' ? first : first?.id) ?? 'list';\n};\n\n// Remembering the view is an enhancement, never a requirement. `localStorage`\n// can exist and still throw — Safari private browsing and a blocked third-party\n// storage policy both raise on access — so optional chaining is not enough; an\n// unguarded read would take the whole page down to save a preference.\nconst readStored = (key: string): ViewId | null => {\n  try {\n    return (globalThis.localStorage?.getItem(key) as ViewId | null) ?? null;\n  } catch {\n    return null;\n  }\n};\n\nconst writeStored = (key: string, value: ViewId) => {\n  try {\n    globalThis.localStorage?.setItem(key, value);\n  } catch {\n    // Fall back to in-memory state for the session.\n  }\n};\n\n// =============================================================================\n// Component\n// =============================================================================\n\n/**\n * The page-level composition: switcher, the enabled views, and the slots a page\n * needs around them. It owns which view is showing and nothing else — items,\n * selection and every mutation stay with the caller.\n */\nexport function ViewSet<T>({\n  views,\n  view,\n  defaultView,\n  onViewChange,\n  storageKey,\n  stages,\n  onMove,\n  toolbar,\n  filters,\n  overview,\n  table,\n  detail,\n  listProps,\n  boardProps,\n  calendarProps,\n  ganttProps,\n  className,\n  classNames,\n  ...shared\n}: ViewSetProps<T>) {\n  const [internalView, setInternalView] = React.useState<ViewId>(\n    () => defaultView ?? FIRST_ID(views)\n  );\n\n  // `overview` and `table` are the caller's content. Offering either without\n  // its slot would put a dead option in the switcher that renders a blank page.\n  const offered = React.useMemo(\n    () =>\n      views.filter((v) => {\n        const id = typeof v === 'string' ? v : v.id;\n        if (id === 'overview') return overview != null;\n        if (id === 'table') return table != null;\n        return true;\n      }),\n    [views, overview, table]\n  );\n\n  // Read storage after mount: a server render and the first client render must\n  // agree, and localStorage is not available to the former.\n  React.useEffect(() => {\n    if (!storageKey || view) return;\n    const stored = readStored(storageKey);\n    if (\n      stored &&\n      offered.some((v) => (typeof v === 'string' ? v : v.id) === stored)\n    )\n      setInternalView(stored);\n  }, [storageKey, view, offered]);\n\n  const requested = view ?? internalView;\n  const active = offered.some(\n    (v) => (typeof v === 'string' ? v : v.id) === requested\n  )\n    ? requested\n    : FIRST_ID(offered);\n\n  const changeView = (next: ViewId) => {\n    if (!view) setInternalView(next);\n    if (storageKey && !view) writeStored(storageKey, next);\n    onViewChange?.(next);\n  };\n\n  const body = (() => {\n    switch (active) {\n      case 'overview':\n        return overview ?? null;\n      case 'table':\n        return table ?? null;\n      case 'board':\n        return (\n          <BoardView\n            {...shared}\n            stages={stages ?? []}\n            onMove={onMove}\n            {...boardProps}\n          />\n        );\n      case 'calendar':\n        return <CalendarView {...shared} {...calendarProps} />;\n      case 'gantt':\n        return <GanttView {...shared} {...ganttProps} />;\n      case 'roadmap':\n        // A roadmap is the Gantt at a coarse cadence; see Views.mdx. The two\n        // props that make it one come last: `ganttProps` is shared with the\n        // plain `gantt` case, so a `cadence: 'day'` meant for that view must\n        // not quietly turn the Roadmap option into a daily chart.\n        return (\n          <GanttView\n            {...shared}\n            {...ganttProps}\n            cadence=\"quarter\"\n            groupByLane\n          />\n        );\n      case 'list':\n      default:\n        return <ListView {...shared} stages={stages} {...listProps} />;\n    }\n  })();\n\n  return (\n    <div data-slot=\"view-set\" className={cn('flex flex-col gap-3', className)}>\n      <div\n        data-slot=\"view-set-toolbar\"\n        className={cn('flex flex-wrap items-center gap-2', classNames?.toolbar)}\n      >\n        {toolbar}\n        <div\n          data-slot=\"view-set-switcher\"\n          className={cn('ms-auto', classNames?.switcher)}\n        >\n          <ViewSwitcher\n            views={offered}\n            value={active}\n            onValueChange={changeView}\n            label={shared.labels?.viewSwitcher}\n          />\n        </div>\n      </div>\n      {filters}\n      <div\n        data-slot=\"view-set-body\"\n        className={cn(\n          // Plain column spans rather than an arbitrary grid template, so a\n          // Tailwind 3 consumer needs no extra safelist entry.\n          detail && 'gap-3 lg:grid lg:grid-cols-3',\n          classNames?.body\n        )}\n      >\n        <div className={cn('min-w-0', detail && 'lg:col-span-2')}>{body}</div>\n        {detail && (\n          <aside\n            data-slot=\"view-set-detail\"\n            className={cn('min-w-0', classNames?.detail)}\n          >\n            {detail}\n          </aside>\n        )}\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/{chunk-Y4E2WRUR.cjs → chunk-VFFV7EMT.cjs}

@@ -1,9 +1,9 @@
 'use strict';
 
 var chunkXDIMTPZU_cjs = require('./chunk-XDIMTPZU.cjs');
-var chunkGU5OS7JJ_cjs = require('./chunk-GU5OS7JJ.cjs');
 var chunkVINZZQBD_cjs = require('./chunk-VINZZQBD.cjs');
-var chunkN7C4OEP7_cjs = require('./chunk-N7C4OEP7.cjs');
+var chunkPYI2IWNX_cjs = require('./chunk-PYI2IWNX.cjs');
+var chunkGM32IDVL_cjs = require('./chunk-GM32IDVL.cjs');
 var chunk4IS3QCOQ_cjs = require('./chunk-4IS3QCOQ.cjs');
 var chunkS5RVSXDV_cjs = require('./chunk-S5RVSXDV.cjs');
 var React = require('react');
@@ -111,7 +111,7 @@ function ViewSet({
           }
         );
       case "calendar":
-        return /* @__PURE__ */ jsxRuntime.jsx(chunkN7C4OEP7_cjs.CalendarView, { ...shared, ...calendarProps });
+        return /* @__PURE__ */ jsxRuntime.jsx(chunkGM32IDVL_cjs.CalendarView, { ...shared, ...calendarProps });
       case "gantt":
         return /* @__PURE__ */ jsxRuntime.jsx(chunkVINZZQBD_cjs.GanttView, { ...shared, ...ganttProps });
       case "roadmap":
@@ -126,7 +126,7 @@ function ViewSet({
         );
       case "list":
       default:
-        return /* @__PURE__ */ jsxRuntime.jsx(chunkGU5OS7JJ_cjs.ListView, { ...shared, stages, ...listProps });
+        return /* @__PURE__ */ jsxRuntime.jsx(chunkPYI2IWNX_cjs.ListView, { ...shared, stages, ...listProps });
     }
   })();
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-slot": "view-set", className: chunkS5RVSXDV_cjs.cn("flex flex-col gap-3", className), children: [
@@ -184,5 +184,5 @@ function ViewSet({
 }
 
 exports.ViewSet = ViewSet;
-//# sourceMappingURL=chunk-Y4E2WRUR.cjs.map
-//# sourceMappingURL=chunk-Y4E2WRUR.cjs.map
+//# sourceMappingURL=chunk-VFFV7EMT.cjs.map
+//# sourceMappingURL=chunk-VFFV7EMT.cjs.map

package/dist/{chunk-Y4E2WRUR.cjs.map → chunk-VFFV7EMT.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/ViewSet/ViewSet.tsx"],"names":["React","jsx","BoardView","CalendarView","GanttView","ListView","jsxs","cn","ViewSwitcher"],"mappings":"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","file":"chunk-Y4E2WRUR.cjs","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '../../utils/cn';\nimport { ViewSwitcher, type ViewOption } from '../ViewSwitcher';\nimport { ListView, type ListViewProps } from '../ListView';\nimport { BoardView, type BoardLabels, type BoardViewProps } from '../BoardView';\nimport {\n  CalendarView,\n  type CalendarLabels,\n  type CalendarViewProps,\n} from '../CalendarView';\nimport { GanttView, type GanttLabels, type GanttViewProps } from '../GanttView';\nimport type { Stage, ViewBaseProps, ViewId } from '../../views/types';\n\n// =============================================================================\n// Types\n// =============================================================================\n\n/**\n * Every string any layout in the set can render.\n *\n * Each view extends `ViewLabels` with its own — the calendar's month arrows and\n * \"+n more\", the board's move announcements, the Gantt's undated footnote. They\n * are all shared props, so the per-view escape hatches below exclude `labels`;\n * without widening here a non-English host could translate the common strings\n * and nothing else, which would break the contract that every user-facing\n * string is overridable. A view ignores the keys it does not know.\n */\nexport type ViewSetLabels = Partial<CalendarLabels & BoardLabels & GanttLabels>;\n\n/**\n * Props `ViewSet` passes to every layout itself, beyond `ViewBaseProps`. Named\n * here so the per-view escape hatches below can exclude them by key rather than\n * by a hand-kept list that would drift the moment a shared prop is added.\n */\ntype ViewSetOwned = 'stages' | 'onMove' | 'timeZone' | 'locale';\n\ntype ViewOverrides<P, T> = Omit<\n  Partial<P>,\n  keyof ViewBaseProps<T> | ViewSetOwned\n>;\n\nexport interface ViewSetProps<T> extends ViewBaseProps<T> {\n  /** Every string any offered layout can render, not just the shared ones. */\n  labels?: ViewSetLabels;\n  /** Views to offer, in order. The first is the default when uncontrolled. */\n  views: readonly (ViewId | ViewOption)[];\n  view?: ViewId;\n  defaultView?: ViewId;\n  onViewChange?: (view: ViewId) => void;\n  /**\n   * Remembers the chosen view under this key. Ignored when `view` is\n   * controlled — a page with its own URL state should own it there instead.\n   */\n  storageKey?: string;\n  /** Stages for the board and for list grouping. */\n  stages?: readonly Stage[];\n  onMove?: BoardViewProps<T>['onMove'];\n  /**\n   * IANA zone the date views read day boundaries in. Shared, because a page\n   * showing one collection as a calendar and as a Gantt must place it on the\n   * same days in both.\n   */\n  timeZone?: string;\n  /** Locale for date formatting in the calendar and Gantt. */\n  locale?: string;\n\n  /** Rendered above the switcher row. */\n  toolbar?: React.ReactNode;\n  /** Rendered under the switcher row, above the view. */\n  filters?: React.ReactNode;\n  /** The `overview` view. Domain content — the library has no opinion on it. */\n  overview?: React.ReactNode;\n  /** The `table` view. A tabular collection is a grid, not a view component. */\n  table?: React.ReactNode;\n  /** Rendered beside the view, for a list-plus-detail layout. */\n  detail?: React.ReactNode;\n\n  /**\n   * Per-view escape hatches for props this shell does not surface. Shared props\n   * are excluded: one collection rendered several ways means switching view can\n   * never change the records, the selection or the load state.\n   *\n   * `ViewSetOwned` covers the props the shell passes itself but that are not on\n   * `ViewBaseProps`. They are spread after the shared ones, so leaving them open\n   * would let one layout carry different stages, a different mutation callback\n   * or a different time zone from its neighbours — the same collection quietly\n   * disagreeing with itself as you switch tabs.\n   */\n  listProps?: ViewOverrides<ListViewProps<T>, T>;\n  boardProps?: ViewOverrides<BoardViewProps<T>, T>;\n  calendarProps?: ViewOverrides<CalendarViewProps<T>, T>;\n  ganttProps?: ViewOverrides<GanttViewProps<T>, T>;\n\n  classNames?: Partial<\n    Record<'toolbar' | 'switcher' | 'body' | 'detail', string>\n  >;\n}\n\nconst FIRST_ID = (views: ViewSetProps<unknown>['views']) => {\n  const first = views[0];\n  return (typeof first === 'string' ? first : first?.id) ?? 'list';\n};\n\n// Remembering the view is an enhancement, never a requirement. `localStorage`\n// can exist and still throw — Safari private browsing and a blocked third-party\n// storage policy both raise on access — so optional chaining is not enough; an\n// unguarded read would take the whole page down to save a preference.\nconst readStored = (key: string): ViewId | null => {\n  try {\n    return (globalThis.localStorage?.getItem(key) as ViewId | null) ?? null;\n  } catch {\n    return null;\n  }\n};\n\nconst writeStored = (key: string, value: ViewId) => {\n  try {\n    globalThis.localStorage?.setItem(key, value);\n  } catch {\n    // Fall back to in-memory state for the session.\n  }\n};\n\n// =============================================================================\n// Component\n// =============================================================================\n\n/**\n * The page-level composition: switcher, the enabled views, and the slots a page\n * needs around them. It owns which view is showing and nothing else — items,\n * selection and every mutation stay with the caller.\n */\nexport function ViewSet<T>({\n  views,\n  view,\n  defaultView,\n  onViewChange,\n  storageKey,\n  stages,\n  onMove,\n  toolbar,\n  filters,\n  overview,\n  table,\n  detail,\n  listProps,\n  boardProps,\n  calendarProps,\n  ganttProps,\n  className,\n  classNames,\n  ...shared\n}: ViewSetProps<T>) {\n  const [internalView, setInternalView] = React.useState<ViewId>(\n    () => defaultView ?? FIRST_ID(views)\n  );\n\n  // `overview` and `table` are the caller's content. Offering either without\n  // its slot would put a dead option in the switcher that renders a blank page.\n  const offered = React.useMemo(\n    () =>\n      views.filter((v) => {\n        const id = typeof v === 'string' ? v : v.id;\n        if (id === 'overview') return overview != null;\n        if (id === 'table') return table != null;\n        return true;\n      }),\n    [views, overview, table]\n  );\n\n  // Read storage after mount: a server render and the first client render must\n  // agree, and localStorage is not available to the former.\n  React.useEffect(() => {\n    if (!storageKey || view) return;\n    const stored = readStored(storageKey);\n    if (\n      stored &&\n      offered.some((v) => (typeof v === 'string' ? v : v.id) === stored)\n    )\n      setInternalView(stored);\n  }, [storageKey, view, offered]);\n\n  const requested = view ?? internalView;\n  const active = offered.some(\n    (v) => (typeof v === 'string' ? v : v.id) === requested\n  )\n    ? requested\n    : FIRST_ID(offered);\n\n  const changeView = (next: ViewId) => {\n    if (!view) setInternalView(next);\n    if (storageKey && !view) writeStored(storageKey, next);\n    onViewChange?.(next);\n  };\n\n  const body = (() => {\n    switch (active) {\n      case 'overview':\n        return overview ?? null;\n      case 'table':\n        return table ?? null;\n      case 'board':\n        return (\n          <BoardView\n            {...shared}\n            stages={stages ?? []}\n            onMove={onMove}\n            {...boardProps}\n          />\n        );\n      case 'calendar':\n        return <CalendarView {...shared} {...calendarProps} />;\n      case 'gantt':\n        return <GanttView {...shared} {...ganttProps} />;\n      case 'roadmap':\n        // A roadmap is the Gantt at a coarse cadence; see Views.mdx. The two\n        // props that make it one come last: `ganttProps` is shared with the\n        // plain `gantt` case, so a `cadence: 'day'` meant for that view must\n        // not quietly turn the Roadmap option into a daily chart.\n        return (\n          <GanttView\n            {...shared}\n            {...ganttProps}\n            cadence=\"quarter\"\n            groupByLane\n          />\n        );\n      case 'list':\n      default:\n        return <ListView {...shared} stages={stages} {...listProps} />;\n    }\n  })();\n\n  return (\n    <div data-slot=\"view-set\" className={cn('flex flex-col gap-3', className)}>\n      <div\n        data-slot=\"view-set-toolbar\"\n        className={cn('flex flex-wrap items-center gap-2', classNames?.toolbar)}\n      >\n        {toolbar}\n        <div\n          data-slot=\"view-set-switcher\"\n          className={cn('ms-auto', classNames?.switcher)}\n        >\n          <ViewSwitcher\n            views={offered}\n            value={active}\n            onValueChange={changeView}\n            label={shared.labels?.viewSwitcher}\n          />\n        </div>\n      </div>\n      {filters}\n      <div\n        data-slot=\"view-set-body\"\n        className={cn(\n          // Plain column spans rather than an arbitrary grid template, so a\n          // Tailwind 3 consumer needs no extra safelist entry.\n          detail && 'gap-3 lg:grid lg:grid-cols-3',\n          classNames?.body\n        )}\n      >\n        <div className={cn('min-w-0', detail && 'lg:col-span-2')}>{body}</div>\n        {detail && (\n          <aside\n            data-slot=\"view-set-detail\"\n            className={cn('min-w-0', classNames?.detail)}\n          >\n            {detail}\n          </aside>\n        )}\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/ViewSet/ViewSet.tsx"],"names":["React","jsx","BoardView","CalendarView","GanttView","ListView","jsxs","cn","ViewSwitcher"],"mappings":"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","file":"chunk-VFFV7EMT.cjs","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '../../utils/cn';\nimport { ViewSwitcher, type ViewOption } from '../ViewSwitcher';\nimport { ListView, type ListViewProps } from '../ListView';\nimport { BoardView, type BoardLabels, type BoardViewProps } from '../BoardView';\nimport {\n  CalendarView,\n  type CalendarLabels,\n  type CalendarViewProps,\n} from '../CalendarView';\nimport { GanttView, type GanttLabels, type GanttViewProps } from '../GanttView';\nimport type { Stage, ViewBaseProps, ViewId } from '../../views/types';\n\n// =============================================================================\n// Types\n// =============================================================================\n\n/**\n * Every string any layout in the set can render.\n *\n * Each view extends `ViewLabels` with its own — the calendar's month arrows and\n * \"+n more\", the board's move announcements, the Gantt's undated footnote. They\n * are all shared props, so the per-view escape hatches below exclude `labels`;\n * without widening here a non-English host could translate the common strings\n * and nothing else, which would break the contract that every user-facing\n * string is overridable. A view ignores the keys it does not know.\n */\nexport type ViewSetLabels = Partial<CalendarLabels & BoardLabels & GanttLabels>;\n\n/**\n * Props `ViewSet` passes to every layout itself, beyond `ViewBaseProps`. Named\n * here so the per-view escape hatches below can exclude them by key rather than\n * by a hand-kept list that would drift the moment a shared prop is added.\n */\ntype ViewSetOwned = 'stages' | 'onMove' | 'timeZone' | 'locale';\n\ntype ViewOverrides<P, T> = Omit<\n  Partial<P>,\n  keyof ViewBaseProps<T> | ViewSetOwned\n>;\n\nexport interface ViewSetProps<T> extends ViewBaseProps<T> {\n  /** Every string any offered layout can render, not just the shared ones. */\n  labels?: ViewSetLabels;\n  /** Views to offer, in order. The first is the default when uncontrolled. */\n  views: readonly (ViewId | ViewOption)[];\n  view?: ViewId;\n  defaultView?: ViewId;\n  onViewChange?: (view: ViewId) => void;\n  /**\n   * Remembers the chosen view under this key. Ignored when `view` is\n   * controlled — a page with its own URL state should own it there instead.\n   */\n  storageKey?: string;\n  /** Stages for the board and for list grouping. */\n  stages?: readonly Stage[];\n  onMove?: BoardViewProps<T>['onMove'];\n  /**\n   * IANA zone the date views read day boundaries in. Shared, because a page\n   * showing one collection as a calendar and as a Gantt must place it on the\n   * same days in both.\n   */\n  timeZone?: string;\n  /** Locale for date formatting in the calendar and Gantt. */\n  locale?: string;\n\n  /** Rendered above the switcher row. */\n  toolbar?: React.ReactNode;\n  /** Rendered under the switcher row, above the view. */\n  filters?: React.ReactNode;\n  /** The `overview` view. Domain content — the library has no opinion on it. */\n  overview?: React.ReactNode;\n  /** The `table` view. A tabular collection is a grid, not a view component. */\n  table?: React.ReactNode;\n  /** Rendered beside the view, for a list-plus-detail layout. */\n  detail?: React.ReactNode;\n\n  /**\n   * Per-view escape hatches for props this shell does not surface. Shared props\n   * are excluded: one collection rendered several ways means switching view can\n   * never change the records, the selection or the load state.\n   *\n   * `ViewSetOwned` covers the props the shell passes itself but that are not on\n   * `ViewBaseProps`. They are spread after the shared ones, so leaving them open\n   * would let one layout carry different stages, a different mutation callback\n   * or a different time zone from its neighbours — the same collection quietly\n   * disagreeing with itself as you switch tabs.\n   */\n  listProps?: ViewOverrides<ListViewProps<T>, T>;\n  boardProps?: ViewOverrides<BoardViewProps<T>, T>;\n  calendarProps?: ViewOverrides<CalendarViewProps<T>, T>;\n  ganttProps?: ViewOverrides<GanttViewProps<T>, T>;\n\n  classNames?: Partial<\n    Record<'toolbar' | 'switcher' | 'body' | 'detail', string>\n  >;\n}\n\nconst FIRST_ID = (views: ViewSetProps<unknown>['views']) => {\n  const first = views[0];\n  return (typeof first === 'string' ? first : first?.id) ?? 'list';\n};\n\n// Remembering the view is an enhancement, never a requirement. `localStorage`\n// can exist and still throw — Safari private browsing and a blocked third-party\n// storage policy both raise on access — so optional chaining is not enough; an\n// unguarded read would take the whole page down to save a preference.\nconst readStored = (key: string): ViewId | null => {\n  try {\n    return (globalThis.localStorage?.getItem(key) as ViewId | null) ?? null;\n  } catch {\n    return null;\n  }\n};\n\nconst writeStored = (key: string, value: ViewId) => {\n  try {\n    globalThis.localStorage?.setItem(key, value);\n  } catch {\n    // Fall back to in-memory state for the session.\n  }\n};\n\n// =============================================================================\n// Component\n// =============================================================================\n\n/**\n * The page-level composition: switcher, the enabled views, and the slots a page\n * needs around them. It owns which view is showing and nothing else — items,\n * selection and every mutation stay with the caller.\n */\nexport function ViewSet<T>({\n  views,\n  view,\n  defaultView,\n  onViewChange,\n  storageKey,\n  stages,\n  onMove,\n  toolbar,\n  filters,\n  overview,\n  table,\n  detail,\n  listProps,\n  boardProps,\n  calendarProps,\n  ganttProps,\n  className,\n  classNames,\n  ...shared\n}: ViewSetProps<T>) {\n  const [internalView, setInternalView] = React.useState<ViewId>(\n    () => defaultView ?? FIRST_ID(views)\n  );\n\n  // `overview` and `table` are the caller's content. Offering either without\n  // its slot would put a dead option in the switcher that renders a blank page.\n  const offered = React.useMemo(\n    () =>\n      views.filter((v) => {\n        const id = typeof v === 'string' ? v : v.id;\n        if (id === 'overview') return overview != null;\n        if (id === 'table') return table != null;\n        return true;\n      }),\n    [views, overview, table]\n  );\n\n  // Read storage after mount: a server render and the first client render must\n  // agree, and localStorage is not available to the former.\n  React.useEffect(() => {\n    if (!storageKey || view) return;\n    const stored = readStored(storageKey);\n    if (\n      stored &&\n      offered.some((v) => (typeof v === 'string' ? v : v.id) === stored)\n    )\n      setInternalView(stored);\n  }, [storageKey, view, offered]);\n\n  const requested = view ?? internalView;\n  const active = offered.some(\n    (v) => (typeof v === 'string' ? v : v.id) === requested\n  )\n    ? requested\n    : FIRST_ID(offered);\n\n  const changeView = (next: ViewId) => {\n    if (!view) setInternalView(next);\n    if (storageKey && !view) writeStored(storageKey, next);\n    onViewChange?.(next);\n  };\n\n  const body = (() => {\n    switch (active) {\n      case 'overview':\n        return overview ?? null;\n      case 'table':\n        return table ?? null;\n      case 'board':\n        return (\n          <BoardView\n            {...shared}\n            stages={stages ?? []}\n            onMove={onMove}\n            {...boardProps}\n          />\n        );\n      case 'calendar':\n        return <CalendarView {...shared} {...calendarProps} />;\n      case 'gantt':\n        return <GanttView {...shared} {...ganttProps} />;\n      case 'roadmap':\n        // A roadmap is the Gantt at a coarse cadence; see Views.mdx. The two\n        // props that make it one come last: `ganttProps` is shared with the\n        // plain `gantt` case, so a `cadence: 'day'` meant for that view must\n        // not quietly turn the Roadmap option into a daily chart.\n        return (\n          <GanttView\n            {...shared}\n            {...ganttProps}\n            cadence=\"quarter\"\n            groupByLane\n          />\n        );\n      case 'list':\n      default:\n        return <ListView {...shared} stages={stages} {...listProps} />;\n    }\n  })();\n\n  return (\n    <div data-slot=\"view-set\" className={cn('flex flex-col gap-3', className)}>\n      <div\n        data-slot=\"view-set-toolbar\"\n        className={cn('flex flex-wrap items-center gap-2', classNames?.toolbar)}\n      >\n        {toolbar}\n        <div\n          data-slot=\"view-set-switcher\"\n          className={cn('ms-auto', classNames?.switcher)}\n        >\n          <ViewSwitcher\n            views={offered}\n            value={active}\n            onValueChange={changeView}\n            label={shared.labels?.viewSwitcher}\n          />\n        </div>\n      </div>\n      {filters}\n      <div\n        data-slot=\"view-set-body\"\n        className={cn(\n          // Plain column spans rather than an arbitrary grid template, so a\n          // Tailwind 3 consumer needs no extra safelist entry.\n          detail && 'gap-3 lg:grid lg:grid-cols-3',\n          classNames?.body\n        )}\n      >\n        <div className={cn('min-w-0', detail && 'lg:col-span-2')}>{body}</div>\n        {detail && (\n          <aside\n            data-slot=\"view-set-detail\"\n            className={cn('min-w-0', classNames?.detail)}\n          >\n            {detail}\n          </aside>\n        )}\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/chunk-VNEAQCY2.js

@@ -0,0 +1,308 @@
+import { useClickOutside } from './chunk-62ZOA6PX.js';
+import { useAnchoredPosition } from './chunk-WSNMQQ4P.js';
+import { cn } from './chunk-TQONQSJO.js';
+import * as React from 'react';
+import { createPortal } from 'react-dom';
+import { cva } from 'class-variance-authority';
+import { X, Loader2 } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var defaultTagEditorLabels = {
+  input: "Add tag",
+  placeholder: "Add a tag\u2026",
+  remove: (tag) => `Remove ${tag}`,
+  duplicate: (tag) => `"${tag}" is already added`,
+  maxReached: (max) => `You can add up to ${max} tags`,
+  saving: "Saving\u2026",
+  saveFailed: "Could not save tags. Try again.",
+  suggestions: "Suggestions"
+};
+var containerVariants = cva(
+  [
+    "flex w-full flex-wrap items-center gap-1.5 rounded-lg border bg-background",
+    "focus-within:ring-ring focus-within:ring-2"
+  ],
+  {
+    variants: {
+      size: { sm: "min-h-8 px-2 py-1 text-sm", md: "min-h-10 px-3 py-1.5" },
+      hasError: { true: "border-destructive", false: "border-input" }
+    },
+    defaultVariants: { size: "md", hasError: false }
+  }
+);
+var TagEditor = React.forwardRef(
+  function TagEditor2({
+    value,
+    onChange,
+    suggestions,
+    maxTags,
+    validate,
+    label,
+    readOnly,
+    disabled,
+    size,
+    labels: labelOverrides,
+    className,
+    ...props
+  }, ref) {
+    const labels = { ...defaultTagEditorLabels, ...labelOverrides };
+    const [draft, setDraft] = React.useState("");
+    const [error, setError] = React.useState(null);
+    const [pending, setPending] = React.useState(false);
+    const [open, setOpen] = React.useState(false);
+    const [activeIndex, setActiveIndex] = React.useState(-1);
+    const inputRef = React.useRef(null);
+    const containerRef = React.useRef(null);
+    const id = React.useId();
+    const inputId = `${id}-input`;
+    const errorId = `${id}-error`;
+    const listId = `${id}-list`;
+    const { anchorRef, floatingRef, style } = useAnchoredPosition({ open, matchWidth: true, maxHeight: 240 });
+    const outsideRefs = React.useMemo(
+      () => [containerRef, floatingRef],
+      [floatingRef]
+    );
+    useClickOutside(outsideRefs, () => setOpen(false), open);
+    const has = (tag) => value.some((t) => t.toLowerCase() === tag.toLowerCase());
+    const query = draft.trim().toLowerCase();
+    const matches = (suggestions ?? []).filter(
+      (s) => !has(s) && (!query || s.toLowerCase().includes(query))
+    );
+    const isOpen = open && matches.length > 0 && !pending;
+    const interactive = !readOnly && !disabled && !pending;
+    const atMax = maxTags !== void 0 && value.length >= maxTags;
+    const inFlight = React.useRef(false);
+    const commit = async (next, refocus = true) => {
+      inFlight.current = true;
+      setPending(true);
+      try {
+        await onChange(next);
+      } catch {
+        setError(labels.saveFailed);
+      } finally {
+        inFlight.current = false;
+        setPending(false);
+        if (refocus) inputRef.current?.focus();
+      }
+    };
+    const add = (raw, refocus = true) => {
+      if (inFlight.current) return;
+      const next = [...value];
+      for (const piece of raw) {
+        const tag = piece.trim();
+        if (!tag) continue;
+        if (next.some((t) => t.toLowerCase() === tag.toLowerCase())) {
+          setError(labels.duplicate(tag));
+          return;
+        }
+        if (maxTags !== void 0 && next.length >= maxTags) {
+          setError(labels.maxReached(maxTags));
+          return;
+        }
+        const invalid = validate?.(tag);
+        if (invalid) {
+          setError(invalid);
+          return;
+        }
+        next.push(tag);
+      }
+      setError(null);
+      setDraft("");
+      setActiveIndex(-1);
+      if (next.length !== value.length) void commit(next, refocus);
+    };
+    const remove = (index) => {
+      if (inFlight.current) return;
+      setError(null);
+      void commit(value.filter((_, i) => i !== index));
+    };
+    const handleKeyDown = (e) => {
+      if (e.key === "ArrowDown" || e.key === "ArrowUp") {
+        e.preventDefault();
+        setOpen(true);
+        if (!matches.length) return;
+        const step = e.key === "ArrowDown" ? 1 : -1;
+        setActiveIndex((i) => (i + step + matches.length) % matches.length);
+      } else if (e.key === "Enter" || e.key === ",") {
+        if (e.key === "Enter" && !draft.trim() && activeIndex < 0) return;
+        e.preventDefault();
+        add([isOpen && activeIndex >= 0 ? matches[activeIndex] : draft]);
+      } else if (e.key === "Backspace" && !draft && value.length) {
+        remove(value.length - 1);
+      } else if (e.key === "Escape" && isOpen) {
+        e.preventDefault();
+        setOpen(false);
+        setActiveIndex(-1);
+      }
+    };
+    const handleChange = (e) => {
+      const parts = e.target.value.split(",");
+      setOpen(true);
+      setActiveIndex(-1);
+      if (parts.length > 1) {
+        add(parts.slice(0, -1));
+        setDraft(parts[parts.length - 1]);
+      } else {
+        setDraft(e.target.value);
+        if (error) setError(null);
+      }
+    };
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        "data-slot": "tag-editor",
+        className: cn("w-full", className),
+        ...props,
+        children: [
+          label && /* @__PURE__ */ jsx(
+            "label",
+            {
+              htmlFor: inputId,
+              className: "text-foreground mb-1.5 block text-sm font-medium",
+              children: label
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              ref: (node) => {
+                containerRef.current = node;
+                anchorRef.current = node;
+              },
+              "data-slot": "tag-editor-field",
+              "aria-busy": pending || void 0,
+              className: cn(
+                containerVariants({ size, hasError: !!error }),
+                disabled && "cursor-not-allowed opacity-50",
+                readOnly && "focus-within:ring-0"
+              ),
+              children: [
+                value.length > 0 && /* @__PURE__ */ jsx(
+                  "ul",
+                  {
+                    "aria-label": label ?? labels.input,
+                    className: "flex max-w-full flex-wrap items-center gap-1.5",
+                    children: value.map((tag, index) => /* @__PURE__ */ jsxs(
+                      "li",
+                      {
+                        "data-slot": "tag-editor-tag",
+                        className: "bg-primary-100 text-primary-900 dark:bg-primary-900 dark:text-primary-100 inline-flex max-w-full items-center gap-1 rounded-full py-0.5 ps-2.5 pe-1 text-sm",
+                        children: [
+                          /* @__PURE__ */ jsx("span", { className: "truncate", children: tag }),
+                          !readOnly && /* @__PURE__ */ jsx(
+                            "button",
+                            {
+                              type: "button",
+                              "aria-label": labels.remove(tag),
+                              disabled: !interactive,
+                              onClick: (e) => {
+                                e.stopPropagation();
+                                remove(index);
+                              },
+                              className: "hover:bg-primary-200 dark:hover:bg-primary-800 focus-visible:ring-ring rounded-full p-0.5 focus-visible:ring-2 focus-visible:outline-none disabled:opacity-50",
+                              children: /* @__PURE__ */ jsx(X, { "aria-hidden": "true", className: "h-3 w-3" })
+                            }
+                          )
+                        ]
+                      },
+                      tag
+                    ))
+                  }
+                ),
+                !readOnly && /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    ref: inputRef,
+                    id: inputId,
+                    type: "text",
+                    role: "combobox",
+                    "aria-label": label ? void 0 : labels.input,
+                    "aria-expanded": isOpen,
+                    "aria-controls": suggestions ? listId : void 0,
+                    "aria-autocomplete": "list",
+                    "aria-activedescendant": isOpen && activeIndex >= 0 ? `${listId}-${activeIndex}` : void 0,
+                    "aria-invalid": error ? true : void 0,
+                    "aria-describedby": error ? errorId : void 0,
+                    autoComplete: "off",
+                    value: draft,
+                    placeholder: atMax ? void 0 : labels.placeholder,
+                    disabled,
+                    readOnly: pending || atMax,
+                    onChange: handleChange,
+                    onKeyDown: handleKeyDown,
+                    onFocus: () => setOpen(true),
+                    onBlur: () => {
+                      setOpen(false);
+                      if (draft.trim()) add([draft], false);
+                    },
+                    className: "placeholder:text-muted-foreground text-foreground min-w-24 flex-1 bg-transparent py-0.5 outline-none disabled:cursor-not-allowed"
+                  }
+                ),
+                pending && /* @__PURE__ */ jsxs("span", { role: "status", className: "inline-flex", children: [
+                  /* @__PURE__ */ jsx(
+                    Loader2,
+                    {
+                      "aria-hidden": "true",
+                      className: "text-muted-foreground h-4 w-4 animate-spin motion-reduce:animate-none"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("span", { className: "sr-only", children: labels.saving })
+                ] })
+              ]
+            }
+          ),
+          error && /* @__PURE__ */ jsx(
+            "p",
+            {
+              id: errorId,
+              role: "alert",
+              "data-slot": "tag-editor-error",
+              className: "text-destructive-700 dark:text-destructive-400 mt-1 text-sm",
+              children: error
+            }
+          ),
+          isOpen && createPortal(
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                ref: floatingRef,
+                style,
+                id: listId,
+                role: "listbox",
+                "aria-label": labels.suggestions,
+                "data-slot": "tag-editor-suggestions",
+                className: "border-border bg-card text-card-foreground overflow-auto rounded-md border py-1 shadow-lg",
+                children: matches.map((s, i) => /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    tabIndex: -1,
+                    id: `${listId}-${i}`,
+                    role: "option",
+                    "aria-selected": i === activeIndex,
+                    onMouseEnter: () => setActiveIndex(i),
+                    onMouseDown: (e) => e.preventDefault(),
+                    onClick: () => add([s]),
+                    className: cn(
+                      "block w-full px-3 py-2 text-start text-sm",
+                      i === activeIndex ? "bg-muted" : "hover:bg-muted"
+                    ),
+                    children: s
+                  },
+                  s
+                ))
+              }
+            ),
+            document.body
+          )
+        ]
+      }
+    );
+  }
+);
+TagEditor.displayName = "TagEditor";
+
+export { TagEditor, defaultTagEditorLabels };
+//# sourceMappingURL=chunk-VNEAQCY2.js.map
+//# sourceMappingURL=chunk-VNEAQCY2.js.map

package/dist/chunk-VNEAQCY2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/TagEditor/TagEditor.tsx"],"names":["TagEditor"],"mappings":"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","file":"chunk-VNEAQCY2.js","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { Loader2, X } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { useAnchoredPosition } from '../../hooks/useAnchoredPosition';\nimport { useClickOutside } from '../../hooks/useClickOutside';\n\nexport interface TagEditorLabels {\n  /** Accessible name of the text input when no visible `label` is given. */\n  input: string;\n  placeholder: string;\n  remove: (tag: string) => string;\n  duplicate: (tag: string) => string;\n  maxReached: (max: number) => string;\n  saving: string;\n  saveFailed: string;\n  /** Accessible name of the suggestions list. */\n  suggestions: string;\n}\n\nexport const defaultTagEditorLabels: TagEditorLabels = {\n  input: 'Add tag',\n  placeholder: 'Add a tag…',\n  remove: (tag) => `Remove ${tag}`,\n  duplicate: (tag) => `\"${tag}\" is already added`,\n  maxReached: (max) => `You can add up to ${max} tags`,\n  saving: 'Saving…',\n  saveFailed: 'Could not save tags. Try again.',\n  suggestions: 'Suggestions',\n};\n\nconst containerVariants = cva(\n  [\n    'flex w-full flex-wrap items-center gap-1.5 rounded-lg border bg-background',\n    'focus-within:ring-ring focus-within:ring-2',\n  ],\n  {\n    variants: {\n      size: { sm: 'min-h-8 px-2 py-1 text-sm', md: 'min-h-10 px-3 py-1.5' },\n      hasError: { true: 'border-destructive', false: 'border-input' },\n    },\n    defaultVariants: { size: 'md', hasError: false },\n  }\n);\n\nexport interface TagEditorProps\n  extends\n    Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'>,\n    Omit<VariantProps<typeof containerVariants>, 'hasError'> {\n  /** Current tags (controlled). */\n  value: string[];\n  /** Receives the next tag list. May return a promise; a rejection shows an error. */\n  onChange: (tags: string[]) => void | Promise<void>;\n  /** Optional values offered while typing. */\n  suggestions?: string[];\n  /** Maximum number of tags. */\n  maxTags?: number;\n  /** Return an error message to reject a tag. */\n  validate?: (tag: string) => string | undefined;\n  /** Visible label for the field. */\n  label?: string;\n  readOnly?: boolean;\n  disabled?: boolean;\n  /** Translatable strings. */\n  labels?: Partial<TagEditorLabels>;\n}\n\n/**\n * Edit a list of free-form tags: chips with remove buttons plus an input that\n * adds on Enter or comma, with optional suggestions.\n */\nexport const TagEditor = React.forwardRef<HTMLDivElement, TagEditorProps>(\n  function TagEditor(\n    {\n      value,\n      onChange,\n      suggestions,\n      maxTags,\n      validate,\n      label,\n      readOnly,\n      disabled,\n      size,\n      labels: labelOverrides,\n      className,\n      ...props\n    },\n    ref\n  ) {\n    const labels = { ...defaultTagEditorLabels, ...labelOverrides };\n    const [draft, setDraft] = React.useState('');\n    const [error, setError] = React.useState<string | null>(null);\n    const [pending, setPending] = React.useState(false);\n    const [open, setOpen] = React.useState(false);\n    const [activeIndex, setActiveIndex] = React.useState(-1);\n    const inputRef = React.useRef<HTMLInputElement>(null);\n    const containerRef = React.useRef<HTMLDivElement>(null);\n    const id = React.useId();\n    const inputId = `${id}-input`;\n    const errorId = `${id}-error`;\n    const listId = `${id}-list`;\n\n    const { anchorRef, floatingRef, style } = useAnchoredPosition<\n      HTMLDivElement,\n      HTMLDivElement\n    >({ open, matchWidth: true, maxHeight: 240 });\n    const outsideRefs = React.useMemo(\n      () => [containerRef, floatingRef],\n      [floatingRef]\n    );\n    useClickOutside(outsideRefs, () => setOpen(false), open);\n\n    const has = (tag: string) =>\n      value.some((t) => t.toLowerCase() === tag.toLowerCase());\n    const query = draft.trim().toLowerCase();\n    const matches = (suggestions ?? []).filter(\n      (s) => !has(s) && (!query || s.toLowerCase().includes(query))\n    );\n    const isOpen = open && matches.length > 0 && !pending;\n    const interactive = !readOnly && !disabled && !pending;\n    const atMax = maxTags !== undefined && value.length >= maxTags;\n    // State lags a render behind; the ref blocks a second save from the same tick.\n    const inFlight = React.useRef(false);\n\n    const commit = async (next: string[], refocus = true) => {\n      inFlight.current = true;\n      setPending(true);\n      try {\n        await onChange(next);\n      } catch {\n        setError(labels.saveFailed);\n      } finally {\n        inFlight.current = false;\n        setPending(false);\n        if (refocus) inputRef.current?.focus();\n      }\n    };\n\n    const add = (raw: string[], refocus = true) => {\n      if (inFlight.current) return;\n      const next = [...value];\n      for (const piece of raw) {\n        const tag = piece.trim();\n        if (!tag) continue;\n        if (next.some((t) => t.toLowerCase() === tag.toLowerCase())) {\n          setError(labels.duplicate(tag));\n          return;\n        }\n        if (maxTags !== undefined && next.length >= maxTags) {\n          setError(labels.maxReached(maxTags));\n          return;\n        }\n        const invalid = validate?.(tag);\n        if (invalid) {\n          setError(invalid);\n          return;\n        }\n        next.push(tag);\n      }\n      setError(null);\n      setDraft('');\n      setActiveIndex(-1);\n      if (next.length !== value.length) void commit(next, refocus);\n    };\n\n    const remove = (index: number) => {\n      if (inFlight.current) return;\n      setError(null);\n      void commit(value.filter((_, i) => i !== index));\n    };\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n      if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {\n        e.preventDefault();\n        setOpen(true);\n        if (!matches.length) return;\n        const step = e.key === 'ArrowDown' ? 1 : -1;\n        setActiveIndex((i) => (i + step + matches.length) % matches.length);\n      } else if (e.key === 'Enter' || e.key === ',') {\n        if (e.key === 'Enter' && !draft.trim() && activeIndex < 0) return;\n        e.preventDefault();\n        add([isOpen && activeIndex >= 0 ? matches[activeIndex] : draft]);\n      } else if (e.key === 'Backspace' && !draft && value.length) {\n        remove(value.length - 1);\n      } else if (e.key === 'Escape' && isOpen) {\n        e.preventDefault();\n        setOpen(false);\n        setActiveIndex(-1);\n      }\n    };\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      const parts = e.target.value.split(',');\n      setOpen(true);\n      setActiveIndex(-1);\n      if (parts.length > 1) {\n        add(parts.slice(0, -1));\n        setDraft(parts[parts.length - 1]);\n      } else {\n        setDraft(e.target.value);\n        if (error) setError(null);\n      }\n    };\n\n    return (\n      <div\n        ref={ref}\n        data-slot=\"tag-editor\"\n        className={cn('w-full', className)}\n        {...props}\n      >\n        {label && (\n          <label\n            htmlFor={inputId}\n            className=\"text-foreground mb-1.5 block text-sm font-medium\"\n          >\n            {label}\n          </label>\n        )}\n        <div\n          ref={(node) => {\n            containerRef.current = node;\n            anchorRef.current = node;\n          }}\n          data-slot=\"tag-editor-field\"\n          aria-busy={pending || undefined}\n          className={cn(\n            containerVariants({ size, hasError: !!error }),\n            disabled && 'cursor-not-allowed opacity-50',\n            readOnly && 'focus-within:ring-0'\n          )}\n        >\n          {value.length > 0 && (\n            <ul\n              aria-label={label ?? labels.input}\n              className=\"flex max-w-full flex-wrap items-center gap-1.5\"\n            >\n              {value.map((tag, index) => (\n                <li\n                  key={tag}\n                  data-slot=\"tag-editor-tag\"\n                  className=\"bg-primary-100 text-primary-900 dark:bg-primary-900 dark:text-primary-100 inline-flex max-w-full items-center gap-1 rounded-full py-0.5 ps-2.5 pe-1 text-sm\"\n                >\n                  <span className=\"truncate\">{tag}</span>\n                  {!readOnly && (\n                    <button\n                      type=\"button\"\n                      aria-label={labels.remove(tag)}\n                      disabled={!interactive}\n                      onClick={(e) => {\n                        e.stopPropagation();\n                        remove(index);\n                      }}\n                      className=\"hover:bg-primary-200 dark:hover:bg-primary-800 focus-visible:ring-ring rounded-full p-0.5 focus-visible:ring-2 focus-visible:outline-none disabled:opacity-50\"\n                    >\n                      <X aria-hidden=\"true\" className=\"h-3 w-3\" />\n                    </button>\n                  )}\n                </li>\n              ))}\n            </ul>\n          )}\n          {!readOnly && (\n            <input\n              ref={inputRef}\n              id={inputId}\n              type=\"text\"\n              role=\"combobox\"\n              aria-label={label ? undefined : labels.input}\n              aria-expanded={isOpen}\n              aria-controls={suggestions ? listId : undefined}\n              aria-autocomplete=\"list\"\n              aria-activedescendant={\n                isOpen && activeIndex >= 0\n                  ? `${listId}-${activeIndex}`\n                  : undefined\n              }\n              aria-invalid={error ? true : undefined}\n              aria-describedby={error ? errorId : undefined}\n              autoComplete=\"off\"\n              value={draft}\n              placeholder={atMax ? undefined : labels.placeholder}\n              disabled={disabled}\n              readOnly={pending || atMax}\n              onChange={handleChange}\n              onKeyDown={handleKeyDown}\n              onFocus={() => setOpen(true)}\n              onBlur={() => {\n                setOpen(false);\n                if (draft.trim()) add([draft], false);\n              }}\n              className=\"placeholder:text-muted-foreground text-foreground min-w-24 flex-1 bg-transparent py-0.5 outline-none disabled:cursor-not-allowed\"\n            />\n          )}\n          {pending && (\n            <span role=\"status\" className=\"inline-flex\">\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        </div>\n        {error && (\n          <p\n            id={errorId}\n            role=\"alert\"\n            data-slot=\"tag-editor-error\"\n            className=\"text-destructive-700 dark:text-destructive-400 mt-1 text-sm\"\n          >\n            {error}\n          </p>\n        )}\n        {isOpen &&\n          createPortal(\n            <div\n              ref={floatingRef}\n              style={style}\n              id={listId}\n              role=\"listbox\"\n              aria-label={labels.suggestions}\n              data-slot=\"tag-editor-suggestions\"\n              className=\"border-border bg-card text-card-foreground overflow-auto rounded-md border py-1 shadow-lg\"\n            >\n              {matches.map((s, i) => (\n                <button\n                  key={s}\n                  type=\"button\"\n                  tabIndex={-1}\n                  id={`${listId}-${i}`}\n                  role=\"option\"\n                  aria-selected={i === activeIndex}\n                  onMouseEnter={() => setActiveIndex(i)}\n                  onMouseDown={(e) => e.preventDefault()}\n                  onClick={() => add([s])}\n                  className={cn(\n                    'block w-full px-3 py-2 text-start text-sm',\n                    i === activeIndex ? 'bg-muted' : 'hover:bg-muted'\n                  )}\n                >\n                  {s}\n                </button>\n              ))}\n            </div>,\n            document.body\n          )}\n      </div>\n    );\n  }\n);\n\nTagEditor.displayName = 'TagEditor';\n"]}