@k2b/ui 0.44.0 → 0.46.0

package/dist/browser/layout/BottomSheet.js

@@ -44,6 +44,9 @@ function BottomSheetRoot(props) {
     if (!props.dismissDisabled) void props.onDismiss();
   };
   return _$createComponent(PanelDialog, {
+    get tone() {
+      return props.tone;
+    },
     get children() {
       return [_$createComponent(Show, {
         get when() {

package/dist/browser/layout/BottomSheet.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["layout/BottomSheet.tsx"],"sourcesContent":["import { type JSX, Show } from \"solid-js\";\nimport type { OpenDialogOptions } from \"../feedback/dialog-core\";\nimport { suppressTextSelection } from \"../internal/text-selection\";\nimport { useUiMessages } from \"../intl/messages\";\nimport PanelDialog from \"./PanelDialog\";\n\n/** Initial focus goes to the first input of the top sheet, otherwise to the\n * dialog element itself. Native `showModal()` focuses the first focusable\n * descendant, which is the drag handle; iOS shows a ring for that programmatic\n * focus, so the sheet moves it to the ring-less dialog before the next paint. */\nconst sheetInitialFocus = (dialog: HTMLDialogElement): HTMLElement => {\n  const input = dialog.lastElementChild?.querySelector<HTMLElement>(\n    \"input:not([type='hidden']):not([disabled]), textarea:not([disabled]), select:not([disabled]), [role='combobox']:not([disabled]):not([aria-disabled='true'])\",\n  );\n  if (input) return input;\n  dialog.tabIndex = -1;\n  return dialog;\n};\n\nexport const bottomSheetOptions = {\n  panelClassName: \"k2b-dialog k2b-bottom-sheet-frame\",\n  contentClassName: \"k2b-panel-dialog-viewport k2b-bottom-sheet-viewport\",\n  initialFocus: sheetInitialFocus,\n} satisfies OpenDialogOptions;\n\n/** A sheet on phones and a centered dialog from 48rem up, for decisions and forms; menus keep\n * `bottomSheetOptions`. The stylesheet picks the mode with the phone media query, so the first\n * frame is already right and a rotation or resize switches it in place, without a remount. */\nexport const bottomSheetAdaptiveOptions = {\n  ...bottomSheetOptions,\n  panelClassName: `${bottomSheetOptions.panelClassName} is-adaptive`,\n} satisfies OpenDialogOptions;\n\nexport type BottomSheetProps = {\n  children: JSX.Element;\n  /** Pass dialogCore's render context requestDismiss, never the completion callback. */\n  onDismiss: () => void | Promise<void>;\n  dismissDisabled?: boolean;\n  dismissLabel?: string;\n  handle?: boolean;\n};\n\nfunction BottomSheetRoot(props: BottomSheetProps) {\n  const messages = useUiMessages();\n  let pointer: { id: number; y: number; releaseTextSelection: () => void } | undefined;\n  let suppressClick = false;\n  const dismiss = () => {\n    if (!props.dismissDisabled) void props.onDismiss();\n  };\n  return (\n    <PanelDialog>\n      <Show when={props.handle !== false}>\n        <button\n          type=\"button\"\n          class=\"k2b-bottom-sheet__handle\"\n          aria-label={props.dismissLabel ?? messages().close}\n          disabled={props.dismissDisabled}\n          onPointerDown={(event) => {\n            if (!event.isPrimary || event.button !== 0 || props.dismissDisabled) return;\n            suppressClick = false;\n            pointer = { id: event.pointerId, y: event.clientY, releaseTextSelection: suppressTextSelection(event.pointerId) };\n            event.currentTarget.setPointerCapture(event.pointerId);\n          }}\n          onPointerUp={(event) => {\n            if (pointer?.id !== event.pointerId) return;\n            const distance = event.clientY - pointer.y;\n            pointer.releaseTextSelection();\n            pointer = undefined;\n            // A drag must not turn into a second dismiss request through click.\n            suppressClick = Math.abs(distance) > 8;\n            if (distance > 60) dismiss();\n          }}\n          onPointerCancel={() => {\n            pointer?.releaseTextSelection();\n            pointer = undefined;\n            suppressClick = true;\n          }}\n          onLostPointerCapture={() => {\n            if (pointer) {\n              pointer.releaseTextSelection();\n              pointer = undefined;\n              suppressClick = true;\n            }\n          }}\n          onClick={(event) => {\n            if (event.detail !== 0 && suppressClick) {\n              suppressClick = false;\n              return;\n            }\n            dismiss();\n          }}\n        >\n          <span aria-hidden=\"true\" />\n        </button>\n      </Show>\n      {props.children}\n    </PanelDialog>\n  );\n}\n\n/** Bottom-edge presentation; dialogCore continues to own all modal state. */\nconst BottomSheet = Object.assign(BottomSheetRoot, {\n  Header: PanelDialog.Header,\n  Body: PanelDialog.Body,\n  Footer: PanelDialog.Footer,\n  Section: PanelDialog.Section,\n  Tabs: PanelDialog.Tabs,\n});\nexport default BottomSheet;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["layout/BottomSheet.tsx"],"sourcesContent":["import { type JSX, Show } from \"solid-js\";\nimport type { OpenDialogOptions } from \"../feedback/dialog-core\";\nimport type { DialogTone } from \"../feedback/dialog-tone\";\nimport { suppressTextSelection } from \"../internal/text-selection\";\nimport { useUiMessages } from \"../intl/messages\";\nimport PanelDialog from \"./PanelDialog\";\n\n/** Initial focus goes to the first input of the top sheet, otherwise to the\n * dialog element itself. Native `showModal()` focuses the first focusable\n * descendant, which is the drag handle; iOS shows a ring for that programmatic\n * focus, so the sheet moves it to the ring-less dialog before the next paint. */\nconst sheetInitialFocus = (dialog: HTMLDialogElement): HTMLElement => {\n  const input = dialog.lastElementChild?.querySelector<HTMLElement>(\n    \"input:not([type='hidden']):not([disabled]), textarea:not([disabled]), select:not([disabled]), [role='combobox']:not([disabled]):not([aria-disabled='true'])\",\n  );\n  if (input) return input;\n  dialog.tabIndex = -1;\n  return dialog;\n};\n\nexport const bottomSheetOptions = {\n  panelClassName: \"k2b-dialog k2b-bottom-sheet-frame\",\n  contentClassName: \"k2b-panel-dialog-viewport k2b-bottom-sheet-viewport\",\n  initialFocus: sheetInitialFocus,\n} satisfies OpenDialogOptions;\n\n/** A sheet on phones and a centered dialog from 48rem up, for decisions and forms; menus keep\n * `bottomSheetOptions`. The stylesheet picks the mode with the phone media query, so the first\n * frame is already right and a rotation or resize switches it in place, without a remount. */\nexport const bottomSheetAdaptiveOptions = {\n  ...bottomSheetOptions,\n  panelClassName: `${bottomSheetOptions.panelClassName} is-adaptive`,\n} satisfies OpenDialogOptions;\n\nexport type BottomSheetProps = {\n  children: JSX.Element;\n  /** Pass dialogCore's render context requestDismiss, never the completion callback. */\n  onDismiss: () => void | Promise<void>;\n  dismissDisabled?: boolean;\n  dismissLabel?: string;\n  handle?: boolean;\n  /** See `PanelDialog`'s `tone`. */\n  tone?: DialogTone;\n};\n\nfunction BottomSheetRoot(props: BottomSheetProps) {\n  const messages = useUiMessages();\n  let pointer: { id: number; y: number; releaseTextSelection: () => void } | undefined;\n  let suppressClick = false;\n  const dismiss = () => {\n    if (!props.dismissDisabled) void props.onDismiss();\n  };\n  return (\n    <PanelDialog tone={props.tone}>\n      <Show when={props.handle !== false}>\n        <button\n          type=\"button\"\n          class=\"k2b-bottom-sheet__handle\"\n          aria-label={props.dismissLabel ?? messages().close}\n          disabled={props.dismissDisabled}\n          onPointerDown={(event) => {\n            if (!event.isPrimary || event.button !== 0 || props.dismissDisabled) return;\n            suppressClick = false;\n            pointer = { id: event.pointerId, y: event.clientY, releaseTextSelection: suppressTextSelection(event.pointerId) };\n            event.currentTarget.setPointerCapture(event.pointerId);\n          }}\n          onPointerUp={(event) => {\n            if (pointer?.id !== event.pointerId) return;\n            const distance = event.clientY - pointer.y;\n            pointer.releaseTextSelection();\n            pointer = undefined;\n            // A drag must not turn into a second dismiss request through click.\n            suppressClick = Math.abs(distance) > 8;\n            if (distance > 60) dismiss();\n          }}\n          onPointerCancel={() => {\n            pointer?.releaseTextSelection();\n            pointer = undefined;\n            suppressClick = true;\n          }}\n          onLostPointerCapture={() => {\n            if (pointer) {\n              pointer.releaseTextSelection();\n              pointer = undefined;\n              suppressClick = true;\n            }\n          }}\n          onClick={(event) => {\n            if (event.detail !== 0 && suppressClick) {\n              suppressClick = false;\n              return;\n            }\n            dismiss();\n          }}\n        >\n          <span aria-hidden=\"true\" />\n        </button>\n      </Show>\n      {props.children}\n    </PanelDialog>\n  );\n}\n\n/** Bottom-edge presentation; dialogCore continues to own all modal state. */\nconst BottomSheet = Object.assign(BottomSheetRoot, {\n  Header: PanelDialog.Header,\n  Body: PanelDialog.Body,\n  Footer: PanelDialog.Footer,\n  Section: PanelDialog.Section,\n  Tabs: PanelDialog.Tabs,\n});\nexport default BottomSheet;\n"],"mappings":"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","ignoreList":[]}

package/dist/browser/layout/DetailPanel.js

@@ -53,6 +53,8 @@ import { createScrollFade } from "./scroll-fade";
 
 /** One direct secondary command, rendered as a sibling icon button at the end of the row. */
 
+/** A row that only shows something, such as a person and their role: the columns of an action, without a command. */
+
 const classNames = (base, extra) => extra ? `${base} ${extra}` : base;
 const showTruncatedTitle = event => {
   const heading = event.currentTarget;
@@ -551,6 +553,25 @@ const DetailPanelAction = props => {
     }
   });
 };
+const DetailPanelRow = props => (() => {
+  var _el$72 = _$getNextElement(_tmpl$1);
+  _$insert(_el$72, _$createComponent(DetailPanelActionContent, {
+    get title() {
+      return props.title;
+    },
+    get description() {
+      return props.description;
+    },
+    get leading() {
+      return props.leading;
+    },
+    get trailing() {
+      return props.trailing;
+    }
+  }));
+  _$effect(() => _$className(_el$72, classNames("k2b-detail-panel__row", props.class)));
+  return _el$72;
+})();
 const DetailPanelSection = props => {
   const headingId = `k2b-detail-panel-section-${createUniqueId()}`;
   const bodyId = `${headingId}-body`;
@@ -584,101 +605,101 @@ const DetailPanelSection = props => {
     },
     get fallback() {
       return (() => {
-        var _el$102 = _$getNextElement(_tmpl$33),
-          _el$103 = _el$102.firstChild,
-          _el$113 = _el$103.firstChild,
-          [_el$114, _co$27] = _$getNextMarker(_el$113.nextSibling),
-          _el$104 = _el$114.nextSibling,
-          _el$105 = _el$104.firstChild,
+        var _el$103 = _$getNextElement(_tmpl$33),
+          _el$104 = _el$103.firstChild,
+          _el$114 = _el$104.firstChild,
+          [_el$115, _co$27] = _$getNextMarker(_el$114.nextSibling),
+          _el$105 = _el$115.nextSibling,
           _el$106 = _el$105.firstChild,
-          _el$107 = _el$106.nextSibling,
-          [_el$108, _co$25] = _$getNextMarker(_el$107.nextSibling),
-          _el$110 = _el$105.nextSibling,
-          [_el$111, _co$26] = _$getNextMarker(_el$110.nextSibling),
-          _el$115 = _el$104.nextSibling,
-          [_el$116, _co$28] = _$getNextMarker(_el$115.nextSibling),
-          _el$118 = _el$103.nextSibling,
-          [_el$119, _co$29] = _$getNextMarker(_el$118.nextSibling);
-        _$setAttribute(_el$102, "aria-labelledby", headingId);
-        _$insert(_el$103, _$createComponent(DetailPanelSectionIcon, {
+          _el$107 = _el$106.firstChild,
+          _el$108 = _el$107.nextSibling,
+          [_el$109, _co$25] = _$getNextMarker(_el$108.nextSibling),
+          _el$111 = _el$106.nextSibling,
+          [_el$112, _co$26] = _$getNextMarker(_el$111.nextSibling),
+          _el$116 = _el$105.nextSibling,
+          [_el$117, _co$28] = _$getNextMarker(_el$116.nextSibling),
+          _el$119 = _el$104.nextSibling,
+          [_el$120, _co$29] = _$getNextMarker(_el$119.nextSibling);
+        _$setAttribute(_el$103, "aria-labelledby", headingId);
+        _$insert(_el$104, _$createComponent(DetailPanelSectionIcon, {
           get icon() {
             return props.icon;
           },
           get tone() {
             return props.tone;
           }
-        }), _el$114, _co$27);
-        _$setAttribute(_el$106, "id", headingId);
-        _$insert(_el$106, () => props.title);
-        _$insert(_el$105, _$createComponent(SectionTitleMeta, {
+        }), _el$115, _co$27);
+        _$setAttribute(_el$107, "id", headingId);
+        _$insert(_el$107, () => props.title);
+        _$insert(_el$106, _$createComponent(SectionTitleMeta, {
           get count() {
             return props.count;
           },
           get meta() {
             return props.meta;
           }
-        }), _el$108, _co$25);
-        _$insert(_el$104, _$createComponent(Show, {
+        }), _el$109, _co$25);
+        _$insert(_el$105, _$createComponent(Show, {
           get when() {
             return props.description;
           },
           get children() {
-            var _el$109 = _$getNextElement(_tmpl$28);
-            _$insert(_el$109, () => props.description);
-            return _el$109;
+            var _el$110 = _$getNextElement(_tmpl$28);
+            _$insert(_el$110, () => props.description);
+            return _el$110;
           }
-        }), _el$111, _co$26);
-        _$insert(_el$103, _$createComponent(Show, {
+        }), _el$112, _co$26);
+        _$insert(_el$104, _$createComponent(Show, {
           get when() {
             return props.actions;
           },
           get children() {
-            var _el$112 = _$getNextElement(_tmpl$31);
-            _$insert(_el$112, () => props.actions);
-            return _el$112;
+            var _el$113 = _$getNextElement(_tmpl$31);
+            _$insert(_el$113, () => props.actions);
+            return _el$113;
           }
-        }), _el$116, _co$28);
-        _$insert(_el$102, _$createComponent(Show, {
+        }), _el$117, _co$28);
+        _$insert(_el$103, _$createComponent(Show, {
           get when() {
             return resolved();
           },
           get children() {
-            var _el$117 = _$getNextElement(_tmpl$32);
-            _$insert(_el$117, resolved);
-            return _el$117;
+            var _el$118 = _$getNextElement(_tmpl$32);
+            _$insert(_el$118, resolved);
+            return _el$118;
           }
-        }), _el$119, _co$29);
+        }), _el$120, _co$29);
         _$effect(_p$ => {
           var _v$18 = className(),
             _v$19 = props.icon ? "true" : undefined;
-          _v$18 !== _p$.e && _$className(_el$102, _p$.e = _v$18);
-          _v$19 !== _p$.t && _$setAttribute(_el$102, "data-icon", _p$.t = _v$19);
+          _v$18 !== _p$.e && _$className(_el$103, _p$.e = _v$18);
+          _v$19 !== _p$.t && _$setAttribute(_el$103, "data-icon", _p$.t = _v$19);
           return _p$;
         }, {
           e: undefined,
           t: undefined
         });
-        return _el$102;
+        return _el$103;
       })();
     },
     get children() {
-      var _el$72 = _$getNextElement(_tmpl$30),
-        _el$73 = _el$72.firstChild,
-        _el$86 = _el$73.nextSibling,
-        _el$87 = _el$86.firstChild,
-        _el$97 = _el$87.firstChild,
-        [_el$98, _co$23] = _$getNextMarker(_el$97.nextSibling),
-        _el$88 = _el$98.nextSibling,
-        _el$89 = _el$88.firstChild,
+      var _el$73 = _$getNextElement(_tmpl$30),
+        _el$74 = _el$73.firstChild,
+        _el$87 = _el$74.nextSibling,
+        _el$88 = _el$87.firstChild,
+        _el$98 = _el$88.firstChild,
+        [_el$99, _co$23] = _$getNextMarker(_el$98.nextSibling),
+        _el$89 = _el$99.nextSibling,
         _el$90 = _el$89.firstChild,
-        _el$91 = _el$90.nextSibling,
-        [_el$92, _co$21] = _$getNextMarker(_el$91.nextSibling),
-        _el$94 = _el$89.nextSibling,
-        [_el$95, _co$22] = _$getNextMarker(_el$94.nextSibling),
-        _el$99 = _el$88.nextSibling,
-        [_el$100, _co$24] = _$getNextMarker(_el$99.nextSibling),
-        _el$101 = _el$86.nextSibling;
-      _$insert(_el$73, _$createComponent(Button, {
+        _el$91 = _el$90.firstChild,
+        _el$92 = _el$91.nextSibling,
+        [_el$93, _co$21] = _$getNextMarker(_el$92.nextSibling),
+        _el$95 = _el$90.nextSibling,
+        [_el$96, _co$22] = _$getNextMarker(_el$95.nextSibling),
+        _el$100 = _el$89.nextSibling,
+        [_el$101, _co$24] = _$getNextMarker(_el$100.nextSibling),
+        _el$102 = _el$87.nextSibling;
+      _$insert(_el$74, _$createComponent(Button, {
         ref(r$) {
           var _ref$2 = expand;
           typeof _ref$2 === "function" ? _ref$2(r$) : expand = r$;
@@ -700,78 +721,78 @@ const DetailPanelSection = props => {
               return props.tone;
             }
           }), (() => {
-            var _el$74 = _$getNextElement(_tmpl$26),
-              _el$75 = _el$74.firstChild,
+            var _el$75 = _$getNextElement(_tmpl$26),
               _el$76 = _el$75.firstChild,
-              _el$78 = _el$76.nextSibling,
-              [_el$79, _co$18] = _$getNextMarker(_el$78.nextSibling),
-              _el$80 = _el$79.nextSibling,
-              [_el$81, _co$19] = _$getNextMarker(_el$80.nextSibling),
-              _el$83 = _el$75.nextSibling,
-              [_el$84, _co$20] = _$getNextMarker(_el$83.nextSibling);
-            _$setAttribute(_el$76, "id", `${headingId}-closed`);
-            _$insert(_el$76, () => props.title);
-            _$insert(_el$75, _$createComponent(SectionTitleMeta, {
+              _el$77 = _el$76.firstChild,
+              _el$79 = _el$77.nextSibling,
+              [_el$80, _co$18] = _$getNextMarker(_el$79.nextSibling),
+              _el$81 = _el$80.nextSibling,
+              [_el$82, _co$19] = _$getNextMarker(_el$81.nextSibling),
+              _el$84 = _el$76.nextSibling,
+              [_el$85, _co$20] = _$getNextMarker(_el$84.nextSibling);
+            _$setAttribute(_el$77, "id", `${headingId}-closed`);
+            _$insert(_el$77, () => props.title);
+            _$insert(_el$76, _$createComponent(SectionTitleMeta, {
               get count() {
                 return props.count;
               },
               get meta() {
                 return props.meta;
               }
-            }), _el$79, _co$18);
-            _$insert(_el$75, _$createComponent(Show, {
+            }), _el$80, _co$18);
+            _$insert(_el$76, _$createComponent(Show, {
               get when() {
                 return props.summary;
               },
               get children() {
-                var _el$77 = _$getNextElement(_tmpl$24);
-                _$insert(_el$77, () => props.summary);
-                return _el$77;
+                var _el$78 = _$getNextElement(_tmpl$24);
+                _$insert(_el$78, () => props.summary);
+                return _el$78;
               }
-            }), _el$81, _co$19);
-            _$insert(_el$74, _$createComponent(Show, {
+            }), _el$82, _co$19);
+            _$insert(_el$75, _$createComponent(Show, {
               get when() {
                 return props.description;
               },
               get children() {
-                var _el$82 = _$getNextElement(_tmpl$25);
-                _$insert(_el$82, () => props.description);
-                return _el$82;
+                var _el$83 = _$getNextElement(_tmpl$25);
+                _$insert(_el$83, () => props.description);
+                return _el$83;
               }
-            }), _el$84, _co$20);
-            return _el$74;
+            }), _el$85, _co$20);
+            return _el$75;
           })(), _$getNextElement(_tmpl$27)];
         }
       }));
-      _$insert(_el$87, _$createComponent(DetailPanelSectionIcon, {
+      _$insert(_el$88, _$createComponent(DetailPanelSectionIcon, {
         get icon() {
           return props.icon;
         },
         get tone() {
           return props.tone;
         }
-      }), _el$98, _co$23);
-      _$setAttribute(_el$90, "id", headingId);
-      _$insert(_el$90, () => props.title);
-      _$insert(_el$89, _$createComponent(SectionTitleMeta, {
+      }), _el$99, _co$23);
+      _$setAttribute(_el$91, "id", headingId);
+      _$insert(_el$91, () => props.title);
+      _$insert(_el$90, _$createComponent(SectionTitleMeta, {
         get count() {
           return props.count;
         },
         get meta() {
           return props.meta;
         }
-      }), _el$92, _co$21);
-      _$insert(_el$88, _$createComponent(Show, {
+      }), _el$93, _co$21);
+      _$insert(_el$89, _$createComponent(Show, {
         get when() {
           return props.description;
         },
         get children() {
-          var _el$93 = _$getNextElement(_tmpl$28);
-          _$insert(_el$93, () => props.description);
-          return _el$93;
+          var _el$94 = _$getNextElement(_tmpl$28);
+          _$insert(_el$94, () => props.description);
+          return _el$94;
         }
-      }), _el$95, _co$22);
-      _$insert(_el$87, _$createComponent(Button, {
+      }), _el$96, _co$22);
+      _$insert(_el$88, _$createComponent(Button, {
         ref(r$) {
           var _ref$3 = collapse;
           typeof _ref$3 === "function" ? _ref$3(r$) : collapse = r$;
@@ -789,11 +810,11 @@ const DetailPanelSection = props => {
         get children() {
           return _$getNextElement(_tmpl$29);
         }
-      }), _el$100, _co$24);
+      }), _el$101, _co$24);
       var _ref$4 = body;
-      typeof _ref$4 === "function" ? _$use(_ref$4, _el$101) : body = _el$101;
-      _$setAttribute(_el$101, "id", bodyId);
-      _$insert(_el$101, () => props.children);
+      typeof _ref$4 === "function" ? _$use(_ref$4, _el$102) : body = _el$102;
+      _$setAttribute(_el$102, "id", bodyId);
+      _$insert(_el$102, () => props.children);
       _$effect(_p$ => {
         var _v$10 = className(),
           _v$11 = open() ? headingId : `${headingId}-closed`,
@@ -803,14 +824,14 @@ const DetailPanelSection = props => {
           _v$15 = open(),
           _v$16 = !open(),
           _v$17 = !open();
-        _v$10 !== _p$.e && _$className(_el$72, _p$.e = _v$10);
-        _v$11 !== _p$.t && _$setAttribute(_el$72, "aria-labelledby", _p$.t = _v$11);
-        _v$12 !== _p$.a && _$setAttribute(_el$72, "data-open", _p$.a = _v$12);
-        _v$13 !== _p$.o && _$setAttribute(_el$72, "data-icon", _p$.o = _v$13);
-        _v$14 !== _p$.i && _$setAttribute(_el$72, "data-summary", _p$.i = _v$14);
-        _v$15 !== _p$.n && _$setProperty(_el$73, "hidden", _p$.n = _v$15);
-        _v$16 !== _p$.s && _$setProperty(_el$86, "hidden", _p$.s = _v$16);
-        _v$17 !== _p$.h && _$setProperty(_el$101, "hidden", _p$.h = _v$17);
+        _v$10 !== _p$.e && _$className(_el$73, _p$.e = _v$10);
+        _v$11 !== _p$.t && _$setAttribute(_el$73, "aria-labelledby", _p$.t = _v$11);
+        _v$12 !== _p$.a && _$setAttribute(_el$73, "data-open", _p$.a = _v$12);
+        _v$13 !== _p$.o && _$setAttribute(_el$73, "data-icon", _p$.o = _v$13);
+        _v$14 !== _p$.i && _$setAttribute(_el$73, "data-summary", _p$.i = _v$14);
+        _v$15 !== _p$.n && _$setProperty(_el$74, "hidden", _p$.n = _v$15);
+        _v$16 !== _p$.s && _$setProperty(_el$87, "hidden", _p$.s = _v$16);
+        _v$17 !== _p$.h && _$setProperty(_el$102, "hidden", _p$.h = _v$17);
         return _p$;
       }, {
         e: undefined,
@@ -822,24 +843,24 @@ const DetailPanelSection = props => {
         s: undefined,
         h: undefined
       });
-      return _el$72;
+      return _el$73;
     }
   });
 };
 const DetailPanel = props => (() => {
-  var _el$120 = _$getNextElement(_tmpl$1);
-  _$insert(_el$120, () => props.children);
+  var _el$121 = _$getNextElement(_tmpl$1);
+  _$insert(_el$121, () => props.children);
   _$effect(_p$ => {
     var _v$20 = classNames("k2b-detail-panel", props.class),
       _v$21 = props.surface;
-    _v$20 !== _p$.e && _$className(_el$120, _p$.e = _v$20);
-    _v$21 !== _p$.t && _$setAttribute(_el$120, "data-surface", _p$.t = _v$21);
+    _v$20 !== _p$.e && _$className(_el$121, _p$.e = _v$20);
+    _v$21 !== _p$.t && _$setAttribute(_el$121, "data-surface", _p$.t = _v$21);
     return _p$;
   }, {
     e: undefined,
     t: undefined
   });
-  return _el$120;
+  return _el$121;
 })();
 DetailPanel.Header = DetailPanelHeader;
 DetailPanel.Body = DetailPanelBody;
@@ -847,5 +868,6 @@ DetailPanel.Summary = DetailPanelSummary;
 DetailPanel.Group = DetailPanelGroup;
 DetailPanel.Section = DetailPanelSection;
 DetailPanel.Action = DetailPanelAction;
+DetailPanel.Row = DetailPanelRow;
 export default DetailPanel;
 //# sourceMappingURL=DetailPanel.js.map

package/dist/browser/layout/DetailPanel.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["layout/DetailPanel.tsx"],"sourcesContent":["import { children, createEffect, createSignal, createUniqueId, type JSX, Show, splitProps } from \"solid-js\";\nimport { Button, ButtonLink, type ButtonLinkProps, type ButtonProps, IconButton } from \"../actions/Button\";\nimport { Dropdown, type DropdownItem } from \"../actions/Dropdown\";\nimport { useDetailPanelMessages } from \"./detail-panel-messages\";\nimport { createScrollFade } from \"./scroll-fade\";\n\nexport type DetailPanelProps = {\n  /** Plain sections share their host surface, as in AppWorkspace.Detail. */\n  surface?: \"default\" | \"plain\";\n  children: JSX.Element;\n  class?: string;\n};\n\ntype DetailPanelHeaderBaseProps = {\n  /** A short line above the title that names what is shown, such as \"Conversation\", followed by its state. */\n  kind?: JSX.Element;\n  title: JSX.Element;\n  subtitle?: JSX.Element;\n  meta?: JSX.Element;\n  /**\n   * The resource's \"…\" menu, shown before `actions`. Pass every less frequent command on the shown resource here,\n   * so each panel opens its menu from the same place; an empty list shows no button.\n   */\n  menu?: readonly DropdownItem[];\n  /** Accessible name of the \"…\" button. Defaults to \"More actions\". */\n  menuLabel?: string;\n  actions?: JSX.Element;\n  primaryActions?: JSX.Element;\n  class?: string;\n};\n\nexport type DetailPanelHeaderProps = DetailPanelHeaderBaseProps &\n  (\n    | {\n        leading?: JSX.Element;\n        icon?: never;\n      }\n    | {\n        leading?: never;\n        icon?: string;\n      }\n  );\n\nexport type DetailPanelBodyProps = {\n  scrollFade?: boolean;\n  children: JSX.Element;\n  scrollPreserveKey?: string;\n  class?: string;\n};\n\nexport type DetailPanelSummaryProps = {\n  title: JSX.Element;\n  children: JSX.Element;\n  actions?: JSX.Element;\n  class?: string;\n};\n\nexport type DetailPanelGroupProps = {\n  children: JSX.Element;\n  label?: string;\n  /**\n   * A visible quiet title, such as \"More about this conversation\". Its sections then stand flush as rows below\n   * it, which suits collapsed secondary sections with a `summary`.\n   */\n  title?: JSX.Element;\n  class?: string;\n};\n\nexport type DetailPanelTone = \"accent\" | \"neutral\" | \"success\" | \"warning\" | \"danger\";\n\ntype DetailPanelSectionBaseProps = {\n  title: JSX.Element;\n  icon?: string;\n  tone?: DetailPanelTone;\n  description?: JSX.Element;\n  /** How many things the section lists, as a chip after the title; `0` reads \"None yet\". */\n  count?: number;\n  /** Short state after the title, such as \"2 of 4 done\". */\n  meta?: JSX.Element;\n  class?: string;\n};\n\n/** One direct secondary command, rendered as a sibling icon button at the end of the row. */\nexport type DetailPanelActionSecondary = {\n  /** Icon class, for example `ti ti-trash`. */\n  icon: string;\n  /** Accessible name and tooltip of the icon button. */\n  label: string;\n  onClick: () => void;\n  variant?: \"danger\";\n};\n\ntype DetailPanelActionBaseProps = {\n  title: JSX.Element;\n  description?: JSX.Element;\n  leading?: JSX.Element;\n  trailing?: JSX.Element;\n  secondaryAction?: DetailPanelActionSecondary;\n  /** Marks the row of the current place, such as the section in view, in the panel's accent. */\n  current?: boolean;\n  /** Lets the title wrap to two lines instead of ending with an ellipsis. */\n  wrap?: boolean;\n  class?: string;\n};\n\ntype DetailPanelActionMenuProps =\n  | {\n      menuItems?: never;\n      menuLabel?: never;\n    }\n  | {\n      menuItems: readonly DropdownItem[];\n      menuLabel: string;\n    };\n\nexport type DetailPanelActionLinkProps = DetailPanelActionBaseProps &\n  DetailPanelActionMenuProps &\n  Omit<ButtonLinkProps, \"children\" | \"class\" | \"size\" | \"title\" | \"variant\"> & {\n    href: string;\n  };\n\nexport type DetailPanelActionButtonProps = DetailPanelActionBaseProps &\n  DetailPanelActionMenuProps &\n  Omit<ButtonProps, \"children\" | \"class\" | \"size\" | \"title\" | \"variant\"> & {\n    href?: never;\n  };\n\nexport type DetailPanelActionProps = DetailPanelActionLinkProps | DetailPanelActionButtonProps;\n\nexport type DetailPanelSectionProps = DetailPanelSectionBaseProps &\n  (\n    | {\n        children?: JSX.Element;\n        actions?: JSX.Element;\n        collapsible?: false;\n        summary?: never;\n        defaultOpen?: never;\n        open?: never;\n        onOpenChange?: never;\n        disabled?: never;\n      }\n    | {\n        children: JSX.Element;\n        actions?: never;\n        collapsible: true;\n        /** One line that says what the closed section holds, such as its newest entry; hidden while open. */\n        summary?: JSX.Element;\n        defaultOpen?: boolean;\n        open?: boolean;\n        onOpenChange?: (open: boolean) => void;\n        disabled?: boolean;\n      }\n  );\n\ntype DetailPanelComponent = ((props: DetailPanelProps) => JSX.Element) & {\n  Header: (props: DetailPanelHeaderProps) => JSX.Element;\n  Body: (props: DetailPanelBodyProps) => JSX.Element;\n  Summary: (props: DetailPanelSummaryProps) => JSX.Element;\n  Group: (props: DetailPanelGroupProps) => JSX.Element;\n  Section: (props: DetailPanelSectionProps) => JSX.Element;\n  Action: (props: DetailPanelActionProps) => JSX.Element;\n};\n\nconst classNames = (base: string, extra?: string): string => (extra ? `${base} ${extra}` : base);\n\nconst showTruncatedTitle = (event: PointerEvent & { currentTarget: HTMLHeadingElement }) => {\n  const heading = event.currentTarget;\n  if (heading.scrollHeight > heading.clientHeight + 1) heading.title = heading.textContent ?? \"\";\n  else heading.removeAttribute(\"title\");\n};\n\nconst DetailPanelHeader = (props: DetailPanelHeaderProps): JSX.Element => {\n  const t = useDetailPanelMessages();\n  const menuLabel = () => props.menuLabel ?? t().moreActions;\n  const menuTrigger = () => (\n    <Dropdown.Root items={props.menu ?? []} align=\"end\" label={menuLabel()} phone=\"sheet\">\n      <Dropdown.Trigger iconOnly size=\"sm\" variant=\"ghost\" label={menuLabel()} tooltip={menuLabel()}>\n        <i class=\"ti ti-dots\" aria-hidden=\"true\" />\n      </Dropdown.Trigger>\n    </Dropdown.Root>\n  );\n  // With primary actions, \"…\" ends their row, next to the commands it extends; otherwise it sits beside close.\n  const menuInActions = () => Boolean(props.menu?.length) && !props.primaryActions;\n  return (\n    <header class={classNames(\"k2b-detail-panel__header\", props.class)}>\n      <div class=\"k2b-detail-panel__header-main\" data-identity={props.icon || props.leading ? \"true\" : undefined}>\n        <Show when={props.icon}>\n          {(icon) => (\n            <span class=\"k2b-detail-panel__header-icon\" aria-hidden=\"true\">\n              <i class={icon()} />\n            </span>\n          )}\n        </Show>\n        <Show when={props.leading}>\n          <div class=\"k2b-detail-panel__header-leading\">{props.leading}</div>\n        </Show>\n        <div class=\"k2b-detail-panel__heading\">\n          <Show when={props.kind}>\n            <div class=\"k2b-detail-panel__kind\">{props.kind}</div>\n          </Show>\n          {/* A long title wraps to two lines and ends with an ellipsis; then the native hint shows all of it. */}\n          <h2 onPointerEnter={showTruncatedTitle}>{props.title}</h2>\n          <Show when={props.subtitle || props.meta}>\n            <div class=\"k2b-detail-panel__supporting\">\n              <Show when={props.subtitle}>\n                <p>{props.subtitle}</p>\n              </Show>\n              <Show when={props.meta}>\n                <div class=\"k2b-detail-panel__meta\">{props.meta}</div>\n              </Show>\n            </div>\n          </Show>\n        </div>\n        <Show when={menuInActions() || props.actions}>\n          <div class=\"k2b-detail-panel__actions\">\n            <Show when={menuInActions()}>{menuTrigger()}</Show>\n            {props.actions}\n          </div>\n        </Show>\n      </div>\n      <Show when={props.primaryActions}>\n        <div class=\"k2b-detail-panel__primary-actions\">\n          {props.primaryActions}\n          <Show when={props.menu?.length}>{menuTrigger()}</Show>\n        </div>\n      </Show>\n    </header>\n  );\n};\n\nconst DetailPanelBody = (props: DetailPanelBodyProps): JSX.Element => {\n  let body!: HTMLDivElement;\n  createScrollFade(\n    () => body,\n    () => props.scrollFade !== false,\n  );\n  return (\n    <div\n      ref={body}\n      class={classNames(\"k2b-detail-panel__body\", props.class)}\n      data-scroll-fade-mode={props.scrollFade !== false ? \"both\" : undefined}\n      data-scroll-preserve={props.scrollPreserveKey}\n    >\n      {props.children}\n    </div>\n  );\n};\n\nconst DetailPanelSummary = (props: DetailPanelSummaryProps): JSX.Element => {\n  const headingId = `k2b-detail-panel-summary-${createUniqueId()}`;\n\n  return (\n    <section class={classNames(\"k2b-detail-panel__summary\", props.class)} aria-labelledby={headingId}>\n      <header class=\"k2b-detail-panel__summary-header\">\n        <h3 id={headingId}>{props.title}</h3>\n        <Show when={props.actions}>\n          <div class=\"k2b-detail-panel__summary-actions\">{props.actions}</div>\n        </Show>\n      </header>\n      <div class=\"k2b-detail-panel__summary-body\">{props.children}</div>\n    </section>\n  );\n};\n\nconst DetailPanelGroup = (props: DetailPanelGroupProps): JSX.Element => {\n  const titleId = `k2b-detail-panel-group-${createUniqueId()}`;\n  return (\n    <div\n      class={classNames(\"k2b-detail-panel__group\", props.class)}\n      role=\"group\"\n      aria-label={props.title ? undefined : props.label}\n      aria-labelledby={props.title ? titleId : undefined}\n      data-titled={props.title ? \"true\" : undefined}\n    >\n      <Show when={props.title}>\n        <div class=\"k2b-detail-panel__group-title\" id={titleId}>\n          {props.title}\n        </div>\n      </Show>\n      {props.children}\n    </div>\n  );\n};\n\nconst DetailPanelSectionIcon = (props: Pick<DetailPanelSectionBaseProps, \"icon\" | \"tone\">): JSX.Element => (\n  <Show when={props.icon}>\n    {(icon) => (\n      <span class=\"k2b-detail-panel__section-icon\" data-tone={props.tone ?? \"neutral\"} aria-hidden=\"true\">\n        <i class={icon()} />\n      </span>\n    )}\n  </Show>\n);\n\n/** A count chip, or \"None yet\" for zero; shared by sections and discussions. */\nexport const DetailPanelCount = (props: { count: number }): JSX.Element => {\n  const messages = useDetailPanelMessages();\n  return (\n    <Show when={props.count > 0} fallback={<span class=\"k2b-detail-panel__none\">{messages().noneYet}</span>}>\n      <span class=\"k2b-count-chip\">{props.count}</span>\n    </Show>\n  );\n};\n\n/** Title, then its count and state right after it, so every section reads the same way. */\nconst SectionTitleMeta = (props: Pick<DetailPanelSectionBaseProps, \"count\" | \"meta\">): JSX.Element => (\n  <>\n    <Show when={props.count !== undefined}>\n      <DetailPanelCount count={props.count ?? 0} />\n    </Show>\n    <Show when={props.meta}>\n      <span class=\"k2b-detail-panel__section-meta\">{props.meta}</span>\n    </Show>\n  </>\n);\n\nconst DetailPanelActionContent = (props: DetailPanelActionBaseProps): JSX.Element => (\n  <>\n    {/* Always present, so every row's text starts on the section's text edge. */}\n    <span class=\"k2b-detail-panel__action-leading\">{props.leading}</span>\n    <span class=\"k2b-detail-panel__action-copy\">\n      <span class=\"k2b-detail-panel__action-title\">{props.title}</span>\n      <Show when={props.description}>\n        <span class=\"k2b-detail-panel__action-description\">{props.description}</span>\n      </Show>\n    </span>\n    <Show when={props.trailing}>\n      <span class=\"k2b-detail-panel__action-trailing\">{props.trailing}</span>\n    </Show>\n  </>\n);\n\nconst DetailPanelAction = (props: DetailPanelActionProps): JSX.Element => {\n  const [local, rest] = splitProps(props, [\n    \"class\",\n    \"current\",\n    \"description\",\n    \"href\",\n    \"leading\",\n    \"menuItems\",\n    \"menuLabel\",\n    \"secondaryAction\",\n    \"title\",\n    \"trailing\",\n    \"wrap\",\n  ]);\n  const className = classNames(\"k2b-detail-panel__action\", local.class);\n  const content = () => (\n    <DetailPanelActionContent title={local.title} description={local.description} leading={local.leading} trailing={local.trailing} />\n  );\n\n  const action = () => (\n    <Show\n      when={local.href !== undefined}\n      fallback={\n        <Button\n          {...(rest as Omit<DetailPanelActionButtonProps, keyof DetailPanelActionBaseProps>)}\n          class={className}\n          aria-current={local.current ? \"true\" : undefined}\n          data-current={local.current ? \"true\" : undefined}\n          data-wrap={local.wrap ? \"true\" : undefined}\n          variant=\"ghost\"\n          size=\"sm\"\n        >\n          {content()}\n        </Button>\n      }\n    >\n      <ButtonLink\n        {...(rest as Omit<DetailPanelActionLinkProps, keyof DetailPanelActionBaseProps | \"href\">)}\n        href={local.href as string}\n        class={className}\n        aria-current={local.current ? \"location\" : undefined}\n        data-current={local.current ? \"true\" : undefined}\n        data-wrap={local.wrap ? \"true\" : undefined}\n        variant=\"ghost\"\n        size=\"sm\"\n      >\n        {content()}\n      </ButtonLink>\n    </Show>\n  );\n\n  return (\n    <Show when={local.secondaryAction || local.menuItems?.length} fallback={action()}>\n      <div class=\"k2b-detail-panel__action-row\">\n        {action()}\n        <Show when={local.secondaryAction}>\n          {(secondary) => (\n            <IconButton\n              size=\"sm\"\n              variant=\"ghost\"\n              label={secondary().label}\n              class=\"k2b-detail-panel__action-secondary\"\n              data-tone={secondary().variant}\n              onClick={() => secondary().onClick()}\n            >\n              <i class={secondary().icon} aria-hidden=\"true\" />\n            </IconButton>\n          )}\n        </Show>\n        <Show when={local.menuItems?.length}>\n          <Dropdown.Root items={local.menuItems ?? []} align=\"end\" label={local.menuLabel} class=\"k2b-detail-panel__action-menu\">\n            <Dropdown.Trigger iconOnly size=\"sm\" variant=\"ghost\" label={local.menuLabel} class=\"k2b-detail-panel__action-menu-trigger\">\n              <i class=\"ti ti-dots\" aria-hidden=\"true\" />\n            </Dropdown.Trigger>\n          </Dropdown.Root>\n        </Show>\n      </div>\n    </Show>\n  );\n};\n\nconst DetailPanelSection = (props: DetailPanelSectionProps): JSX.Element => {\n  const headingId = `k2b-detail-panel-section-${createUniqueId()}`;\n  const bodyId = `${headingId}-body`;\n  const [internalOpen, setInternalOpen] = createSignal(props.defaultOpen ?? false);\n  const open = () => props.open ?? internalOpen();\n  let expand: HTMLButtonElement | undefined;\n  let collapse: HTMLButtonElement | undefined;\n  let body: HTMLDivElement | undefined;\n  const toggle = (next: boolean) => {\n    if (props.disabled) return;\n    if (props.open === undefined) setInternalOpen(next);\n    props.onOpenChange?.(next);\n  };\n  createEffect(() => {\n    const expanded = open();\n    // Restore focus only when its current control becomes hidden, including\n    // a parent-controlled collapse while focus is inside an editor.\n    queueMicrotask(() => {\n      if (expanded !== open()) return;\n      const active = expand?.ownerDocument.activeElement;\n      if (expanded && active === expand) collapse?.focus();\n      if (!expanded && (active === collapse || (active && body?.contains(active)))) expand?.focus();\n    });\n  });\n  const className = () => classNames(\"k2b-detail-panel__section\", props.class);\n  // Resolve once: reading `props.children` twice would instantiate the section body twice.\n  const resolved = children(() => props.children);\n\n  return (\n    <Show\n      when={props.collapsible}\n      fallback={\n        <section class={className()} aria-labelledby={headingId} data-icon={props.icon ? \"true\" : undefined}>\n          <header class=\"k2b-detail-panel__section-header\">\n            <DetailPanelSectionIcon icon={props.icon} tone={props.tone} />\n            <div class=\"k2b-detail-panel__section-copy\">\n              <div class=\"k2b-detail-panel__section-heading\">\n                <h3 id={headingId}>{props.title}</h3>\n                <SectionTitleMeta count={props.count} meta={props.meta} />\n              </div>\n              <Show when={props.description}>\n                <p class=\"k2b-detail-panel__section-description\">{props.description}</p>\n              </Show>\n            </div>\n            <Show when={props.actions}>\n              <div class=\"k2b-detail-panel__section-actions\">{props.actions}</div>\n            </Show>\n          </header>\n          <Show when={resolved()}>\n            <div class=\"k2b-detail-panel__section-body\">{resolved()}</div>\n          </Show>\n        </section>\n      }\n    >\n      <section\n        class={className()}\n        aria-labelledby={open() ? headingId : `${headingId}-closed`}\n        data-open={open()}\n        data-icon={props.icon ? \"true\" : undefined}\n        data-summary={props.summary ? \"true\" : undefined}\n      >\n        <div hidden={open()}>\n          <Button\n            ref={expand}\n            variant=\"ghost\"\n            class=\"k2b-detail-panel__section-summary\"\n            disabled={props.disabled}\n            aria-expanded={false}\n            aria-controls={bodyId}\n            onClick={() => toggle(true)}\n          >\n            <DetailPanelSectionIcon icon={props.icon} tone={props.tone} />\n            <span class=\"k2b-detail-panel__section-copy\">\n              <span class=\"k2b-detail-panel__section-heading\">\n                <span id={`${headingId}-closed`} class=\"k2b-detail-panel__section-title\">\n                  {props.title}\n                </span>\n                <SectionTitleMeta count={props.count} meta={props.meta} />\n                <Show when={props.summary}>\n                  <span class=\"k2b-detail-panel__section-preview k2b-truncate-fade\">{props.summary}</span>\n                </Show>\n              </span>\n              <Show when={props.description}>\n                <span class=\"k2b-detail-panel__section-description\">{props.description}</span>\n              </Show>\n            </span>\n            {/* Same column as the open header's collapse button, so nothing moves between the states. */}\n            <span class=\"k2b-detail-panel__section-toggle\" aria-hidden=\"true\">\n              <i class=\"ti ti-chevron-down\" />\n            </span>\n          </Button>\n        </div>\n        <div hidden={!open()}>\n          <header class=\"k2b-detail-panel__section-header\">\n            <DetailPanelSectionIcon icon={props.icon} tone={props.tone} />\n            <div class=\"k2b-detail-panel__section-copy\">\n              <div class=\"k2b-detail-panel__section-heading\">\n                <h3 id={headingId}>{props.title}</h3>\n                <SectionTitleMeta count={props.count} meta={props.meta} />\n              </div>\n              <Show when={props.description}>\n                <p class=\"k2b-detail-panel__section-description\">{props.description}</p>\n              </Show>\n            </div>\n            <Button\n              ref={collapse}\n              variant=\"ghost\"\n              size=\"sm\"\n              class=\"k2b-detail-panel__section-toggle\"\n              disabled={props.disabled}\n              aria-labelledby={headingId}\n              aria-expanded={true}\n              aria-controls={bodyId}\n              onClick={() => toggle(false)}\n            >\n              <i class=\"ti ti-chevron-up\" aria-hidden=\"true\" />\n            </Button>\n          </header>\n        </div>\n        <div ref={body} id={bodyId} hidden={!open()} class=\"k2b-detail-panel__section-body\">\n          {props.children}\n        </div>\n      </section>\n    </Show>\n  );\n};\n\nconst DetailPanel = ((props: DetailPanelProps): JSX.Element => (\n  <div class={classNames(\"k2b-detail-panel\", props.class)} data-surface={props.surface}>\n    {props.children}\n  </div>\n)) as DetailPanelComponent;\n\nDetailPanel.Header = DetailPanelHeader;\nDetailPanel.Body = DetailPanelBody;\nDetailPanel.Summary = DetailPanelSummary;\nDetailPanel.Group = DetailPanelGroup;\nDetailPanel.Section = DetailPanelSection;\nDetailPanel.Action = DetailPanelAction;\n\nexport default DetailPanel;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["layout/DetailPanel.tsx"],"sourcesContent":["import { children, createEffect, createSignal, createUniqueId, type JSX, Show, splitProps } from \"solid-js\";\nimport { Button, ButtonLink, type ButtonLinkProps, type ButtonProps, IconButton } from \"../actions/Button\";\nimport { Dropdown, type DropdownItem } from \"../actions/Dropdown\";\nimport { useDetailPanelMessages } from \"./detail-panel-messages\";\nimport { createScrollFade } from \"./scroll-fade\";\n\nexport type DetailPanelProps = {\n  /** Plain sections share their host surface, as in AppWorkspace.Detail. */\n  surface?: \"default\" | \"plain\";\n  children: JSX.Element;\n  class?: string;\n};\n\ntype DetailPanelHeaderBaseProps = {\n  /** A short line above the title that names what is shown, such as \"Conversation\", followed by its state. */\n  kind?: JSX.Element;\n  title: JSX.Element;\n  subtitle?: JSX.Element;\n  meta?: JSX.Element;\n  /**\n   * The resource's \"…\" menu, shown before `actions`. Pass every less frequent command on the shown resource here,\n   * so each panel opens its menu from the same place; an empty list shows no button.\n   */\n  menu?: readonly DropdownItem[];\n  /** Accessible name of the \"…\" button. Defaults to \"More actions\". */\n  menuLabel?: string;\n  actions?: JSX.Element;\n  primaryActions?: JSX.Element;\n  class?: string;\n};\n\nexport type DetailPanelHeaderProps = DetailPanelHeaderBaseProps &\n  (\n    | {\n        leading?: JSX.Element;\n        icon?: never;\n      }\n    | {\n        leading?: never;\n        icon?: string;\n      }\n  );\n\nexport type DetailPanelBodyProps = {\n  scrollFade?: boolean;\n  children: JSX.Element;\n  scrollPreserveKey?: string;\n  class?: string;\n};\n\nexport type DetailPanelSummaryProps = {\n  title: JSX.Element;\n  children: JSX.Element;\n  actions?: JSX.Element;\n  class?: string;\n};\n\nexport type DetailPanelGroupProps = {\n  children: JSX.Element;\n  label?: string;\n  /**\n   * A visible quiet title, such as \"More about this conversation\". Its sections then stand flush as rows below\n   * it, which suits collapsed secondary sections with a `summary`.\n   */\n  title?: JSX.Element;\n  class?: string;\n};\n\nexport type DetailPanelTone = \"accent\" | \"neutral\" | \"success\" | \"warning\" | \"danger\";\n\ntype DetailPanelSectionBaseProps = {\n  title: JSX.Element;\n  icon?: string;\n  tone?: DetailPanelTone;\n  description?: JSX.Element;\n  /** How many things the section lists, as a chip after the title; `0` reads \"None yet\". */\n  count?: number;\n  /** Short state after the title, such as \"2 of 4 done\". */\n  meta?: JSX.Element;\n  class?: string;\n};\n\n/** One direct secondary command, rendered as a sibling icon button at the end of the row. */\nexport type DetailPanelActionSecondary = {\n  /** Icon class, for example `ti ti-trash`. */\n  icon: string;\n  /** Accessible name and tooltip of the icon button. */\n  label: string;\n  onClick: () => void;\n  variant?: \"danger\";\n};\n\ntype DetailPanelActionBaseProps = {\n  title: JSX.Element;\n  description?: JSX.Element;\n  leading?: JSX.Element;\n  trailing?: JSX.Element;\n  secondaryAction?: DetailPanelActionSecondary;\n  /** Marks the row of the current place, such as the section in view, in the panel's accent. */\n  current?: boolean;\n  /** Lets the title wrap to two lines instead of ending with an ellipsis. */\n  wrap?: boolean;\n  class?: string;\n};\n\ntype DetailPanelActionMenuProps =\n  | {\n      menuItems?: never;\n      menuLabel?: never;\n    }\n  | {\n      menuItems: readonly DropdownItem[];\n      menuLabel: string;\n    };\n\nexport type DetailPanelActionLinkProps = DetailPanelActionBaseProps &\n  DetailPanelActionMenuProps &\n  Omit<ButtonLinkProps, \"children\" | \"class\" | \"size\" | \"title\" | \"variant\"> & {\n    href: string;\n  };\n\nexport type DetailPanelActionButtonProps = DetailPanelActionBaseProps &\n  DetailPanelActionMenuProps &\n  Omit<ButtonProps, \"children\" | \"class\" | \"size\" | \"title\" | \"variant\"> & {\n    href?: never;\n  };\n\nexport type DetailPanelActionProps = DetailPanelActionLinkProps | DetailPanelActionButtonProps;\n\n/** A row that only shows something, such as a person and their role: the columns of an action, without a command. */\nexport type DetailPanelRowProps = {\n  title: JSX.Element;\n  description?: JSX.Element;\n  leading?: JSX.Element;\n  trailing?: JSX.Element;\n  class?: string;\n};\n\nexport type DetailPanelSectionProps = DetailPanelSectionBaseProps &\n  (\n    | {\n        children?: JSX.Element;\n        actions?: JSX.Element;\n        collapsible?: false;\n        summary?: never;\n        defaultOpen?: never;\n        open?: never;\n        onOpenChange?: never;\n        disabled?: never;\n      }\n    | {\n        children: JSX.Element;\n        actions?: never;\n        collapsible: true;\n        /** One line that says what the closed section holds, such as its newest entry; hidden while open. */\n        summary?: JSX.Element;\n        defaultOpen?: boolean;\n        open?: boolean;\n        onOpenChange?: (open: boolean) => void;\n        disabled?: boolean;\n      }\n  );\n\ntype DetailPanelComponent = ((props: DetailPanelProps) => JSX.Element) & {\n  Header: (props: DetailPanelHeaderProps) => JSX.Element;\n  Body: (props: DetailPanelBodyProps) => JSX.Element;\n  Summary: (props: DetailPanelSummaryProps) => JSX.Element;\n  Group: (props: DetailPanelGroupProps) => JSX.Element;\n  Section: (props: DetailPanelSectionProps) => JSX.Element;\n  Action: (props: DetailPanelActionProps) => JSX.Element;\n  Row: (props: DetailPanelRowProps) => JSX.Element;\n};\n\nconst classNames = (base: string, extra?: string): string => (extra ? `${base} ${extra}` : base);\n\nconst showTruncatedTitle = (event: PointerEvent & { currentTarget: HTMLHeadingElement }) => {\n  const heading = event.currentTarget;\n  if (heading.scrollHeight > heading.clientHeight + 1) heading.title = heading.textContent ?? \"\";\n  else heading.removeAttribute(\"title\");\n};\n\nconst DetailPanelHeader = (props: DetailPanelHeaderProps): JSX.Element => {\n  const t = useDetailPanelMessages();\n  const menuLabel = () => props.menuLabel ?? t().moreActions;\n  const menuTrigger = () => (\n    <Dropdown.Root items={props.menu ?? []} align=\"end\" label={menuLabel()} phone=\"sheet\">\n      <Dropdown.Trigger iconOnly size=\"sm\" variant=\"ghost\" label={menuLabel()} tooltip={menuLabel()}>\n        <i class=\"ti ti-dots\" aria-hidden=\"true\" />\n      </Dropdown.Trigger>\n    </Dropdown.Root>\n  );\n  // With primary actions, \"…\" ends their row, next to the commands it extends; otherwise it sits beside close.\n  const menuInActions = () => Boolean(props.menu?.length) && !props.primaryActions;\n  return (\n    <header class={classNames(\"k2b-detail-panel__header\", props.class)}>\n      <div class=\"k2b-detail-panel__header-main\" data-identity={props.icon || props.leading ? \"true\" : undefined}>\n        <Show when={props.icon}>\n          {(icon) => (\n            <span class=\"k2b-detail-panel__header-icon\" aria-hidden=\"true\">\n              <i class={icon()} />\n            </span>\n          )}\n        </Show>\n        <Show when={props.leading}>\n          <div class=\"k2b-detail-panel__header-leading\">{props.leading}</div>\n        </Show>\n        <div class=\"k2b-detail-panel__heading\">\n          <Show when={props.kind}>\n            <div class=\"k2b-detail-panel__kind\">{props.kind}</div>\n          </Show>\n          {/* A long title wraps to two lines and ends with an ellipsis; then the native hint shows all of it. */}\n          <h2 onPointerEnter={showTruncatedTitle}>{props.title}</h2>\n          <Show when={props.subtitle || props.meta}>\n            <div class=\"k2b-detail-panel__supporting\">\n              <Show when={props.subtitle}>\n                <p>{props.subtitle}</p>\n              </Show>\n              <Show when={props.meta}>\n                <div class=\"k2b-detail-panel__meta\">{props.meta}</div>\n              </Show>\n            </div>\n          </Show>\n        </div>\n        <Show when={menuInActions() || props.actions}>\n          <div class=\"k2b-detail-panel__actions\">\n            <Show when={menuInActions()}>{menuTrigger()}</Show>\n            {props.actions}\n          </div>\n        </Show>\n      </div>\n      <Show when={props.primaryActions}>\n        <div class=\"k2b-detail-panel__primary-actions\">\n          {props.primaryActions}\n          <Show when={props.menu?.length}>{menuTrigger()}</Show>\n        </div>\n      </Show>\n    </header>\n  );\n};\n\nconst DetailPanelBody = (props: DetailPanelBodyProps): JSX.Element => {\n  let body!: HTMLDivElement;\n  createScrollFade(\n    () => body,\n    () => props.scrollFade !== false,\n  );\n  return (\n    <div\n      ref={body}\n      class={classNames(\"k2b-detail-panel__body\", props.class)}\n      data-scroll-fade-mode={props.scrollFade !== false ? \"both\" : undefined}\n      data-scroll-preserve={props.scrollPreserveKey}\n    >\n      {props.children}\n    </div>\n  );\n};\n\nconst DetailPanelSummary = (props: DetailPanelSummaryProps): JSX.Element => {\n  const headingId = `k2b-detail-panel-summary-${createUniqueId()}`;\n\n  return (\n    <section class={classNames(\"k2b-detail-panel__summary\", props.class)} aria-labelledby={headingId}>\n      <header class=\"k2b-detail-panel__summary-header\">\n        <h3 id={headingId}>{props.title}</h3>\n        <Show when={props.actions}>\n          <div class=\"k2b-detail-panel__summary-actions\">{props.actions}</div>\n        </Show>\n      </header>\n      <div class=\"k2b-detail-panel__summary-body\">{props.children}</div>\n    </section>\n  );\n};\n\nconst DetailPanelGroup = (props: DetailPanelGroupProps): JSX.Element => {\n  const titleId = `k2b-detail-panel-group-${createUniqueId()}`;\n  return (\n    <div\n      class={classNames(\"k2b-detail-panel__group\", props.class)}\n      role=\"group\"\n      aria-label={props.title ? undefined : props.label}\n      aria-labelledby={props.title ? titleId : undefined}\n      data-titled={props.title ? \"true\" : undefined}\n    >\n      <Show when={props.title}>\n        <div class=\"k2b-detail-panel__group-title\" id={titleId}>\n          {props.title}\n        </div>\n      </Show>\n      {props.children}\n    </div>\n  );\n};\n\nconst DetailPanelSectionIcon = (props: Pick<DetailPanelSectionBaseProps, \"icon\" | \"tone\">): JSX.Element => (\n  <Show when={props.icon}>\n    {(icon) => (\n      <span class=\"k2b-detail-panel__section-icon\" data-tone={props.tone ?? \"neutral\"} aria-hidden=\"true\">\n        <i class={icon()} />\n      </span>\n    )}\n  </Show>\n);\n\n/** A count chip, or \"None yet\" for zero; shared by sections and discussions. */\nexport const DetailPanelCount = (props: { count: number }): JSX.Element => {\n  const messages = useDetailPanelMessages();\n  return (\n    <Show when={props.count > 0} fallback={<span class=\"k2b-detail-panel__none\">{messages().noneYet}</span>}>\n      <span class=\"k2b-count-chip\">{props.count}</span>\n    </Show>\n  );\n};\n\n/** Title, then its count and state right after it, so every section reads the same way. */\nconst SectionTitleMeta = (props: Pick<DetailPanelSectionBaseProps, \"count\" | \"meta\">): JSX.Element => (\n  <>\n    <Show when={props.count !== undefined}>\n      <DetailPanelCount count={props.count ?? 0} />\n    </Show>\n    <Show when={props.meta}>\n      <span class=\"k2b-detail-panel__section-meta\">{props.meta}</span>\n    </Show>\n  </>\n);\n\nconst DetailPanelActionContent = (props: DetailPanelActionBaseProps): JSX.Element => (\n  <>\n    {/* Hidden while empty: a row's icon, or its text when it has none, starts on the section's text edge. */}\n    <span class=\"k2b-detail-panel__action-leading\">{props.leading}</span>\n    <span class=\"k2b-detail-panel__action-copy\">\n      <span class=\"k2b-detail-panel__action-title\">{props.title}</span>\n      <Show when={props.description}>\n        <span class=\"k2b-detail-panel__action-description\">{props.description}</span>\n      </Show>\n    </span>\n    <Show when={props.trailing}>\n      <span class=\"k2b-detail-panel__action-trailing\">{props.trailing}</span>\n    </Show>\n  </>\n);\n\nconst DetailPanelAction = (props: DetailPanelActionProps): JSX.Element => {\n  const [local, rest] = splitProps(props, [\n    \"class\",\n    \"current\",\n    \"description\",\n    \"href\",\n    \"leading\",\n    \"menuItems\",\n    \"menuLabel\",\n    \"secondaryAction\",\n    \"title\",\n    \"trailing\",\n    \"wrap\",\n  ]);\n  const className = classNames(\"k2b-detail-panel__action\", local.class);\n  const content = () => (\n    <DetailPanelActionContent title={local.title} description={local.description} leading={local.leading} trailing={local.trailing} />\n  );\n\n  const action = () => (\n    <Show\n      when={local.href !== undefined}\n      fallback={\n        <Button\n          {...(rest as Omit<DetailPanelActionButtonProps, keyof DetailPanelActionBaseProps>)}\n          class={className}\n          aria-current={local.current ? \"true\" : undefined}\n          data-current={local.current ? \"true\" : undefined}\n          data-wrap={local.wrap ? \"true\" : undefined}\n          variant=\"ghost\"\n          size=\"sm\"\n        >\n          {content()}\n        </Button>\n      }\n    >\n      <ButtonLink\n        {...(rest as Omit<DetailPanelActionLinkProps, keyof DetailPanelActionBaseProps | \"href\">)}\n        href={local.href as string}\n        class={className}\n        aria-current={local.current ? \"location\" : undefined}\n        data-current={local.current ? \"true\" : undefined}\n        data-wrap={local.wrap ? \"true\" : undefined}\n        variant=\"ghost\"\n        size=\"sm\"\n      >\n        {content()}\n      </ButtonLink>\n    </Show>\n  );\n\n  return (\n    <Show when={local.secondaryAction || local.menuItems?.length} fallback={action()}>\n      <div class=\"k2b-detail-panel__action-row\">\n        {action()}\n        <Show when={local.secondaryAction}>\n          {(secondary) => (\n            <IconButton\n              size=\"sm\"\n              variant=\"ghost\"\n              label={secondary().label}\n              class=\"k2b-detail-panel__action-secondary\"\n              data-tone={secondary().variant}\n              onClick={() => secondary().onClick()}\n            >\n              <i class={secondary().icon} aria-hidden=\"true\" />\n            </IconButton>\n          )}\n        </Show>\n        <Show when={local.menuItems?.length}>\n          <Dropdown.Root items={local.menuItems ?? []} align=\"end\" label={local.menuLabel} class=\"k2b-detail-panel__action-menu\">\n            <Dropdown.Trigger iconOnly size=\"sm\" variant=\"ghost\" label={local.menuLabel} class=\"k2b-detail-panel__action-menu-trigger\">\n              <i class=\"ti ti-dots\" aria-hidden=\"true\" />\n            </Dropdown.Trigger>\n          </Dropdown.Root>\n        </Show>\n      </div>\n    </Show>\n  );\n};\n\nconst DetailPanelRow = (props: DetailPanelRowProps): JSX.Element => (\n  <div class={classNames(\"k2b-detail-panel__row\", props.class)}>\n    <DetailPanelActionContent title={props.title} description={props.description} leading={props.leading} trailing={props.trailing} />\n  </div>\n);\n\nconst DetailPanelSection = (props: DetailPanelSectionProps): JSX.Element => {\n  const headingId = `k2b-detail-panel-section-${createUniqueId()}`;\n  const bodyId = `${headingId}-body`;\n  const [internalOpen, setInternalOpen] = createSignal(props.defaultOpen ?? false);\n  const open = () => props.open ?? internalOpen();\n  let expand: HTMLButtonElement | undefined;\n  let collapse: HTMLButtonElement | undefined;\n  let body: HTMLDivElement | undefined;\n  const toggle = (next: boolean) => {\n    if (props.disabled) return;\n    if (props.open === undefined) setInternalOpen(next);\n    props.onOpenChange?.(next);\n  };\n  createEffect(() => {\n    const expanded = open();\n    // Restore focus only when its current control becomes hidden, including\n    // a parent-controlled collapse while focus is inside an editor.\n    queueMicrotask(() => {\n      if (expanded !== open()) return;\n      const active = expand?.ownerDocument.activeElement;\n      if (expanded && active === expand) collapse?.focus();\n      if (!expanded && (active === collapse || (active && body?.contains(active)))) expand?.focus();\n    });\n  });\n  const className = () => classNames(\"k2b-detail-panel__section\", props.class);\n  // Resolve once: reading `props.children` twice would instantiate the section body twice.\n  const resolved = children(() => props.children);\n\n  return (\n    <Show\n      when={props.collapsible}\n      fallback={\n        <section class={className()} aria-labelledby={headingId} data-icon={props.icon ? \"true\" : undefined}>\n          <header class=\"k2b-detail-panel__section-header\">\n            <DetailPanelSectionIcon icon={props.icon} tone={props.tone} />\n            <div class=\"k2b-detail-panel__section-copy\">\n              <div class=\"k2b-detail-panel__section-heading\">\n                <h3 id={headingId}>{props.title}</h3>\n                <SectionTitleMeta count={props.count} meta={props.meta} />\n              </div>\n              <Show when={props.description}>\n                <p class=\"k2b-detail-panel__section-description\">{props.description}</p>\n              </Show>\n            </div>\n            <Show when={props.actions}>\n              <div class=\"k2b-detail-panel__section-actions\">{props.actions}</div>\n            </Show>\n          </header>\n          <Show when={resolved()}>\n            <div class=\"k2b-detail-panel__section-body\">{resolved()}</div>\n          </Show>\n        </section>\n      }\n    >\n      <section\n        class={className()}\n        aria-labelledby={open() ? headingId : `${headingId}-closed`}\n        data-open={open()}\n        data-icon={props.icon ? \"true\" : undefined}\n        data-summary={props.summary ? \"true\" : undefined}\n      >\n        <div hidden={open()}>\n          <Button\n            ref={expand}\n            variant=\"ghost\"\n            class=\"k2b-detail-panel__section-summary\"\n            disabled={props.disabled}\n            aria-expanded={false}\n            aria-controls={bodyId}\n            onClick={() => toggle(true)}\n          >\n            <DetailPanelSectionIcon icon={props.icon} tone={props.tone} />\n            <span class=\"k2b-detail-panel__section-copy\">\n              <span class=\"k2b-detail-panel__section-heading\">\n                <span id={`${headingId}-closed`} class=\"k2b-detail-panel__section-title\">\n                  {props.title}\n                </span>\n                <SectionTitleMeta count={props.count} meta={props.meta} />\n                <Show when={props.summary}>\n                  <span class=\"k2b-detail-panel__section-preview k2b-truncate-fade\">{props.summary}</span>\n                </Show>\n              </span>\n              <Show when={props.description}>\n                <span class=\"k2b-detail-panel__section-description\">{props.description}</span>\n              </Show>\n            </span>\n            {/* Same column as the open header's collapse button, so nothing moves between the states. */}\n            <span class=\"k2b-detail-panel__section-toggle\" aria-hidden=\"true\">\n              <i class=\"ti ti-chevron-down\" />\n            </span>\n          </Button>\n        </div>\n        <div hidden={!open()}>\n          <header class=\"k2b-detail-panel__section-header\">\n            <DetailPanelSectionIcon icon={props.icon} tone={props.tone} />\n            <div class=\"k2b-detail-panel__section-copy\">\n              <div class=\"k2b-detail-panel__section-heading\">\n                <h3 id={headingId}>{props.title}</h3>\n                <SectionTitleMeta count={props.count} meta={props.meta} />\n              </div>\n              <Show when={props.description}>\n                <p class=\"k2b-detail-panel__section-description\">{props.description}</p>\n              </Show>\n            </div>\n            <Button\n              ref={collapse}\n              variant=\"ghost\"\n              size=\"sm\"\n              class=\"k2b-detail-panel__section-toggle\"\n              disabled={props.disabled}\n              aria-labelledby={headingId}\n              aria-expanded={true}\n              aria-controls={bodyId}\n              onClick={() => toggle(false)}\n            >\n              <i class=\"ti ti-chevron-up\" aria-hidden=\"true\" />\n            </Button>\n          </header>\n        </div>\n        <div ref={body} id={bodyId} hidden={!open()} class=\"k2b-detail-panel__section-body\">\n          {props.children}\n        </div>\n      </section>\n    </Show>\n  );\n};\n\nconst DetailPanel = ((props: DetailPanelProps): JSX.Element => (\n  <div class={classNames(\"k2b-detail-panel\", props.class)} data-surface={props.surface}>\n    {props.children}\n  </div>\n)) as DetailPanelComponent;\n\nDetailPanel.Header = DetailPanelHeader;\nDetailPanel.Body = DetailPanelBody;\nDetailPanel.Summary = DetailPanelSummary;\nDetailPanel.Group = DetailPanelGroup;\nDetailPanel.Section = DetailPanelSection;\nDetailPanel.Action = DetailPanelAction;\nDetailPanel.Row = DetailPanelRow;\n\nexport default DetailPanel;\n"],"mappings":"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","ignoreList":[]}