@xaui/icons 0.0.2 → 0.0.4

package/dist/logo-amazon.js

@@ -1,6 +1,188 @@
-import {
-  LogoAmazonIcon
-} from "./chunk-7HNGFY27.js";
+// src/icons/logo-amazon.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 LogoAmazonIcon = ({
+  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: resolvedColor,
+      d: "M48.48 378.73a300.5 300.5 0 0 0 152.89 95.92a262.57 262.57 0 0 0 159.3-17.25a225.5 225.5 0 0 0 66.79-47a6.36 6.36 0 0 0-2-8.53a11.76 11.76 0 0 0-8-.05a402 402 0 0 1-116.55 39.34a358.1 358.1 0 0 1-127.29-8.83a446.7 446.7 0 0 1-119.1-60.49a5 5 0 0 0-6.06 6.9Z",
+      ...animatedProps
+    }
+  ), /* @__PURE__ */ React.createElement(
+    AnimatedPath,
+    {
+      fill: resolvedColor,
+      d: "M387.15 388.44a168.1 168.1 0 0 1 48.94-2.23l.67.13a10 10 0 0 1 7.37 12.05A204.7 204.7 0 0 1 429 444.47a2.55 2.55 0 0 0 1.66 3.18a2.51 2.51 0 0 0 2.23-.37A83.31 83.31 0 0 0 464 382.86a12.44 12.44 0 0 0-10.22-13.22A95.75 95.75 0 0 0 384.91 384a2.55 2.55 0 0 0-.57 3.55a2.52 2.52 0 0 0 2.81.89m-82.91-63.52a164 164 0 0 1-28.92 25.3A135.16 135.16 0 0 1 208.63 369a99.5 99.5 0 0 1-57.49-19.85a97.25 97.25 0 0 1-27.36-100.28a112.35 112.35 0 0 1 65.3-69.06a367.7 367.7 0 0 1 104.7-15.55V127A37.82 37.82 0 0 0 261 94.72a59.9 59.9 0 0 0-31.17 4.08a48.89 48.89 0 0 0-27.13 34.67a12 12 0 0 1-12.58 6.72l-50.9-4.5a11.38 11.38 0 0 1-8.38-10.16a103.66 103.66 0 0 1 36.61-63.45A143.86 143.86 0 0 1 257.85 32a146.24 146.24 0 0 1 84.27 27.67a86.82 86.82 0 0 1 30.7 70.22V258.8a84.5 84.5 0 0 0 8 31.28l15.87 23.23a13 13 0 0 1 0 11.23l-46.99 39.71a12.5 12.5 0 0 1-12.68-.44a245 245 0 0 1-32.78-38.89m-10.6-116.83a257.7 257.7 0 0 0-44 2.89A63 63 0 0 0 208 242.54a63 63 0 0 0 3.07 54a40.6 40.6 0 0 0 47.11 12.19a78.61 78.61 0 0 0 35.46-55.58z",
+      ...animatedProps
+    }
+  ));
+  const renderFilled = () => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    AnimatedPath,
+    {
+      fill: resolvedColor,
+      d: "M48.48 378.73a300.5 300.5 0 0 0 152.89 95.92a262.57 262.57 0 0 0 159.3-17.25a225.5 225.5 0 0 0 66.79-47a6.36 6.36 0 0 0-2-8.53a11.76 11.76 0 0 0-8-.05a402 402 0 0 1-116.55 39.34a358.1 358.1 0 0 1-127.29-8.83a446.7 446.7 0 0 1-119.1-60.49a5 5 0 0 0-6.06 6.9Z",
+      ...animatedProps
+    }
+  ), /* @__PURE__ */ React.createElement(
+    AnimatedPath,
+    {
+      fill: resolvedColor,
+      d: "M387.15 388.44a168.1 168.1 0 0 1 48.94-2.23l.67.13a10 10 0 0 1 7.37 12.05A204.7 204.7 0 0 1 429 444.47a2.55 2.55 0 0 0 1.66 3.18a2.51 2.51 0 0 0 2.23-.37A83.31 83.31 0 0 0 464 382.86a12.44 12.44 0 0 0-10.22-13.22A95.75 95.75 0 0 0 384.91 384a2.55 2.55 0 0 0-.57 3.55a2.52 2.52 0 0 0 2.81.89m-82.91-63.52a164 164 0 0 1-28.92 25.3A135.16 135.16 0 0 1 208.63 369a99.5 99.5 0 0 1-57.49-19.85a97.25 97.25 0 0 1-27.36-100.28a112.35 112.35 0 0 1 65.3-69.06a367.7 367.7 0 0 1 104.7-15.55V127A37.82 37.82 0 0 0 261 94.72a59.9 59.9 0 0 0-31.17 4.08a48.89 48.89 0 0 0-27.13 34.67a12 12 0 0 1-12.58 6.72l-50.9-4.5a11.38 11.38 0 0 1-8.38-10.16a103.66 103.66 0 0 1 36.61-63.45A143.86 143.86 0 0 1 257.85 32a146.24 146.24 0 0 1 84.27 27.67a86.82 86.82 0 0 1 30.7 70.22V258.8a84.5 84.5 0 0 0 8 31.28l15.87 23.23a13 13 0 0 1 0 11.23l-46.99 39.71a12.5 12.5 0 0 1-12.68-.44a245 245 0 0 1-32.78-38.89m-10.6-116.83a257.7 257.7 0 0 0-44 2.89A63 63 0 0 0 208 242.54a63 63 0 0 0 3.07 54a40.6 40.6 0 0 0 47.11 12.19a78.61 78.61 0 0 0 35.46-55.58z",
+      ...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: resolvedColor,
+      d: "M48.48 378.73a300.5 300.5 0 0 0 152.89 95.92a262.57 262.57 0 0 0 159.3-17.25a225.5 225.5 0 0 0 66.79-47a6.36 6.36 0 0 0-2-8.53a11.76 11.76 0 0 0-8-.05a402 402 0 0 1-116.55 39.34a358.1 358.1 0 0 1-127.29-8.83a446.7 446.7 0 0 1-119.1-60.49a5 5 0 0 0-6.06 6.9Z",
+      ...animatedProps
+    }
+  ), /* @__PURE__ */ React.createElement(
+    AnimatedPath,
+    {
+      fill: resolvedColor,
+      d: "M387.15 388.44a168.1 168.1 0 0 1 48.94-2.23l.67.13a10 10 0 0 1 7.37 12.05A204.7 204.7 0 0 1 429 444.47a2.55 2.55 0 0 0 1.66 3.18a2.51 2.51 0 0 0 2.23-.37A83.31 83.31 0 0 0 464 382.86a12.44 12.44 0 0 0-10.22-13.22A95.75 95.75 0 0 0 384.91 384a2.55 2.55 0 0 0-.57 3.55a2.52 2.52 0 0 0 2.81.89m-82.91-63.52a164 164 0 0 1-28.92 25.3A135.16 135.16 0 0 1 208.63 369a99.5 99.5 0 0 1-57.49-19.85a97.25 97.25 0 0 1-27.36-100.28a112.35 112.35 0 0 1 65.3-69.06a367.7 367.7 0 0 1 104.7-15.55V127A37.82 37.82 0 0 0 261 94.72a59.9 59.9 0 0 0-31.17 4.08a48.89 48.89 0 0 0-27.13 34.67a12 12 0 0 1-12.58 6.72l-50.9-4.5a11.38 11.38 0 0 1-8.38-10.16a103.66 103.66 0 0 1 36.61-63.45A143.86 143.86 0 0 1 257.85 32a146.24 146.24 0 0 1 84.27 27.67a86.82 86.82 0 0 1 30.7 70.22V258.8a84.5 84.5 0 0 0 8 31.28l15.87 23.23a13 13 0 0 1 0 11.23l-46.99 39.71a12.5 12.5 0 0 1-12.68-.44a245 245 0 0 1-32.78-38.89m-10.6-116.83a257.7 257.7 0 0 0-44 2.89A63 63 0 0 0 208 242.54a63 63 0 0 0 3.07 54a40.6 40.6 0 0 0 47.11 12.19a78.61 78.61 0 0 0 35.46-55.58z",
+      ...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: resolvedColor,
+      d: "M48.48 378.73a300.5 300.5 0 0 0 152.89 95.92a262.57 262.57 0 0 0 159.3-17.25a225.5 225.5 0 0 0 66.79-47a6.36 6.36 0 0 0-2-8.53a11.76 11.76 0 0 0-8-.05a402 402 0 0 1-116.55 39.34a358.1 358.1 0 0 1-127.29-8.83a446.7 446.7 0 0 1-119.1-60.49a5 5 0 0 0-6.06 6.9Z",
+      ...animatedProps
+    }
+  ), /* @__PURE__ */ React.createElement(
+    AnimatedPath,
+    {
+      fill: resolvedColor,
+      d: "M387.15 388.44a168.1 168.1 0 0 1 48.94-2.23l.67.13a10 10 0 0 1 7.37 12.05A204.7 204.7 0 0 1 429 444.47a2.55 2.55 0 0 0 1.66 3.18a2.51 2.51 0 0 0 2.23-.37A83.31 83.31 0 0 0 464 382.86a12.44 12.44 0 0 0-10.22-13.22A95.75 95.75 0 0 0 384.91 384a2.55 2.55 0 0 0-.57 3.55a2.52 2.52 0 0 0 2.81.89m-82.91-63.52a164 164 0 0 1-28.92 25.3A135.16 135.16 0 0 1 208.63 369a99.5 99.5 0 0 1-57.49-19.85a97.25 97.25 0 0 1-27.36-100.28a112.35 112.35 0 0 1 65.3-69.06a367.7 367.7 0 0 1 104.7-15.55V127A37.82 37.82 0 0 0 261 94.72a59.9 59.9 0 0 0-31.17 4.08a48.89 48.89 0 0 0-27.13 34.67a12 12 0 0 1-12.58 6.72l-50.9-4.5a11.38 11.38 0 0 1-8.38-10.16a103.66 103.66 0 0 1 36.61-63.45A143.86 143.86 0 0 1 257.85 32a146.24 146.24 0 0 1 84.27 27.67a86.82 86.82 0 0 1 30.7 70.22V258.8a84.5 84.5 0 0 0 8 31.28l15.87 23.23a13 13 0 0 1 0 11.23l-46.99 39.71a12.5 12.5 0 0 1-12.68-.44a245 245 0 0 1-32.78-38.89m-10.6-116.83a257.7 257.7 0 0 0-44 2.89A63 63 0 0 0 208 242.54a63 63 0 0 0 3.07 54a40.6 40.6 0 0 0 47.11 12.19a78.61 78.61 0 0 0 35.46-55.58z",
+      ...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: resolvedColor,
+      d: "M48.48 378.73a300.5 300.5 0 0 0 152.89 95.92a262.57 262.57 0 0 0 159.3-17.25a225.5 225.5 0 0 0 66.79-47a6.36 6.36 0 0 0-2-8.53a11.76 11.76 0 0 0-8-.05a402 402 0 0 1-116.55 39.34a358.1 358.1 0 0 1-127.29-8.83a446.7 446.7 0 0 1-119.1-60.49a5 5 0 0 0-6.06 6.9Z",
+      ...animatedProps
+    }
+  ), /* @__PURE__ */ React.createElement(
+    AnimatedPath,
+    {
+      fill: resolvedColor,
+      d: "M387.15 388.44a168.1 168.1 0 0 1 48.94-2.23l.67.13a10 10 0 0 1 7.37 12.05A204.7 204.7 0 0 1 429 444.47a2.55 2.55 0 0 0 1.66 3.18a2.51 2.51 0 0 0 2.23-.37A83.31 83.31 0 0 0 464 382.86a12.44 12.44 0 0 0-10.22-13.22A95.75 95.75 0 0 0 384.91 384a2.55 2.55 0 0 0-.57 3.55a2.52 2.52 0 0 0 2.81.89m-82.91-63.52a164 164 0 0 1-28.92 25.3A135.16 135.16 0 0 1 208.63 369a99.5 99.5 0 0 1-57.49-19.85a97.25 97.25 0 0 1-27.36-100.28a112.35 112.35 0 0 1 65.3-69.06a367.7 367.7 0 0 1 104.7-15.55V127A37.82 37.82 0 0 0 261 94.72a59.9 59.9 0 0 0-31.17 4.08a48.89 48.89 0 0 0-27.13 34.67a12 12 0 0 1-12.58 6.72l-50.9-4.5a11.38 11.38 0 0 1-8.38-10.16a103.66 103.66 0 0 1 36.61-63.45A143.86 143.86 0 0 1 257.85 32a146.24 146.24 0 0 1 84.27 27.67a86.82 86.82 0 0 1 30.7 70.22V258.8a84.5 84.5 0 0 0 8 31.28l15.87 23.23a13 13 0 0 1 0 11.23l-46.99 39.71a12.5 12.5 0 0 1-12.68-.44a245 245 0 0 1-32.78-38.89m-10.6-116.83a257.7 257.7 0 0 0-44 2.89A63 63 0 0 0 208 242.54a63 63 0 0 0 3.07 54a40.6 40.6 0 0 0 47.11 12.19a78.61 78.61 0 0 0 35.46-55.58z",
+      ...animatedProps
+    }
+  ));
+  const renderRoundFilled = () => renderFilled();
+  const renderSquareFilled = () => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    AnimatedPath,
+    {
+      fill: resolvedColor,
+      d: "M48.48 378.73a300.5 300.5 0 0 0 152.89 95.92a262.57 262.57 0 0 0 159.3-17.25a225.5 225.5 0 0 0 66.79-47a6.36 6.36 0 0 0-2-8.53a11.76 11.76 0 0 0-8-.05a402 402 0 0 1-116.55 39.34a358.1 358.1 0 0 1-127.29-8.83a446.7 446.7 0 0 1-119.1-60.49a5 5 0 0 0-6.06 6.9Z",
+      ...animatedProps
+    }
+  ), /* @__PURE__ */ React.createElement(
+    AnimatedPath,
+    {
+      fill: resolvedColor,
+      d: "M387.15 388.44a168.1 168.1 0 0 1 48.94-2.23l.67.13a10 10 0 0 1 7.37 12.05A204.7 204.7 0 0 1 429 444.47a2.55 2.55 0 0 0 1.66 3.18a2.51 2.51 0 0 0 2.23-.37A83.31 83.31 0 0 0 464 382.86a12.44 12.44 0 0 0-10.22-13.22A95.75 95.75 0 0 0 384.91 384a2.55 2.55 0 0 0-.57 3.55a2.52 2.52 0 0 0 2.81.89m-82.91-63.52a164 164 0 0 1-28.92 25.3A135.16 135.16 0 0 1 208.63 369a99.5 99.5 0 0 1-57.49-19.85a97.25 97.25 0 0 1-27.36-100.28a112.35 112.35 0 0 1 65.3-69.06a367.7 367.7 0 0 1 104.7-15.55V127A37.82 37.82 0 0 0 261 94.72a59.9 59.9 0 0 0-31.17 4.08a48.89 48.89 0 0 0-27.13 34.67a12 12 0 0 1-12.58 6.72l-50.9-4.5a11.38 11.38 0 0 1-8.38-10.16a103.66 103.66 0 0 1 36.61-63.45A143.86 143.86 0 0 1 257.85 32a146.24 146.24 0 0 1 84.27 27.67a86.82 86.82 0 0 1 30.7 70.22V258.8a84.5 84.5 0 0 0 8 31.28l15.87 23.23a13 13 0 0 1 0 11.23l-46.99 39.71a12.5 12.5 0 0 1-12.68-.44a245 245 0 0 1-32.78-38.89m-10.6-116.83a257.7 257.7 0 0 0-44 2.89A63 63 0 0 0 208 242.54a63 63 0 0 0 3.07 54a40.6 40.6 0 0 0 47.11 12.19a78.61 78.61 0 0 0 35.46-55.58z",
+      ...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 {
   LogoAmazonIcon
 };

package/dist/logo-amplify.js

@@ -1,6 +1,152 @@
-import {
-  LogoAmplifyIcon
-} from "./chunk-5RNSYRUO.js";
+// src/icons/logo-amplify.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 LogoAmplifyIcon = ({
+  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: resolvedColor,
+      fillRule: "evenodd",
+      d: "m112.31 268l40.36-68.69l34.65 59l-67.54 115h135L289.31 432H16Zm58.57-99.76l33.27-56.67L392.44 432h-66.68ZM222.67 80h66.59L496 432h-66.68Z",
+      ...animatedProps
+    }
+  ));
+  const renderFilled = () => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    AnimatedPath,
+    {
+      fill: resolvedColor,
+      fillRule: "evenodd",
+      d: "m112.31 268l40.36-68.69l34.65 59l-67.54 115h135L289.31 432H16Zm58.57-99.76l33.27-56.67L392.44 432h-66.68ZM222.67 80h66.59L496 432h-66.68Z",
+      ...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: resolvedColor,
+      fillRule: "evenodd",
+      d: "m112.31 268l40.36-68.69l34.65 59l-67.54 115h135L289.31 432H16Zm58.57-99.76l33.27-56.67L392.44 432h-66.68ZM222.67 80h66.59L496 432h-66.68Z",
+      ...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: resolvedColor,
+      fillRule: "evenodd",
+      d: "m112.31 268l40.36-68.69l34.65 59l-67.54 115h135L289.31 432H16Zm58.57-99.76l33.27-56.67L392.44 432h-66.68ZM222.67 80h66.59L496 432h-66.68Z",
+      ...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: resolvedColor,
+      fillRule: "evenodd",
+      d: "m112.31 268l40.36-68.69l34.65 59l-67.54 115h135L289.31 432H16Zm58.57-99.76l33.27-56.67L392.44 432h-66.68ZM222.67 80h66.59L496 432h-66.68Z",
+      ...animatedProps
+    }
+  ));
+  const renderRoundFilled = () => renderFilled();
+  const renderSquareFilled = () => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    AnimatedPath,
+    {
+      fill: resolvedColor,
+      fillRule: "evenodd",
+      d: "m112.31 268l40.36-68.69l34.65 59l-67.54 115h135L289.31 432H16Zm58.57-99.76l33.27-56.67L392.44 432h-66.68ZM222.67 80h66.59L496 432h-66.68Z",
+      ...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 {
   LogoAmplifyIcon
 };

package/dist/logo-android.js

@@ -1,6 +1,146 @@
-import {
-  LogoAndroidIcon
-} from "./chunk-OUOH5V2A.js";
+// src/icons/logo-android.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 LogoAndroidIcon = ({
+  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: resolvedColor,
+      d: "m380.91 199l42.47-73.57a8.63 8.63 0 0 0-3.12-11.76a8.52 8.52 0 0 0-11.71 3.12l-43 74.52c-32.83-15-69.78-23.35-109.52-23.35s-76.69 8.36-109.52 23.35l-43-74.52a8.6 8.6 0 1 0-14.88 8.64L131 199C57.8 238.64 8.19 312.77 0 399.55h512c-8.19-86.78-57.8-160.91-131.09-200.55M138.45 327.65a21.46 21.46 0 1 1 21.46-21.46a21.47 21.47 0 0 1-21.46 21.46m235 0A21.46 21.46 0 1 1 395 306.19a21.47 21.47 0 0 1-21.51 21.46Z",
+      ...animatedProps
+    }
+  ));
+  const renderFilled = () => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    AnimatedPath,
+    {
+      fill: resolvedColor,
+      d: "m380.91 199l42.47-73.57a8.63 8.63 0 0 0-3.12-11.76a8.52 8.52 0 0 0-11.71 3.12l-43 74.52c-32.83-15-69.78-23.35-109.52-23.35s-76.69 8.36-109.52 23.35l-43-74.52a8.6 8.6 0 1 0-14.88 8.64L131 199C57.8 238.64 8.19 312.77 0 399.55h512c-8.19-86.78-57.8-160.91-131.09-200.55M138.45 327.65a21.46 21.46 0 1 1 21.46-21.46a21.47 21.47 0 0 1-21.46 21.46m235 0A21.46 21.46 0 1 1 395 306.19a21.47 21.47 0 0 1-21.51 21.46Z",
+      ...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: resolvedColor,
+      d: "m380.91 199l42.47-73.57a8.63 8.63 0 0 0-3.12-11.76a8.52 8.52 0 0 0-11.71 3.12l-43 74.52c-32.83-15-69.78-23.35-109.52-23.35s-76.69 8.36-109.52 23.35l-43-74.52a8.6 8.6 0 1 0-14.88 8.64L131 199C57.8 238.64 8.19 312.77 0 399.55h512c-8.19-86.78-57.8-160.91-131.09-200.55M138.45 327.65a21.46 21.46 0 1 1 21.46-21.46a21.47 21.47 0 0 1-21.46 21.46m235 0A21.46 21.46 0 1 1 395 306.19a21.47 21.47 0 0 1-21.51 21.46Z",
+      ...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: resolvedColor,
+      d: "m380.91 199l42.47-73.57a8.63 8.63 0 0 0-3.12-11.76a8.52 8.52 0 0 0-11.71 3.12l-43 74.52c-32.83-15-69.78-23.35-109.52-23.35s-76.69 8.36-109.52 23.35l-43-74.52a8.6 8.6 0 1 0-14.88 8.64L131 199C57.8 238.64 8.19 312.77 0 399.55h512c-8.19-86.78-57.8-160.91-131.09-200.55M138.45 327.65a21.46 21.46 0 1 1 21.46-21.46a21.47 21.47 0 0 1-21.46 21.46m235 0A21.46 21.46 0 1 1 395 306.19a21.47 21.47 0 0 1-21.51 21.46Z",
+      ...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: resolvedColor,
+      d: "m380.91 199l42.47-73.57a8.63 8.63 0 0 0-3.12-11.76a8.52 8.52 0 0 0-11.71 3.12l-43 74.52c-32.83-15-69.78-23.35-109.52-23.35s-76.69 8.36-109.52 23.35l-43-74.52a8.6 8.6 0 1 0-14.88 8.64L131 199C57.8 238.64 8.19 312.77 0 399.55h512c-8.19-86.78-57.8-160.91-131.09-200.55M138.45 327.65a21.46 21.46 0 1 1 21.46-21.46a21.47 21.47 0 0 1-21.46 21.46m235 0A21.46 21.46 0 1 1 395 306.19a21.47 21.47 0 0 1-21.51 21.46Z",
+      ...animatedProps
+    }
+  ));
+  const renderRoundFilled = () => renderFilled();
+  const renderSquareFilled = () => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    AnimatedPath,
+    {
+      fill: resolvedColor,
+      d: "m380.91 199l42.47-73.57a8.63 8.63 0 0 0-3.12-11.76a8.52 8.52 0 0 0-11.71 3.12l-43 74.52c-32.83-15-69.78-23.35-109.52-23.35s-76.69 8.36-109.52 23.35l-43-74.52a8.6 8.6 0 1 0-14.88 8.64L131 199C57.8 238.64 8.19 312.77 0 399.55h512c-8.19-86.78-57.8-160.91-131.09-200.55M138.45 327.65a21.46 21.46 0 1 1 21.46-21.46a21.47 21.47 0 0 1-21.46 21.46m235 0A21.46 21.46 0 1 1 395 306.19a21.47 21.47 0 0 1-21.51 21.46Z",
+      ...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 {
   LogoAndroidIcon
 };

package/dist/logo-angular.js

@@ -1,6 +1,188 @@
-import {
-  LogoAngularIcon
-} from "./chunk-6WEJ3ZRX.js";
+// src/icons/logo-angular.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 LogoAngularIcon = ({
+  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: resolvedColor,
+      d: "M213.57 256h84.85l-42.43-89.36z",
+      ...animatedProps
+    }
+  ), /* @__PURE__ */ React.createElement(
+    AnimatedPath,
+    {
+      fill: resolvedColor,
+      d: "M256 32L32 112l46.12 272L256 480l177.75-96L480 112Zm88 320l-26.59-56H194.58L168 352h-40L256 72l128 280Z",
+      ...animatedProps
+    }
+  ));
+  const renderFilled = () => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    AnimatedPath,
+    {
+      fill: resolvedColor,
+      d: "M213.57 256h84.85l-42.43-89.36z",
+      ...animatedProps
+    }
+  ), /* @__PURE__ */ React.createElement(
+    AnimatedPath,
+    {
+      fill: resolvedColor,
+      d: "M256 32L32 112l46.12 272L256 480l177.75-96L480 112Zm88 320l-26.59-56H194.58L168 352h-40L256 72l128 280Z",
+      ...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: resolvedColor,
+      d: "M213.57 256h84.85l-42.43-89.36z",
+      ...animatedProps
+    }
+  ), /* @__PURE__ */ React.createElement(
+    AnimatedPath,
+    {
+      fill: resolvedColor,
+      d: "M256 32L32 112l46.12 272L256 480l177.75-96L480 112Zm88 320l-26.59-56H194.58L168 352h-40L256 72l128 280Z",
+      ...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: resolvedColor,
+      d: "M213.57 256h84.85l-42.43-89.36z",
+      ...animatedProps
+    }
+  ), /* @__PURE__ */ React.createElement(
+    AnimatedPath,
+    {
+      fill: resolvedColor,
+      d: "M256 32L32 112l46.12 272L256 480l177.75-96L480 112Zm88 320l-26.59-56H194.58L168 352h-40L256 72l128 280Z",
+      ...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: resolvedColor,
+      d: "M213.57 256h84.85l-42.43-89.36z",
+      ...animatedProps
+    }
+  ), /* @__PURE__ */ React.createElement(
+    AnimatedPath,
+    {
+      fill: resolvedColor,
+      d: "M256 32L32 112l46.12 272L256 480l177.75-96L480 112Zm88 320l-26.59-56H194.58L168 352h-40L256 72l128 280Z",
+      ...animatedProps
+    }
+  ));
+  const renderRoundFilled = () => renderFilled();
+  const renderSquareFilled = () => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    AnimatedPath,
+    {
+      fill: resolvedColor,
+      d: "M213.57 256h84.85l-42.43-89.36z",
+      ...animatedProps
+    }
+  ), /* @__PURE__ */ React.createElement(
+    AnimatedPath,
+    {
+      fill: resolvedColor,
+      d: "M256 32L32 112l46.12 272L256 480l177.75-96L480 112Zm88 320l-26.59-56H194.58L168 352h-40L256 72l128 280Z",
+      ...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 {
   LogoAngularIcon
 };