@smwb/ui-solid 0.11.2 → 0.12.1

package/dist/components/layout/stack/stack.js

@@ -1,60 +1,64 @@
-import { use as u, spread as y, mergeProps as v, insert as a, createComponent as i, template as o } from "solid-js/web";
-import '../../../assets/styles/less/components/stack/stack.entry.css';/* empty css                                                     */
-import { mergeProps as h, splitProps as w, children as $, Show as c, For as x } from "solid-js";
-import _ from "clsx";
-import { mergeRefs as b } from "../../../primitives/mergeRefs.js";
-var k = /* @__PURE__ */ o("<div>"), j = /* @__PURE__ */ o("<div class=smwb-stack__divider>");
-const l = (r) => r === "start" || r === "end" ? `flex-${r}` : r, P = (r) => typeof r == "number" ? `calc(var(--smui-spacing-unit, 4px) * ${r})` : r === "none" ? "0" : `var(--smui-space-${r})`;
-function R(r) {
-  const p = h({
+import { use as h, spread as $, mergeProps as w, insert as l, createComponent as n, memo as _, template as f } from "solid-js/web";
+import '../../../assets/styles/less/components/stack/stack.entry.css';import '../../../assets/styles/less/tokens.entry.css';/* empty css                                     */
+/* empty css                                                     */
+import { mergeProps as x, splitProps as b, children as p, Show as d, For as k } from "solid-js";
+import j from "clsx";
+import { mergeRefs as P } from "../../../primitives/mergeRefs.js";
+var A = /* @__PURE__ */ f("<div>"), S = /* @__PURE__ */ f("<div class=smwb-stack__divider>");
+const m = (r) => r === "start" || r === "end" ? `flex-${r}` : r, C = (r) => typeof r == "number" ? `calc(var(--smui-spacing-unit, 4px) * ${r})` : r === "none" ? "0" : `var(--smui-space-${r})`;
+function B(r) {
+  const g = x({
     direction: "column",
     spacing: "md"
-  }, r), [e, d] = w(p, ["direction", "spacing", "align", "justify", "wrap", "divider", "class", "style", "children", "ref"]), m = $(() => e.children);
+  }, r), [e, u] = b(g, ["direction", "spacing", "align", "justify", "wrap", "divider", "class", "style", "children", "ref"]), i = p(() => e.children), s = p(() => i.toArray().length > 1 ? e.divider : void 0);
   return (() => {
-    var t = k(), n = b(e.ref);
-    return typeof n == "function" && u(n, t), y(t, v(d, {
+    var t = A(), o = P(e.ref);
+    return typeof o == "function" && h(o, t), $(t, w(u, {
       "data-testid": "stack",
       get class() {
-        return _("smwb-stack", e.class);
+        return j("smwb-stack", e.class);
       },
       get style() {
         return {
           display: "flex",
           "flex-direction": e.direction,
           "flex-wrap": e.wrap ? "wrap" : void 0,
-          "align-items": l(e.align),
-          "justify-content": l(e.justify),
-          gap: P(e.spacing),
+          "align-items": m(e.align),
+          "justify-content": m(e.justify),
+          gap: C(e.spacing),
           ...typeof e.style == "object" && e.style ? e.style : {}
         };
       }
-    }), !1, !0), a(t, i(c, {
+    }), !1, !0), l(t, n(d, {
       get when() {
-        return e.divider;
+        return s();
       },
       get fallback() {
-        return e.children;
+        return i();
       },
       get children() {
-        return i(x, {
+        return n(k, {
           get each() {
-            return m.toArray();
+            return i.toArray();
           },
-          children: (f, g) => [i(c, {
+          children: (v, a) => [n(d, {
             get when() {
-              return g() > 0;
+              return a() > 0;
             },
             get children() {
-              var s = j();
-              return a(s, () => e.divider), s;
+              var c = S();
+              return l(c, (() => {
+                var y = _(() => a() === 1);
+                return () => y() ? s() : e.divider;
+              })()), c;
             }
-          }), f]
+          }), v]
         });
       }
     })), t;
   })();
 }
 export {
-  R as Stack
+  B as Stack
 };
 //# sourceMappingURL=stack.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"stack.js","sources":["../../../../src/components/layout/stack/stack.tsx"],"sourcesContent":["import { type JSX, type ParentProps, For, Show, children as resolveChildren, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport type StackSpacing = number | \"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"xxxl\";\n\nexport interface StackProps extends JSX.HTMLAttributes<HTMLDivElement> {\n  direction?: \"row\" | \"row-reverse\" | \"column\" | \"column-reverse\";\n  /** Gap between items: scale keyword, or a number = N × spacing unit. */\n  spacing?: StackSpacing;\n  align?: \"start\" | \"center\" | \"end\" | \"stretch\" | \"baseline\";\n  justify?: \"start\" | \"center\" | \"end\" | \"space-between\" | \"space-around\" | \"space-evenly\";\n  wrap?: boolean;\n  /** Optional element rendered between each child. */\n  divider?: JSX.Element;\n  ref?: Ref<HTMLDivElement>;\n}\n\nconst flexAlign = (v?: string): string | undefined => (v === \"start\" || v === \"end\" ? `flex-${v}` : v);\n\nconst resolveGap = (s: StackSpacing): string =>\n  typeof s === \"number\" ? `calc(var(--smui-spacing-unit, 4px) * ${s})` : s === \"none\" ? \"0\" : `var(--smui-space-${s})`;\n\nexport function Stack(props: ParentProps<StackProps>): JSX.Element {\n  const merged = mergeProps({ direction: \"column\" as const, spacing: \"md\" as StackSpacing }, props);\n  const [local, rest] = splitProps(merged, [\n    \"direction\",\n    \"spacing\",\n    \"align\",\n    \"justify\",\n    \"wrap\",\n    \"divider\",\n    \"class\",\n    \"style\",\n    \"children\",\n    \"ref\",\n  ]);\n\n  const resolved = resolveChildren(() => local.children);\n\n  return (\n    <div\n      {...rest}\n      ref={mergeRefs(local.ref)}\n      data-testid=\"stack\"\n      class={cn(\"smwb-stack\", local.class)}\n      style={{\n        display: \"flex\",\n        \"flex-direction\": local.direction,\n        \"flex-wrap\": local.wrap ? \"wrap\" : undefined,\n        \"align-items\": flexAlign(local.align),\n        \"justify-content\": flexAlign(local.justify),\n        gap: resolveGap(local.spacing),\n        ...(typeof local.style === \"object\" && local.style ? local.style : {}),\n      }}\n    >\n      <Show when={local.divider} fallback={local.children}>\n        <For each={resolved.toArray()}>\n          {(child, index) => (\n            <>\n              <Show when={index() > 0}>\n                <div class=\"smwb-stack__divider\">{local.divider}</div>\n              </Show>\n              {child}\n            </>\n          )}\n        </For>\n      </Show>\n    </div>\n  );\n}\n\nexport default Stack;\n"],"names":["flexAlign","v","resolveGap","s","Stack","props","merged","mergeProps","direction","spacing","local","rest","splitProps","resolved","resolveChildren","children","_el$","_tmpl$","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","cn","class","style","display","wrap","undefined","align","justify","gap","_$insert","_$createComponent","Show","when","divider","fallback","For","each","toArray","child","index","_el$2","_tmpl$2"],"mappings":";;;;;;AAmBA,MAAMA,IAAYA,CAACC,MAAoCA,MAAM,WAAWA,MAAM,QAAQ,QAAQA,CAAC,KAAKA,GAE9FC,IAAaA,CAACC,MAClB,OAAOA,KAAM,WAAW,wCAAwCA,CAAC,MAAMA,MAAM,SAAS,MAAM,oBAAoBA,CAAC;AAE5G,SAASC,EAAMC,GAA6C;AACjE,QAAMC,IAASC,EAAW;AAAA,IAAEC,WAAW;AAAA,IAAmBC,SAAS;AAAA,EAAA,GAAwBJ,CAAK,GAC1F,CAACK,GAAOC,CAAI,IAAIC,EAAWN,GAAQ,CACvC,aACA,WACA,SACA,WACA,QACA,WACA,SACA,SACA,YACA,KAAK,CACN,GAEKO,IAAWC,EAAgB,MAAMJ,EAAMK,QAAQ;AAErD,UAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,GAAAC,IAGSC,EAAUT,EAAMU,GAAG;AAAC,kBAAAF,KAAA,cAAAG,EAAAH,GAAAF,CAAA,GAAAM,EAAAN,GAAAO,EADrBZ,GAAI;AAAA,MAAA,eAEI;AAAA,MAAO,IAAA,QAAA;AAAA,eACZa,EAAG,cAAcd,EAAMe,KAAK;AAAA,MAAC;AAAA,MAAA,IACpCC,QAAK;AAAA,eAAE;AAAA,UACLC,SAAS;AAAA,UACT,kBAAkBjB,EAAMF;AAAAA,UACxB,aAAaE,EAAMkB,OAAO,SAASC;AAAAA,UACnC,eAAe7B,EAAUU,EAAMoB,KAAK;AAAA,UACpC,mBAAmB9B,EAAUU,EAAMqB,OAAO;AAAA,UAC1CC,KAAK9B,EAAWQ,EAAMD,OAAO;AAAA,UAC7B,GAAI,OAAOC,EAAMgB,SAAU,YAAYhB,EAAMgB,QAAQhB,EAAMgB,QAAQ,CAAA;AAAA,QAAC;AAAA,MACrE;AAAA,IAAA,CAAA,GAAA,IAAA,EAAA,GAAAO,EAAAjB,GAAAkB,EAEAC,GAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAE1B,EAAM2B;AAAAA,MAAO;AAAA,MAAA,IAAEC,WAAQ;AAAA,eAAE5B,EAAMK;AAAAA,MAAQ;AAAA,MAAA,IAAAA,WAAA;AAAA,eAAAmB,EAChDK,GAAG;AAAA,UAAA,IAACC,OAAI;AAAA,mBAAE3B,EAAS4B,QAAAA;AAAAA,UAAS;AAAA,UAAA1B,UAC1BA,CAAC2B,GAAOC,MAAK,CAAAT,EAETC,GAAI;AAAA,YAAA,IAACC,OAAI;AAAA,qBAAEO,MAAU;AAAA,YAAC;AAAA,YAAA,IAAA5B,WAAA;AAAA,kBAAA6B,IAAAC,EAAAA;AAAAZ,qBAAAA,EAAAW,GAAA,MACalC,EAAM2B,OAAO,GAAAO;AAAAA,YAAA;AAAA,UAAA,CAAA,GAEhDF,CAAK;AAAA,QAAA,CAET;AAAA,MAAA;AAAA,IAAA,CAAA,CAAA,GAAA1B;AAAAA,EAAA,GAAA;AAKX;"}
+{"version":3,"file":"stack.js","sources":["../../../../src/components/layout/stack/stack.tsx"],"sourcesContent":["import { type JSX, type ParentProps, For, Show, children as resolveChildren, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport type StackSpacing = number | \"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"xxxl\";\n\nexport interface StackProps extends JSX.HTMLAttributes<HTMLDivElement> {\n  direction?: \"row\" | \"row-reverse\" | \"column\" | \"column-reverse\";\n  /** Gap between items: scale keyword, or a number = N × spacing unit. */\n  spacing?: StackSpacing;\n  align?: \"start\" | \"center\" | \"end\" | \"stretch\" | \"baseline\";\n  justify?: \"start\" | \"center\" | \"end\" | \"space-between\" | \"space-around\" | \"space-evenly\";\n  wrap?: boolean;\n  /** Optional element rendered between each child. */\n  divider?: JSX.Element;\n  ref?: Ref<HTMLDivElement>;\n}\n\nconst flexAlign = (v?: string): string | undefined => (v === \"start\" || v === \"end\" ? `flex-${v}` : v);\n\nconst resolveGap = (s: StackSpacing): string =>\n  typeof s === \"number\" ? `calc(var(--smui-spacing-unit, 4px) * ${s})` : s === \"none\" ? \"0\" : `var(--smui-space-${s})`;\n\nexport function Stack(props: ParentProps<StackProps>): JSX.Element {\n  const merged = mergeProps({ direction: \"column\" as const, spacing: \"md\" as StackSpacing }, props);\n  const [local, rest] = splitProps(merged, [\n    \"direction\",\n    \"spacing\",\n    \"align\",\n    \"justify\",\n    \"wrap\",\n    \"divider\",\n    \"class\",\n    \"style\",\n    \"children\",\n    \"ref\",\n  ]);\n\n  const resolved = resolveChildren(() => local.children);\n  // The divider is read where it is drawn: the first gap takes this copy, and\n  // each further gap reads its own. Without gaps (a single child) it is not\n  // read at all — markup read and not drawn has no server node to hydrate.\n  const firstDivider = resolveChildren(() => (resolved.toArray().length > 1 ? local.divider : undefined));\n\n  return (\n    <div\n      {...rest}\n      ref={mergeRefs(local.ref)}\n      data-testid=\"stack\"\n      class={cn(\"smwb-stack\", local.class)}\n      style={{\n        display: \"flex\",\n        \"flex-direction\": local.direction,\n        \"flex-wrap\": local.wrap ? \"wrap\" : undefined,\n        \"align-items\": flexAlign(local.align),\n        \"justify-content\": flexAlign(local.justify),\n        gap: resolveGap(local.spacing),\n        ...(typeof local.style === \"object\" && local.style ? local.style : {}),\n      }}\n    >\n      <Show when={firstDivider()} fallback={resolved()}>\n        <For each={resolved.toArray()}>\n          {(child, index) => (\n            <>\n              <Show when={index() > 0}>\n                <div class=\"smwb-stack__divider\">{index() === 1 ? firstDivider() : local.divider}</div>\n              </Show>\n              {child}\n            </>\n          )}\n        </For>\n      </Show>\n    </div>\n  );\n}\n\nexport default Stack;\n"],"names":["flexAlign","v","resolveGap","s","Stack","props","merged","mergeProps","direction","spacing","local","rest","splitProps","resolved","resolveChildren","children","firstDivider","toArray","length","divider","undefined","_el$","_tmpl$","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","cn","class","style","display","wrap","align","justify","gap","_$insert","_$createComponent","Show","when","fallback","For","each","child","index","_el$2","_tmpl$2","_c$","_$memo"],"mappings":";;;;;;;AAoBA,MAAMA,IAAYA,CAACC,MAAoCA,MAAM,WAAWA,MAAM,QAAQ,QAAQA,CAAC,KAAKA,GAE9FC,IAAaA,CAACC,MAClB,OAAOA,KAAM,WAAW,wCAAwCA,CAAC,MAAMA,MAAM,SAAS,MAAM,oBAAoBA,CAAC;AAE5G,SAASC,EAAMC,GAA6C;AACjE,QAAMC,IAASC,EAAW;AAAA,IAAEC,WAAW;AAAA,IAAmBC,SAAS;AAAA,EAAA,GAAwBJ,CAAK,GAC1F,CAACK,GAAOC,CAAI,IAAIC,EAAWN,GAAQ,CACvC,aACA,WACA,SACA,WACA,QACA,WACA,SACA,SACA,YACA,KAAK,CACN,GAEKO,IAAWC,EAAgB,MAAMJ,EAAMK,QAAQ,GAI/CC,IAAeF,EAAgB,MAAOD,EAASI,QAAAA,EAAUC,SAAS,IAAIR,EAAMS,UAAUC,MAAU;AAEtG,UAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,GAAAC,IAGSC,EAAUd,EAAMe,GAAG;AAAC,kBAAAF,KAAA,cAAAG,EAAAH,GAAAF,CAAA,GAAAM,EAAAN,GAAAO,EADrBjB,GAAI;AAAA,MAAA,eAEI;AAAA,MAAO,IAAA,QAAA;AAAA,eACZkB,EAAG,cAAcnB,EAAMoB,KAAK;AAAA,MAAC;AAAA,MAAA,IACpCC,QAAK;AAAA,eAAE;AAAA,UACLC,SAAS;AAAA,UACT,kBAAkBtB,EAAMF;AAAAA,UACxB,aAAaE,EAAMuB,OAAO,SAASb;AAAAA,UACnC,eAAepB,EAAUU,EAAMwB,KAAK;AAAA,UACpC,mBAAmBlC,EAAUU,EAAMyB,OAAO;AAAA,UAC1CC,KAAKlC,EAAWQ,EAAMD,OAAO;AAAA,UAC7B,GAAI,OAAOC,EAAMqB,SAAU,YAAYrB,EAAMqB,QAAQrB,EAAMqB,QAAQ,CAAA;AAAA,QAAC;AAAA,MACrE;AAAA,IAAA,CAAA,GAAA,IAAA,EAAA,GAAAM,EAAAhB,GAAAiB,EAEAC,GAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAExB,EAAAA;AAAAA,MAAc;AAAA,MAAA,IAAEyB,WAAQ;AAAA,eAAE5B,EAAAA;AAAAA,MAAU;AAAA,MAAA,IAAAE,WAAA;AAAA,eAAAuB,EAC7CI,GAAG;AAAA,UAAA,IAACC,OAAI;AAAA,mBAAE9B,EAASI,QAAAA;AAAAA,UAAS;AAAA,UAAAF,UAC1BA,CAAC6B,GAAOC,MAAK,CAAAP,EAETC,GAAI;AAAA,YAAA,IAACC,OAAI;AAAA,qBAAEK,MAAU;AAAA,YAAC;AAAA,YAAA,IAAA9B,WAAA;AAAA,kBAAA+B,IAAAC,EAAAA;AAAAV,qBAAAA,EAAAS,IAAA,MAAA;AAAA,oBAAAE,IAAAC,EAAA,MACaJ,EAAAA,MAAY,CAAC;AAAA,uBAAA,MAAbG,EAAAA,IAAgBhC,EAAAA,IAAiBN,EAAMS;AAAAA,cAAO,IAAA,GAAA2B;AAAAA,YAAA;AAAA,UAAA,CAAA,GAEjFF,CAAK;AAAA,QAAA,CAET;AAAA,MAAA;AAAA,IAAA,CAAA,CAAA,GAAAvB;AAAAA,EAAA,GAAA;AAKX;"}

package/dist/components/navigation/appBar/appBar.js

@@ -1,58 +1,59 @@
-import { createComponent as i, Dynamic as b, mergeProps as g, insert as r, effect as _, className as u, template as p } from "solid-js/web";
-import '../../../assets/styles/less/components/appBar/appBar.entry.css';/* empty css                                                       */
-import { mergeProps as h, splitProps as w, Show as a } from "solid-js";
-import s from "clsx";
-import { mergeRefs as $ } from "../../../primitives/mergeRefs.js";
-var v = /* @__PURE__ */ p("<div class=smwb-appbar__left__title>"), C = /* @__PURE__ */ p("<div class=smwb-appbar__inner><div class=smwb-appbar__left></div><div></div><div class=smwb-appbar__right>");
-function k(m) {
-  const c = h({
+import { createComponent as l, Dynamic as u, mergeProps as h, insert as r, effect as w, className as $, template as d } from "solid-js/web";
+import '../../../assets/styles/less/components/appBar/appBar.entry.css';import '../../../assets/styles/less/tokens.entry.css';/* empty css                                     */
+/* empty css                                                       */
+import { mergeProps as v, splitProps as C, children as p, Show as m } from "solid-js";
+import c from "clsx";
+import { mergeRefs as A } from "../../../primitives/mergeRefs.js";
+var P = /* @__PURE__ */ d("<div class=smwb-appbar__left__title>"), x = /* @__PURE__ */ d("<div class=smwb-appbar__inner><div class=smwb-appbar__left></div><div></div><div class=smwb-appbar__right>");
+function R(f) {
+  const b = v({
     position: "static",
     placement: "top",
     midContentAlign: "middle",
     color: "default"
-  }, m), [e, d] = w(c, ["class", "children", "dense", "position", "placement", "leftContent", "midContent", "midContentAlign", "rightContent", "title", "color", "ref"]);
-  return i(b, g({
+  }, f), [e, g] = C(b, ["class", "children", "dense", "position", "placement", "leftContent", "midContent", "midContentAlign", "rightContent", "title", "color", "ref"]), o = p(() => e.children), s = p(() => o() ? void 0 : e.title);
+  return l(u, h({
     get component() {
       return e.placement === "top" ? "header" : "footer";
     }
-  }, d, {
+  }, g, {
     ref(n) {
-      var t = $(e.ref);
+      var t = A(e.ref);
       typeof t == "function" && t(n);
     },
     "data-testid": "app-bar",
     get class() {
-      return s("smwb-appbar", e.class, `smwb-${e.position}`, `smwb-${e.placement}`, {
+      return c("smwb-appbar", e.class, `smwb-${e.position}`, `smwb-${e.placement}`, {
         "smwb-dense": e.dense
       }, e.color !== "default" && `smwb-appbar_color-${e.color}`);
     },
     get children() {
-      return i(a, {
+      return l(m, {
         get when() {
-          return e.children;
+          return o();
         },
         get fallback() {
           return (() => {
-            var n = C(), t = n.firstChild, l = t.nextSibling, f = l.nextSibling;
-            return r(t, i(a, {
+            var n = x(), t = n.firstChild, i = t.nextSibling, _ = i.nextSibling;
+            return r(t, l(m, {
               get when() {
-                return e.title;
+                return s();
               },
               get children() {
-                var o = v();
-                return r(o, () => e.title), o;
+                var a = P();
+                return r(a, s), a;
               }
-            }), null), r(t, () => e.leftContent, null), r(l, () => e.midContent), r(f, () => e.rightContent), _(() => u(l, s("smwb-appbar__mid", `smwb-${e.midContentAlign}`))), n;
+            }), null), r(t, () => e.leftContent, null), r(i, () => e.midContent), r(_, () => e.rightContent), w(() => $(i, c("smwb-appbar__mid", `smwb-${e.midContentAlign}`))), n;
           })();
         },
         get children() {
-          return e.children;
+          return o();
         }
       });
     }
   }));
 }
 export {
-  k as AppBar
+  R as AppBar
 };
 //# sourceMappingURL=appBar.js.map

package/dist/components/navigation/appBar/appBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"appBar.js","sources":["../../../../src/components/navigation/appBar/appBar.tsx"],"sourcesContent":["import { type JSX, type ParentProps, Show, mergeProps, splitProps } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport cn from \"clsx\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport type AppBarColor = \"default\" | \"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\";\n\nexport interface AppBarProps extends Omit<JSX.HTMLAttributes<HTMLElement>, \"title\"> {\n  dense?: boolean;\n  position?: \"relative\" | \"static\" | \"absolute\" | \"sticky\" | \"fixed\";\n  placement?: \"top\" | \"bottom\";\n  leftContent?: JSX.Element;\n  midContent?: JSX.Element;\n  rightContent?: JSX.Element;\n  title?: JSX.Element | string;\n  midContentAlign?: \"middle\" | \"left\" | \"right\";\n  /** Semantic background color. */\n  color?: AppBarColor;\n  ref?: Ref<HTMLElement>;\n}\n\nexport function AppBar(props: ParentProps<AppBarProps>): JSX.Element {\n  const merged = mergeProps(\n    {\n      position: \"static\" as const,\n      placement: \"top\" as const,\n      midContentAlign: \"middle\" as const,\n      color: \"default\" as AppBarColor,\n    },\n    props\n  );\n  const [local, rest] = splitProps(merged, [\n    \"class\",\n    \"children\",\n    \"dense\",\n    \"position\",\n    \"placement\",\n    \"leftContent\",\n    \"midContent\",\n    \"midContentAlign\",\n    \"rightContent\",\n    \"title\",\n    \"color\",\n    \"ref\",\n  ]);\n\n  return (\n    <Dynamic\n      component={local.placement === \"top\" ? \"header\" : \"footer\"}\n      {...rest}\n      ref={mergeRefs(local.ref)}\n      data-testid=\"app-bar\"\n      class={cn(\n        \"smwb-appbar\",\n        local.class,\n        `smwb-${local.position}`,\n        `smwb-${local.placement}`,\n        { \"smwb-dense\": local.dense },\n        local.color !== \"default\" && `smwb-appbar_color-${local.color}`\n      )}\n    >\n      <Show\n        when={local.children}\n        fallback={\n          <div class=\"smwb-appbar__inner\">\n            <div class=\"smwb-appbar__left\">\n              <Show when={local.title}>\n                <div class=\"smwb-appbar__left__title\">{local.title}</div>\n              </Show>\n              {local.leftContent}\n            </div>\n            <div class={cn(\"smwb-appbar__mid\", `smwb-${local.midContentAlign}`)}>{local.midContent}</div>\n            <div class=\"smwb-appbar__right\">{local.rightContent}</div>\n          </div>\n        }\n      >\n        {local.children}\n      </Show>\n    </Dynamic>\n  );\n}\n\nexport default AppBar;\n"],"names":["AppBar","props","merged","mergeProps","position","placement","midContentAlign","color","local","rest","splitProps","_$createComponent","Dynamic","_$mergeProps","component","ref","r$","_ref$","mergeRefs","cn","class","dense","children","Show","when","fallback","_el$","_tmpl$2","_el$2","firstChild","_el$4","nextSibling","_el$5","_$insert","title","_el$3","_tmpl$","leftContent","midContent","rightContent","_$effect","_$className"],"mappings":";;;;;;AAsBO,SAASA,EAAOC,GAA8C;AACnE,QAAMC,IAASC,EACb;AAAA,IACEC,UAAU;AAAA,IACVC,WAAW;AAAA,IACXC,iBAAiB;AAAA,IACjBC,OAAO;AAAA,EAAA,GAETN,CACF,GACM,CAACO,GAAOC,CAAI,IAAIC,EAAWR,GAAQ,CACvC,SACA,YACA,SACA,YACA,aACA,eACA,cACA,mBACA,gBACA,SACA,SACA,KAAK,CACN;AAED,SAAAS,EACGC,GAAOC,EAAA;AAAA,IAAA,IACNC,YAAS;AAAA,aAAEN,EAAMH,cAAc,QAAQ,WAAW;AAAA,IAAQ;AAAA,EAAA,GACtDI,GAAI;AAAA,IAAAM,IAAAC,GAAA;AAAA,UAAAC,IACHC,EAAUV,EAAMO,GAAG;AAAC,aAAAE,KAAA,cAAAA,EAAAD,CAAA;AAAA,IAAA;AAAA,IAAA,eAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAElBG,EACL,eACAX,EAAMY,OACN,QAAQZ,EAAMJ,QAAQ,IACtB,QAAQI,EAAMH,SAAS,IACvB;AAAA,QAAE,cAAcG,EAAMa;AAAAA,MAAAA,GACtBb,EAAMD,UAAU,aAAa,qBAAqBC,EAAMD,KAAK,EAC/D;AAAA,IAAC;AAAA,IAAA,IAAAe,WAAA;AAAA,aAAAX,EAEAY,GAAI;AAAA,QAAA,IACHC,OAAI;AAAA,iBAAEhB,EAAMc;AAAAA,QAAQ;AAAA,QAAA,IACpBG,WAAQ;AAAA,kBAAA,MAAA;AAAA,gBAAAC,IAAAC,KAAAC,IAAAF,EAAAG,YAAAC,IAAAF,EAAAG,aAAAC,IAAAF,EAAAC;AAAAE,mBAAAA,EAAAL,GAAAjB,EAGDY,GAAI;AAAA,cAAA,IAACC,OAAI;AAAA,uBAAEhB,EAAM0B;AAAAA,cAAK;AAAA,cAAA,IAAAZ,WAAA;AAAA,oBAAAa,IAAAC,EAAAA;AAAAH,uBAAAA,EAAAE,GAAA,MACkB3B,EAAM0B,KAAK,GAAAC;AAAAA,cAAA;AAAA,YAAA,CAAA,GAAA,IAAA,GAAAF,EAAAL,GAAA,MAEnDpB,EAAM6B,aAAW,IAAA,GAAAJ,EAAAH,GAAA,MAEkDtB,EAAM8B,UAAU,GAAAL,EAAAD,GAAA,MACrDxB,EAAM+B,YAAY,GAAAC,EAAA,MAAAC,EAAAX,GADvCX,EAAG,oBAAoB,QAAQX,EAAMF,eAAe,EAAE,CAAC,CAAA,GAAAoB;AAAAA,UAAA,GAAA;AAAA,QAAA;AAAA,QAAA,IAAAJ,WAAA;AAAA,iBAKtEd,EAAMc;AAAAA,QAAQ;AAAA,MAAA,CAAA;AAAA,IAAA;AAAA,EAAA,CAAA,CAAA;AAIvB;"}
+{"version":3,"file":"appBar.js","sources":["../../../../src/components/navigation/appBar/appBar.tsx"],"sourcesContent":["import { type JSX, type ParentProps, Show, children, mergeProps, splitProps } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport cn from \"clsx\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport type AppBarColor = \"default\" | \"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\";\n\nexport interface AppBarProps extends Omit<JSX.HTMLAttributes<HTMLElement>, \"title\"> {\n  dense?: boolean;\n  position?: \"relative\" | \"static\" | \"absolute\" | \"sticky\" | \"fixed\";\n  placement?: \"top\" | \"bottom\";\n  leftContent?: JSX.Element;\n  midContent?: JSX.Element;\n  rightContent?: JSX.Element;\n  title?: JSX.Element | string;\n  midContentAlign?: \"middle\" | \"left\" | \"right\";\n  /** Semantic background color. */\n  color?: AppBarColor;\n  ref?: Ref<HTMLElement>;\n}\n\nexport function AppBar(props: ParentProps<AppBarProps>): JSX.Element {\n  const merged = mergeProps(\n    {\n      position: \"static\" as const,\n      placement: \"top\" as const,\n      midContentAlign: \"middle\" as const,\n      color: \"default\" as AppBarColor,\n    },\n    props\n  );\n  const [local, rest] = splitProps(merged, [\n    \"class\",\n    \"children\",\n    \"dense\",\n    \"position\",\n    \"placement\",\n    \"leftContent\",\n    \"midContent\",\n    \"midContentAlign\",\n    \"rightContent\",\n    \"title\",\n    \"color\",\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 content = children(() => local.children);\n  // The title is drawn only without children, so it is read only then.\n  const title = children(() => (content() ? undefined : local.title));\n\n  return (\n    <Dynamic\n      component={local.placement === \"top\" ? \"header\" : \"footer\"}\n      {...rest}\n      ref={mergeRefs(local.ref)}\n      data-testid=\"app-bar\"\n      class={cn(\n        \"smwb-appbar\",\n        local.class,\n        `smwb-${local.position}`,\n        `smwb-${local.placement}`,\n        { \"smwb-dense\": local.dense },\n        local.color !== \"default\" && `smwb-appbar_color-${local.color}`\n      )}\n    >\n      <Show\n        when={content()}\n        fallback={\n          <div class=\"smwb-appbar__inner\">\n            <div class=\"smwb-appbar__left\">\n              <Show when={title()}>\n                <div class=\"smwb-appbar__left__title\">{title()}</div>\n              </Show>\n              {local.leftContent}\n            </div>\n            <div class={cn(\"smwb-appbar__mid\", `smwb-${local.midContentAlign}`)}>{local.midContent}</div>\n            <div class=\"smwb-appbar__right\">{local.rightContent}</div>\n          </div>\n        }\n      >\n        {content()}\n      </Show>\n    </Dynamic>\n  );\n}\n\nexport default AppBar;\n"],"names":["AppBar","props","merged","mergeProps","position","placement","midContentAlign","color","local","rest","splitProps","content","children","title","undefined","_$createComponent","Dynamic","_$mergeProps","component","ref","r$","_ref$","mergeRefs","cn","class","dense","Show","when","fallback","_el$","_tmpl$2","_el$2","firstChild","_el$4","nextSibling","_el$5","_$insert","_el$3","_tmpl$","leftContent","midContent","rightContent","_$effect","_$className"],"mappings":";;;;;;;AAuBO,SAASA,EAAOC,GAA8C;AACnE,QAAMC,IAASC,EACb;AAAA,IACEC,UAAU;AAAA,IACVC,WAAW;AAAA,IACXC,iBAAiB;AAAA,IACjBC,OAAO;AAAA,EAAA,GAETN,CACF,GACM,CAACO,GAAOC,CAAI,IAAIC,EAAWR,GAAQ,CACvC,SACA,YACA,SACA,YACA,aACA,eACA,cACA,mBACA,gBACA,SACA,SACA,KAAK,CACN,GAIKS,IAAUC,EAAS,MAAMJ,EAAMI,QAAQ,GAEvCC,IAAQD,EAAS,MAAOD,MAAYG,SAAYN,EAAMK,KAAM;AAElE,SAAAE,EACGC,GAAOC,EAAA;AAAA,IAAA,IACNC,YAAS;AAAA,aAAEV,EAAMH,cAAc,QAAQ,WAAW;AAAA,IAAQ;AAAA,EAAA,GACtDI,GAAI;AAAA,IAAAU,IAAAC,GAAA;AAAA,UAAAC,IACHC,EAAUd,EAAMW,GAAG;AAAC,aAAAE,KAAA,cAAAA,EAAAD,CAAA;AAAA,IAAA;AAAA,IAAA,eAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAElBG,EACL,eACAf,EAAMgB,OACN,QAAQhB,EAAMJ,QAAQ,IACtB,QAAQI,EAAMH,SAAS,IACvB;AAAA,QAAE,cAAcG,EAAMiB;AAAAA,MAAAA,GACtBjB,EAAMD,UAAU,aAAa,qBAAqBC,EAAMD,KAAK,EAC/D;AAAA,IAAC;AAAA,IAAA,IAAAK,WAAA;AAAA,aAAAG,EAEAW,GAAI;AAAA,QAAA,IACHC,OAAI;AAAA,iBAAEhB,EAAAA;AAAAA,QAAS;AAAA,QAAA,IACfiB,WAAQ;AAAA,kBAAA,MAAA;AAAA,gBAAAC,IAAAC,KAAAC,IAAAF,EAAAG,YAAAC,IAAAF,EAAAG,aAAAC,IAAAF,EAAAC;AAAAE,mBAAAA,EAAAL,GAAAhB,EAGDW,GAAI;AAAA,cAAA,IAACC,OAAI;AAAA,uBAAEd,EAAAA;AAAAA,cAAO;AAAA,cAAA,IAAAD,WAAA;AAAA,oBAAAyB,IAAAC,EAAAA;AAAAF,uBAAAA,EAAAC,GACsBxB,CAAK,GAAAwB;AAAAA,cAAA;AAAA,YAAA,CAAA,GAAA,IAAA,GAAAD,EAAAL,GAAA,MAE7CvB,EAAM+B,aAAW,IAAA,GAAAH,EAAAH,GAAA,MAEkDzB,EAAMgC,UAAU,GAAAJ,EAAAD,GAAA,MACrD3B,EAAMiC,YAAY,GAAAC,EAAA,MAAAC,EAAAV,GADvCV,EAAG,oBAAoB,QAAQf,EAAMF,eAAe,EAAE,CAAC,CAAA,GAAAuB;AAAAA,UAAA,GAAA;AAAA,QAAA;AAAA,QAAA,IAAAjB,WAAA;AAAA,iBAKtED,EAAAA;AAAAA,QAAS;AAAA,MAAA,CAAA;AAAA,IAAA;AAAA,EAAA,CAAA,CAAA;AAIlB;"}

package/dist/components/navigation/bottomBar/bottomBar.js

@@ -1,40 +1,41 @@
-import { use as L, spread as S, mergeProps as M, insert as c, createComponent as t, template as b, Dynamic as V } from "solid-js/web";
-import '../../../assets/styles/less/components/bottomBar/bottomBar.entry.css';/* empty css                                                             */
-import { mergeProps as z, splitProps as O, createSignal as _, For as A, Show as s, children as E } from "solid-js";
-import P from "clsx";
-import { createControllableState as F } from "../../../primitives/createControllableState.js";
-import { mergeRefs as k } from "../../../primitives/mergeRefs.js";
-import { callHandler as C } from "../../../primitives/callHandler.js";
-import { Icon as H } from "../../base/icon/icon.js";
-import { Menu as T } from "../menu/menu.js";
-import { MenuItem as j } from "../menu/menuItem.js";
-import { MenuItemIcon as q } from "../menu/menuItemIcon.js";
-import { MenuItemText as G } from "../menu/menuItemText.js";
-import { Ripple as J } from "../../base/ripple/ripple.js";
-var K = /* @__PURE__ */ b("<span class=smwb-bottom-bar__item-icon>"), N = /* @__PURE__ */ b("<span class=smwb-bottom-bar__item-title>"), Q = /* @__PURE__ */ b("<nav><div class=smwb-bottom-bar__nav role=menubar>");
+import { use as S, spread as V, mergeProps as O, insert as a, createComponent as t, template as b, Dynamic as z } from "solid-js/web";
+import '../../../assets/styles/less/components/bottomBar/bottomBar.entry.css';import '../../../assets/styles/less/tokens.entry.css';/* empty css                                     */
+/* empty css                                                             */
+import { mergeProps as E, splitProps as P, createSignal as A, createMemo as F, For as C, Show as s, children as H } from "solid-js";
+import k from "clsx";
+import { createControllableState as T } from "../../../primitives/createControllableState.js";
+import { mergeRefs as R } from "../../../primitives/mergeRefs.js";
+import { callHandler as M } from "../../../primitives/callHandler.js";
+import { Icon as j } from "../../base/icon/icon.js";
+import { Menu as q } from "../menu/menu.js";
+import { MenuItem as G } from "../menu/menuItem.js";
+import { MenuItemIcon as J } from "../menu/menuItemIcon.js";
+import { MenuItemText as K } from "../menu/menuItemText.js";
+import { Ripple as N } from "../../base/ripple/ripple.js";
+var Q = /* @__PURE__ */ b("<span class=smwb-bottom-bar__item-icon>"), U = /* @__PURE__ */ b("<span class=smwb-bottom-bar__item-title>"), W = /* @__PURE__ */ b("<nav><div class=smwb-bottom-bar__nav role=menubar>");
 function $(p) {
-  const [o, n] = O(p, ["isActive", "icon", "title", "as", "href", "ref"]);
-  let u;
-  const i = E(() => o.icon);
-  return t(V, M({
+  const [o, n] = P(p, ["isActive", "icon", "title", "as", "href", "ref"]);
+  let m;
+  const i = H(() => o.icon);
+  return t(z, O({
     get component() {
       return o.as ?? "div";
     },
     ref(r) {
-      var a = k(o.ref);
-      typeof a == "function" && a(r);
+      var c = R(o.ref);
+      typeof c == "function" && c(r);
     },
     get href() {
       return o.href;
     },
     role: "menuitem",
     get class() {
-      return P("smwb-bottom-bar__item", {
+      return k("smwb-bottom-bar__item", {
         "smwb-bottom-bar__item_active": o.isActive
       });
     },
     onPointerDown: (r) => {
-      u?.onRipple(r);
+      m?.onRipple(r);
     }
   }, n, {
     get children() {
@@ -43,46 +44,46 @@ function $(p) {
           return i();
         },
         get children() {
-          var r = K();
-          return c(r, i), r;
+          var r = Q();
+          return a(r, i), r;
         }
       }), t(s, {
         get when() {
           return o.title;
         },
         get children() {
-          var r = N();
-          return c(r, () => o.title), r;
+          var r = U();
+          return a(r, () => o.title), r;
         }
-      }), t(J, {
-        actionRef: (r) => u = r
+      }), t(N, {
+        actionRef: (r) => m = r
       })];
     }
   }));
 }
-function ce(p) {
-  const o = z({
+function ue(p) {
+  const o = E({
     menuItems: [],
     visibleCount: 4,
     defaultActiveItem: null,
     overflowMenuAriaLabel: "More navigation"
-  }, p), [n, u] = O(o, ["class", "menuItems", "visibleCount", "activeItem", "defaultActiveItem", "onActiveItemChange", "overflowMenuAriaLabel", "ref"]), [i, v] = F({
+  }, p), [n, m] = P(o, ["class", "menuItems", "visibleCount", "activeItem", "defaultActiveItem", "onActiveItemChange", "overflowMenuAriaLabel", "ref"]), [i, v] = T({
     value: () => n.activeItem,
     defaultValue: n.defaultActiveItem,
     onChange: (l) => {
       l !== null && n.onActiveItemChange?.(l);
     }
-  }), [r, a] = _(!1), [R, x] = _(null), m = () => Math.max(0, n.visibleCount), y = () => n.menuItems.slice(0, m()), d = () => n.menuItems.slice(m()), h = () => d().length > 0, B = () => h() && i() !== null && i() >= m();
+  }), [r, c] = A(!1), [x, y] = A(null), d = F(() => n.menuItems), u = () => Math.max(0, n.visibleCount), B = () => d().slice(0, u()), w = () => d().slice(u()), h = () => w().length > 0, D = () => h() && i() !== null && i() >= u();
   return (() => {
-    var l = Q(), w = l.firstChild, I = k(n.ref);
-    return typeof I == "function" && L(I, l), S(l, M(u, {
+    var l = W(), I = l.firstChild, _ = R(n.ref);
+    return typeof _ == "function" && S(_, l), V(l, O(m, {
       get class() {
-        return P("smwb-bottom-bar", n.class);
+        return k("smwb-bottom-bar", n.class);
       },
       role: "navigation"
-    }), !1, !0), c(w, t(A, {
+    }), !1, !0), a(I, t(C, {
       get each() {
-        return y();
+        return B();
       },
       children: (e, f) => t($, {
         get as() {
@@ -92,7 +93,7 @@ function ce(p) {
           return i() === f();
         },
         onClick: (g) => {
-          v(f()), C(e.onClick, g);
+          v(f()), M(e.onClick, g);
         },
         get icon() {
           return e.icon;
@@ -104,19 +105,19 @@ function ce(p) {
           return e.href;
         }
       })
-    }), null), c(w, t(s, {
+    }), null), a(I, t(s, {
       get when() {
         return h();
       },
       get children() {
         return t($, {
-          ref: (e) => x(e),
+          ref: (e) => y(e),
           get isActive() {
-            return B();
+            return D();
           },
-          onClick: () => a((e) => !e),
+          onClick: () => c((e) => !e),
           get icon() {
-            return t(H, {
+            return t(j, {
               name: "menu",
               size: 24
             });
@@ -130,37 +131,37 @@ function ce(p) {
           }
         });
       }
-    }), null), c(l, t(s, {
+    }), null), a(l, t(s, {
       get when() {
         return h();
       },
       get children() {
-        return t(T, {
+        return t(q, {
           get isOpen() {
             return r();
           },
-          onClose: () => a(!1),
+          onClose: () => c(!1),
           get anchorElement() {
-            return R();
+            return x();
           },
           placement: "top",
           dense: !0,
           get children() {
-            return t(A, {
+            return t(C, {
               get each() {
-                return d();
+                return w();
               },
               children: (e, f) => {
-                const g = () => m() + f();
-                return t(j, {
+                const g = () => u() + f();
+                return t(G, {
                   get selected() {
                     return i() === g();
                   },
                   get href() {
                     return e.href;
                   },
-                  onClick: (D) => {
-                    v(g()), C(e.onClick, D), a(!1);
+                  onClick: (L) => {
+                    v(g()), M(e.onClick, L), c(!1);
                   },
                   get children() {
                     return [t(s, {
@@ -168,13 +169,13 @@ function ce(p) {
                         return e.icon;
                       },
                       get children() {
-                        return t(q, {
+                        return t(J, {
                           get children() {
                             return e.icon;
                           }
                         });
                       }
-                    }), t(G, {
+                    }), t(K, {
                       get inset() {
                         return !e.icon;
                       },
@@ -193,6 +194,6 @@ function ce(p) {
   })();
 }
 export {
-  ce as BottomBar
+  ue as BottomBar
 };
 //# sourceMappingURL=bottomBar.js.map

package/dist/components/navigation/bottomBar/bottomBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"bottomBar.js","sources":["../../../../src/components/navigation/bottomBar/bottomBar.tsx"],"sourcesContent":["import { type JSX, For, Show, children, createSignal, mergeProps, splitProps } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport cn from \"clsx\";\nimport { Icon } from \"../../base/icon\";\nimport { Ripple, type RippleActionsRef } from \"../../base/ripple\";\nimport { Menu, MenuItem, MenuItemIcon, MenuItemText } from \"../menu\";\nimport { createControllableState } from \"../../../primitives/createControllableState\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\nimport { callHandler } from \"../../../primitives/callHandler\";\nimport type { SidebarMenuItemProps } from \"../sidebar/sidebar\";\n\nexport type BottomBarMenuItemProps = SidebarMenuItemProps;\n\nexport interface BottomBarProps extends JSX.HTMLAttributes<HTMLElement> {\n  menuItems?: SidebarMenuItemProps[];\n  visibleCount?: number;\n  activeItem?: number | null;\n  defaultActiveItem?: number | null;\n  onActiveItemChange?: (index: number) => void;\n  overflowMenuAriaLabel?: string;\n  ref?: Ref<HTMLElement>;\n}\n\ninterface BarItemProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>, \"title\"> {\n  icon?: JSX.Element;\n  title?: string;\n  isActive?: boolean;\n  as?: string | undefined;\n  href?: string | undefined;\n  ref?: Ref<HTMLDivElement>;\n}\n\nfunction BarItem(props: BarItemProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\"isActive\", \"icon\", \"title\", \"as\", \"href\", \"ref\"]);\n  let rippleActions: RippleActionsRef | undefined;\n  // Resolve the icon in this item's context so a pre-created element passed via\n  // menuItems hydrates (see the same fix in Sidebar/AppLayout).\n  const icon = children(() => local.icon);\n  const onPointerDown = (event: PointerEvent): void => {\n    rippleActions?.onRipple(event);\n  };\n  return (\n    <Dynamic\n      component={local.as ?? \"div\"}\n      ref={mergeRefs(local.ref)}\n      href={local.href}\n      role=\"menuitem\"\n      class={cn(\"smwb-bottom-bar__item\", { \"smwb-bottom-bar__item_active\": local.isActive })}\n      onPointerDown={onPointerDown}\n      {...rest}\n    >\n      <Show when={icon()}>\n        <span class=\"smwb-bottom-bar__item-icon\">{icon()}</span>\n      </Show>\n      <Show when={local.title}>\n        <span class=\"smwb-bottom-bar__item-title\">{local.title}</span>\n      </Show>\n      <Ripple actionRef={(actions) => (rippleActions = actions)} />\n    </Dynamic>\n  );\n}\n\nexport function BottomBar(props: BottomBarProps): JSX.Element {\n  const merged = mergeProps(\n    {\n      menuItems: [] as SidebarMenuItemProps[],\n      visibleCount: 4,\n      defaultActiveItem: null as number | null,\n      overflowMenuAriaLabel: \"More navigation\",\n    },\n    props\n  );\n  const [local, rest] = splitProps(merged, [\n    \"class\",\n    \"menuItems\",\n    \"visibleCount\",\n    \"activeItem\",\n    \"defaultActiveItem\",\n    \"onActiveItemChange\",\n    \"overflowMenuAriaLabel\",\n    \"ref\",\n  ]);\n\n  const [activeItem, setActiveItem] = createControllableState<number | null>({\n    value: () => local.activeItem,\n    defaultValue: local.defaultActiveItem,\n    onChange: (next) => {\n      if (next !== null) local.onActiveItemChange?.(next);\n    },\n  });\n  const [overflowOpen, setOverflowOpen] = createSignal(false);\n  const [overflowAnchor, setOverflowAnchor] = createSignal<HTMLElement | null>(null);\n\n  const safeVisibleCount = (): number => Math.max(0, local.visibleCount);\n  const visibleItems = (): SidebarMenuItemProps[] => local.menuItems.slice(0, safeVisibleCount());\n  const overflowItems = (): SidebarMenuItemProps[] => local.menuItems.slice(safeVisibleCount());\n  const hasOverflow = (): boolean => overflowItems().length > 0;\n  const overflowActive = (): boolean =>\n    hasOverflow() && activeItem() !== null && (activeItem() as number) >= safeVisibleCount();\n\n  return (\n    <nav {...rest} ref={mergeRefs(local.ref)} class={cn(\"smwb-bottom-bar\", local.class)} role=\"navigation\">\n      <div class=\"smwb-bottom-bar__nav\" role=\"menubar\">\n        <For each={visibleItems()}>\n          {(item, idx) => (\n            <BarItem\n              as={item.as}\n              isActive={activeItem() === idx()}\n              onClick={(event) => {\n                setActiveItem(idx());\n                callHandler(item.onClick, event);\n              }}\n              icon={item.icon}\n              title={item.title}\n              href={item.href}\n            />\n          )}\n        </For>\n        <Show when={hasOverflow()}>\n          <BarItem\n            ref={(el) => setOverflowAnchor(el as HTMLElement)}\n            isActive={overflowActive()}\n            onClick={() => setOverflowOpen((prev) => !prev)}\n            icon={<Icon name=\"menu\" size={24} />}\n            aria-label={local.overflowMenuAriaLabel}\n            aria-haspopup=\"menu\"\n            aria-expanded={overflowOpen()}\n          />\n        </Show>\n      </div>\n      <Show when={hasOverflow()}>\n        <Menu\n          isOpen={overflowOpen()}\n          onClose={() => setOverflowOpen(false)}\n          anchorElement={overflowAnchor()}\n          placement=\"top\"\n          dense\n        >\n          <For each={overflowItems()}>\n            {(item, idx) => {\n              const itemIndex = (): number => safeVisibleCount() + idx();\n              return (\n                <MenuItem\n                  selected={activeItem() === itemIndex()}\n                  href={item.href}\n                  onClick={(event) => {\n                    setActiveItem(itemIndex());\n                    callHandler(\n                      item.onClick,\n                      event as unknown as MouseEvent & { currentTarget: HTMLDivElement; target: Element }\n                    );\n                    setOverflowOpen(false);\n                  }}\n                >\n                  <Show when={item.icon}>\n                    <MenuItemIcon>{item.icon}</MenuItemIcon>\n                  </Show>\n                  <MenuItemText inset={!item.icon}>{item.title}</MenuItemText>\n                </MenuItem>\n              );\n            }}\n          </For>\n        </Menu>\n      </Show>\n    </nav>\n  );\n}\n\nexport default BottomBar;\n"],"names":["BarItem","props","local","rest","splitProps","rippleActions","icon","children","_$createComponent","Dynamic","_$mergeProps","component","as","ref","r$","_ref$","mergeRefs","href","role","cn","isActive","onPointerDown","event","onRipple","Show","when","_el$","_tmpl$","_$insert","title","_el$2","_tmpl$2","Ripple","actionRef","actions","BottomBar","merged","mergeProps","menuItems","visibleCount","defaultActiveItem","overflowMenuAriaLabel","activeItem","setActiveItem","createControllableState","value","defaultValue","onChange","next","onActiveItemChange","overflowOpen","setOverflowOpen","createSignal","overflowAnchor","setOverflowAnchor","safeVisibleCount","Math","max","visibleItems","slice","overflowItems","hasOverflow","length","overflowActive","_el$3","_tmpl$3","_el$4","firstChild","_ref$2","_$use","_$spread","class","For","each","item","idx","onClick","callHandler","el","prev","Icon","name","size","Menu","isOpen","onClose","anchorElement","placement","dense","itemIndex","MenuItem","selected","MenuItemIcon","MenuItemText","inset"],"mappings":"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"}
+{"version":3,"file":"bottomBar.js","sources":["../../../../src/components/navigation/bottomBar/bottomBar.tsx"],"sourcesContent":["import { type JSX, For, Show, children, createMemo, createSignal, mergeProps, splitProps } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport cn from \"clsx\";\nimport { Icon } from \"../../base/icon\";\nimport { Ripple, type RippleActionsRef } from \"../../base/ripple\";\nimport { Menu, MenuItem, MenuItemIcon, MenuItemText } from \"../menu\";\nimport { createControllableState } from \"../../../primitives/createControllableState\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\nimport { callHandler } from \"../../../primitives/callHandler\";\nimport type { SidebarMenuItemProps } from \"../sidebar/sidebar\";\n\nexport type BottomBarMenuItemProps = SidebarMenuItemProps;\n\nexport interface BottomBarProps extends JSX.HTMLAttributes<HTMLElement> {\n  menuItems?: SidebarMenuItemProps[];\n  visibleCount?: number;\n  activeItem?: number | null;\n  defaultActiveItem?: number | null;\n  onActiveItemChange?: (index: number) => void;\n  overflowMenuAriaLabel?: string;\n  ref?: Ref<HTMLElement>;\n}\n\ninterface BarItemProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>, \"title\"> {\n  icon?: JSX.Element;\n  title?: string;\n  isActive?: boolean;\n  as?: string | undefined;\n  href?: string | undefined;\n  ref?: Ref<HTMLDivElement>;\n}\n\nfunction BarItem(props: BarItemProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\"isActive\", \"icon\", \"title\", \"as\", \"href\", \"ref\"]);\n  let rippleActions: RippleActionsRef | undefined;\n  // Resolve the icon in this item's context so a pre-created element passed via\n  // menuItems hydrates (see the same fix in Sidebar/AppLayout).\n  const icon = children(() => local.icon);\n  const onPointerDown = (event: PointerEvent): void => {\n    rippleActions?.onRipple(event);\n  };\n  return (\n    <Dynamic\n      component={local.as ?? \"div\"}\n      ref={mergeRefs(local.ref)}\n      href={local.href}\n      role=\"menuitem\"\n      class={cn(\"smwb-bottom-bar__item\", { \"smwb-bottom-bar__item_active\": local.isActive })}\n      onPointerDown={onPointerDown}\n      {...rest}\n    >\n      <Show when={icon()}>\n        <span class=\"smwb-bottom-bar__item-icon\">{icon()}</span>\n      </Show>\n      <Show when={local.title}>\n        <span class=\"smwb-bottom-bar__item-title\">{local.title}</span>\n      </Show>\n      <Ripple actionRef={(actions) => (rippleActions = actions)} />\n    </Dynamic>\n  );\n}\n\nexport function BottomBar(props: BottomBarProps): JSX.Element {\n  const merged = mergeProps(\n    {\n      menuItems: [] as SidebarMenuItemProps[],\n      visibleCount: 4,\n      defaultActiveItem: null as number | null,\n      overflowMenuAriaLabel: \"More navigation\",\n    },\n    props\n  );\n  const [local, rest] = splitProps(merged, [\n    \"class\",\n    \"menuItems\",\n    \"visibleCount\",\n    \"activeItem\",\n    \"defaultActiveItem\",\n    \"onActiveItemChange\",\n    \"overflowMenuAriaLabel\",\n    \"ref\",\n  ]);\n\n  const [activeItem, setActiveItem] = createControllableState<number | null>({\n    value: () => local.activeItem,\n    defaultValue: local.defaultActiveItem,\n    onChange: (next) => {\n      if (next !== null) local.onActiveItemChange?.(next);\n    },\n  });\n  const [overflowOpen, setOverflowOpen] = createSignal(false);\n  const [overflowAnchor, setOverflowAnchor] = createSignal<HTMLElement | null>(null);\n\n  // Read menuItems once. An inline array literal is re-evaluated on every read,\n  // re-creating the icons in it; during hydration an icon created by a read that\n  // renders nothing (e.g. the overflow check) has no server DOM node to adopt.\n  const menuItems = createMemo(() => local.menuItems);\n  const safeVisibleCount = (): number => Math.max(0, local.visibleCount);\n  const visibleItems = (): SidebarMenuItemProps[] => menuItems().slice(0, safeVisibleCount());\n  const overflowItems = (): SidebarMenuItemProps[] => menuItems().slice(safeVisibleCount());\n  const hasOverflow = (): boolean => overflowItems().length > 0;\n  const overflowActive = (): boolean =>\n    hasOverflow() && activeItem() !== null && (activeItem() as number) >= safeVisibleCount();\n\n  return (\n    <nav {...rest} ref={mergeRefs(local.ref)} class={cn(\"smwb-bottom-bar\", local.class)} role=\"navigation\">\n      <div class=\"smwb-bottom-bar__nav\" role=\"menubar\">\n        <For each={visibleItems()}>\n          {(item, idx) => (\n            <BarItem\n              as={item.as}\n              isActive={activeItem() === idx()}\n              onClick={(event) => {\n                setActiveItem(idx());\n                callHandler(item.onClick, event);\n              }}\n              icon={item.icon}\n              title={item.title}\n              href={item.href}\n            />\n          )}\n        </For>\n        <Show when={hasOverflow()}>\n          <BarItem\n            ref={(el) => setOverflowAnchor(el as HTMLElement)}\n            isActive={overflowActive()}\n            onClick={() => setOverflowOpen((prev) => !prev)}\n            icon={<Icon name=\"menu\" size={24} />}\n            aria-label={local.overflowMenuAriaLabel}\n            aria-haspopup=\"menu\"\n            aria-expanded={overflowOpen()}\n          />\n        </Show>\n      </div>\n      <Show when={hasOverflow()}>\n        <Menu\n          isOpen={overflowOpen()}\n          onClose={() => setOverflowOpen(false)}\n          anchorElement={overflowAnchor()}\n          placement=\"top\"\n          dense\n        >\n          <For each={overflowItems()}>\n            {(item, idx) => {\n              const itemIndex = (): number => safeVisibleCount() + idx();\n              return (\n                <MenuItem\n                  selected={activeItem() === itemIndex()}\n                  href={item.href}\n                  onClick={(event) => {\n                    setActiveItem(itemIndex());\n                    callHandler(\n                      item.onClick,\n                      event as unknown as MouseEvent & { currentTarget: HTMLDivElement; target: Element }\n                    );\n                    setOverflowOpen(false);\n                  }}\n                >\n                  <Show when={item.icon}>\n                    <MenuItemIcon>{item.icon}</MenuItemIcon>\n                  </Show>\n                  <MenuItemText inset={!item.icon}>{item.title}</MenuItemText>\n                </MenuItem>\n              );\n            }}\n          </For>\n        </Menu>\n      </Show>\n    </nav>\n  );\n}\n\nexport default BottomBar;\n"],"names":["BarItem","props","local","rest","splitProps","rippleActions","icon","children","_$createComponent","Dynamic","_$mergeProps","component","as","ref","r$","_ref$","mergeRefs","href","role","cn","isActive","onPointerDown","event","onRipple","Show","when","_el$","_tmpl$","_$insert","title","_el$2","_tmpl$2","Ripple","actionRef","actions","BottomBar","merged","mergeProps","menuItems","visibleCount","defaultActiveItem","overflowMenuAriaLabel","activeItem","setActiveItem","createControllableState","value","defaultValue","onChange","next","onActiveItemChange","overflowOpen","setOverflowOpen","createSignal","overflowAnchor","setOverflowAnchor","createMemo","safeVisibleCount","Math","max","visibleItems","slice","overflowItems","hasOverflow","length","overflowActive","_el$3","_tmpl$3","_el$4","firstChild","_ref$2","_$use","_$spread","class","For","each","item","idx","onClick","callHandler","el","prev","Icon","name","size","Menu","isOpen","onClose","anchorElement","placement","dense","itemIndex","MenuItem","selected","MenuItemIcon","MenuItemText","inset"],"mappings":"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"}

package/dist/components/navigation/breadcrumbs/breadcrumbs.js

@@ -1,11 +1,12 @@
 import { use as $, spread as C, mergeProps as v, insert as o, createComponent as p, template as s, effect as w, setAttribute as A, delegateEvents as B } from "solid-js/web";
-import '../../../assets/styles/less/components/breadcrumbs/breadcrumbs.entry.css';/* empty css                                                                 */
+import '../../../assets/styles/less/components/breadcrumbs/breadcrumbs.entry.css';import '../../../assets/styles/less/tokens.entry.css';/* empty css                                     */
+/* empty css                                                                 */
 import { mergeProps as E, splitProps as P, children as y, For as I, Show as L } from "solid-js";
 import S from "clsx";
 import { createControllableState as k } from "../../../primitives/createControllableState.js";
 import { mergeRefs as F } from "../../../primitives/mergeRefs.js";
 var R = /* @__PURE__ */ s("<button type=button class=smwb-breadcrumbs__expand>…"), V = /* @__PURE__ */ s("<nav><ol class=smwb-breadcrumbs__list>"), j = /* @__PURE__ */ s("<li class=smwb-breadcrumbs__item>"), q = /* @__PURE__ */ s("<li class=smwb-breadcrumbs__separator aria-hidden=true>");
-function M(c) {
+function N(c) {
   const d = E({
     separator: "/",
     maxItems: 8,
@@ -52,6 +53,6 @@ function M(c) {
 }
 B(["click"]);
 export {
-  M as Breadcrumbs
+  N as Breadcrumbs
 };
 //# sourceMappingURL=breadcrumbs.js.map

package/dist/components/navigation/breadcrumbs/breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumbs.js","sources":["../../../../src/components/navigation/breadcrumbs/breadcrumbs.tsx"],"sourcesContent":["import { type JSX, type ParentProps, For, Show, children as resolveChildren, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { createControllableState } from \"../../../primitives/createControllableState\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport interface BreadcrumbsProps extends JSX.HTMLAttributes<HTMLElement> {\n  /** Node placed between every crumb. */\n  separator?: JSX.Element;\n  /** Collapse the middle of the trail when there are more than `maxItems` crumbs. */\n  maxItems?: number;\n  /** How many leading crumbs to keep when collapsed. */\n  itemsBeforeCollapse?: number;\n  /** How many trailing crumbs to keep when collapsed. */\n  itemsAfterCollapse?: number;\n  /** Controlled expanded state. */\n  expanded?: boolean;\n  /** Fired when the user activates the expand control. */\n  onExpand?: () => void;\n  /** Accessible label for the expand button. */\n  expandLabel?: string;\n  ref?: Ref<HTMLElement>;\n}\n\nexport function Breadcrumbs(props: ParentProps<BreadcrumbsProps>): JSX.Element {\n  const merged = mergeProps(\n    { separator: \"/\" as JSX.Element, maxItems: 8, itemsBeforeCollapse: 1, itemsAfterCollapse: 1, expandLabel: \"Show path\" },\n    props\n  );\n  const [local, rest] = splitProps(merged, [\n    \"class\",\n    \"separator\",\n    \"maxItems\",\n    \"itemsBeforeCollapse\",\n    \"itemsAfterCollapse\",\n    \"expanded\",\n    \"onExpand\",\n    \"expandLabel\",\n    \"children\",\n    \"ref\",\n  ]);\n\n  const [expanded, setExpanded] = createControllableState<boolean>({\n    value: () => local.expanded,\n    defaultValue: false,\n    onChange: () => local.onExpand?.(),\n  });\n\n  const resolved = resolveChildren(() => local.children);\n  const crumbs = (): unknown[] => resolved.toArray();\n\n  const collapsed = (): boolean =>\n    !expanded() &&\n    crumbs().length > local.maxItems &&\n    local.itemsBeforeCollapse + local.itemsAfterCollapse < crumbs().length;\n\n  const handleExpand = (): void => setExpanded(true);\n\n  const rendered = (): unknown[] => {\n    const all = crumbs();\n    if (!collapsed()) return all;\n    return [\n      ...all.slice(0, local.itemsBeforeCollapse),\n      (\n        <button type=\"button\" class=\"smwb-breadcrumbs__expand\" aria-label={local.expandLabel} onClick={handleExpand}>\n          …\n        </button>\n      ),\n      ...all.slice(all.length - local.itemsAfterCollapse),\n    ];\n  };\n\n  return (\n    <nav {...rest} ref={mergeRefs(local.ref)} data-testid=\"breadcrumbs\" aria-label=\"breadcrumb\" class={cn(\"smwb-breadcrumbs\", local.class)}>\n      <ol class=\"smwb-breadcrumbs__list\">\n        <For each={rendered()}>\n          {(crumb, index) => (\n            <>\n              <li class=\"smwb-breadcrumbs__item\">{crumb as JSX.Element}</li>\n              <Show when={index() < rendered().length - 1}>\n                <li class=\"smwb-breadcrumbs__separator\" aria-hidden=\"true\">\n                  {local.separator}\n                </li>\n              </Show>\n            </>\n          )}\n        </For>\n      </ol>\n    </nav>\n  );\n}\n\nexport default Breadcrumbs;\n"],"names":["Breadcrumbs","props","merged","mergeProps","separator","maxItems","itemsBeforeCollapse","itemsAfterCollapse","expandLabel","local","rest","splitProps","expanded","setExpanded","createControllableState","value","defaultValue","onChange","onExpand","resolved","resolveChildren","children","crumbs","toArray","collapsed","length","handleExpand","rendered","all","slice","_el$","_tmpl$","$$click","_$effect","_$setAttribute","_el$2","_tmpl$2","_el$3","firstChild","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","cn","class","_$insert","_$createComponent","For","each","crumb","index","_el$4","_tmpl$3","Show","when","_el$5","_tmpl$4","_$delegateEvents"],"mappings":";;;;;;;AAwBO,SAASA,EAAYC,GAAmD;AAC7E,QAAMC,IAASC,EACb;AAAA,IAAEC,WAAW;AAAA,IAAoBC,UAAU;AAAA,IAAGC,qBAAqB;AAAA,IAAGC,oBAAoB;AAAA,IAAGC,aAAa;AAAA,EAAA,GAC1GP,CACF,GACM,CAACQ,GAAOC,CAAI,IAAIC,EAAWT,GAAQ,CACvC,SACA,aACA,YACA,uBACA,sBACA,YACA,YACA,eACA,YACA,KAAK,CACN,GAEK,CAACU,GAAUC,CAAW,IAAIC,EAAiC;AAAA,IAC/DC,OAAOA,MAAMN,EAAMG;AAAAA,IACnBI,cAAc;AAAA,IACdC,UAAUA,MAAMR,EAAMS,WAAAA;AAAAA,EAAW,CAClC,GAEKC,IAAWC,EAAgB,MAAMX,EAAMY,QAAQ,GAC/CC,IAASA,MAAiBH,EAASI,QAAAA,GAEnCC,IAAYA,MAChB,CAACZ,EAAAA,KACDU,EAAAA,EAASG,SAAShB,EAAMJ,YACxBI,EAAMH,sBAAsBG,EAAMF,qBAAqBe,IAASG,QAE5DC,IAAeA,MAAYb,EAAY,EAAI,GAE3Cc,IAAWA,MAAiB;AAChC,UAAMC,IAAMN,EAAAA;AACZ,WAAKE,EAAAA,IACE,CACL,GAAGI,EAAIC,MAAM,GAAGpB,EAAMH,mBAAmB,IAAC,MAAA;AAAA,UAAAwB,IAAAC,EAAAA;AAAAD,aAAAA,EAAAE,UAEuDN,GAAYO,QAAAC,EAAAJ,GAAA,cAAxCrB,EAAMD,WAAW,CAAA,GAAAsB;AAAAA,IAAA,GAAA,GAItF,GAAGF,EAAIC,MAAMD,EAAIH,SAAShB,EAAMF,kBAAkB,CAAC,IAR5BqB;AAAAA,EAU3B;AAEA,UAAA,MAAA;AAAA,QAAAO,IAAAC,EAAAA,GAAAC,IAAAF,EAAAG,YAAAC,IACsBC,EAAU/B,EAAMgC,GAAG;AAAC,kBAAAF,KAAA,cAAAG,EAAAH,GAAAJ,CAAA,GAAAQ,EAAAR,GAAAS,EAA/BlC,GAAI;AAAA,MAAA,eAAyC;AAAA,MAAa,cAAY;AAAA,MAAY,IAAA,QAAA;AAAA,eAAQmC,EAAG,oBAAoBpC,EAAMqC,KAAK;AAAA,MAAC;AAAA,IAAA,CAAA,GAAA,IAAA,EAAA,GAAAC,EAAAV,GAAAW,EAEjIC,GAAG;AAAA,MAAA,IAACC,OAAI;AAAA,eAAEvB,EAAAA;AAAAA,MAAU;AAAA,MAAAN,UAClBA,CAAC8B,GAAOC,MAAK,EAAA,MAAA;AAAA,YAAAC,IAAAC,EAAAA;AAAAP,eAAAA,EAAAM,GAE0BF,CAAoB,GAAAE;AAAAA,MAAA,GAAA,GAAAL,EACvDO,GAAI;AAAA,QAAA,IAACC,OAAI;AAAA,iBAAEJ,EAAAA,IAAUzB,EAAAA,EAAWF,SAAS;AAAA,QAAC;AAAA,QAAA,IAAAJ,WAAA;AAAA,cAAAoC,IAAAC,EAAAA;AAAAX,iBAAAA,EAAAU,GAAA,MAEtChD,EAAML,SAAS,GAAAqD;AAAAA,QAAA;AAAA,MAAA,CAAA,CAAA;AAAA,IAAA,CAIvB,CAAA,GAAAtB;AAAAA,EAAA,GAAA;AAKX;AAE2BwB,EAAA,CAAA,OAAA,CAAA;"}
+{"version":3,"file":"breadcrumbs.js","sources":["../../../../src/components/navigation/breadcrumbs/breadcrumbs.tsx"],"sourcesContent":["import { type JSX, type ParentProps, For, Show, children as resolveChildren, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { createControllableState } from \"../../../primitives/createControllableState\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport interface BreadcrumbsProps extends JSX.HTMLAttributes<HTMLElement> {\n  /** Node placed between every crumb. */\n  separator?: JSX.Element;\n  /** Collapse the middle of the trail when there are more than `maxItems` crumbs. */\n  maxItems?: number;\n  /** How many leading crumbs to keep when collapsed. */\n  itemsBeforeCollapse?: number;\n  /** How many trailing crumbs to keep when collapsed. */\n  itemsAfterCollapse?: number;\n  /** Controlled expanded state. */\n  expanded?: boolean;\n  /** Fired when the user activates the expand control. */\n  onExpand?: () => void;\n  /** Accessible label for the expand button. */\n  expandLabel?: string;\n  ref?: Ref<HTMLElement>;\n}\n\nexport function Breadcrumbs(props: ParentProps<BreadcrumbsProps>): JSX.Element {\n  const merged = mergeProps(\n    { separator: \"/\" as JSX.Element, maxItems: 8, itemsBeforeCollapse: 1, itemsAfterCollapse: 1, expandLabel: \"Show path\" },\n    props\n  );\n  const [local, rest] = splitProps(merged, [\n    \"class\",\n    \"separator\",\n    \"maxItems\",\n    \"itemsBeforeCollapse\",\n    \"itemsAfterCollapse\",\n    \"expanded\",\n    \"onExpand\",\n    \"expandLabel\",\n    \"children\",\n    \"ref\",\n  ]);\n\n  const [expanded, setExpanded] = createControllableState<boolean>({\n    value: () => local.expanded,\n    defaultValue: false,\n    onChange: () => local.onExpand?.(),\n  });\n\n  const resolved = resolveChildren(() => local.children);\n  const crumbs = (): unknown[] => resolved.toArray();\n\n  const collapsed = (): boolean =>\n    !expanded() &&\n    crumbs().length > local.maxItems &&\n    local.itemsBeforeCollapse + local.itemsAfterCollapse < crumbs().length;\n\n  const handleExpand = (): void => setExpanded(true);\n\n  const rendered = (): unknown[] => {\n    const all = crumbs();\n    if (!collapsed()) return all;\n    return [\n      ...all.slice(0, local.itemsBeforeCollapse),\n      (\n        <button type=\"button\" class=\"smwb-breadcrumbs__expand\" aria-label={local.expandLabel} onClick={handleExpand}>\n          …\n        </button>\n      ),\n      ...all.slice(all.length - local.itemsAfterCollapse),\n    ];\n  };\n\n  return (\n    <nav {...rest} ref={mergeRefs(local.ref)} data-testid=\"breadcrumbs\" aria-label=\"breadcrumb\" class={cn(\"smwb-breadcrumbs\", local.class)}>\n      <ol class=\"smwb-breadcrumbs__list\">\n        <For each={rendered()}>\n          {(crumb, index) => (\n            <>\n              <li class=\"smwb-breadcrumbs__item\">{crumb as JSX.Element}</li>\n              <Show when={index() < rendered().length - 1}>\n                <li class=\"smwb-breadcrumbs__separator\" aria-hidden=\"true\">\n                  {local.separator}\n                </li>\n              </Show>\n            </>\n          )}\n        </For>\n      </ol>\n    </nav>\n  );\n}\n\nexport default Breadcrumbs;\n"],"names":["Breadcrumbs","props","merged","mergeProps","separator","maxItems","itemsBeforeCollapse","itemsAfterCollapse","expandLabel","local","rest","splitProps","expanded","setExpanded","createControllableState","value","defaultValue","onChange","onExpand","resolved","resolveChildren","children","crumbs","toArray","collapsed","length","handleExpand","rendered","all","slice","_el$","_tmpl$","$$click","_$effect","_$setAttribute","_el$2","_tmpl$2","_el$3","firstChild","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","cn","class","_$insert","_$createComponent","For","each","crumb","index","_el$4","_tmpl$3","Show","when","_el$5","_tmpl$4","_$delegateEvents"],"mappings":";;;;;;;;AAyBO,SAASA,EAAYC,GAAmD;AAC7E,QAAMC,IAASC,EACb;AAAA,IAAEC,WAAW;AAAA,IAAoBC,UAAU;AAAA,IAAGC,qBAAqB;AAAA,IAAGC,oBAAoB;AAAA,IAAGC,aAAa;AAAA,EAAA,GAC1GP,CACF,GACM,CAACQ,GAAOC,CAAI,IAAIC,EAAWT,GAAQ,CACvC,SACA,aACA,YACA,uBACA,sBACA,YACA,YACA,eACA,YACA,KAAK,CACN,GAEK,CAACU,GAAUC,CAAW,IAAIC,EAAiC;AAAA,IAC/DC,OAAOA,MAAMN,EAAMG;AAAAA,IACnBI,cAAc;AAAA,IACdC,UAAUA,MAAMR,EAAMS,WAAAA;AAAAA,EAAW,CAClC,GAEKC,IAAWC,EAAgB,MAAMX,EAAMY,QAAQ,GAC/CC,IAASA,MAAiBH,EAASI,QAAAA,GAEnCC,IAAYA,MAChB,CAACZ,EAAAA,KACDU,EAAAA,EAASG,SAAShB,EAAMJ,YACxBI,EAAMH,sBAAsBG,EAAMF,qBAAqBe,IAASG,QAE5DC,IAAeA,MAAYb,EAAY,EAAI,GAE3Cc,IAAWA,MAAiB;AAChC,UAAMC,IAAMN,EAAAA;AACZ,WAAKE,EAAAA,IACE,CACL,GAAGI,EAAIC,MAAM,GAAGpB,EAAMH,mBAAmB,IAAC,MAAA;AAAA,UAAAwB,IAAAC,EAAAA;AAAAD,aAAAA,EAAAE,UAEuDN,GAAYO,QAAAC,EAAAJ,GAAA,cAAxCrB,EAAMD,WAAW,CAAA,GAAAsB;AAAAA,IAAA,GAAA,GAItF,GAAGF,EAAIC,MAAMD,EAAIH,SAAShB,EAAMF,kBAAkB,CAAC,IAR5BqB;AAAAA,EAU3B;AAEA,UAAA,MAAA;AAAA,QAAAO,IAAAC,EAAAA,GAAAC,IAAAF,EAAAG,YAAAC,IACsBC,EAAU/B,EAAMgC,GAAG;AAAC,kBAAAF,KAAA,cAAAG,EAAAH,GAAAJ,CAAA,GAAAQ,EAAAR,GAAAS,EAA/BlC,GAAI;AAAA,MAAA,eAAyC;AAAA,MAAa,cAAY;AAAA,MAAY,IAAA,QAAA;AAAA,eAAQmC,EAAG,oBAAoBpC,EAAMqC,KAAK;AAAA,MAAC;AAAA,IAAA,CAAA,GAAA,IAAA,EAAA,GAAAC,EAAAV,GAAAW,EAEjIC,GAAG;AAAA,MAAA,IAACC,OAAI;AAAA,eAAEvB,EAAAA;AAAAA,MAAU;AAAA,MAAAN,UAClBA,CAAC8B,GAAOC,MAAK,EAAA,MAAA;AAAA,YAAAC,IAAAC,EAAAA;AAAAP,eAAAA,EAAAM,GAE0BF,CAAoB,GAAAE;AAAAA,MAAA,GAAA,GAAAL,EACvDO,GAAI;AAAA,QAAA,IAACC,OAAI;AAAA,iBAAEJ,EAAAA,IAAUzB,EAAAA,EAAWF,SAAS;AAAA,QAAC;AAAA,QAAA,IAAAJ,WAAA;AAAA,cAAAoC,IAAAC,EAAAA;AAAAX,iBAAAA,EAAAU,GAAA,MAEtChD,EAAML,SAAS,GAAAqD;AAAAA,QAAA;AAAA,MAAA,CAAA,CAAA;AAAA,IAAA,CAIvB,CAAA,GAAAtB;AAAAA,EAAA,GAAA;AAKX;AAE2BwB,EAAA,CAAA,OAAA,CAAA;"}