@cyberskill/design 2.0.0 → 2.1.0

package/components/logo/logo.card.html

@@ -4,6 +4,8 @@
 <head>
 <meta charset="utf-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>CyberSkill — Logo</title>
+<meta name="description" content="Logo: Official mark — Umber ground, Ochre genie. Never recolour." />
 <link rel="stylesheet" href="../../styles.css" />
 <style>
   body { margin: 0; background: var(--cs-color-surface-page); padding: 22px 24px; }

package/components/navigation/CommandPalette.d.ts

@@ -8,7 +8,7 @@ export interface CommandGroup { label?: ReactNode; items: CommandItem[]; }
 
 /**
  * ⌘K command palette: scrim + search box + grouped, filterable actions. The
- * brand's "command palette (Heavy Glass)" surface. Controlled via open/onClose;
+ * brand's "command palette (Heavy Glass)" surface. Controlled via open/onOpenChange;
  * Escape and scrim-click close it. A visible EN/VI result count or empty message
  * is exposed as a polite, atomic status without moving search focus.
  * The overlay manager focuses search on open and restores the invoking control
@@ -18,6 +18,9 @@ export interface CommandPaletteProps {
   /** Attributes for the existing div root. Owned semantics/state stay controlled; internal handlers run first. */
   rootProps?: Omit<RootTargetProps<HTMLDivElement>, "role" | "aria-modal" | "aria-label">;
   open: boolean;
+  /** Called with `false` when the palette asks to close. Preferred open-state callback. */
+  onOpenChange?: (open: boolean) => void;
+  /** @deprecated Still supported. Called after `onOpenChange(false)` when the palette closes. */
   onClose?: () => void;
   placeholder?: string;
   groups: CommandGroup[];

package/components/navigation/CommandPalette.jsx

@@ -4,15 +4,16 @@ import React from "react";
 import { formatNumber, makeT, useLang } from "../_i18n/i18n.js";
 import { cx } from "../_utils/cx.js";
 import { useOverlayLayer, overlayScopeContext } from "../overlays/OverlayManager.jsx";
+import { notifyClosed } from "../_utils/open-change.js";
 
 /** CyberSkill CommandPalette — ⌘K overlay with search + grouped actions. Controlled via open/onClose. */
-export const CommandPalette = React.forwardRef(function CommandPalette({ controlRef, open, onClose, placeholder, groups = [], lang, className , rootProps }, forwardedRef) {
+export const CommandPalette = React.forwardRef(function CommandPalette({ controlRef, open, onClose, onOpenChange, placeholder, groups = [], lang, className , rootProps }, forwardedRef) {
   const mergedControlRef = useComposedRefs(controlRef);
   const mergedNativeRef = useComposedRefs(forwardedRef);
   const [q, setQ] = React.useState("");
   const panel = React.useRef(null);
-  const closeRef = React.useRef(onClose);
-  closeRef.current = onClose;
+  const closeRef = React.useRef(null);
+  closeRef.current = () => notifyClosed(onOpenChange, onClose);
 
   const { scope } = useOverlayLayer({
     open: !!open,
@@ -47,7 +48,7 @@ export const CommandPalette = React.forwardRef(function CommandPalette({ control
         panel.current = el;
       }}
       className="cs-cmdk-scrim"
-      onClick={onClose}
+      onClick={() => closeRef.current()}
     >
       <div {...mergeTargetProps({ "className": cx("cs-cmdk", className), "onClick": (e) => e.stopPropagation() }, rootProps, ["role","aria-modal","aria-label"])} role="dialog" aria-modal="true" aria-label={t("aria")}  ref={mergedNativeRef} >
         <div className="cs-cmdk__search">
@@ -64,7 +65,7 @@ export const CommandPalette = React.forwardRef(function CommandPalette({ control
               <React.Fragment key={gi}>
                 {(g.label || g.label === 0) ? <div className="cs-cmdk__label">{g.label}</div> : null}
                 {items.map((it, ii) => (
-                  <button key={ii} type="button" className="cs-cmdk__item" onClick={() => { it.onSelect && it.onSelect(); setQ(""); onClose && onClose(); }}>
+                  <button key={ii} type="button" className="cs-cmdk__item" onClick={() => { it.onSelect && it.onSelect(); setQ(""); closeRef.current(); }}>
                     {(it.icon || it.icon === 0) ? <span aria-hidden="true">{it.icon}</span> : null}
                     <span>{it.label}</span>
                     {(it.shortcut || it.shortcut === 0) ? <span className="cs-kbd">{it.shortcut}</span> : null}

package/components/navigation/CommandPalette.prompt.md

@@ -87,6 +87,7 @@ Generated from the [canonical declared API](../api-index.json) and [source facts
 | `groups` | required | `[]` |
 | `lang` | optional | Không khai báo trong tham số / Not declared in parameter |
 | `onClose` | optional | Không khai báo trong tham số / Not declared in parameter |
+| `onOpenChange` | optional | Không khai báo trong tham số / Not declared in parameter |
 | `open` | required | Không khai báo trong tham số / Not declared in parameter |
 | `placeholder` | optional | Không khai báo trong tham số / Not declared in parameter |
 | `rootProps` | optional | Không khai báo trong tham số / Not declared in parameter |

package/components/navigation/Menubar.jsx

@@ -65,13 +65,13 @@ export const Menubar = React.forwardRef(function Menubar({ portal = true, placem
               else if (e.key === "ArrowRight" || e.key === "ArrowLeft") {
                 e.preventDefault(); const target = (i + (e.key === "ArrowRight" ? 1 : -1) + menus.length) % menus.length;
                 itemFocus.current = 0; setFocusI(target); setOpen(target); return;
-              } else if (e.key === "Tab") { setOpen(null); btns.current[i]?.focus(); return; }
+              } else if (e.key === "Tab") { e.preventDefault(); setOpen(null); btns.current[i]?.focus(); return; }
               else return;
               e.preventDefault(); items[next]?.focus();
             }}>
               {m.items.map((it, j) => it === "-"
                 ? <span key={j} className="cs-menu__sep" role="separator" />
-                : <button key={j} type="button" role="menuitem" className={cx("cs-menu__item", it.danger && "cs-menu__item--danger")} onClick={() => { setOpen(null); btns.current[i]?.focus(); it.onSelect && it.onSelect(); }}>{it.label}</button>)}
+                : <button key={j} type="button" role="menuitem" tabIndex={-1} className={cx("cs-menu__item", it.danger && "cs-menu__item--danger")} onClick={() => { setOpen(null); btns.current[i]?.focus(); it.onSelect && it.onSelect(); }}>{it.label}</button>)}
             </span>)
           ) : null}
         </span>

package/components/navigation/navigation.card.html

@@ -4,6 +4,8 @@
 <head>
 <meta charset="utf-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>CyberSkill — Navigation</title>
+<meta name="description" content="Navigation: Tabs, Breadcrumb, Pagination, Menu" />
 <link rel="stylesheet" href="../../styles.css" />
 <style>
   body { margin: 0; background: var(--cs-color-surface-page); padding: 22px 24px; }

package/components/navigation/shell.card.html

@@ -2,6 +2,8 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
+<title>CyberSkill — App shell — Sidebar, Steps, Command</title>
+<meta name="description" content="App shell — Sidebar, Steps, Command: Sidebar + NavItem, Steps, CommandPalette" />
 <meta charset="utf-8" />
 <link rel="stylesheet" href="../../styles.css" />
 <style>

package/components/overlays/Drawer.d.ts

@@ -10,6 +10,9 @@ import type { ReactNode } from "react";
  */
 export interface DrawerProps {
   open: boolean;
+  /** Called with `false` when the drawer asks to close. Preferred open-state callback. */
+  onOpenChange?: (open: boolean) => void;
+  /** @deprecated Still supported. Called after `onOpenChange(false)` when the drawer closes. */
   onClose?: () => void;
   title?: ReactNode;
   side?: "right" | "left";

package/components/overlays/Drawer.jsx

@@ -6,9 +6,10 @@ import { useClientLayoutEffect } from "../_utils/use-client-layout-effect.js";
 import { cx } from "../_utils/cx.js";
 import { overlaySurfaceClass, useOverlaySurface } from "../_utils/use-overlay-surface.js";
 import { useOverlayLayer, overlayScopeContext } from "./OverlayManager.jsx";
+import { notifyClosed } from "../_utils/open-change.js";
 
 /** CyberSkill Drawer — slide-in side panel with scrim. side: right (default) | left. */
-export const Drawer = React.forwardRef(function Drawer({ open, onClose, title, side = "right", children, actions, lang, className, rootProps }, forwardedRef) {
+export const Drawer = React.forwardRef(function Drawer({ open, onClose, onOpenChange, title, side = "right", children, actions, lang, className, rootProps }, forwardedRef) {
   const [ref, L, localeMessages] = useLang(lang);
   const titleId = React.useId();
   const hasTitle = Boolean(title) || title === 0;
@@ -31,8 +32,8 @@ export const Drawer = React.forwardRef(function Drawer({ open, onClose, title, s
     for (const child of el.children) observer.observe(child);
     return () => observer.disconnect();
   }, [open, children]);
-  const closeRef = React.useRef(onClose);
-  closeRef.current = onClose;
+  const closeRef = React.useRef(null);
+  closeRef.current = () => notifyClosed(onOpenChange, onClose);
 
   const { scope } = useOverlayLayer({
     open: !!open,
@@ -48,7 +49,7 @@ export const Drawer = React.forwardRef(function Drawer({ open, onClose, title, s
   return (
     <overlayScopeContext.Provider value={scope}>
     <>
-      <div ref={backdrop} className="cs-drawer-scrim" onClick={onClose} aria-hidden="true" />
+      <div ref={backdrop} className="cs-drawer-scrim" onClick={() => closeRef.current()} aria-hidden="true" />
       {material ? <div ref={surface} className={cx("cs-overlay-surface", material)} aria-hidden="true" /> : null}
       <div
         {...mergeTargetProps({ className: cx("cs-drawer", side === "left" && "cs-drawer--left", className) }, rootProps, ["role", "tabIndex", "aria-modal", "aria-labelledby", "aria-label", "data-cs-overlay-material"])}
@@ -62,7 +63,7 @@ export const Drawer = React.forwardRef(function Drawer({ open, onClose, title, s
       >
         <div className="cs-drawer__header">
           {hasTitle ? <h2 id={titleId} className="cs-drawer__title">{title}</h2> : null}
-          <button type="button" className="cs-drawer__close" aria-label={t("close")} onClick={onClose}>
+          <button type="button" className="cs-drawer__close" aria-label={t("close")} onClick={() => closeRef.current()}>
             <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round"><path d="M6 6l12 12M18 6L6 18" /></svg>
           </button>
         </div>

package/components/overlays/Drawer.prompt.md

@@ -88,6 +88,7 @@ Generated from the [canonical declared API](../api-index.json) and [source facts
 | `className` | optional | Không khai báo trong tham số / Not declared in parameter |
 | `lang` | optional | Không khai báo trong tham số / Not declared in parameter |
 | `onClose` | optional | Không khai báo trong tham số / Not declared in parameter |
+| `onOpenChange` | optional | Không khai báo trong tham số / Not declared in parameter |
 | `open` | required | Không khai báo trong tham số / Not declared in parameter |
 | `rootProps` | optional | Không khai báo trong tham số / Not declared in parameter |
 | `side` | optional | `"right"` |

package/components/overlays/Tour.d.ts

@@ -12,6 +12,9 @@ export interface TourProps {
   /** Shrinking clamps the current index; empty steps hide the tour. Reopening starts at zero. */
   steps: TourStep[];
   open: boolean;
+  /** Called with `false` when the tour asks to close. Preferred open-state callback. */
+  onOpenChange?: (open: boolean) => void;
+  /** @deprecated Still supported. Called after `onOpenChange(false)` when the tour closes. */
   onClose?: () => void;
   lang?: string;
   className?: string;

package/components/overlays/Tour.jsx

@@ -4,9 +4,10 @@ import React from "react";
 import { makeT, useLang } from "../_i18n/i18n.js";
 import { useOverlayLayer, overlayScopeContext } from "./OverlayManager.jsx";
 import { cx } from "../_utils/cx.js";
+import { notifyClosed } from "../_utils/open-change.js";
 
 /** CyberSkill Tour — spotlight walkthrough over target elements (by CSS selector). Controlled via open/onClose. */
-export const Tour = React.forwardRef(function Tour({ steps = [], open, onClose, lang, className , rootProps }, forwardedRef) {
+export const Tour = React.forwardRef(function Tour({ steps = [], open, onClose, onOpenChange, lang, className , rootProps }, forwardedRef) {
   const [storedIndex, setI] = React.useState(0);
   const i = Math.max(0, Math.min(storedIndex, steps.length - 1));
   if (storedIndex !== i) setI(i);
@@ -18,7 +19,9 @@ export const Tour = React.forwardRef(function Tour({ steps = [], open, onClose,
   const mergedNativeRef = useComposedRefs(panel, forwardedRef);
   const titleId = React.useId();
   const backdrop = React.useRef(null);
-  const { scope } = useOverlayLayer({ open: !!open && steps.length > 0, kind: "modal", trapFocus: true, panelRef: panel, backdropRef: backdrop, onEscape: onClose });
+  const closeRef = React.useRef(null);
+  closeRef.current = () => notifyClosed(onOpenChange, onClose);
+  const { scope } = useOverlayLayer({ open: !!open && steps.length > 0, kind: "modal", trapFocus: true, panelRef: panel, backdropRef: backdrop, onEscape: () => closeRef.current() });
   React.useEffect(() => { if (open) setI(0); }, [open]);
   const target = steps[i]?.target;
   React.useEffect(() => {
@@ -56,7 +59,7 @@ export const Tour = React.forwardRef(function Tour({ steps = [], open, onClose,
   return (
     <overlayScopeContext.Provider value={scope}>
     <div ref={ref} {...mergeTargetProps({ "className": cx("cs-tour", className) }, rootProps, [])}>
-      <div ref={backdrop} className="cs-tour__scrim" onClick={onClose} />
+      <div ref={backdrop} className="cs-tour__scrim" onClick={() => closeRef.current()} />
       {rect ? <div className="cs-tour__hole" style={{ left: rect.x, top: rect.y, width: rect.w, height: rect.h }} /> : null}
       <div ref={mergedNativeRef} tabIndex={-1} className="cs-tour__pop" role="dialog" aria-modal="true" aria-labelledby={titleId} style={{ left: pop.left, top: pop.top }}>
         <b id={titleId}>{s.title}</b>
@@ -64,9 +67,9 @@ export const Tour = React.forwardRef(function Tour({ steps = [], open, onClose,
         <div className="cs-tour__bar">
           <span className="cs-tour__count">{(i + 1) + " / " + steps.length}</span>
           <span className="cs-tour__btns">
-            <button type="button" className="cs-button cs-button--ghost cs-button--xs" onClick={onClose}>{t("skip")}</button>
+            <button type="button" className="cs-button cs-button--ghost cs-button--xs" onClick={() => closeRef.current()}>{t("skip")}</button>
             {i > 0 ? <button type="button" className="cs-button cs-button--secondary cs-button--xs" onClick={() => setI(i - 1)}>{t("back")}</button> : null}
-            <button type="button" className="cs-button cs-button--primary cs-button--xs" onClick={() => (last ? onClose && onClose() : setI(i + 1))}>{last ? t("done") : t("next")}</button>
+            <button type="button" className="cs-button cs-button--primary cs-button--xs" onClick={() => (last ? closeRef.current() : setI(i + 1))}>{last ? t("done") : t("next")}</button>
           </span>
         </div>
       </div>

package/components/overlays/Tour.prompt.md

@@ -81,6 +81,7 @@ Generated from the [canonical declared API](../api-index.json) and [source facts
 | `className` | optional | Không khai báo trong tham số / Not declared in parameter |
 | `lang` | optional | Không khai báo trong tham số / Not declared in parameter |
 | `onClose` | optional | Không khai báo trong tham số / Not declared in parameter |
+| `onOpenChange` | optional | Không khai báo trong tham số / Not declared in parameter |
 | `open` | required | Không khai báo trong tham số / Not declared in parameter |
 | `rootProps` | optional | Không khai báo trong tham số / Not declared in parameter |
 | `steps` | required | `[]` |

package/components/overlays/alertdialog.card.html

@@ -4,6 +4,8 @@
 <head>
 <meta charset="utf-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>CyberSkill — AlertDialog</title>
+<meta name="description" content="AlertDialog: Confirm / destructive modal (alertdialog)" />
 <link rel="stylesheet" href="../../styles.css" />
 <style>
   body { margin: 0; background: var(--cs-color-surface-page); padding: 22px 24px; }

package/components/overlays/overlays.card.html

@@ -2,6 +2,8 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
+<title>CyberSkill — Overlays — Popover & Drawer</title>
+<meta name="description" content="Overlays — Popover & Drawer: Anchored popover + slide-in drawer" />
 <meta charset="utf-8" />
 <link rel="stylesheet" href="../../styles.css" />
 <style>

package/components/prompt-api.json

@@ -2,9 +2,9 @@
   "schemaVersion": 1,
   "interpretation": "Canonical definition/default-key references and generated prompt inventory, not a second type system, behavioral specification, accessibility certification or acceptance record.",
   "sourceHashes": {
-    "components/api-index.json": "6debff3d5be5f06879cb09cc06db5d2b8a184b345a0489f52a3c0837e9f928d1",
-    "components/contracts.json": "191d23738a712d7adc6e0d146534d0dc09821d7cf24ae33de8367c196c935fad",
-    "_ds_manifest.json": "9fef7ed2af64995319f08b6ac45a93870a0a99ae3a739316eddf9a6f2ad25421",
+    "components/api-index.json": "8e876f2a86a03a7380c9126c252eb1190becc020b4b59d0b6bf48ca33d7806d4",
+    "components/contracts.json": "e4ebe085e32dc639dea36cb032155c6aa557e61411bec7fa800691dd61a2ce03",
+    "_ds_manifest.json": "aa7c859299ef367e7df3aee45706ab58836d7fe0274c32c117b7c0534159ff37",
     "scripts/generate-component-contracts.mjs": "a94d0d58b3d0b6f629bf2cdc2a53bdfc8b43b8fa1479434b770f0cd8dc53187c",
     "scripts/lib/component-export.mjs": "9f6fd3df4a9e0366fef8c384a0926e050bd8fbcb3887bf5e6ffaed5c0622cd15",
     "scripts/generate-prompt-api.mjs": "e67709ad813a46330d2825912334244050422c16f05021890cc6b41b73acd602"
@@ -1057,7 +1057,7 @@
     {
       "path": "components/dialog/Dialog.prompt.md",
       "proseSha256": "148b27d6d5188c9fe361ac7a1a3c87e83aa53e6ed733914aa164856fc63f156a",
-      "sectionSha256": "3bdca4c232c4dd3d3119c489dfb4b5dd0ef34653dde32320f099bdd353993104",
+      "sectionSha256": "ea628bf7a4fac812d95fe054cc79312ccba268f438b201cc5c4bcf8e01fbc754",
       "exports": [
         {
           "name": "Dialog",
@@ -1069,6 +1069,7 @@
             "p-acb6c67ff7317f3f",
             "p-ec6b967c01b03950",
             "p-2284375ab0ebe0bd",
+            "p-c15681973896567b",
             "p-4406abb730948cd0",
             "p-681b79b82148a038"
           ],
@@ -1081,7 +1082,7 @@
     {
       "path": "components/feedback/Alert.prompt.md",
       "proseSha256": "417d1166817059a4c7eac2b2fb16e58a157a5f88e16acf46d331f33bfd64c924",
-      "sectionSha256": "517ba192ee4b651c32c70249de7ce8ff67c3f86fb694b63c20ccd7e8d8229974",
+      "sectionSha256": "d09c8bce0ea01dd81418913e49fa79a0d84e1ae23baabb5252380386ac057c43",
       "exports": [
         {
           "name": "Alert",
@@ -1089,7 +1090,9 @@
             "p-cef86355a67e06ab",
             "p-dc44c6296108324a",
             "p-ec6b967c01b03950",
-            "p-3ff5af9835c625c0",
+            "p-2284375ab0ebe0bd",
+            "p-5abd70dc2fc547ab",
+            "p-9e76c539d6ccf02e",
             "p-194398030531e630",
             "p-853b7e452998d5b5"
           ],
@@ -1279,7 +1282,7 @@
     {
       "path": "components/feedback/Toast.prompt.md",
       "proseSha256": "8c50c3fa6fa239137f673b9c8b0eaf71da67e47f3317c997fc175b245e51b399",
-      "sectionSha256": "55223ddd56b02d3791bb94bbdc5d9c514450446289deee5218eb88d957b63bf6",
+      "sectionSha256": "4608a5651d2c6ab507a56a821f585cae98718085ee1d789a1e705737daea2fbd",
       "exports": [
         {
           "name": "Toast",
@@ -1287,6 +1290,7 @@
             "p-cef86355a67e06ab",
             "p-dc44c6296108324a",
             "p-2284375ab0ebe0bd",
+            "p-48124dcdb9733b12",
             "p-194398030531e630",
             "p-5602fdd850aab03b"
           ],
@@ -2295,7 +2299,7 @@
     {
       "path": "components/navigation/CommandPalette.prompt.md",
       "proseSha256": "4a667cd863ae895208d7364de6fccd2beceee455136a298d429f8e321cda0103",
-      "sectionSha256": "1382bf5b2ea0887c22daa07afe460012ee156589b690c6c48049cd8c4797ab13",
+      "sectionSha256": "4642307e572673e74df4930524ccf4fcd632e93b7b8c67984af5a0937cba45a1",
       "exports": [
         {
           "name": "CommandPalette",
@@ -2305,6 +2309,7 @@
             "p-e6372a1f36b90947",
             "p-ec6b967c01b03950",
             "p-2284375ab0ebe0bd",
+            "p-50f04dc954570a9d",
             "p-4406abb730948cd0",
             "p-5243bafbc21f8015",
             "p-8f6b90aa38da1461"
@@ -2671,7 +2676,7 @@
     {
       "path": "components/overlays/Drawer.prompt.md",
       "proseSha256": "573b6754204b35c47fe3ce4e6297bd837e6c532eecc14347adc7de751c9425c3",
-      "sectionSha256": "7ff4962187abb862a5002fe6ce92eee2833eeb91f4b9d71c0f66b930ef9c89e1",
+      "sectionSha256": "273147c1457d694b11a002229862eced276a6c223a09a1efb632855546fd8481",
       "exports": [
         {
           "name": "Drawer",
@@ -2681,6 +2686,7 @@
             "p-49bab479fadb4c98",
             "p-ec6b967c01b03950",
             "p-2284375ab0ebe0bd",
+            "p-d13a077ec708bdb4",
             "p-4406abb730948cd0",
             "p-a785ddcc06d4ea7e",
             "p-17e984cb2c20b727",
@@ -2799,7 +2805,7 @@
     {
       "path": "components/overlays/Tour.prompt.md",
       "proseSha256": "1b433cc876ddd70d7a4a8344a39edf97994b0f3ca19534255e5ccd41b1d880a4",
-      "sectionSha256": "7fe7310def7e82884976ee913a902fae3dcdda0ecb1ee4e9a41286df4d2e7cf0",
+      "sectionSha256": "e67ac5d50798c1fd13ed03c95fd6c48c38e12606cab2ba5a54a360d0b996280b",
       "exports": [
         {
           "name": "Tour",
@@ -2807,6 +2813,7 @@
             "p-49bab479fadb4c98",
             "p-9db160296252f528",
             "p-2284375ab0ebe0bd",
+            "p-9d36605ef21b15ae",
             "p-4406abb730948cd0",
             "p-54c1ff74645c33ec",
             "p-56cfcfc4e09b4914"

package/components/scenarios.json

@@ -35,7 +35,7 @@
     "components/ai/PromptSuggestions.jsx": "c4c6fca2eb27fd7eb7357a75bc3df9191973eddb051bb0db4eb95a3fe9970345",
     "components/ai/TypingIndicator.d.ts": "7ec84442d341918431dcf9421910895203d7cf52bbf8b3fbfee61fa69404ceaa",
     "components/ai/TypingIndicator.jsx": "a367cad658005f314bb3e59a191c6edb5f464a65bc1f48e7e4769165ba35b39c",
-    "components/api-index.json": "6debff3d5be5f06879cb09cc06db5d2b8a184b345a0489f52a3c0837e9f928d1",
+    "components/api-index.json": "8e876f2a86a03a7380c9126c252eb1190becc020b4b59d0b6bf48ca33d7806d4",
     "components/brand/LumiAvatar.d.ts": "955af96a1311731719eeebdeaee88e1d1d99f4efcf14ec6e2eadbe3933957ec6",
     "components/brand/LumiAvatar.jsx": "aef2a9a8be4e4d6eb240d2a4bd6ca32b396fab995663750c812e3b38d228901c",
     "components/button/Button.d.ts": "d2de8fecaf5d8001a0293c2c40b56d915046ce49be126b955338bb8ccfba1904",
@@ -97,15 +97,15 @@
     "components/data/Watermark.d.ts": "285d9f3340c65ed835a6793f929be0201667bf7ae61d252ee78545c06e0d236b",
     "components/data/Watermark.jsx": "1f478e37babe1ba79265402764f7127ffcd66d1a53e0097526390c78d56e902e",
     "components/datatable/DataGrid.d.ts": "fe6c38c69ddf62249fa9d9920a713386b661f2d500b52e0db13de7f6fa246eb9",
-    "components/datatable/DataGrid.jsx": "f98b241da97de25b2014cc1e28d84d1f35e4f16aeaa64d0e92961eabbc9499c5",
+    "components/datatable/DataGrid.jsx": "e1c12c99dee3b1b1ab1cc81b0b8b6ba2efe8a6a9756f3d48d217366461ddd83f",
     "components/datatable/DataTable.d.ts": "9bda60486320628f2cc08204de69dc41c30250c2c18eb213cdca5a9b1116fed8",
     "components/datatable/DataTable.jsx": "2982f89295d11775882a2411e5bf0eb6fdea123af9431f67bb44a45efe4cbb2c",
     "components/datatable/TreeTable.d.ts": "35a0f878a1b69f7076545ffc4a929bf779847e41f4b7981b4c676d0158272c07",
     "components/datatable/TreeTable.jsx": "0f050c7e325b0c8fdaf425ba35ddfa89565c4816205d79391828efef24d9e2b4",
-    "components/dialog/Dialog.d.ts": "a60c36dcd189c52bd40e8935cfaaf52829dc43db79941ff642360ffe34445a29",
-    "components/dialog/Dialog.jsx": "975f4e5ad0d0d9eb972f3f6e2eb6bd7ecd9ee00c3520268b8355998ab801c240",
-    "components/feedback/Alert.d.ts": "874625a12e07ab58639a7bd1e01607d907d668706663a96f11242e2c1dbf0d66",
-    "components/feedback/Alert.jsx": "b9c0a4e67f41118230fec5abdad7f22e8a98a2a8c46420cde54c1a46759f9d91",
+    "components/dialog/Dialog.d.ts": "7d7880f58ea5e29e0264af5d82439d755d8da23ff27a933503deaaf35d8fe1ff",
+    "components/dialog/Dialog.jsx": "69ea5f27ca854cad7c029680a522df968f491e9aeab617b6104cccf73f318f66",
+    "components/feedback/Alert.d.ts": "c1fd15f2b8211131b1df6607e33152f8924bd3821a74b3a6fe0d4e0e59db5e41",
+    "components/feedback/Alert.jsx": "00beec82c17f94bc99069319b0e8a3a83d90ee8f5321fad72a72344761eb3f7a",
     "components/feedback/Badge.d.ts": "da7458730ed7772a94eeb95673bf9caf86061c090f92d3d9711efa34dc410ca3",
     "components/feedback/Badge.jsx": "6eeac438173e1d489ae503957d6049d4ae4b009350b7ed7a1a0bc789911d2feb",
     "components/feedback/EmptyState.d.ts": "76724d8dadc7169e61a5f28cd2433b1c414264404fd4317e60d5251fdaadaf01",
@@ -122,8 +122,8 @@
     "components/feedback/StatusIndicator.jsx": "b969e7713b3e478b6ed83349472be50553328f98071fc8844da575ef3623a51c",
     "components/feedback/Tag.d.ts": "ecce937a006d75910ae2963856f8be8a9de740a085b36f51a3d277c88c051708",
     "components/feedback/Tag.jsx": "8b6415fd3811a97a82edb62391b0b78059f31ae09b93c92ac55868ca1b68f281",
-    "components/feedback/Toast.d.ts": "9d49bd59876f958c4a82a15725edcd6fd4a03087d5c740c9eecdbf35b9584faf",
-    "components/feedback/Toast.jsx": "f5f63c8605972ff56334fc80071ec8e758f7e024d2528f0681fe17794ae7484c",
+    "components/feedback/Toast.d.ts": "5bae319f9a870dfb54bb234f1b6d9dde268cbdbca721d3ec3d4f465c5cf5b2a6",
+    "components/feedback/Toast.jsx": "600f0efdcc28bfd5118533b75046f07ce72515ab4978386825c0bbc3e2919206",
     "components/forms/Calendar.d.ts": "034dc545cd270d0be426cd3eab940142318192c133813c93bd495add8e1552bd",
     "components/forms/Calendar.jsx": "9300c818b4a4de7425600d8b54f8be62e3ca3e7a7e2c0f25fc3cff1b12dad2ce",
     "components/forms/Cascader.d.ts": "33edbc198353ed41f05867be9e1c04830d5033cf2cf4ceda3e1ba13adef27aea",
@@ -193,8 +193,8 @@
     "components/navigation/BackTop.jsx": "d8ad1e190a8601a55fec8ee5812e0b30d7d5444e82147d1604c86412a8280a1e",
     "components/navigation/Breadcrumb.d.ts": "5cc08095cf636892fcdc0f058a1b0188aed566cf45d82cead05d97d41ec421da",
     "components/navigation/Breadcrumb.jsx": "205de44c5157c6d543f403520f8ba6f0e1a5b0930696eebd5f762ea3b8da6f98",
-    "components/navigation/CommandPalette.d.ts": "d19b4eb7a083a8b4057884a25562272bbbb81345c875d50e70ec3d673ae76893",
-    "components/navigation/CommandPalette.jsx": "7572bc9c884cc84b46d289947aad5d23a6b59bb222a207f7e49e4ce385eb5771",
+    "components/navigation/CommandPalette.d.ts": "fc27fdb09a4f741142a2fa07da7beb4ddc6b7b8967cb9683124a49db5947f5f1",
+    "components/navigation/CommandPalette.jsx": "4d01c61f1a034b08686456d2fec66aa51291f7e9b0e95a9d4e8a8761c0ce9f01",
     "components/navigation/Dock.d.ts": "64256c51d10ca1a2864a22e43a78b77e965e2264142048f66e0a0f5c41dcb34f",
     "components/navigation/Dock.jsx": "77956d94bda2e3eb7e7514926c8adf86da964d59eba49d70368cc63888b3ad2b",
     "components/navigation/HotKeys.d.ts": "dc15f68d6de36d6d4f061c9d871264e27dc9accd88bc1be598df20f361cac96b",
@@ -204,7 +204,7 @@
     "components/navigation/Menu.d.ts": "bb7e9397025be7fcbf2938c4c3dd40b0e6d4f1ca4e3af606ac3d81cce1d7dfcb",
     "components/navigation/Menu.jsx": "d52fc45cfca5febb4d775d9dd10ae771e5333b3ba1c9a97a3eb44fd6ea1f5873",
     "components/navigation/Menubar.d.ts": "4785192d3a6c96b7162d22d2f2148dc4d9b4352b545e96c1f74bba4b5987a5a2",
-    "components/navigation/Menubar.jsx": "21b8409d336182e0706de0d4ece24d2304d1978eea42dbc313949d9a46819ea9",
+    "components/navigation/Menubar.jsx": "c53128a82420abbab20dad86abfd844d8e145544de3fbba52d8d8cba69b1574d",
     "components/navigation/NavigationMenu.d.ts": "d1bc18f0a2991167cc4b556ef10cdf09f061992be6b6733945447503bd768dbc",
     "components/navigation/NavigationMenu.jsx": "2d8e2f9cc80d24827b4b070517b1d69609bf842b9c26fc06912e51a273f2fd98",
     "components/navigation/Pagination.d.ts": "cc398d0ae9c3fc0c0d29728e375accec0d5acd73ce266e30d7fd9ae4ab5a589f",
@@ -221,8 +221,8 @@
     "components/overlays/AlertDialog.jsx": "4da78ce1d38abb6659a45b501abc08310f2fd525b7cae7fb20bb4e293bb8c82d",
     "components/overlays/ContextMenu.d.ts": "3349e7ed1f00edcc6027abc3db0521b6bcf41e113da132dad740a7dfe69a94fa",
     "components/overlays/ContextMenu.jsx": "31ac2665583bd13108b5c5f105e14d2a1ff3f105edbbfdfd91852b002826d499",
-    "components/overlays/Drawer.d.ts": "0ee655f846d77574a82c65378dac2424bb16d5ce6bd9732a71655a5107dff8f9",
-    "components/overlays/Drawer.jsx": "a98fc2c5e5bcfc3c8ff69005bcc5018a54685bfb971690e79cd483d8ce9e1bca",
+    "components/overlays/Drawer.d.ts": "30a912dd6482a2934d1508960d0bf4e76caef7e4055f312bffd77941c05396f2",
+    "components/overlays/Drawer.jsx": "4fa7fd44111751148d9c1e9e48ab4ffed0f17dd2dd64448d9ba354935969c2c1",
     "components/overlays/HoverCard.d.ts": "df155042374dd3bc0dac4d4c031663b84cc4b3407c5ac5764de1baaf3259f497",
     "components/overlays/HoverCard.jsx": "575ff663edf9f4556de55e5eb839dddba27650cf890fee204f8e6ba4d24d6f48",
     "components/overlays/OverlayManager.d.ts": "efa3861eec46a9cbb2d0a4d305ba8db25fb72675dee39677b5d3e803f868d4b2",
@@ -231,12 +231,12 @@
     "components/overlays/Popconfirm.jsx": "53d59355a4426bc59fae7d360118908827ace22c63ee74476535d77a40a75732",
     "components/overlays/Popover.d.ts": "2d6e2bde7df987580b6002bcf500fd7eb67b6fa2cffb475c16b35cc262631d1c",
     "components/overlays/Popover.jsx": "1ca5d2905995cc8166566625208a95e8838815d3abe1298312df71eab90b2679",
-    "components/overlays/Tour.d.ts": "cb41b40137c56919b2db4c7732296410d3b8a047bba0dd27c36bc6bfdc780831",
-    "components/overlays/Tour.jsx": "83459a653179098a298cbdbba807e2544ad3ed8ce2222934d3a61d0529fc8421",
+    "components/overlays/Tour.d.ts": "9b25c447a1606adf4316268de3d0cfb2e99290e3b473510b65f1dc5ffe389e19",
+    "components/overlays/Tour.jsx": "74775e9b0740f093f18283fdab036facbf8ac1370051c950807cae197b192010",
     "components/textfield/TextField.d.ts": "b4762c2a83d9de17f64c6ab61d7291a4e58a32dbd432206464ed56b8d358d54c",
     "components/textfield/TextField.jsx": "878810214bb342d85d933884b5b19984b57f7281e4560c18280b8f4c021c5f99",
     "schemas/component-scenarios.schema.json": "e92986bf453e6b21d41e00f9818213fd7fb63fc17daba1d0ffd5ed092b2d0c96",
-    "scripts/fixtures/component-scenarios.json": "6877abf3237c073b36c3a572eb2fddd03bc6b4f99275d7ce25c82df0b9924fa4",
+    "scripts/fixtures/component-scenarios.json": "0c34e80573c7f759e8d33c89aa54ecc48f09cd5b97ff31d807c992a07daf7ad6",
     "scripts/fixtures/static-html-reference.json": "7077fab3557aebc62ebf2a60858ea7f37f8231870d68bde99eeb4ae885417fa2",
     "scripts/generate-component-scenario-stories.mjs": "0642cec25308d4b8c9aa16052290a6d67648d686ebddd0d36ba03943ea2aa6c8",
     "scripts/generate-component-scenarios.mjs": "d5c2106a7dbadec145bcfa2afb310ca8cc4b07f42276392f8ecc9521e4c81ab7",
@@ -1855,8 +1855,8 @@
           "selector": ".cs-alert",
           "prefix": "cs-alert--",
           "sourceEvidence": {
-            "components/feedback/Alert.jsx": "b9c0a4e67f41118230fec5abdad7f22e8a98a2a8c46420cde54c1a46759f9d91",
-            "components/feedback/Alert.d.ts": "874625a12e07ab58639a7bd1e01607d907d668706663a96f11242e2c1dbf0d66"
+            "components/feedback/Alert.jsx": "00beec82c17f94bc99069319b0e8a3a83d90ee8f5321fad72a72344761eb3f7a",
+            "components/feedback/Alert.d.ts": "c1fd15f2b8211131b1df6607e33152f8924bd3821a74b3a6fe0d4e0e59db5e41"
           },
           "defaultValues": {
             "variant": "info"
@@ -1883,8 +1883,8 @@
         "selector": ".cs-alert",
         "prefix": "cs-alert--",
         "sourceEvidence": {
-          "components/feedback/Alert.jsx": "b9c0a4e67f41118230fec5abdad7f22e8a98a2a8c46420cde54c1a46759f9d91",
-          "components/feedback/Alert.d.ts": "874625a12e07ab58639a7bd1e01607d907d668706663a96f11242e2c1dbf0d66"
+          "components/feedback/Alert.jsx": "00beec82c17f94bc99069319b0e8a3a83d90ee8f5321fad72a72344761eb3f7a",
+          "components/feedback/Alert.d.ts": "c1fd15f2b8211131b1df6607e33152f8924bd3821a74b3a6fe0d4e0e59db5e41"
         },
         "defaultValues": {
           "variant": "info"
@@ -1910,8 +1910,8 @@
         "selector": ".cs-alert",
         "prefix": "cs-alert--",
         "sourceEvidence": {
-          "components/feedback/Alert.jsx": "b9c0a4e67f41118230fec5abdad7f22e8a98a2a8c46420cde54c1a46759f9d91",
-          "components/feedback/Alert.d.ts": "874625a12e07ab58639a7bd1e01607d907d668706663a96f11242e2c1dbf0d66"
+          "components/feedback/Alert.jsx": "00beec82c17f94bc99069319b0e8a3a83d90ee8f5321fad72a72344761eb3f7a",
+          "components/feedback/Alert.d.ts": "c1fd15f2b8211131b1df6607e33152f8924bd3821a74b3a6fe0d4e0e59db5e41"
         },
         "defaultValues": {
           "variant": "info"
@@ -1937,8 +1937,8 @@
         "selector": ".cs-alert",
         "prefix": "cs-alert--",
         "sourceEvidence": {
-          "components/feedback/Alert.jsx": "b9c0a4e67f41118230fec5abdad7f22e8a98a2a8c46420cde54c1a46759f9d91",
-          "components/feedback/Alert.d.ts": "874625a12e07ab58639a7bd1e01607d907d668706663a96f11242e2c1dbf0d66"
+          "components/feedback/Alert.jsx": "00beec82c17f94bc99069319b0e8a3a83d90ee8f5321fad72a72344761eb3f7a",
+          "components/feedback/Alert.d.ts": "c1fd15f2b8211131b1df6607e33152f8924bd3821a74b3a6fe0d4e0e59db5e41"
         },
         "defaultValues": {
           "variant": "info"
@@ -1964,8 +1964,8 @@
         "selector": ".cs-alert",
         "prefix": "cs-alert--",
         "sourceEvidence": {
-          "components/feedback/Alert.jsx": "b9c0a4e67f41118230fec5abdad7f22e8a98a2a8c46420cde54c1a46759f9d91",
-          "components/feedback/Alert.d.ts": "874625a12e07ab58639a7bd1e01607d907d668706663a96f11242e2c1dbf0d66"
+          "components/feedback/Alert.jsx": "00beec82c17f94bc99069319b0e8a3a83d90ee8f5321fad72a72344761eb3f7a",
+          "components/feedback/Alert.d.ts": "c1fd15f2b8211131b1df6607e33152f8924bd3821a74b3a6fe0d4e0e59db5e41"
         },
         "defaultValues": {
           "variant": "info"
@@ -3880,8 +3880,8 @@
         "selector": ".cs-cmdk__status",
         "noItems": ".cs-cmdk__item",
         "sourceEvidence": {
-          "components/navigation/CommandPalette.jsx": "7572bc9c884cc84b46d289947aad5d23a6b59bb222a207f7e49e4ce385eb5771",
-          "components/navigation/CommandPalette.d.ts": "d19b4eb7a083a8b4057884a25562272bbbb81345c875d50e70ec3d673ae76893"
+          "components/navigation/CommandPalette.jsx": "4d01c61f1a034b08686456d2fec66aa51291f7e9b0e95a9d4e8a8761c0ce9f01",
+          "components/navigation/CommandPalette.d.ts": "fc27fdb09a4f741142a2fa07da7beb4ddc6b7b8967cb9683124a49db5947f5f1"
         }
       },
       "sourcePath": "components/navigation/CommandPalette.jsx",
@@ -3988,7 +3988,7 @@
         "selector": ".cs-table__empty",
         "noItems": "tbody tr:not(:has(.cs-table__empty))",
         "sourceEvidence": {
-          "components/datatable/DataGrid.jsx": "f98b241da97de25b2014cc1e28d84d1f35e4f16aeaa64d0e92961eabbc9499c5",
+          "components/datatable/DataGrid.jsx": "e1c12c99dee3b1b1ab1cc81b0b8b6ba2efe8a6a9756f3d48d217366461ddd83f",
           "components/datatable/DataGrid.d.ts": "fe6c38c69ddf62249fa9d9920a713386b661f2d500b52e0db13de7f6fa246eb9"
         }
       },
@@ -7197,8 +7197,8 @@
           "selector": ".cs-toast",
           "prefix": "cs-toast--",
           "sourceEvidence": {
-            "components/feedback/Toast.jsx": "f5f63c8605972ff56334fc80071ec8e758f7e024d2528f0681fe17794ae7484c",
-            "components/feedback/Toast.d.ts": "9d49bd59876f958c4a82a15725edcd6fd4a03087d5c740c9eecdbf35b9584faf"
+            "components/feedback/Toast.jsx": "600f0efdcc28bfd5118533b75046f07ce72515ab4978386825c0bbc3e2919206",
+            "components/feedback/Toast.d.ts": "5bae319f9a870dfb54bb234f1b6d9dde268cbdbca721d3ec3d4f465c5cf5b2a6"
           },
           "defaultValues": {
             "variant": "default"
@@ -7225,8 +7225,8 @@
         "selector": ".cs-toast",
         "prefix": "cs-toast--",
         "sourceEvidence": {
-          "components/feedback/Toast.jsx": "f5f63c8605972ff56334fc80071ec8e758f7e024d2528f0681fe17794ae7484c",
-          "components/feedback/Toast.d.ts": "9d49bd59876f958c4a82a15725edcd6fd4a03087d5c740c9eecdbf35b9584faf"
+          "components/feedback/Toast.jsx": "600f0efdcc28bfd5118533b75046f07ce72515ab4978386825c0bbc3e2919206",
+          "components/feedback/Toast.d.ts": "5bae319f9a870dfb54bb234f1b6d9dde268cbdbca721d3ec3d4f465c5cf5b2a6"
         },
         "defaultValues": {
           "variant": "default"
@@ -7252,8 +7252,8 @@
         "selector": ".cs-toast",
         "prefix": "cs-toast--",
         "sourceEvidence": {
-          "components/feedback/Toast.jsx": "f5f63c8605972ff56334fc80071ec8e758f7e024d2528f0681fe17794ae7484c",
-          "components/feedback/Toast.d.ts": "9d49bd59876f958c4a82a15725edcd6fd4a03087d5c740c9eecdbf35b9584faf"
+          "components/feedback/Toast.jsx": "600f0efdcc28bfd5118533b75046f07ce72515ab4978386825c0bbc3e2919206",
+          "components/feedback/Toast.d.ts": "5bae319f9a870dfb54bb234f1b6d9dde268cbdbca721d3ec3d4f465c5cf5b2a6"
         },
         "defaultValues": {
           "variant": "default"
@@ -7279,8 +7279,8 @@
         "selector": ".cs-toast",
         "prefix": "cs-toast--",
         "sourceEvidence": {
-          "components/feedback/Toast.jsx": "f5f63c8605972ff56334fc80071ec8e758f7e024d2528f0681fe17794ae7484c",
-          "components/feedback/Toast.d.ts": "9d49bd59876f958c4a82a15725edcd6fd4a03087d5c740c9eecdbf35b9584faf"
+          "components/feedback/Toast.jsx": "600f0efdcc28bfd5118533b75046f07ce72515ab4978386825c0bbc3e2919206",
+          "components/feedback/Toast.d.ts": "5bae319f9a870dfb54bb234f1b6d9dde268cbdbca721d3ec3d4f465c5cf5b2a6"
         },
         "defaultValues": {
           "variant": "default"