@ketvietlab/ketsuite 0.1.1

package/dist/ui/client/mail.css

@@ -0,0 +1,230 @@
+@layer components {
+  [data-ui="chatter"] {
+    display: grid;
+    min-inline-size: 0;
+    gap: var(--admin-gap-sm);
+    max-inline-size: 52rem;
+    padding: var(--admin-gap-md);
+    border: 1px solid var(--admin-line);
+    border-radius: var(--admin-radius);
+    background: var(--admin-surface);
+    box-shadow: var(--admin-shadow-card);
+  }
+
+  [data-ui="chatter-head"],
+  [data-ui="chatter-compose-actions"],
+  [data-ui="chatter-message-head"] {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--admin-gap-sm);
+  }
+
+  [data-ui="chatter-title"] {
+    margin: 0;
+    font-size: 0.875rem;
+  }
+
+  [data-ui="chatter-heading"],
+  [data-ui="chatter-author"],
+  [data-ui="chatter-loading"],
+  [data-ui="chatter-empty"],
+  [data-ui="mail-indicator-icon"] {
+    min-inline-size: 0;
+  }
+
+  [data-ui="chatter-followers"],
+  [data-ui="chatter-time"] {
+    color: var(--admin-ink-muted);
+    font-size: 0.75rem;
+  }
+
+  [data-ui="chatter-follow"],
+  [data-ui="chatter-send"] {
+    flex: 0 0 auto;
+  }
+  [data-ui="chatter-more"] {
+    justify-self: center;
+  }
+
+  [data-ui="chatter-composer"] {
+    display: grid;
+    gap: var(--admin-gap-sm);
+    padding: var(--admin-gap);
+    border-radius: var(--admin-radius);
+    background: var(--admin-surface-subtle);
+  }
+
+  [data-ui="chatter-kinds"] {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--admin-gap-sm);
+    padding-block-end: var(--admin-gap-sm);
+    border-block-end: 1px solid var(--admin-line);
+  }
+
+  [data-ui="chatter-kind"] {
+    flex: 0 1 auto;
+  }
+
+  [data-ui="chatter-kind"][data-active="true"] {
+    border-color: var(--admin-accent);
+    background: var(--admin-accent);
+    color: var(--admin-accent-ink);
+  }
+
+  [data-ui="chatter-attachment"] {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--admin-gap-xs);
+    color: var(--admin-ink-secondary);
+    font-size: 0.8125rem;
+  }
+
+  [data-ui="chatter-body"] {
+    min-block-size: 4rem;
+    resize: vertical;
+    padding: 0.5rem;
+    border: 1px solid var(--admin-line-strong);
+    border-radius: var(--admin-radius-sm);
+    background: var(--admin-surface);
+    color: var(--admin-ink);
+    font: inherit;
+    font-size: 0.8125rem;
+  }
+
+  [data-ui="chatter-compose-actions"] > div {
+    display: inline-flex;
+    gap: var(--admin-gap-xs);
+  }
+
+  [data-ui="chatter-compose-close"] {
+    flex: 0 0 auto;
+  }
+
+  [data-ui="chatter-timeline"] {
+    display: grid;
+    gap: var(--admin-gap-sm);
+  }
+
+  [data-ui="chatter-message"] {
+    padding: var(--admin-gap);
+    border-inline-start: 3px solid var(--admin-accent);
+    border-radius: 0 var(--admin-radius-sm) var(--admin-radius-sm) 0;
+    background: var(--admin-surface-subtle);
+  }
+
+  [data-ui="chatter-message"][data-kind="note"] {
+    border-inline-start-color: var(--admin-warning);
+    background: var(--admin-warning-soft);
+    color: var(--admin-status-fixed-ink);
+  }
+
+  [data-ui="chatter-message"][data-kind="note"] [data-ui="chatter-time"] {
+    color: var(--admin-status-fixed-ink-secondary);
+  }
+
+  [data-ui="chatter-message-body"] {
+    margin: var(--admin-gap-xs) 0 0;
+    line-height: 1.45;
+    white-space: pre-wrap;
+  }
+
+  [data-ui="chatter-attachments"] {
+    margin: var(--admin-gap-sm) 0 0;
+    padding-inline-start: 1.25rem;
+    font-size: 0.8125rem;
+  }
+
+  [data-ui="chatter-deliveries"] {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--admin-gap-xs);
+    margin: var(--admin-gap-sm) 0 0;
+    padding: 0;
+    list-style: none;
+  }
+
+  [data-ui="chatter-delivery"] {
+    display: inline-flex;
+    gap: var(--admin-gap-xs);
+    align-items: center;
+    padding: 0.25rem 0.5rem;
+    border-radius: 999px;
+    background: var(--admin-surface);
+    color: var(--admin-ink-secondary);
+    font-size: 0.75rem;
+    font-weight: 600;
+  }
+
+  [data-ui="chatter-delivery"][data-state="sent"] {
+    background: var(--admin-success-soft);
+    color: var(--admin-success);
+  }
+
+  [data-ui="chatter-delivery"][data-state="failed"] {
+    background: var(--admin-danger-soft);
+    color: var(--admin-danger);
+  }
+
+  [data-ui="chatter-error"] {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--admin-gap-sm);
+    padding: var(--admin-gap-sm);
+    border-radius: var(--admin-radius-sm);
+    background: var(--admin-danger-soft);
+    color: var(--admin-danger);
+  }
+
+  [data-ui="mail-indicator"] {
+    display: inline-flex;
+    min-inline-size: var(--admin-control-height);
+    block-size: var(--admin-control-height);
+    order: 1;
+    align-items: center;
+    justify-content: center;
+    gap: 0.375rem;
+    padding-inline: var(--admin-gap-sm);
+    border: 1px solid var(--admin-line-strong);
+    border-radius: var(--admin-radius-sm);
+    background: var(--admin-surface);
+    color: var(--admin-ink-secondary);
+    text-decoration: none;
+    transition:
+      border-color var(--admin-motion-fast),
+      background-color var(--admin-motion-fast),
+      color var(--admin-motion-fast);
+  }
+
+  [data-ui="mail-indicator"]:hover {
+    border-color: var(--admin-ink-muted);
+    background: var(--admin-surface-hover);
+    color: var(--admin-ink);
+  }
+
+  [data-ui="mail-indicator-icon"] {
+    inline-size: 0.875rem;
+    block-size: 0.875rem;
+    flex: 0 0 auto;
+  }
+
+  [data-ui="mail-indicator-count"] {
+    min-inline-size: 0.75rem;
+    color: var(--admin-ink);
+    font-size: var(--admin-size-sm);
+    font-weight: 700;
+    font-variant-numeric: tabular-nums;
+    line-height: 1;
+    text-align: center;
+  }
+
+  @media (max-width: 47.9375rem) {
+    [data-ui="mail-indicator"] {
+      min-inline-size: 2.75rem;
+      block-size: 2.75rem;
+    }
+  }
+}

package/dist/ui/client/mail.d.mts

@@ -0,0 +1,11 @@
+/** @param {Record<string, unknown>} props */
+export declare const chatter: (props: Record<string, unknown>) => {
+    view: () => any;
+    dispose: () => void;
+};
+/** @param {Record<string, unknown>} props */
+export declare const inboxIndicator: (props: Record<string, unknown>) => {
+    view: () => any;
+    dispose: () => void;
+};
+//# sourceMappingURL=mail.d.mts.map

package/dist/ui/client/mail.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mail.d.mts","sourceRoot":"","sources":["../../../../../../packages/ketsuite/src/ui/client/mail.mjs"],"names":[],"mappings":"AAMA,6CAA6C;AAC7C,eAAO,MAAM,OAAO,UADR,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;;;CACgC,CAAA;AACnE,6CAA6C;AAC7C,eAAO,MAAM,cAAc,UADf,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;;;CAC8C,CAAA"}

package/dist/ui/client/mail.mjs

@@ -0,0 +1,10 @@
+// @ts-expect-error Browser import served by the KetJS runtime.
+import { each, html, signal } from '/_ket/view/index.js'
+import { createChatterView, createInboxIndicatorView } from './mail-view.mjs'
+
+const runtime = { each, html, signal }
+
+/** @param {Record<string, unknown>} props */
+export const chatter = (props) => createChatterView(runtime, props)
+/** @param {Record<string, unknown>} props */
+export const inboxIndicator = (props) => createInboxIndicatorView(runtime, props)

package/dist/ui/client/mail.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mail.mjs","sourceRoot":"","sources":["../../../../../../../packages/ketsuite/src/ui/client/mail.mjs"],"names":[],"mappings":"AAAA,+DAA+D;AAC/D,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AACxD,OAAO,EAAE,iBAAiB,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAA;AAE7E,MAAM,OAAO,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,CAAA;AAEtC,6CAA6C;AAC7C,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,iBAAiB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;AACnE,6CAA6C;AAC7C,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,wBAAwB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA"}

package/dist/ui/data.d.ts

@@ -0,0 +1,25 @@
+import type { JSXChild, TemplateResult } from '@ketvietlab/ketjs-view';
+export declare const HOOKS: readonly ['kanban', 'kanban-card', 'kanban-title', 'kanban-meta', 'kanban-note', 'kanban-actions', 'record-list', 'record-row', 'record-copy', 'record-title', 'record-summary', 'record-value'];
+export declare const kanbanCard: (o: {
+    key: string;
+    title: string;
+    href?: string | null;
+    meta?: JSXChild;
+    note?: string | null;
+    actions?: JSXChild;
+}) => TemplateResult;
+export declare const kanbanGrid: <T>(o: {
+    rows: readonly T[];
+    id: (row: T) => unknown;
+    card: (row: T) => TemplateResult;
+}) => TemplateResult;
+/** Compact/mobile operational rows: values stay aligned and the row has one destination. */
+export declare const recordList: <T>(o: {
+    rows: readonly T[];
+    id: (row: T) => unknown;
+    title: (row: T) => string;
+    href: (row: T) => string;
+    summary?: (row: T) => string | null;
+    value?: (row: T) => JSXChild;
+}) => TemplateResult;
+//# sourceMappingURL=data.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"data.d.ts","sourceRoot":"","sources":["../../../../../packages/ketsuite/src/ui/data.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAEtE,eAAO,MAAM,KAAK,YAChB,QAAQ,EACR,aAAa,EACb,cAAc,EACd,aAAa,EACb,aAAa,EACb,gBAAgB,EAChB,aAAa,EACb,YAAY,EACZ,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,cAAc,CACN,CAAA;AAEV,eAAO,MAAM,UAAU,MAAO;IAC5B,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,OAAO,CAAC,EAAE,QAAQ,CAAA;CACnB,KAAG,cAOH,CAAA;AAED,eAAO,MAAM,UAAU,GAAI,CAAC,KAAM;IAChC,IAAI,EAAE,SAAS,CAAC,EAAE,CAAA;IAClB,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,OAAO,CAAA;IACvB,IAAI,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,cAAc,CAAA;CACjC,KAAG,cAAwF,CAAA;AAE5F,4FAA4F;AAC5F,eAAO,MAAM,UAAU,GAAI,CAAC,KAAM;IAChC,IAAI,EAAE,SAAS,CAAC,EAAE,CAAA;IAClB,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,OAAO,CAAA;IACvB,KAAK,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,CAAA;IACzB,IAAI,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,CAAA;IACxB,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,GAAG,IAAI,CAAA;IACnC,KAAK,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,QAAQ,CAAA;CAC7B,KAAG,cAcH,CAAA"}

package/dist/ui/data.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@ketvietlab/ketjs-view/jsx-runtime";
+// Data views other than a table. Their shape is shared; rows and business labels
+// remain module data.
+import { each } from '@ketvietlab/ketjs-view';
+export const HOOKS = [
+    'kanban',
+    'kanban-card',
+    'kanban-title',
+    'kanban-meta',
+    'kanban-note',
+    'kanban-actions',
+    'record-list',
+    'record-row',
+    'record-copy',
+    'record-title',
+    'record-summary',
+    'record-value',
+];
+export const kanbanCard = (o) => (_jsxs("article", { "data-ui": "kanban-card", "data-key": o.key, "data-interactive": String(!!o.href), children: [_jsx("h3", { "data-ui": "kanban-title", children: o.href ? _jsx("a", { href: o.href, children: o.title }) : o.title }), o.meta !== undefined && _jsx("div", { "data-ui": "kanban-meta", children: o.meta }), !!o.note && _jsx("p", { "data-ui": "kanban-note", children: o.note }), o.actions !== undefined && _jsx("div", { "data-ui": "kanban-actions", children: o.actions })] }));
+export const kanbanGrid = (o) => _jsx("div", { "data-ui": "kanban", children: each(o.rows, o.id, (row) => o.card(row)) });
+/** Compact/mobile operational rows: values stay aligned and the row has one destination. */
+export const recordList = (o) => (_jsx("ol", { "data-ui": "record-list", children: each(o.rows, o.id, (row) => (_jsx("li", { "data-ui": "record-row", children: _jsxs("a", { href: o.href(row), children: [_jsxs("span", { "data-ui": "record-copy", children: [_jsx("strong", { "data-ui": "record-title", children: o.title(row) }), !!o.summary?.(row) && _jsx("span", { "data-ui": "record-summary", children: o.summary(row) })] }), o.value !== undefined && _jsx("span", { "data-ui": "record-value", children: o.value(row) })] }) }))) }));
+//# sourceMappingURL=data.js.map

package/dist/ui/data.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data.js","sourceRoot":"","sources":["../../../../../../packages/ketsuite/src/ui/data.tsx"],"names":[],"mappings":";AAAA,iFAAiF;AACjF,sBAAsB;AAEtB,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAA;AAG7C,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,QAAQ;IACR,aAAa;IACb,cAAc;IACd,aAAa;IACb,aAAa;IACb,gBAAgB;IAChB,aAAa;IACb,YAAY;IACZ,aAAa;IACb,cAAc;IACd,gBAAgB;IAChB,cAAc;CACN,CAAA;AAEV,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,CAO1B,EAAkB,EAAE,CAAC,CACpB,8BAAiB,aAAa,cAAW,CAAC,CAAC,GAAG,sBAAoB,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,aAChF,wBAAY,cAAc,YAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,YAAG,IAAI,EAAE,CAAC,CAAC,IAAI,YAAG,CAAC,CAAC,KAAK,GAAK,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,GAAM,EAClF,CAAC,CAAC,IAAI,KAAK,SAAS,IAAI,yBAAa,aAAa,YAAE,CAAC,CAAC,IAAI,GAAO,EACjE,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,uBAAW,aAAa,YAAE,CAAC,CAAC,IAAI,GAAK,EACjD,CAAC,CAAC,OAAO,KAAK,SAAS,IAAI,yBAAa,gBAAgB,YAAE,CAAC,CAAC,OAAO,GAAO,IACnE,CACX,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,CAAK,CAI9B,EAAkB,EAAE,CAAC,yBAAa,QAAQ,YAAE,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAO,CAAA;AAE5F,4FAA4F;AAC5F,MAAM,CAAC,MAAM,UAAU,GAAG,CAAK,CAO9B,EAAkB,EAAE,CAAC,CACpB,wBAAY,aAAa,YACtB,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,CAC3B,wBAAY,YAAY,YACtB,aAAG,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAClB,2BAAc,aAAa,aACzB,4BAAgB,cAAc,YAAE,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,GAAU,EACrD,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC,IAAI,0BAAc,gBAAgB,YAAE,CAAC,CAAC,OAAQ,CAAC,GAAG,CAAC,GAAQ,IACzE,EACN,CAAC,CAAC,KAAK,KAAK,SAAS,IAAI,0BAAc,cAAc,YAAE,CAAC,CAAC,KAAM,CAAC,GAAG,CAAC,GAAQ,IAC3E,GACD,CACN,CAAC,GACC,CACN,CAAA"}

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

@@ -0,0 +1,36 @@
+import type { TemplateResult } from '@ketvietlab/ketjs-view';
+export declare const HOOKS: readonly ['date-picker', 'date-picker-label', 'date-picker-fields', 'date-picker-field', 'date-picker-field-label', 'date-picker-required', 'date-picker-control-wrap', 'date-picker-icon', 'date-picker-control', 'date-picker-help', 'date-picker-error', 'date-picker-actions'];
+export type DatePickerField = {
+    name: string;
+    label: string;
+    value?: string | null;
+    min?: string | null;
+    max?: string | null;
+    required?: boolean;
+    disabled?: boolean;
+    help?: string | null;
+    error?: string | null;
+};
+export type DatePickerOptions = {
+    action: string;
+    label: string;
+    fields: readonly [DatePickerField] | readonly [DatePickerField, DatePickerField];
+    submit: string;
+    method?: 'get' | 'post';
+    hidden?: Readonly<Record<string, string>>;
+} & ({
+    clearHref: string;
+    clearLabel: string;
+} | {
+    clearHref?: null | undefined;
+    clearLabel?: null | undefined;
+});
+/**
+ * A compact, server-driven single date or date range picker.
+ *
+ * Native date controls preserve the browser's locale, keyboard and mobile picker.
+ * The component owns the GET/POST form so a screen never needs private markup or
+ * client state just to filter an operational calendar.
+ */
+export declare const datePicker: (options: DatePickerOptions) => TemplateResult;
+//# sourceMappingURL=date-picker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../../../packages/ketsuite/src/ui/date-picker.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAI5D,eAAO,MAAM,KAAK,YAChB,aAAa,EACb,mBAAmB,EACnB,oBAAoB,EACpB,mBAAmB,EACnB,yBAAyB,EACzB,sBAAsB,EACtB,0BAA0B,EAC1B,kBAAkB,EAClB,qBAAqB,EACrB,kBAAkB,EAClB,mBAAmB,EACnB,qBAAqB,CACb,CAAA;AAEV,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACnB,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CACtB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,SAAS,CAAC,eAAe,CAAC,GAAG,SAAS,CAAC,eAAe,EAAE,eAAe,CAAC,CAAA;IAChF,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,KAAK,GAAG,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAA;CAC1C,GAAG,CACA;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,MAAM,CAAA;CAAE,GACzC;IAAE,SAAS,CAAC,EAAE,IAAI,GAAG,SAAS,CAAC;IAAC,UAAU,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;CAAE,CAClE,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,UAAU,YAAa,iBAAiB,KAAG,cAgFvD,CAAA"}

package/dist/ui/date-picker.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@ketvietlab/ketjs-view/jsx-runtime";
+import { each } from '@ketvietlab/ketjs-view';
+import { actionGroup, button, linkButton } from './actions.js';
+import { icon } from './icons.js';
+export const HOOKS = [
+    'date-picker',
+    'date-picker-label',
+    'date-picker-fields',
+    'date-picker-field',
+    'date-picker-field-label',
+    'date-picker-required',
+    'date-picker-control-wrap',
+    'date-picker-icon',
+    'date-picker-control',
+    'date-picker-help',
+    'date-picker-error',
+    'date-picker-actions',
+];
+/**
+ * A compact, server-driven single date or date range picker.
+ *
+ * Native date controls preserve the browser's locale, keyboard and mobile picker.
+ * The component owns the GET/POST form so a screen never needs private markup or
+ * client state just to filter an operational calendar.
+ */
+export const datePicker = (options) => (_jsxs("form", { "data-ui": "date-picker", method: options.method ?? 'get', action: options.action, "data-range": String(options.fields.length === 2), children: [each(Object.entries(options.hidden ?? {}), ([name]) => name, ([name, value]) => (_jsx("input", { type: "hidden", name: name, value: value }))), _jsxs("fieldset", { children: [_jsx("legend", { "data-ui": "date-picker-label", children: options.label }), _jsx("div", { "data-ui": "date-picker-fields", children: each(options.fields, (field) => field.name, (field) => {
+                        const id = `date-picker-${options.action}-${field.name}`.replace(/[^a-zA-Z0-9_-]/g, '-');
+                        const helpId = field.help ? `${id}-help` : null;
+                        const errorId = field.error ? `${id}-error` : null;
+                        const describedBy = [helpId, errorId].filter(Boolean).join(' ') || null;
+                        return (_jsxs("label", { "data-ui": "date-picker-field", "data-invalid": String(!!field.error), for: id, children: [_jsxs("span", { "data-ui": "date-picker-field-label", children: [field.label, field.required && (_jsx("span", { "data-ui": "date-picker-required", "aria-hidden": "true", children: ' *' }))] }), _jsxs("span", { "data-ui": "date-picker-control-wrap", children: [_jsx("span", { "data-ui": "date-picker-icon", "aria-hidden": "true", children: icon('calendar') }), _jsx("input", { "data-ui": "date-picker-control", id: id, type: "date", name: field.name, value: field.value ?? '', min: field.min ?? null, max: field.max ?? null, required: field.required === true, disabled: field.disabled === true, "aria-invalid": field.error ? 'true' : null, "aria-describedby": describedBy })] }), !!field.help && (_jsx("small", { "data-ui": "date-picker-help", id: helpId ?? undefined, children: field.help })), !!field.error && (_jsx("small", { "data-ui": "date-picker-error", id: errorId ?? undefined, children: field.error }))] }));
+                    }) })] }), _jsx("div", { "data-ui": "date-picker-actions", children: actionGroup({
+                actions: [
+                    button({ label: options.submit, type: 'submit', variant: 'secondary' }),
+                    ...(options.clearHref
+                        ? [linkButton({ label: options.clearLabel, href: options.clearHref, variant: 'tertiary' })]
+                        : []),
+                ],
+            }) })] }));
+//# sourceMappingURL=date-picker.js.map

package/dist/ui/date-picker.js.map

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

package/dist/ui/form.d.ts

@@ -0,0 +1,67 @@
+import type { JSXChild, TemplateResult } from '@ketvietlab/ketjs-view';
+import type { ActionSize, ActionVariant } from './actions.tsx';
+export declare const HOOKS: readonly ['record-form', 'form-grid', 'form-field', 'form-label', 'form-control', 'form-options', 'form-option', 'form-option-input', 'form-help', 'form-required', 'form-error', 'form-errors', 'form-actions', 'form-cluster'];
+export type FormOption = {
+    value: string;
+    label: string;
+};
+export type FormField = {
+    name: string;
+    label: string;
+    /** A trusted control such as a progressively enhanced relational selector. */
+    control?: JSXChild;
+    type?: 'text' | 'password' | 'number' | 'decimal' | 'time' | 'color' | 'date' | 'datetime-local' | 'select' | 'radio' | 'checkbox' | 'textarea';
+    value?: string | number | boolean | null;
+    placeholder?: string | null;
+    required?: boolean;
+    disabled?: boolean;
+    help?: string | null;
+    error?: string | null;
+    options?: readonly FormOption[];
+    span?: 'full' | 'half';
+    step?: string | null;
+};
+/** A native, server-rendered form. Domain modules provide data, never markup. */
+export type RecordFormOptions = {
+    /** Optional DOM id lets controls in a dense record header belong to this form. */
+    id?: string | null;
+    action: string;
+    fields: readonly FormField[];
+    submit: string;
+    /** Every submit declares its business hierarchy; there is no accidental primary. */
+    submitVariant: ActionVariant;
+    submitSize?: ActionSize;
+    /** Keep the form submit in a record-level action bar instead of duplicating it here. */
+    submitPlacement?: 'inside' | 'external';
+    layout?: 'default' | 'inline';
+    method?: 'get' | 'post';
+    /** Optional behavior scope for a progressively enhanced form. */
+    scope?: string | null;
+    errors?: readonly string[];
+    hidden?: Record<string, string>;
+} & ({
+    cancelHref: string;
+    cancelLabel: string;
+} | {
+    cancelHref?: null | undefined;
+    cancelLabel?: null | undefined;
+});
+export declare const recordForm: (o: RecordFormOptions) => TemplateResult;
+/** Valid block-level grouping for related forms and their external controls. */
+export declare const formCluster: (o: {
+    forms: readonly JSXChild[];
+    label?: string | null;
+}) => TemplateResult;
+/** Several POST actions for one record, kept in one compact native form. */
+export declare const recordActions: (o: {
+    action: string;
+    label?: string | null;
+    hidden?: Record<string, string>;
+    actions: ReadonlyArray<{
+        value: string;
+        label: string;
+        variant?: 'primary' | 'secondary' | 'tertiary' | 'destructive';
+        disabled?: boolean;
+    }>;
+}) => TemplateResult;
+//# sourceMappingURL=form.d.ts.map

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

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

package/dist/ui/form.js

@@ -0,0 +1,75 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "@ketvietlab/ketjs-view/jsx-runtime";
+import { each } from '@ketvietlab/ketjs-view';
+import { actionGroup, button, linkButton } from './actions.js';
+export const HOOKS = [
+    'record-form',
+    'form-grid',
+    'form-field',
+    'form-label',
+    'form-control',
+    'form-options',
+    'form-option',
+    'form-option-input',
+    'form-help',
+    'form-required',
+    'form-error',
+    'form-errors',
+    'form-actions',
+    'form-cluster',
+];
+const control = (field, id, describedBy) => {
+    if (field.control !== undefined)
+        return _jsx(_Fragment, { children: field.control });
+    if (field.type === 'textarea')
+        return (_jsx("textarea", { "data-ui": "form-control", id: id, name: field.name, placeholder: field.placeholder ?? null, required: field.required === true, disabled: field.disabled === true, "aria-invalid": field.error ? 'true' : null, "aria-describedby": describedBy, children: String(field.value ?? '') }));
+    if (field.type === 'select')
+        return (_jsx("select", { "data-ui": "form-control", id: id, name: field.name, required: field.required === true, disabled: field.disabled === true, "aria-invalid": field.error ? 'true' : null, "aria-describedby": describedBy, children: each(field.options ?? [], (option) => option.value, (option) => (_jsx("option", { value: option.value, selected: String(field.value ?? '') === option.value, children: option.label }))) }));
+    if (field.type === 'checkbox')
+        return (_jsx("input", { "data-ui": "form-control", id: id, type: "checkbox", name: field.name, value: "1", checked: field.value === true || field.value === '1', disabled: field.disabled === true, "aria-invalid": field.error ? 'true' : null, "aria-describedby": describedBy }));
+    return (_jsx("input", { "data-ui": "form-control", id: id, type: field.type === 'decimal' ? 'number' : (field.type ?? 'text'), name: field.name, value: String(field.value ?? ''), placeholder: field.placeholder ?? null, required: field.required === true, disabled: field.disabled === true, "aria-invalid": field.error ? 'true' : null, "aria-describedby": describedBy, step: field.type === 'decimal' ? (field.step ?? 'any') : (field.step ?? null) }));
+};
+export const recordForm = (o) => (_jsxs("form", { id: o.id ?? undefined, "data-ui": "record-form", "data-layout": o.layout ?? 'default', "data-has-fields": String(o.fields.length > 0), "data-submit-variant": o.submitVariant, "data-scope": o.scope ?? null, method: o.method ?? 'post', action: o.action, children: [Object.entries(o.hidden ?? {}).map(([name, value]) => (_jsx("input", { type: "hidden", name: name, value: value }))), !!o.errors?.length && (_jsx("ul", { "data-ui": "form-errors", role: "alert", children: each(o.errors, (error, index) => `${index}:${error}`, (error) => (_jsx("li", { children: error }))) })), _jsx("div", { "data-ui": "form-grid", children: each(o.fields, (field) => field.name, (field) => {
+                const scope = [o.action, o.hidden?.id, o.hidden?.action, field.name].filter(Boolean).join('-');
+                const id = `field-${scope}`.replace(/[^a-zA-Z0-9_-]/g, '-');
+                const helpId = field.help ? `${id}-help` : null;
+                const errorId = field.error ? `${id}-error` : null;
+                const describedBy = [helpId, errorId].filter(Boolean).join(' ') || null;
+                const fieldLabel = (_jsxs("span", { "data-ui": "form-label", children: [field.label, field.required && (_jsx("span", { "data-ui": "form-required", "aria-hidden": "true", children: ' *' }))] }));
+                if (field.type === 'radio')
+                    return (_jsxs("div", { "data-ui": "form-field", "data-span": field.span ?? 'half', "data-kind": "radio", "data-invalid": String(!!field.error), children: [_jsxs("span", { "data-ui": "form-label", id: `${id}-label`, children: [field.label, field.required && (_jsx("span", { "data-ui": "form-required", "aria-hidden": "true", children: ' *' }))] }), _jsx("div", { "data-ui": "form-options", role: "radiogroup", "aria-labelledby": `${id}-label`, children: each(field.options ?? [], (option) => option.value, (option) => (_jsxs("label", { "data-ui": "form-option", children: [_jsx("input", { "data-ui": "form-option-input", type: "radio", name: field.name, value: option.value, checked: String(field.value ?? '') === option.value, required: field.required === true, disabled: field.disabled === true, "aria-invalid": field.error ? 'true' : null, "aria-describedby": describedBy }), _jsx("span", { children: option.label })] }))) }), !!field.help && (_jsx("small", { "data-ui": "form-help", id: helpId ?? undefined, children: field.help })), !!field.error && (_jsx("small", { "data-ui": "form-error", id: errorId ?? undefined, children: field.error }))] }));
+                if (field.control !== undefined)
+                    return (_jsxs("div", { "data-ui": "form-field", "data-span": field.span ?? 'half', "data-kind": "relation", "data-invalid": String(!!field.error), children: [fieldLabel, field.control, !!field.help && (_jsx("small", { "data-ui": "form-help", id: helpId ?? undefined, children: field.help })), !!field.error && (_jsx("small", { "data-ui": "form-error", id: errorId ?? undefined, children: field.error }))] }));
+                return (_jsxs("label", { "data-ui": "form-field", "data-span": field.span ?? 'half', "data-kind": field.type ?? 'text', "data-invalid": String(!!field.error), for: id, children: [field.type === 'checkbox' && control(field, id, describedBy), fieldLabel, field.type !== 'checkbox' && control(field, id, describedBy), !!field.help && (_jsx("small", { "data-ui": "form-help", id: helpId ?? undefined, children: field.help })), !!field.error && (_jsx("small", { "data-ui": "form-error", id: errorId ?? undefined, children: field.error }))] }));
+            }) }), o.submitPlacement !== 'external' && (_jsx("div", { "data-ui": "form-actions", children: actionGroup({
+                actions: [
+                    button({
+                        label: o.submit,
+                        type: 'submit',
+                        variant: o.submitVariant,
+                        size: o.submitSize,
+                    }),
+                    ...(o.cancelHref
+                        ? [linkButton({ label: o.cancelLabel, href: o.cancelHref, variant: 'tertiary' })]
+                        : []),
+                ],
+            }) }))] }));
+/** Valid block-level grouping for related forms and their external controls. */
+export const formCluster = (o) => (_jsx("div", { "data-ui": "form-cluster", role: "group", "aria-label": o.label ?? null, children: each(o.forms, (_, index) => index, (form) => (_jsx(_Fragment, { children: form }))) }));
+/** Several POST actions for one record, kept in one compact native form. */
+export const recordActions = (o) => {
+    const primaryCount = o.actions.filter((action) => action.variant === 'primary').length;
+    if (primaryCount > 1)
+        throw new Error(`recordActions(${o.action}) declares ${primaryCount} primary actions; keep one decision per group`);
+    return (_jsxs("form", { "data-ui": "record-form", "data-layout": "actions", method: "post", action: o.action, children: [Object.entries(o.hidden ?? {}).map(([name, value]) => (_jsx("input", { type: "hidden", name: name, value: value }))), actionGroup({
+                label: o.label,
+                actions: o.actions.map((action) => button({
+                    label: action.label,
+                    type: 'submit',
+                    name: 'action',
+                    value: action.value,
+                    variant: action.variant,
+                    disabled: action.disabled,
+                })),
+            })] }));
+};
+//# sourceMappingURL=form.js.map

package/dist/ui/form.js.map

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

package/dist/ui/format.d.ts

@@ -0,0 +1,4 @@
+import type { Translator } from '@ketvietlab/ketjs';
+/** Format a major-unit business amount with the active UI locale and its ISO currency. */
+export declare const formatMoney: (_: Pick<Translator, 'locale'>, value: unknown, currency?: unknown) => string;
+//# sourceMappingURL=format.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"format.d.ts","sourceRoot":"","sources":["../../../../../packages/ketsuite/src/ui/format.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AA6BnD,0FAA0F;AAC1F,eAAO,MAAM,WAAW,MAAO,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,SAAS,OAAO,aAAa,OAAO,KAAG,MAO/F,CAAA"}

package/dist/ui/format.js

@@ -0,0 +1,33 @@
+const DEFAULT_CURRENCY = 'VND';
+const PSEUDO_LOCALE = 'qps';
+const formatters = new Map();
+const currencyCode = (value) => {
+    const code = String(value ?? '')
+        .trim()
+        .toUpperCase();
+    return /^[A-Z]{3}$/.test(code) ? code : DEFAULT_CURRENCY;
+};
+const localeCode = (value) => (value === PSEUDO_LOCALE ? 'en' : value || 'vi');
+const formatterFor = (locale, currency) => {
+    const key = `${locale}\0${currency}`;
+    const existing = formatters.get(key);
+    if (existing)
+        return existing;
+    const formatter = new Intl.NumberFormat(locale, {
+        style: 'currency',
+        currency,
+        currencyDisplay: 'narrowSymbol',
+    });
+    formatters.set(key, formatter);
+    return formatter;
+};
+/** Format a major-unit business amount with the active UI locale and its ISO currency. */
+export const formatMoney = (_, value, currency) => {
+    if (value === null || value === undefined || value === '')
+        return '—';
+    const amount = Number(value);
+    if (!Number.isFinite(amount))
+        return String(value);
+    return formatterFor(localeCode(_.locale), currencyCode(currency)).format(Object.is(amount, -0) ? 0 : amount);
+};
+//# sourceMappingURL=format.js.map

package/dist/ui/format.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.js","sourceRoot":"","sources":["../../../../../../packages/ketsuite/src/ui/format.ts"],"names":[],"mappings":"AAEA,MAAM,gBAAgB,GAAG,KAAK,CAAA;AAC9B,MAAM,aAAa,GAAG,KAAK,CAAA;AAC3B,MAAM,UAAU,GAAG,IAAI,GAAG,EAA6B,CAAA;AAEvD,MAAM,YAAY,GAAG,CAAC,KAAc,EAAU,EAAE;IAC9C,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC;SAC7B,IAAI,EAAE;SACN,WAAW,EAAE,CAAA;IAChB,OAAO,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,gBAAgB,CAAA;AAC1D,CAAC,CAAA;AAED,MAAM,UAAU,GAAG,CAAC,KAAa,EAAU,EAAE,CAAC,CAAC,KAAK,KAAK,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,IAAI,IAAI,CAAC,CAAA;AAE9F,MAAM,YAAY,GAAG,CAAC,MAAc,EAAE,QAAgB,EAAqB,EAAE;IAC3E,MAAM,GAAG,GAAG,GAAG,MAAM,KAAK,QAAQ,EAAE,CAAA;IACpC,MAAM,QAAQ,GAAG,UAAU,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;IACpC,IAAI,QAAQ;QAAE,OAAO,QAAQ,CAAA;IAE7B,MAAM,SAAS,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE;QAC9C,KAAK,EAAE,UAAU;QACjB,QAAQ;QACR,eAAe,EAAE,cAAc;KAChC,CAAC,CAAA;IACF,UAAU,CAAC,GAAG,CAAC,GAAG,EAAE,SAAS,CAAC,CAAA;IAC9B,OAAO,SAAS,CAAA;AAClB,CAAC,CAAA;AAED,0FAA0F;AAC1F,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,CAA6B,EAAE,KAAc,EAAE,QAAkB,EAAU,EAAE;IACvG,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,EAAE;QAAE,OAAO,GAAG,CAAA;IAErE,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;IAC5B,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC;QAAE,OAAO,MAAM,CAAC,KAAK,CAAC,CAAA;IAElD,OAAO,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAA;AAC9G,CAAC,CAAA"}