huspy-icons 0.1.4 → 0.1.7

package/dist/fonts/HuspyIcons.css

@@ -1,9 +1,9 @@
 @font-face {
     font-family: "HuspyIcons";
-    src: url(".//HuspyIcons.ttf?25d92884ac0b766c69d414744c2ffbc2") format("truetype"),
-url(".//HuspyIcons.woff?25d92884ac0b766c69d414744c2ffbc2") format("woff"),
-url(".//HuspyIcons.woff2?25d92884ac0b766c69d414744c2ffbc2") format("woff2"),
-url(".//HuspyIcons.eot?25d92884ac0b766c69d414744c2ffbc2#iefix") format("embedded-opentype");
+    src: url(".//HuspyIcons.ttf?d1b413dd5ca9bd51e6ff81a64788c5c7") format("truetype"),
+url(".//HuspyIcons.woff?d1b413dd5ca9bd51e6ff81a64788c5c7") format("woff"),
+url(".//HuspyIcons.woff2?d1b413dd5ca9bd51e6ff81a64788c5c7") format("woff2"),
+url(".//HuspyIcons.eot?d1b413dd5ca9bd51e6ff81a64788c5c7#iefix") format("embedded-opentype");
 }
 
 .icon:before {
@@ -17,12 +17,27 @@ url(".//HuspyIcons.eot?25d92884ac0b766c69d414744c2ffbc2#iefix") format("embedded
     -moz-osx-font-smoothing: grayscale;
 }
 
-.icon.huspy-icon-icon-slot:before {
+.icon.huspy-icon-user:before {
     content: "\f101";
 }
-.icon.huspy-icon-arrow-up-right:before {
+.icon.huspy-icon-search:before {
     content: "\f102";
 }
-.icon.huspy-icon-arrow-left:before {
+.icon.huspy-icon-icon-slot:before {
     content: "\f103";
 }
+.icon.huspy-icon-eye-visible:before {
+    content: "\f104";
+}
+.icon.huspy-icon-eye-hidden:before {
+    content: "\f105";
+}
+.icon.huspy-icon-check:before {
+    content: "\f106";
+}
+.icon.huspy-icon-cancel:before {
+    content: "\f107";
+}
+.icon.huspy-icon-arrow-left:before {
+    content: "\f108";
+}

package/dist/fonts/HuspyIcons.json

@@ -1,5 +1,10 @@
 {
-  "icon-slot": 61697,
-  "arrow-up-right": 61698,
-  "arrow-left": 61699
+  "user": 61697,
+  "search": 61698,
+  "icon-slot": 61699,
+  "eye-visible": 61700,
+  "eye-hidden": 61701,
+  "check": 61702,
+  "cancel": 61703,
+  "arrow-left": 61704
 }

package/dist/fonts/HuspyIcons.ts

@@ -1,16 +1,31 @@
 export type HuspyIconsId =
+  | "user"
+  | "search"
   | "icon-slot"
-  | "arrow-up-right"
+  | "eye-visible"
+  | "eye-hidden"
+  | "check"
+  | "cancel"
   | "arrow-left";
 
 export enum HuspyIcons {
+  User = "user",
+  Search = "search",
   IconSlot = "icon-slot",
-  ArrowUpRight = "arrow-up-right",
+  EyeVisible = "eye-visible",
+  EyeHidden = "eye-hidden",
+  Check = "check",
+  Cancel = "cancel",
   ArrowLeft = "arrow-left",
 }
 
 export const HUSPY_ICONS_CODEPOINTS: { [key in HuspyIcons]: string } = {
-  [HuspyIcons.IconSlot]: "61697",
-  [HuspyIcons.ArrowUpRight]: "61698",
-  [HuspyIcons.ArrowLeft]: "61699",
+  [HuspyIcons.User]: "61697",
+  [HuspyIcons.Search]: "61698",
+  [HuspyIcons.IconSlot]: "61699",
+  [HuspyIcons.EyeVisible]: "61700",
+  [HuspyIcons.EyeHidden]: "61701",
+  [HuspyIcons.Check]: "61702",
+  [HuspyIcons.Cancel]: "61703",
+  [HuspyIcons.ArrowLeft]: "61704",
 };

package/dist/native/index.d.ts

@@ -4,7 +4,7 @@ import { TextProps } from 'react-native';
 /**
  * Available icon names in the HuspyIcons font
  */
-type IconName = 'icon-slot' | 'arrow-up-right' | 'arrow-left';
+type IconName = 'user' | 'search' | 'icon-slot' | 'eye-visible' | 'eye-hidden' | 'check' | 'cancel' | 'arrow-left';
 /**
  * Mapping of icon names to unicode codepoints
  * Used by the Icon component to render the correct glyph

package/dist/native/index.js

@@ -42,9 +42,14 @@ var import_react_native = require("react-native");
 
 // src/native/glyphMap.ts
 var glyphMap = {
-  "icon-slot": 61697,
-  "arrow-up-right": 61698,
-  "arrow-left": 61699
+  "user": 61697,
+  "search": 61698,
+  "icon-slot": 61699,
+  "eye-visible": 61700,
+  "eye-hidden": 61701,
+  "check": 61702,
+  "cancel": 61703,
+  "arrow-left": 61704
 };
 var fontFamily = "HuspyIcons";
 
@@ -69,7 +74,12 @@ var Icon = ({ name, size = 16, color = "#000", style, ...props }) => {
           color,
           // Ensure icon doesn't inherit text styles
           fontWeight: "normal",
-          fontStyle: "normal"
+          fontStyle: "normal",
+          // Prevent text selection and ensure proper rendering
+          includeFontPadding: false,
+          // Android: removes extra padding
+          textAlignVertical: "center"
+          // Android: centers the glyph vertically
         },
         style
       ],

package/dist/native/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/native/index.ts","../../src/native/Icon.tsx","../../src/native/glyphMap.ts"],"sourcesContent":["/**\n * Huspy Icons - React Native (Font-based)\n * \n * This package provides icon components for React Native using a custom font.\n * \n * @example\n * ```tsx\n * import { Icon } from 'huspy-icons/native';\n * \n * function MyComponent() {\n *   return <Icon name=\"arrow-left\" size={24} color=\"#000\" />;\n * }\n * ```\n */\n\nexport { default as Icon } from './Icon';\nexport type { IconProps, IconName } from './Icon';\nexport { glyphMap, fontFamily } from './glyphMap';\n\n","import * as React from 'react';\nimport { Text, TextProps, Platform } from 'react-native';\nimport { glyphMap, fontFamily, IconName } from './glyphMap';\n\n/**\n * Props for the Icon component (React Native)\n */\nexport interface IconProps extends Omit<TextProps, 'children'> {\n  /**\n   * Name of the icon to display\n   */\n  name: IconName;\n  \n  /**\n   * Size of the icon (default: 16)\n   */\n  size?: number;\n  \n  /**\n   * Color of the icon (default: inherits from parent or 'black')\n   */\n  color?: string;\n}\n\n/**\n * Icon component for React Native\n * \n * Renders icons using a custom font (HuspyIcons)\n * \n * @example\n * ```tsx\n * <Icon name=\"arrow-left\" size={24} color=\"#000\" />\n * ```\n */\nconst Icon = ({ name, size = 16, color = '#000', style, ...props }: IconProps) => {\n  const codepoint = glyphMap[name];\n  \n  if (!codepoint) {\n    if (__DEV__) {\n      console.warn(`Icon \"${name}\" not found in HuspyIcons font`);\n    }\n    return null;\n  }\n  \n  // Convert codepoint to character\n  const glyph = String.fromCharCode(codepoint);\n  \n  return (\n    <Text\n      {...props}\n      style={[\n        {\n          fontFamily: fontFamily,\n          fontSize: size,\n          color: color,\n          // Ensure icon doesn't inherit text styles\n          fontWeight: 'normal',\n          fontStyle: 'normal',\n        },\n        style,\n      ]}\n      // Accessibility\n      accessible\n      accessibilityLabel={props.accessibilityLabel || name}\n      accessibilityRole=\"image\"\n    >\n      {glyph}\n    </Text>\n  );\n};\n\nexport default Icon;\nexport type { IconName };\n\n","// Auto-generated by generate-font.js - do not edit manually\n// Source: icons-src/*.svg → dist/fonts/HuspyIcons.*\n\n/**\n * Available icon names in the HuspyIcons font\n */\nexport type IconName = 'icon-slot' | 'arrow-up-right' | 'arrow-left';\n\n/**\n * Mapping of icon names to unicode codepoints\n * Used by the Icon component to render the correct glyph\n */\nexport const glyphMap: Record<IconName, number> = {\n  \"icon-slot\": 61697,\n  \"arrow-up-right\": 61698,\n  \"arrow-left\": 61699\n};\n\n/**\n * Font family name for React Native\n */\nexport const fontFamily = 'HuspyIcons';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,YAAuB;AACvB,0BAA0C;;;ACWnC,IAAM,WAAqC;AAAA,EAChD,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,cAAc;AAChB;AAKO,IAAM,aAAa;;;ADa1B,IAAM,OAAO,CAAC,EAAE,MAAM,OAAO,IAAI,QAAQ,QAAQ,OAAO,GAAG,MAAM,MAAiB;AAChF,QAAM,YAAY,SAAS,IAAI;AAE/B,MAAI,CAAC,WAAW;AACd,QAAI,SAAS;AACX,cAAQ,KAAK,SAAS,IAAI,gCAAgC;AAAA,IAC5D;AACA,WAAO;AAAA,EACT;AAGA,QAAM,QAAQ,OAAO,aAAa,SAAS;AAE3C,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,OAAO;AAAA,QACL;AAAA,UACE;AAAA,UACA,UAAU;AAAA,UACV;AAAA;AAAA,UAEA,YAAY;AAAA,UACZ,WAAW;AAAA,QACb;AAAA,QACA;AAAA,MACF;AAAA,MAEA,YAAU;AAAA,MACV,oBAAoB,MAAM,sBAAsB;AAAA,MAChD,mBAAkB;AAAA;AAAA,IAEjB;AAAA,EACH;AAEJ;AAEA,IAAO,eAAQ;","names":[]}
+{"version":3,"sources":["../../src/native/index.ts","../../src/native/Icon.tsx","../../src/native/glyphMap.ts"],"sourcesContent":["/**\n * Huspy Icons - React Native (Font-based)\n * \n * This package provides icon components for React Native using a custom font.\n * \n * @example\n * ```tsx\n * import { Icon } from 'huspy-icons/native';\n * \n * function MyComponent() {\n *   return <Icon name=\"arrow-left\" size={24} color=\"#000\" />;\n * }\n * ```\n */\n\nexport { default as Icon } from './Icon';\nexport type { IconProps, IconName } from './Icon';\nexport { glyphMap, fontFamily } from './glyphMap';\n\n","import * as React from 'react';\nimport { Text, TextProps } from 'react-native';\nimport { glyphMap, fontFamily, IconName } from './glyphMap';\n\n/**\n * Props for the Icon component (React Native)\n */\nexport interface IconProps extends Omit<TextProps, 'children'> {\n  /**\n   * Name of the icon to display\n   */\n  name: IconName;\n\n  /**\n   * Size of the icon (default: 16)\n   */\n  size?: number;\n\n  /**\n   * Color of the icon (default: inherits from parent or 'black')\n   */\n  color?: string;\n}\n\n/**\n * Icon component for React Native\n *\n * Renders icons using a custom font (HuspyIcons)\n *\n * @example\n * ```tsx\n * <Icon name=\"arrow-left\" size={24} color=\"#000\" />\n * ```\n */\nconst Icon = ({ name, size = 16, color = '#000', style, ...props }: IconProps) => {\n  const codepoint = glyphMap[name];\n\n  if (!codepoint) {\n    if (__DEV__) {\n      console.warn(`Icon \"${name}\" not found in HuspyIcons font`);\n    }\n    return null;\n  }\n\n  // Convert codepoint to character\n  const glyph = String.fromCharCode(codepoint);\n\n  return (\n    <Text\n      {...props}\n      style={[\n        {\n          fontFamily: fontFamily,\n          fontSize: size,\n          color: color,\n          // Ensure icon doesn't inherit text styles\n          fontWeight: 'normal',\n          fontStyle: 'normal',\n          // Prevent text selection and ensure proper rendering\n          includeFontPadding: false, // Android: removes extra padding\n          textAlignVertical: 'center', // Android: centers the glyph vertically\n        },\n        style,\n      ]}\n      // Accessibility\n      accessible\n      accessibilityLabel={props.accessibilityLabel || name}\n      accessibilityRole=\"image\"\n    >\n      {glyph}\n    </Text>\n  );\n};\n\nexport default Icon;\nexport type { IconName };\n","// Auto-generated by generate-font.js - do not edit manually\n// Source: icons-src/*.svg → dist/fonts/HuspyIcons.*\n\n/**\n * Available icon names in the HuspyIcons font\n */\nexport type IconName = 'user' | 'search' | 'icon-slot' | 'eye-visible' | 'eye-hidden' | 'check' | 'cancel' | 'arrow-left';\n\n/**\n * Mapping of icon names to unicode codepoints\n * Used by the Icon component to render the correct glyph\n */\nexport const glyphMap: Record<IconName, number> = {\n  \"user\": 61697,\n  \"search\": 61698,\n  \"icon-slot\": 61699,\n  \"eye-visible\": 61700,\n  \"eye-hidden\": 61701,\n  \"check\": 61702,\n  \"cancel\": 61703,\n  \"arrow-left\": 61704\n};\n\n/**\n * Font family name for React Native\n */\nexport const fontFamily = 'HuspyIcons';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,YAAuB;AACvB,0BAAgC;;;ACWzB,IAAM,WAAqC;AAAA,EAChD,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,aAAa;AAAA,EACb,eAAe;AAAA,EACf,cAAc;AAAA,EACd,SAAS;AAAA,EACT,UAAU;AAAA,EACV,cAAc;AAChB;AAKO,IAAM,aAAa;;;ADQ1B,IAAM,OAAO,CAAC,EAAE,MAAM,OAAO,IAAI,QAAQ,QAAQ,OAAO,GAAG,MAAM,MAAiB;AAChF,QAAM,YAAY,SAAS,IAAI;AAE/B,MAAI,CAAC,WAAW;AACd,QAAI,SAAS;AACX,cAAQ,KAAK,SAAS,IAAI,gCAAgC;AAAA,IAC5D;AACA,WAAO;AAAA,EACT;AAGA,QAAM,QAAQ,OAAO,aAAa,SAAS;AAE3C,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,OAAO;AAAA,QACL;AAAA,UACE;AAAA,UACA,UAAU;AAAA,UACV;AAAA;AAAA,UAEA,YAAY;AAAA,UACZ,WAAW;AAAA;AAAA,UAEX,oBAAoB;AAAA;AAAA,UACpB,mBAAmB;AAAA;AAAA,QACrB;AAAA,QACA;AAAA,MACF;AAAA,MAEA,YAAU;AAAA,MACV,oBAAoB,MAAM,sBAAsB;AAAA,MAChD,mBAAkB;AAAA;AAAA,IAEjB;AAAA,EACH;AAEJ;AAEA,IAAO,eAAQ;","names":[]}

package/dist/react/index.d.mts

@@ -30,10 +30,20 @@ declare function resolveSize(size?: IconSize): number;
 
 declare const SvgArrowLeft: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
 
-declare const SvgArrowUpRight: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
+declare const SvgCancel: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
+
+declare const SvgCheck: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
+
+declare const SvgEyeHidden: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
+
+declare const SvgEyeVisible: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
 
 declare const SvgIconSlot: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
 
+declare const SvgSearch: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
+
+declare const SvgUser: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
+
 /**
  * Icon imports - using dynamic imports for tree-shaking
  * Auto-generated - do not edit manually
@@ -41,7 +51,7 @@ declare const SvgIconSlot: ({ size, ...props }: ReactIconProps) => React$1.JSX.E
 /**
  * Available icon names
  */
-type IconName = 'arrow-left' | 'arrow-up-right' | 'icon-slot';
+type IconName = 'arrow-left' | 'cancel' | 'check' | 'eye-hidden' | 'eye-visible' | 'icon-slot' | 'search' | 'user';
 /**
  * Props for the unified Icon component
  */
@@ -56,4 +66,4 @@ interface IconProps extends Omit<ReactIconProps, 'size'> {
  */
 declare const Icon: ({ name, size, color, ...props }: IconProps) => React$1.JSX.Element | null;
 
-export { SvgArrowLeft as ArrowLeft, SvgArrowUpRight as ArrowUpRight, ICON_SIZES, Icon, type IconName, type IconProps, type IconSize, type IconSizeToken, SvgIconSlot as IconSlot, type ReactIconProps, resolveSize };
+export { SvgArrowLeft as ArrowLeft, SvgCancel as Cancel, SvgCheck as Check, SvgEyeHidden as EyeHidden, SvgEyeVisible as EyeVisible, ICON_SIZES, Icon, type IconName, type IconProps, type IconSize, type IconSizeToken, SvgIconSlot as IconSlot, type ReactIconProps, SvgSearch as Search, SvgUser as User, resolveSize };

package/dist/react/index.d.ts

@@ -30,10 +30,20 @@ declare function resolveSize(size?: IconSize): number;
 
 declare const SvgArrowLeft: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
 
-declare const SvgArrowUpRight: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
+declare const SvgCancel: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
+
+declare const SvgCheck: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
+
+declare const SvgEyeHidden: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
+
+declare const SvgEyeVisible: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
 
 declare const SvgIconSlot: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
 
+declare const SvgSearch: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
+
+declare const SvgUser: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
+
 /**
  * Icon imports - using dynamic imports for tree-shaking
  * Auto-generated - do not edit manually
@@ -41,7 +51,7 @@ declare const SvgIconSlot: ({ size, ...props }: ReactIconProps) => React$1.JSX.E
 /**
  * Available icon names
  */
-type IconName = 'arrow-left' | 'arrow-up-right' | 'icon-slot';
+type IconName = 'arrow-left' | 'cancel' | 'check' | 'eye-hidden' | 'eye-visible' | 'icon-slot' | 'search' | 'user';
 /**
  * Props for the unified Icon component
  */
@@ -56,4 +66,4 @@ interface IconProps extends Omit<ReactIconProps, 'size'> {
  */
 declare const Icon: ({ name, size, color, ...props }: IconProps) => React$1.JSX.Element | null;
 
-export { SvgArrowLeft as ArrowLeft, SvgArrowUpRight as ArrowUpRight, ICON_SIZES, Icon, type IconName, type IconProps, type IconSize, type IconSizeToken, SvgIconSlot as IconSlot, type ReactIconProps, resolveSize };
+export { SvgArrowLeft as ArrowLeft, SvgCancel as Cancel, SvgCheck as Check, SvgEyeHidden as EyeHidden, SvgEyeVisible as EyeVisible, ICON_SIZES, Icon, type IconName, type IconProps, type IconSize, type IconSizeToken, SvgIconSlot as IconSlot, type ReactIconProps, SvgSearch as Search, SvgUser as User, resolveSize };