@dss-kit/ui-kit 1.0.4 → 1.1.0

package/dist/components/controls/Select/Select.js

@@ -1,20 +1,22 @@
 import { jsx as t, jsxs as h, Fragment as ye } from "react/jsx-runtime";
 import { cx as f } from "@emotion/css";
-import { useFloating as xe, autoUpdate as we, offset as be, flip as ve, shift as ke, size as Ne } from "@floating-ui/react";
-import { motion as Se, AnimatePresence as Ce } from "framer-motion";
-import { useState as Pe, useMemo as W, useCallback as H, useEffect as Ee } from "react";
-import Me from "../../../assets/svg/shared/chevron-down.svg.js";
+import { useFloating as xe, autoUpdate as we, offset as ve, flip as be, shift as ke, size as Ne } from "@floating-ui/react";
+import { m as Se, AnimatePresence as Ce } from "framer-motion";
+import { useState as Me, useMemo as W, useCallback as G, useEffect as Pe } from "react";
+import Ee from "../../../assets/svg/shared/chevron-down.svg.js";
 import Oe from "../../../assets/svg/shared/empty-box.svg.js";
-import { styles as n, selectArrowSizesStyles as Ve } from "./styles.js";
-import { useControlled as Ae } from "../../../utils/hooks/useControlled.js";
-import { Portal as De } from "../../builders/Portal/Portal.js";
-import { Checkbox as We } from "../Checkbox/Checkbox.js";
-import { Tag as ze } from "../../shared/Tag/Tag.js";
+import { getLoadedMotionFeatures as Ve } from "../../../providers/MotionProvider/loadMotionFeatures.js";
+import { styles as n, selectArrowSizesStyles as Ae } from "./styles.js";
+import { useControlled as De } from "../../../utils/hooks/useControlled.js";
+import { Portal as We } from "../../builders/Portal/Portal.js";
+import { Checkbox as ze } from "../Checkbox/Checkbox.js";
+import { Tag as Be } from "../../shared/Tag/Tag.js";
 import { Box as i } from "../../builders/Box/Box.js";
 import { Text as d } from "../../builders/Text/Text.js";
-import { Ripple as Be } from "../../builders/Ripple/Ripple.js";
-function Ye({
-  value: J,
+import { Ripple as Fe } from "../../builders/Ripple/Ripple.js";
+import { MotionProvider as Re } from "../../../providers/MotionProvider/MotionProvider.js";
+function tt({
+  value: H,
   onChange: g,
   multiple: a = !1,
   returnedValue: C,
@@ -25,19 +27,19 @@ function Ye({
   renderDropdownItem: u,
   placeholder: x,
   items: w = [],
-  fullWidth: K,
+  fullWidth: J,
   size: m = "md",
-  showDefaultItem: L,
-  disabled: P,
-  label: E,
-  firstItem: R,
-  lastItem: j,
+  showDefaultItem: K,
+  disabled: M,
+  label: P,
+  firstItem: F,
+  lastItem: R,
   observer: Q,
   emptyText: X,
   onBlur: Y,
-  prompt: M,
+  prompt: E,
   error: O,
-  errorText: F,
+  errorText: j,
   dropdownMaxWidth: T = 400,
   dropdownMinWidth: Z = 120,
   minWidth: I = 120,
@@ -47,23 +49,23 @@ function Ye({
   className: oe,
   triggerClassName: ne,
   menuClassName: re,
-  itemClassName: b,
+  itemClassName: v,
   labelClassName: ie,
   promptClassName: se,
   errorClassName: ae
 }) {
-  const [v, k] = Ae(
-    J,
+  const [b, k] = De(
+    H,
     a ? [] : null
-  ), [V, U] = Pe(!1), { refs: $, floatingStyles: ce } = xe({
+  ), [V, L] = Me(!1), { refs: U, floatingStyles: ce } = xe({
     open: V,
     // fixed-стратегия не зависит от скролла предков и проще контролируется.
     strategy: "fixed",
     middleware: [
       // Лёгкий отступ, чтобы поповер не прилипал к контролу.
-      be(4),
+      ve(4),
       // flip и shift удерживают поповер в зоне видимости, подстраивая оси.
-      ve({ crossAxis: !0, fallbackAxisSideDirection: "start" }),
+      be({ crossAxis: !0, fallbackAxisSideDirection: "start" }),
       ke({ crossAxis: !0, padding: 8 }),
       // sizeMiddleware синхронизирует ширину и высоту с reference/viewport.
       Ne({
@@ -92,9 +94,9 @@ function Ye({
     // autoUpdate следит за изменениями размера/позиции и пересчитывает геометрию.
     whileElementsMounted: we
   }), s = W(
-    () => a ? v || [] : v != null ? [v] : [],
-    [v, a]
-  ), N = H(
+    () => a ? b || [] : b != null ? [b] : [],
+    [b, a]
+  ), N = G(
     (e) => C ? C(e) : e,
     [C]
   ), S = W(() => {
@@ -102,20 +104,20 @@ function Ye({
     return w.forEach((o) => {
       e.set(N(o), o);
     }), e;
-  }, [w, N]), le = !w.length && !O, q = W(
+  }, [w, N]), le = !w.length && !O, $ = W(
     () => s.map((e) => S.get(e)).filter((e) => !!e),
     [S, s]
   );
-  Ee(() => {
+  Pe(() => {
     process.env.NODE_ENV !== "production" && l && !u && console.warn(
       "[Select] `renderItem` deprecated, use `renderDropdownItem` instead."
     );
   }, [u, l]);
-  const fe = H(
+  const fe = G(
     (e, o) => u ? u(e, o) : l ? l(e) : String(e),
     [u, l]
   ), A = () => {
-    U(!1), Y?.();
+    L(!1), Y?.();
   }, de = (e) => {
     const o = N(e);
     if (a) {
@@ -130,7 +132,7 @@ function Ye({
   }, ue = () => {
     const e = a ? [] : null;
     k(e), g?.(e), a || A();
-  }, G = () => typeof x == "string" ? /* @__PURE__ */ t(
+  }, q = () => typeof x == "string" ? /* @__PURE__ */ t(
     d,
     {
       variant: m === "xs" ? "caption-1" : "body-2",
@@ -141,15 +143,15 @@ function Ye({
     }
   ) : x, me = () => {
     if (!s.length)
-      return G();
+      return q();
     if (a)
-      return B ? B(q) : y ? y({
+      return B ? B($) : y ? y({
         mode: "multiple",
-        selectedItems: q
+        selectedItems: $
       }) : /* @__PURE__ */ t(i, { flexWrap: "wrap", row: !0, gap: 10, children: s.map((r) => {
         const c = S.get(r);
         return c ? /* @__PURE__ */ t(
-          ze,
+          Be,
           {
             size: "sm",
             label: l ? l(c) : String(r),
@@ -161,7 +163,7 @@ function Ye({
         ) : null;
       }) });
     const e = S.get(s[0]) ?? null;
-    if (!e) return G();
+    if (!e) return q();
     if (z)
       return z(e);
     if (y)
@@ -180,7 +182,7 @@ function Ye({
         children: o
       }
     ) : /* @__PURE__ */ t(ye, { children: o });
-  }, he = V && /* @__PURE__ */ t(De, { children: /* @__PURE__ */ t(
+  }, he = V && /* @__PURE__ */ t(We, { children: /* @__PURE__ */ t(
     i,
     {
       row: !0,
@@ -198,9 +200,9 @@ function Ye({
       children: /* @__PURE__ */ t(
         Se.div,
         {
-          ref: $.setFloating,
+          ref: U.setFloating,
           className: f(n["select-dropdown"], te),
-          initial: { height: 0, opacity: 0 },
+          initial: Ve() ? { height: 0, opacity: 0 } : !1,
           animate: { height: "auto", opacity: 1 },
           exit: { height: 0, opacity: 0 },
           transition: { duration: 0.25, ease: "easeInOut" },
@@ -211,24 +213,24 @@ function Ye({
           onMouseDown: (e) => e.stopPropagation(),
           onClick: (e) => e.stopPropagation(),
           children: /* @__PURE__ */ h("ul", { className: f(n["select-menu"], re), children: [
-            L && !a && /* @__PURE__ */ t(
+            K && !a && /* @__PURE__ */ t(
               i,
               {
-                className: f(n["select-menu-item"], b),
+                className: f(n["select-menu-item"], v),
                 role: "option",
                 onClick: ue,
                 children: /* @__PURE__ */ t(d, { variant: "body-2", colorName: "tertiary", children: x })
               }
             ),
-            R && /* @__PURE__ */ t(
+            F && /* @__PURE__ */ t(
               i,
               {
                 className: f(
                   n["select-menu-item"],
                   n["select-menu-item-first"],
-                  b
+                  v
                 ),
-                children: R
+                children: F
               }
             ),
             le && /* @__PURE__ */ h(i, { className: n["empty-block"], children: [
@@ -252,13 +254,13 @@ function Ye({
                     {
                       [n.selected]: c
                     },
-                    b
+                    v
                   ),
                   role: "option",
                   relative: !0,
                   onClick: () => de(e),
                   children: [
-                    a && /* @__PURE__ */ t(We, { size: "sm", checked: c }),
+                    a && /* @__PURE__ */ t(ze, { size: "sm", checked: c }),
                     D ? /* @__PURE__ */ t(
                       d,
                       {
@@ -269,22 +271,22 @@ function Ye({
                         children: p
                       }
                     ) : p,
-                    /* @__PURE__ */ t(Be, {})
+                    /* @__PURE__ */ t(Fe, {})
                   ]
                 },
                 r
               );
             }),
             Q,
-            j && /* @__PURE__ */ t(
+            R && /* @__PURE__ */ t(
               i,
               {
                 className: f(
                   n["select-menu-item"],
                   n["select-menu-item-first"],
-                  b
+                  v
                 ),
-                children: j
+                children: R
               }
             )
           ] })
@@ -299,12 +301,12 @@ function Ye({
       relative: !0,
       display: "inline-block",
       minWidth: I,
-      w: _ || (K ? "full" : "auto"),
+      w: _ || (J ? "full" : "auto"),
       onMouseDown: (e) => e.stopPropagation(),
       onClick: (e) => e.stopPropagation(),
       className: oe,
       children: [
-        typeof E == "string" ? /* @__PURE__ */ t(
+        typeof P == "string" ? /* @__PURE__ */ t(
           d,
           {
             variant: "body-2",
@@ -312,16 +314,16 @@ function Ye({
             fontWeight: "regular",
             mb: m === "sm" ? 4 : 8,
             className: ie,
-            children: E
+            children: P
           }
-        ) : E,
+        ) : P,
         /* @__PURE__ */ h(
           i,
           {
-            ref: $.setReference,
+            ref: U.setReference,
             row: !0,
             gap: 10,
-            tabIndex: P ? -1 : 0,
+            tabIndex: M ? -1 : 0,
             role: "button",
             alignItems: "flex-start",
             "aria-haspopup": "listbox",
@@ -333,35 +335,35 @@ function Ye({
               n[`background-${ee}`],
               {
                 [n.error]: O,
-                [n.disabled]: P,
+                [n.disabled]: M,
                 [n.open]: V
               },
               ne
             ),
-            onClick: () => !P && U((e) => !e),
+            onClick: () => !M && L((e) => !e),
             children: [
               /* @__PURE__ */ t(i, { className: f(n["select-value"]), children: me() }),
               /* @__PURE__ */ t(
                 i,
                 {
-                  className: f(n["select-arrow"], Ve[m]),
-                  children: /* @__PURE__ */ t(Me, {})
+                  className: f(n["select-arrow"], Ae[m]),
+                  children: /* @__PURE__ */ t(Ee, {})
                 }
               )
             ]
           }
         ),
-        typeof M == "string" ? /* @__PURE__ */ t(
+        typeof E == "string" ? /* @__PURE__ */ t(
           d,
           {
             variant: "caption-1",
             colorName: "tertiary",
             mt: 4,
             className: se,
-            children: M
+            children: E
           }
-        ) : M,
-        O && F && /* @__PURE__ */ t(
+        ) : E,
+        O && j && /* @__PURE__ */ t(
           d,
           {
             tag: "p",
@@ -369,14 +371,14 @@ function Ye({
             variant: "body-2",
             mt: 5,
             className: ae,
-            children: F
+            children: j
           }
         ),
-        /* @__PURE__ */ t(Ce, { children: he })
+        /* @__PURE__ */ t(Re, { children: /* @__PURE__ */ t(Ce, { children: he }) })
       ]
     }
   );
 }
 export {
-  Ye as Select
+  tt as Select
 };

package/dist/components/shared/Toast/ToastContainer.d.ts

@@ -3,7 +3,7 @@ interface ToastContainerProps {
     position?: ToastPosition;
     /** Кастомный CSS-класс для корневого `<div>` контейнера тостов. */
     className?: string;
-    /** Класс для каждого `motion.div` обёртки тоста. */
+    /** Класс для каждого `m.div` обёртки тоста. */
     itemClassName?: string;
     /** Класс, прокидываемый в каждый `Toast` (на корневой `Box`). */
     toastClassName?: string;

package/dist/components/shared/Toast/ToastContainer.js

@@ -1,11 +1,13 @@
 import { jsx as n } from "react/jsx-runtime";
 import { cx as m, css as c } from "@emotion/css";
-import { AnimatePresence as p, motion as f } from "framer-motion";
+import { AnimatePresence as f, m as p } from "framer-motion";
 import { useSyncExternalStore as d } from "react";
-import { Toast as h } from "./Toast.js";
+import { getLoadedMotionFeatures as h } from "../../../providers/MotionProvider/loadMotionFeatures.js";
+import { Toast as g } from "./Toast.js";
 import { toastStore as o } from "./Toast.store.js";
-import { Portal as g } from "../../builders/Portal/Portal.js";
-const x = {
+import { Portal as x } from "../../builders/Portal/Portal.js";
+import { MotionProvider as u } from "../../../providers/MotionProvider/MotionProvider.js";
+const y = {
   "top-left": { top: 16, left: 16, alignItems: "flex-start" },
   "top-center": {
     top: 16,
@@ -22,14 +24,14 @@ const x = {
     alignItems: "center"
   },
   "bottom-right": { bottom: 16, right: 16, alignItems: "flex-end" }
-}, u = (t) => {
-  const s = t.startsWith("top"), r = t.endsWith("left"), a = t.endsWith("right"), l = t.endsWith("center"), i = r ? -40 : a ? 40 : 0;
+}, b = (t) => {
+  const r = t.startsWith("top"), s = t.endsWith("left"), a = t.endsWith("right"), l = t.endsWith("center"), i = s ? -40 : a ? 40 : 0;
   return {
-    initial: { opacity: 0, x: i, y: s ? -16 : 16, scale: 0.95 },
+    initial: { opacity: 0, x: i, y: r ? -16 : 16, scale: 0.95 },
     animate: { opacity: 1, x: 0, y: 0, scale: 1 },
     exit: { opacity: 0, x: i, scale: 0.95, transition: { duration: 0.15 } }
   };
-}, y = c({
+}, I = c({
   position: "fixed",
   zIndex: 2,
   display: "flex",
@@ -38,37 +40,37 @@ const x = {
   pointerEvents: "none",
   maxWidth: 325,
   width: "100%"
-}), b = c({
+}), v = c({
   pointerEvents: "auto",
   width: "100%"
 });
-function N({
+function M({
   position: t = "top-right",
-  className: s,
-  itemClassName: r,
+  className: r,
+  itemClassName: s,
   toastClassName: a
 }) {
   const l = d(
     o.subscribe,
     o.getSnapshot,
     o.getSnapshot
-  ), i = u(t);
-  return /* @__PURE__ */ n(g, { children: /* @__PURE__ */ n(
+  ), i = b(t);
+  return /* @__PURE__ */ n(x, { children: /* @__PURE__ */ n(
     "div",
     {
-      className: m(y, s),
-      style: x[t],
-      children: /* @__PURE__ */ n(p, { initial: !1, children: l.map((e) => /* @__PURE__ */ n(
-        f.div,
+      className: m(I, r),
+      style: y[t],
+      children: /* @__PURE__ */ n(u, { children: /* @__PURE__ */ n(f, { initial: !1, children: l.map((e) => /* @__PURE__ */ n(
+        p.div,
         {
-          className: m(b, r),
+          className: m(v, s),
           layout: !0,
-          initial: i.initial,
+          initial: h() ? i.initial : !1,
           animate: i.animate,
           exit: i.exit,
           transition: { type: "spring", stiffness: 400, damping: 30 },
           children: /* @__PURE__ */ n(
-            h,
+            g,
             {
               title: e.title,
               subtitle: e.subtitle,
@@ -80,10 +82,10 @@ function N({
           )
         },
         e.id
-      )) })
+      )) }) })
     }
   ) });
 }
 export {
-  N as ToastContainer
+  M as ToastContainer
 };

package/dist/index.js

@@ -2,7 +2,7 @@
 import { UiKitLocaleProvider as t } from "./locale/UiKitLocaleProvider/UiKitLocaleProvider.js";
 import { Box as m } from "./components/builders/Box/Box.js";
 import { Loader as f } from "./components/builders/Loader/Loader.js";
-import { Modal as n } from "./components/builders/Modal/index.js";
+import { Modal as i } from "./components/builders/Modal/index.js";
 import { Portal as T } from "./components/builders/Portal/Portal.js";
 import { Ripple as l } from "./components/builders/Ripple/Ripple.js";
 import { Sheet as C } from "./components/builders/Sheet/index.js";
@@ -12,8 +12,8 @@ import { AnimatedText as k, Text as A } from "./components/builders/Text/Text.js
 import { LineChart as S } from "./components/charts/LineChart/LineChart.js";
 import { PieProgressChart as P } from "./components/charts/PieProgressChart/PieProgressChart.js";
 import { Button as _ } from "./components/controls/Button/Button.js";
-import { Checkbox as I } from "./components/controls/Checkbox/Checkbox.js";
-import { IconButton as v } from "./components/controls/IconButton/IconButton.js";
+import { Checkbox as v } from "./components/controls/Checkbox/Checkbox.js";
+import { IconButton as L } from "./components/controls/IconButton/IconButton.js";
 import { Input as D } from "./components/controls/Input/Input.js";
 import { MarkdownToolbarAction as O } from "./components/controls/MarkdownTextEditor/hooks/useToolbarActions/useToolbarActions.const.js";
 import { MARKDOWN_TEXT_EDITOR_LOCALE_KEY as U } from "./components/controls/MarkdownTextEditor/MarkdownTextEditor.locale.js";
@@ -29,7 +29,7 @@ import { Breadcrumbs as eo } from "./components/navigation/Breadcrumbs/Breadcrum
 import { Avatar as po } from "./components/shared/Avatar/Avatar.js";
 import { Badge as xo } from "./components/shared/Badge/Badge.js";
 import { Counter as ao } from "./components/shared/Counter/Counter.js";
-import { Dot as io } from "./components/shared/Dot/Dot.js";
+import { Dot as no } from "./components/shared/Dot/Dot.js";
 import { Hint as so } from "./components/shared/Hint/Hint.js";
 import { MarkdownText as Co } from "./components/shared/MarkdownText/MarkdownText.js";
 import { Popover as ho } from "./components/shared/Popover/Popover.js";
@@ -39,31 +39,32 @@ import { Toast as Eo } from "./components/shared/Toast/Toast.js";
 import { useToast as Mo } from "./components/shared/Toast/Toast.hooks.js";
 import { toast as Ro } from "./components/shared/Toast/Toast.utils.js";
 import { ToastContainer as bo } from "./components/shared/Toast/ToastContainer.js";
-import { Tooltip as Lo } from "./components/shared/Tooltip/Tooltip.js";
-import { ThemeProviderScoped as wo } from "./providers/ThemeProviderScoped/ThemeProviderScoped.js";
-import { THEME_DATA_ATTRIBUTE as Ko } from "./providers/ThemeProviderScoped/ThemeProviderScoped.const.js";
-import { ThemeContext as Ho, useUiKitTheme as Uo } from "./providers/ThemeProviderScoped/ThemeProviderScoped.context.js";
-import { useControlled as yo } from "./utils/hooks/useControlled.js";
-import { useBreakpoint as Fo } from "./utils/hooks/breakpoints/useBreakpoint/useBreakpoint.js";
-import { Breakpoints as No, BreakpointsBase as Xo } from "./utils/hooks/breakpoints/useBreakpoint/useBreakpoint.const.js";
-import { getFontWeightClass as jo } from "./utils/styles/getFontWeightClass/getFontWeightClass.js";
-import { getSizeClass as Jo } from "./utils/styles/getSizeClass/getSizeClass.js";
-import { getStyleClass as Vo } from "./utils/styles/getStyleClass/getStyleClass.js";
-import { theme as $o } from "./utils/theme/index.js";
+import { Tooltip as Io } from "./components/shared/Tooltip/Tooltip.js";
+import { MotionProvider as wo } from "./providers/MotionProvider/MotionProvider.js";
+import { ThemeProviderScoped as Ko } from "./providers/ThemeProviderScoped/ThemeProviderScoped.js";
+import { THEME_DATA_ATTRIBUTE as Ho } from "./providers/ThemeProviderScoped/ThemeProviderScoped.const.js";
+import { ThemeContext as Wo, useUiKitTheme as yo } from "./providers/ThemeProviderScoped/ThemeProviderScoped.context.js";
+import { useControlled as Fo } from "./utils/hooks/useControlled.js";
+import { useBreakpoint as No } from "./utils/hooks/breakpoints/useBreakpoint/useBreakpoint.js";
+import { Breakpoints as Yo, BreakpointsBase as jo } from "./utils/hooks/breakpoints/useBreakpoint/useBreakpoint.const.js";
+import { getFontWeightClass as Jo } from "./utils/styles/getFontWeightClass/getFontWeightClass.js";
+import { getSizeClass as Vo } from "./utils/styles/getSizeClass/getSizeClass.js";
+import { getStyleClass as $o } from "./utils/styles/getStyleClass/getStyleClass.js";
+import { theme as rr } from "./utils/theme/index.js";
 export {
   k as AnimatedText,
   po as Avatar,
   xo as Badge,
   m as Box,
   eo as Breadcrumbs,
-  No as Breakpoints,
-  Xo as BreakpointsBase,
+  Yo as Breakpoints,
+  jo as BreakpointsBase,
   _ as Button,
-  I as Checkbox,
+  v as Checkbox,
   ao as Counter,
-  io as Dot,
+  no as Dot,
   so as Hint,
-  v as IconButton,
+  L as IconButton,
   D as Input,
   S as LineChart,
   f as Loader,
@@ -71,7 +72,8 @@ export {
   Co as MarkdownText,
   y as MarkdownTextEditor,
   O as MarkdownToolbarAction,
-  n as Modal,
+  i as Modal,
+  wo as MotionProvider,
   F as OtpInput,
   P as PieProgressChart,
   ho as Popover,
@@ -84,25 +86,25 @@ export {
   C as Sheet,
   co as Skeleton,
   Z as Switch,
-  Ko as THEME_DATA_ATTRIBUTE,
+  Ho as THEME_DATA_ATTRIBUTE,
   h as Table,
   oo as Tabs,
   ko as Tag,
   A as Text,
-  Ho as ThemeContext,
-  wo as ThemeProviderScoped,
+  Wo as ThemeContext,
+  Ko as ThemeProviderScoped,
   Eo as Toast,
   bo as ToastContainer,
-  Lo as Tooltip,
+  Io as Tooltip,
   t as UiKitLocaleProvider,
   c as createColumnHelper,
-  jo as getFontWeightClass,
-  Jo as getSizeClass,
-  Vo as getStyleClass,
-  $o as theme,
+  Jo as getFontWeightClass,
+  Vo as getSizeClass,
+  $o as getStyleClass,
+  rr as theme,
   Ro as toast,
-  Fo as useBreakpoint,
-  yo as useControlled,
+  No as useBreakpoint,
+  Fo as useControlled,
   Mo as useToast,
-  Uo as useUiKitTheme
+  yo as useUiKitTheme
 };

package/dist/providers/MotionProvider/MotionProvider.d.ts

@@ -0,0 +1,9 @@
+import { IMotionProviderProps } from './MotionProvider.types';
+/**
+ * Подгружает фичи Motion (анимации, жесты, exit, drag, layout) отдельным
+ * чанком. Без провайдера `m.*` рендерится, но не анимируется.
+ *
+ * Компоненты UI Kit оборачивают себя сами, приложению провайдер нужен только
+ * для собственных `m.*` компонентов.
+ */
+export declare function MotionProvider({ children, strict, }: IMotionProviderProps): import("react/jsx-runtime").JSX.Element;

package/dist/providers/MotionProvider/MotionProvider.js

@@ -0,0 +1,21 @@
+import { jsx as o, Fragment as i } from "react/jsx-runtime";
+import { LazyMotion as n } from "framer-motion";
+import { useContext as s, createContext as a } from "react";
+import { loadMotionFeatures as f, getLoadedMotionFeatures as m } from "./loadMotionFeatures.js";
+const r = a(!1);
+function l({
+  children: e,
+  strict: t = !1
+}) {
+  return s(r) && !t ? /* @__PURE__ */ o(i, { children: e }) : /* @__PURE__ */ o(r.Provider, { value: !0, children: /* @__PURE__ */ o(
+    n,
+    {
+      features: m() ?? f,
+      strict: t,
+      children: e
+    }
+  ) });
+}
+export {
+  l as MotionProvider
+};