@cyberskill/design 2.0.0 → 2.2.0

package/ui_kits/website/site.css

@@ -3,6 +3,7 @@
  * genie GLB over this base; here the base is the product. */
 
 /* Tall sticky .hdr — WCAG 2.2 focus-not-obscured (UX-033). */
+html, body { overflow-x: clip; }
 .site {
   --cs-scroll-padding-block-start: calc(var(--cs-space-16) + var(--cs-space-2));
   font-family: var(--cs-font-family-ui);
@@ -23,7 +24,7 @@
 
 /* header */
 .hdr { position: sticky; top: 0; z-index: var(--cs-depth-nav); border-bottom: 1px solid var(--cs-glass-light-border); }
-.hdr-in { display: flex; align-items: center; gap: var(--cs-space-6); padding: 12px 0; }
+.hdr-in { display: flex; align-items: center; gap: var(--cs-space-6); padding-block: 12px; }
 .brand { display: flex; align-items: center; gap: 10px; font-weight: 800; font-size: 18px; letter-spacing: -.01em; color: var(--cs-color-brand-umber); }
 .brand img { width: 34px; height: 34px; }
 .nav { display: flex; gap: var(--cs-space-5); margin-left: var(--cs-space-4); }
@@ -36,20 +37,22 @@
 
 /* hero */
 .hero { position: relative; overflow: hidden; background: var(--cs-color-brand-umber); color: #fff; }
+.hero :focus-visible, .band :focus-visible, .work-hero :focus-visible, .ft :focus-visible { outline-color: #FFFDF8; box-shadow: 0 0 0 5px var(--cs-color-accent-ochre); }
 .hero::before { content: ""; position: absolute; inset: 0; background-image: url("../../assets/aurora-tho.webp"); background-size: cover; background-position: center; opacity: .5; }
 .hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(26,17,8,.35), rgba(26,17,8,.82) 78%); }
-.hero-in { position: relative; z-index: 1; display: grid; grid-template-columns: 1.35fr .65fr; gap: var(--cs-space-8); align-items: center; padding: 84px 0 96px; }
+.hero-in { position: relative; z-index: 1; display: grid; grid-template-columns: 1.35fr .65fr; gap: var(--cs-space-8); align-items: center; padding-block: 84px 96px; }
+.hero-in > * { min-width: 0; }
 .hero .eyebrow { color: var(--cs-color-brand-ochre); }
 .hero h1 { font-size: clamp(40px, 6vw, 68px); font-weight: 800; letter-spacing: -.02em; line-height: 1.05; margin: 14px 0 6px; color: var(--cs-color-brand-ochre); }
 .hero .vn { font-size: 20px; font-weight: 600; opacity: .9; margin-bottom: 18px; }
 .hero .lead { font-size: 18px; line-height: 1.55; max-width: min(620px, var(--cs-prose-measure, 45rem)); opacity: .95; }
 .wish { display: flex; gap: 10px; margin-top: 26px; max-width: 620px; flex-wrap: wrap; }
-.wish input { flex: 1 1 300px; min-height: 52px; border-radius: var(--cs-radius-full); border: 1px solid rgba(255,255,255,.28); background: rgba(255,255,255,.1); backdrop-filter: blur(8px); color: #fff; padding: 0 22px; font: 400 15px/1 var(--cs-font-family-ui); }
+.wish input { flex: 1 1 300px; min-width: 0; min-height: 52px; border-radius: var(--cs-radius-full); border: 1px solid rgba(255,253,248,.85) !important; background: color-mix(in oklab, var(--cs-color-surface-page) 12%, transparent); backdrop-filter: blur(8px); color: #fff; padding: 0 22px; font: 400 15px/1 var(--cs-font-family-ui); }
 .wish input::placeholder { color: rgba(255,255,255,.72); }
 .wish input:focus { outline: 3px solid var(--cs-color-brand-ochre); outline-offset: 1px; }
-.site a.btn-gold, .btn-gold { background: var(--cs-color-brand-ochre); color: var(--cs-color-brand-umber); border: 0; border-radius: var(--cs-radius-full); min-height: 52px; padding: 0 26px; font: 700 15px/1 var(--cs-font-family-ui); cursor: pointer; display: inline-flex; align-items: center; gap: 8px; }
+.site a.btn-gold, .btn-gold { background: var(--cs-color-brand-ochre); color: var(--cs-color-brand-umber); border: 0; border-radius: var(--cs-radius-full); min-height: 52px; padding: 0 26px; font: 700 15px/1 var(--cs-font-family-ui); cursor: pointer; display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; }
 .btn-gold:hover { filter: brightness(1.06); }
-.btn-ghost-light { background: transparent; color: #fff; border: 1px solid rgba(255,255,255,.4); border-radius: var(--cs-radius-full); min-height: 52px; padding: 0 22px; font: 700 15px/1 var(--cs-font-family-ui); cursor: pointer; }
+.btn-ghost-light { background: transparent; color: #fff; border: 1px solid rgba(255,255,255,.4); border-radius: var(--cs-radius-full); min-height: 52px; padding: 0 22px; font: 700 15px/1 var(--cs-font-family-ui); cursor: pointer; white-space: nowrap; }
 .btn-ghost-light:hover { background: rgba(255,255,255,.1); }
 .hero-art { position: relative; justify-self: center; }
 .hero-art img { width: 260px; filter: drop-shadow(0 24px 60px rgba(0,0,0,.5)); animation: float 6s var(--cs-ease-standard) infinite; }
@@ -110,7 +113,8 @@
 .fab { position: fixed; right: 22px; bottom: 22px; z-index: var(--cs-depth-toast); background: var(--cs-color-brand-ochre); color: var(--cs-color-brand-umber); border: 0; border-radius: var(--cs-radius-full); height: 56px; padding: 0 22px 0 18px; font: 700 15px/1 var(--cs-font-family-ui); cursor: pointer; display: inline-flex; align-items: center; gap: 10px; box-shadow: var(--cs-shadow-lg); }
 .fab:hover { filter: brightness(1.06); }
 .fab img { width: 30px; height: 30px; }
-.chat { position: fixed; right: 22px; bottom: 22px; z-index: calc(var(--cs-depth-toast) + 1); width: min(380px, calc(100vw - 44px)); border-radius: var(--cs-radius-lg); overflow: hidden; box-shadow: var(--cs-shadow-xl); display: flex; flex-direction: column; max-height: min(560px, 84vh); }
+.chat { position: fixed; right: 22px; bottom: 22px; z-index: calc(var(--cs-depth-toast) + 1); width: min(380px, calc(100% - 44px)); border-radius: var(--cs-radius-lg); overflow: hidden; box-shadow: var(--cs-shadow-xl); display: flex; flex-direction: column; max-height: min(560px, 84vh); }
+@media (prefers-reduced-transparency: reduce) { .wish input { backdrop-filter: none; -webkit-backdrop-filter: none; background: #2c1609; } }
 .chat-h { background: var(--cs-color-brand-umber); color: #fff; padding: 14px 16px; display: flex; align-items: center; gap: 10px; }
 .chat-h img { width: 30px; height: 30px; }
 .chat-h b { font-size: 14px; }
@@ -132,6 +136,9 @@
   .hero-in { grid-template-columns: 1fr; } .hero-art { display: none; }
   .svc-grid, .steps, .contact-grid { grid-template-columns: 1fr; }
   .nav { display: none; }
+  .hdr-in { gap: var(--cs-space-3); }
+  .hdr-side { gap: 6px; }
+  .mini { padding: 0 11px; font-size: 12px; }
 }
 /* G1 / TASK-IMP-025 — size from `.container` parent, not only viewport. */
 @container cs (max-width: 768px) {
@@ -143,4 +150,21 @@
 /* Keep native header controls reachable on narrow phones. */
 @media (max-width: 360px) {
   .hdr-in { flex-wrap: wrap; gap: var(--cs-space-3); }
+  .mini { white-space: normal; }
+}
+
+@media screen and (min-width: 361px) and (max-width: 768px), screen and (min-width: 1024px) {
+  .site :is(.nav a, .mini, .hero .vn, .svc li, .chips button, h3, .cs-field__label, .sent, .case-tags span) {
+    font-weight: 700;
+  }
+}
+
+@media screen and (min-width: 1024px) {
+  .hero-in { min-height: 740px; padding-block: 96px 136px; }
+  .hero-art img { width: 320px; }
+  .sec { padding: 168px 0; }
+  .svc-grid { grid-template-columns: 1.12fr 1fr 1fr; }
+  .svc { padding: 48px 28px; }
+  .step { padding-top: 36px; }
+  [id="careers"], .sec:has(.band) { background-color: var(--cs-color-surface-page); color: var(--cs-color-text-primary); }
 }

package/ui_kits/website/work.html

@@ -4,32 +4,37 @@
 <head>
 <meta charset="utf-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1" />
+<meta name="description" content="cyberskill.world — work: Sample case-study grid, results band and contact-preview link" />
 <title>CyberSkill · Work</title>
 <link rel="icon" href="../../assets/favicon.svg" />
 <link rel="stylesheet" href="../../styles.css" />
 <link rel="stylesheet" href="site.css" />
 <style>
+  /* hero: banner */
   html, body { margin: 0; }
-  .work-hero { background: var(--cs-color-brand-umber); color: #fff; padding: 72px 0 60px; position: relative; overflow: hidden; }
+  @media screen and (min-width: 1024px) {
+    .work-hero + .sec { padding-top: 84px; }
+  }
+  .work-hero { background: var(--cs-color-brand-umber); color: #fff; padding: 88px 0 60px; position: relative; overflow: hidden; }
   .work-hero::before { content: ""; position: absolute; inset: 0; background-image: url("../../assets/aurora-tho.webp"); background-size: cover; background-position: center; opacity: .34; }
   .work-hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(26,17,8,.3), rgba(26,17,8,.75)); }
   .work-hero .container { position: relative; z-index: 1; }
   .work-hero h1 { font-size: clamp(36px, 5vw, 54px); font-weight: 800; letter-spacing: -.02em; color: var(--cs-color-brand-ochre); margin: 12px 0 6px; }
   .work-hero p { font-size: 18px; opacity: .92; max-width: 620px; margin: 0; }
   .case-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 22px; }
-  .case { border: 1px solid var(--cs-color-border-default); border-radius: var(--cs-radius-lg); overflow: hidden; background: var(--cs-color-surface-panel); box-shadow: var(--cs-shadow-sm); transition: border-color .12s, box-shadow .12s; }
-  .case:hover { border-color: var(--cs-color-brand-ochre); box-shadow: var(--cs-shadow-md); }
+  .case { border: 1px solid var(--cs-color-border-default); border-radius: var(--cs-radius-lg); overflow: hidden; background: var(--cs-color-surface-panel); color: var(--cs-color-text-primary); box-shadow: var(--cs-shadow-xs); transition: border-color var(--cs-duration-fast) var(--cs-ease-standard); }
+  .case:hover { border-color: var(--cs-color-brand-ochre); box-shadow: var(--cs-shadow-sm); }
   .case-cap { height: 128px; display: flex; align-items: flex-end; padding: 16px 18px; font-family: var(--cs-font-family-mono); font-weight: 700; font-size: 22px; }
   .case-cap.a { background: var(--cs-color-brand-umber); color: var(--cs-color-brand-ochre); }
   .case-cap.b { background: var(--cs-color-brand-ochre); color: var(--cs-color-brand-umber); }
   .case-cap.c { background: #6E3B0E; color: #fff; }
   .case-b { padding: 18px 20px 22px; }
-  .case-b h3 { margin: 0 0 6px; font-size: 20px; }
+  .case-b h2, .case-b h3 { margin: 0 0 6px; font-size: 20px; }
   .case-b p { margin: 0 0 14px; color: var(--cs-color-text-muted); font-size: 14.5px; line-height: 1.5; }
   .case-tags { display: flex; flex-wrap: wrap; gap: 6px; }
   .case-tags span { font-size: 12px; font-weight: 600; background: var(--cs-color-surface-raised); border: 1px solid var(--cs-color-border-default); border-radius: var(--cs-radius-full); padding: 4px 10px; color: var(--cs-color-text-primary); }
   .results { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; text-align: center; }
-  .results .n { font-size: 44px; font-weight: 800; letter-spacing: -.02em; color: var(--cs-color-text-primary); }
+  .results .n { font-size: 44px; font-weight: 800; letter-spacing: -.02em; color: var(--cs-color-text-primary); font-variant-numeric: tabular-nums; }
   .results .l { color: var(--cs-color-text-muted); font-size: 14px; margin-top: 2px; }
   @media (max-width: 760px) { .results { grid-template-columns: 1fr 1fr; } .nav { display: none; } }
   /* G1 / TASK-IMP-025 — results band from `.container` width. */
@@ -46,14 +51,14 @@
     <div class="container hdr-in">
       <a class="brand" href="index.html"><img src="../../assets/logo-mark.svg" alt="" />CyberSkill</a>
       <nav class="nav"><a href="index.html#services" data-vi="Dịch vụ">Services</a><a href="work.html" data-vi="Dự án">Work</a><a href="careers.html" data-vi="Tuyển dụng">Careers</a><a href="index.html#contact" data-vi="Liên hệ">Contact</a></nav>
-      <div class="hdr-side"><a class="mini" href="#" id="langToggle">Tiếng Việt</a><a class="mini" style="background:var(--cs-color-brand-umber);color:#fff;border-color:transparent" href="index.html#top" data-vi="Trò chuyện với Lumi">Talk to Lumi</a></div>
+      <div class="hdr-side"><a class="mini" href="#" id="langToggle" aria-label="Switch to Tiếng Việt" data-vi-aria-label="Chuyển sang English">Tiếng Việt</a><a class="mini" style="background:var(--cs-color-brand-umber);color:#fff;border-color:transparent" href="index.html#top" data-vi="Trò chuyện với Lumi">Talk to Lumi</a></div>
     </div>
   </header>
 
   <main id="main" tabindex="-1">
   <section class="work-hero">
     <div class="container">
-      <div class="eyebrow" style="color:var(--cs-color-brand-ochre)" data-vi="Dự án minh họa">Sample work</div>
+      <div class="eyebrow" role="group" style="color:var(--cs-color-brand-ochre)" data-vi="Dự án minh họa">Sample work</div>
       <h1 data-vi="Những điều ước minh họa">Sample wishes</h1>
       <p data-vi="Nội dung minh họa giao diện. Xác minh dự án, kết quả và số liệu trước khi công bố.">Illustrative interface content. Verify projects, results and figures before publishing.</p>
     </div>

package/components/_utils/use-viewport-panel.js

@@ -1,30 +0,0 @@
-import { useClientLayoutEffect } from './use-client-layout-effect.js';
-
-// Constrain an anchored panel without transforms, which retain the original
-// layout overflow even when their painted contents move into the viewport.
-export function useViewportPanel(panelRef, enabled, identity = enabled) {
-  useClientLayoutEffect(() => {
-    if (!enabled || !panelRef.current) return;
-    const panel = panelRef.current;
-    const position = () => {
-      const width = document.documentElement.clientWidth;
-      panel.style.setProperty('--_cs-panel-max-inline-size', Math.max(0, width - 16) + 'px');
-      panel.style.setProperty('--_cs-panel-inline-offset', '0px');
-      const box = panel.getBoundingClientRect();
-      const left = Math.max(8, Math.min(box.left, width - 8 - box.width));
-      const sign = getComputedStyle(panel).direction === 'rtl' ? -1 : 1;
-      panel.style.setProperty('--_cs-panel-inline-offset', sign * (left - box.left) + 'px');
-    };
-    position();
-    const observer = new ResizeObserver(position);
-    observer.observe(panel);
-    if (panel.parentElement) observer.observe(panel.parentElement);
-    window.addEventListener('resize', position);
-    window.addEventListener('scroll', position, true);
-    return () => {
-      observer.disconnect();
-      window.removeEventListener('resize', position);
-      window.removeEventListener('scroll', position, true);
-    };
-  }, [panelRef, enabled, identity]);
-}

package/dist/esm/chunks/chunk-CH4W6RCG.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../components/overlays/Tour.jsx"],
-  "sourcesContent": ["import { useComposedRefs } from \"../_utils/refs.js\";\nimport { mergeTargetProps } from \"../_utils/field-association.js\";\nimport React from \"react\";\nimport { makeT, useLang } from \"../_i18n/i18n.js\";\nimport { useOverlayLayer, overlayScopeContext } from \"./OverlayManager.jsx\";\nimport { cx } from \"../_utils/cx.js\";\n\n/** CyberSkill Tour — spotlight walkthrough over target elements (by CSS selector). Controlled via open/onClose. */\nexport const Tour = React.forwardRef(function Tour({ steps = [], open, onClose, lang, className , rootProps }, forwardedRef) {\n  const [storedIndex, setI] = React.useState(0);\n  const i = Math.max(0, Math.min(storedIndex, steps.length - 1));\n  if (storedIndex !== i) setI(i);\n  const [rect, setRect] = React.useState(null);\n  const [pop, setPop] = React.useState({ top: 80, left: 40 });\n  const [ref, L, localeMessages] = useLang(lang);\n  const t = makeT(\"Tour\", L, localeMessages);\n  const panel = React.useRef(null);\n  const mergedNativeRef = useComposedRefs(panel, forwardedRef);\n  const titleId = React.useId();\n  const backdrop = React.useRef(null);\n  const { scope } = useOverlayLayer({ open: !!open && steps.length > 0, kind: \"modal\", trapFocus: true, panelRef: panel, backdropRef: backdrop, onEscape: onClose });\n  React.useEffect(() => { if (open) setI(0); }, [open]);\n  const target = steps[i]?.target;\n  React.useEffect(() => {\n    if (!open || !target) {\n      setRect(null);\n      setPop({ top: 80, left: 40 });\n      return undefined;\n    }\n    let frame;\n    let previous;\n    const measure = () => {\n      let el = null;\n      try { el = document.querySelector(target); } catch (e) { el = null; }\n      const r = el?.getBoundingClientRect();\n      const next = r ? { x: r.left - 6, y: r.top - 6, w: r.width + 12, h: r.height + 12 } : null;\n      const position = next ? {\n        top: Math.min(window.innerHeight - 170, next.y + next.h + 12),\n        left: Math.max(12, Math.min(window.innerWidth - 292, next.x)),\n      } : { top: 80, left: 40 };\n      const signature = JSON.stringify([next, position]);\n      if (signature !== previous) {\n        previous = signature;\n        setRect(next);\n        setPop(position);\n      }\n      // Layout shifts and transformed/replaced targets need not emit resize or scroll.\n      frame = requestAnimationFrame(measure);\n    };\n    measure();\n    return () => cancelAnimationFrame(frame);\n  }, [open, target]);\n  if (!open || !steps.length) return <span ref={ref} style={{ display: \"none\" }} />;\n  const s = steps[i];\n  const last = i === steps.length - 1;\n  return (\n    <overlayScopeContext.Provider value={scope}>\n    <div ref={ref} {...mergeTargetProps({ \"className\": cx(\"cs-tour\", className) }, rootProps, [])}>\n      <div ref={backdrop} className=\"cs-tour__scrim\" onClick={onClose} />\n      {rect ? <div className=\"cs-tour__hole\" style={{ left: rect.x, top: rect.y, width: rect.w, height: rect.h }} /> : null}\n      <div ref={mergedNativeRef} tabIndex={-1} className=\"cs-tour__pop\" role=\"dialog\" aria-modal=\"true\" aria-labelledby={titleId} style={{ left: pop.left, top: pop.top }}>\n        <b id={titleId}>{s.title}</b>\n        {(s.body || s.body === 0) ? <p>{s.body}</p> : null}\n        <div className=\"cs-tour__bar\">\n          <span className=\"cs-tour__count\">{(i + 1) + \" / \" + steps.length}</span>\n          <span className=\"cs-tour__btns\">\n            <button type=\"button\" className=\"cs-button cs-button--ghost cs-button--xs\" onClick={onClose}>{t(\"skip\")}</button>\n            {i > 0 ? <button type=\"button\" className=\"cs-button cs-button--secondary cs-button--xs\" onClick={() => setI(i - 1)}>{t(\"back\")}</button> : null}\n            <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>\n          </span>\n        </div>\n      </div>\n    </div>\n    </overlayScopeContext.Provider>\n  );\n});\nTour.displayName = \"Tour\";\n"],
-  "mappings": "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",
-  "names": ["Tour"]
-}

package/dist/esm/chunks/chunk-F3M5TQ76.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../components/dialog/Dialog.jsx"],
-  "sourcesContent": ["import { useComposedRefs } from \"../_utils/refs.js\";\nimport React from \"react\";\nimport { makeT, useLang } from \"../_i18n/i18n.js\";\nimport { Icon } from \"../icon/Icon.jsx\";\nimport { cx } from \"../_utils/cx.js\";\nimport { overlaySurfaceClass, useOverlaySurface } from \"../_utils/use-overlay-surface.js\";\nimport { useOverlayLayer, overlayScopeContext } from \"../overlays/OverlayManager.jsx\";\n\n/**\n * CyberSkill Dialog — modal overlay + panel. aria-modal, labelled by title and\n * described by its body, scrim click closes. Body scroll is locked while open\n * via the overlay manager (nested-safe). Compose actions in the footer with Buttons.\n */\nexport const Dialog = React.forwardRef(function Dialog({\n  open,\n  title,\n  children,\n  actions,\n  onClose,\n  className,\n  closeLabel,\n  lang,\n  ...props\n}, forwardedRef) {\n  const baseId = React.useId();\n  const titleId = baseId + \"-title\";\n  const bodyId = children == null ? undefined : baseId + \"-body\";\n  const [ref, L, localeMessages] = useLang(lang);\n  const panel = React.useRef(null);\n  const mergedNativeRef = useComposedRefs(panel, forwardedRef);\n  const backdrop = React.useRef(null);\n  const material = overlaySurfaceClass(className);\n  const surface = useOverlaySurface(!!open, panel, material);\n  const closeRef = React.useRef(onClose);\n  closeRef.current = onClose;\n\n  const { scope } = useOverlayLayer({\n    open: !!open,\n    kind: \"modal\",\n    trapFocus: true,\n    onEscape: () => closeRef.current && closeRef.current(),\n    panelRef: panel,\n    backdropRef: backdrop,\n  });\n\n  const cl = closeLabel != null ? closeLabel : makeT(\"Dialog\", L, localeMessages)(\"close\");\n  if (!open) return null;\n  return (\n    <overlayScopeContext.Provider value={scope}>\n    <div ref={ref} className=\"cs-dialog-layer\">\n      <div ref={backdrop} className=\"cs-dialog__overlay\" onClick={onClose} aria-hidden=\"true\" />\n      {material ? <div ref={surface} className={cx(\"cs-overlay-surface\", material)} aria-hidden=\"true\" /> : null}\n      <section\n        {...props}\n        ref={mergedNativeRef}\n        data-cs-overlay-material={material || undefined}\n        tabIndex={-1}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby={titleId}\n        aria-describedby={Object.prototype.hasOwnProperty.call(props, \"aria-describedby\") ? (props[\"aria-describedby\"] || undefined) : bodyId}\n        className={cx(\"cs-dialog\", className)}\n      >\n        <header className=\"cs-dialog__header\">\n          <h2 id={titleId} className=\"cs-dialog__title\">{title}</h2>\n          {onClose ? (\n            <button type=\"button\" className=\"cs-button cs-button--ghost cs-button--sm\" onClick={onClose} aria-label={cl}>\n              <Icon name=\"close\" size=\"sm\" />\n            </button>\n          ) : null}\n        </header>\n        <div id={bodyId} className=\"cs-dialog__body\">{children}</div>\n        {(actions || actions === 0) ? <footer className=\"cs-dialog__actions\">{actions}</footer> : null}\n      </section>\n    </div>\n    </overlayScopeContext.Provider>\n  );\n});\nDialog.displayName = \"Dialog\";\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,WAAW;AAYX,IAAM,SAAS,MAAM,WAAW,SAASA,QAAO;AAAA,EACrD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAG,cAAc;AACf,QAAM,SAAS,MAAM,MAAM;AAC3B,QAAM,UAAU,SAAS;AACzB,QAAM,SAAS,YAAY,OAAO,SAAY,SAAS;AACvD,QAAM,CAAC,KAAK,GAAG,cAAc,IAAI,QAAQ,IAAI;AAC7C,QAAM,QAAQ,MAAM,OAAO,IAAI;AAC/B,QAAM,kBAAkB,gBAAgB,OAAO,YAAY;AAC3D,QAAM,WAAW,MAAM,OAAO,IAAI;AAClC,QAAM,WAAW,oBAAoB,SAAS;AAC9C,QAAM,UAAU,kBAAkB,CAAC,CAAC,MAAM,OAAO,QAAQ;AACzD,QAAM,WAAW,MAAM,OAAO,OAAO;AACrC,WAAS,UAAU;AAEnB,QAAM,EAAE,MAAM,IAAI,gBAAgB;AAAA,IAChC,MAAM,CAAC,CAAC;AAAA,IACR,MAAM;AAAA,IACN,WAAW;AAAA,IACX,UAAU,MAAM,SAAS,WAAW,SAAS,QAAQ;AAAA,IACrD,UAAU;AAAA,IACV,aAAa;AAAA,EACf,CAAC;AAED,QAAM,KAAK,cAAc,OAAO,aAAa,MAAM,UAAU,GAAG,cAAc,EAAE,OAAO;AACvF,MAAI,CAAC,KAAM,QAAO;AAClB,SACE,oCAAC,oBAAoB,UAApB,EAA6B,OAAO,SACrC,oCAAC,SAAI,KAAU,WAAU,qBACvB,oCAAC,SAAI,KAAK,UAAU,WAAU,sBAAqB,SAAS,SAAS,eAAY,QAAO,GACvF,WAAW,oCAAC,SAAI,KAAK,SAAS,WAAW,GAAG,sBAAsB,QAAQ,GAAG,eAAY,QAAO,IAAK,MACtG;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,4BAA0B,YAAY;AAAA,MACtC,UAAU;AAAA,MACV,MAAK;AAAA,MACL,cAAW;AAAA,MACX,mBAAiB;AAAA,MACjB,oBAAkB,OAAO,UAAU,eAAe,KAAK,OAAO,kBAAkB,IAAK,MAAM,kBAAkB,KAAK,SAAa;AAAA,MAC/H,WAAW,GAAG,aAAa,SAAS;AAAA;AAAA,IAEpC,oCAAC,YAAO,WAAU,uBAChB,oCAAC,QAAG,IAAI,SAAS,WAAU,sBAAoB,KAAM,GACpD,UACC,oCAAC,YAAO,MAAK,UAAS,WAAU,4CAA2C,SAAS,SAAS,cAAY,MACvG,oCAAC,QAAK,MAAK,SAAQ,MAAK,MAAK,CAC/B,IACE,IACN;AAAA,IACA,oCAAC,SAAI,IAAI,QAAQ,WAAU,qBAAmB,QAAS;AAAA,IACrD,WAAW,YAAY,IAAK,oCAAC,YAAO,WAAU,wBAAsB,OAAQ,IAAY;AAAA,EAC5F,CACF,CACA;AAEJ,CAAC;AACD,OAAO,cAAc;",
-  "names": ["Dialog"]
-}

package/dist/esm/chunks/chunk-GWBINWTF.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../components/feedback/Toast.jsx"],
-  "sourcesContent": ["import { useComposedRefs } from \"../_utils/refs.js\";\nimport { mergeTargetProps } from \"../_utils/field-association.js\";\nimport React from \"react\";\nimport { makeT, useLang } from \"../_i18n/i18n.js\";\nimport { useOverlayLayer, overlayScopeContext } from \"../overlays/OverlayManager.jsx\";\nimport { cx } from \"../_utils/cx.js\";\n\n/** Variant glyphs — aligned with Alert so status is never colour-alone (FIND-036). */\nconst PATHS = {\n  default: \"M12 8h.01M11 12h1v4h1 M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18z\",\n  success: \"M4 12.5l5 5 11-11\",\n  danger: \"M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18z M9 9l6 6 M15 9l-6 6\",\n};\nfunction DefaultIcon({ variant }) {\n  return (\n    <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\">\n      <path d={PATHS[variant] || PATHS.default} />\n    </svg>\n  );\n}\n\n/** Fixed-position stack for Toasts (bottom-right). */\nexport const ToastStack = React.forwardRef(function ToastStack({ children, lang, className , rootProps }, forwardedRef) {\n  const [ref, L, localeMessages] = useLang(lang);\n  const mergedNativeRef = useComposedRefs(ref, forwardedRef);\n  return <div ref={mergedNativeRef} {...mergeTargetProps({ \"className\": cx(\"cs-toast-stack\", className) }, rootProps, [\"role\",\"aria-label\"])} role=\"region\" aria-label={makeT(\"Toast\", L, localeMessages)(\"notifications\")}>{children}</div>;\n});\nToastStack.displayName = \"ToastStack\";\n\n/** CyberSkill Toast — transient notification. variant: default | success | danger. */\nexport const Toast = React.forwardRef(function Toast({ variant = \"default\", title, icon, onClose, lang, children, className, ...props }, forwardedRef) {\n  const [ref, L, localeMessages] = useLang(lang);\n  const mergedNativeRef = useComposedRefs(ref, forwardedRef);\n  const { scope } = useOverlayLayer({ open: true, kind: \"toast\", panelRef: ref, restoreFocus: false });\n  return (\n    <overlayScopeContext.Provider value={scope}>\n    <div ref={mergedNativeRef} className={cx(\"cs-toast\", `cs-toast--${variant}`, className)} role=\"status\" {...props}>\n      <span className=\"cs-toast__icon\" aria-hidden=\"true\">\n        {icon ?? <DefaultIcon variant={variant} />}\n      </span>\n      <div>\n        {(title || title === 0) ? <div className=\"cs-toast__title\">{title}</div> : null}\n        {(children || children === 0) ? <div className=\"cs-toast__body\">{children}</div> : null}\n      </div>\n      {onClose ? (\n        <button type=\"button\" className=\"cs-toast__close\" aria-label={makeT(\"Toast\", L, localeMessages)(\"dismiss\")} onClick={onClose}>\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\"><path d=\"M6 6l12 12M18 6L6 18\" /></svg>\n        </button>\n      ) : null}\n    </div>\n    </overlayScopeContext.Provider>\n  );\n});\nToast.displayName = \"Toast\";\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAEA,OAAO,WAAW;AAMlB,IAAM,QAAQ;AAAA,EACZ,SAAS;AAAA,EACT,SAAS;AAAA,EACT,QAAQ;AACV;AACA,SAAS,YAAY,EAAE,QAAQ,GAAG;AAChC,SACE,oCAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,QAAO,gBAAe,aAAY,KAAI,eAAc,SAAQ,gBAAe,SAAQ,eAAY,UACzJ,oCAAC,UAAK,GAAG,MAAM,OAAO,KAAK,MAAM,SAAS,CAC5C;AAEJ;AAGO,IAAM,aAAa,MAAM,WAAW,SAASA,YAAW,EAAE,UAAU,MAAM,WAAY,UAAU,GAAG,cAAc;AACtH,QAAM,CAAC,KAAK,GAAG,cAAc,IAAI,QAAQ,IAAI;AAC7C,QAAM,kBAAkB,gBAAgB,KAAK,YAAY;AACzD,SAAO,oCAAC,SAAI,KAAK,iBAAkB,GAAG,iBAAiB,EAAE,aAAa,GAAG,kBAAkB,SAAS,EAAE,GAAG,WAAW,CAAC,QAAO,YAAY,CAAC,GAAG,MAAK,UAAS,cAAY,MAAM,SAAS,GAAG,cAAc,EAAE,eAAe,KAAI,QAAS;AACtO,CAAC;AACD,WAAW,cAAc;AAGlB,IAAM,QAAQ,MAAM,WAAW,SAASC,OAAM,EAAE,UAAU,WAAW,OAAO,MAAM,SAAS,MAAM,UAAU,WAAW,GAAG,MAAM,GAAG,cAAc;AACrJ,QAAM,CAAC,KAAK,GAAG,cAAc,IAAI,QAAQ,IAAI;AAC7C,QAAM,kBAAkB,gBAAgB,KAAK,YAAY;AACzD,QAAM,EAAE,MAAM,IAAI,gBAAgB,EAAE,MAAM,MAAM,MAAM,SAAS,UAAU,KAAK,cAAc,MAAM,CAAC;AACnG,SACE,oCAAC,oBAAoB,UAApB,EAA6B,OAAO,SACrC,oCAAC,SAAI,KAAK,iBAAiB,WAAW,GAAG,YAAY,aAAa,OAAO,IAAI,SAAS,GAAG,MAAK,UAAU,GAAG,SACzG,oCAAC,UAAK,WAAU,kBAAiB,eAAY,UAC1C,QAAQ,oCAAC,eAAY,SAAkB,CAC1C,GACA,oCAAC,aACG,SAAS,UAAU,IAAK,oCAAC,SAAI,WAAU,qBAAmB,KAAM,IAAS,MACzE,YAAY,aAAa,IAAK,oCAAC,SAAI,WAAU,oBAAkB,QAAS,IAAS,IACrF,GACC,UACC,oCAAC,YAAO,MAAK,UAAS,WAAU,mBAAkB,cAAY,MAAM,SAAS,GAAG,cAAc,EAAE,SAAS,GAAG,SAAS,WACnH,oCAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,QAAO,gBAAe,aAAY,KAAI,eAAc,WAAQ,oCAAC,UAAK,GAAE,wBAAuB,CAAE,CAC3J,IACE,IACN,CACA;AAEJ,CAAC;AACD,MAAM,cAAc;",
-  "names": ["ToastStack", "Toast"]
-}

package/dist/esm/chunks/chunk-IH4I7JSB.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../components/navigation/CommandPalette.jsx"],
-  "sourcesContent": ["import { useComposedRefs } from \"../_utils/refs.js\";\nimport { mergeTargetProps } from \"../_utils/field-association.js\";\nimport React from \"react\";\nimport { formatNumber, makeT, useLang } from \"../_i18n/i18n.js\";\nimport { cx } from \"../_utils/cx.js\";\nimport { useOverlayLayer, overlayScopeContext } from \"../overlays/OverlayManager.jsx\";\n\n/** CyberSkill CommandPalette — ⌘K overlay with search + grouped actions. Controlled via open/onClose. */\nexport const CommandPalette = React.forwardRef(function CommandPalette({ controlRef, open, onClose, placeholder, groups = [], lang, className , rootProps }, forwardedRef) {\n  const mergedControlRef = useComposedRefs(controlRef);\n  const mergedNativeRef = useComposedRefs(forwardedRef);\n  const [q, setQ] = React.useState(\"\");\n  const panel = React.useRef(null);\n  const closeRef = React.useRef(onClose);\n  closeRef.current = onClose;\n\n  const { scope } = useOverlayLayer({\n    open: !!open,\n    kind: \"modal\",\n    trapFocus: true,\n    preferFocusSelector: \".cs-cmdk__search input\",\n    onEscape: () => closeRef.current && closeRef.current(),\n    panelRef: panel,\n  });\n\n  React.useEffect(() => {\n    if (!open) setQ(\"\");\n  }, [open]);\n\n  const [ref, L, localeMessages] = useLang(lang);\n  const t = makeT(\"CommandPalette\", L, localeMessages);\n  const ph = placeholder != null ? placeholder : t(\"placeholder\");\n  if (!open) return null;\n  const needle = q.trim().toLowerCase();\n  const filteredGroups = groups.map(g => ({\n    ...g,\n    items: (g.items || []).filter(it => !needle || String(it.label).toLowerCase().includes(needle)),\n  }));\n  const resultCount = filteredGroups.reduce((count, group) => count + group.items.length, 0);\n  const resultStatus = resultCount === 0 ? t(\"empty\")\n    : t(resultCount === 1 ? \"oneResult\" : \"results\").replace(\"{count}\", formatNumber(resultCount, L));\n  return (\n    <overlayScopeContext.Provider value={scope}>\n    <div\n      ref={(el) => {\n        ref.current = el;\n        panel.current = el;\n      }}\n      className=\"cs-cmdk-scrim\"\n      onClick={onClose}\n    >\n      <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} >\n        <div className=\"cs-cmdk__search\">\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\"><circle cx=\"11\" cy=\"11\" r=\"7\" /><path d=\"M21 21l-4.3-4.3\" /></svg>\n          <input aria-label={ph} value={q} onChange={(e) => setQ(e.target.value)} placeholder={ph}  ref={mergedControlRef} />\n          <span className=\"cs-kbd\">{t(\"esc\")}</span>\n        </div>\n        <div className=\"cs-cmdk__list\">\n          <div className=\"cs-cmdk__status\" role=\"status\" aria-live=\"polite\" aria-atomic=\"true\">{resultStatus}</div>\n          {filteredGroups.map((g, gi) => {\n            const items = g.items;\n            if (!items.length) return null;\n            return (\n              <React.Fragment key={gi}>\n                {(g.label || g.label === 0) ? <div className=\"cs-cmdk__label\">{g.label}</div> : null}\n                {items.map((it, ii) => (\n                  <button key={ii} type=\"button\" className=\"cs-cmdk__item\" onClick={() => { it.onSelect && it.onSelect(); setQ(\"\"); onClose && onClose(); }}>\n                    {(it.icon || it.icon === 0) ? <span aria-hidden=\"true\">{it.icon}</span> : null}\n                    <span>{it.label}</span>\n                    {(it.shortcut || it.shortcut === 0) ? <span className=\"cs-kbd\">{it.shortcut}</span> : null}\n                  </button>\n                ))}\n              </React.Fragment>\n            );\n          })}\n        </div>\n      </div>\n    </div>\n    </overlayScopeContext.Provider>\n  );\n});\nCommandPalette.displayName = \"CommandPalette\";\n"],
-  "mappings": "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",
-  "names": ["CommandPalette"]
-}

package/dist/esm/chunks/chunk-JN57OITY.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../components/overlays/Drawer.jsx"],
-  "sourcesContent": ["import { useComposedRefs } from \"../_utils/refs.js\";\nimport { mergeTargetProps } from \"../_utils/field-association.js\";\nimport React from \"react\";\nimport { makeT, useLang } from \"../_i18n/i18n.js\";\nimport { useClientLayoutEffect } from \"../_utils/use-client-layout-effect.js\";\nimport { cx } from \"../_utils/cx.js\";\nimport { overlaySurfaceClass, useOverlaySurface } from \"../_utils/use-overlay-surface.js\";\nimport { useOverlayLayer, overlayScopeContext } from \"./OverlayManager.jsx\";\n\n/** CyberSkill Drawer — slide-in side panel with scrim. side: right (default) | left. */\nexport const Drawer = React.forwardRef(function Drawer({ open, onClose, title, side = \"right\", children, actions, lang, className, rootProps }, forwardedRef) {\n  const [ref, L, localeMessages] = useLang(lang);\n  const titleId = React.useId();\n  const hasTitle = Boolean(title) || title === 0;\n  const panel = React.useRef(null);\n  const mergedNativeRef = useComposedRefs(panel, ref, forwardedRef);\n  const body = React.useRef(null);\n  const [bodyScrollable, setBodyScrollable] = React.useState(false);\n  const backdrop = React.useRef(null);\n  const material = overlaySurfaceClass(className);\n  const surface = useOverlaySurface(!!open, panel, material);\n  // Surface readiness must precede the first layout read; otherwise measuring\n  // overflow can start an unready backdrop-filter transition in nested modals.\n  useClientLayoutEffect(() => {\n    const el = body.current;\n    if (!open || !el) return;\n    const measure = () => setBodyScrollable(el.scrollHeight > el.clientHeight + 1 || el.scrollWidth > el.clientWidth + 1);\n    measure();\n    const observer = new ResizeObserver(measure);\n    observer.observe(el);\n    for (const child of el.children) observer.observe(child);\n    return () => observer.disconnect();\n  }, [open, children]);\n  const closeRef = React.useRef(onClose);\n  closeRef.current = onClose;\n\n  const { scope } = useOverlayLayer({\n    open: !!open,\n    kind: \"modal\",\n    trapFocus: true,\n    onEscape: () => closeRef.current && closeRef.current(),\n    panelRef: panel,\n    backdropRef: backdrop,\n  });\n\n  const t = makeT(\"Drawer\", L, localeMessages);\n  if (!open) return null;\n  return (\n    <overlayScopeContext.Provider value={scope}>\n    <>\n      <div ref={backdrop} className=\"cs-drawer-scrim\" onClick={onClose} aria-hidden=\"true\" />\n      {material ? <div ref={surface} className={cx(\"cs-overlay-surface\", material)} aria-hidden=\"true\" /> : null}\n      <div\n        {...mergeTargetProps({ className: cx(\"cs-drawer\", side === \"left\" && \"cs-drawer--left\", className) }, rootProps, [\"role\", \"tabIndex\", \"aria-modal\", \"aria-labelledby\", \"aria-label\", \"data-cs-overlay-material\"])}\n        ref={mergedNativeRef}\n        data-cs-overlay-material={material || undefined}\n        tabIndex={-1}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby={hasTitle ? titleId : undefined}\n        aria-label={hasTitle ? undefined : t(\"panel\")}\n      >\n        <div className=\"cs-drawer__header\">\n          {hasTitle ? <h2 id={titleId} className=\"cs-drawer__title\">{title}</h2> : null}\n          <button type=\"button\" className=\"cs-drawer__close\" aria-label={t(\"close\")} onClick={onClose}>\n            <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>\n          </button>\n        </div>\n        <div ref={body} className=\"cs-drawer__body\" tabIndex={bodyScrollable ? 0 : undefined}>{children}</div>\n        {(actions || actions === 0) ? <div className=\"cs-drawer__footer\">{actions}</div> : null}\n      </div>\n    </>\n    </overlayScopeContext.Provider>\n  );\n});\nDrawer.displayName = \"Drawer\";\n"],
-  "mappings": "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",
-  "names": ["Drawer"]
-}

package/dist/esm/chunks/chunk-UFE32JPH.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../components/feedback/Alert.jsx"],
-  "sourcesContent": ["import { useComposedRefs } from \"../_utils/refs.js\";\nimport React from \"react\";\nimport { makeT, useLang } from \"../_i18n/i18n.js\";\nimport { cx } from \"../_utils/cx.js\";\n\nconst PATHS = {\n  info: \"M12 8h.01M11 12h1v4h1 M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18z\",\n  success: \"M4 12.5l5 5 11-11\",\n  warning: \"M12 3l9 16H3z M12 10v4 M12 17h.01\",\n  danger: \"M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18z M9 9l6 6 M15 9l-6 6\",\n};\nfunction DefaultIcon({ variant }) {\n  return (\n    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.9\" strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\">\n      <path d={PATHS[variant] || PATHS.info} />\n    </svg>\n  );\n}\n\n/** CyberSkill Alert — inline banner. variant: info | success | warning | danger. */\nexport const Alert = React.forwardRef(function Alert({ variant = \"info\", title, icon, children, onDismiss, lang, className, ...props }, forwardedRef) {\n  const [ref, L, localeMessages] = useLang(lang);\n  const mergedNativeRef = useComposedRefs(ref, forwardedRef);\n  const t = makeT(\"Alert\", L, localeMessages);\n  return (\n    <div ref={mergedNativeRef} role=\"status\" className={cx(\"cs-alert\", `cs-alert--${variant}`, className)} {...props}>\n      <span className=\"cs-alert__icon\">{icon ?? <DefaultIcon variant={variant} />}</span>\n      <div>\n        {(title || title === 0) ? <p className=\"cs-alert__title\">{title}</p> : null}\n        {(children || children === 0) ? <div className=\"cs-alert__body\">{children}</div> : null}\n      </div>\n      {onDismiss ? (\n        <button type=\"button\" className=\"cs-alert__dismiss\" aria-label={t(\"dismiss\")} onClick={onDismiss}>×</button>\n      ) : null}\n    </div>\n  );\n});\nAlert.displayName = \"Alert\";\n"],
-  "mappings": ";;;;;;;;;;;;;AACA,OAAO,WAAW;AAIlB,IAAM,QAAQ;AAAA,EACZ,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,QAAQ;AACV;AACA,SAAS,YAAY,EAAE,QAAQ,GAAG;AAChC,SACE,oCAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,QAAO,gBAAe,aAAY,OAAM,eAAc,SAAQ,gBAAe,SAAQ,eAAY,UAC3J,oCAAC,UAAK,GAAG,MAAM,OAAO,KAAK,MAAM,MAAM,CACzC;AAEJ;AAGO,IAAM,QAAQ,MAAM,WAAW,SAASA,OAAM,EAAE,UAAU,QAAQ,OAAO,MAAM,UAAU,WAAW,MAAM,WAAW,GAAG,MAAM,GAAG,cAAc;AACpJ,QAAM,CAAC,KAAK,GAAG,cAAc,IAAI,QAAQ,IAAI;AAC7C,QAAM,kBAAkB,gBAAgB,KAAK,YAAY;AACzD,QAAM,IAAI,MAAM,SAAS,GAAG,cAAc;AAC1C,SACE,oCAAC,SAAI,KAAK,iBAAiB,MAAK,UAAS,WAAW,GAAG,YAAY,aAAa,OAAO,IAAI,SAAS,GAAI,GAAG,SACzG,oCAAC,UAAK,WAAU,oBAAkB,QAAQ,oCAAC,eAAY,SAAkB,CAAG,GAC5E,oCAAC,aACG,SAAS,UAAU,IAAK,oCAAC,OAAE,WAAU,qBAAmB,KAAM,IAAO,MACrE,YAAY,aAAa,IAAK,oCAAC,SAAI,WAAU,oBAAkB,QAAS,IAAS,IACrF,GACC,YACC,oCAAC,YAAO,MAAK,UAAS,WAAU,qBAAoB,cAAY,EAAE,SAAS,GAAG,SAAS,aAAW,GAAC,IACjG,IACN;AAEJ,CAAC;AACD,MAAM,cAAc;",
-  "names": ["Alert"]
-}