@azmr/ui 0.2.0 → 0.3.0

package/dist/features-dom-MCGKRLN5.js

@@ -0,0 +1,7 @@
+"use client";
+
+// src/motion/library/features-dom.ts
+import { domAnimation } from "motion/react";
+export {
+  domAnimation as default
+};

package/dist/features-max-COBTQCO6.js

@@ -0,0 +1,7 @@
+"use client";
+
+// src/motion/library/features-max.ts
+import { domMax } from "motion/react";
+export {
+  domMax as default
+};

package/dist/motion.d.ts

@@ -0,0 +1,49 @@
+export { AnimatePresence, Reorder, animate, m, useAnimate, useDragControls, useInView, useMotionValue, useSpring, useTransform } from 'motion/react';
+import * as react from 'react';
+import { ReactNode } from 'react';
+
+interface MotionProviderProps {
+    children: ReactNode;
+    /**
+     * What the `m` components can do. `dom` (default): animation, variants, hover, tap and exit. `max`
+     * adds layout animation, drag and reorder, at a larger download. Either loads on demand.
+     */
+    features?: "dom" | "max";
+    /** Forbid the full `motion` component inside (use `m`), so the whole bundle is never pulled in by accident. Default true. */
+    strict?: boolean;
+}
+/**
+ * Sets up the `motion` library the cheap way: `LazyMotion` loads the animation features after first
+ * render instead of in your main bundle, and `MotionConfig reducedMotion="user"` makes every
+ * animation inside follow the system setting (movement is skipped, fades still play). Wrap the part
+ * of the app that uses `m`.
+ */
+declare function MotionProvider({ children, features, strict }: MotionProviderProps): react.JSX.Element;
+
+/**
+ * Spring presets for the `transition` prop of an `m` element. Springs suit movement that follows a
+ * gesture (a dropped item settling); for plain enters and exits prefer the CSS presets, which are
+ * cheaper and follow the motion tokens.
+ */
+declare const springs: {
+    /** Soft and slow to settle: a panel gliding into place. */
+    readonly gentle: {
+        readonly type: "spring";
+        readonly stiffness: 120;
+        readonly damping: 20;
+    };
+    /** Quick with no wobble: a control responding. */
+    readonly snappy: {
+        readonly type: "spring";
+        readonly stiffness: 300;
+        readonly damping: 30;
+    };
+    /** A visible overshoot: a playful confirmation. Use sparingly. */
+    readonly bouncy: {
+        readonly type: "spring";
+        readonly stiffness: 400;
+        readonly damping: 15;
+    };
+};
+
+export { MotionProvider, type MotionProviderProps, springs };

package/dist/motion.js

@@ -0,0 +1,48 @@
+"use client";
+
+// src/motion/library/index.ts
+import {
+  AnimatePresence,
+  animate,
+  m,
+  Reorder,
+  useAnimate,
+  useDragControls,
+  useInView,
+  useMotionValue,
+  useSpring,
+  useTransform
+} from "motion/react";
+
+// src/motion/library/provider.tsx
+import { LazyMotion, MotionConfig } from "motion/react";
+import { jsx } from "react/jsx-runtime";
+var loadDom = () => import("./features-dom-MCGKRLN5.js").then((module) => module.default);
+var loadMax = () => import("./features-max-COBTQCO6.js").then((module) => module.default);
+function MotionProvider({ children, features = "dom", strict = true }) {
+  return /* @__PURE__ */ jsx(MotionConfig, { reducedMotion: "user", children: /* @__PURE__ */ jsx(LazyMotion, { features: features === "max" ? loadMax : loadDom, strict, children }) });
+}
+
+// src/motion/library/springs.ts
+var springs = {
+  /** Soft and slow to settle: a panel gliding into place. */
+  gentle: { type: "spring", stiffness: 120, damping: 20 },
+  /** Quick with no wobble: a control responding. */
+  snappy: { type: "spring", stiffness: 300, damping: 30 },
+  /** A visible overshoot: a playful confirmation. Use sparingly. */
+  bouncy: { type: "spring", stiffness: 400, damping: 15 }
+};
+export {
+  AnimatePresence,
+  MotionProvider,
+  Reorder,
+  animate,
+  m,
+  springs,
+  useAnimate,
+  useDragControls,
+  useInView,
+  useMotionValue,
+  useSpring,
+  useTransform
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@azmr/ui",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "React UI components wired to reactive Signals — Grid, useSignal",
   "type": "module",
   "license": "MIT",
@@ -157,6 +157,10 @@
       "types": "./dist/presets.d.ts",
       "import": "./dist/presets.js"
     },
+    "./motion": {
+      "types": "./dist/motion.d.ts",
+      "import": "./dist/motion.js"
+    },
     "./styles.css": "./dist/styles.css",
     "./tokens.css": "./dist/tokens.css"
   },
@@ -173,7 +177,8 @@
   "peerDependencies": {
     "@azmr/core": ">=0.0.2 <1.0.0",
     "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0"
+    "react-dom": "^18.0.0 || ^19.0.0",
+    "motion": "^14.0.0"
   },
   "devDependencies": {
     "@mui/icons-material": "^9.5.0",
@@ -191,6 +196,7 @@
     "culori": "^4.0.2",
     "esbuild": "^0.28.1",
     "jsdom": "^29.1.1",
+    "motion": "^14.2.0",
     "postcss": "^8.5.30",
     "react": "^19.2.8",
     "react-dom": "^19.2.8",
@@ -206,6 +212,11 @@
   "publishConfig": {
     "access": "public"
   },
+  "peerDependenciesMeta": {
+    "motion": {
+      "optional": true
+    }
+  },
   "scripts": {
     "build": "node scripts/clean.mjs && tsup && node scripts/copy-css.mjs && node scripts/verify-dist.mjs",
     "dev": "tsup --watch --onSuccess \"node scripts/copy-css.mjs\"",