@midas-ds/components 15.4.0 → 15.5.0

package/chunks/TabList-D2XV5ixe.js

@@ -0,0 +1,81 @@
+import { jsx as e, jsxs as b, Fragment as l } from "react/jsx-runtime";
+import { Tabs as d, Tab as _, composeRenderProps as m, SelectionIndicator as T, TabPanel as f, TabList as u } from "react-aria-components";
+import { c as o } from "./clsx-AexbMWKp.js";
+import * as i from "react";
+import { createContext as P } from "react";
+import '../assets/TabList.css';const c = P({
+  variant: "uncontained"
+}), x = "_tabs_3k5fn_1", L = "_tabList_3k5fn_12", k = "_tab_3k5fn_1", p = "_contained_3k5fn_55", v = "_selectionIndicator_3k5fn_94", I = "_tabPanel_3k5fn_129", t = {
+  tabs: x,
+  tabList: L,
+  tab: k,
+  contained: p,
+  selectionIndicator: v,
+  tabPanel: I
+}, j = ({
+  className: n,
+  variant: a = "uncontained",
+  ...s
+}) => /* @__PURE__ */ e(c.Provider, { value: { variant: a }, children: /* @__PURE__ */ e(
+  d,
+  {
+    className: o(t.tabs, n),
+    ...s
+  }
+) }), R = ({ className: n, ...a }) => {
+  const { variant: s } = i.useContext(c);
+  return /* @__PURE__ */ e(
+    _,
+    {
+      ...a,
+      className: o(
+        t.tab,
+        {
+          [t.contained]: s === "contained"
+        },
+        n
+      ),
+      children: m(a.children, (r) => /* @__PURE__ */ b(l, { children: [
+        r,
+        /* @__PURE__ */ e(
+          T,
+          {
+            className: o(t.selectionIndicator, {
+              [t.contained]: s === "contained"
+            })
+          }
+        )
+      ] }))
+    }
+  );
+}, g = ({ className: n, ...a }) => {
+  const { variant: s } = i.useContext(c);
+  return /* @__PURE__ */ e(
+    f,
+    {
+      className: o(
+        t.tabPanel,
+        {
+          [t.contained]: s === "contained"
+        },
+        n
+      ),
+      ...a
+    }
+  );
+}, y = ({
+  className: n,
+  ...a
+}) => /* @__PURE__ */ e(
+  u,
+  {
+    className: o(t.tabList, n),
+    ...a
+  }
+);
+export {
+  j as T,
+  R as a,
+  g as b,
+  y as c
+};

package/chunks/Table-B1rlSIhS.js

@@ -0,0 +1,139 @@
+import { jsx as e, jsxs as d, Fragment as b } from "react/jsx-runtime";
+import { Table as w, useTableOptions as u, TableHeader as g, Collection as p, Row as j, Button as N, Column as k, Cell as f, TableBody as x } from "react-aria-components";
+import { C as h } from "./Checkbox-ClhO-AzB.js";
+import { c as a } from "./clsx-AexbMWKp.js";
+import { c as i } from "./createLucideIcon-D4r5Phnh.js";
+import '../assets/Table.css';const T = [
+  ["path", { d: "M12 5v14", key: "s699le" }],
+  ["path", { d: "m19 12-7 7-7-7", key: "1idqje" }]
+], C = i("arrow-down", T);
+const I = [
+  ["path", { d: "m21 16-4 4-4-4", key: "f6ql7i" }],
+  ["path", { d: "M17 20V4", key: "1ejh1v" }],
+  ["path", { d: "m3 8 4-4 4 4", key: "11wl7u" }],
+  ["path", { d: "M7 4v16", key: "1glfcx" }]
+], v = i("arrow-up-down", I);
+const $ = [
+  ["path", { d: "m5 12 7-7 7 7", key: "hav0vg" }],
+  ["path", { d: "M12 19V5", key: "x0mq9r" }]
+], B = i("arrow-up", $);
+const H = [
+  ["circle", { cx: "9", cy: "12", r: "1", key: "1vctgf" }],
+  ["circle", { cx: "9", cy: "5", r: "1", key: "hp0tcf" }],
+  ["circle", { cx: "9", cy: "19", r: "1", key: "fkjjf6" }],
+  ["circle", { cx: "15", cy: "12", r: "1", key: "1tmaij" }],
+  ["circle", { cx: "15", cy: "5", r: "1", key: "19l28e" }],
+  ["circle", { cx: "15", cy: "19", r: "1", key: "f4zoj3" }]
+], z = i("grip-vertical", H), M = "_table_1i4j5_1", R = "_tableHeader_1i4j5_11", q = "_column_1i4j5_12", A = "_sortIndicator_1i4j5_28", D = "_sortIconNeutral_1i4j5_36", V = "_selection_1i4j5_46", U = "_row_1i4j5_52", F = "_cell_1i4j5_70", G = "_medium_1i4j5_110", L = "_striped_1i4j5_121", o = {
+  table: M,
+  tableHeader: R,
+  column: q,
+  sortIndicator: A,
+  sortIconNeutral: D,
+  selection: V,
+  row: U,
+  cell: F,
+  medium: G,
+  striped: L
+}, P = ({
+  size: c = "large",
+  striped: t = !1,
+  className: s,
+  ...r
+}) => /* @__PURE__ */ e(
+  w,
+  {
+    className: a(o.table, s, {
+      [o.medium]: c === "medium",
+      [o.striped]: t
+    }),
+    ...r
+  }
+), Q = ({
+  columns: c,
+  children: t,
+  className: s
+}) => {
+  const { selectionBehavior: r, selectionMode: l, allowsDragging: n } = u();
+  return /* @__PURE__ */ d(g, { className: a(s, o.tableHeader), children: [
+    n && /* @__PURE__ */ e(m, {}),
+    r === "toggle" && /* @__PURE__ */ e(m, { width: 50, children: l === "multiple" && /* @__PURE__ */ e(
+      h,
+      {
+        className: o.selection,
+        slot: "selection"
+      }
+    ) }),
+    /* @__PURE__ */ e(p, { items: c, children: t })
+  ] });
+}, W = ({
+  id: c,
+  columns: t,
+  children: s,
+  className: r,
+  ...l
+}) => {
+  const { selectionBehavior: n, allowsDragging: y } = u();
+  return /* @__PURE__ */ d(
+    j,
+    {
+      id: c,
+      className: a(r, o.row),
+      ...l,
+      children: [
+        y && /* @__PURE__ */ e(_, { children: /* @__PURE__ */ e(N, { slot: "drag", children: /* @__PURE__ */ e(z, { size: 20 }) }) }),
+        n === "toggle" && /* @__PURE__ */ e(_, { children: /* @__PURE__ */ e(
+          h,
+          {
+            className: o.selection,
+            slot: "selection"
+          }
+        ) }),
+        /* @__PURE__ */ e(p, { items: t, children: s })
+      ]
+    }
+  );
+}, m = ({ children: c, className: t, ...s }) => /* @__PURE__ */ e(
+  k,
+  {
+    className: a(t, o.column),
+    ...s,
+    children: ({ allowsSorting: r, sortDirection: l }) => {
+      const n = () => l === "ascending" ? /* @__PURE__ */ e(B, { size: 16 }) : l === "descending" ? /* @__PURE__ */ e(C, { size: 16 }) : /* @__PURE__ */ e(v, { size: 16, className: o.sortIconNeutral });
+      return /* @__PURE__ */ d(b, { children: [
+        c,
+        r && /* @__PURE__ */ e(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: o.sortIndicator,
+            children: n()
+          }
+        )
+      ] });
+    }
+  }
+), _ = ({ className: c, ...t }) => /* @__PURE__ */ e(
+  f,
+  {
+    className: a(c, o.cell),
+    ...t
+  }
+), X = ({
+  className: c,
+  ...t
+}) => /* @__PURE__ */ e(
+  x,
+  {
+    className: a(c, o.tableBody),
+    ...t
+  }
+);
+export {
+  m as C,
+  W as R,
+  P as T,
+  Q as a,
+  _ as b,
+  X as c
+};

package/chunks/Tag-CEfQksg8.js

@@ -0,0 +1,53 @@
+import { jsxs as r, jsx as n } from "react/jsx-runtime";
+import { Tag as c, TagGroup as _, TagList as e } from "react-aria-components";
+import { B as g } from "./Button-DbQwg49l.js";
+import { c as u } from "./clsx-AexbMWKp.js";
+import { X as l } from "./x-BXShoIAM.js";
+import '../assets/Tag.css';const T = "_button_1nm6n_1", p = "_success_1nm6n_16", f = "_warning_1nm6n_17", d = "_info_1nm6n_18", x = "_important_1nm6n_19", b = "_tag_1nm6n_31", w = "_tagText_1nm6n_83", L = "_dismissable_1nm6n_88", N = "_tagList_1nm6n_92", s = {
+  button: T,
+  success: p,
+  warning: f,
+  info: d,
+  important: x,
+  tag: b,
+  tagText: w,
+  dismissable: L,
+  tagList: N
+}, B = ({ children: o, ...t }) => /* @__PURE__ */ n(_, { ...t, children: /* @__PURE__ */ n(e, { className: s.tagList, children: o }) }), $ = ({
+  children: o,
+  dismissable: t,
+  className: i,
+  type: a,
+  ...m
+}) => /* @__PURE__ */ r(
+  c,
+  {
+    className: u(
+      s.tag,
+      t && s.dismissable,
+      a === "success" && s.success,
+      a === "info" && s.info,
+      a === "important" && s.important,
+      a === "warning" && s.warning,
+      i
+    ),
+    ...m,
+    children: [
+      /* @__PURE__ */ n("div", { className: s.tagText, children: o }),
+      t && /* @__PURE__ */ n(
+        g,
+        {
+          variant: "icon",
+          size: "medium",
+          className: s.button,
+          slot: "remove",
+          children: /* @__PURE__ */ n(l, { size: 20 })
+        }
+      )
+    ]
+  }
+);
+export {
+  $ as T,
+  B as a
+};

package/chunks/{Text-WP6RbnnK.js → Text-TWzJxnto.js}

@@ -1,14 +1,14 @@
 import { jsx as a } from "react/jsx-runtime";
-import { c as p } from "./clsx-CuNqTHjr.js";
-import { M as _ } from "./react-aria-components-mIKW9wOa.js";
-import '../assets/Text.css';const m = "_body_1w3he_5", b = "_description_1w3he_20", s = {
-  body: m,
+import { c as _ } from "./clsx-AexbMWKp.js";
+import { Text as m } from "react-aria-components";
+import '../assets/Text.css';const p = "_body_1w3he_5", y = "_description_1w3he_20", s = {
+  body: p,
   "body-02": "_body-02_1w3he_6",
   "body-small": "_body-small_1w3he_16",
   "description-small": "_description-small_1w3he_20",
   "body-01": "_body-01_1w3he_24",
-  description: b
-}, r = "span", w = ({
+  description: y
+}, r = "span", u = ({
   children: i,
   className: d,
   size: o,
@@ -18,13 +18,13 @@ import '../assets/Text.css';const m = "_body_1w3he_5", b = "_description_1w3he_2
   ...t
 }) => {
   const c = {
-    className: p(e === "body-01" ? s["body-01"] : e === "body-02" ? s["body-02"] : t.slot === "description" ? o === "small" ? s["description-small"] : s.description : o === "small" ? s["body-small"] : s.body, d),
+    className: _(e === "body-01" ? s["body-01"] : e === "body-02" ? s["body-02"] : t.slot === "description" ? o === "small" ? s["description-small"] : s.description : o === "small" ? s["body-small"] : s.body, d),
     elementType: n || r,
     ...l && { "data-expressive": !0 },
     ...t
   };
-  return /* @__PURE__ */ a(_, { ...c, children: i });
+  return /* @__PURE__ */ a(m, { ...c, children: i });
 };
 export {
-  w as T
+  u as T
 };

package/chunks/TextArea-34YgkUEE.js

@@ -0,0 +1,124 @@
+import { jsxs as l, jsx as s, Fragment as N } from "react/jsx-runtime";
+import * as c from "react";
+import { useContextProps as m, TextFieldContext as C, TextField as P, InputContext as p, Input as b, TextArea as g } from "react-aria-components";
+import { a as R, c as f } from "./clsx-AexbMWKp.js";
+import { s as d } from "./TextField.module-DZslrEPC.js";
+import { T as x } from "./Text-TWzJxnto.js";
+import { B as v } from "./Button-DbQwg49l.js";
+import { u as I } from "./useLocalizedStringFormatter-ZgRJmvHC.js";
+import { F as h } from "./FieldError-C0HRIcAx.js";
+import { C as L } from "./CharacterCounter-DeuE2det.js";
+import { a as y, L as A } from "./Label-B7taTXkd.js";
+const u = c.forwardRef((e, t) => {
+  [e] = m(e, t, C);
+  const {
+    label: r,
+    description: o,
+    errorMessage: i,
+    showCounter: n,
+    errorPosition: a = "top",
+    size: w = "large",
+    popover: T,
+    children: F
+  } = e;
+  return /* @__PURE__ */ l(
+    P,
+    {
+      ...e,
+      className: R(d.textField, {
+        [d.medium]: w === "medium"
+      }),
+      children: [
+        /* @__PURE__ */ s(y, { popover: T, children: r && /* @__PURE__ */ s(A, { children: r }) }),
+        o && /* @__PURE__ */ s(x, { slot: "description", children: o }),
+        n && /* @__PURE__ */ s(L, { isLonely: !o }),
+        a === "top" && /* @__PURE__ */ s(h, { "data-testid": "fieldError", children: i }),
+        F,
+        a === "bottom" && /* @__PURE__ */ s(
+          h,
+          {
+            "data-testid": "fieldError",
+            className: d.bottomError,
+            children: i
+          }
+        )
+      ]
+    }
+  );
+}), B = { hide: "Hide", show: "Show" }, E = { hide: "Dölj", show: "Visa" }, S = {
+  en: B,
+  sv: E
+}, $ = c.forwardRef(
+  (e, t) => {
+    [e, t] = m(e, t, p);
+    const [r, o] = c.useState(!1), i = () => o((a) => !a), n = I(S);
+    return /* @__PURE__ */ l(N, { children: [
+      r && /* @__PURE__ */ s(
+        x,
+        {
+          slot: "description",
+          className: d.passwordText,
+          children: e.value
+        }
+      ),
+      /* @__PURE__ */ s(
+        v,
+        {
+          variant: "tertiary",
+          onPress: i,
+          className: d.passwordButton,
+          children: r ? n.format("hide") : n.format("show")
+        }
+      )
+    ] });
+  }
+), j = c.forwardRef(
+  ({ skipContext: e = !1, ...t }, r) => {
+    const [o, i] = m(
+      t,
+      r,
+      p
+    ), n = e ? r : i, a = e ? t : o;
+    return /* @__PURE__ */ l("div", { className: d.wrap, children: [
+      /* @__PURE__ */ s(
+        b,
+        {
+          ...a,
+          ref: n,
+          className: f(d.input, a.className)
+        }
+      ),
+      a.type === "password" && /* @__PURE__ */ s($, { ...a })
+    ] });
+  }
+), K = c.forwardRef(
+  ({ className: e, list: t, type: r, min: o, max: i, ...n }, a) => /* @__PURE__ */ s(u, { ...n, children: /* @__PURE__ */ s(
+    j,
+    {
+      className: f(e),
+      list: t,
+      min: o,
+      max: i,
+      ref: a,
+      type: r,
+      skipContext: !0
+    }
+  ) })
+), O = c.forwardRef(
+  ({ className: e, cols: t, rows: r, wrap: o, ...i }, n) => /* @__PURE__ */ s(u, { ...i, children: /* @__PURE__ */ s(
+    g,
+    {
+      className: f(d.textArea, e),
+      cols: t,
+      ref: n,
+      rows: r,
+      wrap: o
+    }
+  ) })
+);
+export {
+  j as I,
+  u as T,
+  K as a,
+  O as b
+};

package/chunks/{Toast-CP_V12b3.js → Toast-CCA9sCnB.js}

@@ -1,46 +1,46 @@
 import { jsx as e, jsxs as c, Fragment as g } from "react/jsx-runtime";
-import { B as q } from "./Button-CHs1wv7n.js";
-import m, { useMemo as z } from "react";
-import { createPortal as $, flushSync as h } from "react-dom";
-import { c as u } from "./clsx-CuNqTHjr.js";
-import { i as v } from "./icon-map-Ckc-nEUA.js";
-import { q as l, r as d } from "./react-stately-DRNKkAB0.js";
-import { n as w, o as x } from "./react-aria-components-mIKW9wOa.js";
+import { B as q } from "./Button-DbQwg49l.js";
+import { useToastRegion as z, useToast as h } from "react-aria";
+import { ToastQueue as m, useToastQueue as l } from "react-stately";
+import d, { useMemo as v } from "react";
+import { createPortal as w, flushSync as R } from "react-dom";
+import { c as u } from "./clsx-AexbMWKp.js";
+import { F as b } from "./FeedbackStatusIcon-COWuMusk.js";
 import { X as y } from "./x-BXShoIAM.js";
-import '../assets/Toast.css';const R = "_toastRegion_3qumz_49", P = "_toast_3qumz_49", I = "_success_3qumz_97", N = "_info_3qumz_105", E = "_important_3qumz_113", M = "_warning_3qumz_121", O = "_icon_3qumz_129", C = "_toastContent_3qumz_143", V = "_toastMessage_3qumz_150", B = "_slideInTop_3qumz_1", S = "_slideInEnd_3qumz_1", j = "_slideOutTop_3qumz_1", k = "_slideOutEnd_3qumz_1", a = {
-  toastRegion: R,
-  toast: P,
-  success: I,
-  info: N,
+import '../assets/Toast.css';const P = "_toastRegion_3qumz_49", I = "_toast_3qumz_49", N = "_success_3qumz_97", x = "_info_3qumz_105", E = "_important_3qumz_113", O = "_warning_3qumz_121", M = "_icon_3qumz_129", C = "_toastContent_3qumz_143", S = "_toastMessage_3qumz_150", V = "_slideInTop_3qumz_1", k = "_slideInEnd_3qumz_1", B = "_slideOutTop_3qumz_1", F = "_slideOutEnd_3qumz_1", a = {
+  toastRegion: P,
+  toast: I,
+  success: N,
+  info: x,
   important: E,
-  warning: M,
-  icon: O,
+  warning: O,
+  icon: M,
   toastContent: C,
-  toastMessage: V,
-  slideInTop: B,
-  slideInEnd: S,
-  slideOutTop: j,
-  slideOutEnd: k
+  toastMessage: S,
+  slideInTop: V,
+  slideInEnd: k,
+  slideOutTop: B,
+  slideOutEnd: F
 }, _ = {
   wrapUpdate(t) {
     "startViewTransition" in document ? document.startViewTransition(() => {
-      h(t);
+      R(t);
     }) : t();
   },
   maxVisibleToasts: 5
 };
-function G(t = {}) {
-  const { maxVisibleToasts: o = 1, wrapUpdate: s } = t, n = z(
-    () => new l({ maxVisibleToasts: o, wrapUpdate: s }),
+function Q(t = {}) {
+  const { maxVisibleToasts: o = 1, wrapUpdate: s } = t, n = v(
+    () => new m({ maxVisibleToasts: o, wrapUpdate: s }),
     [o, s]
   );
-  return d(n);
+  return l(n);
 }
-const U = new l(_), Y = (t) => {
-  const o = d(U);
-  return o.visibleToasts.length > 0 ? $(
+const j = new m(_), Y = (t) => {
+  const o = l(j);
+  return o.visibleToasts.length > 0 ? w(
     /* @__PURE__ */ e(
-      f,
+      p,
       {
         ...t,
         state: o
@@ -49,11 +49,11 @@ const U = new l(_), Y = (t) => {
     document.body
   ) : null;
 }, Z = ({ children: t, ...o }) => {
-  const s = G(_);
+  const s = Q(_);
   return /* @__PURE__ */ c(g, { children: [
     typeof t == "function" ? t(s) : t,
     s.visibleToasts.length > 0 && /* @__PURE__ */ e(
-      f,
+      p,
       {
         ...o,
         state: s
@@ -61,12 +61,12 @@ const U = new l(_), Y = (t) => {
     )
   ] });
 };
-function f({
+function p({
   state: t,
   className: o,
   ...s
 }) {
-  const n = m.useRef(null), { regionProps: r } = w(s, t, n);
+  const n = d.useRef(null), { regionProps: r } = z(s, t, n);
   return /* @__PURE__ */ e(
     "div",
     {
@@ -74,7 +74,7 @@ function f({
       ref: n,
       className: u(a.toastRegion, o),
       children: t.visibleToasts.map((i) => /* @__PURE__ */ e(
-        F,
+        G,
         {
           toast: i,
           state: t
@@ -84,15 +84,16 @@ function f({
     }
   );
 }
-function F({
+function G({
   state: t,
   className: o,
   ...s
 }) {
-  const n = m.useRef(null), { toastProps: r, contentProps: i, titleProps: p, closeButtonProps: T } = x(
+  const n = d.useRef(null), { toastProps: r, contentProps: i, titleProps: T, closeButtonProps: f } = h(
     s,
-    t
-  ), b = v[s.toast.content.type];
+    t,
+    n
+  );
   return /* @__PURE__ */ c(
     "div",
     {
@@ -114,9 +115,9 @@ function F({
               /* @__PURE__ */ e(
                 b,
                 {
+                  "aria-hidden": !0,
                   className: a.icon,
-                  size: 20,
-                  "aria-hidden": !0
+                  status: s.toast.content.type
                 }
               ),
               /* @__PURE__ */ c("div", { children: [
@@ -124,7 +125,7 @@ function F({
                   "p",
                   {
                     className: a.toastMessage,
-                    ...p,
+                    ...T,
                     children: s.toast.content.message
                   }
                 ),
@@ -137,7 +138,7 @@ function F({
           q,
           {
             variant: "icon",
-            ...T,
+            ...f,
             children: /* @__PURE__ */ e(
               y,
               {
@@ -154,8 +155,8 @@ function F({
 export {
   Y as G,
   Z as T,
-  f as a,
-  F as b,
-  U as t,
-  G as u
+  p as a,
+  G as b,
+  j as t,
+  Q as u
 };

package/chunks/ToggleButtonGroup-CXKTrLbb.js

@@ -0,0 +1,29 @@
+import { jsx as g } from "react/jsx-runtime";
+import { ToggleButton as u, ToggleButtonGroup as r } from "react-aria-components";
+import { B as t } from "./Button.module-Cm0H98vy.js";
+import { c as s } from "./clsx-AexbMWKp.js";
+import '../assets/ToggleButtonGroup.css';const e = "_group_q04hh_1", l = "_toggleButton_q04hh_10", n = {
+  group: e,
+  toggleButton: l
+}, p = ({ ...o }) => /* @__PURE__ */ g(
+  u,
+  {
+    ...o,
+    className: s(
+      t.button,
+      t.iconBtn,
+      n.toggleButton,
+      o.className
+    )
+  }
+), T = ({ ...o }) => /* @__PURE__ */ g(
+  r,
+  {
+    ...o,
+    className: s(n.group, o.className)
+  }
+);
+export {
+  p as T,
+  T as a
+};

package/chunks/Tooltip-CtstfI8u.js

@@ -0,0 +1,46 @@
+import { jsxs as l, jsx as o } from "react/jsx-runtime";
+import { c as a } from "./clsx-AexbMWKp.js";
+import { Tooltip as e, OverlayArrow as p, TooltipTrigger as n } from "react-aria-components";
+import '../assets/Tooltip.css';const c = "_tooltip_1nthz_1", T = "_arrow_1nthz_18", s = {
+  tooltip: c,
+  arrow: T
+};
+function w({ children: r, className: t, ...i }) {
+  return /* @__PURE__ */ l(
+    e,
+    {
+      className: a(s.tooltip, t),
+      ...i,
+      children: [
+        /* @__PURE__ */ o(p, { className: s.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" })
+          }
+        ) }),
+        r
+      ]
+    }
+  );
+}
+function _({
+  children: r,
+  delay: t = 0,
+  ...i
+}) {
+  return /* @__PURE__ */ o(
+    n,
+    {
+      delay: t,
+      ...i,
+      children: r
+    }
+  );
+}
+export {
+  w as T,
+  _ as a
+};