mada-design-system 0.0.9 → 0.0.11

package/index.es148.js

@@ -1,6 +1,13 @@
-const o = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), t = {
-  randomUUID: o
-};
+import e from "./index.es182.js";
+const c = e("AccessTime", [
+  [
+    "path",
+    {
+      d: "M11.99 2C6.47 2 2 6.48 2 12C2 17.52 6.47 22 11.99 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 11.99 2ZM12 20C7.58 20 4 16.42 4 12C4 7.58 7.58 4 12 4C16.42 4 20 7.58 20 12C20 16.42 16.42 20 12 20ZM12.5 7H11V13L16.25 16.15L17 14.92L12.5 12.25V7Z",
+      key: "1m56z5"
+    }
+  ]
+]);
 export {
-  t as default
+  c as default
 };

package/index.es149.js

@@ -1,10 +1,13 @@
-let t;
-const e = new Uint8Array(16);
-function o() {
-  if (!t && (t = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !t))
-    throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-  return t(e);
-}
+import C from "./index.es182.js";
+const L = C("LightMode", [
+  [
+    "path",
+    {
+      d: "M12 9C13.65 9 15 10.35 15 12C15 13.65 13.65 15 12 15C10.35 15 9 13.65 9 12C9 10.35 10.35 9 12 9ZM12 7C9.24 7 7 9.24 7 12C7 14.76 9.24 17 12 17C14.76 17 17 14.76 17 12C17 9.24 14.76 7 12 7ZM2 13H4C4.55 13 5 12.55 5 12C5 11.45 4.55 11 4 11H2C1.45 11 1 11.45 1 12C1 12.55 1.45 13 2 13ZM20 13H22C22.55 13 23 12.55 23 12C23 11.45 22.55 11 22 11H20C19.45 11 19 11.45 19 12C19 12.55 19.45 13 20 13ZM11 2V4C11 4.55 11.45 5 12 5C12.55 5 13 4.55 13 4V2C13 1.45 12.55 1 12 1C11.45 1 11 1.45 11 2ZM11 20V22C11 22.55 11.45 23 12 23C12.55 23 13 22.55 13 22V20C13 19.45 12.55 19 12 19C11.45 19 11 19.45 11 20ZM5.99 4.58C5.6 4.19 4.96 4.19 4.58 4.58C4.19 4.97 4.19 5.61 4.58 5.99L5.64 7.05C6.03 7.44 6.67 7.44 7.05 7.05C7.43 6.66 7.44 6.02 7.05 5.64L5.99 4.58ZM18.36 16.95C17.97 16.56 17.33 16.56 16.95 16.95C16.56 17.34 16.56 17.98 16.95 18.36L18.01 19.42C18.4 19.81 19.04 19.81 19.42 19.42C19.81 19.03 19.81 18.39 19.42 18.01L18.36 16.95ZM19.42 5.99C19.81 5.6 19.81 4.96 19.42 4.58C19.03 4.19 18.39 4.19 18.01 4.58L16.95 5.64C16.56 6.03 16.56 6.67 16.95 7.05C17.34 7.43 17.98 7.44 18.36 7.05L19.42 5.99ZM7.05 18.36C7.44 17.97 7.44 17.33 7.05 16.95C6.66 16.56 6.02 16.56 5.64 16.95L4.58 18.01C4.19 18.4 4.19 19.04 4.58 19.42C4.97 19.8 5.61 19.81 5.99 19.42L7.05 18.36Z",
+      key: "o8npg5"
+    }
+  ]
+]);
 export {
-  o as default
+  L as default
 };

package/index.es15.js

@@ -1,81 +1,189 @@
-import { jsx as h } from "react/jsx-runtime";
-import m from "./index.es100.js";
-import b from "./index.es101.js";
-import L from "./index.es73.js";
-const w = ({ seriesData: e, title: l, tooltipFormatter: r, chartOptions: d, width: o = 200, height: t = 200, enableTooltip: p, center: c }) => {
-  var a, i;
-  const { dir: g } = L(), f = g === "rtl", n = (s) => f ? [...s].reverse() : s, u = {
-    chart: {
-      type: "pie",
-      plotBorderWidth: null,
-      plotShadow: !1,
-      width: o,
-      height: t,
-      margin: [0, 0, 0, 0],
-      spacing: [0, 0, 0, 0],
-      spacingTop: 0,
-      spacingBottom: 0,
-      spacingRight: 0,
-      spacingLeft: 0,
-      backgroundColor: "transparent",
-      style: { margin: "0 auto" },
-      ...d
-    },
-    title: {
-      text: l,
-      floating: !0,
-      align: "center",
-      verticalAlign: "middle",
-      y: 60,
-      x: 50,
-      width: 100,
-      useHTML: !0,
-      style: {}
-    },
-    tooltip: {
-      enabled: p,
-      followPointer: !1,
-      formatter: r || null
-    },
-    plotOptions: {
-      pie: {
-        size: o > t ? o : t,
-        states: {
-          hover: {
-            enabled: !0,
-            halo: {
-              size: 0,
-              opacity: 0.25
-            }
+import { jsx as t, jsxs as l } from "react/jsx-runtime";
+import { useSortable as R } from "./index.es104.js";
+import { cva as I } from "./index.es102.js";
+import * as n from "react";
+import { cn as d } from "./index.es76.js";
+import { strings as m } from "./index.es88.js";
+import { ComboboxControlNoForm as T } from "./index.es7.js";
+import { Button as N } from "./index.es22.js";
+import { DropdownMenu as V, DropdownMenuTrigger as k, DropdownMenuContent as A, DropdownMenuItem as j } from "./index.es30.js";
+import B from "./index.es113.js";
+import M from "./index.es114.js";
+import { Stack as S } from "./index.es40.js";
+import H from "./index.es115.js";
+const F = I("flex gap-space-04 flex-grow", {
+  variants: {
+    direction: {
+      col: "flex-col",
+      row: "flex-row"
+    }
+  },
+  defaultVariants: {
+    direction: "col"
+  }
+}), L = n.forwardRef(
+  ({ className: r, onConfigChange: e, isDragOverlay: s, isEditMode: a, config: o, isOver: i, children: p, ...u }, f) => {
+    const [c, b] = n.useState(!1), { attributes: w, listeners: g, setNodeRef: z, isDragging: v, transform: h, transition: W } = R({
+      id: o.alias,
+      disabled: !a || c
+    }), y = {
+      transform: h ? `translate3d(${h.x}px, ${h.y}px, 0)` : void 0,
+      transition: W
+    };
+    return /* @__PURE__ */ t(
+      "div",
+      {
+        ref: z,
+        ...w,
+        ...a && !s ? g : {},
+        className: d(
+          "cursor-auto rounded-3 border-2 transition-all duration-200",
+          a && !s && ["border-dashed", i ? "border-2 border-primary" : "border-border", v && "opacity-50"],
+          s && ["border border-solid border-primary"],
+          !a && "border-transparent",
+          o.size === "full" ? "sm:col-span-2" : "sm:col-span-1",
+          a && "cursor-move"
+        ),
+        children: /* @__PURE__ */ t(
+          "div",
+          {
+            style: y,
+            className: d(
+              "rounded-3 bg-background shadow-card-shadow transition-all duration-200",
+              v && "invisible",
+              a && "hover:shadow-card-hover-02"
+            ),
+            children: /* @__PURE__ */ l("div", { className: "flex flex-col", children: [
+              a && /* @__PURE__ */ t(
+                x,
+                {
+                  isResizable: o.isResizable,
+                  isMandatory: o.isMandatory,
+                  size: o.size,
+                  onSizeChange: (D) => e == null ? void 0 : e({ alias: o.alias, size: D }),
+                  onDelete: () => {
+                    e == null || e({ alias: o.alias, isVisible: !1 });
+                  },
+                  onButtonHover: b
+                }
+              ),
+              /* @__PURE__ */ t(
+                "div",
+                {
+                  ref: f,
+                  className: d(
+                    "flex h-[380px] flex-col gap-space-04 rounded-3 border border-border-secondary bg-card p-space-04 transition-all duration-200",
+                    { "pointer-events-none": a },
+                    r
+                  ),
+                  ...u,
+                  children: p
+                }
+              )
+            ] })
           }
-        },
-        allowPointSelect: !1,
-        cursor: "pointer",
-        dataLabels: { enabled: !1 },
-        showInLegend: !1,
-        startAngle: -90,
-        endAngle: 90,
-        center: c ?? ["50%", "147%"],
-        innerSize: "85%",
-        borderWidth: 0,
-        borderRadius: 0
+        )
       }
-    },
-    series: [
+    );
+  }
+);
+L.displayName = "Widget";
+const $ = n.forwardRef(({ className: r, ...e }, s) => /* @__PURE__ */ t("div", { ref: s, className: d("flex items-center justify-between bg-card", r), ...e }));
+$.displayName = "WidgetHeader";
+const P = n.forwardRef(({ className: r, children: e, ...s }, a) => /* @__PURE__ */ t("h3", { ref: a, className: d("flex items-center gap-space-02 text-subtitle-01 font-bold text-card-foreground", r), ...s, children: e }));
+P.displayName = "WidgetTitle";
+const q = ({ actions: r }) => {
+  if (r.length === 1) {
+    const { label: e, icon: s, onClick: a, "data-testid": o, ...i } = r[0];
+    return /* @__PURE__ */ l(
+      N,
       {
-        ...e[0],
-        data: n(((a = e[0]) == null ? void 0 : a.data) || []),
-        colors: (i = e[0]) != null && i.colors ? n(e[0].colors) : void 0,
-        borderWidth: 0,
-        groupPadding: 0,
-        pointPadding: 0,
-        grouping: !1,
-        shadow: !1
+        onClick: a,
+        variant: i.variant,
+        "data-testid": o,
+        size: i.size,
+        ...i,
+        className: d(i.className),
+        children: [
+          s,
+          e
+        ]
       }
-    ]
-  };
-  return /* @__PURE__ */ h(b, { highcharts: m, options: u });
+    );
+  }
+  return /* @__PURE__ */ l(V, { children: [
+    /* @__PURE__ */ t(k, { asChild: !0, children: /* @__PURE__ */ t(N, { variant: "ghost", size: "icon", children: /* @__PURE__ */ t(B, { className: "h-5 w-5" }) }) }),
+    /* @__PURE__ */ t(A, { className: "min-w-[232px]", children: r.map((e) => {
+      const { label: s, icon: a, "data-testid": o, onClick: i } = e;
+      return /* @__PURE__ */ l(j, { onClick: i, className: "cursor-pointer", "data-testid": o, children: [
+        a && /* @__PURE__ */ t("span", { className: "mr-2", children: a }),
+        s
+      ] }, e == null ? void 0 : e.label);
+    }) })
+  ] });
 };
+q.displayName = "WidgetActions";
+const G = n.forwardRef(
+  ({ className: r, direction: e, ...s }, a) => /* @__PURE__ */ t("div", { ref: a, className: d(F({ direction: e }), "overflow-hidden", r), ...s })
+);
+G.displayName = "WidgetContent";
+const J = (r) => ({
+  onMouseEnter: () => r(!0),
+  onMouseLeave: () => r(!1),
+  onTouchStart: () => r(!0),
+  onTouchEnd: () => {
+    setTimeout(() => r(!1), 100);
+  }
+}), x = n.forwardRef(
+  ({ onSizeChange: r, isMandatory: e, isResizable: s, onDelete: a, size: o, className: i, onButtonHover: p, ...u }, f) => {
+    const c = J(p ?? (() => {
+    }));
+    return /* @__PURE__ */ l(
+      "div",
+      {
+        ref: f,
+        className: d(
+          "relative z-50 flex min-h-space-09 items-center justify-between gap-space-01 rounded-3 bg-background p-space-02",
+          i
+        ),
+        ...u,
+        children: [
+          /* @__PURE__ */ t(M, { className: "size-[18px]" }),
+          /* @__PURE__ */ l(S, { gap: 2, alignItems: "center", children: [
+            s && /* @__PURE__ */ t("div", { ...c, children: /* @__PURE__ */ t(
+              T,
+              {
+                className: "hidden sm:flex",
+                rounded: "default",
+                size: "sm",
+                options: [
+                  { Name: m.DragAndDrop.Half, Value: "half" },
+                  { Name: m.DragAndDrop.Full, Value: "full" }
+                ],
+                optionLabel: "Name",
+                optionValue: "Value",
+                placeholder: m.DragAndDrop.Width,
+                onChange: (b) => {
+                  r && r(b);
+                },
+                value: o ?? ""
+              }
+            ) }),
+            !e && /* @__PURE__ */ t("div", { ...c, children: /* @__PURE__ */ l(N, { variant: "outline", size: "sm", onClick: a, className: "gap-space-01", rounded: "default", children: [
+              /* @__PURE__ */ t(H, { className: "size-[20px]" }),
+              m.DragAndDrop.Delete
+            ] }) })
+          ] })
+        ]
+      }
+    );
+  }
+);
+x.displayName = "WidgetEditMode";
 export {
-  w as PieChart
+  L as Widget,
+  q as WidgetActions,
+  G as WidgetContent,
+  $ as WidgetHeader,
+  P as WidgetTitle
 };

package/index.es150.js

@@ -1,9 +1,13 @@
-const i = [];
-for (let n = 0; n < 256; ++n)
-  i.push((n + 256).toString(16).slice(1));
-function c(n, u = 0) {
-  return i[n[u + 0]] + i[n[u + 1]] + i[n[u + 2]] + i[n[u + 3]] + "-" + i[n[u + 4]] + i[n[u + 5]] + "-" + i[n[u + 6]] + i[n[u + 7]] + "-" + i[n[u + 8]] + i[n[u + 9]] + "-" + i[n[u + 10]] + i[n[u + 11]] + i[n[u + 12]] + i[n[u + 13]] + i[n[u + 14]] + i[n[u + 15]];
-}
+import C from "./index.es182.js";
+const e = C("DarkMode", [
+  [
+    "path",
+    {
+      d: "M9.37 5.51C9.19 6.15 9.1 6.82 9.1 7.5C9.1 11.58 12.42 14.9 16.5 14.9C17.18 14.9 17.85 14.81 18.49 14.63C17.45 17.19 14.93 19 12 19C8.14 19 5 15.86 5 12C5 9.07 6.81 6.55 9.37 5.51ZM12 3C7.03 3 3 7.03 3 12C3 16.97 7.03 21 12 21C16.97 21 21 16.97 21 12C21 11.54 20.96 11.08 20.9 10.64C19.92 12.01 18.32 12.9 16.5 12.9C13.52 12.9 11.1 10.48 11.1 7.5C11.1 5.69 11.99 4.08 13.36 3.1C12.92 3.04 12.46 3 12 3Z",
+      key: "ox2pzq"
+    }
+  ]
+]);
 export {
-  c as unsafeStringify
+  e as default
 };

package/index.es151.js

@@ -1,13 +1,13 @@
-function e() {
-  return e = Object.assign ? Object.assign.bind() : function(t) {
-    for (var n = 1; n < arguments.length; n++) {
-      var a = arguments[n];
-      for (var r in a)
-        ({}).hasOwnProperty.call(a, r) && (t[r] = a[r]);
+import r from "./index.es182.js";
+const e = r("KeyboardArrowUp", [
+  [
+    "path",
+    {
+      d: "M7.41 15.7049L12 11.1249L16.59 15.7049L18 14.2949L12 8.29492L6 14.2949L7.41 15.7049Z",
+      key: "1jcnwk"
     }
-    return t;
-  }, e.apply(null, arguments);
-}
+  ]
+]);
 export {
   e as default
 };

package/index.es152.js

@@ -1,15 +1,13 @@
-function r(t, i) {
-  if (t == null)
-    return {};
-  var o = {};
-  for (var e in t)
-    if ({}.hasOwnProperty.call(t, e)) {
-      if (i.indexOf(e) !== -1)
-        continue;
-      o[e] = t[e];
+import e from "./index.es182.js";
+const c = e("Check", [
+  [
+    "path",
+    {
+      d: "M8.79508 15.8749L4.62508 11.7049L3.20508 13.1149L8.79508 18.7049L20.7951 6.70492L19.3851 5.29492L8.79508 15.8749Z",
+      key: "5stcsf"
     }
-  return o;
-}
+  ]
+]);
 export {
-  r as default
+  c as default
 };

package/index.es153.js

@@ -1,15 +1,24 @@
-import { getDefaultExportFromCjs as e } from "./index.es135.js";
-import { __module as r } from "./index.es193.js";
-import { __require as o } from "./index.es194.js";
-import { __require as t } from "./index.es195.js";
-import { __require as p } from "./index.es196.js";
-if (process.env.NODE_ENV !== "production") {
-  var s = o(), i = !0;
-  r.exports = t()(s.isElement, i);
-} else
-  r.exports = p()();
-var m = r.exports;
-const q = /* @__PURE__ */ e(m);
+import { createStore as s } from "./index.es189.js";
+import u from "react";
+import a from "./index.es190.js";
+const { useDebugValue: E } = u, { useSyncExternalStoreWithSelector: l } = a;
+const c = (t) => t;
+function d(t, e = c, o) {
+  const n = l(
+    t.subscribe,
+    t.getState,
+    t.getServerState || t.getInitialState,
+    e,
+    o
+  );
+  return E(n), n;
+}
+const r = (t) => {
+  const e = typeof t == "function" ? s(t) : t, o = (n, i) => d(e, n, i);
+  return Object.assign(o, e), o;
+}, I = (t) => t ? r(t) : r;
 export {
-  q as default
+  I as create,
+  s as createStore,
+  d as useStore
 };

package/index.es154.js

@@ -1,108 +1,13 @@
-import l from "./index.es151.js";
-import * as i from "react";
-import { useIsDateDisabled as F } from "./index.es197.js";
-import { useNow as I, useUtils as k } from "./index.es155.js";
-import { singleItemValueManager as x } from "./index.es163.js";
-import { SECTION_TYPE_GRANULARITY as T } from "./index.es198.js";
-import N from "./index.es170.js";
-const P = (a, s, r) => (n, e) => {
-  switch (e.type) {
-    case "changeMonth":
-      return l({}, n, {
-        slideDirection: e.direction,
-        currentMonth: e.newMonth,
-        isMonthSwitchingAnimating: !a
-      });
-    case "finishMonthSwitchingAnimation":
-      return l({}, n, {
-        isMonthSwitchingAnimating: !1
-      });
-    case "changeFocusedDay": {
-      if (n.focusedDay != null && e.focusedDay != null && r.isSameDay(e.focusedDay, n.focusedDay))
-        return n;
-      const h = e.focusedDay != null && !s && !r.isSameMonth(n.currentMonth, e.focusedDay);
-      return l({}, n, {
-        focusedDay: e.focusedDay,
-        isMonthSwitchingAnimating: h && !a && !e.withoutMonthSwitchingAnimation,
-        currentMonth: h ? r.startOfMonth(e.focusedDay) : n.currentMonth,
-        slideDirection: e.focusedDay != null && r.isAfterDay(e.focusedDay, n.currentMonth) ? "left" : "right"
-      });
+import V from "./index.es182.js";
+const e = V("ViewSidebar", [
+  [
+    "path",
+    {
+      d: "M2 4V20H22V4H2ZM20 8.67H17.5V6H20V8.67ZM17.5 10.67H20V13.34H17.5V10.67ZM4 6H15.5V18H4V6ZM17.5 18V15.33H20V18H17.5Z",
+      key: "mhap71"
     }
-    default:
-      throw new Error("missing support");
-  }
-}, z = (a) => {
-  const {
-    value: s,
-    referenceDate: r,
-    defaultCalendarMonth: n,
-    disableFuture: e,
-    disablePast: h,
-    disableSwitchToMonthOnDayFocus: y = !1,
-    maxDate: w,
-    minDate: S,
-    onMonthChange: f,
-    reduceAnimations: p,
-    shouldDisableDate: A,
-    timezone: d
-  } = a, b = I(d), o = k(), C = i.useRef(P(!!p, y, o)).current, m = i.useMemo(
-    () => {
-      let t = null;
-      return r ? t = r : n && (t = o.startOfMonth(n)), x.getInitialReferenceValue({
-        value: s,
-        utils: o,
-        timezone: d,
-        props: a,
-        referenceDate: t,
-        granularity: T.day
-      });
-    },
-    []
-    // eslint-disable-line react-hooks/exhaustive-deps
-  ), [u, D] = i.useReducer(C, {
-    isMonthSwitchingAnimating: !1,
-    focusedDay: o.isValid(s) ? s : b,
-    currentMonth: o.startOfMonth(m),
-    slideDirection: "left"
-  }), M = i.useCallback((t) => {
-    D(l({
-      type: "changeMonth"
-    }, t)), f && f(t.newMonth);
-  }, [f]), R = i.useCallback((t) => {
-    const c = t;
-    o.isSameMonth(c, u.currentMonth) || M({
-      newMonth: o.startOfMonth(c),
-      direction: o.isAfterDay(c, u.currentMonth) ? "left" : "right"
-    });
-  }, [u.currentMonth, M, o]), g = F({
-    shouldDisableDate: A,
-    minDate: S,
-    maxDate: w,
-    disableFuture: e,
-    disablePast: h,
-    timezone: d
-  }), O = i.useCallback(() => {
-    D({
-      type: "finishMonthSwitchingAnimation"
-    });
-  }, []), E = N((t, c) => {
-    g(t) || D({
-      type: "changeFocusedDay",
-      focusedDay: t,
-      withoutMonthSwitchingAnimation: c
-    });
-  });
-  return {
-    referenceDate: m,
-    calendarState: u,
-    changeMonth: R,
-    changeFocusedDay: E,
-    isDateDisabled: g,
-    onMonthSwitchingAnimationEnd: O,
-    handleChangeMonth: M
-  };
-};
+  ]
+]);
 export {
-  P as createCalendarStateReducer,
-  z as useCalendarState
+  e as default
 };

package/index.es155.js

@@ -1,27 +1,13 @@
-import r from "./index.es151.js";
-import * as e from "react";
-import { MuiPickersAdapterContext as a } from "./index.es107.js";
-import { DEFAULT_LOCALE as s } from "./index.es199.js";
-const i = () => {
-  const t = e.useContext(a);
-  if (t === null)
-    throw new Error(["MUI: Can not find the date and time pickers localization context.", "It looks like you forgot to wrap your component in LocalizationProvider.", "This can also happen if you are bundling multiple versions of the `@mui/x-date-pickers` package"].join(`
-`));
-  if (t.utils === null)
-    throw new Error(["MUI: Can not find the date and time pickers adapter from its localization context.", "It looks like you forgot to pass a `dateAdapter` to your LocalizationProvider."].join(`
-`));
-  const o = e.useMemo(() => r({}, s, t.localeText), [t.localeText]);
-  return e.useMemo(() => r({}, t, {
-    localeText: o
-  }), [t, o]);
-}, l = () => i().utils, f = () => i().defaultDates, p = () => i().localeText, m = (t) => {
-  const o = l(), n = e.useRef();
-  return n.current === void 0 && (n.current = o.dateWithTimezone(void 0, t)), n.current;
-};
+import t from "./index.es182.js";
+const V = t("WidthFull", [
+  [
+    "path",
+    {
+      d: "M20 4H4C2.9 4 2 4.9 2 6V18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V6C22 4.9 21.1 4 20 4ZM4 18V6H5V18H4ZM7 18V6H17V18H7ZM20 18H19V6H20V18Z",
+      key: "xybwpn"
+    }
+  ]
+]);
 export {
-  f as useDefaultDates,
-  p as useLocaleText,
-  i as useLocalizationContext,
-  m as useNow,
-  l as useUtils
+  V as default
 };

package/index.es156.js

@@ -1,53 +1,14 @@
-import "react";
-import { clsx as p } from "./index.es86.js";
-import { getPickersFadeTransitionGroupUtilityClass as c } from "./index.es178.js";
-import { jsx as s } from "react/jsx-runtime";
-import u from "./index.es165.js";
-import l from "./index.es200.js";
-import d from "./index.es174.js";
-import f from "./index.es201.js";
-import T from "./index.es202.js";
-import h from "./index.es173.js";
-const k = (r) => {
-  const {
-    classes: o
-  } = r;
-  return h({
-    root: ["root"]
-  }, c, o);
-}, F = u(l, {
-  name: "MuiPickersFadeTransitionGroup",
-  slot: "Root",
-  overridesResolver: (r, o) => o.root
-})({
-  display: "block",
-  position: "relative"
-});
-function N(r) {
-  const o = d({
-    props: r,
-    name: "MuiPickersFadeTransitionGroup"
-  }), {
-    children: t,
-    className: i,
-    reduceAnimations: n,
-    transKey: a
-  } = o, m = k(o), e = f();
-  return n ? t : /* @__PURE__ */ s(F, {
-    className: p(m.root, i),
-    children: /* @__PURE__ */ s(T, {
-      appear: !1,
-      mountOnEnter: !0,
-      unmountOnExit: !0,
-      timeout: {
-        appear: e.transitions.duration.enteringScreen,
-        enter: e.transitions.duration.enteringScreen,
-        exit: 0
-      },
-      children: t
-    }, a)
-  });
+import * as o from "react";
+const e = 1280;
+function r() {
+  const [s, n] = o.useState(void 0);
+  return o.useEffect(() => {
+    const t = window.matchMedia(`(max-width: ${e - 1}px)`), i = () => {
+      n(window.innerWidth < e);
+    };
+    return t.addEventListener("change", i), n(window.innerWidth < e), () => t.removeEventListener("change", i);
+  }, []), !!s;
 }
 export {
-  N as PickersFadeTransitionGroup
+  r as useIsMobile
 };