weasel-icons 0.0.0-stage → 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Weasel contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,3 +1,66 @@
-# Temporary Holding Version
+# Weasel Icons
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+Icons that overreact beautifully. Nine stateful React SVG icons with smooth transitions and optional continuous behavior.
+
+## Install
+
+```sh
+npm install weasel-icons
+# or
+pnpm add weasel-icons
+```
+
+Requires React 19 and React DOM 19. Motion is installed as a dependency. No stylesheet, provider, Tailwind, or Next.js dependency is required. The package is ESM with TypeScript declarations and per-icon exports.
+
+## Use
+
+```tsx
+import { DogIcon } from 'weasel-icons';
+// Alternatively: import { DogIcon } from 'weasel-icons/dog';
+
+export function HappyDog() {
+  return <DogIcon state="happy" alive size={32} color="#75002f" accentColor="#ff5ca3" />;
+}
+```
+
+Import only the icons you use. Compatible production bundlers can tree-shake the others.
+
+## Change a state
+
+```tsx
+'use client';
+
+import { useState } from 'react';
+import { HeartIcon } from 'weasel-icons';
+
+export function LikeButton() {
+  const [liked, setLiked] = useState(false);
+  return (
+    <button aria-label="Like" aria-pressed={liked} onClick={() => setLiked(!liked)}>
+      <HeartIcon state={liked ? 'liked' : 'unliked'} size={24} />
+    </button>
+  );
+}
+```
+
+The existing SVG smoothly transitions when `state` changes, including during an unfinished transition. Use your own button or wrapper for hover, click, keyboard, and sequence behavior. Next.js App Router client boundaries are preserved in the package.
+
+## Icons and props
+
+Exports: `DogIcon`, `MonkeyIcon`, `HeartIcon`, `ShipIcon`, `RocketIcon`, `LeafIcon`, `SearchIcon`, `BellIcon`, and `DownloadIcon`. Each exports its own state type and list, for example `DogState` and `dogStates`. TypeScript autocompletion shows the valid states for each icon.
+
+Common optional props: `state`, `size`, `color`, `accentColor`, `strokeWidth`, `speed`, `alive`, `className`.
+
+- `alive={false}` (default) transitions to the state, then settles.
+- `alive` adds varied continuous in-state behavior. System reduced-motion preferences take precedence.
+- `color` and `accentColor` default to `currentColor`.
+- Dog, monkey, heart, ship, and leaf accept small icon-specific `colors` objects, with exported types such as `DogColors`.
+- Dog and ship have neutral interiors using `--weasel-surface` (white by default). Set this CSS variable on their parent for other backgrounds. Monkey supports `colors.face`.
+
+SVGs are decorative and hidden from screen readers. Label the containing control or adjacent status text. Do not communicate state using only color or animation.
+
+This package installs into `node_modules`; it does not copy source into your components directory and does not expose an `npx` command. Upgrading the dependency brings new icons and fixes; it does not update already deployed websites until you rebuild and deploy them.
+
+## License
+
+Original code is MIT licensed. Adapted source geometry retains its upstream notices in `THIRD_PARTY_NOTICES.md`, included with this package. The website, mascot, fonts, tests, and authoring tools are not part of this package.

package/THIRD_PARTY_NOTICES.md

@@ -0,0 +1,93 @@
+# Third-party notices
+
+The animated components in this project use original Weasel motion design on top of the following source geometry.
+
+## Lucide
+
+Rocket, Leaf, Dog, Heart, Ship, Bell, Search, and Download base SVG geometry is adapted from [Lucide](https://github.com/lucide-icons/lucide), licensed under the ISC License, with the additional Feather notice below for Search and Download. The current front-facing ship replaces the earlier Fluent side-profile implementation. Source SVGs for Bell, Search, Download and their inspected state references are retained in `docs/references/lucide-*.svg`.
+
+The retained Dog geometry carries the following [Lucide ISC notice](https://lucide.dev/license):
+
+```text
+ISC License
+
+Copyright (c) 2026 Lucide Icons and Contributors
+
+Permission to use, copy, modify, and/or distribute this software for any purpose
+with or without fee is hereby granted, provided that the above copyright notice
+and this permission notice appear in all copies.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+```
+
+## Feather-derived Lucide icons
+
+Search and Download are listed by Lucide as derived from Feather. Their additional notice is retained from the [upstream license](https://github.com/lucide-icons/lucide/blob/main/LICENSE):
+
+```text
+The MIT License (MIT)
+
+Copyright (c) 2013-present Cole Bemis
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+```
+
+## Microsoft Fluent Emoji
+
+Monkey Face base SVG geometry is adapted from [Microsoft Fluent Emoji](https://github.com/microsoft/fluentui-emoji), licensed under the MIT License. Historical ship and dog references (not used by the current outline components), and the complete Microsoft copyright/permission notice are retained in `docs/references/`.
+
+```text
+MIT License
+
+Copyright (c) Microsoft Corporation.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE
+```
+
+All animation choreography, state behavior, state effects, and playground presentation are original to this project.
+
+## Motion study reference
+
+The animation system was informed by the part-level motion principles demonstrated by [lucide-animated](https://github.com/pqoqubbw/icons), licensed under the MIT License. Weasel does not redistribute its React components; the state model and choreography in this project are independently authored.
+
+## Website fonts
+
+The playground self-hosts unmodified Latin WOFF2 assets for [Anton](https://github.com/google/fonts/tree/main/ofl/anton) and [DM Sans](https://github.com/google/fonts/tree/main/ofl/dmsans), distributed by Google Fonts under the SIL Open Font License 1.1. Their complete copyright and license notices are included alongside the assets at `public/fonts/anton/OFL.txt` and `public/fonts/dm-sans/OFL.txt`. These website assets are not included in the icon installation payloads.

package/dist/icons/bell/bell-icon.d.ts

@@ -0,0 +1,5 @@
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type BellState } from "./bell-rig.js";
+export { bellStates, type BellState } from "./bell-rig.js";
+export type BellIconProps = StatefulIconProps<BellState>;
+export declare const BellIcon: import("react").NamedExoticComponent<BellIconProps>;

package/dist/icons/bell/bell-icon.js

@@ -0,0 +1,22 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useId, useRef } from 'react';
+import { motion, useTransform } from 'motion/react';
+import { useMotionPreference } from "../../shared/use-motion-preference.js";
+import { usePoseWeight, useBehaviorClock } from "../../shared/use-icon-motion.js";
+import { sampleBell, BELL_SHELL, BELL_CLAPPER } from "./bell-rig.js";
+export { bellStates } from "./bell-rig.js";
+const ORIGIN = { originX: 0, originY: 0, transformBox: 'view-box' };
+export const BellIcon = memo(function BellIcon({ state = 'idle', size = 24, color = 'currentColor', accentColor = 'currentColor', strokeWidth = 1.8, speed = 1, alive = false, className, }) {
+    const reduced = useMotionPreference(), element = useRef(null), id = useId();
+    const pace = Number.isFinite(speed) ? Math.min(4, Math.max(0.1, speed)) : 1;
+    const idle = usePoseWeight(state === 'idle', pace, reduced), ringing = usePoseWeight(state === 'ringing', pace, reduced);
+    const unread = usePoseWeight(state === 'unread', pace, reduced), muted = usePoseWeight(state === 'muted', pace, reduced);
+    const performs = alive && !reduced && (state === 'ringing' || state === 'unread'), life = usePoseWeight(performs, pace, reduced);
+    const time = useBehaviorClock(element, performs, pace, life);
+    const rig = useTransform(() => sampleBell([idle.get(), ringing.get(), unread.get(), muted.get()], time.get(), life.get()));
+    const body = useTransform(rig, (r) => r.body), clapper = useTransform(rig, (r) => r.clapper), cut = useTransform(rig, (r) => r.cut);
+    const ringOpacity = useTransform(rig, (r) => r.ringing), badge = useTransform(rig, (r) => r.badge), mute = useTransform(rig, (r) => r.muted);
+    const badgeRadius = useTransform(rig, (r) => r.badgeScale * 1.65);
+    return (_jsxs("svg", { ref: element, className: className, width: size, height: size, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", fill: "none", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", focusable: "false", pointerEvents: "none", style: { display: 'block', overflow: 'visible' }, children: [_jsx("defs", { children: _jsx("clipPath", { id: id, children: _jsx(motion.path, { "data-part": "mute-cut", d: cut }) }) }), _jsx(motion.path, { "data-layer": "bell-sound", d: "M2.5 6.5C2.7 5.2 3.2 4.2 4 3.2M20 3.2c.8 1 1.3 2 1.5 3.3", stroke: accentColor, strokeWidth: strokeWidth * 0.65, opacity: ringOpacity }), _jsxs(motion.g, { "data-layer": "bell-body", transform: body, style: ORIGIN, children: [_jsxs("g", { clipPath: `url(#${id})`, children: [_jsx("path", { "data-part": "shell", d: BELL_SHELL, stroke: color, strokeWidth: strokeWidth }), _jsx(motion.path, { "data-part": "clapper", d: BELL_CLAPPER, stroke: color, strokeWidth: strokeWidth, transform: clapper, style: ORIGIN })] }), _jsx(motion.path, { "data-layer": "bell-mute", d: "M3 3l18 18", stroke: color, strokeWidth: strokeWidth, opacity: mute })] }), _jsx(motion.circle, { "data-layer": "bell-badge", cx: "19", cy: "4", r: badgeRadius, fill: accentColor, opacity: badge })] }));
+});

package/dist/icons/bell/bell-rig.d.ts

@@ -0,0 +1,14 @@
+export declare const bellStates: readonly ["idle", "ringing", "unread", "muted"];
+export type BellState = (typeof bellStates)[number];
+export type BellWeights = readonly [number, number, number, number];
+export declare const BELL_SHELL = "M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326";
+export declare const BELL_CLAPPER = "M10.268 21a2 2 0 0 0 3.464 0";
+export declare function sampleBell([, ringing, unread, muted]: BellWeights, time?: number, alive?: number): {
+    body: string;
+    clapper: string;
+    cut: string;
+    ringing: number;
+    badge: number;
+    muted: number;
+    badgeScale: number;
+};

package/dist/icons/bell/bell-rig.js

@@ -0,0 +1,21 @@
+export const bellStates = ['idle', 'ringing', 'unread', 'muted'];
+export const BELL_SHELL = 'M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326';
+export const BELL_CLAPPER = 'M10.268 21a2 2 0 0 0 3.464 0';
+const n = (v) => Number(v.toFixed(5));
+export function sampleBell([, ringing, unread, muted], time = 0, alive = 0) {
+    const life = Math.max(0, Math.min(1, alive));
+    const ring = Math.max(0, behaviorBeat(time % 3.4, 0.12, 0.28, 0.9, 0.75));
+    const notify = Math.max(0, behaviorBeat(time % 4.8, 0.3, 0.4, 0.1, 0.8));
+    const angle = ringing * (7 * (1 - life) + life * 10 * Math.sin(time * 10.6) * ring), gap = muted * 1.5;
+    const clapperAngle = ringing * life * -13 * Math.sin(time * 10.6 - 0.55) * ring;
+    return {
+        body: `translate(12px, 12px) scale(.86) translate(-12px, -12px) translate(12px, 4px) rotate(${n(angle)}deg) translate(-12px, -4px)`,
+        clapper: `translate(12px, 17px) rotate(${n(clapperAngle)}deg) translate(-12px, -17px)`,
+        cut: `M${n(gap)} 0H24V${n(24 - gap)}ZM0 ${n(gap)}V24H${n(24 - gap)}Z`,
+        ringing: ringing * (0.4 + life * 0.35 * ring),
+        badge: unread,
+        muted,
+        badgeScale: 1 + life * unread * 0.14 * notify,
+    };
+}
+import { behaviorBeat } from "../../shared/behavior-curves.js";

package/dist/icons/dog/dog-icon.d.ts

@@ -0,0 +1,7 @@
+import type { DogColors } from "../../shared/icon-colors.js";
+import type { StatefulIconProps } from "../../shared/icon-types.js";
+import { type DogState } from "./dog-rig.js";
+export { dogStates, type DogState } from "./dog-rig.js";
+/** One Lucide-derived puppy, one owner per animated channel. No face replacement. */
+export type DogIconProps = StatefulIconProps<DogState, DogColors>;
+export declare const DogIcon: import("react").NamedExoticComponent<DogIconProps>;

package/dist/icons/dog/dog-icon.js

@@ -0,0 +1,45 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useId, useRef } from 'react';
+import { motion, useTransform } from 'motion/react';
+import { useFollowPose, useBehaviorClock, usePoseWeight } from "../../shared/use-icon-motion.js";
+import { useMotionPreference } from "../../shared/use-motion-preference.js";
+import { DOG_LEFT_EAR, DOG_RIGHT_EAR, DOG_OUTLINE, DOG_SURFACE, sampleDog, } from "./dog-rig.js";
+export { dogStates } from "./dog-rig.js";
+// Motion emits CSS transforms. The -3/-3 viewBox origin is offset back to
+// SVG coordinate (0,0), so authored pivot coordinates remain exact.
+const SVG_ORIGIN = { originX: '3px', originY: '3px', transformBox: 'view-box' };
+export const DogIcon = memo(function DogIcon({ state = 'waiting', size = 24, color = 'currentColor', accentColor = 'currentColor', strokeWidth = 1.8, speed = 1, alive = false, className, colors, }) {
+    const reduced = useMotionPreference();
+    const element = useRef(null);
+    const mouthId = `puppy-mouth-${useId().replace(/:/g, '')}`;
+    const pace = Number.isFinite(speed) ? Math.min(4, Math.max(0.1, speed)) : 1;
+    const waiting = usePoseWeight(state === 'waiting', pace, reduced);
+    const sniffing = usePoseWeight(state === 'sniffing', pace, reduced);
+    const happy = usePoseWeight(state === 'happy', pace, reduced);
+    const guilty = usePoseWeight(state === 'guilty', pace, reduced);
+    const life = usePoseWeight(alive && !reduced, pace, reduced);
+    const time = useBehaviorClock(element, alive && !reduced, pace, life);
+    const rig = useTransform(() => sampleDog([waiting.get(), sniffing.get(), happy.get(), guilty.get()], time.get(), life.get()));
+    const leftEye = useTransform(rig, (r) => r.leftEye);
+    const rightEye = useTransform(rig, (r) => r.rightEye);
+    const mouth = useTransform(rig, (r) => r.mouth);
+    const leftEar = useTransform(rig, (r) => r.leftEar);
+    const rightEar = useTransform(rig, (r) => r.rightEar);
+    const nose = useTransform(rig, (r) => r.nose);
+    const tongueY = useTransform(rig, (r) => r.tongueY);
+    const tongueHeight = useTransform(rig, (r) => r.tongueHeight);
+    const tongueOpacity = useTransform(rig, (r) => r.tongueOpacity);
+    const blush = useTransform(rig, (r) => r.blush);
+    const scentPath = useTransform(rig, (r) => `M ${r.scentX} ${r.scentY - 0.7} q -.7 -.3 -1.15 .05 M ${r.scentX + 0.2} ${r.scentY + 0.75} q -.7 .3 -1.15 -.05`);
+    const scentOpacity = useTransform(rig, (r) => r.scentOpacity);
+    const sparkOpacity = useTransform(rig, (r) => r.sparkOpacity);
+    const tilt = useTransform(rig, (r) => r.tilt);
+    const height = useTransform(rig, (r) => r.headY);
+    const headTilt = useFollowPose(tilt, pace, reduced);
+    const headY = useFollowPose(height, pace, reduced);
+    const head = useTransform(() => `translate(12px, ${14 + headY.get()}px) rotate(${headTilt.get()}deg) translate(-12px, -14px)`);
+    const detailStroke = Math.max(0.35, strokeWidth * 0.38);
+    const surface = 'var(--weasel-surface, #fff)';
+    return (_jsxs("svg", { ref: element, className: className, width: size, height: size, viewBox: "-3 -3 30 30", xmlns: "http://www.w3.org/2000/svg", fill: "none", preserveAspectRatio: "xMidYMid meet", "aria-hidden": "true", focusable: "false", pointerEvents: "none", "data-dog-state": state, style: { display: 'block', overflow: 'visible' }, children: [_jsx("defs", { children: _jsx("clipPath", { id: mouthId, children: _jsx(motion.path, { d: mouth }) }) }), _jsxs(motion.g, { "data-layer": "face", style: SVG_ORIGIN, transform: head, strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: DOG_SURFACE, fill: surface }), _jsx("path", { d: DOG_OUTLINE, stroke: color, strokeWidth: strokeWidth }), _jsx("path", { d: "M10.15 5.235Q12 4.6 14 5.277", stroke: color, strokeWidth: strokeWidth }), _jsx(motion.path, { "data-layer": "left-ear", style: SVG_ORIGIN, d: DOG_LEFT_EAR, transform: leftEar, stroke: color, fill: surface, strokeWidth: strokeWidth }), _jsx(motion.path, { "data-layer": "right-ear", style: SVG_ORIGIN, d: DOG_RIGHT_EAR, transform: rightEar, stroke: color, fill: surface, strokeWidth: strokeWidth }), _jsxs(motion.g, { "data-layer": "cheeks", opacity: blush, fill: accentColor, children: [_jsx("ellipse", { cx: "7.1", cy: "16.3", rx: ".8", ry: ".38" }), _jsx("ellipse", { cx: "16.9", cy: "16.3", rx: ".8", ry: ".38" })] }), _jsx(motion.path, { "data-layer": "left-eye", d: leftEye, fill: colors?.eyes ?? color }), _jsx(motion.path, { "data-layer": "right-eye", d: rightEye, fill: colors?.eyes ?? color }), _jsx(motion.path, { "data-layer": "nose", d: "M11.1 15.9Q12 15.55 12.9 15.9Q13.2 16.2 12 17Q10.8 16.2 11.1 15.9Z", style: SVG_ORIGIN, transform: nose, fill: colors?.nose ?? color }), _jsx(motion.path, { "data-layer": "mouth", d: mouth, fill: colors?.mouth ?? color, stroke: colors?.mouth ?? color, strokeWidth: detailStroke }), _jsx("g", { clipPath: `url(#${mouthId})`, children: _jsx(motion.rect, { "data-layer": "tongue", x: "11.2", y: tongueY, width: "1.6", height: tongueHeight, rx: ".65", opacity: tongueOpacity, fill: accentColor }) })] }), _jsx(motion.g, { "data-layer": "scent", opacity: scentOpacity, stroke: accentColor, strokeWidth: detailStroke, strokeLinecap: "round", children: _jsx(motion.path, { d: scentPath }) }), _jsx(motion.path, { "data-layer": "spark", opacity: sparkOpacity, d: "M.1 1.3v2M-.9 2.3h2M24.1 .5v1.4M23.4 1.2h1.4", stroke: accentColor, strokeWidth: detailStroke, strokeLinecap: "round" })] }));
+});

package/dist/icons/dog/dog-rig.d.ts

@@ -0,0 +1,80 @@
+export declare const dogStates: readonly ["waiting", "sniffing", "happy", "guilty"];
+export type DogState = (typeof dogStates)[number];
+export type DogWeights = readonly [number, number, number, number];
+export declare const DOG_LEFT_EAR = "M8.5 8.5c-.384 1.05-1.083 2.028-2.344 2.5-1.931.722-3.576-.297-3.656-1-.113-.994 1.177-6.53 4-7 1.923-.321 3.651.845 3.651 2.235";
+export declare const DOG_RIGHT_EAR = "M14 5.277c0-1.39 1.844-2.598 3.767-2.277 2.823.47 4.113 6.006 4 7-.08.703-1.725 1.722-3.656 1-1.261-.472-1.855-1.45-2.239-2.5";
+export declare const DOG_OUTLINE = "M4.42 11.247A13.152 13.152 0 0 0 4 14.556C4 18.728 7.582 21 12 21s8-2.272 8-6.444a11.702 11.702 0 0 0-.493-3.309";
+export declare const DOG_SURFACE = "M4.42 11.247L8.5 5.4Q12 4.5 15.5 5.4L19.507 11.247A11.702 11.702 0 0 1 20 14.556C20 18.728 16.418 21 12 21S4 18.728 4 14.556A13.152 13.152 0 0 1 4.42 11.247Z";
+interface DogPose {
+    gazeX: number;
+    gazeY: number;
+    eyeOpen: number;
+    eyeCurve: number;
+    eyeWidth: number;
+    mouthWidth: number;
+    mouthY: number;
+    top: number;
+    bottom: number;
+    earLeft: number;
+    earRight: number;
+    tilt: number;
+    headY: number;
+    nose: number;
+    noseX: number;
+    noseY: number;
+    tongue: number;
+    blush: number;
+    scent: number;
+    scentX: number;
+    scentY: number;
+    spark: number;
+}
+export declare const DOG_POSES: Record<DogState, DogPose>;
+export declare const dogBehaviors: Record<DogState, readonly string[]>;
+export declare const dogSceneDuration: (state: DogState) => 6 | 8;
+export declare function sampleDogBehavior(state: DogState, time: number): {
+    pose: {
+        gazeX: number;
+        gazeY: number;
+        eyeOpen: number;
+        eyeCurve: number;
+        eyeWidth: number;
+        mouthWidth: number;
+        mouthY: number;
+        top: number;
+        bottom: number;
+        earLeft: number;
+        earRight: number;
+        tilt: number;
+        headY: number;
+        nose: number;
+        noseX: number;
+        noseY: number;
+        tongue: number;
+        blush: number;
+        scent: number;
+        scentX: number;
+        scentY: number;
+        spark: number;
+    };
+    scene: number;
+};
+export declare function sampleDog(weights: DogWeights, time?: number, alive?: number): {
+    leftEye: string;
+    rightEye: string;
+    mouth: string;
+    tilt: number;
+    headY: number;
+    leftEar: string;
+    rightEar: string;
+    nose: string;
+    tongueY: number;
+    tongueHeight: number;
+    tongueOpacity: number;
+    blush: number;
+    scentX: number;
+    scentY: number;
+    scentOpacity: number;
+    sparkOpacity: number;
+};
+export {};