@dotcraft/avatar 0.6.3 → 0.6.5

package/dist/composer/styles/energy.css

@@ -1,99 +1,99 @@
-[data-mascot-effort] .dca-robot :is(.dca-paint-body, .dca-paint-mark) stop {
-  transition: stop-color 360ms ease;
-}
-
-[data-mascot-effort='medium'] .dca-robot .dca-paint-body stop:nth-child(1) {
-  animation: composer-mascot-energy-medium-dark 6s ease-in-out infinite;
-}
-
-[data-mascot-effort='medium'] .dca-robot .dca-paint-body stop:nth-child(2) {
-  animation: composer-mascot-energy-medium-mid 6s ease-in-out infinite;
-}
-
-[data-mascot-effort='medium'] .dca-robot .dca-paint-body stop:nth-child(3) {
-  animation: composer-mascot-energy-medium-light 6s ease-in-out infinite;
-}
-
-[data-mascot-effort='high'] .dca-robot .dca-paint-body stop:nth-child(1) {
-  animation: composer-mascot-energy-high-dark 3.8s ease-in-out infinite;
-}
-
-[data-mascot-effort='high'] .dca-robot .dca-paint-body stop:nth-child(2) {
-  animation: composer-mascot-energy-high-mid 3.8s ease-in-out infinite;
-}
-
-[data-mascot-effort='high'] .dca-robot .dca-paint-body stop:nth-child(3) {
-  animation: composer-mascot-energy-high-light 3.8s ease-in-out infinite;
-}
-
-[data-mascot-effort='high'] .dca-robot .dca-paint-mark stop:nth-child(1) {
-  animation: composer-mascot-energy-high-mark-dark 3.8s ease-in-out infinite;
-}
-
-[data-mascot-effort='high'] .dca-robot .dca-paint-mark stop:nth-child(2),
-[data-mascot-effort='high'] .dca-robot .dca-paint-mark stop:nth-child(3) {
-  animation: composer-mascot-energy-high-mark-light 3.8s ease-in-out infinite;
-}
-
-[data-mascot-effort='high'] .dca-robot {
-  filter: drop-shadow(0 0 5px color-mix(in srgb,
-    oklch(from var(--mascot-energy-accent)
-      clamp(0.28, calc(l - 0.0112), 0.96)
-      clamp(0, calc(c * 1.116), 0.3)
-      calc(h - 3.09)) 28%, transparent));
-}
-
-[data-mascot-effort='extraHigh'] .dca-robot .dca-paint-body stop:nth-child(1) {
-  animation: composer-mascot-energy-extra-dark 2.8s ease-in-out infinite;
-}
-
-[data-mascot-effort='extraHigh'] .dca-robot .dca-paint-body stop:nth-child(2) {
-  animation: composer-mascot-energy-extra-mid 2.8s ease-in-out infinite;
-}
-
-[data-mascot-effort='extraHigh'] .dca-robot .dca-paint-body stop:nth-child(3) {
-  animation: composer-mascot-energy-extra-light 2.8s ease-in-out infinite;
-}
-
-[data-mascot-effort='extraHigh'] .dca-robot .dca-paint-mark stop:nth-child(1) {
-  animation: composer-mascot-energy-extra-mark-dark 2.8s ease-in-out infinite;
-}
-
-[data-mascot-effort='extraHigh'] .dca-robot .dca-paint-mark stop:nth-child(2),
-[data-mascot-effort='extraHigh'] .dca-robot .dca-paint-mark stop:nth-child(3) {
-  animation: composer-mascot-energy-extra-mark-light 2.8s ease-in-out infinite;
-}
-
-[data-mascot-effort='extraHigh'] .dca-robot {
-  filter: drop-shadow(0 0 7px color-mix(in srgb,
-    oklch(from var(--mascot-energy-accent)
-      clamp(0.28, calc(l - 0.0456), 0.96)
-      clamp(0, calc(c * 1.231), 0.3)
-      calc(h + 27.55)) 36%, transparent));
-}
-
-[data-mascot-context='max'] .dca-robot {
-  animation: composer-mascot-max-overdrive-edge 3.8s ease-in-out infinite;
-  will-change: filter;
-}
-
-[data-mascot-context='max'] .dca-robot .dca-paint-body stop:nth-child(1) {
-  animation: composer-mascot-max-coat-dark 3.8s ease-in-out infinite;
-}
-
-[data-mascot-context='max'] .dca-robot .dca-paint-body stop:nth-child(2) {
-  animation: composer-mascot-max-coat-mid 3.8s ease-in-out infinite;
-}
-
-[data-mascot-context='max'] .dca-robot .dca-paint-body stop:nth-child(3) {
-  animation: composer-mascot-max-coat-light 3.8s ease-in-out infinite;
-}
-
-[data-mascot-context='max'] .dca-robot .dca-paint-mark stop:nth-child(1) {
-  animation: composer-mascot-max-coat-mark-dark 3.8s ease-in-out infinite;
-}
-
-[data-mascot-context='max'] .dca-robot .dca-paint-mark stop:nth-child(2),
-[data-mascot-context='max'] .dca-robot .dca-paint-mark stop:nth-child(3) {
-  animation: composer-mascot-max-coat-mark-light 3.8s ease-in-out infinite;
-}
+[data-mascot-effort] .dca-robot :is(.dca-paint-body, .dca-paint-mark) stop {
+  transition: stop-color 360ms ease;
+}
+
+[data-mascot-effort='medium'] .dca-robot .dca-paint-body stop:nth-child(1) {
+  animation: composer-mascot-energy-medium-dark 6s ease-in-out infinite;
+}
+
+[data-mascot-effort='medium'] .dca-robot .dca-paint-body stop:nth-child(2) {
+  animation: composer-mascot-energy-medium-mid 6s ease-in-out infinite;
+}
+
+[data-mascot-effort='medium'] .dca-robot .dca-paint-body stop:nth-child(3) {
+  animation: composer-mascot-energy-medium-light 6s ease-in-out infinite;
+}
+
+[data-mascot-effort='high'] .dca-robot .dca-paint-body stop:nth-child(1) {
+  animation: composer-mascot-energy-high-dark 3.8s ease-in-out infinite;
+}
+
+[data-mascot-effort='high'] .dca-robot .dca-paint-body stop:nth-child(2) {
+  animation: composer-mascot-energy-high-mid 3.8s ease-in-out infinite;
+}
+
+[data-mascot-effort='high'] .dca-robot .dca-paint-body stop:nth-child(3) {
+  animation: composer-mascot-energy-high-light 3.8s ease-in-out infinite;
+}
+
+[data-mascot-effort='high'] .dca-robot .dca-paint-mark stop:nth-child(1) {
+  animation: composer-mascot-energy-high-mark-dark 3.8s ease-in-out infinite;
+}
+
+[data-mascot-effort='high'] .dca-robot .dca-paint-mark stop:nth-child(2),
+[data-mascot-effort='high'] .dca-robot .dca-paint-mark stop:nth-child(3) {
+  animation: composer-mascot-energy-high-mark-light 3.8s ease-in-out infinite;
+}
+
+[data-mascot-effort='high'] .dca-robot {
+  filter: drop-shadow(0 0 5px color-mix(in srgb,
+    oklch(from var(--mascot-energy-accent)
+      clamp(0.28, calc(l - 0.0112), 0.96)
+      clamp(0, calc(c * 1.116), 0.3)
+      calc(h - 3.09)) 28%, transparent));
+}
+
+[data-mascot-effort='extraHigh'] .dca-robot .dca-paint-body stop:nth-child(1) {
+  animation: composer-mascot-energy-extra-dark 2.8s ease-in-out infinite;
+}
+
+[data-mascot-effort='extraHigh'] .dca-robot .dca-paint-body stop:nth-child(2) {
+  animation: composer-mascot-energy-extra-mid 2.8s ease-in-out infinite;
+}
+
+[data-mascot-effort='extraHigh'] .dca-robot .dca-paint-body stop:nth-child(3) {
+  animation: composer-mascot-energy-extra-light 2.8s ease-in-out infinite;
+}
+
+[data-mascot-effort='extraHigh'] .dca-robot .dca-paint-mark stop:nth-child(1) {
+  animation: composer-mascot-energy-extra-mark-dark 2.8s ease-in-out infinite;
+}
+
+[data-mascot-effort='extraHigh'] .dca-robot .dca-paint-mark stop:nth-child(2),
+[data-mascot-effort='extraHigh'] .dca-robot .dca-paint-mark stop:nth-child(3) {
+  animation: composer-mascot-energy-extra-mark-light 2.8s ease-in-out infinite;
+}
+
+[data-mascot-effort='extraHigh'] .dca-robot {
+  filter: drop-shadow(0 0 7px color-mix(in srgb,
+    oklch(from var(--mascot-energy-accent)
+      clamp(0.28, calc(l - 0.0456), 0.96)
+      clamp(0, calc(c * 1.231), 0.3)
+      calc(h + 27.55)) 36%, transparent));
+}
+
+[data-mascot-context='max'] .dca-robot {
+  animation: composer-mascot-max-overdrive-edge 3.8s ease-in-out infinite;
+  will-change: filter;
+}
+
+[data-mascot-context='max'] .dca-robot .dca-paint-body stop:nth-child(1) {
+  animation: composer-mascot-max-coat-dark 3.8s ease-in-out infinite;
+}
+
+[data-mascot-context='max'] .dca-robot .dca-paint-body stop:nth-child(2) {
+  animation: composer-mascot-max-coat-mid 3.8s ease-in-out infinite;
+}
+
+[data-mascot-context='max'] .dca-robot .dca-paint-body stop:nth-child(3) {
+  animation: composer-mascot-max-coat-light 3.8s ease-in-out infinite;
+}
+
+[data-mascot-context='max'] .dca-robot .dca-paint-mark stop:nth-child(1) {
+  animation: composer-mascot-max-coat-mark-dark 3.8s ease-in-out infinite;
+}
+
+[data-mascot-context='max'] .dca-robot .dca-paint-mark stop:nth-child(2),
+[data-mascot-context='max'] .dca-robot .dca-paint-mark stop:nth-child(3) {
+  animation: composer-mascot-max-coat-mark-light 3.8s ease-in-out infinite;
+}

package/dist/composer/styles/expressions.css

@@ -1,20 +1,20 @@
-@keyframes composer-mascot-nod {
-  0%, 100% { transform: translateY(0); }
-  40% { transform: translateY(2.5px) scale(1.015, 0.985); }
-}
-
-.composer-mascot-nod {
-  animation: composer-mascot-nod 140ms ease-out;
-  transform-origin: bottom center;
-}
-
-@keyframes composer-mascot-think-sway {
-  0%, 100% { transform: rotate(-2.2deg); }
-  50% { transform: rotate(2.2deg); }
-}
-
-.composer-mascot-think {
-  animation: composer-mascot-think-sway 2.6s ease-in-out infinite;
-  transform-origin: bottom center;
-  will-change: transform;
-}
+@keyframes composer-mascot-nod {
+  0%, 100% { transform: translateY(0); }
+  40% { transform: translateY(2.5px) scale(1.015, 0.985); }
+}
+
+.composer-mascot-nod {
+  animation: composer-mascot-nod 140ms ease-out;
+  transform-origin: bottom center;
+}
+
+@keyframes composer-mascot-think-sway {
+  0%, 100% { transform: rotate(-2.2deg); }
+  50% { transform: rotate(2.2deg); }
+}
+
+.composer-mascot-think {
+  animation: composer-mascot-think-sway 2.6s ease-in-out infinite;
+  transform-origin: bottom center;
+  will-change: transform;
+}

package/dist/composer/styles/feedback.css

@@ -1,188 +1,188 @@
-@keyframes composer-mascot-cheer {
-  0% {
-    transform: translateY(0) scale(1, 1);
-  }
-  12% {
-    transform: translateY(2px) scale(1.08, 0.9);
-  }
-  30% {
-    transform: translateY(-13px) scale(0.96, 1.06);
-  }
-  46% {
-    transform: translateY(0) scale(1.05, 0.94);
-  }
-  60% {
-    transform: translateY(-8px) scale(0.98, 1.03);
-  }
-  74% {
-    transform: translateY(0) scale(1.02, 0.98);
-  }
-  100% {
-    transform: translateY(0) scale(1, 1);
-  }
-}
-
-.composer-mascot-cheer {
-  animation: composer-mascot-cheer 1s ease-out;
-  transform-origin: bottom center;
-}
-
-.composer-mascot-sparkles {
-  position: absolute;
-  inset: 0;
-  pointer-events: none;
-}
-
-.composer-mascot-sparkles i {
-  position: absolute;
-  left: 50%;
-  top: 6%;
-  width: 7px;
-  height: 7px;
-  background: var(--success);
-  clip-path: polygon(50% 0, 64% 36%, 100% 50%, 64% 64%, 50% 100%, 36% 64%, 0 50%, 36% 36%);
-  animation: composer-mascot-sparkle 900ms ease-out forwards;
-}
-
-@keyframes composer-mascot-sparkle {
-  0% {
-    opacity: 0;
-    transform: translate(0, 0) scale(0.4) rotate(0);
-  }
-  18% {
-    opacity: 1;
-  }
-  100% {
-    opacity: 0;
-    transform: translate(var(--dx), var(--dy)) scale(1) rotate(160deg);
-  }
-}
-
-@keyframes composer-mascot-shake {
-  0%,
-  100% {
-    transform: translateX(0) rotate(0);
-  }
-  18% {
-    transform: translateX(-5px) rotate(-2.4deg);
-  }
-  38% {
-    transform: translateX(5px) rotate(2.4deg);
-  }
-  58% {
-    transform: translateX(-4px) rotate(-1.8deg);
-  }
-  78% {
-    transform: translateX(3px) rotate(1.2deg);
-  }
-}
-
-.composer-mascot-shake {
-  animation: composer-mascot-shake 520ms ease-in-out;
-  transform-origin: bottom center;
-}
-
-@keyframes composer-mascot-eager-hop {
-  0%,
-  100% {
-    transform: translateY(0) scale(1, 1);
-  }
-  50% {
-    transform: translateY(-4px) scale(0.99, 1.02);
-  }
-}
-
-.composer-mascot-eager {
-  animation: composer-mascot-eager-hop 460ms ease-in-out infinite;
-  transform-origin: bottom center;
-}
-
-@keyframes composer-mascot-sleep-breathe {
-  0%,
-  100% {
-    transform: scale(1);
-  }
-  50% {
-    transform: scale(1.05, 1.06);
-  }
-}
-
-.composer-mascot-sleep-breathe {
-  animation: composer-mascot-sleep-breathe 5.6s ease-in-out infinite;
-  transform-origin: bottom center;
-}
-
-.composer-mascot-zzz {
-  position: absolute;
-  inset: 0;
-  pointer-events: none;
-}
-
-.composer-mascot-zzz span {
-  position: absolute;
-  right: -2px;
-  top: 2px;
-  font-family: Georgia, serif;
-  font-size: 13px;
-  font-weight: 700;
-  color: var(--text-dimmed);
-  opacity: 0;
-  animation: composer-mascot-zzz 2.8s ease-out infinite;
-}
-
-.composer-mascot-zzz span:nth-child(2) {
-  animation-delay: 0.9s;
-  right: 2px;
-}
-
-.composer-mascot-zzz span:nth-child(3) {
-  animation-delay: 1.8s;
-  right: 6px;
-}
-
-@keyframes composer-mascot-zzz {
-  0% {
-    opacity: 0;
-    transform: translate(0, 0) scale(0.7);
-  }
-  25% {
-    opacity: 0.9;
-  }
-  100% {
-    opacity: 0;
-    transform: translate(13px, -26px) scale(1.15);
-  }
-}
-
-@keyframes composer-mascot-startle {
-  0% {
-    transform: translateY(0) scale(1);
-  }
-  30% {
-    transform: translateY(-7px) scale(1.1, 0.96);
-  }
-  60% {
-    transform: translateY(0) scale(0.97, 1.03);
-  }
-  100% {
-    transform: translateY(0) scale(1);
-  }
-}
-
-.composer-mascot-startle {
-  animation: composer-mascot-startle 320ms ease-out;
-  transform-origin: bottom center;
-}
-
-@keyframes composer-mascot-push-lift {
-  0% { transform: translateY(0) scale(1); }
-  38% { transform: translateY(-7px) scale(0.98, 1.035); }
-  72% { transform: translateY(1px) scale(1.025, 0.975); }
-  88% { transform: translateY(-1px) scale(0.995, 1.01); }
-  100% { transform: translateY(0) scale(1); }
-}
-
-.composer-mascot-push-lift {
-  animation: composer-mascot-push-lift 360ms cubic-bezier(0.22, 0.72, 0.24, 1);
-  transform-origin: bottom center;
-}
+@keyframes composer-mascot-cheer {
+  0% {
+    transform: translateY(0) scale(1, 1);
+  }
+  12% {
+    transform: translateY(2px) scale(1.08, 0.9);
+  }
+  30% {
+    transform: translateY(-13px) scale(0.96, 1.06);
+  }
+  46% {
+    transform: translateY(0) scale(1.05, 0.94);
+  }
+  60% {
+    transform: translateY(-8px) scale(0.98, 1.03);
+  }
+  74% {
+    transform: translateY(0) scale(1.02, 0.98);
+  }
+  100% {
+    transform: translateY(0) scale(1, 1);
+  }
+}
+
+.composer-mascot-cheer {
+  animation: composer-mascot-cheer 1s ease-out;
+  transform-origin: bottom center;
+}
+
+.composer-mascot-sparkles {
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+}
+
+.composer-mascot-sparkles i {
+  position: absolute;
+  left: 50%;
+  top: 6%;
+  width: 7px;
+  height: 7px;
+  background: var(--dca-theme-success);
+  clip-path: polygon(50% 0, 64% 36%, 100% 50%, 64% 64%, 50% 100%, 36% 64%, 0 50%, 36% 36%);
+  animation: composer-mascot-sparkle 900ms ease-out forwards;
+}
+
+@keyframes composer-mascot-sparkle {
+  0% {
+    opacity: 0;
+    transform: translate(0, 0) scale(0.4) rotate(0);
+  }
+  18% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+    transform: translate(var(--dx), var(--dy)) scale(1) rotate(160deg);
+  }
+}
+
+@keyframes composer-mascot-shake {
+  0%,
+  100% {
+    transform: translateX(0) rotate(0);
+  }
+  18% {
+    transform: translateX(-5px) rotate(-2.4deg);
+  }
+  38% {
+    transform: translateX(5px) rotate(2.4deg);
+  }
+  58% {
+    transform: translateX(-4px) rotate(-1.8deg);
+  }
+  78% {
+    transform: translateX(3px) rotate(1.2deg);
+  }
+}
+
+.composer-mascot-shake {
+  animation: composer-mascot-shake 520ms ease-in-out;
+  transform-origin: bottom center;
+}
+
+@keyframes composer-mascot-eager-hop {
+  0%,
+  100% {
+    transform: translateY(0) scale(1, 1);
+  }
+  50% {
+    transform: translateY(-4px) scale(0.99, 1.02);
+  }
+}
+
+.composer-mascot-eager {
+  animation: composer-mascot-eager-hop 460ms ease-in-out infinite;
+  transform-origin: bottom center;
+}
+
+@keyframes composer-mascot-sleep-breathe {
+  0%,
+  100% {
+    transform: scale(1);
+  }
+  50% {
+    transform: scale(1.05, 1.06);
+  }
+}
+
+.composer-mascot-sleep-breathe {
+  animation: composer-mascot-sleep-breathe 5.6s ease-in-out infinite;
+  transform-origin: bottom center;
+}
+
+.composer-mascot-zzz {
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+}
+
+.composer-mascot-zzz span {
+  position: absolute;
+  right: -2px;
+  top: 2px;
+  font-family: Georgia, serif;
+  font-size: 13px;
+  font-weight: 700;
+  color: var(--dca-theme-dimmed);
+  opacity: 0;
+  animation: composer-mascot-zzz 2.8s ease-out infinite;
+}
+
+.composer-mascot-zzz span:nth-child(2) {
+  animation-delay: 0.9s;
+  right: 2px;
+}
+
+.composer-mascot-zzz span:nth-child(3) {
+  animation-delay: 1.8s;
+  right: 6px;
+}
+
+@keyframes composer-mascot-zzz {
+  0% {
+    opacity: 0;
+    transform: translate(0, 0) scale(0.7);
+  }
+  25% {
+    opacity: 0.9;
+  }
+  100% {
+    opacity: 0;
+    transform: translate(13px, -26px) scale(1.15);
+  }
+}
+
+@keyframes composer-mascot-startle {
+  0% {
+    transform: translateY(0) scale(1);
+  }
+  30% {
+    transform: translateY(-7px) scale(1.1, 0.96);
+  }
+  60% {
+    transform: translateY(0) scale(0.97, 1.03);
+  }
+  100% {
+    transform: translateY(0) scale(1);
+  }
+}
+
+.composer-mascot-startle {
+  animation: composer-mascot-startle 320ms ease-out;
+  transform-origin: bottom center;
+}
+
+@keyframes composer-mascot-push-lift {
+  0% { transform: translateY(0) scale(1); }
+  38% { transform: translateY(-7px) scale(0.98, 1.035); }
+  72% { transform: translateY(1px) scale(1.025, 0.975); }
+  88% { transform: translateY(-1px) scale(0.995, 1.01); }
+  100% { transform: translateY(0) scale(1); }
+}
+
+.composer-mascot-push-lift {
+  animation: composer-mascot-push-lift 360ms cubic-bezier(0.22, 0.72, 0.24, 1);
+  transform-origin: bottom center;
+}