@mieweb/ui 0.8.0 → 0.9.0

package/dist/motion.cjs

@@ -0,0 +1,87 @@
+'use strict';
+
+var chunkBN75TLUN_cjs = require('./chunk-BN75TLUN.cjs');
+require('./chunk-S5RVSXDV.cjs');
+var React = require('react');
+var react = require('motion/react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+function Presence({
+  children,
+  initial = true,
+  onExitComplete
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(react.AnimatePresence, { initial, onExitComplete, children });
+}
+function MotionProvider({
+  children,
+  disabled = false,
+  reducedMotion = "user"
+}) {
+  const runtime = React__namespace.useMemo(
+    () => ({
+      enabled: !disabled,
+      Div: react.m.div,
+      Nav: react.m.nav,
+      Span: react.m.span,
+      Presence,
+      ...chunkBN75TLUN_cjs.createPresetPropBuilders()
+    }),
+    [disabled]
+  );
+  return (
+    // `domAnimation` covers transforms, opacity and exit animations — the whole
+    // preset vocabulary — at roughly a fifth of the full bundle.
+    //
+    // Deliberately not `strict`: this provider is documented to wrap the whole
+    // app, and `strict` throws on any `motion.*` component anywhere beneath it.
+    // That would make an application's own unrelated animations fail the moment
+    // it opts in — a root-level provider has no business imposing that.
+    //
+    // A disabled provider still supplies the runtime (with `enabled: false`)
+    // rather than `null`, so consumers can distinguish "disabled" from "never
+    // opted in" — see the `enabled` contract in `runtime.ts`.
+    /* @__PURE__ */ jsxRuntime.jsx(react.LazyMotion, { features: react.domAnimation, children: /* @__PURE__ */ jsxRuntime.jsx(react.MotionConfig, { reducedMotion, children: /* @__PURE__ */ jsxRuntime.jsx(chunkBN75TLUN_cjs.MotionRuntimeContext.Provider, { value: runtime, children }) }) })
+  );
+}
+MotionProvider.displayName = "MotionProvider";
+
+Object.defineProperty(exports, "Animated", {
+  enumerable: true,
+  get: function () { return chunkBN75TLUN_cjs.Animated; }
+});
+Object.defineProperty(exports, "AnimatedPresence", {
+  enumerable: true,
+  get: function () { return chunkBN75TLUN_cjs.AnimatedPresence; }
+});
+Object.defineProperty(exports, "motionPresets", {
+  enumerable: true,
+  get: function () { return chunkBN75TLUN_cjs.motionPresets; }
+});
+Object.defineProperty(exports, "useMotionRuntime", {
+  enumerable: true,
+  get: function () { return chunkBN75TLUN_cjs.useMotionRuntime; }
+});
+exports.MotionProvider = MotionProvider;
+//# sourceMappingURL=motion.cjs.map
+//# sourceMappingURL=motion.cjs.map

package/dist/motion.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/motion/MotionProvider.tsx"],"names":["jsx","AnimatePresence","React","m","createPresetPropBuilders","LazyMotion","domAnimation","MotionConfig","MotionRuntimeContext"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CA,SAAS,QAAA,CAAS;AAAA,EAChB,QAAA;AAAA,EACA,OAAA,GAAU,IAAA;AAAA,EACV;AACF,CAAA,EAA2C;AACzC,EAAA,uBACEA,cAAA,CAACC,qBAAA,EAAA,EAAgB,OAAA,EAAkB,cAAA,EAChC,QAAA,EACH,CAAA;AAEJ;AA8BO,SAAS,cAAA,CAAe;AAAA,EAC7B,QAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,aAAA,GAAgB;AAClB,CAAA,EAA2C;AACzC,EAAA,MAAM,OAAA,GAAgBC,gBAAA,CAAA,OAAA;AAAA,IACpB,OAAO;AAAA,MACL,SAAS,CAAC,QAAA;AAAA,MACV,KAAKC,OAAA,CAAE,GAAA;AAAA,MACP,KAAKA,OAAA,CAAE,GAAA;AAAA,MACP,MAAMA,OAAA,CAAE,IAAA;AAAA,MACR,QAAA;AAAA,MACA,GAAGC,0CAAA;AAAyB,KAC9B,CAAA;AAAA,IACA,CAAC,QAAQ;AAAA,GACX;AAEA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAYEJ,cAAA,CAACK,gBAAA,EAAA,EAAW,QAAA,EAAUC,kBAAA,EACpB,yCAACC,kBAAA,EAAA,EAAa,aAAA,EACZ,QAAA,kBAAAP,cAAA,CAACQ,sCAAA,CAAqB,UAArB,EAA8B,KAAA,EAAO,OAAA,EACnC,QAAA,EACH,GACF,CAAA,EACF;AAAA;AAEJ;AAEA,cAAA,CAAe,WAAA,GAAc,gBAAA","file":"motion.cjs","sourcesContent":["/**\n * `<MotionProvider>` — the opt-in switch.\n *\n * This is the **only** file in the package that imports `motion`, and it is\n * reachable solely through the `@mieweb/ui/motion` entry point. An app that\n * never imports that entry never pulls the library into its bundle, which is\n * what makes this additive for existing consumers.\n *\n * ```tsx\n * import { MotionProvider } from '@mieweb/ui/motion';\n *\n * <MotionProvider>\n *   <App />\n * </MotionProvider>\n * ```\n *\n * Components opted into motion upgrade automatically underneath it. Everything\n * else is untouched.\n */\n\nimport * as React from 'react';\nimport {\n  AnimatePresence,\n  LazyMotion,\n  MotionConfig,\n  domAnimation,\n  m,\n} from 'motion/react';\nimport {\n  MotionRuntimeContext,\n  createPresetPropBuilders,\n  type MotionPresenceProps,\n  type MotionRuntime,\n} from './runtime';\n\n// =============================================================================\n// Presence adapter\n// =============================================================================\n\n/**\n * Narrows `AnimatePresence` to the surface `MotionRuntime` promises, so the\n * component-facing contract does not grow every time the library's API does.\n */\nfunction Presence({\n  children,\n  initial = true,\n  onExitComplete,\n}: MotionPresenceProps): React.JSX.Element {\n  return (\n    <AnimatePresence initial={initial} onExitComplete={onExitComplete}>\n      {children}\n    </AnimatePresence>\n  );\n}\n\n// =============================================================================\n// Provider\n// =============================================================================\n\nexport interface MotionProviderProps {\n  children: React.ReactNode;\n  /**\n   * Stop animations running, putting every component on its CSS path.\n   *\n   * Intended for test runs: real spring animations make screenshot and\n   * interaction assertions timing-dependent, and this keeps a suite\n   * deterministic without having to unmount the provider.\n   *\n   * Flipping it at runtime swaps `Animated` elements between motion components\n   * and plain tags, which remounts them and resets their local state — set it\n   * once per suite rather than toggling it mid-interaction.\n   */\n  disabled?: boolean;\n  /**\n   * How to honor the OS \"reduce motion\" setting.\n   *\n   * Defaults to `'user'`, which drops transform and layout animations while\n   * keeping opacity — the accessible default, and the reason motion should be\n   * configured once at the root rather than per component.\n   */\n  reducedMotion?: 'user' | 'always' | 'never';\n}\n\nexport function MotionProvider({\n  children,\n  disabled = false,\n  reducedMotion = 'user',\n}: MotionProviderProps): React.JSX.Element {\n  const runtime = React.useMemo<MotionRuntime>(\n    () => ({\n      enabled: !disabled,\n      Div: m.div,\n      Nav: m.nav,\n      Span: m.span,\n      Presence,\n      ...createPresetPropBuilders(),\n    }),\n    [disabled]\n  );\n\n  return (\n    // `domAnimation` covers transforms, opacity and exit animations — the whole\n    // preset vocabulary — at roughly a fifth of the full bundle.\n    //\n    // Deliberately not `strict`: this provider is documented to wrap the whole\n    // app, and `strict` throws on any `motion.*` component anywhere beneath it.\n    // That would make an application's own unrelated animations fail the moment\n    // it opts in — a root-level provider has no business imposing that.\n    //\n    // A disabled provider still supplies the runtime (with `enabled: false`)\n    // rather than `null`, so consumers can distinguish \"disabled\" from \"never\n    // opted in\" — see the `enabled` contract in `runtime.ts`.\n    <LazyMotion features={domAnimation}>\n      <MotionConfig reducedMotion={reducedMotion}>\n        <MotionRuntimeContext.Provider value={runtime}>\n          {children}\n        </MotionRuntimeContext.Provider>\n      </MotionConfig>\n    </LazyMotion>\n  );\n}\n\nMotionProvider.displayName = 'MotionProvider';\n"]}

package/dist/motion.d.cts

@@ -0,0 +1,52 @@
+import * as React from 'react';
+export { A as Animated, a as AnimatedPresence, b as AnimatedProps, M as MotionPreset, c as MotionRuntime, m as motionPresets, u as useMotionRuntime } from './Animated-Cs-naa2g.cjs';
+
+/**
+ * `<MotionProvider>` — the opt-in switch.
+ *
+ * This is the **only** file in the package that imports `motion`, and it is
+ * reachable solely through the `@mieweb/ui/motion` entry point. An app that
+ * never imports that entry never pulls the library into its bundle, which is
+ * what makes this additive for existing consumers.
+ *
+ * ```tsx
+ * import { MotionProvider } from '@mieweb/ui/motion';
+ *
+ * <MotionProvider>
+ *   <App />
+ * </MotionProvider>
+ * ```
+ *
+ * Components opted into motion upgrade automatically underneath it. Everything
+ * else is untouched.
+ */
+
+interface MotionProviderProps {
+    children: React.ReactNode;
+    /**
+     * Stop animations running, putting every component on its CSS path.
+     *
+     * Intended for test runs: real spring animations make screenshot and
+     * interaction assertions timing-dependent, and this keeps a suite
+     * deterministic without having to unmount the provider.
+     *
+     * Flipping it at runtime swaps `Animated` elements between motion components
+     * and plain tags, which remounts them and resets their local state — set it
+     * once per suite rather than toggling it mid-interaction.
+     */
+    disabled?: boolean;
+    /**
+     * How to honor the OS "reduce motion" setting.
+     *
+     * Defaults to `'user'`, which drops transform and layout animations while
+     * keeping opacity — the accessible default, and the reason motion should be
+     * configured once at the root rather than per component.
+     */
+    reducedMotion?: 'user' | 'always' | 'never';
+}
+declare function MotionProvider({ children, disabled, reducedMotion, }: MotionProviderProps): React.JSX.Element;
+declare namespace MotionProvider {
+    var displayName: string;
+}
+
+export { MotionProvider, type MotionProviderProps };

package/dist/motion.d.ts

@@ -0,0 +1,52 @@
+import * as React from 'react';
+export { A as Animated, a as AnimatedPresence, b as AnimatedProps, M as MotionPreset, c as MotionRuntime, m as motionPresets, u as useMotionRuntime } from './Animated-Cs-naa2g.js';
+
+/**
+ * `<MotionProvider>` — the opt-in switch.
+ *
+ * This is the **only** file in the package that imports `motion`, and it is
+ * reachable solely through the `@mieweb/ui/motion` entry point. An app that
+ * never imports that entry never pulls the library into its bundle, which is
+ * what makes this additive for existing consumers.
+ *
+ * ```tsx
+ * import { MotionProvider } from '@mieweb/ui/motion';
+ *
+ * <MotionProvider>
+ *   <App />
+ * </MotionProvider>
+ * ```
+ *
+ * Components opted into motion upgrade automatically underneath it. Everything
+ * else is untouched.
+ */
+
+interface MotionProviderProps {
+    children: React.ReactNode;
+    /**
+     * Stop animations running, putting every component on its CSS path.
+     *
+     * Intended for test runs: real spring animations make screenshot and
+     * interaction assertions timing-dependent, and this keeps a suite
+     * deterministic without having to unmount the provider.
+     *
+     * Flipping it at runtime swaps `Animated` elements between motion components
+     * and plain tags, which remounts them and resets their local state — set it
+     * once per suite rather than toggling it mid-interaction.
+     */
+    disabled?: boolean;
+    /**
+     * How to honor the OS "reduce motion" setting.
+     *
+     * Defaults to `'user'`, which drops transform and layout animations while
+     * keeping opacity — the accessible default, and the reason motion should be
+     * configured once at the root rather than per component.
+     */
+    reducedMotion?: 'user' | 'always' | 'never';
+}
+declare function MotionProvider({ children, disabled, reducedMotion, }: MotionProviderProps): React.JSX.Element;
+declare namespace MotionProvider {
+    var displayName: string;
+}
+
+export { MotionProvider, type MotionProviderProps };

package/dist/motion.js

@@ -0,0 +1,50 @@
+import { createPresetPropBuilders, MotionRuntimeContext } from './chunk-WYMO3IIK.js';
+export { Animated, AnimatedPresence, motionPresets, useMotionRuntime } from './chunk-WYMO3IIK.js';
+import './chunk-TQONQSJO.js';
+import * as React from 'react';
+import { m, LazyMotion, domAnimation, MotionConfig, AnimatePresence } from 'motion/react';
+import { jsx } from 'react/jsx-runtime';
+
+function Presence({
+  children,
+  initial = true,
+  onExitComplete
+}) {
+  return /* @__PURE__ */ jsx(AnimatePresence, { initial, onExitComplete, children });
+}
+function MotionProvider({
+  children,
+  disabled = false,
+  reducedMotion = "user"
+}) {
+  const runtime = React.useMemo(
+    () => ({
+      enabled: !disabled,
+      Div: m.div,
+      Nav: m.nav,
+      Span: m.span,
+      Presence,
+      ...createPresetPropBuilders()
+    }),
+    [disabled]
+  );
+  return (
+    // `domAnimation` covers transforms, opacity and exit animations — the whole
+    // preset vocabulary — at roughly a fifth of the full bundle.
+    //
+    // Deliberately not `strict`: this provider is documented to wrap the whole
+    // app, and `strict` throws on any `motion.*` component anywhere beneath it.
+    // That would make an application's own unrelated animations fail the moment
+    // it opts in — a root-level provider has no business imposing that.
+    //
+    // A disabled provider still supplies the runtime (with `enabled: false`)
+    // rather than `null`, so consumers can distinguish "disabled" from "never
+    // opted in" — see the `enabled` contract in `runtime.ts`.
+    /* @__PURE__ */ jsx(LazyMotion, { features: domAnimation, children: /* @__PURE__ */ jsx(MotionConfig, { reducedMotion, children: /* @__PURE__ */ jsx(MotionRuntimeContext.Provider, { value: runtime, children }) }) })
+  );
+}
+MotionProvider.displayName = "MotionProvider";
+
+export { MotionProvider };
+//# sourceMappingURL=motion.js.map
+//# sourceMappingURL=motion.js.map

package/dist/motion.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/motion/MotionProvider.tsx"],"names":[],"mappings":";;;;;;;AA2CA,SAAS,QAAA,CAAS;AAAA,EAChB,QAAA;AAAA,EACA,OAAA,GAAU,IAAA;AAAA,EACV;AACF,CAAA,EAA2C;AACzC,EAAA,uBACE,GAAA,CAAC,eAAA,EAAA,EAAgB,OAAA,EAAkB,cAAA,EAChC,QAAA,EACH,CAAA;AAEJ;AA8BO,SAAS,cAAA,CAAe;AAAA,EAC7B,QAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,aAAA,GAAgB;AAClB,CAAA,EAA2C;AACzC,EAAA,MAAM,OAAA,GAAgB,KAAA,CAAA,OAAA;AAAA,IACpB,OAAO;AAAA,MACL,SAAS,CAAC,QAAA;AAAA,MACV,KAAK,CAAA,CAAE,GAAA;AAAA,MACP,KAAK,CAAA,CAAE,GAAA;AAAA,MACP,MAAM,CAAA,CAAE,IAAA;AAAA,MACR,QAAA;AAAA,MACA,GAAG,wBAAA;AAAyB,KAC9B,CAAA;AAAA,IACA,CAAC,QAAQ;AAAA,GACX;AAEA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAYE,GAAA,CAAC,UAAA,EAAA,EAAW,QAAA,EAAU,YAAA,EACpB,8BAAC,YAAA,EAAA,EAAa,aAAA,EACZ,QAAA,kBAAA,GAAA,CAAC,oBAAA,CAAqB,UAArB,EAA8B,KAAA,EAAO,OAAA,EACnC,QAAA,EACH,GACF,CAAA,EACF;AAAA;AAEJ;AAEA,cAAA,CAAe,WAAA,GAAc,gBAAA","file":"motion.js","sourcesContent":["/**\n * `<MotionProvider>` — the opt-in switch.\n *\n * This is the **only** file in the package that imports `motion`, and it is\n * reachable solely through the `@mieweb/ui/motion` entry point. An app that\n * never imports that entry never pulls the library into its bundle, which is\n * what makes this additive for existing consumers.\n *\n * ```tsx\n * import { MotionProvider } from '@mieweb/ui/motion';\n *\n * <MotionProvider>\n *   <App />\n * </MotionProvider>\n * ```\n *\n * Components opted into motion upgrade automatically underneath it. Everything\n * else is untouched.\n */\n\nimport * as React from 'react';\nimport {\n  AnimatePresence,\n  LazyMotion,\n  MotionConfig,\n  domAnimation,\n  m,\n} from 'motion/react';\nimport {\n  MotionRuntimeContext,\n  createPresetPropBuilders,\n  type MotionPresenceProps,\n  type MotionRuntime,\n} from './runtime';\n\n// =============================================================================\n// Presence adapter\n// =============================================================================\n\n/**\n * Narrows `AnimatePresence` to the surface `MotionRuntime` promises, so the\n * component-facing contract does not grow every time the library's API does.\n */\nfunction Presence({\n  children,\n  initial = true,\n  onExitComplete,\n}: MotionPresenceProps): React.JSX.Element {\n  return (\n    <AnimatePresence initial={initial} onExitComplete={onExitComplete}>\n      {children}\n    </AnimatePresence>\n  );\n}\n\n// =============================================================================\n// Provider\n// =============================================================================\n\nexport interface MotionProviderProps {\n  children: React.ReactNode;\n  /**\n   * Stop animations running, putting every component on its CSS path.\n   *\n   * Intended for test runs: real spring animations make screenshot and\n   * interaction assertions timing-dependent, and this keeps a suite\n   * deterministic without having to unmount the provider.\n   *\n   * Flipping it at runtime swaps `Animated` elements between motion components\n   * and plain tags, which remounts them and resets their local state — set it\n   * once per suite rather than toggling it mid-interaction.\n   */\n  disabled?: boolean;\n  /**\n   * How to honor the OS \"reduce motion\" setting.\n   *\n   * Defaults to `'user'`, which drops transform and layout animations while\n   * keeping opacity — the accessible default, and the reason motion should be\n   * configured once at the root rather than per component.\n   */\n  reducedMotion?: 'user' | 'always' | 'never';\n}\n\nexport function MotionProvider({\n  children,\n  disabled = false,\n  reducedMotion = 'user',\n}: MotionProviderProps): React.JSX.Element {\n  const runtime = React.useMemo<MotionRuntime>(\n    () => ({\n      enabled: !disabled,\n      Div: m.div,\n      Nav: m.nav,\n      Span: m.span,\n      Presence,\n      ...createPresetPropBuilders(),\n    }),\n    [disabled]\n  );\n\n  return (\n    // `domAnimation` covers transforms, opacity and exit animations — the whole\n    // preset vocabulary — at roughly a fifth of the full bundle.\n    //\n    // Deliberately not `strict`: this provider is documented to wrap the whole\n    // app, and `strict` throws on any `motion.*` component anywhere beneath it.\n    // That would make an application's own unrelated animations fail the moment\n    // it opts in — a root-level provider has no business imposing that.\n    //\n    // A disabled provider still supplies the runtime (with `enabled: false`)\n    // rather than `null`, so consumers can distinguish \"disabled\" from \"never\n    // opted in\" — see the `enabled` contract in `runtime.ts`.\n    <LazyMotion features={domAnimation}>\n      <MotionConfig reducedMotion={reducedMotion}>\n        <MotionRuntimeContext.Provider value={runtime}>\n          {children}\n        </MotionRuntimeContext.Provider>\n      </MotionConfig>\n    </LazyMotion>\n  );\n}\n\nMotionProvider.displayName = 'MotionProvider';\n"]}

package/dist/styles/init.css

@@ -174,6 +174,31 @@
   /* ── Typography ────────────────────────────────────────────────────── */
   --font-sans: var(--mieweb-font-sans, ui-sans-serif);
   --font-mono: var(--mieweb-font-mono, ui-monospace);
+
+  /* ── Animations (Toast slide-in; mirrored via rtl: variant) ────────── */
+  --animate-slide-in-right: slide-in-right 300ms ease-out;
+  --animate-slide-in-left: slide-in-left 300ms ease-out;
+
+  @keyframes slide-in-right {
+    0% {
+      transform: translateX(100%);
+      opacity: 0;
+    }
+    100% {
+      transform: translateX(0);
+      opacity: 1;
+    }
+  }
+  @keyframes slide-in-left {
+    0% {
+      transform: translateX(-100%);
+      opacity: 0;
+    }
+    100% {
+      transform: translateX(0);
+      opacity: 1;
+    }
+  }
 }
 
 /* ── BlueHive Brand Tokens (Default) ─────────────────────────────────── */