material-plus-ui 1.10.0 → 1.12.0

package/dist/tailwind.css

@@ -2350,12 +2350,12 @@
     /*
      * Motion.
      *
-     * Seven of MD3's sixteen duration tokens and six of its seven easing curves
-     * — the ones something in the library actually reads, on the rule every
-     * other token here follows. `short4` is what a text field's label and
-     * outline transition on; most of the rest arrived with the `MPAnimate*`
-     * components, which take these as their defaults rather than numbers of
-     * their own.
+     * Six of MD3's sixteen duration tokens, and its six standard and emphasized
+     * easing curves with `linear` beside them — the ones something in the
+     * library actually reads, on the rule every other token here follows.
+     * `short4` is what a text field's label and outline transition on; most of
+     * the rest arrived with the `MPAnimate*` components, which take these as
+     * their defaults rather than numbers of their own.
      *
      * `short2` is the shortest of them and has one reader: an `MPSlider`'s
      * handle catching up with a value the keyboard moved. A control the reader
@@ -3117,40 +3117,70 @@
  *
  * MD3's indeterminate bar is a long sweep followed by a short one that catches
  * up — the second is what keeps the track from being empty for most of the
- * cycle. Both are written as `inset-inline-*` rather than as a translate so
- * that the whole thing runs the other way under RTL without a second rule.
+ * cycle. What makes a sweep read as one is that its two edges do not move
+ * together: the head leaves first and settles, the tail lingers and then
+ * hurries after it, so the bar stretches across the track and gathers itself
+ * up at the far end. So each edge is an animation of its own, on a curve of its
+ * own, and a bar wears two of them.
+ *
+ * The curves are the library's tokens rather than numbers of this rule's own —
+ * `standard` for a head, which leaves quickly and arrives slowly, and
+ * `standard-accelerate` for a tail — and the cycle is two `extra-long4`s. A
+ * page that retunes its motion retunes this with it.
+ *
+ * Every edge runs the full cycle, with its pauses written as keyframes that
+ * hold, so the four stay in step however long a cycle is. A bar is zero wide
+ * at both ends of the cycle, which is what lets each loop start over without a
+ * visible jump.
+ *
+ * Both edges are `inset-inline-*` rather than a translate, so that the whole
+ * thing runs the other way under RTL without a second rule.
  */
-@keyframes mp-progress-linear-lead {
+@keyframes mp-progress-linear-lead-head {
   0% {
-    inset-inline-start: -35%;
     inset-inline-end: 100%;
   }
 
-  60% {
-    inset-inline-start: 100%;
-    inset-inline-end: -90%;
+  50%,
+  100% {
+    inset-inline-end: 0%;
   }
+}
 
+@keyframes mp-progress-linear-lead-tail {
+  0%,
+  20% {
+    inset-inline-start: 0%;
+  }
+
+  70%,
   100% {
     inset-inline-start: 100%;
-    inset-inline-end: -90%;
   }
 }
 
-@keyframes mp-progress-linear-trail {
-  0% {
-    inset-inline-start: -200%;
+/* The catch-up: it sets off as the first bar slows at the far end, and covers
+   the same track in a little over half the time. */
+@keyframes mp-progress-linear-trail-head {
+  0%,
+  50% {
     inset-inline-end: 100%;
   }
 
-  60% {
-    inset-inline-start: 107%;
-    inset-inline-end: -8%;
+  80%,
+  100% {
+    inset-inline-end: 0%;
+  }
+}
+
+@keyframes mp-progress-linear-trail-tail {
+  0%,
+  62% {
+    inset-inline-start: 0%;
   }
 
   100% {
-    inset-inline-start: 107%;
-    inset-inline-end: -8%;
+    inset-inline-start: 100%;
   }
 }
 
@@ -3213,13 +3243,20 @@
   }
 }
 
+.mp-progress-linear-lead,
+.mp-progress-linear-trail {
+  animation-duration: calc(var(--mp-sys-motion-duration-extra-long4) * 2);
+  animation-timing-function:
+    var(--mp-sys-motion-easing-standard), var(--mp-sys-motion-easing-standard-accelerate);
+  animation-iteration-count: infinite;
+}
+
 .mp-progress-linear-lead {
-  animation: mp-progress-linear-lead 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
+  animation-name: mp-progress-linear-lead-head, mp-progress-linear-lead-tail;
 }
 
 .mp-progress-linear-trail {
-  animation: mp-progress-linear-trail 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
-  animation-delay: 1.15s;
+  animation-name: mp-progress-linear-trail-head, mp-progress-linear-trail-tail;
 }
 
 .mp-progress-circular-turn {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "material-plus-ui",
-  "version": "1.10.0",
+  "version": "1.12.0",
   "description": "A React component library written from the Material Design 3 specification and extended past it — wider versions of the components it names, and the charts, data table and command palette it does not. Built on Base UI and Tailwind CSS v4, themed with CSS custom properties so it coexists with an existing Material setup. ESM only, types included.",
   "type": "module",
   "sideEffects": [
@@ -12,7 +12,8 @@
   "homepage": "https://material-plus.cdget.com",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/jooy2/material-plus-ui.git"
+    "url": "git+https://github.com/jooy2/material-plus-ui.git",
+    "directory": "packages/react"
   },
   "bugs": {
     "url": "https://github.com/jooy2/material-plus-ui/issues"
@@ -26,13 +27,9 @@
     "prepare": "npm run build",
     "format": "prettier .",
     "format:fix": "prettier . --write",
-    "docs:changelog": "node scripts/copy-changelog.mjs",
-    "docs:dev": "npm run build && npm run docs:changelog && vitepress dev docs",
-    "docs:build": "npm run build && npm run docs:changelog && vitepress build docs",
-    "docs:serve": "npm run build && npm run docs:build && vitepress serve docs",
     "test": "vitest run",
     "test:watch": "vitest",
-    "typecheck": "tsc --project tsconfig.prod.json --noEmit && tsc --project test/tsconfig.json && tsc --project docs/tsconfig.json"
+    "typecheck": "tsc --project tsconfig.prod.json --noEmit && tsc --project test/tsconfig.json"
   },
   "engines": {
     "node": ">=22.0.0"
@@ -129,51 +126,48 @@
     "composition"
   ],
   "devDependencies": {
-    "@a2ui/react": "^0.11.1",
-    "@a2ui/web_core": "^0.11.0",
-    "@base-ui/react": "^1.8.0",
+    "@a2ui/react": "^0.12.0",
+    "@a2ui/web_core": "^0.12.0",
+    "@base-ui/react": "^1.9.0",
     "@eslint/js": "^9.39.1",
     "@tailwindcss/postcss": "^4.3.3",
-    "@types/node": "^26.6.1",
+    "@types/node": "^26.6.4",
     "@types/react": "^19.3.0",
     "@types/react-dom": "^19.3.0",
-    "@typescript-eslint/parser": "^8.70.0",
-    "@vitejs/plugin-react": "^6.1.1",
-    "@vitest/browser": "^5.0.1",
-    "@vitest/browser-playwright": "^5.0.1",
+    "@typescript-eslint/parser": "^8.71.1",
+    "@vitejs/plugin-react": "^6.1.2",
+    "@vitest/browser": "^5.0.3",
+    "@vitest/browser-playwright": "^5.0.3",
     "esbuild": "^0.28.2",
     "eslint": "^9.39.1",
     "eslint-config-prettier": "^10.1.8",
-    "eslint-plugin-n": "^18.3.0",
-    "globals": "^17.12.0",
+    "eslint-plugin-n": "^18.4.1",
+    "globals": "^17.13.0",
     "jiti": "^2.7.0",
-    "playwright": "^1.63.0",
-    "postcss": "^8.5.28",
-    "prettier": "^3.9.7",
+    "playwright": "^1.64.0",
+    "postcss": "^8.5.29",
+    "prettier": "^3.9.9",
     "prettier-plugin-tailwindcss": "^0.8.1",
     "react": "^19.3.0",
     "react-dom": "^19.3.0",
     "tailwindcss": "^4.3.3",
     "terser-glob": "^1.2.1",
-    "tsx": "^4.23.13",
+    "tsx": "^4.23.15",
     "typescript": "^6.0.3",
-    "typescript-eslint": "^8.70.0",
-    "vite": "^8.3.0",
-    "vitepress": "^1.6.4",
-    "vitepress-i18n": "^1.4.0",
-    "vitepress-sidebar": "^1.40.0",
-    "vitest": "^5.0.1",
+    "typescript-eslint": "^8.71.1",
+    "vite": "^8.3.4",
+    "vitest": "^5.0.3",
     "vitest-browser-react": "^2.3.0",
     "zod": "^3.25.76",
     "zod-to-json-schema": "^3.25.2"
   },
   "dependencies": {
     "highlight.js": "^11.12.0",
-    "lucide-react": "^1.47.0"
+    "lucide-react": "^1.54.0"
   },
   "peerDependencies": {
-    "@a2ui/react": "^0.11.0",
-    "@a2ui/web_core": "^0.11.0",
+    "@a2ui/react": "^0.12.0",
+    "@a2ui/web_core": "^0.12.0",
     "@base-ui/react": "^1.7.0",
     "@types/react": "^18.0.0 || ^19.0.0",
     "react": "^18.0.0 || ^19.0.0",