mada-design-system 0.9.0 → 1.0.0

package/index.es43.js

@@ -1,292 +1,53 @@
-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.es111.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.es106.js";
-import { cn as n } from "./index.es89.js";
-import { strings as p } from "./index.es101.js";
-import "./index.es2.js";
-import { Button as f } from "./index.es23.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.es68.js";
-import O from "./index.es138.js";
-import N from "./index.es114.js";
-import Q from "./index.es139.js";
-import h from "./index.es131.js";
-import q from "./index.es140.js";
-import { Stack as J } from "./index.es42.js";
-import U from "./index.es5.js";
-import { ToggleGroup as W, ToggleGroupItem as S } from "./index.es79.js";
-import y from "./index.es93.js";
-import { ShouldRender as g } from "./index.es15.js";
-const X = s.forwardRef(({ className: t, children: a, viewport: r = !0, ...o }, i) => {
-  const { dir: d } = y();
-  return /* @__PURE__ */ c(l.Root, { dir: d, ref: i, className: n("relative z-10 hidden flex-1 items-center lg:flex", t), ...o, children: [
-    a,
-    r && /* @__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,
+import { jsx as r, jsxs as l } from "react/jsx-runtime";
+import { OTPInput as p } from "./index.es145.js";
+import * as o from "react";
+import { cn as i } from "./index.es94.js";
+const u = o.forwardRef(
+  ({ className: t, ...e }, a) => /* @__PURE__ */ r(
+    p,
     {
-      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 ",
+      ref: a,
+      containerClassName: i(
+        "flex items-center grow has-[:disabled]:text-disabled",
         {
-          "after:absolute after:bottom-0 after:start-0 after:block after:h-[1px] after:w-full after:bg-background-neutral-100": a
+          group: !e.disabled
         },
         t
       ),
-      ...o,
-      children: /* @__PURE__ */ e("div", { className: "mx-auto flex w-full max-w-container items-center  justify-between ", children: r })
+      ...e
     }
   )
 );
-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,
+u.displayName = "InputOTP";
+const c = o.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r("div", { ref: a, className: i("flex grow items-center", t), ...e }));
+c.displayName = "InputOTPGroup";
+const f = o.forwardRef(
+  ({ char: t, hasFakeCaret: e, isActive: a, className: s, ...d }, n) => /* @__PURE__ */ l(
+    "div",
     {
-      open: u,
-      onOpenChange: (m) => {
-        z(m), setTimeout(() => {
-          document.body.style.removeProperty("pointer-events");
-        }, 1e3);
-      },
+      ref: n,
+      className: i(
+        "relative h-space-07 min-w-[48px] p-space-02 text-body-02",
+        "flex grow items-center justify-center",
+        "transition-all duration-300",
+        "border-y border-e border-input first:rounded-s first:border-s last:rounded-e group-has-[input[aria-invalid=true]]:border-error",
+        "group-hover:border-form-field-border-hovered ",
+        { "border border-form-field-border-hovered": a },
+        s
+      ),
       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
-        ] }) }) })
+        /* @__PURE__ */ r("div", { className: "group-has-[input[aria-invalid=true]]:text-error group-has-[input[data-input-otp-placeholder-shown]]:text-form-field-text-placeholder", children: t ?? d.placeholderChar }),
+        e && /* @__PURE__ */ r("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ r("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) })
       ]
     }
-  );
-}, 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;
+f.displayName = "InputOTPSlot";
+const m = o.forwardRef(({ ...t }, e) => /* @__PURE__ */ r("div", { ref: e, role: "separator", ...t, children: /* @__PURE__ */ r("div", { className: "flex size-space-05 items-center justify-center", children: /* @__PURE__ */ r("div", { className: "size-space-01 rounded-full bg-foreground" }) }) }));
+m.displayName = "InputOTPSeparator";
 export {
-  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
+  u as InputOTP,
+  c as InputOTPGroup,
+  m as InputOTPSeparator,
+  f as InputOTPSlot
 };

package/index.es430.js

@@ -1,19 +1,9 @@
-const f = {
-  50: "#e1f5fe",
-  100: "#b3e5fc",
-  200: "#81d4fa",
-  300: "#4fc3f7",
-  400: "#29b6f6",
-  500: "#03a9f4",
-  600: "#039be5",
-  700: "#0288d1",
-  800: "#0277bd",
-  900: "#01579b",
-  A100: "#80d8ff",
-  A200: "#40c4ff",
-  A400: "#00b0ff",
-  A700: "#0091ea"
-}, e = f;
+function r(t) {
+  return (d = {}) => {
+    const n = d.width ? String(d.width) : t.defaultWidth;
+    return t.formats[n] || t.formats[t.defaultWidth];
+  };
+}
 export {
-  e as default
+  r as buildFormatLongFn
 };

package/index.es431.js

@@ -1,19 +1,18 @@
-const e = {
-  50: "#e8f5e9",
-  100: "#c8e6c9",
-  200: "#a5d6a7",
-  300: "#81c784",
-  400: "#66bb6a",
-  500: "#4caf50",
-  600: "#43a047",
-  700: "#388e3c",
-  800: "#2e7d32",
-  900: "#1b5e20",
-  A100: "#b9f6ca",
-  A200: "#69f0ae",
-  A400: "#00e676",
-  A700: "#00c853"
-}, a = e;
+function h(e) {
+  return (a, t) => {
+    const c = t != null && t.context ? String(t.context) : "standalone";
+    let l;
+    if (c === "formatting" && e.formattingValues) {
+      const d = e.defaultFormattingWidth || e.defaultWidth, u = t != null && t.width ? String(t.width) : d;
+      l = e.formattingValues[u] || e.formattingValues[d];
+    } else {
+      const d = e.defaultWidth, u = t != null && t.width ? String(t.width) : e.defaultWidth;
+      l = e.values[u] || e.values[d];
+    }
+    const f = e.argumentCallback ? e.argumentCallback(a) : a;
+    return l[f];
+  };
+}
 export {
-  a as default
+  h as buildLocalizeFn
 };

package/index.es432.js

@@ -1,8 +1,15 @@
-function u(e, r) {
-  return process.env.NODE_ENV === "production" ? () => null : function(...n) {
-    return e(...n) || r(...n);
+function h(t) {
+  return (e, c = {}) => {
+    const n = e.match(t.matchPattern);
+    if (!n) return null;
+    const u = n[0], a = e.match(t.parsePattern);
+    if (!a) return null;
+    let l = t.valueCallback ? t.valueCallback(a[0]) : a[0];
+    l = c.valueCallback ? c.valueCallback(l) : l;
+    const r = e.slice(u.length);
+    return { value: l, rest: r };
   };
 }
 export {
-  u as default
+  h as buildMatchPatternFn
 };

package/index.es433.js

@@ -1,23 +1,31 @@
-import c from "./index.es209.js";
-import l from "./index.es432.js";
-function f(n) {
-  const {
-    prototype: e = {}
-  } = n;
-  return !!e.isReactComponent;
+function P(t) {
+  return (n, e = {}) => {
+    const l = e.width, h = l && t.matchPatterns[l] || t.matchPatterns[t.defaultMatchWidth], i = n.match(h);
+    if (!i)
+      return null;
+    const r = i[0], c = l && t.parsePatterns[l] || t.parsePatterns[t.defaultParseWidth], d = Array.isArray(c) ? o(c, (u) => u.test(r)) : (
+      // [TODO] -- I challenge you to fix the type
+      s(c, (u) => u.test(r))
+    );
+    let a;
+    a = t.valueCallback ? t.valueCallback(d) : d, a = e.valueCallback ? (
+      // [TODO] -- I challenge you to fix the type
+      e.valueCallback(a)
+    ) : a;
+    const f = n.slice(r.length);
+    return { value: a, rest: f };
+  };
 }
-function u(n, e, i, r, p) {
-  const t = n[e], a = p || e;
-  if (t == null || // When server-side rendering React doesn't warn either.
-  // This is not an accurate check for SSR.
-  // This is only in place for emotion compat.
-  // TODO: Revisit once https://github.com/facebook/react/issues/20047 is resolved.
-  typeof window > "u")
-    return null;
-  let o;
-  return typeof t == "function" && !f(t) && (o = "Did you accidentally provide a plain function component instead?"), o !== void 0 ? new Error(`Invalid ${r} \`${a}\` supplied to \`${i}\`. Expected an element type that can hold a ref. ${o} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
+function s(t, n) {
+  for (const e in t)
+    if (Object.prototype.hasOwnProperty.call(t, e) && n(t[e]))
+      return e;
+}
+function o(t, n) {
+  for (let e = 0; e < t.length; e++)
+    if (n(t[e]))
+      return e;
 }
-const m = l(c.elementType, u);
 export {
-  m as default
+  P as buildMatchFn
 };

package/index.es434.js

@@ -1,26 +1,4 @@
-import r from "./index.es209.js";
-import c from "./index.es432.js";
-function m(n) {
-  const {
-    prototype: e = {}
-  } = n;
-  return !!e.isReactComponent;
-}
-function l(n, e, p, f, s) {
-  const o = n[e], u = s || e;
-  if (o == null || // When server-side rendering React doesn't warn either.
-  // This is not an accurate check for SSR.
-  // This is only in place for Emotion compat.
-  // TODO: Revisit once https://github.com/facebook/react/issues/20047 is resolved.
-  typeof window > "u")
-    return null;
-  let t;
-  const i = o.type;
-  return typeof i == "function" && !m(i) && (t = "Did you accidentally use a plain function component for an element instead?"), t !== void 0 ? new Error(`Invalid ${f} \`${u}\` supplied to \`${p}\`. Expected an element that can hold a ref. ${t} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
-}
-const a = c(r.element, l);
-a.isRequired = c(r.element.isRequired, l);
-const R = a;
+var e = { exports: {} };
 export {
-  R as default
+  e as __module
 };

package/index.es435.js

@@ -1,8 +1,46 @@
-import { __module as r } from "./index.es473.js";
-import { __require as e } from "./index.es474.js";
-import { __require as o } from "./index.es475.js";
-process.env.NODE_ENV === "production" ? r.exports = e() : r.exports = o();
-var i = r.exports;
+import { __exports as i } from "./index.es442.js";
+import h from "react";
+var f;
+function x() {
+  if (f) return i;
+  f = 1;
+  var u = h;
+  function s(e, t) {
+    return e === t && (e !== 0 || 1 / e === 1 / t) || e !== e && t !== t;
+  }
+  var S = typeof Object.is == "function" ? Object.is : s, d = u.useState, l = u.useEffect, p = u.useLayoutEffect, E = u.useDebugValue;
+  function v(e, t) {
+    var r = t(), a = d({ inst: { value: r, getSnapshot: t } }), n = a[0].inst, c = a[1];
+    return p(
+      function() {
+        n.value = r, n.getSnapshot = t, o(n) && c({ inst: n });
+      },
+      [e, r, t]
+    ), l(
+      function() {
+        return o(n) && c({ inst: n }), e(function() {
+          o(n) && c({ inst: n });
+        });
+      },
+      [e]
+    ), E(r), r;
+  }
+  function o(e) {
+    var t = e.getSnapshot;
+    e = e.value;
+    try {
+      var r = t();
+      return !S(e, r);
+    } catch {
+      return !0;
+    }
+  }
+  function y(e, t) {
+    return t();
+  }
+  var m = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? y : v;
+  return i.useSyncExternalStore = u.useSyncExternalStore !== void 0 ? u.useSyncExternalStore : m, i;
+}
 export {
-  i as r
+  x as __require
 };

package/index.es436.js

@@ -1,5 +1,54 @@
-import e from "./index.es209.js";
-const o = e.oneOfType([e.func, e.object]), f = o;
+import { __exports as s } from "./index.es443.js";
+import h from "react";
+var l;
+function A() {
+  return l ? s : (l = 1, process.env.NODE_ENV !== "production" && (function() {
+    function d(e, t) {
+      return e === t && (e !== 0 || 1 / e === 1 / t) || e !== e && t !== t;
+    }
+    function S(e, t) {
+      f || o.startTransition === void 0 || (f = !0);
+      var r = t();
+      if (!c) {
+        var u = t();
+        _(r, u) || (c = !0);
+      }
+      u = p({
+        inst: { value: r, getSnapshot: t }
+      });
+      var n = u[0].inst, i = u[1];
+      return L(
+        function() {
+          n.value = r, n.getSnapshot = t, a(n) && i({ inst: n });
+        },
+        [e, r, t]
+      ), E(
+        function() {
+          return a(n) && i({ inst: n }), e(function() {
+            a(n) && i({ inst: n });
+          });
+        },
+        [e]
+      ), y(r), r;
+    }
+    function a(e) {
+      var t = e.getSnapshot;
+      e = e.value;
+      try {
+        var r = t();
+        return !_(e, r);
+      } catch {
+        return !0;
+      }
+    }
+    function O(e, t) {
+      return t();
+    }
+    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
+    var o = h, _ = typeof Object.is == "function" ? Object.is : d, p = o.useState, E = o.useEffect, L = o.useLayoutEffect, y = o.useDebugValue, f = !1, c = !1, v = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? O : S;
+    s.useSyncExternalStore = o.useSyncExternalStore !== void 0 ? o.useSyncExternalStore : v, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+  })(), s);
+}
 export {
-  f as default
+  A as __require
 };

package/index.es437.js

@@ -1,6 +1,15 @@
-function e(t, n) {
-  typeof t == "function" ? t(n) : t && (t.current = n);
+function g(d, s, k, t, f, O, n) {
+  const { ISOWeek: o, broadcastCalendar: r } = O, { addDays: W, addMonths: c, addWeeks: l, addYears: u, endOfBroadcastWeek: b, endOfISOWeek: m, endOfWeek: y, max: F, min: I, startOfBroadcastWeek: h, startOfISOWeek: x, startOfWeek: B } = n;
+  let a = {
+    day: W,
+    week: l,
+    month: c,
+    year: u,
+    startOfWeek: (e) => r ? h(e, n) : o ? x(e) : B(e),
+    endOfWeek: (e) => r ? b(e) : o ? m(e) : y(e)
+  }[d](k, s === "after" ? 1 : -1);
+  return s === "before" && t ? a = F([t, a]) : s === "after" && f && (a = I([f, a])), a;
 }
 export {
-  e as default
+  g as getFocusableDate
 };

package/index.es438.js

@@ -1,21 +1,7 @@
-class t {
-  constructor() {
-    this.currentId = null, this.clear = () => {
-      this.currentId !== null && (clearTimeout(this.currentId), this.currentId = null);
-    }, this.disposeEffect = () => this.clear;
-  }
-  static create() {
-    return new t();
-  }
-  /**
-   * Executes `fn` after `delay`, clearing any previously scheduled call.
-   */
-  start(r, e) {
-    this.clear(), this.currentId = setTimeout(() => {
-      this.currentId = null, e();
-    }, r);
-  }
+function r(s, t) {
+  const e = t.startOfMonth(s), n = e.getDay() > 0 ? e.getDay() : 7, a = t.addDays(s, -n + 1), o = t.addDays(a, 34);
+  return t.getMonth(s) === t.getMonth(o) ? 5 : 4;
 }
 export {
-  t as Timeout
+  r as getBroadcastWeeksInMonth
 };