mada-design-system 0.8.1 → 0.8.4

package/index.es473.js

@@ -1,13 +1,4 @@
-import a from "./index.es474.js";
-function f(t, n, e) {
-  return t === void 0 || a(t) ? n : {
-    ...n,
-    ownerState: {
-      ...n.ownerState,
-      ...e
-    }
-  };
-}
+var e = { exports: {} };
 export {
-  f as default
+  e as __module
 };

package/index.es474.js

@@ -1,6 +1,69 @@
-function n(t) {
-  return typeof t == "string";
+import { __exports as e } from "./index.es499.js";
+var R;
+function A() {
+  if (R)
+    return e;
+  R = 1;
+  var T = Symbol.for("react.transitional.element"), l = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), s = Symbol.for("react.consumer"), f = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), a = Symbol.for("react.suspense"), E = Symbol.for("react.suspense_list"), c = Symbol.for("react.memo"), _ = Symbol.for("react.lazy"), S = Symbol.for("react.view_transition"), C = Symbol.for("react.client.reference");
+  function t(r) {
+    if (typeof r == "object" && r !== null) {
+      var m = r.$$typeof;
+      switch (m) {
+        case T:
+          switch (r = r.type, r) {
+            case n:
+            case i:
+            case o:
+            case a:
+            case E:
+            case S:
+              return r;
+            default:
+              switch (r = r && r.$$typeof, r) {
+                case f:
+                case u:
+                case _:
+                case c:
+                  return r;
+                case s:
+                  return r;
+                default:
+                  return m;
+              }
+          }
+        case l:
+          return m;
+      }
+    }
+  }
+  return e.ContextConsumer = s, e.ContextProvider = f, e.Element = T, e.ForwardRef = u, e.Fragment = n, e.Lazy = _, e.Memo = c, e.Portal = l, e.Profiler = i, e.StrictMode = o, e.Suspense = a, e.SuspenseList = E, e.isContextConsumer = function(r) {
+    return t(r) === s;
+  }, e.isContextProvider = function(r) {
+    return t(r) === f;
+  }, e.isElement = function(r) {
+    return typeof r == "object" && r !== null && r.$$typeof === T;
+  }, e.isForwardRef = function(r) {
+    return t(r) === u;
+  }, e.isFragment = function(r) {
+    return t(r) === n;
+  }, e.isLazy = function(r) {
+    return t(r) === _;
+  }, e.isMemo = function(r) {
+    return t(r) === c;
+  }, e.isPortal = function(r) {
+    return t(r) === l;
+  }, e.isProfiler = function(r) {
+    return t(r) === i;
+  }, e.isStrictMode = function(r) {
+    return t(r) === o;
+  }, e.isSuspense = function(r) {
+    return t(r) === a;
+  }, e.isSuspenseList = function(r) {
+    return t(r) === E;
+  }, e.isValidElementType = function(r) {
+    return typeof r == "string" || typeof r == "function" || r === n || r === i || r === o || r === a || r === E || typeof r == "object" && r !== null && (r.$$typeof === _ || r.$$typeof === c || r.$$typeof === f || r.$$typeof === s || r.$$typeof === u || r.$$typeof === C || r.getModuleId !== void 0);
+  }, e.typeOf = t, e;
 }
 export {
-  n as default
+  A as __require
 };

package/index.es475.js

@@ -1,11 +1,68 @@
-function u(e, f = []) {
-  if (e === void 0)
-    return {};
-  const t = {};
-  return Object.keys(e).filter((n) => n.match(/^on[A-Z]/) && typeof e[n] == "function" && !f.includes(n)).forEach((n) => {
-    t[n] = e[n];
-  }), t;
+import { __exports as e } from "./index.es500.js";
+var R;
+function d() {
+  return R ? e : (R = 1, process.env.NODE_ENV !== "production" && function() {
+    function t(r) {
+      if (typeof r == "object" && r !== null) {
+        var m = r.$$typeof;
+        switch (m) {
+          case l:
+            switch (r = r.type, r) {
+              case n:
+              case s:
+              case o:
+              case a:
+              case E:
+              case S:
+                return r;
+              default:
+                switch (r = r && r.$$typeof, r) {
+                  case f:
+                  case u:
+                  case _:
+                  case c:
+                    return r;
+                  case i:
+                    return r;
+                  default:
+                    return m;
+                }
+            }
+          case T:
+            return m;
+        }
+      }
+    }
+    var l = Symbol.for("react.transitional.element"), T = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), i = Symbol.for("react.consumer"), f = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), a = Symbol.for("react.suspense"), E = Symbol.for("react.suspense_list"), c = Symbol.for("react.memo"), _ = Symbol.for("react.lazy"), S = Symbol.for("react.view_transition"), C = Symbol.for("react.client.reference");
+    e.ContextConsumer = i, e.ContextProvider = f, e.Element = l, e.ForwardRef = u, e.Fragment = n, e.Lazy = _, e.Memo = c, e.Portal = T, e.Profiler = s, e.StrictMode = o, e.Suspense = a, e.SuspenseList = E, e.isContextConsumer = function(r) {
+      return t(r) === i;
+    }, e.isContextProvider = function(r) {
+      return t(r) === f;
+    }, e.isElement = function(r) {
+      return typeof r == "object" && r !== null && r.$$typeof === l;
+    }, e.isForwardRef = function(r) {
+      return t(r) === u;
+    }, e.isFragment = function(r) {
+      return t(r) === n;
+    }, e.isLazy = function(r) {
+      return t(r) === _;
+    }, e.isMemo = function(r) {
+      return t(r) === c;
+    }, e.isPortal = function(r) {
+      return t(r) === T;
+    }, e.isProfiler = function(r) {
+      return t(r) === s;
+    }, e.isStrictMode = function(r) {
+      return t(r) === o;
+    }, e.isSuspense = function(r) {
+      return t(r) === a;
+    }, e.isSuspenseList = function(r) {
+      return t(r) === E;
+    }, e.isValidElementType = function(r) {
+      return typeof r == "string" || typeof r == "function" || r === n || r === s || r === o || r === a || r === E || typeof r == "object" && r !== null && (r.$$typeof === _ || r.$$typeof === c || r.$$typeof === f || r.$$typeof === i || r.$$typeof === u || r.$$typeof === C || r.getModuleId !== void 0);
+    }, e.typeOf = t;
+  }(), e);
 }
 export {
-  u as default
+  d as __require
 };

package/index.es478.js

@@ -1,4 +1,4 @@
-import o from "./index.es385.js";
+import o from "./index.es387.js";
 export {
   o as default
 };

package/index.es479.js

@@ -1,4 +1,4 @@
-import t from "./index.es409.js";
+import t from "./index.es426.js";
 export {
   t as default
 };

package/index.es48.js

@@ -1,152 +1,162 @@
-import { jsx as e, jsxs as a } from "react/jsx-runtime";
-import h from "./index.es154.js";
-import g from "./index.es155.js";
-import b from "./index.es156.js";
-import x from "./index.es157.js";
-import v from "./index.es158.js";
-import N from "./index.es159.js";
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import x from "./index.es162.js";
+import b from "./index.es163.js";
+import v from "./index.es164.js";
+import N from "./index.es165.js";
+import w from "./index.es166.js";
+import y from "./index.es167.js";
 import "./index.es2.js";
-import w from "./index.es90.js";
-import y from "./index.es160.js";
-import k from "./index.es161.js";
-import F from "./index.es162.js";
-import z from "./index.es163.js";
-import { Link as p } from "./index.es52.js";
-import { cn as u } from "./index.es89.js";
-import { ShouldRender as f } from "./index.es15.js";
-import { Button as c } from "./index.es23.js";
-import { strings as i } from "./index.es101.js";
-const K = ({ colors: t = "default", ...l }) => {
-  var o;
+import k from "./index.es90.js";
+import F from "./index.es168.js";
+import z from "./index.es169.js";
+import C from "./index.es170.js";
+import S from "./index.es171.js";
+import { Link as u } from "./index.es52.js";
+import { cn as f } from "./index.es89.js";
+import { ShouldRender as d } from "./index.es15.js";
+import { Button as s } from "./index.es23.js";
+import { strings as o } from "./index.es101.js";
+const W = ({ colors: l = "default", ...r }) => {
+  var t;
   return /* @__PURE__ */ e(
     "footer",
     {
-      className: u(" px-space-04 md:px-space-06 ", {
-        "bg-background-SA-Flag text-text-oncolor-primary": t === "default",
-        "bg-background-neutral-100 text-text-default": t === "neutral"
+      className: f(" px-space-04 md:px-space-06 ", {
+        "bg-background-SA-Flag text-text-oncolor-primary": l === "default",
+        "bg-background-neutral-100 text-text-default": l === "neutral"
       }),
-      children: /* @__PURE__ */ a("div", { className: "max-w-container mx-auto flex flex-col items-start py-space-05", children: [
-        /* @__PURE__ */ e(f, { shouldRender: l.showGroupLinks, children: /* @__PURE__ */ a("div", { className: "mb-space-08 grid w-full grid-cols-12 items-stretch gap-space-05 pb-space-07 pt-space-04", children: [
-          (o = l.groupLinks) == null ? void 0 : o.map((r) => /* @__PURE__ */ e(C, { colors: t, title: r.title, links: r.links }, r.title)),
-          /* @__PURE__ */ e("div", { className: "col-span-12 sm:col-span-6 lg:col-span-4 xl:col-span-3", children: /* @__PURE__ */ a("div", { className: "flex w-full flex-col items-start gap-space-06", children: [
-            /* @__PURE__ */ e(S, { title: l.socialMediaTitle, colors: t, links: l.socialMediaLinks }),
-            /* @__PURE__ */ e(A, { colors: t })
+      children: /* @__PURE__ */ i("div", { className: "mx-auto flex max-w-container flex-col items-start py-space-05", children: [
+        /* @__PURE__ */ e(d, { shouldRender: r.showGroupLinks, children: /* @__PURE__ */ i("div", { className: "mb-space-08 grid w-full grid-cols-12 items-stretch gap-space-05 pb-space-07 pt-space-04", children: [
+          (t = r.groupLinks) == null ? void 0 : t.map((a) => /* @__PURE__ */ e(A, { colors: l, title: a.title, links: a.links }, a.title)),
+          /* @__PURE__ */ e("div", { className: "col-span-12 sm:col-span-6 lg:col-span-4 xl:col-span-3", children: /* @__PURE__ */ i("div", { className: "flex w-full flex-col items-start gap-space-06", children: [
+            /* @__PURE__ */ e(R, { title: r.socialMediaTitle, colors: l, links: r.socialMediaLinks }),
+            r.accessibilityTools ?? /* @__PURE__ */ e(T, { colors: l })
           ] }) })
         ] }) }),
         /* @__PURE__ */ e(
           _,
           {
-            colors: t,
-            basicLinks: l.basicLinks,
-            bottomImages: l.bottomImages,
-            extraLinks: l.extraLinks,
-            showBasicLinks: l.showBasicLinks
+            colors: l,
+            basicLinks: r.basicLinks,
+            bottomImages: r.bottomImages,
+            extraLinks: r.extraLinks,
+            showBasicLinks: r.showBasicLinks
           }
         )
       ] })
     }
   );
-}, m = ({ title: t, colors: l }) => /* @__PURE__ */ e(
+}, p = ({ title: l, colors: r }) => /* @__PURE__ */ e(
   "label",
   {
-    className: u("w-full border-b pb-space-02 text-body-02 font-medium", {
-      "border-border-neutral-primary": l === "neutral",
-      "border-border-oncolor-transparent-30": l === "default"
+    className: f("w-full border-b pb-space-02 text-body-02 font-medium", {
+      "border-border-neutral-primary": r === "neutral",
+      "border-border-oncolor-transparent-30": r === "default"
     }),
-    children: t
+    children: l
   }
-), C = ({ title: t, links: l, colors: o }) => /* @__PURE__ */ e("div", { className: "col-span-12 sm:col-span-6 lg:col-span-4 xl:col-span-3", children: /* @__PURE__ */ a("div", { className: "flex flex-col items-start gap-space-02", children: [
-  /* @__PURE__ */ e(m, { title: t, colors: o }),
-  /* @__PURE__ */ e("ul", { className: "flex flex-col gap-space-02", children: l.map((r) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(d, { ...r, colors: o === "neutral" ? "neutral" : "oncolor" }) }, r.label)) })
-] }) }), S = ({ title: t, links: l, colors: o }) => /* @__PURE__ */ a("div", { className: "flex w-full flex-col items-start gap-space-02", children: [
-  /* @__PURE__ */ e(m, { title: t, colors: o }),
-  /* @__PURE__ */ e("div", { className: "flex flex-wrap items-center gap-space-02", children: l.map((r) => /* @__PURE__ */ e(
-    c,
+), A = ({ title: l, links: r, colors: t }) => /* @__PURE__ */ e("div", { className: "col-span-12 sm:col-span-6 lg:col-span-4 xl:col-span-3", children: /* @__PURE__ */ i("div", { className: "flex flex-col items-start gap-space-02", children: [
+  /* @__PURE__ */ e(p, { title: l, colors: t }),
+  /* @__PURE__ */ e("ul", { className: "flex flex-col gap-space-02", children: r.map((a) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(m, { ...a, colors: t === "neutral" ? "neutral" : "oncolor" }) }, a.label)) })
+] }) }), R = ({ title: l, links: r, colors: t }) => /* @__PURE__ */ i("div", { className: "flex w-full flex-col items-start gap-space-02", children: [
+  /* @__PURE__ */ e(p, { title: l, colors: t }),
+  /* @__PURE__ */ e("div", { className: "flex flex-wrap items-center gap-space-02", children: r.map((a) => /* @__PURE__ */ e(
+    s,
     {
       variant: "outline",
-      tooltip: r.title,
-      colors: o === "neutral" ? "neutral" : "oncolor",
+      tooltip: a.title,
+      colors: t === "neutral" ? "neutral" : "oncolor",
       size: "icon-sm",
-      onClick: () => window.open(r.target, "_blank", "noopener,noreferrer"),
+      onClick: () => window.open(a.target, "_blank", "noopener,noreferrer"),
       rounded: "default",
-      children: r.icon
+      children: a.icon
     },
-    r.title
+    a.title
   )) })
-] }), A = ({ colors: t }) => {
-  const { toggleColors: l, increaseSize: o, decreaseSize: r } = w((n) => n);
-  return /* @__PURE__ */ a("div", { className: "flex w-full flex-col items-start gap-space-02", children: [
-    /* @__PURE__ */ e(m, { title: i.Shared.accessibilityTools, colors: t }),
-    /* @__PURE__ */ a("div", { className: "flex flex-wrap items-center gap-space-02", children: [
+] }), T = ({ colors: l }) => {
+  const { toggleColors: r, increaseSize: t, decreaseSize: a } = k((n) => n);
+  return /* @__PURE__ */ i("div", { className: "flex w-full flex-col items-start gap-space-02", children: [
+    /* @__PURE__ */ e(p, { title: o.Shared.accessibilityTools, colors: l }),
+    /* @__PURE__ */ i("div", { className: "flex flex-wrap items-center gap-space-02", children: [
       /* @__PURE__ */ e(
-        c,
+        s,
         {
           variant: "outline",
-          tooltip: i.Accessibility.ColorContrast,
-          colors: t === "neutral" ? "neutral" : "oncolor",
+          tooltip: o.Accessibility.ColorContrast,
+          colors: l === "neutral" ? "neutral" : "oncolor",
           size: "icon-sm",
           rounded: "default",
-          onClick: l,
-          children: /* @__PURE__ */ e(y, {})
+          onClick: r,
+          children: /* @__PURE__ */ e(F, {})
         }
       ),
       /* @__PURE__ */ e(
-        c,
+        s,
         {
           variant: "outline",
-          tooltip: i.Accessibility.DecreaseFontSize,
-          colors: t === "neutral" ? "neutral" : "oncolor",
+          tooltip: o.Accessibility.DecreaseFontSize,
+          colors: l === "neutral" ? "neutral" : "oncolor",
           size: "icon-sm",
           rounded: "default",
-          onClick: r,
-          children: /* @__PURE__ */ e(k, {})
+          onClick: a,
+          children: /* @__PURE__ */ e(z, {})
         }
       ),
       /* @__PURE__ */ e(
-        c,
+        s,
         {
           variant: "outline",
-          tooltip: i.Accessibility.IncreaseFontSize,
-          colors: t === "neutral" ? "neutral" : "oncolor",
+          tooltip: o.Accessibility.IncreaseFontSize,
+          colors: l === "neutral" ? "neutral" : "oncolor",
           size: "icon-sm",
           rounded: "default",
-          onClick: o,
-          children: /* @__PURE__ */ e(F, {})
+          onClick: t,
+          children: /* @__PURE__ */ e(C, {})
         }
       ),
       /* @__PURE__ */ e(
-        c,
+        s,
         {
           variant: "outline",
-          tooltip: i.Accessibility.VoiceCommands,
-          colors: t === "neutral" ? "neutral" : "oncolor",
+          tooltip: o.Accessibility.VoiceCommands,
+          colors: l === "neutral" ? "neutral" : "oncolor",
           size: "icon-sm",
           rounded: "default",
           onClick: () => {
             window.open("https://deaf.dga.gov.sa", "_blank", "noopener,noreferrer");
           },
-          children: /* @__PURE__ */ e(z, { size: 20 })
+          children: /* @__PURE__ */ e(S, { size: 20 })
         }
       )
     ] })
   ] });
-}, _ = ({ basicLinks: t, extraLinks: l, bottomImages: o, showBasicLinks: r, colors: n }) => /* @__PURE__ */ a("div", { className: "grid w-full grid-cols-12 gap-space-05 py-space-04", children: [
-  /* @__PURE__ */ a("div", { className: "col-span-12 space-y-space-02 md:col-span-8", children: [
-    /* @__PURE__ */ e(f, { shouldRender: r, children: /* @__PURE__ */ e("div", { className: "mb-spacing-05 flex items-center gap-space-04 ", children: t == null ? void 0 : t.map((s) => /* @__PURE__ */ e(d, { ...s, underline: "always", colors: n === "neutral" ? "neutral" : "oncolor" }, s.label)) }) }),
-    /* @__PURE__ */ e("p", { className: "text-body-01 font-semibold ", children: i.formatString(i.Footer.Rights, (/* @__PURE__ */ new Date()).getFullYear()) }),
-    /* @__PURE__ */ e("p", { className: "text-body-01 ", children: i.Footer.DevelopedByTetco }),
-    /* @__PURE__ */ e("div", { className: "flex items-center gap-space-04 ", children: l == null ? void 0 : l.map((s) => /* @__PURE__ */ e(d, { ...s, colors: n === "neutral" ? "neutral" : "oncolor" }, s.label)) })
+}, _ = ({
+  basicLinks: l,
+  extraLinks: r,
+  bottomImages: t,
+  showBasicLinks: a,
+  colors: n,
+  copyrightText: h,
+  developedByText: g
+}) => /* @__PURE__ */ i("div", { className: "grid w-full grid-cols-12 gap-space-05 py-space-04", children: [
+  /* @__PURE__ */ i("div", { className: "col-span-12 space-y-space-02 md:col-span-8", children: [
+    /* @__PURE__ */ e(d, { shouldRender: a, children: /* @__PURE__ */ e("div", { className: "mb-spacing-05 flex items-center gap-space-04 ", children: l == null ? void 0 : l.map((c) => /* @__PURE__ */ e(m, { ...c, underline: "always", colors: n === "neutral" ? "neutral" : "oncolor" }, c.label)) }) }),
+    /* @__PURE__ */ e("p", { className: "text-body-01 font-semibold ", children: h ?? o.formatString(o.Footer.Rights, (/* @__PURE__ */ new Date()).getFullYear()) }),
+    /* @__PURE__ */ e("p", { className: "text-body-01 ", children: g ?? o.Footer.DevelopedByTetco }),
+    /* @__PURE__ */ e("div", { className: "flex items-center gap-space-04 ", children: r == null ? void 0 : r.map((c) => /* @__PURE__ */ e(m, { ...c, colors: n === "neutral" ? "neutral" : "oncolor" }, c.label)) })
   ] }),
-  /* @__PURE__ */ a("div", { className: "col-span-12 flex flex-wrap items-center gap-space-04 md:col-span-4 md:ms-auto", children: [
-    /* @__PURE__ */ e("a", { href: "https://moe.gov.sa/ar/Pages/default.aspx", rel: "noopener noreferrer", target: "_blank", children: /* @__PURE__ */ e("img", { src: n === "default" ? h : x, alt: "moe" }) }),
-    /* @__PURE__ */ e("a", { href: "https://tetco.sa/", rel: "noopener noreferrer", target: "_blank", children: /* @__PURE__ */ e("img", { src: n === "default" ? g : v, alt: "tetco" }) }),
-    /* @__PURE__ */ e("a", { href: "https://www.vision2030.gov.sa/", rel: "noopener noreferrer", target: "_blank", children: /* @__PURE__ */ e("img", { src: n === "default" ? b : N, alt: "vision 2030" }) }),
-    o
+  /* @__PURE__ */ i("div", { className: "col-span-12 flex flex-wrap items-center gap-space-04 md:col-span-4 md:ms-auto", children: [
+    /* @__PURE__ */ i(d, { shouldRender: !(t != null && t.length), children: [
+      /* @__PURE__ */ e("a", { href: "https://moe.gov.sa/ar/Pages/default.aspx", rel: "noopener noreferrer", target: "_blank", children: /* @__PURE__ */ e("img", { src: n === "default" ? x : N, alt: "moe" }) }),
+      /* @__PURE__ */ e("a", { href: "https://tetco.sa/", rel: "noopener noreferrer", target: "_blank", children: /* @__PURE__ */ e("img", { src: n === "default" ? b : w, alt: "tetco" }) }),
+      /* @__PURE__ */ e("a", { href: "https://www.vision2030.gov.sa/", rel: "noopener noreferrer", target: "_blank", children: /* @__PURE__ */ e("img", { src: n === "default" ? v : y, alt: "vision 2030" }) })
+    ] }),
+    /* @__PURE__ */ e(d, { shouldRender: !!(t != null && t.length), children: t })
   ] })
 ] });
-function d({ label: t, href: l, render: o, ...r }) {
-  return o ? /* @__PURE__ */ e(p, { size: "sm", ...r, asChild: !0, children: o }) : /* @__PURE__ */ e(p, { size: "sm", ...r, target: "_blank", href: l, children: t });
+function m({ label: l, href: r, render: t, ...a }) {
+  return t ? /* @__PURE__ */ e(u, { size: "sm", ...a, asChild: !0, children: t }) : /* @__PURE__ */ e(u, { size: "sm", ...a, target: "_blank", href: r, children: l });
 }
 export {
-  K as Footer
+  W as Footer
 };

package/index.es480.js

@@ -1,15 +1,15 @@
-import G from "./index.es207.js";
-import U from "./index.es208.js";
+import G from "./index.es220.js";
+import U from "./index.es221.js";
 import * as e from "react";
-import _ from "./index.es209.js";
-import { clsx as c } from "./index.es133.js";
-import j from "./index.es221.js";
-import F from "./index.es230.js";
+import _ from "./index.es222.js";
+import { clsx as c } from "./index.es106.js";
+import j from "./index.es234.js";
+import F from "./index.es243.js";
 import J from "./index.es501.js";
 import i from "./index.es482.js";
 import { jsx as k } from "react/jsx-runtime";
-import { keyframes as E } from "./index.es464.js";
-import Q from "./index.es299.js";
+import { keyframes as E } from "./index.es467.js";
+import Q from "./index.es305.js";
 const Z = ["center", "classes", "className"];
 let y = (r) => r, V, D, K, S;
 const w = 550, v = 80, tt = E(V || (V = y`

package/index.es481.js

@@ -1,5 +1,5 @@
-import s from "./index.es232.js";
-import e from "./index.es231.js";
+import s from "./index.es245.js";
+import e from "./index.es244.js";
 function n(t) {
   return e("MuiButtonBase", t);
 }

package/index.es482.js

@@ -1,4 +1,4 @@
-import e from "./index.es232.js";
+import e from "./index.es245.js";
 const l = e("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsate", "child", "childLeaving", "childPulsate"]), s = l;
 export {
   s as default