@ketvietlab/design-system 0.1.25 → 0.1.29

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

@@ -1,5 +1,5 @@
 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-supplementary', '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 declare const HOOKS: readonly ['app-navigation', 'navigation-trigger', 'navigation-toggle', '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-supplementary', '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;
@@ -26,7 +26,9 @@ export type NavigationGroupData = {
 export type AppNavigationProps = {
     id: string;
     label: string;
-    identity: JSXChild;
+    identity?: JSXChild;
+    /** A topbar may provide NavigationToggle while this component owns the drawer. */
+    externalTrigger?: boolean;
     groups: readonly NavigationGroupData[];
     context?: JSXChild;
     supplementary?: JSXChild;
@@ -39,11 +41,11 @@ export type AppNavigationProps = {
 export declare const NavigationTrigger: (props: {
     controls: string;
     label: string;
-    identity: JSXChild;
+    identity?: JSXChild;
     open?: boolean;
 }) => TemplateResult;
 export declare const NavigationHeader: (props: {
-    identity: JSXChild;
+    identity?: JSXChild;
     context?: JSXChild;
     closeLabel: string;
 }) => TemplateResult;
@@ -54,7 +56,7 @@ export declare const NavigationGroup: (props: NavigationGroupData & {
 export declare const NavigationDrawer: (props: {
     id: string;
     label: string;
-    identity: JSXChild;
+    identity?: JSXChild;
     groups: readonly NavigationGroupData[];
     context?: JSXChild;
     supplementary?: JSXChild;
@@ -63,5 +65,9 @@ export declare const NavigationDrawer: (props: {
     closeLabel: string;
 }) => TemplateResult;
 export declare const AppNavigation: (props: AppNavigationProps) => TemplateResult;
+export declare const NavigationToggle: (props: {
+    controls: string;
+    label: string;
+}) => TemplateResult;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

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

@@ -3,6 +3,7 @@ import { each } from '@ketvietlab/ketjs-view';
 export const HOOKS = [
     'app-navigation',
     'navigation-trigger',
+    'navigation-toggle',
     'navigation-trigger-icon',
     'navigation-trigger-identity',
     'navigation-trigger-label',
@@ -30,7 +31,7 @@ export const HOOKS = [
     '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" }) })] }));
+export const NavigationHeader = (props) => (_jsxs("header", { "data-ui": "navigation-header", children: [_jsxs("div", { children: [props.identity !== undefined && _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) => {
@@ -42,10 +43,11 @@ const renderNavigationItem = (props, branchGroup, level) => {
 };
 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 }), _jsxs("nav", { "data-ui": "navigation-groups", "aria-label": props.label, "data-ket-slot": props.navigationSlot, children: [each(props.groups, (group) => group.id, (group) => (_jsx(NavigationGroup, { ...group, id: `${props.id}-${group.id}`, branchGroup: `${props.id}-branches` }))), props.supplementary !== undefined && (_jsx("div", { "data-ui": "navigation-supplementary", children: props.supplementary }))] }), props.footer !== undefined && _jsx("footer", { "data-ui": "navigation-footer", children: props.footer })] })] }));
+export const NavigationDrawer = (props) => (_jsxs("div", { "data-ui": "navigation-layer", children: [_jsx("button", { "data-ui": "navigation-backdrop", type: "button", "aria-label": props.closeLabel, "aria-hidden": "true", 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 }), _jsxs("nav", { "data-ui": "navigation-groups", "aria-label": props.label, "data-ket-slot": props.navigationSlot, children: [each(props.groups, (group) => group.id, (group) => (_jsx(NavigationGroup, { ...group, id: `${props.id}-${group.id}`, branchGroup: `${props.id}-branches` }))), props.supplementary !== undefined && (_jsx("div", { "data-ui": "navigation-supplementary", children: props.supplementary }))] }), 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, supplementary: props.supplementary, footer: props.footer, navigationSlot: props.navigationSlot, closeLabel: closeLabel })] }));
+    return (_jsxs("details", { "data-ui": "app-navigation", "data-navigation-id": props.id, "data-external-trigger": props.externalTrigger ? 'true' : null, 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, supplementary: props.supplementary, footer: props.footer, navigationSlot: props.navigationSlot, closeLabel: closeLabel })] }));
 };
+export const NavigationToggle = (props) => (_jsx("button", { "data-ui": "navigation-toggle", type: "button", "aria-controls": props.controls, "aria-label": props.label, "aria-expanded": "false", children: _jsx("svg", { viewBox: "0 0 24 24", width: "20", height: "20", fill: "none", stroke: "currentColor", "stroke-width": "1.8", "aria-hidden": "true", children: _jsx("path", { d: "M4 6h16M4 12h16M4 18h16" }) }) }));
 //# sourceMappingURL=index.js.map

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

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

package/dist/layouts/app-navigation/styles.css

@@ -370,3 +370,53 @@
     }
   }
 }
+
+@layer ket.app {
+  :where([data-kv-design-system]) [data-ui="navigation-toggle"] {
+    display: none;
+  }
+  :where([data-kv-design-system])
+    [data-ui="navigation-header"]:not(:has([data-ui="navigation-identity"], [data-ui="navigation-context"])) {
+    display: none;
+  }
+  :where([data-kv-design-system])
+    [data-ui="app-navigation"][data-external-trigger="true"]
+    > [data-ui="navigation-trigger"] {
+    display: none;
+  }
+  @media (max-width: 48rem) {
+    :where([data-kv-design-system]) [data-ui="navigation-toggle"] {
+      display: grid;
+      place-items: center;
+      width: var(--kv-touch-target);
+      height: var(--kv-touch-target);
+      flex: 0 0 var(--kv-touch-target);
+      padding: 0;
+      border: 0;
+      border-radius: var(--kv-radius-sm);
+      background: transparent;
+      color: inherit;
+      cursor: pointer;
+    }
+    :where([data-kv-design-system])
+      [data-ui="navigation-header"]:not(
+        :has([data-ui="navigation-identity"], [data-ui="navigation-context"])
+      ) {
+      display: flex;
+      justify-content: flex-end;
+    }
+  }
+}
+
+@layer ket.app {
+  @media (max-width: 48rem) {
+    :where([data-kv-design-system])
+      [data-ui="app-navigation"]
+      :is([data-ui="navigation-close"], [data-ui="navigation-item"], [data-ui="navigation-branch-trigger"]) {
+      min-height: var(--kv-touch-target);
+    }
+    :where([data-kv-design-system]) [data-ui="navigation-close"] {
+      min-inline-size: var(--kv-touch-target);
+    }
+  }
+}

package/dist/layouts/page-identity/index.d.ts

@@ -7,6 +7,8 @@ export type PageIdentityProps = {
     description?: string | null;
     status?: JSXChild;
     actions?: JSXChild;
+    /** Retain action content while removing an empty or conditional identity slot from layout. */
+    actionsHidden?: boolean;
     meta?: JSXChild;
 };
 type PageIdentityContentProps = PageIdentityProps & {

package/dist/layouts/page-identity/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/design-system/src/layouts/page-identity/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAEtE,MAAM,MAAM,gBAAgB,GACxB,MAAM,GACN,WAAW,GACX,aAAa,GACb,WAAW,GACX,gBAAgB,GAChB,gBAAgB,GAChB,YAAY,CAAA;AAEhB,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,CAAC,EAAE,QAAQ,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,MAAM,CAAC,EAAE,QAAQ,CAAA;IACjB,OAAO,CAAC,EAAE,QAAQ,CAAA;IAClB,IAAI,CAAC,EAAE,QAAQ,CAAA;CAChB,CAAA;AAED,KAAK,wBAAwB,GAAG,iBAAiB,GAAG;IAClD,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B,CAAA;AAED,+EAA+E;AAC/E,eAAO,MAAM,mBAAmB,SACxB,gBAAgB,SACf,wBAAwB,KAC9B,cA8CF,CAAA;AAED,eAAO,MAAM,YAAY,SAAU,gBAAgB,SAAS,iBAAiB,KAAG,cAW/E,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/design-system/src/layouts/page-identity/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAEtE,MAAM,MAAM,gBAAgB,GACxB,MAAM,GACN,WAAW,GACX,aAAa,GACb,WAAW,GACX,gBAAgB,GAChB,gBAAgB,GAChB,YAAY,CAAA;AAEhB,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,CAAC,EAAE,QAAQ,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,MAAM,CAAC,EAAE,QAAQ,CAAA;IACjB,OAAO,CAAC,EAAE,QAAQ,CAAA;IAClB,8FAA8F;IAC9F,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,IAAI,CAAC,EAAE,QAAQ,CAAA;CAChB,CAAA;AAED,KAAK,wBAAwB,GAAG,iBAAiB,GAAG;IAClD,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B,CAAA;AAED,+EAA+E;AAC/E,eAAO,MAAM,mBAAmB,SACxB,gBAAgB,SACf,wBAAwB,KAC9B,cAkDF,CAAA;AAED,eAAO,MAAM,YAAY,SAAU,gBAAgB,SAAS,iBAAiB,KAAG,cAW/E,CAAA"}

package/dist/layouts/page-identity/index.js

@@ -1,6 +1,6 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "@ketvietlab/ketjs-view/jsx-runtime";
 /** The single identity band shared by every full-page component and recipe. */
-export const pageIdentityContent = (kind, props) => (_jsxs(_Fragment, { children: [_jsxs("div", { "data-ui": `${kind}-heading`, "data-kv-page-identity": "heading", children: [!!props.eyebrow && (_jsx("p", { "data-ui": `${kind}-eyebrow`, "data-kv-page-identity": "eyebrow", children: props.eyebrow })), _jsxs("div", { "data-ui": `${kind}-title-row`, "data-kv-page-identity": "title-row", children: [_jsx("h1", { "data-ui": `${kind}-title`, "data-kv-page-identity": "title", children: props.title }), props.actions !== undefined && (_jsx("div", { "data-ui": `${kind}-actions`, "data-kv-page-identity": "actions", children: props.actions }))] }), (props.groupDescription || props.status !== undefined) &&
+export const pageIdentityContent = (kind, props) => (_jsxs(_Fragment, { children: [_jsxs("div", { "data-ui": `${kind}-heading`, "data-kv-page-identity": "heading", children: [!!props.eyebrow && (_jsx("p", { "data-ui": `${kind}-eyebrow`, "data-kv-page-identity": "eyebrow", children: props.eyebrow })), _jsxs("div", { "data-ui": `${kind}-title-row`, "data-kv-page-identity": "title-row", children: [_jsx("h1", { "data-ui": `${kind}-title`, "data-kv-page-identity": "title", children: props.title }), props.actions !== undefined && (_jsx("div", { "data-ui": `${kind}-actions`, "data-kv-page-identity": "actions", hidden: props.actionsHidden === true, children: props.actions }))] }), (props.groupDescription || props.status !== undefined) &&
                     (!!props.description || props.status !== undefined) ? (_jsxs("div", { "data-ui": `${kind}-subline`, "data-kv-page-identity": "subline", children: [!!props.description && (_jsx("p", { "data-ui": `${kind}-description`, "data-kv-page-identity": "description", children: props.description })), props.status !== undefined && (_jsx("span", { "data-ui": `${kind}-status`, "data-kv-page-identity": "status", children: props.status }))] })) : (!!props.description && (_jsx("p", { "data-ui": `${kind}-description`, "data-kv-page-identity": "description", children: props.description })))] }), props.meta !== undefined && (_jsx("div", { "data-ui": `${kind}-meta`, "data-kv-page-identity": "meta", children: props.meta }))] }));
-export const pageIdentity = (kind, props) => (_jsxs(_Fragment, { children: [props.context !== undefined && (_jsx("div", { "data-ui": `${kind}-context`, "data-kv-page-identity": "context", children: props.context })), _jsx("header", { "data-ui": `${kind}-header`, "data-kv-page-identity": "header", children: pageIdentityContent(kind, props) })] }));
+export const pageIdentity = (kind, props) => (_jsxs(_Fragment, { children: [props.context != null && (_jsx("div", { "data-ui": `${kind}-context`, "data-kv-page-identity": "context", children: props.context })), _jsx("header", { "data-ui": `${kind}-header`, "data-kv-page-identity": "header", children: pageIdentityContent(kind, props) })] }));
 //# sourceMappingURL=index.js.map

package/dist/layouts/page-identity/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/design-system/src/layouts/page-identity/index.tsx"],"names":[],"mappings":";AAyBA,+EAA+E;AAC/E,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,IAAsB,EACtB,KAA+B,EACf,EAAE,CAAC,CACnB,8BACE,0BAAc,GAAG,IAAI,UAAU,2BAAwB,SAAS,aAC7D,CAAC,CAAC,KAAK,CAAC,OAAO,IAAI,CAClB,uBAAY,GAAG,IAAI,UAAU,2BAAwB,SAAS,YAC3D,KAAK,CAAC,OAAO,GACZ,CACL,EACD,0BAAc,GAAG,IAAI,YAAY,2BAAwB,WAAW,aAClE,wBAAa,GAAG,IAAI,QAAQ,2BAAwB,OAAO,YACxD,KAAK,CAAC,KAAK,GACT,EACJ,KAAK,CAAC,OAAO,KAAK,SAAS,IAAI,CAC9B,yBAAc,GAAG,IAAI,UAAU,2BAAwB,SAAS,YAC7D,KAAK,CAAC,OAAO,GACV,CACP,IACG,EACL,CAAC,KAAK,CAAC,gBAAgB,IAAI,KAAK,CAAC,MAAM,KAAK,SAAS,CAAC;oBACvD,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,CACpD,0BAAc,GAAG,IAAI,UAAU,2BAAwB,SAAS,aAC7D,CAAC,CAAC,KAAK,CAAC,WAAW,IAAI,CACtB,uBAAY,GAAG,IAAI,cAAc,2BAAwB,aAAa,YACnE,KAAK,CAAC,WAAW,GAChB,CACL,EACA,KAAK,CAAC,MAAM,KAAK,SAAS,IAAI,CAC7B,0BAAe,GAAG,IAAI,SAAS,2BAAwB,QAAQ,YAC5D,KAAK,CAAC,MAAM,GACR,CACR,IACG,CACP,CAAC,CAAC,CAAC,CACF,CAAC,CAAC,KAAK,CAAC,WAAW,IAAI,CACrB,uBAAY,GAAG,IAAI,cAAc,2BAAwB,aAAa,YACnE,KAAK,CAAC,WAAW,GAChB,CACL,CACF,IACG,EACL,KAAK,CAAC,IAAI,KAAK,SAAS,IAAI,CAC3B,yBAAc,GAAG,IAAI,OAAO,2BAAwB,MAAM,YACvD,KAAK,CAAC,IAAI,GACP,CACP,IACA,CACJ,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,IAAsB,EAAE,KAAwB,EAAkB,EAAE,CAAC,CAChG,8BACG,KAAK,CAAC,OAAO,KAAK,SAAS,IAAI,CAC9B,yBAAc,GAAG,IAAI,UAAU,2BAAwB,SAAS,YAC7D,KAAK,CAAC,OAAO,GACV,CACP,EACD,4BAAiB,GAAG,IAAI,SAAS,2BAAwB,QAAQ,YAC9D,mBAAmB,CAAC,IAAI,EAAE,KAAK,CAAC,GAC1B,IACR,CACJ,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/design-system/src/layouts/page-identity/index.tsx"],"names":[],"mappings":";AA2BA,+EAA+E;AAC/E,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,IAAsB,EACtB,KAA+B,EACf,EAAE,CAAC,CACnB,8BACE,0BAAc,GAAG,IAAI,UAAU,2BAAwB,SAAS,aAC7D,CAAC,CAAC,KAAK,CAAC,OAAO,IAAI,CAClB,uBAAY,GAAG,IAAI,UAAU,2BAAwB,SAAS,YAC3D,KAAK,CAAC,OAAO,GACZ,CACL,EACD,0BAAc,GAAG,IAAI,YAAY,2BAAwB,WAAW,aAClE,wBAAa,GAAG,IAAI,QAAQ,2BAAwB,OAAO,YACxD,KAAK,CAAC,KAAK,GACT,EACJ,KAAK,CAAC,OAAO,KAAK,SAAS,IAAI,CAC9B,yBACW,GAAG,IAAI,UAAU,2BACJ,SAAS,EAC/B,MAAM,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,YAEnC,KAAK,CAAC,OAAO,GACV,CACP,IACG,EACL,CAAC,KAAK,CAAC,gBAAgB,IAAI,KAAK,CAAC,MAAM,KAAK,SAAS,CAAC;oBACvD,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,CACpD,0BAAc,GAAG,IAAI,UAAU,2BAAwB,SAAS,aAC7D,CAAC,CAAC,KAAK,CAAC,WAAW,IAAI,CACtB,uBAAY,GAAG,IAAI,cAAc,2BAAwB,aAAa,YACnE,KAAK,CAAC,WAAW,GAChB,CACL,EACA,KAAK,CAAC,MAAM,KAAK,SAAS,IAAI,CAC7B,0BAAe,GAAG,IAAI,SAAS,2BAAwB,QAAQ,YAC5D,KAAK,CAAC,MAAM,GACR,CACR,IACG,CACP,CAAC,CAAC,CAAC,CACF,CAAC,CAAC,KAAK,CAAC,WAAW,IAAI,CACrB,uBAAY,GAAG,IAAI,cAAc,2BAAwB,aAAa,YACnE,KAAK,CAAC,WAAW,GAChB,CACL,CACF,IACG,EACL,KAAK,CAAC,IAAI,KAAK,SAAS,IAAI,CAC3B,yBAAc,GAAG,IAAI,OAAO,2BAAwB,MAAM,YACvD,KAAK,CAAC,IAAI,GACP,CACP,IACA,CACJ,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,IAAsB,EAAE,KAAwB,EAAkB,EAAE,CAAC,CAChG,8BACG,KAAK,CAAC,OAAO,IAAI,IAAI,IAAI,CACxB,yBAAc,GAAG,IAAI,UAAU,2BAAwB,SAAS,YAC7D,KAAK,CAAC,OAAO,GACV,CACP,EACD,4BAAiB,GAAG,IAAI,SAAS,2BAAwB,QAAQ,YAC9D,mBAAmB,CAAC,IAAI,EAAE,KAAK,CAAC,GAC1B,IACR,CACJ,CAAA"}

package/dist/layouts/shell/index.d.ts

@@ -1,12 +1,45 @@
 import type { JSXChild, TemplateResult } from '@ketvietlab/ketjs-view';
 import { type PageIdentityProps } from '../page-identity/index.tsx';
-export declare const HOOKS: readonly ['app-shell', 'app-sidebar', 'app-main', 'app-right-rail', 'page', 'page-context', 'page-header', 'page-heading', 'page-eyebrow', 'page-title-row', 'page-title', 'page-description', 'page-subline', 'page-status', 'page-actions', 'page-meta', 'page-body', 'record-canvas', 'record-content', 'record-section', 'record-section-title'];
+export declare const HOOKS: readonly ['app-shell', 'app-shell-topbar', 'app-topbar', 'app-location-bar', 'app-location-context', 'app-brand', 'app-topbar-brand', 'app-topbar-context', 'global-search-trigger', 'global-search-trigger-label', 'global-search-shortcut', 'global-search-dialog', 'global-search', 'global-search-input', 'global-search-submit', 'app-sidebar', 'app-main', 'app-right-rail', 'page', 'page-context', 'page-header', 'page-heading', 'page-eyebrow', 'page-title-row', 'page-title', 'page-description', 'page-subline', 'page-status', 'page-actions', 'page-meta', 'page-body', 'record-canvas', 'record-content', 'record-section', 'record-section-title'];
 export declare const AppShell: (props: {
+    topbar?: JSXChild;
+    location?: JSXChild;
     sidebar: JSXChild;
     main: JSXChild;
     rightRail?: JSXChild;
     mode?: 'viewport' | 'embedded';
 }) => TemplateResult;
+export declare const AppBrand: (props: {
+    label: string;
+    href: string;
+    image?: string;
+    darkImage?: string;
+    imageFit?: 'contain' | 'cover';
+}) => TemplateResult;
+/** Application identity and a compact launcher for a native GET search dialog. */
+export declare const AppTopbar: (props: {
+    brand?: {
+        label: string;
+        href: string;
+        image?: string;
+    };
+    /** A location strip stays inside the main column, beside the sidebar identity. */
+    location?: JSXChild;
+    navigation?: JSXChild;
+    context?: JSXChild;
+    tools?: JSXChild;
+    search: {
+        id?: string;
+        action: string;
+        label: string;
+        triggerLabel?: string;
+        closeLabel?: string;
+        placeholder: string;
+        submitLabel: string;
+        query?: string;
+        locale?: string;
+    };
+}) => TemplateResult;
 export type PageHeaderProps = Omit<PageIdentityProps, 'context'>;
 export declare const PageHeader: (props: PageHeaderProps) => TemplateResult;
 export type PageProps = PageIdentityProps & {

package/dist/layouts/shell/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/design-system/src/layouts/shell/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AACtE,OAAO,EAAqC,KAAK,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAEtG,eAAO,MAAM,KAAK,YAChB,WAAW,EACX,aAAa,EACb,UAAU,EACV,gBAAgB,EAChB,MAAM,EACN,cAAc,EACd,aAAa,EACb,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,YAAY,EACZ,kBAAkB,EAClB,cAAc,EACd,aAAa,EACb,cAAc,EACd,WAAW,EACX,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,gBAAgB,EAChB,sBAAsB,CACd,CAAA;AAEV,eAAO,MAAM,QAAQ,UAAW;IAC9B,OAAO,EAAE,QAAQ,CAAA;IACjB,IAAI,EAAE,QAAQ,CAAA;IACd,SAAS,CAAC,EAAE,QAAQ,CAAA;IACpB,IAAI,CAAC,EAAE,UAAU,GAAG,UAAU,CAAA;CAC/B,KAAG,cAcH,CAAA;AAED,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAAA;AAEhE,eAAO,MAAM,UAAU,UAAW,eAAe,KAAG,cAInD,CAAA;AAED,MAAM,MAAM,SAAS,GAAG,iBAAiB,GAAG;IAC1C,IAAI,EAAE,QAAQ,CAAA;CACf,CAAA;AAED,eAAO,MAAM,IAAI,UAAW,SAAS,KAAG,cAQvC,CAAA;AAED,eAAO,MAAM,YAAY,UAAW;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,KAAG,cAIxD,CAAA;AAED,eAAO,MAAM,aAAa,UAAW;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,KAAG,cAKhF,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/design-system/src/layouts/shell/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAEtE,OAAO,EAAqC,KAAK,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAEtG,eAAO,MAAM,KAAK,YAChB,WAAW,EACX,kBAAkB,EAClB,YAAY,EACZ,kBAAkB,EAClB,sBAAsB,EACtB,WAAW,EACX,kBAAkB,EAClB,oBAAoB,EACpB,uBAAuB,EACvB,6BAA6B,EAC7B,wBAAwB,EACxB,sBAAsB,EACtB,eAAe,EACf,qBAAqB,EACrB,sBAAsB,EACtB,aAAa,EACb,UAAU,EACV,gBAAgB,EAChB,MAAM,EACN,cAAc,EACd,aAAa,EACb,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,YAAY,EACZ,kBAAkB,EAClB,cAAc,EACd,aAAa,EACb,cAAc,EACd,WAAW,EACX,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,gBAAgB,EAChB,sBAAsB,CACd,CAAA;AAEV,eAAO,MAAM,QAAQ,UAAW;IAC9B,MAAM,CAAC,EAAE,QAAQ,CAAA;IACjB,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,OAAO,EAAE,QAAQ,CAAA;IACjB,IAAI,EAAE,QAAQ,CAAA;IACd,SAAS,CAAC,EAAE,QAAQ,CAAA;IACpB,IAAI,CAAC,EAAE,UAAU,GAAG,UAAU,CAAA;CAC/B,KAAG,cAuBH,CAAA;AAiBD,eAAO,MAAM,QAAQ,UAAW;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;CAC/B,KAAG,cASH,CAAA;AAED,kFAAkF;AAClF,eAAO,MAAM,SAAS,UAAW;IAC/B,KAAK,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IACvD,kFAAkF;IAClF,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,UAAU,CAAC,EAAE,QAAQ,CAAA;IACrB,OAAO,CAAC,EAAE,QAAQ,CAAA;IAClB,KAAK,CAAC,EAAE,QAAQ,CAAA;IAChB,MAAM,EAAE;QACN,EAAE,CAAC,EAAE,MAAM,CAAA;QACX,MAAM,EAAE,MAAM,CAAA;QACd,KAAK,EAAE,MAAM,CAAA;QACb,YAAY,CAAC,EAAE,MAAM,CAAA;QACrB,UAAU,CAAC,EAAE,MAAM,CAAA;QACnB,WAAW,EAAE,MAAM,CAAA;QACnB,WAAW,EAAE,MAAM,CAAA;QACnB,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,MAAM,CAAC,EAAE,MAAM,CAAA;KAChB,CAAA;CACF,KAAG,cA6EH,CAAA;AAED,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAAA;AAEhE,eAAO,MAAM,UAAU,UAAW,eAAe,KAAG,cAInD,CAAA;AAED,MAAM,MAAM,SAAS,GAAG,iBAAiB,GAAG;IAC1C,IAAI,EAAE,QAAQ,CAAA;CACf,CAAA;AAED,eAAO,MAAM,IAAI,UAAW,SAAS,KAAG,cAQvC,CAAA;AAED,eAAO,MAAM,YAAY,UAAW;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,KAAG,cAIxD,CAAA;AAED,eAAO,MAAM,aAAa,UAAW;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,KAAG,cAKhF,CAAA"}

package/dist/layouts/shell/index.js

@@ -1,7 +1,22 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@ketvietlab/ketjs-view/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "@ketvietlab/ketjs-view/jsx-runtime";
+import { ModalSheet } from '../../patterns/modal-sheet/index.js';
 import { pageIdentity, pageIdentityContent } from '../page-identity/index.js';
 export const HOOKS = [
     'app-shell',
+    'app-shell-topbar',
+    'app-topbar',
+    'app-location-bar',
+    'app-location-context',
+    'app-brand',
+    'app-topbar-brand',
+    'app-topbar-context',
+    'global-search-trigger',
+    'global-search-trigger-label',
+    'global-search-shortcut',
+    'global-search-dialog',
+    'global-search',
+    'global-search-input',
+    'global-search-submit',
     'app-sidebar',
     'app-main',
     'app-right-rail',
@@ -23,7 +38,16 @@ export const HOOKS = [
     'record-section',
     'record-section-title',
 ];
-export const AppShell = (props) => (_jsxs("div", { "data-ui": "app-shell", "data-has-right-rail": String(props.rightRail !== undefined), "data-mode": props.mode ?? 'viewport', children: [_jsx("aside", { "data-ui": "app-sidebar", children: props.sidebar }), props.mode === 'embedded' ? (_jsx("div", { "data-ui": "app-main", children: props.main })) : (_jsx("main", { "data-ui": "app-main", children: props.main })), props.rightRail !== undefined && _jsx("aside", { "data-ui": "app-right-rail", children: props.rightRail })] }));
+export const AppShell = (props) => (_jsxs("div", { "data-ui": "app-shell", "data-has-right-rail": String(props.rightRail !== undefined), "data-has-location": props.location !== undefined ? 'true' : null, "data-has-topbar": props.topbar !== undefined ? 'true' : null, "data-mode": props.mode ?? 'viewport', children: [props.topbar !== undefined && _jsx("div", { "data-ui": "app-shell-topbar", children: props.topbar }), _jsx("aside", { "data-ui": "app-sidebar", children: props.sidebar }), props.mode === 'embedded' ? (_jsxs("div", { "data-ui": "app-main", children: [props.location, props.main] })) : (_jsxs("main", { "data-ui": "app-main", children: [props.location, props.main] })), props.rightRail !== undefined && _jsx("aside", { "data-ui": "app-right-rail", children: props.rightRail })] }));
+const SearchIcon = () => (_jsxs("svg", { viewBox: "0 0 24 24", width: "18", height: "18", fill: "none", stroke: "currentColor", "stroke-width": "1.8", "aria-hidden": "true", children: [_jsx("circle", { cx: "10.5", cy: "10.5", r: "6.5" }), _jsx("path", { d: "m16 16 4.5 4.5" })] }));
+export const AppBrand = (props) => (_jsxs("a", { "data-ui": "app-brand", "data-image-fit": props.imageFit, href: props.href, "aria-label": props.label, children: [props.image ? (_jsx("img", { src: props.image, alt: props.label, "data-appearance": props.darkImage ? 'light' : undefined })) : (props.label), props.darkImage && _jsx("img", { src: props.darkImage, alt: props.label, "data-appearance": "dark" })] }));
+/** Application identity and a compact launcher for a native GET search dialog. */
+export const AppTopbar = (props) => {
+    const id = props.search.id ?? 'app-global-search';
+    const href = `${props.search.action}${props.search.action.includes('?') ? '&' : '?'}${props.search.locale ? `lang=${encodeURIComponent(props.search.locale)}&` : ''}q=${encodeURIComponent(props.search.query ?? '')}`;
+    const form = (_jsxs("form", { "data-ui": "global-search", role: "search", "aria-label": props.search.label, action: props.search.action, method: "get", children: [props.search.locale ? _jsx("input", { type: "hidden", name: "lang", value: props.search.locale }) : null, _jsx("input", { "data-ui": "global-search-input", type: "search", name: "q", value: props.search.query ?? '', placeholder: props.search.placeholder, "aria-label": props.search.label, autocomplete: "off", maxlength: 200 }), _jsx("button", { "data-ui": "global-search-submit", type: "submit", "aria-label": props.search.submitLabel, title: props.search.submitLabel, children: _jsx(SearchIcon, {}) })] }));
+    return (_jsxs(_Fragment, { children: [_jsxs("header", { "data-ui": props.location !== undefined ? 'app-location-bar' : 'app-topbar', children: [props.navigation, props.brand && (_jsx("a", { "data-ui": "app-topbar-brand", href: props.brand.href, "aria-label": props.brand.label, children: props.brand.image ? _jsx("img", { src: props.brand.image, alt: props.brand.label }) : props.brand.label })), props.location !== undefined && _jsx("div", { "data-ui": "app-location-context", children: props.location }), props.context != null && _jsx("div", { "data-ui": "app-topbar-context", children: props.context }), _jsxs("a", { "data-ui": "global-search-trigger", href: href, "aria-label": props.search.label, "aria-haspopup": "dialog", "aria-controls": id, "aria-expanded": "false", title: props.search.label, children: [_jsx(SearchIcon, {}), _jsx("span", { "data-ui": "global-search-trigger-label", children: props.search.triggerLabel ?? props.search.label }), _jsx("kbd", { "data-ui": "global-search-shortcut", hidden: true, children: "Ctrl K" })] }), props.tools] }), _jsxs("dialog", { "data-ui": "global-search-dialog", id: id, "aria-labelledby": `${id}-sheet-title`, children: [form, _jsx("template", { children: _jsx(ModalSheet, { id: `${id}-sheet`, title: props.search.label, closeLabel: props.search.closeLabel ?? 'Close', mode: "client", presentation: "dialog", dialogSemantics: "parent", body: null }) })] }), _jsx("noscript", { children: form })] }));
+};
 export const PageHeader = (props) => (_jsx("header", { "data-ui": "page-header", "data-kv-page-identity": "header", children: pageIdentityContent('page', props) }));
 export const Page = (props) => {
     const { body, ...identity } = props;

package/dist/layouts/shell/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/design-system/src/layouts/shell/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAA0B,MAAM,2BAA4B,CAAA;AAEtG,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,WAAW;IACX,aAAa;IACb,UAAU;IACV,gBAAgB;IAChB,MAAM;IACN,cAAc;IACd,aAAa;IACb,cAAc;IACd,cAAc;IACd,gBAAgB;IAChB,YAAY;IACZ,kBAAkB;IAClB,cAAc;IACd,aAAa;IACb,cAAc;IACd,WAAW;IACX,WAAW;IACX,eAAe;IACf,gBAAgB;IAChB,gBAAgB;IAChB,sBAAsB;CACd,CAAA;AAEV,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAKxB,EAAkB,EAAE,CAAC,CACpB,0BACU,WAAW,yBACE,MAAM,CAAC,KAAK,CAAC,SAAS,KAAK,SAAS,CAAC,eAC/C,KAAK,CAAC,IAAI,IAAI,UAAU,aAEnC,2BAAe,aAAa,YAAE,KAAK,CAAC,OAAO,GAAS,EACnD,KAAK,CAAC,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,CAC3B,yBAAa,UAAU,YAAE,KAAK,CAAC,IAAI,GAAO,CAC3C,CAAC,CAAC,CAAC,CACF,0BAAc,UAAU,YAAE,KAAK,CAAC,IAAI,GAAQ,CAC7C,EACA,KAAK,CAAC,SAAS,KAAK,SAAS,IAAI,2BAAe,gBAAgB,YAAE,KAAK,CAAC,SAAS,GAAS,IACvF,CACP,CAAA;AAID,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAkB,EAAE,CAAC,CACpE,4BAAgB,aAAa,2BAAuB,QAAQ,YACzD,mBAAmB,CAAC,MAAM,EAAE,KAAK,CAAC,GAC5B,CACV,CAAA;AAMD,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAgB,EAAkB,EAAE;IACvD,MAAM,EAAE,IAAI,EAAE,GAAG,QAAQ,EAAE,GAAG,KAAK,CAAA;IACnC,OAAO,CACL,8BAAiB,MAAM,aACpB,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,EAC/B,yBAAa,WAAW,YAAE,IAAI,GAAO,IAC7B,CACX,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAyB,EAAkB,EAAE,CAAC,CACzE,yBAAa,eAAe,YAC1B,yBAAa,gBAAgB,YAAE,KAAK,CAAC,IAAI,GAAO,GAC5C,CACP,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAgD,EAAkB,EAAE,CAAC,CACjG,8BAAiB,gBAAgB,aAC9B,CAAC,CAAC,KAAK,CAAC,KAAK,IAAI,wBAAY,sBAAsB,YAAE,KAAK,CAAC,KAAK,GAAM,EACtE,KAAK,CAAC,IAAI,IACH,CACX,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/design-system/src/layouts/shell/index.tsx"],"names":[],"mappings":"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"}