@midas-ds/components 17.8.2 → 17.8.3

package/chunks/{Checkbox-sAkQe7Q9.js → Checkbox-DSW-_Qpm.js}

@@ -1,18 +1,18 @@
-import { jsxs as S, jsx as t } from "react/jsx-runtime";
-import H, { forwardRef as u, useContext as j, useRef as z } from "react";
+import { jsxs as L, jsx as t } from "react/jsx-runtime";
+import S, { forwardRef as l, useContext as H, useRef as j } from "react";
 import { VisuallyHidden as D, mergeProps as h, useCheckboxGroupItem as M, useCheckbox as O, useHover as V, usePress as q, useFocusRing as w } from "react-aria";
 import { useContextProps as A, CheckboxContext as T, useSlottedContext as E, FormContext as J } from "react-aria-components";
 import { a as x } from "./clsx-AexbMWKp.js";
-import { variables as k } from "@midas-ds/theme";
+import { variables as m } from "@midas-ds/theme";
 import { c as K } from "./createLucideIcon-CP-mMPfa.js";
 import { C as Q } from "./check-Bt2UikoU.js";
 import { useToggleState as U } from "@react-stately/toggle";
-import '../assets/Checkbox.css';const W = [["path", { d: "M5 12h14", key: "1ays0h" }]], X = K("minus", W), Y = H.createContext(null), Z = "_checkboxInner_3tk0i_1", $ = "_checkbox_3tk0i_1", ee = "_checkboxGroup_3tk0i_143", oe = "_checkboxList_3tk0i_154", m = {
+import '../assets/Checkbox.css';const W = [["path", { d: "M5 12h14", key: "1ays0h" }]], X = K("minus", W), Y = S.createContext(null), Z = "_checkboxInner_rzhlf_1", $ = "_checkbox_rzhlf_1", ee = "_checkboxGroup_rzhlf_144", oe = "_checkboxList_rzhlf_155", b = {
   checkboxInner: Z,
   checkbox: $,
   checkboxGroup: ee,
   checkboxList: oe
-}, l = u(
+}, u = l(
   ({
     hoverResult: e,
     pressResult: o,
@@ -23,49 +23,49 @@ import '../assets/Checkbox.css';const W = [["path", { d: "M5 12h14", key: "1ays0
     isSelected: r,
     isIndeterminate: s,
     isDisabled: d,
-    isInvalid: C,
-    isReadOnly: f,
+    isInvalid: f,
+    isReadOnly: C,
     isRequired: _,
     inputProps: p,
     inputRef: I,
     children: R
   }, y) => {
-    const { hoverProps: G, isHovered: P } = e, { pressProps: g, isPressed: N } = o, { isFocused: B, isFocusVisible: F, focusProps: L } = c;
-    return /* @__PURE__ */ S(
+    const { hoverProps: G, isHovered: P } = e, { pressProps: g, isPressed: N } = o, { isFocused: z, isFocusVisible: B, focusProps: F } = c;
+    return /* @__PURE__ */ L(
       "label",
       {
         ref: y,
         ...h(G, g, i),
         slot: n || void 0,
-        className: x(m.checkbox, a),
+        className: x(b.checkbox, a),
         "data-hovered": P || void 0,
         "data-selected": r || void 0,
         "data-indeterminate": s || void 0,
         "data-pressed": N || void 0,
         "data-disabled": d || void 0,
-        "data-readonly": f || void 0,
-        "data-invalid": C || void 0,
-        "data-focused": B || void 0,
-        "data-focus-visible": F || void 0,
+        "data-readonly": C || void 0,
+        "data-invalid": f || void 0,
+        "data-focused": z || void 0,
+        "data-focus-visible": B || void 0,
         "data-required": _ || void 0,
         children: [
-          /* @__PURE__ */ t("div", { className: x(m.checkboxInner), children: s ? /* @__PURE__ */ t(
+          /* @__PURE__ */ t("div", { className: x(b.checkboxInner), children: s ? /* @__PURE__ */ t(
             X,
             {
               size: 14,
-              color: k.iconOnColor
+              color: m.iconOnColor
             }
           ) : /* @__PURE__ */ t(
             Q,
             {
               size: 14,
-              color: k.iconOnColor
+              color: m.iconOnColor
             }
           ) }),
           /* @__PURE__ */ t(D, { children: /* @__PURE__ */ t(
             "input",
             {
-              ...h(p, L),
+              ...h(p, F),
               ref: I
             }
           ) }),
@@ -75,8 +75,8 @@ import '../assets/Checkbox.css';const W = [["path", { d: "M5 12h14", key: "1ays0
     );
   }
 );
-l.displayName = "CheckboxInner";
-const b = u((e, o) => {
+u.displayName = "CheckboxInner";
+const k = l((e, o) => {
   const c = M(
     {
       ...e,
@@ -86,7 +86,7 @@ const b = u((e, o) => {
     e.inputRef
   );
   return /* @__PURE__ */ t(
-    l,
+    u,
     {
       ...e,
       ...c,
@@ -94,11 +94,11 @@ const b = u((e, o) => {
     }
   );
 });
-b.displayName = "CheckBoxGroupItem";
-const v = u((e, o) => {
+k.displayName = "CheckBoxGroupItem";
+const v = l((e, o) => {
   const c = O(e, U(e), e.inputRef);
   return /* @__PURE__ */ t(
-    l,
+    u,
     {
       ...e,
       ...c,
@@ -107,15 +107,15 @@ const v = u((e, o) => {
   );
 });
 v.displayName = "SingleCheckbox";
-const te = u(
+const te = l(
   (e, o) => {
     [e, o] = A(e, o, T);
-    const c = E(J), i = e.validationBehavior ?? c?.validationBehavior ?? "native", n = j(Y), a = z(null), r = V(e), s = q({
+    const c = E(J), i = e.validationBehavior ?? c?.validationBehavior ?? "native", n = H(Y), a = j(null), r = V(e), s = q({
       ref: o,
       isDisabled: e.isDisabled
     }), d = w();
     return n ? /* @__PURE__ */ t(
-      b,
+      k,
       {
         ...e,
         state: n,
@@ -142,5 +142,5 @@ te.displayName = "Checkbox";
 export {
   te as C,
   Y as a,
-  m as s
+  b as s
 };

package/chunks/{CheckboxGroup-DY8sC9ro.js → CheckboxGroup-DteJIgnR.js}

@@ -1,10 +1,10 @@
 import { jsx as o, jsxs as h } from "react/jsx-runtime";
 import { useCheckboxGroup as C } from "react-aria";
 import { useCheckboxGroupState as v } from "react-stately";
-import { a as k, L as S } from "./Label-BNQY5OnB.js";
+import { a as k, L as S } from "./Label-Cg0aAlnt.js";
 import { T as y } from "./Text-D0r_W4lH.js";
 import * as r from "react";
-import { C as d, s as u, a as g } from "./Checkbox-sAkQe7Q9.js";
+import { C as d, s as u, a as g } from "./Checkbox-DSW-_Qpm.js";
 import { FieldErrorContext as A } from "react-aria-components";
 import { F as P } from "./FieldError-krpMBtie.js";
 import { u as V } from "./useLocalizedStringFormatter-BHvsRxDk.js";

package/chunks/{ClearButton-DfwjeVYh.js → ClearButton-DkC8PIMi.js}

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as r } from "react/jsx-runtime";
-import { B as o } from "./Button-D22xOe8j.js";
+import { B as o } from "./Button-GCROAMSl.js";
 import { X as i } from "./x-B9bYxG31.js";
 const m = (t) => /* @__PURE__ */ r(
   o,

package/chunks/{ColorSchemeSwitch-D52V0sr3.js → ColorSchemeSwitch-gD9pFu9h.js}

@@ -2,7 +2,7 @@
 import { jsxs as o, jsx as e } from "react/jsx-runtime";
 import * as m from "react";
 import { VisuallyHidden as c } from "react-aria";
-import { a as g, T as r } from "./ToggleButtonGroup-Bv9xpwTT.js";
+import { a as g, T as r } from "./ToggleButtonGroup-DRnEEi5-.js";
 import { c as l } from "./createLucideIcon-CP-mMPfa.js";
 import { u } from "./useLocalizedStringFormatter-BHvsRxDk.js";
 import '../assets/ColorSchemeSwitch.css';const k = [

package/chunks/{ComboBox-BGMkkxN2.js → ComboBox-BEUfJ6IN.js}

@@ -2,20 +2,20 @@
 import { jsxs as c, jsx as o } from "react/jsx-runtime";
 import F from "react";
 import { ComboBox as w, Input as j, Button as v } from "react-aria-components";
-import { c as s } from "./clsx-AexbMWKp.js";
-import { a as R, L as y } from "./Label-BNQY5OnB.js";
-import { T as B } from "./Text-D0r_W4lH.js";
+import { c as e } from "./clsx-AexbMWKp.js";
+import { a as R, L as y } from "./Label-Cg0aAlnt.js";
+import { T as z } from "./Text-D0r_W4lH.js";
 import { F as u } from "./FieldError-krpMBtie.js";
-import { L as C } from "./ListBox-BmONCo_D.js";
-import { a as N, L as g } from "./ListBoxEmptyState-7VzB4KvQ.js";
-import { C as E } from "./chevron-down-BBFYYzZq.js";
-import { u as S } from "./useLocalizedStringFormatter-BHvsRxDk.js";
-import '../assets/ComboBox.css';const T = "_combobox_to3lj_1", I = "_inputField_to3lj_6", O = "_medium_to3lj_28", U = "_wrap_to3lj_80", z = "_button_to3lj_85", D = "_icon_to3lj_121", t = {
-  combobox: T,
-  inputField: I,
-  medium: O,
-  wrap: U,
-  button: z,
+import { L as B } from "./ListBox-CRtyHPj1.js";
+import { a as C, L as N } from "./ListBoxEmptyState-D6Jvy1WT.js";
+import { C as g } from "./chevron-down-BBFYYzZq.js";
+import { u as E } from "./useLocalizedStringFormatter-BHvsRxDk.js";
+import '../assets/ComboBox.css';const S = "_combobox_ssz8j_1", T = "_inputField_ssz8j_6", I = "_medium_ssz8j_28", O = "_wrap_ssz8j_80", U = "_button_ssz8j_85", D = "_icon_ssz8j_122", t = {
+  combobox: S,
+  inputField: T,
+  medium: I,
+  wrap: O,
+  button: U,
   icon: D
 }, M = { showList: "Show list", noResultsFound: "No results found" }, V = { showList: "Visa lista", noResultsFound: "Inga träffar" }, W = {
   en: M,
@@ -32,47 +32,47 @@ function Y({
   size: m = "large",
   popover: h,
   listBoxProps: b,
-  ...e
+  ...s
 }) {
-  const l = F.useRef(null), d = S(W), x = (L) => {
-    L.currentTarget.value && l.current?.select();
+  const d = F.useRef(null), l = E(W), x = (L) => {
+    L.currentTarget.value && d.current?.select();
   };
   return /* @__PURE__ */ c(
     w,
     {
-      className: s(t.combobox, _),
-      ...e,
-      "data-readonly": e.isReadOnly || void 0,
+      className: e(t.combobox, _),
+      ...s,
+      "data-readonly": s.isReadOnly || void 0,
       children: [
         /* @__PURE__ */ o(R, { popover: h, children: i && /* @__PURE__ */ o(y, { children: i }) }),
-        r && /* @__PURE__ */ o(B, { slot: "description", children: r }),
+        r && /* @__PURE__ */ o(z, { slot: "description", children: r }),
         a === "top" && /* @__PURE__ */ o(u, { "data-testid": "fieldError", children: n }),
         /* @__PURE__ */ c("div", { className: t.wrap, children: [
           /* @__PURE__ */ o(
             j,
             {
-              className: s(t.inputField, {
+              className: e(t.inputField, {
                 [t.medium]: m === "medium"
               }),
-              "data-readonly": e.isReadOnly || void 0,
+              "data-readonly": s.isReadOnly || void 0,
               onMouseUp: x,
-              ref: l
+              ref: d
             }
           ),
           /* @__PURE__ */ o(
             v,
             {
-              className: s(t.button, {
+              className: e(t.button, {
                 [t.medium]: m === "medium"
               }),
-              "aria-label": d.format("showList"),
+              "aria-label": l.format("showList"),
               children: /* @__PURE__ */ o(
                 "div",
                 {
                   className: t.icon,
                   "aria-hidden": "true",
                   children: /* @__PURE__ */ o(
-                    E,
+                    g,
                     {
                       size: 20,
                       "aria-hidden": !0
@@ -84,11 +84,11 @@ function Y({
           )
         ] }),
         a === "bottom" && /* @__PURE__ */ o(u, { "data-testid": "fieldError", children: n }),
-        /* @__PURE__ */ o(N, { offset: 4, children: /* @__PURE__ */ o(
-          C,
+        /* @__PURE__ */ o(C, { offset: 4, children: /* @__PURE__ */ o(
+          B,
           {
             items: f,
-            renderEmptyState: () => /* @__PURE__ */ o(g, { children: d.format("noResultsFound") }),
+            renderEmptyState: () => /* @__PURE__ */ o(N, { children: l.format("noResultsFound") }),
             ...b,
             children: p
           }

package/chunks/{DateField-kEqIc-Nc.js → DateField-Bwis4G2o.js}

@@ -4,9 +4,9 @@ import { DateField as h, DateFieldStateContext as D } from "react-aria-component
 import { c as d } from "./clsx-AexbMWKp.js";
 import { D as g, b as B } from "./DateInputDivider-DwopMIb9.js";
 import { F } from "./FieldError-krpMBtie.js";
-import { a as C, L as b } from "./Label-BNQY5OnB.js";
+import { a as C, L as b } from "./Label-Cg0aAlnt.js";
 import { T as L } from "./Text-D0r_W4lH.js";
-import { C as S } from "./ClearButton-DfwjeVYh.js";
+import { C as S } from "./ClearButton-DkC8PIMi.js";
 import { FocusScope as v, useFocusManager as N } from "@react-aria/focus";
 import { u as V } from "./useLocalizedStringFormatter-BHvsRxDk.js";
 import '../assets/DateField.css';const j = { clear: "Clear date" }, T = { clear: "Rensa datum" }, E = {

package/chunks/DateRangePicker-5E41DzGI.js

@@ -0,0 +1,198 @@
+'use client';
+import { jsx as e, jsxs as h } from "react/jsx-runtime";
+import { Group as F, DatePickerStateContext as B, DateRangePickerStateContext as M, Popover as N, Dialog as S, DatePicker as R, DateRangePicker as G } from "react-aria-components";
+import { a as k } from "./clsx-AexbMWKp.js";
+import { C as L, R as w } from "./RangeCalendar-DL6cCjH3.js";
+import { D as P, b as f, a as I } from "./DateInputDivider-DwopMIb9.js";
+import { F as _ } from "./FieldError-krpMBtie.js";
+import { a as g, L as y } from "./Label-Cg0aAlnt.js";
+import { T as D } from "./Text-D0r_W4lH.js";
+import * as v from "react";
+import { C as O } from "./ClearButton-DkC8PIMi.js";
+import { FocusScope as V, useFocusManager as T } from "@react-aria/focus";
+import { B as $ } from "./Button-GCROAMSl.js";
+import { c as A } from "./createLucideIcon-CP-mMPfa.js";
+import { u as b } from "./useLocalizedStringFormatter-BHvsRxDk.js";
+import '../assets/DateRangePicker.css';const E = [
+  ["path", { d: "M8 2v4", key: "1cmpym" }],
+  ["path", { d: "M16 2v4", key: "4m81vk" }],
+  ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
+  ["path", { d: "M3 10h18", key: "8toen8" }],
+  ["path", { d: "M8 14h.01", key: "6423bh" }],
+  ["path", { d: "M12 14h.01", key: "1etili" }],
+  ["path", { d: "M16 14h.01", key: "1gbofw" }],
+  ["path", { d: "M8 18h.01", key: "lrp35t" }],
+  ["path", { d: "M12 18h.01", key: "mhygvu" }],
+  ["path", { d: "M16 18h.01", key: "kzsmim" }]
+], W = A("calendar-days", E), q = { clear: "Clear date", "open-calendar": "Open calendar" }, H = { clear: "Rensa datum", "open-calendar": "Öppna kalender" }, j = {
+  en: q,
+  sv: H
+}, J = "_datePicker_13jtn_1", K = "_inputField_13jtn_8", Q = "_medium_13jtn_24", U = "_readOnly_13jtn_47", X = "_buttonGroup_13jtn_52", Y = "_iconButton_13jtn_58", Z = "_popover_13jtn_81 _dropdownAnimation_1ljkv_4", z = "_dialog_13jtn_85", a = {
+  datePicker: J,
+  inputField: K,
+  medium: Q,
+  readOnly: U,
+  buttonGroup: X,
+  iconButton: Y,
+  popover: Z,
+  dialog: z
+}, ee = (t) => !!t && !!t.value && Object.prototype.hasOwnProperty.call(t.value, "start"), te = ({
+  isClearable: t,
+  isDisabled: c,
+  isReadOnly: i,
+  size: n
+}) => {
+  const o = v.useContext(B), s = v.useContext(M), l = b(j), d = T(), r = s ?? o, u = ee(r) ? !!r.value.start && r.value.end : !!r?.value;
+  return t && u && !i ? /* @__PURE__ */ e(
+    O,
+    {
+      onPress: () => {
+        r?.setValue(null), d?.focusFirst();
+      },
+      size: n,
+      isDisabled: c,
+      "aria-label": l.format("clear"),
+      className: k(a.iconButton, {
+        [a.medium]: n === "medium"
+      })
+    }
+  ) : null;
+}, C = ({
+  children: t,
+  isDisabled: c,
+  isInvalid: i,
+  isReadOnly: n,
+  size: o = "large",
+  isClearable: s = !1
+}) => {
+  const l = b(j);
+  return /* @__PURE__ */ e(
+    F,
+    {
+      className: k(a.inputField, {
+        [a.medium]: o === "medium",
+        [a.readOnly]: n
+      }),
+      children: /* @__PURE__ */ h(V, { children: [
+        t,
+        /* @__PURE__ */ h("div", { className: a.buttonGroup, children: [
+          /* @__PURE__ */ e(
+            te,
+            {
+              isClearable: s,
+              isDisabled: c,
+              isReadOnly: n,
+              size: o
+            }
+          ),
+          /* @__PURE__ */ e(
+            $,
+            {
+              variant: "icon",
+              "aria-label": l.format("open-calendar"),
+              className: k(a.iconButton, {
+                [a.medium]: o === "medium",
+                [a.readOnly]: n
+              }),
+              "data-invalid": i || void 0,
+              size: o,
+              children: /* @__PURE__ */ e(
+                W,
+                {
+                  "aria-hidden": !0,
+                  size: 20
+                }
+              )
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+}, x = ({
+  children: t
+}) => /* @__PURE__ */ e(N, { className: a.popover, children: /* @__PURE__ */ e(S, { className: a.dialog, children: t }) }), ke = ({
+  className: t,
+  description: c,
+  errorMessage: i,
+  errorPosition: n = "top",
+  label: o,
+  popover: s,
+  isClearable: l = !1,
+  isReadOnly: d,
+  isDisabled: r,
+  size: u,
+  ...m
+}) => /* @__PURE__ */ h(
+  R,
+  {
+    className: k(a.datePicker, t),
+    isReadOnly: d,
+    isDisabled: r,
+    ...m,
+    children: [
+      /* @__PURE__ */ e(g, { popover: s, children: o && /* @__PURE__ */ e(y, { children: o }) }),
+      c && /* @__PURE__ */ e(D, { slot: "description", children: c }),
+      n === "top" && /* @__PURE__ */ e(_, { children: i }),
+      /* @__PURE__ */ e(
+        C,
+        {
+          isClearable: l,
+          isReadOnly: d,
+          isDisabled: r,
+          size: u,
+          ...m,
+          children: /* @__PURE__ */ e(P, { children: (p) => /* @__PURE__ */ e(f, { segment: p }) })
+        }
+      ),
+      n === "bottom" && /* @__PURE__ */ e(_, { children: i }),
+      /* @__PURE__ */ e(x, { children: /* @__PURE__ */ e(L, {}) })
+    ]
+  }
+), _e = ({
+  className: t,
+  description: c,
+  errorMessage: i,
+  errorPosition: n = "top",
+  label: o,
+  popover: s,
+  isClearable: l = !1,
+  isReadOnly: d,
+  isDisabled: r,
+  size: u,
+  ...m
+}) => /* @__PURE__ */ h(
+  G,
+  {
+    className: k(a.datePicker, t),
+    isReadOnly: d,
+    isDisabled: r,
+    ...m,
+    children: [
+      /* @__PURE__ */ e(g, { popover: s, children: o && /* @__PURE__ */ e(y, { children: o }) }),
+      c && /* @__PURE__ */ e(D, { slot: "description", children: c }),
+      n === "top" && /* @__PURE__ */ e(_, { children: i }),
+      /* @__PURE__ */ h(
+        C,
+        {
+          isClearable: l,
+          isReadOnly: d,
+          isDisabled: r,
+          size: u,
+          ...m,
+          children: [
+            /* @__PURE__ */ e(P, { slot: "start", children: (p) => /* @__PURE__ */ e(f, { segment: p }) }),
+            /* @__PURE__ */ e(I, {}),
+            /* @__PURE__ */ e(P, { slot: "end", children: (p) => /* @__PURE__ */ e(f, { segment: p }) })
+          ]
+        }
+      ),
+      n === "bottom" && /* @__PURE__ */ e(_, { children: i }),
+      /* @__PURE__ */ e(x, { children: /* @__PURE__ */ e(w, {}) })
+    ]
+  }
+);
+export {
+  ke as D,
+  _e as a
+};

package/chunks/{Dialog-SBj6IJAF.js → Dialog-BSWBlyJI.js}

@@ -1,19 +1,19 @@
 import { jsx as o, jsxs as e } from "react/jsx-runtime";
-import { ModalOverlay as i, Modal as c, Dialog as n } from "react-aria-components";
-import { B as _ } from "./Button-D22xOe8j.js";
-import { H as h } from "./Heading-nfcRc2QF.js";
+import { ModalOverlay as c, Modal as i, Dialog as n } from "react-aria-components";
+import { B as _ } from "./Button-GCROAMSl.js";
+import { H as p } from "./Heading-nfcRc2QF.js";
 import { c as y } from "./clsx-AexbMWKp.js";
 import { X as v } from "./x-B9bYxG31.js";
 import { u as f } from "./useLocalizedStringFormatter-BHvsRxDk.js";
-import '../assets/Dialog.css';const p = "_modal_10hiu_1", u = "_overlay_10hiu_24", g = "_modalHeader_10hiu_48", B = "_modalTitle_10hiu_59", H = "_modalBody_10hiu_65", a = {
-  modal: p,
-  overlay: u,
-  modalHeader: g,
-  modalTitle: B,
-  modalBody: H
-}, x = { close: "Close" }, M = { close: "Stäng" }, N = {
-  en: x,
-  sv: M
+import '../assets/Dialog.css';const h = "_modal_cs32p_1", g = "_overlay_cs32p_24", B = "_modalHeader_cs32p_50", H = "_modalTitle_cs32p_61", x = "_modalBody_cs32p_67", a = {
+  modal: h,
+  overlay: g,
+  modalHeader: B,
+  modalTitle: H,
+  modalBody: x
+}, M = { close: "Close" }, N = { close: "Stäng" }, T = {
+  en: M,
+  sv: N
 }, F = ({
   children: s,
   title: l,
@@ -21,16 +21,16 @@ import '../assets/Dialog.css';const p = "_modal_10hiu_1", u = "_overlay_10hiu_24
   className: t,
   ...d
 }) => {
-  const m = f(N);
+  const m = f(T);
   return /* @__PURE__ */ o(
-    i,
+    c,
     {
       ...d,
       className: y(a.overlay, t),
-      children: /* @__PURE__ */ o(c, { className: a.modal, children: /* @__PURE__ */ e(n, { children: [
+      children: /* @__PURE__ */ o(i, { className: a.modal, children: /* @__PURE__ */ e(n, { children: [
         /* @__PURE__ */ e("div", { className: a.modalHeader, children: [
           /* @__PURE__ */ o("div", { className: a.modalTitle, children: l && /* @__PURE__ */ o(
-            h,
+            p,
             {
               level: 3,
               elementType: "h2",

package/chunks/InfoBanner-CWLvkP6D.js

@@ -0,0 +1,76 @@
+import { jsxs as e, jsx as n } from "react/jsx-runtime";
+import { c as g } from "./clsx-AexbMWKp.js";
+import { B as h } from "./Button-GCROAMSl.js";
+import { F as x } from "./FeedbackStatusIcon-X9Bjgeta.js";
+import { useControlledState as B } from "@react-stately/utils";
+import { X as N } from "./x-B9bYxG31.js";
+import { u as b } from "./useLocalizedStringFormatter-BHvsRxDk.js";
+import '../assets/InfoBanner.css';const v = "_infoBanner_7d8d1_1", I = "_success_7d8d1_11", S = "_info_7d8d1_1", w = "_important_7d8d1_21", C = "_warning_7d8d1_26", F = "_content_7d8d1_40", O = "_heading_7d8d1_46", j = "_text_7d8d1_51", z = "_icon_7d8d1_66", k = "_dismissable_7d8d1_75", s = {
+  infoBanner: v,
+  success: I,
+  info: S,
+  important: w,
+  warning: C,
+  content: F,
+  heading: O,
+  text: j,
+  icon: z,
+  dismissable: k
+}, L = { close: "Close" }, P = { close: "Stäng" }, X = {
+  en: L,
+  sv: P
+}, J = ({
+  title: o,
+  message: i,
+  type: t,
+  children: c,
+  isDismissable: r = !1,
+  defaultOpen: d = !0,
+  isOpen: l,
+  onOpenChange: m,
+  ...a
+}) => {
+  const [_, f] = B(
+    l,
+    d,
+    m
+  ), u = b(X), p = () => {
+    f(!1);
+  };
+  return _ ? /* @__PURE__ */ e(
+    "aside",
+    {
+      ...a,
+      className: g(s.infoBanner, s[t], a.className),
+      children: [
+        /* @__PURE__ */ n(
+          x,
+          {
+            "aria-hidden": !0,
+            className: s.icon,
+            status: t
+          }
+        ),
+        /* @__PURE__ */ e("div", { className: s.content, children: [
+          o && /* @__PURE__ */ n("strong", { className: s.heading, children: o }),
+          /* @__PURE__ */ e("div", { className: s.text, children: [
+            i,
+            c
+          ] })
+        ] }),
+        r && /* @__PURE__ */ n("div", { className: s.dismissable, children: /* @__PURE__ */ n(
+          h,
+          {
+            variant: "icon",
+            "aria-label": u.format("close"),
+            onPress: p,
+            children: /* @__PURE__ */ n(N, { size: 20 })
+          }
+        ) })
+      ]
+    }
+  ) : null;
+};
+export {
+  J as I
+};

package/chunks/{Label-BNQY5OnB.js → Label-Cg0aAlnt.js}

@@ -3,13 +3,13 @@ import * as b from "react";
 import i, { useContext as f } from "react";
 import { c as v } from "./clsx-AexbMWKp.js";
 import { DialogTrigger as d, Label as g } from "react-aria-components";
-import { P as u } from "./Popover-6cnHxDEK.js";
-import { B as P } from "./Button-D22xOe8j.js";
-import { I as _ } from "./info-N5jWZg2A.js";
-import { u as x } from "./useLocalizedStringFormatter-BHvsRxDk.js";
+import { P as u } from "./Popover-CjEPHe4A.js";
+import { B as P } from "./Button-GCROAMSl.js";
+import { I as x } from "./info-N5jWZg2A.js";
+import { u as _ } from "./useLocalizedStringFormatter-BHvsRxDk.js";
 import '../assets/Label.css';const I = "_labelBase_f5wtf_1", L = {
   labelBase: I
-}, T = "_labelPopover_1iatl_1", B = "_labelPopoverTrigger_1iatl_7", c = {
+}, T = "_labelPopover_1cx2t_1", B = "_labelPopoverTrigger_1cx2t_7", c = {
   labelPopover: T,
   labelPopoverTrigger: B
 }, y = { moreInfo: "More info" }, C = { moreInfo: "Mer information" }, E = {
@@ -19,7 +19,7 @@ import '../assets/Label.css';const I = "_labelBase_f5wtf_1", L = {
   children: e,
   "aria-label": o
 }) => {
-  const a = f(s), t = x(E);
+  const a = f(s), t = _(E);
   return /* @__PURE__ */ n(d, { children: [
     /* @__PURE__ */ r(
       P,
@@ -29,7 +29,7 @@ import '../assets/Label.css';const I = "_labelBase_f5wtf_1", L = {
         className: c.labelPopoverTrigger,
         "aria-label": o || t.format("moreInfo"),
         id: a?.popoverId,
-        children: /* @__PURE__ */ r(_, { size: 20 })
+        children: /* @__PURE__ */ r(x, { size: 20 })
       }
     ),
     /* @__PURE__ */ r(u, { children: e })