@xaui/icons 0.0.3 → 0.0.4

package/dist/notifications.js

@@ -1,6 +1,162 @@
-import {
-  NotificationsIcon
-} from "./chunk-DOTJQGUP.js";
+// src/icons/notifications.tsx
+import React, { useEffect, useMemo, useRef } from "react";
+import { Animated } from "react-native";
+import { Svg, Path, Circle, Rect } from "react-native-svg";
+var AnimatedPath = Animated.createAnimatedComponent(Path);
+var AnimatedCircle = Animated.createAnimatedComponent(Circle);
+var AnimatedRect = Animated.createAnimatedComponent(Rect);
+var NotificationsIcon = ({
+  variant = "baseline",
+  size = 24,
+  color = "black",
+  isAnimated = false
+}) => {
+  const scaleAnim = useRef(new Animated.Value(isAnimated ? 0 : 1)).current;
+  const opacityAnim = useRef(new Animated.Value(isAnimated ? 0 : 1)).current;
+  const resolvedColor = useMemo(() => {
+    return color;
+  }, [color]);
+  useEffect(() => {
+    if (isAnimated) {
+      Animated.parallel([
+        Animated.spring(scaleAnim, {
+          toValue: 1,
+          useNativeDriver: true,
+          tension: 50,
+          friction: 7
+        }),
+        Animated.timing(opacityAnim, {
+          toValue: 1,
+          duration: 200,
+          useNativeDriver: true
+        })
+      ]).start();
+    }
+  }, [isAnimated, scaleAnim, opacityAnim]);
+  const animatedProps = isAnimated ? {
+    transform: [{ scale: scaleAnim }],
+    opacity: opacityAnim
+  } : void 0;
+  const renderBaseline = () => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    AnimatedPath,
+    {
+      fill: "none",
+      stroke: resolvedColor,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 32,
+      d: "M427.68 351.43C402 320 383.87 304 383.87 217.35C383.87 138 343.35 109.73 310 96c-4.43-1.82-8.6-6-9.95-10.55C294.2 65.54 277.8 48 256 48s-38.21 17.55-44 37.47c-1.35 4.6-5.52 8.71-9.95 10.53c-33.39 13.75-73.87 41.92-73.87 121.35C128.13 304 110 320 84.32 351.43C73.68 364.45 83 384 101.61 384h308.88c18.51 0 27.77-19.61 17.19-32.57M320 384v16a64 64 0 0 1-128 0v-16",
+      ...animatedProps
+    }
+  ));
+  const renderFilled = () => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    AnimatedPath,
+    {
+      fill: resolvedColor,
+      d: "M440.08 341.31c-1.66-2-3.29-4-4.89-5.93c-22-26.61-35.31-42.67-35.31-118c0-39-9.33-71-27.72-95c-13.56-17.73-31.89-31.18-56.05-41.12a3 3 0 0 1-.82-.67C306.6 51.49 282.82 32 256 32s-50.59 19.49-59.28 48.56a3.1 3.1 0 0 1-.81.65c-56.38 23.21-83.78 67.74-83.78 136.14c0 75.36-13.29 91.42-35.31 118c-1.6 1.93-3.23 3.89-4.89 5.93a35.16 35.16 0 0 0-4.65 37.62c6.17 13 19.32 21.07 34.33 21.07H410.5c14.94 0 28-8.06 34.19-21a35.17 35.17 0 0 0-4.61-37.66M256 480a80.06 80.06 0 0 0 70.44-42.13a4 4 0 0 0-3.54-5.87H189.12a4 4 0 0 0-3.55 5.87A80.06 80.06 0 0 0 256 480",
+      ...animatedProps
+    }
+  ));
+  const renderDuotone = () => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    AnimatedCircle,
+    {
+      cx: 256,
+      cy: 256,
+      r: 192,
+      fill: resolvedColor,
+      opacity: 0.3,
+      ...animatedProps
+    }
+  ), /* @__PURE__ */ React.createElement(
+    AnimatedPath,
+    {
+      fill: "none",
+      stroke: resolvedColor,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 32,
+      d: "M427.68 351.43C402 320 383.87 304 383.87 217.35C383.87 138 343.35 109.73 310 96c-4.43-1.82-8.6-6-9.95-10.55C294.2 65.54 277.8 48 256 48s-38.21 17.55-44 37.47c-1.35 4.6-5.52 8.71-9.95 10.53c-33.39 13.75-73.87 41.92-73.87 121.35C128.13 304 110 320 84.32 351.43C73.68 364.45 83 384 101.61 384h308.88c18.51 0 27.77-19.61 17.19-32.57M320 384v16a64 64 0 0 1-128 0v-16",
+      ...animatedProps
+    }
+  ));
+  const renderRoundOutlined = () => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    AnimatedCircle,
+    {
+      cx: 256,
+      cy: 256,
+      r: 192,
+      fill: "none",
+      stroke: resolvedColor,
+      strokeWidth: 32,
+      ...animatedProps
+    }
+  ), /* @__PURE__ */ React.createElement(
+    AnimatedPath,
+    {
+      fill: "none",
+      stroke: resolvedColor,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 32,
+      d: "M427.68 351.43C402 320 383.87 304 383.87 217.35C383.87 138 343.35 109.73 310 96c-4.43-1.82-8.6-6-9.95-10.55C294.2 65.54 277.8 48 256 48s-38.21 17.55-44 37.47c-1.35 4.6-5.52 8.71-9.95 10.53c-33.39 13.75-73.87 41.92-73.87 121.35C128.13 304 110 320 84.32 351.43C73.68 364.45 83 384 101.61 384h308.88c18.51 0 27.77-19.61 17.19-32.57M320 384v16a64 64 0 0 1-128 0v-16",
+      ...animatedProps
+    }
+  ));
+  const renderSquareOutlined = () => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    AnimatedRect,
+    {
+      x: 64,
+      y: 64,
+      width: 384,
+      height: 384,
+      rx: 48,
+      fill: "none",
+      stroke: resolvedColor,
+      strokeWidth: 32,
+      ...animatedProps
+    }
+  ), /* @__PURE__ */ React.createElement(
+    AnimatedPath,
+    {
+      fill: "none",
+      stroke: resolvedColor,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 32,
+      d: "M427.68 351.43C402 320 383.87 304 383.87 217.35C383.87 138 343.35 109.73 310 96c-4.43-1.82-8.6-6-9.95-10.55C294.2 65.54 277.8 48 256 48s-38.21 17.55-44 37.47c-1.35 4.6-5.52 8.71-9.95 10.53c-33.39 13.75-73.87 41.92-73.87 121.35C128.13 304 110 320 84.32 351.43C73.68 364.45 83 384 101.61 384h308.88c18.51 0 27.77-19.61 17.19-32.57M320 384v16a64 64 0 0 1-128 0v-16",
+      ...animatedProps
+    }
+  ));
+  const renderRoundFilled = () => renderFilled();
+  const renderSquareFilled = () => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    AnimatedPath,
+    {
+      fill: resolvedColor,
+      d: "M256 480a80.09 80.09 0 0 0 73.3-48H182.7a80.09 80.09 0 0 0 73.3 48m144-192v-60.53C400 157 372.64 95.61 304 80l-8-48h-80l-8 48c-68.88 15.61-96 76.76-96 147.47V288l-48 64v48h384v-48Z",
+      ...animatedProps
+    }
+  ));
+  const renderVariant = () => {
+    switch (variant) {
+      case "filled":
+        return renderFilled();
+      case "duotone":
+        return renderDuotone();
+      case "round-outlined":
+        return renderRoundOutlined();
+      case "square-outlined":
+        return renderSquareOutlined();
+      case "round-filled":
+        return renderRoundFilled();
+      case "square-filled":
+        return renderSquareFilled();
+      case "baseline":
+      default:
+        return renderBaseline();
+    }
+  };
+  return /* @__PURE__ */ React.createElement(Svg, { width: size, height: size, viewBox: "0 0 512 512" }, renderVariant());
+};
 export {
   NotificationsIcon
 };

package/dist/nuclear.js

@@ -1,6 +1,278 @@
-import {
-  NuclearIcon
-} from "./chunk-FKAMFTOB.js";
+// src/icons/nuclear.tsx
+import React, { useEffect, useMemo, useRef } from "react";
+import { Animated } from "react-native";
+import { Svg, Path, Circle, Rect } from "react-native-svg";
+var AnimatedPath = Animated.createAnimatedComponent(Path);
+var AnimatedCircle = Animated.createAnimatedComponent(Circle);
+var AnimatedRect = Animated.createAnimatedComponent(Rect);
+var NuclearIcon = ({
+  variant = "baseline",
+  size = 24,
+  color = "black",
+  isAnimated = false
+}) => {
+  const scaleAnim = useRef(new Animated.Value(isAnimated ? 0 : 1)).current;
+  const opacityAnim = useRef(new Animated.Value(isAnimated ? 0 : 1)).current;
+  const resolvedColor = useMemo(() => {
+    return color;
+  }, [color]);
+  useEffect(() => {
+    if (isAnimated) {
+      Animated.parallel([
+        Animated.spring(scaleAnim, {
+          toValue: 1,
+          useNativeDriver: true,
+          tension: 50,
+          friction: 7
+        }),
+        Animated.timing(opacityAnim, {
+          toValue: 1,
+          duration: 200,
+          useNativeDriver: true
+        })
+      ]).start();
+    }
+  }, [isAnimated, scaleAnim, opacityAnim]);
+  const animatedProps = isAnimated ? {
+    transform: [{ scale: scaleAnim }],
+    opacity: opacityAnim
+  } : void 0;
+  const renderBaseline = () => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    AnimatedCircle,
+    {
+      cx: 256,
+      cy: 256,
+      r: 192,
+      fill: "none",
+      stroke: resolvedColor,
+      strokeLinecap: "round",
+      strokeMiterlimit: 10,
+      strokeWidth: 32,
+      ...animatedProps
+    }
+  ), /* @__PURE__ */ React.createElement(
+    AnimatedCircle,
+    {
+      cx: 256,
+      cy: 256,
+      r: 64,
+      fill: "none",
+      stroke: resolvedColor,
+      strokeMiterlimit: 10,
+      strokeWidth: 32,
+      ...animatedProps
+    }
+  ), /* @__PURE__ */ React.createElement(
+    AnimatedPath,
+    {
+      fill: "none",
+      stroke: resolvedColor,
+      strokeLinecap: "round",
+      strokeMiterlimit: 10,
+      strokeWidth: 32,
+      d: "M224 192L171 85m117 107l53-107m-13.45 170.81l119.41.13m-147.87 57.19l72.25 95.06M184.45 255.81l-119.41.13m147.87 57.19l-72.25 95.06",
+      ...animatedProps
+    }
+  ));
+  const renderFilled = () => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    AnimatedPath,
+    {
+      fill: resolvedColor,
+      d: "M258.9 48C141.92 46.42 46.42 141.92 48 258.9c1.56 112.19 92.91 203.54 205.1 205.1c117 1.6 212.48-93.9 210.88-210.88C462.44 140.91 371.09 49.56 258.9 48M429 239.92l-93.08-.1a2 2 0 0 1-1.95-1.57a80.08 80.08 0 0 0-27.44-44.17a2 2 0 0 1-.54-2.43l41.32-83.43a2 2 0 0 1 2.87-.81A176.2 176.2 0 0 1 431 237.71a2 2 0 0 1-2 2.21m-220.8 20.46a48 48 0 1 1 43.42 43.42a48 48 0 0 1-43.42-43.42m-43.55-152.16L206 191.65a2 2 0 0 1-.54 2.43A80.08 80.08 0 0 0 178 238.25a2 2 0 0 1-2 1.57l-93.08.1a2 2 0 0 1-2-2.21a176.2 176.2 0 0 1 80.82-130.3a2 2 0 0 1 2.91.81m-.37 295.34l56.31-74.09a2 2 0 0 1 2.43-.6a79.84 79.84 0 0 0 66 0a2 2 0 0 1 2.43.6l56.31 74.09a2 2 0 0 1-.54 2.92a175.65 175.65 0 0 1-182.36 0a2 2 0 0 1-.58-2.92",
+      ...animatedProps
+    }
+  ));
+  const renderDuotone = () => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    AnimatedCircle,
+    {
+      cx: 256,
+      cy: 256,
+      r: 192,
+      fill: resolvedColor,
+      opacity: 0.3,
+      ...animatedProps
+    }
+  ), /* @__PURE__ */ React.createElement(
+    AnimatedCircle,
+    {
+      cx: 256,
+      cy: 256,
+      r: 192,
+      fill: "none",
+      stroke: resolvedColor,
+      strokeLinecap: "round",
+      strokeMiterlimit: 10,
+      strokeWidth: 32,
+      ...animatedProps
+    }
+  ), /* @__PURE__ */ React.createElement(
+    AnimatedCircle,
+    {
+      cx: 256,
+      cy: 256,
+      r: 64,
+      fill: "none",
+      stroke: resolvedColor,
+      strokeMiterlimit: 10,
+      strokeWidth: 32,
+      ...animatedProps
+    }
+  ), /* @__PURE__ */ React.createElement(
+    AnimatedPath,
+    {
+      fill: "none",
+      stroke: resolvedColor,
+      strokeLinecap: "round",
+      strokeMiterlimit: 10,
+      strokeWidth: 32,
+      d: "M224 192L171 85m117 107l53-107m-13.45 170.81l119.41.13m-147.87 57.19l72.25 95.06M184.45 255.81l-119.41.13m147.87 57.19l-72.25 95.06",
+      ...animatedProps
+    }
+  ));
+  const renderRoundOutlined = () => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    AnimatedCircle,
+    {
+      cx: 256,
+      cy: 256,
+      r: 192,
+      fill: "none",
+      stroke: resolvedColor,
+      strokeWidth: 32,
+      ...animatedProps
+    }
+  ), /* @__PURE__ */ React.createElement(
+    AnimatedCircle,
+    {
+      cx: 256,
+      cy: 256,
+      r: 192,
+      fill: "none",
+      stroke: resolvedColor,
+      strokeLinecap: "round",
+      strokeMiterlimit: 10,
+      strokeWidth: 32,
+      ...animatedProps
+    }
+  ), /* @__PURE__ */ React.createElement(
+    AnimatedCircle,
+    {
+      cx: 256,
+      cy: 256,
+      r: 64,
+      fill: "none",
+      stroke: resolvedColor,
+      strokeMiterlimit: 10,
+      strokeWidth: 32,
+      ...animatedProps
+    }
+  ), /* @__PURE__ */ React.createElement(
+    AnimatedPath,
+    {
+      fill: "none",
+      stroke: resolvedColor,
+      strokeLinecap: "round",
+      strokeMiterlimit: 10,
+      strokeWidth: 32,
+      d: "M224 192L171 85m117 107l53-107m-13.45 170.81l119.41.13m-147.87 57.19l72.25 95.06M184.45 255.81l-119.41.13m147.87 57.19l-72.25 95.06",
+      ...animatedProps
+    }
+  ));
+  const renderSquareOutlined = () => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    AnimatedRect,
+    {
+      x: 64,
+      y: 64,
+      width: 384,
+      height: 384,
+      rx: 48,
+      fill: "none",
+      stroke: resolvedColor,
+      strokeWidth: 32,
+      ...animatedProps
+    }
+  ), /* @__PURE__ */ React.createElement(
+    AnimatedCircle,
+    {
+      cx: 256,
+      cy: 256,
+      r: 192,
+      fill: "none",
+      stroke: resolvedColor,
+      strokeLinecap: "round",
+      strokeMiterlimit: 10,
+      strokeWidth: 32,
+      ...animatedProps
+    }
+  ), /* @__PURE__ */ React.createElement(
+    AnimatedCircle,
+    {
+      cx: 256,
+      cy: 256,
+      r: 64,
+      fill: "none",
+      stroke: resolvedColor,
+      strokeMiterlimit: 10,
+      strokeWidth: 32,
+      ...animatedProps
+    }
+  ), /* @__PURE__ */ React.createElement(
+    AnimatedPath,
+    {
+      fill: "none",
+      stroke: resolvedColor,
+      strokeLinecap: "round",
+      strokeMiterlimit: 10,
+      strokeWidth: 32,
+      d: "M224 192L171 85m117 107l53-107m-13.45 170.81l119.41.13m-147.87 57.19l72.25 95.06M184.45 255.81l-119.41.13m147.87 57.19l-72.25 95.06",
+      ...animatedProps
+    }
+  ));
+  const renderRoundFilled = () => renderFilled();
+  const renderSquareFilled = () => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    AnimatedCircle,
+    {
+      cx: 256,
+      cy: 256,
+      r: 48,
+      fill: resolvedColor,
+      ...animatedProps
+    }
+  ), /* @__PURE__ */ React.createElement(
+    AnimatedPath,
+    {
+      fill: "none",
+      d: "m223.47 335.59l-51.71 68a169.73 169.73 0 0 0 168.48 0l-51.71-68",
+      ...animatedProps
+    }
+  ), /* @__PURE__ */ React.createElement(
+    AnimatedPath,
+    {
+      fill: resolvedColor,
+      d: "M403.08 108.92a208 208 0 0 0-294.16 294.16a208 208 0 0 0 294.16-294.16M342 256a86.13 86.13 0 0 1-53.47 79.59l51.71 68a169.73 169.73 0 0 1-168.48 0l51.71-68a86 86 0 0 1-50.56-101.77l-85.48.09a170.2 170.2 0 0 1 73.83-119l37.94 76.59a85.78 85.78 0 0 1 113.6 0l37.94-76.59a170.2 170.2 0 0 1 73.83 119l-85.48-.09A86 86 0 0 1 342 256",
+      ...animatedProps
+    }
+  ));
+  const renderVariant = () => {
+    switch (variant) {
+      case "filled":
+        return renderFilled();
+      case "duotone":
+        return renderDuotone();
+      case "round-outlined":
+        return renderRoundOutlined();
+      case "square-outlined":
+        return renderSquareOutlined();
+      case "round-filled":
+        return renderRoundFilled();
+      case "square-filled":
+        return renderSquareFilled();
+      case "baseline":
+      default:
+        return renderBaseline();
+    }
+  };
+  return /* @__PURE__ */ React.createElement(Svg, { width: size, height: size, viewBox: "0 0 512 512" }, renderVariant());
+};
 export {
   NuclearIcon
 };

package/dist/nutrition.js

@@ -1,6 +1,200 @@
-import {
-  NutritionIcon
-} from "./chunk-YQ46WHXH.js";
+// src/icons/nutrition.tsx
+import React, { useEffect, useMemo, useRef } from "react";
+import { Animated } from "react-native";
+import { Svg, Path, Circle, Rect } from "react-native-svg";
+var AnimatedPath = Animated.createAnimatedComponent(Path);
+var AnimatedCircle = Animated.createAnimatedComponent(Circle);
+var AnimatedRect = Animated.createAnimatedComponent(Rect);
+var NutritionIcon = ({
+  variant = "baseline",
+  size = 24,
+  color = "black",
+  isAnimated = false
+}) => {
+  const scaleAnim = useRef(new Animated.Value(isAnimated ? 0 : 1)).current;
+  const opacityAnim = useRef(new Animated.Value(isAnimated ? 0 : 1)).current;
+  const resolvedColor = useMemo(() => {
+    return color;
+  }, [color]);
+  useEffect(() => {
+    if (isAnimated) {
+      Animated.parallel([
+        Animated.spring(scaleAnim, {
+          toValue: 1,
+          useNativeDriver: true,
+          tension: 50,
+          friction: 7
+        }),
+        Animated.timing(opacityAnim, {
+          toValue: 1,
+          duration: 200,
+          useNativeDriver: true
+        })
+      ]).start();
+    }
+  }, [isAnimated, scaleAnim, opacityAnim]);
+  const animatedProps = isAnimated ? {
+    transform: [{ scale: scaleAnim }],
+    opacity: opacityAnim
+  } : void 0;
+  const renderBaseline = () => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    AnimatedPath,
+    {
+      fill: "none",
+      stroke: resolvedColor,
+      strokeMiterlimit: 10,
+      strokeWidth: 32,
+      d: "M352 128c-32.26-2.89-64 16-96 16s-63.75-19-96-16c-64 6-96 64-96 160c0 80 64 192 111.2 192s51.94-24 80.8-24s33.59 24 80.8 24S448 368 448 288c0-96-29-154-96-160Z",
+      ...animatedProps
+    }
+  ), /* @__PURE__ */ React.createElement(
+    AnimatedPath,
+    {
+      fill: resolvedColor,
+      d: "M323.92 83.14c-21 21-45.66 27-58.82 28.79a8 8 0 0 1-9.1-8.73a97.6 97.6 0 0 1 28.61-59.33c22-22 46-26.9 58.72-27.85a8 8 0 0 1 8.67 8.92a98 98 0 0 1-28.08 58.2",
+      ...animatedProps
+    }
+  ));
+  const renderFilled = () => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    AnimatedPath,
+    {
+      fill: resolvedColor,
+      d: "M439 166.29c-18.67-32.57-47.46-50.81-85.57-54.23c-20.18-1.8-39 3.37-57.23 8.38c-14.15 3.89-27.52 7.56-40.2 7.56s-26-3.68-40.06-7.57c-18.28-5-37.18-10.26-57.43-8.36c-36.39 3.41-65.51 22.11-84.31 54.08C56.82 195.76 48 236.76 48 288c0 40.4 15 90.49 40 134c12.82 22.25 47 74 87.16 74c30.77 0 47.15-9.44 59.11-16.33c8.3-4.78 13.31-7.67 21.69-7.67s13.39 2.89 21.69 7.67c12 6.89 28.35 16.33 59.15 16.33c40.17 0 74.34-51.76 87.16-74c25.07-43.5 40-93.59 40-134c.04-52.57-8.14-92.38-24.96-121.71M216 352c-13.25 0-24-21.49-24-48s10.75-48 24-48s24 21.49 24 48s-10.75 48-24 48m80 0c-13.25 0-24-21.49-24-48s10.75-48 24-48s24 21.49 24 48s-10.75 48-24 48",
+      ...animatedProps
+    }
+  ), /* @__PURE__ */ React.createElement(
+    AnimatedPath,
+    {
+      fill: resolvedColor,
+      d: "M265.1 111.93c13.16-1.75 37.86-7.83 58.83-28.79a98 98 0 0 0 28-58.2a8 8 0 0 0-8.55-8.94c-12.71.95-36.76 5.87-58.73 27.85A97.6 97.6 0 0 0 256 103.2a8 8 0 0 0 9.1 8.73",
+      ...animatedProps
+    }
+  ));
+  const renderDuotone = () => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    AnimatedCircle,
+    {
+      cx: 256,
+      cy: 256,
+      r: 192,
+      fill: resolvedColor,
+      opacity: 0.3,
+      ...animatedProps
+    }
+  ), /* @__PURE__ */ React.createElement(
+    AnimatedPath,
+    {
+      fill: "none",
+      stroke: resolvedColor,
+      strokeMiterlimit: 10,
+      strokeWidth: 32,
+      d: "M352 128c-32.26-2.89-64 16-96 16s-63.75-19-96-16c-64 6-96 64-96 160c0 80 64 192 111.2 192s51.94-24 80.8-24s33.59 24 80.8 24S448 368 448 288c0-96-29-154-96-160Z",
+      ...animatedProps
+    }
+  ), /* @__PURE__ */ React.createElement(
+    AnimatedPath,
+    {
+      fill: resolvedColor,
+      d: "M323.92 83.14c-21 21-45.66 27-58.82 28.79a8 8 0 0 1-9.1-8.73a97.6 97.6 0 0 1 28.61-59.33c22-22 46-26.9 58.72-27.85a8 8 0 0 1 8.67 8.92a98 98 0 0 1-28.08 58.2",
+      ...animatedProps
+    }
+  ));
+  const renderRoundOutlined = () => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    AnimatedCircle,
+    {
+      cx: 256,
+      cy: 256,
+      r: 192,
+      fill: "none",
+      stroke: resolvedColor,
+      strokeWidth: 32,
+      ...animatedProps
+    }
+  ), /* @__PURE__ */ React.createElement(
+    AnimatedPath,
+    {
+      fill: "none",
+      stroke: resolvedColor,
+      strokeMiterlimit: 10,
+      strokeWidth: 32,
+      d: "M352 128c-32.26-2.89-64 16-96 16s-63.75-19-96-16c-64 6-96 64-96 160c0 80 64 192 111.2 192s51.94-24 80.8-24s33.59 24 80.8 24S448 368 448 288c0-96-29-154-96-160Z",
+      ...animatedProps
+    }
+  ), /* @__PURE__ */ React.createElement(
+    AnimatedPath,
+    {
+      fill: resolvedColor,
+      d: "M323.92 83.14c-21 21-45.66 27-58.82 28.79a8 8 0 0 1-9.1-8.73a97.6 97.6 0 0 1 28.61-59.33c22-22 46-26.9 58.72-27.85a8 8 0 0 1 8.67 8.92a98 98 0 0 1-28.08 58.2",
+      ...animatedProps
+    }
+  ));
+  const renderSquareOutlined = () => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    AnimatedRect,
+    {
+      x: 64,
+      y: 64,
+      width: 384,
+      height: 384,
+      rx: 48,
+      fill: "none",
+      stroke: resolvedColor,
+      strokeWidth: 32,
+      ...animatedProps
+    }
+  ), /* @__PURE__ */ React.createElement(
+    AnimatedPath,
+    {
+      fill: "none",
+      stroke: resolvedColor,
+      strokeMiterlimit: 10,
+      strokeWidth: 32,
+      d: "M352 128c-32.26-2.89-64 16-96 16s-63.75-19-96-16c-64 6-96 64-96 160c0 80 64 192 111.2 192s51.94-24 80.8-24s33.59 24 80.8 24S448 368 448 288c0-96-29-154-96-160Z",
+      ...animatedProps
+    }
+  ), /* @__PURE__ */ React.createElement(
+    AnimatedPath,
+    {
+      fill: resolvedColor,
+      d: "M323.92 83.14c-21 21-45.66 27-58.82 28.79a8 8 0 0 1-9.1-8.73a97.6 97.6 0 0 1 28.61-59.33c22-22 46-26.9 58.72-27.85a8 8 0 0 1 8.67 8.92a98 98 0 0 1-28.08 58.2",
+      ...animatedProps
+    }
+  ));
+  const renderRoundFilled = () => renderFilled();
+  const renderSquareFilled = () => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    AnimatedPath,
+    {
+      fill: resolvedColor,
+      d: "M438.71 159.43c-17.6-28.31-45.5-43.8-85.28-47.37c-22.82-2-50.23 4.94-72.25 10.55C271.26 125.14 260 128 256 128s-15.18-2.86-25-5.39c-22.08-5.65-49.56-12.69-72.45-10.54c-38.53 3.61-66 19.19-84 47.62S48 229 48 288c0 61.28 29.53 114.58 47.13 140.89C116.82 461.34 149.25 496 175.2 496c18.57 0 34.12-7.23 47.82-13.64C243 473 256 472 256 472s11 0 31.94 10.11C301.65 488.73 317.3 496 336.8 496c26.58 0 59.08-34.69 80.63-67.15C434.82 402.65 464 349.52 464 288c0-60-8-100.83-25.29-128.57M216 352c-13.25 0-24-21.49-24-48s10.75-48 24-48s24 21.49 24 48s-10.75 48-24 48m80 0c-13.25 0-24-21.49-24-48s10.75-48 24-48s24 21.49 24 48s-10.75 48-24 48",
+      ...animatedProps
+    }
+  ), /* @__PURE__ */ React.createElement(
+    AnimatedPath,
+    {
+      fill: resolvedColor,
+      d: "M323.72 82.76C353.68 52.82 352 16.18 352 16.14s-35.77-3.76-67.23 27.67S256.06 112 256.06 112s37.68.71 67.66-29.24",
+      ...animatedProps
+    }
+  ));
+  const renderVariant = () => {
+    switch (variant) {
+      case "filled":
+        return renderFilled();
+      case "duotone":
+        return renderDuotone();
+      case "round-outlined":
+        return renderRoundOutlined();
+      case "square-outlined":
+        return renderSquareOutlined();
+      case "round-filled":
+        return renderRoundFilled();
+      case "square-filled":
+        return renderSquareFilled();
+      case "baseline":
+      default:
+        return renderBaseline();
+    }
+  };
+  return /* @__PURE__ */ React.createElement(Svg, { width: size, height: size, viewBox: "0 0 512 512" }, renderVariant());
+};
 export {
   NutritionIcon
 };