@nice2dev/ui-graphics 1.3.15 → 1.3.17

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

@@ -1,69 +1,153 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { pick } from '../characterTypes.js';
-
+import { jsxs, jsx } from "react/jsx-runtime";
+import { pick } from "../characterTypes.js";
 function pal(c, fill) {
-    const arr = c !== null && c !== void 0 ? c : [];
-    return {
-        skin: fill !== null && fill !== void 0 ? fill : pick(arr, 0, 'var(--anim-skin, #FFD2B3)'),
-        shade: pick(arr, 1, 'var(--anim-skin-shade, #F2C4A9)'),
-        stroke: pick(arr, 2, 'var(--anim-stroke, #111)'),
-    };
+  const arr = c ?? [];
+  return {
+    skin: fill ?? pick(arr, 0, "var(--anim-skin, #FFD2B3)"),
+    shade: pick(arr, 1, "var(--anim-skin-shade, #F2C4A9)"),
+    stroke: 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 (jsxs("g", { transform: `${transform !== null && transform !== void 0 ? transform : ''} scale(${scale})`, stroke: stroke, strokeWidth: strokeWidth, children: [jsx("circle", { cx: 0, cy: -8, r: 34, fill: skin }), 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__ */ jsxs("g", { transform: `${transform ?? ""} scale(${scale})`, stroke, strokeWidth, children: [
+    /* @__PURE__ */ jsx("circle", { cx: 0, cy: -8, r: 34, fill: skin }),
+    /* @__PURE__ */ 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 (jsxs("g", { transform: `${transform !== null && transform !== void 0 ? transform : ''} scale(${scale})`, stroke: stroke, strokeWidth: strokeWidth, children: [jsx("ellipse", { cx: 0, cy: -6, rx: 30, ry: 36, fill: skin }), 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__ */ jsxs("g", { transform: `${transform ?? ""} scale(${scale})`, stroke, strokeWidth, children: [
+    /* @__PURE__ */ jsx("ellipse", { cx: 0, cy: -6, rx: 30, ry: 36, fill: skin }),
+    /* @__PURE__ */ 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 (jsxs("g", { transform: `${transform !== null && transform !== void 0 ? transform : ''} scale(${scale})`, stroke: stroke, strokeWidth: strokeWidth, strokeLinejoin: "round", children: [jsx("path", { d: "M-26 -32 h52 v40 l-14 10 h-24 l-14 -10 z", fill: skin }), 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__ */ jsxs(
+    "g",
+    {
+      transform: `${transform ?? ""} scale(${scale})`,
+      stroke,
+      strokeWidth,
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ jsx("path", { d: "M-26 -32 h52 v40 l-14 10 h-24 l-14 -10 z", fill: skin }),
+        /* @__PURE__ */ 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 (jsx("g", { transform: `${transform !== null && transform !== void 0 ? transform : ''} scale(${scale})`, stroke: stroke, strokeWidth: strokeWidth, strokeLinejoin: "round", children: 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__ */ jsx(
+    "g",
+    {
+      transform: `${transform ?? ""} scale(${scale})`,
+      stroke,
+      strokeWidth,
+      strokeLinejoin: "round",
+      children: /* @__PURE__ */ 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 (jsx("g", { transform: `${transform !== null && transform !== void 0 ? transform : ''} scale(${scale})`, stroke: stroke, strokeWidth: strokeWidth, strokeLinejoin: "round", children: 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__ */ jsx(
+    "g",
+    {
+      transform: `${transform ?? ""} scale(${scale})`,
+      stroke,
+      strokeWidth,
+      strokeLinejoin: "round",
+      children: /* @__PURE__ */ 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 (jsx("g", { transform: `${transform !== null && transform !== void 0 ? transform : ''} scale(${scale})`, stroke: stroke, strokeWidth: strokeWidth, children: 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__ */ jsx("g", { transform: `${transform ?? ""} scale(${scale})`, stroke, strokeWidth, children: /* @__PURE__ */ 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 (jsx("g", { transform: `${transform !== null && transform !== void 0 ? transform : ''} scale(${scale})`, stroke: stroke, strokeWidth: strokeWidth, children: 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__ */ jsx("g", { transform: `${transform ?? ""} scale(${scale})`, stroke, strokeWidth, children: /* @__PURE__ */ 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 jsx(Comp, { ...rest });
+  const Comp = HEAD_RENDERERS[variant] ?? HeadRound;
+  return /* @__PURE__ */ jsx(Comp, { ...rest });
+};
+export {
+  HEAD_RENDERERS,
+  HeadChubby,
+  HeadDiamond,
+  HeadHeart,
+  HeadLong,
+  HeadOval,
+  HeadRound,
+  HeadSquare,
+  NiceHead
 };
-
-export { HEAD_RENDERERS, HeadChubby, HeadDiamond, HeadHeart, HeadLong, HeadOval, HeadRound, HeadSquare, NiceHead };

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

@@ -1,50 +1,67 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { pick } from '../characterTypes.js';
-
+import { jsx, jsxs } from "react/jsx-runtime";
+import { pick } from "../characterTypes.js";
 const HeadwearNone = () => null;
 const HeadwearCap = ({ colors, scale = 1, transform }) => {
-    const base = pick(colors, 0, 'var(--anim-stroke, #111)');
-    return (jsx("g", { transform: `${transform !== null && transform !== void 0 ? transform : ''} scale(${scale})`, children: 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 = pick(colors, 0, "var(--anim-stroke, #111)");
+  return /* @__PURE__ */ jsx("g", { transform: `${transform ?? ""} scale(${scale})`, children: /* @__PURE__ */ 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 = pick(colors, 0, 'var(--nice-warning, #FFD700)');
-    return (jsx("g", { transform: `${transform !== null && transform !== void 0 ? transform : ''} scale(${scale})`, children: 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 = pick(colors, 0, "var(--nice-warning, #FFD700)");
+  return /* @__PURE__ */ jsx("g", { transform: `${transform ?? ""} scale(${scale})`, children: /* @__PURE__ */ 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 = pick(colors, 0, 'var(--nice-text, #333)');
-    return (jsxs("g", { transform: `${transform !== null && transform !== void 0 ? transform : ''} scale(${scale})`, stroke: base, strokeWidth: 2.5, fill: "none", children: [jsx("path", { d: "M-30 0 q0 -40 30 -42 q30 2 30 42" }), jsx("rect", { x: -36, y: -6, width: 10, height: 16, rx: 3, fill: base }), jsx("rect", { x: 26, y: -6, width: 10, height: 16, rx: 3, fill: base })] }));
+  const base = pick(colors, 0, "var(--nice-text, #333)");
+  return /* @__PURE__ */ jsxs("g", { transform: `${transform ?? ""} scale(${scale})`, stroke: base, strokeWidth: 2.5, fill: "none", children: [
+    /* @__PURE__ */ jsx("path", { d: "M-30 0 q0 -40 30 -42 q30 2 30 42" }),
+    /* @__PURE__ */ jsx("rect", { x: -36, y: -6, width: 10, height: 16, rx: 3, fill: base }),
+    /* @__PURE__ */ 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 = pick(colors, 0, '#E53E3E');
-    return (jsxs("g", { transform: `${transform !== null && transform !== void 0 ? transform : ''} scale(${scale})`, children: [jsx("path", { d: "M-28 -14 q0 -22 28 -26 q28 4 28 26 z", fill: base }), jsx("circle", { cx: 0, cy: -42, r: 6, fill: base })] }));
+  const base = pick(colors, 0, "#E53E3E");
+  return /* @__PURE__ */ jsxs("g", { transform: `${transform ?? ""} scale(${scale})`, children: [
+    /* @__PURE__ */ jsx("path", { d: "M-28 -14 q0 -22 28 -26 q28 4 28 26 z", fill: base }),
+    /* @__PURE__ */ 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 jsx(Comp, { ...rest });
+  const Comp = HEADWEAR_RENDERERS[variant] ?? HeadwearNone;
+  return /* @__PURE__ */ jsx(Comp, { ...rest });
+};
+export {
+  HEADWEAR_RENDERERS,
+  Headwear,
+  HeadwearBeanie,
+  HeadwearCap,
+  HeadwearCrown,
+  HeadwearHeadphones,
+  HeadwearNone
 };
-
-export { HEADWEAR_RENDERERS, Headwear, HeadwearBeanie, HeadwearCap, HeadwearCrown, HeadwearHeadphones, HeadwearNone };

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

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

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

@@ -1,54 +1,138 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { pick } from '../characterTypes.js';
-
+import { jsx, jsxs } from "react/jsx-runtime";
+import { pick } from "../characterTypes.js";
 function pal(c) {
-    return {
-        lip: pick(c !== null && c !== void 0 ? c : [], 0, 'var(--anim-lip, #E11D48)'),
-        inner: pick(c !== null && c !== void 0 ? c : [], 1, 'var(--anim-inner, #FEE2E2)'),
-        stroke: pick(c !== null && c !== void 0 ? c : [], 2, 'var(--anim-stroke, #111)'),
-    };
+  return {
+    lip: pick(c ?? [], 0, "var(--anim-lip, #E11D48)"),
+    inner: pick(c ?? [], 1, "var(--anim-inner, #FEE2E2)"),
+    stroke: pick(c ?? [], 2, "var(--anim-stroke, #111)")
+  };
 }
-const MouthSmile = ({ colors, y = 8, scale = 1, transform, strokeWidth = 1.6, }) => {
-    const c = pal(colors);
-    return (jsx("g", { transform: `${transform !== null && transform !== void 0 ? transform : ''} translate(0 ${y}) scale(${scale})`, stroke: c.stroke, strokeWidth: strokeWidth, strokeLinecap: "round", children: 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__ */ jsx(
+    "g",
+    {
+      transform: `${transform ?? ""} translate(0 ${y}) scale(${scale})`,
+      stroke: c.stroke,
+      strokeWidth,
+      strokeLinecap: "round",
+      children: /* @__PURE__ */ 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 (jsx("g", { transform: `${transform !== null && transform !== void 0 ? transform : ''} translate(0 ${y}) scale(${scale})`, stroke: c.stroke, strokeWidth: strokeWidth, strokeLinecap: "round", children: 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__ */ jsx(
+    "g",
+    {
+      transform: `${transform ?? ""} translate(0 ${y}) scale(${scale})`,
+      stroke: c.stroke,
+      strokeWidth,
+      strokeLinecap: "round",
+      children: /* @__PURE__ */ 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 (jsxs("g", { transform: `${transform !== null && transform !== void 0 ? transform : ''} translate(0 ${y}) scale(${scale})`, stroke: c.stroke, strokeWidth: strokeWidth, children: [jsx("ellipse", { cx: 0, cy: 2, rx: 8, ry: 6, fill: c.inner }), 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__ */ jsxs(
+    "g",
+    {
+      transform: `${transform ?? ""} translate(0 ${y}) scale(${scale})`,
+      stroke: c.stroke,
+      strokeWidth,
+      children: [
+        /* @__PURE__ */ jsx("ellipse", { cx: 0, cy: 2, rx: 8, ry: 6, fill: c.inner }),
+        /* @__PURE__ */ 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 (jsx("g", { transform: `${transform !== null && transform !== void 0 ? transform : ''} translate(0 ${y}) scale(${scale})`, stroke: c.stroke, strokeWidth: strokeWidth, strokeLinecap: "round", children: 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__ */ jsx(
+    "g",
+    {
+      transform: `${transform ?? ""} translate(0 ${y}) scale(${scale})`,
+      stroke: c.stroke,
+      strokeWidth,
+      strokeLinecap: "round",
+      children: /* @__PURE__ */ 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 (jsxs("g", { transform: `${transform !== null && transform !== void 0 ? transform : ''} translate(0 ${y}) scale(${scale})`, stroke: c.stroke, strokeWidth: strokeWidth, children: [jsx("path", { d: "M-12 0 q12 16 24 0", fill: c.lip }), 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__ */ jsxs(
+    "g",
+    {
+      transform: `${transform ?? ""} translate(0 ${y}) scale(${scale})`,
+      stroke: c.stroke,
+      strokeWidth,
+      children: [
+        /* @__PURE__ */ jsx("path", { d: "M-12 0 q12 16 24 0", fill: c.lip }),
+        /* @__PURE__ */ 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 jsx(Comp, { ...rest });
+  const Comp = MOUTH_RENDERERS[variant] ?? MouthSmile;
+  return /* @__PURE__ */ jsx(Comp, { ...rest });
+};
+export {
+  MOUTH_RENDERERS,
+  Mouth,
+  MouthFlat,
+  MouthFrown,
+  MouthGrin,
+  MouthOpen,
+  MouthSmile
 };
-
-export { MOUTH_RENDERERS, Mouth, MouthFlat, MouthFrown, MouthGrin, MouthOpen, MouthSmile };