@midas-ds/components 17.8.2 → 17.9.0

package/chunks/DateRangePicker-B7d3F0qi.js

@@ -1,197 +0,0 @@
-'use client';
-import { jsx as e, jsxs as h } from "react/jsx-runtime";
-import { Group as B, DatePickerStateContext as M, DateRangePickerStateContext as S, Popover as N, Dialog as R, DatePicker as G, DateRangePicker as L } from "react-aria-components";
-import { a as k } from "./clsx-AexbMWKp.js";
-import { C as I, R as O } from "./RangeCalendar-_g_BVyUN.js";
-import { D as P, b as _, a as V } from "./DateInputDivider-DwopMIb9.js";
-import { F as g } from "./FieldError-krpMBtie.js";
-import { a as y, L as v } from "./Label-BNQY5OnB.js";
-import { T as D } from "./Text-D0r_W4lH.js";
-import * as f from "react";
-import { C as j } from "./ClearButton-DfwjeVYh.js";
-import { FocusScope as w, useFocusManager as T } from "@react-aria/focus";
-import { B as $ } from "./Button-D22xOe8j.js";
-import { c as E } from "./createLucideIcon-CP-mMPfa.js";
-import { u as b } from "./useLocalizedStringFormatter-BHvsRxDk.js";
-import '../assets/DateRangePicker.css';const W = [
-  ["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" }]
-], q = E("calendar-days", W), A = { clear: "Clear date", "open-calendar": "Open calendar" }, H = { clear: "Rensa datum", "open-calendar": "Öppna kalender" }, C = {
-  en: A,
-  sv: H
-}, J = "_datePicker_1g3e7_1", K = "_inputField_1g3e7_8", Q = "_medium_1g3e7_24", U = "_readOnly_1g3e7_47", X = "_buttonGroup_1g3e7_52", Y = "_iconButton_1g3e7_58", Z = "_dialog_1g3e7_81", n = {
-  datePicker: J,
-  inputField: K,
-  medium: Q,
-  readOnly: U,
-  buttonGroup: X,
-  iconButton: Y,
-  dialog: Z
-}, z = (t) => !!t && !!t.value && Object.prototype.hasOwnProperty.call(t.value, "start"), ee = ({
-  isClearable: t,
-  isDisabled: c,
-  isReadOnly: i,
-  size: a
-}) => {
-  const r = f.useContext(M), s = f.useContext(S), l = b(C), d = T(), o = s ?? r, p = z(o) ? !!o.value.start && o.value.end : !!o?.value;
-  return t && p && !i ? /* @__PURE__ */ e(
-    j,
-    {
-      onPress: () => {
-        o?.setValue(null), d?.focusFirst();
-      },
-      size: a,
-      isDisabled: c,
-      "aria-label": l.format("clear"),
-      className: k(n.iconButton, {
-        [n.medium]: a === "medium"
-      })
-    }
-  ) : null;
-}, x = ({
-  children: t,
-  isDisabled: c,
-  isInvalid: i,
-  isReadOnly: a,
-  size: r = "large",
-  isClearable: s = !1
-}) => {
-  const l = b(C);
-  return /* @__PURE__ */ e(
-    B,
-    {
-      className: k(n.inputField, {
-        [n.medium]: r === "medium",
-        [n.readOnly]: a
-      }),
-      children: /* @__PURE__ */ h(w, { children: [
-        t,
-        /* @__PURE__ */ h("div", { className: n.buttonGroup, children: [
-          /* @__PURE__ */ e(
-            ee,
-            {
-              isClearable: s,
-              isDisabled: c,
-              isReadOnly: a,
-              size: r
-            }
-          ),
-          /* @__PURE__ */ e(
-            $,
-            {
-              variant: "icon",
-              "aria-label": l.format("open-calendar"),
-              className: k(n.iconButton, {
-                [n.medium]: r === "medium",
-                [n.readOnly]: a
-              }),
-              "data-invalid": i || void 0,
-              size: r,
-              children: /* @__PURE__ */ e(
-                q,
-                {
-                  "aria-hidden": !0,
-                  size: 20
-                }
-              )
-            }
-          )
-        ] })
-      ] })
-    }
-  );
-}, F = ({
-  children: t
-}) => /* @__PURE__ */ e(N, { children: /* @__PURE__ */ e(R, { className: n.dialog, children: t }) }), he = ({
-  className: t,
-  description: c,
-  errorMessage: i,
-  errorPosition: a = "top",
-  label: r,
-  popover: s,
-  isClearable: l = !1,
-  isReadOnly: d,
-  isDisabled: o,
-  size: p,
-  ...m
-}) => /* @__PURE__ */ h(
-  G,
-  {
-    className: k(n.datePicker, t),
-    isReadOnly: d,
-    isDisabled: o,
-    ...m,
-    children: [
-      /* @__PURE__ */ e(y, { popover: s, children: r && /* @__PURE__ */ e(v, { children: r }) }),
-      c && /* @__PURE__ */ e(D, { slot: "description", children: c }),
-      a === "top" && /* @__PURE__ */ e(g, { children: i }),
-      /* @__PURE__ */ e(
-        x,
-        {
-          isClearable: l,
-          isReadOnly: d,
-          isDisabled: o,
-          size: p,
-          ...m,
-          children: /* @__PURE__ */ e(P, { children: (u) => /* @__PURE__ */ e(_, { segment: u }) })
-        }
-      ),
-      a === "bottom" && /* @__PURE__ */ e(g, { children: i }),
-      /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e(I, {}) })
-    ]
-  }
-), ke = ({
-  className: t,
-  description: c,
-  errorMessage: i,
-  errorPosition: a = "top",
-  label: r,
-  popover: s,
-  isClearable: l = !1,
-  isReadOnly: d,
-  isDisabled: o,
-  size: p,
-  ...m
-}) => /* @__PURE__ */ h(
-  L,
-  {
-    className: k(n.datePicker, t),
-    isReadOnly: d,
-    isDisabled: o,
-    ...m,
-    children: [
-      /* @__PURE__ */ e(y, { popover: s, children: r && /* @__PURE__ */ e(v, { children: r }) }),
-      c && /* @__PURE__ */ e(D, { slot: "description", children: c }),
-      a === "top" && /* @__PURE__ */ e(g, { children: i }),
-      /* @__PURE__ */ h(
-        x,
-        {
-          isClearable: l,
-          isReadOnly: d,
-          isDisabled: o,
-          size: p,
-          ...m,
-          children: [
-            /* @__PURE__ */ e(P, { slot: "start", children: (u) => /* @__PURE__ */ e(_, { segment: u }) }),
-            /* @__PURE__ */ e(V, {}),
-            /* @__PURE__ */ e(P, { slot: "end", children: (u) => /* @__PURE__ */ e(_, { segment: u }) })
-          ]
-        }
-      ),
-      a === "bottom" && /* @__PURE__ */ e(g, { children: i }),
-      /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e(O, {}) })
-    ]
-  }
-);
-export {
-  he as D,
-  ke as a
-};

package/chunks/InfoBanner-BIDGEIpk.js

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

package/chunks/Link-rqGQvFQq.js

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

package/chunks/ProgressBar-BIfkrfrH.js

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

package/chunks/Radio-D-sGYrD6.js

@@ -1,44 +0,0 @@
-'use client';
-import { jsx as r, 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-BNQY5OnB.js";
-import { T as z } from "./Text-D0r_W4lH.js";
-import { F as t } from "./FieldError-krpMBtie.js";
-import '../assets/Radio.css';const E = "_radioGroup_1ls9z_1", F = "_wrap_1ls9z_12", L = "_radio_1ls9z_1", s = {
-  radioGroup: E,
-  wrap: F,
-  radio: L
-}, W = ({
-  label: o,
-  description: a,
-  errorMessage: i,
-  children: e,
-  className: c,
-  errorPosition: d = "top",
-  popover: l,
-  ...m
-}) => /* @__PURE__ */ r(
-  h,
-  {
-    ...m,
-    className: p(s.radioGroup, c),
-    children: G(e, (n) => /* @__PURE__ */ u(_, { children: [
-      /* @__PURE__ */ r(x, { popover: l, children: o && /* @__PURE__ */ r(w, { children: o }) }),
-      a && /* @__PURE__ */ r(z, { slot: "description", children: a }),
-      d === "top" && /* @__PURE__ */ r(t, { "data-testid": "fieldError", children: i }),
-      /* @__PURE__ */ r(R, { className: s.wrap, children: n }),
-      d === "bottom" && /* @__PURE__ */ r(t, { "data-testid": "fieldError", children: i })
-    ] }))
-  }
-), g = ({ className: o, ...a }) => /* @__PURE__ */ r(
-  f,
-  {
-    className: p(s.radio, o),
-    ...a
-  }
-);
-export {
-  g as R,
-  W as a
-};

package/chunks/SearchField-D2Mm_VUO.js

@@ -1,128 +0,0 @@
-'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 { c as l } from "./clsx-AexbMWKp.js";
-import * as N from "react";
-import { useSearchFieldState as x } from "react-stately";
-import { useSearchField as j } from "react-aria";
-import { F as f } from "./FieldError-krpMBtie.js";
-import { c as p } from "./createLucideIcon-CP-mMPfa.js";
-import { u as B } from "./useLocalizedStringFormatter-BHvsRxDk.js";
-import '../assets/SearchField.css';const D = [
-  ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
-  ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
-], E = p("search", D), k = "_container_19q7q_1", P = "_inner_19q7q_10", T = "_inputContainer_19q7q_15", w = "_medium_19q7q_21", I = "_icon_19q7q_26", K = "_clear_19q7q_39", L = "_input_19q7q_15", n = {
-  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
-};
-function O(r) {
-  return !!r?.length;
-}
-const Z = ({
-  errorPosition: r = "top",
-  size: i = "large",
-  ...e
-}) => {
-  const { value: t, setValue: m } = x(e), b = B(V), d = N.useRef(null), { inputProps: o, isInvalid: c, validationErrors: h, clearButtonProps: q } = j(
-    {
-      ...e,
-      label: e.placeholder,
-      validationBehavior: "native"
-    },
-    { value: t, setValue: m },
-    d
-  ), v = ({ target: s }) => m(s.value), S = () => m(""), _ = () => {
-    if (e.validate && O(e.validate(t)) || c || !t) {
-      d.current?.focus();
-      return;
-    }
-    e.onSubmit && e.onSubmit(t);
-  }, g = ({ key: s }) => {
-    s === "Enter" && _();
-  };
-  return /* @__PURE__ */ u(
-    "div",
-    {
-      className: l(n.container, e.className),
-      "data-disabled": o.disabled,
-      children: [
-        r === "top" && /* @__PURE__ */ a(f, { isInvalid: c, children: e.errorMessage ?? h.join(" ") }),
-        /* @__PURE__ */ u("div", { className: n.inner, children: [
-          /* @__PURE__ */ u(
-            "div",
-            {
-              className: l(n.inputContainer, {
-                [n.medium]: i === "medium"
-              }),
-              children: [
-                /* @__PURE__ */ a(
-                  E,
-                  {
-                    size: 20,
-                    className: n.icon
-                  }
-                ),
-                /* @__PURE__ */ a(
-                  "input",
-                  {
-                    ...o,
-                    ...o.disabled && { "data-disabled": !0 },
-                    className: l(
-                      y.input,
-                      n.input,
-                      o.className,
-                      { [n.medium]: i === "medium" }
-                    ),
-                    ref: d,
-                    onChange: v,
-                    value: t,
-                    "aria-invalid": c,
-                    onKeyDown: g,
-                    "aria-label": e.placeholder,
-                    "aria-labelledby": ""
-                  }
-                ),
-                t.length > 0 && /* @__PURE__ */ a(
-                  F,
-                  {
-                    ...q,
-                    onPress: S,
-                    size: i,
-                    className: l(n.clear, {
-                      [n.medium]: i === "medium"
-                    })
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ a(
-            C,
-            {
-              size: i,
-              isDisabled: e.isDisabled,
-              excludeFromTabOrder: !0,
-              onPress: _,
-              type: "button",
-              children: e.buttonText ? e.buttonText : b.format("search")
-            }
-          )
-        ] }),
-        r === "bottom" && /* @__PURE__ */ a(f, { isInvalid: c, children: e.errorMessage ?? h.join(" ") })
-      ]
-    }
-  );
-};
-export {
-  Z as S
-};

package/chunks/Separator-CkVOLF6I.js

@@ -1,76 +0,0 @@
-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
-};