@midas-ds/components 17.8.2 → 17.8.3

package/chunks/Separator-CDRwpeHz.js

@@ -0,0 +1,76 @@
+import { jsx as t, jsxs as i, 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 p } from "./chevron-right-DvXGOiS_.js";
+import '../assets/Separator.css';const v = "_menu_1wm5z_1", f = "_menuSection_1wm5z_17", k = "_medium_1wm5z_29", z = "_menuItem_1wm5z_36", w = "_mainContent_1wm5z_105", C = "_checkMark_1wm5z_116", N = "_separator_1wm5z_126", I = "_menuPopover_1wm5z_149 _dropdownAnimation_1ljkv_4", m = {
+  menu: v,
+  menuSection: f,
+  medium: k,
+  menuItem: z,
+  mainContent: w,
+  checkMark: C,
+  separator: N,
+  menuPopover: I
+}, y = ({
+  className: e,
+  size: n = "large",
+  ...o
+}) => /* @__PURE__ */ t(
+  _,
+  {
+    className: a(e, m.menu, n === "medium" && m.medium),
+    ...o
+  }
+), b = (e) => /* @__PURE__ */ t(
+  l,
+  {
+    ...e,
+    textValue: e.textValue || (typeof e.children == "string" ? e.children : void 0),
+    className: a(m.menuItem, e.className),
+    children: (n) => {
+      const { children: o } = e, { selectionMode: s, isSelected: c, hasSubmenu: r } = n;
+      return /* @__PURE__ */ i(u, { children: [
+        s !== "none" && /* @__PURE__ */ t(
+          S,
+          {
+            size: 16,
+            className: m.checkMark,
+            "data-selected": c || void 0
+          }
+        ),
+        /* @__PURE__ */ t("div", { className: m.mainContent, children: typeof o == "function" ? o(n) : o }),
+        r && /* @__PURE__ */ t(p, { size: 20 })
+      ] });
+    }
+  }
+), V = ({ className: e, ...n }) => /* @__PURE__ */ t(
+  d,
+  {
+    className: a(e, m.menuPopover),
+    offset: 4,
+    ...n
+  }
+), A = ({
+  className: e,
+  ...n
+}) => /* @__PURE__ */ t(
+  M,
+  {
+    className: a(e, m.menuSection),
+    ...n
+  }
+), F = ({ className: e, ...n }) => /* @__PURE__ */ t(
+  h,
+  {
+    className: a(e, m.separator),
+    ...n
+  }
+);
+export {
+  y as M,
+  F as S,
+  b as a,
+  V as b,
+  A as c
+};

package/chunks/{Skeleton-D6mxKxuu.js → Skeleton-tiP1Syzf.js}

@@ -1,88 +1,88 @@
-import { jsxs as f, jsx as c } from "react/jsx-runtime";
+import { jsxs as i, jsx as n } from "react/jsx-runtime";
 import { c as r } from "./clsx-AexbMWKp.js";
-import '../assets/Skeleton.css';const k = "_skeleton_i5zk6_11", p = "_circle_i5zk6_25", u = "_wave_i5zk6_30", v = "_onLayer01_i5zk6_54", w = "_form_i5zk6_58", z = "_formLabel_i5zk6_64", d = "_formDescription_i5zk6_70", L = "_formInput_i5zk6_76", y = "_medium_i5zk6_81", o = {
-  skeleton: k,
+import '../assets/Skeleton.css';const x = "_skeleton_1rxfc_11", p = "_circle_1rxfc_25", u = "_wave_1rxfc_30", v = "_onLayer01_1rxfc_54", w = "_form_1rxfc_58", d = "_formLabel_1rxfc_64", k = "_formDescription_1rxfc_70", L = "_formInput_1rxfc_76", y = "_medium_1rxfc_81", o = {
+  skeleton: x,
   circle: p,
   wave: u,
   onLayer01: v,
   form: w,
-  formLabel: z,
-  formDescription: d,
+  formLabel: d,
+  formDescription: k,
   formInput: L,
   medium: y
-}, D = ({
+}, I = ({
   variant: s = "rectangle",
   width: t,
   height: l,
   size: a = "large",
-  isAnimated: n = !0,
-  className: i,
+  isAnimated: c = !0,
+  className: f,
   style: m,
   isOnLayer01: e,
   ..._
 }) => (s === "circle" && l !== void 0 && console.warn(
   "Height is not allowed when using circle, control size with width"
-), s === "form" ? /* @__PURE__ */ f(
+), s === "form" ? /* @__PURE__ */ i(
   "div",
   {
     className: r(
       o.form,
       o[a],
       e && o.onLayer01,
-      i
+      f
     ),
     style: { width: t, ...m },
     ..._,
     children: [
-      /* @__PURE__ */ c(
+      /* @__PURE__ */ n(
         "div",
         {
           className: r(
             o.skeleton,
             o.formLabel,
-            n && o.wave,
+            c && o.wave,
             e && o.onLayer01
           )
         }
       ),
-      /* @__PURE__ */ c(
+      /* @__PURE__ */ n(
         "div",
         {
           className: r(
             o.skeleton,
             o.formDescription,
-            n && o.wave,
+            c && o.wave,
             e && o.onLayer01
           )
         }
       ),
-      /* @__PURE__ */ c(
+      /* @__PURE__ */ n(
         "div",
         {
           className: r(
             o.skeleton,
             o.formInput,
-            n && o.wave,
+            c && o.wave,
             e && o.onLayer01
           )
         }
       )
     ]
   }
-) : /* @__PURE__ */ c(
+) : /* @__PURE__ */ n(
   "div",
   {
     className: r(
       o.skeleton,
       o[s],
-      n && o.wave,
+      c && o.wave,
       e && o.onLayer01,
-      i
+      f
     ),
     style: { width: t, height: l, ...m },
     ..._
   }
 ));
 export {
-  D as S
+  I as S
 };

package/chunks/{Table-Bg-AKi7d.js → Table-BpVSZ3aM.js}

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as e, jsxs as d, Fragment as b } from "react/jsx-runtime";
-import { Cell as w, Column as g, useTableOptions as u, Row as N, Button as k, Collection as p, Table as f, TableBody as x, TableHeader as T } from "react-aria-components";
-import { C as h } from "./Checkbox-sAkQe7Q9.js";
+import { Cell as w, Column as g, useTableOptions as _, Row as N, Button as k, Collection as u, Table as f, TableBody as x, TableHeader as T } from "react-aria-components";
+import { C as h } from "./Checkbox-DSW-_Qpm.js";
 import { c as a } from "./clsx-AexbMWKp.js";
 import { c as i } from "./createLucideIcon-CP-mMPfa.js";
 import '../assets/Table.css';const C = [
@@ -25,7 +25,7 @@ const H = [
   ["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_m31t0_1", R = "_tableHeader_m31t0_11", q = "_column_m31t0_12", A = "_sortIndicator_m31t0_28", D = "_sortIconNeutral_m31t0_36", V = "_selection_m31t0_50", U = "_row_m31t0_56", F = "_cell_m31t0_74", G = "_medium_m31t0_114", L = "_striped_m31t0_125", t = {
+], z = i("grip-vertical", H), M = "_table_6m1lp_1", R = "_tableHeader_6m1lp_11", q = "_column_6m1lp_12", A = "_sortIndicator_6m1lp_28", D = "_sortIconNeutral_6m1lp_36", V = "_selection_6m1lp_51", U = "_row_6m1lp_57", F = "_cell_6m1lp_75", G = "_medium_6m1lp_115", L = "_striped_6m1lp_126", o = {
   table: M,
   tableHeader: R,
   column: q,
@@ -37,101 +37,101 @@ const H = [
   medium: G,
   striped: L
 }, P = ({
-  size: o = "large",
-  striped: c = !1,
-  className: s,
-  ...r
+  size: c = "large",
+  striped: l = !1,
+  className: t,
+  ...s
 }) => /* @__PURE__ */ e(
   f,
   {
-    className: a(t.table, s, {
-      [t.medium]: o === "medium",
-      [t.striped]: c
+    className: a(o.table, t, {
+      [o.medium]: c === "medium",
+      [o.striped]: l
     }),
-    ...r
+    ...s
   }
 ), Q = ({
-  columns: o,
-  children: c,
-  className: s
+  columns: c,
+  children: l,
+  className: t
 }) => {
-  const { selectionBehavior: r, selectionMode: l, allowsDragging: n } = u();
-  return /* @__PURE__ */ d(T, { className: a(s, t.tableHeader), children: [
+  const { selectionBehavior: s, selectionMode: r, allowsDragging: n } = _();
+  return /* @__PURE__ */ d(T, { className: a(t, o.tableHeader), children: [
     n && /* @__PURE__ */ e(m, {}),
-    r === "toggle" && /* @__PURE__ */ e(m, { width: 50, children: l === "multiple" && /* @__PURE__ */ e(
+    s === "toggle" && /* @__PURE__ */ e(m, { width: 50, children: r === "multiple" && /* @__PURE__ */ e(
       h,
       {
-        className: t.selection,
+        className: o.selection,
         slot: "selection"
       }
     ) }),
-    /* @__PURE__ */ e(p, { items: o, children: c })
+    /* @__PURE__ */ e(u, { items: c, children: l })
   ] });
 }, W = ({
-  id: o,
-  columns: c,
-  children: s,
-  className: r,
-  ...l
+  id: c,
+  columns: l,
+  children: t,
+  className: s,
+  ...r
 }) => {
-  const { selectionBehavior: n, allowsDragging: y } = u();
+  const { selectionBehavior: n, allowsDragging: y } = _();
   return /* @__PURE__ */ d(
     N,
     {
-      id: o,
-      className: a(r, t.row),
-      ...l,
+      id: c,
+      className: a(s, o.row),
+      ...r,
       children: [
-        y && /* @__PURE__ */ e(_, { children: /* @__PURE__ */ e(k, { slot: "drag", children: /* @__PURE__ */ e(z, { size: 20 }) }) }),
-        n === "toggle" && /* @__PURE__ */ e(_, { children: /* @__PURE__ */ e(
+        y && /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(k, { slot: "drag", children: /* @__PURE__ */ e(z, { size: 20 }) }) }),
+        n === "toggle" && /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(
           h,
           {
-            className: t.selection,
+            className: o.selection,
             slot: "selection"
           }
         ) }),
-        /* @__PURE__ */ e(p, { items: c, children: s })
+        /* @__PURE__ */ e(u, { items: l, children: t })
       ]
     }
   );
-}, m = ({ children: o, className: c, ...s }) => /* @__PURE__ */ e(
+}, m = ({ children: c, className: l, ...t }) => /* @__PURE__ */ e(
   g,
   {
-    className: a(c, t.column),
-    ...s,
-    children: ({ allowsSorting: r, sortDirection: l }) => {
-      const n = () => l === "ascending" ? /* @__PURE__ */ e(B, { size: 16 }) : l === "descending" ? /* @__PURE__ */ e(I, { size: 16 }) : /* @__PURE__ */ e($, { size: 16, className: t.sortIconNeutral });
+    className: a(l, o.column),
+    ...t,
+    children: ({ allowsSorting: s, sortDirection: r }) => {
+      const n = () => r === "ascending" ? /* @__PURE__ */ e(B, { size: 16 }) : r === "descending" ? /* @__PURE__ */ e(I, { size: 16 }) : /* @__PURE__ */ e($, { size: 16, className: o.sortIconNeutral });
       return /* @__PURE__ */ d(b, { children: [
-        o,
-        r && /* @__PURE__ */ e(
+        c,
+        s && /* @__PURE__ */ e(
           "span",
           {
             "aria-hidden": "true",
-            className: t.sortIndicator,
+            className: o.sortIndicator,
             children: n()
           }
         )
       ] });
     }
   }
-), _ = ({ className: o, ...c }) => /* @__PURE__ */ e(
+), p = ({ className: c, ...l }) => /* @__PURE__ */ e(
   w,
   {
-    className: a(o, t.cell),
-    ...c
+    className: a(c, o.cell),
+    ...l
   }
 ), X = ({
-  className: o,
-  ...c
+  className: c,
+  ...l
 }) => /* @__PURE__ */ e(
   x,
   {
-    className: a(o, t.tableBody),
-    ...c
+    className: a(c, o.tableBody),
+    ...l
   }
 );
 export {
-  _ as C,
+  p as C,
   W as R,
   P as T,
   m as a,

package/chunks/{TagGroup-YCiXkdo3.js → TagGroup-DPFh8qHR.js}

@@ -1,6 +1,6 @@
 import { jsx as i, jsxs as _, Fragment as u } from "react/jsx-runtime";
 import { Tag as b, composeRenderProps as T, useContextProps as d, TagListContext as p, TagList as v, TagGroupContext as y, TagGroup as x } from "react-aria-components";
-import { B as h } from "./Button-D22xOe8j.js";
+import { B as h } from "./Button-GCROAMSl.js";
 import { c } from "./clsx-AexbMWKp.js";
 import { X as L } from "./x-B9bYxG31.js";
 import { forwardRef as f, Children as N, isValidElement as w } from "react";

package/chunks/{TextArea-Z4BKGpA9.js → TextArea-C7l7_Kof.js}

@@ -4,12 +4,12 @@ import { forwardRef as c, useState as F } from "react";
 import { useContextProps as u, TextFieldContext as y, TextField as g, InputContext as P, Input as b, TextArea as C } from "react-aria-components";
 import { a as I, c as h } from "./clsx-AexbMWKp.js";
 import { s as d } from "./TextField.module-BDIbEV87.js";
-import { B as A } from "./Button-D22xOe8j.js";
+import { B as A } from "./Button-GCROAMSl.js";
 import { u as B } from "./useLocalizedStringFormatter-BHvsRxDk.js";
 import { T as L } from "./Text-D0r_W4lH.js";
 import { F as f } from "./FieldError-krpMBtie.js";
 import { C as S } from "./CharacterCounter-Dgnv-orm.js";
-import { a as v, L as E } from "./Label-BNQY5OnB.js";
+import { a as v, L as E } from "./Label-Cg0aAlnt.js";
 const x = c(
   (e, o) => {
     [e] = u(e, o, y);

package/chunks/Toast-BFq_0Ue4.js

@@ -0,0 +1,158 @@
+'use client';
+import { jsx as n, jsxs as c, Fragment as T } from "react/jsx-runtime";
+import { B as f } from "./Button-GCROAMSl.js";
+import { useToast as p, useToastRegion as g } from "react-aria";
+import { ToastQueue as q, useToastQueue as w, useToastState as h } from "react-stately";
+import _ from "react";
+import { createPortal as R, flushSync as y } from "react-dom";
+import { c as l } from "./clsx-AexbMWKp.js";
+import { F as b } from "./FeedbackStatusIcon-X9Bjgeta.js";
+import { X as P } from "./x-B9bYxG31.js";
+import '../assets/Toast.css';const I = "_toastRegion_1vq8s_49", N = "_toast_1vq8s_49", E = "_success_1vq8s_98", O = "_info_1vq8s_106", x = "_important_1vq8s_114", C = "_warning_1vq8s_122", M = "_icon_1vq8s_130", S = "_toastContent_1vq8s_144", k = "_toastMessage_1vq8s_151", B = "_viewTransition_1vq8s_157", F = "_slideInTop_1vq8s_1", Q = "_slideInEnd_1vq8s_1", V = "_slideOutTop_1vq8s_1", j = "_slideOutEnd_1vq8s_1", e = {
+  toastRegion: I,
+  toast: N,
+  success: E,
+  info: O,
+  important: x,
+  warning: C,
+  icon: M,
+  toastContent: S,
+  toastMessage: k,
+  viewTransition: B,
+  slideInTop: F,
+  slideInEnd: Q,
+  slideOutTop: V,
+  slideOutEnd: j
+}, u = {
+  wrapUpdate(t) {
+    "startViewTransition" in document ? document.startViewTransition(() => {
+      y(t);
+    }) : t();
+  },
+  maxVisibleToasts: 5
+}, G = new q(u), Y = (t) => {
+  const o = w(G);
+  return o.visibleToasts.length > 0 ? R(
+    /* @__PURE__ */ n(
+      d,
+      {
+        ...t,
+        state: o
+      }
+    ),
+    document.body
+  ) : null;
+}, Z = ({ children: t, ...o }) => {
+  const s = h(u);
+  return /* @__PURE__ */ c(T, { children: [
+    typeof t == "function" ? t(s) : t,
+    s.visibleToasts.length > 0 && /* @__PURE__ */ n(
+      d,
+      {
+        ...o,
+        state: s
+      }
+    )
+  ] });
+};
+function d({
+  state: t,
+  className: o,
+  ...s
+}) {
+  const a = _.useRef(null), { regionProps: r } = g(s, t, a);
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      ...r,
+      ref: a,
+      className: l(e.toastRegion, o),
+      children: t.visibleToasts.map((i) => /* @__PURE__ */ n(
+        z,
+        {
+          toast: i,
+          state: t
+        },
+        i.key
+      ))
+    }
+  );
+}
+function z({
+  state: t,
+  className: o,
+  ...s
+}) {
+  const a = _.useRef(null), { toastProps: r, contentProps: i, titleProps: m, closeButtonProps: v } = p(
+    s,
+    t,
+    a
+  );
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      ...r,
+      ref: a,
+      className: l(
+        e.toast,
+        e[s.toast.content.type],
+        o
+      ),
+      style: {
+        viewTransitionName: s.toast.key,
+        viewTransitionClass: e.viewTransition
+      },
+      children: [
+        /* @__PURE__ */ c(
+          "div",
+          {
+            ...i,
+            className: l(e.toastContent, i.className),
+            children: [
+              /* @__PURE__ */ n(
+                b,
+                {
+                  "aria-hidden": !0,
+                  className: e.icon,
+                  status: s.toast.content.type
+                }
+              ),
+              /* @__PURE__ */ c("div", { children: [
+                /* @__PURE__ */ n(
+                  "p",
+                  {
+                    className: e.toastMessage,
+                    ...m,
+                    children: s.toast.content.message
+                  }
+                ),
+                s.toast.content.children
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ n(
+          f,
+          {
+            variant: "icon",
+            ...v,
+            children: /* @__PURE__ */ n(
+              P,
+              {
+                size: 20,
+                "aria-hidden": !0
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  Y as G,
+  z as T,
+  Z as a,
+  d as b,
+  G as t
+};

package/chunks/{ToggleButtonGroup-Bv9xpwTT.js → ToggleButtonGroup-DRnEEi5-.js}

@@ -1,6 +1,6 @@
 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-BW0TvYZ2.js";
+import { B as t } from "./Button.module-byTN5rhp.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,

package/chunks/{Tooltip-C1bbgr2l.js → Tooltip-BYEaNkZG.js}

@@ -1,17 +1,17 @@
-import { jsx as t, jsxs as l, Fragment as e } from "react/jsx-runtime";
+import { jsx as t, jsxs as a, Fragment as l } from "react/jsx-runtime";
 import { c as p } from "./clsx-AexbMWKp.js";
-import { Tooltip as n, OverlayArrow as c, TooltipTrigger as g } from "react-aria-components";
-import '../assets/Tooltip.css';const T = "_tooltip_2gvxu_1", m = "_arrow_2gvxu_18", i = {
-  tooltip: T,
+import { Tooltip as n, OverlayArrow as c, TooltipTrigger as T } from "react-aria-components";
+import '../assets/Tooltip.css';const g = "_tooltip_exq12_1", m = "_arrow_exq12_18", i = {
+  tooltip: g,
   arrow: m
 };
-function x({ children: o, className: r, ...s }) {
+function h({ children: o, className: r, ...s }) {
   return /* @__PURE__ */ t(
     n,
     {
       className: p(i.tooltip, r),
       ...s,
-      children: (a) => /* @__PURE__ */ l(e, { children: [
+      children: (e) => /* @__PURE__ */ a(l, { children: [
         /* @__PURE__ */ t(c, { className: i.arrow, children: /* @__PURE__ */ t(
           "svg",
           {
@@ -21,17 +21,17 @@ function x({ children: o, className: r, ...s }) {
             children: /* @__PURE__ */ t("path", { d: "M0 0 L4 4 L8 0" })
           }
         ) }),
-        typeof o == "function" ? o(a) : o
+        typeof o == "function" ? o(e) : o
       ] })
     }
   );
 }
-function h({
+function _({
   delay: o = 0,
   ...r
 }) {
   return /* @__PURE__ */ t(
-    g,
+    T,
     {
       delay: o,
       ...r
@@ -39,6 +39,6 @@ function h({
   );
 }
 export {
-  x as T,
-  h as a
+  h as T,
+  _ as a
 };

package/clear-button/index.js

@@ -1,4 +1,4 @@
-import { C as t } from "../chunks/ClearButton-DfwjeVYh.js";
+import { C as t } from "../chunks/ClearButton-DkC8PIMi.js";
 export {
   t as ClearButton
 };

package/color-scheme-switch/index.js

@@ -1,4 +1,4 @@
-import { C as r } from "../chunks/ColorSchemeSwitch-D52V0sr3.js";
+import { C as r } from "../chunks/ColorSchemeSwitch-gD9pFu9h.js";
 export {
   r as ColorSchemeSwitch
 };

package/combobox/index.js

@@ -1,4 +1,4 @@
-import { C as r } from "../chunks/ComboBox-BGMkkxN2.js";
+import { C as r } from "../chunks/ComboBox-BEUfJ6IN.js";
 export {
   r as ComboBox
 };

package/date-field/index.js

@@ -1,4 +1,4 @@
-import { D as t } from "../chunks/DateField-kEqIc-Nc.js";
+import { D as t } from "../chunks/DateField-Bwis4G2o.js";
 import { D as r, a as o, b as p } from "../chunks/DateInputDivider-DwopMIb9.js";
 export {
   t as DateField,

package/date-picker/index.js

@@ -1,4 +1,4 @@
-import { D as r, a as t } from "../chunks/DateRangePicker-B7d3F0qi.js";
+import { D as r, a as t } from "../chunks/DateRangePicker-5E41DzGI.js";
 export {
   r as DatePicker,
   t as DateRangePicker