@ketvietlab/design-system 0.1.9 → 0.1.13

package/dist/record/media/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/design-system/src/record/media/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAGtE,eAAO,MAAM,KAAK,YAAI,aAAa,EAAE,YAAY,EAAE,eAAe,EAAE,YAAY,CAAU,CAAA;AAE1F,MAAM,MAAM,cAAc,GAAG;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,WAAW,UAAW;IACjC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,SAAS,cAAc,EAAE,CAAA;IAChC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,KAAG,cAsBH,CAAA;AAED,MAAM,MAAM,SAAS,GAAG;IACtB,EAAE,EAAE,MAAM,CAAA;IACV,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,QAAQ,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AACD,eAAO,MAAM,YAAY,UAAW;IAClC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,SAAS,SAAS,EAAE,CAAA;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,KAAG,cA2BH,CAAA"}

package/dist/record/media/index.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@ketvietlab/ketjs-view/jsx-runtime";
+import { each } from '@ketvietlab/ketjs-view';
+import { EmptyState, LoadingState, Notice } from '../../primitives/feedback/index.js';
+export const HOOKS = ['attachments', 'attachment', 'media-gallery', 'media-item'];
+export const Attachments = (props) => {
+    if (props.loading)
+        return _jsx(LoadingState, { label: "Loading attachments" });
+    if (props.error)
+        return _jsx(Notice, { title: "Attachments unavailable", message: props.error, tone: "danger" });
+    if (!props.items.length)
+        return _jsx(EmptyState, { title: "No attachments", message: "No files have been attached." });
+    return (_jsx("ul", { "data-ui": "attachments", "aria-label": props.label, children: each(props.items, (item) => item.id, (item) => (_jsxs("li", { "data-ui": "attachment", children: [item.redacted || !item.href ? (_jsx("span", { children: props.redactedLabel ?? item.name })) : (_jsx("a", { href: item.href, children: item.name })), item.meta !== undefined && _jsx("small", { children: item.meta })] }))) }));
+};
+export const MediaGallery = (props) => {
+    if (!props.items.length)
+        return _jsx(EmptyState, { title: props.emptyTitle ?? 'No media', message: "No media is available." });
+    return (_jsx("div", { "data-ui": "media-gallery", role: "group", "aria-label": props.label, children: each(props.items, (item) => item.id, (item) => (_jsxs("figure", { "data-ui": "media-item", children: [item.redacted || !item.src ? (_jsx("div", { role: "img", "aria-label": props.redactedLabel ?? 'Media redacted', children: "Restricted" })) : item.href ? (_jsx("a", { href: item.href, children: _jsx("img", { src: item.src, alt: item.alt, loading: "lazy" }) })) : (_jsx("img", { src: item.src, alt: item.alt, loading: "lazy" })), item.caption !== undefined && _jsx("figcaption", { children: item.caption })] }))) }));
+};
+//# sourceMappingURL=index.js.map

package/dist/record/media/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/design-system/src/record/media/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAA;AAE7C,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,oCAAqC,CAAA;AAEtF,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,aAAa,EAAE,YAAY,EAAE,eAAe,EAAE,YAAY,CAAU,CAAA;AAU1F,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAM3B,EAAkB,EAAE;IACnB,IAAI,KAAK,CAAC,OAAO;QAAE,OAAO,KAAC,YAAY,IAAC,KAAK,EAAC,qBAAqB,GAAG,CAAA;IACtE,IAAI,KAAK,CAAC,KAAK;QAAE,OAAO,KAAC,MAAM,IAAC,KAAK,EAAC,yBAAyB,EAAC,OAAO,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAC,QAAQ,GAAG,CAAA;IACtG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM;QAAE,OAAO,KAAC,UAAU,IAAC,KAAK,EAAC,gBAAgB,EAAC,OAAO,EAAC,8BAA8B,GAAG,CAAA;IAC5G,OAAO,CACL,wBAAY,aAAa,gBAAa,KAAK,CAAC,KAAK,YAC9C,IAAI,CACH,KAAK,CAAC,KAAK,EACX,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,EACjB,CAAC,IAAI,EAAE,EAAE,CAAC,CACR,yBAAY,YAAY,aACrB,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAC7B,yBAAO,KAAK,CAAC,aAAa,IAAI,IAAI,CAAC,IAAI,GAAQ,CAChD,CAAC,CAAC,CAAC,CACF,YAAG,IAAI,EAAE,IAAI,CAAC,IAAI,YAAG,IAAI,CAAC,IAAI,GAAK,CACpC,EACA,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,0BAAQ,IAAI,CAAC,IAAI,GAAS,IACnD,CACN,CACF,GACE,CACN,CAAA;AACH,CAAC,CAAA;AAUD,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAK5B,EAAkB,EAAE;IACnB,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM;QACrB,OAAO,KAAC,UAAU,IAAC,KAAK,EAAE,KAAK,CAAC,UAAU,IAAI,UAAU,EAAE,OAAO,EAAC,wBAAwB,GAAG,CAAA;IAC/F,OAAO,CACL,yBAAa,eAAe,EAAC,IAAI,EAAC,OAAO,gBAAa,KAAK,CAAC,KAAK,YAC9D,IAAI,CACH,KAAK,CAAC,KAAK,EACX,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,EACjB,CAAC,IAAI,EAAE,EAAE,CAAC,CACR,6BAAgB,YAAY,aACzB,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAC5B,cAAK,IAAI,EAAC,KAAK,gBAAa,KAAK,CAAC,aAAa,IAAI,gBAAgB,2BAE7D,CACP,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CACd,YAAG,IAAI,EAAE,IAAI,CAAC,IAAI,YAChB,cAAK,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,OAAO,EAAC,MAAM,GAAG,GAClD,CACL,CAAC,CAAC,CAAC,CACF,cAAK,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,OAAO,EAAC,MAAM,GAAG,CACrD,EACA,IAAI,CAAC,OAAO,KAAK,SAAS,IAAI,+BAAa,IAAI,CAAC,OAAO,GAAc,IAC/D,CACV,CACF,GACG,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/record/media/styles.css

@@ -0,0 +1,38 @@
+@layer ket.app {
+  :where([data-kv-design-system]) [data-ui="attachments"] {
+    display: grid;
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+
+  :where([data-kv-design-system]) [data-ui="attachment"] {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--kv-space-3);
+    padding-block: var(--kv-space-2);
+    border-bottom: 1px solid var(--kv-panel-border);
+  }
+
+  :where([data-kv-design-system]) [data-ui="media-gallery"] {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
+    gap: var(--kv-space-3);
+  }
+
+  :where([data-kv-design-system]) [data-ui="media-item"] {
+    display: grid;
+    gap: var(--kv-space-1);
+    min-width: 0;
+    margin: 0;
+  }
+
+  :where([data-kv-design-system]) [data-ui="media-item"] :is(img, [role="img"]) {
+    width: 100%;
+    aspect-ratio: 4 / 3;
+    object-fit: cover;
+    border-radius: var(--kv-radius-sm);
+    background: var(--kv-interactive-bg);
+  }
+}

package/dist/runtime/auto.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=auto.d.ts.map

package/dist/runtime/auto.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"auto.d.ts","sourceRoot":"","sources":["../../../../../packages/design-system/src/runtime/auto.js"],"names":[],"mappings":""}

package/dist/runtime/auto.js

@@ -0,0 +1,5 @@
+// @ts-check
+import { attachDesignSystemInteractions } from './index.js'
+
+attachDesignSystemInteractions(document)
+document.documentElement.dataset.kvInteractions = 'attached'

package/dist/runtime/auto.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"auto.js","sourceRoot":"","sources":["../../../../../../packages/design-system/src/runtime/auto.js"],"names":[],"mappings":"AAAA,YAAY;AACZ,OAAO,EAAE,8BAA8B,EAAE,MAAM,YAAY,CAAA;AAE3D,8BAA8B,CAAC,QAAQ,CAAC,CAAA;AACxC,QAAQ,CAAC,eAAe,CAAC,OAAO,CAAC,cAAc,GAAG,UAAU,CAAA"}

package/dist/runtime/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Attach the small browser contract shared by server-rendered overlays.
+ * The returned function restores inert state and removes every listener.
+ *
+ * @param {ParentNode} [root]
+ * @returns {() => void}
+ */
+export declare const attachDesignSystemInteractions: (root?: ParentNode) => () => void;
+//# sourceMappingURL=index.d.ts.map

package/dist/runtime/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/design-system/src/runtime/index.js"],"names":[],"mappings":"AAsBA;;;;;;GAMG;AACH,eAAO,MAAM,8BAA8B,UAHhC,UAAU,KACR,MAAM,IAqVlB,CAAA"}

package/dist/runtime/index.js

@@ -0,0 +1,369 @@
+// @ts-check
+
+const focusableSelector = [
+  'a[href]',
+  'button:not([disabled])',
+  'input:not([disabled])',
+  'select:not([disabled])',
+  'textarea:not([disabled])',
+  'summary',
+  '[tabindex]:not([tabindex="-1"])',
+].join(',')
+
+/** @param {ParentNode} root */
+const focusables = (root) =>
+  [...root.querySelectorAll(focusableSelector)].filter(
+    (element) =>
+      element instanceof HTMLElement &&
+      !element.hidden &&
+      element.getAttribute('aria-hidden') !== 'true' &&
+      (typeof element.checkVisibility !== 'function' || element.checkVisibility()),
+  )
+
+/**
+ * Attach the small browser contract shared by server-rendered overlays.
+ * The returned function restores inert state and removes every listener.
+ *
+ * @param {ParentNode} [root]
+ * @returns {() => void}
+ */
+export const attachDesignSystemInteractions = (root = document) => {
+  const activeBeforeOpen = document.activeElement instanceof HTMLElement ? document.activeElement : null
+  const modal = root.querySelector('[data-ui="modal-layer"][data-route-modal="true"] [role="dialog"]')
+  const appShell = root.querySelector('[data-ui="app-shell"]')
+  const priorInert = appShell instanceof HTMLElement ? appShell.inert : false
+  if (modal instanceof HTMLElement) {
+    if (appShell instanceof HTMLElement && !appShell.contains(modal)) appShell.inert = true
+    const first = focusables(modal)[0]
+    ;(first instanceof HTMLElement ? first : modal).focus()
+  }
+
+  const navigationMedia = window.matchMedia('(max-width: 48rem)')
+  const navigationRoot = document.documentElement
+  const priorNavigationOpen = navigationRoot.dataset.kvNavigationOpen
+  const navigations = /** @type {HTMLDetailsElement[]} */ (
+    [...root.querySelectorAll('[data-ui="app-navigation"]')].filter(
+      (navigation) => navigation instanceof HTMLDetailsElement,
+    )
+  )
+  const navigationStates = new Map()
+
+  /** @param {HTMLDetailsElement} navigation */
+  const restoreNavigationTargets = (navigation) => {
+    const state = navigationStates.get(navigation)
+    if (!state?.targets) return
+    for (const { element, inert } of state.targets) element.inert = inert
+    state.targets = null
+  }
+
+  const syncNavigationLock = () => {
+    const hasOpenNavigation = navigationMedia.matches && navigations.some((navigation) => navigation.open)
+    if (hasOpenNavigation) navigationRoot.dataset.kvNavigationOpen = 'true'
+    else if (priorNavigationOpen === undefined) delete navigationRoot.dataset.kvNavigationOpen
+    else navigationRoot.dataset.kvNavigationOpen = priorNavigationOpen
+  }
+
+  /** @param {HTMLDetailsElement} navigation */
+  const syncNavigation = (navigation) => {
+    const trigger = navigation.querySelector('[data-ui="navigation-trigger"]')
+    const drawer = navigation.querySelector('[data-ui="navigation-drawer"]')
+    if (!(trigger instanceof HTMLElement) || !(drawer instanceof HTMLElement)) return
+    const mobile = navigationMedia.matches
+    trigger.dataset.open = String(mobile && navigation.open)
+    if (!mobile) {
+      drawer.removeAttribute('role')
+      drawer.removeAttribute('aria-modal')
+      drawer.removeAttribute('aria-label')
+      restoreNavigationTargets(navigation)
+      syncNavigationLock()
+      return
+    }
+    drawer.setAttribute('role', 'dialog')
+    drawer.setAttribute('aria-modal', 'true')
+    drawer.setAttribute('aria-label', drawer.dataset.navigationLabel ?? 'Navigation')
+    if (!navigation.open) {
+      restoreNavigationTargets(navigation)
+      syncNavigationLock()
+      return
+    }
+    const state = navigationStates.get(navigation) ?? {}
+    if (!state.targets) {
+      const shell = navigation.closest('[data-ui="app-shell"]')
+      const targets = shell
+        ? [...shell.querySelectorAll(':scope > [data-ui="app-main"], :scope > [data-ui="app-right-rail"]')]
+            .filter((element) => element instanceof HTMLElement)
+            .map((element) => ({ element, inert: element.inert }))
+        : []
+      for (const { element } of targets) element.inert = true
+      state.targets = targets
+      state.returnFocus = document.activeElement instanceof HTMLElement ? document.activeElement : trigger
+      navigationStates.set(navigation, state)
+      queueMicrotask(() => {
+        if (!navigation.open || !navigationMedia.matches) return
+        const activeItem = drawer.querySelector('[data-ui="navigation-item"][aria-current="page"]')
+        const first = focusables(drawer)[0]
+        const focusTarget = activeItem instanceof HTMLElement ? activeItem : first
+        ;(focusTarget instanceof HTMLElement ? focusTarget : drawer).focus()
+      })
+    }
+    syncNavigationLock()
+  }
+
+  /** @param {HTMLDetailsElement} navigation @param {boolean} [returnFocus] */
+  const closeNavigation = (navigation, returnFocus = true) => {
+    const state = navigationStates.get(navigation)
+    navigation.open = false
+    syncNavigation(navigation)
+    if (returnFocus && state?.returnFocus instanceof HTMLElement && state.returnFocus.isConnected)
+      state.returnFocus.focus()
+    navigationStates.delete(navigation)
+  }
+
+  const navigationCleanups = navigations.map((navigation) => {
+    const onToggle = () => syncNavigation(navigation)
+    /** @param {MouseEvent} event */
+    const onClick = (event) => {
+      const target = event.target
+      if (!(target instanceof Element)) return
+      const branchTrigger = target.closest('[data-ui="navigation-branch-trigger"]')
+      const branch = branchTrigger?.closest('[data-ui="navigation-branch"]')
+      if (branch instanceof HTMLDetailsElement && branch.open) {
+        event.preventDefault()
+        return
+      }
+      if (!navigationMedia.matches || !navigation.open) return
+      if (
+        target.closest('[data-ui="navigation-close"]') ||
+        target.closest('[data-ui="navigation-backdrop"]') ||
+        target.closest('[data-ui="navigation-item"]')
+      )
+        closeNavigation(navigation)
+    }
+    navigation.addEventListener('toggle', onToggle)
+    navigation.addEventListener('click', onClick)
+    syncNavigation(navigation)
+    return () => {
+      navigation.removeEventListener('toggle', onToggle)
+      navigation.removeEventListener('click', onClick)
+      restoreNavigationTargets(navigation)
+    }
+  })
+  const onNavigationMediaChange = () => {
+    for (const navigation of navigations) {
+      if (navigation.open) closeNavigation(navigation, false)
+      else syncNavigation(navigation)
+    }
+  }
+  navigationMedia.addEventListener('change', onNavigationMediaChange)
+
+  for (const popover of root.querySelectorAll('[data-ui="popover"][data-open="true"]')) {
+    const trigger = popover.querySelector('[data-ui="popover-trigger"]')
+    const panel = popover.querySelector('[data-ui="popover-panel"]')
+    if (!(trigger instanceof HTMLElement) || !(panel instanceof HTMLElement)) continue
+    const box = trigger.getBoundingClientRect()
+    const gap = 8
+    const placement = popover.getAttribute('data-placement') ?? 'bottom-start'
+    const prefersTop = placement.startsWith('top')
+    const prefersEnd = placement.endsWith('end')
+    const topPosition = box.top - panel.offsetHeight - gap
+    const bottomPosition = box.bottom + gap
+    const topFits = topPosition >= 8
+    const bottomFits = bottomPosition + panel.offsetHeight <= window.innerHeight - 8
+    const useTop = prefersTop ? topFits || !bottomFits : !bottomFits && topFits
+    const requestedLeft = prefersEnd ? box.right - panel.offsetWidth : box.left
+    const left = Math.max(8, Math.min(requestedLeft, window.innerWidth - panel.offsetWidth - 8))
+    const top = Math.max(
+      8,
+      Math.min(useTop ? topPosition : bottomPosition, window.innerHeight - panel.offsetHeight - 8),
+    )
+    panel.dataset.runtimePositioned = 'true'
+    panel.dataset.runtimePlacement = `${useTop ? 'top' : 'bottom'}-${prefersEnd ? 'end' : 'start'}`
+    panel.style.left = `${Math.round(left)}px`
+    panel.style.top = `${Math.round(top)}px`
+    panel.style.right = 'auto'
+    panel.style.bottom = 'auto'
+  }
+
+  /** @param {KeyboardEvent} event */
+  const onKeydown = (event) => {
+    const openNavigation = navigations.find((navigation) => navigationMedia.matches && navigation.open)
+    if (openNavigation instanceof HTMLDetailsElement) {
+      const drawer = openNavigation.querySelector('[data-ui="navigation-drawer"]')
+      if (event.key === 'Escape') {
+        closeNavigation(openNavigation)
+        event.preventDefault()
+        return
+      }
+      if (event.key === 'Tab' && drawer instanceof HTMLElement) {
+        const items = focusables(drawer)
+        const first = items[0]
+        const last = items.at(-1)
+        if (!items.length) {
+          event.preventDefault()
+          drawer.focus()
+          return
+        }
+        if (event.shiftKey && (document.activeElement === first || document.activeElement === drawer)) {
+          event.preventDefault()
+          if (last instanceof HTMLElement) last.focus()
+          return
+        }
+        if (!event.shiftKey && document.activeElement === last) {
+          event.preventDefault()
+          if (first instanceof HTMLElement) first.focus()
+          return
+        }
+      }
+    }
+    const treeItem = document.activeElement?.closest('[data-ui="tree"] [role="treeitem"]')
+    if (treeItem instanceof HTMLElement) {
+      const tree = treeItem.closest('[data-ui="tree"]')
+      const items = /** @type {HTMLElement[]} */ (
+        tree
+          ? [...tree.querySelectorAll('[role="treeitem"]')].filter((item) => item instanceof HTMLElement)
+          : []
+      )
+      const activeIndex = items.indexOf(treeItem)
+      let nextIndex = -1
+      if (event.key === 'ArrowDown') nextIndex = Math.min(items.length - 1, activeIndex + 1)
+      else if (event.key === 'ArrowUp') nextIndex = Math.max(0, activeIndex - 1)
+      else if (event.key === 'Home') nextIndex = 0
+      else if (event.key === 'End') nextIndex = items.length - 1
+      else if (event.key === 'ArrowRight') {
+        const level = Number(treeItem.getAttribute('aria-level'))
+        if (
+          treeItem.getAttribute('aria-expanded') === 'true' &&
+          Number(items[activeIndex + 1]?.getAttribute('aria-level')) > level
+        )
+          nextIndex = activeIndex + 1
+      } else if (event.key === 'ArrowLeft') {
+        const level = Number(treeItem.getAttribute('aria-level'))
+        if (level > 1)
+          nextIndex = items.findLastIndex(
+            (item, index) => index < activeIndex && Number(item.getAttribute('aria-level')) < level,
+          )
+      }
+      if (nextIndex >= 0 && items[nextIndex]) {
+        for (const item of items) item.tabIndex = -1
+        items[nextIndex].tabIndex = 0
+        items[nextIndex].focus()
+        event.preventDefault()
+        return
+      }
+    }
+    const treeGridRow = document.activeElement?.closest('[data-ui="tree-grid-row"]')
+    if (treeGridRow instanceof HTMLElement) {
+      const grid = treeGridRow.closest('[data-ui="tree-grid"]')
+      const rows = /** @type {HTMLElement[]} */ (
+        grid
+          ? [...grid.querySelectorAll('[data-ui="tree-grid-row"]')].filter(
+              (row) => row instanceof HTMLElement,
+            )
+          : []
+      )
+      const activeIndex = rows.indexOf(treeGridRow)
+      const nextIndex =
+        event.key === 'ArrowDown'
+          ? Math.min(rows.length - 1, activeIndex + 1)
+          : event.key === 'ArrowUp'
+            ? Math.max(0, activeIndex - 1)
+            : event.key === 'Home'
+              ? 0
+              : event.key === 'End'
+                ? rows.length - 1
+                : -1
+      if (nextIndex >= 0 && rows[nextIndex]) {
+        for (const row of rows) row.tabIndex = -1
+        rows[nextIndex].tabIndex = 0
+        rows[nextIndex].focus()
+        event.preventDefault()
+        return
+      }
+    }
+    const openMenu = document.activeElement?.closest('[data-ui="menu"][open]')
+    if (openMenu instanceof HTMLDetailsElement) {
+      const trigger = openMenu.querySelector('[data-ui="menu-trigger"]')
+      const items = /** @type {HTMLElement[]} */ (
+        [...openMenu.querySelectorAll('[role="menuitem"]')].filter(
+          (item) => item instanceof HTMLElement && item.getAttribute('aria-disabled') !== 'true',
+        )
+      )
+      const active = document.activeElement
+      const activeIndex = active instanceof HTMLElement ? items.indexOf(active) : -1
+      let nextIndex = -1
+      if (event.key === 'ArrowDown') nextIndex = activeIndex < 0 ? 0 : (activeIndex + 1) % items.length
+      else if (event.key === 'ArrowUp')
+        nextIndex = activeIndex < 0 ? items.length - 1 : (activeIndex - 1 + items.length) % items.length
+      else if (event.key === 'Home') nextIndex = 0
+      else if (event.key === 'End') nextIndex = items.length - 1
+      if (nextIndex >= 0 && items[nextIndex] instanceof HTMLElement) {
+        items[nextIndex].focus()
+        event.preventDefault()
+        return
+      }
+      if ((event.key === 'Enter' || event.key === ' ') && document.activeElement === trigger) {
+        if (items[0] instanceof HTMLElement) items[0].focus()
+        event.preventDefault()
+        return
+      }
+    }
+    if (event.key === 'Escape' && openMenu instanceof HTMLDetailsElement) {
+      openMenu.open = false
+      const trigger = openMenu.querySelector('[data-ui="menu-trigger"]')
+      if (trigger instanceof HTMLElement) trigger.focus()
+      event.preventDefault()
+      return
+    }
+    const openPopover = document.activeElement?.closest('[data-ui="popover"][data-open="true"]')
+    if (event.key === 'Escape' && openPopover instanceof HTMLElement) {
+      const close = openPopover.querySelector('[data-ui="popover-close"]')
+      if (close instanceof HTMLElement) close.click()
+      event.preventDefault()
+      return
+    }
+    if (!(modal instanceof HTMLElement)) return
+    if (event.key === 'Escape') {
+      const close = modal.querySelector('[data-ui="modal-close"]')
+      if (close instanceof HTMLElement) close.click()
+      event.preventDefault()
+      return
+    }
+    if (event.key !== 'Tab') return
+    const items = focusables(modal)
+    if (!items.length) {
+      event.preventDefault()
+      modal.focus()
+      return
+    }
+    const first = items[0]
+    const last = items.at(-1)
+    if (event.shiftKey && (document.activeElement === first || document.activeElement === modal)) {
+      event.preventDefault()
+      if (last instanceof HTMLElement) last.focus()
+    } else if (!event.shiftKey && document.activeElement === last) {
+      event.preventDefault()
+      if (first instanceof HTMLElement) first.focus()
+    }
+  }
+  /** @param {MouseEvent} event */
+  const onDocumentClick = (event) => {
+    const target = event.target
+    if (!(target instanceof Node)) return
+    for (const menu of root.querySelectorAll('[data-ui="menu"][open]')) {
+      if (menu instanceof HTMLDetailsElement && !menu.contains(target)) menu.open = false
+    }
+  }
+  document.addEventListener('keydown', onKeydown)
+  document.addEventListener('click', onDocumentClick)
+
+  return () => {
+    document.removeEventListener('keydown', onKeydown)
+    document.removeEventListener('click', onDocumentClick)
+    navigationMedia.removeEventListener('change', onNavigationMediaChange)
+    for (const cleanup of navigationCleanups) cleanup()
+    if (priorNavigationOpen === undefined) delete navigationRoot.dataset.kvNavigationOpen
+    else navigationRoot.dataset.kvNavigationOpen = priorNavigationOpen
+    if (appShell instanceof HTMLElement) appShell.inert = priorInert
+    if (activeBeforeOpen?.isConnected) activeBeforeOpen.focus()
+  }
+}

package/dist/runtime/index.js.map

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

package/dist/styles.css

@@ -1,11 +1,50 @@
+@layer ket.reset, ket.theme, ket.app, ket.user;
+
 @import "./foundations/tokens.css";
 @import "./foundations/reset.css";
-@import "./primitives/primitives.css";
-@import "./primitives/navigation.css";
-@import "./primitives/progress.css";
-@import "./layouts/layouts.css";
-@import "./layouts/shell.css";
+@import "./primitives/actions/styles.css";
+@import "./primitives/status/styles.css";
+@import "./primitives/feedback/styles.css";
+@import "./primitives/field/styles.css";
+@import "./primitives/navigation/styles.css";
+@import "./primitives/progress/styles.css";
+@import "./interactions/menu/styles.css";
+@import "./interactions/popover/styles.css";
+@import "./interactions/tooltip/styles.css";
+@import "./interactions/dialog/styles.css";
+@import "./interactions/toast/styles.css";
+@import "./interactions/spinner/styles.css";
+@import "./interactions/skeleton/styles.css";
+@import "./forms/scalar-fields/styles.css";
+@import "./forms/combobox/styles.css";
+@import "./forms/date-time/styles.css";
+@import "./forms/upload/styles.css";
+@import "./forms/relation-picker/styles.css";
+@import "./data-operations/list-controls/styles.css";
+@import "./data-operations/inline-edit/styles.css";
+@import "./data-display/resource-list/styles.css";
+@import "./data-display/data-grid/styles.css";
+@import "./data-display/tree/styles.css";
+@import "./record/display/styles.css";
+@import "./record/formatted-values/styles.css";
+@import "./record/composition/styles.css";
+@import "./record/activity/styles.css";
+@import "./record/media/styles.css";
+@import "./layouts/layout/styles.css";
+@import "./layouts/shell/styles.css";
+@import "./layouts/app-navigation/styles.css";
 /* FormPage rail contract: desktop content is 2:1; narrow screens stack. */
-@import "./patterns/patterns.css";
-@import "./layouts/flat.css";
-@import "./layouts/grouped.css";
+@import "./patterns/list-page/styles.css";
+@import "./patterns/data-table/styles.css";
+@import "./patterns/list-chrome/styles.css";
+@import "./patterns/record-form/styles.css";
+@import "./patterns/modal-sheet/styles.css";
+@import "./patterns/list-page/responsive.css";
+@import "./patterns/pipeline/styles.css";
+@import "./patterns/board-page/styles.css";
+@import "./patterns/dashboard-page/styles.css";
+@import "./patterns/form-page/styles.css";
+@import "./patterns/record-page/styles.css";
+@import "./patterns/workspace-page/styles.css";
+@import "./layouts/flat/styles.css";
+@import "./layouts/grouped/styles.css";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ketvietlab/design-system",
-  "version": "0.1.9",
+  "version": "0.1.13",
   "description": "Két Việt's public, server-rendered operational design system.",
   "type": "module",
   "license": "MIT",
@@ -27,6 +27,9 @@
   "scripts": {
     "prepack": "npm run build --prefix ../.."
   },
+  "bin": {
+    "ket-design-system-atlas": "./dist/atlas-cli.js"
+  },
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -40,12 +43,16 @@
       "types": "./dist/catalogue/index.d.ts",
       "default": "./dist/catalogue/index.js"
     },
+    "./catalogue/inventory.json": "./dist/catalogue/inventory.generated.json",
+    "./atlas/profile.json": "./dist/atlas/profile.json",
+    "./atlas/adapter.schema.json": "./dist/atlas/adapter.schema.json",
+    "./runtime/auto.js": "./dist/runtime/auto.js",
     "./styles.css": "./dist/styles.css",
     "./tokens.css": "./dist/foundations/tokens.css",
     "./catalogue/styles.css": "./dist/catalogue/styles.css"
   },
   "dependencies": {
-    "@ketvietlab/ketjs-view": "0.1.9"
+    "@ketvietlab/ketjs-view": "0.1.13"
   },
   "publishConfig": {
     "access": "public",