@ketvietlab/design-system 0.1.9 → 0.1.13

package/dist/interactions/menu/styles.css

@@ -0,0 +1,85 @@
+@layer ket.app {
+  :where([data-kv-design-system]) [data-ui="menu"] {
+    position: relative;
+    display: inline-block;
+  }
+
+  :where([data-kv-design-system]) [data-ui="menu-trigger"] {
+    display: inline-flex;
+    min-height: var(--kv-control-height);
+    align-items: center;
+    justify-content: center;
+    padding: 0 var(--kv-space-3);
+    border: 1px solid var(--kv-border-default);
+    border-radius: var(--kv-radius-sm);
+    background: var(--kv-interactive-bg);
+    color: var(--kv-text-secondary);
+    font-size: var(--kv-text-sm);
+    font-weight: var(--kv-weight-medium);
+    cursor: pointer;
+    list-style: none;
+  }
+
+  :where([data-kv-design-system]) [data-ui="menu-trigger"]::-webkit-details-marker {
+    display: none;
+  }
+
+  :where([data-kv-design-system]) [data-ui="menu-panel"] {
+    position: absolute;
+    z-index: var(--kv-layer-menu);
+    top: calc(100% + var(--kv-space-1));
+    left: 0;
+    display: grid;
+    min-width: 13rem;
+    padding: var(--kv-space-1);
+    border: 1px solid var(--kv-border-default);
+    border-radius: var(--kv-radius-md);
+    background: var(--kv-panel-bg);
+    box-shadow: var(--kv-shadow-popover);
+  }
+
+  :where([data-kv-design-system]) [data-ui="menu"][data-align="end"] [data-ui="menu-panel"] {
+    right: 0;
+    left: auto;
+  }
+
+  :where([data-kv-design-system]) [data-ui="menu-item"] {
+    display: flex;
+    width: 100%;
+    min-height: var(--kv-control-height);
+    align-items: center;
+    gap: var(--kv-space-2);
+    padding: var(--kv-space-2) var(--kv-space-3);
+    border: 0;
+    border-radius: var(--kv-radius-sm);
+    background: transparent;
+    color: var(--kv-text-main);
+    font: inherit;
+    text-align: left;
+    text-decoration: none;
+    cursor: pointer;
+  }
+
+  :where([data-kv-design-system]) [data-ui="menu-item"]:hover {
+    background: var(--kv-interactive-hover);
+  }
+
+  :where([data-kv-design-system]) [data-ui="menu-item"][aria-disabled="true"] {
+    color: var(--kv-text-disabled);
+    cursor: not-allowed;
+  }
+
+  :where([data-kv-design-system]) [data-ui="menu-item"][data-destructive="true"] {
+    color: var(--kv-danger);
+  }
+
+  :where([data-kv-design-system]) [data-ui="menu-item-copy"] {
+    display: grid;
+    gap: var(--kv-space-0-5);
+  }
+
+  :where([data-kv-design-system]) [data-ui="menu-item-copy"] small {
+    color: var(--kv-text-muted);
+    font-size: var(--kv-text-xs);
+  }
+}

package/dist/interactions/popover/index.d.ts

@@ -0,0 +1,15 @@
+import type { JSXChild, TemplateResult } from '@ketvietlab/ketjs-view';
+export declare const HOOKS: readonly ['popover', 'popover-trigger', 'popover-panel', 'popover-close'];
+export type PopoverProps = {
+    id: string;
+    label: string;
+    trigger: JSXChild;
+    body: JSXChild;
+    open: boolean;
+    openHref: string;
+    closeHref: string;
+    closeLabel: string;
+    placement?: 'bottom-start' | 'bottom-end' | 'top-start' | 'top-end';
+};
+export declare const Popover: (props: PopoverProps) => TemplateResult;
+//# sourceMappingURL=index.d.ts.map

package/dist/interactions/popover/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/design-system/src/interactions/popover/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAEtE,eAAO,MAAM,KAAK,YAAI,SAAS,EAAE,iBAAiB,EAAE,eAAe,EAAE,eAAe,CAAU,CAAA;AAE9F,MAAM,MAAM,YAAY,GAAG;IACzB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,QAAQ,CAAA;IACjB,IAAI,EAAE,QAAQ,CAAA;IACd,IAAI,EAAE,OAAO,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,cAAc,GAAG,YAAY,GAAG,WAAW,GAAG,SAAS,CAAA;CACpE,CAAA;AAED,eAAO,MAAM,OAAO,UAAW,YAAY,KAAG,cA0B7C,CAAA"}

package/dist/interactions/popover/index.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@ketvietlab/ketjs-view/jsx-runtime";
+export const HOOKS = ['popover', 'popover-trigger', 'popover-panel', 'popover-close'];
+export const Popover = (props) => (_jsxs("span", { "data-ui": "popover", "data-open": String(props.open), "data-placement": props.placement ?? 'bottom-start', children: [_jsx("a", { "data-ui": "popover-trigger", href: props.open ? props.closeHref : props.openHref, "aria-haspopup": "dialog", "aria-expanded": String(props.open), "aria-controls": `${props.id}-panel`, children: props.trigger }), props.open && (_jsxs("aside", { "data-ui": "popover-panel", id: `${props.id}-panel`, role: "dialog", "aria-label": props.label, tabindex: "-1", children: [_jsx("a", { "data-ui": "popover-close", href: props.closeHref, "aria-label": props.closeLabel, children: "\u00D7" }), props.body] }))] }));
+//# sourceMappingURL=index.js.map

package/dist/interactions/popover/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/design-system/src/interactions/popover/index.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,SAAS,EAAE,iBAAiB,EAAE,eAAe,EAAE,eAAe,CAAU,CAAA;AAc9F,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,KAAmB,EAAkB,EAAE,CAAC,CAC9D,2BAAc,SAAS,eAAY,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,oBAAkB,KAAK,CAAC,SAAS,IAAI,cAAc,aACtG,uBACU,iBAAiB,EACzB,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,mBACrC,QAAQ,mBACP,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,mBAClB,GAAG,KAAK,CAAC,EAAE,QAAQ,YAEjC,KAAK,CAAC,OAAO,GACZ,EACH,KAAK,CAAC,IAAI,IAAI,CACb,4BACU,eAAe,EACvB,EAAE,EAAE,GAAG,KAAK,CAAC,EAAE,QAAQ,EACvB,IAAI,EAAC,QAAQ,gBACD,KAAK,CAAC,KAAK,EACvB,QAAQ,EAAC,IAAI,aAEb,uBAAW,eAAe,EAAC,IAAI,EAAE,KAAK,CAAC,SAAS,gBAAc,KAAK,CAAC,UAAU,uBAE1E,EACH,KAAK,CAAC,IAAI,IACL,CACT,IACI,CACR,CAAA"}

package/dist/interactions/popover/styles.css

@@ -0,0 +1,47 @@
+@layer ket.app {
+  :where([data-kv-design-system]) [data-ui="popover"] {
+    position: relative;
+    display: inline-flex;
+  }
+
+  :where([data-kv-design-system]) [data-ui="popover-trigger"] {
+    display: inline-flex;
+    color: inherit;
+    text-decoration: none;
+  }
+
+  :where([data-kv-design-system]) [data-ui="popover-panel"] {
+    position: absolute;
+    z-index: var(--kv-layer-popover);
+    top: calc(100% + var(--kv-space-2));
+    left: 0;
+    width: min(20rem, calc(100vw - var(--kv-space-8)));
+    padding: var(--kv-space-4);
+    border: 1px solid var(--kv-border-default);
+    border-radius: var(--kv-radius-md);
+    background: var(--kv-panel-bg);
+    box-shadow: var(--kv-shadow-popover);
+  }
+
+  :where([data-kv-design-system]) [data-ui="popover-panel"][data-runtime-positioned="true"] {
+    position: fixed;
+  }
+
+  :where([data-kv-design-system]) [data-ui="popover"][data-placement$="end"] [data-ui="popover-panel"] {
+    right: 0;
+    left: auto;
+  }
+
+  :where([data-kv-design-system]) [data-ui="popover"][data-placement^="top"] [data-ui="popover-panel"] {
+    top: auto;
+    bottom: calc(100% + var(--kv-space-2));
+  }
+
+  :where([data-kv-design-system]) [data-ui="popover-close"] {
+    position: absolute;
+    top: var(--kv-space-2);
+    right: var(--kv-space-2);
+    color: var(--kv-text-muted);
+    text-decoration: none;
+  }
+}

package/dist/interactions/skeleton/index.d.ts

@@ -0,0 +1,7 @@
+import type { TemplateResult } from '@ketvietlab/ketjs-view';
+export declare const HOOKS: readonly ['skeleton', 'skeleton-line'];
+export declare const Skeleton: (props: {
+    label: string;
+    lines?: number;
+}) => TemplateResult;
+//# sourceMappingURL=index.d.ts.map

package/dist/interactions/skeleton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/design-system/src/interactions/skeleton/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAE5D,eAAO,MAAM,KAAK,YAAI,UAAU,EAAE,eAAe,CAAU,CAAA;AAE3D,eAAO,MAAM,QAAQ,UAAW;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,KAAG,cAUnE,CAAA"}

package/dist/interactions/skeleton/index.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "@ketvietlab/ketjs-view/jsx-runtime";
+import { each } from '@ketvietlab/ketjs-view';
+export const HOOKS = ['skeleton', 'skeleton-line'];
+export const Skeleton = (props) => (_jsx("div", { "data-ui": "skeleton", role: "status", "aria-label": props.label, children: each(Array.from({ length: Math.max(1, props.lines ?? 3) }), (_, index) => index, (_, index) => (_jsx("span", { "data-ui": "skeleton-line", "data-line": String(index + 1) }))) }));
+//# sourceMappingURL=index.js.map

package/dist/interactions/skeleton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/design-system/src/interactions/skeleton/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAA;AAG7C,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,UAAU,EAAE,eAAe,CAAU,CAAA;AAE3D,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAwC,EAAkB,EAAE,CAAC,CACpF,yBAAa,UAAU,EAAC,IAAI,EAAC,QAAQ,gBAAa,KAAK,CAAC,KAAK,YAC1D,IAAI,CACH,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,KAAK,IAAI,CAAC,CAAC,EAAE,CAAC,EACrD,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,EACnB,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CACZ,0BAAc,eAAe,eAAY,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,GAAI,CAC/D,CACF,GACG,CACP,CAAA"}

package/dist/interactions/skeleton/styles.css

@@ -0,0 +1,32 @@
+@layer ket.app {
+  :where([data-kv-design-system]) [data-ui="skeleton"] {
+    display: grid;
+    gap: var(--kv-space-2);
+  }
+
+  :where([data-kv-design-system]) [data-ui="skeleton-line"] {
+    height: 0.7rem;
+    border-radius: var(--kv-radius-xs);
+    background: linear-gradient(
+      90deg,
+      var(--kv-color-surface-subtle),
+      var(--kv-color-line),
+      var(--kv-color-surface-subtle)
+    );
+    background-size: 200% 100%;
+    animation: kv-skeleton-shimmer 1.5s var(--kv-ease-default) infinite;
+  }
+
+  :where([data-kv-design-system]) [data-ui="skeleton-line"][data-line="2"] {
+    width: 82%;
+  }
+  :where([data-kv-design-system]) [data-ui="skeleton-line"][data-line="3"] {
+    width: 58%;
+  }
+
+  @keyframes kv-skeleton-shimmer {
+    to {
+      background-position: -200% 0;
+    }
+  }
+}

package/dist/interactions/spinner/index.d.ts

@@ -0,0 +1,7 @@
+import type { TemplateResult } from '@ketvietlab/ketjs-view';
+export declare const HOOKS: readonly ['spinner', 'visually-hidden'];
+export declare const Spinner: (props: {
+    label: string;
+    size?: 'small' | 'default' | 'large';
+}) => TemplateResult;
+//# sourceMappingURL=index.d.ts.map

package/dist/interactions/spinner/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/design-system/src/interactions/spinner/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAE5D,eAAO,MAAM,KAAK,YAAI,SAAS,EAAE,iBAAiB,CAAU,CAAA;AAE5D,eAAO,MAAM,OAAO,UAAW;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAAA;CAAE,KAAG,cAIxF,CAAA"}

package/dist/interactions/spinner/index.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "@ketvietlab/ketjs-view/jsx-runtime";
+export const HOOKS = ['spinner', 'visually-hidden'];
+export const Spinner = (props) => (_jsx("span", { "data-ui": "spinner", "data-size": props.size ?? 'default', role: "status", children: _jsx("span", { "data-ui": "visually-hidden", children: props.label }) }));
+//# sourceMappingURL=index.js.map

package/dist/interactions/spinner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/design-system/src/interactions/spinner/index.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,SAAS,EAAE,iBAAiB,CAAU,CAAA;AAE5D,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,KAA8D,EAAkB,EAAE,CAAC,CACzG,0BAAc,SAAS,eAAY,KAAK,CAAC,IAAI,IAAI,SAAS,EAAE,IAAI,EAAC,QAAQ,YACvE,0BAAc,iBAAiB,YAAE,KAAK,CAAC,KAAK,GAAQ,GAC/C,CACR,CAAA"}

package/dist/interactions/spinner/styles.css

@@ -0,0 +1,38 @@
+@layer ket.app {
+  :where([data-kv-design-system]) [data-ui="spinner"] {
+    display: inline-block;
+    width: 1rem;
+    height: 1rem;
+    border: 2px solid currentcolor;
+    border-right-color: transparent;
+    border-radius: 50%;
+    animation: kv-spinner-spin var(--kv-duration-slow) linear infinite;
+  }
+
+  :where([data-kv-design-system]) [data-ui="spinner"][data-size="small"] {
+    width: 0.75rem;
+    height: 0.75rem;
+  }
+  :where([data-kv-design-system]) [data-ui="spinner"][data-size="large"] {
+    width: 1.5rem;
+    height: 1.5rem;
+    border-width: 3px;
+  }
+
+  :where([data-kv-design-system]) [data-ui="visually-hidden"] {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border: 0;
+  }
+
+  @keyframes kv-spinner-spin {
+    to {
+      transform: rotate(360deg);
+    }
+  }
+}

package/dist/interactions/toast/index.d.ts

@@ -0,0 +1,16 @@
+import type { JSXChild, TemplateResult } from '@ketvietlab/ketjs-view';
+import type { Tone } from '../../primitives/status/index.tsx';
+export declare const HOOKS: readonly ['toast-region', 'toast', 'toast-copy', 'toast-title', 'toast-message', 'toast-actions'];
+export type ToastProps = {
+    id: string;
+    title: string;
+    message?: string;
+    tone?: Tone;
+    actions?: JSXChild;
+};
+export declare const Toast: (props: ToastProps) => TemplateResult;
+export declare const ToastRegion: (props: {
+    label: string;
+    toasts: readonly ToastProps[];
+}) => TemplateResult;
+//# sourceMappingURL=index.d.ts.map

package/dist/interactions/toast/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/design-system/src/interactions/toast/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AACtE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,mCAAmC,CAAA;AAE7D,eAAO,MAAM,KAAK,YAChB,cAAc,EACd,OAAO,EACP,YAAY,EACZ,aAAa,EACb,eAAe,EACf,eAAe,CACP,CAAA;AAEV,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,OAAO,CAAC,EAAE,QAAQ,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,KAAK,UAAW,UAAU,KAAG,cAYzC,CAAA;AAED,eAAO,MAAM,WAAW,UAAW;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,SAAS,UAAU,EAAE,CAAA;CAAE,KAAG,cAUrF,CAAA"}

package/dist/interactions/toast/index.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@ketvietlab/ketjs-view/jsx-runtime";
+import { each } from '@ketvietlab/ketjs-view';
+export const HOOKS = [
+    'toast-region',
+    'toast',
+    'toast-copy',
+    'toast-title',
+    'toast-message',
+    'toast-actions',
+];
+export const Toast = (props) => (_jsxs("article", { "data-ui": "toast", "data-tone": props.tone ?? 'neutral', role: props.tone === 'danger' ? 'alert' : 'status', children: [_jsxs("div", { "data-ui": "toast-copy", children: [_jsx("strong", { "data-ui": "toast-title", children: props.title }), props.message && _jsx("p", { "data-ui": "toast-message", children: props.message })] }), props.actions !== undefined && _jsx("div", { "data-ui": "toast-actions", children: props.actions })] }));
+export const ToastRegion = (props) => (_jsx("section", { "data-ui": "toast-region", "aria-label": props.label, "aria-live": "polite", "aria-relevant": "additions text", children: each(props.toasts, (toast) => toast.id, (toast) => (_jsx(Toast, { ...toast }))) }));
+//# sourceMappingURL=index.js.map

package/dist/interactions/toast/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/design-system/src/interactions/toast/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAA;AAI7C,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,cAAc;IACd,OAAO;IACP,YAAY;IACZ,aAAa;IACb,eAAe;IACf,eAAe;CACP,CAAA;AAUV,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,KAAiB,EAAkB,EAAE,CAAC,CAC1D,8BACU,OAAO,eACJ,KAAK,CAAC,IAAI,IAAI,SAAS,EAClC,IAAI,EAAE,KAAK,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,aAElD,0BAAa,YAAY,aACvB,4BAAgB,aAAa,YAAE,KAAK,CAAC,KAAK,GAAU,EACnD,KAAK,CAAC,OAAO,IAAI,uBAAW,eAAe,YAAE,KAAK,CAAC,OAAO,GAAK,IAC5D,EACL,KAAK,CAAC,OAAO,KAAK,SAAS,IAAI,yBAAa,eAAe,YAAE,KAAK,CAAC,OAAO,GAAO,IAC1E,CACX,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAuD,EAAkB,EAAE,CAAC,CACtG,6BAAiB,cAAc,gBAAa,KAAK,CAAC,KAAK,eAAY,QAAQ,mBAAe,gBAAgB,YACvG,IAAI,CACH,KAAK,CAAC,MAAM,EACZ,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,EACnB,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,KAAC,KAAK,OAAK,KAAK,GAAI,CACrB,CACF,GACO,CACX,CAAA"}

package/dist/interactions/toast/styles.css

@@ -0,0 +1,64 @@
+@layer ket.app {
+  :where([data-kv-design-system]) [data-ui="toast-region"] {
+    position: fixed;
+    z-index: var(--kv-layer-toast);
+    right: var(--kv-space-5);
+    bottom: var(--kv-space-5);
+    display: grid;
+    width: min(24rem, calc(100vw - var(--kv-space-8)));
+    gap: var(--kv-space-2);
+    pointer-events: none;
+  }
+
+  :where([data-kv-design-system]) [data-ui="toast"] {
+    display: grid;
+    grid-template-columns: minmax(0, 1fr) auto;
+    align-items: start;
+    gap: var(--kv-space-3);
+    padding: var(--kv-space-3) var(--kv-space-4);
+    border: 1px solid var(--kv-border-default);
+    border-left: 3px solid var(--kv-text-muted);
+    border-radius: var(--kv-radius-md);
+    background: var(--kv-panel-bg);
+    box-shadow: var(--kv-shadow-popover);
+    pointer-events: auto;
+  }
+
+  :where([data-kv-design-system]) [data-ui="toast"][data-tone="positive"] {
+    border-left-color: var(--kv-positive);
+  }
+  :where([data-kv-design-system]) [data-ui="toast"][data-tone="warning"] {
+    border-left-color: var(--kv-warning);
+  }
+  :where([data-kv-design-system]) [data-ui="toast"][data-tone="danger"] {
+    border-left-color: var(--kv-danger);
+  }
+  :where([data-kv-design-system]) [data-ui="toast"][data-tone="info"] {
+    border-left-color: var(--kv-info);
+  }
+
+  :where([data-kv-design-system]) [data-ui="toast-copy"] {
+    display: grid;
+    gap: var(--kv-space-1);
+  }
+  :where([data-kv-design-system]) [data-ui="toast-title"] {
+    font-size: var(--kv-text-sm);
+  }
+  :where([data-kv-design-system]) [data-ui="toast-message"] {
+    margin: 0;
+    color: var(--kv-text-secondary);
+    font-size: var(--kv-text-sm);
+  }
+  :where([data-kv-design-system]) [data-ui="toast-actions"] {
+    min-width: 0;
+  }
+
+  @media (max-width: 42rem) {
+    :where([data-kv-design-system]) [data-ui="toast-region"] {
+      right: var(--kv-space-4);
+      bottom: max(var(--kv-space-4), env(safe-area-inset-bottom));
+      left: var(--kv-space-4);
+      width: auto;
+    }
+  }
+}

package/dist/interactions/tooltip/index.d.ts

@@ -0,0 +1,9 @@
+import type { JSXChild, TemplateResult } from '@ketvietlab/ketjs-view';
+export declare const HOOKS: readonly ['tooltip', 'tooltip-trigger', 'tooltip-content'];
+export declare const Tooltip: (props: {
+    id: string;
+    text: string;
+    trigger: JSXChild;
+    placement?: 'top' | 'right' | 'bottom' | 'left';
+}) => TemplateResult;
+//# sourceMappingURL=index.d.ts.map

package/dist/interactions/tooltip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/design-system/src/interactions/tooltip/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAEtE,eAAO,MAAM,KAAK,YAAI,SAAS,EAAE,iBAAiB,EAAE,iBAAiB,CAAU,CAAA;AAE/E,eAAO,MAAM,OAAO,UAAW;IAC7B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,QAAQ,CAAA;IACjB,SAAS,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAA;CAChD,KAAG,cASH,CAAA"}

package/dist/interactions/tooltip/index.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@ketvietlab/ketjs-view/jsx-runtime";
+export const HOOKS = ['tooltip', 'tooltip-trigger', 'tooltip-content'];
+export const Tooltip = (props) => (_jsxs("span", { "data-ui": "tooltip", "data-placement": props.placement ?? 'top', children: [_jsx("span", { "data-ui": "tooltip-trigger", "aria-describedby": props.id, children: props.trigger }), _jsx("span", { "data-ui": "tooltip-content", id: props.id, role: "tooltip", children: props.text })] }));
+//# sourceMappingURL=index.js.map

package/dist/interactions/tooltip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/design-system/src/interactions/tooltip/index.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,SAAS,EAAE,iBAAiB,EAAE,iBAAiB,CAAU,CAAA;AAE/E,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,KAKvB,EAAkB,EAAE,CAAC,CACpB,2BAAc,SAAS,oBAAiB,KAAK,CAAC,SAAS,IAAI,KAAK,aAC9D,0BAAc,iBAAiB,sBAAmB,KAAK,CAAC,EAAE,YACvD,KAAK,CAAC,OAAO,GACT,EACP,0BAAc,iBAAiB,EAAC,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,IAAI,EAAC,SAAS,YACzD,KAAK,CAAC,IAAI,GACN,IACF,CACR,CAAA"}

package/dist/interactions/tooltip/styles.css

@@ -0,0 +1,65 @@
+@layer ket.app {
+  :where([data-kv-design-system]) [data-ui="tooltip"] {
+    position: relative;
+    display: inline-flex;
+  }
+
+  :where([data-kv-design-system]) [data-ui="tooltip-trigger"] {
+    display: inline-flex;
+  }
+
+  :where([data-kv-design-system]) [data-ui="tooltip-content"] {
+    position: absolute;
+    z-index: var(--kv-layer-popover);
+    bottom: calc(100% + var(--kv-space-2));
+    left: 50%;
+    width: max-content;
+    max-width: 16rem;
+    padding: var(--kv-space-1-5) var(--kv-space-2);
+    border-radius: var(--kv-radius-sm);
+    opacity: 0;
+    background: var(--kv-text-main);
+    color: var(--kv-panel-bg);
+    font-size: var(--kv-text-xs);
+    pointer-events: none;
+    transform: translate(-50%, var(--kv-space-1));
+    transition:
+      opacity var(--kv-motion-fast),
+      transform var(--kv-motion-fast);
+  }
+
+  :where([data-kv-design-system]) [data-ui="tooltip"][data-placement="bottom"] [data-ui="tooltip-content"] {
+    top: calc(100% + var(--kv-space-2));
+    bottom: auto;
+    transform: translate(-50%, calc(-1 * var(--kv-space-1)));
+  }
+
+  :where([data-kv-design-system]) [data-ui="tooltip"][data-placement="left"] [data-ui="tooltip-content"] {
+    top: 50%;
+    right: calc(100% + var(--kv-space-2));
+    bottom: auto;
+    left: auto;
+    transform: translate(var(--kv-space-1), -50%);
+  }
+
+  :where([data-kv-design-system]) [data-ui="tooltip"][data-placement="right"] [data-ui="tooltip-content"] {
+    top: 50%;
+    bottom: auto;
+    left: calc(100% + var(--kv-space-2));
+    transform: translate(calc(-1 * var(--kv-space-1)), -50%);
+  }
+
+  :where([data-kv-design-system]) [data-ui="tooltip"]:is(:hover, :focus-within) [data-ui="tooltip-content"] {
+    opacity: 1;
+    transform: translate(-50%, 0);
+  }
+
+  :where([data-kv-design-system])
+    [data-ui="tooltip"][data-placement="left"]:is(:hover, :focus-within)
+    [data-ui="tooltip-content"],
+  :where([data-kv-design-system])
+    [data-ui="tooltip"][data-placement="right"]:is(:hover, :focus-within)
+    [data-ui="tooltip-content"] {
+    transform: translate(0, -50%);
+  }
+}

package/dist/layouts/app-navigation/index.d.ts

@@ -0,0 +1,63 @@
+import type { JSXChild, TemplateResult } from '@ketvietlab/ketjs-view';
+export declare const HOOKS: readonly ['app-navigation', 'navigation-trigger', 'navigation-trigger-icon', 'navigation-trigger-identity', 'navigation-trigger-label', 'navigation-layer', 'navigation-backdrop', 'navigation-drawer', 'navigation-header', 'navigation-identity', 'navigation-context', 'navigation-close', 'navigation-groups', 'navigation-group', 'navigation-group-label', 'navigation-items', 'navigation-item', 'navigation-branch', 'navigation-branch-trigger', 'navigation-children', 'navigation-item-leading', 'navigation-item-copy', 'navigation-item-label', 'navigation-item-description', 'navigation-item-count', 'navigation-footer'];
+type NavigationItemBase = {
+    id: string;
+    label: string;
+    leading?: JSXChild;
+    description?: string;
+    count?: number;
+};
+export type NavigationItemData = NavigationItemBase & ({
+    href: string;
+    active?: boolean;
+    children?: never;
+    expanded?: never;
+} | {
+    href?: never;
+    active?: never;
+    children: readonly NavigationItemData[];
+    expanded?: boolean;
+});
+export type NavigationGroupData = {
+    id: string;
+    label?: string;
+    items: readonly NavigationItemData[];
+};
+export type AppNavigationProps = {
+    id: string;
+    label: string;
+    identity: JSXChild;
+    groups: readonly NavigationGroupData[];
+    context?: JSXChild;
+    footer?: JSXChild;
+    menuLabel?: string;
+    closeLabel?: string;
+    open?: boolean;
+};
+export declare const NavigationTrigger: (props: {
+    controls: string;
+    label: string;
+    identity: JSXChild;
+    open?: boolean;
+}) => TemplateResult;
+export declare const NavigationHeader: (props: {
+    identity: JSXChild;
+    context?: JSXChild;
+    closeLabel: string;
+}) => TemplateResult;
+export declare const NavigationItem: (props: NavigationItemData) => TemplateResult;
+export declare const NavigationGroup: (props: NavigationGroupData & {
+    branchGroup?: string;
+}) => TemplateResult;
+export declare const NavigationDrawer: (props: {
+    id: string;
+    label: string;
+    identity: JSXChild;
+    groups: readonly NavigationGroupData[];
+    context?: JSXChild;
+    footer?: JSXChild;
+    closeLabel: string;
+}) => TemplateResult;
+export declare const AppNavigation: (props: AppNavigationProps) => TemplateResult;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/layouts/app-navigation/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/design-system/src/layouts/app-navigation/index.tsx"],"names":[],"mappings":"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"}

package/dist/layouts/app-navigation/index.js

@@ -0,0 +1,50 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "@ketvietlab/ketjs-view/jsx-runtime";
+import { each } from '@ketvietlab/ketjs-view';
+export const HOOKS = [
+    'app-navigation',
+    'navigation-trigger',
+    'navigation-trigger-icon',
+    'navigation-trigger-identity',
+    'navigation-trigger-label',
+    'navigation-layer',
+    'navigation-backdrop',
+    'navigation-drawer',
+    'navigation-header',
+    'navigation-identity',
+    'navigation-context',
+    'navigation-close',
+    'navigation-groups',
+    'navigation-group',
+    'navigation-group-label',
+    'navigation-items',
+    'navigation-item',
+    'navigation-branch',
+    'navigation-branch-trigger',
+    'navigation-children',
+    'navigation-item-leading',
+    'navigation-item-copy',
+    'navigation-item-label',
+    'navigation-item-description',
+    'navigation-item-count',
+    'navigation-footer',
+];
+export const NavigationTrigger = (props) => (_jsxs("summary", { "data-ui": "navigation-trigger", "aria-controls": props.controls, "data-open": props.open === true ? 'true' : 'false', children: [_jsxs("span", { "data-ui": "navigation-trigger-icon", "aria-hidden": "true", children: [_jsx("span", {}), _jsx("span", {}), _jsx("span", {})] }), _jsx("span", { "data-ui": "navigation-trigger-identity", children: props.identity }), _jsx("span", { "data-ui": "navigation-trigger-label", children: props.label })] }));
+export const NavigationHeader = (props) => (_jsxs("header", { "data-ui": "navigation-header", children: [_jsxs("div", { children: [_jsx("div", { "data-ui": "navigation-identity", children: props.identity }), props.context !== undefined && _jsx("div", { "data-ui": "navigation-context", children: props.context })] }), _jsx("button", { "data-ui": "navigation-close", type: "button", "aria-label": props.closeLabel, children: _jsx("span", { "aria-hidden": "true" }) })] }));
+const NavigationItemContent = (props) => (_jsxs(_Fragment, { children: [props.item.leading !== undefined && (_jsx("span", { "data-ui": "navigation-item-leading", "aria-hidden": "true", children: props.item.leading })), _jsxs("span", { "data-ui": "navigation-item-copy", children: [_jsx("span", { "data-ui": "navigation-item-label", children: props.item.label }), props.item.description !== undefined && (_jsx("span", { "data-ui": "navigation-item-description", children: props.item.description }))] }), props.item.count !== undefined && (_jsx("span", { "data-ui": "navigation-item-count", children: String(props.item.count) }))] }));
+const hasActiveItem = (item) => item.active === true || item.children?.some(hasActiveItem) === true;
+const renderNavigationItem = (props, branchGroup, level) => {
+    if (props.children !== undefined) {
+        const open = props.expanded === true || hasActiveItem(props);
+        return (_jsxs("details", { "data-ui": "navigation-branch", "data-level": String(level), name: branchGroup, open: open, children: [_jsx("summary", { "data-ui": "navigation-branch-trigger", children: _jsx(NavigationItemContent, { item: props }) }), _jsx("div", { "data-ui": "navigation-children", "data-level": String(level + 1), children: each(props.children, (item) => item.id, (item) => renderNavigationItem(item, `${props.id}-branches`, level + 1)) })] }));
+    }
+    return (_jsx("a", { "data-ui": "navigation-item", "data-active": props.active === true ? 'true' : null, "data-level": String(level), href: props.href, "aria-current": props.active === true ? 'page' : null, children: _jsx(NavigationItemContent, { item: props }) }));
+};
+export const NavigationItem = (props) => (_jsx(_Fragment, { children: renderNavigationItem(props, `${props.id}-root-branches`, 1) }));
+export const NavigationGroup = (props) => (_jsxs("section", { "data-ui": "navigation-group", "aria-labelledby": props.label ? `${props.id}-label` : null, children: [props.label !== undefined && (_jsx("h2", { "data-ui": "navigation-group-label", id: `${props.id}-label`, children: props.label })), _jsx("div", { "data-ui": "navigation-items", children: each(props.items, (item) => item.id, (item) => renderNavigationItem(item, props.branchGroup ?? `${props.id}-branches`, 1)) })] }));
+export const NavigationDrawer = (props) => (_jsxs("div", { "data-ui": "navigation-layer", children: [_jsx("button", { "data-ui": "navigation-backdrop", type: "button", "aria-label": props.closeLabel, tabIndex: -1 }), _jsxs("div", { "data-ui": "navigation-drawer", id: props.id, "data-navigation-label": props.label, tabIndex: -1, children: [_jsx(NavigationHeader, { identity: props.identity, context: props.context, closeLabel: props.closeLabel }), _jsx("nav", { "data-ui": "navigation-groups", "aria-label": props.label, children: each(props.groups, (group) => group.id, (group) => (_jsx(NavigationGroup, { ...group, id: `${props.id}-${group.id}`, branchGroup: `${props.id}-branches` }))) }), props.footer !== undefined && _jsx("footer", { "data-ui": "navigation-footer", children: props.footer })] })] }));
+export const AppNavigation = (props) => {
+    const drawerId = `${props.id}-drawer`;
+    const closeLabel = props.closeLabel ?? 'Close navigation';
+    return (_jsxs("details", { "data-ui": "app-navigation", "data-navigation-id": props.id, open: props.open === true, children: [_jsx(NavigationTrigger, { controls: drawerId, label: props.menuLabel ?? 'Menu', identity: props.identity, open: props.open }), _jsx(NavigationDrawer, { id: drawerId, label: props.label, identity: props.identity, groups: props.groups, context: props.context, footer: props.footer, closeLabel: closeLabel })] }));
+};
+//# sourceMappingURL=index.js.map

package/dist/layouts/app-navigation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/design-system/src/layouts/app-navigation/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAA;AAG7C,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,gBAAgB;IAChB,oBAAoB;IACpB,yBAAyB;IACzB,6BAA6B;IAC7B,0BAA0B;IAC1B,kBAAkB;IAClB,qBAAqB;IACrB,mBAAmB;IACnB,mBAAmB;IACnB,qBAAqB;IACrB,oBAAoB;IACpB,kBAAkB;IAClB,mBAAmB;IACnB,kBAAkB;IAClB,wBAAwB;IACxB,kBAAkB;IAClB,iBAAiB;IACjB,mBAAmB;IACnB,2BAA2B;IAC3B,qBAAqB;IACrB,yBAAyB;IACzB,sBAAsB;IACtB,uBAAuB;IACvB,6BAA6B;IAC7B,uBAAuB;IACvB,mBAAmB;CACX,CAAA;AAkCV,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,KAKjC,EAAkB,EAAE,CAAC,CACpB,8BACU,oBAAoB,mBACb,KAAK,CAAC,QAAQ,eAClB,KAAK,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,aAEjD,2BAAc,yBAAyB,iBAAa,MAAM,aACxD,gBAAQ,EACR,gBAAQ,EACR,gBAAQ,IACH,EACP,0BAAc,6BAA6B,YAAE,KAAK,CAAC,QAAQ,GAAQ,EACnE,0BAAc,0BAA0B,YAAE,KAAK,CAAC,KAAK,GAAQ,IACrD,CACX,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAIhC,EAAkB,EAAE,CAAC,CACpB,6BAAgB,mBAAmB,aACjC,0BACE,yBAAa,qBAAqB,YAAE,KAAK,CAAC,QAAQ,GAAO,EACxD,KAAK,CAAC,OAAO,KAAK,SAAS,IAAI,yBAAa,oBAAoB,YAAE,KAAK,CAAC,OAAO,GAAO,IACnF,EACN,4BAAgB,kBAAkB,EAAC,IAAI,EAAC,QAAQ,gBAAa,KAAK,CAAC,UAAU,YAC3E,8BAAkB,MAAM,GAAG,GACpB,IACF,CACV,CAAA;AAED,MAAM,qBAAqB,GAAG,CAAC,KAAmC,EAAkB,EAAE,CAAC,CACrF,8BACG,KAAK,CAAC,IAAI,CAAC,OAAO,KAAK,SAAS,IAAI,CACnC,0BAAc,yBAAyB,iBAAa,MAAM,YACvD,KAAK,CAAC,IAAI,CAAC,OAAO,GACd,CACR,EACD,2BAAc,sBAAsB,aAClC,0BAAc,uBAAuB,YAAE,KAAK,CAAC,IAAI,CAAC,KAAK,GAAQ,EAC9D,KAAK,CAAC,IAAI,CAAC,WAAW,KAAK,SAAS,IAAI,CACvC,0BAAc,6BAA6B,YAAE,KAAK,CAAC,IAAI,CAAC,WAAW,GAAQ,CAC5E,IACI,EACN,KAAK,CAAC,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,CACjC,0BAAc,uBAAuB,YAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,GAAQ,CACxE,IACA,CACJ,CAAA;AAED,MAAM,aAAa,GAAG,CAAC,IAAwB,EAAW,EAAE,CAC1D,IAAI,CAAC,MAAM,KAAK,IAAI,IAAI,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,aAAa,CAAC,KAAK,IAAI,CAAA;AAErE,MAAM,oBAAoB,GAAG,CAC3B,KAAyB,EACzB,WAAmB,EACnB,KAAa,EACG,EAAE;IAClB,IAAI,KAAK,CAAC,QAAQ,KAAK,SAAS,EAAE,CAAC;QACjC,MAAM,IAAI,GAAG,KAAK,CAAC,QAAQ,KAAK,IAAI,IAAI,aAAa,CAAC,KAAK,CAAC,CAAA;QAC5D,OAAO,CACL,8BAAiB,mBAAmB,gBAAa,MAAM,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,aAC3F,6BAAiB,2BAA2B,YAC1C,KAAC,qBAAqB,IAAC,IAAI,EAAE,KAAK,GAAI,GAC9B,EACV,yBAAa,qBAAqB,gBAAa,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,YAC7D,IAAI,CACH,KAAK,CAAC,QAAQ,EACd,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,EACjB,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAoB,CAAC,IAAI,EAAE,GAAG,KAAK,CAAC,EAAE,WAAW,EAAE,KAAK,GAAG,CAAC,CAAC,CACxE,GACG,IACE,CACX,CAAA;IACH,CAAC;IACD,OAAO,CACL,uBACU,iBAAiB,iBACZ,KAAK,CAAC,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,gBACtC,MAAM,CAAC,KAAK,CAAC,EACzB,IAAI,EAAE,KAAK,CAAC,IAAI,kBACF,KAAK,CAAC,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,YAEnD,KAAC,qBAAqB,IAAC,IAAI,EAAE,KAAK,GAAI,GACpC,CACL,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAyB,EAAkB,EAAE,CAAC,CAC3E,4BAAG,oBAAoB,CAAC,KAAK,EAAE,GAAG,KAAK,CAAC,EAAE,gBAAgB,EAAE,CAAC,CAAC,GAAI,CACnE,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAAqD,EAAkB,EAAE,CAAC,CACxG,8BAAiB,kBAAkB,qBAAkB,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,aAC1F,KAAK,CAAC,KAAK,KAAK,SAAS,IAAI,CAC5B,wBAAY,wBAAwB,EAAC,EAAE,EAAE,GAAG,KAAK,CAAC,EAAE,QAAQ,YACzD,KAAK,CAAC,KAAK,GACT,CACN,EACD,yBAAa,kBAAkB,YAC5B,IAAI,CACH,KAAK,CAAC,KAAK,EACX,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,EACjB,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAoB,CAAC,IAAI,EAAE,KAAK,CAAC,WAAW,IAAI,GAAG,KAAK,CAAC,EAAE,WAAW,EAAE,CAAC,CAAC,CACrF,GACG,IACE,CACX,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAQhC,EAAkB,EAAE,CAAC,CACpB,0BAAa,kBAAkB,aAC7B,4BAAgB,qBAAqB,EAAC,IAAI,EAAC,QAAQ,gBAAa,KAAK,CAAC,UAAU,EAAE,QAAQ,EAAE,CAAC,CAAC,GAAI,EAClG,0BAAa,mBAAmB,EAAC,EAAE,EAAE,KAAK,CAAC,EAAE,2BAAyB,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC,aAC7F,KAAC,gBAAgB,IAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,UAAU,EAAE,KAAK,CAAC,UAAU,GAAI,EACpG,yBAAa,mBAAmB,gBAAa,KAAK,CAAC,KAAK,YACrD,IAAI,CACH,KAAK,CAAC,MAAM,EACZ,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,EACnB,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,KAAC,eAAe,OAAK,KAAK,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC,EAAE,IAAI,KAAK,CAAC,EAAE,EAAE,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC,EAAE,WAAW,GAAI,CACnG,CACF,GACG,EACL,KAAK,CAAC,MAAM,KAAK,SAAS,IAAI,4BAAgB,mBAAmB,YAAE,KAAK,CAAC,MAAM,GAAU,IACtF,IACF,CACP,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAkB,EAAE;IACzE,MAAM,QAAQ,GAAG,GAAG,KAAK,CAAC,EAAE,SAAS,CAAA;IACrC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,IAAI,kBAAkB,CAAA;IACzD,OAAO,CACL,8BAAiB,gBAAgB,wBAAqB,KAAK,CAAC,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,KAAK,IAAI,aACvF,KAAC,iBAAiB,IAChB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,CAAC,SAAS,IAAI,MAAM,EAChC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,IAAI,EAAE,KAAK,CAAC,IAAI,GAChB,EACF,KAAC,gBAAgB,IACf,EAAE,EAAE,QAAQ,EACZ,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,UAAU,EAAE,UAAU,GACtB,IACM,CACX,CAAA;AACH,CAAC,CAAA"}