@smwb/ui-react 2.6.2 → 2.7.0

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

@@ -1,23 +1,24 @@
 import { jsx as s, jsxs as k } from "react/jsx-runtime";
-import '../../../assets/styles/less/components/stack/stack.entry.css';/* empty css                                                     */
+import '../../../assets/styles/less/components/stack/stack.entry.css';import '../../../assets/styles/less/tokens.entry.css';/* empty css                                     */
+/* empty css                                                     */
 import y, { Children as w, isValidElement as b, Fragment as h } from "react";
 import j from "clsx";
-const n = (t) => t === "start" || t === "end" ? `flex-${t}` : t, v = (t) => typeof t == "number" ? `calc(var(--smui-spacing-unit, 4px) * ${t})` : t === "none" ? "0" : `var(--smui-space-${t})`, R = y.forwardRef(function({ direction: i = "column", spacing: l = "md", align: c, justify: o, wrap: m, divider: e, className: f, style: p, children: a, ...d }, u) {
+const i = (t) => t === "start" || t === "end" ? `flex-${t}` : t, v = (t) => typeof t == "number" ? `calc(var(--smui-spacing-unit, 4px) * ${t})` : t === "none" ? "0" : `var(--smui-space-${t})`, S = y.forwardRef(function({ direction: n = "column", spacing: l = "md", align: o, justify: c, wrap: m, divider: e, className: p, style: f, children: a, ...d }, u) {
   const x = w.toArray(a).filter(b);
   return /* @__PURE__ */ s(
     "div",
     {
       ref: u,
       "data-testid": "stack",
-      className: j("smwb-stack", f),
+      className: j("smwb-stack", p),
       style: {
         display: "flex",
-        flexDirection: i,
+        flexDirection: n,
         flexWrap: m ? "wrap" : void 0,
-        alignItems: n(c),
-        justifyContent: n(o),
+        alignItems: i(o),
+        justifyContent: i(c),
         gap: v(l),
-        ...p
+        ...f
       },
       ...d,
       children: e ? x.map((g, r) => /* @__PURE__ */ k(h, { children: [
@@ -28,7 +29,7 @@ const n = (t) => t === "start" || t === "end" ? `flex-${t}` : t, v = (t) => type
   );
 });
 export {
-  R as Stack,
-  R as default
+  S as Stack,
+  S as default
 };
 //# 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 React, { Children, Fragment, HTMLAttributes, PropsWithChildren, ReactNode, isValidElement } from \"react\";\nimport cn from \"clsx\";\n\nexport type StackSpacing = number | \"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"xxxl\";\n\nexport interface StackProps extends 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?: ReactNode;\n  className?: string;\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 const Stack = React.forwardRef<HTMLDivElement, PropsWithChildren<StackProps>>(function Stack(\n  { direction = \"column\", spacing = \"md\", align, justify, wrap, divider, className, style, children, ...rest },\n  ref\n) {\n  const items = Children.toArray(children).filter(isValidElement);\n  return (\n    <div\n      ref={ref}\n      data-testid=\"stack\"\n      className={cn(\"smwb-stack\", className)}\n      style={{\n        display: \"flex\",\n        flexDirection: direction,\n        flexWrap: wrap ? \"wrap\" : undefined,\n        alignItems: flexAlign(align),\n        justifyContent: flexAlign(justify),\n        gap: resolveGap(spacing),\n        ...style,\n      }}\n      {...rest}\n    >\n      {divider\n        ? items.map((child, i) => (\n            <Fragment key={i}>\n              {i > 0 ? <div className=\"smwb-stack__divider\">{divider}</div> : null}\n              {child}\n            </Fragment>\n          ))\n        : children}\n    </div>\n  );\n});\n\nexport default Stack;\n"],"names":["flexAlign","v","resolveGap","s","Stack","React","direction","spacing","align","justify","wrap","divider","className","style","children","rest","ref","items","Children","isValidElement","jsx","cn","child","i","Fragment"],"mappings":";;;;AAkBA,MAAMA,IAAY,CAACC,MAAoCA,MAAM,WAAWA,MAAM,QAAQ,QAAQA,CAAC,KAAKA,GAE9FC,IAAa,CAACC,MAClB,OAAOA,KAAM,WAAW,wCAAwCA,CAAC,MAAMA,MAAM,SAAS,MAAM,oBAAoBA,CAAC,KAEtGC,IAAQC,EAAM,WAA0D,SACnF,EAAE,WAAAC,IAAY,UAAU,SAAAC,IAAU,MAAM,OAAAC,GAAO,SAAAC,GAAS,MAAAC,GAAM,SAAAC,GAAS,WAAAC,GAAW,OAAAC,GAAO,UAAAC,GAAU,GAAGC,EAAA,GACtGC,GACA;AACA,QAAMC,IAAQC,EAAS,QAAQJ,CAAQ,EAAE,OAAOK,CAAc;AAC9D,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAJ;AAAA,MACA,eAAY;AAAA,MACZ,WAAWK,EAAG,cAAcT,CAAS;AAAA,MACrC,OAAO;AAAA,QACL,SAAS;AAAA,QACT,eAAeN;AAAA,QACf,UAAUI,IAAO,SAAS;AAAA,QAC1B,YAAYV,EAAUQ,CAAK;AAAA,QAC3B,gBAAgBR,EAAUS,CAAO;AAAA,QACjC,KAAKP,EAAWK,CAAO;AAAA,QACvB,GAAGM;AAAA,MAAA;AAAA,MAEJ,GAAGE;AAAA,MAEH,cACGE,EAAM,IAAI,CAACK,GAAOC,wBACfC,GAAA,EACE,UAAA;AAAA,QAAAD,IAAI,IAAI,gBAAAH,EAAC,OAAA,EAAI,WAAU,uBAAuB,aAAQ,IAAS;AAAA,QAC/DE;AAAA,MAAA,EAAA,GAFYC,CAGf,CACD,IACDT;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;"}
+{"version":3,"file":"stack.js","sources":["../../../../src/components/layout/stack/stack.tsx"],"sourcesContent":["import React, { Children, Fragment, HTMLAttributes, PropsWithChildren, ReactNode, isValidElement } from \"react\";\nimport cn from \"clsx\";\n\nexport type StackSpacing = number | \"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"xxxl\";\n\nexport interface StackProps extends 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?: ReactNode;\n  className?: string;\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 const Stack = React.forwardRef<HTMLDivElement, PropsWithChildren<StackProps>>(function Stack(\n  { direction = \"column\", spacing = \"md\", align, justify, wrap, divider, className, style, children, ...rest },\n  ref\n) {\n  const items = Children.toArray(children).filter(isValidElement);\n  return (\n    <div\n      ref={ref}\n      data-testid=\"stack\"\n      className={cn(\"smwb-stack\", className)}\n      style={{\n        display: \"flex\",\n        flexDirection: direction,\n        flexWrap: wrap ? \"wrap\" : undefined,\n        alignItems: flexAlign(align),\n        justifyContent: flexAlign(justify),\n        gap: resolveGap(spacing),\n        ...style,\n      }}\n      {...rest}\n    >\n      {divider\n        ? items.map((child, i) => (\n            <Fragment key={i}>\n              {i > 0 ? <div className=\"smwb-stack__divider\">{divider}</div> : null}\n              {child}\n            </Fragment>\n          ))\n        : children}\n    </div>\n  );\n});\n\nexport default Stack;\n"],"names":["flexAlign","v","resolveGap","s","Stack","React","direction","spacing","align","justify","wrap","divider","className","style","children","rest","ref","items","Children","isValidElement","jsx","cn","child","i","Fragment"],"mappings":";;;;;AAmBA,MAAMA,IAAY,CAACC,MAAoCA,MAAM,WAAWA,MAAM,QAAQ,QAAQA,CAAC,KAAKA,GAE9FC,IAAa,CAACC,MAClB,OAAOA,KAAM,WAAW,wCAAwCA,CAAC,MAAMA,MAAM,SAAS,MAAM,oBAAoBA,CAAC,KAEtGC,IAAQC,EAAM,WAA0D,SACnF,EAAE,WAAAC,IAAY,UAAU,SAAAC,IAAU,MAAM,OAAAC,GAAO,SAAAC,GAAS,MAAAC,GAAM,SAAAC,GAAS,WAAAC,GAAW,OAAAC,GAAO,UAAAC,GAAU,GAAGC,EAAA,GACtGC,GACA;AACA,QAAMC,IAAQC,EAAS,QAAQJ,CAAQ,EAAE,OAAOK,CAAc;AAC9D,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAJ;AAAA,MACA,eAAY;AAAA,MACZ,WAAWK,EAAG,cAAcT,CAAS;AAAA,MACrC,OAAO;AAAA,QACL,SAAS;AAAA,QACT,eAAeN;AAAA,QACf,UAAUI,IAAO,SAAS;AAAA,QAC1B,YAAYV,EAAUQ,CAAK;AAAA,QAC3B,gBAAgBR,EAAUS,CAAO;AAAA,QACjC,KAAKP,EAAWK,CAAO;AAAA,QACvB,GAAGM;AAAA,MAAA;AAAA,MAEJ,GAAGE;AAAA,MAEH,cACGE,EAAM,IAAI,CAACK,GAAOC,wBACfC,GAAA,EACE,UAAA;AAAA,QAAAD,IAAI,IAAI,gBAAAH,EAAC,OAAA,EAAI,WAAU,uBAAuB,aAAQ,IAAS;AAAA,QAC/DE;AAAA,MAAA,EAAA,GAFYC,CAGf,CACD,IACDT;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;"}

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

@@ -1,48 +1,49 @@
-import { jsx as a, jsxs as m } from "react/jsx-runtime";
-import '../../../assets/styles/less/components/appBar/appBar.entry.css';/* empty css                                                       */
+import { jsx as a, jsxs as e } from "react/jsx-runtime";
+import '../../../assets/styles/less/components/appBar/appBar.entry.css';import '../../../assets/styles/less/tokens.entry.css';/* empty css                                     */
+/* empty css                                                       */
 import { forwardRef as w } from "react";
 import i from "clsx";
-const x = w(function({
+const j = w(function({
   className: t,
-  children: s,
+  children: r,
   dense: d,
   position: b = "static",
-  placement: r = "top",
-  leftContent: l,
-  midContent: o,
+  placement: s = "top",
+  leftContent: o,
+  midContent: l,
   midContentAlign: c = "middle",
   rightContent: n,
   title: p,
-  color: e = "default",
+  color: m = "default",
   ..._
 }, f) {
   return /* @__PURE__ */ a(
-    r === "top" ? "header" : "footer",
+    s === "top" ? "header" : "footer",
     {
       ref: f,
       className: i(
         "smwb-appbar",
         t,
         `smwb-${b}`,
-        `smwb-${r}`,
+        `smwb-${s}`,
         { "smwb-dense": d },
-        e !== "default" && `smwb-appbar_color-${e}`
+        m !== "default" && `smwb-appbar_color-${m}`
       ),
       "data-testid": "app-bar",
       ..._,
-      children: s || /* @__PURE__ */ m("div", { className: "smwb-appbar__inner", children: [
-        /* @__PURE__ */ m("div", { className: "smwb-appbar__left", children: [
+      children: r || /* @__PURE__ */ e("div", { className: "smwb-appbar__inner", children: [
+        /* @__PURE__ */ e("div", { className: "smwb-appbar__left", children: [
           p && /* @__PURE__ */ a("div", { className: "smwb-appbar__left__title", children: p }),
-          l
+          o
         ] }),
-        /* @__PURE__ */ a("div", { className: i("smwb-appbar__mid", `smwb-${c}`), children: o }),
+        /* @__PURE__ */ a("div", { className: i("smwb-appbar__mid", `smwb-${c}`), children: l }),
         /* @__PURE__ */ a("div", { className: "smwb-appbar__right", children: n })
       ] })
     }
   );
 });
 export {
-  x as AppBar,
-  x as default
+  j as AppBar,
+  j as default
 };
 //# 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 React, { forwardRef } from \"react\";\nimport cn from \"clsx\";\n\nexport type AppBarColor = \"default\" | \"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\";\n\nexport interface AppBarProps extends Omit<React.HTMLAttributes<HTMLElement>, \"title\"> {\n  children?: React.ReactNode;\n  className?: string;\n  dense?: boolean;\n  position?: \"relative\" | \"static\" | \"absolute\" | \"sticky\" | \"fixed\";\n  placement?: \"top\" | \"bottom\";\n  leftContent?: React.ReactNode;\n  midContent?: React.ReactNode;\n  rightContent?: React.ReactNode;\n  title?: React.ReactNode | string;\n  midContentAlign?: \"middle\" | \"left\" | \"right\";\n  /** Semantic background color. */\n  color?: AppBarColor;\n}\n\nexport const AppBar = forwardRef<HTMLElement, AppBarProps>(function AppBar(\n  {\n    className,\n    children,\n    dense,\n    position = \"static\",\n    placement = \"top\",\n    leftContent,\n    midContent,\n    midContentAlign = \"middle\",\n    rightContent,\n    title,\n    color = \"default\",\n    ...rest\n  },\n  ref\n) {\n  const MainTag = placement === \"top\" ? \"header\" : \"footer\";\n\n  return (\n    <MainTag\n      ref={ref}\n      className={cn(\n        \"smwb-appbar\",\n        className,\n        `smwb-${position}`,\n        `smwb-${placement}`,\n        { \"smwb-dense\": dense },\n        color !== \"default\" && `smwb-appbar_color-${color}`\n      )}\n      data-testid=\"app-bar\"\n      {...rest}\n    >\n      {children ? (\n        children\n      ) : (\n        <div className=\"smwb-appbar__inner\">\n          <div className=\"smwb-appbar__left\">\n            {title && <div className=\"smwb-appbar__left__title\">{title}</div>}\n            {leftContent}\n          </div>\n          <div className={cn(\"smwb-appbar__mid\", `smwb-${midContentAlign}`)}>{midContent}</div>\n          <div className=\"smwb-appbar__right\">{rightContent}</div>\n        </div>\n      )}\n    </MainTag>\n  );\n});\n\nexport default AppBar;\n"],"names":["AppBar","forwardRef","className","children","dense","position","placement","leftContent","midContent","midContentAlign","rightContent","title","color","rest","ref","jsx","cn","jsxs"],"mappings":";;;;AAqBO,MAAMA,IAASC,EAAqC,SACzD;AAAA,EACE,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,cAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,GAAGC;AACL,GACAC,GACA;AAGA,SACE,gBAAAC;AAAA,IAHcT,MAAc,QAAQ,WAAW;AAAA,IAG9C;AAAA,MACC,KAAAQ;AAAA,MACA,WAAWE;AAAA,QACT;AAAA,QACAd;AAAA,QACA,QAAQG,CAAQ;AAAA,QAChB,QAAQC,CAAS;AAAA,QACjB,EAAE,cAAcF,EAAA;AAAA,QAChBQ,MAAU,aAAa,qBAAqBA,CAAK;AAAA,MAAA;AAAA,MAEnD,eAAY;AAAA,MACX,GAAGC;AAAA,MAEH,UAAAV,KAGC,gBAAAc,EAAC,OAAA,EAAI,WAAU,sBACb,UAAA;AAAA,QAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,qBACZ,UAAA;AAAA,UAAAN,KAAS,gBAAAI,EAAC,OAAA,EAAI,WAAU,4BAA4B,UAAAJ,GAAM;AAAA,UAC1DJ;AAAA,QAAA,GACH;AAAA,QACA,gBAAAQ,EAAC,SAAI,WAAWC,EAAG,oBAAoB,QAAQP,CAAe,EAAE,GAAI,UAAAD,EAAA,CAAW;AAAA,QAC/E,gBAAAO,EAAC,OAAA,EAAI,WAAU,sBAAsB,UAAAL,EAAA,CAAa;AAAA,MAAA,EAAA,CACpD;AAAA,IAAA;AAAA,EAAA;AAIR,CAAC;"}
+{"version":3,"file":"appBar.js","sources":["../../../../src/components/navigation/appBar/appBar.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cn from \"clsx\";\n\nexport type AppBarColor = \"default\" | \"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\";\n\nexport interface AppBarProps extends Omit<React.HTMLAttributes<HTMLElement>, \"title\"> {\n  children?: React.ReactNode;\n  className?: string;\n  dense?: boolean;\n  position?: \"relative\" | \"static\" | \"absolute\" | \"sticky\" | \"fixed\";\n  placement?: \"top\" | \"bottom\";\n  leftContent?: React.ReactNode;\n  midContent?: React.ReactNode;\n  rightContent?: React.ReactNode;\n  title?: React.ReactNode | string;\n  midContentAlign?: \"middle\" | \"left\" | \"right\";\n  /** Semantic background color. */\n  color?: AppBarColor;\n}\n\nexport const AppBar = forwardRef<HTMLElement, AppBarProps>(function AppBar(\n  {\n    className,\n    children,\n    dense,\n    position = \"static\",\n    placement = \"top\",\n    leftContent,\n    midContent,\n    midContentAlign = \"middle\",\n    rightContent,\n    title,\n    color = \"default\",\n    ...rest\n  },\n  ref\n) {\n  const MainTag = placement === \"top\" ? \"header\" : \"footer\";\n\n  return (\n    <MainTag\n      ref={ref}\n      className={cn(\n        \"smwb-appbar\",\n        className,\n        `smwb-${position}`,\n        `smwb-${placement}`,\n        { \"smwb-dense\": dense },\n        color !== \"default\" && `smwb-appbar_color-${color}`\n      )}\n      data-testid=\"app-bar\"\n      {...rest}\n    >\n      {children ? (\n        children\n      ) : (\n        <div className=\"smwb-appbar__inner\">\n          <div className=\"smwb-appbar__left\">\n            {title && <div className=\"smwb-appbar__left__title\">{title}</div>}\n            {leftContent}\n          </div>\n          <div className={cn(\"smwb-appbar__mid\", `smwb-${midContentAlign}`)}>{midContent}</div>\n          <div className=\"smwb-appbar__right\">{rightContent}</div>\n        </div>\n      )}\n    </MainTag>\n  );\n});\n\nexport default AppBar;\n"],"names":["AppBar","forwardRef","className","children","dense","position","placement","leftContent","midContent","midContentAlign","rightContent","title","color","rest","ref","jsx","cn","jsxs"],"mappings":";;;;;AAsBO,MAAMA,IAASC,EAAqC,SACzD;AAAA,EACE,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,cAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,GAAGC;AACL,GACAC,GACA;AAGA,SACE,gBAAAC;AAAA,IAHcT,MAAc,QAAQ,WAAW;AAAA,IAG9C;AAAA,MACC,KAAAQ;AAAA,MACA,WAAWE;AAAA,QACT;AAAA,QACAd;AAAA,QACA,QAAQG,CAAQ;AAAA,QAChB,QAAQC,CAAS;AAAA,QACjB,EAAE,cAAcF,EAAA;AAAA,QAChBQ,MAAU,aAAa,qBAAqBA,CAAK;AAAA,MAAA;AAAA,MAEnD,eAAY;AAAA,MACX,GAAGC;AAAA,MAEH,UAAAV,KAGC,gBAAAc,EAAC,OAAA,EAAI,WAAU,sBACb,UAAA;AAAA,QAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,qBACZ,UAAA;AAAA,UAAAN,KAAS,gBAAAI,EAAC,OAAA,EAAI,WAAU,4BAA4B,UAAAJ,GAAM;AAAA,UAC1DJ;AAAA,QAAA,GACH;AAAA,QACA,gBAAAQ,EAAC,SAAI,WAAWC,EAAG,oBAAoB,QAAQP,CAAe,EAAE,GAAI,UAAAD,EAAA,CAAW;AAAA,QAC/E,gBAAAO,EAAC,OAAA,EAAI,WAAU,sBAAsB,UAAAL,EAAA,CAAa;AAAA,MAAA,EAAA,CACpD;AAAA,IAAA;AAAA,EAAA;AAIR,CAAC;"}

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

@@ -1,5 +1,6 @@
 import { jsxs as u, jsx as t } from "react/jsx-runtime";
-import '../../../assets/styles/less/components/bottomBar/bottomBar.entry.css';/* empty css                                                             */
+import '../../../assets/styles/less/components/bottomBar/bottomBar.entry.css';import '../../../assets/styles/less/tokens.entry.css';/* empty css                                     */
+/* empty css                                                             */
 import F, { forwardRef as E, useState as O, useMemo as T } from "react";
 import S from "clsx";
 import { Icon as G } from "../../base/icon/icon.js";
@@ -8,7 +9,7 @@ import { Menu as J } from "../menu/menu.js";
 import { MenuItem as K } from "../menu/menuItem.js";
 import { MenuItemIcon as L } from "../menu/menuItemIcon.js";
 import { MenuItemText as Q } from "../menu/menuItemText.js";
-const te = E(function({
+const ne = E(function({
   className: b,
   menuItems: r = [],
   visibleCount: i = 4,
@@ -100,7 +101,7 @@ const te = E(function({
   );
 });
 export {
-  te as BottomBar,
-  te as default
+  ne as BottomBar,
+  ne as default
 };
 //# 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 React, { forwardRef, useMemo, useState } from \"react\";\nimport cn from \"clsx\";\nimport Icon from \"../../base/icon/icon\";\nimport { Ripple, RippleActionsRef } from \"../../base/ripple/ripple\";\nimport { Menu, MenuItem, MenuItemIcon, MenuItemText } from \"../menu\";\nimport type { MenuItemProps as SidebarMenuItemProps } from \"../sidebar/sidebar\";\n\nexport interface BottomBarProps extends React.HTMLAttributes<HTMLElement> {\n  className?: string;\n  menuItems?: SidebarMenuItemProps[];\n  visibleCount?: number;\n  activeItem?: number | null;\n  defaultActiveItem?: number | null;\n  onActiveItemChange?: (index: number) => void;\n  overflowMenuAriaLabel?: string;\n}\n\nexport type BottomBarMenuItemProps = SidebarMenuItemProps;\n\nexport const BottomBar = forwardRef<HTMLElement, BottomBarProps>(function BottomBar(\n  {\n    className,\n    menuItems = [],\n    visibleCount = 4,\n    activeItem: activeItemProp,\n    defaultActiveItem = null,\n    onActiveItemChange,\n    overflowMenuAriaLabel = \"More navigation\",\n    ...rest\n  },\n  ref\n) {\n  const isControlled = activeItemProp !== undefined;\n  const [activeItemState, setActiveItemState] = useState<number | null>(defaultActiveItem);\n  const activeItem = isControlled ? activeItemProp : activeItemState;\n\n  const [overflowOpen, setOverflowOpen] = useState(false);\n  const [overflowAnchor, setOverflowAnchor] = useState<HTMLElement | null>(null);\n\n  const safeVisibleCount = Math.max(0, visibleCount);\n  const visibleItems = useMemo(() => menuItems.slice(0, safeVisibleCount), [menuItems, safeVisibleCount]);\n  const overflowItems = useMemo(() => menuItems.slice(safeVisibleCount), [menuItems, safeVisibleCount]);\n  const hasOverflow = overflowItems.length > 0;\n  const overflowActive = hasOverflow && activeItem !== null && activeItem >= safeVisibleCount;\n\n  const setActive = (index: number) => {\n    if (!isControlled) {\n      setActiveItemState(index);\n    }\n    onActiveItemChange?.(index);\n  };\n\n  const activateItem = (index: number, onClick?: React.MouseEventHandler<HTMLDivElement>) => {\n    return (event: React.MouseEvent<HTMLDivElement>) => {\n      setActive(index);\n      onClick?.(event);\n    };\n  };\n\n  const onOverflowToggle = () => {\n    setOverflowOpen((prev) => !prev);\n  };\n\n  const onOverflowClose = () => {\n    setOverflowOpen(false);\n  };\n\n  return (\n    <nav ref={ref} className={cn(\"smwb-bottom-bar\", className)} role=\"navigation\" {...rest}>\n      <div className=\"smwb-bottom-bar__nav\" role=\"menubar\">\n        {visibleItems.map((item, idx) => (\n          <BarItem\n            key={idx}\n            as={item.as}\n            isActive={activeItem === idx}\n            onClick={activateItem(idx, item.onClick)}\n            icon={item.icon}\n            title={item.title}\n            href={item.href}\n          />\n        ))}\n        {hasOverflow && (\n          <BarItem\n            ref={setOverflowAnchor}\n            isActive={overflowActive}\n            onClick={onOverflowToggle}\n            icon={<Icon name=\"menu\" size={24} />}\n            aria-label={overflowMenuAriaLabel}\n            aria-haspopup=\"menu\"\n            aria-expanded={overflowOpen}\n          />\n        )}\n      </div>\n      {hasOverflow && (\n        <Menu isOpen={overflowOpen} onClose={onOverflowClose} anchorElement={overflowAnchor} placement=\"top\" dense>\n          {overflowItems.map((item, idx) => {\n            const itemIndex = safeVisibleCount + idx;\n\n            return (\n              <MenuItem\n                key={itemIndex}\n                selected={activeItem === itemIndex}\n                href={item.href}\n                onClick={(event) => {\n                  setActive(itemIndex);\n                  item.onClick?.(event as unknown as React.MouseEvent<HTMLDivElement>);\n                  onOverflowClose();\n                }}\n              >\n                {item.icon ? <MenuItemIcon>{item.icon}</MenuItemIcon> : null}\n                <MenuItemText inset={!item.icon}>{item.title}</MenuItemText>\n              </MenuItem>\n            );\n          })}\n        </Menu>\n      )}\n    </nav>\n  );\n});\n\nexport default BottomBar;\n\ninterface BarItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"title\"> {\n  icon?: React.ReactNode;\n  title?: string;\n  isActive?: boolean;\n  as?: React.ElementType;\n  href?: string;\n}\n\nconst BarItem = forwardRef<HTMLDivElement, BarItemProps>(function BarItem(\n  { isActive, icon, title, as = \"div\", href, onMouseDown: onMouseDownProp, ...rest },\n  ref\n) {\n  const rippleRef = React.useRef<RippleActionsRef>(null);\n\n  const onMouseDown = (event: React.MouseEvent<HTMLDivElement>) => {\n    onMouseDownProp?.(event);\n  };\n\n  const onPointerDown = (event: React.PointerEvent<HTMLDivElement>) => {\n    rippleRef.current?.onRipple(event);\n  };\n\n  const ElementType = as;\n\n  return (\n    <ElementType\n      ref={ref}\n      href={href}\n      role=\"menuitem\"\n      className={cn(\"smwb-bottom-bar__item\", { \"smwb-bottom-bar__item_active\": isActive })}\n      onMouseDown={onMouseDown}\n      onPointerDown={onPointerDown}\n      {...rest}\n    >\n      {icon && <span className=\"smwb-bottom-bar__item-icon\">{icon}</span>}\n      {title ? <span className=\"smwb-bottom-bar__item-title\">{title}</span> : null}\n      <Ripple actionRef={rippleRef} />\n    </ElementType>\n  );\n});\n"],"names":["BottomBar","forwardRef","className","menuItems","visibleCount","activeItemProp","defaultActiveItem","onActiveItemChange","overflowMenuAriaLabel","rest","ref","isControlled","activeItemState","setActiveItemState","useState","activeItem","overflowOpen","setOverflowOpen","overflowAnchor","setOverflowAnchor","safeVisibleCount","visibleItems","useMemo","overflowItems","hasOverflow","overflowActive","setActive","index","activateItem","onClick","event","onOverflowToggle","prev","onOverflowClose","jsxs","cn","item","idx","jsx","BarItem","Icon","Menu","itemIndex","MenuItem","_a","MenuItemIcon","MenuItemText","isActive","icon","title","as","href","onMouseDownProp","rippleRef","React","onMouseDown","onPointerDown","Ripple"],"mappings":"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"}
+{"version":3,"file":"bottomBar.js","sources":["../../../../src/components/navigation/bottomBar/bottomBar.tsx"],"sourcesContent":["import React, { forwardRef, useMemo, useState } from \"react\";\nimport cn from \"clsx\";\nimport Icon from \"../../base/icon/icon\";\nimport { Ripple, RippleActionsRef } from \"../../base/ripple/ripple\";\nimport { Menu, MenuItem, MenuItemIcon, MenuItemText } from \"../menu\";\nimport type { MenuItemProps as SidebarMenuItemProps } from \"../sidebar/sidebar\";\n\nexport interface BottomBarProps extends React.HTMLAttributes<HTMLElement> {\n  className?: string;\n  menuItems?: SidebarMenuItemProps[];\n  visibleCount?: number;\n  activeItem?: number | null;\n  defaultActiveItem?: number | null;\n  onActiveItemChange?: (index: number) => void;\n  overflowMenuAriaLabel?: string;\n}\n\nexport type BottomBarMenuItemProps = SidebarMenuItemProps;\n\nexport const BottomBar = forwardRef<HTMLElement, BottomBarProps>(function BottomBar(\n  {\n    className,\n    menuItems = [],\n    visibleCount = 4,\n    activeItem: activeItemProp,\n    defaultActiveItem = null,\n    onActiveItemChange,\n    overflowMenuAriaLabel = \"More navigation\",\n    ...rest\n  },\n  ref\n) {\n  const isControlled = activeItemProp !== undefined;\n  const [activeItemState, setActiveItemState] = useState<number | null>(defaultActiveItem);\n  const activeItem = isControlled ? activeItemProp : activeItemState;\n\n  const [overflowOpen, setOverflowOpen] = useState(false);\n  const [overflowAnchor, setOverflowAnchor] = useState<HTMLElement | null>(null);\n\n  const safeVisibleCount = Math.max(0, visibleCount);\n  const visibleItems = useMemo(() => menuItems.slice(0, safeVisibleCount), [menuItems, safeVisibleCount]);\n  const overflowItems = useMemo(() => menuItems.slice(safeVisibleCount), [menuItems, safeVisibleCount]);\n  const hasOverflow = overflowItems.length > 0;\n  const overflowActive = hasOverflow && activeItem !== null && activeItem >= safeVisibleCount;\n\n  const setActive = (index: number) => {\n    if (!isControlled) {\n      setActiveItemState(index);\n    }\n    onActiveItemChange?.(index);\n  };\n\n  const activateItem = (index: number, onClick?: React.MouseEventHandler<HTMLDivElement>) => {\n    return (event: React.MouseEvent<HTMLDivElement>) => {\n      setActive(index);\n      onClick?.(event);\n    };\n  };\n\n  const onOverflowToggle = () => {\n    setOverflowOpen((prev) => !prev);\n  };\n\n  const onOverflowClose = () => {\n    setOverflowOpen(false);\n  };\n\n  return (\n    <nav ref={ref} className={cn(\"smwb-bottom-bar\", className)} role=\"navigation\" {...rest}>\n      <div className=\"smwb-bottom-bar__nav\" role=\"menubar\">\n        {visibleItems.map((item, idx) => (\n          <BarItem\n            key={idx}\n            as={item.as}\n            isActive={activeItem === idx}\n            onClick={activateItem(idx, item.onClick)}\n            icon={item.icon}\n            title={item.title}\n            href={item.href}\n          />\n        ))}\n        {hasOverflow && (\n          <BarItem\n            ref={setOverflowAnchor}\n            isActive={overflowActive}\n            onClick={onOverflowToggle}\n            icon={<Icon name=\"menu\" size={24} />}\n            aria-label={overflowMenuAriaLabel}\n            aria-haspopup=\"menu\"\n            aria-expanded={overflowOpen}\n          />\n        )}\n      </div>\n      {hasOverflow && (\n        <Menu isOpen={overflowOpen} onClose={onOverflowClose} anchorElement={overflowAnchor} placement=\"top\" dense>\n          {overflowItems.map((item, idx) => {\n            const itemIndex = safeVisibleCount + idx;\n\n            return (\n              <MenuItem\n                key={itemIndex}\n                selected={activeItem === itemIndex}\n                href={item.href}\n                onClick={(event) => {\n                  setActive(itemIndex);\n                  item.onClick?.(event as unknown as React.MouseEvent<HTMLDivElement>);\n                  onOverflowClose();\n                }}\n              >\n                {item.icon ? <MenuItemIcon>{item.icon}</MenuItemIcon> : null}\n                <MenuItemText inset={!item.icon}>{item.title}</MenuItemText>\n              </MenuItem>\n            );\n          })}\n        </Menu>\n      )}\n    </nav>\n  );\n});\n\nexport default BottomBar;\n\ninterface BarItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"title\"> {\n  icon?: React.ReactNode;\n  title?: string;\n  isActive?: boolean;\n  as?: React.ElementType;\n  href?: string;\n}\n\nconst BarItem = forwardRef<HTMLDivElement, BarItemProps>(function BarItem(\n  { isActive, icon, title, as = \"div\", href, onMouseDown: onMouseDownProp, ...rest },\n  ref\n) {\n  const rippleRef = React.useRef<RippleActionsRef>(null);\n\n  const onMouseDown = (event: React.MouseEvent<HTMLDivElement>) => {\n    onMouseDownProp?.(event);\n  };\n\n  const onPointerDown = (event: React.PointerEvent<HTMLDivElement>) => {\n    rippleRef.current?.onRipple(event);\n  };\n\n  const ElementType = as;\n\n  return (\n    <ElementType\n      ref={ref}\n      href={href}\n      role=\"menuitem\"\n      className={cn(\"smwb-bottom-bar__item\", { \"smwb-bottom-bar__item_active\": isActive })}\n      onMouseDown={onMouseDown}\n      onPointerDown={onPointerDown}\n      {...rest}\n    >\n      {icon && <span className=\"smwb-bottom-bar__item-icon\">{icon}</span>}\n      {title ? <span className=\"smwb-bottom-bar__item-title\">{title}</span> : null}\n      <Ripple actionRef={rippleRef} />\n    </ElementType>\n  );\n});\n"],"names":["BottomBar","forwardRef","className","menuItems","visibleCount","activeItemProp","defaultActiveItem","onActiveItemChange","overflowMenuAriaLabel","rest","ref","isControlled","activeItemState","setActiveItemState","useState","activeItem","overflowOpen","setOverflowOpen","overflowAnchor","setOverflowAnchor","safeVisibleCount","visibleItems","useMemo","overflowItems","hasOverflow","overflowActive","setActive","index","activateItem","onClick","event","onOverflowToggle","prev","onOverflowClose","jsxs","cn","item","idx","jsx","BarItem","Icon","Menu","itemIndex","MenuItem","_a","MenuItemIcon","MenuItemText","isActive","icon","title","as","href","onMouseDownProp","rippleRef","React","onMouseDown","onPointerDown","Ripple"],"mappings":"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"}

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

@@ -1,8 +1,9 @@
 import { jsx as r, jsxs as j } from "react/jsx-runtime";
-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 { forwardRef as v, useState as y, Children as S, isValidElement as k, Fragment as B } from "react";
 import C from "clsx";
-const z = v(function({
+const A = v(function({
   className: m,
   separator: b = "/",
   maxItems: i = 8,
@@ -47,7 +48,7 @@ const z = v(function({
   );
 });
 export {
-  z as Breadcrumbs,
-  z as default
+  A as Breadcrumbs,
+  A as default
 };
 //# 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 {\n  Children,\n  forwardRef,\n  Fragment,\n  HTMLAttributes,\n  isValidElement,\n  PropsWithChildren,\n  ReactNode,\n  useState,\n} from \"react\";\nimport cn from \"clsx\";\n\nexport interface BreadcrumbsProps extends HTMLAttributes<HTMLElement> {\n  className?: string;\n  /** Node placed between every crumb. */\n  separator?: ReactNode;\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}\n\nexport const Breadcrumbs = forwardRef<HTMLElement, PropsWithChildren<BreadcrumbsProps>>(function Breadcrumbs(\n  {\n    className,\n    separator = \"/\",\n    maxItems = 8,\n    itemsBeforeCollapse = 1,\n    itemsAfterCollapse = 1,\n    expanded: expandedProp,\n    onExpand,\n    expandLabel = \"Show path\",\n    children,\n    ...props\n  },\n  ref\n) {\n  const isControlled = expandedProp !== undefined;\n  const [internalExpanded, setInternalExpanded] = useState(false);\n  const expanded = isControlled ? !!expandedProp : internalExpanded;\n  const crumbs = Children.toArray(children).filter(isValidElement);\n\n  const collapsed = !expanded && crumbs.length > maxItems && itemsBeforeCollapse + itemsAfterCollapse < crumbs.length;\n\n  const handleExpand = () => {\n    onExpand?.();\n    if (!isControlled) {\n      setInternalExpanded(true);\n    }\n  };\n\n  const rendered: ReactNode[] = collapsed\n    ? [\n        ...crumbs.slice(0, itemsBeforeCollapse),\n        <button\n          key=\"smwb-breadcrumbs-expand\"\n          type=\"button\"\n          className=\"smwb-breadcrumbs__expand\"\n          aria-label={expandLabel}\n          onClick={handleExpand}\n        >\n          …\n        </button>,\n        ...crumbs.slice(crumbs.length - itemsAfterCollapse),\n      ]\n    : crumbs;\n\n  return (\n    <nav\n      {...props}\n      ref={ref}\n      data-testid=\"breadcrumbs\"\n      aria-label=\"breadcrumb\"\n      className={cn(\"smwb-breadcrumbs\", className)}\n    >\n      <ol className=\"smwb-breadcrumbs__list\">\n        {rendered.map((crumb, index) => (\n          <Fragment key={index}>\n            <li className=\"smwb-breadcrumbs__item\">{crumb}</li>\n            {index < rendered.length - 1 ? (\n              <li className=\"smwb-breadcrumbs__separator\" aria-hidden=\"true\">\n                {separator}\n              </li>\n            ) : null}\n          </Fragment>\n        ))}\n      </ol>\n    </nav>\n  );\n});\n\nexport default Breadcrumbs;\n"],"names":["Breadcrumbs","forwardRef","className","separator","maxItems","itemsBeforeCollapse","itemsAfterCollapse","expandedProp","onExpand","expandLabel","children","props","ref","isControlled","internalExpanded","setInternalExpanded","useState","expanded","crumbs","Children","isValidElement","collapsed","handleExpand","rendered","jsx","cn","crumb","index","jsxs","Fragment"],"mappings":";;;;AA+BO,MAAMA,IAAcC,EAA6D,SACtF;AAAA,EACE,WAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,qBAAAC,IAAsB;AAAA,EACtB,oBAAAC,IAAqB;AAAA,EACrB,UAAUC;AAAA,EACV,UAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,UAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAeN,MAAiB,QAChC,CAACO,GAAkBC,CAAmB,IAAIC,EAAS,EAAK,GACxDC,IAAWJ,IAAe,CAAC,CAACN,IAAeO,GAC3CI,IAASC,EAAS,QAAQT,CAAQ,EAAE,OAAOU,CAAc,GAEzDC,IAAY,CAACJ,KAAYC,EAAO,SAASd,KAAYC,IAAsBC,IAAqBY,EAAO,QAEvGI,IAAe,MAAM;AACzB,IAAAd,KAAA,QAAAA,KACKK,KACHE,EAAoB,EAAI;AAAA,EAE5B,GAEMQ,IAAwBF,IAC1B;AAAA,IACE,GAAGH,EAAO,MAAM,GAAGb,CAAmB;AAAA,IACtC,gBAAAmB;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,cAAYf;AAAA,QACZ,SAASa;AAAA,QACV,UAAA;AAAA,MAAA;AAAA,MALK;AAAA,IAAA;AAAA,IAQN,GAAGJ,EAAO,MAAMA,EAAO,SAASZ,CAAkB;AAAA,EAAA,IAEpDY;AAEJ,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGb;AAAA,MACJ,KAAAC;AAAA,MACA,eAAY;AAAA,MACZ,cAAW;AAAA,MACX,WAAWa,EAAG,oBAAoBvB,CAAS;AAAA,MAE3C,UAAA,gBAAAsB,EAAC,MAAA,EAAG,WAAU,0BACX,UAAAD,EAAS,IAAI,CAACG,GAAOC,MACpB,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAL,EAAC,MAAA,EAAG,WAAU,0BAA0B,UAAAE,GAAM;AAAA,QAC7CC,IAAQJ,EAAS,SAAS,IACzB,gBAAAC,EAAC,MAAA,EAAG,WAAU,+BAA8B,eAAY,QACrD,UAAArB,EAAA,CACH,IACE;AAAA,MAAA,EAAA,GANSwB,CAOf,CACD,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}
+{"version":3,"file":"breadcrumbs.js","sources":["../../../../src/components/navigation/breadcrumbs/breadcrumbs.tsx"],"sourcesContent":["import {\n  Children,\n  forwardRef,\n  Fragment,\n  HTMLAttributes,\n  isValidElement,\n  PropsWithChildren,\n  ReactNode,\n  useState,\n} from \"react\";\nimport cn from \"clsx\";\n\nexport interface BreadcrumbsProps extends HTMLAttributes<HTMLElement> {\n  className?: string;\n  /** Node placed between every crumb. */\n  separator?: ReactNode;\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}\n\nexport const Breadcrumbs = forwardRef<HTMLElement, PropsWithChildren<BreadcrumbsProps>>(function Breadcrumbs(\n  {\n    className,\n    separator = \"/\",\n    maxItems = 8,\n    itemsBeforeCollapse = 1,\n    itemsAfterCollapse = 1,\n    expanded: expandedProp,\n    onExpand,\n    expandLabel = \"Show path\",\n    children,\n    ...props\n  },\n  ref\n) {\n  const isControlled = expandedProp !== undefined;\n  const [internalExpanded, setInternalExpanded] = useState(false);\n  const expanded = isControlled ? !!expandedProp : internalExpanded;\n  const crumbs = Children.toArray(children).filter(isValidElement);\n\n  const collapsed = !expanded && crumbs.length > maxItems && itemsBeforeCollapse + itemsAfterCollapse < crumbs.length;\n\n  const handleExpand = () => {\n    onExpand?.();\n    if (!isControlled) {\n      setInternalExpanded(true);\n    }\n  };\n\n  const rendered: ReactNode[] = collapsed\n    ? [\n        ...crumbs.slice(0, itemsBeforeCollapse),\n        <button\n          key=\"smwb-breadcrumbs-expand\"\n          type=\"button\"\n          className=\"smwb-breadcrumbs__expand\"\n          aria-label={expandLabel}\n          onClick={handleExpand}\n        >\n          …\n        </button>,\n        ...crumbs.slice(crumbs.length - itemsAfterCollapse),\n      ]\n    : crumbs;\n\n  return (\n    <nav\n      {...props}\n      ref={ref}\n      data-testid=\"breadcrumbs\"\n      aria-label=\"breadcrumb\"\n      className={cn(\"smwb-breadcrumbs\", className)}\n    >\n      <ol className=\"smwb-breadcrumbs__list\">\n        {rendered.map((crumb, index) => (\n          <Fragment key={index}>\n            <li className=\"smwb-breadcrumbs__item\">{crumb}</li>\n            {index < rendered.length - 1 ? (\n              <li className=\"smwb-breadcrumbs__separator\" aria-hidden=\"true\">\n                {separator}\n              </li>\n            ) : null}\n          </Fragment>\n        ))}\n      </ol>\n    </nav>\n  );\n});\n\nexport default Breadcrumbs;\n"],"names":["Breadcrumbs","forwardRef","className","separator","maxItems","itemsBeforeCollapse","itemsAfterCollapse","expandedProp","onExpand","expandLabel","children","props","ref","isControlled","internalExpanded","setInternalExpanded","useState","expanded","crumbs","Children","isValidElement","collapsed","handleExpand","rendered","jsx","cn","crumb","index","jsxs","Fragment"],"mappings":";;;;;AAgCO,MAAMA,IAAcC,EAA6D,SACtF;AAAA,EACE,WAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,qBAAAC,IAAsB;AAAA,EACtB,oBAAAC,IAAqB;AAAA,EACrB,UAAUC;AAAA,EACV,UAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,UAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAeN,MAAiB,QAChC,CAACO,GAAkBC,CAAmB,IAAIC,EAAS,EAAK,GACxDC,IAAWJ,IAAe,CAAC,CAACN,IAAeO,GAC3CI,IAASC,EAAS,QAAQT,CAAQ,EAAE,OAAOU,CAAc,GAEzDC,IAAY,CAACJ,KAAYC,EAAO,SAASd,KAAYC,IAAsBC,IAAqBY,EAAO,QAEvGI,IAAe,MAAM;AACzB,IAAAd,KAAA,QAAAA,KACKK,KACHE,EAAoB,EAAI;AAAA,EAE5B,GAEMQ,IAAwBF,IAC1B;AAAA,IACE,GAAGH,EAAO,MAAM,GAAGb,CAAmB;AAAA,IACtC,gBAAAmB;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,cAAYf;AAAA,QACZ,SAASa;AAAA,QACV,UAAA;AAAA,MAAA;AAAA,MALK;AAAA,IAAA;AAAA,IAQN,GAAGJ,EAAO,MAAMA,EAAO,SAASZ,CAAkB;AAAA,EAAA,IAEpDY;AAEJ,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGb;AAAA,MACJ,KAAAC;AAAA,MACA,eAAY;AAAA,MACZ,cAAW;AAAA,MACX,WAAWa,EAAG,oBAAoBvB,CAAS;AAAA,MAE3C,UAAA,gBAAAsB,EAAC,MAAA,EAAG,WAAU,0BACX,UAAAD,EAAS,IAAI,CAACG,GAAOC,MACpB,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAL,EAAC,MAAA,EAAG,WAAU,0BAA0B,UAAAE,GAAM;AAAA,QAC7CC,IAAQJ,EAAS,SAAS,IACzB,gBAAAC,EAAC,MAAA,EAAG,WAAU,+BAA8B,eAAY,QACrD,UAAArB,EAAA,CACH,IACE;AAAA,MAAA,EAAA,GANSwB,CAOf,CACD,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}

package/dist/components/navigation/menu/menu.js

@@ -1,15 +1,16 @@
 import { jsx as e } from "react/jsx-runtime";
-import '../../../assets/styles/less/components/menu/menu.entry.css';/* empty css                                                   */
+import '../../../assets/styles/less/components/menu/menu.entry.css';import '../../../assets/styles/less/tokens.entry.css';/* empty css                                     */
+/* empty css                                                   */
 import s from "react";
 import { MenuContext as a } from "./menuContext.js";
-import { MenuComponent as u } from "./menuComponent.js";
-const v = s.forwardRef(function(n, r) {
+import { MenuComponent as p } from "./menuComponent.js";
+const x = s.forwardRef(function(n, r) {
   const { dense: t = !1, variant: i = "floating", onClose: o, ...m } = n, f = () => {
     o == null || o();
   };
-  return /* @__PURE__ */ e(a.Provider, { value: { dense: t, variant: i, onClose: f }, children: /* @__PURE__ */ e(u, { ref: r, onClose: o, ...m }) });
+  return /* @__PURE__ */ e(a.Provider, { value: { dense: t, variant: i, onClose: f }, children: /* @__PURE__ */ e(p, { ref: r, onClose: o, ...m }) });
 });
 export {
-  v as Menu
+  x as Menu
 };
 //# sourceMappingURL=menu.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"menu.js","sources":["../../../../src/components/navigation/menu/menu.tsx"],"sourcesContent":["import React from \"react\";\nimport { MenuContext } from \"./menuContext\";\nimport { MenuComponent } from \"./menuComponent\";\nimport { MenuFloatingProps } from \"./menuFloating\";\n\nexport type MenuProps = MenuFloatingProps &\n  React.HTMLAttributes<HTMLElement> & {\n    variant?: \"static\" | \"floating\";\n    dense?: boolean;\n  };\n\nexport const Menu = React.forwardRef<HTMLDivElement, MenuProps>(function Menu(props, ref) {\n  const { dense = false, variant = \"floating\", onClose: onCloseProp, ...rest } = props;\n\n  const onClose = () => {\n    onCloseProp?.();\n  };\n\n  return (\n    <MenuContext.Provider value={{ dense, variant, onClose }}>\n      <MenuComponent ref={ref} onClose={onCloseProp} {...rest} />\n    </MenuContext.Provider>\n  );\n});\n"],"names":["Menu","React","props","ref","dense","variant","onCloseProp","rest","onClose","MenuContext","MenuComponent"],"mappings":";;;;;AAYO,MAAMA,IAAOC,EAAM,WAAsC,SAAcC,GAAOC,GAAK;AACxF,QAAM,EAAE,OAAAC,IAAQ,IAAO,SAAAC,IAAU,YAAY,SAASC,GAAa,GAAGC,EAAA,IAASL,GAEzEM,IAAU,MAAM;AACpB,IAAAF,KAAA,QAAAA;AAAA,EACF;AAEA,2BACGG,EAAY,UAAZ,EAAqB,OAAO,EAAE,OAAAL,GAAO,SAAAC,GAAS,SAAAG,EAAA,GAC7C,4BAACE,GAAA,EAAc,KAAAP,GAAU,SAASG,GAAc,GAAGC,GAAM,GAC3D;AAEJ,CAAC;"}
+{"version":3,"file":"menu.js","sources":["../../../../src/components/navigation/menu/menu.tsx"],"sourcesContent":["import React from \"react\";\nimport { MenuContext } from \"./menuContext\";\nimport { MenuComponent } from \"./menuComponent\";\nimport { MenuFloatingProps } from \"./menuFloating\";\n\nexport type MenuProps = MenuFloatingProps &\n  React.HTMLAttributes<HTMLElement> & {\n    variant?: \"static\" | \"floating\";\n    dense?: boolean;\n  };\n\nexport const Menu = React.forwardRef<HTMLDivElement, MenuProps>(function Menu(props, ref) {\n  const { dense = false, variant = \"floating\", onClose: onCloseProp, ...rest } = props;\n\n  const onClose = () => {\n    onCloseProp?.();\n  };\n\n  return (\n    <MenuContext.Provider value={{ dense, variant, onClose }}>\n      <MenuComponent ref={ref} onClose={onCloseProp} {...rest} />\n    </MenuContext.Provider>\n  );\n});\n"],"names":["Menu","React","props","ref","dense","variant","onCloseProp","rest","onClose","MenuContext","MenuComponent"],"mappings":";;;;;;AAaO,MAAMA,IAAOC,EAAM,WAAsC,SAAcC,GAAOC,GAAK;AACxF,QAAM,EAAE,OAAAC,IAAQ,IAAO,SAAAC,IAAU,YAAY,SAASC,GAAa,GAAGC,EAAA,IAASL,GAEzEM,IAAU,MAAM;AACpB,IAAAF,KAAA,QAAAA;AAAA,EACF;AAEA,2BACGG,EAAY,UAAZ,EAAqB,OAAO,EAAE,OAAAL,GAAO,SAAAC,GAAS,SAAAG,EAAA,GAC7C,4BAACE,GAAA,EAAc,KAAAP,GAAU,SAASG,GAAc,GAAGC,GAAM,GAC3D;AAEJ,CAAC;"}

package/dist/components/navigation/overflowMenu/overflowMenu.js

@@ -1,38 +1,39 @@
-import { jsxs as f, jsx as r } from "react/jsx-runtime";
-import '../../../assets/styles/less/components/overflowMenu/overflowMenu.entry.css';/* empty css                                                                   */
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import '../../../assets/styles/less/components/overflowMenu/overflowMenu.entry.css';import '../../../assets/styles/less/tokens.entry.css';/* empty css                                     */
+/* empty css                                                                   */
 import { useRef as h, useState as b } from "react";
-import t from "clsx";
+import f from "clsx";
 import { Button as v } from "../../inputs/button/button.js";
 import { Menu as w } from "../menu/menu.js";
 import { MenuItem as x } from "../menu/menuItem.js";
 import { Icon as M } from "../../base/icon/icon.js";
-function R({
+function S({
   items: p,
-  icon: u = "more_vert",
+  icon: i = "more_vert",
   placement: e,
   "aria-label": n,
-  disabled: i,
-  className: d
+  disabled: u,
+  className: m
 }) {
-  const s = h(null), [m, l] = b(!1), c = () => l(!1);
-  return /* @__PURE__ */ f("span", { className: t("smwb-overflow-menu", d), children: [
+  const s = h(null), [d, l] = b(!1), c = () => l(!1);
+  return /* @__PURE__ */ t("span", { className: f("smwb-overflow-menu", m), children: [
     /* @__PURE__ */ r(
       v,
       {
         ref: s,
         variant: "text",
         size: "small",
-        icon: u,
+        icon: i,
         "aria-label": n != null ? n : "More actions",
         "aria-haspopup": "menu",
-        disabled: !!i,
+        disabled: !!u,
         onClick: () => l((o) => !o)
       }
     ),
-    /* @__PURE__ */ r(w, { isOpen: m, onClose: c, anchorElement: s.current, ...e ? { placement: e } : {}, children: p.map((o) => /* @__PURE__ */ f(
+    /* @__PURE__ */ r(w, { isOpen: d, onClose: c, anchorElement: s.current, ...e ? { placement: e } : {}, children: p.map((o) => /* @__PURE__ */ t(
       x,
       {
-        className: t({ "smwb-overflow-menu__item--danger": o.danger }),
+        className: f({ "smwb-overflow-menu__item--danger": o.danger }),
         disabled: o.disabled,
         onClick: () => {
           var a;
@@ -48,7 +49,7 @@ function R({
   ] });
 }
 export {
-  R as OverflowMenu,
-  R as default
+  S as OverflowMenu,
+  S as default
 };
 //# sourceMappingURL=overflowMenu.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"overflowMenu.js","sources":["../../../../src/components/navigation/overflowMenu/overflowMenu.tsx"],"sourcesContent":["import React, { useRef, useState } from \"react\";\nimport type { Placement } from \"@floating-ui/react\";\nimport cn from \"clsx\";\nimport { Button } from \"../../inputs/button\";\nimport { Icon } from \"../../base/icon\";\nimport { Menu, MenuItem } from \"../menu\";\n\nexport interface OverflowMenuItem {\n  id: string;\n  label: string;\n  icon?: React.ReactNode | string;\n  danger?: boolean;\n  disabled?: boolean;\n  onSelect?: () => void;\n}\n\nexport interface OverflowMenuProps {\n  items: OverflowMenuItem[];\n  /** Trigger icon name (default `more_vert`). */\n  icon?: string;\n  placement?: Placement;\n  \"aria-label\"?: string;\n  disabled?: boolean;\n  className?: string;\n}\n\n/**\n * A one-shot kebab / overflow menu: a trigger icon button wired to a floating\n * `Menu` over an `items` array, with open/close state baked in. The card 3-dot\n * menu every app hand-builds (button + surface + open state) collapses to\n * passing an items list.\n */\nexport function OverflowMenu({\n  items,\n  icon = \"more_vert\",\n  placement,\n  \"aria-label\": ariaLabel,\n  disabled,\n  className,\n}: OverflowMenuProps): React.ReactElement {\n  const anchorRef = useRef<HTMLButtonElement | HTMLAnchorElement | null>(null);\n  const [open, setOpen] = useState(false);\n  const close = (): void => setOpen(false);\n\n  return (\n    <span className={cn(\"smwb-overflow-menu\", className)}>\n      <Button\n        ref={anchorRef}\n        variant=\"text\"\n        size=\"small\"\n        icon={icon}\n        aria-label={ariaLabel ?? \"More actions\"}\n        aria-haspopup=\"menu\"\n        disabled={!!disabled}\n        onClick={() => setOpen((value) => !value)}\n      />\n      <Menu isOpen={open} onClose={close} anchorElement={anchorRef.current} {...(placement ? { placement } : {})}>\n        {items.map((item) => (\n          <MenuItem\n            key={item.id}\n            className={cn({ \"smwb-overflow-menu__item--danger\": item.danger })}\n            disabled={item.disabled}\n            onClick={() => {\n              if (item.disabled) return;\n              item.onSelect?.();\n              close();\n            }}\n          >\n            {item.icon ? typeof item.icon === \"string\" ? <Icon name={item.icon} /> : item.icon : null}\n            {item.label}\n          </MenuItem>\n        ))}\n      </Menu>\n    </span>\n  );\n}\n\nexport default OverflowMenu;\n"],"names":["OverflowMenu","items","icon","placement","ariaLabel","disabled","className","anchorRef","useRef","open","setOpen","useState","close","cn","jsx","Button","value","Menu","item","jsxs","MenuItem","_a","Icon"],"mappings":";;;;;;;;AAiCO,SAASA,EAAa;AAAA,EAC3B,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,WAAAC;AAAA,EACA,cAAcC;AAAA,EACd,UAAAC;AAAA,EACA,WAAAC;AACF,GAA0C;AACxC,QAAMC,IAAYC,EAAqD,IAAI,GACrE,CAACC,GAAMC,CAAO,IAAIC,EAAS,EAAK,GAChCC,IAAQ,MAAYF,EAAQ,EAAK;AAEvC,2BACG,QAAA,EAAK,WAAWG,EAAG,sBAAsBP,CAAS,GACjD,UAAA;AAAA,IAAA,gBAAAQ;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAKR;AAAA,QACL,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,MAAAL;AAAA,QACA,cAAYE,KAAA,OAAAA,IAAa;AAAA,QACzB,iBAAc;AAAA,QACd,UAAU,CAAC,CAACC;AAAA,QACZ,SAAS,MAAMK,EAAQ,CAACM,MAAU,CAACA,CAAK;AAAA,MAAA;AAAA,IAAA;AAAA,sBAEzCC,GAAA,EAAK,QAAQR,GAAM,SAASG,GAAO,eAAeL,EAAU,SAAU,GAAIJ,IAAY,EAAE,WAAAA,MAAc,CAAA,GACpG,UAAAF,EAAM,IAAI,CAACiB,MACV,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QAEC,WAAWP,EAAG,EAAE,oCAAoCK,EAAK,QAAQ;AAAA,QACjE,UAAUA,EAAK;AAAA,QACf,SAAS,MAAM;;AACb,UAAIA,EAAK,cACTG,IAAAH,EAAK,aAAL,QAAAG,EAAA,KAAAH,IACAN,EAAA;AAAA,QACF;AAAA,QAEC,UAAA;AAAA,UAAAM,EAAK,OAAO,OAAOA,EAAK,QAAS,WAAW,gBAAAJ,EAACQ,GAAA,EAAK,MAAMJ,EAAK,KAAA,CAAM,IAAKA,EAAK,OAAO;AAAA,UACpFA,EAAK;AAAA,QAAA;AAAA,MAAA;AAAA,MAVDA,EAAK;AAAA,IAAA,CAYb,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"overflowMenu.js","sources":["../../../../src/components/navigation/overflowMenu/overflowMenu.tsx"],"sourcesContent":["import React, { useRef, useState } from \"react\";\nimport type { Placement } from \"@floating-ui/react\";\nimport cn from \"clsx\";\nimport { Button } from \"../../inputs/button\";\nimport { Icon } from \"../../base/icon\";\nimport { Menu, MenuItem } from \"../menu\";\n\nexport interface OverflowMenuItem {\n  id: string;\n  label: string;\n  icon?: React.ReactNode | string;\n  danger?: boolean;\n  disabled?: boolean;\n  onSelect?: () => void;\n}\n\nexport interface OverflowMenuProps {\n  items: OverflowMenuItem[];\n  /** Trigger icon name (default `more_vert`). */\n  icon?: string;\n  placement?: Placement;\n  \"aria-label\"?: string;\n  disabled?: boolean;\n  className?: string;\n}\n\n/**\n * A one-shot kebab / overflow menu: a trigger icon button wired to a floating\n * `Menu` over an `items` array, with open/close state baked in. The card 3-dot\n * menu every app hand-builds (button + surface + open state) collapses to\n * passing an items list.\n */\nexport function OverflowMenu({\n  items,\n  icon = \"more_vert\",\n  placement,\n  \"aria-label\": ariaLabel,\n  disabled,\n  className,\n}: OverflowMenuProps): React.ReactElement {\n  const anchorRef = useRef<HTMLButtonElement | HTMLAnchorElement | null>(null);\n  const [open, setOpen] = useState(false);\n  const close = (): void => setOpen(false);\n\n  return (\n    <span className={cn(\"smwb-overflow-menu\", className)}>\n      <Button\n        ref={anchorRef}\n        variant=\"text\"\n        size=\"small\"\n        icon={icon}\n        aria-label={ariaLabel ?? \"More actions\"}\n        aria-haspopup=\"menu\"\n        disabled={!!disabled}\n        onClick={() => setOpen((value) => !value)}\n      />\n      <Menu isOpen={open} onClose={close} anchorElement={anchorRef.current} {...(placement ? { placement } : {})}>\n        {items.map((item) => (\n          <MenuItem\n            key={item.id}\n            className={cn({ \"smwb-overflow-menu__item--danger\": item.danger })}\n            disabled={item.disabled}\n            onClick={() => {\n              if (item.disabled) return;\n              item.onSelect?.();\n              close();\n            }}\n          >\n            {item.icon ? typeof item.icon === \"string\" ? <Icon name={item.icon} /> : item.icon : null}\n            {item.label}\n          </MenuItem>\n        ))}\n      </Menu>\n    </span>\n  );\n}\n\nexport default OverflowMenu;\n"],"names":["OverflowMenu","items","icon","placement","ariaLabel","disabled","className","anchorRef","useRef","open","setOpen","useState","close","cn","jsx","Button","value","Menu","item","jsxs","MenuItem","_a","Icon"],"mappings":";;;;;;;;;AAkCO,SAASA,EAAa;AAAA,EAC3B,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,WAAAC;AAAA,EACA,cAAcC;AAAA,EACd,UAAAC;AAAA,EACA,WAAAC;AACF,GAA0C;AACxC,QAAMC,IAAYC,EAAqD,IAAI,GACrE,CAACC,GAAMC,CAAO,IAAIC,EAAS,EAAK,GAChCC,IAAQ,MAAYF,EAAQ,EAAK;AAEvC,2BACG,QAAA,EAAK,WAAWG,EAAG,sBAAsBP,CAAS,GACjD,UAAA;AAAA,IAAA,gBAAAQ;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAKR;AAAA,QACL,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,MAAAL;AAAA,QACA,cAAYE,KAAA,OAAAA,IAAa;AAAA,QACzB,iBAAc;AAAA,QACd,UAAU,CAAC,CAACC;AAAA,QACZ,SAAS,MAAMK,EAAQ,CAACM,MAAU,CAACA,CAAK;AAAA,MAAA;AAAA,IAAA;AAAA,sBAEzCC,GAAA,EAAK,QAAQR,GAAM,SAASG,GAAO,eAAeL,EAAU,SAAU,GAAIJ,IAAY,EAAE,WAAAA,MAAc,CAAA,GACpG,UAAAF,EAAM,IAAI,CAACiB,MACV,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QAEC,WAAWP,EAAG,EAAE,oCAAoCK,EAAK,QAAQ;AAAA,QACjE,UAAUA,EAAK;AAAA,QACf,SAAS,MAAM;;AACb,UAAIA,EAAK,cACTG,IAAAH,EAAK,aAAL,QAAAG,EAAA,KAAAH,IACAN,EAAA;AAAA,QACF;AAAA,QAEC,UAAA;AAAA,UAAAM,EAAK,OAAO,OAAOA,EAAK,QAAS,WAAW,gBAAAJ,EAACQ,GAAA,EAAK,MAAMJ,EAAK,KAAA,CAAM,IAAKA,EAAK,OAAO;AAAA,UACpFA,EAAK;AAAA,QAAA;AAAA,MAAA;AAAA,MAVDA,EAAK;AAAA,IAAA,CAYb,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/navigation/pagination/pagination.js

@@ -1,5 +1,6 @@
 import { jsx as r, jsxs as I } from "react/jsx-runtime";
-import '../../../assets/styles/less/components/pagination/pagination.entry.css';/* empty css                                                               */
+import '../../../assets/styles/less/components/pagination/pagination.entry.css';import '../../../assets/styles/less/tokens.entry.css';/* empty css                                     */
+/* empty css                                                               */
 import { forwardRef as S, useRef as q } from "react";
 import A from "clsx";
 import { Icon as B } from "../../base/icon/icon.js";
@@ -19,7 +20,7 @@ const d = (a, m) => Array.from({ length: Math.max(m - a + 1, 0) }, (s, e) => a +
     ...o < a - e - 1 ? ["end-ellipsis"] : a - e > e ? [a - e] : [],
     ...f
   ];
-}, V = S(function({
+}, W = S(function({
   className: m,
   count: s,
   page: e,
@@ -101,7 +102,7 @@ const d = (a, m) => Array.from({ length: Math.max(m - a + 1, 0) }, (s, e) => a +
   );
 });
 export {
-  V as Pagination,
-  V as default
+  W as Pagination,
+  W as default
 };
 //# sourceMappingURL=pagination.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"pagination.js","sources":["../../../../src/components/navigation/pagination/pagination.tsx"],"sourcesContent":["import { forwardRef, HTMLAttributes, KeyboardEvent, useRef } from \"react\";\nimport cn from \"clsx\";\nimport Icon from \"../../base/icon/icon\";\nimport { useForkRef } from \"../../../hooks/useForkRef\";\n\nexport type PaginationColor = \"default\" | \"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\";\n\nexport interface PaginationProps extends Omit<HTMLAttributes<HTMLElement>, \"onChange\"> {\n  className?: string;\n  /** Total number of pages. */\n  count: number;\n  /** Current page (1-based). */\n  page: number;\n  /** Pages shown on each side of the current page. */\n  siblingCount?: number;\n  /** Pages always shown at the start and end. */\n  boundaryCount?: number;\n  size?: \"small\" | \"medium\";\n  /** Item style. */\n  variant?: \"filled\" | \"outlined\";\n  /** Item shape. */\n  shape?: \"rounded\" | \"circular\";\n  color?: PaginationColor;\n  disabled?: boolean;\n  showFirstButton?: boolean;\n  showLastButton?: boolean;\n  hidePrevButton?: boolean;\n  hideNextButton?: boolean;\n  onChange?: (page: number) => void;\n}\n\ntype PaginationItem = number | \"start-ellipsis\" | \"end-ellipsis\";\n\nconst range = (start: number, end: number): number[] =>\n  Array.from({ length: Math.max(end - start + 1, 0) }, (_, i) => start + i);\n\nconst buildItems = (count: number, page: number, siblingCount: number, boundaryCount: number): PaginationItem[] => {\n  const startPages = range(1, Math.min(boundaryCount, count));\n  const endPages = range(Math.max(count - boundaryCount + 1, boundaryCount + 1), count);\n\n  const siblingsStart = Math.max(\n    Math.min(page - siblingCount, count - boundaryCount - siblingCount * 2 - 1),\n    boundaryCount + 2\n  );\n  const siblingsEnd = Math.min(\n    Math.max(page + siblingCount, boundaryCount + siblingCount * 2 + 2),\n    endPages.length > 0 ? endPages[0] - 2 : count - 1\n  );\n\n  return [\n    ...startPages,\n    ...(siblingsStart > boundaryCount + 2\n      ? ([\"start-ellipsis\"] as PaginationItem[])\n      : boundaryCount + 1 < count - boundaryCount\n        ? [boundaryCount + 1]\n        : []),\n    ...range(siblingsStart, siblingsEnd),\n    ...(siblingsEnd < count - boundaryCount - 1\n      ? ([\"end-ellipsis\"] as PaginationItem[])\n      : count - boundaryCount > boundaryCount\n        ? [count - boundaryCount]\n        : []),\n    ...endPages,\n  ];\n};\n\nexport const Pagination = forwardRef<HTMLElement, PaginationProps>(function Pagination(\n  {\n    className,\n    count,\n    page,\n    siblingCount = 1,\n    boundaryCount = 1,\n    size = \"medium\",\n    variant = \"filled\",\n    shape = \"circular\",\n    color = \"default\",\n    disabled = false,\n    showFirstButton = false,\n    showLastButton = false,\n    hidePrevButton = false,\n    hideNextButton = false,\n    onChange,\n    ...props\n  },\n  ref\n) {\n  const navRef = useRef<HTMLElement>(null);\n  const mergedRef = useForkRef<HTMLElement>(ref, navRef);\n\n  const go = (target: number) => {\n    if (disabled || target === page || target < 1 || target > count) {\n      return;\n    }\n    onChange?.(target);\n  };\n\n  const onKeyDown = (e: KeyboardEvent<HTMLUListElement>) => {\n    if (![\"ArrowLeft\", \"ArrowRight\", \"Home\", \"End\"].includes(e.key)) {\n      return;\n    }\n    const buttons = Array.from(\n      navRef.current?.querySelectorAll<HTMLButtonElement>(\"button.smwb-pagination__item:not(:disabled)\") ?? []\n    );\n    if (buttons.length === 0) {\n      return;\n    }\n    const current = buttons.indexOf(document.activeElement as HTMLButtonElement);\n    let next = current;\n    if (e.key === \"ArrowRight\") next = Math.min(current + 1, buttons.length - 1);\n    else if (e.key === \"ArrowLeft\") next = Math.max(current - 1, 0);\n    else if (e.key === \"Home\") next = 0;\n    else if (e.key === \"End\") next = buttons.length - 1;\n    e.preventDefault();\n    buttons[next]?.focus();\n  };\n\n  const items = buildItems(count, page, siblingCount, boundaryCount);\n\n  const navButton = (key: string, label: string, target: number, iconName: string, hidden?: boolean) =>\n    hidden ? null : (\n      <li key={key}>\n        <button\n          type=\"button\"\n          className=\"smwb-pagination__item smwb-pagination__nav\"\n          aria-label={label}\n          disabled={disabled || target < 1 || target > count}\n          onClick={() => go(target)}\n        >\n          <Icon name={iconName} size={size === \"small\" ? 16 : 18} />\n        </button>\n      </li>\n    );\n\n  return (\n    <nav\n      {...props}\n      ref={mergedRef}\n      data-testid=\"pagination\"\n      aria-label=\"pagination\"\n      className={cn(\n        \"smwb-pagination\",\n        `smwb-pagination_${size}`,\n        `smwb-pagination_${variant}`,\n        `smwb-pagination_shape-${shape}`,\n        color !== \"default\" && `smwb-pagination_color-${color}`,\n        { \"smwb-pagination_disabled\": disabled },\n        className\n      )}\n    >\n      <ul className=\"smwb-pagination__list\" onKeyDown={onKeyDown}>\n        {navButton(\"first\", \"First page\", 1, \"first_page\", !showFirstButton)}\n        {navButton(\"prev\", \"Previous page\", page - 1, \"chevron_left\", hidePrevButton)}\n        {items.map((item, index) =>\n          typeof item === \"number\" ? (\n            <li key={item}>\n              <button\n                type=\"button\"\n                className={cn(\"smwb-pagination__item\", { \"smwb-pagination__item_selected\": item === page })}\n                aria-current={item === page ? \"page\" : undefined}\n                disabled={disabled}\n                onClick={() => go(item)}\n              >\n                {item}\n              </button>\n            </li>\n          ) : (\n            <li key={`${item}-${index}`} className=\"smwb-pagination__ellipsis\" aria-hidden=\"true\">\n              …\n            </li>\n          )\n        )}\n        {navButton(\"next\", \"Next page\", page + 1, \"chevron_right\", hideNextButton)}\n        {navButton(\"last\", \"Last page\", count, \"last_page\", !showLastButton)}\n      </ul>\n    </nav>\n  );\n});\n\nexport default Pagination;\n"],"names":["range","start","end","_","i","buildItems","count","page","siblingCount","boundaryCount","startPages","endPages","siblingsStart","siblingsEnd","Pagination","forwardRef","className","size","variant","shape","color","disabled","showFirstButton","showLastButton","hidePrevButton","hideNextButton","onChange","props","ref","navRef","useRef","mergedRef","useForkRef","go","target","onKeyDown","e","buttons","_b","_a","current","next","_c","items","navButton","key","label","iconName","hidden","jsx","Icon","cn","jsxs","item","index"],"mappings":"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"}
+{"version":3,"file":"pagination.js","sources":["../../../../src/components/navigation/pagination/pagination.tsx"],"sourcesContent":["import { forwardRef, HTMLAttributes, KeyboardEvent, useRef } from \"react\";\nimport cn from \"clsx\";\nimport Icon from \"../../base/icon/icon\";\nimport { useForkRef } from \"../../../hooks/useForkRef\";\n\nexport type PaginationColor = \"default\" | \"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\";\n\nexport interface PaginationProps extends Omit<HTMLAttributes<HTMLElement>, \"onChange\"> {\n  className?: string;\n  /** Total number of pages. */\n  count: number;\n  /** Current page (1-based). */\n  page: number;\n  /** Pages shown on each side of the current page. */\n  siblingCount?: number;\n  /** Pages always shown at the start and end. */\n  boundaryCount?: number;\n  size?: \"small\" | \"medium\";\n  /** Item style. */\n  variant?: \"filled\" | \"outlined\";\n  /** Item shape. */\n  shape?: \"rounded\" | \"circular\";\n  color?: PaginationColor;\n  disabled?: boolean;\n  showFirstButton?: boolean;\n  showLastButton?: boolean;\n  hidePrevButton?: boolean;\n  hideNextButton?: boolean;\n  onChange?: (page: number) => void;\n}\n\ntype PaginationItem = number | \"start-ellipsis\" | \"end-ellipsis\";\n\nconst range = (start: number, end: number): number[] =>\n  Array.from({ length: Math.max(end - start + 1, 0) }, (_, i) => start + i);\n\nconst buildItems = (count: number, page: number, siblingCount: number, boundaryCount: number): PaginationItem[] => {\n  const startPages = range(1, Math.min(boundaryCount, count));\n  const endPages = range(Math.max(count - boundaryCount + 1, boundaryCount + 1), count);\n\n  const siblingsStart = Math.max(\n    Math.min(page - siblingCount, count - boundaryCount - siblingCount * 2 - 1),\n    boundaryCount + 2\n  );\n  const siblingsEnd = Math.min(\n    Math.max(page + siblingCount, boundaryCount + siblingCount * 2 + 2),\n    endPages.length > 0 ? endPages[0] - 2 : count - 1\n  );\n\n  return [\n    ...startPages,\n    ...(siblingsStart > boundaryCount + 2\n      ? ([\"start-ellipsis\"] as PaginationItem[])\n      : boundaryCount + 1 < count - boundaryCount\n        ? [boundaryCount + 1]\n        : []),\n    ...range(siblingsStart, siblingsEnd),\n    ...(siblingsEnd < count - boundaryCount - 1\n      ? ([\"end-ellipsis\"] as PaginationItem[])\n      : count - boundaryCount > boundaryCount\n        ? [count - boundaryCount]\n        : []),\n    ...endPages,\n  ];\n};\n\nexport const Pagination = forwardRef<HTMLElement, PaginationProps>(function Pagination(\n  {\n    className,\n    count,\n    page,\n    siblingCount = 1,\n    boundaryCount = 1,\n    size = \"medium\",\n    variant = \"filled\",\n    shape = \"circular\",\n    color = \"default\",\n    disabled = false,\n    showFirstButton = false,\n    showLastButton = false,\n    hidePrevButton = false,\n    hideNextButton = false,\n    onChange,\n    ...props\n  },\n  ref\n) {\n  const navRef = useRef<HTMLElement>(null);\n  const mergedRef = useForkRef<HTMLElement>(ref, navRef);\n\n  const go = (target: number) => {\n    if (disabled || target === page || target < 1 || target > count) {\n      return;\n    }\n    onChange?.(target);\n  };\n\n  const onKeyDown = (e: KeyboardEvent<HTMLUListElement>) => {\n    if (![\"ArrowLeft\", \"ArrowRight\", \"Home\", \"End\"].includes(e.key)) {\n      return;\n    }\n    const buttons = Array.from(\n      navRef.current?.querySelectorAll<HTMLButtonElement>(\"button.smwb-pagination__item:not(:disabled)\") ?? []\n    );\n    if (buttons.length === 0) {\n      return;\n    }\n    const current = buttons.indexOf(document.activeElement as HTMLButtonElement);\n    let next = current;\n    if (e.key === \"ArrowRight\") next = Math.min(current + 1, buttons.length - 1);\n    else if (e.key === \"ArrowLeft\") next = Math.max(current - 1, 0);\n    else if (e.key === \"Home\") next = 0;\n    else if (e.key === \"End\") next = buttons.length - 1;\n    e.preventDefault();\n    buttons[next]?.focus();\n  };\n\n  const items = buildItems(count, page, siblingCount, boundaryCount);\n\n  const navButton = (key: string, label: string, target: number, iconName: string, hidden?: boolean) =>\n    hidden ? null : (\n      <li key={key}>\n        <button\n          type=\"button\"\n          className=\"smwb-pagination__item smwb-pagination__nav\"\n          aria-label={label}\n          disabled={disabled || target < 1 || target > count}\n          onClick={() => go(target)}\n        >\n          <Icon name={iconName} size={size === \"small\" ? 16 : 18} />\n        </button>\n      </li>\n    );\n\n  return (\n    <nav\n      {...props}\n      ref={mergedRef}\n      data-testid=\"pagination\"\n      aria-label=\"pagination\"\n      className={cn(\n        \"smwb-pagination\",\n        `smwb-pagination_${size}`,\n        `smwb-pagination_${variant}`,\n        `smwb-pagination_shape-${shape}`,\n        color !== \"default\" && `smwb-pagination_color-${color}`,\n        { \"smwb-pagination_disabled\": disabled },\n        className\n      )}\n    >\n      <ul className=\"smwb-pagination__list\" onKeyDown={onKeyDown}>\n        {navButton(\"first\", \"First page\", 1, \"first_page\", !showFirstButton)}\n        {navButton(\"prev\", \"Previous page\", page - 1, \"chevron_left\", hidePrevButton)}\n        {items.map((item, index) =>\n          typeof item === \"number\" ? (\n            <li key={item}>\n              <button\n                type=\"button\"\n                className={cn(\"smwb-pagination__item\", { \"smwb-pagination__item_selected\": item === page })}\n                aria-current={item === page ? \"page\" : undefined}\n                disabled={disabled}\n                onClick={() => go(item)}\n              >\n                {item}\n              </button>\n            </li>\n          ) : (\n            <li key={`${item}-${index}`} className=\"smwb-pagination__ellipsis\" aria-hidden=\"true\">\n              …\n            </li>\n          )\n        )}\n        {navButton(\"next\", \"Next page\", page + 1, \"chevron_right\", hideNextButton)}\n        {navButton(\"last\", \"Last page\", count, \"last_page\", !showLastButton)}\n      </ul>\n    </nav>\n  );\n});\n\nexport default Pagination;\n"],"names":["range","start","end","_","i","buildItems","count","page","siblingCount","boundaryCount","startPages","endPages","siblingsStart","siblingsEnd","Pagination","forwardRef","className","size","variant","shape","color","disabled","showFirstButton","showLastButton","hidePrevButton","hideNextButton","onChange","props","ref","navRef","useRef","mergedRef","useForkRef","go","target","onKeyDown","e","buttons","_b","_a","current","next","_c","items","navButton","key","label","iconName","hidden","jsx","Icon","cn","jsxs","item","index"],"mappings":"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"}

package/dist/components/navigation/sidebar/sidebar.js

@@ -1,11 +1,12 @@
 import { jsxs as R, jsx as e } from "react/jsx-runtime";
-import '../../../assets/styles/less/components/sidebar/sidebar.entry.css';/* empty css                                                         */
+import '../../../assets/styles/less/components/sidebar/sidebar.entry.css';import '../../../assets/styles/less/tokens.entry.css';/* empty css                                     */
+/* empty css                                                         */
 import j, { forwardRef as V, useState as g } from "react";
 import S from "clsx";
 import { Ripple as x } from "../../base/ripple/ripple.js";
 import { Icon as z } from "../../base/icon/icon.js";
 import { useControllableState as $ } from "../../../hooks/useControllableState.js";
-const M = V(function({
+const O = V(function({
   className: o,
   variant: d = "default",
   menuItems: s,
@@ -14,14 +15,14 @@ const M = V(function({
   onActiveItemChange: n,
   collapsible: t = !1,
   collapsed: f,
-  defaultCollapsed: p = !1,
+  defaultCollapsed: b = !1,
   onCollapsedChange: _,
   collapseToggleAriaLabel: v = "Toggle navigation",
   ...w
 }, r) {
   const i = m !== void 0, [k, y] = g(l), C = i ? m : k, [c, E] = $({
     value: f,
-    defaultValue: p,
+    defaultValue: b,
     onChange: _
   }), h = t && c ? "compactMini" : d;
   return /* @__PURE__ */ R(
@@ -46,21 +47,21 @@ const M = V(function({
             children: /* @__PURE__ */ e(z, { name: c ? "chevron_right" : "chevron_left", size: 20 })
           }
         ) }),
-        /* @__PURE__ */ e("nav", { className: "smwb-sidebar__nav", children: s && (s == null ? void 0 : s.map((a, b) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e("nav", { className: "smwb-sidebar__nav", children: s && (s == null ? void 0 : s.map((a, p) => /* @__PURE__ */ e(
           q,
           {
             as: a.as,
-            isActive: C === b,
+            isActive: C === p,
             onClick: (T) => {
               var N;
-              i || y(b), n == null || n(b), (N = a.onClick) == null || N.call(a, T);
+              i || y(p), n == null || n(p), (N = a.onClick) == null || N.call(a, T);
             },
             icon: a.icon,
             title: a.title,
             href: a.href,
             variant: h
           },
-          b
+          p
         ))) })
       ]
     }
@@ -76,7 +77,7 @@ function q({
   variant: n,
   ...t
 }) {
-  const f = j.useRef(null), p = (r) => {
+  const f = j.useRef(null), b = (r) => {
     l == null || l(r);
   }, _ = (r) => {
     var i;
@@ -88,7 +89,7 @@ function q({
       href: m,
       role: "menuitem",
       className: S("sidebar__nav__item", "smwb-nav-item", n, { active: u }),
-      onMouseDown: p,
+      onMouseDown: b,
       onPointerDown: _,
       ...t,
       children: [
@@ -100,7 +101,7 @@ function q({
   );
 }
 export {
-  M as Sidebar,
-  M as default
+  O as Sidebar,
+  O as default
 };
 //# sourceMappingURL=sidebar.js.map