@midas-ds/components 17.8.1 → 17.8.3

package/chunks/{Layout-fkaVQ6a0.js → Layout-BLP0HVR-.js}

@@ -5,8 +5,8 @@ import * as y from "react";
 import { useState as W, useEffect as j } from "react";
 import { c as b } from "./clsx-AexbMWKp.js";
 import { Link as L, RouterProvider as P } from "react-aria-components";
-import { B as T } from "./Button-D22xOe8j.js";
-import { a as D, T as q } from "./Tooltip-C1bbgr2l.js";
+import { B as T } from "./Button-GCROAMSl.js";
+import { a as D, T as q } from "./Tooltip-BYEaNkZG.js";
 import { a as I, B as M } from "./BadgeContainer-CKVsfTlF.js";
 import { c as S } from "./createLucideIcon-CP-mMPfa.js";
 import { u as k } from "./useLocalizedStringFormatter-BHvsRxDk.js";

package/chunks/Link-CyY3-8M8.js

@@ -0,0 +1,59 @@
+'use client';
+import { jsx as r, jsxs as _, Fragment as f } from "react/jsx-runtime";
+import { Link as p } from "react-aria-components";
+import { c as k } from "./clsx-AexbMWKp.js";
+import { c as u } from "./createLucideIcon-CP-mMPfa.js";
+import { S as w } from "./square-arrow-out-up-right-x_I6wdNi.js";
+import { A as L } from "./arrow-right-BVcFGZmy.js";
+import '../assets/Link.css';const x = [
+  ["path", { d: "M12 17V3", key: "1cwfxf" }],
+  ["path", { d: "m6 11 6 6 6-6", key: "12ii2o" }],
+  ["path", { d: "M19 21H5", key: "150jfl" }]
+], g = u("arrow-down-to-line", x), y = "_link_1sdlh_1", A = "_icon_1sdlh_51", j = "_standalone_1sdlh_55", I = "_stretched_1sdlh_72", o = {
+  link: y,
+  icon: A,
+  standalone: j,
+  stretched: I
+}, D = ({
+  children: t,
+  standalone: n,
+  target: s,
+  stretched: i,
+  download: l,
+  icon: e,
+  className: a,
+  as: d,
+  ...m
+}) => {
+  const h = d || p, c = e || (l ? g : s === "_blank" ? w : n ? L : null);
+  return /* @__PURE__ */ r(
+    h,
+    {
+      className: k(
+        o.link,
+        n && o.standalone,
+        i && o.stretched,
+        a
+      ),
+      ...m,
+      target: s,
+      children: /* @__PURE__ */ _(f, { children: [
+        t,
+        c ? /* @__PURE__ */ r(
+          N,
+          {
+            className: o.icon,
+            icon: c,
+            size: 16
+          }
+        ) : null
+      ] })
+    }
+  );
+}, N = ({
+  icon: t,
+  ...n
+}) => /* @__PURE__ */ r(t, { ...n });
+export {
+  D as L
+};

package/chunks/{LinkButton-DJ-D5PkB.js → LinkButton-DWKAbxXF.js}

@@ -1,68 +1,68 @@
 'use client';
-import { jsxs as f, jsx as c } from "react/jsx-runtime";
+import { jsxs as l, jsx as c } from "react/jsx-runtime";
 import { Link as u } from "react-aria-components";
-import { c as w } from "./clsx-AexbMWKp.js";
+import { c as x } from "./clsx-AexbMWKp.js";
 import { S as y } from "./square-arrow-out-up-right-x_I6wdNi.js";
 import { c as p } from "./createLucideIcon-CP-mMPfa.js";
 import { A as g } from "./arrow-right-BVcFGZmy.js";
 import '../assets/LinkButton.css';const h = [
   ["path", { d: "m12 19-7-7 7-7", key: "1l729n" }],
   ["path", { d: "M19 12H5", key: "x3x0zl" }]
-], k = p("arrow-left", h), B = "_linkButton_18ewv_1", L = "_secondary_18ewv_56", x = "_icon_18ewv_61", v = "_tertiary_18ewv_98", A = "_danger_18ewv_124", I = "_iconBtn_18ewv_141", N = "_medium_18ewv_163", j = "_iconLeft_18ewv_168", z = "_fullwidth_18ewv_172", t = {
+], k = p("arrow-left", h), B = "_linkButton_ix6fe_1", L = "_secondary_ix6fe_56", w = "_icon_ix6fe_61", A = "_tertiary_ix6fe_98", I = "_danger_ix6fe_124", N = "_iconBtn_ix6fe_141", j = "_medium_ix6fe_163", z = "_iconLeft_ix6fe_168", R = "_fullwidth_ix6fe_172", t = {
   linkButton: B,
   secondary: L,
-  icon: x,
-  tertiary: v,
-  danger: A,
-  iconBtn: I,
-  medium: N,
-  iconLeft: j,
-  fullwidth: z
-}, U = ({
+  icon: w,
+  tertiary: A,
+  danger: I,
+  iconBtn: N,
+  medium: j,
+  iconLeft: z,
+  fullwidth: R
+}, D = ({
   children: o,
   variant: n,
   fullwidth: s,
   icon: e,
-  iconPlacement: r,
-  className: _,
-  as: m,
-  size: a = "large",
-  ...i
+  iconPlacement: i,
+  className: f,
+  as: _,
+  size: m = "large",
+  ...r
 }) => {
-  const d = m || u, l = e || (i.target === "_blank" ? y : r === "left" ? k : g);
-  return /* @__PURE__ */ f(
-    d,
+  const a = _ || u, d = e || (r.target === "_blank" ? y : i === "left" ? k : g);
+  return /* @__PURE__ */ l(
+    a,
     {
-      className: w(
+      className: x(
         t.linkButton,
         n === "primary" && t.primary,
         n === "secondary" && t.secondary,
         n === "tertiary" && t.tertiary,
         n === "danger" && t.danger,
         n === "icon" && t.iconBtn,
-        a === "medium" && t.medium,
+        m === "medium" && t.medium,
         s && t.fullwidth,
-        r === "left" && t.iconLeft,
-        _
+        i === "left" && t.iconLeft,
+        f
       ),
-      ...i,
+      ...r,
       children: [
         o,
         /* @__PURE__ */ c(
-          R,
+          S,
           {
             className: t.icon,
-            icon: l,
+            icon: d,
             size: 20
           }
         )
       ]
     }
   );
-}, R = ({
+}, S = ({
   icon: o,
   ...n
 }) => /* @__PURE__ */ c(o, { ...n });
 export {
-  U as L
+  D as L
 };

package/chunks/{ListBox-BmONCo_D.js → ListBox-CRtyHPj1.js}

@@ -1,7 +1,7 @@
-import { jsx as s } from "react/jsx-runtime";
-import { ListLayout as i, Virtualizer as l, ListBox as n } from "react-aria-components";
+import { jsx as i } from "react/jsx-runtime";
+import { ListLayout as e, Virtualizer as n, ListBox as l } from "react-aria-components";
 import { c as x } from "./clsx-AexbMWKp.js";
-import '../assets/ListBox.css';class B extends i {
+import '../assets/ListBox.css';class r extends e {
   /**
    * When using the ListLayout our scroll container height is not calculated properly when the content is partially sectioned.
    * ```ts
@@ -25,29 +25,29 @@ import '../assets/ListBox.css';class B extends i {
     }), this.contentSize;
   }
 }
-const r = "_listBox_1l41e_4", a = "_listBoxPopover_1l41e_16", c = "_listBoxSectionHeading_1l41e_30", _ = "_listBoxButton_1l41e_42", m = "_listBoxItem_1l41e_54", L = "_textContent_1l41e_68", u = "_listBoxLoadMoreItem_1l41e_174", d = {
-  listBox: r,
+const B = "_listBox_6zv1j_4", a = "_listBoxPopover_6zv1j_16 _dropdownAnimation_1ljkv_4", _ = "_listBoxSectionHeading_6zv1j_31", c = "_listBoxButton_6zv1j_43", m = "_listBoxItem_6zv1j_55", d = "_textContent_6zv1j_68", v = "_listBoxLoadMoreItem_6zv1j_172", L = {
+  listBox: B,
   listBoxPopover: a,
-  listBoxSectionHeading: c,
-  listBoxButton: _,
+  listBoxSectionHeading: _,
+  listBoxButton: c,
   listBoxItem: m,
-  textContent: L,
-  listBoxLoadMoreItem: u
-}, h = ({
-  className: e,
+  textContent: d,
+  listBoxLoadMoreItem: v
+}, p = ({
+  className: s,
   children: t,
   ...o
-}) => /* @__PURE__ */ s(
-  l,
+}) => /* @__PURE__ */ i(
+  n,
   {
-    layout: B,
+    layout: r,
     layoutOptions: {
       headingHeight: 38
     },
-    children: /* @__PURE__ */ s(
-      n,
+    children: /* @__PURE__ */ i(
+      l,
       {
-        className: x(d.listBox, e),
+        className: x(L.listBox, s),
         ...o,
         children: t
       }
@@ -55,6 +55,6 @@ const r = "_listBox_1l41e_4", a = "_listBoxPopover_1l41e_16", c = "_listBoxSecti
   }
 );
 export {
-  h as L,
-  d as s
+  p as L,
+  L as s
 };

package/chunks/{ListBoxEmptyState-7VzB4KvQ.js → ListBoxEmptyState-D6Jvy1WT.js}

@@ -1,7 +1,7 @@
 import { jsx as s } from "react/jsx-runtime";
 import { c as m } from "./clsx-AexbMWKp.js";
 import { Popover as r } from "react-aria-components";
-import { s as a } from "./ListBox-BmONCo_D.js";
+import { s as a } from "./ListBox-CRtyHPj1.js";
 import { T as p } from "./Text-D0r_W4lH.js";
 import '../assets/ListBoxEmptyState.css';const n = ({
   className: t,

package/chunks/{ListBoxHeader-D_WqTfOS.js → ListBoxHeader-DIxY1gOH.js}

@@ -1,6 +1,6 @@
 import { jsx as o, jsxs as m, Fragment as c } from "react/jsx-runtime";
 import { c as i } from "./clsx-AexbMWKp.js";
-import { s as e } from "./ListBox-BmONCo_D.js";
+import { s as e } from "./ListBox-CRtyHPj1.js";
 import { ListBoxItem as x, ListBoxSection as d, ListBoxLoadMoreItem as l, Header as L } from "react-aria-components";
 import { S as B } from "./Spinner-CfKMn18u.js";
 import { u as p } from "./useLocalizedStringFormatter-BHvsRxDk.js";

package/chunks/{Popover-6cnHxDEK.js → Popover-CjEPHe4A.js}

@@ -1,10 +1,10 @@
-import { jsx as r, jsxs as d, Fragment as l } from "react/jsx-runtime";
+import { jsx as r, jsxs as i, Fragment as l } from "react/jsx-runtime";
 import { forwardRef as f } from "react";
-import { useContextProps as v, PopoverContext as h, Popover as w, composeRenderProps as x, OverlayArrow as P } from "react-aria-components";
+import { useContextProps as v, PopoverContext as h, Popover as w, composeRenderProps as P, OverlayArrow as x } from "react-aria-components";
 import { c as _ } from "./clsx-AexbMWKp.js";
-import '../assets/Popover.css';const g = "_popover_1sqxu_1", u = "_arrow_1sqxu_23", e = {
+import '../assets/Popover.css';const g = "_popover_1k0dj_1", j = "_arrow_1k0dj_25", e = {
   popover: g,
-  arrow: u
+  arrow: j
 }, y = f((s, t) => {
   const [o, p] = v(s, t, h), { className: a, hideArrow: c = !1, offset: n = 4, ...m } = o;
   return /* @__PURE__ */ r(
@@ -14,8 +14,8 @@ import '../assets/Popover.css';const g = "_popover_1sqxu_1", u = "_arrow_1sqxu_2
       offset: n,
       ref: p,
       ...m,
-      children: x(o.children, (i) => /* @__PURE__ */ d(l, { children: [
-        !c && /* @__PURE__ */ r(P, { className: e.arrow, children: /* @__PURE__ */ r(
+      children: P(o.children, (d) => /* @__PURE__ */ i(l, { children: [
+        !c && /* @__PURE__ */ r(x, { className: e.arrow, children: /* @__PURE__ */ r(
           "svg",
           {
             height: 16,
@@ -24,7 +24,7 @@ import '../assets/Popover.css';const g = "_popover_1sqxu_1", u = "_arrow_1sqxu_2
             children: /* @__PURE__ */ r("path", { d: "M0 0 L8 8 L16 0" })
           }
         ) }),
-        i
+        d
       ] }))
     }
   );

package/chunks/ProgressBar-CBz_dIOH.js

@@ -0,0 +1,53 @@
+import { jsx as e, jsxs as _, Fragment as v } from "react/jsx-runtime";
+import { ProgressBar as h } from "react-aria-components";
+import { L as t } from "./Label-Cg0aAlnt.js";
+import { c as l } from "./clsx-AexbMWKp.js";
+import '../assets/ProgressBar.css';const d = "_progressBar_1hwve_1", f = "_label_1hwve_9", N = "_value_1hwve_14", g = "_bar_1hwve_19", p = "_fill_1hwve_29", a = {
+  progressBar: d,
+  label: f,
+  value: N,
+  bar: g,
+  fill: p
+}, y = ({
+  label: r,
+  labelProps: s,
+  showValueLabel: m = !1,
+  ...c
+}) => /* @__PURE__ */ e(
+  h,
+  {
+    ...c,
+    className: l(a.progressBar, c.className),
+    children: ({ percentage: i, valueText: n, isIndeterminate: o }) => /* @__PURE__ */ _(v, { children: [
+      r && /* @__PURE__ */ e(
+        t,
+        {
+          elementType: "span",
+          ...s,
+          className: l(s?.className, a.label),
+          children: r
+        }
+      ),
+      m && /* @__PURE__ */ e(
+        t,
+        {
+          elementType: "span",
+          ...s,
+          id: r ? "" : s?.id,
+          className: l(s?.className, a.value),
+          children: n
+        }
+      ),
+      /* @__PURE__ */ e("div", { className: a.bar, children: /* @__PURE__ */ e(
+        "div",
+        {
+          className: a.fill,
+          style: { width: `${o ? 50 : i}%` }
+        }
+      ) })
+    ] })
+  }
+);
+export {
+  y as P
+};

package/chunks/Radio-CRHdSthr.js

@@ -0,0 +1,44 @@
+'use client';
+import { jsx as o, jsxs as u, Fragment as _ } from "react/jsx-runtime";
+import { Radio as f, RadioGroup as h, composeRenderProps as G, Group as R } from "react-aria-components";
+import { c as p } from "./clsx-AexbMWKp.js";
+import { a as x, L as w } from "./Label-Cg0aAlnt.js";
+import { T as E } from "./Text-D0r_W4lH.js";
+import { F as t } from "./FieldError-krpMBtie.js";
+import '../assets/Radio.css';const F = "_radioGroup_1oic0_1", L = "_wrap_1oic0_12", N = "_radio_1oic0_1", i = {
+  radioGroup: F,
+  wrap: L,
+  radio: N
+}, g = ({
+  label: r,
+  description: a,
+  errorMessage: d,
+  children: c,
+  className: e,
+  errorPosition: s = "top",
+  popover: m,
+  ...l
+}) => /* @__PURE__ */ o(
+  h,
+  {
+    ...l,
+    className: p(i.radioGroup, e),
+    children: G(c, (n) => /* @__PURE__ */ u(_, { children: [
+      /* @__PURE__ */ o(x, { popover: m, children: r && /* @__PURE__ */ o(w, { children: r }) }),
+      a && /* @__PURE__ */ o(E, { slot: "description", children: a }),
+      s === "top" && /* @__PURE__ */ o(t, { "data-testid": "fieldError", children: d }),
+      /* @__PURE__ */ o(R, { className: i.wrap, children: n }),
+      s === "bottom" && /* @__PURE__ */ o(t, { "data-testid": "fieldError", children: d })
+    ] }))
+  }
+), k = ({ className: r, ...a }) => /* @__PURE__ */ o(
+  f,
+  {
+    className: p(i.radio, r),
+    ...a
+  }
+);
+export {
+  k as R,
+  g as a
+};

package/chunks/{RangeCalendar-_g_BVyUN.js → RangeCalendar-DL6cCjH3.js}

@@ -3,7 +3,7 @@ import { RangeCalendarContext as h, CalendarGrid as C, CalendarCell as v, Calend
 import { c as y, a as l } from "./clsx-AexbMWKp.js";
 import { F as s } from "./FieldError-krpMBtie.js";
 import * as f from "react";
-import { B as i } from "./Button-D22xOe8j.js";
+import { B as i } from "./Button-GCROAMSl.js";
 import { H as g } from "./Heading-nfcRc2QF.js";
 import { c as R } from "./createLucideIcon-CP-mMPfa.js";
 import { C as x } from "./chevron-right-DvXGOiS_.js";

package/chunks/{SearchField-D2Mm_VUO.js → SearchField-C_wD8YuG.js}

@@ -1,8 +1,8 @@
 'use client';
 import { jsxs as u, jsx as a } from "react/jsx-runtime";
 import { s as y } from "./TextField.module-BDIbEV87.js";
-import { B as C } from "./Button-D22xOe8j.js";
-import { C as F } from "./ClearButton-DfwjeVYh.js";
+import { B as C } from "./Button-GCROAMSl.js";
+import { C as F } from "./ClearButton-DkC8PIMi.js";
 import { c as l } from "./clsx-AexbMWKp.js";
 import * as N from "react";
 import { useSearchFieldState as x } from "react-stately";

package/chunks/{Select-DJ_VE1E4.js → Select-C01v_D--.js}

@@ -1,30 +1,30 @@
-import { jsx as e, Fragment as C, jsxs as i } from "react/jsx-runtime";
-import { SelectStateContext as d, SelectValue as f, Button as p, TagList as N, Select as x } from "react-aria-components";
-import { FocusScope as b } from "@react-aria/focus";
-import { a as T, L as y } from "./Label-BNQY5OnB.js";
-import { a as B, c as g } from "./clsx-AexbMWKp.js";
-import { T as M } from "./Text-D0r_W4lH.js";
-import { F as _ } from "./FieldError-krpMBtie.js";
-import S, { useContext as V } from "react";
-import { C as F } from "./Checkbox-sAkQe7Q9.js";
+import { jsx as e, Fragment as j, jsxs as i } from "react/jsx-runtime";
+import { SelectStateContext as d, SelectValue as f, Button as w, TagList as A, Select as C } from "react-aria-components";
+import { FocusScope as N } from "@react-aria/focus";
+import { a as q, L as x } from "./Label-Cg0aAlnt.js";
+import { a as b, c as _ } from "./clsx-AexbMWKp.js";
+import { T } from "./Text-D0r_W4lH.js";
+import { F as h } from "./FieldError-krpMBtie.js";
+import p, { useContext as S } from "react";
+import { C as y } from "./Checkbox-DSW-_Qpm.js";
 import { u as m } from "./useLocalizedStringFormatter-BHvsRxDk.js";
-import { useFocusManager as L } from "react-aria";
-import { X as I } from "./x-B9bYxG31.js";
-import { L as G } from "./ListBox-BmONCo_D.js";
-import { P as j } from "./Popover-6cnHxDEK.js";
-import { a as k, T as R } from "./TagGroup-YCiXkdo3.js";
-import { C as $ } from "./chevron-down-BBFYYzZq.js";
-import '../assets/Select.css';const w = { clearAll: "Clear all", selectAll: "Select all", selectedItems: "Selected items", selected: "selected" }, z = { clearAll: "Rensa alla", selectAll: "Välj alla", selectedItems: "Valda objekt", selected: "valda" }, u = {
-  en: w,
-  sv: z
-}, D = "_select_1h0s2_1", E = "_triggerContainer_1h0s2_7", K = "_trigger_1h0s2_7", P = "_medium_1h0s2_29", W = "_icon_1h0s2_66", X = "_selectValue_1h0s2_72", q = "_placeholder_1h0s2_78", H = "_multiSelectValue_1h0s2_88", J = "_selectValueTag_1h0s2_112", O = "_clearButton_1h0s2_126", Q = "_truncate_1h0s2_138", U = "_popover_1h0s2_175", Y = "_selectAll_1h0s2_201", Z = "_tagGroup_1h0s2_269", a = {
-  select: D,
-  triggerContainer: E,
-  trigger: K,
-  medium: P,
-  icon: W,
-  selectValue: X,
-  placeholder: q,
+import { useFocusManager as B } from "react-aria";
+import { X as M } from "./x-B9bYxG31.js";
+import { L as F } from "./ListBox-CRtyHPj1.js";
+import { P as L } from "./Popover-CjEPHe4A.js";
+import { a as I, T as G } from "./TagGroup-DPFh8qHR.js";
+import { C as k } from "./chevron-down-BBFYYzZq.js";
+import '../assets/Select.css';const R = { clearAll: "Clear all", selectAll: "Select all", selectedItems: "Selected items", selected: "selected" }, $ = { clearAll: "Rensa alla", selectAll: "Välj alla", selectedItems: "Valda objekt", selected: "valda" }, u = {
+  en: R,
+  sv: $
+}, z = "_select_wjqw8_1", D = "_triggerContainer_wjqw8_7", E = "_trigger_wjqw8_7", K = "_medium_wjqw8_30", P = "_icon_wjqw8_68", W = "_selectValue_wjqw8_74", X = "_placeholder_wjqw8_80", H = "_multiSelectValue_wjqw8_90", J = "_selectValueTag_wjqw8_114", O = "_clearButton_wjqw8_128", Q = "_truncate_wjqw8_140", U = "_popover_wjqw8_177", Y = "_selectAll_wjqw8_205", Z = "_tagGroup_wjqw8_271", a = {
+  select: z,
+  triggerContainer: D,
+  trigger: E,
+  medium: K,
+  icon: P,
+  selectValue: W,
+  placeholder: X,
   multiSelectValue: H,
   selectValueTag: J,
   clearButton: O,
@@ -33,13 +33,13 @@ import '../assets/Select.css';const w = { clearAll: "Clear all", selectAll: "Sel
   selectAll: Y,
   tagGroup: Z
 }, ee = () => {
-  const t = S.useContext(d), c = m(u), r = () => {
+  const t = p.useContext(d), c = m(u), r = () => {
     t?.setValue(
       t?.selectionManager.isSelectAll ? null : Array.from(t.collection.getKeys())
     ), t?.commitValidation();
   };
   return /* @__PURE__ */ e(
-    F,
+    y,
     {
       className: a.selectAll,
       isIndeterminate: !t?.selectionManager.isSelectAll && !t?.selectionManager.isEmpty,
@@ -57,7 +57,7 @@ import '../assets/Select.css';const w = { clearAll: "Clear all", selectAll: "Sel
     {
       className: a.multiSelectValue,
       "data-disabled": t || void 0,
-      children: ({ isPlaceholder: l, selectedItems: n, selectedText: s }) => l ? /* @__PURE__ */ e(C, {}) : /* @__PURE__ */ i(
+      children: ({ isPlaceholder: l, selectedItems: n, selectedText: s }) => l ? /* @__PURE__ */ e(j, {}) : /* @__PURE__ */ i(
         "div",
         {
           className: a.selectValueTag,
@@ -73,11 +73,11 @@ import '../assets/Select.css';const w = { clearAll: "Clear all", selectAll: "Sel
 }, le = ({
   isDisabled: t
 }) => {
-  const c = S.useContext(d), r = m(u), l = L(), n = () => {
+  const c = p.useContext(d), r = m(u), l = B(), n = () => {
     l?.focusFirst(), c?.setValue(null);
   };
   return /* @__PURE__ */ e(
-    p,
+    w,
     {
       "aria-label": r.format("clearAll"),
       className: a.clearButton,
@@ -85,7 +85,7 @@ import '../assets/Select.css';const w = { clearAll: "Clear all", selectAll: "Sel
       slot: null,
       isDisabled: t,
       children: /* @__PURE__ */ e(
-        I,
+        M,
         {
           width: 20,
           height: 20
@@ -97,18 +97,18 @@ import '../assets/Select.css';const w = { clearAll: "Clear all", selectAll: "Sel
   showTags: t,
   isDisabled: c
 }) => {
-  const r = m(u), l = V(d), n = (s) => {
+  const r = m(u), l = S(d), n = (s) => {
     l?.selectionManager.toggleSelection(Array.from(s)[0]);
   };
   return !l?.selectedItems.length || !t ? null : /* @__PURE__ */ e(
-    k,
+    I,
     {
       "aria-label": r.format("selectedItems"),
       className: a.tagGroup,
       onRemove: n,
       selectionBehavior: "toggle",
-      children: /* @__PURE__ */ e(N, { items: l.selectedItems, children: (s) => /* @__PURE__ */ e(
-        R,
+      children: /* @__PURE__ */ e(A, { items: l.selectedItems, children: (s) => /* @__PURE__ */ e(
+        G,
         {
           isDismissable: !0,
           id: s.key,
@@ -125,11 +125,11 @@ import '../assets/Select.css';const w = { clearAll: "Clear all", selectAll: "Sel
   selectionMode: c,
   size: r
 }) => {
-  const l = V(d);
+  const l = S(d);
   return /* @__PURE__ */ i(
-    p,
+    w,
     {
-      className: B(
+      className: b(
         {
           [a.medium]: r === "medium"
         },
@@ -150,34 +150,34 @@ import '../assets/Select.css';const w = { clearAll: "Clear all", selectAll: "Sel
           {
             "aria-hidden": "true",
             className: a.icon,
-            children: /* @__PURE__ */ e($, { size: 20 })
+            children: /* @__PURE__ */ e(k, { size: 20 })
           }
         )
       ]
     }
   );
 };
-function Ae({
+function ve({
   children: t,
   description: c,
   errorMessage: r,
   errorPosition: l = "top",
   items: n,
   label: s,
-  popover: v,
-  popoverProps: h,
-  size: A = "large",
+  popover: V,
+  popoverProps: g,
+  size: v = "large",
   ...o
 }) {
-  return /* @__PURE__ */ e(b, { children: /* @__PURE__ */ i(
-    x,
+  return /* @__PURE__ */ e(N, { children: /* @__PURE__ */ i(
+    C,
     {
       ...o,
-      className: g(o.className, a.select),
+      className: _(o.className, a.select),
       children: [
-        /* @__PURE__ */ e(T, { popover: v, children: s && /* @__PURE__ */ e(y, { "data-disabled": o.isDisabled || void 0, children: s }) }),
-        c && /* @__PURE__ */ e(M, { slot: "description", children: c }),
-        l === "top" && /* @__PURE__ */ e(_, { children: r }),
+        /* @__PURE__ */ e(q, { popover: V, children: s && /* @__PURE__ */ e(x, { "data-disabled": o.isDisabled || void 0, children: s }) }),
+        c && /* @__PURE__ */ e(T, { slot: "description", children: c }),
+        l === "top" && /* @__PURE__ */ e(h, { children: r }),
         /* @__PURE__ */ i(
           "div",
           {
@@ -187,7 +187,7 @@ function Ae({
               /* @__PURE__ */ e(
                 se,
                 {
-                  size: A,
+                  size: v,
                   ...o
                 }
               ),
@@ -195,18 +195,18 @@ function Ae({
             ]
           }
         ),
-        l === "bottom" && /* @__PURE__ */ e(_, { children: r }),
+        l === "bottom" && /* @__PURE__ */ e(h, { children: r }),
         /* @__PURE__ */ i(
-          j,
+          L,
           {
             offset: 0,
             hideArrow: !0,
-            ...h,
-            className: g(h?.className, a.popover),
+            ...g,
+            className: _(g?.className, a.popover),
             children: [
               o.isSelectableAll && /* @__PURE__ */ e(ee, {}),
               /* @__PURE__ */ e(
-                G,
+                F,
                 {
                   escapeKeyBehavior: "none",
                   items: n,
@@ -222,5 +222,5 @@ function Ae({
   ) });
 }
 export {
-  Ae as S
+  ve as S
 };