@nice2dev/ui-graphics 1.3.15 → 1.3.16

package/dist/cjs/animation/shapes/heads.js

@@ -1,73 +1,147 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var characterTypes = require('../characterTypes.js');
-
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const characterTypes = require("../characterTypes.js");
 function pal(c, fill) {
-    const arr = c !== null && c !== void 0 ? c : [];
-    return {
-        skin: fill !== null && fill !== void 0 ? fill : characterTypes.pick(arr, 0, 'var(--anim-skin, #FFD2B3)'),
-        shade: characterTypes.pick(arr, 1, 'var(--anim-skin-shade, #F2C4A9)'),
-        stroke: characterTypes.pick(arr, 2, 'var(--anim-stroke, #111)'),
-    };
+  const arr = c ?? [];
+  return {
+    skin: fill ?? characterTypes.pick(arr, 0, "var(--anim-skin, #FFD2B3)"),
+    shade: characterTypes.pick(arr, 1, "var(--anim-skin-shade, #F2C4A9)"),
+    stroke: characterTypes.pick(arr, 2, "var(--anim-stroke, #111)")
+  };
 }
-const HeadRound = ({ colors, scale = 1, transform, strokeWidth = 1.6, fill, }) => {
-    // (fill destructured below)
-    const { skin, shade, stroke } = pal(colors, fill);
-    return (jsxRuntime.jsxs("g", { transform: `${transform !== null && transform !== void 0 ? transform : ''} scale(${scale})`, stroke: stroke, strokeWidth: strokeWidth, children: [jsxRuntime.jsx("circle", { cx: 0, cy: -8, r: 34, fill: skin }), jsxRuntime.jsx("ellipse", { cx: 10, cy: -20, rx: 10, ry: 6, fill: shade, opacity: 0.15 })] }));
+const HeadRound = ({
+  colors,
+  scale = 1,
+  transform,
+  strokeWidth = 1.6,
+  fill
+}) => {
+  const { skin, shade, stroke } = pal(colors, fill);
+  return /* @__PURE__ */ jsxRuntime.jsxs("g", { transform: `${transform ?? ""} scale(${scale})`, stroke, strokeWidth, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: 0, cy: -8, r: 34, fill: skin }),
+    /* @__PURE__ */ jsxRuntime.jsx("ellipse", { cx: 10, cy: -20, rx: 10, ry: 6, fill: shade, opacity: 0.15 })
+  ] });
 };
-const HeadOval = ({ colors, scale = 1, transform, strokeWidth = 1.6, fill, }) => {
-    // (fill destructured below)
-    const { skin, shade, stroke } = pal(colors, fill);
-    return (jsxRuntime.jsxs("g", { transform: `${transform !== null && transform !== void 0 ? transform : ''} scale(${scale})`, stroke: stroke, strokeWidth: strokeWidth, children: [jsxRuntime.jsx("ellipse", { cx: 0, cy: -6, rx: 30, ry: 36, fill: skin }), jsxRuntime.jsx("ellipse", { cx: -12, cy: -18, rx: 8, ry: 5, fill: shade, opacity: 0.12 })] }));
+const HeadOval = ({
+  colors,
+  scale = 1,
+  transform,
+  strokeWidth = 1.6,
+  fill
+}) => {
+  const { skin, shade, stroke } = pal(colors, fill);
+  return /* @__PURE__ */ jsxRuntime.jsxs("g", { transform: `${transform ?? ""} scale(${scale})`, stroke, strokeWidth, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("ellipse", { cx: 0, cy: -6, rx: 30, ry: 36, fill: skin }),
+    /* @__PURE__ */ jsxRuntime.jsx("ellipse", { cx: -12, cy: -18, rx: 8, ry: 5, fill: shade, opacity: 0.12 })
+  ] });
 };
-const HeadSquare = ({ colors, scale = 1, transform, strokeWidth = 1.6, fill, }) => {
-    // (fill destructured below)
-    const { skin, shade, stroke } = pal(colors, fill);
-    return (jsxRuntime.jsxs("g", { transform: `${transform !== null && transform !== void 0 ? transform : ''} scale(${scale})`, stroke: stroke, strokeWidth: strokeWidth, strokeLinejoin: "round", children: [jsxRuntime.jsx("path", { d: "M-26 -32 h52 v40 l-14 10 h-24 l-14 -10 z", fill: skin }), jsxRuntime.jsx("rect", { x: -10, y: -20, width: 12, height: 6, fill: shade, opacity: 0.12 })] }));
+const HeadSquare = ({
+  colors,
+  scale = 1,
+  transform,
+  strokeWidth = 1.6,
+  fill
+}) => {
+  const { skin, shade, stroke } = pal(colors, fill);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "g",
+    {
+      transform: `${transform ?? ""} scale(${scale})`,
+      stroke,
+      strokeWidth,
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M-26 -32 h52 v40 l-14 10 h-24 l-14 -10 z", fill: skin }),
+        /* @__PURE__ */ jsxRuntime.jsx("rect", { x: -10, y: -20, width: 12, height: 6, fill: shade, opacity: 0.12 })
+      ]
+    }
+  );
 };
-const HeadHeart = ({ colors, scale = 1, transform, strokeWidth = 1.6, fill, }) => {
-    // (fill destructured below)
-    const { skin, stroke } = pal(colors, fill);
-    return (jsxRuntime.jsx("g", { transform: `${transform !== null && transform !== void 0 ? transform : ''} scale(${scale})`, stroke: stroke, strokeWidth: strokeWidth, strokeLinejoin: "round", children: jsxRuntime.jsx("path", { d: "M0 -6 c14 -22,38 -10,30 14 c-6 18,-20 30,-30 34 c-10 -4,-24 -16,-30 -34 c-8 -24,16 -36,30 -14 z", fill: skin }) }));
+const HeadHeart = ({
+  colors,
+  scale = 1,
+  transform,
+  strokeWidth = 1.6,
+  fill
+}) => {
+  const { skin, stroke } = pal(colors, fill);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "g",
+    {
+      transform: `${transform ?? ""} scale(${scale})`,
+      stroke,
+      strokeWidth,
+      strokeLinejoin: "round",
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M0 -6 c14 -22,38 -10,30 14 c-6 18,-20 30,-30 34 c-10 -4,-24 -16,-30 -34 c-8 -24,16 -36,30 -14 z",
+          fill: skin
+        }
+      )
+    }
+  );
 };
-const HeadDiamond = ({ colors, scale = 1, transform, strokeWidth = 1.6, fill, }) => {
-    // (fill destructured below)
-    const { skin, stroke } = pal(colors, fill);
-    return (jsxRuntime.jsx("g", { transform: `${transform !== null && transform !== void 0 ? transform : ''} scale(${scale})`, stroke: stroke, strokeWidth: strokeWidth, strokeLinejoin: "round", children: jsxRuntime.jsx("path", { d: "M0 -44 L28 -8 L0 28 L-28 -8 Z", fill: skin }) }));
+const HeadDiamond = ({
+  colors,
+  scale = 1,
+  transform,
+  strokeWidth = 1.6,
+  fill
+}) => {
+  const { skin, stroke } = pal(colors, fill);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "g",
+    {
+      transform: `${transform ?? ""} scale(${scale})`,
+      stroke,
+      strokeWidth,
+      strokeLinejoin: "round",
+      children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M0 -44 L28 -8 L0 28 L-28 -8 Z", fill: skin })
+    }
+  );
 };
-const HeadLong = ({ colors, scale = 1, transform, strokeWidth = 1.6, fill, }) => {
-    // (fill destructured below)
-    const { skin, stroke } = pal(colors, fill);
-    return (jsxRuntime.jsx("g", { transform: `${transform !== null && transform !== void 0 ? transform : ''} scale(${scale})`, stroke: stroke, strokeWidth: strokeWidth, children: jsxRuntime.jsx("ellipse", { cx: 0, cy: -6, rx: 26, ry: 40, fill: skin }) }));
+const HeadLong = ({
+  colors,
+  scale = 1,
+  transform,
+  strokeWidth = 1.6,
+  fill
+}) => {
+  const { skin, stroke } = pal(colors, fill);
+  return /* @__PURE__ */ jsxRuntime.jsx("g", { transform: `${transform ?? ""} scale(${scale})`, stroke, strokeWidth, children: /* @__PURE__ */ jsxRuntime.jsx("ellipse", { cx: 0, cy: -6, rx: 26, ry: 40, fill: skin }) });
 };
-const HeadChubby = ({ colors, scale = 1, transform, strokeWidth = 1.6, fill, }) => {
-    // (fill destructured below)
-    const { skin, stroke } = pal(colors, fill);
-    return (jsxRuntime.jsx("g", { transform: `${transform !== null && transform !== void 0 ? transform : ''} scale(${scale})`, stroke: stroke, strokeWidth: strokeWidth, children: jsxRuntime.jsx("circle", { cx: 0, cy: -6, r: 38, fill: skin }) }));
+const HeadChubby = ({
+  colors,
+  scale = 1,
+  transform,
+  strokeWidth = 1.6,
+  fill
+}) => {
+  const { skin, stroke } = pal(colors, fill);
+  return /* @__PURE__ */ jsxRuntime.jsx("g", { transform: `${transform ?? ""} scale(${scale})`, stroke, strokeWidth, children: /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: 0, cy: -6, r: 38, fill: skin }) });
 };
 const HEAD_RENDERERS = {
-    round: HeadRound,
-    oval: HeadOval,
-    square: HeadSquare,
-    heart: HeadHeart,
-    diamond: HeadDiamond,
-    long: HeadLong,
-    chubby: HeadChubby,
-    flatTop: HeadSquare,
-    egg: HeadOval,
-    triangle: HeadDiamond,
-    hex: HeadDiamond,
-    pear: HeadOval,
-    bean: HeadRound,
-    heroJaw: HeadSquare,
+  round: HeadRound,
+  oval: HeadOval,
+  square: HeadSquare,
+  heart: HeadHeart,
+  diamond: HeadDiamond,
+  long: HeadLong,
+  chubby: HeadChubby,
+  flatTop: HeadSquare,
+  egg: HeadOval,
+  triangle: HeadDiamond,
+  hex: HeadDiamond,
+  pear: HeadOval,
+  bean: HeadRound,
+  heroJaw: HeadSquare
 };
 const NiceHead = ({ variant, ...rest }) => {
-    var _a;
-    const Comp = (_a = HEAD_RENDERERS[variant]) !== null && _a !== void 0 ? _a : HeadRound;
-    return jsxRuntime.jsx(Comp, { ...rest });
+  const Comp = HEAD_RENDERERS[variant] ?? HeadRound;
+  return /* @__PURE__ */ jsxRuntime.jsx(Comp, { ...rest });
 };
-
 exports.HEAD_RENDERERS = HEAD_RENDERERS;
 exports.HeadChubby = HeadChubby;
 exports.HeadDiamond = HeadDiamond;

package/dist/cjs/animation/shapes/headwear.js

@@ -1,54 +1,63 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var characterTypes = require('../characterTypes.js');
-
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const characterTypes = require("../characterTypes.js");
 const HeadwearNone = () => null;
 const HeadwearCap = ({ colors, scale = 1, transform }) => {
-    const base = characterTypes.pick(colors, 0, 'var(--anim-stroke, #111)');
-    return (jsxRuntime.jsx("g", { transform: `${transform !== null && transform !== void 0 ? transform : ''} scale(${scale})`, children: jsxRuntime.jsx("path", { d: "M-30 -14 q0 -18 30 -22 q30 4 30 22 h6 v6 h-72 v-6 z", fill: base }) }));
+  const base = characterTypes.pick(colors, 0, "var(--anim-stroke, #111)");
+  return /* @__PURE__ */ jsxRuntime.jsx("g", { transform: `${transform ?? ""} scale(${scale})`, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M-30 -14 q0 -18 30 -22 q30 4 30 22 h6 v6 h-72 v-6 z", fill: base }) });
 };
 const HeadwearCrown = ({ colors, scale = 1, transform }) => {
-    const base = characterTypes.pick(colors, 0, 'var(--nice-warning, #FFD700)');
-    return (jsxRuntime.jsx("g", { transform: `${transform !== null && transform !== void 0 ? transform : ''} scale(${scale})`, children: jsxRuntime.jsx("path", { d: "M-22 -30 l6 -16 l8 10 l8 -14 l8 14 l8 -10 l6 16 z", fill: base, 
-            // audit-allow: literal-color — a character-generator shape: its own drawing colour
-            stroke: "#B8860B", strokeWidth: 1.2 }) }));
+  const base = characterTypes.pick(colors, 0, "var(--nice-warning, #FFD700)");
+  return /* @__PURE__ */ jsxRuntime.jsx("g", { transform: `${transform ?? ""} scale(${scale})`, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M-22 -30 l6 -16 l8 10 l8 -14 l8 14 l8 -10 l6 16 z",
+      fill: base,
+      stroke: "#B8860B",
+      strokeWidth: 1.2
+    }
+  ) });
 };
 const HeadwearHeadphones = ({ colors, scale = 1, transform }) => {
-    const base = characterTypes.pick(colors, 0, 'var(--nice-text, #333)');
-    return (jsxRuntime.jsxs("g", { transform: `${transform !== null && transform !== void 0 ? transform : ''} scale(${scale})`, stroke: base, strokeWidth: 2.5, fill: "none", children: [jsxRuntime.jsx("path", { d: "M-30 0 q0 -40 30 -42 q30 2 30 42" }), jsxRuntime.jsx("rect", { x: -36, y: -6, width: 10, height: 16, rx: 3, fill: base }), jsxRuntime.jsx("rect", { x: 26, y: -6, width: 10, height: 16, rx: 3, fill: base })] }));
+  const base = characterTypes.pick(colors, 0, "var(--nice-text, #333)");
+  return /* @__PURE__ */ jsxRuntime.jsxs("g", { transform: `${transform ?? ""} scale(${scale})`, stroke: base, strokeWidth: 2.5, fill: "none", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M-30 0 q0 -40 30 -42 q30 2 30 42" }),
+    /* @__PURE__ */ jsxRuntime.jsx("rect", { x: -36, y: -6, width: 10, height: 16, rx: 3, fill: base }),
+    /* @__PURE__ */ jsxRuntime.jsx("rect", { x: 26, y: -6, width: 10, height: 16, rx: 3, fill: base })
+  ] });
 };
 const HeadwearBeanie = ({ colors, scale = 1, transform }) => {
-    // audit-allow: literal-color — the hat's default colour when the character sets none
-    const base = characterTypes.pick(colors, 0, '#E53E3E');
-    return (jsxRuntime.jsxs("g", { transform: `${transform !== null && transform !== void 0 ? transform : ''} scale(${scale})`, children: [jsxRuntime.jsx("path", { d: "M-28 -14 q0 -22 28 -26 q28 4 28 26 z", fill: base }), jsxRuntime.jsx("circle", { cx: 0, cy: -42, r: 6, fill: base })] }));
+  const base = characterTypes.pick(colors, 0, "#E53E3E");
+  return /* @__PURE__ */ jsxRuntime.jsxs("g", { transform: `${transform ?? ""} scale(${scale})`, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M-28 -14 q0 -22 28 -26 q28 4 28 26 z", fill: base }),
+    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: 0, cy: -42, r: 6, fill: base })
+  ] });
 };
 const HEADWEAR_RENDERERS = {
-    none: HeadwearNone,
-    cap: HeadwearCap,
-    headphones: HeadwearHeadphones,
-    hat: HeadwearCap,
-    crown: HeadwearCrown,
-    beanie: HeadwearBeanie,
-    bandana: HeadwearCap,
-    visor: HeadwearCap,
-    bow: HeadwearNone,
-    tiara: HeadwearCrown,
-    fedora: HeadwearCap,
-    beret: HeadwearBeanie,
-    headband: HeadwearNone,
-    helmet: HeadwearCap,
-    headsetMic: HeadwearHeadphones,
-    hood: HeadwearBeanie,
-    cowboy: HeadwearCap,
-    bunnyEars: HeadwearNone,
+  none: HeadwearNone,
+  cap: HeadwearCap,
+  headphones: HeadwearHeadphones,
+  hat: HeadwearCap,
+  crown: HeadwearCrown,
+  beanie: HeadwearBeanie,
+  bandana: HeadwearCap,
+  visor: HeadwearCap,
+  bow: HeadwearNone,
+  tiara: HeadwearCrown,
+  fedora: HeadwearCap,
+  beret: HeadwearBeanie,
+  headband: HeadwearNone,
+  helmet: HeadwearCap,
+  headsetMic: HeadwearHeadphones,
+  hood: HeadwearBeanie,
+  cowboy: HeadwearCap,
+  bunnyEars: HeadwearNone
 };
 const Headwear = ({ variant, ...rest }) => {
-    var _a;
-    const Comp = (_a = HEADWEAR_RENDERERS[variant]) !== null && _a !== void 0 ? _a : HeadwearNone;
-    return jsxRuntime.jsx(Comp, { ...rest });
+  const Comp = HEADWEAR_RENDERERS[variant] ?? HeadwearNone;
+  return /* @__PURE__ */ jsxRuntime.jsx(Comp, { ...rest });
 };
-
 exports.HEADWEAR_RENDERERS = HEADWEAR_RENDERERS;
 exports.Headwear = Headwear;
 exports.HeadwearBeanie = HeadwearBeanie;

package/dist/cjs/animation/shapes/legs.js

@@ -1,15 +1,33 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var characterTypes = require('../characterTypes.js');
-
-const Leg = ({ colors, side, scale = 1, transform, strokeWidth = 1.4, fill, }) => {
-    const arr = colors !== null && colors !== void 0 ? colors : [];
-    const pants = fill !== null && fill !== void 0 ? fill : characterTypes.pick(arr, 0, 'var(--anim-shirt, #3B82F6)');
-    const shoe = characterTypes.pick(arr, 1, 'var(--anim-outfit-2, #2563EB)');
-    const stroke = characterTypes.pick(arr, 2, 'var(--anim-stroke, #111)');
-    const sx = side === 'left' ? -1 : side === 'right' ? 1 : side;
-    return (jsxRuntime.jsxs("g", { transform: `${transform !== null && transform !== void 0 ? transform : ''} scale(${scale})`, stroke: stroke, strokeWidth: strokeWidth, strokeLinecap: "round", children: [jsxRuntime.jsx("line", { x1: 0, y1: 0, x2: sx * 2, y2: 28, stroke: pants, strokeWidth: strokeWidth + 2.5 }), jsxRuntime.jsx("line", { x1: sx * 2, y1: 28, x2: sx * 1, y2: 52, stroke: pants, strokeWidth: strokeWidth + 2 }), jsxRuntime.jsx("ellipse", { cx: sx * 1 + sx * 4, cy: 54, rx: 7, ry: 4, fill: shoe })] }));
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const characterTypes = require("../characterTypes.js");
+const Leg = ({
+  colors,
+  side,
+  scale = 1,
+  transform,
+  strokeWidth = 1.4,
+  fill
+}) => {
+  const arr = colors ?? [];
+  const pants = fill ?? characterTypes.pick(arr, 0, "var(--anim-shirt, #3B82F6)");
+  const shoe = characterTypes.pick(arr, 1, "var(--anim-outfit-2, #2563EB)");
+  const stroke = characterTypes.pick(arr, 2, "var(--anim-stroke, #111)");
+  const sx = side === "left" ? -1 : side === "right" ? 1 : side;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "g",
+    {
+      transform: `${transform ?? ""} scale(${scale})`,
+      stroke,
+      strokeWidth,
+      strokeLinecap: "round",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("line", { x1: 0, y1: 0, x2: sx * 2, y2: 28, stroke: pants, strokeWidth: strokeWidth + 2.5 }),
+        /* @__PURE__ */ jsxRuntime.jsx("line", { x1: sx * 2, y1: 28, x2: sx * 1, y2: 52, stroke: pants, strokeWidth: strokeWidth + 2 }),
+        /* @__PURE__ */ jsxRuntime.jsx("ellipse", { cx: sx * 1 + sx * 4, cy: 54, rx: 7, ry: 4, fill: shoe })
+      ]
+    }
+  );
 };
-
 exports.Leg = Leg;

package/dist/cjs/animation/shapes/mouths.js

@@ -1,58 +1,134 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var characterTypes = require('../characterTypes.js');
-
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const characterTypes = require("../characterTypes.js");
 function pal(c) {
-    return {
-        lip: characterTypes.pick(c !== null && c !== void 0 ? c : [], 0, 'var(--anim-lip, #E11D48)'),
-        inner: characterTypes.pick(c !== null && c !== void 0 ? c : [], 1, 'var(--anim-inner, #FEE2E2)'),
-        stroke: characterTypes.pick(c !== null && c !== void 0 ? c : [], 2, 'var(--anim-stroke, #111)'),
-    };
+  return {
+    lip: characterTypes.pick(c ?? [], 0, "var(--anim-lip, #E11D48)"),
+    inner: characterTypes.pick(c ?? [], 1, "var(--anim-inner, #FEE2E2)"),
+    stroke: characterTypes.pick(c ?? [], 2, "var(--anim-stroke, #111)")
+  };
 }
-const MouthSmile = ({ colors, y = 8, scale = 1, transform, strokeWidth = 1.6, }) => {
-    const c = pal(colors);
-    return (jsxRuntime.jsx("g", { transform: `${transform !== null && transform !== void 0 ? transform : ''} translate(0 ${y}) scale(${scale})`, stroke: c.stroke, strokeWidth: strokeWidth, strokeLinecap: "round", children: jsxRuntime.jsx("path", { d: "M-10 0 q10 12 20 0", fill: c.lip }) }));
+const MouthSmile = ({
+  colors,
+  y = 8,
+  scale = 1,
+  transform,
+  strokeWidth = 1.6
+}) => {
+  const c = pal(colors);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "g",
+    {
+      transform: `${transform ?? ""} translate(0 ${y}) scale(${scale})`,
+      stroke: c.stroke,
+      strokeWidth,
+      strokeLinecap: "round",
+      children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M-10 0 q10 12 20 0", fill: c.lip })
+    }
+  );
 };
-const MouthFrown = ({ colors, y = 8, scale = 1, transform, strokeWidth = 1.6, }) => {
-    const c = pal(colors);
-    return (jsxRuntime.jsx("g", { transform: `${transform !== null && transform !== void 0 ? transform : ''} translate(0 ${y}) scale(${scale})`, stroke: c.stroke, strokeWidth: strokeWidth, strokeLinecap: "round", children: jsxRuntime.jsx("path", { d: "M-10 4 q10 -12 20 0", fill: c.lip }) }));
+const MouthFrown = ({
+  colors,
+  y = 8,
+  scale = 1,
+  transform,
+  strokeWidth = 1.6
+}) => {
+  const c = pal(colors);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "g",
+    {
+      transform: `${transform ?? ""} translate(0 ${y}) scale(${scale})`,
+      stroke: c.stroke,
+      strokeWidth,
+      strokeLinecap: "round",
+      children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M-10 4 q10 -12 20 0", fill: c.lip })
+    }
+  );
 };
-const MouthOpen = ({ colors, y = 8, scale = 1, transform, strokeWidth = 1.4, }) => {
-    const c = pal(colors);
-    return (jsxRuntime.jsxs("g", { transform: `${transform !== null && transform !== void 0 ? transform : ''} translate(0 ${y}) scale(${scale})`, stroke: c.stroke, strokeWidth: strokeWidth, children: [jsxRuntime.jsx("ellipse", { cx: 0, cy: 2, rx: 8, ry: 6, fill: c.inner }), jsxRuntime.jsx("path", { d: "M-8 2 q8 -6 16 0", fill: c.lip })] }));
+const MouthOpen = ({
+  colors,
+  y = 8,
+  scale = 1,
+  transform,
+  strokeWidth = 1.4
+}) => {
+  const c = pal(colors);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "g",
+    {
+      transform: `${transform ?? ""} translate(0 ${y}) scale(${scale})`,
+      stroke: c.stroke,
+      strokeWidth,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("ellipse", { cx: 0, cy: 2, rx: 8, ry: 6, fill: c.inner }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M-8 2 q8 -6 16 0", fill: c.lip })
+      ]
+    }
+  );
 };
-const MouthFlat = ({ colors, y = 8, scale = 1, transform, strokeWidth = 1.6, }) => {
-    const c = pal(colors);
-    return (jsxRuntime.jsx("g", { transform: `${transform !== null && transform !== void 0 ? transform : ''} translate(0 ${y}) scale(${scale})`, stroke: c.stroke, strokeWidth: strokeWidth, strokeLinecap: "round", children: jsxRuntime.jsx("line", { x1: -8, y1: 2, x2: 8, y2: 2 }) }));
+const MouthFlat = ({
+  colors,
+  y = 8,
+  scale = 1,
+  transform,
+  strokeWidth = 1.6
+}) => {
+  const c = pal(colors);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "g",
+    {
+      transform: `${transform ?? ""} translate(0 ${y}) scale(${scale})`,
+      stroke: c.stroke,
+      strokeWidth,
+      strokeLinecap: "round",
+      children: /* @__PURE__ */ jsxRuntime.jsx("line", { x1: -8, y1: 2, x2: 8, y2: 2 })
+    }
+  );
 };
-const MouthGrin = ({ colors, y = 8, scale = 1, transform, strokeWidth = 1.4, }) => {
-    const c = pal(colors);
-    return (jsxRuntime.jsxs("g", { transform: `${transform !== null && transform !== void 0 ? transform : ''} translate(0 ${y}) scale(${scale})`, stroke: c.stroke, strokeWidth: strokeWidth, children: [jsxRuntime.jsx("path", { d: "M-12 0 q12 16 24 0", fill: c.lip }), jsxRuntime.jsx("path", { d: "M-8 2 h16", stroke: c.inner, strokeWidth: 1 })] }));
+const MouthGrin = ({
+  colors,
+  y = 8,
+  scale = 1,
+  transform,
+  strokeWidth = 1.4
+}) => {
+  const c = pal(colors);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "g",
+    {
+      transform: `${transform ?? ""} translate(0 ${y}) scale(${scale})`,
+      stroke: c.stroke,
+      strokeWidth,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M-12 0 q12 16 24 0", fill: c.lip }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M-8 2 h16", stroke: c.inner, strokeWidth: 1 })
+      ]
+    }
+  );
 };
 const MOUTH_RENDERERS = {
-    smile: MouthSmile,
-    frown: MouthFrown,
-    open: MouthOpen,
-    flat: MouthFlat,
-    o: MouthOpen,
-    grin: MouthGrin,
-    teeth: MouthGrin,
-    smirk: MouthSmile,
-    wow: MouthOpen,
-    tongue: MouthOpen,
-    laugh: MouthGrin,
-    sad: MouthFrown,
-    angry: MouthFrown,
-    kiss: MouthOpen,
-    grimace: MouthFlat,
+  smile: MouthSmile,
+  frown: MouthFrown,
+  open: MouthOpen,
+  flat: MouthFlat,
+  o: MouthOpen,
+  grin: MouthGrin,
+  teeth: MouthGrin,
+  smirk: MouthSmile,
+  wow: MouthOpen,
+  tongue: MouthOpen,
+  laugh: MouthGrin,
+  sad: MouthFrown,
+  angry: MouthFrown,
+  kiss: MouthOpen,
+  grimace: MouthFlat
 };
 const Mouth = ({ variant, ...rest }) => {
-    var _a;
-    const Comp = (_a = MOUTH_RENDERERS[variant]) !== null && _a !== void 0 ? _a : MouthSmile;
-    return jsxRuntime.jsx(Comp, { ...rest });
+  const Comp = MOUTH_RENDERERS[variant] ?? MouthSmile;
+  return /* @__PURE__ */ jsxRuntime.jsx(Comp, { ...rest });
 };
-
 exports.MOUTH_RENDERERS = MOUTH_RENDERERS;
 exports.Mouth = Mouth;
 exports.MouthFlat = MouthFlat;

package/dist/cjs/animation/shapes/noses.js

@@ -1,35 +1,90 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var characterTypes = require('../characterTypes.js');
-
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const characterTypes = require("../characterTypes.js");
 function s(c) {
-    return characterTypes.pick(c !== null && c !== void 0 ? c : [], 0, 'var(--anim-stroke, #111)');
+  return characterTypes.pick(c ?? [], 0, "var(--anim-stroke, #111)");
 }
-const NoseLine = ({ colors, y = 0, scale = 1, transform, strokeWidth = 1.6, }) => (jsxRuntime.jsx("g", { transform: `${transform !== null && transform !== void 0 ? transform : ''} translate(0 ${y}) scale(${scale})`, stroke: s(colors), strokeWidth: strokeWidth, strokeLinecap: "round", children: jsxRuntime.jsx("path", { d: "M0 -4 q-2 4 0 8", fill: "none" }) }));
-const NoseTriangle = ({ colors, y = 0, scale = 1, transform, strokeWidth = 1.4, }) => (jsxRuntime.jsx("g", { transform: `${transform !== null && transform !== void 0 ? transform : ''} translate(0 ${y}) scale(${scale})`, stroke: s(colors), strokeWidth: strokeWidth, strokeLinejoin: "round", children: jsxRuntime.jsx("path", { d: "M0 -6 l6 8 h-12 z", fill: "none" }) }));
-const NoseRound = ({ colors, y = 0, scale = 1, transform, strokeWidth = 1.4, }) => (jsxRuntime.jsx("g", { transform: `${transform !== null && transform !== void 0 ? transform : ''} translate(0 ${y}) scale(${scale})`, stroke: s(colors), strokeWidth: strokeWidth, children: jsxRuntime.jsx("circle", { cx: 0, cy: 0, r: 4, fill: "none" }) }));
-const NoseButton = ({ colors, y = 0, scale = 1, transform, strokeWidth = 1.4, }) => (jsxRuntime.jsx("g", { transform: `${transform !== null && transform !== void 0 ? transform : ''} translate(0 ${y}) scale(${scale})`, stroke: s(colors), strokeWidth: strokeWidth, children: jsxRuntime.jsx("circle", { cx: 0, cy: 0, r: 3, fill: s(colors), opacity: 0.2 }) }));
+const NoseLine = ({
+  colors,
+  y = 0,
+  scale = 1,
+  transform,
+  strokeWidth = 1.6
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  "g",
+  {
+    transform: `${transform ?? ""} translate(0 ${y}) scale(${scale})`,
+    stroke: s(colors),
+    strokeWidth,
+    strokeLinecap: "round",
+    children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M0 -4 q-2 4 0 8", fill: "none" })
+  }
+);
+const NoseTriangle = ({
+  colors,
+  y = 0,
+  scale = 1,
+  transform,
+  strokeWidth = 1.4
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  "g",
+  {
+    transform: `${transform ?? ""} translate(0 ${y}) scale(${scale})`,
+    stroke: s(colors),
+    strokeWidth,
+    strokeLinejoin: "round",
+    children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M0 -6 l6 8 h-12 z", fill: "none" })
+  }
+);
+const NoseRound = ({
+  colors,
+  y = 0,
+  scale = 1,
+  transform,
+  strokeWidth = 1.4
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  "g",
+  {
+    transform: `${transform ?? ""} translate(0 ${y}) scale(${scale})`,
+    stroke: s(colors),
+    strokeWidth,
+    children: /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: 0, cy: 0, r: 4, fill: "none" })
+  }
+);
+const NoseButton = ({
+  colors,
+  y = 0,
+  scale = 1,
+  transform,
+  strokeWidth = 1.4
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  "g",
+  {
+    transform: `${transform ?? ""} translate(0 ${y}) scale(${scale})`,
+    stroke: s(colors),
+    strokeWidth,
+    children: /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: 0, cy: 0, r: 3, fill: s(colors), opacity: 0.2 })
+  }
+);
 const NoseNone = () => null;
 const NOSE_RENDERERS = {
-    line: NoseLine,
-    triangle: NoseTriangle,
-    round: NoseRound,
-    button: NoseButton,
-    hook: NoseLine,
-    flat: NoseLine,
-    wide: NoseTriangle,
-    tiny: NoseButton,
-    pointy: NoseTriangle,
-    roman: NoseLine,
-    none: NoseNone,
+  line: NoseLine,
+  triangle: NoseTriangle,
+  round: NoseRound,
+  button: NoseButton,
+  hook: NoseLine,
+  flat: NoseLine,
+  wide: NoseTriangle,
+  tiny: NoseButton,
+  pointy: NoseTriangle,
+  roman: NoseLine,
+  none: NoseNone
 };
 const Nose = ({ variant, ...rest }) => {
-    var _a;
-    const Comp = (_a = NOSE_RENDERERS[variant]) !== null && _a !== void 0 ? _a : NoseLine;
-    return jsxRuntime.jsx(Comp, { ...rest });
+  const Comp = NOSE_RENDERERS[variant] ?? NoseLine;
+  return /* @__PURE__ */ jsxRuntime.jsx(Comp, { ...rest });
 };
-
 exports.NOSE_RENDERERS = NOSE_RENDERERS;
 exports.Nose = Nose;
 exports.NoseButton = NoseButton;