@yewdiel21/motion-kit 0.9.0 → 0.10.0

package/dist/css/controls.css

@@ -1,5 +1,5 @@
 /* css/controls/button.css */
-/* .mk-button — Stepbro capsules. Default is the tonal primary container Stepbro uses on filled buttons. */
+/* .mk-button — Capsule buttons. Filled buttons default to the tonal primary container. */
 .mk-button {
   --mk-button-bg: var(--mk-accent-soft);
   --mk-button-fg: var(--mk-on-accent-soft);
@@ -109,7 +109,7 @@
   font-size: 24px;
 }
 
-/* Stepbro's small buttons: 32 px, 16 px sides, radius 12. */
+/* small buttons: 32 px, 16 px sides, radius 12. */
 .mk-button--sm {
   --mk-button-height: 32px;
   --mk-button-padding: 16px;
@@ -132,7 +132,7 @@
   }
 }
 
-/* Stepbro's press squash (buttonClickAnimation), on pointer focus only so tabbing does not bounce. */
+/* press squash (buttonClickAnimation), on pointer focus only so tabbing does not bounce. */
 .mk-button:focus:not(:focus-visible) {
   animation: mk-press 0.5s cubic-bezier(0.37, 1.42, 0.37, 1);
 }
@@ -151,7 +151,7 @@
   }
 }
 
-/* Rolling label (Siena's Explore button): the text and its copy roll up, the arrow slides on, the fill inverts. */
+/* Rolling label: the text and its copy roll up, the arrow slides on, the fill inverts. */
 .mk-button--roll {
   overflow: hidden;
   background: transparent;
@@ -228,7 +228,7 @@
 
 /* css/controls/field.css */
 /*
- * .mk-field — Stepbro's filled fields: container-high background, radius 16,
+ * .mk-field — filled fields: container-high background, radius 16,
  * no bottom indicator; focus draws a ring in the accent colour.
  * <label class="mk-field"><span class="mk-field__label">…</span><input>…<span class="mk-field__hint">…</span></label>
  */
@@ -306,7 +306,7 @@
   animation: mk-vibrate 0.3s;
 }
 
-/* Stepbro's error vibration: plays each time the field becomes invalid. */
+/* error vibration: plays each time the field becomes invalid. */
 @keyframes mk-vibrate {
   0% {
     transform: translate(0);
@@ -427,7 +427,7 @@
 }
 
 /* css/controls/checkbox.css */
-/* .mk-checkbox — <input type="checkbox" class="mk-checkbox">: 18 px, radius 6 (Stepbro), check drawn in on-accent. */
+/* .mk-checkbox — <input type="checkbox" class="mk-checkbox">: 18 px, radius 6, check drawn in on-accent. */
 .mk-checkbox {
   position: relative;
   display: inline-grid;
@@ -482,7 +482,7 @@
 }
 
 /* css/controls/chip.css */
-/* .mk-chip — capsules on container-high; a pressed filter chip takes the primary container (Stepbro filter chips). */
+/* .mk-chip — capsules on container-high; a pressed filter chip takes the primary container. */
 .mk-chip {
   position: relative;
   display: inline-flex;
@@ -660,11 +660,11 @@
 
 /* css/controls/glass.css */
 /*
- * .mk-glass — Dousan Miao's glass in one element: a translucent surface with a
+ * .mk-glass — glass in one element: a translucent surface with a
  * 4 px backdrop blur, an optical ring (::before) whose conic highlight turns
  * from −75° to −125° on hover, and a specular band (::after) that slides and
  * tilts when pressed. <span class="mk-glass__shadow" aria-hidden="true"> inside
- * adds Dousan's gradient shadow. Colours follow the theme's scheme (light-dark()).
+ * adds gradient shadow. Colours follow the theme's scheme (light-dark()).
  */
 @property --mk-glass-angle-1 {
   syntax: '<angle>';
@@ -707,7 +707,7 @@
   isolation: isolate;
   border: 0;
   border-radius: 999vw;
-  /* Dousan: dark text on light, white on dark. */
+  /* dark text on light, white on dark. */
   color: var(--mk-glass-fg, light-dark(#121212, #fff));
   background: linear-gradient(-75deg, var(--mk-glass-edge), var(--mk-glass-middle), var(--mk-glass-edge));
   box-shadow: var(--mk-glass-shadow);
@@ -768,7 +768,7 @@
     --mk-glass-angle-2 0.5s var(--mk-ease-glass);
 }
 
-/* Dousan's gradient shadow (optional child). Only its lower part shows: it sits under the button. */
+/* gradient shadow (optional child). Only its lower part shows: it sits under the button. */
 .mk-glass__shadow {
   --mk-glass-cut: 2em;
   position: absolute;
@@ -881,7 +881,7 @@
 }
 
 /* css/controls/burger.css */
-/* .mk-burger — Siena's menu icon: three lines that fold into an X when aria-expanded="true" (1.1 s, Siena's curve). */
+/* .mk-burger — menu icon: three lines that fold into an X when aria-expanded="true". */
 .mk-burger {
   --mk-burger-size: 24px;
   --mk-burger-line: 1.5px;
@@ -948,3 +948,68 @@
     transition: none;
   }
 }
+
+/* css/controls/status.css */
+/* status — "Available for new projects" pill and a live dot whose halo pulses (DOVV Studio: 1.6 s ease-out, scale 1 → 2.6). */
+.mk-status {
+  display: inline-flex;
+  align-items: center;
+  gap: 10px;
+  height: 40px;
+  padding: 0 16px 0 14px;
+  border-radius: 100px;
+  background: var(--mk-surface);
+  color: var(--mk-text);
+  font: inherit;
+  font-size: 14px;
+  font-weight: 500;
+  letter-spacing: -0.01em;
+  white-space: nowrap;
+  text-decoration: none;
+  box-shadow: 0 0 0 1px var(--mk-outline-soft), 0 6px 20px -8px rgb(0 0 0 / 0.18);
+  transition: box-shadow 0.3s, transform 0.3s;
+}
+/* One line always: on phones the secondary half goes. */
+@media (max-width: 480px) {
+  .mk-status > :is(.mk-status__sep, .mk-status__muted) { display: none; }
+}
+a.mk-status:hover,
+button.mk-status:hover {
+  transform: translateY(-1px);
+  box-shadow: 0 0 0 1px var(--mk-outline), 0 10px 24px -8px rgb(0 0 0 / 0.22);
+}
+.mk-status__sep { width: 1px; height: 14px; background: var(--mk-outline-soft); }
+.mk-status__muted { color: var(--mk-muted); }
+.mk-status > svg,
+.mk-status > .mk-icon { color: var(--mk-muted); transition: transform 0.3s; }
+.mk-status:hover > svg,
+.mk-status:hover > .mk-icon { transform: translateX(2px); }
+.mk-status__dot {
+  --mk-status-color: #16c847;
+  position: relative;
+  display: inline-block;
+  flex: none;
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: var(--mk-status-color);
+}
+.mk-status__dot::after {
+  content: '';
+  position: absolute;
+  inset: 0;
+  border-radius: inherit;
+  background: inherit;
+  animation: mk-status-pulse 1.6s ease-out infinite;
+}
+.mk-status__dot--busy { --mk-status-color: #f59e0b; }
+.mk-status__dot--off { --mk-status-color: var(--mk-muted); }
+.mk-status__dot--off::after { animation: none; }
+@keyframes mk-status-pulse {
+  0% { opacity: 0.6; transform: scale(1); }
+  100% { opacity: 0; transform: scale(2.6); }
+}
+@media (prefers-reduced-motion: reduce) {
+  .mk-status { transition: none; }
+  .mk-status__dot::after { animation: none; }
+}

package/dist/css/effects.css

@@ -1,5 +1,5 @@
 /* css/effects/anim.css */
-/* Stepbro's utility animations (shared stylesheet) and Dousan's strong shake. Replay them with animate(el, name). */
+/* utility animations (shared stylesheet) and strong shake. Replay them with animate(el, name). */
 .mk-anim-out {
   animation: mk-out 0.5s ease forwards;
 }
@@ -225,7 +225,7 @@
 }
 
 /* css/effects/loading.css */
-/* Stepbro's loading sweeps (animation-loading-1 / -2) and hover shimmer (hover-magic-1). */
+/* loading sweeps (animation-loading-1 / -2) and hover shimmer (hover-magic-1). */
 .mk-loading {
   position: relative;
   overflow: hidden;
@@ -287,7 +287,7 @@
 }
 
 /* css/effects/text.css */
-/* Stepbro's animated gradient text: a rainbow (6 s) and one in the theme's colours (8 s). */
+/* animated gradient text: a rainbow (6 s) and one in the theme's colours (8 s). */
 .mk-text-rainbow,
 .mk-text-gradient {
   -webkit-background-clip: text;
@@ -356,7 +356,7 @@
 }
 
 /* css/effects/frost.css */
-/* .mk-frost — Dousan's progressive blur: five backdrop-blur layers with staggered masks, so the blur grows toward the edge. */
+/* .mk-frost — progressive blur: five backdrop-blur layers with staggered masks, so the blur grows toward the edge. */
 .mk-frost {
   --mk-frost-strength: 1;
   position: absolute;
@@ -420,7 +420,7 @@
 }
 
 /* css/effects/float.css */
-/* .mk-float — Dousan's floating tags: a slow bob (ease-in-out, infinite); children of .mk-float-group alternate Dousan's five paths. */
+/* .mk-float — floating tags: a slow bob (ease-in-out, infinite); children of .mk-float-group alternate five paths. */
 .mk-float,
 .mk-float-group > * {
   --mk-float-y: 4px;
@@ -486,7 +486,7 @@
 }
 
 /* css/effects/grain.css */
-/* .mk-grain — film grain (Siena's noise, .07) in CSS: an SVG turbulence tile that jumps between 8 places, like film. */
+/* .mk-grain — film grain  in CSS: an SVG turbulence tile that jumps between 8 places, like film. */
 :where(.mk-grain) {
   position: relative;
   isolation: isolate;
@@ -546,7 +546,7 @@
 }
 
 /* css/effects/success.css */
-/* .mk-success — Dousan's success mark: grows and untwists on a 260/18 spring after 0.15 s. Pair it with confetti(). */
+/* .mk-success — success mark: grows and untwists on a 260/18 spring after 0.15 s. Pair it with confetti(). */
 .mk-success {
   display: inline-grid;
   place-items: center;
@@ -570,7 +570,7 @@
 }
 
 /* css/effects/fade.css */
-/* Siena's edge masks: content fades out at the edges of a strip or a column. */
+/* edge masks: content fades out at the edges of a strip or a column. */
 .mk-fade-x {
   -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 20%, #000 80%, transparent 100%);
   mask-image: linear-gradient(to right, transparent 0%, #000 20%, #000 80%, transparent 100%);

package/dist/css/fonts.css

@@ -1,3 +1,3 @@
-/* Stepbro's fonts from Google Fonts: DM Sans (variable), Geist Mono, Material Symbols Rounded (FILL/wght axes).
+/* fonts from Google Fonts: DM Sans (variable), Geist Mono, Material Symbols Rounded (FILL/wght axes).
    Optional: without it the tokens fall back to system fonts. */
 @import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Geist+Mono:wght@100..900&family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap');

package/dist/css/themes/black-green.css

@@ -1,4 +1,4 @@
-/* Stepbro theme "black-green" — values from the replication kit (tasks/themes/theme.{light,dark}-*.css).
+/* Theme "black-green": light and dark color palettes.
    Generated by scripts/import-themes.mjs; do not edit. */
 [data-mk-theme="black-green"] {
   color-scheme: light;

package/dist/css/themes/black.css

@@ -1,4 +1,4 @@
-/* Stepbro theme "black" — values from the replication kit (tasks/themes/theme.{light,dark}-*.css).
+/* Theme "black": light and dark color palettes.
    Generated by scripts/import-themes.mjs; do not edit. */
 [data-mk-theme="black"] {
   color-scheme: light;

package/dist/css/themes/blue.css

@@ -1,4 +1,4 @@
-/* Stepbro theme "blue" — values from the replication kit (tasks/themes/theme.{light,dark}-*.css).
+/* Theme "blue": light and dark color palettes.
    Generated by scripts/import-themes.mjs; do not edit. */
 [data-mk-theme="blue"] {
   color-scheme: light;

package/dist/css/themes/brown.css

@@ -1,4 +1,4 @@
-/* Stepbro theme "brown" — values from the replication kit (tasks/themes/theme.{light,dark}-*.css).
+/* Theme "brown": light and dark color palettes.
    Generated by scripts/import-themes.mjs; do not edit. */
 [data-mk-theme="brown"] {
   color-scheme: light;

package/dist/css/themes/cold-blue.css

@@ -1,4 +1,4 @@
-/* Stepbro theme "cold-blue" — values from the replication kit (tasks/themes/theme.{light,dark}-*.css).
+/* Theme "cold-blue": light and dark color palettes.
    Generated by scripts/import-themes.mjs; do not edit. */
 [data-mk-theme="cold-blue"] {
   color-scheme: light;

package/dist/css/themes/funny.css

@@ -1,4 +1,4 @@
-/* Stepbro theme "funny" — values from the replication kit (tasks/themes/theme.{light,dark}-*.css).
+/* Theme "funny": light and dark color palettes.
    Generated by scripts/import-themes.mjs; do not edit. */
 [data-mk-theme="funny"] {
   color-scheme: light;

package/dist/css/themes/gray.css

@@ -1,4 +1,4 @@
-/* Stepbro theme "gray" — values from the replication kit (tasks/themes/theme.{light,dark}-*.css).
+/* Theme "gray": light and dark color palettes.
    Generated by scripts/import-themes.mjs; do not edit. */
 [data-mk-theme="gray"] {
   color-scheme: light;

package/dist/css/themes/green.css

@@ -1,4 +1,4 @@
-/* Stepbro theme "green" — values from the replication kit (tasks/themes/theme.{light,dark}-*.css).
+/* Theme "green": light and dark color palettes.
    Generated by scripts/import-themes.mjs; do not edit. */
 [data-mk-theme="green"] {
   color-scheme: light;

package/dist/css/themes/modern-1.css

@@ -1,4 +1,4 @@
-/* Stepbro theme "modern-1" — values from the replication kit (tasks/themes/theme.{light,dark}-*.css).
+/* Theme "modern-1": light and dark color palettes.
    Generated by scripts/import-themes.mjs; do not edit. */
 [data-mk-theme="modern-1"] {
   color-scheme: light;

package/dist/css/themes/neogreen.css

@@ -1,4 +1,4 @@
-/* Stepbro theme "neogreen" — values from the replication kit (tasks/themes/theme.{light,dark}-*.css).
+/* Theme "neogreen": light and dark color palettes.
    Generated by scripts/import-themes.mjs; do not edit. */
 [data-mk-theme="neogreen"] {
   color-scheme: light;

package/dist/css/themes/new.css

@@ -1,4 +1,4 @@
-/* Stepbro theme "new" — values from the replication kit (tasks/themes/theme.{light,dark}-*.css).
+/* Theme "new": light and dark color palettes.
    Generated by scripts/import-themes.mjs; do not edit. */
 [data-mk-theme="new"] {
   color-scheme: light;

package/dist/css/themes/new2.css

@@ -1,4 +1,4 @@
-/* Stepbro theme "new2" — values from the replication kit (tasks/themes/theme.{light,dark}-*.css).
+/* Theme "new2": light and dark color palettes.
    Generated by scripts/import-themes.mjs; do not edit. */
 [data-mk-theme="new2"] {
   color-scheme: light;

package/dist/css/themes/oled.css

@@ -1,4 +1,4 @@
-/* Stepbro theme "oled" — values from the replication kit (tasks/themes/theme.{light,dark}-*.css).
+/* Theme "oled": light and dark color palettes.
    Generated by scripts/import-themes.mjs; do not edit. */
 [data-mk-theme="oled"] {
   color-scheme: light;

package/dist/css/themes/orange.css

@@ -1,4 +1,4 @@
-/* Stepbro theme "orange" — values from the replication kit (tasks/themes/theme.{light,dark}-*.css).
+/* Theme "orange": light and dark color palettes.
    Generated by scripts/import-themes.mjs; do not edit. */
 [data-mk-theme="orange"] {
   color-scheme: light;

package/dist/css/themes/pastel-pink.css

@@ -1,4 +1,4 @@
-/* Stepbro theme "pastel-pink" — values from the replication kit (tasks/themes/theme.{light,dark}-*.css).
+/* Theme "pastel-pink": light and dark color palettes.
    Generated by scripts/import-themes.mjs; do not edit. */
 [data-mk-theme="pastel-pink"] {
   color-scheme: light;

package/dist/css/themes/pink.css

@@ -1,4 +1,4 @@
-/* Stepbro theme "pink" — values from the replication kit (tasks/themes/theme.{light,dark}-*.css).
+/* Theme "pink": light and dark color palettes.
    Generated by scripts/import-themes.mjs; do not edit. */
 [data-mk-theme="pink"] {
   color-scheme: light;

package/dist/css/themes/purple.css

@@ -1,4 +1,4 @@
-/* Stepbro theme "purple" — values from the replication kit (tasks/themes/theme.{light,dark}-*.css).
+/* Theme "purple": light and dark color palettes.
    Generated by scripts/import-themes.mjs; do not edit. */
 [data-mk-theme="purple"] {
   color-scheme: light;

package/dist/css/themes/red.css

@@ -1,4 +1,4 @@
-/* Stepbro theme "red" — values from the replication kit (tasks/themes/theme.{light,dark}-*.css).
+/* Theme "red": light and dark color palettes.
    Generated by scripts/import-themes.mjs; do not edit. */
 [data-mk-theme="red"] {
   color-scheme: light;

package/dist/css/themes/super-blue.css

@@ -1,4 +1,4 @@
-/* Stepbro theme "super-blue" — values from the replication kit (tasks/themes/theme.{light,dark}-*.css).
+/* Theme "super-blue": light and dark color palettes.
    Generated by scripts/import-themes.mjs; do not edit. */
 [data-mk-theme="super-blue"] {
   color-scheme: light;

package/dist/css/themes.css

@@ -1,5 +1,5 @@
 /* css/themes/black-green.css */
-/* Stepbro theme "black-green" — values from the replication kit (tasks/themes/theme.{light,dark}-*.css).
+/* Theme "black-green": light and dark color palettes.
    Generated by scripts/import-themes.mjs; do not edit. */
 [data-mk-theme="black-green"] {
   color-scheme: light;
@@ -127,7 +127,7 @@
 }
 
 /* css/themes/black.css */
-/* Stepbro theme "black" — values from the replication kit (tasks/themes/theme.{light,dark}-*.css).
+/* Theme "black": light and dark color palettes.
    Generated by scripts/import-themes.mjs; do not edit. */
 [data-mk-theme="black"] {
   color-scheme: light;
@@ -255,7 +255,7 @@
 }
 
 /* css/themes/blue.css */
-/* Stepbro theme "blue" — values from the replication kit (tasks/themes/theme.{light,dark}-*.css).
+/* Theme "blue": light and dark color palettes.
    Generated by scripts/import-themes.mjs; do not edit. */
 [data-mk-theme="blue"] {
   color-scheme: light;
@@ -383,7 +383,7 @@
 }
 
 /* css/themes/brown.css */
-/* Stepbro theme "brown" — values from the replication kit (tasks/themes/theme.{light,dark}-*.css).
+/* Theme "brown": light and dark color palettes.
    Generated by scripts/import-themes.mjs; do not edit. */
 [data-mk-theme="brown"] {
   color-scheme: light;
@@ -511,7 +511,7 @@
 }
 
 /* css/themes/cold-blue.css */
-/* Stepbro theme "cold-blue" — values from the replication kit (tasks/themes/theme.{light,dark}-*.css).
+/* Theme "cold-blue": light and dark color palettes.
    Generated by scripts/import-themes.mjs; do not edit. */
 [data-mk-theme="cold-blue"] {
   color-scheme: light;
@@ -639,7 +639,7 @@
 }
 
 /* css/themes/funny.css */
-/* Stepbro theme "funny" — values from the replication kit (tasks/themes/theme.{light,dark}-*.css).
+/* Theme "funny": light and dark color palettes.
    Generated by scripts/import-themes.mjs; do not edit. */
 [data-mk-theme="funny"] {
   color-scheme: light;
@@ -767,7 +767,7 @@
 }
 
 /* css/themes/gray.css */
-/* Stepbro theme "gray" — values from the replication kit (tasks/themes/theme.{light,dark}-*.css).
+/* Theme "gray": light and dark color palettes.
    Generated by scripts/import-themes.mjs; do not edit. */
 [data-mk-theme="gray"] {
   color-scheme: light;
@@ -895,7 +895,7 @@
 }
 
 /* css/themes/green.css */
-/* Stepbro theme "green" — values from the replication kit (tasks/themes/theme.{light,dark}-*.css).
+/* Theme "green": light and dark color palettes.
    Generated by scripts/import-themes.mjs; do not edit. */
 [data-mk-theme="green"] {
   color-scheme: light;
@@ -1023,7 +1023,7 @@
 }
 
 /* css/themes/modern-1.css */
-/* Stepbro theme "modern-1" — values from the replication kit (tasks/themes/theme.{light,dark}-*.css).
+/* Theme "modern-1": light and dark color palettes.
    Generated by scripts/import-themes.mjs; do not edit. */
 [data-mk-theme="modern-1"] {
   color-scheme: light;
@@ -1151,7 +1151,7 @@
 }
 
 /* css/themes/neogreen.css */
-/* Stepbro theme "neogreen" — values from the replication kit (tasks/themes/theme.{light,dark}-*.css).
+/* Theme "neogreen": light and dark color palettes.
    Generated by scripts/import-themes.mjs; do not edit. */
 [data-mk-theme="neogreen"] {
   color-scheme: light;
@@ -1279,7 +1279,7 @@
 }
 
 /* css/themes/new.css */
-/* Stepbro theme "new" — values from the replication kit (tasks/themes/theme.{light,dark}-*.css).
+/* Theme "new": light and dark color palettes.
    Generated by scripts/import-themes.mjs; do not edit. */
 [data-mk-theme="new"] {
   color-scheme: light;
@@ -1407,7 +1407,7 @@
 }
 
 /* css/themes/new2.css */
-/* Stepbro theme "new2" — values from the replication kit (tasks/themes/theme.{light,dark}-*.css).
+/* Theme "new2": light and dark color palettes.
    Generated by scripts/import-themes.mjs; do not edit. */
 [data-mk-theme="new2"] {
   color-scheme: light;
@@ -1535,7 +1535,7 @@
 }
 
 /* css/themes/oled.css */
-/* Stepbro theme "oled" — values from the replication kit (tasks/themes/theme.{light,dark}-*.css).
+/* Theme "oled": light and dark color palettes.
    Generated by scripts/import-themes.mjs; do not edit. */
 [data-mk-theme="oled"] {
   color-scheme: light;
@@ -1663,7 +1663,7 @@
 }
 
 /* css/themes/orange.css */
-/* Stepbro theme "orange" — values from the replication kit (tasks/themes/theme.{light,dark}-*.css).
+/* Theme "orange": light and dark color palettes.
    Generated by scripts/import-themes.mjs; do not edit. */
 [data-mk-theme="orange"] {
   color-scheme: light;
@@ -1791,7 +1791,7 @@
 }
 
 /* css/themes/pastel-pink.css */
-/* Stepbro theme "pastel-pink" — values from the replication kit (tasks/themes/theme.{light,dark}-*.css).
+/* Theme "pastel-pink": light and dark color palettes.
    Generated by scripts/import-themes.mjs; do not edit. */
 [data-mk-theme="pastel-pink"] {
   color-scheme: light;
@@ -1919,7 +1919,7 @@
 }
 
 /* css/themes/pink.css */
-/* Stepbro theme "pink" — values from the replication kit (tasks/themes/theme.{light,dark}-*.css).
+/* Theme "pink": light and dark color palettes.
    Generated by scripts/import-themes.mjs; do not edit. */
 [data-mk-theme="pink"] {
   color-scheme: light;
@@ -2047,7 +2047,7 @@
 }
 
 /* css/themes/purple.css */
-/* Stepbro theme "purple" — values from the replication kit (tasks/themes/theme.{light,dark}-*.css).
+/* Theme "purple": light and dark color palettes.
    Generated by scripts/import-themes.mjs; do not edit. */
 [data-mk-theme="purple"] {
   color-scheme: light;
@@ -2175,7 +2175,7 @@
 }
 
 /* css/themes/red.css */
-/* Stepbro theme "red" — values from the replication kit (tasks/themes/theme.{light,dark}-*.css).
+/* Theme "red": light and dark color palettes.
    Generated by scripts/import-themes.mjs; do not edit. */
 [data-mk-theme="red"] {
   color-scheme: light;
@@ -2303,7 +2303,7 @@
 }
 
 /* css/themes/super-blue.css */
-/* Stepbro theme "super-blue" — values from the replication kit (tasks/themes/theme.{light,dark}-*.css).
+/* Theme "super-blue": light and dark color palettes.
    Generated by scripts/import-themes.mjs; do not edit. */
 [data-mk-theme="super-blue"] {
   color-scheme: light;

package/dist/css/tokens.css

@@ -1,13 +1,13 @@
 /* css/tokens.css */
 /* motion-kit tokens — override any of them on :root, on a [data-mk-theme] or on a component. */
 :root {
-  /* spencergabor.com elastic curves */
+  /* Elastic curves */
   --mk-ease-elastic: linear(0, 0.5737 7.6%, 0.8382 11.87%, 0.9463 14.19%, 1.0292 16.54%, 1.0886 18.97%, 1.1258 21.53%, 1.137 22.97%, 1.1424 24.48%, 1.1423 26.1%, 1.1366 27.86%, 1.1165 31.01%, 1.0507 38.62%, 1.0219 42.57%, 0.9995 46.99%, 0.9872 51.63%, 0.9842 58.77%, 1.0011 81.26%, 1);
   --mk-ease-elastic-hover: linear(0, 0.2178 2.1%, 1.1144 8.49%, 1.2959 10.7%, 1.3463 11.81%, 1.3705 12.94%, 1.3726, 1.3643 14.48%, 1.3151 16.2%, 1.0317 21.81%, 0.941 24.01%, 0.8912 25.91%, 0.8694 27.84%, 0.8698 29.21%, 0.8824 30.71%, 1.0122 38.33%, 1.0357, 1.046 42.71%, 1.0416 45.7%, 0.9961 53.26%, 0.9839 57.54%, 0.9853 60.71%, 1.0012 68.14%, 1.0056 72.24%, 0.9981 86.66%, 1);
 
-  /* Stepbro curves. The signature is a multi-point path: CSS gets Stepbro's own linear() sampling of it. */
+  /* Motion curves. The signature is a multi-point path sampled as CSS linear(). */
   --mk-ease-signature: linear(0 0%, .017 2.5%, .037 5%, .061 7.5%, .091 10%, .13 12.5%, .184 15%, .275 17.5%, .562 20%, .733 22.5%, .803 25%, .848 27.5%, .88 30%, .902 32.5%, .942 40%, .97 50%, .985 60%, .993 70%, .998 80%, 1 90%, 1 100%);
-  /* Stepbro's backdrop tint uses the same curve. */
+  /* backdrop tint uses the same curve. */
   --mk-ease-tint: var(--mk-ease-signature);
   --mk-ease-flow: cubic-bezier(0.25, 0.1, 0.25, 1);
   --mk-ease-close: cubic-bezier(0.56, 0.27, 0, 1);
@@ -17,12 +17,12 @@
   --mk-ease-swatch: cubic-bezier(0.38, 0.49, 0, 1.5);
   --mk-ease-swatch-light: cubic-bezier(0.11, 1, 0, 1);
   --mk-ease-slot: cubic-bezier(0.34, 1.56, 0.64, 1);
-  /* Dousan Miao / Siena Film Foundation curves */
+  /* Glass, sheet and control curves */
   --mk-ease-glass: cubic-bezier(0.25, 1, 0.5, 1);
   --mk-ease-sheet: cubic-bezier(0.16, 1, 0.3, 1);
   --mk-ease-siena: cubic-bezier(0.19, 1, 0.22, 1);
   --mk-ease-quint: cubic-bezier(0.23, 1, 0.32, 1);
-  /* Dousan's springs (Motion 400/10 press, 260/18 success), sampled by springLinear(); a test keeps them in sync. */
+  /* springs (Motion 400/10 press, 260/18 success), sampled by springLinear(); a test keeps them in sync. */
   --mk-ease-press: linear(0, 0.1957, 0.6333, 1.0817, 1.3717, 1.4412, 1.3274, 1.1249, 0.934, 0.8221, 0.808, 0.8691, 0.9612, 1.0413, 1.0833, 1.0824, 1.0513, 1.01, 0.9769, 0.9618, 0.9651, 0.9804, 0.9986, 1.0121, 1.0173, 1.0146, 1.0072, 0.9993, 0.9939, 0.9923, 0.994, 0.9974, 1.0008, 1.003, 1.0034, 1.0024, 1.0008, 0.9994, 0.9986, 0.9985, 1);
   --mk-dur-press: 1.346s;
   --mk-ease-success: linear(0, 0.0437, 0.1533, 0.3004, 0.4617, 0.6197, 0.7624, 0.8825, 0.9767, 1.0451, 1.0895, 1.1133, 1.1208, 1.1161, 1.1032, 1.0856, 1.0662, 1.047, 1.0296, 1.0149, 1.0034, 0.9949, 0.9894, 0.9864, 0.9854, 0.9859, 0.9874, 0.9895, 0.9919, 0.9942, 0.9963, 0.9981, 0.9995, 1.0006, 1.0012, 1.0016, 1.0018, 1.0017, 1.0015, 1.0013, 1);
@@ -35,7 +35,7 @@
   --mk-shadow: 0 9px 21px rgb(0 0 0 / 0.1), 0 38px 38px rgb(0 0 0 / 0.09), 0 85px 51px rgb(0 0 0 / 0.05);
   --mk-shadow-soft: 0 9px 21px rgb(0 0 0 / 0.05), 0 38px 38px rgb(0 0 0 / 0.045), 0 85px 51px rgb(0 0 0 / 0.025);
 
-  /* Shape: Stepbro's large capsules */
+  /* Shape: large capsules */
   --mk-radius-card: 1rem;
   --mk-radius-xs: 8px;
   --mk-radius-sm: 12px;
@@ -51,7 +51,7 @@
   --mk-radius-chat: var(--mk-radius-3xl);
   --mk-radius-dock: var(--mk-radius-4xl);
 
-  /* Spacing, 4 px steps. Stepbro's navigation breakpoint is 680px (media queries use it literally). */
+  /* Spacing, 4 px steps. navigation breakpoint is 680px (media queries use it literally). */
   --mk-space-1: 4px;
   --mk-space-2: 8px;
   --mk-space-3: 12px;
@@ -73,7 +73,7 @@
   /* Type: DM Sans, Geist Mono, Material Symbols Rounded (css/fonts.css loads them). */
   --mk-font: 'DM Sans', ui-sans-serif, system-ui, sans-serif;
   --mk-font-mono: 'Geist Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
-  /* Material 3 type scale with Stepbro's values (its bundle writes weights as "400px"; here they are numbers). */
+  /* Material 3 type scale; font weights are unitless. */
   --md-sys-typescale-display-large-font: var(--mk-font);
   --md-sys-typescale-display-large-size: 57px;
   --md-sys-typescale-display-large-line-height: 64px;
@@ -183,7 +183,7 @@
 }
 
 /* css/default-theme.css */
-/* Default palette (Stepbro "neogreen") with zero specificity: any [data-mk-theme] wins.
+/* Default palette  with zero specificity: any [data-mk-theme] wins.
    Generated by scripts/import-themes.mjs; do not edit. */
 :where(:root) {
   --md-sys-color-background: #f1fded;