@midas-ds/components 17.15.2 → 17.15.4

package/chunks/ButtonGroup-Dr6HOBo2.js

@@ -1,22 +0,0 @@
-import { jsx as s } from "react/jsx-runtime";
-import { c as a } from "./clsx-AexbMWKp.js";
-import '../assets/ButtonGroup.css';const n = "_buttonGroup_o1hqg_1", p = {
-  buttonGroup: n
-}, b = ({
-  children: o,
-  className: t,
-  "aria-label": r,
-  ...u
-}) => /* @__PURE__ */ s(
-  "div",
-  {
-    role: "group",
-    "aria-label": r,
-    className: a(p.buttonGroup, t),
-    ...u,
-    children: o
-  }
-);
-export {
-  b as B
-};

package/chunks/CardHeader-BnwDMzW9.js

@@ -1,184 +0,0 @@
-import { jsx as c, jsxs as m } from "react/jsx-runtime";
-import { c as o } from "./clsx-AexbMWKp.js";
-import * as s from "react";
-import { H as u } from "./Heading-nfcRc2QF.js";
-import { Button as h, Link as z } from "react-aria-components";
-import { A as x } from "./arrow-right-BVcFGZmy.js";
-import { T as p } from "./Text-D0r_W4lH.js";
-import '../assets/CardHeader.css';const A = "_card_7i5z9_1", g = "_horizontal_7i5z9_12", v = "_cardLink_7i5z9_17", I = "_cardContent_7i5z9_28", N = "_cardActions_7i5z9_47", y = "_deprecated_7i5z9_61", k = "_cardActionArea_7i5z9_67", H = "_cardImage_7i5z9_100", L = "_cardLinkIcon_7i5z9_132", r = {
-  card: A,
-  horizontal: g,
-  cardLink: v,
-  cardContent: I,
-  cardActions: N,
-  deprecated: y,
-  cardActionArea: k,
-  cardImage: H,
-  cardLinkIcon: L
-}, l = s.createContext({
-  horizontal: void 0,
-  titleId: void 0
-}), C = s.createContext(void 0), E = ({
-  horizontal: t,
-  className: a,
-  children: e,
-  ...n
-}) => {
-  const i = `card-title-${s.useId()}`;
-  return /* @__PURE__ */ c(l.Provider, { value: { horizontal: t, titleId: i }, children: /* @__PURE__ */ c(
-    "div",
-    {
-      ...n,
-      className: o(
-        r.card,
-        t && r.horizontal,
-        a
-      ),
-      children: e
-    }
-  ) });
-}, F = ({
-  children: t,
-  ...a
-}) => {
-  const { horizontal: e } = s.useContext(l);
-  return /* @__PURE__ */ c(C.Provider, { value: {}, children: /* @__PURE__ */ c(
-    "div",
-    {
-      ...a,
-      className: o(r.cardContent, e && r.horizontal),
-      children: t
-    }
-  ) });
-}, f = ({
-  elementType: t = "h2",
-  children: a,
-  className: e,
-  ...n
-}) => {
-  const { horizontal: d, titleId: i } = s.useContext(l);
-  return /* @__PURE__ */ c(
-    u,
-    {
-      level: 3,
-      elementType: t,
-      className: o(
-        e,
-        r.cardTitle,
-        d && r.horizontal
-      ),
-      id: i,
-      ...n,
-      children: a
-    }
-  );
-}, G = ({
-  children: t,
-  ...a
-}) => {
-  const { horizontal: e } = s.useContext(l), n = !!s.useContext(C);
-  return /* @__PURE__ */ c(
-    "div",
-    {
-      ...a,
-      className: o(
-        r.cardActions,
-        e && r.horizontal,
-        n && r.deprecated
-      ),
-      children: t
-    }
-  );
-}, J = ({ children: t, className: a, ...e }) => {
-  const { titleId: n } = s.useContext(l);
-  return /* @__PURE__ */ c(
-    h,
-    {
-      ...e,
-      "aria-labelledby": n,
-      className: o(r.cardActionArea, a),
-      children: t
-    }
-  );
-}, K = ({
-  as: t = "img",
-  className: a,
-  ...e
-}) => /* @__PURE__ */ c(
-  t,
-  {
-    ...e,
-    "data-card-image": !0,
-    className: o(r.cardImage, a)
-  }
-), M = ({
-  children: t,
-  as: a,
-  ...e
-}) => /* @__PURE__ */ m(
-  a || z,
-  {
-    ...e,
-    className: o(r.cardLink, e.className),
-    children: [
-      t,
-      /* @__PURE__ */ c(
-        x,
-        {
-          className: r.cardLinkIcon,
-          size: 24
-        }
-      )
-    ]
-  }
-), b = "_cardBody_337uy_1", B = {
-  cardBody: b
-}, O = ({ className: t, ...a }) => /* @__PURE__ */ c(
-  "div",
-  {
-    className: o(t, B.cardBody),
-    ...a
-  }
-), T = "_cardHeader_1625c_1", $ = "_textContainer_1625c_14", j = "_subHeading_1625c_20", _ = {
-  cardHeader: T,
-  textContainer: $,
-  subHeading: j
-}, Q = ({
-  children: t,
-  className: a,
-  heading: e,
-  headingLevel: n,
-  subHeading: d,
-  ...i
-}) => /* @__PURE__ */ m(
-  "div",
-  {
-    className: o(a, _.cardHeader),
-    ...i,
-    children: [
-      /* @__PURE__ */ m("div", { className: _.textContainer, children: [
-        /* @__PURE__ */ c(f, { elementType: n, children: e }),
-        d && /* @__PURE__ */ c(
-          p,
-          {
-            slot: "description",
-            className: _.subHeading,
-            children: d
-          }
-        )
-      ] }),
-      t
-    ]
-  }
-);
-export {
-  E as C,
-  J as a,
-  G as b,
-  O as c,
-  F as d,
-  Q as e,
-  K as f,
-  M as g,
-  f as h
-};

package/chunks/CharacterCounter-Dgnv-orm.js

@@ -1,22 +0,0 @@
-import { jsx as s } from "react/jsx-runtime";
-import { forwardRef as i } from "react";
-import { useContextProps as d, InputContext as C } from "react-aria-components";
-import '../assets/CharacterCounter.css';const h = "_characterCounter_1cgvx_1", u = {
-  characterCounter: h
-}, l = i((t, a) => {
-  [t] = d(t, a, C);
-  const { maxLength: e, value: n, isLonely: c } = t, { length: r } = n?.toString() ?? "", o = e !== void 0;
-  return /* @__PURE__ */ s(
-    "span",
-    {
-      className: u.characterCounter,
-      "data-exceeded": o && r > e || void 0,
-      "data-lonely": c || void 0,
-      children: o ? `${r} / ${e}` : r
-    }
-  );
-});
-l.displayName = "CharacterCounter";
-export {
-  l as C
-};

package/chunks/Checkbox-CyamRrFD.js

@@ -1,146 +0,0 @@
-import { jsxs as L, jsx as t } from "react/jsx-runtime";
-import S, { forwardRef as u, 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 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 = S.createContext(null), Z = "_checkboxInner_v5u0z_1", $ = "_checkbox_v5u0z_1", ee = "_checkboxGroup_v5u0z_144", oe = "_checkboxList_v5u0z_155", v = {
-  checkboxInner: Z,
-  checkbox: $,
-  checkboxGroup: ee,
-  checkboxList: oe
-}, l = u(
-  ({
-    hoverResult: e,
-    pressResult: o,
-    focusRingAria: c,
-    labelProps: i,
-    slot: n,
-    className: a,
-    isSelected: r,
-    isIndeterminate: s,
-    isDisabled: d,
-    isInvalid: C,
-    isReadOnly: f,
-    isRequired: _,
-    inputProps: p,
-    inputRef: I,
-    children: R
-  }, y) => {
-    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(v.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": z || void 0,
-        "data-focus-visible": B || void 0,
-        "data-required": _ || void 0,
-        children: [
-          /* @__PURE__ */ t("div", { className: x(v.checkboxInner), children: s ? /* @__PURE__ */ t(
-            X,
-            {
-              size: 14,
-              color: m.iconOnColor
-            }
-          ) : /* @__PURE__ */ t(
-            Q,
-            {
-              size: 14,
-              color: m.iconOnColor
-            }
-          ) }),
-          /* @__PURE__ */ t(D, { children: /* @__PURE__ */ t(
-            "input",
-            {
-              ...h(p, F),
-              ref: I
-            }
-          ) }),
-          R
-        ]
-      }
-    );
-  }
-);
-l.displayName = "CheckboxInner";
-const b = u((e, o) => {
-  const c = M(
-    {
-      ...e,
-      value: e.value || ""
-    },
-    e.state,
-    e.inputRef
-  );
-  return /* @__PURE__ */ t(
-    l,
-    {
-      ...e,
-      ...c,
-      ref: o
-    }
-  );
-});
-b.displayName = "CheckBoxGroupItem";
-const k = u((e, o) => {
-  const c = O(e, U(e), e.inputRef);
-  return /* @__PURE__ */ t(
-    l,
-    {
-      ...e,
-      ...c,
-      ref: o
-    }
-  );
-});
-k.displayName = "SingleCheckbox";
-const te = u(
-  (e, o) => {
-    [e, o] = A(e, o, T);
-    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,
-      {
-        ...e,
-        state: n,
-        inputRef: a,
-        hoverResult: r,
-        pressResult: s,
-        focusRingAria: d,
-        validationBehavior: i
-      }
-    ) : /* @__PURE__ */ t(
-      k,
-      {
-        ...e,
-        inputRef: a,
-        hoverResult: r,
-        pressResult: s,
-        focusRingAria: d,
-        validationBehavior: i
-      }
-    );
-  }
-);
-te.displayName = "Checkbox";
-export {
-  te as C,
-  Y as a,
-  v as s
-};

package/chunks/CheckboxGroup-CmjQm14M.js

@@ -1,84 +0,0 @@
-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-Cqo7Xz2v.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-CyamRrFD.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";
-const F = (e, { value: t }) => {
-  const a = r.Children.toArray(e).filter(
-    (l) => r.isValidElement(l) && l.type === d
-  ), c = r.Children.count(a), n = r.Children.toArray(e).filter((l) => r.isValidElement(l)).filter((l) => !!l && l.type === d).map((l) => l.props.value || ""), s = t.length === 0, i = t.length === c;
-  return {
-    allSelected: i,
-    someSelected: !s && !i,
-    checkboxValues: n
-  };
-}, b = ({ state: e, errorMessage: t }) => /* @__PURE__ */ o(A.Provider, { value: e.displayValidation, children: /* @__PURE__ */ o(P, { children: t }) }), G = { selectAll: "Select all" }, L = { selectAll: "Välj alla" }, E = {
-  en: G,
-  sv: L
-};
-function W(e) {
-  const t = v(e), a = V(E), { groupProps: c, labelProps: n, descriptionProps: s } = C(
-    e,
-    t
-  ), { allSelected: i, someSelected: m, checkboxValues: l } = F(
-    e.children,
-    t
-  ), x = (f) => {
-    t.setValue(f ? l : []);
-  };
-  return /* @__PURE__ */ h(
-    "div",
-    {
-      ...c,
-      className: u.checkboxGroup,
-      "data-readonly": e.isReadOnly || void 0,
-      "data-disabled": e.isDisabled || void 0,
-      children: [
-        /* @__PURE__ */ o(k, { popover: e.popover, children: e.label && /* @__PURE__ */ o(S, { ...n, children: e.label }) }),
-        e.description && /* @__PURE__ */ o(
-          y,
-          {
-            slot: "description",
-            ...s,
-            children: e.description
-          }
-        ),
-        e.errorPosition === "top" && /* @__PURE__ */ o(
-          b,
-          {
-            ...e,
-            state: t
-          }
-        ),
-        /* @__PURE__ */ h("div", { className: u.checkboxList, children: [
-          e.showSelectAll && /* @__PURE__ */ o(
-            d,
-            {
-              isSelected: i,
-              isIndeterminate: m,
-              isReadOnly: e.isReadOnly,
-              onChange: x,
-              children: e.selectAllLabel || a.format("selectAll")
-            }
-          ),
-          /* @__PURE__ */ o(g.Provider, { value: t, children: e.children })
-        ] }),
-        e.errorPosition === "bottom" && /* @__PURE__ */ o(
-          b,
-          {
-            ...e,
-            state: t
-          }
-        )
-      ]
-    }
-  );
-}
-export {
-  W as C
-};

package/chunks/ClearButton-DkC8PIMi.js

@@ -1,22 +0,0 @@
-'use client';
-import { jsx as r } from "react/jsx-runtime";
-import { B as o } from "./Button-GCROAMSl.js";
-import { X as i } from "./x-B9bYxG31.js";
-const m = (t) => /* @__PURE__ */ r(
-  o,
-  {
-    variant: "icon",
-    slot: null,
-    ...t,
-    children: /* @__PURE__ */ r(
-      i,
-      {
-        size: 20,
-        "aria-hidden": !0
-      }
-    )
-  }
-);
-export {
-  m as C
-};

package/chunks/ColorSchemeSwitch-CjXb7w5A.js

@@ -1,118 +0,0 @@
-'use client';
-import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import * as p from "react";
-import { VisuallyHidden as i } from "react-aria";
-import { SelectionIndicator as d } from "react-aria-components";
-import { a as M, T as m } from "./ToggleButtonGroup-DRnEEi5-.js";
-import { c as h } from "./createLucideIcon-CP-mMPfa.js";
-import { u as _ } from "./useLocalizedStringFormatter-BHvsRxDk.js";
-import '../assets/ColorSchemeSwitch.css';const v = [
-  [
-    "path",
-    {
-      d: "M18 5a2 2 0 0 1 2 2v8.526a2 2 0 0 0 .212.897l1.068 2.127a1 1 0 0 1-.9 1.45H3.62a1 1 0 0 1-.9-1.45l1.068-2.127A2 2 0 0 0 4 15.526V7a2 2 0 0 1 2-2z",
-      key: "1pdavp"
-    }
-  ],
-  ["path", { d: "M20.054 15.987H3.946", key: "14rxg9" }]
-], N = h("laptop", v);
-const I = [
-  [
-    "path",
-    {
-      d: "M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401",
-      key: "kfwtm"
-    }
-  ]
-], b = h("moon", I);
-const w = [
-  ["circle", { cx: "12", cy: "12", r: "4", key: "4exip2" }],
-  ["path", { d: "M12 2v2", key: "tus03m" }],
-  ["path", { d: "M12 20v2", key: "1lh1kg" }],
-  ["path", { d: "m4.93 4.93 1.41 1.41", key: "149t6j" }],
-  ["path", { d: "m17.66 17.66 1.41 1.41", key: "ptbguv" }],
-  ["path", { d: "M2 12h2", key: "1t8f8n" }],
-  ["path", { d: "M20 12h2", key: "1q8mjw" }],
-  ["path", { d: "m6.34 17.66-1.41 1.41", key: "1m8zz5" }],
-  ["path", { d: "m19.07 4.93-1.41 1.41", key: "1shlcs" }]
-], x = h("sun", w), j = "_button_1r8vq_1", C = "_selectionIndicator_1r8vq_14", o = {
-  button: j,
-  selectionIndicator: C
-}, L = { darkMode: "Dark Mode", lightMode: "Light Mode", system: "System Setting" }, q = { darkMode: "Mörkt läge", lightMode: "Ljust läge", system: "Systeminställning" }, z = {
-  en: L,
-  sv: q
-}, V = ({
-  selector: c = ":root",
-  defaultScheme: g = "light dark",
-  scheme: a,
-  onSchemeChange: y,
-  defaultValue: u,
-  className: k
-}) => {
-  const [f, S] = p.useState(
-    u ?? /* @__PURE__ */ new Set([a ?? g])
-  ), r = a ? /* @__PURE__ */ new Set([a]) : f;
-  p.useEffect(() => {
-    const t = document.querySelector(c);
-    if (t) {
-      const n = Array.from(r).join(" ");
-      t.style.removeProperty("color-scheme"), n === "light dark" ? delete t.dataset.colorScheme : t.dataset.colorScheme = n;
-    } else
-      console.warn(`No element found for selector: "${c}"`);
-  }, [r, c]);
-  const l = _(z);
-  return /* @__PURE__ */ s(
-    M,
-    {
-      selectionMode: "single",
-      selectedKeys: r,
-      onSelectionChange: (t) => {
-        const n = Array.from(t)[0];
-        S(t), y?.(n);
-      },
-      disallowEmptySelection: !0,
-      className: k,
-      children: [
-        /* @__PURE__ */ s(
-          m,
-          {
-            id: "light dark",
-            className: o.button,
-            children: [
-              /* @__PURE__ */ e(N, {}),
-              /* @__PURE__ */ e(i, { children: l.format("system") }),
-              /* @__PURE__ */ e(d, { className: o.selectionIndicator })
-            ]
-          }
-        ),
-        /* @__PURE__ */ s(
-          m,
-          {
-            id: "light",
-            className: o.button,
-            children: [
-              /* @__PURE__ */ e(x, {}),
-              /* @__PURE__ */ e(i, { children: l.format("lightMode") }),
-              /* @__PURE__ */ e(d, { className: o.selectionIndicator })
-            ]
-          }
-        ),
-        /* @__PURE__ */ s(
-          m,
-          {
-            id: "dark",
-            className: o.button,
-            children: [
-              /* @__PURE__ */ e(b, {}),
-              /* @__PURE__ */ e(i, { children: l.format("darkMode") }),
-              /* @__PURE__ */ e(d, { className: o.selectionIndicator })
-            ]
-          }
-        )
-      ]
-    }
-  );
-};
-export {
-  V as C
-};

package/chunks/ComboBox-BCfucCKv.js

@@ -1,102 +0,0 @@
-'use client';
-import { jsxs as c, jsx as o } from "react/jsx-runtime";
-import { useRef as F } from "react";
-import { ComboBox as w, Input as v, Button as y } from "react-aria-components";
-import { c as e } from "./clsx-AexbMWKp.js";
-import { a as B, L as R } from "./Label-Cqo7Xz2v.js";
-import { T as C } from "./Text-D0r_W4lH.js";
-import { F as u } from "./FieldError-krpMBtie.js";
-import { L as N } from "./ListBox-CJhp9Hsb.js";
-import { a as g, L as E } from "./ListBoxEmptyState-BxWWr2D9.js";
-import { C as S } from "./chevron-down-BBFYYzZq.js";
-import { u as T } from "./useLocalizedStringFormatter-BHvsRxDk.js";
-import '../assets/ComboBox.css';const j = "_combobox_1uann_1", I = "_inputField_1uann_6", O = "_medium_1uann_28", P = "_wrap_1uann_80", U = "_button_1uann_85", z = "_icon_1uann_122", t = {
-  combobox: j,
-  inputField: I,
-  medium: O,
-  wrap: P,
-  button: U,
-  icon: z
-}, D = { showList: "Show list", noResultsFound: "No results found" }, V = { showList: "Visa lista", noResultsFound: "Inga träffar" }, W = {
-  en: D,
-  sv: V
-};
-function Z({
-  label: i,
-  description: r,
-  errorMessage: s,
-  children: p,
-  items: f,
-  className: h,
-  errorPosition: a = "top",
-  size: m = "large",
-  popover: b,
-  listBoxProps: _,
-  ...n
-}) {
-  const d = F(null), l = T(W), x = (L) => {
-    L.currentTarget.value && d.current?.select();
-  };
-  return /* @__PURE__ */ c(
-    w,
-    {
-      className: e(t.combobox, h),
-      ...n,
-      "data-readonly": n.isReadOnly || void 0,
-      children: [
-        /* @__PURE__ */ o(B, { popover: b, children: i && /* @__PURE__ */ o(R, { children: i }) }),
-        r && /* @__PURE__ */ o(C, { slot: "description", children: r }),
-        a === "top" && /* @__PURE__ */ o(u, { "data-testid": "fieldError", children: s }),
-        /* @__PURE__ */ c("div", { className: t.wrap, children: [
-          /* @__PURE__ */ o(
-            v,
-            {
-              className: e(t.inputField, {
-                [t.medium]: m === "medium"
-              }),
-              "data-readonly": n.isReadOnly || void 0,
-              onPointerUp: x,
-              ref: d
-            }
-          ),
-          /* @__PURE__ */ o(
-            y,
-            {
-              className: e(t.button, {
-                [t.medium]: m === "medium"
-              }),
-              "aria-label": l.format("showList"),
-              children: /* @__PURE__ */ o(
-                "div",
-                {
-                  className: t.icon,
-                  "aria-hidden": "true",
-                  children: /* @__PURE__ */ o(
-                    S,
-                    {
-                      size: 20,
-                      "aria-hidden": !0
-                    }
-                  )
-                }
-              )
-            }
-          )
-        ] }),
-        a === "bottom" && /* @__PURE__ */ o(u, { "data-testid": "fieldError", children: s }),
-        /* @__PURE__ */ o(g, { offset: 4, children: /* @__PURE__ */ o(
-          N,
-          {
-            items: f,
-            renderEmptyState: () => /* @__PURE__ */ o(E, { children: l.format("noResultsFound") }),
-            ..._,
-            children: p
-          }
-        ) })
-      ]
-    }
-  );
-}
-export {
-  Z as C
-};