@kerfjs/ui 5.0.0-beta.94 → 5.0.0-beta.96

package/dist/{chunk-QCLLBMLA.js → chunk-BU23Z5HZ.js}

@@ -1,11 +1,12 @@
 import { WORKBENCH_MAIN_MIN_SIZE, WORKBENCH_MAIN_MIN_HEIGHT, workbenchRegionId, WORKBENCH_RESIZE_DEFAULTS } from './chunk-S4ZGTDSG.js';
-import { NavStack } from './chunk-75YOTZ25.js';
+import { NavStack } from './chunk-AYHC62OZ.js';
 import { clampRegionSize, ResizeGrip } from './chunk-Y6KT7ZTR.js';
 import { FloatingToolbar } from './chunk-S3ECMF23.js';
-import { panelToggleGroup, composedPanelBody, relocatedPanelGroups } from './chunk-GIUOXAVL.js';
-import { Toolbar } from './chunk-BYHGRKC3.js';
-import { Pane } from './chunk-FL6J644M.js';
-import { List } from './chunk-QQICWWNX.js';
+import { panelToggleGroup, groupSizeFor, composedPanelBody, relocatedPanelGroups } from './chunk-P74VXMB6.js';
+import { Toolbar } from './chunk-CMLPFIC5.js';
+import { Pane } from './chunk-GJYQ27C2.js';
+import { ensureSunkenTexture } from './chunk-IKS72C6P.js';
+import { List } from './chunk-V6W56V3N.js';
 import { jsxs, jsx, Fragment } from 'kerfjs/jsx-runtime';
 
 var SIDES = {
@@ -20,7 +21,7 @@ var toggleAttributes = (workbenchId, key) => ({
   "data-key": `${workbenchRegionId(workbenchId, key)}-toggle`,
   "aria-controls": workbenchRegionId(workbenchId, key)
 });
-function relocatedGroups(workbenchId, key, panel) {
+function relocatedGroups(workbenchId, key, panel, density) {
   const active = panel?.navStack?.views.at(-1);
   const toolbar = active && panel?.toolbar ? {
     ...panel.toolbar,
@@ -32,7 +33,8 @@ function relocatedGroups(workbenchId, key, panel) {
     toolbar,
     SIDES[key],
     Boolean(panel?.collapsed),
-    toggleAttributes(workbenchId, key)
+    toggleAttributes(workbenchId, key),
+    groupSizeFor(density)
   );
 }
 function panelBody(workbenchId, key, panel) {
@@ -43,6 +45,7 @@ function panelBody(workbenchId, key, panel) {
       ...stack,
       toolbarConfig: {
         label: stack.toolbarConfig?.label ?? toolbar?.label,
+        density: stack.toolbarConfig?.density ?? toolbar?.density,
         dividerSides: stack.toolbarConfig?.dividerSides ?? toolbar?.dividerSides,
         centerAlign: stack.toolbarConfig?.centerAlign ?? toolbar?.centerAlign,
         responsive: stack.toolbarConfig?.responsive ?? toolbar?.responsive,
@@ -55,7 +58,8 @@ function panelBody(workbenchId, key, panel) {
         SIDES[key],
         toolbar.toggle,
         Boolean(panel.collapsed),
-        toggleAttributes(workbenchId, key)
+        toggleAttributes(workbenchId, key),
+        groupSizeFor(stack.toolbarConfig?.density ?? toolbar.density)
       ) : void 0
     });
   }
@@ -108,14 +112,30 @@ function mainBody({
 }) {
   if (!mainToolbar && !mainBottomToolbar && !mainHeader && !mainFooter)
     return main;
-  const left = relocatedGroups(workbenchId, "leftRail", leftRail);
-  const right = relocatedGroups(workbenchId, "rightRail", rightRail);
-  const drawer = mainBottomToolbar ? relocatedGroups(workbenchId, "bottomDrawer", bottomDrawer) : [];
+  const left = relocatedGroups(
+    workbenchId,
+    "leftRail",
+    leftRail,
+    mainToolbar?.density
+  );
+  const right = relocatedGroups(
+    workbenchId,
+    "rightRail",
+    rightRail,
+    mainToolbar?.density
+  );
+  const drawer = mainBottomToolbar ? relocatedGroups(
+    workbenchId,
+    "bottomDrawer",
+    bottomDrawer,
+    mainBottomToolbar.density
+  ) : [];
   const header = !mainToolbar && !mainHeader ? void 0 : /* @__PURE__ */ jsxs(Fragment, { children: [
     mainToolbar ? /* @__PURE__ */ jsx(
       Toolbar,
       {
         label: mainToolbar.label,
+        density: mainToolbar.density,
         dividerSides: mainToolbar.dividerSides,
         centerAlign: mainToolbar.centerAlign,
         responsive: mainToolbar.responsive,
@@ -142,6 +162,7 @@ function mainBody({
       {
         position: "footer",
         label: mainBottomToolbar.label,
+        density: mainBottomToolbar.density,
         dividerSides: mainBottomToolbar.dividerSides,
         centerAlign: mainBottomToolbar.centerAlign,
         responsive: mainBottomToolbar.responsive,
@@ -407,6 +428,10 @@ function Workbench({
     mainMin === void 0 ? "" : `--_kui-workbench-main-min-width:${mainMin}px`,
     mainMinBlock === void 0 ? "" : `--_kui-workbench-main-min-height:${mainMinBlock}px`
   ].filter(Boolean).join(";");
+  if ([leftRail, rightRail, bottomDrawer].some(
+    (panel) => panel?.pane?.appearance === "sunken"
+  ) || mainPane?.appearance === "sunken")
+    ensureSunkenTexture();
   return /* @__PURE__ */ jsxs(
     "section",
     {
@@ -503,4 +528,4 @@ function Workbench({
 
 export { Workbench };
 
-//# sourceMappingURL=chunk-QCLLBMLA.js.map
+//# sourceMappingURL=chunk-BU23Z5HZ.js.map

package/dist/chunk-BU23Z5HZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/workbench/internal/workbench-toolbars.tsx","../src/components/layout/workbench/workbench.tsx"],"names":["jsx","jsxs"],"mappings":";;;;;;;;;;;AA4EA,IAAM,KAAA,GAA8C;AAAA,EAClD,QAAA,EAAU,MAAA;AAAA,EACV,SAAA,EAAW,OAAA;AAAA,EACX,YAAA,EAAc;AAChB,CAAA;AAyBA,IAAM,gBAAA,GAAmB,CACvB,WAAA,EACA,GAAA,MAC2B;AAAA,EAC3B,uBAAA,EAAyB,MAAM,GAAG,CAAA;AAAA;AAAA;AAAA,EAGlC,UAAA,EAAY,CAAA,EAAG,iBAAA,CAAkB,WAAA,EAAa,GAAG,CAAC,CAAA,OAAA,CAAA;AAAA,EAClD,eAAA,EAAiB,iBAAA,CAAkB,WAAA,EAAa,GAAG;AACrD,CAAA,CAAA;AAMO,SAAS,eAAA,CACd,WAAA,EACA,GAAA,EACA,KAAA,EACA,OAAA,EACiB;AACjB,EAAA,MAAM,MAAA,GAAS,KAAA,EAAO,QAAA,EAAU,KAAA,CAAM,GAAG,EAAE,CAAA;AAC3C,EAAA,MAAM,OAAA,GACJ,MAAA,IAAU,KAAA,EAAO,OAAA,GACb;AAAA,IACE,GAAG,KAAA,CAAM,OAAA;AAAA,IACT,OAAA,EAAS,OAAO,OAAA,EAAS,OAAA;AAAA,IACzB,MAAA,EAAQ,OAAO,OAAA,EAAS,MAAA;AAAA,IACxB,QAAA,EAAU,OAAO,OAAA,EAAS;AAAA,MAE5B,KAAA,EAAO,OAAA;AACb,EAAA,OAAO,oBAAA;AAAA,IACL,OAAA;AAAA,IACA,MAAM,GAAG,CAAA;AAAA,IACT,OAAA,CAAQ,OAAO,SAAS,CAAA;AAAA,IACxB,gBAAA,CAAiB,aAAa,GAAG,CAAA;AAAA,IACjC,aAAa,OAAO;AAAA,GACtB;AACF;AAOO,SAAS,SAAA,CACd,WAAA,EACA,GAAA,EACA,KAAA,EACA;AACA,EAAA,MAAM,UAAU,KAAA,CAAM,OAAA;AACtB,EAAA,IAAI,MAAM,QAAA,EAAU;AAClB,IAAA,MAAM,QAAQ,KAAA,CAAM,QAAA;AACpB,IAAA,OAAO,QAAA,CAAS;AAAA,MACd,GAAG,KAAA;AAAA,MACH,aAAA,EAAe;AAAA,QACb,KAAA,EAAO,KAAA,CAAM,aAAA,EAAe,KAAA,IAAS,OAAA,EAAS,KAAA;AAAA,QAC9C,OAAA,EAAS,KAAA,CAAM,aAAA,EAAe,OAAA,IAAW,OAAA,EAAS,OAAA;AAAA,QAClD,YAAA,EACE,KAAA,CAAM,aAAA,EAAe,YAAA,IAAgB,OAAA,EAAS,YAAA;AAAA,QAChD,WAAA,EAAa,KAAA,CAAM,aAAA,EAAe,WAAA,IAAe,OAAA,EAAS,WAAA;AAAA,QAC1D,UAAA,EAAY,KAAA,CAAM,aAAA,EAAe,UAAA,IAAc,OAAA,EAAS,UAAA;AAAA,QACxD,YAAA,EACE,KAAA,CAAM,aAAA,EAAe,YAAA,IAAgB,OAAA,EAAS,YAAA;AAAA,QAChD,aAAA,EACE,KAAA,CAAM,aAAA,EAAe,aAAA,IAAiB,OAAA,EAAS,aAAA;AAAA,QACjD,SAAA,EAAW,MAAM,aAAA,EAAe,SAAA;AAAA,QAChC,YAAA,EAAc,MAAM,aAAA,EAAe;AAAA,OACrC;AAAA,MACA,WAAA,EAAa,SAAS,MAAA,GAClB,gBAAA;AAAA,QACE,MAAM,GAAG,CAAA;AAAA,QACT,OAAA,CAAQ,MAAA;AAAA,QACR,OAAA,CAAQ,MAAM,SAAS,CAAA;AAAA,QACvB,gBAAA,CAAiB,aAAa,GAAG,CAAA;AAAA,QACjC,YAAA,CAAa,KAAA,CAAM,aAAA,EAAe,OAAA,IAAW,QAAQ,OAAO;AAAA,OAC9D,GACA;AAAA,KACL,CAAA;AAAA,EACH;AACA,EAAA,IAAI,CAAC,OAAA,EAAS,OAAO,KAAA,CAAM,OAAA;AAC3B,EAAA,OAAO,iBAAA,CAAkB;AAAA,IACvB,OAAA;AAAA,IACA,IAAA,EAAM,MAAM,GAAG,CAAA;AAAA,IACf,SAAA,EAAW,OAAA,CAAQ,KAAA,CAAM,SAAS,CAAA;AAAA,IAClC,UAAA,EAAY,gBAAA,CAAiB,WAAA,EAAa,GAAG,CAAA;AAAA,IAC7C,MAAM,KAAA,CAAM,IAAA;AAAA,IACZ,QAAQ,KAAA,CAAM,MAAA;AAAA,IACd,YAAY,KAAA,CAAM,UAAA;AAAA,IAClB,iBAAiB,KAAA,CAAM,eAAA;AAAA,IACvB,QAAQ,KAAA,CAAM,MAAA;AAAA,IACd,YAAY,KAAA,CAAM,UAAA;AAAA,IAClB,eAAe,KAAA,CAAM,aAAA;AAAA,IACrB,iBAAiB,KAAA,CAAM,eAAA;AAAA,IACvB,OAAA,EAAS,MAAM,OAAA,IAAW;AAAA,GAC3B,CAAA;AACH;AAOA,SAAS,UAAA,CAAW,SAAwB,MAAA,EAAgC;AAC1E,EAAA,uBACE,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,cAAc,MAAA,EAAQ,YAAA;AAAA,MACtB,KAAK,MAAA,EAAQ,GAAA;AAAA,MACb,QAAQ,MAAA,EAAQ,MAAA;AAAA,MAChB,QAAQ,MAAA,EAAQ,MAAA;AAAA,MAChB,YAAY,MAAA,EAAQ,UAAA;AAAA,MACpB,eAAe,MAAA,EAAQ,aAAA;AAAA,MAEtB,QAAA,EAAA;AAAA;AAAA,GACH;AAEJ;AAoBO,SAAS,QAAA,CAAS;AAAA,EACvB,WAAA;AAAA,EACA,IAAA;AAAA,EACA,WAAA;AAAA,EACA,UAAA;AAAA,EACA,UAAA;AAAA,EACA,iBAAA;AAAA,EACA,mBAAA,GAAsB,OAAA;AAAA,EACtB,mBAAA,GAAsB,OAAA;AAAA,EACtB,QAAA;AAAA,EACA,cAAA;AAAA,EACA,cAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,EAeG;AACD,EAAA,IAAI,CAAC,WAAA,IAAe,CAAC,iBAAA,IAAqB,CAAC,cAAc,CAAC,UAAA;AACxD,IAAA,OAAO,IAAA;AACT,EAAA,MAAM,IAAA,GAAO,eAAA;AAAA,IACX,WAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAA,EAAa;AAAA,GACf;AACA,EAAA,MAAM,KAAA,GAAQ,eAAA;AAAA,IACZ,WAAA;AAAA,IACA,WAAA;AAAA,IACA,SAAA;AAAA,IACA,WAAA,EAAa;AAAA,GACf;AACA,EAAA,MAAM,SAAS,iBAAA,GACX,eAAA;AAAA,IACE,WAAA;AAAA,IACA,cAAA;AAAA,IACA,YAAA;AAAA,IACA,iBAAA,CAAkB;AAAA,MAEpB,EAAC;AAGL,EAAA,MAAM,SACJ,CAAC,WAAA,IAAe,CAAC,UAAA,GAAa,yBAC5B,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,IAAA,WAAA,mBACC,GAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,OAAO,WAAA,CAAY,KAAA;AAAA,QACnB,SAAS,WAAA,CAAY,OAAA;AAAA,QACrB,cAAc,WAAA,CAAY,YAAA;AAAA,QAC1B,aAAa,WAAA,CAAY,WAAA;AAAA,QACzB,YAAY,WAAA,CAAY,UAAA;AAAA,QACxB,cAAc,WAAA,CAAY,YAAA;AAAA,QAC1B,eAAe,WAAA,CAAY,aAAA;AAAA,QAC3B,yBACE,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,UAAA,IAAA;AAAA,UACA,WAAA,CAAY,KAAA;AAAA,UACZ,WAAA,CAAY;AAAA,SAAA,EACf,CAAA;AAAA,QAEF,QAAQ,WAAA,CAAY,MAAA;AAAA,QACpB,0BACE,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,UAAA,WAAA,CAAY,QAAA;AAAA,UACZ;AAAA,SAAA,EACH;AAAA;AAAA,KAEJ,GACE,IAAA;AAAA,IACH,UAAA,GAAa,UAAA,CAAW,UAAA,EAAY,cAAc,CAAA,GAAI;AAAA,GAAA,EACzD,CAAA;AAEJ,EAAA,MAAM,SACJ,CAAC,UAAA,IAAc,CAAC,iBAAA,GAAoB,yBAClC,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,IAAA,UAAA,GAAa,UAAA,CAAW,UAAA,EAAY,cAAc,CAAA,GAAI,IAAA;AAAA,IACtD,iBAAA,mBACC,GAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,QAAA,EAAS,QAAA;AAAA,QACT,OAAO,iBAAA,CAAkB,KAAA;AAAA,QACzB,SAAS,iBAAA,CAAkB,OAAA;AAAA,QAC3B,cAAc,iBAAA,CAAkB,YAAA;AAAA,QAChC,aAAa,iBAAA,CAAkB,WAAA;AAAA,QAC/B,YAAY,iBAAA,CAAkB,UAAA;AAAA,QAC9B,cAAc,iBAAA,CAAkB,YAAA;AAAA,QAChC,eAAe,iBAAA,CAAkB,aAAA;AAAA,QACjC,SAAS,iBAAA,CAAkB,OAAA;AAAA,QAC3B,QAAQ,iBAAA,CAAkB,MAAA;AAAA,QAC1B,0BACE,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,UAAA,iBAAA,CAAkB,QAAA;AAAA,UAClB;AAAA,SAAA,EACH;AAAA;AAAA,KAEJ,GACE;AAAA,GAAA,EACN,CAAA;AAEJ,EAAA,MAAM,eAAe,mBAAA,KAAwB,QAAA;AAC7C,EAAA,MAAM,eAAe,mBAAA,KAAwB,QAAA;AAC7C,EAAA,uBACE,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,MAAA,EAAQ,eAAe,MAAA,GAAY,MAAA;AAAA,MACnC,MAAA,EAAQ,eAAe,MAAA,GAAY,MAAA;AAAA,MACnC,eAAA,EACE,mBAAA,KAAwB,MAAA,IAAU,mBAAA,KAAwB,SACtD,MAAA,GACA,OAAA;AAAA,MAEN,gBAAgB,QAAA,EAAU,cAAA;AAAA,MAC1B,cAAc,QAAA,EAAU,YAAA;AAAA,MACxB,YAAY,QAAA,EAAU,UAAA;AAAA,MACtB,eAAe,QAAA,EAAU,aAAA;AAAA,MACzB,gBAAgB,QAAA,EAAU,cAAA;AAAA,MAC1B,YAAY,QAAA,EAAU,UAAA;AAAA,MACtB,WAAW,QAAA,EAAU,SAAA;AAAA,MACrB,UAAU,QAAA,EAAU,QAAA;AAAA,MACpB,UAAU,QAAA,EAAU,QAAA;AAAA,MAEnB,QAAA,EAAA,YAAA,IAAgB,YAAA;AAAA;AAAA;AAAA,wBAGf,IAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAI,IAAA,EACP,QAAA,EAAA;AAAA,UAAA,YAAA,GAAe,MAAA,GAAS,IAAA;AAAA,UACxB,IAAA;AAAA,UACA,eAAe,MAAA,GAAS;AAAA,SAAA,EAC3B;AAAA,UAEA;AAAA;AAAA,GAEJ;AAEJ;AAOO,SAAS,eAAA,CACd,WAAA,EACA,GAAA,EACA,KAAA,EACA,gBAAA,EACA;AACA,EAAA,IAAI,kBAAkB,OAAO,MAAA;AAC7B,EAAA,MAAM,MAAA,GAAS,eAAA,CAAgB,WAAA,EAAa,GAAA,EAAK,KAAK,CAAA;AACtD,EAAA,IAAI,MAAA,CAAO,MAAA,KAAW,CAAA,EAAG,OAAO,MAAA;AAChC,EAAA,uBACE,GAAA;AAAA,IAAC,eAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,MAAO,OAAA,CAAS,KAAA;AAAA,MACvB,QAAA,EACE,KAAA,CAAO,eAAA,KACN,GAAA,KAAQ,aAAa,cAAA,GAAiB,YAAA,CAAA;AAAA,MAGxC,QAAA,EAAA;AAAA;AAAA,GACH;AAEJ;AClJA,IAAM,KAAA,GAAwD;AAAA,EAC5D,QAAA,EAAU,KAAA;AAAA,EACV,SAAA,EAAW,OAAA;AAAA,EACX,YAAA,EAAc;AAChB,CAAA;AAEA,IAAM,cAAA,GAAoD;AAAA,EACxD,QAAA,EAAU,WAAA;AAAA,EACV,SAAA,EAAW,YAAA;AAAA,EACX,YAAA,EAAc;AAChB,CAAA;AAEA,SAAS,aAAA,CACP,EAAA,EACA,GAAA,EACA,KAAA,EAC4B;AAC5B,EAAA,IAAI,CAAC,KAAA,CAAM,SAAA,EAAW,OAAO,MAAA;AAC7B,EAAA,MAAM,QAAA,GAAW,0BAA0B,GAAG,CAAA;AAC9C,EAAA,MAAM,SAAS,KAAA,CAAM,SAAA,KAAc,IAAA,GAAO,KAAK,KAAA,CAAM,SAAA;AACrD,EAAA,MAAM,GAAA,GAAM,MAAA,CAAO,GAAA,IAAO,QAAA,CAAS,GAAA;AACnC,EAAA,MAAM,MAAM,IAAA,CAAK,GAAA,CAAI,KAAK,MAAA,CAAO,GAAA,IAAO,SAAS,GAAG,CAAA;AACpD,EAAA,OAAO;AAAA,IACL,QAAA,EAAU,iBAAA,CAAkB,EAAA,EAAI,GAAG,CAAA;AAAA,IACnC,IAAA,EAAM,GAAA,KAAQ,cAAA,GAAiB,UAAA,GAAa,YAAA;AAAA,IAC5C,IAAA,EAAM,MAAM,GAAG,CAAA;AAAA,IACf,MAAM,eAAA,CAAgB,KAAA,CAAM,QAAQ,QAAA,CAAS,IAAA,EAAM,KAAK,GAAG,CAAA;AAAA,IAC3D,GAAA;AAAA,IACA;AAAA,GACF;AACF;AAGA,IAAM,gBAAA,GAAmB,CAAC,MAAA,KACxB,MAAA,GACI;AAAA,EACE,gBAAA,EAAkB,MAAA;AAAA,EAClB,kBAAkB,MAAA,CAAO,QAAA;AAAA,EACzB,aAAa,MAAA,CAAO,IAAA;AAAA,EACpB,aAAa,MAAA,CAAO;AACtB,CAAA,GACA,EAAC;AAOP,SAAS,UAAA,CACP,KAAA,EACA,MAAA,EACA,YAAA,EACA;AACA,EAAA,IAAI,MAAA,EAAQ,OAAO,CAAA,4BAAA,EAA+B,MAAA,CAAO,IAAI,CAAA,EAAA,CAAA;AAC7D,EAAA,OAAO,MAAM,IAAA,GAAO,CAAA,EAAG,YAAY,CAAA,EAAA,EAAK,KAAA,CAAM,IAAI,CAAA,EAAA,CAAA,GAAO,MAAA;AAC3D;AAOA,SAAS,WAAA,CAAY;AAAA,EACnB,KAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAAA,EAIG;AACD,EAAA,MAAM,QACJ,OAAA,CAAQ,KAAA,CAAM,SAAS,CAAA,IAAA,CAAM,KAAA,CAAM,gBAAgB,QAAA,MAAc,QAAA;AACnE,EAAA,uBACEA,GAAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAM,uBAAA;AAAA,MACN,IAAA,EAAK,WAAA;AAAA,MACL,QAAA,EAAU,QAAQ,IAAA,GAAO,GAAA;AAAA,MACzB,YAAA,EAAY,UAAU,KAAK,CAAA,CAAA;AAAA,MAC3B,kBAAA,EACE,MAAA,CAAO,IAAA,KAAS,YAAA,GAAe,UAAA,GAAa,YAAA;AAAA,MAE9C,iBAAe,MAAA,CAAO,GAAA;AAAA,MACtB,iBAAe,MAAA,CAAO,GAAA;AAAA,MACtB,iBAAe,MAAA,CAAO,IAAA;AAAA,MACtB,aAAA,EAAa,QAAQ,MAAA,GAAS,MAAA;AAAA,MAC9B,wBAAA,EAAsB,IAAA;AAAA,MACtB,kBAAgB,MAAA,CAAO,QAAA;AAAA,MAEvB,QAAA,kBAAAA,GAAAA,CAAC,MAAA,EAAA,EAAK,KAAA,EAAM,4BAAA,EAA6B,aAAA,EAAY,MAAA,EACnD,QAAA,kBAAAA,GAAAA,CAAC,UAAA,EAAA,EAAW,IAAA,EAAM,MAAA,CAAO,MAAM,CAAA,EACjC;AAAA;AAAA,GACF;AAEJ;AASA,SAAS,wBAAwB,KAAA,EAAuB;AACtD,EAAA,OAAO,KAAA,CAAM,SAAA,IAAa,KAAA,CAAM,YAAA,KAAiB,WAC5C,MAAA,GACD,MAAA;AACN;AAGA,IAAM,YAAA,GAAe,CAAC,EAAA,KACpB,EAAA,KAAO,UAAU,MAAA,GAAY,EAAA;AAE/B,IAAM,MAAA,GAAS,CAAC,KAAA,KACd,OAAA,CAAQ,UAAU,KAAA,CAAM,YAAA,IAAgB,cAAc,QAAQ,CAAA;AAEhE,IAAM,WAAW,CAAC,KAAA,KAChB,QAAQ,KAAA,IAAS,CAAC,MAAM,SAAS,CAAA;AAEnC,IAAM,cAAA,GAAiB,CAAC,KAAA,KACtB,KAAA,GAAQ,aAAa,KAAA,CAAM,mBAAA,IAAuB,QAAQ,CAAA,GAAI,MAAA;AAEhE,IAAM,mBAAmB,CAAC,KAAA,KACxB,QAAQ,YAAA,CAAa,KAAA,CAAM,mBAAmB,CAAA,GAAI,MAAA;AAEpD,SAAS,IAAA,CAAK;AAAA,EACZ,EAAA;AAAA,EACA,IAAA;AAAA,EACA;AACF,CAAA,EAIG;AACD,EAAA,MAAM,GAAA,GAAyB,IAAA,KAAS,MAAA,GAAS,UAAA,GAAa,WAAA;AAC9D,EAAA,MAAM,MAAA,GAAS,aAAA,CAAc,EAAA,EAAI,GAAA,EAAK,KAAK,CAAA;AAC3C,EAAA,uBACEC,IAAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,EAAA,EAAI,iBAAA,CAAkB,EAAA,EAAI,GAAG,CAAA;AAAA,MAC7B,KAAA,EAAO,4CAA4C,IAAI,CAAA,CAAA;AAAA,MACvD,qBAAA,EAAqB,IAAA;AAAA,MACrB,iBAAA,EACE,CAAC,KAAA,CAAM,OAAA,IAAW,MAAM,IAAA,EAAM,UAAA,KAAe,WACzC,QAAA,GACA,MAAA;AAAA,MAEN,gBAAA,EAAgB,MAAA,CAAO,KAAA,CAAM,SAAA,IAAa,KAAK,CAAA;AAAA,MAC/C,eAAA,EACE,CAAC,KAAA,CAAM,SAAA,IAAa,MAAM,YAAA,KAAiB,QAAA,IAAY,KAAA,CAAM,QAAA,GACzD,MAAA,GACA,MAAA;AAAA,MAEN,gBAAA,EAAgB,MAAM,SAAA,IAAa,MAAA;AAAA,MACnC,sBAAA,EAAsB,MAAM,cAAA,IAAkB,OAAA;AAAA,MAC9C,uBAAA,EAAuB,MAAM,eAAA,IAAmB,MAAA;AAAA,MAChD,mBAAA,EAAmB,MAAM,YAAA,IAAgB,QAAA;AAAA,MACzC,4BAAA,EAA4B,YAAA;AAAA,QAC1B,MAAM,mBAAA,IAAuB;AAAA,OAC/B;AAAA,MACA,sBAAA,EAAsB,MAAM,cAAA,IAAkB,OAAA;AAAA,MAC7C,GAAG,iBAAiB,MAAM,CAAA;AAAA,MAC3B,YAAA,EAAY,MAAM,KAAA,IAAS,MAAA;AAAA,MAC3B,aAAA,EAAa,wBAAwB,KAAK,CAAA;AAAA,MAC1C,QAAA,EACE,KAAA,CAAM,SAAA,IAAa,KAAA,CAAM,YAAA,KAAiB,QAAA,GACtC,KAAA,CAAM,QAAA,KAAa,MAAA,GACjB,MAAA,GACA,EAAA,GACF,KAAA,CAAM,QAAA;AAAA,MAEZ,KAAA,EAAO,OAAA,CAAQ,KAAA,CAAM,SAAS,CAAA;AAAA,MAC9B,KAAA,EAAO,UAAA,CAAW,KAAA,EAAO,MAAA,EAAQ,4BAA4B,CAAA;AAAA,MAE7D,QAAA,EAAA;AAAA,wBAAAD,GAAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,KAAA,EAAM,8BAAA;AAAA,YACN,8BAAA,EAA4B,IAAA;AAAA,YAC5B,KAAA,EAAO,OAAA,CAAQ,KAAA,CAAM,SAAS,CAAA;AAAA,YAE7B,QAAA,EAAA,SAAA,CAAU,EAAA,EAAI,GAAA,EAAK,KAAK;AAAA;AAAA,SAC3B;AAAA,QACC,0BACCA,GAAAA;AAAA,UAAC,WAAA;AAAA,UAAA;AAAA,YACC,KAAA;AAAA,YACA,MAAA;AAAA,YACA,KAAA,EAAO,KAAA,CAAM,KAAA,IAAS,cAAA,CAAe,GAAG;AAAA;AAAA;AAC1C;AAAA;AAAA,GAEJ;AAEJ;AAEA,SAAS,MAAA,CAAO,EAAE,EAAA,EAAI,KAAA,EAAM,EAA0C;AACpE,EAAA,MAAM,MAAA,GAAS,aAAA,CAAc,EAAA,EAAI,cAAA,EAAgB,KAAK,CAAA;AACtD,EAAA,uBACEC,IAAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,EAAA,EAAI,iBAAA,CAAkB,EAAA,EAAI,cAAc,CAAA;AAAA,MACxC,KAAA,EAAM,uBAAA;AAAA,MACN,uBAAA,EAAqB,IAAA;AAAA,MACrB,iBAAA,EACE,CAAC,KAAA,CAAM,OAAA,IAAW,MAAM,IAAA,EAAM,UAAA,KAAe,WACzC,QAAA,GACA,MAAA;AAAA,MAEN,gBAAA,EAAgB,MAAA,CAAO,KAAA,CAAM,SAAA,IAAa,KAAK,CAAA;AAAA,MAC/C,eAAA,EACE,CAAC,KAAA,CAAM,SAAA,IAAa,MAAM,YAAA,KAAiB,QAAA,IAAY,KAAA,CAAM,QAAA,GACzD,MAAA,GACA,MAAA;AAAA,MAEN,gBAAA,EAAgB,MAAM,SAAA,IAAa,MAAA;AAAA,MACnC,sBAAA,EAAsB,MAAM,cAAA,IAAkB,OAAA;AAAA,MAC9C,uBAAA,EAAuB,MAAM,eAAA,IAAmB,MAAA;AAAA,MAChD,mBAAA,EAAmB,MAAM,YAAA,IAAgB,QAAA;AAAA,MACzC,4BAAA,EAA4B,YAAA,CAAa,KAAA,CAAM,mBAAmB,CAAA;AAAA,MACjE,GAAG,iBAAiB,MAAM,CAAA;AAAA,MAC3B,YAAA,EAAY,MAAM,KAAA,IAAS,MAAA;AAAA,MAC3B,aAAA,EAAa,wBAAwB,KAAK,CAAA;AAAA,MAC1C,QAAA,EACE,KAAA,CAAM,SAAA,IAAa,KAAA,CAAM,YAAA,KAAiB,QAAA,GACtC,KAAA,CAAM,QAAA,KAAa,MAAA,GACjB,MAAA,GACA,EAAA,GACF,KAAA,CAAM,QAAA;AAAA,MAEZ,KAAA,EAAO,OAAA,CAAQ,KAAA,CAAM,SAAS,CAAA;AAAA,MAC9B,KAAA,EAAO,UAAA,CAAW,KAAA,EAAO,MAAA,EAAQ,+BAA+B,CAAA;AAAA,MAEhE,QAAA,EAAA;AAAA,wBAAAD,GAAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,KAAA,EAAM,8BAAA;AAAA,YACN,8BAAA,EAA4B,IAAA;AAAA,YAC5B,KAAA,EAAO,OAAA,CAAQ,KAAA,CAAM,SAAS,CAAA;AAAA,YAE7B,QAAA,EAAA,SAAA,CAAU,EAAA,EAAI,cAAA,EAAgB,KAAK;AAAA;AAAA,SACtC;AAAA,QACC,0BACCA,GAAAA;AAAA,UAAC,WAAA;AAAA,UAAA;AAAA,YACC,KAAA;AAAA,YACA,MAAA;AAAA,YACA,KAAA,EAAO,KAAA,CAAM,KAAA,IAAS,cAAA,CAAe;AAAA;AAAA;AACvC;AAAA;AAAA,GAEJ;AAEJ;AAGA,SAAS,OAAA,CACP,KAAA,EACA,IAAA,EACA,QAAA,EACA,SAAA,EACA;AACA,EAAA,MAAM,OAAA,GAAU,OAAO,cAAA,IAAkB,SAAA;AACzC,EAAA,IAAI,CAAC,KAAA,EAAO,SAAA,IAAa,CAAC,OAAA,IAAW,MAAM,YAAA,KAAiB,QAAA;AAC1D,IAAA,OAAO,EAAA;AACT,EAAA,uBACEA,GAAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAM,wBAAA;AAAA,MACN,YAAA,EAAY,IAAA;AAAA,MACZ,eAAA,EAAe,MAAM,eAAA,IAAmB,QAAA;AAAA,MAEvC,QAAA,EAAA;AAAA;AAAA,GACH;AAEJ;AAeO,SAAS,SAAA,CAAU;AAAA,EACxB,EAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAA;AAAA,EACA,WAAA;AAAA,EACA,UAAA;AAAA,EACA,UAAA;AAAA,EACA,iBAAA;AAAA,EACA,mBAAA;AAAA,EACA,mBAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAA;AAAA,EACA,YAAA,GAAe,KAAA;AAAA,EACf,cAAA;AAAA,EACA,cAAA;AAAA,EACA,WAAA,GAAc,uBAAA;AAAA,EACd,aAAA,GAAgB,yBAAA;AAAA,EAChB,eAAA,GAAkB,KAAA;AAAA,EAClB,SAAA,GAAY,EAAA;AAAA,EACZ;AACF,CAAA,EAAmB;AAGjB,EAAA,MAAM,EAAA,GAAK,CAAC,KAAA,KAAkB,IAAA,CAAK,IAAI,CAAA,EAAG,IAAA,CAAK,KAAA,CAAM,KAAK,CAAC,CAAA;AAC3D,EAAA,MAAM,OAAA,GAAU,QAAA,IAAY,SAAA,GAAY,EAAA,CAAG,WAAW,CAAA,GAAI,MAAA;AAC1D,EAAA,MAAM,YAAA,GAAe,YAAA,GAAe,EAAA,CAAG,aAAa,CAAA,GAAI,MAAA;AACxD,EAAA,MAAM,KAAA,GAAQ;AAAA,IACZ,OAAA,KAAY,MAAA,GAAY,EAAA,GAAK,CAAA,gCAAA,EAAmC,OAAO,CAAA,EAAA,CAAA;AAAA,IACvE,YAAA,KAAiB,MAAA,GACb,EAAA,GACA,CAAA,iCAAA,EAAoC,YAAY,CAAA,EAAA;AAAA,GACtD,CACG,MAAA,CAAO,OAAO,CAAA,CACd,KAAK,GAAG,CAAA;AAEX,EAAA,IACE,CAAC,QAAA,EAAU,SAAA,EAAW,YAAY,CAAA,CAAE,IAAA;AAAA,IAClC,CAAC,KAAA,KAAU,KAAA,EAAO,IAAA,EAAM,UAAA,KAAe;AAAA,GACzC,IACA,UAAU,UAAA,KAAe,QAAA;AAEzB,IAAA,mBAAA,EAAoB;AACtB,EAAA,uBACEC,IAAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,CAAA,cAAA,EAAiB,SAAS,CAAA,CAAA,CAAG,IAAA,EAAK;AAAA,MACzC,EAAA;AAAA,MACA,gBAAA,EAAe,WAAA;AAAA,MACf,oBAAA,EAAoB,OAAA,KAAY,MAAA,GAAY,MAAA,GAAY,OAAO,OAAO,CAAA;AAAA,MACtE,sBAAA,EACE,YAAA,KAAiB,MAAA,GAAY,MAAA,GAAY,OAAO,YAAY,CAAA;AAAA,MAE9D,6BACE,MAAA,CAAO,QAAQ,KAAK,QAAA,CAAS,QAAQ,IAAI,MAAA,GAAS,MAAA;AAAA,MAEpD,8BACE,MAAA,CAAO,SAAS,KAAK,QAAA,CAAS,SAAS,IAAI,MAAA,GAAS,MAAA;AAAA,MAEtD,+BACE,MAAA,CAAO,QAAQ,CAAA,GAAI,cAAA,CAAe,QAAQ,CAAA,GAAI,MAAA;AAAA,MAEhD,gCACE,MAAA,CAAO,SAAS,CAAA,GAAI,cAAA,CAAe,SAAS,CAAA,GAAI,MAAA;AAAA,MAElD,+BAAA,EACE,OAAO,QAAQ,CAAA,IAAK,SAAS,QAAQ,CAAA,GACjC,cAAA,CAAe,QAAQ,CAAA,GACvB,MAAA;AAAA,MAEN,gCAAA,EACE,OAAO,SAAS,CAAA,IAAK,SAAS,SAAS,CAAA,GACnC,cAAA,CAAe,SAAS,CAAA,GACxB,MAAA;AAAA,MAEN,4BAAA,EACG,QAAA,EAAU,YAAA,KAAiB,SAAA,IAAa,QAAA,CAAS,QAAQ,CAAA,IACzD,SAAA,EAAW,YAAA,KAAiB,SAAA,IAAa,QAAA,CAAS,SAAS,IACxD,MAAA,GACA,MAAA;AAAA,MAEN,gCACE,YAAA,EAAc,YAAA,KAAiB,aAAa,QAAA,CAAS,YAAY,IAC7D,MAAA,GACA,MAAA;AAAA,MAEN,iCAAA,EACE,OAAO,YAAY,CAAA,IAAK,SAAS,YAAY,CAAA,GACzC,gBAAA,CAAiB,YAAY,CAAA,GAC7B,MAAA;AAAA,MAEN,uBAAA,EAAuB,kBAAkB,MAAA,GAAS,MAAA;AAAA,MAClD,yBAAA,EACE,cAAA,CAAe,QAAQ,CAAA,IACvB,cAAA,CAAe,SAAS,CAAA,IACxB,gBAAA,CAAiB,YAAY,CAAA,GACzB,MAAA,GACA,MAAA;AAAA,MAEN,OAAO,KAAA,IAAS,MAAA;AAAA,MAChB,YAAA,EAAY,KAAA;AAAA,MACZ,IAAA;AAAA,MAEC,QAAA,EAAA;AAAA,QAAA,QAAA,oBAAYD,GAAAA,CAAC,IAAA,EAAA,EAAK,IAAQ,IAAA,EAAK,MAAA,EAAO,OAAO,QAAA,EAAU,CAAA;AAAA,QACvD,OAAA;AAAA,UACC,QAAA;AAAA,UACA,MAAA;AAAA,UACA,cAAA;AAAA,UACA,gBAAgB,EAAA,EAAI,UAAA,EAAY,QAAA,EAAU,OAAA,CAAQ,WAAW,CAAC;AAAA,SAChE;AAAA,wBACAC,IAAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAM,uBAAA,EACT,QAAA,EAAA;AAAA,0BAAAD,GAAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,KAAA,EAAM,qBAAA;AAAA,cACN,qBAAA,EAAmB,IAAA;AAAA,cACnB,eAAA,EAAe,eAAe,MAAA,GAAS,MAAA;AAAA,cACvC,IAAA,EAAM,YAAY,QAAA,GAAW,MAAA;AAAA,cAC7B,YAAA,EAAY,SAAA;AAAA,cACZ,QAAA,EAAU,YAAA;AAAA,cACV,+BACE,MAAA,CAAO,YAAY,KAAK,QAAA,CAAS,YAAY,IAAI,MAAA,GAAS,MAAA;AAAA,cAE5D,iCACE,MAAA,CAAO,YAAY,CAAA,GAAI,gBAAA,CAAiB,YAAY,CAAA,GAAI,MAAA;AAAA,cAE1D,iBAAA,EACE,CAAC,WAAA,IACD,CAAC,iBAAA,IACD,CAAC,UAAA,IACD,CAAC,UAAA,IACD,QAAA,EAAU,UAAA,KAAe,QAAA,GACrB,QAAA,GACA,MAAA;AAAA,cAGL,QAAA,EAAA,QAAA,CAAS;AAAA,gBACR,WAAA,EAAa,EAAA;AAAA,gBACb,IAAA;AAAA,gBACA,WAAA;AAAA,gBACA,UAAA;AAAA,gBACA,UAAA;AAAA,gBACA,iBAAA;AAAA,gBACA,mBAAA;AAAA,gBACA,mBAAA;AAAA,gBACA,QAAA;AAAA,gBACA,cAAA;AAAA,gBACA,cAAA;AAAA,gBACA,QAAA;AAAA,gBACA,SAAA;AAAA,gBACA;AAAA,eACD;AAAA;AAAA,WACH;AAAA,UACC,gCAAgBA,GAAAA,CAAC,MAAA,EAAA,EAAO,EAAA,EAAQ,OAAO,YAAA,EAAc,CAAA;AAAA,UACrD,OAAA;AAAA,YACC,YAAA;AAAA,YACA,QAAA;AAAA,YACA,YAAA;AAAA,YACA,eAAA;AAAA,cACE,EAAA;AAAA,cACA,cAAA;AAAA,cACA,YAAA;AAAA,cACA,QAAQ,iBAAiB;AAAA;AAC3B;AACF,SAAA,EACF,CAAA;AAAA,QACC,SAAA,oBAAaA,GAAAA,CAAC,IAAA,EAAA,EAAK,IAAQ,IAAA,EAAK,OAAA,EAAQ,OAAO,SAAA,EAAW,CAAA;AAAA,QAC1D,OAAA;AAAA,UACC,SAAA;AAAA,UACA,OAAA;AAAA,UACA,YAAA;AAAA,UACA,gBAAgB,EAAA,EAAI,WAAA,EAAa,SAAA,EAAW,OAAA,CAAQ,WAAW,CAAC;AAAA,SAClE;AAAA,QACC,kCACCA,GAAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,KAAA,EAAM,yBAAA;AAAA,YACN,yBAAA,EAAuB,IAAA;AAAA,YACvB,aAAA,EAAY;AAAA;AAAA,SACd,GACE;AAAA;AAAA;AAAA,GACN;AAEJ","file":"chunk-BU23Z5HZ.js","sourcesContent":["import type { KerfUiContent } from '../../../../shared/content/semantic-content.js';\nimport {\n  composedPanelBody,\n  groupSizeFor,\n  type PanelBottomToolbar,\n  type PanelChromePlacement,\n  type PanelSide,\n  type PanelToggle,\n  type PanelToggleAttributes,\n  panelToggleGroup,\n  type PanelToolbar,\n  relocatedPanelGroups,\n} from '../../../../shared/panels/panel-toolbar.js';\nimport {\n  FloatingToolbar,\n  type FloatingToolbarPosition,\n} from '../../../actions/floating-toolbar/floating-toolbar.js';\nimport {\n  Toolbar,\n  type ToolbarConfig,\n} from '../../../actions/toolbar/toolbar.js';\nimport { List, type ListConfig } from '../../../collections/list/list.js';\nimport {\n  NavStack,\n  type NavStackProps,\n} from '../../../navigation/nav-stack/nav-stack.js';\nimport { Pane, type PaneConfig } from '../../pane/pane.js';\nimport {\n  type WorkbenchPanelKey,\n  workbenchRegionId,\n} from './workbench-resize.js';\n\n/** The standard toggle a Workbench renders for a panel (see {@link PanelToggle}). */\nexport type WorkbenchPanelToggle = PanelToggle;\n\n/**\n * A Workbench panel's top toolbar, composed by the Workbench so its groups can\n * follow the panel's open state (see {@link PanelToolbar} for the roles).\n * A collapsed rail's marked groups and toggle go to the leading edge of\n * `mainToolbar` (left rail) or its trailing edge (right rail); a collapsed\n * drawer's go to the trailing edge of `mainBottomToolbar`, else to a\n * `FloatingToolbar` in the work area's bottom-end corner.\n */\nexport type WorkbenchPanelToolbar = PanelToolbar;\nexport type WorkbenchPanelBottomToolbar = PanelBottomToolbar;\n\n/**\n * The work area's top toolbar; collapsed rails add their groups to it. Its\n * configuration forwards to its `Toolbar`. It draws no divider of its own by\n * default: the work area's `Pane` draws one under its header chrome, wherever\n * that chrome ends, while `main` is scrolled (`mainPane.chromeDividers`).\n */\nexport interface WorkbenchMainToolbar extends ToolbarConfig {\n  label: string;\n  /** The work area's title, usually an extra-large `ToolbarText`. */\n  title?: KerfUiContent;\n  /** Groups after the title. */\n  leading?: KerfUiContent;\n  center?: KerfUiContent;\n  /** Groups at the trailing edge, before a collapsed right rail's groups. */\n  trailing?: KerfUiContent;\n}\n\n/**\n * The work area's bottom toolbar; a collapsed drawer adds its groups to it.\n * Its configuration forwards to its `Toolbar`. It draws no divider of its own\n * by default: the work area's `Pane` draws one over its footer chrome while\n * more of `main` lies below (`mainPane.chromeDividers`).\n */\nexport interface WorkbenchMainBottomToolbar extends ToolbarConfig {\n  label: string;\n  leading?: KerfUiContent;\n  center?: KerfUiContent;\n  trailing?: KerfUiContent;\n}\n\nconst SIDES: Record<WorkbenchPanelKey, PanelSide> = {\n  leftRail: 'left',\n  rightRail: 'right',\n  bottomDrawer: 'bottom',\n};\n\n/** A panel as far as its toolbar is concerned. */\nexport interface WorkbenchToolbarPanel {\n  toolbar?: WorkbenchPanelToolbar;\n  navStack?: Omit<\n    NavStackProps,\n    'panelToggle' | 'hideToolbar' | 'className' | 'slot'\n  >;\n  header?: KerfUiContent;\n  headerList?: ListConfig;\n  headerPlacement?: PanelChromePlacement;\n  footer?: KerfUiContent;\n  footerList?: ListConfig;\n  bottomToolbar?: WorkbenchPanelBottomToolbar;\n  footerPlacement?: PanelChromePlacement;\n  /** Configuration for the `Pane` a `toolbar` panel's content renders in. */\n  pane?: PaneConfig;\n  content?: KerfUiContent;\n  collapsed?: boolean;\n  /** The corner a collapsed panel's restore controls float in. */\n  restorePosition?: FloatingToolbarPosition;\n}\n\n/** A Workbench toggle's wiring hooks: its side, morph key, and panel. */\nconst toggleAttributes = (\n  workbenchId: string,\n  key: WorkbenchPanelKey,\n): PanelToggleAttributes => ({\n  'data-workbench-toggle': SIDES[key],\n  // Keyed, so the morph removes a toggle that leaves a toolbar instead of\n  // reusing its (possibly focused) button for a different control.\n  'data-key': `${workbenchRegionId(workbenchId, key)}-toggle`,\n  'aria-controls': workbenchRegionId(workbenchId, key),\n});\n\n/**\n * The groups a collapsed panel hands to the work area: its marked groups,\n * then its toggle. Empty while the panel is open or has no toolbar.\n */\nexport function relocatedGroups(\n  workbenchId: string,\n  key: WorkbenchPanelKey,\n  panel: WorkbenchToolbarPanel | undefined,\n  density?: ToolbarConfig['density'],\n): KerfUiContent[] {\n  const active = panel?.navStack?.views.at(-1);\n  const toolbar =\n    active && panel?.toolbar\n      ? {\n          ...panel.toolbar,\n          leading: active.toolbar?.leading,\n          center: active.toolbar?.center,\n          trailing: active.toolbar?.trailing,\n        }\n      : panel?.toolbar;\n  return relocatedPanelGroups(\n    toolbar,\n    SIDES[key],\n    Boolean(panel?.collapsed),\n    toggleAttributes(workbenchId, key),\n    groupSizeFor(density),\n  );\n}\n\n/**\n * A panel's content, wrapped in a `Pane` under its composed toolbar when it\n * has one (with its optional `footer` below). Without a toolbar the content\n * renders as given.\n */\nexport function panelBody(\n  workbenchId: string,\n  key: WorkbenchPanelKey,\n  panel: WorkbenchToolbarPanel,\n) {\n  const toolbar = panel.toolbar;\n  if (panel.navStack) {\n    const stack = panel.navStack;\n    return NavStack({\n      ...stack,\n      toolbarConfig: {\n        label: stack.toolbarConfig?.label ?? toolbar?.label,\n        density: stack.toolbarConfig?.density ?? toolbar?.density,\n        dividerSides:\n          stack.toolbarConfig?.dividerSides ?? toolbar?.dividerSides,\n        centerAlign: stack.toolbarConfig?.centerAlign ?? toolbar?.centerAlign,\n        responsive: stack.toolbarConfig?.responsive ?? toolbar?.responsive,\n        responsiveAt:\n          stack.toolbarConfig?.responsiveAt ?? toolbar?.responsiveAt,\n        safeAreaEdges:\n          stack.toolbarConfig?.safeAreaEdges ?? toolbar?.safeAreaEdges,\n        titleSize: stack.toolbarConfig?.titleSize,\n        headingLevel: stack.toolbarConfig?.headingLevel,\n      },\n      panelToggle: toolbar?.toggle\n        ? panelToggleGroup(\n            SIDES[key],\n            toolbar.toggle,\n            Boolean(panel.collapsed),\n            toggleAttributes(workbenchId, key),\n            groupSizeFor(stack.toolbarConfig?.density ?? toolbar.density),\n          )\n        : undefined,\n    });\n  }\n  if (!toolbar) return panel.content;\n  return composedPanelBody({\n    toolbar,\n    side: SIDES[key],\n    collapsed: Boolean(panel.collapsed),\n    attributes: toggleAttributes(workbenchId, key),\n    pane: panel.pane,\n    header: panel.header,\n    headerList: panel.headerList,\n    headerPlacement: panel.headerPlacement,\n    footer: panel.footer,\n    footerList: panel.footerList,\n    bottomToolbar: panel.bottomToolbar,\n    footerPlacement: panel.footerPlacement,\n    content: panel.content ?? null,\n  });\n}\n\n/**\n * The work area's `mainHeader` / `mainFooter` chrome in a `List` carrying the\n * app's configuration; an omitted or `undefined` field keeps the `List`\n * default (no divider: the work area's `Pane` draws its chrome dividers).\n */\nfunction chromeList(content: KerfUiContent, config: ListConfig | undefined) {\n  return (\n    <List\n      dividerSides={config?.dividerSides}\n      gap={config?.gap}\n      hAlign={config?.hAlign}\n      vAlign={config?.vAlign}\n      textInsets={config?.textInsets}\n      controlInsets={config?.controlInsets}\n    >\n      {content}\n    </List>\n  );\n}\n\n/**\n * Whether the work area's header or footer chrome stays pinned (`fixed`),\n * scrolls away with the content (`scroll`), or stays pinned while the work\n * area is tall enough and scrolls with the content when it is short (`auto`,\n * the Pane's `chromePlacement=\"auto\"`; it applies to the pinned header and\n * footer together).\n */\nexport type WorkbenchChromePlacement = PanelChromePlacement;\n\n/**\n * The work area: the app's `main` in a `Pane` (configured by `mainPane`)\n * under `mainToolbar` and any `mainHeader` list, and above any `mainFooter`\n * list and `mainBottomToolbar` (the header and footer lists configured by\n * `mainHeaderList` / `mainFooterList`), with each collapsed panel's groups\n * added to the toolbar on its side. Without any of that chrome, `main`\n * renders as given; only `mainPane.appearance` applies to the Workbench's\n * own scroll region in that case.\n */\nexport function mainBody({\n  workbenchId,\n  main,\n  mainToolbar,\n  mainHeader,\n  mainFooter,\n  mainBottomToolbar,\n  mainHeaderPlacement = 'fixed',\n  mainFooterPlacement = 'fixed',\n  mainPane,\n  mainHeaderList,\n  mainFooterList,\n  leftRail,\n  rightRail,\n  bottomDrawer,\n}: {\n  workbenchId: string;\n  main: KerfUiContent;\n  mainToolbar?: WorkbenchMainToolbar;\n  mainHeader?: KerfUiContent;\n  mainFooter?: KerfUiContent;\n  mainBottomToolbar?: WorkbenchMainBottomToolbar;\n  mainHeaderPlacement?: WorkbenchChromePlacement;\n  mainFooterPlacement?: WorkbenchChromePlacement;\n  mainPane?: PaneConfig;\n  mainHeaderList?: ListConfig;\n  mainFooterList?: ListConfig;\n  leftRail?: WorkbenchToolbarPanel;\n  rightRail?: WorkbenchToolbarPanel;\n  bottomDrawer?: WorkbenchToolbarPanel;\n}) {\n  if (!mainToolbar && !mainBottomToolbar && !mainHeader && !mainFooter)\n    return main;\n  const left = relocatedGroups(\n    workbenchId,\n    'leftRail',\n    leftRail,\n    mainToolbar?.density,\n  );\n  const right = relocatedGroups(\n    workbenchId,\n    'rightRail',\n    rightRail,\n    mainToolbar?.density,\n  );\n  const drawer = mainBottomToolbar\n    ? relocatedGroups(\n        workbenchId,\n        'bottomDrawer',\n        bottomDrawer,\n        mainBottomToolbar.density,\n      )\n    : [];\n  // The Pane draws one divider under the header chrome and one over the\n  // footer chrome, wherever that chrome ends, from the scroll state.\n  const header =\n    !mainToolbar && !mainHeader ? undefined : (\n      <>\n        {mainToolbar ? (\n          <Toolbar\n            label={mainToolbar.label}\n            density={mainToolbar.density}\n            dividerSides={mainToolbar.dividerSides}\n            centerAlign={mainToolbar.centerAlign}\n            responsive={mainToolbar.responsive}\n            responsiveAt={mainToolbar.responsiveAt}\n            safeAreaEdges={mainToolbar.safeAreaEdges}\n            leading={\n              <>\n                {left}\n                {mainToolbar.title}\n                {mainToolbar.leading}\n              </>\n            }\n            center={mainToolbar.center}\n            trailing={\n              <>\n                {mainToolbar.trailing}\n                {right}\n              </>\n            }\n          />\n        ) : null}\n        {mainHeader ? chromeList(mainHeader, mainHeaderList) : null}\n      </>\n    );\n  const footer =\n    !mainFooter && !mainBottomToolbar ? undefined : (\n      <>\n        {mainFooter ? chromeList(mainFooter, mainFooterList) : null}\n        {mainBottomToolbar ? (\n          <Toolbar\n            position=\"footer\"\n            label={mainBottomToolbar.label}\n            density={mainBottomToolbar.density}\n            dividerSides={mainBottomToolbar.dividerSides}\n            centerAlign={mainBottomToolbar.centerAlign}\n            responsive={mainBottomToolbar.responsive}\n            responsiveAt={mainBottomToolbar.responsiveAt}\n            safeAreaEdges={mainBottomToolbar.safeAreaEdges}\n            leading={mainBottomToolbar.leading}\n            center={mainBottomToolbar.center}\n            trailing={\n              <>\n                {mainBottomToolbar.trailing}\n                {drawer}\n              </>\n            }\n          />\n        ) : null}\n      </>\n    );\n  const scrollHeader = mainHeaderPlacement === 'scroll';\n  const scrollFooter = mainFooterPlacement === 'scroll';\n  return (\n    <Pane\n      header={scrollHeader ? undefined : header}\n      footer={scrollFooter ? undefined : footer}\n      chromePlacement={\n        mainHeaderPlacement === 'auto' || mainFooterPlacement === 'auto'\n          ? 'auto'\n          : 'fixed'\n      }\n      contentElement={mainPane?.contentElement}\n      contentLabel={mainPane?.contentLabel}\n      separators={mainPane?.separators}\n      safeAreaEdges={mainPane?.safeAreaEdges}\n      chromeDividers={mainPane?.chromeDividers}\n      appearance={mainPane?.appearance}\n      deepInset={mainPane?.deepInset}\n      tabIndex={mainPane?.tabIndex}\n      outlined={mainPane?.outlined}\n    >\n      {scrollHeader || scrollFooter ? (\n        // Chrome that scrolls joins the content in one gapless column that\n        // fills the scroller, so it scrolls away with the content.\n        <List flex>\n          {scrollHeader ? header : null}\n          {main}\n          {scrollFooter ? footer : null}\n        </List>\n      ) : (\n        main\n      )}\n    </Pane>\n  );\n}\n\n/**\n * A collapsed panel's groups when the work area has no toolbar on its side\n * to take them: a `FloatingToolbar` for the panel's restore corner, so the\n * panel can always be reopened.\n */\nexport function floatingRestore(\n  workbenchId: string,\n  key: WorkbenchPanelKey,\n  panel: WorkbenchToolbarPanel | undefined,\n  hasTargetToolbar: boolean,\n) {\n  if (hasTargetToolbar) return undefined;\n  const groups = relocatedGroups(workbenchId, key, panel);\n  if (groups.length === 0) return undefined;\n  return (\n    <FloatingToolbar\n      label={panel!.toolbar!.label}\n      position={\n        panel!.restorePosition ??\n        (key === 'leftRail' ? 'bottom-start' : 'bottom-end')\n      }\n    >\n      {groups}\n    </FloatingToolbar>\n  );\n}\n","import type { SafeHtml } from 'kerfjs';\n\nimport type { KerfUiContent } from '../../../shared/content/semantic-content.js';\nimport type { NavPane } from '../../../shared/panels/nav-pane.js';\nimport { ensureSunkenTexture } from '../../../shared/styles/sunken-texture.js';\nimport type { ListConfig } from '../../collections/list/list.js';\nimport type { NavStackProps } from '../../navigation/nav-stack/nav-stack.js';\nimport type { PaneConfig } from '../pane/pane.js';\nimport { ResizeGrip } from '../resizable-region/internal/resize-grip.js';\nimport {\n  clampRegionSize,\n  type ResizableRegionAxis,\n  type ResizableRegionCollapseMotion,\n  type ResizableRegionContentOverflow,\n  type ResizableRegionEdge,\n  type ResizableRegionPresentation,\n  type ResizableRegionRestorePosition,\n  type ResizableRegionSeparator,\n} from '../resizable-region/resizable-region.js';\nimport {\n  WORKBENCH_MAIN_MIN_HEIGHT,\n  WORKBENCH_MAIN_MIN_SIZE,\n  WORKBENCH_RESIZE_DEFAULTS,\n  type WorkbenchPanelKey,\n  workbenchRegionId,\n} from './internal/workbench-resize.js';\nimport {\n  floatingRestore,\n  mainBody,\n  panelBody,\n  type WorkbenchChromePlacement,\n  type WorkbenchMainBottomToolbar,\n  type WorkbenchMainToolbar,\n  type WorkbenchPanelBottomToolbar,\n  type WorkbenchPanelToolbar,\n} from './internal/workbench-toolbars.js';\n\nexport type {\n  WorkbenchChromePlacement,\n  WorkbenchMainBottomToolbar,\n  WorkbenchMainToolbar,\n  WorkbenchPanelBottomToolbar,\n  WorkbenchPanelToggle,\n  WorkbenchPanelToolbar,\n} from './internal/workbench-toolbars.js';\n\n/**\n * The Workbench container breakpoint below which a panel presents as an\n * overlay: `narrow` (704px or less) or `compact` (448px or less) — the same\n * breakpoints as `ResizableRegion`'s `responsiveFillAt` — or `never` to keep\n * it inline at every width.\n */\nexport type WorkbenchResponsiveOverlayAt =\n  'compact' | 'narrow' | 'never' | number;\n\n/**\n * How wide a rail's overlay is in a compact (448px or less) Workbench: `inset`\n * fills the Workbench less a dismiss margin on the side away from the rail's\n * edge, so a press beside it closes it; `full` fills the Workbench.\n */\nexport type WorkbenchCompactOverlay = 'inset' | 'full';\n\n/** Drag-resize limits for a resizable Workbench panel, in px. */\nexport interface WorkbenchPanelResizable {\n  /** Smallest size (default 180 for a rail, 120 for the drawer). */\n  min?: number;\n  /** Largest size (default 480). */\n  max?: number;\n}\n\n/** Region sizing, collapse, and presentation shared by either panel body. */\ninterface WorkbenchPanelBase {\n  /** Whether the panel is currently collapsed (the app owns this). */\n  collapsed?: boolean;\n  /**\n   * Rail width, or drawer height, in px. Overrides the CSS default. For a\n   * resizable panel it is the current size (default 280 for a rail, 220 for\n   * the drawer), clamped to the limits; the app owns it and `wireWorkbench`\n   * reports each resize.\n   */\n  size?: number;\n  /**\n   * Opt in to drag and keyboard resizing on the panel's inner separator:\n   * `true` for the default limits, or `{ min, max }`. Off by default. Pair it\n   * with `wireWorkbench` from `@kerfjs/ui/wire-workbench`.\n   */\n  resizable?: boolean | WorkbenchPanelResizable;\n  /** Accessible name for the panel region. */\n  label?: string;\n  /** Opt into keyboard (`0`) or programmatic (`-1`) focus on the panel region. */\n  tabIndex?: 0 | -1;\n  /** Keep the standard focus outline visible while this panel is expanded. */\n  outlined?: boolean;\n  separator?: ResizableRegionSeparator;\n  collapseMotion?: ResizableRegionCollapseMotion;\n  contentOverflow?: ResizableRegionContentOverflow;\n  presentation?: ResizableRegionPresentation;\n  /**\n   * Present the panel as an overlay, without a separator, below a Workbench\n   * container breakpoint, and inline above it. `compact` and `narrow` use\n   * CSS container queries; a positive number is a pixel threshold measured\n   * by `wireWorkbench` and requires a `collapsed` signal. A rail overlays from its side at full\n   * height, over the work area and an open drawer; the bottom drawer\n   * overlays the bottom of the work-area column. Rails default to `narrow`\n   * (pass `never` to keep one inline); the drawer defaults to inline.\n   */\n  responsiveOverlayAt?: WorkbenchResponsiveOverlayAt;\n  /**\n   * A rail's overlay width in a compact Workbench (default `inset`: the\n   * Workbench less `--kui-workbench-overlay-dismiss-margin`, 44px). Ignored\n   * by the drawer.\n   */\n  compactOverlay?: WorkbenchCompactOverlay;\n  /**\n   * Control shown while collapsed, in a safe-area-aware corner of the\n   * Workbench (not the viewport); the bottom drawer's sits in the work-area\n   * column. Prefer `toolbar.toggle`, which the Workbench relocates into the\n   * work area's toolbar (or this corner when that toolbar is absent).\n   */\n  restoreControl?: SafeHtml;\n  restorePosition?: ResizableRegionRestorePosition;\n}\n\n/** The original static panel body: one toolbar, optional fixed chrome, and one Pane. */\nexport interface WorkbenchStaticPanel\n  extends\n    WorkbenchPanelBase,\n    NavPane<WorkbenchPanelToolbar, WorkbenchPanelBottomToolbar> {\n  /** The composed toolbar; marked groups and its toggle relocate on collapse. */\n  toolbar?: WorkbenchPanelToolbar;\n  headerPlacement?: WorkbenchChromePlacement;\n  footerPlacement?: WorkbenchChromePlacement;\n  navStack?: never;\n}\n\n/** A panel whose active NavStack view supplies the toolbar, fixed header, and scroll body. */\nexport interface WorkbenchNavigationPanel extends WorkbenchPanelBase {\n  navStack: Omit<\n    NavStackProps,\n    'panelToggle' | 'hideToolbar' | 'className' | 'slot'\n  >;\n  /** Supplies the standard toggle; active view groups precede it and may relocate on collapse. */\n  toolbar: Omit<\n    WorkbenchPanelToolbar,\n    'title' | 'leading' | 'center' | 'trailing'\n  > & {\n    toggle: NonNullable<WorkbenchPanelToolbar['toggle']>;\n  };\n  content?: never;\n  header?: never;\n  headerList?: never;\n  headerPlacement?: never;\n  footer?: never;\n  footerList?: never;\n  bottomToolbar?: never;\n  footerPlacement?: never;\n  pane?: never;\n}\n\n/** A collapsible Workbench side rail or bottom drawer. */\nexport type WorkbenchPanel = WorkbenchStaticPanel | WorkbenchNavigationPanel;\n\nexport interface WorkbenchProps {\n  /**\n   * The Workbench's `id`. Each panel's `id` derives from it —\n   * `<id>-left-rail`, `<id>-right-rail`, `<id>-bottom-drawer` — so a toggle\n   * can name the panel it shows and hides with `aria-controls`.\n   */\n  id: string;\n  label: string;\n  /** The central work area. */\n  main: KerfUiContent;\n  /**\n   * The work area's top toolbar. A collapsed left rail's marked groups\n   * and toggle lead it; a collapsed right rail's trail it. With it, `main`\n   * renders in a `Pane` below the toolbar.\n   */\n  mainToolbar?: WorkbenchMainToolbar;\n  /**\n   * Fixed content under `mainToolbar` — supporting copy such as a\n   * description — divided from the scrolling `main` below it.\n   */\n  mainHeader?: KerfUiContent;\n  /**\n   * Fixed content over `mainBottomToolbar` — a status line or a resource\n   * toolbar — divided from the scrolling `main` above it.\n   */\n  mainFooter?: KerfUiContent;\n  /**\n   * The work area's bottom toolbar. A collapsed drawer's marked groups and\n   * toggle trail it; without it they float in the work area's corner.\n   */\n  mainBottomToolbar?: WorkbenchMainBottomToolbar;\n  /**\n   * Whether `mainToolbar` and `mainHeader` stay pinned (`fixed`, default),\n   * scroll away with `main` (`scroll`) — useful where large text would leave\n   * pinned chrome little room — or stay pinned while the work area is tall\n   * enough and scroll with `main` when it is short (`auto`).\n   */\n  mainHeaderPlacement?: WorkbenchChromePlacement;\n  /** The same for `mainFooter` and `mainBottomToolbar` (default `fixed`). */\n  mainFooterPlacement?: WorkbenchChromePlacement;\n  /**\n   * Configuration for the work area's `Pane` (`contentElement`,\n   * `contentLabel`, `separators`, `safeAreaEdges`, `chromeDividers`), which it has whenever it\n   * has a toolbar, `mainHeader`, or `mainFooter`; without that chrome, `main`\n   * renders as given and this is ignored. Omitted or `undefined` fields keep\n   * the `Pane` defaults.\n   */\n  mainPane?: PaneConfig;\n  /** Accessible name for the central region when it needs its own landmark. */\n  mainLabel?: string;\n  /** Opt into keyboard (`0`) or programmatic (`-1`) focus on the central region. */\n  mainTabIndex?: 0 | -1;\n  /** Keep the standard focus outline visible on the central region. */\n  mainOutlined?: boolean;\n  /**\n   * Configuration for the `List` that holds `mainHeader` (`gap`, `hAlign`,\n   * `vAlign`, `dividerSides`, `textInsets`, `controlInsets`). Omitted or\n   * `undefined` fields keep the defaults (no divider: the work area's\n   * `Pane` draws the line under its header chrome).\n   */\n  mainHeaderList?: ListConfig;\n  /**\n   * The same for the `List` that holds `mainFooter` (no divider by default:\n   * the work area's `Pane` draws the line over its footer chrome).\n   */\n  mainFooterList?: ListConfig;\n  leftRail?: WorkbenchPanel;\n  rightRail?: WorkbenchPanel;\n  bottomDrawer?: WorkbenchPanel;\n  /**\n   * Minimum width, in px, the work area keeps beside the inline rails, fixed\n   * or `resizable` (default 320; `0` turns it off). Resizing a rail stops\n   * where the work area would drop below it, and inline rails shrink\n   * proportionally when the Workbench gets narrower. Workbenches without a\n   * rail ignore it.\n   */\n  mainMinSize?: number;\n  /**\n   * Minimum height, in px, the work area keeps above an inline bottom drawer,\n   * fixed or `resizable` (default 120; `0` turns it off) — the drawer's\n   * counterpart of `mainMinSize`. Resizing the drawer stops where the work\n   * area would drop below it, and the drawer shrinks when the Workbench gets\n   * shorter. Workbenches without a drawer ignore it.\n   */\n  mainMinHeight?: number;\n  /** Dim the work area below any open overlay and absorb outside presses; off by default. */\n  overlayBackdrop?: boolean;\n  className?: string;\n  /** Native named-slot assignment when composed inside a web component. */\n  slot?: string;\n}\n\ninterface ResolvedResize {\n  regionId: string;\n  axis: ResizableRegionAxis;\n  edge: ResizableRegionEdge;\n  size: number;\n  min: number;\n  max: number;\n}\n\n/**\n * Each panel's separator is its inner edge. Growing the left rail moves that\n * edge toward the inline end; growing the right rail or the drawer moves it\n * toward the start — the same edge vocabulary `ResizableRegion` uses.\n */\nconst EDGES: Record<WorkbenchPanelKey, ResizableRegionEdge> = {\n  leftRail: 'end',\n  rightRail: 'start',\n  bottomDrawer: 'start',\n};\n\nconst DEFAULT_LABELS: Record<WorkbenchPanelKey, string> = {\n  leftRail: 'left rail',\n  rightRail: 'right rail',\n  bottomDrawer: 'bottom drawer',\n};\n\nfunction resolveResize(\n  id: string,\n  key: WorkbenchPanelKey,\n  panel: WorkbenchPanel,\n): ResolvedResize | undefined {\n  if (!panel.resizable) return undefined;\n  const defaults = WORKBENCH_RESIZE_DEFAULTS[key];\n  const limits = panel.resizable === true ? {} : panel.resizable;\n  const min = limits.min ?? defaults.min;\n  const max = Math.max(min, limits.max ?? defaults.max);\n  return {\n    regionId: workbenchRegionId(id, key),\n    axis: key === 'bottomDrawer' ? 'vertical' : 'horizontal',\n    edge: EDGES[key],\n    size: clampRegionSize(panel.size ?? defaults.size, min, max),\n    min,\n    max,\n  };\n}\n\n/** The attributes a resizable panel adds for the resize wiring to read. */\nconst resizeAttributes = (resize: ResolvedResize | undefined) =>\n  resize\n    ? {\n        'data-resizable': 'true',\n        'data-region-id': resize.regionId,\n        'data-axis': resize.axis,\n        'data-edge': resize.edge,\n      }\n    : {};\n\n/**\n * A resizable panel's size lives in the resize wiring's track property, so a\n * drag or key press resizes the panel before the app re-renders; the CSS maps\n * it onto the rail width or drawer height.\n */\nfunction panelStyle(\n  panel: WorkbenchPanel,\n  resize: ResolvedResize | undefined,\n  sizeProperty: string,\n) {\n  if (resize) return `--kui-resizable-region-size:${resize.size}px`;\n  return panel.size ? `${sizeProperty}: ${panel.size}px` : undefined;\n}\n\n/**\n * The separator a resizable panel owns: the same focusable `role=\"separator\"`\n * contract a `ResizableRegion` handle carries, so one resize wiring drives\n * both. It leaves the tab order while the panel is collapsed or not inline.\n */\nfunction PanelHandle({\n  panel,\n  resize,\n  label,\n}: {\n  panel: WorkbenchPanel;\n  resize: ResolvedResize;\n  label: string;\n}) {\n  const inert =\n    Boolean(panel.collapsed) || (panel.presentation ?? 'inline') !== 'inline';\n  return (\n    <div\n      class=\"kui-workbench__handle\"\n      role=\"separator\"\n      tabindex={inert ? '-1' : '0'}\n      aria-label={`Resize ${label}`}\n      aria-orientation={\n        resize.axis === 'horizontal' ? 'vertical' : 'horizontal'\n      }\n      aria-valuemin={resize.min}\n      aria-valuemax={resize.max}\n      aria-valuenow={resize.size}\n      aria-hidden={inert ? 'true' : undefined}\n      data-kui-resize-handle\n      data-region-id={resize.regionId}\n    >\n      <span class=\"kui-workbench__handle-icon\" aria-hidden=\"true\">\n        <ResizeGrip axis={resize.axis} />\n      </span>\n    </div>\n  );\n}\n\n/**\n * A collapsed panel leaves the accessibility tree as a whole, like a collapsed\n * `CollapsiblePanel`: its content and separator are already inert or hidden,\n * so the labeled landmark would otherwise stay behind, empty, for a screen\n * reader to land on. Its restore control renders outside it and stays\n * reachable.\n */\nfunction hiddenFromAccessibility(panel: WorkbenchPanel) {\n  return panel.collapsed || panel.presentation === 'hidden'\n    ? ('true' as const)\n    : undefined;\n}\n\n/** A breakpoint's attribute value; `never` (or none) renders no attribute. */\nconst responsiveAt = (at: WorkbenchResponsiveOverlayAt | undefined) =>\n  at === 'never' ? undefined : at;\n\nconst inline = (panel: WorkbenchPanel | undefined) =>\n  Boolean(panel && (panel.presentation ?? 'inline') === 'inline');\n\nconst expanded = (panel: WorkbenchPanel | undefined) =>\n  Boolean(panel && !panel.collapsed);\n\nconst responsiveRail = (panel: WorkbenchPanel | undefined) =>\n  panel ? responsiveAt(panel.responsiveOverlayAt ?? 'narrow') : undefined;\n\nconst responsiveDrawer = (panel: WorkbenchPanel | undefined) =>\n  panel ? responsiveAt(panel.responsiveOverlayAt) : undefined;\n\nfunction Rail({\n  id,\n  side,\n  panel,\n}: {\n  id: string;\n  side: 'left' | 'right';\n  panel: WorkbenchPanel;\n}) {\n  const key: WorkbenchPanelKey = side === 'left' ? 'leftRail' : 'rightRail';\n  const resize = resolveResize(id, key, panel);\n  return (\n    <aside\n      id={workbenchRegionId(id, key)}\n      class={`kui-workbench__rail kui-workbench__rail--${side}`}\n      data-workbench-rail={side}\n      data-appearance={\n        !panel.toolbar && panel.pane?.appearance === 'sunken'\n          ? 'sunken'\n          : undefined\n      }\n      data-collapsed={String(panel.collapsed ?? false)}\n      data-outlined={\n        !panel.collapsed && panel.presentation !== 'hidden' && panel.outlined\n          ? 'true'\n          : undefined\n      }\n      data-separator={panel.separator ?? 'auto'}\n      data-collapse-motion={panel.collapseMotion ?? 'slide'}\n      data-content-overflow={panel.contentOverflow ?? 'clip'}\n      data-presentation={panel.presentation ?? 'inline'}\n      data-responsive-overlay-at={responsiveAt(\n        panel.responsiveOverlayAt ?? 'narrow',\n      )}\n      data-compact-overlay={panel.compactOverlay ?? 'inset'}\n      {...resizeAttributes(resize)}\n      aria-label={panel.label || undefined}\n      aria-hidden={hiddenFromAccessibility(panel)}\n      tabindex={\n        panel.collapsed || panel.presentation === 'hidden'\n          ? panel.tabIndex === undefined\n            ? undefined\n            : -1\n          : panel.tabIndex\n      }\n      inert={Boolean(panel.collapsed)}\n      style={panelStyle(panel, resize, '--kui-workbench-rail-width')}\n    >\n      <div\n        class=\"kui-workbench__panel-content\"\n        data-workbench-panel-content\n        inert={Boolean(panel.collapsed)}\n      >\n        {panelBody(id, key, panel)}\n      </div>\n      {resize && (\n        <PanelHandle\n          panel={panel}\n          resize={resize}\n          label={panel.label || DEFAULT_LABELS[key]}\n        />\n      )}\n    </aside>\n  );\n}\n\nfunction Drawer({ id, panel }: { id: string; panel: WorkbenchPanel }) {\n  const resize = resolveResize(id, 'bottomDrawer', panel);\n  return (\n    <section\n      id={workbenchRegionId(id, 'bottomDrawer')}\n      class=\"kui-workbench__drawer\"\n      data-workbench-drawer\n      data-appearance={\n        !panel.toolbar && panel.pane?.appearance === 'sunken'\n          ? 'sunken'\n          : undefined\n      }\n      data-collapsed={String(panel.collapsed ?? false)}\n      data-outlined={\n        !panel.collapsed && panel.presentation !== 'hidden' && panel.outlined\n          ? 'true'\n          : undefined\n      }\n      data-separator={panel.separator ?? 'auto'}\n      data-collapse-motion={panel.collapseMotion ?? 'slide'}\n      data-content-overflow={panel.contentOverflow ?? 'clip'}\n      data-presentation={panel.presentation ?? 'inline'}\n      data-responsive-overlay-at={responsiveAt(panel.responsiveOverlayAt)}\n      {...resizeAttributes(resize)}\n      aria-label={panel.label || undefined}\n      aria-hidden={hiddenFromAccessibility(panel)}\n      tabindex={\n        panel.collapsed || panel.presentation === 'hidden'\n          ? panel.tabIndex === undefined\n            ? undefined\n            : -1\n          : panel.tabIndex\n      }\n      inert={Boolean(panel.collapsed)}\n      style={panelStyle(panel, resize, '--kui-workbench-drawer-height')}\n    >\n      <div\n        class=\"kui-workbench__panel-content\"\n        data-workbench-panel-content\n        inert={Boolean(panel.collapsed)}\n      >\n        {panelBody(id, 'bottomDrawer', panel)}\n      </div>\n      {resize && (\n        <PanelHandle\n          panel={panel}\n          resize={resize}\n          label={panel.label || DEFAULT_LABELS.bottomDrawer}\n        />\n      )}\n    </section>\n  );\n}\n\n/** A collapsed panel's restore control, outside the clipped panel. */\nfunction restore(\n  panel: WorkbenchPanel | undefined,\n  side: 'left' | 'right' | 'bottom',\n  position: ResizableRegionRestorePosition,\n  generated: SafeHtml | undefined,\n) {\n  const control = panel?.restoreControl ?? generated;\n  if (!panel?.collapsed || !control || panel.presentation === 'hidden')\n    return '';\n  return (\n    <div\n      class=\"kui-workbench__restore\"\n      data-panel={side}\n      data-position={panel.restorePosition ?? position}\n    >\n      {control}\n    </div>\n  );\n}\n\n/**\n * The Xcode-like multi-panel workspace: a collapsible left rail, right rail, and\n * bottom drawer around a central work area (any absent). Collapsing snaps the\n * panel's track to zero in one reflow while its fixed-size content slides out via\n * a composited transform — the instant-width / sliding-content technique, so the\n * work area relayouts once, not per frame. Bottom-drawer content stays anchored\n * to the shell's stable bottom edge throughout that transition. The app owns\n * each `collapsed` flag; the collapse is pure CSS. A collapsed panel renders\n * `inert` and `aria-hidden`, so neither Tab nor assistive technology reaches\n * controls that have slid out of view or an empty landmark (its restore control\n * lives outside it and stays reachable). A panel may opt in to drag and keyboard resizing with\n * `resizable`, which `wireWorkbench` drives. See `docs/23-app-layouts.md` §3.3.\n */\nexport function Workbench({\n  id,\n  label,\n  main,\n  leftRail,\n  rightRail,\n  bottomDrawer,\n  mainToolbar,\n  mainHeader,\n  mainFooter,\n  mainBottomToolbar,\n  mainHeaderPlacement,\n  mainFooterPlacement,\n  mainPane,\n  mainLabel,\n  mainTabIndex,\n  mainOutlined = false,\n  mainHeaderList,\n  mainFooterList,\n  mainMinSize = WORKBENCH_MAIN_MIN_SIZE,\n  mainMinHeight = WORKBENCH_MAIN_MIN_HEIGHT,\n  overlayBackdrop = false,\n  className = '',\n  slot,\n}: WorkbenchProps) {\n  // Each work-area minimum applies only on an axis a panel shares with it:\n  // the width beside a rail, the height above the drawer.\n  const px = (value: number) => Math.max(0, Math.round(value));\n  const mainMin = leftRail || rightRail ? px(mainMinSize) : undefined;\n  const mainMinBlock = bottomDrawer ? px(mainMinHeight) : undefined;\n  const style = [\n    mainMin === undefined ? '' : `--_kui-workbench-main-min-width:${mainMin}px`,\n    mainMinBlock === undefined\n      ? ''\n      : `--_kui-workbench-main-min-height:${mainMinBlock}px`,\n  ]\n    .filter(Boolean)\n    .join(';');\n  // A region painted directly (no composed Pane chrome) needs the texture too.\n  if (\n    [leftRail, rightRail, bottomDrawer].some(\n      (panel) => panel?.pane?.appearance === 'sunken',\n    ) ||\n    mainPane?.appearance === 'sunken'\n  )\n    ensureSunkenTexture();\n  return (\n    <section\n      class={`kui-workbench ${className}`.trim()}\n      id={id}\n      data-component=\"workbench\"\n      data-main-min-size={mainMin === undefined ? undefined : String(mainMin)}\n      data-main-min-height={\n        mainMinBlock === undefined ? undefined : String(mainMinBlock)\n      }\n      data-left-inline-expanded={\n        inline(leftRail) && expanded(leftRail) ? 'true' : undefined\n      }\n      data-right-inline-expanded={\n        inline(rightRail) && expanded(rightRail) ? 'true' : undefined\n      }\n      data-left-responsive-inline={\n        inline(leftRail) ? responsiveRail(leftRail) : undefined\n      }\n      data-right-responsive-inline={\n        inline(rightRail) ? responsiveRail(rightRail) : undefined\n      }\n      data-left-responsive-expanded={\n        inline(leftRail) && expanded(leftRail)\n          ? responsiveRail(leftRail)\n          : undefined\n      }\n      data-right-responsive-expanded={\n        inline(rightRail) && expanded(rightRail)\n          ? responsiveRail(rightRail)\n          : undefined\n      }\n      data-rail-overlay-expanded={\n        (leftRail?.presentation === 'overlay' && expanded(leftRail)) ||\n        (rightRail?.presentation === 'overlay' && expanded(rightRail))\n          ? 'true'\n          : undefined\n      }\n      data-drawer-overlay-expanded={\n        bottomDrawer?.presentation === 'overlay' && expanded(bottomDrawer)\n          ? 'true'\n          : undefined\n      }\n      data-drawer-responsive-expanded={\n        inline(bottomDrawer) && expanded(bottomDrawer)\n          ? responsiveDrawer(bottomDrawer)\n          : undefined\n      }\n      data-overlay-backdrop={overlayBackdrop ? 'true' : undefined}\n      data-responsive-overlay={\n        responsiveRail(leftRail) ||\n        responsiveRail(rightRail) ||\n        responsiveDrawer(bottomDrawer)\n          ? 'true'\n          : undefined\n      }\n      style={style || undefined}\n      aria-label={label}\n      slot={slot}\n    >\n      {leftRail && <Rail id={id} side=\"left\" panel={leftRail} />}\n      {restore(\n        leftRail,\n        'left',\n        'bottom-start',\n        floatingRestore(id, 'leftRail', leftRail, Boolean(mainToolbar)),\n      )}\n      <div class=\"kui-workbench__center\">\n        <div\n          class=\"kui-workbench__main\"\n          data-workbench-main\n          data-outlined={mainOutlined ? 'true' : undefined}\n          role={mainLabel ? 'region' : undefined}\n          aria-label={mainLabel}\n          tabindex={mainTabIndex}\n          data-drawer-inline-expanded={\n            inline(bottomDrawer) && expanded(bottomDrawer) ? 'true' : undefined\n          }\n          data-drawer-responsive-inline={\n            inline(bottomDrawer) ? responsiveDrawer(bottomDrawer) : undefined\n          }\n          data-appearance={\n            !mainToolbar &&\n            !mainBottomToolbar &&\n            !mainHeader &&\n            !mainFooter &&\n            mainPane?.appearance === 'sunken'\n              ? 'sunken'\n              : undefined\n          }\n        >\n          {mainBody({\n            workbenchId: id,\n            main,\n            mainToolbar,\n            mainHeader,\n            mainFooter,\n            mainBottomToolbar,\n            mainHeaderPlacement,\n            mainFooterPlacement,\n            mainPane,\n            mainHeaderList,\n            mainFooterList,\n            leftRail,\n            rightRail,\n            bottomDrawer,\n          })}\n        </div>\n        {bottomDrawer && <Drawer id={id} panel={bottomDrawer} />}\n        {restore(\n          bottomDrawer,\n          'bottom',\n          'bottom-end',\n          floatingRestore(\n            id,\n            'bottomDrawer',\n            bottomDrawer,\n            Boolean(mainBottomToolbar),\n          ),\n        )}\n      </div>\n      {rightRail && <Rail id={id} side=\"right\" panel={rightRail} />}\n      {restore(\n        rightRail,\n        'right',\n        'bottom-end',\n        floatingRestore(id, 'rightRail', rightRail, Boolean(mainToolbar)),\n      )}\n      {overlayBackdrop ? (\n        <div\n          class=\"kui-workbench__backdrop\"\n          data-workbench-backdrop\n          aria-hidden=\"true\"\n        />\n      ) : null}\n    </section>\n  );\n}\n"]}

package/dist/{chunk-BYHGRKC3.js → chunk-CMLPFIC5.js}

@@ -8,6 +8,7 @@ function Toolbar({
   trailing,
   label,
   position = "header",
+  density = "default",
   dividerSides = "",
   centerAlign = "center",
   responsive = "none",
@@ -19,6 +20,7 @@ function Toolbar({
   const attributes = {
     class: `kui-toolbar ${className}`.trim(),
     "data-component": "toolbar",
+    "data-density": density === "compact" ? "compact" : void 0,
     "divider-sides": dividerSides || void 0,
     "data-has-center": String(Boolean(center)),
     "data-center-align": centerAlign,
@@ -41,4 +43,4 @@ function Toolbar({
 
 export { Toolbar };
 
-//# sourceMappingURL=chunk-BYHGRKC3.js.map
+//# sourceMappingURL=chunk-CMLPFIC5.js.map

package/dist/chunk-CMLPFIC5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/actions/toolbar/toolbar.tsx"],"names":[],"mappings":";;;AAoFA,IAAM,KAAA,GAAQ,CACZ,KAAA,EACA,IAAA,KACI,OAAO,QAAA,CAAS,IAAI,IAAI,MAAA,GAAS,MAAA;AAEhC,SAAS,OAAA,CAAQ;AAAA,EACtB,OAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA,GAAW,QAAA;AAAA,EACX,OAAA,GAAU,SAAA;AAAA,EACV,YAAA,GAAe,EAAA;AAAA,EACf,WAAA,GAAc,QAAA;AAAA,EACd,UAAA,GAAa,MAAA;AAAA,EACb,YAAA,GAAe,QAAA;AAAA,EACf,aAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ;AACF,CAAA,EAAiB;AACf,EAAA,MAAM,UAAA,GAAa;AAAA,IACjB,KAAA,EAAO,CAAA,YAAA,EAAe,SAAS,CAAA,CAAA,CAAG,IAAA,EAAK;AAAA,IACvC,gBAAA,EAAkB,SAAA;AAAA,IAClB,cAAA,EAAgB,OAAA,KAAY,SAAA,GAAY,SAAA,GAAY,MAAA;AAAA,IACpD,iBAAiB,YAAA,IAAgB,MAAA;AAAA,IACjC,iBAAA,EAAmB,MAAA,CAAO,OAAA,CAAQ,MAAM,CAAC,CAAA;AAAA,IACzC,mBAAA,EAAqB,WAAA;AAAA,IACrB,iBAAA,EAAmB,UAAA;AAAA,IACnB,oBAAA,EAAsB,YAAA;AAAA,IACtB,4BAAA,EAA8B,KAAA,CAAM,aAAA,EAAe,aAAa,CAAA;AAAA,IAChE,0BAAA,EAA4B,KAAA,CAAM,aAAA,EAAe,WAAW,CAAA;AAAA,IAC5D,6BAAA,EAA+B,KAAA,CAAM,aAAA,EAAe,cAAc,CAAA;AAAA,IAClE,2BAAA,EAA6B,KAAA,CAAM,aAAA,EAAe,YAAY,CAAA;AAAA,IAC9D,YAAA,EAAc,KAAA;AAAA,IACd;AAAA,GACF;AACA,EAAA,MAAM,wBACJ,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAM,sBAAA,EAAwB,QAAA,EAAA,OAAA,EAAQ,CAAA;AAAA,oBAC3C,GAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAM,qBAAA,EAAuB,QAAA,EAAA,MAAA,EAAO,CAAA;AAAA,oBACzC,GAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAM,uBAAA,EAAyB,QAAA,EAAA,QAAA,EAAS;AAAA,GAAA,EAC/C,CAAA;AAEF,EAAA,OAAO,QAAA,KAAa,QAAA,mBAClB,GAAA,CAAC,QAAA,EAAA,EAAQ,GAAG,UAAA,EAAa,QAAA,EAAA,KAAA,EAAM,CAAA,mBAE/B,GAAA,CAAC,QAAA,EAAA,EAAQ,GAAG,UAAA,EAAa,QAAA,EAAA,KAAA,EAAM,CAAA;AAEnC","file":"chunk-CMLPFIC5.js","sourcesContent":["import type { KerfUiContent } from '../../../shared/content/semantic-content.js';\nimport type { Sides } from '../../../shared/layout/sides.js';\nimport type { PaneSeparatorSide } from '../../layout/pane/pane.js';\n\nexport type ToolbarPosition = 'header' | 'footer';\n/** Control-band density: `default` (60px with 44px groups) or `compact`. */\nexport type ToolbarDensity = 'default' | 'compact';\n\nexport interface ToolbarProps {\n  leading?: KerfUiContent;\n  center?: KerfUiContent;\n  trailing?: KerfUiContent;\n  label?: string;\n  /** Use footer semantics for a bottom toolbar; defaults to header. */\n  position?: ToolbarPosition;\n  /**\n   * `compact` sizes the toolbar to a 34px control band with 3px block\n   * insets — 40px tall — for a header embedded in a panel or card. Fill it\n   * with `ToolbarControlGroup size=\"compact\"` groups; inline insets and the\n   * gap between zones are unchanged. Composites that render a Toolbar from a\n   * `ToolbarConfig` (Workbench, CollapsiblePanel, NavStack, SplitView) forward\n   * it and size the groups they compose to match. Defaults to `default`.\n   */\n  density?: ToolbarDensity;\n  /**\n   * Physical divider edges in canonical top/right/bottom/left order, drawn\n   * always. Defaults to none: a toolbar pinned over or under scrolling content\n   * gets its divider from the scroll state instead — a `Pane` draws the line\n   * between its chrome and content while content is scrolled away beneath it,\n   * and `wireScrollDividers` `targets` can name a toolbar as chrome, which\n   * then draws its facing side the same way.\n   */\n  dividerSides?: Sides;\n  /** `balanced` gives both side zones equal tracks, centering the middle zone on the toolbar even if only one side has controls. */\n  centerAlign?: 'center' | 'stretch' | 'balanced';\n  /**\n   * Component-owned responsive layout; applications choose the policy rather\n   * than restyling toolbar internals. Under every policy the trailing zone\n   * wraps its groups instead of clipping an action, and the center zone keeps\n   * its whole content width: when the zones do not fit one row, the leading\n   * title truncates with an ellipsis rather than the center overlapping it.\n   * - `none` keeps one row; the leading identity truncates first.\n   * - `stack` stacks the zones at `responsiveAt`, wrapping stacked control\n   *   groups onto further rows.\n   * - `wrap` keeps one row while every zone fits at its natural width, and\n   *   otherwise moves the trailing zone below a whole leading identity.\n   * - `center-priority` gives an expanded center control the full row.\n   * - `trailing-priority` moves an expanded trailing control to a full row\n   *   below the leading identity at `responsiveAt`.\n   */\n  responsive?:\n    'none' | 'stack' | 'wrap' | 'center-priority' | 'trailing-priority';\n  /** Container width at which `stack` or `trailing-priority` activates. */\n  responsiveAt?: 'compact' | 'narrow';\n  /**\n   * Screen edges this toolbar claims for device safe-area compensation, for an\n   * app bar or bottom bar that sits directly at a screen edge rather than in a\n   * Pane header or footer. Each listed side pads by the inset its surrounding\n   * layout reports through `--kui-edge-inset-*`, or the full device inset when\n   * nothing routes that edge, while the toolbar's box and dividers paint\n   * through. Omitted, the toolbar pads only the inline edges an owner such as\n   * a Pane header hands it, and never a block edge.\n   */\n  safeAreaEdges?: readonly PaneSeparatorSide[];\n  className?: string;\n  /** Native named-slot assignment when composed inside a web component. */\n  slot?: string;\n}\n\n/**\n * A toolbar's configuration, apart from its content: the props a composite\n * that renders a `Toolbar` for the app (a Workbench or CollapsiblePanel\n * toolbar) forwards, so the app configures that toolbar instead of styling it.\n */\nexport type ToolbarConfig = Pick<\n  ToolbarProps,\n  | 'density'\n  | 'dividerSides'\n  | 'centerAlign'\n  | 'responsive'\n  | 'responsiveAt'\n  | 'safeAreaEdges'\n>;\n\nconst claim = (\n  edges: readonly PaneSeparatorSide[] | undefined,\n  side: PaneSeparatorSide,\n) => (edges?.includes(side) ? 'true' : undefined);\n\nexport function Toolbar({\n  leading,\n  center,\n  trailing,\n  label,\n  position = 'header',\n  density = 'default',\n  dividerSides = '',\n  centerAlign = 'center',\n  responsive = 'none',\n  responsiveAt = 'narrow',\n  safeAreaEdges,\n  className = '',\n  slot,\n}: ToolbarProps) {\n  const attributes = {\n    class: `kui-toolbar ${className}`.trim(),\n    'data-component': 'toolbar',\n    'data-density': density === 'compact' ? 'compact' : undefined,\n    'divider-sides': dividerSides || undefined,\n    'data-has-center': String(Boolean(center)),\n    'data-center-align': centerAlign,\n    'data-responsive': responsive,\n    'data-responsive-at': responsiveAt,\n    'data-safe-area-block-start': claim(safeAreaEdges, 'block-start'),\n    'data-safe-area-block-end': claim(safeAreaEdges, 'block-end'),\n    'data-safe-area-inline-start': claim(safeAreaEdges, 'inline-start'),\n    'data-safe-area-inline-end': claim(safeAreaEdges, 'inline-end'),\n    'aria-label': label,\n    slot,\n  };\n  const zones = (\n    <>\n      <div class=\"kui-toolbar__leading\">{leading}</div>\n      <div class=\"kui-toolbar__center\">{center}</div>\n      <div class=\"kui-toolbar__trailing\">{trailing}</div>\n    </>\n  );\n  return position === 'footer' ? (\n    <footer {...attributes}>{zones}</footer>\n  ) : (\n    <header {...attributes}>{zones}</header>\n  );\n}\n\nexport type { Sides } from '../../../shared/layout/sides.js';\n"]}

package/dist/{chunk-3XPGJUUQ.js → chunk-D5RGM3XA.js}

@@ -1,6 +1,6 @@
+import { ensureSunkenTexture } from './chunk-IKS72C6P.js';
 import { jsx } from 'kerfjs/jsx-runtime';
 
-// src/components/surfaces/sunken-panel/sunken-panel.tsx
 function SunkenPanel({
   children,
   ariaLabel,
@@ -13,6 +13,7 @@ function SunkenPanel({
   slot
 }) {
   const flexValue = flex === true ? "1 1 auto" : flex || void 0;
+  ensureSunkenTexture();
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -34,4 +35,4 @@ function SunkenPanel({
 
 export { SunkenPanel };
 
-//# sourceMappingURL=chunk-3XPGJUUQ.js.map
+//# sourceMappingURL=chunk-D5RGM3XA.js.map

package/dist/chunk-D5RGM3XA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/surfaces/sunken-panel/sunken-panel.tsx"],"names":[],"mappings":";;;AAiCO,SAAS,WAAA,CAAY;AAAA,EAC1B,QAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA,GAAQ,SAAA;AAAA,EACR,IAAA,GAAO,KAAA;AAAA,EACP,IAAA,GAAO,KAAA;AAAA,EACP,QAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,SAAA,GAAY,EAAA;AAAA,EACZ;AACF,CAAA,EAAqB;AACnB,EAAA,MAAM,SAAA,GAAY,IAAA,KAAS,IAAA,GAAO,UAAA,GAAa,IAAA,IAAQ,MAAA;AACvD,EAAA,mBAAA,EAAoB;AACpB,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,CAAA,iBAAA,EAAoB,SAAS,CAAA,CAAA,CAAG,IAAA,EAAK;AAAA,MAC5C,gBAAA,EAAe,cAAA;AAAA,MACf,YAAA,EAAY,KAAA;AAAA,MACZ,WAAA,EAAW,MAAA,CAAO,OAAA,CAAQ,IAAI,CAAC,CAAA;AAAA,MAC/B,WAAA,EAAW,OAAO,MAAA,GAAS,MAAA;AAAA,MAC3B,eAAA,EAAe,WAAW,MAAA,GAAS,MAAA;AAAA,MACnC,KAAA,EAAO,SAAA,GAAY,CAAA,yBAAA,EAA4B,SAAS,CAAA,CAAA,GAAK,MAAA;AAAA,MAC7D,IAAA,EAAM,YAAY,QAAA,GAAW,MAAA;AAAA,MAC7B,YAAA,EAAY,SAAA;AAAA,MACZ,QAAA,EAAU,QAAA;AAAA,MACV,IAAA;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ","file":"chunk-D5RGM3XA.js","sourcesContent":["import type { KerfUiContent } from '../../../shared/content/semantic-content.js';\nimport type {\n  CssFlex,\n  CssFlexKeyword,\n} from '../../../shared/styles/css-values.js';\nimport { ensureSunkenTexture } from '../../../shared/styles/sunken-texture.js';\n\nexport type SunkenPanelShape = 'rounded' | 'square';\n\nexport interface SunkenPanelProps {\n  children?: KerfUiContent;\n  /** Optional accessible landmark name for a distinct application region. */\n  ariaLabel?: string;\n  /** Corner shape: a rounded rectangle (default) or square corners. */\n  shape?: SunkenPanelShape;\n  /** Grow or shrink within a flex parent, using Grid's typed flex contract. */\n  flex?: boolean | CssFlexKeyword | CssFlex;\n  /** Fill a parent with a definite height; use flex inside a flex layout. */\n  fill?: boolean;\n  /** Opt into keyboard (`0`) or programmatic (`-1`) focus on the panel. */\n  tabIndex?: 0 | -1;\n  /** Keep the standard focus outline visible, such as for a drop target. */\n  outlined?: boolean;\n  className?: string;\n  /** Native named-slot assignment when composed inside a web component. */\n  slot?: string;\n}\n\n/**\n * A lowered application surface with one compact inset and a vertical content\n * stack. The panel owns its background and padding; children own their own\n * borders and internal geometry.\n */\nexport function SunkenPanel({\n  children,\n  ariaLabel,\n  shape = 'rounded',\n  flex = false,\n  fill = false,\n  tabIndex,\n  outlined = false,\n  className = '',\n  slot,\n}: SunkenPanelProps) {\n  const flexValue = flex === true ? '1 1 auto' : flex || undefined;\n  ensureSunkenTexture();\n  return (\n    <div\n      class={`kui-sunken-panel ${className}`.trim()}\n      data-component=\"sunken-panel\"\n      data-shape={shape}\n      data-flex={String(Boolean(flex))}\n      data-fill={fill ? 'true' : undefined}\n      data-outlined={outlined ? 'true' : undefined}\n      style={flexValue ? `--_kui-sunken-panel-flex:${flexValue}` : undefined}\n      role={ariaLabel ? 'region' : undefined}\n      aria-label={ariaLabel}\n      tabindex={tabIndex}\n      slot={slot}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport { ensureSunkenTexture } from '../../../shared/styles/sunken-texture.js';\n"]}

package/dist/chunk-EIET4QLK.js

@@ -0,0 +1,51 @@
+import { jsxs, jsx } from 'kerfjs/jsx-runtime';
+
+// src/components/layout/content-swap/content-swap.tsx
+function ContentSwap({
+  active,
+  a,
+  b,
+  transition = "push",
+  direction = "forward",
+  label,
+  fill = false,
+  className = "",
+  slot
+}) {
+  const side = (name, content) => {
+    const shown = active === name;
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        class: "kui-content-swap__side",
+        "data-side": name,
+        "data-active": shown ? "true" : "false",
+        "aria-hidden": shown ? void 0 : "true",
+        inert: shown ? void 0 : true,
+        children: content
+      }
+    );
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      class: `kui-content-swap ${className}`.trim(),
+      "data-component": "content-swap",
+      "data-active-side": active,
+      "data-transition": transition,
+      "data-direction": direction,
+      "data-fill": fill ? "true" : void 0,
+      role: label ? "region" : void 0,
+      "aria-label": label,
+      slot,
+      children: [
+        side("a", a),
+        side("b", b)
+      ]
+    }
+  );
+}
+
+export { ContentSwap };
+
+//# sourceMappingURL=chunk-EIET4QLK.js.map

package/dist/chunk-EIET4QLK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/content-swap/content-swap.tsx"],"names":[],"mappings":";;;AAgCO,SAAS,WAAA,CAAY;AAAA,EAC1B,MAAA;AAAA,EACA,CAAA;AAAA,EACA,CAAA;AAAA,EACA,UAAA,GAAa,MAAA;AAAA,EACb,SAAA,GAAY,SAAA;AAAA,EACZ,KAAA;AAAA,EACA,IAAA,GAAO,KAAA;AAAA,EACP,SAAA,GAAY,EAAA;AAAA,EACZ;AACF,CAAA,EAAqB;AACnB,EAAA,MAAM,IAAA,GAAO,CAAC,IAAA,EAAuB,OAAA,KAA2B;AAC9D,IAAA,MAAM,QAAQ,MAAA,KAAW,IAAA;AACzB,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAM,wBAAA;AAAA,QACN,WAAA,EAAW,IAAA;AAAA,QACX,aAAA,EAAa,QAAQ,MAAA,GAAS,OAAA;AAAA,QAC9B,aAAA,EAAa,QAAQ,MAAA,GAAY,MAAA;AAAA,QACjC,KAAA,EAAO,QAAQ,MAAA,GAAY,IAAA;AAAA,QAE1B,QAAA,EAAA;AAAA;AAAA,KACH;AAAA,EAEJ,CAAA;AACA,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,CAAA,iBAAA,EAAoB,SAAS,CAAA,CAAA,CAAG,IAAA,EAAK;AAAA,MAC5C,gBAAA,EAAe,cAAA;AAAA,MACf,kBAAA,EAAkB,MAAA;AAAA,MAClB,iBAAA,EAAiB,UAAA;AAAA,MACjB,gBAAA,EAAgB,SAAA;AAAA,MAChB,WAAA,EAAW,OAAO,MAAA,GAAS,MAAA;AAAA,MAC3B,IAAA,EAAM,QAAQ,QAAA,GAAW,MAAA;AAAA,MACzB,YAAA,EAAY,KAAA;AAAA,MACZ,IAAA;AAAA,MAEC,QAAA,EAAA;AAAA,QAAA,IAAA,CAAK,KAAK,CAAC,CAAA;AAAA,QACX,IAAA,CAAK,KAAK,CAAC;AAAA;AAAA;AAAA,GACd;AAEJ","file":"chunk-EIET4QLK.js","sourcesContent":["import type { KerfUiContent } from '../../../shared/content/semantic-content.js';\n\nexport type ContentSwapSide = 'a' | 'b';\nexport type ContentSwapTransition = 'none' | 'crossfade' | 'push';\n/** `forward` pushes the incoming side in from the inline end; `backward` from the start. */\nexport type ContentSwapDirection = 'forward' | 'backward';\n\nexport interface ContentSwapProps {\n  /** Which side is shown. Changing it runs the transition. */\n  active: ContentSwapSide;\n  a: KerfUiContent;\n  b: KerfUiContent;\n  /** `push` (default) slides the sides, `crossfade` fades them, `none` swaps instantly. */\n  transition?: ContentSwapTransition;\n  /** Push direction; mirrors in right-to-left documents. Default `forward`. */\n  direction?: ContentSwapDirection;\n  /** Accessible name; when set, the swap is a named region. */\n  label?: string;\n  /** Span the full width of its slot (a dialog label or footer) instead of its content. */\n  fill?: boolean;\n  className?: string;\n  /** Native named-slot assignment, such as a dialog's `label` or `footer`. */\n  slot?: string;\n}\n\n/**\n * Two content sides sharing one cell (a dialog body that steps to a second\n * page, a footer whose actions change), with the swap animated in place.\n * Kerf owns the motion, the reduced-motion fallback, and the inactive side's\n * `inert`/`aria-hidden`. Use `NavStack` for full views with their own\n * toolbars.\n */\nexport function ContentSwap({\n  active,\n  a,\n  b,\n  transition = 'push',\n  direction = 'forward',\n  label,\n  fill = false,\n  className = '',\n  slot,\n}: ContentSwapProps) {\n  const side = (name: ContentSwapSide, content: KerfUiContent) => {\n    const shown = active === name;\n    return (\n      <div\n        class=\"kui-content-swap__side\"\n        data-side={name}\n        data-active={shown ? 'true' : 'false'}\n        aria-hidden={shown ? undefined : 'true'}\n        inert={shown ? undefined : true}\n      >\n        {content}\n      </div>\n    );\n  };\n  return (\n    <div\n      class={`kui-content-swap ${className}`.trim()}\n      data-component=\"content-swap\"\n      data-active-side={active}\n      data-transition={transition}\n      data-direction={direction}\n      data-fill={fill ? 'true' : undefined}\n      role={label ? 'region' : undefined}\n      aria-label={label}\n      slot={slot}\n    >\n      {side('a', a)}\n      {side('b', b)}\n    </div>\n  );\n}\n"]}

package/dist/chunk-ETCWQLJV.js

@@ -0,0 +1,85 @@
+import { jsxs, jsx } from 'kerfjs/jsx-runtime';
+
+// src/components/forms/combobox/combobox.tsx
+var optionParts = (suggestion) => typeof suggestion === "string" ? { value: suggestion, label: suggestion } : suggestion;
+function Combobox({
+  id,
+  label,
+  suggestions,
+  value = "",
+  placeholder,
+  hint,
+  name,
+  createLabel = "Create \u201C{value}\u201D",
+  disabled = false,
+  className = ""
+}) {
+  const listId = `${id}-listbox`;
+  const hintId = hint ? `${id}-hint` : void 0;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      class: `kui-combobox ${className}`.trim(),
+      "data-component": "combobox",
+      "data-combobox-id": id,
+      "data-create-label": createLabel === false ? void 0 : createLabel,
+      "data-disabled": disabled ? "true" : void 0,
+      children: [
+        /* @__PURE__ */ jsx("label", { class: "kui-combobox__label", for: id, children: label }),
+        /* @__PURE__ */ jsxs("div", { class: "kui-combobox__control", children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              id,
+              class: "kui-combobox__input",
+              type: "text",
+              role: "combobox",
+              "aria-autocomplete": "list",
+              "aria-expanded": "false",
+              "aria-controls": listId,
+              "aria-describedby": hintId,
+              autocomplete: "off",
+              spellcheck: "false",
+              name,
+              value,
+              placeholder,
+              disabled
+            }
+          ),
+          /* @__PURE__ */ jsxs("ul", { class: "kui-combobox__listbox", id: listId, role: "listbox", hidden: true, children: [
+            suggestions.map((suggestion, index) => {
+              const option = optionParts(suggestion);
+              return /* @__PURE__ */ jsx(
+                "li",
+                {
+                  class: "kui-combobox__option",
+                  id: `${id}-option-${index}`,
+                  role: "option",
+                  "aria-selected": "false",
+                  "data-value": option.value,
+                  children: option.label
+                }
+              );
+            }),
+            createLabel !== false && /* @__PURE__ */ jsx(
+              "li",
+              {
+                class: "kui-combobox__option",
+                id: `${id}-option-create`,
+                role: "option",
+                "aria-selected": "false",
+                "data-create": "",
+                hidden: true
+              }
+            )
+          ] })
+        ] }),
+        hint && /* @__PURE__ */ jsx("div", { class: "kui-combobox__hint", id: hintId, children: hint })
+      ]
+    }
+  );
+}
+
+export { Combobox };
+
+//# sourceMappingURL=chunk-ETCWQLJV.js.map

package/dist/chunk-ETCWQLJV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/forms/combobox/combobox.tsx"],"names":[],"mappings":"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","file":"chunk-ETCWQLJV.js","sourcesContent":["/** A suggestion: a plain string, or a value with a distinct visible label. */\nexport type ComboboxSuggestion = string | { value: string; label: string };\n\nexport interface ComboboxProps {\n  /** Unique id; it also identifies the field in `wireComboboxes` reports. */\n  id: string;\n  /** Visible field label. */\n  label: string;\n  /** Suggestions to filter as the person types. */\n  suggestions: readonly ComboboxSuggestion[];\n  /** Initial text; the field owns its text while the person types. */\n  value?: string;\n  placeholder?: string;\n  /** Optional hint below the field, such as \"Press Enter to add\". */\n  hint?: string;\n  /** Form field name. */\n  name?: string;\n  /**\n   * Offer to create the typed text when it matches no suggestion; the option\n   * reads `createLabel` with `{value}` replaced. Omit to only allow\n   * suggestions. Default `Create “{value}”`.\n   */\n  createLabel?: string | false;\n  disabled?: boolean;\n  className?: string;\n}\n\nconst optionParts = (suggestion: ComboboxSuggestion) =>\n  typeof suggestion === 'string'\n    ? { value: suggestion, label: suggestion }\n    : suggestion;\n\n/**\n * A free-text field with a filtered suggestion list that can also create a new\n * value: the ARIA combobox pattern on a native input with the themed Web\n * Awesome field chrome. `wireComboboxes` filters, moves the active option,\n * and reports commits (Enter, comma, or a click). Use `Select` when only\n * existing values are allowed and nothing is typed.\n */\nexport function Combobox({\n  id,\n  label,\n  suggestions,\n  value = '',\n  placeholder,\n  hint,\n  name,\n  createLabel = 'Create “{value}”',\n  disabled = false,\n  className = '',\n}: ComboboxProps) {\n  const listId = `${id}-listbox`;\n  const hintId = hint ? `${id}-hint` : undefined;\n  return (\n    <div\n      class={`kui-combobox ${className}`.trim()}\n      data-component=\"combobox\"\n      data-combobox-id={id}\n      data-create-label={createLabel === false ? undefined : createLabel}\n      data-disabled={disabled ? 'true' : undefined}\n    >\n      <label class=\"kui-combobox__label\" for={id}>\n        {label}\n      </label>\n      <div class=\"kui-combobox__control\">\n        <input\n          id={id}\n          class=\"kui-combobox__input\"\n          type=\"text\"\n          role=\"combobox\"\n          aria-autocomplete=\"list\"\n          aria-expanded=\"false\"\n          aria-controls={listId}\n          aria-describedby={hintId}\n          autocomplete=\"off\"\n          spellcheck=\"false\"\n          name={name}\n          value={value}\n          placeholder={placeholder}\n          disabled={disabled}\n        />\n        <ul class=\"kui-combobox__listbox\" id={listId} role=\"listbox\" hidden>\n          {suggestions.map((suggestion, index) => {\n            const option = optionParts(suggestion);\n            return (\n              <li\n                class=\"kui-combobox__option\"\n                id={`${id}-option-${index}`}\n                role=\"option\"\n                aria-selected=\"false\"\n                data-value={option.value}\n              >\n                {option.label}\n              </li>\n            );\n          })}\n          {createLabel !== false && (\n            <li\n              class=\"kui-combobox__option\"\n              id={`${id}-option-create`}\n              role=\"option\"\n              aria-selected=\"false\"\n              data-create=\"\"\n              hidden\n            />\n          )}\n        </ul>\n      </div>\n      {hint && (\n        <div class=\"kui-combobox__hint\" id={hintId}>\n          {hint}\n        </div>\n      )}\n    </div>\n  );\n}\n"]}

package/dist/chunk-FDZNYD4C.js

@@ -0,0 +1,138 @@
+// src/components/forms/combobox/wiring/wire-comboboxes.ts
+var INPUT = ".kui-combobox__input";
+function partsOf(input) {
+  const field = input.closest('[data-component="combobox"]');
+  const listbox = field.querySelector('[role="listbox"]');
+  return {
+    field,
+    input,
+    listbox,
+    create: listbox.querySelector("[data-create]")
+  };
+}
+var visibleOptions = (parts) => [...parts.listbox.querySelectorAll('[role="option"]')].filter(
+  (option) => !option.hidden
+);
+var matches = (option, text) => option.textContent.toLowerCase().includes(text) || option.dataset.value.toLowerCase().includes(text);
+function setActive(parts, option) {
+  for (const item of parts.listbox.querySelectorAll('[role="option"]'))
+    item.setAttribute("aria-selected", String(item === option));
+  if (option) {
+    parts.input.setAttribute("aria-activedescendant", option.id);
+    option.scrollIntoView?.({ block: "nearest" });
+  } else parts.input.removeAttribute("aria-activedescendant");
+}
+function activeOption(parts) {
+  const id = parts.input.getAttribute("aria-activedescendant");
+  return id ? parts.listbox.querySelector(`#${CSS.escape(id)}`) : null;
+}
+function close(parts) {
+  parts.listbox.hidden = true;
+  parts.input.setAttribute("aria-expanded", "false");
+  setActive(parts, null);
+}
+function update(parts) {
+  const typed = parts.input.value.trim();
+  const text = typed.toLowerCase();
+  let exact = false;
+  for (const option of parts.listbox.querySelectorAll(
+    '[role="option"]:not([data-create])'
+  )) {
+    option.hidden = text !== "" && !matches(option, text);
+    if (option.dataset.value.toLowerCase() === text) exact = true;
+  }
+  if (parts.create) {
+    parts.create.hidden = typed === "" || exact;
+    parts.create.dataset.value = typed;
+    parts.create.textContent = parts.field.dataset.createLabel.replaceAll(
+      "{value}",
+      typed
+    );
+  }
+  const options = visibleOptions(parts);
+  parts.listbox.hidden = options.length === 0;
+  parts.input.setAttribute("aria-expanded", String(options.length > 0));
+  if (!options.includes(activeOption(parts))) setActive(parts, null);
+}
+function wireComboboxes(root, { onCommit, commitKeys = [","] }) {
+  const commit = (parts, active) => {
+    const option = active ?? (parts.create ? null : visibleOptions(parts)[0] ?? null);
+    const typed = parts.input.value.trim();
+    const value = option ? option.dataset.value : typed;
+    const suggestion = [
+      ...parts.listbox.querySelectorAll(
+        '[role="option"]:not([data-create])'
+      )
+    ].find((item) => item.dataset.value.toLowerCase() === value.toLowerCase());
+    const created = !suggestion;
+    if (created && !parts.create) return;
+    close(parts);
+    onCommit({
+      id: parts.field.dataset.comboboxId,
+      value: suggestion?.dataset.value ?? value,
+      created,
+      input: parts.input
+    });
+  };
+  const inputOf = (event) => event.target instanceof HTMLInputElement && event.target.matches(INPUT) ? event.target : null;
+  const onInput = (event) => {
+    const input = inputOf(event);
+    const parts = input && partsOf(input);
+    if (parts) update(parts);
+  };
+  const onFocus = onInput;
+  const onKeyDown = (event) => {
+    const keyboard = event;
+    const input = inputOf(keyboard);
+    const parts = input && partsOf(input);
+    if (!parts || keyboard.isComposing) return;
+    const options = visibleOptions(parts);
+    const current = activeOption(parts);
+    const index = current ? options.indexOf(current) : -1;
+    if (keyboard.key === "ArrowDown" || keyboard.key === "ArrowUp") {
+      keyboard.preventDefault();
+      if (parts.listbox.hidden) update(parts);
+      const open = visibleOptions(parts);
+      if (open.length === 0) return;
+      const step = keyboard.key === "ArrowDown" ? 1 : -1;
+      const next = index < 0 ? step > 0 ? 0 : open.length - 1 : (index + step + open.length) % open.length;
+      setActive(parts, open[next]);
+    } else if (keyboard.key === "Enter" || commitKeys.includes(keyboard.key)) {
+      if (!parts.input.value.trim() && !current) return;
+      keyboard.preventDefault();
+      commit(parts, current);
+    } else if (keyboard.key === "Escape" && !parts.listbox.hidden) {
+      keyboard.preventDefault();
+      close(parts);
+    }
+  };
+  const onPointerDown = (event) => {
+    const option = event.target instanceof Element ? event.target.closest(".kui-combobox__option") : null;
+    const input = option?.closest('[data-component="combobox"]')?.querySelector(INPUT);
+    const parts = input && partsOf(input);
+    if (!option || !parts) return;
+    event.preventDefault();
+    commit(parts, option);
+  };
+  const onFocusOut = (event) => {
+    const input = inputOf(event);
+    const parts = input && partsOf(input);
+    if (parts) close(parts);
+  };
+  root.addEventListener("input", onInput);
+  root.addEventListener("focusin", onFocus);
+  root.addEventListener("keydown", onKeyDown);
+  root.addEventListener("pointerdown", onPointerDown);
+  root.addEventListener("focusout", onFocusOut);
+  return () => {
+    root.removeEventListener("input", onInput);
+    root.removeEventListener("focusin", onFocus);
+    root.removeEventListener("keydown", onKeyDown);
+    root.removeEventListener("pointerdown", onPointerDown);
+    root.removeEventListener("focusout", onFocusOut);
+  };
+}
+
+export { wireComboboxes };
+
+//# sourceMappingURL=chunk-FDZNYD4C.js.map