@cyberskill/design 2.0.0 → 2.2.0

package/dist/esm/chunks/{chunk-F3M5TQ76.mjs → chunk-GB6VWFOE.mjs}

@@ -3,6 +3,10 @@ import {
   overlaySurfaceClass,
   useOverlaySurface
 } from "./chunk-ETO3IZEA.mjs";
+import {
+  hasDismiss,
+  notifyClosed
+} from "./chunk-65SIJBJX.mjs";
 import {
   Icon
 } from "./chunk-JPZKGP54.mjs";
@@ -13,7 +17,7 @@ import {
 import {
   makeT,
   useLang
-} from "./chunk-25AOTZAM.mjs";
+} from "./chunk-JZYRXWPD.mjs";
 import {
   cx
 } from "./chunk-5LXHLKXS.mjs";
@@ -29,6 +33,7 @@ var Dialog = React.forwardRef(function Dialog2({
   children,
   actions,
   onClose,
+  onOpenChange,
   className,
   closeLabel,
   lang,
@@ -43,8 +48,8 @@ var Dialog = React.forwardRef(function Dialog2({
   const backdrop = React.useRef(null);
   const material = overlaySurfaceClass(className);
   const surface = useOverlaySurface(!!open, panel, material);
-  const closeRef = React.useRef(onClose);
-  closeRef.current = onClose;
+  const closeRef = React.useRef(null);
+  closeRef.current = () => notifyClosed(onOpenChange, onClose);
   const { scope } = useOverlayLayer({
     open: !!open,
     kind: "modal",
@@ -55,7 +60,7 @@ var Dialog = React.forwardRef(function Dialog2({
   });
   const cl = closeLabel != null ? closeLabel : makeT("Dialog", L, localeMessages)("close");
   if (!open) return null;
-  return /* @__PURE__ */ React.createElement(overlayScopeContext.Provider, { value: scope }, /* @__PURE__ */ React.createElement("div", { ref, className: "cs-dialog-layer" }, /* @__PURE__ */ React.createElement("div", { ref: backdrop, className: "cs-dialog__overlay", onClick: onClose, "aria-hidden": "true" }), material ? /* @__PURE__ */ React.createElement("div", { ref: surface, className: cx("cs-overlay-surface", material), "aria-hidden": "true" }) : null, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement(overlayScopeContext.Provider, { value: scope }, /* @__PURE__ */ React.createElement("div", { ref, className: "cs-dialog-layer" }, /* @__PURE__ */ React.createElement("div", { ref: backdrop, className: "cs-dialog__overlay", onClick: () => closeRef.current(), "aria-hidden": "true" }), material ? /* @__PURE__ */ React.createElement("div", { ref: surface, className: cx("cs-overlay-surface", material), "aria-hidden": "true" }) : null, /* @__PURE__ */ React.createElement(
     "section",
     {
       ...props,
@@ -68,7 +73,7 @@ var Dialog = React.forwardRef(function Dialog2({
       "aria-describedby": Object.prototype.hasOwnProperty.call(props, "aria-describedby") ? props["aria-describedby"] || void 0 : bodyId,
       className: cx("cs-dialog", className)
     },
-    /* @__PURE__ */ React.createElement("header", { className: "cs-dialog__header" }, /* @__PURE__ */ React.createElement("h2", { id: titleId, className: "cs-dialog__title" }, title), onClose ? /* @__PURE__ */ React.createElement("button", { type: "button", className: "cs-button cs-button--ghost cs-button--sm", onClick: onClose, "aria-label": cl }, /* @__PURE__ */ React.createElement(Icon, { name: "close", size: "sm" })) : null),
+    /* @__PURE__ */ React.createElement("header", { className: "cs-dialog__header" }, /* @__PURE__ */ React.createElement("h2", { id: titleId, className: "cs-dialog__title" }, title), hasDismiss(onOpenChange, onClose) ? /* @__PURE__ */ React.createElement("button", { type: "button", className: "cs-button cs-button--ghost cs-button--sm", onClick: () => closeRef.current(), "aria-label": cl }, /* @__PURE__ */ React.createElement(Icon, { name: "close", size: "sm" })) : null),
     /* @__PURE__ */ React.createElement("div", { id: bodyId, className: "cs-dialog__body" }, children),
     actions || actions === 0 ? /* @__PURE__ */ React.createElement("footer", { className: "cs-dialog__actions" }, actions) : null
   )));
@@ -78,4 +83,4 @@ Dialog.displayName = "Dialog";
 export {
   Dialog
 };
-//# sourceMappingURL=chunk-F3M5TQ76.mjs.map
+//# sourceMappingURL=chunk-GB6VWFOE.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "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\";\nimport { hasDismiss, notifyClosed } from \"../_utils/open-change.js\";\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  onOpenChange,\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(null);\n  closeRef.current = () => notifyClosed(onOpenChange, 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={() => closeRef.current()} 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          {hasDismiss(onOpenChange, onClose) ? (\n            <button type=\"button\" className=\"cs-button cs-button--ghost cs-button--sm\" onClick={() => closeRef.current()} 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;AAaX,IAAM,SAAS,MAAM,WAAW,SAASA,QAAO;AAAA,EACrD;AAAA,EACA;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,IAAI;AAClC,WAAS,UAAU,MAAM,aAAa,cAAc,OAAO;AAE3D,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,MAAM,SAAS,QAAQ,GAAG,eAAY,QAAO,GACxG,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,WAAW,cAAc,OAAO,IAC/B,oCAAC,YAAO,MAAK,UAAS,WAAU,4CAA2C,SAAS,MAAM,SAAS,QAAQ,GAAG,cAAY,MACxH,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-UFE32JPH.mjs → chunk-GHWOEHEX.mjs}

@@ -1,8 +1,12 @@
 "use client";
+import {
+  hasDismiss,
+  notifyDismiss
+} from "./chunk-65SIJBJX.mjs";
 import {
   makeT,
   useLang
-} from "./chunk-25AOTZAM.mjs";
+} from "./chunk-JZYRXWPD.mjs";
 import {
   cx
 } from "./chunk-5LXHLKXS.mjs";
@@ -21,15 +25,15 @@ var PATHS = {
 function DefaultIcon({ variant }) {
   return /* @__PURE__ */ React.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.9", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true" }, /* @__PURE__ */ React.createElement("path", { d: PATHS[variant] || PATHS.info }));
 }
-var Alert = React.forwardRef(function Alert2({ variant = "info", title, icon, children, onDismiss, lang, className, ...props }, forwardedRef) {
+var Alert = React.forwardRef(function Alert2({ variant = "info", title, icon, children, onDismiss, onClose, onOpenChange, lang, className, ...props }, forwardedRef) {
   const [ref, L, localeMessages] = useLang(lang);
   const mergedNativeRef = useComposedRefs(ref, forwardedRef);
   const t = makeT("Alert", L, localeMessages);
-  return /* @__PURE__ */ React.createElement("div", { ref: mergedNativeRef, role: "status", className: cx("cs-alert", `cs-alert--${variant}`, className), ...props }, /* @__PURE__ */ React.createElement("span", { className: "cs-alert__icon" }, icon ?? /* @__PURE__ */ React.createElement(DefaultIcon, { variant })), /* @__PURE__ */ React.createElement("div", null, title || title === 0 ? /* @__PURE__ */ React.createElement("p", { className: "cs-alert__title" }, title) : null, children || children === 0 ? /* @__PURE__ */ React.createElement("div", { className: "cs-alert__body" }, children) : null), onDismiss ? /* @__PURE__ */ React.createElement("button", { type: "button", className: "cs-alert__dismiss", "aria-label": t("dismiss"), onClick: onDismiss }, "×") : null);
+  return /* @__PURE__ */ React.createElement("div", { ref: mergedNativeRef, role: "status", className: cx("cs-alert", `cs-alert--${variant}`, className), ...props }, /* @__PURE__ */ React.createElement("span", { className: "cs-alert__icon" }, icon ?? /* @__PURE__ */ React.createElement(DefaultIcon, { variant })), /* @__PURE__ */ React.createElement("div", null, title || title === 0 ? /* @__PURE__ */ React.createElement("p", { className: "cs-alert__title" }, title) : null, children || children === 0 ? /* @__PURE__ */ React.createElement("div", { className: "cs-alert__body" }, children) : null), hasDismiss(onOpenChange, onClose, onDismiss) ? /* @__PURE__ */ React.createElement("button", { type: "button", className: "cs-alert__dismiss", "aria-label": t("dismiss"), onClick: (event) => notifyDismiss(event, onOpenChange, onClose, onDismiss) }, "×") : null);
 });
 Alert.displayName = "Alert";
 
 export {
   Alert
 };
-//# sourceMappingURL=chunk-UFE32JPH.mjs.map
+//# sourceMappingURL=chunk-GHWOEHEX.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "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\";\nimport { hasDismiss, notifyDismiss } from \"../_utils/open-change.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, onClose, onOpenChange, 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      {hasDismiss(onOpenChange, onClose, onDismiss) ? (\n        <button type=\"button\" className=\"cs-alert__dismiss\" aria-label={t(\"dismiss\")} onClick={(event) => notifyDismiss(event, onOpenChange, onClose, onDismiss)}>×</button>\n      ) : null}\n    </div>\n  );\n});\nAlert.displayName = \"Alert\";\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AACA,OAAO,WAAW;AAKlB,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,SAAS,cAAc,MAAM,WAAW,GAAG,MAAM,GAAG,cAAc;AAC3K,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,WAAW,cAAc,SAAS,SAAS,IAC1C,oCAAC,YAAO,MAAK,UAAS,WAAU,qBAAoB,cAAY,EAAE,SAAS,GAAG,SAAS,CAAC,UAAU,cAAc,OAAO,cAAc,SAAS,SAAS,KAAG,GAAC,IACzJ,IACN;AAEJ,CAAC;AACD,MAAM,cAAc;",
+  "names": ["Alert"]
+}

package/dist/esm/chunks/{chunk-HYQG5XND.mjs → chunk-GLPQBE2J.mjs}

@@ -6,7 +6,7 @@ import {
 import {
   makeT,
   useLang
-} from "./chunk-25AOTZAM.mjs";
+} from "./chunk-JZYRXWPD.mjs";
 import {
   mergeTargetProps
 } from "./chunk-RQFCRXMQ.mjs";
@@ -71,4 +71,4 @@ InlineEdit.displayName = "InlineEdit";
 export {
   InlineEdit
 };
-//# sourceMappingURL=chunk-HYQG5XND.mjs.map
+//# sourceMappingURL=chunk-GLPQBE2J.mjs.map

package/dist/esm/chunks/{chunk-HUW6OY7C.mjs → chunk-GNEVR5Q4.mjs}

@@ -2,7 +2,7 @@
 import {
   makeT,
   useLang
-} from "./chunk-25AOTZAM.mjs";
+} from "./chunk-JZYRXWPD.mjs";
 import {
   mergeTargetProps
 } from "./chunk-RQFCRXMQ.mjs";
@@ -43,4 +43,4 @@ Transfer.displayName = "Transfer";
 export {
   Transfer
 };
-//# sourceMappingURL=chunk-HUW6OY7C.mjs.map
+//# sourceMappingURL=chunk-GNEVR5Q4.mjs.map

package/dist/esm/chunks/{chunk-SEYKDGXE.mjs → chunk-H4TKHAB3.mjs}

@@ -10,7 +10,7 @@ import {
 import {
   makeT,
   useLang
-} from "./chunk-25AOTZAM.mjs";
+} from "./chunk-JZYRXWPD.mjs";
 import {
   mergeTargetProps
 } from "./chunk-RQFCRXMQ.mjs";
@@ -184,4 +184,4 @@ export {
   Menu,
   MenuItem
 };
-//# sourceMappingURL=chunk-SEYKDGXE.mjs.map
+//# sourceMappingURL=chunk-H4TKHAB3.mjs.map

package/dist/esm/chunks/{chunk-ANWF2NX3.mjs → chunk-H6HQZ5RI.mjs}

@@ -5,7 +5,7 @@ import {
 import {
   makeT,
   useLang
-} from "./chunk-25AOTZAM.mjs";
+} from "./chunk-JZYRXWPD.mjs";
 import {
   useClientLayoutEffect
 } from "./chunk-CQQ2JOJD.mjs";
@@ -188,7 +188,7 @@ var DataGrid = React.forwardRef(function DataGrid2({
       ) : null
     )))), /* @__PURE__ */ React.createElement("tbody", null, sorted.length === 0 ? /* @__PURE__ */ React.createElement("tr", { "aria-rowindex": useVirtual ? 2 : void 0 }, /* @__PURE__ */ React.createElement("td", { colSpan: orderedColumns.length + (selectable ? 1 : 0), className: "cs-table__empty" }, empty != null ? empty : t("empty"))) : /* @__PURE__ */ React.createElement(React.Fragment, null, padTop > 0 ? /* @__PURE__ */ React.createElement("tr", { "aria-hidden": "true" }, /* @__PURE__ */ React.createElement("td", { colSpan: orderedColumns.length + (selectable ? 1 : 0), style: { height: padTop, padding: 0, border: 0 } })) : null, slice.map((r, i) => {
       const k = r[rowKey] != null ? r[rowKey] : start + i;
-      return /* @__PURE__ */ React.createElement("tr", { key: k, "aria-rowindex": useVirtual ? start + i + 2 : void 0, className: selected.includes(k) ? "is-selected" : void 0, style: useVirtual ? { height: effectiveRowHeight } : void 0 }, selectable ? /* @__PURE__ */ React.createElement("td", { className: "cs-datagrid__selcol" }, /* @__PURE__ */ React.createElement("label", { className: "cs-datagrid__check" }, /* @__PURE__ */ React.createElement("input", { type: "checkbox", "aria-label": `${t("selectRow")}: ${String(orderedColumns.map((c) => r[c.key]).find((v) => typeof v === "string" && v.trim()) ?? k)}`, checked: selected.includes(k), onChange: () => toggle(k) }))) : null, orderedColumns.map((c) => /* @__PURE__ */ React.createElement("td", { key: c.key, className: c.pinned ? "cs-datagrid__pinned" : void 0, style: c.pinned ? { position: "sticky", insetInlineStart: 0, background: "var(--cs-color-surface-panel)" } : void 0 }, c.render ? c.render(r) : r[c.key])));
+      return /* @__PURE__ */ React.createElement("tr", { key: k, "aria-rowindex": useVirtual ? start + i + 2 : void 0, "aria-selected": selectable ? selected.includes(k) : void 0, className: selected.includes(k) ? "is-selected" : void 0, style: useVirtual ? { height: effectiveRowHeight } : void 0 }, selectable ? /* @__PURE__ */ React.createElement("td", { className: "cs-datagrid__selcol" }, /* @__PURE__ */ React.createElement("label", { className: "cs-datagrid__check" }, /* @__PURE__ */ React.createElement("input", { type: "checkbox", "aria-label": `${t("selectRow")}: ${String(orderedColumns.map((c) => r[c.key]).find((v) => typeof v === "string" && v.trim()) ?? k)}`, checked: selected.includes(k), onChange: () => toggle(k) }))) : null, orderedColumns.map((c) => /* @__PURE__ */ React.createElement("td", { key: c.key, className: c.pinned ? "cs-datagrid__pinned" : void 0, style: c.pinned ? { position: "sticky", insetInlineStart: 0, background: "var(--cs-color-surface-panel)" } : void 0 }, c.render ? c.render(r) : r[c.key])));
     }), padBottom > 0 ? /* @__PURE__ */ React.createElement("tr", { "aria-hidden": "true" }, /* @__PURE__ */ React.createElement("td", { colSpan: orderedColumns.length + (selectable ? 1 : 0), style: { height: padBottom, padding: 0, border: 0 } })) : null)))
   );
 });
@@ -197,4 +197,4 @@ DataGrid.displayName = "DataGrid";
 export {
   DataGrid
 };
-//# sourceMappingURL=chunk-ANWF2NX3.mjs.map
+//# sourceMappingURL=chunk-H6HQZ5RI.mjs.map

package/dist/esm/chunks/{chunk-ANWF2NX3.mjs.map → chunk-H6HQZ5RI.mjs.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../components/datatable/DataGrid.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 { Icon } from \"../icon/Icon.jsx\";\nimport { cx } from \"../_utils/cx.js\";\nimport { useClientLayoutEffect } from \"../_utils/use-client-layout-effect.js\";\n\n/**\n * CyberSkill DataGrid — advanced table: sortable columns, selectable rows, sticky header,\n * optional column pin + client filter + row virtualization + optional column order persistence.\n */\nexport const DataGrid = React.forwardRef(function DataGrid({\n  columns = [],\n  rows = [],\n  rowKey = \"id\",\n  selectable = false,\n  selected = [],\n  onSelect,\n  height = 280,\n  caption,\n  empty,\n  lang,\n  className,\n  rootProps,\n  filterText,\n  filterKeys,\n  /** When true (or rows exceed virtualThreshold), only paint a window of rows. */\n  virtual = false,\n  /** Row threshold that auto-enables virtualization. Default 80. */\n  virtualThreshold = 80,\n  /** Approximate row height for windowing. Default 36. */\n  rowHeight = 36,\n  /** localStorage key — when set, column key order is persisted across reloads. */\n  persistKey,\n}, forwardedRef) {\n  const [sort, setSort] = React.useState(null); // {key, dir}\n  const nameId = React.useId();\n  const [scrollTop, setScrollTop] = React.useState(0);\n  const estimate = Number.isFinite(rowHeight) && rowHeight > 0 ? rowHeight : 36;\n  const [measuredRowHeight, setMeasuredRowHeight] = React.useState(estimate);\n  const effectiveRowHeight = Math.max(estimate, measuredRowHeight);\n  const [colOrder, setColOrder] = React.useState(null);\n  useClientLayoutEffect(() => {\n    if (!persistKey) { setColOrder(null); return; }\n    try {\n      const raw = localStorage.getItem(\"cs:datagrid:cols:\" + persistKey);\n      const arr = raw ? JSON.parse(raw) : null;\n      setColOrder(Array.isArray(arr) ? arr : null);\n    } catch (e) { setColOrder(null); }\n  }, [persistKey]);\n  const [ref, L, localeMessages] = useLang(lang);\n  const mergedNativeRef = useComposedRefs(ref, forwardedRef);\n  const t = makeT(\"DataGrid\", L, localeMessages);\n\n  const orderedColumns = React.useMemo(() => {\n    if (!colOrder || !colOrder.length) return columns;\n    const map = new Map(columns.map((c) => [c.key, c]));\n    const out = [];\n    for (const k of colOrder) if (map.has(k)) { out.push(map.get(k)); map.delete(k); }\n    for (const c of map.values()) out.push(c);\n    return out;\n  }, [columns, colOrder]);\n\n  const filtered = React.useMemo(() => {\n    const q = (filterText == null ? \"\" : String(filterText)).trim().toLowerCase();\n    if (!q) return rows;\n    const keys = filterKeys && filterKeys.length ? filterKeys : orderedColumns.map((c) => c.key);\n    return rows.filter((r) => keys.some((k) => String(r[k] == null ? \"\" : r[k]).toLowerCase().includes(q)));\n  }, [rows, filterText, filterKeys, orderedColumns]);\n\n  const sorted = React.useMemo(() => {\n    if (!sort) return filtered;\n    const col = orderedColumns.find((c) => c.key === sort.key);\n    const val = (r) => (col && col.sortValue ? col.sortValue(r) : r[sort.key]);\n    return [...filtered].sort((a, b) => { const x = val(a), y = val(b); return (x > y ? 1 : x < y ? -1 : 0) * (sort.dir === \"asc\" ? 1 : -1); });\n  }, [filtered, sort, orderedColumns]);\n\n  const useVirtual = virtual || sorted.length >= virtualThreshold;\n  const bodyH = Math.max(0, height - 40);\n  const visibleCount = useVirtual ? Math.ceil(bodyH / effectiveRowHeight) + 8 : sorted.length;\n  // Data/filter changes can leave the old scroll offset beyond the new rows.\n  // Keep a populated final window; removing stale padding lets the browser\n  // clamp its physical scroll position to the new content height as well.\n  const start = useVirtual ? Math.min(Math.max(0, sorted.length - visibleCount), Math.max(0, Math.floor(scrollTop / effectiveRowHeight) - 4)) : 0;\n  const end = useVirtual ? Math.min(sorted.length, start + visibleCount) : sorted.length;\n  const slice = sorted.slice(start, end);\n  const padTop = useVirtual ? start * effectiveRowHeight : 0;\n  const padBottom = useVirtual ? Math.max(0, (sorted.length - end) * effectiveRowHeight) : 0;\n\n  // CSS (including larger touch controls) can exceed the caller's estimate.\n  // Measure natural rendered rows before paint, without retaining the previous\n  // inline floor: switching back to a denser layout must be able to shrink.\n  useClientLayoutEffect(() => {\n    const host = ref.current;\n    if (!host || !useVirtual) return;\n    const rows = [...host.querySelectorAll('tbody > tr:not([aria-hidden=\"true\"])')];\n    if (!slice.length || !rows.length) return;\n    const measure = () => {\n      const old = rows.map(row => row.style.height);\n      rows.forEach(row => { row.style.height = \"\"; });\n      const next = Math.max(estimate, ...rows.map(row => row.getBoundingClientRect().height));\n      rows.forEach((row, i) => { row.style.height = old[i]; });\n      setMeasuredRowHeight(previous => Math.abs(previous - next) > 0.01 ? next : previous);\n    };\n    measure();\n    const resize = typeof ResizeObserver === \"undefined\" ? null : new ResizeObserver(measure);\n    resize?.observe(host);\n    rows.forEach(row => resize?.observe(row));\n    const ancestors = new MutationObserver(measure);\n    for (let node = host; node; node = node.parentElement) {\n      ancestors.observe(node, { attributes: true, attributeFilter: [\"class\", \"style\", \"lang\", \"data-cs-density\", \"data-cs-element\", \"data-cs-variant\"] });\n    }\n    const coarse = window.matchMedia(\"(pointer: coarse)\");\n    coarse.addEventListener(\"change\", measure);\n    document.fonts?.addEventListener(\"loadingdone\", measure);\n    return () => {\n      resize?.disconnect();\n      ancestors.disconnect();\n      coarse.removeEventListener(\"change\", measure);\n      document.fonts?.removeEventListener(\"loadingdone\", measure);\n    };\n  }, [useVirtual, slice, estimate, ref]);\n\n  const allSel = selectable && filtered.length && filtered.every((r) => selected.includes(r[rowKey]));\n  const toggleAll = () => onSelect && onSelect(allSel ? [] : filtered.map((r) => r[rowKey]));\n  const toggle = (k) => onSelect && onSelect(selected.includes(k) ? selected.filter((x) => x !== k) : [...selected, k]);\n\n  const pinColumn = (key) => {\n    if (!persistKey) return;\n    const keys = orderedColumns.map((c) => c.key);\n    const next = [key, ...keys.filter((k) => k !== key)];\n    setColOrder(next);\n    try { localStorage.setItem(\"cs:datagrid:cols:\" + persistKey, JSON.stringify(next)); } catch (e) {}\n  };\n\n  return (\n    <div\n      ref={mergedNativeRef}\n      {...mergeTargetProps({\n        className: cx(\"cs-datagrid\", useVirtual && \"cs-datagrid--virtual\", className),\n        onScroll: useVirtual ? (e) => setScrollTop(e.currentTarget.scrollTop) : undefined,\n      }, rootProps, [\"data-virtual\", \"data-row-count\", \"data-row-height\"])}\n      style={{ ...rootProps?.style, maxBlockSize: height, overflow: \"auto\" }}\n      data-virtual={useVirtual ? \"true\" : \"false\"}\n      data-row-count={sorted.length}\n      data-row-height={useVirtual ? effectiveRowHeight : undefined}\n    >\n      <table className=\"cs-table\" aria-rowcount={useVirtual ? Math.max(2, sorted.length + 1) : undefined}>\n        {(caption || caption === 0) ? <caption>{caption}</caption> : null}\n        <thead>\n          <tr aria-rowindex={useVirtual ? 1 : undefined}>\n            {selectable ? <th scope=\"col\" className=\"cs-datagrid__selcol\"><label className=\"cs-datagrid__check\"><input type=\"checkbox\" aria-label={t(\"selectAll\")} checked={!!allSel} onChange={toggleAll} /></label></th> : null}\n            {orderedColumns.map((c, columnIndex) => (\n              <th\n                key={c.key}\n                scope=\"col\"\n                className={c.pinned ? \"cs-datagrid__pinned\" : undefined}\n                style={c.pinned ? { position: \"sticky\", insetInlineStart: 0, zIndex: 1, background: \"var(--cs-color-surface-panel)\" } : undefined}\n                aria-sort={sort && sort.key === c.key ? (sort.dir === \"asc\" ? \"ascending\" : \"descending\") : undefined}\n              >\n                {c.sortable ? (\n                  <button type=\"button\" className=\"cs-datagrid__sort\" onClick={() => setSort((s) => (!s || s.key !== c.key ? { key: c.key, dir: \"asc\" } : s.dir === \"asc\" ? { key: c.key, dir: \"desc\" } : null))}>\n                    <span id={nameId + \"-header-\" + columnIndex}>{c.header}</span><span aria-hidden=\"true\">{sort && sort.key === c.key ? (sort.dir === \"asc\" ? \" ▲\" : \" ▼\") : \" ↕\"}</span>\n                  </button>\n                ) : <span id={nameId + \"-header-\" + columnIndex}>{c.header}</span>}\n                {persistKey ? (\n                  <button\n                    type=\"button\"\n                    className=\"cs-datagrid__pin\"\n                    title={t(\"pin\")}\n                    onClick={() => pinColumn(c.key)}\n                    aria-label={c.header == null ? t(\"pinNamed\").replace(\"{name}\", c.key) : undefined}\n                    aria-labelledby={c.header == null ? undefined : nameId + \"-pin-start-\" + columnIndex + \" \" + nameId + \"-header-\" + columnIndex + \" \" + nameId + \"-pin-end-\" + columnIndex}\n                  >\n                    <span className=\"cs-sr-only\" id={nameId + \"-pin-start-\" + columnIndex}>{t(\"pinNamed\").split(\"{name}\")[0]}</span>\n                    <Icon name=\"pin\" size=\"sm\" />\n                    <span className=\"cs-sr-only\" id={nameId + \"-pin-end-\" + columnIndex}>{t(\"pinNamed\").split(\"{name}\")[1]}</span>\n                  </button>\n                ) : null}\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {sorted.length === 0 ? (\n            <tr aria-rowindex={useVirtual ? 2 : undefined}><td colSpan={orderedColumns.length + (selectable ? 1 : 0)} className=\"cs-table__empty\">{empty != null ? empty : t(\"empty\")}</td></tr>\n          ) : (\n            <>\n              {padTop > 0 ? <tr aria-hidden=\"true\"><td colSpan={orderedColumns.length + (selectable ? 1 : 0)} style={{ height: padTop, padding: 0, border: 0 }} /></tr> : null}\n              {slice.map((r, i) => {\n                const k = r[rowKey] != null ? r[rowKey] : start + i;\n                return (\n                  <tr key={k} aria-rowindex={useVirtual ? start + i + 2 : undefined} className={selected.includes(k) ? \"is-selected\" : undefined} style={useVirtual ? { height: effectiveRowHeight } : undefined}>\n                    {selectable ? <td className=\"cs-datagrid__selcol\"><label className=\"cs-datagrid__check\"><input type=\"checkbox\" aria-label={`${t(\"selectRow\")}: ${String(orderedColumns.map(c => r[c.key]).find(v => typeof v === \"string\" && v.trim()) ?? k)}`} checked={selected.includes(k)} onChange={() => toggle(k)} /></label></td> : null}\n                    {orderedColumns.map((c) => (\n                      <td key={c.key} className={c.pinned ? \"cs-datagrid__pinned\" : undefined} style={c.pinned ? { position: \"sticky\", insetInlineStart: 0, background: \"var(--cs-color-surface-panel)\" } : undefined}>\n                        {c.render ? c.render(r) : r[c.key]}\n                      </td>\n                    ))}\n                  </tr>\n                );\n              })}\n              {padBottom > 0 ? <tr aria-hidden=\"true\"><td colSpan={orderedColumns.length + (selectable ? 1 : 0)} style={{ height: padBottom, padding: 0, border: 0 }} /></tr> : null}\n            </>\n          )}\n        </tbody>\n      </table>\n    </div>\n  );\n});\nDataGrid.displayName = \"DataGrid\";\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAEA,OAAO,WAAW;AAUX,IAAM,WAAW,MAAM,WAAW,SAASA,UAAS;AAAA,EACzD,UAAU,CAAC;AAAA,EACX,OAAO,CAAC;AAAA,EACR,SAAS;AAAA,EACT,aAAa;AAAA,EACb,WAAW,CAAC;AAAA,EACZ;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAEA,UAAU;AAAA;AAAA,EAEV,mBAAmB;AAAA;AAAA,EAEnB,YAAY;AAAA;AAAA,EAEZ;AACF,GAAG,cAAc;AACf,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,IAAI;AAC3C,QAAM,SAAS,MAAM,MAAM;AAC3B,QAAM,CAAC,WAAW,YAAY,IAAI,MAAM,SAAS,CAAC;AAClD,QAAM,WAAW,OAAO,SAAS,SAAS,KAAK,YAAY,IAAI,YAAY;AAC3E,QAAM,CAAC,mBAAmB,oBAAoB,IAAI,MAAM,SAAS,QAAQ;AACzE,QAAM,qBAAqB,KAAK,IAAI,UAAU,iBAAiB;AAC/D,QAAM,CAAC,UAAU,WAAW,IAAI,MAAM,SAAS,IAAI;AACnD,wBAAsB,MAAM;AAC1B,QAAI,CAAC,YAAY;AAAE,kBAAY,IAAI;AAAG;AAAA,IAAQ;AAC9C,QAAI;AACF,YAAM,MAAM,aAAa,QAAQ,sBAAsB,UAAU;AACjE,YAAM,MAAM,MAAM,KAAK,MAAM,GAAG,IAAI;AACpC,kBAAY,MAAM,QAAQ,GAAG,IAAI,MAAM,IAAI;AAAA,IAC7C,SAAS,GAAG;AAAE,kBAAY,IAAI;AAAA,IAAG;AAAA,EACnC,GAAG,CAAC,UAAU,CAAC;AACf,QAAM,CAAC,KAAK,GAAG,cAAc,IAAI,QAAQ,IAAI;AAC7C,QAAM,kBAAkB,gBAAgB,KAAK,YAAY;AACzD,QAAM,IAAI,MAAM,YAAY,GAAG,cAAc;AAE7C,QAAM,iBAAiB,MAAM,QAAQ,MAAM;AACzC,QAAI,CAAC,YAAY,CAAC,SAAS,OAAQ,QAAO;AAC1C,UAAM,MAAM,IAAI,IAAI,QAAQ,IAAI,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;AAClD,UAAM,MAAM,CAAC;AACb,eAAW,KAAK,SAAU,KAAI,IAAI,IAAI,CAAC,GAAG;AAAE,UAAI,KAAK,IAAI,IAAI,CAAC,CAAC;AAAG,UAAI,OAAO,CAAC;AAAA,IAAG;AACjF,eAAW,KAAK,IAAI,OAAO,EAAG,KAAI,KAAK,CAAC;AACxC,WAAO;AAAA,EACT,GAAG,CAAC,SAAS,QAAQ,CAAC;AAEtB,QAAM,WAAW,MAAM,QAAQ,MAAM;AACnC,UAAM,KAAK,cAAc,OAAO,KAAK,OAAO,UAAU,GAAG,KAAK,EAAE,YAAY;AAC5E,QAAI,CAAC,EAAG,QAAO;AACf,UAAM,OAAO,cAAc,WAAW,SAAS,aAAa,eAAe,IAAI,CAAC,MAAM,EAAE,GAAG;AAC3F,WAAO,KAAK,OAAO,CAAC,MAAM,KAAK,KAAK,CAAC,MAAM,OAAO,EAAE,CAAC,KAAK,OAAO,KAAK,EAAE,CAAC,CAAC,EAAE,YAAY,EAAE,SAAS,CAAC,CAAC,CAAC;AAAA,EACxG,GAAG,CAAC,MAAM,YAAY,YAAY,cAAc,CAAC;AAEjD,QAAM,SAAS,MAAM,QAAQ,MAAM;AACjC,QAAI,CAAC,KAAM,QAAO;AAClB,UAAM,MAAM,eAAe,KAAK,CAAC,MAAM,EAAE,QAAQ,KAAK,GAAG;AACzD,UAAM,MAAM,CAAC,MAAO,OAAO,IAAI,YAAY,IAAI,UAAU,CAAC,IAAI,EAAE,KAAK,GAAG;AACxE,WAAO,CAAC,GAAG,QAAQ,EAAE,KAAK,CAAC,GAAG,MAAM;AAAE,YAAM,IAAI,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC;AAAG,cAAQ,IAAI,IAAI,IAAI,IAAI,IAAI,KAAK,MAAM,KAAK,QAAQ,QAAQ,IAAI;AAAA,IAAK,CAAC;AAAA,EAC5I,GAAG,CAAC,UAAU,MAAM,cAAc,CAAC;AAEnC,QAAM,aAAa,WAAW,OAAO,UAAU;AAC/C,QAAM,QAAQ,KAAK,IAAI,GAAG,SAAS,EAAE;AACrC,QAAM,eAAe,aAAa,KAAK,KAAK,QAAQ,kBAAkB,IAAI,IAAI,OAAO;AAIrF,QAAM,QAAQ,aAAa,KAAK,IAAI,KAAK,IAAI,GAAG,OAAO,SAAS,YAAY,GAAG,KAAK,IAAI,GAAG,KAAK,MAAM,YAAY,kBAAkB,IAAI,CAAC,CAAC,IAAI;AAC9I,QAAM,MAAM,aAAa,KAAK,IAAI,OAAO,QAAQ,QAAQ,YAAY,IAAI,OAAO;AAChF,QAAM,QAAQ,OAAO,MAAM,OAAO,GAAG;AACrC,QAAM,SAAS,aAAa,QAAQ,qBAAqB;AACzD,QAAM,YAAY,aAAa,KAAK,IAAI,IAAI,OAAO,SAAS,OAAO,kBAAkB,IAAI;AAKzF,wBAAsB,MAAM;AAC1B,UAAM,OAAO,IAAI;AACjB,QAAI,CAAC,QAAQ,CAAC,WAAY;AAC1B,UAAMC,QAAO,CAAC,GAAG,KAAK,iBAAiB,sCAAsC,CAAC;AAC9E,QAAI,CAAC,MAAM,UAAU,CAACA,MAAK,OAAQ;AACnC,UAAM,UAAU,MAAM;AACpB,YAAM,MAAMA,MAAK,IAAI,SAAO,IAAI,MAAM,MAAM;AAC5C,MAAAA,MAAK,QAAQ,SAAO;AAAE,YAAI,MAAM,SAAS;AAAA,MAAI,CAAC;AAC9C,YAAM,OAAO,KAAK,IAAI,UAAU,GAAGA,MAAK,IAAI,SAAO,IAAI,sBAAsB,EAAE,MAAM,CAAC;AACtF,MAAAA,MAAK,QAAQ,CAAC,KAAK,MAAM;AAAE,YAAI,MAAM,SAAS,IAAI,CAAC;AAAA,MAAG,CAAC;AACvD,2BAAqB,cAAY,KAAK,IAAI,WAAW,IAAI,IAAI,OAAO,OAAO,QAAQ;AAAA,IACrF;AACA,YAAQ;AACR,UAAM,SAAS,OAAO,mBAAmB,cAAc,OAAO,IAAI,eAAe,OAAO;AACxF,YAAQ,QAAQ,IAAI;AACpB,IAAAA,MAAK,QAAQ,SAAO,QAAQ,QAAQ,GAAG,CAAC;AACxC,UAAM,YAAY,IAAI,iBAAiB,OAAO;AAC9C,aAAS,OAAO,MAAM,MAAM,OAAO,KAAK,eAAe;AACrD,gBAAU,QAAQ,MAAM,EAAE,YAAY,MAAM,iBAAiB,CAAC,SAAS,SAAS,QAAQ,mBAAmB,mBAAmB,iBAAiB,EAAE,CAAC;AAAA,IACpJ;AACA,UAAM,SAAS,OAAO,WAAW,mBAAmB;AACpD,WAAO,iBAAiB,UAAU,OAAO;AACzC,aAAS,OAAO,iBAAiB,eAAe,OAAO;AACvD,WAAO,MAAM;AACX,cAAQ,WAAW;AACnB,gBAAU,WAAW;AACrB,aAAO,oBAAoB,UAAU,OAAO;AAC5C,eAAS,OAAO,oBAAoB,eAAe,OAAO;AAAA,IAC5D;AAAA,EACF,GAAG,CAAC,YAAY,OAAO,UAAU,GAAG,CAAC;AAErC,QAAM,SAAS,cAAc,SAAS,UAAU,SAAS,MAAM,CAAC,MAAM,SAAS,SAAS,EAAE,MAAM,CAAC,CAAC;AAClG,QAAM,YAAY,MAAM,YAAY,SAAS,SAAS,CAAC,IAAI,SAAS,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AACzF,QAAM,SAAS,CAAC,MAAM,YAAY,SAAS,SAAS,SAAS,CAAC,IAAI,SAAS,OAAO,CAAC,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,UAAU,CAAC,CAAC;AAEpH,QAAM,YAAY,CAAC,QAAQ;AACzB,QAAI,CAAC,WAAY;AACjB,UAAM,OAAO,eAAe,IAAI,CAAC,MAAM,EAAE,GAAG;AAC5C,UAAM,OAAO,CAAC,KAAK,GAAG,KAAK,OAAO,CAAC,MAAM,MAAM,GAAG,CAAC;AACnD,gBAAY,IAAI;AAChB,QAAI;AAAE,mBAAa,QAAQ,sBAAsB,YAAY,KAAK,UAAU,IAAI,CAAC;AAAA,IAAG,SAAS,GAAG;AAAA,IAAC;AAAA,EACnG;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACJ,GAAG,iBAAiB;AAAA,QACnB,WAAW,GAAG,eAAe,cAAc,wBAAwB,SAAS;AAAA,QAC5E,UAAU,aAAa,CAAC,MAAM,aAAa,EAAE,cAAc,SAAS,IAAI;AAAA,MAC1E,GAAG,WAAW,CAAC,gBAAgB,kBAAkB,iBAAiB,CAAC;AAAA,MACnE,OAAO,EAAE,GAAG,WAAW,OAAO,cAAc,QAAQ,UAAU,OAAO;AAAA,MACrE,gBAAc,aAAa,SAAS;AAAA,MACpC,kBAAgB,OAAO;AAAA,MACvB,mBAAiB,aAAa,qBAAqB;AAAA;AAAA,IAEnD,oCAAC,WAAM,WAAU,YAAW,iBAAe,aAAa,KAAK,IAAI,GAAG,OAAO,SAAS,CAAC,IAAI,UACrF,WAAW,YAAY,IAAK,oCAAC,iBAAS,OAAQ,IAAa,MAC7D,oCAAC,eACC,oCAAC,QAAG,iBAAe,aAAa,IAAI,UACjC,aAAa,oCAAC,QAAG,OAAM,OAAM,WAAU,yBAAsB,oCAAC,WAAM,WAAU,wBAAqB,oCAAC,WAAM,MAAK,YAAW,cAAY,EAAE,WAAW,GAAG,SAAS,CAAC,CAAC,QAAQ,UAAU,WAAW,CAAE,CAAQ,IAAQ,MAChN,eAAe,IAAI,CAAC,GAAG,gBACtB;AAAA,MAAC;AAAA;AAAA,QACC,KAAK,EAAE;AAAA,QACP,OAAM;AAAA,QACN,WAAW,EAAE,SAAS,wBAAwB;AAAA,QAC9C,OAAO,EAAE,SAAS,EAAE,UAAU,UAAU,kBAAkB,GAAG,QAAQ,GAAG,YAAY,gCAAgC,IAAI;AAAA,QACxH,aAAW,QAAQ,KAAK,QAAQ,EAAE,MAAO,KAAK,QAAQ,QAAQ,cAAc,eAAgB;AAAA;AAAA,MAE3F,EAAE,WACD,oCAAC,YAAO,MAAK,UAAS,WAAU,qBAAoB,SAAS,MAAM,QAAQ,CAAC,MAAO,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,KAAK,MAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,KAAK,EAAE,KAAK,KAAK,OAAO,IAAI,IAAK,KAC3L,oCAAC,UAAK,IAAI,SAAS,aAAa,eAAc,EAAE,MAAO,GAAO,oCAAC,UAAK,eAAY,UAAQ,QAAQ,KAAK,QAAQ,EAAE,MAAO,KAAK,QAAQ,QAAQ,OAAO,OAAQ,IAAK,CACjK,IACE,oCAAC,UAAK,IAAI,SAAS,aAAa,eAAc,EAAE,MAAO;AAAA,MAC1D,aACC;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAU;AAAA,UACV,OAAO,EAAE,KAAK;AAAA,UACd,SAAS,MAAM,UAAU,EAAE,GAAG;AAAA,UAC9B,cAAY,EAAE,UAAU,OAAO,EAAE,UAAU,EAAE,QAAQ,UAAU,EAAE,GAAG,IAAI;AAAA,UACxE,mBAAiB,EAAE,UAAU,OAAO,SAAY,SAAS,gBAAgB,cAAc,MAAM,SAAS,aAAa,cAAc,MAAM,SAAS,cAAc;AAAA;AAAA,QAE9J,oCAAC,UAAK,WAAU,cAAa,IAAI,SAAS,gBAAgB,eAAc,EAAE,UAAU,EAAE,MAAM,QAAQ,EAAE,CAAC,CAAE;AAAA,QACzG,oCAAC,QAAK,MAAK,OAAM,MAAK,MAAK;AAAA,QAC3B,oCAAC,UAAK,WAAU,cAAa,IAAI,SAAS,cAAc,eAAc,EAAE,UAAU,EAAE,MAAM,QAAQ,EAAE,CAAC,CAAE;AAAA,MACzG,IACE;AAAA,IACN,CACD,CACH,CACF,GACA,oCAAC,eACE,OAAO,WAAW,IACjB,oCAAC,QAAG,iBAAe,aAAa,IAAI,UAAW,oCAAC,QAAG,SAAS,eAAe,UAAU,aAAa,IAAI,IAAI,WAAU,qBAAmB,SAAS,OAAO,QAAQ,EAAE,OAAO,CAAE,CAAK,IAE/K,0DACG,SAAS,IAAI,oCAAC,QAAG,eAAY,UAAO,oCAAC,QAAG,SAAS,eAAe,UAAU,aAAa,IAAI,IAAI,OAAO,EAAE,QAAQ,QAAQ,SAAS,GAAG,QAAQ,EAAE,GAAG,CAAE,IAAQ,MAC3J,MAAM,IAAI,CAAC,GAAG,MAAM;AACnB,YAAM,IAAI,EAAE,MAAM,KAAK,OAAO,EAAE,MAAM,IAAI,QAAQ;AAClD,aACE,oCAAC,QAAG,KAAK,GAAG,iBAAe,aAAa,QAAQ,IAAI,IAAI,QAAW,WAAW,SAAS,SAAS,CAAC,IAAI,gBAAgB,QAAW,OAAO,aAAa,EAAE,QAAQ,mBAAmB,IAAI,UAClL,aAAa,oCAAC,QAAG,WAAU,yBAAsB,oCAAC,WAAM,WAAU,wBAAqB,oCAAC,WAAM,MAAK,YAAW,cAAY,GAAG,EAAE,WAAW,CAAC,KAAK,OAAO,eAAe,IAAI,OAAK,EAAE,EAAE,GAAG,CAAC,EAAE,KAAK,OAAK,OAAO,MAAM,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,SAAS,SAAS,SAAS,CAAC,GAAG,UAAU,MAAM,OAAO,CAAC,GAAG,CAAE,CAAQ,IAAQ,MAC3T,eAAe,IAAI,CAAC,MACnB,oCAAC,QAAG,KAAK,EAAE,KAAK,WAAW,EAAE,SAAS,wBAAwB,QAAW,OAAO,EAAE,SAAS,EAAE,UAAU,UAAU,kBAAkB,GAAG,YAAY,gCAAgC,IAAI,UACnL,EAAE,SAAS,EAAE,OAAO,CAAC,IAAI,EAAE,EAAE,GAAG,CACnC,CACD,CACH;AAAA,IAEJ,CAAC,GACA,YAAY,IAAI,oCAAC,QAAG,eAAY,UAAO,oCAAC,QAAG,SAAS,eAAe,UAAU,aAAa,IAAI,IAAI,OAAO,EAAE,QAAQ,WAAW,SAAS,GAAG,QAAQ,EAAE,GAAG,CAAE,IAAQ,IACpK,CAEJ,CACF;AAAA,EACF;AAEJ,CAAC;AACD,SAAS,cAAc;",
+  "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 { Icon } from \"../icon/Icon.jsx\";\nimport { cx } from \"../_utils/cx.js\";\nimport { useClientLayoutEffect } from \"../_utils/use-client-layout-effect.js\";\n\n/**\n * CyberSkill DataGrid — advanced table: sortable columns, selectable rows, sticky header,\n * optional column pin + client filter + row virtualization + optional column order persistence.\n */\nexport const DataGrid = React.forwardRef(function DataGrid({\n  columns = [],\n  rows = [],\n  rowKey = \"id\",\n  selectable = false,\n  selected = [],\n  onSelect,\n  height = 280,\n  caption,\n  empty,\n  lang,\n  className,\n  rootProps,\n  filterText,\n  filterKeys,\n  /** When true (or rows exceed virtualThreshold), only paint a window of rows. */\n  virtual = false,\n  /** Row threshold that auto-enables virtualization. Default 80. */\n  virtualThreshold = 80,\n  /** Approximate row height for windowing. Default 36. */\n  rowHeight = 36,\n  /** localStorage key — when set, column key order is persisted across reloads. */\n  persistKey,\n}, forwardedRef) {\n  const [sort, setSort] = React.useState(null); // {key, dir}\n  const nameId = React.useId();\n  const [scrollTop, setScrollTop] = React.useState(0);\n  const estimate = Number.isFinite(rowHeight) && rowHeight > 0 ? rowHeight : 36;\n  const [measuredRowHeight, setMeasuredRowHeight] = React.useState(estimate);\n  const effectiveRowHeight = Math.max(estimate, measuredRowHeight);\n  const [colOrder, setColOrder] = React.useState(null);\n  useClientLayoutEffect(() => {\n    if (!persistKey) { setColOrder(null); return; }\n    try {\n      const raw = localStorage.getItem(\"cs:datagrid:cols:\" + persistKey);\n      const arr = raw ? JSON.parse(raw) : null;\n      setColOrder(Array.isArray(arr) ? arr : null);\n    } catch (e) { setColOrder(null); }\n  }, [persistKey]);\n  const [ref, L, localeMessages] = useLang(lang);\n  const mergedNativeRef = useComposedRefs(ref, forwardedRef);\n  const t = makeT(\"DataGrid\", L, localeMessages);\n\n  const orderedColumns = React.useMemo(() => {\n    if (!colOrder || !colOrder.length) return columns;\n    const map = new Map(columns.map((c) => [c.key, c]));\n    const out = [];\n    for (const k of colOrder) if (map.has(k)) { out.push(map.get(k)); map.delete(k); }\n    for (const c of map.values()) out.push(c);\n    return out;\n  }, [columns, colOrder]);\n\n  const filtered = React.useMemo(() => {\n    const q = (filterText == null ? \"\" : String(filterText)).trim().toLowerCase();\n    if (!q) return rows;\n    const keys = filterKeys && filterKeys.length ? filterKeys : orderedColumns.map((c) => c.key);\n    return rows.filter((r) => keys.some((k) => String(r[k] == null ? \"\" : r[k]).toLowerCase().includes(q)));\n  }, [rows, filterText, filterKeys, orderedColumns]);\n\n  const sorted = React.useMemo(() => {\n    if (!sort) return filtered;\n    const col = orderedColumns.find((c) => c.key === sort.key);\n    const val = (r) => (col && col.sortValue ? col.sortValue(r) : r[sort.key]);\n    return [...filtered].sort((a, b) => { const x = val(a), y = val(b); return (x > y ? 1 : x < y ? -1 : 0) * (sort.dir === \"asc\" ? 1 : -1); });\n  }, [filtered, sort, orderedColumns]);\n\n  const useVirtual = virtual || sorted.length >= virtualThreshold;\n  const bodyH = Math.max(0, height - 40);\n  const visibleCount = useVirtual ? Math.ceil(bodyH / effectiveRowHeight) + 8 : sorted.length;\n  // Data/filter changes can leave the old scroll offset beyond the new rows.\n  // Keep a populated final window; removing stale padding lets the browser\n  // clamp its physical scroll position to the new content height as well.\n  const start = useVirtual ? Math.min(Math.max(0, sorted.length - visibleCount), Math.max(0, Math.floor(scrollTop / effectiveRowHeight) - 4)) : 0;\n  const end = useVirtual ? Math.min(sorted.length, start + visibleCount) : sorted.length;\n  const slice = sorted.slice(start, end);\n  const padTop = useVirtual ? start * effectiveRowHeight : 0;\n  const padBottom = useVirtual ? Math.max(0, (sorted.length - end) * effectiveRowHeight) : 0;\n\n  // CSS (including larger touch controls) can exceed the caller's estimate.\n  // Measure natural rendered rows before paint, without retaining the previous\n  // inline floor: switching back to a denser layout must be able to shrink.\n  useClientLayoutEffect(() => {\n    const host = ref.current;\n    if (!host || !useVirtual) return;\n    const rows = [...host.querySelectorAll('tbody > tr:not([aria-hidden=\"true\"])')];\n    if (!slice.length || !rows.length) return;\n    const measure = () => {\n      const old = rows.map(row => row.style.height);\n      rows.forEach(row => { row.style.height = \"\"; });\n      const next = Math.max(estimate, ...rows.map(row => row.getBoundingClientRect().height));\n      rows.forEach((row, i) => { row.style.height = old[i]; });\n      setMeasuredRowHeight(previous => Math.abs(previous - next) > 0.01 ? next : previous);\n    };\n    measure();\n    const resize = typeof ResizeObserver === \"undefined\" ? null : new ResizeObserver(measure);\n    resize?.observe(host);\n    rows.forEach(row => resize?.observe(row));\n    const ancestors = new MutationObserver(measure);\n    for (let node = host; node; node = node.parentElement) {\n      ancestors.observe(node, { attributes: true, attributeFilter: [\"class\", \"style\", \"lang\", \"data-cs-density\", \"data-cs-element\", \"data-cs-variant\"] });\n    }\n    const coarse = window.matchMedia(\"(pointer: coarse)\");\n    coarse.addEventListener(\"change\", measure);\n    document.fonts?.addEventListener(\"loadingdone\", measure);\n    return () => {\n      resize?.disconnect();\n      ancestors.disconnect();\n      coarse.removeEventListener(\"change\", measure);\n      document.fonts?.removeEventListener(\"loadingdone\", measure);\n    };\n  }, [useVirtual, slice, estimate, ref]);\n\n  const allSel = selectable && filtered.length && filtered.every((r) => selected.includes(r[rowKey]));\n  const toggleAll = () => onSelect && onSelect(allSel ? [] : filtered.map((r) => r[rowKey]));\n  const toggle = (k) => onSelect && onSelect(selected.includes(k) ? selected.filter((x) => x !== k) : [...selected, k]);\n\n  const pinColumn = (key) => {\n    if (!persistKey) return;\n    const keys = orderedColumns.map((c) => c.key);\n    const next = [key, ...keys.filter((k) => k !== key)];\n    setColOrder(next);\n    try { localStorage.setItem(\"cs:datagrid:cols:\" + persistKey, JSON.stringify(next)); } catch (e) {}\n  };\n\n  return (\n    <div\n      ref={mergedNativeRef}\n      {...mergeTargetProps({\n        className: cx(\"cs-datagrid\", useVirtual && \"cs-datagrid--virtual\", className),\n        onScroll: useVirtual ? (e) => setScrollTop(e.currentTarget.scrollTop) : undefined,\n      }, rootProps, [\"data-virtual\", \"data-row-count\", \"data-row-height\"])}\n      style={{ ...rootProps?.style, maxBlockSize: height, overflow: \"auto\" }}\n      data-virtual={useVirtual ? \"true\" : \"false\"}\n      data-row-count={sorted.length}\n      data-row-height={useVirtual ? effectiveRowHeight : undefined}\n    >\n      <table className=\"cs-table\" aria-rowcount={useVirtual ? Math.max(2, sorted.length + 1) : undefined}>\n        {(caption || caption === 0) ? <caption>{caption}</caption> : null}\n        <thead>\n          <tr aria-rowindex={useVirtual ? 1 : undefined}>\n            {selectable ? <th scope=\"col\" className=\"cs-datagrid__selcol\"><label className=\"cs-datagrid__check\"><input type=\"checkbox\" aria-label={t(\"selectAll\")} checked={!!allSel} onChange={toggleAll} /></label></th> : null}\n            {orderedColumns.map((c, columnIndex) => (\n              <th\n                key={c.key}\n                scope=\"col\"\n                className={c.pinned ? \"cs-datagrid__pinned\" : undefined}\n                style={c.pinned ? { position: \"sticky\", insetInlineStart: 0, zIndex: 1, background: \"var(--cs-color-surface-panel)\" } : undefined}\n                aria-sort={sort && sort.key === c.key ? (sort.dir === \"asc\" ? \"ascending\" : \"descending\") : undefined}\n              >\n                {c.sortable ? (\n                  <button type=\"button\" className=\"cs-datagrid__sort\" onClick={() => setSort((s) => (!s || s.key !== c.key ? { key: c.key, dir: \"asc\" } : s.dir === \"asc\" ? { key: c.key, dir: \"desc\" } : null))}>\n                    <span id={nameId + \"-header-\" + columnIndex}>{c.header}</span><span aria-hidden=\"true\">{sort && sort.key === c.key ? (sort.dir === \"asc\" ? \" ▲\" : \" ▼\") : \" ↕\"}</span>\n                  </button>\n                ) : <span id={nameId + \"-header-\" + columnIndex}>{c.header}</span>}\n                {persistKey ? (\n                  <button\n                    type=\"button\"\n                    className=\"cs-datagrid__pin\"\n                    title={t(\"pin\")}\n                    onClick={() => pinColumn(c.key)}\n                    aria-label={c.header == null ? t(\"pinNamed\").replace(\"{name}\", c.key) : undefined}\n                    aria-labelledby={c.header == null ? undefined : nameId + \"-pin-start-\" + columnIndex + \" \" + nameId + \"-header-\" + columnIndex + \" \" + nameId + \"-pin-end-\" + columnIndex}\n                  >\n                    <span className=\"cs-sr-only\" id={nameId + \"-pin-start-\" + columnIndex}>{t(\"pinNamed\").split(\"{name}\")[0]}</span>\n                    <Icon name=\"pin\" size=\"sm\" />\n                    <span className=\"cs-sr-only\" id={nameId + \"-pin-end-\" + columnIndex}>{t(\"pinNamed\").split(\"{name}\")[1]}</span>\n                  </button>\n                ) : null}\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {sorted.length === 0 ? (\n            <tr aria-rowindex={useVirtual ? 2 : undefined}><td colSpan={orderedColumns.length + (selectable ? 1 : 0)} className=\"cs-table__empty\">{empty != null ? empty : t(\"empty\")}</td></tr>\n          ) : (\n            <>\n              {padTop > 0 ? <tr aria-hidden=\"true\"><td colSpan={orderedColumns.length + (selectable ? 1 : 0)} style={{ height: padTop, padding: 0, border: 0 }} /></tr> : null}\n              {slice.map((r, i) => {\n                const k = r[rowKey] != null ? r[rowKey] : start + i;\n                return (\n                  <tr key={k} aria-rowindex={useVirtual ? start + i + 2 : undefined} aria-selected={selectable ? selected.includes(k) : undefined} className={selected.includes(k) ? \"is-selected\" : undefined} style={useVirtual ? { height: effectiveRowHeight } : undefined}>\n                    {selectable ? <td className=\"cs-datagrid__selcol\"><label className=\"cs-datagrid__check\"><input type=\"checkbox\" aria-label={`${t(\"selectRow\")}: ${String(orderedColumns.map(c => r[c.key]).find(v => typeof v === \"string\" && v.trim()) ?? k)}`} checked={selected.includes(k)} onChange={() => toggle(k)} /></label></td> : null}\n                    {orderedColumns.map((c) => (\n                      <td key={c.key} className={c.pinned ? \"cs-datagrid__pinned\" : undefined} style={c.pinned ? { position: \"sticky\", insetInlineStart: 0, background: \"var(--cs-color-surface-panel)\" } : undefined}>\n                        {c.render ? c.render(r) : r[c.key]}\n                      </td>\n                    ))}\n                  </tr>\n                );\n              })}\n              {padBottom > 0 ? <tr aria-hidden=\"true\"><td colSpan={orderedColumns.length + (selectable ? 1 : 0)} style={{ height: padBottom, padding: 0, border: 0 }} /></tr> : null}\n            </>\n          )}\n        </tbody>\n      </table>\n    </div>\n  );\n});\nDataGrid.displayName = \"DataGrid\";\n"],
+  "mappings": "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",
   "names": ["DataGrid", "rows"]
 }

package/dist/esm/chunks/{chunk-OR5UTKW7.mjs → chunk-I3H7EAH5.mjs}

@@ -2,7 +2,7 @@
 import {
   makeT,
   useLang
-} from "./chunk-25AOTZAM.mjs";
+} from "./chunk-JZYRXWPD.mjs";
 import {
   mergeTargetProps
 } from "./chunk-RQFCRXMQ.mjs";
@@ -29,4 +29,4 @@ ChatMessage.displayName = "ChatMessage";
 export {
   ChatMessage
 };
-//# sourceMappingURL=chunk-OR5UTKW7.mjs.map
+//# sourceMappingURL=chunk-I3H7EAH5.mjs.map

package/dist/esm/chunks/{chunk-P64YS5W2.mjs → chunk-I3PQVFX5.mjs}

@@ -2,7 +2,7 @@
 import {
   makeT,
   useLang
-} from "./chunk-25AOTZAM.mjs";
+} from "./chunk-JZYRXWPD.mjs";
 import {
   mergeTargetProps
 } from "./chunk-RQFCRXMQ.mjs";
@@ -57,4 +57,4 @@ Chart.displayName = "Chart";
 export {
   Chart
 };
-//# sourceMappingURL=chunk-P64YS5W2.mjs.map
+//# sourceMappingURL=chunk-I3PQVFX5.mjs.map

package/dist/esm/chunks/{chunk-5MR3C2QG.mjs → chunk-IOEWPBAL.mjs}

@@ -9,7 +9,7 @@ import {
 import {
   makeT,
   useLang
-} from "./chunk-25AOTZAM.mjs";
+} from "./chunk-JZYRXWPD.mjs";
 import {
   mergeTargetProps
 } from "./chunk-RQFCRXMQ.mjs";
@@ -139,4 +139,4 @@ Mentions.displayName = "Mentions";
 export {
   Mentions
 };
-//# sourceMappingURL=chunk-5MR3C2QG.mjs.map
+//# sourceMappingURL=chunk-IOEWPBAL.mjs.map

package/dist/esm/chunks/{chunk-TN2MZXGS.mjs → chunk-JIHWIDMP.mjs}

@@ -2,7 +2,7 @@
 import {
   makeT,
   useLang
-} from "./chunk-25AOTZAM.mjs";
+} from "./chunk-JZYRXWPD.mjs";
 import {
   mergeIds
 } from "./chunk-RQFCRXMQ.mjs";
@@ -36,4 +36,4 @@ Select.displayName = "Select";
 export {
   Select
 };
-//# sourceMappingURL=chunk-TN2MZXGS.mjs.map
+//# sourceMappingURL=chunk-JIHWIDMP.mjs.map

package/dist/esm/chunks/{chunk-FXELBWXK.mjs → chunk-JTAYZ36C.mjs}

@@ -9,7 +9,7 @@ import {
 import {
   makeT,
   useLang
-} from "./chunk-25AOTZAM.mjs";
+} from "./chunk-JZYRXWPD.mjs";
 import {
   useClientLayoutEffect
 } from "./chunk-CQQ2JOJD.mjs";
@@ -119,13 +119,14 @@ var Menubar = React.forwardRef(function Menubar2({ portal = true, placement, men
       setOpen(target);
       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 === "-" ? /* @__PURE__ */ React.createElement("span", { key: j, className: "cs-menu__sep", role: "separator" }) : /* @__PURE__ */ React.createElement("button", { key: j, type: "button", role: "menuitem", className: cx("cs-menu__item", it.danger && "cs-menu__item--danger"), onClick: () => {
+  } }, m.items.map((it, j) => it === "-" ? /* @__PURE__ */ React.createElement("span", { key: j, className: "cs-menu__sep", role: "separator" }) : /* @__PURE__ */ React.createElement("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();
@@ -136,4 +137,4 @@ Menubar.displayName = "Menubar";
 export {
   Menubar
 };
-//# sourceMappingURL=chunk-FXELBWXK.mjs.map
+//# sourceMappingURL=chunk-JTAYZ36C.mjs.map

package/dist/esm/chunks/{chunk-FXELBWXK.mjs.map → chunk-JTAYZ36C.mjs.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../components/navigation/Menubar.jsx"],
-  "sourcesContent": ["import { useFloatingPanel } from \"../_utils/floating-panel.js\";\nimport { useComposedRefs } from \"../_utils/refs.js\";\nimport { mergeTargetProps } from \"../_utils/field-association.js\";\nimport React from \"react\";\nimport { useClientLayoutEffect } from \"../_utils/use-client-layout-effect.js\";\nimport { useOverlayLayer, overlayScopeContext } from \"../overlays/OverlayManager.jsx\";\nimport { makeT, useLang } from \"../_i18n/i18n.js\";\nimport { cx } from \"../_utils/cx.js\";\n\n/** CyberSkill Menubar — app-style horizontal menu bar. menus: [{label, items:[{label,onSelect,danger}|\"-\"]}]. */\nexport const Menubar = React.forwardRef(function Menubar({ portal = true, placement, menus = [], className, \"aria-label\": ariaLabel, \"aria-labelledby\": ariaLabelledBy , rootProps }, forwardedRef) {\n  const floatingRef = React.useRef(null);\n  const [open, setOpen] = React.useState(null);\n  const [focusI, setFocusI] = React.useState(0);\n  const [wrap, L, localeMessages] = useLang();\n  const mergedNativeRef = useComposedRefs(wrap, forwardedRef);\n  const t = makeT(\"Menubar\", L, localeMessages);\n  const id = React.useId();\n  const itemFocus = React.useRef(null);\n  const menuRefs = React.useRef([]);\n  const btns = React.useRef([]);\n  const floating = useFloatingPanel({ open: open != null, anchorRef: wrap, panelRef: floatingRef, portal, manageTabOrder: false, placement: placement ?? \"bottom-start\", gap: 5, getAnchor: ()=>btns.current[open], getInlineParent: ()=>btns.current[open]?.parentElement, identity: open });\n  const { scope } = useOverlayLayer({ open: (open != null) && floating.ready, kind: \"dropdown\", panelRef: floatingRef, surfaceKey: floating.surfaceKey, restoreFocus: false, onEscape: () => { setOpen(null); btns.current[open]?.focus(); } });\n  useClientLayoutEffect(() => {\n    if (open == null || itemFocus.current == null || !floating.ready) return;\n    const items = menuRefs.current[open]?.querySelectorAll('[role=\"menuitem\"]');\n    const target = itemFocus.current; itemFocus.current = null;\n    (target === -1 ? items?.[items.length - 1] : items?.[0])?.focus();\n  }, [open, floating.ready, floating.surfaceKey]);\n  React.useEffect(() => {\n    if (open == null) return;\n    const d = (e) => { if (!floating.contains(e.target)) setOpen(null); };\n    document.addEventListener(\"mousedown\", d);\n    return () => { document.removeEventListener(\"mousedown\", d); };\n  }, [open]);\n  const nav = (e, i) => {\n    let n = null;\n    if (e.key === \"ArrowRight\") n = (i + 1) % menus.length;\n    else if (e.key === \"ArrowLeft\") n = (i - 1 + menus.length) % menus.length;\n    else if (e.key === \"Home\") n = 0;\n    else if (e.key === \"End\") n = menus.length - 1;\n    else if ([\"ArrowDown\", \"ArrowUp\", \"Enter\", \" \"].includes(e.key)) { e.preventDefault(); itemFocus.current = e.key === \"ArrowUp\" ? -1 : 0; if (open === i) { const items = menuRefs.current[i]?.querySelectorAll('[role=\"menuitem\"]'); (itemFocus.current === -1 ? items?.[items.length - 1] : items?.[0])?.focus(); itemFocus.current = null; } else setOpen(i); return; }\n    if (n == null) return;\n    e.preventDefault(); setFocusI(n); if (open != null) setOpen(n);\n    const b = btns.current[n]; if (b) b.focus();\n  };\n  return (\n    <overlayScopeContext.Provider value={scope}>\n    <div ref={mergedNativeRef} {...mergeTargetProps({ \"className\": cx(\"cs-menubar\", className) }, rootProps, [\"role\",\"aria-label\",\"aria-labelledby\"])} role=\"menubar\" aria-label={ariaLabel ?? (ariaLabelledBy ? undefined : t(\"label\"))} aria-labelledby={ariaLabelledBy}>\n      {menus.map((m, i) => (\n        <span key={i} className=\"cs-menubar__wrap\">\n          <button id={`${id}-top-${i}`} type=\"button\" role=\"menuitem\" aria-haspopup=\"menu\" aria-expanded={open === i} tabIndex={i === focusI ? 0 : -1}\n            ref={(el) => (btns.current[i] = el)} onKeyDown={(e) => nav(e, i)} onFocus={() => setFocusI(i)}\n            className={cx(\"cs-menubar__top\", open === i && \"is-open\")}\n            onClick={() => setOpen(open === i ? null : i)} onMouseEnter={() => { if (open != null && open !== i) setOpen(i); }}>{m.label}</button>\n          {open === i ? (\n            floating.render(<span className=\"cs-menu__list\" role=\"menu\" aria-labelledby={`${id}-top-${i}`} ref={el => { menuRefs.current[i] = el; floatingRef.current = el; }} onKeyDown={e => {\n              const items = [...e.currentTarget.querySelectorAll('[role=\"menuitem\"]')];\n              const current = items.indexOf(document.activeElement);\n              let next;\n              if (e.key === \"ArrowDown\") next = (current + 1) % items.length;\n              else if (e.key === \"ArrowUp\") next = (current - 1 + items.length) % items.length;\n              else if (e.key === \"Home\") next = 0;\n              else if (e.key === \"End\") next = items.length - 1;\n              else if (e.key === \"ArrowRight\" || e.key === \"ArrowLeft\") {\n                e.preventDefault(); const target = (i + (e.key === \"ArrowRight\" ? 1 : -1) + menus.length) % menus.length;\n                itemFocus.current = 0; setFocusI(target); setOpen(target); return;\n              } else if (e.key === \"Tab\") { setOpen(null); btns.current[i]?.focus(); return; }\n              else return;\n              e.preventDefault(); items[next]?.focus();\n            }}>\n              {m.items.map((it, j) => it === \"-\"\n                ? <span key={j} className=\"cs-menu__sep\" role=\"separator\" />\n                : <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>)}\n            </span>)\n          ) : null}\n        </span>\n      ))}\n    </div>\n    </overlayScopeContext.Provider>\n  );\n});\nMenubar.displayName = \"Menubar\";\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { useFloatingPanel } from \"../_utils/floating-panel.js\";\nimport { useComposedRefs } from \"../_utils/refs.js\";\nimport { mergeTargetProps } from \"../_utils/field-association.js\";\nimport React from \"react\";\nimport { useClientLayoutEffect } from \"../_utils/use-client-layout-effect.js\";\nimport { useOverlayLayer, overlayScopeContext } from \"../overlays/OverlayManager.jsx\";\nimport { makeT, useLang } from \"../_i18n/i18n.js\";\nimport { cx } from \"../_utils/cx.js\";\n\n/** CyberSkill Menubar — app-style horizontal menu bar. menus: [{label, items:[{label,onSelect,danger}|\"-\"]}]. */\nexport const Menubar = React.forwardRef(function Menubar({ portal = true, placement, menus = [], className, \"aria-label\": ariaLabel, \"aria-labelledby\": ariaLabelledBy , rootProps }, forwardedRef) {\n  const floatingRef = React.useRef(null);\n  const [open, setOpen] = React.useState(null);\n  const [focusI, setFocusI] = React.useState(0);\n  const [wrap, L, localeMessages] = useLang();\n  const mergedNativeRef = useComposedRefs(wrap, forwardedRef);\n  const t = makeT(\"Menubar\", L, localeMessages);\n  const id = React.useId();\n  const itemFocus = React.useRef(null);\n  const menuRefs = React.useRef([]);\n  const btns = React.useRef([]);\n  const floating = useFloatingPanel({ open: open != null, anchorRef: wrap, panelRef: floatingRef, portal, manageTabOrder: false, placement: placement ?? \"bottom-start\", gap: 5, getAnchor: ()=>btns.current[open], getInlineParent: ()=>btns.current[open]?.parentElement, identity: open });\n  const { scope } = useOverlayLayer({ open: (open != null) && floating.ready, kind: \"dropdown\", panelRef: floatingRef, surfaceKey: floating.surfaceKey, restoreFocus: false, onEscape: () => { setOpen(null); btns.current[open]?.focus(); } });\n  useClientLayoutEffect(() => {\n    if (open == null || itemFocus.current == null || !floating.ready) return;\n    const items = menuRefs.current[open]?.querySelectorAll('[role=\"menuitem\"]');\n    const target = itemFocus.current; itemFocus.current = null;\n    (target === -1 ? items?.[items.length - 1] : items?.[0])?.focus();\n  }, [open, floating.ready, floating.surfaceKey]);\n  React.useEffect(() => {\n    if (open == null) return;\n    const d = (e) => { if (!floating.contains(e.target)) setOpen(null); };\n    document.addEventListener(\"mousedown\", d);\n    return () => { document.removeEventListener(\"mousedown\", d); };\n  }, [open]);\n  const nav = (e, i) => {\n    let n = null;\n    if (e.key === \"ArrowRight\") n = (i + 1) % menus.length;\n    else if (e.key === \"ArrowLeft\") n = (i - 1 + menus.length) % menus.length;\n    else if (e.key === \"Home\") n = 0;\n    else if (e.key === \"End\") n = menus.length - 1;\n    else if ([\"ArrowDown\", \"ArrowUp\", \"Enter\", \" \"].includes(e.key)) { e.preventDefault(); itemFocus.current = e.key === \"ArrowUp\" ? -1 : 0; if (open === i) { const items = menuRefs.current[i]?.querySelectorAll('[role=\"menuitem\"]'); (itemFocus.current === -1 ? items?.[items.length - 1] : items?.[0])?.focus(); itemFocus.current = null; } else setOpen(i); return; }\n    if (n == null) return;\n    e.preventDefault(); setFocusI(n); if (open != null) setOpen(n);\n    const b = btns.current[n]; if (b) b.focus();\n  };\n  return (\n    <overlayScopeContext.Provider value={scope}>\n    <div ref={mergedNativeRef} {...mergeTargetProps({ \"className\": cx(\"cs-menubar\", className) }, rootProps, [\"role\",\"aria-label\",\"aria-labelledby\"])} role=\"menubar\" aria-label={ariaLabel ?? (ariaLabelledBy ? undefined : t(\"label\"))} aria-labelledby={ariaLabelledBy}>\n      {menus.map((m, i) => (\n        <span key={i} className=\"cs-menubar__wrap\">\n          <button id={`${id}-top-${i}`} type=\"button\" role=\"menuitem\" aria-haspopup=\"menu\" aria-expanded={open === i} tabIndex={i === focusI ? 0 : -1}\n            ref={(el) => (btns.current[i] = el)} onKeyDown={(e) => nav(e, i)} onFocus={() => setFocusI(i)}\n            className={cx(\"cs-menubar__top\", open === i && \"is-open\")}\n            onClick={() => setOpen(open === i ? null : i)} onMouseEnter={() => { if (open != null && open !== i) setOpen(i); }}>{m.label}</button>\n          {open === i ? (\n            floating.render(<span className=\"cs-menu__list\" role=\"menu\" aria-labelledby={`${id}-top-${i}`} ref={el => { menuRefs.current[i] = el; floatingRef.current = el; }} onKeyDown={e => {\n              const items = [...e.currentTarget.querySelectorAll('[role=\"menuitem\"]')];\n              const current = items.indexOf(document.activeElement);\n              let next;\n              if (e.key === \"ArrowDown\") next = (current + 1) % items.length;\n              else if (e.key === \"ArrowUp\") next = (current - 1 + items.length) % items.length;\n              else if (e.key === \"Home\") next = 0;\n              else if (e.key === \"End\") next = items.length - 1;\n              else if (e.key === \"ArrowRight\" || e.key === \"ArrowLeft\") {\n                e.preventDefault(); const target = (i + (e.key === \"ArrowRight\" ? 1 : -1) + menus.length) % menus.length;\n                itemFocus.current = 0; setFocusI(target); setOpen(target); return;\n              } else if (e.key === \"Tab\") { e.preventDefault(); setOpen(null); btns.current[i]?.focus(); return; }\n              else return;\n              e.preventDefault(); items[next]?.focus();\n            }}>\n              {m.items.map((it, j) => it === \"-\"\n                ? <span key={j} className=\"cs-menu__sep\" role=\"separator\" />\n                : <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>)}\n            </span>)\n          ) : null}\n        </span>\n      ))}\n    </div>\n    </overlayScopeContext.Provider>\n  );\n});\nMenubar.displayName = \"Menubar\";\n"],
+  "mappings": "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",
   "names": ["Menubar"]
 }

package/dist/esm/chunks/{chunk-25AOTZAM.mjs → chunk-JZYRXWPD.mjs}

@@ -176,7 +176,7 @@ var strings = {
   },
   Result: {
     en: { success: "Done", error: "We couldn't complete that", warning: "Please check", info: "Here's what happened" },
-    vi: { success: "Hoàn tất", error: "Chúng tôi chưa hoàn tất được", warning: "Vui lòng kiểm tra", info: "Đây là điều đã xảy ra" }
+    vi: { success: "Hoàn tất", error: "Chưa thực hiện được thao tác này", warning: "Vui lòng kiểm tra", info: "Thông tin chi tiết" }
   },
   InlineEdit: {
     en: { edit: "Edit", empty: "Add text" },
@@ -217,11 +217,11 @@ var strings = {
   },
   PromptInput: {
     en: { placeholder: "Type your wish…", send: "Send", hint: "Lumi replies, then hands clear wishes to a human." },
-    vi: { placeholder: "Nhập điều ước của bạn…", send: "Gửi", hint: "Lumi trả lời, rồi chuyển điều ước rõ ràng cho con người." }
+    vi: { placeholder: "Nhập điều ước của bạn…", send: "Gửi", hint: "Lumi phản hồi trước, rồi chuyển điều ước rõ ràng đến đội ngũ." }
   },
   HumanReviewGate: {
     en: { aria: "Human review gate", risk: "review required", approve: "Approve", reject: "Reject", reviewer: "Reviewer" },
-    vi: { aria: "Cổng kiểm duyệt của con người", risk: "cần xem xét", approve: "Phê duyệt", reject: "Từ chối", reviewer: "Người duyệt" }
+    vi: { aria: "Bước duyệt của người phụ trách", risk: "cần xem xét", approve: "Phê duyệt", reject: "Từ chối", reviewer: "Người duyệt" }
   },
   Switch: {
     en: { label: "Setting" },
@@ -432,4 +432,4 @@ export {
   monthName,
   formatNumber
 };
-//# sourceMappingURL=chunk-25AOTZAM.mjs.map
+//# sourceMappingURL=chunk-JZYRXWPD.mjs.map