@xaui/native 0.0.11 → 0.0.13

package/dist/icon/index.cjs

@@ -1,680 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/components/icon/index.ts
-var icon_exports = {};
-__export(icon_exports, {
-  ArrowBackIcon: () => ArrowBackIcon,
-  CheckmarkIcon: () => CheckmarkIcon,
-  ChevronDownIcon: () => ChevronDownIcon,
-  CloseIcon: () => CloseIcon
-});
-module.exports = __toCommonJS(icon_exports);
-
-// src/components/icon/icons/arrow-back.tsx
-var import_react6 = __toESM(require("react"), 1);
-var import_react_native4 = require("react-native");
-var import_react_native_svg = __toESM(require("react-native-svg"), 1);
-
-// src/components/icon/icon.utils.ts
-var isThemeColor = (color) => {
-  const themeColors = [
-    "primary",
-    "secondary",
-    "tertiary",
-    "danger",
-    "warning",
-    "success",
-    "default"
-  ];
-  return themeColors.includes(color);
-};
-
-// src/core/theme-context.tsx
-var import_react4 = __toESM(require("react"), 1);
-var import_react_native2 = require("react-native");
-var import_theme = require("@xaui/core/theme");
-var import_palette = require("@xaui/core/palette");
-
-// src/core/portal/portal.tsx
-var import_react2 = require("react");
-
-// src/core/portal/portal-context.ts
-var import_react = require("react");
-var PortalContext = (0, import_react.createContext)(null);
-
-// src/core/portal/portal-host.tsx
-var import_react3 = __toESM(require("react"), 1);
-var import_react_native = require("react-native");
-var hostStyles = import_react_native.StyleSheet.create({
-  container: {
-    flex: 1
-  }
-});
-
-// src/core/theme-context.tsx
-var XUIThemeContext = (0, import_react4.createContext)(null);
-
-// src/core/theme-hooks.ts
-var import_react5 = require("react");
-var import_react_native3 = require("react-native");
-function useXUITheme() {
-  const theme = (0, import_react5.useContext)(XUIThemeContext);
-  if (!theme) {
-    throw new Error("useXUITheme must be used within XUIProvider");
-  }
-  return theme;
-}
-
-// src/core/index.ts
-var import_theme2 = require("@xaui/core/theme");
-
-// src/components/icon/icons/arrow-back.tsx
-var AnimatedPath = import_react_native4.Animated.createAnimatedComponent(import_react_native_svg.Path);
-var ArrowBackIcon = ({
-  variant = "baseline",
-  size = 24,
-  color = "default",
-  isAnimated = false
-}) => {
-  const theme = useXUITheme();
-  const scaleAnim = (0, import_react6.useRef)(new import_react_native4.Animated.Value(isAnimated ? 0 : 1)).current;
-  const opacityAnim = (0, import_react6.useRef)(new import_react_native4.Animated.Value(isAnimated ? 0 : 1)).current;
-  const resolvedColor = (0, import_react6.useMemo)(() => {
-    if (typeof color === "string" && isThemeColor(color)) {
-      return theme.colors[color].main;
-    }
-    return color;
-  }, [color, theme]);
-  (0, import_react6.useEffect)(() => {
-    if (isAnimated) {
-      import_react_native4.Animated.parallel([
-        import_react_native4.Animated.spring(scaleAnim, {
-          toValue: 1,
-          useNativeDriver: true,
-          tension: 50,
-          friction: 7
-        }),
-        import_react_native4.Animated.timing(opacityAnim, {
-          toValue: 1,
-          duration: 200,
-          useNativeDriver: true
-        })
-      ]).start();
-    }
-  }, [isAnimated, scaleAnim, opacityAnim]);
-  const animatedProps = isAnimated ? {
-    transform: [{ scale: scaleAnim }],
-    opacity: opacityAnim
-  } : void 0;
-  const renderArrow = () => /* @__PURE__ */ import_react6.default.createElement(
-    AnimatedPath,
-    {
-      fill: "none",
-      stroke: resolvedColor,
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 48,
-      d: "M244 400L100 256l144-144M120 256h292",
-      ...animatedProps
-    }
-  );
-  const renderDuotone = () => /* @__PURE__ */ import_react6.default.createElement(import_react6.default.Fragment, null, /* @__PURE__ */ import_react6.default.createElement(
-    import_react_native_svg.Path,
-    {
-      fill: resolvedColor,
-      opacity: 0.3,
-      d: "M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48z"
-    }
-  ), renderArrow());
-  const renderRoundOutlined = () => /* @__PURE__ */ import_react6.default.createElement(import_react6.default.Fragment, null, /* @__PURE__ */ import_react6.default.createElement(
-    import_react_native_svg.Circle,
-    {
-      cx: "256",
-      cy: "256",
-      r: "192",
-      fill: "none",
-      stroke: resolvedColor,
-      strokeWidth: 32
-    }
-  ), renderArrow());
-  const renderSquareOutlined = () => /* @__PURE__ */ import_react6.default.createElement(import_react6.default.Fragment, null, /* @__PURE__ */ import_react6.default.createElement(
-    import_react_native_svg.Rect,
-    {
-      x: "64",
-      y: "64",
-      width: "384",
-      height: "384",
-      rx: "48",
-      fill: "none",
-      stroke: resolvedColor,
-      strokeWidth: 32
-    }
-  ), renderArrow());
-  const renderVariant = () => {
-    switch (variant) {
-      case "duotone":
-        return renderDuotone();
-      case "round-outlined":
-        return renderRoundOutlined();
-      case "square-outlined":
-        return renderSquareOutlined();
-      case "filled":
-      case "round-filled":
-      case "square-filled":
-      case "baseline":
-      default:
-        return renderArrow();
-    }
-  };
-  return /* @__PURE__ */ import_react6.default.createElement(import_react_native_svg.default, { width: size, height: size, viewBox: "0 0 512 512" }, renderVariant());
-};
-
-// src/components/icon/icons/checkmark.tsx
-var import_react7 = __toESM(require("react"), 1);
-var import_react_native5 = require("react-native");
-var import_react_native_svg2 = __toESM(require("react-native-svg"), 1);
-var AnimatedPath2 = import_react_native5.Animated.createAnimatedComponent(import_react_native_svg2.Path);
-var CheckmarkIcon = ({
-  variant = "baseline",
-  size = 24,
-  color = "default",
-  isAnimated = false
-}) => {
-  const theme = useXUITheme();
-  const scaleAnim = (0, import_react7.useRef)(new import_react_native5.Animated.Value(isAnimated ? 0 : 1)).current;
-  const opacityAnim = (0, import_react7.useRef)(new import_react_native5.Animated.Value(isAnimated ? 0 : 1)).current;
-  const resolvedColor = (0, import_react7.useMemo)(() => {
-    if (typeof color === "string" && isThemeColor(color)) {
-      return theme.colors[color].main;
-    }
-    return color;
-  }, [color, theme]);
-  (0, import_react7.useEffect)(() => {
-    if (isAnimated) {
-      import_react_native5.Animated.parallel([
-        import_react_native5.Animated.spring(scaleAnim, {
-          toValue: 1,
-          useNativeDriver: true,
-          tension: 50,
-          friction: 7
-        }),
-        import_react_native5.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__ */ import_react7.default.createElement(
-    AnimatedPath2,
-    {
-      fill: "none",
-      stroke: resolvedColor,
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 32,
-      d: "M416 128L192 384l-96-96",
-      ...animatedProps
-    }
-  );
-  const renderFilled = () => /* @__PURE__ */ import_react7.default.createElement(
-    AnimatedPath2,
-    {
-      fill: resolvedColor,
-      d: "M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192zm-257.9 78.9l-64-64a16 16 0 0 1 22.6-22.6l52.7 52.7 116.7-116.7a16 16 0 0 1 22.6 22.6l-128 128a16 16 0 0 1-22.6 0z",
-      ...animatedProps
-    }
-  );
-  const renderDuotone = () => /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, /* @__PURE__ */ import_react7.default.createElement(
-    import_react_native_svg2.Path,
-    {
-      fill: resolvedColor,
-      opacity: 0.3,
-      d: "M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48z"
-    }
-  ), /* @__PURE__ */ import_react7.default.createElement(
-    AnimatedPath2,
-    {
-      fill: "none",
-      stroke: resolvedColor,
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 32,
-      d: "M416 128L192 384l-96-96",
-      ...animatedProps
-    }
-  ));
-  const renderRoundOutlined = () => /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, /* @__PURE__ */ import_react7.default.createElement(
-    import_react_native_svg2.Circle,
-    {
-      cx: "256",
-      cy: "256",
-      r: "192",
-      fill: "none",
-      stroke: resolvedColor,
-      strokeWidth: 32
-    }
-  ), /* @__PURE__ */ import_react7.default.createElement(
-    AnimatedPath2,
-    {
-      fill: "none",
-      stroke: resolvedColor,
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 32,
-      d: "M416 128L192 384l-96-96",
-      ...animatedProps
-    }
-  ));
-  const renderSquareOutlined = () => /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, /* @__PURE__ */ import_react7.default.createElement(
-    import_react_native_svg2.Rect,
-    {
-      x: "64",
-      y: "64",
-      width: "384",
-      height: "384",
-      rx: "48",
-      fill: "none",
-      stroke: resolvedColor,
-      strokeWidth: 32
-    }
-  ), /* @__PURE__ */ import_react7.default.createElement(
-    AnimatedPath2,
-    {
-      fill: "none",
-      stroke: resolvedColor,
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 32,
-      d: "M416 128L192 384l-96-96",
-      ...animatedProps
-    }
-  ));
-  const renderRoundFilled = () => /* @__PURE__ */ import_react7.default.createElement(
-    AnimatedPath2,
-    {
-      fill: resolvedColor,
-      d: "M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192zm-257.9 78.9l-64-64a16 16 0 0 1 22.6-22.6l52.7 52.7 116.7-116.7a16 16 0 0 1 22.6 22.6l-128 128a16 16 0 0 1-22.6 0z",
-      ...animatedProps
-    }
-  );
-  const renderSquareFilled = () => /* @__PURE__ */ import_react7.default.createElement(
-    AnimatedPath2,
-    {
-      fill: resolvedColor,
-      d: "M400 64H112a48 48 0 0 0-48 48v288a48 48 0 0 0 48 48h288a48 48 0 0 0 48-48V112a48 48 0 0 0-48-48zm-141.45 241.25l-116.36-103a16 16 0 0 1 21.62-23.58l104.18 92.23 145.69-145.69a16 16 0 0 1 22.62 22.62l-156 156a16 16 0 0 1-21.75.42z",
-      ...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__ */ import_react7.default.createElement(import_react_native_svg2.default, { width: size, height: size, viewBox: "0 0 512 512" }, renderVariant());
-};
-
-// src/components/icon/icons/chevron-down.tsx
-var import_react8 = __toESM(require("react"), 1);
-var import_react_native6 = require("react-native");
-var import_react_native_svg3 = __toESM(require("react-native-svg"), 1);
-var AnimatedPath3 = import_react_native6.Animated.createAnimatedComponent(import_react_native_svg3.Path);
-var ChevronDownIcon = ({
-  variant = "baseline",
-  size = 24,
-  color = "default",
-  isAnimated = false
-}) => {
-  const theme = useXUITheme();
-  const scaleAnim = (0, import_react8.useRef)(new import_react_native6.Animated.Value(isAnimated ? 0 : 1)).current;
-  const opacityAnim = (0, import_react8.useRef)(new import_react_native6.Animated.Value(isAnimated ? 0 : 1)).current;
-  const resolvedColor = (0, import_react8.useMemo)(() => {
-    if (typeof color === "string" && isThemeColor(color)) {
-      return theme.colors[color].main;
-    }
-    return color;
-  }, [color, theme]);
-  (0, import_react8.useEffect)(() => {
-    if (isAnimated) {
-      import_react_native6.Animated.parallel([
-        import_react_native6.Animated.spring(scaleAnim, {
-          toValue: 1,
-          useNativeDriver: true,
-          tension: 50,
-          friction: 7
-        }),
-        import_react_native6.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__ */ import_react8.default.createElement(
-    AnimatedPath3,
-    {
-      fill: "none",
-      stroke: resolvedColor,
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 48,
-      d: "M112 184l144 144 144-144",
-      ...animatedProps
-    }
-  );
-  const renderFilled = () => /* @__PURE__ */ import_react8.default.createElement(
-    AnimatedPath3,
-    {
-      fill: resolvedColor,
-      d: "M256 294.1L383 167c9.4-9.4 24.6-9.4 33.9 0s9.3 24.6 0 34L273 345c-9.1 9.1-23.7 9.3-33.1.7L95 201.1c-4.7-4.7-7-10.9-7-17s2.3-12.3 7-17c9.4-9.4 24.6-9.4 33.9 0l127.1 127z",
-      ...animatedProps
-    }
-  );
-  const renderDuotone = () => /* @__PURE__ */ import_react8.default.createElement(import_react8.default.Fragment, null, /* @__PURE__ */ import_react8.default.createElement(
-    import_react_native_svg3.Path,
-    {
-      fill: resolvedColor,
-      opacity: 0.3,
-      d: "M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48z"
-    }
-  ), /* @__PURE__ */ import_react8.default.createElement(
-    AnimatedPath3,
-    {
-      fill: "none",
-      stroke: resolvedColor,
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 48,
-      d: "M112 184l144 144 144-144",
-      ...animatedProps
-    }
-  ));
-  const renderRoundOutlined = () => /* @__PURE__ */ import_react8.default.createElement(import_react8.default.Fragment, null, /* @__PURE__ */ import_react8.default.createElement(
-    import_react_native_svg3.Circle,
-    {
-      cx: "256",
-      cy: "256",
-      r: "192",
-      fill: "none",
-      stroke: resolvedColor,
-      strokeWidth: 32
-    }
-  ), /* @__PURE__ */ import_react8.default.createElement(
-    AnimatedPath3,
-    {
-      fill: "none",
-      stroke: resolvedColor,
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 48,
-      d: "M112 184l144 144 144-144",
-      ...animatedProps
-    }
-  ));
-  const renderSquareOutlined = () => /* @__PURE__ */ import_react8.default.createElement(import_react8.default.Fragment, null, /* @__PURE__ */ import_react8.default.createElement(
-    import_react_native_svg3.Rect,
-    {
-      x: "64",
-      y: "64",
-      width: "384",
-      height: "384",
-      rx: "48",
-      fill: "none",
-      stroke: resolvedColor,
-      strokeWidth: 32
-    }
-  ), /* @__PURE__ */ import_react8.default.createElement(
-    AnimatedPath3,
-    {
-      fill: "none",
-      stroke: resolvedColor,
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 48,
-      d: "M112 184l144 144 144-144",
-      ...animatedProps
-    }
-  ));
-  const renderRoundFilled = () => /* @__PURE__ */ import_react8.default.createElement(
-    AnimatedPath3,
-    {
-      fill: resolvedColor,
-      d: "M464 256c0-114.87-93.13-208-208-208S48 141.13 48 256s93.13 208 208 208 208-93.13 208-208zm-100.69-28.69l-96 96a16 16 0 0 1-22.62 0l-96-96a16 16 0 0 1 22.62-22.62L256 289.37l84.69-84.68a16 16 0 0 1 22.62 22.62z",
-      ...animatedProps
-    }
-  );
-  const renderSquareFilled = () => /* @__PURE__ */ import_react8.default.createElement(
-    AnimatedPath3,
-    {
-      fill: resolvedColor,
-      d: "M400 64H112a48 48 0 0 0-48 48v288a48 48 0 0 0 48 48h288a48 48 0 0 0 48-48V112a48 48 0 0 0-48-48zm-36.69 163.31l-96 96a16 16 0 0 1-22.62 0l-96-96a16 16 0 0 1 22.62-22.62L256 289.37l84.69-84.68a16 16 0 0 1 22.62 22.62z",
-      ...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__ */ import_react8.default.createElement(import_react_native_svg3.default, { width: size, height: size, viewBox: "0 0 512 512" }, renderVariant());
-};
-
-// src/components/icon/icons/close.tsx
-var import_react9 = __toESM(require("react"), 1);
-var import_react_native7 = require("react-native");
-var import_react_native_svg4 = __toESM(require("react-native-svg"), 1);
-var AnimatedPath4 = import_react_native7.Animated.createAnimatedComponent(import_react_native_svg4.Path);
-var CloseIcon = ({
-  variant = "baseline",
-  size = 24,
-  color = "default",
-  isAnimated = false
-}) => {
-  const theme = useXUITheme();
-  const scaleAnim = (0, import_react9.useRef)(new import_react_native7.Animated.Value(isAnimated ? 0 : 1)).current;
-  const opacityAnim = (0, import_react9.useRef)(new import_react_native7.Animated.Value(isAnimated ? 0 : 1)).current;
-  const resolvedColor = (0, import_react9.useMemo)(() => {
-    if (typeof color === "string" && isThemeColor(color)) {
-      return theme.colors[color].main;
-    }
-    return color;
-  }, [color, theme]);
-  (0, import_react9.useEffect)(() => {
-    if (isAnimated) {
-      import_react_native7.Animated.parallel([
-        import_react_native7.Animated.spring(scaleAnim, {
-          toValue: 1,
-          useNativeDriver: true,
-          tension: 50,
-          friction: 7
-        }),
-        import_react_native7.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__ */ import_react9.default.createElement(
-    AnimatedPath4,
-    {
-      fill: resolvedColor,
-      d: "m289.94 256l95-95A24 24 0 0 0 351 127l-95 95l-95-95a24 24 0 0 0-34 34l95 95l-95 95a24 24 0 1 0 34 34l95-95l95 95a24 24 0 0 0 34-34Z",
-      ...animatedProps
-    }
-  );
-  const renderFilled = () => /* @__PURE__ */ import_react9.default.createElement(
-    AnimatedPath4,
-    {
-      fill: resolvedColor,
-      d: "M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm75.31 260.69a16 16 0 1 1-22.62 22.62L256 278.63l-52.69 52.68a16 16 0 0 1-22.62-22.62L233.37 256l-52.68-52.69a16 16 0 0 1 22.62-22.62L256 233.37l52.69-52.68a16 16 0 0 1 22.62 22.62L278.63 256z",
-      ...animatedProps
-    }
-  );
-  const renderDuotone = () => /* @__PURE__ */ import_react9.default.createElement(import_react9.default.Fragment, null, /* @__PURE__ */ import_react9.default.createElement(
-    import_react_native_svg4.Path,
-    {
-      fill: resolvedColor,
-      opacity: 0.3,
-      d: "M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48z"
-    }
-  ), /* @__PURE__ */ import_react9.default.createElement(
-    AnimatedPath4,
-    {
-      fill: resolvedColor,
-      d: "m289.94 256l95-95A24 24 0 0 0 351 127l-95 95l-95-95a24 24 0 0 0-34 34l95 95l-95 95a24 24 0 1 0 34 34l95-95l95 95a24 24 0 0 0 34-34Z",
-      ...animatedProps
-    }
-  ));
-  const renderRoundOutlined = () => /* @__PURE__ */ import_react9.default.createElement(import_react9.default.Fragment, null, /* @__PURE__ */ import_react9.default.createElement(
-    import_react_native_svg4.Circle,
-    {
-      cx: "256",
-      cy: "256",
-      r: "192",
-      fill: "none",
-      stroke: resolvedColor,
-      strokeWidth: 32
-    }
-  ), /* @__PURE__ */ import_react9.default.createElement(
-    AnimatedPath4,
-    {
-      fill: resolvedColor,
-      d: "m289.94 256l95-95A24 24 0 0 0 351 127l-95 95l-95-95a24 24 0 0 0-34 34l95 95l-95 95a24 24 0 1 0 34 34l95-95l95 95a24 24 0 0 0 34-34Z",
-      ...animatedProps
-    }
-  ));
-  const renderSquareOutlined = () => /* @__PURE__ */ import_react9.default.createElement(import_react9.default.Fragment, null, /* @__PURE__ */ import_react9.default.createElement(
-    import_react_native_svg4.Rect,
-    {
-      x: "64",
-      y: "64",
-      width: "384",
-      height: "384",
-      rx: "48",
-      fill: "none",
-      stroke: resolvedColor,
-      strokeWidth: 32
-    }
-  ), /* @__PURE__ */ import_react9.default.createElement(
-    AnimatedPath4,
-    {
-      fill: resolvedColor,
-      d: "m289.94 256l95-95A24 24 0 0 0 351 127l-95 95l-95-95a24 24 0 0 0-34 34l95 95l-95 95a24 24 0 1 0 34 34l95-95l95 95a24 24 0 0 0 34-34Z",
-      ...animatedProps
-    }
-  ));
-  const renderRoundFilled = () => /* @__PURE__ */ import_react9.default.createElement(
-    AnimatedPath4,
-    {
-      fill: resolvedColor,
-      d: "M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm75.31 260.69a16 16 0 1 1-22.62 22.62L256 278.63l-52.69 52.68a16 16 0 0 1-22.62-22.62L233.37 256l-52.68-52.69a16 16 0 0 1 22.62-22.62L256 233.37l52.69-52.68a16 16 0 0 1 22.62 22.62L278.63 256z",
-      ...animatedProps
-    }
-  );
-  const renderSquareFilled = () => /* @__PURE__ */ import_react9.default.createElement(
-    AnimatedPath4,
-    {
-      fill: resolvedColor,
-      d: "M400 64H112a48 48 0 0 0-48 48v288a48 48 0 0 0 48 48h288a48 48 0 0 0 48-48V112a48 48 0 0 0-48-48zm-59.31 244.69a16 16 0 1 1-22.62 22.62L256 278.63l-62.07 52.68a16 16 0 0 1-22.62-22.62L223.37 256l-52.06-52.69a16 16 0 0 1 22.62-22.62L256 233.37l62.07-52.68a16 16 0 0 1 22.62 22.62L288.63 256z",
-      ...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__ */ import_react9.default.createElement(import_react_native_svg4.default, { width: size, height: size, viewBox: "0 0 512 512" }, renderVariant());
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ArrowBackIcon,
-  CheckmarkIcon,
-  ChevronDownIcon,
-  CloseIcon
-});