@dotcraft/avatar 0.7.1 → 0.7.3

package/src/react.ts

@@ -1,5 +1,5 @@
-export { Avatar, AppearanceAvatar, type AvatarProps, type AppearanceAvatarProps } from './Avatar.js'
-export { DecorationSwatch, PrimaryDecoration, SecondaryDecoration } from './Decorations.js'
+export { Avatar, AppearanceAvatar, sizeTier, type AvatarProps, type AppearanceAvatarProps, type SizeTier } from './Avatar.js'
+export { DecorationSwatch, SlotDecoration, HeadDecoration } from './Decorations.js'
 
 export { ComposerMascot } from './composer/ComposerMascot.js'
 export type { ComposerMascotProps, ComposerMascotContext, MascotExpression, MascotLight } from './composer/types.js'

package/src/rig.css

@@ -1,6 +1,5 @@
-/* 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. */
+/* Arm outlines, material clips and held props move in lockstep.
+   transform-box: view-box resolves the same pivot for each layer. */
 .dca-part-eyes,
 .dca-part-glow,
 .dca-part-light,
@@ -40,6 +39,7 @@
    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-b,
 .dca-part-arm-l {
   transform-box: view-box;
   transform-origin: 233px 514px;
@@ -103,9 +103,7 @@
 /* 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. */
+/* The 1200ms delay keeps quick turns from flashing the mini terminal. */
 .dca-part-prop-laptop {
   opacity: 0;
   transition: opacity 200ms ease;
@@ -117,6 +115,7 @@
 }
 
 .dca-action-prop-laptop .dca-part-arm-l-w,
+.dca-action-prop-laptop .dca-part-arm-l-b,
 .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;
@@ -166,10 +165,6 @@
   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;
@@ -242,6 +237,7 @@
 /* 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-b,
 .dca-action-celebrate .dca-part-arm-l {
   transform: translate(48px, 88px) rotate(135deg) scaleY(0.82);
   transition-delay: 0ms;
@@ -252,14 +248,3 @@
   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/src/styles.css

@@ -1,6 +1,7 @@
 @import './rig.css';
 @import './avatar.css';
 @import './accessories.css';
+@import './effects.css';
 
 @import "./composer/styles/foundation.css";
 @import "./composer/styles/overdrive.css";

package/dist/HeldDecorations.d.ts

@@ -1,5 +0,0 @@
-import type { HeldId } from './appearanceModel.js';
-export declare function HeldDecoration({ id }: {
-    id: HeldId;
-}): import("react").JSX.Element;
-//# sourceMappingURL=HeldDecorations.d.ts.map

package/dist/HeldDecorations.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"HeldDecorations.d.ts","sourceRoot":"","sources":["../src/HeldDecorations.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAElD,wBAAgB,cAAc,CAAC,EAAE,EAAE,EAAE,EAAE;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,+BA6CpD"}

package/dist/HeldDecorations.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function HeldDecoration({ id }) {
-    return _jsxs("g", { "data-held-decoration": id, strokeLinecap: "round", strokeLinejoin: "round", children: [id === 'task-board' && _jsx("g", { transform: "translate(233 640) scale(.8) translate(-840 -665)", children: _jsxs("g", { children: [_jsx("rect", { x: "718", y: "562", width: "244", height: "194", rx: "36", fill: "#fff", stroke: "#fff", strokeWidth: "30" }), _jsx("rect", { x: "718", y: "562", width: "244", height: "194", rx: "36", fill: "#fff", stroke: "var(--dca-held-mark, #3161f7)", strokeWidth: "11" }), _jsx("path", { d: "M760 620h114", stroke: "var(--dca-held-mark, #3161f7)", strokeWidth: "18", strokeLinecap: "round" }), _jsx("circle", { cx: "775", cy: "689", r: "14", fill: "var(--dca-held-mark, #3161f7)" }), _jsx("circle", { cx: "842", cy: "661", r: "14", fill: "var(--dca-held-accent, #f6b500)" }), _jsx("circle", { cx: "907", cy: "708", r: "14", fill: "var(--dca-held-mark, #3161f7)" }), _jsx("path", { d: "M789 683 828 667 893 699", stroke: "#202124", strokeWidth: "13", strokeLinecap: "round", strokeLinejoin: "round", opacity: ".72" })] }) }), id === 'wrench' && _jsx("g", { transform: "translate(233 670) rotate(-60) scale(.65) translate(-642 -817)", children: _jsxs("g", { children: [_jsx("path", { d: "M756 595c30-30 74-39 113-23l-56 56 46 46 56-56c16 39 7 83-23 113-32 32-80 39-119 20L674 850c-18 18-47 18-65 0s-18-47 0-65l99-99c-19-39-12-87 20-119Z", fill: "#fff", stroke: "#fff", strokeWidth: "34", strokeLinejoin: "round" }), _jsx("path", { d: "M756 595c30-30 74-39 113-23l-56 56 46 46 56-56c16 39 7 83-23 113-32 32-80 39-119 20L674 850c-18 18-47 18-65 0s-18-47 0-65l99-99c-19-39-12-87 20-119Z", fill: "#fff", stroke: "var(--dca-held-mark, #3161f7)", strokeWidth: "13", strokeLinejoin: "round" }), _jsx("circle", { cx: "642", cy: "817", r: "17", fill: "var(--dca-held-accent, #f6b500)" }), _jsx("path", { d: "M706 752 774 684", stroke: "var(--dca-held-mark, #3161f7)", strokeWidth: "20", strokeLinecap: "round", opacity: ".78" })] }) }), id === 'shield' && _jsx("g", { transform: "translate(233 635) scale(.8) translate(-817 -690)", children: _jsxs("g", { children: [_jsx("path", { d: "M817 553 929 594v76c0 80-46 134-112 162-66-28-112-82-112-162v-76Z", fill: "#fff", stroke: "#fff", strokeWidth: "30", strokeLinejoin: "round" }), _jsx("path", { d: "M817 553 929 594v76c0 80-46 134-112 162-66-28-112-82-112-162v-76Z", fill: "#fff", stroke: "var(--dca-held-mark, #3161f7)", strokeWidth: "11", strokeLinejoin: "round" }), _jsx("path", { d: "M761 683 802 722 881 632", stroke: "var(--dca-held-mark, #3161f7)", strokeWidth: "28", strokeLinecap: "round", strokeLinejoin: "round" })] }) }), id === 'magnifier' && _jsx("g", { transform: "translate(233 670) rotate(-18) scale(.85) translate(-862 -735)", children: _jsx("g", { children: _jsxs("g", { children: [_jsx("path", { d: "M862 646v112", stroke: "#fff", strokeWidth: "48", strokeLinecap: "round" }), _jsx("path", { d: "M862 646v112", stroke: "var(--dca-held-mark, #3161f7)", strokeWidth: "28", strokeLinecap: "round" }), _jsx("circle", { cx: "862", cy: "562", r: "82", fill: "#fff", stroke: "#fff", strokeWidth: "30" }), _jsx("circle", { cx: "862", cy: "562", r: "82", fill: "#fff", fillOpacity: ".72", stroke: "var(--dca-held-mark, #3161f7)", strokeWidth: "18" }), _jsx("path", { d: "M828 534c21-22 54-30 82-19", stroke: "#fff", strokeWidth: "12", strokeLinecap: "round", opacity: ".9" })] }) }) }), id === 'control-panel' && _jsx("g", { transform: "translate(233 640) scale(.8) translate(-839 -686)", children: _jsxs("g", { children: [_jsx("rect", { x: "714", y: "592", width: "250", height: "190", rx: "38", fill: "#fff", stroke: "#fff", strokeWidth: "30" }), _jsx("rect", { x: "714", y: "592", width: "250", height: "190", rx: "38", fill: "#fff", stroke: "var(--dca-held-mark, #3161f7)", strokeWidth: "11" }), _jsx("path", { d: "M765 650h148", stroke: "#202124", strokeWidth: "14", strokeLinecap: "round", opacity: ".62" }), _jsx("path", { d: "M765 718h148", stroke: "#202124", strokeWidth: "14", strokeLinecap: "round", opacity: ".62" }), _jsx("circle", { cx: "818", cy: "650", r: "23", fill: "var(--dca-held-mark, #3161f7)", stroke: "#fff", strokeWidth: "8" }), _jsx("circle", { cx: "872", cy: "718", r: "23", fill: "var(--dca-held-accent, #f6b500)", stroke: "#fff", strokeWidth: "8" })] }) })] });
-}
-//# sourceMappingURL=HeldDecorations.js.map

package/dist/HeldDecorations.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HeldDecorations.js","sourceRoot":"","sources":["../src/HeldDecorations.tsx"],"names":[],"mappings":"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"}

package/src/HeldDecorations.tsx

@@ -1,48 +0,0 @@
-import type { HeldId } from './appearanceModel.js'
-
-export function HeldDecoration({ id }: { id: HeldId }) {
-  return <g data-held-decoration={id} strokeLinecap="round" strokeLinejoin="round">
-    {id === 'task-board' && <g transform="translate(233 640) scale(.8) translate(-840 -665)"><g>
-    <rect x="718" y="562" width="244" height="194" rx="36" fill="#fff" stroke="#fff" strokeWidth="30" />
-    <rect x="718" y="562" width="244" height="194" rx="36" fill="#fff" stroke="var(--dca-held-mark, #3161f7)" strokeWidth="11" />
-    <path d="M760 620h114" stroke="var(--dca-held-mark, #3161f7)" strokeWidth="18" strokeLinecap="round" />
-    <circle cx="775" cy="689" r="14" fill="var(--dca-held-mark, #3161f7)" />
-    <circle cx="842" cy="661" r="14" fill="var(--dca-held-accent, #f6b500)" />
-    <circle cx="907" cy="708" r="14" fill="var(--dca-held-mark, #3161f7)" />
-    <path d="M789 683 828 667 893 699" stroke="#202124" strokeWidth="13" strokeLinecap="round" strokeLinejoin="round" opacity=".72" />
-  </g>
-</g>}
-    {id === 'wrench' && <g transform="translate(233 670) rotate(-60) scale(.65) translate(-642 -817)"><g>
-    <path d="M756 595c30-30 74-39 113-23l-56 56 46 46 56-56c16 39 7 83-23 113-32 32-80 39-119 20L674 850c-18 18-47 18-65 0s-18-47 0-65l99-99c-19-39-12-87 20-119Z" fill="#fff" stroke="#fff" strokeWidth="34" strokeLinejoin="round" />
-    <path d="M756 595c30-30 74-39 113-23l-56 56 46 46 56-56c16 39 7 83-23 113-32 32-80 39-119 20L674 850c-18 18-47 18-65 0s-18-47 0-65l99-99c-19-39-12-87 20-119Z" fill="#fff" stroke="var(--dca-held-mark, #3161f7)" strokeWidth="13" strokeLinejoin="round" />
-    <circle cx="642" cy="817" r="17" fill="var(--dca-held-accent, #f6b500)" />
-    <path d="M706 752 774 684" stroke="var(--dca-held-mark, #3161f7)" strokeWidth="20" strokeLinecap="round" opacity=".78" />
-  </g>
-</g>}
-    {id === 'shield' && <g transform="translate(233 635) scale(.8) translate(-817 -690)"><g>
-    <path d="M817 553 929 594v76c0 80-46 134-112 162-66-28-112-82-112-162v-76Z" fill="#fff" stroke="#fff" strokeWidth="30" strokeLinejoin="round" />
-    <path d="M817 553 929 594v76c0 80-46 134-112 162-66-28-112-82-112-162v-76Z" fill="#fff" stroke="var(--dca-held-mark, #3161f7)" strokeWidth="11" strokeLinejoin="round" />
-    <path d="M761 683 802 722 881 632" stroke="var(--dca-held-mark, #3161f7)" strokeWidth="28" strokeLinecap="round" strokeLinejoin="round" />
-  </g>
-</g>}
-    {id === 'magnifier' && <g transform="translate(233 670) rotate(-18) scale(.85) translate(-862 -735)"><g>
-    <g>
-      <path d="M862 646v112" stroke="#fff" strokeWidth="48" strokeLinecap="round" />
-      <path d="M862 646v112" stroke="var(--dca-held-mark, #3161f7)" strokeWidth="28" strokeLinecap="round" />
-      <circle cx="862" cy="562" r="82" fill="#fff" stroke="#fff" strokeWidth="30" />
-      <circle cx="862" cy="562" r="82" fill="#fff" fillOpacity=".72" stroke="var(--dca-held-mark, #3161f7)" strokeWidth="18" />
-      <path d="M828 534c21-22 54-30 82-19" stroke="#fff" strokeWidth="12" strokeLinecap="round" opacity=".9" />
-    </g>
-  </g>
-</g>}
-    {id === 'control-panel' && <g transform="translate(233 640) scale(.8) translate(-839 -686)"><g>
-    <rect x="714" y="592" width="250" height="190" rx="38" fill="#fff" stroke="#fff" strokeWidth="30" />
-    <rect x="714" y="592" width="250" height="190" rx="38" fill="#fff" stroke="var(--dca-held-mark, #3161f7)" strokeWidth="11" />
-    <path d="M765 650h148" stroke="#202124" strokeWidth="14" strokeLinecap="round" opacity=".62" />
-    <path d="M765 718h148" stroke="#202124" strokeWidth="14" strokeLinecap="round" opacity=".62" />
-    <circle cx="818" cy="650" r="23" fill="var(--dca-held-mark, #3161f7)" stroke="#fff" strokeWidth="8" />
-    <circle cx="872" cy="718" r="23" fill="var(--dca-held-accent, #f6b500)" stroke="#fff" strokeWidth="8" />
-  </g>
-</g>}
-  </g>
-}