@happyvertical/smrt-projects 0.30.0

package/dist/svelte/components/__tests__/RejectDialog.test.js

@@ -0,0 +1,45 @@
+// @vitest-environment jsdom
+/**
+ * Component coverage for RejectDialog via the shared S11 harness (#1416).
+ */
+import { expectNoA11yViolations, render, screen, userEvent, } from '@happyvertical/smrt-vitest/svelte';
+import { describe, expect, it, vi } from 'vitest';
+import RejectDialog from '../RejectDialog.svelte';
+const baseProps = (over = {}) => ({
+    open: true,
+    onconfirm: vi.fn(),
+    oncancel: vi.fn(),
+    ...over,
+});
+describe('RejectDialog', () => {
+    it('renders the dialog with a reason field when open', () => {
+        render(RejectDialog, { props: baseProps() });
+        expect(screen.getByRole('dialog')).toBeInTheDocument();
+        expect(screen.getByRole('textbox')).toBeInTheDocument();
+        expect(screen.getByRole('button', { name: 'Reject' })).toBeInTheDocument();
+    });
+    it('renders nothing when closed', () => {
+        render(RejectDialog, { props: baseProps({ open: false }) });
+        expect(screen.queryByRole('dialog')).toBeNull();
+    });
+    it('requires a reason before the confirm button is enabled', async () => {
+        const onconfirm = vi.fn();
+        render(RejectDialog, { props: baseProps({ onconfirm }) });
+        const confirm = screen.getByRole('button', { name: 'Reject' });
+        expect(confirm).toBeDisabled();
+        await userEvent.type(screen.getByRole('textbox'), 'Insufficient detail');
+        expect(confirm).toBeEnabled();
+        await userEvent.click(confirm);
+        expect(onconfirm).toHaveBeenCalledWith('Insufficient detail');
+    });
+    it('cancels via the cancel button', async () => {
+        const oncancel = vi.fn();
+        render(RejectDialog, { props: baseProps({ oncancel }) });
+        await userEvent.click(screen.getByRole('button', { name: 'Cancel' }));
+        expect(oncancel).toHaveBeenCalledTimes(1);
+    });
+    it('is axe-clean', async () => {
+        const { container } = render(RejectDialog, { props: baseProps() });
+        await expectNoA11yViolations(container);
+    });
+});

package/dist/svelte/components/__tests__/TimeEntryCard.test.js

@@ -0,0 +1,45 @@
+// @vitest-environment jsdom
+/**
+ * Component coverage for TimeEntryCard via the shared S11 harness (#1416).
+ */
+import { expectNoA11yViolations, render, screen, userEvent, } from '@happyvertical/smrt-vitest/svelte';
+import { describe, expect, it, vi } from 'vitest';
+import TimeEntryCard from '../TimeEntryCard.svelte';
+const entry = {
+    id: 'e1',
+    date: '2026-06-01',
+    description: 'Implement feature',
+    status: 'draft',
+    hours: 3,
+    hourlyRate: 100,
+    amount: 300,
+    workerName: 'Ada Lovelace',
+};
+describe('TimeEntryCard', () => {
+    it('renders the entry description, status, and worker', () => {
+        render(TimeEntryCard, { props: { entry } });
+        expect(screen.getByText('Implement feature')).toBeInTheDocument();
+        expect(screen.getByText('DRAFT')).toBeInTheDocument();
+        expect(screen.getByText('Ada Lovelace')).toBeInTheDocument();
+    });
+    it('forwards checkbox selection through onselect', async () => {
+        const onselect = vi.fn();
+        render(TimeEntryCard, {
+            props: { entry, selectable: true, onselect },
+        });
+        await userEvent.click(screen.getByLabelText('Select time entry for Implement feature'));
+        expect(onselect).toHaveBeenCalledWith('e1', true);
+    });
+    it('invokes onclick when the card is activated', async () => {
+        const onclick = vi.fn();
+        render(TimeEntryCard, { props: { entry, onclick } });
+        await userEvent.click(screen.getByText('Implement feature'));
+        expect(onclick).toHaveBeenCalledTimes(1);
+    });
+    it('is axe-clean', async () => {
+        const { container } = render(TimeEntryCard, {
+            props: { entry, selectable: true, onselect: vi.fn() },
+        });
+        await expectNoA11yViolations(container);
+    });
+});

package/dist/svelte/components/__tests__/TimeEntryList.test.js

@@ -0,0 +1,50 @@
+// @vitest-environment jsdom
+/**
+ * Component coverage for TimeEntryList via the shared S11 harness (#1416).
+ */
+import { expectNoA11yViolations, render, screen, userEvent, } from '@happyvertical/smrt-vitest/svelte';
+import { describe, expect, it, vi } from 'vitest';
+import TimeEntryList from '../TimeEntryList.svelte';
+const entries = [
+    {
+        id: 'e1',
+        date: '2026-06-01',
+        description: 'First task',
+        status: 'draft',
+        hours: 2,
+    },
+    {
+        id: 'e2',
+        date: '2026-06-02',
+        description: 'Second task',
+        status: 'draft',
+        hours: 4,
+    },
+];
+describe('TimeEntryList', () => {
+    it('renders a card per entry', () => {
+        render(TimeEntryList, { props: { entries } });
+        expect(screen.getByText('First task')).toBeInTheDocument();
+        expect(screen.getByText('Second task')).toBeInTheDocument();
+    });
+    it('shows the empty message when there are no entries', () => {
+        render(TimeEntryList, {
+            props: { entries: [], emptyMessage: 'No time entries' },
+        });
+        expect(screen.getByText('No time entries')).toBeInTheDocument();
+    });
+    it('selects all entries via the header checkbox', async () => {
+        const onselectionchange = vi.fn();
+        render(TimeEntryList, {
+            props: { entries, selectable: true, onselectionchange },
+        });
+        await userEvent.click(screen.getByLabelText('Select all time entries'));
+        expect(onselectionchange).toHaveBeenCalledWith(['e1', 'e2']);
+    });
+    it('is axe-clean', async () => {
+        const { container } = render(TimeEntryList, {
+            props: { entries, selectable: true, onselectionchange: vi.fn() },
+        });
+        await expectNoA11yViolations(container);
+    });
+});

package/dist/svelte/components/__tests__/TimeSummary.test.js

@@ -0,0 +1,39 @@
+// @vitest-environment jsdom
+/**
+ * Component coverage for TimeSummary via the shared S11 harness (#1416).
+ */
+import { expectNoA11yViolations, render, screen, } from '@happyvertical/smrt-vitest/svelte';
+import { describe, expect, it } from 'vitest';
+import TimeSummary from '../TimeSummary.svelte';
+describe('TimeSummary', () => {
+    it('renders the total hours and value cards', () => {
+        render(TimeSummary, {
+            props: { totalHours: 12, totalAmount: 600, entryCount: 3 },
+        });
+        expect(screen.getByText('Total Hours')).toBeInTheDocument();
+        expect(screen.getByText('Total Value')).toBeInTheDocument();
+        expect(screen.getByText('3 entries')).toBeInTheDocument();
+    });
+    it('shows pending and approved cards when enabled and non-zero', () => {
+        render(TimeSummary, {
+            props: {
+                totalHours: 12,
+                totalAmount: 600,
+                pendingHours: 4,
+                pendingAmount: 200,
+                approvedHours: 8,
+                approvedAmount: 400,
+                showPending: true,
+                showApproved: true,
+            },
+        });
+        expect(screen.getByText('Pending Approval')).toBeInTheDocument();
+        expect(screen.getByText('Approved')).toBeInTheDocument();
+    });
+    it('is axe-clean', async () => {
+        const { container } = render(TimeSummary, {
+            props: { totalHours: 12, totalAmount: 600 },
+        });
+        await expectNoA11yViolations(container);
+    });
+});

package/dist/svelte/components/utils.d.ts

@@ -0,0 +1,42 @@
+/**
+ * Shared utilities for time tracking components
+ */
+export type Currency = 'CAD' | 'USD';
+export type TimeEntryStatus = 'draft' | 'submitted' | 'approved' | 'rejected';
+/** Alias for TimeEntryStatus for approval workflows */
+export type ApprovalStatus = TimeEntryStatus;
+/**
+ * Time entry data structure
+ */
+export interface TimeEntry {
+    id: string;
+    date: Date | string;
+    hours: number;
+    description: string;
+    status: TimeEntryStatus;
+    amount?: number;
+    workerName?: string;
+    mileage?: number;
+    hourlyRate?: number;
+}
+/**
+ * Status color mapping using M3 design tokens
+ */
+export declare const statusColors: Record<TimeEntryStatus, string>;
+/**
+ * Format a date for display (e.g., "Jan 5")
+ */
+export declare function formatDate(date: Date | string): string;
+/**
+ * Format currency amount for display
+ */
+export declare function formatCurrency(amount: number, currency?: Currency): string;
+/**
+ * Format hours for display (e.g., "8.5h")
+ */
+export declare function formatHours(hours: number): string;
+/**
+ * Format hours in HH:MM format (e.g., "8:30")
+ */
+export declare function formatHoursHHMM(hours: number): string;
+//# sourceMappingURL=utils.d.ts.map

package/dist/svelte/components/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/utils.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,MAAM,QAAQ,GAAG,KAAK,GAAG,KAAK,CAAC;AAErC,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,WAAW,GAAG,UAAU,GAAG,UAAU,CAAC;AAE9E,uDAAuD;AACvD,MAAM,MAAM,cAAc,GAAG,eAAe,CAAC;AAE7C;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,IAAI,GAAG,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,eAAe,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,eAAe,EAAE,MAAM,CAKxD,CAAC;AAEF;;GAEG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAGtD;AAED;;GAEG;AACH,wBAAgB,cAAc,CAC5B,MAAM,EAAE,MAAM,EACd,QAAQ,GAAE,QAAgB,GACzB,MAAM,CAMR;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAEjD;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAIrD"}

package/dist/svelte/components/utils.js

@@ -0,0 +1,43 @@
+/**
+ * Shared utilities for time tracking components
+ */
+/**
+ * Status color mapping using M3 design tokens
+ */
+export const statusColors = {
+    draft: 'var(--md-sys-color-outline)',
+    submitted: 'var(--md-sys-color-tertiary)',
+    approved: 'var(--md-sys-color-primary)',
+    rejected: 'var(--md-sys-color-error)',
+};
+/**
+ * Format a date for display (e.g., "Jan 5")
+ */
+export function formatDate(date) {
+    const d = typeof date === 'string' ? new Date(date) : date;
+    return d.toLocaleDateString('en-CA', { month: 'short', day: 'numeric' });
+}
+/**
+ * Format currency amount for display
+ */
+export function formatCurrency(amount, currency = 'CAD') {
+    return new Intl.NumberFormat('en-CA', {
+        style: 'currency',
+        currency,
+        minimumFractionDigits: 2,
+    }).format(amount);
+}
+/**
+ * Format hours for display (e.g., "8.5h")
+ */
+export function formatHours(hours) {
+    return `${hours.toFixed(1)}h`;
+}
+/**
+ * Format hours in HH:MM format (e.g., "8:30")
+ */
+export function formatHoursHHMM(hours) {
+    const h = Math.floor(hours);
+    const m = Math.round((hours - h) * 60);
+    return `${h}:${m.toString().padStart(2, '0')}`;
+}

package/dist/svelte/i18n.d.ts

@@ -0,0 +1,18 @@
+export declare const M: {
+    readonly 'projects.approval_actions.approved_message': "projects.approval_actions.approved_message";
+    readonly 'projects.approval_actions.rejected_message': "projects.approval_actions.rejected_message";
+    readonly 'projects.bulk_actions.approve_all': "projects.bulk_actions.approve_all";
+    readonly 'projects.bulk_actions.reject_all': "projects.bulk_actions.reject_all";
+    readonly 'projects.reject_dialog.reason_required': "projects.reject_dialog.reason_required";
+    readonly 'projects.reject_dialog.close_dialog': "projects.reject_dialog.close_dialog";
+    readonly 'projects.time_entry_card.mileage': "projects.time_entry_card.mileage";
+    readonly 'projects.time_entry_card.select_entry': "projects.time_entry_card.select_entry";
+    readonly 'projects.time_entry_list.select_all': "projects.time_entry_list.select_all";
+    readonly 'projects.time_entry_list.selection_count': "projects.time_entry_list.selection_count";
+    readonly 'projects.time_entry_list.select_all_aria': "projects.time_entry_list.select_all_aria";
+    readonly 'projects.time_entry_list.select_entry_aria': "projects.time_entry_list.select_entry_aria";
+    readonly 'projects.time_summary.total_hours': "projects.time_summary.total_hours";
+    readonly 'projects.time_summary.total_value': "projects.time_summary.total_value";
+    readonly 'projects.time_summary.pending_approval': "projects.time_summary.pending_approval";
+};
+//# sourceMappingURL=i18n.d.ts.map

package/dist/svelte/i18n.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../src/svelte/i18n.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,CAAC;;;;;;;;;;;;;;;;CAiBZ,CAAC"}

package/dist/svelte/i18n.js

@@ -0,0 +1,18 @@
+import { defineMessages } from '@happyvertical/smrt-ui/i18n';
+export const M = defineMessages({
+    'projects.approval_actions.approved_message': 'This entry has been approved',
+    'projects.approval_actions.rejected_message': 'This entry was rejected',
+    'projects.bulk_actions.approve_all': 'Approve All',
+    'projects.bulk_actions.reject_all': 'Reject All',
+    'projects.reject_dialog.reason_required': 'A reason is required to reject',
+    'projects.reject_dialog.close_dialog': 'Close dialog',
+    'projects.time_entry_card.mileage': '+ {mileage} km mileage',
+    'projects.time_entry_card.select_entry': 'Select time entry for {description}',
+    'projects.time_entry_list.select_all': 'Select All',
+    'projects.time_entry_list.selection_count': '{selected} of {total} selected',
+    'projects.time_entry_list.select_all_aria': 'Select all time entries',
+    'projects.time_entry_list.select_entry_aria': 'Select entry: {description}',
+    'projects.time_summary.total_hours': 'Total Hours',
+    'projects.time_summary.total_value': 'Total Value',
+    'projects.time_summary.pending_approval': 'Pending Approval',
+});

package/dist/svelte/index.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Projects Module Svelte Components
+ *
+ * Optional Svelte UI components for time tracking and project management.
+ * Auto-registers components with ModuleUIRegistry on import.
+ *
+ * @packageDocumentation
+ */
+import type { ComponentProps } from 'svelte';
+import ApprovalActions from './components/ApprovalActions.svelte';
+import BulkActions from './components/BulkActions.svelte';
+import DurationDisplay from './components/DurationDisplay.svelte';
+import RejectDialog from './components/RejectDialog.svelte';
+import TimeEntryCard from './components/TimeEntryCard.svelte';
+import TimeEntryList from './components/TimeEntryList.svelte';
+import TimeSummary from './components/TimeSummary.svelte';
+export { ApprovalActions, BulkActions, DurationDisplay, RejectDialog, TimeEntryCard, TimeEntryList, TimeSummary, };
+export type ApprovalActionsProps = ComponentProps<typeof ApprovalActions>;
+export type BulkActionsProps = ComponentProps<typeof BulkActions>;
+export type DurationDisplayProps = ComponentProps<typeof DurationDisplay>;
+export type RejectDialogProps = ComponentProps<typeof RejectDialog>;
+export type TimeEntryCardProps = ComponentProps<typeof TimeEntryCard>;
+export type TimeEntryListProps = ComponentProps<typeof TimeEntryList>;
+export type TimeSummaryProps = ComponentProps<typeof TimeSummary>;
+export { type ApprovalStatus, type Currency, formatCurrency, formatDate, formatHours, formatHoursHHMM, statusColors, type TimeEntry, type TimeEntryStatus, } from './utils.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/svelte/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/svelte/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAI7C,OAAO,eAAe,MAAM,qCAAqC,CAAC;AAClE,OAAO,WAAW,MAAM,iCAAiC,CAAC;AAC1D,OAAO,eAAe,MAAM,qCAAqC,CAAC;AAClE,OAAO,YAAY,MAAM,kCAAkC,CAAC;AAC5D,OAAO,aAAa,MAAM,mCAAmC,CAAC;AAC9D,OAAO,aAAa,MAAM,mCAAmC,CAAC;AAC9D,OAAO,WAAW,MAAM,iCAAiC,CAAC;AAG1D,OAAO,EACL,eAAe,EACf,WAAW,EACX,eAAe,EACf,YAAY,EACZ,aAAa,EACb,aAAa,EACb,WAAW,GACZ,CAAC;AAGF,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1E,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC;AAClE,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1E,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC;AACpE,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,aAAa,CAAC,CAAC;AACtE,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,aAAa,CAAC,CAAC;AACtE,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC;AAGlE,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,QAAQ,EACb,cAAc,EACd,UAAU,EACV,WAAW,EACX,eAAe,EACf,YAAY,EACZ,KAAK,SAAS,EACd,KAAK,eAAe,GACrB,MAAM,YAAY,CAAC"}

package/dist/svelte/index.js

@@ -0,0 +1,31 @@
+/**
+ * Projects Module Svelte Components
+ *
+ * Optional Svelte UI components for time tracking and project management.
+ * Auto-registers components with ModuleUIRegistry on import.
+ *
+ * @packageDocumentation
+ */
+import { ModuleUIRegistry } from '@happyvertical/smrt-ui/registry';
+import { PROJECTS_MODULE_META } from '../ui.js';
+// Import components
+import ApprovalActions from './components/ApprovalActions.svelte';
+import BulkActions from './components/BulkActions.svelte';
+import DurationDisplay from './components/DurationDisplay.svelte';
+import RejectDialog from './components/RejectDialog.svelte';
+import TimeEntryCard from './components/TimeEntryCard.svelte';
+import TimeEntryList from './components/TimeEntryList.svelte';
+import TimeSummary from './components/TimeSummary.svelte';
+// Export components
+export { ApprovalActions, BulkActions, DurationDisplay, RejectDialog, TimeEntryCard, TimeEntryList, TimeSummary, };
+// Export types and utilities
+export { formatCurrency, formatDate, formatHours, formatHoursHHMM, statusColors, } from './utils.js';
+// Auto-register with ModuleUIRegistry
+ModuleUIRegistry.registerModule(PROJECTS_MODULE_META);
+ModuleUIRegistry.register('@happyvertical/smrt-projects', 'time-entry-card', TimeEntryCard);
+ModuleUIRegistry.register('@happyvertical/smrt-projects', 'time-entry-list', TimeEntryList);
+ModuleUIRegistry.register('@happyvertical/smrt-projects', 'time-summary', TimeSummary);
+ModuleUIRegistry.register('@happyvertical/smrt-projects', 'duration-display', DurationDisplay);
+ModuleUIRegistry.register('@happyvertical/smrt-projects', 'approval-actions', ApprovalActions);
+ModuleUIRegistry.register('@happyvertical/smrt-projects', 'bulk-actions', BulkActions);
+ModuleUIRegistry.register('@happyvertical/smrt-projects', 'reject-dialog', RejectDialog);

package/dist/svelte/playground.d.ts

@@ -0,0 +1,122 @@
+declare const _default: {
+    packageName: string;
+    displayName: string;
+    description: string | undefined;
+    moduleMeta: import("@happyvertical/smrt-types").SmrtModuleMeta;
+    entries: ({
+        id: string;
+        title: string;
+        description: string;
+        loadComponent: () => Promise<typeof import("./components/TimeEntryList.svelte")>;
+        order: number;
+        props: {
+            entries: ({
+                id: string;
+                date: string;
+                hours: number;
+                description: string;
+                status: string;
+                amount: number;
+                workerName: string;
+                hourlyRate: number;
+                mileage: number;
+            } | {
+                id: string;
+                date: string;
+                hours: number;
+                description: string;
+                status: string;
+                amount: number;
+                workerName: string;
+                hourlyRate: number;
+                mileage?: undefined;
+            })[];
+            selectable: boolean;
+            selectedIds: string[];
+            currency: string;
+            onselectionchange: () => void;
+            baseHref: string;
+            totalHours?: undefined;
+            totalAmount?: undefined;
+            pendingHours?: undefined;
+            pendingAmount?: undefined;
+            approvedHours?: undefined;
+            approvedAmount?: undefined;
+            entryCount?: undefined;
+            showApproved?: undefined;
+            status?: undefined;
+            onapprove?: undefined;
+            onreject?: undefined;
+            onedit?: undefined;
+        };
+        modes: {
+            mock: {
+                label: string;
+            };
+        };
+    } | {
+        id: string;
+        title: string;
+        description: string;
+        loadComponent: () => Promise<typeof import("./components/TimeSummary.svelte")>;
+        order: number;
+        props: {
+            totalHours: number;
+            totalAmount: number;
+            pendingHours: number;
+            pendingAmount: number;
+            approvedHours: number;
+            approvedAmount: number;
+            entryCount: number;
+            currency: string;
+            showApproved: boolean;
+            entries?: undefined;
+            selectable?: undefined;
+            selectedIds?: undefined;
+            onselectionchange?: undefined;
+            baseHref?: undefined;
+            status?: undefined;
+            onapprove?: undefined;
+            onreject?: undefined;
+            onedit?: undefined;
+        };
+        modes: {
+            mock: {
+                label: string;
+            };
+        };
+    } | {
+        id: string;
+        title: string;
+        description: string;
+        loadComponent: () => Promise<typeof import("./components/ApprovalActions.svelte")>;
+        order: number;
+        props: {
+            status: string;
+            onapprove: () => void;
+            onreject: () => void;
+            onedit: () => void;
+            entries?: undefined;
+            selectable?: undefined;
+            selectedIds?: undefined;
+            currency?: undefined;
+            onselectionchange?: undefined;
+            baseHref?: undefined;
+            totalHours?: undefined;
+            totalAmount?: undefined;
+            pendingHours?: undefined;
+            pendingAmount?: undefined;
+            approvedHours?: undefined;
+            approvedAmount?: undefined;
+            entryCount?: undefined;
+            showApproved?: undefined;
+        };
+        modes: {
+            mock: {
+                label: string;
+            };
+        };
+    })[];
+};
+export default _default;
+//# sourceMappingURL=playground.d.ts.map

package/dist/svelte/playground.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"playground.d.ts","sourceRoot":"","sources":["../../src/svelte/playground.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsDA,wBAgFE"}

package/dist/svelte/playground.js

@@ -0,0 +1,114 @@
+import { PROJECTS_MODULE_META } from '../ui.js';
+const noop = () => { };
+const sampleTimeEntries = [
+    {
+        id: 'time-entry-1',
+        date: '2026-03-18T16:00:00.000Z',
+        hours: 6.5,
+        description: 'Editorial governance review and fact-linking pass',
+        status: 'submitted',
+        amount: 780,
+        workerName: 'Taylor Rowan',
+        hourlyRate: 120,
+        mileage: 18,
+    },
+    {
+        id: 'time-entry-2',
+        date: '2026-03-19T16:00:00.000Z',
+        hours: 4.25,
+        description: 'Content workflow instrumentation and approval QA',
+        status: 'approved',
+        amount: 510,
+        workerName: 'Jordan Lee',
+        hourlyRate: 120,
+    },
+    {
+        id: 'time-entry-3',
+        date: '2026-03-20T16:00:00.000Z',
+        hours: 2,
+        description: 'Follow-up revisions for contributor feedback',
+        status: 'draft',
+        amount: 240,
+        workerName: 'Casey Tran',
+        hourlyRate: 120,
+    },
+];
+const totalHours = sampleTimeEntries.reduce((sum, entry) => sum + entry.hours, 0);
+const totalAmount = sampleTimeEntries.reduce((sum, entry) => sum + (entry.amount ?? 0), 0);
+const pendingEntries = sampleTimeEntries.filter((entry) => entry.status === 'submitted');
+const loadApprovalActions = () => import('./components/ApprovalActions.svelte');
+const loadTimeEntryList = () => import('./components/TimeEntryList.svelte');
+const loadTimeSummary = () => import('./components/TimeSummary.svelte');
+export default {
+    packageName: '@happyvertical/smrt-projects',
+    displayName: PROJECTS_MODULE_META.displayName,
+    description: PROJECTS_MODULE_META.description,
+    moduleMeta: PROJECTS_MODULE_META,
+    entries: [
+        {
+            id: 'time-entry-list',
+            title: 'Time Entry List',
+            description: 'Selectable list view for recent time entries with billing context.',
+            loadComponent: loadTimeEntryList,
+            order: 1,
+            props: {
+                entries: sampleTimeEntries,
+                selectable: true,
+                selectedIds: ['time-entry-1'],
+                currency: 'CAD',
+                onselectionchange: noop,
+                baseHref: '/projects/time-entries',
+            },
+            modes: {
+                mock: {
+                    label: 'Mock',
+                },
+            },
+        },
+        {
+            id: 'time-summary',
+            title: 'Time Summary',
+            description: 'Hours and value summary cards for a project review period.',
+            loadComponent: loadTimeSummary,
+            order: 2,
+            props: {
+                totalHours,
+                totalAmount,
+                pendingHours: pendingEntries.reduce((sum, entry) => sum + entry.hours, 0),
+                pendingAmount: pendingEntries.reduce((sum, entry) => sum + (entry.amount ?? 0), 0),
+                approvedHours: sampleTimeEntries
+                    .filter((entry) => entry.status === 'approved')
+                    .reduce((sum, entry) => sum + entry.hours, 0),
+                approvedAmount: sampleTimeEntries
+                    .filter((entry) => entry.status === 'approved')
+                    .reduce((sum, entry) => sum + (entry.amount ?? 0), 0),
+                entryCount: sampleTimeEntries.length,
+                currency: 'CAD',
+                showApproved: true,
+            },
+            modes: {
+                mock: {
+                    label: 'Mock',
+                },
+            },
+        },
+        {
+            id: 'approval-actions',
+            title: 'Approval Actions',
+            description: 'Status-sensitive action row for approving or returning submitted work.',
+            loadComponent: loadApprovalActions,
+            order: 3,
+            props: {
+                status: 'submitted',
+                onapprove: noop,
+                onreject: noop,
+                onedit: noop,
+            },
+            modes: {
+                mock: {
+                    label: 'Mock',
+                },
+            },
+        },
+    ],
+};

package/dist/svelte/utils.d.ts

@@ -0,0 +1,42 @@
+/**
+ * Shared utilities for time tracking components
+ */
+export type Currency = 'CAD' | 'USD';
+export type TimeEntryStatus = 'draft' | 'submitted' | 'approved' | 'rejected';
+/** Alias for TimeEntryStatus for approval workflows */
+export type ApprovalStatus = TimeEntryStatus;
+/**
+ * Time entry data structure
+ */
+export interface TimeEntry {
+    id: string;
+    date: Date | string;
+    hours: number;
+    description: string;
+    status: TimeEntryStatus;
+    amount?: number;
+    workerName?: string;
+    mileage?: number;
+    hourlyRate?: number;
+}
+/**
+ * Status color mapping using M3 design tokens
+ */
+export declare const statusColors: Record<TimeEntryStatus, string>;
+/**
+ * Format a date for display (e.g., "Jan 5")
+ */
+export declare function formatDate(date: Date | string): string;
+/**
+ * Format currency amount for display
+ */
+export declare function formatCurrency(amount: number, currency?: Currency): string;
+/**
+ * Format hours for display (e.g., "8.5h")
+ */
+export declare function formatHours(hours: number): string;
+/**
+ * Format hours in HH:MM format (e.g., "8:30")
+ */
+export declare function formatHoursHHMM(hours: number): string;
+//# sourceMappingURL=utils.d.ts.map

package/dist/svelte/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/svelte/utils.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,MAAM,QAAQ,GAAG,KAAK,GAAG,KAAK,CAAC;AAErC,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,WAAW,GAAG,UAAU,GAAG,UAAU,CAAC;AAE9E,uDAAuD;AACvD,MAAM,MAAM,cAAc,GAAG,eAAe,CAAC;AAE7C;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,IAAI,GAAG,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,eAAe,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,eAAe,EAAE,MAAM,CAKxD,CAAC;AAEF;;GAEG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAGtD;AAED;;GAEG;AACH,wBAAgB,cAAc,CAC5B,MAAM,EAAE,MAAM,EACd,QAAQ,GAAE,QAAgB,GACzB,MAAM,CAMR;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAEjD;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAIrD"}