@nice2dev/ui-graphics 1.3.15 → 1.3.17

package/dist/esm/animation/rig/rigTypes.js

@@ -1,68 +1,68 @@
-/** Ordered list for safe FK traversal. */
 const BONE_ORDER = [
-    'root',
-    'pelvis',
-    'spineLower',
-    'spineUpper',
-    'neck',
-    'head',
-    'lShoulder',
-    'lUpperArm',
-    'lForearm',
-    'lHand',
-    'rShoulder',
-    'rUpperArm',
-    'rForearm',
-    'rHand',
-    'lThigh',
-    'lShin',
-    'lFoot',
-    'rThigh',
-    'rShin',
-    'rFoot',
+  "root",
+  "pelvis",
+  "spineLower",
+  "spineUpper",
+  "neck",
+  "head",
+  "lShoulder",
+  "lUpperArm",
+  "lForearm",
+  "lHand",
+  "rShoulder",
+  "rUpperArm",
+  "rForearm",
+  "rHand",
+  "lThigh",
+  "lShin",
+  "lFoot",
+  "rThigh",
+  "rShin",
+  "rFoot"
 ];
-/** Default humanoid rig (proportions tuned for ~180px height). */
 const DEFAULT_RIG = {
-    root: { parent: undefined, length: 0, offset: [0.5, 0.58] },
-    pelvis: { parent: 'root', length: 0.02, offset: [0, 0] },
-    spineLower: { parent: 'pelvis', length: 0.1, offset: [0, -0.02] },
-    spineUpper: { parent: 'spineLower', length: 0.1, offset: [0, -0.02] },
-    neck: { parent: 'spineUpper', length: 0.04, offset: [0, -0.01] },
-    head: { parent: 'neck', length: 0.09, offset: [0, -0.01] },
-    lShoulder: { parent: 'spineUpper', length: 0, offset: [-0.11, 0] },
-    lUpperArm: { parent: 'lShoulder', length: 0.12 },
-    lForearm: { parent: 'lUpperArm', length: 0.12 },
-    lHand: { parent: 'lForearm', length: 0.05 },
-    rShoulder: { parent: 'spineUpper', length: 0, offset: [0.11, 0] },
-    rUpperArm: { parent: 'rShoulder', length: 0.12 },
-    rForearm: { parent: 'rUpperArm', length: 0.12 },
-    rHand: { parent: 'rForearm', length: 0.05 },
-    lThigh: { parent: 'pelvis', length: 0.15, offset: [-0.05, 0.02] },
-    lShin: { parent: 'lThigh', length: 0.15 },
-    lFoot: { parent: 'lShin', length: 0.06 },
-    rThigh: { parent: 'pelvis', length: 0.15, offset: [0.05, 0.02] },
-    rShin: { parent: 'rThigh', length: 0.15 },
-    rFoot: { parent: 'rShin', length: 0.06 },
+  root: { parent: void 0, length: 0, offset: [0.5, 0.58] },
+  pelvis: { parent: "root", length: 0.02, offset: [0, 0] },
+  spineLower: { parent: "pelvis", length: 0.1, offset: [0, -0.02] },
+  spineUpper: { parent: "spineLower", length: 0.1, offset: [0, -0.02] },
+  neck: { parent: "spineUpper", length: 0.04, offset: [0, -0.01] },
+  head: { parent: "neck", length: 0.09, offset: [0, -0.01] },
+  lShoulder: { parent: "spineUpper", length: 0, offset: [-0.11, 0] },
+  lUpperArm: { parent: "lShoulder", length: 0.12 },
+  lForearm: { parent: "lUpperArm", length: 0.12 },
+  lHand: { parent: "lForearm", length: 0.05 },
+  rShoulder: { parent: "spineUpper", length: 0, offset: [0.11, 0] },
+  rUpperArm: { parent: "rShoulder", length: 0.12 },
+  rForearm: { parent: "rUpperArm", length: 0.12 },
+  rHand: { parent: "rForearm", length: 0.05 },
+  lThigh: { parent: "pelvis", length: 0.15, offset: [-0.05, 0.02] },
+  lShin: { parent: "lThigh", length: 0.15 },
+  lFoot: { parent: "lShin", length: 0.06 },
+  rThigh: { parent: "pelvis", length: 0.15, offset: [0.05, 0.02] },
+  rShin: { parent: "rThigh", length: 0.15 },
+  rFoot: { parent: "rShin", length: 0.06 }
 };
-/** Neutral standing pose (deg). */
 const DEFAULT_POSE = {
-    pelvis: 90,
-    spineLower: 90,
-    spineUpper: 90,
-    neck: 80,
-    head: 70,
-    lUpperArm: 140,
-    lForearm: 160,
-    lHand: 150,
-    rUpperArm: 40,
-    rForearm: 20,
-    rHand: 30,
-    lThigh: 100,
-    lShin: 95,
-    lFoot: 0,
-    rThigh: 80,
-    rShin: 85,
-    rFoot: 0,
+  pelvis: 90,
+  spineLower: 90,
+  spineUpper: 90,
+  neck: 80,
+  head: 70,
+  lUpperArm: 140,
+  lForearm: 160,
+  lHand: 150,
+  rUpperArm: 40,
+  rForearm: 20,
+  rHand: 30,
+  lThigh: 100,
+  lShin: 95,
+  lFoot: 0,
+  rThigh: 80,
+  rShin: 85,
+  rFoot: 0
+};
+export {
+  BONE_ORDER,
+  DEFAULT_POSE,
+  DEFAULT_RIG
 };
-
-export { BONE_ORDER, DEFAULT_POSE, DEFAULT_RIG };

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

@@ -1,13 +1,33 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { pick } from '../characterTypes.js';
-
-const Arm = ({ colors, side, scale = 1, transform, strokeWidth = 1.4, fill, }) => {
-    const arr = colors !== null && colors !== void 0 ? colors : [];
-    const skin = fill !== null && fill !== void 0 ? fill : pick(arr, 0, 'var(--anim-skin, #FFD2B3)');
-    const cloth = pick(arr, 1, 'var(--anim-shirt, #3B82F6)');
-    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 * 4, y2: 22, stroke: cloth, strokeWidth: strokeWidth + 2 }), jsx("line", { x1: sx * 4, y1: 22, x2: sx * 2, y2: 44, stroke: skin, strokeWidth: strokeWidth + 1 }), jsx("circle", { cx: sx * 2, cy: 46, r: 3.5, fill: skin })] }));
+import { jsxs, jsx } from "react/jsx-runtime";
+import { pick } from "../characterTypes.js";
+const Arm = ({
+  colors,
+  side,
+  scale = 1,
+  transform,
+  strokeWidth = 1.4,
+  fill
+}) => {
+  const arr = colors ?? [];
+  const skin = fill ?? pick(arr, 0, "var(--anim-skin, #FFD2B3)");
+  const cloth = pick(arr, 1, "var(--anim-shirt, #3B82F6)");
+  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 * 4, y2: 22, stroke: cloth, strokeWidth: strokeWidth + 2 }),
+        /* @__PURE__ */ jsx("line", { x1: sx * 4, y1: 22, x2: sx * 2, y2: 44, stroke: skin, strokeWidth: strokeWidth + 1 }),
+        /* @__PURE__ */ jsx("circle", { cx: sx * 2, cy: 46, r: 3.5, fill: skin })
+      ]
+    }
+  );
+};
+export {
+  Arm
 };
-
-export { Arm };

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

@@ -1,57 +1,146 @@
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { pick } from '../characterTypes.js';
-
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { pick } from "../characterTypes.js";
 function pal(c) {
-    return {
-        sclera: pick(c !== null && c !== void 0 ? c : [], 0, 'var(--white, #FFFFFF)'),
-        iris: pick(c !== null && c !== void 0 ? c : [], 1, 'var(--anim-eye-iris, #2563EB)'),
-        pupil: pick(c !== null && c !== void 0 ? c : [], 2, 'var(--anim-stroke, #111)'),
-        highlight: pick(c !== null && c !== void 0 ? c : [], 3, 'var(--white, #FFF)'),
-    };
+  return {
+    sclera: pick(c ?? [], 0, "var(--white, #FFFFFF)"),
+    iris: pick(c ?? [], 1, "var(--anim-eye-iris, #2563EB)"),
+    pupil: pick(c ?? [], 2, "var(--anim-stroke, #111)"),
+    highlight: pick(c ?? [], 3, "var(--white, #FFF)")
+  };
 }
-function RoundEye({ x, y, rS, rI, rP, c, }) {
-    return (jsxs("g", { transform: `translate(${x} ${y})`, children: [jsx("circle", { r: rS, fill: c.sclera }), jsx("circle", { r: rI, fill: c.iris }), jsx("circle", { r: rP, fill: c.pupil }), jsx("circle", { cx: -rI * 0.3, cy: -rI * 0.3, r: rI * 0.25, fill: c.highlight, opacity: 0.9 })] }));
+function RoundEye({
+  x,
+  y,
+  rS,
+  rI,
+  rP,
+  c
+}) {
+  return /* @__PURE__ */ jsxs("g", { transform: `translate(${x} ${y})`, children: [
+    /* @__PURE__ */ jsx("circle", { r: rS, fill: c.sclera }),
+    /* @__PURE__ */ jsx("circle", { r: rI, fill: c.iris }),
+    /* @__PURE__ */ jsx("circle", { r: rP, fill: c.pupil }),
+    /* @__PURE__ */ jsx("circle", { cx: -rI * 0.3, cy: -rI * 0.3, r: rI * 0.25, fill: c.highlight, opacity: 0.9 })
+  ] });
 }
-const EyesClassic = ({ colors, spread = 16, y = -6, scale = 1, transform, eyebrows = true, }) => {
-    const c = pal(colors);
-    return (jsxs("g", { transform: `${transform !== null && transform !== void 0 ? transform : ''} scale(${scale})`, stroke: c.pupil, strokeWidth: 1.2, strokeLinecap: "round", children: [jsx(RoundEye, { x: -spread, y: y, rS: 7, rI: 4.5, rP: 2.2, c: c }), jsx(RoundEye, { x: spread, y: y, rS: 7, rI: 4.5, rP: 2.2, c: c }), eyebrows && (jsxs(Fragment, { children: [jsx("path", { d: `M${-spread - 8} ${y - 8} q8 -6 16 0`, fill: "none" }), jsx("path", { d: `M${spread - 8} ${y - 8} q8 -6 16 0`, fill: "none" })] }))] }));
+const EyesClassic = ({
+  colors,
+  spread = 16,
+  y = -6,
+  scale = 1,
+  transform,
+  eyebrows = true
+}) => {
+  const c = pal(colors);
+  return /* @__PURE__ */ jsxs(
+    "g",
+    {
+      transform: `${transform ?? ""} scale(${scale})`,
+      stroke: c.pupil,
+      strokeWidth: 1.2,
+      strokeLinecap: "round",
+      children: [
+        /* @__PURE__ */ jsx(RoundEye, { x: -spread, y, rS: 7, rI: 4.5, rP: 2.2, c }),
+        /* @__PURE__ */ jsx(RoundEye, { x: spread, y, rS: 7, rI: 4.5, rP: 2.2, c }),
+        eyebrows && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("path", { d: `M${-spread - 8} ${y - 8} q8 -6 16 0`, fill: "none" }),
+          /* @__PURE__ */ jsx("path", { d: `M${spread - 8} ${y - 8} q8 -6 16 0`, fill: "none" })
+        ] })
+      ]
+    }
+  );
 };
-const EyesAnime = ({ colors, spread = 18, y = -6, scale = 1, transform, eyebrows = true, }) => {
-    const c = pal(colors);
-    return (jsxs("g", { transform: `${transform !== null && transform !== void 0 ? transform : ''} scale(${scale})`, stroke: c.pupil, strokeWidth: 1.2, children: [jsx(RoundEye, { x: -spread, y: y, rS: 10, rI: 7, rP: 3.5, c: c }), jsx(RoundEye, { x: spread, y: y, rS: 10, rI: 7, rP: 3.5, c: c }), eyebrows && (jsxs(Fragment, { children: [jsx("path", { d: `M${-spread - 10} ${y - 12} q10 -5 20 0`, fill: "none" }), jsx("path", { d: `M${spread - 10} ${y - 12} q10 -5 20 0`, fill: "none" })] }))] }));
+const EyesAnime = ({
+  colors,
+  spread = 18,
+  y = -6,
+  scale = 1,
+  transform,
+  eyebrows = true
+}) => {
+  const c = pal(colors);
+  return /* @__PURE__ */ jsxs("g", { transform: `${transform ?? ""} scale(${scale})`, stroke: c.pupil, strokeWidth: 1.2, children: [
+    /* @__PURE__ */ jsx(RoundEye, { x: -spread, y, rS: 10, rI: 7, rP: 3.5, c }),
+    /* @__PURE__ */ jsx(RoundEye, { x: spread, y, rS: 10, rI: 7, rP: 3.5, c }),
+    eyebrows && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: `M${-spread - 10} ${y - 12} q10 -5 20 0`, fill: "none" }),
+      /* @__PURE__ */ jsx("path", { d: `M${spread - 10} ${y - 12} q10 -5 20 0`, fill: "none" })
+    ] })
+  ] });
 };
-const EyesSleepy = ({ colors, spread = 16, y = -6, scale = 1, transform, }) => {
-    const c = pal(colors);
-    return (jsxs("g", { transform: `${transform !== null && transform !== void 0 ? transform : ''} scale(${scale})`, stroke: c.pupil, strokeWidth: 1.6, strokeLinecap: "round", children: [jsx("line", { x1: -spread - 6, y1: y, x2: -spread + 6, y2: y }), jsx("line", { x1: spread - 6, y1: y, x2: spread + 6, y2: y })] }));
+const EyesSleepy = ({
+  colors,
+  spread = 16,
+  y = -6,
+  scale = 1,
+  transform
+}) => {
+  const c = pal(colors);
+  return /* @__PURE__ */ jsxs(
+    "g",
+    {
+      transform: `${transform ?? ""} scale(${scale})`,
+      stroke: c.pupil,
+      strokeWidth: 1.6,
+      strokeLinecap: "round",
+      children: [
+        /* @__PURE__ */ jsx("line", { x1: -spread - 6, y1: y, x2: -spread + 6, y2: y }),
+        /* @__PURE__ */ jsx("line", { x1: spread - 6, y1: y, x2: spread + 6, y2: y })
+      ]
+    }
+  );
 };
-const EyesSmile = ({ colors, spread = 16, y = -6, scale = 1, transform, }) => {
-    const c = pal(colors);
-    return (jsxs("g", { transform: `${transform !== null && transform !== void 0 ? transform : ''} scale(${scale})`, stroke: c.pupil, strokeWidth: 1.6, strokeLinecap: "round", children: [jsx("path", { d: `M${-spread - 6} ${y + 2} q6 -8 12 0`, fill: "none" }), jsx("path", { d: `M${spread - 6} ${y + 2} q6 -8 12 0`, fill: "none" })] }));
+const EyesSmile = ({
+  colors,
+  spread = 16,
+  y = -6,
+  scale = 1,
+  transform
+}) => {
+  const c = pal(colors);
+  return /* @__PURE__ */ jsxs(
+    "g",
+    {
+      transform: `${transform ?? ""} scale(${scale})`,
+      stroke: c.pupil,
+      strokeWidth: 1.6,
+      strokeLinecap: "round",
+      children: [
+        /* @__PURE__ */ jsx("path", { d: `M${-spread - 6} ${y + 2} q6 -8 12 0`, fill: "none" }),
+        /* @__PURE__ */ jsx("path", { d: `M${spread - 6} ${y + 2} q6 -8 12 0`, fill: "none" })
+      ]
+    }
+  );
 };
 const EYES_RENDERERS = {
-    classic: EyesClassic,
-    big: EyesAnime,
-    anime: EyesAnime,
-    sleepy: EyesSleepy,
-    angry: EyesSleepy,
-    surprised: EyesAnime,
-    winkLeft: EyesSleepy,
-    winkRight: EyesSleepy,
-    smile: EyesSmile,
-    oval: EyesClassic,
-    upturned: EyesClassic,
-    downturned: EyesSleepy,
-    lashes: EyesClassic,
-    sparkle: EyesAnime,
-    heart: EyesAnime,
-    star: EyesAnime,
-    sad: EyesSleepy,
-    focused: EyesClassic,
+  classic: EyesClassic,
+  big: EyesAnime,
+  anime: EyesAnime,
+  sleepy: EyesSleepy,
+  angry: EyesSleepy,
+  surprised: EyesAnime,
+  winkLeft: EyesSleepy,
+  winkRight: EyesSleepy,
+  smile: EyesSmile,
+  oval: EyesClassic,
+  upturned: EyesClassic,
+  downturned: EyesSleepy,
+  lashes: EyesClassic,
+  sparkle: EyesAnime,
+  heart: EyesAnime,
+  star: EyesAnime,
+  sad: EyesSleepy,
+  focused: EyesClassic
 };
 const Eyes = ({ variant, ...rest }) => {
-    var _a;
-    const Comp = (_a = EYES_RENDERERS[variant]) !== null && _a !== void 0 ? _a : EyesClassic;
-    return jsx(Comp, { ...rest });
+  const Comp = EYES_RENDERERS[variant] ?? EyesClassic;
+  return /* @__PURE__ */ jsx(Comp, { ...rest });
+};
+export {
+  EYES_RENDERERS,
+  Eyes,
+  EyesAnime,
+  EyesClassic,
+  EyesSleepy,
+  EyesSmile
 };
-
-export { EYES_RENDERERS, Eyes, EyesAnime, EyesClassic, EyesSleepy, EyesSmile };

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

@@ -1,61 +1,97 @@
-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, fill) {
-    const arr = c !== null && c !== void 0 ? c : [];
-    return {
-        base: fill !== null && fill !== void 0 ? fill : pick(arr, 0, 'var(--anim-hair, #1F2937)'),
-        accent: pick(arr, 1, 'var(--anim-hair-2, #2C3A4A)'),
-    };
+  const arr = c ?? [];
+  return {
+    base: fill ?? pick(arr, 0, "var(--anim-hair, #1F2937)"),
+    accent: pick(arr, 1, "var(--anim-hair-2, #2C3A4A)")
+  };
 }
 const HairNone = () => null;
 const HairShort = ({ colors, scale = 1, transform, fill }) => {
-    const c = pal(colors, fill);
-    return (jsx("g", { transform: `${transform !== null && transform !== void 0 ? transform : ''} scale(${scale})`, children: jsx("path", { d: "M-28 -18 q0 -24 28 -28 q28 4 28 28 l-4 0 q0 -18 -24 -20 q-24 2 -24 20 z", fill: c.base }) }));
+  const c = pal(colors, fill);
+  return /* @__PURE__ */ jsx("g", { transform: `${transform ?? ""} scale(${scale})`, children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M-28 -18 q0 -24 28 -28 q28 4 28 28 l-4 0 q0 -18 -24 -20 q-24 2 -24 20 z",
+      fill: c.base
+    }
+  ) });
 };
 const HairLong = ({ colors, scale = 1, transform, fill }) => {
-    const c = pal(colors, fill);
-    return (jsxs("g", { transform: `${transform !== null && transform !== void 0 ? transform : ''} scale(${scale})`, children: [jsx("path", { d: "M-30 -18 q0 -26 30 -30 q30 4 30 30 l0 30 q-6 10 -10 0 l0 -20 l-4 0 q0 -18 -16 -24 q-16 6 -16 24 l-4 0 l0 20 q-4 10 -10 0 z", fill: c.base }), jsx("path", { d: "M-26 -12 q0 -16 26 -22", stroke: c.accent, strokeWidth: 2, fill: "none", opacity: 0.3 })] }));
+  const c = pal(colors, fill);
+  return /* @__PURE__ */ jsxs("g", { transform: `${transform ?? ""} scale(${scale})`, children: [
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M-30 -18 q0 -26 30 -30 q30 4 30 30 l0 30 q-6 10 -10 0 l0 -20 l-4 0 q0 -18 -16 -24 q-16 6 -16 24 l-4 0 l0 20 q-4 10 -10 0 z",
+        fill: c.base
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M-26 -12 q0 -16 26 -22",
+        stroke: c.accent,
+        strokeWidth: 2,
+        fill: "none",
+        opacity: 0.3
+      }
+    )
+  ] });
 };
 const HairMohawk = ({ colors, scale = 1, transform, fill }) => {
-    const c = pal(colors, fill);
-    return (jsx("g", { transform: `${transform !== null && transform !== void 0 ? transform : ''} scale(${scale})`, children: jsx("path", { d: "M-8 -36 q0 -30 8 -44 q8 14 8 44 z", fill: c.base }) }));
+  const c = pal(colors, fill);
+  return /* @__PURE__ */ jsx("g", { transform: `${transform ?? ""} scale(${scale})`, children: /* @__PURE__ */ jsx("path", { d: "M-8 -36 q0 -30 8 -44 q8 14 8 44 z", fill: c.base }) });
 };
 const HairAfro = ({ colors, scale = 1, transform, fill }) => {
-    const c = pal(colors, fill);
-    return (jsx("g", { transform: `${transform !== null && transform !== void 0 ? transform : ''} scale(${scale})`, children: jsx("circle", { cx: 0, cy: -16, r: 44, fill: c.base }) }));
+  const c = pal(colors, fill);
+  return /* @__PURE__ */ jsx("g", { transform: `${transform ?? ""} scale(${scale})`, children: /* @__PURE__ */ jsx("circle", { cx: 0, cy: -16, r: 44, fill: c.base }) });
 };
 const HairBob = ({ colors, scale = 1, transform, fill }) => {
-    const c = pal(colors, fill);
-    return (jsx("g", { transform: `${transform !== null && transform !== void 0 ? transform : ''} scale(${scale})`, children: jsx("path", { d: "M-32 -12 q-2 -26 32 -30 q34 4 32 30 l0 12 q0 6 -6 4 l0 -10 l-4 0 q0 -16 -22 -20 q-22 4 -22 20 l-4 0 l0 10 q-6 2 -6 -4 z", fill: c.base }) }));
+  const c = pal(colors, fill);
+  return /* @__PURE__ */ jsx("g", { transform: `${transform ?? ""} scale(${scale})`, children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M-32 -12 q-2 -26 32 -30 q34 4 32 30 l0 12 q0 6 -6 4 l0 -10 l-4 0 q0 -16 -22 -20 q-22 4 -22 20 l-4 0 l0 10 q-6 2 -6 -4 z",
+      fill: c.base
+    }
+  ) });
 };
 const HAIR_RENDERERS = {
-    none: HairNone,
-    short: HairShort,
-    long: HairLong,
-    curly: HairAfro,
-    wavy: HairLong,
-    mohawk: HairMohawk,
-    afro: HairAfro,
-    bunHigh: HairShort,
-    bunLow: HairShort,
-    bob: HairBob,
-    pixie: HairShort,
-    sidePart: HairShort,
-    undercut: HairShort,
-    spiky: HairMohawk,
-    braids: HairLong,
-    dreadlocks: HairLong,
-    ponytail: HairLong,
-    twinTails: HairLong,
-    mullet: HairShort,
-    balding: HairNone,
-    bangs: HairBob,
+  none: HairNone,
+  short: HairShort,
+  long: HairLong,
+  curly: HairAfro,
+  wavy: HairLong,
+  mohawk: HairMohawk,
+  afro: HairAfro,
+  bunHigh: HairShort,
+  bunLow: HairShort,
+  bob: HairBob,
+  pixie: HairShort,
+  sidePart: HairShort,
+  undercut: HairShort,
+  spiky: HairMohawk,
+  braids: HairLong,
+  dreadlocks: HairLong,
+  ponytail: HairLong,
+  twinTails: HairLong,
+  mullet: HairShort,
+  balding: HairNone,
+  bangs: HairBob
 };
 const Hair = ({ variant, ...rest }) => {
-    var _a;
-    const Comp = (_a = HAIR_RENDERERS[variant]) !== null && _a !== void 0 ? _a : HairShort;
-    return jsx(Comp, { ...rest });
+  const Comp = HAIR_RENDERERS[variant] ?? HairShort;
+  return /* @__PURE__ */ jsx(Comp, { ...rest });
+};
+export {
+  HAIR_RENDERERS,
+  Hair,
+  HairAfro,
+  HairBob,
+  HairLong,
+  HairMohawk,
+  HairNone,
+  HairShort
 };
-
-export { HAIR_RENDERERS, Hair, HairAfro, HairBob, HairLong, HairMohawk, HairNone, HairShort };