@impulse-ui-native/icon 1.0.9 → 2.0.0

package/dist/{index.d.ts → types/icon.types.d.mts}

@@ -1,16 +1,18 @@
-import * as react from 'react';
 import { ComponentType } from 'react';
-import { ComponentSize } from '@impulse-ui-native/theme';
 import { SvgProps } from 'react-native-svg';
+import { ComponentSize } from '@impulse-ui-native/theme';
 
 type IconStyle = SvgProps["style"];
-interface IconProps {
+type IconVariant = "bold" | "duotone" | "fill" | "light" | "regular" | "thin";
+interface IconProps extends SvgProps {
     size?: ComponentSize | number;
     color?: string;
+    variant?: IconVariant;
     icon: ComponentType<SvgProps>;
     style?: IconStyle;
 }
+interface IconWrapperProps extends SvgProps {
+    variant?: IconVariant;
+}
 
-declare const Icon: react.NamedExoticComponent<IconProps>;
-
-export { Icon, type IconProps, type IconStyle };
+export type { IconProps, IconStyle, IconVariant, IconWrapperProps };

package/dist/types/icon.types.js

@@ -0,0 +1 @@
+import "../chunk-VOUZ5APA.js";

package/dist/types/index.d.mts

@@ -0,0 +1,4 @@
+export { IconProps, IconStyle, IconVariant, IconWrapperProps } from './icon.types.mjs';
+import 'react';
+import 'react-native-svg';
+import '@impulse-ui-native/theme';

package/dist/types/index.js

@@ -0,0 +1,2 @@
+import "../chunk-2BUPSB7O.js";
+import "../chunk-VOUZ5APA.js";

package/package.json

@@ -1,45 +1,50 @@
 {
   "name": "@impulse-ui-native/icon",
-  "version": "1.0.9",
+  "version": "2.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",
+  "module": "dist/index.js",
+  "types": "dist/index.d.mts",
+  "react-native": "dist/index.js",
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "react-native": "./src/index.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs.js"
+      "types": "./dist/index.d.mts",
+      "react-native": "./dist/index.js",
+      "import": "./dist/index.js"
     }
   },
   "files": [
     "dist",
-    "src",
     "README.md",
     "LICENSE"
   ],
   "dependencies": {
-    "react-native-svg": "^15.14.0",
-    "@impulse-ui-native/theme": "1.0.9",
-    "@impulse-ui-native/core": "1.0.9"
+    "@impulse-ui-native/theme": "2.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "~19.2.14",
+    "eslint": "^9.38.0",
+    "prettier": "^3.6.2",
+    "react": "19.2.0",
+    "react-native": "0.83.6",
+    "react-native-svg": "15.15.3",
+    "typescript": "~5.9.2",
+    "@impulse-ui-native/eslint-config": "1.0.0",
+    "@impulse-ui-native/prettier-config": "1.0.0",
+    "@impulse-ui-native/tsconfig": "1.0.0"
   },
   "peerDependencies": {
-    "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"
+    "react-native": ">=0.73",
+    "react-native-svg": ">=13.9.0"
   },
   "publishConfig": {
     "access": "public"
   },
+  "prettier": "@impulse-ui-native/prettier-config",
   "scripts": {
     "build": "tsup --config tsup.config.ts",
-    "typecheck": "tsc -p tsconfig.json --noEmit"
+    "typecheck": "tsc -p tsconfig.json --noEmit",
+    "lint": "pnpm exec eslint . --fix",
+    "format": "prettier --write \"./**/*.{ts,tsx,js,jsx,json,md}\" --ignore-path ../../.prettierignore"
   }
 }

package/dist/index.cjs.js

@@ -1,49 +0,0 @@
-"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 = require("react");
-var Icon = (0, import_react.memo)(function Icon2({
-  size = "medium",
-  icon,
-  ...props
-}) {
-  const Icon3 = icon;
-  const iconSize = (0, import_react.useMemo)(
-    () => ({
-      small: 14,
-      medium: 16,
-      large: 16
-    })[size],
-    [size]
-  ) ?? 16;
-  return /* @__PURE__ */ React.createElement(Icon3, { ...props, width: iconSize, height: iconSize, fill: props.color });
-});
-// 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

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/index.ts","../src/components/icon.tsx"],"sourcesContent":["export * from \"./components\";\r\nexport * from \"./types\";\r\n","import { memo, 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  ...props\r\n}: IconProps) {\r\n  const Icon = icon;\r\n\r\n  const iconSize =\r\n    useMemo(\r\n      () =>\r\n        ({\r\n          small: 14,\r\n          medium: 16,\r\n          large: 16,\r\n        }[size]),\r\n      [size]\r\n    ) ?? 16;\r\n\r\n  return (\r\n    <Icon {...props} width={iconSize} height={iconSize} fill={props.color} />\r\n  );\r\n});\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAA8B;AAGvB,IAAM,WAAO,mBAAK,SAASA,MAAK;AAAA,EACrC,OAAO;AAAA,EACP;AAAA,EACA,GAAG;AACL,GAAc;AACZ,QAAMA,QAAO;AAEb,QAAM,eACJ;AAAA,IACE,OACG;AAAA,MACC,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAO;AAAA,IACT,GAAE,IAAI;AAAA,IACR,CAAC,IAAI;AAAA,EACP,KAAK;AAEP,SACE,oCAACA,OAAA,EAAM,GAAG,OAAO,OAAO,UAAU,QAAQ,UAAU,MAAM,MAAM,OAAO;AAE3E,CAAC;","names":["Icon"]}

package/dist/index.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/icon.tsx"],"sourcesContent":["import { memo, 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  ...props\r\n}: IconProps) {\r\n  const Icon = icon;\r\n\r\n  const iconSize =\r\n    useMemo(\r\n      () =>\r\n        ({\r\n          small: 14,\r\n          medium: 16,\r\n          large: 16,\r\n        }[size]),\r\n      [size]\r\n    ) ?? 16;\r\n\r\n  return (\r\n    <Icon {...props} width={iconSize} height={iconSize} fill={props.color} />\r\n  );\r\n});\r\n"],"mappings":";AAAA,SAAS,MAAM,eAAe;AAGvB,IAAM,OAAO,KAAK,SAASA,MAAK;AAAA,EACrC,OAAO;AAAA,EACP;AAAA,EACA,GAAG;AACL,GAAc;AACZ,QAAMA,QAAO;AAEb,QAAM,WACJ;AAAA,IACE,OACG;AAAA,MACC,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAO;AAAA,IACT,GAAE,IAAI;AAAA,IACR,CAAC,IAAI;AAAA,EACP,KAAK;AAEP,SACE,oCAACA,OAAA,EAAM,GAAG,OAAO,OAAO,UAAU,QAAQ,UAAU,MAAM,MAAM,OAAO;AAE3E,CAAC;","names":["Icon"]}

package/src/components/icon.tsx

@@ -1,25 +0,0 @@
-import { memo, useMemo } from "react";
-import { IconProps } from "../types";
-
-export const Icon = memo(function Icon({
-  size = "medium",
-  icon,
-  ...props
-}: IconProps) {
-  const Icon = icon;
-
-  const iconSize =
-    useMemo(
-      () =>
-        ({
-          small: 14,
-          medium: 16,
-          large: 16,
-        }[size]),
-      [size]
-    ) ?? 16;
-
-  return (
-    <Icon {...props} width={iconSize} height={iconSize} fill={props.color} />
-  );
-});

package/src/components/index.ts

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

package/src/index.ts

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

package/src/types/icon.types.ts

@@ -1,12 +0,0 @@
-import { ComponentSize } from "@impulse-ui-native/theme";
-import { ComponentType } from "react";
-import { SvgProps } from "react-native-svg";
-
-export type IconStyle = SvgProps["style"];
-
-export interface IconProps {
-  size?: ComponentSize | number;
-  color?: string;
-  icon: ComponentType<SvgProps>;
-  style?: IconStyle;
-}

package/src/types/index.ts

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