@midas-ds/components 15.4.0 → 15.4.1

package/chunks/ListBoxSection-DKHba2X0.js

@@ -0,0 +1,49 @@
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import { ListBoxItem as m, Popover as n, Header as B, ListBoxSection as l } from "react-aria-components";
+import { c as a } from "./clsx-AexbMWKp.js";
+import { s as i } from "./ListBox-D4tO_OrO.js";
+const I = ({
+  children: t,
+  className: o,
+  textValue: s,
+  ...r
+}) => /* @__PURE__ */ e(
+  m,
+  {
+    className: a(i.listBoxItem, o),
+    textValue: s || (typeof t == "string" ? t : void 0),
+    ...r,
+    children: (x) => /* @__PURE__ */ e("div", { className: i.textContent, children: typeof t == "function" ? t(x) : t })
+  }
+), N = ({
+  className: t,
+  children: o,
+  ...s
+}) => /* @__PURE__ */ e(
+  n,
+  {
+    className: a(t, i.listBoxPopover),
+    offset: 0,
+    ...s,
+    children: o
+  }
+), p = ({ className: t, ...o }) => /* @__PURE__ */ e(
+  B,
+  {
+    className: a(i.listBoxSectionHeading, t),
+    ...o
+  }
+), S = ({
+  children: t,
+  name: o,
+  ...s
+}) => /* @__PURE__ */ c(l, { ...s, children: [
+  o && /* @__PURE__ */ e(p, { children: o }),
+  t
+] });
+export {
+  I as L,
+  N as a,
+  S as b,
+  p as c
+};

package/chunks/{Logo-D80UDT1x.js → Logo-InDSslpO.js}

@@ -1,6 +1,6 @@
 import { jsx as c, jsxs as v } from "react/jsx-runtime";
-import { c as o } from "./clsx-CuNqTHjr.js";
-import { u as i } from "./useLocalizedStringFormatter-CPwiI7nv.js";
+import { c as o } from "./clsx-AexbMWKp.js";
+import { u as i } from "./useLocalizedStringFormatter-ZgRJmvHC.js";
 import '../assets/Logo.css';const m = "_container_191fy_1", p = "_noPadding_191fy_6", g = "_logo_191fy_10", f = "_primary_191fy_15", M = "_dark_191fy_23", Z = "_xSmall_191fy_31", _ = "_small_191fy_35", u = "_large_191fy_39", l = {
   container: m,
   noPadding: p,

package/chunks/Popover-BAdqdN6C.js

@@ -0,0 +1,38 @@
+import { jsxs as i, jsx as o } from "react/jsx-runtime";
+import { c } from "./clsx-AexbMWKp.js";
+import { Popover as l, OverlayArrow as v } from "react-aria-components";
+import '../assets/Popover.css';const n = "_popover_94l1i_1", m = "_arrow_94l1i_23", r = {
+  popover: n,
+  arrow: m
+};
+function d({
+  children: e,
+  className: s,
+  offset: p = 4,
+  hideArrow: a = !1,
+  ...t
+}) {
+  return /* @__PURE__ */ i(
+    l,
+    {
+      ...t,
+      offset: p,
+      className: c(r.popover, s),
+      children: [
+        !a && /* @__PURE__ */ o(v, { className: r.arrow, children: /* @__PURE__ */ o(
+          "svg",
+          {
+            width: 8,
+            height: 8,
+            viewBox: "0 0 8 8",
+            children: /* @__PURE__ */ o("path", { d: "M0 0 L4 4 L8 0" })
+          }
+        ) }),
+        e
+      ]
+    }
+  );
+}
+export {
+  d as P
+};

package/chunks/ProgressBar-zeJLxHVL.js

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

package/chunks/Radio-kvQP7E9s.js

@@ -0,0 +1,43 @@
+import { jsx as r, jsxs as n } from "react/jsx-runtime";
+import { Radio as u, RadioGroup as _, Group as f } from "react-aria-components";
+import { c as t } from "./clsx-AexbMWKp.js";
+import { a as G, L as R } from "./Label-D6WuwdAj.js";
+import { T as h } from "./Text-TWzJxnto.js";
+import { F as p } from "./FieldError-C0HRIcAx.js";
+import '../assets/Radio.css';const x = "_radioGroup_1q7p6_1", w = "_wrap_1q7p6_12", q = "_radio_1q7p6_1", i = {
+  radioGroup: x,
+  wrap: w,
+  radio: q
+}, T = ({
+  label: o,
+  description: a,
+  errorMessage: d,
+  children: c,
+  className: e,
+  errorPosition: s = "top",
+  popover: m,
+  ...l
+}) => /* @__PURE__ */ n(
+  _,
+  {
+    ...l,
+    className: t(i.radioGroup, e),
+    children: [
+      /* @__PURE__ */ r(G, { popover: m, children: o && /* @__PURE__ */ r(R, { children: o }) }),
+      a && /* @__PURE__ */ r(h, { slot: "description", children: a }),
+      s === "top" && /* @__PURE__ */ r(p, { "data-testid": "fieldError", children: d }),
+      /* @__PURE__ */ r(f, { className: i.wrap, children: c }),
+      s === "bottom" && /* @__PURE__ */ r(p, { "data-testid": "fieldError", children: d })
+    ]
+  }
+), $ = ({ className: o, ...a }) => /* @__PURE__ */ r(
+  u,
+  {
+    className: t(i.radio, o),
+    ...a
+  }
+);
+export {
+  $ as R,
+  T as a
+};

package/chunks/RangeCalendar-CnquULdq.js

@@ -0,0 +1,99 @@
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import { RangeCalendarContext as h, CalendarGrid as C, CalendarCell as g, Calendar as v, RangeCalendar as _ } from "react-aria-components";
+import { c as p, a as l } from "./clsx-AexbMWKp.js";
+import { F as c } from "./FieldError-C0HRIcAx.js";
+import * as y from "react";
+import { B as i } from "./Button-BMf7mX0N.js";
+import { H as f } from "./Heading-D8tNNJkt.js";
+import { c as R } from "./createLucideIcon-D4r5Phnh.js";
+import { C as x } from "./chevron-right-GpyqdYK4.js";
+import '../assets/RangeCalendar.css';const u = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]], N = R("chevron-left", u), q = "_container_eq3gc_1", I = "_calendar_eq3gc_6", $ = "_day_eq3gc_28", G = "_header_eq3gc_92", H = "_range_eq3gc_159", r = {
+  container: q,
+  calendar: I,
+  day: $,
+  header: G,
+  range: H
+}, s = ({
+  weekdayStyle: d = "short",
+  isReadOnly: n
+}) => {
+  const a = !!y.useContext(h);
+  return /* @__PURE__ */ e(C, { weekdayStyle: d, children: (m) => /* @__PURE__ */ e(
+    g,
+    {
+      date: m,
+      className: p(r.day, a && r.range),
+      "data-readonly": n || void 0
+    }
+  ) });
+}, t = ({
+  isDisabled: d,
+  isReadOnly: n
+}) => /* @__PURE__ */ o("header", { className: r.header, children: [
+  /* @__PURE__ */ e(
+    i,
+    {
+      slot: "previous",
+      size: "medium",
+      "data-readonly": n || void 0,
+      children: /* @__PURE__ */ e(N, {})
+    }
+  ),
+  /* @__PURE__ */ e(
+    f,
+    {
+      level: 3,
+      elementType: "h2",
+      "data-disabled": d || void 0
+    }
+  ),
+  /* @__PURE__ */ e(
+    i,
+    {
+      slot: "next",
+      size: "medium",
+      "data-readonly": n || void 0,
+      children: /* @__PURE__ */ e(x, {})
+    }
+  )
+] }), E = ({
+  className: d,
+  errorMessage: n,
+  ...a
+}) => /* @__PURE__ */ o("div", { className: r.container, children: [
+  /* @__PURE__ */ o(
+    v,
+    {
+      className: l(r.calendar, d),
+      "data-readonly": a.isReadOnly || void 0,
+      ...a,
+      children: [
+        /* @__PURE__ */ e(t, { ...a }),
+        /* @__PURE__ */ e(s, { ...a })
+      ]
+    }
+  ),
+  /* @__PURE__ */ e(c, { isInvalid: a.isInvalid, children: n })
+] }), O = ({
+  className: d,
+  errorMessage: n,
+  ...a
+}) => /* @__PURE__ */ o("div", { className: r.container, children: [
+  /* @__PURE__ */ o(
+    _,
+    {
+      className: l(r.calendar, d),
+      "data-readonly": a.isReadOnly || void 0,
+      ...a,
+      children: [
+        /* @__PURE__ */ e(t, { ...a }),
+        /* @__PURE__ */ e(s, { ...a })
+      ]
+    }
+  ),
+  /* @__PURE__ */ e(c, { isInvalid: a.isInvalid, children: n })
+] });
+export {
+  E as C,
+  O as R
+};

package/chunks/{SearchField-Dr3DAs9W.js → SearchField-B6ygRRL4.js}

@@ -1,30 +1,30 @@
 import { jsxs as u, jsx as n } from "react/jsx-runtime";
-import { s as S } from "./TextField.module-DZslrEPC.js";
-import { B as f } from "./Button-CHs1wv7n.js";
-import { c as l } from "./clsx-CuNqTHjr.js";
-import * as j from "react";
-import { F as _ } from "./FieldError-CZKAYQ-n.js";
-import { s as p } from "./react-stately-DRNKkAB0.js";
-import { a0 as C } from "./react-aria-components-mIKW9wOa.js";
-import { c as F } from "./createLucideIcon-D4r5Phnh.js";
-import { X as $ } from "./x-BXShoIAM.js";
-import { u as B } from "./useLocalizedStringFormatter-CPwiI7nv.js";
-import '../assets/SearchField.css';const D = [
+import { s as N } from "./TextField.module-DZslrEPC.js";
+import { B as _ } from "./Button-BMf7mX0N.js";
+import { c as l } from "./clsx-AexbMWKp.js";
+import * as x from "react";
+import { useSearchFieldState as j } from "react-stately";
+import { useSearchField as C } from "react-aria";
+import { F as f } from "./FieldError-C0HRIcAx.js";
+import { c as p } from "./createLucideIcon-D4r5Phnh.js";
+import { X as B } from "./x-BXShoIAM.js";
+import { u as D } from "./useLocalizedStringFormatter-ZgRJmvHC.js";
+import '../assets/SearchField.css';const E = [
   ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
-], E = F("search", D), k = "_container_basio_1", P = "_inner_basio_10", T = "_inputContainer_basio_15", w = "_medium_basio_21", I = "_icon_basio_26", K = "_clear_basio_39", L = "_input_basio_15", a = {
-  container: k,
-  inner: P,
-  inputContainer: T,
-  medium: w,
-  icon: I,
-  clear: K,
-  input: L
-}, M = { search: "Search" }, R = { search: "Sök" }, V = {
-  en: M,
-  sv: R
+], k = p("search", E), P = "_container_basio_1", T = "_inner_basio_10", w = "_inputContainer_basio_15", I = "_medium_basio_21", K = "_icon_basio_26", L = "_clear_basio_39", M = "_input_basio_15", a = {
+  container: P,
+  inner: T,
+  inputContainer: w,
+  medium: I,
+  icon: K,
+  clear: L,
+  input: M
+}, R = { search: "Search" }, V = { search: "Sök" }, O = {
+  en: R,
+  sv: V
 };
-function O(r) {
+function X(r) {
   return !!r?.length;
 }
 const Z = ({
@@ -32,7 +32,7 @@ const Z = ({
   size: t = "large",
   ...e
 }) => {
-  const { value: i, setValue: d } = p(e), v = B(V), m = j.useRef(null), { inputProps: o, isInvalid: s, validationErrors: b, clearButtonProps: g } = C(
+  const { value: i, setValue: d } = j(e), v = D(O), m = x.useRef(null), { inputProps: o, isInvalid: s, validationErrors: h, clearButtonProps: S } = C(
     {
       ...e,
       label: e.placeholder,
@@ -40,14 +40,14 @@ const Z = ({
     },
     { value: i, setValue: d },
     m
-  ), x = ({ target: c }) => d(c.value), y = () => d(""), h = () => {
-    if (e.validate && O(e.validate(i)) || s || !i) {
+  ), g = ({ target: c }) => d(c.value), y = () => d(""), b = () => {
+    if (e.validate && X(e.validate(i)) || s || !i) {
       m.current?.focus();
       return;
     }
     e.onSubmit && e.onSubmit(i);
-  }, N = ({ key: c }) => {
-    c === "Enter" && h();
+  }, F = ({ key: c }) => {
+    c === "Enter" && b();
   };
   return /* @__PURE__ */ u(
     "div",
@@ -55,7 +55,7 @@ const Z = ({
       className: l(a.container, e.className),
       "data-disabled": o.disabled,
       children: [
-        r === "top" && /* @__PURE__ */ n(_, { isInvalid: s, children: e.errorMessage ?? b.join(" ") }),
+        r === "top" && /* @__PURE__ */ n(f, { isInvalid: s, children: e.errorMessage ?? h.join(" ") }),
         /* @__PURE__ */ u("div", { className: a.inner, children: [
           /* @__PURE__ */ u(
             "div",
@@ -65,7 +65,7 @@ const Z = ({
               }),
               children: [
                 /* @__PURE__ */ n(
-                  E,
+                  k,
                   {
                     size: 20,
                     className: a.icon
@@ -77,22 +77,22 @@ const Z = ({
                     ...o,
                     ...o.disabled && { "data-disabled": !0 },
                     className: l(
-                      S.input,
+                      N.input,
                       a.input,
                       o.className,
                       { [a.medium]: t === "medium" }
                     ),
                     ref: m,
-                    onChange: x,
+                    onChange: g,
                     value: i,
                     "aria-invalid": s,
-                    onKeyDown: N,
+                    onKeyDown: F,
                     "aria-label": e.placeholder,
                     "aria-labelledby": ""
                   }
                 ),
                 i.length > 0 && /* @__PURE__ */ n(
-                  f,
+                  _,
                   {
                     variant: "icon",
                     size: t,
@@ -100,9 +100,9 @@ const Z = ({
                       [a.medium]: t === "medium"
                     }),
                     onPress: y,
-                    ...g,
+                    ...S,
                     children: /* @__PURE__ */ n(
-                      $,
+                      B,
                       {
                         size: 20,
                         "aria-hidden": !0
@@ -114,18 +114,18 @@ const Z = ({
             }
           ),
           /* @__PURE__ */ n(
-            f,
+            _,
             {
               size: t,
               isDisabled: e.isDisabled,
               excludeFromTabOrder: !0,
-              onPress: h,
+              onPress: b,
               type: "button",
               children: e.buttonText ? e.buttonText : v.format("search")
             }
           )
         ] }),
-        r === "bottom" && /* @__PURE__ */ n(_, { isInvalid: s, children: e.errorMessage ?? b.join(" ") })
+        r === "bottom" && /* @__PURE__ */ n(f, { isInvalid: s, children: e.errorMessage ?? h.join(" ") })
       ]
     }
   );