@midas-ds/components 17.2.5 → 17.3.0

package/chunks/Separator-CkVOLF6I.js

@@ -0,0 +1,76 @@
+import { jsx as n, jsxs as r, Fragment as u } from "react/jsx-runtime";
+import { Menu as _, MenuItem as l, Popover as d, MenuSection as M, Separator as h } from "react-aria-components";
+import { c as a } from "./clsx-AexbMWKp.js";
+import { C as S } from "./check-Bt2UikoU.js";
+import { C as f } from "./chevron-right-DvXGOiS_.js";
+import '../assets/Separator.css';const p = "_menu_1oois_1", v = "_menuSection_1oois_17", k = "_medium_1oois_29", C = "_menuItem_1oois_36", N = "_mainContent_1oois_106", I = "_checkMark_1oois_117", x = "_separator_1oois_127", P = "_menuPopover_1oois_150", t = {
+  menu: p,
+  menuSection: v,
+  medium: k,
+  menuItem: C,
+  mainContent: N,
+  checkMark: I,
+  separator: x,
+  menuPopover: P
+}, z = ({
+  className: e,
+  size: o = "large",
+  ...s
+}) => /* @__PURE__ */ n(
+  _,
+  {
+    className: a(e, t.menu, o === "medium" && t.medium),
+    ...s
+  }
+), V = (e) => /* @__PURE__ */ n(
+  l,
+  {
+    ...e,
+    textValue: e.textValue || (typeof e.children == "string" ? e.children : void 0),
+    className: a(t.menuItem, e.className),
+    children: (o) => {
+      const { children: s } = e, { selectionMode: m, isSelected: c, hasSubmenu: i } = o;
+      return /* @__PURE__ */ r(u, { children: [
+        m !== "none" && /* @__PURE__ */ n(
+          S,
+          {
+            size: 16,
+            className: t.checkMark,
+            "data-selected": c || void 0
+          }
+        ),
+        /* @__PURE__ */ n("div", { className: t.mainContent, children: typeof s == "function" ? s(o) : s }),
+        i && /* @__PURE__ */ n(f, { size: 20 })
+      ] });
+    }
+  }
+), F = ({ className: e, ...o }) => /* @__PURE__ */ n(
+  d,
+  {
+    className: a(e, t.menuPopover),
+    offset: 4,
+    ...o
+  }
+), R = ({
+  className: e,
+  ...o
+}) => /* @__PURE__ */ n(
+  M,
+  {
+    className: a(e, t.menuSection),
+    ...o
+  }
+), q = ({ className: e, ...o }) => /* @__PURE__ */ n(
+  h,
+  {
+    className: a(e, t.separator),
+    ...o
+  }
+);
+export {
+  z as M,
+  q as S,
+  V as a,
+  F as b,
+  R as c
+};

package/chunks/{Skeleton-DqIHQLQl.js → Skeleton-D6mxKxuu.js}

@@ -1,38 +1,38 @@
 import { jsxs as f, jsx as c } from "react/jsx-runtime";
 import { c as r } from "./clsx-AexbMWKp.js";
-import '../assets/Skeleton.css';const w = "_skeleton_wia11_11", p = "_circle_wia11_25", u = "_wave_wia11_30", v = "_onLayer01_wia11_54", d = "_form_wia11_58", k = "_formLabel_wia11_64", L = "_formDescription_wia11_70", y = "_formInput_wia11_76", b = "_medium_wia11_81", o = {
-  skeleton: w,
+import '../assets/Skeleton.css';const k = "_skeleton_i5zk6_11", p = "_circle_i5zk6_25", u = "_wave_i5zk6_30", v = "_onLayer01_i5zk6_54", w = "_form_i5zk6_58", z = "_formLabel_i5zk6_64", d = "_formDescription_i5zk6_70", L = "_formInput_i5zk6_76", y = "_medium_i5zk6_81", o = {
+  skeleton: k,
   circle: p,
   wave: u,
   onLayer01: v,
-  form: d,
-  formLabel: k,
-  formDescription: L,
-  formInput: y,
-  medium: b
-}, I = ({
+  form: w,
+  formLabel: z,
+  formDescription: d,
+  formInput: L,
+  medium: y
+}, D = ({
   variant: s = "rectangle",
   width: t,
-  height: a,
-  size: _ = "large",
+  height: l,
+  size: a = "large",
   isAnimated: n = !0,
-  className: l,
-  style: i,
+  className: i,
+  style: m,
   isOnLayer01: e,
-  ...m
-}) => (s === "circle" && a !== void 0 && console.warn(
+  ..._
+}) => (s === "circle" && l !== void 0 && console.warn(
   "Height is not allowed when using circle, control size with width"
 ), s === "form" ? /* @__PURE__ */ f(
   "div",
   {
     className: r(
       o.form,
-      o[_],
+      o[a],
       e && o.onLayer01,
-      l
+      i
     ),
-    style: { width: t, ...i },
-    ...m,
+    style: { width: t, ...m },
+    ..._,
     children: [
       /* @__PURE__ */ c(
         "div",
@@ -77,12 +77,12 @@ import '../assets/Skeleton.css';const w = "_skeleton_wia11_11", p = "_circle_wia
       o[s],
       n && o.wave,
       e && o.onLayer01,
-      l
+      i
     ),
-    style: { width: t, height: a, ...i },
-    ...m
+    style: { width: t, height: l, ...m },
+    ..._
   }
 ));
 export {
-  I as S
+  D as S
 };

package/chunks/{TabList-BaR443mu.js → TabList-BHX-cuhB.js}

@@ -1,19 +1,19 @@
 'use client';
 import { jsx as e, jsxs as b, Fragment as l } from "react/jsx-runtime";
-import { Tabs as d, Tab as _, composeRenderProps as m, SelectionIndicator as T, TabPanel as f, TabList as u } from "react-aria-components";
+import { Tabs as d, Tab as _, composeRenderProps as m, SelectionIndicator as T, TabPanel as u, TabList as P } from "react-aria-components";
 import { c as o } from "./clsx-AexbMWKp.js";
 import * as i from "react";
-import { createContext as P } from "react";
-import '../assets/TabList.css';const c = P({
+import { createContext as x } from "react";
+import '../assets/TabList.css';const c = x({
   variant: "uncontained"
-}), x = "_tabs_3k5fn_1", L = "_tabList_3k5fn_12", k = "_tab_3k5fn_1", p = "_contained_3k5fn_55", v = "_selectionIndicator_3k5fn_94", I = "_tabPanel_3k5fn_129", t = {
-  tabs: x,
-  tabList: L,
-  tab: k,
-  contained: p,
-  selectionIndicator: v,
-  tabPanel: I
-}, j = ({
+}), L = "_tabs_1nli1_1", p = "_tabList_1nli1_12", f = "_tab_1nli1_1", v = "_contained_1nli1_55", I = "_selectionIndicator_1nli1_94", N = "_tabPanel_1nli1_129", t = {
+  tabs: L,
+  tabList: p,
+  tab: f,
+  contained: v,
+  selectionIndicator: I,
+  tabPanel: N
+}, R = ({
   className: n,
   variant: a = "uncontained",
   ...s
@@ -23,7 +23,7 @@ import '../assets/TabList.css';const c = P({
     className: o(t.tabs, n),
     ...s
   }
-) }), R = ({ className: n, ...a }) => {
+) }), g = ({ className: n, ...a }) => {
   const { variant: s } = i.useContext(c);
   return /* @__PURE__ */ e(
     _,
@@ -49,10 +49,10 @@ import '../assets/TabList.css';const c = P({
       ] }))
     }
   );
-}, g = ({ className: n, ...a }) => {
+}, y = ({ className: n, ...a }) => {
   const { variant: s } = i.useContext(c);
   return /* @__PURE__ */ e(
-    f,
+    u,
     {
       className: o(
         t.tabPanel,
@@ -64,19 +64,19 @@ import '../assets/TabList.css';const c = P({
       ...a
     }
   );
-}, y = ({
+}, F = ({
   className: n,
   ...a
 }) => /* @__PURE__ */ e(
-  u,
+  P,
   {
     className: o(t.tabList, n),
     ...a
   }
 );
 export {
-  R as T,
-  y as a,
-  g as b,
-  j as c
+  g as T,
+  F as a,
+  y as b,
+  R as c
 };

package/chunks/{Table-UbdCFrkS.js → Table-Bg-AKi7d.js}

@@ -1,23 +1,23 @@
 'use client';
-import { jsx as e, jsxs as i, Fragment as b } from "react/jsx-runtime";
+import { jsx as e, jsxs as d, Fragment as b } from "react/jsx-runtime";
 import { Cell as w, Column as g, useTableOptions as u, Row as N, Button as k, Collection as p, Table as f, TableBody as x, TableHeader as T } from "react-aria-components";
-import { C as h } from "./Checkbox-CRLj7_Ox.js";
+import { C as h } from "./Checkbox-sAkQe7Q9.js";
 import { c as a } from "./clsx-AexbMWKp.js";
-import { c as d } from "./createLucideIcon-CP-mMPfa.js";
+import { c as i } from "./createLucideIcon-CP-mMPfa.js";
 import '../assets/Table.css';const C = [
   ["path", { d: "M12 5v14", key: "s699le" }],
   ["path", { d: "m19 12-7 7-7-7", key: "1idqje" }]
-], I = d("arrow-down", C);
+], I = i("arrow-down", C);
 const v = [
   ["path", { d: "m21 16-4 4-4-4", key: "f6ql7i" }],
   ["path", { d: "M17 20V4", key: "1ejh1v" }],
   ["path", { d: "m3 8 4-4 4 4", key: "11wl7u" }],
   ["path", { d: "M7 4v16", key: "1glfcx" }]
-], $ = d("arrow-up-down", v);
+], $ = i("arrow-up-down", v);
 const j = [
   ["path", { d: "m5 12 7-7 7 7", key: "hav0vg" }],
   ["path", { d: "M12 19V5", key: "x0mq9r" }]
-], B = d("arrow-up", j);
+], B = i("arrow-up", j);
 const H = [
   ["circle", { cx: "9", cy: "12", r: "1", key: "1vctgf" }],
   ["circle", { cx: "9", cy: "5", r: "1", key: "hp0tcf" }],
@@ -25,7 +25,7 @@ const H = [
   ["circle", { cx: "15", cy: "12", r: "1", key: "1tmaij" }],
   ["circle", { cx: "15", cy: "5", r: "1", key: "19l28e" }],
   ["circle", { cx: "15", cy: "19", r: "1", key: "f4zoj3" }]
-], z = d("grip-vertical", H), M = "_table_eldd4_1", R = "_tableHeader_eldd4_11", q = "_column_eldd4_12", A = "_sortIndicator_eldd4_28", D = "_sortIconNeutral_eldd4_36", V = "_selection_eldd4_50", U = "_row_eldd4_56", F = "_cell_eldd4_74", G = "_medium_eldd4_114", L = "_striped_eldd4_125", o = {
+], z = i("grip-vertical", H), M = "_table_m31t0_1", R = "_tableHeader_m31t0_11", q = "_column_m31t0_12", A = "_sortIndicator_m31t0_28", D = "_sortIconNeutral_m31t0_36", V = "_selection_m31t0_50", U = "_row_m31t0_56", F = "_cell_m31t0_74", G = "_medium_m31t0_114", L = "_striped_m31t0_125", t = {
   table: M,
   tableHeader: R,
   column: q,
@@ -37,97 +37,97 @@ const H = [
   medium: G,
   striped: L
 }, P = ({
-  size: c = "large",
-  striped: l = !1,
-  className: t,
-  ...s
+  size: o = "large",
+  striped: c = !1,
+  className: s,
+  ...r
 }) => /* @__PURE__ */ e(
   f,
   {
-    className: a(o.table, t, {
-      [o.medium]: c === "medium",
-      [o.striped]: l
+    className: a(t.table, s, {
+      [t.medium]: o === "medium",
+      [t.striped]: c
     }),
-    ...s
+    ...r
   }
 ), Q = ({
-  columns: c,
-  children: l,
-  className: t
+  columns: o,
+  children: c,
+  className: s
 }) => {
-  const { selectionBehavior: s, selectionMode: r, allowsDragging: n } = u();
-  return /* @__PURE__ */ i(T, { className: a(t, o.tableHeader), children: [
+  const { selectionBehavior: r, selectionMode: l, allowsDragging: n } = u();
+  return /* @__PURE__ */ d(T, { className: a(s, t.tableHeader), children: [
     n && /* @__PURE__ */ e(m, {}),
-    s === "toggle" && /* @__PURE__ */ e(m, { width: 50, children: r === "multiple" && /* @__PURE__ */ e(
+    r === "toggle" && /* @__PURE__ */ e(m, { width: 50, children: l === "multiple" && /* @__PURE__ */ e(
       h,
       {
-        className: o.selection,
+        className: t.selection,
         slot: "selection"
       }
     ) }),
-    /* @__PURE__ */ e(p, { items: c, children: l })
+    /* @__PURE__ */ e(p, { items: o, children: c })
   ] });
 }, W = ({
-  id: c,
-  columns: l,
-  children: t,
-  className: s,
-  ...r
+  id: o,
+  columns: c,
+  children: s,
+  className: r,
+  ...l
 }) => {
   const { selectionBehavior: n, allowsDragging: y } = u();
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ d(
     N,
     {
-      id: c,
-      className: a(s, o.row),
-      ...r,
+      id: o,
+      className: a(r, t.row),
+      ...l,
       children: [
         y && /* @__PURE__ */ e(_, { children: /* @__PURE__ */ e(k, { slot: "drag", children: /* @__PURE__ */ e(z, { size: 20 }) }) }),
         n === "toggle" && /* @__PURE__ */ e(_, { children: /* @__PURE__ */ e(
           h,
           {
-            className: o.selection,
+            className: t.selection,
             slot: "selection"
           }
         ) }),
-        /* @__PURE__ */ e(p, { items: l, children: t })
+        /* @__PURE__ */ e(p, { items: c, children: s })
       ]
     }
   );
-}, m = ({ children: c, className: l, ...t }) => /* @__PURE__ */ e(
+}, m = ({ children: o, className: c, ...s }) => /* @__PURE__ */ e(
   g,
   {
-    className: a(l, o.column),
-    ...t,
-    children: ({ allowsSorting: s, sortDirection: r }) => {
-      const n = () => r === "ascending" ? /* @__PURE__ */ e(B, { size: 16 }) : r === "descending" ? /* @__PURE__ */ e(I, { size: 16 }) : /* @__PURE__ */ e($, { size: 16, className: o.sortIconNeutral });
-      return /* @__PURE__ */ i(b, { children: [
-        c,
-        s && /* @__PURE__ */ e(
+    className: a(c, t.column),
+    ...s,
+    children: ({ allowsSorting: r, sortDirection: l }) => {
+      const n = () => l === "ascending" ? /* @__PURE__ */ e(B, { size: 16 }) : l === "descending" ? /* @__PURE__ */ e(I, { size: 16 }) : /* @__PURE__ */ e($, { size: 16, className: t.sortIconNeutral });
+      return /* @__PURE__ */ d(b, { children: [
+        o,
+        r && /* @__PURE__ */ e(
           "span",
           {
             "aria-hidden": "true",
-            className: o.sortIndicator,
+            className: t.sortIndicator,
             children: n()
           }
         )
       ] });
     }
   }
-), _ = ({ className: c, ...l }) => /* @__PURE__ */ e(
+), _ = ({ className: o, ...c }) => /* @__PURE__ */ e(
   w,
   {
-    className: a(c, o.cell),
-    ...l
+    className: a(o, t.cell),
+    ...c
   }
 ), X = ({
-  className: c,
-  ...l
+  className: o,
+  ...c
 }) => /* @__PURE__ */ e(
   x,
   {
-    className: a(c, o.tableBody),
-    ...l
+    className: a(o, t.tableBody),
+    ...c
   }
 );
 export {

package/chunks/{TagGroup-CWe0P76-.js → TagGroup-BscTXQ_E.js}

@@ -1,19 +1,19 @@
-import { jsx as i, jsxs as u, Fragment as b } from "react/jsx-runtime";
-import { Tag as T, composeRenderProps as f, useContextProps as d, TagListContext as p, TagList as x, TagGroupContext as y, TagGroup as h } from "react-aria-components";
-import { B as L } from "./Button-CaLOUTDO.js";
+import { jsx as i, jsxs as _, Fragment as u } from "react/jsx-runtime";
+import { Tag as T, composeRenderProps as p, useContextProps as d, TagListContext as b, TagList as x, TagGroupContext as h, TagGroup as L } from "react-aria-components";
+import { B as v } from "./Button-BhIvfqOc.js";
 import { c } from "./clsx-AexbMWKp.js";
-import { X as v } from "./x-B9bYxG31.js";
-import { forwardRef as _, Children as N, isValidElement as w } from "react";
-import '../assets/TagGroup.css';const G = "_button_137b0_1", C = "_green_137b0_16", R = "_red_137b0_17", V = "_blue_137b0_18", $ = "_yellow_137b0_19", E = "_tag_137b0_31", j = "_tagText_137b0_83", z = "_dismissable_137b0_88", a = {
-  button: G,
-  green: C,
-  red: R,
-  blue: V,
-  yellow: $,
-  tag: E,
-  tagText: j,
-  dismissable: z
-}, q = ({
+import { X as y } from "./x-B9bYxG31.js";
+import { forwardRef as f, Children as N, isValidElement as w } from "react";
+import '../assets/TagGroup.css';const q = "_button_f7q96_1", G = "_green_f7q96_16", C = "_red_f7q96_17", R = "_blue_f7q96_18", V = "_yellow_f7q96_19", $ = "_tag_f7q96_31", z = "_tagText_f7q96_83", E = "_dismissable_f7q96_88", a = {
+  button: q,
+  green: G,
+  red: C,
+  blue: R,
+  yellow: V,
+  tag: $,
+  tagText: z,
+  dismissable: E
+}, X = ({
   className: r,
   color: e,
   dismissable: o = !1,
@@ -38,48 +38,48 @@ import '../assets/TagGroup.css';const G = "_button_137b0_1", C = "_green_137b0_1
       ),
       ...n,
       textValue: n.textValue || (typeof n.children == "string" ? n.children : void 0),
-      children: f(n.children, (l) => /* @__PURE__ */ u(b, { children: [
+      children: p(n.children, (l) => /* @__PURE__ */ _(u, { children: [
         /* @__PURE__ */ i("div", { className: a.tagText, children: l }),
         g && /* @__PURE__ */ i(
-          L,
+          v,
           {
             variant: "icon",
             size: "medium",
             className: a.button,
             slot: "remove",
-            children: /* @__PURE__ */ i(v, { size: 20 })
+            children: /* @__PURE__ */ i(y, { size: 20 })
           }
         )
       ] }))
     }
   );
-}, B = "_tagList_uoyyb_1", P = {
-  tagList: B
-}, k = (r, e) => {
+}, j = "_tagList_17pz2_1", B = {
+  tagList: j
+}, P = (r, e) => {
   const [{ className: o, ...t }, s] = d(
     r,
     e,
-    p
+    b
   );
   return /* @__PURE__ */ i(
     x,
     {
-      className: c(o, P.tagList),
+      className: c(o, B.tagList),
       ref: s,
       ...t
     }
   );
-}, m = _(k), A = _(
+}, m = f(P), k = f(
   (r, e) => {
     const [{ className: o, children: t, ...s }, n] = d(
       r,
       e,
-      y
+      h
     ), g = N.toArray(t).filter(w).find((l) => l.type === m);
     return !g && process.env.NODE_ENV === "development" && console.warn(
       "Using a TagGroup without providing a TagList component is deprecated since v17.0.0, see: https://designsystem.migrationsverket.se/components/tag/"
     ), /* @__PURE__ */ i(
-      h,
+      L,
       {
         className: c(o),
         ref: n,
@@ -89,9 +89,9 @@ import '../assets/TagGroup.css';const G = "_button_137b0_1", C = "_green_137b0_1
     );
   }
 );
-A.displayName = "TagGroup";
+k.displayName = "TagGroup";
 export {
-  q as T,
-  A as a,
+  X as T,
+  k as a,
   m as b
 };

package/chunks/{Text-BuXvuoqM.js → Text-D0r_W4lH.js}

@@ -1,36 +1,36 @@
 import { jsx as a } from "react/jsx-runtime";
 import { c as d } from "./clsx-AexbMWKp.js";
 import { Text as _ } from "react-aria-components";
-import '../assets/Text.css';const m = "_body_1ecyu_1", p = "_description_1ecyu_3", y = "_bold_1ecyu_24", b = "_italic_1ecyu_28", s = {
+import '../assets/Text.css';const m = "_body_g096r_1", p = "_description_g096r_3", b = "_bold_g096r_24", g = "_italic_g096r_28", s = {
   body: m,
-  "body-small": "_body-small_1ecyu_2",
+  "body-small": "_body-small_g096r_2",
   description: p,
-  "description-small": "_description-small_1ecyu_4",
-  bold: y,
-  italic: b
-}, c = "span", N = ({
-  children: e,
-  className: l,
+  "description-small": "_description-small_g096r_4",
+  bold: b,
+  italic: g
+}, l = "span", E = ({
+  children: r,
+  className: c,
   size: t,
-  isExpressive: n = !1,
-  elementType: o = c,
+  isExpressive: e = !1,
+  elementType: o = l,
   ...i
 }) => {
-  const r = {
+  const n = {
     className: d(
       i.slot === "description" ? t === "small" ? s["description-small"] : s.description : t === "small" ? s["body-small"] : s.body,
       {
         [s.bold]: ["b", "strong"].includes(o),
         [s.italic]: ["i", "em"].includes(o)
       },
-      l
+      c
     ),
-    elementType: o || c,
-    ...n && { "data-expressive": !0 },
+    elementType: o || l,
+    ...e && { "data-expressive": !0 },
     ...i
   };
-  return /* @__PURE__ */ a(_, { ...r, children: e });
+  return /* @__PURE__ */ a(_, { ...n, children: r });
 };
 export {
-  N as T
+  E as T
 };

package/chunks/{TextArea-BQuztcdA.js → TextArea-CBRE_gsN.js}

@@ -3,13 +3,13 @@ import { jsxs as w, jsx as t } from "react/jsx-runtime";
 import { forwardRef as c, useState as F } from "react";
 import { useContextProps as u, TextFieldContext as y, TextField as g, InputContext as P, Input as b, TextArea as C } from "react-aria-components";
 import { a as I, c as h } from "./clsx-AexbMWKp.js";
-import { s as d } from "./TextField.module-DmV0iI3P.js";
-import { B as A } from "./Button-CaLOUTDO.js";
+import { s as d } from "./TextField.module-BDIbEV87.js";
+import { B as A } from "./Button-BhIvfqOc.js";
 import { u as B } from "./useLocalizedStringFormatter-BHvsRxDk.js";
-import { T as L } from "./Text-BuXvuoqM.js";
-import { F as f } from "./FieldError-BMTrvSof.js";
+import { T as L } from "./Text-D0r_W4lH.js";
+import { F as f } from "./FieldError-krpMBtie.js";
 import { C as S } from "./CharacterCounter-Dgnv-orm.js";
-import { a as v, L as E } from "./Label-6GZmmff9.js";
+import { a as v, L as E } from "./Label-s4J9sYdy.js";
 const x = c(
   (e, o) => {
     [e] = u(e, o, y);

package/chunks/TextField.module-BDIbEV87.js

@@ -0,0 +1,12 @@
+import '../assets/TextField.css';const t = "_textField_51vk6_1", o = "_bottomError_51vk6_20", _ = "_textArea_51vk6_29", r = "_input_51vk6_30", s = "_wrap_51vk6_87", e = "_medium_51vk6_92", n = "_passwordButton_51vk6_159", a = {
+  textField: t,
+  bottomError: o,
+  textArea: _,
+  input: r,
+  wrap: s,
+  medium: e,
+  passwordButton: n
+};
+export {
+  a as s
+};

package/chunks/{Toast-UPM-1ipu.js → Toast-Cxm230CK.js}

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as e, jsxs as c, Fragment as g } from "react/jsx-runtime";
-import { B as T } from "./Button-CaLOUTDO.js";
+import { B as T } from "./Button-BhIvfqOc.js";
 import { useToast as f, useToastRegion as v } from "react-aria";
 import { ToastQueue as w, useToastQueue as h, useToastState as R } from "react-stately";
 import _ from "react";

package/chunks/{ToggleButtonGroup-CXKTrLbb.js → ToggleButtonGroup-Bv9xpwTT.js}

@@ -1,6 +1,6 @@
 import { jsx as g } from "react/jsx-runtime";
 import { ToggleButton as u, ToggleButtonGroup as r } from "react-aria-components";
-import { B as t } from "./Button.module-Cm0H98vy.js";
+import { B as t } from "./Button.module-BW0TvYZ2.js";
 import { c as s } from "./clsx-AexbMWKp.js";
 import '../assets/ToggleButtonGroup.css';const e = "_group_q04hh_1", l = "_toggleButton_q04hh_10", n = {
   group: e,