@dotcraft/avatar 0.6.3 → 0.6.4

package/dist/rig.css

@@ -1,265 +1,265 @@
-/* The robot's arm/antenna/face pieces carry stable dca-part-* classes (see
-   MascotRig.tsx). Each arm's white and blue pieces are separate elements moving in
-   lockstep, so transform-box: view-box resolves one shared origin for both. */
-.dca-part-eyes,
-.dca-part-glow,
-.dca-part-light,
-.dca-part-face {
-  transform-box: fill-box;
-}
-
-/* The incoming face waits out a ~70ms blank beat so two faces never blend into a
-   double exposure. */
-.dca-part-face {
-  opacity: 0;
-  transition: opacity 110ms ease;
-}
-
-.dca-part-robot[data-expression='neutral'] .dca-part-face-neutral,
-.dca-part-robot[data-expression='happy'] .dca-part-face-happy,
-.dca-part-robot[data-expression='operator'] .dca-part-face-operator,
-.dca-part-robot[data-expression='sleep'] .dca-part-face-sleep {
-  opacity: 1;
-  transition: opacity 150ms ease 70ms;
-}
-
-.dca-part-eyes {
-  transform-origin: center;
-}
-
-.dca-part-glow {
-  opacity: 0;
-  transform-origin: center;
-}
-
-.dca-part-light {
-  transform-origin: center;
-}
-
-/* The default 140ms transition-delay sequences "prop first, arm after" on retract, so
-   a prop is never left floating. Every rule that ENTERS a posed arm state overrides
-   the delay back to 0 so raises stay immediate. */
-.dca-part-arm-l-w,
-.dca-part-arm-l {
-  transform-box: view-box;
-  transform-origin: 233px 514px;
-  transition: transform 320ms cubic-bezier(0.34, 1.56, 0.64, 1) 140ms;
-}
-
-.dca-part-arm-r-w,
-.dca-part-arm-r-b {
-  transform-box: view-box;
-  transform-origin: 791px 514px;
-  transition: transform 320ms cubic-bezier(0.34, 1.56, 0.64, 1) 140ms;
-}
-
-/* Every keyframe keeps the same function list (translate + rotate + scaleY) so the
-   interpolation stays smooth. translate dy=88 lands the hinge at ≈602 viewBox, the
-   height of the resting arm nub, so the hand lifts from where the arm already is. */
-@keyframes dca-action-wave-arm {
-  0% {
-    transform: translate(0, 0) rotate(0) scaleY(1);
-  }
-  16% {
-    transform: translate(-48px, 88px) rotate(-122deg) scaleY(0.8);
-  }
-  32% {
-    transform: translate(-48px, 88px) rotate(-92deg) scaleY(0.8);
-  }
-  48% {
-    transform: translate(-48px, 88px) rotate(-122deg) scaleY(0.8);
-  }
-  64% {
-    transform: translate(-48px, 88px) rotate(-92deg) scaleY(0.8);
-  }
-  80% {
-    transform: translate(-48px, 88px) rotate(-114deg) scaleY(0.8);
-  }
-  100% {
-    transform: translate(0, 0) rotate(0) scaleY(1);
-  }
-}
-
-@keyframes dca-action-wave-lean {
-  0%,
-  100% {
-    transform: rotate(0);
-  }
-  20%,
-  80% {
-    transform: rotate(3deg);
-  }
-}
-
-.dca-action-wave .dca-part-arm-r-w,
-.dca-action-wave .dca-part-arm-r-b {
-  animation: dca-action-wave-arm 1.6s ease-in-out both;
-}
-
-.dca-action-wave .dca-action-jelly {
-  animation: dca-action-wave-lean 1.6s ease-in-out both;
-}
-
-/* Props are always-mounted `dca-part-prop-*` groups inside MascotRobot at opacity 0,
-   revealed by these composer root classes. */
-
-/* Mini terminal: the 1200ms transition delay keeps quick turns from flashing it. The
-   arms only tuck inward by pure translate — a rotation would trigger the solid-colour
-   swap and break the gradient's continuity with the torso. */
-.dca-part-prop-laptop {
-  opacity: 0;
-  transition: opacity 200ms ease;
-}
-
-.dca-action-prop-laptop .dca-part-prop-laptop {
-  opacity: 1;
-  transition: opacity 240ms ease 1200ms;
-}
-
-.dca-action-prop-laptop .dca-part-arm-l-w,
-.dca-action-prop-laptop .dca-part-arm-l {
-  transform: translate(18px, 0);
-  transition: transform 320ms cubic-bezier(0.34, 1.56, 0.64, 1) 1200ms;
-}
-
-.dca-action-prop-laptop .dca-part-arm-r-w,
-.dca-action-prop-laptop .dca-part-arm-r-b {
-  transform: translate(-18px, 0);
-  transition: transform 320ms cubic-bezier(0.34, 1.56, 0.64, 1) 1200ms;
-}
-
-@keyframes dca-action-laptop-scroll {
-  0%,
-  58% {
-    transform: translateY(0);
-  }
-  66%,
-  100% {
-    transform: translateY(-36px);
-  }
-}
-
-.dca-action-prop-laptop .dca-part-laptop-lines {
-  animation: dca-action-laptop-scroll 2200ms ease-in-out 1640ms infinite;
-}
-
-@keyframes dca-action-laptop-caret {
-  0%,
-  100% {
-    opacity: 1;
-  }
-  50% {
-    opacity: 0;
-  }
-}
-
-.dca-action-prop-laptop .dca-part-laptop-caret {
-  animation: dca-action-laptop-caret 800ms steps(1, end) infinite;
-}
-
-/* The sign fades in only after the arm settles (320ms spring plus a beat), and on
-   retract it hides first while the arm waits out its 140ms transition-delay, so the
-   prop is never left floating without a hand. */
-.dca-action-hold-sign .dca-part-arm-r-w,
-.dca-action-hold-sign .dca-part-arm-r-b {
-  transform: translate(-48px, 88px) rotate(-128deg) scaleY(0.8);
-  transition-delay: 0ms;
-}
-
-.dca-action-hold-sign .dca-part-arm-r-b {
-  fill: var(--dca-part-raised-arm-right, #7a96fb);
-}
-
-.dca-part-prop-sign {
-  opacity: 0;
-  transition: opacity 140ms ease;
-}
-
-.dca-action-hold-sign .dca-part-prop-sign {
-  opacity: 1;
-  transition: opacity 180ms ease 340ms;
-}
-
-/* Click greeting while the sign is held: only the angle moves, and it starts and ends
-   exactly at the held pose so the hand-off to .dca-action-hold-sign is seamless.
-   The compound selector outranks the lone .dca-action-wave arm rule. */
-@keyframes dca-action-sign-wave-arm {
-  0% {
-    transform: translate(-48px, 88px) rotate(-128deg) scaleY(0.8);
-  }
-  18% {
-    transform: translate(-48px, 88px) rotate(-143deg) scaleY(0.8);
-  }
-  42% {
-    transform: translate(-48px, 88px) rotate(-113deg) scaleY(0.8);
-  }
-  66% {
-    transform: translate(-48px, 88px) rotate(-143deg) scaleY(0.8);
-  }
-  86% {
-    transform: translate(-48px, 88px) rotate(-120deg) scaleY(0.8);
-  }
-  100% {
-    transform: translate(-48px, 88px) rotate(-128deg) scaleY(0.8);
-  }
-}
-
-/* Pure rotation about the hand's pivot: the shoulder hinge (791,514) shifted by the
-   held translate (-48,88), i.e. C = (743,602), by exactly the arm's angular deviation
-   from -128° at each step. Same centre and delta keeps the board gripped. */
-@keyframes dca-action-sign-wave-prop {
-  0% {
-    transform: rotate(0deg);
-  }
-  18% {
-    transform: rotate(-15deg);
-  }
-  42% {
-    transform: rotate(15deg);
-  }
-  66% {
-    transform: rotate(-15deg);
-  }
-  86% {
-    transform: rotate(8deg);
-  }
-  100% {
-    transform: rotate(0deg);
-  }
-}
-
-.dca-action-hold-sign.dca-action-wave .dca-part-arm-r-w,
-.dca-action-hold-sign.dca-action-wave .dca-part-arm-r-b {
-  animation: dca-action-sign-wave-arm 1.6s ease-in-out;
-}
-
-.dca-action-hold-sign.dca-action-wave .dca-part-prop-sign {
-  transform-box: view-box;
-  transform-origin: 743px 602px;
-  animation: dca-action-sign-wave-prop 1.6s ease-in-out;
-}
-
-/* The cheer reuses the wave's slide-then-rotate hinge grammar, so the outline wraps
-   the band and the colour stays seam-continuous. */
-.dca-action-celebrate .dca-part-arm-l-w,
-.dca-action-celebrate .dca-part-arm-l {
-  transform: translate(48px, 88px) rotate(135deg) scaleY(0.82);
-  transition-delay: 0ms;
-}
-
-.dca-action-celebrate .dca-part-arm-r-w,
-.dca-action-celebrate .dca-part-arm-r-b {
-  transform: translate(-48px, 88px) rotate(-135deg) scaleY(0.82);
-  transition-delay: 0ms;
-}
-
-/* Raised arms swap the body gradient for a solid hinge colour, so a rotated arm has
-   no gradient to diverge from the torso's field. White halo capsules stay white. */
-.dca-action-wave .dca-part-arm-r-b,
-.dca-action-celebrate .dca-part-arm-r-b {
-  fill: var(--dca-part-raised-arm-right, #7a96fb);
-}
-
-.dca-action-celebrate .dca-part-arm-l-b {
-  fill: var(--dca-part-raised-arm-left, #3161f7);
-}
+/* The robot's arm/antenna/face pieces carry stable dca-part-* classes (see
+   MascotRig.tsx). Each arm's white and blue pieces are separate elements moving in
+   lockstep, so transform-box: view-box resolves one shared origin for both. */
+.dca-part-eyes,
+.dca-part-glow,
+.dca-part-light,
+.dca-part-face {
+  transform-box: fill-box;
+}
+
+/* The incoming face waits out a ~70ms blank beat so two faces never blend into a
+   double exposure. */
+.dca-part-face {
+  opacity: 0;
+  transition: opacity 110ms ease;
+}
+
+.dca-part-robot[data-expression='neutral'] .dca-part-face-neutral,
+.dca-part-robot[data-expression='happy'] .dca-part-face-happy,
+.dca-part-robot[data-expression='operator'] .dca-part-face-operator,
+.dca-part-robot[data-expression='sleep'] .dca-part-face-sleep {
+  opacity: 1;
+  transition: opacity 150ms ease 70ms;
+}
+
+.dca-part-eyes {
+  transform-origin: center;
+}
+
+.dca-part-glow {
+  opacity: 0;
+  transform-origin: center;
+}
+
+.dca-part-light {
+  transform-origin: center;
+}
+
+/* The default 140ms transition-delay sequences "prop first, arm after" on retract, so
+   a prop is never left floating. Every rule that ENTERS a posed arm state overrides
+   the delay back to 0 so raises stay immediate. */
+.dca-part-arm-l-w,
+.dca-part-arm-l {
+  transform-box: view-box;
+  transform-origin: 233px 514px;
+  transition: transform 320ms cubic-bezier(0.34, 1.56, 0.64, 1) 140ms;
+}
+
+.dca-part-arm-r-w,
+.dca-part-arm-r-b {
+  transform-box: view-box;
+  transform-origin: 791px 514px;
+  transition: transform 320ms cubic-bezier(0.34, 1.56, 0.64, 1) 140ms;
+}
+
+/* Every keyframe keeps the same function list (translate + rotate + scaleY) so the
+   interpolation stays smooth. translate dy=88 lands the hinge at ≈602 viewBox, the
+   height of the resting arm nub, so the hand lifts from where the arm already is. */
+@keyframes dca-action-wave-arm {
+  0% {
+    transform: translate(0, 0) rotate(0) scaleY(1);
+  }
+  16% {
+    transform: translate(-48px, 88px) rotate(-122deg) scaleY(0.8);
+  }
+  32% {
+    transform: translate(-48px, 88px) rotate(-92deg) scaleY(0.8);
+  }
+  48% {
+    transform: translate(-48px, 88px) rotate(-122deg) scaleY(0.8);
+  }
+  64% {
+    transform: translate(-48px, 88px) rotate(-92deg) scaleY(0.8);
+  }
+  80% {
+    transform: translate(-48px, 88px) rotate(-114deg) scaleY(0.8);
+  }
+  100% {
+    transform: translate(0, 0) rotate(0) scaleY(1);
+  }
+}
+
+@keyframes dca-action-wave-lean {
+  0%,
+  100% {
+    transform: rotate(0);
+  }
+  20%,
+  80% {
+    transform: rotate(3deg);
+  }
+}
+
+.dca-action-wave .dca-part-arm-r-w,
+.dca-action-wave .dca-part-arm-r-b {
+  animation: dca-action-wave-arm 1.6s ease-in-out both;
+}
+
+.dca-action-wave .dca-action-jelly {
+  animation: dca-action-wave-lean 1.6s ease-in-out both;
+}
+
+/* Props are always-mounted `dca-part-prop-*` groups inside MascotRobot at opacity 0,
+   revealed by these composer root classes. */
+
+/* Mini terminal: the 1200ms transition delay keeps quick turns from flashing it. The
+   arms only tuck inward by pure translate — a rotation would trigger the solid-colour
+   swap and break the gradient's continuity with the torso. */
+.dca-part-prop-laptop {
+  opacity: 0;
+  transition: opacity 200ms ease;
+}
+
+.dca-action-prop-laptop .dca-part-prop-laptop {
+  opacity: 1;
+  transition: opacity 240ms ease 1200ms;
+}
+
+.dca-action-prop-laptop .dca-part-arm-l-w,
+.dca-action-prop-laptop .dca-part-arm-l {
+  transform: translate(18px, 0);
+  transition: transform 320ms cubic-bezier(0.34, 1.56, 0.64, 1) 1200ms;
+}
+
+.dca-action-prop-laptop .dca-part-arm-r-w,
+.dca-action-prop-laptop .dca-part-arm-r-b {
+  transform: translate(-18px, 0);
+  transition: transform 320ms cubic-bezier(0.34, 1.56, 0.64, 1) 1200ms;
+}
+
+@keyframes dca-action-laptop-scroll {
+  0%,
+  58% {
+    transform: translateY(0);
+  }
+  66%,
+  100% {
+    transform: translateY(-36px);
+  }
+}
+
+.dca-action-prop-laptop .dca-part-laptop-lines {
+  animation: dca-action-laptop-scroll 2200ms ease-in-out 1640ms infinite;
+}
+
+@keyframes dca-action-laptop-caret {
+  0%,
+  100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0;
+  }
+}
+
+.dca-action-prop-laptop .dca-part-laptop-caret {
+  animation: dca-action-laptop-caret 800ms steps(1, end) infinite;
+}
+
+/* The sign fades in only after the arm settles (320ms spring plus a beat), and on
+   retract it hides first while the arm waits out its 140ms transition-delay, so the
+   prop is never left floating without a hand. */
+.dca-action-hold-sign .dca-part-arm-r-w,
+.dca-action-hold-sign .dca-part-arm-r-b {
+  transform: translate(-48px, 88px) rotate(-128deg) scaleY(0.8);
+  transition-delay: 0ms;
+}
+
+.dca-action-hold-sign .dca-part-arm-r-b {
+  fill: var(--dca-part-raised-arm-right, #7a96fb);
+}
+
+.dca-part-prop-sign {
+  opacity: 0;
+  transition: opacity 140ms ease;
+}
+
+.dca-action-hold-sign .dca-part-prop-sign {
+  opacity: 1;
+  transition: opacity 180ms ease 340ms;
+}
+
+/* Click greeting while the sign is held: only the angle moves, and it starts and ends
+   exactly at the held pose so the hand-off to .dca-action-hold-sign is seamless.
+   The compound selector outranks the lone .dca-action-wave arm rule. */
+@keyframes dca-action-sign-wave-arm {
+  0% {
+    transform: translate(-48px, 88px) rotate(-128deg) scaleY(0.8);
+  }
+  18% {
+    transform: translate(-48px, 88px) rotate(-143deg) scaleY(0.8);
+  }
+  42% {
+    transform: translate(-48px, 88px) rotate(-113deg) scaleY(0.8);
+  }
+  66% {
+    transform: translate(-48px, 88px) rotate(-143deg) scaleY(0.8);
+  }
+  86% {
+    transform: translate(-48px, 88px) rotate(-120deg) scaleY(0.8);
+  }
+  100% {
+    transform: translate(-48px, 88px) rotate(-128deg) scaleY(0.8);
+  }
+}
+
+/* Pure rotation about the hand's pivot: the shoulder hinge (791,514) shifted by the
+   held translate (-48,88), i.e. C = (743,602), by exactly the arm's angular deviation
+   from -128° at each step. Same centre and delta keeps the board gripped. */
+@keyframes dca-action-sign-wave-prop {
+  0% {
+    transform: rotate(0deg);
+  }
+  18% {
+    transform: rotate(-15deg);
+  }
+  42% {
+    transform: rotate(15deg);
+  }
+  66% {
+    transform: rotate(-15deg);
+  }
+  86% {
+    transform: rotate(8deg);
+  }
+  100% {
+    transform: rotate(0deg);
+  }
+}
+
+.dca-action-hold-sign.dca-action-wave .dca-part-arm-r-w,
+.dca-action-hold-sign.dca-action-wave .dca-part-arm-r-b {
+  animation: dca-action-sign-wave-arm 1.6s ease-in-out;
+}
+
+.dca-action-hold-sign.dca-action-wave .dca-part-prop-sign {
+  transform-box: view-box;
+  transform-origin: 743px 602px;
+  animation: dca-action-sign-wave-prop 1.6s ease-in-out;
+}
+
+/* The cheer reuses the wave's slide-then-rotate hinge grammar, so the outline wraps
+   the band and the colour stays seam-continuous. */
+.dca-action-celebrate .dca-part-arm-l-w,
+.dca-action-celebrate .dca-part-arm-l {
+  transform: translate(48px, 88px) rotate(135deg) scaleY(0.82);
+  transition-delay: 0ms;
+}
+
+.dca-action-celebrate .dca-part-arm-r-w,
+.dca-action-celebrate .dca-part-arm-r-b {
+  transform: translate(-48px, 88px) rotate(-135deg) scaleY(0.82);
+  transition-delay: 0ms;
+}
+
+/* Raised arms swap the body gradient for a solid hinge colour, so a rotated arm has
+   no gradient to diverge from the torso's field. White halo capsules stay white. */
+.dca-action-wave .dca-part-arm-r-b,
+.dca-action-celebrate .dca-part-arm-r-b {
+  fill: var(--dca-part-raised-arm-right, #7a96fb);
+}
+
+.dca-action-celebrate .dca-part-arm-l-b {
+  fill: var(--dca-part-raised-arm-left, #3161f7);
+}

package/dist/styles.css

@@ -1,13 +1,13 @@
-@import './rig.css';
-@import './avatar.css';
-@import './accessories.css';
-
-@import "./composer/styles/foundation.css";
-@import "./composer/styles/overdrive.css";
-@import "./composer/styles/idle.css";
-@import "./composer/styles/focus.css";
-@import "./composer/styles/expressions.css";
-@import "./composer/styles/feedback.css";
-@import "./composer/styles/props.css";
-
-@import "./composer/styles/energy.css";
+@import './rig.css';
+@import './avatar.css';
+@import './accessories.css';
+
+@import "./composer/styles/foundation.css";
+@import "./composer/styles/overdrive.css";
+@import "./composer/styles/idle.css";
+@import "./composer/styles/focus.css";
+@import "./composer/styles/expressions.css";
+@import "./composer/styles/feedback.css";
+@import "./composer/styles/props.css";
+
+@import "./composer/styles/energy.css";

package/package.json

@@ -1,55 +1,56 @@
-{
-  "name": "@dotcraft/avatar",
-  "version": "0.6.3",
-  "description": "Name-derived DotCraft avatars and React SVG animation components",
-  "type": "module",
-  "main": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
-    },
-    "./react": {
-      "types": "./dist/react.d.ts",
-      "import": "./dist/react.js"
-    },
-    "./styles.css": "./dist/styles.css"
-  },
-  "files": [
-    "dist"
-  ],
-  "sideEffects": [
-    "**/*.css"
-  ],
-  "scripts": {
-    "build": "node ../../scripts/clean-dist.mjs . && tsc -p tsconfig.json && node scripts/copy-styles.mjs",
-    "typecheck": "tsc -p tsconfig.json --noEmit",
-    "test": "npm run build && node --test tests/*.test.mjs"
-  },
-  "peerDependencies": {
-    "react": "^19.0.0"
-  },
-  "peerDependenciesMeta": {
-    "react": {
-      "optional": true
-    }
-  },
-  "devDependencies": {
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "@types/react": "^19.0.0",
-    "typescript": "^5.7.0",
-    "jsdom": "^29.1.1"
-  },
-  "publishConfig": {
-    "access": "public",
-    "registry": "https://registry.npmjs.org"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/DotHarness/dotcraft.git",
-    "directory": "sdk/typescript/packages/avatar"
-  },
-  "license": "Apache-2.0"
-}
+{
+  "name": "@dotcraft/avatar",
+  "version": "0.6.4",
+  "description": "Name-derived DotCraft avatars and React SVG animation components",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./react": {
+      "types": "./dist/react.d.ts",
+      "import": "./dist/react.js"
+    },
+    "./styles.css": "./dist/styles.css"
+  },
+  "files": [
+    "dist",
+    "src"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "scripts": {
+    "build": "node ../../scripts/clean-dist.mjs . && tsc -p tsconfig.json && node scripts/copy-styles.mjs",
+    "typecheck": "tsc -p tsconfig.json --noEmit",
+    "test": "npm run build && node --test tests/*.test.mjs"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "@types/react": "^19.0.0",
+    "typescript": "^5.7.0",
+    "jsdom": "^29.1.1"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/DotHarness/dotcraft.git",
+    "directory": "sdk/typescript/packages/avatar"
+  },
+  "license": "Apache-2.0"
+}