npm - @cyberskill/design - Versions diffs - 2.6.0 → 2.7.0 - Mend

@cyberskill/design 2.6.0 → 2.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (324) hide show

package/dist/esm/_esm/react.mjs CHANGED Viewed

@@ -68,7 +68,7 @@ import {
 } from "../chunks/chunk-GA5HJNPW.mjs";
 import {
   TreeSelect
-} from "../chunks/chunk-MRXEJSQQ.mjs";
+} from "../chunks/chunk-B5V7HN5G.mjs";
 import {
   LocaleProvider,
   useMessages
@@ -131,13 +131,13 @@ import {
 } from "../chunks/chunk-U7RKPGRO.mjs";
 import {
   SearchField
-} from "../chunks/chunk-5FQGNCKS.mjs";
+} from "../chunks/chunk-LU45KTWU.mjs";
 import {
   SegmentedControl
 } from "../chunks/chunk-LPRCBBVY.mjs";
 import {
   ColorPicker
-} from "../chunks/chunk-FF5D53IP.mjs";
+} from "../chunks/chunk-SA7L22XE.mjs";
 import {
   Combobox
 } from "../chunks/chunk-CYZ22MB7.mjs";
@@ -161,7 +161,7 @@ import {
 } from "../chunks/chunk-3R5WJQCB.mjs";
 import {
   InlineEdit
-} from "../chunks/chunk-GLPQBE2J.mjs";
+} from "../chunks/chunk-4D7SFITE.mjs";
 import {
   InputGroup
 } from "../chunks/chunk-TMXLSCAG.mjs";
@@ -183,7 +183,7 @@ import {
 } from "../chunks/chunk-2CCVFTPL.mjs";
 import {
   Cascader
-} from "../chunks/chunk-D7A4ZCMJ.mjs";
+} from "../chunks/chunk-RUB6XN27.mjs";
 import {
   Checkbox
 } from "../chunks/chunk-YJDC6NPP.mjs";

package/dist/esm/build.json CHANGED Viewed

@@ -73,15 +73,15 @@
     "components/feedback/Tag.jsx": "8b6415fd3811a97a82edb62391b0b78059f31ae09b93c92ac55868ca1b68f281",
     "components/feedback/Toast.jsx": "600f0efdcc28bfd5118533b75046f07ce72515ab4978386825c0bbc3e2919206",
     "components/forms/Calendar.jsx": "9300c818b4a4de7425600d8b54f8be62e3ca3e7a7e2c0f25fc3cff1b12dad2ce",
-    "components/forms/Cascader.jsx": "60217f041dd78ad4809a787920c0f0d56a6a383ae125ad2e691757b2af22abbf",
+    "components/forms/Cascader.jsx": "09380cc01ef61a3cc0fb0d4f065345f4e31a6cd197cd4a9d837ffdc144b22bde",
     "components/forms/Checkbox.jsx": "19491fd53a0a7c5a4fa3c9d449ee3c0b7f39af18565413a012a7a8f5e25425ee",
-    "components/forms/ColorPicker.jsx": "64da95eccfc3637b640edcb4271ae914a81f4e05cf7b528467ab5850a651ed4f",
+    "components/forms/ColorPicker.jsx": "90d7990c0e97ca31592bb7a48153d85944016b4424c0ac58837c8295c33d8695",
     "components/forms/Combobox.jsx": "bae42bd629700dcdb3173636184df3aa0181a4e4d5f0ae7447a630f6404e84d3",
     "components/forms/DatePicker.jsx": "7a2fadb7759ddd31d574114d8e967406dbf82117251b65b14adcab6e21996b32",
     "components/forms/Editor.jsx": "dcb9dd625cac6e80c96e3e5eca5e8e06e215c6151a8dbbfc63fc3754b4a7b4b9",
     "components/forms/FileUpload.jsx": "5a37afe44694bfe5c53fa199374d02ceddb20fc0f4a02eb2b427079254a0b0cb",
     "components/forms/Form.jsx": "fc33716feb9f7496abd4ab9a21af27920cf78d014bc33f8e79a7fbae5ba3ec3f",
-    "components/forms/InlineEdit.jsx": "45b36df70b179243e329684ce20f61ed8dd4fda75e11674d24797713c644d4f8",
+    "components/forms/InlineEdit.jsx": "9f242ef99af077e5c9b68d36cc9539fac0819e66f7995fa6a93ecb7793bf3484",
     "components/forms/InputGroup.jsx": "0bd2e8f408f1942386857b64244211049aa9c31636e881ef2e06c5eb5cc60f56",
     "components/forms/InputOTP.jsx": "fe278664ea6bc07ac293ff28fe2ab6e6d8d2e0fc1cc6ddd3c3e59e68c088dacc",
     "components/forms/Mentions.jsx": "324a1ef9e7b9adf50454063acffb19ec15adcbcec9ff1f760a15cae56f167f32",
@@ -89,7 +89,7 @@
     "components/forms/NumberField.jsx": "f2dfbf219d37f79f31a96b70240fc5946a7bb440006c4101356579044d50f350",
     "components/forms/RadioGroup.jsx": "b72f446770714b8032ebaeaf060418dae4133c882ea1c69412b87c0c6a1823d3",
     "components/forms/Rating.jsx": "3d545ce0192b31427088bfa3f5d8f29ff49e6eec2e5369cc8e72ef87645abdd3",
-    "components/forms/SearchField.jsx": "44a861064011a4ebf8cd1224d95b0404c44e4cb8a1685d5981f8009ff8a824de",
+    "components/forms/SearchField.jsx": "e48eec5e6f3d65719ea4f72e833d67a6b05d2cc6fb49b53a621d0e832f33838e",
     "components/forms/SegmentedControl.jsx": "acf7e576e1680065c505039b2599f0a8f1b49584d112efa3f4dc892f4cb5cd93",
     "components/forms/Select.jsx": "a87c83c2783177fdaa135bb576e772b2c10fd8517d574622d8b15ceb611452b1",
     "components/forms/Slider.jsx": "409856d4cdba4dff50810000c4b00350d65c801ec7f54a6dd74eef14dd01ca05",
@@ -99,7 +99,7 @@
     "components/forms/TimePicker.jsx": "0537c564b214b46fd3ddaa44caefc05b7accb1873987ade73b69c18d2456718e",
     "components/forms/Toggle.jsx": "0527c953307239cbd54847c3516833f53069540bd5a9ef3135792f4638c65006",
     "components/forms/Transfer.jsx": "2a1c824ff9a0bf3afa0c4b617832c4316322a3a1885ceb5b2dbf3a67b8ce05f4",
-    "components/forms/TreeSelect.jsx": "3d5d1ef69f6e24a4322ed1bf52c47c3430eaad1ab3fe5ac51b5b40ec5a09044f",
+    "components/forms/TreeSelect.jsx": "ab5bc70e1cb1ab10df72a39456e4f4ac88e7907c25cd1dde8ded1d9c5c8b31e3",
     "components/forms/editor-parser.js": "1306c442e12da6f336af52a813a94b2c91214b84db66127f9e79c3e3b1da7d98",
     "components/forms/editor-schema.js": "a996ec9b4b885c2d6b0e15b85d930d8a1270ba395c69b0238bd352986dfb2077",
     "components/i18n/LocaleProvider.jsx": "5545f338df720c75bb9cf6c421edd17d491411c60e0d6727189d184740074e96",
@@ -130,7 +130,7 @@
     "components/overlays/Popover.jsx": "1ca5d2905995cc8166566625208a95e8838815d3abe1298312df71eab90b2679",
     "components/overlays/Tour.jsx": "74775e9b0740f093f18283fdab036facbf8ac1370051c950807cae197b192010",
     "components/textfield/TextField.jsx": "878810214bb342d85d933884b5b19984b57f7281e4560c18280b8f4c021c5f99",
-    "tokens/tokens.js": "c02046a356d7c06e206c75cbb59aac75a88b637d22de7b57d3df518f7a4dc04c"
+    "tokens/tokens.js": "64b2efb49a185cb2f77b191074e24af93720a5f910dd92f41ce86fa39f69648b"
   },
   "entryPoints": [
     {
@@ -577,7 +577,7 @@
   "outputs": {
     "_esm/react.mjs": {
       "bytes": 8726,
-      "sha256": "c1a2a537cc37b783bb325980d05a104a0ef9480d1c9810952cb0a29fa299d627"
+      "sha256": "32acd1df230f8a9dbcef4cec3057aa194f37f72f4a994cdc1e3c52b9752957ee"
     },
     "_esm/react.mjs.map": {
       "bytes": 93,
@@ -623,6 +623,14 @@
       "bytes": 32853,
       "sha256": "9188920ea5803cb8038de34a527a758a8e5a4bb9cbb627f71d1804ae9a5532d0"
     },
+    "chunks/chunk-4D7SFITE.mjs": {
+      "bytes": 3332,
+      "sha256": "d7516f71f8a8c45f1b9bed5e8828dfa0b7586644f7b1a3d5e81f2174ca230a29"
+    },
+    "chunks/chunk-4D7SFITE.mjs.map": {
+      "bytes": 5295,
+      "sha256": "49fc269264114c32fe077fd5c415dda7a055bd122b18a8a8c36a569711db8355"
+    },
     "chunks/chunk-4FGB6VHN.mjs": {
       "bytes": 3914,
       "sha256": "f56934e30ea575af6034820925a0600eb47e210ab01c315100dbaa670ecbd619"
@@ -679,14 +687,6 @@
       "bytes": 3149,
       "sha256": "10193168ce57c008fc89657fdce22e83a1538d91d5c60ee85160f8dd55c8a660"
     },
-    "chunks/chunk-5FQGNCKS.mjs": {
-      "bytes": 2350,
-      "sha256": "be7ca6254c17d55c5500c50f803c4111d84c63451e9d7690a7864a42a2e0d657"
-    },
-    "chunks/chunk-5FQGNCKS.mjs.map": {
-      "bytes": 3652,
-      "sha256": "27b5ffafd79dc49c4f78995e11a018cc35ed1e9d6cd88b5fd327ae9d9e0616ac"
-    },
     "chunks/chunk-5LXHLKXS.mjs": {
       "bytes": 164,
       "sha256": "5c143a7193b2cc03fe5b7e447dfd6dbaec51181bae2a67a93e2193172b4eab98"
@@ -791,6 +791,14 @@
       "bytes": 2147,
       "sha256": "a6bcdd1aafcfba11374ebb19a34d61c0e74c8fe57a21696b61d6566cffa384f7"
     },
+    "chunks/chunk-B5V7HN5G.mjs": {
+      "bytes": 4494,
+      "sha256": "e31bddf6204a4d5ca27c4a388e3df370a1675e65f677f260802e583c13550291"
+    },
+    "chunks/chunk-B5V7HN5G.mjs.map": {
+      "bytes": 7163,
+      "sha256": "2782ad03eb04ec04c66e944ad5981a75ce78f99b83fa2f0bdd6c370cc776ed6b"
+    },
     "chunks/chunk-BQH4YUGI.mjs": {
       "bytes": 1263,
       "sha256": "73e3b723ed580dd2b87d4e93df1167e51858b58c4581759d9f42f4aaa06dbeb5"
@@ -831,14 +839,6 @@
       "bytes": 8970,
       "sha256": "e020298bd001fe058c0fc35e5fad67f2cbf643af9f429bc087fc3b5d7ad011e0"
     },
-    "chunks/chunk-D7A4ZCMJ.mjs": {
-      "bytes": 7925,
-      "sha256": "b3f884f293e883b212371a5afc0c11f07a972e4d34d7233b6a23b8271bff0d94"
-    },
-    "chunks/chunk-D7A4ZCMJ.mjs.map": {
-      "bytes": 13817,
-      "sha256": "d0fc8babb88add98385ac1de0c2584ee7b3cdc292686393ad64a79577235949d"
-    },
     "chunks/chunk-DANUZS4S.mjs": {
       "bytes": 879,
       "sha256": "62149ae7e72f1e8da7792beaabd8b61ef2e510a08d1ac39dcba8dbba1bb49518"
@@ -927,14 +927,6 @@
       "bytes": 4447,
       "sha256": "e335b1cd3413bbaf0bee8791ea3ea19003c70e8a1d51f16960ab1e3609916272"
     },
-    "chunks/chunk-FF5D53IP.mjs": {
-      "bytes": 5099,
-      "sha256": "98a2ab1e83ef88176f474ce5612fd3f8597cec8bbea5c9e3b4cf3761a491eb48"
-    },
-    "chunks/chunk-FF5D53IP.mjs.map": {
-      "bytes": 7989,
-      "sha256": "673aa446e69ce535d052fe7559bd6579dcb5f5e28c0866aa2f05907f14bb6b58"
-    },
     "chunks/chunk-FOEJO2YQ.mjs": {
       "bytes": 1813,
       "sha256": "7ea420da0711619103c0d6d045a0e6107abd3acf6ed0ba02f95358993ba3dc12"
@@ -975,14 +967,6 @@
       "bytes": 2374,
       "sha256": "de3c5ed1c95053ab68bc8878f7bdf21400b130f10625afcbddd2a65ace79d6eb"
     },
-    "chunks/chunk-GLPQBE2J.mjs": {
-      "bytes": 2983,
-      "sha256": "8ec3f0be476641d8aec020f7faae4b301f280b6647ec2e5caa2d095edc84e1bd"
-    },
-    "chunks/chunk-GLPQBE2J.mjs.map": {
-      "bytes": 4610,
-      "sha256": "f5e378a9c7ec12bf48cc33b3cf305dedff64c525d0b76ca85dc31da7fb7f9771"
-    },
     "chunks/chunk-GLYNGK5V.mjs": {
       "bytes": 817,
       "sha256": "46258613967da2f285724391292a5682f10d720e0ab69e0a981ec0473da05c2d"
@@ -1151,6 +1135,14 @@
       "bytes": 4345,
       "sha256": "8699cfc11c044330af7d40f1905257bfb9f99f39dd78701a66dc274f317ab509"
     },
+    "chunks/chunk-LU45KTWU.mjs": {
+      "bytes": 2400,
+      "sha256": "c045a51d970db5cabdfbfcc7998d7b37638da81b2750257c20e0ea638a75c402"
+    },
+    "chunks/chunk-LU45KTWU.mjs.map": {
+      "bytes": 3735,
+      "sha256": "420f8ab5114df3e05728e0265d3330db07a42483da70135947c4f47974a175e6"
+    },
     "chunks/chunk-LWRFPVX7.mjs": {
       "bytes": 3243,
       "sha256": "e582814569e9684d3c737638db867ba912aea4bad5d016c42cdf1855fa81ff61"
@@ -1159,14 +1151,6 @@
       "bytes": 4850,
       "sha256": "ded2efa9327bb4c92ef9ca9c43279f6ccbb282f106e2d72a5efd7096a78cee33"
     },
-    "chunks/chunk-MRXEJSQQ.mjs": {
-      "bytes": 4434,
-      "sha256": "c539e27418987264d50ae3a2ffab3fe95899637c26ba894f380c91ad90d31a84"
-    },
-    "chunks/chunk-MRXEJSQQ.mjs.map": {
-      "bytes": 7065,
-      "sha256": "7b23e002440dee4276762528afcbd39692cc3afa76ab3d4b3489ad7bf19d9d3b"
-    },
     "chunks/chunk-NMGUDQDO.mjs": {
       "bytes": 2088,
       "sha256": "15a8ab709d212776a1646086f093123ad54a3a88b821eb2fb7124e1375fffe6c"
@@ -1295,6 +1279,14 @@
       "bytes": 13088,
       "sha256": "9900e94f603f432aeb671e3501b6f8d416736da53ade85c773f789631262c37c"
     },
+    "chunks/chunk-RUB6XN27.mjs": {
+      "bytes": 7985,
+      "sha256": "b2acf3ccb3ff55310b573d24dbbcd94c9f71ab43ba5badfef34f1dbd1ae5bfb8"
+    },
+    "chunks/chunk-RUB6XN27.mjs.map": {
+      "bytes": 13915,
+      "sha256": "cf8d384b05832212717e9153a7e39cca8914dbfa0383d36c9ae5c717bd93f645"
+    },
     "chunks/chunk-S6QTSKMF.mjs": {
       "bytes": 896,
       "sha256": "762757635dc4d4188e31fd49fc9025e1792bb7dd09ba130d355d5c4efe8a879e"
@@ -1303,6 +1295,14 @@
       "bytes": 1506,
       "sha256": "e47d5b83e3d7e8b06e89bd9802f2c6ed4c729df6376909eacf2a202e55938096"
     },
+    "chunks/chunk-SA7L22XE.mjs": {
+      "bytes": 5159,
+      "sha256": "648227a6c20e627d4c3fecfd0b2377c9a6e7fd5d86ca575fb7f2f1b937757c13"
+    },
+    "chunks/chunk-SA7L22XE.mjs.map": {
+      "bytes": 8087,
+      "sha256": "4b98034fa44673d56d9afd86fcc99b501fa1f90854fe173b26f7d49a5636e5c1"
+    },
     "chunks/chunk-SIMVM4RV.mjs": {
       "bytes": 2641,
       "sha256": "37b3dc5d7c06ccfd5577002c369a2eb8c765f213a0fb8ca3a7730c128b964138"
@@ -1953,7 +1953,7 @@
     },
     "components/forms/Cascader.mjs": {
       "bytes": 431,
-      "sha256": "b3e73e03576fbafdb66ccf87eda52db0a7e0b6a29793c517f067ae106aa422b1"
+      "sha256": "6d26afc78b59b43a39806ffb7f3f09a7cf597f7a5ff335622d63868100b4ee09"
     },
     "components/forms/Cascader.mjs.map": {
       "bytes": 93,
@@ -1969,7 +1969,7 @@
     },
     "components/forms/ColorPicker.mjs": {
       "bytes": 440,
-      "sha256": "f9247b2cd7ebd945aa54f8cc007a6903a65b52903198b2ba98a246705cf8b7c6"
+      "sha256": "9d75e10562410885914a814674b6e5f5ca5148b8327cebc2422e0025c27f414b"
     },
     "components/forms/ColorPicker.mjs.map": {
       "bytes": 93,
@@ -2025,7 +2025,7 @@
     },
     "components/forms/InlineEdit.mjs": {
       "bytes": 395,
-      "sha256": "66065da3ae4352ac840935314c3fc31a33c4ea589c3be5da76afe2594a10bdb3"
+      "sha256": "fbf1107ed8d6d7b8a261442c784a8cc51fdfa9619ff770b455e801b8d06bfb6d"
     },
     "components/forms/InlineEdit.mjs.map": {
       "bytes": 93,
@@ -2089,7 +2089,7 @@
     },
     "components/forms/SearchField.mjs": {
       "bytes": 314,
-      "sha256": "0bf49443e57ca2351b7e00b7ab5ae29a5af460119311cadcbfb5e684a1f6b395"
+      "sha256": "92b7b2662f72f38df1d59c04a9eb2fb232d1050bd8b7714f9a1125405a843c7d"
     },
     "components/forms/SearchField.mjs.map": {
       "bytes": 93,
@@ -2169,7 +2169,7 @@
     },
     "components/forms/TreeSelect.mjs": {
       "bytes": 479,
-      "sha256": "7cb08ed889e3b34bdb6f7859a0fcdd83af6fce72dce69863467332c5e8269554"
+      "sha256": "58d62a732b186c9b1738898eb4ff36d6ce7099dda2e580f791fad7748bf2b247"
     },
     "components/forms/TreeSelect.mjs.map": {
       "bytes": 93,

package/dist/esm/chunks/{chunk-GLPQBE2J.mjs → chunk-4D7SFITE.mjs} RENAMED Viewed

@@ -7,6 +7,9 @@ import {
   makeT,
   useLang
 } from "./chunk-JZYRXWPD.mjs";
+import {
+  useClientLayoutEffect
+} from "./chunk-CQQ2JOJD.mjs";
 import {
   mergeTargetProps
 } from "./chunk-RQFCRXMQ.mjs";
@@ -27,6 +30,7 @@ var InlineEdit = React.forwardRef(function InlineEdit2({ controlRef, value, defa
   const [edit, setEdit] = React.useState(false);
   const [draft, setDraft] = React.useState(val);
   const cancellingRef = React.useRef(false);
+  const restoreFocusRef = React.useRef(false);
   const commit = () => {
     if (cancellingRef.current) {
       cancellingRef.current = false;
@@ -40,12 +44,18 @@ var InlineEdit = React.forwardRef(function InlineEdit2({ controlRef, value, defa
   };
   const [ref, L, localeMessages] = useLang(lang);
   const mergedNativeRef = useComposedRefs(ref, forwardedRef);
+  useClientLayoutEffect(() => {
+    if (!edit && restoreFocusRef.current) {
+      restoreFocusRef.current = false;
+      ref.current?.querySelector("button")?.focus();
+    }
+  }, [edit]);
   const t = makeT("InlineEdit", L, localeMessages);
   const { scope } = useOverlayLayer({ open: edit, kind: "popover", panelRef: ref, restoreFocus: false, onEscape: () => {
     cancellingRef.current = true;
+    restoreFocusRef.current = true;
     setDraft(val);
     setEdit(false);
-    requestAnimationFrame(() => ref.current?.querySelector("button")?.focus());
   } });
   return /* @__PURE__ */ React.createElement(overlayScopeContext.Provider, { value: scope }, /* @__PURE__ */ React.createElement("span", { ref: mergedNativeRef, ...mergeTargetProps({ "className": cx("cs-inline-edit", className) }, rootProps, []) }, edit ? /* @__PURE__ */ React.createElement(
     "input",
@@ -56,7 +66,11 @@ var InlineEdit = React.forwardRef(function InlineEdit2({ controlRef, value, defa
       onChange: (e) => setDraft(e.target.value),
       onBlur: commit,
       onKeyDown: (e) => {
-        if (!e.nativeEvent.isComposing && e.keyCode !== 229 && e.key === "Enter") commit();
+        if (!e.nativeEvent.isComposing && e.keyCode !== 229 && e.key === "Enter") {
+          e.preventDefault();
+          restoreFocusRef.current = true;
+          commit();
+        }
       },
       ref: mergedControlRef
     }
@@ -71,4 +85,4 @@ InlineEdit.displayName = "InlineEdit";
 export {
   InlineEdit
 };
-//# sourceMappingURL=chunk-GLPQBE2J.mjs.map
+//# sourceMappingURL=chunk-4D7SFITE.mjs.map

package/dist/esm/chunks/chunk-4D7SFITE.mjs.map ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../components/forms/InlineEdit.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\";\nimport { useClientLayoutEffect } from \"../_utils/use-client-layout-effect.js\";\nconst PEN = <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.9\" strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\"><path d=\"M4 20l4.5-.9L20 7.6a2 2 0 0 0-2.8-2.8L5.7 16.3 4 20z\" /></svg>;\n\n/** CyberSkill InlineEdit — click-to-edit text. Enter/blur commits, Escape cancels. */\nexport const InlineEdit = React.forwardRef(function InlineEdit({ controlRef, value, defaultValue = \"\", onChange, label, lang, className , rootProps }, forwardedRef) {\n  const mergedControlRef = useComposedRefs(controlRef);\n  const [inner, setInner] = React.useState(defaultValue);\n  const val = value != null ? value : inner;\n  const [edit, setEdit] = React.useState(false);\n  const [draft, setDraft] = React.useState(val);\n  const cancellingRef = React.useRef(false);\n  const restoreFocusRef = React.useRef(false);\n  const commit = () => {\n    if (cancellingRef.current) { cancellingRef.current = false; return; }\n    setEdit(false);\n    if (draft !== val) { if (value == null) setInner(draft); onChange && onChange(draft); }\n  };\n  const [ref, L, localeMessages] = useLang(lang);\n  const mergedNativeRef = useComposedRefs(ref, forwardedRef);\n  // Keyboard completion removes the input. Restore its replacement in the same\n  // commit; blur completion must leave focus on the user's next target.\n  useClientLayoutEffect(() => {\n    if (!edit && restoreFocusRef.current) {\n      restoreFocusRef.current = false;\n      ref.current?.querySelector(\"button\")?.focus();\n    }\n  }, [edit]);\n  const t = makeT(\"InlineEdit\", L, localeMessages);\n  const { scope } = useOverlayLayer({ open: edit, kind: \"popover\", panelRef: ref, restoreFocus: false, onEscape: () => {\n    cancellingRef.current = true;\n    restoreFocusRef.current = true;\n    setDraft(val); setEdit(false);\n  } });\n  return (\n    <overlayScopeContext.Provider value={scope}>\n    <span ref={mergedNativeRef} {...mergeTargetProps({ \"className\": cx(\"cs-inline-edit\", className) }, rootProps, [])}>\n      {edit ? (\n        <input autoFocus value={draft} aria-label={label || t(\"edit\")} onChange={(e) => setDraft(e.target.value)} onBlur={commit}\n          onKeyDown={(e) => { if (!e.nativeEvent.isComposing && e.keyCode !== 229 && e.key === \"Enter\") { e.preventDefault(); restoreFocusRef.current = true; commit(); } }}  ref={mergedControlRef} />\n      ) : (\n        <button type=\"button\" className=\"cs-inline-edit__view\" aria-label={t(\"edit\") + (label ? \": \" + label : \"\")} onClick={() => { cancellingRef.current = false; setDraft(val); setEdit(true); }}>\n          <span className={val ? undefined : \"ph\"}>{val || t(\"empty\")}</span>{PEN}\n        </button>\n      )}\n    </span>\n    </overlayScopeContext.Provider>\n  );\n});\nInlineEdit.displayName = \"InlineEdit\";\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAEA,OAAO,WAAW;AAKlB,IAAM,MAAM,oCAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,QAAO,gBAAe,aAAY,OAAM,eAAc,SAAQ,gBAAe,SAAQ,eAAY,UAAO,oCAAC,UAAK,GAAE,wDAAuD,CAAE;AAG1O,IAAM,aAAa,MAAM,WAAW,SAASA,YAAW,EAAE,YAAY,OAAO,eAAe,IAAI,UAAU,OAAO,MAAM,WAAY,UAAU,GAAG,cAAc;AACnK,QAAM,mBAAmB,gBAAgB,UAAU;AACnD,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAS,YAAY;AACrD,QAAM,MAAM,SAAS,OAAO,QAAQ;AACpC,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,KAAK;AAC5C,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAS,GAAG;AAC5C,QAAM,gBAAgB,MAAM,OAAO,KAAK;AACxC,QAAM,kBAAkB,MAAM,OAAO,KAAK;AAC1C,QAAM,SAAS,MAAM;AACnB,QAAI,cAAc,SAAS;AAAE,oBAAc,UAAU;AAAO;AAAA,IAAQ;AACpE,YAAQ,KAAK;AACb,QAAI,UAAU,KAAK;AAAE,UAAI,SAAS,KAAM,UAAS,KAAK;AAAG,kBAAY,SAAS,KAAK;AAAA,IAAG;AAAA,EACxF;AACA,QAAM,CAAC,KAAK,GAAG,cAAc,IAAI,QAAQ,IAAI;AAC7C,QAAM,kBAAkB,gBAAgB,KAAK,YAAY;AAGzD,wBAAsB,MAAM;AAC1B,QAAI,CAAC,QAAQ,gBAAgB,SAAS;AACpC,sBAAgB,UAAU;AAC1B,UAAI,SAAS,cAAc,QAAQ,GAAG,MAAM;AAAA,IAC9C;AAAA,EACF,GAAG,CAAC,IAAI,CAAC;AACT,QAAM,IAAI,MAAM,cAAc,GAAG,cAAc;AAC/C,QAAM,EAAE,MAAM,IAAI,gBAAgB,EAAE,MAAM,MAAM,MAAM,WAAW,UAAU,KAAK,cAAc,OAAO,UAAU,MAAM;AACnH,kBAAc,UAAU;AACxB,oBAAgB,UAAU;AAC1B,aAAS,GAAG;AAAG,YAAQ,KAAK;AAAA,EAC9B,EAAE,CAAC;AACH,SACE,oCAAC,oBAAoB,UAApB,EAA6B,OAAO,SACrC,oCAAC,UAAK,KAAK,iBAAkB,GAAG,iBAAiB,EAAE,aAAa,GAAG,kBAAkB,SAAS,EAAE,GAAG,WAAW,CAAC,CAAC,KAC7G,OACC;AAAA,IAAC;AAAA;AAAA,MAAM,WAAS;AAAA,MAAC,OAAO;AAAA,MAAO,cAAY,SAAS,EAAE,MAAM;AAAA,MAAG,UAAU,CAAC,MAAM,SAAS,EAAE,OAAO,KAAK;AAAA,MAAG,QAAQ;AAAA,MAChH,WAAW,CAAC,MAAM;AAAE,YAAI,CAAC,EAAE,YAAY,eAAe,EAAE,YAAY,OAAO,EAAE,QAAQ,SAAS;AAAE,YAAE,eAAe;AAAG,0BAAgB,UAAU;AAAM,iBAAO;AAAA,QAAG;AAAA,MAAE;AAAA,MAAI,KAAK;AAAA;AAAA,EAAkB,IAE7L,oCAAC,YAAO,MAAK,UAAS,WAAU,wBAAuB,cAAY,EAAE,MAAM,KAAK,QAAQ,OAAO,QAAQ,KAAK,SAAS,MAAM;AAAE,kBAAc,UAAU;AAAO,aAAS,GAAG;AAAG,YAAQ,IAAI;AAAA,EAAG,KACxL,oCAAC,UAAK,WAAW,MAAM,SAAY,QAAO,OAAO,EAAE,OAAO,CAAE,GAAQ,GACtE,CAEJ,CACA;AAEJ,CAAC;AACD,WAAW,cAAc;",
+  "names": ["InlineEdit"]
+}

package/dist/esm/chunks/{chunk-MRXEJSQQ.mjs → chunk-B5V7HN5G.mjs} RENAMED Viewed

@@ -72,7 +72,10 @@ var TreeSelect = React.forwardRef(function TreeSelect2({ portal = true, placemen
       document.removeEventListener("mousedown", d);
     };
   }, [open]);
-  return /* @__PURE__ */ React.createElement(overlayScopeContext.Provider, { value: scope }, /* @__PURE__ */ React.createElement("div", { ref: mergedNativeRef, ...mergeTargetProps({ className: cx("cs-treeselect", className) }, rootProps) }, /* @__PURE__ */ React.createElement("button", { ...mergeTargetProps({ ...control, type: "button", className: "cs-treeselect__field", disabled, "aria-haspopup": "tree", "aria-expanded": open, onClick: () => setOpen((o) => !o) }, controlProps, ["id", "role", "type", "name", "value", "defaultValue", "disabled", "required", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-haspopup", "aria-expanded", "aria-controls", "aria-activedescendant"]), ref: mergedControlRef }, /* @__PURE__ */ React.createElement("span", { className: sel ? void 0 : "ph" }, sel ? sel.label : ph), /* @__PURE__ */ React.createElement("span", { "aria-hidden": "true" }, "▾")), open ? floating.render(/* @__PURE__ */ React.createElement("div", { ref: floatingRef, className: "cs-treeselect__pop" }, /* @__PURE__ */ React.createElement(Tree, { "aria-label": control["aria-label"] || (control["aria-labelledby"] ? void 0 : ph), "aria-labelledby": control["aria-labelledby"], nodes, selected: value, defaultOpen: true, lang: L, onSelect: (k, n) => {
+  return /* @__PURE__ */ React.createElement(overlayScopeContext.Provider, { value: scope }, /* @__PURE__ */ React.createElement("div", { ref: mergedNativeRef, ...mergeTargetProps({ className: cx("cs-treeselect", className) }, rootProps) }, /* @__PURE__ */ React.createElement("button", { ...mergeTargetProps({ ...control, type: "button", className: "cs-treeselect__field", disabled, "aria-haspopup": "tree", "aria-expanded": open, onClick: (event) => {
+    if (!open) event.currentTarget.focus();
+    setOpen((o) => !o);
+  } }, controlProps, ["id", "role", "type", "name", "value", "defaultValue", "disabled", "required", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-haspopup", "aria-expanded", "aria-controls", "aria-activedescendant"]), ref: mergedControlRef }, /* @__PURE__ */ React.createElement("span", { className: sel ? void 0 : "ph" }, sel ? sel.label : ph), /* @__PURE__ */ React.createElement("span", { "aria-hidden": "true" }, "▾")), open ? floating.render(/* @__PURE__ */ React.createElement("div", { ref: floatingRef, className: "cs-treeselect__pop" }, /* @__PURE__ */ React.createElement(Tree, { "aria-label": control["aria-label"] || (control["aria-labelledby"] ? void 0 : ph), "aria-labelledby": control["aria-labelledby"], nodes, selected: value, defaultOpen: true, lang: L, onSelect: (k, n) => {
     if (!(n.children && n.children.length)) {
       onChange && onChange(k, n);
       setOpen(false);
@@ -84,4 +87,4 @@ TreeSelect.displayName = "TreeSelect";
 export {
   TreeSelect
 };
-//# sourceMappingURL=chunk-MRXEJSQQ.mjs.map
+//# sourceMappingURL=chunk-B5V7HN5G.mjs.map

package/dist/esm/chunks/{chunk-MRXEJSQQ.mjs.map → chunk-B5V7HN5G.mjs.map} RENAMED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../components/forms/TreeSelect.jsx"],
-  "sourcesContent": ["import { useFloatingPanel } from \"../_utils/floating-panel.js\";\nimport { useComposedRefs } from \"../_utils/refs.js\";\nimport React from \"react\";\nimport { useFieldAssociation, mergeTargetProps, fieldMessages } from \"../_utils/field-association.js\";\n\nimport { makeT, useLang } from \"../_i18n/i18n.js\";\nimport { Tree } from \"../data/Tree.jsx\";\nimport { useOverlayLayer, overlayScopeContext } from \"../overlays/OverlayManager.jsx\";\nimport { cx } from \"../_utils/cx.js\";\n\n/** CyberSkill TreeSelect — field opening a Tree; picking a node sets the value. */\nexport const TreeSelect = React.forwardRef(function TreeSelect({ portal = true, placement, controlRef, nodes = [], value, onChange, placeholder, label, \"aria-labelledby\": ariaLabelledBy, disabled = false, lang, className, id, description, error, required = false, rootProps, controlProps }, forwardedRef) {\n  const floatingRef = React.useRef(null);\n  const mergedControlRef = useComposedRefs(controlRef);\n  const [requestedOpen, setOpen] = React.useState(false);\n  // Disable the mounted surface immediately and discard its previous open state.\n  const open = requestedOpen && !disabled;\n  React.useEffect(() => { if (disabled) setOpen(false); }, [disabled]);\n  const wrap = React.useRef(null);\n  const [ref, L, localeMessages] = useLang(lang);\n  const mergedNativeRef = useComposedRefs(wrap, ref, forwardedRef);\n  const t = makeT(\"TreeSelect\", L, localeMessages);\n  const ph = placeholder != null ? placeholder : t(\"placeholder\");\n  const requiredDescription = required ? makeT(\"Form\", L, localeMessages)(\"required\") : undefined;\n  const control = useFieldAssociation({ id: controlProps?.id ?? id,\n    \"aria-label\": controlProps?.[\"aria-label\"] ?? (controlProps?.[\"aria-labelledby\"] || ariaLabelledBy ? undefined : label),\n    \"aria-labelledby\": controlProps?.[\"aria-labelledby\"] ?? ariaLabelledBy,\n    \"aria-describedby\": controlProps?.[\"aria-describedby\"], \"aria-invalid\": controlProps?.[\"aria-invalid\"] },\n    { fallbackLabel: label, description, error, requiredDescription });\n  const find = (ns) => { for (const n of ns) { if (n.key === value) return n; const c = n.children && find(n.children); if (c) return c; } return null; };\n  const sel = find(nodes);\n  const floating = useFloatingPanel({ open: open, anchorRef: wrap, panelRef: floatingRef, portal, placement: placement ?? \"bottom-start\", gap: 6, getAnchor: ()=>wrap.current?.querySelector(\":scope > button\"), lang });\n  const { scope } = useOverlayLayer({ open: (open) && floating.ready, kind: \"popover\", panelRef: floatingRef, surfaceKey: floating.surfaceKey, onEscape: () => setOpen(false) });\n  React.useEffect(() => {\n    if (!open) return;\n    const d = (e) => { if (!floating.contains(e.target)) setOpen(false); };\n    document.addEventListener(\"mousedown\", d);\n    return () => { document.removeEventListener(\"mousedown\", d); };\n  }, [open]);\n  return (\n    <overlayScopeContext.Provider value={scope}>\n    <div ref={mergedNativeRef} {...mergeTargetProps({ className: cx(\"cs-treeselect\", className) }, rootProps)}>\n      <button {...mergeTargetProps({ ...control, type: \"button\", className: \"cs-treeselect__field\", disabled, \"aria-haspopup\": \"tree\", \"aria-expanded\": open, onClick: () => setOpen(o => !o) }, controlProps, [\"id\", \"role\", \"type\", \"name\", \"value\", \"defaultValue\", \"disabled\", \"required\", \"aria-required\", \"aria-label\", \"aria-labelledby\", \"aria-describedby\", \"aria-invalid\", \"aria-haspopup\", \"aria-expanded\", \"aria-controls\", \"aria-activedescendant\"])} ref={mergedControlRef} >\n        <span className={sel ? undefined : \"ph\"}>{sel ? sel.label : ph}</span><span aria-hidden=\"true\">▾</span>\n      </button>\n      {open ? (\n        floating.render(<div ref={floatingRef} className=\"cs-treeselect__pop\">\n          <Tree aria-label={control[\"aria-label\"] || (control[\"aria-labelledby\"] ? undefined : ph)} aria-labelledby={control[\"aria-labelledby\"]} nodes={nodes} selected={value} defaultOpen lang={L} onSelect={(k, n) => { if (!(n.children && n.children.length)) { onChange && onChange(k, n); setOpen(false); } }} />\n        </div>)\n      ) : null}\n      {fieldMessages(control, description, error, requiredDescription)}\n    </div>\n    </overlayScopeContext.Provider>\n  );\n});\nTreeSelect.displayName = \"TreeSelect\";\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { useFloatingPanel } from \"../_utils/floating-panel.js\";\nimport { useComposedRefs } from \"../_utils/refs.js\";\nimport React from \"react\";\nimport { useFieldAssociation, mergeTargetProps, fieldMessages } from \"../_utils/field-association.js\";\n\nimport { makeT, useLang } from \"../_i18n/i18n.js\";\nimport { Tree } from \"../data/Tree.jsx\";\nimport { useOverlayLayer, overlayScopeContext } from \"../overlays/OverlayManager.jsx\";\nimport { cx } from \"../_utils/cx.js\";\n\n/** CyberSkill TreeSelect — field opening a Tree; picking a node sets the value. */\nexport const TreeSelect = React.forwardRef(function TreeSelect({ portal = true, placement, controlRef, nodes = [], value, onChange, placeholder, label, \"aria-labelledby\": ariaLabelledBy, disabled = false, lang, className, id, description, error, required = false, rootProps, controlProps }, forwardedRef) {\n  const floatingRef = React.useRef(null);\n  const mergedControlRef = useComposedRefs(controlRef);\n  const [requestedOpen, setOpen] = React.useState(false);\n  // Disable the mounted surface immediately and discard its previous open state.\n  const open = requestedOpen && !disabled;\n  React.useEffect(() => { if (disabled) setOpen(false); }, [disabled]);\n  const wrap = React.useRef(null);\n  const [ref, L, localeMessages] = useLang(lang);\n  const mergedNativeRef = useComposedRefs(wrap, ref, forwardedRef);\n  const t = makeT(\"TreeSelect\", L, localeMessages);\n  const ph = placeholder != null ? placeholder : t(\"placeholder\");\n  const requiredDescription = required ? makeT(\"Form\", L, localeMessages)(\"required\") : undefined;\n  const control = useFieldAssociation({ id: controlProps?.id ?? id,\n    \"aria-label\": controlProps?.[\"aria-label\"] ?? (controlProps?.[\"aria-labelledby\"] || ariaLabelledBy ? undefined : label),\n    \"aria-labelledby\": controlProps?.[\"aria-labelledby\"] ?? ariaLabelledBy,\n    \"aria-describedby\": controlProps?.[\"aria-describedby\"], \"aria-invalid\": controlProps?.[\"aria-invalid\"] },\n    { fallbackLabel: label, description, error, requiredDescription });\n  const find = (ns) => { for (const n of ns) { if (n.key === value) return n; const c = n.children && find(n.children); if (c) return c; } return null; };\n  const sel = find(nodes);\n  const floating = useFloatingPanel({ open: open, anchorRef: wrap, panelRef: floatingRef, portal, placement: placement ?? \"bottom-start\", gap: 6, getAnchor: ()=>wrap.current?.querySelector(\":scope > button\"), lang });\n  const { scope } = useOverlayLayer({ open: (open) && floating.ready, kind: \"popover\", panelRef: floatingRef, surfaceKey: floating.surfaceKey, onEscape: () => setOpen(false) });\n  React.useEffect(() => {\n    if (!open) return;\n    const d = (e) => { if (!floating.contains(e.target)) setOpen(false); };\n    document.addEventListener(\"mousedown\", d);\n    return () => { document.removeEventListener(\"mousedown\", d); };\n  }, [open]);\n  return (\n    <overlayScopeContext.Provider value={scope}>\n    <div ref={mergedNativeRef} {...mergeTargetProps({ className: cx(\"cs-treeselect\", className) }, rootProps)}>\n      <button {...mergeTargetProps({ ...control, type: \"button\", className: \"cs-treeselect__field\", disabled, \"aria-haspopup\": \"tree\", \"aria-expanded\": open, onClick: event => { if (!open) event.currentTarget.focus(); setOpen(o => !o); } }, controlProps, [\"id\", \"role\", \"type\", \"name\", \"value\", \"defaultValue\", \"disabled\", \"required\", \"aria-required\", \"aria-label\", \"aria-labelledby\", \"aria-describedby\", \"aria-invalid\", \"aria-haspopup\", \"aria-expanded\", \"aria-controls\", \"aria-activedescendant\"])} ref={mergedControlRef} >\n        <span className={sel ? undefined : \"ph\"}>{sel ? sel.label : ph}</span><span aria-hidden=\"true\">▾</span>\n      </button>\n      {open ? (\n        floating.render(<div ref={floatingRef} className=\"cs-treeselect__pop\">\n          <Tree aria-label={control[\"aria-label\"] || (control[\"aria-labelledby\"] ? undefined : ph)} aria-labelledby={control[\"aria-labelledby\"]} nodes={nodes} selected={value} defaultOpen lang={L} onSelect={(k, n) => { if (!(n.children && n.children.length)) { onChange && onChange(k, n); setOpen(false); } }} />\n        </div>)\n      ) : null}\n      {fieldMessages(control, description, error, requiredDescription)}\n    </div>\n    </overlayScopeContext.Provider>\n  );\n});\nTreeSelect.displayName = \"TreeSelect\";\n"],
+  "mappings": "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",
   "names": ["TreeSelect"]
 }

package/dist/esm/chunks/{chunk-5FQGNCKS.mjs → chunk-LU45KTWU.mjs} RENAMED Viewed

@@ -28,6 +28,7 @@ var SearchField = React.forwardRef(function SearchField2({ value, defaultValue =
     if (disabled || readOnly) return;
     set("");
     onClear && onClear();
+    ref.current?.querySelector("input")?.focus();
   } }, /* @__PURE__ */ React.createElement("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }, /* @__PURE__ */ React.createElement("path", { d: "M6 6l12 12M18 6L6 18" }))) : null);
 });
 SearchField.displayName = "SearchField";
@@ -35,4 +36,4 @@ SearchField.displayName = "SearchField";
 export {
   SearchField
 };
-//# sourceMappingURL=chunk-5FQGNCKS.mjs.map
+//# sourceMappingURL=chunk-LU45KTWU.mjs.map

package/dist/esm/chunks/{chunk-5FQGNCKS.mjs.map → chunk-LU45KTWU.mjs.map} RENAMED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../components/forms/SearchField.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\n/** CyberSkill SearchField — pill search input with icon + clear. Controlled or uncontrolled. */\n// `children` is destructured but never rendered on purpose: keeps stray children out of {...props} → void <input>.\nexport const SearchField = React.forwardRef(function SearchField({ value, defaultValue = \"\", onChange, onClear, disabled = false, readOnly = false, placeholder, lang, className, children, ...props }, forwardedRef) {\n  const mergedNativeRef = useComposedRefs(forwardedRef);\n  const [inner, setInner] = React.useState(() => defaultValue == null ? \"\" : String(defaultValue));\n  const val = value != null ? value : inner;\n  const set = (v) => { if (disabled || readOnly) return; if (value == null) setInner(v); onChange?.(v); };\n  const [ref, L, localeMessages] = useLang(lang);\n  const t = makeT(\"SearchField\", L, localeMessages);\n  const ph = placeholder != null ? placeholder : t(\"placeholder\");\n  return (\n    <div ref={ref} className={cx(\"cs-search\", className)}>\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={props[\"aria-label\"] || (props[\"aria-labelledby\"] ? undefined : ph)} {...props} type=\"text\" role=\"searchbox\" value={val} disabled={disabled} readOnly={readOnly} placeholder={ph} onChange={(e) => set(e.target.value)}  ref={mergedNativeRef} />\n      {String(val).length ? (\n        <button type=\"button\" className=\"cs-search__clear\" aria-label={t(\"clear\")} disabled={disabled || readOnly} onClick={() => { if (disabled || readOnly) return; set(\"\"); onClear && onClear(); }}>\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  );\n});\nSearchField.displayName = \"SearchField\";\n"],
-  "mappings": ";;;;;;;;;;;;;AACA,OAAO,WAAW;AAMX,IAAM,cAAc,MAAM,WAAW,SAASA,aAAY,EAAE,OAAO,eAAe,IAAI,UAAU,SAAS,WAAW,OAAO,WAAW,OAAO,aAAa,MAAM,WAAW,UAAU,GAAG,MAAM,GAAG,cAAc;AACpN,QAAM,kBAAkB,gBAAgB,YAAY;AACpD,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAS,MAAM,gBAAgB,OAAO,KAAK,OAAO,YAAY,CAAC;AAC/F,QAAM,MAAM,SAAS,OAAO,QAAQ;AACpC,QAAM,MAAM,CAAC,MAAM;AAAE,QAAI,YAAY,SAAU;AAAQ,QAAI,SAAS,KAAM,UAAS,CAAC;AAAG,eAAW,CAAC;AAAA,EAAG;AACtG,QAAM,CAAC,KAAK,GAAG,cAAc,IAAI,QAAQ,IAAI;AAC7C,QAAM,IAAI,MAAM,eAAe,GAAG,cAAc;AAChD,QAAM,KAAK,eAAe,OAAO,cAAc,EAAE,aAAa;AAC9D,SACE,oCAAC,SAAI,KAAU,WAAW,GAAG,aAAa,SAAS,KACjD,oCAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,QAAO,gBAAe,aAAY,KAAI,eAAc,SAAQ,gBAAe,SAAQ,eAAY,UAAO,oCAAC,YAAO,IAAG,MAAK,IAAG,MAAK,GAAE,KAAI,GAAE,oCAAC,UAAK,GAAE,mBAAkB,CAAE,GAC9N,oCAAC,WAAM,cAAY,MAAM,YAAY,MAAM,MAAM,iBAAiB,IAAI,SAAY,KAAM,GAAG,OAAO,MAAK,QAAO,MAAK,aAAY,OAAO,KAAK,UAAoB,UAAoB,aAAa,IAAI,UAAU,CAAC,MAAM,IAAI,EAAE,OAAO,KAAK,GAAI,KAAK,iBAAiB,GAChQ,OAAO,GAAG,EAAE,SACX,oCAAC,YAAO,MAAK,UAAS,WAAU,oBAAmB,cAAY,EAAE,OAAO,GAAG,UAAU,YAAY,UAAU,SAAS,MAAM;AAAE,QAAI,YAAY,SAAU;AAAQ,QAAI,EAAE;AAAG,eAAW,QAAQ;AAAA,EAAG,KAC3L,oCAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,QAAO,gBAAe,aAAY,KAAI,eAAc,WAAQ,oCAAC,UAAK,GAAE,wBAAuB,CAAE,CAC3J,IACE,IACN;AAEJ,CAAC;AACD,YAAY,cAAc;",
+  "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\n/** CyberSkill SearchField — pill search input with icon + clear. Controlled or uncontrolled. */\n// `children` is destructured but never rendered on purpose: keeps stray children out of {...props} → void <input>.\nexport const SearchField = React.forwardRef(function SearchField({ value, defaultValue = \"\", onChange, onClear, disabled = false, readOnly = false, placeholder, lang, className, children, ...props }, forwardedRef) {\n  const mergedNativeRef = useComposedRefs(forwardedRef);\n  const [inner, setInner] = React.useState(() => defaultValue == null ? \"\" : String(defaultValue));\n  const val = value != null ? value : inner;\n  const set = (v) => { if (disabled || readOnly) return; if (value == null) setInner(v); onChange?.(v); };\n  const [ref, L, localeMessages] = useLang(lang);\n  const t = makeT(\"SearchField\", L, localeMessages);\n  const ph = placeholder != null ? placeholder : t(\"placeholder\");\n  return (\n    <div ref={ref} className={cx(\"cs-search\", className)}>\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={props[\"aria-label\"] || (props[\"aria-labelledby\"] ? undefined : ph)} {...props} type=\"text\" role=\"searchbox\" value={val} disabled={disabled} readOnly={readOnly} placeholder={ph} onChange={(e) => set(e.target.value)}  ref={mergedNativeRef} />\n      {String(val).length ? (\n        <button type=\"button\" className=\"cs-search__clear\" aria-label={t(\"clear\")} disabled={disabled || readOnly} onClick={() => { if (disabled || readOnly) return; set(\"\"); onClear && onClear(); ref.current?.querySelector(\"input\")?.focus(); }}>\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  );\n});\nSearchField.displayName = \"SearchField\";\n"],
+  "mappings": ";;;;;;;;;;;;;AACA,OAAO,WAAW;AAMX,IAAM,cAAc,MAAM,WAAW,SAASA,aAAY,EAAE,OAAO,eAAe,IAAI,UAAU,SAAS,WAAW,OAAO,WAAW,OAAO,aAAa,MAAM,WAAW,UAAU,GAAG,MAAM,GAAG,cAAc;AACpN,QAAM,kBAAkB,gBAAgB,YAAY;AACpD,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAS,MAAM,gBAAgB,OAAO,KAAK,OAAO,YAAY,CAAC;AAC/F,QAAM,MAAM,SAAS,OAAO,QAAQ;AACpC,QAAM,MAAM,CAAC,MAAM;AAAE,QAAI,YAAY,SAAU;AAAQ,QAAI,SAAS,KAAM,UAAS,CAAC;AAAG,eAAW,CAAC;AAAA,EAAG;AACtG,QAAM,CAAC,KAAK,GAAG,cAAc,IAAI,QAAQ,IAAI;AAC7C,QAAM,IAAI,MAAM,eAAe,GAAG,cAAc;AAChD,QAAM,KAAK,eAAe,OAAO,cAAc,EAAE,aAAa;AAC9D,SACE,oCAAC,SAAI,KAAU,WAAW,GAAG,aAAa,SAAS,KACjD,oCAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,QAAO,gBAAe,aAAY,KAAI,eAAc,SAAQ,gBAAe,SAAQ,eAAY,UAAO,oCAAC,YAAO,IAAG,MAAK,IAAG,MAAK,GAAE,KAAI,GAAE,oCAAC,UAAK,GAAE,mBAAkB,CAAE,GAC9N,oCAAC,WAAM,cAAY,MAAM,YAAY,MAAM,MAAM,iBAAiB,IAAI,SAAY,KAAM,GAAG,OAAO,MAAK,QAAO,MAAK,aAAY,OAAO,KAAK,UAAoB,UAAoB,aAAa,IAAI,UAAU,CAAC,MAAM,IAAI,EAAE,OAAO,KAAK,GAAI,KAAK,iBAAiB,GAChQ,OAAO,GAAG,EAAE,SACX,oCAAC,YAAO,MAAK,UAAS,WAAU,oBAAmB,cAAY,EAAE,OAAO,GAAG,UAAU,YAAY,UAAU,SAAS,MAAM;AAAE,QAAI,YAAY,SAAU;AAAQ,QAAI,EAAE;AAAG,eAAW,QAAQ;AAAG,QAAI,SAAS,cAAc,OAAO,GAAG,MAAM;AAAA,EAAG,KACzO,oCAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,QAAO,gBAAe,aAAY,KAAI,eAAc,WAAQ,oCAAC,UAAK,GAAE,wBAAuB,CAAE,CAC3J,IACE,IACN;AAEJ,CAAC;AACD,YAAY,cAAc;",
   "names": ["SearchField"]
 }

package/dist/esm/chunks/{chunk-D7A4ZCMJ.mjs → chunk-RUB6XN27.mjs} RENAMED Viewed

@@ -124,7 +124,10 @@ var Cascader = React.forwardRef(function Cascader2({ portal = true, placement, c
       lv = n.children;
     }
   }
-  return /* @__PURE__ */ React.createElement(overlayScopeContext.Provider, { value: scope }, /* @__PURE__ */ React.createElement("div", { ref: mergedNativeRef, ...mergeTargetProps({ className: cx("cs-cascader", className) }, rootProps) }, /* @__PURE__ */ React.createElement("button", { ...mergeTargetProps({ ...control, type: "button", className: "cs-treeselect__field", disabled, "aria-haspopup": "listbox", "aria-expanded": open, onClick: () => setOpen((o) => !o), onKeyDown: (e) => {
+  return /* @__PURE__ */ React.createElement(overlayScopeContext.Provider, { value: scope }, /* @__PURE__ */ React.createElement("div", { ref: mergedNativeRef, ...mergeTargetProps({ className: cx("cs-cascader", className) }, rootProps) }, /* @__PURE__ */ React.createElement("button", { ...mergeTargetProps({ ...control, type: "button", className: "cs-treeselect__field", disabled, "aria-haspopup": "listbox", "aria-expanded": open, onClick: (event) => {
+    if (!open) event.currentTarget.focus();
+    setOpen((o) => !o);
+  }, onKeyDown: (e) => {
     if (e.defaultPrevented || e.nativeEvent.isComposing || e.nativeEvent.keyCode === 229) return;
     if (open && e.key === "ArrowDown") return;
     if (e.key === "ArrowDown" || e.key === "Enter" || e.key === " ") {
@@ -160,4 +163,4 @@ Cascader.displayName = "Cascader";
 export {
   Cascader
 };
-//# sourceMappingURL=chunk-D7A4ZCMJ.mjs.map
+//# sourceMappingURL=chunk-RUB6XN27.mjs.map

package/dist/esm/chunks/{chunk-D7A4ZCMJ.mjs.map → chunk-RUB6XN27.mjs.map} RENAMED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../components/forms/Cascader.jsx"],
-  "sourcesContent": ["import { useFloatingPanel } from \"../_utils/floating-panel.js\";\nimport { useComposedRefs } from \"../_utils/refs.js\";\nimport React from \"react\";\nimport { useFieldAssociation, mergeTargetProps, fieldMessages } from \"../_utils/field-association.js\";\n\nimport { makeT, useLang } from \"../_i18n/i18n.js\";\nimport { useOverlayLayer, overlayScopeContext } from \"../overlays/OverlayManager.jsx\";\nimport { cx } from \"../_utils/cx.js\";\n\nconst EMPTY_PATH = [];\n\n/** CyberSkill Cascader — column-per-level picker for hierarchies (province → district style). */\nexport const Cascader = React.forwardRef(function Cascader({ portal = true, placement, controlRef, nodes = [], value = EMPTY_PATH, onChange, placeholder, label, \"aria-labelledby\": ariaLabelledBy, disabled = false, lang, className, id, description, error, required = false, rootProps, controlProps }, forwardedRef) {\n  const floatingRef = React.useRef(null);\n  const mergedControlRef = useComposedRefs(controlRef);\n  const [requestedOpen, setOpen] = React.useState(false);\n  // Disable the mounted surface immediately and discard its previous open state.\n  const open = requestedOpen && !disabled;\n  React.useEffect(() => { if (disabled) setOpen(false); }, [disabled]);\n  const [path, setPath] = React.useState(value);\n  const wrap = React.useRef(null);\n  const [ref, L, localeMessages] = useLang(lang);\n  const mergedNativeRef = useComposedRefs(wrap, ref, forwardedRef);\n  const t = makeT(\"Cascader\", L, localeMessages);\n  const ph = placeholder != null ? placeholder : t(\"placeholder\");\n  const requiredDescription = required ? makeT(\"Form\", L, localeMessages)(\"required\") : undefined;\n  const control = useFieldAssociation({ id: controlProps?.id ?? id,\n    \"aria-label\": controlProps?.[\"aria-label\"] ?? (controlProps?.[\"aria-labelledby\"] || ariaLabelledBy ? undefined : label),\n    \"aria-labelledby\": controlProps?.[\"aria-labelledby\"] ?? ariaLabelledBy,\n    \"aria-describedby\": controlProps?.[\"aria-describedby\"], \"aria-invalid\": controlProps?.[\"aria-invalid\"] },\n    { fallbackLabel: label, description, error, requiredDescription });\n  // Controlled value must re-sync even when the popover stays closed (FIND-014).\n  // Depend on a stable key — default `[]` must not reset path every render.\n  const valueKey = Array.isArray(value) ? value.join(\"\\0\") : \"\";\n  React.useEffect(() => { setPath(Array.isArray(value) ? value : EMPTY_PATH); }, [valueKey]);\n  const floating = useFloatingPanel({ open: open, anchorRef: wrap, panelRef: floatingRef, portal, placement: placement ?? \"bottom-start\", gap: 6, getAnchor: ()=>wrap.current?.querySelector(\":scope > button\"), lang });\n  const { manager, scope } = useOverlayLayer({ open: (open) && floating.ready, kind: \"dropdown\", panelRef: floatingRef, surfaceKey: floating.surfaceKey, onEscape: () => setOpen(false) });\n  React.useEffect(() => {\n    if (!open) return;\n    const d = (e) => { if (!floating.contains(e.target)) setOpen(false); };\n    const k = (e) => {\n      if (manager.topDismissible()?.panelEl !== floatingRef.current) return;\n      if (e.defaultPrevented || e.isComposing || e.keyCode === 229) return;\n      if (!floating.contains(e.target)) return;\n      const opts = [...floatingRef.current.querySelectorAll('[role=\"option\"]')];\n      if (!opts.length) return;\n      const active = document.activeElement;\n      const idx = opts.indexOf(active);\n      if (e.key === \"ArrowDown\") {\n        e.preventDefault();\n        (opts[idx < 0 ? 0 : Math.min(opts.length - 1, idx + 1)] || opts[0]).focus();\n      } else if (e.key === \"ArrowUp\") {\n        e.preventDefault();\n        (opts[idx < 0 ? opts.length - 1 : Math.max(0, idx - 1)] || opts[0]).focus();\n      } else if (e.key === \"Home\") {\n        e.preventDefault();\n        opts[0].focus();\n      } else if (e.key === \"End\") {\n        e.preventDefault();\n        opts[opts.length - 1].focus();\n      } else if (e.key === \"ArrowRight\" && idx >= 0) {\n        // Expand into children by activating the selected option when it has a chevron.\n        active.click && active.click();\n      } else if (e.key === \"ArrowLeft\") {\n        e.preventDefault();\n        if (path.length) {\n          const columns = [...floatingRef.current.querySelectorAll('[role=\"listbox\"]')];\n          const column = active?.closest('[role=\"listbox\"]');\n          const depth = columns.indexOf(column);\n          const parentDepth = depth > 0 ? depth - 1 : Math.max(0, path.length - 1);\n          const parent = columns[parentDepth]?.querySelector('[role=\"option\"][aria-selected=\"true\"]');\n          // Move focus before unmounting the child column.\n          parent?.focus();\n          setPath(path.slice(0, parentDepth));\n        } else {\n          setOpen(false);\n          const field = wrap.current.querySelector(\".cs-treeselect__field\");\n          field && field.focus && field.focus();\n        }\n      }\n    };\n    document.addEventListener(\"mousedown\", d);\n    document.addEventListener(\"keydown\", k);\n    return () => {\n      document.removeEventListener(\"mousedown\", d);\n      document.removeEventListener(\"keydown\", k);\n    };\n  }, [open, path]);\n  const cols = [];\n  let level = nodes;\n  for (let i = 0; level && level.length; i++) {\n    cols.push(level);\n    const pick = level.find((n) => n.key === path[i]);\n    level = pick && pick.children;\n  }\n  const labels = [];\n  { let lv = nodes; for (const k of value) { const n = (lv || []).find((x) => x.key === k); if (!n) break; labels.push(n.label); lv = n.children; } }\n  return (\n    <overlayScopeContext.Provider value={scope}>\n    <div ref={mergedNativeRef} {...mergeTargetProps({ className: cx(\"cs-cascader\", className) }, rootProps)}>\n      <button {...mergeTargetProps({ ...control, type: \"button\", className: \"cs-treeselect__field\", disabled, \"aria-haspopup\": \"listbox\", \"aria-expanded\": open, onClick: () => setOpen(o => !o), onKeyDown: (e) => {\n          if (e.defaultPrevented || e.nativeEvent.isComposing || e.nativeEvent.keyCode === 229) return;\n          // Once open, the document handler owns arrows from this trigger too.\n          if (open && e.key === \"ArrowDown\") return;\n          if (e.key === \"ArrowDown\" || e.key === \"Enter\" || e.key === \" \") {\n            e.preventDefault();\n            setOpen(true);\n          }\n        } }, controlProps, [\"id\", \"role\", \"type\", \"name\", \"value\", \"defaultValue\", \"disabled\", \"required\", \"aria-required\", \"aria-label\", \"aria-labelledby\", \"aria-describedby\", \"aria-invalid\", \"aria-haspopup\", \"aria-expanded\", \"aria-controls\", \"aria-activedescendant\"])} ref={mergedControlRef} >\n        <span className={labels.length ? undefined : \"ph\"}>{labels.length ? labels.map((label, index) => <React.Fragment key={index}>{index ? <React.Fragment>{\" \"}<span aria-hidden=\"true\">/</span>{\" \"}</React.Fragment> : null}{label}</React.Fragment>) : ph}</span><span aria-hidden=\"true\">▾</span>\n      </button>\n      {open ? (\n        floating.render(<div ref={floatingRef} className=\"cs-cascader__pop\">\n          {cols.map((col, i) => (\n            <ul key={i} role=\"listbox\" aria-labelledby={control[\"aria-labelledby\"] || control.id} className=\"cs-cascader__col\">\n              {col.map((n) => (\n                // role=\"none\" — the <li> wrapper must not sit between listbox and option.\n                <li key={n.key} role=\"none\">\n                  <button\n                    type=\"button\"\n                    role=\"option\"\n                    aria-selected={path[i] === n.key}\n                    className={cx(\"cs-cascader__opt\", path[i] === n.key && \"on\")}\n                    // Keep options in the focusable set for arrow models (E3).\n                    data-cs-focusable=\"\"\n                    onClick={() => {\n                      const next = [...path.slice(0, i), n.key];\n                      setPath(next);\n                      if (!(n.children && n.children.length)) { onChange && onChange(next); setOpen(false); }\n                    }}\n                  >\n                    {n.label}{n.children && n.children.length ? <span aria-hidden=\"true\"> ›</span> : null}\n                  </button>\n                </li>\n              ))}\n            </ul>\n          ))}\n        </div>)\n      ) : null}\n      {fieldMessages(control, description, error, requiredDescription)}\n    </div>\n    </overlayScopeContext.Provider>\n  );\n});\nCascader.displayName = \"Cascader\";\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { useFloatingPanel } from \"../_utils/floating-panel.js\";\nimport { useComposedRefs } from \"../_utils/refs.js\";\nimport React from \"react\";\nimport { useFieldAssociation, mergeTargetProps, fieldMessages } from \"../_utils/field-association.js\";\n\nimport { makeT, useLang } from \"../_i18n/i18n.js\";\nimport { useOverlayLayer, overlayScopeContext } from \"../overlays/OverlayManager.jsx\";\nimport { cx } from \"../_utils/cx.js\";\n\nconst EMPTY_PATH = [];\n\n/** CyberSkill Cascader — column-per-level picker for hierarchies (province → district style). */\nexport const Cascader = React.forwardRef(function Cascader({ portal = true, placement, controlRef, nodes = [], value = EMPTY_PATH, onChange, placeholder, label, \"aria-labelledby\": ariaLabelledBy, disabled = false, lang, className, id, description, error, required = false, rootProps, controlProps }, forwardedRef) {\n  const floatingRef = React.useRef(null);\n  const mergedControlRef = useComposedRefs(controlRef);\n  const [requestedOpen, setOpen] = React.useState(false);\n  // Disable the mounted surface immediately and discard its previous open state.\n  const open = requestedOpen && !disabled;\n  React.useEffect(() => { if (disabled) setOpen(false); }, [disabled]);\n  const [path, setPath] = React.useState(value);\n  const wrap = React.useRef(null);\n  const [ref, L, localeMessages] = useLang(lang);\n  const mergedNativeRef = useComposedRefs(wrap, ref, forwardedRef);\n  const t = makeT(\"Cascader\", L, localeMessages);\n  const ph = placeholder != null ? placeholder : t(\"placeholder\");\n  const requiredDescription = required ? makeT(\"Form\", L, localeMessages)(\"required\") : undefined;\n  const control = useFieldAssociation({ id: controlProps?.id ?? id,\n    \"aria-label\": controlProps?.[\"aria-label\"] ?? (controlProps?.[\"aria-labelledby\"] || ariaLabelledBy ? undefined : label),\n    \"aria-labelledby\": controlProps?.[\"aria-labelledby\"] ?? ariaLabelledBy,\n    \"aria-describedby\": controlProps?.[\"aria-describedby\"], \"aria-invalid\": controlProps?.[\"aria-invalid\"] },\n    { fallbackLabel: label, description, error, requiredDescription });\n  // Controlled value must re-sync even when the popover stays closed (FIND-014).\n  // Depend on a stable key — default `[]` must not reset path every render.\n  const valueKey = Array.isArray(value) ? value.join(\"\\0\") : \"\";\n  React.useEffect(() => { setPath(Array.isArray(value) ? value : EMPTY_PATH); }, [valueKey]);\n  const floating = useFloatingPanel({ open: open, anchorRef: wrap, panelRef: floatingRef, portal, placement: placement ?? \"bottom-start\", gap: 6, getAnchor: ()=>wrap.current?.querySelector(\":scope > button\"), lang });\n  const { manager, scope } = useOverlayLayer({ open: (open) && floating.ready, kind: \"dropdown\", panelRef: floatingRef, surfaceKey: floating.surfaceKey, onEscape: () => setOpen(false) });\n  React.useEffect(() => {\n    if (!open) return;\n    const d = (e) => { if (!floating.contains(e.target)) setOpen(false); };\n    const k = (e) => {\n      if (manager.topDismissible()?.panelEl !== floatingRef.current) return;\n      if (e.defaultPrevented || e.isComposing || e.keyCode === 229) return;\n      if (!floating.contains(e.target)) return;\n      const opts = [...floatingRef.current.querySelectorAll('[role=\"option\"]')];\n      if (!opts.length) return;\n      const active = document.activeElement;\n      const idx = opts.indexOf(active);\n      if (e.key === \"ArrowDown\") {\n        e.preventDefault();\n        (opts[idx < 0 ? 0 : Math.min(opts.length - 1, idx + 1)] || opts[0]).focus();\n      } else if (e.key === \"ArrowUp\") {\n        e.preventDefault();\n        (opts[idx < 0 ? opts.length - 1 : Math.max(0, idx - 1)] || opts[0]).focus();\n      } else if (e.key === \"Home\") {\n        e.preventDefault();\n        opts[0].focus();\n      } else if (e.key === \"End\") {\n        e.preventDefault();\n        opts[opts.length - 1].focus();\n      } else if (e.key === \"ArrowRight\" && idx >= 0) {\n        // Expand into children by activating the selected option when it has a chevron.\n        active.click && active.click();\n      } else if (e.key === \"ArrowLeft\") {\n        e.preventDefault();\n        if (path.length) {\n          const columns = [...floatingRef.current.querySelectorAll('[role=\"listbox\"]')];\n          const column = active?.closest('[role=\"listbox\"]');\n          const depth = columns.indexOf(column);\n          const parentDepth = depth > 0 ? depth - 1 : Math.max(0, path.length - 1);\n          const parent = columns[parentDepth]?.querySelector('[role=\"option\"][aria-selected=\"true\"]');\n          // Move focus before unmounting the child column.\n          parent?.focus();\n          setPath(path.slice(0, parentDepth));\n        } else {\n          setOpen(false);\n          const field = wrap.current.querySelector(\".cs-treeselect__field\");\n          field && field.focus && field.focus();\n        }\n      }\n    };\n    document.addEventListener(\"mousedown\", d);\n    document.addEventListener(\"keydown\", k);\n    return () => {\n      document.removeEventListener(\"mousedown\", d);\n      document.removeEventListener(\"keydown\", k);\n    };\n  }, [open, path]);\n  const cols = [];\n  let level = nodes;\n  for (let i = 0; level && level.length; i++) {\n    cols.push(level);\n    const pick = level.find((n) => n.key === path[i]);\n    level = pick && pick.children;\n  }\n  const labels = [];\n  { let lv = nodes; for (const k of value) { const n = (lv || []).find((x) => x.key === k); if (!n) break; labels.push(n.label); lv = n.children; } }\n  return (\n    <overlayScopeContext.Provider value={scope}>\n    <div ref={mergedNativeRef} {...mergeTargetProps({ className: cx(\"cs-cascader\", className) }, rootProps)}>\n      <button {...mergeTargetProps({ ...control, type: \"button\", className: \"cs-treeselect__field\", disabled, \"aria-haspopup\": \"listbox\", \"aria-expanded\": open, onClick: event => { if (!open) event.currentTarget.focus(); setOpen(o => !o); }, onKeyDown: (e) => {\n          if (e.defaultPrevented || e.nativeEvent.isComposing || e.nativeEvent.keyCode === 229) return;\n          // Once open, the document handler owns arrows from this trigger too.\n          if (open && e.key === \"ArrowDown\") return;\n          if (e.key === \"ArrowDown\" || e.key === \"Enter\" || e.key === \" \") {\n            e.preventDefault();\n            setOpen(true);\n          }\n        } }, controlProps, [\"id\", \"role\", \"type\", \"name\", \"value\", \"defaultValue\", \"disabled\", \"required\", \"aria-required\", \"aria-label\", \"aria-labelledby\", \"aria-describedby\", \"aria-invalid\", \"aria-haspopup\", \"aria-expanded\", \"aria-controls\", \"aria-activedescendant\"])} ref={mergedControlRef} >\n        <span className={labels.length ? undefined : \"ph\"}>{labels.length ? labels.map((label, index) => <React.Fragment key={index}>{index ? <React.Fragment>{\" \"}<span aria-hidden=\"true\">/</span>{\" \"}</React.Fragment> : null}{label}</React.Fragment>) : ph}</span><span aria-hidden=\"true\">▾</span>\n      </button>\n      {open ? (\n        floating.render(<div ref={floatingRef} className=\"cs-cascader__pop\">\n          {cols.map((col, i) => (\n            <ul key={i} role=\"listbox\" aria-labelledby={control[\"aria-labelledby\"] || control.id} className=\"cs-cascader__col\">\n              {col.map((n) => (\n                // role=\"none\" — the <li> wrapper must not sit between listbox and option.\n                <li key={n.key} role=\"none\">\n                  <button\n                    type=\"button\"\n                    role=\"option\"\n                    aria-selected={path[i] === n.key}\n                    className={cx(\"cs-cascader__opt\", path[i] === n.key && \"on\")}\n                    // Keep options in the focusable set for arrow models (E3).\n                    data-cs-focusable=\"\"\n                    onClick={() => {\n                      const next = [...path.slice(0, i), n.key];\n                      setPath(next);\n                      if (!(n.children && n.children.length)) { onChange && onChange(next); setOpen(false); }\n                    }}\n                  >\n                    {n.label}{n.children && n.children.length ? <span aria-hidden=\"true\"> ›</span> : null}\n                  </button>\n                </li>\n              ))}\n            </ul>\n          ))}\n        </div>)\n      ) : null}\n      {fieldMessages(control, description, error, requiredDescription)}\n    </div>\n    </overlayScopeContext.Provider>\n  );\n});\nCascader.displayName = \"Cascader\";\n"],
+  "mappings": "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",
   "names": ["Cascader", "label"]
 }

package/dist/esm/chunks/{chunk-FF5D53IP.mjs → chunk-SA7L22XE.mjs} RENAMED Viewed

@@ -63,7 +63,10 @@ var ColorPicker = React.forwardRef(function ColorPicker2({ portal = true, placem
       onChange && onChange(v);
     }
   };
-  return /* @__PURE__ */ React.createElement(overlayScopeContext.Provider, { value: scope }, /* @__PURE__ */ React.createElement("span", { ref: mergedNativeRef, ...mergeTargetProps({ className: cx("cs-colorpicker", className) }, rootProps) }, /* @__PURE__ */ React.createElement("button", { ...mergeTargetProps({ ...control, type: "button", className: "cs-colorpicker__field", "aria-expanded": open, onClick: () => setOpen((o) => !o) }, controlProps, ["id", "role", "type", "name", "value", "defaultValue", "disabled", "required", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-haspopup", "aria-expanded", "aria-controls", "aria-activedescendant"]), ref: mergedControlRef }, /* @__PURE__ */ React.createElement("i", { style: { background: value } }), /* @__PURE__ */ React.createElement("code", null, value)), open ? floating.render(/* @__PURE__ */ React.createElement("span", { ref: floatingRef, className: "cs-colorpicker__pop", role: "dialog", "aria-label": control["aria-labelledby"] ? void 0 : controlProps?.["aria-label"] || label || t("label"), "aria-labelledby": control["aria-labelledby"] }, /* @__PURE__ */ React.createElement("span", { className: "cs-colorpicker__grid" }, swatches.map((s) => /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement(overlayScopeContext.Provider, { value: scope }, /* @__PURE__ */ React.createElement("span", { ref: mergedNativeRef, ...mergeTargetProps({ className: cx("cs-colorpicker", className) }, rootProps) }, /* @__PURE__ */ React.createElement("button", { ...mergeTargetProps({ ...control, type: "button", className: "cs-colorpicker__field", "aria-expanded": open, onClick: (event) => {
+    if (!open) event.currentTarget.focus();
+    setOpen((o) => !o);
+  } }, controlProps, ["id", "role", "type", "name", "value", "defaultValue", "disabled", "required", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-haspopup", "aria-expanded", "aria-controls", "aria-activedescendant"]), ref: mergedControlRef }, /* @__PURE__ */ React.createElement("i", { style: { background: value } }), /* @__PURE__ */ React.createElement("code", null, value)), open ? floating.render(/* @__PURE__ */ React.createElement("span", { ref: floatingRef, className: "cs-colorpicker__pop", role: "dialog", "aria-label": control["aria-labelledby"] ? void 0 : controlProps?.["aria-label"] || label || t("label"), "aria-labelledby": control["aria-labelledby"] }, /* @__PURE__ */ React.createElement("span", { className: "cs-colorpicker__grid" }, swatches.map((s) => /* @__PURE__ */ React.createElement(
     "button",
     {
       key: s,
@@ -100,4 +103,4 @@ ColorPicker.displayName = "ColorPicker";
 export {
   ColorPicker
 };
-//# sourceMappingURL=chunk-FF5D53IP.mjs.map
+//# sourceMappingURL=chunk-SA7L22XE.mjs.map