mada-design-system 0.5.2 → 0.5.3

package/index.es198.js

@@ -1,4 +1,4 @@
-import { getDefaultExportFromCjs as e } from "./index.es185.js";
+import { getDefaultExportFromCjs as e } from "./index.es184.js";
 import { __module as r } from "./index.es245.js";
 import { __require as o } from "./index.es246.js";
 import { __require as t } from "./index.es247.js";

package/index.es20.js

@@ -1,5 +1,5 @@
 import { jsx as g } from "react/jsx-runtime";
-import { cva as i } from "./index.es105.js";
+import { cva as i } from "./index.es106.js";
 import { cn as c } from "./index.es85.js";
 const l = i(
   "inline-flex items-center gap-space-01  font-medium  transition-colors text-center focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",

package/index.es200.js

@@ -1,6 +1,6 @@
 import r from "./index.es196.js";
 import * as e from "react";
-import { MuiPickersAdapterContext as a } from "./index.es121.js";
+import { MuiPickersAdapterContext as a } from "./index.es122.js";
 import { DEFAULT_LOCALE as s } from "./index.es251.js";
 const i = () => {
   const t = e.useContext(a);

package/index.es201.js

@@ -1,5 +1,5 @@
 import "react";
-import { clsx as p } from "./index.es102.js";
+import { clsx as p } from "./index.es103.js";
 import { getPickersFadeTransitionGroupUtilityClass as c } from "./index.es223.js";
 import { jsx as s } from "react/jsx-runtime";
 import u from "./index.es210.js";

package/index.es202.js

@@ -1,7 +1,7 @@
 import se from "./index.es197.js";
 import P from "./index.es196.js";
 import * as u from "react";
-import { clsx as Ce } from "./index.es102.js";
+import { clsx as Ce } from "./index.es103.js";
 import { PickersDay as ge } from "./index.es255.js";
 import { useNow as re, useUtils as ie, useLocaleText as Me } from "./index.es200.js";
 import { DAY_SIZE as q, DAY_MARGIN as Q } from "./index.es209.js";

package/index.es21.js

@@ -1,12 +1,12 @@
 import { jsx as e, jsxs as l, Fragment as u } from "react/jsx-runtime";
 import { Slot as x } from "@radix-ui/react-slot";
 import * as o from "react";
-import { useMediaQuery as B } from "./index.es103.js";
+import { useMediaQuery as B } from "./index.es104.js";
 import { cn as c } from "./index.es85.js";
 import { ShouldRender as m } from "./index.es14.js";
 import { DropdownMenu as w, DropdownMenuTrigger as y, DropdownMenuContent as R, DropdownMenuItem as k } from "./index.es32.js";
-import M from "./index.es114.js";
-import v from "./index.es116.js";
+import M from "./index.es115.js";
+import v from "./index.es117.js";
 import { Stack as C } from "./index.es42.js";
 const b = o.forwardRef(({ ...r }, a) => /* @__PURE__ */ e("nav", { ref: a, "aria-label": "breadcrumb", ...r }));
 b.displayName = "Breadcrumb";

package/index.es210.js

@@ -1,6 +1,6 @@
-import t from "./index.es292.js";
-import r from "./index.es279.js";
-import e, { shouldForwardProp as d } from "./index.es295.js";
+import t from "./index.es291.js";
+import r from "./index.es278.js";
+import e, { shouldForwardProp as d } from "./index.es294.js";
 const s = (o) => d(o) && o !== "classes", l = e({
   themeId: r,
   defaultTheme: t,

package/index.es213.js

@@ -2,7 +2,7 @@ import k from "./index.es197.js";
 import c from "./index.es196.js";
 import * as Y from "react";
 import e from "./index.es198.js";
-import { clsx as K } from "./index.es102.js";
+import { clsx as K } from "./index.es103.js";
 import { useLocaleText as J, useUtils as Q } from "./index.es200.js";
 import { PickersFadeTransitionGroup as X } from "./index.es201.js";
 import { ArrowDropDownIcon as Z } from "./index.es261.js";

package/index.es214.js

@@ -1,7 +1,7 @@
-import a from "./index.es397.js";
-import P from "./index.es398.js";
-import S from "./index.es399.js";
-import c from "./index.es400.js";
+import a from "./index.es389.js";
+import P from "./index.es390.js";
+import S from "./index.es391.js";
+import c from "./index.es387.js";
 function k(r) {
   var t;
   const {

package/index.es215.js

@@ -1,5 +1,5 @@
 import * as t from "react";
-import c from "./index.es299.js";
+import c from "./index.es298.js";
 function f(e) {
   const r = t.useRef(e);
   return c(() => {

package/index.es216.js

@@ -2,7 +2,7 @@ import ue from "./index.es197.js";
 import S from "./index.es196.js";
 import * as a from "react";
 import r from "./index.es198.js";
-import { clsx as ce } from "./index.es102.js";
+import { clsx as ce } from "./index.es103.js";
 import { PickersYear as fe } from "./index.es304.js";
 import { useNow as de, useUtils as V, useDefaultDates as me } from "./index.es200.js";
 import { getYearCalendarUtilityClass as pe } from "./index.es305.js";
@@ -13,7 +13,7 @@ import { useControlledValueWithTimezone as he } from "./index.es207.js";
 import { DIALOG_WIDTH as ge, MAX_CALENDAR_HEIGHT as De } from "./index.es209.js";
 import { jsx as M } from "react/jsx-runtime";
 import Ye from "./index.es210.js";
-import ye from "./index.es293.js";
+import ye from "./index.es292.js";
 import Ce from "./index.es258.js";
 import m from "./index.es215.js";
 import we from "./index.es230.js";

package/index.es217.js

@@ -2,7 +2,7 @@ import le from "./index.es197.js";
 import L from "./index.es196.js";
 import * as u from "react";
 import e from "./index.es198.js";
-import { clsx as ie } from "./index.es102.js";
+import { clsx as ie } from "./index.es103.js";
 import { PickersMonth as ue } from "./index.es301.js";
 import { useNow as ce, useUtils as S, useDefaultDates as de } from "./index.es200.js";
 import { getMonthCalendarUtilityClass as me } from "./index.es302.js";
@@ -13,7 +13,7 @@ import { useControlledValueWithTimezone as pe } from "./index.es207.js";
 import { DIALOG_WIDTH as be } from "./index.es209.js";
 import { jsx as E } from "react/jsx-runtime";
 import Me from "./index.es210.js";
-import De from "./index.es293.js";
+import De from "./index.es292.js";
 import ge from "./index.es258.js";
 import m from "./index.es215.js";
 import ye from "./index.es218.js";

package/index.es219.js

@@ -1,6 +1,6 @@
-import m from "./index.es292.js";
-import o from "./index.es279.js";
-import t from "./index.es294.js";
+import m from "./index.es291.js";
+import o from "./index.es278.js";
+import t from "./index.es293.js";
 function s({
   props: e,
   name: r

package/index.es22.js

@@ -1,6 +1,6 @@
 import { jsx as r, jsxs as s, Fragment as h } from "react/jsx-runtime";
 import { Slot as f } from "@radix-ui/react-slot";
-import { cva as m } from "./index.es105.js";
+import { cva as m } from "./index.es106.js";
 import * as y from "react";
 import { cn as k } from "./index.es85.js";
 import N from "./index.es3.js";

package/index.es228.js

@@ -1,14 +1,14 @@
 import H from "./index.es196.js";
 import O from "./index.es197.js";
 import * as c from "react";
-import { r as j } from "./index.es309.js";
+import { r as j } from "./index.es314.js";
 import d from "./index.es198.js";
 import { jsx as _ } from "react/jsx-runtime";
-import A from "./index.es299.js";
-import P from "./index.es310.js";
-import D from "./index.es311.js";
+import A from "./index.es298.js";
+import P from "./index.es315.js";
+import D from "./index.es316.js";
 import V from "./index.es230.js";
-import W from "./index.es312.js";
+import W from "./index.es317.js";
 const $ = ["actions", "autoFocus", "autoFocusItem", "children", "className", "disabledItemsFocusable", "disableListWrap", "onKeyDown", "variant"];
 function v(n, t, r) {
   return n === t ? n.firstChild : t && t.nextElementSibling ? t.nextElementSibling : r ? null : n.firstChild;

package/index.es229.js

@@ -2,17 +2,17 @@ import w from "./index.es197.js";
 import l from "./index.es196.js";
 import * as d from "react";
 import o from "./index.es198.js";
-import { clsx as x } from "./index.es102.js";
+import { clsx as x } from "./index.es103.js";
 import E, { rootShouldForwardProp as F } from "./index.es210.js";
 import G from "./index.es219.js";
-import $ from "./index.es313.js";
-import i, { getMenuItemUtilityClass as L } from "./index.es314.js";
+import $ from "./index.es309.js";
+import i, { getMenuItemUtilityClass as L } from "./index.es310.js";
 import { jsx as I } from "react/jsx-runtime";
-import _ from "./index.es298.js";
-import O from "./index.es315.js";
-import M from "./index.es316.js";
-import N from "./index.es317.js";
-import D from "./index.es299.js";
+import _ from "./index.es297.js";
+import O from "./index.es311.js";
+import M from "./index.es312.js";
+import N from "./index.es313.js";
+import D from "./index.es298.js";
 import S from "./index.es230.js";
 import U from "./index.es218.js";
 import { alpha as p } from "./index.es231.js";

package/index.es23.js

@@ -1,10 +1,10 @@
 import { jsx as r } from "react/jsx-runtime";
-import e from "./index.es119.js";
-import "./index.es120.js";
-import { LocalizationProvider as i } from "./index.es121.js";
-import { AdapterMomentHijri as d } from "./index.es122.js";
-import { AdapterMoment as n } from "./index.es123.js";
-import { DateCalendar as l } from "./index.es124.js";
+import e from "./index.es120.js";
+import "./index.es121.js";
+import { LocalizationProvider as i } from "./index.es122.js";
+import { AdapterMomentHijri as d } from "./index.es123.js";
+import { AdapterMoment as n } from "./index.es124.js";
+import { DateCalendar as l } from "./index.es125.js";
 function p({ ishijri: a, lang: o = "ar", ...t }) {
   return /* @__PURE__ */ r("div", { dir: "rtl", children: /* @__PURE__ */ r(i, { dateAdapter: a ? d : n, adapterLocale: o === "ar" ? "ar-ly" : "en", children: /* @__PURE__ */ r(
     l,

package/index.es230.js

@@ -1,5 +1,5 @@
 import * as o from "react";
-import u from "./index.es318.js";
+import u from "./index.es321.js";
 function f(...e) {
   return o.useMemo(() => e.every((r) => r == null) ? null : (r) => {
     e.forEach((t) => {

package/index.es231.js

@@ -1,5 +1,5 @@
-import y from "./index.es332.js";
-import l from "./index.es287.js";
+import y from "./index.es344.js";
+import l from "./index.es286.js";
 function h(e, t = 0, n = 1) {
   return process.env.NODE_ENV !== "production" && (e < t || e > n), y(e, t, n);
 }

package/index.es249.js

@@ -1,5 +1,5 @@
 import * as C from "react";
-import { validateDate as e } from "./index.es278.js";
+import { validateDate as e } from "./index.es295.js";
 import { useLocalizationContext as k } from "./index.es200.js";
 const I = ({
   shouldDisableDate: r,

package/index.es25.js

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
 import * as t from "@radix-ui/react-checkbox";
 import * as s from "react";
-import { cva as i } from "./index.es105.js";
+import { cva as i } from "./index.es106.js";
 import { cn as r } from "./index.es85.js";
 const b = i(
   `flex aspect-square justify-center items-center data-[state=checked]:text-icon-oncolor enabled:active:data-[state=unchecked]:bg-control-pressed border border-control-border enabled:hover:bg-control-ripple-effect enabled:focus:ring-2 enabled:focus:ring-border-black enabled:focus:ring-offset-2 disabled:cursor-not-allowed

package/index.es251.js

@@ -1,4 +1,4 @@
-import { getPickersLocalization as o } from "./index.es296.js";
+import { getPickersLocalization as o } from "./index.es300.js";
 const l = {
   // Calendar navigation
   previousMonth: "Previous month",

package/index.es252.js

@@ -1,11 +1,11 @@
 import m from "./index.es197.js";
 import f from "./index.es196.js";
-import v from "./index.es369.js";
-import x from "./index.es363.js";
+import v from "./index.es370.js";
+import x from "./index.es365.js";
 import d from "./index.es198.js";
 import s from "react";
-import h from "./index.es370.js";
-import { getInitialChildMapping as E, getNextChildMapping as y, getChildMapping as g } from "./index.es371.js";
+import h from "./index.es371.js";
+import { getInitialChildMapping as E, getNextChildMapping as y, getChildMapping as g } from "./index.es372.js";
 var M = Object.values || function(a) {
   return Object.keys(a).map(function(r) {
     return a[r];

package/index.es253.js

@@ -1,7 +1,7 @@
 import * as o from "react";
-import r from "./index.es292.js";
-import t from "./index.es279.js";
-import m from "./index.es293.js";
+import r from "./index.es291.js";
+import t from "./index.es278.js";
+import m from "./index.es292.js";
 function i() {
   const e = m(r);
   return process.env.NODE_ENV !== "production" && o.useDebugValue(e), e[t] || e;

package/index.es254.js

@@ -3,11 +3,11 @@ import q from "./index.es197.js";
 import * as f from "react";
 import n from "./index.es198.js";
 import z from "./index.es253.js";
-import { reflow as D, getTransitionProps as g } from "./index.es373.js";
+import { reflow as D, getTransitionProps as g } from "./index.es361.js";
 import { jsx as V } from "react/jsx-runtime";
 import W from "./index.es230.js";
-import $ from "./index.es323.js";
-import B from "./index.es366.js";
+import $ from "./index.es354.js";
+import B from "./index.es362.js";
 const G = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"], H = {
   entering: {
     opacity: 1

package/index.es255.js

@@ -2,17 +2,17 @@ import L from "./index.es197.js";
 import f from "./index.es196.js";
 import * as D from "react";
 import o from "./index.es198.js";
-import { clsx as O } from "./index.es102.js";
+import { clsx as O } from "./index.es103.js";
 import { useUtils as U } from "./index.es200.js";
 import { DAY_SIZE as T, DAY_MARGIN as Y } from "./index.es209.js";
-import { pickersDayClasses as n, getPickersDayUtilityClass as G } from "./index.es297.js";
+import { pickersDayClasses as n, getPickersDayUtilityClass as G } from "./index.es296.js";
 import { jsx as F } from "react/jsx-runtime";
 import P from "./index.es210.js";
-import Z from "./index.es298.js";
+import Z from "./index.es297.js";
 import { alpha as x } from "./index.es231.js";
 import z from "./index.es219.js";
 import J from "./index.es230.js";
-import Q from "./index.es299.js";
+import Q from "./index.es298.js";
 import X from "./index.es218.js";
 const oo = ["autoFocus", "className", "day", "disabled", "disableHighlightToday", "disableMargin", "hidden", "isAnimating", "onClick", "onDaySelect", "onFocus", "onBlur", "onKeyDown", "onMouseDown", "onMouseEnter", "outsideCurrentMonth", "selected", "showDaysOutsideCurrentMonth", "children", "today", "isFirstVisibleCell", "isLastVisibleCell"], eo = (e) => {
   const {

package/index.es256.js

@@ -1,14 +1,14 @@
 import x from "./index.es196.js";
 import u from "./index.es197.js";
 import * as E from "react";
-import { clsx as a } from "./index.es102.js";
+import { clsx as a } from "./index.es103.js";
 import { pickersSlideTransitionClasses as e, getPickersSlideTransitionUtilityClass as h } from "./index.es224.js";
 import { jsx as o } from "react/jsx-runtime";
 import v from "./index.es210.js";
 import A from "./index.es252.js";
 import $ from "./index.es219.js";
 import g from "./index.es253.js";
-import T from "./index.es300.js";
+import T from "./index.es299.js";
 import C from "./index.es218.js";
 const L = ["children", "className", "reduceAnimations", "slideDirection", "transKey", "classes"], S = (i) => {
   const {

package/index.es257.js

@@ -2,13 +2,13 @@ import W from "./index.es197.js";
 import s from "./index.es196.js";
 import * as O from "react";
 import o from "./index.es198.js";
-import { clsx as j } from "./index.es102.js";
+import { clsx as j } from "./index.es103.js";
 import M from "./index.es210.js";
 import N from "./index.es219.js";
-import { getTypographyUtilityClass as P } from "./index.es361.js";
+import { getTypographyUtilityClass as P } from "./index.es363.js";
 import { jsx as C } from "react/jsx-runtime";
-import u from "./index.es328.js";
-import R from "./index.es362.js";
+import u from "./index.es337.js";
+import R from "./index.es364.js";
 import _ from "./index.es218.js";
 const $ = ["align", "className", "component", "gutterBottom", "noWrap", "paragraph", "variant", "variantMapping"], D = (a) => {
   const {

package/index.es259.js

@@ -1,7 +1,7 @@
 import * as a from "react";
-import p from "./index.es351.js";
+import p from "./index.es342.js";
 import h from "./index.es374.js";
-import v from "./index.es299.js";
+import v from "./index.es298.js";
 function S(t, u, e, o, i) {
   const [r, f] = a.useState(() => i && e ? e(t).matches : o ? o(t).matches : u);
   return v(() => {

package/index.es263.js

@@ -2,14 +2,14 @@ import R from "./index.es197.js";
 import n from "./index.es196.js";
 import * as p from "react";
 import r from "./index.es198.js";
-import { clsx as z } from "./index.es102.js";
+import { clsx as z } from "./index.es103.js";
 import C from "./index.es210.js";
 import O from "./index.es219.js";
 import T, { getIconButtonUtilityClass as $ } from "./index.es375.js";
 import { jsx as x } from "react/jsx-runtime";
-import B from "./index.es298.js";
-import a from "./index.es328.js";
-import k from "./index.es322.js";
+import B from "./index.es297.js";
+import a from "./index.es337.js";
+import k from "./index.es353.js";
 import I from "./index.es218.js";
 import { alpha as m } from "./index.es231.js";
 const j = ["edge", "children", "className", "color", "disabled", "disableFocusRipple", "size"], N = (o) => {

package/index.es264.js

@@ -1,7 +1,7 @@
 import w from "./index.es197.js";
 import o from "./index.es196.js";
 import * as W from "react";
-import { clsx as q } from "./index.es102.js";
+import { clsx as q } from "./index.es103.js";
 import { ArrowLeftIcon as E, ArrowRightIcon as F } from "./index.es261.js";
 import { getPickersArrowSwitcherUtilityClass as J } from "./index.es376.js";
 import { jsxs as K, jsx as i } from "react/jsx-runtime";

package/index.es266.js

@@ -1,6 +1,6 @@
-import { __module as r } from "./index.es319.js";
-import { __require as o } from "./index.es320.js";
-import { __require as i } from "./index.es321.js";
+import { __module as r } from "./index.es318.js";
+import { __require as o } from "./index.es319.js";
+import { __require as i } from "./index.es320.js";
 var e;
 function u() {
   return e ? r.exports : (e = 1, process.env.NODE_ENV === "production" ? r.exports = o() : r.exports = i(), r.exports);

package/index.es27.js

@@ -7,7 +7,7 @@ import { Dialog as f, DialogContent as u, DialogHeader as g } from "./index.es31
 import { cn as m } from "./index.es85.js";
 import h from "./index.es89.js";
 import { ScrollArea as x } from "./index.es62.js";
-import N from "./index.es125.js";
+import N from "./index.es126.js";
 const l = t.forwardRef(
   ({ className: e, ...r }, d) => /* @__PURE__ */ o(
     a,

package/index.es272.js

@@ -1,4 +1,4 @@
-import { __exports as r } from "./index.es333.js";
+import { __exports as r } from "./index.es322.js";
 var _;
 function g() {
   if (_)

package/index.es273.js

@@ -1,4 +1,4 @@
-import { __exports as r } from "./index.es334.js";
+import { __exports as r } from "./index.es323.js";
 var A;
 function re() {
   return A ? r : (A = 1, process.env.NODE_ENV !== "production" && function() {

package/index.es278.js

@@ -1,40 +1,4 @@
-import { applyDefaultDate as D } from "./index.es204.js";
-const b = ({
-  props: s,
-  value: t,
-  adapter: e
-}) => {
-  if (t === null)
-    return null;
-  const {
-    shouldDisableDate: i,
-    shouldDisableMonth: l,
-    shouldDisableYear: n,
-    disablePast: r,
-    disableFuture: c,
-    timezone: m
-  } = s, a = e.utils.dateWithTimezone(void 0, m), o = D(e.utils, s.minDate, e.defaultDates.minDate), u = D(e.utils, s.maxDate, e.defaultDates.maxDate);
-  switch (!0) {
-    case !e.utils.isValid(t):
-      return "invalidDate";
-    case !!(i && i(t)):
-      return "shouldDisableDate";
-    case !!(l && l(t)):
-      return "shouldDisableMonth";
-    case !!(n && n(t)):
-      return "shouldDisableYear";
-    case !!(c && e.utils.isAfterDay(t, a)):
-      return "disableFuture";
-    case !!(r && e.utils.isBeforeDay(t, a)):
-      return "disablePast";
-    case !!(o && e.utils.isBeforeDay(t, o)):
-      return "minDate";
-    case !!(u && e.utils.isAfterDay(t, u)):
-      return "maxDate";
-    default:
-      return null;
-  }
-};
+const a = "$$material";
 export {
-  b as validateDate
+  a as default
 };

package/index.es279.js

@@ -1,4 +1,62 @@
-const a = "$$material";
+import l from "./index.es196.js";
+import g from "./index.es197.js";
+import v from "./index.es280.js";
+import b from "./index.es281.js";
+import O from "./index.es282.js";
+import C from "./index.es283.js";
+import E from "./index.es284.js";
+import I from "./index.es285.js";
+import _ from "./index.es286.js";
+import k from "./index.es287.js";
+import p from "./index.es288.js";
+import N from "./index.es289.js";
+import S from "./index.es290.js";
+import T from "./index.es220.js";
+const M = ["breakpoints", "mixins", "spacing", "palette", "transitions", "typography", "shape"];
+function B(o = {}, ...f) {
+  const {
+    mixins: u = {},
+    palette: d = {},
+    transitions: h = {},
+    typography: y = {}
+  } = o, n = g(o, M);
+  if (o.vars)
+    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `vars` is a private field used for CSS variables support.\nPlease use another name." : _(18));
+  const c = b(d), m = k(o);
+  let e = p(m, {
+    mixins: v(m.breakpoints, u),
+    palette: c,
+    // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
+    shadows: C.slice(),
+    typography: O(c, y),
+    transitions: E(h),
+    zIndex: l({}, I)
+  });
+  if (e = p(e, n), e = f.reduce((i, s) => p(i, s), e), process.env.NODE_ENV !== "production") {
+    const i = ["active", "checked", "completed", "disabled", "error", "expanded", "focused", "focusVisible", "required", "selected"], s = (t, a) => {
+      let r;
+      for (r in t) {
+        const x = t[r];
+        if (i.indexOf(r) !== -1 && Object.keys(x).length > 0) {
+          if (process.env.NODE_ENV !== "production") {
+            const $ = T("", r);
+          }
+          t[r] = {};
+        }
+      }
+    };
+    Object.keys(e.components).forEach((t) => {
+      const a = e.components[t].styleOverrides;
+      a && t.indexOf("Mui") === 0 && s(a, t);
+    });
+  }
+  return e.unstable_sxConfig = l({}, N, n == null ? void 0 : n.unstable_sxConfig), e.unstable_sx = function(s) {
+    return S({
+      sx: s,
+      theme: this
+    });
+  }, e;
+}
 export {
-  a as default
+  B as default
 };

package/index.es28.js

@@ -1,4 +1,4 @@
-import { a as se } from "./index.es187.js";
+import { a as se } from "./index.es188.js";
 import * as V from "@radix-ui/react-dialog";
 import * as t from "react";
 var fe = '[cmdk-list-sizer=""]', K = '[cmdk-group=""]', H = '[cmdk-group-items=""]', me = '[cmdk-group-heading=""]', B = '[cmdk-item=""]', ne = `${B}:not([aria-disabled="true"])`, W = "cmdk-item-select", w = "data-value", ve = (r, o) => se(r, o), le = t.createContext(void 0), P = () => t.useContext(le), ae = t.createContext(void 0), Q = () => t.useContext(ae), ue = t.createContext(void 0), oe = t.forwardRef((r, o) => {