@ketvietlab/ketsuite 0.1.1

package/dist/ui/schedule.d.ts

@@ -0,0 +1,34 @@
+import type { JSXChild, TemplateResult } from '@ketvietlab/ketjs-view';
+export declare const HOOKS: readonly ['schedule-scroll', 'schedule', 'schedule-head', 'schedule-corner', 'schedule-day', 'schedule-day-label', 'schedule-day-detail', 'schedule-row', 'schedule-row-label', 'schedule-row-name', 'schedule-row-detail', 'schedule-cell', 'schedule-event', 'schedule-event-title', 'schedule-event-detail'];
+export type ScheduleDay = {
+    key: string;
+    label: string;
+    detail?: string | null;
+    today?: boolean;
+};
+export type ScheduleRow = {
+    id: string;
+    label: string;
+    detail?: string | null;
+    state?: string | null;
+};
+export type ScheduleTone = 'neutral' | 'info' | 'positive' | 'warning' | 'danger';
+export type ScheduleEvent = {
+    id: string;
+    rowId: string;
+    start: number;
+    span: number;
+    label: string;
+    detail?: string | null;
+    tone?: ScheduleTone | null;
+    state?: string | null;
+    href?: string | null;
+};
+export declare const scheduleBoard: (o: {
+    corner: string;
+    days: readonly ScheduleDay[];
+    rows: readonly ScheduleRow[];
+    events: readonly ScheduleEvent[];
+    empty?: JSXChild;
+}) => TemplateResult;
+//# sourceMappingURL=schedule.d.ts.map

package/dist/ui/schedule.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"schedule.d.ts","sourceRoot":"","sources":["../../../../../packages/ketsuite/src/ui/schedule.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAEtE,eAAO,MAAM,KAAK,YAChB,iBAAiB,EACjB,UAAU,EACV,eAAe,EACf,iBAAiB,EACjB,cAAc,EACd,oBAAoB,EACpB,qBAAqB,EACrB,cAAc,EACd,oBAAoB,EACpB,mBAAmB,EACnB,qBAAqB,EACrB,eAAe,EACf,gBAAgB,EAChB,sBAAsB,EACtB,uBAAuB,CACf,CAAA;AAEV,MAAM,MAAM,WAAW,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAAC,KAAK,CAAC,EAAE,OAAO,CAAA;CAAE,CAAA;AACjG,MAAM,MAAM,WAAW,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,CAAA;AACtG,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,MAAM,GAAG,UAAU,GAAG,SAAS,GAAG,QAAQ,CAAA;AACjF,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,IAAI,CAAC,EAAE,YAAY,GAAG,IAAI,CAAA;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CACrB,CAAA;AAID,eAAO,MAAM,aAAa,MAAO;IAC/B,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,SAAS,WAAW,EAAE,CAAA;IAC5B,IAAI,EAAE,SAAS,WAAW,EAAE,CAAA;IAC5B,MAAM,EAAE,SAAS,aAAa,EAAE,CAAA;IAChC,KAAK,CAAC,EAAE,QAAQ,CAAA;CACjB,KAAG,cA2EH,CAAA"}

package/dist/ui/schedule.js

@@ -0,0 +1,39 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "@ketvietlab/ketjs-view/jsx-runtime";
+// A dense, server-rendered schedule board. Modules provide rows, days and spans;
+// this component owns the grid markup, sticky labels and overflow behaviour.
+import { each } from '@ketvietlab/ketjs-view';
+export const HOOKS = [
+    'schedule-scroll',
+    'schedule',
+    'schedule-head',
+    'schedule-corner',
+    'schedule-day',
+    'schedule-day-label',
+    'schedule-day-detail',
+    'schedule-row',
+    'schedule-row-label',
+    'schedule-row-name',
+    'schedule-row-detail',
+    'schedule-cell',
+    'schedule-event',
+    'schedule-event-title',
+    'schedule-event-detail',
+];
+const columns = (count) => `12rem repeat(${count}, minmax(6.5rem, 1fr))`;
+export const scheduleBoard = (o) => {
+    if (!o.rows.length)
+        return _jsx(_Fragment, { children: o.empty });
+    const template = columns(o.days.length);
+    return (_jsx("div", { "data-ui": "schedule-scroll", children: _jsxs("div", { "data-ui": "schedule", style: { minWidth: `${12 + o.days.length * 6.5}rem` }, children: [_jsxs("header", { "data-ui": "schedule-head", style: { gridTemplateColumns: template }, children: [_jsx("div", { "data-ui": "schedule-corner", children: o.corner }), each(o.days, (day) => day.key, (day) => (_jsxs("div", { "data-ui": "schedule-day", "data-today": String(day.today === true), children: [_jsx("span", { "data-ui": "schedule-day-label", children: day.label }), !!day.detail && _jsx("span", { "data-ui": "schedule-day-detail", children: day.detail })] })))] }), each(o.rows, (row) => row.id, (row) => (_jsxs("div", { "data-ui": "schedule-row", "data-state": row.state ?? null, style: { gridTemplateColumns: template }, children: [_jsxs("div", { "data-ui": "schedule-row-label", style: { gridColumn: '1' }, children: [_jsx("span", { "data-ui": "schedule-row-name", children: row.label }), !!row.detail && _jsx("span", { "data-ui": "schedule-row-detail", children: row.detail })] }), each(o.days, (day) => day.key, (day, index) => (_jsx("div", { "data-ui": "schedule-cell", "data-today": String(day.today === true), style: { gridColumn: String(index + 2) } }))), each(o.events.filter((event) => event.rowId === row.id), (event) => event.id, (event) => {
+                            const content = (_jsxs(_Fragment, { children: [_jsx("strong", { "data-ui": "schedule-event-title", children: event.label }), !!event.detail && _jsx("span", { "data-ui": "schedule-event-detail", children: event.detail })] }));
+                            const props = {
+                                'data-ui': 'schedule-event',
+                                'data-tone': event.tone ?? 'neutral',
+                                'data-state': event.state ?? null,
+                                style: { gridColumn: `${event.start + 2} / span ${Math.max(1, event.span)}` },
+                                title: event.detail ? `${event.label} · ${event.detail}` : event.label,
+                            };
+                            return event.href ? (_jsx("a", { ...props, href: event.href, children: content })) : (_jsx("article", { ...props, children: content }));
+                        })] })))] }) }));
+};
+//# sourceMappingURL=schedule.js.map

package/dist/ui/schedule.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schedule.js","sourceRoot":"","sources":["../../../../../../packages/ketsuite/src/ui/schedule.tsx"],"names":[],"mappings":"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"}

package/dist/ui/state.d.ts

@@ -0,0 +1,19 @@
+import type { JSXChild, TemplateResult } from '@ketvietlab/ketjs-view';
+/** The data-ui names this file emits. See ui/hooks.ts. */
+export declare const HOOKS: readonly ['notice', 'notice-icon', 'notice-copy', 'notice-title', 'notice-message', 'notice-actions', 'empty', 'empty-icon', 'empty-message', 'empty-hint', 'empty-actions', 'error', 'error-code', 'error-message', 'error-hint', 'loading', 'loading-label', 'skeleton', 'skeleton-line'];
+export type NoticeTone = 'info' | 'positive' | 'warning' | 'danger';
+export declare const notice: (o: {
+    tone?: NoticeTone;
+    title: string;
+    message: string;
+    icon?: JSXChild;
+    actions?: JSXChild;
+}) => TemplateResult;
+export declare const emptyState: (message: string, hint: string, o?: {
+    icon?: JSXChild;
+    actions?: JSXChild;
+}) => TemplateResult;
+export declare const errorState: (code: string, message: string, hint: string) => TemplateResult;
+/** A labelled skeleton that preserves the broad shape of the content arriving. */
+export declare const loadingState: (label: string, lines?: number) => TemplateResult;
+//# sourceMappingURL=state.d.ts.map

package/dist/ui/state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.d.ts","sourceRoot":"","sources":["../../../../../packages/ketsuite/src/ui/state.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAEtE,0DAA0D;AAC1D,eAAO,MAAM,KAAK,YAChB,QAAQ,EACR,aAAa,EACb,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,gBAAgB,EAChB,OAAO,EACP,YAAY,EACZ,eAAe,EACf,YAAY,EACZ,eAAe,EACf,OAAO,EACP,YAAY,EACZ,eAAe,EACf,YAAY,EACZ,SAAS,EACT,eAAe,EACf,UAAU,EACV,eAAe,CACP,CAAA;AAEV,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,UAAU,GAAG,SAAS,GAAG,QAAQ,CAAA;AAEnE,eAAO,MAAM,MAAM,MAAO;IACxB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,OAAO,CAAC,EAAE,QAAQ,CAAA;CACnB,KAAG,cAaH,CAAA;AAED,eAAO,MAAM,UAAU,YACZ,MAAM,QACT,MAAM,MACT;IAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;IAAC,OAAO,CAAC,EAAE,QAAQ,CAAA;CAAE,KACzC,cAWF,CAAA;AAED,eAAO,MAAM,UAAU,SAAU,MAAM,WAAW,MAAM,QAAQ,MAAM,KAAG,cAMxE,CAAA;AAED,kFAAkF;AAClF,eAAO,MAAM,YAAY,UAAW,MAAM,qBAAc,cAavD,CAAA"}

package/dist/ui/state.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@ketvietlab/ketjs-view/jsx-runtime";
+// The two things a screen says when it has nothing to show.
+//
+// Both are components rather than markup in a screen, because "empty" and "broken"
+// are the states most often written twice and styled once.
+import { each } from '@ketvietlab/ketjs-view';
+/** The data-ui names this file emits. See ui/hooks.ts. */
+export const HOOKS = [
+    'notice',
+    'notice-icon',
+    'notice-copy',
+    'notice-title',
+    'notice-message',
+    'notice-actions',
+    'empty',
+    'empty-icon',
+    'empty-message',
+    'empty-hint',
+    'empty-actions',
+    'error',
+    'error-code',
+    'error-message',
+    'error-hint',
+    'loading',
+    'loading-label',
+    'skeleton',
+    'skeleton-line',
+];
+export const notice = (o) => (_jsxs("aside", { "data-ui": "notice", "data-tone": o.tone ?? 'info', role: o.tone === 'danger' ? 'alert' : 'status', children: [o.icon !== undefined && (_jsx("span", { "data-ui": "notice-icon", "aria-hidden": "true", children: o.icon })), _jsxs("div", { "data-ui": "notice-copy", children: [_jsx("p", { "data-ui": "notice-title", children: o.title }), _jsx("p", { "data-ui": "notice-message", children: o.message })] }), o.actions !== undefined && _jsx("div", { "data-ui": "notice-actions", children: o.actions })] }));
+export const emptyState = (message, hint, o = {}) => (_jsxs("div", { "data-ui": "empty", role: "status", children: [o.icon !== undefined && (_jsx("span", { "data-ui": "empty-icon", "aria-hidden": "true", children: o.icon })), _jsx("p", { "data-ui": "empty-message", children: message }), _jsx("p", { "data-ui": "empty-hint", children: hint }), o.actions !== undefined && _jsx("div", { "data-ui": "empty-actions", children: o.actions })] }));
+export const errorState = (code, message, hint) => (_jsxs("div", { "data-ui": "error", role: "alert", children: [_jsx("p", { "data-ui": "error-code", children: code }), _jsx("p", { "data-ui": "error-message", children: message }), !!hint && _jsx("p", { "data-ui": "error-hint", children: hint })] }));
+/** A labelled skeleton that preserves the broad shape of the content arriving. */
+export const loadingState = (label, lines = 3) => (_jsxs("div", { "data-ui": "loading", role: "status", "aria-live": "polite", children: [_jsx("span", { "data-ui": "loading-label", children: label }), _jsx("div", { "data-ui": "skeleton", "aria-hidden": "true", children: each(Array.from({ length: Math.max(1, lines) }), (_, i) => i, (_, i) => (_jsx("span", { "data-ui": "skeleton-line", "data-line": String(i + 1) }))) })] }));
+//# sourceMappingURL=state.js.map

package/dist/ui/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../../packages/ketsuite/src/ui/state.tsx"],"names":[],"mappings":";AAAA,4DAA4D;AAC5D,EAAE;AACF,mFAAmF;AACnF,2DAA2D;AAE3D,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAA;AAG7C,0DAA0D;AAC1D,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,QAAQ;IACR,aAAa;IACb,aAAa;IACb,cAAc;IACd,gBAAgB;IAChB,gBAAgB;IAChB,OAAO;IACP,YAAY;IACZ,eAAe;IACf,YAAY;IACZ,eAAe;IACf,OAAO;IACP,YAAY;IACZ,eAAe;IACf,YAAY;IACZ,SAAS;IACT,eAAe;IACf,UAAU;IACV,eAAe;CACP,CAAA;AAIV,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,CAMtB,EAAkB,EAAE,CAAC,CACpB,4BAAe,QAAQ,eAAY,CAAC,CAAC,IAAI,IAAI,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,aAChG,CAAC,CAAC,IAAI,KAAK,SAAS,IAAI,CACvB,0BAAc,aAAa,iBAAa,MAAM,YAC3C,CAAC,CAAC,IAAI,GACF,CACR,EACD,0BAAa,aAAa,aACxB,uBAAW,cAAc,YAAE,CAAC,CAAC,KAAK,GAAK,EACvC,uBAAW,gBAAgB,YAAE,CAAC,CAAC,OAAO,GAAK,IACvC,EACL,CAAC,CAAC,OAAO,KAAK,SAAS,IAAI,yBAAa,gBAAgB,YAAE,CAAC,CAAC,OAAO,GAAO,IACrE,CACT,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,CACxB,OAAe,EACf,IAAY,EACZ,CAAC,GAA4C,EAAE,EAC/B,EAAE,CAAC,CACnB,0BAAa,OAAO,EAAC,IAAI,EAAC,QAAQ,aAC/B,CAAC,CAAC,IAAI,KAAK,SAAS,IAAI,CACvB,0BAAc,YAAY,iBAAa,MAAM,YAC1C,CAAC,CAAC,IAAI,GACF,CACR,EACD,uBAAW,eAAe,YAAE,OAAO,GAAK,EACxC,uBAAW,YAAY,YAAE,IAAI,GAAK,EACjC,CAAC,CAAC,OAAO,KAAK,SAAS,IAAI,yBAAa,eAAe,YAAE,CAAC,CAAC,OAAO,GAAO,IACtE,CACP,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,IAAY,EAAE,OAAe,EAAE,IAAY,EAAkB,EAAE,CAAC,CACzF,0BAAa,OAAO,EAAC,IAAI,EAAC,OAAO,aAC/B,uBAAW,YAAY,YAAE,IAAI,GAAK,EAClC,uBAAW,eAAe,YAAE,OAAO,GAAK,EACvC,CAAC,CAAC,IAAI,IAAI,uBAAW,YAAY,YAAE,IAAI,GAAK,IACzC,CACP,CAAA;AAED,kFAAkF;AAClF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,KAAK,GAAG,CAAC,EAAkB,EAAE,CAAC,CACxE,0BAAa,SAAS,EAAC,IAAI,EAAC,QAAQ,eAAW,QAAQ,aACrD,0BAAc,eAAe,YAAE,KAAK,GAAQ,EAC5C,yBAAa,UAAU,iBAAa,MAAM,YACvC,IAAI,CACH,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,EAC1C,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EACX,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACR,0BAAc,eAAe,eAAY,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,GAAI,CAC3D,CACF,GACG,IACF,CACP,CAAA"}

package/dist/ui/surfaces.d.ts

@@ -0,0 +1,38 @@
+import type { JSXChild, TemplateResult } from '@ketvietlab/ketjs-view';
+export declare const HOOKS: readonly ['stack', 'section', 'section-head', 'section-eyebrow', 'section-title', 'section-description', 'section-actions', 'section-body', 'surface', 'card-grid', 'content-card', 'card-head', 'card-title', 'card-summary', 'card-body', 'card-meta', 'card-actions', 'metric', 'metric-label', 'metric-value', 'metric-detail'];
+export declare const stack: (items: readonly JSXChild[], gap?: 'compact' | 'default' | 'loose') => TemplateResult;
+export declare const section: (o: {
+    title: string;
+    body: JSXChild;
+    description?: string | null;
+    eyebrow?: string | null;
+    actions?: JSXChild;
+}) => TemplateResult;
+export declare const surface: (o: {
+    body: JSXChild;
+    tone?: 'default' | 'subtle';
+    padding?: 'compact' | 'default' | 'none';
+}) => TemplateResult;
+export declare const cardGrid: <T>(o: {
+    items: readonly T[];
+    id: (item: T) => unknown;
+    card: (item: T) => TemplateResult;
+}) => TemplateResult;
+/** A content card. Only its title becomes a link, so nested actions remain valid. */
+export declare const contentCard: (o: {
+    title: string;
+    summary?: string | null;
+    body?: JSXChild;
+    meta?: JSXChild;
+    actions?: JSXChild;
+    href?: string | null;
+    selected?: boolean;
+}) => TemplateResult;
+/** One operational fact, with context rather than colour carrying its meaning. */
+export declare const metric: (o: {
+    label: string;
+    value: string;
+    detail?: string | null;
+    tone?: string;
+}) => TemplateResult;
+//# sourceMappingURL=surfaces.d.ts.map

package/dist/ui/surfaces.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"surfaces.d.ts","sourceRoot":"","sources":["../../../../../packages/ketsuite/src/ui/surfaces.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAEtE,eAAO,MAAM,KAAK,YAChB,OAAO,EACP,SAAS,EACT,cAAc,EACd,iBAAiB,EACjB,eAAe,EACf,qBAAqB,EACrB,iBAAiB,EACjB,cAAc,EACd,SAAS,EACT,WAAW,EACX,cAAc,EACd,WAAW,EACX,YAAY,EACZ,cAAc,EACd,WAAW,EACX,WAAW,EACX,cAAc,EACd,QAAQ,EACR,cAAc,EACd,cAAc,EACd,eAAe,CACP,CAAA;AAEV,eAAO,MAAM,KAAK,UACT,SAAS,QAAQ,EAAE,QACrB,SAAS,GAAG,SAAS,GAAG,OAAO,KACnC,cAUF,CAAA;AAED,eAAO,MAAM,OAAO,MAAO;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,QAAQ,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,OAAO,CAAC,EAAE,QAAQ,CAAA;CACnB,KAAG,cAYH,CAAA;AAED,eAAO,MAAM,OAAO,MAAO;IACzB,IAAI,EAAE,QAAQ,CAAA;IACd,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IAC3B,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,CAAA;CACzC,KAAG,cAIH,CAAA;AAED,eAAO,MAAM,QAAQ,GAAI,CAAC,KAAM;IAC9B,KAAK,EAAE,SAAS,CAAC,EAAE,CAAA;IACnB,EAAE,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAA;IACxB,IAAI,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,cAAc,CAAA;CAClC,KAAG,cAA8F,CAAA;AAElG,qFAAqF;AACrF,eAAO,MAAM,WAAW,MAAO;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,OAAO,CAAC,EAAE,QAAQ,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,KAAG,cAcH,CAAA;AAED,kFAAkF;AAClF,eAAO,MAAM,MAAM,MAAO;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,KAAG,cAMH,CAAA"}

package/dist/ui/surfaces.js

@@ -0,0 +1,36 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "@ketvietlab/ketjs-view/jsx-runtime";
+// Reusable operational surfaces. These own hierarchy and spacing; a module owns
+// only the content and the business meaning placed inside them.
+import { each } from '@ketvietlab/ketjs-view';
+export const HOOKS = [
+    'stack',
+    'section',
+    'section-head',
+    'section-eyebrow',
+    'section-title',
+    'section-description',
+    'section-actions',
+    'section-body',
+    'surface',
+    'card-grid',
+    'content-card',
+    'card-head',
+    'card-title',
+    'card-summary',
+    'card-body',
+    'card-meta',
+    'card-actions',
+    'metric',
+    'metric-label',
+    'metric-value',
+    'metric-detail',
+];
+export const stack = (items, gap = 'default') => (_jsx("div", { "data-ui": "stack", "data-gap": gap, children: each(items, (_, i) => i, (item) => (_jsx(_Fragment, { children: item }))) }));
+export const section = (o) => (_jsxs("section", { "data-ui": "section", children: [_jsxs("header", { "data-ui": "section-head", children: [_jsxs("div", { children: [!!o.eyebrow && _jsx("p", { "data-ui": "section-eyebrow", children: o.eyebrow }), _jsx("h2", { "data-ui": "section-title", children: o.title }), !!o.description && _jsx("p", { "data-ui": "section-description", children: o.description })] }), o.actions !== undefined && _jsx("div", { "data-ui": "section-actions", children: o.actions })] }), _jsx("div", { "data-ui": "section-body", children: o.body })] }));
+export const surface = (o) => (_jsx("div", { "data-ui": "surface", "data-tone": o.tone ?? 'default', "data-padding": o.padding ?? 'default', children: o.body }));
+export const cardGrid = (o) => _jsx("div", { "data-ui": "card-grid", children: each(o.items, o.id, (item) => o.card(item)) });
+/** A content card. Only its title becomes a link, so nested actions remain valid. */
+export const contentCard = (o) => (_jsxs("article", { "data-ui": "content-card", "data-interactive": String(!!o.href), "data-selected": String(o.selected === true), children: [_jsxs("header", { "data-ui": "card-head", children: [_jsx("h3", { "data-ui": "card-title", children: o.href ? _jsx("a", { href: o.href, children: o.title }) : o.title }), !!o.summary && _jsx("p", { "data-ui": "card-summary", children: o.summary })] }), o.body !== undefined && _jsx("div", { "data-ui": "card-body", children: o.body }), o.meta !== undefined && _jsx("div", { "data-ui": "card-meta", children: o.meta }), o.actions !== undefined && _jsx("div", { "data-ui": "card-actions", children: o.actions })] }));
+/** One operational fact, with context rather than colour carrying its meaning. */
+export const metric = (o) => (_jsxs("article", { "data-ui": "metric", "data-tone": o.tone ?? 'neutral', children: [_jsx("p", { "data-ui": "metric-label", children: o.label }), _jsx("p", { "data-ui": "metric-value", children: o.value }), !!o.detail && _jsx("p", { "data-ui": "metric-detail", children: o.detail })] }));
+//# sourceMappingURL=surfaces.js.map

package/dist/ui/surfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"surfaces.js","sourceRoot":"","sources":["../../../../../../packages/ketsuite/src/ui/surfaces.tsx"],"names":[],"mappings":"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"}

package/dist/ui/table.d.ts

@@ -0,0 +1,48 @@
+import type { TemplateResult } from '@ketvietlab/ketjs-view';
+import type { Translator } from '@ketvietlab/ketjs';
+export type Cell = TemplateResult | string;
+export type Column<R> = {
+    key: string;
+    label: string;
+    cell: (row: R) => Cell;
+    align?: 'end';
+    kind?: 'text' | 'number' | 'currency' | 'date' | 'status' | 'identifier' | 'person';
+    priority?: 'primary' | 'secondary' | 'tertiary';
+    width?: 'narrow' | 'medium' | 'wide';
+    sort?: {
+        href: string;
+        direction?: 'asc' | 'desc' | null;
+        label: string;
+    };
+    optional?: boolean;
+};
+export type DataTable<R> = {
+    columns: ReadonlyArray<Column<R>>;
+    rows: readonly R[];
+    id: (row: R) => string;
+    rowHref?: (row: R) => string;
+    caption?: string | null;
+    shown?: readonly string[];
+    colsHref?: (keys: readonly string[]) => string;
+    groups?: readonly TableGroup<R>[];
+};
+export type TableGroup<R> = {
+    id: string;
+    label: string;
+    count: number;
+    depth: number;
+    open: boolean;
+    href: string;
+    children?: readonly TableGroup<R>[];
+    rows?: readonly R[];
+    pager?: {
+        label: string;
+        prev?: string;
+        next?: string;
+    };
+};
+export declare const HOOKS: readonly ['table-scroll', 'table', 'col', 'row', 'row-link', 'cell', 'col-actions', 'cell-actions', 'table-caption', 'sort-link', 'sort-icon', 'group-pager', 'col-config', 'col-config-open', 'col-config-menu', 'col-toggle', 'col-toggle-mark', 'group-row', 'group-link', 'group-indent', 'group-count'];
+export declare const visibleColumns: <R>(table: DataTable<R>) => ReadonlyArray<Column<R>>;
+/** A canonical, URL-driven operational table with keyed rows. */
+export declare const dataTable: <R>(_: Translator, table: DataTable<R>) => TemplateResult;
+//# sourceMappingURL=table.d.ts.map

package/dist/ui/table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../../../packages/ketsuite/src/ui/table.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAC5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAGnD,MAAM,MAAM,IAAI,GAAG,cAAc,GAAG,MAAM,CAAA;AAE1C,MAAM,MAAM,MAAM,CAAC,CAAC,IAAI;IACtB,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAA;IACtB,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,GAAG,QAAQ,GAAG,YAAY,GAAG,QAAQ,CAAA;IACnF,QAAQ,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAA;IAC/C,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAA;IACpC,IAAI,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,IAAI,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAA;IACzE,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,SAAS,CAAC,CAAC,IAAI;IACzB,OAAO,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAA;IACjC,IAAI,EAAE,SAAS,CAAC,EAAE,CAAA;IAClB,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,CAAA;IAC5B,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,KAAK,CAAC,EAAE,SAAS,MAAM,EAAE,CAAA;IACzB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,MAAM,EAAE,KAAK,MAAM,CAAA;IAC9C,MAAM,CAAC,EAAE,SAAS,UAAU,CAAC,CAAC,CAAC,EAAE,CAAA;CAClC,CAAA;AAED,MAAM,MAAM,UAAU,CAAC,CAAC,IAAI;IAC1B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,OAAO,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,SAAS,UAAU,CAAC,CAAC,CAAC,EAAE,CAAA;IACnC,IAAI,CAAC,EAAE,SAAS,CAAC,EAAE,CAAA;IACnB,KAAK,CAAC,EAAE;QACN,KAAK,EAAE,MAAM,CAAA;QACb,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,IAAI,CAAC,EAAE,MAAM,CAAA;KACd,CAAA;CACF,CAAA;AAED,eAAO,MAAM,KAAK,YAChB,cAAc,EACd,OAAO,EACP,KAAK,EACL,KAAK,EACL,UAAU,EACV,MAAM,EACN,aAAa,EACb,cAAc,EACd,eAAe,EACf,WAAW,EACX,WAAW,EACX,aAAa,EACb,YAAY,EACZ,iBAAiB,EACjB,iBAAiB,EACjB,YAAY,EACZ,iBAAiB,EACjB,WAAW,EACX,YAAY,EACZ,cAAc,EACd,aAAa,CACL,CAAA;AAEV,eAAO,MAAM,cAAc,GAAI,CAAC,SAAU,SAAS,CAAC,CAAC,CAAC,KAAG,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,CACgB,CAAA;AAkChG,iEAAiE;AACjE,eAAO,MAAM,SAAS,GAAI,CAAC,KAAM,UAAU,SAAS,SAAS,CAAC,CAAC,CAAC,KAAG,cAoDlE,CAAA"}

package/dist/ui/table.js

@@ -0,0 +1,53 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "@ketvietlab/ketjs-view/jsx-runtime";
+// The list itself: columns as data, and the small pieces that go in a cell.
+//
+// A module says what its columns ARE — key, label, how to read one out of a row,
+// whether it is on by default. It does not write a <table>. Optional columns and
+// sorting live in the URL, so the back button and shared links keep their meaning.
+import { each } from '@ketvietlab/ketjs-view';
+import { icon } from './icons.js';
+export const HOOKS = [
+    'table-scroll',
+    'table',
+    'col',
+    'row',
+    'row-link',
+    'cell',
+    'col-actions',
+    'cell-actions',
+    'table-caption',
+    'sort-link',
+    'sort-icon',
+    'group-pager',
+    'col-config',
+    'col-config-open',
+    'col-config-menu',
+    'col-toggle',
+    'col-toggle-mark',
+    'group-row',
+    'group-link',
+    'group-indent',
+    'group-count',
+];
+export const visibleColumns = (table) => table.columns.filter((column) => !column.optional || (table.shown ?? []).includes(column.key));
+const columnMenu = (_, table) => {
+    const optional = table.columns.filter((column) => column.optional);
+    const shown = new Set(table.shown ?? []);
+    return (_jsxs("details", { "data-ui": "col-config", children: [_jsx("summary", { "data-ui": "col-config-open", "aria-label": _('backend.table.columns'), children: icon('sliders-horizontal') }), _jsx("div", { "data-ui": "col-config-menu", children: each(optional, (column) => column.key, (column) => (_jsxs("a", { "data-ui": "col-toggle", "data-on": String(shown.has(column.key)), href: table.colsHref(shown.has(column.key)
+                        ? [...shown].filter((key) => key !== column.key)
+                        : [...shown, column.key]), children: [_jsx("span", { "data-ui": "col-toggle-mark", children: shown.has(column.key) ? '✓' : '' }), column.label] }))) })] }));
+};
+/** A canonical, URL-driven operational table with keyed rows. */
+export const dataTable = (_, table) => {
+    const columns = visibleColumns(table);
+    const configurable = !!table.colsHref && table.columns.some((column) => column.optional);
+    return (_jsx("div", { "data-ui": "table-scroll", children: _jsxs("table", { "data-ui": "table", children: [!!table.caption && _jsx("caption", { "data-ui": "table-caption", children: table.caption }), _jsx("thead", { children: _jsxs("tr", { children: [each(columns, (column) => column.key, (column) => (_jsx("th", { "data-ui": "col", "data-col": column.key, "data-align": column.align ?? 'start', "data-kind": column.kind ?? 'text', "data-priority": column.priority ?? 'secondary', "data-width": column.width ?? null, children: column.sort ? (_jsxs("a", { "data-ui": "sort-link", href: column.sort.href, "aria-label": column.sort.label, "aria-current": column.sort.direction ? 'true' : null, children: [column.label, !!column.sort.direction && (_jsx("span", { "data-ui": "sort-icon", children: icon(column.sort.direction === 'asc' ? 'arrow-up' : 'arrow-down') }))] })) : (column.label) }))), configurable && _jsx("th", { "data-ui": "col-actions", children: columnMenu(_, table) })] }) }), _jsx("tbody", { children: table.groups?.length
+                        ? groupRows(table, columns, configurable)
+                        : rowViews(table.rows, table, columns, configurable) })] }) }));
+};
+const rowViews = (rows, table, columns, configurable) => (_jsx(_Fragment, { children: each(rows, table.id, (row) => (_jsxs("tr", { "data-ui": "row", "data-row": table.id(row), children: [each(columns, (column) => column.key, (column) => (_jsx("td", { "data-ui": "cell", "data-col": column.key, "data-align": column.align ?? 'start', "data-kind": column.kind ?? 'text', "data-priority": column.priority ?? 'secondary', children: table.rowHref && column === columns[0] ? (_jsx("a", { "data-ui": "row-link", href: table.rowHref(row), children: column.cell(row) })) : (column.cell(row)) }))), configurable && _jsx("td", { "data-ui": "cell-actions" })] }))) }));
+const groupRows = (table, columns, configurable) => {
+    const visit = (groups) => (_jsx(_Fragment, { children: each(groups, (group) => group.id, (group) => (_jsxs(_Fragment, { children: [_jsx("tr", { "data-ui": "group-row", "data-depth": String(group.depth), children: _jsx("td", { colspan: String(columns.length + (configurable ? 1 : 0)), children: _jsxs("a", { "data-ui": "group-link", href: group.href, "aria-expanded": String(group.open), children: [_jsx("span", { "data-ui": "group-indent", style: `--group-depth:${group.depth}` }), icon(group.open ? 'chevron-down' : 'chevron-right'), _jsx("span", { children: group.label }), _jsx("span", { "data-ui": "group-count", children: String(group.count) })] }) }) }), group.open && !!group.children?.length && visit(group.children), group.open && !!group.rows?.length && rowViews(group.rows, table, columns, configurable), group.open && group.pager && (_jsx("tr", { "data-ui": "group-pager", children: _jsxs("td", { colspan: String(columns.length + (configurable ? 1 : 0)), children: [_jsx("span", { children: group.pager.label }), group.pager.prev ? (_jsx("a", { href: group.pager.prev, "aria-label": "Previous page", children: icon('chevron-left') })) : (_jsx("span", { "aria-disabled": "true", children: icon('chevron-left') })), group.pager.next ? (_jsx("a", { href: group.pager.next, "aria-label": "Next page", children: icon('chevron-right') })) : (_jsx("span", { "aria-disabled": "true", children: icon('chevron-right') }))] }) }))] }))) }));
+    return visit(table.groups ?? []);
+};
+//# sourceMappingURL=table.js.map

package/dist/ui/table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.js","sourceRoot":"","sources":["../../../../../../packages/ketsuite/src/ui/table.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,57 @@
+{
+  "name": "@ketvietlab/ketsuite",
+  "version": "0.1.1",
+  "description": "KetSuite — business modules built on Ket, using only the contract a third-party module has.",
+  "type": "module",
+  "license": "MIT",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/ketvietlab/ketjs.git",
+    "directory": "packages/ketsuite"
+  },
+  "homepage": "https://github.com/ketvietlab/ketjs#readme",
+  "bugs": {
+    "url": "https://github.com/ketvietlab/ketjs/issues"
+  },
+  "keywords": [
+    "erp",
+    "business",
+    "modules",
+    "ketjs",
+    "typescript"
+  ],
+  "engines": {
+    "node": ">=24.0.0"
+  },
+  "scripts": {
+    "prepack": "npm run build --prefix ../.."
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./ui": {
+      "types": "./dist/ui/index.d.ts",
+      "default": "./dist/ui/index.js"
+    },
+    "./backend": {
+      "types": "./dist/modules/backend/index.d.ts",
+      "default": "./dist/modules/backend/index.js"
+    }
+  },
+  "dependencies": {
+    "@ketvietlab/ketjs": "0.1.1",
+    "@ketvietlab/ketjs-view": "0.1.1"
+  },
+  "publishConfig": {
+    "access": "public",
+    "provenance": true,
+    "registry": "https://registry.npmjs.org/"
+  },
+  "files": [
+    "dist"
+  ]
+}