@impulse-ui-native/icon 1.0.0

package/dist/index.cjs.js

@@ -0,0 +1,53 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  Icon: () => Icon
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/components/icon.tsx
+var import_react_native_fontawesome = require("@fortawesome/react-native-fontawesome");
+var import_theme = require("@impulse-ui-native/theme");
+var import_react = require("react");
+var Icon = (0, import_react.memo)(function Icon2({
+  size = "medium",
+  icon,
+  children,
+  style,
+  ...props
+}) {
+  const theme = (0, import_theme.useTheme)();
+  const iconSize = (0, import_react.useMemo)(
+    () => ({
+      small: 14,
+      medium: 16,
+      large: 16
+    })[size],
+    [theme, size]
+  );
+  return /* @__PURE__ */ React.createElement(import_react_native_fontawesome.FontAwesomeIcon, { size: iconSize, icon, style, ...props });
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Icon
+});
+//# sourceMappingURL=index.cjs.js.map

package/dist/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/components/icon.tsx"],"sourcesContent":["export * from \"./components\";\r\nexport * from \"./types\";\r\n","import { FontAwesomeIcon } from \"@fortawesome/react-native-fontawesome\";\r\nimport { useTheme } from \"@impulse-ui-native/theme\";\r\nimport { memo, PropsWithChildren, useMemo } from \"react\";\r\nimport { IconProps } from \"../types\";\r\n\r\nexport const Icon = memo(function Icon({\r\n  size = \"medium\",\r\n  icon,\r\n  children,\r\n  style,\r\n  ...props\r\n}: PropsWithChildren<IconProps>) {\r\n  const theme = useTheme();\r\n  const iconSize = useMemo(\r\n    () =>\r\n      ({\r\n        small: 14,\r\n        medium: 16,\r\n        large: 16,\r\n      }[size]),\r\n    [theme, size]\r\n  );\r\n\r\n  return (\r\n    <FontAwesomeIcon size={iconSize} icon={icon} style={style} {...props} />\r\n  );\r\n});\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,sCAAgC;AAChC,mBAAyB;AACzB,mBAAiD;AAG1C,IAAM,WAAO,mBAAK,SAASA,MAAK;AAAA,EACrC,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAiC;AAC/B,QAAM,YAAQ,uBAAS;AACvB,QAAM,eAAW;AAAA,IACf,OACG;AAAA,MACC,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAO;AAAA,IACT,GAAE,IAAI;AAAA,IACR,CAAC,OAAO,IAAI;AAAA,EACd;AAEA,SACE,oCAAC,mDAAgB,MAAM,UAAU,MAAY,OAAe,GAAG,OAAO;AAE1E,CAAC;","names":["Icon"]}

package/dist/index.d.mts

@@ -0,0 +1,16 @@
+import * as react from 'react';
+import { PropsWithChildren } from 'react';
+import { Props } from '@fortawesome/react-native-fontawesome';
+import { ComponentSize } from '@impulse-ui-native/theme';
+import { ViewStyle } from 'react-native';
+
+interface IconStyle extends ViewStyle {
+    color?: string;
+}
+interface IconProps extends Omit<Props, "size"> {
+    size?: ComponentSize | number;
+}
+
+declare const Icon: react.NamedExoticComponent<PropsWithChildren<IconProps>>;
+
+export { Icon, type IconProps, type IconStyle };

package/dist/index.d.ts

@@ -0,0 +1,16 @@
+import * as react from 'react';
+import { PropsWithChildren } from 'react';
+import { Props } from '@fortawesome/react-native-fontawesome';
+import { ComponentSize } from '@impulse-ui-native/theme';
+import { ViewStyle } from 'react-native';
+
+interface IconStyle extends ViewStyle {
+    color?: string;
+}
+interface IconProps extends Omit<Props, "size"> {
+    size?: ComponentSize | number;
+}
+
+declare const Icon: react.NamedExoticComponent<PropsWithChildren<IconProps>>;
+
+export { Icon, type IconProps, type IconStyle };

package/dist/index.esm.js

@@ -0,0 +1,26 @@
+// src/components/icon.tsx
+import { FontAwesomeIcon } from "@fortawesome/react-native-fontawesome";
+import { useTheme } from "@impulse-ui-native/theme";
+import { memo, useMemo } from "react";
+var Icon = memo(function Icon2({
+  size = "medium",
+  icon,
+  children,
+  style,
+  ...props
+}) {
+  const theme = useTheme();
+  const iconSize = useMemo(
+    () => ({
+      small: 14,
+      medium: 16,
+      large: 16
+    })[size],
+    [theme, size]
+  );
+  return /* @__PURE__ */ React.createElement(FontAwesomeIcon, { size: iconSize, icon, style, ...props });
+});
+export {
+  Icon
+};
+//# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/icon.tsx"],"sourcesContent":["import { FontAwesomeIcon } from \"@fortawesome/react-native-fontawesome\";\r\nimport { useTheme } from \"@impulse-ui-native/theme\";\r\nimport { memo, PropsWithChildren, useMemo } from \"react\";\r\nimport { IconProps } from \"../types\";\r\n\r\nexport const Icon = memo(function Icon({\r\n  size = \"medium\",\r\n  icon,\r\n  children,\r\n  style,\r\n  ...props\r\n}: PropsWithChildren<IconProps>) {\r\n  const theme = useTheme();\r\n  const iconSize = useMemo(\r\n    () =>\r\n      ({\r\n        small: 14,\r\n        medium: 16,\r\n        large: 16,\r\n      }[size]),\r\n    [theme, size]\r\n  );\r\n\r\n  return (\r\n    <FontAwesomeIcon size={iconSize} icon={icon} style={style} {...props} />\r\n  );\r\n});\r\n"],"mappings":";AAAA,SAAS,uBAAuB;AAChC,SAAS,gBAAgB;AACzB,SAAS,MAAyB,eAAe;AAG1C,IAAM,OAAO,KAAK,SAASA,MAAK;AAAA,EACrC,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAiC;AAC/B,QAAM,QAAQ,SAAS;AACvB,QAAM,WAAW;AAAA,IACf,OACG;AAAA,MACC,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAO;AAAA,IACT,GAAE,IAAI;AAAA,IACR,CAAC,OAAO,IAAI;AAAA,EACd;AAEA,SACE,oCAAC,mBAAgB,MAAM,UAAU,MAAY,OAAe,GAAG,OAAO;AAE1E,CAAC;","names":["Icon"]}

package/package.json

@@ -0,0 +1,53 @@
+{
+  "name": "@impulse-ui-native/icon",
+  "version": "1.0.0",
+  "source": "src/index.ts",
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
+  "react-native": "src/index.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "react-native": "./src/index.ts",
+      "import": "./dist/index.esm.js",
+      "require": "./dist/index.cjs.js"
+    }
+  },
+  "files": [
+    "dist",
+    "src",
+    "README.md",
+    "LICENSE"
+  ],
+  "dependencies": {
+    "@fortawesome/fontawesome-svg-core": "^7.1.0",
+    "@fortawesome/free-brands-svg-icons": "^7.1.0",
+    "@fortawesome/free-regular-svg-icons": "^7.1.0",
+    "@fortawesome/free-solid-svg-icons": "^7.1.0",
+    "@fortawesome/react-native-fontawesome": "^0.3.2",
+    "react-native-svg": "^15.14.0",
+    "@impulse-ui-native/core": "1.0.0",
+    "@impulse-ui-native/theme": "1.0.0"
+  },
+  "peerDependencies": {
+    "@fortawesome/free-brands-svg-icons": "^7.1.0",
+    "@fortawesome/free-regular-svg-icons": "^7.1.0",
+    "@fortawesome/free-solid-svg-icons": "^7.1.0",
+    "expo": ">=51 || >=52",
+    "expo-modules-core": ">=1.0.0",
+    "react": ">=18",
+    "react-native": ">=0.74",
+    "react-native-gesture-handler": ">=2",
+    "react-native-reanimated": ">=3",
+    "react-native-safe-area-context": "5.6.1",
+    "react-native-worklets": ">=0.5.1"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsup --config tsup.config.ts",
+    "typecheck": "tsc -p tsconfig.json --noEmit"
+  }
+}

package/src/components/icon.tsx

@@ -0,0 +1,27 @@
+import { FontAwesomeIcon } from "@fortawesome/react-native-fontawesome";
+import { useTheme } from "@impulse-ui-native/theme";
+import { memo, PropsWithChildren, useMemo } from "react";
+import { IconProps } from "../types";
+
+export const Icon = memo(function Icon({
+  size = "medium",
+  icon,
+  children,
+  style,
+  ...props
+}: PropsWithChildren<IconProps>) {
+  const theme = useTheme();
+  const iconSize = useMemo(
+    () =>
+      ({
+        small: 14,
+        medium: 16,
+        large: 16,
+      }[size]),
+    [theme, size]
+  );
+
+  return (
+    <FontAwesomeIcon size={iconSize} icon={icon} style={style} {...props} />
+  );
+});

package/src/components/index.ts

@@ -0,0 +1 @@
+export { Icon } from "./icon";

package/src/index.ts

@@ -0,0 +1,2 @@
+export * from "./components";
+export * from "./types";

package/src/types/icon.types.ts

@@ -0,0 +1,11 @@
+import { Props } from "@fortawesome/react-native-fontawesome";
+import { ComponentSize } from "@impulse-ui-native/theme";
+import { ViewStyle } from "react-native";
+
+export interface IconStyle extends ViewStyle {
+  color?: string;
+}
+
+export interface IconProps extends Omit<Props, "size"> {
+  size?: ComponentSize | number;
+}

package/src/types/index.ts

@@ -0,0 +1 @@
+export * from "./icon.types";