@altinn/altinn-components 0.41.6 → 0.42.0

package/dist/assets/FloatingDropdown.css

@@ -0,0 +1 @@
+._container_1t2id_1{position:fixed;bottom:0;right:0;margin:1rem;z-index:1000;display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}._button_1t2id_13{--dsc-button-size: var(--ds-size-14);width:var(--ds-button-size);height:var(--ds-button-size);border-radius:50%;flex-shrink:0}._dropdown_1t2id_21{display:flex;flex-direction:column;gap:0;border-radius:.5rem;padding:.5rem;box-shadow:var(--ds-shadow-md);min-width:16rem;overflow:hidden;color:#fff}._dropdown_1t2id_21[data-color=company]{background-color:var(--ds-color-company-base-default)}._dropdown_1t2id_21[data-color=person]{background-color:var(--ds-color-person-base-default)}._dropdown_1t2id_21[data-color=neutral]{background-color:var(--ds-color-neutral-base-default)}._dropdownItem_1t2id_45{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:transparent;border:none;cursor:pointer;text-align:left;color:inherit;border-radius:.25rem;transition:background-color .2s ease;font-size:1rem;font-weight:400;line-height:1.5}._dropdownItem_1t2id_45:hover{background-color:#ffffff1a}._dropdownItem_1t2id_45:focus-visible{outline:2px solid currentColor;outline-offset:-2px}._itemTitle_1t2id_71{flex:1;white-space:nowrap}

package/dist/assets/MenuItemLabel.css

@@ -1 +1 @@
-._label_1gf5h_1{flex-grow:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:0 .125rem}._label_1gf5h_1[data-size=lg]{font-size:1.125rem}._label_1gf5h_1[data-size=md],._label_1gf5h_1[data-size=sm]{font-size:1rem}._title_1gf5h_22{display:inline-flex;align-items:center;column-gap:.5em}._label_1gf5h_1 mark{text-decoration:underline;background-color:transparent;color:inherit}
+._label_1el1b_1{flex-grow:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:0 .125rem}._label_1el1b_1[data-size=lg]{font-size:1.125rem}._label_1el1b_1[data-size=md],._label_1el1b_1[data-size=sm]{font-size:1rem}._title_1el1b_22{display:inline;vertical-align:center}._label_1el1b_1 mark{text-decoration:underline;background-color:transparent;color:inherit}

package/dist/assets/MenuOption.css

@@ -1 +1 @@
-._label_sfsij_1{flex-grow:1;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:0 .125rem;font-size:1rem;column-gap:.5em;pointer-events:none}._title_sfsij_13{color:var(--ds-color-text-default);display:inline-flex;align-items:center;column-gap:.5em}._count_sfsij_20{vertical-align:super;font-size:smaller}._radio_sfsij_25,._checkbox_sfsij_26{flex-shrink:0;flex-grow:0;position:relative;width:1.25em;height:1.25em;display:flex;align-items:center;justify-content:center;color:transparent}._radio_sfsij_25{border:1px solid;border-color:var(--ds-color-border-subtle);outline:var(--ds-color-border-subtle) solid 1px;border-radius:50%}._checkbox_sfsij_26{border:2px solid;border-color:var(--ds-color-border-subtle);border-radius:2px}._radio_sfsij_25[data-checked=true],._checkbox_sfsij_26[data-checked=true]{background-color:var(--ds-color-base-default);border:none;outline-color:var(--ds-color-base-default);color:var(--ds-color-base-contrast-default)}._icon_sfsij_59{font-size:1.25em}@supports (-webkit-hyphens: none){._icon_sfsij_59{font-size:unset;width:1.25em;height:1.25em}._icon_sfsij_59 svg,._icon_sfsij_59 img{width:100%;height:100%}}
+._label_e5maf_1{flex-grow:1;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:0 .125rem;font-size:1rem;column-gap:.5em;pointer-events:none}._title_e5maf_13{color:var(--ds-color-text-default);display:inline;vertical-align:text-top}._count_e5maf_19{display:inline;vertical-align:super;font-size:smaller}._radio_e5maf_25,._checkbox_e5maf_26{flex-shrink:0;flex-grow:0;position:relative;width:1.25em;height:1.25em;display:flex;align-items:center;justify-content:center;color:transparent}._radio_e5maf_25{border:1px solid;border-color:var(--ds-color-border-subtle);outline:var(--ds-color-border-subtle) solid 1px;border-radius:50%}._checkbox_e5maf_26{border:2px solid;border-color:var(--ds-color-border-subtle);border-radius:2px}._radio_e5maf_25[data-checked=true],._checkbox_e5maf_26[data-checked=true]{background-color:var(--ds-color-base-default);border:none;outline-color:var(--ds-color-base-default);color:var(--ds-color-base-contrast-default)}._icon_e5maf_59{font-size:1.25em}@supports (-webkit-hyphens: none){._icon_e5maf_59{font-size:unset;width:1.25em;height:1.25em}._icon_e5maf_59 svg,._icon_e5maf_59 img{width:100%;height:100%}}

package/dist/components/Account/AccountMenu.js

@@ -1,63 +1,62 @@
 "use client";
-import { jsx as c } from "react/jsx-runtime";
-import { useState as M } from "react";
+import { jsx as M } from "react/jsx-runtime";
+import { useState as v } from "react";
 import "../../index-L8X2o7IH.js";
 import "../RootProvider/RootProvider.js";
-import { Menu as b } from "../Menu/Menu.js";
+import { Menu as x } from "../Menu/Menu.js";
 import "../Snackbar/useSnackbar.js";
-const v = (r) => `${r} hits`, G = ({
-  items: r = [],
+const R = (e) => `${e} hits`, z = ({
+  items: e = [],
   groups: f = {},
-  search: l,
-  onSelectAccount: e,
+  search: t,
+  filterAccount: C,
+  onSelectAccount: r,
   currentAccount: a,
-  isVirtualized: C,
-  keyboardEvents: h
+  isVirtualized: h,
+  keyboardEvents: L
 }) => {
   var u;
-  const d = r.map((o) => ({
+  const d = e.map((o) => ({
     ...o,
     title: (o == null ? void 0 : o.title) || o.name,
     groupId: o.groupId || "search",
     selected: o.selected ?? (a == null ? void 0 : a.id) === o.id,
     onClick: () => {
-      !o.disabled && (e == null || e(o.id));
+      !o.disabled && (r == null || r(o.id));
     }
-  })), [t, s] = M(""), n = t ? d.filter(
-    (o) => {
-      var p, g, i;
-      return ((p = o == null ? void 0 : o.name) == null ? void 0 : p.toLowerCase().includes(t.toLowerCase())) || ((i = (g = o == null ? void 0 : o.description) == null ? void 0 : g.toString()) == null ? void 0 : i.toLowerCase().includes(t.toLowerCase()));
-    }
-  ).map((o) => ({
+  })), [l, s] = v(""), w = C || ((o, p) => {
+    var g, i, c;
+    return ((g = o == null ? void 0 : o.name) == null ? void 0 : g.toLowerCase().includes(p.toLowerCase())) || ((c = (i = o == null ? void 0 : o.description) == null ? void 0 : i.toString()) == null ? void 0 : c.toLowerCase().includes(p.toLowerCase()));
+  }), n = l ? d.filter((o) => w(o, l)).map((o) => ({
     ...o,
     groupId: "search",
     title: (o == null ? void 0 : o.title) || o.name,
-    highlightWords: [t]
-  })) : d, L = t ? {
+    highlightWords: [l]
+  })) : d, F = l ? {
     search: {
-      title: ((u = l == null ? void 0 : l.getResultsLabel) == null ? void 0 : u.call(l, n.length)) ?? v(n.length)
+      title: ((u = t == null ? void 0 : t.getResultsLabel) == null ? void 0 : u.call(t, n.length)) ?? R(n.length)
     }
-  } : f, w = {
+  } : f, b = {
     name: "account-search",
-    value: t,
-    placeholder: (l == null ? void 0 : l.placeholder) ?? "Find account",
+    value: l,
+    placeholder: (t == null ? void 0 : t.placeholder) ?? "Find account",
     onChange: (o) => s(o.target.value),
     onClear: () => s("")
   }, I = [
     ...n.length > 0 ? n : [{ id: "search", groupId: "search", hidden: !0 }]
   ];
-  return /* @__PURE__ */ c(
-    b,
+  return /* @__PURE__ */ M(
+    x,
     {
       variant: "default",
-      search: l && w,
-      groups: L,
+      search: t && b,
+      groups: F,
       items: I,
-      isVirtualized: C,
-      keyboardEvents: h
+      isVirtualized: h,
+      keyboardEvents: L
     }
   );
 };
 export {
-  G as AccountMenu
+  z as AccountMenu
 };

package/dist/components/Dropdown/FloatingDropdown.js

@@ -0,0 +1,61 @@
+"use client";
+import { jsxs as m, jsx as o } from "react/jsx-runtime";
+import { useState as k, useRef as N } from "react";
+import { useClickOutside as T } from "../../hooks/useClickOutside.js";
+import { useEscapeKey as g } from "../../hooks/useEscapeKey.js";
+import { ButtonBase as x } from "../Button/ButtonBase.js";
+import "../../index-L8X2o7IH.js";
+import { ButtonIcon as y } from "../Button/ButtonIcon.js";
+import { Icon as v } from "../Icon/Icon.js";
+import "../RootProvider/RootProvider.js";
+import "../Snackbar/useSnackbar.js";
+import '../../assets/FloatingDropdown.css';const B = "_container_1t2id_1", j = "_button_1t2id_13", z = "_dropdown_1t2id_21", E = "_dropdownItem_1t2id_45", O = "_itemTitle_1t2id_71", n = {
+  container: B,
+  button: j,
+  dropdown: z,
+  dropdownItem: E,
+  itemTitle: O
+}, L = ({
+  variant: p = "solid",
+  size: u,
+  icon: _,
+  iconOpen: s,
+  iconSize: f,
+  iconAltText: w,
+  color: d = "company",
+  items: h,
+  dataTestId: I
+}) => {
+  const [e, c] = k(!1), l = N(null), b = () => {
+    c((t) => !t);
+  }, i = () => {
+    c(!1);
+  }, C = (t) => (r) => {
+    t(r), i();
+  };
+  T(l, i), g(i);
+  const a = e && s ? s : _;
+  return /* @__PURE__ */ m("div", { className: n.container, ref: l, children: [
+    e && /* @__PURE__ */ o("div", { className: n.dropdown, "data-color": d, children: h.map((t, r) => /* @__PURE__ */ m("button", { className: n.dropdownItem, onClick: C(t.onClick), type: "button", children: [
+      /* @__PURE__ */ o(v, { svgElement: t.icon, size: "md", color: "inherit" }),
+      /* @__PURE__ */ o("span", { className: n.itemTitle, children: t.title })
+    ] }, r)) }),
+    /* @__PURE__ */ o(
+      x,
+      {
+        className: n.button,
+        variant: p,
+        color: d,
+        size: u,
+        onClick: b,
+        "data-testid": I,
+        "aria-label": w,
+        "aria-expanded": e,
+        children: a && /* @__PURE__ */ o(y, { icon: a, size: f })
+      }
+    )
+  ] });
+};
+export {
+  L as FloatingDropdown
+};

package/dist/components/Dropdown/index.js

@@ -3,16 +3,18 @@ import { Backdrop as t } from "./Backdrop.js";
 import { DrawerBase as f } from "./DrawerBase.js";
 import { DrawerHeader as w } from "./DrawerHeader.js";
 import { DrawerFooter as D } from "./DrawerFooter.js";
-import { DrawerButton as B } from "./DrawerButton.js";
+import { DrawerButton as n } from "./DrawerButton.js";
 import { DrawerBody as s } from "./DrawerBody.js";
-import { DrawerOrDropdown as k } from "./DrawerOrDropdown.js";
+import { DrawerOrDropdown as c } from "./DrawerOrDropdown.js";
+import { FloatingDropdown as i } from "./FloatingDropdown.js";
 export {
   t as Backdrop,
   f as DrawerBase,
   s as DrawerBody,
-  B as DrawerButton,
+  n as DrawerButton,
   D as DrawerFooter,
   w as DrawerHeader,
-  k as DrawerOrDropdown,
-  e as DropdownBase
+  c as DrawerOrDropdown,
+  e as DropdownBase,
+  i as FloatingDropdown
 };

package/dist/components/Header/Header.js

@@ -5,14 +5,14 @@ import "react";
 import { useRootContext as H } from "../RootProvider/RootProvider.js";
 import { DropdownBase as S } from "../Dropdown/DropdownBase.js";
 import { DrawerBase as k } from "../Dropdown/DrawerBase.js";
-import { GlobalMenu as f } from "../GlobalMenu/GlobalMenu.js";
+import { GlobalMenu as w } from "../GlobalMenu/GlobalMenu.js";
 import { GlobalMenuButton as B } from "../GlobalMenu/GlobalMenuButton.js";
 import { HeaderBase as D } from "./HeaderBase.js";
 import { HeaderLogo as I } from "./HeaderLogo.js";
 import { HeaderGroup as N } from "./HeaderGroup.js";
-import { HeaderSearch as w } from "./HeaderSearch.js";
+import { HeaderSearch as x } from "./HeaderSearch.js";
 import { LocaleSwitcher as F } from "./LocaleSwitcher.js";
-import { Searchbar as x } from "../Searchbar/Searchbar.js";
+import { Searchbar as _ } from "../Searchbar/Searchbar.js";
 import "../Snackbar/useSnackbar.js";
 import { useIsDesktop as G } from "../../hooks/useIsDesktop.js";
 import '../../assets/Header.css';const L = "_drawer_afyu3_1", j = "_dropdown_afyu3_6", z = "_relative_afyu3_19", t = {
@@ -21,21 +21,21 @@ import '../../assets/Header.css';const L = "_drawer_afyu3_1", j = "_dropdown_afy
   relative: z
 }, A = ({
   globalMenu: e,
-  desktopMenu: _,
-  mobileMenu: C,
+  desktopMenu: C,
+  mobileMenu: u,
   locale: p,
   search: s,
   currentAccount: m,
-  logo: u = {},
-  badge: l
+  logo: l = {},
+  badge: i
 }) => {
-  const { currentId: r, toggleId: i, openId: v, closeAll: d } = H(), c = () => {
+  const { currentId: r, toggleId: c, openId: v, closeAll: d } = H(), a = () => {
     v("search");
-  }, a = () => {
-    i("search");
+  }, h = () => {
+    c("search");
   }, y = () => {
-    i("menu");
-  }, h = G();
+    c("menu");
+  }, f = G();
   return /* @__PURE__ */ n(
     D,
     {
@@ -43,15 +43,15 @@ import '../../assets/Header.css';const L = "_drawer_afyu3_1", j = "_dropdown_afy
       open: r === "search" || r === "menu" || r === "locale",
       onClose: d,
       children: [
-        /* @__PURE__ */ o(I, { ...u, className: t.logo }),
-        s && h && /* @__PURE__ */ o(w, { expanded: r === "search", children: /* @__PURE__ */ o(x, { ...s, expanded: r === "search", onClose: a, onFocus: c }) }),
+        /* @__PURE__ */ o(I, { ...l, badge: i, className: t.logo }),
+        s && f && /* @__PURE__ */ o(x, { expanded: r === "search", children: /* @__PURE__ */ o(_, { ...s, expanded: r === "search", onClose: h, onFocus: a }) }),
         /* @__PURE__ */ n(N, { children: [
           p && /* @__PURE__ */ o(F, { ...p }),
           /* @__PURE__ */ n("div", { className: t.relative, children: [
             /* @__PURE__ */ o(
               B,
               {
-                badge: l,
+                badge: i,
                 currentAccount: m,
                 onClick: y,
                 expanded: r === "menu",
@@ -68,10 +68,10 @@ import '../../assets/Header.css';const L = "_drawer_afyu3_1", j = "_dropdown_afy
                 open: r === "menu",
                 className: t.dropdown,
                 children: /* @__PURE__ */ o(
-                  f,
+                  w,
                   {
                     ...e,
-                    menu: _ || (e == null ? void 0 : e.menu),
+                    menu: C || (e == null ? void 0 : e.menu),
                     currentAccount: m,
                     onClose: d
                   }
@@ -80,12 +80,12 @@ import '../../assets/Header.css';const L = "_drawer_afyu3_1", j = "_dropdown_afy
             )
           ] })
         ] }),
-        s && !h && /* @__PURE__ */ o(w, { expanded: r === "search", children: /* @__PURE__ */ o(x, { ...s, expanded: r === "search", onClose: a, onFocus: c }) }),
+        s && !f && /* @__PURE__ */ o(x, { expanded: r === "search", children: /* @__PURE__ */ o(_, { ...s, expanded: r === "search", onClose: h, onFocus: a }) }),
         e && /* @__PURE__ */ o(k, { open: r === "menu", className: t.drawer, children: /* @__PURE__ */ o(
-          f,
+          w,
           {
             ...e,
-            menu: C || (e == null ? void 0 : e.menu),
+            menu: u || (e == null ? void 0 : e.menu),
             currentAccount: m,
             onClose: d
           }

package/dist/components/Header/HeaderLogo.js

@@ -1,18 +1,21 @@
-import { jsxs as l, jsx as t } from "react/jsx-runtime";
-import { c as n } from "../../index-L8X2o7IH.js";
-import { ButtonBase as a } from "../Button/ButtonBase.js";
+import { jsxs as n, jsx as o } from "react/jsx-runtime";
+import { c as i } from "../../index-L8X2o7IH.js";
+import { Badge as a } from "../Badge/Badge.js";
+import { ButtonBase as c } from "../Button/ButtonBase.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import { DigdirLogomark as c } from "./DigdirLogomark.js";
+import { DigdirLogomark as x } from "./DigdirLogomark.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/HeaderLogo.css';const i = "_logo_y48xn_1", x = "_symbol_y48xn_8", p = "_text_y48xn_20", o = {
-  logo: i,
-  symbol: x,
-  text: p
-}, h = ({ className: s, as: m = "a", title: r = "Altinn", href: e = "/" }) => /* @__PURE__ */ l(a, { as: m, className: n(o.logo, s), href: e, children: [
-  /* @__PURE__ */ t(c, { className: o.symbol }),
-  /* @__PURE__ */ t("span", { className: o.text, children: r })
+import '../../assets/HeaderLogo.css';const p = "_logo_y48xn_1", _ = "_symbol_y48xn_8", y = "_text_y48xn_20", t = {
+  logo: p,
+  symbol: _,
+  text: y
+}, u = ({ className: m, as: r = "a", title: e = "Altinn", href: l = "/", badge: s }) => /* @__PURE__ */ n(c, { as: r, className: i(t.logo, m), href: l, children: [
+  /* @__PURE__ */ o(x, { className: t.symbol }),
+  /* @__PURE__ */ o("span", { className: t.text, children: e }),
+  " ",
+  s && /* @__PURE__ */ o(a, { ...s })
 ] });
 export {
-  h as HeaderLogo
+  u as HeaderLogo
 };

package/dist/components/Menu/MenuItemLabel.js

@@ -1,33 +1,33 @@
-import { jsx as s, jsxs as g, Fragment as b } from "react/jsx-runtime";
+import { jsx as s, jsxs as b, Fragment as g } from "react/jsx-runtime";
 import { c as d } from "../../index-L8X2o7IH.js";
 import { isValidElement as x } from "react";
-import { Heading as c } from "../Typography/Heading.js";
+import { Heading as f } from "../Typography/Heading.js";
 import "../RootProvider/RootProvider.js";
 import { isHeadingProps as o } from "../List/ListItemLabel.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/MenuItemLabel.css';const h = "_label_1gf5h_1", _ = "_title_1gf5h_22", p = {
-  label: h,
-  title: _
+import '../../assets/MenuItemLabel.css';const _ = "_label_1el1b_1", y = "_title_1el1b_22", p = {
+  label: _,
+  title: y
 };
 function u(r) {
   return typeof r == "string" || typeof r == "number" || typeof r == "boolean" || r === null || x(r);
 }
-const y = (r) => {
-  const n = {
+const P = (r) => {
+  const e = {
     as: "span"
   };
-  return o(r) ? { ...n, ...r } : u(r) ? {
-    ...n,
+  return o(r) ? { ...e, ...r } : u(r) ? {
+    ...e,
     children: r
   } : null;
-}, P = (r) => {
-  const n = {
+}, h = (r) => {
+  const e = {
     as: "span",
     weight: "normal",
     variant: "subtle"
   };
-  return o(r) ? { ...n, ...r } : u(r) ? {
-    ...n,
+  return o(r) ? { ...e, ...r } : u(r) ? {
+    ...e,
     children: r
   } : null;
 };
@@ -39,32 +39,32 @@ function z(r) {
 }
 const A = ({
   className: r,
-  size: n = "sm",
-  title: a,
-  description: i,
-  highlightWords: l,
+  size: e = "sm",
+  title: l,
+  description: a,
+  highlightWords: i,
   loading: m,
-  children: f
+  children: c
 }) => {
-  const t = a && y(a), e = i && P(i);
-  return /* @__PURE__ */ s("span", { className: d(p.label, r), "data-size": n, children: f || /* @__PURE__ */ g(b, { children: [
-    t && /* @__PURE__ */ s(
-      c,
+  const n = l && P(l), t = a && h(a);
+  return /* @__PURE__ */ s("span", { className: d(p.label, r), "data-size": e, children: c || /* @__PURE__ */ b(g, { children: [
+    n && /* @__PURE__ */ s(
+      f,
       {
-        ...t,
+        ...n,
         loading: m,
-        highlightWords: l,
+        highlightWords: i,
         className: p.title,
-        weight: t != null && t.weight || n === "lg" ? "medium" : "normal"
+        weight: n != null && n.weight || e === "lg" ? "medium" : "normal"
       }
     ),
-    e && /* @__PURE__ */ s(
-      c,
+    t && /* @__PURE__ */ s(
+      f,
       {
-        ...e,
+        ...t,
         loading: m,
-        highlightWords: l,
-        size: e.size || n === "lg" ? "xs" : "xxs"
+        highlightWords: i,
+        size: t.size || e === "lg" ? "xs" : "xxs"
       }
     )
   ] }) });

package/dist/components/Menu/MenuOption.js

@@ -1,75 +1,75 @@
-import { jsx as s, jsxs as d } from "react/jsx-runtime";
+import { jsx as a, jsxs as d } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import { MenuItem as _ } from "./MenuItem.js";
 import "../Snackbar/useSnackbar.js";
 import { S as p } from "../../Checkmark-Byz_C9x4.js";
-import '../../assets/MenuOption.css';const N = "_label_sfsij_1", j = "_title_sfsij_13", k = "_count_sfsij_20", v = "_radio_sfsij_25", I = "_checkbox_sfsij_26", M = "_icon_sfsij_59", a = {
+import '../../assets/MenuOption.css';const N = "_label_e5maf_1", k = "_title_e5maf_13", v = "_count_e5maf_19", I = "_radio_e5maf_25", M = "_checkbox_e5maf_26", j = "_icon_e5maf_59", e = {
   label: N,
-  title: j,
-  count: k,
-  radio: v,
-  checkbox: I,
-  icon: M
+  title: k,
+  count: v,
+  radio: I,
+  checkbox: M,
+  icon: j
 }, C = ({
   size: t = "md",
   type: h,
   name: S,
-  active: i,
+  active: o,
   value: g,
   label: n,
   title: u,
   description: b,
   icon: f,
-  count: e = 0,
+  count: s = 0,
   checked: c = !1,
-  disabled: o,
+  disabled: r,
   onMouseEnter: w,
-  onClick: r,
+  onClick: i,
   role: l,
   ...m
 }) => {
   const x = () => {
     switch (h) {
       case "checkbox":
-        return /* @__PURE__ */ d("span", { className: a.label, children: [
-          /* @__PURE__ */ s("span", { className: a.checkbox, "data-checked": c, children: /* @__PURE__ */ s(p, { className: a.icon, "aria-hidden": !0 }) }),
-          /* @__PURE__ */ s("span", { className: a.title, children: n }),
-          e > 0 && /* @__PURE__ */ s("span", { className: a.count, children: e })
+        return /* @__PURE__ */ d("span", { className: e.label, children: [
+          /* @__PURE__ */ a("span", { className: e.checkbox, "data-checked": c, children: /* @__PURE__ */ a(p, { className: e.icon, "aria-hidden": !0 }) }),
+          /* @__PURE__ */ a("span", { className: e.title, children: n }),
+          s > 0 && /* @__PURE__ */ a("span", { className: e.count, children: s })
         ] });
       case "radio":
-        return /* @__PURE__ */ d("span", { className: a.label, children: [
-          /* @__PURE__ */ s("span", { className: a.radio, "data-checked": c, children: /* @__PURE__ */ s(p, { className: a.icon, "aria-hidden": !0 }) }),
-          /* @__PURE__ */ s("span", { className: a.title, children: n }),
-          e > 0 && /* @__PURE__ */ s("span", { className: a.count, children: e })
+        return /* @__PURE__ */ d("span", { className: e.label, children: [
+          /* @__PURE__ */ a("span", { className: e.radio, "data-checked": c, children: /* @__PURE__ */ a(p, { className: e.icon, "aria-hidden": !0 }) }),
+          /* @__PURE__ */ a("span", { className: e.title, children: n }),
+          s > 0 && /* @__PURE__ */ a("span", { className: e.count, children: s })
         ] });
     }
   };
-  return n ? /* @__PURE__ */ s(
+  return n ? /* @__PURE__ */ a(
     _,
     {
-      disabled: o,
+      disabled: r,
       selected: c,
       size: t,
       as: "div",
-      active: i,
+      active: o,
       tabIndex: -1,
-      onClick: r,
+      onClick: i,
       role: l,
-      label: /* @__PURE__ */ s(x, {}),
+      label: /* @__PURE__ */ a(x, {}),
       ...m
     }
-  ) : /* @__PURE__ */ s(
+  ) : /* @__PURE__ */ a(
     _,
     {
-      disabled: o,
+      disabled: r,
       selected: c,
       size: t,
       as: "div",
-      active: i,
+      active: o,
       tabIndex: -1,
-      onClick: r,
+      onClick: i,
       role: l,
       icon: f,
       title: u,