@kietpt2003/react-native-core-ui/dist/SvgIcon/components/index.js

React Native Core UI components by KietPT

"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/SvgIcon/components/index.ts
var components_exports = {};
__export(components_exports, {
  IconAlertCircle: () => IconAlertCircle_default,
  IconAngleLeft: () => IconAngleLeft_default,
  IconAngleRight: () => IconAngleRight_default,
  IconCheckBox: () => IconCheckBox_default,
  IconCheckBoxOutlineBlank: () => IconCheckBoxOutlineBlank_default,
  IconCheckBoxWithBg: () => IconCheckBoxWithBg_default,
  IconPlayCircle: () => IconPlayCircle_default,
  IconPlus: () => IconPlus_default
});
module.exports = __toCommonJS(components_exports);

// src/SvgIcon/components/IconPlus.tsx
var import_react = __toESM(require("react"));
var import_react_native_svg = __toESM(require("react-native-svg"));
var IconPlus = ({
  size,
  color,
  strokeWidth,
  style
}) => {
  return /* @__PURE__ */ import_react.default.createElement(
    import_react_native_svg.default,
    {
      width: size,
      height: size,
      viewBox: "0 0 24 24",
      fill: "none",
      style
    },
    /* @__PURE__ */ import_react.default.createElement(
      import_react_native_svg.Line,
      {
        x1: "12",
        y1: "5",
        x2: "12",
        y2: "19",
        stroke: color,
        strokeWidth,
        strokeLinecap: "round"
      }
    ),
    /* @__PURE__ */ import_react.default.createElement(
      import_react_native_svg.Line,
      {
        x1: "5",
        y1: "12",
        x2: "19",
        y2: "12",
        stroke: color,
        strokeWidth,
        strokeLinecap: "round"
      }
    )
  );
};
var IconPlus_default = IconPlus;

// src/SvgIcon/components/IconCheckBox.tsx
var import_react2 = __toESM(require("react"));
var import_react_native_svg2 = __toESM(require("react-native-svg"));
var IconCheckBox = ({
  size,
  color,
  strokeWidth,
  fill,
  style
}) => {
  return /* @__PURE__ */ import_react2.default.createElement(
    import_react_native_svg2.default,
    {
      width: size,
      height: size,
      viewBox: "0 0 24 24",
      fill: "none",
      style
    },
    /* @__PURE__ */ import_react2.default.createElement(
      import_react_native_svg2.Rect,
      {
        x: "3",
        y: "3",
        width: "18",
        height: "18",
        rx: "2",
        ry: "2",
        stroke: color,
        strokeWidth,
        fill
      }
    ),
    /* @__PURE__ */ import_react2.default.createElement(
      import_react_native_svg2.Path,
      {
        d: "M7 12.5L10.5 16L17 8",
        stroke: color,
        strokeWidth,
        strokeLinecap: "round",
        strokeLinejoin: "round"
      }
    )
  );
};
var IconCheckBox_default = IconCheckBox;

// src/SvgIcon/components/IconCheckBoxWithBg.tsx
var import_react3 = __toESM(require("react"));
var import_react_native_svg3 = __toESM(require("react-native-svg"));
var IconCheckBoxWithBg = ({
  size,
  color,
  strokeWidth,
  fill,
  style
}) => {
  return /* @__PURE__ */ import_react3.default.createElement(
    import_react_native_svg3.default,
    {
      width: size,
      height: size,
      viewBox: "0 0 24 24",
      fill: "none",
      style
    },
    /* @__PURE__ */ import_react3.default.createElement(
      import_react_native_svg3.Rect,
      {
        x: "3",
        y: "3",
        width: "18",
        height: "18",
        rx: "2",
        ry: "2",
        stroke: color,
        strokeWidth,
        fill: color
      }
    ),
    /* @__PURE__ */ import_react3.default.createElement(
      import_react_native_svg3.Path,
      {
        d: "M7 12.5L10.5 16L17 8",
        stroke: fill,
        strokeWidth,
        strokeLinecap: "round",
        strokeLinejoin: "round"
      }
    )
  );
};
var IconCheckBoxWithBg_default = IconCheckBoxWithBg;

// src/SvgIcon/components/IconCheckBoxOutlineBlank.tsx
var import_react4 = __toESM(require("react"));
var import_react_native_svg4 = __toESM(require("react-native-svg"));
var IconCheckBoxOutlineBlank = ({
  size,
  color,
  strokeWidth,
  fill,
  style
}) => {
  return /* @__PURE__ */ import_react4.default.createElement(
    import_react_native_svg4.default,
    {
      width: size,
      height: size,
      viewBox: "0 0 24 24",
      fill: "none",
      style
    },
    /* @__PURE__ */ import_react4.default.createElement(
      import_react_native_svg4.Rect,
      {
        x: "3",
        y: "3",
        width: "18",
        height: "18",
        rx: "2",
        ry: "2",
        stroke: color,
        strokeWidth,
        fill
      }
    )
  );
};
var IconCheckBoxOutlineBlank_default = IconCheckBoxOutlineBlank;

// src/SvgIcon/components/IconAlertCircle.tsx
var import_react5 = __toESM(require("react"));
var import_react_native_svg5 = __toESM(require("react-native-svg"));
var IconAlertCircle = ({
  size,
  color,
  strokeWidth,
  fill,
  style
}) => {
  return /* @__PURE__ */ import_react5.default.createElement(
    import_react_native_svg5.default,
    {
      width: size,
      height: size,
      viewBox: "0 0 24 24",
      fill: "none",
      style
    },
    /* @__PURE__ */ import_react5.default.createElement(
      import_react_native_svg5.Circle,
      {
        cx: "12",
        cy: "12",
        r: "10",
        stroke: color,
        strokeWidth,
        fill
      }
    ),
    /* @__PURE__ */ import_react5.default.createElement(
      import_react_native_svg5.Line,
      {
        x1: "12",
        y1: "7",
        x2: "12",
        y2: "12",
        stroke: color,
        strokeWidth,
        strokeLinecap: "round"
      }
    ),
    /* @__PURE__ */ import_react5.default.createElement(import_react_native_svg5.Circle, { cx: "12", cy: "17", r: strokeWidth, fill: color })
  );
};
var IconAlertCircle_default = IconAlertCircle;

// src/SvgIcon/components/IconAngleRight.tsx
var import_react6 = __toESM(require("react"));
var import_react_native_svg6 = __toESM(require("react-native-svg"));
var IconAngleRight = ({
  size,
  color,
  strokeWidth,
  style
}) => {
  return /* @__PURE__ */ import_react6.default.createElement(
    import_react_native_svg6.default,
    {
      width: size,
      height: size,
      viewBox: "0 0 24 24",
      fill: "none",
      style
    },
    /* @__PURE__ */ import_react6.default.createElement(
      import_react_native_svg6.Polyline,
      {
        points: "9 6 15 12 9 18",
        stroke: color,
        strokeWidth,
        strokeLinecap: "round",
        strokeLinejoin: "round"
      }
    )
  );
};
var IconAngleRight_default = IconAngleRight;

// src/SvgIcon/components/IconAngleLeft.tsx
var import_react7 = __toESM(require("react"));
var import_react_native_svg7 = __toESM(require("react-native-svg"));
var IconAngleLeft = ({
  size,
  color,
  strokeWidth,
  style
}) => {
  return /* @__PURE__ */ import_react7.default.createElement(
    import_react_native_svg7.default,
    {
      width: size,
      height: size,
      viewBox: "0 0 24 24",
      fill: "none",
      style
    },
    /* @__PURE__ */ import_react7.default.createElement(
      import_react_native_svg7.Polyline,
      {
        points: "15 18 9 12 15 6",
        stroke: color,
        strokeWidth,
        strokeLinecap: "round",
        strokeLinejoin: "round"
      }
    )
  );
};
var IconAngleLeft_default = IconAngleLeft;

// src/SvgIcon/components/IconPlayCircle.tsx
var import_react8 = __toESM(require("react"));
var import_react_native_svg8 = __toESM(require("react-native-svg"));

// src/utils/resolutions.ts
var import_react_native = require("react-native");
var import_react_native_iphone_x_helper = require("react-native-iphone-x-helper");
var import_react_native_device_info = __toESM(require("react-native-device-info"));
var isTablet = import_react_native_device_info.default.isTablet();
var statusBarHeight = import_react_native.Platform.OS == "android" && import_react_native.StatusBar.currentHeight ? import_react_native.StatusBar.currentHeight : 0;

// src/utils/scale.ts
var import_react_native2 = require("react-native");
var { width, height } = import_react_native2.Dimensions.get("window");
var IPHONE_12_WIDTH = 375;
var IPHONE_12_HEIGTH = 812;
var scaleWidth = width / IPHONE_12_WIDTH;
var scaleHeight = height / IPHONE_12_HEIGTH;
var scaleAvg = (scaleWidth + scaleHeight) / 2;
var scale = (size) => Math.round(import_react_native2.PixelRatio.roundToNearestPixel(size * scaleWidth));

// src/SvgIcon/components/IconPlayCircle.tsx
var IconPlayCircle = ({
  size,
  color,
  strokeWidth,
  fill,
  style
}) => {
  const circleStrokeWidth = scale(5);
  const circleRadius = 50 - circleStrokeWidth / 2;
  return /* @__PURE__ */ import_react8.default.createElement(
    import_react_native_svg8.default,
    {
      width: size,
      height: size,
      viewBox: "0 0 100 100",
      style
    },
    /* @__PURE__ */ import_react8.default.createElement(
      import_react_native_svg8.Circle,
      {
        cx: "50",
        cy: "50",
        r: circleRadius,
        fill,
        stroke: color,
        strokeWidth
      }
    ),
    /* @__PURE__ */ import_react8.default.createElement(
      import_react_native_svg8.Polygon,
      {
        points: "40,30 40,70 70,50",
        fill: color,
        stroke: color,
        strokeWidth
      }
    )
  );
};
var IconPlayCircle_default = IconPlayCircle;
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
  IconAlertCircle,
  IconAngleLeft,
  IconAngleRight,
  IconCheckBox,
  IconCheckBoxOutlineBlank,
  IconCheckBoxWithBg,
  IconPlayCircle,
  IconPlus
});
//# sourceMappingURL=index.js.map