@mieweb/ui 0.10.0-dev.1 → 0.10.0-dev.11

package/dist/components/SuperChat/plugins/index.cjs

@@ -1,18 +1,18 @@
 'use strict';
 
 var chunkJFLC7SHM_cjs = require('../../../chunk-JFLC7SHM.cjs');
-var chunkOFUKTVBN_cjs = require('../../../chunk-OFUKTVBN.cjs');
-require('../../../chunk-OYQ7GYAA.cjs');
-require('../../../chunk-RXPEZXAB.cjs');
+var chunkOD47TTAW_cjs = require('../../../chunk-OD47TTAW.cjs');
+require('../../../chunk-X4XPNTCZ.cjs');
+require('../../../chunk-SGFYA22I.cjs');
 require('../../../chunk-I44YNYI6.cjs');
 require('../../../chunk-Z5S5JEJD.cjs');
-require('../../../chunk-L7L5S2HO.cjs');
-require('../../../chunk-NV2CWBI2.cjs');
-var chunkS5RVSXDV_cjs = require('../../../chunk-S5RVSXDV.cjs');
-require('../../../chunk-FHY3K6PL.cjs');
 require('../../../chunk-FSGEDDF2.cjs');
 require('../../../chunk-AOHJILLU.cjs');
+require('../../../chunk-FHY3K6PL.cjs');
+require('../../../chunk-L7L5S2HO.cjs');
 var chunkNMBYU7D7_cjs = require('../../../chunk-NMBYU7D7.cjs');
+require('../../../chunk-NV2CWBI2.cjs');
+var chunkS5RVSXDV_cjs = require('../../../chunk-S5RVSXDV.cjs');
 require('../../../chunk-EUAMEVVI.cjs');
 var React2 = require('react');
 var rehypeHighlight = require('rehype-highlight');
@@ -613,7 +613,7 @@ function ZoomableImage({
     ),
     open && typeof document !== "undefined" && reactDom.createPortal(
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkOFUKTVBN_cjs.LightboxModal,
+        chunkOD47TTAW_cjs.LightboxModal,
         {
           attachment,
           onClose: () => setOpen(false)

package/dist/components/SuperChat/plugins/index.js

@@ -1,16 +1,16 @@
 import { useTextRenderContext } from '../../../chunk-I6CY5C6A.js';
-import { LightboxModal } from '../../../chunk-VSVGMMNO.js';
-import '../../../chunk-IIFQ6BSJ.js';
-import '../../../chunk-TZX76ZNZ.js';
+import { LightboxModal } from '../../../chunk-3M7TAXNR.js';
+import '../../../chunk-ACCAXVOG.js';
+import '../../../chunk-ZGRCSNPK.js';
 import '../../../chunk-6NZXWKUE.js';
 import '../../../chunk-3IMM2PM4.js';
-import '../../../chunk-BKSPDTX4.js';
-import '../../../chunk-XCP454Q6.js';
-import { cn } from '../../../chunk-TQONQSJO.js';
-import '../../../chunk-T4ME7QCT.js';
 import '../../../chunk-62ZOA6PX.js';
 import '../../../chunk-WSNMQQ4P.js';
+import '../../../chunk-T4ME7QCT.js';
+import '../../../chunk-BKSPDTX4.js';
 import { useIsDarkMode } from '../../../chunk-RUGHNFQG.js';
+import '../../../chunk-XCP454Q6.js';
+import { cn } from '../../../chunk-TQONQSJO.js';
 import '../../../chunk-PX6F3LHL.js';
 import * as React2 from 'react';
 import rehypeHighlight from 'rehype-highlight';

package/dist/components/ThemeProvider/index.cjs

@@ -1,37 +1,37 @@
 'use strict';
 
-var chunkMM7QKUE3_cjs = require('../../chunk-MM7QKUE3.cjs');
-require('../../chunk-BVMABVC4.cjs');
-require('../../chunk-S5RVSXDV.cjs');
+var chunkJID7AZTO_cjs = require('../../chunk-JID7AZTO.cjs');
 require('../../chunk-2O7D6F67.cjs');
+require('../../chunk-WWJIW2IH.cjs');
 require('../../chunk-6HFFWEM3.cjs');
+require('../../chunk-S5RVSXDV.cjs');
 require('../../chunk-EUAMEVVI.cjs');
 
 
 
 Object.defineProperty(exports, "ThemeProvider", {
   enumerable: true,
-  get: function () { return chunkMM7QKUE3_cjs.ThemeProvider; }
+  get: function () { return chunkJID7AZTO_cjs.ThemeProvider; }
 });
 Object.defineProperty(exports, "ThemeProviderContext", {
   enumerable: true,
-  get: function () { return chunkMM7QKUE3_cjs.ThemeProviderContext; }
+  get: function () { return chunkJID7AZTO_cjs.ThemeProviderContext; }
 });
 Object.defineProperty(exports, "ThemeToggle", {
   enumerable: true,
-  get: function () { return chunkMM7QKUE3_cjs.ThemeToggle; }
+  get: function () { return chunkJID7AZTO_cjs.ThemeToggle; }
 });
 Object.defineProperty(exports, "themeToggleIconVariants", {
   enumerable: true,
-  get: function () { return chunkMM7QKUE3_cjs.themeToggleIconVariants; }
+  get: function () { return chunkJID7AZTO_cjs.themeToggleIconVariants; }
 });
 Object.defineProperty(exports, "themeToggleVariants", {
   enumerable: true,
-  get: function () { return chunkMM7QKUE3_cjs.themeToggleVariants; }
+  get: function () { return chunkJID7AZTO_cjs.themeToggleVariants; }
 });
 Object.defineProperty(exports, "useThemeContext", {
   enumerable: true,
-  get: function () { return chunkMM7QKUE3_cjs.useThemeContext; }
+  get: function () { return chunkJID7AZTO_cjs.useThemeContext; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/ThemeProvider/index.js

@@ -1,8 +1,8 @@
-export { ThemeProvider, ThemeProviderContext, ThemeToggle, themeToggleIconVariants, themeToggleVariants, useThemeContext } from '../../chunk-XBXDUAIM.js';
-import '../../chunk-MUIDWFYJ.js';
-import '../../chunk-TQONQSJO.js';
+export { ThemeProvider, ThemeProviderContext, ThemeToggle, themeToggleIconVariants, themeToggleVariants, useThemeContext } from '../../chunk-LL6IWKI3.js';
 import '../../chunk-KJZNEVYM.js';
+import '../../chunk-FJ7YPVKV.js';
 import '../../chunk-HB7C7NB5.js';
+import '../../chunk-TQONQSJO.js';
 import '../../chunk-PX6F3LHL.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/Tooltip/index.cjs

@@ -1,15 +1,15 @@
 'use strict';
 
-var chunkBVMABVC4_cjs = require('../../chunk-BVMABVC4.cjs');
-require('../../chunk-S5RVSXDV.cjs');
+var chunkWWJIW2IH_cjs = require('../../chunk-WWJIW2IH.cjs');
 require('../../chunk-6HFFWEM3.cjs');
+require('../../chunk-S5RVSXDV.cjs');
 require('../../chunk-EUAMEVVI.cjs');
 
 
 
 Object.defineProperty(exports, "Tooltip", {
   enumerable: true,
-  get: function () { return chunkBVMABVC4_cjs.Tooltip; }
+  get: function () { return chunkWWJIW2IH_cjs.Tooltip; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/Tooltip/index.js

@@ -1,6 +1,6 @@
-export { Tooltip } from '../../chunk-MUIDWFYJ.js';
-import '../../chunk-TQONQSJO.js';
+export { Tooltip } from '../../chunk-FJ7YPVKV.js';
 import '../../chunk-HB7C7NB5.js';
+import '../../chunk-TQONQSJO.js';
 import '../../chunk-PX6F3LHL.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/VideoCard/index.cjs

@@ -0,0 +1,21 @@
+'use strict';
+
+var chunk462XSCP3_cjs = require('../../chunk-462XSCP3.cjs');
+require('../../chunk-VBWRH4UW.cjs');
+require('../../chunk-IXFC7LK2.cjs');
+require('../../chunk-YVL3XATO.cjs');
+require('../../chunk-S5RVSXDV.cjs');
+require('../../chunk-EUAMEVVI.cjs');
+
+
+
+Object.defineProperty(exports, "PlayButton", {
+  enumerable: true,
+  get: function () { return chunk462XSCP3_cjs.PlayButton; }
+});
+Object.defineProperty(exports, "VideoCard", {
+  enumerable: true,
+  get: function () { return chunk462XSCP3_cjs.VideoCard; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/components/VideoCard/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs"}

package/dist/components/VideoCard/index.d.cts

@@ -0,0 +1,75 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+interface PlayButtonProps extends React.HTMLAttributes<HTMLSpanElement> {
+    /** Disc diameter. Default `md` (56px). */
+    size?: 'sm' | 'md' | 'lg';
+    /**
+     * Show the spinning brand ring. Default `hover` — the ring appears and spins
+     * only while the nearest `.group` ancestor is hovered; `always` keeps it on.
+     */
+    ring?: 'hover' | 'always' | 'none';
+}
+/**
+ * The branded play affordance: a white disc with a filled brand triangle and a
+ * conic-gradient ring that lights up and spins on hover. Decorative — the
+ * surrounding card/link carries the accessible label.
+ */
+declare function PlayButton({ size, ring, className, ...props }: PlayButtonProps): react_jsx_runtime.JSX.Element;
+interface VideoCardProps {
+    /** Video title — also the accessible name ("Watch: {title}"). */
+    title: string;
+    /** Navigates on click. Omit to render a `<button>` driven by `onClick`. */
+    href?: string;
+    onClick?: React.MouseEventHandler<HTMLElement>;
+    /** Anchor target (e.g. `_blank`). */
+    target?: string;
+    /** Enables the muted hover preview and the default YouTube thumbnail. */
+    youtubeId?: string;
+    /** Thumbnail URL. Defaults to the YouTube `hqdefault` when `youtubeId` is set. */
+    thumbnailUrl?: string;
+    /** Thumbnail alt. Defaults to `title`. */
+    thumbnailAlt?: string;
+    /** Duration label, e.g. `34 min` or `2:44`. */
+    duration?: string;
+    /** Word before the duration in the pill. Default `Watch` → "Watch · 34 min". Pass `null` for just the duration. */
+    durationPrefix?: string | null;
+    /** Turn the hover preview off even when `youtubeId` is set. */
+    preview?: boolean;
+    /** Label shown on the pill while the muted preview plays. Default `Silent`. */
+    silentLabel?: string;
+    /** Slot above the title in the body — a category `Badge`, for instance. */
+    eyebrow?: React.ReactNode;
+    description?: string;
+    /** Slot below the description — speaker, view count, date. */
+    footer?: React.ReactNode;
+    /**
+     * `card` renders thumbnail + body; `plate` renders only the media plate
+     * (for heroes and detail panels where the copy lives elsewhere).
+     */
+    variant?: 'card' | 'plate';
+    /** Heading level for the title in `card` variant. Default `h3`. */
+    headingLevel?: 'h2' | 'h3' | 'h4';
+    className?: string;
+}
+/**
+ * A video thumbnail card with the branded `PlayButton`, a "Watch · 34 min"
+ * duration pill and — when a `youtubeId` is supplied — a muted, looping
+ * hover preview with a progress bar, exactly as YouTube's own grid behaves.
+ * Ported from the Enterprise Health video library and hero HUD.
+ *
+ * @example
+ * ```tsx
+ * <VideoCard
+ *   title="Ozwell AI in the exam room"
+ *   href="/videos/ozwell-ai/"
+ *   youtubeId="dQw4w9WgXcQ"
+ *   duration="2:44"
+ *   eyebrow={<Badge variant="secondary" size="sm">Demo</Badge>}
+ *   description="Documentation and surveillance, native to the platform."
+ * />
+ * ```
+ */
+declare function VideoCard({ title, href, onClick, target, youtubeId, thumbnailUrl, thumbnailAlt, duration, durationPrefix, preview, silentLabel, eyebrow, description, footer, variant, headingLevel: Heading, className, }: VideoCardProps): react_jsx_runtime.JSX.Element;
+
+export { PlayButton, type PlayButtonProps, VideoCard, type VideoCardProps };

package/dist/components/VideoCard/index.d.ts

@@ -0,0 +1,75 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+interface PlayButtonProps extends React.HTMLAttributes<HTMLSpanElement> {
+    /** Disc diameter. Default `md` (56px). */
+    size?: 'sm' | 'md' | 'lg';
+    /**
+     * Show the spinning brand ring. Default `hover` — the ring appears and spins
+     * only while the nearest `.group` ancestor is hovered; `always` keeps it on.
+     */
+    ring?: 'hover' | 'always' | 'none';
+}
+/**
+ * The branded play affordance: a white disc with a filled brand triangle and a
+ * conic-gradient ring that lights up and spins on hover. Decorative — the
+ * surrounding card/link carries the accessible label.
+ */
+declare function PlayButton({ size, ring, className, ...props }: PlayButtonProps): react_jsx_runtime.JSX.Element;
+interface VideoCardProps {
+    /** Video title — also the accessible name ("Watch: {title}"). */
+    title: string;
+    /** Navigates on click. Omit to render a `<button>` driven by `onClick`. */
+    href?: string;
+    onClick?: React.MouseEventHandler<HTMLElement>;
+    /** Anchor target (e.g. `_blank`). */
+    target?: string;
+    /** Enables the muted hover preview and the default YouTube thumbnail. */
+    youtubeId?: string;
+    /** Thumbnail URL. Defaults to the YouTube `hqdefault` when `youtubeId` is set. */
+    thumbnailUrl?: string;
+    /** Thumbnail alt. Defaults to `title`. */
+    thumbnailAlt?: string;
+    /** Duration label, e.g. `34 min` or `2:44`. */
+    duration?: string;
+    /** Word before the duration in the pill. Default `Watch` → "Watch · 34 min". Pass `null` for just the duration. */
+    durationPrefix?: string | null;
+    /** Turn the hover preview off even when `youtubeId` is set. */
+    preview?: boolean;
+    /** Label shown on the pill while the muted preview plays. Default `Silent`. */
+    silentLabel?: string;
+    /** Slot above the title in the body — a category `Badge`, for instance. */
+    eyebrow?: React.ReactNode;
+    description?: string;
+    /** Slot below the description — speaker, view count, date. */
+    footer?: React.ReactNode;
+    /**
+     * `card` renders thumbnail + body; `plate` renders only the media plate
+     * (for heroes and detail panels where the copy lives elsewhere).
+     */
+    variant?: 'card' | 'plate';
+    /** Heading level for the title in `card` variant. Default `h3`. */
+    headingLevel?: 'h2' | 'h3' | 'h4';
+    className?: string;
+}
+/**
+ * A video thumbnail card with the branded `PlayButton`, a "Watch · 34 min"
+ * duration pill and — when a `youtubeId` is supplied — a muted, looping
+ * hover preview with a progress bar, exactly as YouTube's own grid behaves.
+ * Ported from the Enterprise Health video library and hero HUD.
+ *
+ * @example
+ * ```tsx
+ * <VideoCard
+ *   title="Ozwell AI in the exam room"
+ *   href="/videos/ozwell-ai/"
+ *   youtubeId="dQw4w9WgXcQ"
+ *   duration="2:44"
+ *   eyebrow={<Badge variant="secondary" size="sm">Demo</Badge>}
+ *   description="Documentation and surveillance, native to the platform."
+ * />
+ * ```
+ */
+declare function VideoCard({ title, href, onClick, target, youtubeId, thumbnailUrl, thumbnailAlt, duration, durationPrefix, preview, silentLabel, eyebrow, description, footer, variant, headingLevel: Heading, className, }: VideoCardProps): react_jsx_runtime.JSX.Element;
+
+export { PlayButton, type PlayButtonProps, VideoCard, type VideoCardProps };

package/dist/components/VideoCard/index.js

@@ -0,0 +1,8 @@
+export { PlayButton, VideoCard } from '../../chunk-TPWKM7JH.js';
+import '../../chunk-IQ4KQJAO.js';
+import '../../chunk-POWS35OT.js';
+import '../../chunk-BMSG4NBH.js';
+import '../../chunk-TQONQSJO.js';
+import '../../chunk-PX6F3LHL.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/VideoCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/components/ViewSet/index.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+var chunkOCSCBB52_cjs = require('../../chunk-OCSCBB52.cjs');
+require('../../chunk-XDIMTPZU.cjs');
+require('../../chunk-XZNN3S3S.cjs');
+require('../../chunk-VINZZQBD.cjs');
+require('../../chunk-4IS3QCOQ.cjs');
+require('../../chunk-URAQIF67.cjs');
+require('../../chunk-4NCDU5IG.cjs');
+require('../../chunk-XXVUHLQN.cjs');
+require('../../chunk-L7L5S2HO.cjs');
+require('../../chunk-VNYW4C4J.cjs');
+require('../../chunk-S5RVSXDV.cjs');
+require('../../chunk-EUAMEVVI.cjs');
+
+
+
+Object.defineProperty(exports, "ViewSet", {
+  enumerable: true,
+  get: function () { return chunkOCSCBB52_cjs.ViewSet; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/components/ViewSet/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs"}

package/dist/components/ViewSet/index.d.cts

@@ -0,0 +1,89 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { ViewOption } from '../ViewSwitcher/index.cjs';
+import { ListViewProps } from '../ListView/index.cjs';
+import { BoardLabels, BoardViewProps } from '../BoardView/index.cjs';
+import { CalendarLabels, CalendarViewProps } from '../CalendarView/index.cjs';
+import { GanttLabels, GanttViewProps } from '../GanttView/index.cjs';
+import { a as ViewBaseProps, b as ViewId, S as Stage } from '../../types-CbWXIKbe.cjs';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+import 'luxon';
+
+/**
+ * Every string any layout in the set can render.
+ *
+ * Each view extends `ViewLabels` with its own — the calendar's month arrows and
+ * "+n more", the board's move announcements, the Gantt's undated footnote. They
+ * are all shared props, so the per-view escape hatches below exclude `labels`;
+ * without widening here a non-English host could translate the common strings
+ * and nothing else, which would break the contract that every user-facing
+ * string is overridable. A view ignores the keys it does not know.
+ */
+type ViewSetLabels = Partial<CalendarLabels & BoardLabels & GanttLabels>;
+/**
+ * Props `ViewSet` passes to every layout itself, beyond `ViewBaseProps`. Named
+ * here so the per-view escape hatches below can exclude them by key rather than
+ * by a hand-kept list that would drift the moment a shared prop is added.
+ */
+type ViewSetOwned = 'stages' | 'onMove' | 'timeZone' | 'locale';
+type ViewOverrides<P, T> = Omit<Partial<P>, keyof ViewBaseProps<T> | ViewSetOwned>;
+interface ViewSetProps<T> extends ViewBaseProps<T> {
+    /** Every string any offered layout can render, not just the shared ones. */
+    labels?: ViewSetLabels;
+    /** Views to offer, in order. The first is the default when uncontrolled. */
+    views: readonly (ViewId | ViewOption)[];
+    view?: ViewId;
+    defaultView?: ViewId;
+    onViewChange?: (view: ViewId) => void;
+    /**
+     * Remembers the chosen view under this key. Ignored when `view` is
+     * controlled — a page with its own URL state should own it there instead.
+     */
+    storageKey?: string;
+    /** Stages for the board and for list grouping. */
+    stages?: readonly Stage[];
+    onMove?: BoardViewProps<T>['onMove'];
+    /**
+     * IANA zone the date views read day boundaries in. Shared, because a page
+     * showing one collection as a calendar and as a Gantt must place it on the
+     * same days in both.
+     */
+    timeZone?: string;
+    /** Locale for date formatting in the calendar and Gantt. */
+    locale?: string;
+    /** Rendered above the switcher row. */
+    toolbar?: React.ReactNode;
+    /** Rendered under the switcher row, above the view. */
+    filters?: React.ReactNode;
+    /** The `overview` view. Domain content — the library has no opinion on it. */
+    overview?: React.ReactNode;
+    /** The `table` view. A tabular collection is a grid, not a view component. */
+    table?: React.ReactNode;
+    /** Rendered beside the view, for a list-plus-detail layout. */
+    detail?: React.ReactNode;
+    /**
+     * Per-view escape hatches for props this shell does not surface. Shared props
+     * are excluded: one collection rendered several ways means switching view can
+     * never change the records, the selection or the load state.
+     *
+     * `ViewSetOwned` covers the props the shell passes itself but that are not on
+     * `ViewBaseProps`. They are spread after the shared ones, so leaving them open
+     * would let one layout carry different stages, a different mutation callback
+     * or a different time zone from its neighbours — the same collection quietly
+     * disagreeing with itself as you switch tabs.
+     */
+    listProps?: ViewOverrides<ListViewProps<T>, T>;
+    boardProps?: ViewOverrides<BoardViewProps<T>, T>;
+    calendarProps?: ViewOverrides<CalendarViewProps<T>, T>;
+    ganttProps?: ViewOverrides<GanttViewProps<T>, T>;
+    classNames?: Partial<Record<'toolbar' | 'switcher' | 'body' | 'detail', string>>;
+}
+/**
+ * The page-level composition: switcher, the enabled views, and the slots a page
+ * needs around them. It owns which view is showing and nothing else — items,
+ * selection and every mutation stay with the caller.
+ */
+declare function ViewSet<T>({ views, view, defaultView, onViewChange, storageKey, stages, onMove, toolbar, filters, overview, table, detail, listProps, boardProps, calendarProps, ganttProps, className, classNames, ...shared }: ViewSetProps<T>): react_jsx_runtime.JSX.Element;
+
+export { ViewSet, type ViewSetLabels, type ViewSetProps };

package/dist/components/ViewSet/index.d.ts

@@ -0,0 +1,89 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { ViewOption } from '../ViewSwitcher/index.js';
+import { ListViewProps } from '../ListView/index.js';
+import { BoardLabels, BoardViewProps } from '../BoardView/index.js';
+import { CalendarLabels, CalendarViewProps } from '../CalendarView/index.js';
+import { GanttLabels, GanttViewProps } from '../GanttView/index.js';
+import { a as ViewBaseProps, b as ViewId, S as Stage } from '../../types-CbWXIKbe.js';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+import 'luxon';
+
+/**
+ * Every string any layout in the set can render.
+ *
+ * Each view extends `ViewLabels` with its own — the calendar's month arrows and
+ * "+n more", the board's move announcements, the Gantt's undated footnote. They
+ * are all shared props, so the per-view escape hatches below exclude `labels`;
+ * without widening here a non-English host could translate the common strings
+ * and nothing else, which would break the contract that every user-facing
+ * string is overridable. A view ignores the keys it does not know.
+ */
+type ViewSetLabels = Partial<CalendarLabels & BoardLabels & GanttLabels>;
+/**
+ * Props `ViewSet` passes to every layout itself, beyond `ViewBaseProps`. Named
+ * here so the per-view escape hatches below can exclude them by key rather than
+ * by a hand-kept list that would drift the moment a shared prop is added.
+ */
+type ViewSetOwned = 'stages' | 'onMove' | 'timeZone' | 'locale';
+type ViewOverrides<P, T> = Omit<Partial<P>, keyof ViewBaseProps<T> | ViewSetOwned>;
+interface ViewSetProps<T> extends ViewBaseProps<T> {
+    /** Every string any offered layout can render, not just the shared ones. */
+    labels?: ViewSetLabels;
+    /** Views to offer, in order. The first is the default when uncontrolled. */
+    views: readonly (ViewId | ViewOption)[];
+    view?: ViewId;
+    defaultView?: ViewId;
+    onViewChange?: (view: ViewId) => void;
+    /**
+     * Remembers the chosen view under this key. Ignored when `view` is
+     * controlled — a page with its own URL state should own it there instead.
+     */
+    storageKey?: string;
+    /** Stages for the board and for list grouping. */
+    stages?: readonly Stage[];
+    onMove?: BoardViewProps<T>['onMove'];
+    /**
+     * IANA zone the date views read day boundaries in. Shared, because a page
+     * showing one collection as a calendar and as a Gantt must place it on the
+     * same days in both.
+     */
+    timeZone?: string;
+    /** Locale for date formatting in the calendar and Gantt. */
+    locale?: string;
+    /** Rendered above the switcher row. */
+    toolbar?: React.ReactNode;
+    /** Rendered under the switcher row, above the view. */
+    filters?: React.ReactNode;
+    /** The `overview` view. Domain content — the library has no opinion on it. */
+    overview?: React.ReactNode;
+    /** The `table` view. A tabular collection is a grid, not a view component. */
+    table?: React.ReactNode;
+    /** Rendered beside the view, for a list-plus-detail layout. */
+    detail?: React.ReactNode;
+    /**
+     * Per-view escape hatches for props this shell does not surface. Shared props
+     * are excluded: one collection rendered several ways means switching view can
+     * never change the records, the selection or the load state.
+     *
+     * `ViewSetOwned` covers the props the shell passes itself but that are not on
+     * `ViewBaseProps`. They are spread after the shared ones, so leaving them open
+     * would let one layout carry different stages, a different mutation callback
+     * or a different time zone from its neighbours — the same collection quietly
+     * disagreeing with itself as you switch tabs.
+     */
+    listProps?: ViewOverrides<ListViewProps<T>, T>;
+    boardProps?: ViewOverrides<BoardViewProps<T>, T>;
+    calendarProps?: ViewOverrides<CalendarViewProps<T>, T>;
+    ganttProps?: ViewOverrides<GanttViewProps<T>, T>;
+    classNames?: Partial<Record<'toolbar' | 'switcher' | 'body' | 'detail', string>>;
+}
+/**
+ * The page-level composition: switcher, the enabled views, and the slots a page
+ * needs around them. It owns which view is showing and nothing else — items,
+ * selection and every mutation stay with the caller.
+ */
+declare function ViewSet<T>({ views, view, defaultView, onViewChange, storageKey, stages, onMove, toolbar, filters, overview, table, detail, listProps, boardProps, calendarProps, ganttProps, className, classNames, ...shared }: ViewSetProps<T>): react_jsx_runtime.JSX.Element;
+
+export { ViewSet, type ViewSetLabels, type ViewSetProps };

package/dist/components/ViewSet/index.js

@@ -0,0 +1,14 @@
+export { ViewSet } from '../../chunk-76TBQDED.js';
+import '../../chunk-IT775BYG.js';
+import '../../chunk-DZ5HFLRC.js';
+import '../../chunk-Y4QNLW7W.js';
+import '../../chunk-XVW5DPPP.js';
+import '../../chunk-G4D6CLBT.js';
+import '../../chunk-3YBS4WUQ.js';
+import '../../chunk-UA7E7PDS.js';
+import '../../chunk-BKSPDTX4.js';
+import '../../chunk-GOALNQZ2.js';
+import '../../chunk-TQONQSJO.js';
+import '../../chunk-PX6F3LHL.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/ViewSet/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/components/ViewSwitcher/index.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+var chunkXDIMTPZU_cjs = require('../../chunk-XDIMTPZU.cjs');
+require('../../chunk-4NCDU5IG.cjs');
+require('../../chunk-L7L5S2HO.cjs');
+require('../../chunk-S5RVSXDV.cjs');
+require('../../chunk-EUAMEVVI.cjs');
+
+
+
+Object.defineProperty(exports, "ViewSwitcher", {
+  enumerable: true,
+  get: function () { return chunkXDIMTPZU_cjs.ViewSwitcher; }
+});
+Object.defineProperty(exports, "viewSwitcherVariants", {
+  enumerable: true,
+  get: function () { return chunkXDIMTPZU_cjs.viewSwitcherVariants; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/components/ViewSwitcher/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs"}

package/dist/components/ViewSwitcher/index.d.cts

@@ -0,0 +1,40 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { b as ViewId } from '../../types-CbWXIKbe.cjs';
+import 'luxon';
+
+interface ViewOption {
+    id: ViewId;
+    /** Overrides the built-in English label. */
+    label?: string;
+    /** Overrides the built-in icon. */
+    icon?: React.ComponentType<{
+        className?: string;
+        'aria-hidden'?: boolean;
+    }>;
+    disabled?: boolean;
+}
+interface ViewSwitcherProps extends VariantProps<typeof viewSwitcherVariants> {
+    /** Views to offer, in order. Accepts bare ids or `ViewOption`s. */
+    views: readonly (ViewId | ViewOption)[];
+    value: ViewId;
+    onValueChange: (view: ViewId) => void;
+    /** Accessible name of the group. */
+    label?: string;
+    /** Show labels beside the icons. `responsive` hides them below `sm`. */
+    showLabels?: boolean | 'responsive';
+    className?: string;
+    classNames?: Partial<Record<'option' | 'activeOption', string>>;
+}
+declare const viewSwitcherVariants: (props?: ({
+    size?: "sm" | "md" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+/**
+ * Keyboard model is a radio group: one tab stop, arrows move *and* select.
+ * Every option is visible, so moving the selection is the whole interaction —
+ * there is nothing to "commit" afterwards.
+ */
+declare const ViewSwitcher: React.ForwardRefExoticComponent<ViewSwitcherProps & React.RefAttributes<HTMLDivElement>>;
+
+export { type ViewOption, ViewSwitcher, type ViewSwitcherProps, viewSwitcherVariants };