mada-design-system 0.8.1 → 0.8.3

package/index.es477.js

@@ -1,5 +1,26 @@
-function i(s, a) {
-  return s.classList ? !!a && s.classList.contains(a) : (" " + (s.className.baseVal || s.className) + " ").indexOf(" " + a + " ") !== -1;
+import * as e from "react";
+function i(...t) {
+  const r = e.useRef(void 0), o = e.useCallback((u) => {
+    const f = t.map((n) => {
+      if (n == null)
+        return null;
+      if (typeof n == "function") {
+        const c = n, l = c(u);
+        return typeof l == "function" ? l : () => {
+          c(null);
+        };
+      }
+      return n.current = u, () => {
+        n.current = null;
+      };
+    });
+    return () => {
+      f.forEach((n) => n == null ? void 0 : n());
+    };
+  }, t);
+  return e.useMemo(() => t.every((u) => u == null) ? null : (u) => {
+    r.current && (r.current(), r.current = void 0), u != null && (r.current = o(u));
+  }, t);
 }
 export {
   i as default

package/index.es478.js

@@ -1,4 +1,253 @@
-import o from "./index.es385.js";
+import G from "./index.es207.js";
+import U from "./index.es208.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 J from "./index.es501.js";
+import i from "./index.es480.js";
+import { jsx as k } from "react/jsx-runtime";
+import { keyframes as E } from "./index.es464.js";
+import Q from "./index.es299.js";
+const Z = ["center", "classes", "className"];
+let y = (r) => r, V, D, K, S;
+const w = 550, v = 80, tt = E(V || (V = y`
+  0% {
+    transform: scale(0);
+    opacity: 0.1;
+  }
+
+  100% {
+    transform: scale(1);
+    opacity: 0.3;
+  }
+`)), et = E(D || (D = y`
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+  }
+`)), it = E(K || (K = y`
+  0% {
+    transform: scale(1);
+  }
+
+  50% {
+    transform: scale(0.92);
+  }
+
+  100% {
+    transform: scale(1);
+  }
+`)), rt = j("span", {
+  name: "MuiTouchRipple",
+  slot: "Root"
+})({
+  overflow: "hidden",
+  pointerEvents: "none",
+  position: "absolute",
+  zIndex: 0,
+  top: 0,
+  right: 0,
+  bottom: 0,
+  left: 0,
+  borderRadius: "inherit"
+}), ot = j(J, {
+  name: "MuiTouchRipple",
+  slot: "Ripple"
+})(S || (S = y`
+  opacity: 0;
+  position: absolute;
+
+  &.${0} {
+    opacity: 0.3;
+    transform: scale(1);
+    animation-name: ${0};
+    animation-duration: ${0}ms;
+    animation-timing-function: ${0};
+  }
+
+  &.${0} {
+    animation-duration: ${0}ms;
+  }
+
+  & .${0} {
+    opacity: 1;
+    display: block;
+    width: 100%;
+    height: 100%;
+    border-radius: 50%;
+    background-color: currentColor;
+  }
+
+  & .${0} {
+    opacity: 0;
+    animation-name: ${0};
+    animation-duration: ${0}ms;
+    animation-timing-function: ${0};
+  }
+
+  & .${0} {
+    position: absolute;
+    /* @noflip */
+    left: 0px;
+    top: 0;
+    animation-name: ${0};
+    animation-duration: 2500ms;
+    animation-timing-function: ${0};
+    animation-iteration-count: infinite;
+    animation-delay: 200ms;
+  }
+`), i.rippleVisible, tt, w, ({
+  theme: r
+}) => r.transitions.easing.easeInOut, i.ripplePulsate, ({
+  theme: r
+}) => r.transitions.duration.shorter, i.child, i.childLeaving, et, w, ({
+  theme: r
+}) => r.transitions.easing.easeInOut, i.childPulsate, it, ({
+  theme: r
+}) => r.transitions.easing.easeInOut), q = /* @__PURE__ */ e.forwardRef(function(A, H) {
+  const I = F({
+    props: A,
+    name: "MuiTouchRipple"
+  }), {
+    center: L = !1,
+    classes: n = {},
+    className: W
+  } = I, B = U(I, Z), [N, X] = e.useState([]), Y = e.useRef(0), h = e.useRef(null);
+  e.useEffect(() => {
+    h.current && (h.current(), h.current = null);
+  }, [N]);
+  const T = e.useRef(!1), d = e.useRef(0), o = e.useRef(null), z = e.useRef(null);
+  e.useEffect(() => () => {
+    d.current && clearTimeout(d.current);
+  }, []);
+  const $ = e.useCallback((t) => {
+    const {
+      pulsate: a,
+      rippleX: s,
+      rippleY: g,
+      rippleSize: b,
+      cb: P
+    } = t;
+    X((l) => [...l, /* @__PURE__ */ k(ot, {
+      classes: {
+        ripple: c(n.ripple, i.ripple),
+        rippleVisible: c(n.rippleVisible, i.rippleVisible),
+        ripplePulsate: c(n.ripplePulsate, i.ripplePulsate),
+        child: c(n.child, i.child),
+        childLeaving: c(n.childLeaving, i.childLeaving),
+        childPulsate: c(n.childPulsate, i.childPulsate)
+      },
+      timeout: w,
+      pulsate: a,
+      rippleX: s,
+      rippleY: g,
+      rippleSize: b
+    }, Y.current)]), Y.current += 1, h.current = P;
+  }, [n]), R = e.useCallback((t = {}, a = {}, s = () => {
+  }) => {
+    const {
+      pulsate: g = !1,
+      center: b = L || a.pulsate,
+      fakeElement: P = !1
+      // For test purposes
+    } = a;
+    if ((t == null ? void 0 : t.type) === "mousedown" && T.current) {
+      T.current = !1;
+      return;
+    }
+    (t == null ? void 0 : t.type) === "touchstart" && (T.current = !0);
+    const l = P ? null : z.current, u = l ? l.getBoundingClientRect() : {
+      width: 0,
+      height: 0,
+      left: 0,
+      top: 0
+    };
+    let p, m, f;
+    if (b || t === void 0 || t.clientX === 0 && t.clientY === 0 || !t.clientX && !t.touches)
+      p = Math.round(u.width / 2), m = Math.round(u.height / 2);
+    else {
+      const {
+        clientX: x,
+        clientY: C
+      } = t.touches && t.touches.length > 0 ? t.touches[0] : t;
+      p = Math.round(x - u.left), m = Math.round(C - u.top);
+    }
+    if (b)
+      f = Math.sqrt((2 * u.width ** 2 + u.height ** 2) / 3), f % 2 === 0 && (f += 1);
+    else {
+      const x = Math.max(Math.abs((l ? l.clientWidth : 0) - p), p) * 2 + 2, C = Math.max(Math.abs((l ? l.clientHeight : 0) - m), m) * 2 + 2;
+      f = Math.sqrt(x ** 2 + C ** 2);
+    }
+    t != null && t.touches ? o.current === null && (o.current = () => {
+      $({
+        pulsate: g,
+        rippleX: p,
+        rippleY: m,
+        rippleSize: f,
+        cb: s
+      });
+    }, d.current = setTimeout(() => {
+      o.current && (o.current(), o.current = null);
+    }, v)) : $({
+      pulsate: g,
+      rippleX: p,
+      rippleY: m,
+      rippleSize: f,
+      cb: s
+    });
+  }, [L, $]), O = e.useCallback(() => {
+    R({}, {
+      pulsate: !0
+    });
+  }, [R]), M = e.useCallback((t, a) => {
+    if (clearTimeout(d.current), (t == null ? void 0 : t.type) === "touchend" && o.current) {
+      o.current(), o.current = null, d.current = setTimeout(() => {
+        M(t, a);
+      });
+      return;
+    }
+    o.current = null, X((s) => s.length > 0 ? s.slice(1) : s), h.current = a;
+  }, []);
+  return e.useImperativeHandle(H, () => ({
+    pulsate: O,
+    start: R,
+    stop: M
+  }), [O, R, M]), /* @__PURE__ */ k(rt, G({
+    className: c(i.root, n.root, W),
+    ref: z
+  }, B, {
+    children: /* @__PURE__ */ k(Q, {
+      component: null,
+      exit: !0,
+      children: N
+    })
+  }));
+});
+process.env.NODE_ENV !== "production" && (q.propTypes = {
+  /**
+   * If `true`, the ripple starts at the center of the component
+   * rather than at the point of interaction.
+   */
+  center: _.bool,
+  /**
+   * Override or extend the styles applied to the component.
+   * See [CSS API](#css) below for more details.
+   */
+  classes: _.object,
+  /**
+   * @ignore
+   */
+  className: _.string
+});
+const Rt = q;
 export {
-  o as default
+  v as DELAY_RIPPLE,
+  ot as TouchRippleRipple,
+  rt as TouchRippleRoot,
+  Rt as default
 };

package/index.es479.js

@@ -1,4 +1,10 @@
-import t from "./index.es409.js";
+import s from "./index.es232.js";
+import e from "./index.es231.js";
+function n(t) {
+  return e("MuiButtonBase", t);
+}
+const o = s("MuiButtonBase", ["root", "disabled", "focusVisible"]), l = o;
 export {
-  t as default
+  l as default,
+  n as getButtonBaseUtilityClass
 };

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.es154.js";
+import b from "./index.es155.js";
+import v from "./index.es156.js";
+import N from "./index.es157.js";
+import w from "./index.es158.js";
+import y from "./index.es159.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.es160.js";
+import z from "./index.es161.js";
+import C from "./index.es162.js";
+import S from "./index.es163.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
 };