@machinemetrics/mm-react-components 1.2.4 → 1.2.5-1

package/CHANGELOG.md

@@ -19,6 +19,37 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 - Preview app: `CodePreview` route remains hash-only for tests; sidebar exclusions updated. Preview build trims `esbuild.keepNames` where snippet naming no longer requires it.
 
+## [Unreleased]
+
+### Changed
+
+- **TicketDetails:** Two-column **narrative + metadata** layout: header includes ticket id, title, and **status / priority / due** (keys `status`, `priority`, `dueDate`, `due`); main column is **description** then **Activity** with **All / Comments / Updates** tabs; right rail is **Details** (people), **Dates**, and **Custom fields** with optional **Show more** and sticky positioning on large viewports. Optional `onBack` and `onAddCustomField`. `data-slot` hooks for Carbide theming.
+- **`partitionDetailFields`:** Now returns `headerFields`, `mainColumnFields`, `sidebarPeopleFields`, `sidebarDateFields`, `sidebarCustomFields`, and composed `sidebarFields` (people → dates → custom). `assignee` key maps to the people rail. **Breaking for consumers** that assumed `status` / `priority` / `dueDate` lived only in `sidebarFields` or that `otherMainFields` rendered in the main column — those fields are repositioned in the default `TicketDetails` shell (see `PartitionDetailFieldsResult`).
+
+### Added
+
+- **`TicketSystemEvent`** and optional `TicketDetails` prop **`systemEvents`** for the Updates timeline and All-tab merge.
+- **`TicketFieldControl`:** optional **`layout="inline"`** for compact header controls; **`date`** fields use the Carbide **`DatePicker`** (not native `<input type="date">`).
+- **`DatePicker`:** optional **`triggerClassName`** for trigger button styling; optional **`aria-invalid`** / **`aria-describedby`** on the trigger; **controlled `month`** resets when the popover opens so the calendar shows the **selected date’s month** (or `defaultMonth` / today when empty).
+- **`TicketForm`:** **`date`** fields use **`DatePicker`** (not native `<input type="date">`).
+- **`parseTicketDateString`** / **`formatTicketDateString`** exported from the tickets module for host apps.
+- **`TicketFieldType` `updatedDate`:** Read-only timestamp for “last updated” (and similar). Renders as styled text in **`TicketForm`** and **`TicketDetails`** — never an `<input>`. Use **`formatTicketTimestampDisplay`** for custom UIs; value is typically ISO or `YYYY-MM-DD` on the ticket payload.
+- **`TicketDetailsLabels`:** strings for activity tabs, sidebar section titles, back button, show more/less, add field, and comment body label.
+
+## [1.3.0] - 2026-03-19
+
+### Changed
+
+- **TicketDetails** (formerly `TicketDetailSheet`): Renders **detail content only** (no outer `Sheet`), same presentation-only model as `TicketForm`. No `open` / `onClose` / `onOpen`; the host controls visibility and chrome (e.g. `Sheet` + `SheetContent` with its own close). Renamed exports: `TicketDetails`, `TicketDetailsProps`, `TicketDetailsLabels`, `defaultTicketDetailsLabels`, `mergeTicketDetailsLabels`. Removed `closeAriaLabel` from detail labels (library no longer renders a close control).
+- **Tickets module file names:** Renamed to PascalCase under `src/components/ui/tickets/` (`TicketTypes.ts`, `TicketLabels.ts`, `UserFieldValue.ts`, `TicketUserSelect.tsx`, `TicketDates.ts`, `TicketDetailLayout.ts`) for consistency with other feature folders.
+
+### Added
+
+- **Ticket pattern components:** `TicketForm`, `TicketDetails`, `TicketFieldControl`, and `UserDisplay` for schema-driven ticket create/edit and detail UI. Host apps inject `userSelectComponent` and own persistence (`onSubmit`, `onCancel`, `onValuesChange`, `onPostComment`). Optional `labels` props override default copy.
+- **Ticket utilities and types:** Exported `Ticket`, `TicketFieldDefinition`, `Comment`, and helpers (`fieldKeyToHeader`, `getMergedDetailFields`, `partitionDetailFields`, `formatCreationDate`, `formatRelativeTime`, user-field JSON helpers).
+- **Docs:** `src/components/ui/tickets/README.md`, `agent-docs/tickets-pattern.md`, and agent-documentation-reference table entry.
+- **Kanban:** Compound `KanbanBoard`, `KanbanColumn`, `KanbanCard`, and `KanbanCardOverlay` with `@dnd-kit` drag-and-drop. Helpers `dataToKanbanItems`, `normalizeToKanbanColumn`, and `computeMoveFromDragEnd` map table-shaped data to board items and derive moves from drag-end events. Column chrome uses `SheetBanner`; README, preview, Playwright visual tests, and agent-documentation-reference updates.
+
 ---
 
 ## [1.2.3] - 2026-03-23

package/README.md

@@ -186,6 +186,33 @@ document.documentElement.classList.add('carbide');
 - You want to minimize bundle size
 - You're using our components with your own Tailwind config
 
+#### Embedded apps: `ThemeRoot` and `useHostTheme`
+
+For apps hosted inside the MachineMetrics shell (or any host that passes a light/dark value), wrap the tree once and sync the host value—no `next-themes` setup boilerplate.
+
+`ThemeRoot` wraps your React tree (e.g. inside `#root`). It does **not** replace `<html>` in `index.html`; it still toggles `light` / `dark` on `document.documentElement`. Keep `class="carbide"` on `<html>` and import Carbide CSS as usual.
+
+```tsx
+// index.tsx
+import { ThemeRoot } from '@machinemetrics/mm-react-components';
+
+<ThemeRoot>
+  <App />
+</ThemeRoot>
+```
+
+```tsx
+// App.tsx — pass the host color mode (example: mm-react-tools)
+import { useHostTheme } from '@machinemetrics/mm-react-components';
+import { useMMAppParams } from '@machinemetrics/mm-react-tools';
+
+useHostTheme(useMMAppParams().colorMode);
+```
+
+If you need `useTheme()` elsewhere (e.g. markdown styling), import it from **`@machinemetrics/mm-react-components`** so it uses the same context as `ThemeRoot`—not from the `next-themes` package directly.
+
+Optional: pass any `ThemeProvider` prop to `ThemeRoot` to override defaults (e.g. `storageKey` for standalone persistence).
+
 #### Option 3: Use Theme Utilities
 
 ```tsx

package/agent-docs/agent-documentation-reference.md

@@ -54,14 +54,14 @@ This directory contains comprehensive documentation and tools for AI agents work
 
 ### Layout & Navigation
 
-| Component      | Exports                                                                                                                           | Description                               |
-| -------------- | --------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------- |
-| **Card**       | `Card`, `CardHeader`, `CardTitle`, `CardDescription`, `CardContent`, `CardFooter`                                                 | Content container with sections (no built-in scroll) |
+| Component      | Exports                                                                                                                           | Description                                                                                                                                   |
+| -------------- | --------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------- |
+| **Card**       | `Card`, `CardHeader`, `CardTitle`, `CardDescription`, `CardContent`, `CardFooter`                                                 | Content container with sections (no built-in scroll)                                                                                          |
 | **ScrollArea** | `ScrollArea`, `ScrollBar`                                                                                                         | Scrollable region; **must have constrained height** (e.g. `h-[300px]`, `max-h-[50vh]`, or `flex-1 min-h-0` in flex layout) or it won’t scroll |
-| **Separator**  | `Separator`                                                                                                                       | Visual divider                            |
-| **Tabs**       | `Tabs`, `TabsList`, `TabsTrigger`, `TabsContent`                                                                                  | Tabbed interface                          |
-| **Breadcrumb** | `Breadcrumb`, `BreadcrumbList`, `BreadcrumbItem`, `BreadcrumbLink`, `BreadcrumbPage`, `BreadcrumbSeparator`, `BreadcrumbEllipsis` | Navigation breadcrumbs                    |
-| **PageHeader** | `PageHeader` (+ types)                                                                                                            | Application page header with actions/tabs |
+| **Separator**  | `Separator`                                                                                                                       | Visual divider                                                                                                                                |
+| **Tabs**       | `Tabs`, `TabsList`, `TabsTrigger`, `TabsContent`                                                                                  | Tabbed interface                                                                                                                              |
+| **Breadcrumb** | `Breadcrumb`, `BreadcrumbList`, `BreadcrumbItem`, `BreadcrumbLink`, `BreadcrumbPage`, `BreadcrumbSeparator`, `BreadcrumbEllipsis` | Navigation breadcrumbs                                                                                                                        |
+| **PageHeader** | `PageHeader` (+ types)                                                                                                            | Application page header with actions/tabs                                                                                                     |
 
 ### Overlays & Modals
 
@@ -96,15 +96,17 @@ This directory contains comprehensive documentation and tools for AI agents work
 
 ### Advanced Components
 
-| Component           | Exports                                                                                                                           | Description                                                                              |
-| ------------------- | --------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------- |
-| **DataTable**       | `DataTable`, `DataTablePagination`, `ResponsiveTable`, `TABLE_TOKENS`, column creators, hooks, toolbar, CSV export (+ types)      | Full-featured data table with sorting, filtering, pagination (client-side & server-side) |
-| **HeroMetricCard**  | `HeroMetricCard`, `HeroMetricCardItem` (+ types)                                                                                  | Metrics dashboard card with trends                                                       |
-| **Calendar**        | `Calendar`                                                                                                                        | Date picker calendar                                                                     |
-| **DatePicker**      | `DatePicker`                                                                                                                      | Single date selection with label and placeholder                                         |
-| **DateRangePicker** | `DateRangePicker`                                                                                                                 | Date range selection                                                                     |
-| **Dropzone**        | `Dropzone`, `DropzoneContent`, `DropzoneEmptyState`                                                                               | File upload drag-drop                                                                    |
-| **Chart**           | `ChartContainer`, `ChartTooltip`, `ChartTooltipContent`, `ChartLegend`, `ChartLegendContent`, `ChartStyle` (+ `ChartConfig` type) | Recharts integration                                                                     |
+| Component           | Exports                                                                                                                                                                                                   | Description                                                                                                                                                          |
+| ------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| **DataTable**       | `DataTable`, `DataTablePagination`, `ResponsiveTable`, `TABLE_TOKENS`, column creators, hooks, toolbar, CSV export (+ types)                                                                              | Full-featured data table with sorting, filtering, pagination (client-side & server-side)                                                                             |
+| **HeroMetricCard**  | `HeroMetricCard`, `HeroMetricCardItem` (+ types)                                                                                                                                                          | Metrics dashboard card with trends                                                                                                                                   |
+| **Calendar**        | `Calendar`                                                                                                                                                                                                | Date picker calendar                                                                                                                                                 |
+| **DatePicker**      | `DatePicker`                                                                                                                                                                                              | Single date selection with label and placeholder                                                                                                                     |
+| **DateRangePicker** | `DateRangePicker`                                                                                                                                                                                         | Date range selection                                                                                                                                                 |
+| **Dropzone**        | `Dropzone`, `DropzoneContent`, `DropzoneEmptyState`                                                                                                                                                       | File upload drag-drop                                                                                                                                                |
+| **Kanban**          | `KanbanBoard`, `KanbanColumn`, `KanbanCard`, `KanbanCardOverlay`, `normalizeToKanbanColumn`, `dataToKanbanItems` (+ types)                                                                                | Drag-and-drop Kanban board; compound API; same columns/data as DataTable                                                                                             |
+| **Tickets**         | `TicketForm`, `TicketDetails`, `TicketFieldControl`, `UserDisplay`, field helpers (`formatTicketTimestampDisplay`, …), `TicketSystemEvent`, `PartitionDetailFieldsResult` (+ `TicketUserSelectComponent`) | Schema-driven ticket form and detail UI; **`data-slot`** on form/details/field wrapper (see tickets README); optional `systemEvents` / `onBack` / `onAddCustomField` |
+| **Chart**           | `ChartContainer`, `ChartTooltip`, `ChartTooltipContent`, `ChartLegend`, `ChartLegendContent`, `ChartStyle` (+ `ChartConfig` type)                                                                         | Recharts integration                                                                                                                                                 |
 
 ### Interactive Elements
 
@@ -128,6 +130,18 @@ All components follow shadcn/ui patterns with Carbide theme integration for indu
 
 ## Component Usage Guides
 
+### Table + Kanban from same columns and data
+
+Use the same column definitions and data for both DataTable and Kanban:
+
+- **Columns**: Pass table column objects directly to `KanbanColumn` via `column={col}` (accepts `{ id, title? }` or `{ id, header? }`).
+- **Items**: `const items = dataToKanbanItems(data, { columnIdKey: 'status', titleKey: 'name' });` then filter by column when rendering cards.
+- **Compound API**: `<KanbanBoard onMove={...}><KanbanColumn column={col}>…<KanbanCard item={item}>…</KanbanCard>…</KanbanColumn></KanbanBoard>`. Card content is children of `KanbanCard`. Optional `renderDragPreview(item)` for custom drag overlay.
+
+### Ticket form and detail sheet
+
+Schema-driven ticket UI (`TicketForm`, `TicketDetails`, `TicketFieldControl`) — inject a user picker (`TicketUserSelectComponent`), pass `onSubmit` / `onCancel`, and wire `onValuesChange` + `comments` / `onPostComment` / optional `systemEvents`. `TicketDetails` has no open/close API; mount it wherever needed (header metadata, Activity tabs, sticky sidebar). See **[tickets-pattern.md](./tickets-pattern.md)**.
+
 ### Scrolling content: Card vs ScrollArea
 
 **There is no "Panel" component.** For a panel-like or card-like region where content may be longer than the visible area, use **ScrollArea** around the scrollable content. **Card** is a structural container (border, padding, sections) and does not add scrolling.
@@ -139,25 +153,31 @@ All components follow shadcn/ui patterns with Carbide theme integration for indu
 **Pattern for a scrollable card/panel:**
 
 ```tsx
-import { Card, CardHeader, CardTitle, CardContent, ScrollArea } from '@machinemetrics/mm-react-components';
+import {
+  Card,
+  CardHeader,
+  CardTitle,
+  CardContent,
+  ScrollArea,
+} from '@machinemetrics/mm-react-components';
 
 <Card className="flex max-h-[80vh] flex-col">
   <CardHeader>
     <CardTitle>Panel title</CardTitle>
   </CardHeader>
   <ScrollArea className="flex-1 min-h-0">
-    <CardContent>
-      {/* Long content here scrolls inside the card */}
-    </CardContent>
+    <CardContent>{/* Long content here scrolls inside the card */}</CardContent>
   </ScrollArea>
-</Card>
+</Card>;
 ```
 
 Or wrap only the body in ScrollArea with a fixed height:
 
 ```tsx
 <Card>
-  <CardHeader><CardTitle>Title</CardTitle></CardHeader>
+  <CardHeader>
+    <CardTitle>Title</CardTitle>
+  </CardHeader>
   <ScrollArea className="h-[200px] rounded-md border">
     <div className="p-4">{/* long content */}</div>
   </ScrollArea>

package/agent-docs/tickets-pattern.md

@@ -0,0 +1,78 @@
+# Ticket pattern (`TicketForm`, `TicketDetails`)
+
+Carbide-composed UI for configurable work-item fields: form, per-field control, and **detail body** (header with id + title + status/priority/due, main column for description + activity, sticky metadata rail). Same idea as `TicketForm` — **presentation only**: no overlay, open state, or routing inside the library. Your app chooses where it mounts (page, `Sheet`, drawer) and owns visibility.
+
+## Quick start
+
+```tsx
+import {
+  TicketForm,
+  TicketDetails,
+  UserDisplay,
+  fieldKeyToHeader,
+  Sheet,
+  SheetContent,
+} from '@machinemetrics/mm-react-components';
+import { MyUserSelect } from './MyUserSelect';
+
+<TicketForm
+  fieldDefinitions={defs}
+  onSubmit={(values) => saveTicket(values)}
+  onCancel={() => navigate(-1)}
+  getDisplayName={(id) => ...}
+  getCurrentUser={() => api.getMe()}
+  userSelectComponent={MyUserSelect}
+/>;
+
+<Sheet open={open} onOpenChange={setOpen}>
+  <SheetContent side="right" className="p-0 flex flex-col ...">
+    <TicketDetails
+      ticket={ticket}
+      ticketFieldDefinitions={ticketDefs}
+      formFieldDefinitions={formDefs}
+      getDisplayName={(id) => ...}
+      usersLoading={loading}
+      onValuesChange={(next) => updateTicket(ticket.id, next)}
+      userSelectComponent={MyUserSelect}
+      comments={comments}
+      systemEvents={systemEvents}
+      onPostComment={({ authorUserId, body }) => addComment(...)}
+      onBack={() => setOpen(false)}
+      onAddCustomField={() => openAddFieldFlow()}
+    />
+  </SheetContent>
+</Sheet>;
+```
+
+## Types
+
+Use exported `TicketFieldDefinition`, `Ticket`, `Comment`, `TicketSystemEvent`, and `TicketConfig` for shared shapes between host and UI.
+
+For **read-only timestamps** (e.g. last updated), use **`type: 'updatedDate'`** on the field — not `text` or `date`. The UI shows a muted read-only line; the host still passes the raw value (typically ISO) on the ticket. Use **`formatTicketTimestampDisplay`** if you render the value elsewhere.
+
+## Layout helpers
+
+`partitionDetailFields` returns `headerFields`, `mainColumnFields`, `sidebarPeopleFields`, `sidebarDateFields`, `sidebarCustomFields`, plus `sidebarFields` (flattened rail list), `mainTopFields` (same as main column / description), and `otherMainFields` (same as custom — legacy names). Use these if you build a custom shell instead of `TicketDetails`.
+
+## Activity
+
+- **Comments** — existing `Comment[]` and `onPostComment`.
+- **System events** — optional `TicketSystemEvent[]` (`id`, `createdAt`, `message`) for the **Updates** tab; merged chronologically with comments under **All**.
+
+## Copy / i18n
+
+Pass `labels` (see `TicketFormLabels`, `TicketDetailsLabels`, `TicketFieldControlLabels`) or use `mergeTicketFormLabels` / `mergeTicketDetailsLabels` defaults.
+
+## Theming
+
+Carbide hooks use `data-slot` on ticket surfaces:
+
+- **`TicketForm`:** `ticket-form` (root form), `ticket-form-readonly-field` (e.g. `updatedDate`, `currentUser` rows).
+- **`TicketDetails`:** `ticket-details`, `ticket-details-header`, `ticket-details-main`, `ticket-details-activity`, `ticket-details-sidebar`.
+- **`TicketFieldControl`:** `ticket-field-control` wraps each field; primitives inside still expose their own slots (`input`, `date-picker`, etc.).
+
+See [src/components/ui/tickets/README.md](../src/components/ui/tickets/README.md) for the full table.
+
+## See also
+
+- [src/components/ui/tickets/README.md](../src/components/ui/tickets/README.md) (source tree; also shipped in repo)

package/dist/README.md

@@ -186,6 +186,33 @@ document.documentElement.classList.add('carbide');
 - You want to minimize bundle size
 - You're using our components with your own Tailwind config
 
+#### Embedded apps: `ThemeRoot` and `useHostTheme`
+
+For apps hosted inside the MachineMetrics shell (or any host that passes a light/dark value), wrap the tree once and sync the host value—no `next-themes` setup boilerplate.
+
+`ThemeRoot` wraps your React tree (e.g. inside `#root`). It does **not** replace `<html>` in `index.html`; it still toggles `light` / `dark` on `document.documentElement`. Keep `class="carbide"` on `<html>` and import Carbide CSS as usual.
+
+```tsx
+// index.tsx
+import { ThemeRoot } from '@machinemetrics/mm-react-components';
+
+<ThemeRoot>
+  <App />
+</ThemeRoot>
+```
+
+```tsx
+// App.tsx — pass the host color mode (example: mm-react-tools)
+import { useHostTheme } from '@machinemetrics/mm-react-components';
+import { useMMAppParams } from '@machinemetrics/mm-react-tools';
+
+useHostTheme(useMMAppParams().colorMode);
+```
+
+If you need `useTheme()` elsewhere (e.g. markdown styling), import it from **`@machinemetrics/mm-react-components`** so it uses the same context as `ThemeRoot`—not from the `next-themes` package directly.
+
+Optional: pass any `ThemeProvider` prop to `ThemeRoot` to override defaults (e.g. `storageKey` for standalone persistence).
+
 #### Option 3: Use Theme Utilities
 
 ```tsx

package/dist/components/ui/date-picker.d.ts

@@ -35,6 +35,13 @@ export interface DatePickerProps {
      * Initial month to display when no date is selected (e.g. for stable visual tests).
      */
     readonly defaultMonth?: Date;
+    /**
+     * Classes merged onto the trigger button (e.g. compact width for toolbars).
+     */
+    readonly triggerClassName?: string;
+    /** For form validation (e.g. ticket form field errors). */
+    readonly 'aria-invalid'?: boolean;
+    readonly 'aria-describedby'?: string;
 }
-export declare function DatePicker({ label, placeholder, value, onValueChange, disabled, className, id, showDropdowns, defaultMonth, }: DatePickerProps): import("react/jsx-runtime").JSX.Element;
+export declare function DatePicker({ label, placeholder, value, onValueChange, disabled, className, id, showDropdowns, defaultMonth, triggerClassName, 'aria-invalid': ariaInvalid, 'aria-describedby': ariaDescribedBy, }: DatePickerProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=date-picker.d.ts.map

package/dist/components/ui/date-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../src/components/ui/date-picker.tsx"],"names":[],"mappings":"AAcA,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B;;OAEG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAC;IAC1D;;OAEG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;IACjC;;OAEG;IACH,QAAQ,CAAC,YAAY,CAAC,EAAE,IAAI,CAAC;CAC9B;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,WAA2B,EAC3B,KAAK,EACL,aAAa,EACb,QAAgB,EAChB,SAAS,EACT,EAAE,EACF,aAAqB,EACrB,YAAY,GACb,EAAE,eAAe,2CAgDjB"}
+{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../src/components/ui/date-picker.tsx"],"names":[],"mappings":"AAeA,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B;;OAEG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAC;IAC1D;;OAEG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;IACjC;;OAEG;IACH,QAAQ,CAAC,YAAY,CAAC,EAAE,IAAI,CAAC;IAC7B;;OAEG;IACH,QAAQ,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACnC,2DAA2D;IAC3D,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAClC,QAAQ,CAAC,kBAAkB,CAAC,EAAE,MAAM,CAAC;CACtC;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,WAA2B,EAC3B,KAAK,EACL,aAAa,EACb,QAAgB,EAChB,SAAS,EACT,EAAE,EACF,aAAqB,EACrB,YAAY,EACZ,gBAAgB,EAChB,cAAc,EAAE,WAAW,EAC3B,kBAAkB,EAAE,eAAe,GACpC,EAAE,eAAe,2CA4DjB"}

package/dist/components/ui/kanban/KanbanBoard.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { KanbanBoardProps } from './types';
+/**
+ * Kanban board with drag-and-drop. Wrap columns and cards; provide onMove
+ * to persist moves between columns. Uses @dnd-kit for drag-and-drop.
+ */
+export declare function KanbanBoard(props: KanbanBoardProps): React.ReactElement;
+//# sourceMappingURL=KanbanBoard.d.ts.map

package/dist/components/ui/kanban/KanbanBoard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KanbanBoard.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/kanban/KanbanBoard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAcxC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAuEhD;;;GAGG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,KAAK,CAAC,YAAY,CAMvE"}

package/dist/components/ui/kanban/KanbanCard.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { KanbanCardProps } from './types';
+/**
+ * A sortable card in a column. Registers its content for the default drag overlay.
+ * Pass item and children; the card is draggable within and across columns.
+ */
+export declare function KanbanCard({ item, children, }: KanbanCardProps): React.ReactElement;
+//# sourceMappingURL=KanbanCard.d.ts.map

package/dist/components/ui/kanban/KanbanCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KanbanCard.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/kanban/KanbanCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAMzC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,QAAQ,GACT,EAAE,eAAe,GAAG,KAAK,CAAC,YAAY,CAsCtC"}

package/dist/components/ui/kanban/KanbanCardOverlay.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { KanbanCardOverlayProps } from './types';
+/**
+ * Default drag overlay. Renders card content (from registered preview or children)
+ * or falls back to item.title. Use the same styling as KanbanCard for consistency.
+ */
+export declare function KanbanCardOverlay({ item, children, }: KanbanCardOverlayProps): React.ReactElement;
+//# sourceMappingURL=KanbanCardOverlay.d.ts.map

package/dist/components/ui/kanban/KanbanCardOverlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KanbanCardOverlay.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/kanban/KanbanCardOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEtD;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,QAAQ,GACT,EAAE,sBAAsB,GAAG,KAAK,CAAC,YAAY,CAe7C"}

package/dist/components/ui/kanban/KanbanColumn.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { KanbanColumnProps } from './types';
+/**
+ * A single Kanban column: header (SheetBanner) and sortable card list.
+ * Border color uses --kanban-column-border (primary when drag-over, border otherwise).
+ */
+export declare function KanbanColumn({ column, children, }: KanbanColumnProps): React.ReactElement;
+//# sourceMappingURL=KanbanColumn.d.ts.map

package/dist/components/ui/kanban/KanbanColumn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KanbanColumn.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/kanban/KanbanColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAWzC,OAAO,KAAK,EAAE,iBAAiB,EAAc,MAAM,SAAS,CAAC;AAmB7D;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,QAAQ,GACT,EAAE,iBAAiB,GAAG,KAAK,CAAC,YAAY,CAiExC"}

package/dist/components/ui/kanban/KanbanContext.d.ts

@@ -0,0 +1,28 @@
+import React, { type ReactNode } from 'react';
+import type { KanbanItem } from './types';
+type RegisterColumn = (id: string) => void;
+type UnregisterColumn = (id: string) => void;
+type RegisterCard = (id: string, item: KanbanItem, previewContent?: ReactNode) => void;
+type UnregisterCard = (id: string) => void;
+type GetItem = (id: string) => KanbanItem | undefined;
+type GetPreviewContent = (id: string) => ReactNode | undefined;
+type GetColumnIds = () => string[];
+type GetAllItems = () => KanbanItem[];
+interface KanbanContextValue {
+    registerColumn: RegisterColumn;
+    unregisterColumn: UnregisterColumn;
+    registerCard: RegisterCard;
+    unregisterCard: UnregisterCard;
+    getItem: GetItem;
+    getPreviewContent: GetPreviewContent;
+    getColumnIds: GetColumnIds;
+    getAllItems: GetAllItems;
+}
+/** Provides registration and lookup for columns, cards, and drag preview content. */
+export declare function KanbanContextProvider({ children, }: {
+    children: ReactNode;
+}): React.ReactElement;
+/** Hook to access Kanban registration and item/preview lookup. Must be used within KanbanBoard. */
+export declare function useKanbanContext(): KanbanContextValue;
+export {};
+//# sourceMappingURL=KanbanContext.d.ts.map

package/dist/components/ui/kanban/KanbanContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KanbanContext.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/kanban/KanbanContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAKZ,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,KAAK,cAAc,GAAG,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;AAC3C,KAAK,gBAAgB,GAAG,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;AAC7C,KAAK,YAAY,GAAG,CAClB,EAAE,EAAE,MAAM,EACV,IAAI,EAAE,UAAU,EAChB,cAAc,CAAC,EAAE,SAAS,KACvB,IAAI,CAAC;AACV,KAAK,cAAc,GAAG,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;AAC3C,KAAK,OAAO,GAAG,CAAC,EAAE,EAAE,MAAM,KAAK,UAAU,GAAG,SAAS,CAAC;AACtD,KAAK,iBAAiB,GAAG,CAAC,EAAE,EAAE,MAAM,KAAK,SAAS,GAAG,SAAS,CAAC;AAC/D,KAAK,YAAY,GAAG,MAAM,MAAM,EAAE,CAAC;AACnC,KAAK,WAAW,GAAG,MAAM,UAAU,EAAE,CAAC;AAEtC,UAAU,kBAAkB;IAC1B,cAAc,EAAE,cAAc,CAAC;IAC/B,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,YAAY,EAAE,YAAY,CAAC;IAC3B,cAAc,EAAE,cAAc,CAAC;IAC/B,OAAO,EAAE,OAAO,CAAC;IACjB,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,YAAY,EAAE,YAAY,CAAC;IAC3B,WAAW,EAAE,WAAW,CAAC;CAC1B;AAID,qFAAqF;AACrF,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,KAAK,CAAC,YAAY,CA0DrB;AAED,mGAAmG;AACnG,wBAAgB,gBAAgB,IAAI,kBAAkB,CAMrD"}

package/dist/components/ui/kanban/dragEndUtils.d.ts

@@ -0,0 +1,26 @@
+import type { KanbanItem } from './types';
+/**
+ * Minimal drag end payload (compatible with DragEndEvent from @dnd-kit/core).
+ */
+export interface DragEndPayload {
+    active: {
+        id: string | number;
+    };
+    over: {
+        id: string | number;
+    } | null;
+}
+/**
+ * Result of computing a valid move from a drag end event.
+ */
+export interface KanbanMoveResult {
+    itemId: string;
+    fromColumnId: string;
+    toColumnId: string;
+}
+/**
+ * Computes a move from a drag end event and current items.
+ * Returns null if the move is invalid (no over target, item not found, or same column).
+ */
+export declare function computeMoveFromDragEnd(event: DragEndPayload, items: KanbanItem[], columnIds: string[]): KanbanMoveResult | null;
+//# sourceMappingURL=dragEndUtils.d.ts.map

package/dist/components/ui/kanban/dragEndUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dragEndUtils.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/kanban/dragEndUtils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE;QAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IAChC,IAAI,EAAE;QAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;CACtC;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,cAAc,EACrB,KAAK,EAAE,UAAU,EAAE,EACnB,SAAS,EAAE,MAAM,EAAE,GAClB,gBAAgB,GAAG,IAAI,CAqBzB"}

package/dist/components/ui/kanban/index.d.ts

@@ -0,0 +1,9 @@
+export { KanbanBoard } from './KanbanBoard';
+export { KanbanColumn } from './KanbanColumn';
+export { KanbanCard } from './KanbanCard';
+export { KanbanCardOverlay } from './KanbanCardOverlay';
+export { normalizeToKanbanColumn, dataToKanbanItems } from './types';
+export { computeMoveFromDragEnd } from './dragEndUtils';
+export type { KanbanMoveResult } from './dragEndUtils';
+export type { KanbanBoardProps, KanbanColumnProps, KanbanCardProps, KanbanCardOverlayProps, KanbanColumnDef, KanbanColumnInput, KanbanItem, } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ui/kanban/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/kanban/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AACrE,OAAO,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AACxD,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACvD,YAAY,EACV,gBAAgB,EAChB,iBAAiB,EACjB,eAAe,EACf,sBAAsB,EACtB,eAAe,EACf,iBAAiB,EACjB,UAAU,GACX,MAAM,SAAS,CAAC"}

package/dist/components/ui/kanban/types.d.ts

@@ -0,0 +1,58 @@
+import type { ReactNode } from 'react';
+/**
+ * Column definition for the Kanban board (normalized shape: id + title).
+ */
+export interface KanbanColumnDef {
+    id: string;
+    title: string;
+}
+/**
+ * Table-compatible column shape. Use the same object as DataTable columns;
+ * KanbanColumn normalizes id + header/title internally.
+ */
+export interface KanbanColumnInput {
+    id: string;
+    title?: string;
+    header?: string | ReactNode;
+}
+/**
+ * Item (card) definition. Must have id, columnId, and title.
+ */
+export interface KanbanItem {
+    id: string;
+    columnId: string;
+    title: string;
+}
+/**
+ * Normalize a table-column-like object to KanbanColumn.
+ * Use when you need an explicit KanbanColumn; KanbanColumn component accepts
+ * KanbanColumnInput directly and normalizes internally.
+ */
+export declare function normalizeToKanbanColumn(col: KanbanColumnInput): KanbanColumnDef;
+/**
+ * Map table data rows to KanbanItem[] using a column key and optional title key.
+ * Use the same data array as your DataTable; one call gives items for the board.
+ */
+export declare function dataToKanbanItems<T>(data: T[], options: {
+    columnIdKey: keyof T;
+    titleKey?: keyof T;
+}): KanbanItem[];
+export interface KanbanBoardProps {
+    children: ReactNode;
+    onMove?: (itemId: string, fromColumnId: string, toColumnId: string) => void;
+    renderDragPreview?: (item: KanbanItem) => ReactNode;
+}
+export interface KanbanColumnProps {
+    column: KanbanColumnDef | KanbanColumnInput;
+    children: ReactNode;
+}
+export interface KanbanCardProps {
+    item: KanbanItem;
+    children: ReactNode;
+}
+/** Props for the default drag overlay. Optional children override the default title-only content. */
+export interface KanbanCardOverlayProps {
+    item: KanbanItem;
+    children?: ReactNode;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/ui/kanban/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/kanban/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;GAGG;AACH,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC7B;AAED;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;;GAIG;AACH,wBAAgB,uBAAuB,CACrC,GAAG,EAAE,iBAAiB,GACrB,eAAe,CAQjB;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,EACjC,IAAI,EAAE,CAAC,EAAE,EACT,OAAO,EAAE;IAAE,WAAW,EAAE,MAAM,CAAC,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,CAAA;CAAE,GACpD,UAAU,EAAE,CAiBd;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5E,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,SAAS,CAAC;CACrD;AAED,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,eAAe,GAAG,iBAAiB,CAAC;IAC5C,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,UAAU,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,qGAAqG;AACrG,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,UAAU,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}

package/dist/components/ui/sheet-banner.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 export interface SheetBannerProps {
-    variant: 'shared' | 'company';
+    variant: 'shared' | 'company' | 'neutral';
     icon: React.ReactNode;
     text: string;
     additionalText?: string | null;

package/dist/components/ui/sheet-banner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sheet-banner.d.ts","sourceRoot":"","sources":["../../../src/components/ui/sheet-banner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC9B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,yFA2BvB,CAAC"}
+{"version":3,"file":"sheet-banner.d.ts","sourceRoot":"","sources":["../../../src/components/ui/sheet-banner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;IAC1C,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,yFA6BvB,CAAC"}

package/dist/components/ui/tickets/TicketActivitySection.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import type { TicketDetailsLabels } from './TicketLabels';
+import type { Comment, TicketSystemEvent } from './TicketTypes';
+import type { TicketUserSelectComponent } from './TicketUserSelect';
+export interface TicketActivitySectionProps {
+    comments: Comment[];
+    systemEvents?: TicketSystemEvent[];
+    /** Resets the comment draft when the ticket id changes. */
+    ticketId: string | undefined;
+    getDisplayName: (uid: string) => string;
+    usersLoading: boolean;
+    userSelectComponent: TicketUserSelectComponent;
+    onPostComment: (payload: {
+        authorUserId: string;
+        body: string;
+    }) => void;
+    labels: Required<TicketDetailsLabels>;
+}
+export declare function TicketActivitySection({ comments, systemEvents, ticketId, getDisplayName, usersLoading, userSelectComponent: UserSelect, onPostComment, labels, }: Readonly<TicketActivitySectionProps>): React.ReactElement;
+//# sourceMappingURL=TicketActivitySection.d.ts.map

package/dist/components/ui/tickets/TicketActivitySection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TicketActivitySection.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/tickets/TicketActivitySection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAMzE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAC1D,OAAO,KAAK,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AA6DpE,MAAM,WAAW,0BAA0B;IACzC,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,YAAY,CAAC,EAAE,iBAAiB,EAAE,CAAC;IACnC,2DAA2D;IAC3D,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,cAAc,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,YAAY,EAAE,OAAO,CAAC;IACtB,mBAAmB,EAAE,yBAAyB,CAAC;IAC/C,aAAa,EAAE,CAAC,OAAO,EAAE;QAAE,YAAY,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACzE,MAAM,EAAE,QAAQ,CAAC,mBAAmB,CAAC,CAAC;CACvC;AAED,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,cAAc,EACd,YAAY,EACZ,mBAAmB,EAAE,UAAU,EAC/B,aAAa,EACb,MAAM,GACP,EAAE,QAAQ,CAAC,0BAA0B,CAAC,GAAG,KAAK,CAAC,YAAY,CA6J3D"}

package/dist/components/ui/tickets/TicketDates.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Parse `YYYY-MM-DD` as a local calendar date (avoids UTC shift from `Date` string parsing).
+ */
+export declare function parseTicketDateString(iso: string): Date | undefined;
+/** Format a local `Date` as `YYYY-MM-DD` for ticket field storage. */
+export declare function formatTicketDateString(d: Date): string;
+/**
+ * Format an ISO date string for display (e.g. "Mar 1, 2024, 2:00 PM").
+ */
+export declare function formatCreationDate(createdAt: string): string;
+/**
+ * Read-only display for `updatedDate` and similar: `YYYY-MM-DD` (local) or parseable ISO datetimes.
+ */
+export declare function formatTicketTimestampDisplay(raw: string): string;
+/**
+ * Format relative time from createdAt to now (e.g. "2 days ago").
+ * Accepts optional now for tests.
+ */
+export declare function formatRelativeTime(createdAt: string, now?: Date): string;
+//# sourceMappingURL=TicketDates.d.ts.map

package/dist/components/ui/tickets/TicketDates.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TicketDates.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/tickets/TicketDates.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAWnE;AAED,sEAAsE;AACtE,wBAAgB,sBAAsB,CAAC,CAAC,EAAE,IAAI,GAAG,MAAM,CAKtD;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAK5D;AAED;;GAEG;AACH,wBAAgB,4BAA4B,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAYhE;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAChC,SAAS,EAAE,MAAM,EACjB,GAAG,GAAE,IAAiB,GACrB,MAAM,CAaR"}