@ketvietlab/ketsuite 0.1.2 → 0.1.5

package/dist/ui/partner.d.ts

@@ -0,0 +1,18 @@
+import type { JSXChild, TemplateResult } from '@ketvietlab/ketjs-view';
+export type PartnerFact = {
+    label: string;
+    value: JSXChild;
+};
+export declare const PartnerPanel: (props: {
+    id?: string;
+    title: string;
+    description?: string;
+    body: JSXChild;
+}) => TemplateResult;
+export declare const PartnerFacts: (props: {
+    items: PartnerFact[];
+}) => TemplateResult;
+export declare const PartnerInitials: (props: {
+    name: string;
+}) => TemplateResult;
+//# sourceMappingURL=partner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"partner.d.ts","sourceRoot":"","sources":["../../../../../packages/ketsuite/src/ui/partner.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAEtE,MAAM,MAAM,WAAW,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,QAAQ,CAAA;CAAE,CAAA;AAE5D,eAAO,MAAM,YAAY,UAAW;IAClC,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,EAAE,QAAQ,CAAA;CACf,KAAG,cAQH,CAAA;AAED,eAAO,MAAM,YAAY,UAAW;IAAE,KAAK,EAAE,WAAW,EAAE,CAAA;CAAE,KAAG,cAa9D,CAAA;AAED,eAAO,MAAM,eAAe,UAAW;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,KAAG,cASzD,CAAA"}

package/dist/ui/partner.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@ketvietlab/ketjs-view/jsx-runtime";
+import { each } from '@ketvietlab/ketjs-view';
+export const PartnerPanel = (props) => (_jsxs("section", { id: props.id, "data-ui": "partner-panel", children: [_jsxs("header", { "data-ui": "partner-panel-head", children: [_jsx("h2", { "data-ui": "partner-panel-title", children: props.title }), !!props.description && _jsx("p", { "data-ui": "partner-panel-description", children: props.description })] }), props.body] }));
+export const PartnerFacts = (props) => (_jsx("dl", { "data-ui": "partner-facts", children: each(props.items, (item) => item.label, (item) => (_jsxs("div", { "data-ui": "partner-fact", children: [_jsx("dt", { children: item.label }), _jsx("dd", { children: item.value })] }))) }));
+export const PartnerInitials = (props) => (_jsx("span", { "data-ui": "partner-initials", children: props.name
+        .split(/\s+/)
+        .filter(Boolean)
+        .slice(-2)
+        .map((part) => part[0]?.toUpperCase())
+        .join('') }));
+//# sourceMappingURL=partner.js.map

package/dist/ui/partner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"partner.js","sourceRoot":"","sources":["../../../../../../packages/ketsuite/src/ui/partner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAA;AAK7C,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAK5B,EAAkB,EAAE,CAAC,CACpB,mBAAS,EAAE,EAAE,KAAK,CAAC,EAAE,aAAU,eAAe,aAC5C,6BAAgB,oBAAoB,aAClC,wBAAY,qBAAqB,YAAE,KAAK,CAAC,KAAK,GAAM,EACnD,CAAC,CAAC,KAAK,CAAC,WAAW,IAAI,uBAAW,2BAA2B,YAAE,KAAK,CAAC,WAAW,GAAK,IAC/E,EACR,KAAK,CAAC,IAAI,IACH,CACX,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAA+B,EAAkB,EAAE,CAAC,CAC/E,wBAAY,eAAe,YACxB,IAAI,CACH,KAAK,CAAC,KAAK,EACX,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,EACpB,CAAC,IAAI,EAAE,EAAE,CAAC,CACR,0BAAa,cAAc,aACzB,uBAAK,IAAI,CAAC,KAAK,GAAM,EACrB,uBAAK,IAAI,CAAC,KAAK,GAAM,IACjB,CACP,CACF,GACE,CACN,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAAuB,EAAkB,EAAE,CAAC,CAC1E,0BAAc,kBAAkB,YAC7B,KAAK,CAAC,IAAI;SACR,KAAK,CAAC,KAAK,CAAC;SACZ,MAAM,CAAC,OAAO,CAAC;SACf,KAAK,CAAC,CAAC,CAAC,CAAC;SACT,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,CAAC;SACrC,IAAI,CAAC,EAAE,CAAC,GACN,CACR,CAAA"}

package/dist/ui/primitives.d.ts

@@ -1,6 +1,6 @@
 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'];
+export declare const HOOKS: readonly ['inline', 'code', 'badge', 'deadline', 'tag', 'tag-remove', 'count-badge', 'person', 'person-name', 'avatar', 'thumbnail', 'qr-code'];
 /**
  * Small values on one line, allowed to wrap without a caller writing a container.
  *
@@ -25,6 +25,19 @@ export declare const code: (value: string | null, context?: string) => TemplateR
  * specific when it has to be.
  */
 export type Tone = 'neutral' | 'info' | 'positive' | 'warning' | 'danger';
+/**
+ * A date somebody is working towards, marked when it has already passed.
+ *
+ * Not a badge, deliberately. Every tone a badge has is already spoken for by
+ * priority in the one table that needs this — urgent is `danger`, high is
+ * `warning` — so a late date rendered as a badge reads as a third priority
+ * rather than as a deadline. Colouring the date itself is what the eye is
+ * looking for anyway: the number, not a label beside it.
+ */
+export declare const deadline: (o: {
+    date: string;
+    late?: boolean;
+}) => TemplateResult;
 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: {
@@ -43,19 +56,24 @@ export declare const countBadge: (count: number, label: string) => TemplateResul
  */
 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.
+ * A record's picture at list size, with a placeholder when it has none.
  *
- * `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.
+ * The placeholder is not decoration: it holds the column's width so rows keep
+ * their rhythm whether or not a picture exists, and it is the same shape as the
+ * image so the eye scans one column rather than two. The image is decorative in
+ * a row that already names the record, so the alt text stays empty unless the
+ * caller has something to add that the row does not already say.
  */
-export declare const actionButton: (o: {
-    label: string;
-    action: string;
-    disabled?: boolean;
+export declare const thumbnail: (options: {
+    src?: string | null;
+    alt?: string;
+    fallback?: JSXChild;
+    /** `row` for a list cell, `card` for the wider crop a kanban card carries. */
+    size?: 'row' | 'card';
 }) => TemplateResult;
+/** A name with its avatar — the shape a person's column takes in every list. */
+export declare const person: (name: string) => 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

@@ -1 +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"}
+{"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,UAAU,EACV,KAAK,EACL,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,WAAW,EACX,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;;;;;;;;GAQG;AACH,eAAO,MAAM,QAAQ,MAAO;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,OAAO,CAAA;CAAE,KAAG,cAI9D,CAAA;AAED,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;;;;;;;;GAQG;AACH,eAAO,MAAM,SAAS,YAAa;IACjC,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACnB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,8EAA8E;IAC9E,IAAI,CAAC,EAAE,KAAK,GAAG,MAAM,CAAA;CACtB,KAAG,cAQH,CAAA;AAED,gFAAgF;AAChF,eAAO,MAAM,MAAM,SAAU,MAAM,KAAG,cAKrC,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

@@ -10,13 +10,14 @@ export const HOOKS = [
     'inline',
     'code',
     'badge',
+    'deadline',
     'tag',
     'tag-remove',
     'count-badge',
     'person',
     'person-name',
     'avatar',
-    'app-action',
+    'thumbnail',
     'qr-code',
 ];
 /**
@@ -34,6 +35,16 @@ export const inline = (items) => (_jsx("div", { "data-ui": "inline", children: e
  * contract test still catches a name nobody registered.
  */
 export const code = (value, context) => (_jsx("code", { "data-ui": "code", "data-context": context ?? null, children: value }));
+/**
+ * A date somebody is working towards, marked when it has already passed.
+ *
+ * Not a badge, deliberately. Every tone a badge has is already spoken for by
+ * priority in the one table that needs this — urgent is `danger`, high is
+ * `warning` — so a late date rendered as a badge reads as a third priority
+ * rather than as a deadline. Colouring the date itself is what the eye is
+ * looking for anyway: the number, not a label beside it.
+ */
+export const deadline = (o) => (_jsx("span", { "data-ui": "deadline", "data-late": String(o.late === true), children: o.date }));
 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" }))] }));
@@ -56,15 +67,18 @@ export const initials = (name) => {
     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.
+ * A record's picture at list size, with a placeholder when it has none.
  *
- * `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.
+ * The placeholder is not decoration: it holds the column's width so rows keep
+ * their rhythm whether or not a picture exists, and it is the same shape as the
+ * image so the eye scans one column rather than two. The image is decorative in
+ * a row that already names the record, so the alt text stays empty unless the
+ * caller has something to add that the row does not already say.
  */
-export const actionButton = (o) => (_jsx("button", { type: "button", "data-ui": "app-action", "data-action": o.action, disabled: o.disabled === true, children: o.label }));
+export const thumbnail = (options) => (_jsx("span", { "data-ui": "thumbnail", "data-size": options.size ?? 'row', "data-empty": String(!options.src), children: options.src ? (_jsx("img", { src: options.src, alt: options.alt ?? '', loading: "lazy", decoding: "async" })) : ((options.fallback ?? '')) }));
+/** 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 server-rendered QR matrix with a four-module quiet zone. */
 export const qrCode = (matrix, label, pixels = 264) => {
     const size = matrix.length + 8;

package/dist/ui/primitives.js.map

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

package/dist/ui/product-media.d.ts

@@ -0,0 +1,47 @@
+import type { JSXChild, TemplateResult } from '@ketvietlab/ketjs-view';
+export type ProductMediaVariantView = {
+    id: string;
+    label: string;
+    detail?: string | null;
+    href: string;
+    images: readonly {
+        id: string;
+        src: string;
+        alt: string;
+        primary?: boolean;
+        removeAction?: string | null;
+    }[];
+};
+export type ProductMediaManagementOptions = {
+    gallery: {
+        title: string;
+        description: string;
+        sortLabel: string;
+        hint: string;
+        panel: JSXChild;
+    };
+    variants: {
+        title: string;
+        description: string;
+        columns: {
+            variant: string;
+            primary: string;
+            gallery: string;
+            actions: string;
+        };
+        rows: readonly ProductMediaVariantView[];
+        empty: string;
+        addLabel: string;
+        editLabel: string;
+        removeLabel: string;
+        displayLabel: string;
+        rangeLabel: string;
+        pageLabel: string;
+        previousLabel: string;
+        nextLabel: string;
+        previousHref?: string | null;
+        nextHref?: string | null;
+    };
+};
+export declare const productMediaManagement: (options: ProductMediaManagementOptions) => TemplateResult;
+//# sourceMappingURL=product-media.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"product-media.d.ts","sourceRoot":"","sources":["../../../../../packages/ketsuite/src/ui/product-media.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAItE,MAAM,MAAM,uBAAuB,GAAG;IACpC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,SAAS;QACf,EAAE,EAAE,MAAM,CAAA;QACV,GAAG,EAAE,MAAM,CAAA;QACX,GAAG,EAAE,MAAM,CAAA;QACX,OAAO,CAAC,EAAE,OAAO,CAAA;QACjB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;KAC7B,EAAE,CAAA;CACJ,CAAA;AAED,MAAM,MAAM,6BAA6B,GAAG;IAC1C,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAA;QACb,WAAW,EAAE,MAAM,CAAA;QACnB,SAAS,EAAE,MAAM,CAAA;QACjB,IAAI,EAAE,MAAM,CAAA;QACZ,KAAK,EAAE,QAAQ,CAAA;KAChB,CAAA;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,MAAM,CAAA;QACb,WAAW,EAAE,MAAM,CAAA;QACnB,OAAO,EAAE;YACP,OAAO,EAAE,MAAM,CAAA;YACf,OAAO,EAAE,MAAM,CAAA;YACf,OAAO,EAAE,MAAM,CAAA;YACf,OAAO,EAAE,MAAM,CAAA;SAChB,CAAA;QACD,IAAI,EAAE,SAAS,uBAAuB,EAAE,CAAA;QACxC,KAAK,EAAE,MAAM,CAAA;QACb,QAAQ,EAAE,MAAM,CAAA;QAChB,SAAS,EAAE,MAAM,CAAA;QACjB,WAAW,EAAE,MAAM,CAAA;QACnB,YAAY,EAAE,MAAM,CAAA;QACpB,UAAU,EAAE,MAAM,CAAA;QAClB,SAAS,EAAE,MAAM,CAAA;QACjB,aAAa,EAAE,MAAM,CAAA;QACrB,SAAS,EAAE,MAAM,CAAA;QACjB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;QAC5B,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;KACzB,CAAA;CACF,CAAA;AAuGD,eAAO,MAAM,sBAAsB,YAAa,6BAA6B,KAAG,cAyE/E,CAAA"}

package/dist/ui/product-media.js

@@ -0,0 +1,67 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@ketvietlab/ketjs-view/jsx-runtime";
+// Product media management for dense ERP records.
+//
+// The product module supplies storage URLs and native POST endpoints. This kit
+// component owns the gallery/table markup so modules can add media without
+// recreating responsive upload and thumbnail behaviour.
+import { each } from '@ketvietlab/ketjs-view';
+import { button, iconButton } from './actions.js';
+import { icon } from './icons.js';
+const variantImages = (options) => options.rows.length ? (_jsx("div", { "data-ui": "table-scroll", "data-product-media-table": "variants", children: _jsxs("table", { "data-ui": "table", children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { "data-ui": "col", "data-priority": "primary", children: options.columns.variant }), _jsx("th", { "data-ui": "col", children: options.columns.primary }), _jsx("th", { "data-ui": "col", children: options.columns.gallery }), _jsx("th", { "data-ui": "col", "data-align": "end", children: options.columns.actions })] }) }), _jsx("tbody", { children: each(options.rows, (row) => row.id, (row) => {
+                    const primary = row.images.find((image) => image.primary) ?? row.images[0];
+                    return (_jsxs("tr", { "data-ui": "row", "data-row": row.id, children: [_jsxs("td", { "data-ui": "cell", "data-priority": "primary", children: [_jsx("strong", { children: row.label }), !!row.detail && _jsx("small", { "data-product-media-detail": "true", children: row.detail })] }), _jsx("td", { "data-ui": "cell", children: primary ? (_jsx("img", { "data-product-media-thumbnail": "primary", src: primary.src, alt: primary.alt })) : (_jsx("span", { "data-product-media-empty": "true", children: "\u2014" })) }), _jsx("td", { "data-ui": "cell", children: _jsxs("div", { "data-ui": "inline", "data-product-media-thumbnails": "true", children: [each(row.images, (image) => image.id, (image) => (_jsx("img", { "data-product-media-thumbnail": "gallery", src: image.src, alt: image.alt }))), iconButton({
+                                            label: options.addLabel,
+                                            icon: 'plus',
+                                            href: row.href,
+                                            variant: 'tertiary',
+                                            size: 'compact',
+                                        })] }) }), _jsx("td", { "data-ui": "cell", "data-align": "end", children: _jsxs("div", { "data-ui": "action-group", role: "group", "aria-label": options.columns.actions, children: [iconButton({
+                                            label: options.editLabel,
+                                            icon: 'pencil',
+                                            href: row.href,
+                                            variant: 'tertiary',
+                                            size: 'compact',
+                                        }), primary?.removeAction ? (_jsx("form", { "data-ui": "record-form", "data-layout": "actions", method: "post", action: primary.removeAction, children: iconButton({
+                                                label: options.removeLabel,
+                                                icon: 'trash-2',
+                                                type: 'submit',
+                                                variant: 'tertiary',
+                                                size: 'compact',
+                                            }) })) : (iconButton({
+                                            label: options.removeLabel,
+                                            icon: 'trash-2',
+                                            variant: 'tertiary',
+                                            size: 'compact',
+                                            disabled: true,
+                                        }))] }) })] }));
+                }) })] }) })) : (_jsx("p", { "data-ui": "section-description", "data-product-media-empty": "true", children: options.empty }));
+export const productMediaManagement = (options) => (_jsxs("div", { "data-ui": "stack", "data-gap": "default", "data-scope": "product-media", children: [_jsxs("section", { "data-ui": "section", "data-product-media-panel": "gallery", children: [_jsxs("header", { "data-ui": "section-head", children: [_jsxs("div", { children: [_jsx("h2", { "data-ui": "section-title", children: options.gallery.title }), _jsx("p", { "data-ui": "section-description", children: options.gallery.description })] }), _jsx("div", { "data-ui": "section-actions", children: button({ label: options.gallery.sortLabel, variant: 'tertiary' }) })] }), _jsxs("div", { "data-ui": "section-body", children: [options.gallery.panel, _jsxs("p", { "data-product-media-hint": "true", children: [icon('info'), _jsx("span", { children: options.gallery.hint })] })] })] }), _jsxs("section", { "data-ui": "section", "data-product-media-panel": "variants", children: [_jsx("header", { "data-ui": "section-head", children: _jsxs("div", { children: [_jsx("h2", { "data-ui": "section-title", children: options.variants.title }), _jsx("p", { "data-ui": "section-description", children: options.variants.description })] }) }), _jsx("div", { "data-ui": "section-body", children: variantImages(options.variants) }), _jsxs("footer", { "data-ui": "inline", "data-product-media-pagination": "true", children: [_jsxs("label", { children: [_jsx("span", { children: options.variants.displayLabel }), _jsx("select", { "data-ui": "form-control", disabled: true, "aria-label": options.variants.displayLabel, children: _jsx("option", { children: "25" }) })] }), _jsx("span", { children: options.variants.rangeLabel }), _jsxs("nav", { "data-ui": "action-group", "aria-label": options.variants.rangeLabel, children: [options.variants.previousHref
+                                    ? iconButton({
+                                        label: options.variants.previousLabel,
+                                        icon: 'chevron-left',
+                                        href: options.variants.previousHref,
+                                        variant: 'tertiary',
+                                    })
+                                    : iconButton({
+                                        label: options.variants.previousLabel,
+                                        icon: 'chevron-left',
+                                        variant: 'tertiary',
+                                        disabled: true,
+                                    }), button({
+                                    label: options.variants.pageLabel,
+                                    variant: 'secondary',
+                                    disabled: true,
+                                }), options.variants.nextHref
+                                    ? iconButton({
+                                        label: options.variants.nextLabel,
+                                        icon: 'chevron-right',
+                                        href: options.variants.nextHref,
+                                        variant: 'tertiary',
+                                    })
+                                    : iconButton({
+                                        label: options.variants.nextLabel,
+                                        icon: 'chevron-right',
+                                        variant: 'tertiary',
+                                        disabled: true,
+                                    })] })] })] })] }));
+//# sourceMappingURL=product-media.js.map

package/dist/ui/product-media.js.map

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

package/dist/ui/product-variants.d.ts

@@ -0,0 +1,68 @@
+import type { JSXChild, TemplateResult } from '@ketvietlab/ketjs-view';
+export type ProductAttributeLineView = {
+    id: string;
+    name: string;
+    values: readonly string[];
+    editHref: string;
+    removeAction: string;
+};
+export type ProductVariantRowView = {
+    id: string;
+    code: string;
+    values: readonly string[];
+    sku: string;
+    price: string;
+    stock: string;
+    active: boolean;
+    stateLabel: string;
+    href: string;
+};
+export type ProductVariantManagementOptions = {
+    attributes: {
+        title: string;
+        description: string;
+        sortLabel: string;
+        columns: {
+            name: string;
+            values: string;
+            actions: string;
+        };
+        lines: readonly ProductAttributeLineView[];
+        empty: string;
+        editLabel: string;
+        removeLabel: string;
+        addLabel: string;
+        addForm: JSXChild;
+    };
+    variants: {
+        title: string;
+        description: string;
+        generateLabel: string;
+        generateAction: string;
+        refreshLabel: string;
+        columns: {
+            code: string;
+            values: string;
+            sku: string;
+            price: string;
+            stock: string;
+            state: string;
+            actions: string;
+        };
+        rows: readonly ProductVariantRowView[];
+        empty: string;
+        editLabel: string;
+        moreLabel: string;
+        selectAllLabel: string;
+        selectRowLabel: string;
+        displayLabel: string;
+        rangeLabel: string;
+        pageLabel: string;
+        previousLabel: string;
+        nextLabel: string;
+        previousHref?: string | null;
+        nextHref?: string | null;
+    };
+};
+export declare const productVariantManagement: (options: ProductVariantManagementOptions) => TemplateResult;
+//# sourceMappingURL=product-variants.d.ts.map

package/dist/ui/product-variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-variants.d.ts","sourceRoot":"","sources":["../../../../../packages/ketsuite/src/ui/product-variants.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAKtE,MAAM,MAAM,wBAAwB,GAAG;IACrC,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,SAAS,MAAM,EAAE,CAAA;IACzB,QAAQ,EAAE,MAAM,CAAA;IAChB,YAAY,EAAE,MAAM,CAAA;CACrB,CAAA;AAED,MAAM,MAAM,qBAAqB,GAAG;IAClC,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,SAAS,MAAM,EAAE,CAAA;IACzB,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,OAAO,CAAA;IACf,UAAU,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,MAAM,MAAM,+BAA+B,GAAG;IAC5C,UAAU,EAAE;QACV,KAAK,EAAE,MAAM,CAAA;QACb,WAAW,EAAE,MAAM,CAAA;QACnB,SAAS,EAAE,MAAM,CAAA;QACjB,OAAO,EAAE;YACP,IAAI,EAAE,MAAM,CAAA;YACZ,MAAM,EAAE,MAAM,CAAA;YACd,OAAO,EAAE,MAAM,CAAA;SAChB,CAAA;QACD,KAAK,EAAE,SAAS,wBAAwB,EAAE,CAAA;QAC1C,KAAK,EAAE,MAAM,CAAA;QACb,SAAS,EAAE,MAAM,CAAA;QACjB,WAAW,EAAE,MAAM,CAAA;QACnB,QAAQ,EAAE,MAAM,CAAA;QAChB,OAAO,EAAE,QAAQ,CAAA;KAClB,CAAA;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,MAAM,CAAA;QACb,WAAW,EAAE,MAAM,CAAA;QACnB,aAAa,EAAE,MAAM,CAAA;QACrB,cAAc,EAAE,MAAM,CAAA;QACtB,YAAY,EAAE,MAAM,CAAA;QACpB,OAAO,EAAE;YACP,IAAI,EAAE,MAAM,CAAA;YACZ,MAAM,EAAE,MAAM,CAAA;YACd,GAAG,EAAE,MAAM,CAAA;YACX,KAAK,EAAE,MAAM,CAAA;YACb,KAAK,EAAE,MAAM,CAAA;YACb,KAAK,EAAE,MAAM,CAAA;YACb,OAAO,EAAE,MAAM,CAAA;SAChB,CAAA;QACD,IAAI,EAAE,SAAS,qBAAqB,EAAE,CAAA;QACtC,KAAK,EAAE,MAAM,CAAA;QACb,SAAS,EAAE,MAAM,CAAA;QACjB,SAAS,EAAE,MAAM,CAAA;QACjB,cAAc,EAAE,MAAM,CAAA;QACtB,cAAc,EAAE,MAAM,CAAA;QACtB,YAAY,EAAE,MAAM,CAAA;QACpB,UAAU,EAAE,MAAM,CAAA;QAClB,SAAS,EAAE,MAAM,CAAA;QACjB,aAAa,EAAE,MAAM,CAAA;QACrB,SAAS,EAAE,MAAM,CAAA;QACjB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;QAC5B,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;KACzB,CAAA;CACF,CAAA;AAkOD,eAAO,MAAM,wBAAwB,YAAa,+BAA+B,KAAG,cAgDnF,CAAA"}

package/dist/ui/product-variants.js

@@ -0,0 +1,81 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "@ketvietlab/ketjs-view/jsx-runtime";
+// The dense attribute and variant editor used by product records.
+//
+// The Product module supplies labels, rows and URLs. This kit component owns the
+// table markup so responsive behaviour and action hit areas do not drift into a
+// one-off screen implementation.
+import { each } from '@ketvietlab/ketjs-view';
+import { button, iconButton, linkButton } from './actions.js';
+import { icon } from './icons.js';
+import { badge, countBadge, inline } from './primitives.js';
+const attributeTable = (options) => (_jsxs(_Fragment, { children: [options.lines.length ? (_jsx("div", { "data-ui": "table-scroll", "data-product-table": "attributes", children: _jsxs("table", { "data-ui": "table", children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { "data-ui": "col", "data-product-grip": "true", "aria-label": options.sortLabel }), _jsx("th", { "data-ui": "col", "data-priority": "primary", children: options.columns.name }), _jsx("th", { "data-ui": "col", children: options.columns.values }), _jsx("th", { "data-ui": "col", "data-align": "end", children: options.columns.actions })] }) }), _jsx("tbody", { children: each(options.lines, (line) => line.id, (line) => (_jsxs("tr", { "data-ui": "row", "data-row": line.id, children: [_jsx("td", { "data-ui": "cell", "data-product-grip": "true", children: icon('grip-vertical') }), _jsx("td", { "data-ui": "cell", "data-priority": "primary", children: _jsx("strong", { children: line.name }) }), _jsx("td", { "data-ui": "cell", "data-product-values": "true", children: inline([
+                                        ...line.values.map((value) => badge(value)),
+                                        countBadge(line.values.length, `${line.name}: ${line.values.length}`),
+                                    ]) }), _jsx("td", { "data-ui": "cell", "data-align": "end", children: _jsxs("div", { "data-ui": "action-group", role: "group", "aria-label": options.columns.actions, children: [iconButton({
+                                                label: options.editLabel,
+                                                icon: 'pencil',
+                                                href: line.editHref,
+                                                variant: 'tertiary',
+                                                size: 'compact',
+                                            }), _jsx("form", { "data-ui": "record-form", "data-layout": "actions", method: "post", action: line.removeAction, children: iconButton({
+                                                    label: options.removeLabel,
+                                                    icon: 'trash-2',
+                                                    type: 'submit',
+                                                    variant: 'tertiary',
+                                                    size: 'compact',
+                                                }) })] }) })] }))) })] }) })) : (_jsx("p", { "data-ui": "section-description", "data-product-empty": "true", children: options.empty })), _jsxs("details", { "data-ui": "surface", "data-product-attribute-add": "true", children: [_jsxs("summary", { children: [icon('plus'), _jsx("span", { children: options.addLabel })] }), _jsx("div", { "data-product-attribute-form": "true", children: options.addForm })] })] }));
+const variantTable = (options) => (_jsxs(_Fragment, { children: [options.rows.length ? (_jsx("div", { "data-ui": "table-scroll", "data-product-table": "variants", children: _jsxs("table", { "data-ui": "table", children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { "data-ui": "select-col", children: _jsx("input", { "data-ui": "select-all", type: "checkbox", autocomplete: "off", "aria-label": options.selectAllLabel }) }), _jsx("th", { "data-ui": "col", "data-priority": "primary", children: options.columns.code }), _jsx("th", { "data-ui": "col", children: options.columns.values }), _jsx("th", { "data-ui": "col", children: options.columns.sku }), _jsx("th", { "data-ui": "col", "data-align": "end", children: options.columns.price }), _jsx("th", { "data-ui": "col", "data-align": "end", children: options.columns.stock }), _jsx("th", { "data-ui": "col", children: options.columns.state }), _jsx("th", { "data-ui": "col", "data-align": "end", children: options.columns.actions })] }) }), _jsx("tbody", { children: each(options.rows, (row) => row.id, (row) => (_jsxs("tr", { "data-ui": "row", "data-row": row.id, "data-row-href": row.href, children: [_jsx("td", { "data-ui": "select-cell", children: _jsx("input", { "data-ui": "row-select", type: "checkbox", autocomplete: "off", "aria-label": `${options.selectRowLabel}: ${row.code}` }) }), _jsx("td", { "data-ui": "cell", "data-priority": "primary", children: _jsx("strong", { children: row.code }) }), _jsx("td", { "data-ui": "cell", "data-product-values": "true", children: row.values.length ? inline(row.values.map((value) => badge(value))) : '—' }), _jsx("td", { "data-ui": "cell", "data-kind": "identifier", children: row.sku }), _jsx("td", { "data-ui": "cell", "data-kind": "currency", "data-align": "end", children: row.price }), _jsx("td", { "data-ui": "cell", "data-kind": "number", "data-align": "end", children: row.stock }), _jsx("td", { "data-ui": "cell", "data-kind": "status", children: badge(row.stateLabel, row.active ? 'positive' : 'neutral', row.active ? 'active' : 'archived') }), _jsx("td", { "data-ui": "cell", "data-align": "end", children: _jsxs("div", { "data-ui": "action-group", role: "group", "aria-label": options.columns.actions, children: [iconButton({
+                                                label: options.editLabel,
+                                                icon: 'pencil',
+                                                href: row.href,
+                                                variant: 'tertiary',
+                                                size: 'compact',
+                                            }), iconButton({
+                                                label: options.moreLabel,
+                                                icon: 'more-horizontal',
+                                                variant: 'tertiary',
+                                                size: 'compact',
+                                                disabled: true,
+                                            })] }) })] }))) })] }) })) : (_jsx("p", { "data-ui": "section-description", "data-product-empty": "true", children: options.empty })), _jsxs("footer", { "data-ui": "inline", "data-product-pagination": "true", children: [_jsxs("label", { children: [_jsx("span", { children: options.displayLabel }), _jsx("select", { "data-ui": "form-control", disabled: true, "aria-label": options.displayLabel, children: _jsx("option", { children: "10" }) })] }), _jsx("span", { children: options.rangeLabel }), _jsxs("nav", { "data-ui": "action-group", "aria-label": options.rangeLabel, children: [options.previousHref
+                            ? iconButton({
+                                label: options.previousLabel,
+                                icon: 'chevron-left',
+                                href: options.previousHref,
+                                variant: 'tertiary',
+                            })
+                            : iconButton({
+                                label: options.previousLabel,
+                                icon: 'chevron-left',
+                                variant: 'tertiary',
+                                disabled: true,
+                            }), linkButton({
+                            label: options.pageLabel,
+                            href: '#',
+                            variant: 'secondary',
+                            disabled: true,
+                        }), options.nextHref
+                            ? iconButton({
+                                label: options.nextLabel,
+                                icon: 'chevron-right',
+                                href: options.nextHref,
+                                variant: 'tertiary',
+                            })
+                            : iconButton({
+                                label: options.nextLabel,
+                                icon: 'chevron-right',
+                                variant: 'tertiary',
+                                disabled: true,
+                            })] })] })] }));
+export const productVariantManagement = (options) => (_jsxs("div", { "data-ui": "stack", "data-gap": "default", "data-scope": "product-variants", children: [_jsxs("section", { "data-ui": "section", "data-product-panel": "attributes", children: [_jsxs("header", { "data-ui": "section-head", children: [_jsxs("div", { children: [_jsx("h2", { "data-ui": "section-title", children: options.attributes.title }), _jsx("p", { "data-ui": "section-description", children: options.attributes.description })] }), _jsx("div", { "data-ui": "section-actions", children: button({ label: options.attributes.sortLabel, icon: 'sliders-horizontal', variant: 'tertiary' }) })] }), _jsx("div", { "data-ui": "section-body", children: attributeTable(options.attributes) })] }), _jsxs("section", { "data-ui": "section", "data-product-panel": "variants", children: [_jsxs("header", { "data-ui": "section-head", children: [_jsxs("div", { children: [_jsx("h2", { "data-ui": "section-title", children: options.variants.title }), _jsx("p", { "data-ui": "section-description", children: options.variants.description })] }), _jsxs("div", { "data-ui": "section-actions", children: [_jsx("form", { id: "product-variant-generate-form", "data-ui": "record-form", "data-layout": "actions", method: "post", action: options.variants.generateAction, children: button({
+                                        label: options.variants.generateLabel,
+                                        icon: 'plus',
+                                        type: 'submit',
+                                        variant: 'primary',
+                                    }) }), iconButton({
+                                    label: options.variants.refreshLabel,
+                                    icon: 'refresh-cw',
+                                    type: 'submit',
+                                    form: 'product-variant-generate-form',
+                                    variant: 'tertiary',
+                                })] })] }), _jsx("div", { "data-ui": "section-body", children: variantTable(options.variants) })] })] }));
+//# sourceMappingURL=product-variants.js.map

package/dist/ui/product-variants.js.map

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

package/dist/ui/record-detail.d.ts

@@ -0,0 +1,70 @@
+import type { JSXChild, TemplateResult } from '@ketvietlab/ketjs-view';
+export declare const HOOKS: readonly ['record-field-grid', 'record-rail', 'record-rail-card', 'record-system-facts', 'record-switches', 'record-switch', 'record-switch-input', 'record-activity-list', 'record-activity-item', 'record-header-actions', 'record-more', 'record-more-open', 'record-more-menu', 'record-save-split'];
+export declare const readonlyField: (options: {
+    id: string;
+    label: string;
+    value?: string;
+    future?: boolean;
+}) => TemplateResult;
+export declare const readonlyTextarea: (options: {
+    id: string;
+    label: string;
+    placeholder?: string;
+    future?: boolean;
+}) => TemplateResult;
+export declare const recordFieldGrid: (options: {
+    fields: readonly JSXChild[];
+}) => TemplateResult;
+export type RecordRailFact = {
+    id: string;
+    label: string;
+    value: string;
+    divider?: boolean;
+};
+export type RecordRailSwitch = {
+    id: string;
+    label: string;
+    icon?: string | null;
+    checked?: boolean;
+    future?: boolean;
+};
+export type RecordRailActivity = {
+    id: string;
+    label: string;
+    detail: string;
+    icon: string;
+    tone?: 'primary' | 'success';
+};
+export declare const recordRail: (options: {
+    system: {
+        title: string;
+        facts: readonly RecordRailFact[];
+    };
+    switches: {
+        title: string;
+        description?: string | null;
+        items: readonly RecordRailSwitch[];
+        actionLabel: string;
+    };
+    activity: {
+        title: string;
+        items: readonly RecordRailActivity[];
+        actionLabel: string;
+    };
+}) => TemplateResult;
+export declare const recordHeaderActions: (options: {
+    label: string;
+    form?: string | null;
+    saveHref?: string | null;
+    more?: JSXChild;
+    moreLabel: string;
+    noteLabel: string;
+    saveLabel: string;
+    saveOptionsLabel: string;
+}) => TemplateResult;
+/** Secondary record actions collapse behind one stable control beside Save. */
+export declare const recordMore: (options: {
+    label: string;
+    body: JSXChild;
+}) => TemplateResult;
+//# sourceMappingURL=record-detail.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"record-detail.d.ts","sourceRoot":"","sources":["../../../../../packages/ketsuite/src/ui/record-detail.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAItE,eAAO,MAAM,KAAK,YAChB,mBAAmB,EACnB,aAAa,EACb,kBAAkB,EAClB,qBAAqB,EACrB,iBAAiB,EACjB,eAAe,EACf,qBAAqB,EACrB,sBAAsB,EACtB,sBAAsB,EACtB,uBAAuB,EACvB,aAAa,EACb,kBAAkB,EAClB,kBAAkB,EAClB,mBAAmB,CACX,CAAA;AAEV,eAAO,MAAM,aAAa,YAAa;IACrC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,KAAG,cAaH,CAAA;AAED,eAAO,MAAM,gBAAgB,YAAa;IACxC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,KAAG,cAUH,CAAA;AAED,eAAO,MAAM,eAAe,YAAa;IAAE,MAAM,EAAE,SAAS,QAAQ,EAAE,CAAA;CAAE,KAAG,cAU1E,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;CAC7B,CAAA;AAED,eAAO,MAAM,UAAU,YAAa;IAClC,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,SAAS,cAAc,EAAE,CAAA;KAAE,CAAA;IAC3D,QAAQ,EAAE;QACR,KAAK,EAAE,MAAM,CAAA;QACb,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;QAC3B,KAAK,EAAE,SAAS,gBAAgB,EAAE,CAAA;QAClC,WAAW,EAAE,MAAM,CAAA;KACpB,CAAA;IACD,QAAQ,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,SAAS,kBAAkB,EAAE,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,CAAA;CACvF,KAAG,cAiEH,CAAA;AAED,eAAO,MAAM,mBAAmB,YAAa;IAC3C,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,gBAAgB,EAAE,MAAM,CAAA;CACzB,KAAG,cAkDH,CAAA;AAED,+EAA+E;AAC/E,eAAO,MAAM,UAAU,YAAa;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,QAAQ,CAAA;CAAE,KAAG,cAYvE,CAAA"}