@smwb/ui-solid 0.12.1 → 0.14.0

package/dist/components/layout/pageHeader/pageHeader.js

@@ -1,7 +1,7 @@
-import { use as v, spread as w, mergeProps as $, insert as t, createComponent as s, template as n } from "solid-js/web";
+import { use as v, spread as w, mergeProps as $, insert as t, createComponent as a, template as n } from "solid-js/web";
 import '../../../assets/styles/less/components/pageHeader/pageHeader.entry.css';import '../../../assets/styles/less/tokens.entry.css';/* empty css                                     */
 /* empty css                                                               */
-import { mergeProps as y, splitProps as P, children as l, Show as i } from "solid-js";
+import { mergeProps as y, splitProps as P, children as i, Show as l } from "solid-js";
 import C from "clsx";
 import { mergeRefs as x } from "../../../primitives/mergeRefs.js";
 import { Typography as h } from "../../dataDisplay/typography/typography.js";
@@ -9,36 +9,38 @@ var S = /* @__PURE__ */ n("<div class=smwb-page-header__breadcrumbs>"), k = /* @
 function E(_) {
   const b = y({
     divider: !1
-  }, _), [r, f] = P(b, ["title", "subtitle", "breadcrumbs", "actions", "divider", "class", "ref"]), d = l(() => r.title), c = l(() => r.subtitle), m = l(() => r.breadcrumbs), p = l(() => r.actions);
+  }, _), [e, f] = P(b, ["title", "subtitle", "breadcrumbs", "actions", "divider", "class", "ref", "data-testid"]), d = i(() => e.title), c = i(() => e.subtitle), m = i(() => e.breadcrumbs), p = i(() => e.actions);
   return (() => {
-    var a = H(), o = a.firstChild, g = o.firstChild, u = x(r.ref);
-    return typeof u == "function" && v(u, a), w(a, $(f, {
-      "data-testid": "page-header",
+    var s = H(), o = s.firstChild, g = o.firstChild, u = x(e.ref);
+    return typeof u == "function" && v(u, s), w(s, $(f, {
+      get "data-testid"() {
+        return e["data-testid"] ?? "page-header";
+      },
       get class() {
         return C("smwb-page-header", {
-          "smwb-page-header_divider": r.divider
-        }, r.class);
+          "smwb-page-header_divider": e.divider
+        }, e.class);
       }
-    }), !1, !0), t(a, s(i, {
+    }), !1, !0), t(s, a(l, {
       get when() {
         return m();
       },
       get children() {
-        var e = S();
-        return t(e, m), e;
+        var r = S();
+        return t(r, m), r;
       }
-    }), o), t(g, s(i, {
+    }), o), t(g, a(l, {
       get when() {
         return typeof d() == "string";
       },
       get fallback() {
         return (() => {
-          var e = R();
-          return t(e, d), e;
+          var r = R();
+          return t(r, d), r;
         })();
       },
       get children() {
-        return s(h, {
+        return a(h, {
           variant: "h4",
           component: "h1",
           class: "smwb-page-header__title",
@@ -47,12 +49,12 @@ function E(_) {
           }
         });
       }
-    }), null), t(g, s(i, {
+    }), null), t(g, a(l, {
       get when() {
         return c();
       },
       get children() {
-        return s(h, {
+        return a(h, {
           variant: "body2",
           color: "textSecondary",
           class: "smwb-page-header__subtitle",
@@ -61,15 +63,15 @@ function E(_) {
           }
         });
       }
-    }), null), t(o, s(i, {
+    }), null), t(o, a(l, {
       get when() {
         return p();
       },
       get children() {
-        var e = k();
-        return t(e, p), e;
+        var r = k();
+        return t(r, p), r;
       }
-    }), null), a;
+    }), null), s;
   })();
 }
 export {

package/dist/components/layout/pageHeader/pageHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"pageHeader.js","sources":["../../../../src/components/layout/pageHeader/pageHeader.tsx"],"sourcesContent":["import { type JSX, Show, children, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { Typography } from \"../../dataDisplay/typography\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport interface PageHeaderProps extends Omit<JSX.HTMLAttributes<HTMLElement>, \"title\"> {\n  title: JSX.Element | string;\n  subtitle?: JSX.Element | string;\n  /** Slot above the title (e.g. <Breadcrumbs />). */\n  breadcrumbs?: JSX.Element;\n  /** Slot on the trailing side (e.g. action buttons). */\n  actions?: JSX.Element;\n  /** Render a divider below the header. */\n  divider?: boolean;\n  ref?: Ref<HTMLElement>;\n}\n\nexport function PageHeader(props: PageHeaderProps): JSX.Element {\n  const merged = mergeProps({ divider: false }, props);\n  const [local, rest] = splitProps(merged, [\n    \"title\",\n    \"subtitle\",\n    \"breadcrumbs\",\n    \"actions\",\n    \"divider\",\n    \"class\",\n    \"ref\",\n  ]);\n\n  // Read each slot once: markup passed as a prop is created anew on every read,\n  // and during hydration a copy the server never rendered has no DOM node.\n  const title = children(() => local.title);\n  const subtitle = children(() => local.subtitle);\n  const breadcrumbs = children(() => local.breadcrumbs);\n  const actions = children(() => local.actions);\n\n  return (\n    <header\n      {...rest}\n      ref={mergeRefs(local.ref)}\n      data-testid=\"page-header\"\n      class={cn(\"smwb-page-header\", { \"smwb-page-header_divider\": local.divider }, local.class)}\n    >\n      <Show when={breadcrumbs()}>\n        <div class=\"smwb-page-header__breadcrumbs\">{breadcrumbs()}</div>\n      </Show>\n      <div class=\"smwb-page-header__row\">\n        <div class=\"smwb-page-header__titles\">\n          <Show\n            when={typeof title() === \"string\"}\n            fallback={<div class=\"smwb-page-header__title\">{title()}</div>}\n          >\n            <Typography variant=\"h4\" component=\"h1\" class=\"smwb-page-header__title\">\n              {title()}\n            </Typography>\n          </Show>\n          <Show when={subtitle()}>\n            <Typography variant=\"body2\" color=\"textSecondary\" class=\"smwb-page-header__subtitle\">\n              {subtitle()}\n            </Typography>\n          </Show>\n        </div>\n        <Show when={actions()}>\n          <div class=\"smwb-page-header__actions\">{actions()}</div>\n        </Show>\n      </div>\n    </header>\n  );\n}\n\nexport default PageHeader;\n"],"names":["PageHeader","props","merged","mergeProps","divider","local","rest","splitProps","title","children","subtitle","breadcrumbs","actions","_el$","_tmpl$3","_el$3","firstChild","_el$4","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","cn","class","_$insert","_$createComponent","Show","when","_el$2","_tmpl$","fallback","_el$6","_tmpl$4","Typography","variant","component","color","_el$5","_tmpl$2"],"mappings":";;;;;;;;AAmBO,SAASA,EAAWC,GAAqC;AAC9D,QAAMC,IAASC,EAAW;AAAA,IAAEC,SAAS;AAAA,EAAA,GAASH,CAAK,GAC7C,CAACI,GAAOC,CAAI,IAAIC,EAAWL,GAAQ,CACvC,SACA,YACA,eACA,WACA,WACA,SACA,KAAK,CACN,GAIKM,IAAQC,EAAS,MAAMJ,EAAMG,KAAK,GAClCE,IAAWD,EAAS,MAAMJ,EAAMK,QAAQ,GACxCC,IAAcF,EAAS,MAAMJ,EAAMM,WAAW,GAC9CC,IAAUH,EAAS,MAAMJ,EAAMO,OAAO;AAE5C,UAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,GAAAC,IAAAF,EAAAG,YAAAC,IAAAF,EAAAC,YAAAE,IAGSC,EAAUd,EAAMe,GAAG;AAAC,kBAAAF,KAAA,cAAAG,EAAAH,GAAAL,CAAA,GAAAS,EAAAT,GAAAU,EADrBjB,GAAI;AAAA,MAAA,eAEI;AAAA,MAAa,IAAA,QAAA;AAAA,eAClBkB,EAAG,oBAAoB;AAAA,UAAE,4BAA4BnB,EAAMD;AAAAA,QAAAA,GAAWC,EAAMoB,KAAK;AAAA,MAAC;AAAA,IAAA,CAAA,GAAA,IAAA,EAAA,GAAAC,EAAAb,GAAAc,EAExFC,GAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAElB,EAAAA;AAAAA,MAAa;AAAA,MAAA,IAAAF,WAAA;AAAA,YAAAqB,IAAAC,EAAAA;AAAAL,eAAAA,EAAAI,GACqBnB,CAAW,GAAAmB;AAAAA,MAAA;AAAA,IAAA,CAAA,GAAAf,CAAA,GAAAW,EAAAT,GAAAU,EAIpDC,GAAI;AAAA,MAAA,IACHC,OAAI;AAAA,eAAE,OAAOrB,OAAY;AAAA,MAAQ;AAAA,MAAA,IACjCwB,WAAQ;AAAA,gBAAA,MAAA;AAAA,cAAAC,IAAAC,EAAAA;AAAAR,iBAAAA,EAAAO,GAAwCzB,CAAK,GAAAyB;AAAAA,QAAA,GAAA;AAAA,MAAA;AAAA,MAAA,IAAAxB,WAAA;AAAA,eAAAkB,EAEpDQ,GAAU;AAAA,UAACC,SAAO;AAAA,UAAMC,WAAS;AAAA,UAAA,OAAA;AAAA,UAAA,IAAA5B,WAAA;AAAA,mBAC/BD,EAAAA;AAAAA,UAAO;AAAA,QAAA,CAAA;AAAA,MAAA;AAAA,IAAA,CAAA,GAAA,IAAA,GAAAkB,EAAAT,GAAAU,EAGXC,GAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAEnB,EAAAA;AAAAA,MAAU;AAAA,MAAA,IAAAD,WAAA;AAAA,eAAAkB,EACnBQ,GAAU;AAAA,UAACC,SAAO;AAAA,UAASE,OAAK;AAAA,UAAA,OAAA;AAAA,UAAA,IAAA7B,WAAA;AAAA,mBAC9BC,EAAAA;AAAAA,UAAU;AAAA,QAAA,CAAA;AAAA,MAAA;AAAA,IAAA,CAAA,GAAA,IAAA,GAAAgB,EAAAX,GAAAY,EAIhBC,GAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAEjB,EAAAA;AAAAA,MAAS;AAAA,MAAA,IAAAH,WAAA;AAAA,YAAA8B,IAAAC,EAAAA;AAAAd,eAAAA,EAAAa,GACqB3B,CAAO,GAAA2B;AAAAA,MAAA;AAAA,IAAA,CAAA,GAAA,IAAA,GAAA1B;AAAAA,EAAA,GAAA;AAKzD;"}
+{"version":3,"file":"pageHeader.js","sources":["../../../../src/components/layout/pageHeader/pageHeader.tsx"],"sourcesContent":["import { type JSX, Show, children, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { Typography } from \"../../dataDisplay/typography\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport interface PageHeaderProps extends Omit<JSX.HTMLAttributes<HTMLElement>, \"title\"> {\n  title: JSX.Element | string;\n  subtitle?: JSX.Element | string;\n  /** Slot above the title (e.g. <Breadcrumbs />). */\n  breadcrumbs?: JSX.Element;\n  /** Slot on the trailing side (e.g. action buttons). */\n  actions?: JSX.Element;\n  /** Render a divider below the header. */\n  divider?: boolean;\n  /** Test id of the root `<header>`; `page-header` unless given. */\n  \"data-testid\"?: string | undefined;\n  ref?: Ref<HTMLElement>;\n}\n\nexport function PageHeader(props: PageHeaderProps): JSX.Element {\n  const merged = mergeProps({ divider: false }, props);\n  const [local, rest] = splitProps(merged, [\n    \"title\",\n    \"subtitle\",\n    \"breadcrumbs\",\n    \"actions\",\n    \"divider\",\n    \"class\",\n    \"ref\",\n    \"data-testid\",\n  ]);\n\n  // Read each slot once: markup passed as a prop is created anew on every read,\n  // and during hydration a copy the server never rendered has no DOM node.\n  const title = children(() => local.title);\n  const subtitle = children(() => local.subtitle);\n  const breadcrumbs = children(() => local.breadcrumbs);\n  const actions = children(() => local.actions);\n\n  return (\n    <header\n      {...rest}\n      ref={mergeRefs(local.ref)}\n      data-testid={local[\"data-testid\"] ?? \"page-header\"}\n      class={cn(\"smwb-page-header\", { \"smwb-page-header_divider\": local.divider }, local.class)}\n    >\n      <Show when={breadcrumbs()}>\n        <div class=\"smwb-page-header__breadcrumbs\">{breadcrumbs()}</div>\n      </Show>\n      <div class=\"smwb-page-header__row\">\n        <div class=\"smwb-page-header__titles\">\n          <Show\n            when={typeof title() === \"string\"}\n            fallback={<div class=\"smwb-page-header__title\">{title()}</div>}\n          >\n            <Typography variant=\"h4\" component=\"h1\" class=\"smwb-page-header__title\">\n              {title()}\n            </Typography>\n          </Show>\n          <Show when={subtitle()}>\n            <Typography variant=\"body2\" color=\"textSecondary\" class=\"smwb-page-header__subtitle\">\n              {subtitle()}\n            </Typography>\n          </Show>\n        </div>\n        <Show when={actions()}>\n          <div class=\"smwb-page-header__actions\">{actions()}</div>\n        </Show>\n      </div>\n    </header>\n  );\n}\n\nexport default PageHeader;\n"],"names":["PageHeader","props","merged","mergeProps","divider","local","rest","splitProps","title","children","subtitle","breadcrumbs","actions","_el$","_tmpl$3","_el$3","firstChild","_el$4","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","cn","class","_$insert","_$createComponent","Show","when","_el$2","_tmpl$","fallback","_el$6","_tmpl$4","Typography","variant","component","color","_el$5","_tmpl$2"],"mappings":";;;;;;;;AAqBO,SAASA,EAAWC,GAAqC;AAC9D,QAAMC,IAASC,EAAW;AAAA,IAAEC,SAAS;AAAA,EAAA,GAASH,CAAK,GAC7C,CAACI,GAAOC,CAAI,IAAIC,EAAWL,GAAQ,CACvC,SACA,YACA,eACA,WACA,WACA,SACA,OACA,aAAa,CACd,GAIKM,IAAQC,EAAS,MAAMJ,EAAMG,KAAK,GAClCE,IAAWD,EAAS,MAAMJ,EAAMK,QAAQ,GACxCC,IAAcF,EAAS,MAAMJ,EAAMM,WAAW,GAC9CC,IAAUH,EAAS,MAAMJ,EAAMO,OAAO;AAE5C,UAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,GAAAC,IAAAF,EAAAG,YAAAC,IAAAF,EAAAC,YAAAE,IAGSC,EAAUd,EAAMe,GAAG;AAAC,kBAAAF,KAAA,cAAAG,EAAAH,GAAAL,CAAA,GAAAS,EAAAT,GAAAU,EADrBjB,GAAI;AAAA,MAAA,IAAA,gBAAA;AAAA,eAEKD,EAAM,aAAa,KAAK;AAAA,MAAa;AAAA,MAAA,IAAA,QAAA;AAAA,eAC3CmB,EAAG,oBAAoB;AAAA,UAAE,4BAA4BnB,EAAMD;AAAAA,QAAAA,GAAWC,EAAMoB,KAAK;AAAA,MAAC;AAAA,IAAA,CAAA,GAAA,IAAA,EAAA,GAAAC,EAAAb,GAAAc,EAExFC,GAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAElB,EAAAA;AAAAA,MAAa;AAAA,MAAA,IAAAF,WAAA;AAAA,YAAAqB,IAAAC,EAAAA;AAAAL,eAAAA,EAAAI,GACqBnB,CAAW,GAAAmB;AAAAA,MAAA;AAAA,IAAA,CAAA,GAAAf,CAAA,GAAAW,EAAAT,GAAAU,EAIpDC,GAAI;AAAA,MAAA,IACHC,OAAI;AAAA,eAAE,OAAOrB,OAAY;AAAA,MAAQ;AAAA,MAAA,IACjCwB,WAAQ;AAAA,gBAAA,MAAA;AAAA,cAAAC,IAAAC,EAAAA;AAAAR,iBAAAA,EAAAO,GAAwCzB,CAAK,GAAAyB;AAAAA,QAAA,GAAA;AAAA,MAAA;AAAA,MAAA,IAAAxB,WAAA;AAAA,eAAAkB,EAEpDQ,GAAU;AAAA,UAACC,SAAO;AAAA,UAAMC,WAAS;AAAA,UAAA,OAAA;AAAA,UAAA,IAAA5B,WAAA;AAAA,mBAC/BD,EAAAA;AAAAA,UAAO;AAAA,QAAA,CAAA;AAAA,MAAA;AAAA,IAAA,CAAA,GAAA,IAAA,GAAAkB,EAAAT,GAAAU,EAGXC,GAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAEnB,EAAAA;AAAAA,MAAU;AAAA,MAAA,IAAAD,WAAA;AAAA,eAAAkB,EACnBQ,GAAU;AAAA,UAACC,SAAO;AAAA,UAASE,OAAK;AAAA,UAAA,OAAA;AAAA,UAAA,IAAA7B,WAAA;AAAA,mBAC9BC,EAAAA;AAAAA,UAAU;AAAA,QAAA,CAAA;AAAA,MAAA;AAAA,IAAA,CAAA,GAAA,IAAA,GAAAgB,EAAAX,GAAAY,EAIhBC,GAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAEjB,EAAAA;AAAAA,MAAS;AAAA,MAAA,IAAAH,WAAA;AAAA,YAAA8B,IAAAC,EAAAA;AAAAd,eAAAA,EAAAa,GACqB3B,CAAO,GAAA2B;AAAAA,MAAA;AAAA,IAAA,CAAA,GAAA,IAAA,GAAA1B;AAAAA,EAAA,GAAA;AAKzD;"}

package/dist/components/layout/sectionHeader/sectionHeader.d.ts

@@ -19,6 +19,8 @@ export interface SectionHeaderProps extends Omit<JSX.HTMLAttributes<HTMLElement>
     titleId?: string;
     /** A line under the title. */
     subtitle?: JSX.Element;
+    /** Test id of the root `<header>`; `section-header` unless given. */
+    "data-testid"?: string | undefined;
     ref?: Ref<HTMLElement>;
 }
 /**

package/dist/components/layout/sectionHeader/sectionHeader.js

@@ -1,49 +1,52 @@
-import { use as f, spread as g, mergeProps as v, insert as n, createComponent as l, Dynamic as b, memo as $, template as a, effect as w, setAttribute as E, delegateEvents as L } from "solid-js/web";
+import { use as f, spread as g, mergeProps as b, insert as n, createComponent as l, Dynamic as v, memo as $, template as a, effect as w, setAttribute as L } from "solid-js/web";
 import '../../../assets/styles/less/components/sectionHeader/sectionHeader.entry.css';import '../../../assets/styles/less/tokens.entry.css';/* empty css                                     */
 /* empty css                                                                     */
-import { mergeProps as x, splitProps as y, children as _, Show as c, createSignal as P } from "solid-js";
-import k from "clsx";
-import { mergeRefs as C } from "../../../primitives/mergeRefs.js";
-import { Tooltip as H } from "../../feedBack/tooltip/tooltip.js";
-import { Icon as I } from "../../base/icon/icon.js";
-var S = /* @__PURE__ */ a("<span class=smwb-section-header__help role=img tabindex=0>"), z = /* @__PURE__ */ a("<span class=smwb-section-header__count>"), A = /* @__PURE__ */ a("<div class=smwb-section-header__subtitle>"), D = /* @__PURE__ */ a("<div class=smwb-section-header__actions>"), O = /* @__PURE__ */ a("<header data-testid=section-header><div class=smwb-section-header__titles><div class=smwb-section-header__title-line>");
-function R(s) {
-  const [d, e] = P(!1);
-  return l(H, {
+import { mergeProps as x, splitProps as E, children as _, Show as c, createSignal as P } from "solid-js";
+import C from "clsx";
+import { mergeRefs as H } from "../../../primitives/mergeRefs.js";
+import { createDismissOnEscape as I } from "../../../primitives/createDismissOnEscape.js";
+import { Tooltip as S } from "../../feedBack/tooltip/tooltip.js";
+import { Icon as y } from "../../base/icon/icon.js";
+var D = /* @__PURE__ */ a("<span class=smwb-section-header__help role=img tabindex=0>"), O = /* @__PURE__ */ a("<span class=smwb-section-header__count>"), z = /* @__PURE__ */ a("<div class=smwb-section-header__subtitle>"), A = /* @__PURE__ */ a("<div class=smwb-section-header__actions>"), R = /* @__PURE__ */ a("<header><div class=smwb-section-header__titles><div class=smwb-section-header__title-line>");
+function T(s) {
+  const [o, e] = P(!1);
+  return I(o, () => e(!1)), l(S, {
     class: "smwb-section-header__tooltip",
     get message() {
       return s.text;
     },
     trigger: "manual",
     get open() {
-      return d();
+      return o();
     },
     placement: "top",
     offset: {
       offsetY: 6
     },
     get children() {
-      var t = S();
-      return t.$$keydown = (o) => {
-        o.key === "Escape" && e(!1);
-      }, t.addEventListener("blur", () => e(!1)), t.addEventListener("focus", () => e(!0)), t.addEventListener("pointerleave", () => e(!1)), t.addEventListener("pointerenter", () => e(!0)), n(t, l(I, {
+      var r = D();
+      return r.addEventListener("blur", () => e(!1)), r.addEventListener("focus", () => e(!0)), r.addEventListener("pointerleave", () => e(!1)), r.addEventListener("pointerenter", () => e(!0)), n(r, l(y, {
         name: "help",
         size: 16
-      })), w(() => E(t, "aria-label", s.label ?? s.text)), t;
+      })), w(() => L(r, "aria-label", s.label ?? s.text)), r;
     }
   });
 }
-function K(s) {
-  const d = x({
+function M(s) {
+  const o = x({
     level: 2
-  }, s), [e, t] = y(d, ["class", "title", "level", "count", "help", "helpLabel", "titleId", "subtitle", "children", "ref"]), o = _(() => e.subtitle), u = _(() => e.children);
+  }, s), [e, r] = E(o, ["class", "title", "level", "count", "help", "helpLabel", "titleId", "subtitle", "children", "ref", "data-testid"]), m = _(() => e.subtitle), u = _(() => e.children);
   return (() => {
-    var i = O(), p = i.firstChild, m = p.firstChild, h = C(e.ref);
-    return typeof h == "function" && f(h, i), g(i, v(t, {
+    var i = R(), p = i.firstChild, d = p.firstChild, h = H(e.ref);
+    return typeof h == "function" && f(h, i), g(i, b({
+      get "data-testid"() {
+        return e["data-testid"] ?? "section-header";
+      }
+    }, r, {
       get class() {
-        return k("smwb-section-header", `smwb-section-header_level-${e.level}`, e.class);
+        return C("smwb-section-header", `smwb-section-header_level-${e.level}`, e.class);
       }
-    }), !1, !0), n(m, l(b, {
+    }), !1, !0), n(d, l(v, {
       get component() {
         return `h${e.level}`;
       },
@@ -54,21 +57,21 @@ function K(s) {
       get children() {
         return e.title;
       }
-    }), null), n(m, l(c, {
+    }), null), n(d, l(c, {
       get when() {
         return $(() => e.count !== void 0)() && e.count !== null;
       },
       get children() {
-        var r = z();
-        return n(r, () => e.count), r;
+        var t = O();
+        return n(t, () => e.count), t;
       }
-    }), null), n(m, l(c, {
+    }), null), n(d, l(c, {
       get when() {
         return e.help;
       },
-      children: (r) => l(R, {
+      children: (t) => l(T, {
         get text() {
-          return r();
+          return t();
         },
         get label() {
           return e.helpLabel;
@@ -76,25 +79,24 @@ function K(s) {
       })
     }), null), n(p, l(c, {
       get when() {
-        return o();
+        return m();
       },
       get children() {
-        var r = A();
-        return n(r, o), r;
+        var t = z();
+        return n(t, m), t;
       }
     }), null), n(i, l(c, {
       get when() {
         return u();
       },
       get children() {
-        var r = D();
-        return n(r, u), r;
+        var t = A();
+        return n(t, u), t;
       }
     }), null), i;
   })();
 }
-L(["keydown"]);
 export {
-  K as SectionHeader
+  M as SectionHeader
 };
 //# sourceMappingURL=sectionHeader.js.map

package/dist/components/layout/sectionHeader/sectionHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"sectionHeader.js","sources":["../../../../src/components/layout/sectionHeader/sectionHeader.tsx"],"sourcesContent":["import { type JSX, type ParentProps, Show, children, createSignal, mergeProps, splitProps } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport cn from \"clsx\";\nimport { Icon } from \"../../base/icon\";\nimport { Tooltip } from \"../../feedBack/tooltip\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport interface SectionHeaderProps extends Omit<JSX.HTMLAttributes<HTMLElement>, \"title\"> {\n  /** The section's name. */\n  title: JSX.Element;\n  /** Heading level of the title: 2 by default. */\n  level?: 2 | 3 | 4 | 5 | 6;\n  /** How many items the section holds, beside the title. Nothing is shown for null. */\n  count?: number | string | null;\n  /**\n   * How to read the section, behind a \"?\" icon: shown on hover and on keyboard\n   * focus, and the icon's accessible name. Text only — the tooltip renders in\n   * the browser.\n   */\n  help?: string;\n  /** The \"?\" icon's accessible name, e.g. \"Explanation: …\"; the help text by default. */\n  helpLabel?: string;\n  /** Id of the heading, for anchors and aria-labelledby. */\n  titleId?: string;\n  /** A line under the title. */\n  subtitle?: JSX.Element;\n  ref?: Ref<HTMLElement>;\n}\n\n/** The \"?\" icon with its tooltip, open on hover and on keyboard focus. */\nfunction HelpHint(props: { text: string; label?: string | undefined }): JSX.Element {\n  const [open, setOpen] = createSignal(false);\n  return (\n    <Tooltip\n      class=\"smwb-section-header__tooltip\"\n      message={props.text}\n      trigger=\"manual\"\n      open={open()}\n      placement=\"top\"\n      offset={{ offsetY: 6 }}\n    >\n      <span\n        class=\"smwb-section-header__help\"\n        role=\"img\"\n        aria-label={props.label ?? props.text}\n        tabindex=\"0\"\n        onPointerEnter={() => setOpen(true)}\n        onPointerLeave={() => setOpen(false)}\n        onFocus={() => setOpen(true)}\n        onBlur={() => setOpen(false)}\n        onKeyDown={(event) => {\n          if (event.key === \"Escape\") setOpen(false);\n        }}\n      >\n        <Icon name=\"help\" size={16} />\n      </span>\n    </Tooltip>\n  );\n}\n\n/**\n * A section's heading row: the title with a count and a help hint, a subtitle\n * under them, and the section's actions (the children) at the end. On a narrow\n * screen the actions wrap under the title.\n */\nexport function SectionHeader(props: ParentProps<SectionHeaderProps>): JSX.Element {\n  const merged = mergeProps({ level: 2 as const }, props);\n  const [local, rest] = splitProps(merged, [\n    \"class\",\n    \"title\",\n    \"level\",\n    \"count\",\n    \"help\",\n    \"helpLabel\",\n    \"titleId\",\n    \"subtitle\",\n    \"children\",\n    \"ref\",\n  ]);\n\n  // Read the slots once: markup passed as a prop is created anew on every read,\n  // and during hydration the copy made for a <Show> test has no server DOM node.\n  const subtitle = children(() => local.subtitle);\n  const actions = children(() => local.children);\n\n  return (\n    <header\n      data-testid=\"section-header\"\n      {...rest}\n      ref={mergeRefs(local.ref)}\n      class={cn(\"smwb-section-header\", `smwb-section-header_level-${local.level}`, local.class)}\n    >\n      <div class=\"smwb-section-header__titles\">\n        <div class=\"smwb-section-header__title-line\">\n          <Dynamic component={`h${local.level}`} id={local.titleId} class=\"smwb-section-header__title\">\n            {local.title}\n          </Dynamic>\n          <Show when={local.count !== undefined && local.count !== null}>\n            <span class=\"smwb-section-header__count\">{local.count}</span>\n          </Show>\n          <Show when={local.help}>{(text) => <HelpHint text={text()} label={local.helpLabel} />}</Show>\n        </div>\n        <Show when={subtitle()}>\n          <div class=\"smwb-section-header__subtitle\">{subtitle()}</div>\n        </Show>\n      </div>\n      <Show when={actions()}>\n        <div class=\"smwb-section-header__actions\">{actions()}</div>\n      </Show>\n    </header>\n  );\n}\n\nexport default SectionHeader;\n"],"names":["HelpHint","props","open","setOpen","createSignal","_$createComponent","Tooltip","message","text","trigger","placement","offset","offsetY","children","_el$","_tmpl$","$$keydown","event","key","addEventListener","_$insert","Icon","name","size","_$effect","_$setAttribute","label","SectionHeader","merged","mergeProps","level","local","rest","splitProps","subtitle","actions","_el$2","_tmpl$5","_el$3","firstChild","_el$4","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","cn","class","Dynamic","component","id","titleId","title","Show","when","_$memo","count","undefined","_el$5","_tmpl$2","help","helpLabel","_el$6","_tmpl$3","_el$7","_tmpl$4","_$delegateEvents"],"mappings":"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"}
+{"version":3,"file":"sectionHeader.js","sources":["../../../../src/components/layout/sectionHeader/sectionHeader.tsx"],"sourcesContent":["import { type JSX, type ParentProps, Show, children, createSignal, mergeProps, splitProps } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport cn from \"clsx\";\nimport { Icon } from \"../../base/icon\";\nimport { Tooltip } from \"../../feedBack/tooltip\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\nimport { createDismissOnEscape } from \"../../../primitives/createDismissOnEscape\";\n\nexport interface SectionHeaderProps extends Omit<JSX.HTMLAttributes<HTMLElement>, \"title\"> {\n  /** The section's name. */\n  title: JSX.Element;\n  /** Heading level of the title: 2 by default. */\n  level?: 2 | 3 | 4 | 5 | 6;\n  /** How many items the section holds, beside the title. Nothing is shown for null. */\n  count?: number | string | null;\n  /**\n   * How to read the section, behind a \"?\" icon: shown on hover and on keyboard\n   * focus, and the icon's accessible name. Text only — the tooltip renders in\n   * the browser.\n   */\n  help?: string;\n  /** The \"?\" icon's accessible name, e.g. \"Explanation: …\"; the help text by default. */\n  helpLabel?: string;\n  /** Id of the heading, for anchors and aria-labelledby. */\n  titleId?: string;\n  /** A line under the title. */\n  subtitle?: JSX.Element;\n  /** Test id of the root `<header>`; `section-header` unless given. */\n  \"data-testid\"?: string | undefined;\n  ref?: Ref<HTMLElement>;\n}\n\n/** The \"?\" icon with its tooltip, open on hover and on keyboard focus. */\nfunction HelpHint(props: { text: string; label?: string | undefined }): JSX.Element {\n  const [open, setOpen] = createSignal(false);\n  // Escape hides the tooltip wherever focus is, shown by hover or by focus (WCAG 1.4.13),\n  // and is marked as handled, so a window, panel, Modal or Sheet around the hint stays\n  // open; with the tooltip hidden, the key is theirs.\n  createDismissOnEscape(open, () => setOpen(false));\n  return (\n    <Tooltip\n      class=\"smwb-section-header__tooltip\"\n      message={props.text}\n      trigger=\"manual\"\n      open={open()}\n      placement=\"top\"\n      offset={{ offsetY: 6 }}\n    >\n      <span\n        class=\"smwb-section-header__help\"\n        role=\"img\"\n        aria-label={props.label ?? props.text}\n        tabindex=\"0\"\n        onPointerEnter={() => setOpen(true)}\n        onPointerLeave={() => setOpen(false)}\n        onFocus={() => setOpen(true)}\n        onBlur={() => setOpen(false)}\n      >\n        <Icon name=\"help\" size={16} />\n      </span>\n    </Tooltip>\n  );\n}\n\n/**\n * A section's heading row: the title with a count and a help hint, a subtitle\n * under them, and the section's actions (the children) at the end. On a narrow\n * screen the actions wrap under the title.\n */\nexport function SectionHeader(props: ParentProps<SectionHeaderProps>): JSX.Element {\n  const merged = mergeProps({ level: 2 as const }, props);\n  const [local, rest] = splitProps(merged, [\n    \"class\",\n    \"title\",\n    \"level\",\n    \"count\",\n    \"help\",\n    \"helpLabel\",\n    \"titleId\",\n    \"subtitle\",\n    \"children\",\n    \"ref\",\n    \"data-testid\",\n  ]);\n\n  // Read the slots once: markup passed as a prop is created anew on every read,\n  // and during hydration the copy made for a <Show> test has no server DOM node.\n  const subtitle = children(() => local.subtitle);\n  const actions = children(() => local.children);\n\n  return (\n    <header\n      data-testid={local[\"data-testid\"] ?? \"section-header\"}\n      {...rest}\n      ref={mergeRefs(local.ref)}\n      class={cn(\"smwb-section-header\", `smwb-section-header_level-${local.level}`, local.class)}\n    >\n      <div class=\"smwb-section-header__titles\">\n        <div class=\"smwb-section-header__title-line\">\n          <Dynamic component={`h${local.level}`} id={local.titleId} class=\"smwb-section-header__title\">\n            {local.title}\n          </Dynamic>\n          <Show when={local.count !== undefined && local.count !== null}>\n            <span class=\"smwb-section-header__count\">{local.count}</span>\n          </Show>\n          <Show when={local.help}>{(text) => <HelpHint text={text()} label={local.helpLabel} />}</Show>\n        </div>\n        <Show when={subtitle()}>\n          <div class=\"smwb-section-header__subtitle\">{subtitle()}</div>\n        </Show>\n      </div>\n      <Show when={actions()}>\n        <div class=\"smwb-section-header__actions\">{actions()}</div>\n      </Show>\n    </header>\n  );\n}\n\nexport default SectionHeader;\n"],"names":["HelpHint","props","open","setOpen","createSignal","createDismissOnEscape","_$createComponent","Tooltip","message","text","trigger","placement","offset","offsetY","children","_el$","_tmpl$","addEventListener","_$insert","Icon","name","size","_$effect","_$setAttribute","label","SectionHeader","merged","mergeProps","level","local","rest","splitProps","subtitle","actions","_el$2","_tmpl$5","_el$3","firstChild","_el$4","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","cn","class","Dynamic","component","id","titleId","title","Show","when","_$memo","count","undefined","_el$5","_tmpl$2","help","helpLabel","_el$6","_tmpl$3","_el$7","_tmpl$4"],"mappings":"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"}

package/dist/components/layout/sheet/sheet.d.ts

@@ -9,6 +9,18 @@ export interface SheetProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>, "on
     /** Hide built-in header actions; onClose still handles Esc and backdrop. */
     hideHeaderActions?: boolean;
     reverseHeaderActions?: boolean;
+    /** Accessible name of the header close button (default "Close sheet"). */
+    closeAriaLabel?: string;
+    /**
+     * Accessible name of the size toggle while the sheet is at its normal size (default "Expand sheet"). The toggle
+     * cycles normal, expanded, collapsed and back, and its name always says what the next press does; the
+     * name changing is how it exposes its state. It shows the `open_in_full` icon, and `close_fullscreen` while expanded.
+     */
+    expandAriaLabel?: string;
+    /** Accessible name of the size toggle while the sheet is expanded (default "Collapse sheet"). */
+    collapseAriaLabel?: string;
+    /** Accessible name of the size toggle while the sheet is collapsed to its header (default "Restore sheet size"). */
+    restoreAriaLabel?: string;
     size?: string;
     disableOutsideClick?: boolean;
     /** Close the sheet when Escape is pressed. */
@@ -26,6 +38,8 @@ export interface SheetProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>, "on
     /** Called with the new size in px while/after resizing. */
     onResize?: (size: number) => void;
     "aria-label"?: string;
+    /** Test id of the sheet panel (the dialog); `sheet` unless given. */
+    "data-testid"?: string | undefined;
     ref?: Ref<HTMLDivElement>;
 }
 export declare function Sheet(props: ParentProps<SheetProps>): JSX.Element;