@ketvietlab/ketsuite 0.1.1

package/dist/ui/media.d.ts

@@ -0,0 +1,42 @@
+import type { JSXChild, TemplateResult } from '@ketvietlab/ketjs-view';
+export declare const HOOKS: readonly ['media', 'media-primary', 'media-placeholder', 'media-gallery', 'media-item', 'media-actions', 'media-upload', 'media-file-label', 'media-file-input', 'media-item-actions', 'media-extension'];
+export type MediaItem = {
+    id: string;
+    src: string;
+    alt: string;
+    primary?: boolean;
+    actions?: {
+        primary?: string;
+        remove?: string;
+        moveUp?: string;
+        moveDown?: string;
+    };
+};
+export type MediaLabels = {
+    unavailable: string;
+    empty: string;
+    loading: string;
+    loadError: string;
+    retryHint: string;
+    primary: string;
+    makePrimary: string;
+    moveUp: string;
+    moveDown: string;
+    remove: string;
+    choose: string;
+    add: string;
+};
+/**
+ * Storage-neutral image gallery. Domain bridges provide URLs and native form
+ * endpoints; the component never assumes a schema, object store or upload API.
+ */
+export type MediaPanelProps = {
+    status: 'unavailable' | 'loading' | 'ready' | 'error';
+    images?: readonly MediaItem[];
+    error?: string | null;
+    extension?: JSXChild;
+    uploadAction?: string | null;
+    labels?: Partial<MediaLabels>;
+};
+export declare const mediaPanel: (props: MediaPanelProps) => TemplateResult;
+//# sourceMappingURL=media.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"media.d.ts","sourceRoot":"","sources":["../../../../../packages/ketsuite/src/ui/media.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAKtE,eAAO,MAAM,KAAK,YAChB,OAAO,EACP,eAAe,EACf,mBAAmB,EACnB,eAAe,EACf,YAAY,EACZ,eAAe,EACf,cAAc,EACd,kBAAkB,EAClB,kBAAkB,EAClB,oBAAoB,EACpB,iBAAiB,CACT,CAAA;AAEV,MAAM,MAAM,SAAS,GAAG;IACtB,EAAE,EAAE,MAAM,CAAA;IACV,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE;QACR,OAAO,CAAC,EAAE,MAAM,CAAA;QAChB,MAAM,CAAC,EAAE,MAAM,CAAA;QACf,MAAM,CAAC,EAAE,MAAM,CAAA;QACf,QAAQ,CAAC,EAAE,MAAM,CAAA;KAClB,CAAA;CACF,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,WAAW,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;IACf,WAAW,EAAE,MAAM,CAAA;IACnB,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;IACd,GAAG,EAAE,MAAM,CAAA;CACZ,CAAA;AAED;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,EAAE,aAAa,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,CAAA;IACrD,MAAM,CAAC,EAAE,SAAS,SAAS,EAAE,CAAA;IAC7B,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,SAAS,CAAC,EAAE,QAAQ,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAA;CAC9B,CAAA;AAiBD,eAAO,MAAM,UAAU,UAAW,eAAe,KAAG,cAqFnD,CAAA"}

package/dist/ui/media.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@ketvietlab/ketjs-view/jsx-runtime";
+import { each } from '@ketvietlab/ketjs-view';
+import { button, iconButton } from './actions.js';
+import { badge } from './primitives.js';
+import { errorState, loadingState } from './state.js';
+export const HOOKS = [
+    'media',
+    'media-primary',
+    'media-placeholder',
+    'media-gallery',
+    'media-item',
+    'media-actions',
+    'media-upload',
+    'media-file-label',
+    'media-file-input',
+    'media-item-actions',
+    'media-extension',
+];
+const defaultLabels = {
+    unavailable: 'Image service is not connected.',
+    empty: 'No images yet.',
+    loading: 'Loading images',
+    loadError: 'Images could not be loaded',
+    retryHint: 'Try again when the image service is available.',
+    primary: 'Primary image',
+    makePrimary: 'Set as primary',
+    moveUp: 'Move up',
+    moveDown: 'Move down',
+    remove: 'Remove image',
+    choose: 'Choose image',
+    add: 'Add image',
+};
+export const mediaPanel = (props) => {
+    const images = props.images ?? [];
+    const primary = images.find((image) => image.primary) ?? images[0];
+    const labels = { ...defaultLabels, ...props.labels };
+    return (_jsxs("section", { "data-ui": "media", "data-state": props.status, children: [props.status === 'loading' ? (loadingState(labels.loading, 2)) : props.status === 'error' ? (errorState('E_PRODUCT_MEDIA', props.error ?? labels.loadError, labels.retryHint)) : primary ? (_jsx("img", { "data-ui": "media-primary", src: primary.src, alt: primary.alt })) : (_jsx("div", { "data-ui": "media-placeholder", role: "status", children: props.status === 'unavailable' ? labels.unavailable : labels.empty })), props.status === 'ready' && images.length > 0 && (_jsx("div", { "data-ui": "media-gallery", children: each(images, (image) => image.id, (image) => (_jsxs("article", { "data-ui": "media-item", "data-primary": String(image.primary === true), children: [_jsx("img", { src: image.src, alt: image.alt }), (image.primary || image.actions) && (_jsxs("div", { "data-ui": "media-item-actions", children: [image.primary && badge(labels.primary, 'info', 'primary'), image.actions?.primary && !image.primary && (_jsx("form", { method: "post", action: image.actions.primary, children: iconButton({
+                                        label: labels.makePrimary,
+                                        icon: 'check',
+                                        type: 'submit',
+                                    }) })), image.actions?.moveUp && (_jsx("form", { method: "post", action: image.actions.moveUp, children: iconButton({ label: labels.moveUp, icon: 'arrow-up', type: 'submit' }) })), image.actions?.moveDown && (_jsx("form", { method: "post", action: image.actions.moveDown, children: iconButton({ label: labels.moveDown, icon: 'arrow-down', type: 'submit' }) })), image.actions?.remove && (_jsx("form", { method: "post", action: image.actions.remove, children: iconButton({
+                                        label: labels.remove,
+                                        icon: 'x',
+                                        type: 'submit',
+                                        variant: 'destructive',
+                                    }) }))] }))] }))) })), _jsx("div", { "data-ui": "media-actions", children: props.uploadAction ? (_jsxs("form", { "data-ui": "media-upload", method: "post", action: props.uploadAction, enctype: "multipart/form-data", children: [_jsxs("label", { "data-ui": "media-file-label", children: [_jsx("span", { children: labels.choose }), _jsx("input", { "data-ui": "media-file-input", type: "file", name: "file", accept: "image/*", required: true })] }), button({ label: labels.add, type: 'submit', disabled: props.status === 'unavailable' })] })) : (button({ label: labels.add, disabled: true })) }), props.extension !== undefined && _jsx("div", { "data-ui": "media-extension", children: props.extension })] }));
+};
+//# sourceMappingURL=media.js.map

package/dist/ui/media.js.map

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

package/dist/ui/modal.d.ts

@@ -0,0 +1,9 @@
+import type { JSXChild, TemplateResult } from '@ketvietlab/ketjs-view';
+export declare const HOOKS: readonly ['modal-layer', 'modal-backdrop', 'modal-sheet', 'modal-head', 'modal-title', 'modal-close', 'modal-body'];
+export declare const modalSheet: (options: {
+    title: string;
+    closeHref: string;
+    closeLabel: string;
+    body: JSXChild;
+}) => TemplateResult;
+//# sourceMappingURL=modal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../../../packages/ketsuite/src/ui/modal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAGtE,eAAO,MAAM,KAAK,YAChB,aAAa,EACb,gBAAgB,EAChB,aAAa,EACb,YAAY,EACZ,aAAa,EACb,aAAa,EACb,YAAY,CACJ,CAAA;AAEV,eAAO,MAAM,UAAU,YAAa;IAClC,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,QAAQ,CAAA;CACf,KAAG,cAsBH,CAAA"}

package/dist/ui/modal.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@ketvietlab/ketjs-view/jsx-runtime";
+import { icon } from './icons.js';
+export const HOOKS = [
+    'modal-layer',
+    'modal-backdrop',
+    'modal-sheet',
+    'modal-head',
+    'modal-title',
+    'modal-close',
+    'modal-body',
+];
+export const modalSheet = (options) => (_jsxs("div", { "data-ui": "modal-layer", children: [_jsx("a", { "data-ui": "modal-backdrop", href: options.closeHref, "aria-label": options.closeLabel, children: _jsx("span", { children: options.closeLabel }) }), _jsxs("section", { "data-ui": "modal-sheet", role: "dialog", "aria-modal": "true", "aria-labelledby": "modal-workspace-title", children: [_jsxs("header", { "data-ui": "modal-head", children: [_jsx("h2", { "data-ui": "modal-title", id: "modal-workspace-title", children: options.title }), _jsx("a", { "data-ui": "modal-close", href: options.closeHref, "aria-label": options.closeLabel, title: options.closeLabel, children: icon('x') })] }), _jsx("div", { "data-ui": "modal-body", children: options.body })] })] }));
+//# sourceMappingURL=modal.js.map

package/dist/ui/modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../../../../packages/ketsuite/src/ui/modal.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AAEjC,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,aAAa;IACb,gBAAgB;IAChB,aAAa;IACb,YAAY;IACZ,aAAa;IACb,aAAa;IACb,YAAY;CACJ,CAAA;AAEV,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,OAK1B,EAAkB,EAAE,CAAC,CACpB,0BAAa,aAAa,aACxB,uBAAW,gBAAgB,EAAC,IAAI,EAAE,OAAO,CAAC,SAAS,gBAAc,OAAO,CAAC,UAAU,YACjF,yBAAO,OAAO,CAAC,UAAU,GAAQ,GAC/B,EACJ,8BAAiB,aAAa,EAAC,IAAI,EAAC,QAAQ,gBAAY,MAAM,qBAAiB,uBAAuB,aACpG,6BAAgB,YAAY,aAC1B,wBAAY,aAAa,EAAC,EAAE,EAAC,uBAAuB,YACjD,OAAO,CAAC,KAAK,GACX,EACL,uBACU,aAAa,EACrB,IAAI,EAAE,OAAO,CAAC,SAAS,gBACX,OAAO,CAAC,UAAU,EAC9B,KAAK,EAAE,OAAO,CAAC,UAAU,YAExB,IAAI,CAAC,GAAG,CAAC,GACR,IACG,EACT,yBAAa,YAAY,YAAE,OAAO,CAAC,IAAI,GAAO,IACtC,IACN,CACP,CAAA"}

package/dist/ui/nav.d.ts

@@ -0,0 +1,34 @@
+import type { JSXChild, TemplateResult } from '@ketvietlab/ketjs-view';
+import type { MenuNode, Translator } from '@ketvietlab/ketjs';
+export declare const HOOKS: readonly ['sidebar', 'sidebar-main', 'sidebar-header', 'sidebar-brand', 'sidebar-brand-name', 'sidebar-brand-chevron', 'sidebar-search', 'sidebar-search-icon', 'sidebar-search-input', 'sidebar-nav', 'sidebar-section-label', 'sidebar-empty', 'app-list', 'app-entry', 'app-icon', 'app-monogram', 'app-name', 'menu', 'menu-item-wrap', 'menu-item', 'menu-icon', 'menu-label', 'menu-dot', 'menu-section', 'menu-section-title', 'menu-section-chevron', 'menu-section-text', 'menu-section-children', 'sidebar-foot', 'sidebar-tools', 'sidebar-settings', 'indicators', 'indicator', 'indicator-icon', 'indicator-count', 'viewer-company-indicator', 'viewer', 'viewer-trigger', 'viewer-presence', 'viewer-menu', 'viewer-who', 'viewer-name', 'viewer-company', 'signout', 'signout-button', 'signout-label'];
+export type Viewer = {
+    name: string;
+    company: string | null;
+    companies: string[];
+    companyName?: string | null;
+    branch?: string | null;
+    branches?: string[] | null;
+    branchName?: string | null;
+    contextPath?: string | null;
+    profilePath?: string | null;
+    timezone?: string;
+};
+export type Indicator = {
+    id: string;
+    icon: string;
+    label: string;
+    count: number;
+    path: string;
+};
+export type SidebarOptions = {
+    menu: MenuNode[];
+    viewer?: Viewer | null;
+    indicators?: Indicator[];
+    menuFilter?: string | null;
+    navItems?: JSXChild;
+    footItems?: JSXChild;
+};
+export declare const sidebarMain: (_: Translator, options: SidebarOptions) => TemplateResult;
+export declare const sidebarFoot: (_: Translator, options: SidebarOptions) => TemplateResult;
+export declare const sidebar: (_: Translator, options: SidebarOptions) => TemplateResult;
+//# sourceMappingURL=nav.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nav.d.ts","sourceRoot":"","sources":["../../../../../packages/ketsuite/src/ui/nav.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AACtE,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAI7D,eAAO,MAAM,KAAK,YAChB,SAAS,EACT,cAAc,EACd,gBAAgB,EAChB,eAAe,EACf,oBAAoB,EACpB,uBAAuB,EACvB,gBAAgB,EAChB,qBAAqB,EACrB,sBAAsB,EACtB,aAAa,EACb,uBAAuB,EACvB,eAAe,EACf,UAAU,EACV,WAAW,EACX,UAAU,EACV,cAAc,EACd,UAAU,EACV,MAAM,EACN,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,YAAY,EACZ,UAAU,EACV,cAAc,EACd,oBAAoB,EACpB,sBAAsB,EACtB,mBAAmB,EACnB,uBAAuB,EACvB,cAAc,EACd,eAAe,EACf,kBAAkB,EAClB,YAAY,EACZ,WAAW,EACX,gBAAgB,EAChB,iBAAiB,EACjB,0BAA0B,EAC1B,QAAQ,EACR,gBAAgB,EAChB,iBAAiB,EACjB,aAAa,EACb,YAAY,EACZ,aAAa,EACb,gBAAgB,EAChB,SAAS,EACT,gBAAgB,EAChB,eAAe,CACP,CAAA;AAEV,MAAM,MAAM,MAAM,GAAG;IACnB,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,SAAS,EAAE,MAAM,EAAE,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,QAAQ,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,CAAA;IAC1B,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,SAAS,GAAG;IACtB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,QAAQ,EAAE,CAAA;IAChB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,UAAU,CAAC,EAAE,SAAS,EAAE,CAAA;IACxB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,SAAS,CAAC,EAAE,QAAQ,CAAA;CACrB,CAAA;AA0CD,eAAO,MAAM,WAAW,MAAO,UAAU,WAAW,cAAc,KAAG,cAwEpE,CAAA;AAED,eAAO,MAAM,WAAW,MAAO,UAAU,WAAW,cAAc,KAAG,cA0EpE,CAAA;AAED,eAAO,MAAM,OAAO,MAAO,UAAU,WAAW,cAAc,KAAG,cAShE,CAAA"}

package/dist/ui/nav.js

@@ -0,0 +1,77 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "@ketvietlab/ketjs-view/jsx-runtime";
+// The sidebar: permitted apps, the open app's menu, operational indicators and viewer.
+import { each } from '@ketvietlab/ketjs-view';
+import { hasIcon, icon } from './icons.js';
+import { initials } from './primitives.js';
+export const HOOKS = [
+    'sidebar',
+    'sidebar-main',
+    'sidebar-header',
+    'sidebar-brand',
+    'sidebar-brand-name',
+    'sidebar-brand-chevron',
+    'sidebar-search',
+    'sidebar-search-icon',
+    'sidebar-search-input',
+    'sidebar-nav',
+    'sidebar-section-label',
+    'sidebar-empty',
+    'app-list',
+    'app-entry',
+    'app-icon',
+    'app-monogram',
+    'app-name',
+    'menu',
+    'menu-item-wrap',
+    'menu-item',
+    'menu-icon',
+    'menu-label',
+    'menu-dot',
+    'menu-section',
+    'menu-section-title',
+    'menu-section-chevron',
+    'menu-section-text',
+    'menu-section-children',
+    'sidebar-foot',
+    'sidebar-tools',
+    'sidebar-settings',
+    'indicators',
+    'indicator',
+    'indicator-icon',
+    'indicator-count',
+    'viewer-company-indicator',
+    'viewer',
+    'viewer-trigger',
+    'viewer-presence',
+    'viewer-menu',
+    'viewer-who',
+    'viewer-name',
+    'viewer-company',
+    'signout',
+    'signout-button',
+    'signout-label',
+];
+const destination = (node) => {
+    if (node.path)
+        return node.path;
+    for (const child of node.children) {
+        const found = destination(child);
+        if (found !== '#')
+            return found;
+    }
+    return '#';
+};
+const menuItem = (node, depth) => node.children.length ? (_jsx("li", { "data-ui": "menu-item-wrap", "data-depth": String(depth), children: _jsxs("details", { "data-ui": "menu-section", open: node.active || depth === 0, children: [_jsxs("summary", { "data-ui": "menu-section-title", children: [_jsx("span", { "data-ui": "menu-section-chevron", children: icon('chevron-right') }), node.icon && hasIcon(node.icon) ? _jsx("span", { "data-ui": "menu-icon", children: icon(node.icon) }) : '', _jsx("span", { "data-ui": "menu-section-text", children: node.label })] }), _jsx("ul", { "data-ui": "menu-section-children", children: each(node.children, (child) => child.id, (child) => menuItem(child, depth + 1)) })] }) })) : (_jsx("li", { "data-ui": "menu-item-wrap", "data-depth": String(depth), children: _jsxs("a", { "data-ui": "menu-item", "data-active": String(node.active), href: destination(node), children: [node.icon && hasIcon(node.icon) ? (_jsx("span", { "data-ui": "menu-icon", children: icon(node.icon) })) : (_jsx("span", { "data-ui": "menu-dot", "aria-hidden": "true" })), _jsx("span", { "data-ui": "menu-label", children: node.label })] }) }));
+export const sidebarMain = (_, options) => {
+    const { menu, navItems } = options;
+    const app = menu.find((item) => item.active) ?? menu[0] ?? null;
+    return (_jsxs(_Fragment, { children: [_jsx("div", { "data-ui": "sidebar-header", children: _jsxs("a", { "data-ui": "sidebar-brand", href: "/admin", title: _('backend.nav.apps'), children: [_jsx("span", { "data-ui": "sidebar-brand-name", children: app ? app.label : _('backend.nav.apps') }), _jsx("span", { "data-ui": "sidebar-brand-chevron", children: icon('chevron-down') })] }) }), _jsxs("form", { "data-ui": "sidebar-search", method: "get", role: "search", children: [_jsx("span", { "data-ui": "sidebar-search-icon", children: icon('search') }), _jsx("input", { "data-ui": "sidebar-search-input", type: "search", name: "menu", value: options.menuFilter ?? '', placeholder: _('backend.nav.search'), "aria-label": _('backend.nav.search'), autocomplete: "off" })] }), _jsxs("nav", { "data-ui": "sidebar-nav", children: [menu.length === 0 && _jsx("p", { "data-ui": "sidebar-empty", children: _('backend.nav.noMatch') }), menu.length > 0 && _jsx("p", { "data-ui": "sidebar-section-label", children: _('backend.nav.apps') }), _jsx("ul", { "data-ui": "app-list", children: each(menu, (item) => item.id, (item) => (_jsx("li", { children: _jsxs("a", { "data-ui": "app-entry", "data-active": String(item.active), href: destination(item), title: item.label, children: [_jsx("span", { "data-ui": "app-icon", children: item.icon && hasIcon(item.icon) ? (icon(item.icon)) : (_jsx("span", { "data-ui": "app-monogram", children: item.label.slice(0, 1) })) }), _jsx("span", { "data-ui": "app-name", children: item.label })] }) }))) }), !!app && app.children.length > 0 && (_jsxs(_Fragment, { children: [_jsx("p", { "data-ui": "sidebar-section-label", "data-scope": "app", children: app.label }), _jsx("ul", { "data-ui": "menu", "aria-label": app.label, children: each(app.children, (child) => child.id, (child) => menuItem(child, 0)) })] })), navItems ?? ''] })] }));
+};
+export const sidebarFoot = (_, options) => {
+    const { viewer = null, indicators = [], footItems } = options;
+    return (_jsxs("div", { "data-ui": "sidebar-foot", children: [_jsxs("div", { "data-ui": "sidebar-tools", children: [(indicators.length > 0 || !!footItems) && (_jsxs("div", { "data-ui": "indicators", children: [each(indicators, (indicator) => indicator.id, (indicator) => (_jsxs("a", { "data-ui": "indicator", "data-kind": indicator.id, href: indicator.path, title: indicator.label, "aria-label": indicator.label, children: [_jsx("span", { "data-ui": "indicator-icon", children: icon(indicator.icon) }), indicator.count > 0 && _jsx("span", { "data-ui": "indicator-count", children: String(indicator.count) })] }))), footItems ?? ''] })), !!viewer?.company && (_jsx("span", { "data-ui": "viewer-company-indicator", role: "img", title: `${viewer.companyName ?? viewer.company}${viewer.branchName ? ` · ${viewer.branchName}` : ''}`, "aria-label": `${viewer.companyName ?? viewer.company}${viewer.branchName ? ` · ${viewer.branchName}` : ''}`, children: icon('building-2') })), !!viewer && (_jsxs("details", { "data-ui": "viewer", children: [_jsxs("summary", { "data-ui": "viewer-trigger", title: viewer.name, "aria-label": viewer.name, children: [_jsx("span", { "data-ui": "avatar", "aria-hidden": "true", children: initials(viewer.name) }), _jsx("span", { "data-ui": "viewer-presence", "aria-hidden": "true" })] }), _jsxs("div", { "data-ui": "viewer-menu", children: [_jsxs("span", { "data-ui": "viewer-who", children: [_jsx("span", { "data-ui": "viewer-name", children: viewer.profilePath ? _jsx("a", { href: viewer.profilePath, children: viewer.name }) : viewer.name }), (viewer.companies.length > 1 || !!viewer.branchName) && (_jsxs("span", { "data-ui": "viewer-company", children: [viewer.companyName ?? viewer.company, viewer.branchName ? ` · ${viewer.branchName}` : ''] }))] }), _jsx("form", { "data-ui": "signout", method: "post", action: "/logout", children: _jsxs("button", { "data-ui": "signout-button", type: "submit", children: [icon('log-out'), _jsx("span", { "data-ui": "signout-label", children: _('backend.signOut') })] }) })] })] }))] }), _jsx("a", { "data-ui": "sidebar-settings", href: "/admin/settings", children: _('backend.nav.settings') })] }));
+};
+export const sidebar = (_, options) => {
+    return (_jsxs("aside", { "data-ui": "sidebar", children: [_jsx("div", { "data-ui": "sidebar-main", "data-ket-slot": "backend.sidebar-main", children: sidebarMain(_, options) }), sidebarFoot(_, options)] }));
+};
+//# sourceMappingURL=nav.js.map

package/dist/ui/nav.js.map

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

package/dist/ui/navigation.d.ts

@@ -0,0 +1,22 @@
+import type { TemplateResult } from '@ketvietlab/ketjs-view';
+export declare const HOOKS: readonly ['breadcrumbs', 'breadcrumb', 'tabs', 'tab'];
+export type Breadcrumb = {
+    label: string;
+    href?: string | null;
+};
+export type Tab = {
+    id: string;
+    label: string;
+    href: string;
+    active?: boolean;
+    count?: number | null;
+};
+export declare const breadcrumbs: (o: {
+    label: string;
+    items: readonly Breadcrumb[];
+}) => TemplateResult;
+export declare const tabs: (o: {
+    label: string;
+    items: readonly Tab[];
+}) => TemplateResult;
+//# sourceMappingURL=navigation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"navigation.d.ts","sourceRoot":"","sources":["../../../../../packages/ketsuite/src/ui/navigation.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAE5D,eAAO,MAAM,KAAK,YAAI,aAAa,EAAE,YAAY,EAAE,MAAM,EAAE,KAAK,CAAU,CAAA;AAE1E,MAAM,MAAM,UAAU,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,CAAA;AAChE,MAAM,MAAM,GAAG,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,CAAA;AAEtG,eAAO,MAAM,WAAW,MAAO;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,SAAS,UAAU,EAAE,CAAA;CAAE,KAAG,cAkBhF,CAAA;AAED,eAAO,MAAM,IAAI,MAAO;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,SAAS,GAAG,EAAE,CAAA;CAAE,KAAG,cAuBlE,CAAA"}

package/dist/ui/navigation.js

@@ -0,0 +1,9 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "@ketvietlab/ketjs-view/jsx-runtime";
+// Navigation below the app shell. The current list screens intentionally do not
+// use breadcrumbs, but deeper ERP records still need a canonical component rather
+// than forty hand-written trails or tab bars.
+import { each } from '@ketvietlab/ketjs-view';
+export const HOOKS = ['breadcrumbs', 'breadcrumb', 'tabs', 'tab'];
+export const breadcrumbs = (o) => (_jsx("nav", { "data-ui": "breadcrumbs", "aria-label": o.label, children: _jsx("ol", { children: each(o.items, (item, i) => `${i}:${item.label}`, (item, i) => (_jsx("li", { "data-ui": "breadcrumb", children: item.href && i < o.items.length - 1 ? (_jsx("a", { href: item.href, children: item.label })) : (_jsx("span", { "aria-current": i === o.items.length - 1 ? 'page' : null, children: item.label })) }))) }) }));
+export const tabs = (o) => (_jsx("nav", { "data-ui": "tabs", "aria-label": o.label, children: each(o.items, (item) => item.id, (item) => (_jsxs("a", { "data-ui": "tab", "data-active": String(item.active === true), href: item.href, "aria-current": item.active ? 'page' : null, children: [item.label, item.count !== undefined && item.count !== null && (_jsxs(_Fragment, { children: [' ', _jsx("span", { children: String(item.count) })] }))] }))) }));
+//# sourceMappingURL=navigation.js.map

package/dist/ui/navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation.js","sourceRoot":"","sources":["../../../../../../packages/ketsuite/src/ui/navigation.tsx"],"names":[],"mappings":";AAAA,gFAAgF;AAChF,kFAAkF;AAClF,8CAA8C;AAE9C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAA;AAG7C,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,aAAa,EAAE,YAAY,EAAE,MAAM,EAAE,KAAK,CAAU,CAAA;AAK1E,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,CAAkD,EAAkB,EAAE,CAAC,CACjG,yBAAa,aAAa,gBAAa,CAAC,CAAC,KAAK,YAC5C,uBACG,IAAI,CACH,CAAC,CAAC,KAAK,EACP,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,KAAK,EAAE,EACjC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACX,wBAAY,YAAY,YACrB,IAAI,CAAC,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACrC,YAAG,IAAI,EAAE,IAAI,CAAC,IAAI,YAAG,IAAI,CAAC,KAAK,GAAK,CACrC,CAAC,CAAC,CAAC,CACF,+BAAoB,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,YAAG,IAAI,CAAC,KAAK,GAAQ,CAClF,GACE,CACN,CACF,GACE,GACD,CACP,CAAA;AAED,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,CAA2C,EAAkB,EAAE,CAAC,CACnF,yBAAa,MAAM,gBAAa,CAAC,CAAC,KAAK,YACpC,IAAI,CACH,CAAC,CAAC,KAAK,EACP,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,EACjB,CAAC,IAAI,EAAE,EAAE,CAAC,CACR,wBACU,KAAK,iBACA,MAAM,CAAC,IAAI,CAAC,MAAM,KAAK,IAAI,CAAC,EACzC,IAAI,EAAE,IAAI,CAAC,IAAI,kBACD,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,aAExC,IAAI,CAAC,KAAK,EACV,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI,IAAI,CAClD,8BACG,GAAG,EACJ,yBAAO,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,GAAQ,IAChC,CACJ,IACC,CACL,CACF,GACG,CACP,CAAA"}

package/dist/ui/primitives.d.ts

@@ -0,0 +1,61 @@
+import type { JSXChild, TemplateResult } from '@ketvietlab/ketjs-view';
+/** The data-ui names this file emits. See ui/hooks.ts. */
+export declare const HOOKS: readonly ['inline', 'code', 'badge', 'tag', 'tag-remove', 'count-badge', 'person', 'person-name', 'avatar', 'app-action', 'qr-code'];
+/**
+ * Small values on one line, allowed to wrap without a caller writing a container.
+ *
+ * This is deliberately a `div`, not a `span`: callers may supply native forms or
+ * other flow content, and the browser must never repair an invalid phrasing tree.
+ */
+export declare const inline: (items: readonly JSXChild[]) => TemplateResult;
+/**
+ * A value meant to be read exactly: an id, a path, a unit code.
+ *
+ * `hook` is there because two places style these differently and the stylesheet
+ * was written against those names. It is a value rather than free markup, so the
+ * contract test still catches a name nobody registered.
+ */
+export declare const code: (value: string | null, context?: string) => TemplateResult;
+/**
+ * A status, as a word with a colour behind it.
+ *
+ * The tone is named for what it means, not for what it looks like: a design team
+ * that wants "draft" to be amber changes one token, and every draft in the product
+ * follows. `data-value` carries the raw state as well, so a stylesheet can be more
+ * specific when it has to be.
+ */
+export type Tone = 'neutral' | 'info' | 'positive' | 'warning' | 'danger';
+export declare const badge: (label: string, tone?: Tone, value?: string) => TemplateResult;
+/** A categorical label or active filter; unlike a status it has no semantic tone. */
+export declare const tag: (o: {
+    label: string;
+    removeHref?: string | null;
+    removeLabel?: string;
+}) => TemplateResult;
+/** A short quantity. The caller supplies the accessible context, not only a number. */
+export declare const countBadge: (count: number, label: string) => TemplateResult;
+/**
+ * Initials in a circle.
+ *
+ * Not a photograph: nothing in the product stores one yet, and a broken image in
+ * every row of a list is worse than no image at all. When avatars do arrive this
+ * stays as the fallback, which is what it would have had to be anyway.
+ */
+export declare const initials: (name: string) => string;
+export declare const avatar: (name: string) => TemplateResult;
+/** A name with its avatar — the shape a person's column takes in every list. */
+export declare const person: (name: string) => TemplateResult;
+/**
+ * A button that acts on the row or card it sits in.
+ *
+ * `action` is what it does, not how it looks — the stylesheet decides that the
+ * primary one is filled and the rest are outlined, and no caller passes a colour.
+ */
+export declare const actionButton: (o: {
+    label: string;
+    action: string;
+    disabled?: boolean;
+}) => TemplateResult;
+/** A server-rendered QR matrix with a four-module quiet zone. */
+export declare const qrCode: (matrix: readonly (readonly boolean[])[], label: string, pixels?: number) => TemplateResult;
+//# sourceMappingURL=primitives.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"primitives.d.ts","sourceRoot":"","sources":["../../../../../packages/ketsuite/src/ui/primitives.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAEtE,0DAA0D;AAC1D,eAAO,MAAM,KAAK,YAChB,QAAQ,EACR,MAAM,EACN,OAAO,EACP,KAAK,EACL,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,YAAY,EACZ,SAAS,CACD,CAAA;AAEV;;;;;GAKG;AACH,eAAO,MAAM,MAAM,UAAW,SAAS,QAAQ,EAAE,KAAG,cAUnD,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,IAAI,UAAW,MAAM,GAAG,IAAI,YAAY,MAAM,KAAG,cAI7D,CAAA;AAED;;;;;;;GAOG;AACH,MAAM,MAAM,IAAI,GAAG,SAAS,GAAG,MAAM,GAAG,UAAU,GAAG,SAAS,GAAG,QAAQ,CAAA;AAEzE,eAAO,MAAM,KAAK,UAAW,MAAM,SAAQ,IAAI,UAAsB,MAAM,KAAG,cAI7E,CAAA;AAED,qFAAqF;AACrF,eAAO,MAAM,GAAG,MAAO;IACrB,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,KAAG,cASH,CAAA;AAED,uFAAuF;AACvF,eAAO,MAAM,UAAU,UAAW,MAAM,SAAS,MAAM,KAAG,cAIzD,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,QAAQ,SAAU,MAAM,KAAG,MAOvC,CAAA;AAED,eAAO,MAAM,MAAM,SAAU,MAAM,KAAG,cAIrC,CAAA;AAED,gFAAgF;AAChF,eAAO,MAAM,MAAM,SAAU,MAAM,KAAG,cAKrC,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,YAAY,MAAO;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,KAAG,cAIvF,CAAA;AAED,iEAAiE;AACjE,eAAO,MAAM,MAAM,WACT,SAAS,CAAC,SAAS,OAAO,EAAE,CAAC,EAAE,SAChC,MAAM,sBAEZ,cAsBF,CAAA"}

package/dist/ui/primitives.js

@@ -0,0 +1,74 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "@ketvietlab/ketjs-view/jsx-runtime";
+// The smallest pieces: a status, a person, a button.
+//
+// Every one of them owns exactly one data-ui root, declared in HOOKS below. A
+// module composes these; it does not write the markup, which is what stops the
+// stylesheet's contract drifting one screen at a time.
+import { each } from '@ketvietlab/ketjs-view';
+/** The data-ui names this file emits. See ui/hooks.ts. */
+export const HOOKS = [
+    'inline',
+    'code',
+    'badge',
+    'tag',
+    'tag-remove',
+    'count-badge',
+    'person',
+    'person-name',
+    'avatar',
+    'app-action',
+    'qr-code',
+];
+/**
+ * Small values on one line, allowed to wrap without a caller writing a container.
+ *
+ * This is deliberately a `div`, not a `span`: callers may supply native forms or
+ * other flow content, and the browser must never repair an invalid phrasing tree.
+ */
+export const inline = (items) => (_jsx("div", { "data-ui": "inline", children: each(items, (_, i) => i, (item) => (_jsx(_Fragment, { children: item }))) }));
+/**
+ * A value meant to be read exactly: an id, a path, a unit code.
+ *
+ * `hook` is there because two places style these differently and the stylesheet
+ * was written against those names. It is a value rather than free markup, so the
+ * contract test still catches a name nobody registered.
+ */
+export const code = (value, context) => (_jsx("code", { "data-ui": "code", "data-context": context ?? null, children: value }));
+export const badge = (label, tone = 'neutral', value) => (_jsx("span", { "data-ui": "badge", "data-tone": tone, "data-value": value ?? '', children: label }));
+/** A categorical label or active filter; unlike a status it has no semantic tone. */
+export const tag = (o) => (_jsxs("span", { "data-ui": "tag", children: [o.label, !!o.removeHref && (_jsx("a", { "data-ui": "tag-remove", href: o.removeHref, "aria-label": o.removeLabel ?? `Bỏ ${o.label}`, children: "\u00D7" }))] }));
+/** A short quantity. The caller supplies the accessible context, not only a number. */
+export const countBadge = (count, label) => (_jsx("span", { "data-ui": "count-badge", role: "status", "aria-label": label, children: String(count) }));
+/**
+ * Initials in a circle.
+ *
+ * Not a photograph: nothing in the product stores one yet, and a broken image in
+ * every row of a list is worse than no image at all. When avatars do arrive this
+ * stays as the fallback, which is what it would have had to be anyway.
+ */
+export const initials = (name) => {
+    const parts = name.trim().split(/\s+/).filter(Boolean);
+    if (!parts.length)
+        return '?';
+    // Vietnamese names put the given name last, and that is the one people answer to.
+    const first = parts.length > 1 ? parts[parts.length - 1] : parts[0];
+    const second = parts.length > 2 ? parts[parts.length - 2] : '';
+    return (second.slice(0, 1) + first.slice(0, 1)).toLocaleUpperCase('vi');
+};
+export const avatar = (name) => (_jsx("span", { "data-ui": "avatar", title: name, "aria-hidden": "true", children: initials(name) }));
+/** A name with its avatar — the shape a person's column takes in every list. */
+export const person = (name) => (_jsxs("span", { "data-ui": "person", children: [avatar(name), _jsx("span", { "data-ui": "person-name", children: name })] }));
+/**
+ * A button that acts on the row or card it sits in.
+ *
+ * `action` is what it does, not how it looks — the stylesheet decides that the
+ * primary one is filled and the rest are outlined, and no caller passes a colour.
+ */
+export const actionButton = (o) => (_jsx("button", { type: "button", "data-ui": "app-action", "data-action": o.action, disabled: o.disabled === true, children: o.label }));
+/** A server-rendered QR matrix with a four-module quiet zone. */
+export const qrCode = (matrix, label, pixels = 264) => {
+    const size = matrix.length + 8;
+    const cells = matrix.flatMap((row, y) => row.map((dark, x) => ({ x, y, dark }))).filter((cell) => cell.dark);
+    return (_jsxs("svg", { "data-ui": "qr-code", viewBox: `0 0 ${size} ${size}`, width: pixels, height: pixels, role: "img", "aria-label": label, children: [_jsx("rect", { width: size, height: size, fill: "white" }), each(cells, (cell) => `${cell.x}:${cell.y}`, (cell) => (_jsx("rect", { x: cell.x + 4, y: cell.y + 4, width: "1", height: "1", fill: "black" })))] }));
+};
+//# sourceMappingURL=primitives.js.map

package/dist/ui/primitives.js.map

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

package/dist/ui/record.d.ts

@@ -0,0 +1,44 @@
+import type { JSXChild, TemplateResult } from '@ketvietlab/ketjs-view';
+export declare const HOOKS: readonly ['record-workspace', 'record-sheet', 'record-header', 'record-identity', 'record-thumbnail', 'record-kicker', 'record-heading', 'record-subtitle', 'record-badges', 'record-toggle', 'record-toggle-input', 'record-toggle-label', 'record-facts', 'record-fact', 'record-fact-value', 'record-fact-label', 'record-navigation', 'record-controller', 'record-body', 'record-aside'];
+export type RecordSummaryItem = {
+    id: string;
+    label: string;
+    value: string | number;
+    href?: string | null;
+};
+export type RecordWorkspaceSlots = {
+    header: string;
+    body: string;
+    /** Present only when returning the two slots as a fragment response. */
+    fragmentTitle?: string;
+};
+export declare const recordToggle: (options: {
+    name: string;
+    label: string;
+    checked: boolean;
+    form?: string | null;
+    disabled?: boolean;
+}) => TemplateResult;
+type RecordWorkspaceOptions = {
+    /** Marks the generic page frame added by `framed`; nested record workspaces flatten it. */
+    pageFrame?: boolean;
+    kicker?: string | null;
+    title: string;
+    subtitle?: string | null;
+    image?: {
+        src: string;
+        alt: string;
+    } | null;
+    imageFallback: JSXChild;
+    badges?: readonly JSXChild[];
+    summary?: readonly RecordSummaryItem[];
+    navigation?: JSXChild;
+    controller?: JSXChild;
+    body: JSXChild;
+    aside?: JSXChild;
+    asideLabel?: string | null;
+    slots?: RecordWorkspaceSlots;
+};
+export declare const recordWorkspace: (options: RecordWorkspaceOptions) => TemplateResult;
+export {};
+//# sourceMappingURL=record.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"record.d.ts","sourceRoot":"","sources":["../../../../../packages/ketsuite/src/ui/record.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAEtE,eAAO,MAAM,KAAK,YAChB,kBAAkB,EAClB,cAAc,EACd,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,eAAe,EACf,eAAe,EACf,qBAAqB,EACrB,qBAAqB,EACrB,cAAc,EACd,aAAa,EACb,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,EACnB,aAAa,EACb,cAAc,CACN,CAAA;AAEV,MAAM,MAAM,iBAAiB,GAAG;IAC9B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CACrB,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG;IACjC,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,wEAAwE;IACxE,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;AAED,eAAO,MAAM,YAAY,YAAa;IACpC,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,OAAO,CAAA;IAChB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,KAAG,cAaH,CAAA;AASD,KAAK,sBAAsB,GAAG;IAC5B,2FAA2F;IAC3F,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,KAAK,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;IAC3C,aAAa,EAAE,QAAQ,CAAA;IACvB,MAAM,CAAC,EAAE,SAAS,QAAQ,EAAE,CAAA;IAC5B,OAAO,CAAC,EAAE,SAAS,iBAAiB,EAAE,CAAA;IACtC,UAAU,CAAC,EAAE,QAAQ,CAAA;IACrB,UAAU,CAAC,EAAE,QAAQ,CAAA;IACrB,IAAI,EAAE,QAAQ,CAAA;IACd,KAAK,CAAC,EAAE,QAAQ,CAAA;IAChB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,KAAK,CAAC,EAAE,oBAAoB,CAAA;CAC7B,CAAA;AA4CD,eAAO,MAAM,eAAe,YAAa,sBAAsB,KAAG,cA+BjE,CAAA"}

package/dist/ui/record.js

@@ -0,0 +1,39 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "@ketvietlab/ketjs-view/jsx-runtime";
+// A dense operational record workspace.
+//
+// ERP records need two things at the same time: a compact identity/summary that
+// survives navigation between tabs, and a collaboration rail that does not push
+// the business form several screens down. The module supplies meaning and data;
+// this component owns only that stable arrangement.
+import { each } from '@ketvietlab/ketjs-view';
+export const HOOKS = [
+    'record-workspace',
+    'record-sheet',
+    'record-header',
+    'record-identity',
+    'record-thumbnail',
+    'record-kicker',
+    'record-heading',
+    'record-subtitle',
+    'record-badges',
+    'record-toggle',
+    'record-toggle-input',
+    'record-toggle-label',
+    'record-facts',
+    'record-fact',
+    'record-fact-value',
+    'record-fact-label',
+    'record-navigation',
+    'record-controller',
+    'record-body',
+    'record-aside',
+];
+export const recordToggle = (options) => (_jsxs("label", { "data-ui": "record-toggle", "data-disabled": String(options.disabled === true), children: [_jsx("input", { "data-ui": "record-toggle-input", type: "checkbox", name: options.name, value: "1", checked: options.checked, form: options.form ?? undefined, disabled: options.disabled === true }), _jsx("span", { "data-ui": "record-toggle-label", children: options.label })] }));
+const summaryContent = (item) => (_jsxs(_Fragment, { children: [_jsx("strong", { "data-ui": "record-fact-value", children: String(item.value) }), _jsx("span", { "data-ui": "record-fact-label", children: item.label })] }));
+const recordHeader = (options) => (_jsxs(_Fragment, { children: [_jsxs("div", { "data-ui": "record-identity", children: [_jsx("div", { "data-ui": "record-thumbnail", "data-empty": String(!options.image), children: options.image ? _jsx("img", { src: options.image.src, alt: options.image.alt }) : options.imageFallback }), _jsxs("div", { children: [!!options.kicker && _jsx("p", { "data-ui": "record-kicker", children: options.kicker }), _jsx("h1", { "data-ui": "record-heading", children: options.title }), !!options.subtitle && _jsx("p", { "data-ui": "record-subtitle", children: options.subtitle })] })] }), !!options.summary?.length && (_jsx("div", { "data-ui": "record-facts", children: each(options.summary, (item) => item.id, (item) => item.href ? (_jsx("a", { "data-ui": "record-fact", href: item.href, children: summaryContent(item) })) : (_jsx("div", { "data-ui": "record-fact", children: summaryContent(item) }))) })), !!options.badges?.length && (_jsx("div", { "data-ui": "record-badges", children: each(options.badges, (_, index) => index, (item) => (_jsx(_Fragment, { children: item }))) }))] }));
+export const recordWorkspace = (options) => {
+    if (options.slots?.fragmentTitle !== undefined)
+        return (_jsxs("ket-fragments", { "data-title": options.slots.fragmentTitle, children: [_jsx("template", { "data-ket-slot": options.slots.header, children: recordHeader(options) }), _jsx("template", { "data-ket-slot": options.slots.body, children: options.body })] }));
+    return (_jsxs("div", { "data-ui": "record-workspace", "data-page-frame": String(options.pageFrame === true), "data-has-aside": String(options.aside !== undefined), children: [_jsxs("section", { "data-ui": "record-sheet", children: [_jsx("header", { "data-ui": "record-header", "data-ket-slot": options.slots?.header, children: recordHeader(options) }), options.navigation !== undefined && _jsx("div", { "data-ui": "record-navigation", children: options.navigation }), options.controller !== undefined && _jsx("div", { "data-ui": "record-controller", children: options.controller }), _jsx("div", { "data-ui": "record-body", "data-ket-slot": options.slots?.body, children: options.body })] }), options.aside !== undefined && (_jsx("aside", { "data-ui": "record-aside", "aria-label": options.asideLabel ?? null, children: options.aside }))] }));
+};
+//# sourceMappingURL=record.js.map

package/dist/ui/record.js.map

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