mada-design-system 0.4.0 → 0.5.1

package/index.es425.js

@@ -0,0 +1,114 @@
+import { COMMENT as B, DECLARATION as F, RULESET as G } from "./index.es421.js";
+import { strlen as E, append as L, charat as I, replace as M, indexof as H, sizeof as J, substr as O, abs as K, trim as P, from as q } from "./index.es422.js";
+import { dealloc as Q, alloc as V, next as R, peek as x, delimit as y, identifier as W, commenter as X, escaping as Y, whitespace as Z, node as D, char as _, prev as $, caret as z } from "./index.es424.js";
+function ca(e) {
+  return Q(N("", null, null, null, [""], e = V(e), 0, [0], e));
+}
+function N(e, o, n, f, m, w, T, v, g) {
+  for (var l = 0, d = 0, r = T, h = 0, u = 0, b = 0, s = 1, A = 1, i = 1, c = 0, k = "", C = m, p = w, t = f, a = k; A; )
+    switch (b = c, c = R()) {
+      case 40:
+        if (b != 108 && I(a, r - 1) == 58) {
+          H(a += M(y(c), "&", "&\f"), "&\f") != -1 && (i = -1);
+          break;
+        }
+      case 34:
+      case 39:
+      case 91:
+        a += y(c);
+        break;
+      case 9:
+      case 10:
+      case 13:
+      case 32:
+        a += Z(b);
+        break;
+      case 92:
+        a += Y(z() - 1, 7);
+        continue;
+      case 47:
+        switch (x()) {
+          case 42:
+          case 47:
+            L(j(X(R(), z()), o, n), g);
+            break;
+          default:
+            a += "/";
+        }
+        break;
+      case 123 * s:
+        v[l++] = E(a) * i;
+      case 125 * s:
+      case 59:
+      case 0:
+        switch (c) {
+          case 0:
+          case 125:
+            A = 0;
+          case 59 + d:
+            i == -1 && (a = M(a, /\f/g, "")), u > 0 && E(a) - r && L(u > 32 ? U(a + ";", f, n, r - 1) : U(M(a, " ", "") + ";", f, n, r - 2), g);
+            break;
+          case 59:
+            a += ";";
+          default:
+            if (L(t = S(a, o, n, l, d, m, v, k, C = [], p = [], r), w), c === 123)
+              if (d === 0)
+                N(a, o, t, t, C, w, r, v, p);
+              else
+                switch (h === 99 && I(a, 3) === 110 ? 100 : h) {
+                  case 100:
+                  case 108:
+                  case 109:
+                  case 115:
+                    N(e, t, t, f && L(S(e, t, t, 0, 0, m, v, k, m, C = [], r), p), m, p, r, v, f ? C : p);
+                    break;
+                  default:
+                    N(a, t, t, t, [""], p, 0, v, p);
+                }
+        }
+        l = d = u = 0, s = i = 1, k = a = "", r = T;
+        break;
+      case 58:
+        r = 1 + E(a), u = b;
+      default:
+        if (s < 1) {
+          if (c == 123)
+            --s;
+          else if (c == 125 && s++ == 0 && $() == 125)
+            continue;
+        }
+        switch (a += q(c), c * s) {
+          case 38:
+            i = d > 0 ? 1 : (a += "\f", -1);
+            break;
+          case 44:
+            v[l++] = (E(a) - 1) * i, i = 1;
+            break;
+          case 64:
+            x() === 45 && (a += y(R())), h = x(), d = r = E(k = a += W(z())), c++;
+            break;
+          case 45:
+            b === 45 && E(a) == 2 && (s = 0);
+        }
+    }
+  return w;
+}
+function S(e, o, n, f, m, w, T, v, g, l, d) {
+  for (var r = m - 1, h = m === 0 ? w : [""], u = J(h), b = 0, s = 0, A = 0; b < f; ++b)
+    for (var i = 0, c = O(e, r + 1, r = K(s = T[b])), k = e; i < u; ++i)
+      (k = P(s > 0 ? h[i] + " " + c : M(c, /&\f/g, h[i]))) && (g[A++] = k);
+  return D(e, o, n, m === 0 ? G : v, g, l, d);
+}
+function j(e, o, n) {
+  return D(e, o, n, B, q(_()), O(e, 2, -2), 0);
+}
+function U(e, o, n, f) {
+  return D(e, o, n, F, O(e, 0, f), O(e, f + 1, -1), f);
+}
+export {
+  j as comment,
+  ca as compile,
+  U as declaration,
+  N as parse,
+  S as ruleset
+};

package/index.es426.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/index.es427.js

@@ -0,0 +1,4 @@
+var e = {};
+export {
+  e as __exports
+};

package/index.es428.js

@@ -0,0 +1,75 @@
+import * as n from "react";
+import e from "./index.es207.js";
+import { clsx as a } from "./index.es107.js";
+import { jsx as u } from "react/jsx-runtime";
+function x(c) {
+  const {
+    className: m,
+    classes: i,
+    pulsate: p = !1,
+    rippleX: d,
+    rippleY: f,
+    rippleSize: s,
+    in: t,
+    onExited: l,
+    timeout: r
+  } = c, [o, b] = n.useState(!1), h = a(m, i.ripple, i.rippleVisible, p && i.ripplePulsate), N = {
+    width: s,
+    height: s,
+    top: -(s / 2) + f,
+    left: -(s / 2) + d
+  }, g = a(i.child, o && i.childLeaving, p && i.childPulsate);
+  return !t && !o && b(!0), n.useEffect(() => {
+    if (!t && l != null) {
+      const v = setTimeout(l, r);
+      return () => {
+        clearTimeout(v);
+      };
+    }
+  }, [l, t, r]), /* @__PURE__ */ u("span", {
+    className: h,
+    style: N,
+    children: /* @__PURE__ */ u("span", {
+      className: g
+    })
+  });
+}
+process.env.NODE_ENV !== "production" && (x.propTypes = {
+  /**
+   * Override or extend the styles applied to the component.
+   * See [CSS API](#css) below for more details.
+   */
+  classes: e.object.isRequired,
+  className: e.string,
+  /**
+   * @ignore - injected from TransitionGroup
+   */
+  in: e.bool,
+  /**
+   * @ignore - injected from TransitionGroup
+   */
+  onExited: e.func,
+  /**
+   * If `true`, the ripple pulsates, typically indicating the keyboard focus state of an element.
+   */
+  pulsate: e.bool,
+  /**
+   * Diameter of the ripple.
+   */
+  rippleSize: e.number,
+  /**
+   * Horizontal position of the ripple center.
+   */
+  rippleX: e.number,
+  /**
+   * Vertical position of the ripple center.
+   */
+  rippleY: e.number,
+  /**
+   * exit delay
+   */
+  timeout: e.number.isRequired
+});
+export {
+  x as default
+};

package/index.es429.js

@@ -0,0 +1,11 @@
+function f(t) {
+  if (t === void 0)
+    return {};
+  const e = {};
+  return Object.keys(t).filter((n) => !(n.match(/^on[A-Z]/) && typeof t[n] == "function")).forEach((n) => {
+    e[n] = t[n];
+  }), e;
+}
+export {
+  f as default
+};

package/index.es43.js

@@ -1,16 +1,292 @@
-import { useLayoutEffect as s, useEffect as f } from "react";
-import { setLanguage as o } from "./index.es96.js";
+import { jsxs as c, jsx as e, Fragment as R } from "react/jsx-runtime";
+import * as l from "@radix-ui/react-navigation-menu";
+import { cva as H } from "./index.es110.js";
+import * as s from "react";
+import { Content as B } from "@radix-ui/react-dialog";
+import { Slot as v } from "@radix-ui/react-slot";
+import { useMediaQuery as L, useToggle as D } from "./index.es108.js";
+import { cn as n } from "./index.es85.js";
+import { strings as p } from "./index.es97.js";
 import "./index.es2.js";
-import u from "./index.es88.js";
-const w = ({ children: c, onLanguageChange: t, onDirChange: r }) => {
-  const { lang: i, dir: e } = u();
-  return s(() => {
-    var m;
-    document.dir = e, navigator.userAgent.indexOf("iPhone") > -1 && ((m = document == null ? void 0 : document.querySelector("[name=viewport]")) == null || m.setAttribute("content", "width=device-width, initial-scale=1, maximum-scale=1")), r == null || r();
-  }, [e, r]), f(() => {
-    i && (o(i), t == null || t());
-  }, [i, t]), c;
-};
+import { Button as f } from "./index.es22.js";
+import { Input as F } from "./index.es37.js";
+import { Sheet as M, SheetTrigger as _, SheetClose as x, SheetContent as K, SheetHeader as E, SheetTitle as G, SheetFooter as P } from "./index.es66.js";
+import O from "./index.es138.js";
+import N from "./index.es113.js";
+import Q from "./index.es139.js";
+import { ShouldRender as g } from "./index.es14.js";
+import h from "./index.es130.js";
+import q from "./index.es140.js";
+import { Stack as J } from "./index.es42.js";
+import U from "./index.es6.js";
+import { ToggleGroup as W, ToggleGroupItem as S } from "./index.es77.js";
+import y from "./index.es89.js";
+const X = s.forwardRef(({ className: t, children: a, ...r }, o) => {
+  const { dir: i } = y();
+  return /* @__PURE__ */ c(l.Root, { dir: i, ref: o, className: n("relative z-10 hidden flex-1 items-center lg:flex", t), ...r, children: [
+    a,
+    /* @__PURE__ */ e(C, {})
+  ] });
+});
+X.displayName = l.Root.displayName;
+const Y = s.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e(l.List, { ref: r, className: n("group flex flex-1 list-none items-center justify-center", t), ...a }));
+Y.displayName = l.List.displayName;
+const ze = l.Item, b = H(
+  `group relative inline-flex h-[72px] items-center justify-center gap-space-01 px-space-05 py-space-02 after:absolute  after:bottom-0  after:start-1/2  after:h-space-02  after:w-[calc(100%_-_16px)]  after:rounded-full
+     hover:bg-button-background-neutral-hovered hover:after:bg-background-neutral-400 focus:bg-transparent
+     focus:outline focus:outline-2 focus:outline-black active:bg-button-background-neutral-pressed active:after:bg-background-neutral-800
+     ltr:after:-translate-x-1/2  rtl:after:translate-x-1/2
+    data-[state=open]:bg-button-background-primary-hovered hover:data-[state=open]:bg-button-background-primary-hovered data-[state=open]:text-text-oncolor-primary hover:data-[state=open]:after:bg-background-primary-400 data-[state=open]:after:bg-background-primary-400 data-[state=open]:active:bg-button-background-primary-pressed
+    [&.active]:bg-button-background-primary-hovered [&.active]:text-text-oncolor-primary [&.active]:after:bg-background-primary-400 [&.active]:active:bg-button-background-primary-pressed`
+), Z = s.forwardRef(({ className: t, children: a, ...r }, o) => /* @__PURE__ */ c(l.Trigger, { ref: o, className: n(b(), "", t), ...r, children: [
+  a,
+  " ",
+  /* @__PURE__ */ e(
+    O,
+    {
+      size: 20,
+      className: "relative top-[1px] me-1 transition duration-200 group-data-[state=open]:rotate-180",
+      "aria-hidden": "true"
+    }
+  )
+] }));
+Z.displayName = l.Trigger.displayName;
+const $ = s.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e(
+  l.Content,
+  {
+    ref: r,
+    className: n(
+      "data-[motion=from-end]:animate-enterFromRight data-[motion=from-start]:animate-enterFromLeft data-[motion=to-end]:animate-exitToRight data-[motion=to-start]:animate-exitToLeft absolute start-0 top-0 w-full sm:w-auto",
+      t
+    ),
+    ...a
+  }
+));
+$.displayName = l.Content.displayName;
+const V = s.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e(
+  l.Link,
+  {
+    className: n(
+      "group relative inline-flex h-[72px] items-center justify-center gap-space-01 px-space-05 py-space-02 after:absolute after:bottom-0 after:start-1/2 after:h-space-02 after:w-[calc(100%_-_16px)] after:rounded-full hover:bg-button-background-neutral-hovered hover:after:bg-background-neutral-400 focus:bg-transparent focus:outline focus:outline-2 focus:outline-black active:bg-button-background-neutral-pressed active:after:bg-background-neutral-800 ltr:after:-translate-x-1/2 rtl:after:translate-x-1/2 [&.active]:bg-button-background-primary-hovered [&.active]:text-text-oncolor-primary [&.active]:after:bg-background-primary-400 [&.active]:active:bg-button-background-primary-pressed",
+      t
+    ),
+    ref: r,
+    ...a
+  }
+));
+V.displayName = l.Link.displayName;
+const C = s.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e("div", { className: n("absolute start-0 top-full flex justify-center"), children: /* @__PURE__ */ e(
+  l.Viewport,
+  {
+    className: n(
+      "origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]",
+      t
+    ),
+    ref: r,
+    ...a
+  }
+) }));
+C.displayName = l.Viewport.displayName;
+const ee = s.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e(
+  l.Indicator,
+  {
+    ref: r,
+    className: n(
+      "top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in",
+      t
+    ),
+    ...a,
+    children: /* @__PURE__ */ e("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
+  }
+));
+ee.displayName = l.Indicator.displayName;
+const te = s.forwardRef(
+  ({ className: t, divider: a = !1, children: r, ...o }, i) => /* @__PURE__ */ e(
+    "header",
+    {
+      ref: i,
+      className: n(
+        "relative z-50 flex h-[72px] min-h-[72px] w-full bg-background-menu px-space-04 md:px-space-06 ",
+        {
+          "after:absolute after:bottom-0 after:start-0 after:block after:h-[1px] after:w-full after:bg-background-neutral-100": a
+        },
+        t
+      ),
+      ...o,
+      children: /* @__PURE__ */ e("div", { className: "max-w-container mx-auto flex w-full items-center  justify-between ", children: r })
+    }
+  )
+);
+te.displayName = "NavigationHeader";
+const ae = s.forwardRef(
+  ({ className: t, logoAlt: a, logoSrc: r, ...o }, i) => /* @__PURE__ */ e("a", { ref: i, className: n("flex w-full shrink-0 md:justify-center lg:w-auto", t), ...o, children: /* @__PURE__ */ e("img", { src: r, alt: a || "logo" }) })
+);
+ae.displayName = "NavigationHeaderLogo";
+const re = s.forwardRef(({ className: t, collapsed: a, onToggleCollapsed: r, children: o, ...i }, d) => /* @__PURE__ */ c("div", { ref: d, className: n("flex w-full items-center gap-space-04", t), ...i, children: [
+  /* @__PURE__ */ e(f, { variant: "text", colors: "neutral", size: "icon", type: "button", rounded: "default", className: "lg:hidden", onClick: r, children: a ? /* @__PURE__ */ e(N, {}) : /* @__PURE__ */ e(Q, {}) }),
+  o
+] }));
+re.displayName = "NavigationMain";
+const oe = s.forwardRef(({ className: t, children: a, ...r }, o) => /* @__PURE__ */ e("div", { ref: o, className: n("flex items-center", t), ...r, children: a }));
+oe.displayName = "NavigationActions";
+const ne = s.forwardRef(
+  ({ className: t, children: a, asChild: r, ...o }, i) => {
+    const d = r ? v : "button", u = L("(max-width: 1023px)");
+    return /* @__PURE__ */ c(R, { children: [
+      /* @__PURE__ */ e(g, { shouldRender: r && u, children: /* @__PURE__ */ e(f, { asChild: !0, variant: "ghost", size: "icon", colors: "gray", children: /* @__PURE__ */ e(v, { ref: i, className: t, ...o, children: a }) }) }),
+      /* @__PURE__ */ e(g, { shouldRender: !u, children: /* @__PURE__ */ e(d, { className: n(b(), t), ref: i, ...o, children: a }) })
+    ] });
+  }
+);
+ne.displayName = "NavigationAction";
+const Te = ({
+  onSearch: t,
+  onValueChange: a,
+  children: r
+}) => {
+  const [o, i] = s.useState(""), d = L("(max-width: 1023px)"), [u, w, z] = D(), T = (m) => {
+    m.key === "Enter" && t(o.trim());
+  }, j = (m) => {
+    const k = m.target.value;
+    i(k), a == null || a(k);
+  }, I = () => {
+    i(""), t("");
+  }, A = () => {
+    t(o);
+  };
+  return /* @__PURE__ */ c(
+    M,
+    {
+      open: u,
+      onOpenChange: (m) => {
+        z(m), setTimeout(() => {
+          document.body.style.removeProperty("pointer-events");
+        }, 1e3);
+      },
+      children: [
+        /* @__PURE__ */ e(_, { asChild: !0, children: /* @__PURE__ */ c(R, { children: [
+          /* @__PURE__ */ e(g, { shouldRender: !d, children: /* @__PURE__ */ c("button", { className: b(), onClick: w, children: [
+            /* @__PURE__ */ e(h, {}),
+            " ",
+            /* @__PURE__ */ e("span", { className: "sr-only lg:not-sr-only", children: p.Shared.Search })
+          ] }) }),
+          /* @__PURE__ */ e(g, { shouldRender: d, children: /* @__PURE__ */ e(f, { variant: "ghost", colors: "gray", size: "icon", onClick: w, children: /* @__PURE__ */ e(h, {}) }) })
+        ] }) }),
+        /* @__PURE__ */ e(B, { className: "absolute inset-x-0 top-[72px] z-50 flex w-full flex-col overflow-y-auto rounded-b-3 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out sm:max-w-full", children: /* @__PURE__ */ e("div", { className: "scrollbar-thumb-rounded-full scrollbar-track-rounded-full scrollbar-w-2.5 scrollbar-h-2.5 h-full overflow-auto bg-background-menu p-space-05 scrollbar scrollbar-track-transparent scrollbar-thumb-border", children: /* @__PURE__ */ c("div", { className: "mx-auto flex max-w-screen-xl flex-col py-space-06", children: [
+          /* @__PURE__ */ e(x, { asChild: !0, className: "ms-auto", children: /* @__PURE__ */ e(f, { size: "icon-sm", rounded: "default", variant: "text", colors: "neutral", type: "button", children: /* @__PURE__ */ e(N, {}) }) }),
+          /* @__PURE__ */ c("div", { className: "flex gap-space-04 py-space-07", children: [
+            /* @__PURE__ */ e(
+              F,
+              {
+                rounded: "default",
+                value: o,
+                placeholder: p.Shared.Search,
+                startAdornment: /* @__PURE__ */ e(h, {}),
+                onKeyDown: T,
+                onChange: j,
+                endAdornment: o && /* @__PURE__ */ e("button", { type: "button", className: "text-text-default", onClick: I, children: /* @__PURE__ */ e(N, { size: 20 }) })
+              }
+            ),
+            /* @__PURE__ */ e(x, { asChild: !0, children: /* @__PURE__ */ e(f, { colors: "primary", rounded: "default", onClick: A, children: p.Shared.Search }) })
+          ] }),
+          r
+        ] }) }) })
+      ]
+    }
+  );
+}, je = ({ onValueChange: t, className: a }) => {
+  const { changeLang: r, lang: o } = y(), i = () => {
+    r(o === "ar" ? "en" : "ar"), t == null || t();
+  };
+  return /* @__PURE__ */ c("button", { className: n(b(), "hidden lg:inline-flex", a), onClick: i, "data-testid": "localizationBtn", children: [
+    /* @__PURE__ */ e(q, {}),
+    " ",
+    /* @__PURE__ */ e("span", { className: "sr-only lg:not-sr-only", children: p.Shared.siteLanguageText })
+  ] });
+}, Ie = ({
+  open: t,
+  onOpenChange: a,
+  children: r
+}) => /* @__PURE__ */ e(M, { open: t, onOpenChange: a, children: /* @__PURE__ */ e(K, { side: "right", className: "flex h-svh w-10/12 flex-col overflow-x-hidden p-0 sm:max-w-lg md:max-w-xl", children: r }) }), Ae = ({ children: t, className: a, ...r }) => /* @__PURE__ */ e(E, { hideCenter: !0, className: n("flex items-center justify-between bg-background-neutral-25 px-space-05", a), ...r, children: /* @__PURE__ */ e(G, { children: t }) }), He = ({
+  children: t,
+  className: a,
+  hideSwitchLang: r,
+  ...o
+}) => /* @__PURE__ */ c(P, { className: n("flex !flex-col gap-y-space-04 bg-transparent", a), ...o, children: [
+  /* @__PURE__ */ e(g, { shouldRender: !r, children: /* @__PURE__ */ e(ie, {}) }),
+  t
+] }), Be = ({ children: t, className: a, ...r }) => /* @__PURE__ */ e(
+  "div",
+  {
+    className: n(
+      "scrollbar-thumb-rounded-full scrollbar-track-rounded-full scrollbar-w-2.5 scrollbar-h-2.5 h-full overflow-auto bg-card p-space-04 text-foreground scrollbar scrollbar-track-transparent scrollbar-thumb-border",
+      a
+    ),
+    ...r,
+    children: t
+  }
+), ie = () => {
+  const { changeLang: t, lang: a } = y();
+  return /* @__PURE__ */ c(J, { justifyContent: "between", alignItems: "center", children: [
+    /* @__PURE__ */ e(U, { children: p.Shared.Language }),
+    /* @__PURE__ */ c(
+      W,
+      {
+        type: "single",
+        size: "sm",
+        "data-testid": "localizationBtn",
+        value: a,
+        variant: "outline",
+        colors: "gray",
+        onValueChange: (r) => {
+          t(r);
+        },
+        children: [
+          /* @__PURE__ */ e(S, { value: "ar", children: "العربية" }),
+          /* @__PURE__ */ e(S, { value: "en", children: "English" })
+        ]
+      }
+    )
+  ] });
+}, le = s.forwardRef(
+  ({ className: t, target: a, asChild: r, ...o }, i) => {
+    const d = r ? v : "a", u = a === "_blank" ? "noopener noreferrer" : "";
+    return /* @__PURE__ */ e(x, { asChild: !0, children: /* @__PURE__ */ e(
+      d,
+      {
+        className: n(
+          "group relative inline-flex gap-space-01 rounded px-space-04 py-space-02 text-body-01 font-semibold text-text-default focus:outline focus:outline-2 focus:outline-black active:bg-button-background-neutral-pressed active:before:absolute active:before:start-0 active:before:top-1/2 active:before:h-space-05 active:before:w-[6px] active:before:-translate-y-1/2 active:before:rounded-full active:before:bg-background-neutral-800",
+          t
+        ),
+        ref: i,
+        rel: u,
+        ...o
+      }
+    ) });
+  }
+);
+le.displayName = l.Link.displayName;
 export {
-  w as Bootstrap
+  ne as NavigationAction,
+  oe as NavigationActions,
+  te as NavigationHeader,
+  ae as NavigationHeaderLogo,
+  re as NavigationMain,
+  X as NavigationMenu,
+  $ as NavigationMenuContent,
+  ee as NavigationMenuIndicator,
+  ze as NavigationMenuItem,
+  V as NavigationMenuLink,
+  Y as NavigationMenuList,
+  Z as NavigationMenuTrigger,
+  C as NavigationMenuViewport,
+  Be as NavigationMobileBody,
+  He as NavigationMobileFooter,
+  Ae as NavigationMobileHeader,
+  le as NavigationMobileLink,
+  Ie as NavigationMobileSideBar,
+  ie as NavigationMobileSwitchLanguage,
+  Te as NavigationSearch,
+  je as NavigationSwitchLanguage,
+  b as navigationMenuTriggerStyle
 };

package/index.es430.js

@@ -0,0 +1,9 @@
+import r from "./index.es229.js";
+import t from "./index.es230.js";
+function n(o) {
+  return r("MuiSvgIcon", o);
+}
+t("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
+export {
+  n as getSvgIconUtilityClass
+};