@k2b/ui 0.1.1 → 0.2.0

package/dist/browser/layout/DetailPanel.js

@@ -1,5 +1,6 @@
 import { template as _$template } from "solid-js/web";
 import { setProperty as _$setProperty } from "solid-js/web";
+import { use as _$use } from "solid-js/web";
 import { mergeProps as _$mergeProps } from "solid-js/web";
 import { setAttribute as _$setAttribute } from "solid-js/web";
 import { className as _$className } from "solid-js/web";
@@ -29,13 +30,16 @@ var _tmpl$ = /*#__PURE__*/_$template(`<div class=k2b-detail-panel__header-leadin
   _tmpl$16 = /*#__PURE__*/_$template(`<i class="ti ti-dots"aria-hidden=true>`),
   _tmpl$17 = /*#__PURE__*/_$template(`<div class=k2b-detail-panel__action-row><!$><!/><!$><!/>`),
   _tmpl$18 = /*#__PURE__*/_$template(`<span class=k2b-detail-panel__section-description>`),
-  _tmpl$19 = /*#__PURE__*/_$template(`<span class=k2b-detail-panel__section-meta>`),
-  _tmpl$20 = /*#__PURE__*/_$template(`<details><summary class=k2b-detail-panel__section-summary><!$><!/><span class=k2b-detail-panel__section-copy><span class=k2b-detail-panel__section-title></span><!$><!/></span><!$><!/><i class="ti ti-chevron-down"aria-hidden=true></i></summary><div class=k2b-detail-panel__section-body>`),
-  _tmpl$21 = /*#__PURE__*/_$template(`<div class=k2b-detail-panel__section-meta>`),
-  _tmpl$22 = /*#__PURE__*/_$template(`<div class=k2b-detail-panel__section-actions>`),
-  _tmpl$23 = /*#__PURE__*/_$template(`<div class=k2b-detail-panel__section-body>`),
-  _tmpl$24 = /*#__PURE__*/_$template(`<section><header class=k2b-detail-panel__section-header><!$><!/><div class=k2b-detail-panel__section-copy><h3></h3><!$><!/></div><!$><!/><!$><!/></header><!$><!/>`);
-import { createUniqueId, Show, splitProps } from "solid-js";
+  _tmpl$19 = /*#__PURE__*/_$template(`<span class=k2b-detail-panel__section-copy><span class=k2b-detail-panel__section-title></span><!$><!/>`),
+  _tmpl$20 = /*#__PURE__*/_$template(`<span class=k2b-detail-panel__section-meta>`),
+  _tmpl$21 = /*#__PURE__*/_$template(`<i class="ti ti-chevron-down"aria-hidden=true>`),
+  _tmpl$22 = /*#__PURE__*/_$template(`<div class=k2b-detail-panel__section-meta>`),
+  _tmpl$23 = /*#__PURE__*/_$template(`<i class="ti ti-chevron-up"aria-hidden=true>`),
+  _tmpl$24 = /*#__PURE__*/_$template(`<section><div></div><div><header class=k2b-detail-panel__section-header><!$><!/><div class=k2b-detail-panel__section-copy><h3></h3><!$><!/></div><!$><!/><!$><!/></header></div><div class=k2b-detail-panel__section-body>`),
+  _tmpl$25 = /*#__PURE__*/_$template(`<div class=k2b-detail-panel__section-actions>`),
+  _tmpl$26 = /*#__PURE__*/_$template(`<div class=k2b-detail-panel__section-body>`),
+  _tmpl$27 = /*#__PURE__*/_$template(`<section><header class=k2b-detail-panel__section-header><!$><!/><div class=k2b-detail-panel__section-copy><h3></h3><!$><!/></div><!$><!/><!$><!/></header><!$><!/>`);
+import { createEffect, createSignal, createUniqueId, Show, splitProps } from "solid-js";
 import { Button, ButtonLink } from "../actions/Button";
 import { Dropdown } from "../actions/Dropdown";
 const classNames = (base, extra) => extra ? `${base} ${extra}` : base;
@@ -334,6 +338,28 @@ const DetailPanelAction = props => {
 };
 const DetailPanelSection = props => {
   const headingId = `k2b-detail-panel-section-${createUniqueId()}`;
+  const bodyId = `${headingId}-body`;
+  const [internalOpen, setInternalOpen] = createSignal(props.defaultOpen ?? false);
+  const open = () => props.open ?? internalOpen();
+  let expand;
+  let collapse;
+  let body;
+  const toggle = next => {
+    if (props.disabled) return;
+    if (props.open === undefined) setInternalOpen(next);
+    props.onOpenChange?.(next);
+  };
+  createEffect(() => {
+    const expanded = open();
+    // Restore focus only when its current control becomes hidden, including
+    // a parent-controlled collapse while focus is inside an editor.
+    queueMicrotask(() => {
+      if (expanded !== open()) return;
+      const active = expand?.ownerDocument.activeElement;
+      if (expanded && active === expand) collapse?.focus();
+      if (!expanded && (active === collapse || active && body?.contains(active))) expand?.focus();
+    });
+  });
   const className = () => classNames("k2b-detail-panel__section", props.class);
   return _$createComponent(Show, {
     get when() {
@@ -341,138 +367,225 @@ const DetailPanelSection = props => {
     },
     get fallback() {
       return (() => {
-        var _el$63 = _$getNextElement(_tmpl$24),
-          _el$64 = _el$63.firstChild,
-          _el$72 = _el$64.firstChild,
-          [_el$73, _co$14] = _$getNextMarker(_el$72.nextSibling),
-          _el$65 = _el$73.nextSibling,
-          _el$66 = _el$65.firstChild,
-          _el$68 = _el$66.nextSibling,
-          [_el$69, _co$13] = _$getNextMarker(_el$68.nextSibling),
-          _el$74 = _el$65.nextSibling,
-          [_el$75, _co$15] = _$getNextMarker(_el$74.nextSibling),
-          _el$76 = _el$75.nextSibling,
-          [_el$77, _co$16] = _$getNextMarker(_el$76.nextSibling),
-          _el$79 = _el$64.nextSibling,
-          [_el$80, _co$17] = _$getNextMarker(_el$79.nextSibling);
-        _$setAttribute(_el$63, "aria-labelledby", headingId);
-        _$insert(_el$64, _$createComponent(DetailPanelSectionIcon, {
+        var _el$74 = _$getNextElement(_tmpl$27),
+          _el$75 = _el$74.firstChild,
+          _el$83 = _el$75.firstChild,
+          [_el$84, _co$16] = _$getNextMarker(_el$83.nextSibling),
+          _el$76 = _el$84.nextSibling,
+          _el$77 = _el$76.firstChild,
+          _el$79 = _el$77.nextSibling,
+          [_el$80, _co$15] = _$getNextMarker(_el$79.nextSibling),
+          _el$85 = _el$76.nextSibling,
+          [_el$86, _co$17] = _$getNextMarker(_el$85.nextSibling),
+          _el$87 = _el$86.nextSibling,
+          [_el$88, _co$18] = _$getNextMarker(_el$87.nextSibling),
+          _el$90 = _el$75.nextSibling,
+          [_el$91, _co$19] = _$getNextMarker(_el$90.nextSibling);
+        _$setAttribute(_el$74, "aria-labelledby", headingId);
+        _$insert(_el$75, _$createComponent(DetailPanelSectionIcon, {
           get icon() {
             return props.icon;
           },
           get tone() {
             return props.tone;
           }
-        }), _el$73, _co$14);
-        _$setAttribute(_el$66, "id", headingId);
-        _$insert(_el$66, () => props.title);
-        _$insert(_el$65, _$createComponent(Show, {
+        }), _el$84, _co$16);
+        _$setAttribute(_el$77, "id", headingId);
+        _$insert(_el$77, () => props.title);
+        _$insert(_el$76, _$createComponent(Show, {
           get when() {
             return props.description;
           },
           get children() {
-            var _el$67 = _$getNextElement(_tmpl$2);
-            _$insert(_el$67, () => props.description);
-            return _el$67;
+            var _el$78 = _$getNextElement(_tmpl$2);
+            _$insert(_el$78, () => props.description);
+            return _el$78;
           }
-        }), _el$69, _co$13);
-        _$insert(_el$64, _$createComponent(Show, {
+        }), _el$80, _co$15);
+        _$insert(_el$75, _$createComponent(Show, {
           get when() {
             return props.meta;
           },
           get children() {
-            var _el$70 = _$getNextElement(_tmpl$21);
-            _$insert(_el$70, () => props.meta);
-            return _el$70;
+            var _el$81 = _$getNextElement(_tmpl$22);
+            _$insert(_el$81, () => props.meta);
+            return _el$81;
           }
-        }), _el$75, _co$15);
-        _$insert(_el$64, _$createComponent(Show, {
+        }), _el$86, _co$17);
+        _$insert(_el$75, _$createComponent(Show, {
           get when() {
             return props.actions;
           },
           get children() {
-            var _el$71 = _$getNextElement(_tmpl$22);
-            _$insert(_el$71, () => props.actions);
-            return _el$71;
+            var _el$82 = _$getNextElement(_tmpl$25);
+            _$insert(_el$82, () => props.actions);
+            return _el$82;
           }
-        }), _el$77, _co$16);
-        _$insert(_el$63, _$createComponent(Show, {
+        }), _el$88, _co$18);
+        _$insert(_el$74, _$createComponent(Show, {
           get when() {
             return props.children !== undefined;
           },
           get children() {
-            var _el$78 = _$getNextElement(_tmpl$23);
-            _$insert(_el$78, () => props.children);
-            return _el$78;
+            var _el$89 = _$getNextElement(_tmpl$26);
+            _$insert(_el$89, () => props.children);
+            return _el$89;
           }
-        }), _el$80, _co$17);
-        _$effect(() => _$className(_el$63, className()));
-        return _el$63;
+        }), _el$91, _co$19);
+        _$effect(() => _$className(_el$74, className()));
+        return _el$74;
       })();
     },
     get children() {
-      var _el$49 = _$getNextElement(_tmpl$20),
+      var _el$49 = _$getNextElement(_tmpl$24),
         _el$50 = _el$49.firstChild,
-        _el$58 = _el$50.firstChild,
-        [_el$59, _co$11] = _$getNextMarker(_el$58.nextSibling),
-        _el$51 = _el$59.nextSibling,
-        _el$52 = _el$51.firstChild,
-        _el$54 = _el$52.nextSibling,
-        [_el$55, _co$10] = _$getNextMarker(_el$54.nextSibling),
-        _el$60 = _el$51.nextSibling,
-        [_el$61, _co$12] = _$getNextMarker(_el$60.nextSibling),
-        _el$57 = _el$61.nextSibling,
-        _el$62 = _el$50.nextSibling;
-      _$insert(_el$50, _$createComponent(DetailPanelSectionIcon, {
+        _el$58 = _el$50.nextSibling,
+        _el$59 = _el$58.firstChild,
+        _el$67 = _el$59.firstChild,
+        [_el$68, _co$12] = _$getNextMarker(_el$67.nextSibling),
+        _el$60 = _el$68.nextSibling,
+        _el$61 = _el$60.firstChild,
+        _el$63 = _el$61.nextSibling,
+        [_el$64, _co$11] = _$getNextMarker(_el$63.nextSibling),
+        _el$69 = _el$60.nextSibling,
+        [_el$70, _co$13] = _$getNextMarker(_el$69.nextSibling),
+        _el$71 = _el$70.nextSibling,
+        [_el$72, _co$14] = _$getNextMarker(_el$71.nextSibling),
+        _el$73 = _el$58.nextSibling;
+      _$insert(_el$50, _$createComponent(Button, {
+        ref(r$) {
+          var _ref$ = expand;
+          typeof _ref$ === "function" ? _ref$(r$) : expand = r$;
+        },
+        variant: "ghost",
+        "class": "k2b-detail-panel__section-summary",
+        get disabled() {
+          return props.disabled;
+        },
+        "aria-expanded": false,
+        "aria-controls": bodyId,
+        onClick: () => toggle(true),
+        get children() {
+          return [_$createComponent(DetailPanelSectionIcon, {
+            get icon() {
+              return props.icon;
+            },
+            get tone() {
+              return props.tone;
+            }
+          }), (() => {
+            var _el$51 = _$getNextElement(_tmpl$19),
+              _el$52 = _el$51.firstChild,
+              _el$54 = _el$52.nextSibling,
+              [_el$55, _co$10] = _$getNextMarker(_el$54.nextSibling);
+            _$setAttribute(_el$52, "id", `${headingId}-closed`);
+            _$insert(_el$52, () => props.title);
+            _$insert(_el$51, _$createComponent(Show, {
+              get when() {
+                return props.description;
+              },
+              get children() {
+                var _el$53 = _$getNextElement(_tmpl$18);
+                _$insert(_el$53, () => props.description);
+                return _el$53;
+              }
+            }), _el$55, _co$10);
+            return _el$51;
+          })(), _$createComponent(Show, {
+            get when() {
+              return props.meta;
+            },
+            get children() {
+              var _el$56 = _$getNextElement(_tmpl$20);
+              _$insert(_el$56, () => props.meta);
+              return _el$56;
+            }
+          }), _$getNextElement(_tmpl$21)];
+        }
+      }));
+      _$insert(_el$59, _$createComponent(DetailPanelSectionIcon, {
         get icon() {
           return props.icon;
         },
         get tone() {
           return props.tone;
         }
-      }), _el$59, _co$11);
-      _$setAttribute(_el$52, "id", headingId);
-      _$insert(_el$52, () => props.title);
-      _$insert(_el$51, _$createComponent(Show, {
+      }), _el$68, _co$12);
+      _$setAttribute(_el$61, "id", headingId);
+      _$insert(_el$61, () => props.title);
+      _$insert(_el$60, _$createComponent(Show, {
         get when() {
           return props.description;
         },
         get children() {
-          var _el$53 = _$getNextElement(_tmpl$18);
-          _$insert(_el$53, () => props.description);
-          return _el$53;
+          var _el$62 = _$getNextElement(_tmpl$2);
+          _$insert(_el$62, () => props.description);
+          return _el$62;
         }
-      }), _el$55, _co$10);
-      _$insert(_el$50, _$createComponent(Show, {
+      }), _el$64, _co$11);
+      _$insert(_el$59, _$createComponent(Show, {
         get when() {
           return props.meta;
         },
         get children() {
-          var _el$56 = _$getNextElement(_tmpl$19);
-          _$insert(_el$56, () => props.meta);
-          return _el$56;
+          var _el$65 = _$getNextElement(_tmpl$22);
+          _$insert(_el$65, () => props.meta);
+          return _el$65;
+        }
+      }), _el$70, _co$13);
+      _$insert(_el$59, _$createComponent(Button, {
+        ref(r$) {
+          var _ref$2 = collapse;
+          typeof _ref$2 === "function" ? _ref$2(r$) : collapse = r$;
+        },
+        variant: "ghost",
+        size: "sm",
+        get disabled() {
+          return props.disabled;
+        },
+        "aria-labelledby": headingId,
+        "aria-expanded": true,
+        "aria-controls": bodyId,
+        onClick: () => toggle(false),
+        get children() {
+          return _$getNextElement(_tmpl$23);
         }
-      }), _el$61, _co$12);
-      _$insert(_el$62, () => props.children);
+      }), _el$72, _co$14);
+      var _ref$3 = body;
+      typeof _ref$3 === "function" ? _$use(_ref$3, _el$73) : body = _el$73;
+      _$setAttribute(_el$73, "id", bodyId);
+      _$insert(_el$73, () => props.children);
       _$effect(_p$ => {
         var _v$7 = className(),
-          _v$8 = props.defaultOpen;
+          _v$8 = open() ? headingId : `${headingId}-closed`,
+          _v$9 = open(),
+          _v$0 = open(),
+          _v$1 = !open(),
+          _v$10 = !open();
         _v$7 !== _p$.e && _$className(_el$49, _p$.e = _v$7);
-        _v$8 !== _p$.t && _$setProperty(_el$49, "open", _p$.t = _v$8);
+        _v$8 !== _p$.t && _$setAttribute(_el$49, "aria-labelledby", _p$.t = _v$8);
+        _v$9 !== _p$.a && _$setAttribute(_el$49, "data-open", _p$.a = _v$9);
+        _v$0 !== _p$.o && _$setProperty(_el$50, "hidden", _p$.o = _v$0);
+        _v$1 !== _p$.i && _$setProperty(_el$58, "hidden", _p$.i = _v$1);
+        _v$10 !== _p$.n && _$setProperty(_el$73, "hidden", _p$.n = _v$10);
         return _p$;
       }, {
         e: undefined,
-        t: undefined
+        t: undefined,
+        a: undefined,
+        o: undefined,
+        i: undefined,
+        n: undefined
       });
       return _el$49;
     }
   });
 };
 const DetailPanel = props => (() => {
-  var _el$81 = _$getNextElement(_tmpl$9);
-  _$insert(_el$81, () => props.children);
-  _$effect(() => _$className(_el$81, classNames("k2b-detail-panel", props.class)));
-  return _el$81;
+  var _el$92 = _$getNextElement(_tmpl$9);
+  _$insert(_el$92, () => props.children);
+  _$effect(() => _$className(_el$92, classNames("k2b-detail-panel", props.class)));
+  return _el$92;
 })();
 DetailPanel.Header = DetailPanelHeader;
 DetailPanel.Body = DetailPanelBody;

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

@@ -1 +1 @@
-{"version":3,"names":["createUniqueId","Show","splitProps","Button","ButtonLink","Dropdown","classNames","base","extra","DetailPanelHeader","props","_el$","_$getNextElement","_tmpl$7","_el$2","firstChild","_el$14","_el$15","_co$4","_$getNextMarker","nextSibling","_el$16","_el$17","_co$5","_el$4","_el$5","_el$11","_el$12","_co$3","_el$18","_el$19","_co$6","_el$21","_el$22","_co$7","_$insert","_$createComponent","when","icon","children","_el$23","_tmpl$8","_el$24","_$effect","_$className","leading","_el$3","_tmpl$","title","subtitle","meta","_el$6","_tmpl$4","_el$9","_el$0","_co$","_el$1","_el$10","_co$2","_el$7","_tmpl$2","_el$8","_tmpl$3","actions","_el$13","_tmpl$5","primaryActions","_el$20","_tmpl$6","class","DetailPanelBody","_el$25","_tmpl$9","_p$","_v$","_v$2","scrollPreserveKey","e","t","_$setAttribute","undefined","DetailPanelSummary","headingId","_el$26","_tmpl$1","_el$27","_el$28","_el$30","_el$31","_co$8","_el$32","_el$29","_tmpl$0","DetailPanelGroup","_el$33","_tmpl$10","_v$3","_v$4","label","DetailPanelSectionIcon","_el$34","_tmpl$11","_el$35","_v$5","tone","_v$6","DetailPanelActionContent","_el$36","_tmpl$12","_el$37","_tmpl$14","_el$38","_el$40","_el$41","_co$9","description","_el$39","_tmpl$13","trailing","_el$42","_tmpl$15","DetailPanelAction","local","rest","className","content","action","href","fallback","_$mergeProps","variant","size","menuItems","length","_el$43","_tmpl$17","_el$45","_el$46","_co$0","_el$47","_el$48","_co$1","Root","items","align","menuLabel","Trigger","iconOnly","_tmpl$16","DetailPanelSection","collapsible","_el$63","_tmpl$24","_el$64","_el$72","_el$73","_co$14","_el$65","_el$66","_el$68","_el$69","_co$13","_el$74","_el$75","_co$15","_el$76","_el$77","_co$16","_el$79","_el$80","_co$17","_el$67","_el$70","_tmpl$21","_el$71","_tmpl$22","_el$78","_tmpl$23","_el$49","_tmpl$20","_el$50","_el$58","_el$59","_co$11","_el$51","_el$52","_el$54","_el$55","_co$10","_el$60","_el$61","_co$12","_el$57","_el$62","_el$53","_tmpl$18","_el$56","_tmpl$19","_v$7","_v$8","defaultOpen","_$setProperty","DetailPanel","_el$81","Header","Body","Summary","Group","Section","Action"],"sources":["layout/DetailPanel.tsx"],"sourcesContent":["import { createUniqueId, type JSX, Show, splitProps } from \"solid-js\";\nimport { Button, ButtonLink, type ButtonLinkProps, type ButtonProps } from \"../actions/Button\";\nimport { Dropdown, type DropdownItem } from \"../actions/Dropdown\";\n\nexport type DetailPanelProps = {\n  children: JSX.Element;\n  class?: string;\n};\n\ntype DetailPanelHeaderBaseProps = {\n  title: JSX.Element;\n  subtitle?: JSX.Element;\n  meta?: JSX.Element;\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  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  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  meta?: JSX.Element;\n  class?: string;\n};\n\ntype DetailPanelActionBaseProps = {\n  title: JSX.Element;\n  description?: JSX.Element;\n  leading?: JSX.Element;\n  trailing?: JSX.Element;\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        defaultOpen?: never;\n      }\n    | {\n        children: JSX.Element;\n        actions?: never;\n        collapsible: true;\n        defaultOpen?: 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 DetailPanelHeader = (props: DetailPanelHeaderProps): JSX.Element => (\n  <header class={classNames(\"k2b-detail-panel__header\", props.class)}>\n    <div class=\"k2b-detail-panel__header-main\">\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        <h2>{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={props.actions}>\n        <div class=\"k2b-detail-panel__actions\">{props.actions}</div>\n      </Show>\n    </div>\n    <Show when={props.primaryActions}>\n      <div class=\"k2b-detail-panel__primary-actions\">{props.primaryActions}</div>\n    </Show>\n  </header>\n);\n\nconst DetailPanelBody = (props: DetailPanelBodyProps): JSX.Element => (\n  <div class={classNames(\"k2b-detail-panel__body\", props.class)} data-scroll-preserve={props.scrollPreserveKey}>\n    {props.children}\n  </div>\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  <div class={classNames(\"k2b-detail-panel__group\", props.class)} role=\"group\" aria-label={props.label}>\n    {props.children}\n  </div>\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\nconst DetailPanelActionContent = (props: DetailPanelActionBaseProps): JSX.Element => (\n  <>\n    <Show when={props.leading}>\n      <span class=\"k2b-detail-panel__action-leading\">{props.leading}</span>\n    </Show>\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, [\"class\", \"description\", \"href\", \"leading\", \"menuItems\", \"menuLabel\", \"title\", \"trailing\"]);\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          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        variant=\"ghost\"\n        size=\"sm\"\n      >\n        {content()}\n      </ButtonLink>\n    </Show>\n  );\n\n  return (\n    <Show when={local.menuItems?.length} fallback={action()}>\n      <div class=\"k2b-detail-panel__action-row\">\n        {action()}\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      </div>\n    </Show>\n  );\n};\n\nconst DetailPanelSection = (props: DetailPanelSectionProps): JSX.Element => {\n  const headingId = `k2b-detail-panel-section-${createUniqueId()}`;\n  const className = () => classNames(\"k2b-detail-panel__section\", props.class);\n\n  return (\n    <Show\n      when={props.collapsible}\n      fallback={\n        <section class={className()} aria-labelledby={headingId}>\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              <h3 id={headingId}>{props.title}</h3>\n              <Show when={props.description}>\n                <p>{props.description}</p>\n              </Show>\n            </div>\n            <Show when={props.meta}>\n              <div class=\"k2b-detail-panel__section-meta\">{props.meta}</div>\n            </Show>\n            <Show when={props.actions}>\n              <div class=\"k2b-detail-panel__section-actions\">{props.actions}</div>\n            </Show>\n          </header>\n          <Show when={props.children !== undefined}>\n            <div class=\"k2b-detail-panel__section-body\">{props.children}</div>\n          </Show>\n        </section>\n      }\n    >\n      <details class={className()} open={props.defaultOpen}>\n        <summary class=\"k2b-detail-panel__section-summary\">\n          <DetailPanelSectionIcon icon={props.icon} tone={props.tone} />\n          <span class=\"k2b-detail-panel__section-copy\">\n            <span id={headingId} class=\"k2b-detail-panel__section-title\">\n              {props.title}\n            </span>\n            <Show when={props.description}>\n              <span class=\"k2b-detail-panel__section-description\">{props.description}</span>\n            </Show>\n          </span>\n          <Show when={props.meta}>\n            <span class=\"k2b-detail-panel__section-meta\">{props.meta}</span>\n          </Show>\n          <i class=\"ti ti-chevron-down\" aria-hidden=\"true\" />\n        </summary>\n        <div class=\"k2b-detail-panel__section-body\">{props.children}</div>\n      </details>\n    </Show>\n  );\n};\n\nconst DetailPanel = ((props: DetailPanelProps): JSX.Element => (\n  <div class={classNames(\"k2b-detail-panel\", props.class)}>{props.children}</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":["createEffect","createSignal","createUniqueId","Show","splitProps","Button","ButtonLink","Dropdown","classNames","base","extra","DetailPanelHeader","props","_el$","_$getNextElement","_tmpl$7","_el$2","firstChild","_el$14","_el$15","_co$4","_$getNextMarker","nextSibling","_el$16","_el$17","_co$5","_el$4","_el$5","_el$11","_el$12","_co$3","_el$18","_el$19","_co$6","_el$21","_el$22","_co$7","_$insert","_$createComponent","when","icon","children","_el$23","_tmpl$8","_el$24","_$effect","_$className","leading","_el$3","_tmpl$","title","subtitle","meta","_el$6","_tmpl$4","_el$9","_el$0","_co$","_el$1","_el$10","_co$2","_el$7","_tmpl$2","_el$8","_tmpl$3","actions","_el$13","_tmpl$5","primaryActions","_el$20","_tmpl$6","class","DetailPanelBody","_el$25","_tmpl$9","_p$","_v$","_v$2","scrollPreserveKey","e","t","_$setAttribute","undefined","DetailPanelSummary","headingId","_el$26","_tmpl$1","_el$27","_el$28","_el$30","_el$31","_co$8","_el$32","_el$29","_tmpl$0","DetailPanelGroup","_el$33","_tmpl$10","_v$3","_v$4","label","DetailPanelSectionIcon","_el$34","_tmpl$11","_el$35","_v$5","tone","_v$6","DetailPanelActionContent","_el$36","_tmpl$12","_el$37","_tmpl$14","_el$38","_el$40","_el$41","_co$9","description","_el$39","_tmpl$13","trailing","_el$42","_tmpl$15","DetailPanelAction","local","rest","className","content","action","href","fallback","_$mergeProps","variant","size","menuItems","length","_el$43","_tmpl$17","_el$45","_el$46","_co$0","_el$47","_el$48","_co$1","Root","items","align","menuLabel","Trigger","iconOnly","_tmpl$16","DetailPanelSection","bodyId","internalOpen","setInternalOpen","defaultOpen","open","expand","collapse","body","toggle","next","disabled","onOpenChange","expanded","queueMicrotask","active","ownerDocument","activeElement","focus","contains","collapsible","_el$74","_tmpl$27","_el$75","_el$83","_el$84","_co$16","_el$76","_el$77","_el$79","_el$80","_co$15","_el$85","_el$86","_co$17","_el$87","_el$88","_co$18","_el$90","_el$91","_co$19","_el$78","_el$81","_tmpl$22","_el$82","_tmpl$25","_el$89","_tmpl$26","_el$49","_tmpl$24","_el$50","_el$58","_el$59","_el$67","_el$68","_co$12","_el$60","_el$61","_el$63","_el$64","_co$11","_el$69","_el$70","_co$13","_el$71","_el$72","_co$14","_el$73","ref","r$","_ref$","onClick","_el$51","_tmpl$19","_el$52","_el$54","_el$55","_co$10","_el$53","_tmpl$18","_el$56","_tmpl$20","_tmpl$21","_el$62","_el$65","_ref$2","_tmpl$23","_ref$3","_$use","_v$7","_v$8","_v$9","_v$0","_v$1","_v$10","a","o","_$setProperty","i","n","DetailPanel","_el$92","Header","Body","Summary","Group","Section","Action"],"sources":["layout/DetailPanel.tsx"],"sourcesContent":["import { createEffect, createSignal, createUniqueId, type JSX, Show, splitProps } from \"solid-js\";\nimport { Button, ButtonLink, type ButtonLinkProps, type ButtonProps } from \"../actions/Button\";\nimport { Dropdown, type DropdownItem } from \"../actions/Dropdown\";\n\nexport type DetailPanelProps = {\n  children: JSX.Element;\n  class?: string;\n};\n\ntype DetailPanelHeaderBaseProps = {\n  title: JSX.Element;\n  subtitle?: JSX.Element;\n  meta?: JSX.Element;\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  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  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  meta?: JSX.Element;\n  class?: string;\n};\n\ntype DetailPanelActionBaseProps = {\n  title: JSX.Element;\n  description?: JSX.Element;\n  leading?: JSX.Element;\n  trailing?: JSX.Element;\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        defaultOpen?: never;\n        open?: never;\n        onOpenChange?: never;\n        disabled?: never;\n      }\n    | {\n        children: JSX.Element;\n        actions?: never;\n        collapsible: true;\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 DetailPanelHeader = (props: DetailPanelHeaderProps): JSX.Element => (\n  <header class={classNames(\"k2b-detail-panel__header\", props.class)}>\n    <div class=\"k2b-detail-panel__header-main\">\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        <h2>{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={props.actions}>\n        <div class=\"k2b-detail-panel__actions\">{props.actions}</div>\n      </Show>\n    </div>\n    <Show when={props.primaryActions}>\n      <div class=\"k2b-detail-panel__primary-actions\">{props.primaryActions}</div>\n    </Show>\n  </header>\n);\n\nconst DetailPanelBody = (props: DetailPanelBodyProps): JSX.Element => (\n  <div class={classNames(\"k2b-detail-panel__body\", props.class)} data-scroll-preserve={props.scrollPreserveKey}>\n    {props.children}\n  </div>\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  <div class={classNames(\"k2b-detail-panel__group\", props.class)} role=\"group\" aria-label={props.label}>\n    {props.children}\n  </div>\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\nconst DetailPanelActionContent = (props: DetailPanelActionBaseProps): JSX.Element => (\n  <>\n    <Show when={props.leading}>\n      <span class=\"k2b-detail-panel__action-leading\">{props.leading}</span>\n    </Show>\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, [\"class\", \"description\", \"href\", \"leading\", \"menuItems\", \"menuLabel\", \"title\", \"trailing\"]);\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          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        variant=\"ghost\"\n        size=\"sm\"\n      >\n        {content()}\n      </ButtonLink>\n    </Show>\n  );\n\n  return (\n    <Show when={local.menuItems?.length} fallback={action()}>\n      <div class=\"k2b-detail-panel__action-row\">\n        {action()}\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      </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\n  return (\n    <Show\n      when={props.collapsible}\n      fallback={\n        <section class={className()} aria-labelledby={headingId}>\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              <h3 id={headingId}>{props.title}</h3>\n              <Show when={props.description}>\n                <p>{props.description}</p>\n              </Show>\n            </div>\n            <Show when={props.meta}>\n              <div class=\"k2b-detail-panel__section-meta\">{props.meta}</div>\n            </Show>\n            <Show when={props.actions}>\n              <div class=\"k2b-detail-panel__section-actions\">{props.actions}</div>\n            </Show>\n          </header>\n          <Show when={props.children !== undefined}>\n            <div class=\"k2b-detail-panel__section-body\">{props.children}</div>\n          </Show>\n        </section>\n      }\n    >\n      <section class={className()} aria-labelledby={open() ? headingId : `${headingId}-closed`} data-open={open()}>\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 id={`${headingId}-closed`} class=\"k2b-detail-panel__section-title\">\n                {props.title}\n              </span>\n              <Show when={props.description}>\n                <span class=\"k2b-detail-panel__section-description\">{props.description}</span>\n              </Show>\n            </span>\n            <Show when={props.meta}>\n              <span class=\"k2b-detail-panel__section-meta\">{props.meta}</span>\n            </Show>\n            <i class=\"ti ti-chevron-down\" aria-hidden=\"true\" />\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              <h3 id={headingId}>{props.title}</h3>\n              <Show when={props.description}>\n                <p>{props.description}</p>\n              </Show>\n            </div>\n            <Show when={props.meta}>\n              <div class=\"k2b-detail-panel__section-meta\">{props.meta}</div>\n            </Show>\n            <Button\n              ref={collapse}\n              variant=\"ghost\"\n              size=\"sm\"\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)}>{props.children}</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":[]}

package/dist/browser/layout/PanelDialog.js

@@ -123,7 +123,16 @@ const PanelDialogHeader = props => {
         return _el$8;
       }
     }), _el$12, _co$4);
-    _$effect(() => _$setAttribute(_el$, "data-surface", usePanelDialogSurface()));
+    _$effect(_p$ => {
+      var _v$3 = usePanelDialogSurface(),
+        _v$4 = Boolean(props.subtitle);
+      _v$3 !== _p$.e && _$setAttribute(_el$, "data-surface", _p$.e = _v$3);
+      _v$4 !== _p$.t && _$setAttribute(_el$, "data-has-subtitle", _p$.t = _v$4);
+      return _p$;
+    }, {
+      e: undefined,
+      t: undefined
+    });
     return _el$;
   })();
 };
@@ -131,10 +140,10 @@ const PanelDialogBody = props => (() => {
   var _el$14 = _$getNextElement(_tmpl$6);
   _$insert(_el$14, () => props.children);
   _$effect(_p$ => {
-    var _v$3 = props.scrollPreserveKey,
-      _v$4 = usePanelDialogSurface();
-    _v$3 !== _p$.e && _$setAttribute(_el$14, "data-scroll-preserve", _p$.e = _v$3);
-    _v$4 !== _p$.t && _$setAttribute(_el$14, "data-surface", _p$.t = _v$4);
+    var _v$5 = props.scrollPreserveKey,
+      _v$6 = usePanelDialogSurface();
+    _v$5 !== _p$.e && _$setAttribute(_el$14, "data-scroll-preserve", _p$.e = _v$5);
+    _v$6 !== _p$.t && _$setAttribute(_el$14, "data-surface", _p$.t = _v$6);
     return _p$;
   }, {
     e: undefined,