mada-design-system 0.5.11 → 0.5.12

package/index.es259.js

@@ -1,13 +1,64 @@
-import { createClassUtils as r } from "./index.es305.js";
-import { createLruCache as t } from "./index.es306.js";
-import { createSplitModifiers as i } from "./index.es307.js";
-function s(e) {
-  return {
-    cache: t(e.cacheSize),
-    splitModifiers: i(e),
-    ...r(e)
-  };
+import * as a from "react";
+import p from "./index.es340.js";
+import h from "./index.es375.js";
+import v from "./index.es302.js";
+function S(t, u, e, o, i) {
+  const [r, f] = a.useState(() => i && e ? e(t).matches : o ? o(t).matches : u);
+  return v(() => {
+    let c = !0;
+    if (!e)
+      return;
+    const n = e(t), m = () => {
+      c && f(n.matches);
+    };
+    return m(), n.addListener(m), () => {
+      c = !1, n.removeListener(m);
+    };
+  }, [t, e]), r;
+}
+const d = a["useSyncExternalStore"];
+function w(t, u, e, o, i) {
+  const r = a.useCallback(() => u, [u]), f = a.useMemo(() => {
+    if (i && e)
+      return () => e(t).matches;
+    if (o !== null) {
+      const {
+        matches: s
+      } = o(t);
+      return () => s;
+    }
+    return r;
+  }, [r, t, o, i, e]), [c, n] = a.useMemo(() => {
+    if (e === null)
+      return [r, () => () => {
+      }];
+    const s = e(t);
+    return [() => s.matches, (l) => (s.addListener(l), () => {
+      s.removeListener(l);
+    })];
+  }, [r, e, t]);
+  return d(n, c, f);
+}
+function y(t, u = {}) {
+  const e = p(), o = typeof window < "u" && typeof window.matchMedia < "u", {
+    defaultMatches: i = !1,
+    matchMedia: r = o ? window.matchMedia : null,
+    ssrMatchMedia: f = null,
+    noSsr: c = !1
+  } = h({
+    name: "MuiUseMediaQuery",
+    props: u,
+    theme: e
+  });
+  process.env.NODE_ENV;
+  let n = typeof t == "function" ? t(e) : t;
+  n = n.replace(/^@media( ?)/m, "");
+  const s = (d !== void 0 ? w : S)(n, i, r, f, c);
+  return process.env.NODE_ENV !== "production" && a.useDebugValue({
+    query: n,
+    match: s
+  }), s;
 }
 export {
-  s as createConfigUtils
+  y as default
 };

package/index.es26.js

@@ -1,23 +1,53 @@
-import { jsx as t } from "react/jsx-runtime";
-import * as o from "@radix-ui/react-collapsible";
+import { jsx as e } from "react/jsx-runtime";
+import * as t from "@radix-ui/react-checkbox";
 import * as s from "react";
-import { cn as i } from "./index.es85.js";
-const c = o.Root, b = s.forwardRef(({ className: r, children: e, ...l }, a) => /* @__PURE__ */ t(
-  o.Trigger,
+import { cva as i } from "./index.es105.js";
+import { cn as r } from "./index.es86.js";
+const b = i(
+  `flex aspect-square justify-center items-center data-[state=checked]:text-icon-oncolor enabled:active:data-[state=unchecked]:bg-control-pressed border border-control-border enabled:hover:bg-control-ripple-effect enabled:focus:ring-2 enabled:focus:ring-border-black enabled:focus:ring-offset-2 disabled:cursor-not-allowed
+    disabled:border-border-disabled disabled:data-[state=checked]:text-control-disabled disabled:data-[state=checked]:border-none disabled:bg-disabled-background-disabled
+     `,
   {
-    ref: a,
-    className: i(
-      "group hover:bg-button-background-neutral focus:border-2 focus:border-black active:bg-button-background-neutral-pressed",
-      r
-    ),
-    ...l,
-    children: e
+    variants: {
+      colors: {
+        primary: `data-[state=checked]:border-control-primary-checked data-[state=indeterminate]:border-control-primary-checked  data-[state=checked]:bg-control-primary-checked data-[state=indeterminate]:bg-control-primary-checked
+                enabled:hover:data-[state=checked]:border-control-primary-hovered enabled:hover:data-[state=checked]:bg-control-primary-hovered enabled:hover:data-[state=indeterminate]:border-control-primary-hovered enabled:hover:data-[state=indeterminate]:bg-control-primary-hovered
+                enabled:active:data-[state=checked]:border-control-primary-pressed enabled:active:data-[state=checked]:bg-control-primary-pressed enabled:active:data-[state=indeterminate]:border-control-primary-pressed enabled:active:data-[state=indeterminate]:bg-control-primary-pressed
+                `,
+        neutral: `data-[state=checked]:border-control-neutral-checked data-[state=checked]:bg-control-neutral-checked data-[state=indeterminate]:border-control-neutral-checked data-[state=indeterminate]:bg-control-neutral-checked
+                enabled:hover:data-[state=checked]:border-control-neutral-hovered enabled:hover:data-[state=checked]:bg-control-neutral-hovered enabled:hover:data-[state=indeterminate]:border-control-neutral-hovered enabled:hover:data-[state=indeterminate]:bg-control-neutral-hovered
+                enabled:active:data-[state=checked]:border-control-neutral-pressed enabled:active:data-[state=checked]:bg-control-neutral-pressed enabled:active:data-[state=indeterminate]:border-control-neutral-pressed enabled:active:data-[state=indeterminate]:bg-control-neutral-pressed
+                `
+      },
+      size: {
+        default: "h-space-05 w-space-05 [&>span>svg]:size-space-05",
+        sm: "h-[20px] w-[20px] [&>span>svg]:size-[20px]",
+        xs: "h-space-04 w-space-04 [&>span>svg]:size-space-04"
+      }
+    },
+    defaultVariants: {
+      colors: "primary",
+      size: "default"
+    }
   }
-));
-b.displayName = o.CollapsibleTrigger.displayName;
-const m = o.CollapsibleContent;
+), h = s.forwardRef(({ className: d, colors: o, checked: a, size: n, ...c }, l) => /* @__PURE__ */ e(t.Root, { ref: l, checked: a, className: r(b({ colors: o, size: n, className: d })), ...c, children: /* @__PURE__ */ e(t.Indicator, { className: r("flex items-center justify-center text-current  "), children: a === "indeterminate" ? /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ e(
+  "path",
+  {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M6 12C6 11.1716 6.67157 10.5 7.5 10.5H16.5C17.3284 10.5 18 11.1716 18 12C18 12.8284 17.3284 13.5 16.5 13.5H7.5C6.67157 13.5 6 12.8284 6 12Z",
+    fill: "white"
+  }
+) }) : /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ e(
+  "path",
+  {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M17.5945 7.53531C18.1352 8.07604 18.1352 8.95274 17.5945 9.49347L11.2483 15.8397C10.9886 16.0994 10.6365 16.2452 10.2692 16.2452C9.90201 16.2452 9.54983 16.0994 9.29016 15.8397L6.40554 12.955C5.86482 12.4143 5.86482 11.5376 6.40554 10.9969C6.94627 10.4562 7.82296 10.4562 8.36369 10.9969L10.2692 12.9025L15.6363 7.53531C16.177 6.99458 17.0537 6.99458 17.5945 7.53531Z",
+    fill: "white"
+  }
+) }) }) }));
+h.displayName = t.Root.displayName;
 export {
-  c as Collapsible,
-  m as CollapsibleContent,
-  b as CollapsibleTrigger
+  h as Checkbox
 };

package/index.es260.js

@@ -1,41 +1,7 @@
-import { sortModifiers as M, IMPORTANT_MODIFIER as c } from "./index.es307.js";
-var v = /\s+/;
-function P(I, t) {
-  var m = t.splitModifiers, d = t.getClassGroupId, p = t.getConflictingClassGroupIds, f = /* @__PURE__ */ new Set();
-  return I.trim().split(v).map(function(i) {
-    var s = m(i), e = s.modifiers, n = s.hasImportantModifier, r = s.baseClassName, a = s.maybePostfixModifierPosition, o = d(a ? r.substring(0, a) : r), l = !!a;
-    if (!o) {
-      if (!a)
-        return {
-          isTailwindClass: !1,
-          originalClassName: i
-        };
-      if (o = d(r), !o)
-        return {
-          isTailwindClass: !1,
-          originalClassName: i
-        };
-      l = !1;
-    }
-    var u = M(e).join(":"), C = n ? u + c : u;
-    return {
-      isTailwindClass: !0,
-      modifierId: C,
-      classGroupId: o,
-      originalClassName: i,
-      hasPostfixModifier: l
-    };
-  }).reverse().filter(function(i) {
-    if (!i.isTailwindClass)
-      return !0;
-    var s = i.modifierId, e = i.classGroupId, n = i.hasPostfixModifier, r = s + e;
-    return f.has(r) ? !1 : (f.add(r), p(e, n).forEach(function(a) {
-      return f.add(s + a);
-    }), !0);
-  }).reverse().map(function(i) {
-    return i.originalClassName;
-  }).join(" ");
-}
+import a from "./index.es221.js";
+import r from "./index.es220.js";
+const s = (e) => r("MuiPickersCalendarHeader", e), l = a("MuiPickersCalendarHeader", ["root", "labelContainer", "label", "switchViewButton", "switchViewIcon"]);
 export {
-  P as mergeClassList
+  s as getPickersCalendarHeaderUtilityClass,
+  l as pickersCalendarHeaderClasses
 };